el-plus 0.0.80 → 0.0.82

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! ElPlus v0.0.80 */
+/*! ElPlus v0.0.82 */
 
 import { useAttrs, getCurrentInstance, inject, provide, ref, nextTick, defineComponent, computed, createVNode, Fragment, withDirectives, resolveComponent, mergeProps, resolveDirective, useTemplateRef, createTextVNode, h, mergeModels, useModel, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, withCtx, renderSlot, renderList, createBlock, vShow, toDisplayString, reactive, useSlots, watch, onMounted, createSlots, normalizeProps, guardReactiveProps, markRaw, Transition, shallowReactive, isVNode, render, createElementVNode, toRaw } from 'vue';
 import { buttonProps, useLocale as useLocale$1, ElLoading, ElMessage, ElMessageBox, formProps as formProps$1, formEmits as formEmits$1, ElTooltip, formItemProps as formItemProps$1, ElFormItem, ElForm, ElRow, ElCol, inputProps as inputProps$1, inputEmits as inputEmits$1, configProviderContextKey, ElConfigProvider, ElDialog, ElButton, ElTable, ElIcon, selectProps as selectProps$1, selectEmits as selectEmits$1, ElPageHeader, datePickerProps, linkProps as linkProps$1, ElSkeleton } from 'element-plus';
@@ -1483,11 +1483,6 @@ const useRequest = ({
     const config = {
       method
     };
-    if (cancelToken) {
-      config.cancelRequest = (cancel) => {
-        cancelRequest = cancel;
-      };
-    }
     apiFn = (data = {}, params) => {
       if (config.method === "get") {
         config.params = data;
@@ -1511,29 +1506,38 @@ const useRequest = ({
       if (reqBefore) {
         reqBefore(config);
       }
+      if (cancelToken) {
+        config.cancelToken = new axios.CancelToken(function(cancel) {
+          cancelRequest = cancel;
+        });
+      }
       return http.request(api, config);
     };
   } else {
     apiFn = api;
   }
-  const requestFn = async (data = {}) => {
+  const requestFn = async (data = {}, params) => {
     if (loading.value && !cancelToken) return;
     loading.value = true;
     try {
       cancelRequest && cancelRequest();
-      const res = await apiFn(data);
+      const res = await apiFn(data, params);
       if (reqAfter) {
         reqAfter(res);
       }
       if (hooks?.success) {
         hooks.success(typeof api === "function" ? res : res.data);
       }
+      loading.value = false;
     } catch (error) {
       if (hooks?.fail) {
         hooks.fail(error);
       }
-    } finally {
+      if (axios.isCancel(error)) {
+        return;
+      }
       loading.value = false;
+    } finally {
     }
   };
   return {
@@ -1979,7 +1983,9 @@ const useFormDialog = (options = {}) => {
 const useTable$1 = (props) => {
   const elFormRef = useTemplateRef("elFormRef");
   const elTableRef = useTemplateRef("elTableRef");
+  const allData = ref([]);
   const customData = ref([]);
+  const apiTotal = ref(0);
   const {
     loading,
     requestFn
@@ -1994,15 +2000,18 @@ const useTable$1 = (props) => {
     hooks: {
       success(data) {
         if (Array.isArray(data)) {
-          customData.value = data;
+          allData.value = data;
         } else if (data && typeof data === "object") {
           const rawData = data;
-          customData.value = rawData?.list || rawData?.data || [];
+          allData.value = rawData?.list || rawData?.data || [];
         } else {
-          customData.value = [];
+          allData.value = [];
         }
-        if (props.showPagination) {
-          pagination.total = (props.isFrontPage ? customData.value.length : data.total) || 0;
+        if (props.isFrontPage) {
+          frontPaginationHandler();
+        } else {
+          customData.value = allData.value;
+          apiTotal.value = data.total || 0;
         }
       },
       fail(error) {
@@ -2015,21 +2024,13 @@ const useTable$1 = (props) => {
   const search = async (init = false, isPagination = false) => {
     const beforeSearch = attrs["before-search"];
     if (typeof beforeSearch === "function") {
-      await nextTick();
       await beforeSearch?.();
     }
     if (init) {
       pagination.pageNo = 1;
     }
     if (isPagination && props.isFrontPage) {
-      const {
-        pageNo,
-        pageSize
-      } = pagination;
-      const data = customData.value.filter((item, index) => {
-        return index < pageNo * pageSize && index >= (pageNo - 1) * pageSize;
-      });
-      customData.value = data;
+      frontPaginationHandler();
     } else {
       if (props.api) {
         requestFn({
@@ -2037,22 +2038,36 @@ const useTable$1 = (props) => {
           pageSize: pagination.pageSize,
           pageNum: pagination.pageNo
         });
-      } else if (props.data?.length) {
-        customData.value = props.data;
       }
     }
   };
+  const {
+    pagination,
+    paginationProps
+  } = usePagination(props, search, allData, apiTotal);
+  const frontPaginationHandler = () => {
+    const {
+      pageNo,
+      pageSize
+    } = pagination;
+    const data = allData.value.filter((item, index) => {
+      return index < pageNo * pageSize && index >= (pageNo - 1) * pageSize;
+    });
+    customData.value = data;
+  };
   if (!props.api) {
     watch(() => props.data, (newValue) => {
-      customData.value = newValue;
+      allData.value = newValue;
+      if (props.isFrontPage) {
+        frontPaginationHandler();
+      } else {
+        customData.value = allData.value;
+      }
     }, {
-      deep: true
+      deep: true,
+      immediate: true
     });
   }
-  const {
-    pagination,
-    paginationProps
-  } = usePagination(props, search);
   (async () => {
     if (props.isInitSearch) {
       if (props.customColumnModule) {
@@ -2106,11 +2121,13 @@ const useTable$1 = (props) => {
     customColumns
   };
 };
-const usePagination = function(props, search) {
+const usePagination = function(props, search, allData, apiTotal) {
   const defaultPaginationProps = props.paginationProps || {};
   const pageSizes = defaultPaginationProps.pageSizes || [20, 50, 100, 200];
   const pagination = reactive({
-    total: 0,
+    total: computed(() => {
+      return !props.isFrontPage && props.api ? apiTotal.value : allData.value.length;
+    }),
     pageNo: 1,
     pageSize: pageSizes[0]
   });
@@ -2599,7 +2616,12 @@ const useSearchListPage = (props, config = {}) => {
     reset,
     tableRef,
     formRef,
-    beforeSearch: validate
+    beforeSearch: async () => {
+      if (!formRef.value) {
+        await nextTick();
+      }
+      await validate();
+    }
   };
 };
 const useTable = (props, config) => {
@@ -3175,8 +3197,7 @@ const headerProps = {
   // 权限前缀
   // 要展示的默认按钮
   defaultButtons: {
-    type: Array,
-    default: () => []
+    type: Array
   },
   // 工作流id
   workflowId: String,
@@ -3355,10 +3376,12 @@ const useButtons = (props, emit) => {
       gotoTaskTrace(props.workflowId);
     }
   }];
-  if (props.defaultButtons.length) {
+  if (props.defaultButtons?.length) {
     defaultButtons = defaultButtons.filter((item) => {
       return props.defaultButtons.some((item1) => item1 === item.prop);
     });
+  } else if (props.defaultButtons?.length === 0) {
+    defaultButtons = [];
   }
   const buttons = mergeListByKey(defaultButtons, props.buttons);
   return {
@@ -4273,7 +4296,7 @@ var components = [
   EpUniVue
 ];
 
-var version = "0.0.80";
+var version = "0.0.82";
 
 var globalProperties = {
   install(app) {

package/es/components/header/index.d.ts

@@ -26,7 +26,6 @@ export declare const EpHeader: {
         readonly name: StringConstructor;
         readonly defaultButtons: {
             readonly type: import("vue").PropType<import("./src/header").defaultButtonsProps[]>;
-            readonly default: () => never[];
         };
         readonly workflowId: StringConstructor;
         readonly isShowAttachmentButton: {
@@ -56,7 +55,6 @@ export declare const EpHeader: {
             hide?: (boolean | ((T: unknown) => boolean)) | undefined;
         }>[];
         readonly allowBack: boolean;
-        readonly defaultButtons: import("./src/header").defaultButtonsProps[];
         readonly isShowAttachmentButton: boolean;
         readonly fileList: Record<string, any>[];
         readonly attachmentProps: {
@@ -116,7 +114,6 @@ export declare const EpHeader: {
         readonly name: StringConstructor;
         readonly defaultButtons: {
             readonly type: import("vue").PropType<import("./src/header").defaultButtonsProps[]>;
-            readonly default: () => never[];
         };
         readonly workflowId: StringConstructor;
         readonly isShowAttachmentButton: {
@@ -146,7 +143,6 @@ export declare const EpHeader: {
             hide?: (boolean | ((T: unknown) => boolean)) | undefined;
         }>[];
         readonly allowBack: boolean;
-        readonly defaultButtons: import("./src/header").defaultButtonsProps[];
         readonly isShowAttachmentButton: boolean;
         readonly fileList: Record<string, any>[];
         readonly attachmentProps: {
@@ -191,7 +187,6 @@ export declare const EpHeader: {
     readonly name: StringConstructor;
     readonly defaultButtons: {
         readonly type: import("vue").PropType<import("./src/header").defaultButtonsProps[]>;
-        readonly default: () => never[];
     };
     readonly workflowId: StringConstructor;
     readonly isShowAttachmentButton: {
@@ -221,7 +216,6 @@ export declare const EpHeader: {
         hide?: (boolean | ((T: unknown) => boolean)) | undefined;
     }>[];
     readonly allowBack: boolean;
-    readonly defaultButtons: import("./src/header").defaultButtonsProps[];
     readonly isShowAttachmentButton: boolean;
     readonly fileList: Record<string, any>[];
     readonly attachmentProps: {

package/es/components/header/src/header.d.ts

@@ -17,7 +17,6 @@ export declare const headerProps: {
     readonly name: StringConstructor;
     readonly defaultButtons: {
         readonly type: PropType<defaultButtonsProps[]>;
-        readonly default: () => never[];
     };
     readonly workflowId: StringConstructor;
     readonly isShowAttachmentButton: {

package/es/components/header/src/header.mjs

@@ -16,8 +16,7 @@ const headerProps = {
   // 权限前缀
   // 要展示的默认按钮
   defaultButtons: {
-    type: Array,
-    default: () => []
+    type: Array
   },
   // 工作流id
   workflowId: String,

package/es/components/header/src/header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"header.mjs","sources":["../../../../../../packages/components/header/src/header.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue'\nimport { buttonsProps } from '@el-plus/components/buttons'\nimport type { AttachmentProps } from '@el-plus/components/attachment'\nimport type { PageMode } from '@el-plus/hooks/use-navigation'\nexport type defaultButtonsProps =\n  | 'modify'\n  | 'save'\n  | 'cancel'\n  | 'refresh'\n  | 'auditLog'\n\nexport const headerProps = {\n  // 页面模式\n  mode: {\n    type: String as PropType<PageMode>,\n  },\n  allowBack: {\n    type: Boolean,\n    default: true,\n  },\n  buttons: {\n    ...buttonsProps.list,\n  },\n  name: String, // 权限前缀\n  // 要展示的默认按钮\n  defaultButtons: {\n    type: Array as PropType<defaultButtonsProps[]>,\n    default: () => [],\n  },\n  // 工作流id\n  workflowId: String,\n  // 是否显示附件按钮\n  isShowAttachmentButton: {\n    type: Boolean,\n    default: false,\n  },\n  // 附件列表\n  fileList: {\n    type: Array as PropType<Record<string, any>[]>,\n    default: () => [],\n  },\n  attachmentProps: {\n    type: Object as PropType<AttachmentProps>,\n    default: () => {},\n  },\n} as const\nexport type HeaderProps = ExtractPropTypes<typeof headerProps>\n\nexport const headerEmits = {}\nexport type HeaderEmits = typeof headerEmits\n"],"names":[],"mappings":";;AAWO,MAAM,WAAA,GAAc;AAAA;AAAA,EAEzB,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,OAAA,EAAS;AAAA,IACP,GAAG,YAAA,CAAa;AAAA,GAClB;AAAA,EACA,IAAA,EAAM,MAAA;AAAA;AAAA;AAAA,EAEN,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,KAAA;AAAA,IACN,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA;AAAA,EAEA,UAAA,EAAY,MAAA;AAAA;AAAA,EAEZ,sBAAA,EAAwB;AAAA,IACtB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,KAAA;AAAA,IACN,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,MAAA;AAAA,IACN,SAAS,MAAM;AAAA,IAAC;AAAA;AAEpB;AAGO,MAAM,cAAc;;;;"}
+{"version":3,"file":"header.mjs","sources":["../../../../../../packages/components/header/src/header.ts"],"sourcesContent":["import type { ExtractPropTypes, PropType } from 'vue'\nimport { buttonsProps } from '@el-plus/components/buttons'\nimport type { AttachmentProps } from '@el-plus/components/attachment'\nimport type { PageMode } from '@el-plus/hooks/use-navigation'\nexport type defaultButtonsProps =\n  | 'modify'\n  | 'save'\n  | 'cancel'\n  | 'refresh'\n  | 'auditLog'\n\nexport const headerProps = {\n  // 页面模式\n  mode: {\n    type: String as PropType<PageMode>,\n  },\n  allowBack: {\n    type: Boolean,\n    default: true,\n  },\n  buttons: {\n    ...buttonsProps.list,\n  },\n  name: String, // 权限前缀\n  // 要展示的默认按钮\n  defaultButtons: {\n    type: Array as PropType<defaultButtonsProps[]>,\n  },\n  // 工作流id\n  workflowId: String,\n  // 是否显示附件按钮\n  isShowAttachmentButton: {\n    type: Boolean,\n    default: false,\n  },\n  // 附件列表\n  fileList: {\n    type: Array as PropType<Record<string, any>[]>,\n    default: () => [],\n  },\n  attachmentProps: {\n    type: Object as PropType<AttachmentProps>,\n    default: () => {},\n  },\n} as const\nexport type HeaderProps = ExtractPropTypes<typeof headerProps>\n\nexport const headerEmits = {}\nexport type HeaderEmits = typeof headerEmits\n"],"names":[],"mappings":";;AAWO,MAAM,WAAA,GAAc;AAAA;AAAA,EAEzB,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA,EACA,OAAA,EAAS;AAAA,IACP,GAAG,YAAA,CAAa;AAAA,GAClB;AAAA,EACA,IAAA,EAAM,MAAA;AAAA;AAAA;AAAA,EAEN,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM;AAAA,GACR;AAAA;AAAA,EAEA,UAAA,EAAY,MAAA;AAAA;AAAA,EAEZ,sBAAA,EAAwB;AAAA,IACtB,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,KAAA;AAAA,IACN,OAAA,EAAS,MAAM;AAAC,GAClB;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,MAAA;AAAA,IACN,SAAS,MAAM;AAAA,IAAC;AAAA;AAEpB;AAGO,MAAM,cAAc;;;;"}

package/es/components/header/src/header.vue.d.ts

@@ -13,7 +13,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     readonly name: StringConstructor;
     readonly defaultButtons: {
         readonly type: import("vue").PropType<import("./header").defaultButtonsProps[]>;
-        readonly default: () => never[];
     };
     readonly workflowId: StringConstructor;
     readonly isShowAttachmentButton: {
@@ -43,7 +42,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     readonly name: StringConstructor;
     readonly defaultButtons: {
         readonly type: import("vue").PropType<import("./header").defaultButtonsProps[]>;
-        readonly default: () => never[];
     };
     readonly workflowId: StringConstructor;
     readonly isShowAttachmentButton: {
@@ -73,7 +71,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         hide?: (boolean | ((T: unknown) => boolean)) | undefined;
     }>[];
     readonly allowBack: boolean;
-    readonly defaultButtons: import("./header").defaultButtonsProps[];
     readonly isShowAttachmentButton: boolean;
     readonly fileList: Record<string, any>[];
     readonly attachmentProps: {

package/es/components/header/src/use-header.mjs

@@ -72,10 +72,12 @@ const useButtons = (props, emit) => {
       gotoTaskTrace(props.workflowId);
     }
   }];
-  if (props.defaultButtons.length) {
+  if (props.defaultButtons?.length) {
     defaultButtons = defaultButtons.filter((item) => {
       return props.defaultButtons.some((item1) => item1 === item.prop);
     });
+  } else if (props.defaultButtons?.length === 0) {
+    defaultButtons = [];
   }
   const buttons = mergeListByKey(defaultButtons, props.buttons);
   return {

package/es/components/header/src/use-header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-header.mjs","sources":["../../../../../../packages/components/header/src/use-header.tsx"],"sourcesContent":["import { computed } from 'vue'\nimport { useRouter } from 'vue-router'\nimport type { HeaderProps } from '@el-plus/components/header'\nimport type { ButtonsProps } from '@el-plus/components/buttons'\nimport { mergeListByKey, gotoTaskTrace } from '@el-plus/utils'\nimport { useLocale } from '@el-plus/hooks/use-locale'\nimport { useNavigation } from '@el-plus/hooks/use-navigation'\nexport const useHeader = (props, emit) => {\n  const router = useRouter()\n  const isShowBack = computed(() => {\n    if (!props.allowBack) {\n      return false\n    }\n    if (window.parent.openMenuSelect) {\n      return false\n    }\n    return true\n  })\n  const goBack = () => {\n    router?.back()\n  }\n  return {\n    isShowBack,\n    goBack,\n  }\n}\nexport const useButtons = (props: HeaderProps, emit) => {\n  const { t } = useLocale()\n  const { mode: defaultMode } = useNavigation()\n  const mode = computed(() => {\n    return props.mode || defaultMode.value\n  })\n  let defaultButtons: ButtonsProps['list'] = [\n    {\n      name: t('ep.header.edit'),\n      prop: 'edit',\n      permission: props.name ? `${props.name}:UPDATE` : '',\n      disabled: () => {\n        return mode.value !== 'browse'\n      },\n    },\n    {\n      name: t('ep.header.save'),\n      prop: 'save',\n      permission: props.name ? `${props.name}:SAVE` : '',\n      disabled: () => {\n        return !(mode.value === 'edit' || mode.value === 'add')\n      },\n    },\n    {\n      name: t('ep.header.cancel'),\n      prop: 'cancel',\n      disabled: () => {\n        return mode.value !== 'edit'\n      },\n    },\n    {\n      name: t('ep.header.refresh'),\n      prop: 'refresh',\n      permission: props.name ? `${props.name}:REFRESH` : '',\n      disabled: () => {\n        return mode.value !== 'browse'\n      },\n    },\n    {\n      name: t('ep.header.approvalLog'),\n      prop: 'approvalLog',\n      permission: props.name ? `${props.name}:APPROVALLOG` : '',\n      show: () => {\n        return !!props.workflowId\n      },\n      onClick: () => {\n        gotoTaskTrace(props.workflowId!)\n      },\n    },\n  ]\n  // 过滤要显示的\n  if (props.defaultButtons.length) {\n    defaultButtons = defaultButtons.filter((item) => {\n      return props.defaultButtons.some((item1) => item1 === item.prop)\n    })\n  }\n  const buttons = mergeListByKey(defaultButtons, props.buttons)\n  return {\n    buttons,\n  }\n}\n"],"names":["useHeader","props","emit","router","useRouter","isShowBack","computed","allowBack","window","parent","openMenuSelect","goBack","back","useButtons","t","useLocale","mode","defaultMode","useNavigation","value","defaultButtons","name","prop","permission","disabled","show","workflowId","onClick","gotoTaskTrace","length","filter","item","some","item1","buttons","mergeListByKey"],"mappings":"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"}
+{"version":3,"file":"use-header.mjs","sources":["../../../../../../packages/components/header/src/use-header.tsx"],"sourcesContent":["import { computed } from 'vue'\nimport { useRouter } from 'vue-router'\nimport type { HeaderProps } from '@el-plus/components/header'\nimport type { ButtonsProps } from '@el-plus/components/buttons'\nimport { mergeListByKey, gotoTaskTrace } from '@el-plus/utils'\nimport { useLocale } from '@el-plus/hooks/use-locale'\nimport { useNavigation } from '@el-plus/hooks/use-navigation'\nexport const useHeader = (props, emit) => {\n  const router = useRouter()\n  const isShowBack = computed(() => {\n    if (!props.allowBack) {\n      return false\n    }\n    if (window.parent.openMenuSelect) {\n      return false\n    }\n    return true\n  })\n  const goBack = () => {\n    router?.back()\n  }\n  return {\n    isShowBack,\n    goBack,\n  }\n}\nexport const useButtons = (props: HeaderProps, emit) => {\n  const { t } = useLocale()\n  const { mode: defaultMode } = useNavigation()\n  const mode = computed(() => {\n    return props.mode || defaultMode.value\n  })\n  let defaultButtons: ButtonsProps['list'] = [\n    {\n      name: t('ep.header.edit'),\n      prop: 'edit',\n      permission: props.name ? `${props.name}:UPDATE` : '',\n      disabled: () => {\n        return mode.value !== 'browse'\n      },\n    },\n    {\n      name: t('ep.header.save'),\n      prop: 'save',\n      permission: props.name ? `${props.name}:SAVE` : '',\n      disabled: () => {\n        return !(mode.value === 'edit' || mode.value === 'add')\n      },\n    },\n    {\n      name: t('ep.header.cancel'),\n      prop: 'cancel',\n      disabled: () => {\n        return mode.value !== 'edit'\n      },\n    },\n    {\n      name: t('ep.header.refresh'),\n      prop: 'refresh',\n      permission: props.name ? `${props.name}:REFRESH` : '',\n      disabled: () => {\n        return mode.value !== 'browse'\n      },\n    },\n    {\n      name: t('ep.header.approvalLog'),\n      prop: 'approvalLog',\n      permission: props.name ? `${props.name}:APPROVALLOG` : '',\n      show: () => {\n        return !!props.workflowId\n      },\n      onClick: () => {\n        gotoTaskTrace(props.workflowId!)\n      },\n    },\n  ]\n  // 过滤要显示的\n  if (props.defaultButtons?.length) {\n    defaultButtons = defaultButtons.filter((item) => {\n      return props.defaultButtons!.some((item1) => item1 === item.prop)\n    })\n  }else if(props.defaultButtons?.length===0){\n    defaultButtons = []\n  }\n  const buttons = mergeListByKey(defaultButtons, props.buttons)\n  return {\n    buttons,\n  }\n}\n"],"names":["useHeader","props","emit","router","useRouter","isShowBack","computed","allowBack","window","parent","openMenuSelect","goBack","back","useButtons","t","useLocale","mode","defaultMode","useNavigation","value","defaultButtons","name","prop","permission","disabled","show","workflowId","onClick","gotoTaskTrace","length","filter","item","some","item1","buttons","mergeListByKey"],"mappings":"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"}

package/es/components/search-list-page/src/use-search-list-page.d.ts

@@ -1,3 +1,4 @@
+import { nextTick } from 'vue';
 import type { SearchListPageProps } from './search-list-page';
 import type { FormItemProp } from 'element-plus';
 export declare const useSearchListPage: (props: SearchListPageProps, config?: {}) => {
@@ -1278,7 +1279,7 @@ export declare const useSearchListPage: (props: SearchListPageProps, config?: {}
             errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
         };
         $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
+        $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
     } & Readonly<{
         readonly data: any[];
@@ -2351,7 +2352,7 @@ export declare const useSearchListPage: (props: SearchListPageProps, config?: {}
             errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
         };
         $forceUpdate: () => void;
-        $nextTick: typeof import("vue").nextTick;
+        $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
     } & Readonly<{
         col: number;
@@ -2444,5 +2445,5 @@ export declare const useSearchListPage: (props: SearchListPageProps, config?: {}
             default?: (props: {}) => any;
         };
     }) | null>>;
-    beforeSearch: () => import("element-plus").FormValidationResult;
+    beforeSearch: () => Promise<void>;
 };

package/es/components/search-list-page/src/use-search-list-page.mjs

@@ -1,4 +1,4 @@
-import { useTemplateRef, ref, computed, onMounted } from 'vue';
+import { nextTick, useTemplateRef, ref, computed, onMounted } from 'vue';
 import { useLocale } from '../../../hooks/use-locale.mjs';
 import { mergeListByKey } from '../../../utils/utils.mjs';
 import { getEnv } from '../../../utils/env.mjs';
@@ -22,7 +22,12 @@ const useSearchListPage = (props, config = {}) => {
     reset,
     tableRef,
     formRef,
-    beforeSearch: validate
+    beforeSearch: async () => {
+      if (!formRef.value) {
+        await nextTick();
+      }
+      await validate();
+    }
   };
 };
 const useTable = (props, config) => {

package/es/components/search-list-page/src/use-search-list-page.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-search-list-page.mjs","sources":["../../../../../../packages/components/search-list-page/src/use-search-list-page.ts"],"sourcesContent":["import { ref, onMounted, computed, useTemplateRef } from 'vue'\nimport type { SearchListPageProps } from './search-list-page'\nimport type { ButtonsProps } from '@el-plus/components/buttons'\nimport type { FormInstance } from '@el-plus/components/form'\nimport type { TableInstance } from '@el-plus/components/table'\nimport type { FormItemProp } from 'element-plus'\nimport { mergeListByKey, getEnv } from '@el-plus/utils'\nimport { useLocale } from '@el-plus/hooks/use-locale'\n\nexport const useSearchListPage = (props: SearchListPageProps, config = {}) => {\n  const { calcTableHeight, tableProps, tableRef } = useTable(props, config)\n  const { formProps, validate, resetFields, formRef } = useForm(props, {\n    calcTableHeight,\n  })\n  const { buttonsProps, searchButtons, search, reset } = useButtons(props, {\n    validate,\n    resetFields,\n    tableRef,\n  })\n  return {\n    formProps,\n    tableProps,\n    buttonsProps,\n    searchButtons,\n    search,\n    reset,\n    tableRef,\n    formRef,\n    beforeSearch: validate,\n  }\n}\nconst useTable = (props: SearchListPageProps, config) => {\n  const instanceName = 'tableRef'\n  const tableRef = useTemplateRef<TableInstance>(instanceName)\n  const tableHeight = ref(window.innerHeight)\n  const tableProps = computed(() => {\n    return {\n      ref: instanceName,\n      columns: props.columns,\n      showPagination: true,\n      height: tableHeight.value,\n      showIndexCol: props.showIndexCol,\n      showSelectionCol: props.showSelectionCol,\n      showSingleSelectionCol: props.showSingleSelectionCol,\n      actionButtons: props.actionButtons,\n      formatColumns: props.formatColumns,\n      api: props.api,\n      reqAfter: props.reqAfter,\n      reqBefore: props.reqBefore,\n      reqData: props.formData,\n      customColumnModule: props.customColumnModule,\n      customColumnApi: props.customColumnApi,\n      customColumnSaveApi: props.customColumnSaveApi,\n      minWidth: props.minWidth,\n      actionColWidth: props.actionColWidth,\n      ...props.tableProps,\n    }\n  })\n  const calcTableHeight = () => {\n    setTimeout(() => {\n      const topHeight = (document.getElementById('top') as HTMLElement)\n        .offsetHeight\n      const middleHeight = (document.getElementById('middle') as HTMLElement)\n        .offsetHeight\n      let paginationHeight = 0\n      if (tableProps.value.showPagination) {\n        paginationHeight =\n          (document.querySelector('.el-pagination') as HTMLElement)\n            .offsetHeight + 12\n      }\n      const frameDistance =\n        window.parent.openMenuSelect || getEnv() !== 'local' ? 40 : 48 + 40\n\n      tableHeight.value =\n        window.innerHeight -\n        topHeight -\n        middleHeight -\n        paginationHeight -\n        frameDistance -\n        props.offsetTop!\n    }, 0)\n  }\n\n  onMounted(calcTableHeight)\n  return {\n    tableRef,\n    tableProps,\n    calcTableHeight,\n  }\n}\nconst useForm = (props: SearchListPageProps, { calcTableHeight }) => {\n  const instanceName = 'formRef'\n  const formRef = useTemplateRef<FormInstance>(instanceName)\n  const formProps = computed(() => {\n    return {\n      ref: instanceName,\n      formItemList: props.formItemList,\n      isShowFold: true,\n      modelValue: props.formData,\n      ...props.formProps,\n      onToggleStatus: () => {\n        calcTableHeight()\n      },\n    }\n  })\n  // 校验\n  const validate = () => {\n    return formRef.value!.validate()\n  }\n  // 重置校验\n  const resetFields = (props: FormItemProp) => {\n    return formRef.value!.resetFields(props)\n  }\n  // 清理某个字段的表单验证信息\n  const clearValidate = (props: FormItemProp) => {\n    return formRef.value!.clearValidate(props)\n  }\n  return {\n    formProps,\n    formRef,\n    validate,\n    resetFields,\n    clearValidate,\n  }\n}\nconst useButtons = (\n  props: SearchListPageProps,\n  { validate, resetFields, tableRef },\n) => {\n  const { t } = useLocale()\n  const defaultButtons: ButtonsProps['list'] = [\n    {\n      name: t('ep.searchListPage.add'),\n      prop: 'add',\n      permission: props.name ? `${props.name}:ADD` : '',\n      show: () => {\n        return !!props.add\n      },\n      onClick: () => {\n        props.add?.()\n      },\n    },\n    // {\n    //   name: t('ep.searchListPage.templateDownload'),\n    //   prop: 'templateDownload',\n    //   permission: props.name ? `${props.name}:TEMPLATEDOWNLOAD` : '',\n    //   show: !!props.templateDownloadApi,\n    // },\n    // {\n    //   name: t('ep.searchListPage.import'),\n    //   prop: 'import',\n    //   permission: props.name ? `${props.name}:IMPORT` : '',\n    //   show: !!props.importApi,\n    // },\n    // {\n    //   name: t('ep.searchListPage.export'),\n    //   prop: 'export',\n    //   permission: props.name ? `${props.name}:EXPORT` : '',\n    //   show: !!props.exportApi,\n    // },\n  ]\n  const list = mergeListByKey(defaultButtons, props.leftButtons)\n  if (props.customColumnModule) {\n    list.push({\n      name: t('ep.customColumn.columnSettings'),\n      prop: 'customColumn',\n      type: 'primary',\n      onClick: () => {\n        tableRef.value.openCustomColumnDialog()\n      },\n    })\n  }\n  list.forEach((item) => {\n    if (item.onClick) {\n      const clickFn = item.onClick\n      item.onClick = () => {\n        // 增加选中项\n        const rows = tableRef.value.elTableRef.getSelectionRows()\n        clickFn(rows)\n      }\n    }\n  })\n\n  const buttonsProps = computed(() => {\n    return {\n      list,\n      ...props.buttonsProps,\n    }\n  })\n  // 搜索\n  const search = async (isInitSearch = false) => {\n    // await validate()\n    tableRef.value.search(isInitSearch)\n  }\n  // 清空\n  const reset = async () => {\n    resetFields()\n    search(true)\n  }\n  const searchButtons: ButtonsProps['list'] = [\n    {\n      name: t('ep.searchListPage.search'),\n      type: 'primary',\n      onClick: search.bind(null, true),\n    },\n    {\n      name: t('ep.searchListPage.clear'),\n      onClick: reset,\n    },\n  ]\n  return {\n    buttonsProps,\n    searchButtons,\n    search,\n    reset,\n  }\n}\n"],"names":["props"],"mappings":"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"}
+{"version":3,"file":"use-search-list-page.mjs","sources":["../../../../../../packages/components/search-list-page/src/use-search-list-page.ts"],"sourcesContent":["import { ref, onMounted, computed, useTemplateRef, nextTick } from 'vue'\nimport type { SearchListPageProps } from './search-list-page'\nimport type { ButtonsProps } from '@el-plus/components/buttons'\nimport type { FormInstance } from '@el-plus/components/form'\nimport type { TableInstance } from '@el-plus/components/table'\nimport type { FormItemProp } from 'element-plus'\nimport { mergeListByKey, getEnv } from '@el-plus/utils'\nimport { useLocale } from '@el-plus/hooks/use-locale'\n\nexport const useSearchListPage = (props: SearchListPageProps, config = {}) => {\n  const { calcTableHeight, tableProps, tableRef } = useTable(props, config)\n  const { formProps, validate, resetFields, formRef } = useForm(props, {\n    calcTableHeight,\n  })\n  const { buttonsProps, searchButtons, search, reset } = useButtons(props, {\n    validate,\n    resetFields,\n    tableRef,\n  })\n  return {\n    formProps,\n    tableProps,\n    buttonsProps,\n    searchButtons,\n    search,\n    reset,\n    tableRef,\n    formRef,\n    beforeSearch: async () => {\n      if (!formRef.value) {\n        await nextTick()\n      }\n      await validate()\n    }\n  }\n}\nconst useTable = (props: SearchListPageProps, config) => {\n  const instanceName = 'tableRef'\n  const tableRef = useTemplateRef<TableInstance>(instanceName)\n  const tableHeight = ref(window.innerHeight)\n  const tableProps = computed(() => {\n    return {\n      ref: instanceName,\n      columns: props.columns,\n      showPagination: true,\n      height: tableHeight.value,\n      showIndexCol: props.showIndexCol,\n      showSelectionCol: props.showSelectionCol,\n      showSingleSelectionCol: props.showSingleSelectionCol,\n      actionButtons: props.actionButtons,\n      formatColumns: props.formatColumns,\n      api: props.api,\n      reqAfter: props.reqAfter,\n      reqBefore: props.reqBefore,\n      reqData: props.formData,\n      customColumnModule: props.customColumnModule,\n      customColumnApi: props.customColumnApi,\n      customColumnSaveApi: props.customColumnSaveApi,\n      minWidth: props.minWidth,\n      actionColWidth: props.actionColWidth,\n      ...props.tableProps,\n    }\n  })\n  const calcTableHeight = () => {\n    setTimeout(() => {\n      const topHeight = (document.getElementById('top') as HTMLElement)\n        .offsetHeight\n      const middleHeight = (document.getElementById('middle') as HTMLElement)\n        .offsetHeight\n      let paginationHeight = 0\n      if (tableProps.value.showPagination) {\n        paginationHeight =\n          (document.querySelector('.el-pagination') as HTMLElement)\n            .offsetHeight + 12\n      }\n      const frameDistance =\n        window.parent.openMenuSelect || getEnv() !== 'local' ? 40 : 48 + 40\n\n      tableHeight.value =\n        window.innerHeight -\n        topHeight -\n        middleHeight -\n        paginationHeight -\n        frameDistance -\n        props.offsetTop!\n    }, 0)\n  }\n\n  onMounted(calcTableHeight)\n  return {\n    tableRef,\n    tableProps,\n    calcTableHeight,\n  }\n}\nconst useForm = (props: SearchListPageProps, { calcTableHeight }) => {\n  const instanceName = 'formRef'\n  const formRef = useTemplateRef<FormInstance>(instanceName)\n  const formProps = computed(() => {\n    return {\n      ref: instanceName,\n      formItemList: props.formItemList,\n      isShowFold: true,\n      modelValue: props.formData,\n      ...props.formProps,\n      onToggleStatus: () => {\n        calcTableHeight()\n      },\n    }\n  })\n  // 校验\n  const validate = () => {\n    return formRef.value!.validate()\n  }\n  // 重置校验\n  const resetFields = (props: FormItemProp) => {\n    return formRef.value!.resetFields(props)\n  }\n  // 清理某个字段的表单验证信息\n  const clearValidate = (props: FormItemProp) => {\n    return formRef.value!.clearValidate(props)\n  }\n  return {\n    formProps,\n    formRef,\n    validate,\n    resetFields,\n    clearValidate,\n  }\n}\nconst useButtons = (\n  props: SearchListPageProps,\n  { validate, resetFields, tableRef },\n) => {\n  const { t } = useLocale()\n  const defaultButtons: ButtonsProps['list'] = [\n    {\n      name: t('ep.searchListPage.add'),\n      prop: 'add',\n      permission: props.name ? `${props.name}:ADD` : '',\n      show: () => {\n        return !!props.add\n      },\n      onClick: () => {\n        props.add?.()\n      },\n    },\n    // {\n    //   name: t('ep.searchListPage.templateDownload'),\n    //   prop: 'templateDownload',\n    //   permission: props.name ? `${props.name}:TEMPLATEDOWNLOAD` : '',\n    //   show: !!props.templateDownloadApi,\n    // },\n    // {\n    //   name: t('ep.searchListPage.import'),\n    //   prop: 'import',\n    //   permission: props.name ? `${props.name}:IMPORT` : '',\n    //   show: !!props.importApi,\n    // },\n    // {\n    //   name: t('ep.searchListPage.export'),\n    //   prop: 'export',\n    //   permission: props.name ? `${props.name}:EXPORT` : '',\n    //   show: !!props.exportApi,\n    // },\n  ]\n  const list = mergeListByKey(defaultButtons, props.leftButtons)\n  if (props.customColumnModule) {\n    list.push({\n      name: t('ep.customColumn.columnSettings'),\n      prop: 'customColumn',\n      type: 'primary',\n      onClick: () => {\n        tableRef.value.openCustomColumnDialog()\n      },\n    })\n  }\n  list.forEach((item) => {\n    if (item.onClick) {\n      const clickFn = item.onClick\n      item.onClick = () => {\n        // 增加选中项\n        const rows = tableRef.value.elTableRef.getSelectionRows()\n        clickFn(rows)\n      }\n    }\n  })\n\n  const buttonsProps = computed(() => {\n    return {\n      list,\n      ...props.buttonsProps,\n    }\n  })\n  // 搜索\n  const search = async (isInitSearch = false) => {\n    // await validate()\n    tableRef.value.search(isInitSearch)\n  }\n  // 清空\n  const reset = async () => {\n    resetFields()\n    search(true)\n  }\n  const searchButtons: ButtonsProps['list'] = [\n    {\n      name: t('ep.searchListPage.search'),\n      type: 'primary',\n      onClick: search.bind(null, true),\n    },\n    {\n      name: t('ep.searchListPage.clear'),\n      onClick: reset,\n    },\n  ]\n  return {\n    buttonsProps,\n    searchButtons,\n    search,\n    reset,\n  }\n}\n"],"names":["props"],"mappings":"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"}

package/es/components/table/src/use-table.mjs

@@ -1,4 +1,4 @@
-import { useTemplateRef, ref, useAttrs, watch, getCurrentInstance, computed, reactive, nextTick, createVNode, createTextVNode, toRaw } from 'vue';
+import { useTemplateRef, ref, useAttrs, watch, getCurrentInstance, computed, reactive, createVNode, createTextVNode, toRaw } from 'vue';
 import { useRequest } from '../../../hooks/use-request.mjs';
 import { merge, cloneDeep } from 'lodash-unified';
 import { prepareProps } from '../../../utils/props.mjs';
@@ -10,7 +10,9 @@ import { bus } from '../../../utils/mitt.mjs';
 const useTable = (props) => {
   const elFormRef = useTemplateRef("elFormRef");
   const elTableRef = useTemplateRef("elTableRef");
+  const allData = ref([]);
   const customData = ref([]);
+  const apiTotal = ref(0);
   const {
     loading,
     requestFn
@@ -25,15 +27,18 @@ const useTable = (props) => {
     hooks: {
       success(data) {
         if (Array.isArray(data)) {
-          customData.value = data;
+          allData.value = data;
         } else if (data && typeof data === "object") {
           const rawData = data;
-          customData.value = rawData?.list || rawData?.data || [];
+          allData.value = rawData?.list || rawData?.data || [];
         } else {
-          customData.value = [];
+          allData.value = [];
         }
-        if (props.showPagination) {
-          pagination.total = (props.isFrontPage ? customData.value.length : data.total) || 0;
+        if (props.isFrontPage) {
+          frontPaginationHandler();
+        } else {
+          customData.value = allData.value;
+          apiTotal.value = data.total || 0;
         }
       },
       fail(error) {
@@ -46,21 +51,13 @@ const useTable = (props) => {
   const search = async (init = false, isPagination = false) => {
     const beforeSearch = attrs["before-search"];
     if (typeof beforeSearch === "function") {
-      await nextTick();
       await beforeSearch?.();
     }
     if (init) {
       pagination.pageNo = 1;
     }
     if (isPagination && props.isFrontPage) {
-      const {
-        pageNo,
-        pageSize
-      } = pagination;
-      const data = customData.value.filter((item, index) => {
-        return index < pageNo * pageSize && index >= (pageNo - 1) * pageSize;
-      });
-      customData.value = data;
+      frontPaginationHandler();
     } else {
       if (props.api) {
         requestFn({
@@ -68,22 +65,36 @@ const useTable = (props) => {
           pageSize: pagination.pageSize,
           pageNum: pagination.pageNo
         });
-      } else if (props.data?.length) {
-        customData.value = props.data;
       }
     }
   };
+  const {
+    pagination,
+    paginationProps
+  } = usePagination(props, search, allData, apiTotal);
+  const frontPaginationHandler = () => {
+    const {
+      pageNo,
+      pageSize
+    } = pagination;
+    const data = allData.value.filter((item, index) => {
+      return index < pageNo * pageSize && index >= (pageNo - 1) * pageSize;
+    });
+    customData.value = data;
+  };
   if (!props.api) {
     watch(() => props.data, (newValue) => {
-      customData.value = newValue;
+      allData.value = newValue;
+      if (props.isFrontPage) {
+        frontPaginationHandler();
+      } else {
+        customData.value = allData.value;
+      }
     }, {
-      deep: true
+      deep: true,
+      immediate: true
     });
   }
-  const {
-    pagination,
-    paginationProps
-  } = usePagination(props, search);
   (async () => {
     if (props.isInitSearch) {
       if (props.customColumnModule) {
@@ -137,11 +148,13 @@ const useTable = (props) => {
     customColumns
   };
 };
-const usePagination = function(props, search) {
+const usePagination = function(props, search, allData, apiTotal) {
   const defaultPaginationProps = props.paginationProps || {};
   const pageSizes = defaultPaginationProps.pageSizes || [20, 50, 100, 200];
   const pagination = reactive({
-    total: 0,
+    total: computed(() => {
+      return !props.isFrontPage && props.api ? apiTotal.value : allData.value.length;
+    }),
     pageNo: 1,
     pageSize: pageSizes[0]
   });