@vtj/ui 0.5.3 → 0.6.0

package/cdn/index.js

@@ -1 +1 @@
-(function(l,f){typeof exports=="object"&&typeof module!="undefined"?f(exports):typeof define=="function"&&define.amd?define(["exports"],f):(l=typeof globalThis!="undefined"?globalThis:l||self,f(l.VtjUI={}))})(this,function(l){"use strict";var ee=Object.defineProperty;var A=Object.getOwnPropertySymbols;var te=Object.prototype.hasOwnProperty,ne=Object.prototype.propertyIsEnumerable;var x=(l,f,p)=>f in l?ee(l,f,{enumerable:!0,configurable:!0,writable:!0,value:p}):l[f]=p,I=(l,f)=>{for(var p in f||(f={}))te.call(f,p)&&x(l,p,f[p]);if(A)for(var p of A(f))ne.call(f,p)&&x(l,p,f[p]);return l};const f="";function p(e){return typeof e=="string"?e:`${e}px`}function R(e=0,t){if(typeof e=="number")return e;if(/(%|vh|vw)$/i.test(e)){const u=Number.parseInt(e);return t*u/100}return Number.parseInt(e)}function N(e,t){const n={};return Object.keys(e).forEach(u=>{t.includes(u)||(n[u]=e[u])}),n}function j(e,t){const n={};return Object.keys(e).forEach(u=>{t.includes(u)&&(n[u]=e[u])}),n}const C=()=>{},O=(e,t)=>{if(e.install=n=>{for(const u of[e,...Object.values(t!=null?t:{})])typeof u=="function"?n.use(u):u.name&&n.component(u.name,u)},t)for(const[n,u]of Object.entries(t))e[n]=u;return e},T=(e,t)=>(e.install=n=>{e._context=n._context,n.config.globalProperties[t]=e},e),X=(e,t)=>(e.install=n=>{n.directive(t,e)},e),U=e=>(e.install=C,e),S=Symbol("INSTALLED_KEY"),E="is-dragging",k="is-resizing",B=(e=[])=>({install:n=>{n[S]||(n[S]=!0,e.forEach(u=>n.use(u)))}}),G={class:"x-startup"},b=Vue.defineComponent({name:"XStartup",__name:"Startup",props:{text:{default:"Hello VTJ."}},setup(e){const t=e;return(n,u)=>(Vue.openBlock(),Vue.createElementBlock("div",G,[Vue.renderSlot(n.$slots,"default",{},()=>[Vue.createElementVNode("span",null,Vue.toDisplayString(t.text),1)])]))}}),ue="",M={default:14,small:12,large:18},P={icon:{type:[String,Object]},color:{type:String},size:{type:[Number,String],default:"inherit"},src:{type:String},disabled:{type:Boolean}},H=["src"],_=Vue.defineComponent({name:"XIcon",__name:"Icon",props:P,setup(e){const t=e,n=Vue.useAttrs(),u=Vue.computed(()=>typeof t.icon=="object"?Vue.markRaw(t.icon):null),r=Vue.computed(()=>{const o={"is-pointer":!!n.onClick};return!u.value&&t.icon&&(o[t.icon]=!0),o}),c=Vue.computed(()=>{var o;return typeof t.size=="number"?t.size:(o=M[t.size])!=null?o:void 0});return(o,a)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElIcon),{class:Vue.normalizeClass(["x-icon",r.value]),color:t.color,size:c.value},{default:Vue.withCtx(()=>[Vue.renderSlot(o.$slots,"default",{},()=>[u.value?(Vue.openBlock(),Vue.createBlock(Vue.resolveDynamicComponent(u.value),{key:0})):Vue.createCommentVNode("",!0),t.src?(Vue.openBlock(),Vue.createElementBlock("img",{key:1,src:t.src},null,8,H)):Vue.createCommentVNode("",!0)])]),_:3},8,["class","color","size"]))}}),L=Vue.defineComponent({name:"XMenuItem",__name:"MenuItem",props:{item:{}},setup(e){const t=e,n=Vue.getCurrentInstance(),u=(c="")=>{if(!c)return;const o=n==null?void 0:n.appContext.app;return(o==null?void 0:o.component(c))||c},r=c=>c.filter(o=>!o.hidden);return(c,o)=>t.item.children?(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElSubMenu),{key:0,index:t.item.id},{title:Vue.withCtx(()=>[Vue.createElementVNode("div",null,[Vue.createVNode(Vue.unref(_),{icon:u(t.item.icon)},null,8,["icon"]),Vue.createElementVNode("span",null,Vue.toDisplayString(t.item.title),1)])]),default:Vue.withCtx(()=>[(Vue.openBlock(!0),Vue.createElementBlock(Vue.Fragment,null,Vue.renderList(r(t.item.children),a=>(Vue.openBlock(),Vue.createBlock(Vue.unref(L),{item:a},null,8,["item"]))),256))]),_:1},8,["index"])):(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElMenuItem),Vue.mergeProps({key:1,index:t.item.id},t.item),{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(_),{icon:u(t.item.icon)},null,8,["icon"]),Vue.createElementVNode("span",null,Vue.toDisplayString(t.item.title),1)]),_:1},16,["index"]))}}),y=Vue.defineComponent({name:"XMenu",__name:"Menu",props:{data:{default:()=>[]},mode:{},defaultActive:{},defaultOpeneds:{},uniqueOpened:{type:Boolean},router:{type:Boolean},menuTrigger:{},collapse:{type:Boolean},backgroundColor:{},textColor:{},activeTextColor:{},collapseTransition:{type:Boolean},ellipsis:{type:Boolean},popperEffect:{}},emits:["select"],setup(e,{emit:t}){const n=e,u=Vue.computed(()=>n.data.filter(o=>!o.hidden)),r=(o,a)=>{const i=(s,m=[])=>{var d;for(const V of m){if(V.id===s)return V;if((d=V.children)!=null&&d.length){const h=i(s,V.children);if(h)return h}}};return i(a,o)},c=o=>{const a=r(u.value,o);a&&t("select",a)};return(o,a)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElMenu),Vue.mergeProps({class:"x-menu"},n,{onSelect:c}),{default:Vue.withCtx(()=>[(Vue.openBlock(!0),Vue.createElementBlock(Vue.Fragment,null,Vue.renderList(u.value,i=>(Vue.openBlock(),Vue.createBlock(Vue.unref(L),{item:i},null,8,["item"]))),256))]),_:1},16))}}),F={class:"x-simple-mask__brand"},Y={class:"x-simple-mask__aciton"},z=Vue.defineComponent({name:"XSimpleMask",__name:"SimpleMask",props:{preview:{type:Boolean},project:{default:()=>({name:"Logo",home:"/"})},menu:{}},setup(e,{expose:t}){const n=e,u=VueRouter.useRouter(),r=VueRouter.useRoute(),c=Vue.computed(()=>r.params.id),o=()=>{const i=n.project.home;i&&u.push(i)},a=i=>{const s=i==null?void 0:i.id;if(s){const d=`${n.preview?"/preview":n.project.page}/${s}`;u.push(d)}};return t({goHome:o}),(i,s)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElContainer),{class:"x-simple-mask"},{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(ElementPlus.ElHeader),{class:"x-simple-mask__header"},{default:Vue.withCtx(()=>[Vue.createElementVNode("div",F,[Vue.createElementVNode("span",{class:"x-simple-mask__logo",onClick:o},[Vue.renderSlot(i.$slots,"logo",{},()=>[Vue.createTextVNode(Vue.toDisplayString(n.project.name),1)])])]),Vue.createElementVNode("div",Y,[Vue.renderSlot(i.$slots,"action")])]),_:3}),Vue.createVNode(Vue.unref(ElementPlus.ElContainer),null,{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(ElementPlus.ElAside),{class:"x-simple-mask__aside"},{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(y),Vue.mergeProps(n.menu,{"default-active":c.value,onSelect:a}),null,16,["default-active"])]),_:1}),Vue.createVNode(Vue.unref(ElementPlus.ElMain),{class:"x-simple-mask__main"},{default:Vue.withCtx(()=>[Vue.renderSlot(i.$slots,"default",{},()=>[Vue.createVNode(Vue.unref(VueRouter.RouterView))])]),_:3})]),_:3}),i.$slots.footer?(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElFooter),{key:0,class:"x-simple-mask__footer",height:"40px"},{default:Vue.withCtx(()=>[Vue.renderSlot(i.$slots,"footer")]),_:3})):Vue.createCommentVNode("",!0)]),_:3}))}}),D=[b,_,y,z];function $(e){return Vue.computed(()=>e?typeof e=="string"||e.setup||e.render||Vue.isVNode(e)?{icon:e}:e:null)}function K(e){const t=$(e);return t.value?Vue.defineComponent({render:()=>Vue.h(_,t.value)}):null}function W(e,t={}){const n=t.edge||40,u=Vue.computed(()=>{var s;return t.selector?typeof t.selector=="string"?(s=Vue.unref(e))==null?void 0:s.querySelector(t.selector):Vue.unref(e):null}),r=Vue.computed(()=>Vue.unref(t.wrapper)),{x:c,y:o,isDragging:a}=VueUse.useDraggable(e,I({preventDefault:!1,stopPropagation:!1,handle:t.selector?u:null},N(t,["handle","edge"]))),i=(s,m,d,V,h,g)=>{const v=[-d.value+n,V.value-n];m.value=Math.min(Math.max(m.value,g.value),h.value-n),s.value<v[0]&&(s.value=v[0]),s.value>v[1]&&(s.value=v[1])};if(t.wrapper){const{width:s,height:m,top:d}=VueUse.useElementBounding(r),{width:V}=VueUse.useElementSize(e);Vue.watch([c,o],()=>{i(c,o,V,s,m,d)})}return Vue.watch(a,s=>{s?document.body.classList.add(E):document.body.classList.remove(E)}),{x:c,y:o,isDragging:a}}function q(e,t,n){const{dirs:u=["n","s","w","e"],edge:r=5}=e;let c="";const{left:o,top:a,width:i,height:s}=n,{clientX:m,clientY:d}=t;return u.includes("n")&&d>a.value-r&&d<a.value+r?c+="n":u.includes("s")&&d<a.value+s.value+r&&d>a.value+s.value-r&&(c+="s"),u.includes("w")&&m>o.value-r&&m<o.value+r?c+="w":u.includes("e")&&m<o.value+i.value+r&&m>o.value+i.value-r&&(c+="e"),c}function Z(e,t,n,u){if(!n)return;const{minWidth:r=0,minHeight:c=0,maxWidth:o,maxHeight:a}=e,{clientX:i,clientY:s}=t,{left:m,top:d,width:V,height:h}=u;n.includes("e")&&(V.value=Math.max(i-m.value,r)),n.includes("w")&&(V.value=Math.max(V.value+m.value-i,r),m.value=i),n.includes("s")&&(h.value=Math.max(s-d.value,c)),n.includes("n")&&(h.value=Math.max(h.value+d.value-s,c),d.value=s),o&&(V.value=Math.min(V.value,o)),a&&(h.value=Math.min(h.value,a)),e.onResizing&&e.onResizing(u)}function J(e,t={}){const n=I({edge:5,minWidth:50,minHeight:50,dirs:["n","s","w","e"]},t),u=Vue.effectScope(),r=Vue.ref(""),c=Vue.ref(!1),{onStart:o,onEnd:a,boundingOptions:i}=n,s=VueUse.useElementBounding(e,i),{left:m,top:d,width:V,height:h,update:g}=s;return u.run(()=>{VueUse.useEventListener(document,"mousemove",v=>{c.value?Z(n,v,r.value,s):r.value=q(n,v,s)}),VueUse.useEventListener(document,"mousedown",()=>{g(),r.value&&(c.value=!0,o&&o(s))}),VueUse.useEventListener(document,"mouseup",()=>{c.value=!1,r.value="",a&&a(s),g()}),Vue.watch(r,v=>{const w=document.body;w.style.cursor=v?`${v}-resize`:"",v?w.classList.add(k):w.classList.remove(k)})}),Vue.onUnmounted(()=>{u.stop()}),{left:m,top:d,width:V,height:h,direction:r,resizing:c,update:g}}const Q=B(D).install;l.INSTALLED_KEY=S,l.IS_DRAGGING_CLASS_NAME=E,l.IS_RESIZING_CLASS_NAME=k,l.NOOP=C,l.XIcon=_,l.XMenu=y,l.XSimpleMask=z,l.XStartup=b,l.components=D,l.getSizeValue=p,l.iconProps=P,l.iconSizeMap=M,l.install=Q,l.makeInstaller=B,l.omit=N,l.parseSize=R,l.pick=j,l.useDraggable=W,l.useIcon=K,l.useIconProps=$,l.useResizable=J,l.withInstall=O,l.withInstallDirective=X,l.withInstallFunction=T,l.withNoopInstall=U,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
+(function(d,E){typeof exports=="object"&&typeof module!="undefined"?E(exports):typeof define=="function"&&define.amd?define(["exports"],E):(d=typeof globalThis!="undefined"?globalThis:d||self,E(d.VtjUI={}))})(this,function(d){"use strict";var $t=Object.defineProperty,Ut=Object.defineProperties;var Ot=Object.getOwnPropertyDescriptors;var Oe=Object.getOwnPropertySymbols;var Lt=Object.prototype.hasOwnProperty,Ht=Object.prototype.propertyIsEnumerable;var be=(d,E,S)=>E in d?$t(d,E,{enumerable:!0,configurable:!0,writable:!0,value:S}):d[E]=S,N=(d,E)=>{for(var S in E||(E={}))Lt.call(E,S)&&be(d,S,E[S]);if(Oe)for(var S of Oe(E))Ht.call(E,S)&&be(d,S,E[S]);return d},D=(d,E)=>Ut(d,Ot(E));var $=(d,E,S)=>(be(d,typeof E!="symbol"?E+"":E,S),S);var P=(d,E,S)=>new Promise((L,G)=>{var le=R=>{try{H(S.next(R))}catch(Q){G(Q)}},ae=R=>{try{H(S.throw(R))}catch(Q){G(Q)}},H=R=>R.done?L(R.value):Promise.resolve(R.value).then(le,ae);H((S=S.apply(d,E)).next())});const E="";function S(o){return typeof o=="string"?o:`${o}px`}function L(o=0,t){if(typeof o=="number")return o;if(/(%|vh|vw)$/i.test(o)){const n=Number.parseInt(o);return Math.floor(t*n/100)}return Number.parseInt(o)}function G(o,t){const e={};return Object.keys(o).forEach(n=>{t.includes(n)||(e[n]=o[n])}),e}function le(o,t){const e={};return Object.keys(o).forEach(n=>{t.includes(n)&&(e[n]=o[n])}),e}const ae=()=>{},H=Symbol("INSTALLED_KEY"),R=(o=[])=>({install:e=>{e[H]||(e[H]=!0,o.forEach(n=>e.component(n.name,n)))}}),Q="data:image/png;base64,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",Le={class:"x-startup"},He={class:"brand"},Xe=["src"],We=Vue.createElementVNode("h3",null,[Vue.createTextVNode("基于 "),Vue.createElementVNode("span",null,"Vue3 + TypeScript"),Vue.createTextVNode(" 的低代码设计器引擎")],-1),Qe={class:"btn"},Ke=Vue.createElementVNode("div",{class:"ba"},[Vue.createElementVNode("a",{href:"http://beian.miit.gov.cn/"},"粤ICP备2023104074号")],-1),we=Vue.defineComponent({name:"XStartup",__name:"Startup",props:{text:{default:"VTJ.PRO"},link:{default:"/"}},setup(o){const t=o,e=()=>{location.href=t.link+"#/?startup"};return(n,l)=>(Vue.openBlock(),Vue.createElementBlock("div",Le,[Vue.renderSlot(n.$slots,"default",{},()=>[Vue.createElementVNode("div",null,[Vue.createElementVNode("div",He,[Vue.createElementVNode("img",{src:Vue.unref(Q)},null,8,Xe),Vue.createElementVNode("h1",null,Vue.toDisplayString(t.text),1)]),Vue.createVNode(Vue.unref(ElementPlus.ElDivider)),We,Vue.createElementVNode("div",Qe,[Vue.createVNode(Vue.unref(ElementPlus.ElButton),{onClick:e,type:"primary",round:"",size:"large",icon:Vue.unref(ElementPlusIconsVue.VideoPlay)},{default:Vue.withCtx(()=>[Vue.createTextVNode(" 立即开始体验 ")]),_:1},8,["icon"])])])]),Ke]))}}),Xt="",Ce={default:14,small:12,large:18},_e={icon:{type:[String,Object]},color:{type:String},size:{type:[Number,String],default:"inherit"},src:{type:String},disabled:{type:Boolean}},Ze=["src"],U=Vue.defineComponent({name:"XIcon",__name:"Icon",props:_e,setup(o){const t=o,e=Vue.useAttrs(),n=Vue.computed(()=>typeof t.icon=="object"?Vue.markRaw(t.icon):null),l=Vue.computed(()=>{const u={"is-pointer":!!e.onClick};return!n.value&&t.icon&&(u[t.icon]=!0),u}),s=Vue.computed(()=>{var u;return typeof t.size=="number"?t.size:(u=Ce[t.size])!=null?u:void 0});return(u,r)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElIcon),{class:Vue.normalizeClass(["x-icon",l.value]),color:t.color,size:s.value},{default:Vue.withCtx(()=>[Vue.renderSlot(u.$slots,"default",{},()=>[n.value?(Vue.openBlock(),Vue.createBlock(Vue.resolveDynamicComponent(n.value),{key:0})):Vue.createCommentVNode("",!0),t.src?(Vue.openBlock(),Vue.createElementBlock("img",{key:1,src:t.src},null,8,Ze)):Vue.createCommentVNode("",!0)])]),_:3},8,["class","color","size"]))}}),Je={class:"x-menu__wrapper"},Ye={key:1,class:"x-menu__title"},Ge=Vue.createElementVNode("i",null,null,-1),qe={key:0,class:"x-menu__title"},et=Vue.createElementVNode("i",null,null,-1),Be=Vue.defineComponent({inheritAttrs:!1,name:"XMenuItem",__name:"MenuItem",props:{item:{},subMenu:{},defaultIcon:{type:[Object,Function]}},setup(o){const t=o,e=Vue.getCurrentInstance(),n=u=>{if(u){if(typeof u=="string"){const r=e==null?void 0:e.appContext.app;return(r==null?void 0:r.component(u))||t.defaultIcon||u}return u}},l=u=>typeof u=="object"?u:{value:u},s=(u=[])=>u.filter(r=>!r.hidden);return(u,r)=>t.item.children?(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElSubMenu),Vue.mergeProps({key:0,disabled:t.item.disabled},t.subMenu,{index:String(t.item.id)}),{title:Vue.withCtx(()=>[Vue.createElementVNode("div",Je,[t.item.icon?(Vue.openBlock(),Vue.createBlock(Vue.unref(U),{key:0,icon:n(t.item.icon)},null,8,["icon"])):Vue.createCommentVNode("",!0),t.item.title?(Vue.openBlock(),Vue.createElementBlock("span",Ye,Vue.toDisplayString(t.item.title),1)):Vue.createCommentVNode("",!0),t.item.badge?(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElBadge),Vue.mergeProps({key:2,class:"x-menu__badge"},l(t.item.badge)),{default:Vue.withCtx(()=>[Ge]),_:1},16)):Vue.createCommentVNode("",!0)])]),default:Vue.withCtx(()=>[(Vue.openBlock(!0),Vue.createElementBlock(Vue.Fragment,null,Vue.renderList(s(t.item.children),a=>(Vue.openBlock(),Vue.createBlock(Vue.unref(Be),{key:a.id,item:a,subMenu:t.subMenu,defaultIcon:t.defaultIcon},null,8,["item","subMenu","defaultIcon"]))),128))]),_:1},16,["disabled","index"])):(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElMenuItem),{key:1,index:String(t.item.id),disabled:t.item.disabled},{title:Vue.withCtx(()=>[t.item.title?(Vue.openBlock(),Vue.createElementBlock("span",qe,Vue.toDisplayString(t.item.title),1)):Vue.createCommentVNode("",!0),t.item.badge?(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElBadge),Vue.mergeProps({key:1,class:"x-menu__badge"},l(t.item.badge)),{default:Vue.withCtx(()=>[et]),_:1},16)):Vue.createCommentVNode("",!0)]),default:Vue.withCtx(()=>[t.item.icon?(Vue.openBlock(),Vue.createBlock(Vue.unref(U),{key:0,icon:n(t.item.icon)},null,8,["icon"])):Vue.createCommentVNode("",!0)]),_:1},8,["index","disabled"]))}}),j=Vue.defineComponent({inheritAttrs:!1,name:"XMenu",__name:"Menu",props:{data:{default:()=>[]},subMenu:{},defaultIcon:{}},emits:["select"],setup(o,{emit:t}){const e=o,n=Vue.computed(()=>e.data.filter(u=>!u.hidden)),l=(u,r)=>{const a=(i,c=[])=>{var m;for(const g of c){if(g.id.toString()===i.toString())return g;if((m=g.children)!=null&&m.length){const B=a(i,g.children);if(B)return B}}};return a(r,u)},s=u=>{const r=l(n.value,u);r&&t("select",r)};return(u,r)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElMenu),Vue.mergeProps({class:"x-menu"},u.$attrs,{onSelect:s}),{default:Vue.withCtx(()=>[(Vue.openBlock(!0),Vue.createElementBlock(Vue.Fragment,null,Vue.renderList(n.value,a=>(Vue.openBlock(),Vue.createBlock(Vue.unref(Be),{item:D(N({},a),{icon:a.icon||Vue.unref(ElementPlusIconsVue.Menu)}),defaultIcon:e.defaultIcon,subMenu:e.subMenu},null,8,["item","defaultIcon","subMenu"]))),256))]),_:1},16))}}),tt={class:"x-simple-mask__brand"},nt={class:"x-simple-mask__aciton"},Ee=Vue.defineComponent({name:"XSimpleMask",__name:"SimpleMask",props:{preview:{type:Boolean},project:{default:()=>({name:"Logo",home:"/"})},menu:{}},setup(o,{expose:t}){const e=o,n=VueRouter.useRouter(),l=VueRouter.useRoute(),s=Vue.computed(()=>l.params.id),u=()=>{const a=e.project.home;a&&n.push(a)},r=a=>{const i=a==null?void 0:a.id;if(i){const m=`${e.preview?"/preview":e.project.page}/${i}`;n.push(m)}};return t({goHome:u}),(a,i)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElContainer),{class:"x-simple-mask"},{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(ElementPlus.ElHeader),{class:"x-simple-mask__header"},{default:Vue.withCtx(()=>[Vue.createElementVNode("div",tt,[Vue.createElementVNode("span",{class:"x-simple-mask__logo",onClick:u},[Vue.renderSlot(a.$slots,"logo",{},()=>[Vue.createTextVNode(Vue.toDisplayString(e.project.name),1)])])]),Vue.createElementVNode("div",nt,[Vue.renderSlot(a.$slots,"action")])]),_:3}),Vue.createVNode(Vue.unref(ElementPlus.ElContainer),null,{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(ElementPlus.ElAside),{class:"x-simple-mask__aside"},{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(j),Vue.mergeProps(e.menu,{"default-active":s.value,onSelect:r}),null,16,["default-active"])]),_:1}),Vue.createVNode(Vue.unref(ElementPlus.ElMain),{class:"x-simple-mask__main"},{default:Vue.withCtx(()=>[Vue.renderSlot(a.$slots,"default",{},()=>[Vue.createVNode(Vue.unref(VueRouter.RouterView))])]),_:3})]),_:3}),a.$slots.footer?(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElFooter),{key:0,class:"x-simple-mask__footer",height:"40px"},{default:Vue.withCtx(()=>[Vue.renderSlot(a.$slots,"footer")]),_:3})):Vue.createCommentVNode("",!0)]),_:3}))}}),se={name:{type:String},label:{type:String},value:{type:[String,Number,Object,Array,Boolean]},icon:{type:[String,Object]},mode:{type:String,default:"button"},menus:{type:Array},tooltip:{type:[String,Object]},badge:{type:[String,Number,Object]},dropdown:{type:Object},button:{type:Object},disabled:{type:[Boolean,Function]},size:{type:String,default:"default"},type:{type:String,default:"primary"},background:{type:String,default:"always"},circle:{type:Boolean}};function ot(o){return Vue.computed(()=>{const t=o.tooltip;if(t)return typeof t=="string"?{content:t}:t})}function ut(o){return Vue.computed(()=>{const t=o.badge;if(t)return typeof t=="object"?t:{value:t}})}function lt(o){return Vue.computed(()=>{const{dropdown:t,menus:e}=o;if(e&&e.length>0)return Object.assign({popperClass:"x-action__menus",size:o.size},t||{})})}function Se(o){const t=Vue.getCurrentInstance();return Vue.computed(()=>{const e=Vue.unref(o);if(e)if(typeof e=="string"||e.setup||e.render||Vue.isVNode(e)){const n=t==null?void 0:t.appContext.app;return{icon:typeof e=="string"&&(n==null?void 0:n.component(e))||e}}else return e;return null})}function J(o){const t=Se(o);return t.value?Vue.markRaw(Vue.defineComponent({render:()=>Vue.h(U,t.value)})):null}function q(o,t){return Vue.computed(()=>{const e=Vue.unref(o);return typeof e=="function"?e(t):!!e})}const at={key:0},st=Vue.defineComponent({__name:"Trigger",props:se,emits:["click"],setup(o,{emit:t}){const e=o,n=J(Vue.toRef(e,"icon")),l=q(Vue.toRef(e,"disabled")),s=Vue.computed(()=>({[`is-${e.mode}`]:!!e.mode,[`is-${e.type}`]:!!e.type,[`is-${e.size}`]:!!e.size&&e.size!=="default",[`is-background-${e.background}`]:e.mode==="icon"&&!!e.background,"is-disabled":!!e.disabled,"is-circle":!!e.circle})),u=()=>{t("click")};return(r,a)=>e.mode==="button"?(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElButton),Vue.mergeProps({key:0,icon:Vue.unref(n),type:e.type,size:e.size,disabled:Vue.unref(l)},e.button,{onClick:u}),{default:Vue.withCtx(()=>[Vue.createTextVNode(Vue.toDisplayString(r.label),1)]),_:1},16,["icon","type","size","disabled"])):(Vue.openBlock(),Vue.createElementBlock("div",{key:1,class:Vue.normalizeClass(["x-action__inner",s.value]),onClick:u},[(Vue.openBlock(),Vue.createBlock(Vue.resolveDynamicComponent(Vue.unref(n)))),r.label?(Vue.openBlock(),Vue.createElementBlock("span",at,Vue.toDisplayString(r.label),1)):Vue.createCommentVNode("",!0)],2))}}),M=Vue.defineComponent({name:"XAction",__name:"Action",props:se,emits:["click","command"],setup(o,{emit:t}){const e=o,n=Vue.useSlots(),l=ot(e),s=ut(e),u=lt(e),r=q(Vue.toRef(e,"disabled")),a=Vue.computed(()=>({[`x-action--${e.mode}`]:!!e.mode})),i=()=>{t("click",e)},c=f=>{var _;const w=(_=e.menus)==null?void 0:_.find(V=>V.command===f);w&&t("command",w)},m=f=>Vue.h(ElementPlus.ElBadge,s.value,()=>[].concat(f)),g=f=>Vue.h(ElementPlus.ElDropdown,D(N({},u.value),{disabled:r.value,onCommand:c}),{default:()=>[f],dropdown:()=>[Vue.h(ElementPlus.ElDropdownMenu,()=>(e.menus||[]).map(w=>Vue.h(ElementPlus.ElDropdownItem,w,()=>n.item?n.item({item:w}):w.label)))]}),B=f=>Vue.h(ElementPlus.ElTooltip,D(N({},l.value),{disabled:r.value}),()=>[f]),h=Vue.computed(()=>{let f=n.default?n.default()[0]:Vue.h(Vue.markRaw(st),D(N({},e),{onClick:i}));return s.value&&(f=m(f)),u.value&&(f=g(f)),l.value&&(f=B(f)),f});return(f,w)=>(Vue.openBlock(),Vue.createElementBlock("div",{class:Vue.normalizeClass(["x-action",a.value])},[(Vue.openBlock(),Vue.createBlock(Vue.resolveDynamicComponent(h.value)))],2))}}),xe={items:{type:Array},mode:{type:String,default:"button"},size:{type:String,default:"default"},type:{type:String,default:"primary"},background:{type:String,default:"always"},circle:{type:Boolean},disabled:{type:[Boolean,Function]},tooltip:{type:Object},badge:{type:Object},dropdown:{type:Object},button:{type:Object}},ee=Vue.defineComponent({name:"XActionBar",__name:"ActionBar",props:xe,emits:["click","command"],setup(o,{emit:t}){const e=o,n=Vue.computed(()=>(e.items||[]).map(u=>u==="|"?u:D(N({},u),{badge:u.badge?N(N({},e.badge),typeof u.badge=="object"?u.badge||{}:{value:u.badge}):void 0,tooltip:u.tooltip?N(N({},e.tooltip),typeof u.tooltip=="object"?u.tooltip||{}:{content:u.tooltip}):void 0}))),l=u=>{t("click",u)},s=(u,r)=>{t("command",u,r)};return(u,r)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(y),{class:"x-action-bar",align:"center"},{default:Vue.withCtx(()=>[(Vue.openBlock(!0),Vue.createElementBlock(Vue.Fragment,null,Vue.renderList(n.value,a=>(Vue.openBlock(),Vue.createElementBlock(Vue.Fragment,null,[a==="|"?(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElDivider),{key:0,direction:"vertical",class:"x-action-bar__divider"})):(Vue.openBlock(),Vue.createBlock(Vue.unref(M),Vue.mergeProps({key:1,mode:e.mode,size:e.size,type:e.type,circle:e.circle,background:e.background,button:e.button,dropdown:e.dropdown,disabled:Vue.unref(q)(e.disabled,a).value},a,{onClick:l,onCommand:i=>s(a,i)}),null,16,["mode","size","type","circle","background","button","dropdown","disabled","onCommand"]))],64))),256))]),_:1}))}}),ze={tag:{type:String,default:"div"},fit:{type:Boolean,default:!1},width:{type:[String,Number]},height:{type:[String,Number]},flex:{type:Boolean,default:!0},inline:{type:Boolean},direction:{type:String,default:"row"},wrap:{type:String,default:"nowrap"},justify:{type:String,default:"flex-start"},align:{type:String,default:"flex-start"},alignContent:{type:String,default:"stretch"},grow:{type:Boolean,default:!1},shrink:{type:Boolean,default:!1},alignSelf:{type:String,default:"auto"},overflow:{type:String},padding:{type:Boolean,default:!1}},y=Vue.defineComponent({name:"XContainer",__name:"Container",props:ze,setup(o){const t=o,e=Vue.getCurrentInstance(),n=Vue.computed(()=>{const u=e==null?void 0:e.parent;if(!u)return!1;const r=u.proxy;return r.$options.name==="XContainer"||!!r.flex}),l=Vue.computed(()=>{var u;return{"is-fit":t.fit,"is-flex":t.flex&&!t.inline,"is-inline-flex":t.flex&&t.inline,[`is-direction-${t.direction}`]:t.flex&&t.direction!=="row",[`is-wrap-${t.wrap}`]:t.flex&&t.wrap!=="nowrap",[`is-justify-${t.justify}`]:t.flex&&t.justify!=="flex-start",[`is-align-${t.align}`]:t.flex&&t.align!=="flex-start",[`is-align-content-${t.alignContent}`]:t.flex&&t.alignContent!=="stretch","is-grow":(u=t.grow)!=null?u:n.value,"is-shrink":n.value&&t.shrink,[`is-align-self-${t.alignSelf}`]:n.value&&t.alignSelf!=="auto",[`is-overflow-${t.overflow}`]:!!t.overflow,"is-padding":!!t.padding}}),s=Vue.computed(()=>{const{width:u,height:r,fit:a}=t;return a?null:{width:u?S(u):void 0,height:r?S(r):void 0}});return(u,r)=>(Vue.openBlock(),Vue.createBlock(Vue.resolveDynamicComponent(t.tag),{class:Vue.normalizeClass(["x-container",l.value]),style:Vue.normalizeStyle(s.value)},{default:Vue.withCtx(()=>[Vue.renderSlot(u.$slots,"default")]),_:3},8,["class","style"]))}}),Ne={size:{type:String,default:"default"},content:{type:String,default:""},subtitle:{type:String},icon:{type:[String,Object]},border:{type:Boolean},more:{type:Boolean}},rt={key:2,class:"x-header__subtitle"},it={key:0,class:"x-header__actions"},re=Vue.defineComponent({name:"XHeader",inheritAttrs:!1,__name:"Header",props:Ne,setup(o){const t=o,e=Vue.useAttrs(),n=J(Vue.toRef(t,"icon")),l=Vue.computed(()=>({[`is-size-${t.size}`]:!!t.size&&t.size!=="default","is-border":t.border,"is-pointer":!!e.onClick}));return(s,u)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(y),{class:Vue.normalizeClass(["x-header",l.value]),justify:"space-between",align:"center"},{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(y),{align:"center",class:Vue.normalizeClass(["x-header__wrapper",l.value]),grow:""},{default:Vue.withCtx(()=>[Vue.unref(n)?(Vue.openBlock(),Vue.createBlock(Vue.resolveDynamicComponent(Vue.unref(n)),{key:0,class:"x-header__icon"})):Vue.createCommentVNode("",!0),Vue.createElementVNode("span",Vue.mergeProps({class:"x-header__content"},s.$attrs),[Vue.renderSlot(s.$slots,"default",{},()=>[Vue.createTextVNode(Vue.toDisplayString(t.content),1)])],16),t.more?(Vue.openBlock(),Vue.createBlock(Vue.unref(U),{key:1,class:"x-header__more",icon:Vue.unref(ElementPlusIconsVue.ArrowRight)},null,8,["icon"])):Vue.createCommentVNode("",!0),t.subtitle||s.$slots.subtitle?(Vue.openBlock(),Vue.createElementBlock("span",rt,[Vue.renderSlot(s.$slots,"subtitle",{},()=>[Vue.createTextVNode(Vue.toDisplayString(t.subtitle),1)])])):Vue.createCommentVNode("",!0)]),_:3},8,["class"]),s.$slots.actions?(Vue.openBlock(),Vue.createElementBlock("div",it,[Vue.renderSlot(s.$slots,"actions")])):Vue.createCommentVNode("",!0)]),_:3},8,["class"]))}}),Pe={fit:{type:Boolean,default:!1},width:{type:[String,Number]},height:{type:[String,Number]},border:{type:Boolean,default:!0},radius:{type:Boolean,default:!0},card:{type:Boolean},size:{type:String},shadow:{type:String},header:{type:[String,Object]},bodyPadding:{type:Boolean,default:!0},footerPadding:{type:Boolean,default:!0},body:{type:Object},footer:{type:Object}},ie=Vue.defineComponent({name:"XPanel",__name:"Panel",props:Pe,setup(o,{expose:t}){const e=o,n=Vue.ref(),l=Vue.computed(()=>({"x-panel--card":!!e.card,"x-panel--default":!e.card,[`is-${e.size}`]:!!e.size&&e.size!=="default","is-border":!!e.border,"is-radius":!!e.radius,[`is-shadow-${e.shadow}`]:!!e.shadow&&e.shadow!=="none"})),s=Vue.computed(()=>e.header===null?null:typeof e.header=="string"?{content:e.header,size:e.size}:D(N({},e.header),{size:e.size})),u=Vue.computed(()=>e.fit||e.height?"auto":void 0);return t({bodyRef:n}),(r,a)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(y),{class:Vue.normalizeClass(["x-panel",l.value]),direction:"column",fit:e.fit,width:e.width,height:e.height},{default:Vue.withCtx(()=>[s.value?(Vue.openBlock(),Vue.createBlock(Vue.unref(y),{key:0,flex:!1,class:"x-panel__header"},{default:Vue.withCtx(()=>[Vue.renderSlot(r.$slots,"header",{},()=>[Vue.createVNode(Vue.unref(re),Vue.normalizeProps(Vue.guardReactiveProps(s.value)),{default:Vue.withCtx(()=>[Vue.renderSlot(r.$slots,"title")]),actions:Vue.withCtx(()=>[Vue.renderSlot(r.$slots,"actions")]),_:3},16)])]),_:3})):Vue.createCommentVNode("",!0),Vue.createVNode(Vue.unref(y),Vue.mergeProps({ref_key:"bodyRef",ref:n,flex:!1,overflow:u.value,grow:"",padding:"",class:"x-panel__body"},e.body),{default:Vue.withCtx(()=>[Vue.renderSlot(r.$slots,"default")]),_:3},16,["overflow"]),r.$slots.footer?(Vue.openBlock(),Vue.createBlock(Vue.unref(y),Vue.mergeProps({key:1,flex:!1,padding:"",class:"x-panel__footer"},e.footer),{default:Vue.withCtx(()=>[Vue.renderSlot(r.$slots,"footer")]),_:3},16)):Vue.createCommentVNode("",!0)]),_:3},8,["class","fit","width","height"]))}}),Te="user-select-none";class ce{constructor(t,e={}){$(this,"scope");$(this,"dragging",!1);this.el=t,this.options=e,this.scope=Vue.effectScope(),this.scope.run(()=>{this.init()})}getHandle(){const{selector:t,handle:e}=this.options;return t?this.el.querySelector(t):e}getTarget(){const{target:t="body"}=this.options;return typeof t=="string"?document.querySelector(t):Vue.unref(t)||document.body}init(){const{el:t,options:e}=this,{disabled:n,delay:l=150,onStart:s,onEnd:u}=e;if(n)return;let r=null;const a=this.getHandle(),i=this.getTarget();let c=t.getBoundingClientRect(),m=null;const{x:g,y:B}=VueUse.useDraggable(t,D(N({initialValue:{x:c.x,y:c.y}},e),{handle:a,onStart:(h,f)=>{document.body.classList.add(Te),clearTimeout(r),r=setTimeout(()=>{this.dragging=!0,c=t.getBoundingClientRect(),m=i==null?void 0:i.getBoundingClientRect(),s&&s(h,f)},l)},onEnd:(h,f)=>{if(clearTimeout(r),document.body.classList.remove(Te),this.dragging&&m){this.dragging=!1;const{x:w,y:_}=h,V=this.getPosition(m,c,w,_);u&&u(V,f),m=null}}}));Vue.watch([g,B],()=>{if(this.dragging&&m){const h=this.getPosition(m,c,g.value,B.value);t.style.left=`${h.x}px`,t.style.top=`${h.y}px`}})}getPosition(t,e,n,l){const{edge:s=50}=this.options,u=-e.width+s,r=t.width-s,a=0,i=t.height-s,c=Math.min(r,Math.max(n,u)),m=Math.min(i,Math.max(l,a));return{x:c,y:m}}destory(){this.scope.stop()}}const Ie={mounted(o,t){const e=t.value||{},n=new ce(o,e);o.__draggable__=n},updated(o,t){const e=t.value||{};let n=o.__draggable__;n&&!VtjUtils.isEqual(n.options,e)&&(n.destory(),o.__draggable__=new ce(o,e))},unmounted(o){const t=o.__draggable__;t&&(t.destory(),o.__draggable__=null)}},de="user-select-none";class Ve{constructor(t,e={}){$(this,"scope");$(this,"resizing",Vue.ref(!1));$(this,"direction",Vue.ref(""));$(this,"MIE",null);$(this,"cleanMousedown");$(this,"cleanMouseup");this.el=t,this.options=e,this.scope=Vue.effectScope(),this.scope.run(()=>{this.init()})}init(){const{el:t,options:e}=this,{disabled:n,onStart:l,onEnd:s}=e;if(n)return;this.MIE=VueUse.useMouseInElement(t),this.cleanMousedown=VueUse.useEventListener(document,"mousedown",()=>{var a;(a=this.direction)!=null&&a.value&&this.MIE&&(this.resizing.value=!0,t.classList.add("is-resizing",`is-${this.direction.value}-resizing`),l&&l(this.direction.value,this.MIE))}),this.cleanMouseup=VueUse.useEventListener(document,"mouseup",()=>{var a;this.resizing.value&&((a=this.direction)!=null&&a.value)&&this.MIE&&(t.classList.remove("is-resizing",`is-${this.direction.value}-resizing`),s&&s(this.direction.value,this.MIE)),this.resizing.value=!1}),Vue.watch(this.direction,a=>{const i=document.body;i.style.cursor=a?`${a}-resize`:"",a?i.classList.add(de):i.classList.remove(de)});const{x:u,y:r}=this.MIE;Vue.watch([u,r],()=>{this.resizing.value?this.resize():this.direction.value=this.getDirection()})}resize(){const{MIE:t,direction:e,resizing:n,options:l,el:s}=this,u=(e==null?void 0:e.value)||"";if(!t||!n.value||!u)return;const{x:r,y:a,elementX:i,elementY:c,elementHeight:m,elementWidth:g}=t,{onResizing:B}=l,{minWidth:h=0,minHeight:f=0,maxWidth:w=99999,maxHeight:_=99999}=l;if(u.includes("e")){const V=Math.min(Math.max(i.value,h),w);s.style.width=`${V}px`}if(u.includes("s")){const V=Math.min(Math.max(c.value,f),_);s.style.height=`${V}px`}if(u.includes("w")){const V=Math.min(Math.max(g.value-i.value,h),w);s.style.width=`${V}px`,s.style.left=`${r.value}px`}if(u.includes("n")){const V=Math.min(Math.max(m.value-c.value,f),_);this.el.style.height=`${V}px`,this.el.style.top=`${a.value}px`}B&&B(u,t)}getDirection(){if(!this.MIE)return"";const{elementX:t,elementY:e,elementHeight:n,elementWidth:l,isOutside:s}=this.MIE;if(s.value)return"";const{dirs:u=["n","s","w","e"],edge:r=5}=this.options;let a="";return u.includes("n")&&e.value<=r?a+="n":u.includes("s")&&e.value>n.value-r&&(a+="s"),u.includes("w")&&t.value<=r?a+="w":u.includes("e")&&t.value>l.value-r&&(a+="e"),a}destory(){var e;const t=document.body;t.style.cursor="",t.classList.remove(de),this.cleanMousedown&&this.cleanMousedown(),this.cleanMouseup&&this.cleanMouseup(),(e=this.MIE)==null||e.stop(),this.scope.stop()}}const me={mounted(o,t){const e=t.value||{},n=new Ve(o,e);o.__resizable__=n},updated(o,t){const e=t.value||{};let n=o.__resizable__;n&&!VtjUtils.isEqual(n.options,e)&&(n.destory(),o.__resizable__=new Ve(o,e))},unmounted(o){const t=o.__resizable__;t&&(t.destory(),o.__resizable__=null)}},De={modelValue:{type:Boolean,default:!0},title:{type:String},subtitle:{type:String},icon:{type:[String,Object]},size:{type:String,default:"default"},width:{type:[Number,String],default:"70%"},height:{type:[Number,String],default:"70%"},left:{type:[Number,String]},top:{type:[Number,String]},modal:{type:Boolean,default:!0},draggable:{type:[Boolean,Object],default:!0},resizable:{type:[Boolean,Object]},closable:{type:Boolean,default:!0},maximizable:{type:Boolean,default:!0},minimizable:{type:Boolean,default:!0},mode:{type:String,default:"normal"},content:{type:Object},src:{type:String},componentInstance:{type:Object},beforeClose:{type:Function},submit:{type:[Boolean,String]},cancel:{type:[Boolean,String]},bodyPadding:{type:Boolean,default:!0},primary:{type:Boolean}};let K=1e3;function ct(o,t){const{width:e,height:n}=VueUse.useElementSize(t),l=Vue.reactive({mode:o.mode||"normal",wrapperWidth:0,wrapperHeight:0,width:0,height:0,top:0,left:0,zIndex:++K,dragging:!1,resizing:!1});return Vue.watch([e,n],([s,u])=>{l.wrapperWidth=s,l.wrapperHeight=u,l.width=L(o.width,s),l.height=L(o.height,u),l.left=o.left?L(o.left,s)-l.width/2:Math.max(Math.floor((s-l.width)/2),0),l.top=o.top?L(o.top,u):Math.max(Math.floor((u-l.height)/2),0)}),Vue.watch(l,s=>{K=Math.max(s.zIndex,K)}),{state:l,normal:Vue.computed(()=>l.mode==="normal"),maximized:Vue.computed(()=>l.mode==="maximized"),minimized:Vue.computed(()=>l.mode==="minimized")}}function dt(o,t){const e=Vue.computed(()=>{const{width:u,height:r,top:a,left:i,zIndex:c}=t;return{width:`${u}px`,height:`${r}px`,top:`${a}px`,left:`${i}px`,zIndex:c}}),n=Vue.computed(()=>({[`is-${t.mode}`]:!!t.mode,"is-draggable":!!o.draggable,"is-resizable":!!o.resizable,"is-primary":!!o.primary})),l=Vue.computed(()=>({[`is-${t.mode}`]:!!t.mode,"is-dragging":t.dragging,"is-resizing":t.resizing})),s=Vue.computed(()=>({zIndex:t.zIndex}));return{styles:e,classes:n,wrapperClass:l,modalStyle:s}}function Vt(o,t,e){const n=c=>{t.mode=c,["maximized","minimized","normal"].includes(c)&&e(c),e("modeChange",c)},l=()=>P(this,null,function*(){(!o.beforeClose||(yield o.beforeClose()))&&(e("update:modelValue",!1),e("close"),e("destroy"))});return{close:l,changeMode:n,show:()=>n("normal"),hide:()=>n("minimized"),active:()=>{t.zIndex=Math.max(t.zIndex,++K)},submit:()=>e("submit"),cancel:()=>{e("cancel"),l()}}}function mt(o,t,e,n){return Vue.computed(()=>{var s;const l=typeof o.draggable=="boolean"?!o.draggable:!!((s=o.draggable)!=null&&s.disabled);return D(N({},VtjUtils.isObject(o.draggable)?o.draggable:{}),{disabled:l,target:n,selector:".x-panel__header",onStart(u){t.dragging=!0,t.zIndex=Math.max(t.zIndex,++K),e("dragStart",u)},onMove(u){e("dragging",u)},onEnd(u){if(t.mode==="maximized")return;const{x:r,y:a}=u;t.left=r,t.top=a,t.dragging=!1,e("dragEnd",u)}})})}function ft(o,t,e){return Vue.computed(()=>{var l;const n=typeof o.resizable=="boolean"?!o.resizable:!!((l=o.resizable)!=null&&l.disabled);return D(N({minWidth:200,minHeight:150},VtjUtils.isObject(o.resizable)?o.resizable:{}),{disabled:n,dirs:["e","s","w"],onStart(s,u){t.resizing=!0,t.zIndex=Math.max(t.zIndex,++K),e("resizeStart",s,u)},onResizing(s,u){e("resizing",s,u)},onEnd(s,u){t.left=u.elementPositionX.value,t.top=u.elementPositionY.value,t.width=u.elementWidth.value,t.height=u.elementHeight.value,t.resizing=!1,e("resizeEnd",s,u)}})})}function pt(o,t){const e=o.componentInstance;if(!e)return;let n=null;return Vue.onMounted(()=>{const l=Vue.unref(t),s=Vue.unref(l==null?void 0:l.bodyRef);n=e.$el,s&&s.$el&&s.$el.appendChild(n)}),Vue.onUnmounted(()=>{n&&n.parentNode&&n.parentNode.removeChild(n)}),{componentInstance:e}}const ht=["src"],fe=Vue.defineComponent({name:"XDialog",__name:"Dialog",props:De,emits:["update:modelValue","open","close","destroy","maximized","minimized","normal","modeChange","dragStart","dragging","dragEnd","resizeStart","resizeEnd","resizing","submit","cancel"],setup(o,{expose:t,emit:e}){const n=o,l=Vue.getCurrentInstance(),s=Vue.ref(),u=Vue.ref(),{state:r,maximized:a,minimized:i,normal:c}=ct(n,s),{styles:m,classes:g,wrapperClass:B,modalStyle:h}=dt(n,r),{changeMode:f,active:w,close:_,show:V,hide:C,submit:k,cancel:z}=Vt(n,r,e),T=mt(n,r,e,s),X=ft(n,r,e),W=pt(n,u);return Vue.watchEffect(()=>P(this,null,function*(){n.modelValue&&(yield Vue.nextTick(),l&&e("open",l))})),t({panelRef:u,state:r,maximized:a,minimized:i,changeMode:f,show:V,hide:C,submit:k,cancel:z,componentInstance:W}),(I,A)=>n.modelValue?(Vue.openBlock(),Vue.createBlock(Vue.Teleport,{key:0,to:"body"},[Vue.createElementVNode("div",{ref_key:"wrapper",ref:s,class:Vue.normalizeClass(["x-dialog__wrapper",Vue.unref(B)])},[n.modal?(Vue.openBlock(),Vue.createElementBlock("div",{key:0,class:"x-dialog__modal",style:Vue.normalizeStyle(Vue.unref(h))},null,4)):Vue.createCommentVNode("",!0),Vue.withDirectives((Vue.openBlock(),Vue.createBlock(Vue.unref(ie),{ref_key:"panelRef",ref:u,class:Vue.normalizeClass(["x-dialog",Vue.unref(g)]),card:"",shadow:"always",header:{icon:n.icon,subtitle:n.subtitle},width:"800px",height:"600px",footer:{justify:"space-between",flex:!0,align:"center"},style:Vue.normalizeStyle(Vue.unref(m)),size:n.size,body:{padding:n.bodyPadding},onClick:Vue.unref(w)},Vue.createSlots({title:Vue.withCtx(()=>[Vue.createTextVNode(Vue.toDisplayString(n.title),1)]),actions:Vue.withCtx(()=>[Vue.renderSlot(I.$slots,"actions"),n.minimizable?(Vue.openBlock(),Vue.createBlock(Vue.unref(M),{key:0,icon:Vue.unref(VtjIcons.Minimize),size:n.size,mode:"icon",type:"primary",background:"hover",onClick:A[0]||(A[0]=Z=>Vue.unref(f)("minimized"))},null,8,["icon","size"])):Vue.createCommentVNode("",!0),n.maximizable?(Vue.openBlock(),Vue.createElementBlock(Vue.Fragment,{key:1},[Vue.unref(c)?(Vue.openBlock(),Vue.createBlock(Vue.unref(M),{key:1,icon:Vue.unref(VtjIcons.Maximize),size:n.size,mode:"icon",type:"primary",background:"hover",onClick:A[2]||(A[2]=Z=>Vue.unref(f)("maximized"))},null,8,["icon","size"])):(Vue.openBlock(),Vue.createBlock(Vue.unref(M),{key:0,icon:Vue.unref(VtjIcons.Popup),size:n.size,mode:"icon",type:"primary",background:"hover",onClick:A[1]||(A[1]=Z=>Vue.unref(f)("normal"))},null,8,["icon","size"]))],64)):Vue.createCommentVNode("",!0),n.closable?(Vue.openBlock(),Vue.createBlock(Vue.unref(M),{key:2,icon:Vue.unref(VtjIcons.RawClose),size:n.size,mode:"icon",type:"danger",background:"hover",onClick:Vue.unref(_)},null,8,["icon","size","onClick"])):Vue.createCommentVNode("",!0)]),default:Vue.withCtx(()=>[Vue.renderSlot(I.$slots,"default",{},()=>[n.content?(Vue.openBlock(),Vue.createBlock(Vue.resolveDynamicComponent(n.content),{key:0})):Vue.createCommentVNode("",!0),n.src?(Vue.openBlock(),Vue.createElementBlock("iframe",{key:1,src:n.src,class:"x-dialog__frame"},null,8,ht)):Vue.createCommentVNode("",!0)])]),_:2},[n.cancel||n.submit||I.$slots.footer||I.$slots.extra||I.$slots.handle?{name:"footer",fn:Vue.withCtx(()=>[Vue.renderSlot(I.$slots,"footer",{},()=>[Vue.createVNode(Vue.unref(y),null,{default:Vue.withCtx(()=>[Vue.renderSlot(I.$slots,"extra")]),_:3}),Vue.createVNode(Vue.unref(y),null,{default:Vue.withCtx(()=>[Vue.renderSlot(I.$slots,"handle"),n.cancel?(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElButton),{key:0,type:"default",size:n.size,onClick:Vue.unref(z)},{default:Vue.withCtx(()=>[Vue.createTextVNode(Vue.toDisplayString(typeof n.cancel=="string"?n.cancel:"取消"),1)]),_:1},8,["size","onClick"])):Vue.createCommentVNode("",!0),n.submit?(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElButton),{key:1,type:"primary",size:n.size,onClick:Vue.unref(k)},{default:Vue.withCtx(()=>[Vue.createTextVNode(Vue.toDisplayString(typeof n.submit=="string"?n.cancel:"确定"),1)]),_:1},8,["size","onClick"])):Vue.createCommentVNode("",!0)]),_:3})])]),key:"0"}:void 0]),1032,["header","class","style","size","body","onClick"])),[[Vue.unref(Ie),Vue.unref(T)],[Vue.unref(me),Vue.unref(X)]])],2)])):Vue.createCommentVNode("",!0)}});function te(o,t){const e=document.createElement("div"),n=Vue.createVNode(fe,o);n.appContext=t!=null?t:te._context,Vue.render(n,e);const l=()=>{var s;Vue.render(null,e),(s=e.parentNode)==null||s.removeChild(e)};return n.props.onDestroy=()=>{l()},document.body.appendChild(e),{vnode:n,destroy:l}}const gt=Vue.createElementVNode("div",{class:"x-mask-sidebar__helper"},null,-1),vt=Vue.defineComponent({__name:"Sidebar",props:{collapsed:{type:Boolean}},setup(o){const t=o;return(e,n)=>Vue.withDirectives((Vue.openBlock(),Vue.createBlock(Vue.unref(y),{class:Vue.normalizeClass(["x-mask-sidebar",{"is-collapsed":t.collapsed}]),grow:!1,flex:"",direction:"column"},{default:Vue.withCtx(()=>[Vue.renderSlot(e.$slots,"brand"),Vue.createVNode(Vue.unref(y),{class:"x-mask-sidebar__wrapper",flex:"",grow:"",direction:"column",justify:"space-between",align:"center"},{default:Vue.withCtx(()=>[Vue.renderSlot(e.$slots,"default"),gt]),_:3})]),_:3},8,["class"])),[[Vue.unref(me),{dirs:["e"],disabled:t.collapsed,maxWidth:500,minWidth:200}]])}}),yt=Vue.defineComponent({__name:"SwitchBar",props:{collasped:{type:Boolean,default:!1},favorite:{type:Boolean,default:!1},keyword:{}},emits:["update:collasped","update:keyword","update:favorite"],setup(o,{emit:t}){const e=o,n=Vue.ref(!1),l=Vue.ref(""),s=Vue.ref(!1),u=()=>{n.value=!0},r=()=>{l.value="",n.value=!1,t("update:keyword",l.value)},a=()=>{t("update:collasped",!e.collasped)},i=()=>{t("update:keyword",l.value)},c=()=>{t("update:favorite",s.value)};return(m,g)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(y),{class:"x-mask-switch-bar",justify:"space-between",align:"center"},{default:Vue.withCtx(()=>[e.collasped?Vue.createCommentVNode("",!0):(Vue.openBlock(),Vue.createBlock(Vue.unref(y),{key:0,class:"x-mask-switch-bar__left",grow:""},{default:Vue.withCtx(()=>[n.value?Vue.createCommentVNode("",!0):(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElSwitch),{key:0,modelValue:s.value,"onUpdate:modelValue":g[0]||(g[0]=B=>s.value=B),class:"x-mask-switch-bar__switch","active-icon":Vue.unref(ElementPlusIconsVue.StarFilled),"inactive-icon":Vue.unref(ElementPlusIconsVue.Menu),onChange:c},null,8,["modelValue","active-icon","inactive-icon"])),n.value?(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElInput),{key:1,modelValue:l.value,"onUpdate:modelValue":g[1]||(g[1]=B=>l.value=B),class:"x-mask-switch-bar__input",size:"small",placeholder:"请输入查询关键字",onInput:i,"prefix-icon":Vue.unref(ElementPlusIconsVue.Search)},{suffix:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(U),{icon:Vue.unref(ElementPlusIconsVue.Close),onClick:r},null,8,["icon"])]),_:1},8,["modelValue","prefix-icon"])):Vue.createCommentVNode("",!0)]),_:1})),Vue.createVNode(Vue.unref(y),{class:Vue.normalizeClass(["x-mask-switch-bar__right",{"is-collasped":e.collasped}]),flex:"",align:"center",justify:"center"},{default:Vue.withCtx(()=>[!n.value&&!e.collasped?(Vue.openBlock(),Vue.createBlock(Vue.unref(M),{key:0,icon:Vue.unref(ElementPlusIconsVue.Search),mode:"icon",background:"hover",size:"default",circle:"",onClick:u},null,8,["icon"])):Vue.createCommentVNode("",!0),e.collasped?(Vue.openBlock(),Vue.createBlock(Vue.unref(M),{key:1,icon:Vue.unref(ElementPlusIconsVue.Expand),mode:"icon",size:"default",background:"hover",onClick:a,circle:""},null,8,["icon"])):Vue.createCommentVNode("",!0),e.collasped?Vue.createCommentVNode("",!0):(Vue.openBlock(),Vue.createBlock(Vue.unref(M),{key:2,icon:Vue.unref(ElementPlusIconsVue.Fold),mode:"icon",size:"default",background:"hover",circle:"",onClick:a},null,8,["icon"]))]),_:1},8,["class"])]),_:1}))}}),kt=["src"],bt={key:0},wt=Vue.defineComponent({__name:"Brand",props:{collapsed:{type:Boolean,default:!1},logo:{},title:{},url:{}},setup(o){const t=o,e=VueRouter.useRouter(),n=()=>{t.url&&e.push(t.url)};return(l,s)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(y),{class:Vue.normalizeClass(["x-mask-brand",{"is-collapsed":t.collapsed}]),align:"center"},{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(y),{class:"x-mask-brand__logo",flex:"",justify:"center",align:"center",onClick:n},{default:Vue.withCtx(()=>[Vue.renderSlot(l.$slots,"logo",{},()=>[t.logo?(Vue.openBlock(),Vue.createElementBlock("img",{key:0,src:t.logo},null,8,kt)):Vue.createCommentVNode("",!0)])]),_:3}),Vue.createVNode(Vue.unref(y),{class:"x-mask-brand__title",flex:"",align:"center"},{default:Vue.withCtx(()=>[t.title?(Vue.openBlock(),Vue.createElementBlock("span",bt,[Vue.renderSlot(l.$slots,"title",{},()=>[Vue.createTextVNode(Vue.toDisplayString(t.title),1)])])):Vue.createCommentVNode("",!0)]),_:3})]),_:3},8,["class"]))}}),ne="__favorites__",oe="__search__",Ct=Vue.defineComponent({__name:"Menu",props:{collapse:{type:Boolean,default:!1},keyword:{},favorite:{type:Boolean},favorites:{},flatMenus:{},menus:{},active:{}},emits:["select"],setup(o,{emit:t}){const e=o,n=Vue.computed(()=>e.menus||[]),l=Vue.computed(()=>{var a;return String((a=e.active)==null?void 0:a.id)}),s=Vue.computed(()=>{var a;return[{id:ne,title:"收藏",icon:ElementPlusIconsVue.Star,children:(a=e.favorites)!=null&&a.length?e.favorites:[{id:ne+"empty",disabled:!0,title:"暂无收藏菜单"}]}]}),u=Vue.computed(()=>{const a=(e.keyword||"").trim(),i=a?(e.flatMenus||[]).filter(c=>{var m;return(m=c.title)==null?void 0:m.includes(a)}):[];return[{id:oe,title:"搜索",icon:ElementPlusIconsVue.Search,children:i!=null&&i.length?i:[{id:oe+"empty",disabled:!0,title:"查询匹配不到菜单项"}]}]}),r=a=>{t("select",a)};return(a,i)=>(Vue.openBlock(),Vue.createElementBlock(Vue.Fragment,null,[Vue.withDirectives(Vue.createVNode(Vue.unref(y),{class:"x-mask-menu",grow:"",flex:!1,overflow:"auto"},{default:Vue.withCtx(()=>[Vue.withDirectives(Vue.createVNode(Vue.unref(j),{subMenu:{popperClass:"x-mask-menu-popper",teleported:!0,showTimeout:200,hideTimeout:200},data:n.value,"default-icon":Vue.unref(ElementPlusIconsVue.Document),collapse:!0,"collapse-transition":!1,"default-active":l.value,onSelect:r},null,8,["data","default-icon","default-active"]),[[Vue.vShow,e.collapse]]),Vue.withDirectives(Vue.createVNode(Vue.unref(j),{subMenu:{popperClass:"x-mask-menu-popper",teleported:!0},data:n.value,"default-icon":Vue.unref(ElementPlusIconsVue.Document),collapse:!1,"collapse-transition":!1,"default-active":l.value,onSelect:r},null,8,["data","default-icon","default-active"]),[[Vue.vShow,!e.collapse]]),n.value.length?Vue.createCommentVNode("",!0):(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElEmpty),{key:0,description:"暂无菜单数据"}))]),_:1},512),[[Vue.vShow,!e.favorite&&!e.keyword]]),Vue.withDirectives(Vue.createVNode(Vue.unref(y),{class:"x-mask-menu",grow:"",flex:!1,overflow:"auto"},{default:Vue.withCtx(()=>[Vue.withDirectives(Vue.createVNode(Vue.unref(j),{class:"x-mask-menu__favorites",subMenu:{popperClass:"x-mask-menu-popper",teleported:!0,showTimeout:200,hideTimeout:200},data:s.value,"default-icon":Vue.unref(ElementPlusIconsVue.Document),collapse:!0,"collapse-transition":!1,"default-active":l.value,"default-openeds":[ne],onSelect:r},null,8,["data","default-icon","default-active","default-openeds"]),[[Vue.vShow,e.collapse]]),Vue.withDirectives(Vue.createVNode(Vue.unref(j),{class:"x-mask-menu__favorites",subMenu:{popperClass:"x-mask-menu-popper",teleported:!0,showTimeout:200,hideTimeout:200},data:s.value,"default-icon":Vue.unref(ElementPlusIconsVue.Document),collapse:!1,"collapse-transition":!1,"default-active":l.value,"default-openeds":[ne],onSelect:r},null,8,["data","default-icon","default-active","default-openeds"]),[[Vue.vShow,!e.collapse]])]),_:1},512),[[Vue.vShow,e.favorite&&!e.keyword]]),e.keyword?Vue.withDirectives((Vue.openBlock(),Vue.createBlock(Vue.unref(y),{key:0,class:"x-mask-menu",grow:"",flex:!1,overflow:"auto"},{default:Vue.withCtx(()=>[Vue.withDirectives(Vue.createVNode(Vue.unref(j),{class:"x-mask-menu__search",subMenu:{popperClass:"x-mask-menu-popper",teleported:!0,showTimeout:200,hideTimeout:200},data:u.value,"default-icon":Vue.unref(ElementPlusIconsVue.Document),collapse:!0,"collapse-transition":!1,"default-active":l.value,"default-openeds":[oe],onSelect:r},null,8,["data","default-icon","default-active","default-openeds"]),[[Vue.vShow,e.collapse]]),Vue.withDirectives(Vue.createVNode(Vue.unref(j),{class:"x-mask-menu__search",subMenu:{popperClass:"x-mask-menu-popper",teleported:!0,showTimeout:200,hideTimeout:200},data:u.value,"default-icon":Vue.unref(ElementPlusIconsVue.Document),collapse:!1,"collapse-transition":!1,"default-active":l.value,"default-openeds":[oe],onSelect:r},null,8,["data","default-icon","default-active","default-openeds"]),[[Vue.vShow,!e.collapse]])]),_:1},512)),[[Vue.vShow,!!e.keyword]]):Vue.createCommentVNode("",!0)],64))}}),_t={class:"x-mask-tabs__trigger"},Bt={key:1},Et=["onDragstart","onDragend"],St={key:1},xt=Vue.defineComponent({__name:"Tabs",props:{tabs:{},home:{},isActiveTab:{type:Function},value:{},favorites:{}},emits:["click","remove","refresh","toggleFavorite","dialog"],setup(o,{emit:t}){const e=o,n=i=>{const c=!!e.favorites.find(m=>{var g;return m===i.menu||m.id===((g=i.menu)==null?void 0:g.id)});return[{icon:ElementPlusIconsVue.Refresh,label:"刷新",name:"refresh",value:i},"|",{icon:c?ElementPlusIconsVue.StarFilled:ElementPlusIconsVue.Star,label:"收藏",name:"favorite",value:i.menu,disabled:!i.menu},"|",{icon:ElementPlusIconsVue.CopyDocument,label:"弹窗",name:"dialog",value:i}]},l=i=>{const c=i.paneName;if(c===e.home.id){t("click",e.home);return}const m=e.tabs.find(g=>g.id===c);m&&t("click",m)},s=i=>{const c=e.tabs.find(m=>m.id===i);c&&t("remove",c)},u=i=>{switch(i.name){case"refresh":t("refresh",i.value);break;case"favorite":t("toggleFavorite",i.value);break;case"dialog":t("dialog",i.value);break}},r=(i,c)=>{c.dataTransfer&&(c.dataTransfer.setData("tab",i.id),c.target&&c.target.classList.add("is-dagging"))},a=(i,c)=>{c.target&&c.target.classList.remove("is-dagging")};return(i,c)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(y),{ref:"tabsRef",class:"x-mask-tabs",height:"100%",grow:"",flex:"",justify:"flex-end",direction:"column"},{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(ElementPlus.ElTabs),{type:"card","model-value":e.value,onTabRemove:s,onTabClick:l},{default:Vue.withCtx(()=>[e.home?(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElTabPane),{key:0,name:e.home.id},{label:Vue.withCtx(()=>[Vue.createElementVNode("div",_t,[e.home.icon?(Vue.openBlock(),Vue.createBlock(Vue.resolveDynamicComponent(Vue.unref(J)(e.home.icon)),{key:0})):Vue.createCommentVNode("",!0),e.home.title?(Vue.openBlock(),Vue.createElementBlock("span",Bt,Vue.toDisplayString(e.home.title),1)):Vue.createCommentVNode("",!0)])]),_:1},8,["name"])):Vue.createCommentVNode("",!0),(Vue.openBlock(!0),Vue.createElementBlock(Vue.Fragment,null,Vue.renderList(e.tabs,m=>(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElTabPane),{key:m.id,name:m.id,lazy:"",closable:""},{label:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(ElementPlus.ElPopover),{"open-delay":500,placement:"bottom",trigger:"hover",width:"200px",disabled:m.id!==e.value},{reference:Vue.withCtx(()=>[Vue.createElementVNode("div",{class:"x-mask-tabs__trigger",draggable:"true",onDragstart:g=>r(m,g),onDragend:g=>a(m,g)},[m.icon?(Vue.openBlock(),Vue.createBlock(Vue.resolveDynamicComponent(Vue.unref(J)(m.icon)),{key:0})):Vue.createCommentVNode("",!0),m.title?(Vue.openBlock(),Vue.createElementBlock("span",St,Vue.toDisplayString(m.title),1)):Vue.createCommentVNode("",!0)],40,Et)]),default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(ee),{items:n(m),mode:"text",size:"small",type:"info",onClick:u},null,8,["items"])]),_:2},1032,["disabled"])]),_:2},1032,["name"]))),128))]),_:1},8,["model-value"])]),_:1},512))}}),zt=Vue.defineComponent({__name:"ThemeSwitch",setup(o){const t=VueUse.useDark();return(e,n)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElSwitch),{class:"x-mask-theme-switch",modelValue:Vue.unref(t),"onUpdate:modelValue":n[0]||(n[0]=l=>Vue.isRef(t)?t.value=l:null),size:"default","active-action-icon":Vue.unref(ElementPlusIconsVue.Moon),"inactive-action-icon":Vue.unref(ElementPlusIconsVue.Sunny)},null,8,["modelValue","active-action-icon","inactive-action-icon"]))}}),Nt={class:"x-mask-toolbar__menu-item"},Pt=Vue.defineComponent({__name:"Toolbar",props:{tabs:{default:()=>[]},actions:{},theme:{type:Boolean}},emits:["closeOtherTabs","closeAllTabs","closeTab","clickTab","actionClick","actionCommand"],setup(o,{emit:t}){const e=o,n=Vue.computed(()=>{const a=e.tabs.map((i,c)=>({divided:c===0,label:i.title,command:i}));return[{label:"关闭其他",command:"other"},{label:"关闭全部",command:"all"},...a]}),l=a=>{t("closeTab",a.command)},s=a=>{switch(a.command){case"all":t("closeAllTabs");break;case"other":t("closeOtherTabs");break;default:t("clickTab",a.command);break}},u=a=>{t("actionClick",a)},r=(a,i)=>{t("actionCommand",a,i)};return(a,i)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(y),{class:"x-mask-toolbar",align:"center"},{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(M),{icon:Vue.unref(ElementPlusIconsVue.MoreFilled),menus:n.value,dropdown:{size:"small"},mode:"icon",circle:"",background:"hover",onCommand:s},{item:Vue.withCtx(({item:c})=>[Vue.createElementVNode("span",Nt,[Vue.createTextVNode(Vue.toDisplayString(c.label)+" ",1),["other","all"].includes(c.command)?Vue.createCommentVNode("",!0):(Vue.openBlock(),Vue.createBlock(Vue.unref(U),{key:0,onClick:Vue.withModifiers(m=>l(c),["stop"]),icon:Vue.unref(ElementPlusIconsVue.Close)},null,8,["onClick","icon"]))])]),_:1},8,["icon","menus"]),Vue.createVNode(Vue.unref(ElementPlus.ElDivider),{direction:"vertical"}),e.actions?(Vue.openBlock(),Vue.createBlock(Vue.unref(ee),{key:0,circle:"",mode:"icon",size:"default",background:"hover",items:a.actions,onClick:u,onCommand:r},null,8,["items"])):Vue.createCommentVNode("",!0),e.actions?(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElDivider),{key:1,direction:"vertical"})):Vue.createCommentVNode("",!0),e.theme?(Vue.openBlock(),Vue.createBlock(zt,{key:2})):Vue.createCommentVNode("",!0),e.theme?(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElDivider),{key:3,direction:"vertical"})):Vue.createCommentVNode("",!0),Vue.renderSlot(a.$slots,"default")]),_:3}))}}),Tt=Vue.defineComponent({__name:"Avatar",props:{avatar:{}},setup(o){const t=o;return(e,n)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(ElementPlus.ElPopover),{width:200,"popper-class":"x-mask-avatar__popper",disabled:!e.$slots.default},{reference:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(ElementPlus.ElAvatar),{class:"x-mask-avatar",shape:"circle",icon:Vue.unref(ElementPlusIconsVue.UserFilled),src:t.avatar,size:26},null,8,["icon","src"])]),default:Vue.withCtx(()=>[e.$slots.default?Vue.renderSlot(e.$slots,"default",{key:0}):Vue.createCommentVNode("",!0)]),_:3},8,["disabled"]))}}),Me=Vue.defineComponent({__name:"Content",props:{createView:{type:Function},exclude:{}},setup(o){const t=o;return(e,n)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(y),{class:"x-mask__content",flex:!1,grow:"",padding:""},{default:Vue.withCtx(()=>[Vue.renderSlot(e.$slots,"default"),Vue.createVNode(Vue.unref(VueRouter.RouterView),null,{default:Vue.withCtx(({Component:l,route:s})=>[(Vue.openBlock(),Vue.createBlock(Vue.KeepAlive,{exclude:t.exclude},[l?(Vue.openBlock(),Vue.createBlock(Vue.resolveDynamicComponent(t.createView(l,s)),{key:s.fullPath})):Vue.createCommentVNode("",!0)],1032,["exclude"]))]),_:1})]),_:3}))}}),Ae=140,Re={logo:{type:String,default:Q},title:{type:String,default:"VTJ.PRO"},menus:{type:[Array,Function],default(){return[]}},favorites:{type:[Array,Function],default(){return[]}},menuAdapter:{type:Function},home:{type:[String,Object],default:"/"},tabs:{type:Number,default:20},actions:{type:Array},avatar:{type:String},theme:{type:Boolean},disabled:{type:Boolean},addFavorite:{type:Function},removeFavorite:{type:Function}},pe=Symbol(),he=Symbol();function It(o){const t=Vue.ref(!1),e=Vue.ref(""),n=Vue.ref(!1);return{collapsed:t,keyword:e,favorite:n}}function Dt(o){const t=VtjUtils.uid();return Vue.computed(()=>{const e=o.home;return Object.assign({id:t,url:"/",name:"MaskHome",icon:ElementPlusIconsVue.HomeFilled,closable:!1},typeof e=="string"?{url:e}:e||{})})}function je(o,t){let e=[];return o.forEach(n=>{n=t?t(n):n,n.children?e=e.concat(je(n.children,t)):e.push(n)}),e}function Mt(o,t){const e=VueRouter.useRouter(),n=Vue.shallowRef([]),l=Vue.shallowRef([]),s=Vue.computed(()=>je(n.value,o.menuAdapter)),u=Vue.computed(()=>VtjUtils.arrayToMap(s.value,"id")),r=Vue.ref(null),a=h=>{const f=typeof h=="object"?h.id:h,w=u.value.get(f);if(!w){console.warn("找不到菜单",h);return}const{type:_="route",url:V,title:C,icon:k}=w;if(!V){r.value=w,t("select",w);return}if(_==="route"){VtjUtils.isUrl(V)||V.startsWith("//")?window.open(V):(r.value=w,e.push(V).catch(z=>z));return}if(_==="window"){window.open(V);return}_==="dialog"&&te({resizable:!0,bodyPadding:!1,width:"80%",height:"80%",title:C,icon:k,src:V})},i=()=>P(this,null,function*(){var h,f;n.value=typeof o.menus=="function"?(yield o.menus())||[]:(h=o.menus)!=null?h:[],l.value=typeof o.favorites=="function"?(yield o.favorites())||[]:(f=o.favorites)!=null?f:[]}),c=h=>{l.value=[h,...l.value],o.addFavorite&&o.addFavorite(h)},m=h=>{l.value=l.value.filter(f=>f.id!==h.id),o.removeFavorite&&o.removeFavorite(h)},g=h=>!!l.value.find(f=>f===h||f.id===h.id),B=h=>{g(h)?m(h):c(h)};return Vue.watchEffect(i),{menus:n,favorites:l,flatMenus:s,active:r,select:a,toggleFavorite:B}}function At(o,t,e,n,l){const s=VueRouter.useRoute(),u=VueRouter.useRouter(),r={},a=Vue.ref([]),i=Vue.ref(),{width:c}=VueUse.useElementSize(i),m=Vue.computed(()=>Math.floor(c.value/Ae)),g=Vue.computed(()=>a.value.slice(0,m.value).filter(p=>!p.dialog)),B=Vue.computed(()=>a.value.slice(m.value)),h=p=>e.value.find(v=>v.url===p),f=p=>s.fullPath===p.url,w=p=>l.value.id===p?l.value:a.value.find(v=>v.id===p),_=Vue.ref(""),V=Vue.computed(()=>w(_.value)),C=p=>{u.push(p.url).catch(v=>v)},k=p=>{_.value=p.id,s.fullPath!==p.url&&C(p)},z=()=>{C(l.value)},T=p=>{const v=a.value.find(b=>b.url===p.url||b.id===p.id);v?k(v):(a.value.unshift(p),k(p))},X=p=>P(this,null,function*(){const{url:v=s.fullPath,icon:b,title:ve="新建标签页"}=p||{},ue=r[v],ye=VtjUtils.uid(),ke=VtjUtils.upperFirstCamelCase(v);return N({id:ye,name:ke,url:v,icon:b,title:ve,closable:!0,menu:p},ue?yield ue():{})}),W=p=>P(this,null,function*(){if(yield ElementPlus.ElMessageBox.confirm("是否关闭页签","提示",{type:"warning"}).catch(b=>!1)){if(a.value=a.value.filter(b=>b.id!==p.id),_.value===p.id){const b=a.value[0];C(b||l.value)}return p}}),I=p=>{const v=a.value.findIndex(b=>b.id===p.id);if(v>=0){const b=a.value[v];a.value.splice(v,1,Object.assign(b,p))}},A=()=>P(this,null,function*(){if(!(yield ElementPlus.ElMessageBox.confirm("是否关闭全部页签","提示",{type:"warning"}).catch(b=>!1)))return;const v=a.value;return a.value=[],k(l.value),v}),Z=()=>P(this,null,function*(){if(!(yield ElementPlus.ElMessageBox.confirm("是否关闭其他页签","提示",{type:"warning"}).catch(b=>!1)))return;const v=a.value.filter(b=>b.id!==_.value);return a.value=a.value.filter(b=>b.id===_.value),v}),ge=p=>{const v=a.value.filter(b=>b.id!==p.id);a.value=[p,...v],k(p)},Y=()=>P(this,null,function*(){yield Vue.nextTick();const p=l.value.url===s.fullPath,v=h(s.fullPath);if(p)_.value=l.value.id;else{const b=yield X(v);T(b)}yield Vue.nextTick(),n.value=v||null});return Vue.watch(e,Y),Vue.watch(s,Y,{immediate:!0}),Vue.provide(pe,r),{tabRef:i,tabs:a,showTabs:g,currentTab:V,changeTab:C,removeTab:W,updateTab:I,addTab:T,home:l,tabValue:_,isCurrentTab:f,activeHome:z,activeTab:k,dropdownTabs:B,removeAllTabs:A,removeOtherTabs:Z,moveToShow:ge}}function Rt(o){const t=new Map,e=Vue.ref([]),n=Vue.reactive({}),l={},{updateTab:s,isCurrentTab:u,activeHome:r,tabs:a}=o,i=(V,C)=>{const k=C.fullPath;if(t.has(k))return t.get(k);{const z=VtjUtils.upperFirstCamelCase(k),T={name:z,setup(){const X=Vue.computed(()=>n[k]||document.body),W=Vue.computed(()=>!n[k]),I=Vue.computed(()=>!e.value.includes(z));return Vue.provide(VueRouter.routeLocationKey,Vue.toRaw(N({},C))),()=>I.value?Vue.h(Vue.Teleport,{to:X.value,disabled:W.value},[Vue.h(V)]):null}};return t.set(k,T),T}},c=V=>{V.dialog=void 0,delete n[V.url];const C=l[V.id];C&&(C.destroy(),delete l[V.id],s(V))},m=(V=[])=>{V.forEach(C=>{c(C)})},g=V=>P(this,null,function*(){V.dialog=D(N({},V.dialog),{onMinimized:()=>{c(V)},onClose:()=>P(this,null,function*(){c(V),a.value=a.value.filter(k=>k.id!==V.id)})}),s(V);const C=te(D(N({title:V.title,icon:V.icon,modal:!1,resizable:!0,draggable:!0},V.dialog),{onOpen(k){var z,T;n[V.url]=(T=(z=k.refs.panelRef)==null?void 0:z.bodyRef)==null?void 0:T.$el}}));return yield Vue.nextTick(),u(V)&&r(),l[V.id]=C,C}),B=V=>P(this,null,function*(){e.value=[V.name],yield Vue.nextTick(),e.value=[]}),h=V=>P(this,null,function*(){e.value=V.map(C=>C.name),yield Vue.nextTick(),e.value=[]}),f=V=>(V.preventDefault(),!1),w=V=>{if(V.dataTransfer){const C=V.dataTransfer.getData("tab"),k=a.value.find(z=>z.id===C);if(k){const{clientX:z,clientY:T}=V;k.dialog={left:z,top:T},g(k)}}},_=V=>!!n[V];return VueUse.useEventListener(document,"dragover",f),VueUse.useEventListener(document,"drop",w),{createView:i,openDialog:g,refresh:B,exclude:e,cleanCache:h,hasDialog:_,closeDialog:c,closeDialogs:m}}const Fe=Vue.defineComponent({name:"XMask",__name:"Mask",props:Re,emits:["select","actionClick","actionCommand"],setup(o,{emit:t}){const e=o,n=Dt(e),{collapsed:l,keyword:s,favorite:u}=It(),{menus:r,favorites:a,flatMenus:i,active:c,select:m,toggleFavorite:g}=Mt(e,t),{tabRef:B,showTabs:h,currentTab:f,changeTab:w,removeTab:_,tabs:V,updateTab:C,isCurrentTab:k,activeHome:z,removeAllTabs:T,removeOtherTabs:X,dropdownTabs:W,moveToShow:I}=At(e,t,i,c,n),{createView:A,openDialog:Z,refresh:ge,exclude:Y,cleanCache:p,closeDialogs:v}=Rt({tabs:V,updateTab:C,isCurrentTab:k,activeHome:z}),b=x=>P(this,null,function*(){(yield _(x))&&(yield p([x]))}),ve=()=>P(this,null,function*(){const x=yield T();x&&(v(x),yield p(x))}),ue=()=>P(this,null,function*(){const x=yield X();x&&(v(x),yield p(x))}),ye=x=>{t("actionClick",x)},ke=(x,F)=>{t("actionCommand",x,F)};return Vue.provide(he,{tabs:V,flatMenus:i,favorites:a,updateTab:C,active:c,currentTab:f}),(x,F)=>(Vue.openBlock(),Vue.createBlock(Vue.unref(y),{class:"x-mask"},{default:Vue.withCtx(()=>[e.disabled?(Vue.openBlock(),Vue.createBlock(Me,{key:1,createView:Vue.unref(A),exclude:Vue.unref(Y)},{default:Vue.withCtx(()=>[x.$slots.default?Vue.renderSlot(x.$slots,"default",{key:0}):Vue.createCommentVNode("",!0)]),_:3},8,["createView","exclude"])):(Vue.openBlock(),Vue.createElementBlock(Vue.Fragment,{key:0},[Vue.createVNode(vt,{collapsed:Vue.unref(l)},{brand:Vue.withCtx(()=>[Vue.createVNode(wt,{logo:e.logo,title:e.title,url:Vue.unref(n).url,collapsed:Vue.unref(l)},null,8,["logo","title","url","collapsed"])]),default:Vue.withCtx(()=>[Vue.createVNode(yt,{collasped:Vue.unref(l),"onUpdate:collasped":F[0]||(F[0]=O=>Vue.isRef(l)?l.value=O:null),favorite:Vue.unref(u),"onUpdate:favorite":F[1]||(F[1]=O=>Vue.isRef(u)?u.value=O:null),keyword:Vue.unref(s),"onUpdate:keyword":F[2]||(F[2]=O=>Vue.isRef(s)?s.value=O:null)},null,8,["collasped","favorite","keyword"]),Vue.createVNode(Ct,{collapse:Vue.unref(l),keyword:Vue.unref(s),favorite:Vue.unref(u),favorites:Vue.unref(a),flatMenus:Vue.unref(i),menus:Vue.unref(r),active:Vue.unref(c),onSelect:Vue.unref(m)},null,8,["collapse","keyword","favorite","favorites","flatMenus","menus","active","onSelect"])]),_:1},8,["collapsed"]),Vue.createVNode(Vue.unref(y),{class:"x-mask__main",grow:"",flex:"",direction:"column"},{default:Vue.withCtx(()=>[Vue.createVNode(Vue.unref(y),{class:"x-mask-topbar",justify:"space-between",align:"center"},{default:Vue.withCtx(()=>{var O;return[Vue.createVNode(xt,{ref_key:"tabRef",ref:B,favorites:Vue.unref(a),tabs:Vue.unref(h),home:Vue.unref(n),value:(O=Vue.unref(f))==null?void 0:O.id,onClick:Vue.unref(w),onToggleFavorite:Vue.unref(g),onRemove:b,onDialog:Vue.unref(Z),onRefresh:Vue.unref(ge)},null,8,["favorites","tabs","home","value","onClick","onToggleFavorite","onDialog","onRefresh"]),Vue.createVNode(Pt,{tabs:Vue.unref(W),actions:e.actions,theme:e.theme,onCloseOtherTabs:ue,onCloseAllTabs:ve,onCloseTab:b,onClickTab:Vue.unref(I),onActionClick:ye,onActionCommand:ke},{default:Vue.withCtx(()=>[Vue.createVNode(Tt,{avatar:e.avatar},Vue.createSlots({_:2},[x.$slots.user?{name:"default",fn:Vue.withCtx(()=>[Vue.renderSlot(x.$slots,"user")]),key:"0"}:void 0]),1032,["avatar"])]),_:3},8,["tabs","actions","theme","onClickTab"])]}),_:3}),Vue.createVNode(Me,{createView:Vue.unref(A),exclude:Vue.unref(Y)},{default:Vue.withCtx(()=>[x.$slots.default?Vue.renderSlot(x.$slots,"default",{key:0}):Vue.createCommentVNode("",!0)]),_:3},8,["createView","exclude"])]),_:3})],64))]),_:3}))}});function jt(o={}){const t=VueRouter.useRoute(),e=Vue.inject(pe,null),n=Vue.inject(he,null);if(e){const s=typeof o=="function"?o:()=>P(this,null,function*(){return o});e[t.fullPath]=s}return{tab:Vue.computed(()=>n?n.tabs.value.find(s=>s.url===t.fullPath):null),mask:n}}const $e=[we,U,j,Ee,M,ee,y,re,ie,fe,Fe],Ft="0.6.0",Ue=R($e).install;d.Draggable=ce,d.INSTALLED_KEY=H,d.MASK_KEY=he,d.NOOP=ae,d.Resizable=Ve,d.TAB_CREATORS_KEY=pe,d.TAB_ITEM_WIDTH=Ae,d.XAction=M,d.XActionBar=ee,d.XContainer=y,d.XDialog=fe,d.XHeader=re,d.XIcon=U,d.XMask=Fe,d.XMenu=j,d.XPanel=ie,d.XSimpleMask=Ee,d.XStartup=we,d.actionBarProps=xe,d.actionProps=se,d.components=$e,d.containerProps=ze,d.createDialog=te,d.default=Ue,d.defineTab=jt,d.dialogProps=De,d.getSizeValue=S,d.headerProps=Ne,d.iconProps=_e,d.iconSizeMap=Ce,d.install=Ue,d.makeInstaller=R,d.maskProps=Re,d.omit=G,d.panelProps=Pe,d.parseSize=L,d.pick=le,d.useDisabled=q,d.useIcon=J,d.useIconProps=Se,d.vDraggable=Ie,d.vResizable=me,d.version=Ft,Object.defineProperties(d,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/cdn/style.css

@@ -1 +1 @@
-body::-webkit-scrollbar,div::-webkit-scrollbar{z-index:11;width:6px}body::-webkit-scrollbar:horizontal,div::-webkit-scrollbar:horizontal{height:6px}body::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:var(--el-text-color-disabled)}body::-webkit-scrollbar-corner,div::-webkit-scrollbar-corner{background:var(--el-fill-color-blank)}body::-webkit-scrollbar-track,div::-webkit-scrollbar-track{background:var(--el-fill-color-blank)}body::-webkit-scrollbar-track-piece,div::-webkit-scrollbar-track-piece{background:var(--el-fill-color-blank);width:6px}body.is-dragging,body.is-resizing{user-select:none}body.is-dragging iframe,body.is-resizing iframe{user-select:none;pointer-events:none}.x-icon{line-height:1}.x-icon.is-pointer{cursor:pointer}.x-icon.is-pointer:hover{opacity:.7}.x-icon img{width:100%;height:100%;transform:translateY(1px)}.x-icon+.x-icon{margin-left:10px}.x-menu{border-right:none!important}.x-menu .x-icon{font-size:inherit;width:14px}.x-simple-mask{height:100%;background-color:#fff}.x-simple-mask__header{border-bottom:1px solid #dcdfe6;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.x-simple-mask__aside{border-right:1px solid #dcdfe6}.x-simple-mask__footer{border-top:1px solid #dcdfe6;display:flex;flex-direction:row;justify-content:center;align-items:center}.x-simple-mask__logo{font-size:20px;color:#337ecc;font-weight:700;cursor:pointer}.x-simple-mask__logo:hover{opacity:.7}.x-startup{font-size:100px;height:100%;font-weight:700;color:#337ecc;background-color:#ecf5ff;display:flex;justify-content:center;align-items:center;text-shadow:0 0 5px rgba(0,0,0,.3)}
+@charset "UTF-8";body{padding:0;margin:0;font-family:var(--el-font-family);background-color:var(--el-bg-color)}body.user-select-none{user-select:none;overflow:hidden!important}body.user-select-none iframe{pointer-events:none}body::-webkit-scrollbar,div::-webkit-scrollbar{z-index:11;width:6px}body::-webkit-scrollbar:horizontal,div::-webkit-scrollbar:horizontal{height:6px}body::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb{border-radius:5px;width:6px;background:rgba(0,0,0,.1)}body::-webkit-scrollbar-corner,div::-webkit-scrollbar-corner{background:transparent}body::-webkit-scrollbar-track,div::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-track-piece,div::-webkit-scrollbar-track-piece{background:transparent;width:6px}body.is-dragging,body.is-resizing{user-select:none}body.is-dragging iframe,body.is-resizing iframe{user-select:none;pointer-events:none}.x-icon{line-height:1;display:inline-block;vertical-align:middle;font-size:inherit;width:1em;height:1em;overflow:hidden}.x-icon>svg{width:1em;height:1em}.x-icon.is-pointer{cursor:pointer}.x-icon.is-pointer:hover{opacity:.7}.x-icon img{width:100%;height:100%;transform:translateY(1px)}.x-icon+.x-icon{margin-left:10px}.x-menu{border-right:none!important}.x-menu .x-icon{font-size:inherit;width:14px}.x-menu__wrapper{display:inline-flex;justify-content:flex-start;align-items:center}.x-menu__badge{font-size:12px;zoom:.9;margin-left:14px}.x-menu.el-menu--collapse .x-menu__wrapper{position:relative}.x-menu.el-menu--collapse .x-menu__badge{position:absolute;right:20px;top:5px}.x-simple-mask{height:100%;background-color:#fff}.x-simple-mask__header{border-bottom:1px solid #dcdfe6;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.x-simple-mask__aside{border-right:1px solid #dcdfe6}.x-simple-mask__footer{border-top:1px solid #dcdfe6;display:flex;flex-direction:row;justify-content:center;align-items:center}.x-simple-mask__logo{font-size:20px;color:#337ecc;font-weight:700;cursor:pointer}.x-simple-mask__logo:hover{opacity:.7}.x-action{display:inline-flex;vertical-align:middle}.x-action+.x-action{margin-left:10px}.x-action .el-dropdown,.x-action .el-tooltip__trigger,.x-action .el-badge{outline:none}.x-action .el-badge__content{zoom:.9}.x-action--icon+.x-action--icon{margin-left:5px}.x-action__inner{cursor:pointer;color:var(--el-text-color-regular);display:inline-flex;justify-content:center;align-items:center;line-height:1;white-space:nowrap;font-size:14px}.x-action__inner>.x-icon+span{margin-left:.2em}.x-action__inner>span{display:inline-flex;align-items:center}.x-action__inner:hover{opacity:.7}.x-action__inner.is-disabled{cursor:not-allowed;opacity:.6}.x-action__inner.is-primary{color:var(--el-color-primary)}.x-action__inner.is-warning{color:var(--el-color-warning)}.x-action__inner.is-success{color:var(--el-color-success)}.x-action__inner.is-danger{color:var(--el-color-danger)}.x-action__inner.is-info{color:var(--el-text-color-regular)}.x-action__inner.is-icon{padding:5px;border-radius:3px}.x-action__inner.is-icon.is-background-hover{color:var(--el-text-color-regular)}.x-action__inner.is-icon.is-background-hover:hover.is-primary{background-color:var(--el-color-primary-light-8);color:var(--el-color-primary)}.x-action__inner.is-icon.is-background-hover:hover.is-success{background-color:var(--el-color-success-light-8);color:var(--el-color-success)}.x-action__inner.is-icon.is-background-hover:hover.is-warning{background-color:var(--el-color-warning-light-8);color:var(--el-color-warning)}.x-action__inner.is-icon.is-background-hover:hover.is-danger{background-color:var(--el-color-danger-light-8);color:var(--el-color-danger)}.x-action__inner.is-icon.is-background-hover:hover.is-info{background-color:var(--el-color-info-light-8);color:var(--el-text-color-regular)}.x-action__inner.is-icon.is-background-always.is-primary{background-color:var(--el-color-primary-light-9)}.x-action__inner.is-icon.is-background-always.is-success{background-color:var(--el-color-success-light-9)}.x-action__inner.is-icon.is-background-always.is-warning{background-color:var(--el-color-warning-light-9)}.x-action__inner.is-icon.is-background-always.is-danger{background-color:var(--el-color-danger-light-9)}.x-action__inner.is-icon.is-background-always.is-info{background-color:var(--el-color-info-light-9)}.x-action__inner.is-icon.is-circle{border-radius:50%}.x-action__inner.is-icon.is-large{font-size:16px;padding:6px}.x-action__inner.is-icon.is-small{font-size:12px;padding:4px}.x-action__inner.is-text.is-large{font-size:16px}.x-action__inner.is-text.is-small{font-size:12px}.x-action-bar{white-space:nowrap}.x-action-bar__divider{margin:0 1em!important}.x-container{flex-shrink:0;box-sizing:border-box}.x-container.is-fit{width:100%;height:100%}.x-container.is-flex{display:flex}.x-container.is-inline-flex{display:inline-flex}.x-container.is-direction-column{flex-direction:column}.x-container.is-direction-row-reverse{flex-direction:row-reverse}.x-container.is-direction-column-reverse{flex-direction:column-reverse}.x-container.is-justify-flex-end{justify-content:flex-end}.x-container.is-justify-center{justify-content:center}.x-container.is-justify-space-between{justify-content:space-between}.x-container.is-justify-space-around{justify-content:space-around}.x-container.is-align-center{align-items:center}.x-container.is-flex-end{align-items:flex-end}.x-container.is-baseline{align-items:baseline}.x-container.is-stretch{align-items:stretch}.x-container.is-align-content-flex-start{align-content:flex-start}.x-container.is-align-content-flex-end{align-content:flex-end}.x-container.is-align-content-enter{align-content:center}.x-container.is-align-content-space-between{align-content:space-between}.x-container.is-align-content-space-around{align-content:space-around}.x-container.is-align-content-stretch{align-content:stretch}.x-container.is-wrap-wrap{flex-wrap:wrap}.x-container.is-wrap-wrap-reverse{flex-wrap:wrap-reverse}.x-container.is-grow{flex-grow:1}.x-container.is-shrink{flex-shrink:1}.x-container.is-align-self-flex-start{align-self:flex-start}.x-container.is-align-self-flex-end{align-self:flex-end}.x-container.is-align-self-center{align-self:center}.x-container.is-align-self-baseline{align-self:baseline}.x-container.is-align-self-stretch{align-self:stretch}.x-container.is-overflow-hidden{overflow:hidden}.x-container.is-overflow-visible{overflow:visible}.x-container.is-overflow-auto{overflow:auto}.x-container.is-padding{padding:10px}.x-header{height:32px}.x-header.is-size-large{height:40px}.x-header.is-size-small{height:28px}.x-header.is-border{border-bottom:1px solid var(--el-border-color-light)}.x-header__wrapper{line-height:1;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:1px}.x-header__wrapper.is-size-large{font-size:16px}.x-header__wrapper.is-size-large .x-header__subtitle,.x-header__wrapper.is-size-large .x-header__more{font-size:14px}.x-header__wrapper.is-size-small,.x-header__wrapper.is-size-small .x-header__subtitle,.x-header__wrapper.is-size-small .x-header__more{font-size:12px}.x-header__wrapper.is-pointer .x-header__content{cursor:pointer}.x-header__wrapper.is-pointer .x-header__content:hover{opacity:.7}.x-header__icon{margin-right:5px;flex-shrink:0}.x-header__content{color:var(--el-text-color-primary);font-weight:700}.x-header__more{color:var(--el-text-color-secondary)!important;margin-left:3px}.x-header__subtitle{margin-left:.5em;font-size:12px;color:var(--el-text-color-secondary)}.x-header__actions{white-space:nowrap}.x-panel--default.is-radius{border-radius:var(--el-border-radius-base)}.x-panel--default .x-panel__header{margin-bottom:4px}.x-panel--default.is-border .x-panel__body{border:1px solid var(--el-border-color-light)}.x-panel--default.is-radius .x-panel__body{border-radius:var(--el-border-radius-base)}.x-panel--default.is-shadow-always .x-panel__body,.x-panel--default.is-shadow-hover .x-panel__body:hover{box-shadow:var(--el-box-shadow-lighter)}.x-panel--card.is-border{border:1px solid var(--el-border-color-light)}.x-panel--card.is-radius{border-radius:var(--el-border-radius-base)}.x-panel--card .x-panel__header{padding:0 5px 0 10px;background-color:var(--el-fill-color-lighter)}.x-panel--card.is-shadow-always,.x-panel--card.is-shadow-hover:hover{box-shadow:var(--el-box-shadow-lighter)}.x-panel__body.is-grow.is-overflow-auto{height:1px}.x-dialog{background-color:var(--el-bg-color);position:absolute;pointer-events:initial}.x-dialog.is-draggable>.x-panel__header{cursor:move}.x-dialog.is-maximized{width:100%!important;height:100%!important;left:0!important;top:0!important}.x-dialog.is-minimized{display:none}.x-dialog__wrapper{position:absolute;inset:0;pointer-events:none;overflow:hidden}.x-dialog__wrapper.is-minimized{display:none}.x-dialog__wrapper.is-dragging{user-select:none}.x-dialog__wrapper.is-dragging iframe{user-select:none;pointer-events:none}.x-dialog__modal{position:absolute;inset:0;background-color:var(--el-mask-color-extra-light);pointer-events:initial}.x-dialog__frame{width:100%;height:100%;display:block;border:none}.x-dialog.is-primary{border:2px solid var(--el-color-primary);border-top:none}.x-dialog.is-primary>.x-panel__header{background-color:var(--el-color-primary);color:var(--el-color-white)}.x-dialog.is-primary>.x-panel__header .x-header__content{color:var(--el-color-white)}.x-dialog.is-primary>.x-panel__header .x-action__inner.is-icon.is-background-hover{color:var(--el-color-white)}.x-dialog.is-primary>.x-panel__header .x-action__inner.is-icon.is-background-hover:hover.is-primary{background-color:#ffffff4d;opacity:1}.x-dialog.is-primary>.x-panel__header .x-action__inner.is-icon.is-background-hover:hover.is-danger{background-color:var(--el-color-danger);opacity:1}.x-dialog.is-primary>.x-panel__header .x-action__inner.is-icon.is-background-hover:hover.is-warning{background-color:var(--el-color-warning);opacity:1}.x-mask{--el-mask-brand-color: #0157fe;--el-mask-content-bg-color: var(--el-bg-color);--el-mask-topbar-bg-color: var(--el-fill-color-lighter);--el-mask-sidebar-bg-color: var(--el-fill-color-lighter);--el-mask-sidebar-border-color: var(--el-border-color-lighter);width:100%;height:100%;background-color:var(--el-mask-content-bg-color);overflow:hidden}.x-mask-brand{height:40px;overflow:hidden}.x-mask-brand__logo{height:26px;width:60px;text-align:center;cursor:pointer}.x-mask-brand__logo:hover{opacity:.7}.x-mask-brand__logo>img{height:100%}.x-mask-brand__title{font-size:16px;font-weight:700;color:var(--el-mask-brand-color);font-family:Microsoft YaHei,微软雅黑,Arial,sans-serif}.x-mask-brand__title>span{position:relative;transform:translate(-10px)}.x-mask-brand.is-collapsed .x-mask-brand__title{display:none}.x-mask-topbar{height:40px;background-color:var(--el-mask-topbar-bg-color);border-bottom:1px solid var(--el-mask-sidebar-border-color)}.x-mask-menu{--el-menu-bg-color: transparent;--el-menu-item-height: 36px;--el-menu-sub-item-height: 34px;--el-font-size-base: 14px;--el-menu-item-font-size: 14px;--el-menu-icon-width: 20px;--el-menu-base-level-padding: 10px;--el-menu-level-padding: 25px;width:100%;height:1px;overflow-x:hidden!important}.x-mask-menu::-webkit-scrollbar{width:2px!important}.x-mask-menu::-webkit-scrollbar-thumb{background:transparent!important}.x-mask-menu:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1)!important}.x-mask-menu .el-menu .el-menu-item [class^=el-icon],.x-mask-menu .el-menu .el-sub-menu .el-icon{font-size:16px}.x-mask-menu .el-menu .el-sub-menu .el-sub-menu__icon-arrow{font-size:12px;color:var(--el-text-color-secondary)}.x-mask-menu .el-menu .el-menu-item.is-active{background-color:var(--el-menu-hover-bg-color)}.x-mask-menu .el-menu .el-sub-menu.is-active>.el-sub-menu__title{color:var(--el-color-primary)}.x-mask-menu .el-menu--collapse{--el-menu-item-height: 50px;width:100%}.x-mask-menu .el-menu--collapse>.el-menu-item{flex-wrap:wrap;justify-content:center;position:relative;margin:5px;border-radius:var(--el-border-radius-base);align-items:center;text-align:center}.x-mask-menu .el-menu--collapse>.el-menu-item .x-menu__title{height:auto;width:auto;visibility:visible;font-size:12px;line-height:1;zoom:.9;position:absolute;left:0;bottom:10px;width:100%;text-align:center;color:var(--el-text-color-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-mask-menu .el-menu--collapse>.el-menu-item .el-menu-tooltip__trigger{width:100%;height:100%;display:block}.x-mask-menu .el-menu--collapse>.el-menu-item.is-active{background-color:var(--el-menu-hover-bg-color)}.x-mask-menu .el-menu--collapse>.el-menu-item.is-active .x-menu__title{color:var(--el-color-primary)}.x-mask-menu .el-menu--collapse>.el-sub-menu{margin:5px}.x-mask-menu .el-menu--collapse>.el-sub-menu>.el-sub-menu__title{width:100%;display:flex;border-radius:var(--el-border-radius-base);line-height:1;padding-left:0;padding-right:0}.x-mask-menu .el-menu--collapse>.el-sub-menu>.el-sub-menu__title>.x-menu__wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;height:100%;width:100%}.x-mask-menu .el-menu--collapse>.el-sub-menu>.el-sub-menu__title>.x-menu__wrapper .x-menu__title{font-size:12px;zoom:.9;left:0;bottom:10px;width:100%;text-align:center;display:block;position:relative;top:-5px;color:var(--el-text-color-secondary);overflow:hidden}.x-mask-menu .el-menu--collapse>.el-sub-menu.is-active{background-color:var(--el-menu-hover-bg-color)}.x-mask-menu .el-menu--collapse>.el-sub-menu.is-active .x-menu__wrapper{color:var(--el-color-primary)}.x-mask-menu .el-menu--collapse>.el-sub-menu.is-active .x-menu__wrapper .x-menu__title{color:var(--el-color-primary)}.x-mask-menu .el-menu--collapse>.el-sub-menu.is-opened{background-color:var(--el-menu-hover-bg-color)}.x-mask-menu .el-menu--collapse .el-menu-item [class^=el-icon],.x-mask-menu .el-menu--collapse .el-sub-menu .el-icon{font-size:20px;margin-right:0}.x-mask-menu__favorites .el-sub-menu__title .x-icon{color:var(--el-color-warning)}.x-mask-menu__search .el-sub-menu__title .x-icon{color:var(--el-color-success)}.x-mask-menu-popper{--el-menu-item-height: 36px;--el-menu-sub-item-height: 34px;--el-font-size-base: 12px;--el-menu-item-font-size: 12px;--el-menu-icon-width: 20px;--el-menu-base-level-padding: 14px;max-height:calc(100% - 10px);overflow:auto}.x-mask-menu-popper .el-menu-item [class^=el-icon],.x-mask-menu-popper .el-sub-menu .el-icon{font-size:14px;margin-right:0}.x-mask-menu-popper .el-sub-menu .el-sub-menu__icon-arrow{font-size:12px;color:var(--el-text-color-secondary)}.x-mask-menu-popper .el-menu-item.is-active{background-color:var(--el-menu-hover-bg-color)}.x-mask-menu-popper .el-sub-menu.is-active>.el-sub-menu__title{color:var(--el-color-primary)}.x-mask-menu-popper::-webkit-scrollbar{width:2px!important}.x-mask-menu-popper::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1)!important}.x-mask-sidebar{width:200px;background-color:var(--el-mask-sidebar-bg-color)}.x-mask-sidebar:not(.is-resizing){transition:width .2s}.x-mask-sidebar__wrapper{position:relative;border-right:1px solid var(--el-mask-sidebar-border-color)}.x-mask-sidebar__wrapper>.el-divider{margin:0}.x-mask-sidebar__expander{padding:5px 0;width:100%;background-color:var(--el-mask-sidebar-border-color);text-align:center;cursor:pointer}.x-mask-sidebar__expander:hover{opacity:.7}.x-mask-sidebar__helper{position:absolute;width:8px;font-size:0;right:0;top:0;bottom:0;border-right:2px solid transparent}.x-mask-sidebar.is-resizing .x-mask-sidebar__helper{border-right:2px solid var(--el-color-primary)}.x-mask-sidebar.is-collapsed{width:60px}.x-mask-sidebar.is-collapsed .x-mask-avatar__wrapper{overflow:hidden;height:0;width:0;visibility:hidden}.x-mask-topbar{height:40px}.x-mask-tabs{width:1px}.x-mask-tabs .el-tabs{--el-tabs-header-height: 30px;--el-font-size-base: 12px;position:relative;left:-1px}.x-mask-tabs .el-tabs__header{margin:0;border-bottom:none!important}.x-mask-tabs .el-tabs__header .el-tabs__item.is-active{background-color:var(--el-bg-color)}.x-mask-tabs .el-tabs__header .x-icon{pointer-events:none}.x-mask-tabs .el-tabs__content{display:none}.x-mask-tabs__trigger{height:100%;display:flex;align-items:center}.x-mask-tabs__trigger>.x-icon+span{margin-left:5px}.x-mask-toolbar{padding-right:10px}.x-mask-toolbar>.x-action{margin:0 5px}.x-mask-toolbar__menu-item{position:relative;display:inline-block;padding-right:20px;width:100%}.x-mask-toolbar__menu-item .x-icon{position:absolute;right:-10px;top:50%;transform:translateY(-50%)}.x-mask-switch-bar{width:100%;height:40px;padding:10px 5px 10px 10px;border-top:1px solid var(--el-mask-sidebar-border-color);position:relative;top:-1px;box-sizing:border-box}.x-mask-switch-bar__left{width:1px;padding-right:5px}.x-mask-switch-bar__right.is-collasped{width:100%;padding-right:5px}.x-mask-switch-bar__switch{height:28px!important;line-height:1!important;width:60px!important;position:relative;display:block!important}.x-mask-switch-bar__switch .el-switch__core{--el-switch-off-color: var(--el-mask-content-bg-color);--el-switch-on-color: var(--el-mask-content-bg-color);border:1px solid var(--el-mask-sidebar-border-color)!important;height:28px;width:60px;border-radius:14px}.x-mask-switch-bar__switch .el-switch__core .el-switch__action{width:28px;height:24px;border-radius:14px;background-color:var(--el-color-primary-light-8)}.x-mask-switch-bar__switch .el-switch__label--left{position:absolute;top:6px;left:9px;z-index:1;margin-right:0;height:14px;color:var(--el-text-color-regular)}.x-mask-switch-bar__switch .el-switch__label--right{position:absolute;top:6px;right:9px;z-index:1;margin-right:0;height:14px;color:var(--el-text-color-regular)}.x-mask-switch-bar__switch .el-switch__label.is-active{color:var(--el-color-primary)}.x-mask-switch-bar__switch.is-checked .el-switch__core .el-switch__action{left:calc(100% - 29px)!important}.x-mask-switch-bar__input .el-input__wrapper{padding:0!important;border-radius:12px}.x-mask-switch-bar__input .el-input__prefix-inner>:last-child{margin-right:0;width:20px}.x-mask-switch-bar__input .el-input__suffix{cursor:pointer;transition:color .1s}.x-mask-switch-bar__input .el-input__suffix:hover{color:var(--el-color-warning)}.x-mask-switch-bar__input .el-input__suffix .x-icon{width:20px;margin-left:0!important}.x-mask-switch-bar__input .el-input__inner{height:28px!important}.x-mask-avatar{margin-left:5px}.x-mask-theme-switch.el-switch{--el-switch-on-color: var(--el-fill-color-dark);--el-switch-off-color: var(--el-fill-color-dark)}.x-mask-theme-switch .el-switch__core .el-switch__action{color:var(--el-text-color-regular)!important;background-color:var(--el-bg-color)!important}.x-startup{height:100%;background-color:#ecf5ff;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.x-startup .brand{display:flex;justify-content:center;align-items:center}.x-startup .brand img{width:100px;height:100px;margin-right:20px}.x-startup h1{font-size:110px;font-weight:700;color:#0157fe;text-shadow:0 0 6px rgba(0,0,0,.3);margin:0;text-align:center;line-height:1}.x-startup h3{font-size:28px;color:#666;text-align:center}.x-startup .ba{position:absolute;height:30px;line-height:30px;text-align:center;bottom:0;width:100%;left:0}.x-startup .ba a{color:#b1b3b8}.x-startup .btn{text-align:center;padding-top:20px}.x-startup .btn button{width:200px}