vue-stack-tabs 0.1.0 → 0.1.1

package/dist/vue-stack-tabs.es.js

@@ -6369,17 +6369,15 @@ const Eu = () => {
   legacy: !1,
   locale: "zh-CN",
   fallbackLocale: "en-US"
-}), Tu = {
-  install(e) {
-    du("0.1.0"), e.component("VueStackTabs", ru).use(pu);
-  }
+}), Tu = (e) => {
+  du("0.1.1"), e.component("VueStackTabs", ru).use(pu);
 };
 export {
   ml as EventType,
   vu as IFrame,
   vn as Stack,
   it as TabScrollMode,
-  Tu as default,
+  Tu as install,
   eu as useStackTab,
   Eu as useTabLoading,
   _u as useTabRouter

package/dist/vue-stack-tabs.umd.js

@@ -43,4 +43,4 @@ caused by: ${Te.fullStack(n)}`:t.stack}static info(t){yn(t);const n={},a=Te.caus
   </g>
   <text transform="translate(943.45 229.96)" style="fill: #00d797; font-family: ArialMT, Arial; font-size: 24px;"><tspan x="0" y="0">version: ${e}</tspan></text>
 </svg>
-  `,r="data:image/svg+xml;base64,"+lc(a),l="font-size: 1px; padding: "+Math.floor(100/4)+"px "+Math.floor(580/2)+"px; line-height: "+Math.floor(100/2)+"px;";window.console.log("%c+",l+`background-image: url(${r});background-size: 580px 100px;background-repeat: norepeat; color: transparent;`)},Ya=()=>{const{attrs:e}=c.getCurrentInstance(),{pageShown:t,getTab:n,markDeletableCache:a,removeComponent:o,getComponent:s}=yt(),r=ve.useRoute(),l=ve.useRouter();let i="",u="";return i=e.tId,u=r.query.__tab,{forward:d=>{t.value=!1;const N=ke({__tab:u},d.query);l.push({path:d.path,query:N})},backward:(d,N)=>{t.value=!1;const A=n(i);if(!A)return;const I=A.pages;let S=0;if(typeof d=="number")S=Math.abs(d);else{let E=1,b=!1;const k=I.list(),v=Rn(d);N=ke(v.query,N);for(let O=I.size()-2;O>=0;O--){if(k[O].path===v.path){b=!0;break}E+=1}b&&(S=E)}if(S===0||I.size()<=S)return;for(let E=0;E<S;E++){const b=I.pop();o(b.id),a(b.id)}const m=I==null?void 0:I.peek(),g=s(m.id);if(g!=null){const E=g.components.DynamicComponent;E.props=ke(N,E.props)}l.push({path:m.path,query:m.query})}}},cc=c.defineComponent({__name:"iframe",setup(e){return Ya(),(t,n)=>(c.openBlock(),c.createElementBlock("div"))}});var Xa={exports:{}};(function(e,t){(function(a,o){e.exports=o(c)})(Pl,n=>(()=>{var a={878:(l,i)=>{Object.defineProperty(i,"__esModule",{value:!0}),i.default=(u,p)=>{const h=u.__vccOpts||u;for(const[d,N]of p)h[d]=N;return h}},976:l=>{l.exports=n}},o={};function s(l){var i=o[l];if(i!==void 0)return i.exports;var u=o[l]={exports:{}};return a[l](u,u.exports,s),u.exports}s.d=(l,i)=>{for(var u in i)s.o(i,u)&&!s.o(l,u)&&Object.defineProperty(l,u,{enumerable:!0,get:i[u]})},s.o=(l,i)=>Object.prototype.hasOwnProperty.call(l,i),s.r=l=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(l,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(l,"__esModule",{value:!0})};var r={};return(()=>{s.r(r),s.d(r,{Component:()=>Me,LoadingPlugin:()=>mt,default:()=>De,useLoading:()=>ze});var l=s(976);function i(U){var Q;typeof U.remove<"u"?U.remove():(Q=U.parentNode)==null||Q.removeChild(U)}function u(U,Q,ue){let fe=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{};const _=(0,l.h)(U,Q,fe),f=document.createElement("div");return f.classList.add("vld-container"),ue.appendChild(f),(0,l.render)(_,f),_.component}function p(){return typeof window<"u"}const h=p()?window.HTMLElement:Object,d=["aria-busy"],N={class:"vl-icon"};function A(U,Q,ue,fe,_,f){return(0,l.openBlock)(),(0,l.createBlock)(l.Transition,{name:U.transition},{default:(0,l.withCtx)(()=>[(0,l.withDirectives)((0,l.createElementVNode)("div",{tabindex:"0",class:(0,l.normalizeClass)(["vl-overlay vl-active",{"vl-full-page":U.isFullPage}]),"aria-busy":U.isActive,"aria-label":"Loading",style:(0,l.normalizeStyle)({zIndex:U.zIndex})},[(0,l.createElementVNode)("div",{class:"vl-background",onClick:Q[0]||(Q[0]=(0,l.withModifiers)(function(){return U.cancel&&U.cancel(...arguments)},["prevent"])),style:(0,l.normalizeStyle)(U.bgStyle)},null,4),(0,l.createElementVNode)("div",N,[(0,l.renderSlot)(U.$slots,"before"),(0,l.renderSlot)(U.$slots,"default",{},()=>[((0,l.openBlock)(),(0,l.createBlock)((0,l.resolveDynamicComponent)(U.loader),{color:U.color,width:U.width,height:U.height},null,8,["color","width","height"]))]),(0,l.renderSlot)(U.$slots,"after")])],14,d),[[l.vShow,U.isActive]])]),_:3},8,["name"])}const I={mounted(){this.enforceFocus&&document.addEventListener("focusin",this.focusIn)},methods:{focusIn(U){if(!this.isActive||U.target===this.$el||this.$el.contains(U.target))return;let Q=this.container?this.container:this.isFullPage?null:this.$el.parentElement;(this.isFullPage||Q&&Q.contains(U.target))&&(U.preventDefault(),this.$el.focus())}},beforeUnmount(){document.removeEventListener("focusin",this.focusIn)}},S=["width","height","stroke"],g=[(0,l.createStaticVNode)('<g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="2"><circle stroke-opacity=".25" cx="18" cy="18" r="18"></circle><path d="M36 18c0-9.94-8.06-18-18-18"><animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="0.8s" repeatCount="indefinite"></animateTransform></path></g></g>',1)];function E(U,Q,ue,fe,_,f){return(0,l.openBlock)(),(0,l.createElementBlock)("svg",{viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg",width:U.width,height:U.height,stroke:U.color},g,8,S)}const b=(0,l.defineComponent)({name:"spinner",props:{color:{type:String,default:"#000"},height:{type:Number,default:64},width:{type:Number,default:64}}});var k=s(878);const O=(0,k.default)(b,[["render",E]]),T=["fill","width","height"],P=[(0,l.createStaticVNode)('<circle cx="15" cy="15" r="15"><animate attributeName="r" from="15" to="15" begin="0s" dur="0.8s" values="15;9;15" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="fill-opacity" from="1" to="1" begin="0s" dur="0.8s" values="1;.5;1" calcMode="linear" repeatCount="indefinite"></animate></circle><circle cx="60" cy="15" r="9" fill-opacity="0.3"><animate attributeName="r" from="9" to="9" begin="0s" dur="0.8s" values="9;15;9" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="fill-opacity" from="0.5" to="0.5" begin="0s" dur="0.8s" values=".5;1;.5" calcMode="linear" repeatCount="indefinite"></animate></circle><circle cx="105" cy="15" r="15"><animate attributeName="r" from="15" to="15" begin="0s" dur="0.8s" values="15;9;15" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="fill-opacity" from="1" to="1" begin="0s" dur="0.8s" values="1;.5;1" calcMode="linear" repeatCount="indefinite"></animate></circle>',3)];function x(U,Q,ue,fe,_,f){return(0,l.openBlock)(),(0,l.createElementBlock)("svg",{viewBox:"0 0 120 30",xmlns:"http://www.w3.org/2000/svg",fill:U.color,width:U.width,height:U.height},P,8,T)}const y=(0,l.defineComponent)({name:"dots",props:{color:{type:String,default:"#000"},height:{type:Number,default:240},width:{type:Number,default:60}}}),J=(0,k.default)(y,[["render",x]]),K=["height","width","fill"],ce=[(0,l.createStaticVNode)('<rect x="0" y="13" width="4" height="5"><animate attributeName="height" attributeType="XML" values="5;21;5" begin="0s" dur="0.6s" repeatCount="indefinite"></animate><animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0s" dur="0.6s" repeatCount="indefinite"></animate></rect><rect x="10" y="13" width="4" height="5"><animate attributeName="height" attributeType="XML" values="5;21;5" begin="0.15s" dur="0.6s" repeatCount="indefinite"></animate><animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0.15s" dur="0.6s" repeatCount="indefinite"></animate></rect><rect x="20" y="13" width="4" height="5"><animate attributeName="height" attributeType="XML" values="5;21;5" begin="0.3s" dur="0.6s" repeatCount="indefinite"></animate><animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0.3s" dur="0.6s" repeatCount="indefinite"></animate></rect>',3)];function Ce(U,Q,ue,fe,_,f){return(0,l.openBlock)(),(0,l.createElementBlock)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 30 30",height:U.height,width:U.width,fill:U.color},ce,8,K)}const Ne=(0,l.defineComponent)({name:"bars",props:{color:{type:String,default:"#000"},height:{type:Number,default:40},width:{type:Number,default:40}}}),Xe={Spinner:O,Dots:J,Bars:(0,k.default)(Ne,[["render",Ce]])},tt=(0,l.defineComponent)({name:"VueLoading",mixins:[I],props:{active:Boolean,programmatic:Boolean,container:[Object,Function,h],isFullPage:{type:Boolean,default:!0},enforceFocus:{type:Boolean,default:!0},lockScroll:Boolean,transition:{type:String,default:"fade"},canCancel:Boolean,onCancel:{type:Function,default:()=>{}},color:String,backgroundColor:String,opacity:Number,width:Number,height:Number,zIndex:Number,loader:{type:String,default:"spinner"}},components:Xe,emits:["hide","update:active"],data(){return{isActive:this.active}},mounted(){document.addEventListener("keyup",this.keyPress)},methods:{cancel(){!this.canCancel||!this.isActive||(this.hide(),this.onCancel.apply(null,arguments))},hide(){this.$emit("hide"),this.$emit("update:active",!1),this.programmatic&&(this.isActive=!1,setTimeout(()=>{const U=this.$el.parentElement;(0,l.render)(null,U),i(U)},150))},disableScroll(){this.isFullPage&&this.lockScroll&&document.body.classList.add("vl-shown")},enableScroll(){this.isFullPage&&this.lockScroll&&document.body.classList.remove("vl-shown")},keyPress(U){U.keyCode===27&&this.cancel()}},watch:{active(U){this.isActive=U},isActive:{handler(U){U?this.disableScroll():this.enableScroll()},immediate:!0}},computed:{bgStyle(){return{background:this.backgroundColor,opacity:this.opacity}}},beforeUnmount(){document.removeEventListener("keyup",this.keyPress)}}),Me=(0,k.default)(tt,[["render",A]]);function ze(){let U=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},Q=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};return{show(){let ue=arguments.length>0&&arguments[0]!==void 0?arguments[0]:U,fe=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Q;const f={...U,...ue,...{programmatic:!0,lockScroll:!0,isFullPage:!1,active:!0}};let L=f.container;f.container||(L=document.body,f.isFullPage=!0);const F={...Q,...fe};return{hide:u(Me,f,L,F).ctx.hide}}}}const mt=function(U){let Q=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},ue=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};const fe=ze(Q,ue);U.config.globalProperties.$loading=fe,U.provide("$loading",fe)},De=Me})(),r})())})(Xa);var uc=Xa.exports;const fc=()=>{const e=uc.useLoading(),{attrs:t}=c.getCurrentInstance();let n=null;c.onUnmounted(()=>{o()});const a=()=>{const s=document.querySelector(`#${t.tId}`);n===null&&(n=e.show({canCancel:!1,isFullPage:!1,height:85,width:85,loader:"spinner",color:"#007bff",container:s}))},o=()=>{n!==null&&(n.hide(),n=null)};return{openTabLoading:a,closeTabLoading:o}},dc=il({legacy:!1,locale:"zh-CN",fallbackLocale:"en-US"}),mc={install(e){ic("0.1.0"),e.component("VueStackTabs",tc).use(dc)}};ee.EventType=sa,ee.IFrame=cc,ee.Stack=Ut,ee.TabScrollMode=He,ee.default=mc,ee.useStackTab=Wa,ee.useTabLoading=fc,ee.useTabRouter=Ya,Object.defineProperties(ee,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+  `,r="data:image/svg+xml;base64,"+lc(a),l="font-size: 1px; padding: "+Math.floor(100/4)+"px "+Math.floor(580/2)+"px; line-height: "+Math.floor(100/2)+"px;";window.console.log("%c+",l+`background-image: url(${r});background-size: 580px 100px;background-repeat: norepeat; color: transparent;`)},Ya=()=>{const{attrs:e}=c.getCurrentInstance(),{pageShown:t,getTab:n,markDeletableCache:a,removeComponent:o,getComponent:s}=yt(),r=ve.useRoute(),l=ve.useRouter();let i="",u="";return i=e.tId,u=r.query.__tab,{forward:d=>{t.value=!1;const N=ke({__tab:u},d.query);l.push({path:d.path,query:N})},backward:(d,N)=>{t.value=!1;const A=n(i);if(!A)return;const I=A.pages;let S=0;if(typeof d=="number")S=Math.abs(d);else{let E=1,b=!1;const k=I.list(),v=Rn(d);N=ke(v.query,N);for(let O=I.size()-2;O>=0;O--){if(k[O].path===v.path){b=!0;break}E+=1}b&&(S=E)}if(S===0||I.size()<=S)return;for(let E=0;E<S;E++){const b=I.pop();o(b.id),a(b.id)}const m=I==null?void 0:I.peek(),g=s(m.id);if(g!=null){const E=g.components.DynamicComponent;E.props=ke(N,E.props)}l.push({path:m.path,query:m.query})}}},cc=c.defineComponent({__name:"iframe",setup(e){return Ya(),(t,n)=>(c.openBlock(),c.createElementBlock("div"))}});var Xa={exports:{}};(function(e,t){(function(a,o){e.exports=o(c)})(Pl,n=>(()=>{var a={878:(l,i)=>{Object.defineProperty(i,"__esModule",{value:!0}),i.default=(u,p)=>{const h=u.__vccOpts||u;for(const[d,N]of p)h[d]=N;return h}},976:l=>{l.exports=n}},o={};function s(l){var i=o[l];if(i!==void 0)return i.exports;var u=o[l]={exports:{}};return a[l](u,u.exports,s),u.exports}s.d=(l,i)=>{for(var u in i)s.o(i,u)&&!s.o(l,u)&&Object.defineProperty(l,u,{enumerable:!0,get:i[u]})},s.o=(l,i)=>Object.prototype.hasOwnProperty.call(l,i),s.r=l=>{typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(l,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(l,"__esModule",{value:!0})};var r={};return(()=>{s.r(r),s.d(r,{Component:()=>Me,LoadingPlugin:()=>mt,default:()=>De,useLoading:()=>ze});var l=s(976);function i(U){var Q;typeof U.remove<"u"?U.remove():(Q=U.parentNode)==null||Q.removeChild(U)}function u(U,Q,ue){let fe=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{};const _=(0,l.h)(U,Q,fe),f=document.createElement("div");return f.classList.add("vld-container"),ue.appendChild(f),(0,l.render)(_,f),_.component}function p(){return typeof window<"u"}const h=p()?window.HTMLElement:Object,d=["aria-busy"],N={class:"vl-icon"};function A(U,Q,ue,fe,_,f){return(0,l.openBlock)(),(0,l.createBlock)(l.Transition,{name:U.transition},{default:(0,l.withCtx)(()=>[(0,l.withDirectives)((0,l.createElementVNode)("div",{tabindex:"0",class:(0,l.normalizeClass)(["vl-overlay vl-active",{"vl-full-page":U.isFullPage}]),"aria-busy":U.isActive,"aria-label":"Loading",style:(0,l.normalizeStyle)({zIndex:U.zIndex})},[(0,l.createElementVNode)("div",{class:"vl-background",onClick:Q[0]||(Q[0]=(0,l.withModifiers)(function(){return U.cancel&&U.cancel(...arguments)},["prevent"])),style:(0,l.normalizeStyle)(U.bgStyle)},null,4),(0,l.createElementVNode)("div",N,[(0,l.renderSlot)(U.$slots,"before"),(0,l.renderSlot)(U.$slots,"default",{},()=>[((0,l.openBlock)(),(0,l.createBlock)((0,l.resolveDynamicComponent)(U.loader),{color:U.color,width:U.width,height:U.height},null,8,["color","width","height"]))]),(0,l.renderSlot)(U.$slots,"after")])],14,d),[[l.vShow,U.isActive]])]),_:3},8,["name"])}const I={mounted(){this.enforceFocus&&document.addEventListener("focusin",this.focusIn)},methods:{focusIn(U){if(!this.isActive||U.target===this.$el||this.$el.contains(U.target))return;let Q=this.container?this.container:this.isFullPage?null:this.$el.parentElement;(this.isFullPage||Q&&Q.contains(U.target))&&(U.preventDefault(),this.$el.focus())}},beforeUnmount(){document.removeEventListener("focusin",this.focusIn)}},S=["width","height","stroke"],g=[(0,l.createStaticVNode)('<g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="2"><circle stroke-opacity=".25" cx="18" cy="18" r="18"></circle><path d="M36 18c0-9.94-8.06-18-18-18"><animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="0.8s" repeatCount="indefinite"></animateTransform></path></g></g>',1)];function E(U,Q,ue,fe,_,f){return(0,l.openBlock)(),(0,l.createElementBlock)("svg",{viewBox:"0 0 38 38",xmlns:"http://www.w3.org/2000/svg",width:U.width,height:U.height,stroke:U.color},g,8,S)}const b=(0,l.defineComponent)({name:"spinner",props:{color:{type:String,default:"#000"},height:{type:Number,default:64},width:{type:Number,default:64}}});var k=s(878);const O=(0,k.default)(b,[["render",E]]),T=["fill","width","height"],P=[(0,l.createStaticVNode)('<circle cx="15" cy="15" r="15"><animate attributeName="r" from="15" to="15" begin="0s" dur="0.8s" values="15;9;15" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="fill-opacity" from="1" to="1" begin="0s" dur="0.8s" values="1;.5;1" calcMode="linear" repeatCount="indefinite"></animate></circle><circle cx="60" cy="15" r="9" fill-opacity="0.3"><animate attributeName="r" from="9" to="9" begin="0s" dur="0.8s" values="9;15;9" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="fill-opacity" from="0.5" to="0.5" begin="0s" dur="0.8s" values=".5;1;.5" calcMode="linear" repeatCount="indefinite"></animate></circle><circle cx="105" cy="15" r="15"><animate attributeName="r" from="15" to="15" begin="0s" dur="0.8s" values="15;9;15" calcMode="linear" repeatCount="indefinite"></animate><animate attributeName="fill-opacity" from="1" to="1" begin="0s" dur="0.8s" values="1;.5;1" calcMode="linear" repeatCount="indefinite"></animate></circle>',3)];function x(U,Q,ue,fe,_,f){return(0,l.openBlock)(),(0,l.createElementBlock)("svg",{viewBox:"0 0 120 30",xmlns:"http://www.w3.org/2000/svg",fill:U.color,width:U.width,height:U.height},P,8,T)}const y=(0,l.defineComponent)({name:"dots",props:{color:{type:String,default:"#000"},height:{type:Number,default:240},width:{type:Number,default:60}}}),J=(0,k.default)(y,[["render",x]]),K=["height","width","fill"],ce=[(0,l.createStaticVNode)('<rect x="0" y="13" width="4" height="5"><animate attributeName="height" attributeType="XML" values="5;21;5" begin="0s" dur="0.6s" repeatCount="indefinite"></animate><animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0s" dur="0.6s" repeatCount="indefinite"></animate></rect><rect x="10" y="13" width="4" height="5"><animate attributeName="height" attributeType="XML" values="5;21;5" begin="0.15s" dur="0.6s" repeatCount="indefinite"></animate><animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0.15s" dur="0.6s" repeatCount="indefinite"></animate></rect><rect x="20" y="13" width="4" height="5"><animate attributeName="height" attributeType="XML" values="5;21;5" begin="0.3s" dur="0.6s" repeatCount="indefinite"></animate><animate attributeName="y" attributeType="XML" values="13; 5; 13" begin="0.3s" dur="0.6s" repeatCount="indefinite"></animate></rect>',3)];function Ce(U,Q,ue,fe,_,f){return(0,l.openBlock)(),(0,l.createElementBlock)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 30 30",height:U.height,width:U.width,fill:U.color},ce,8,K)}const Ne=(0,l.defineComponent)({name:"bars",props:{color:{type:String,default:"#000"},height:{type:Number,default:40},width:{type:Number,default:40}}}),Xe={Spinner:O,Dots:J,Bars:(0,k.default)(Ne,[["render",Ce]])},tt=(0,l.defineComponent)({name:"VueLoading",mixins:[I],props:{active:Boolean,programmatic:Boolean,container:[Object,Function,h],isFullPage:{type:Boolean,default:!0},enforceFocus:{type:Boolean,default:!0},lockScroll:Boolean,transition:{type:String,default:"fade"},canCancel:Boolean,onCancel:{type:Function,default:()=>{}},color:String,backgroundColor:String,opacity:Number,width:Number,height:Number,zIndex:Number,loader:{type:String,default:"spinner"}},components:Xe,emits:["hide","update:active"],data(){return{isActive:this.active}},mounted(){document.addEventListener("keyup",this.keyPress)},methods:{cancel(){!this.canCancel||!this.isActive||(this.hide(),this.onCancel.apply(null,arguments))},hide(){this.$emit("hide"),this.$emit("update:active",!1),this.programmatic&&(this.isActive=!1,setTimeout(()=>{const U=this.$el.parentElement;(0,l.render)(null,U),i(U)},150))},disableScroll(){this.isFullPage&&this.lockScroll&&document.body.classList.add("vl-shown")},enableScroll(){this.isFullPage&&this.lockScroll&&document.body.classList.remove("vl-shown")},keyPress(U){U.keyCode===27&&this.cancel()}},watch:{active(U){this.isActive=U},isActive:{handler(U){U?this.disableScroll():this.enableScroll()},immediate:!0}},computed:{bgStyle(){return{background:this.backgroundColor,opacity:this.opacity}}},beforeUnmount(){document.removeEventListener("keyup",this.keyPress)}}),Me=(0,k.default)(tt,[["render",A]]);function ze(){let U=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},Q=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};return{show(){let ue=arguments.length>0&&arguments[0]!==void 0?arguments[0]:U,fe=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Q;const f={...U,...ue,...{programmatic:!0,lockScroll:!0,isFullPage:!1,active:!0}};let L=f.container;f.container||(L=document.body,f.isFullPage=!0);const F={...Q,...fe};return{hide:u(Me,f,L,F).ctx.hide}}}}const mt=function(U){let Q=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},ue=arguments.length>2&&arguments[2]!==void 0?arguments[2]:{};const fe=ze(Q,ue);U.config.globalProperties.$loading=fe,U.provide("$loading",fe)},De=Me})(),r})())})(Xa);var uc=Xa.exports;const fc=()=>{const e=uc.useLoading(),{attrs:t}=c.getCurrentInstance();let n=null;c.onUnmounted(()=>{o()});const a=()=>{const s=document.querySelector(`#${t.tId}`);n===null&&(n=e.show({canCancel:!1,isFullPage:!1,height:85,width:85,loader:"spinner",color:"#007bff",container:s}))},o=()=>{n!==null&&(n.hide(),n=null)};return{openTabLoading:a,closeTabLoading:o}},dc=il({legacy:!1,locale:"zh-CN",fallbackLocale:"en-US"}),mc=e=>{ic("0.1.1"),e.component("VueStackTabs",tc).use(dc)};ee.EventType=sa,ee.IFrame=cc,ee.Stack=Ut,ee.TabScrollMode=He,ee.install=mc,ee.useStackTab=Wa,ee.useTabLoading=fc,ee.useTabRouter=Ya,Object.defineProperty(ee,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-stack-tabs",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Vue.js component for router tab.",
   "private": false,
   "type": "module",
@@ -9,7 +9,8 @@
     "dist",
     "types"
   ],
-  "main": "dist/vue-stack-tabs.es.js",
+  "main": "dist/vue-stack-tabs.umd.js",
+  "module": "dist/vue-stack-tabs.es.js",
   "types": "types/index.d.ts",
   "repository": {
     "type": "git",
@@ -38,7 +39,11 @@
     "lz-string": "^1.5.0",
     "ulidx": "^2.3.0",
     "uuid": "^9.0.1",
-    "vue-i18n": "^9.9.1"
+    "vue-i18n": "^9.9.1",
+    "vue-stack-tabs": "^0.1.0",
+    "vue": "^3.4.19",
+    "vue-loading-overlay": "^6.0.4",
+    "vue-router": "^4.2.5"
   },
   "devDependencies": {
     "@mdit/plugin-tasklist": "^0.8.0",
@@ -61,7 +66,6 @@
     "markdown-it": "^14.0.0",
     "normalize.css": "^8.0.1",
     "npm-run-all2": "^6.1.2",
-    "pinia": "^2.1.7",
     "prettier": "^3.2.5",
     "sass": "^1.71.1",
     "sass-loader": "^14.1.1",
@@ -72,9 +76,6 @@
     "vite-plugin-dts": "^3.7.3",
     "vite-plugin-package-version": "^1.1.0",
     "vitepress": "1.0.0-rc.44",
-    "vue": "^3.4.19",
-    "vue-loading-overlay": "^6.0.4",
-    "vue-router": "^4.2.5",
     "vue-tsc": "^1.8.27"
   },
   "scripts": {

package/src/lib/StackTabs.vue

@@ -40,16 +40,8 @@
 
 <script lang="tsx" setup>
 import 'vue-loading-overlay/dist/css/index.css'
-import {
-  type DefineComponent,
-  onBeforeMount,
-  onUnmounted,
-  provide,
-  ref,
-  type VNode,
-  watch
-} from 'vue'
-import type { TransitionProps } from 'vue'
+import { onBeforeMount, onUnmounted, provide, ref, watch } from 'vue'
+import type { TransitionProps, DefineComponent, VNode } from 'vue'
 import { type RouteLocationNormalizedLoaded, useRouter } from 'vue-router'
 import { getMaxZIndex } from '@/lib/utils/TabScrollHelper'
 import { type ITabData, TabScrollMode } from '@/lib/model/TabModel'

package/src/lib/index.ts

@@ -1,10 +1,7 @@
 import type { App } from 'vue'
 import { createI18n } from 'vue-i18n'
 import StackTab from './StackTabs.vue'
-// import VueEmttier from './hooks/useMitt'
 import tabVersion from './banner'
-// import './assets/style/index.scss'
-// import 'vue-loading-overlay/dist/css/index.css'
 import IFrame from './iframe.vue'
 import useTabLoading from './hooks/useTabLoading'
 import useTabRouter from './hooks/useTabRouter'
@@ -15,11 +12,10 @@ const i18n = createI18n({
   locale: 'zh-CN',
   fallbackLocale: 'en-US'
 })
-export { IFrame, useTabLoading, useTabRouter, useStackTab }
-export * from './model/TabModel'
-export default {
-  install(app: App): void {
-    tabVersion(import.meta.env.PACKAGE_VERSION)
-    app.component('VueStackTabs', StackTab).use(i18n)
-  }
+const install = (app: App): void => {
+  tabVersion(import.meta.env.PACKAGE_VERSION)
+  app.component('VueStackTabs', StackTab).use(i18n)
 }
+
+export * from './model/TabModel'
+export { IFrame, useTabLoading, useTabRouter, useStackTab, install }

package/types/index.d.ts

@@ -2,9 +2,6 @@ import IFrame from './iframe.vue';
 import useTabLoading from './hooks/useTabLoading';
 import useTabRouter from './hooks/useTabRouter';
 import useStackTab from './hooks/useStackTab';
-export { IFrame, useTabLoading, useTabRouter, useStackTab };
+declare const install: (app: App) => void;
 export * from './model/TabModel';
-declare const _default: {
-    install(app: App): void;
-};
-export default _default;
+export { IFrame, useTabLoading, useTabRouter, useStackTab, install };