@whitesev/pops 4.1.0 → 4.2.1

package/dist/index.system.js

@@ -3,7 +3,7 @@ System.register('pops', [], (function (exports) {
   return {
     execute: (function () {
 
-      const version = "4.1.0";
+      const version = "4.2.1";
 
       const GlobalConfig = {
           config: {},
@@ -247,11 +247,6 @@ System.register('pops', [], (function (exports) {
           },
       };
 
-      /**
-       * 存储在元素属性上的事件名
-       */
-      const SymbolEvents = Symbol("events_" + (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1));
-
       const OriginPrototype = {
           Object: {
               defineProperty: Object.defineProperty,
@@ -301,31 +296,31 @@ System.register('pops', [], (function (exports) {
           },
       };
 
-      let t$1 = class t{constructor(){this.__map={};}beforeEach(t){this.__interceptor=t;}on(t,i){const s=Array.isArray(t)?t:[t];for(const t of s){this.__map[t]=this.__map[t]||[];const s=this.__map[t];s&&s.push(i);}return this}emit(t,i,s){ void 0!==this.__interceptor?this.__interceptor(t,(()=>{this.__emit(t,i),s&&s();})):(this.__emit(t,i),s&&s());}__emit(t,i){const s=this.__map[t];if(Array.isArray(s)&&(null==s?void 0:s.length))for(const _ of s)_(i,t);this.event=i;}off(t,i){const s=this.__map[t];if(void 0!==s)if(void 0===i)delete this.__map[t];else {const t=s.findIndex((t=>t===i));s.splice(t,1);}}destroy(){this.__map={};}};
+      const 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 {
           /**
@@ -812,6 +807,10 @@ System.register('pops', [], (function (exports) {
           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) {
               /**
@@ -820,7 +819,7 @@ System.register('pops', [], (function (exports) {
                * @param startIndex
                * @param option
                */
-              function getOption(args, startIndex, option) {
+              const getOption = function (args, startIndex, option) {
                   const currentParam = args[startIndex];
                   if (typeof currentParam === "boolean") {
                       option.capture = currentParam;
@@ -842,7 +841,7 @@ System.register('pops', [], (function (exports) {
                       option.isComposedPath = currentParam.isComposedPath;
                   }
                   return option;
-              }
+              };
               const that = this;
               // eslint-disable-next-line prefer-rest-params
               const args = arguments;
@@ -857,8 +856,7 @@ System.register('pops', [], (function (exports) {
               }
               let $elList = [];
               if (element instanceof NodeList || Array.isArray(element)) {
-                  element = element;
-                  $elList = [...element];
+                  $elList = $elList.concat(Array.from(element));
               }
               else {
                   $elList.push(element);
@@ -866,15 +864,15 @@ System.register('pops', [], (function (exports) {
               // 事件名
               let eventTypeList = [];
               if (Array.isArray(eventType)) {
-                  eventTypeList = eventTypeList.concat(eventType.filter((eventTypeItem) => typeof eventTypeItem === "string" && eventTypeItem.toString() !== ""));
+                  eventTypeList = eventTypeList.concat(eventType.filter((it) => typeof it === "string" && it.toString() !== ""));
               }
               else if (typeof eventType === "string") {
-                  eventTypeList = eventTypeList.concat(eventType.split(" ").filter((eventTypeItem) => eventTypeItem !== ""));
+                  eventTypeList = eventTypeList.concat(eventType.split(" ").filter((it) => it !== ""));
               }
               // 子元素选择器
               let selectorList = [];
               if (Array.isArray(selector)) {
-                  selectorList = selectorList.concat(selector.filter((selectorItem) => typeof selectorItem === "string" && selectorItem.toString() !== ""));
+                  selectorList = selectorList.concat(selector.filter((it) => typeof it === "string" && it.toString() !== ""));
               }
               else if (typeof selector === "string") {
                   selectorList.push(selector);
@@ -901,39 +899,52 @@ System.register('pops', [], (function (exports) {
               /**
                * 如果是once，那么删除该监听和元素上的事件和监听
                */
-              function checkOptionOnceToRemoveEventListener() {
+              const checkOptionOnceToRemoveEventListener = ($el) => {
                   if (listenerOption.once) {
-                      that.off(element, eventType, selector, callback, option);
+                      this.off($el, eventTypeList, selector, callback, option);
                   }
-              }
-              $elList.forEach((elementItem) => {
+              };
+              $elList.forEach(($elItem) => {
                   /**
                    * 事件回调
                    * @param event
                    */
-                  function domUtilsEventCallBack(event) {
+                  const handlerCallBack = function (event) {
+                      let call_this = void 0;
+                      let call_event = void 0;
+                      let call_$selector = void 0;
+                      let execCallback = false;
                       if (selectorList.length) {
                           // 存在子元素选择器
                           // 这时候的this和target都是子元素选择器的元素
-                          let eventTarget = listenerOption.isComposedPath
-                              ? event.composedPath()[0]
-                              : event.target;
-                          let totalParent = elementItem;
-                          if (popsUtils.isWin(totalParent)) {
-                              if (totalParent === PopsCore.document) {
-                                  totalParent = PopsCore.document.documentElement;
+                          let $target;
+                          if (listenerOption.isComposedPath) {
+                              // 可能为空
+                              const composedPath = event.composedPath();
+                              if (!composedPath.length && event.target) {
+                                  composedPath.push(event.target);
                               }
+                              $target = composedPath[0];
+                          }
+                          else {
+                              $target = event.target;
+                          }
+                          let $parent = $elItem;
+                          if (popsUtils.isWin($parent)) {
+                              // window和document共用一个对象
+                              // 这样就能处理子元素选择器无法匹配的问题
+                              $parent = PopsCore.document.documentElement;
                           }
-                          const findValue = selectorList.find((selectorItem) => {
+                          const findValue = selectorList.find((selectors) => {
                               // 判断目标元素是否匹配选择器
-                              if (that.matches(eventTarget, selectorItem)) {
+                              if (that.matches($target, selectors)) {
                                   // 当前目标可以被selector所匹配到
                                   return true;
                               }
                               // 在上层与主元素之间寻找可以被selector所匹配到的
-                              const $closestMatches = that.closest(eventTarget, selectorItem);
-                              if ($closestMatches && totalParent?.contains($closestMatches)) {
-                                  eventTarget = $closestMatches;
+                              const $closestMatches = that.closest($target, selectors);
+                              if ($closestMatches && $parent?.contains?.($closestMatches)) {
+                                  $target = $closestMatches;
                                   return true;
                               }
                               return false;
@@ -943,38 +954,47 @@ System.register('pops', [], (function (exports) {
                               try {
                                   OriginPrototype.Object.defineProperty(event, "target", {
                                       get() {
-                                          return eventTarget;
+                                          return $target;
                                       },
                                   });
+                                  // oxlint-disable-next-line no-empty
                               }
-                              catch {
-                                  // 忽略
-                              }
-                              listenerCallBack.call(eventTarget, event, eventTarget);
-                              checkOptionOnceToRemoveEventListener();
+                              catch { }
+                              execCallback = true;
+                              call_this = $target;
+                              call_event = event;
+                              call_$selector = $target;
                           }
                       }
                       else {
-                          // 这时候的this指向监听的元素
-                          listenerCallBack.call(elementItem, event);
-                          checkOptionOnceToRemoveEventListener();
+                          execCallback = true;
+                          call_this = $elItem;
+                          call_event = event;
+                      }
+                      if (execCallback) {
+                          const result = listenerCallBack.call(call_this, call_event, call_$selector);
+                          checkOptionOnceToRemoveEventListener($elItem);
+                          if (typeof result === "boolean" && !result) {
+                              return false;
+                          }
                       }
-                  }
+                  };
                   // 遍历事件名设置元素事件
                   eventTypeList.forEach((eventName) => {
-                      elementItem.addEventListener(eventName, domUtilsEventCallBack, listenerOption);
+                      // add listener
+                      $elItem.addEventListener(eventName, handlerCallBack, listenerOption);
                       // 获取对象上的事件
-                      const elementEvents = Reflect.get(elementItem, SymbolEvents) || {};
+                      const elementEvents = Reflect.get($elItem, SymbolEvents) || {};
                       // 初始化对象上的xx事件
                       elementEvents[eventName] = elementEvents[eventName] || [];
                       elementEvents[eventName].push({
                           selector: selectorList,
                           option: listenerOption,
-                          callback: domUtilsEventCallBack,
-                          originCallBack: listenerCallBack,
+                          handlerCallBack: handlerCallBack,
+                          callback: listenerCallBack,
                       });
                       // 覆盖事件
-                      Reflect.set(elementItem, SymbolEvents, elementEvents);
+                      Reflect.set($elItem, SymbolEvents, elementEvents);
                   });
               });
               return {
@@ -987,11 +1007,11 @@ System.register('pops', [], (function (exports) {
                   },
                   /**
                    * 主动触发事件
-                   * @param details 赋予触发的Event的额外属性，如果是Event类型，那么将自动代替默认new的Event对象
-                   * @param useDispatchToEmit 是否使用dispatchEvent来触发事件，默认true，如果为false，则直接调用callback，但是这种会让使用了selectorTarget的没有值
+                   * @param extraDetails 赋予触发的Event的额外属性，如果是Event类型，那么将自动代替默认new的Event对象
+                   * @param useDispatchToTriggerEvent 是否使用dispatchEvent来触发事件，默认true，如果为false，则直接调用callback，但是这种会让使用了`$selector`的没有值
                    */
-                  emit: (details, useDispatchToEmit) => {
-                      that.emit($elList, eventTypeList, details, useDispatchToEmit);
+                  emit: (extraDetails, useDispatchToTriggerEvent) => {
+                      that.emit($elList, eventTypeList, extraDetails, useDispatchToTriggerEvent);
                   },
               };
           }
@@ -1002,7 +1022,7 @@ System.register('pops', [], (function (exports) {
                * @param startIndex
                * @param option
                */
-              function getOption(args1, startIndex, option) {
+              const getOption = function (args1, startIndex, option) {
                   const currentParam = args1[startIndex];
                   if (typeof currentParam === "boolean") {
                       option.capture = currentParam;
@@ -1011,12 +1031,12 @@ System.register('pops', [], (function (exports) {
                       option.capture = currentParam.capture;
                   }
                   return option;
-              }
-              const DOMUtilsContext = this;
+              };
+              const that = this;
               // eslint-disable-next-line prefer-rest-params
               const args = arguments;
               if (typeof element === "string") {
-                  element = DOMUtilsContext.selectorAll(element);
+                  element = that.selectorAll(element);
               }
               if (element == null) {
                   return;
@@ -1024,22 +1044,22 @@ System.register('pops', [], (function (exports) {
               let $elList = [];
               if (element instanceof NodeList || Array.isArray(element)) {
                   element = element;
-                  $elList = $elList.concat(element);
+                  $elList = $elList.concat(Array.from(element));
               }
               else {
                   $elList.push(element);
               }
               let eventTypeList = [];
               if (Array.isArray(eventType)) {
-                  eventTypeList = eventTypeList.concat(eventType.filter((eventTypeItem) => typeof eventTypeItem === "string" && eventTypeItem.toString() !== ""));
+                  eventTypeList = eventTypeList.concat(eventType.filter((it) => typeof it === "string" && it.toString() !== ""));
               }
               else if (typeof eventType === "string") {
-                  eventTypeList = eventTypeList.concat(eventType.split(" ").filter((eventTypeItem) => eventTypeItem !== ""));
+                  eventTypeList = eventTypeList.concat(eventType.split(" ").filter((it) => it !== ""));
               }
               // 子元素选择器
               let selectorList = [];
               if (Array.isArray(selector)) {
-                  selectorList = selectorList.concat(selector.filter((selectorItem) => typeof selectorItem === "string" && selectorItem.toString() !== ""));
+                  selectorList = selectorList.concat(selector.filter((it) => typeof it === "string" && it.toString() !== ""));
               }
               else if (typeof selector === "string") {
                   selectorList.push(selector);
@@ -1068,16 +1088,16 @@ System.register('pops', [], (function (exports) {
                   // 目标函数、事件名、回调函数、事件配置、过滤函数
                   filter = option;
               }
-              $elList.forEach((elementItem) => {
+              $elList.forEach(($elItem) => {
                   // 获取对象上的事件
-                  const elementEvents = Reflect.get(elementItem, SymbolEvents) || {};
+                  const elementEvents = Reflect.get($elItem, SymbolEvents) || {};
                   eventTypeList.forEach((eventName) => {
                       const handlers = elementEvents[eventName] || [];
                       const filterHandler = typeof filter === "function" ? handlers.filter(filter) : handlers;
                       for (let index = 0; index < filterHandler.length; index++) {
                           const handler = filterHandler[index];
                           let flag = true;
-                          if (flag && listenerCallBack && handler.originCallBack !== listenerCallBack) {
+                          if (flag && listenerCallBack && handler.callback !== listenerCallBack) {
                               // callback不同
                               flag = false;
                           }
@@ -1094,7 +1114,7 @@ System.register('pops', [], (function (exports) {
                               flag = false;
                           }
                           if (flag) {
-                              elementItem.removeEventListener(eventName, handler.callback, handler.option);
+                              $elItem.removeEventListener(eventName, handler.handlerCallBack, handler.option);
                               const findIndex = handlers.findIndex((item) => item === handler);
                               if (findIndex !== -1) {
                                   handlers.splice(findIndex, 1);
@@ -1106,7 +1126,7 @@ System.register('pops', [], (function (exports) {
                           popsUtils.delete(elementEvents, eventType);
                       }
                   });
-                  Reflect.set(elementItem, SymbolEvents, elementEvents);
+                  Reflect.set($elItem, SymbolEvents, elementEvents);
               });
           }
           /**
@@ -1490,11 +1510,11 @@ System.register('pops', [], (function (exports) {
                * 阻止事件的默认行为发生，并阻止事件传播
                */
               const stopEvent = (event, onlyStopPropagation) => {
+                  // 停止事件的传播，阻止它继续向更上层的元素冒泡，事件将不会再传播给其他的元素
+                  event?.stopPropagation();
+                  // 阻止事件传播，并且还能阻止元素上的其他事件处理程序被触发
+                  event?.stopImmediatePropagation();
                   if (typeof onlyStopPropagation === "boolean" && onlyStopPropagation) {
-                      // 停止事件的传播，阻止它继续向更上层的元素冒泡，事件将不会再传播给其他的元素
-                      event?.stopPropagation();
-                      // 阻止事件传播，并且还能阻止元素上的其他事件处理程序被触发
-                      event?.stopImmediatePropagation();
                       return;
                   }
                   // 阻止事件的默认行为发生。例如，当点击一个链接时，浏览器会默认打开链接的URL，或者在输入框内输入文字
@@ -1710,35 +1730,6 @@ System.register('pops', [], (function (exports) {
           getTransitionEndNameList() {
               return ["webkitTransitionEnd", "mozTransitionEnd", "MSTransitionEnd", "otransitionend", "transitionend"];
           }
-          /**
-           * 是否是隐藏状态
-           *
-           * 检测以下项：
-           *
-           * + `display`: none
-           * + `visibility`: hidden
-           * + `opacity`: 0
-           * + `使用了pops的自定义的隐藏class类`
-           * @param $el 需要检测的元素
-           */
-          isHide($el) {
-              let flag = false;
-              if (this.containsClassName($el, PopsCommonCSSClassName.hide) ||
-                  this.containsClassName($el, 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;
-          }
           /**
            * 实现jQuery中的$().offset();
            * @param element
@@ -3185,6 +3176,134 @@ System.register('pops', [], (function (exports) {
           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 = {
           /**
            * 删除配置中对应的对象
@@ -3265,7 +3384,7 @@ System.register('pops', [], (function (exports) {
                       // 先设置好动画状态
                       // 再显示，会自执行动画
                       const checkVisible = () => {
-                          if (!popsDOMUtils.isHide($anim)) {
+                          if (!PopsInstanceUtils.isHide($anim)) {
                               return true;
                           }
                           else {
@@ -3355,7 +3474,7 @@ System.register('pops', [], (function (exports) {
                       // 再隐藏
                       // 存在实例
                       const checkVisible = () => {
-                          if (!popsDOMUtils.isHide($anim)) {
+                          if (!PopsInstanceUtils.isHide($anim)) {
                               return true;
                           }
                           else {
@@ -3783,11 +3902,11 @@ System.register('pops', [], (function (exports) {
                * 点击其它区域的事件
                * @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);
@@ -3796,37 +3915,26 @@ System.register('pops', [], (function (exports) {
                           // 隐藏
                           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);
                       }
                   });
@@ -9732,12 +9840,12 @@ System.register('pops', [], (function (exports) {
                                       },
                                       mask: {
                                           enable: true,
-                                          clickCallBack(originalRun) {
+                                          clickCallBack(continueExec) {
                                               const ret = dialogCloseCallback();
                                               if (typeof ret === "boolean" && !ret) {
                                                   return;
                                               }
-                                              originalRun();
+                                              continueExec();
                                           },
                                           clickEvent: {
                                               toClose: true,
@@ -10949,8 +11057,8 @@ System.register('pops', [], (function (exports) {
                                   },
                                   mask: {
                                       enable: true,
-                                      clickCallBack(originalRun) {
-                                          originalRun();
+                                      clickCallBack(continueExec) {
+                                          continueExec();
                                           dialogCloseCallback();
                                       },
                                       clickEvent: {
@@ -13595,93 +13703,12 @@ System.register('pops', [], (function (exports) {
           },
       };
 
-      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,
@@ -13689,12 +13716,9 @@ System.register('pops', [], (function (exports) {
               animation: PopsAnimation.$data,
               /** 存储已创建的元素 */
               instData: PopsInstData,
-              /** 禁止滚动 */
-              forbiddenScroll: {
-                  event(event) {
-                      return popsDOMUtils.preventEvent(event);
-                  },
-              },
+          };
+          /** 导出的函数 */
+          fn = {
               /** pops使用的工具类 */
               Utils: popsUtils,
               /** pops使用的DOM工具类 */
@@ -13704,17 +13728,16 @@ System.register('pops', [], (function (exports) {
               /** pops处理float类型使用的工具类 */
               MathFloatUtils: PopsMathFloatUtils,
               /** 实例处理函数 */
-              PopsInstHandler,
+              InstHandler: PopsInstHandler,
               /** pops.panel中用于处理各个类型的工具 */
-              PanelHandlerComponents,
+              PanelHandlerComponents: PanelHandlerComponents,
               /** pops.panel中的动画 */
-              PopsAnimation,
+              Animation: PopsAnimation,
               /** 事件类 */
-              EventEmiter,
+              EventEmiter: EventEmiter,
               /** 通用的CSS类名 */
-              PopsCommonCSSClassName,
+              CommonCSSClassName: PopsCommonCSSClassName,
           };
-          init() { }
           /**
            * 释放原有的pops控制权
            * @example