@smallwei/avue 3.9.2 → 3.9.4

package/es/src/locale/lang/zh-cn.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 var defaultLang = {
     common: {
         submitBtn: '确定',
@@ -250,7 +250,13 @@ var defaultLang = {
             sortable: '排序',
             index: '序号',
             width: '宽度',
-            reset: '重置列设置'
+            reset: '重置列设置',
+            all: '全部',
+            restore: '恢复默认',
+            cancel: '取消',
+            confirm: '确认',
+            fixedLeft: '固定到左侧',
+            fixedRight: '固定到右侧'
         },
         emptyText: '暂无数据',
         tipStartTitle: '已选择',
@@ -268,6 +274,10 @@ var defaultLang = {
         open: '展开',
         shrink: '收起',
         printBtn: '打印',
+        refreshBtn: '刷新',
+        columnBtn: '列设置',
+        filterBtn: '筛选',
+        gridBtn: '卡片视图',
         mockBtn: '模拟',
         excelBtn: '导出',
         updateBtn: '更新',

package/es/src/locale/lang/zh.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 var zhLang = {
     common: {
         submitBtn: '确定',
@@ -250,7 +250,13 @@ var zhLang = {
             sortable: '排序',
             index: '顺序',
             width: '宽度',
-            reset: '重置列设置'
+            reset: '重置列设置',
+            all: '全部',
+            restore: '恢复默认',
+            cancel: '取消',
+            confirm: '确认',
+            fixedLeft: '固定到左侧',
+            fixedRight: '固定到右侧'
         },
         emptyText: '暂无数据',
         tipStartTitle: '当前表格已选择',
@@ -268,6 +274,10 @@ var zhLang = {
         open: '展开',
         shrink: '收缩',
         printBtn: '打印',
+        refreshBtn: '刷新',
+        columnBtn: '列设置',
+        filterBtn: '筛选',
+        gridBtn: '卡片视图',
         mockBtn: '模拟',
         excelBtn: '导出',
         updateBtn: '修改',

package/es/src/plugin/ali/index.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 const getClient = (params) => {
     const client = new OSS(params);
     return client;

package/es/src/plugin/clipboard/index.mjs

@@ -1,64 +1,49 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-function select(element) {
-    let selectedText = '';
-    if (element.nodeName === 'SELECT') {
-        element.focus();
-        selectedText = element.value;
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+const legacyCopy = (text) => {
+    var _a;
+    const activeElement = document.activeElement;
+    const selection = window.getSelection();
+    const ranges = selection ? Array.from({ length: selection.rangeCount }, (_, index) => selection.getRangeAt(index).cloneRange()) : [];
+    const textarea = document.createElement('textarea');
+    const isRTL = document.documentElement.getAttribute('dir') === 'rtl';
+    textarea.value = text;
+    textarea.setAttribute('readonly', '');
+    textarea.setAttribute('aria-hidden', 'true');
+    textarea.style.position = 'fixed';
+    textarea.style.top = '0';
+    textarea.style[isRTL ? 'right' : 'left'] = '-9999px';
+    textarea.style.opacity = '0';
+    document.body.appendChild(textarea);
+    textarea.select();
+    textarea.setSelectionRange(0, textarea.value.length);
+    const copied = document.execCommand('copy');
+    textarea.remove();
+    if (selection) {
+        selection.removeAllRanges();
+        ranges.forEach((range) => selection.addRange(range));
     }
-    else if (element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA') {
-        const input = element;
-        const isReadOnly = input.hasAttribute('readonly');
-        if (!isReadOnly) {
-            input.setAttribute('readonly', '');
-        }
-        input.select();
-        input.setSelectionRange(0, input.value.length);
-        if (!isReadOnly) {
-            input.removeAttribute('readonly');
-        }
-        selectedText = input.value;
-    }
-    else {
-        if (element.hasAttribute('contenteditable')) {
-            element.focus();
-        }
-        const selection = window.getSelection();
-        const range = document.createRange();
-        range.selectNodeContents(element);
-        selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
-        selection === null || selection === void 0 ? void 0 : selection.addRange(range);
-        selectedText = (selection === null || selection === void 0 ? void 0 : selection.toString()) || '';
-    }
-    return selectedText;
-}
-function $Clipboard ({ text }) {
-    return new Promise((resolve, reject) => {
-        const container = document.body;
-        const isRTL = document.documentElement.getAttribute('dir') == 'rtl';
-        const fakeElem = document.createElement('textarea');
-        fakeElem.style.fontSize = '12pt';
-        fakeElem.style.border = '0';
-        fakeElem.style.padding = '0';
-        fakeElem.style.margin = '0';
-        fakeElem.style.position = 'absolute';
-        fakeElem.style[isRTL ? 'right' : 'left'] = '-9999px';
-        const yPosition = window.pageYOffset || document.documentElement.scrollTop;
-        fakeElem.style.top = `${yPosition}px`;
-        fakeElem.setAttribute('readonly', '');
-        fakeElem.value = text;
-        container.appendChild(fakeElem);
-        select(fakeElem);
+    (_a = activeElement === null || activeElement === void 0 ? void 0 : activeElement.focus) === null || _a === void 0 ? void 0 : _a.call(activeElement, { preventScroll: true });
+    if (!copied)
+        throw new Error('浏览器拒绝写入剪切板。');
+};
+async function $Clipboard ({ text, fallback = true }) {
+    if (typeof document === 'undefined')
+        throw new Error('当前环境不支持剪切板。');
+    const value = text === null || text === undefined ? '' : String(text);
+    const clipboard = navigator.clipboard;
+    if (clipboard && typeof clipboard.writeText === 'function' && window.isSecureContext) {
         try {
-            document.execCommand('copy');
-            resolve();
+            await clipboard.writeText(value);
+            return;
         }
-        catch (err) {
-            reject(err);
+        catch (error) {
+            if (!fallback)
+                throw error;
         }
-        finally {
-            container.removeChild(fakeElem);
-        }
-    });
+    }
+    if (!fallback)
+        throw new Error('当前浏览器不支持剪切板写入。');
+    legacyCopy(value);
 }
 
 export { $Clipboard as default };

package/es/src/plugin/export/_blob.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 // @ts-nocheck
 /* eslint-disable */
 /* Blob.js

package/es/src/plugin/export/_export2Excel.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import './_blob.mjs';
 
 // @ts-nocheck

package/es/src/plugin/export/index.mjs

@@ -1,10 +1,58 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import { isJson, downFile, validData } from '../../utils/util.mjs';
 import packages from '../../core/packages.mjs';
 import dayjs from '../../../_virtual/dayjs.min.mjs';
 
 /* eslint-disable */
 const getXLSX = () => (typeof window === 'undefined' ? undefined : window.XLSX);
+const EXCEL_COLORS = {
+    header: 'FFE2F0D9',
+    headerText: 'FF245B36',
+    headerBorder: 'FFB7D7A8',
+    border: 'FFE5E7EB',
+    stripe: 'FFF4FAF0',
+    text: 'FF1F2937'
+};
+const getTextWidth = (value) => {
+    return Array.from(String(validData(value, ''))).reduce((width, char) => width + (char.charCodeAt(0) > 255 ? 2 : 1), 0);
+};
+const getColumnWidths = (data, columnCount) => {
+    return Array.from({ length: columnCount }, (_, columnIndex) => {
+        const width = data.reduce((maxWidth, row) => {
+            return Math.max(maxWidth, getTextWidth(row[columnIndex]));
+        }, 10);
+        return { wch: Math.min(Math.max(width + 2, 12), 36) };
+    });
+};
+const createBorder = (color) => ({
+    top: { style: 'thin', color: { rgb: color } },
+    left: { style: 'thin', color: { rgb: color } },
+    bottom: { style: 'thin', color: { rgb: color } },
+    right: { style: 'thin', color: { rgb: color } }
+});
+const createCellStyle = (isHeader, isStripe, value) => {
+    if (isHeader) {
+        return {
+            font: { name: 'Microsoft YaHei', sz: 11, color: { rgb: EXCEL_COLORS.headerText }, bold: true },
+            fill: { patternType: 'solid', fgColor: { rgb: EXCEL_COLORS.header } },
+            border: createBorder(EXCEL_COLORS.headerBorder),
+            alignment: { wrapText: true, horizontal: 'center', vertical: 'center' }
+        };
+    }
+    const style = {
+        font: { name: 'Microsoft YaHei', sz: 10, color: { rgb: EXCEL_COLORS.text } },
+        border: createBorder(EXCEL_COLORS.border),
+        alignment: {
+            wrapText: true,
+            horizontal: typeof value === 'number' ? 'right' : 'left',
+            vertical: 'center'
+        }
+    };
+    if (isStripe) {
+        style.fill = { patternType: 'solid', fgColor: { rgb: EXCEL_COLORS.stripe } };
+    }
+    return style;
+};
 var $Export = {
     buildHeader(revealList) {
         const excelHeader = [];
@@ -108,31 +156,11 @@ var $Export = {
                 if (range.e.c < C) {
                     range.e.c = C;
                 }
+                const value = validData(data[R][C], '');
                 const cell = {
-                    v: validData(data[R][C], ''),
-                    s: {
-                        font: { name: '宋体', sz: 11, color: { auto: 1, rgb: '000000' }, bold: true },
-                        alignment: {
-                            wrapText: 1,
-                            horizontal: 'center',
-                            vertical: 'center',
-                            indent: 0
-                        }
-                    }
+                    v: value,
+                    s: createCellStyle(R < headerRows, R >= headerRows && (R - headerRows) % 2 === 1, value)
                 };
-                if (R < headerRows) {
-                    cell.s.border = {
-                        top: { style: 'thin', color: { rgb: 'EBEEF5' } },
-                        left: { style: 'thin', color: { rgb: 'EBEEF5' } },
-                        bottom: { style: 'thin', color: { rgb: 'EBEEF5' } },
-                        right: { style: 'thin', color: { rgb: 'EBEEF5' } }
-                    };
-                    cell.s.fill = {
-                        patternType: 'solid',
-                        fgColor: { theme: 3, tint: 0.3999755851924192, rgb: 'F5F7FA' },
-                        bgColor: { theme: 7, tint: 0.3999755851924192, rgb: 'F5F7FA' }
-                    };
-                }
                 const cell_ref = xlsx.utils.encode_cell({ c: C, r: R });
                 if (typeof cell.v === 'number') {
                     cell.t = 'n';
@@ -159,17 +187,21 @@ var $Export = {
         }
         return buf;
     },
-    excel(params) {
+    excel(params = {}) {
         const xlsx = getXLSX();
         if (!xlsx) {
             packages.logs('xlsx');
-            return;
+            return Promise.reject(new Error('未检测到 xlsx，请先引入 xlsx。'));
         }
-        return new Promise((resolve) => {
+        try {
+            const columns = Array.isArray(params.columns) ? params.columns : [];
+            const rows = Array.isArray(params.data) ? params.data : [];
+            if (!columns.length)
+                throw new Error('导出 Excel 至少需要一列配置。');
             const _params = {
                 prop: []
             };
-            _params.header = this.buildHeader(params.columns);
+            _params.header = this.buildHeader(columns);
             _params.title = params.title || dayjs().format('YYYY-MM-DD HH:mm:ss');
             const callback = (list) => {
                 list.forEach((ele) => {
@@ -181,15 +213,17 @@ var $Export = {
                     }
                 });
             };
-            callback(params.columns);
-            _params.data = params.data.map((row) => _params.prop.map((prop) => {
-                let data = row[prop];
+            callback(columns);
+            if (!_params.prop.length)
+                throw new Error('导出 Excel 未找到有效字段。');
+            _params.data = rows.map((row) => _params.prop.map((prop) => {
+                let data = row ? row[prop] : '';
                 if (isJson(data))
                     data = JSON.stringify(data);
                 return data;
             }));
             const headerRows = _params.header.length;
-            _params.header.push(..._params.data, []);
+            _params.header.push(..._params.data);
             const merges = this.doMerges(_params.header);
             const ws = this.aoa_to_sheet(_params.header, headerRows, xlsx);
             ws['!merges'] = merges;
@@ -200,49 +234,57 @@ var $Export = {
                 activePane: 'bottomRight',
                 state: 'frozen'
             };
-            ws['!cols'] = [{ wpx: 165 }];
+            ws['!cols'] = getColumnWidths(_params.header, _params.prop.length);
+            ws['!rows'] = _params.header.map((_row, index) => ({
+                hpt: index < headerRows ? 26 : 20
+            }));
+            if (_params.data.length > 0 && _params.prop.length > 0) {
+                ws['!autofilter'] = {
+                    ref: `A${headerRows}:${xlsx.utils.encode_col(_params.prop.length - 1)}${headerRows + _params.data.length}`
+                };
+            }
             const workbook = {
-                SheetNames: ['Sheet1'],
-                Sheets: {}
+                SheetNames: [params.sheetName || 'Sheet1'],
+                Sheets: {},
+                Props: {
+                    Title: _params.title,
+                    CreatedDate: new Date()
+                }
             };
-            workbook.Sheets.Sheet1 = ws;
+            workbook.Sheets[workbook.SheetNames[0]] = ws;
             const wopts = {
                 bookType: 'xlsx',
                 bookSST: false,
-                type: 'binary',
+                type: 'array',
                 cellStyles: true
             };
             const wbout = xlsx.write(workbook, wopts);
-            const blob = new Blob([this.s2ab(wbout)], { type: 'application/octet-stream' });
-            downFile(blob, _params.title + '.xlsx');
-            resolve();
-        });
+            const blob = new Blob([wbout], {
+                type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+            });
+            const filename = String(params.filename || _params.title).replace(/[\\/:*?"<>|]/g, '-') + '.xlsx';
+            downFile(blob, filename);
+            return Promise.resolve({ filename, sheetName: workbook.SheetNames[0], rows: _params.data.length });
+        }
+        catch (error) {
+            return Promise.reject(error instanceof Error ? error : new Error(String(error || 'Excel 导出失败。')));
+        }
     },
-    xlsx(file) {
-        if (typeof window === 'undefined' || !window.saveAs || !window.XLSX) {
-            packages.logs('file-saver');
+    xlsx(file, options = {}) {
+        if (typeof window === 'undefined' || !window.XLSX) {
             packages.logs('xlsx');
-            return;
+            return Promise.reject(new Error('未检测到 xlsx，请先引入 xlsx。'));
         }
+        if (!(file instanceof File))
+            return Promise.reject(new TypeError('请传入有效的 Excel 文件。'));
         const xlsx = window.XLSX;
-        return new Promise((resolve) => {
+        return new Promise((resolve, reject) => {
             const reader = new FileReader();
-            const fixdata = (data) => {
-                let o = '';
-                let l = 0;
-                const w = 10240;
-                for (; l < data.byteLength / w; ++l) {
-                    o += String.fromCharCode.apply(null, Array.from(new Uint8Array(data.slice(l * w, l * w + w))));
-                }
-                o += String.fromCharCode.apply(null, Array.from(new Uint8Array(data.slice(l * w))));
-                return o;
-            };
-            const getHeaderRow = (sheet) => {
+            const getHeaderRow = (sheet, rowIndex) => {
                 const headers = [];
                 const range = xlsx.utils.decode_range(sheet['!ref']);
-                const R = range.s.r;
                 for (let C = range.s.c; C <= range.e.c; ++C) {
-                    const cell = sheet[xlsx.utils.encode_cell({ c: C, r: R })];
+                    const cell = sheet[xlsx.utils.encode_cell({ c: C, r: rowIndex })];
                     let hdr = 'UNKNOWN ' + C;
                     if (cell && cell.t)
                         hdr = xlsx.utils.format_cell(cell);
@@ -251,15 +293,28 @@ var $Export = {
                 return headers;
             };
             reader.onload = (e) => {
-                const data = e.target.result;
-                const fixedData = fixdata(data);
-                const workbook = xlsx.read(btoa(fixedData), { type: 'base64' });
-                const firstSheetName = workbook.SheetNames[0];
-                const worksheet = workbook.Sheets[firstSheetName];
-                const header = getHeaderRow(worksheet);
-                const results = xlsx.utils.sheet_to_json(worksheet);
-                resolve({ header, results });
+                try {
+                    const data = e.target.result;
+                    const workbook = xlsx.read(data, { type: 'array', cellDates: true });
+                    const sheetName = options.sheetName || workbook.SheetNames[Number(options.sheetIndex) || 0];
+                    const worksheet = workbook.Sheets[sheetName];
+                    if (!worksheet || !worksheet['!ref'])
+                        throw new Error('未找到可读取的工作表。');
+                    const headerRow = Math.max(0, Number(options.headerRow) || 0);
+                    const header = getHeaderRow(worksheet, headerRow);
+                    const results = xlsx.utils.sheet_to_json(worksheet, {
+                        range: headerRow,
+                        raw: options.raw === true,
+                        defval: options.defval === undefined ? '' : options.defval
+                    });
+                    resolve({ header, results, sheetName });
+                }
+                catch (error) {
+                    reject(error instanceof Error ? error : new Error(String(error || 'Excel 解析失败。')));
+                }
             };
+            reader.onerror = () => reject(new Error('Excel 文件读取失败。'));
+            reader.onabort = () => reject(new Error('Excel 文件读取已取消。'));
             reader.readAsArrayBuffer(file);
         });
     }

package/es/src/plugin/logs/index.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 const log = {};
 function typeColor(type = 'default') {
     let color = '';