x-next 0.0.0-alpha.16 → 0.0.0-alpha.18

package/dist/index.umd.js

@@ -1 +1 @@
-(function(p,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(p=typeof globalThis<"u"?globalThis:p||self,t(p.index={},p.Vue))})(this,function(p,t){"use strict";var Vt=Object.defineProperty;var Et=(p,t,S)=>t in p?Vt(p,t,{enumerable:!0,configurable:!0,writable:!0,value:S}):p[t]=S;var $=(p,t,S)=>Et(p,typeof t!="symbol"?t+"":t,S);const S="X",he="x",_=e=>e?he+"-"+e:e||"",O=e=>S+e,b=e=>{const n=_(e);return{block:n,element:r=>`${n}--${r}`,modifier:r=>`${n}-${r}`,is:r=>`${n}-is-${r}`}},T=Object.prototype.toString;function v(e){return T.call(e)==="[object Array]"}function ee(e){return T.call(e)==="[object Object]"}const te=e=>T.call(e)==="[object Promise]",pe=e=>C(e)&&e.constructor.name==="AsyncFunction",Ce=e=>te(e)||pe(e);function ne(e){return T.call(e)==="[object String]"}function ke(e){return T.call(e)==="[object Number]"&&e===e}function C(e){return typeof e=="function"}function F(){return typeof window<"u"}const z=e=>e,Ne=e=>!!(e&&e.shapeFlag&1),be=(e,n)=>!!(e&&e.shapeFlag&6),Be=(e,n)=>!!(e&&e.shapeFlag&8),we=(e,n)=>!!(e&&e.shapeFlag&16),Se=(e,n)=>!!(e&&e.shapeFlag&32),j=(e,n=!1)=>{var o,a;const l=[];for(const r of e??[])Ne(r)||be(r)||n&&Be(r,r.children)?l.push(r):we(r,r.children)?l.push(...j(r.children,n)):Se(r,r.children)?l.push(...j((a=(o=r.children).default)==null?void 0:a.call(o),n)):v(r)&&l.push(...j(r,n));return l},Ve=(e,n)=>Object.assign(n,{install(l){l.component(e)||l.component(e,n)}}),Ee={disabled:Boolean,block:Boolean,loading:Boolean,loadingFill:{type:Boolean,default:!1},debounce:{type:Number,default:0},shape:{type:z(String),default:void 0},link:{type:Boolean,default:!1},type:{type:z(String),default:void 0},status:{type:z(String),default:void 0},plain:{type:Boolean,default:!1},size:{type:z(String),default:"medium"},border:{type:Boolean,default:!0}},$e=t.defineComponent({name:"AnimationLoading",props:{cls:String},render(){return t.createVNode("svg",{viewBox:"0 0 50 50",class:"x-icon-loading-svg"},[t.createVNode("circle",{cx:"25",cy:"25",r:"20",class:"path",fill:"none",stroke:"currentColor"},null)])}}),Oe=t.defineComponent({name:"Button",props:Ee,emits:["click"],setup(e,{slots:n,emit:l}){const o=t.reactive({clicked:!1,isDebounce:!1}),a=b("button"),r=t.computed(()=>[a.block,e.type&&a.modifier(e.type),e.status&&a.modifier(e.status),e.disabled&&a.is("disabled"),e.block&&a.modifier("block"),e.plain&&a.is("plain"),e.shape&&a.modifier(e.shape),e.link&&a.modifier("is-link"),e.size&&a.modifier(e.size),!e.border&&a.modifier("is-hide-border"),s.value&&a.modifier("is-loading")]),f=()=>{e.debounce>0&&!o.isDebounce&&(o.isDebounce=!0,setTimeout(()=>{o.isDebounce=!1},e.debounce))},s=t.computed(()=>e.loading||o.clicked||o.isDebounce),m=t.getCurrentInstance(),u=(i,c)=>{const d=i(c);Ce(d)&&(o.clicked=!0,d.finally(()=>{o.clicked=!1}))},y=i=>{var d,h,k,N;if(i.stopPropagation(),(h=(d=i.target).blur)==null||h.call(d),s.value)return;f();const c=(N=(k=m==null?void 0:m.vnode)==null?void 0:k.props)==null?void 0:N.onClick;if(v(c))c.forEach(J=>u(J,i));else if(C(c)){u(c,i);return}};return()=>{var i;return t.createVNode("button",{class:r.value,type:"button",disabled:e.disabled,onClick:y},[t.createVNode("span",{style:{width:s.value?"16px":"0px",marginRight:s.value?"4px":"0px"},class:a.element("loading")},[t.createVNode($e,null,null)]),n.prefix&&t.createVNode("span",{class:a.element("prefix")},[n.prefix()]),t.createVNode("span",{class:a.element("content")},[(i=n.default)==null?void 0:i.call(n)]),n.suffix&&t.createVNode("span",{class:a.element("suffix")},[n.suffix()])])}}}),V=Ve(O("Button"),Oe),le=Object.freeze(Object.defineProperty({__proto__:null,XButton:V},Symbol.toStringTag,{value:"Module"})),Te=["px","%","vh","vw","calc"],oe=(e,n="px")=>{if(e===void 0)return"";const l=String(e);return Te.some(o=>l.includes(o))?l:l+n},ze=1e3,Me=3e3,Ae=1;class De{constructor(){$(this,"popupStack",{popup:new Set,dialog:new Set,message:new Set});$(this,"getNextZIndex",n=>(n==="message"?Array.from(this.popupStack.message).pop()||Me:Array.from(this.popupStack.popup).pop()||ze)+Ae);$(this,"add",n=>{const l=this.getNextZIndex(n);return this.popupStack[n].add(l),n==="dialog"&&this.popupStack.popup.add(l),l});$(this,"delete",(n,l)=>{this.popupStack[l].delete(n),l==="dialog"&&this.popupStack.popup.delete(n)});$(this,"isLastDialog",n=>this.popupStack.dialog.size>1?n===Array.from(this.popupStack.dialog).pop():!0)}}const H=new De;function x(e,{visible:n,runOnMounted:l}={}){const o=t.ref(0),a=()=>{o.value=H.add(e)},r=()=>{H.delete(o.value,e)},f=()=>e==="dialog"?H.isLastDialog(o.value):!1;return t.watch(()=>n==null?void 0:n.value,s=>{s?a():r()},{immediate:!0}),l&&(t.onMounted(()=>{a()}),t.onBeforeUnmount(()=>{r()})),{zIndex:t.readonly(o),open:a,close:r,isLastDialog:f}}const re=e=>e.replace(/^./,n=>n.toLowerCase()).replace(/-(\w)/g,(n,l)=>(l==null?void 0:l.toUpperCase())??""),ae=()=>{},Fe=(e,n)=>{if(F)return(n??document).querySelector(e)??void 0},je=e=>{if(e.tagName==="BODY")return window.innerWidth-(document.documentElement.offsetWidth||document.body.offsetWidth);const{borderLeftWidth:n,borderRightWidth:l}=window.getComputedStyle(e),o=Number(n.replace("px",""))+Number(l.replace("px",""));return e.offsetWidth-(e.clientWidth+o)},Le=e=>e.tagName==="BODY"?document.documentElement.scrollHeight>window.innerHeight:e.scrollHeight>e.offsetHeight,Ie=(e,n)=>{var o;if(!F||!e||!n)return"";let l=re(n);l==="float"&&(l="cssFloat");try{const a=e.style[l];if(a)return a;const r=(o=document.defaultView)==null?void 0:o.getComputedStyle(e,"");return r?r[l]:""}catch{return e.style[l]}},M=(e,n,l)=>{if(!(!e||!n))if(ee(n))Object.entries(n).forEach(([o,a])=>M(e,o,a));else{const o=re(n);e.style[o]=l}},W=(e,n)=>{if(ne(e)){const l=e[0]==="#"?`[id='${e.slice(1)}']`:e;return Fe(l,n)}return e},Pe=F?(e,n,l,o=!1)=>{e.addEventListener(n,l,o)}:ae,He=F?(e,n,l,o=!1)=>{e.removeEventListener(n,l,o)}:ae,xe=(e,n)=>{let l=!1;const o={overflow:"",width:""},a=s=>s.tagName==="BODY",r=()=>{if(e.value){const s=e.value;if(!l&&s.style.overflow!=="hidden"){const m=je(s);if(m>0||Le(s)){o.overflow=s.style.overflow,o.width=s.style.width;let u=0;a(s)&&(u=s.getBoundingClientRect().left||0),M(s,{width:`calc(100% - ${Math.ceil(m-u)}px)`,overflow:"hidden"}),l=!0}}}},f=()=>{if(e.value&&l){const s=e.value;M(s,{overflow:o.overflow,width:o.width}),l=!1}};return t.watch(()=>n==null?void 0:n.value,s=>{e.value&&!a(e.value)&&(s&&M(s,{position:"absolute"}),Ie(e.value,"position")==="static"&&M(e.value,{position:"relative"}))}),{setOverflowHidden:r,resetOverflow:f}},We={ENTER:"Enter",ESC:"Escape",BACKSPACE:"Backspace",TAB:"Tab",SPACE:" ",ARROW_UP:"ArrowUp",ARROW_DOWN:"ArrowDown",ARROW_LEFT:"ArrowLeft",ARROW_RIGHT:"ArrowRight"},Ze={renderTo:{type:z([String,Object]),default:"body"},disabled:{type:Boolean,default:!1},modelValue:{type:Boolean,default:!1},top:{type:[String,Number],default:"3vh"},center:{type:Boolean,default:!1},width:{type:[String,Number],default:0},height:{type:[String,Number],default:0},minWidth:{type:[String,Number],default:0},minHeight:{type:[String,Number],default:0},title:{type:String,default:""},mask:{type:Boolean,default:!0},destroyOnClosed:{type:Boolean,default:!0},onBeforeCancel:{type:Function},maskToClose:{type:Boolean,default:!0},escToClose:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!1},messageBox:{type:Boolean,default:!1},popupClass:{type:String,default:void 0},showClose:{type:Boolean,default:!0},showHeaderBottomLine:{type:Boolean,default:!1}},Ue=["width","minWidth","height","minHeight"],Re=t.defineComponent({name:O("Dialog"),inheritAttrs:!1,props:Ze,emits:["closed","close","open","opened","update:modelValue"],setup(e,{emit:n}){const l=b("dialog"),o=l.block,a=b("message-box"),r=a.block,f=t.computed(()=>[o,e.messageBox&&"is-message-box",e.popupClass&&e.popupClass]),s=t.computed(()=>W(e.renderTo)),m=t.ref(),u=t.computed(()=>e.disabled||!s.value),y=t.computed(()=>({zIndex:k.value})),i=t.computed(()=>{const g={};return e.fullscreen||(!e.center&&e.top&&(g.top=oe(e.top)),Ue.forEach(w=>{e[w]&&(g[w]=oe(e[w]))})),g}),c=t.ref(!1),d=t.computed(()=>e.modelValue),h=t.computed(()=>d.value||c.value),{zIndex:k,isLastDialog:N}=x("dialog",{visible:d}),{setOverflowHidden:J,resetOverflow:me}=xe(s,m),ue=(g,w)=>{n("update:modelValue",!1),n("close",e.messageBox?g:void 0,e.messageBox?w:void 0)},Ct=()=>{c.value=!1,me(),n("closed")},kt=()=>{n("opened")},I=t.reactive({ok:!1,cancel:!1}),D=(g,w)=>{let P=!0;if(I[g]=!0,C(e.onBeforeCancel)&&(P=e.onBeforeCancel(g)??!1),te(P)){P.then(St=>{I[g]=!1,St&&ue(g,w)});return}I[g]=!1,P&&ue(g,w)},Nt=()=>{e.maskToClose&&e.mask&&D("cancel")},bt=g=>{D("cancel",g)},Bt=g=>{D("ok",g)};let Q=!1;const ge=g=>{e.escToClose&&g.key===We.ESC&&N()&&D("cancel")},wt=()=>{e.escToClose&&!Q&&(Q=!0,Pe(document.documentElement,"keydown",ge))},ye=()=>{Q=!1,He(document.documentElement,"keydown",ge)};return t.onBeforeUnmount(()=>{me(),ye()}),t.watch(()=>d.value,g=>{g?(n("open"),J(),c.value=!0,wt()):ye()},{immediate:!0}),{cls:f,ns:o,cn:l,cnOMB:a,messageBoxNs:r,containerStyle:i,dialogStyle:y,dialogRef:m,teleportContainer:s,teleportDisabled:u,modelVisible:d,mergeVisible:h,interceptClose:D,afterLeave:Ct,afterEnter:kt,handleMaskClick:Nt,handleCancel:bt,handleOk:Bt,loadingObj:I}}}),B=(e,n)=>{const l=e.__vccOpts||e;for(const[o,a]of n)l[o]=a;return l};function Xe(e,n,l,o,a,r){return t.openBlock(),t.createBlock(t.Teleport,{to:e.teleportContainer,disabled:e.teleportDisabled},[!e.destroyOnClosed||e.mergeVisible?t.withDirectives((t.openBlock(),t.createElementBlock("div",{key:0,ref:"dialogRef",class:t.normalizeClass(e.cls),style:t.normalizeStyle(e.dialogStyle)},[t.createVNode(t.Transition,{name:"x-fade-in-standard",appear:""},{default:t.withCtx(()=>[e.mask?t.withDirectives((t.openBlock(),t.createElementBlock("div",{key:0,class:t.normalizeClass([e.cn.element("mask")])},null,2)),[[t.vShow,e.modelVisible]]):t.createCommentVNode("",!0)]),_:1}),t.createElementVNode("div",{class:t.normalizeClass([e.cn.element("wrapper"),{"is-center":e.center}]),onClick:n[1]||(n[1]=t.withModifiers((...f)=>e.handleMaskClick&&e.handleMaskClick(...f),["self"]))},[t.createVNode(t.Transition,{name:"x-zoom-in",appear:"",onAfterEnter:e.afterEnter,onAfterLeave:e.afterLeave},{default:t.withCtx(()=>[t.withDirectives(t.createElementVNode("div",{class:t.normalizeClass([e.cn.element("container"),{"is-fullscreen":e.fullscreen}]),style:t.normalizeStyle(e.containerStyle)},[t.createElementVNode("div",{class:t.normalizeClass([e.messageBox?e.cnOMB.element("header"):e.cn.element("header"),e.showHeaderBottomLine&&"is-bottom-line"])},[t.renderSlot(e.$slots,"title",{},()=>[t.createElementVNode("div",{class:t.normalizeClass([e.cn.element("header-title")])},t.toDisplayString(e.title),3)])],2),t.createElementVNode("div",{class:t.normalizeClass([e.messageBox?e.cnOMB.element("body"):e.cn.element("body")])},[t.renderSlot(e.$slots,"default")],2),t.createElementVNode("div",{class:t.normalizeClass([e.messageBox?e.cnOMB.element("footer"):e.cn.element("footer")])},[t.renderSlot(e.$slots,"footer",{cancel:e.handleCancel,ok:e.handleOk,loadingObj:e.loadingObj})],2),e.showClose?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass([e.cn.element("close-icon"),e.messageBox&&e.cnOMB.element("close-icon")]),onClick:n[0]||(n[0]=f=>e.interceptClose("cancel"))},null,2)):t.createCommentVNode("",!0)],6),[[t.vShow,e.modelVisible]])]),_:3},8,["onAfterEnter","onAfterLeave"])],2)],6)),[[t.vShow,e.mergeVisible]]):t.createCommentVNode("",!0)],8,["to","disabled"])}const se=B(Re,[["render",Xe]]),ce=t.defineComponent({name:O("Space"),props:{direction:{type:String,default:"horizontal"},size:{type:[Number,String],default:"small"},align:{type:String,default:"center"},fill:{type:Boolean,default:!1}},setup(e,{slots:n}){const l=b("space"),o=t.computed(()=>[l.block,l.element(e.direction),e.fill&&"is-fill",l.element(`${e.direction}-${e.align}`)]);function a(f){if(ke(f))return f;switch(f){case"mini":return 4;case"small":return 8;case"medium":return 16;case"large":return 24;default:return 8}}const r=f=>{const s={};if(f)return s;const m=`${a(e.size)}px`,u=`${a(e.size)}px`;return e.direction==="horizontal"&&(s.marginRight=m),e.direction==="vertical"&&(s.marginBottom=u),s};return()=>{var s;const f=j((s=n.default)==null?void 0:s.call(n),!0).filter(m=>m.type!==t.Comment);return t.createVNode("div",{class:[o.value]},[f.map((m,u)=>{var i;const y=n.split&&u>0;return t.createVNode(t.Fragment,{key:`space-item-${u}`},[y&&t.createVNode("div",{className:l.element("split"),style:r(!1)},[(i=n.split)==null?void 0:i.call(n)]),t.createVNode("div",{className:l.element("item"),style:r(u===f.length-1)},[m])])})])}}});function ie(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const de=b("dialog"),Ke=e=>{const n=document.createElement("div"),l=()=>{t.render(null,n)},o=i=>{if(i==="cancel")return e.beforeOnCancel?e.beforeOnCancel():!0;if(i==="ok")return e.beforeOnOk?e.beforeOnOk():!0},a=(i,c)=>{i==="cancel"&&e.onCancel&&e.onCancel(c),i==="ok"&&e.onOk&&e.onOk(c)},r=i=>{if(t.isVNode(i))return i;if(C(i)){const c=i();return t.isVNode(c)?c:null}return t.createVNode("div",{class:de.element("header-title")},[t.createTextVNode(" "),i,t.createTextVNode(" ")])},f=i=>{if(t.isVNode(i))return i;if(C(i)){const c=i();return t.isVNode(c)?c:null}return t.createVNode("div",{class:de.element("content")},[t.createTextVNode(" "),e.content,t.createTextVNode(" ")])},s=()=>()=>t.createVNode(t.Fragment,null,[e.title&&r(e.title)]),m=()=>()=>t.createVNode(t.Fragment,null,[e.content&&f(e.content)]),u=()=>{if(t.isVNode(e.footer)||C(e.footer))return e.footer;const i=(e==null?void 0:e.cancelText)||"取消",c=(e==null?void 0:e.okText)||"确认";return d=>t.createVNode(ce,{size:12},{default:()=>{var h,k;return[!e.hideCancel&&t.createVNode(V,{size:"small",onClick:d.cancel,loading:(h=d.loadingObj)==null?void 0:h.cancel},ie(i)?i:{default:()=>[i]}),!e.hideOk&&t.createVNode(V,{type:"primary",size:"small",onClick:d.ok,loading:(k=d.loadingObj)==null?void 0:k.ok},ie(c)?c:{default:()=>[c]})]}})},y=t.createVNode(se,{width:(e==null?void 0:e.width)??368,height:(e==null?void 0:e.height)??"auto",modelValue:!0,renderTo:e==null?void 0:e.renderTo,center:e!=null&&e.top?!1:(e==null?void 0:e.center)??!0,top:(e==null?void 0:e.top)??0,mask:(e==null?void 0:e.mask)??!0,maskToClose:(e==null?void 0:e.maskToClose)??!0,popupClass:e.popupClass,onClose:a,onBeforeCancel:o,"onUpdate:modelValue":()=>{y.component.props.modelValue=!1},onClosed:l,onOpened:()=>{}},{title:s(),default:m(),footer:u()});t.render(y,n)},Ye=["success","warning","error","strong","info"],Ge=e=>ne(e)?e.split("-").map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join(""):"",qe=(e,n="px")=>{if(e===void 0)return"";const l=typeof e=="number"?`${e}`:e;return["px","%","vh","vw","calc"].some(a=>l.includes(a))?l:l+n};function E(e){return t.defineComponent({name:_(`Icon${Ge(e)}`),props:{size:{type:[Number,String],default:void 0},rotate:{type:Number,default:void 0},spin:{type:Boolean,default:!1},color:{type:String,default:void 0},fillColor:{type:Array,default:void 0}},setup(n){const l="x-icon",o=t.computed(()=>{const r={};return n.size&&(r.fontSize=qe(n.size)),n.rotate&&(r.transform=`rotate(${n.rotate}deg)`),n.color&&(r.color=n.color),r});return{cls:t.computed(()=>[l,{[`${l}-loading`]:n.spin}]),styles:o}}})}const Je=E("close-circle-fill");function Qe(e,n,l,o,a,r){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(e.cls),style:t.normalizeStyle(e.styles)},n[0]||(n[0]=[t.createElementVNode("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor","stroke-width":"4","stroke-linecap":"butt","stroke-linejoin":"miter",filter:""},[t.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm4.955-27.771-4.95 4.95-4.95-4.95a1 1 0 0 0-1.414 0l-1.414 1.414a1 1 0 0 0 0 1.414l4.95 4.95-4.95 4.95a1 1 0 0 0 0 1.414l1.414 1.414a1 1 0 0 0 1.414 0l4.95-4.95 4.95 4.95a1 1 0 0 0 1.414 0l1.414-1.414a1 1 0 0 0 0-1.414l-4.95-4.95 4.95-4.95a1 1 0 0 0 0-1.414l-1.414-1.414a1 1 0 0 0-1.414 0Z",fill:"currentColor",stroke:"none"})],-1)]),6)}const Z=B(Je,[["render",Qe]]),_e=E("check-circle-fill");function ve(e,n,l,o,a,r){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(e.cls),style:t.normalizeStyle(e.styles)},n[0]||(n[0]=[t.createElementVNode("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor","stroke-width":"4","stroke-linecap":"butt","stroke-linejoin":"miter",filter:""},[t.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm10.207-24.379a1 1 0 0 0 0-1.414l-1.414-1.414a1 1 0 0 0-1.414 0L22 26.172l-4.878-4.88a1 1 0 0 0-1.415 0l-1.414 1.415a1 1 0 0 0 0 1.414l7 7a1 1 0 0 0 1.414 0l11.5-11.5Z",fill:"currentColor",stroke:"none"})],-1)]),6)}const U=B(_e,[["render",ve]]),et=E("exclamation-circle-fill");function tt(e,n,l,o,a,r){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(e.cls),style:t.normalizeStyle(e.styles)},n[0]||(n[0]=[t.createElementVNode("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor","stroke-width":"4","stroke-linecap":"butt","stroke-linejoin":"miter",filter:""},[t.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm-2-11a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2Zm4-18a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V15Z",fill:"currentColor",stroke:"none"})],-1)]),6)}const R=B(et,[["render",tt]]),nt=E("info-circle-fill");function lt(e,n,l,o,a,r){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(e.cls),style:t.normalizeStyle(e.styles)},n[0]||(n[0]=[t.createElementVNode("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor","stroke-width":"4","stroke-linecap":"butt","stroke-linejoin":"miter",filter:""},[t.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm2-30a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2Zm0 17h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h1v-8a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v11Z",fill:"currentColor",stroke:"none"})],-1)]),6)}const X=B(nt,[["render",lt]]),ot=E("minus-circle-fill");function rt(e,n,l,o,a,r){return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(e.cls),style:t.normalizeStyle(e.styles)},n[0]||(n[0]=[t.createElementVNode("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor","stroke-width":"4","stroke-linecap":"butt","stroke-linejoin":"miter",filter:""},[t.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm-7-22a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H17Z",fill:"currentColor",stroke:"none"})],-1)]),6)}const K=B(ot,[["render",rt]]);E("animation-loading");const at=t.defineComponent({name:O("Message"),components:{CloseCircleFill:Z,CheckCircleFill:U,ExclamationCircleFill:R,InfoCircleFill:X,MinusCircleFill:K},props:{id:{type:String,default:""},message:{type:[String,Number,Object],default:""},type:{type:String,default:"success"},duration:{type:Number,default:1500},center:{type:Boolean,default:!1},onClose:{type:Function,default:()=>{}},offset:{type:Number,default:20},zIndex:{type:Number,default:0},showClose:{type:Boolean,default:!1},useHTML:Boolean,popupClass:{type:String,default:void 0}},emits:["destroy"],setup(e){const n=b("message"),l=t.computed(()=>[n.block,n.modifier(e.type),e.center&&n.modifier("center"),e.showClose&&!e.center&&n.element("show-close"),e.popupClass&&e.popupClass]),o=t.ref(!1);let a=null;const r=()=>{a=setTimeout(()=>{o.value=!1},e.duration)};t.onMounted(()=>{o.value=!0,e.duration!==0&&r()}),t.onUnmounted(()=>{clearTimeout(a)});const{zIndex:f}=x("message",{runOnMounted:!0}),s=t.computed(()=>({top:`${e.offset}px`,zIndex:f.value}));return{cn:n,cls:l,styles:s,visible:o,handleClose:()=>{o.value=!1}}}}),st=["innerHTML"],ct={key:1};function it(e,n,l,o,a,r){const f=t.resolveComponent("CheckCircleFill"),s=t.resolveComponent("ExclamationCircleFill"),m=t.resolveComponent("MinusCircleFill"),u=t.resolveComponent("CloseCircleFill"),y=t.resolveComponent("InfoCircleFill");return t.openBlock(),t.createBlock(t.Transition,{name:"x-message-slide-top",onBeforeLeave:e.onClose,onAfterLeave:n[1]||(n[1]=i=>e.$emit("destroy"))},{default:t.withCtx(()=>[t.withDirectives(t.createElementVNode("div",{class:t.normalizeClass(e.cls),style:t.normalizeStyle(e.styles)},[e.$slots.icon?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass([e.cn.element("icon"),e.cn.modifier(`icon-${e.type}`)])},[t.renderSlot(e.$slots,"icon",{},()=>[e.type==="success"?(t.openBlock(),t.createBlock(f,{key:0})):e.type==="warning"?(t.openBlock(),t.createBlock(s,{key:1})):e.type==="strong"?(t.openBlock(),t.createBlock(m,{key:2})):e.type==="error"?(t.openBlock(),t.createBlock(u,{key:3})):e.type==="info"?(t.openBlock(),t.createBlock(y,{key:4})):t.createCommentVNode("",!0)])],2)),t.renderSlot(e.$slots,"default",{},()=>[e.useHTML?(t.openBlock(),t.createElementBlock("span",{key:0,innerHTML:e.message},null,8,st)):(t.openBlock(),t.createElementBlock("span",ct,t.toDisplayString(e.message),1)),e.showClose?(t.openBlock(),t.createElementBlock("span",{key:2,class:t.normalizeClass([e.cn.element("close-icon")]),onClick:n[0]||(n[0]=(...i)=>e.handleClose&&e.handleClose(...i))},null,2)):t.createCommentVNode("",!0)])],6),[[t.vShow,e.visible]])]),_:3},8,["onBeforeLeave"])}const dt=B(at,[["render",it]]),Y=new WeakMap,L=e=>{(typeof e=="string"||t.isVNode(e))&&(e={message:e});const n=W(e.renderTo||"body");Y.has(n)||Y.set(n,[]);const l=Y.get(n);let o=e.offset||20;l.forEach(i=>{var c;o+=((c=i.el)==null?void 0:c.offsetHeight)+20});const a=e.onClose;let r={};r={...e,onClose:()=>{var d;const i=l.findIndex(h=>h===m);if(i<0)return;const c=((d=m.el)==null?void 0:d.offsetHeight)+20;l.slice(i+1).forEach(h=>{var N;const k=(N=h.component)==null?void 0:N.props.offset;h.component.props.offset=k-c}),l.splice(i,1),a&&a(m)},onDestroy:()=>{t.render(null,u)},offset:o};const m=t.createVNode(dt,r,C(r.message)||t.isVNode(r.message)?{default:C(r.message)?r.message:()=>r.message}:null),u=document.createElement("div");return t.render(m,u),n.tagName==="BODY"?m.el.style.position="fixed":(n.style.position="relative",m.el.style.position="absolute"),n.appendChild(u.firstElementChild),l.push(m),{close:()=>{m.component.proxy.handleClose()}}};(()=>{Ye.forEach(e=>{L[e]=n=>ee(n)?L({type:e,...n}):L({message:n,type:e})})})();const ft=["info","success","warning","strong","error"];function fe(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const G=b("message-box"),q=e=>{const n=document.createElement("div"),l=()=>{t.render(null,n)},o=c=>{if(c==="cancel")return e.beforeOnCancel?e.beforeOnCancel():!0;if(c==="ok")return e.beforeOnOk?e.beforeOnOk():!0},a=(c,d)=>{c==="cancel"&&e.onCancel&&e.onCancel(d),c==="ok"&&e.onOk&&e.onOk(d)},r=c=>{let d;switch(c){case"warning":d=t.createVNode(R,{size:"22px",color:"#f6c64b"},null);break;case"strong":d=t.createVNode(K,{size:"22px",color:"#ff7125"},null);break;case"error":d=t.createVNode(Z,{size:"22px",color:"#e24f48"},null);break;case"success":d=t.createVNode(U,{size:"22px",color:"#68d1ab"},null);break;case"info":d=t.createVNode(X,{size:"22px",color:"#2355f5"},null);break}return t.createVNode("div",{class:G.element("icon")},[d])},f=c=>{if(t.isVNode(c))return c;if(C(c)){const d=c();return t.isVNode(d)?d:null}return t.createVNode("div",{class:G.element("title")},[t.createTextVNode(" "),c,t.createTextVNode(" ")])},s=c=>{if(t.isVNode(c))return c;if(C(c)){const d=c();return t.isVNode(d)?d:null}return t.createVNode("div",{class:G.element("content")},[t.createTextVNode(" "),e.content,t.createTextVNode(" ")])},m=()=>()=>t.createVNode(t.Fragment,null,[r(e.type||"success"),e.title&&f(e.title)]),u=()=>()=>t.createVNode(t.Fragment,null,[e.content&&s(e.content)]),y=()=>{if(t.isVNode(e.footer)||C(e.footer))return e.footer;const c=(e==null?void 0:e.cancelText)||"取消",d=(e==null?void 0:e.okText)||"确认";return h=>t.createVNode(ce,{size:12},{default:()=>{var k,N;return[!e.hideCancel&&t.createVNode(V,{size:"small",onClick:h.cancel,loading:(k=h.loadingObj)==null?void 0:k.cancel},fe(c)?c:{default:()=>[c]}),!e.hideOk&&t.createVNode(V,{type:"primary",size:"small",onClick:h.ok,loading:(N=h.loadingObj)==null?void 0:N.ok},fe(d)?d:{default:()=>[d]})]}})},i=t.createVNode(se,{messageBox:!0,width:(e==null?void 0:e.width)??358,height:(e==null?void 0:e.height)??"auto",modelValue:!0,renderTo:e==null?void 0:e.renderTo,center:e!=null&&e.top?!1:(e==null?void 0:e.center)??!0,top:(e==null?void 0:e.top)??0,mask:(e==null?void 0:e.mask)??!0,maskToClose:(e==null?void 0:e.maskToClose)??!0,popupClass:e.popupClass,onClose:a,onBeforeCancel:o,"onUpdate:modelValue":()=>{i.component.props.modelValue=!1},onClosed:l,onOpened:()=>{}},{title:m(),default:u(),footer:y()});t.render(i,n)};(()=>{ft.forEach(e=>{q[e]=(n,l)=>{const o=[],a=[];let r=()=>!0,f=()=>!0;return setTimeout(()=>{q({title:n,content:l,type:e,beforeOnCancel:f,beforeOnOk:r,onOk:()=>{o.forEach(s=>C(s)&&s())},onCancel:()=>{a.forEach(s=>C(s)&&s())}})},0),{ok(...s){return s.length===1&&o.push(s[0]),s.length===2&&(r=s[0],o.push(s[1])),this},cancel(...s){return s.length===1&&a.push(s[0]),s.length===2&&(f=s[0],a.push(s[1])),this}}}})})();const mt={position:{type:String,default:"top-right"},offset:{type:Number,default:0},title:{type:String,default:""},type:{type:String,default:"info"},message:{type:String,default:void 0},duration:{type:Number,default:3e3},showClose:{type:Boolean,default:!0},onClose:{type:Function,default:()=>{}},renderToBody:{type:Boolean,default:!1}},ut=t.defineComponent({name:O("Notification"),props:mt,emits:["close","destroy"],setup(e){const n=b("notification"),l=n.block,o=t.computed(()=>[l,n.modifier(r.value.ver)]),{zIndex:a}=x("message",{runOnMounted:!0}),r=t.computed(()=>{const d=e.position.split("-");return{hor:d[1],ver:d[0]}}),f=t.computed(()=>`x-notification-slide-${r.value.hor}`),s=t.computed(()=>{const d={};return d.position=e.renderToBody?"fixed":"absolute",d.zIndex=a.value,d[r.value.hor]="20px",d[r.value.ver]=`${e.offset}px`,d}),m=t.ref(!1);let u=0;const y=()=>{setTimeout(()=>{m.value=!1},e.duration)},i=t.computed(()=>e.type==="info"?X:e.type==="warning"?R:e.type==="strong"?K:e.type==="success"?U:e.type==="error"?Z:""),c=()=>{m.value=!1};return t.onMounted(()=>{e.duration!==0&&y(),m.value=!0}),t.onUnmounted(()=>{clearTimeout(u)}),{ns:l,cn:n,cls:o,animationClsName:f,positionStyle:s,visible:m,positionPropMap:r,currentIcon:i,handleClose:c}}});function gt(e,n,l,o,a,r){return t.openBlock(),t.createBlock(t.Transition,{name:e.animationClsName,onBeforeLeave:n[1]||(n[1]=f=>e.$emit("close")),onAfterLeave:n[2]||(n[2]=f=>e.$emit("destroy"))},{default:t.withCtx(()=>[t.withDirectives(t.createElementVNode("div",{class:t.normalizeClass(e.cls),style:t.normalizeStyle(e.positionStyle)},[t.createElementVNode("div",{class:t.normalizeClass([e.cn.element("header")])},[t.createElementVNode("div",{class:t.normalizeClass([e.cn.element("icon"),e.cn.modifier(`icon-${e.type}`)])},[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.currentIcon)))],2),t.createElementVNode("div",null,[t.createElementVNode("div",{class:t.normalizeClass([e.cn.element("title")])},t.toDisplayString(e.title),3),t.createElementVNode("div",{class:t.normalizeClass([e.cn.element("message")])},[t.renderSlot(e.$slots,"default",{},()=>[t.createTextVNode(t.toDisplayString(e.message),1)])],2)])],2),e.showClose?(t.openBlock(),t.createElementBlock("span",{key:0,class:t.normalizeClass([e.cn.element("close-icon")]),onClick:n[0]||(n[0]=t.withModifiers((...f)=>e.handleClose&&e.handleClose(...f),["self"]))},null,2)):t.createCommentVNode("",!0)],6),[[t.vShow,e.visible]])]),_:3},8,["name"])}const yt=B(ut,[["render",gt]]),A=new WeakMap,ht=e=>{const n=W(e.renderTo||"body"),l=document.createElement("div");A.get(n)||A.set(n,{}),A.get(n)[e.position]||(A.get(n)[e.position]=[]);const o=A.get(n)[e.position];let a=e.offset||20;o.forEach(y=>{var i;a+=((i=y.el)==null?void 0:i.offsetHeight)+20});const r=n.tagName==="BODY";r||(n.style.position="relative",n.style.overflowX="hidden");const f=e.onClose,s=()=>{var c;const y=o.findIndex(d=>d===u);if(y<0)return;const i=((c=u.el)==null?void 0:c.offsetHeight)+20;o.slice(y+1).forEach(d=>{var k;const h=(k=d.component)==null?void 0:k.props.offset;d.component.props.offset=h-i}),o.splice(y,1),f&&f(u)},m=()=>{t.render(null,l)},u=t.createVNode(yt,{message:e.message,title:e.title,type:e.type,offset:a,renderToBody:r,position:e.position,duration:e.duration??3e3,showClose:e.showClose??!0,onClose:s,onDestroy:m},C(e.message)||t.isVNode(e.message)?{default:C(e.message)?e.message:()=>e.message}:null);t.render(u,l),o.push(u),n==null||n.appendChild(l.firstChild)},pt={install:function(e){Object.keys(le).forEach(n=>{const l=le[n];l.install&&e.use(l)})}};p.Dialog=Ke,p.Message=L,p.MessageBox=q,p.Notification=ht,p.XButton=V,p.default=pt,Object.defineProperties(p,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(N,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(N=typeof globalThis<"u"?globalThis:N||self,t(N.index={},N.Vue))})(this,function(N,t){"use strict";var ft=Object.defineProperty;var ut=(N,t,B)=>t in N?ft(N,t,{enumerable:!0,configurable:!0,writable:!0,value:B}):N[t]=B;var T=(N,t,B)=>ut(N,typeof t!="symbol"?t+"":t,B);const B="X",we="x",ee=e=>e?we+"-"+e:e||"",V=e=>B+e,w=e=>{const n=ee(e);return{block:n,element:a=>`${n}--${a}`,modifier:a=>`${n}-${a}`,is:a=>`${n}-is-${a}`}},M=Object.prototype.toString;function te(e){return M.call(e)==="[object Array]"}function ne(e){return M.call(e)==="[object Object]"}const le=e=>M.call(e)==="[object Promise]",xe=e=>b(e)&&e.constructor.name==="AsyncFunction",Be=e=>le(e)||xe(e);function re(e){return M.call(e)==="[object String]"}function Se(e){return M.call(e)==="[object Number]"&&e===e}function b(e){return typeof e=="function"}function z(){return typeof window<"u"}const E=e=>e,pe=e=>!!(e&&e.shapeFlag&1),Oe=(e,n)=>!!(e&&e.shapeFlag&6),Te=(e,n)=>!!(e&&e.shapeFlag&8),Me=(e,n)=>!!(e&&e.shapeFlag&16),Ee=(e,n)=>!!(e&&e.shapeFlag&32),j=(e,n=!1)=>{var r,c;const l=[];for(const a of e??[])pe(a)||Oe(a)||n&&Te(a,a.children)?l.push(a):Me(a,a.children)?l.push(...j(a.children,n)):Ee(a,a.children)?l.push(...j((c=(r=a.children).default)==null?void 0:c.call(r),n)):te(a)&&l.push(...j(a,n));return l},S=(e,n)=>Object.assign(n,{install(l){l.component(e)||l.component(e,n)}}),Ae={disabled:Boolean,block:Boolean,loading:Boolean,loadingFill:{type:Boolean,default:!1},debounce:{type:Number,default:0},shape:{type:E(String),default:void 0},link:{type:Boolean,default:!1},type:{type:E(String),default:void 0},status:{type:E(String),default:void 0},plain:{type:Boolean,default:!1},size:{type:E(String),default:"medium"},border:{type:Boolean,default:!0}},Fe=e=>re(e)?e.split("-").map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join(""):"",De=(e,n="px")=>{if(e===void 0)return"";const l=typeof e=="number"?`${e}`:e;return["px","%","vh","vw","calc"].some(c=>l.includes(c))?l:l+n};function p(e,n){return t.defineComponent({name:ee(`Icon${Fe(e)}`),props:{size:{type:[Number,String],default:void 0},rotate:{type:Number,default:void 0},spin:{type:Boolean,default:!1},color:{type:String,default:void 0},fillColor:{type:Array,default:void 0}},setup(l){const r="x-icon",c=t.computed(()=>{const f={};return l.size&&(f.fontSize=De(l.size)),l.rotate&&(f.transform=`rotate(${l.rotate}deg)`),l.color&&(f.color=l.color),f}),a=t.computed(()=>[r,{[`${r}-loading`]:l.spin}]);return()=>t.createVNode("div",{class:a.value,style:c.value},[n])}})}const ze=p("InfoCircleFill",t.h(t.createVNode("svg",{viewBox:"0 0 50 50",class:"x-icon-loading-svg"},[t.createVNode("circle",{cx:"25",cy:"25",r:"20",class:"path",fill:"none",stroke:"currentColor"},null)]))),je=t.defineComponent({name:"Button",props:Ae,emits:["click"],$slots:["prefix","suffix"],setup(e,{slots:n,emit:l}){const r=t.reactive({clicked:!1,isDebounce:!1}),c=w("button"),a=t.computed(()=>[c.block,e.type&&c.modifier(e.type),e.status&&c.modifier(e.status),e.disabled&&c.is("disabled"),e.block&&c.modifier("block"),e.plain&&c.is("plain"),e.shape&&c.modifier(e.shape),e.link&&c.modifier("is-link"),e.size&&c.modifier(e.size),!e.border&&c.modifier("is-hide-border"),o.value&&c.modifier("is-loading")]),f=()=>{e.debounce>0&&!r.isDebounce&&(r.isDebounce=!0,setTimeout(()=>{r.isDebounce=!1},e.debounce))},o=t.computed(()=>e.loading||r.clicked||r.isDebounce),u=t.getCurrentInstance(),m=(i,s)=>{const d=i(s);Be(d)&&(r.clicked=!0,d.finally(()=>{r.clicked=!1}))},y=i=>{var d,C,g,k;if(i.stopPropagation(),(C=(d=i.target).blur)==null||C.call(d),o.value)return;f();const s=(k=(g=u==null?void 0:u.vnode)==null?void 0:g.props)==null?void 0:k.onClick;if(te(s))s.forEach(J=>m(J,i));else if(b(s)){m(s,i);return}};return()=>{var i;return t.createVNode("button",{class:a.value,type:"button",disabled:e.disabled,onClick:y},[t.createVNode("span",{style:{display:o.value?"flex":"none",marginRight:o.value?"4px":"0px"},class:c.element("loading")},[t.createVNode(ze,null,null)]),n.prefix&&t.createVNode("span",{class:c.element("prefix")},[n.prefix()]),t.createVNode("span",{class:c.element("content")},[(i=n.default)==null?void 0:i.call(n)]),n.suffix&&t.createVNode("span",{class:c.element("suffix")},[n.suffix()])])}}}),O=S(V("Button"),je),Ie=["px","%","vh","vw","calc"],oe=(e,n="px")=>{if(e===void 0)return"";const l=String(e);return Ie.some(r=>l.includes(r))?l:l+n},$e=1e3,Le=3e3,Pe=1;class _e{constructor(){T(this,"popupStack",{popup:new Set,dialog:new Set,message:new Set});T(this,"getNextZIndex",n=>(n==="message"?Array.from(this.popupStack.message).pop()||Le:Array.from(this.popupStack.popup).pop()||$e)+Pe);T(this,"add",n=>{const l=this.getNextZIndex(n);return this.popupStack[n].add(l),n==="dialog"&&this.popupStack.popup.add(l),l});T(this,"delete",(n,l)=>{this.popupStack[l].delete(n),l==="dialog"&&this.popupStack.popup.delete(n)});T(this,"isLastDialog",n=>this.popupStack.dialog.size>1?n===Array.from(this.popupStack.dialog).pop():!0)}}const H=new _e;function X(e,{visible:n,runOnMounted:l}={}){const r=t.ref(0),c=()=>{r.value=H.add(e)},a=()=>{H.delete(r.value,e)},f=()=>e==="dialog"?H.isLastDialog(r.value):!1;return t.watch(()=>n==null?void 0:n.value,o=>{o?c():a()},{immediate:!0}),l&&(t.onMounted(()=>{c()}),t.onBeforeUnmount(()=>{a()})),{zIndex:t.readonly(r),open:c,close:a,isLastDialog:f}}const ae=e=>e.replace(/^./,n=>n.toLowerCase()).replace(/-(\w)/g,(n,l)=>(l==null?void 0:l.toUpperCase())??""),ce=()=>{},He=(e,n)=>{if(z)return(n??document).querySelector(e)??void 0},Xe=e=>{if(e.tagName==="BODY")return window.innerWidth-(document.documentElement.offsetWidth||document.body.offsetWidth);const{borderLeftWidth:n,borderRightWidth:l}=window.getComputedStyle(e),r=Number(n.replace("px",""))+Number(l.replace("px",""));return e.offsetWidth-(e.clientWidth+r)},We=e=>e.tagName==="BODY"?document.documentElement.scrollHeight>window.innerHeight:e.scrollHeight>e.offsetHeight,Ze=(e,n)=>{var r;if(!z||!e||!n)return"";let l=ae(n);l==="float"&&(l="cssFloat");try{const c=e.style[l];if(c)return c;const a=(r=document.defaultView)==null?void 0:r.getComputedStyle(e,"");return a?a[l]:""}catch{return e.style[l]}},A=(e,n,l)=>{if(!(!e||!n))if(ne(n))Object.entries(n).forEach(([r,c])=>A(e,r,c));else{const r=ae(n);e.style[r]=l}},W=(e,n)=>{if(re(e)){const l=e[0]==="#"?`[id='${e.slice(1)}']`:e;return He(l,n)}return e},Ue=z?(e,n,l,r=!1)=>{e.addEventListener(n,l,r)}:ce,Re=z?(e,n,l,r=!1)=>{e.removeEventListener(n,l,r)}:ce,ve=(e,n)=>{let l=!1;const r={overflow:"",width:""},c=o=>o.tagName==="BODY",a=()=>{if(e.value){const o=e.value;if(!l&&o.style.overflow!=="hidden"){const u=Xe(o);if(u>0||We(o)){r.overflow=o.style.overflow,r.width=o.style.width;let m=0;c(o)&&(m=o.getBoundingClientRect().left||0),A(o,{width:`calc(100% - ${Math.ceil(u-m)}px)`,overflow:"hidden"}),l=!0}}}},f=()=>{if(e.value&&l){const o=e.value;A(o,{overflow:r.overflow,width:r.width}),l=!1}};return t.watch(()=>n==null?void 0:n.value,o=>{e.value&&!c(e.value)&&(o&&A(o,{position:"absolute"}),Ze(e.value,"position")==="static"&&A(e.value,{position:"relative"}))}),{setOverflowHidden:a,resetOverflow:f}},Ke={ENTER:"Enter",ESC:"Escape",BACKSPACE:"Backspace",TAB:"Tab",SPACE:" ",ARROW_UP:"ArrowUp",ARROW_DOWN:"ArrowDown",ARROW_LEFT:"ArrowLeft",ARROW_RIGHT:"ArrowRight"},Ye={renderTo:{type:E([String,Object]),default:"body"},disabled:{type:Boolean,default:!1},modelValue:{type:Boolean,default:!1},top:{type:[String,Number],default:"3vh"},center:{type:Boolean,default:!1},width:{type:[String,Number],default:0},height:{type:[String,Number],default:0},minWidth:{type:[String,Number],default:0},minHeight:{type:[String,Number],default:0},title:{type:String,default:""},mask:{type:Boolean,default:!0},destroyOnClosed:{type:Boolean,default:!0},onBeforeCancel:{type:Function},maskToClose:{type:Boolean,default:!0},escToClose:{type:Boolean,default:!0},fullscreen:{type:Boolean,default:!1},messageBox:{type:Boolean,default:!1},popupClass:{type:String,default:void 0},showClose:{type:Boolean,default:!0},showHeaderBottomLine:{type:Boolean,default:!1}},Ge=["width","minWidth","height","minHeight"],se=t.defineComponent({name:V("Dialog"),inheritAttrs:!1,props:Ye,emits:["closed","close","open","opened","update:modelValue"],setup(e,{emit:n,slots:l}){const r=w("dialog"),c=r.block,a=w("message-box"),f=t.computed(()=>[c,e.messageBox&&"is-message-box",e.popupClass&&e.popupClass]),o=t.computed(()=>W(e.renderTo)),u=t.ref(),m=t.computed(()=>e.disabled||!o.value),y=t.computed(()=>({zIndex:g.value})),i=t.computed(()=>{const h={};return e.fullscreen||(!e.center&&e.top&&(h.top=oe(e.top)),Ge.forEach(x=>{e[x]&&(h[x]=oe(e[x]))})),h}),s=t.ref(!1),d=t.computed(()=>e.modelValue),C=t.computed(()=>d.value||s.value),{zIndex:g,isLastDialog:k}=X("dialog",{visible:d}),{setOverflowHidden:J,resetOverflow:Ce}=ve(o,u),be=(h,x)=>{n("update:modelValue",!1),n("close",e.messageBox?h:void 0,e.messageBox?x:void 0)},rt=()=>{s.value=!1,Ce(),n("closed")},ot=()=>{n("opened")},P=t.reactive({ok:!1,cancel:!1}),D=(h,x)=>{let _=!0;if(P[h]=!0,b(e.onBeforeCancel)&&(_=e.onBeforeCancel(h)??!1),le(_)){_.then(dt=>{P[h]=!1,dt&&be(h,x)});return}P[h]=!1,_&&be(h,x)},at=()=>{e.maskToClose&&e.mask&&D("cancel")},ct=h=>{D("cancel",h)},st=h=>{D("ok",h)};let Q=!1;const ke=h=>{e.escToClose&&h.key===Ke.ESC&&k()&&D("cancel")},it=()=>{e.escToClose&&!Q&&(Q=!0,Ue(document.documentElement,"keydown",ke))},Ve=()=>{Q=!1,Re(document.documentElement,"keydown",ke)};return t.onBeforeUnmount(()=>{Ce(),Ve()}),t.watch(()=>d.value,h=>{h?(n("open"),J(),s.value=!0,it()):Ve()},{immediate:!0}),()=>t.createVNode(t.Teleport,{to:o.value,disabled:m.value},{default:()=>[C.value&&t.createVNode("div",{ref:u,class:f.value,style:y.value},[t.createVNode(t.Transition,{name:"x-fade-in-standard",appear:!0},{default:()=>[e.mask&&d.value&&t.createVNode("div",{class:r.element("mask")},null)]}),t.createVNode("div",{class:[r.element("wrapper"),{"is-center":e.center}],onClick:h=>h.target===h.currentTarget&&at()},[t.createVNode(t.Transition,{name:"x-zoom-in",appear:!0,onAfterEnter:ot,onAfterLeave:rt},{default:()=>[d.value&&t.createVNode("div",{class:[r.element("container"),{"is-fullscreen":e.fullscreen}],style:i.value},[t.createVNode("div",{class:[e.messageBox?a.element("header"):r.element("header"),e.showHeaderBottomLine&&"is-bottom-line"]},[l.title?l.title():t.createVNode("div",{class:[r.element("header-title")]},[e.title])]),t.createVNode("div",{class:[e.messageBox?a.element("body"):r.element("body")]},[l.default&&l.default()]),t.createVNode("div",{class:[e.messageBox?a.element("footer"):r.element("footer")]},[l.footer&&l.footer({cancel:ct,ok:st,"loading-obj":P})]),e.showClose&&t.createVNode("span",{class:[r.element("close-icon"),e.messageBox&&a.element("close-icon")],onClick:()=>D("cancel")},null)])]})])])]})}}),Z=S(V("Dialog"),se),U=p("CloseCircleFill",t.h(t.createVNode("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor","stroke-width":"4","stroke-linecap":"butt","stroke-linejoin":"miter",filter:""},[t.createVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm4.955-27.771-4.95 4.95-4.95-4.95a1 1 0 0 0-1.414 0l-1.414 1.414a1 1 0 0 0 0 1.414l4.95 4.95-4.95 4.95a1 1 0 0 0 0 1.414l1.414 1.414a1 1 0 0 0 1.414 0l4.95-4.95 4.95 4.95a1 1 0 0 0 1.414 0l1.414-1.414a1 1 0 0 0 0-1.414l-4.95-4.95 4.95-4.95a1 1 0 0 0 0-1.414l-1.414-1.414a1 1 0 0 0-1.414 0Z",fill:"currentColor",stroke:"none"},null)]))),R=p("CheckCircleFill",t.h(t.createVNode("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor","stroke-width":"4","stroke-linecap":"butt","stroke-linejoin":"miter",filter:""},[t.createVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm10.207-24.379a1 1 0 0 0 0-1.414l-1.414-1.414a1 1 0 0 0-1.414 0L22 26.172l-4.878-4.88a1 1 0 0 0-1.415 0l-1.414 1.415a1 1 0 0 0 0 1.414l7 7a1 1 0 0 0 1.414 0l11.5-11.5Z",fill:"currentColor",stroke:"none"},null)]))),v=p("ExclamationCircleFill",t.h(t.createVNode("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor","stroke-width":"4","stroke-linecap":"butt","stroke-linejoin":"miter",filter:""},[t.createVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm2-30a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2Zm0 17h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h1v-8a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v11Z",fill:"currentColor",stroke:"none"},null)]))),K=p("InfoCircleFill",t.h(t.createVNode("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor","stroke-width":"4","stroke-linecap":"butt","stroke-linejoin":"miter",filter:""},[t.createVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm2-30a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-2Zm0 17h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h1v-8a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1h3a1 1 0 0 1 1 1v11Z",fill:"currentColor",stroke:"none"},null)]))),Y=p("MinusCircleFill",t.h(t.createVNode("svg",{viewBox:"0 0 48 48",fill:"none",xmlns:"http://www.w3.org/2000/svg",stroke:"currentColor","stroke-width":"4","stroke-linecap":"butt","stroke-linejoin":"miter",filter:""},[t.createVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M24 44c11.046 0 20-8.954 20-20S35.046 4 24 4 4 12.954 4 24s8.954 20 20 20Zm-7-22a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1H17Z",fill:"currentColor",stroke:"none"},null)]))),ie=t.defineComponent({name:"Message",props:{id:{type:String,default:""},message:{type:[String,Number,Object],default:""},type:{type:String,default:"success"},duration:{type:Number,default:1500},center:{type:Boolean,default:!1},onClose:{type:Function,default:()=>{}},offset:{type:Number,default:20},zIndex:{type:Number,default:0},showClose:{type:Boolean,default:!1},useHTML:Boolean,popupClass:{type:String,default:void 0}},emits:["destroy"],setup(e,{emit:n,slots:l}){const r=w("message"),c=t.computed(()=>[r.block,r.modifier(e.type),e.center&&r.modifier("center"),e.showClose&&!e.center&&r.element("show-close"),e.popupClass&&e.popupClass]),a=t.ref(!1);let f=null;const o=()=>{f=setTimeout(()=>{a.value=!1},e.duration)};t.onMounted(()=>{a.value=!0,e.duration!==0&&o()}),t.onUnmounted(()=>{f&&clearTimeout(f)});const{zIndex:u}=X("message",{runOnMounted:!0}),m=t.computed(()=>({top:`${e.offset}px`,zIndex:u.value})),y=()=>{a.value=!1},i=()=>{if(l.icon)return l.icon();switch(e.type){case"success":return t.createVNode(R,null,null);case"warning":return t.createVNode(v,null,null);case"strong":return t.createVNode(Y,null,null);case"error":return t.createVNode(U,null,null);case"info":return t.createVNode(K,null,null);default:return null}};return()=>t.createVNode(t.Transition,{name:"x-message-slide-top",onBeforeLeave:e.onClose,onAfterLeave:()=>n("destroy")},{default:()=>[a.value&&t.createVNode("div",{class:c.value,style:m.value},[t.createVNode("span",{class:[r.element("icon"),r.modifier(`icon-${e.type}`)]},[i()]),t.createVNode("div",null,[l.default?l.default():e.useHTML?t.createVNode("span",{innerHTML:e.message},null):t.createVNode("span",null,[e.message]),e.showClose&&t.createVNode("span",{class:r.element("close-icon"),onClick:y},null)])])]})}}),de=S(V("Message"),ie),qe=t.defineComponent({name:"Space",props:{direction:{type:String,default:"horizontal"},size:{type:[Number,String],default:"small"},align:{type:String,default:"center"},fill:{type:Boolean,default:!1}},setup(e,{slots:n}){const l=w("space"),r=t.computed(()=>[l.block,l.element(e.direction),e.fill&&"is-fill",l.element(`${e.direction}-${e.align}`)]);function c(f){if(Se(f))return f;switch(f){case"mini":return 4;case"small":return 8;case"medium":return 16;case"large":return 24;default:return 8}}const a=f=>{const o={};if(f)return o;const u=`${c(e.size)}px`,m=`${c(e.size)}px`;return e.direction==="horizontal"&&(o.marginRight=u),e.direction==="vertical"&&(o.marginBottom=m),o};return()=>{var o;const f=j((o=n.default)==null?void 0:o.call(n),!0).filter(u=>u.type!==t.Comment);return t.createVNode("div",{class:[r.value]},[f.map((u,m)=>{var i;const y=n.split&&m>0;return t.createVNode(t.Fragment,{key:`space-item-${m}`},[y&&t.createVNode("div",{className:l.element("split"),style:a(!1)},[(i=n.split)==null?void 0:i.call(n)]),t.createVNode("div",{className:l.element("item"),style:a(m===f.length-1)},[u])])})])}}}),I=S(V("Space"),qe),Je=["info","success","warning","strong","error"];function fe(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const G=w("message-box"),$=e=>{const n=document.createElement("div"),l=()=>{t.render(null,n)},r=s=>{if(s==="cancel")return e.beforeOnCancel?e.beforeOnCancel():!0;if(s==="ok")return e.beforeOnOk?e.beforeOnOk():!0},c=(s,d)=>{s==="cancel"&&e.onCancel&&e.onCancel(d),s==="ok"&&e.onOk&&e.onOk(d)},a=s=>{let d;switch(s){case"warning":d=t.createVNode(v,{size:"22px",color:"#f6c64b"},null);break;case"strong":d=t.createVNode(Y,{size:"22px",color:"#ff7125"},null);break;case"error":d=t.createVNode(U,{size:"22px",color:"#e24f48"},null);break;case"success":d=t.createVNode(R,{size:"22px",color:"#68d1ab"},null);break;case"info":d=t.createVNode(K,{size:"22px",color:"#2355f5"},null);break}return t.createVNode("div",{class:G.element("icon")},[d])},f=s=>{if(t.isVNode(s))return s;if(b(s)){const d=s();return t.isVNode(d)?d:null}return t.createVNode("div",{class:G.element("title")},[t.createTextVNode(" "),s,t.createTextVNode(" ")])},o=s=>{if(t.isVNode(s))return s;if(b(s)){const d=s();return t.isVNode(d)?d:null}return t.createVNode("div",{class:G.element("content")},[t.createTextVNode(" "),e.content,t.createTextVNode(" ")])},u=()=>()=>t.createVNode(t.Fragment,null,[a(e.type||"success"),e.title&&f(e.title)]),m=()=>()=>t.createVNode(t.Fragment,null,[e.content&&o(e.content)]),y=()=>{if(t.isVNode(e.footer)||b(e.footer))return e.footer;const s=(e==null?void 0:e.cancelText)||"取消",d=(e==null?void 0:e.okText)||"确认";return C=>t.createVNode(I,{size:12},{default:()=>{var g,k;return[!e.hideCancel&&t.createVNode(O,{size:"small",onClick:C.cancel,loading:(g=C.loadingObj)==null?void 0:g.cancel},fe(s)?s:{default:()=>[s]}),!e.hideOk&&t.createVNode(O,{type:"primary",size:"small",onClick:C.ok,loading:(k=C.loadingObj)==null?void 0:k.ok},fe(d)?d:{default:()=>[d]})]}})},i=t.createVNode(Z,{messageBox:!0,width:(e==null?void 0:e.width)??358,height:(e==null?void 0:e.height)??"auto",modelValue:!0,renderTo:e==null?void 0:e.renderTo,center:e!=null&&e.top?!1:(e==null?void 0:e.center)??!0,top:(e==null?void 0:e.top)??0,mask:(e==null?void 0:e.mask)??!0,maskToClose:(e==null?void 0:e.maskToClose)??!0,popupClass:e.popupClass,onClose:c,onBeforeCancel:r,"onUpdate:modelValue":()=>{i.component.props.modelValue=!1},onClosed:l,onOpened:()=>{}},{title:u(),default:m(),footer:y()});t.render(i,n)};(()=>{Je.forEach(e=>{$[e]=(n,l)=>{const r=[],c=[];let a=()=>!0,f=()=>!0;return setTimeout(()=>{$({title:n,content:l,type:e,beforeOnCancel:f,beforeOnOk:a,onOk:()=>{r.forEach(o=>b(o)&&o())},onCancel:()=>{c.forEach(o=>b(o)&&o())}})},0),{ok(...o){return o.length===1&&r.push(o[0]),o.length===2&&(a=o[0],r.push(o[1])),this},cancel(...o){return o.length===1&&c.push(o[0]),o.length===2&&(f=o[0],c.push(o[1])),this}}}})})();const ue=S(V("MessageBox"),$),Qe={position:{type:String,default:"top-right"},offset:{type:Number,default:0},title:{type:String,default:""},type:{type:String,default:"info"},message:{type:String,default:void 0},duration:{type:Number,default:3e3},showClose:{type:Boolean,default:!0},onClose:{type:Function,default:()=>{}},renderToBody:{type:Boolean,default:!1}},me=t.defineComponent({name:V("Notification"),props:Qe,emits:["close","destroy"],setup(e,{emit:n,slots:l}){const r=w("notification"),c=r.block,a=t.computed(()=>[c,r.modifier(o.value.ver)]),{zIndex:f}=X("message",{runOnMounted:!0}),o=t.computed(()=>{const g=e.position.split("-");return{hor:g[1],ver:g[0]}}),u=t.computed(()=>`x-notification-slide-${o.value.hor}`),m=t.computed(()=>{const g={};return g.position=e.renderToBody?"fixed":"absolute",g.zIndex=f.value,g[o.value.hor]="20px",g[o.value.ver]=`${e.offset}px`,g}),y=t.ref(!1);let i=0;const s=()=>{i=setTimeout(()=>{y.value=!1},e.duration)},d=t.computed(()=>e.type==="info"?K:e.type==="warning"?v:e.type==="strong"?Y:e.type==="success"?R:e.type==="error"?U:""),C=()=>{y.value=!1};return t.onMounted(()=>{e.duration!==0&&s(),y.value=!0}),t.onUnmounted(()=>{clearTimeout(i)}),()=>t.createVNode(t.Transition,{name:u.value,onBeforeLeave:()=>n("close"),onAfterLeave:()=>n("destroy")},{default:()=>{var g;return[y.value&&t.createVNode("div",{class:a.value,style:m.value},[t.createVNode("div",{class:[r.element("header")]},[t.createVNode("div",{class:[r.element("icon"),r.modifier(`icon-${e.type}`)]},[d.value&&t.createVNode(d.value,null,null)]),t.createVNode("div",null,[t.createVNode("div",{class:[r.element("title")]},[e.title]),t.createVNode("div",{class:[r.element("message")]},[((g=l.default)==null?void 0:g.call(l))||e.message])])]),e.showClose&&t.createVNode("span",{class:[r.element("close-icon")],onClick:C},null)])]}})}}),ge=S(V("Notification"),me),he=Object.freeze(Object.defineProperty({__proto__:null,XButton:O,XDialog:Z,XMessage:de,XMessageBox:ue,XNotification:ge,XSpace:I},Symbol.toStringTag,{value:"Module"}));function ye(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const Ne=w("dialog"),et=e=>{const n=document.createElement("div"),l=()=>{t.render(null,n)},r=i=>{if(i==="cancel")return e.beforeOnCancel?e.beforeOnCancel():!0;if(i==="ok")return e.beforeOnOk?e.beforeOnOk():!0},c=(i,s)=>{i==="cancel"&&e.onCancel&&e.onCancel(s),i==="ok"&&e.onOk&&e.onOk(s)},a=i=>{if(t.isVNode(i))return i;if(b(i)){const s=i();return t.isVNode(s)?s:null}return t.createVNode("div",{class:Ne.element("header-title")},[t.createTextVNode(" "),i,t.createTextVNode(" ")])},f=i=>{if(t.isVNode(i))return i;if(b(i)){const s=i();return t.isVNode(s)?s:null}return t.createVNode("div",{class:Ne.element("content")},[t.createTextVNode(" "),e.content,t.createTextVNode(" ")])},o=()=>()=>t.createVNode(t.Fragment,null,[e.title&&a(e.title)]),u=()=>()=>t.createVNode(t.Fragment,null,[e.content&&f(e.content)]),m=()=>{if(t.isVNode(e.footer)||b(e.footer))return e.footer;const i=(e==null?void 0:e.cancelText)||"取消",s=(e==null?void 0:e.okText)||"确认";return d=>t.createVNode(I,{size:12},{default:()=>{var C,g;return[!e.hideCancel&&t.createVNode(O,{size:"small",onClick:d.cancel,loading:(C=d.loadingObj)==null?void 0:C.cancel},ye(i)?i:{default:()=>[i]}),!e.hideOk&&t.createVNode(O,{type:"primary",size:"small",onClick:d.ok,loading:(g=d.loadingObj)==null?void 0:g.ok},ye(s)?s:{default:()=>[s]})]}})},y=t.createVNode(se,{width:(e==null?void 0:e.width)??368,height:(e==null?void 0:e.height)??"auto",modelValue:!0,renderTo:e==null?void 0:e.renderTo,center:e!=null&&e.top?!1:(e==null?void 0:e.center)??!0,top:(e==null?void 0:e.top)??0,mask:(e==null?void 0:e.mask)??!0,maskToClose:(e==null?void 0:e.maskToClose)??!0,popupClass:e.popupClass,onClose:c,onBeforeCancel:r,"onUpdate:modelValue":()=>{y.component.props.modelValue=!1},onClosed:l,onOpened:()=>{}},{title:o(),default:u(),footer:m()});t.render(y,n)},tt=["success","warning","error","strong","info"],q=new WeakMap,L=e=>{(typeof e=="string"||t.isVNode(e))&&(e={message:e});const n=W(e.renderTo||"body");q.has(n)||q.set(n,[]);const l=q.get(n);let r=e.offset||20;l.forEach(i=>{var s;r+=((s=i.el)==null?void 0:s.offsetHeight)+20});const c=e.onClose;let a={};a={...e,onClose:()=>{var d;const i=l.findIndex(C=>C===u);if(i<0)return;const s=((d=u.el)==null?void 0:d.offsetHeight)+20;l.slice(i+1).forEach(C=>{var k;const g=(k=C.component)==null?void 0:k.props.offset;C.component.props.offset=g-s}),l.splice(i,1),c&&c(u)},onDestroy:()=>{t.render(null,m)},offset:r};const u=t.createVNode(ie,a,b(a.message)||t.isVNode(a.message)?{default:b(a.message)?a.message:()=>a.message}:null),m=document.createElement("div");return t.render(u,m),n.tagName==="BODY"?u.el.style.position="fixed":(n.style.position="relative",u.el.style.position="absolute"),n.appendChild(m.firstElementChild),l.push(u),{close:()=>{u.component.proxy.handleClose()}}};(()=>{tt.forEach(e=>{L[e]=n=>ne(n)?L({type:e,...n}):L({message:n,type:e})})})();const F=new WeakMap,nt=e=>{const n=W(e.renderTo||"body"),l=document.createElement("div");F.get(n)||F.set(n,{}),F.get(n)[e.position]||(F.get(n)[e.position]=[]);const r=F.get(n)[e.position];let c=e.offset||20;r.forEach(y=>{var i;c+=((i=y.el)==null?void 0:i.offsetHeight)+20});const a=n.tagName==="BODY";a||(n.style.position="relative",n.style.overflowX="hidden");const f=e.onClose,o=()=>{var s;const y=r.findIndex(d=>d===m);if(y<0)return;const i=((s=m.el)==null?void 0:s.offsetHeight)+20;r.slice(y+1).forEach(d=>{var g;const C=(g=d.component)==null?void 0:g.props.offset;d.component.props.offset=C-i}),r.splice(y,1),f&&f(m)},u=()=>{t.render(null,l)},m=t.createVNode(me,{message:e.message,title:e.title,type:e.type,offset:c,renderToBody:a,position:e.position,duration:e.duration??3e3,showClose:e.showClose??!0,onClose:o,onDestroy:u},b(e.message)||t.isVNode(e.message)?{default:b(e.message)?e.message:()=>e.message}:null);t.render(m,l),r.push(m),n==null||n.appendChild(l.firstChild)},lt={install:function(e){Object.keys(he).forEach(n=>{const l=he[n];l.install&&e.use(l)})}};N.Dialog=et,N.Message=L,N.MessageBox=$,N.Notification=nt,N.XButton=O,N.XDialog=Z,N.XMessage=de,N.XMessageBox=ue,N.XNotification=ge,N.XSpace=I,N.default=lt,Object.defineProperties(N,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/style.css

@@ -1 +1 @@
-.x-fade-in-standard-enter-from,.x-fade-in-standard-appear-from{opacity:0}.x-fade-in-standard-enter-to,.x-fade-in-standard-appear-to{opacity:1}.x-fade-in-standard-enter-active,.x-fade-in-standard-appear-active{transition:opacity .3s ease}.x-fade-in-standard-leave-from{opacity:1}.x-fade-in-standard-leave-to{opacity:0}.x-fade-in-standard-leave-active{transition:opacity .3s ease}.x-fade-in-enter-from,.x-fade-in-appear-from{opacity:0}.x-fade-in-enter-to,.x-fade-in-appear-to{opacity:1}.x-fade-in-enter-active,.x-fade-in-appear-active{transition:opacity .2s ease}.x-fade-in-leave-from{opacity:1}.x-fade-in-leave-to{opacity:0}.x-fade-in-leave-active{transition:opacity .2s ease}.x-zoom-in-enter-from,.x-zoom-in-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-enter-to,.x-zoom-in-appear-to{transform:scale(1);opacity:1}.x-zoom-in-enter-active,.x-zoom-in-appear-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-leave-from{transform:scale(1);opacity:1}.x-zoom-in-leave-to{transform:scale(.5);opacity:0}.x-zoom-in-leave-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-fade-out-enter-from,.x-zoom-in-fade-out-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-fade-out-enter-to,.x-zoom-in-fade-out-appear-to{transform:scale(1);opacity:1}.x-zoom-in-fade-out-enter-active,.x-zoom-in-fade-out-appear-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.x-zoom-in-fade-out-leave-from{transform:scale(1);opacity:1}.x-zoom-in-fade-out-leave-to{transform:scale(.5);opacity:0}.x-zoom-in-fade-out-leave-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.x-zoom-in-big-enter-from,.x-zoom-in-big-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-big-enter-to,.x-zoom-in-big-appear-to{transform:scale(1);opacity:1}.x-zoom-in-big-enter-active,.x-zoom-in-big-appear-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-big-leave-from{transform:scale(1);opacity:1}.x-zoom-in-big-leave-to{transform:scale(.2);opacity:0}.x-zoom-in-big-leave-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-left-enter-from,.x-zoom-in-left-appear-from{transform:scale(.1);opacity:.1}.x-zoom-in-left-enter-to,.x-zoom-in-left-appear-to{transform:scale(1);opacity:1}.x-zoom-in-left-enter-active,.x-zoom-in-left-appear-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-left-leave-from{transform:scale(1);opacity:1}.x-zoom-in-left-leave-to{transform:scale(.1);opacity:.1}.x-zoom-in-left-leave-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-top-enter-from,.x-zoom-in-top-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-top-enter-to,.x-zoom-in-top-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-enter-active,.x-zoom-in-top-appear-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-top-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-top-leave-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-enter-from,.x-zoom-in-bottom-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-bottom-enter-to,.x-zoom-in-bottom-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-enter-active,.x-zoom-in-bottom-appear-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-bottom-leave-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-icon{display:flex;justify-content:center;align-items:center}.x-icon svg{fill:currentcolor;width:1em;height:1em}.x-icon-loading-svg{animation:animated-loading-rotate 1.5s infinite ease-in-out}.x-icon-loading-svg>.path{stroke:#fffc;stroke-width:5;animation:animated-loading 1.5s infinite ease-in-out}@keyframes animated-loading{0%{stroke-dasharray:1,125;stroke-dashoffset:0}50%{stroke-dasharray:95,31;stroke-dashoffset:-31px}to{stroke-dasharray:6,120;stroke-dashoffset:-120px}}@keyframes animated-loading-rotate{to{transform:rotate(1turn)}}[opacity~=".1"]{opacity:.1}[opacity~=".2"]{opacity:.2}[opacity~=".3"]{opacity:.3}[opacity~=".4"]{opacity:.4}[opacity~=".5"]{opacity:.5}[opacity~=".6"]{opacity:.6}[opacity~=".7"]{opacity:.7}[opacity~=".8"]{opacity:.8}[opacity~=".9"]{opacity:.9}:root{--x-primary: rgb(0 86 255 / 100%);--x-success: rgb(36 195 65 / 100%);--x-danger: rgb(241 37 37 / 100%);--x-strong: rgb(255 113 37 / 100%);--x-warning: rgb(255 199 0 / 100%);--x-primary-1: rgb(0 70 208 / 100%);--x-primary-3: rgb(0 77 229 / 100%);--x-primary-6: rgb(0 77 229 / 30%);--x-primary-8: rgb(0 86 255 / 18%);--x-primary-9: rgb(0 86 255 / 5%);--x-success-1: rgb(36 195 65 / 100%);--x-success-8: rgb(46 212 169 / 18%);--x-success-9: rgb(46 212 169 / 5%);--x-danger-1: rgb(191 23 23 / 100%);--x-danger-3: rgb(216 33 33 / 100%);--x-dander-6: rgb(191 23 23 / 30%);--x-danger-8: rgb(241 37 37 / 18%);--x-danger-9: rgb(241 37 37 / 5%);--x-strong-8: rgb(255 113 37 / 18%);--x-strong-9: rgb(255 113 37 / 5%);--x-warning-8: rgb(255 196 32 / 18%);--x-warning-9: rgb(255 196 32 / 5%);--x-color-1: rgb(36 41 52 / 100%);--x-color-2: rgb(100 107 122 / 100%);--x-color-3: rgb(156 166 185 / 100%);--x-color-4: rgb(188 196 214 / 100%);--x-color-5: rgb(225 228 232 / 100%);--x-color-6: rgb(237 241 246 / 100%);--x-color-7: rgb(245 247 251 / 100%);--x-color-white: rgb(255 255 255 / 100%);--x-font-size: 14px;--x-text-color: var(--x-color-2);--x-border-color: var(--x-color-5);--x-background-color: var(--x-color-7);--x-text-gray: rgb(36 41 52 / 100%);--x-text-gray-1: rgb(100 107 122 / 100%);--x-text-gray-2: rgb(156 166 185 / 100%);--x-disabled-color: rgb(156 166 185 / 100%);--x-disabled-bgc: rgb(250 251 253 / 100%);--x-disabled-bc: rgb(225 228 232 / 100%);--x-hover-bgc: rgb(248 250 255 / 100%);--x-hover-color: var(--x-primary);--x-hover-bc: rgb(188 196 214 / 100%);--x-select-color: var(--x-primary);--x-select-bgc: rgb(248 250 255 / 100%);--x-select-bc: var(--x-primary);--x-focus-bc: var(--x-primary);--x-bgc: rgb(245 247 251 / 100%);--x-fs-small: 12px;--x-fs: 14px;--x-fs-large: 16px;--x-split-color: rgb(237 241 246 / 100%);--x-bc: rgb(237 241 246 / 100%);--x-size-mini: 24px;--x-size-small: 30px;--x-size-medium: 34px;--x-size-large: 38px;--x-size-huge: 42px}.x-button{--x-button-width: auto;--x-button-font-weight: 400;--x-button-opacity: 1;--x-button-border-color: var(--x-border-color);--x-button-background-color: var(--x-background-color);--x-button-color: var(--x-text-color);--x-button-mini-height: var(--x-size-mini);--x-button-mini-font-size: 12px;--x-button-mini-padding: 0 8px;--x-button-mini-border-radius: 4px;--x-button-small-height: var(--x-size-small);--x-button-small-font-size: 14px;--x-button-small-padding: 0 10px;--x-button-small-border-radius: 4px;--x-button-medium-height: var(--x-size-medium);--x-button-medium-font-size: 15px;--x-button-medium-padding: 0 14px;--x-button-medium-border-radius: 4px;--x-button-large-height: var(--x-size-large);--x-button-large-font-size: 16px;--x-button-large-padding: 0 20px;--x-button-large-border-radius: 6px;--x-button-huge-height: var(--x-size-huge);--x-button-huge-font-size: 17px;--x-button-huge-padding: 0 28px;--x-button-huge-border-radius: 4px}.x-button{position:relative;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;margin:0;border-style:solid;border-width:1px;border-color:var(--x-button-border-color);border-radius:var(--x-button-border-radius);padding:var(--x-button-padding);width:var(--x-button-width);height:var(--x-button-height);font-size:var(--x-button-font-size);font-weight:var(--x-button-font-weight);white-space:nowrap;color:var(--x-button-color);background-color:var(--x-button-background-color);opacity:var(--x-button-opacity);outline:none;transition:all .15s linear;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;vertical-align:bottom;cursor:pointer}.x-button:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:#ffffff4d;border-radius:50%;transform:scale(0);transform-origin:center;opacity:0;transition:opacity .2s}.x-button:active:before{transform:scale(3);opacity:1;transition:opacity .1s}.x-button{--x-button-background-color: #fff;--x-button-color: var(--x-text-color);--x-button-border-color: var(--x-border-color)}.x-button:not(.is-disabled):hover{--x-button-background-color: var(--x-background-color);--x-button-color: var(--x-text-color);--x-button-border-color: var(--x-border-color)}.x-button:not(.is-disabled):active{--x-button-background-color: var(--x-background-color);--x-button-color: var(--x-text-color);--x-button-border-color: var(--x-color-4)}.x-button--prefix{margin-right:4px}.x-button--suffix{margin-left:4px}.x-button-is-disabled{--x-button-opacity: .4;cursor:not-allowed}.x-button-block{display:flex;width:100%}.x-button.-loading{--x-button-opacity: .76}.x-button-mini{--x-button-height: var(--x-button-mini-height);--x-button-font-size: var(--x-button-mini-font-size);--x-button-padding: var(--x-button-mini-padding);--x-button-border-radius: var(--x-button-mini-border-radius)}.x-button-small{--x-button-height: var(--x-button-small-height);--x-button-font-size: var(--x-button-small-font-size);--x-button-padding: var(--x-button-small-padding);--x-button-border-radius: var(--x-button-small-border-radius)}.x-button-medium{--x-button-height: var(--x-button-medium-height);--x-button-font-size: var(--x-button-medium-font-size);--x-button-padding: var(--x-button-medium-padding);--x-button-border-radius: var(--x-button-medium-border-radius)}.x-button-large{--x-button-height: var(--x-button-large-height);--x-button-font-size: var(--x-button-large-font-size);--x-button-padding: var(--x-button-large-padding);--x-button-border-radius: var(--x-button-large-border-radius)}.x-button-huge{--x-button-height: var(--x-button-huge-height);--x-button-font-size: var(--x-button-huge-font-size);--x-button-padding: var(--x-button-huge-padding);--x-button-border-radius: var(--x-button-huge-border-radius)}.x-button.-plain{--x-button-font-weight: 500}.x-button.-plain.x-button--primary{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary)}.x-button.-plain.x-button--primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary);--x-button-color: #fff;--x-button-border-color: var(--x-primary)}.x-button.-plain.x-button--primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-1);--x-button-color: #fff;--x-button-border-color: var(--x-primary-1)}.x-button.-plain.x-button--success.x-button--success{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button.-plain.x-button--success.x-button--success:not(.is-disabled):hover{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button.-plain.x-button--success.x-button--success:not(.is-disabled):active{--x-button-background-color: var(--x-success-1);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button.-plain.x-button--warning{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button.-plain.x-button--warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button.-plain.x-button--warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button.-plain.x-button--strong{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button.-plain.x-button--strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button.-plain.x-button--strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button.-plain.x-button--danger{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger)}.x-button.-plain.x-button--danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger);--x-button-color: #fff;--x-button-border-color: var(--x-danger)}.x-button.-plain.x-button--danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-1);--x-button-color: #fff;--x-button-border-color: var(--x-danger-1)}.x-button.-round{--x-button-padding: 0 38px;--x-button-border-radius: 24px;height:var(--x-button-height)}.x-button.-circle{--x-button-padding: 0;--x-button-border-radius: 100%;width:var(--x-button-height);height:var(--x-button-height)}.x-button-text{--x-button-font-weight: 500;border-color:transparent;padding:2px;height:auto;color:var(--x-button-color);background:transparent}.x-button-text.x-button--primary{--x-button-background-color: var(--x-primary);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary)}.x-button-text.x-button--primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary-3);--x-button-color: var(--x-primary-3);--x-button-border-color: var(--x-primary-3)}.x-button-text.x-button--primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-1);--x-button-color: var(--x-primary-1);--x-button-border-color: var(--x-primary-1)}.x-button-text.x-button--success{--x-button-background-color: var(--x-success);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-text.x-button--success:not(.is-disabled):hover{--x-button-background-color: var(--x-success);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-text.x-button--success:not(.is-disabled):active{--x-button-background-color: var(--x-success);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-text.x-button--warning{--x-button-background-color: var(--x-warning);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-text.x-button--warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-text.x-button--warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-text.x-button--strong{--x-button-background-color: var(--x-strong);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-text.x-button--strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-text.x-button--strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-text.x-button--danger{--x-button-background-color: var(--x-danger);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger)}.x-button-text.x-button--danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger-3);--x-button-color: var(--x-danger-3);--x-button-border-color: var(--x-danger-3)}.x-button-text.x-button--danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-1);--x-button-color: var(--x-danger-1);--x-button-border-color: var(--x-danger-1)}.x-button.-hide-border{--x-button-font-weight: 500}.x-button.-hide-border.x-button--primary{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: transparent}.x-button.-hide-border.x-button--primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary-6)}.x-button.-hide-border.x-button--primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary-1)}.x-button.-hide-border.x-button--danger{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: transparent}.x-button.-hide-border.x-button--danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger-6)}.x-button.-hide-border.x-button--danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger-1)}.x-button.-hide-border.x-button--success{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: transparent}.x-button.-hide-border.x-button--success:not(.is-disabled):hover{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success-6)}.x-button.-hide-border.x-button--success:not(.is-disabled):active{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success-1)}.x-button.-hide-border.x-button--warning{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: transparent}.x-button.-hide-border.x-button--warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning-6)}.x-button.-hide-border.x-button--warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning-1)}.x-button.-hide-border.x-button--strong{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: transparent}.x-button.-hide-border.x-button--strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong-6)}.x-button.-hide-border.x-button--strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong-1)}.x-button-primary{--x-button-background-color: var(--x-primary);--x-button-color: #fff;--x-button-border-color: var(--x-primary)}.x-button-primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary-3);--x-button-color: #fff;--x-button-border-color: var(--x-primary-3)}.x-button-primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-1);--x-button-color: #fff;--x-button-border-color: var(--x-primary-1)}.x-button-success{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button-success:not(.is-disabled):hover{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button-success:not(.is-disabled):active{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button-danger{--x-button-background-color: var(--x-danger);--x-button-color: #fff;--x-button-border-color: var(--x-danger)}.x-button-danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger-3);--x-button-color: #fff;--x-button-border-color: var(--x-danger-3)}.x-button-danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-1);--x-button-color: #fff;--x-button-border-color: var(--x-danger-1)}.x-button-strong{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button-strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button-strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button-warning{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button-warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button-warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button--loading{display:flex;transition:all .2s ease}.x-button-group{display:flex;width:min-content}.x-button-group>.x-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.x-button-group>.x-button:last-child{margin-left:-1px;border-left-color:#ffffff80;border-top-left-radius:0;border-bottom-left-radius:0}.x-button-group>.x-button:not(:first-child,:last-child){margin-left:-1px;border-right-color:#ffffff80;border-left-color:#ffffff80;border-radius:0}.x-dialog{--x-mask-background-color: rgb(29 33 41 / 60%);--x-dialog-radius: 6px}.x-dialog{position:fixed;top:0;right:0;bottom:0;left:0}.x-dialog--mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--x-mask-background-color)}.x-dialog--wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;text-align:center}.x-dialog--wrapper.is-center{display:flex;justify-content:center;align-items:center}.x-dialog--container{position:relative;display:inline-block;overflow:hidden;border-radius:var(--x-dialog-radius);background-color:#fff;transition:top .3s}.x-dialog--container.is-fullscreen{display:inline-flex;border-radius:0;width:100%;height:100%;flex-direction:column;vertical-align:middle}.x-dialog--container.is-fullscreen .x-dialog--footer{margin-top:auto}.x-dialog--header{position:relative;padding:30px 48px 0 25px;text-align:left;box-sizing:border-box}.x-dialog--header-title{overflow:hidden;font-size:18px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;line-height:1}.x-dialog--header.is-bottom-line{border-bottom:1px solid var(--x-split-color);padding-bottom:20px}.x-dialog--body{padding:20px 25px;box-sizing:border-box;text-align:left}.x-dialog--footer{display:flex;justify-content:flex-end;padding:0 18px 18px 25px}.x-dialog--close-icon{position:absolute;top:20px;right:18px;width:16px;height:16px;cursor:pointer;transition:background-color .5s ease}.x-dialog--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-dialog--close-icon:hover:before,.x-dialog--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-dialog--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-dialog--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-message{--x-message-height: 36px;--x-message-width: 360px;--x-border-radius: 4px;--x-border-color: var(--x-info-border-color);--x-success-background-color: #f2f9ec;--x-success-color: #7ebf50;--x-warning-background-color: #fdf6ec;--x-warning-color: #e6a23c;--x-strong-background-color: #fff5f0;--x-strong-color: #ff7125;--x-error-background-color: #fef0f0;--x-error-color: #f56c6c;--x-info-background-color: #f4f4f5;--x-info-color: var(--x-primary);position:fixed;left:50%;display:flex;align-items:center;border-radius:var(--x-border-radius);padding:12px 16px 12px 12px;background-color:#fff;font-weight:500;color:#000000e0;transition:all .3s ease;box-sizing:border-box;transform:translate(-50%);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.x-message--icon{margin-right:6px;font-size:18px}.x-message--show-close{justify-content:space-between}.x-message--close-icon{position:relative;display:inline-block;border-radius:100%;width:16px;height:16px;cursor:pointer}.x-message--close-icon:hover{background-color:#c5c9d4}.x-message--close-icon:hover:before,.x-message--close-icon:hover:after{height:70%;background-color:#fff}.x-message--close-icon:before{position:absolute;top:50%;left:50%;width:1px;height:70%;background-color:#bfc5d2;transition:background-color .2s;content:"";transform:translate(-50%,-50%) rotate(45deg)}.x-message--close-icon:after{position:absolute;top:50%;left:50%;width:1px;height:70%;background-color:#bfc5d2;transition:background-color .2s;content:"";transform:translate(-50%,-50%) rotate(-45deg)}.x-message-icon-success{color:var(--x-success-color)}.x-message-icon-warning{color:var(--x-warning-color)}.x-message-icon-strong{color:var(--x-strong-color)}.x-message-icon-error{color:var(--x-error-color)}.x-message-icon-info{color:var(--x-info-color)}.x-message-center{justify-content:center}.x-message-slide-top-enter-from,.x-message-slide-top-leave-to{opacity:0;transform:translate(-50%,-100%)}.x-message-slide-top-enter-to{opacity:1;transform:translate(-50%)}.x-message-box--header{padding:25px 0 15px;line-height:1;display:flex;justify-content:center;align-items:center}.x-message-box--body{padding:0 25px;box-sizing:border-box;text-align:center}.x-message-box--footer{padding:20px 0;box-sizing:border-box}.x-message-box--icon{margin-right:4px}.x-message-box--title{font-size:18px;font-weight:600;color:#242934;line-height:1}.x-message-box--content{font-size:14px;font-weight:400;color:#363636;line-height:1.5}.x-message-box--close-icon{top:28px;right:20px}.x-notification{position:relative;border-radius:8px;padding:15px;width:338px;background:#fff;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;box-sizing:border-box}.x-notification-top{transition:top .2s,transform .2s ease,opacity .2s}.x-notification-bottom{transition:bottom .2s,transform .2s ease,opacity .2s}.x-notification--icon{font-size:22px;margin-right:8px}.x-notification-icon-info{color:var(--x-primary)}.x-notification-icon-success{color:var(--x-success)}.x-notification-icon-warning{color:var(--x-warning)}.x-notification-icon-strong{color:var(--x-strong)}.x-notification-icon-error{color:var(--x-danger)}.x-notification--header{display:inline-flex}.x-notification--title{font-size:18px;font-weight:600;color:#242934;line-height:22px;height:22px}.x-notification--message{box-sizing:border-box;margin-top:12px;font-size:14px;font-weight:400;color:#363636;line-height:1}.x-notification--close-icon{position:absolute;top:20px;right:20px;width:14px;height:14px;cursor:pointer}.x-notification--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-notification--close-icon:hover:before,.x-notification--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-notification--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9}.x-notification--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9}.x-notification-slide-right-enter-from{transform:translate(100%)}.x-notification-slide-right-enter-to{transform:translate(0)}.x-notification-slide-left-enter-from{transform:translate(-100%)}.x-notification-slide-left-enter-to{transform:translate(0)}.x-notification-slide-right-leave-from,.x-notification-slide-left-leave-from{opacity:1}.x-notification-slide-right-leave-to,.x-notification-slide-left-leave-to{opacity:0}.x-space{display:inline-flex;vertical-align:bottom}.x-space--horizontal-center{align-items:center}.x-space--horizontal-start{align-items:flex-start}.x-space--horizontal-end{align-items:flex-end}.x-space--horizontal-baseline{align-items:baseline}.x-space--vertical{flex-direction:column}.x-space--split{color:var(--bn-color-5)}.x-space-is-fill{display:flex}body{margin:0}.icon-loading-svg[data-v-62d46830]{animation:animated-loading-rotate-62d46830 1.5s infinite ease-in-out}.icon-loading-svg>.path[data-v-62d46830]{stroke:#fffc;stroke-width:5;animation:animated-loading-62d46830 1.5s infinite ease-in-out}@keyframes animated-loading-62d46830{0%{stroke-dasharray:1,125;stroke-dashoffset:0}50%{stroke-dasharray:95,31;stroke-dashoffset:-31px}to{stroke-dasharray:6,120;stroke-dashoffset:-120px}}@keyframes animated-loading-rotate-62d46830{to{transform:rotate(1turn)}}
+.x-fade-in-standard-enter-from,.x-fade-in-standard-appear-from{opacity:0}.x-fade-in-standard-enter-to,.x-fade-in-standard-appear-to{opacity:1}.x-fade-in-standard-enter-active,.x-fade-in-standard-appear-active{transition:opacity .3s ease}.x-fade-in-standard-leave-from{opacity:1}.x-fade-in-standard-leave-to{opacity:0}.x-fade-in-standard-leave-active{transition:opacity .3s ease}.x-fade-in-enter-from,.x-fade-in-appear-from{opacity:0}.x-fade-in-enter-to,.x-fade-in-appear-to{opacity:1}.x-fade-in-enter-active,.x-fade-in-appear-active{transition:opacity .2s ease}.x-fade-in-leave-from{opacity:1}.x-fade-in-leave-to{opacity:0}.x-fade-in-leave-active{transition:opacity .2s ease}.x-zoom-in-enter-from,.x-zoom-in-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-enter-to,.x-zoom-in-appear-to{transform:scale(1);opacity:1}.x-zoom-in-enter-active,.x-zoom-in-appear-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-leave-from{transform:scale(1);opacity:1}.x-zoom-in-leave-to{transform:scale(.5);opacity:0}.x-zoom-in-leave-active{transition:opacity .3s ease,transform .3s ease}.x-zoom-in-fade-out-enter-from,.x-zoom-in-fade-out-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-fade-out-enter-to,.x-zoom-in-fade-out-appear-to{transform:scale(1);opacity:1}.x-zoom-in-fade-out-enter-active,.x-zoom-in-fade-out-appear-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.x-zoom-in-fade-out-leave-from{transform:scale(1);opacity:1}.x-zoom-in-fade-out-leave-to{transform:scale(.5);opacity:0}.x-zoom-in-fade-out-leave-active{transition:opacity .3s cubic-bezier(.3,1.3,.3,1),transform .3s cubic-bezier(.3,1.3,.3,1)}.x-zoom-in-big-enter-from,.x-zoom-in-big-appear-from{transform:scale(.5);opacity:0}.x-zoom-in-big-enter-to,.x-zoom-in-big-appear-to{transform:scale(1);opacity:1}.x-zoom-in-big-enter-active,.x-zoom-in-big-appear-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-big-leave-from{transform:scale(1);opacity:1}.x-zoom-in-big-leave-to{transform:scale(.2);opacity:0}.x-zoom-in-big-leave-active{transition:opacity .2s linear,transform .2s linear}.x-zoom-in-left-enter-from,.x-zoom-in-left-appear-from{transform:scale(.1);opacity:.1}.x-zoom-in-left-enter-to,.x-zoom-in-left-appear-to{transform:scale(1);opacity:1}.x-zoom-in-left-enter-active,.x-zoom-in-left-appear-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-left-leave-from{transform:scale(1);opacity:1}.x-zoom-in-left-leave-to{transform:scale(.1);opacity:.1}.x-zoom-in-left-leave-active{transform-origin:0 50%;transition:opacity .3s linear,transform .3s ease-in-out}.x-zoom-in-top-enter-from,.x-zoom-in-top-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-top-enter-to,.x-zoom-in-top-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-enter-active,.x-zoom-in-top-appear-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-top-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-top-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-top-leave-active{transform-origin:0 0;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-enter-from,.x-zoom-in-bottom-appear-from{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-bottom-enter-to,.x-zoom-in-bottom-appear-to{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-enter-active,.x-zoom-in-bottom-appear-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-zoom-in-bottom-leave-from{transform:scaleY(1) translateZ(0);opacity:1}.x-zoom-in-bottom-leave-to{transform:scaleY(.8) translateZ(0);opacity:0}.x-zoom-in-bottom-leave-active{transform-origin:100% 100%;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.x-icon{display:flex;justify-content:center;align-items:center}.x-icon svg{fill:currentcolor;width:1em;height:1em}.x-icon-loading-svg{animation:animated-loading-rotate 1.5s infinite ease-in-out}.x-icon-loading-svg>.path{stroke:#fffc;stroke-width:5;animation:animated-loading 1.5s infinite ease-in-out}@keyframes animated-loading{0%{stroke-dasharray:1,125;stroke-dashoffset:0}50%{stroke-dasharray:95,31;stroke-dashoffset:-31px}to{stroke-dasharray:6,120;stroke-dashoffset:-120px}}@keyframes animated-loading-rotate{to{transform:rotate(1turn)}}[opacity~=".1"]{opacity:.1}[opacity~=".2"]{opacity:.2}[opacity~=".3"]{opacity:.3}[opacity~=".4"]{opacity:.4}[opacity~=".5"]{opacity:.5}[opacity~=".6"]{opacity:.6}[opacity~=".7"]{opacity:.7}[opacity~=".8"]{opacity:.8}[opacity~=".9"]{opacity:.9}:root{--x-primary: rgb(0 86 255 / 100%);--x-success: rgb(36 195 65 / 100%);--x-danger: rgb(241 37 37 / 100%);--x-strong: rgb(255 113 37 / 100%);--x-warning: rgb(255 199 0 / 100%);--x-primary-1: rgb(0 70 208 / 100%);--x-primary-3: rgb(0 77 229 / 100%);--x-primary-6: rgb(0 77 229 / 30%);--x-primary-8: rgb(0 86 255 / 18%);--x-primary-9: rgb(0 86 255 / 5%);--x-success-1: rgb(36 195 65 / 100%);--x-success-8: rgb(46 212 169 / 18%);--x-success-9: rgb(46 212 169 / 5%);--x-danger-1: rgb(191 23 23 / 100%);--x-danger-3: rgb(216 33 33 / 100%);--x-dander-6: rgb(191 23 23 / 30%);--x-danger-8: rgb(241 37 37 / 18%);--x-danger-9: rgb(241 37 37 / 5%);--x-strong-8: rgb(255 113 37 / 18%);--x-strong-9: rgb(255 113 37 / 5%);--x-warning-8: rgb(255 196 32 / 18%);--x-warning-9: rgb(255 196 32 / 5%);--x-color-1: rgb(36 41 52 / 100%);--x-color-2: rgb(100 107 122 / 100%);--x-color-3: rgb(156 166 185 / 100%);--x-color-4: rgb(188 196 214 / 100%);--x-color-5: rgb(225 228 232 / 100%);--x-color-6: rgb(237 241 246 / 100%);--x-color-7: rgb(245 247 251 / 100%);--x-color-white: rgb(255 255 255 / 100%);--x-font-size: 14px;--x-text-color: var(--x-color-2);--x-border-color: var(--x-color-5);--x-background-color: var(--x-color-7);--x-text-gray: rgb(36 41 52 / 100%);--x-text-gray-1: rgb(100 107 122 / 100%);--x-text-gray-2: rgb(156 166 185 / 100%);--x-disabled-color: rgb(156 166 185 / 100%);--x-disabled-bgc: rgb(250 251 253 / 100%);--x-disabled-bc: rgb(225 228 232 / 100%);--x-hover-bgc: rgb(248 250 255 / 100%);--x-hover-color: var(--x-primary);--x-hover-bc: rgb(188 196 214 / 100%);--x-select-color: var(--x-primary);--x-select-bgc: rgb(248 250 255 / 100%);--x-select-bc: var(--x-primary);--x-focus-bc: var(--x-primary);--x-bgc: rgb(245 247 251 / 100%);--x-fs-small: 12px;--x-fs: 14px;--x-fs-large: 16px;--x-split-color: rgb(237 241 246 / 100%);--x-bc: rgb(237 241 246 / 100%);--x-size-mini: 24px;--x-size-small: 30px;--x-size-medium: 34px;--x-size-large: 38px;--x-size-huge: 42px}.x-button{--x-button-width: auto;--x-button-font-weight: 400;--x-button-opacity: 1;--x-button-border-color: var(--x-border-color);--x-button-background-color: var(--x-background-color);--x-button-color: var(--x-text-color);--x-button-mini-height: var(--x-size-mini);--x-button-mini-font-size: 12px;--x-button-mini-padding: 0 8px;--x-button-mini-border-radius: 4px;--x-button-small-height: var(--x-size-small);--x-button-small-font-size: 14px;--x-button-small-padding: 0 10px;--x-button-small-border-radius: 4px;--x-button-medium-height: var(--x-size-medium);--x-button-medium-font-size: 15px;--x-button-medium-padding: 0 14px;--x-button-medium-border-radius: 4px;--x-button-large-height: var(--x-size-large);--x-button-large-font-size: 16px;--x-button-large-padding: 0 20px;--x-button-large-border-radius: 6px;--x-button-huge-height: var(--x-size-huge);--x-button-huge-font-size: 17px;--x-button-huge-padding: 0 28px;--x-button-huge-border-radius: 4px}.x-button{position:relative;display:inline-flex;justify-content:center;align-items:center;overflow:hidden;margin:0;border-style:solid;border-width:1px;border-color:var(--x-button-border-color);border-radius:var(--x-button-border-radius);padding:var(--x-button-padding);width:var(--x-button-width);height:var(--x-button-height);font-size:var(--x-button-font-size);font-weight:var(--x-button-font-weight);white-space:nowrap;color:var(--x-button-color);background-color:var(--x-button-background-color);opacity:var(--x-button-opacity);outline:none;transition:all .15s linear;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;vertical-align:bottom;cursor:pointer}.x-button:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:#ffffff4d;border-radius:50%;transform:scale(0);transform-origin:center;opacity:0;transition:opacity .2s}.x-button:active:before{transform:scale(3);opacity:1;transition:opacity .1s}.x-button{--x-button-background-color: #fff;--x-button-color: var(--x-text-color);--x-button-border-color: var(--x-border-color)}.x-button:not(.is-disabled):hover{--x-button-background-color: var(--x-background-color);--x-button-color: var(--x-text-color);--x-button-border-color: var(--x-border-color)}.x-button:not(.is-disabled):active{--x-button-background-color: var(--x-background-color);--x-button-color: var(--x-text-color);--x-button-border-color: var(--x-color-4)}.x-button--prefix{margin-right:4px}.x-button--suffix{margin-left:4px}.x-button-is-disabled{--x-button-opacity: .4;cursor:not-allowed}.x-button-block{display:flex;width:100%}.x-button.-loading{--x-button-opacity: .76}.x-button-mini{--x-button-height: var(--x-button-mini-height);--x-button-font-size: var(--x-button-mini-font-size);--x-button-padding: var(--x-button-mini-padding);--x-button-border-radius: var(--x-button-mini-border-radius)}.x-button-small{--x-button-height: var(--x-button-small-height);--x-button-font-size: var(--x-button-small-font-size);--x-button-padding: var(--x-button-small-padding);--x-button-border-radius: var(--x-button-small-border-radius)}.x-button-medium{--x-button-height: var(--x-button-medium-height);--x-button-font-size: var(--x-button-medium-font-size);--x-button-padding: var(--x-button-medium-padding);--x-button-border-radius: var(--x-button-medium-border-radius)}.x-button-large{--x-button-height: var(--x-button-large-height);--x-button-font-size: var(--x-button-large-font-size);--x-button-padding: var(--x-button-large-padding);--x-button-border-radius: var(--x-button-large-border-radius)}.x-button-huge{--x-button-height: var(--x-button-huge-height);--x-button-font-size: var(--x-button-huge-font-size);--x-button-padding: var(--x-button-huge-padding);--x-button-border-radius: var(--x-button-huge-border-radius)}.x-button.-plain{--x-button-font-weight: 500}.x-button.-plain.x-button--primary{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary)}.x-button.-plain.x-button--primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary);--x-button-color: #fff;--x-button-border-color: var(--x-primary)}.x-button.-plain.x-button--primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-1);--x-button-color: #fff;--x-button-border-color: var(--x-primary-1)}.x-button.-plain.x-button--success.x-button--success{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button.-plain.x-button--success.x-button--success:not(.is-disabled):hover{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button.-plain.x-button--success.x-button--success:not(.is-disabled):active{--x-button-background-color: var(--x-success-1);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button.-plain.x-button--warning{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button.-plain.x-button--warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button.-plain.x-button--warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button.-plain.x-button--strong{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button.-plain.x-button--strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button.-plain.x-button--strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button.-plain.x-button--danger{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger)}.x-button.-plain.x-button--danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger);--x-button-color: #fff;--x-button-border-color: var(--x-danger)}.x-button.-plain.x-button--danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-1);--x-button-color: #fff;--x-button-border-color: var(--x-danger-1)}.x-button.-round{--x-button-padding: 0 38px;--x-button-border-radius: 24px;height:var(--x-button-height)}.x-button.-circle{--x-button-padding: 0;--x-button-border-radius: 100%;width:var(--x-button-height);height:var(--x-button-height)}.x-button-text{--x-button-font-weight: 500;border-color:transparent;padding:2px;height:auto;color:var(--x-button-color);background:transparent}.x-button-text.x-button--primary{--x-button-background-color: var(--x-primary);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary)}.x-button-text.x-button--primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary-3);--x-button-color: var(--x-primary-3);--x-button-border-color: var(--x-primary-3)}.x-button-text.x-button--primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-1);--x-button-color: var(--x-primary-1);--x-button-border-color: var(--x-primary-1)}.x-button-text.x-button--success{--x-button-background-color: var(--x-success);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-text.x-button--success:not(.is-disabled):hover{--x-button-background-color: var(--x-success);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-text.x-button--success:not(.is-disabled):active{--x-button-background-color: var(--x-success);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success)}.x-button-text.x-button--warning{--x-button-background-color: var(--x-warning);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-text.x-button--warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-text.x-button--warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning)}.x-button-text.x-button--strong{--x-button-background-color: var(--x-strong);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-text.x-button--strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-text.x-button--strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong)}.x-button-text.x-button--danger{--x-button-background-color: var(--x-danger);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger)}.x-button-text.x-button--danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger-3);--x-button-color: var(--x-danger-3);--x-button-border-color: var(--x-danger-3)}.x-button-text.x-button--danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-1);--x-button-color: var(--x-danger-1);--x-button-border-color: var(--x-danger-1)}.x-button.-hide-border{--x-button-font-weight: 500}.x-button.-hide-border.x-button--primary{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: transparent}.x-button.-hide-border.x-button--primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary-6)}.x-button.-hide-border.x-button--primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-9);--x-button-color: var(--x-primary);--x-button-border-color: var(--x-primary-1)}.x-button.-hide-border.x-button--danger{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: transparent}.x-button.-hide-border.x-button--danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger-6)}.x-button.-hide-border.x-button--danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-9);--x-button-color: var(--x-danger);--x-button-border-color: var(--x-danger-1)}.x-button.-hide-border.x-button--success{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: transparent}.x-button.-hide-border.x-button--success:not(.is-disabled):hover{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success-6)}.x-button.-hide-border.x-button--success:not(.is-disabled):active{--x-button-background-color: var(--x-success-9);--x-button-color: var(--x-success);--x-button-border-color: var(--x-success-1)}.x-button.-hide-border.x-button--warning{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: transparent}.x-button.-hide-border.x-button--warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning-6)}.x-button.-hide-border.x-button--warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning-9);--x-button-color: var(--x-warning);--x-button-border-color: var(--x-warning-1)}.x-button.-hide-border.x-button--strong{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: transparent}.x-button.-hide-border.x-button--strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong-6)}.x-button.-hide-border.x-button--strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong-9);--x-button-color: var(--x-strong);--x-button-border-color: var(--x-strong-1)}.x-button-primary{--x-button-background-color: var(--x-primary);--x-button-color: #fff;--x-button-border-color: var(--x-primary)}.x-button-primary:not(.is-disabled):hover{--x-button-background-color: var(--x-primary-3);--x-button-color: #fff;--x-button-border-color: var(--x-primary-3)}.x-button-primary:not(.is-disabled):active{--x-button-background-color: var(--x-primary-1);--x-button-color: #fff;--x-button-border-color: var(--x-primary-1)}.x-button-success{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button-success:not(.is-disabled):hover{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button-success:not(.is-disabled):active{--x-button-background-color: var(--x-success);--x-button-color: #fff;--x-button-border-color: var(--x-success)}.x-button-danger{--x-button-background-color: var(--x-danger);--x-button-color: #fff;--x-button-border-color: var(--x-danger)}.x-button-danger:not(.is-disabled):hover{--x-button-background-color: var(--x-danger-3);--x-button-color: #fff;--x-button-border-color: var(--x-danger-3)}.x-button-danger:not(.is-disabled):active{--x-button-background-color: var(--x-danger-1);--x-button-color: #fff;--x-button-border-color: var(--x-danger-1)}.x-button-strong{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button-strong:not(.is-disabled):hover{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button-strong:not(.is-disabled):active{--x-button-background-color: var(--x-strong);--x-button-color: #fff;--x-button-border-color: var(--x-strong)}.x-button-warning{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button-warning:not(.is-disabled):hover{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button-warning:not(.is-disabled):active{--x-button-background-color: var(--x-warning);--x-button-color: #fff;--x-button-border-color: var(--x-warning)}.x-button--loading{display:flex;transition:all .2s ease}.x-button-group{display:flex;width:min-content}.x-button-group>.x-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.x-button-group>.x-button:last-child{margin-left:-1px;border-left-color:#ffffff80;border-top-left-radius:0;border-bottom-left-radius:0}.x-button-group>.x-button:not(:first-child,:last-child){margin-left:-1px;border-right-color:#ffffff80;border-left-color:#ffffff80;border-radius:0}.x-dialog{--x-mask-background-color: rgb(29 33 41 / 60%);--x-dialog-radius: 6px}.x-dialog{position:fixed;top:0;right:0;bottom:0;left:0}.x-dialog--mask{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--x-mask-background-color)}.x-dialog--wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;text-align:center}.x-dialog--wrapper.is-center{display:flex;justify-content:center;align-items:center}.x-dialog--container{position:relative;display:inline-block;overflow:hidden;border-radius:var(--x-dialog-radius);background-color:#fff;transition:top .3s}.x-dialog--container.is-fullscreen{display:inline-flex;border-radius:0;width:100%;height:100%;flex-direction:column;vertical-align:middle}.x-dialog--container.is-fullscreen .x-dialog--footer{margin-top:auto}.x-dialog--header{position:relative;padding:30px 48px 0 25px;text-align:left;box-sizing:border-box}.x-dialog--header-title{overflow:hidden;font-size:18px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;line-height:1}.x-dialog--header.is-bottom-line{border-bottom:1px solid var(--x-split-color);padding-bottom:20px}.x-dialog--body{padding:20px 25px;box-sizing:border-box;text-align:left}.x-dialog--footer{display:flex;justify-content:flex-end;padding:0 18px 18px 25px}.x-dialog--close-icon{position:absolute;top:20px;right:18px;width:16px;height:16px;cursor:pointer;transition:background-color .5s ease}.x-dialog--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-dialog--close-icon:hover:before,.x-dialog--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-dialog--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-dialog--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9;transition:background-color .5s ease}.x-message{--x-message-height: 36px;--x-message-width: 360px;--x-border-radius: 4px;--x-border-color: var(--x-info-border-color);--x-success-background-color: #f2f9ec;--x-success-color: #7ebf50;--x-warning-background-color: #fdf6ec;--x-warning-color: #e6a23c;--x-strong-background-color: #fff5f0;--x-strong-color: #ff7125;--x-error-background-color: #fef0f0;--x-error-color: #f56c6c;--x-info-background-color: #f4f4f5;--x-info-color: var(--x-primary);position:fixed;left:50%;display:flex;align-items:center;border-radius:var(--x-border-radius);padding:12px 16px 12px 12px;background-color:#fff;font-weight:500;color:#000000e0;transition:all .3s ease;box-sizing:border-box;transform:translate(-50%);box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.x-message--icon{margin-right:6px;font-size:18px}.x-message--show-close{justify-content:space-between}.x-message--close-icon{position:relative;display:inline-block;border-radius:100%;width:16px;height:16px;cursor:pointer}.x-message--close-icon:hover{background-color:#c5c9d4}.x-message--close-icon:hover:before,.x-message--close-icon:hover:after{height:70%;background-color:#fff}.x-message--close-icon:before{position:absolute;top:50%;left:50%;width:1px;height:70%;background-color:#bfc5d2;transition:background-color .2s;content:"";transform:translate(-50%,-50%) rotate(45deg)}.x-message--close-icon:after{position:absolute;top:50%;left:50%;width:1px;height:70%;background-color:#bfc5d2;transition:background-color .2s;content:"";transform:translate(-50%,-50%) rotate(-45deg)}.x-message-icon-success{color:var(--x-success-color)}.x-message-icon-warning{color:var(--x-warning-color)}.x-message-icon-strong{color:var(--x-strong-color)}.x-message-icon-error{color:var(--x-error-color)}.x-message-icon-info{color:var(--x-info-color)}.x-message-center{justify-content:center}.x-message-slide-top-enter-from,.x-message-slide-top-leave-to{opacity:0;transform:translate(-50%,-100%)}.x-message-slide-top-enter-to{opacity:1;transform:translate(-50%)}.x-message-box--header{padding:25px 0 15px;line-height:1;display:flex;justify-content:center;align-items:center}.x-message-box--body{padding:0 25px;box-sizing:border-box;text-align:center}.x-message-box--footer{padding:20px 0;box-sizing:border-box}.x-message-box--icon{margin-right:4px}.x-message-box--title{font-size:18px;font-weight:600;color:#242934;line-height:1}.x-message-box--content{font-size:14px;font-weight:400;color:#363636;line-height:1.5}.x-message-box--close-icon{top:28px;right:20px}.x-notification{position:relative;border-radius:8px;padding:15px;width:338px;background:#fff;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d;box-sizing:border-box}.x-notification-top{transition:top .2s,transform .2s ease,opacity .2s}.x-notification-bottom{transition:bottom .2s,transform .2s ease,opacity .2s}.x-notification--icon{font-size:22px;margin-right:8px}.x-notification-icon-info{color:var(--x-primary)}.x-notification-icon-success{color:var(--x-success)}.x-notification-icon-warning{color:var(--x-warning)}.x-notification-icon-strong{color:var(--x-strong)}.x-notification-icon-error{color:var(--x-danger)}.x-notification--header{display:inline-flex}.x-notification--title{font-size:18px;font-weight:600;color:#242934;line-height:22px;height:22px}.x-notification--message{box-sizing:border-box;margin-top:12px;font-size:14px;font-weight:400;color:#363636;line-height:1}.x-notification--close-icon{position:absolute;top:20px;right:20px;width:14px;height:14px;cursor:pointer}.x-notification--close-icon:hover{background-color:#d5d9da;transition:background-color .5s ease}.x-notification--close-icon:hover:before,.x-notification--close-icon:hover:after{background-color:#fff;transition:background-color .5s ease}.x-notification--close-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:100%;background-color:#9ca6b9}.x-notification--close-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;height:100%;background-color:#9ca6b9}.x-notification-slide-right-enter-from{transform:translate(100%)}.x-notification-slide-right-enter-to{transform:translate(0)}.x-notification-slide-left-enter-from{transform:translate(-100%)}.x-notification-slide-left-enter-to{transform:translate(0)}.x-notification-slide-right-leave-from,.x-notification-slide-left-leave-from{opacity:1}.x-notification-slide-right-leave-to,.x-notification-slide-left-leave-to{opacity:0}.x-space{display:inline-flex;vertical-align:bottom}.x-space--horizontal-center{align-items:center}.x-space--horizontal-start{align-items:flex-start}.x-space--horizontal-end{align-items:flex-end}.x-space--horizontal-baseline{align-items:baseline}.x-space--vertical{flex-direction:column}.x-space--split{color:var(--bn-color-5)}.x-space-is-fill{display:flex}body{margin:0}

package/dist/types.d.ts

@@ -1,6 +1,11 @@
 declare module 'vue' {
     interface GlobalComponents {
         XButton: (typeof import('x-next'))['XButton'];
+        XDialog: (typeof import('x-next'))['XDialog'];
+        XNotification: (typeof import('x-next'))['XNotification'];
+        XSpace: (typeof import('x-next'))['XSpace'];
+        XMessage: (typeof import('x-next'))['XMessage'];
+        XMessageBox: (typeof import('x-next'))['XMessageBox'];
     }
 }
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-next",
   "private": false,
-  "version": "0.0.0-alpha.16",
+  "version": "0.0.0-alpha.18",
   "description": "An amazing Vue3 UI library.",
   "type": "module",
   "main": "dist/index.umd.js",
@@ -9,7 +9,7 @@
   "types": "dist/index.d.ts",
   "scripts": {
     "dev": "vite",
-    "build": "vue-tsc && vite build && esbuild script/gen-component-declaration.js --bundle --platform=node --tsconfig=tsconfig.esbuild.json | node",
+    "build": "vue-tsc && vite build",
     "preview": "vite preview",
     "generate:web-types": "vue-docgen src",
     "publish": "npm publish --access=public",

package/dist/_utils/icon.d.ts

@@ -1,59 +0,0 @@
-/**
- * 首字母大写及-符号仅跟的字母大写
- * @param str
- */
-export declare const toPascalCase: (str: string) => string;
-export declare function createIconComponent(name: string): import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    size: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: undefined;
-    };
-    rotate: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    spin: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    color: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    fillColor: {
-        type: ArrayConstructor;
-        default: undefined;
-    };
-}>, {
-    cls: import('vue').ComputedRef<(string | {
-        "x-icon-loading": boolean;
-    })[]>;
-    styles: import('vue').ComputedRef<import('vue').CSSProperties>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    size: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: undefined;
-    };
-    rotate: {
-        type: NumberConstructor;
-        default: undefined;
-    };
-    spin: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    color: {
-        type: StringConstructor;
-        default: undefined;
-    };
-    fillColor: {
-        type: ArrayConstructor;
-        default: undefined;
-    };
-}>> & Readonly<{}>, {
-    size: string | number;
-    color: string;
-    rotate: number;
-    spin: boolean;
-    fillColor: unknown[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;