diff --git a/frontend/__test__/components/footer.spec.ts b/frontend/__test__/components/footer.spec.ts
index c8c5a43eaf..fbbb3f81f2 100644
--- a/frontend/__test__/components/footer.spec.ts
+++ b/frontend/__test__/components/footer.spec.ts
@@ -1,6 +1,6 @@
 import { mount } from '@vue/test-utils';
 import { describe, expect, test } from 'vitest';
-import Footer from '@/components/footer/index.vue';
+import Footer from '@/components/pure/footer/index.vue';
 
 describe('Footer', () => {
   test('renders the correct text', () => {
diff --git a/frontend/src/__test__/table.spec.ts b/frontend/__test__/components/table.spec.ts
similarity index 86%
rename from frontend/src/__test__/table.spec.ts
rename to frontend/__test__/components/table.spec.ts
index 1670df1918..7335f7ef59 100644
--- a/frontend/src/__test__/table.spec.ts
+++ b/frontend/__test__/components/table.spec.ts
@@ -1,9 +1,9 @@
 import { mount } from '@vue/test-utils';
 import { describe, expect, test } from 'vitest';
-import MsBaseTable from '@/components/ms-table/base-table.vue';
+import MsBaseTable from '@/components/pure/ms-table/base-table.vue';
 import { nextTick } from 'vue';
-import { MsTableColumn } from '@/components/ms-table/type';
-import useTable from '@/components/ms-table/useTable';
+import { MsTableColumn } from '@/components/pure/ms-table/type';
+import useTable from '@/components/pure/ms-table/useTable';
 import { getTableList } from '@/api/modules/api-test/index';
 
 const columns: MsTableColumn = [
@@ -71,7 +71,6 @@ describe('MS-Table', () => {
   test('init table with useTable', async () => {
     const { propsRes, propsEvent, loadList, setProps } = useTable(getTableList, {
       columns,
-      pagination: { current: 1, pageSize: 1 },
     });
 
     const wrapper = mount(MsBaseTable, {
@@ -85,7 +84,7 @@ describe('MS-Table', () => {
     expect(propsRes.value.data.length).toBe(2);
     expect(content).toBe('e7bd7179-d63a-43a5-1a65-218473ee69ca');
 
-    setProps({ pagination: { current: 2, pageSize: 1 } });
+    setProps({});
     loadList();
 
     await nextTick();
diff --git a/frontend/components.d.ts b/frontend/components.d.ts
index 0c52a8c177..e126c83e40 100644
--- a/frontend/components.d.ts
+++ b/frontend/components.d.ts
@@ -5,57 +5,57 @@
 // Read more: https://github.com/vuejs/core/pull/3399
 import '@vue/runtime-core'
 
-export {};
+export {}
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
-    AAffix: typeof import('@arco-design/web-vue')['Affix'];
-    AAlert: typeof import('@arco-design/web-vue')['Alert'];
-    AAvatar: typeof import('@arco-design/web-vue')['Avatar'];
-    ABadge: typeof import('@arco-design/web-vue')['Badge'];
-    ABreadcrumb: typeof import('@arco-design/web-vue')['Breadcrumb'];
-    ABreadcrumbItem: typeof import('@arco-design/web-vue')['BreadcrumbItem'];
-    AButton: typeof import('@arco-design/web-vue')['Button'];
-    ACard: typeof import('@arco-design/web-vue')['Card'];
-    ACardMeta: typeof import('@arco-design/web-vue')['CardMeta'];
-    ACol: typeof import('@arco-design/web-vue')['Col'];
-    AConfigProvider: typeof import('@arco-design/web-vue')['ConfigProvider'];
-    ADivider: typeof import('@arco-design/web-vue')['Divider'];
-    ADoption: typeof import('@arco-design/web-vue')['Doption'];
-    ADrawer: typeof import('@arco-design/web-vue')['Drawer'];
-    ADropdown: typeof import('@arco-design/web-vue')['Dropdown'];
-    AInputNumber: typeof import('@arco-design/web-vue')['InputNumber'];
-    ALayout: typeof import('@arco-design/web-vue')['Layout'];
-    ALayoutContent: typeof import('@arco-design/web-vue')['LayoutContent'];
-    ALayoutFooter: typeof import('@arco-design/web-vue')['LayoutFooter'];
-    ALayoutSider: typeof import('@arco-design/web-vue')['LayoutSider'];
-    ALink: typeof import('@arco-design/web-vue')['Link'];
-    AList: typeof import('@arco-design/web-vue')['List'];
-    AListItem: typeof import('@arco-design/web-vue')['ListItem'];
-    AListItemMeta: typeof import('@arco-design/web-vue')['ListItemMeta'];
-    AMenu: typeof import('@arco-design/web-vue')['Menu'];
-    AMenuItem: typeof import('@arco-design/web-vue')['MenuItem'];
-    AModal: typeof import('@arco-design/web-vue')['Modal'];
-    AOption: typeof import('@arco-design/web-vue')['Option'];
-    APagination: typeof import('@arco-design/web-vue')['Pagination'];
-    APopover: typeof import('@arco-design/web-vue')['Popover'];
-    AResult: typeof import('@arco-design/web-vue')['Result'];
-    ARow: typeof import('@arco-design/web-vue')['Row'];
-    ASelect: typeof import('@arco-design/web-vue')['Select'];
-    ASkeleton: typeof import('@arco-design/web-vue')['Skeleton'];
-    ASkeletonLine: typeof import('@arco-design/web-vue')['SkeletonLine'];
-    ASkeletonShape: typeof import('@arco-design/web-vue')['SkeletonShape'];
-    ASpace: typeof import('@arco-design/web-vue')['Space'];
-    ASpin: typeof import('@arco-design/web-vue')['Spin'];
-    ASubMenu: typeof import('@arco-design/web-vue')['SubMenu'];
-    ASwitch: typeof import('@arco-design/web-vue')['Switch'];
-    ATabPane: typeof import('@arco-design/web-vue')['TabPane'];
-    ATabs: typeof import('@arco-design/web-vue')['Tabs'];
-    ATag: typeof import('@arco-design/web-vue')['Tag'];
-    ATooltip: typeof import('@arco-design/web-vue')['Tooltip'];
-    ATypographyParagraph: typeof import('@arco-design/web-vue')['TypographyParagraph'];
-    ATypographyText: typeof import('@arco-design/web-vue')['TypographyText'];
-    RouterLink: typeof import('vue-router')['RouterLink'];
-    RouterView: typeof import('vue-router')['RouterView'];
+    AAffix: typeof import('@arco-design/web-vue')['Affix']
+    AAlert: typeof import('@arco-design/web-vue')['Alert']
+    AAvatar: typeof import('@arco-design/web-vue')['Avatar']
+    ABadge: typeof import('@arco-design/web-vue')['Badge']
+    ABreadcrumb: typeof import('@arco-design/web-vue')['Breadcrumb']
+    ABreadcrumbItem: typeof import('@arco-design/web-vue')['BreadcrumbItem']
+    AButton: typeof import('@arco-design/web-vue')['Button']
+    ACard: typeof import('@arco-design/web-vue')['Card']
+    ACardMeta: typeof import('@arco-design/web-vue')['CardMeta']
+    ACol: typeof import('@arco-design/web-vue')['Col']
+    AConfigProvider: typeof import('@arco-design/web-vue')['ConfigProvider']
+    ADivider: typeof import('@arco-design/web-vue')['Divider']
+    ADoption: typeof import('@arco-design/web-vue')['Doption']
+    ADrawer: typeof import('@arco-design/web-vue')['Drawer']
+    ADropdown: typeof import('@arco-design/web-vue')['Dropdown']
+    AInputNumber: typeof import('@arco-design/web-vue')['InputNumber']
+    ALayout: typeof import('@arco-design/web-vue')['Layout']
+    ALayoutContent: typeof import('@arco-design/web-vue')['LayoutContent']
+    ALayoutFooter: typeof import('@arco-design/web-vue')['LayoutFooter']
+    ALayoutSider: typeof import('@arco-design/web-vue')['LayoutSider']
+    ALink: typeof import('@arco-design/web-vue')['Link']
+    AList: typeof import('@arco-design/web-vue')['List']
+    AListItem: typeof import('@arco-design/web-vue')['ListItem']
+    AListItemMeta: typeof import('@arco-design/web-vue')['ListItemMeta']
+    AMenu: typeof import('@arco-design/web-vue')['Menu']
+    AMenuItem: typeof import('@arco-design/web-vue')['MenuItem']
+    AModal: typeof import('@arco-design/web-vue')['Modal']
+    AOption: typeof import('@arco-design/web-vue')['Option']
+    APagination: typeof import('@arco-design/web-vue')['Pagination']
+    APopover: typeof import('@arco-design/web-vue')['Popover']
+    AResult: typeof import('@arco-design/web-vue')['Result']
+    ARow: typeof import('@arco-design/web-vue')['Row']
+    ASelect: typeof import('@arco-design/web-vue')['Select']
+    ASkeleton: typeof import('@arco-design/web-vue')['Skeleton']
+    ASkeletonLine: typeof import('@arco-design/web-vue')['SkeletonLine']
+    ASkeletonShape: typeof import('@arco-design/web-vue')['SkeletonShape']
+    ASpace: typeof import('@arco-design/web-vue')['Space']
+    ASpin: typeof import('@arco-design/web-vue')['Spin']
+    ASubMenu: typeof import('@arco-design/web-vue')['SubMenu']
+    ASwitch: typeof import('@arco-design/web-vue')['Switch']
+    ATabPane: typeof import('@arco-design/web-vue')['TabPane']
+    ATabs: typeof import('@arco-design/web-vue')['Tabs']
+    ATag: typeof import('@arco-design/web-vue')['Tag']
+    ATooltip: typeof import('@arco-design/web-vue')['Tooltip']
+    ATypographyParagraph: typeof import('@arco-design/web-vue')['TypographyParagraph']
+    ATypographyText: typeof import('@arco-design/web-vue')['TypographyText']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
   }
 }
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 716fc6304e..01e71a01ae 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -2,7 +2,6 @@
   <a-config-provider :locale="locale">
     <router-view />
     <global-setting />
-    <ThemeBox />
   </a-config-provider>
 </template>
 
@@ -10,9 +9,8 @@
   import { computed } from 'vue';
   import enUS from '@arco-design/web-vue/es/locale/lang/en-us';
   import zhCN from '@arco-design/web-vue/es/locale/lang/zh-cn';
-  import GlobalSetting from '@/components/global-setting/index.vue';
+  import GlobalSetting from '@/components/pure/global-setting/index.vue';
   import useLocale from '@/locale/useLocale';
-  import ThemeBox from '@/components/theme-box/index.vue';
 
   const { currentLocale } = useLocale();
   const locale = computed(() => {
diff --git a/frontend/src/api/modules/api-test/index.ts b/frontend/src/api/modules/api-test/index.ts
index 16465d66a5..442566745c 100644
--- a/frontend/src/api/modules/api-test/index.ts
+++ b/frontend/src/api/modules/api-test/index.ts
@@ -1,13 +1,13 @@
 import MSR from '@/api/http/index';
 import { GetApiTestList, GetApiTestListUrl } from '@/api/requrls/api-test';
-import { QueryParams } from '@/components/ms-table/useTable';
+import { QueryParams } from '@/models/common';
 import { ApiTestListI } from '@/models/api-test';
 
 export function getTableList(params: QueryParams) {
-  const { current, pageSize } = params;
+  const { current, pageSize, sort, filter, keyword } = params;
   return MSR.post<ApiTestListI>({
     url: GetApiTestList,
-    data: { current, pageSize, projectId: 'test-project-id' },
+    data: { current, pageSize, sort, filter, keyword, projectId: 'test-project-id' },
   });
 }
 
diff --git a/frontend/src/components/ms-table/base-table.vue b/frontend/src/components/ms-table/base-table.vue
deleted file mode 100644
index d5c5e7915e..0000000000
--- a/frontend/src/components/ms-table/base-table.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <div class="ms-base-tale">
-    <a-table v-bind="$attrs">
-      <template v-for="(item, key, i) in slots" :key="i" #[key]="{ record, rowIndex, column }">
-        <slot :name="key" v-bind="{ rowIndex, record, column }"></slot>
-      </template>
-    </a-table>
-  </div>
-</template>
-
-<script lang="ts" setup>
-  import { useSlots } from 'vue';
-
-  const slots = useSlots();
-</script>
diff --git a/frontend/src/components/ms-table/locale/en-US.ts b/frontend/src/components/ms-table/locale/en-US.ts
deleted file mode 100644
index 0dbf930a82..0000000000
--- a/frontend/src/components/ms-table/locale/en-US.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  msTable: {},
-};
diff --git a/frontend/src/components/ms-table/locale/zh-CN.ts b/frontend/src/components/ms-table/locale/zh-CN.ts
deleted file mode 100644
index 0dbf930a82..0000000000
--- a/frontend/src/components/ms-table/locale/zh-CN.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export default {
-  msTable: {},
-};
diff --git a/frontend/src/components/ace-editor/index.vue b/frontend/src/components/pure/ace-editor/index.vue
similarity index 100%
rename from frontend/src/components/ace-editor/index.vue
rename to frontend/src/components/pure/ace-editor/index.vue
diff --git a/frontend/src/components/breadcrumb/index.vue b/frontend/src/components/pure/breadcrumb/index.vue
similarity index 100%
rename from frontend/src/components/breadcrumb/index.vue
rename to frontend/src/components/pure/breadcrumb/index.vue
diff --git a/frontend/src/components/chart/index.vue b/frontend/src/components/pure/chart/index.vue
similarity index 100%
rename from frontend/src/components/chart/index.vue
rename to frontend/src/components/pure/chart/index.vue
diff --git a/frontend/src/components/flow-editor/index.vue b/frontend/src/components/pure/flow-editor/index.vue
similarity index 100%
rename from frontend/src/components/flow-editor/index.vue
rename to frontend/src/components/pure/flow-editor/index.vue
diff --git a/frontend/src/components/footer/index.vue b/frontend/src/components/pure/footer/index.vue
similarity index 100%
rename from frontend/src/components/footer/index.vue
rename to frontend/src/components/pure/footer/index.vue
diff --git a/frontend/src/components/global-setting/block.vue b/frontend/src/components/pure/global-setting/block.vue
similarity index 100%
rename from frontend/src/components/global-setting/block.vue
rename to frontend/src/components/pure/global-setting/block.vue
diff --git a/frontend/src/components/global-setting/form-wrapper.vue b/frontend/src/components/pure/global-setting/form-wrapper.vue
similarity index 100%
rename from frontend/src/components/global-setting/form-wrapper.vue
rename to frontend/src/components/pure/global-setting/form-wrapper.vue
diff --git a/frontend/src/components/global-setting/index.vue b/frontend/src/components/pure/global-setting/index.vue
similarity index 100%
rename from frontend/src/components/global-setting/index.vue
rename to frontend/src/components/pure/global-setting/index.vue
diff --git a/frontend/src/components/jsonpath-picker/index.vue b/frontend/src/components/pure/jsonpath-picker/index.vue
similarity index 100%
rename from frontend/src/components/jsonpath-picker/index.vue
rename to frontend/src/components/pure/jsonpath-picker/index.vue
diff --git a/frontend/src/components/menu/index.vue b/frontend/src/components/pure/menu/index.vue
similarity index 100%
rename from frontend/src/components/menu/index.vue
rename to frontend/src/components/pure/menu/index.vue
diff --git a/frontend/src/components/menu/use-menu-tree.ts b/frontend/src/components/pure/menu/use-menu-tree.ts
similarity index 100%
rename from frontend/src/components/menu/use-menu-tree.ts
rename to frontend/src/components/pure/menu/use-menu-tree.ts
diff --git a/frontend/src/components/message-box/index.vue b/frontend/src/components/pure/message-box/index.vue
similarity index 100%
rename from frontend/src/components/message-box/index.vue
rename to frontend/src/components/pure/message-box/index.vue
diff --git a/frontend/src/components/message-box/list.vue b/frontend/src/components/pure/message-box/list.vue
similarity index 100%
rename from frontend/src/components/message-box/list.vue
rename to frontend/src/components/pure/message-box/list.vue
diff --git a/frontend/src/components/message-box/locale/en-US.ts b/frontend/src/components/pure/message-box/locale/en-US.ts
similarity index 100%
rename from frontend/src/components/message-box/locale/en-US.ts
rename to frontend/src/components/pure/message-box/locale/en-US.ts
diff --git a/frontend/src/components/message-box/locale/zh-CN.ts b/frontend/src/components/pure/message-box/locale/zh-CN.ts
similarity index 100%
rename from frontend/src/components/message-box/locale/zh-CN.ts
rename to frontend/src/components/pure/message-box/locale/zh-CN.ts
diff --git a/frontend/src/components/minder-editor/locale/en-US.ts b/frontend/src/components/pure/minder-editor/locale/en-US.ts
similarity index 100%
rename from frontend/src/components/minder-editor/locale/en-US.ts
rename to frontend/src/components/pure/minder-editor/locale/en-US.ts
diff --git a/frontend/src/components/minder-editor/locale/zh-CN.ts b/frontend/src/components/pure/minder-editor/locale/zh-CN.ts
similarity index 100%
rename from frontend/src/components/minder-editor/locale/zh-CN.ts
rename to frontend/src/components/pure/minder-editor/locale/zh-CN.ts
diff --git a/frontend/src/components/minder-editor/main/header.vue b/frontend/src/components/pure/minder-editor/main/header.vue
similarity index 100%
rename from frontend/src/components/minder-editor/main/header.vue
rename to frontend/src/components/pure/minder-editor/main/header.vue
diff --git a/frontend/src/components/minder-editor/main/mainEditor.vue b/frontend/src/components/pure/minder-editor/main/mainEditor.vue
similarity index 100%
rename from frontend/src/components/minder-editor/main/mainEditor.vue
rename to frontend/src/components/pure/minder-editor/main/mainEditor.vue
diff --git a/frontend/src/components/minder-editor/main/navigator.vue b/frontend/src/components/pure/minder-editor/main/navigator.vue
similarity index 100%
rename from frontend/src/components/minder-editor/main/navigator.vue
rename to frontend/src/components/pure/minder-editor/main/navigator.vue
diff --git a/frontend/src/components/minder-editor/menu/edit/editDel.vue b/frontend/src/components/pure/minder-editor/menu/edit/editDel.vue
similarity index 100%
rename from frontend/src/components/minder-editor/menu/edit/editDel.vue
rename to frontend/src/components/pure/minder-editor/menu/edit/editDel.vue
diff --git a/frontend/src/components/minder-editor/menu/edit/editMenu.vue b/frontend/src/components/pure/minder-editor/menu/edit/editMenu.vue
similarity index 100%
rename from frontend/src/components/minder-editor/menu/edit/editMenu.vue
rename to frontend/src/components/pure/minder-editor/menu/edit/editMenu.vue
diff --git a/frontend/src/components/minder-editor/menu/edit/expand.vue b/frontend/src/components/pure/minder-editor/menu/edit/expand.vue
similarity index 100%
rename from frontend/src/components/minder-editor/menu/edit/expand.vue
rename to frontend/src/components/pure/minder-editor/menu/edit/expand.vue
diff --git a/frontend/src/components/minder-editor/menu/edit/insertBox.vue b/frontend/src/components/pure/minder-editor/menu/edit/insertBox.vue
similarity index 100%
rename from frontend/src/components/minder-editor/menu/edit/insertBox.vue
rename to frontend/src/components/pure/minder-editor/menu/edit/insertBox.vue
diff --git a/frontend/src/components/minder-editor/menu/edit/moveBox.vue b/frontend/src/components/pure/minder-editor/menu/edit/moveBox.vue
similarity index 100%
rename from frontend/src/components/minder-editor/menu/edit/moveBox.vue
rename to frontend/src/components/pure/minder-editor/menu/edit/moveBox.vue
diff --git a/frontend/src/components/minder-editor/menu/edit/progressBox.vue b/frontend/src/components/pure/minder-editor/menu/edit/progressBox.vue
similarity index 100%
rename from frontend/src/components/minder-editor/menu/edit/progressBox.vue
rename to frontend/src/components/pure/minder-editor/menu/edit/progressBox.vue
diff --git a/frontend/src/components/minder-editor/menu/edit/selection.vue b/frontend/src/components/pure/minder-editor/menu/edit/selection.vue
similarity index 100%
rename from frontend/src/components/minder-editor/menu/edit/selection.vue
rename to frontend/src/components/pure/minder-editor/menu/edit/selection.vue
diff --git a/frontend/src/components/minder-editor/menu/edit/sequenceBox.vue b/frontend/src/components/pure/minder-editor/menu/edit/sequenceBox.vue
similarity index 100%
rename from frontend/src/components/minder-editor/menu/edit/sequenceBox.vue
rename to frontend/src/components/pure/minder-editor/menu/edit/sequenceBox.vue
diff --git a/frontend/src/components/minder-editor/menu/edit/tagBox.vue b/frontend/src/components/pure/minder-editor/menu/edit/tagBox.vue
similarity index 100%
rename from frontend/src/components/minder-editor/menu/edit/tagBox.vue
rename to frontend/src/components/pure/minder-editor/menu/edit/tagBox.vue
diff --git a/frontend/src/components/minder-editor/menu/view/arrange.vue b/frontend/src/components/pure/minder-editor/menu/view/arrange.vue
similarity index 100%
rename from frontend/src/components/minder-editor/menu/view/arrange.vue
rename to frontend/src/components/pure/minder-editor/menu/view/arrange.vue
diff --git a/frontend/src/components/minder-editor/menu/view/fontOperation.vue b/frontend/src/components/pure/minder-editor/menu/view/fontOperation.vue
similarity index 100%
rename from frontend/src/components/minder-editor/menu/view/fontOperation.vue
rename to frontend/src/components/pure/minder-editor/menu/view/fontOperation.vue
diff --git a/frontend/src/components/minder-editor/menu/view/mold.vue b/frontend/src/components/pure/minder-editor/menu/view/mold.vue
similarity index 100%
rename from frontend/src/components/minder-editor/menu/view/mold.vue
rename to frontend/src/components/pure/minder-editor/menu/view/mold.vue
diff --git a/frontend/src/components/minder-editor/menu/view/styleOperation.vue b/frontend/src/components/pure/minder-editor/menu/view/styleOperation.vue
similarity index 100%
rename from frontend/src/components/minder-editor/menu/view/styleOperation.vue
rename to frontend/src/components/pure/minder-editor/menu/view/styleOperation.vue
diff --git a/frontend/src/components/minder-editor/menu/view/viewMenu.vue b/frontend/src/components/pure/minder-editor/menu/view/viewMenu.vue
similarity index 100%
rename from frontend/src/components/minder-editor/menu/view/viewMenu.vue
rename to frontend/src/components/pure/minder-editor/menu/view/viewMenu.vue
diff --git a/frontend/src/components/minder-editor/minderEditor.vue b/frontend/src/components/pure/minder-editor/minderEditor.vue
similarity index 100%
rename from frontend/src/components/minder-editor/minderEditor.vue
rename to frontend/src/components/pure/minder-editor/minderEditor.vue
diff --git a/frontend/src/components/minder-editor/props.ts b/frontend/src/components/pure/minder-editor/props.ts
similarity index 100%
rename from frontend/src/components/minder-editor/props.ts
rename to frontend/src/components/pure/minder-editor/props.ts
diff --git a/frontend/src/components/minder-editor/script/editor.ts b/frontend/src/components/pure/minder-editor/script/editor.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/editor.ts
rename to frontend/src/components/pure/minder-editor/script/editor.ts
diff --git a/frontend/src/components/minder-editor/script/expose-editor.ts b/frontend/src/components/pure/minder-editor/script/expose-editor.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/expose-editor.ts
rename to frontend/src/components/pure/minder-editor/script/expose-editor.ts
diff --git a/frontend/src/components/minder-editor/script/protocol/freemind.ts b/frontend/src/components/pure/minder-editor/script/protocol/freemind.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/protocol/freemind.ts
rename to frontend/src/components/pure/minder-editor/script/protocol/freemind.ts
diff --git a/frontend/src/components/minder-editor/script/protocol/json.ts b/frontend/src/components/pure/minder-editor/script/protocol/json.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/protocol/json.ts
rename to frontend/src/components/pure/minder-editor/script/protocol/json.ts
diff --git a/frontend/src/components/minder-editor/script/protocol/markdown.ts b/frontend/src/components/pure/minder-editor/script/protocol/markdown.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/protocol/markdown.ts
rename to frontend/src/components/pure/minder-editor/script/protocol/markdown.ts
diff --git a/frontend/src/components/minder-editor/script/protocol/plain.ts b/frontend/src/components/pure/minder-editor/script/protocol/plain.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/protocol/plain.ts
rename to frontend/src/components/pure/minder-editor/script/protocol/plain.ts
diff --git a/frontend/src/components/minder-editor/script/protocol/png.ts b/frontend/src/components/pure/minder-editor/script/protocol/png.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/protocol/png.ts
rename to frontend/src/components/pure/minder-editor/script/protocol/png.ts
diff --git a/frontend/src/components/minder-editor/script/protocol/svg.ts b/frontend/src/components/pure/minder-editor/script/protocol/svg.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/protocol/svg.ts
rename to frontend/src/components/pure/minder-editor/script/protocol/svg.ts
diff --git a/frontend/src/components/minder-editor/script/runtime/clipboard-mimetype.ts b/frontend/src/components/pure/minder-editor/script/runtime/clipboard-mimetype.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/runtime/clipboard-mimetype.ts
rename to frontend/src/components/pure/minder-editor/script/runtime/clipboard-mimetype.ts
diff --git a/frontend/src/components/minder-editor/script/runtime/clipboard.ts b/frontend/src/components/pure/minder-editor/script/runtime/clipboard.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/runtime/clipboard.ts
rename to frontend/src/components/pure/minder-editor/script/runtime/clipboard.ts
diff --git a/frontend/src/components/minder-editor/script/runtime/container.ts b/frontend/src/components/pure/minder-editor/script/runtime/container.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/runtime/container.ts
rename to frontend/src/components/pure/minder-editor/script/runtime/container.ts
diff --git a/frontend/src/components/minder-editor/script/runtime/drag.ts b/frontend/src/components/pure/minder-editor/script/runtime/drag.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/runtime/drag.ts
rename to frontend/src/components/pure/minder-editor/script/runtime/drag.ts
diff --git a/frontend/src/components/minder-editor/script/runtime/exports.ts b/frontend/src/components/pure/minder-editor/script/runtime/exports.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/runtime/exports.ts
rename to frontend/src/components/pure/minder-editor/script/runtime/exports.ts
diff --git a/frontend/src/components/minder-editor/script/runtime/fsm.ts b/frontend/src/components/pure/minder-editor/script/runtime/fsm.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/runtime/fsm.ts
rename to frontend/src/components/pure/minder-editor/script/runtime/fsm.ts
diff --git a/frontend/src/components/minder-editor/script/runtime/history.ts b/frontend/src/components/pure/minder-editor/script/runtime/history.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/runtime/history.ts
rename to frontend/src/components/pure/minder-editor/script/runtime/history.ts
diff --git a/frontend/src/components/minder-editor/script/runtime/hotbox.ts b/frontend/src/components/pure/minder-editor/script/runtime/hotbox.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/runtime/hotbox.ts
rename to frontend/src/components/pure/minder-editor/script/runtime/hotbox.ts
diff --git a/frontend/src/components/minder-editor/script/runtime/input.ts b/frontend/src/components/pure/minder-editor/script/runtime/input.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/runtime/input.ts
rename to frontend/src/components/pure/minder-editor/script/runtime/input.ts
diff --git a/frontend/src/components/minder-editor/script/runtime/jumping.ts b/frontend/src/components/pure/minder-editor/script/runtime/jumping.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/runtime/jumping.ts
rename to frontend/src/components/pure/minder-editor/script/runtime/jumping.ts
diff --git a/frontend/src/components/minder-editor/script/runtime/minder.ts b/frontend/src/components/pure/minder-editor/script/runtime/minder.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/runtime/minder.ts
rename to frontend/src/components/pure/minder-editor/script/runtime/minder.ts
diff --git a/frontend/src/components/minder-editor/script/runtime/node.ts b/frontend/src/components/pure/minder-editor/script/runtime/node.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/runtime/node.ts
rename to frontend/src/components/pure/minder-editor/script/runtime/node.ts
diff --git a/frontend/src/components/minder-editor/script/runtime/priority.ts b/frontend/src/components/pure/minder-editor/script/runtime/priority.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/runtime/priority.ts
rename to frontend/src/components/pure/minder-editor/script/runtime/priority.ts
diff --git a/frontend/src/components/minder-editor/script/runtime/progress.ts b/frontend/src/components/pure/minder-editor/script/runtime/progress.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/runtime/progress.ts
rename to frontend/src/components/pure/minder-editor/script/runtime/progress.ts
diff --git a/frontend/src/components/minder-editor/script/runtime/receiver.ts b/frontend/src/components/pure/minder-editor/script/runtime/receiver.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/runtime/receiver.ts
rename to frontend/src/components/pure/minder-editor/script/runtime/receiver.ts
diff --git a/frontend/src/components/minder-editor/script/runtime/tag.ts b/frontend/src/components/pure/minder-editor/script/runtime/tag.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/runtime/tag.ts
rename to frontend/src/components/pure/minder-editor/script/runtime/tag.ts
diff --git a/frontend/src/components/minder-editor/script/store.ts b/frontend/src/components/pure/minder-editor/script/store.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/store.ts
rename to frontend/src/components/pure/minder-editor/script/store.ts
diff --git a/frontend/src/components/minder-editor/script/tool/debug.ts b/frontend/src/components/pure/minder-editor/script/tool/debug.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/tool/debug.ts
rename to frontend/src/components/pure/minder-editor/script/tool/debug.ts
diff --git a/frontend/src/components/minder-editor/script/tool/format.ts b/frontend/src/components/pure/minder-editor/script/tool/format.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/tool/format.ts
rename to frontend/src/components/pure/minder-editor/script/tool/format.ts
diff --git a/frontend/src/components/minder-editor/script/tool/key.ts b/frontend/src/components/pure/minder-editor/script/tool/key.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/tool/key.ts
rename to frontend/src/components/pure/minder-editor/script/tool/key.ts
diff --git a/frontend/src/components/minder-editor/script/tool/keymap.ts b/frontend/src/components/pure/minder-editor/script/tool/keymap.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/tool/keymap.ts
rename to frontend/src/components/pure/minder-editor/script/tool/keymap.ts
diff --git a/frontend/src/components/minder-editor/script/tool/useLocaleNotVue.ts b/frontend/src/components/pure/minder-editor/script/tool/useLocaleNotVue.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/tool/useLocaleNotVue.ts
rename to frontend/src/components/pure/minder-editor/script/tool/useLocaleNotVue.ts
diff --git a/frontend/src/components/minder-editor/script/tool/utils.ts b/frontend/src/components/pure/minder-editor/script/tool/utils.ts
similarity index 100%
rename from frontend/src/components/minder-editor/script/tool/utils.ts
rename to frontend/src/components/pure/minder-editor/script/tool/utils.ts
diff --git a/frontend/src/components/minder-editor/style/dropdown-list.less b/frontend/src/components/pure/minder-editor/style/dropdown-list.less
similarity index 100%
rename from frontend/src/components/minder-editor/style/dropdown-list.less
rename to frontend/src/components/pure/minder-editor/style/dropdown-list.less
diff --git a/frontend/src/components/minder-editor/style/editor.less b/frontend/src/components/pure/minder-editor/style/editor.less
similarity index 100%
rename from frontend/src/components/minder-editor/style/editor.less
rename to frontend/src/components/pure/minder-editor/style/editor.less
diff --git a/frontend/src/components/minder-editor/style/header.less b/frontend/src/components/pure/minder-editor/style/header.less
similarity index 100%
rename from frontend/src/components/minder-editor/style/header.less
rename to frontend/src/components/pure/minder-editor/style/header.less
diff --git a/frontend/src/components/minder-editor/style/hotbox.less b/frontend/src/components/pure/minder-editor/style/hotbox.less
similarity index 100%
rename from frontend/src/components/minder-editor/style/hotbox.less
rename to frontend/src/components/pure/minder-editor/style/hotbox.less
diff --git a/frontend/src/components/minder-editor/style/navigator.less b/frontend/src/components/pure/minder-editor/style/navigator.less
similarity index 100%
rename from frontend/src/components/minder-editor/style/navigator.less
rename to frontend/src/components/pure/minder-editor/style/navigator.less
diff --git a/frontend/src/components/pure/ms-table/base-table.vue b/frontend/src/components/pure/ms-table/base-table.vue
new file mode 100644
index 0000000000..809c03abe5
--- /dev/null
+++ b/frontend/src/components/pure/ms-table/base-table.vue
@@ -0,0 +1,134 @@
+<template>
+  <div class="ms-base-tale">
+    <select-all
+      v-if="attrs.showSelectAll"
+      class="custom-action"
+      :total="selectTotal"
+      :current="selectCurrent"
+      @change="handleChange"
+    />
+    <a-table v-bind="$attrs" :selected-keys="props.selectedKeys" @selection-change="(e) => selectionChange(e, true)">
+      <template v-for="(item, key, i) in slots" :key="i" #[key]="{ record, rowIndex, column }">
+        <slot :name="key" v-bind="{ rowIndex, record, column }"></slot>
+      </template>
+      <template v-if="selectCurrent > 0" #footer>
+        <batch-action
+          :select-row-count="selectCurrent"
+          @batch-export="emit('batchExport')"
+          @batch-edit="emit('batchEdit')"
+          @batch-move="emit('batchMove')"
+          @batch-related="emit('batchRelated')"
+          @batch-delete="emit('batchDelete')"
+        />
+      </template>
+    </a-table>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  // eslint-disable no-console
+  import { useSlots, useAttrs, computed, ref, onMounted, watchEffect } from 'vue';
+  import selectAll from './select-all.vue';
+  import { MsTabelProps, SelectAllEnum, MsPaginationI } from './type';
+  import BatchAction from './batchAction.vue';
+
+  const batchleft = ref('10px');
+  const props = defineProps({
+    selectedKeys: {
+      type: Array as unknown as () => (string | number)[],
+      default: () => [],
+    },
+  });
+  const emit = defineEmits<{
+    (e: 'selectedChange', value: (string | number)[]): void;
+    (e: 'batchExport'): void;
+    (e: 'batchEdit'): void;
+    (e: 'batchMove'): void;
+    (e: 'batchRelated'): void;
+    (e: 'batchDelete'): void;
+  }>();
+  const isSelectAll = ref(false);
+  // 全选按钮-当前的条数
+  const selectCurrent = ref(0);
+
+  const slots = useSlots();
+  const attrs = useAttrs();
+
+  const { data, rowKey, pagination }: Partial<MsTabelProps> = attrs;
+
+  // 全选按钮-总条数
+  const selectTotal = computed(() => {
+    if (pagination) {
+      const { pageSize } = pagination as MsPaginationI;
+      return pageSize;
+    }
+    return data ? data.length : 20;
+  });
+  // 选择行change事件
+  const selectionChange = (arr: (string | number)[], setCurrentSelect: boolean) => {
+    emit('selectedChange', arr);
+    if (setCurrentSelect) {
+      selectCurrent.value = arr.length;
+    }
+  };
+
+  // 全选change事件
+  const handleChange = (v: string) => {
+    isSelectAll.value = v === SelectAllEnum.ALL;
+    if (v === SelectAllEnum.NONE) {
+      selectionChange([], true);
+    }
+    if (v === SelectAllEnum.CURRENT) {
+      if (data && data.length > 0) {
+        selectionChange(
+          data.map((item: any) => item[rowKey || 'id']),
+          true
+        );
+      }
+    }
+    if (v === SelectAllEnum.ALL) {
+      const { total } = pagination as MsPaginationI;
+      if (data && data.length > 0) {
+        selectionChange(
+          data.map((item: any) => item[rowKey || 'id']),
+          false
+        );
+        selectCurrent.value = total;
+      }
+    }
+  };
+
+  // 根据参数获取全选按钮的位置
+  const getBatchLeft = () => {
+    if (attrs.enableDrag) {
+      return '30px';
+    }
+    switch (attrs.size) {
+      case 'small':
+        return '10px';
+      case 'mini':
+        return '10px';
+      default:
+        return '10px';
+    }
+  };
+
+  onMounted(() => {
+    batchleft.value = getBatchLeft();
+  });
+</script>
+
+<style lang="less" scoped>
+  .ms-base-tale {
+    position: relative;
+    .custom-action {
+      position: absolute;
+      top: 3px;
+      left: v-bind(batchleft);
+      z-index: 100;
+      border-radius: 2px;
+      line-height: 40px;
+      cursor: pointer;
+    }
+  }
+</style>
diff --git a/frontend/src/components/pure/ms-table/batchAction.vue b/frontend/src/components/pure/ms-table/batchAction.vue
new file mode 100644
index 0000000000..1d02ec9ef6
--- /dev/null
+++ b/frontend/src/components/pure/ms-table/batchAction.vue
@@ -0,0 +1,31 @@
+<template>
+  <div class="ms-table__patch-action">
+    <span>{{ t('msTable.batch.selected', { count: props.selectRowCount }) }}</span>
+    <a-button @click="emit('batchExport')">{{ t('msTable.batch.export') }}</a-button>
+    <a-button @click="emit('batchEdit')">{{ t('msTable.batch.edit') }}</a-button>
+    <a-button @click="emit('batchExport')">{{ t('msTable.batch.moveTo') }}</a-button>
+    <a-button @click="emit('batchExport')">{{ t('msTable.batch.copyTo') }}</a-button>
+    <a-button @click="emit('batchExport')">{{ t('msTable.batch.related') }}</a-button>
+    <a-button @click="emit('batchExport')">{{ t('msTable.batch.delete') }}</a-button>
+    <a-button @click="emit('clear')">{{ t('msTable.batch.clear') }}</a-button>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { useI18n } from '@/hooks/useI18n';
+
+  const { t } = useI18n();
+  const props = defineProps({
+    selectRowCount: {
+      type: Number,
+    },
+  });
+  const emit = defineEmits<{
+    (e: 'batchExport'): void;
+    (e: 'batchEdit'): void;
+    (e: 'batchMove'): void;
+    (e: 'batchRelated'): void;
+    (e: 'batchDelete'): void;
+    (e: 'clear'): void;
+  }>();
+</script>
diff --git a/frontend/src/components/ms-table/edit-table.vue b/frontend/src/components/pure/ms-table/edit-table.vue
similarity index 100%
rename from frontend/src/components/ms-table/edit-table.vue
rename to frontend/src/components/pure/ms-table/edit-table.vue
diff --git a/frontend/src/components/pure/ms-table/locale/en-US.ts b/frontend/src/components/pure/ms-table/locale/en-US.ts
new file mode 100644
index 0000000000..27899e7ae3
--- /dev/null
+++ b/frontend/src/components/pure/ms-table/locale/en-US.ts
@@ -0,0 +1,19 @@
+export default {
+  msTable: {
+    current: 'Select Current Page',
+    all: 'Select All Pages',
+    batch: {
+      title: '批量操作',
+      selected: '已选择 {count} 项',
+      export: '导出',
+      edit: '编辑',
+      delete: '删除',
+      moveTo: '移动到',
+      copyTo: '复制到',
+      related: '关联需求',
+      generate: '生成依赖关系',
+      add: '添加到公用用例库',
+      clear: 'clear',
+    },
+  },
+};
diff --git a/frontend/src/components/pure/ms-table/locale/zh-CN.ts b/frontend/src/components/pure/ms-table/locale/zh-CN.ts
new file mode 100644
index 0000000000..9c2954455f
--- /dev/null
+++ b/frontend/src/components/pure/ms-table/locale/zh-CN.ts
@@ -0,0 +1,19 @@
+export default {
+  msTable: {
+    current: '全选当前页',
+    all: '全选所有页',
+    batch: {
+      title: '批量操作',
+      selected: '已选择 {count} 项',
+      export: '导出',
+      edit: '编辑',
+      delete: '删除',
+      moveTo: '移动到',
+      copyTo: '复制到',
+      related: '关联需求',
+      generate: '生成依赖关系',
+      add: '添加到公用用例库',
+      clear: '清空',
+    },
+  },
+};
diff --git a/frontend/src/components/pure/ms-table/select-all.vue b/frontend/src/components/pure/ms-table/select-all.vue
new file mode 100644
index 0000000000..dddee40f8b
--- /dev/null
+++ b/frontend/src/components/pure/ms-table/select-all.vue
@@ -0,0 +1,75 @@
+<template>
+  <div class="ms-table-select-all items-center text-base">
+    <a-checkbox v-model="checked" class="text-base" :indeterminate="indeterminate" @change="handleCheckChange" />
+    <a-dropdown position="bl" @select="handleSelect">
+      <a-icon-down class="dropdown-icon ml-0.5" />
+      <template #content>
+        <a-doption :value="SelectAllEnum.CURRENT">{{ t('msTable.current') }}</a-doption>
+        <a-doption :value="SelectAllEnum.ALL">{{ t('msTable.all') }}</a-doption>
+      </template>
+    </a-dropdown>
+  </div>
+</template>
+
+<script lang="ts" setup>
+  import { ref, watchEffect } from 'vue';
+  import { useI18n } from '@/hooks/useI18n';
+  import { SelectAllEnum } from './type';
+
+  const { t } = useI18n();
+
+  const emit = defineEmits<{
+    (e: 'change', value: string): void;
+  }>();
+
+  const props = defineProps({
+    current: {
+      type: Number,
+      default: 0,
+    },
+    total: {
+      type: Number,
+      default: 0,
+    },
+  });
+
+  const checked = ref(false);
+  const indeterminate = ref(false);
+
+  watchEffect(() => {
+    if (props.current === 0) {
+      checked.value = false;
+      indeterminate.value = false;
+    } else if (props.current < props.total) {
+      checked.value = false;
+      indeterminate.value = true;
+    } else if (props.current >= props.total) {
+      checked.value = true;
+      indeterminate.value = false;
+    }
+  });
+
+  const handleSelect = (v: string | number | Record<string, any> | undefined) => {
+    emit('change', v as string);
+  };
+
+  const handleCheckChange = () => {
+    if (checked.value) {
+      handleSelect(SelectAllEnum.CURRENT);
+    } else {
+      handleSelect(SelectAllEnum.NONE);
+    }
+  };
+</script>
+
+<style lang="less" scoped>
+  .ms-table-select-all {
+    .dropdown-icon {
+      color: rgb(var(--primary-6));
+    }
+    .dropdown-icon:hover {
+      border-radius: 50%;
+      background-color: rgb(var(--primary-3));
+    }
+  }
+</style>
diff --git a/frontend/src/components/ms-table/type.ts b/frontend/src/components/pure/ms-table/type.ts
similarity index 61%
rename from frontend/src/components/ms-table/type.ts
rename to frontend/src/components/pure/ms-table/type.ts
index f02e1e8213..03895a3356 100644
--- a/frontend/src/components/ms-table/type.ts
+++ b/frontend/src/components/pure/ms-table/type.ts
@@ -1,13 +1,14 @@
-import { TableColumnData, TableData, TableDraggable } from '@arco-design/web-vue';
+import { TableColumnData, TableData, TableDraggable, TableChangeExtra } from '@arco-design/web-vue';
 
 export interface MsPaginationI {
-  pageSize?: number;
-  total?: number;
-  current?: number;
+  current: number;
+  pageSize: number;
+  total: number;
+  showPageSize: boolean;
 }
 
 // 表格属性
-export interface MsTabelProps extends MsPaginationI {
+export interface MsTabelProps {
   // 表格列 - 详见 TableColumn  https://arco.design/web-vue/components/table-column;
   columns: TableColumnData[];
   // 表格数据 - 详见 TableData  https://arco.design/web-vue/components/table-data;
@@ -20,6 +21,7 @@ export interface MsTabelProps extends MsPaginationI {
     y?: number | string;
   };
   // 表格是否可拖拽
+  enableDrag?: boolean;
   draggable?: TableDraggable;
   // 表格是否可编辑
   editable?: boolean;
@@ -29,6 +31,8 @@ export interface MsTabelProps extends MsPaginationI {
   sortable?: boolean;
   // 表格是否可选中
   selectable?: boolean;
+  // 展示自定义全选
+  showSelectAll?: boolean;
   // 表格是否可展开
   expandable?: boolean;
   // 表格是否可固定表头
@@ -41,9 +45,28 @@ export interface MsTabelProps extends MsPaginationI {
   loading?: boolean;
   bordered?: boolean;
   // pagination
-  pagination?: MsPaginationI;
+  pagination: MsPaginationI | boolean;
   [key: string]: any;
 }
 
+export interface MsTableSelectAll {
+  value: boolean;
+  total: number;
+  current: number;
+  type: 'all' | 'page';
+}
+
 export type MsTableData = TableData[];
 export type MsTableColumn = TableColumnData[];
+export type MSTableChangeExtra = TableChangeExtra;
+
+// eslint-disable-next-line no-shadow
+export enum SelectAllEnum {
+  ALL = 'all',
+  CURRENT = 'current',
+  NONE = 'none',
+}
+
+export interface SortItem {
+  [key: string]: string;
+}
diff --git a/frontend/src/components/ms-table/useTable.ts b/frontend/src/components/pure/ms-table/useTable.ts
similarity index 55%
rename from frontend/src/components/ms-table/useTable.ts
rename to frontend/src/components/pure/ms-table/useTable.ts
index fc3a24e043..07f58f2930 100644
--- a/frontend/src/components/ms-table/useTable.ts
+++ b/frontend/src/components/pure/ms-table/useTable.ts
@@ -1,9 +1,12 @@
 // 核心的封装方法，详细参数看文档  https://arco.design/vue/component/table
 // hook/table-props.ts
 
-import { ref, reactive } from 'vue';
+import { ref } from 'vue';
 import { MsTabelProps, MsTableData, MsTableColumn } from './type';
 import { ApiTestListI } from '@/models/api-test';
+import { TableData } from '@arco-design/web-vue';
+import dayjs from 'dayjs';
+import { QueryParams } from '@/models/common';
 
 export interface Pagination {
   current: number;
@@ -12,47 +15,62 @@ export interface Pagination {
   showPageSize: boolean;
 }
 
-export interface QueryParams {
-  current: number;
-  pageSize: number;
-  [key: string]: any;
-}
-
 type GetListFunc = (v: QueryParams) => Promise<ApiTestListI>;
 export default function useTbleProps(loadListFunc: GetListFunc, props?: Partial<MsTabelProps>) {
   // 行选择
-  const rowSelection = reactive({
+  const rowSelection = {
     type: 'checkbox',
-    showCheckedAll: true,
-    onlyCurrent: false,
-  });
+    showCheckedAll: false,
+  };
 
   const defaultProps: MsTabelProps = {
-    'bordered': true,
-    'size': 'small',
-    'scroll': { y: '550px', x: '1400px' },
-    'checkable': true,
-    'expandable': false,
-    'loading': true,
-    'data': [] as MsTableData,
-    'columns': [] as MsTableColumn,
-    'pagination': {
+    bordered: true,
+    showPagination: true,
+    size: 'small',
+    scroll: { y: '550px', x: '1400px' },
+    checkable: true,
+    loading: true,
+    data: [] as MsTableData,
+    columns: [] as MsTableColumn,
+    pagination: {
       current: 1,
       pageSize: 20,
       total: 0,
       showPageSize: true,
     } as Pagination,
-    'draggable': { type: 'handle' },
-    'row-key': 'id',
+    rowKey: 'id',
+    selectedKeys: [],
+    selectedAll: false,
+    enableDrag: false,
+    showSelectAll: true,
     ...props,
   };
 
   // 属性组
   const propsRes = ref(defaultProps);
 
+  // 排序
+  const sortItem = ref<object>({});
+
+  // 筛选
+  const filterItem = ref<object>({});
+
+  // keyword
+  const keyword = ref('');
+
+  // 是否分页
+  if (!propsRes.value.showPagination) {
+    propsRes.value.pagination = false;
+  }
+
   // 是否可选中
   if (propsRes.value.selectable) {
-    propsRes.value['row-selection'] = rowSelection;
+    propsRes.value.rowSelection = rowSelection;
+  }
+
+  // 是否可拖拽
+  if (propsRes.value.enableDrag) {
+    propsRes.value.draggable = { type: 'handle' };
   }
 
   // 加载效果
@@ -72,9 +90,11 @@ export default function useTbleProps(loadListFunc: GetListFunc, props?: Partial<
   }
 
   const setPagination = ({ current, total }: SetPaginationPrams) => {
-    if (propsRes.value.pagination) {
+    if (propsRes.value.pagination && typeof propsRes.value.pagination === 'object') {
       propsRes.value.pagination.current = current;
-      if (total) propsRes.value.pagination.total = total;
+      if (total) {
+        propsRes.value.pagination.total = total;
+      }
     }
   };
 
@@ -93,6 +113,10 @@ export default function useTbleProps(loadListFunc: GetListFunc, props?: Partial<
     loadListParams.value = params || {};
   };
 
+  const setKeyword = (v: string) => {
+    keyword.value = v;
+  };
+
   // 加载分页列表数据
   const loadList = async () => {
     const { current, pageSize } = propsRes.value.pagination as Pagination;
@@ -100,9 +124,20 @@ export default function useTbleProps(loadListFunc: GetListFunc, props?: Partial<
     const data = await loadListFunc({
       current,
       pageSize,
-      ...loadListParams.value,
+      sort: sortItem.value,
+      filter: filterItem.value,
+      keyword: keyword.value,
+    });
+    const tmpArr = data.list as unknown as MsTableData;
+    propsRes.value.data = tmpArr.map((item: TableData) => {
+      if (item.updateTime) {
+        item.updateTime = dayjs(item.updateTime).format('YYYY-MM-DD HH:mm:ss');
+      }
+      if (item.createTime) {
+        item.createTime = dayjs(item.createTime).format('YYYY-MM-DD HH:mm:ss');
+      }
+      return item;
     });
-    propsRes.value.data = data.list as unknown as MsTableData;
     setPagination({ current: data.current, total: data.total });
     setLoading(false);
     return data;
@@ -113,7 +148,14 @@ export default function useTbleProps(loadListFunc: GetListFunc, props?: Partial<
     // 排序触发
     sorterChange: (dataIndex: string, direction: string) => {
       // eslint-disable-next-line no-console
-      console.log(dataIndex, direction);
+      sortItem.value = { [dataIndex]: direction };
+      loadList();
+    },
+
+    // 筛选触发
+    filterChange: (dataIndex: string, filteredValues: string[]) => {
+      filterItem.value = { [dataIndex]: filteredValues };
+      loadList();
     },
     // 分页触发
     pageChange: (current: number) => {
@@ -122,13 +164,23 @@ export default function useTbleProps(loadListFunc: GetListFunc, props?: Partial<
     },
     // 修改每页显示条数
     pageSizeChange: (pageSize: number) => {
-      if (propsRes.value.pagination) {
+      if (propsRes.value.pagination && typeof propsRes.value.pagination === 'object') {
         propsRes.value.pagination.pageSize = pageSize;
       }
       loadList();
     },
+    // 选择触发
+    selectedChange: (arr: (string | number)[]) => {
+      if (arr.length === 0) {
+        propsRes.value.pagination = defaultProps.pagination;
+      } else {
+        propsRes.value.pagination = false;
+      }
+
+      propsRes.value.selectedKeys = arr;
+    },
     change: (_data: MsTableData) => {
-      if (propsRes.value.draggable) {
+      if (propsRes.value.draggable && _data instanceof Array) {
         // eslint-disable-next-line vue/require-explicit-emits
         propsRes.value.data = _data;
       }
@@ -143,5 +195,6 @@ export default function useTbleProps(loadListFunc: GetListFunc, props?: Partial<
     loadList,
     setPagination,
     setLoadListParams,
+    setKeyword,
   };
 }
diff --git a/frontend/src/components/navbar/index.vue b/frontend/src/components/pure/navbar/index.vue
similarity index 98%
rename from frontend/src/components/navbar/index.vue
rename to frontend/src/components/pure/navbar/index.vue
index ce4d383629..f490c2b3bc 100644
--- a/frontend/src/components/navbar/index.vue
+++ b/frontend/src/components/pure/navbar/index.vue
@@ -142,9 +142,9 @@
   import { LOCALE_OPTIONS } from '@/locale';
   import useLocale from '@/locale/useLocale';
   import useUser from '@/hooks/useUser';
-  import Menu from '@/components/menu/index.vue';
+  import Menu from '@/components/pure/menu/index.vue';
   import MessageBox from '../message-box/index.vue';
-  import ProjcetSelection from '@/components/project-selection/index.vue';
+  import ProjcetSelection from '@/components/pure/project-selection/index.vue';
 
   const appStore = useAppStore();
   const userStore = useUserStore();
diff --git a/frontend/src/components/project-selection/index.vue b/frontend/src/components/pure/project-selection/index.vue
similarity index 100%
rename from frontend/src/components/project-selection/index.vue
rename to frontend/src/components/pure/project-selection/index.vue
diff --git a/frontend/src/components/svg-icon/index.vue b/frontend/src/components/pure/svg-icon/index.vue
similarity index 100%
rename from frontend/src/components/svg-icon/index.vue
rename to frontend/src/components/pure/svg-icon/index.vue
diff --git a/frontend/src/components/tab-bar/index.vue b/frontend/src/components/pure/tab-bar/index.vue
similarity index 100%
rename from frontend/src/components/tab-bar/index.vue
rename to frontend/src/components/pure/tab-bar/index.vue
diff --git a/frontend/src/components/tab-bar/readme.md b/frontend/src/components/pure/tab-bar/readme.md
similarity index 100%
rename from frontend/src/components/tab-bar/readme.md
rename to frontend/src/components/pure/tab-bar/readme.md
diff --git a/frontend/src/components/tab-bar/tab-item.vue b/frontend/src/components/pure/tab-bar/tab-item.vue
similarity index 100%
rename from frontend/src/components/tab-bar/tab-item.vue
rename to frontend/src/components/pure/tab-bar/tab-item.vue
diff --git a/frontend/src/components/theme-box/index.vue b/frontend/src/components/theme-box/index.vue
deleted file mode 100644
index afe569fefa..0000000000
--- a/frontend/src/components/theme-box/index.vue
+++ /dev/null
@@ -1,275 +0,0 @@
-<template>
-  <a-badge class="theme-badge bottom-[124px] right-[70px]" :count="theme ? 1 : 0" dot>
-    <a-button
-      class="theme-badge-button"
-      :shape="hover ? 'round' : 'circle'"
-      size="large"
-      @click="modalVisible = true"
-      @mouseenter="hover = true"
-      @mouseleave="hover = false"
-    >
-      <IconSkin />
-      <span v-if="hover" style="margin-left: 8px">
-        {{ t('themeBox.installTheme') }}
-      </span>
-    </a-button>
-  </a-badge>
-  <a-modal :visible="modalVisible" :width="900" @ok="modalVisible = false" @cancel="modalVisible = false">
-    <template #title>
-      <div class="theme-box-header pr-[24px]">
-        <span>{{ t('themeBox.installTheme') }}</span>
-      </div>
-    </template>
-    <a-row :gutter="[20, 20]">
-      <template v-if="isLoading">
-        <a-col v-for="(_, index) of loadingFillArray" :key="index" :span="8">
-          <a-card v-if="isLoading" class="theme-box-card">
-            <template #cover>
-              <a-skeleton animation>
-                <a-skeleton-shape style="width: 272px; height: 160px" />
-              </a-skeleton>
-            </template>
-            <a-card-meta>
-              <template #title>
-                <a-skeleton animation>
-                  <a-skeleton-line :line-height="25" />
-                </a-skeleton>
-              </template>
-            </a-card-meta>
-            <a-skeleton animation>
-              <a-skeleton-shape style="margin-top: 20px; margin-left: auto; width: 100px; height: 24px" />
-            </a-skeleton>
-          </a-card>
-        </a-col>
-      </template>
-      <template v-else-if="themeList.length > 0">
-        <a-col v-for="item of themeList" :key="item.themeId" :span="8">
-          <a-card class="theme-box-card">
-            <template #cover>
-              <img :src="item.cover" style="height: 160px" alt="theme-cover" />
-            </template>
-            <template #actions>
-              <a-button
-                class="theme-box-card-link"
-                type="text"
-                size="mini"
-                :href="`https://arco.design/themes/design/${item.themeId}`"
-              >
-                <template #icon>
-                  <IconLink />
-                </template>
-                {{ t('themeBox.openInDesignLab') }}
-              </a-button>
-              <a-tag v-if="theme && theme.themeId === item.themeId" color="arcoblue">
-                {{ t('themeBox.currentTheme') }}
-              </a-tag>
-              <a-button v-else type="primary" size="mini" @click="() => useTheme(item)">
-                {{ t('themeBox.install') }}
-              </a-button>
-            </template>
-            <a-card-meta :title="item.themeName" />
-          </a-card>
-        </a-col>
-      </template>
-      <template v-else>
-        <Empty style="margin: 200px 0">
-          <template #description>
-            {{ t('themeBox.noResult') }}
-            <a-link :href="`https://arco.design/themes`">
-              {{ t('themeBox.createTheme') }}
-            </a-link>
-          </template>
-        </Empty>
-      </template>
-    </a-row>
-    <div class="theme-box-bottom mt-[20px]">
-      <a-pagination :total="total" :current="page" :page-size="6" @change="onPageChange" />
-    </div>
-    <template v-if="theme" #footer>
-      <div class="theme-box-footer">
-        <a-typography-text bold> {{ t('themeBox.currentTheme') }}: {{ theme.themeName }} </a-typography-text>
-        <a-button type="primary" status="danger" size="small" @click="onResetClick">
-          {{ t('themeBox.resetTheme') }}
-        </a-button>
-      </div>
-    </template>
-  </a-modal>
-</template>
-
-<script lang="ts">
-  import { defineComponent, onMounted, ref, watch } from 'vue';
-  import { useI18n } from 'vue-i18n';
-  import { Notification } from '@arco-design/web-vue';
-  import axios from 'axios';
-  import { IconSkin, IconLink } from '@arco-design/web-vue/es/icon';
-  import { getLocalStorage, removeLocalStorage, setLocalStorage } from '../../utils/local-storage';
-  import { apiBasename } from '../../utils/api';
-  import { ThemeData } from './interface';
-
-  const THEME_LINK_ID = 'arco-custom-theme';
-  const loadingFillArray = Array(3).fill(1);
-
-  export default defineComponent({
-    name: 'ThemeBox',
-    components: {
-      IconSkin,
-      IconLink,
-    },
-    setup() {
-      const { t } = useI18n();
-      const theme = ref<ThemeData>();
-      const themeList = ref<ThemeData[]>([]);
-      const total = ref(0);
-      const page = ref(1);
-      const modalVisible = ref(false);
-      const searchValue = ref('');
-      const isLoading = ref(false);
-      const hover = ref(false);
-
-      const removeTheme = () => {
-        const linkElement = document.getElementById(THEME_LINK_ID);
-        if (linkElement) {
-          document.body.removeChild(linkElement);
-        }
-        theme.value = undefined;
-      };
-
-      const addTheme = (_theme: ThemeData, notice: boolean) => {
-        const url = `${_theme.unpkgHost}${_theme.packageName}/css/arco.css`;
-        axios
-          .get(url)
-          .then(() => {
-            if (theme.value) {
-              removeTheme();
-            }
-            const linkElement = document.createElement('link');
-            linkElement.id = THEME_LINK_ID;
-            linkElement.href = url;
-            linkElement.type = 'text/css';
-            linkElement.rel = 'stylesheet';
-            document.body.appendChild(linkElement);
-            theme.value = _theme;
-
-            if (notice) {
-              Notification.success({
-                id: 'theme',
-                title: t('themeBox.installTheme'),
-                content: t('themeBox.installThemeSuccess'),
-                duration: 2000,
-              });
-            }
-          })
-          .catch(() => {
-            Notification.error({
-              id: 'theme',
-              title: t('themeBox.installTheme'),
-              content: t('themeBox.installThemeError'),
-              duration: 2000,
-            });
-          });
-      };
-
-      const useTheme = (_theme: ThemeData, notice = true) => {
-        addTheme(_theme, notice);
-        setLocalStorage('vue-custom-theme', _theme);
-      };
-
-      onMounted(() => {
-        // const _theme = getLocalStorage<ThemeData>('vue-custom-theme', true) as ThemeData;
-        // if (_theme) {
-        //   useTheme(_theme, false);
-        // }
-      });
-
-      const fetchThemeList = async (current: number, search: string) => {
-        isLoading.value = true;
-        try {
-          const data = await axios.get(
-            `${apiBasename}/themes/api/open/themes/list?pageSize=6&currentPage=${current}&depLibrary=@arco-design/web-vue&keyword=vue-ms-theme-${search}`
-          );
-
-          themeList.value = data.data.list;
-          total.value = data.data.total;
-        } catch (e) {
-          themeList.value = [];
-          total.value = 0;
-        }
-        isLoading.value = false;
-      };
-
-      watch(modalVisible, (visible) => {
-        if (visible) {
-          fetchThemeList(page.value, searchValue.value);
-        }
-      });
-
-      const onResetClick = () => {
-        removeTheme();
-        removeLocalStorage('vue-custom-theme');
-      };
-
-      const onSearchInput = (value: string) => {
-        searchValue.value = value;
-        page.value = 1;
-        fetchThemeList(1, value);
-      };
-
-      const onPageChange = (_page: number) => {
-        page.value = _page;
-        fetchThemeList(_page, searchValue.value);
-      };
-
-      return {
-        hover,
-        modalVisible,
-        themeList,
-        theme,
-        total,
-        page,
-        isLoading,
-        loadingFillArray,
-        searchValue,
-        useTheme,
-        onSearchInput,
-        onPageChange,
-        onResetClick,
-        t,
-      };
-    },
-  });
-</script>
-
-<style scoped lang="less">
-  .theme-box {
-    &-header {
-      @apply flex w-full items-center justify-between;
-    }
-    &-card {
-      &-link {
-        @apply opacity-0;
-
-        transition: opacity 100ms;
-      }
-      &:hover &-link {
-        @apply opacity-100;
-      }
-      :deep(.arco-card-meta-title) {
-        line-height: 25px;
-      }
-    }
-    &-bottom {
-      @apply flex justify-end;
-    }
-    &-footer {
-      @apply flex items-center justify-between;
-    }
-  }
-  .theme-badge {
-    @apply fixed;
-    &-button {
-      border: 1px solid var(--color-fill-3) !important;
-      background: var(--color-bg-5) !important;
-      box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
-    }
-  }
-</style>
diff --git a/frontend/src/components/theme-box/interface.ts b/frontend/src/components/theme-box/interface.ts
deleted file mode 100644
index 680635c81f..0000000000
--- a/frontend/src/components/theme-box/interface.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export interface ThemeData {
-  themeId: number;
-  themeName: string;
-  cover: string;
-  packageName: string;
-  unpkgHost: string;
-}
diff --git a/frontend/src/components/theme-box/locale/en-US.ts b/frontend/src/components/theme-box/locale/en-US.ts
deleted file mode 100644
index 6a269f1e49..0000000000
--- a/frontend/src/components/theme-box/locale/en-US.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-export default {
-  themeBox: {
-    currentTheme: 'Current theme',
-    autoUseTheme: 'Automatically use theme',
-    install: 'Install',
-    installTheme: 'Install theme',
-    search: 'Search',
-    installingTheme: 'Installing theme...',
-    installThemeSuccess: 'Install theme successfully! ',
-    installThemeError: 'Install theme failed, please try again! ',
-    resetTheme: 'Reset theme',
-    resetThemeSuccess: 'Reset theme successfully! ',
-    openInDesignLab: 'Open in the Design Lab',
-    noResult: 'No related themes',
-    createTheme: 'Go to the Design Lab to create',
-  },
-};
diff --git a/frontend/src/components/theme-box/locale/zh-CN.ts b/frontend/src/components/theme-box/locale/zh-CN.ts
deleted file mode 100644
index 855c6df665..0000000000
--- a/frontend/src/components/theme-box/locale/zh-CN.ts
+++ /dev/null
@@ -1,17 +0,0 @@
-export default {
-  themeBox: {
-    currentTheme: '当前主题',
-    autoUseTheme: '自动应用主题',
-    install: '安装',
-    installTheme: '安装主题',
-    search: '搜索',
-    installingTheme: '正在安装主题...',
-    installThemeSuccess: '主题安装成功！',
-    installThemeError: '主题安装失败，请重试！',
-    resetTheme: '重置主题',
-    resetThemeSuccess: '重置主题成功！',
-    openInDesignLab: '在主题商店打开',
-    noResult: '没有相关主题',
-    createTheme: '前往主题商店创建',
-  },
-};
diff --git a/frontend/src/layout/default-layout.vue b/frontend/src/layout/default-layout.vue
index 949fe91e6a..c6684957d4 100644
--- a/frontend/src/layout/default-layout.vue
+++ b/frontend/src/layout/default-layout.vue
@@ -48,10 +48,10 @@
   import { ref, computed, watch, provide, onMounted } from 'vue';
   import { useRouter, useRoute } from 'vue-router';
   import { useAppStore, useUserStore } from '@/store';
-  import NavBar from '@/components/navbar/index.vue';
-  import Menu from '@/components/menu/index.vue';
-  import Footer from '@/components/footer/index.vue';
-  import TabBar from '@/components/tab-bar/index.vue';
+  import NavBar from '@/components/pure/navbar/index.vue';
+  import Menu from '@/components/pure/menu/index.vue';
+  import Footer from '@/components/pure/footer/index.vue';
+  import TabBar from '@/components/pure/tab-bar/index.vue';
   import usePermission from '@/hooks/usePermission';
   import useResponsive from '@/hooks/useResponsive';
   import PageLayout from './page-layout.vue';
diff --git a/frontend/src/locale/en-US/index.ts b/frontend/src/locale/en-US/index.ts
index 91a00ff7cf..ce6b29535c 100644
--- a/frontend/src/locale/en-US/index.ts
+++ b/frontend/src/locale/en-US/index.ts
@@ -1,38 +1,22 @@
 import dayjsLocale from 'dayjs/locale/en';
 import localeSettings from './settings';
 import sys from './sys';
-import localeMessageBox from '@/components/message-box/locale/en-US';
-import minder from '@/components/minder-editor/locale/en-US';
+import localeMessageBox from '@/components/pure/message-box/locale/en-US';
+import minder from '@/components/pure/minder-editor/locale/en-US';
 import localeLogin from '@/views/login/locale/en-US';
-import localeWorkplace from '@/views/dashboard/workplace/locale/en-US';
-import localeThemebox from '@/components/theme-box/locale/en-US';
+import localeTable from '@/components/pure/ms-table/locale/en-US';
 import localeApiTest from '@/views/api-test/locale/en-US';
 
 export default {
   message: {
-    'menu.component': 'component hub',
-    'menu.component.demo': 'component demo',
-    'menu.apitest': 'Api Test',
-    'menu.dashboard': 'Dashboard',
-    'menu.minder': 'Minder',
-    'menu.server.dashboard': 'Dashboard-Server',
-    'menu.server.workplace': 'Workplace-Server',
-    'menu.server.monitor': 'Monitor-Server',
-    'menu.list': 'List',
-    'menu.result': 'Result',
-    'menu.exception': 'Exception',
-    'menu.form': 'Form',
-    'menu.profile': 'Profile',
-    'menu.visualization': 'Data Visualization',
-    'menu.user': 'User Center',
+    'menu.apiTest': 'Api Test',
     'navbar.action.locale': 'Switch to English',
     ...sys,
     ...localeSettings,
     ...localeMessageBox,
     ...localeLogin,
-    ...localeWorkplace,
     ...minder,
-    ...localeThemebox,
+    ...localeTable,
     ...localeApiTest,
   },
   dayjsLocale,
diff --git a/frontend/src/locale/zh-CN/index.ts b/frontend/src/locale/zh-CN/index.ts
index 7a9bc1d1d5..4604f2522d 100644
--- a/frontend/src/locale/zh-CN/index.ts
+++ b/frontend/src/locale/zh-CN/index.ts
@@ -1,11 +1,10 @@
 import dayjsLocale from 'dayjs/locale/zh-cn';
 import localeSettings from './settings';
 import sys from './sys';
-import localeMessageBox from '@/components/message-box/locale/zh-CN';
-import minder from '@/components/minder-editor/locale/zh-CN';
+import localeMessageBox from '@/components/pure/message-box/locale/zh-CN';
+import minder from '@/components/pure/minder-editor/locale/zh-CN';
 import localeLogin from '@/views/login/locale/zh-CN';
-import localeWorkplace from '@/views/dashboard/workplace/locale/zh-CN';
-import localeThemebox from '@/components/theme-box/locale/zh-CN';
+import localeTable from '@/components/pure/ms-table/locale/zh-CN';
 import localeApiTest from '@/views/api-test/locale/zh-CN';
 
 export default {
@@ -30,9 +29,8 @@ export default {
     ...localeSettings,
     ...localeMessageBox,
     ...localeLogin,
-    ...localeWorkplace,
     ...minder,
-    ...localeThemebox,
+    ...localeTable,
     ...localeApiTest,
   },
   dayjsLocale,
diff --git a/frontend/src/main.ts b/frontend/src/main.ts
index e8d51542a1..d68392654e 100644
--- a/frontend/src/main.ts
+++ b/frontend/src/main.ts
@@ -1,8 +1,8 @@
 import { createApp } from 'vue';
 import FormCreate from '@form-create/arco-design';
 import ArcoVueIcon from '@arco-design/web-vue/es/icon';
-import SvgIcon from '@/components/svg-icon/index.vue';
-import Breadcrumb from '@/components/breadcrumb/index.vue';
+import SvgIcon from '@/components/pure/svg-icon/index.vue';
+import Breadcrumb from '@/components/pure/breadcrumb/index.vue';
 import router from './router';
 import store from './store';
 import { setupI18n } from './locale';
diff --git a/frontend/src/mock/index.ts b/frontend/src/mock/index.ts
index d889ac6675..f398564034 100644
--- a/frontend/src/mock/index.ts
+++ b/frontend/src/mock/index.ts
@@ -4,8 +4,6 @@ import './user';
 import './message-box';
 import './api-test';
 
-import '@/views/dashboard/workplace/mock';
-
 Mock.setup({
   timeout: '600-1000',
 });
diff --git a/frontend/src/mock/user.ts b/frontend/src/mock/user.ts
index 11240698ad..8f733b7f84 100644
--- a/frontend/src/mock/user.ts
+++ b/frontend/src/mock/user.ts
@@ -65,59 +65,20 @@ setupMock({
     Mock.mock(new RegExp('/api/user/menu'), () => {
       const menuList = [
         {
-          path: '/dashboard',
-          name: 'dashboard',
+          path: '/api-test',
+          name: 'apiTest',
           meta: {
-            locale: 'menu.server.dashboard',
-            icon: 'icon-dashboard',
-            order: 1,
-          },
-          children: [
-            {
-              path: 'workplace',
-              name: 'Workplace',
-              meta: {
-                locale: 'menu.server.workplace',
-              },
-            },
-          ],
-        },
-        {
-          path: '/minder',
-          name: 'minder',
-          redirect: '/minder/index',
-          meta: {
-            locale: 'menu.minder',
+            locale: 'menu.apiTest',
             icon: 'icon-dashboard',
             order: 0,
-            hideChildrenInMenu: true,
           },
           children: [
             {
-              path: 'index',
-              name: 'minder',
+              path: 'list',
+              name: 'apiTest',
+              component: () => import('@/views/api-test/index.vue'),
               meta: {
-                locale: 'menu.minder',
-                roles: ['*'],
-              },
-            },
-          ],
-        },
-        {
-          path: '/component',
-          name: 'component',
-          meta: {
-            locale: 'menu.component',
-            roles: ['*'],
-            order: 1,
-            icon: 'icon-common',
-          },
-          children: [
-            {
-              path: 'form-create',
-              name: 'form-create',
-              meta: {
-                locale: 'menu.component.demo',
+                locale: 'menu.apiTest',
                 roles: ['*'],
                 icon: 'icon-computer',
               },
diff --git a/frontend/src/models/api-test.ts b/frontend/src/models/api-test.ts
index d9308fffe6..85e7d899d6 100644
--- a/frontend/src/models/api-test.ts
+++ b/frontend/src/models/api-test.ts
@@ -13,6 +13,12 @@ export interface ListItemI {
   content: string;
 }
 
+export interface SortItem {
+  [key: string]: string;
+}
+export interface FilterItem {
+  [key: string]: any;
+}
 export interface ApiTestListI {
   [x: string]: any;
   pageSize: number;
diff --git a/frontend/src/models/common.ts b/frontend/src/models/common.ts
index 84ecd77b0a..6b5c68216b 100644
--- a/frontend/src/models/common.ts
+++ b/frontend/src/models/common.ts
@@ -5,3 +5,18 @@ export default interface CommonReponse<T> {
   messageDetail: string;
   data: T;
 }
+
+// 表格查询
+export interface QueryParams {
+  // 当前页
+  current: number;
+  // 每页条数
+  pageSize: number;
+  // 排序仅针对单个字段
+  sort?: object;
+  // 表头筛选
+  filter?: object;
+  // 查询条件
+  keyword?: string;
+  [key: string]: any;
+}
diff --git a/frontend/src/router/routes/modules/dashboard.ts b/frontend/src/router/routes/modules/api-test.ts
similarity index 60%
rename from frontend/src/router/routes/modules/dashboard.ts
rename to frontend/src/router/routes/modules/api-test.ts
index b5c1430f1a..93a48baf54 100644
--- a/frontend/src/router/routes/modules/dashboard.ts
+++ b/frontend/src/router/routes/modules/api-test.ts
@@ -1,22 +1,22 @@
 import { DEFAULT_LAYOUT } from '../base';
 import { AppRouteRecordRaw } from '../types';
 
-const DASHBOARD: AppRouteRecordRaw = {
-  path: '/dashboard',
-  name: 'dashboard',
+const ApiTest: AppRouteRecordRaw = {
+  path: '/api-test',
+  name: 'apiTest',
   component: DEFAULT_LAYOUT,
   meta: {
-    locale: 'menu.dashboard',
+    locale: 'menu.apiTest',
     icon: 'icon-dashboard',
     order: 0,
   },
   children: [
     {
-      path: 'workplace',
-      name: 'Workplace',
+      path: 'list',
+      name: 'apiTest',
       component: () => import('@/views/api-test/index.vue'),
       meta: {
-        locale: 'menu.dashboard.workplace',
+        locale: 'menu.apiTest',
         roles: ['*'],
         icon: 'icon-computer',
       },
@@ -24,4 +24,4 @@ const DASHBOARD: AppRouteRecordRaw = {
   ],
 };
 
-export default DASHBOARD;
+export default ApiTest;
diff --git a/frontend/src/router/routes/modules/components.ts b/frontend/src/router/routes/modules/components.ts
deleted file mode 100644
index bf1b1fc63c..0000000000
--- a/frontend/src/router/routes/modules/components.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { DEFAULT_LAYOUT } from '../base';
-import { AppRouteRecordRaw } from '../types';
-
-const components: AppRouteRecordRaw = {
-  path: '/component',
-  name: 'component',
-  component: DEFAULT_LAYOUT,
-  redirect: '/component/index',
-  meta: {
-    locale: 'menu.component.demo',
-    icon: 'icon-computer',
-    order: 1,
-    hideChildrenInMenu: true,
-  },
-  children: [
-    {
-      path: 'index',
-      name: 'component',
-      component: () => import('@/views/component/index.vue'),
-      meta: {
-        locale: 'menu.component.demo',
-        roles: ['*'],
-      },
-    },
-  ],
-};
-export default components;
diff --git a/frontend/src/views/api-test/index.vue b/frontend/src/views/api-test/index.vue
index 3664604841..b0d7c3cc66 100644
--- a/frontend/src/views/api-test/index.vue
+++ b/frontend/src/views/api-test/index.vue
@@ -1,27 +1,38 @@
 <template>
   <div class="h-[100vh] bg-white px-[20px] py-[16px] pb-0">
     <div class="mb-10">表格</div>
-    <ms-base-table v-bind="propsRes" v-on="propsEvent">
-      <template #createTime="{ record }">
-        {{ dayjs(record.createTime).format('YYYY-MM-DD HH:mm:ss') }}
-      </template>
-    </ms-base-table>
+    <a-input v-model="queryParmas.name"></a-input>
+    <a-button @click="handleClick">搜索</a-button>
+    <ms-base-table v-bind="propsRes" v-on="propsEvent"> </ms-base-table>
   </div>
   <a-divider />
 </template>
 
 <script lang="ts" setup>
-  import { onMounted } from 'vue';
-  import MsBaseTable from '@/components/ms-table/base-table.vue';
-  import { MsTableColumn } from '@/components/ms-table/type';
-  import useTable from '@/components/ms-table/useTable';
+  import { onMounted, watchEffect, ref } from 'vue';
+  import MsBaseTable from '@/components/pure/ms-table/base-table.vue';
+  import { MsTableColumn } from '@/components/pure/ms-table/type';
+  import useTable from '@/components/pure/ms-table/useTable';
   import { getTableList } from '@/api/modules/api-test/index';
-  import dayjs from 'dayjs';
 
   const columns: MsTableColumn = [
     {
       title: 'ID',
       dataIndex: 'num',
+      filterable: {
+        filters: [
+          {
+            text: '> 20000',
+            value: '20000',
+          },
+          {
+            text: '> 30000',
+            value: '30000',
+          },
+        ],
+        filter: (value, record) => record.salary > value,
+        multiple: true,
+      },
     },
     {
       title: '接口名称',
@@ -46,7 +57,10 @@
     },
     {
       title: '更新时间',
-      slotName: 'updataTime',
+      dataIndex: 'updateTime',
+      sortable: {
+        sortDirections: ['ascend', 'descend'],
+      },
     },
     {
       title: '用例数',
@@ -81,13 +95,29 @@
     },
   ];
 
-  const { propsRes, propsEvent, loadList } = useTable(getTableList, { columns, scroll: { y: 750, x: 2000 } });
+  const queryParmas = ref({
+    name: '',
+  });
+
+  const { propsRes, propsEvent, loadList, setLoadListParams } = useTable(getTableList, {
+    columns,
+    scroll: { y: 750, x: 2000 },
+    selectable: true,
+  });
 
   const fetchData = async () => {
     await loadList();
   };
 
+  const handleClick = async () => {
+    setLoadListParams(queryParmas.value);
+    await fetchData();
+  };
+
   onMounted(() => {
     fetchData();
   });
+  watchEffect(() => {
+    setLoadListParams(queryParmas.value);
+  });
 </script>
diff --git a/frontend/src/views/component/index.vue b/frontend/src/views/component/index.vue
deleted file mode 100644
index 03404d1501..0000000000
--- a/frontend/src/views/component/index.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-  <div class="h-[100vh] bg-white px-[20px] py-[16px] pb-0">
-    <div>流程编辑器</div>
-    <FlowEditor />
-    <a-divider />
-    <div class="mb-5">ace编辑器</div>
-    <AceEditor v-model:content="currentValue" :init="initAce" :theme="aceTheme" :lang="aceLang" />
-    <div class="mt-10">
-      <span>主题</span>
-      <a-radio-group v-model="aceTheme">
-        <a-radio value="github_dark">github_dark</a-radio>
-        <a-radio value="github">github</a-radio>
-        <a-radio value="chrome">chrome</a-radio>
-      </a-radio-group>
-    </div>
-    <div class="mt-10">
-      <span>语言</span>
-      <a-radio-group v-model="aceLang">
-        <a-radio value="javascript">javascript</a-radio>
-        <a-radio value="xml">xml</a-radio>
-        <a-radio value="json">json</a-radio>
-        <a-radio value="html">html</a-radio>
-        <a-radio value="java">java</a-radio>
-      </a-radio-group>
-    </div>
-    <a-divider />
-  </div>
-</template>
-
-<script lang="ts" setup>
-  import { ref } from 'vue';
-  import FlowEditor from '@/components/flow-editor/index.vue';
-  import AceEditor, { LangType, ThemeType } from '@/components/ace-editor/index.vue';
-
-  const currentValue = ref('');
-  const initAce = (editor: any) => {
-    // eslint-disable-next-line no-console
-    console.log(editor.getOptions());
-  };
-  const aceTheme = ref<ThemeType>('github_dark');
-  const aceLang = ref<LangType>('javascript');
-</script>
diff --git a/frontend/src/views/dashboard/workplace/components/announcement.vue b/frontend/src/views/dashboard/workplace/components/announcement.vue
deleted file mode 100644
index fed5f9053f..0000000000
--- a/frontend/src/views/dashboard/workplace/components/announcement.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-  <a-card
-    class="general-card"
-    :title="$t('workplace.announcement')"
-    :header-style="{ paddingBottom: '0' }"
-    :body-style="{ padding: '15px 20px 13px 20px' }"
-  >
-    <template #extra>
-      <a-link>{{ $t('workplace.viewMore') }}</a-link>
-    </template>
-    <div>
-      <div v-for="(item, idx) in list" :key="idx" class="item">
-        <a-tag :color="item.type" size="small">{{ item.label }}</a-tag>
-        <span class="item-content">
-          {{ item.content }}
-        </span>
-      </div>
-    </div>
-  </a-card>
-</template>
-
-<script lang="ts" setup>
-  const list = [
-    {
-      type: 'orangered',
-      label: '活动',
-      content: '内容最新优惠活动',
-    },
-    {
-      type: 'cyan',
-      label: '消息',
-      content: '新增内容尚未通过审核，详情请点击查看。',
-    },
-    {
-      type: 'blue',
-      label: '通知',
-      content: '当前产品试用期即将结束，如需续费请点击查看。',
-    },
-    {
-      type: 'blue',
-      label: '通知',
-      content: '1月新系统升级计划通知',
-    },
-    {
-      type: 'cyan',
-      label: '消息',
-      content: '新增内容已经通过审核，详情请点击查看。',
-    },
-  ];
-</script>
-
-<style scoped lang="less">
-  .item {
-    display: flex;
-    align-items: center;
-    margin-bottom: 4px;
-    width: 100%;
-    height: 24px;
-    .item-content {
-      overflow: hidden;
-      margin-left: 4px;
-      font-size: 13px;
-      text-overflow: ellipsis;
-      text-decoration: none;
-      white-space: nowrap;
-      color: var(--color-text-2);
-      flex: 1;
-      cursor: pointer;
-    }
-  }
-</style>
diff --git a/frontend/src/views/dashboard/workplace/components/banner.vue b/frontend/src/views/dashboard/workplace/components/banner.vue
deleted file mode 100644
index 2dbfde7ec1..0000000000
--- a/frontend/src/views/dashboard/workplace/components/banner.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<template>
-  <a-col class="banner">
-    <a-col :span="8">
-      <a-typography-title :heading="5" style="margin-top: 0">
-        {{ $t('workplace.welcome') }} {{ userInfo.name }}
-      </a-typography-title>
-    </a-col>
-    <a-divider class="panel-border" />
-  </a-col>
-</template>
-
-<script lang="ts" setup>
-  import { computed } from 'vue';
-  import { useUserStore } from '@/store';
-
-  const userStore = useUserStore();
-  const userInfo = computed(() => {
-    return {
-      name: userStore.name,
-    };
-  });
-</script>
-
-<style scoped lang="less">
-  .banner {
-    padding: 20px 20px 0;
-    width: 100%;
-    border-radius: 4px 4px 0 0;
-    background-color: var(--color-bg-1);
-  }
-  :deep(.arco-icon-home) {
-    margin-right: 6px;
-  }
-</style>
diff --git a/frontend/src/views/dashboard/workplace/components/carousel.vue b/frontend/src/views/dashboard/workplace/components/carousel.vue
deleted file mode 100644
index 8d2319a082..0000000000
--- a/frontend/src/views/dashboard/workplace/components/carousel.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <a-carousel
-    indicator-type="slider"
-    show-arrow="hover"
-    auto-play
-    style="overflow: hidden; width: 100%; height: 170px; border-radius: 4px"
-  >
-    <a-carousel-item v-for="(src, idx) in imageSrc" :key="idx">
-      <div>
-        <img :src="src" style="width: 100%" />
-      </div>
-    </a-carousel-item>
-  </a-carousel>
-</template>
-
-<script lang="ts" setup>
-  const imageSrc = [
-    '//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/5cc3cd1d994b7ef9db6a1f619a22addd.jpg~tplv-49unhts6dw-image.image',
-    '//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/f256cbcc287139e191fecea9d255a1f0.jpg~tplv-49unhts6dw-image.image',
-    '//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/b557ff0cd44146a2e471b477af2f30d0.jpg~tplv-49unhts6dw-image.image',
-    '//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/665106f4bbd2a2df96eaf7aec52f7bc3.jpg~tplv-49unhts6dw-image.image',
-    '//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/ea095a2c9c72b5d8f2f2818040db736d.jpg~tplv-49unhts6dw-image.image',
-  ];
-</script>
diff --git a/frontend/src/views/dashboard/workplace/components/categories-percent.vue b/frontend/src/views/dashboard/workplace/components/categories-percent.vue
deleted file mode 100644
index 19ec8bad89..0000000000
--- a/frontend/src/views/dashboard/workplace/components/categories-percent.vue
+++ /dev/null
@@ -1,112 +0,0 @@
-<template>
-  <a-spin :loading="loading" style="width: 100%">
-    <a-card
-      class="general-card"
-      :header-style="{ paddingBottom: '0' }"
-      :body-style="{
-        padding: '20px',
-      }"
-    >
-      <template #title>
-        {{ $t('workplace.categoriesPercent') }}
-      </template>
-      <Chart height="310px" :option="chartOption" />
-    </a-card>
-  </a-spin>
-</template>
-
-<script lang="ts" setup>
-  import useLoading from '@/hooks/useLoading';
-  import useChartOption from '@/hooks/useChartOption';
-
-  const { loading } = useLoading();
-  const { chartOption } = useChartOption((isDark) => {
-    // echarts support https://echarts.apache.org/zh/theme-builder.html
-    // It's not used here
-    return {
-      legend: {
-        left: 'center',
-        data: ['纯文本', '图文类', '视频类'],
-        bottom: 0,
-        icon: 'circle',
-        itemWidth: 8,
-        textStyle: {
-          color: isDark ? 'rgba(255, 255, 255, 0.7)' : '#4E5969',
-        },
-        itemStyle: {
-          borderWidth: 0,
-        },
-      },
-      tooltip: {
-        show: true,
-        trigger: 'item',
-      },
-      graphic: {
-        elements: [
-          {
-            type: 'text',
-            left: 'center',
-            top: '40%',
-            style: {
-              text: '内容量',
-              textAlign: 'center',
-              fill: isDark ? '#ffffffb3' : '#4E5969',
-              fontSize: 14,
-            },
-          },
-          {
-            type: 'text',
-            left: 'center',
-            top: '50%',
-            style: {
-              text: '928,531',
-              textAlign: 'center',
-              fill: isDark ? '#ffffffb3' : '#1D2129',
-              fontSize: 16,
-              fontWeight: 500,
-            },
-          },
-        ],
-      },
-      series: [
-        {
-          type: 'pie',
-          radius: ['50%', '70%'],
-          center: ['50%', '50%'],
-          label: {
-            formatter: '{d}%',
-            fontSize: 14,
-            color: isDark ? 'rgba(255, 255, 255, 0.7)' : '#4E5969',
-          },
-          itemStyle: {
-            borderColor: isDark ? '#232324' : '#fff',
-            borderWidth: 1,
-          },
-          data: [
-            {
-              value: [148564],
-              name: '纯文本',
-              itemStyle: {
-                color: isDark ? '#3D72F6' : '#249EFF',
-              },
-            },
-            {
-              value: [334271],
-              name: '图文类',
-              itemStyle: {
-                color: isDark ? '#A079DC' : '#313CA9',
-              },
-            },
-            {
-              value: [445694],
-              name: '视频类',
-              itemStyle: {
-                color: isDark ? '#6CAAF5' : '#21CCFF',
-              },
-            },
-          ],
-        },
-      ],
-    };
-  });
-</script>
diff --git a/frontend/src/views/dashboard/workplace/components/content-chart.vue b/frontend/src/views/dashboard/workplace/components/content-chart.vue
deleted file mode 100644
index 12af918f36..0000000000
--- a/frontend/src/views/dashboard/workplace/components/content-chart.vue
+++ /dev/null
@@ -1,196 +0,0 @@
-<template>
-  <a-spin :loading="loading" style="width: 100%">
-    <a-card
-      class="general-card"
-      :header-style="{ paddingBottom: 0 }"
-      :body-style="{
-        paddingTop: '20px',
-      }"
-      :title="$t('workplace.contentData')"
-    >
-      <template #extra>
-        <a-link>{{ $t('workplace.viewMore') }}</a-link>
-      </template>
-      <Chart height="289px" :option="chartOption" />
-    </a-card>
-  </a-spin>
-</template>
-
-<script lang="ts" setup>
-  import { ref } from 'vue';
-  import { graphic } from 'echarts';
-  import useLoading from '@/hooks/useLoading';
-  import { queryContentData, ContentDataRecord } from '@/api/modules/dashboard';
-  import useChartOption from '@/hooks/useChartOption';
-  import { ToolTipFormatterParams } from '#/echarts';
-  import { AnyObject } from '#/global';
-
-  function graphicFactory(side: AnyObject) {
-    return {
-      type: 'text',
-      bottom: '8',
-      ...side,
-      style: {
-        text: '',
-        textAlign: 'center',
-        fill: '#4E5969',
-        fontSize: 12,
-      },
-    };
-  }
-  const { loading, setLoading } = useLoading(true);
-  const xAxis = ref<string[]>([]);
-  const chartsData = ref<number[]>([]);
-  const graphicElements = ref([graphicFactory({ left: '2.6%' }), graphicFactory({ right: 0 })]);
-  const { chartOption } = useChartOption(() => {
-    return {
-      grid: {
-        left: '2.6%',
-        right: '0',
-        top: '10',
-        bottom: '30',
-      },
-      xAxis: {
-        type: 'category',
-        offset: 2,
-        data: xAxis.value,
-        boundaryGap: false,
-        axisLabel: {
-          color: '#4E5969',
-          formatter(value: number, idx: number) {
-            if (idx === 0) return '';
-            if (idx === xAxis.value.length - 1) return '';
-            return `${value}`;
-          },
-        },
-        axisLine: {
-          show: false,
-        },
-        axisTick: {
-          show: false,
-        },
-        splitLine: {
-          show: true,
-          interval: (idx: number) => {
-            if (idx === 0) return false;
-            if (idx === xAxis.value.length - 1) return false;
-            return true;
-          },
-          lineStyle: {
-            color: '#E5E8EF',
-          },
-        },
-        axisPointer: {
-          show: true,
-          lineStyle: {
-            color: '#23ADFF',
-            width: 2,
-          },
-        },
-      },
-      yAxis: {
-        type: 'value',
-        axisLine: {
-          show: false,
-        },
-        axisLabel: {
-          formatter(value: any, idx: number) {
-            if (idx === 0) return value;
-            return `${value}k`;
-          },
-        },
-        splitLine: {
-          show: true,
-          lineStyle: {
-            type: 'dashed',
-            color: '#E5E8EF',
-          },
-        },
-      },
-      tooltip: {
-        trigger: 'axis',
-        formatter(params) {
-          const [firstElement] = params as ToolTipFormatterParams[];
-          return `<div>
-            <p class="tooltip-title">${firstElement.axisValueLabel}</p>
-            <div class="content-panel"><span>总内容量</span><span class="tooltip-value">${(
-              Number(firstElement.value) * 10000
-            ).toLocaleString()}</span></div>
-          </div>`;
-        },
-        className: 'echarts-tooltip-diy',
-      },
-      graphic: {
-        elements: graphicElements.value,
-      },
-      series: [
-        {
-          data: chartsData.value,
-          type: 'line',
-          smooth: true,
-          // symbol: 'circle',
-          symbolSize: 12,
-          emphasis: {
-            focus: 'series',
-            itemStyle: {
-              borderWidth: 2,
-            },
-          },
-          lineStyle: {
-            width: 3,
-            color: new graphic.LinearGradient(0, 0, 1, 0, [
-              {
-                offset: 0,
-                color: 'rgba(30, 231, 255, 1)',
-              },
-              {
-                offset: 0.5,
-                color: 'rgba(36, 154, 255, 1)',
-              },
-              {
-                offset: 1,
-                color: 'rgba(111, 66, 251, 1)',
-              },
-            ]),
-          },
-          showSymbol: false,
-          areaStyle: {
-            opacity: 0.8,
-            color: new graphic.LinearGradient(0, 0, 0, 1, [
-              {
-                offset: 0,
-                color: 'rgba(17, 126, 255, 0.16)',
-              },
-              {
-                offset: 1,
-                color: 'rgba(17, 128, 255, 0)',
-              },
-            ]),
-          },
-        },
-      ],
-    };
-  });
-  const fetchData = async () => {
-    setLoading(true);
-    try {
-      const chartData = await queryContentData();
-
-      chartData.forEach((el: ContentDataRecord, idx: number) => {
-        xAxis.value.push(el.x);
-        chartsData.value.push(el.y);
-        if (idx === 0) {
-          graphicElements.value[0].style.text = el.x;
-        }
-        if (idx === chartData.length - 1) {
-          graphicElements.value[1].style.text = el.x;
-        }
-      });
-    } catch (err) {
-      // you can report use errorHandler or other
-    } finally {
-      setLoading(false);
-    }
-  };
-  fetchData();
-</script>
diff --git a/frontend/src/views/dashboard/workplace/components/data-panel.vue b/frontend/src/views/dashboard/workplace/components/data-panel.vue
deleted file mode 100644
index 6779a94b76..0000000000
--- a/frontend/src/views/dashboard/workplace/components/data-panel.vue
+++ /dev/null
@@ -1,104 +0,0 @@
-<template>
-  <a-grid :cols="24" :row-gap="16" class="panel">
-    <a-grid-item class="panel-col" :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 6 }">
-      <a-space>
-        <a-avatar :size="54" class="col-avatar">
-          <img
-            alt="avatar"
-            src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/288b89194e657603ff40db39e8072640.svg~tplv-49unhts6dw-image.image"
-          />
-        </a-avatar>
-        <a-statistic
-          :title="$t('workplace.onlineContent')"
-          :value="373.5"
-          :precision="1"
-          :value-from="0"
-          animation
-          show-group-separator
-        >
-          <template #suffix>
-            W+ <span class="unit">{{ $t('workplace.pecs') }}</span>
-          </template>
-        </a-statistic>
-      </a-space>
-    </a-grid-item>
-    <a-grid-item class="panel-col" :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 6 }">
-      <a-space>
-        <a-avatar :size="54" class="col-avatar">
-          <img
-            alt="avatar"
-            src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/fdc66b07224cdf18843c6076c2587eb5.svg~tplv-49unhts6dw-image.image"
-          />
-        </a-avatar>
-        <a-statistic :title="$t('workplace.putIn')" :value="368" :value-from="0" animation show-group-separator>
-          <template #suffix>
-            <span class="unit">{{ $t('workplace.pecs') }}</span>
-          </template>
-        </a-statistic>
-      </a-space>
-    </a-grid-item>
-    <a-grid-item class="panel-col" :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 6 }">
-      <a-space>
-        <a-avatar :size="54" class="col-avatar">
-          <img
-            alt="avatar"
-            src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/77d74c9a245adeae1ec7fb5d4539738d.svg~tplv-49unhts6dw-image.image"
-          />
-        </a-avatar>
-        <a-statistic :title="$t('workplace.newDay')" :value="8874" :value-from="0" animation show-group-separator>
-          <template #suffix>
-            <span class="unit">{{ $t('workplace.pecs') }}</span>
-          </template>
-        </a-statistic>
-      </a-space>
-    </a-grid-item>
-    <a-grid-item
-      class="panel-col"
-      :span="{ xs: 12, sm: 12, md: 12, lg: 12, xl: 12, xxl: 6 }"
-      style="border-right: none"
-    >
-      <a-space>
-        <a-avatar :size="54" class="col-avatar">
-          <img
-            alt="avatar"
-            src="//p3-armor.byteimg.com/tos-cn-i-49unhts6dw/c8b36e26d2b9bb5dbf9b74dd6d7345af.svg~tplv-49unhts6dw-image.image"
-          />
-        </a-avatar>
-        <a-statistic :title="$t('workplace.newFromYesterday')" :value="2.8" :precision="1" :value-from="0" animation>
-          <template #suffix> % <icon-caret-up class="up-icon" /> </template>
-        </a-statistic>
-      </a-space>
-    </a-grid-item>
-    <a-grid-item :span="24">
-      <a-divider class="panel-border" />
-    </a-grid-item>
-  </a-grid>
-</template>
-
-<script lang="ts" setup></script>
-
-<style lang="less" scoped>
-  .arco-grid.panel {
-    margin-bottom: 0;
-    padding: 16px 20px 0;
-  }
-  .panel-col {
-    padding-left: 43px;
-    border-right: 1px solid rgb(var(--gray-2));
-  }
-  .col-avatar {
-    margin-right: 12px;
-    background-color: var(--color-fill-2);
-  }
-  .up-icon {
-    color: rgb(var(--red-6));
-  }
-  .unit {
-    margin-left: 8px;
-    font-size: 12px;
-    color: rgb(var(--gray-8));
-  }
-  :deep(.panel-border) {
-    margin: 4px 0 0;
-  }
-</style>
diff --git a/frontend/src/views/dashboard/workplace/components/docs.vue b/frontend/src/views/dashboard/workplace/components/docs.vue
deleted file mode 100644
index 506fae25e7..0000000000
--- a/frontend/src/views/dashboard/workplace/components/docs.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-  <a-card
-    class="general-card"
-    :title="$t('workplace.docs')"
-    :header-style="{ paddingBottom: 0 }"
-    :body-style="{ paddingTop: 0 }"
-    style="height: 166px"
-  >
-    <template #extra>
-      <a-link>{{ $t('workplace.viewMore') }}</a-link>
-    </template>
-    <a-row>
-      <a-col :span="12">
-        <a-link>
-          {{ $t('workplace.docs.productOverview') }}
-        </a-link>
-      </a-col>
-      <a-col :span="12">
-        <a-link>
-          {{ $t('workplace.docs.userGuide') }}
-        </a-link>
-      </a-col>
-      <a-col :span="12">
-        <a-link>
-          {{ $t('workplace.docs.workflow') }}
-        </a-link>
-      </a-col>
-      <a-col :span="12">
-        <a-link>
-          {{ $t('workplace.docs.interfaceDocs') }}
-        </a-link>
-      </a-col>
-    </a-row>
-  </a-card>
-</template>
-
-<style lang="less" scoped>
-  .arco-card-body .arco-link {
-    margin: 10px 0;
-    color: rgb(var(--gray-8));
-  }
-</style>
diff --git a/frontend/src/views/dashboard/workplace/components/popular-content.vue b/frontend/src/views/dashboard/workplace/components/popular-content.vue
deleted file mode 100644
index ebb8dfdc6c..0000000000
--- a/frontend/src/views/dashboard/workplace/components/popular-content.vue
+++ /dev/null
@@ -1,105 +0,0 @@
-<template>
-  <a-spin :loading="loading" style="width: 100%">
-    <a-card
-      class="general-card"
-      :header-style="{ paddingBottom: '0' }"
-      :body-style="{ padding: '17px 20px 21px 20px' }"
-    >
-      <template #title>
-        {{ $t('workplace.popularContent') }}
-      </template>
-      <template #extra>
-        <a-link>{{ $t('workplace.viewMore') }}</a-link>
-      </template>
-      <a-space direction="vertical" :size="10" fill>
-        <a-radio-group v-model:model-value="type" type="button" @change="typeChange as any">
-          <a-radio value="text">
-            {{ $t('workplace.popularContent.text') }}
-          </a-radio>
-          <a-radio value="image">
-            {{ $t('workplace.popularContent.image') }}
-          </a-radio>
-          <a-radio value="video">
-            {{ $t('workplace.popularContent.video') }}
-          </a-radio>
-        </a-radio-group>
-        <a-table :data="renderList" :pagination="false" :bordered="false" :scroll="{ x: '100%', y: '264px' }">
-          <template #columns>
-            <a-table-column title="排名" data-index="key"></a-table-column>
-            <a-table-column title="内容标题" data-index="title">
-              <template #cell="{ record }">
-                <a-typography-paragraph
-                  :ellipsis="{
-                    rows: 1,
-                  }"
-                >
-                  {{ record.title }}
-                </a-typography-paragraph>
-              </template>
-            </a-table-column>
-            <a-table-column title="点击量" data-index="clickNumber"> </a-table-column>
-            <a-table-column
-              title="日涨幅"
-              data-index="increases"
-              :sortable="{
-                sortDirections: ['ascend', 'descend'],
-              }"
-            >
-              <template #cell="{ record }">
-                <div class="increases-cell">
-                  <span>{{ record.increases }}%</span>
-                  <icon-caret-up v-if="record.increases !== 0" style="font-size: 8px; color: #f53f3f" />
-                </div>
-              </template>
-            </a-table-column>
-          </template>
-        </a-table>
-      </a-space>
-    </a-card>
-  </a-spin>
-</template>
-
-<script lang="ts" setup>
-  import { ref } from 'vue';
-  import useLoading from '@/hooks/useLoading';
-  import { queryPopularList } from '@/api/modules/dashboard';
-  import type { TableData } from '@arco-design/web-vue/es/table/interface';
-
-  const type = ref('text');
-  const { loading, setLoading } = useLoading();
-  const renderList = ref<TableData[]>();
-  const fetchData = async (contentType: string) => {
-    try {
-      setLoading(true);
-      const data = await queryPopularList({ type: contentType });
-      renderList.value = data;
-    } catch (err) {
-      // you can report use errorHandler or other
-    } finally {
-      setLoading(false);
-    }
-  };
-  const typeChange = (contentType: string) => {
-    fetchData(contentType);
-  };
-  fetchData('text');
-</script>
-
-<style scoped lang="less">
-  .general-card {
-    min-height: 395px;
-  }
-  :deep(.arco-table-tr) {
-    height: 44px;
-    .arco-typography {
-      margin-bottom: 0;
-    }
-  }
-  .increases-cell {
-    display: flex;
-    align-items: center;
-    span {
-      margin-right: 4px;
-    }
-  }
-</style>
diff --git a/frontend/src/views/dashboard/workplace/components/quick-operation.vue b/frontend/src/views/dashboard/workplace/components/quick-operation.vue
deleted file mode 100644
index 93d014ab09..0000000000
--- a/frontend/src/views/dashboard/workplace/components/quick-operation.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-  <a-card
-    class="general-card"
-    :title="$t('workplace.quick.operation')"
-    :header-style="{ paddingBottom: '0' }"
-    :body-style="{ padding: '24px 20px 0 20px' }"
-  >
-    <template #extra>
-      <a-link>{{ $t('workplace.quickOperation.setup') }}</a-link>
-    </template>
-    <a-row :gutter="8">
-      <a-col v-for="link in links" :key="link.text" :span="8" class="wrapper">
-        <div class="icon">
-          <component :is="link.icon" />
-        </div>
-        <a-typography-paragraph class="text">
-          {{ $t(link.text) }}
-        </a-typography-paragraph>
-      </a-col>
-    </a-row>
-    <a-divider class="split-line" style="margin: 0" />
-  </a-card>
-</template>
-
-<script lang="ts" setup>
-  const links = [
-    { text: 'workplace.contentManagement', icon: 'icon-file' },
-    { text: 'workplace.contentStatistical', icon: 'icon-storage' },
-    { text: 'workplace.advanced', icon: 'icon-settings' },
-    { text: 'workplace.onlinePromotion', icon: 'icon-mobile' },
-    { text: 'workplace.contentPutIn', icon: 'icon-fire' },
-  ];
-</script>
diff --git a/frontend/src/views/dashboard/workplace/components/recently-visited.vue b/frontend/src/views/dashboard/workplace/components/recently-visited.vue
deleted file mode 100644
index 805c4f7b23..0000000000
--- a/frontend/src/views/dashboard/workplace/components/recently-visited.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-  <a-card
-    class="general-card"
-    :title="$t('workplace.recently.visited')"
-    :header-style="{ paddingBottom: '0' }"
-    :body-style="{ paddingTop: '26px' }"
-  >
-    <div style="margin-bottom: -1rem">
-      <a-row :gutter="8">
-        <a-col v-for="link in links" :key="link.text" :span="8" class="wrapper">
-          <div class="icon">
-            <component :is="link.icon" />
-          </div>
-          <a-typography-paragraph class="text">
-            {{ $t(link.text) }}
-          </a-typography-paragraph>
-        </a-col>
-      </a-row>
-    </div>
-  </a-card>
-</template>
-
-<script lang="ts" setup>
-  const links = [
-    {
-      text: 'workplace.contentManagement',
-      icon: 'icon-storage',
-    },
-    {
-      text: 'workplace.contentStatistical',
-      icon: 'icon-file',
-    },
-    {
-      text: 'workplace.advanced',
-      icon: 'icon-settings',
-    },
-  ];
-</script>
-
-<style lang="less" scoped>
-  :deep(.arco-card-header-title) {
-    line-height: inherit;
-  }
-</style>
diff --git a/frontend/src/views/dashboard/workplace/index.vue b/frontend/src/views/dashboard/workplace/index.vue
deleted file mode 100644
index 6a2d310fd6..0000000000
--- a/frontend/src/views/dashboard/workplace/index.vue
+++ /dev/null
@@ -1,134 +0,0 @@
-<template>
-  <div class="my-container">
-    <div class="left-side">
-      <div class="panel">
-        <Banner />
-        <DataPanel />
-        <ContentChart />
-      </div>
-      <a-grid :cols="24" :col-gap="16" :row-gap="16" style="margin-top: 16px">
-        <a-grid-item :span="{ xs: 24, sm: 24, md: 24, lg: 12, xl: 12, xxl: 12 }">
-          <PopularContent />
-        </a-grid-item>
-        <a-grid-item :span="{ xs: 24, sm: 24, md: 24, lg: 12, xl: 12, xxl: 12 }">
-          <CategoriesPercent />
-        </a-grid-item>
-      </a-grid>
-    </div>
-    <div class="right-side">
-      <a-grid :cols="24" :row-gap="16">
-        <a-grid-item :span="24">
-          <div class="panel moduler-wrap">
-            <QuickOperation />
-            <RecentlyVisited />
-          </div>
-        </a-grid-item>
-        <a-grid-item class="panel" :span="24">
-          <Carousel />
-        </a-grid-item>
-        <a-grid-item class="panel" :span="24">
-          <Announcement />
-        </a-grid-item>
-        <a-grid-item class="panel" :span="24">
-          <Docs />
-        </a-grid-item>
-      </a-grid>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-  import Banner from './components/banner.vue';
-  import DataPanel from './components/data-panel.vue';
-  import ContentChart from './components/content-chart.vue';
-  import PopularContent from './components/popular-content.vue';
-  import CategoriesPercent from './components/categories-percent.vue';
-  import RecentlyVisited from './components/recently-visited.vue';
-  import QuickOperation from './components/quick-operation.vue';
-  import Announcement from './components/announcement.vue';
-  import Carousel from './components/carousel.vue';
-  import Docs from './components/docs.vue';
-</script>
-
-<script lang="ts">
-  export default {
-    name: 'Dashboard', // If you want the include property of keep-alive to take effect, you must name the component
-  };
-</script>
-
-<style lang="less" scoped>
-  .my-container {
-    display: flex;
-    padding: 16px 20px;
-    padding-bottom: 0;
-  }
-  .left-side {
-    flex: 1;
-    overflow: auto;
-  }
-  .right-side {
-    margin-left: 16px;
-    width: 280px;
-  }
-  .panel {
-    overflow: auto;
-    border-radius: 4px;
-    background-color: var(--color-bg-1);
-  }
-  :deep(.panel-border) {
-    margin-bottom: 0;
-    border-bottom: 1px solid rgb(var(--gray-2));
-  }
-  .moduler-wrap {
-    border-radius: 4px;
-    background-color: var(--color-bg-1);
-    :deep(.text) {
-      font-size: 12px;
-      text-align: center;
-      color: rgb(var(--gray-8));
-    }
-    :deep(.wrapper) {
-      margin-bottom: 8px;
-      text-align: center;
-      cursor: pointer;
-      &:last-child {
-        .text {
-          margin-bottom: 0;
-        }
-      }
-      &:hover {
-        .icon {
-          color: rgb(var(--arcoblue-6));
-          background-color: #e8f3ff;
-        }
-        .text {
-          color: rgb(var(--arcoblue-6));
-        }
-      }
-    }
-    :deep(.icon) {
-      display: inline-block;
-      margin-bottom: 4px;
-      width: 32px;
-      height: 32px;
-      font-size: 16px;
-      border-radius: 4px;
-      text-align: center;
-      color: rgb(var(--dark-gray-1));
-      background-color: rgb(var(--gray-1));
-      line-height: 32px;
-    }
-  }
-  // responsive
-  .mobile {
-    .container {
-      display: block;
-    }
-    .right-side {
-      margin-top: 16px;
-      margin-left: 0;
-      // display: none;
-      width: 100%;
-    }
-  }
-</style>
diff --git a/frontend/src/views/dashboard/workplace/locale/en-US.ts b/frontend/src/views/dashboard/workplace/locale/en-US.ts
deleted file mode 100644
index 5eef6ade5b..0000000000
--- a/frontend/src/views/dashboard/workplace/locale/en-US.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-export default {
-  'menu.dashboard.workplace': 'Workplace',
-  'workplace.welcome': 'Welcome!',
-  'workplace.balance': 'Balance (CNY)',
-  'workplace.order.pending': 'Pending',
-  'workplace.order.pendingRenewal': 'Renewal Order',
-  'workplace.onlineContent': 'Online Content',
-  'workplace.putIn': 'Put In',
-  'workplace.newDay': 'Daily Additional Comments',
-  'workplace.newFromYesterday': 'New From Yesterday',
-  'workplace.minute': 'Min',
-  'workplace.docs': 'Documents',
-  'workplace.docs.productOverview': 'Product Overview',
-  'workplace.docs.userGuide': 'User Guide',
-  'workplace.docs.workflow': 'Workflow',
-  'workplace.docs.interfaceDocs': 'Interface Docs',
-  //
-  'workplace.contentManagement': 'Content Management',
-  'workplace.contentStatistical': 'Content Statistical',
-  'workplace.advanced': 'Advanced',
-  'workplace.onlinePromotion': 'Online Promotion',
-  'workplace.contentPutIn': 'Put In',
-  'workplace.announcement': 'Announcement',
-  'workplace.recently.visited': 'Recently Visited',
-  'workplace.record.nodata': 'No data',
-  'workplace.quick.operation': 'Quick Operation',
-  'workplace.quickOperation.setup': 'Setup',
-  'workplace.allProject': 'All',
-  'workplace.loadMore': 'More',
-  'workplace.viewMore': 'More',
-  'workplace.contentData': 'Content Data',
-  'workplace.popularContent': 'Popular Content',
-  'workplace.popularContent.text': 'text',
-  'workplace.popularContent.image': 'image',
-  'workplace.popularContent.video': 'video',
-  'workplace.categoriesPercent': 'Categories Percent',
-  'workplace.pecs': 'pecs',
-};
diff --git a/frontend/src/views/dashboard/workplace/locale/zh-CN.ts b/frontend/src/views/dashboard/workplace/locale/zh-CN.ts
deleted file mode 100644
index 4eebcc815e..0000000000
--- a/frontend/src/views/dashboard/workplace/locale/zh-CN.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-export default {
-  'menu.dashboard.workplace': '工作台',
-  'workplace.welcome': '欢迎回来！',
-  'workplace.balance': '余额（元）',
-  'workplace.order.pending': '待支付',
-  'workplace.order.pendingRenewal': '待续费订单',
-  'workplace.onlineContent': '线上总内容',
-  'workplace.putIn': '投放中内容',
-  'workplace.newDay': '日新增评论',
-  'workplace.newFromYesterday': '较昨日新增',
-  'workplace.minute': '分钟',
-  'workplace.docs': '帮助文档',
-  'workplace.docs.productOverview': '产品概要',
-  'workplace.docs.userGuide': '使用指南',
-  'workplace.docs.workflow': '接入流程',
-  'workplace.docs.interfaceDocs': '接口文档',
-  'workplace.contentManagement': '内容管理',
-  'workplace.contentStatistical': '内容分析',
-  'workplace.advanced': '高级管理',
-  'workplace.onlinePromotion': '线上推广',
-  'workplace.contentPutIn': '内容投放',
-  'workplace.announcement': '公告',
-  'workplace.recently.visited': '最近访问',
-  'workplace.record.nodata': '暂无数据',
-  'workplace.quick.operation': '快捷操作',
-  'workplace.quickOperation.setup': '管理',
-  'workplace.allProject': '所有项目',
-  'workplace.loadMore': '加载更多',
-  'workplace.viewMore': '查看更多',
-  'workplace.contentData': '内容数据',
-  'workplace.popularContent': '线上热门内容',
-  'workplace.popularContent.text': '文本',
-  'workplace.popularContent.image': '图片',
-  'workplace.popularContent.video': '视频',
-  'workplace.categoriesPercent': '内容类型占比',
-  'workplace.pecs': '个',
-};
diff --git a/frontend/src/views/dashboard/workplace/mock.ts b/frontend/src/views/dashboard/workplace/mock.ts
deleted file mode 100644
index bbf1c5dd15..0000000000
--- a/frontend/src/views/dashboard/workplace/mock.ts
+++ /dev/null
@@ -1,129 +0,0 @@
-import Mock from 'mockjs';
-import qs from 'query-string';
-import dayjs from 'dayjs';
-import { GetParams } from '#/global';
-import setupMock, { successResponseWrap } from '@/utils/setup-mock';
-
-const textList = [
-  {
-    key: 1,
-    clickNumber: '346.3w+',
-    title: '经济日报：财政政策要精准提升…',
-    increases: 35,
-  },
-  {
-    key: 2,
-    clickNumber: '324.2w+',
-    title: '双12遇冷，消费者厌倦了电商平…',
-    increases: 22,
-  },
-  {
-    key: 3,
-    clickNumber: '318.9w+',
-    title: '致敬坚守战“疫”一线的社区工作…',
-    increases: 9,
-  },
-  {
-    key: 4,
-    clickNumber: '257.9w+',
-    title: '普高还是职高？家长们陷入选择…',
-    increases: 17,
-  },
-  {
-    key: 5,
-    clickNumber: '124.2w+',
-    title: '人民快评：没想到“浓眉大眼”的…',
-    increases: 37,
-  },
-];
-const imageList = [
-  {
-    key: 1,
-    clickNumber: '15.3w+',
-    title: '杨涛接替陆慷出任外交部美大司…',
-    increases: 15,
-  },
-  {
-    key: 2,
-    clickNumber: '12.2w+',
-    title: '图集：龙卷风袭击美国多州房屋…',
-    increases: 26,
-  },
-  {
-    key: 3,
-    clickNumber: '18.9w+',
-    title: '52岁大姐贴钱照顾自闭症儿童八…',
-    increases: 9,
-  },
-  {
-    key: 4,
-    clickNumber: '7.9w+',
-    title: '杭州一家三口公园宿营取暖中毒',
-    increases: 0,
-  },
-  {
-    key: 5,
-    clickNumber: '5.2w+',
-    title: '派出所副所长威胁市民？警方调…',
-    increases: 4,
-  },
-];
-const videoList = [
-  {
-    key: 1,
-    clickNumber: '367.6w+',
-    title: '这是今日10点的南京',
-    increases: 5,
-  },
-  {
-    key: 2,
-    clickNumber: '352.2w+',
-    title: '立陶宛不断挑衅致经济受损民众…',
-    increases: 17,
-  },
-  {
-    key: 3,
-    clickNumber: '348.9w+',
-    title: '韩国艺人刘在石确诊新冠',
-    increases: 30,
-  },
-  {
-    key: 4,
-    clickNumber: '346.3w+',
-    title: '关于北京冬奥会，文在寅表态',
-    increases: 12,
-  },
-  {
-    key: 5,
-    clickNumber: '271.2w+',
-    title: '95后现役军人荣立一等功',
-    increases: 2,
-  },
-];
-setupMock({
-  setup() {
-    Mock.mock(new RegExp('/api/content-data'), () => {
-      const presetData = [58, 81, 53, 90, 64, 88, 49, 79];
-      const getLineData = () => {
-        const count = 8;
-        return new Array(count).fill(0).map((el, idx) => ({
-          x: dayjs()
-            .day(idx - 2)
-            .format('YYYY-MM-DD'),
-          y: presetData[idx],
-        }));
-      };
-      return successResponseWrap([...getLineData()]);
-    });
-    Mock.mock(new RegExp('/api/popular/list'), (params: GetParams) => {
-      const { type = 'text' } = qs.parseUrl(params.url).query;
-      if (type === 'image') {
-        return successResponseWrap([...videoList]);
-      }
-      if (type === 'video') {
-        return successResponseWrap([...imageList]);
-      }
-      return successResponseWrap([...textList]);
-    });
-  },
-});
diff --git a/frontend/src/views/login/components/login-form.vue b/frontend/src/views/login/components/login-form.vue
index ce2af14868..a48e19a145 100644
--- a/frontend/src/views/login/components/login-form.vue
+++ b/frontend/src/views/login/components/login-form.vue
@@ -103,7 +103,7 @@
         await userStore.login(values as LoginData);
         const { redirect, ...othersQuery } = router.currentRoute.value.query;
         router.push({
-          name: (redirect as string) || 'Workplace',
+          name: (redirect as string) || 'apiTest',
           query: {
             ...othersQuery,
           },
diff --git a/frontend/src/views/minder/index.vue b/frontend/src/views/minder/index.vue
deleted file mode 100644
index 23867e8cb2..0000000000
--- a/frontend/src/views/minder/index.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-  <minder-editor
-    class="minder-container"
-    :import-json="importJson"
-    :progress-enable="false"
-    :height="height"
-    :tags="tags"
-    :default-mold="defaultMode"
-    :del-confirm="delConfirm"
-    :style-enable="true"
-    :arrange-enable="true"
-    :mold-enable="true"
-    :font-enable="true"
-    @save="save"
-  />
-  <!-- <JsonPicker /> -->
-</template>
-
-<script setup lang="ts" name="minderIndex">
-  import MinderEditor from '@/components/minder-editor/minderEditor.vue';
-  // import JsonPicker from '@/components/jsonpath-picker/index.vue';
-
-  const importJson = {
-    root: {
-      data: {
-        // 文本内容
-        text: 'vue3-minder-editor',
-        // 标签
-        resource: ['模块1'],
-        // 是否禁止修改
-        // disable: true,
-        // 默认展开或折叠，默认是展开的，collapse 可设为折叠
-        // expandState: 'collapse',
-        // 在 disable 为 true 的情况下，允许添加标签
-        // tagEnable: true,
-        // 在 disable 为 true 的情况下，允许删除节点
-        // allowDelete: true,
-        // 在 disable 为 true 的情况下，允许添加标签，优先级比 tagEnable 高
-        // allowDisabledTag: true,
-      },
-      // 子节点
-      children: [
-        {
-          data: {
-            text: 'child1',
-            // disable: true,
-            expandState: 'collapse',
-            resource: ['模块2'],
-          },
-          children: [
-            {
-              data: {
-                text: '地图axxaaaa',
-                disable: true,
-                allowDelete: true,
-                // tagEnable: true,
-                allowDisabledTag: true,
-                resource: ['模块12'],
-                priority: 3,
-                loaded: true,
-              },
-            },
-          ],
-        },
-        {
-          data: {
-            text: 'child2',
-          },
-        },
-      ],
-    },
-    template: 'default',
-  };
-  const height = 500;
-  const defaultMode = 3;
-  const tags = ['模块1', '用例', '前置条件', '测试步骤', '预期结果', '备注'];
-
-  function save(data: any) {
-    // eslint-disable-next-line no-console
-    console.log(data);
-  }
-
-  function delConfirm() {
-    // eslint-disable-next-line no-console
-    console.log('-=-=-=-=-=-=-==');
-  }
-</script>