fix: table actions issue

src/components/index.ts

@@ -8,16 +8,16 @@ import MetricLineChart from './chart/MetricLineChart.vue';
 import PieChart from './chart/PieChart.vue';
 import ContextMenu from './context-menu/ContextMenu.vue';
 import ContextMenuList from './context-menu/ContextMenuList.vue';
-import * as date from './date/date';
 import DateRangePicker from './date/DateRangePicker.vue';
 import DateTimeRangePicker from './date/DateTimeRangePicker.vue';
 import RangePicker from './date/RangePicker.vue';
+import * as date from './date/date';
 import ConfirmDialog from './dialog/ConfirmDialog.vue';
 import CreateEditDialog from './dialog/CreateEditDialog.vue';
 import Dialog from './dialog/Dialog.vue';
-import * as drag from './drag/drag';
 import DraggableItem from './drag/DraggableItem.vue';
 import DraggableList from './drag/DraggableList.vue';
+import * as drag from './drag/drag';
 import CreateEditDataSourceDialog from './ds/CreateEditDataSourceDialog.vue';
 import DataSourceConnectType from './ds/DataSourceConnectType.vue';
 import DataSourceForm from './ds/DataSourceForm.vue';
@@ -30,11 +30,9 @@ import CreateEditEnvironmentDialog from './environment/CreateEditEnvironmentDial
 import EnvironmentForm from './environment/EnvironmentForm.vue';
 import useEnvironment from './environment/useEnvironment';
 import ExportForm from './export/ExportForm.vue';
-import * as file from './file/file';
 import FileActions from './file/FileActions.vue';
 import FileEditor from './file/FileEditor.vue';
 import FileEditorCreateWithAiDialog from './file/FileEditorCreateWithAiDialog.vue';
-import * as fileEditorDropZone from './file/fileEditorDropZone';
 import FileEditorNavMenu from './file/FileEditorNavMenu.vue';
 import FileEditorNavMenuContextMenu from './file/FileEditorNavMenuContextMenu.vue';
 import FileEditorNavTabs from './file/FileEditorNavTabs.vue';
@@ -44,15 +42,17 @@ import FileEditorSettingsDialog from './file/FileEditorSettingsDialog.vue';
 import FileTab from './file/FileTab.vue';
 import FileUpload from './file/FileUpload.vue';
 import UploadFilesDialog from './file/UploadFilesDialog.vue';
-import * as filter from './filter/filter';
+import * as file from './file/file';
+import * as fileEditorDropZone from './file/fileEditorDropZone';
 import FilterCondition from './filter/FilterCondition.vue';
 import FilterConditionList from './filter/FilterConditionList.vue';
 import FilterInput from './filter/FilterInput.vue';
 import FilterSelect from './filter/FilterSelect.vue';
+import * as filter from './filter/filter';
 import Form from './form/Form.vue';
 import FormItem from './form/FormItem.vue';
-import * as formTable from './form/formTable';
 import FormTableField from './form/FormTableField.vue';
+import * as formTable from './form/formTable';
 import useForm from './form/useForm';
 import CreateEditGitDialog from './git/CreateEditGitDialog.vue';
 import CreateGitBranchDialog from './git/CreateGitBranchDialog.vue';
@@ -64,9 +64,9 @@ import GitStatus from './git/GitStatus.vue';
 import UploadGitFilesDialog from './git/UploadGitFilesDialog.vue';
 import useGit from './git/useGit';
 import AtomMaterialIcon from './icon/AtomMaterialIcon.vue';
-import * as icon from './icon/icon';
 import Icon from './icon/Icon.vue';
 import MenuItemIcon from './icon/MenuItemIcon.vue';
+import * as icon from './icon/icon';
 import InputList from './input/InputList.vue';
 import DetailTabList from './list/DetailTabList.vue';
 import NavActionBack from './nav/NavActionBack.vue';
@@ -89,8 +89,8 @@ import NodeStatus from './node/NodeStatus.vue';
 import NodeType from './node/NodeType.vue';
 import useNode from './node/useNode';
 import CreateEditNotificationDialog from './notification/CreateEditNotificationDialog.vue';
-import * as notification from './notification/notification';
 import NotificationForm from './notification/NotificationForm.vue';
+import * as notification from './notification/notification';
 import CreateEditProjectDialog from './project/CreateEditProjectDialog.vue';
 import ProjectForm from './project/ProjectForm.vue';
 import useProject from './project/useProject';
@@ -111,14 +111,8 @@ import UploadSpiderFilesDialog from './spider/UploadSpiderFilesDialog.vue';
 import useSpider from './spider/useSpider';
 import Switch from './switch/Switch.vue';
 import ActionTab from './tab/ActionTab.vue';
-import * as tab from './tab/tab';
 import Tab from './tab/Tab.vue';
-import * as action from './table/action';
-import * as column from './table/column';
-import * as data from './table/data';
-import * as header from './table/header';
-import * as pagination from './table/pagination';
-import * as store from './table/store';
+import * as tab from './tab/tab';
 import Table from './table/Table.vue';
 import TableActions from './table/TableActions.vue';
 import TableCell from './table/TableCell.vue';
@@ -128,6 +122,12 @@ import TableHeaderAction from './table/TableHeaderAction.vue';
 import TableHeaderDialog from './table/TableHeaderDialog.vue';
 import TableHeaderDialogFilter from './table/TableHeaderDialogFilter.vue';
 import TableHeaderDialogSort from './table/TableHeaderDialogSort.vue';
+import * as action from './table/action';
+import * as column from './table/column';
+import * as data from './table/data';
+import * as header from './table/header';
+import * as pagination from './table/pagination';
+import * as store from './table/store';
 import CheckTag from './tag/CheckTag.vue';
 import CheckTagGroup from './tag/CheckTagGroup.vue';
 import LinkTag from './tag/LinkTag.vue';
@@ -160,16 +160,16 @@ export {
   PieChart as ClPieChart,
   ContextMenu as ClContextMenu,
   ContextMenuList as ClContextMenuList,
-  date as date,
   DateRangePicker as ClDateRangePicker,
   DateTimeRangePicker as ClDateTimeRangePicker,
   RangePicker as ClRangePicker,
+  date as date,
   ConfirmDialog as ClConfirmDialog,
   CreateEditDialog as ClCreateEditDialog,
   Dialog as ClDialog,
-  drag as drag,
   DraggableItem as ClDraggableItem,
   DraggableList as ClDraggableList,
+  drag as drag,
   CreateEditDataSourceDialog as ClCreateEditDataSourceDialog,
   DataSourceConnectType as ClDataSourceConnectType,
   DataSourceForm as ClDataSourceForm,
@@ -182,11 +182,9 @@ export {
   EnvironmentForm as ClEnvironmentForm,
   useEnvironment as useEnvironment,
   ExportForm as ClExportForm,
-  file as file,
   FileActions as ClFileActions,
   FileEditor as ClFileEditor,
   FileEditorCreateWithAiDialog as ClFileEditorCreateWithAiDialog,
-  fileEditorDropZone as fileEditorDropZone,
   FileEditorNavMenu as ClFileEditorNavMenu,
   FileEditorNavMenuContextMenu as ClFileEditorNavMenuContextMenu,
   FileEditorNavTabs as ClFileEditorNavTabs,
@@ -196,15 +194,17 @@ export {
   FileTab as ClFileTab,
   FileUpload as ClFileUpload,
   UploadFilesDialog as ClUploadFilesDialog,
-  filter as filter,
+  file as file,
+  fileEditorDropZone as fileEditorDropZone,
   FilterCondition as ClFilterCondition,
   FilterConditionList as ClFilterConditionList,
   FilterInput as ClFilterInput,
   FilterSelect as ClFilterSelect,
+  filter as filter,
   Form as ClForm,
   FormItem as ClFormItem,
-  formTable as formTable,
   FormTableField as ClFormTableField,
+  formTable as formTable,
   useForm as useForm,
   CreateEditGitDialog as ClCreateEditGitDialog,
   CreateGitBranchDialog as ClCreateGitBranchDialog,
@@ -216,9 +216,9 @@ export {
   UploadGitFilesDialog as ClUploadGitFilesDialog,
   useGit as useGit,
   AtomMaterialIcon as ClAtomMaterialIcon,
-  icon as icon,
   Icon as ClIcon,
   MenuItemIcon as ClMenuItemIcon,
+  icon as icon,
   InputList as ClInputList,
   DetailTabList as ClDetailTabList,
   NavActionBack as ClNavActionBack,
@@ -241,8 +241,8 @@ export {
   NodeType as ClNodeType,
   useNode as useNode,
   CreateEditNotificationDialog as ClCreateEditNotificationDialog,
-  notification as notification,
   NotificationForm as ClNotificationForm,
+  notification as notification,
   CreateEditProjectDialog as ClCreateEditProjectDialog,
   ProjectForm as ClProjectForm,
   useProject as useProject,
@@ -263,14 +263,8 @@ export {
   useSpider as useSpider,
   Switch as ClSwitch,
   ActionTab as ClActionTab,
-  tab as tab,
   Tab as ClTab,
-  action as action,
-  column as column,
-  data as data,
-  header as header,
-  pagination as pagination,
-  store as store,
+  tab as tab,
   Table as ClTable,
   TableActions as ClTableActions,
   TableCell as ClTableCell,
@@ -280,6 +274,12 @@ export {
   TableHeaderDialog as ClTableHeaderDialog,
   TableHeaderDialogFilter as ClTableHeaderDialogFilter,
   TableHeaderDialogSort as ClTableHeaderDialogSort,
+  action as action,
+  column as column,
+  data as data,
+  header as header,
+  pagination as pagination,
+  store as store,
   CheckTag as ClCheckTag,
   CheckTagGroup as ClCheckTagGroup,
   LinkTag as ClLinkTag,

src/components/table/TableActions.vue

@@ -92,7 +92,7 @@ const conditions = () => {
   <div class="table-actions">
     <slot name="prefix"></slot>
     <cl-fa-icon-button
-      v-if="showButton(ACTION_EDIT)"
+      v-if="false && showButton(ACTION_EDIT)"
       :disabled="selection.length === 0"
       :icon="['fa', 'edit']"
       id="edit-btn"
@@ -114,6 +114,7 @@ const conditions = () => {
       @click="onDelete"
     />
     <div
+      v-if="false"
       v-export="{
         target,
         conditions,
@@ -131,7 +132,7 @@ const conditions = () => {
       />
     </div>
     <cl-fa-icon-button
-      v-if="showButton(TABLE_ACTION_CUSTOMIZE_COLUMNS)"
+      v-if="false && showButton(TABLE_ACTION_CUSTOMIZE_COLUMNS)"
       :icon="['fa', 'arrows-alt']"
       id="customize-columns-btn"
       class="action-btn customize-columns-btn"

src/components/transfer/Transfer.vue

@@ -2,7 +2,7 @@
 defineOptions({ name: 'ClTransfer' });
 import { computed, ref } from 'vue';
 import { translate } from '@/utils';
-import { DraggableItemData } from '@/components/drag/DraggableItem.vue';
+import { DraggableItemData } from '@/components/drag/drag';
 
 const props = defineProps<{
   value: string[];

src/layouts/index.ts

@@ -1,4 +1,5 @@
 import BlankLayout from './BlankLayout.vue';
+import NormalLayout from './NormalLayout.vue';
 import Header from './components/Header.vue';
 import Sidebar from './components/Sidebar.vue';
 import SidebarItem from './components/SidebarItem.vue';
@@ -8,10 +9,10 @@ import useDetail from './content/detail/useDetail';
 import ListLayout from './content/list/ListLayout.vue';
 import useList from './content/list/useList';
 import SimpleLayout from './content/simple/SimpleLayout.vue';
-import NormalLayout from './NormalLayout.vue';
 
 export {
   BlankLayout as ClBlankLayout,
+  NormalLayout as ClNormalLayout,
   Header as ClHeader,
   Sidebar as ClSidebar,
   SidebarItem as ClSidebarItem,
@@ -21,5 +22,4 @@ export {
   ListLayout as ClListLayout,
   useList as useList,
   SimpleLayout as ClSimpleLayout,
-  NormalLayout as ClNormalLayout,
 };

src/views/index.ts

@@ -17,11 +17,11 @@ import DataSourceList from './ds/list/DataSourceList.vue';
 import useDataSourceList from './ds/list/useDataSourceList';
 import EnvironmentList from './environment/list/EnvironmentList.vue';
 import useEnvironmentList from './environment/list/useEnvironmentList';
+import GitDetail from './git/detail/GitDetail.vue';
 import GitDetailActionsChanges from './git/detail/actions/GitDetailActionsChanges.vue';
 import GitDetailActionsCommon from './git/detail/actions/GitDetailActionsCommon.vue';
 import GitDetailActionsFiles from './git/detail/actions/GitDetailActionsFiles.vue';
 import GitDetailActionsSpiders from './git/detail/actions/GitDetailActionsSpiders.vue';
-import GitDetail from './git/detail/GitDetail.vue';
 import GitDetailTabChanges from './git/detail/tabs/GitDetailTabChanges.vue';
 import GitDetailTabFiles from './git/detail/tabs/GitDetailTabFiles.vue';
 import GitDetailTabLogs from './git/detail/tabs/GitDetailTabLogs.vue';
@@ -57,11 +57,11 @@ import ScheduleDetailTabTasks from './schedule/detail/tabs/ScheduleDetailTabTask
 import useScheduleDetail from './schedule/detail/useScheduleDetail';
 import ScheduleList from './schedule/list/ScheduleList.vue';
 import useScheduleList from './schedule/list/useScheduleList';
+import SpiderDetail from './spider/detail/SpiderDetail.vue';
 import SpiderDetailActionsCommon from './spider/detail/actions/SpiderDetailActionsCommon.vue';
 import SpiderDetailActionsData from './spider/detail/actions/SpiderDetailActionsData.vue';
 import SpiderDetailActionsDataSource from './spider/detail/actions/SpiderDetailActionsDataSource.vue';
 import SpiderDetailActionsFiles from './spider/detail/actions/SpiderDetailActionsFiles.vue';
-import SpiderDetail from './spider/detail/SpiderDetail.vue';
 import SpiderDetailTabData from './spider/detail/tabs/SpiderDetailTabData.vue';
 import SpiderDetailTabFiles from './spider/detail/tabs/SpiderDetailTabFiles.vue';
 import SpiderDetailTabOverview from './spider/detail/tabs/SpiderDetailTabOverview.vue';
@@ -72,20 +72,20 @@ import useSpiderDetail from './spider/detail/useSpiderDetail';
 import SpiderList from './spider/list/SpiderList.vue';
 import useSpiderList from './spider/list/useSpiderList';
 import SystemDetail from './system/detail/SystemDetail.vue';
+import TaskDetail from './task/detail/TaskDetail.vue';
 import TaskDetailActionsCommon from './task/detail/actions/TaskDetailActionsCommon.vue';
 import TaskDetailActionsData from './task/detail/actions/TaskDetailActionsData.vue';
 import TaskDetailActionsLogs from './task/detail/actions/TaskDetailActionsLogs.vue';
 import TaskDetailTabData from './task/detail/tabs/TaskDetailTabData.vue';
 import TaskDetailTabLogs from './task/detail/tabs/TaskDetailTabLogs.vue';
 import TaskDetailTabOverview from './task/detail/tabs/TaskDetailTabOverview.vue';
-import TaskDetail from './task/detail/TaskDetail.vue';
 import useTaskDetail from './task/detail/useTaskDetail';
 import TaskList from './task/list/TaskList.vue';
 import useTaskList from './task/list/useTaskList';
 import TokenList from './token/list/TokenList.vue';
 import useTokenList from './token/list/useTokenList';
-import UserDetailTabOverview from './user/detail/tabs/UserDetailTabOverview.vue';
 import UserDetail from './user/detail/UserDetail.vue';
+import UserDetailTabOverview from './user/detail/tabs/UserDetailTabOverview.vue';
 import useUserDetail from './user/detail/useUserDetail';
 import UserList from './user/list/UserList.vue';
 import useUserList from './user/list/useUserList';
@@ -110,11 +110,11 @@ export {
   useDataSourceList as useDataSourceList,
   EnvironmentList as ClEnvironmentList,
   useEnvironmentList as useEnvironmentList,
+  GitDetail as ClGitDetail,
   GitDetailActionsChanges as ClGitDetailActionsChanges,
   GitDetailActionsCommon as ClGitDetailActionsCommon,
   GitDetailActionsFiles as ClGitDetailActionsFiles,
   GitDetailActionsSpiders as ClGitDetailActionsSpiders,
-  GitDetail as ClGitDetail,
   GitDetailTabChanges as ClGitDetailTabChanges,
   GitDetailTabFiles as ClGitDetailTabFiles,
   GitDetailTabLogs as ClGitDetailTabLogs,
@@ -150,11 +150,11 @@ export {
   useScheduleDetail as useScheduleDetail,
   ScheduleList as ClScheduleList,
   useScheduleList as useScheduleList,
+  SpiderDetail as ClSpiderDetail,
   SpiderDetailActionsCommon as ClSpiderDetailActionsCommon,
   SpiderDetailActionsData as ClSpiderDetailActionsData,
   SpiderDetailActionsDataSource as ClSpiderDetailActionsDataSource,
   SpiderDetailActionsFiles as ClSpiderDetailActionsFiles,
-  SpiderDetail as ClSpiderDetail,
   SpiderDetailTabData as ClSpiderDetailTabData,
   SpiderDetailTabFiles as ClSpiderDetailTabFiles,
   SpiderDetailTabOverview as ClSpiderDetailTabOverview,
@@ -165,20 +165,20 @@ export {
   SpiderList as ClSpiderList,
   useSpiderList as useSpiderList,
   SystemDetail as ClSystemDetail,
+  TaskDetail as ClTaskDetail,
   TaskDetailActionsCommon as ClTaskDetailActionsCommon,
   TaskDetailActionsData as ClTaskDetailActionsData,
   TaskDetailActionsLogs as ClTaskDetailActionsLogs,
   TaskDetailTabData as ClTaskDetailTabData,
   TaskDetailTabLogs as ClTaskDetailTabLogs,
   TaskDetailTabOverview as ClTaskDetailTabOverview,
-  TaskDetail as ClTaskDetail,
   useTaskDetail as useTaskDetail,
   TaskList as ClTaskList,
   useTaskList as useTaskList,
   TokenList as ClTokenList,
   useTokenList as useTokenList,
-  UserDetailTabOverview as ClUserDetailTabOverview,
   UserDetail as ClUserDetail,
+  UserDetailTabOverview as ClUserDetailTabOverview,
   useUserDetail as useUserDetail,
   UserList as ClUserList,
   useUserList as useUserList,