ele-admin-plus 1.4.1-beta.1 → 1.4.1

package/es/ele-pro-table/exceljs-plugin.js

@@ -0,0 +1,81 @@
+import ExcelJS from "exceljs";
+import { download } from "../utils/common";
+function getExportWorkbook(params) {
+  const { headerData, bodyData, footerData, bodyCols } = params;
+  const workbook = new ExcelJS.Workbook();
+  const sheet = workbook.addWorksheet("Sheet1");
+  const sheetRows = [];
+  const sheetStyles = [];
+  const sheetMerges = [];
+  const sheetRowHeight = [];
+  [...headerData, ...bodyData, ...footerData].forEach((item, index) => {
+    const sheetCols = [];
+    const rowStyles = [];
+    item.forEach((d, colIndex) => {
+      var _a;
+      if (!d.isTreeCell || !d.indent) {
+        sheetCols.push(d.text ?? "");
+      } else {
+        const gap = Array.from({ length: d.indent }).fill("  ").join("");
+        sheetCols.push(gap + (d.text ?? ""));
+      }
+      rowStyles.push({
+        font: { size: 12, bold: index < headerData.length },
+        alignment: {
+          vertical: d.isTreeIndex && d.rowspan !== 1 ? "top" : "middle",
+          horizontal: d.isExpandCell ? "left" : ((_a = d.column) == null ? void 0 : _a.align) || "left",
+          wrapText: d.isExpandCell ? true : false,
+          indent: d.isExpandCell ? 1 : 0
+        },
+        border: {
+          top: { style: "thin" },
+          left: d.hideLeftBorder ? {} : { style: "thin" },
+          bottom: { style: "thin" },
+          right: d.hideRightBorder ? {} : { style: "thin" }
+        }
+      });
+      if (d.rowspan && d.rowspan > 1 || d.colspan && d.colspan > 1) {
+        sheetMerges.push([
+          index + 1,
+          colIndex + 1,
+          index + (d.rowspan || 1),
+          colIndex + (d.colspan || 1)
+        ]);
+      }
+    });
+    sheetRows.push(sheetCols);
+    sheetStyles.push(rowStyles);
+    const expandCell = item.find((d) => d.isExpandCell && d.colspan);
+    const lines = String((expandCell == null ? void 0 : expandCell.text) ?? "").split("\n").length || 1;
+    sheetRowHeight.push(lines * 20);
+  });
+  sheet.addRows(sheetRows).forEach((row, index) => {
+    row.eachCell({ includeEmpty: true }, (cell, colIndex) => {
+      Object.assign(cell, sheetStyles[index][colIndex - 1]);
+    });
+    row.height = sheetRowHeight[index];
+  });
+  sheetMerges.forEach((merges) => {
+    sheet.mergeCells(merges);
+  });
+  bodyCols.forEach((col, colIndex) => {
+    const w = col.width ?? col.minWidth;
+    sheet.getColumn(colIndex + 1).width = w == null ? void 0 : w / 8;
+  });
+  return workbook;
+}
+const exceljsPlugin = function(params) {
+  return new Promise((resolve, reject) => {
+    getExportWorkbook(params).xlsx.writeBuffer().then((data) => {
+      download(data, `${params.fileName}.xlsx`);
+      resolve();
+    }).catch((e) => {
+      console.error(e);
+      reject(e);
+    });
+  });
+};
+export {
+  exceljsPlugin,
+  getExportWorkbook
+};

package/es/ele-pro-table/index.d.ts

@@ -2,16 +2,16 @@ import { Ref } from 'vue';
 import { EleDataTableProps, EleToolbarProps } from '../ele-app/plus';
 import { DataItem, Column, Columns, Sorter, Filter, RowKey } from '../ele-data-table/types';
 import { ReloadFunction, DoneParams, TableTool, FetchFunction, TableViewInstance, ExportConfig, PrintConfig, TableExportParams } from './types';
-import { TableToolsInstance } from './props';
 
-declare function __VLS_template(): Partial<Record<string, (_: {
-    pageIndex: number | undefined;
-    fetch: FetchFunction | undefined;
-}) => any>> & Partial<Record<string, (_: {
+declare function __VLS_template(): Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {
     row: DataItem | undefined;
     column: Column;
     $index: number | undefined;
-}) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & {
+}) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: any) => any>> & Partial<Record<string, (_: {
+    row: DataItem | undefined;
+    column: Column;
+    $index: number;
+}) => any>> & {
     topExtra?(_: {}): any;
     toolbar?(_: {}): any;
     tools?(_: {}): any;
@@ -184,7 +184,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     reserveCurrent: BooleanConstructor;
     selectedRowKeys: import('vue').PropType<import('../ele-data-table/types').DataKey[]>;
 }>, {
-    tableToolsRef: Ref<TableToolsInstance, TableToolsInstance>;
     tableViewRef: Ref<TableViewInstance, TableViewInstance>;
     tableData: Ref<{
         [x: string]: any;

package/es/ele-pro-table/index.js

@@ -1,6 +1,6 @@
-import { defineComponent, ref, shallowRef, computed, watch, onMounted, createBlock, openBlock, mergeProps as mergeProps$1, unref, withCtx, renderSlot, createCommentVNode, createElementBlock, normalizeProps, createSlots, renderList, guardReactiveProps, normalizeStyle, nextTick } from "vue";
-import { pick, getValue } from "../utils/common";
-import { useGlobalProps } from "../ele-config-provider/receiver";
+import { defineComponent, ref, shallowRef, computed, watch, onMounted, createBlock, openBlock, mergeProps as mergeProps$1, unref, withCtx, renderSlot, createCommentVNode, createElementBlock, createVNode, normalizeProps, createSlots, renderList, guardReactiveProps, normalizeStyle, nextTick } from "vue";
+import { pick, getValue, uuid } from "../utils/common";
+import { useGlobalProps, useLocale } from "../ele-config-provider/receiver";
 import EleLoading from "../ele-loading/index";
 import ElePagination from "../ele-pagination/index";
 import { dataTablePropKeys } from "../ele-data-table/props";
@@ -9,6 +9,8 @@ import EleDataTable from "../ele-data-table/index";
 import EleVirtualTable from "../ele-virtual-table/index";
 import EleToolbar from "../ele-toolbar/index";
 import TableTools from "./components/table-tools";
+import ToolExport from "./components/tool-export";
+import ToolPrint from "./components/tool-print";
 import { getDefaultFilter, getTablePage, getTableLimit, getTableSize, getRowKey, getPaginationProps, mergeProps, cacheColWidth, getInitCacheColumns, reloadData, getRequestOrders, getRequestFilters, getRequestPages, getResponseResult, getResponseName, isAutoAmend, sortData } from "./util";
 import { proTableEmits, proTableProps } from "./props";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -30,9 +32,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const pageSlotExcludes = [...toolsSlotExcludes, "printTop", "printBottom"];
     const props = __props;
     const emit = __emit;
+    const tableState = {
+      sorter: props.defaultSort ?? {},
+      filter: getDefaultFilter(props.columns),
+      where: props.where ?? {},
+      reloadId: null
+    };
+    const globalProps = useGlobalProps("table");
+    const { lang } = useLocale("table", props);
+    const tableViewRef = ref(null);
+    const getTableRef = () => {
+      return tableViewRef.value;
+    };
     const events = useEmits(emit);
     const methods = useMethods(() => getTableRef());
-    const globalProps = useGlobalProps("table");
     const virtualTableEvents = {
       onEndEeached: (params) => {
         emit("endEeached", params);
@@ -44,13 +57,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         emit("rowsRendered", params);
       }
     };
-    const tableState = {
-      sorter: props.defaultSort ?? {},
-      filter: getDefaultFilter(props.columns),
-      where: props.where ?? {}
-    };
-    const tableToolsRef = ref(null);
-    const tableViewRef = ref(null);
+    const toolExportRef = ref(null);
+    const toolPrintRef = ref(null);
     const tableData = ref([]);
     const tablePage = ref(
       getTablePage(props.pagination, globalProps.value.pagination)
@@ -204,6 +212,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         handleDone({ data, page, total, response: props.datasource });
         return;
       }
+      const tempId = uuid(8);
+      tableState.reloadId = tempId;
       if (!parent) {
         tableLoading.value = true;
       }
@@ -229,6 +239,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         filter,
         parent
       }).then((response) => {
+        if (tableState.reloadId !== tempId) {
+          return;
+        }
         const parseData = props.parseData ?? globalProps.value.parseData;
         const result = parseData ? parseData(response) : response;
         const { data, total } = getResponseResult(
@@ -240,6 +253,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         );
         requestCallback(data, total, parent, result, resolve);
       }).catch((e) => {
+        if (tableState.reloadId !== tempId) {
+          return;
+        }
         const errorMsg = e == null ? void 0 : e.message;
         requestCallback(
           errorMsg == null ? errorMsg : String(errorMsg),
@@ -404,9 +420,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const reloadTable = () => {
       methods.doLayout();
     };
-    const getTableRef = () => {
-      return tableViewRef.value;
-    };
     const getData = () => {
       return tableData.value;
     };
@@ -450,23 +463,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     const openPrintModal = () => {
-      if (tableToolsRef.value) {
-        tableToolsRef.value.openPrintModal();
+      if (toolPrintRef.value) {
+        toolPrintRef.value.openModal();
       }
     };
     const printData = (params) => {
-      if (tableToolsRef.value) {
-        tableToolsRef.value.printData(params);
+      if (toolPrintRef.value) {
+        toolPrintRef.value.printData(params);
       }
     };
     const openExportModal = () => {
-      if (tableToolsRef.value) {
-        tableToolsRef.value.openExportModal();
+      if (toolExportRef.value) {
+        toolExportRef.value.openModal();
       }
     };
     const exportData = (params) => {
-      if (tableToolsRef.value) {
-        tableToolsRef.value.exportData(params);
+      if (toolExportRef.value) {
+        toolExportRef.value.exportData(params);
       }
     };
     watch(
@@ -529,13 +542,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { deep: true }
     );
     onMounted(() => {
+      var _a;
+      if (props.current != null) {
+        methods.setCurrentRowKey(getValue(props.current, tableRowKey.value));
+      }
+      if ((_a = props.selections) == null ? void 0 : _a.length) {
+        methods.setSelectedRowKeys(
+          getRowKeys(props.selections, tableRowKey.value)
+        );
+      }
       if (props.loadOnCreated) {
         reload();
       }
     });
     __expose({
       ...methods,
-      tableToolsRef,
       tableViewRef,
       tableData,
       tableLoading,
@@ -569,8 +590,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "tools"),
               toolNames.value && toolNames.value.length ? (openBlock(), createBlock(TableTools, {
                 key: 0,
-                ref_key: "tableToolsRef",
-                ref: tableToolsRef,
                 tools: toolNames.value,
                 size: tableSize.value,
                 columns: _ctx.columns,
@@ -578,28 +597,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 columnFixed: _ctx.columnFixed,
                 maximized: tableMaximized.value,
                 cacheKey: _ctx.cacheKey,
-                locale: _ctx.locale,
-                selections: _ctx.selections,
-                pageData: tableData.value,
-                spanMethod: _ctx.spanMethod,
-                tableHeader: _ctx.showHeader,
-                showSummary: _ctx.showSummary,
-                sumText: _ctx.sumText,
-                summaryMethod: _ctx.summaryMethod,
-                tableStyle: _ctx.tableStyle,
-                cellStyle: _ctx.cellStyle,
-                cellClassName: _ctx.cellClassName,
-                headerCellStyle: _ctx.headerCellStyle,
-                headerCellClassName: _ctx.headerCellClassName,
-                pageIndex: tableIndex.value,
-                treeProps: _ctx.treeProps,
-                fetch,
-                exportConfig: toolExportConfig.value,
-                printConfig: toolPrintConfig.value,
+                lang: unref(lang),
                 onReload: handleRefresh,
                 "onUpdate:size": handleSizeChange,
                 "onUpdate:columns": handleColumnsChange,
-                "onUpdate:maximized": handleMaximizedChange
+                "onUpdate:maximized": handleMaximizedChange,
+                onOpenExportModal: openExportModal,
+                onOpenPrintModal: openPrintModal
               }, createSlots({ _: 2 }, [
                 renderList(Object.keys(_ctx.$slots).filter(
                   (k) => !toolsSlotExcludes.includes(k)
@@ -611,7 +615,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ])
                   };
                 })
-              ]), 1032, ["tools", "size", "columns", "columnSortable", "columnFixed", "maximized", "cacheKey", "locale", "selections", "pageData", "spanMethod", "tableHeader", "showSummary", "sumText", "summaryMethod", "tableStyle", "cellStyle", "cellClassName", "headerCellStyle", "headerCellClassName", "pageIndex", "treeProps", "exportConfig", "printConfig"])) : createCommentVNode("", true)
+              ]), 1032, ["tools", "size", "columns", "columnSortable", "columnFixed", "maximized", "cacheKey", "lang"])) : createCommentVNode("", true)
             ]),
             default: withCtx(() => [
               renderSlot(_ctx.$slots, "toolbar")
@@ -670,7 +674,74 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })
             ]), 1040)) : createCommentVNode("", true)
           ], 4)) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "bottomExtra")
+          renderSlot(_ctx.$slots, "bottomExtra"),
+          createVNode(ToolExport, {
+            ref_key: "toolExportRef",
+            ref: toolExportRef,
+            locale: unref(lang),
+            cacheKey: _ctx.cacheKey,
+            modalProps: toolExportConfig.value.modalProps,
+            columns: toolExportConfig.value.columns || _ctx.columns,
+            selections: _ctx.selections,
+            pageData: tableData.value,
+            datasource: toolExportConfig.value.datasource,
+            spanMethod: _ctx.spanMethod,
+            tableHeader: toolExportConfig.value.showHeader ?? _ctx.showHeader,
+            showSummary: _ctx.showSummary,
+            sumText: _ctx.sumText,
+            summaryMethod: _ctx.summaryMethod,
+            pageIndex: tableIndex.value,
+            treeProps: _ctx.treeProps,
+            fetch,
+            defaultFileName: toolExportConfig.value.fileName,
+            defaultDataType: toolExportConfig.value.dataType,
+            defaultShowFooter: toolExportConfig.value.showFooter,
+            defaultShowTreeIndex: toolExportConfig.value.showTreeIndex,
+            beforeExport: toolExportConfig.value.beforeExport,
+            exportPlugin: toolExportConfig.value.exportPlugin
+          }, null, 8, ["locale", "cacheKey", "modalProps", "columns", "selections", "pageData", "datasource", "spanMethod", "tableHeader", "showSummary", "sumText", "summaryMethod", "pageIndex", "treeProps", "defaultFileName", "defaultDataType", "defaultShowFooter", "defaultShowTreeIndex", "beforeExport", "exportPlugin"]),
+          createVNode(ToolPrint, {
+            ref_key: "toolPrintRef",
+            ref: toolPrintRef,
+            locale: unref(lang),
+            cacheKey: _ctx.cacheKey,
+            modalProps: toolPrintConfig.value.modalProps,
+            printerProps: toolPrintConfig.value.printerProps,
+            tableProps: toolPrintConfig.value.tableProps,
+            columns: toolPrintConfig.value.columns || _ctx.columns,
+            selections: _ctx.selections,
+            pageData: tableData.value,
+            datasource: toolPrintConfig.value.datasource,
+            spanMethod: _ctx.spanMethod,
+            tableHeader: toolPrintConfig.value.showHeader ?? _ctx.showHeader,
+            showSummary: _ctx.showSummary,
+            sumText: _ctx.sumText,
+            summaryMethod: _ctx.summaryMethod,
+            tableStyle: _ctx.tableStyle,
+            cellStyle: _ctx.cellStyle,
+            cellClassName: _ctx.cellClassName,
+            headerCellStyle: _ctx.headerCellStyle,
+            headerCellClassName: _ctx.headerCellClassName,
+            pageIndex: tableIndex.value,
+            treeProps: _ctx.treeProps,
+            fetch,
+            defaultDataType: toolPrintConfig.value.dataType,
+            defaultShowFooter: toolPrintConfig.value.showFooter,
+            defaultShowTreeIndex: toolPrintConfig.value.showTreeIndex,
+            beforePrint: toolPrintConfig.value.beforePrint,
+            printPlugin: toolPrintConfig.value.printPlugin
+          }, createSlots({ _: 2 }, [
+            renderList(Object.keys(_ctx.$slots).filter(
+              (k) => !toolsSlotExcludes.includes(k)
+            ), (name) => {
+              return {
+                name,
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, name, normalizeProps(guardReactiveProps(slotProps || {})))
+                ])
+              };
+            })
+          ]), 1032, ["locale", "cacheKey", "modalProps", "printerProps", "tableProps", "columns", "selections", "pageData", "datasource", "spanMethod", "tableHeader", "showSummary", "sumText", "summaryMethod", "tableStyle", "cellStyle", "cellClassName", "headerCellStyle", "headerCellClassName", "pageIndex", "treeProps", "defaultDataType", "defaultShowFooter", "defaultShowTreeIndex", "beforePrint", "printPlugin"])
         ]),
         _: 3
       }, 16, ["loading", "class", "style"]);

package/es/ele-pro-table/types.d.ts

@@ -280,6 +280,8 @@ export interface TableState {
   filter: Filter;
   /** 当前搜索参数 */
   where: Where;
+  /** 当前查询任务标识 */
+  reloadId: string | null;
 }
 
 /**
@@ -396,6 +398,11 @@ export interface BeforeExportParams {
  */
 export type BeforeExport = (params: BeforeExportParams) => boolean | void;
 
+/**
+ * 导出插件
+ */
+export type ExportPlugin = (params: BeforeExportParams) => Promise<void>;
+
 /**
  * 导出配置
  */
@@ -418,6 +425,8 @@ export interface ExportConfig {
   showFooter?: boolean;
   /** 默认是否展示层级序号 */
   showTreeIndex?: boolean;
+  /** 导出插件 */
+  exportPlugin?: ExportPlugin;
 }
 
 /**
@@ -444,6 +453,8 @@ export interface PrintConfig {
   showFooter?: boolean;
   /** 默认是否展示层级序号 */
   showTreeIndex?: boolean;
+  /** 打印插件 */
+  printPlugin?: ExportPlugin;
 }
 
 /**

package/es/ele-split-panel/style/index.scss

@@ -284,7 +284,7 @@
         flex-direction: column;
         overflow: auto;
 
-        & > .el-table {
+        & > .ele-pro-table-view {
           flex: 1;
           height: 100%;
         }

package/es/ele-table-select/index.d.ts

@@ -12,11 +12,13 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     tableRef: import('vue').Ref<EleProTableInstance, EleProTableInstance>;
     selectVisible: import('vue').Ref<boolean, boolean>;
     selectedItems: import('vue').Ref<{
+        [x: string]: any;
         label: string;
         value: SingleValue;
         hide?: boolean | undefined;
         index?: number | undefined;
     }[], SelectedItem[] | {
+        [x: string]: any;
         label: string;
         value: SingleValue;
         hide?: boolean | undefined;

package/es/ele-table-select/props.d.ts

@@ -117,4 +117,6 @@ export declare const tableSelectEmits: {
     select: (_item: DataItem | DataItem[]) => boolean;
     /** 筛选输入框值改变事件 */
     filterChange: (_value: string) => boolean;
+    /** 更新下拉框显示状态 */
+    'update:visible': (_visible: boolean) => boolean;
 };

package/es/ele-table-select/props.js

@@ -104,7 +104,9 @@ const tableSelectEmits = {
   /** 表格行选中事件 */
   select: (_item) => true,
   /** 筛选输入框值改变事件 */
-  filterChange: (_value) => true
+  filterChange: (_value) => true,
+  /** 更新下拉框显示状态 */
+  "update:visible": (_visible) => true
 };
 export {
   tableSelectEmits,

package/es/ele-tour/index.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
 import { EleTooltipInstance } from '../ele-app/plus';
-import { TourStep, TourLocale } from './types';
+import { TourStep } from './types';
 
 declare function __VLS_template(): {
     title?(_: {
@@ -31,7 +31,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: number;
     };
     zIndex: NumberConstructor;
-    locale: import('vue').PropType<Partial<TourLocale>>;
+    locale: import('vue').PropType<Partial<import('./types').TourLocale>>;
 }>, {
     tooltipRef: Ref<EleTooltipInstance, EleTooltipInstance>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -51,7 +51,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         default: number;
     };
     zIndex: NumberConstructor;
-    locale: import('vue').PropType<Partial<TourLocale>>;
+    locale: import('vue').PropType<Partial<import('./types').TourLocale>>;
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((_value?: number | null | undefined) => any) | undefined;
 }>, {

package/es/ele-tree-select/index.d.ts

@@ -59,11 +59,13 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     selectRef: import('vue').Ref<EleBasicSelectInstance, EleBasicSelectInstance>;
     treeRef: import('vue').Ref<ElTreeV2Instance, ElTreeV2Instance>;
     selectedItems: import('vue').Ref<{
+        [x: string]: any;
         label: string;
         value: SingleValue;
         hide?: boolean | undefined;
         index?: number | undefined;
     }[], SelectedItem[] | {
+        [x: string]: any;
         label: string;
         value: SingleValue;
         hide?: boolean | undefined;

package/es/ele-upload-list/index.d.ts

@@ -1,4 +1,4 @@
-import { UploadItem, UploadLocale } from './types';
+import { UploadItem } from './types';
 
 declare function __VLS_template(): Partial<Record<string, (_: any) => any>> & {
     icon?(_: {}): any;
@@ -36,7 +36,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     beforeUploadClick: import('vue').PropType<import('./types').BeforeUploadClick>;
     beforeItemEdit: import('vue').PropType<import('./types').BeforeItemEdit>;
     beforePreview: import('vue').PropType<import('./types').BeforePreview>;
-    locale: import('vue').PropType<Partial<UploadLocale>>;
+    locale: import('vue').PropType<Partial<import('./types').UploadLocale>>;
 }>, {
     openImagePreview: (urls: string[], index: number) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -79,7 +79,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     beforeUploadClick: import('vue').PropType<import('./types').BeforeUploadClick>;
     beforeItemEdit: import('vue').PropType<import('./types').BeforeItemEdit>;
     beforePreview: import('vue').PropType<import('./types').BeforePreview>;
-    locale: import('vue').PropType<Partial<UploadLocale>>;
+    locale: import('vue').PropType<Partial<import('./types').UploadLocale>>;
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((_value: UploadItem[]) => any) | undefined;
     onRemove?: ((_item: UploadItem) => any) | undefined;

package/es/ele-upload-list/index.js

@@ -128,13 +128,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         e.preventDefault();
       }
     };
+    const clearImageObjectUrls = () => {
+      const temp = imageObjectUrls.value;
+      imageObjectUrls.value = [];
+      temp.forEach((item) => {
+        URL.revokeObjectURL(item.url);
+      });
+    };
     watch(
       () => props.modelValue,
       () => {
-        if (props.modelValue != null) {
-          props.modelValue.forEach((item) => {
-            getItemImageUrl(item);
-          });
+        if (props.modelValue == null) {
+          clearImageObjectUrls();
+          return;
+        }
+        const urls = [];
+        props.modelValue.forEach((item) => {
+          const url = getItemImageUrl(item);
+          if (url) {
+            urls.push(url);
+          }
+        });
+        for (let i = imageObjectUrls.value.length - 1; i >= 0; i--) {
+          const url = imageObjectUrls.value[i].url;
+          if (!urls.includes(url)) {
+            imageObjectUrls.value.splice(i, 1);
+            URL.revokeObjectURL(url);
+          }
         }
       },
       {
@@ -143,10 +163,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     );
     onBeforeUnmount(() => {
-      imageObjectUrls.value.forEach((item) => {
-        URL.revokeObjectURL(item.url);
-      });
-      imageObjectUrls.value = [];
+      clearImageObjectUrls();
     });
     __expose({
       openImagePreview

package/es/ele-virtual-table/components/body-cell.d.ts

@@ -136,10 +136,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onCheckedChange?: ((_checked: boolean) => any) | undefined;
 }>, {
     loading: boolean;
+    isDisabled: boolean;
     fixedCellHeight: boolean;
     autoRowHeight: boolean;
     isChecked: boolean;
-    isDisabled: boolean;
     hasChildren: boolean;
     isCollapse: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;