@smallwei/avue 3.9.2 → 3.9.4

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

@@ -1,147 +1,224 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-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);
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import { buildTablePrintHtml } from '../../utils/print.mjs';
+
+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 () {
-        const content = this.getStyle() + this.getHtml();
-        this.writeIframe(content);
-    },
-    extend: function (obj, obj2) {
-        for (const k in obj2) {
-            obj[k] = obj2[k];
+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.getDocumentHtml();
+            this.writeIframe(content);
         }
-        return obj;
-    },
-    getStyle: function () {
-        let str = '';
-        const styles = document.querySelectorAll('style,link');
-        for (let i = 0; i < styles.length; i++) {
-            str += styles[i].outerHTML;
+        catch (error) {
+            this.handleError(error);
         }
-        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');
-                }
-            }
-            else {
-                input.setAttribute('value', input.value);
+    }
+    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;
             }
-        }
-        for (let k2 = 0; k2 < textareas.length; k2++) {
-            if (textareas[k2].type == 'textarea') {
-                textareas[k2].innerHTML = textareas[k2].value;
+            else if (field instanceof HTMLTextAreaElement && cloned instanceof HTMLTextAreaElement) {
+                cloned.value = field.value;
+                cloned.textContent = field.value;
             }
-        }
-        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');
-                        }
-                    }
-                }
+            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;
+                });
             }
-        }
-        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);
-        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;
-        doc.open();
-        doc.write(content);
-        doc.close();
-        const _this = this;
-        iframe.onload = function () {
-            _this.toPrint(w);
-            setTimeout(function () {
-                document.body.removeChild(iframe);
-            }, 100);
+        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;
+            this.iframe.remove();
+            this.iframe = null;
         };
-    },
-    toPrint: function (frameWindow) {
-        try {
-            setTimeout(function () {
-                frameWindow.focus();
+        const fail = (error) => {
+            if (settled)
+                return;
+            settled = true;
+            cleanup();
+            this.handleError(error);
+        };
+        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;
+                settled = true;
+                window.clearTimeout(timer);
                 try {
-                    if (!frameWindow.document.execCommand('print', false, null)) {
-                        frameWindow.print();
-                    }
-                }
-                catch (e) {
+                    (_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);
                 }
-                frameWindow.close();
-            }, 10);
-        }
-        catch (err) {
-            console.log('err', err);
-        }
-    },
-    isInBody: function (node) {
-        return node === document.body ? false : document.body.contains(node);
-    },
-    isDOM: typeof HTMLElement === 'object'
-        ? function (obj) {
-            return obj instanceof HTMLElement;
+                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);
+        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;
         }
-        : function (obj) {
-            return obj && typeof obj === 'object' && obj.nodeType === 1 && typeof obj.nodeName === 'string';
-        },
-};
+        let completed = 0;
+        const complete = () => {
+            completed += 1;
+            if (completed === images.length)
+                finish();
+        };
+        images.forEach((image) => {
+            if (image.complete)
+                complete();
+            else {
+                image.addEventListener('load', complete, { once: true });
+                image.addEventListener('error', complete, { once: true });
+            }
+        });
+    }
+}
+/**
+ * 保持 $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.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 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.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 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,55 +1,144 @@
-/*! 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. */
 class RecordVideo {
-    constructor(videoObj) {
+    constructor(videoObj, options = {}) {
         this.video = videoObj;
+        this.options = options;
         this.mediaRecorder = null;
+        this.stream = null;
         this.chunks = [];
+        this.objectUrl = null;
+        this.destroyed = false;
+        this.handleLoadedMetadata = () => {
+            const playResult = this.video.play();
+            if (playResult && typeof playResult.catch === 'function') {
+                playResult.catch(() => undefined);
+            }
+        };
+        this.handleDataAvailable = (event) => {
+            if (event.data && event.data.size > 0) {
+                this.chunks.push(event.data);
+            }
+        };
     }
     init() {
-        return new Promise((resolve, reject) => {
-            navigator.mediaDevices
-                .getUserMedia({
-                audio: true,
-                video: true,
-            })
-                .then((stream) => {
-                if ('srcObject' in this.video) {
-                    this.video.srcObject = stream;
-                }
-                else {
-                    this.video.src = window.URL.createObjectURL(stream);
-                }
-                this.video.addEventListener('loadmetadata', () => {
-                    this.video.play();
-                });
-                this.mediaRecorder = new MediaRecorder(stream);
-                this.mediaRecorder.addEventListener('dataavailable', (e) => {
-                    this.chunks.push(e.data);
-                });
-                resolve();
-            })
-                .catch((error) => {
-                reject(error);
-            });
+        if (!this.isSupport()) {
+            return Promise.reject(new Error('MediaDevices.getUserMedia or MediaRecorder is not supported'));
+        }
+        this.destroyed = false;
+        return navigator.mediaDevices
+            .getUserMedia(this.options.constraints || {
+            audio: true,
+            video: true,
+        })
+            .then((stream) => {
+            if (this.destroyed) {
+                stream.getTracks().forEach((track) => track.stop());
+                return;
+            }
+            this.stream = stream;
+            if ('srcObject' in this.video) {
+                this.video.srcObject = stream;
+            }
+            else {
+                this.objectUrl = window.URL.createObjectURL(stream);
+                this.video.src = this.objectUrl;
+            }
+            this.video.addEventListener('loadedmetadata', this.handleLoadedMetadata);
+            const recorderOptions = this.getRecorderOptions();
+            this.mediaRecorder = recorderOptions
+                ? new MediaRecorder(stream, recorderOptions)
+                : new MediaRecorder(stream);
+            this.mediaRecorder.addEventListener('dataavailable', this.handleDataAvailable);
+        })
+            .catch((error) => {
+            this.destroy();
+            throw error;
         });
     }
     startRecord() {
         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 = navigator.mediaDevices && navigator.mediaDevices.getUserMedia;
+        const flag = typeof navigator !== 'undefined' &&
+            navigator.mediaDevices &&
+            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);
+        if (this.mediaRecorder) {
+            this.mediaRecorder.removeEventListener('dataavailable', this.handleDataAvailable);
+            if (this.mediaRecorder.state !== 'inactive') {
+                this.mediaRecorder.stop();
+            }
+        }
+        if (this.stream) {
+            this.stream.getTracks().forEach((track) => track.stop());
+        }
+        this.video.pause();
+        if ('srcObject' in this.video) {
+            this.video.srcObject = null;
+        }
+        if (this.objectUrl) {
+            window.URL.revokeObjectURL(this.objectUrl);
+            this.video.removeAttribute('src');
+        }
+        this.mediaRecorder = null;
+        this.stream = null;
+        this.objectUrl = null;
+        this.chunks = [];
+    }
 }
 
 export { RecordVideo as default };