@whitesev/domutils 1.5.10 → 1.6.0

package/dist/index.system.js

@@ -103,155 +103,168 @@ System.register('DOMUtils', [], (function (exports) {
             const cache = createCache(LAST_NUMBER_WEAK_MAP);
             const generateUniqueNumber = createGenerateUniqueNumber(cache, LAST_NUMBER_WEAK_MAP);
 
-            const isCallNotification = (message) => {
-                return message.method !== undefined && message.method === 'call';
+            const isMessagePort = (sender) => {
+                return typeof sender.start === 'function';
             };
 
-            const isClearResponse = (message) => {
-                return typeof message.id === 'number' && typeof message.result === 'boolean';
-            };
+            const PORT_MAP = new WeakMap();
 
-            const load = (url) => {
-                // Prefilling the Maps with a function indexed by zero is necessary to be compliant with the specification.
-                const scheduledIntervalFunctions = new Map([[0, () => { }]]); // tslint:disable-line no-empty
-                const scheduledTimeoutFunctions = new Map([[0, () => { }]]); // tslint:disable-line no-empty
-                const unrespondedRequests = new Map();
-                const worker = new Worker(url);
-                worker.addEventListener('message', ({ data }) => {
-                    if (isCallNotification(data)) {
-                        const { params: { timerId, timerType } } = data;
-                        if (timerType === 'interval') {
-                            const idOrFunc = scheduledIntervalFunctions.get(timerId);
-                            if (typeof idOrFunc === undefined) {
-                                throw new Error('The timer is in an undefined state.');
-                            }
-                            if (typeof idOrFunc === 'number') {
-                                const timerIdAndTimerType = unrespondedRequests.get(idOrFunc);
-                                if (timerIdAndTimerType === undefined ||
-                                    timerIdAndTimerType.timerId !== timerId ||
-                                    timerIdAndTimerType.timerType !== timerType) {
-                                    throw new Error('The timer is in an undefined state.');
-                                }
-                            }
-                            else if (typeof idOrFunc === 'function') {
-                                idOrFunc();
-                            }
+            const extendBrokerImplementation = (partialBrokerImplementation) => ({
+                ...partialBrokerImplementation,
+                connect: ({ call }) => {
+                    return async () => {
+                        const { port1, port2 } = new MessageChannel();
+                        const portId = await call('connect', { port: port1 }, [port1]);
+                        PORT_MAP.set(port2, portId);
+                        return port2;
+                    };
+                },
+                disconnect: ({ call }) => {
+                    return async (port) => {
+                        const portId = PORT_MAP.get(port);
+                        if (portId === undefined) {
+                            throw new Error('The given port is not connected.');
                         }
-                        else if (timerType === 'timeout') {
-                            const idOrFunc = scheduledTimeoutFunctions.get(timerId);
-                            if (typeof idOrFunc === undefined) {
-                                throw new Error('The timer is in an undefined state.');
-                            }
-                            if (typeof idOrFunc === 'number') {
-                                const timerIdAndTimerType = unrespondedRequests.get(idOrFunc);
-                                if (timerIdAndTimerType === undefined ||
-                                    timerIdAndTimerType.timerId !== timerId ||
-                                    timerIdAndTimerType.timerType !== timerType) {
-                                    throw new Error('The timer is in an undefined state.');
-                                }
+                        await call('disconnect', { portId });
+                    };
+                },
+                isSupported: ({ call }) => {
+                    return () => call('isSupported');
+                }
+            });
+
+            const ONGOING_REQUESTS = new WeakMap();
+            const createOrGetOngoingRequests = (sender) => {
+                if (ONGOING_REQUESTS.has(sender)) {
+                    // @todo TypeScript needs to be convinced that has() works as expected.
+                    return ONGOING_REQUESTS.get(sender);
+                }
+                const ongoingRequests = new Map();
+                ONGOING_REQUESTS.set(sender, ongoingRequests);
+                return ongoingRequests;
+            };
+            const createBroker = (brokerImplementation) => {
+                const fullBrokerImplementation = extendBrokerImplementation(brokerImplementation);
+                return (sender) => {
+                    const ongoingRequests = createOrGetOngoingRequests(sender);
+                    sender.addEventListener('message', (({ data: message }) => {
+                        const { id } = message;
+                        if (id !== null && ongoingRequests.has(id)) {
+                            const { reject, resolve } = ongoingRequests.get(id);
+                            ongoingRequests.delete(id);
+                            if (message.error === undefined) {
+                                resolve(message.result);
                             }
-                            else if (typeof idOrFunc === 'function') {
-                                idOrFunc();
-                                // A timeout can be savely deleted because it is only called once.
-                                scheduledTimeoutFunctions.delete(timerId);
+                            else {
+                                reject(new Error(message.error.message));
                             }
                         }
+                    }));
+                    if (isMessagePort(sender)) {
+                        sender.start();
                     }
-                    else if (isClearResponse(data)) {
-                        const { id } = data;
-                        const timerIdAndTimerType = unrespondedRequests.get(id);
-                        if (timerIdAndTimerType === undefined) {
-                            throw new Error('The timer is in an undefined state.');
-                        }
-                        const { timerId, timerType } = timerIdAndTimerType;
-                        unrespondedRequests.delete(id);
-                        if (timerType === 'interval') {
-                            scheduledIntervalFunctions.delete(timerId);
-                        }
-                        else {
-                            scheduledTimeoutFunctions.delete(timerId);
-                        }
-                    }
-                    else {
-                        const { error: { message } } = data;
-                        throw new Error(message);
-                    }
-                });
-                const clearInterval = (timerId) => {
-                    if (typeof scheduledIntervalFunctions.get(timerId) === 'function') {
-                        const id = generateUniqueNumber(unrespondedRequests);
-                        unrespondedRequests.set(id, { timerId, timerType: 'interval' });
-                        scheduledIntervalFunctions.set(timerId, id);
-                        worker.postMessage({
-                            id,
-                            method: 'clear',
-                            params: { timerId, timerType: 'interval' }
-                        });
-                    }
-                };
-                const clearTimeout = (timerId) => {
-                    if (typeof scheduledTimeoutFunctions.get(timerId) === 'function') {
-                        const id = generateUniqueNumber(unrespondedRequests);
-                        unrespondedRequests.set(id, { timerId, timerType: 'timeout' });
-                        scheduledTimeoutFunctions.set(timerId, id);
-                        worker.postMessage({
-                            id,
-                            method: 'clear',
-                            params: { timerId, timerType: 'timeout' }
+                    const call = (method, params = null, transferables = []) => {
+                        return new Promise((resolve, reject) => {
+                            const id = generateUniqueNumber(ongoingRequests);
+                            ongoingRequests.set(id, { reject, resolve });
+                            if (params === null) {
+                                sender.postMessage({ id, method }, transferables);
+                            }
+                            else {
+                                sender.postMessage({ id, method, params }, transferables);
+                            }
                         });
+                    };
+                    const notify = (method, params, transferables = []) => {
+                        sender.postMessage({ id: null, method, params }, transferables);
+                    };
+                    let functions = {};
+                    for (const [key, handler] of Object.entries(fullBrokerImplementation)) {
+                        functions = { ...functions, [key]: handler({ call, notify }) };
                     }
+                    return { ...functions };
                 };
-                const setInterval = (func, delay = 0, ...args) => {
-                    const timerId = generateUniqueNumber(scheduledIntervalFunctions);
-                    scheduledIntervalFunctions.set(timerId, () => {
-                        func(...args);
-                        // Doublecheck if the interval should still be rescheduled because it could have been cleared inside of func().
-                        if (typeof scheduledIntervalFunctions.get(timerId) === 'function') {
-                            worker.postMessage({
-                                id: null,
-                                method: 'set',
-                                params: {
-                                    delay,
-                                    now: performance.timeOrigin + performance.now(),
-                                    timerId,
-                                    timerType: 'interval'
-                                }
+            };
+
+            // Prefilling the Maps with a function indexed by zero is necessary to be compliant with the specification.
+            const scheduledIntervalsState = new Map([[0, null]]); // tslint:disable-line no-empty
+            const scheduledTimeoutsState = new Map([[0, null]]); // tslint:disable-line no-empty
+            const wrap = createBroker({
+                clearInterval: ({ call }) => {
+                    return (timerId) => {
+                        if (typeof scheduledIntervalsState.get(timerId) === 'symbol') {
+                            scheduledIntervalsState.set(timerId, null);
+                            call('clear', { timerId, timerType: 'interval' }).then(() => {
+                                scheduledIntervalsState.delete(timerId);
                             });
                         }
-                    });
-                    worker.postMessage({
-                        id: null,
-                        method: 'set',
-                        params: {
+                    };
+                },
+                clearTimeout: ({ call }) => {
+                    return (timerId) => {
+                        if (typeof scheduledTimeoutsState.get(timerId) === 'symbol') {
+                            scheduledTimeoutsState.set(timerId, null);
+                            call('clear', { timerId, timerType: 'timeout' }).then(() => {
+                                scheduledTimeoutsState.delete(timerId);
+                            });
+                        }
+                    };
+                },
+                setInterval: ({ call }) => {
+                    return (func, delay = 0, ...args) => {
+                        const symbol = Symbol();
+                        const timerId = generateUniqueNumber(scheduledIntervalsState);
+                        scheduledIntervalsState.set(timerId, symbol);
+                        const schedule = () => call('set', {
                             delay,
                             now: performance.timeOrigin + performance.now(),
                             timerId,
                             timerType: 'interval'
-                        }
-                    });
-                    return timerId;
-                };
-                const setTimeout = (func, delay = 0, ...args) => {
-                    const timerId = generateUniqueNumber(scheduledTimeoutFunctions);
-                    scheduledTimeoutFunctions.set(timerId, () => func(...args));
-                    worker.postMessage({
-                        id: null,
-                        method: 'set',
-                        params: {
+                        }).then(() => {
+                            const state = scheduledIntervalsState.get(timerId);
+                            if (state === undefined) {
+                                throw new Error('The timer is in an undefined state.');
+                            }
+                            if (state === symbol) {
+                                func(...args);
+                                // Doublecheck if the interval should still be rescheduled because it could have been cleared inside of func().
+                                if (scheduledIntervalsState.get(timerId) === symbol) {
+                                    schedule();
+                                }
+                            }
+                        });
+                        schedule();
+                        return timerId;
+                    };
+                },
+                setTimeout: ({ call }) => {
+                    return (func, delay = 0, ...args) => {
+                        const symbol = Symbol();
+                        const timerId = generateUniqueNumber(scheduledTimeoutsState);
+                        scheduledTimeoutsState.set(timerId, symbol);
+                        call('set', {
                             delay,
                             now: performance.timeOrigin + performance.now(),
                             timerId,
                             timerType: 'timeout'
-                        }
-                    });
-                    return timerId;
-                };
-                return {
-                    clearInterval,
-                    clearTimeout,
-                    setInterval,
-                    setTimeout
-                };
+                        }).then(() => {
+                            const state = scheduledTimeoutsState.get(timerId);
+                            if (state === undefined) {
+                                throw new Error('The timer is in an undefined state.');
+                            }
+                            if (state === symbol) {
+                                // A timeout can be savely deleted because it is only called once.
+                                scheduledTimeoutsState.delete(timerId);
+                                func(...args);
+                            }
+                        });
+                        return timerId;
+                    };
+                }
+            });
+            const load = (url) => {
+                const worker = new Worker(url);
+                return wrap(worker);
             };
 
             const createLoadOrReturnBroker = (loadBroker, worker) => {
@@ -270,7 +283,7 @@ System.register('DOMUtils', [], (function (exports) {
             };
 
             // This is the minified and stringified code of the worker-timers-worker package.
-            const worker = `(()=>{"use strict";const e=new Map,t=new Map,r=t=>{const r=e.get(t);return void 0!==r&&(clearTimeout(r),e.delete(t),!0)},s=e=>{const r=t.get(e);return void 0!==r&&(clearTimeout(r),t.delete(e),!0)},o=(e,t)=>{const r=performance.now(),s=e+t-r-performance.timeOrigin;return{expected:r+s,remainingDelay:s}},i=(e,t,r,s)=>{const o=r-performance.now();o>0?e.set(t,setTimeout(i,o,e,t,r,s)):(e.delete(t),postMessage({id:null,method:"call",params:{timerId:t,timerType:s}}))};addEventListener("message",(({data:n})=>{try{if("clear"===n.method){const{id:e,params:{timerId:t,timerType:o}}=n;if("interval"===o)postMessage({id:e,result:r(t)});else{if("timeout"!==o)throw new Error('The given type "'.concat(o,'" is not supported'));postMessage({id:e,result:s(t)})}}else{if("set"!==n.method)throw new Error('The given method "'.concat(n.method,'" is not supported'));{const{params:{delay:r,now:s,timerId:a,timerType:m}}=n;if("interval"===m)((t,r,s)=>{const{expected:n,remainingDelay:a}=o(t,s);e.set(r,setTimeout(i,a,e,r,n,"interval"))})(r,a,s);else{if("timeout"!==m)throw new Error('The given type "'.concat(m,'" is not supported'));((e,r,s)=>{const{expected:n,remainingDelay:a}=o(e,s);t.set(r,setTimeout(i,a,t,r,n,"timeout"))})(r,a,s)}}}}catch(e){postMessage({error:{message:e.message},id:n.id,result:null})}}))})();`; // tslint:disable-line:max-line-length
+            const worker = `(()=>{var e={455:function(e,t){!function(e){"use strict";var t=function(e){return function(t){var r=e(t);return t.add(r),r}},r=function(e){return function(t,r){return e.set(t,r),r}},n=void 0===Number.MAX_SAFE_INTEGER?9007199254740991:Number.MAX_SAFE_INTEGER,o=536870912,s=2*o,a=function(e,t){return function(r){var a=t.get(r),i=void 0===a?r.size:a<s?a+1:0;if(!r.has(i))return e(r,i);if(r.size<o){for(;r.has(i);)i=Math.floor(Math.random()*s);return e(r,i)}if(r.size>n)throw new Error("Congratulations, you created a collection of unique numbers which uses all available integers!");for(;r.has(i);)i=Math.floor(Math.random()*n);return e(r,i)}},i=new WeakMap,u=r(i),c=a(u,i),l=t(c);e.addUniqueNumber=l,e.generateUniqueNumber=c}(t)}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var s=t[n]={exports:{}};return e[n].call(s.exports,s,s.exports,r),s.exports}(()=>{"use strict";const e=-32603,t=-32602,n=-32601,o=(e,t)=>Object.assign(new Error(e),{status:t}),s=t=>o('The handler of the method called "'.concat(t,'" returned an unexpected result.'),e),a=(t,r)=>async({data:{id:a,method:i,params:u}})=>{const c=r[i];try{if(void 0===c)throw(e=>o('The requested method called "'.concat(e,'" is not supported.'),n))(i);const r=void 0===u?c():c(u);if(void 0===r)throw(t=>o('The handler of the method called "'.concat(t,'" returned no required result.'),e))(i);const l=r instanceof Promise?await r:r;if(null===a){if(void 0!==l.result)throw s(i)}else{if(void 0===l.result)throw s(i);const{result:e,transferables:r=[]}=l;t.postMessage({id:a,result:e},r)}}catch(e){const{message:r,status:n=-32603}=e;t.postMessage({error:{code:n,message:r},id:a})}};var i=r(455);const u=new Map,c=(e,r,n)=>({...r,connect:({port:t})=>{t.start();const n=e(t,r),o=(0,i.generateUniqueNumber)(u);return u.set(o,(()=>{n(),t.close(),u.delete(o)})),{result:o}},disconnect:({portId:e})=>{const r=u.get(e);if(void 0===r)throw(e=>o('The specified parameter called "portId" with the given value "'.concat(e,'" does not identify a port connected to this worker.'),t))(e);return r(),{result:null}},isSupported:async()=>{if(await new Promise((e=>{const t=new ArrayBuffer(0),{port1:r,port2:n}=new MessageChannel;r.onmessage=({data:t})=>e(null!==t),n.postMessage(t,[t])}))){const e=n();return{result:e instanceof Promise?await e:e}}return{result:!1}}}),l=(e,t,r=()=>!0)=>{const n=c(l,t,r),o=a(e,n);return e.addEventListener("message",o),()=>e.removeEventListener("message",o)},d=(e,t)=>r=>{const n=t.get(r);if(void 0===n)return Promise.resolve(!1);const[o,s]=n;return e(o),t.delete(r),s(!1),Promise.resolve(!0)},f=(e,t,r,n)=>(o,s,a)=>{const i=o+s-t.timeOrigin,u=i-t.now();return new Promise((t=>{e.set(a,[r(n,u,i,e,t,a),t])}))},m=new Map,h=d(globalThis.clearTimeout,m),p=new Map,v=d(globalThis.clearTimeout,p),w=((e,t)=>{const r=(n,o,s,a)=>{const i=n-e.now();i>0?o.set(a,[t(r,i,n,o,s,a),s]):(o.delete(a),s(!0))};return r})(performance,globalThis.setTimeout),g=f(m,performance,globalThis.setTimeout,w),T=f(p,performance,globalThis.setTimeout,w);l(self,{clear:async({timerId:e,timerType:t})=>({result:await("interval"===t?h(e):v(e))}),set:async({delay:e,now:t,timerId:r,timerType:n})=>({result:await("interval"===n?g:T)(e,t,r)})})})()})();`; // tslint:disable-line:max-line-length
 
             const loadOrReturnBroker = createLoadOrReturnBroker(load, worker);
             const clearInterval = (timerId) => loadOrReturnBroker().clearInterval(timerId);
@@ -592,8 +605,7 @@ System.register('DOMUtils', [], (function (exports) {
                                     : event.target;
                                 let totalParent = elementItem;
                                 if (DOMUtilsCommonUtils.isWin(totalParent)) {
-                                    if (totalParent ===
-                                        DOMUtilsContext.windowApi.document) {
+                                    if (totalParent === DOMUtilsContext.windowApi.document) {
                                         totalParent = DOMUtilsContext.windowApi.document.documentElement;
                                     }
                                 }
@@ -661,8 +673,7 @@ System.register('DOMUtils', [], (function (exports) {
                         if (typeof currentParam === "boolean") {
                             option.capture = currentParam;
                         }
-                        else if (typeof currentParam === "object" &&
-                            "capture" in currentParam) {
+                        else if (typeof currentParam === "object" && "capture" in currentParam) {
                             option.capture = currentParam.capture;
                         }
                         return option;
@@ -724,8 +735,7 @@ System.register('DOMUtils', [], (function (exports) {
                         // 目标函数、事件名
                         isRemoveAll = true;
                     }
-                    else if ((args.length === 3 && typeof args[2] === "string") ||
-                        Array.isArray(args[2])) {
+                    else if ((args.length === 3 && typeof args[2] === "string") || Array.isArray(args[2])) {
                         // 目标函数、事件名、子元素选择器
                         isRemoveAll = true;
                     }
@@ -740,9 +750,7 @@ System.register('DOMUtils', [], (function (exports) {
                             for (let index = 0; index < handlers.length; index++) {
                                 let handler = handlers[index];
                                 let flag = true;
-                                if (flag &&
-                                    listenerCallBack &&
-                                    handler.originCallBack !== listenerCallBack) {
+                                if (flag && listenerCallBack && handler.originCallBack !== listenerCallBack) {
                                     // callback不同
                                     flag = false;
                                 }
@@ -802,9 +810,7 @@ System.register('DOMUtils', [], (function (exports) {
                                 return;
                             }
                             let elementEvents = elementItem[symbolEvents] || {};
-                            let iterEventNameList = eventTypeList.length
-                                ? eventTypeList
-                                : Object.keys(elementEvents);
+                            let iterEventNameList = eventTypeList.length ? eventTypeList : Object.keys(elementEvents);
                             iterEventNameList.forEach((eventName) => {
                                 let handlers = elementEvents[eventName];
                                 if (!handlers) {
@@ -841,8 +847,7 @@ System.register('DOMUtils', [], (function (exports) {
                         try {
                             if (DOMUtilsContext.windowApi.document.readyState === "complete" ||
                                 (DOMUtilsContext.windowApi.document.readyState !== "loading" &&
-                                    !DOMUtilsContext.windowApi.document.documentElement
-                                        .doScroll)) {
+                                    !DOMUtilsContext.windowApi.document.documentElement.doScroll)) {
                                 return true;
                             }
                             else {
@@ -1477,7 +1482,7 @@ System.register('DOMUtils', [], (function (exports) {
                     super(option);
                 }
                 /** 版本号 */
-                version = "2025.6.7";
+                version = "2025.8.9";
                 attr(element, attrName, attrValue) {
                     let DOMUtilsContext = this;
                     if (typeof element === "string") {
@@ -1571,15 +1576,7 @@ System.register('DOMUtils', [], (function (exports) {
                      * 把纯数字没有px的加上
                      */
                     function handlePixe(propertyName, propertyValue) {
-                        let allowAddPixe = [
-                            "width",
-                            "height",
-                            "top",
-                            "left",
-                            "right",
-                            "bottom",
-                            "font-size",
-                        ];
+                        let allowAddPixe = ["width", "height", "top", "left", "right", "bottom", "font-size"];
                         if (typeof propertyValue === "number") {
                             propertyValue = propertyValue.toString();
                         }
@@ -1621,8 +1618,7 @@ System.register('DOMUtils', [], (function (exports) {
                         return;
                     }
                     let setStyleProperty = (propertyName, propertyValue) => {
-                        if (typeof propertyValue === "string" &&
-                            propertyValue.trim().endsWith("!important")) {
+                        if (typeof propertyValue === "string" && propertyValue.trim().endsWith("!important")) {
                             propertyValue = propertyValue
                                 .trim()
                                 .replace(/!important$/gi, "")
@@ -1636,9 +1632,7 @@ System.register('DOMUtils', [], (function (exports) {
                     };
                     if (typeof property === "string") {
                         if (value == null) {
-                            return DOMUtilsContext.windowApi.globalThis
-                                .getComputedStyle(element)
-                                .getPropertyValue(property);
+                            return DOMUtilsContext.windowApi.globalThis.getComputedStyle(element).getPropertyValue(property);
                         }
                         else {
                             setStyleProperty(property, value);
@@ -1741,12 +1735,8 @@ System.register('DOMUtils', [], (function (exports) {
                         return transformInfo;
                     }
                     let elementTransform = DOMUtilsContext.windowApi.globalThis.getComputedStyle(element).transform;
-                    if (elementTransform != null &&
-                        elementTransform !== "none" &&
-                        elementTransform !== "") {
-                        let elementTransformSplit = elementTransform
-                            .match(/\((.+)\)/)?.[1]
-                            .split(",");
+                    if (elementTransform != null && elementTransform !== "none" && elementTransform !== "") {
+                        let elementTransformSplit = elementTransform.match(/\((.+)\)/)?.[1].split(",");
                         if (elementTransformSplit) {
                             transform_left = Math.abs(parseInt(elementTransformSplit[4]));
                             transform_top = Math.abs(parseInt(elementTransformSplit[5]));
@@ -1784,8 +1774,7 @@ System.register('DOMUtils', [], (function (exports) {
                     }
                     if (value == null) {
                         // 获取
-                        if (element.localName === "input" &&
-                            (element.type === "checkbox" || element.type === "radio")) {
+                        if (element.localName === "input" && (element.type === "checkbox" || element.type === "radio")) {
                             return element.checked;
                         }
                         else {
@@ -1794,8 +1783,7 @@ System.register('DOMUtils', [], (function (exports) {
                     }
                     else {
                         // 设置
-                        if (element.localName === "input" &&
-                            (element.type === "checkbox" || element.type === "radio")) {
+                        if (element.localName === "input" && (element.type === "checkbox" || element.type === "radio")) {
                             element.checked = !!value;
                         }
                         else {
@@ -2049,7 +2037,15 @@ System.register('DOMUtils', [], (function (exports) {
                     }
                     function elementAppendChild(ele, text) {
                         if (typeof content === "string") {
-                            ele.insertAdjacentHTML("beforeend", DOMUtilsCommonUtils.getSafeHTML(text));
+                            if (ele instanceof DocumentFragment) {
+                                if (typeof text === "string") {
+                                    text = DOMUtilsContext.parseHTML(text, true, false);
+                                }
+                                ele.appendChild(text);
+                            }
+                            else {
+                                ele.insertAdjacentHTML("beforeend", DOMUtilsCommonUtils.getSafeHTML(text));
+                            }
                         }
                         else {
                             ele.appendChild(text);
@@ -2060,6 +2056,7 @@ System.register('DOMUtils', [], (function (exports) {
                         let fragment = DOMUtilsContext.windowApi.document.createDocumentFragment();
                         content.forEach((ele) => {
                             if (typeof ele === "string") {
+                                // 转为元素
                                 ele = DOMUtilsContext.parseHTML(ele, true, false);
                             }
                             fragment.appendChild(ele);
@@ -2095,7 +2092,13 @@ System.register('DOMUtils', [], (function (exports) {
                         return;
                     }
                     if (typeof content === "string") {
-                        element.insertAdjacentHTML("afterbegin", DOMUtilsCommonUtils.getSafeHTML(content));
+                        if (element instanceof DocumentFragment) {
+                            content = DOMUtilsContext.parseHTML(content, true, false);
+                            element.prepend(content);
+                        }
+                        else {
+                            element.insertAdjacentHTML("afterbegin", DOMUtilsCommonUtils.getSafeHTML(content));
+                        }
                     }
                     else {
                         let $firstChild = element.firstChild;
@@ -2268,16 +2271,14 @@ System.register('DOMUtils', [], (function (exports) {
                         return;
                     }
                     if (DOMUtilsCommonUtils.isWin(element)) {
-                        return DOMUtilsContext.windowApi.window.document.documentElement
-                            .clientWidth;
+                        return DOMUtilsContext.windowApi.window.document.documentElement.clientWidth;
                     }
                     if (element.nodeType === 9) {
                         /* Document文档节点 */
                         element = element;
                         return Math.max(element.body.scrollWidth, element.documentElement.scrollWidth, element.body.offsetWidth, element.documentElement.offsetWidth, element.documentElement.clientWidth);
                     }
-                    if (isShow ||
-                        (!isShow && DOMUtilsCommonUtils.isShow(element))) {
+                    if (isShow || (!isShow && DOMUtilsCommonUtils.isShow(element))) {
                         /* 已显示 */
                         /* 不从style中获取对应的宽度，因为可能使用了class定义了width !important */
                         element = element;
@@ -2312,8 +2313,7 @@ System.register('DOMUtils', [], (function (exports) {
                 height(element, isShow = false) {
                     let DOMUtilsContext = this;
                     if (DOMUtilsCommonUtils.isWin(element)) {
-                        return DOMUtilsContext.windowApi.window.document.documentElement
-                            .clientHeight;
+                        return DOMUtilsContext.windowApi.window.document.documentElement.clientHeight;
                     }
                     if (typeof element === "string") {
                         element = DOMUtilsContext.selector(element);
@@ -2327,8 +2327,7 @@ System.register('DOMUtils', [], (function (exports) {
                         /* Document文档节点 */
                         return Math.max(element.body.scrollHeight, element.documentElement.scrollHeight, element.body.offsetHeight, element.documentElement.offsetHeight, element.documentElement.clientHeight);
                     }
-                    if (isShow ||
-                        (!isShow && DOMUtilsCommonUtils.isShow(element))) {
+                    if (isShow || (!isShow && DOMUtilsCommonUtils.isShow(element))) {
                         element = element;
                         /* 已显示 */
                         /* 从style中获取对应的高度，因为可能使用了class定义了width !important */
@@ -2442,10 +2441,10 @@ System.register('DOMUtils', [], (function (exports) {
                     if (typeof duration !== "number" || duration <= 0) {
                         throw new TypeError("duration must be a positive number");
                     }
-                    if (typeof callback !== "function" && callback !== undefined) {
+                    if (typeof callback !== "function" && callback !== void 0) {
                         throw new TypeError("callback must be a function or null");
                     }
-                    if (typeof styles !== "object" || styles === undefined) {
+                    if (typeof styles !== "object" || styles === void 0) {
                         throw new TypeError("styles must be an object");
                     }
                     if (Object.keys(styles).length === 0) {
@@ -2456,8 +2455,7 @@ System.register('DOMUtils', [], (function (exports) {
                     let to = {};
                     for (let prop in styles) {
                         from[prop] =
-                            element.style[prop] ||
-                                DOMUtilsContext.windowApi.globalThis.getComputedStyle(element)[prop];
+                            element.style[prop] || DOMUtilsContext.windowApi.globalThis.getComputedStyle(element)[prop];
                         to[prop] = styles[prop];
                     }
                     let timer = DOMUtilsCommonUtils.setInterval(function () {
@@ -2467,8 +2465,7 @@ System.register('DOMUtils', [], (function (exports) {
                             progress = 1;
                         }
                         for (let prop in styles) {
-                            element.style[prop] =
-                                from[prop] + (to[prop] - from[prop]) * progress + "px";
+                            element.style[prop] = from[prop] + (to[prop] - from[prop]) * progress + "px";
                         }
                         if (progress === 1) {
                             DOMUtilsCommonUtils.clearInterval(timer);
@@ -2553,8 +2550,7 @@ System.register('DOMUtils', [], (function (exports) {
                     if (element == null) {
                         return;
                     }
-                    return Array.from(element.parentElement
-                        .children).filter((child) => child !== element);
+                    return Array.from(element.parentElement.children).filter((child) => child !== element);
                 }
                 /**
                  * 获取当前元素的父元素
@@ -2630,14 +2626,7 @@ System.register('DOMUtils', [], (function (exports) {
                         if (element.name &&
                             !element.disabled &&
                             (element.checked ||
-                                [
-                                    "text",
-                                    "hidden",
-                                    "password",
-                                    "textarea",
-                                    "select-one",
-                                    "select-multiple",
-                                ].includes(element.type))) {
+                                ["text", "hidden", "password", "textarea", "select-one", "select-multiple"].includes(element.type))) {
                             if (element.type === "select-multiple") {
                                 for (let j = 0; j < element.options.length; j++) {
                                     if (element.options[j].selected) {
@@ -2857,9 +2846,7 @@ System.register('DOMUtils', [], (function (exports) {
                         });
                         return;
                     }
-                    if (DOMUtilsContext.windowApi.globalThis
-                        .getComputedStyle(element)
-                        .getPropertyValue("display") === "none") {
+                    if (DOMUtilsContext.windowApi.globalThis.getComputedStyle(element).getPropertyValue("display") === "none") {
                         DOMUtilsContext.show(element, checkVisiblie);
                     }
                     else {
@@ -2904,9 +2891,7 @@ System.register('DOMUtils', [], (function (exports) {
                         selectionStart = Math.min($input.value.length, selectionStart);
                     if (typeof selectionEnd == "string")
                         selectionEnd = parseFloat(selectionEnd);
-                    if (typeof selectionEnd != "number" ||
-                        isNaN(selectionEnd) ||
-                        selectionEnd < selectionStart) {
+                    if (typeof selectionEnd != "number" || isNaN(selectionEnd) || selectionEnd < selectionStart) {
                         selectionEnd = selectionStart;
                     }
                     if (selectionEnd < 0)
@@ -2993,11 +2978,7 @@ System.register('DOMUtils', [], (function (exports) {
                         var isBoxModel = $box.offsetWidth == 2;
                         body.removeChild($box);
                         let $boxRect = $input.getBoundingClientRect();
-                        var clientTop = docElem.clientTop || body.clientTop || 0, clientLeft = docElem.clientLeft || body.clientLeft || 0, scrollTop = win.pageYOffset ||
-                            (isBoxModel && docElem.scrollTop) ||
-                            body.scrollTop, scrollLeft = win.pageXOffset ||
-                            (isBoxModel && docElem.scrollLeft) ||
-                            body.scrollLeft;
+                        var clientTop = docElem.clientTop || body.clientTop || 0, clientLeft = docElem.clientLeft || body.clientLeft || 0, scrollTop = win.pageYOffset || (isBoxModel && docElem.scrollTop) || body.scrollTop, scrollLeft = win.pageXOffset || (isBoxModel && docElem.scrollLeft) || body.scrollLeft;
                         return {
                             top: $boxRect.top + scrollTop - clientTop,
                             left: $boxRect.left + scrollLeft - clientLeft,