@whitesev/pops 2.0.7 → 2.0.9

package/dist/index.system.js

@@ -5,12 +5,6 @@ System.register('pops', [], (function (exports) {
 
             const SymbolEvents = Symbol("events_" + (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1));
 
-            const PopsCoreDefaultEnv = {
-                document: document,
-                window: window,
-                globalThis: globalThis,
-                self: self,
-            };
             const PopsCoreEnv = {
                 document: document,
                 window: window,
@@ -18,12 +12,6 @@ System.register('pops', [], (function (exports) {
                 self: self,
             };
             const PopsCore = {
-                init(option) {
-                    if (!option) {
-                        option = Object.assign({}, PopsCoreDefaultEnv);
-                    }
-                    Object.assign(PopsCoreEnv, option);
-                },
                 get document() {
                     return PopsCoreEnv.document;
                 },
@@ -43,21 +31,266 @@ System.register('pops', [], (function (exports) {
                 },
             };
 
-            let t$1 = class t{constructor(){this.__map={};}beforeEach(t){this.__interceptor=t;}on(t,i){const s=Array.isArray(t)?t:[t];for(const t of s){this.__map[t]=this.__map[t]||[];const s=this.__map[t];s&&s.push(i);}return this}emit(t,i,s){void 0!==this.__interceptor?this.__interceptor(t,(()=>{this.__emit(t,i),s&&s();})):(this.__emit(t,i),s&&s());}__emit(t,i){const s=this.__map[t];if(Array.isArray(s)&&(null==s?void 0:s.length))for(const _ of s)_(i,t);this.event=i;}off(t,i){const s=this.__map[t];if(void 0!==s)if(void 0===i)delete this.__map[t];else {const t=s.findIndex((t=>t===i));s.splice(t,1);}}destroy(){this.__map={};}};
+            const createCache = (lastNumberWeakMap) => {
+                return (collection, nextNumber) => {
+                    lastNumberWeakMap.set(collection, nextNumber);
+                    return nextNumber;
+                };
+            };
+
+            /*
+             * The value of the constant Number.MAX_SAFE_INTEGER equals (2 ** 53 - 1) but it
+             * is fairly new.
+             */
+            const MAX_SAFE_INTEGER = Number.MAX_SAFE_INTEGER === undefined ? 9007199254740991 : Number.MAX_SAFE_INTEGER;
+            const TWO_TO_THE_POWER_OF_TWENTY_NINE = 536870912;
+            const TWO_TO_THE_POWER_OF_THIRTY = TWO_TO_THE_POWER_OF_TWENTY_NINE * 2;
+            const createGenerateUniqueNumber = (cache, lastNumberWeakMap) => {
+                return (collection) => {
+                    const lastNumber = lastNumberWeakMap.get(collection);
+                    /*
+                     * Let's try the cheapest algorithm first. It might fail to produce a new
+                     * number, but it is so cheap that it is okay to take the risk. Just
+                     * increase the last number by one or reset it to 0 if we reached the upper
+                     * bound of SMIs (which stands for small integers). When the last number is
+                     * unknown it is assumed that the collection contains zero based consecutive
+                     * numbers.
+                     */
+                    let nextNumber = lastNumber === undefined ? collection.size : lastNumber < TWO_TO_THE_POWER_OF_THIRTY ? lastNumber + 1 : 0;
+                    if (!collection.has(nextNumber)) {
+                        return cache(collection, nextNumber);
+                    }
+                    /*
+                     * If there are less than half of 2 ** 30 numbers stored in the collection,
+                     * the chance to generate a new random number in the range from 0 to 2 ** 30
+                     * is at least 50%. It's benifitial to use only SMIs because they perform
+                     * much better in any environment based on V8.
+                     */
+                    if (collection.size < TWO_TO_THE_POWER_OF_TWENTY_NINE) {
+                        while (collection.has(nextNumber)) {
+                            nextNumber = Math.floor(Math.random() * TWO_TO_THE_POWER_OF_THIRTY);
+                        }
+                        return cache(collection, nextNumber);
+                    }
+                    // Quickly check if there is a theoretical chance to generate a new number.
+                    if (collection.size > MAX_SAFE_INTEGER) {
+                        throw new Error('Congratulations, you created a collection of unique numbers which uses all available integers!');
+                    }
+                    // Otherwise use the full scale of safely usable integers.
+                    while (collection.has(nextNumber)) {
+                        nextNumber = Math.floor(Math.random() * MAX_SAFE_INTEGER);
+                    }
+                    return cache(collection, nextNumber);
+                };
+            };
+
+            const LAST_NUMBER_WEAK_MAP = new WeakMap();
+            const cache = createCache(LAST_NUMBER_WEAK_MAP);
+            const generateUniqueNumber = createGenerateUniqueNumber(cache, LAST_NUMBER_WEAK_MAP);
 
-            const n$1="clientX",e$2="clientY",t=16,c$3="start",o$1="move",s$1="cancel",u$3="end",a$2="left",i$3="right",r$4="up",d$1="down",m$2={4:"start",5:"move",1:"end",3:"cancel"};function v$1(n){return m$2[n]}function b(n,e,t){const c={1:{0:{move:4},4:{move:5,end:1,cancel:3},5:{move:5,end:1,cancel:3}},0:{4:{move:2,end:1,cancel:3},5:{start:2,move:2,end:1,cancel:3}}}[Number(n)][e];return void 0!==c&&c[t]||0}function g$1(n){[1,3,2].includes(n.state)&&(n.state=0);}function h$3(n){return [5,1,3].includes(n)}function j(n){if(n.disabled)return n.state=0,!0}function O(n,e){return Object.assign(Object.assign(Object.assign({},n),e),{state:0,disabled:!1})}function p$3(n){return Math.round(100*n)/100}
+            const isMessagePort = (sender) => {
+                return typeof sender.start === 'function';
+            };
+
+            const PORT_MAP = new WeakMap();
 
-            function r$3(){let t,o,i,r,a=0;return function(u){if(t=o,void 0!==u){a=Number.MAX_SAFE_INTEGER>a?++a:1;const h=function(t,o){const{phase:i,points:r,changedPoints:a,nativeEvent:u}=t,h=r.length,p=c$3===i,g=u$3===i&&0===h||s$1===i,l=Date.now(),{x:d,y:m}=c$2(r)||c$2(a),{currentTarget:v}=u;return Object.assign(t,{id:o,x:d,y:m,timestamp:l,isStart:p,isEnd:g,pointLength:h,currentTarget:v,getOffset(t=v){const e=t.getBoundingClientRect();return {x:d-Math.round(e.left),y:m-Math.round(e.top)}}})}(u,a);o=h;const{isStart:p,pointLength:g}=h;return p&&(i=h,t=void 0,r=1<g?h:void 0),Object.assign(Object.assign({},h),{prevInput:t,startMultiInput:r,startInput:i})}}}function c$2(t){const{length:e}=t;if(0<e){if(1===e){const{clientX:e,clientY:n}=t[0];return {x:Math.round(e),y:Math.round(n)}}const n=t.reduce(((t,e)=>(t.x+=e[n$1],t.y+=e[e$2],t)),{x:0,y:0});return {x:Math.round(n.x/e),y:Math.round(n.y/e)}}}function a$1(t,e,n,s){const o={};for(const t in n)["target","currentTarget","type"].includes(t)||(o[t]=n[t]);let i;return document.createEvent?(i=document.createEvent("HTMLEvents"),i.initEvent(t,null==s?void 0:s.bubbles,null==s?void 0:s.cancelable)):i=new Event(t,s),Object.assign(i,o,{match:()=>n.targets&&0<n.targets.length&&n.targets.every((t=>i.currentTarget.contains(t)))}),e.dispatchEvent(i)}function u$2(t,e){const{preventDefault:n}=e;return s=n,"[object Function]"===Object.prototype.toString.call(s)?n(t):!!n;var s;}const h$2=["touchstart","touchmove","touchend","touchcancel","mousedown"],p$2=["mousemove","mouseup"];const g={domEvents:{bubbles:!0,cancelable:!0},preventDefault:t=>{if(t.target&&"tagName"in t.target){const{tagName:e}=t.target;return !/^(?:INPUT|TEXTAREA|BUTTON|SELECT)$/.test(e)}return !1}};let l$1 = class l extends t$1{constructor(t,e){super(),this.v="2.1.3",this.__computeFunctionList=[],this.__computeFunctionCreatorList=[],this.__pluginContexts=[],this.__isIgnoreMouse=!1,this.el=t,this.c={},this.__options=Object.assign(Object.assign({},g),e);const n=function(t){const e=r$3();return function(n){const s=[],o=[];Array.from(n.touches).forEach((({clientX:e,clientY:n,target:i})=>{(null==t?void 0:t.contains(i))&&(s.push(i),o.push({clientX:e,clientY:n,target:i}));}));const i=Array.from(n.changedTouches).map((({clientX:t,clientY:e,target:n})=>({clientX:t,clientY:e,target:n})));return e({phase:n.type.replace("touch",""),changedPoints:i,points:o,nativeEvent:n,target:n.target,targets:s})}}(this.el),s=function(){let t,e=!1,n=null;const s=r$3();return function(o){const{clientX:i,clientY:r,type:c,button:a,target:u}=o;let h,p=[{clientX:i,clientY:r,target:u}];if("mousedown"===c&&0===a)n=u,e=!0,h="start";else {if(!e)return;"mousemove"===c?h="move":"mouseup"===c&&(p=[],h="end",e=!1);}const g=t||[{clientX:i,clientY:r,target:u}];if(t=[{clientX:i,clientY:r,target:u}],void 0!==h)return s({phase:h,changedPoints:g,points:p,target:n,targets:[n],nativeEvent:o})}}();if(this.__inputCreatorMap={touchstart:n,touchmove:n,touchend:n,touchcancel:n,mousedown:s,mousemove:s,mouseup:s},this.on("at:after",(t=>{const{target:e,__type:n}=t,{domEvents:s}=this.__options;s&&void 0!==this.el&&e&&(a$1(n,e,t,s),a$1("at:after",e,t,s));})),void 0!==t){t.style.webkitTapHighlightColor="rgba(0,0,0,0)";let e=!1;try{const t={};Object.defineProperty(t,"passive",{get(){e=!0;}}),window.addEventListener("_",(()=>{}),t);}catch(t){}this.on("u",function(t,e,n){return h$2.forEach((s=>{t.addEventListener(s,e,n);})),p$2.forEach((t=>{window.addEventListener(t,e,n);})),()=>{h$2.forEach((n=>{t.removeEventListener(n,e);})),p$2.forEach((t=>{window.removeEventListener(t,e);}));}}(t,this.catchEvent.bind(this),!1===this.__options.preventDefault&&e?{passive:!0}:{passive:!1}));}}use(t,e){this.__pluginContexts.push(t(this,e));}catchEvent(t){const e=this.__inputCreatorMap[t.type](t);if(void 0!==e){const n=()=>t.stopPropagation(),s=()=>t.stopImmediatePropagation(),o=()=>t.preventDefault();if(u$2(t,this.__options))o();else if("touchstart"===t.type?this.__isIgnoreMouse=!0:"touchmove"===t.type&&(this.__isIgnoreMouse=!1),this.__isIgnoreMouse&&t.type.startsWith("mouse"))return void("mouseup"===t.type&&(this.__isIgnoreMouse=!1));this.emit("input",e),this.emit2(`at:${e.phase}`,e,{});const i={};this.__computeFunctionList.forEach((t=>{const n=t(e,i);if(void 0!==n)for(const t in n)i[t]=n[t];})),this.emit("computed",Object.assign(Object.assign(Object.assign({},e),i),{stopPropagation:n,stopImmediatePropagation:s,preventDefault:o}));}}compute(t,e){for(const e of t)this.__computeFunctionCreatorList.includes(e)||(this.__computeFunctionCreatorList.push(e),this.__computeFunctionList.push(e()));this.on("computed",e);}beforeEach(t){super.beforeEach(((e,n)=>{var s;(null===(s=this.c)||void 0===s?void 0:s.name)?t(e,n):n();}));}get(t){return this.__pluginContexts.find((e=>t===e.name))}set(t){this.__options=Object.assign(Object.assign({},this.__options),t);}emit2(t,e,n){this.c=n,this.emit(t,Object.assign(Object.assign({},e),{type:t}),(()=>{this.emit("at:after",Object.assign(Object.assign({},e),{name:t,__type:t}));}));}destroy(){this.emit("u"),super.destroy();}};
+            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.');
+                        }
+                        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 {
+                                reject(new Error(message.error.message));
+                            }
+                        }
+                    }));
+                    if (isMessagePort(sender)) {
+                        sender.start();
+                    }
+                    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 };
+                };
+            };
+
+            // 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);
+                            });
+                        }
+                    };
+                },
+                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'
+                        }).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'
+                        }).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) => {
+                let broker = null;
+                return () => {
+                    if (broker !== null) {
+                        return broker;
+                    }
+                    const blob = new Blob([worker], { type: 'application/javascript; charset=utf-8' });
+                    const url = URL.createObjectURL(blob);
+                    broker = loadBroker(url);
+                    // Bug #1: Edge up until v18 didn't like the URL to be revoked directly.
+                    setTimeout(() => URL.revokeObjectURL(url));
+                    return broker;
+                };
+            };
+
+            // This is the minified and stringified code of the worker-timers-worker package.
+            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),d=t(c);e.addUniqueNumber=d,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 d=r instanceof Promise?await r:r;if(null===a){if(void 0!==d.result)throw s(i)}else{if(void 0===d.result)throw s(i);const{result:e,transferables:r=[]}=d;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}}}),d=(e,t,r=()=>!0)=>{const n=c(d,t,r),o=a(e,n);return e.addEventListener("message",o),()=>e.removeEventListener("message",o)},l=e=>t=>{const r=e.get(t);if(void 0===r)return Promise.resolve(!1);const[n,o]=r;return clearTimeout(n),e.delete(t),o(!1),Promise.resolve(!0)},f=(e,t,r)=>(n,o,s)=>{const{expected:a,remainingDelay:i}=e(n,o);return new Promise((e=>{t.set(s,[setTimeout(r,i,a,t,e,s),e])}))},m=(e,t)=>{const r=performance.now(),n=e+t-r-performance.timeOrigin;return{expected:r+n,remainingDelay:n}},p=(e,t,r,n)=>{const o=e-performance.now();o>0?t.set(n,[setTimeout(p,o,e,t,r,n),r]):(t.delete(n),r(!0))},h=new Map,v=l(h),w=new Map,g=l(w),M=f(m,h,p),y=f(m,w,p);d(self,{clear:async({timerId:e,timerType:t})=>({result:await("interval"===t?v(e):g(e))}),set:async({delay:e,now:t,timerId:r,timerType:n})=>({result:await("interval"===n?M:y)(e,t,r)})})})()})();`; // tslint:disable-line:max-line-length
+
+            const loadOrReturnBroker = createLoadOrReturnBroker(load, worker);
+            const clearInterval = (timerId) => loadOrReturnBroker().clearInterval(timerId);
+            const clearTimeout$1 = (timerId) => loadOrReturnBroker().clearTimeout(timerId);
+            const setInterval = (...args) => loadOrReturnBroker().setInterval(...args);
+            const setTimeout$1 = (...args) => loadOrReturnBroker().setTimeout(...args);
+
+            let t$1 = class t{constructor(){this.__map={};}beforeEach(t){this.__interceptor=t;}on(t,i){const s=Array.isArray(t)?t:[t];for(const t of s){this.__map[t]=this.__map[t]||[];const s=this.__map[t];s&&s.push(i);}return this}emit(t,i,s){ void 0!==this.__interceptor?this.__interceptor(t,(()=>{this.__emit(t,i),s&&s();})):(this.__emit(t,i),s&&s());}__emit(t,i){const s=this.__map[t];if(Array.isArray(s)&&(null==s?void 0:s.length))for(const _ of s)_(i,t);this.event=i;}off(t,i){const s=this.__map[t];if(void 0!==s)if(void 0===i)delete this.__map[t];else {const t=s.findIndex((t=>t===i));s.splice(t,1);}}destroy(){this.__map={};}};
+
+            const n$1="clientX",e$2="clientY",t=16,c$3="start",o$1="move",s$1="cancel",u$3="end",a$2="left",i$3="right",r$4="up",d$1="down",m$2={4:"start",5:"move",1:"end",3:"cancel"};function v$1(n){return m$2[n]}function b(n,e,t){const c={1:{0:{move:4},4:{move:5,end:1,cancel:3},5:{move:5,end:1,cancel:3}},0:{4:{move:2,end:1,cancel:3},5:{start:2,move:2,end:1,cancel:3}}}[Number(n)][e];return void 0!==c&&c[t]||0}function g$1(n){[1,3,2].includes(n.state)&&(n.state=0);}function h$3(n){return [5,1,3].includes(n)}function j(n){if(n.disabled)return n.state=0,true}function O(n,e){return Object.assign(Object.assign(Object.assign({},n),e),{state:0,disabled:false})}function p$3(n){return Math.round(100*n)/100}
+
+            function r$3(){let t,o,i,r,a=0;return function(u){if(t=o,void 0!==u){a=Number.MAX_SAFE_INTEGER>a?++a:1;const h=function(t,o){const{phase:i,points:r,changedPoints:a,nativeEvent:u}=t,h=r.length,p=c$3===i,g=u$3===i&&0===h||s$1===i,l=Date.now(),{x:d,y:m}=c$2(r)||c$2(a),{currentTarget:v}=u;return Object.assign(t,{id:o,x:d,y:m,timestamp:l,isStart:p,isEnd:g,pointLength:h,currentTarget:v,getOffset(t=v){const e=t.getBoundingClientRect();return {x:d-Math.round(e.left),y:m-Math.round(e.top)}}})}(u,a);o=h;const{isStart:p,pointLength:g}=h;return p&&(i=h,t=void 0,r=1<g?h:void 0),Object.assign(Object.assign({},h),{prevInput:t,startMultiInput:r,startInput:i})}}}function c$2(t){const{length:e}=t;if(0<e){if(1===e){const{clientX:e,clientY:n}=t[0];return {x:Math.round(e),y:Math.round(n)}}const n=t.reduce(((t,e)=>(t.x+=e[n$1],t.y+=e[e$2],t)),{x:0,y:0});return {x:Math.round(n.x/e),y:Math.round(n.y/e)}}}function a$1(t,e,n,s){const o={};for(const t in n)["target","currentTarget","type"].includes(t)||(o[t]=n[t]);let i;return document.createEvent?(i=document.createEvent("HTMLEvents"),i.initEvent(t,null==s?void 0:s.bubbles,null==s?void 0:s.cancelable)):i=new Event(t,s),Object.assign(i,o,{match:()=>n.targets&&0<n.targets.length&&n.targets.every((t=>i.currentTarget.contains(t)))}),e.dispatchEvent(i)}function u$2(t,e){const{preventDefault:n}=e;return s=n,"[object Function]"===Object.prototype.toString.call(s)?n(t):!!n;var s;}const h$2=["touchstart","touchmove","touchend","touchcancel","mousedown"],p$2=["mousemove","mouseup"];const g={domEvents:{bubbles:true,cancelable:true},preventDefault:t=>{if(t.target&&"tagName"in t.target){const{tagName:e}=t.target;return !/^(?:INPUT|TEXTAREA|BUTTON|SELECT)$/.test(e)}return  false}};let l$1 = class l extends t$1{constructor(t,e){super(),this.v="2.1.3",this.__computeFunctionList=[],this.__computeFunctionCreatorList=[],this.__pluginContexts=[],this.__isIgnoreMouse=false,this.el=t,this.c={},this.__options=Object.assign(Object.assign({},g),e);const n=function(t){const e=r$3();return function(n){const s=[],o=[];Array.from(n.touches).forEach((({clientX:e,clientY:n,target:i})=>{(null==t?void 0:t.contains(i))&&(s.push(i),o.push({clientX:e,clientY:n,target:i}));}));const i=Array.from(n.changedTouches).map((({clientX:t,clientY:e,target:n})=>({clientX:t,clientY:e,target:n})));return e({phase:n.type.replace("touch",""),changedPoints:i,points:o,nativeEvent:n,target:n.target,targets:s})}}(this.el),s=function(){let t,e=false,n=null;const s=r$3();return function(o){const{clientX:i,clientY:r,type:c,button:a,target:u}=o;let h,p=[{clientX:i,clientY:r,target:u}];if("mousedown"===c&&0===a)n=u,e=true,h="start";else {if(!e)return;"mousemove"===c?h="move":"mouseup"===c&&(p=[],h="end",e=false);}const g=t||[{clientX:i,clientY:r,target:u}];if(t=[{clientX:i,clientY:r,target:u}],void 0!==h)return s({phase:h,changedPoints:g,points:p,target:n,targets:[n],nativeEvent:o})}}();if(this.__inputCreatorMap={touchstart:n,touchmove:n,touchend:n,touchcancel:n,mousedown:s,mousemove:s,mouseup:s},this.on("at:after",(t=>{const{target:e,__type:n}=t,{domEvents:s}=this.__options;s&&void 0!==this.el&&e&&(a$1(n,e,t,s),a$1("at:after",e,t,s));})),void 0!==t){t.style.webkitTapHighlightColor="rgba(0,0,0,0)";let e=false;try{const t={};Object.defineProperty(t,"passive",{get(){e=!0;}}),window.addEventListener("_",(()=>{}),t);}catch(t){}this.on("u",function(t,e,n){return h$2.forEach((s=>{t.addEventListener(s,e,n);})),p$2.forEach((t=>{window.addEventListener(t,e,n);})),()=>{h$2.forEach((n=>{t.removeEventListener(n,e);})),p$2.forEach((t=>{window.removeEventListener(t,e);}));}}(t,this.catchEvent.bind(this),false===this.__options.preventDefault&&e?{passive:true}:{passive:false}));}}use(t,e){this.__pluginContexts.push(t(this,e));}catchEvent(t){const e=this.__inputCreatorMap[t.type](t);if(void 0!==e){const n=()=>t.stopPropagation(),s=()=>t.stopImmediatePropagation(),o=()=>t.preventDefault();if(u$2(t,this.__options))o();else if("touchstart"===t.type?this.__isIgnoreMouse=true:"touchmove"===t.type&&(this.__isIgnoreMouse=false),this.__isIgnoreMouse&&t.type.startsWith("mouse"))return void("mouseup"===t.type&&(this.__isIgnoreMouse=false));this.emit("input",e),this.emit2(`at:${e.phase}`,e,{});const i={};this.__computeFunctionList.forEach((t=>{const n=t(e,i);if(void 0!==n)for(const t in n)i[t]=n[t];})),this.emit("computed",Object.assign(Object.assign(Object.assign({},e),i),{stopPropagation:n,stopImmediatePropagation:s,preventDefault:o}));}}compute(t,e){for(const e of t)this.__computeFunctionCreatorList.includes(e)||(this.__computeFunctionCreatorList.push(e),this.__computeFunctionList.push(e()));this.on("computed",e);}beforeEach(t){super.beforeEach(((e,n)=>{var s;(null===(s=this.c)||void 0===s?void 0:s.name)?t(e,n):n();}));}get(t){return this.__pluginContexts.find((e=>t===e.name))}set(t){this.__options=Object.assign(Object.assign({},this.__options),t);}emit2(t,e,n){this.c=n,this.emit(t,Object.assign(Object.assign({},e),{type:t}),(()=>{this.emit("at:after",Object.assign(Object.assign({},e),{name:t,__type:t}));}));}destroy(){this.emit("u"),super.destroy();}};
 
             var x=r=>Math.sqrt(r.x*r.x+r.y*r.y),y=(r,a)=>r.x*a.x+r.y*a.y,e$1=(r,a)=>{var t=x(r)*x(a);if(0===t)return 0;var h=y(r,a)/t;return h>1&&(h=1),Math.acos(h)},n=(r,a)=>r.x*a.y-a.x*r.y,o=r=>r/Math.PI*180,s=(r,a)=>{var t=e$1(r,a);return n(r,a)>0&&(t*=-1),o(t)},u$1=(x,y)=>{if(0!==x||0!==y)return Math.abs(x)>=Math.abs(y)?0<x?i$3:a$2:0<y?d$1:r$4};
 
             function p$1(){let n=0,e=0;return function(o,r){const{prevVecotr:i,startVecotr:a,activeVecotr:c}=r;return c&&(e=Math.round(s(c,i)),n=Math.round(s(c,a))),{angle:n,deltaAngle:e}}}function d(){return function(t){const{prevInput:e}=t;let o$1=0,r=0,i=0;if(void 0!==e&&(o$1=t.x-e.x,r=t.y-e.y,0!==o$1||0!==r)){const t=Math.sqrt(Math.pow(o$1,2)+Math.pow(r,2));i=Math.round(o(Math.acos(Math.abs(o$1)/t)));}return {deltaX:o$1,deltaY:r,deltaXYAngle:i}}}function h$1(){let t,n=0,u=0,s=0,p=0,d=0;return function(h){const{phase:l,startInput:f}=h;return c$3===l?(n=0,u=0,s=0,p=0,d=0):o$1===l&&(n=Math.round(h.points[0][n$1]-f.points[0][n$1]),u=Math.round(h.points[0][e$2]-f.points[0][e$2]),s=Math.abs(n),p=Math.abs(u),d=Math.round(x({x:s,y:p})),t=u$1(n,u)),{displacementX:n,displacementY:u,distanceX:s,distanceY:p,distance:d,overallDirection:t}}}function l(){let t=1;return function(n,o){let r=1;const{prevVecotr:i,startVecotr:a,activeVecotr:c}=o;return c&&(r=p$3(x(c)/x(i)),t=p$3(x(c)/x(a))),{scale:t,deltaScale:r}}}function f(){let t$1,n,e=0,r=0,i=0,a=0;return function(c){if(void 0!==c){n=n||c.startInput;const u=c.timestamp-n.timestamp;if(t<u){const s=c.x-n.x,p=c.y-n.y;i=Math.round(s/u*100)/100,a=Math.round(p/u*100)/100,e=Math.abs(i),r=Math.abs(a),t$1=u$1(s,p),n=c;}}return {velocityX:e,velocityY:r,speedX:i,speedY:a,direction:t$1}}}function M(){let t=0;return function(n){const{phase:e}=n;return c$3===e&&(t=n.pointLength),{maxPointLength:t}}}function v(t){return {x:t.points[1][n$1]-t.points[0][n$1],y:t.points[1][e$2]-t.points[0][e$2]}}function m$1(){let t,n,e;return function(o){const{prevInput:r,startMultiInput:i}=o;return void 0!==i&&void 0!==r&&o.id!==i.id&&1<r.pointLength&&1<o.pointLength?(t=v(i),n=v(r),e=v(o)):e=void 0,{startVecotr:t,prevVecotr:n,activeVecotr:e}}}
 
-            const m={name:"tap",pointLength:1,tapTimes:1,waitNextTapTime:300,maxDistance:2,maxDistanceFromPrevTap:9,maxPressTime:250};function r$2(r,s){const c=O(m,s);let p,u,x$1,T=0;function f(){T=0,p=void 0,u=void 0;}return r.compute([h$1,M],(t=>{if(j(c))return;const{phase:i,x:o,y:m}=t;u$3===i&&(c.state=0,!function(){const{startInput:e,pointLength:n,timestamp:a}=t,i=a-e.timestamp,{distance:o,maxPointLength:m}=t;return m===c.pointLength&&0===n&&c.maxDistance>=o&&c.maxPressTime>i}()?(f(),c.state=2):(clearTimeout(x$1),function(t,e){if(void 0!==p){const n=x({x:t.x-p.x,y:t.y-p.y});return p=t,e.maxDistanceFromPrevTap>=n}return p=t,!0}({x:o,y:m},c)&&function(t){const e=performance.now();if(void 0===u)return u=e,!0;{const n=e-u;return u=e,n<t}}(c.waitNextTapTime)?T++:T=1,0==T%c.tapTimes?(c.state=1,r.emit2(c.name,t,c),f()):x$1=setTimeout((()=>{c.state=2,f();}),c.waitNextTapTime)));})),c}
+            const m={name:"tap",pointLength:1,tapTimes:1,waitNextTapTime:300,maxDistance:2,maxDistanceFromPrevTap:9,maxPressTime:250};function r$2(r,s){const c=O(m,s);let p,u,x$1,T=0;function f(){T=0,p=void 0,u=void 0;}return r.compute([h$1,M],(t=>{if(j(c))return;const{phase:i,x:o,y:m}=t;u$3===i&&(c.state=0,!function(){const{startInput:e,pointLength:n,timestamp:a}=t,i=a-e.timestamp,{distance:o,maxPointLength:m}=t;return m===c.pointLength&&0===n&&c.maxDistance>=o&&c.maxPressTime>i}()?(f(),c.state=2):(clearTimeout(x$1),function(t,e){if(void 0!==p){const n=x({x:t.x-p.x,y:t.y-p.y});return p=t,e.maxDistanceFromPrevTap>=n}return p=t,true}({x:o,y:m},c)&&function(t){const e=performance.now();if(void 0===u)return u=e,true;{const n=e-u;return u=e,n<t}}(c.waitNextTapTime)?T++:T=1,0==T%c.tapTimes?(c.state=1,r.emit2(c.name,t,c),f()):x$1=setTimeout((()=>{c.state=2,f();}),c.waitNextTapTime)));})),c}
 
             const p={name:"pan",threshold:10,pointLength:1};function u(u,d$1){const f$1=O(p,d$1);return u.compute([f,h$1,d],(t=>{if(g$1(f$1),j(f$1))return;const c=function(){const{pointLength:e,distance:n}=t;return f$1.pointLength===e&&f$1.threshold<=n}();if(f$1.state=b(c,f$1.state,t.phase),c||h$3(f$1.state)){const{name:e}=f$1;u.emit2(e,t,f$1),u.emit2(e+v$1(f$1.state),t,f$1),![u$3,s$1].includes(t.phase)&&t.direction&&u.emit2(e+t.direction,t,f$1);}})),f$1}
 
-            const c$1={name:"swipe",threshold:10,velocity:.3,pointLength:1};function a(a,r){const s=O(c$1,r);return a.compute([h$1,f,M],(t=>{if(s.state=0,!s.disabled&&function(){if(u$3!==t.phase)return !1;const{velocityX:o,velocityY:n,distance:i,maxPointLength:c}=t;return c===s.pointLength&&0===t.points.length&&s.threshold<i&&s.velocity<Math.max(o,n)}()){const{name:e}=s;s.state=1,a.emit2(e,t,s),a.emit2(e+t.direction,t,s);}})),s}
+            const c$1={name:"swipe",threshold:10,velocity:.3,pointLength:1};function a(a,r){const s=O(c$1,r);return a.compute([h$1,f,M],(t=>{if(s.state=0,!s.disabled&&function(){if(u$3!==t.phase)return  false;const{velocityX:o,velocityY:n,distance:i,maxPointLength:c}=t;return c===s.pointLength&&0===t.points.length&&s.threshold<i&&s.velocity<Math.max(o,n)}()){const{name:e}=s;s.state=1,a.emit2(e,t,s),a.emit2(e+t.direction,t,s);}})),s}
 
             const r$1={name:"press",pointLength:1,maxDistance:9,minPressTime:251};function c(c,u){const p=O(r$1,u);let f=0;return c.compute([h$1],(t=>{if(j(p))return;const{phase:o,startInput:r,pointLength:u}=t;if(c$3===o&&p.pointLength===u)g$1(p),clearTimeout(f),f=setTimeout((()=>{p.state=1,c.emit2(p.name,t,p);}),p.minPressTime);else if(u$3===o&&1===p.state)c.emit2(`${p.name}${r$4}`,t,p);else if(1!==p.state){const e=t.timestamp-r.timestamp;(!function(){const{distance:e}=t;return e&&p.maxDistance>e}()||p.minPressTime>e&&[u$3,s$1].includes(o))&&(clearTimeout(f),p.state=2);}})),p}
 
@@ -279,7 +512,7 @@ System.register('pops', [], (function (exports) {
                 formatByteToSize(byteSize, addType = true) {
                     byteSize = parseInt(byteSize.toString());
                     if (isNaN(byteSize)) {
-                        throw new Error("Utils.formatByteToSize 参数 byteSize 格式不正确");
+                        throw new TypeError("Utils.formatByteToSize 参数 byteSize 格式不正确");
                     }
                     let result = 0;
                     let resultType = "KB";
@@ -312,6 +545,58 @@ System.register('pops', [], (function (exports) {
                 AnyTouch = () => {
                     return i;
                 };
+                /**
+                 * 自动使用 Worker 执行 setTimeout
+                 */
+                setTimeout(callback, timeout = 0) {
+                    try {
+                        return setTimeout$1(callback, timeout);
+                    }
+                    catch (error) {
+                        return globalThis.setTimeout(callback, timeout);
+                    }
+                }
+                /**
+                 * 配合 .setTimeout 使用
+                 */
+                clearTimeout(timeId) {
+                    try {
+                        if (timeId != null) {
+                            clearTimeout$1(timeId);
+                        }
+                    }
+                    catch (error) {
+                    }
+                    finally {
+                        globalThis.clearTimeout(timeId);
+                    }
+                }
+                /**
+                 * 自动使用 Worker 执行 setInterval
+                 */
+                setInterval(callback, timeout = 0) {
+                    try {
+                        return setInterval(callback, timeout);
+                    }
+                    catch (error) {
+                        return globalThis.setInterval(callback, timeout);
+                    }
+                }
+                /**
+                 * 配合 .setInterval 使用
+                 */
+                clearInterval(timeId) {
+                    try {
+                        if (timeId != null) {
+                            clearInterval(timeId);
+                        }
+                    }
+                    catch (error) {
+                    }
+                    finally {
+                        globalThis.clearInterval(timeId);
+                    }
+                }
             }
             const popsUtils = new PopsUtils();
 
@@ -685,7 +970,7 @@ System.register('pops', [], (function (exports) {
                     }
                     if (checkDOMReadyState()) {
                         /* 检查document状态 */
-                        setTimeout(callback);
+                        popsUtils.setTimeout(callback, 0);
                     }
                     else {
                         /* 添加监听 */
@@ -1912,7 +2197,7 @@ System.register('pops', [], (function (exports) {
                         let popsElement = animElement.querySelector(".pops[type-value]");
                         if (popsType === "drawer") {
                             let drawerConfig = config;
-                            setTimeout(() => {
+                            popsUtils.setTimeout(() => {
                                 maskElement.style.setProperty("display", "none");
                                 if (["top", "bottom"].includes(drawerConfig.direction)) {
                                     popsElement.style.setProperty("height", "0");
@@ -1978,7 +2263,7 @@ System.register('pops', [], (function (exports) {
                         let popsElement = animElement.querySelector(".pops[type-value]");
                         if (popsType === "drawer") {
                             let drawerConfig = config;
-                            setTimeout(() => {
+                            popsUtils.setTimeout(() => {
                                 popsDOMUtils.css(maskElement, "display", "");
                                 let direction = drawerConfig.direction;
                                 let size = drawerConfig.size.toString();
@@ -1992,7 +2277,7 @@ System.register('pops', [], (function (exports) {
                                     console.error("未知direction：", direction);
                                 }
                                 resolve();
-                            }, drawerConfig.openDelay);
+                            }, drawerConfig.openDelay ?? 0);
                         }
                         else {
                             let findLayerIns = layerConfigList.find((layerConfigItem) => layerConfigItem.guid === guid);
@@ -2084,7 +2369,7 @@ System.register('pops', [], (function (exports) {
                             }
                         }
                         if (popsType === "drawer") {
-                            setTimeout(() => {
+                            popsUtils.setTimeout(() => {
                                 transitionendEvent();
                             }, drawerConfig.closeDelay);
                         }
@@ -2301,10 +2586,10 @@ System.register('pops', [], (function (exports) {
                  */
                 sortElementListByProperty(getBeforeValueFun, getAfterValueFun, sortByDesc = true) {
                     if (typeof sortByDesc !== "boolean") {
-                        throw "参数 sortByDesc 必须为boolean类型";
+                        throw new TypeError("参数 sortByDesc 必须为boolean类型");
                     }
                     if (getBeforeValueFun == null || getAfterValueFun == null) {
-                        throw "获取前面的值或后面的值的方法不能为空";
+                        throw new Error("获取前面的值或后面的值的方法不能为空");
                     }
                     return function (after_obj, before_obj) {
                         var beforeValue = getBeforeValueFun(before_obj); /*  前 */
@@ -3901,7 +4186,7 @@ System.register('pops', [], (function (exports) {
                     config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
                     config = popsUtils.assign(config, details);
                     if (config.url == null) {
-                        throw "config.url不能为空";
+                        throw new Error("config.url不能为空");
                     }
                     config = PopsHandler.handleOnly(PopsType, config);
                     const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
@@ -4359,8 +4644,8 @@ System.register('pops', [], (function (exports) {
                         config.beforeAppendToPageCallBack($shadowRoot, $shadowContainer);
                     }
                     popsDOMUtils.appendBody($shadowContainer);
-                    setTimeout(() => {
-                        setTimeout(() => {
+                    popsUtils.setTimeout(() => {
+                        popsUtils.setTimeout(() => {
                             $pops.style.setProperty("transform", "");
                         }, config.openDelay);
                     }, 50);
@@ -5081,12 +5366,12 @@ System.register('pops', [], (function (exports) {
                                             let downloadIframeLinkElement = document.createElement("iframe");
                                             downloadIframeLinkElement.src = downloadInfo.url;
                                             downloadIframeLinkElement.onload = function () {
-                                                setTimeout(() => {
+                                                popsUtils.setTimeout(() => {
                                                     downloadIframeLinkElement.remove();
                                                 }, 1000);
                                             };
                                             $shadowRoot.appendChild(downloadIframeLinkElement);
-                                            setTimeout(() => {
+                                            popsUtils.setTimeout(() => {
                                                 downloadIframeLinkElement.remove();
                                             }, 3 * 60 * 1000);
                                         }
@@ -6328,11 +6613,11 @@ System.register('pops', [], (function (exports) {
                                 let isSuccess = false;
                                 let oldTotalWidth = this.$data.totalWidth;
                                 let timer = void 0;
-                                let interval = setInterval(() => {
+                                let interval = popsUtils.setInterval(() => {
                                     if (isSuccess) {
                                         this.$interval.isCheck = false;
-                                        clearTimeout(timer);
-                                        clearInterval(interval);
+                                        popsUtils.clearTimeout(timer);
+                                        popsUtils.clearInterval(interval);
                                     }
                                     else {
                                         this.initTotalWidth();
@@ -6352,8 +6637,8 @@ System.register('pops', [], (function (exports) {
                                     }
                                 }, checkStepTime);
                                 /* 最长检测时间是10s */
-                                timer = setTimeout(() => {
-                                    clearInterval(interval);
+                                timer = popsUtils.setTimeout(() => {
+                                    popsUtils.clearInterval(interval);
                                 }, maxTime);
                             },
                             /**
@@ -6721,16 +7006,16 @@ System.register('pops', [], (function (exports) {
                                     return;
                                 }
                                 this.$data.isCheckingStopDragMove = true;
-                                let interval = setInterval(() => {
+                                let interval = popsUtils.setInterval(() => {
                                     if (!this.$data.isMove) {
                                         this.$data.isCheckingStopDragMove = false;
                                         this.closeToolTip();
-                                        clearInterval(interval);
+                                        popsUtils.clearInterval(interval);
                                     }
                                 }, 200);
-                                setTimeout(() => {
+                                popsUtils.setTimeout(() => {
                                     this.$data.isCheckingStopDragMove = false;
-                                    clearInterval(interval);
+                                    popsUtils.clearInterval(interval);
                                 }, 2000);
                             },
                             /**
@@ -8608,7 +8893,7 @@ System.register('pops', [], (function (exports) {
                     config = popsUtils.assign(config, details);
                     config = PopsHandler.handleOnly(PopsType, config);
                     if (config.target == null) {
-                        throw "config.target 不能为空";
+                        throw new Error("config.target 不能为空");
                     }
                     if (details.data) {
                         // @ts-ignore
@@ -9094,7 +9379,7 @@ System.register('pops', [], (function (exports) {
                     config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
                     config = popsUtils.assign(config, details);
                     if (config.target == null) {
-                        throw new TypeError("config.target 不能为空");
+                        throw new Error("config.target 不能为空");
                     }
                     /* 做下兼容处理 */
                     if (config.inputTarget == null) {
@@ -9365,7 +9650,7 @@ System.register('pops', [], (function (exports) {
                                 popsDOMUtils.on([config.inputTarget], ["focus", "click", "input"], void 0, SearchSuggestion.showEvent, option);
                             }
                             else {
-                                throw new TypeError("未知followPosition：" + config.followPosition);
+                                throw new Error("未知followPosition：" + config.followPosition);
                             }
                         },
                         /**
@@ -9633,6 +9918,7 @@ System.register('pops', [], (function (exports) {
                     useShadowRoot: true,
                     target: null,
                     content: "默认文字",
+                    isDiffContent: false,
                     position: "top",
                     className: "",
                     isFixed: false,
@@ -9758,6 +10044,19 @@ System.register('pops', [], (function (exports) {
                     if (text == null) {
                         text = this.getContent();
                     }
+                    if (this.$data.config.isDiffContent) {
+                        let contentPropKey = "data-content";
+                        // @ts-ignore
+                        let originContentText = this.$el.$content[contentPropKey];
+                        if (typeof originContentText === "string") {
+                            if (originContentText === text) {
+                                // 内容未改变，不修改避免渲染
+                                return;
+                            }
+                        }
+                        // @ts-ignore
+                        this.$el.$content[contentPropKey] = text;
+                    }
                     PopsSafeUtils.setSafeHTML(this.$el.$content, text);
                 }
                 /**
@@ -9776,11 +10075,12 @@ System.register('pops', [], (function (exports) {
                 }
                 /**
                  * 计算 提示框的位置
+                 * @param event 触发的事件
                  * @param targetElement 目标元素
                  * @param arrowDistance 箭头和目标元素的距离
                  * @param otherDistance 其它位置的偏移
                  */
-                calcToolTipPosition(targetElement, arrowDistance, otherDistance) {
+                calcToolTipPosition(targetElement, arrowDistance, otherDistance, event) {
                     let offsetInfo = popsDOMUtils.offset(targetElement, !this.$data.config.isFixed);
                     // 目标 宽
                     let targetElement_width = offsetInfo.width;
@@ -9798,6 +10098,31 @@ System.register('pops', [], (function (exports) {
                     let targetElement_X_center_pos = targetElement_left + targetElement_width / 2 - toolTipElement_width / 2;
                     /* 目标元素的Y轴的中间位置 */
                     let targetElement_Y_center_pos = targetElement_top + targetElement_height / 2 - toolTipElement_height / 2;
+                    let mouseX = 0;
+                    let mouseY = 0;
+                    if (event != null) {
+                        if (event instanceof MouseEvent || event instanceof PointerEvent) {
+                            mouseX = event.pageX;
+                            mouseY = event.y;
+                        }
+                        else if (event instanceof TouchEvent) {
+                            let touchEvent = event.touches[0];
+                            mouseX = touchEvent.pageX;
+                            mouseY = touchEvent.pageY;
+                        }
+                        else {
+                            // @ts-ignore
+                            if (typeof event.clientX === "number") {
+                                // @ts-ignore
+                                mouseX = event.clientX;
+                            }
+                            // @ts-ignore
+                            if (typeof event.clientY === "number") {
+                                // @ts-ignore
+                                mouseY = event.clientY;
+                            }
+                        }
+                    }
                     return {
                         TOP: {
                             left: targetElement_X_center_pos - otherDistance,
@@ -9823,13 +10148,19 @@ System.register('pops', [], (function (exports) {
                             arrow: "right",
                             motion: "fadeInLeft",
                         },
+                        FOLLOW: {
+                            left: mouseX + otherDistance,
+                            top: mouseY + otherDistance,
+                            arrow: "follow",
+                            motion: "",
+                        },
                     };
                 }
                 /**
                  * 动态修改tooltip的位置
                  */
-                changePosition() {
-                    let positionInfo = this.calcToolTipPosition(this.$data.config.target, this.$data.config.arrowDistance, this.$data.config.otherDistance);
+                changePosition(event) {
+                    let positionInfo = this.calcToolTipPosition(this.$data.config.target, this.$data.config.arrowDistance, this.$data.config.otherDistance, event);
                     let positionKey = this.$data.config.position.toUpperCase();
                     let positionDetail = positionInfo[positionKey];
                     if (positionDetail) {
@@ -9889,13 +10220,13 @@ System.register('pops', [], (function (exports) {
                         if (typeof timeId === "number") {
                             // 只清除一个
                             if (timeId == currentTimeId) {
-                                clearTimeout(timeId);
+                                popsUtils.clearTimeout(timeId);
                                 timeIdList.splice(index, 1);
                                 break;
                             }
                         }
                         else {
-                            clearTimeout(currentTimeId);
+                            popsUtils.clearTimeout(currentTimeId);
                             timeIdList.splice(index, 1);
                             index--;
                         }
@@ -9929,7 +10260,7 @@ System.register('pops', [], (function (exports) {
                     // 更新内容
                     this.changeContent();
                     // 更新tip的位置
-                    this.changePosition();
+                    this.changePosition(event);
                     if (typeof this.$data.config.showAfterCallBack === "function") {
                         this.$data.config.showAfterCallBack(this.$el.$toolTip);
                     }
@@ -9974,16 +10305,24 @@ System.register('pops', [], (function (exports) {
                             this.$data.config.delayCloseTime <= 0)) {
                         this.$data.config.delayCloseTime = 100;
                     }
-                    let timeId = setTimeout(() => {
+                    let timeId = popsUtils.setTimeout(() => {
                         // 设置属性触发关闭动画
                         this.clearCloseTimeoutId(eventType, timeId);
                         if (this.$el.$toolTip == null) {
                             // 已清除了
                             return;
                         }
-                        this.$el.$toolTip.setAttribute("data-motion", this.$el.$toolTip
-                            .getAttribute("data-motion")
-                            .replace("fadeIn", "fadeOut"));
+                        let motion = this.$el.$toolTip.getAttribute("data-motion");
+                        if (motion == null || motion.trim() === "") {
+                            // 没有动画
+                            this.toolTipAnimationFinishEvent();
+                        }
+                        else {
+                            // 修改data-motion触发动画关闭
+                            this.$el.$toolTip.setAttribute("data-motion", this.$el.$toolTip
+                                .getAttribute("data-motion")
+                                .replace("fadeIn", "fadeOut"));
+                        }
                     }, this.$data.config.delayCloseTime);
                     this.addCloseTimeoutId(eventType, timeId);
                     if (typeof this.$data.config.closeAfterCallBack === "function") {
@@ -10097,7 +10436,7 @@ System.register('pops', [], (function (exports) {
                     config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
                     config = popsUtils.assign(config, details);
                     if (!(config.target instanceof HTMLElement)) {
-                        throw "config.target 必须是HTMLElement类型";
+                        throw new TypeError("config.target 必须是HTMLElement类型");
                     }
                     config = PopsHandler.handleOnly(PopsType, config);
                     const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
@@ -10130,7 +10469,7 @@ System.register('pops', [], (function (exports) {
                 /** 配置 */
                 config = {
                     /** 版本号 */
-                    version: "2025.5.25",
+                    version: "2025.5.26",
                     cssText: {
                         /** 主CSS */
                         index: indexCSS,
@@ -10239,7 +10578,7 @@ System.register('pops', [], (function (exports) {
                         popsDOMUtils.appendHead(animationStyle);
                         this.config.animation = null;
                         this.config.animation = PopsInstanceUtils.getKeyFrames(animationStyle.sheet);
-                        setTimeout(() => {
+                        popsUtils.setTimeout(() => {
                             animationStyle.remove();
                         }, 50);
                     }