@yh-ui/components 1.0.26 → 1.0.36

package/dist/table/src/table.vue.d.ts

@@ -5,24 +5,24 @@
  */
 import { type CSSProperties } from 'vue';
 import { type TableColumn, type SortOrder, type TablePaginationConfig } from './table';
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_20: string, __VLS_21: {
-    column: TableColumn<Record<string, unknown>>;
-    columnIndex: number;
-}, __VLS_36: string, __VLS_37: {
-    column: TableColumn<Record<string, unknown>>;
-    columnIndex: number;
-}, __VLS_47: {}, __VLS_54: string, __VLS_55: {
-    row: Record<string, unknown>;
-    column: TableColumn<Record<string, unknown>>;
-    rowIndex: number;
-    cellValue: unknown;
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_20: any, __VLS_21: {
+    column: any;
+    columnIndex: any;
+}, __VLS_36: any, __VLS_37: {
+    column: any;
+    columnIndex: any;
+}, __VLS_47: {}, __VLS_54: any, __VLS_55: {
+    row: any;
+    column: any;
+    rowIndex: any;
+    cellValue: any;
 }, __VLS_65: {
-    row: Record<string, unknown>;
-    rowIndex: number;
-}, __VLS_71: {}, __VLS_74: `summary-${string}`, __VLS_75: {
-    column: TableColumn<Record<string, unknown>>;
-    columnIndex: number;
-    data: Record<string, unknown>[];
+    row: any;
+    rowIndex: any;
+}, __VLS_71: {}, __VLS_74: any, __VLS_75: {
+    column: any;
+    columnIndex: any;
+    data: any;
 }, __VLS_77: {}, __VLS_88: {};
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_20>]?: (props: typeof __VLS_21) => any;
@@ -460,332 +460,20 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     ?: number) => void;
     removeRow: (row: Record<string, unknown> | Record<string, unknown>[]) => void;
     updateRow: (row: Record<string, unknown>, newRow: Record<string, unknown>) => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    select: (_selection: Record<string, unknown>[], _row: Record<string, unknown>) => void;
-    scroll: (_params: {
-        scrollTop: number;
-        scrollLeft: number;
-        isEnd: boolean;
-    }) => void;
-    "select-all": (_selection: Record<string, unknown>[]) => void;
-    "drag-end": (_params: {
-        type: "row" | "column";
-        oldIndex: number;
-        newIndex: number;
-        data: unknown[];
-    }) => void;
-    "expand-change": (_row: Record<string, unknown>, _expandedRows: Record<string, unknown>[]) => void;
-    "current-change": (_currentRow: Record<string, unknown> | null, _oldRow: Record<string, unknown> | null) => void;
-    "update:data": (_data: Record<string, unknown>[]) => void;
-    "column-resize": (_column: TableColumn<Record<string, unknown>>, _width: number) => void;
-    "sort-change": (_params: {
-        column: TableColumn;
-        prop: string;
-        order: SortOrder;
-    }) => void;
-    "filter-change": (_filters: Record<string, unknown[]>) => void;
-    "page-change": (_params: {
-        currentPage: number;
-        pageSize: number;
-    }) => void;
-    "selection-change": (_selectedRows: Record<string, unknown>[], _selectedRowKeys: (string | number)[]) => void;
-    "row-click": (_row: Record<string, unknown>, _column: TableColumn<Record<string, unknown>>, _event: MouseEvent) => void;
-    "row-dblclick": (_row: Record<string, unknown>, _column: TableColumn<Record<string, unknown>>, _event: MouseEvent) => void;
-    "row-contextmenu": (_row: Record<string, unknown>, _column: TableColumn<Record<string, unknown>>, _event: MouseEvent) => void;
-    "cell-click": (_row: Record<string, unknown>, _column: TableColumn<Record<string, unknown>>, _cell: HTMLElement, _event: MouseEvent) => void;
-    "cell-dblclick": (_row: Record<string, unknown>, _column: TableColumn<Record<string, unknown>>, _cell: HTMLElement, _event: MouseEvent) => void;
-    "header-click": (_column: TableColumn<Record<string, unknown>>, _event: MouseEvent) => void;
-    "header-contextmenu": (_column: TableColumn<Record<string, unknown>>, _event: MouseEvent) => void;
-    "column-visible-change": (_columns: TableColumn<Record<string, unknown>>[]) => void;
-    "update:currentRowKey": (_key: string | number | undefined) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly data: {
-        readonly type: import("vue").PropType<Record<string, unknown>[]>;
-        readonly default: () => never[];
-    };
-    readonly columns: {
-        readonly type: import("vue").PropType<TableColumn[]>;
-        readonly default: () => never[];
-    };
-    readonly rowKey: {
-        readonly type: import("vue").PropType<import("./table").RowKey>;
-        readonly default: "id";
-    };
-    readonly size: {
-        readonly type: import("vue").PropType<import("./table").TableSize>;
-        readonly default: "default";
-    };
-    readonly height: {
-        readonly type: import("vue").PropType<number | string>;
-    };
-    readonly maxHeight: {
-        readonly type: import("vue").PropType<number | string>;
-    };
-    readonly width: {
-        readonly type: import("vue").PropType<number | string>;
-    };
-    readonly border: {
-        readonly type: import("vue").PropType<boolean | "full" | "outer" | "inner" | "none">;
-        readonly default: false;
-    };
-    readonly stripe: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly highlightCurrentRow: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly currentRowKey: {
-        readonly type: import("vue").PropType<string | number>;
-    };
-    readonly showHeader: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly emptyText: {
-        readonly type: StringConstructor;
-        readonly default: "";
-    };
-    readonly fit: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly sortConfig: {
-        readonly type: import("vue").PropType<import("./table").TableSortConfig>;
-    };
-    readonly filterConfig: {
-        readonly type: import("vue").PropType<import("./table").TableFilterConfig>;
-    };
-    readonly pagination: {
-        readonly type: import("vue").PropType<boolean | TablePaginationConfig>;
-        readonly default: false;
-    };
-    readonly selectionConfig: {
-        readonly type: import("vue").PropType<import("./table").TableSelectionConfig>;
-    };
-    readonly expandConfig: {
-        readonly type: import("vue").PropType<import("./table").TableExpandConfig>;
-    };
-    readonly treeConfig: {
-        readonly type: import("vue").PropType<import("./table").TableTreeConfig>;
-    };
-    readonly virtualConfig: {
-        readonly type: import("vue").PropType<import("./table").TableVirtualConfig>;
-    };
-    readonly dragConfig: {
-        readonly type: import("vue").PropType<import("./table").TableDragConfig>;
-    };
-    readonly summaryConfig: {
-        readonly type: import("vue").PropType<import("./table").TableSummaryConfig>;
-    };
-    readonly toolbarConfig: {
-        readonly type: import("vue").PropType<import("./table").TableToolbarConfig>;
-    };
-    readonly emptyConfig: {
-        readonly type: import("vue").PropType<import("./table").TableEmptyConfig>;
-    };
-    readonly loading: {
-        readonly type: import("vue").PropType<boolean | import("./table").TableLoadingConfig>;
-        readonly default: false;
-    };
-    readonly rowConfig: {
-        readonly type: import("vue").PropType<import("./table").TableRowConfig>;
-    };
-    readonly headerConfig: {
-        readonly type: import("vue").PropType<import("./table").TableHeaderConfig>;
-    };
-    readonly contextMenuConfig: {
-        readonly type: import("vue").PropType<import("./table").TableContextMenuConfig>;
-    };
-    readonly tableLayout: {
-        readonly type: import("vue").PropType<"auto" | "fixed">;
-        readonly default: "fixed";
-    };
-    readonly tooltipEffect: {
-        readonly type: import("vue").PropType<"dark" | "light">;
-        readonly default: "dark";
-    };
-    readonly spanMethod: {
-        readonly type: import("vue").PropType<(params: {
-            row: Record<string, unknown>;
-            column: TableColumn;
-            rowIndex: number;
-            columnIndex: number;
-        }) => {
-            rowspan: number;
-            colspan: number;
-        } | [number, number] | void>;
-    };
-    readonly rowClassName: {
-        readonly type: import("vue").PropType<string | ((params: {
-            row: Record<string, unknown>;
-            rowIndex: number;
-        }) => string)>;
-    };
-    readonly rowStyle: {
-        readonly type: import("vue").PropType<CSSProperties | ((params: {
-            row: Record<string, unknown>;
-            rowIndex: number;
-        }) => CSSProperties)>;
-    };
-    readonly cellClassName: {
-        readonly type: import("vue").PropType<string | ((params: {
-            row: Record<string, unknown>;
-            column: TableColumn;
-            rowIndex: number;
-            columnIndex: number;
-        }) => string)>;
-    };
-    readonly cellStyle: {
-        readonly type: import("vue").PropType<CSSProperties | ((params: {
-            row: Record<string, unknown>;
-            column: TableColumn;
-            rowIndex: number;
-            columnIndex: number;
-        }) => CSSProperties)>;
-    };
-    readonly headerRowClassName: {
-        readonly type: import("vue").PropType<string | ((params: {
-            rowIndex: number;
-        }) => string)>;
-    };
-    readonly headerRowStyle: {
-        readonly type: import("vue").PropType<CSSProperties | ((params: {
-            rowIndex: number;
-        }) => CSSProperties)>;
-    };
-    readonly headerCellClassName: {
-        readonly type: import("vue").PropType<string | ((params: {
-            column: TableColumn;
-            columnIndex: number;
-        }) => string)>;
-    };
-    readonly headerCellStyle: {
-        readonly type: import("vue").PropType<CSSProperties | ((params: {
-            column: TableColumn;
-            columnIndex: number;
-        }) => CSSProperties)>;
-    };
-    readonly lazy: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly loadMethod: {
-        readonly type: import("vue").PropType<(row: Record<string, unknown>) => Promise<Record<string, unknown>[]>>;
-    };
-    readonly resizable: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly showIndex: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly indexConfig: {
-        readonly type: import("vue").PropType<{
-            label
-            /**
-             * YhTable - 高性能表格组件
-             * 融合 vxe-table、Element Plus、Naive UI、Ant Design 各家之长
-             * 支持虚拟滚动、树形数据、拖拽、固定列/行、汇总行等高级功能
-             */
-            ?: string;
-            width
-            /**
-             * YhTable - 高性能表格组件
-             * 融合 vxe-table、Element Plus、Naive UI、Ant Design 各家之长
-             * 支持虚拟滚动、树形数据、拖拽、固定列/行、汇总行等高级功能
-             */
-            ?: number | string;
-            fixed
-            /**
-             * YhTable - 高性能表格组件
-             * 融合 vxe-table、Element Plus、Naive UI、Ant Design 各家之长
-             * 支持虚拟滚动、树形数据、拖拽、固定列/行、汇总行等高级功能
-             */
-            ?: import("./table").FixedPosition;
-            method
-            /**
-             * YhTable - 高性能表格组件
-             * 融合 vxe-table、Element Plus、Naive UI、Ant Design 各家之长
-             * 支持虚拟滚动、树形数据、拖拽、固定列/行、汇总行等高级功能
-             */
-            ?: (rowIndex: number) => number | string;
-        }>;
-    };
-    readonly autoHeight: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly keepScroll: {
-        readonly type: BooleanConstructor;
-        readonly default: false;
-    };
-    readonly syncScroll: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly scrollOptimize: {
-        readonly type: BooleanConstructor;
-        readonly default: true;
-    };
-    readonly themeOverrides: {
-        readonly type: import("vue").PropType<import("@yh-ui/theme").ComponentThemeVars>;
-        readonly default: undefined;
-    };
-}>> & Readonly<{
-    onSelect?: ((_selection: Record<string, unknown>[], _row: Record<string, unknown>) => any) | undefined;
-    onScroll?: ((_params: {
-        scrollTop: number;
-        scrollLeft: number;
-        isEnd: boolean;
-    }) => any) | undefined;
-    "onSelect-all"?: ((_selection: Record<string, unknown>[]) => any) | undefined;
-    "onDrag-end"?: ((_params: {
-        type: "row" | "column";
-        oldIndex: number;
-        newIndex: number;
-        data: unknown[];
-    }) => any) | undefined;
-    "onExpand-change"?: ((_row: Record<string, unknown>, _expandedRows: Record<string, unknown>[]) => any) | undefined;
-    "onCurrent-change"?: ((_currentRow: Record<string, unknown> | null, _oldRow: Record<string, unknown> | null) => any) | undefined;
-    "onUpdate:data"?: ((_data: Record<string, unknown>[]) => any) | undefined;
-    "onColumn-resize"?: ((_column: TableColumn<Record<string, unknown>>, _width: number) => any) | undefined;
-    "onSort-change"?: ((_params: {
-        column: TableColumn;
-        prop: string;
-        order: SortOrder;
-    }) => any) | undefined;
-    "onFilter-change"?: ((_filters: Record<string, unknown[]>) => any) | undefined;
-    "onPage-change"?: ((_params: {
-        currentPage: number;
-        pageSize: number;
-    }) => any) | undefined;
-    "onSelection-change"?: ((_selectedRows: Record<string, unknown>[], _selectedRowKeys: (string | number)[]) => any) | undefined;
-    "onRow-click"?: ((_row: Record<string, unknown>, _column: TableColumn<Record<string, unknown>>, _event: MouseEvent) => any) | undefined;
-    "onRow-dblclick"?: ((_row: Record<string, unknown>, _column: TableColumn<Record<string, unknown>>, _event: MouseEvent) => any) | undefined;
-    "onRow-contextmenu"?: ((_row: Record<string, unknown>, _column: TableColumn<Record<string, unknown>>, _event: MouseEvent) => any) | undefined;
-    "onCell-click"?: ((_row: Record<string, unknown>, _column: TableColumn<Record<string, unknown>>, _cell: HTMLElement, _event: MouseEvent) => any) | undefined;
-    "onCell-dblclick"?: ((_row: Record<string, unknown>, _column: TableColumn<Record<string, unknown>>, _cell: HTMLElement, _event: MouseEvent) => any) | undefined;
-    "onHeader-click"?: ((_column: TableColumn<Record<string, unknown>>, _event: MouseEvent) => any) | undefined;
-    "onHeader-contextmenu"?: ((_column: TableColumn<Record<string, unknown>>, _event: MouseEvent) => any) | undefined;
-    "onColumn-visible-change"?: ((_columns: TableColumn<Record<string, unknown>>[]) => any) | undefined;
-    "onUpdate:currentRowKey"?: ((_key: string | number | undefined) => any) | undefined;
-}>, {
-    readonly data: Record<string, unknown>[];
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
     readonly size: import("./table").TableSize;
-    readonly pagination: boolean | TablePaginationConfig;
-    readonly loading: boolean | import("./table").TableLoadingConfig;
-    readonly emptyText: string;
     readonly themeOverrides: import("@yh-ui/theme").ComponentThemeVars;
+    readonly data: Record<string, unknown>[];
+    readonly loading: boolean | import("./table").TableLoadingConfig;
     readonly tableLayout: "fixed" | "auto";
-    readonly border: boolean | "none" | "full" | "inner" | "outer";
+    readonly border: boolean | "none" | "inner" | "full" | "outer";
     readonly columns: TableColumn<Record<string, unknown>>[];
     readonly lazy: boolean;
-    readonly showHeader: boolean;
-    readonly resizable: boolean;
     readonly fit: boolean;
+    readonly resizable: boolean;
+    readonly showHeader: boolean;
+    readonly pagination: boolean | TablePaginationConfig;
+    readonly emptyText: string;
     readonly rowKey: import("./table").RowKey;
     readonly stripe: boolean;
     readonly highlightCurrentRow: boolean;

package/dist/table/src/use-table-export.cjs

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTableExport = useTableExport;
-var XLSX = _interopRequireWildcard(require("xlsx"));
 var _hooks = require("@yh-ui/hooks");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function useTableExport(data, columns) {
   const {
     t
@@ -139,7 +136,14 @@ function useTableExport(data, columns) {
   function escapeHTML(str) {
     return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
   }
-  function toXLSX(config = {}) {
+  async function toXLSX(config = {}) {
+    let XLSX;
+    try {
+      XLSX = await Promise.resolve().then(() => require("xlsx"));
+    } catch (err) {
+      console.error('[YhTable Export] \u65E0\u6CD5\u52A0\u8F7D xlsx\u3002\u5982\u679C\u9700\u8981\u4F7F\u7528\u8868\u683C Excel \u5BFC\u51FA\u529F\u80FD\uFF0C\u8BF7\u5728\u60A8\u7684\u9879\u76EE\u4E2D\u5B89\u88C5 "xlsx" \u4F9D\u8D56\u3002', err);
+      throw new Error('\u672A\u5B89\u88C5 xlsx \u4F9D\u8D56\u3002\u8BF7\u5B89\u88C5 "xlsx" \u4EE5\u4F7F\u7528\u5BFC\u51FA\u529F\u80FD\u3002');
+    }
     const cols = getExportColumns(config);
     const rows = config.data || data.value;
     const sheetName = config.sheetName || "Sheet1";
@@ -237,7 +241,7 @@ function useTableExport(data, columns) {
       if (!ok) return;
     }
     if (type === "xlsx") {
-      const buffer = toXLSX(config);
+      const buffer = await toXLSX(config);
       if (config.mode === "string") {
         const uint8 = new Uint8Array(buffer);
         let binary = "";

package/dist/table/src/use-table-export.d.ts

@@ -50,6 +50,6 @@ export declare function useTableExport(data: Ref<Record<string, unknown>[]>, col
     toTXT: (config?: ExportConfig) => string;
     toXML: (config?: ExportConfig) => string;
     toHTML: (config?: ExportConfig) => string;
-    toXLSX: (config?: ExportConfig) => ArrayBuffer;
+    toXLSX: (config?: ExportConfig) => Promise<ArrayBuffer>;
     getExportColumns: (config?: ExportConfig) => TableColumn[];
 };

package/dist/table/src/use-table-export.mjs

@@ -1,4 +1,3 @@
-import * as XLSX from "xlsx";
 import { useLocale } from "@yh-ui/hooks";
 export function useTableExport(data, columns) {
   const { t } = useLocale();
@@ -138,7 +137,17 @@ export function useTableExport(data, columns) {
   function escapeHTML(str) {
     return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
   }
-  function toXLSX(config = {}) {
+  async function toXLSX(config = {}) {
+    let XLSX;
+    try {
+      XLSX = await import("xlsx");
+    } catch (err) {
+      console.error(
+        '[YhTable Export] \u65E0\u6CD5\u52A0\u8F7D xlsx\u3002\u5982\u679C\u9700\u8981\u4F7F\u7528\u8868\u683C Excel \u5BFC\u51FA\u529F\u80FD\uFF0C\u8BF7\u5728\u60A8\u7684\u9879\u76EE\u4E2D\u5B89\u88C5 "xlsx" \u4F9D\u8D56\u3002',
+        err
+      );
+      throw new Error('\u672A\u5B89\u88C5 xlsx \u4F9D\u8D56\u3002\u8BF7\u5B89\u88C5 "xlsx" \u4EE5\u4F7F\u7528\u5BFC\u51FA\u529F\u80FD\u3002');
+    }
     const cols = getExportColumns(config);
     const rows = config.data || data.value;
     const sheetName = config.sheetName || "Sheet1";
@@ -229,7 +238,7 @@ export function useTableExport(data, columns) {
       if (!ok) return;
     }
     if (type === "xlsx") {
-      const buffer = toXLSX(config);
+      const buffer = await toXLSX(config);
       if (config.mode === "string") {
         const uint8 = new Uint8Array(buffer);
         let binary = "";

package/dist/table/src/use-table-import.cjs

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTableImport = useTableImport;
-var XLSX = _interopRequireWildcard(require("xlsx"));
 var _hooks = require("@yh-ui/hooks");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function useTableImport(data, columns) {
   const {
     t
@@ -180,9 +177,16 @@ function useTableImport(data, columns) {
         break;
     }
   }
-  function parseXLSX(buffer, config = {}) {
+  async function parseXLSX(buffer, config = {}) {
     try {
       const labelMap = buildLabelMap();
+      let XLSX;
+      try {
+        XLSX = await Promise.resolve().then(() => require("xlsx"));
+      } catch (err) {
+        console.error('[YhTable Import] \u65E0\u6CD5\u52A0\u8F7D xlsx\u3002\u5982\u679C\u9700\u8981\u4F7F\u7528\u8868\u683C Excel \u5BFC\u5165\u529F\u80FD\uFF0C\u8BF7\u5728\u60A8\u7684\u9879\u76EE\u4E2D\u5B89\u88C5 "xlsx" \u4F9D\u8D56\u3002', err);
+        throw new Error('\u672A\u5B89\u88C5 xlsx \u4F9D\u8D56\u3002\u8BF7\u5B89\u88C5 "xlsx" \u4EE5\u4F7F\u7528\u5BFC\u5165\u529F\u80FD\u3002');
+      }
       const wb = XLSX.read(buffer, {
         type: "array"
       });
@@ -257,7 +261,7 @@ function useTableImport(data, columns) {
         let rows;
         if (type === "xlsx") {
           const buffer = ev.target?.result;
-          rows = parseXLSX(buffer, config);
+          rows = await parseXLSX(buffer, config);
         } else {
           const text = ev.target?.result;
           rows = parseContent(text, type, config);

package/dist/table/src/use-table-import.d.ts

@@ -43,7 +43,7 @@ export declare function useTableImport(data: Ref<Record<string, unknown>[]>, col
     parseJSON: (text: string, config?: ImportConfig) => Record<string, unknown>[];
     parseXML: (text: string, config?: ImportConfig) => Record<string, unknown>[];
     parseHTML: (text: string, config?: ImportConfig) => Record<string, unknown>[];
-    parseXLSX: (buffer: ArrayBuffer, config?: ImportConfig) => Record<string, unknown>[];
+    parseXLSX: (buffer: ArrayBuffer, config?: ImportConfig) => Promise<Record<string, unknown>[]>;
     parseContent: (text: string, type: ImportType, config?: ImportConfig) => Record<string, unknown>[];
     applyImport: (rows: Record<string, unknown>[], mode?: ImportMode) => void;
 };

package/dist/table/src/use-table-import.mjs

@@ -1,4 +1,3 @@
-import * as XLSX from "xlsx";
 import { useLocale } from "@yh-ui/hooks";
 export function useTableImport(data, columns) {
   const { t } = useLocale();
@@ -163,9 +162,19 @@ export function useTableImport(data, columns) {
         break;
     }
   }
-  function parseXLSX(buffer, config = {}) {
+  async function parseXLSX(buffer, config = {}) {
     try {
       const labelMap = buildLabelMap();
+      let XLSX;
+      try {
+        XLSX = await import("xlsx");
+      } catch (err) {
+        console.error(
+          '[YhTable Import] \u65E0\u6CD5\u52A0\u8F7D xlsx\u3002\u5982\u679C\u9700\u8981\u4F7F\u7528\u8868\u683C Excel \u5BFC\u5165\u529F\u80FD\uFF0C\u8BF7\u5728\u60A8\u7684\u9879\u76EE\u4E2D\u5B89\u88C5 "xlsx" \u4F9D\u8D56\u3002',
+          err
+        );
+        throw new Error('\u672A\u5B89\u88C5 xlsx \u4F9D\u8D56\u3002\u8BF7\u5B89\u88C5 "xlsx" \u4EE5\u4F7F\u7528\u5BFC\u5165\u529F\u80FD\u3002');
+      }
       const wb = XLSX.read(buffer, { type: "array" });
       let sheetName = config.sheetName;
       if (!sheetName) {
@@ -238,7 +247,7 @@ export function useTableImport(data, columns) {
         let rows;
         if (type === "xlsx") {
           const buffer = ev.target?.result;
-          rows = parseXLSX(buffer, config);
+          rows = await parseXLSX(buffer, config);
         } else {
           const text = ev.target?.result;
           rows = parseContent(text, type, config);

package/dist/table/src/use-virtual-scroll.mjs

@@ -22,7 +22,9 @@ export const useVirtualScroll = (options) => {
   const rowHeightCache = shallowRef(/* @__PURE__ */ new Map());
   const MAX_SCROLL_HEIGHT = 15e6;
   const isFixedRowHeight = computed(() => typeof mergedConfig.value.rowHeight !== "function");
-  const fixedHeight = computed(() => isFixedRowHeight.value ? mergedConfig.value.rowHeight : 0);
+  const fixedHeight = computed(
+    () => isFixedRowHeight.value ? mergedConfig.value.rowHeight : 0
+  );
   const getRowHeight = (row, index) => {
     if (isFixedRowHeight.value) return fixedHeight.value;
     const key = rowKey(row);