chore: lazy load advanced table filters

web/apps/web-ele/src/components/zq-table/zq-table.vue

@@ -3,6 +3,7 @@ import type { ExtendedZqTableApi, ZqTableProps } from './types';
 
 import {
   computed,
+  defineAsyncComponent,
   defineComponent,
   nextTick,
   onMounted,
@@ -33,28 +34,34 @@ import {
   Setting,
 } from '@element-plus/icons-vue';
 import { useResizeObserver } from '@vueuse/core';
-import {
+import { ElButton } from 'element-plus/es/components/button/index';
-  ElButton,
+import { ElCheckbox } from 'element-plus/es/components/checkbox/index';
-  ElCascader,
+import { ElDivider } from 'element-plus/es/components/divider/index';
-  ElCheckbox,
+import { ElIcon } from 'element-plus/es/components/icon/index';
-  ElDatePicker,
+import { ElInput } from 'element-plus/es/components/input/index';
-  ElDivider,
+import { ElPagination } from 'element-plus/es/components/pagination/index';
-  ElIcon,
+import { ElPopover } from 'element-plus/es/components/popover/index';
-  ElInput,
+import { ElScrollbar } from 'element-plus/es/components/scrollbar/index';
-  ElPagination,
+import { ElSkeletonItem } from 'element-plus/es/components/skeleton/index';
-  ElPopover,
+import { ElTable, ElTableColumn } from 'element-plus/es/components/table/index';
-  ElScrollbar,
+import { ElTooltip } from 'element-plus/es/components/tooltip/index';
-  ElSkeletonItem,
-  ElTable,
-  ElTableColumn,
-  ElTooltip,
-} from 'element-plus';
 
 import { UserSelector } from '../zq-form/user-selector';
 import { useTableForm } from './init';
 
 import './style.css';
 
+const ElCascader = defineAsyncComponent(() =>
+  import('element-plus/es/components/cascader/index').then(
+    (res) => res.ElCascader,
+  ),
+);
+const ElDatePicker = defineAsyncComponent(() =>
+  import('element-plus/es/components/date-picker/index').then(
+    (res) => res.ElDatePicker,
+  ),
+);
+
 interface Props extends ZqTableProps {
   api: ExtendedZqTableApi;
 }