@whitesev/pops 4.0.2 → 4.2.0

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-const version = "4.0.2";
+const version = "4.2.0";
 
 const GlobalConfig = {
     config: {},
@@ -57,15 +57,16 @@ const GlobalConfig = {
 };
 
 class EventEmiter {
-    #type;
-    #data = new Map();
+    [Symbol.toStringTag] = "EventEmiter";
+    type;
+    data = new Map();
     constructor(type) {
-        this.#type = type;
+        this.type = type;
     }
     on(eventName, callback) {
-        const eventList = this.#data.get(eventName) ?? [];
-        eventList.push({ type: this.#type, time: Date.now(), callback: callback });
-        this.#data.set(eventName, eventList);
+        const eventList = this.data.get(eventName) ?? [];
+        eventList.push({ type: this.type, time: Date.now(), callback: callback });
+        this.data.set(eventName, eventList);
         return {
             off: () => {
                 this.off(eventName, callback);
@@ -76,7 +77,7 @@ class EventEmiter {
         };
     }
     off(eventName, callback) {
-        const eventList = this.#data.get(eventName) ?? [];
+        const eventList = this.data.get(eventName) ?? [];
         let isOffSuccess = false;
         for (let index = eventList.length - 1; index >= 0; index--) {
             if (eventList[index].callback === callback) {
@@ -86,27 +87,27 @@ class EventEmiter {
         }
         if (eventList.length === 0) {
             // empty
-            this.#data.delete(eventName);
+            this.data.delete(eventName);
         }
         else {
             if (isOffSuccess) {
                 // update
-                this.#data.set(eventName, eventList);
+                this.data.set(eventName, eventList);
             }
         }
     }
     async emit(eventName, ...args) {
-        const eventList = this.#data.get(eventName) ?? [];
+        const eventList = this.data.get(eventName) ?? [];
         for (const item of eventList) {
             await item.callback(...args);
         }
     }
     offAll(eventName) {
         if (typeof eventName === "string") {
-            this.#data.delete(eventName);
+            this.data.delete(eventName);
         }
         else {
-            this.#data.clear();
+            this.data.clear();
         }
     }
     /**
@@ -114,10 +115,10 @@ class EventEmiter {
      */
     getAllEvents(eventName) {
         if (typeof eventName === "string") {
-            return this.#data.get(eventName);
+            return this.data.get(eventName);
         }
         else {
-            return Array.from(this.#data.values());
+            return Array.from(this.data.values());
         }
     }
 }
@@ -241,11 +242,6 @@ const PopsIcon = {
     },
 };
 
-/**
- * 存储在元素属性上的事件名
- */
-const SymbolEvents = Symbol("events_" + (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1));
-
 const OriginPrototype = {
     Object: {
         defineProperty: Object.defineProperty,
@@ -295,31 +291,31 @@ const PopsCore = {
     },
 };
 
-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$1=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}
 
-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}
+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$2=(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 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();}};
+function p$2(){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$2(){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$2(n,u)),{displacementX:n,displacementY:u,distanceX:s,distanceY:p,distance:d,overallDirection:t}}}function l$1(){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,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$1<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=u$2(s,p),n=c;}}return {velocityX:e,velocityY:r,speedX:i,speedY:a,direction:t}}}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}}}
 
-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};
+const m={name:"tap",pointLength:1,tapTimes:1,waitNextTapTime:300,maxDistance:2,maxDistanceFromPrevTap:9,maxPressTime:250};function r$3(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$2,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}
 
-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}}}
+function e(e){e.use(r$3,{name:"doubletap",tapTimes:2});const a=e.get("doubletap");let o;return e.beforeEach(((t,e)=>{"tap"===t?(clearTimeout(o),o=setTimeout((()=>{[0,2].includes(a.state)&&e();}),300)):e();})),a}
 
-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}
+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 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}
+function r$2(){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$1(t,e){const{preventDefault:n}=e;return s=n,"[object Function]"===Object.prototype.toString.call(s)?n(t):!!n;var s;}const h$1=["touchstart","touchmove","touchend","touchcancel","mousedown"],p$1=["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}};class l extends t{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$2();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$2();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$1.forEach((s=>{t.addEventListener(s,e,n);})),p$1.forEach((t=>{window.addEventListener(t,e,n);})),()=>{h$1.forEach((n=>{t.removeEventListener(n,e);})),p$1.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$1(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();}}
 
-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 p={name:"pan",threshold:10,pointLength:1};function u(u,d$1){const f$1=O(p,d$1);return u.compute([f,h$2,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 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}
+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$2,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 i$2={name:"pinch",threshold:0,pointLength:2};function r(r,m){const p=O(i$2,m);return r.compute([m$1,l],(t=>{if(g$1(p),j(p))return;const c=function(){const{pointLength:e,scale:n,deltaScale:o,phase:a}=t;return p.pointLength===e&&p.threshold<Math.abs(n-1)}();p.state=b(c,p.state,t.phase);const{name:h}=p;if(c||h$3(p.state)){r.emit2(h,t,p);const{deltaScale:e}=t;1!==e&&r.emit2(h+(1<e?"in":"out"),t,p);}const i=v$1(p.state);i&&r.emit2(h+i,t,p);})),p}
+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$2],(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}
 
-const h={name:"rotate",threshold:0,pointLength:2};function i$1(i,m){const u=O(h,m);return i.compute([m$1,p$1],(t=>{if(j(u))return;g$1(u);const r=function(){const{pointLength:e,angle:n}=t;return u.pointLength===e&&u.threshold<Math.abs(n)}();u.state=b(r,u.state,t.phase);const{name:c}=u;(r||h$3(u.state))&&i.emit2(c,t,u);const h=v$1(u.state);h&&i.emit2(c+h,t,u);})),u}
+const i$2={name:"pinch",threshold:0,pointLength:2};function r(r,m){const p=O(i$2,m);return r.compute([m$1,l$1],(t=>{if(g$1(p),j(p))return;const c=function(){const{pointLength:e,scale:n,deltaScale:o,phase:a}=t;return p.pointLength===e&&p.threshold<Math.abs(n-1)}();p.state=b(c,p.state,t.phase);const{name:h}=p;if(c||h$3(p.state)){r.emit2(h,t,p);const{deltaScale:e}=t;1!==e&&r.emit2(h+(1<e?"in":"out"),t,p);}const i=v$1(p.state);i&&r.emit2(h+i,t,p);})),p}
 
-function e(e){e.use(r$2,{name:"doubletap",tapTimes:2});const a=e.get("doubletap");let o;return e.beforeEach(((t,e)=>{"tap"===t?(clearTimeout(o),o=setTimeout((()=>{[0,2].includes(a.state)&&e();}),300)):e();})),a}
+const h={name:"rotate",threshold:0,pointLength:2};function i$1(i,m){const u=O(h,m);return i.compute([m$1,p$2],(t=>{if(j(u))return;g$1(u);const r=function(){const{pointLength:e,angle:n}=t;return u.pointLength===e&&u.threshold<Math.abs(n)}();u.state=b(r,u.state,t.phase);const{name:c}=u;(r||h$3(u.state))&&i.emit2(c,t,u);const h=v$1(u.state);h&&i.emit2(c+h,t,u);})),u}
 
-class i extends l$1{constructor(t,u$1){super(t,u$1),this.use(r$2),this.use(u),this.use(a),this.use(c),this.use(r),this.use(i$1);}}i.STATE_POSSIBLE=0,i.STATE_START=4,i.STATE_MOVE=5,i.STATE_END=1,i.STATE_CANCELLED=3,i.STATE_FAILED=2,i.STATE_RECOGNIZED=1,i.tap=r$2,i.pan=u,i.swipe=a,i.press=c,i.rotate=i$1,i.pinch=r,i.doubletap=e;
+class i extends l{constructor(t,u$1){super(t,u$1),this.use(r$3),this.use(u),this.use(a),this.use(c),this.use(r),this.use(i$1);}}i.STATE_POSSIBLE=0,i.STATE_START=4,i.STATE_MOVE=5,i.STATE_END=1,i.STATE_CANCELLED=3,i.STATE_FAILED=2,i.STATE_RECOGNIZED=1,i.tap=r$3,i.pan=u,i.swipe=a,i.press=c,i.rotate=i$1,i.pinch=r,i.doubletap=e;
 
 class PopsUtils {
     /**
@@ -428,7 +424,8 @@ class PopsUtils {
             if (typeof sourceValue === "object" &&
                 sourceValue != null &&
                 keyName in target &&
-                !UtilsContext.isDOM(sourceValue)) {
+                !UtilsContext.isDOM(sourceValue) &&
+                !(sourceValue instanceof EventEmiter)) {
                 // 源端的值是object类型，且不是元素节点
                 // 如果是数组，那此数组中有值，清空旧的数组再赋值
                 let childObjectValue;
@@ -444,7 +441,7 @@ class PopsUtils {
                 Reflect.set(target, keyName, childObjectValue);
             }
             else {
-                /* 直接赋值 */
+                // 直接赋值
                 Reflect.set(target, keyName, sourceValue);
             }
         }
@@ -634,33 +631,31 @@ class PopsUtils {
         if (typeof deviation !== "number" || Number.isNaN(deviation)) {
             deviation = 10;
         }
-        const leftTop = {
-            x: globalThis.innerWidth * (1 / 8),
-            y: globalThis.innerHeight * (1 / 8),
-        };
-        const leftBottom = {
-            x: globalThis.innerWidth * (1 / 8),
-            y: globalThis.innerHeight * (7 / 8),
-        };
-        const rightTop = {
-            x: globalThis.innerWidth * (7 / 8),
-            y: globalThis.innerHeight * (1 / 8),
-        };
-        const rightBottom = {
-            x: globalThis.innerWidth * (7 / 8),
-            y: globalThis.innerHeight * (7 / 8),
-        };
-        const center = {
-            x: globalThis.innerWidth / 2,
-            y: globalThis.innerHeight / 2,
-        };
-        const delayHandlerElementPostionList = [
-            leftTop,
-            leftBottom,
-            rightTop,
-            rightBottom,
-            center,
-        ];
+        /** 坐标偏移 */
+        const positionDistance = 10;
+        const defaultCalcPostion = [];
+        const maxPostionX = globalThis.innerWidth;
+        const maxPostionY = globalThis.innerHeight;
+        const gridXCount = 8;
+        const gridYCount = 8;
+        for (let i = 0; i < gridXCount; i++) {
+            for (let j = 0; j < gridYCount; j++) {
+                const positionX = globalThis.innerWidth * (i / gridXCount) + positionDistance;
+                const positionY = globalThis.innerHeight * (j / gridYCount) + positionDistance;
+                const position = {
+                    x: positionX,
+                    y: positionY,
+                };
+                if (position.x > maxPostionX) {
+                    position.x = maxPostionX;
+                }
+                if (position.y > maxPostionY) {
+                    position.y = maxPostionY;
+                }
+                defaultCalcPostion.push(position);
+            }
+        }
+        const delayHandlerElementPostionList = defaultCalcPostion;
         if ($el) {
             delayHandlerElementPostionList.length = 0;
             if (Array.isArray($el)) {
@@ -672,61 +667,79 @@ class PopsUtils {
         }
         const positionInfoList = delayHandlerElementPostionList
             .map((position) => {
-            let positionNode;
+            let $position;
             let positionX;
             let positionY;
             if (position instanceof HTMLElement) {
-                positionNode = position;
+                $position = position;
                 const nodeRect = position.getBoundingClientRect();
                 positionX = nodeRect.x + nodeRect.width / 2;
                 positionY = nodeRect.y + nodeRect.height / 2;
             }
             else {
-                positionNode = document.elementFromPoint(position.x, position.y);
+                $position = document.elementFromPoint(position.x, position.y);
                 positionX = position.x;
                 positionY = position.y;
             }
-            const shadowRoot = positionNode?.shadowRoot;
+            const shadowRoot = $position?.shadowRoot;
             if (shadowRoot) {
-                positionNode = shadowRoot.elementFromPoint(positionX, positionY);
+                // 处理ShadowRoot
+                $position = shadowRoot.elementFromPoint(positionX, positionY);
             }
-            if (positionNode instanceof HTMLStyleElement)
-                return;
-            if (positionNode instanceof HTMLScriptElement)
-                return;
-            if (positionNode instanceof HTMLMetaElement)
-                return;
-            if (positionNode instanceof HTMLHeadElement)
-                return;
-            if (!(positionNode instanceof HTMLElement))
+            if (!($position instanceof HTMLElement))
                 return;
-            let parent = positionNode;
+            let $parent = $position;
             let zIndex = 0;
-            let maxZIndexNode = null;
-            while (parent) {
-                const nodeStyle = globalThis.getComputedStyle(parent);
+            let $maxZIndexNode = null;
+            let rect = {
+                x: 0,
+                y: 0,
+                width: 0,
+                height: 0,
+                top: 0,
+                right: 0,
+                bottom: 0,
+                left: 0,
+            };
+            while ($parent) {
+                const nodeStyle = globalThis.getComputedStyle($parent);
                 const nodeZIndex = parseInt(nodeStyle.zIndex);
                 if (nodeStyle.position !== "static" && !isNaN(nodeZIndex)) {
                     if (nodeZIndex > zIndex) {
                         zIndex = nodeZIndex;
-                        maxZIndexNode = parent;
-                    }
-                }
-                parent = parent.parentElement;
+                        $maxZIndexNode = $parent;
+                    }
+                }
+                $parent = $parent.parentElement;
+            }
+            if ($maxZIndexNode) {
+                const maxRect = $maxZIndexNode.getBoundingClientRect();
+                rect = {
+                    x: maxRect.x,
+                    y: maxRect.y,
+                    width: maxRect.width,
+                    height: maxRect.height,
+                    top: maxRect.top,
+                    right: maxRect.right,
+                    bottom: maxRect.bottom,
+                    left: maxRect.left,
+                };
             }
             return {
-                /** 处理了偏移量后的z-index值 */
+                /** 计算偏移量后的z-index值 */
                 zIndex: zIndex + deviation,
-                /** 原始z-index值 */
+                /** 获取到的最大的z-index值 */
                 originZIndex: zIndex,
                 /** 拥有最大z-index的元素 */
-                node: maxZIndexNode,
+                node: $maxZIndexNode,
                 /** 目标坐标元素 */
-                positionNode: positionNode,
-                /** x坐标 */
+                positionNode: $position,
+                /** 目标x坐标 */
                 positionX: positionX,
-                /** y坐标 */
+                /** 目标y坐标 */
                 positionY: positionY,
+                /** node位置信息 */
+                rect,
             };
         })
             .filter((it) => it != null);
@@ -777,11 +790,22 @@ const PopsSafeUtils = {
 const PopsCommonCSSClassName = {
     flexCenter: "pops-flex-items-center",
     flexYCenter: "pops-flex-y-center",
+    flexXCenter: "pops-flex-x-center",
     hide: "pops-hide",
     hideImportant: "pops-hide-important",
+    noBorder: "pops-no-border",
+    noBorderImportant: "pops-no-border-important",
     userSelectNone: "pops-user-select-none",
-    textIsDisabled: "pops-text-is-disabled"};
+    lineHeightCenter: "pops-line-height-center",
+    widthFill: "pops-width-fill",
+    textIsDisabled: "pops-text-is-disabled",
+    textIsDisabledImportant: "pops-text-is-disabled-important",
+};
 
+/**
+ * 存储在元素属性上的事件名
+ */
+const SymbolEvents = Symbol("events_" + (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1));
 class PopsDOMUtilsEvent {
     on(element, eventType, selector, callback, option) {
         /**
@@ -3126,6 +3150,134 @@ const PopsInstData = {
     tooltip: [],
 };
 
+const PopsInstanceUtils = {
+    /**
+     * 获取pops所有弹窗中的最大的z-index
+     * @param deviation
+     */
+    getPopsMaxZIndex(deviation = 1) {
+        deviation = Number.isNaN(deviation) ? 1 : deviation;
+        // 最大值 2147483647
+        // const browserMaxZIndex = Math.pow(2, 31) - 1;
+        // 比较值 2000000000
+        const maxZIndex = 2 * Math.pow(10, 9);
+        // 当前页面最大的z-index
+        let zIndex = 0;
+        // 当前的最大z-index的元素，调试使用
+        let maxZIndexNode = null;
+        Object.keys(PopsInstData).forEach((instKeyName) => {
+            const instData = PopsInstData[instKeyName];
+            for (let index = 0; index < instData.length; index++) {
+                const inst = instData[index];
+                // 不对position为static和display为none的元素进行获取它们的z-index
+                const $elList = [inst.$anim, inst.$pops, inst.$mask].filter((it) => it instanceof HTMLElement);
+                const nodeZIndexInfoList = popsUtils.getMaxZIndexNodeInfoFromPoint($elList);
+                const maxNodeZIndexInfo = nodeZIndexInfoList[0];
+                if (maxNodeZIndexInfo) {
+                    const nodeZIndex = maxNodeZIndexInfo.zIndex;
+                    if (nodeZIndex > zIndex) {
+                        zIndex = nodeZIndex;
+                        maxZIndexNode = maxNodeZIndexInfo.node || maxNodeZIndexInfo.positionNode;
+                    }
+                }
+            }
+        });
+        zIndex += deviation;
+        const isOverMaxZIndex = zIndex >= maxZIndex;
+        if (isOverMaxZIndex) {
+            // 超出z-index最大值
+            zIndex = maxZIndex;
+        }
+        return { zIndex: zIndex, animElement: maxZIndexNode, isOverMaxZIndex };
+    },
+    /**
+     * 排序数组
+     * @param getBeforeValueFun
+     * @param getAfterValueFun
+     * @param sortByDesc 排序是否降序，默认降序
+     */
+    sortElementListByProperty(getBeforeValueFun, getAfterValueFun, sortByDesc = true) {
+        if (typeof sortByDesc !== "boolean") {
+            throw new TypeError("参数 sortByDesc 必须为boolean类型");
+        }
+        if (getBeforeValueFun == null || getAfterValueFun == null) {
+            throw new Error("获取前面的值或后面的值的方法不能为空");
+        }
+        return function (after_obj, before_obj) {
+            const beforeValue = getBeforeValueFun(before_obj); //  前
+            const afterValue = getAfterValueFun(after_obj); // 后
+            if (sortByDesc) {
+                if (afterValue > beforeValue) {
+                    return -1;
+                }
+                else if (afterValue < beforeValue) {
+                    return 1;
+                }
+                else {
+                    return 0;
+                }
+            }
+            else {
+                if (afterValue < beforeValue) {
+                    return -1;
+                }
+                else if (afterValue > beforeValue) {
+                    return 1;
+                }
+                else {
+                    return 0;
+                }
+            }
+        };
+    },
+    /**
+     * 是否是隐藏状态
+     *
+     * 检测以下项：
+     *
+     * + `display`: none
+     * + `visibility`: hidden
+     * + `opacity`: 0
+     * + `使用了pops的自定义的隐藏class类`
+     * @param $el 需要检测的元素
+     */
+    isHide($el) {
+        let flag = false;
+        if ($el?.classList?.contains(PopsCommonCSSClassName.hide) ||
+            $el?.classList?.contains(PopsCommonCSSClassName.hideImportant)) {
+            flag = true;
+        }
+        else {
+            if ($el instanceof HTMLElement) {
+                const style = $el.style;
+                flag = style.display.includes("none") || style.visibility.includes("hidden") || style.opacity !== "0";
+            }
+            if (!flag) {
+                const style = globalThis.getComputedStyle($el);
+                flag = style.display.includes("none") || style.visibility.includes("hidden") || style.opacity !== "0";
+            }
+        }
+        return flag;
+    },
+    /**
+     * 判断元素是否是在`.pops`内
+     * @param $el 目标元素
+     */
+    isNodeInPopsNode($el) {
+        return !!($el.closest(".pops") || $el.matches(".pops"));
+    },
+    /**
+     * 判断是否是`.pops-anim`元素
+     * @param $el 目标元素
+     */
+    isAnimNode($el) {
+        return !!($el?.localName?.toLowerCase() === "div" &&
+            $el.className &&
+            $el.className === "pops-anim" &&
+            $el.hasAttribute("anim"));
+    },
+};
+
 const PopsInstHandler = {
     /**
      * 删除配置中对应的对象
@@ -3188,7 +3340,7 @@ const PopsInstHandler = {
         return totalInstConfigList;
     },
     /**
-     * 隐藏
+     * 显示
      * @param popsType
      * @param instConfigList
      * @param guid
@@ -3196,24 +3348,34 @@ const PopsInstHandler = {
      * @param $anim
      * @param $mask
      */
-    hide(config, popsType, instConfigList, guid, $anim, $mask) {
+    show(config, popsType, instConfigList, guid, $anim, $mask) {
         // oxlint-disable-next-line no-async-promise-executor
         return new Promise(async (resolve) => {
             const $pops = $anim.querySelector(".pops[type-value]");
             const fintInst = instConfigList.find((instConfigItem) => instConfigItem.guid === guid);
             if (fintInst) {
-                // 存在实例
+                // 由于是隐蔽状态
+                // 先设置好动画状态
+                // 再显示，会自执行动画
+                const checkVisible = () => {
+                    if (!PopsInstanceUtils.isHide($anim)) {
+                        return true;
+                    }
+                    else {
+                        return false;
+                    }
+                };
                 const startAnim = async () => {
                     if (popsType === "drawer") {
                         // drawer是抽屉
                         // 单独处理动画
                         const drawerConfig = config;
-                        await popsUtils.sleep(drawerConfig.closeDelay ?? 0);
+                        await popsUtils.sleep(drawerConfig.openDelay ?? 0);
                         if ($mask) {
-                            popsDOMUtils.css($mask, "display", "none");
+                            popsDOMUtils.css($mask, "display", "");
                         }
                         const direction = drawerConfig.direction;
-                        const size = "0";
+                        const size = drawerConfig.size.toString();
                         if (["top", "bottom"].includes(direction)) {
                             $pops.style.setProperty("height", size);
                         }
@@ -3221,26 +3383,26 @@ const PopsInstHandler = {
                             $pops.style.setProperty("width", size);
                         }
                         else {
-                            console.error("未知direction: ", direction);
+                            console.error("未知direction：", direction);
                         }
                     }
                     else {
-                        instConfigItem.$anim.style.width = "100%";
-                        instConfigItem.$anim.style.height = "100%";
-                        Reflect.set(instConfigItem.$anim.style, "animation-name", instConfigItem.$anim.getAttribute("anim") + "-reverse");
+                        instConfigItem.$anim.style.width = "";
+                        instConfigItem.$anim.style.height = "";
+                        Reflect.set(instConfigItem.$anim.style, "animation-name", animName);
                     }
-                };
-                const endCallback = () => {
-                    instConfigItem.$anim.style.display = "none";
+                    instConfigItem.$anim.style.display = "";
                     if (instConfigItem.$mask) {
-                        instConfigItem.$mask.style.display = "none";
+                        instConfigItem.$mask.style.display = "";
                     }
-                    fintInst.emitter.emit("pops:hide", instConfigItem);
+                };
+                const endCallback = () => {
+                    fintInst.emitter.emit("pops:show", instConfigItem);
                 };
                 const instConfigItem = fintInst;
-                fintInst.emitter.emit("pops:before-hide", instConfigItem);
-                await startAnim();
-                if (PopsAnimation.hasAnim(Reflect.get(instConfigItem.$anim.style, "animation-name"))) {
+                const animName = instConfigItem.$anim.getAttribute("anim").replace("-reverse", "");
+                fintInst.emitter.emit("pops:before-show", instConfigItem);
+                if (checkVisible() && PopsAnimation.hasAnim(animName)) {
                     /**
                      * 动画结束的回调
                      */
@@ -3251,22 +3413,23 @@ const PopsInstHandler = {
                     };
                     const listener = popsDOMUtils.on(instConfigItem.$anim, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
                         capture: true,
-                        once: true,
                     });
+                    await startAnim();
                 }
                 else {
+                    await startAnim();
                     endCallback();
                     resolve();
                 }
             }
             else {
-                console.error("hide-error: 该实例未存储");
+                console.error("show-error: 该实例未存储");
                 resolve();
             }
         });
     },
     /**
-     * 显示
+     * 隐藏
      * @param popsType
      * @param instConfigList
      * @param guid
@@ -3274,23 +3437,35 @@ const PopsInstHandler = {
      * @param $anim
      * @param $mask
      */
-    show(config, popsType, instConfigList, guid, $anim, $mask) {
+    hide(config, popsType, instConfigList, guid, $anim, $mask) {
         // oxlint-disable-next-line no-async-promise-executor
         return new Promise(async (resolve) => {
             const $pops = $anim.querySelector(".pops[type-value]");
             const fintInst = instConfigList.find((instConfigItem) => instConfigItem.guid === guid);
             if (fintInst) {
+                // 由于是已显示状态
+                // 先执行动画
+                // 再隐藏
+                // 存在实例
+                const checkVisible = () => {
+                    if (!PopsInstanceUtils.isHide($anim)) {
+                        return true;
+                    }
+                    else {
+                        return false;
+                    }
+                };
                 const startAnim = async () => {
                     if (popsType === "drawer") {
                         // drawer是抽屉
                         // 单独处理动画
                         const drawerConfig = config;
-                        await popsUtils.sleep(drawerConfig.openDelay ?? 0);
+                        await popsUtils.sleep(drawerConfig.closeDelay ?? 0);
                         if ($mask) {
-                            popsDOMUtils.css($mask, "display", "");
+                            popsDOMUtils.css($mask, "display", "none");
                         }
                         const direction = drawerConfig.direction;
-                        const size = drawerConfig.size.toString();
+                        const size = "0";
                         if (["top", "bottom"].includes(direction)) {
                             $pops.style.setProperty("height", size);
                         }
@@ -3298,26 +3473,27 @@ const PopsInstHandler = {
                             $pops.style.setProperty("width", size);
                         }
                         else {
-                            console.error("未知direction：", direction);
+                            console.error("未知direction: ", direction);
                         }
                     }
                     else {
-                        instConfigItem.$anim.style.width = "";
-                        instConfigItem.$anim.style.height = "";
-                        Reflect.set(instConfigItem.$anim.style, "animation-name", instConfigItem.$anim.getAttribute("anim").replace("-reverse", ""));
+                        instConfigItem.$anim.style.width = "100%";
+                        instConfigItem.$anim.style.height = "100%";
+                        Reflect.set(instConfigItem.$anim.style, "animation-name", reverseAnimName);
                     }
                 };
                 const endCallback = () => {
-                    instConfigItem.$anim.style.display = "";
+                    instConfigItem.$anim.style.display = "none";
                     if (instConfigItem.$mask) {
-                        instConfigItem.$mask.style.display = "";
+                        instConfigItem.$mask.style.display = "none";
                     }
-                    fintInst.emitter.emit("pops:show", instConfigItem);
+                    fintInst.emitter.emit("pops:hide", instConfigItem);
                 };
                 const instConfigItem = fintInst;
-                fintInst.emitter.emit("pops:before-show", instConfigItem);
-                await startAnim();
-                if (PopsAnimation.hasAnim(Reflect.get(instConfigItem.$anim.style, "animation-name"))) {
+                const animName = instConfigItem.$anim.getAttribute("anim").replace("-reverse", "");
+                const reverseAnimName = animName + "-reverse";
+                fintInst.emitter.emit("pops:before-hide", instConfigItem);
+                if (!checkVisible() && PopsAnimation.hasAnim(reverseAnimName)) {
                     /**
                      * 动画结束的回调
                      */
@@ -3328,15 +3504,18 @@ const PopsInstHandler = {
                     };
                     const listener = popsDOMUtils.on(instConfigItem.$anim, popsDOMUtils.getAnimationEndNameList(), animationendCallBack, {
                         capture: true,
+                        once: true,
                     });
+                    await startAnim();
                 }
                 else {
+                    await startAnim();
                     endCallback();
                     resolve();
                 }
             }
             else {
-                console.error("show-error: 该实例未存储");
+                console.error("hide-error: 该实例未存储");
                 resolve();
             }
         });
@@ -3376,7 +3555,7 @@ const PopsInstHandler = {
         await new Promise(async (resolve) => {
             const $pops = $anim.querySelector(".pops[type-value]");
             const drawerConfig = config;
-            const start = () => {
+            const startAnim = () => {
                 /**
                  * 弹窗已关闭的回调
                  */
@@ -3417,7 +3596,7 @@ const PopsInstHandler = {
             };
             if (popsType === "drawer") {
                 await popsUtils.sleep(drawerConfig.closeDelay ?? 0);
-                start();
+                startAnim();
             }
             else {
                 await PopsInstHandler.removeInstance([instConfigList], guid);
@@ -3697,11 +3876,11 @@ const PopsHandler = {
          * 点击其它区域的事件
          * @param event
          */
-        function clickEvent(event) {
+        const clickEvent = (event) => {
             popsDOMUtils.preventEvent(event);
             // 获取该类型实例存储列表
             const targetInst = PopsInstData[config.type];
-            function originalRun() {
+            const continueExec = () => {
                 if (config.config.mask.clickEvent.toClose) {
                     // 关闭
                     return PopsInstHandler.close(config.config, config.type, targetInst, config.guid, config.animElement);
@@ -3710,37 +3889,26 @@ const PopsHandler = {
                     // 隐藏
                     return PopsInstHandler.hide(config.config, config.type, targetInst, config.guid, config.animElement, result.maskElement);
                 }
-            }
+            };
             if (typeof config.config.mask.clickCallBack === "function") {
-                config.config.mask.clickCallBack(originalRun, config.config);
+                config.config.mask.clickCallBack(continueExec, config.config);
             }
             else {
-                originalRun();
+                continueExec();
             }
             return false;
-        }
+        };
         // 判断是否启用了遮罩层点击动作
         if (config.config.mask.clickEvent.toClose || config.config.mask.clickEvent.toHide) {
-            /**
-             * 判断点击的元素是否是动画层的元素
-             * @param element
-             * @returns
-             */
-            function isAnimElement(element) {
-                return Boolean(element?.localName?.toLowerCase() === "div" &&
-                    element.className &&
-                    element.className === "pops-anim" &&
-                    element.hasAttribute("anim"));
-            }
             // 判断按下的元素是否是pops-anim
             popsDOMUtils.on(config.animElement, "pointerup", (event) => {
                 const $click = event.composedPath()[0];
-                isMaskClick = isAnimElement($click);
+                isMaskClick = PopsInstanceUtils.isAnimNode($click);
             });
             // 如果有动画层，在动画层上监听点击事件
             popsDOMUtils.on(config.animElement, "click", (event) => {
                 const $click = event.composedPath()[0];
-                if (isMaskClick && isAnimElement($click)) {
+                if (isMaskClick && PopsInstanceUtils.isAnimNode($click)) {
                     return clickEvent(event);
                 }
             });
@@ -4168,8 +4336,8 @@ const PopsAlertDefaultConfig = () => {
         style: null,
         lightStyle: null,
         darkStyle: null,
-        beforeAppendToPageCallBack() { },
         stopKeyDownEventPropagation: true,
+        emitter: null,
     };
 };
 
@@ -4178,11 +4346,11 @@ const PopsAlert = {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
         const popsType = "alert";
-        const emitter = new EventEmiter(popsType);
         let config = PopsAlertDefaultConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, __config__);
         config = PopsHandler.handleOnly(popsType, config);
+        const emitter = config.emitter ?? new EventEmiter(popsType);
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
             {
@@ -4376,8 +4544,8 @@ const PopsConfirmDefaultConfig = () => {
         style: null,
         lightStyle: null,
         darkStyle: null,
-        beforeAppendToPageCallBack() { },
         stopKeyDownEventPropagation: true,
+        emitter: null,
     };
 };
 
@@ -4386,11 +4554,11 @@ const PopsConfirm = {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
         const popsType = "confirm";
-        const emitter = new EventEmiter(popsType);
         let config = PopsConfirmDefaultConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, __config__);
         config = PopsHandler.handleOnly(popsType, config);
+        const emitter = config.emitter ?? new EventEmiter(popsType);
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
             {
@@ -4583,9 +4751,9 @@ const PopsDrawerDefaultConfig = () => {
         style: null,
         lightStyle: null,
         darkStyle: null,
-        beforeAppendToPageCallBack() { },
         forbiddenScroll: false,
         stopKeyDownEventPropagation: true,
+        emitter: null,
     };
 };
 
@@ -4594,11 +4762,11 @@ const PopsDrawer = {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
         const popsType = "drawer";
-        const emitter = new EventEmiter(popsType);
         let config = PopsDrawerDefaultConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, __config__);
         config = PopsHandler.handleOnly(popsType, config);
+        const emitter = config.emitter ?? new EventEmiter(popsType);
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
             {
@@ -4809,6 +4977,7 @@ const PopsLoadingDefaultConfig = () => {
         darkStyle: null,
         addIndexCSS: true,
         stopKeyDownEventPropagation: true,
+        emitter: null,
     };
 };
 
@@ -4816,19 +4985,19 @@ const PopsLoading = {
     init(__config__) {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
-        const PopsType = "loading";
-        const emitter = new EventEmiter(PopsType);
+        const popsType = "loading";
         let config = PopsLoadingDefaultConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, __config__);
-        config = PopsHandler.handleOnly(PopsType, config);
+        config = PopsHandler.handleOnly(popsType, config);
+        const emitter = config.emitter ?? new EventEmiter(popsType);
         // 先把z-index提取出来
         const zIndex = PopsHandler.getTargerOrFunctionValue(config.zIndex);
         const maskHTML = PopsElementHandler.createMask(guid, zIndex);
         const { contentPStyle } = PopsElementHandler.createContentStyle("loading", config);
-        const animHTML = PopsElementHandler.createAnim(guid, PopsType, config, 
+        const animHTML = PopsElementHandler.createAnim(guid, popsType, config, 
         /*html*/ `
-            <div class="pops-content pops-${PopsType}-content">${config.addIndexCSS
+            <div class="pops-content pops-${popsType}-content">${config.addIndexCSS
             ? /*html*/ `
                 <style data-model-name="index">${PopsCSS.index}</style>
                 <style data-model-name="anim">${PopsCSS.anim}</style>
@@ -4839,13 +5008,13 @@ const PopsLoading = {
                     ${PopsCSS.loadingCSS}
                 </style>
             ${config.style != null ? `<style>${config.style}</style>` : ""}
-            	<p pops class="pops-${PopsType}-content-text" style="${contentPStyle}">${config.content.text}</p>
+            	<p pops class="pops-${popsType}-content-text" style="${contentPStyle}">${config.content.text}</p>
             </div>`, "", zIndex);
         /**
          * 弹窗的主元素，包括动画层
          */
         const $anim = PopsElementHandler.parseElement(animHTML);
-        const { $pops: $pops } = PopsHandler.handleQueryElement($anim, PopsType);
+        const { $pops: $pops } = PopsHandler.handleQueryElement($anim, popsType);
         /**
          * 遮罩层元素
          */
@@ -4857,7 +5026,7 @@ const PopsLoading = {
         if (config.mask.enable) {
             // 创建遮罩层
             const handleMask = PopsHandler.handleMask({
-                type: PopsType,
+                type: popsType,
                 guid: guid,
                 config: config,
                 animElement: $anim,
@@ -4866,12 +5035,12 @@ const PopsLoading = {
             $mask = handleMask.maskElement;
             $elList.push($mask);
         }
-        const evtConfig = PopsHandler.handleLoadingEventConfig(config, guid, PopsType, $anim, $pops, emitter, $mask);
+        const evtConfig = PopsHandler.handleLoadingEventConfig(config, guid, popsType, $anim, $pops, emitter, $mask);
         popsDOMUtils.append(config.$parent, $elList);
         if ($mask != null) {
             $anim.after($mask);
         }
-        PopsHandler.handlePush(PopsType, {
+        PopsHandler.handlePush(popsType, {
             $shadowContainer: $pops,
             $shadowRoot: $pops,
             guid: guid,
@@ -5040,8 +5209,8 @@ const PopsFolderDefaultConfig = () => {
         style: null,
         lightStyle: null,
         darkStyle: null,
-        beforeAppendToPageCallBack() { },
         stopKeyDownEventPropagation: true,
+        emitter: null,
     };
 };
 
@@ -5078,11 +5247,11 @@ const PopsFolder = {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
         const popsType = "folder";
-        const emitter = new EventEmiter(popsType);
         let config = PopsFolderDefaultConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, __config__);
         config = PopsHandler.handleOnly(popsType, config);
+        const emitter = config.emitter ?? new EventEmiter(popsType);
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
             {
@@ -6005,8 +6174,8 @@ const PopsIframeDefaultConfig = () => {
         style: null,
         lightStyle: null,
         darkStyle: null,
-        beforeAppendToPageCallBack() { },
         stopKeyDownEventPropagation: true,
+        emitter: null,
     };
 };
 
@@ -6015,7 +6184,6 @@ const PopsIframe = {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
         const popsType = "iframe";
-        const emitter = new EventEmiter(popsType);
         let config = PopsIframeDefaultConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, __config__);
@@ -6023,6 +6191,8 @@ const PopsIframe = {
             throw new TypeError("config.url must not be null.");
         }
         config = PopsHandler.handleOnly(popsType, config);
+        const emitter = config.emitter ??
+            new EventEmiter(popsType);
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
             {
@@ -6050,7 +6220,7 @@ const PopsIframe = {
                 css: PopsCSS.iframeCSS,
             },
         ]);
-        const maskExtraStyle = config.animation != null && config.animation != "" ? "position:absolute;" : "";
+        const maskExtraStyle = config.animation != null && config.animation != "" && config.animation ? "position:absolute;" : "";
         // 先把z-index提取出来
         const zIndex = PopsHandler.getTargerOrFunctionValue(config.zIndex);
         const maskHTML = PopsElementHandler.createMask(guid, zIndex, maskExtraStyle);
@@ -7131,9 +7301,9 @@ const PopsPanelDefaultConfig = () => {
         style: null,
         lightStyle: null,
         darkStyle: null,
-        beforeAppendToPageCallBack() { },
         stopKeyDownEventPropagation: true,
         listenEscapeKeyUpToExitDeepMenu: true,
+        emitter: null,
     };
 };
 
@@ -7245,7 +7415,7 @@ const PopsTooltipDefaultConfig = () => {
         style: "",
         lightStyle: null,
         darkStyle: null,
-        beforeAppendToPageCallBack() { },
+        emitter: null,
     };
 };
 
@@ -7713,7 +7883,6 @@ const PopsTooltip = {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
         const popsType = "tooltip";
-        const emitter = new EventEmiter(popsType);
         let config = PopsTooltipDefaultConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, __config__);
@@ -7730,6 +7899,7 @@ const PopsTooltip = {
                 config.onShowEventName += ` ${it}`;
             });
         }
+        const emitter = config.emitter ?? new EventEmiter(popsType);
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
             {
@@ -9644,12 +9814,12 @@ const PanelHandlerComponents = () => {
                                 },
                                 mask: {
                                     enable: true,
-                                    clickCallBack(originalRun) {
+                                    clickCallBack(continueExec) {
                                         const ret = dialogCloseCallback();
                                         if (typeof ret === "boolean" && !ret) {
                                             return;
                                         }
-                                        originalRun();
+                                        continueExec();
                                     },
                                     clickEvent: {
                                         toClose: true,
@@ -10861,8 +11031,8 @@ const PanelHandlerComponents = () => {
                             },
                             mask: {
                                 enable: true,
-                                clickCallBack(originalRun) {
-                                    originalRun();
+                                clickCallBack(continueExec) {
+                                    continueExec();
                                     dialogCloseCallback();
                                 },
                                 clickEvent: {
@@ -11595,11 +11765,11 @@ const PopsPanel = {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
         const popsType = "panel";
-        const emitter = new EventEmiter(popsType);
         let config = PopsPanelDefaultConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, __config__);
         config = PopsHandler.handleOnly(popsType, config);
+        const emitter = config.emitter ?? new EventEmiter(popsType);
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
             {
@@ -11849,8 +12019,8 @@ const PopsPromptDefaultConfig = () => {
         style: null,
         lightStyle: null,
         darkStyle: null,
-        beforeAppendToPageCallBack() { },
         stopKeyDownEventPropagation: true,
+        emitter: null,
     };
 };
 
@@ -11859,11 +12029,11 @@ const PopsPrompt = {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
         const popsType = "prompt";
-        const emitter = new EventEmiter(popsType);
         let config = PopsPromptDefaultConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, __config__);
         config = PopsHandler.handleOnly(popsType, config);
+        const emitter = config.emitter ?? new EventEmiter(popsType);
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
             {
@@ -12084,10 +12254,10 @@ const PopsRightClickMenuDefaultConfig = () => {
         style: null,
         lightStyle: null,
         darkStyle: null,
-        beforeAppendToPageCallBack() { },
         limitPositionXInView: true,
         limitPositionYInView: true,
         beforeShowCallBack() { },
+        emitter: null,
     };
 };
 
@@ -12096,11 +12266,11 @@ const PopsRightClickMenu = {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
         const popsType = "rightClickMenu";
-        const emitter = new EventEmiter(popsType);
         let config = PopsRightClickMenuDefaultConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, __config__);
         config = PopsHandler.handleOnly(popsType, config);
+        const emitter = config.emitter ?? new EventEmiter(popsType);
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
             {
@@ -12722,6 +12892,7 @@ const PopsSearchSuggestionDefaultConfig = () => {
         style: "",
         lightStyle: null,
         darkStyle: null,
+        emitter: null,
     };
 };
 
@@ -12730,7 +12901,6 @@ const PopsSearchSuggestion = {
         const guid = popsUtils.getRandomGUID();
         // 设置当前类型
         const popsType = "searchSuggestion";
-        const emitter = new EventEmiter(popsType);
         let config = PopsSearchSuggestionDefaultConfig();
         config = popsUtils.assign(config, GlobalConfig.getGlobalConfig());
         config = popsUtils.assign(config, __config__);
@@ -12738,6 +12908,7 @@ const PopsSearchSuggestion = {
         if (config.$inputTarget == null) {
             config.$inputTarget = config.$target;
         }
+        const emitter = config.emitter ?? new EventEmiter(popsType);
         const { $shadowContainer, $shadowRoot } = PopsHandler.handlerShadow(config);
         PopsHandler.handleInit($shadowRoot, [
             {
@@ -13506,93 +13677,12 @@ const PopsSearchSuggestion = {
     },
 };
 
-const PopsInstanceUtils = {
-    /**
-     * 获取pops所有弹窗中的最大的z-index
-     * @param deviation
-     */
-    getPopsMaxZIndex(deviation = 1) {
-        deviation = Number.isNaN(deviation) ? 1 : deviation;
-        // 最大值 2147483647
-        // const browserMaxZIndex = Math.pow(2, 31) - 1;
-        // 比较值 2000000000
-        const maxZIndex = 2 * Math.pow(10, 9);
-        // 当前页面最大的z-index
-        let zIndex = 0;
-        // 当前的最大z-index的元素，调试使用
-        let maxZIndexNode = null;
-        Object.keys(PopsInstData).forEach((instKeyName) => {
-            const instData = PopsInstData[instKeyName];
-            for (let index = 0; index < instData.length; index++) {
-                const inst = instData[index];
-                // 不对position为static和display为none的元素进行获取它们的z-index
-                const $elList = [inst.$anim, inst.$pops, inst.$mask].filter((it) => it instanceof HTMLElement);
-                const nodeZIndexInfoList = popsUtils.getMaxZIndexNodeInfoFromPoint($elList);
-                const maxNodeZIndexInfo = nodeZIndexInfoList[0];
-                if (maxNodeZIndexInfo) {
-                    const nodeZIndex = maxNodeZIndexInfo.zIndex;
-                    if (nodeZIndex > zIndex) {
-                        zIndex = nodeZIndex;
-                        maxZIndexNode = maxNodeZIndexInfo.node || maxNodeZIndexInfo.positionNode;
-                    }
-                }
-            }
-        });
-        zIndex += deviation;
-        const isOverMaxZIndex = zIndex >= maxZIndex;
-        if (isOverMaxZIndex) {
-            // 超出z-index最大值
-            zIndex = maxZIndex;
-        }
-        return { zIndex: zIndex, animElement: maxZIndexNode, isOverMaxZIndex };
-    },
-    /**
-     * 排序数组
-     * @param getBeforeValueFun
-     * @param getAfterValueFun
-     * @param sortByDesc 排序是否降序，默认降序
-     */
-    sortElementListByProperty(getBeforeValueFun, getAfterValueFun, sortByDesc = true) {
-        if (typeof sortByDesc !== "boolean") {
-            throw new TypeError("参数 sortByDesc 必须为boolean类型");
-        }
-        if (getBeforeValueFun == null || getAfterValueFun == null) {
-            throw new Error("获取前面的值或后面的值的方法不能为空");
-        }
-        return function (after_obj, before_obj) {
-            const beforeValue = getBeforeValueFun(before_obj); //  前
-            const afterValue = getAfterValueFun(after_obj); // 后
-            if (sortByDesc) {
-                if (afterValue > beforeValue) {
-                    return -1;
-                }
-                else if (afterValue < beforeValue) {
-                    return 1;
-                }
-                else {
-                    return 0;
-                }
-            }
-            else {
-                if (afterValue < beforeValue) {
-                    return -1;
-                }
-                else if (afterValue > beforeValue) {
-                    return 1;
-                }
-                else {
-                    return 0;
-                }
-            }
-        };
-    },
-};
-
 class Pops {
     /** 配置 */
     config = {
         /** 版本号 */
         version: version,
+        /** 样式配置 */
         cssText: PopsCSS,
         /** icon图标的svg代码 */
         iconSVG: PopsIcon.$data,
@@ -13600,12 +13690,9 @@ class Pops {
         animation: PopsAnimation.$data,
         /** 存储已创建的元素 */
         instData: PopsInstData,
-        /** 禁止滚动 */
-        forbiddenScroll: {
-            event(event) {
-                return popsDOMUtils.preventEvent(event);
-            },
-        },
+    };
+    /** 导出的函数 */
+    fn = {
         /** pops使用的工具类 */
         Utils: popsUtils,
         /** pops使用的DOM工具类 */
@@ -13615,15 +13702,16 @@ class Pops {
         /** pops处理float类型使用的工具类 */
         MathFloatUtils: PopsMathFloatUtils,
         /** 实例处理函数 */
-        PopsInstHandler,
+        InstHandler: PopsInstHandler,
         /** pops.panel中用于处理各个类型的工具 */
-        PanelHandlerComponents,
+        PanelHandlerComponents: PanelHandlerComponents,
         /** pops.panel中的动画 */
-        PopsAnimation,
+        Animation: PopsAnimation,
         /** 事件类 */
-        EventEmiter,
+        EventEmiter: EventEmiter,
+        /** 通用的CSS类名 */
+        CommonCSSClassName: PopsCommonCSSClassName,
     };
-    init() { }
     /**
      * 释放原有的pops控制权
      * @example