fix: 表格组件enableDrag字段替换成draggable

2024-06-25 18:13:08 +08:00 · 2024-06-25 18:13:08 +08:00 · e212c80a3d
parent 45124ddd5e
commit e212c80a3d
22 changed files with 6 additions and 27 deletions
--- a/frontend/src/components/pure/ms-table/useTable.ts
+++ b/frontend/src/components/pure/ms-table/useTable.ts
@ -66,7 +66,6 @@ export default function useTableProps<T>(
    selectorStatus: SelectAllEnum.NONE, // 选择器状态
    showSelectorAll: true, // 是否显示全选
    /** end */
-    enableDrag: false, // 是否可拖拽
    showSetting: false, // 是否展示列选择器
    columnResizable: true,
    pagination: false, // 禁用 arco-table 的分页
@ -114,11 +113,6 @@ export default function useTableProps<T>(
    };
  }

-  // 是否可拖拽
-  if (propsRes.value.enableDrag) {
-    propsRes.value.draggable = { type: 'handle' };
-  }
-
  // 加载效果
  const setLoading = (status: boolean) => {
    propsRes.value.loading = status;
--- a/frontend/src/views/bug-management/components/bugCaseTab.vue
+++ b/frontend/src/views/bug-management/components/bugCaseTab.vue
@ -191,7 +191,6 @@
    columns,
    scroll: { x: '100%' },
    heightUsed: 310,
-    enableDrag: false,
  });

  const innerVisible = ref(false);
--- a/frontend/src/views/case-management/caseManagementFeature/components/addStep.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/addStep.vue
@ -218,7 +218,7 @@
    size: 'default',
    showSetting: false,
    showPagination: false,
-    enableDrag: true,
+    draggable: { type: 'handle' },
  });

  // 复制步骤
--- a/frontend/src/views/case-management/caseManagementFeature/components/caseTable.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/caseTable.vue
@ -838,7 +838,7 @@
      selectable: true,
      showSetting: true,
      heightUsed: 236,
-      enableDrag: true,
+      draggable: { type: 'handle' },
      showSubdirectory: true,
      paginationSize: 'mini',
    },
--- a/frontend/src/views/case-management/caseManagementFeature/components/recycleCaseTable.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/recycleCaseTable.vue
@ -232,7 +232,7 @@
      selectable: true,
      showSetting: true,
      heightUsed: 380,
-      enableDrag: true,
+      draggable: { type: 'handle' },
      showSubdirectory: true,
    },
    (record) => ({
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/bugList.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/bugList.vue
@ -99,7 +99,6 @@
    columns: props.bugColumns,
    scroll: { x: '100%' },
    heightUsed: 340,
-    enableDrag: false,
  });

  const innerKeyword = useVModel(props, 'keyword', emit);
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/linkDefectDrawer.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/linkDefectDrawer.vue
@ -149,7 +149,6 @@
      selectable: true,
      showSelectorAll: props.showSelectorAll,
      heightUsed: 340,
-      enableDrag: false,
    },
    (record) => {
      return {
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/tabDefect.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabBug/tabDefect.vue
@ -295,7 +295,7 @@
  } = useTable(getLinkedCaseBugList, {
    columns: testPlanColumns,
    heightUsed: 354,
-    enableDrag: true,
+    draggable: { type: 'handle' },
  });

  function initTableParams() {
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCase/tabCaseTable.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCase/tabCaseTable.vue
@ -181,7 +181,6 @@
    scroll: { x: '100%' },
    showSelectorAll: false,
    heightUsed: 340,
-    enableDrag: false,
  });

  const innerVisible = ref(false);
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCaseReview.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabCaseReview.vue
@ -133,7 +133,7 @@
    tableKey: TableKeyEnum.CASE_MANAGEMENT_TAB_REVIEW,
    scroll: { x: '100%' },
    heightUsed: 360,
-    enableDrag: true,
+    draggable: { type: 'handle' },
  });

  async function initData() {
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabChangeHistory.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabChangeHistory.vue
@ -159,7 +159,6 @@
    scroll: { x: '100%' },
    selectable: false,
    heightUsed: 340,
-    enableDrag: false,
  });

  const form = ref({
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/tabDependency.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabDependency/tabDependency.vue
@ -162,7 +162,6 @@
    selectable: false,
    noDisable: true,
    showSetting: false,
-    enableDrag: false,
  });

  function getParams() {
--- a/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabTestPlan.vue
+++ b/frontend/src/views/case-management/caseManagementFeature/components/tabContent/tabTestPlan.vue
@ -144,7 +144,6 @@
      tableKey: TableKeyEnum.CASE_MANAGEMENT_TAB_TEST_PLAN,
      scroll: { x: '100%' },
      heightUsed: 340,
-      enableDrag: false,
    },
    (item) => {
      return {
--- a/frontend/src/views/project-management/environmental/components/envParams/HttpTab.vue
+++ b/frontend/src/views/project-management/environmental/components/envParams/HttpTab.vue
@ -178,7 +178,7 @@
    noDisable: true,
    showSetting: true,
    showPagination: false,
-    enableDrag: true,
+    draggable: { type: 'handle' },
    showMode: false,
    heightUsed: 644,
    debug: true,
--- a/frontend/src/views/project-management/environmental/components/envParams/popUp/domain.vue
+++ b/frontend/src/views/project-management/environmental/components/envParams/popUp/domain.vue
@ -104,7 +104,6 @@
    noDisable: true,
    showSetting: false,
    showPagination: false,
-    enableDrag: false,
    showMode: false,
    heightUsed: 644,
    debug: true,
--- a/frontend/src/views/project-management/taskCenter/component/apiCase.vue
+++ b/frontend/src/views/project-management/taskCenter/component/apiCase.vue
@ -394,7 +394,6 @@
      showSetting: true,
      selectable: hasOperationPermission.value,
      heightUsed: 330,
-      enableDrag: false,
      showSelectAll: true,
    }
  );
--- a/frontend/src/views/project-management/taskCenter/component/scheduledTask.vue
+++ b/frontend/src/views/project-management/taskCenter/component/scheduledTask.vue
@ -432,7 +432,6 @@
        showSetting: true,
        selectable: hasOperationPermission.value,
        heightUsed: 300,
-        enableDrag: false,
        showSelectorAll: true,
      },
      // eslint-disable-next-line no-return-assign
--- a/frontend/src/views/project-management/taskCenter/component/testPlan.vue
+++ b/frontend/src/views/project-management/taskCenter/component/testPlan.vue
@ -346,7 +346,6 @@
      showSetting: true,
      selectable: hasOperationPermission.value,
      heightUsed: 330,
-      enableDrag: false,
      showSelectAll: true,
    }
  );
--- a/frontend/src/views/setting/organization/template/components/caseTemplateLeftContent.vue
+++ b/frontend/src/views/setting/organization/template/components/caseTemplateLeftContent.vue
@ -169,7 +169,6 @@
    size: 'default',
    showSetting: true,
    showPagination: false,
-    enableDrag: false,
  });

  const addStep = () => {};
--- a/frontend/src/views/test-plan/testPlan/detail/bugManagement/caseCountPopover.vue
+++ b/frontend/src/views/test-plan/testPlan/detail/bugManagement/caseCountPopover.vue
@ -56,7 +56,6 @@
    scroll: { x: '100%' },
    showSelectorAll: false,
    heightUsed: 340,
-    enableDrag: false,
    showPagination: false,
  });

--- a/frontend/src/views/test-plan/testPlan/detail/bugManagement/index.vue
+++ b/frontend/src/views/test-plan/testPlan/detail/bugManagement/index.vue
@ -144,7 +144,6 @@
    scroll: { x: '100%' },
    showSelectorAll: false,
    heightUsed: 340,
-    enableDrag: false,
  });

  const count = computed(() => {
--- a/frontend/src/views/test-plan/testPlan/detail/featureCase/components/bugCountPopover.vue
+++ b/frontend/src/views/test-plan/testPlan/detail/featureCase/components/bugCountPopover.vue
@ -76,7 +76,6 @@
    scroll: { x: '100%' },
    showSelectorAll: false,
    heightUsed: 340,
-    enableDrag: false,
    showPagination: false,
  });
  const { propsRes, propsEvent, setLoading } = useTable(undefined, tableProps.value);