diff --git a/src/SortableList/store/listDataReducer.test.ts b/src/SortableList/store/listDataReducer.test.ts
index 8f52eeef..2a249345 100644
--- a/src/SortableList/store/listDataReducer.test.ts
+++ b/src/SortableList/store/listDataReducer.test.ts
@@ -1,16 +1,16 @@
 import { listDataReducer } from './listDataReducer';
 
 const listData = [
-  { id: '1', title: '序号', dataIndex: 'indexBorder' },
+  { id: 1, title: '序号', dataIndex: 'indexBorder' },
   {
-    id: '2',
+    id: 2,
     title: '授权企业名称',
     dataIndex: 'text',
   },
-  { id: '3', title: '被授权企业', dataIndex: 'select' },
+  { id: 3, title: '被授权企业', dataIndex: 'select' },
 ];
 
-const newItem = { id: '4', title: '邮箱', dataIndex: 'text' };
+const newItem = { id: 4, title: '邮箱', dataIndex: 'text' };
 
 describe('listDataReducer', () => {
   describe('moveItem', () => {
@@ -27,13 +27,13 @@ describe('listDataReducer', () => {
   describe('addItem', () => {
     it('添加一项到末尾', () => {
       const listData = [
-        { id: '1', title: '序号', dataIndex: 'indexBorder' },
+        { id: 1, title: '序号', dataIndex: 'indexBorder' },
         {
-          id: '2',
+          id: 2,
           title: '授权企业名称',
           dataIndex: 'text',
         },
-        { id: '3', title: '被授权企业', dataIndex: 'select' },
+        { id: 3, title: '被授权企业', dataIndex: 'select' },
       ];
 
       const data = listDataReducer(listData, {
@@ -46,13 +46,13 @@ describe('listDataReducer', () => {
 
     it('添加一项到任意位置', () => {
       const listData = [
-        { id: '1', title: '序号', dataIndex: 'indexBorder' },
+        { id: 1, title: '序号', dataIndex: 'indexBorder' },
         {
-          id: '2',
+          id: 2,
           title: '授权企业名称',
           dataIndex: 'text',
         },
-        { id: '3', title: '被授权企业', dataIndex: 'select' },
+        { id: 3, title: '被授权企业', dataIndex: 'select' },
       ];
 
       const data = listDataReducer(listData, {
diff --git a/src/SortableList/utils/index.tsx b/src/SortableList/utils/index.tsx
index ac3c52bf..3414838f 100644
--- a/src/SortableList/utils/index.tsx
+++ b/src/SortableList/utils/index.tsx
@@ -1,6 +1,6 @@
 import type { UniqueIdentifier } from '@dnd-kit/core';
 import isEqual from 'lodash.isequal';
-import React from 'react';
+import { useEffect, useState } from 'react';
 import type { SortableItemList } from '../type';
 
 const defaultInitializer = (index: number) => index;
@@ -52,8 +52,8 @@ export function move<T>(array: T[], moveIndex: number, toIndex: number) {
 }
 
 export const useLatest = (props: any) => {
-  const [state, setState] = React.useState(props);
-  React.useEffect(() => {
+  const [state, setState] = useState(props);
+  useEffect(() => {
     if (!isEqual(props, state)) {
       setState(props);
     }
diff --git a/tests/__snapshots__/demo.test.tsx.snap b/tests/__snapshots__/demo.test.tsx.snap
index 5698f6c3..8523c413 100644
--- a/tests/__snapshots__/demo.test.tsx.snap
+++ b/tests/__snapshots__/demo.test.tsx.snap
@@ -2331,16 +2331,6 @@ exports[`<CollapseTitle /> > renders expand.tsx correctly 1`] = `
 
 exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
 .emotion-0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.emotion-1 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -2355,7 +2345,7 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
   gap: 4px;
 }
 
-.emotion-2 {
+.emotion-1 {
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
@@ -2368,6 +2358,16 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
   padding-left: 8px;
 }
 
+.emotion-4 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
 .emotion-5 {
   list-style: none;
   display: grid;
@@ -2459,10 +2459,6 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
   box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-7:hover .studio-sortable-list-item-actions {
-  opacity: 1;
-}
-
 .emotion-8 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -2482,38 +2478,16 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
   width: 100%;
 }
 
-.emotion-10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.emotion-11 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.emotion-11 .studio-btn.studio-btn-sm.studio-btn-icon-only {
-  width: 14px;
-  height: 24px;
-}
-
-.emotion-11 .studio-btn.studio-btn-sm.studio-btn-icon-only>svg {
-  width: 14px;
+.emotion-9:hover .studio-column-list-item-actions {
+  opacity: 1;
 }
 
-.emotion-12 {
+.emotion-10 {
   z-index: 10;
   color: hsla(0, 0, 0, 0.45);
   opacity: 0;
-}
-
-.emotion-13 {
+  position: absolute;
+  left: 0;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -2530,16 +2504,16 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
   transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-13:hover {
+.emotion-10:hover {
   color: rgba(0, 0, 0, 0.88)!important;
 }
 
-.emotion-13:active {
+.emotion-10:active {
   scale: 0.8;
   color: rgba(0, 0, 0, 0.88);
 }
 
-.emotion-14 {
+.emotion-11 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -2551,25 +2525,30 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
   gap: 4px;
 }
 
-.emotion-15 {
+.emotion-12 {
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
-  height: 24px;
   font-size: 12px;
   border-radius: 2px;
   min-width: 48px;
 }
 
-.emotion-16 {
+.emotion-13 {
   padding-left: 13px;
 }
 
-.emotion-17 .studio-select-selector {
+.emotion-14 .studio-select-selector {
   padding-left: 13px;
 }
 
-.emotion-21 {
+.emotion-17 {
+  z-index: 10;
+  color: hsla(0, 0, 0, 0.45);
+  opacity: 0;
+}
+
+.emotion-18 {
   position: absolute;
   top: 1px;
   right: 1px;
@@ -2582,11 +2561,33 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
   backdrop-filter: blur(5px);
 }
 
-.emotion-21 .tech-studio-actionicon-icon {
-  height: 22px;
+.emotion-19 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
+  transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+
+.emotion-19:hover {
+  color: rgba(0, 0, 0, 0.88)!important;
+}
+
+.emotion-19:active {
+  scale: 0.8;
+  color: rgba(0, 0, 0, 0.88);
 }
 
-.emotion-60 {
+.emotion-51 {
   height: 24px;
   padding-block: 2px;
   margin-top: 4px;
@@ -2595,13 +2596,13 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
   border-color: transparent;
 }
 
-.emotion-60:hover {
+.emotion-51:hover {
   color: rgba(0, 0, 0, 0.88)!important;
   background: rgba(0, 0, 0, 0.06)!important;
   border-color: transparent!important;
 }
 
-.emotion-60:focus {
+.emotion-51:focus {
   color: rgba(0, 0, 0, 0.65);
   background: rgba(0, 0, 0, 0.02);
   border-color: transparent;
@@ -2610,27 +2611,27 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
 
 <div>
   <div
-    class="layoutkit-flexbox emotion-0 studio-column-list studio-sortable-list"
+    class="layoutkit-flexbox emotion-0"
   >
     <div
-      class="layoutkit-flexbox emotion-1"
+      class="studio-column-list-content studio-column-list-header emotion-1"
     >
-      <div
-        class="studio-column-list-content studio-column-list-header emotion-2"
-      >
-        列标题
-      </div>
-      <div
-        class="studio-column-list-content studio-column-list-header emotion-2"
-      >
-        值类型
-      </div>
-      <div
-        class="studio-column-list-content studio-column-list-header emotion-2"
-      >
-        字段
-      </div>
+      列标题
+    </div>
+    <div
+      class="studio-column-list-content studio-column-list-header emotion-1"
+    >
+      值类型
+    </div>
+    <div
+      class="studio-column-list-content studio-column-list-header emotion-1"
+    >
+      字段
     </div>
+  </div>
+  <div
+    class="layoutkit-flexbox emotion-4 studio-column-list studio-sortable-list"
+  >
     <ul
       class="studio-sortable-list-container emotion-5"
       style="--columns: 1;"
@@ -2646,42 +2647,40 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="1"
+          data-id="columnlist_0_6051_1693138235086"
           data-index="0"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-8 studio-column-list-item emotion-9"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-10"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-11 studio-column-list-item-content emotion-12"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-13"
                 id="column-list-index-0"
                 placeholder="请输入"
                 style="flex: 1; max-width: 33.333333333333336%;"
@@ -2689,7 +2688,7 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
                 value="序号"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -2703,7 +2702,6 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -2749,36 +2747,9 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -2792,7 +2763,6 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -2838,40 +2808,13 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-8 studio-column-list-item-actions emotion-17 studio-column-list-item-actions-right emotion-18"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
                 tabindex="-1"
                 type="button"
               >
@@ -2900,7 +2843,7 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
                 </span>
               </button>
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -2944,42 +2887,40 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="2"
+          data-id="columnlist_1_1207_1693138235086"
           data-index="1"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-8 studio-column-list-item emotion-9"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-10"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-11 studio-column-list-item-content emotion-12"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-13"
                 id="column-list-index-1"
                 placeholder="请输入"
                 style="flex: 1; max-width: 33.333333333333336%;"
@@ -2987,7 +2928,7 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
                 value="授权企业名称"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -3001,7 +2942,6 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -3047,36 +2987,9 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -3090,7 +3003,6 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -3136,49 +3048,22 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
+              </div>
+            </div>
+            <div
+              class="layoutkit-flexbox emotion-8 studio-column-list-item-actions emotion-17 studio-column-list-item-actions-right emotion-18"
+            >
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
+                tabindex="-1"
+                type="button"
+              >
                 <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
+                  class="studio-btn-icon"
                 >
                   <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-            </div>
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
-            >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                tabindex="-1"
-                type="button"
-              >
-                <span
-                  class="studio-btn-icon"
-                >
-                  <span
-                    aria-label="edit"
-                    class="anticon anticon-edit"
+                    aria-label="edit"
+                    class="anticon anticon-edit"
                     role="img"
                   >
                     <svg
@@ -3198,7 +3083,7 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
                 </span>
               </button>
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -3242,42 +3127,40 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="3"
+          data-id="columnlist_2_6746_1693138235086"
           data-index="2"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-8 studio-column-list-item emotion-9"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-10"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-11 studio-column-list-item-content emotion-12"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-13"
                 id="column-list-index-2"
                 placeholder="请输入"
                 style="flex: 1; max-width: 33.333333333333336%;"
@@ -3285,7 +3168,7 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
                 value="被授权企业"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -3299,7 +3182,6 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -3345,36 +3227,9 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -3388,7 +3243,6 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -3434,40 +3288,13 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-8 studio-column-list-item-actions emotion-17 studio-column-list-item-actions-right emotion-18"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
                 tabindex="-1"
                 type="button"
               >
@@ -3496,7 +3323,7 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
                 </span>
               </button>
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -3530,43 +3357,6 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
         </div>
       </li>
     </ul>
-    <button
-      class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-sortable-list-btn-add emotion-60"
-      type="button"
-    >
-      <span
-        class="studio-btn-icon"
-      >
-        <span
-          aria-label="plus"
-          class="anticon anticon-plus"
-          role="img"
-        >
-          <svg
-            aria-hidden="true"
-            data-icon="plus"
-            fill="currentColor"
-            focusable="false"
-            height="1em"
-            viewBox="64 64 896 896"
-            width="1em"
-          >
-            <defs>
-              <style />
-            </defs>
-            <path
-              d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-            />
-            <path
-              d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-            />
-          </svg>
-        </span>
-      </span>
-      <span>
-        添加一列
-      </span>
-    </button>
     <div
       id="DndDescribedBy-5"
       style="display: none;"
@@ -3585,21 +3375,48 @@ exports[`<ColumnList /> > renders actions.tsx correctly 1`] = `
       style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
     />
   </div>
+  <button
+    class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-column-list-btn-add emotion-51"
+    type="button"
+  >
+    <span
+      class="studio-btn-icon"
+    >
+      <span
+        aria-label="plus"
+        class="anticon anticon-plus"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="plus"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <defs>
+            <style />
+          </defs>
+          <path
+            d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
+          />
+          <path
+            d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
+          />
+        </svg>
+      </span>
+    </span>
+    <span>
+      添加一列
+    </span>
+  </button>
 </div>
 `;
 
 exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
 .emotion-0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.emotion-1 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -3614,7 +3431,7 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
   gap: 4px;
 }
 
-.emotion-2 {
+.emotion-1 {
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
@@ -3628,6 +3445,16 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
 }
 
 .emotion-5 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.emotion-6 {
   list-style: none;
   display: grid;
   grid-auto-rows: max-content;
@@ -3641,7 +3468,7 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
   transition: background-color 350ms ease;
 }
 
-.emotion-6 {
+.emotion-7 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -3655,11 +3482,11 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
   touch-action: manipulation;
 }
 
-.emotion-6:not(:last-child) {
+.emotion-7:not(:last-child) {
   margin-bottom: 2px;
 }
 
-.emotion-7 {
+.emotion-8 {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
@@ -3694,11 +3521,11 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
   -webkit-tap-highlight-color: transparent;
 }
 
-.emotion-7:focus-visible {
+.emotion-8:focus-visible {
   box-shadow: 0 0 4px 1px #4c9ffe,0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-7:not(.studio-sortable-list-item-withHandle) {
+.emotion-8:not(.studio-sortable-list-item-withHandle) {
   cursor: -webkit-grab;
   cursor: grab;
   -webkit-user-select: none;
@@ -3709,20 +3536,16 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
   touch-action: none;
 }
 
-.emotion-7-dragging:not(.studio-sortable-list-item-dragOverlay) {
+.emotion-8-dragging:not(.studio-sortable-list-item-dragOverlay) {
   z-index: 0;
   opacity: var(--dragging-opacity, 0.5);
 }
 
-.emotion-7-dragging:not(.studio-sortable-list-item-dragOverlay):focus {
+.emotion-8-dragging:not(.studio-sortable-list-item-dragOverlay):focus {
   box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-7:hover .studio-sortable-list-item-actions {
-  opacity: 1;
-}
-
-.emotion-8 {
+.emotion-9 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -3736,43 +3559,21 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
   align-items: center;
 }
 
-.emotion-9 {
+.emotion-10 {
   position: relative;
   width: 100%;
 }
 
-.emotion-10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
+.emotion-10:hover .studio-column-list-item-actions {
+  opacity: 1;
 }
 
 .emotion-11 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.emotion-11 .studio-btn.studio-btn-sm.studio-btn-icon-only {
-  width: 14px;
-  height: 24px;
-}
-
-.emotion-11 .studio-btn.studio-btn-sm.studio-btn-icon-only>svg {
-  width: 14px;
-}
-
-.emotion-12 {
   z-index: 10;
   color: hsla(0, 0, 0, 0.45);
   opacity: 0;
-}
-
-.emotion-13 {
+  position: absolute;
+  left: 0;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -3789,16 +3590,16 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
   transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-13:hover {
+.emotion-11:hover {
   color: rgba(0, 0, 0, 0.88)!important;
 }
 
-.emotion-13:active {
+.emotion-11:active {
   scale: 0.8;
   color: rgba(0, 0, 0, 0.88);
 }
 
-.emotion-14 {
+.emotion-12 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -3810,25 +3611,30 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
   gap: 4px;
 }
 
-.emotion-15 {
+.emotion-13 {
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
-  height: 24px;
   font-size: 12px;
   border-radius: 2px;
   min-width: 48px;
 }
 
-.emotion-16 {
+.emotion-14 {
   padding-left: 13px;
 }
 
-.emotion-17 .studio-select-selector {
+.emotion-15 .studio-select-selector {
   padding-left: 13px;
 }
 
-.emotion-21 {
+.emotion-18 {
+  z-index: 10;
+  color: hsla(0, 0, 0, 0.45);
+  opacity: 0;
+}
+
+.emotion-19 {
   position: absolute;
   top: 1px;
   right: 1px;
@@ -3841,12 +3647,34 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
   backdrop-filter: blur(5px);
 }
 
-.emotion-21 .tech-studio-actionicon-icon {
-  height: 22px;
+.emotion-20 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
+  transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-176 {
-  height: 24px;
+.emotion-20:hover {
+  color: rgba(0, 0, 0, 0.88)!important;
+}
+
+.emotion-20:active {
+  scale: 0.8;
+  color: rgba(0, 0, 0, 0.88);
+}
+
+.emotion-147 {
+  height: 24px;
   padding-block: 2px;
   margin-top: 4px;
   color: rgba(0, 0, 0, 0.65);
@@ -3854,13 +3682,13 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
   border-color: transparent;
 }
 
-.emotion-176:hover {
+.emotion-147:hover {
   color: rgba(0, 0, 0, 0.88)!important;
   background: rgba(0, 0, 0, 0.06)!important;
   border-color: transparent!important;
 }
 
-.emotion-176:focus {
+.emotion-147:focus {
   color: rgba(0, 0, 0, 0.65);
   background: rgba(0, 0, 0, 0.02);
   border-color: transparent;
@@ -3869,33 +3697,38 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
 
 <div>
   <div
-    class="layoutkit-flexbox emotion-0 studio-column-list studio-sortable-list"
+    class="layoutkit-flexbox emotion-0"
   >
     <div
-      class="layoutkit-flexbox emotion-1"
+      class="studio-column-list-content studio-column-list-header emotion-1"
     >
-      <div
-        class="studio-column-list-content studio-column-list-header emotion-2"
-      >
-        列标题
-      </div>
-      <div
-        class="studio-column-list-content studio-column-list-header emotion-2"
-      >
-        值类型
-      </div>
-      <div
-        class="studio-column-list-content studio-column-list-header emotion-2"
-      >
-        字段
-      </div>
+      列标题
+    </div>
+    <div
+      class="studio-column-list-content studio-column-list-header emotion-1"
+    >
+      值类型
+    </div>
+    <div
+      class="studio-column-list-content studio-column-list-header emotion-1"
+    >
+      字段
+    </div>
+    <div
+      class="studio-column-list-content studio-column-list-header emotion-1"
+    >
+      颜色
     </div>
+  </div>
+  <div
+    class="layoutkit-flexbox emotion-5 studio-column-list studio-sortable-list"
+  >
     <ul
-      class="studio-sortable-list-container emotion-5"
+      class="studio-sortable-list-container emotion-6"
       style="--columns: 1;"
     >
       <li
-        class="studio-sortable-list-item-wrapper emotion-6"
+        class="studio-sortable-list-item-wrapper emotion-7"
         data-testid="list-item"
         style="--index: 0;"
       >
@@ -3903,53 +3736,51 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
           aria-describedby="DndDescribedBy-4"
           aria-disabled="false"
           aria-roledescription="sortable"
-          class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
+          class="studio-sortable-list-item emotion-8 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="1"
+          data-id="columnlist_0_3951_1693138233410"
           data-index="0"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-9 studio-column-list-item emotion-10"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-11"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-12 studio-column-list-item-content emotion-13"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-14"
                 id="column-list-index-0"
                 placeholder="请输入"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                style="flex: 1; max-width: 25%;"
                 type="text"
                 value="订单id"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -3962,7 +3793,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -4008,37 +3838,10 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -4051,7 +3854,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -4097,40 +3899,30 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
+              </div>
+              <div
+                class="ant-color-picker-trigger ant-color-picker-sm"
+              >
+                <div
+                  class="ant-color-picker-color-block"
                 >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
+                  <div
+                    class="ant-color-picker-color-block-inner"
+                    style="background: rgb(22, 119, 255);"
+                  />
+                </div>
+                <div
+                  class="ant-color-picker-trigger-text"
+                >
+                  #1677FF
+                </div>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-9 studio-column-list-item-actions emotion-18 studio-column-list-item-actions-right emotion-19"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-20"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -4164,7 +3956,7 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
         </div>
       </li>
       <li
-        class="studio-sortable-list-item-wrapper emotion-6"
+        class="studio-sortable-list-item-wrapper emotion-7"
         data-testid="list-item"
         style="--index: 1;"
       >
@@ -4172,53 +3964,51 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
           aria-describedby="DndDescribedBy-4"
           aria-disabled="false"
           aria-roledescription="sortable"
-          class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
+          class="studio-sortable-list-item emotion-8 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="2"
+          data-id="columnlist_1_4108_1693138233410"
           data-index="1"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-9 studio-column-list-item emotion-10"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-11"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-12 studio-column-list-item-content emotion-13"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-14"
                 id="column-list-index-1"
                 placeholder="请输入"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                style="flex: 1; max-width: 25%;"
                 type="text"
                 value="订单号"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -4231,7 +4021,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -4277,37 +4066,10 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -4320,7 +4082,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -4366,40 +4127,30 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
+              </div>
+              <div
+                class="ant-color-picker-trigger ant-color-picker-sm"
+              >
+                <div
+                  class="ant-color-picker-color-block"
                 >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
+                  <div
+                    class="ant-color-picker-color-block-inner"
+                    style="background: rgb(22, 119, 255);"
+                  />
+                </div>
+                <div
+                  class="ant-color-picker-trigger-text"
+                >
+                  #1677FF
+                </div>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-9 studio-column-list-item-actions emotion-18 studio-column-list-item-actions-right emotion-19"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-20"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -4433,7 +4184,7 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
         </div>
       </li>
       <li
-        class="studio-sortable-list-item-wrapper emotion-6"
+        class="studio-sortable-list-item-wrapper emotion-7"
         data-testid="list-item"
         style="--index: 2;"
       >
@@ -4441,53 +4192,51 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
           aria-describedby="DndDescribedBy-4"
           aria-disabled="false"
           aria-roledescription="sortable"
-          class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
+          class="studio-sortable-list-item emotion-8 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="3"
+          data-id="columnlist_2_1704_1693138233410"
           data-index="2"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-9 studio-column-list-item emotion-10"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-11"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-12 studio-column-list-item-content emotion-13"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-14"
                 id="column-list-index-2"
                 placeholder="请输入"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                style="flex: 1; max-width: 25%;"
                 type="text"
                 value="订单金额"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -4500,7 +4249,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -4546,37 +4294,10 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -4589,7 +4310,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -4635,40 +4355,30 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
+              </div>
+              <div
+                class="ant-color-picker-trigger ant-color-picker-sm"
+              >
+                <div
+                  class="ant-color-picker-color-block"
                 >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
+                  <div
+                    class="ant-color-picker-color-block-inner"
+                    style="background: rgb(22, 119, 255);"
+                  />
+                </div>
+                <div
+                  class="ant-color-picker-trigger-text"
+                >
+                  #1677FF
+                </div>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-9 studio-column-list-item-actions emotion-18 studio-column-list-item-actions-right emotion-19"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-20"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -4702,7 +4412,7 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
         </div>
       </li>
       <li
-        class="studio-sortable-list-item-wrapper emotion-6"
+        class="studio-sortable-list-item-wrapper emotion-7"
         data-testid="list-item"
         style="--index: 3;"
       >
@@ -4710,53 +4420,51 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
           aria-describedby="DndDescribedBy-4"
           aria-disabled="false"
           aria-roledescription="sortable"
-          class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
+          class="studio-sortable-list-item emotion-8 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="4"
+          data-id="columnlist_3_2482_1693138233410"
           data-index="3"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-9 studio-column-list-item emotion-10"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-11"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-12 studio-column-list-item-content emotion-13"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-14"
                 id="column-list-index-3"
                 placeholder="请输入"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                style="flex: 1; max-width: 25%;"
                 type="text"
                 value="产品名称"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -4769,7 +4477,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -4815,37 +4522,10 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -4858,7 +4538,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -4904,40 +4583,30 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
+              </div>
+              <div
+                class="ant-color-picker-trigger ant-color-picker-sm"
+              >
+                <div
+                  class="ant-color-picker-color-block"
                 >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
+                  <div
+                    class="ant-color-picker-color-block-inner"
+                    style="background: rgb(22, 119, 255);"
+                  />
+                </div>
+                <div
+                  class="ant-color-picker-trigger-text"
+                >
+                  #1677FF
+                </div>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-9 studio-column-list-item-actions emotion-18 studio-column-list-item-actions-right emotion-19"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-20"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -4971,7 +4640,7 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
         </div>
       </li>
       <li
-        class="studio-sortable-list-item-wrapper emotion-6"
+        class="studio-sortable-list-item-wrapper emotion-7"
         data-testid="list-item"
         style="--index: 4;"
       >
@@ -4979,53 +4648,51 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
           aria-describedby="DndDescribedBy-4"
           aria-disabled="false"
           aria-roledescription="sortable"
-          class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
+          class="studio-sortable-list-item emotion-8 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="5"
+          data-id="columnlist_4_8776_1693138233410"
           data-index="4"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-9 studio-column-list-item emotion-10"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-11"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-12 studio-column-list-item-content emotion-13"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-14"
                 id="column-list-index-4"
                 placeholder="请输入"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                style="flex: 1; max-width: 25%;"
                 type="text"
                 value="产品介绍"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -5038,7 +4705,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -5084,37 +4750,10 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -5127,7 +4766,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -5173,40 +4811,30 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
+              </div>
+              <div
+                class="ant-color-picker-trigger ant-color-picker-sm"
+              >
+                <div
+                  class="ant-color-picker-color-block"
                 >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
+                  <div
+                    class="ant-color-picker-color-block-inner"
+                    style="background: rgb(22, 119, 255);"
+                  />
+                </div>
+                <div
+                  class="ant-color-picker-trigger-text"
+                >
+                  #1677FF
+                </div>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-9 studio-column-list-item-actions emotion-18 studio-column-list-item-actions-right emotion-19"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-20"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -5240,7 +4868,7 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
         </div>
       </li>
       <li
-        class="studio-sortable-list-item-wrapper emotion-6"
+        class="studio-sortable-list-item-wrapper emotion-7"
         data-testid="list-item"
         style="--index: 5;"
       >
@@ -5248,53 +4876,51 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
           aria-describedby="DndDescribedBy-4"
           aria-disabled="false"
           aria-roledescription="sortable"
-          class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
+          class="studio-sortable-list-item emotion-8 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="6"
+          data-id="columnlist_5_8316_1693138233410"
           data-index="5"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-9 studio-column-list-item emotion-10"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-11"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
-            <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
+            <div
+              class="layoutkit-flexbox emotion-12 studio-column-list-item-content emotion-13"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-14"
                 id="column-list-index-5"
                 placeholder="请输入"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                style="flex: 1; max-width: 25%;"
                 type="text"
                 value="订单状态"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -5307,7 +4933,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -5353,37 +4978,10 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -5396,7 +4994,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -5442,40 +5039,30 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
+              </div>
+              <div
+                class="ant-color-picker-trigger ant-color-picker-sm"
+              >
+                <div
+                  class="ant-color-picker-color-block"
                 >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
+                  <div
+                    class="ant-color-picker-color-block-inner"
+                    style="background: rgb(22, 119, 255);"
+                  />
+                </div>
+                <div
+                  class="ant-color-picker-trigger-text"
+                >
+                  #1677FF
+                </div>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-9 studio-column-list-item-actions emotion-18 studio-column-list-item-actions-right emotion-19"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-20"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -5509,7 +5096,7 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
         </div>
       </li>
       <li
-        class="studio-sortable-list-item-wrapper emotion-6"
+        class="studio-sortable-list-item-wrapper emotion-7"
         data-testid="list-item"
         style="--index: 6;"
       >
@@ -5517,53 +5104,51 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
           aria-describedby="DndDescribedBy-4"
           aria-disabled="false"
           aria-roledescription="sortable"
-          class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
+          class="studio-sortable-list-item emotion-8 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="7"
+          data-id="columnlist_6_8076_1693138233410"
           data-index="6"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-9 studio-column-list-item emotion-10"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-11"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-12 studio-column-list-item-content emotion-13"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-14"
                 id="column-list-index-6"
                 placeholder="请输入"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                style="flex: 1; max-width: 25%;"
                 type="text"
                 value="订单创建时间"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -5576,7 +5161,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -5622,37 +5206,10 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -5665,7 +5222,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -5711,40 +5267,30 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
+              </div>
+              <div
+                class="ant-color-picker-trigger ant-color-picker-sm"
+              >
+                <div
+                  class="ant-color-picker-color-block"
                 >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
+                  <div
+                    class="ant-color-picker-color-block-inner"
+                    style="background: rgb(22, 119, 255);"
+                  />
+                </div>
+                <div
+                  class="ant-color-picker-trigger-text"
+                >
+                  #1677FF
+                </div>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-9 studio-column-list-item-actions emotion-18 studio-column-list-item-actions-right emotion-19"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-20"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -5778,7 +5324,7 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
         </div>
       </li>
       <li
-        class="studio-sortable-list-item-wrapper emotion-6"
+        class="studio-sortable-list-item-wrapper emotion-7"
         data-testid="list-item"
         style="--index: 7;"
       >
@@ -5786,53 +5332,51 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
           aria-describedby="DndDescribedBy-4"
           aria-disabled="false"
           aria-roledescription="sortable"
-          class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
+          class="studio-sortable-list-item emotion-8 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="8"
+          data-id="columnlist_7_3479_1693138233410"
           data-index="7"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-9 studio-column-list-item emotion-10"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-11"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-12 studio-column-list-item-content emotion-13"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-14"
                 id="column-list-index-7"
                 placeholder="请输入"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                style="flex: 1; max-width: 25%;"
                 type="text"
                 value="产品详情图"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -5845,7 +5389,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -5891,37 +5434,10 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -5934,7 +5450,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -5980,40 +5495,30 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
+              </div>
+              <div
+                class="ant-color-picker-trigger ant-color-picker-sm"
+              >
+                <div
+                  class="ant-color-picker-color-block"
                 >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
+                  <div
+                    class="ant-color-picker-color-block-inner"
+                    style="background: rgb(22, 119, 255);"
+                  />
+                </div>
+                <div
+                  class="ant-color-picker-trigger-text"
+                >
+                  #1677FF
+                </div>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-9 studio-column-list-item-actions emotion-18 studio-column-list-item-actions-right emotion-19"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-20"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -6047,7 +5552,7 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
         </div>
       </li>
       <li
-        class="studio-sortable-list-item-wrapper emotion-6"
+        class="studio-sortable-list-item-wrapper emotion-7"
         data-testid="list-item"
         style="--index: 8;"
       >
@@ -6055,53 +5560,51 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
           aria-describedby="DndDescribedBy-4"
           aria-disabled="false"
           aria-roledescription="sortable"
-          class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
+          class="studio-sortable-list-item emotion-8 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="9"
+          data-id="columnlist_8_3077_1693138233410"
           data-index="8"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-9 studio-column-list-item emotion-10"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-11"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-12 studio-column-list-item-content emotion-13"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-14"
                 id="column-list-index-8"
                 placeholder="请输入"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                style="flex: 1; max-width: 25%;"
                 type="text"
                 value="订单关闭原因"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -6114,7 +5617,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -6160,37 +5662,10 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -6203,7 +5678,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -6249,40 +5723,30 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
+              </div>
+              <div
+                class="ant-color-picker-trigger ant-color-picker-sm"
+              >
+                <div
+                  class="ant-color-picker-color-block"
                 >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
+                  <div
+                    class="ant-color-picker-color-block-inner"
+                    style="background: rgb(22, 119, 255);"
+                  />
+                </div>
+                <div
+                  class="ant-color-picker-trigger-text"
+                >
+                  #1677FF
+                </div>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-9 studio-column-list-item-actions emotion-18 studio-column-list-item-actions-right emotion-19"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-20"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -6316,7 +5780,7 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
         </div>
       </li>
       <li
-        class="studio-sortable-list-item-wrapper emotion-6"
+        class="studio-sortable-list-item-wrapper emotion-7"
         data-testid="list-item"
         style="--index: 9;"
       >
@@ -6324,53 +5788,51 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
           aria-describedby="DndDescribedBy-4"
           aria-disabled="false"
           aria-roledescription="sortable"
-          class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
+          class="studio-sortable-list-item emotion-8 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="10"
+          data-id="columnlist_9_4590_1693138233410"
           data-index="9"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-9 studio-column-list-item emotion-10"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-11"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-12 studio-column-list-item-content emotion-13"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-14"
                 id="column-list-index-9"
                 placeholder="请输入"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                style="flex: 1; max-width: 25%;"
                 type="text"
                 value="订单关闭类型"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -6383,7 +5845,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -6429,37 +5890,10 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
-                style="flex: 1; max-width: 33.333333333333336%;"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-15 studio-select-single studio-select-show-arrow"
+                style="flex: 1; max-width: 25%;"
               >
                 <div
                   class="studio-select-selector"
@@ -6472,7 +5906,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -6518,40 +5951,30 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
+              </div>
+              <div
+                class="ant-color-picker-trigger ant-color-picker-sm"
+              >
+                <div
+                  class="ant-color-picker-color-block"
                 >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
+                  <div
+                    class="ant-color-picker-color-block-inner"
+                    style="background: rgb(22, 119, 255);"
+                  />
+                </div>
+                <div
+                  class="ant-color-picker-trigger-text"
+                >
+                  #1677FF
+                </div>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-9 studio-column-list-item-actions emotion-18 studio-column-list-item-actions-right emotion-19"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-20"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -6585,43 +6008,6 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
         </div>
       </li>
     </ul>
-    <button
-      class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-sortable-list-btn-add emotion-176"
-      type="button"
-    >
-      <span
-        class="studio-btn-icon"
-      >
-        <span
-          aria-label="plus"
-          class="anticon anticon-plus"
-          role="img"
-        >
-          <svg
-            aria-hidden="true"
-            data-icon="plus"
-            fill="currentColor"
-            focusable="false"
-            height="1em"
-            viewBox="64 64 896 896"
-            width="1em"
-          >
-            <defs>
-              <style />
-            </defs>
-            <path
-              d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-            />
-            <path
-              d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-            />
-          </svg>
-        </span>
-      </span>
-      <span>
-        添加一列
-      </span>
-    </button>
     <div
       id="DndDescribedBy-4"
       style="display: none;"
@@ -6640,21 +6026,48 @@ exports[`<ColumnList /> > renders column.tsx correctly 1`] = `
       style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
     />
   </div>
+  <button
+    class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-column-list-btn-add emotion-147"
+    type="button"
+  >
+    <span
+      class="studio-btn-icon"
+    >
+      <span
+        aria-label="plus"
+        class="anticon anticon-plus"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="plus"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <defs>
+            <style />
+          </defs>
+          <path
+            d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
+          />
+          <path
+            d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
+          />
+        </svg>
+      </span>
+    </span>
+    <span>
+      添加一列
+    </span>
+  </button>
 </div>
 `;
 
 exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
 .emotion-0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.emotion-1 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -6669,7 +6082,7 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
   gap: 4px;
 }
 
-.emotion-2 {
+.emotion-1 {
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
@@ -6682,6 +6095,16 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
   padding-left: 8px;
 }
 
+.emotion-4 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
 .emotion-5 {
   list-style: none;
   display: grid;
@@ -6773,10 +6196,6 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
   box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-7:hover .studio-sortable-list-item-actions {
-  opacity: 1;
-}
-
 .emotion-8 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -6796,38 +6215,16 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
   width: 100%;
 }
 
+.emotion-9:hover .studio-column-list-item-actions {
+  opacity: 1;
+}
+
 .emotion-10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.emotion-11 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.emotion-11 .studio-btn.studio-btn-sm.studio-btn-icon-only {
-  width: 14px;
-  height: 24px;
-}
-
-.emotion-11 .studio-btn.studio-btn-sm.studio-btn-icon-only>svg {
-  width: 14px;
-}
-
-.emotion-12 {
-  z-index: 10;
-  color: hsla(0, 0, 0, 0.45);
-  opacity: 0;
-}
-
-.emotion-13 {
+  z-index: 10;
+  color: hsla(0, 0, 0, 0.45);
+  opacity: 0;
+  position: absolute;
+  left: 0;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -6844,16 +6241,16 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
   transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-13:hover {
+.emotion-10:hover {
   color: rgba(0, 0, 0, 0.88)!important;
 }
 
-.emotion-13:active {
+.emotion-10:active {
   scale: 0.8;
   color: rgba(0, 0, 0, 0.88);
 }
 
-.emotion-14 {
+.emotion-11 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -6865,25 +6262,30 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
   gap: 4px;
 }
 
-.emotion-15 {
+.emotion-12 {
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
-  height: 24px;
   font-size: 12px;
   border-radius: 2px;
   min-width: 48px;
 }
 
-.emotion-16 {
+.emotion-13 {
   padding-left: 13px;
 }
 
-.emotion-17 .studio-select-selector {
+.emotion-14 .studio-select-selector {
   padding-left: 13px;
 }
 
-.emotion-21 {
+.emotion-17 {
+  z-index: 10;
+  color: hsla(0, 0, 0, 0.45);
+  opacity: 0;
+}
+
+.emotion-18 {
   position: absolute;
   top: 1px;
   right: 1px;
@@ -6896,11 +6298,33 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
   backdrop-filter: blur(5px);
 }
 
-.emotion-21 .tech-studio-actionicon-icon {
-  height: 22px;
+.emotion-19 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
+  transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+
+.emotion-19:hover {
+  color: rgba(0, 0, 0, 0.88)!important;
+}
+
+.emotion-19:active {
+  scale: 0.8;
+  color: rgba(0, 0, 0, 0.88);
 }
 
-.emotion-57 {
+.emotion-48 {
   height: 24px;
   padding-block: 2px;
   margin-top: 4px;
@@ -6909,13 +6333,13 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
   border-color: transparent;
 }
 
-.emotion-57:hover {
+.emotion-48:hover {
   color: rgba(0, 0, 0, 0.88)!important;
   background: rgba(0, 0, 0, 0.06)!important;
   border-color: transparent!important;
 }
 
-.emotion-57:focus {
+.emotion-48:focus {
   color: rgba(0, 0, 0, 0.65);
   background: rgba(0, 0, 0, 0.02);
   border-color: transparent;
@@ -6924,27 +6348,27 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
 
 <div>
   <div
-    class="layoutkit-flexbox emotion-0 studio-column-list studio-sortable-list"
+    class="layoutkit-flexbox emotion-0"
   >
     <div
-      class="layoutkit-flexbox emotion-1"
+      class="studio-column-list-content studio-column-list-header emotion-1"
     >
-      <div
-        class="studio-column-list-content studio-column-list-header emotion-2"
-      >
-        列标题
-      </div>
-      <div
-        class="studio-column-list-content studio-column-list-header emotion-2"
-      >
-        值类型
-      </div>
-      <div
-        class="studio-column-list-content studio-column-list-header emotion-2"
-      >
-        字段
-      </div>
+      列标题
+    </div>
+    <div
+      class="studio-column-list-content studio-column-list-header emotion-1"
+    >
+      值类型
+    </div>
+    <div
+      class="studio-column-list-content studio-column-list-header emotion-1"
+    >
+      字段
     </div>
+  </div>
+  <div
+    class="layoutkit-flexbox emotion-4 studio-column-list studio-sortable-list"
+  >
     <ul
       class="studio-sortable-list-container emotion-5"
       style="--columns: 1;"
@@ -6960,42 +6384,40 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="1"
+          data-id="columnlist_0_7993_1693138232898"
           data-index="0"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-8 studio-column-list-item emotion-9"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-10"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-11 studio-column-list-item-content emotion-12"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-13"
                 id="column-list-index-0"
                 placeholder="请输入"
                 style="flex: 1; max-width: 33.333333333333336%;"
@@ -7003,7 +6425,7 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
                 value="序号"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -7017,7 +6439,6 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -7063,36 +6484,9 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -7106,7 +6500,6 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -7152,40 +6545,13 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-8 studio-column-list-item-actions emotion-17 studio-column-list-item-actions-right emotion-18"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -7229,42 +6595,40 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="2"
+          data-id="columnlist_1_7083_1693138232898"
           data-index="1"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-8 studio-column-list-item emotion-9"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-10"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-11 studio-column-list-item-content emotion-12"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-13"
                 id="column-list-index-1"
                 placeholder="请输入"
                 style="flex: 1; max-width: 33.333333333333336%;"
@@ -7272,7 +6636,7 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
                 value="授权企业名称"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -7286,7 +6650,6 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -7332,36 +6695,9 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -7375,7 +6711,6 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -7421,40 +6756,13 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-8 studio-column-list-item-actions emotion-17 studio-column-list-item-actions-right emotion-18"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -7498,42 +6806,40 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="3"
+          data-id="columnlist_2_2505_1693138232898"
           data-index="2"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-8 studio-column-list-item emotion-9"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-10"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-11 studio-column-list-item-content emotion-12"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-13"
                 id="column-list-index-2"
                 placeholder="请输入"
                 style="flex: 1; max-width: 33.333333333333336%;"
@@ -7541,7 +6847,7 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
                 value="被授权企业"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -7555,7 +6861,6 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -7601,36 +6906,9 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -7644,7 +6922,6 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -7690,40 +6967,13 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-8 studio-column-list-item-actions emotion-17 studio-column-list-item-actions-right emotion-18"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -7757,43 +7007,6 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
         </div>
       </li>
     </ul>
-    <button
-      class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-sortable-list-btn-add emotion-57"
-      type="button"
-    >
-      <span
-        class="studio-btn-icon"
-      >
-        <span
-          aria-label="plus"
-          class="anticon anticon-plus"
-          role="img"
-        >
-          <svg
-            aria-hidden="true"
-            data-icon="plus"
-            fill="currentColor"
-            focusable="false"
-            height="1em"
-            viewBox="64 64 896 896"
-            width="1em"
-          >
-            <defs>
-              <style />
-            </defs>
-            <path
-              d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-            />
-            <path
-              d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-            />
-          </svg>
-        </span>
-      </span>
-      <span>
-        添加一列
-      </span>
-    </button>
     <div
       id="DndDescribedBy-3"
       style="display: none;"
@@ -7812,21 +7025,48 @@ exports[`<ColumnList /> > renders controlled.tsx correctly 1`] = `
       style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
     />
   </div>
+  <button
+    class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-column-list-btn-add emotion-48"
+    type="button"
+  >
+    <span
+      class="studio-btn-icon"
+    >
+      <span
+        aria-label="plus"
+        class="anticon anticon-plus"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="plus"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <defs>
+            <style />
+          </defs>
+          <path
+            d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
+          />
+          <path
+            d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
+          />
+        </svg>
+      </span>
+    </span>
+    <span>
+      添加一列
+    </span>
+  </button>
 </div>
 `;
 
 exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
 .emotion-0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.emotion-1 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -7841,7 +7081,7 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
   gap: 4px;
 }
 
-.emotion-2 {
+.emotion-1 {
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
@@ -7854,6 +7094,16 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
   padding-left: 8px;
 }
 
+.emotion-4 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
 .emotion-5 {
   list-style: none;
   display: grid;
@@ -7945,10 +7195,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
   box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-7:hover .studio-sortable-list-item-actions {
-  opacity: 1;
-}
-
 .emotion-8 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -7968,38 +7214,16 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
   width: 100%;
 }
 
-.emotion-10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.emotion-11 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.emotion-11 .studio-btn.studio-btn-sm.studio-btn-icon-only {
-  width: 14px;
-  height: 24px;
-}
-
-.emotion-11 .studio-btn.studio-btn-sm.studio-btn-icon-only>svg {
-  width: 14px;
+.emotion-9:hover .studio-column-list-item-actions {
+  opacity: 1;
 }
 
-.emotion-12 {
+.emotion-10 {
   z-index: 10;
   color: hsla(0, 0, 0, 0.45);
   opacity: 0;
-}
-
-.emotion-13 {
+  position: absolute;
+  left: 0;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -8016,16 +7240,16 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
   transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-13:hover {
+.emotion-10:hover {
   color: rgba(0, 0, 0, 0.88)!important;
 }
 
-.emotion-13:active {
+.emotion-10:active {
   scale: 0.8;
   color: rgba(0, 0, 0, 0.88);
 }
 
-.emotion-14 {
+.emotion-11 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -8037,25 +7261,30 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
   gap: 4px;
 }
 
-.emotion-15 {
+.emotion-12 {
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
-  height: 24px;
   font-size: 12px;
   border-radius: 2px;
   min-width: 48px;
 }
 
-.emotion-16 {
+.emotion-13 {
   padding-left: 13px;
 }
 
-.emotion-17 .studio-select-selector {
+.emotion-14 .studio-select-selector {
   padding-left: 13px;
 }
 
-.emotion-21 {
+.emotion-17 {
+  z-index: 10;
+  color: hsla(0, 0, 0, 0.45);
+  opacity: 0;
+}
+
+.emotion-18 {
   position: absolute;
   top: 1px;
   right: 1px;
@@ -8068,11 +7297,33 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
   backdrop-filter: blur(5px);
 }
 
-.emotion-21 .tech-studio-actionicon-icon {
-  height: 22px;
+.emotion-19 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
+  transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+
+.emotion-19:hover {
+  color: rgba(0, 0, 0, 0.88)!important;
+}
+
+.emotion-19:active {
+  scale: 0.8;
+  color: rgba(0, 0, 0, 0.88);
 }
 
-.emotion-176 {
+.emotion-146 {
   height: 24px;
   padding-block: 2px;
   margin-top: 4px;
@@ -8081,13 +7332,13 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
   border-color: transparent;
 }
 
-.emotion-176:hover {
+.emotion-146:hover {
   color: rgba(0, 0, 0, 0.88)!important;
   background: rgba(0, 0, 0, 0.06)!important;
   border-color: transparent!important;
 }
 
-.emotion-176:focus {
+.emotion-146:focus {
   color: rgba(0, 0, 0, 0.65);
   background: rgba(0, 0, 0, 0.02);
   border-color: transparent;
@@ -8096,27 +7347,27 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
 
 <div>
   <div
-    class="layoutkit-flexbox emotion-0 studio-column-list studio-sortable-list"
+    class="layoutkit-flexbox emotion-0"
   >
     <div
-      class="layoutkit-flexbox emotion-1"
+      class="studio-column-list-content studio-column-list-header emotion-1"
     >
-      <div
-        class="studio-column-list-content studio-column-list-header emotion-2"
-      >
-        列标题
-      </div>
-      <div
-        class="studio-column-list-content studio-column-list-header emotion-2"
-      >
-        值类型
-      </div>
-      <div
-        class="studio-column-list-content studio-column-list-header emotion-2"
-      >
-        字段
-      </div>
+      列标题
+    </div>
+    <div
+      class="studio-column-list-content studio-column-list-header emotion-1"
+    >
+      值类型
+    </div>
+    <div
+      class="studio-column-list-content studio-column-list-header emotion-1"
+    >
+      字段
     </div>
+  </div>
+  <div
+    class="layoutkit-flexbox emotion-4 studio-column-list studio-sortable-list"
+  >
     <ul
       class="studio-sortable-list-container emotion-5"
       style="--columns: 1;"
@@ -8132,42 +7383,40 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="1"
+          data-id="columnlist_0_5692_1693138231510"
           data-index="0"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-8 studio-column-list-item emotion-9"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-10"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-11 studio-column-list-item-content emotion-12"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-13"
                 id="column-list-index-0"
                 placeholder="请输入"
                 style="flex: 1; max-width: 33.333333333333336%;"
@@ -8175,7 +7424,7 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                 value="订单id"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -8189,7 +7438,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -8235,36 +7483,9 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -8278,7 +7499,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -8324,40 +7544,13 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-8 studio-column-list-item-actions emotion-17 studio-column-list-item-actions-right emotion-18"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -8401,42 +7594,40 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="2"
+          data-id="columnlist_1_4251_1693138231510"
           data-index="1"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-8 studio-column-list-item emotion-9"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-10"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-11 studio-column-list-item-content emotion-12"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-13"
                 id="column-list-index-1"
                 placeholder="请输入"
                 style="flex: 1; max-width: 33.333333333333336%;"
@@ -8444,7 +7635,7 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                 value="订单号"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -8458,7 +7649,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -8504,36 +7694,9 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -8547,7 +7710,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -8593,40 +7755,13 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-8 studio-column-list-item-actions emotion-17 studio-column-list-item-actions-right emotion-18"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -8670,42 +7805,40 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="3"
+          data-id="columnlist_2_6227_1693138231510"
           data-index="2"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-8 studio-column-list-item emotion-9"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-10"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-11 studio-column-list-item-content emotion-12"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-13"
                 id="column-list-index-2"
                 placeholder="请输入"
                 style="flex: 1; max-width: 33.333333333333336%;"
@@ -8713,7 +7846,7 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                 value="订单金额"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -8727,7 +7860,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -8773,36 +7905,9 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -8816,7 +7921,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -8862,40 +7966,13 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-8 studio-column-list-item-actions emotion-17 studio-column-list-item-actions-right emotion-18"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -8939,42 +8016,40 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="4"
+          data-id="columnlist_3_9605_1693138231510"
           data-index="3"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-8 studio-column-list-item emotion-9"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-10"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-11 studio-column-list-item-content emotion-12"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-13"
                 id="column-list-index-3"
                 placeholder="请输入"
                 style="flex: 1; max-width: 33.333333333333336%;"
@@ -8982,7 +8057,7 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                 value="产品名称"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -8996,7 +8071,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -9042,36 +8116,9 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -9085,7 +8132,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -9131,44 +8177,17 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-            </div>
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
-            >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                style="height: 22px;"
-                tabindex="-1"
-                type="button"
-              >
+              </div>
+            </div>
+            <div
+              class="layoutkit-flexbox emotion-8 studio-column-list-item-actions emotion-17 studio-column-list-item-actions-right emotion-18"
+            >
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
+                style="height: 22px;"
+                tabindex="-1"
+                type="button"
+              >
                 <span
                   class="studio-btn-icon"
                 >
@@ -9208,42 +8227,40 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="5"
+          data-id="columnlist_4_4320_1693138231510"
           data-index="4"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-8 studio-column-list-item emotion-9"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-10"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-11 studio-column-list-item-content emotion-12"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-13"
                 id="column-list-index-4"
                 placeholder="请输入"
                 style="flex: 1; max-width: 33.333333333333336%;"
@@ -9251,7 +8268,7 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                 value="产品介绍"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -9265,7 +8282,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -9311,36 +8327,9 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -9354,7 +8343,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -9400,40 +8388,13 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-8 studio-column-list-item-actions emotion-17 studio-column-list-item-actions-right emotion-18"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -9477,42 +8438,40 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="6"
+          data-id="columnlist_5_8310_1693138231510"
           data-index="5"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-8 studio-column-list-item emotion-9"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-10"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-11 studio-column-list-item-content emotion-12"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-13"
                 id="column-list-index-5"
                 placeholder="请输入"
                 style="flex: 1; max-width: 33.333333333333336%;"
@@ -9520,7 +8479,7 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                 value="订单状态"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -9534,7 +8493,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -9580,36 +8538,9 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -9623,7 +8554,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -9669,40 +8599,13 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-8 studio-column-list-item-actions emotion-17 studio-column-list-item-actions-right emotion-18"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -9746,42 +8649,40 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="7"
+          data-id="columnlist_6_6281_1693138231510"
           data-index="6"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-8 studio-column-list-item emotion-9"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-10"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-11 studio-column-list-item-content emotion-12"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-13"
                 id="column-list-index-6"
                 placeholder="请输入"
                 style="flex: 1; max-width: 33.333333333333336%;"
@@ -9789,7 +8690,7 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                 value="订单创建时间"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -9803,7 +8704,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -9849,36 +8749,9 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -9892,7 +8765,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -9938,68 +8810,41 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
+              </div>
+            </div>
+            <div
+              class="layoutkit-flexbox emotion-8 studio-column-list-item-actions emotion-17 studio-column-list-item-actions-right emotion-18"
+            >
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
+                style="height: 22px;"
+                tabindex="-1"
+                type="button"
+              >
                 <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
+                  class="studio-btn-icon"
                 >
                   <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
+                    aria-label="delete"
+                    class="anticon anticon-delete"
                     role="img"
                   >
                     <svg
                       aria-hidden="true"
-                      data-icon="close-circle"
+                      data-icon="delete"
                       fill="currentColor"
-                      fill-rule="evenodd"
                       focusable="false"
                       height="1em"
                       viewBox="64 64 896 896"
                       width="1em"
                     >
                       <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
+                        d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
                       />
                     </svg>
                   </span>
                 </span>
-              </div>
-            </div>
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
-            >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                style="height: 22px;"
-                tabindex="-1"
-                type="button"
-              >
-                <span
-                  class="studio-btn-icon"
-                >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </button>
+              </button>
             </div>
           </div>
         </div>
@@ -10015,42 +8860,40 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="8"
+          data-id="columnlist_7_808_1693138231510"
           data-index="7"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-8 studio-column-list-item emotion-9"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-10"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-11 studio-column-list-item-content emotion-12"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-13"
                 id="column-list-index-7"
                 placeholder="请输入"
                 style="flex: 1; max-width: 33.333333333333336%;"
@@ -10058,7 +8901,7 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                 value="产品详情图"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -10072,7 +8915,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -10118,36 +8960,9 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -10161,7 +8976,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -10207,40 +9021,13 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-8 studio-column-list-item-actions emotion-17 studio-column-list-item-actions-right emotion-18"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -10284,42 +9071,40 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="9"
+          data-id="columnlist_8_6812_1693138231510"
           data-index="8"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-8 studio-column-list-item emotion-9"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-10"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-11 studio-column-list-item-content emotion-12"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-13"
                 id="column-list-index-8"
                 placeholder="请输入"
                 style="flex: 1; max-width: 33.333333333333336%;"
@@ -10327,7 +9112,7 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                 value="订单关闭原因"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -10341,7 +9126,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -10387,36 +9171,9 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -10430,7 +9187,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -10476,40 +9232,13 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
             </div>
             <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
+              class="layoutkit-flexbox emotion-8 studio-column-list-item-actions emotion-17 studio-column-list-item-actions-right emotion-18"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -10553,42 +9282,40 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-7 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="10"
+          data-id="columnlist_9_7481_1693138231510"
           data-index="9"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-8 studio-sortable-list-item-content emotion-9"
+            class="layoutkit-flexbox emotion-8 studio-column-list-item emotion-9"
           >
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions-left emotion-11 studio-sortable-list-item-actions emotion-12"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-10"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-14 studio-column-list-content emotion-15"
+              class="layoutkit-flexbox emotion-11 studio-column-list-item-content emotion-12"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-16"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-13"
                 id="column-list-index-9"
                 placeholder="请输入"
                 style="flex: 1; max-width: 33.333333333333336%;"
@@ -10596,7 +9323,7 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                 value="订单关闭类型"
               />
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -10610,7 +9337,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -10656,36 +9382,9 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
-                <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="close-circle"
-                      fill="currentColor"
-                      fill-rule="evenodd"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
               </div>
               <div
-                class="studio-select studio-select-sm studio-column-list-content-tem emotion-17 studio-select-single studio-select-allow-clear studio-select-show-arrow"
+                class="studio-select studio-select-sm studio-column-list-content-tem emotion-14 studio-select-single studio-select-show-arrow"
                 style="flex: 1; max-width: 33.333333333333336%;"
               >
                 <div
@@ -10699,7 +9398,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                       aria-controls="rc_select_TEST_OR_SSR_list"
                       aria-expanded="false"
                       aria-haspopup="listbox"
-                      aria-label="Search"
                       aria-owns="rc_select_TEST_OR_SSR_list"
                       autocomplete="off"
                       class="studio-select-selection-search-input"
@@ -10745,63 +9443,36 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
                     </svg>
                   </span>
                 </span>
+              </div>
+            </div>
+            <div
+              class="layoutkit-flexbox emotion-8 studio-column-list-item-actions emotion-17 studio-column-list-item-actions-right emotion-18"
+            >
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-19"
+                style="height: 22px;"
+                tabindex="-1"
+                type="button"
+              >
                 <span
-                  aria-hidden="true"
-                  class="studio-select-clear"
-                  style="user-select: none;"
-                  unselectable="on"
+                  class="studio-btn-icon"
                 >
                   <span
-                    aria-label="close-circle"
-                    class="anticon anticon-close-circle"
+                    aria-label="delete"
+                    class="anticon anticon-delete"
                     role="img"
                   >
                     <svg
                       aria-hidden="true"
-                      data-icon="close-circle"
+                      data-icon="delete"
                       fill="currentColor"
-                      fill-rule="evenodd"
                       focusable="false"
                       height="1em"
                       viewBox="64 64 896 896"
                       width="1em"
                     >
                       <path
-                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-            </div>
-            <div
-              class="layoutkit-flexbox emotion-10 studio-sortable-list-item-actions emotion-12 studio-sortable-list-item-actions-right emotion-21"
-            >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-13"
-                style="height: 22px;"
-                tabindex="-1"
-                type="button"
-              >
-                <span
-                  class="studio-btn-icon"
-                >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="delete"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
+                        d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
                       />
                     </svg>
                   </span>
@@ -10812,43 +9483,6 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
         </div>
       </li>
     </ul>
-    <button
-      class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-sortable-list-btn-add emotion-176"
-      type="button"
-    >
-      <span
-        class="studio-btn-icon"
-      >
-        <span
-          aria-label="plus"
-          class="anticon anticon-plus"
-          role="img"
-        >
-          <svg
-            aria-hidden="true"
-            data-icon="plus"
-            fill="currentColor"
-            focusable="false"
-            height="1em"
-            viewBox="64 64 896 896"
-            width="1em"
-          >
-            <defs>
-              <style />
-            </defs>
-            <path
-              d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-            />
-            <path
-              d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-            />
-          </svg>
-        </span>
-      </span>
-      <span>
-        添加一列
-      </span>
-    </button>
     <div
       id="DndDescribedBy-2"
       style="display: none;"
@@ -10867,21 +9501,48 @@ exports[`<ColumnList /> > renders custom.tsx correctly 1`] = `
       style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
     />
   </div>
+  <button
+    class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-column-list-btn-add emotion-146"
+    type="button"
+  >
+    <span
+      class="studio-btn-icon"
+    >
+      <span
+        aria-label="plus"
+        class="anticon anticon-plus"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="plus"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <defs>
+            <style />
+          </defs>
+          <path
+            d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
+          />
+          <path
+            d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
+          />
+        </svg>
+      </span>
+    </span>
+    <span>
+      添加一列
+    </span>
+  </button>
 </div>
 `;
 
 exports[`<ColumnList /> > renders empty.tsx correctly 1`] = `
 .emotion-0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.emotion-1 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -10896,7 +9557,7 @@ exports[`<ColumnList /> > renders empty.tsx correctly 1`] = `
   gap: 4px;
 }
 
-.emotion-2 {
+.emotion-1 {
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
@@ -10909,7 +9570,7 @@ exports[`<ColumnList /> > renders empty.tsx correctly 1`] = `
   padding-left: 8px;
 }
 
-.emotion-5 {
+.emotion-4 {
   height: 24px;
   padding-block: 2px;
   margin-top: 4px;
@@ -10918,128 +9579,156 @@ exports[`<ColumnList /> > renders empty.tsx correctly 1`] = `
   border-color: transparent;
 }
 
-.emotion-5:hover {
+.emotion-4:hover {
   color: rgba(0, 0, 0, 0.88)!important;
   background: rgba(0, 0, 0, 0.06)!important;
   border-color: transparent!important;
 }
 
-.emotion-5:focus {
+.emotion-4:focus {
   color: rgba(0, 0, 0, 0.65);
   background: rgba(0, 0, 0, 0.02);
   border-color: transparent;
   border-color: #1677ff!important;
 }
 
+.emotion-5 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.emotion-6 {
+  list-style: none;
+  display: grid;
+  grid-auto-rows: max-content;
+  grid-gap: 2px;
+  grid-template-columns: repeat(var(--columns, 1), 1fr);
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  border-radius: 4px;
+  -webkit-transition: background-color 350ms ease;
+  transition: background-color 350ms ease;
+}
+
 <div>
   <div
-    class="layoutkit-flexbox emotion-0 studio-column-list studio-sortable-list"
+    class="layoutkit-flexbox emotion-0"
   >
     <div
-      class="layoutkit-flexbox emotion-1"
+      class="studio-column-list-content studio-column-list-header emotion-1"
     >
-      <div
-        class="studio-column-list-content studio-column-list-header emotion-2"
-      >
-        列标题
-      </div>
-      <div
-        class="studio-column-list-content studio-column-list-header emotion-2"
-      >
-        值类型
-      </div>
-      <div
-        class="studio-column-list-content studio-column-list-header emotion-2"
-      >
-        字段
-      </div>
+      列标题
     </div>
     <div
-      class="studio-empty studio-empty-normal"
+      class="studio-column-list-content studio-column-list-header emotion-1"
     >
-      <div
-        class="studio-empty-image"
+      值类型
+    </div>
+    <div
+      class="studio-column-list-content studio-column-list-header emotion-1"
+    >
+      字段
+    </div>
+  </div>
+  <div
+    class="studio-empty studio-empty-normal"
+  >
+    <div
+      class="studio-empty-image"
+    >
+      <svg
+        height="41"
+        viewBox="0 0 64 41"
+        width="64"
+        xmlns="http://www.w3.org/2000/svg"
       >
-        <svg
-          height="41"
-          viewBox="0 0 64 41"
-          width="64"
-          xmlns="http://www.w3.org/2000/svg"
-        >
+        <g
+          fill="none"
+          fill-rule="evenodd"
+          transform="translate(0 1)"
+        >
+          <ellipse
+            cx="32"
+            cy="33"
+            fill="#f5f5f5"
+            rx="32"
+            ry="7"
+          />
           <g
-            fill="none"
-            fill-rule="evenodd"
-            transform="translate(0 1)"
-          >
-            <ellipse
-              cx="32"
-              cy="33"
-              fill="#f5f5f5"
-              rx="32"
-              ry="7"
+            fill-rule="nonzero"
+            stroke="#d9d9d9"
+          >
+            <path
+              d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
+            />
+            <path
+              d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
+              fill="#fafafa"
             />
-            <g
-              fill-rule="nonzero"
-              stroke="#d9d9d9"
-            >
-              <path
-                d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-              />
-              <path
-                d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                fill="#fafafa"
-              />
-            </g>
           </g>
-        </svg>
-      </div>
-      <div
-        class="studio-empty-description"
-      >
-        No data
-      </div>
-      <div
-        class="studio-empty-footer"
+        </g>
+      </svg>
+    </div>
+    <div
+      class="studio-empty-description"
+    >
+      No data
+    </div>
+    <div
+      class="studio-empty-footer"
+    >
+      <button
+        class="studio-btn studio-btn-default studio-btn-sm studio-column-list-btn-add emotion-4"
+        type="button"
       >
-        <button
-          class="studio-btn studio-btn-default studio-btn-sm studio-sortable-list-btn-add emotion-5"
-          type="button"
+        <span
+          class="studio-btn-icon"
         >
           <span
-            class="studio-btn-icon"
+            aria-label="plus"
+            class="anticon anticon-plus"
+            role="img"
           >
-            <span
-              aria-label="plus"
-              class="anticon anticon-plus"
-              role="img"
+            <svg
+              aria-hidden="true"
+              data-icon="plus"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
             >
-              <svg
-                aria-hidden="true"
-                data-icon="plus"
-                fill="currentColor"
-                focusable="false"
-                height="1em"
-                viewBox="64 64 896 896"
-                width="1em"
-              >
-                <defs>
-                  <style />
-                </defs>
-                <path
-                  d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-                />
-                <path
-                  d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-                />
-              </svg>
-            </span>
-          </span>
-          <span>
-            添加一列
+              <defs>
+                <style />
+              </defs>
+              <path
+                d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
+              />
+              <path
+                d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
+              />
+            </svg>
           </span>
-        </button>
-      </div>
+        </span>
+        <span>
+          添加一列
+        </span>
+      </button>
     </div>
+  </div>
+  <div
+    class="layoutkit-flexbox emotion-5 studio-column-list studio-sortable-list"
+  >
+    <ul
+      class="studio-sortable-list-container emotion-6"
+      style="--columns: 1;"
+    />
     <div
       id="DndDescribedBy-1"
       style="display: none;"
@@ -11063,16 +9752,6 @@ exports[`<ColumnList /> > renders empty.tsx correctly 1`] = `
 
 exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
 .emotion-0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.emotion-1 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -11087,7 +9766,7 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
   gap: 4px;
 }
 
-.emotion-2 {
+.emotion-1 {
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
@@ -11100,10 +9779,20 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
   padding-left: 8px;
 }
 
-.emotion-4 {
-  list-style: none;
-  display: grid;
-  grid-auto-rows: max-content;
+.emotion-3 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.emotion-4 {
+  list-style: none;
+  display: grid;
+  grid-auto-rows: max-content;
   grid-gap: 2px;
   grid-template-columns: repeat(var(--columns, 1), 1fr);
   width: 100%;
@@ -11191,10 +9880,6 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
   box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-6:hover .studio-sortable-list-item-actions {
-  opacity: 1;
-}
-
 .emotion-7 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -11214,38 +9899,16 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
   width: 100%;
 }
 
-.emotion-9 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.emotion-10 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.emotion-10 .studio-btn.studio-btn-sm.studio-btn-icon-only {
-  width: 14px;
-  height: 24px;
-}
-
-.emotion-10 .studio-btn.studio-btn-sm.studio-btn-icon-only>svg {
-  width: 14px;
+.emotion-8:hover .studio-column-list-item-actions {
+  opacity: 1;
 }
 
-.emotion-11 {
+.emotion-9 {
   z-index: 10;
   color: hsla(0, 0, 0, 0.45);
   opacity: 0;
-}
-
-.emotion-12 {
+  position: absolute;
+  left: 0;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -11262,16 +9925,16 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
   transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-12:hover {
+.emotion-9:hover {
   color: rgba(0, 0, 0, 0.88)!important;
 }
 
-.emotion-12:active {
+.emotion-9:active {
   scale: 0.8;
   color: rgba(0, 0, 0, 0.88);
 }
 
-.emotion-13 {
+.emotion-10 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -11283,21 +9946,26 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
   gap: 4px;
 }
 
-.emotion-14 {
+.emotion-11 {
   -webkit-flex: 1;
   -ms-flex: 1;
   flex: 1;
-  height: 24px;
   font-size: 12px;
   border-radius: 2px;
   min-width: 48px;
 }
 
-.emotion-15 {
+.emotion-12 {
   padding-left: 13px;
 }
 
-.emotion-19 {
+.emotion-15 {
+  z-index: 10;
+  color: hsla(0, 0, 0, 0.45);
+  opacity: 0;
+}
+
+.emotion-16 {
   position: absolute;
   top: 1px;
   right: 1px;
@@ -11310,11 +9978,33 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
   backdrop-filter: blur(5px);
 }
 
-.emotion-19 .tech-studio-actionicon-icon {
-  height: 22px;
+.emotion-17 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
+  transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+
+.emotion-17:hover {
+  color: rgba(0, 0, 0, 0.88)!important;
+}
+
+.emotion-17:active {
+  scale: 0.8;
+  color: rgba(0, 0, 0, 0.88);
 }
 
-.emotion-53 {
+.emotion-44 {
   height: 24px;
   padding-block: 2px;
   margin-top: 4px;
@@ -11323,13 +10013,13 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
   border-color: transparent;
 }
 
-.emotion-53:hover {
+.emotion-44:hover {
   color: rgba(0, 0, 0, 0.88)!important;
   background: rgba(0, 0, 0, 0.06)!important;
   border-color: transparent!important;
 }
 
-.emotion-53:focus {
+.emotion-44:focus {
   color: rgba(0, 0, 0, 0.65);
   background: rgba(0, 0, 0, 0.02);
   border-color: transparent;
@@ -11338,22 +10028,22 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
 
 <div>
   <div
-    class="layoutkit-flexbox emotion-0 studio-column-list studio-sortable-list"
+    class="layoutkit-flexbox emotion-0"
   >
     <div
-      class="layoutkit-flexbox emotion-1"
+      class="studio-column-list-content studio-column-list-header emotion-1"
     >
-      <div
-        class="studio-column-list-content studio-column-list-header emotion-2"
-      >
-        配置项一
-      </div>
-      <div
-        class="studio-column-list-content studio-column-list-header emotion-2"
-      >
-        配置项二
-      </div>
+      配置项一
     </div>
+    <div
+      class="studio-column-list-content studio-column-list-header emotion-1"
+    >
+      配置项二
+    </div>
+  </div>
+  <div
+    class="layoutkit-flexbox emotion-3 studio-column-list studio-sortable-list"
+  >
     <ul
       class="studio-sortable-list-container emotion-4"
       style="--columns: 1;"
@@ -11369,42 +10059,40 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-6 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="1"
+          data-id="columnlist_0_8758_1693138231070"
           data-index="0"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-7 studio-sortable-list-item-content emotion-8"
+            class="layoutkit-flexbox emotion-7 studio-column-list-item emotion-8"
           >
-            <div
-              class="layoutkit-flexbox emotion-9 studio-sortable-list-item-actions-left emotion-10 studio-sortable-list-item-actions emotion-11"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-9"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-12"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-13 studio-column-list-content emotion-14"
+              class="layoutkit-flexbox emotion-10 studio-column-list-item-content emotion-11"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-15"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-12"
                 id="column-list-index-0"
                 placeholder="请输入"
                 style="flex: 1; max-width: 50%;"
@@ -11412,7 +10100,7 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
                 value="序号"
               />
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-15"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-12"
                 id="column-list-index-0"
                 placeholder="请输入"
                 style="flex: 1; max-width: 50%;"
@@ -11421,10 +10109,10 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
               />
             </div>
             <div
-              class="layoutkit-flexbox emotion-9 studio-sortable-list-item-actions emotion-11 studio-sortable-list-item-actions-right emotion-19"
+              class="layoutkit-flexbox emotion-7 studio-column-list-item-actions emotion-15 studio-column-list-item-actions-right emotion-16"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-12"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-17"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -11468,42 +10156,40 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-6 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="2"
+          data-id="columnlist_1_1986_1693138231070"
           data-index="1"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-7 studio-sortable-list-item-content emotion-8"
+            class="layoutkit-flexbox emotion-7 studio-column-list-item emotion-8"
           >
-            <div
-              class="layoutkit-flexbox emotion-9 studio-sortable-list-item-actions-left emotion-10 studio-sortable-list-item-actions emotion-11"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-9"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-12"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-13 studio-column-list-content emotion-14"
+              class="layoutkit-flexbox emotion-10 studio-column-list-item-content emotion-11"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-15"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-12"
                 id="column-list-index-1"
                 placeholder="请输入"
                 style="flex: 1; max-width: 50%;"
@@ -11511,7 +10197,7 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
                 value="授权企业名称"
               />
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-15"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-12"
                 id="column-list-index-1"
                 placeholder="请输入"
                 style="flex: 1; max-width: 50%;"
@@ -11520,10 +10206,10 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
               />
             </div>
             <div
-              class="layoutkit-flexbox emotion-9 studio-sortable-list-item-actions emotion-11 studio-sortable-list-item-actions-right emotion-19"
+              class="layoutkit-flexbox emotion-7 studio-column-list-item-actions emotion-15 studio-column-list-item-actions-right emotion-16"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-12"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-17"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -11567,42 +10253,40 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-6 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="3"
+          data-id="columnlist_2_8279_1693138231070"
           data-index="2"
           role="button"
+          style="background-color: rgb(255, 255, 255);"
         >
           <div
-            class="layoutkit-flexbox emotion-7 studio-sortable-list-item-content emotion-8"
+            class="layoutkit-flexbox emotion-7 studio-column-list-item emotion-8"
           >
-            <div
-              class="layoutkit-flexbox emotion-9 studio-sortable-list-item-actions-left emotion-10 studio-sortable-list-item-actions emotion-11"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-column-list-item-actions studio-column-list-item-handle studio-actionicon emotion-9"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-12"
-                data-cypress="draggable-handle"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-13 studio-column-list-content emotion-14"
+              class="layoutkit-flexbox emotion-10 studio-column-list-item-content emotion-11"
             >
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-15"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-12"
                 id="column-list-index-2"
                 placeholder="请输入"
                 style="flex: 1; max-width: 50%;"
@@ -11610,7 +10294,7 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
                 value="被授权企业"
               />
               <input
-                class="studio-input studio-input-sm studio-column-list-content-tem emotion-15"
+                class="studio-input studio-input-sm studio-column-list-content-tem emotion-12"
                 id="column-list-index-2"
                 placeholder="请输入"
                 style="flex: 1; max-width: 50%;"
@@ -11619,10 +10303,10 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
               />
             </div>
             <div
-              class="layoutkit-flexbox emotion-9 studio-sortable-list-item-actions emotion-11 studio-sortable-list-item-actions-right emotion-19"
+              class="layoutkit-flexbox emotion-7 studio-column-list-item-actions emotion-15 studio-column-list-item-actions-right emotion-16"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-12"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-17"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -11656,43 +10340,6 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
         </div>
       </li>
     </ul>
-    <button
-      class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-sortable-list-btn-add emotion-53"
-      type="button"
-    >
-      <span
-        class="studio-btn-icon"
-      >
-        <span
-          aria-label="plus"
-          class="anticon anticon-plus"
-          role="img"
-        >
-          <svg
-            aria-hidden="true"
-            data-icon="plus"
-            fill="currentColor"
-            focusable="false"
-            height="1em"
-            viewBox="64 64 896 896"
-            width="1em"
-          >
-            <defs>
-              <style />
-            </defs>
-            <path
-              d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-            />
-            <path
-              d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-            />
-          </svg>
-        </span>
-      </span>
-      <span>
-        添加一列
-      </span>
-    </button>
     <div
       id="DndDescribedBy-0"
       style="display: none;"
@@ -11711,6 +10358,43 @@ exports[`<ColumnList /> > renders normal.tsx correctly 1`] = `
       style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
     />
   </div>
+  <button
+    class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-column-list-btn-add emotion-44"
+    type="button"
+  >
+    <span
+      class="studio-btn-icon"
+    >
+      <span
+        aria-label="plus"
+        class="anticon anticon-plus"
+        role="img"
+      >
+        <svg
+          aria-hidden="true"
+          data-icon="plus"
+          fill="currentColor"
+          focusable="false"
+          height="1em"
+          viewBox="64 64 896 896"
+          width="1em"
+        >
+          <defs>
+            <style />
+          </defs>
+          <path
+            d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
+          />
+          <path
+            d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
+          />
+        </svg>
+      </span>
+    </span>
+    <span>
+      添加一列
+    </span>
+  </button>
 </div>
 `;
 
@@ -18576,7 +17260,6 @@ exports[`<FieldSelect /> > renders basic.tsx correctly 1`] = `
           aria-controls="rc_select_TEST_OR_SSR_list"
           aria-expanded="false"
           aria-haspopup="listbox"
-          aria-label="Search"
           aria-owns="rc_select_TEST_OR_SSR_list"
           autocomplete="off"
           class="studio-select-selection-search-input"
@@ -21184,7 +19867,6 @@ exports[`<Highlight /> > renders theme.tsx correctly 1`] = `
                 aria-controls="rc_select_TEST_OR_SSR_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-label="Search"
                 aria-owns="rc_select_TEST_OR_SSR_list"
                 autocomplete="off"
                 class="studio-select-selection-search-input"
@@ -21257,7 +19939,6 @@ exports[`<Highlight /> > renders theme.tsx correctly 1`] = `
                 aria-controls="rc_select_TEST_OR_SSR_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-label="Search"
                 aria-owns="rc_select_TEST_OR_SSR_list"
                 autocomplete="off"
                 class="studio-select-selection-search-input"
@@ -21330,7 +20011,6 @@ exports[`<Highlight /> > renders theme.tsx correctly 1`] = `
                 aria-controls="rc_select_TEST_OR_SSR_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-label="Search"
                 aria-owns="rc_select_TEST_OR_SSR_list"
                 autocomplete="off"
                 class="studio-select-selection-search-input"
@@ -21402,7 +20082,6 @@ exports[`<Highlight /> > renders theme.tsx correctly 1`] = `
                 aria-controls="rc_select_TEST_OR_SSR_list"
                 aria-expanded="false"
                 aria-haspopup="listbox"
-                aria-label="Search"
                 aria-owns="rc_select_TEST_OR_SSR_list"
                 autocomplete="off"
                 class="studio-select-selection-search-input"
@@ -22967,10 +21646,6 @@ exports[`<SortableList /> > renders Basic.tsx correctly 1`] = `
   box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-4:hover .studio-sortable-list-item-actions {
-  opacity: 1;
-}
-
 .emotion-5 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -22988,40 +21663,19 @@ exports[`<SortableList /> > renders Basic.tsx correctly 1`] = `
 .emotion-6 {
   position: relative;
   width: 100%;
-}
-
-.emotion-7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.emotion-8 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.emotion-8 .studio-btn.studio-btn-sm.studio-btn-icon-only {
-  width: 14px;
   height: 24px;
+  border-radius: 2px;
+  min-width: 48px;
 }
 
-.emotion-8 .studio-btn.studio-btn-sm.studio-btn-icon-only>svg {
-  width: 14px;
+.emotion-6:hover .studio-sortable-list-item-actions {
+  opacity: 1;
 }
 
-.emotion-9 {
+.emotion-7 {
   z-index: 10;
   color: hsla(0, 0, 0, 0.45);
   opacity: 0;
-}
-
-.emotion-10 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -23038,16 +21692,16 @@ exports[`<SortableList /> > renders Basic.tsx correctly 1`] = `
   transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-10:hover {
+.emotion-7:hover {
   color: rgba(0, 0, 0, 0.88)!important;
 }
 
-.emotion-10:active {
+.emotion-7:active {
   scale: 0.8;
   color: rgba(0, 0, 0, 0.88);
 }
 
-.emotion-11 {
+.emotion-8 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -23060,26 +21714,49 @@ exports[`<SortableList /> > renders Basic.tsx correctly 1`] = `
   flex-direction: column;
 }
 
-.emotion-27 {
-  height: 24px;
-  padding-block: 2px;
-  margin-top: 4px;
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
+.emotion-10 {
+  z-index: 10;
+  color: hsla(0, 0, 0, 0.45);
+  opacity: 0;
+}
+
+.emotion-11 {
+  position: absolute;
+  top: 1px;
+  right: 1px;
+  -webkit-align-self: flex-end;
+  -ms-flex-item-align: flex-end;
+  align-self: flex-end;
+  overflow: hidden;
+  border-radius: 1px;
+  -webkit-backdrop-filter: blur(5px);
+  backdrop-filter: blur(5px);
+}
+
+.emotion-12 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
+  transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-27:hover {
+.emotion-12:hover {
   color: rgba(0, 0, 0, 0.88)!important;
-  background: rgba(0, 0, 0, 0.06)!important;
-  border-color: transparent!important;
 }
 
-.emotion-27:focus {
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
-  border-color: #1677ff!important;
+.emotion-12:active {
+  scale: 0.8;
+  color: rgba(0, 0, 0, 0.88);
 }
 
 <div>
@@ -23100,12 +21777,12 @@ exports[`<SortableList /> > renders Basic.tsx correctly 1`] = `
           style="--index: 0;"
         >
           <div
-            aria-describedby="DndDescribedBy-18"
+            aria-describedby="DndDescribedBy-13"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-sortable-list-item emotion-4 studio-sortable-list-item-withHandle"
             data-cypress="draggable-item"
-            data-id="1"
+            data-id="hello"
             data-index="0"
             role="button"
             style="background-color: rgb(255, 255, 255);"
@@ -23113,42 +21790,38 @@ exports[`<SortableList /> > renders Basic.tsx correctly 1`] = `
             <div
               class="layoutkit-flexbox emotion-5 studio-sortable-list-item-content emotion-6"
             >
-              <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions-left emotion-8 studio-sortable-list-item-actions emotion-9"
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-7"
+                data-cypress="draggable-handle"
+                style="width: 14px; height: 24px;"
+                tabindex="-1"
+                type="button"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
+                <span
+                  class="studio-btn-icon"
                 >
-                  <span
-                    class="studio-btn-icon"
+                  <svg
+                    fill="currentColor"
+                    viewBox="0 0 20 20"
+                    width="16"
                   >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
+                    <path
+                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                    />
+                  </svg>
+                </span>
+              </button>
               <div
-                class="layoutkit-flexbox emotion-11"
+                class="layoutkit-flexbox emotion-8"
                 style="padding-left: 4px;"
               >
-                1
+                hello
               </div>
               <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions emotion-9"
+                class="layoutkit-flexbox emotion-5 studio-sortable-list-item-actions emotion-10 studio-sortable-list-actions-right emotion-11"
               >
                 <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-12"
                   style="height: 22px;"
                   tabindex="-1"
                   type="button"
@@ -23187,12 +21860,12 @@ exports[`<SortableList /> > renders Basic.tsx correctly 1`] = `
           style="--index: 1;"
         >
           <div
-            aria-describedby="DndDescribedBy-18"
+            aria-describedby="DndDescribedBy-13"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-sortable-list-item emotion-4 studio-sortable-list-item-withHandle"
             data-cypress="draggable-item"
-            data-id="2"
+            data-id="world"
             data-index="1"
             role="button"
             style="background-color: rgb(255, 255, 255);"
@@ -23200,42 +21873,38 @@ exports[`<SortableList /> > renders Basic.tsx correctly 1`] = `
             <div
               class="layoutkit-flexbox emotion-5 studio-sortable-list-item-content emotion-6"
             >
-              <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions-left emotion-8 studio-sortable-list-item-actions emotion-9"
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-7"
+                data-cypress="draggable-handle"
+                style="width: 14px; height: 24px;"
+                tabindex="-1"
+                type="button"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
+                <span
+                  class="studio-btn-icon"
                 >
-                  <span
-                    class="studio-btn-icon"
+                  <svg
+                    fill="currentColor"
+                    viewBox="0 0 20 20"
+                    width="16"
                   >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
+                    <path
+                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                    />
+                  </svg>
+                </span>
+              </button>
               <div
-                class="layoutkit-flexbox emotion-11"
+                class="layoutkit-flexbox emotion-8"
                 style="padding-left: 4px;"
               >
-                2
+                world
               </div>
               <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions emotion-9"
+                class="layoutkit-flexbox emotion-5 studio-sortable-list-item-actions emotion-10 studio-sortable-list-actions-right emotion-11"
               >
                 <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-12"
                   style="height: 22px;"
                   tabindex="-1"
                   type="button"
@@ -23269,45 +21938,8 @@ exports[`<SortableList /> > renders Basic.tsx correctly 1`] = `
           </div>
         </li>
       </ul>
-      <button
-        class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-sortable-list-btn-add emotion-27"
-        type="button"
-      >
-        <span
-          class="studio-btn-icon"
-        >
-          <span
-            aria-label="plus"
-            class="anticon anticon-plus"
-            role="img"
-          >
-            <svg
-              aria-hidden="true"
-              data-icon="plus"
-              fill="currentColor"
-              focusable="false"
-              height="1em"
-              viewBox="64 64 896 896"
-              width="1em"
-            >
-              <defs>
-                <style />
-              </defs>
-              <path
-                d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-              />
-              <path
-                d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-              />
-            </svg>
-          </span>
-        </span>
-        <span>
-          添加一列
-        </span>
-      </button>
       <div
-        id="DndDescribedBy-18"
+        id="DndDescribedBy-13"
         style="display: none;"
       >
         
@@ -23319,7 +21951,7 @@ exports[`<SortableList /> > renders Basic.tsx correctly 1`] = `
       <div
         aria-atomic="true"
         aria-live="assertive"
-        id="DndLiveRegion-18"
+        id="DndLiveRegion-13"
         role="status"
         style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
       />
@@ -23328,7 +21960,7 @@ exports[`<SortableList /> > renders Basic.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`<SortableList /> > renders CustomRender.tsx correctly 1`] = `
+exports[`<SortableList /> > renders controlled.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -23338,21 +21970,9 @@ exports[`<SortableList /> > renders CustomRender.tsx correctly 1`] = `
   -ms-flex-direction: column;
   flex-direction: column;
   padding: 24px;
-  gap: 24px;
 }
 
 .emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  gap: 8px;
-}
-
-.emotion-2 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -23362,7 +21982,7 @@ exports[`<SortableList /> > renders CustomRender.tsx correctly 1`] = `
   flex-direction: column;
 }
 
-.emotion-3 {
+.emotion-2 {
   list-style: none;
   display: grid;
   grid-auto-rows: max-content;
@@ -23376,7 +21996,7 @@ exports[`<SortableList /> > renders CustomRender.tsx correctly 1`] = `
   transition: background-color 350ms ease;
 }
 
-.emotion-4 {
+.emotion-3 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -23390,11 +22010,11 @@ exports[`<SortableList /> > renders CustomRender.tsx correctly 1`] = `
   touch-action: manipulation;
 }
 
-.emotion-4:not(:last-child) {
+.emotion-3:not(:last-child) {
   margin-bottom: 2px;
 }
 
-.emotion-5 {
+.emotion-4 {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
@@ -23429,11 +22049,11 @@ exports[`<SortableList /> > renders CustomRender.tsx correctly 1`] = `
   -webkit-tap-highlight-color: transparent;
 }
 
-.emotion-5:focus-visible {
+.emotion-4:focus-visible {
   box-shadow: 0 0 4px 1px #4c9ffe,0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-5:not(.studio-sortable-list-item-withHandle) {
+.emotion-4:not(.studio-sortable-list-item-withHandle) {
   cursor: -webkit-grab;
   cursor: grab;
   -webkit-user-select: none;
@@ -23444,20 +22064,16 @@ exports[`<SortableList /> > renders CustomRender.tsx correctly 1`] = `
   touch-action: none;
 }
 
-.emotion-5-dragging:not(.studio-sortable-list-item-dragOverlay) {
+.emotion-4-dragging:not(.studio-sortable-list-item-dragOverlay) {
   z-index: 0;
   opacity: var(--dragging-opacity, 0.5);
 }
 
-.emotion-5-dragging:not(.studio-sortable-list-item-dragOverlay):focus {
+.emotion-4-dragging:not(.studio-sortable-list-item-dragOverlay):focus {
   box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-5:hover .studio-sortable-list-item-actions {
-  opacity: 1;
-}
-
-.emotion-6 {
+.emotion-5 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -23471,43 +22087,22 @@ exports[`<SortableList /> > renders CustomRender.tsx correctly 1`] = `
   align-items: center;
 }
 
-.emotion-7 {
+.emotion-6 {
   position: relative;
   width: 100%;
-}
-
-.emotion-8 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.emotion-9 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.emotion-9 .studio-btn.studio-btn-sm.studio-btn-icon-only {
-  width: 14px;
   height: 24px;
+  border-radius: 2px;
+  min-width: 48px;
 }
 
-.emotion-9 .studio-btn.studio-btn-sm.studio-btn-icon-only>svg {
-  width: 14px;
+.emotion-6:hover .studio-sortable-list-item-actions {
+  opacity: 1;
 }
 
-.emotion-10 {
+.emotion-7 {
   z-index: 10;
   color: hsla(0, 0, 0, 0.45);
   opacity: 0;
-}
-
-.emotion-11 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -23524,16 +22119,16 @@ exports[`<SortableList /> > renders CustomRender.tsx correctly 1`] = `
   transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-11:hover {
+.emotion-7:hover {
   color: rgba(0, 0, 0, 0.88)!important;
 }
 
-.emotion-11:active {
+.emotion-7:active {
   scale: 0.8;
   color: rgba(0, 0, 0, 0.88);
 }
 
-.emotion-12 {
+.emotion-8 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -23546,26 +22141,49 @@ exports[`<SortableList /> > renders CustomRender.tsx correctly 1`] = `
   flex-direction: column;
 }
 
-.emotion-52 {
-  height: 24px;
-  padding-block: 2px;
-  margin-top: 4px;
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
+.emotion-10 {
+  z-index: 10;
+  color: hsla(0, 0, 0, 0.45);
+  opacity: 0;
+}
+
+.emotion-11 {
+  position: absolute;
+  top: 1px;
+  right: 1px;
+  -webkit-align-self: flex-end;
+  -ms-flex-item-align: flex-end;
+  align-self: flex-end;
+  overflow: hidden;
+  border-radius: 1px;
+  -webkit-backdrop-filter: blur(5px);
+  backdrop-filter: blur(5px);
+}
+
+.emotion-12 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
+  transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-52:hover {
+.emotion-12:hover {
   color: rgba(0, 0, 0, 0.88)!important;
-  background: rgba(0, 0, 0, 0.06)!important;
-  border-color: transparent!important;
 }
 
-.emotion-52:focus {
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
-  border-color: #1677ff!important;
+.emotion-12:active {
+  scale: 0.8;
+  color: rgba(0, 0, 0, 0.88);
 }
 
 <div>
@@ -23574,87 +22192,63 @@ exports[`<SortableList /> > renders CustomRender.tsx correctly 1`] = `
     style="background: rgb(245, 245, 245);"
   >
     <div
-      class="layoutkit-flexbox emotion-1"
-    >
-      <button
-        class="studio-btn studio-btn-default"
-        type="button"
-      >
-        <span>
-          头部添加一项
-        </span>
-      </button>
-      <button
-        class="studio-btn studio-btn-default"
-        type="button"
-      >
-        <span>
-          尾部添加一项
-        </span>
-      </button>
-    </div>
-    <div
-      class="layoutkit-flexbox emotion-2 studio-sortable-list"
+      class="layoutkit-flexbox emotion-1 studio-sortable-list"
     >
       <ul
-        class="studio-sortable-list-container emotion-3"
+        class="studio-sortable-list-container emotion-2"
         style="--columns: 1;"
       >
         <li
-          class="studio-sortable-list-item-wrapper emotion-4"
+          class="studio-sortable-list-item-wrapper emotion-3"
           data-testid="list-item"
           style="--index: 0;"
         >
           <div
-            aria-describedby="DndDescribedBy-17"
+            aria-describedby="DndDescribedBy-12"
             aria-disabled="false"
             aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-5 studio-sortable-list-item-withHandle"
+            class="studio-sortable-list-item emotion-4 studio-sortable-list-item-withHandle"
             data-cypress="draggable-item"
-            data-id="1"
+            data-id="hello"
             data-index="0"
             role="button"
             style="background-color: rgb(255, 255, 255);"
           >
             <div
-              class="layoutkit-flexbox emotion-6 studio-sortable-list-item-content emotion-7"
+              class="layoutkit-flexbox emotion-5 studio-sortable-list-item-content emotion-6"
             >
-              <div
-                class="layoutkit-flexbox emotion-8 studio-sortable-list-item-actions-left emotion-9 studio-sortable-list-item-actions emotion-10"
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-7"
+                data-cypress="draggable-handle"
+                style="width: 14px; height: 24px;"
+                tabindex="-1"
+                type="button"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-11"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
+                <span
+                  class="studio-btn-icon"
                 >
-                  <span
-                    class="studio-btn-icon"
+                  <svg
+                    fill="currentColor"
+                    viewBox="0 0 20 20"
+                    width="16"
                   >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
+                    <path
+                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                    />
+                  </svg>
+                </span>
+              </button>
               <div
-                class="layoutkit-flexbox emotion-12"
+                class="layoutkit-flexbox emotion-8"
                 style="padding-left: 4px;"
               >
-                1
+                hello
               </div>
               <div
-                class="layoutkit-flexbox emotion-8 studio-sortable-list-item-actions emotion-10"
+                class="layoutkit-flexbox emotion-5 studio-sortable-list-item-actions emotion-10 studio-sortable-list-actions-right emotion-11"
               >
                 <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-11"
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-12"
                   style="height: 22px;"
                   tabindex="-1"
                   type="button"
@@ -23688,234 +22282,56 @@ exports[`<SortableList /> > renders CustomRender.tsx correctly 1`] = `
           </div>
         </li>
         <li
-          class="studio-sortable-list-item-wrapper emotion-4"
+          class="studio-sortable-list-item-wrapper emotion-3"
           data-testid="list-item"
           style="--index: 1;"
         >
           <div
-            aria-describedby="DndDescribedBy-17"
+            aria-describedby="DndDescribedBy-12"
             aria-disabled="false"
             aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-5 studio-sortable-list-item-withHandle"
+            class="studio-sortable-list-item emotion-4 studio-sortable-list-item-withHandle"
             data-cypress="draggable-item"
-            data-id="2"
+            data-id="world"
             data-index="1"
             role="button"
             style="background-color: rgb(255, 255, 255);"
           >
             <div
-              class="layoutkit-flexbox emotion-6 studio-sortable-list-item-content emotion-7"
-            >
-              <div
-                class="layoutkit-flexbox emotion-8 studio-sortable-list-item-actions-left emotion-9 studio-sortable-list-item-actions emotion-10"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-11"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-12"
-                style="padding-left: 4px;"
-              >
-                2
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-8 studio-sortable-list-item-actions emotion-10"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-11"
-                  style="height: 22px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <span
-                      aria-label="delete"
-                      class="anticon anticon-delete"
-                      role="img"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        data-icon="delete"
-                        fill="currentColor"
-                        focusable="false"
-                        height="1em"
-                        viewBox="64 64 896 896"
-                        width="1em"
-                      >
-                        <path
-                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
-                        />
-                      </svg>
-                    </span>
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li
-          class="studio-sortable-list-item-wrapper emotion-4"
-          data-testid="list-item"
-          style="--index: 2;"
-        >
-          <div
-            aria-describedby="DndDescribedBy-17"
-            aria-disabled="false"
-            aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-5 studio-sortable-list-item-withHandle"
-            data-cypress="draggable-item"
-            data-id="3"
-            data-index="2"
-            role="button"
-            style="background-color: rgb(255, 255, 255);"
-          >
-            <div
-              class="layoutkit-flexbox emotion-6 studio-sortable-list-item-content emotion-7"
+              class="layoutkit-flexbox emotion-5 studio-sortable-list-item-content emotion-6"
             >
-              <div
-                class="layoutkit-flexbox emotion-8 studio-sortable-list-item-actions-left emotion-9 studio-sortable-list-item-actions emotion-10"
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-7"
+                data-cypress="draggable-handle"
+                style="width: 14px; height: 24px;"
+                tabindex="-1"
+                type="button"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-11"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
+                <span
+                  class="studio-btn-icon"
                 >
-                  <span
-                    class="studio-btn-icon"
+                  <svg
+                    fill="currentColor"
+                    viewBox="0 0 20 20"
+                    width="16"
                   >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
+                    <path
+                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                    />
+                  </svg>
+                </span>
+              </button>
               <div
-                class="layoutkit-flexbox emotion-12"
+                class="layoutkit-flexbox emotion-8"
                 style="padding-left: 4px;"
               >
-                3
+                world
               </div>
               <div
-                class="layoutkit-flexbox emotion-8 studio-sortable-list-item-actions emotion-10"
+                class="layoutkit-flexbox emotion-5 studio-sortable-list-item-actions emotion-10 studio-sortable-list-actions-right emotion-11"
               >
                 <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-11"
-                  style="height: 22px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <span
-                      aria-label="delete"
-                      class="anticon anticon-delete"
-                      role="img"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        data-icon="delete"
-                        fill="currentColor"
-                        focusable="false"
-                        height="1em"
-                        viewBox="64 64 896 896"
-                        width="1em"
-                      >
-                        <path
-                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
-                        />
-                      </svg>
-                    </span>
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li
-          class="studio-sortable-list-item-wrapper emotion-4"
-          data-testid="list-item"
-          style="--index: 3;"
-        >
-          <div
-            aria-describedby="DndDescribedBy-17"
-            aria-disabled="false"
-            aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-5 studio-sortable-list-item-withHandle"
-            data-cypress="draggable-item"
-            data-id="4"
-            data-index="3"
-            role="button"
-            style="background-color: rgb(255, 255, 255);"
-          >
-            <div
-              class="layoutkit-flexbox emotion-6 studio-sortable-list-item-content emotion-7"
-            >
-              <div
-                class="layoutkit-flexbox emotion-8 studio-sortable-list-item-actions-left emotion-9 studio-sortable-list-item-actions emotion-10"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-11"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-12"
-                style="padding-left: 4px;"
-              >
-                4
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-8 studio-sortable-list-item-actions emotion-10"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-11"
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-12"
                   style="height: 22px;"
                   tabindex="-1"
                   type="button"
@@ -23949,45 +22365,8 @@ exports[`<SortableList /> > renders CustomRender.tsx correctly 1`] = `
           </div>
         </li>
       </ul>
-      <button
-        class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-sortable-list-btn-add emotion-52"
-        type="button"
-      >
-        <span
-          class="studio-btn-icon"
-        >
-          <span
-            aria-label="plus"
-            class="anticon anticon-plus"
-            role="img"
-          >
-            <svg
-              aria-hidden="true"
-              data-icon="plus"
-              fill="currentColor"
-              focusable="false"
-              height="1em"
-              viewBox="64 64 896 896"
-              width="1em"
-            >
-              <defs>
-                <style />
-              </defs>
-              <path
-                d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-              />
-              <path
-                d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-              />
-            </svg>
-          </span>
-        </span>
-        <span>
-          添加一列
-        </span>
-      </button>
       <div
-        id="DndDescribedBy-17"
+        id="DndDescribedBy-12"
         style="display: none;"
       >
         
@@ -23999,7 +22378,7 @@ exports[`<SortableList /> > renders CustomRender.tsx correctly 1`] = `
       <div
         aria-atomic="true"
         aria-live="assertive"
-        id="DndLiveRegion-17"
+        id="DndLiveRegion-12"
         role="status"
         style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
       />
@@ -24008,7 +22387,7 @@ exports[`<SortableList /> > renders CustomRender.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`<SortableList /> > renders CustomStyle.tsx correctly 1`] = `
+exports[`<SortableList /> > renders getItemStyles.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -24110,10 +22489,6 @@ exports[`<SortableList /> > renders CustomStyle.tsx correctly 1`] = `
   box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-3:hover .studio-sortable-list-item-actions {
-  opacity: 1;
-}
-
 .emotion-4 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -24131,40 +22506,19 @@ exports[`<SortableList /> > renders CustomStyle.tsx correctly 1`] = `
 .emotion-5 {
   position: relative;
   width: 100%;
-}
-
-.emotion-6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.emotion-7 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.emotion-7 .studio-btn.studio-btn-sm.studio-btn-icon-only {
-  width: 14px;
   height: 24px;
+  border-radius: 2px;
+  min-width: 48px;
 }
 
-.emotion-7 .studio-btn.studio-btn-sm.studio-btn-icon-only>svg {
-  width: 14px;
+.emotion-5:hover .studio-sortable-list-item-actions {
+  opacity: 1;
 }
 
-.emotion-8 {
+.emotion-6 {
   z-index: 10;
   color: hsla(0, 0, 0, 0.45);
   opacity: 0;
-}
-
-.emotion-9 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -24181,16 +22535,16 @@ exports[`<SortableList /> > renders CustomStyle.tsx correctly 1`] = `
   transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-9:hover {
+.emotion-6:hover {
   color: rgba(0, 0, 0, 0.88)!important;
 }
 
-.emotion-9:active {
+.emotion-6:active {
   scale: 0.8;
   color: rgba(0, 0, 0, 0.88);
 }
 
-.emotion-10 {
+.emotion-7 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -24203,26 +22557,49 @@ exports[`<SortableList /> > renders CustomStyle.tsx correctly 1`] = `
   flex-direction: column;
 }
 
-.emotion-50 {
-  height: 24px;
-  padding-block: 2px;
-  margin-top: 4px;
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
+.emotion-9 {
+  z-index: 10;
+  color: hsla(0, 0, 0, 0.45);
+  opacity: 0;
+}
+
+.emotion-10 {
+  position: absolute;
+  top: 1px;
+  right: 1px;
+  -webkit-align-self: flex-end;
+  -ms-flex-item-align: flex-end;
+  align-self: flex-end;
+  overflow: hidden;
+  border-radius: 1px;
+  -webkit-backdrop-filter: blur(5px);
+  backdrop-filter: blur(5px);
+}
+
+.emotion-11 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
+  transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-50:hover {
+.emotion-11:hover {
   color: rgba(0, 0, 0, 0.88)!important;
-  background: rgba(0, 0, 0, 0.06)!important;
-  border-color: transparent!important;
 }
 
-.emotion-50:focus {
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
-  border-color: #1677ff!important;
+.emotion-11:active {
+  scale: 0.8;
+  color: rgba(0, 0, 0, 0.88);
 }
 
 <div>
@@ -24240,55 +22617,51 @@ exports[`<SortableList /> > renders CustomStyle.tsx correctly 1`] = `
         style="--index: 0;"
       >
         <div
-          aria-describedby="DndDescribedBy-16"
+          aria-describedby="DndDescribedBy-11"
           aria-disabled="false"
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="1"
+          data-id="关关雎鸠"
           data-index="0"
           role="button"
-          style="background-color: rgb(255, 255, 255);"
+          style="padding: 24px; background: pink; color: rgb(135, 74, 74); border-radius: 16px; box-shadow: none; background-color: rgb(255, 255, 255);"
         >
           <div
             class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
           >
-            <div
-              class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-6"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                data-cypress="draggable-handle"
-                style="position: absolute; left: -13px;"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-10"
+              class="layoutkit-flexbox emotion-7"
               style="padding-left: 4px;"
             >
-              1
+              关关雎鸠
             </div>
             <div
-              class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8"
+              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-actions emotion-9 studio-sortable-list-actions-right emotion-10"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-11"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -24327,66 +22700,62 @@ exports[`<SortableList /> > renders CustomStyle.tsx correctly 1`] = `
         style="--index: 1;"
       >
         <div
-          aria-describedby="DndDescribedBy-16"
+          aria-describedby="DndDescribedBy-11"
           aria-disabled="false"
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="2"
+          data-id="在河之洲"
           data-index="1"
           role="button"
-          style="background-color: rgb(255, 255, 255);"
+          style="padding: 24px; background: pink; color: rgb(135, 74, 74); border-radius: 16px; box-shadow: none; background-color: rgb(255, 255, 255);"
         >
           <div
             class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
           >
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-6"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
+            >
+              <span
+                class="studio-btn-icon"
+              >
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
+                >
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
+            <div
+              class="layoutkit-flexbox emotion-7"
+              style="padding-left: 4px;"
+            >
+              在河之洲
+            </div>
             <div
-              class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
+              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-actions emotion-9 studio-sortable-list-actions-right emotion-10"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                data-cypress="draggable-handle"
-                style="position: absolute; left: -13px;"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-11"
+                style="height: 22px;"
                 tabindex="-1"
                 type="button"
               >
                 <span
                   class="studio-btn-icon"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
-            <div
-              class="layoutkit-flexbox emotion-10"
-              style="padding-left: 4px;"
-            >
-              2
-            </div>
-            <div
-              class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8"
-            >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                style="height: 22px;"
-                tabindex="-1"
-                type="button"
-              >
-                <span
-                  class="studio-btn-icon"
-                >
-                  <span
-                    aria-label="delete"
-                    class="anticon anticon-delete"
-                    role="img"
+                  <span
+                    aria-label="delete"
+                    class="anticon anticon-delete"
+                    role="img"
                   >
                     <svg
                       aria-hidden="true"
@@ -24414,55 +22783,51 @@ exports[`<SortableList /> > renders CustomStyle.tsx correctly 1`] = `
         style="--index: 2;"
       >
         <div
-          aria-describedby="DndDescribedBy-16"
+          aria-describedby="DndDescribedBy-11"
           aria-disabled="false"
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="3"
+          data-id="窈窕淑女"
           data-index="2"
           role="button"
-          style="background-color: rgb(255, 255, 255);"
+          style="padding: 24px; background: pink; color: rgb(135, 74, 74); border-radius: 16px; box-shadow: none; background-color: rgb(255, 255, 255);"
         >
           <div
             class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
           >
-            <div
-              class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-6"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                data-cypress="draggable-handle"
-                style="position: absolute; left: -13px;"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-10"
+              class="layoutkit-flexbox emotion-7"
               style="padding-left: 4px;"
             >
-              3
+              窈窕淑女
             </div>
             <div
-              class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8"
+              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-actions emotion-9 studio-sortable-list-actions-right emotion-10"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-11"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -24501,55 +22866,51 @@ exports[`<SortableList /> > renders CustomStyle.tsx correctly 1`] = `
         style="--index: 3;"
       >
         <div
-          aria-describedby="DndDescribedBy-16"
+          aria-describedby="DndDescribedBy-11"
           aria-disabled="false"
           aria-roledescription="sortable"
           class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
           data-cypress="draggable-item"
-          data-id="4"
+          data-id="君子好逑"
           data-index="3"
           role="button"
-          style="background-color: rgb(255, 255, 255);"
+          style="padding: 24px; background: pink; color: rgb(135, 74, 74); border-radius: 16px; box-shadow: none; background-color: rgb(255, 255, 255);"
         >
           <div
             class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
           >
-            <div
-              class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
+            <button
+              class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-6"
+              data-cypress="draggable-handle"
+              style="width: 14px; height: 24px;"
+              tabindex="-1"
+              type="button"
             >
-              <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                data-cypress="draggable-handle"
-                style="position: absolute; left: -13px;"
-                tabindex="-1"
-                type="button"
+              <span
+                class="studio-btn-icon"
               >
-                <span
-                  class="studio-btn-icon"
+                <svg
+                  fill="currentColor"
+                  viewBox="0 0 20 20"
+                  width="16"
                 >
-                  <svg
-                    fill="currentColor"
-                    viewBox="0 0 20 20"
-                    width="16"
-                  >
-                    <path
-                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                    />
-                  </svg>
-                </span>
-              </button>
-            </div>
+                  <path
+                    d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                  />
+                </svg>
+              </span>
+            </button>
             <div
-              class="layoutkit-flexbox emotion-10"
+              class="layoutkit-flexbox emotion-7"
               style="padding-left: 4px;"
             >
-              4
+              君子好逑
             </div>
             <div
-              class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8"
+              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-actions emotion-9 studio-sortable-list-actions-right emotion-10"
             >
               <button
-                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-11"
                 style="height: 22px;"
                 tabindex="-1"
                 type="button"
@@ -24583,45 +22944,8 @@ exports[`<SortableList /> > renders CustomStyle.tsx correctly 1`] = `
         </div>
       </li>
     </ul>
-    <button
-      class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-sortable-list-btn-add emotion-50"
-      type="button"
-    >
-      <span
-        class="studio-btn-icon"
-      >
-        <span
-          aria-label="plus"
-          class="anticon anticon-plus"
-          role="img"
-        >
-          <svg
-            aria-hidden="true"
-            data-icon="plus"
-            fill="currentColor"
-            focusable="false"
-            height="1em"
-            viewBox="64 64 896 896"
-            width="1em"
-          >
-            <defs>
-              <style />
-            </defs>
-            <path
-              d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-            />
-            <path
-              d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-            />
-          </svg>
-        </span>
-      </span>
-      <span>
-        添加一列
-      </span>
-    </button>
     <div
-      id="DndDescribedBy-16"
+      id="DndDescribedBy-11"
       style="display: none;"
     >
       
@@ -24633,7 +22957,7 @@ exports[`<SortableList /> > renders CustomStyle.tsx correctly 1`] = `
     <div
       aria-atomic="true"
       aria-live="assertive"
-      id="DndLiveRegion-16"
+      id="DndLiveRegion-11"
       role="status"
       style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
     />
@@ -24641,7 +22965,7 @@ exports[`<SortableList /> > renders CustomStyle.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
+exports[`<SortableList /> > renders provider.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -24650,9 +22974,20 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
+  padding: 24px;
 }
 
 .emotion-1 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.emotion-2 {
   list-style: none;
   display: grid;
   grid-auto-rows: max-content;
@@ -24666,7 +23001,7 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
   transition: background-color 350ms ease;
 }
 
-.emotion-2 {
+.emotion-3 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -24680,11 +23015,11 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
   touch-action: manipulation;
 }
 
-.emotion-2:not(:last-child) {
+.emotion-3:not(:last-child) {
   margin-bottom: 2px;
 }
 
-.emotion-3 {
+.emotion-4 {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
@@ -24719,11 +23054,11 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
   -webkit-tap-highlight-color: transparent;
 }
 
-.emotion-3:focus-visible {
+.emotion-4:focus-visible {
   box-shadow: 0 0 4px 1px #4c9ffe,0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-3:not(.studio-sortable-list-item-withHandle) {
+.emotion-4:not(.studio-sortable-list-item-withHandle) {
   cursor: -webkit-grab;
   cursor: grab;
   -webkit-user-select: none;
@@ -24734,20 +23069,16 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
   touch-action: none;
 }
 
-.emotion-3-dragging:not(.studio-sortable-list-item-dragOverlay) {
+.emotion-4-dragging:not(.studio-sortable-list-item-dragOverlay) {
   z-index: 0;
   opacity: var(--dragging-opacity, 0.5);
 }
 
-.emotion-3-dragging:not(.studio-sortable-list-item-dragOverlay):focus {
+.emotion-4-dragging:not(.studio-sortable-list-item-dragOverlay):focus {
   box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-3:hover .studio-sortable-list-item-actions {
-  opacity: 1;
-}
-
-.emotion-4 {
+.emotion-5 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -24761,43 +23092,22 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
   align-items: center;
 }
 
-.emotion-5 {
+.emotion-6 {
   position: relative;
   width: 100%;
-}
-
-.emotion-6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.emotion-7 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.emotion-7 .studio-btn.studio-btn-sm.studio-btn-icon-only {
-  width: 14px;
   height: 24px;
+  border-radius: 2px;
+  min-width: 48px;
 }
 
-.emotion-7 .studio-btn.studio-btn-sm.studio-btn-icon-only>svg {
-  width: 14px;
+.emotion-6:hover .studio-sortable-list-item-actions {
+  opacity: 1;
 }
 
-.emotion-8 {
+.emotion-7 {
   z-index: 10;
   color: hsla(0, 0, 0, 0.45);
   opacity: 0;
-}
-
-.emotion-9 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -24814,16 +23124,16 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
   transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-9:hover {
+.emotion-7:hover {
   color: rgba(0, 0, 0, 0.88)!important;
 }
 
-.emotion-9:active {
+.emotion-7:active {
   scale: 0.8;
   color: rgba(0, 0, 0, 0.88);
 }
 
-.emotion-10 {
+.emotion-8 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -24839,85 +23149,114 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
   gap: 8px;
 }
 
-.emotion-38 {
-  height: 24px;
-  padding-block: 2px;
-  margin-top: 4px;
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
+.emotion-10 {
+  z-index: 10;
+  color: hsla(0, 0, 0, 0.45);
+  opacity: 0;
+}
+
+.emotion-11 {
+  position: absolute;
+  top: 1px;
+  right: 1px;
+  -webkit-align-self: flex-end;
+  -ms-flex-item-align: flex-end;
+  align-self: flex-end;
+  overflow: hidden;
+  border-radius: 1px;
+  -webkit-backdrop-filter: blur(5px);
+  backdrop-filter: blur(5px);
+}
+
+.emotion-12 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
+  transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-38:hover {
+.emotion-12:hover {
   color: rgba(0, 0, 0, 0.88)!important;
-  background: rgba(0, 0, 0, 0.06)!important;
-  border-color: transparent!important;
 }
 
-.emotion-38:focus {
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
-  border-color: #1677ff!important;
+.emotion-12:active {
+  scale: 0.8;
+  color: rgba(0, 0, 0, 0.88);
 }
 
 <div>
+  <div>
+    <button
+      class="studio-btn studio-btn-default"
+      type="button"
+    >
+      <span>
+        获取值
+      </span>
+    </button>
+  </div>
   <div
-    style="width: 340px; padding: 0px 12px;"
+    class="layoutkit-flexbox emotion-0"
   >
     <div
-      class="layoutkit-flexbox emotion-0 studio-sortable-list"
+      class="layoutkit-flexbox emotion-1 studio-sortable-list"
     >
       <ul
-        class="studio-sortable-list-container emotion-1"
+        class="studio-sortable-list-container emotion-2"
         style="--columns: 1;"
       >
         <li
-          class="studio-sortable-list-item-wrapper emotion-2"
+          class="studio-sortable-list-item-wrapper emotion-3"
           data-testid="list-item"
           style="--index: 0;"
         >
           <div
-            aria-describedby="DndDescribedBy-15"
+            aria-describedby="DndDescribedBy-10"
             aria-disabled="false"
             aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
+            class="studio-sortable-list-item emotion-4 studio-sortable-list-item-withHandle"
             data-cypress="draggable-item"
-            data-id="1"
+            data-id="index"
             data-index="0"
             role="button"
             style="background-color: rgb(255, 255, 255);"
           >
             <div
-              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
+              class="layoutkit-flexbox emotion-5 studio-sortable-list-item-content emotion-6"
             >
-              <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-7"
+                data-cypress="draggable-handle"
+                style="width: 14px; height: 24px;"
+                tabindex="-1"
+                type="button"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
+                <span
+                  class="studio-btn-icon"
                 >
-                  <span
-                    class="studio-btn-icon"
+                  <svg
+                    fill="currentColor"
+                    viewBox="0 0 20 20"
+                    width="16"
                   >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
+                    <path
+                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                    />
+                  </svg>
+                </span>
+              </button>
               <div
-                class="layoutkit-flexbox emotion-10"
+                class="layoutkit-flexbox emotion-8"
               >
                 <div
                   style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
@@ -24948,7 +23287,6 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
                           aria-controls="rc_select_TEST_OR_SSR_list"
                           aria-expanded="false"
                           aria-haspopup="listbox"
-                          aria-label="Search"
                           aria-owns="rc_select_TEST_OR_SSR_list"
                           autocomplete="off"
                           class="studio-select-selection-search-input"
@@ -24998,10 +23336,11 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
                 </div>
               </div>
               <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8"
+                class="layoutkit-flexbox emotion-5 studio-sortable-list-item-actions emotion-10 studio-sortable-list-actions-right emotion-11"
               >
                 <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-12"
+                  style="height: 22px;"
                   tabindex="-1"
                   type="button"
                 >
@@ -25009,13 +23348,13 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
                     class="studio-btn-icon"
                   >
                     <span
-                      aria-label="edit"
-                      class="anticon anticon-edit"
+                      aria-label="delete"
+                      class="anticon anticon-delete"
                       role="img"
                     >
                       <svg
                         aria-hidden="true"
-                        data-icon="edit"
+                        data-icon="delete"
                         fill="currentColor"
                         focusable="false"
                         height="1em"
@@ -25023,7 +23362,7 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
                         width="1em"
                       >
                         <path
-                          d="M880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32zm-622.3-84c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9z"
+                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
                         />
                       </svg>
                     </span>
@@ -25034,51 +23373,47 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
           </div>
         </li>
         <li
-          class="studio-sortable-list-item-wrapper emotion-2"
+          class="studio-sortable-list-item-wrapper emotion-3"
           data-testid="list-item"
           style="--index: 1;"
         >
           <div
-            aria-describedby="DndDescribedBy-15"
+            aria-describedby="DndDescribedBy-10"
             aria-disabled="false"
             aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
+            class="studio-sortable-list-item emotion-4 studio-sortable-list-item-withHandle"
             data-cypress="draggable-item"
-            data-id="2"
+            data-id="authName"
             data-index="1"
             role="button"
             style="background-color: rgb(255, 255, 255);"
           >
             <div
-              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
+              class="layoutkit-flexbox emotion-5 studio-sortable-list-item-content emotion-6"
             >
-              <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-7"
+                data-cypress="draggable-handle"
+                style="width: 14px; height: 24px;"
+                tabindex="-1"
+                type="button"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
+                <span
+                  class="studio-btn-icon"
                 >
-                  <span
-                    class="studio-btn-icon"
+                  <svg
+                    fill="currentColor"
+                    viewBox="0 0 20 20"
+                    width="16"
                   >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
+                    <path
+                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                    />
+                  </svg>
+                </span>
+              </button>
               <div
-                class="layoutkit-flexbox emotion-10"
+                class="layoutkit-flexbox emotion-8"
               >
                 <div
                   style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
@@ -25109,7 +23444,6 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
                           aria-controls="rc_select_TEST_OR_SSR_list"
                           aria-expanded="false"
                           aria-haspopup="listbox"
-                          aria-label="Search"
                           aria-owns="rc_select_TEST_OR_SSR_list"
                           autocomplete="off"
                           class="studio-select-selection-search-input"
@@ -25159,10 +23493,11 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
                 </div>
               </div>
               <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8"
+                class="layoutkit-flexbox emotion-5 studio-sortable-list-item-actions emotion-10 studio-sortable-list-actions-right emotion-11"
               >
                 <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-12"
+                  style="height: 22px;"
                   tabindex="-1"
                   type="button"
                 >
@@ -25170,13 +23505,13 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
                     class="studio-btn-icon"
                   >
                     <span
-                      aria-label="edit"
-                      class="anticon anticon-edit"
+                      aria-label="delete"
+                      class="anticon anticon-delete"
                       role="img"
                     >
                       <svg
                         aria-hidden="true"
-                        data-icon="edit"
+                        data-icon="delete"
                         fill="currentColor"
                         focusable="false"
                         height="1em"
@@ -25184,7 +23519,7 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
                         width="1em"
                       >
                         <path
-                          d="M880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32zm-622.3-84c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9z"
+                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
                         />
                       </svg>
                     </span>
@@ -25195,51 +23530,47 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
           </div>
         </li>
         <li
-          class="studio-sortable-list-item-wrapper emotion-2"
+          class="studio-sortable-list-item-wrapper emotion-3"
           data-testid="list-item"
           style="--index: 2;"
         >
           <div
-            aria-describedby="DndDescribedBy-15"
+            aria-describedby="DndDescribedBy-10"
             aria-disabled="false"
             aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
+            class="studio-sortable-list-item emotion-4 studio-sortable-list-item-withHandle"
             data-cypress="draggable-item"
-            data-id="3"
+            data-id="authedName"
             data-index="2"
             role="button"
             style="background-color: rgb(255, 255, 255);"
           >
             <div
-              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
+              class="layoutkit-flexbox emotion-5 studio-sortable-list-item-content emotion-6"
             >
-              <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-7"
+                data-cypress="draggable-handle"
+                style="width: 14px; height: 24px;"
+                tabindex="-1"
+                type="button"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
+                <span
+                  class="studio-btn-icon"
                 >
-                  <span
-                    class="studio-btn-icon"
+                  <svg
+                    fill="currentColor"
+                    viewBox="0 0 20 20"
+                    width="16"
                   >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
+                    <path
+                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                    />
+                  </svg>
+                </span>
+              </button>
               <div
-                class="layoutkit-flexbox emotion-10"
+                class="layoutkit-flexbox emotion-8"
               >
                 <div
                   style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
@@ -25270,7 +23601,6 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
                           aria-controls="rc_select_TEST_OR_SSR_list"
                           aria-expanded="false"
                           aria-haspopup="listbox"
-                          aria-label="Search"
                           aria-owns="rc_select_TEST_OR_SSR_list"
                           autocomplete="off"
                           class="studio-select-selection-search-input"
@@ -25320,10 +23650,11 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
                 </div>
               </div>
               <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8"
+                class="layoutkit-flexbox emotion-5 studio-sortable-list-item-actions emotion-10 studio-sortable-list-actions-right emotion-11"
               >
                 <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-12"
+                  style="height: 22px;"
                   tabindex="-1"
                   type="button"
                 >
@@ -25331,13 +23662,13 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
                     class="studio-btn-icon"
                   >
                     <span
-                      aria-label="edit"
-                      class="anticon anticon-edit"
+                      aria-label="delete"
+                      class="anticon anticon-delete"
                       role="img"
                     >
                       <svg
                         aria-hidden="true"
-                        data-icon="edit"
+                        data-icon="delete"
                         fill="currentColor"
                         focusable="false"
                         height="1em"
@@ -25345,7 +23676,7 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
                         width="1em"
                       >
                         <path
-                          d="M880 836H144c-17.7 0-32 14.3-32 32v36c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-36c0-17.7-14.3-32-32-32zm-622.3-84c2 0 4-.2 6-.5L431.9 722c2-.4 3.9-1.3 5.3-2.8l423.9-423.9a9.96 9.96 0 000-14.1L694.9 114.9c-1.9-1.9-4.4-2.9-7.1-2.9s-5.2 1-7.1 2.9L256.8 538.8c-1.5 1.5-2.4 3.3-2.8 5.3l-29.5 168.2a33.5 33.5 0 009.4 29.8c6.6 6.4 14.9 9.9 23.8 9.9z"
+                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
                         />
                       </svg>
                     </span>
@@ -25356,45 +23687,8 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
           </div>
         </li>
       </ul>
-      <button
-        class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-sortable-list-btn-add emotion-38"
-        type="button"
-      >
-        <span
-          class="studio-btn-icon"
-        >
-          <span
-            aria-label="plus"
-            class="anticon anticon-plus"
-            role="img"
-          >
-            <svg
-              aria-hidden="true"
-              data-icon="plus"
-              fill="currentColor"
-              focusable="false"
-              height="1em"
-              viewBox="64 64 896 896"
-              width="1em"
-            >
-              <defs>
-                <style />
-              </defs>
-              <path
-                d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-              />
-              <path
-                d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-              />
-            </svg>
-          </span>
-        </span>
-        <span>
-          添加一列
-        </span>
-      </button>
       <div
-        id="DndDescribedBy-15"
+        id="DndDescribedBy-10"
         style="display: none;"
       >
         
@@ -25406,7 +23700,7 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
       <div
         aria-atomic="true"
         aria-live="assertive"
-        id="DndLiveRegion-15"
+        id="DndLiveRegion-10"
         role="status"
         style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
       />
@@ -25415,8 +23709,52 @@ exports[`<SortableList /> > renders actions.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
+exports[`<SortableList /> > renders ref.tsx correctly 1`] = `
 .emotion-0 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  width: 100%;
+}
+
+.emotion-1 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
+  transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
+}
+
+.emotion-1:hover {
+  color: rgba(0, 0, 0, 0.88)!important;
+}
+
+.emotion-1:active {
+  scale: 0.8;
+  color: rgba(0, 0, 0, 0.88);
+}
+
+.emotion-2 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -25426,7 +23764,7 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
   flex-direction: column;
 }
 
-.emotion-1 {
+.emotion-3 {
   list-style: none;
   display: grid;
   grid-auto-rows: max-content;
@@ -25440,7 +23778,7 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
   transition: background-color 350ms ease;
 }
 
-.emotion-2 {
+.emotion-4 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -25454,11 +23792,11 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
   touch-action: manipulation;
 }
 
-.emotion-2:not(:last-child) {
+.emotion-4:not(:last-child) {
   margin-bottom: 2px;
 }
 
-.emotion-3 {
+.emotion-5 {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
@@ -25493,11 +23831,11 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
   -webkit-tap-highlight-color: transparent;
 }
 
-.emotion-3:focus-visible {
+.emotion-5:focus-visible {
   box-shadow: 0 0 4px 1px #4c9ffe,0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-3:not(.studio-sortable-list-item-withHandle) {
+.emotion-5:not(.studio-sortable-list-item-withHandle) {
   cursor: -webkit-grab;
   cursor: grab;
   -webkit-user-select: none;
@@ -25508,20 +23846,16 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
   touch-action: none;
 }
 
-.emotion-3-dragging:not(.studio-sortable-list-item-dragOverlay) {
+.emotion-5-dragging:not(.studio-sortable-list-item-dragOverlay) {
   z-index: 0;
   opacity: var(--dragging-opacity, 0.5);
 }
 
-.emotion-3-dragging:not(.studio-sortable-list-item-dragOverlay):focus {
+.emotion-5-dragging:not(.studio-sortable-list-item-dragOverlay):focus {
   box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-3:hover .studio-sortable-list-item-actions {
-  opacity: 1;
-}
-
-.emotion-4 {
+.emotion-6 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -25535,43 +23869,22 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
   align-items: center;
 }
 
-.emotion-5 {
+.emotion-7 {
   position: relative;
   width: 100%;
+  height: 24px;
+  border-radius: 2px;
+  min-width: 48px;
 }
 
-.emotion-6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.emotion-7 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.emotion-7 .studio-btn.studio-btn-sm.studio-btn-icon-only {
-  width: 14px;
-  height: 24px;
-}
-
-.emotion-7 .studio-btn.studio-btn-sm.studio-btn-icon-only>svg {
-  width: 14px;
-}
-
-.emotion-8 {
-  z-index: 10;
-  color: hsla(0, 0, 0, 0.45);
-  opacity: 0;
-}
-
-.emotion-9 {
+.emotion-7:hover .studio-sortable-list-item-actions {
+  opacity: 1;
+}
+
+.emotion-8 {
+  z-index: 10;
+  color: hsla(0, 0, 0, 0.45);
+  opacity: 0;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -25588,16 +23901,16 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
   transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-9:hover {
+.emotion-8:hover {
   color: rgba(0, 0, 0, 0.88)!important;
 }
 
-.emotion-9:active {
+.emotion-8:active {
   scale: 0.8;
   color: rgba(0, 0, 0, 0.88);
 }
 
-.emotion-10 {
+.emotion-9 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -25613,7 +23926,13 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
   gap: 8px;
 }
 
-.emotion-13 {
+.emotion-11 {
+  z-index: 10;
+  color: hsla(0, 0, 0, 0.45);
+  opacity: 0;
+}
+
+.emotion-12 {
   position: absolute;
   top: 1px;
   right: 1px;
@@ -25626,87 +23945,95 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
   backdrop-filter: blur(5px);
 }
 
-.emotion-13 .tech-studio-actionicon-icon {
-  height: 22px;
-}
-
-.emotion-41 {
-  height: 24px;
-  padding-block: 2px;
-  margin-top: 4px;
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
-}
-
-.emotion-41:hover {
-  color: rgba(0, 0, 0, 0.88)!important;
-  background: rgba(0, 0, 0, 0.06)!important;
-  border-color: transparent!important;
-}
-
-.emotion-41:focus {
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
-  border-color: #1677ff!important;
-}
-
 <div>
   <div
     style="width: 340px; padding: 0px 12px;"
   >
     <div
-      class="layoutkit-flexbox emotion-0 studio-sortable-list"
+      class="layoutkit-flexbox emotion-0"
+    >
+      <div>
+        列配置项
+      </div>
+      <button
+        class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-1"
+        tabindex="-1"
+        type="button"
+      >
+        <span
+          class="studio-btn-icon"
+        >
+          <span
+            aria-label="plus-circle"
+            class="anticon anticon-plus-circle"
+            role="img"
+          >
+            <svg
+              aria-hidden="true"
+              data-icon="plus-circle"
+              fill="currentColor"
+              focusable="false"
+              height="1em"
+              viewBox="64 64 896 896"
+              width="1em"
+            >
+              <path
+                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm192 472c0 4.4-3.6 8-8 8H544v152c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V544H328c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h152V328c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v152h152c4.4 0 8 3.6 8 8v48z"
+              />
+            </svg>
+          </span>
+        </span>
+      </button>
+    </div>
+    <div
+      class="layoutkit-flexbox emotion-2 studio-sortable-list"
     >
       <ul
-        class="studio-sortable-list-container emotion-1"
+        class="studio-sortable-list-container emotion-3"
         style="--columns: 1;"
       >
         <li
-          class="studio-sortable-list-item-wrapper emotion-2"
+          class="studio-sortable-list-item-wrapper emotion-4"
           data-testid="list-item"
           style="--index: 0;"
         >
           <div
-            aria-describedby="DndDescribedBy-14"
+            aria-describedby="DndDescribedBy-9"
             aria-disabled="false"
             aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
+            class="studio-sortable-list-item emotion-5 studio-sortable-list-item-withHandle"
             data-cypress="draggable-item"
-            data-id="1"
+            data-id="index"
             data-index="0"
             role="button"
+            style="background-color: rgb(255, 255, 255);"
           >
             <div
-              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
+              class="layoutkit-flexbox emotion-6 studio-sortable-list-item-content emotion-7"
             >
-              <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-8"
+                data-cypress="draggable-handle"
+                style="width: 14px; height: 24px;"
+                tabindex="-1"
+                type="button"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  data-cypress="draggable-handle"
-                  tabindex="-1"
-                  type="button"
+                <span
+                  class="studio-btn-icon"
                 >
-                  <span
-                    class="studio-btn-icon"
+                  <svg
+                    fill="currentColor"
+                    viewBox="0 0 20 20"
+                    width="16"
                   >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
+                    <path
+                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                    />
+                  </svg>
+                </span>
+              </button>
               <div
-                class="layoutkit-flexbox emotion-10"
+                class="layoutkit-flexbox emotion-9"
               >
                 <div
                   style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
@@ -25714,7 +24041,7 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
                   <input
                     class="studio-input studio-input-sm"
                     id="index-0"
-                    style="width: 100%; padding-left: 12px;"
+                    style="width: 100%;"
                     type="text"
                     value="序号"
                   />
@@ -25737,7 +24064,6 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
                           aria-controls="rc_select_TEST_OR_SSR_list"
                           aria-expanded="false"
                           aria-haspopup="listbox"
-                          aria-label="Search"
                           aria-owns="rc_select_TEST_OR_SSR_list"
                           autocomplete="off"
                           class="studio-select-selection-search-input"
@@ -25787,10 +24113,10 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
                 </div>
               </div>
               <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8 studio-sortable-list-item-actions-right emotion-13"
+                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-11 studio-sortable-list-actions-right emotion-12"
               >
                 <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-1"
                   style="height: 22px;"
                   tabindex="-1"
                   type="button"
@@ -25824,49 +24150,47 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
           </div>
         </li>
         <li
-          class="studio-sortable-list-item-wrapper emotion-2"
+          class="studio-sortable-list-item-wrapper emotion-4"
           data-testid="list-item"
           style="--index: 1;"
         >
           <div
-            aria-describedby="DndDescribedBy-14"
+            aria-describedby="DndDescribedBy-9"
             aria-disabled="false"
             aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
+            class="studio-sortable-list-item emotion-5 studio-sortable-list-item-withHandle"
             data-cypress="draggable-item"
-            data-id="2"
+            data-id="authName"
             data-index="1"
             role="button"
+            style="background-color: rgb(255, 255, 255);"
           >
             <div
-              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
+              class="layoutkit-flexbox emotion-6 studio-sortable-list-item-content emotion-7"
             >
-              <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-8"
+                data-cypress="draggable-handle"
+                style="width: 14px; height: 24px;"
+                tabindex="-1"
+                type="button"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  data-cypress="draggable-handle"
-                  tabindex="-1"
-                  type="button"
+                <span
+                  class="studio-btn-icon"
                 >
-                  <span
-                    class="studio-btn-icon"
+                  <svg
+                    fill="currentColor"
+                    viewBox="0 0 20 20"
+                    width="16"
                   >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
+                    <path
+                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                    />
+                  </svg>
+                </span>
+              </button>
               <div
-                class="layoutkit-flexbox emotion-10"
+                class="layoutkit-flexbox emotion-9"
               >
                 <div
                   style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
@@ -25874,7 +24198,7 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
                   <input
                     class="studio-input studio-input-sm"
                     id="index-1"
-                    style="width: 100%; padding-left: 12px;"
+                    style="width: 100%;"
                     type="text"
                     value="授权企业名称"
                   />
@@ -25897,7 +24221,6 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
                           aria-controls="rc_select_TEST_OR_SSR_list"
                           aria-expanded="false"
                           aria-haspopup="listbox"
-                          aria-label="Search"
                           aria-owns="rc_select_TEST_OR_SSR_list"
                           autocomplete="off"
                           class="studio-select-selection-search-input"
@@ -25947,10 +24270,10 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
                 </div>
               </div>
               <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8 studio-sortable-list-item-actions-right emotion-13"
+                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-11 studio-sortable-list-actions-right emotion-12"
               >
                 <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-1"
                   style="height: 22px;"
                   tabindex="-1"
                   type="button"
@@ -25984,49 +24307,47 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
           </div>
         </li>
         <li
-          class="studio-sortable-list-item-wrapper emotion-2"
+          class="studio-sortable-list-item-wrapper emotion-4"
           data-testid="list-item"
           style="--index: 2;"
         >
           <div
-            aria-describedby="DndDescribedBy-14"
+            aria-describedby="DndDescribedBy-9"
             aria-disabled="false"
             aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
+            class="studio-sortable-list-item emotion-5 studio-sortable-list-item-withHandle"
             data-cypress="draggable-item"
-            data-id="3"
+            data-id="authedName"
             data-index="2"
             role="button"
+            style="background-color: rgb(255, 255, 255);"
           >
             <div
-              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
+              class="layoutkit-flexbox emotion-6 studio-sortable-list-item-content emotion-7"
             >
-              <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-8"
+                data-cypress="draggable-handle"
+                style="width: 14px; height: 24px;"
+                tabindex="-1"
+                type="button"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  data-cypress="draggable-handle"
-                  tabindex="-1"
-                  type="button"
+                <span
+                  class="studio-btn-icon"
                 >
-                  <span
-                    class="studio-btn-icon"
+                  <svg
+                    fill="currentColor"
+                    viewBox="0 0 20 20"
+                    width="16"
                   >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
+                    <path
+                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                    />
+                  </svg>
+                </span>
+              </button>
               <div
-                class="layoutkit-flexbox emotion-10"
+                class="layoutkit-flexbox emotion-9"
               >
                 <div
                   style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
@@ -26034,7 +24355,7 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
                   <input
                     class="studio-input studio-input-sm"
                     id="index-2"
-                    style="width: 100%; padding-left: 12px;"
+                    style="width: 100%;"
                     type="text"
                     value="被授权企业"
                   />
@@ -26057,7 +24378,6 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
                           aria-controls="rc_select_TEST_OR_SSR_list"
                           aria-expanded="false"
                           aria-haspopup="listbox"
-                          aria-label="Search"
                           aria-owns="rc_select_TEST_OR_SSR_list"
                           autocomplete="off"
                           class="studio-select-selection-search-input"
@@ -26107,10 +24427,10 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
                 </div>
               </div>
               <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8 studio-sortable-list-item-actions-right emotion-13"
+                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-11 studio-sortable-list-actions-right emotion-12"
               >
                 <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-1"
                   style="height: 22px;"
                   tabindex="-1"
                   type="button"
@@ -26144,46 +24464,9 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
           </div>
         </li>
       </ul>
-      <button
-        class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-sortable-list-btn-add emotion-41"
-        type="button"
-      >
-        <span
-          class="studio-btn-icon"
-        >
-          <span
-            aria-label="plus"
-            class="anticon anticon-plus"
-            role="img"
-          >
-            <svg
-              aria-hidden="true"
-              data-icon="plus"
-              fill="currentColor"
-              focusable="false"
-              height="1em"
-              viewBox="64 64 896 896"
-              width="1em"
-            >
-              <defs>
-                <style />
-              </defs>
-              <path
-                d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-              />
-              <path
-                d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-              />
-            </svg>
-          </span>
-        </span>
-        <span>
-          添加一列
-        </span>
-      </button>
-      <div
-        id="DndDescribedBy-14"
-        style="display: none;"
+      <div
+        id="DndDescribedBy-9"
+        style="display: none;"
       >
         
     To pick up a draggable item, press the space bar.
@@ -26194,7 +24477,7 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
       <div
         aria-atomic="true"
         aria-live="assertive"
-        id="DndLiveRegion-14"
+        id="DndLiveRegion-9"
         role="status"
         style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
       />
@@ -26203,7 +24486,7 @@ exports[`<SortableList /> > renders compact.tsx correctly 1`] = `
 </div>
 `;
 
-exports[`<SortableList /> > renders controlled.tsx correctly 1`] = `
+exports[`<SortableList /> > renders renderContent.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -26212,20 +24495,9 @@ exports[`<SortableList /> > renders controlled.tsx correctly 1`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
-  padding: 24px;
 }
 
 .emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.emotion-2 {
   list-style: none;
   display: grid;
   grid-auto-rows: max-content;
@@ -26239,7 +24511,7 @@ exports[`<SortableList /> > renders controlled.tsx correctly 1`] = `
   transition: background-color 350ms ease;
 }
 
-.emotion-3 {
+.emotion-2 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -26253,11 +24525,11 @@ exports[`<SortableList /> > renders controlled.tsx correctly 1`] = `
   touch-action: manipulation;
 }
 
-.emotion-3:not(:last-child) {
+.emotion-2:not(:last-child) {
   margin-bottom: 2px;
 }
 
-.emotion-4 {
+.emotion-3 {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
@@ -26292,11 +24564,11 @@ exports[`<SortableList /> > renders controlled.tsx correctly 1`] = `
   -webkit-tap-highlight-color: transparent;
 }
 
-.emotion-4:focus-visible {
+.emotion-3:focus-visible {
   box-shadow: 0 0 4px 1px #4c9ffe,0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-4:not(.studio-sortable-list-item-withHandle) {
+.emotion-3:not(.studio-sortable-list-item-withHandle) {
   cursor: -webkit-grab;
   cursor: grab;
   -webkit-user-select: none;
@@ -26307,20 +24579,16 @@ exports[`<SortableList /> > renders controlled.tsx correctly 1`] = `
   touch-action: none;
 }
 
-.emotion-4-dragging:not(.studio-sortable-list-item-dragOverlay) {
+.emotion-3-dragging:not(.studio-sortable-list-item-dragOverlay) {
   z-index: 0;
   opacity: var(--dragging-opacity, 0.5);
 }
 
-.emotion-4-dragging:not(.studio-sortable-list-item-dragOverlay):focus {
+.emotion-3-dragging:not(.studio-sortable-list-item-dragOverlay):focus {
   box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-4:hover .studio-sortable-list-item-actions {
-  opacity: 1;
-}
-
-.emotion-5 {
+.emotion-4 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -26334,43 +24602,22 @@ exports[`<SortableList /> > renders controlled.tsx correctly 1`] = `
   align-items: center;
 }
 
-.emotion-6 {
+.emotion-5 {
   position: relative;
   width: 100%;
-}
-
-.emotion-7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.emotion-8 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.emotion-8 .studio-btn.studio-btn-sm.studio-btn-icon-only {
-  width: 14px;
   height: 24px;
+  border-radius: 2px;
+  min-width: 48px;
 }
 
-.emotion-8 .studio-btn.studio-btn-sm.studio-btn-icon-only>svg {
-  width: 14px;
+.emotion-5:hover .studio-sortable-list-item-actions {
+  opacity: 1;
 }
 
-.emotion-9 {
+.emotion-6 {
   z-index: 10;
   color: hsla(0, 0, 0, 0.45);
   opacity: 0;
-}
-
-.emotion-10 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -26387,204 +24634,369 @@ exports[`<SortableList /> > renders controlled.tsx correctly 1`] = `
   transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-10:hover {
+.emotion-6:hover {
   color: rgba(0, 0, 0, 0.88)!important;
 }
 
-.emotion-10:active {
+.emotion-6:active {
   scale: 0.8;
   color: rgba(0, 0, 0, 0.88);
 }
 
-.emotion-11 {
+.emotion-7 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  width: 100%;
+  gap: 8px;
 }
 
-.emotion-27 {
-  height: 24px;
-  padding-block: 2px;
-  margin-top: 4px;
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
+.emotion-9 {
+  z-index: 10;
+  color: hsla(0, 0, 0, 0.45);
+  opacity: 0;
+}
+
+.emotion-10 {
+  position: absolute;
+  top: 1px;
+  right: 1px;
+  -webkit-align-self: flex-end;
+  -ms-flex-item-align: flex-end;
+  align-self: flex-end;
+  overflow: hidden;
+  border-radius: 1px;
+  -webkit-backdrop-filter: blur(5px);
+  backdrop-filter: blur(5px);
+}
+
+.emotion-11 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
+  transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-27:hover {
+.emotion-11:hover {
   color: rgba(0, 0, 0, 0.88)!important;
-  background: rgba(0, 0, 0, 0.06)!important;
-  border-color: transparent!important;
 }
 
-.emotion-27:focus {
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
-  border-color: #1677ff!important;
+.emotion-11:active {
+  scale: 0.8;
+  color: rgba(0, 0, 0, 0.88);
 }
 
 <div>
   <div
-    class="layoutkit-flexbox emotion-0"
-    style="background: rgb(245, 245, 245);"
+    style="width: 340px; padding: 0px 12px;"
   >
     <div
-      class="layoutkit-flexbox emotion-1 studio-sortable-list"
+      class="layoutkit-flexbox emotion-0 studio-sortable-list"
     >
       <ul
-        class="studio-sortable-list-container emotion-2"
+        class="studio-sortable-list-container emotion-1"
         style="--columns: 1;"
       >
         <li
-          class="studio-sortable-list-item-wrapper emotion-3"
+          class="studio-sortable-list-item-wrapper emotion-2"
           data-testid="list-item"
-          style="--index: 0; transition: transform 0ms linear;"
+          style="--index: 0;"
         >
           <div
-            aria-describedby="DndDescribedBy-13"
+            aria-describedby="DndDescribedBy-8"
             aria-disabled="false"
             aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-4 studio-sortable-list-item-withHandle"
+            class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
             data-cypress="draggable-item"
-            data-id="1"
+            data-id="index"
             data-index="0"
             role="button"
             style="background-color: rgb(255, 255, 255);"
           >
             <div
-              class="layoutkit-flexbox emotion-5 studio-sortable-list-item-content emotion-6"
+              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
             >
-              <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions-left emotion-8 studio-sortable-list-item-actions emotion-9"
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-6"
+                data-cypress="draggable-handle"
+                style="width: 14px; height: 24px;"
+                tabindex="-1"
+                type="button"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
+                <span
+                  class="studio-btn-icon"
                 >
-                  <span
-                    class="studio-btn-icon"
+                  <svg
+                    fill="currentColor"
+                    viewBox="0 0 20 20"
+                    width="16"
                   >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-11"
-                style="padding-left: 4px;"
-              >
-                1
-              </div>
+                    <path
+                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                    />
+                  </svg>
+                </span>
+              </button>
               <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions emotion-9"
+                class="layoutkit-flexbox emotion-7"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
-                  style="height: 22px;"
-                  tabindex="-1"
-                  type="button"
+                <div
+                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
                 >
-                  <span
-                    class="studio-btn-icon"
+                  <input
+                    class="studio-input studio-input-sm"
+                    id="index-0"
+                    style="width: 100%;"
+                    type="text"
+                    value="序号"
+                  />
+                </div>
+                <div
+                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
+                >
+                  <div
+                    class="studio-select studio-select-sm studio-select-single studio-select-show-arrow"
+                    style="width: 100%;"
                   >
-                    <span
-                      aria-label="delete"
-                      class="anticon anticon-delete"
-                      role="img"
+                    <div
+                      class="studio-select-selector"
                     >
-                      <svg
-                        aria-hidden="true"
-                        data-icon="delete"
-                        fill="currentColor"
-                        focusable="false"
-                        height="1em"
-                        viewBox="64 64 896 896"
-                        width="1em"
+                      <span
+                        class="studio-select-selection-search"
                       >
-                        <path
-                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
+                        <input
+                          aria-autocomplete="list"
+                          aria-controls="rc_select_TEST_OR_SSR_list"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-owns="rc_select_TEST_OR_SSR_list"
+                          autocomplete="off"
+                          class="studio-select-selection-search-input"
+                          id="rc_select_TEST_OR_SSR"
+                          readonly=""
+                          role="combobox"
+                          style="opacity: 0;"
+                          type="search"
+                          unselectable="on"
+                          value=""
                         />
-                      </svg>
-                    </span>
-                  </span>
+                      </span>
+                      <span
+                        class="studio-select-selection-item"
+                        title="圆形序号"
+                      >
+                        圆形序号
+                      </span>
+                    </div>
+                    <span
+                      aria-hidden="true"
+                      class="studio-select-arrow"
+                      style="user-select: none;"
+                      unselectable="on"
+                    >
+                      <span
+                        aria-label="down"
+                        class="anticon anticon-down studio-select-suffix"
+                        role="img"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          data-icon="down"
+                          fill="currentColor"
+                          focusable="false"
+                          height="1em"
+                          viewBox="64 64 896 896"
+                          width="1em"
+                        >
+                          <path
+                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                          />
+                        </svg>
+                      </span>
+                    </span>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="layoutkit-flexbox emotion-4 studio-sortable-list-item-actions emotion-9 studio-sortable-list-actions-right emotion-10"
+              >
+                <button
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-11"
+                  style="height: 22px;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <span
+                    class="studio-btn-icon"
+                  >
+                    <span
+                      aria-label="delete"
+                      class="anticon anticon-delete"
+                      role="img"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        data-icon="delete"
+                        fill="currentColor"
+                        focusable="false"
+                        height="1em"
+                        viewBox="64 64 896 896"
+                        width="1em"
+                      >
+                        <path
+                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
+                        />
+                      </svg>
+                    </span>
+                  </span>
                 </button>
               </div>
             </div>
           </div>
         </li>
         <li
-          class="studio-sortable-list-item-wrapper emotion-3"
+          class="studio-sortable-list-item-wrapper emotion-2"
           data-testid="list-item"
-          style="--index: 1; transition: transform 0ms linear;"
+          style="--index: 1;"
         >
           <div
-            aria-describedby="DndDescribedBy-13"
+            aria-describedby="DndDescribedBy-8"
             aria-disabled="false"
             aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-4 studio-sortable-list-item-withHandle"
+            class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
             data-cypress="draggable-item"
-            data-id="2"
+            data-id="authName"
             data-index="1"
             role="button"
             style="background-color: rgb(255, 255, 255);"
           >
             <div
-              class="layoutkit-flexbox emotion-5 studio-sortable-list-item-content emotion-6"
+              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
             >
-              <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions-left emotion-8 studio-sortable-list-item-actions emotion-9"
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-6"
+                data-cypress="draggable-handle"
+                style="width: 14px; height: 24px;"
+                tabindex="-1"
+                type="button"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
+                <span
+                  class="studio-btn-icon"
                 >
-                  <span
-                    class="studio-btn-icon"
+                  <svg
+                    fill="currentColor"
+                    viewBox="0 0 20 20"
+                    width="16"
                   >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
+                    <path
+                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                    />
+                  </svg>
+                </span>
+              </button>
               <div
-                class="layoutkit-flexbox emotion-11"
-                style="padding-left: 4px;"
+                class="layoutkit-flexbox emotion-7"
               >
-                2
+                <div
+                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
+                >
+                  <input
+                    class="studio-input studio-input-sm"
+                    id="index-1"
+                    style="width: 100%;"
+                    type="text"
+                    value="授权企业名称"
+                  />
+                </div>
+                <div
+                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
+                >
+                  <div
+                    class="studio-select studio-select-sm studio-select-single studio-select-show-arrow"
+                    style="width: 100%;"
+                  >
+                    <div
+                      class="studio-select-selector"
+                    >
+                      <span
+                        class="studio-select-selection-search"
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-controls="rc_select_TEST_OR_SSR_list"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-owns="rc_select_TEST_OR_SSR_list"
+                          autocomplete="off"
+                          class="studio-select-selection-search-input"
+                          id="rc_select_TEST_OR_SSR"
+                          readonly=""
+                          role="combobox"
+                          style="opacity: 0;"
+                          type="search"
+                          unselectable="on"
+                          value=""
+                        />
+                      </span>
+                      <span
+                        class="studio-select-selection-item"
+                        title="文本"
+                      >
+                        文本
+                      </span>
+                    </div>
+                    <span
+                      aria-hidden="true"
+                      class="studio-select-arrow"
+                      style="user-select: none;"
+                      unselectable="on"
+                    >
+                      <span
+                        aria-label="down"
+                        class="anticon anticon-down studio-select-suffix"
+                        role="img"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          data-icon="down"
+                          fill="currentColor"
+                          focusable="false"
+                          height="1em"
+                          viewBox="64 64 896 896"
+                          width="1em"
+                        >
+                          <path
+                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                          />
+                        </svg>
+                      </span>
+                    </span>
+                  </div>
+                </div>
               </div>
               <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions emotion-9"
+                class="layoutkit-flexbox emotion-4 studio-sortable-list-item-actions emotion-9 studio-sortable-list-actions-right emotion-10"
               >
                 <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-11"
                   style="height: 22px;"
                   tabindex="-1"
                   type="button"
@@ -26617,67 +25029,187 @@ exports[`<SortableList /> > renders controlled.tsx correctly 1`] = `
             </div>
           </div>
         </li>
-      </ul>
-      <button
-        class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-sortable-list-btn-add emotion-27"
-        type="button"
-      >
-        <span
-          class="studio-btn-icon"
+        <li
+          class="studio-sortable-list-item-wrapper emotion-2"
+          data-testid="list-item"
+          style="--index: 2;"
         >
-          <span
-            aria-label="plus"
-            class="anticon anticon-plus"
-            role="img"
+          <div
+            aria-describedby="DndDescribedBy-8"
+            aria-disabled="false"
+            aria-roledescription="sortable"
+            class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
+            data-cypress="draggable-item"
+            data-id="authedName"
+            data-index="2"
+            role="button"
+            style="background-color: rgb(255, 255, 255);"
           >
-            <svg
-              aria-hidden="true"
-              data-icon="plus"
-              fill="currentColor"
-              focusable="false"
-              height="1em"
-              viewBox="64 64 896 896"
-              width="1em"
+            <div
+              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
             >
-              <defs>
-                <style />
-              </defs>
-              <path
-                d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-              />
-              <path
-                d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-              />
-            </svg>
-          </span>
-        </span>
-        <span>
-          添加一列
-        </span>
-      </button>
-      <div
-        id="DndDescribedBy-13"
-        style="display: none;"
-      >
-        
-    To pick up a draggable item, press the space bar.
-    While dragging, use the arrow keys to move the item.
-    Press space again to drop the item in its new position, or press escape to cancel.
-  
-      </div>
-      <div
-        aria-atomic="true"
-        aria-live="assertive"
-        id="DndLiveRegion-13"
-        role="status"
-        style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
-      />
-    </div>
-  </div>
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-6"
+                data-cypress="draggable-handle"
+                style="width: 14px; height: 24px;"
+                tabindex="-1"
+                type="button"
+              >
+                <span
+                  class="studio-btn-icon"
+                >
+                  <svg
+                    fill="currentColor"
+                    viewBox="0 0 20 20"
+                    width="16"
+                  >
+                    <path
+                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                    />
+                  </svg>
+                </span>
+              </button>
+              <div
+                class="layoutkit-flexbox emotion-7"
+              >
+                <div
+                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
+                >
+                  <input
+                    class="studio-input studio-input-sm"
+                    id="index-2"
+                    style="width: 100%;"
+                    type="text"
+                    value="被授权企业"
+                  />
+                </div>
+                <div
+                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
+                >
+                  <div
+                    class="studio-select studio-select-sm studio-select-single studio-select-show-arrow"
+                    style="width: 100%;"
+                  >
+                    <div
+                      class="studio-select-selector"
+                    >
+                      <span
+                        class="studio-select-selection-search"
+                      >
+                        <input
+                          aria-autocomplete="list"
+                          aria-controls="rc_select_TEST_OR_SSR_list"
+                          aria-expanded="false"
+                          aria-haspopup="listbox"
+                          aria-owns="rc_select_TEST_OR_SSR_list"
+                          autocomplete="off"
+                          class="studio-select-selection-search-input"
+                          id="rc_select_TEST_OR_SSR"
+                          readonly=""
+                          role="combobox"
+                          style="opacity: 0;"
+                          type="search"
+                          unselectable="on"
+                          value=""
+                        />
+                      </span>
+                      <span
+                        class="studio-select-selection-item"
+                        title="下拉框"
+                      >
+                        下拉框
+                      </span>
+                    </div>
+                    <span
+                      aria-hidden="true"
+                      class="studio-select-arrow"
+                      style="user-select: none;"
+                      unselectable="on"
+                    >
+                      <span
+                        aria-label="down"
+                        class="anticon anticon-down studio-select-suffix"
+                        role="img"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          data-icon="down"
+                          fill="currentColor"
+                          focusable="false"
+                          height="1em"
+                          viewBox="64 64 896 896"
+                          width="1em"
+                        >
+                          <path
+                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
+                          />
+                        </svg>
+                      </span>
+                    </span>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="layoutkit-flexbox emotion-4 studio-sortable-list-item-actions emotion-9 studio-sortable-list-actions-right emotion-10"
+              >
+                <button
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-11"
+                  style="height: 22px;"
+                  tabindex="-1"
+                  type="button"
+                >
+                  <span
+                    class="studio-btn-icon"
+                  >
+                    <span
+                      aria-label="delete"
+                      class="anticon anticon-delete"
+                      role="img"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        data-icon="delete"
+                        fill="currentColor"
+                        focusable="false"
+                        height="1em"
+                        viewBox="64 64 896 896"
+                        width="1em"
+                      >
+                        <path
+                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
+                        />
+                      </svg>
+                    </span>
+                  </span>
+                </button>
+              </div>
+            </div>
+          </div>
+        </li>
+      </ul>
+      <div
+        id="DndDescribedBy-8"
+        style="display: none;"
+      >
+        
+    To pick up a draggable item, press the space bar.
+    While dragging, use the arrow keys to move the item.
+    Press space again to drop the item in its new position, or press escape to cancel.
+  
+      </div>
+      <div
+        aria-atomic="true"
+        aria-live="assertive"
+        id="DndLiveRegion-8"
+        role="status"
+        style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
+      />
+    </div>
+  </div>
 </div>
 `;
 
-exports[`<SortableList /> > renders custom.tsx correctly 1`] = `
+exports[`<SortableList /> > renders renderItem.tsx correctly 1`] = `
 .emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
@@ -26686,9 +25218,32 @@ exports[`<SortableList /> > renders custom.tsx correctly 1`] = `
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
+  padding: 24px;
+  gap: 24px;
 }
 
 .emotion-1 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  gap: 8px;
+}
+
+.emotion-2 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.emotion-3 {
   list-style: none;
   display: grid;
   grid-auto-rows: max-content;
@@ -26702,7 +25257,7 @@ exports[`<SortableList /> > renders custom.tsx correctly 1`] = `
   transition: background-color 350ms ease;
 }
 
-.emotion-2 {
+.emotion-4 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -26716,11 +25271,11 @@ exports[`<SortableList /> > renders custom.tsx correctly 1`] = `
   touch-action: manipulation;
 }
 
-.emotion-2:not(:last-child) {
+.emotion-4:not(:last-child) {
   margin-bottom: 2px;
 }
 
-.emotion-3 {
+.emotion-5 {
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
@@ -26755,11 +25310,11 @@ exports[`<SortableList /> > renders custom.tsx correctly 1`] = `
   -webkit-tap-highlight-color: transparent;
 }
 
-.emotion-3:focus-visible {
+.emotion-5:focus-visible {
   box-shadow: 0 0 4px 1px #4c9ffe,0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-3:not(.studio-sortable-list-item-withHandle) {
+.emotion-5:not(.studio-sortable-list-item-withHandle) {
   cursor: -webkit-grab;
   cursor: grab;
   -webkit-user-select: none;
@@ -26770,20 +25325,16 @@ exports[`<SortableList /> > renders custom.tsx correctly 1`] = `
   touch-action: none;
 }
 
-.emotion-3-dragging:not(.studio-sortable-list-item-dragOverlay) {
+.emotion-5-dragging:not(.studio-sortable-list-item-dragOverlay) {
   z-index: 0;
   opacity: var(--dragging-opacity, 0.5);
 }
 
-.emotion-3-dragging:not(.studio-sortable-list-item-dragOverlay):focus {
+.emotion-5-dragging:not(.studio-sortable-list-item-dragOverlay):focus {
   box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-3:hover .studio-sortable-list-item-actions {
-  opacity: 1;
-}
-
-.emotion-4 {
+.emotion-6 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -26791,18 +25342,14 @@ exports[`<SortableList /> > renders custom.tsx correctly 1`] = `
   -webkit-flex-direction: row;
   -ms-flex-direction: row;
   flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.emotion-5 {
-  position: relative;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
   width: 100%;
+  gap: 12px;
 }
 
-.emotion-6 {
+.emotion-8 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -26812,258 +25359,119 @@ exports[`<SortableList /> > renders custom.tsx correctly 1`] = `
   flex-direction: row;
 }
 
-.emotion-7 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.emotion-7 .studio-btn.studio-btn-sm.studio-btn-icon-only {
-  width: 14px;
-  height: 24px;
-}
-
-.emotion-7 .studio-btn.studio-btn-sm.studio-btn-icon-only>svg {
-  width: 14px;
-}
-
-.emotion-8 {
-  z-index: 10;
-  color: hsla(0, 0, 0, 0.45);
-  opacity: 0;
-}
-
-.emotion-9 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
-  transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
-}
-
-.emotion-9:hover {
-  color: rgba(0, 0, 0, 0.88)!important;
-}
-
-.emotion-9:active {
-  scale: 0.8;
-  color: rgba(0, 0, 0, 0.88);
-}
-
-.emotion-10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-  gap: 8px;
-}
-
-.emotion-38 {
-  height: 24px;
-  padding-block: 2px;
-  margin-top: 4px;
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
-}
-
-.emotion-38:hover {
-  color: rgba(0, 0, 0, 0.88)!important;
-  background: rgba(0, 0, 0, 0.06)!important;
-  border-color: transparent!important;
-}
-
-.emotion-38:focus {
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
-  border-color: #1677ff!important;
-}
-
 <div>
   <div
-    style="width: 340px; padding: 0px 12px;"
+    class="layoutkit-flexbox emotion-0"
+    style="background: rgb(245, 245, 245);"
   >
     <div
-      class="layoutkit-flexbox emotion-0 studio-sortable-list"
+      class="layoutkit-flexbox emotion-1"
+    >
+      <button
+        class="studio-btn studio-btn-default"
+        type="button"
+      >
+        <span>
+          头部添加一项
+        </span>
+      </button>
+      <button
+        class="studio-btn studio-btn-default"
+        type="button"
+      >
+        <span>
+          尾部添加一项
+        </span>
+      </button>
+    </div>
+    <div
+      class="layoutkit-flexbox emotion-2 studio-sortable-list"
     >
       <ul
-        class="studio-sortable-list-container emotion-1"
+        class="studio-sortable-list-container emotion-3"
         style="--columns: 1;"
       >
         <li
-          class="studio-sortable-list-item-wrapper emotion-2"
+          class="studio-sortable-list-item-wrapper emotion-4"
           data-testid="list-item"
           style="--index: 0;"
         >
           <div
-            aria-describedby="DndDescribedBy-12"
+            aria-describedby="DndDescribedBy-7"
             aria-disabled="false"
             aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
+            class="studio-sortable-list-item emotion-5 studio-sortable-list-item-withHandle"
             data-cypress="draggable-item"
             data-id="1"
             data-index="0"
             role="button"
-            style="background-color: rgb(255, 255, 255);"
+            style="padding: 16px; background-color: rgb(255, 255, 255);"
           >
             <div
-              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
+              class="layoutkit-flexbox emotion-6"
             >
               <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
+                class="layoutkit-flexbox emotion-1"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
-                >
+                <div>
                   <span
-                    class="studio-btn-icon"
-                  >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-10"
-              >
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <input
-                    class="studio-input studio-input-sm"
-                    id="index-0"
-                    style="width: 100%;"
-                    type="text"
-                    value="序号"
-                  />
-                </div>
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <div
-                    class="studio-select studio-select-sm studio-select-single studio-select-show-arrow"
-                    style="width: 100%;"
+                    class="studio-badge studio-badge-not-a-wrapper"
                   >
-                    <div
-                      class="studio-select-selector"
-                    >
-                      <span
-                        class="studio-select-selection-search"
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="rc_select_TEST_OR_SSR_list"
-                          aria-expanded="false"
-                          aria-haspopup="listbox"
-                          aria-label="Search"
-                          aria-owns="rc_select_TEST_OR_SSR_list"
-                          autocomplete="off"
-                          class="studio-select-selection-search-input"
-                          id="rc_select_TEST_OR_SSR"
-                          readonly=""
-                          role="combobox"
-                          style="opacity: 0;"
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                      </span>
-                      <span
-                        class="studio-select-selection-item"
-                        title="圆形序号"
-                      >
-                        圆形序号
-                      </span>
-                    </div>
-                    <span
-                      aria-hidden="true"
-                      class="studio-select-arrow"
-                      style="user-select: none;"
-                      unselectable="on"
+                    <sup
+                      class="studio-scroll-number studio-badge-count"
+                      data-show="true"
+                      title="1"
                     >
                       <span
-                        aria-label="down"
-                        class="anticon anticon-down studio-select-suffix"
-                        role="img"
+                        class="studio-scroll-number-only"
+                        style="transition: none;"
                       >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="down"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
+                        <span
+                          class="studio-scroll-number-only-unit current"
                         >
-                          <path
-                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                          />
-                        </svg>
+                          1
+                        </span>
                       </span>
-                    </span>
-                  </div>
+                    </sup>
+                  </span>
+                </div>
+                <div>
+                  关关雎鸠
                 </div>
               </div>
               <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8"
+                class="layoutkit-flexbox emotion-8"
               >
                 <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  style="height: 22px;"
-                  tabindex="-1"
+                  class="studio-btn studio-btn-text studio-btn-sm"
                   type="button"
                 >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <span
-                      aria-label="delete"
-                      class="anticon anticon-delete"
-                      role="img"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        data-icon="delete"
-                        fill="currentColor"
-                        focusable="false"
-                        height="1em"
-                        viewBox="64 64 896 896"
-                        width="1em"
-                      >
-                        <path
-                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
-                        />
-                      </svg>
-                    </span>
+                  <span>
+                    上方
+                  </span>
+                </button>
+                <button
+                  class="studio-btn studio-btn-text studio-btn-sm"
+                  type="button"
+                >
+                  <span>
+                    下方
+                  </span>
+                </button>
+                <button
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-dangerous"
+                  type="button"
+                >
+                  <span>
+                    删除
+                  </span>
+                </button>
+                <button
+                  class="studio-btn studio-btn-text studio-btn-sm"
+                  type="button"
+                >
+                  <span>
+                    拖拽
                   </span>
                 </button>
               </div>
@@ -27071,3475 +25479,86 @@ exports[`<SortableList /> > renders custom.tsx correctly 1`] = `
           </div>
         </li>
         <li
-          class="studio-sortable-list-item-wrapper emotion-2"
+          class="studio-sortable-list-item-wrapper emotion-4"
           data-testid="list-item"
           style="--index: 1;"
         >
           <div
-            aria-describedby="DndDescribedBy-12"
+            aria-describedby="DndDescribedBy-7"
             aria-disabled="false"
             aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
+            class="studio-sortable-list-item emotion-5 studio-sortable-list-item-withHandle"
             data-cypress="draggable-item"
             data-id="2"
             data-index="1"
             role="button"
-            style="background-color: rgb(255, 255, 255);"
+            style="padding: 16px; background-color: rgb(255, 255, 255);"
           >
             <div
-              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
+              class="layoutkit-flexbox emotion-6"
             >
               <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
+                class="layoutkit-flexbox emotion-1"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
-                >
+                <div>
                   <span
-                    class="studio-btn-icon"
+                    class="studio-badge studio-badge-not-a-wrapper"
                   >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
+                    <sup
+                      class="studio-scroll-number studio-badge-count"
+                      data-show="true"
+                      title="2"
                     >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
+                      <span
+                        class="studio-scroll-number-only"
+                        style="transition: none;"
+                      >
+                        <span
+                          class="studio-scroll-number-only-unit current"
+                        >
+                          2
+                        </span>
+                      </span>
+                    </sup>
                   </span>
-                </button>
+                </div>
+                <div>
+                  在河之洲
+                </div>
               </div>
               <div
-                class="layoutkit-flexbox emotion-10"
+                class="layoutkit-flexbox emotion-8"
               >
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
+                <button
+                  class="studio-btn studio-btn-text studio-btn-sm"
+                  type="button"
                 >
-                  <input
-                    class="studio-input studio-input-sm"
-                    id="index-1"
-                    style="width: 100%;"
-                    type="text"
-                    value="授权企业名称"
-                  />
-                </div>
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
+                  <span>
+                    上方
+                  </span>
+                </button>
+                <button
+                  class="studio-btn studio-btn-text studio-btn-sm"
+                  type="button"
                 >
-                  <div
-                    class="studio-select studio-select-sm studio-select-single studio-select-show-arrow"
-                    style="width: 100%;"
-                  >
-                    <div
-                      class="studio-select-selector"
-                    >
-                      <span
-                        class="studio-select-selection-search"
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="rc_select_TEST_OR_SSR_list"
-                          aria-expanded="false"
-                          aria-haspopup="listbox"
-                          aria-label="Search"
-                          aria-owns="rc_select_TEST_OR_SSR_list"
-                          autocomplete="off"
-                          class="studio-select-selection-search-input"
-                          id="rc_select_TEST_OR_SSR"
-                          readonly=""
-                          role="combobox"
-                          style="opacity: 0;"
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                      </span>
-                      <span
-                        class="studio-select-selection-item"
-                        title="文本"
-                      >
-                        文本
-                      </span>
-                    </div>
-                    <span
-                      aria-hidden="true"
-                      class="studio-select-arrow"
-                      style="user-select: none;"
-                      unselectable="on"
-                    >
-                      <span
-                        aria-label="down"
-                        class="anticon anticon-down studio-select-suffix"
-                        role="img"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="down"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                          />
-                        </svg>
-                      </span>
-                    </span>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  style="height: 22px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <span
-                      aria-label="delete"
-                      class="anticon anticon-delete"
-                      role="img"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        data-icon="delete"
-                        fill="currentColor"
-                        focusable="false"
-                        height="1em"
-                        viewBox="64 64 896 896"
-                        width="1em"
-                      >
-                        <path
-                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
-                        />
-                      </svg>
-                    </span>
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li
-          class="studio-sortable-list-item-wrapper emotion-2"
-          data-testid="list-item"
-          style="--index: 2;"
-        >
-          <div
-            aria-describedby="DndDescribedBy-12"
-            aria-disabled="false"
-            aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
-            data-cypress="draggable-item"
-            data-id="3"
-            data-index="2"
-            role="button"
-            style="background-color: rgb(255, 255, 255);"
-          >
-            <div
-              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
-            >
-              <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-10"
-              >
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <input
-                    class="studio-input studio-input-sm"
-                    id="index-2"
-                    style="width: 100%;"
-                    type="text"
-                    value="被授权企业"
-                  />
-                </div>
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <div
-                    class="studio-select studio-select-sm studio-select-single studio-select-show-arrow"
-                    style="width: 100%;"
-                  >
-                    <div
-                      class="studio-select-selector"
-                    >
-                      <span
-                        class="studio-select-selection-search"
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="rc_select_TEST_OR_SSR_list"
-                          aria-expanded="false"
-                          aria-haspopup="listbox"
-                          aria-label="Search"
-                          aria-owns="rc_select_TEST_OR_SSR_list"
-                          autocomplete="off"
-                          class="studio-select-selection-search-input"
-                          id="rc_select_TEST_OR_SSR"
-                          readonly=""
-                          role="combobox"
-                          style="opacity: 0;"
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                      </span>
-                      <span
-                        class="studio-select-selection-item"
-                        title="下拉框"
-                      >
-                        下拉框
-                      </span>
-                    </div>
-                    <span
-                      aria-hidden="true"
-                      class="studio-select-arrow"
-                      style="user-select: none;"
-                      unselectable="on"
-                    >
-                      <span
-                        aria-label="down"
-                        class="anticon anticon-down studio-select-suffix"
-                        role="img"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="down"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                          />
-                        </svg>
-                      </span>
-                    </span>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  style="height: 22px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <span
-                      aria-label="delete"
-                      class="anticon anticon-delete"
-                      role="img"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        data-icon="delete"
-                        fill="currentColor"
-                        focusable="false"
-                        height="1em"
-                        viewBox="64 64 896 896"
-                        width="1em"
-                      >
-                        <path
-                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
-                        />
-                      </svg>
-                    </span>
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </li>
-      </ul>
-      <button
-        class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-sortable-list-btn-add emotion-38"
-        type="button"
-      >
-        <span
-          class="studio-btn-icon"
-        >
-          <span
-            aria-label="plus"
-            class="anticon anticon-plus"
-            role="img"
-          >
-            <svg
-              aria-hidden="true"
-              data-icon="plus"
-              fill="currentColor"
-              focusable="false"
-              height="1em"
-              viewBox="64 64 896 896"
-              width="1em"
-            >
-              <defs>
-                <style />
-              </defs>
-              <path
-                d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-              />
-              <path
-                d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-              />
-            </svg>
-          </span>
-        </span>
-        <span>
-          自定义添加
-        </span>
-      </button>
-      <div
-        id="DndDescribedBy-12"
-        style="display: none;"
-      >
-        
-    To pick up a draggable item, press the space bar.
-    While dragging, use the arrow keys to move the item.
-    Press space again to drop the item in its new position, or press escape to cancel.
-  
-      </div>
-      <div
-        aria-atomic="true"
-        aria-live="assertive"
-        id="DndLiveRegion-12"
-        role="status"
-        style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<SortableList /> > renders empty.tsx correctly 1`] = `
-.emotion-0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding: 24px;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.emotion-2 {
-  height: 24px;
-  padding-block: 2px;
-  margin-top: 4px;
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
-}
-
-.emotion-2:hover {
-  color: rgba(0, 0, 0, 0.88)!important;
-  background: rgba(0, 0, 0, 0.06)!important;
-  border-color: transparent!important;
-}
-
-.emotion-2:focus {
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
-  border-color: #1677ff!important;
-}
-
-<div>
-  <div
-    class="layoutkit-flexbox emotion-0"
-    style="background: rgb(245, 245, 245);"
-  >
-    <div
-      class="layoutkit-flexbox emotion-1 studio-sortable-list"
-    >
-      <div
-        class="studio-empty studio-empty-normal"
-      >
-        <div
-          class="studio-empty-image"
-        >
-          <svg
-            height="41"
-            viewBox="0 0 64 41"
-            width="64"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <g
-              fill="none"
-              fill-rule="evenodd"
-              transform="translate(0 1)"
-            >
-              <ellipse
-                cx="32"
-                cy="33"
-                fill="#f5f5f5"
-                rx="32"
-                ry="7"
-              />
-              <g
-                fill-rule="nonzero"
-                stroke="#d9d9d9"
-              >
-                <path
-                  d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                />
-                <path
-                  d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                  fill="#fafafa"
-                />
-              </g>
-            </g>
-          </svg>
-        </div>
-        <div
-          class="studio-empty-description"
-        >
-          No data
-        </div>
-        <div
-          class="studio-empty-footer"
-        >
-          <button
-            class="studio-btn studio-btn-default studio-btn-sm studio-sortable-list-btn-add emotion-2"
-            type="button"
-          >
-            <span
-              class="studio-btn-icon"
-            >
-              <span
-                aria-label="plus"
-                class="anticon anticon-plus"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="plus"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <defs>
-                    <style />
-                  </defs>
-                  <path
-                    d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-                  />
-                  <path
-                    d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span>
-              添加一列
-            </span>
-          </button>
-        </div>
-      </div>
-      <div
-        id="DndDescribedBy-11"
-        style="display: none;"
-      >
-        
-    To pick up a draggable item, press the space bar.
-    While dragging, use the arrow keys to move the item.
-    Press space again to drop the item in its new position, or press escape to cancel.
-  
-      </div>
-      <div
-        aria-atomic="true"
-        aria-live="assertive"
-        id="DndLiveRegion-11"
-        role="status"
-        style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<SortableList /> > renders header.tsx correctly 1`] = `
-.emotion-0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  gap: 8px;
-}
-
-.emotion-2 {
-  list-style: none;
-  display: grid;
-  grid-auto-rows: max-content;
-  grid-gap: 2px;
-  grid-template-columns: repeat(var(--columns, 1), 1fr);
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  border-radius: 4px;
-  -webkit-transition: background-color 350ms ease;
-  transition: background-color 350ms ease;
-}
-
-.emotion-3 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  box-sizing: border-box;
-  -webkit-transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
-  -moz-transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
-  -ms-transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
-  transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
-  transform-origin: 0 0;
-  touch-action: manipulation;
-}
-
-.emotion-3:not(:last-child) {
-  margin-bottom: 2px;
-}
-
-.emotion-4 {
-  position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex: 1;
-  -webkit-flex-grow: 1;
-  -ms-flex-positive: 1;
-  flex-grow: 1;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  justify-content: space-between;
-  box-sizing: border-box;
-  padding: 1px 0;
-  color: rgba(0, 0, 0, 0.65);
-  font-size: 12px;
-  white-space: nowrap;
-  list-style: none;
-  border-radius: 4px;
-  outline: none;
-  -webkit-transform: scale(var(--scale, 1));
-  -moz-transform: scale(var(--scale, 1));
-  -ms-transform: scale(var(--scale, 1));
-  transform: scale(var(--scale, 1));
-  transform-origin: 50% 50%;
-  -webkit-transition: box-shadow 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
-  transition: box-shadow 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
-  -webkit-tap-highlight-color: transparent;
-}
-
-.emotion-4:focus-visible {
-  box-shadow: 0 0 4px 1px #4c9ffe,0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
-}
-
-.emotion-4:not(.studio-sortable-list-item-withHandle) {
-  cursor: -webkit-grab;
-  cursor: grab;
-  -webkit-user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  touch-action: none;
-}
-
-.emotion-4-dragging:not(.studio-sortable-list-item-dragOverlay) {
-  z-index: 0;
-  opacity: var(--dragging-opacity, 0.5);
-}
-
-.emotion-4-dragging:not(.studio-sortable-list-item-dragOverlay):focus {
-  box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
-}
-
-.emotion-4:hover .studio-sortable-list-item-actions {
-  opacity: 1;
-}
-
-.emotion-5 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.emotion-6 {
-  position: relative;
-  width: 100%;
-}
-
-.emotion-7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.emotion-8 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.emotion-8 .studio-btn.studio-btn-sm.studio-btn-icon-only {
-  width: 14px;
-  height: 24px;
-}
-
-.emotion-8 .studio-btn.studio-btn-sm.studio-btn-icon-only>svg {
-  width: 14px;
-}
-
-.emotion-9 {
-  z-index: 10;
-  color: hsla(0, 0, 0, 0.45);
-  opacity: 0;
-}
-
-.emotion-10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
-  transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
-}
-
-.emotion-10:hover {
-  color: rgba(0, 0, 0, 0.88)!important;
-}
-
-.emotion-10:active {
-  scale: 0.8;
-  color: rgba(0, 0, 0, 0.88);
-}
-
-.emotion-11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-  gap: 8px;
-}
-
-.emotion-39 {
-  height: 24px;
-  padding-block: 2px;
-  margin-top: 4px;
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
-}
-
-.emotion-39:hover {
-  color: rgba(0, 0, 0, 0.88)!important;
-  background: rgba(0, 0, 0, 0.06)!important;
-  border-color: transparent!important;
-}
-
-.emotion-39:focus {
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
-  border-color: #1677ff!important;
-}
-
-<div>
-  <div
-    style="width: 340px; padding: 0px 12px;"
-  >
-    <div
-      class="layoutkit-flexbox emotion-0 studio-sortable-list"
-    >
-      <div
-        class="layoutkit-flexbox emotion-1"
-        style="padding-right: 22px;"
-      >
-        <div
-          style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px; color: rgba(0, 0, 0, 0.45);"
-        >
-          列标题
-        </div>
-        <div
-          style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px; color: rgba(0, 0, 0, 0.45);"
-        >
-          值类型
-        </div>
-      </div>
-      <ul
-        class="studio-sortable-list-container emotion-2"
-        style="--columns: 1;"
-      >
-        <li
-          class="studio-sortable-list-item-wrapper emotion-3"
-          data-testid="list-item"
-          style="--index: 0;"
-        >
-          <div
-            aria-describedby="DndDescribedBy-10"
-            aria-disabled="false"
-            aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-4 studio-sortable-list-item-withHandle"
-            data-cypress="draggable-item"
-            data-id="1"
-            data-index="0"
-            role="button"
-            style="background-color: rgb(255, 255, 255);"
-          >
-            <div
-              class="layoutkit-flexbox emotion-5 studio-sortable-list-item-content emotion-6"
-            >
-              <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions-left emotion-8 studio-sortable-list-item-actions emotion-9"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-11"
-              >
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <input
-                    class="studio-input studio-input-sm"
-                    id="index-0"
-                    style="width: 100%;"
-                    type="text"
-                    value="序号"
-                  />
-                </div>
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <div
-                    class="studio-select studio-select-sm studio-select-single studio-select-show-arrow"
-                    style="width: 100%;"
-                  >
-                    <div
-                      class="studio-select-selector"
-                    >
-                      <span
-                        class="studio-select-selection-search"
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="rc_select_TEST_OR_SSR_list"
-                          aria-expanded="false"
-                          aria-haspopup="listbox"
-                          aria-label="Search"
-                          aria-owns="rc_select_TEST_OR_SSR_list"
-                          autocomplete="off"
-                          class="studio-select-selection-search-input"
-                          id="rc_select_TEST_OR_SSR"
-                          readonly=""
-                          role="combobox"
-                          style="opacity: 0;"
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                      </span>
-                      <span
-                        class="studio-select-selection-item"
-                        title="圆形序号"
-                      >
-                        圆形序号
-                      </span>
-                    </div>
-                    <span
-                      aria-hidden="true"
-                      class="studio-select-arrow"
-                      style="user-select: none;"
-                      unselectable="on"
-                    >
-                      <span
-                        aria-label="down"
-                        class="anticon anticon-down studio-select-suffix"
-                        role="img"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="down"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                          />
-                        </svg>
-                      </span>
-                    </span>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions emotion-9"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
-                  style="height: 22px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <span
-                      aria-label="delete"
-                      class="anticon anticon-delete"
-                      role="img"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        data-icon="delete"
-                        fill="currentColor"
-                        focusable="false"
-                        height="1em"
-                        viewBox="64 64 896 896"
-                        width="1em"
-                      >
-                        <path
-                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
-                        />
-                      </svg>
-                    </span>
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li
-          class="studio-sortable-list-item-wrapper emotion-3"
-          data-testid="list-item"
-          style="--index: 1;"
-        >
-          <div
-            aria-describedby="DndDescribedBy-10"
-            aria-disabled="false"
-            aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-4 studio-sortable-list-item-withHandle"
-            data-cypress="draggable-item"
-            data-id="2"
-            data-index="1"
-            role="button"
-            style="background-color: rgb(255, 255, 255);"
-          >
-            <div
-              class="layoutkit-flexbox emotion-5 studio-sortable-list-item-content emotion-6"
-            >
-              <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions-left emotion-8 studio-sortable-list-item-actions emotion-9"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-11"
-              >
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <input
-                    class="studio-input studio-input-sm"
-                    id="index-1"
-                    style="width: 100%;"
-                    type="text"
-                    value="授权企业名称"
-                  />
-                </div>
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <div
-                    class="studio-select studio-select-sm studio-select-single studio-select-show-arrow"
-                    style="width: 100%;"
-                  >
-                    <div
-                      class="studio-select-selector"
-                    >
-                      <span
-                        class="studio-select-selection-search"
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="rc_select_TEST_OR_SSR_list"
-                          aria-expanded="false"
-                          aria-haspopup="listbox"
-                          aria-label="Search"
-                          aria-owns="rc_select_TEST_OR_SSR_list"
-                          autocomplete="off"
-                          class="studio-select-selection-search-input"
-                          id="rc_select_TEST_OR_SSR"
-                          readonly=""
-                          role="combobox"
-                          style="opacity: 0;"
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                      </span>
-                      <span
-                        class="studio-select-selection-item"
-                        title="文本"
-                      >
-                        文本
-                      </span>
-                    </div>
-                    <span
-                      aria-hidden="true"
-                      class="studio-select-arrow"
-                      style="user-select: none;"
-                      unselectable="on"
-                    >
-                      <span
-                        aria-label="down"
-                        class="anticon anticon-down studio-select-suffix"
-                        role="img"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="down"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                          />
-                        </svg>
-                      </span>
-                    </span>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions emotion-9"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
-                  style="height: 22px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <span
-                      aria-label="delete"
-                      class="anticon anticon-delete"
-                      role="img"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        data-icon="delete"
-                        fill="currentColor"
-                        focusable="false"
-                        height="1em"
-                        viewBox="64 64 896 896"
-                        width="1em"
-                      >
-                        <path
-                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
-                        />
-                      </svg>
-                    </span>
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li
-          class="studio-sortable-list-item-wrapper emotion-3"
-          data-testid="list-item"
-          style="--index: 2;"
-        >
-          <div
-            aria-describedby="DndDescribedBy-10"
-            aria-disabled="false"
-            aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-4 studio-sortable-list-item-withHandle"
-            data-cypress="draggable-item"
-            data-id="3"
-            data-index="2"
-            role="button"
-            style="background-color: rgb(255, 255, 255);"
-          >
-            <div
-              class="layoutkit-flexbox emotion-5 studio-sortable-list-item-content emotion-6"
-            >
-              <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions-left emotion-8 studio-sortable-list-item-actions emotion-9"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-11"
-              >
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <input
-                    class="studio-input studio-input-sm"
-                    id="index-2"
-                    style="width: 100%;"
-                    type="text"
-                    value="被授权企业"
-                  />
-                </div>
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <div
-                    class="studio-select studio-select-sm studio-select-single studio-select-show-arrow"
-                    style="width: 100%;"
-                  >
-                    <div
-                      class="studio-select-selector"
-                    >
-                      <span
-                        class="studio-select-selection-search"
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="rc_select_TEST_OR_SSR_list"
-                          aria-expanded="false"
-                          aria-haspopup="listbox"
-                          aria-label="Search"
-                          aria-owns="rc_select_TEST_OR_SSR_list"
-                          autocomplete="off"
-                          class="studio-select-selection-search-input"
-                          id="rc_select_TEST_OR_SSR"
-                          readonly=""
-                          role="combobox"
-                          style="opacity: 0;"
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                      </span>
-                      <span
-                        class="studio-select-selection-item"
-                        title="下拉框"
-                      >
-                        下拉框
-                      </span>
-                    </div>
-                    <span
-                      aria-hidden="true"
-                      class="studio-select-arrow"
-                      style="user-select: none;"
-                      unselectable="on"
-                    >
-                      <span
-                        aria-label="down"
-                        class="anticon anticon-down studio-select-suffix"
-                        role="img"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="down"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                          />
-                        </svg>
-                      </span>
-                    </span>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions emotion-9"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
-                  style="height: 22px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <span
-                      aria-label="delete"
-                      class="anticon anticon-delete"
-                      role="img"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        data-icon="delete"
-                        fill="currentColor"
-                        focusable="false"
-                        height="1em"
-                        viewBox="64 64 896 896"
-                        width="1em"
-                      >
-                        <path
-                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
-                        />
-                      </svg>
-                    </span>
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </li>
-      </ul>
-      <button
-        class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-sortable-list-btn-add emotion-39"
-        type="button"
-      >
-        <span
-          class="studio-btn-icon"
-        >
-          <span
-            aria-label="plus"
-            class="anticon anticon-plus"
-            role="img"
-          >
-            <svg
-              aria-hidden="true"
-              data-icon="plus"
-              fill="currentColor"
-              focusable="false"
-              height="1em"
-              viewBox="64 64 896 896"
-              width="1em"
-            >
-              <defs>
-                <style />
-              </defs>
-              <path
-                d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-              />
-              <path
-                d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-              />
-            </svg>
-          </span>
-        </span>
-        <span>
-          添加一列
-        </span>
-      </button>
-      <div
-        id="DndDescribedBy-10"
-        style="display: none;"
-      >
-        
-    To pick up a draggable item, press the space bar.
-    While dragging, use the arrow keys to move the item.
-    Press space again to drop the item in its new position, or press escape to cancel.
-  
-      </div>
-      <div
-        aria-atomic="true"
-        aria-live="assertive"
-        id="DndLiveRegion-10"
-        role="status"
-        style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<SortableList /> > renders provider.tsx correctly 1`] = `
-.emotion-0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  padding: 24px;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.emotion-2 {
-  list-style: none;
-  display: grid;
-  grid-auto-rows: max-content;
-  grid-gap: 2px;
-  grid-template-columns: repeat(var(--columns, 1), 1fr);
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  border-radius: 4px;
-  -webkit-transition: background-color 350ms ease;
-  transition: background-color 350ms ease;
-}
-
-.emotion-3 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  box-sizing: border-box;
-  -webkit-transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
-  -moz-transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
-  -ms-transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
-  transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
-  transform-origin: 0 0;
-  touch-action: manipulation;
-}
-
-.emotion-3:not(:last-child) {
-  margin-bottom: 2px;
-}
-
-.emotion-4 {
-  position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex: 1;
-  -webkit-flex-grow: 1;
-  -ms-flex-positive: 1;
-  flex-grow: 1;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  justify-content: space-between;
-  box-sizing: border-box;
-  padding: 1px 0;
-  color: rgba(0, 0, 0, 0.65);
-  font-size: 12px;
-  white-space: nowrap;
-  list-style: none;
-  border-radius: 4px;
-  outline: none;
-  -webkit-transform: scale(var(--scale, 1));
-  -moz-transform: scale(var(--scale, 1));
-  -ms-transform: scale(var(--scale, 1));
-  transform: scale(var(--scale, 1));
-  transform-origin: 50% 50%;
-  -webkit-transition: box-shadow 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
-  transition: box-shadow 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
-  -webkit-tap-highlight-color: transparent;
-}
-
-.emotion-4:focus-visible {
-  box-shadow: 0 0 4px 1px #4c9ffe,0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
-}
-
-.emotion-4:not(.studio-sortable-list-item-withHandle) {
-  cursor: -webkit-grab;
-  cursor: grab;
-  -webkit-user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  touch-action: none;
-}
-
-.emotion-4-dragging:not(.studio-sortable-list-item-dragOverlay) {
-  z-index: 0;
-  opacity: var(--dragging-opacity, 0.5);
-}
-
-.emotion-4-dragging:not(.studio-sortable-list-item-dragOverlay):focus {
-  box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
-}
-
-.emotion-4:hover .studio-sortable-list-item-actions {
-  opacity: 1;
-}
-
-.emotion-5 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.emotion-6 {
-  position: relative;
-  width: 100%;
-}
-
-.emotion-7 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.emotion-8 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.emotion-8 .studio-btn.studio-btn-sm.studio-btn-icon-only {
-  width: 14px;
-  height: 24px;
-}
-
-.emotion-8 .studio-btn.studio-btn-sm.studio-btn-icon-only>svg {
-  width: 14px;
-}
-
-.emotion-9 {
-  z-index: 10;
-  color: hsla(0, 0, 0, 0.45);
-  opacity: 0;
-}
-
-.emotion-10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
-  transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
-}
-
-.emotion-10:hover {
-  color: rgba(0, 0, 0, 0.88)!important;
-}
-
-.emotion-10:active {
-  scale: 0.8;
-  color: rgba(0, 0, 0, 0.88);
-}
-
-.emotion-11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-  gap: 8px;
-}
-
-.emotion-39 {
-  height: 24px;
-  padding-block: 2px;
-  margin-top: 4px;
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
-}
-
-.emotion-39:hover {
-  color: rgba(0, 0, 0, 0.88)!important;
-  background: rgba(0, 0, 0, 0.06)!important;
-  border-color: transparent!important;
-}
-
-.emotion-39:focus {
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
-  border-color: #1677ff!important;
-}
-
-<div>
-  <div>
-    <button
-      class="studio-btn studio-btn-default"
-      type="button"
-    >
-      <span>
-        获取值
-      </span>
-    </button>
-  </div>
-  <div
-    class="layoutkit-flexbox emotion-0"
-  >
-    <div
-      class="layoutkit-flexbox emotion-1 studio-sortable-list"
-    >
-      <ul
-        class="studio-sortable-list-container emotion-2"
-        style="--columns: 1;"
-      >
-        <li
-          class="studio-sortable-list-item-wrapper emotion-3"
-          data-testid="list-item"
-          style="--index: 0;"
-        >
-          <div
-            aria-describedby="DndDescribedBy-9"
-            aria-disabled="false"
-            aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-4 studio-sortable-list-item-withHandle"
-            data-cypress="draggable-item"
-            data-id="1"
-            data-index="0"
-            role="button"
-            style="background-color: rgb(255, 255, 255);"
-          >
-            <div
-              class="layoutkit-flexbox emotion-5 studio-sortable-list-item-content emotion-6"
-            >
-              <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions-left emotion-8 studio-sortable-list-item-actions emotion-9"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-11"
-              >
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <input
-                    class="studio-input studio-input-sm"
-                    id="index-0"
-                    style="width: 100%;"
-                    type="text"
-                    value="序号"
-                  />
-                </div>
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <div
-                    class="studio-select studio-select-sm studio-select-single studio-select-show-arrow"
-                    style="width: 100%;"
-                  >
-                    <div
-                      class="studio-select-selector"
-                    >
-                      <span
-                        class="studio-select-selection-search"
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="rc_select_TEST_OR_SSR_list"
-                          aria-expanded="false"
-                          aria-haspopup="listbox"
-                          aria-label="Search"
-                          aria-owns="rc_select_TEST_OR_SSR_list"
-                          autocomplete="off"
-                          class="studio-select-selection-search-input"
-                          id="rc_select_TEST_OR_SSR"
-                          readonly=""
-                          role="combobox"
-                          style="opacity: 0;"
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                      </span>
-                      <span
-                        class="studio-select-selection-item"
-                        title="圆形序号"
-                      >
-                        圆形序号
-                      </span>
-                    </div>
-                    <span
-                      aria-hidden="true"
-                      class="studio-select-arrow"
-                      style="user-select: none;"
-                      unselectable="on"
-                    >
-                      <span
-                        aria-label="down"
-                        class="anticon anticon-down studio-select-suffix"
-                        role="img"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="down"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                          />
-                        </svg>
-                      </span>
-                    </span>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions emotion-9"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
-                  style="height: 22px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <span
-                      aria-label="delete"
-                      class="anticon anticon-delete"
-                      role="img"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        data-icon="delete"
-                        fill="currentColor"
-                        focusable="false"
-                        height="1em"
-                        viewBox="64 64 896 896"
-                        width="1em"
-                      >
-                        <path
-                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
-                        />
-                      </svg>
-                    </span>
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li
-          class="studio-sortable-list-item-wrapper emotion-3"
-          data-testid="list-item"
-          style="--index: 1;"
-        >
-          <div
-            aria-describedby="DndDescribedBy-9"
-            aria-disabled="false"
-            aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-4 studio-sortable-list-item-withHandle"
-            data-cypress="draggable-item"
-            data-id="2"
-            data-index="1"
-            role="button"
-            style="background-color: rgb(255, 255, 255);"
-          >
-            <div
-              class="layoutkit-flexbox emotion-5 studio-sortable-list-item-content emotion-6"
-            >
-              <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions-left emotion-8 studio-sortable-list-item-actions emotion-9"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-11"
-              >
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <input
-                    class="studio-input studio-input-sm"
-                    id="index-1"
-                    style="width: 100%;"
-                    type="text"
-                    value="授权企业名称"
-                  />
-                </div>
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <div
-                    class="studio-select studio-select-sm studio-select-single studio-select-show-arrow"
-                    style="width: 100%;"
-                  >
-                    <div
-                      class="studio-select-selector"
-                    >
-                      <span
-                        class="studio-select-selection-search"
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="rc_select_TEST_OR_SSR_list"
-                          aria-expanded="false"
-                          aria-haspopup="listbox"
-                          aria-label="Search"
-                          aria-owns="rc_select_TEST_OR_SSR_list"
-                          autocomplete="off"
-                          class="studio-select-selection-search-input"
-                          id="rc_select_TEST_OR_SSR"
-                          readonly=""
-                          role="combobox"
-                          style="opacity: 0;"
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                      </span>
-                      <span
-                        class="studio-select-selection-item"
-                        title="文本"
-                      >
-                        文本
-                      </span>
-                    </div>
-                    <span
-                      aria-hidden="true"
-                      class="studio-select-arrow"
-                      style="user-select: none;"
-                      unselectable="on"
-                    >
-                      <span
-                        aria-label="down"
-                        class="anticon anticon-down studio-select-suffix"
-                        role="img"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="down"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                          />
-                        </svg>
-                      </span>
-                    </span>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions emotion-9"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
-                  style="height: 22px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <span
-                      aria-label="delete"
-                      class="anticon anticon-delete"
-                      role="img"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        data-icon="delete"
-                        fill="currentColor"
-                        focusable="false"
-                        height="1em"
-                        viewBox="64 64 896 896"
-                        width="1em"
-                      >
-                        <path
-                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
-                        />
-                      </svg>
-                    </span>
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li
-          class="studio-sortable-list-item-wrapper emotion-3"
-          data-testid="list-item"
-          style="--index: 2;"
-        >
-          <div
-            aria-describedby="DndDescribedBy-9"
-            aria-disabled="false"
-            aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-4 studio-sortable-list-item-withHandle"
-            data-cypress="draggable-item"
-            data-id="3"
-            data-index="2"
-            role="button"
-            style="background-color: rgb(255, 255, 255);"
-          >
-            <div
-              class="layoutkit-flexbox emotion-5 studio-sortable-list-item-content emotion-6"
-            >
-              <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions-left emotion-8 studio-sortable-list-item-actions emotion-9"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-11"
-              >
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <input
-                    class="studio-input studio-input-sm"
-                    id="index-2"
-                    style="width: 100%;"
-                    type="text"
-                    value="被授权企业"
-                  />
-                </div>
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <div
-                    class="studio-select studio-select-sm studio-select-single studio-select-show-arrow"
-                    style="width: 100%;"
-                  >
-                    <div
-                      class="studio-select-selector"
-                    >
-                      <span
-                        class="studio-select-selection-search"
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="rc_select_TEST_OR_SSR_list"
-                          aria-expanded="false"
-                          aria-haspopup="listbox"
-                          aria-label="Search"
-                          aria-owns="rc_select_TEST_OR_SSR_list"
-                          autocomplete="off"
-                          class="studio-select-selection-search-input"
-                          id="rc_select_TEST_OR_SSR"
-                          readonly=""
-                          role="combobox"
-                          style="opacity: 0;"
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                      </span>
-                      <span
-                        class="studio-select-selection-item"
-                        title="下拉框"
-                      >
-                        下拉框
-                      </span>
-                    </div>
-                    <span
-                      aria-hidden="true"
-                      class="studio-select-arrow"
-                      style="user-select: none;"
-                      unselectable="on"
-                    >
-                      <span
-                        aria-label="down"
-                        class="anticon anticon-down studio-select-suffix"
-                        role="img"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="down"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                          />
-                        </svg>
-                      </span>
-                    </span>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-7 studio-sortable-list-item-actions emotion-9"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-10"
-                  style="height: 22px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <span
-                      aria-label="delete"
-                      class="anticon anticon-delete"
-                      role="img"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        data-icon="delete"
-                        fill="currentColor"
-                        focusable="false"
-                        height="1em"
-                        viewBox="64 64 896 896"
-                        width="1em"
-                      >
-                        <path
-                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
-                        />
-                      </svg>
-                    </span>
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </li>
-      </ul>
-      <button
-        class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-sortable-list-btn-add emotion-39"
-        type="button"
-      >
-        <span
-          class="studio-btn-icon"
-        >
-          <span
-            aria-label="plus"
-            class="anticon anticon-plus"
-            role="img"
-          >
-            <svg
-              aria-hidden="true"
-              data-icon="plus"
-              fill="currentColor"
-              focusable="false"
-              height="1em"
-              viewBox="64 64 896 896"
-              width="1em"
-            >
-              <defs>
-                <style />
-              </defs>
-              <path
-                d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-              />
-              <path
-                d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-              />
-            </svg>
-          </span>
-        </span>
-        <span>
-          添加一列
-        </span>
-      </button>
-      <div
-        id="DndDescribedBy-9"
-        style="display: none;"
-      >
-        
-    To pick up a draggable item, press the space bar.
-    While dragging, use the arrow keys to move the item.
-    Press space again to drop the item in its new position, or press escape to cancel.
-  
-      </div>
-      <div
-        aria-atomic="true"
-        aria-live="assertive"
-        id="DndLiveRegion-9"
-        role="status"
-        style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<SortableList /> > renders ref.tsx correctly 1`] = `
-.emotion-0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  justify-content: space-between;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
-  transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
-}
-
-.emotion-1:hover {
-  color: rgba(0, 0, 0, 0.88)!important;
-}
-
-.emotion-1:active {
-  scale: 0.8;
-  color: rgba(0, 0, 0, 0.88);
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.emotion-3 {
-  list-style: none;
-  display: grid;
-  grid-auto-rows: max-content;
-  grid-gap: 2px;
-  grid-template-columns: repeat(var(--columns, 1), 1fr);
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  border-radius: 4px;
-  -webkit-transition: background-color 350ms ease;
-  transition: background-color 350ms ease;
-}
-
-.emotion-4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  box-sizing: border-box;
-  -webkit-transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
-  -moz-transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
-  -ms-transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
-  transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
-  transform-origin: 0 0;
-  touch-action: manipulation;
-}
-
-.emotion-4:not(:last-child) {
-  margin-bottom: 2px;
-}
-
-.emotion-5 {
-  position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex: 1;
-  -webkit-flex-grow: 1;
-  -ms-flex-positive: 1;
-  flex-grow: 1;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  justify-content: space-between;
-  box-sizing: border-box;
-  padding: 1px 0;
-  color: rgba(0, 0, 0, 0.65);
-  font-size: 12px;
-  white-space: nowrap;
-  list-style: none;
-  border-radius: 4px;
-  outline: none;
-  -webkit-transform: scale(var(--scale, 1));
-  -moz-transform: scale(var(--scale, 1));
-  -ms-transform: scale(var(--scale, 1));
-  transform: scale(var(--scale, 1));
-  transform-origin: 50% 50%;
-  -webkit-transition: box-shadow 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
-  transition: box-shadow 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
-  -webkit-tap-highlight-color: transparent;
-}
-
-.emotion-5:focus-visible {
-  box-shadow: 0 0 4px 1px #4c9ffe,0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
-}
-
-.emotion-5:not(.studio-sortable-list-item-withHandle) {
-  cursor: -webkit-grab;
-  cursor: grab;
-  -webkit-user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  touch-action: none;
-}
-
-.emotion-5-dragging:not(.studio-sortable-list-item-dragOverlay) {
-  z-index: 0;
-  opacity: var(--dragging-opacity, 0.5);
-}
-
-.emotion-5-dragging:not(.studio-sortable-list-item-dragOverlay):focus {
-  box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
-}
-
-.emotion-5:hover .studio-sortable-list-item-actions {
-  opacity: 1;
-}
-
-.emotion-6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.emotion-7 {
-  position: relative;
-  width: 100%;
-}
-
-.emotion-8 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.emotion-9 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.emotion-9 .studio-btn.studio-btn-sm.studio-btn-icon-only {
-  width: 14px;
-  height: 24px;
-}
-
-.emotion-9 .studio-btn.studio-btn-sm.studio-btn-icon-only>svg {
-  width: 14px;
-}
-
-.emotion-10 {
-  z-index: 10;
-  color: hsla(0, 0, 0, 0.45);
-  opacity: 0;
-}
-
-.emotion-12 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-  gap: 8px;
-}
-
-<div>
-  <div
-    style="width: 340px; padding: 0px 12px;"
-  >
-    <div
-      class="layoutkit-flexbox emotion-0"
-    >
-      <div>
-        列配置项
-      </div>
-      <button
-        class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-1"
-        tabindex="-1"
-        type="button"
-      >
-        <span
-          class="studio-btn-icon"
-        >
-          <span
-            aria-label="plus-circle"
-            class="anticon anticon-plus-circle"
-            role="img"
-          >
-            <svg
-              aria-hidden="true"
-              data-icon="plus-circle"
-              fill="currentColor"
-              focusable="false"
-              height="1em"
-              viewBox="64 64 896 896"
-              width="1em"
-            >
-              <path
-                d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm192 472c0 4.4-3.6 8-8 8H544v152c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V544H328c-4.4 0-8-3.6-8-8v-48c0-4.4 3.6-8 8-8h152V328c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v152h152c4.4 0 8 3.6 8 8v48z"
-              />
-            </svg>
-          </span>
-        </span>
-      </button>
-    </div>
-    <div
-      class="layoutkit-flexbox emotion-2 studio-sortable-list"
-    >
-      <ul
-        class="studio-sortable-list-container emotion-3"
-        style="--columns: 1;"
-      >
-        <li
-          class="studio-sortable-list-item-wrapper emotion-4"
-          data-testid="list-item"
-          style="--index: 0;"
-        >
-          <div
-            aria-describedby="DndDescribedBy-8"
-            aria-disabled="false"
-            aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-5 studio-sortable-list-item-withHandle"
-            data-cypress="draggable-item"
-            data-id="1"
-            data-index="0"
-            role="button"
-            style="background-color: rgb(255, 255, 255);"
-          >
-            <div
-              class="layoutkit-flexbox emotion-6 studio-sortable-list-item-content emotion-7"
-            >
-              <div
-                class="layoutkit-flexbox emotion-8 studio-sortable-list-item-actions-left emotion-9 studio-sortable-list-item-actions emotion-10"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-1"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-12"
-              >
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <input
-                    class="studio-input studio-input-sm"
-                    id="index-0"
-                    style="width: 100%;"
-                    type="text"
-                    value="序号"
-                  />
-                </div>
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <div
-                    class="studio-select studio-select-sm studio-select-single studio-select-show-arrow"
-                    style="width: 100%;"
-                  >
-                    <div
-                      class="studio-select-selector"
-                    >
-                      <span
-                        class="studio-select-selection-search"
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="rc_select_TEST_OR_SSR_list"
-                          aria-expanded="false"
-                          aria-haspopup="listbox"
-                          aria-label="Search"
-                          aria-owns="rc_select_TEST_OR_SSR_list"
-                          autocomplete="off"
-                          class="studio-select-selection-search-input"
-                          id="rc_select_TEST_OR_SSR"
-                          readonly=""
-                          role="combobox"
-                          style="opacity: 0;"
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                      </span>
-                      <span
-                        class="studio-select-selection-item"
-                        title="圆形序号"
-                      >
-                        圆形序号
-                      </span>
-                    </div>
-                    <span
-                      aria-hidden="true"
-                      class="studio-select-arrow"
-                      style="user-select: none;"
-                      unselectable="on"
-                    >
-                      <span
-                        aria-label="down"
-                        class="anticon anticon-down studio-select-suffix"
-                        role="img"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="down"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                          />
-                        </svg>
-                      </span>
-                    </span>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-8 studio-sortable-list-item-actions emotion-10"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-1"
-                  style="height: 22px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <span
-                      aria-label="delete"
-                      class="anticon anticon-delete"
-                      role="img"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        data-icon="delete"
-                        fill="currentColor"
-                        focusable="false"
-                        height="1em"
-                        viewBox="64 64 896 896"
-                        width="1em"
-                      >
-                        <path
-                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
-                        />
-                      </svg>
-                    </span>
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li
-          class="studio-sortable-list-item-wrapper emotion-4"
-          data-testid="list-item"
-          style="--index: 1;"
-        >
-          <div
-            aria-describedby="DndDescribedBy-8"
-            aria-disabled="false"
-            aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-5 studio-sortable-list-item-withHandle"
-            data-cypress="draggable-item"
-            data-id="2"
-            data-index="1"
-            role="button"
-            style="background-color: rgb(255, 255, 255);"
-          >
-            <div
-              class="layoutkit-flexbox emotion-6 studio-sortable-list-item-content emotion-7"
-            >
-              <div
-                class="layoutkit-flexbox emotion-8 studio-sortable-list-item-actions-left emotion-9 studio-sortable-list-item-actions emotion-10"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-1"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-12"
-              >
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <input
-                    class="studio-input studio-input-sm"
-                    id="index-1"
-                    style="width: 100%;"
-                    type="text"
-                    value="授权企业名称"
-                  />
-                </div>
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <div
-                    class="studio-select studio-select-sm studio-select-single studio-select-show-arrow"
-                    style="width: 100%;"
-                  >
-                    <div
-                      class="studio-select-selector"
-                    >
-                      <span
-                        class="studio-select-selection-search"
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="rc_select_TEST_OR_SSR_list"
-                          aria-expanded="false"
-                          aria-haspopup="listbox"
-                          aria-label="Search"
-                          aria-owns="rc_select_TEST_OR_SSR_list"
-                          autocomplete="off"
-                          class="studio-select-selection-search-input"
-                          id="rc_select_TEST_OR_SSR"
-                          readonly=""
-                          role="combobox"
-                          style="opacity: 0;"
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                      </span>
-                      <span
-                        class="studio-select-selection-item"
-                        title="文本"
-                      >
-                        文本
-                      </span>
-                    </div>
-                    <span
-                      aria-hidden="true"
-                      class="studio-select-arrow"
-                      style="user-select: none;"
-                      unselectable="on"
-                    >
-                      <span
-                        aria-label="down"
-                        class="anticon anticon-down studio-select-suffix"
-                        role="img"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="down"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                          />
-                        </svg>
-                      </span>
-                    </span>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-8 studio-sortable-list-item-actions emotion-10"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-1"
-                  style="height: 22px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <span
-                      aria-label="delete"
-                      class="anticon anticon-delete"
-                      role="img"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        data-icon="delete"
-                        fill="currentColor"
-                        focusable="false"
-                        height="1em"
-                        viewBox="64 64 896 896"
-                        width="1em"
-                      >
-                        <path
-                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
-                        />
-                      </svg>
-                    </span>
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li
-          class="studio-sortable-list-item-wrapper emotion-4"
-          data-testid="list-item"
-          style="--index: 2;"
-        >
-          <div
-            aria-describedby="DndDescribedBy-8"
-            aria-disabled="false"
-            aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-5 studio-sortable-list-item-withHandle"
-            data-cypress="draggable-item"
-            data-id="3"
-            data-index="2"
-            role="button"
-            style="background-color: rgb(255, 255, 255);"
-          >
-            <div
-              class="layoutkit-flexbox emotion-6 studio-sortable-list-item-content emotion-7"
-            >
-              <div
-                class="layoutkit-flexbox emotion-8 studio-sortable-list-item-actions-left emotion-9 studio-sortable-list-item-actions emotion-10"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-1"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-12"
-              >
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <input
-                    class="studio-input studio-input-sm"
-                    id="index-2"
-                    style="width: 100%;"
-                    type="text"
-                    value="被授权企业"
-                  />
-                </div>
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <div
-                    class="studio-select studio-select-sm studio-select-single studio-select-show-arrow"
-                    style="width: 100%;"
-                  >
-                    <div
-                      class="studio-select-selector"
-                    >
-                      <span
-                        class="studio-select-selection-search"
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="rc_select_TEST_OR_SSR_list"
-                          aria-expanded="false"
-                          aria-haspopup="listbox"
-                          aria-label="Search"
-                          aria-owns="rc_select_TEST_OR_SSR_list"
-                          autocomplete="off"
-                          class="studio-select-selection-search-input"
-                          id="rc_select_TEST_OR_SSR"
-                          readonly=""
-                          role="combobox"
-                          style="opacity: 0;"
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                      </span>
-                      <span
-                        class="studio-select-selection-item"
-                        title="下拉框"
-                      >
-                        下拉框
-                      </span>
-                    </div>
-                    <span
-                      aria-hidden="true"
-                      class="studio-select-arrow"
-                      style="user-select: none;"
-                      unselectable="on"
-                    >
-                      <span
-                        aria-label="down"
-                        class="anticon anticon-down studio-select-suffix"
-                        role="img"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="down"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                          />
-                        </svg>
-                      </span>
-                    </span>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-8 studio-sortable-list-item-actions emotion-10"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-1"
-                  style="height: 22px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <span
-                      aria-label="delete"
-                      class="anticon anticon-delete"
-                      role="img"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        data-icon="delete"
-                        fill="currentColor"
-                        focusable="false"
-                        height="1em"
-                        viewBox="64 64 896 896"
-                        width="1em"
-                      >
-                        <path
-                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
-                        />
-                      </svg>
-                    </span>
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </li>
-      </ul>
-      <div
-        id="DndDescribedBy-8"
-        style="display: none;"
-      >
-        
-    To pick up a draggable item, press the space bar.
-    While dragging, use the arrow keys to move the item.
-    Press space again to drop the item in its new position, or press escape to cancel.
-  
-      </div>
-      <div
-        aria-atomic="true"
-        aria-live="assertive"
-        id="DndLiveRegion-8"
-        role="status"
-        style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<SortableList /> > renders renderContent.tsx correctly 1`] = `
-.emotion-0 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-}
-
-.emotion-1 {
-  list-style: none;
-  display: grid;
-  grid-auto-rows: max-content;
-  grid-gap: 2px;
-  grid-template-columns: repeat(var(--columns, 1), 1fr);
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  border-radius: 4px;
-  -webkit-transition: background-color 350ms ease;
-  transition: background-color 350ms ease;
-}
-
-.emotion-2 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  box-sizing: border-box;
-  -webkit-transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
-  -moz-transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
-  -ms-transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
-  transform: translate3d(var(--translate-x, 0), var(--translate-y, 0), 0) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1));
-  transform-origin: 0 0;
-  touch-action: manipulation;
-}
-
-.emotion-2:not(:last-child) {
-  margin-bottom: 2px;
-}
-
-.emotion-3 {
-  position: relative;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-flex: 1;
-  -webkit-flex-grow: 1;
-  -ms-flex-positive: 1;
-  flex-grow: 1;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  justify-content: space-between;
-  box-sizing: border-box;
-  padding: 1px 0;
-  color: rgba(0, 0, 0, 0.65);
-  font-size: 12px;
-  white-space: nowrap;
-  list-style: none;
-  border-radius: 4px;
-  outline: none;
-  -webkit-transform: scale(var(--scale, 1));
-  -moz-transform: scale(var(--scale, 1));
-  -ms-transform: scale(var(--scale, 1));
-  transform: scale(var(--scale, 1));
-  transform-origin: 50% 50%;
-  -webkit-transition: box-shadow 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
-  transition: box-shadow 200ms cubic-bezier(0.18, 0.67, 0.6, 1.22);
-  -webkit-tap-highlight-color: transparent;
-}
-
-.emotion-3:focus-visible {
-  box-shadow: 0 0 4px 1px #4c9ffe,0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
-}
-
-.emotion-3:not(.studio-sortable-list-item-withHandle) {
-  cursor: -webkit-grab;
-  cursor: grab;
-  -webkit-user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  touch-action: none;
-}
-
-.emotion-3-dragging:not(.studio-sortable-list-item-dragOverlay) {
-  z-index: 0;
-  opacity: var(--dragging-opacity, 0.5);
-}
-
-.emotion-3-dragging:not(.studio-sortable-list-item-dragOverlay):focus {
-  box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
-}
-
-.emotion-3:hover .studio-sortable-list-item-actions {
-  opacity: 1;
-}
-
-.emotion-4 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.emotion-5 {
-  position: relative;
-  width: 100%;
-}
-
-.emotion-6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.emotion-7 {
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.emotion-7 .studio-btn.studio-btn-sm.studio-btn-icon-only {
-  width: 14px;
-  height: 24px;
-}
-
-.emotion-7 .studio-btn.studio-btn-sm.studio-btn-icon-only>svg {
-  width: 14px;
-}
-
-.emotion-8 {
-  z-index: 10;
-  color: hsla(0, 0, 0, 0.45);
-  opacity: 0;
-}
-
-.emotion-9 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
-  transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
-}
-
-.emotion-9:hover {
-  color: rgba(0, 0, 0, 0.88)!important;
-}
-
-.emotion-9:active {
-  scale: 0.8;
-  color: rgba(0, 0, 0, 0.88);
-}
-
-.emotion-10 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  width: 100%;
-  gap: 8px;
-}
-
-.emotion-38 {
-  height: 24px;
-  padding-block: 2px;
-  margin-top: 4px;
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
-}
-
-.emotion-38:hover {
-  color: rgba(0, 0, 0, 0.88)!important;
-  background: rgba(0, 0, 0, 0.06)!important;
-  border-color: transparent!important;
-}
-
-.emotion-38:focus {
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
-  border-color: #1677ff!important;
-}
-
-<div>
-  <div
-    style="width: 340px; padding: 0px 12px;"
-  >
-    <div
-      class="layoutkit-flexbox emotion-0 studio-sortable-list"
-    >
-      <ul
-        class="studio-sortable-list-container emotion-1"
-        style="--columns: 1;"
-      >
-        <li
-          class="studio-sortable-list-item-wrapper emotion-2"
-          data-testid="list-item"
-          style="--index: 0;"
-        >
-          <div
-            aria-describedby="DndDescribedBy-7"
-            aria-disabled="false"
-            aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
-            data-cypress="draggable-item"
-            data-id="1"
-            data-index="0"
-            role="button"
-            style="background-color: rgb(255, 255, 255);"
-          >
-            <div
-              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
-            >
-              <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-10"
-              >
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <input
-                    class="studio-input studio-input-sm"
-                    id="index-0"
-                    style="width: 100%;"
-                    type="text"
-                    value="序号"
-                  />
-                </div>
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <div
-                    class="studio-select studio-select-sm studio-select-single studio-select-show-arrow"
-                    style="width: 100%;"
-                  >
-                    <div
-                      class="studio-select-selector"
-                    >
-                      <span
-                        class="studio-select-selection-search"
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="rc_select_TEST_OR_SSR_list"
-                          aria-expanded="false"
-                          aria-haspopup="listbox"
-                          aria-label="Search"
-                          aria-owns="rc_select_TEST_OR_SSR_list"
-                          autocomplete="off"
-                          class="studio-select-selection-search-input"
-                          id="rc_select_TEST_OR_SSR"
-                          readonly=""
-                          role="combobox"
-                          style="opacity: 0;"
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                      </span>
-                      <span
-                        class="studio-select-selection-item"
-                        title="圆形序号"
-                      >
-                        圆形序号
-                      </span>
-                    </div>
-                    <span
-                      aria-hidden="true"
-                      class="studio-select-arrow"
-                      style="user-select: none;"
-                      unselectable="on"
-                    >
-                      <span
-                        aria-label="down"
-                        class="anticon anticon-down studio-select-suffix"
-                        role="img"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="down"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                          />
-                        </svg>
-                      </span>
-                    </span>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  style="height: 22px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <span
-                      aria-label="delete"
-                      class="anticon anticon-delete"
-                      role="img"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        data-icon="delete"
-                        fill="currentColor"
-                        focusable="false"
-                        height="1em"
-                        viewBox="64 64 896 896"
-                        width="1em"
-                      >
-                        <path
-                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
-                        />
-                      </svg>
-                    </span>
+                  <span>
+                    下方
                   </span>
                 </button>
-              </div>
-            </div>
-          </div>
-        </li>
-        <li
-          class="studio-sortable-list-item-wrapper emotion-2"
-          data-testid="list-item"
-          style="--index: 1;"
-        >
-          <div
-            aria-describedby="DndDescribedBy-7"
-            aria-disabled="false"
-            aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
-            data-cypress="draggable-item"
-            data-id="2"
-            data-index="1"
-            role="button"
-            style="background-color: rgb(255, 255, 255);"
-          >
-            <div
-              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
-            >
-              <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
-              >
                 <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-dangerous"
                   type="button"
                 >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
+                  <span>
+                    删除
                   </span>
                 </button>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-10"
-              >
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <input
-                    class="studio-input studio-input-sm"
-                    id="index-1"
-                    style="width: 100%;"
-                    type="text"
-                    value="授权企业名称"
-                  />
-                </div>
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
-                >
-                  <div
-                    class="studio-select studio-select-sm studio-select-single studio-select-show-arrow"
-                    style="width: 100%;"
-                  >
-                    <div
-                      class="studio-select-selector"
-                    >
-                      <span
-                        class="studio-select-selection-search"
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="rc_select_TEST_OR_SSR_list"
-                          aria-expanded="false"
-                          aria-haspopup="listbox"
-                          aria-label="Search"
-                          aria-owns="rc_select_TEST_OR_SSR_list"
-                          autocomplete="off"
-                          class="studio-select-selection-search-input"
-                          id="rc_select_TEST_OR_SSR"
-                          readonly=""
-                          role="combobox"
-                          style="opacity: 0;"
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                      </span>
-                      <span
-                        class="studio-select-selection-item"
-                        title="文本"
-                      >
-                        文本
-                      </span>
-                    </div>
-                    <span
-                      aria-hidden="true"
-                      class="studio-select-arrow"
-                      style="user-select: none;"
-                      unselectable="on"
-                    >
-                      <span
-                        aria-label="down"
-                        class="anticon anticon-down studio-select-suffix"
-                        role="img"
-                      >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="down"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
-                        >
-                          <path
-                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                          />
-                        </svg>
-                      </span>
-                    </span>
-                  </div>
-                </div>
-              </div>
-              <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8"
-              >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  style="height: 22px;"
-                  tabindex="-1"
-                  type="button"
-                >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <span
-                      aria-label="delete"
-                      class="anticon anticon-delete"
-                      role="img"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        data-icon="delete"
-                        fill="currentColor"
-                        focusable="false"
-                        height="1em"
-                        viewBox="64 64 896 896"
-                        width="1em"
-                      >
-                        <path
-                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
-                        />
-                      </svg>
-                    </span>
+                <button
+                  class="studio-btn studio-btn-text studio-btn-sm"
+                  type="button"
+                >
+                  <span>
+                    拖拽
                   </span>
                 </button>
               </div>
@@ -30547,7 +25566,7 @@ exports[`<SortableList /> > renders renderContent.tsx correctly 1`] = `
           </div>
         </li>
         <li
-          class="studio-sortable-list-item-wrapper emotion-2"
+          class="studio-sortable-list-item-wrapper emotion-4"
           data-testid="list-item"
           style="--index: 2;"
         >
@@ -30555,153 +25574,165 @@ exports[`<SortableList /> > renders renderContent.tsx correctly 1`] = `
             aria-describedby="DndDescribedBy-7"
             aria-disabled="false"
             aria-roledescription="sortable"
-            class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
+            class="studio-sortable-list-item emotion-5 studio-sortable-list-item-withHandle"
             data-cypress="draggable-item"
             data-id="3"
             data-index="2"
             role="button"
-            style="background-color: rgb(255, 255, 255);"
+            style="padding: 16px; background-color: rgb(255, 255, 255);"
           >
             <div
-              class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
+              class="layoutkit-flexbox emotion-6"
             >
               <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
+                class="layoutkit-flexbox emotion-1"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
-                >
+                <div>
                   <span
-                    class="studio-btn-icon"
+                    class="studio-badge studio-badge-not-a-wrapper"
                   >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
+                    <sup
+                      class="studio-scroll-number studio-badge-count"
+                      data-show="true"
+                      title="3"
                     >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
+                      <span
+                        class="studio-scroll-number-only"
+                        style="transition: none;"
+                      >
+                        <span
+                          class="studio-scroll-number-only-unit current"
+                        >
+                          3
+                        </span>
+                      </span>
+                    </sup>
                   </span>
-                </button>
+                </div>
+                <div>
+                  窈窕淑女
+                </div>
               </div>
               <div
-                class="layoutkit-flexbox emotion-10"
+                class="layoutkit-flexbox emotion-8"
               >
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
+                <button
+                  class="studio-btn studio-btn-text studio-btn-sm"
+                  type="button"
                 >
-                  <input
-                    class="studio-input studio-input-sm"
-                    id="index-2"
-                    style="width: 100%;"
-                    type="text"
-                    value="被授权企业"
-                  />
-                </div>
-                <div
-                  style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
+                  <span>
+                    上方
+                  </span>
+                </button>
+                <button
+                  class="studio-btn studio-btn-text studio-btn-sm"
+                  type="button"
                 >
-                  <div
-                    class="studio-select studio-select-sm studio-select-single studio-select-show-arrow"
-                    style="width: 100%;"
+                  <span>
+                    下方
+                  </span>
+                </button>
+                <button
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-dangerous"
+                  type="button"
+                >
+                  <span>
+                    删除
+                  </span>
+                </button>
+                <button
+                  class="studio-btn studio-btn-text studio-btn-sm"
+                  type="button"
+                >
+                  <span>
+                    拖拽
+                  </span>
+                </button>
+              </div>
+            </div>
+          </div>
+        </li>
+        <li
+          class="studio-sortable-list-item-wrapper emotion-4"
+          data-testid="list-item"
+          style="--index: 3;"
+        >
+          <div
+            aria-describedby="DndDescribedBy-7"
+            aria-disabled="false"
+            aria-roledescription="sortable"
+            class="studio-sortable-list-item emotion-5 studio-sortable-list-item-withHandle"
+            data-cypress="draggable-item"
+            data-id="4"
+            data-index="3"
+            role="button"
+            style="padding: 16px; background-color: rgb(255, 255, 255);"
+          >
+            <div
+              class="layoutkit-flexbox emotion-6"
+            >
+              <div
+                class="layoutkit-flexbox emotion-1"
+              >
+                <div>
+                  <span
+                    class="studio-badge studio-badge-not-a-wrapper"
                   >
-                    <div
-                      class="studio-select-selector"
-                    >
-                      <span
-                        class="studio-select-selection-search"
-                      >
-                        <input
-                          aria-autocomplete="list"
-                          aria-controls="rc_select_TEST_OR_SSR_list"
-                          aria-expanded="false"
-                          aria-haspopup="listbox"
-                          aria-label="Search"
-                          aria-owns="rc_select_TEST_OR_SSR_list"
-                          autocomplete="off"
-                          class="studio-select-selection-search-input"
-                          id="rc_select_TEST_OR_SSR"
-                          readonly=""
-                          role="combobox"
-                          style="opacity: 0;"
-                          type="search"
-                          unselectable="on"
-                          value=""
-                        />
-                      </span>
-                      <span
-                        class="studio-select-selection-item"
-                        title="下拉框"
-                      >
-                        下拉框
-                      </span>
-                    </div>
-                    <span
-                      aria-hidden="true"
-                      class="studio-select-arrow"
-                      style="user-select: none;"
-                      unselectable="on"
+                    <sup
+                      class="studio-scroll-number studio-badge-count"
+                      data-show="true"
+                      title="4"
                     >
                       <span
-                        aria-label="down"
-                        class="anticon anticon-down studio-select-suffix"
-                        role="img"
+                        class="studio-scroll-number-only"
+                        style="transition: none;"
                       >
-                        <svg
-                          aria-hidden="true"
-                          data-icon="down"
-                          fill="currentColor"
-                          focusable="false"
-                          height="1em"
-                          viewBox="64 64 896 896"
-                          width="1em"
+                        <span
+                          class="studio-scroll-number-only-unit current"
                         >
-                          <path
-                            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                          />
-                        </svg>
+                          4
+                        </span>
                       </span>
-                    </span>
-                  </div>
+                    </sup>
+                  </span>
+                </div>
+                <div>
+                  君子好逑
                 </div>
               </div>
               <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8"
+                class="layoutkit-flexbox emotion-8"
               >
                 <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  style="height: 22px;"
-                  tabindex="-1"
+                  class="studio-btn studio-btn-text studio-btn-sm"
                   type="button"
                 >
-                  <span
-                    class="studio-btn-icon"
-                  >
-                    <span
-                      aria-label="delete"
-                      class="anticon anticon-delete"
-                      role="img"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        data-icon="delete"
-                        fill="currentColor"
-                        focusable="false"
-                        height="1em"
-                        viewBox="64 64 896 896"
-                        width="1em"
-                      >
-                        <path
-                          d="M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z"
-                        />
-                      </svg>
-                    </span>
+                  <span>
+                    上方
+                  </span>
+                </button>
+                <button
+                  class="studio-btn studio-btn-text studio-btn-sm"
+                  type="button"
+                >
+                  <span>
+                    下方
+                  </span>
+                </button>
+                <button
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-dangerous"
+                  type="button"
+                >
+                  <span>
+                    删除
+                  </span>
+                </button>
+                <button
+                  class="studio-btn studio-btn-text studio-btn-sm"
+                  type="button"
+                >
+                  <span>
+                    拖拽
                   </span>
                 </button>
               </div>
@@ -30709,43 +25740,6 @@ exports[`<SortableList /> > renders renderContent.tsx correctly 1`] = `
           </div>
         </li>
       </ul>
-      <button
-        class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-sortable-list-btn-add emotion-38"
-        type="button"
-      >
-        <span
-          class="studio-btn-icon"
-        >
-          <span
-            aria-label="plus"
-            class="anticon anticon-plus"
-            role="img"
-          >
-            <svg
-              aria-hidden="true"
-              data-icon="plus"
-              fill="currentColor"
-              focusable="false"
-              height="1em"
-              viewBox="64 64 896 896"
-              width="1em"
-            >
-              <defs>
-                <style />
-              </defs>
-              <path
-                d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-              />
-              <path
-                d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-              />
-            </svg>
-          </span>
-        </span>
-        <span>
-          添加一列
-        </span>
-      </button>
       <div
         id="DndDescribedBy-7"
         style="display: none;"
@@ -30870,61 +25864,36 @@ exports[`<SortableList /> > renders useSortableList.tsx correctly 1`] = `
   box-shadow: 0 0 0 calc(1px / var(--scale-x, 1)) rgba(0, 0, 0, 0.05) 0 1px calc(3px / var(--scale-x, 1)) 0 rgba(0, 0, 0, 0.15);
 }
 
-.emotion-3:hover .studio-sortable-list-item-actions {
-  opacity: 1;
-}
-
 .emotion-4 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-}
-
-.emotion-5 {
-  position: relative;
-  width: 100%;
-}
-
-.emotion-6 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-}
-
-.emotion-7 {
-  position: absolute;
-  top: 0;
-  left: 0;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
 }
 
-.emotion-7 .studio-btn.studio-btn-sm.studio-btn-icon-only {
-  width: 14px;
+.emotion-5 {
+  position: relative;
+  width: 100%;
   height: 24px;
+  border-radius: 2px;
+  min-width: 48px;
 }
 
-.emotion-7 .studio-btn.studio-btn-sm.studio-btn-icon-only>svg {
-  width: 14px;
+.emotion-5:hover .studio-sortable-list-item-actions {
+  opacity: 1;
 }
 
-.emotion-8 {
+.emotion-6 {
   z-index: 10;
   color: hsla(0, 0, 0, 0.45);
   opacity: 0;
-}
-
-.emotion-9 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -30941,16 +25910,16 @@ exports[`<SortableList /> > renders useSortableList.tsx correctly 1`] = `
   transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-9:hover {
+.emotion-6:hover {
   color: rgba(0, 0, 0, 0.88)!important;
 }
 
-.emotion-9:active {
+.emotion-6:active {
   scale: 0.8;
   color: rgba(0, 0, 0, 0.88);
 }
 
-.emotion-10 {
+.emotion-7 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -30966,26 +25935,49 @@ exports[`<SortableList /> > renders useSortableList.tsx correctly 1`] = `
   gap: 8px;
 }
 
-.emotion-38 {
-  height: 24px;
-  padding-block: 2px;
-  margin-top: 4px;
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
+.emotion-9 {
+  z-index: 10;
+  color: hsla(0, 0, 0, 0.45);
+  opacity: 0;
+}
+
+.emotion-10 {
+  position: absolute;
+  top: 1px;
+  right: 1px;
+  -webkit-align-self: flex-end;
+  -ms-flex-item-align: flex-end;
+  align-self: flex-end;
+  overflow: hidden;
+  border-radius: 1px;
+  -webkit-backdrop-filter: blur(5px);
+  backdrop-filter: blur(5px);
+}
+
+.emotion-11 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
+  transition: color 600ms cubic-bezier(0.215, 0.61, 0.355, 1),scale 400ms cubic-bezier(0.215, 0.61, 0.355, 1),background-color 100ms cubic-bezier(0.215, 0.61, 0.355, 1);
 }
 
-.emotion-38:hover {
+.emotion-11:hover {
   color: rgba(0, 0, 0, 0.88)!important;
-  background: rgba(0, 0, 0, 0.06)!important;
-  border-color: transparent!important;
 }
 
-.emotion-38:focus {
-  color: rgba(0, 0, 0, 0.65);
-  background: rgba(0, 0, 0, 0.02);
-  border-color: transparent;
-  border-color: #1677ff!important;
+.emotion-11:active {
+  scale: 0.8;
+  color: rgba(0, 0, 0, 0.88);
 }
 
 <div>
@@ -31010,7 +26002,7 @@ exports[`<SortableList /> > renders useSortableList.tsx correctly 1`] = `
             aria-roledescription="sortable"
             class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
             data-cypress="draggable-item"
-            data-id="1"
+            data-id="index"
             data-index="0"
             role="button"
             style="background-color: rgb(255, 255, 255);"
@@ -31018,33 +26010,29 @@ exports[`<SortableList /> > renders useSortableList.tsx correctly 1`] = `
             <div
               class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
             >
-              <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-6"
+                data-cypress="draggable-handle"
+                style="width: 14px; height: 24px;"
+                tabindex="-1"
+                type="button"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
+                <span
+                  class="studio-btn-icon"
                 >
-                  <span
-                    class="studio-btn-icon"
+                  <svg
+                    fill="currentColor"
+                    viewBox="0 0 20 20"
+                    width="16"
                   >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
+                    <path
+                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                    />
+                  </svg>
+                </span>
+              </button>
               <div
-                class="layoutkit-flexbox emotion-10"
+                class="layoutkit-flexbox emotion-7"
               >
                 <div
                   style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
@@ -31075,7 +26063,6 @@ exports[`<SortableList /> > renders useSortableList.tsx correctly 1`] = `
                           aria-controls="rc_select_TEST_OR_SSR_list"
                           aria-expanded="false"
                           aria-haspopup="listbox"
-                          aria-label="Search"
                           aria-owns="rc_select_TEST_OR_SSR_list"
                           autocomplete="off"
                           class="studio-select-selection-search-input"
@@ -31125,10 +26112,10 @@ exports[`<SortableList /> > renders useSortableList.tsx correctly 1`] = `
                 </div>
               </div>
               <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8"
+                class="layoutkit-flexbox emotion-4 studio-sortable-list-item-actions emotion-9 studio-sortable-list-actions-right emotion-10"
               >
                 <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-11"
                   style="height: 22px;"
                   tabindex="-1"
                   type="button"
@@ -31172,7 +26159,7 @@ exports[`<SortableList /> > renders useSortableList.tsx correctly 1`] = `
             aria-roledescription="sortable"
             class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
             data-cypress="draggable-item"
-            data-id="2"
+            data-id="authName"
             data-index="1"
             role="button"
             style="background-color: rgb(255, 255, 255);"
@@ -31180,33 +26167,29 @@ exports[`<SortableList /> > renders useSortableList.tsx correctly 1`] = `
             <div
               class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
             >
-              <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-6"
+                data-cypress="draggable-handle"
+                style="width: 14px; height: 24px;"
+                tabindex="-1"
+                type="button"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
+                <span
+                  class="studio-btn-icon"
                 >
-                  <span
-                    class="studio-btn-icon"
+                  <svg
+                    fill="currentColor"
+                    viewBox="0 0 20 20"
+                    width="16"
                   >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
+                    <path
+                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                    />
+                  </svg>
+                </span>
+              </button>
               <div
-                class="layoutkit-flexbox emotion-10"
+                class="layoutkit-flexbox emotion-7"
               >
                 <div
                   style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
@@ -31237,7 +26220,6 @@ exports[`<SortableList /> > renders useSortableList.tsx correctly 1`] = `
                           aria-controls="rc_select_TEST_OR_SSR_list"
                           aria-expanded="false"
                           aria-haspopup="listbox"
-                          aria-label="Search"
                           aria-owns="rc_select_TEST_OR_SSR_list"
                           autocomplete="off"
                           class="studio-select-selection-search-input"
@@ -31287,10 +26269,10 @@ exports[`<SortableList /> > renders useSortableList.tsx correctly 1`] = `
                 </div>
               </div>
               <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8"
+                class="layoutkit-flexbox emotion-4 studio-sortable-list-item-actions emotion-9 studio-sortable-list-actions-right emotion-10"
               >
                 <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-11"
                   style="height: 22px;"
                   tabindex="-1"
                   type="button"
@@ -31334,7 +26316,7 @@ exports[`<SortableList /> > renders useSortableList.tsx correctly 1`] = `
             aria-roledescription="sortable"
             class="studio-sortable-list-item emotion-3 studio-sortable-list-item-withHandle"
             data-cypress="draggable-item"
-            data-id="3"
+            data-id="authedName"
             data-index="2"
             role="button"
             style="background-color: rgb(255, 255, 255);"
@@ -31342,33 +26324,29 @@ exports[`<SortableList /> > renders useSortableList.tsx correctly 1`] = `
             <div
               class="layoutkit-flexbox emotion-4 studio-sortable-list-item-content emotion-5"
             >
-              <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions-left emotion-7 studio-sortable-list-item-actions emotion-8"
+              <button
+                class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-list-item-actions studio-actionicon emotion-6"
+                data-cypress="draggable-handle"
+                style="width: 14px; height: 24px;"
+                tabindex="-1"
+                type="button"
               >
-                <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
-                  data-cypress="draggable-handle"
-                  style="position: absolute; left: -13px;"
-                  tabindex="-1"
-                  type="button"
+                <span
+                  class="studio-btn-icon"
                 >
-                  <span
-                    class="studio-btn-icon"
+                  <svg
+                    fill="currentColor"
+                    viewBox="0 0 20 20"
+                    width="16"
                   >
-                    <svg
-                      fill="currentColor"
-                      viewBox="0 0 20 20"
-                      width="16"
-                    >
-                      <path
-                        d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
-                      />
-                    </svg>
-                  </span>
-                </button>
-              </div>
+                    <path
+                      d="M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"
+                    />
+                  </svg>
+                </span>
+              </button>
               <div
-                class="layoutkit-flexbox emotion-10"
+                class="layoutkit-flexbox emotion-7"
               >
                 <div
                   style="flex: 1; width: 100%; height: 24px; font-size: 12px; border-radius: 2px; min-width: 48px;"
@@ -31399,7 +26377,6 @@ exports[`<SortableList /> > renders useSortableList.tsx correctly 1`] = `
                           aria-controls="rc_select_TEST_OR_SSR_list"
                           aria-expanded="false"
                           aria-haspopup="listbox"
-                          aria-label="Search"
                           aria-owns="rc_select_TEST_OR_SSR_list"
                           autocomplete="off"
                           class="studio-select-selection-search-input"
@@ -31449,10 +26426,10 @@ exports[`<SortableList /> > renders useSortableList.tsx correctly 1`] = `
                 </div>
               </div>
               <div
-                class="layoutkit-flexbox emotion-6 studio-sortable-list-item-actions emotion-8"
+                class="layoutkit-flexbox emotion-4 studio-sortable-list-item-actions emotion-9 studio-sortable-list-actions-right emotion-10"
               >
                 <button
-                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-9"
+                  class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-actionicon emotion-11"
                   style="height: 22px;"
                   tabindex="-1"
                   type="button"
@@ -31486,43 +26463,6 @@ exports[`<SortableList /> > renders useSortableList.tsx correctly 1`] = `
           </div>
         </li>
       </ul>
-      <button
-        class="studio-btn studio-btn-default studio-btn-sm studio-btn-block studio-sortable-list-btn-add emotion-38"
-        type="button"
-      >
-        <span
-          class="studio-btn-icon"
-        >
-          <span
-            aria-label="plus"
-            class="anticon anticon-plus"
-            role="img"
-          >
-            <svg
-              aria-hidden="true"
-              data-icon="plus"
-              fill="currentColor"
-              focusable="false"
-              height="1em"
-              viewBox="64 64 896 896"
-              width="1em"
-            >
-              <defs>
-                <style />
-              </defs>
-              <path
-                d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
-              />
-              <path
-                d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"
-              />
-            </svg>
-          </span>
-        </span>
-        <span>
-          添加一列
-        </span>
-      </button>
       <div
         id="DndDescribedBy-6"
         style="display: none;"
@@ -31819,7 +26759,7 @@ exports[`<SortableTree /> > renders controlled.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-23"
+            aria-describedby="DndDescribedBy-18"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -31890,7 +26830,7 @@ exports[`<SortableTree /> > renders controlled.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-23"
+            aria-describedby="DndDescribedBy-18"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -31979,7 +26919,7 @@ exports[`<SortableTree /> > renders controlled.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-23"
+            aria-describedby="DndDescribedBy-18"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -32050,7 +26990,7 @@ exports[`<SortableTree /> > renders controlled.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-23"
+            aria-describedby="DndDescribedBy-18"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -32121,7 +27061,7 @@ exports[`<SortableTree /> > renders controlled.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-23"
+            aria-describedby="DndDescribedBy-18"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -32192,7 +27132,7 @@ exports[`<SortableTree /> > renders controlled.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-23"
+            aria-describedby="DndDescribedBy-18"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -32263,7 +27203,7 @@ exports[`<SortableTree /> > renders controlled.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-23"
+            aria-describedby="DndDescribedBy-18"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -32334,7 +27274,7 @@ exports[`<SortableTree /> > renders controlled.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-23"
+            aria-describedby="DndDescribedBy-18"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -32423,7 +27363,7 @@ exports[`<SortableTree /> > renders controlled.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-23"
+            aria-describedby="DndDescribedBy-18"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -32494,7 +27434,7 @@ exports[`<SortableTree /> > renders controlled.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-23"
+            aria-describedby="DndDescribedBy-18"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -32594,7 +27534,7 @@ exports[`<SortableTree /> > renders controlled.tsx correctly 1`] = `
         </span>
       </button>
       <div
-        id="DndDescribedBy-23"
+        id="DndDescribedBy-18"
         style="display: none;"
       >
         
@@ -32606,7 +27546,7 @@ exports[`<SortableTree /> > renders controlled.tsx correctly 1`] = `
       <div
         aria-atomic="true"
         aria-live="assertive"
-        id="DndLiveRegion-23"
+        id="DndLiveRegion-18"
         role="status"
         style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
       />
@@ -32889,7 +27829,7 @@ exports[`<SortableTree /> > renders default.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-22"
+            aria-describedby="DndDescribedBy-17"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -32956,7 +27896,7 @@ exports[`<SortableTree /> > renders default.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-22"
+            aria-describedby="DndDescribedBy-17"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -33041,7 +27981,7 @@ exports[`<SortableTree /> > renders default.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-22"
+            aria-describedby="DndDescribedBy-17"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -33108,7 +28048,7 @@ exports[`<SortableTree /> > renders default.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-22"
+            aria-describedby="DndDescribedBy-17"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -33175,7 +28115,7 @@ exports[`<SortableTree /> > renders default.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-22"
+            aria-describedby="DndDescribedBy-17"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -33242,7 +28182,7 @@ exports[`<SortableTree /> > renders default.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-22"
+            aria-describedby="DndDescribedBy-17"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -33309,7 +28249,7 @@ exports[`<SortableTree /> > renders default.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-22"
+            aria-describedby="DndDescribedBy-17"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -33376,7 +28316,7 @@ exports[`<SortableTree /> > renders default.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-22"
+            aria-describedby="DndDescribedBy-17"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -33461,7 +28401,7 @@ exports[`<SortableTree /> > renders default.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-22"
+            aria-describedby="DndDescribedBy-17"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -33528,7 +28468,7 @@ exports[`<SortableTree /> > renders default.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-22"
+            aria-describedby="DndDescribedBy-17"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -33624,7 +28564,7 @@ exports[`<SortableTree /> > renders default.tsx correctly 1`] = `
         </span>
       </button>
       <div
-        id="DndDescribedBy-22"
+        id="DndDescribedBy-17"
         style="display: none;"
       >
         
@@ -33636,7 +28576,7 @@ exports[`<SortableTree /> > renders default.tsx correctly 1`] = `
       <div
         aria-atomic="true"
         aria-live="assertive"
-        id="DndLiveRegion-22"
+        id="DndLiveRegion-17"
         role="status"
         style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
       />
@@ -34385,7 +29325,7 @@ exports[`<SortableTree /> > renders disableDrag.tsx correctly 1`] = `
         </span>
       </button>
       <div
-        id="DndDescribedBy-21"
+        id="DndDescribedBy-16"
         style="display: none;"
       >
         
@@ -34397,7 +29337,7 @@ exports[`<SortableTree /> > renders disableDrag.tsx correctly 1`] = `
       <div
         aria-atomic="true"
         aria-live="assertive"
-        id="DndLiveRegion-21"
+        id="DndLiveRegion-16"
         role="status"
         style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
       />
@@ -34728,7 +29668,7 @@ exports[`<SortableTree /> > renders renderContent.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-20"
+            aria-describedby="DndDescribedBy-15"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -34819,7 +29759,7 @@ exports[`<SortableTree /> > renders renderContent.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-20"
+            aria-describedby="DndDescribedBy-15"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -34928,7 +29868,7 @@ exports[`<SortableTree /> > renders renderContent.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-20"
+            aria-describedby="DndDescribedBy-15"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -35019,7 +29959,7 @@ exports[`<SortableTree /> > renders renderContent.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-20"
+            aria-describedby="DndDescribedBy-15"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -35110,7 +30050,7 @@ exports[`<SortableTree /> > renders renderContent.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-20"
+            aria-describedby="DndDescribedBy-15"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -35201,7 +30141,7 @@ exports[`<SortableTree /> > renders renderContent.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-20"
+            aria-describedby="DndDescribedBy-15"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -35292,7 +30232,7 @@ exports[`<SortableTree /> > renders renderContent.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-20"
+            aria-describedby="DndDescribedBy-15"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -35383,7 +30323,7 @@ exports[`<SortableTree /> > renders renderContent.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-20"
+            aria-describedby="DndDescribedBy-15"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -35492,7 +30432,7 @@ exports[`<SortableTree /> > renders renderContent.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-20"
+            aria-describedby="DndDescribedBy-15"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -35583,7 +30523,7 @@ exports[`<SortableTree /> > renders renderContent.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-20"
+            aria-describedby="DndDescribedBy-15"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -35703,7 +30643,7 @@ exports[`<SortableTree /> > renders renderContent.tsx correctly 1`] = `
         </span>
       </button>
       <div
-        id="DndDescribedBy-20"
+        id="DndDescribedBy-15"
         style="display: none;"
       >
         
@@ -35715,7 +30655,7 @@ exports[`<SortableTree /> > renders renderContent.tsx correctly 1`] = `
       <div
         aria-atomic="true"
         aria-live="assertive"
-        id="DndLiveRegion-20"
+        id="DndLiveRegion-15"
         role="status"
         style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
       />
@@ -35998,7 +30938,7 @@ exports[`<SortableTree /> > renders sortableRule.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-19"
+            aria-describedby="DndDescribedBy-14"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -36065,7 +31005,7 @@ exports[`<SortableTree /> > renders sortableRule.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-19"
+            aria-describedby="DndDescribedBy-14"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -36150,7 +31090,7 @@ exports[`<SortableTree /> > renders sortableRule.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-19"
+            aria-describedby="DndDescribedBy-14"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -36217,7 +31157,7 @@ exports[`<SortableTree /> > renders sortableRule.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-19"
+            aria-describedby="DndDescribedBy-14"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -36284,7 +31224,7 @@ exports[`<SortableTree /> > renders sortableRule.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-19"
+            aria-describedby="DndDescribedBy-14"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -36351,7 +31291,7 @@ exports[`<SortableTree /> > renders sortableRule.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-19"
+            aria-describedby="DndDescribedBy-14"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -36418,7 +31358,7 @@ exports[`<SortableTree /> > renders sortableRule.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-19"
+            aria-describedby="DndDescribedBy-14"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -36485,7 +31425,7 @@ exports[`<SortableTree /> > renders sortableRule.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-19"
+            aria-describedby="DndDescribedBy-14"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -36570,7 +31510,7 @@ exports[`<SortableTree /> > renders sortableRule.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-19"
+            aria-describedby="DndDescribedBy-14"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -36637,7 +31577,7 @@ exports[`<SortableTree /> > renders sortableRule.tsx correctly 1`] = `
           class="studio-sortable-tree-node-body"
         >
           <button
-            aria-describedby="DndDescribedBy-19"
+            aria-describedby="DndDescribedBy-14"
             aria-disabled="false"
             aria-roledescription="sortable"
             class="studio-btn studio-btn-text studio-btn-sm studio-btn-icon-only studio-sortable-tree-node-handle studio-actionicon emotion-3"
@@ -36733,7 +31673,7 @@ exports[`<SortableTree /> > renders sortableRule.tsx correctly 1`] = `
         </span>
       </button>
       <div
-        id="DndDescribedBy-19"
+        id="DndDescribedBy-14"
         style="display: none;"
       >
         
@@ -36745,7 +31685,7 @@ exports[`<SortableTree /> > renders sortableRule.tsx correctly 1`] = `
       <div
         aria-atomic="true"
         aria-live="assertive"
-        id="DndLiveRegion-19"
+        id="DndLiveRegion-14"
         role="status"
         style="position: fixed; width: 1px; height: 1px; margin: -1px; border: 0px; padding: 0px; overflow: hidden; clip-path: inset(100%); white-space: nowrap;"
       />
@@ -37457,7 +32397,6 @@ exports[`<antd /> > renders select.tsx correctly 1`] = `
                   aria-controls="rc_select_TEST_OR_SSR_list"
                   aria-expanded="false"
                   aria-haspopup="listbox"
-                  aria-label="Search"
                   aria-owns="rc_select_TEST_OR_SSR_list"
                   autocomplete="off"
                   class="studio-select-selection-search-input"
@@ -37518,7 +32457,6 @@ exports[`<antd /> > renders select.tsx correctly 1`] = `
                   aria-controls="rc_select_TEST_OR_SSR_list"
                   aria-expanded="false"
                   aria-haspopup="listbox"
-                  aria-label="Search"
                   aria-owns="rc_select_TEST_OR_SSR_list"
                   autocomplete="off"
                   class="studio-select-selection-search-input"
@@ -37585,7 +32523,6 @@ exports[`<antd /> > renders select.tsx correctly 1`] = `
                   aria-controls="rc_select_TEST_OR_SSR_list"
                   aria-expanded="false"
                   aria-haspopup="listbox"
-                  aria-label="Search"
                   aria-owns="rc_select_TEST_OR_SSR_list"
                   autocomplete="off"
                   class="studio-select-selection-search-input"
@@ -37646,7 +32583,6 @@ exports[`<antd /> > renders select.tsx correctly 1`] = `
                   aria-controls="rc_select_TEST_OR_SSR_list"
                   aria-expanded="false"
                   aria-haspopup="listbox"
-                  aria-label="Search"
                   aria-owns="rc_select_TEST_OR_SSR_list"
                   autocomplete="off"
                   class="studio-select-selection-search-input"
@@ -38209,7 +33145,6 @@ exports[`<antd /> > renders treeselect.tsx correctly 1`] = `
           aria-controls="rc_select_TEST_OR_SSR_list"
           aria-expanded="false"
           aria-haspopup="listbox"
-          aria-label="Search"
           aria-owns="rc_select_TEST_OR_SSR_list"
           autocomplete="off"
           class="studio-select-selection-search-input"