el-plus 0.0.95 → 0.0.97

package/dist/index.full.mjs

@@ -1,4 +1,4 @@
-/*! ElPlus v0.0.95 */
+/*! ElPlus v0.0.97 */
 
 import { useAttrs, getCurrentInstance, inject, provide, ref, nextTick, defineComponent, computed, createVNode, Fragment, withDirectives, resolveComponent, mergeProps, resolveDirective, useTemplateRef, reactive, onBeforeUpdate, createTextVNode, h, mergeModels, useModel, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createCommentVNode, withCtx, renderSlot, renderList, createBlock, vShow, toDisplayString, 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';
@@ -2642,8 +2642,26 @@ const searchListPageProps = {
   }
 };
 
+const getAvailableHeight = (el) => {
+  const elRect = el.getBoundingClientRect();
+  let parent = el.parentElement;
+  while (parent) {
+    const style = getComputedStyle(parent);
+    const height = style.height;
+    if (height && height !== "auto" && !height.endsWith("%")) {
+      const parentRect = parent.getBoundingClientRect();
+      return parentRect.bottom - elRect.top;
+    }
+    if (parent === document.documentElement || parent === document.body) {
+      break;
+    }
+    parent = parent.parentElement;
+  }
+  return window.innerHeight - elRect.top;
+};
 const useSearchListPage = (props, config = {}) => {
-  const { calcTableHeight, tableProps, tableRef } = useTable(props);
+  const rootRef = useTemplateRef("rootRef");
+  const { calcTableHeight, tableProps, tableRef } = useTable(props, config, rootRef);
   const { formProps, validate, resetFields, formRef } = useForm(props, {
     calcTableHeight
   });
@@ -2669,10 +2687,10 @@ const useSearchListPage = (props, config = {}) => {
     }
   };
 };
-const useTable = (props, config) => {
+const useTable = (props, config, rootRef) => {
   const instanceName = "tableRef";
   const tableRef = useTemplateRef(instanceName);
-  const tableHeight = ref(window.innerHeight);
+  const tableHeight = ref(0);
   const tableProps = computed(() => {
     return {
       ref: instanceName,
@@ -2704,8 +2722,8 @@ const useTable = (props, config) => {
       if (tableProps.value.showPagination) {
         paginationHeight = document.querySelector(".el-pagination").offsetHeight + 12;
       }
-      const frameDistance = window.parent.openMenuSelect || getEnv() !== "local" ? 40 : 48 + 40;
-      tableHeight.value = window.innerHeight - topHeight - middleHeight - paginationHeight - frameDistance - props.offsetTop;
+      const containerHeight = rootRef.value ? getAvailableHeight(rootRef.value) : window.innerHeight;
+      tableHeight.value = containerHeight - topHeight - middleHeight - paginationHeight - 20 - props.offsetTop;
     }, 0);
   };
   onMounted(calcTableHeight);
@@ -2865,6 +2883,7 @@ var _sfc_main$8 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
+        ref: "rootRef",
         class: normalizeClass([unref(bem).b(), unref(prepareClassNames)()]),
         style: normalizeStyle({
           ...unref(prepareStyles)()
@@ -4469,7 +4488,7 @@ var components = [
   EpFooterInfo
 ];
 
-var version = "0.0.95";
+var version = "0.0.97";
 
 var globalProperties = {
   install(app) {

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

@@ -33,6 +33,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
+        ref: "rootRef",
         class: normalizeClass([unref(bem).b(), unref(prepareClassNames)()]),
         style: normalizeStyle({
           ...unref(prepareStyles)()

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

@@ -1 +1 @@
-{"version":3,"file":"search-list-page.vue2.mjs","sources":["../../../../../../packages/components/search-list-page/src/search-list-page.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[bem.b(), prepareClassNames()]\"\n    :style=\"{\n      ...prepareStyles(),\n    }\"\n  >\n    <div id=\"top\">\n      <EpForm v-bind=\"formProps\" />\n    </div>\n    <div id=\"middle\">\n      <div :class=\"bem.e('middle-left')\">\n        <EpButtons v-bind=\"buttonsProps\" />\n      </div>\n      <div :class=\"bem.e('middle-right')\">\n        <EpButtons :list=\"searchButtons\" />\n      </div>\n    </div>\n    <slot name=\"tableBefore\"></slot>\n    <EpTable v-bind=\"tableProps\" :before-search=\"beforeSearch\" />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { nextTick, ref } from 'vue'\nimport EpForm from '@el-plus/components/form'\nimport EpTable from '@el-plus/components/table'\nimport EpButtons from '@el-plus/components/buttons'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport {\n  prepareProps,\n  prepareEvents,\n  prepareClassNames,\n  prepareStyles,\n} from '@el-plus/utils/props'\nimport { searchListPageProps } from './search-list-page'\nimport { useSearchListPage } from './use-search-list-page'\ndefineOptions({ name: 'EpSearchListPage' })\nconst bem = createNameSpace('search-list-page')\nconst props = defineProps(searchListPageProps)\n\nconst {\n  formProps,\n  buttonsProps,\n  searchButtons,\n  search,\n  reset,\n  tableRef,\n  formRef,\n  tableProps,\n  beforeSearch,\n} = useSearchListPage(props)\n\ndefineExpose({\n  search,\n  reset,\n  tableRef,\n  formRef,\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_normalizeStyle","_createElementVNode","_createVNode","_renderSlot","_mergeProps"],"mappings":";;;;;;;;;;;;;;AAqCA,IAAA,MAAM,GAAA,GAAM,gBAAgB,kBAAkB,CAAA;AAC9C,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,IAAA,QAAA,CAAa;AAAA,MACX,MAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,KACD,CAAA;;0BAxDCA,kBAAA,CAmBM,KAAA,EAAA;AAAA,QAlBH,KAAA,EAAKC,cAAA,CAAA,CAAGC,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,IAAKA,KAAA,CAAA,iBAAA,CAAA,EAAiB,CAAA,CAAA;AAAA,QAClC,OAAKC,cAAA,CAAA;AAAA,aAAaD,KAAA,CAAA,aAAA,CAAA;AAAa;;QAIhCE,kBAAA,CAEM,KAAA,EAAA,EAFD,EAAA,EAAG,OAAK,EAAA;AAAA,UACXC,WAAA,CAA6BH,KAAA,4CAAbA,KAAA,CAAA,SAAA,CAAS,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA;AAAA;QAE3BE,kBAAA,CAOM,KAAA,EAAA,EAPD,EAAA,EAAG,UAAQ,EAAA;AAAA,UACdA,mBAEM,KAAA,EAAA;AAAA,YAFA,OAAKH,cAAA,CAAEC,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,CAAC,aAAA,CAAA;AAAA;YAChBG,WAAA,CAAmCH,KAAA,+CAAhBA,KAAA,CAAA,YAAA,CAAY,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA;AAAA;UAEjCE,mBAEM,KAAA,EAAA;AAAA,YAFA,OAAKH,cAAA,CAAEC,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,CAAC,cAAA,CAAA;AAAA;YAChBG,WAAA,CAAmCH,KAAA,CAAA,SAAA,CAAA,EAAA,EAAvB,IAAA,EAAMA,KAAA,CAAA,aAAA,CAAA,EAAa,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA;AAAA;;QAGnCI,UAAA,CAAgC,IAAA,CAAA,MAAA,EAAA,aAAA,CAAA;AAAA,QAChCD,YAA6DH,KAAA,WAA7DK,UAAA,CAA6DL,KAAA,cAAlC,EAAG,iBAAeA,KAAA,CAAA,YAAA,GAAY,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA;AAAA;;;;;;;"}
+{"version":3,"file":"search-list-page.vue2.mjs","sources":["../../../../../../packages/components/search-list-page/src/search-list-page.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"[bem.b(), prepareClassNames()]\"\n    :style=\"{\n      ...prepareStyles(),\n    }\"\n  >\n    <div id=\"top\">\n      <EpForm v-bind=\"formProps\" />\n    </div>\n    <div id=\"middle\">\n      <div :class=\"bem.e('middle-left')\">\n        <EpButtons v-bind=\"buttonsProps\" />\n      </div>\n      <div :class=\"bem.e('middle-right')\">\n        <EpButtons :list=\"searchButtons\" />\n      </div>\n    </div>\n    <slot name=\"tableBefore\"></slot>\n    <EpTable v-bind=\"tableProps\" :before-search=\"beforeSearch\" />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { nextTick, ref } from 'vue'\nimport EpForm from '@el-plus/components/form'\nimport EpTable from '@el-plus/components/table'\nimport EpButtons from '@el-plus/components/buttons'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport {\n  prepareProps,\n  prepareEvents,\n  prepareClassNames,\n  prepareStyles,\n} from '@el-plus/utils/props'\nimport { searchListPageProps } from './search-list-page'\nimport { useSearchListPage } from './use-search-list-page'\ndefineOptions({ name: 'EpSearchListPage' })\nconst bem = createNameSpace('search-list-page')\nconst props = defineProps(searchListPageProps)\n\nconst {\n  formProps,\n  buttonsProps,\n  searchButtons,\n  search,\n  reset,\n  tableRef,\n  formRef,\n  tableProps,\n  beforeSearch,\n} = useSearchListPage(props)\n\ndefineExpose({\n  search,\n  reset,\n  tableRef,\n  formRef,\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_normalizeStyle","_createElementVNode","_createVNode","_renderSlot","_mergeProps"],"mappings":";;;;;;;;;;;;;;AAsCA,IAAA,MAAM,GAAA,GAAM,gBAAgB,kBAAkB,CAAA;AAC9C,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,IAAA,QAAA,CAAa;AAAA,MACX,MAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,KACD,CAAA;;0BAzDCA,kBAAA,CAoBM,KAAA,EAAA;AAAA,QAnBJ,GAAA,EAAI,SAAA;AAAA,QACH,KAAA,EAAKC,cAAA,CAAA,CAAGC,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,IAAKA,KAAA,CAAA,iBAAA,CAAA,EAAiB,CAAA,CAAA;AAAA,QAClC,OAAKC,cAAA,CAAA;AAAA,aAAaD,KAAA,CAAA,aAAA,CAAA;AAAa;;QAIhCE,kBAAA,CAEM,KAAA,EAAA,EAFD,EAAA,EAAG,OAAK,EAAA;AAAA,UACXC,WAAA,CAA6BH,KAAA,4CAAbA,KAAA,CAAA,SAAA,CAAS,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA;AAAA;QAE3BE,kBAAA,CAOM,KAAA,EAAA,EAPD,EAAA,EAAG,UAAQ,EAAA;AAAA,UACdA,mBAEM,KAAA,EAAA;AAAA,YAFA,OAAKH,cAAA,CAAEC,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,CAAC,aAAA,CAAA;AAAA;YAChBG,WAAA,CAAmCH,KAAA,+CAAhBA,KAAA,CAAA,YAAA,CAAY,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA;AAAA;UAEjCE,mBAEM,KAAA,EAAA;AAAA,YAFA,OAAKH,cAAA,CAAEC,KAAA,CAAA,GAAA,CAAA,CAAI,CAAA,CAAC,cAAA,CAAA;AAAA;YAChBG,WAAA,CAAmCH,KAAA,CAAA,SAAA,CAAA,EAAA,EAAvB,IAAA,EAAMA,KAAA,CAAA,aAAA,CAAA,EAAa,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA;AAAA;;QAGnCI,UAAA,CAAgC,IAAA,CAAA,MAAA,EAAA,aAAA,CAAA;AAAA,QAChCD,YAA6DH,KAAA,WAA7DK,UAAA,CAA6DL,KAAA,cAAlC,EAAG,iBAAeA,KAAA,CAAA,YAAA,GAAY,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA;AAAA;;;;;;;"}

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

@@ -1,10 +1,27 @@
-import { nextTick, useTemplateRef, ref, computed, onMounted } from 'vue';
+import { useTemplateRef, nextTick, ref, computed, onMounted } from 'vue';
 import { useLocale } from '../../../hooks/use-locale.mjs';
 import { mergeListByKey } from '../../../utils/utils.mjs';
-import { getEnv } from '../../../utils/env.mjs';
 
+const getAvailableHeight = (el) => {
+  const elRect = el.getBoundingClientRect();
+  let parent = el.parentElement;
+  while (parent) {
+    const style = getComputedStyle(parent);
+    const height = style.height;
+    if (height && height !== "auto" && !height.endsWith("%")) {
+      const parentRect = parent.getBoundingClientRect();
+      return parentRect.bottom - elRect.top;
+    }
+    if (parent === document.documentElement || parent === document.body) {
+      break;
+    }
+    parent = parent.parentElement;
+  }
+  return window.innerHeight - elRect.top;
+};
 const useSearchListPage = (props, config = {}) => {
-  const { calcTableHeight, tableProps, tableRef } = useTable(props);
+  const rootRef = useTemplateRef("rootRef");
+  const { calcTableHeight, tableProps, tableRef } = useTable(props, config, rootRef);
   const { formProps, validate, resetFields, formRef } = useForm(props, {
     calcTableHeight
   });
@@ -30,10 +47,10 @@ const useSearchListPage = (props, config = {}) => {
     }
   };
 };
-const useTable = (props, config) => {
+const useTable = (props, config, rootRef) => {
   const instanceName = "tableRef";
   const tableRef = useTemplateRef(instanceName);
-  const tableHeight = ref(window.innerHeight);
+  const tableHeight = ref(0);
   const tableProps = computed(() => {
     return {
       ref: instanceName,
@@ -65,8 +82,8 @@ const useTable = (props, config) => {
       if (tableProps.value.showPagination) {
         paginationHeight = document.querySelector(".el-pagination").offsetHeight + 12;
       }
-      const frameDistance = window.parent.openMenuSelect || getEnv() !== "local" ? 40 : 48 + 40;
-      tableHeight.value = window.innerHeight - topHeight - middleHeight - paginationHeight - frameDistance - props.offsetTop;
+      const containerHeight = rootRef.value ? getAvailableHeight(rootRef.value) : window.innerHeight;
+      tableHeight.value = containerHeight - topHeight - middleHeight - paginationHeight - 20 - props.offsetTop;
     }, 0);
   };
   onMounted(calcTableHeight);

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, nextTick } from 'vue'\nimport type { SearchListPageProps } from './search-list-page'\nimport type { ButtonsProps, ButtonProps } 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: ButtonProps<any[]>[] = [\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: ButtonProps<any[]>) => {\n    if (item.onClick) {\n      const clickFn = item.onClick\n      item.onClick = () => {\n        const rows = tableRef.value.elTableRef.getSelectionRows()\n        clickFn(rows)\n      }\n    }\n    if (item.confirmBefore) {\n      const confirmBeforeFn = item.confirmBefore\n      item.confirmBefore = async () => {\n        const rows = tableRef.value.elTableRef.getSelectionRows()\n        await confirmBeforeFn(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":";;;;;AASO,MAAM,iBAAA,GAAoB,CAAC,KAAA,EAA4B,MAAA,GAAS,EAAC,KAAM;AAC5E,EAAA,MAAM,EAAE,eAAA,EAAiB,UAAA,EAAY,UAAS,GAAI,QAAA,CAAS,KAAa,CAAA;AACxE,EAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAU,aAAa,OAAA,EAAQ,GAAI,QAAQ,KAAA,EAAO;AAAA,IACnE;AAAA,GACD,CAAA;AACD,EAAA,MAAM,EAAE,YAAA,EAAc,aAAA,EAAe,QAAQ,KAAA,EAAM,GAAI,WAAW,KAAA,EAAO;AAAA,IACvE,QAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACD,CAAA;AACD,EAAA,OAAO;AAAA,IACL,SAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,cAAc,YAAY;AACxB,MAAA,IAAI,CAAC,QAAQ,KAAA,EAAO;AAClB,QAAA,MAAM,QAAA,EAAS;AAAA,MACjB;AACA,MAAA,MAAM,QAAA,EAAS;AAAA,IACjB;AAAA,GACF;AACF;AACA,MAAM,QAAA,GAAW,CAAC,KAAA,EAA4B,MAAA,KAAW;AACvD,EAAA,MAAM,YAAA,GAAe,UAAA;AACrB,EAAA,MAAM,QAAA,GAAW,eAA8B,YAAY,CAAA;AAC3D,EAAA,MAAM,WAAA,GAAc,GAAA,CAAI,MAAA,CAAO,WAAW,CAAA;AAC1C,EAAA,MAAM,UAAA,GAAa,SAAS,MAAM;AAChC,IAAA,OAAO;AAAA,MACL,GAAA,EAAK,YAAA;AAAA,MACL,SAAS,KAAA,CAAM,OAAA;AAAA,MACf,cAAA,EAAgB,IAAA;AAAA,MAChB,QAAQ,WAAA,CAAY,KAAA;AAAA,MACpB,cAAc,KAAA,CAAM,YAAA;AAAA,MACpB,kBAAkB,KAAA,CAAM,gBAAA;AAAA,MACxB,wBAAwB,KAAA,CAAM,sBAAA;AAAA,MAC9B,eAAe,KAAA,CAAM,aAAA;AAAA,MACrB,eAAe,KAAA,CAAM,aAAA;AAAA,MACrB,KAAK,KAAA,CAAM,GAAA;AAAA,MACX,UAAU,KAAA,CAAM,QAAA;AAAA,MAChB,WAAW,KAAA,CAAM,SAAA;AAAA,MACjB,SAAS,KAAA,CAAM,QAAA;AAAA,MACf,oBAAoB,KAAA,CAAM,kBAAA;AAAA,MAC1B,iBAAiB,KAAA,CAAM,eAAA;AAAA,MACvB,qBAAqB,KAAA,CAAM,mBAAA;AAAA,MAC3B,UAAU,KAAA,CAAM,QAAA;AAAA,MAChB,gBAAgB,KAAA,CAAM,cAAA;AAAA,MACtB,GAAG,KAAA,CAAM;AAAA,KACX;AAAA,EACF,CAAC,CAAA;AACD,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,UAAA,CAAW,MAAM;AACf,MAAA,MAAM,SAAA,GAAa,QAAA,CAAS,cAAA,CAAe,KAAK,CAAA,CAC7C,YAAA;AACH,MAAA,MAAM,YAAA,GAAgB,QAAA,CAAS,cAAA,CAAe,QAAQ,CAAA,CACnD,YAAA;AACH,MAAA,IAAI,gBAAA,GAAmB,CAAA;AACvB,MAAA,IAAI,UAAA,CAAW,MAAM,cAAA,EAAgB;AACnC,QAAA,gBAAA,GACG,QAAA,CAAS,aAAA,CAAc,gBAAgB,CAAA,CACrC,YAAA,GAAe,EAAA;AAAA,MACtB;AACA,MAAA,MAAM,aAAA,GACJ,OAAO,MAAA,CAAO,cAAA,IAAkB,QAAO,KAAM,OAAA,GAAU,KAAK,EAAA,GAAK,EAAA;AAEnE,MAAA,WAAA,CAAY,QACV,MAAA,CAAO,WAAA,GACP,YACA,YAAA,GACA,gBAAA,GACA,gBACA,KAAA,CAAM,SAAA;AAAA,IACV,GAAG,CAAC,CAAA;AAAA,EACN,CAAA;AAEA,EAAA,SAAA,CAAU,eAAe,CAAA;AACzB,EAAA,OAAO;AAAA,IACL,QAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF;AACF,CAAA;AACA,MAAM,OAAA,GAAU,CAAC,KAAA,EAA4B,EAAE,iBAAgB,KAAM;AACnE,EAAA,MAAM,YAAA,GAAe,SAAA;AACrB,EAAA,MAAM,OAAA,GAAU,eAA6B,YAAY,CAAA;AACzD,EAAA,MAAM,SAAA,GAAY,SAAS,MAAM;AAC/B,IAAA,OAAO;AAAA,MACL,GAAA,EAAK,YAAA;AAAA,MACL,cAAc,KAAA,CAAM,YAAA;AAAA,MACpB,UAAA,EAAY,IAAA;AAAA,MACZ,YAAY,KAAA,CAAM,QAAA;AAAA,MAClB,GAAG,KAAA,CAAM,SAAA;AAAA,MACT,gBAAgB,MAAM;AACpB,QAAA,eAAA,EAAgB;AAAA,MAClB;AAAA,KACF;AAAA,EACF,CAAC,CAAA;AAED,EAAA,MAAM,WAAW,MAAM;AACrB,IAAA,OAAO,OAAA,CAAQ,MAAO,QAAA,EAAS;AAAA,EACjC,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,CAACA,MAAAA,KAAwB;AAC3C,IAAA,OAAO,OAAA,CAAQ,KAAA,CAAO,WAAA,CAAYA,MAAK,CAAA;AAAA,EACzC,CAAA;AAEA,EAAA,MAAM,aAAA,GAAgB,CAACA,MAAAA,KAAwB;AAC7C,IAAA,OAAO,OAAA,CAAQ,KAAA,CAAO,aAAA,CAAcA,MAAK,CAAA;AAAA,EAC3C,CAAA;AACA,EAAA,OAAO;AAAA,IACL,SAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA;AAAA,GACF;AACF,CAAA;AACA,MAAM,aAAa,CACjB,KAAA,EACA,EAAE,QAAA,EAAU,WAAA,EAAa,UAAS,KAC/B;AACH,EAAA,MAAM,EAAE,CAAA,EAAE,GAAI,SAAA,EAAU;AACxB,EAAA,MAAM,cAAA,GAAuC;AAAA,IAC3C;AAAA,MACE,IAAA,EAAM,EAAE,uBAAuB,CAAA;AAAA,MAC/B,IAAA,EAAM,KAAA;AAAA,MACN,YAAY,KAAA,CAAM,IAAA,GAAO,CAAA,EAAG,KAAA,CAAM,IAAI,CAAA,IAAA,CAAA,GAAS,EAAA;AAAA,MAC/C,MAAM,MAAM;AACV,QAAA,OAAO,CAAC,CAAC,KAAA,CAAM,GAAA;AAAA,MACjB,CAAA;AAAA,MACA,SAAS,MAAM;AACb,QAAA,KAAA,CAAM,GAAA,IAAM;AAAA,MACd;AAAA;AACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAmBF;AACA,EAAA,MAAM,IAAA,GAAO,cAAA,CAAe,cAAA,EAAgB,KAAA,CAAM,WAAW,CAAA;AAC7D,EAAA,IAAI,MAAM,kBAAA,EAAoB;AAC5B,IAAA,IAAA,CAAK,IAAA,CAAK;AAAA,MACR,IAAA,EAAM,EAAE,gCAAgC,CAAA;AAAA,MACxC,IAAA,EAAM,cAAA;AAAA,MACN,IAAA,EAAM,SAAA;AAAA,MACN,SAAS,MAAM;AACb,QAAA,QAAA,CAAS,MAAM,sBAAA,EAAuB;AAAA,MACxC;AAAA,KACD,CAAA;AAAA,EACH;AACA,EAAA,IAAA,CAAK,OAAA,CAAQ,CAAC,IAAA,KAA6B;AACzC,IAAA,IAAI,KAAK,OAAA,EAAS;AAChB,MAAA,MAAM,UAAU,IAAA,CAAK,OAAA;AACrB,MAAA,IAAA,CAAK,UAAU,MAAM;AACnB,QAAA,MAAM,IAAA,GAAO,QAAA,CAAS,KAAA,CAAM,UAAA,CAAW,gBAAA,EAAiB;AACxD,QAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,MACd,CAAA;AAAA,IACF;AACA,IAAA,IAAI,KAAK,aAAA,EAAe;AACtB,MAAA,MAAM,kBAAkB,IAAA,CAAK,aAAA;AAC7B,MAAA,IAAA,CAAK,gBAAgB,YAAY;AAC/B,QAAA,MAAM,IAAA,GAAO,QAAA,CAAS,KAAA,CAAM,UAAA,CAAW,gBAAA,EAAiB;AACxD,QAAA,MAAM,gBAAgB,IAAI,CAAA;AAAA,MAC5B,CAAA;AAAA,IACF;AAAA,EACF,CAAC,CAAA;AAED,EAAA,MAAM,YAAA,GAAe,SAAS,MAAM;AAClC,IAAA,OAAO;AAAA,MACL,IAAA;AAAA,MACA,GAAG,KAAA,CAAM;AAAA,KACX;AAAA,EACF,CAAC,CAAA;AAED,EAAA,MAAM,MAAA,GAAS,OAAO,YAAA,GAAe,KAAA,KAAU;AAE7C,IAAA,QAAA,CAAS,KAAA,CAAM,OAAO,YAAY,CAAA;AAAA,EACpC,CAAA;AAEA,EAAA,MAAM,QAAQ,YAAY;AACxB,IAAA,WAAA,EAAY;AACZ,IAAA,MAAA,CAAO,IAAI,CAAA;AAAA,EACb,CAAA;AACA,EAAA,MAAM,aAAA,GAAsC;AAAA,IAC1C;AAAA,MACE,IAAA,EAAM,EAAE,0BAA0B,CAAA;AAAA,MAClC,IAAA,EAAM,SAAA;AAAA,MACN,OAAA,EAAS,MAAA,CAAO,IAAA,CAAK,IAAA,EAAM,IAAI;AAAA,KACjC;AAAA,IACA;AAAA,MACE,IAAA,EAAM,EAAE,yBAAyB,CAAA;AAAA,MACjC,OAAA,EAAS;AAAA;AACX,GACF;AACA,EAAA,OAAO;AAAA,IACL,YAAA;AAAA,IACA,aAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,GACF;AACF,CAAA;;;;"}
+{"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, ButtonProps } 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 } from '@el-plus/utils'\nimport { useLocale } from '@el-plus/hooks/use-locale'\n\nconst getAvailableHeight = (el: HTMLElement): number => {\n  const elRect = el.getBoundingClientRect()\n  let parent = el.parentElement\n  while (parent) {\n    const style = getComputedStyle(parent)\n    const height = style.height\n    if (height && height !== 'auto' && !height.endsWith('%')) {\n      const parentRect = parent.getBoundingClientRect()\n      return parentRect.bottom - elRect.top\n    }\n    if (parent === document.documentElement || parent === document.body) {\n      break\n    }\n    parent = parent.parentElement\n  }\n  return window.innerHeight - elRect.top\n}\n\nexport const useSearchListPage = (props: SearchListPageProps, config = {}) => {\n  const rootRef = useTemplateRef<HTMLDivElement>('rootRef')\n  const { calcTableHeight, tableProps, tableRef } = useTable(props, config, rootRef)\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, rootRef: ReturnType<typeof useTemplateRef<HTMLDivElement>>) => {\n  const instanceName = 'tableRef'\n  const tableRef = useTemplateRef<TableInstance>(instanceName)\n  const tableHeight = ref(0)\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 containerHeight = rootRef.value\n        ? getAvailableHeight(rootRef.value)\n        : window.innerHeight\n\n      tableHeight.value =\n        containerHeight -\n        topHeight -\n        middleHeight -\n        paginationHeight -\n        20 -\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: ButtonProps<any[]>[] = [\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: ButtonProps<any[]>) => {\n    if (item.onClick) {\n      const clickFn = item.onClick\n      item.onClick = () => {\n        const rows = tableRef.value.elTableRef.getSelectionRows()\n        clickFn(rows)\n      }\n    }\n    if (item.confirmBefore) {\n      const confirmBeforeFn = item.confirmBefore\n      item.confirmBefore = async () => {\n        const rows = tableRef.value.elTableRef.getSelectionRows()\n        await confirmBeforeFn(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/package.json.mjs

@@ -1,4 +1,4 @@
-var version = "0.0.95";
+var version = "0.0.97";
 
 export { version };
 //# sourceMappingURL=package.json.mjs.map

package/lib/components/search-list-page/src/search-list-page.vue2.js

@@ -37,6 +37,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
+        ref: "rootRef",
         class: vue.normalizeClass([vue.unref(bem$1).b(), vue.unref(props.prepareClassNames)()]),
         style: vue.normalizeStyle({
           ...vue.unref(props.prepareStyles)()

package/lib/components/search-list-page/src/search-list-page.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"search-list-page.vue2.js","sources":["../../../../../../packages/components/search-list-page/src/search-list-page.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[bem.b(), prepareClassNames()]\"\n    :style=\"{\n      ...prepareStyles(),\n    }\"\n  >\n    <div id=\"top\">\n      <EpForm v-bind=\"formProps\" />\n    </div>\n    <div id=\"middle\">\n      <div :class=\"bem.e('middle-left')\">\n        <EpButtons v-bind=\"buttonsProps\" />\n      </div>\n      <div :class=\"bem.e('middle-right')\">\n        <EpButtons :list=\"searchButtons\" />\n      </div>\n    </div>\n    <slot name=\"tableBefore\"></slot>\n    <EpTable v-bind=\"tableProps\" :before-search=\"beforeSearch\" />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { nextTick, ref } from 'vue'\nimport EpForm from '@el-plus/components/form'\nimport EpTable from '@el-plus/components/table'\nimport EpButtons from '@el-plus/components/buttons'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport {\n  prepareProps,\n  prepareEvents,\n  prepareClassNames,\n  prepareStyles,\n} from '@el-plus/utils/props'\nimport { searchListPageProps } from './search-list-page'\nimport { useSearchListPage } from './use-search-list-page'\ndefineOptions({ name: 'EpSearchListPage' })\nconst bem = createNameSpace('search-list-page')\nconst props = defineProps(searchListPageProps)\n\nconst {\n  formProps,\n  buttonsProps,\n  searchButtons,\n  search,\n  reset,\n  tableRef,\n  formRef,\n  tableProps,\n  beforeSearch,\n} = useSearchListPage(props)\n\ndefineExpose({\n  search,\n  reset,\n  tableRef,\n  formRef,\n})\n</script>\n"],"names":["bem","createNameSpace","props","useSearchListPage","_createElementBlock","_normalizeClass","_unref","prepareClassNames","_normalizeStyle","prepareStyles","_createElementVNode","_createVNode","EpButtons","_renderSlot","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;;AAqCA,IAAA,MAAMA,KAAA,GAAMC,oBAAgB,kBAAkB,CAAA;AAC9C,IAAA,MAAMC,OAAA,GAAQ,OAAA;AAEd,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACF,GAAIC,oCAAkBD,OAAK,CAAA;AAE3B,IAAA,QAAA,CAAa;AAAA,MACX,MAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,KACD,CAAA;;8BAxDCE,sBAAA,CAmBM,KAAA,EAAA;AAAA,QAlBH,KAAA,EAAKC,kBAAA,CAAA,CAAGC,SAAA,CAAAN,KAAA,CAAA,CAAI,CAAA,IAAKM,SAAA,CAAAC,uBAAA,CAAA,EAAiB,CAAA,CAAA;AAAA,QAClC,OAAKC,kBAAA,CAAA;AAAA,aAAaF,SAAA,CAAAG,mBAAA,CAAA;AAAa;;QAIhCC,sBAAA,CAEM,KAAA,EAAA,EAFD,EAAA,EAAG,OAAK,EAAA;AAAA,UACXC,eAAA,CAA6BL,SAAA,0DAAbA,SAAA,CAAA,SAAA,CAAS,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA;AAAA;QAE3BI,sBAAA,CAOM,KAAA,EAAA,EAPD,EAAA,EAAG,UAAQ,EAAA;AAAA,UACdA,uBAEM,KAAA,EAAA;AAAA,YAFA,OAAKL,kBAAA,CAAEC,SAAA,CAAAN,KAAA,CAAA,CAAI,CAAA,CAAC,aAAA,CAAA;AAAA;YAChBW,eAAA,CAAmCL,SAAA,+DAAhBA,SAAA,CAAA,YAAA,CAAY,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA;AAAA;UAEjCI,uBAEM,KAAA,EAAA;AAAA,YAFA,OAAKL,kBAAA,CAAEC,SAAA,CAAAN,KAAA,CAAA,CAAI,CAAA,CAAC,cAAA,CAAA;AAAA;YAChBW,eAAA,CAAmCL,SAAA,CAAAM,iBAAA,CAAA,EAAA,EAAvB,IAAA,EAAMN,SAAA,CAAA,aAAA,CAAA,EAAa,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA;AAAA;;QAGnCO,cAAA,CAAgC,IAAA,CAAA,MAAA,EAAA,aAAA,CAAA;AAAA,QAChCF,gBAA6DL,SAAA,mBAA7DQ,cAAA,CAA6DR,SAAA,cAAlC,EAAG,iBAAeA,SAAA,CAAA,YAAA,GAAY,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA;AAAA;;;;;;;"}
+{"version":3,"file":"search-list-page.vue2.js","sources":["../../../../../../packages/components/search-list-page/src/search-list-page.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"rootRef\"\n    :class=\"[bem.b(), prepareClassNames()]\"\n    :style=\"{\n      ...prepareStyles(),\n    }\"\n  >\n    <div id=\"top\">\n      <EpForm v-bind=\"formProps\" />\n    </div>\n    <div id=\"middle\">\n      <div :class=\"bem.e('middle-left')\">\n        <EpButtons v-bind=\"buttonsProps\" />\n      </div>\n      <div :class=\"bem.e('middle-right')\">\n        <EpButtons :list=\"searchButtons\" />\n      </div>\n    </div>\n    <slot name=\"tableBefore\"></slot>\n    <EpTable v-bind=\"tableProps\" :before-search=\"beforeSearch\" />\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport { nextTick, ref } from 'vue'\nimport EpForm from '@el-plus/components/form'\nimport EpTable from '@el-plus/components/table'\nimport EpButtons from '@el-plus/components/buttons'\nimport { createNameSpace } from '@el-plus/utils/bem'\nimport {\n  prepareProps,\n  prepareEvents,\n  prepareClassNames,\n  prepareStyles,\n} from '@el-plus/utils/props'\nimport { searchListPageProps } from './search-list-page'\nimport { useSearchListPage } from './use-search-list-page'\ndefineOptions({ name: 'EpSearchListPage' })\nconst bem = createNameSpace('search-list-page')\nconst props = defineProps(searchListPageProps)\n\nconst {\n  formProps,\n  buttonsProps,\n  searchButtons,\n  search,\n  reset,\n  tableRef,\n  formRef,\n  tableProps,\n  beforeSearch,\n} = useSearchListPage(props)\n\ndefineExpose({\n  search,\n  reset,\n  tableRef,\n  formRef,\n})\n</script>\n"],"names":["bem","createNameSpace","props","useSearchListPage","_createElementBlock","_normalizeClass","_unref","prepareClassNames","_normalizeStyle","prepareStyles","_createElementVNode","_createVNode","EpButtons","_renderSlot","_mergeProps"],"mappings":";;;;;;;;;;;;;;;;;;AAsCA,IAAA,MAAMA,KAAA,GAAMC,oBAAgB,kBAAkB,CAAA;AAC9C,IAAA,MAAMC,OAAA,GAAQ,OAAA;AAEd,IAAA,MAAM;AAAA,MACJ,SAAA;AAAA,MACA,YAAA;AAAA,MACA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACF,GAAIC,oCAAkBD,OAAK,CAAA;AAE3B,IAAA,QAAA,CAAa;AAAA,MACX,MAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA;AAAA,KACD,CAAA;;8BAzDCE,sBAAA,CAoBM,KAAA,EAAA;AAAA,QAnBJ,GAAA,EAAI,SAAA;AAAA,QACH,KAAA,EAAKC,kBAAA,CAAA,CAAGC,SAAA,CAAAN,KAAA,CAAA,CAAI,CAAA,IAAKM,SAAA,CAAAC,uBAAA,CAAA,EAAiB,CAAA,CAAA;AAAA,QAClC,OAAKC,kBAAA,CAAA;AAAA,aAAaF,SAAA,CAAAG,mBAAA,CAAA;AAAa;;QAIhCC,sBAAA,CAEM,KAAA,EAAA,EAFD,EAAA,EAAG,OAAK,EAAA;AAAA,UACXC,eAAA,CAA6BL,SAAA,0DAAbA,SAAA,CAAA,SAAA,CAAS,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA;AAAA;QAE3BI,sBAAA,CAOM,KAAA,EAAA,EAPD,EAAA,EAAG,UAAQ,EAAA;AAAA,UACdA,uBAEM,KAAA,EAAA;AAAA,YAFA,OAAKL,kBAAA,CAAEC,SAAA,CAAAN,KAAA,CAAA,CAAI,CAAA,CAAC,aAAA,CAAA;AAAA;YAChBW,eAAA,CAAmCL,SAAA,+DAAhBA,SAAA,CAAA,YAAA,CAAY,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA;AAAA;UAEjCI,uBAEM,KAAA,EAAA;AAAA,YAFA,OAAKL,kBAAA,CAAEC,SAAA,CAAAN,KAAA,CAAA,CAAI,CAAA,CAAC,cAAA,CAAA;AAAA;YAChBW,eAAA,CAAmCL,SAAA,CAAAM,iBAAA,CAAA,EAAA,EAAvB,IAAA,EAAMN,SAAA,CAAA,aAAA,CAAA,EAAa,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA;AAAA;;QAGnCO,cAAA,CAAgC,IAAA,CAAA,MAAA,EAAA,aAAA,CAAA;AAAA,QAChCF,gBAA6DL,SAAA,mBAA7DQ,cAAA,CAA6DR,SAAA,cAAlC,EAAG,iBAAeA,SAAA,CAAA,YAAA,GAAY,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA;AAAA;;;;;;;"}

package/lib/components/search-list-page/src/use-search-list-page.js

@@ -3,10 +3,27 @@
 var vue = require('vue');
 var useLocale = require('../../../hooks/use-locale.js');
 var utils = require('../../../utils/utils.js');
-var env = require('../../../utils/env.js');
 
+const getAvailableHeight = (el) => {
+  const elRect = el.getBoundingClientRect();
+  let parent = el.parentElement;
+  while (parent) {
+    const style = getComputedStyle(parent);
+    const height = style.height;
+    if (height && height !== "auto" && !height.endsWith("%")) {
+      const parentRect = parent.getBoundingClientRect();
+      return parentRect.bottom - elRect.top;
+    }
+    if (parent === document.documentElement || parent === document.body) {
+      break;
+    }
+    parent = parent.parentElement;
+  }
+  return window.innerHeight - elRect.top;
+};
 const useSearchListPage = (props, config = {}) => {
-  const { calcTableHeight, tableProps, tableRef } = useTable(props);
+  const rootRef = vue.useTemplateRef("rootRef");
+  const { calcTableHeight, tableProps, tableRef } = useTable(props, config, rootRef);
   const { formProps, validate, resetFields, formRef } = useForm(props, {
     calcTableHeight
   });
@@ -32,10 +49,10 @@ const useSearchListPage = (props, config = {}) => {
     }
   };
 };
-const useTable = (props, config) => {
+const useTable = (props, config, rootRef) => {
   const instanceName = "tableRef";
   const tableRef = vue.useTemplateRef(instanceName);
-  const tableHeight = vue.ref(window.innerHeight);
+  const tableHeight = vue.ref(0);
   const tableProps = vue.computed(() => {
     return {
       ref: instanceName,
@@ -67,8 +84,8 @@ const useTable = (props, config) => {
       if (tableProps.value.showPagination) {
         paginationHeight = document.querySelector(".el-pagination").offsetHeight + 12;
       }
-      const frameDistance = window.parent.openMenuSelect || env.getEnv() !== "local" ? 40 : 48 + 40;
-      tableHeight.value = window.innerHeight - topHeight - middleHeight - paginationHeight - frameDistance - props.offsetTop;
+      const containerHeight = rootRef.value ? getAvailableHeight(rootRef.value) : window.innerHeight;
+      tableHeight.value = containerHeight - topHeight - middleHeight - paginationHeight - 20 - props.offsetTop;
     }, 0);
   };
   vue.onMounted(calcTableHeight);

package/lib/components/search-list-page/src/use-search-list-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-search-list-page.js","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, ButtonProps } 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: ButtonProps<any[]>[] = [\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: ButtonProps<any[]>) => {\n    if (item.onClick) {\n      const clickFn = item.onClick\n      item.onClick = () => {\n        const rows = tableRef.value.elTableRef.getSelectionRows()\n        clickFn(rows)\n      }\n    }\n    if (item.confirmBefore) {\n      const confirmBeforeFn = item.confirmBefore\n      item.confirmBefore = async () => {\n        const rows = tableRef.value.elTableRef.getSelectionRows()\n        await confirmBeforeFn(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":["nextTick","useTemplateRef","ref","computed","getEnv","onMounted","props","useLocale","mergeListByKey"],"mappings":"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"}
+{"version":3,"file":"use-search-list-page.js","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, ButtonProps } 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 } from '@el-plus/utils'\nimport { useLocale } from '@el-plus/hooks/use-locale'\n\nconst getAvailableHeight = (el: HTMLElement): number => {\n  const elRect = el.getBoundingClientRect()\n  let parent = el.parentElement\n  while (parent) {\n    const style = getComputedStyle(parent)\n    const height = style.height\n    if (height && height !== 'auto' && !height.endsWith('%')) {\n      const parentRect = parent.getBoundingClientRect()\n      return parentRect.bottom - elRect.top\n    }\n    if (parent === document.documentElement || parent === document.body) {\n      break\n    }\n    parent = parent.parentElement\n  }\n  return window.innerHeight - elRect.top\n}\n\nexport const useSearchListPage = (props: SearchListPageProps, config = {}) => {\n  const rootRef = useTemplateRef<HTMLDivElement>('rootRef')\n  const { calcTableHeight, tableProps, tableRef } = useTable(props, config, rootRef)\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, rootRef: ReturnType<typeof useTemplateRef<HTMLDivElement>>) => {\n  const instanceName = 'tableRef'\n  const tableRef = useTemplateRef<TableInstance>(instanceName)\n  const tableHeight = ref(0)\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 containerHeight = rootRef.value\n        ? getAvailableHeight(rootRef.value)\n        : window.innerHeight\n\n      tableHeight.value =\n        containerHeight -\n        topHeight -\n        middleHeight -\n        paginationHeight -\n        20 -\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: ButtonProps<any[]>[] = [\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: ButtonProps<any[]>) => {\n    if (item.onClick) {\n      const clickFn = item.onClick\n      item.onClick = () => {\n        const rows = tableRef.value.elTableRef.getSelectionRows()\n        clickFn(rows)\n      }\n    }\n    if (item.confirmBefore) {\n      const confirmBeforeFn = item.confirmBefore\n      item.confirmBefore = async () => {\n        const rows = tableRef.value.elTableRef.getSelectionRows()\n        await confirmBeforeFn(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":["useTemplateRef","nextTick","ref","computed","onMounted","props","useLocale","mergeListByKey"],"mappings":"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"}

package/lib/package.json.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var version = "0.0.95";
+var version = "0.0.97";
 
 exports.version = version;
 //# sourceMappingURL=package.json.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "el-plus",
-  "version": "0.0.95",
+  "version": "0.0.97",
   "description": "pro base on element-plus",
   "module": "./es/index.mjs",
   "keywords": [