fix(BasicTable): ColumnSetting mistake when use setColumns (#3408)

src/components/Table/src/components/settings/ColumnSetting.vue

@@ -113,7 +113,6 @@
   import { getPopupContainer as getParentContainer } from '@/utils';
   import { cloneDeep } from 'lodash-es';
   import Sortablejs from 'sortablejs';
-  import type Sortable from 'sortablejs';
 
   // 列表设置缓存
   import { useTableSettingStore } from '@/store/modules/tableSetting';
@@ -251,10 +250,6 @@
     } as CheckboxChangeEvent);
     // 重置默认值
     columnOptions.value = cloneDeep(defaultColumnOptions);
-    // 重置排序
-    sortableOrder = defaultSortableOrder;
-    // 排序
-    sortable?.sort(defaultSortableOrder);
     // 更新表单状态
     formUpdate();
   };
@@ -307,11 +302,6 @@
     return false;
   };
 
-  // sortable 实例
-  let sortable: Sortable;
-  // 排序
-  let sortableOrder: string[] = [];
-
   // 获取数据列
   const getTableColumns = () => {
     return table
@@ -365,7 +355,7 @@
     if (columnOptionsRef.value) {
       // 注册排序实例
       const el = (columnOptionsRef.value as InstanceType<typeof Checkbox.Group>).$el;
-      sortable = Sortablejs.create(unref(el), {
+      Sortablejs.create(unref(el), {
         animation: 500,
         delay: 400,
         delayOnTouchOnly: true,
@@ -397,9 +387,6 @@
           columnOptionsSave();
         },
       });
-
-      // 从缓存恢复
-      sortable.sort(sortableOrder);
     }
   };
 
@@ -473,10 +460,6 @@
   const isColumnAllSelectedUpdate = () => {
     isColumnAllSelected.value = columnOptions.value.length === columnCheckedOptions.value.length;
   };
-  // 从 列可选项 更新 排序
-  const sortableOrderUpdateByOptions = (options: ColumnOptionsType[]) => {
-    sortableOrder = options.map((o) => o.value);
-  };
   // 更新 showIndexColumn
   const showIndexColumnUpdate = (showIndexColumn) => {
     isInnerChange = true;
@@ -505,9 +488,6 @@
     // 从 列可选项 更新 全选状态
     isColumnAllSelectedUpdate();
 
-    // 从 列可选项 更新 排序
-    sortableOrderUpdateByOptions(columnOptions.value);
-
     // 更新 showIndexColumn
     showIndexColumnUpdate(isIndexColumnShow.value);
 
@@ -523,12 +503,9 @@
   let defaultIsRowSelectionShow: boolean = false;
   let defaultRowSelection: TableRowSelection<Recordable<any>>;
   let defaultColumnOptions: ColumnOptionsType[] = [];
-  let defaultSortableOrder: string[] = [];
 
   const init = async () => {
     if (!isRestored) {
-      await sortableFix();
-
       // 获取数据列
       const columns = getTableColumns();
 
@@ -559,9 +536,6 @@
         });
       }
 
-      // 默认值 缓存，浮窗出现的时候使用
-      defaultSortableOrder = options.map((o) => o.value);
-
       // 默认值 缓存
       defaultIsIndexColumnShow = table.getBindValues.value.showIndexColumn || false;
       defaultRowSelection = table.getRowSelection();
@@ -587,7 +561,12 @@
   };
 
   // 初始化
+  const once = async () => {
+    // 仅执行一次
+    await sortableFix();
     init();
+  };
+  once();
 
   // 外部列改变
   const getColumns = computed(() => {