@smallwei/avue 3.9.3 → 3.9.4

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

@@ -1,233 +1,224 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import { buildTablePrintHtml } from '../../utils/print.mjs';
 
-const Print = function (dom, options) {
-    if (!(this instanceof Print))
-        return new Print(dom, options);
-    this.options = this.extend({
-        noPrint: '.no-print',
-    }, options || {});
-    if (typeof dom === 'string') {
-        this.dom = document.querySelector(dom);
+const toAbsoluteUrl = (value) => {
+    try {
+        return new URL(value, document.baseURI).href;
     }
-    else {
-        this.isDOM(dom);
-        this.dom = this.isDOM(dom) ? dom : dom.$el;
+    catch (_a) {
+        return value;
     }
-    this.init();
 };
-Print.prototype = {
-    init: function () {
+class PrintInstance {
+    constructor(dom, options = {}) {
+        this.iframe = null;
+        this.options = {
+            noPrint: '.no-print',
+            timeout: 15000,
+            ...options
+        };
+        this.dom = this.resolveDom(dom);
+        this.init();
+    }
+    resolveDom(dom) {
+        const element = typeof dom === 'string'
+            ? document.querySelector(dom)
+            : dom instanceof HTMLElement ? dom : dom === null || dom === void 0 ? void 0 : dom.$el;
+        if (!(element instanceof HTMLElement))
+            throw new TypeError('未找到可打印的 DOM 节点。');
+        return element;
+    }
+    init() {
         try {
-            const content = buildTablePrintHtml(this.dom, this.options) || this.getStyle() + this.getHtml();
+            const content = buildTablePrintHtml(this.dom, this.options) || this.getDocumentHtml();
             this.writeIframe(content);
         }
         catch (error) {
             this.handleError(error);
         }
-    },
-    handleReady: function () {
-        if (typeof this.options.onReady === 'function')
-            this.options.onReady();
-    },
-    handleError: function (error) {
-        if (typeof this.options.onError === 'function') {
-            this.options.onError(error);
-            return;
-        }
-        console.error(error);
-    },
-    extend: function (obj, obj2) {
-        for (const k in obj2) {
-            obj[k] = obj2[k];
-        }
-        return obj;
-    },
-    getStyle: function () {
-        let str = '';
-        const styles = document.querySelectorAll('style,link');
-        for (let i = 0; i < styles.length; i++) {
-            str += styles[i].outerHTML;
-        }
-        str += `<style>${this.options.noPrint ? this.options.noPrint : '.no-print'}{display:none;}</style>`;
-        return str;
-    },
-    getHtml: function () {
-        const inputs = document.querySelectorAll('input');
-        const textareas = document.querySelectorAll('textarea');
-        const selects = document.querySelectorAll('select');
-        for (let k = 0; k < inputs.length; k++) {
-            const input = inputs[k];
-            if (input.type == 'checkbox' || input.type == 'radio') {
-                if (input.checked == true) {
-                    input.setAttribute('checked', 'checked');
-                }
-                else {
-                    input.removeAttribute('checked');
-                }
+    }
+    handleError(error) {
+        const normalized = error instanceof Error ? error : new Error(String(error || '打印失败。'));
+        if (typeof this.options.onError === 'function')
+            this.options.onError(normalized);
+        else
+            console.error(normalized);
+    }
+    getStyle() {
+        const styles = Array.from(document.querySelectorAll('style, link[rel="stylesheet"]'))
+            .map((style) => style.outerHTML)
+            .join('');
+        const noPrint = this.options.noPrint || '.no-print';
+        return `${styles}<style>
+      ${noPrint}{display:none !important;}
+      html,body{min-height:auto !important;background:#fff !important;}
+      @media print{.avue-print-root{margin:0 !important;}}
+    </style>`;
+    }
+    syncFormState(source, clone) {
+        const sourceFields = Array.from(source.querySelectorAll('input, textarea, select'));
+        const cloneFields = Array.from(clone.querySelectorAll('input, textarea, select'));
+        sourceFields.forEach((field, index) => {
+            const cloned = cloneFields[index];
+            if (!cloned)
+                return;
+            if (field instanceof HTMLInputElement && cloned instanceof HTMLInputElement) {
+                if (field.type === 'checkbox' || field.type === 'radio')
+                    cloned.checked = field.checked;
+                else
+                    cloned.value = field.value;
             }
-            else {
-                input.setAttribute('value', input.value);
+            else if (field instanceof HTMLTextAreaElement && cloned instanceof HTMLTextAreaElement) {
+                cloned.value = field.value;
+                cloned.textContent = field.value;
             }
-        }
-        for (let k2 = 0; k2 < textareas.length; k2++) {
-            if (textareas[k2].type == 'textarea') {
-                textareas[k2].innerHTML = textareas[k2].value;
+            else if (field instanceof HTMLSelectElement && cloned instanceof HTMLSelectElement) {
+                cloned.selectedIndex = field.selectedIndex;
+                Array.from(cloned.options).forEach((option, optionIndex) => {
+                    var _a;
+                    option.selected = ((_a = field.options[optionIndex]) === null || _a === void 0 ? void 0 : _a.selected) || false;
+                });
             }
-        }
-        for (let k3 = 0; k3 < selects.length; k3++) {
-            if (selects[k3].type == 'select-one') {
-                const child = selects[k3].children;
-                for (const i in child) {
-                    const option = child[i];
-                    if (option && option.tagName == 'OPTION') {
-                        if (option.selected == true) {
-                            option.setAttribute('selected', 'selected');
-                        }
-                        else {
-                            option.removeAttribute('selected');
-                        }
-                    }
-                }
-            }
-        }
-        return this.wrapperRefDom(this.dom).outerHTML;
-    },
-    wrapperRefDom: function (refDom) {
-        let prevDom = null;
-        let currDom = refDom;
-        if (!this.isInBody(currDom))
-            return currDom;
-        while (currDom) {
-            if (prevDom) {
-                const element = currDom.cloneNode(false);
-                element.appendChild(prevDom);
-                prevDom = element;
+        });
+    }
+    sanitizeClone(clone) {
+        const noPrint = this.options.noPrint;
+        if (noPrint) {
+            try {
+                clone.querySelectorAll(noPrint).forEach((element) => element.remove());
             }
-            else {
-                prevDom = currDom.cloneNode(true);
+            catch (_a) {
+                // 自定义选择器无效时不影响正常打印。
             }
-            currDom = currDom.parentElement;
         }
-        return prevDom;
-    },
-    writeIframe: function (content) {
-        let w;
-        let doc;
+        clone.querySelectorAll('script, noscript, style, [data-print-ignore="true"]').forEach((element) => element.remove());
+        clone.querySelectorAll('*').forEach((element) => {
+            Array.from(element.attributes)
+                .filter((attribute) => attribute.name.toLowerCase().startsWith('on'))
+                .forEach((attribute) => element.removeAttribute(attribute.name));
+        });
+        clone.querySelectorAll('img').forEach((image) => {
+            const source = image.currentSrc || image.getAttribute('src');
+            if (source)
+                image.setAttribute('src', toAbsoluteUrl(source));
+            image.removeAttribute('srcset');
+        });
+        clone.querySelectorAll('a').forEach((link) => {
+            link.removeAttribute('target');
+            const href = link.getAttribute('href');
+            if (href)
+                link.setAttribute('href', toAbsoluteUrl(href));
+        });
+    }
+    getDocumentHtml() {
+        const clone = this.dom.cloneNode(true);
+        this.syncFormState(this.dom, clone);
+        this.sanitizeClone(clone);
+        const title = this.options.documentTitle || document.title || '打印预览';
+        return `<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <base href="${document.baseURI}" />
+    <title>${title}</title>
+    ${this.getStyle()}
+  </head>
+  <body><main class="avue-print-root">${clone.outerHTML}</main></body>
+</html>`;
+    }
+    writeIframe(content) {
         const iframe = document.createElement('iframe');
-        const f = document.body.appendChild(iframe);
-        let loaded = false;
-        let failed = false;
-        let loadTimer;
-        iframe.id = 'myIframe';
-        iframe.setAttribute('style', 'position:absolute;width:0;height:0;top:-10px;left:-10px;');
-        w = f.contentWindow || f.contentDocument;
-        doc = f.contentDocument || f.contentWindow.document;
-        const _this = this;
-        iframe.onload = function () {
-            if (loaded || failed)
+        iframe.setAttribute('title', '打印预览');
+        iframe.setAttribute('aria-hidden', 'true');
+        iframe.setAttribute('style', 'position:fixed;width:1px;height:1px;right:0;bottom:0;border:0;opacity:0;pointer-events:none;');
+        this.iframe = iframe;
+        let settled = false;
+        const cleanup = () => {
+            if (!this.iframe)
                 return;
-            loaded = true;
-            if (loadTimer !== undefined)
-                window.clearTimeout(loadTimer);
-            _this.waitForImages(doc, function () {
-                _this.handleReady();
-                _this.toPrint(w);
-                setTimeout(function () {
-                    if (iframe.parentNode)
-                        iframe.parentNode.removeChild(iframe);
-                }, 1000);
-            });
+            this.iframe.remove();
+            this.iframe = null;
         };
-        iframe.onerror = function () {
-            if (failed)
+        const fail = (error) => {
+            if (settled)
                 return;
-            failed = true;
-            if (loadTimer !== undefined)
-                window.clearTimeout(loadTimer);
-            _this.handleError(new Error('打印内容加载失败'));
-            if (iframe.parentNode)
-                iframe.parentNode.removeChild(iframe);
+            settled = true;
+            cleanup();
+            this.handleError(error);
         };
-        doc.open();
-        doc.write(content);
-        doc.close();
-        if (!loaded) {
-            loadTimer = window.setTimeout(function () {
-                if (loaded || failed)
+        const timer = window.setTimeout(() => fail(new Error('打印内容加载超时。')), Number(this.options.timeout) || 15000);
+        iframe.onload = () => {
+            if (settled)
+                return;
+            const frameWindow = iframe.contentWindow;
+            const frameDocument = iframe.contentDocument;
+            if (!frameWindow || !frameDocument) {
+                fail(new Error('无法创建打印窗口。'));
+                return;
+            }
+            this.waitForAssets(frameDocument, () => {
+                var _a, _b, _c, _d;
+                if (settled)
                     return;
-                failed = true;
-                _this.handleError(new Error('打印内容加载超时'));
-                if (iframe.parentNode)
-                    iframe.parentNode.removeChild(iframe);
-            }, 15000);
-        }
-    },
-    waitForImages: function (doc, callback) {
+                settled = true;
+                window.clearTimeout(timer);
+                try {
+                    (_b = (_a = this.options).onReady) === null || _b === void 0 ? void 0 : _b.call(_a);
+                    (_d = (_c = this.options).onBeforePrint) === null || _d === void 0 ? void 0 : _d.call(_c);
+                    let printFinished = false;
+                    const afterPrint = () => {
+                        var _a, _b;
+                        if (printFinished)
+                            return;
+                        printFinished = true;
+                        cleanup();
+                        (_b = (_a = this.options).onAfterPrint) === null || _b === void 0 ? void 0 : _b.call(_a);
+                    };
+                    frameWindow.addEventListener('afterprint', afterPrint, { once: true });
+                    frameWindow.focus();
+                    frameWindow.print();
+                    window.setTimeout(afterPrint, 60000);
+                }
+                catch (error) {
+                    cleanup();
+                    this.handleError(error);
+                }
+            });
+        };
+        iframe.onerror = () => fail(new Error('打印内容加载失败。'));
+        iframe.srcdoc = content;
+        document.body.appendChild(iframe);
+    }
+    waitForAssets(doc, done) {
+        var _a;
         const images = Array.from(doc.images);
-        if (images.length === 0) {
-            callback();
+        const fonts = (_a = doc.fonts) === null || _a === void 0 ? void 0 : _a.ready;
+        const finish = () => Promise.resolve(fonts).catch(() => undefined).then(done);
+        if (!images.length) {
+            finish();
             return;
         }
         let completed = 0;
-        let finished = false;
-        let timer;
-        const finish = function () {
-            if (finished)
-                return;
-            finished = true;
-            if (timer !== undefined)
-                window.clearTimeout(timer);
-            callback();
-        };
-        const done = function () {
-            completed++;
+        const complete = () => {
+            completed += 1;
             if (completed === images.length)
                 finish();
         };
         images.forEach((image) => {
-            if (image.complete) {
-                done();
-            }
+            if (image.complete)
+                complete();
             else {
-                image.addEventListener('load', done, { once: true });
-                image.addEventListener('error', done, { once: true });
+                image.addEventListener('load', complete, { once: true });
+                image.addEventListener('error', complete, { once: true });
             }
         });
-        if (!finished) {
-            timer = window.setTimeout(finish, 10000);
-        }
-    },
-    toPrint: function (frameWindow) {
-        const _this = this;
-        setTimeout(function () {
-            try {
-                frameWindow.focus();
-                try {
-                    if (!frameWindow.document.execCommand('print', false, null)) {
-                        frameWindow.print();
-                    }
-                }
-                catch (_a) {
-                    frameWindow.print();
-                }
-                frameWindow.close();
-            }
-            catch (error) {
-                _this.handleError(error);
-            }
-        }, 10);
-    },
-    isInBody: function (node) {
-        return node === document.body ? false : document.body.contains(node);
-    },
-    isDOM: typeof HTMLElement === 'object'
-        ? function (obj) {
-            return obj instanceof HTMLElement;
-        }
-        : function (obj) {
-            return obj && typeof obj === 'object' && obj.nodeType === 1 && typeof obj.nodeName === 'string';
-        },
-};
+    }
+}
+/**
+ * 保持 $Print(dom, options) 与 new $Print(dom, options) 两种历史调用方式。
+ */
+function Print(dom, options = {}) {
+    return new PrintInstance(dom, options);
+}
 
 export { Print as default };

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

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 const getToken = (accessKey, secretKey, putPolicy) => {
     const putPolicyString = JSON.stringify(putPolicy);
     const encoded = base64encode(utf16to8(putPolicyString));

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

@@ -1,12 +1,34 @@
-/*! Avue.js v3.9.3 | (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 from '../../core/packages.mjs';
+import { downFile } from '../../utils/util.mjs';
 
 function $Screenshot (doc, option = {}) {
-    if (!window.html2canvas) {
+    var _a;
+    if (typeof window === 'undefined' || typeof HTMLElement === 'undefined' || !(doc instanceof HTMLElement)) {
+        return Promise.reject(new TypeError('请传入需要截图的 DOM 节点。'));
+    }
+    const renderer = option.renderer || window.html2canvas;
+    if (typeof renderer !== 'function') {
         packages.logs('Screenshot');
-        return;
+        const error = new Error('未检测到 html2canvas，请先引入 html2canvas。');
+        (_a = option.onError) === null || _a === void 0 ? void 0 : _a.call(option, error);
+        return Promise.reject(error);
     }
-    return window.html2canvas(doc, option);
+    const { download, filename = `screenshot-${Date.now()}.png`, type = 'image/png', quality, onSuccess, onError, renderer: _renderer, ...rendererOption } = option;
+    return Promise.resolve(renderer(doc, rendererOption))
+        .then((canvas) => {
+        if (!(canvas instanceof HTMLCanvasElement))
+            throw new Error('截图插件未返回 Canvas。');
+        if (download)
+            downFile(canvas.toDataURL(type, quality), filename);
+        onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(canvas);
+        return canvas;
+    })
+        .catch((error) => {
+        const normalized = error instanceof Error ? error : new Error(String(error || '截图失败。'));
+        onError === null || onError === void 0 ? void 0 : onError(normalized);
+        throw normalized;
+    });
 }
 
 export { $Screenshot as default };

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

@@ -1,7 +1,8 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 class RecordVideo {
-    constructor(videoObj) {
+    constructor(videoObj, options = {}) {
         this.video = videoObj;
+        this.options = options;
         this.mediaRecorder = null;
         this.stream = null;
         this.chunks = [];
@@ -21,11 +22,11 @@ class RecordVideo {
     }
     init() {
         if (!this.isSupport()) {
-            return Promise.reject(new Error('MediaDevices.getUserMedia is not supported'));
+            return Promise.reject(new Error('MediaDevices.getUserMedia or MediaRecorder is not supported'));
         }
         this.destroyed = false;
         return navigator.mediaDevices
-            .getUserMedia({
+            .getUserMedia(this.options.constraints || {
             audio: true,
             video: true,
         })
@@ -43,7 +44,10 @@ class RecordVideo {
                 this.video.src = this.objectUrl;
             }
             this.video.addEventListener('loadedmetadata', this.handleLoadedMetadata);
-            this.mediaRecorder = new MediaRecorder(stream);
+            const recorderOptions = this.getRecorderOptions();
+            this.mediaRecorder = recorderOptions
+                ? new MediaRecorder(stream, recorderOptions)
+                : new MediaRecorder(stream);
             this.mediaRecorder.addEventListener('dataavailable', this.handleDataAvailable);
         })
             .catch((error) => {
@@ -55,22 +59,61 @@ class RecordVideo {
         if (this.mediaRecorder && this.mediaRecorder.state === 'inactive') {
             this.chunks = [];
             this.mediaRecorder.start();
+            return true;
         }
+        return false;
     }
     stopRecord() {
         if (this.mediaRecorder && this.mediaRecorder.state === 'recording') {
             this.mediaRecorder.stop();
+            return true;
         }
+        return false;
+    }
+    getBlob() {
+        var _a, _b;
+        if (!this.chunks.length)
+            return null;
+        const type = ((_a = this.mediaRecorder) === null || _a === void 0 ? void 0 : _a.mimeType) || ((_b = this.chunks[0]) === null || _b === void 0 ? void 0 : _b.type) || 'video/webm';
+        return new Blob(this.chunks, { type });
+    }
+    captureFrame(type = 'image/png', quality) {
+        if (this.video.readyState < HTMLMediaElement.HAVE_CURRENT_DATA) {
+            return null;
+        }
+        const width = this.video.videoWidth || this.video.clientWidth;
+        const height = this.video.videoHeight || this.video.clientHeight;
+        if (!width || !height)
+            return null;
+        const canvas = document.createElement('canvas');
+        canvas.width = width;
+        canvas.height = height;
+        const context = canvas.getContext('2d');
+        if (!context)
+            return null;
+        context.drawImage(this.video, 0, 0, width, height);
+        return canvas.toDataURL(type, quality);
     }
     isSupport() {
         const flag = typeof navigator !== 'undefined' &&
             navigator.mediaDevices &&
-            navigator.mediaDevices.getUserMedia;
+            navigator.mediaDevices.getUserMedia &&
+            typeof MediaRecorder !== 'undefined';
         if (flag) {
             return true;
         }
         return false;
     }
+    getRecorderOptions() {
+        const mimeType = this.options.mimeType;
+        if (!mimeType ||
+            typeof MediaRecorder === 'undefined' ||
+            !MediaRecorder.isTypeSupported ||
+            !MediaRecorder.isTypeSupported(mimeType)) {
+            return undefined;
+        }
+        return { mimeType };
+    }
     destroy() {
         this.destroyed = true;
         this.video.removeEventListener('loadedmetadata', this.handleLoadedMetadata);