@whitesev/pops 2.0.7 → 2.0.9

package/dist/index.esm.js

@@ -1,11 +1,5 @@
 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,
@@ -13,12 +7,6 @@ const PopsCoreEnv = {
     self: self,
 };
 const PopsCore = {
-    init(option) {
-        if (!option) {
-            option = Object.assign({}, PopsCoreDefaultEnv);
-        }
-        Object.assign(PopsCoreEnv, option);
-    },
     get document() {
         return PopsCoreEnv.document;
     },
@@ -38,21 +26,266 @@ const OriginPrototype = {
     },
 };
 
-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}
 
@@ -274,7 +507,7 @@ class PopsUtils {
     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";
@@ -307,6 +540,58 @@ class PopsUtils {
     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();
 
@@ -680,7 +965,7 @@ class PopsDOMUtilsEvent {
         }
         if (checkDOMReadyState()) {
             /* 检查document状态 */
-            setTimeout(callback);
+            popsUtils.setTimeout(callback, 0);
         }
         else {
             /* 添加监听 */
@@ -1907,7 +2192,7 @@ const PopsInstanceUtils = {
             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");
@@ -1973,7 +2258,7 @@ const PopsInstanceUtils = {
             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();
@@ -1987,7 +2272,7 @@ const PopsInstanceUtils = {
                         console.error("未知direction：", direction);
                     }
                     resolve();
-                }, drawerConfig.openDelay);
+                }, drawerConfig.openDelay ?? 0);
             }
             else {
                 let findLayerIns = layerConfigList.find((layerConfigItem) => layerConfigItem.guid === guid);
@@ -2079,7 +2364,7 @@ const PopsInstanceUtils = {
                 }
             }
             if (popsType === "drawer") {
-                setTimeout(() => {
+                popsUtils.setTimeout(() => {
                     transitionendEvent();
                 }, drawerConfig.closeDelay);
             }
@@ -2296,10 +2581,10 @@ const PopsInstanceUtils = {
      */
     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); /*  前 */
@@ -3896,7 +4181,7 @@ const PopsIframe = {
         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);
@@ -4354,8 +4639,8 @@ const PopsDrawer = {
             config.beforeAppendToPageCallBack($shadowRoot, $shadowContainer);
         }
         popsDOMUtils.appendBody($shadowContainer);
-        setTimeout(() => {
-            setTimeout(() => {
+        popsUtils.setTimeout(() => {
+            popsUtils.setTimeout(() => {
                 $pops.style.setProperty("transform", "");
             }, config.openDelay);
         }, 50);
@@ -5076,12 +5361,12 @@ const PopsFolder = {
                                 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);
                             }
@@ -6323,11 +6608,11 @@ const PanelHandleContentDetails = () => {
                     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();
@@ -6347,8 +6632,8 @@ const PanelHandleContentDetails = () => {
                         }
                     }, checkStepTime);
                     /* 最长检测时间是10s */
-                    timer = setTimeout(() => {
-                        clearInterval(interval);
+                    timer = popsUtils.setTimeout(() => {
+                        popsUtils.clearInterval(interval);
                     }, maxTime);
                 },
                 /**
@@ -6716,16 +7001,16 @@ const PanelHandleContentDetails = () => {
                         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);
                 },
                 /**
@@ -8603,7 +8888,7 @@ const PopsRightClickMenu = {
         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
@@ -9089,7 +9374,7 @@ const PopsSearchSuggestion = {
         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) {
@@ -9360,7 +9645,7 @@ const PopsSearchSuggestion = {
                     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);
                 }
             },
             /**
@@ -9628,6 +9913,7 @@ const PopsTooltipConfig = () => {
         useShadowRoot: true,
         target: null,
         content: "默认文字",
+        isDiffContent: false,
         position: "top",
         className: "",
         isFixed: false,
@@ -9753,6 +10039,19 @@ class ToolTip {
         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);
     }
     /**
@@ -9771,11 +10070,12 @@ class ToolTip {
     }
     /**
      * 计算 提示框的位置
+     * @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;
@@ -9793,6 +10093,31 @@ class ToolTip {
         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,
@@ -9818,13 +10143,19 @@ class ToolTip {
                 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) {
@@ -9884,13 +10215,13 @@ class ToolTip {
             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--;
             }
@@ -9924,7 +10255,7 @@ class ToolTip {
         // 更新内容
         this.changeContent();
         // 更新tip的位置
-        this.changePosition();
+        this.changePosition(event);
         if (typeof this.$data.config.showAfterCallBack === "function") {
             this.$data.config.showAfterCallBack(this.$el.$toolTip);
         }
@@ -9969,16 +10300,24 @@ class ToolTip {
                 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") {
@@ -10092,7 +10431,7 @@ const PopsTooltip = {
         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);
@@ -10125,7 +10464,7 @@ class Pops {
     /** 配置 */
     config = {
         /** 版本号 */
-        version: "2025.5.25",
+        version: "2025.5.26",
         cssText: {
             /** 主CSS */
             index: indexCSS,
@@ -10234,7 +10573,7 @@ class Pops {
             popsDOMUtils.appendHead(animationStyle);
             this.config.animation = null;
             this.config.animation = PopsInstanceUtils.getKeyFrames(animationStyle.sheet);
-            setTimeout(() => {
+            popsUtils.setTimeout(() => {
                 animationStyle.remove();
             }, 50);
         }