refactor(form): 调整 table-group-list 属性透传与切换按钮控制方式

- TableGroupList 新增 showIndex、sortKey、sort 属性透传至 Table
- 切换按钮显示改由 config.enableToggleMode 或组件 prop 控制,Table 不再内置 enableToggleMode
- GroupList 新增 showIndex 属性
- DisplayConds 关闭切换模式
- GroupListConfig.beforeAddRow 返回值去掉 Promise 支持

Made-with: Cursor

packages/editor/src/fields/DisplayConds.vue

@@ -67,6 +67,7 @@ const config = computed<GroupListConfig>(() => ({
   name: props.name,
   titlePrefix: props.config.titlePrefix,
   expandAll: true,
+  enableToggleMode: false,
   items: [
     {
       type: 'table',

packages/form-schema/src/base.ts

@@ -806,7 +806,7 @@ export interface GroupListConfig<T = never> extends FormItem {
   };
   /** 最大行数 */
   max?: number;
-  beforeAddRow?: (mForm: FormState | undefined, data: any) => boolean | Promise<boolean>;
+  beforeAddRow?: (mForm: FormState | undefined, data: any) => boolean;
 }
 
 interface StepItemConfig<T = never> extends FormItem, ContainerCommonConfig<T> {

packages/form/src/containers/GroupList.vue

@@ -60,6 +60,7 @@ const props = defineProps<{
   prop?: string;
   size?: string;
   disabled?: boolean;
+  showIndex?: boolean;
 }>();
 
 const emit = defineEmits<{

packages/form/src/containers/TableGroupList.vue

@@ -11,12 +11,20 @@
     :last-values="lastValues"
     :prop="prop"
     :label-width="labelWidth"
+    :show-index="showIndex"
+    :sort-key="sortKey"
+    :sort="sort"
     @change="onChange"
     @select="onSelect"
     @addDiffCount="onAddDiffCount"
   >
     <template #toggle-button>
-      <TMagicButton v-if="config.enableToggleMode !== false" :icon="Grid" size="small" @click="toggleDisplayMode">
+      <TMagicButton
+        v-if="config.enableToggleMode || enableToggleMode"
+        :icon="Grid"
+        size="small"
+        @click="toggleDisplayMode"
+      >
         {{ displayMode === 'table' ? '展开配置' : '切换为表格' }}
       </TMagicButton>
     </template>
@@ -65,6 +73,10 @@ const props = defineProps<{
   labelWidth?: string;
   disabled?: boolean;
   size?: string;
+  enableToggleMode?: true;
+  showIndex?: boolean;
+  sortKey?: string;
+  sort?: boolean;
 }>();
 
 const emit = defineEmits(['change', 'select', 'addDiffCount']);

packages/form/src/table/Table.vue

@@ -34,7 +34,7 @@
 
         <div style="display: flex; justify-content: space-between; margin: 10px 0">
           <div style="display: flex">
-            <slot name="toggle-button" v-if="enableToggleMode && !isFullscreen"></slot>
+            <slot name="toggle-button" v-if="!isFullscreen"></slot>
             <TMagicButton
               :icon="FullScreen"
               size="small"
@@ -104,7 +104,6 @@ defineOptions({
 const props = withDefaults(defineProps<TableProps>(), {
   prop: '',
   sortKey: '',
-  enableToggleMode: true,
   showIndex: true,
   lastValues: () => ({}),
   isCompare: false,

packages/form/src/table/type.ts

@@ -13,6 +13,5 @@ export interface TableProps {
   sortKey?: string;
   text?: string;
   size?: string;
-  enableToggleMode?: boolean;
   showIndex?: boolean;
 }