@smallwei/avue 3.9.2 → 3.9.4

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

@@ -1,118 +1,74 @@
-/*! 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 WaterMark from './watermark.mjs';
 import { dataURLtoFile } from '../../utils/util.mjs';
 
-let canvas;
-let ctx;
-const configDefault = {
-    width: 200,
-    height: 200,
-};
-const config = {
+const detailDefault = {
     text: 'avueJS',
-    fontFamily: 'microsoft yahei',
-    color: '#999',
+    fontFamily: 'Microsoft YaHei, sans-serif',
+    color: '#999999',
     fontSize: 16,
     opacity: 100,
     bottom: 10,
     right: 10,
-    ratio: 1,
+    ratio: 0.92,
+    scaleWithImage: true
 };
 function $Watermark (opt = {}) {
     return new WaterMark(opt);
 }
-function detailImg(file, option = {}) {
-    return new Promise((resolve) => {
-        const { text, fontFamily, color, fontSize, opacity, bottom, right, ratio } = option;
-        initParams();
-        fileToBase64(file, initImg);
-        function initParams() {
-            config.text = text || config.text;
-            config.fontFamily = fontFamily || config.fontFamily;
-            config.color = color || config.color;
-            config.fontSize = fontSize || config.fontSize;
-            config.opacity = opacity || config.opacity;
-            config.bottom = bottom || config.bottom;
-            config.right = right || config.right;
-            config.ratio = ratio || config.ratio;
-        }
-        function initImg(data) {
-            const img = new Image();
-            img.src = data;
-            img.onload = function () {
-                const width = img.width;
-                const height = img.height;
-                cretedCanvas(width, height);
-                ctx === null || ctx === void 0 ? void 0 : ctx.drawImage(img, 0, 0, width, height);
-                setText(width, height);
-                const currentCanvas = document.getElementById('canvas');
-                resolve(dataURLtoFile(currentCanvas.toDataURL(file.type, config.ratio), file.name));
-            };
-        }
-        function cretedCanvas(width, height) {
-            canvas = document.getElementById('canvas');
-            if (canvas === null) {
-                canvas = document.createElement('canvas');
-                canvas.id = 'canvas';
-                canvas.className = 'avue-canvas';
-                document.body.appendChild(canvas);
-            }
-            ctx = canvas.getContext('2d');
-            canvas.width = width;
-            canvas.height = height;
-        }
-        function setText(width, height) {
-            const txt = config.text;
-            const param = calcParam(txt, width, height);
-            if (!ctx)
-                return;
-            ctx.font = param.fontSize + 'px ' + config.fontFamily;
-            ctx.fillStyle = config.color;
-            ctx.globalAlpha = config.opacity / 100;
-            ctx.fillText(txt, param.x, param.y);
-        }
-        function calcParam(txt, width, height) {
-            let x;
-            let y;
-            const calcFontSize = config.fontSize / configDefault.width;
-            const fontSize = calcFontSize * width;
-            if (config.bottom) {
-                y = configDefault.height - config.bottom;
-            }
-            else {
-                y = config.top;
-            }
-            if (config.right) {
-                x = configDefault.width - config.right;
-            }
-            else {
-                x = config.left;
-            }
-            if (!ctx) {
-                return { x: 0, y: 0, fontSize };
-            }
-            ctx.font = config.fontSize + 'px ' + config.fontFamily;
-            const txtWidth = Number(ctx.measureText(txt).width);
-            x = x - txtWidth;
-            const calcPosX = x / configDefault.width;
-            const calcPosY = y / configDefault.height;
-            x = calcPosX * width;
-            y = calcPosY * height;
-            return {
-                x,
-                y,
-                fontSize,
-            };
-        }
-        function fileToBase64(rawFile, callback) {
-            const reader = new FileReader();
-            reader.readAsDataURL(rawFile);
-            reader.onload = function (e) {
-                var _a;
-                callback((_a = e.target) === null || _a === void 0 ? void 0 : _a.result);
-            };
-        }
+const loadFileImage = (file) => {
+    return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onerror = () => reject(new Error('图片读取失败。'));
+        reader.onload = () => {
+            const image = new Image();
+            image.onerror = () => reject(new Error('图片解析失败。'));
+            image.onload = () => resolve(image);
+            image.src = String(reader.result || '');
+        };
+        reader.readAsDataURL(file);
     });
+};
+/**
+ * 为图片生成水印文件。每次调用使用独立 Canvas，避免并发任务互相覆盖。
+ */
+async function detailImg(file, option = {}) {
+    if (typeof File === 'undefined' || !(file instanceof File))
+        throw new TypeError('请传入有效的图片文件。');
+    if (!file.type.startsWith('image/'))
+        throw new TypeError('仅支持图片文件添加水印。');
+    const config = { ...detailDefault, ...option };
+    const image = await loadFileImage(file);
+    const canvas = document.createElement('canvas');
+    canvas.width = image.naturalWidth || image.width;
+    canvas.height = image.naturalHeight || image.height;
+    const context = canvas.getContext('2d');
+    if (!context)
+        throw new Error('当前浏览器不支持 Canvas。');
+    context.drawImage(image, 0, 0, canvas.width, canvas.height);
+    const scale = config.scaleWithImage ? canvas.width / 200 : 1;
+    const fontSize = Math.max(1, Number(config.fontSize) * scale);
+    const ratio = Math.min(1, Math.max(0, Number(config.ratio) || detailDefault.ratio));
+    const opacity = Math.min(1, Math.max(0, Number(config.opacity) / 100));
+    context.save();
+    context.font = `${fontSize}px ${config.fontFamily}`;
+    context.fillStyle = config.color;
+    context.globalAlpha = opacity;
+    context.textBaseline = 'alphabetic';
+    const text = String(config.text || '');
+    const textWidth = context.measureText(text).width;
+    const hasLeft = option.left !== undefined && option.left !== null;
+    const hasTop = option.top !== undefined && option.top !== null;
+    const x = hasLeft
+        ? Number(option.left) * scale
+        : canvas.width - Number(config.right) * scale - textWidth;
+    const y = hasTop
+        ? Number(option.top) * scale + fontSize
+        : canvas.height - Number(config.bottom) * scale;
+    context.fillText(text, x, y);
+    context.restore();
+    const type = file.type === 'image/png' ? 'image/png' : 'image/jpeg';
+    return dataURLtoFile(canvas.toDataURL(type, ratio), file.name);
 }
 
 export { $Watermark as default, detailImg };

package/es/src/plugin/watermark/watermark.mjs

@@ -1,111 +1,154 @@
-/*! 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 { randomId } from '../../utils/util.mjs';
 
+const defaultOption = {
+    width: 400,
+    height: 200,
+    text: 'avueJS',
+    fontSize: '30px',
+    fontStyle: 'Microsoft YaHei, sans-serif',
+    textAlign: 'center',
+    color: 'rgba(100,100,100,0.15)',
+    degree: -20,
+    zIndex: 9999,
+    id: ''
+};
 class WaterMark {
     constructor(opt = {}) {
-        this.CONTAINERID = randomId();
-        this.drawCanvas = this.drawCanvas.bind(this);
-        this.parentObserver = this.parentObserver.bind(this);
-        this.Repaint = this.Repaint.bind(this);
         this.styleStr = '';
         this.isOberserve = false;
-        this.init(opt);
-        this.drawCanvas();
-        this.parentObserver();
+        this.container = null;
+        this.parent = null;
+        this.overlayObserver = null;
+        this.parentObserver = null;
+        this.parentOriginalPosition = null;
+        this.removed = false;
+        this.CONTAINERID = `avue-watermark-${randomId()}`;
+        this.option = { ...defaultOption, ...opt };
+        if (typeof document !== 'undefined')
+            this.drawCanvas();
     }
-    init(opt) {
-        this.option = Object.assign({
-            width: 400,
-            height: 200,
-            text: 'avueJS',
-            fontSize: '30px',
-            fontStyle: 'microsoft yahei',
-            textAlign: 'center',
-            color: 'rgba(100,100,100,0.15)',
-            degree: -20,
-        }, opt);
+    getParent() {
+        const target = this.option.id;
+        if (!target)
+            return document.body;
+        if (target instanceof HTMLElement)
+            return target;
+        return document.getElementById(String(target)) || document.body;
     }
-    drawCanvas() {
-        this.isOberserve = true;
-        const divContainer = document.createElement('div');
+    getBackgroundUrl() {
         const canvas = document.createElement('canvas');
+        canvas.width = Math.max(1, Number(this.option.width) || defaultOption.width);
+        canvas.height = Math.max(1, Number(this.option.height) || defaultOption.height);
         const context = canvas.getContext('2d');
-        divContainer.id = this.CONTAINERID;
-        canvas.width = this.option.width;
-        canvas.height = this.option.height;
         if (!context)
-            return;
+            return '';
         context.font = `${this.option.fontSize} ${this.option.fontStyle}`;
         context.textAlign = this.option.textAlign;
+        context.textBaseline = 'middle';
         context.fillStyle = this.option.color;
         context.translate(canvas.width / 2, canvas.height / 2);
-        context.rotate((this.option.degree * Math.PI) / 180);
-        context.fillText(this.option.text, 0, 0);
-        const backgroundUrl = canvas.toDataURL('image/png');
-        const flag = this.option.id;
-        let el = null;
-        if (flag)
-            el = document.getElementById(flag);
-        this.styleStr = `
-      position:${flag ? 'absolute' : 'fixed'};
-      top:0;
-      left:0;
-      width:${flag && el ? el.offsetWidth + 'px' : '100%'};
-      height:${flag && el ? el.offsetHeight + 'px' : '100%'};
-      z-index:9999;
-      pointer-events:none;
-      background-repeat:repeat;
-      background-image:url('${backgroundUrl}')`;
-        divContainer.setAttribute('style', this.styleStr);
-        if (flag && el) {
-            el.appendChild(divContainer);
-        }
-        else {
-            document.body.appendChild(divContainer);
+        context.rotate((Number(this.option.degree) * Math.PI) / 180);
+        context.fillText(String(this.option.text || ''), 0, 0);
+        return canvas.toDataURL('image/png');
+    }
+    getStyle(parent, backgroundUrl) {
+        const local = Boolean(this.option.id) && parent !== document.body;
+        return [
+            `position:${local ? 'absolute' : 'fixed'}`,
+            'inset:0',
+            'display:block',
+            'overflow:hidden',
+            `z-index:${Number(this.option.zIndex) || defaultOption.zIndex}`,
+            'pointer-events:none',
+            'user-select:none',
+            `background-repeat:repeat`,
+            `background-size:${Math.max(1, Number(this.option.width) || defaultOption.width)}px ${Math.max(1, Number(this.option.height) || defaultOption.height)}px`,
+            `background-image:url("${backgroundUrl}")`
+        ].join(';');
+    }
+    prepareParent(parent) {
+        if (!this.option.id || parent === document.body || typeof window === 'undefined')
+            return;
+        if (window.getComputedStyle(parent).position === 'static') {
+            this.parentOriginalPosition = parent.style.position;
+            parent.style.position = 'relative';
         }
-        this.wmObserver(divContainer);
-        this.isOberserve = false;
     }
-    wmObserver(divContainer) {
-        const wmConf = { attributes: true, childList: true, characterData: true };
-        const wmObserver = new MutationObserver((mo) => {
-            if (!this.isOberserve) {
-                const target = mo[0].target;
-                target.setAttribute('style', this.styleStr);
-                target.setAttribute('id', this.CONTAINERID);
-                wmObserver.takeRecords();
+    observe() {
+        this.disconnectObservers();
+        if (!this.container || !this.parent || typeof MutationObserver === 'undefined')
+            return;
+        this.overlayObserver = new MutationObserver(() => {
+            if (this.isOberserve || !this.container)
+                return;
+            this.isOberserve = true;
+            if (this.container.id !== this.CONTAINERID)
+                this.container.id = this.CONTAINERID;
+            if (this.container.getAttribute('style') !== this.styleStr) {
+                this.container.setAttribute('style', this.styleStr);
             }
+            this.isOberserve = false;
         });
-        wmObserver.observe(divContainer, wmConf);
-    }
-    parentObserver() {
-        var _a;
-        const bodyObserver = new MutationObserver(() => {
-            if (!this.isOberserve) {
-                const wm = document.querySelector(`#${this.CONTAINERID}`);
-                if (!wm) {
-                    this.drawCanvas();
-                }
-                else if (wm.getAttribute('style') !== this.styleStr) {
-                    wm.setAttribute('style', this.styleStr);
-                }
-            }
+        this.overlayObserver.observe(this.container, { attributes: true, attributeFilter: ['id', 'style'] });
+        this.parentObserver = new MutationObserver(() => {
+            var _a;
+            if (!this.isOberserve && this.container && !((_a = this.parent) === null || _a === void 0 ? void 0 : _a.contains(this.container)))
+                this.drawCanvas();
         });
-        const parentNode = (_a = document.querySelector(`#${this.CONTAINERID}`)) === null || _a === void 0 ? void 0 : _a.parentNode;
-        if (parentNode) {
-            bodyObserver.observe(parentNode, { childList: true });
+        this.parentObserver.observe(this.parent, { childList: true });
+    }
+    disconnectObservers() {
+        var _a, _b;
+        (_a = this.overlayObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+        (_b = this.parentObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+        this.overlayObserver = null;
+        this.parentObserver = null;
+    }
+    restoreParentPosition() {
+        if (this.parent && this.parentOriginalPosition !== null && this.parent.style.position === 'relative') {
+            this.parent.style.position = this.parentOriginalPosition;
         }
+        this.parentOriginalPosition = null;
+    }
+    drawCanvas() {
+        var _a;
+        if (typeof document === 'undefined')
+            return;
+        this.removed = false;
+        this.isOberserve = true;
+        this.disconnectObservers();
+        (_a = this.container) === null || _a === void 0 ? void 0 : _a.remove();
+        this.restoreParentPosition();
+        const parent = this.getParent();
+        this.prepareParent(parent);
+        const container = document.createElement('div');
+        container.id = this.CONTAINERID;
+        container.className = 'avue-watermark';
+        container.setAttribute('aria-hidden', 'true');
+        this.styleStr = this.getStyle(parent, this.getBackgroundUrl());
+        container.setAttribute('style', this.styleStr);
+        parent.appendChild(container);
+        this.container = container;
+        this.parent = parent;
+        this.isOberserve = false;
+        this.observe();
     }
     Repaint(opt = {}) {
-        this.remove();
-        this.init(opt);
+        this.option = { ...this.option, ...opt };
         this.drawCanvas();
+        return this;
     }
     remove() {
         var _a;
+        this.removed = true;
         this.isOberserve = true;
-        const wm = document.querySelector(`#${this.CONTAINERID}`);
-        (_a = wm === null || wm === void 0 ? void 0 : wm.parentNode) === null || _a === void 0 ? void 0 : _a.removeChild(wm);
+        this.disconnectObservers();
+        (_a = this.container) === null || _a === void 0 ? void 0 : _a.remove();
+        this.restoreParentPosition();
+        this.container = null;
+        this.parent = null;
+        this.isOberserve = false;
     }
 }
 

package/es/src/ui/data/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. */
 import '../../../packages/data/tabs/index.mjs';
 import '../../../packages/data/cardText/index.mjs';
 import '../../../packages/data/box/index.mjs';

package/es/src/ui/element-plus/index.mjs

@@ -1,8 +1,7 @@
-/*! 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 '../../../packages/element-plus/count-up/index.mjs';
 import '../../../packages/element-plus/article/index.mjs';
 import '../../../packages/element-plus/crud/index.mjs';
-import '../../../packages/element-plus/card/index.mjs';
 import '../../../packages/element-plus/chat/index.mjs';
 import '../../../packages/element-plus/comment/index.mjs';
 import '../../../packages/element-plus/form/index.mjs';
@@ -25,8 +24,9 @@ import '../../../packages/element-plus/input-icon/index.mjs';
 import '../../../packages/element-plus/input-tag/index.mjs';
 import '../../../packages/element-plus/input-table/index.mjs';
 import '../../../packages/element-plus/input-cron/index.mjs';
+import '../../../packages/element-plus/input-otp/index.mjs';
 import '../../../packages/element-plus/mention/index.mjs';
-import '../../../packages/element-plus/verify/index.mjs';
+import '../../../packages/element-plus/captcha/index.mjs';
 import '../../../packages/element-plus/switch/index.mjs';
 import '../../../packages/element-plus/rate/index.mjs';
 import '../../../packages/element-plus/upload/index.mjs';
@@ -41,92 +41,104 @@ import '../../../packages/element-plus/video/index.mjs';
 import '../../../packages/element-plus/login/index.mjs';
 import '../../../packages/element-plus/array/index.mjs';
 import '../../../packages/element-plus/text-ellipsis/index.mjs';
-import script from '../../../packages/element-plus/login/index2.mjs';
-import script$1 from '../../../packages/element-plus/sign/index2.mjs';
-import script$2 from '../../../packages/element-plus/text-ellipsis/index2.mjs';
-import script$3 from '../../../packages/element-plus/verify/index2.mjs';
-import script$4 from '../../../packages/element-plus/video/index2.mjs';
-import script$5 from '../../../packages/element-plus/dynamic/index2.mjs';
-import script$6 from '../../../packages/element-plus/tabs/index2.mjs';
-import script$7 from '../../../packages/element-plus/search/index2.mjs';
-import script$8 from '../../../packages/element-plus/title/index2.mjs';
-import script$9 from '../../../packages/element-plus/tree/index2.mjs';
-import script$a from '../../../packages/element-plus/slider/index2.mjs';
-import script$b from '../../../packages/element-plus/upload/index2.mjs';
-import script$c from '../../../packages/element-plus/rate/index2.mjs';
-import script$d from '../../../packages/element-plus/switch/index2.mjs';
-import script$e from '../../../packages/element-plus/mention/index2.mjs';
-import script$f from '../../../packages/element-plus/input-cron/index2.mjs';
-import script$g from '../../../packages/element-plus/input-table/index2.mjs';
-import script$h from '../../../packages/element-plus/input-tag/index2.mjs';
-import script$i from '../../../packages/element-plus/input-map/index2.mjs';
-import script$j from '../../../packages/element-plus/input-icon/index2.mjs';
-import script$k from '../../../packages/element-plus/input-tree/index2.mjs';
-import script$l from '../../../packages/element-plus/input-number/index2.mjs';
-import script$m from '../../../packages/element-plus/input-color/index2.mjs';
-import script$n from '../../../packages/element-plus/cascader/index2.mjs';
-import script$o from '../../../packages/element-plus/select/index2.mjs';
-import script$p from '../../../packages/element-plus/radio/index2.mjs';
-import script$q from '../../../packages/element-plus/input/index2.mjs';
-import script$r from '../../../packages/element-plus/time/index2.mjs';
-import script$s from '../../../packages/element-plus/license/index2.mjs';
-import script$t from '../../../packages/element-plus/group/index2.mjs';
-import script$u from '../../../packages/element-plus/flow/index2.mjs';
-import script$v from '../../../packages/element-plus/draggable/index2.mjs';
-import script$w from '../../../packages/element-plus/count-up/index2.mjs';
-import script$x from '../../../packages/element-plus/date/index2.mjs';
-import script$y from '../../../packages/element-plus/checkbox/index2.mjs';
-import script$z from '../../../packages/element-plus/form/index2.mjs';
-import script$A from '../../../packages/element-plus/comment/index2.mjs';
-import script$B from '../../../packages/element-plus/chat/index2.mjs';
-import script$C from '../../../packages/element-plus/card/index2.mjs';
-import script$D from '../../../packages/element-plus/crud/index2.mjs';
-import script$E from '../../../packages/element-plus/article/index2.mjs';
-import script$F from '../../../packages/element-plus/array/index2.mjs';
+import '../../../packages/element-plus/qrcode/index.mjs';
+import '../../../packages/element-plus/iframe/index.mjs';
+import '../../../packages/element-plus/filter-builder/index.mjs';
+import '../../../packages/element-plus/file-manager/index.mjs';
+import script from '../../../packages/element-plus/file-manager/index2.mjs';
+import script$1 from '../../../packages/element-plus/filter-builder/index2.mjs';
+import script$2 from '../../../packages/element-plus/iframe/index2.mjs';
+import script$3 from '../../../packages/element-plus/qrcode/index2.mjs';
+import script$4 from '../../../packages/element-plus/login/index2.mjs';
+import script$5 from '../../../packages/element-plus/sign/index2.mjs';
+import script$6 from '../../../packages/element-plus/text-ellipsis/index2.mjs';
+import script$7 from '../../../packages/element-plus/captcha/index2.mjs';
+import script$8 from '../../../packages/element-plus/video/index2.mjs';
+import script$9 from '../../../packages/element-plus/dynamic/index2.mjs';
+import script$a from '../../../packages/element-plus/tabs/index2.mjs';
+import script$b from '../../../packages/element-plus/search/index2.mjs';
+import script$c from '../../../packages/element-plus/title/index2.mjs';
+import script$d from '../../../packages/element-plus/tree/index2.mjs';
+import script$e from '../../../packages/element-plus/slider/index2.mjs';
+import script$f from '../../../packages/element-plus/upload/index2.mjs';
+import script$g from '../../../packages/element-plus/rate/index2.mjs';
+import script$h from '../../../packages/element-plus/switch/index2.mjs';
+import script$i from '../../../packages/element-plus/mention/index2.mjs';
+import script$j from '../../../packages/element-plus/input-otp/index2.mjs';
+import script$k from '../../../packages/element-plus/input-cron/index2.mjs';
+import script$l from '../../../packages/element-plus/input-table/index2.mjs';
+import script$m from '../../../packages/element-plus/input-tag/index2.mjs';
+import script$n from '../../../packages/element-plus/input-map/index2.mjs';
+import script$o from '../../../packages/element-plus/input-icon/index2.mjs';
+import script$p from '../../../packages/element-plus/input-tree/index2.mjs';
+import script$q from '../../../packages/element-plus/input-number/index2.mjs';
+import script$r from '../../../packages/element-plus/input-color/index2.mjs';
+import script$s from '../../../packages/element-plus/cascader/index2.mjs';
+import script$t from '../../../packages/element-plus/select/index2.mjs';
+import script$u from '../../../packages/element-plus/radio/index2.mjs';
+import script$v from '../../../packages/element-plus/input/index2.mjs';
+import script$w from '../../../packages/element-plus/time/index2.mjs';
+import script$x from '../../../packages/element-plus/license/index2.mjs';
+import script$y from '../../../packages/element-plus/group/index2.mjs';
+import script$z from '../../../packages/element-plus/flow/index2.mjs';
+import script$A from '../../../packages/element-plus/draggable/index2.mjs';
+import script$B from '../../../packages/element-plus/count-up/index2.mjs';
+import script$C from '../../../packages/element-plus/date/index2.mjs';
+import script$D from '../../../packages/element-plus/checkbox/index2.mjs';
+import script$E from '../../../packages/element-plus/form/index2.mjs';
+import script$F from '../../../packages/element-plus/comment/index2.mjs';
+import script$G from '../../../packages/element-plus/chat/index2.mjs';
+import script$H from '../../../packages/element-plus/crud/index2.mjs';
+import script$I from '../../../packages/element-plus/article/index2.mjs';
+import script$J from '../../../packages/element-plus/array/index2.mjs';
 
 const elementComponents = {
-    Arrays: script$F,
-    Article: script$E,
-    Crud: script$D,
-    Card: script$C,
-    Chat: script$B,
-    Comment: script$A,
-    Form: script$z,
-    Checkbox: script$y,
-    Date: script$x,
-    CountUp: script$w,
-    Draggable: script$v,
-    Flow: script$u,
-    Group: script$t,
-    License: script$s,
-    Time: script$r,
-    Input: script$q,
-    Radio: script$p,
-    Select: script$o,
-    Cascader: script$n,
-    InputColor: script$m,
-    InputNumber: script$l,
-    InputTree: script$k,
-    InputIcon: script$j,
-    InputMap: script$i,
-    InputTag: script$h,
-    InputTable: script$g,
-    InputCron: script$f,
-    Mention: script$e,
-    Switchs: script$d,
-    Rate: script$c,
-    Upload: script$b,
-    Slider: script$a,
-    Tree: script$9,
-    Title: script$8,
-    Search: script$7,
-    Tabs: script$6,
-    Dynamic: script$5,
-    Video: script$4,
-    Verifys: script$3,
-    textEllipsis: script$2,
-    Sign: script$1,
-    Login: script,
+    Arrays: script$J,
+    Article: script$I,
+    Crud: script$H,
+    Chat: script$G,
+    Comment: script$F,
+    Form: script$E,
+    Checkbox: script$D,
+    Date: script$C,
+    CountUp: script$B,
+    Draggable: script$A,
+    Flow: script$z,
+    Group: script$y,
+    License: script$x,
+    Time: script$w,
+    Input: script$v,
+    Radio: script$u,
+    Select: script$t,
+    Cascader: script$s,
+    InputColor: script$r,
+    InputNumber: script$q,
+    InputTree: script$p,
+    InputIcon: script$o,
+    InputMap: script$n,
+    InputTag: script$m,
+    InputTable: script$l,
+    InputCron: script$k,
+    InputOtp: script$j,
+    Mention: script$i,
+    Switchs: script$h,
+    Rate: script$g,
+    Upload: script$f,
+    Slider: script$e,
+    Tree: script$d,
+    Title: script$c,
+    Search: script$b,
+    Tabs: script$a,
+    Dynamic: script$9,
+    Video: script$8,
+    Captcha: script$7,
+    textEllipsis: script$6,
+    Sign: script$5,
+    Login: script$4,
+    QRCode: script$3,
+    Iframe: script$2,
+    FilterBuilder: script$1,
+    FileManager: script,
 };
 
-export { script$F as Arrays, script$E as Article, script$C as Card, script$n as Cascader, script$B as Chat, script$y as Checkbox, script$A as Comment, script$w as CountUp, script$D as Crud, script$x as Date, script$v as Draggable, script$5 as Dynamic, script$u as Flow, script$z as Form, script$t as Group, script$q as Input, script$m as InputColor, script$f as InputCron, script$j as InputIcon, script$i as InputMap, script$l as InputNumber, script$g as InputTable, script$h as InputTag, script$k as InputTree, script$s as License, script as Login, script$e as Mention, script$p as Radio, script$c as Rate, script$7 as Search, script$o as Select, script$1 as Sign, script$a as Slider, script$d as Switchs, script$6 as Tabs, script$r as Time, script$8 as Title, script$9 as Tree, script$b as Upload, script$3 as Verifys, script$4 as Video, elementComponents as default, script$2 as textEllipsis };
+export { script$J as Arrays, script$I as Article, script$7 as Captcha, script$s as Cascader, script$G as Chat, script$D as Checkbox, script$F as Comment, script$B as CountUp, script$H as Crud, script$C as Date, script$A as Draggable, script$9 as Dynamic, script as FileManager, script$1 as FilterBuilder, script$z as Flow, script$E as Form, script$y as Group, script$2 as Iframe, script$v as Input, script$r as InputColor, script$k as InputCron, script$o as InputIcon, script$n as InputMap, script$q as InputNumber, script$j as InputOtp, script$l as InputTable, script$m as InputTag, script$p as InputTree, script$x as License, script$4 as Login, script$i as Mention, script$3 as QRCode, script$u as Radio, script$g as Rate, script$b as Search, script$t as Select, script$5 as Sign, script$e as Slider, script$h as Switchs, script$a as Tabs, script$w as Time, script$c as Title, script$d as Tree, script$f as Upload, script$8 as Video, elementComponents as default, script$6 as textEllipsis };

package/es/src/ui/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. */
 import elementComponents from './element-plus/index.mjs';
 import dataComponents from './data/index.mjs';