x-next 0.0.0-alpha.36 → 0.0.0-alpha.38

package/dist/index.umd.js

@@ -1 +1 @@
-(function(b,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(b=typeof globalThis<"u"?globalThis:b||self,t(b.index={},b.Vue))})(this,function(b,t){"use strict";var Ut=Object.defineProperty;var Zt=(b,t,P)=>t in b?Ut(b,t,{enumerable:!0,configurable:!0,writable:!0,value:P}):b[t]=P;var z=(b,t,P)=>Zt(b,typeof t!="symbol"?t+"":t,P);const P="X",Ie="x",fe=e=>e?Ie+"-"+e:e||"",w=e=>P+e,S=e=>{const n=fe(e);return{block:n,element:o=>`${n}--${o}`,modifier:o=>`${n}-${o}`,is:o=>`${n}-is-${o}`}},I=Object.prototype.toString;function me(e){return I.call(e)==="[object Array]"}function he(e){return I.call(e)==="[object Object]"}const ye=e=>I.call(e)==="[object Promise]",je=e=>p(e)&&e.constructor.name==="AsyncFunction",Xe=e=>ye(e)||je(e);function ge(e){return I.call(e)==="[object String]"}function De(e){return I.call(e)==="[object Number]"&&e===e}function He(e){return e===void 0}function p(e){return typeof e=="function"}function W(){return typeof window<"u"}const V=e=>e,Re=e=>!!(e&&e.shapeFlag&1),Ye=(e,n)=>!!(e&&e.shapeFlag&6),_e=(e,n)=>!!(e&&e.shapeFlag&8),We=(e,n)=>!!(e&&e.shapeFlag&16),Ue=(e,n)=>!!(e&&e.shapeFlag&32),U=(e,n=!1)=>{var a,r;const l=[];for(const o of e??[])Re(o)||Ye(o)||n&&_e(o,o.children)?l.push(o):We(o,o.children)?l.push(...U(o.children,n)):Ue(o,o.children)?l.push(...U((r=(a=o.children).default)==null?void 0:r.call(a),n)):me(o)&&l.push(...U(o,n));return l},O=(e,n)=>Object.assign(n,{install(l){l.component(e)||l.component(e,n)}}),Ze={disabled:Boolean,block:Boolean,loading:Boolean,loadingFill:{type:Boolean,default:!1},debounce:{type:Number,default:0},shape:{type:V(String),default:void 0},link:{type:Boolean,default:!1},type:{type:V(String),default:void 0},status:{type:V(String),default:void 0},plain:{type:Boolean,default:!1},size:{type:V(String),default:"medium"},border:{type:Boolean,default:!0}},qe=e=>ge(e)?e.split("-").map(n=>n.charAt(0).toUpperCase()+n.slice(1)).join(""):"",Ge=(e,n="px")=>{if(e===void 0)return"";const l=typeof e=="number"?`${e}`:e;return["px","%","vh","vw","calc"].some(r=>l.includes(r))?l:l+n};function $(e,n){return t.defineComponent({name:fe(`Icon${qe(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 a="x-icon",r=t.computed(()=>{const i={};return l.size&&(i.fontSize=Ge(l.size)),l.rotate&&(i.transform=`rotate(${l.rotate}deg)`),l.color&&(i.color=l.color),i}),o=t.computed(()=>[a,{[`${a}-loading`]:l.spin}]);return()=>t.createVNode("div",{class:o.value,style:r.value},[n])}})}const Ke=$("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:Ze,emits:["click"],$slots:["prefix","suffix"],setup(e,{slots:n,emit:l}){const a=t.reactive({clicked:!1,isDebounce:!1}),r=S("button"),o=t.computed(()=>[r.block,e.size&&r.modifier(e.size),e.type&&r.modifier(e.type),e.status&&r.modifier(e.status),e.disabled&&r.is("disabled"),e.block&&r.modifier("block"),e.plain&&r.is("plain"),e.shape&&r.modifier(e.shape),e.link&&r.modifier("is-link"),!e.border&&r.modifier("is-hide-border"),c.value&&r.modifier("is-loading")]),i=()=>{e.debounce>0&&!a.isDebounce&&(a.isDebounce=!0,setTimeout(()=>{a.isDebounce=!1},e.debounce))},c=t.computed(()=>e.loading||a.clicked||a.isDebounce),f=t.getCurrentInstance(),s=(d,u)=>{const m=d(u);Xe(m)&&(a.clicked=!0,m.finally(()=>{a.clicked=!1}))},h=d=>{var m,N,g,L;if(d.stopPropagation(),(N=(m=d.target).blur)==null||N.call(m),c.value)return;i();const u=(L=(g=f==null?void 0:f.vnode)==null?void 0:g.props)==null?void 0:L.onClick;if(me(u))u.forEach(M=>s(M,d));else if(p(u)){s(u,d);return}};return()=>{var d;return t.createVNode("button",{class:o.value,type:"button",disabled:e.disabled,onClick:h},[t.createVNode("span",{style:{display:c.value?"flex":"none",marginRight:c.value?"4px":"0px"},class:r.element("loading")},[t.createVNode(Ke,null,null)]),n.prefix&&t.createVNode("span",{class:r.element("prefix")},[n.prefix()]),t.createVNode("span",{class:r.element("content")},[(d=n.default)==null?void 0:d.call(n)]),n.suffix&&t.createVNode("span",{class:r.element("suffix")},[n.suffix()])])}}}),F=O(w("Button"),Je),Qe=["px","%","vh","vw","calc"],Ce=(e,n="px")=>{if(e===void 0)return"";const l=String(e);return Qe.some(a=>l.includes(a))?l:l+n},et=1e3,tt=3e3,nt=1;class lt{constructor(){z(this,"popupStack",{popup:new Set,dialog:new Set,message:new Set});z(this,"getNextZIndex",n=>(n==="message"?Array.from(this.popupStack.message).pop()||tt:Array.from(this.popupStack.popup).pop()||et)+nt);z(this,"add",n=>{const l=this.getNextZIndex(n);return this.popupStack[n].add(l),n==="dialog"&&this.popupStack.popup.add(l),l});z(this,"delete",(n,l)=>{this.popupStack[l].delete(n),l==="dialog"&&this.popupStack.popup.delete(n)});z(this,"isLastDialog",n=>this.popupStack.dialog.size>1?n===Array.from(this.popupStack.dialog).pop():!0)}}const re=new lt;function Z(e,{visible:n,runOnMounted:l}={}){const a=t.ref(0),r=()=>{a.value=re.add(e)},o=()=>{re.delete(a.value,e)},i=()=>e==="dialog"?re.isLastDialog(a.value):!1;return t.watch(()=>n==null?void 0:n.value,c=>{c?r():o()},{immediate:!0}),l&&(t.onMounted(r),t.onBeforeUnmount(o)),{zIndex:t.readonly(a),open:r,close:o,isLastDialog:i}}const be=e=>e.replace(/^./,n=>n.toLowerCase()).replace(/-(\w)/g,(n,l)=>(l==null?void 0:l.toUpperCase())??""),Ne=()=>{},at=(e,n)=>{if(W)return(n??document).querySelector(e)??void 0},ot=e=>{if(e.tagName==="BODY")return window.innerWidth-(document.documentElement.offsetWidth||document.body.offsetWidth);const{borderLeftWidth:n,borderRightWidth:l}=window.getComputedStyle(e),a=Number(n.replace("px",""))+Number(l.replace("px",""));return e.offsetWidth-(e.clientWidth+a)},rt=e=>e.tagName==="BODY"?document.documentElement.scrollHeight>window.innerHeight:e.scrollHeight>e.offsetHeight,ct=(e,n)=>{var a;if(!W||!e||!n)return"";let l=be(n);l==="float"&&(l="cssFloat");try{const r=e.style[l];if(r)return r;const o=(a=document.defaultView)==null?void 0:a.getComputedStyle(e,"");return o?o[l]:""}catch{return e.style[l]}},j=(e,n,l)=>{if(!(!e||!n))if(he(n))Object.entries(n).forEach(([a,r])=>j(e,a,r));else{const a=be(n);e.style[a]=l}},ce=(e,n)=>{if(ge(e)){const l=e[0]==="#"?`[id='${e.slice(1)}']`:e;return at(l,n)}return e},it=W?(e,n,l,a=!1)=>{e.addEventListener(n,l,a)}:Ne,st=W?(e,n,l,a=!1)=>{e.removeEventListener(n,l,a)}:Ne,dt=(e,n)=>{let l=!1;const a={overflow:"",width:""},r=c=>c.tagName==="BODY",o=()=>{if(e.value){const c=e.value;if(!l&&c.style.overflow!=="hidden"){const f=ot(c);if(f>0||rt(c)){a.overflow=c.style.overflow,a.width=c.style.width;let s=0;r(c)&&(s=c.getBoundingClientRect().left||0),j(c,{width:`calc(100% - ${Math.ceil(f-s)}px)`,overflow:"hidden"}),l=!0}}}},i=()=>{if(e.value&&l){const c=e.value;j(c,{overflow:a.overflow,width:a.width}),l=!1}};return t.watch(()=>n==null?void 0:n.value,c=>{e.value&&!r(e.value)&&(c&&j(c,{position:"absolute"}),ct(e.value,"position")==="static"&&j(e.value,{position:"relative"}))}),{setOverflowHidden:o,resetOverflow:i}},ut={ENTER:"Enter",ESC:"Escape",BACKSPACE:"Backspace",TAB:"Tab",SPACE:" ",ARROW_UP:"ArrowUp",ARROW_DOWN:"ArrowDown",ARROW_LEFT:"ArrowLeft",ARROW_RIGHT:"ArrowRight"},ft={renderTo:{type:V([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}},mt=["width","minWidth","height","minHeight"],ke=t.defineComponent({name:w("Dialog"),inheritAttrs:!1,props:ft,emits:["closed","close","open","opened","update:modelValue"],setup(e,{emit:n,slots:l}){const a=S("dialog"),r=a.block,o=S("message-box");o.block;const i=t.computed(()=>[r,e.messageBox&&"is-message-box",e.popupClass&&e.popupClass]),c=t.computed(()=>ce(e.renderTo)),f=t.ref(),s=t.computed(()=>e.disabled||!c.value),h=t.computed(()=>({zIndex:g.value})),d=t.computed(()=>{const k={};return e.fullscreen||(!e.center&&e.top&&(k.top=Ce(e.top)),mt.forEach(E=>{e[E]&&(k[E]=Ce(e[E]))})),k}),u=t.ref(!1),m=t.computed(()=>e.modelValue),N=t.computed(()=>m.value||u.value),{zIndex:g,isLastDialog:L}=Z("dialog",{visible:m}),{setOverflowHidden:M,resetOverflow:y}=dt(c,f),C=(k,E)=>{n("update:modelValue",!1),n("close",e.messageBox?k:void 0,e.messageBox?E:void 0)},x=()=>{u.value=!1,y(),n("closed")},T=()=>{n("opened")},B=t.reactive({ok:!1,cancel:!1}),A=(k,E)=>{let oe=!0;if(B[k]=!0,p(e.onBeforeCancel)&&(oe=e.onBeforeCancel(k)??!1),ye(oe)){oe.then(Wt=>{B[k]=!1,Wt&&C(k,E)});return}B[k]=!1,oe&&C(k,E)},ae=()=>{e.maskToClose&&e.mask&&A("cancel")},Rt=k=>{A("cancel",k)},Yt=k=>{A("ok",k)};let ue=!1;const Fe=k=>{e.escToClose&&k.key===ut.ESC&&L()&&A("cancel")},_t=()=>{e.escToClose&&!ue&&(ue=!0,it(document.documentElement,"keydown",Fe))},ze=()=>{ue=!1,st(document.documentElement,"keydown",Fe)};return t.onBeforeUnmount(()=>{y(),ze()}),t.watch(()=>m.value,k=>{k?(n("open"),M(),u.value=!0,_t()):ze()},{immediate:!0}),()=>t.createVNode(t.Teleport,{to:c.value,disabled:s.value},{default:()=>[N.value&&t.createVNode("div",{ref:f,class:i.value,style:h.value},[t.createVNode(t.Transition,{name:"x-fade-in-standard",appear:!0},{default:()=>[e.mask&&m.value&&t.createVNode("div",{class:a.element("mask")},null)]}),t.createVNode("div",{class:[a.element("wrapper"),{"is-center":e.center}],onClick:k=>k.target===k.currentTarget&&ae()},[t.createVNode(t.Transition,{name:"x-zoom-in",appear:!0,onAfterEnter:T,onAfterLeave:x},{default:()=>[m.value&&t.createVNode("div",{class:[a.element("container"),{"is-fullscreen":e.fullscreen}],style:d.value},[t.createVNode("div",{class:[e.messageBox?o.element("header"):a.element("header"),e.showHeaderBottomLine&&"is-bottom-line"]},[l.title?l.title():t.createVNode("div",{class:[a.element("header-title")]},[e.title])]),t.createVNode("div",{class:[e.messageBox?o.element("body"):a.element("body")]},[l.default&&l.default()]),t.createVNode("div",{class:[e.messageBox?o.element("footer"):a.element("footer")]},[l.footer&&l.footer({cancel:Rt,ok:Yt,"loading-obj":B})]),e.showClose&&t.createVNode("span",{class:[a.element("close-icon"),e.messageBox&&o.element("close-icon")],onClick:()=>A("cancel")},null)])]})])])]})}}),ie=O(w("Dialog"),ke),q=$("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)]))),G=$("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)]))),K=$("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)]))),J=$("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)]))),Q=$("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)])));$("LogoSimple",t.h(t.createVNode("svg",{width:"61.000000",height:"41.000000",viewBox:"0 0 61 41",fill:"none",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[t.createVNode("desc",null,[t.createTextVNode("Created with Pixso.")]),t.createVNode("defs",null,null),t.createVNode("path",{id:"path",d:"M32 29.5L32 41L49.4 41C55.8 41 61 35.85 61 29.5C61 23.14 55.8 18 49.4 18C42.99 18 37.79 23.14 37.79 29.5L32 29.5Z",fill:"#00C1FF","fill-opacity":"1.000000","fill-rule":"nonzero"},null),t.createVNode("path",{id:"path",d:"M10 20.5C10 27.14 13.15 33.04 18.05 36.79L18.05 41L30.5 41C41.82 41 51 31.82 51 20.5C51 9.17 41.82 0 30.5 0C19.17 0 10 9.17 10 20.5Z",fill:"#1C99FF","fill-opacity":"1.000000","fill-rule":"nonzero"},null),t.createVNode("path",{id:"path",d:"M32 25C32 25.52 31.97 26.04 31.92 26.56C31.87 27.08 31.79 27.6 31.69 28.12C31.59 28.63 31.46 29.14 31.31 29.64C31.15 30.14 30.98 30.63 30.78 31.12C30.58 31.6 30.35 32.08 30.11 32.54C29.86 33 29.59 33.45 29.3 33.88C29.01 34.32 28.7 34.74 28.36 35.15C28.03 35.55 27.68 35.94 27.31 36.31C26.94 36.68 26.55 37.03 26.15 37.36C25.74 37.7 25.32 38.01 24.88 38.3C24.45 38.59 24 38.86 23.54 39.11C23.08 39.35 22.6 39.58 22.12 39.78C21.63 39.98 21.14 40.15 20.64 40.31C20.14 40.46 19.63 40.59 19.12 40.69C18.6 40.79 18.08 40.87 17.56 40.92C17.04 40.97 16.52 41 16 41C15.47 41 14.95 40.97 14.43 40.92C13.91 40.87 13.39 40.79 12.87 40.69C12.36 40.59 11.85 40.46 11.35 40.31C10.85 40.15 10.36 39.98 9.87 39.78C9.39 39.58 8.91 39.35 8.45 39.11C7.99 38.86 7.54 38.59 7.11 38.3C6.67 38.01 6.25 37.7 5.84 37.36C5.44 37.03 5.05 36.68 4.68 36.31C4.31 35.94 3.96 35.55 3.63 35.15C3.29 34.74 2.98 34.32 2.69 33.88C2.4 33.45 2.13 33 1.88 32.54C1.64 32.08 1.41 31.6 1.21 31.12C1.01 30.63 0.84 30.14 0.68 29.64C0.53 29.14 0.4 28.63 0.3 28.12C0.2 27.6 0.12 27.08 0.07 26.56C0.02 26.04 0 25.52 0 25C0 24.47 0.02 23.95 0.07 23.43C0.12 22.91 0.2 22.39 0.3 21.87C0.4 21.36 0.53 20.85 0.68 20.35C0.84 19.85 1.01 19.36 1.21 18.87C1.41 18.39 1.64 17.91 1.88 17.45C2.13 16.99 2.4 16.54 2.69 16.11C2.98 15.67 3.29 15.25 3.63 14.84C3.96 14.44 4.31 14.05 4.68 13.68C5.05 13.31 5.44 12.96 5.84 12.63C6.25 12.29 6.67 11.98 7.11 11.69C7.54 11.4 7.99 11.13 8.45 10.88C8.91 10.64 9.39 10.41 9.87 10.21C10.36 10.01 10.85 9.84 11.35 9.68C11.85 9.53 12.36 9.4 12.87 9.3C13.39 9.2 13.91 9.12 14.43 9.07C14.95 9.02 15.47 9 16 9C16.52 9 17.04 9.02 17.56 9.07C18.08 9.12 18.6 9.2 19.12 9.3C19.63 9.4 20.14 9.53 20.64 9.68C21.14 9.84 21.63 10.01 22.12 10.21C22.6 10.41 23.08 10.64 23.54 10.88C24 11.13 24.45 11.4 24.88 11.69C25.32 11.98 25.74 12.29 26.15 12.63C26.55 12.96 26.94 13.31 27.31 13.68C27.68 14.05 28.03 14.44 28.36 14.84C28.7 15.25 29.01 15.67 29.3 16.11C29.59 16.54 29.86 16.99 30.11 17.45C30.35 17.91 30.58 18.39 30.78 18.87C30.98 19.36 31.15 19.85 31.31 20.35C31.46 20.85 31.59 21.36 31.69 21.87C31.79 22.39 31.87 22.91 31.92 23.43C31.97 23.95 32 24.47 32 25Z",fill:"#1666FF","fill-opacity":"1.000000","fill-rule":"nonzero"},null)])));const ht=t.defineComponent({name:w("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:{type:Boolean,default:!1},popupClass:{type:String,default:void 0}},emits:["destroy"],setup(e,{emit:n,slots:l}){const a=S("message"),r=t.ref(!1),o=t.ref(null),i=t.computed(()=>[a.block,a.modifier(e.type),e.center&&a.modifier("center"),e.showClose&&!e.center&&a.element("show-close"),e.popupClass]),{zIndex:c}=Z("message",{runOnMounted:!0}),f=t.computed(()=>({top:`${e.offset}px`,zIndex:c.value})),s=()=>{if(l.icon)return l.icon();switch(e.type){case"success":return t.createVNode(G,null,null);case"warning":return t.createVNode(K,null,null);case"strong":return t.createVNode(Q,null,null);case"error":return t.createVNode(q,null,null);case"info":return t.createVNode(J,null,null);default:return null}},h=()=>{e.duration>0&&(o.value=setTimeout(()=>{r.value=!1},e.duration))},d=()=>{o.value&&(clearTimeout(o.value),o.value=null)};t.onMounted(()=>{r.value=!0,h()}),t.onUnmounted(()=>{d()});const u=()=>{var m;r.value=!1,d(),(m=e.onClose)==null||m.call(e)};return()=>t.createVNode(t.Transition,{name:"x-message-slide-top",onBeforeLeave:e.onClose,onAfterLeave:()=>n("destroy")},{default:()=>[r.value&&t.createVNode("div",{class:i.value,style:f.value},[t.createVNode("span",{class:[a.element("icon"),a.modifier(`icon-${e.type}`)]},[s()]),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:a.element("close-icon"),onClick:u},null)])])]})}}),xe=O(w("Message"),ht),yt=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=S("space"),a=t.computed(()=>[l.block,l.element(e.direction),e.fill&&"is-fill",l.element(`${e.direction}-${e.align}`)]);function r(i){if(De(i))return i;switch(i){case"mini":return 4;case"small":return 8;case"medium":return 16;case"large":return 24;default:return 8}}const o=i=>{const c={};if(i)return c;const f=`${r(e.size)}px`,s=`${r(e.size)}px`;return e.direction==="horizontal"&&(c.marginRight=f),e.direction==="vertical"&&(c.marginBottom=s),c};return()=>{var c;const i=U((c=n.default)==null?void 0:c.call(n),!0).filter(f=>f.type!==t.Comment);return t.createVNode("div",{class:[a.value]},[i.map((f,s)=>{var d;const h=n.split&&s>0;return t.createVNode(t.Fragment,{key:`space-item-${s}`},[h&&t.createVNode("div",{className:l.element("split"),style:o(!1)},[(d=n.split)==null?void 0:d.call(n)]),t.createVNode("div",{className:l.element("item"),style:o(s===i.length-1)},[f])])})])}}}),ee=O(w("Space"),yt),gt=["info","success","warning","strong","error"];function we(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const se=S("message-box"),te=e=>{const n=document.createElement("div"),l=()=>{t.render(null,n)},a=u=>{if(u==="cancel")return e.beforeOnCancel?e.beforeOnCancel():!0;if(u==="ok")return e.beforeOnOk?e.beforeOnOk():!0},r=(u,m)=>{u==="cancel"&&e.onCancel&&e.onCancel(m),u==="ok"&&e.onOk&&e.onOk(m)},o=u=>{let m;switch(u){case"warning":m=t.createVNode(K,{size:"22px",color:"#f6c64b"},null);break;case"strong":m=t.createVNode(Q,{size:"22px",color:"#ff7125"},null);break;case"error":m=t.createVNode(q,{size:"22px",color:"#e24f48"},null);break;case"success":m=t.createVNode(G,{size:"22px",color:"#68d1ab"},null);break;case"info":m=t.createVNode(J,{size:"22px",color:"#2355f5"},null);break}return t.createVNode("div",{class:se.element("icon")},[m])},i=u=>{if(t.isVNode(u))return u;if(p(u)){const m=u();return t.isVNode(m)?m:null}return t.createVNode("div",{class:se.element("title")},[t.createTextVNode(" "),u,t.createTextVNode(" ")])},c=u=>{if(t.isVNode(u))return u;if(p(u)){const m=u();return t.isVNode(m)?m:null}return t.createVNode("div",{class:se.element("content")},[t.createTextVNode(" "),e.content,t.createTextVNode(" ")])},f=()=>()=>t.createVNode(t.Fragment,null,[o(e.type||"success"),e.title&&i(e.title)]),s=()=>()=>t.createVNode(t.Fragment,null,[e.content&&c(e.content)]),h=()=>{if(t.isVNode(e.footer)||p(e.footer))return e.footer;const u=(e==null?void 0:e.cancelText)||"取消",m=(e==null?void 0:e.okText)||"确认";return N=>t.createVNode(ee,{size:12},{default:()=>{var g,L;return[!e.hideCancel&&t.createVNode(F,{size:"small",onClick:N.cancel,loading:(g=N.loadingObj)==null?void 0:g.cancel},we(u)?u:{default:()=>[u]}),!e.hideOk&&t.createVNode(F,{type:"primary",size:"small",onClick:N.ok,loading:(L=N.loadingObj)==null?void 0:L.ok},we(m)?m:{default:()=>[m]})]}})},d=t.createVNode(ie,{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:r,onBeforeCancel:a,"onUpdate:modelValue":()=>{d.component.props.modelValue=!1},onClosed:l,onOpened:()=>{}},{title:f(),default:s(),footer:h()});t.render(d,n)};(()=>{gt.forEach(e=>{te[e]=(n,l)=>{const a=[],r=[];let o=()=>!0,i=()=>!0;return setTimeout(()=>{te({title:n,content:l,type:e,beforeOnCancel:i,beforeOnOk:o,onOk:()=>{a.forEach(c=>p(c)&&c())},onCancel:()=>{r.forEach(c=>p(c)&&c())}})},0),{ok(...c){return c.length===1&&a.push(c[0]),c.length===2&&(o=c[0],a.push(c[1])),this},cancel(...c){return c.length===1&&r.push(c[0]),c.length===2&&(i=c[0],r.push(c[1])),this}}}})})();const Ve=O(w("MessageBox"),te),Ct={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}},pe=t.defineComponent({name:w("Notification"),props:Ct,emits:["close","destroy"],setup(e,{emit:n,slots:l}){const a=S("notification"),r=a.block,o=t.computed(()=>[r,a.modifier(c.value.ver)]),{zIndex:i}=Z("message",{runOnMounted:!0}),c=t.computed(()=>{const g=e.position.split("-");return{hor:g[1],ver:g[0]}}),f=t.computed(()=>`x-notification-slide-${c.value.hor}`),s=t.computed(()=>{const g={};return g.position=e.renderToBody?"fixed":"absolute",g.zIndex=i.value,g[c.value.hor]="20px",g[c.value.ver]=`${e.offset}px`,g}),h=t.ref(!1);let d=0;const u=()=>{d=setTimeout(()=>{h.value=!1},e.duration)},m=t.computed(()=>e.type==="info"?J:e.type==="warning"?K:e.type==="strong"?Q:e.type==="success"?G:e.type==="error"?q:""),N=()=>{h.value=!1};return t.onMounted(()=>{e.duration!==0&&u(),h.value=!0}),t.onUnmounted(()=>{clearTimeout(d)}),()=>t.createVNode(t.Transition,{name:f.value,onBeforeLeave:()=>n("close"),onAfterLeave:()=>n("destroy")},{default:()=>{var g;return[h.value&&t.createVNode("div",{class:o.value,style:s.value},[t.createVNode("div",{class:[a.element("header")]},[t.createVNode("div",{class:[a.element("icon"),a.modifier(`icon-${e.type}`)]},[m.value&&t.createVNode(m.value,null,null)]),t.createVNode("div",null,[t.createVNode("div",{class:[a.element("title")]},[e.title]),t.createVNode("div",{class:[a.element("message")]},[((g=l.default)==null?void 0:g.call(l))||e.message])])]),e.showClose&&t.createVNode("span",{class:[a.element("close-icon")],onClick:N},null)])]}})}}),Le=O(w("Notification"),pe),bt={reverse:{type:Boolean},lineType:{type:String,default:"solid"}},Nt={dotColor:{type:String}},Be=Symbol("timelineKey"),kt="TimelineItem",xt=t.defineComponent({name:"Timeline",components:{},props:bt,emits:["update:current","change"],setup(e,{slots:n}){const l=S("timeline"),a=t.computed(()=>[l.block,e.reverse&&"is-reverse"]),{reverse:r,lineType:o}=t.toRefs(e),i=t.ref(0),c=d=>Array.isArray(d)&&d.length>0?d.filter(u=>{var m;if(Array.isArray(u.children)&&u.children.length>0&&typeof u.type=="symbol")return u.children=c(u.children),u.children.length>0?u:null;if(((m=u==null?void 0:u.type)==null?void 0:m.name)===kt)return u}):[],f=d=>{let u=0;return d.forEach(m=>{Array.isArray(m.children)?u+=f(m.children):u+=1}),u},s=d=>{const u=c(d);return i.value=f(u),u},h=t.reactive({reverse:r,parentCls:l.block,count:i,lineType:o});return t.provide(Be,h),()=>{var d;return t.createVNode("div",{class:a.value},[s((d=n.default)==null?void 0:d.call(n))])}}}),Se=O(w("Timeline"),xt),wt=({itemRef:e,selector:n,index:l,parentClassName:a})=>{const r=t.ref(-1),o=t.computed(()=>(l==null?void 0:l.value)??r.value),i=t.ref(),c=()=>{var h;let s=((h=e.value)==null?void 0:h.parentElement)??void 0;if(a)for(;s&&!s.className.includes(a);)s=s.parentElement??void 0;return s},f=()=>{if(He(l==null?void 0:l.value)&&i.value&&e.value){const s=Array.from(i.value.querySelectorAll(n)).indexOf(e.value);s!==r.value&&(r.value=s)}};return t.watch(e,()=>{e.value&&!i.value&&(i.value=c())}),t.onMounted(()=>{e.value&&(i.value=c()),f()}),t.onUpdated(()=>f()),{innerIndex:o}},Vt=t.defineComponent({name:"TimelineItem",props:Nt,emits:["close"],setup(e,{slots:n}){const l=S("timeline-item"),a=t.inject(Be),r=t.ref(null),o=t.ref(e.dotColor),{innerIndex:i}=wt({itemRef:r,selector:`.${l.block}`,parentClassName:a==null?void 0:a.parentCls}),c=t.computed(()=>a?a.reverse?i.value===0:i.value+1===a.count:!1),f=t.computed(()=>[l.block,c.value&&"is-last"]),s=t.computed(()=>({borderLeftStyle:a==null?void 0:a.lineType})),h=t.computed(()=>n.icon?[`${l.block}--dot--icon`,"is-slot-icon"]:[`${l.block}--dot--icon`]);return()=>{var d,u;return t.createVNode("div",{ref:r,class:f.value},[t.createVNode("div",{class:`${l.block}--dot`},[!c.value&&t.createVNode("div",{class:`${l.block}--dot--line`,style:s.value},null),t.createVNode("div",{class:h.value},[n.icon?n.icon():t.createVNode("i",{class:"icon",style:{backgroundColor:o.value}},null)])]),t.createVNode("div",{class:`${l.block}--content`},[n.default?n.default():t.createVNode(t.Fragment,null,[t.createVNode("div",{class:`${l.block}--content--label`},[(d=n.label)==null?void 0:d.call(n)]),t.createVNode("div",{class:`${l.block}--content--description`},[(u=n.description)==null?void 0:u.call(n)])])])])}}}),Te=O(w("TimelineItem"),Vt),pt=e=>{const n=e.split(" ").filter(a=>a!=="").map(a=>parseInt(a));let l={};switch(n.length){case 4:l={top:n[0],right:n[1],bottom:n[2],left:n[3]};break;case 3:l={top:n[0],right:n[1],bottom:n[2],left:n[1]};break;case 2:l={top:n[0],right:n[1],bottom:n[0],left:n[1]};break;default:l={top:n[0],right:n[0],bottom:n[0],left:n[0]}}return l},Lt=e=>{const n=e.split(" ").filter(l=>l!=="").map(l=>parseInt(l));return n.length<1||n.length>4?!1:n.every(l=>typeof l=="number"&&l>=0)},Bt={dataset:{required:!0,type:V(Array),default:()=>[]},status:{type:V(String),default:void 0},grid:{default:null,type:V(Object)},labels:{default:null,type:V(Object)},max:{type:Number},min:{type:Number},padding:{default:"5",type:String,validator(e){return Lt(e)}},interactive:{default:!1,type:Boolean},theme:{type:V(Object),default:()=>({activeLineColor:"#CCC"})}},St={boundary:{required:!0,type:V(Object),default:()=>{}},minValue:{required:!0,type:Number},maxValue:{required:!0,type:Number},maxAmount:{required:!0,type:Number},activeLineParams:{type:Object},data:{required:!0,type:V(Array),default:()=>[]},className:{type:String},smooth:{default:!0,type:Boolean},stroke:{default:!0,type:Boolean},fill:{default:!0,type:Boolean},showPoints:{default:!0,type:Boolean},theme:{type:V(Object)},mainTheme:{type:V(Object)}},Tt={boundary:{required:!0,type:V(Object),default:()=>{}},verticalLines:{default:!1,type:Boolean},verticalLinesNumber:{default:0,type:Number},horizontalLines:{default:!1,type:Boolean},horizontalLinesNumber:{default:0,type:Number}},Ot={boundary:{required:!0,type:V(Object),default:()=>{}},minValue:{type:Number,required:!0},maxValue:{type:Number,required:!0},xLabels:{type:Array},yLabels:{type:Number,required:!0},yLabelsTextFormatter:{default:e=>e,type:Function}},Oe=t.defineComponent({name:w("TrendChartGrid"),props:Tt,setup(e){const n=o=>{const i=e.verticalLinesNumber>1?(e.boundary.maxX-e.boundary.minX)/(e.verticalLinesNumber-1):0,c=e.boundary.minX+i*(o-1),f=e.boundary.minY,s=e.boundary.maxY;return{x1:c,x2:c,y1:f,y2:s,stroke:"rgba(0,0,0,0.1)"}},l=o=>{const i=e.horizontalLinesNumber>1?(e.boundary.maxY-e.boundary.minY)/(e.horizontalLinesNumber-1):0,c=e.boundary.maxY-i*(o-1),f=e.boundary.minX,s=e.boundary.maxX;return{x1:f,x2:s,y1:c,y2:c,stroke:"rgba(0,0,0,0.1)"}},a=t.computed(()=>{if(e.verticalLines&&e.verticalLinesNumber>0){const o=[];for(let i=1;i<=e.verticalLinesNumber;i++)o.push(t.h("line",{class:"line",...n(i)}));return t.h("g",{class:"vertical"},o)}return null}),r=t.computed(()=>{if(e.horizontalLines&&e.horizontalLinesNumber>0){const o=[];for(let i=1;i<=e.horizontalLinesNumber;i++)o.push(t.h("line",{class:"line",...l(i)}));return t.h("g",{class:"horizontal"},o)}return null});return()=>{const o=[];return a.value&&o.push(a.value),r.value&&o.push(r.value),o.length===0?null:t.h("g",null,o)}}}),Me=t.defineComponent({name:w("TrendChartLabels"),props:Ot,setup(e){const n=t.reactive({xLabelHeight:0,yLabelHeight:0}),l=t.ref(null),a=t.ref(null),r=f=>{const s=(e.boundary.maxX-e.boundary.minX)/(e.xLabels.length-1),h=e.boundary.minX+s*f,d=e.boundary.maxY;return{transform:`translate(${h}, ${d})`}},o=f=>{const s=(e.boundary.maxY-e.boundary.minY)/(e.yLabels-1),h=e.boundary.minX,d=e.boundary.maxY-s*f;return{transform:`translate(${h}, ${d})`}};t.onMounted(()=>{var f,s;l.value&&e.xLabels&&e.xLabels.length&&(n.xLabelHeight=((f=l.value.querySelector("text"))==null?void 0:f.getBoundingClientRect().height)||0),a.value&&e.yLabels&&e.yLabels>0&&(n.yLabelHeight=((s=a.value.querySelector("text"))==null?void 0:s.getBoundingClientRect().height)||0)});const i=t.computed(()=>e.xLabels&&e.xLabels.length?t.h("g",{class:"x-labels",ref:l},e.xLabels.map((f,s)=>t.h("g",{class:"label",...r(s)},[t.h("text",{dy:n.xLabelHeight+5,"text-anchor":"middle"},f),t.h("line",{stroke:"rgba(0,0,0,0.1)",y2:5})]))):null),c=t.computed(()=>{if(e.yLabels&&e.yLabels>0){const f=[];for(let s=0;s<e.yLabels;s++)f.push(t.h("g",{class:"label",...o(s)},[t.h("text",{dx:-10,dy:n.yLabelHeight/4,"text-anchor":"end"},e.yLabelsTextFormatter(e.minValue+(e.maxValue-e.minValue)/(e.yLabels-1)*s)),t.h("line",{stroke:"rgba(0,0,0,0.1)",x1:0,x2:-5})]));return t.h("g",{class:"y-labels",ref:a},f)}return null});return()=>{const f=[];return i.value&&f.push(i.value),c.value&&f.push(c.value),t.h("g",f)}}}),Mt=(e,n,l,a,r)=>{const o=a-.001,i=(n.maxX-n.minX)/(r-1),c=(n.maxY-n.minY)/(l+.001-o);return e.map((f,s)=>({x:s*i+n.minX,y:n.maxY-(f-o)*c+ +(s===r-1)*1e-5-+(s===0)*1e-5}))},At=(e,n,{maxY:l})=>{const a=e.shift(),r=e[e.length-1],i=(e[0].x-a.x)/2;let c=`M ${a.x},${a.y}`;e.forEach((s,h)=>{if(!n)c+=` L${s.x},${s.y}`;else{const d=e[h-1]||a;c+=` C ${i+d.x},${d.y} ${i+d.x},${s.y} ${s.x},${s.y}`}});let f=c;return r.y!==l&&(f+=` L${r.x},${l}`),a.y!==l&&(f+=` L${a.x},${l}`),f+=" Z",{linePath:c,fillPath:f}},Ae=t.defineComponent({name:w("TrendChartCurve"),props:St,setup(e){const n=t.computed(()=>Mt(e.data,e.boundary,e.maxValue,e.minValue,e.maxAmount)),l=t.computed(()=>At([...n.value],e.smooth,e.boundary)),a=t.computed(()=>{var i,c,f,s,h,d,u,m,N,g,L,M;const r=[];e.fill&&((i=l.value)!=null&&i.fillPath)&&r.push(t.createVNode("path",{class:"x-trend-chart-fill",d:l.value.fillPath,fill:"none",style:{fill:((f=(c=e.theme)==null?void 0:c.fill)==null?void 0:f.color)||"#585858",opacity:((h=(s=e.theme)==null?void 0:s.fill)==null?void 0:h.opacity)||.1}},null)),e.stroke&&((d=l.value)!=null&&d.linePath)&&r.push(t.createVNode("path",{class:"x-trend-chart-stroke",d:l.value.linePath,fill:"none",stroke:"none",style:{stroke:(m=(u=e.theme)==null?void 0:u.stroke)==null?void 0:m.color,strokeWidth:(g=(N=e.theme)==null?void 0:N.stroke)==null?void 0:g.width,opacity:(M=(L=e.theme)==null?void 0:L.stroke)==null?void 0:M.opacity}},null));const o=y=>{var C,x,T,B;return y?{stroke:(x=(C=e.theme)==null?void 0:C.point)==null?void 0:x.color,strokeWidth:(B=(T=e.theme)==null?void 0:T.point)==null?void 0:B.width,r:1}:{}};if(e.showPoints&&n.value){const y=n.value.map((C,x)=>{var T,B;return t.createVNode("circle",{class:{point:!0,"x-trend-chart-point-active":((T=e.activeLineParams)==null?void 0:T.index)===x},cx:C.x,cy:C.y,style:o(((B=e.activeLineParams)==null?void 0:B.index)===x)},null)});r.push(t.createVNode("g",{class:"x-trend-chart-points"},[y]))}return r});return()=>t.createVNode("g",{class:e.className},[a.value])}}),ne="#f00",X="#ff7126",D="#ffc703",H="#363636",R="#25c341",Y="#0056ff",v={DANGER:{color:"#f00",point:{width:3,color:ne},stroke:{width:3,color:ne,opacity:.8},fill:{color:ne,opacity:.1},axisLine:{color:ne,width:2,opacity:.9}},STRONG:{color:X,point:{width:4,color:X},stroke:{width:3,color:X,opacity:.8},fill:{color:X,opacity:.1},axisLine:{color:X,width:2,opacity:.9}},WARNING:{color:D,point:{width:4,color:D},stroke:{width:3,color:D,opacity:1},fill:{color:D,opacity:.1},axisLine:{color:D,width:2,opacity:.9}},SUCCESS:{color:R,point:{width:4,color:R},stroke:{width:3,color:R,opacity:1},fill:{color:R,opacity:.1},axisLine:{color:R,width:2,opacity:.9}},INFO:{color:H,point:{width:4,color:H},stroke:{width:3,color:H,opacity:1},fill:{color:H,opacity:.1},axisLine:{color:H,width:2,opacity:.9}},PRIMARY:{color:Y,point:{width:4,color:Y},stroke:{width:3,color:Y,opacity:.9},fill:{color:Y,opacity:.1},axisLine:{color:Y,width:2,opacity:.9}}},Et=t.defineComponent({name:w("TrendChart"),components:{TrendChartGrid:Oe,TrendChartLabels:Me,TrendChartCurve:Ae},props:Bt,emits:{"mouse-move":e=>!0},setup(e,{emit:n}){const l=t.reactive({width:null,height:null,labelsOverflowObject:{top:0,right:0,bottom:0,left:0},activeLine:null,activeLineParams:null}),a=t.computed(()=>{let y=v.INFO;return e.status==="primary"?y=v.PRIMARY:e.status==="success"?y=v.SUCCESS:e.status==="danger"?y=v.DANGER:e.status==="warning"?y=v.WARNING:e.status==="strong"&&(y=v.STRONG),{...y,...e.theme}}),r=t.computed(()=>pt(e.padding||"0")),o=t.computed(()=>({minX:Number(r.value.left)+Number(l.labelsOverflowObject.left),minY:Number(r.value.top)+Number(l.labelsOverflowObject.top),maxX:(l.width??0)-Number(r.value.right)-Number(l.labelsOverflowObject.right),maxY:(l.height??0)-Number(r.value.bottom)-Number(l.labelsOverflowObject.bottom)})),i=t.computed(()=>{let y=-1/0,C=1/0,x=0;return y=Math.max(y,...e.dataset),C=Math.min(C,...e.dataset),x=Math.max(x,e.dataset.length),e.max!==void 0&&(y=Math.max(y,e.max)),e.min!==void 0&&(C=Math.min(C,e.min)),{maxValue:y,minValue:C,maxAmount:x}}),c=t.computed(()=>({x:o.value.minX,y:o.value.minY,width:Math.max(0,o.value.maxX-o.value.minX),height:Math.max(0,o.value.maxY-o.value.minY),opacity:0})),f=t.computed(()=>{const y=(o.value.maxX-o.value.minX)/(i.value.maxAmount-1);return Array.from({length:i.value.maxAmount},(C,x)=>Math.round(o.value.minX+y*x))}),s=t.ref(null),h=t.ref(null),d=()=>{if(s.value){const y=s.value.getBoundingClientRect();l.width=y.width,l.height=y.height}},u=()=>{if(h.value){const y=s.value.getBoundingClientRect(),C=h.value.$el.getBoundingClientRect();l.labelsOverflowObject={top:Math.max(0,Number(y.top)-Number(C.top)+Number(r.value.top)),right:Math.max(0,Number(C.right)-Number(y.right)+Number(r.value.right)),bottom:Math.max(0,Number(C.bottom)-Number(y.bottom)+Number(r.value.bottom)),left:Math.max(0,Number(r.value.left)-Number(C.left)+Number(y.left))}}else l.labelsOverflowObject={top:0,right:0,bottom:0,left:0}},m=()=>{d(),t.nextTick(u)},N=y=>f.value.reduce((C,x)=>Math.abs(C-y)>Math.abs(x-y)?x:C,1/0),g=y=>{if(s.value){const C=s.value.getBoundingClientRect();l.activeLine=N(y.clientX-C.left)}},L=()=>{l.activeLine=null,l.activeLineParams=null},M=()=>{d()};return t.onMounted(()=>{m(),window.addEventListener("resize",M)}),t.onUnmounted(()=>{window.removeEventListener("resize",M)}),t.watch(()=>l.activeLine,y=>{if(y!==null){const C=f.value.indexOf(y);l.activeLineParams={index:C},n("mouse-move",{...l.activeLineParams,data:e.dataset[C]})}else n("mouse-move",null)}),t.watch(()=>e.labels,()=>{l.labelsOverflowObject={top:0,right:0,bottom:0,left:0},t.nextTick(u)},{deep:!0}),()=>{var y,C,x,T,B,A,ae;return t.createVNode("svg",{class:"x-trend-chart",ref:s,xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%"},[e.grid&&t.createVNode(Oe,{class:"grid",verticalLines:e.grid.verticalLines,verticalLinesNumber:e.grid.verticalLinesNumber||i.value.maxAmount,horizontalLines:e.grid.horizontalLines,horizontalLinesNumber:e.grid.horizontalLinesNumber||(((y=e.labels)==null?void 0:y.yLabels)??0),boundary:o.value},null),e.labels&&t.createVNode(Me,t.mergeProps({ref:h,class:"labels"},e.labels,{boundary:o.value,minValue:i.value.minValue,maxValue:i.value.maxValue}),null),t.createVNode(Ae,{class:"curve",data:e.dataset,boundary:o.value,minValue:i.value.minValue,maxValue:i.value.maxValue,maxAmount:i.value.maxAmount,activeLineParams:l.activeLineParams,theme:a.value},null),e.interactive&&t.createVNode(t.Fragment,null,[t.createVNode("line",{class:"x-trend-chart-active-line",x1:l.activeLine??o.value.minX,x2:l.activeLine??o.value.minX,y1:o.value.minY,y2:o.value.maxY,visibility:l.activeLine?"visible":"hidden",style:{stroke:(x=(C=a.value)==null?void 0:C.axisLine)==null?void 0:x.color,strokeWidth:(B=(T=a.value)==null?void 0:T.axisLine)==null?void 0:B.width,strokeOpacity:(ae=(A=a.value)==null?void 0:A.axisLine)==null?void 0:ae.opacity}},null),t.createVNode("rect",t.mergeProps(c.value,{onMousemove:g,onMouseout:L}),null)])])}}}),Ee=O(w("TrendChart"),Et),$e=Object.freeze(Object.defineProperty({__proto__:null,XButton:F,XDialog:ie,XMessage:xe,XMessageBox:Ve,XNotification:Le,XSpace:ee,XTimeline:Se,XTimelineItem:Te,XTrendChart:Ee},Symbol.toStringTag,{value:"Module"}));function ve(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const Pe=S("dialog"),$t=e=>{const n=document.createElement("div"),l=()=>{t.render(null,n)},a=d=>{if(d==="cancel")return e.beforeOnCancel?e.beforeOnCancel():!0;if(d==="ok")return e.beforeOnOk?e.beforeOnOk():!0},r=(d,u)=>{d==="cancel"&&e.onCancel&&e.onCancel(u),d==="ok"&&e.onOk&&e.onOk(u)},o=d=>{if(t.isVNode(d))return d;if(p(d)){const u=d();return t.isVNode(u)?u:null}return t.createVNode("div",{class:Pe.element("header-title")},[t.createTextVNode(" "),d,t.createTextVNode(" ")])},i=d=>{if(t.isVNode(d))return d;if(p(d)){const u=d();return t.isVNode(u)?u:null}return t.createVNode("div",{class:Pe.element("content")},[t.createTextVNode(" "),e.content,t.createTextVNode(" ")])},c=()=>()=>t.createVNode(t.Fragment,null,[e.title&&o(e.title)]),f=()=>()=>t.createVNode(t.Fragment,null,[e.content&&i(e.content)]),s=()=>{if(t.isVNode(e.footer)||p(e.footer))return e.footer;const d=(e==null?void 0:e.cancelText)||"取消",u=(e==null?void 0:e.okText)||"确认";return m=>t.createVNode(ee,{size:12},{default:()=>{var N,g;return[!e.hideCancel&&t.createVNode(F,{size:"small",onClick:m.cancel,loading:(N=m.loadingObj)==null?void 0:N.cancel},ve(d)?d:{default:()=>[d]}),!e.hideOk&&t.createVNode(F,{type:"primary",size:"small",onClick:m.ok,loading:(g=m.loadingObj)==null?void 0:g.ok},ve(u)?u:{default:()=>[u]})]}})},h=t.createVNode(ke,{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:r,onBeforeCancel:a,"onUpdate:modelValue":()=>{h.component.props.modelValue=!1},onClosed:l,onOpened:()=>{}},{title:c(),default:f(),footer:s()});t.render(h,n)},vt=["success","warning","error","strong","info"],Pt=t.defineComponent({name:w("Message"),components:{CloseCircleFill:q,CheckCircleFill:G,ExclamationCircleFill:K,InfoCircleFill:J,MinusCircleFill:Q},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=S("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]),a=t.ref(!1);let r=null;const o=()=>{r=setTimeout(()=>{a.value=!1},e.duration)};t.onMounted(()=>{a.value=!0,e.duration!==0&&o()}),t.onUnmounted(()=>{clearTimeout(r)});const{zIndex:i}=Z("message",{runOnMounted:!0}),c=t.computed(()=>({top:`${e.offset}px`,zIndex:i.value}));return{cn:n,cls:l,styles:c,visible:a,handleClose:()=>{a.value=!1}}}}),Ft=(e,n)=>{const l=e.__vccOpts||e;for(const[a,r]of n)l[a]=r;return l},zt=["innerHTML"],It={key:1};function jt(e,n,l,a,r,o){const i=t.resolveComponent("CheckCircleFill"),c=t.resolveComponent("ExclamationCircleFill"),f=t.resolveComponent("MinusCircleFill"),s=t.resolveComponent("CloseCircleFill"),h=t.resolveComponent("InfoCircleFill");return t.openBlock(),t.createBlock(t.Transition,{name:"x-message-slide-top",onBeforeLeave:e.onClose,onAfterLeave:n[1]||(n[1]=d=>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(i,{key:0})):e.type==="warning"?(t.openBlock(),t.createBlock(c,{key:1})):e.type==="strong"?(t.openBlock(),t.createBlock(f,{key:2})):e.type==="error"?(t.openBlock(),t.createBlock(s,{key:3})):e.type==="info"?(t.openBlock(),t.createBlock(h,{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,zt)):(t.openBlock(),t.createElementBlock("span",It,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]=(...d)=>e.handleClose&&e.handleClose(...d))},null,2)):t.createCommentVNode("",!0)])],6),[[t.vShow,e.visible]])]),_:3},8,["onBeforeLeave"])}const Xt=Ft(Pt,[["render",jt]]),de=new WeakMap,le=e=>{(typeof e=="string"||t.isVNode(e))&&(e={message:e});const n=ce(e.renderTo||"body"),l=document.createElement("div");de.has(n)||de.set(n,[]);const a=de.get(n);let r=e.offset||20;a.forEach(d=>{var u;r+=((u=d.el)==null?void 0:u.offsetHeight)+20});const o=e.onClose;let i={};i={...e,onClose:()=>{var m;const d=a.findIndex(N=>N===s);if(d<0)return;const u=((m=s.el)==null?void 0:m.offsetHeight)+20;a.slice(d+1).forEach(N=>{var L;const g=(L=N.component)==null?void 0:L.props.offset;N.component.props.offset=g-u}),a.splice(d,1),o&&o(s)},onDestroy:()=>{t.render(null,l)},offset:r};const s=t.createVNode(Xt,i,p(i.message)||t.isVNode(i.message)?{default:p(i.message)?i.message:()=>i.message}:null);return t.render(s,l),n.tagName==="BODY"?s.el.style.position="fixed":(n.style.position="relative",s.el.style.position="absolute"),n.appendChild(l.firstElementChild),a.push(s),{close:()=>{s.component.proxy.handleClose()}}};(()=>{vt.forEach(e=>{le[e]=n=>he(n)?le({type:e,...n}):le({message:n,type:e})})})();const _=new WeakMap,Dt=e=>{const n=ce(e.renderTo||"body"),l=document.createElement("div");_.get(n)||_.set(n,{}),_.get(n)[e.position]||(_.get(n)[e.position]=[]);const a=_.get(n)[e.position];let r=e.offset||20;a.forEach(h=>{var d;r+=((d=h.el)==null?void 0:d.offsetHeight)+20});const o=n.tagName==="BODY";o||(n.style.position="relative",n.style.overflowX="hidden");const i=e.onClose,c=()=>{var u;const h=a.findIndex(m=>m===s);if(h<0)return;const d=((u=s.el)==null?void 0:u.offsetHeight)+20;a.slice(h+1).forEach(m=>{var g;const N=(g=m.component)==null?void 0:g.props.offset;m.component.props.offset=N-d}),a.splice(h,1),i&&i(s)},f=()=>{t.render(null,l)},s=t.createVNode(pe,{message:e.message,title:e.title,type:e.type,offset:r,renderToBody:o,position:e.position,duration:e.duration??3e3,showClose:e.showClose??!0,onClose:c,onDestroy:f},p(e.message)||t.isVNode(e.message)?{default:p(e.message)?e.message:()=>e.message}:null);t.render(s,l),a.push(s),n==null||n.appendChild(l.firstChild)},Ht={install:function(e){Object.keys($e).forEach(n=>{const l=$e[n];l.install&&e.use(l)})}};b.Dialog=$t,b.Message=le,b.MessageBox=te,b.Notification=Dt,b.TrendChartTheme=v,b.XButton=F,b.XDialog=ie,b.XMessage=xe,b.XMessageBox=Ve,b.XNotification=Le,b.XSpace=ee,b.XTimeline=Se,b.XTimelineItem=Te,b.XTrendChart=Ee,b.default=Ht,Object.defineProperties(b,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(w,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(w=typeof globalThis<"u"?globalThis:w||self,n(w.index={},w.Vue))})(this,function(w,n){"use strict";var qn=Object.defineProperty;var Gn=(w,n,I)=>n in w?qn(w,n,{enumerable:!0,configurable:!0,writable:!0,value:I}):w[n]=I;var H=(w,n,I)=>Gn(w,typeof n!="symbol"?n+"":n,I);const I="X",ut="x",Me=e=>e?ut+"-"+e:e||"",x=e=>I+e,L=e=>{const t=Me(e);return{block:t,element:a=>`${t}--${a}`,modifier:a=>`${t}-${a}`,is:a=>`${t}-is-${a}`}},W=Object.prototype.toString;function Y(e){return W.call(e)==="[object Array]"}function Ee(e){return W.call(e)==="[object Object]"}const le=e=>W.call(e)==="[object Promise]",ft=e=>k(e)&&e.constructor.name==="AsyncFunction",ht=e=>le(e)||ft(e);function _e(e){return W.call(e)==="[object String]"}function mt(e){return W.call(e)==="[object Number]"&&e===e}function bt(e){return e===void 0}function k(e){return typeof e=="function"}function ae(){return typeof window<"u"}const O=e=>e,pe=e=>!!(e&&e.shapeFlag&1),Ne=(e,t)=>!!(e&&e.shapeFlag&6),yt=(e,t)=>!!(e&&e.shapeFlag&8),ke=(e,t)=>!!(e&&e.shapeFlag&16),gt=(e,t)=>!!(e&&e.shapeFlag&32),ie=(e,t=!1)=>{var o,l;const r=[];for(const a of e??[])pe(a)||Ne(a)||t&&yt(a,a.children)?r.push(a):ke(a,a.children)?r.push(...ie(a.children,t)):gt(a,a.children)?r.push(...ie((l=(o=a.children).default)==null?void 0:l.call(o),t)):Y(a)&&r.push(...ie(a,t));return r},se=e=>{if(Y(e))for(const t of e){const r=se(t);if(r)return r}else{if(pe(e))return e.el;if(Ne(e)){if(e.el.nodeType===1)return e.el;if(e.component){const t=se(e.component.subTree);if(t)return t}}else if(ke(e,e.children))for(const t of e.children){const r=se(t);if(r)return r}}return null},Ct=e=>{if(ke(e,e.children))return e.children;if(Y(e))return e},ze=(e,t)=>{if(e&&e.length>0)for(let r=0;r<e.length;r++){const o=e[r];if(pe(o)||Ne(o)){const a=k(t)?t(o):t;return e[r]=n.cloneVNode(o,a,!0),!0}const l=Ct(o);if(l&&l.length>0&&ze(l,t))return!0}return!1},M=(e,t)=>Object.assign(t,{install(r){r.component(e)||r.component(e,t)}}),wt={disabled:Boolean,block:Boolean,loading:Boolean,loadingFill:{type:Boolean,default:!1},debounce:{type:Number,default:0},shape:{type:O(String),default:void 0},link:{type:Boolean,default:!1},type:{type:O(String),default:void 0},status:{type:O(String),default:void 0},plain:{type:Boolean,default:!1},size:{type:O(String),default:"medium"},border:{type:Boolean,default:!0}},pt=e=>_e(e)?e.split("-").map(t=>t.charAt(0).toUpperCase()+t.slice(1)).join(""):"",Nt=(e,t="px")=>{if(e===void 0)return"";const r=typeof e=="number"?`${e}`:e;return["px","%","vh","vw","calc"].some(l=>r.includes(l))?r:r+t};function $(e,t){return n.defineComponent({name:Me(`Icon${pt(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(r){const o="x-icon",l=n.computed(()=>{const i={};return r.size&&(i.fontSize=Nt(r.size)),r.rotate&&(i.transform=`rotate(${r.rotate}deg)`),r.color&&(i.color=r.color),i}),a=n.computed(()=>[o,{[`${o}-loading`]:r.spin}]);return()=>n.createVNode("div",{class:a.value,style:l.value},[t])}})}const kt=$("InfoCircleFill",n.h(n.createVNode("svg",{viewBox:"0 0 50 50",class:"x-icon-loading-svg"},[n.createVNode("circle",{cx:"25",cy:"25",r:"20",class:"path",fill:"none",stroke:"currentColor"},null)]))),xt=n.defineComponent({name:"Button",props:wt,emits:["click"],$slots:["prefix","suffix"],setup(e,{slots:t,emit:r}){const o=n.reactive({clicked:!1,isDebounce:!1}),l=L("button"),a=n.computed(()=>[l.block,e.size&&l.modifier(e.size),e.type&&l.modifier(e.type),e.status&&l.modifier(e.status),e.disabled&&l.is("disabled"),e.block&&l.modifier("block"),e.plain&&l.is("plain"),e.shape&&l.modifier(e.shape),e.link&&l.modifier("is-link"),!e.border&&l.modifier("is-hide-border"),s.value&&l.modifier("is-loading")]),i=()=>{e.debounce>0&&!o.isDebounce&&(o.isDebounce=!0,setTimeout(()=>{o.isDebounce=!1},e.debounce))},s=n.computed(()=>e.loading||o.clicked||o.isDebounce),u=n.getCurrentInstance(),c=(d,f)=>{const h=d(f);ht(h)&&(o.clicked=!0,h.finally(()=>{o.clicked=!1}))},m=d=>{var h,g,y,V;if(d.stopPropagation(),(g=(h=d.target).blur)==null||g.call(h),s.value)return;i();const f=(V=(y=u==null?void 0:u.vnode)==null?void 0:y.props)==null?void 0:V.onClick;if(Y(f))f.forEach(B=>c(B,d));else if(k(f)){c(f,d);return}};return()=>{var d;return n.createVNode("button",{class:a.value,type:"button",disabled:e.disabled,onClick:m},[n.createVNode("span",{style:{display:s.value?"flex":"none",marginRight:s.value?"4px":"0px"},class:l.element("loading")},[n.createVNode(kt,null,null)]),t.prefix&&n.createVNode("span",{class:l.element("prefix")},[t.prefix()]),n.createVNode("span",{class:l.element("content")},[(d=t.default)==null?void 0:d.call(t)]),t.suffix&&n.createVNode("span",{class:l.element("suffix")},[t.suffix()])])}}}),A=M(x("Button"),xt),vt=["px","%","vh","vw","calc"],$e=(e,t="px")=>{if(e===void 0)return"";const r=String(e);return vt.some(o=>r.includes(o))?r:r+t},Vt=1e3,Ot=3e3,St=1;class Lt{constructor(){H(this,"popupStack",{popup:new Set,dialog:new Set,message:new Set});H(this,"getNextZIndex",t=>(t==="message"?Array.from(this.popupStack.message).pop()||Ot:Array.from(this.popupStack.popup).pop()||Vt)+St);H(this,"add",t=>{const r=this.getNextZIndex(t);return this.popupStack[t].add(r),t==="dialog"&&this.popupStack.popup.add(r),r});H(this,"delete",(t,r)=>{this.popupStack[r].delete(t),r==="dialog"&&this.popupStack.popup.delete(t)});H(this,"isLastDialog",t=>this.popupStack.dialog.size>1?t===Array.from(this.popupStack.dialog).pop():!0)}}const xe=new Lt;function q(e,{visible:t,runOnMounted:r}={}){const o=n.ref(0),l=()=>{o.value=xe.add(e)},a=()=>{xe.delete(o.value,e)},i=()=>e==="dialog"?xe.isLastDialog(o.value):!1;return n.watch(()=>t==null?void 0:t.value,s=>{s?l():a()},{immediate:!0}),r&&(n.onMounted(l),n.onBeforeUnmount(a)),{zIndex:n.readonly(o),open:l,close:a,isLastDialog:i}}const Ae=e=>e.replace(/^./,t=>t.toLowerCase()).replace(/-(\w)/g,(t,r)=>(r==null?void 0:r.toUpperCase())??""),Pe=()=>{},Tt=(e,t)=>{if(ae)return(t??document).querySelector(e)??void 0},Bt=e=>{if(e.tagName==="BODY")return window.innerWidth-(document.documentElement.offsetWidth||document.body.offsetWidth);const{borderLeftWidth:t,borderRightWidth:r}=window.getComputedStyle(e),o=Number(t.replace("px",""))+Number(r.replace("px",""));return e.offsetWidth-(e.clientWidth+o)},Mt=e=>e.tagName==="BODY"?document.documentElement.scrollHeight>window.innerHeight:e.scrollHeight>e.offsetHeight,Et=(e,t)=>{var o;if(!ae||!e)return"";let r=Ae(t);r==="float"&&(r="cssFloat");try{const l=e.style[r];if(l)return l;const a=(o=document.defaultView)==null?void 0:o.getComputedStyle(e,"");return a?a[r]:""}catch{return e.style[r]}},P=(e,t,r)=>{if(!(!e||!t))if(Ee(t))Object.entries(t).forEach(([o,l])=>P(e,o,l));else{const o=Ae(t);e.style[o]=r}},G=(e,t)=>{if(_e(e)){const r=e[0]==="#"?`[id='${e.slice(1)}']`:e;return Tt(r,t)}return e},Fe=ae?(e,t,r,o=!1)=>{e.addEventListener(t,r,o)}:Pe,Ie=ae?(e,t,r,o=!1)=>{e.removeEventListener(t,r,o)}:Pe,_t=(e,t)=>{let r=!1;const o={overflow:"",width:""},l=s=>s.tagName==="BODY",a=()=>{if(e.value){const s=e.value;if(!r&&s.style.overflow!=="hidden"){const u=Bt(s);if(u>0||Mt(s)){o.overflow=s.style.overflow,o.width=s.style.width;let c=0;l(s)&&(c=s.getBoundingClientRect().left||0),P(s,{width:`calc(100% - ${Math.ceil(u-c)}px)`,overflow:"hidden"}),r=!0}}}},i=()=>{if(e.value&&r){const s=e.value;P(s,{overflow:o.overflow,width:o.width}),r=!1}};return n.watch(()=>t==null?void 0:t.value,s=>{e.value&&!l(e.value)&&(s&&P(s,{position:"absolute"}),Et(e.value,"position")==="static"&&P(e.value,{position:"relative"}))}),{setOverflowHidden:a,resetOverflow:i}},zt={ESC:"Escape"},$t={renderTo:{type:O([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}},At=["width","minWidth","height","minHeight"],je=n.defineComponent({name:x("Dialog"),inheritAttrs:!1,props:$t,emits:["closed","close","open","opened","update:modelValue"],setup(e,{emit:t,slots:r}){const o=L("dialog"),l=o.block,a=L("message-box");a.block;const i=n.computed(()=>[l,e.messageBox&&"is-message-box",e.popupClass&&e.popupClass]),s=n.computed(()=>G(e.renderTo)),u=n.ref(),c=n.computed(()=>e.disabled||!s.value),m=n.computed(()=>({zIndex:y.value})),d=n.computed(()=>{const p={};return e.fullscreen||(!e.center&&e.top&&(p.top=$e(e.top)),At.forEach(_=>{e[_]&&(p[_]=$e(e[_]))})),p}),f=n.ref(!1),h=n.computed(()=>e.modelValue),g=n.computed(()=>h.value||f.value),{zIndex:y,isLastDialog:V}=q("dialog",{visible:h}),{setOverflowHidden:B,resetOverflow:b}=_t(s,u),C=(p,_)=>{t("update:modelValue",!1),t("close",e.messageBox?p:void 0,e.messageBox?_:void 0)},N=()=>{f.value=!1,b(),t("closed")},T=()=>{t("opened")},S=n.reactive({ok:!1,cancel:!1}),E=(p,_)=>{let X=!0;if(S[p]=!0,k(e.onBeforeCancel)&&(X=e.onBeforeCancel(p)??!1),le(X)){X.then(Be=>{S[p]=!1,Be&&C(p,_)});return}S[p]=!1,X&&C(p,_)},D=()=>{e.maskToClose&&e.mask&&E("cancel")},Le=p=>{E("cancel",p)},Te=p=>{E("ok",p)};let re=!1;const v=p=>{e.escToClose&&p.key===zt.ESC&&V()&&E("cancel")},z=()=>{e.escToClose&&!re&&(re=!0,Fe(document.documentElement,"keydown",v))},oe=()=>{re=!1,Ie(document.documentElement,"keydown",v)};return n.onBeforeUnmount(()=>{b(),oe()}),n.watch(()=>h.value,p=>{p?(t("open"),B(),f.value=!0,z()):oe()},{immediate:!0}),()=>n.createVNode(n.Teleport,{to:s.value,disabled:c.value},{default:()=>[g.value&&n.createVNode("div",{ref:u,class:i.value,style:m.value},[n.createVNode(n.Transition,{name:"x-fade-in-standard",appear:!0},{default:()=>[e.mask&&h.value&&n.createVNode("div",{class:o.element("mask")},null)]}),n.createVNode("div",{class:[o.element("wrapper"),{"is-center":e.center}],onClick:p=>p.target===p.currentTarget&&D()},[n.createVNode(n.Transition,{name:"x-zoom-in",appear:!0,onAfterEnter:T,onAfterLeave:N},{default:()=>[h.value&&n.createVNode("div",{class:[o.element("container"),{"is-fullscreen":e.fullscreen}],style:d.value},[n.createVNode("div",{class:[e.messageBox?a.element("header"):o.element("header"),e.showHeaderBottomLine&&"is-bottom-line"]},[r.title?r.title():n.createVNode("div",{class:[o.element("header-title")]},[e.title])]),n.createVNode("div",{class:[e.messageBox?a.element("body"):o.element("body")]},[r.default&&r.default()]),n.createVNode("div",{class:[e.messageBox?a.element("footer"):o.element("footer")]},[r.footer&&r.footer({cancel:Le,ok:Te,"loading-obj":S})]),e.showClose&&n.createVNode("span",{class:[o.element("close-icon"),e.messageBox&&a.element("close-icon")],onClick:()=>E("cancel")},null)])]})])])]})}}),ve=M(x("Dialog"),je),ce=$("CloseCircleFill",n.h(n.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:""},[n.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)]))),de=$("CheckCircleFill",n.h(n.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:""},[n.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)]))),ue=$("ExclamationCircleFill",n.h(n.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:""},[n.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)]))),U=$("InfoCircleFill",n.h(n.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:""},[n.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)]))),fe=$("MinusCircleFill",n.h(n.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:""},[n.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)])));$("LogoSimple",n.h(n.createVNode("svg",{width:"61.000000",height:"41.000000",viewBox:"0 0 61 41",fill:"none",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink"},[n.createVNode("desc",null,[n.createTextVNode("Created with Pixso.")]),n.createVNode("defs",null,null),n.createVNode("path",{id:"path",d:"M32 29.5L32 41L49.4 41C55.8 41 61 35.85 61 29.5C61 23.14 55.8 18 49.4 18C42.99 18 37.79 23.14 37.79 29.5L32 29.5Z",fill:"#00C1FF","fill-opacity":"1.000000","fill-rule":"nonzero"},null),n.createVNode("path",{id:"path",d:"M10 20.5C10 27.14 13.15 33.04 18.05 36.79L18.05 41L30.5 41C41.82 41 51 31.82 51 20.5C51 9.17 41.82 0 30.5 0C19.17 0 10 9.17 10 20.5Z",fill:"#1C99FF","fill-opacity":"1.000000","fill-rule":"nonzero"},null),n.createVNode("path",{id:"path",d:"M32 25C32 25.52 31.97 26.04 31.92 26.56C31.87 27.08 31.79 27.6 31.69 28.12C31.59 28.63 31.46 29.14 31.31 29.64C31.15 30.14 30.98 30.63 30.78 31.12C30.58 31.6 30.35 32.08 30.11 32.54C29.86 33 29.59 33.45 29.3 33.88C29.01 34.32 28.7 34.74 28.36 35.15C28.03 35.55 27.68 35.94 27.31 36.31C26.94 36.68 26.55 37.03 26.15 37.36C25.74 37.7 25.32 38.01 24.88 38.3C24.45 38.59 24 38.86 23.54 39.11C23.08 39.35 22.6 39.58 22.12 39.78C21.63 39.98 21.14 40.15 20.64 40.31C20.14 40.46 19.63 40.59 19.12 40.69C18.6 40.79 18.08 40.87 17.56 40.92C17.04 40.97 16.52 41 16 41C15.47 41 14.95 40.97 14.43 40.92C13.91 40.87 13.39 40.79 12.87 40.69C12.36 40.59 11.85 40.46 11.35 40.31C10.85 40.15 10.36 39.98 9.87 39.78C9.39 39.58 8.91 39.35 8.45 39.11C7.99 38.86 7.54 38.59 7.11 38.3C6.67 38.01 6.25 37.7 5.84 37.36C5.44 37.03 5.05 36.68 4.68 36.31C4.31 35.94 3.96 35.55 3.63 35.15C3.29 34.74 2.98 34.32 2.69 33.88C2.4 33.45 2.13 33 1.88 32.54C1.64 32.08 1.41 31.6 1.21 31.12C1.01 30.63 0.84 30.14 0.68 29.64C0.53 29.14 0.4 28.63 0.3 28.12C0.2 27.6 0.12 27.08 0.07 26.56C0.02 26.04 0 25.52 0 25C0 24.47 0.02 23.95 0.07 23.43C0.12 22.91 0.2 22.39 0.3 21.87C0.4 21.36 0.53 20.85 0.68 20.35C0.84 19.85 1.01 19.36 1.21 18.87C1.41 18.39 1.64 17.91 1.88 17.45C2.13 16.99 2.4 16.54 2.69 16.11C2.98 15.67 3.29 15.25 3.63 14.84C3.96 14.44 4.31 14.05 4.68 13.68C5.05 13.31 5.44 12.96 5.84 12.63C6.25 12.29 6.67 11.98 7.11 11.69C7.54 11.4 7.99 11.13 8.45 10.88C8.91 10.64 9.39 10.41 9.87 10.21C10.36 10.01 10.85 9.84 11.35 9.68C11.85 9.53 12.36 9.4 12.87 9.3C13.39 9.2 13.91 9.12 14.43 9.07C14.95 9.02 15.47 9 16 9C16.52 9 17.04 9.02 17.56 9.07C18.08 9.12 18.6 9.2 19.12 9.3C19.63 9.4 20.14 9.53 20.64 9.68C21.14 9.84 21.63 10.01 22.12 10.21C22.6 10.41 23.08 10.64 23.54 10.88C24 11.13 24.45 11.4 24.88 11.69C25.32 11.98 25.74 12.29 26.15 12.63C26.55 12.96 26.94 13.31 27.31 13.68C27.68 14.05 28.03 14.44 28.36 14.84C28.7 15.25 29.01 15.67 29.3 16.11C29.59 16.54 29.86 16.99 30.11 17.45C30.35 17.91 30.58 18.39 30.78 18.87C30.98 19.36 31.15 19.85 31.31 20.35C31.46 20.85 31.59 21.36 31.69 21.87C31.79 22.39 31.87 22.91 31.92 23.43C31.97 23.95 32 24.47 32 25Z",fill:"#1666FF","fill-opacity":"1.000000","fill-rule":"nonzero"},null)])));const Pt=n.defineComponent({name:x("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:{type:Boolean,default:!1},popupClass:{type:String,default:void 0}},emits:["destroy"],setup(e,{emit:t,slots:r}){const o=L("message"),l=n.ref(!1),a=n.ref(null),i=n.computed(()=>[o.block,o.modifier(e.type),e.center&&o.modifier("center"),e.showClose&&!e.center&&o.element("show-close"),e.popupClass]),{zIndex:s}=q("message",{runOnMounted:!0}),u=n.computed(()=>({top:`${e.offset}px`,zIndex:s.value})),c=()=>{if(r.icon)return r.icon();switch(e.type){case"success":return n.createVNode(de,null,null);case"warning":return n.createVNode(ue,null,null);case"strong":return n.createVNode(fe,null,null);case"error":return n.createVNode(ce,null,null);case"info":return n.createVNode(U,null,null);default:return null}},m=()=>{e.duration>0&&(a.value=setTimeout(()=>{l.value=!1},e.duration))},d=()=>{a.value&&(clearTimeout(a.value),a.value=null)};n.onMounted(()=>{l.value=!0,m()}),n.onUnmounted(()=>{d()});const f=()=>{var h;l.value=!1,d(),(h=e.onClose)==null||h.call(e)};return()=>n.createVNode(n.Transition,{name:"x-message-slide-top",onBeforeLeave:e.onClose,onAfterLeave:()=>t("destroy")},{default:()=>[l.value&&n.createVNode("div",{class:i.value,style:u.value},[n.createVNode("span",{class:[o.element("icon"),o.modifier(`icon-${e.type}`)]},[c()]),n.createVNode("div",null,[r.default?r.default():e.useHTML?n.createVNode("span",{innerHTML:e.message},null):n.createVNode("span",null,[e.message]),e.showClose&&n.createVNode("span",{class:o.element("close-icon"),onClick:f},null)])])]})}}),De=M(x("Message"),Pt),Ft=n.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:t}){const r=L("space"),o=n.computed(()=>[r.block,r.element(e.direction),e.fill&&"is-fill",r.element(`${e.direction}-${e.align}`)]);function l(i){if(mt(i))return i;switch(i){case"mini":return 4;case"small":return 8;case"medium":return 16;case"large":return 24;default:return 8}}const a=i=>{const s={};if(i)return s;const u=`${l(e.size)}px`,c=`${l(e.size)}px`;return e.direction==="horizontal"&&(s.marginRight=u),e.direction==="vertical"&&(s.marginBottom=c),s};return()=>{var s;const i=ie((s=t.default)==null?void 0:s.call(t),!0).filter(u=>u.type!==n.Comment);return n.createVNode("div",{class:[o.value]},[i.map((u,c)=>{var d;const m=t.split&&c>0;return n.createVNode(n.Fragment,{key:`space-item-${c}`},[m&&n.createVNode("div",{className:r.element("split"),style:a(!1)},[(d=t.split)==null?void 0:d.call(t)]),n.createVNode("div",{className:r.element("item"),style:a(c===i.length-1)},[u])])})])}}}),Z=M(x("Space"),Ft),It=["info","success","warning","strong","error"];function Xe(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const Ve=L("message-box"),he=e=>{const t=document.createElement("div"),r=()=>{n.render(null,t)},o=f=>{if(f==="cancel")return e.beforeOnCancel?e.beforeOnCancel():!0;if(f==="ok")return e.beforeOnOk?e.beforeOnOk():!0},l=(f,h)=>{f==="cancel"&&e.onCancel&&e.onCancel(h),f==="ok"&&e.onOk&&e.onOk(h)},a=f=>{let h;switch(f){case"warning":h=n.createVNode(ue,{size:"22px",color:"#f6c64b"},null);break;case"strong":h=n.createVNode(fe,{size:"22px",color:"#ff7125"},null);break;case"error":h=n.createVNode(ce,{size:"22px",color:"#e24f48"},null);break;case"success":h=n.createVNode(de,{size:"22px",color:"#68d1ab"},null);break;case"info":h=n.createVNode(U,{size:"22px",color:"#2355f5"},null);break}return n.createVNode("div",{class:Ve.element("icon")},[h])},i=f=>{if(n.isVNode(f))return f;if(k(f)){const h=f();return n.isVNode(h)?h:null}return n.createVNode("div",{class:Ve.element("title")},[n.createTextVNode(" "),f,n.createTextVNode(" ")])},s=f=>{if(n.isVNode(f))return f;if(k(f)){const h=f();return n.isVNode(h)?h:null}return n.createVNode("div",{class:Ve.element("content")},[n.createTextVNode(" "),e.content,n.createTextVNode(" ")])},u=()=>()=>n.createVNode(n.Fragment,null,[a(e.type||"success"),e.title&&i(e.title)]),c=()=>()=>n.createVNode(n.Fragment,null,[e.content&&s(e.content)]),m=()=>{if(n.isVNode(e.footer)||k(e.footer))return e.footer;const f=(e==null?void 0:e.cancelText)||"取消",h=(e==null?void 0:e.okText)||"确认";return g=>n.createVNode(Z,{size:12},{default:()=>{var y,V;return[!e.hideCancel&&n.createVNode(A,{size:"small",onClick:g.cancel,loading:(y=g.loadingObj)==null?void 0:y.cancel},Xe(f)?f:{default:()=>[f]}),!e.hideOk&&n.createVNode(A,{type:"primary",size:"small",onClick:g.ok,loading:(V=g.loadingObj)==null?void 0:V.ok},Xe(h)?h:{default:()=>[h]})]}})},d=n.createVNode(ve,{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:l,onBeforeCancel:o,"onUpdate:modelValue":()=>{d.component.props.modelValue=!1},onClosed:r,onOpened:()=>{}},{title:u(),default:c(),footer:m()});n.render(d,t)};(()=>{It.forEach(e=>{he[e]=(t,r)=>{const o=[],l=[];let a=()=>!0,i=()=>!0;return setTimeout(()=>{he({title:t,content:r,type:e,beforeOnCancel:i,beforeOnOk:a,onOk:()=>{o.forEach(s=>k(s)&&s())},onCancel:()=>{l.forEach(s=>k(s)&&s())}})},0),{ok(...s){return s.length===1&&o.push(s[0]),s.length===2&&(a=s[0],o.push(s[1])),this},cancel(...s){return s.length===1&&l.push(s[0]),s.length===2&&(i=s[0],l.push(s[1])),this}}}})})();const He=M(x("MessageBox"),he),jt={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}},We=n.defineComponent({name:x("Notification"),props:jt,emits:["close","destroy"],setup(e,{emit:t,slots:r}){const o=L("notification"),l=o.block,a=n.computed(()=>[l,o.modifier(s.value.ver)]),{zIndex:i}=q("message",{runOnMounted:!0}),s=n.computed(()=>{const y=e.position.split("-");return{hor:y[1],ver:y[0]}}),u=n.computed(()=>`x-notification-slide-${s.value.hor}`),c=n.computed(()=>{const y={};return y.position=e.renderToBody?"fixed":"absolute",y.zIndex=i.value,y[s.value.hor]="20px",y[s.value.ver]=`${e.offset}px`,y}),m=n.ref(!1);let d=0;const f=()=>{d=setTimeout(()=>{m.value=!1},e.duration)},h=n.computed(()=>e.type==="info"?U:e.type==="warning"?ue:e.type==="strong"?fe:e.type==="success"?de:e.type==="error"?ce:""),g=()=>{m.value=!1};return n.onMounted(()=>{e.duration!==0&&f(),m.value=!0}),n.onUnmounted(()=>{clearTimeout(d)}),()=>n.createVNode(n.Transition,{name:u.value,onBeforeLeave:()=>t("close"),onAfterLeave:()=>t("destroy")},{default:()=>{var y;return[m.value&&n.createVNode("div",{class:a.value,style:c.value},[n.createVNode("div",{class:[o.element("header")]},[n.createVNode("div",{class:[o.element("icon"),o.modifier(`icon-${e.type}`)]},[h.value&&n.createVNode(h.value,null,null)]),n.createVNode("div",null,[n.createVNode("div",{class:[o.element("title")]},[e.title]),n.createVNode("div",{class:[o.element("message")]},[((y=r.default)==null?void 0:y.call(r))||e.message])])]),e.showClose&&n.createVNode("span",{class:[o.element("close-icon")],onClick:g},null)])]}})}}),Ye=M(x("Notification"),We),Dt=()=>{const{body:e}=document,t=document.documentElement;let r;try{r=(window.top||window.self||window).document.body}catch{}return{height:Math.max(e.scrollHeight,e.offsetHeight,t.clientHeight,t.scrollHeight,t.offsetHeight,(r==null?void 0:r.scrollHeight)||0,(r==null?void 0:r.clientHeight)||0),width:Math.max(e.scrollWidth,e.offsetWidth,t.clientWidth,t.scrollWidth,t.offsetWidth,(r==null?void 0:r.scrollWidth)||0,(r==null?void 0:r.clientWidth)||0)}},Xt=()=>{const{height:e,width:t}=Dt();return{width:Math.min(t,window.innerWidth),height:Math.min(e,window.innerHeight)}},qe=(e,t)=>{const r=e.getBoundingClientRect();return{top:r.top,bottom:r.bottom,left:r.left,right:r.right,scrollTop:r.top-t.top,scrollBottom:r.bottom-t.top,scrollLeft:r.left-t.left,scrollRight:r.right-t.left,width:e.offsetWidth??e.clientWidth,height:e.offsetHeight??e.clientHeight}},Ht=e=>{switch(e){case"top":case"tl":case"tr":return"top";case"bottom":case"bl":case"br":return"bottom";case"left":case"lt":case"lb":return"left";case"right":case"rt":case"rb":return"right";default:return"top"}},me=(e,t)=>{switch(t){case"top":switch(e){case"bottom":return"top";case"bl":return"tl";case"br":return"tr";default:return e}case"bottom":switch(e){case"top":return"bottom";case"tl":return"bl";case"tr":return"br";default:return e}case"left":switch(e){case"right":return"left";case"rt":return"lt";case"rb":return"lb";default:return e}case"right":switch(e){case"left":return"right";case"lt":return"rt";case"lb":return"rb";default:return e}default:return e}},Wt=(e,t,{containerRect:r,triggerRect:o,popupRect:l,offset:a,translate:i})=>{const s=Ht(e),u=Xt(),c={top:r.top+t.top,bottom:u.height-(r.top+t.top+l.height),left:r.left+t.left,right:u.width-(r.left+t.left+l.width)};let m=e;if(s==="top"&&c.top<0)if(o.top>l.height)t.top=-r.top;else{const d=K("bottom",o,l,{offset:a,translate:i});u.height-(r.top+d.top+l.height)>0&&(m=me(e,"bottom"),t.top=d.top)}if(s==="bottom"&&c.bottom<0)if(u.height-o.bottom>l.height)t.top=-r.top+(u.height-l.height);else{const d=K("top",o,l,{offset:a,translate:i});r.top+d.top>0&&(m=me(e,"top"),t.top=d.top)}if(s==="left"&&c.left<0)if(o.left>l.width)t.left=-r.left;else{const d=K("right",o,l,{offset:a,translate:i});u.width-(r.left+d.left+l.width)>0&&(m=me(e,"right"),t.left=d.left)}if(s==="right"&&c.right<0)if(u.width-o.right>l.width)t.left=-r.left+(u.width-l.width);else{const d=K("left",o,l,{offset:a,translate:i});r.left+d.left>0&&(m=me(e,"left"),t.left=d.left)}return(s==="top"||s==="bottom")&&(c.left<0?t.left=-r.left:c.right<0&&(t.left=-r.left+(u.width-l.width))),(s==="left"||s==="right")&&(c.top<0?t.top=-r.top:c.bottom<0&&(t.top=-r.top+(u.height-l.height))),{popupPosition:t,position:m}},K=(e,t,r,{offset:o=0,translate:l=[0,0]}={})=>{const a=(Y(l)?l:l[e])??[0,0];switch(e){case"top":return{left:t.scrollLeft+Math.round(t.width/2)-Math.round(r.width/2)+a[0],top:t.scrollTop-r.height-o+a[1]};case"tl":return{left:t.scrollLeft+a[0],top:t.scrollTop-r.height-o+a[1]};case"tr":return{left:t.scrollRight-r.width+a[0],top:t.scrollTop-r.height-o+a[1]};case"bottom":return{left:t.scrollLeft+Math.round(t.width/2)-Math.round(r.width/2)+a[0],top:t.scrollBottom+o+a[1]};case"bl":return{left:t.scrollLeft+a[0],top:t.scrollBottom+o+a[1]};case"br":return{left:t.scrollRight-r.width+a[0],top:t.scrollBottom+o+a[1]};case"left":return{left:t.scrollLeft-r.width-o+a[0],top:t.scrollTop+Math.round(t.height/2)-Math.round(r.height/2)+a[1]};case"lt":return{left:t.scrollLeft-r.width-o+a[0],top:t.scrollTop+a[1]};case"lb":return{left:t.scrollLeft-r.width-o+a[0],top:t.scrollBottom-r.height+a[1]};case"right":return{left:t.scrollRight+o+a[0],top:t.scrollTop+Math.round(t.height/2)-Math.round(r.height/2)+a[1]};case"rt":return{left:t.scrollRight+o+a[0],top:t.scrollTop+a[1]};case"rb":return{left:t.scrollRight+o+a[0],top:t.scrollBottom-r.height+a[1]};default:return{left:0,top:0}}},Yt=(e,t,r,o,{offset:l=0,translate:a=[0,0],customStyle:i={},autoFitPosition:s=!1}={})=>{let u=e,c=K(e,r,o,{offset:l,translate:a});if(s){const d=Wt(e,c,{containerRect:t,popupRect:o,triggerRect:r,offset:l,translate:a});c=d.popupPosition,u=d.position}return{style:{left:`${c.left}px`,top:`${c.top}px`,...i},position:u}},qt=(e,t,r,{customStyle:o={}})=>{if(["top","tl","tr","bottom","bl","br"].includes(e)){let a=Math.abs(t.scrollLeft+t.width/2-r.scrollLeft);return a>r.width-8&&(t.width>r.width?a=r.width/2:a=r.width-8),["top","tl","tr"].includes(e)?{left:`${a}px`,bottom:"0",transform:"translate(-50%,100%)","border-color":"var(--bn-trigger-arrow-background-color) transparent transparent transparent",...o}:{left:`${a}px`,top:"0",transform:"translate(-50%,-100%)","border-color":"transparent transparent var(--bn-trigger-arrow-background-color) transparent",...o}}let l=Math.abs(t.scrollTop+t.height/2-r.scrollTop);return l>r.height-8&&(t.height>r.height?l=r.height/2:l=r.height-8),["left","lt","lb"].includes(e)?{top:`${l}px`,right:"0",transform:"translate(100%,-50%)","border-color":"transparent transparent transparent var(--bn-trigger-arrow-background-color)",...o}:{top:`${l}px`,left:"0",transform:"translate(-100%,-50%)","border-color":"transparent var(--bn-trigger-arrow-background-color) transparent transparent",...o}};var Ge=function(){if(typeof Map<"u")return Map;function e(t,r){var o=-1;return t.some(function(l,a){return l[0]===r?(o=a,!0):!1}),o}return function(){function t(){this.__entries__=[]}return Object.defineProperty(t.prototype,"size",{get:function(){return this.__entries__.length},enumerable:!0,configurable:!0}),t.prototype.get=function(r){var o=e(this.__entries__,r),l=this.__entries__[o];return l&&l[1]},t.prototype.set=function(r,o){var l=e(this.__entries__,r);~l?this.__entries__[l][1]=o:this.__entries__.push([r,o])},t.prototype.delete=function(r){var o=this.__entries__,l=e(o,r);~l&&o.splice(l,1)},t.prototype.has=function(r){return!!~e(this.__entries__,r)},t.prototype.clear=function(){this.__entries__.splice(0)},t.prototype.forEach=function(r,o){o===void 0&&(o=null);for(var l=0,a=this.__entries__;l<a.length;l++){var i=a[l];r.call(o,i[1],i[0])}},t}()}(),Oe=typeof window<"u"&&typeof document<"u"&&window.document===document,be=function(){return typeof global<"u"&&global.Math===Math?global:typeof self<"u"&&self.Math===Math?self:typeof window<"u"&&window.Math===Math?window:Function("return this")()}(),Gt=function(){return typeof requestAnimationFrame=="function"?requestAnimationFrame.bind(be):function(e){return setTimeout(function(){return e(Date.now())},1e3/60)}}(),Ut=2;function Zt(e,t){var r=!1,o=!1,l=0;function a(){r&&(r=!1,e()),o&&s()}function i(){Gt(a)}function s(){var u=Date.now();if(r){if(u-l<Ut)return;o=!0}else r=!0,o=!1,setTimeout(i,t);l=u}return s}var Kt=20,Jt=["top","right","bottom","left","width","height","size","weight"],Qt=typeof MutationObserver<"u",Rt=function(){function e(){this.connected_=!1,this.mutationEventsAdded_=!1,this.mutationsObserver_=null,this.observers_=[],this.onTransitionEnd_=this.onTransitionEnd_.bind(this),this.refresh=Zt(this.refresh.bind(this),Kt)}return e.prototype.addObserver=function(t){~this.observers_.indexOf(t)||this.observers_.push(t),this.connected_||this.connect_()},e.prototype.removeObserver=function(t){var r=this.observers_,o=r.indexOf(t);~o&&r.splice(o,1),!r.length&&this.connected_&&this.disconnect_()},e.prototype.refresh=function(){var t=this.updateObservers_();t&&this.refresh()},e.prototype.updateObservers_=function(){var t=this.observers_.filter(function(r){return r.gatherActive(),r.hasActive()});return t.forEach(function(r){return r.broadcastActive()}),t.length>0},e.prototype.connect_=function(){!Oe||this.connected_||(document.addEventListener("transitionend",this.onTransitionEnd_),window.addEventListener("resize",this.refresh),Qt?(this.mutationsObserver_=new MutationObserver(this.refresh),this.mutationsObserver_.observe(document,{attributes:!0,childList:!0,characterData:!0,subtree:!0})):(document.addEventListener("DOMSubtreeModified",this.refresh),this.mutationEventsAdded_=!0),this.connected_=!0)},e.prototype.disconnect_=function(){!Oe||!this.connected_||(document.removeEventListener("transitionend",this.onTransitionEnd_),window.removeEventListener("resize",this.refresh),this.mutationsObserver_&&this.mutationsObserver_.disconnect(),this.mutationEventsAdded_&&document.removeEventListener("DOMSubtreeModified",this.refresh),this.mutationsObserver_=null,this.mutationEventsAdded_=!1,this.connected_=!1)},e.prototype.onTransitionEnd_=function(t){var r=t.propertyName,o=r===void 0?"":r,l=Jt.some(function(a){return!!~o.indexOf(a)});l&&this.refresh()},e.getInstance=function(){return this.instance_||(this.instance_=new e),this.instance_},e.instance_=null,e}(),Ue=function(e,t){for(var r=0,o=Object.keys(t);r<o.length;r++){var l=o[r];Object.defineProperty(e,l,{value:t[l],enumerable:!1,writable:!1,configurable:!0})}return e},j=function(e){var t=e&&e.ownerDocument&&e.ownerDocument.defaultView;return t||be},Ze=ge(0,0,0,0);function ye(e){return parseFloat(e)||0}function Ke(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return t.reduce(function(o,l){var a=e["border-"+l+"-width"];return o+ye(a)},0)}function en(e){for(var t=["top","right","bottom","left"],r={},o=0,l=t;o<l.length;o++){var a=l[o],i=e["padding-"+a];r[a]=ye(i)}return r}function tn(e){var t=e.getBBox();return ge(0,0,t.width,t.height)}function nn(e){var t=e.clientWidth,r=e.clientHeight;if(!t&&!r)return Ze;var o=j(e).getComputedStyle(e),l=en(o),a=l.left+l.right,i=l.top+l.bottom,s=ye(o.width),u=ye(o.height);if(o.boxSizing==="border-box"&&(Math.round(s+a)!==t&&(s-=Ke(o,"left","right")+a),Math.round(u+i)!==r&&(u-=Ke(o,"top","bottom")+i)),!on(e)){var c=Math.round(s+a)-t,m=Math.round(u+i)-r;Math.abs(c)!==1&&(s-=c),Math.abs(m)!==1&&(u-=m)}return ge(l.left,l.top,s,u)}var rn=function(){return typeof SVGGraphicsElement<"u"?function(e){return e instanceof j(e).SVGGraphicsElement}:function(e){return e instanceof j(e).SVGElement&&typeof e.getBBox=="function"}}();function on(e){return e===j(e).document.documentElement}function ln(e){return Oe?rn(e)?tn(e):nn(e):Ze}function an(e){var t=e.x,r=e.y,o=e.width,l=e.height,a=typeof DOMRectReadOnly<"u"?DOMRectReadOnly:Object,i=Object.create(a.prototype);return Ue(i,{x:t,y:r,width:o,height:l,top:r,right:t+o,bottom:l+r,left:t}),i}function ge(e,t,r,o){return{x:e,y:t,width:r,height:o}}var sn=function(){function e(t){this.broadcastWidth=0,this.broadcastHeight=0,this.contentRect_=ge(0,0,0,0),this.target=t}return e.prototype.isActive=function(){var t=ln(this.target);return this.contentRect_=t,t.width!==this.broadcastWidth||t.height!==this.broadcastHeight},e.prototype.broadcastRect=function(){var t=this.contentRect_;return this.broadcastWidth=t.width,this.broadcastHeight=t.height,t},e}(),cn=function(){function e(t,r){var o=an(r);Ue(this,{target:t,contentRect:o})}return e}(),dn=function(){function e(t,r,o){if(this.activeObservations_=[],this.observations_=new Ge,typeof t!="function")throw new TypeError("The callback provided as parameter 1 is not a function.");this.callback_=t,this.controller_=r,this.callbackCtx_=o}return e.prototype.observe=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(t instanceof j(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var r=this.observations_;r.has(t)||(r.set(t,new sn(t)),this.controller_.addObserver(this),this.controller_.refresh())}},e.prototype.unobserve=function(t){if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");if(!(typeof Element>"u"||!(Element instanceof Object))){if(!(t instanceof j(t).Element))throw new TypeError('parameter 1 is not of type "Element".');var r=this.observations_;r.has(t)&&(r.delete(t),r.size||this.controller_.removeObserver(this))}},e.prototype.disconnect=function(){this.clearActive(),this.observations_.clear(),this.controller_.removeObserver(this)},e.prototype.gatherActive=function(){var t=this;this.clearActive(),this.observations_.forEach(function(r){r.isActive()&&t.activeObservations_.push(r)})},e.prototype.broadcastActive=function(){if(this.hasActive()){var t=this.callbackCtx_,r=this.activeObservations_.map(function(o){return new cn(o.target,o.broadcastRect())});this.callback_.call(t,r,t),this.clearActive()}},e.prototype.clearActive=function(){this.activeObservations_.splice(0)},e.prototype.hasActive=function(){return this.activeObservations_.length>0},e}(),Je=typeof WeakMap<"u"?new WeakMap:new Ge,Qe=function(){function e(t){if(!(this instanceof e))throw new TypeError("Cannot call a class as a function.");if(!arguments.length)throw new TypeError("1 argument required, but only 0 present.");var r=Rt.getInstance(),o=new dn(t,r,this);Je.set(this,o)}return e}();["observe","unobserve","disconnect"].forEach(function(e){Qe.prototype[e]=function(){var t;return(t=Je.get(this))[e].apply(t,arguments)}});var un=function(){return typeof be.ResizeObserver<"u"?be.ResizeObserver:Qe}();const fn=({elementRef:e,onResize:t})=>{let r;return{createResizeObserver:()=>{e.value&&(r=new un(a=>{const i=a[0];k(t)&&t(i)}),r.observe(e.value))},destroyResizeObserver:()=>{r&&(r.disconnect(),r=null)}}},hn=["px","%","vh","vw","calc"],mn=(e,t="px")=>{if(e===void 0)return"";const r=String(e);return hn.some(o=>r.includes(o))?r:r+t},bn=n.defineComponent({name:"PopconfirmPopup",components:{Space:Z,Button:A,InfoCircleFill:U},props:{width:{type:[String,Number],default:""},content:{type:Object,default:()=>({})},okText:{type:String,default:"String"},cancelText:{type:String,default:""},popupClass:{type:String,default:void 0},onBeforeCancel:{type:Function,default:void 0},onBeforeOk:{type:Function,default:void 0},type:{type:String,default:void 0}},emits:["ok","cancel","close","destroy"],setup(e,{emit:t}){const r=L("popconfirm"),o=n.ref(!0),l=n.computed(()=>[r.block,e.popupClass&&e.popupClass,e.type&&`is-${e.type}`]),a=n.computed(()=>{const f={};return f["--bn-trigger-arrow-background-color"]="#fff",f.width=mn(e.width),f}),i=n.reactive({ok:!1,cancel:!1}),s=f=>{o.value=f},u=f=>{const h=e.onBeforeOk;let g=!0;if(k(h)&&(g=h(),le(g))){i.ok=!0,g.then(y=>{i.ok=!1,y&&t("ok",f)});return}g&&t("ok",f)},c=f=>{const h=e.onBeforeCancel;let g=!0;if(k(h)&&(g=h(),le(g))){i.cancel=!0,g.then(y=>{i.cancel=!1,y&&t("cancel",f)});return}g&&t("cancel",f)},m=()=>{t("close")},d=()=>{t("destroy")};return n.onUnmounted(()=>{o.value=!1}),{ns:r.block,visible:o,popupCls:l,popupStyle:a,loadingObj:i,changeVisible:s,handleOk:u,handleCancel:c,beforeLeave:m,afterLeave:d}}}),Re=(e,t)=>{const r=e.__vccOpts||e;for(const[o,l]of t)r[o]=l;return r};function yn(e,t,r,o,l,a){const i=n.resolveComponent("InfoCircleFill"),s=n.resolveComponent("Button"),u=n.resolveComponent("Space");return n.openBlock(),n.createBlock(n.Transition,{name:"x-fade-in-standard",appear:"",onBeforeLeave:e.beforeLeave,onAfterLeave:e.afterLeave},{default:n.withCtx(()=>[n.withDirectives(n.createElementVNode("div",{class:n.normalizeClass(e.popupCls),style:n.normalizeStyle(e.popupStyle)},[n.createElementVNode("div",{class:n.normalizeClass([`${e.ns}--content`])},[n.renderSlot(e.$slots,"content",{},()=>{var c;return[n.createVNode(i,{class:n.normalizeClass([`${e.ns}--icon`]),size:16},null,8,["class"]),n.createElementVNode("div",{class:n.normalizeClass([`${e.ns}--title`])},n.toDisplayString((c=e.content)==null?void 0:c.value),3)]})],2),n.createElementVNode("div",{class:n.normalizeClass([`${e.ns}--footer`])},[n.createVNode(u,{size:12},{default:n.withCtx(()=>[n.createVNode(s,{size:"mini",loading:e.loadingObj.cancel,onClick:e.handleCancel},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.cancelText),1)]),_:1},8,["loading","onClick"]),n.createVNode(s,{size:"mini",type:"primary",loading:e.loadingObj.ok,onClick:e.handleOk},{default:n.withCtx(()=>[n.createTextVNode(n.toDisplayString(e.okText),1)]),_:1},8,["loading","onClick"])]),_:1})],2),t[0]||(t[0]=n.createElementVNode("div",{class:"arrow"},null,-1))],6),[[n.vShow,e.visible]])]),_:3},8,["onBeforeLeave","onAfterLeave"])}const gn=Re(bn,[["render",yn]]),Cn={modelValue:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1},width:{type:[String,Number],default:150},type:{type:String,default:"danger"},content:[String,Number],position:{type:String,default:"top"},okText:{type:String,default:"确认"},cancelText:{type:String,default:"取消"},onBeforeOk:{type:Function,default:void 0},onBeforeCancel:{type:Function,default:void 0},renderTo:{type:[String,Object]},popupClass:String},wn=n.defineComponent({name:"Popconfirm",props:Cn,emits:["ok","cancel","change","update:modelValue"],setup(e,{slots:t,emit:r}){const o=G(e.renderTo||document.body);let l,a,i;const s=document.createElement("div"),u=n.ref(!1),c=n.computed(()=>e.modelValue??u.value),m=v=>{var z;a&&((z=a.component)==null?void 0:z.proxy).changeVisible(v)},d=()=>{},f=()=>{s&&(n.render(null,s),i=null,a=null,u.value=!1,r("update:modelValue",!1),r("change",!1),B())},h=v=>{m(!1),r("cancel",v)},g=v=>{m(!1),r("ok",v)},y=v=>{i&&(i.contains(v.target)||m(!1))},V=()=>{Fe(document.documentElement,"click",y)},B=()=>{Ie(document.documentElement,"click",y)},{zIndex:b}=q("popup",{visible:c}),C=async()=>{if(!i||!l)return;const v=se(l),z=o.getBoundingClientRect(),oe=qe(v,z),p=()=>qe(i,z),{style:_,position:X}=Yt(e.position,z,oe,p(),{autoFitPosition:!0,offset:16}),Be={..._,position:"absolute","z-index":b.value};P(i,Be),await n.nextTick();const Wn=qt(X,oe,p(),{customStyle:{position:"absolute","border-width":"6px","border-style":"solid",zIndex:0}}),Yn=G(".arrow",i);P(Yn,Wn)},N=async()=>{await C()},{createResizeObserver:T,destroyResizeObserver:S}=fn({elementRef:n.ref(o),onResize:N});n.onMounted(()=>{T()}),n.onUnmounted(()=>{m(!1),S()});const{content:E}=n.toRefs(e),D={...e,onClose:d,onDestroy:f,onCancel:h,onOk:g,content:E},Le=()=>{i||(a=n.createVNode(gn,D,{content:t.content}),n.render(a,s),i=s.firstChild,o.appendChild(i),C(),setTimeout(()=>{V()},0))},Te=()=>{u.value=!0},re=n.computed(()=>({cursor:e.disabled?"not-allowed":"pointer",color:e.disabled?"var(--x-text-color)":c.value?"var(--x-primary)":"var(--x-text-color)",userSelect:"none"}));return n.watch(()=>c.value,v=>{e.disabled||(v?(n.nextTick(Le),r("change",!0)):m(!1))},{immediate:!0}),()=>{var v;return l=(v=t.default)==null?void 0:v.call(t),ze(l,{onClick:Te,style:re.value,disabled:e.disabled}),l}}}),et=M(x("Popconfirm"),wn),pn={reverse:{type:Boolean},lineType:{type:String,default:"solid"}},Nn={dotColor:{type:String}},tt=Symbol("timelineKey"),kn="TimelineItem",xn=n.defineComponent({name:"Timeline",components:{},props:pn,emits:["update:current","change"],setup(e,{slots:t}){const r=L("timeline"),o=n.computed(()=>[r.block,e.reverse&&"is-reverse"]),{reverse:l,lineType:a}=n.toRefs(e),i=n.ref(0),s=d=>Array.isArray(d)&&d.length>0?d.filter(f=>{var h;if(Array.isArray(f.children)&&f.children.length>0&&typeof f.type=="symbol")return f.children=s(f.children),f.children.length>0?f:null;if(((h=f==null?void 0:f.type)==null?void 0:h.name)===kn)return f}):[],u=d=>{let f=0;return d.forEach(h=>{Array.isArray(h.children)?f+=u(h.children):f+=1}),f},c=d=>{const f=s(d);return i.value=u(f),f},m=n.reactive({reverse:l,parentCls:r.block,count:i,lineType:a});return n.provide(tt,m),()=>{var d;return n.createVNode("div",{class:o.value},[c((d=t.default)==null?void 0:d.call(t))])}}}),nt=M(x("Timeline"),xn),vn=({itemRef:e,selector:t,index:r,parentClassName:o})=>{const l=n.ref(-1),a=n.computed(()=>(r==null?void 0:r.value)??l.value),i=n.ref(),s=()=>{var m;let c=((m=e.value)==null?void 0:m.parentElement)??void 0;if(o)for(;c&&!c.className.includes(o);)c=c.parentElement??void 0;return c},u=()=>{if(bt(r==null?void 0:r.value)&&i.value&&e.value){const c=Array.from(i.value.querySelectorAll(t)).indexOf(e.value);c!==l.value&&(l.value=c)}};return n.watch(e,()=>{e.value&&!i.value&&(i.value=s())}),n.onMounted(()=>{e.value&&(i.value=s()),u()}),n.onUpdated(()=>u()),{innerIndex:a}},Vn=n.defineComponent({name:"TimelineItem",props:Nn,emits:["close"],setup(e,{slots:t}){const r=L("timeline-item"),o=n.inject(tt),l=n.ref(null),a=n.ref(e.dotColor),{innerIndex:i}=vn({itemRef:l,selector:`.${r.block}`,parentClassName:o==null?void 0:o.parentCls}),s=n.computed(()=>o?o.reverse?i.value===0:i.value+1===o.count:!1),u=n.computed(()=>[r.block,s.value&&"is-last"]),c=n.computed(()=>({borderLeftStyle:o==null?void 0:o.lineType})),m=n.computed(()=>t.icon?[`${r.block}--dot--icon`,"is-slot-icon"]:[`${r.block}--dot--icon`]);return()=>{var d,f;return n.createVNode("div",{ref:l,class:u.value},[n.createVNode("div",{class:`${r.block}--dot`},[!s.value&&n.createVNode("div",{class:`${r.block}--dot--line`,style:c.value},null),n.createVNode("div",{class:m.value},[t.icon?t.icon():n.createVNode("i",{class:"icon",style:{backgroundColor:a.value}},null)])]),n.createVNode("div",{class:`${r.block}--content`},[t.default?t.default():n.createVNode(n.Fragment,null,[n.createVNode("div",{class:`${r.block}--content--label`},[(d=t.label)==null?void 0:d.call(t)]),n.createVNode("div",{class:`${r.block}--content--description`},[(f=t.description)==null?void 0:f.call(t)])])])])}}}),rt=M(x("TimelineItem"),Vn),On=e=>{const t=e.split(" ").filter(o=>o!=="").map(o=>parseInt(o));let r={};switch(t.length){case 4:r={top:t[0],right:t[1],bottom:t[2],left:t[3]};break;case 3:r={top:t[0],right:t[1],bottom:t[2],left:t[1]};break;case 2:r={top:t[0],right:t[1],bottom:t[0],left:t[1]};break;default:r={top:t[0],right:t[0],bottom:t[0],left:t[0]}}return r},Sn=e=>{const t=e.split(" ").filter(r=>r!=="").map(r=>parseInt(r));return t.length<1||t.length>4?!1:t.every(r=>typeof r=="number"&&r>=0)},Ln={dataset:{required:!0,type:O(Array),default:()=>[]},status:{type:O(String),default:void 0},grid:{default:null,type:O(Object)},labels:{default:null,type:O(Object)},max:{type:Number},min:{type:Number},padding:{default:"5",type:String,validator(e){return Sn(e)}},interactive:{default:!1,type:Boolean},theme:{type:O(Object),default:()=>({activeLineColor:"#CCC"})}},Tn={boundary:{required:!0,type:O(Object),default:()=>{}},minValue:{required:!0,type:Number},maxValue:{required:!0,type:Number},maxAmount:{required:!0,type:Number},activeLineParams:{type:Object},data:{required:!0,type:O(Array),default:()=>[]},className:{type:String},smooth:{default:!0,type:Boolean},stroke:{default:!0,type:Boolean},fill:{default:!0,type:Boolean},showPoints:{default:!0,type:Boolean},theme:{type:O(Object)},mainTheme:{type:O(Object)}},Bn={boundary:{required:!0,type:O(Object),default:()=>{}},verticalLines:{default:!1,type:Boolean},verticalLinesNumber:{default:0,type:Number},horizontalLines:{default:!1,type:Boolean},horizontalLinesNumber:{default:0,type:Number}},Mn={boundary:{required:!0,type:O(Object),default:()=>{}},minValue:{type:Number,required:!0},maxValue:{type:Number,required:!0},xLabels:{type:Array},yLabels:{type:Number,required:!0},yLabelsTextFormatter:{default:e=>e,type:Function}},ot=n.defineComponent({name:x("TrendChartGrid"),props:Bn,setup(e){const t=a=>{const i=e.verticalLinesNumber>1?(e.boundary.maxX-e.boundary.minX)/(e.verticalLinesNumber-1):0,s=e.boundary.minX+i*(a-1),u=e.boundary.minY,c=e.boundary.maxY;return{x1:s,x2:s,y1:u,y2:c,stroke:"rgba(0,0,0,0.1)"}},r=a=>{const i=e.horizontalLinesNumber>1?(e.boundary.maxY-e.boundary.minY)/(e.horizontalLinesNumber-1):0,s=e.boundary.maxY-i*(a-1),u=e.boundary.minX,c=e.boundary.maxX;return{x1:u,x2:c,y1:s,y2:s,stroke:"rgba(0,0,0,0.1)"}},o=n.computed(()=>{if(e.verticalLines&&e.verticalLinesNumber>0){const a=[];for(let i=1;i<=e.verticalLinesNumber;i++)a.push(n.h("line",{class:"line",...t(i)}));return n.h("g",{class:"vertical"},a)}return null}),l=n.computed(()=>{if(e.horizontalLines&&e.horizontalLinesNumber>0){const a=[];for(let i=1;i<=e.horizontalLinesNumber;i++)a.push(n.h("line",{class:"line",...r(i)}));return n.h("g",{class:"horizontal"},a)}return null});return()=>{const a=[];return o.value&&a.push(o.value),l.value&&a.push(l.value),a.length===0?null:n.h("g",null,a)}}}),lt=n.defineComponent({name:x("TrendChartLabels"),props:Mn,setup(e){const t=n.reactive({xLabelHeight:0,yLabelHeight:0}),r=n.ref(null),o=n.ref(null),l=u=>{const c=(e.boundary.maxX-e.boundary.minX)/(e.xLabels.length-1),m=e.boundary.minX+c*u,d=e.boundary.maxY;return{transform:`translate(${m}, ${d})`}},a=u=>{const c=(e.boundary.maxY-e.boundary.minY)/(e.yLabels-1),m=e.boundary.minX,d=e.boundary.maxY-c*u;return{transform:`translate(${m}, ${d})`}};n.onMounted(()=>{var u,c;r.value&&e.xLabels&&e.xLabels.length&&(t.xLabelHeight=((u=r.value.querySelector("text"))==null?void 0:u.getBoundingClientRect().height)||0),o.value&&e.yLabels&&e.yLabels>0&&(t.yLabelHeight=((c=o.value.querySelector("text"))==null?void 0:c.getBoundingClientRect().height)||0)});const i=n.computed(()=>e.xLabels&&e.xLabels.length?n.h("g",{class:"x-labels",ref:r},e.xLabels.map((u,c)=>n.h("g",{class:"label",...l(c)},[n.h("text",{dy:t.xLabelHeight+5,"text-anchor":"middle"},u),n.h("line",{stroke:"rgba(0,0,0,0.1)",y2:5})]))):null),s=n.computed(()=>{if(e.yLabels&&e.yLabels>0){const u=[];for(let c=0;c<e.yLabels;c++)u.push(n.h("g",{class:"label",...a(c)},[n.h("text",{dx:-10,dy:t.yLabelHeight/4,"text-anchor":"end"},e.yLabelsTextFormatter(e.minValue+(e.maxValue-e.minValue)/(e.yLabels-1)*c)),n.h("line",{stroke:"rgba(0,0,0,0.1)",x1:0,x2:-5})]));return n.h("g",{class:"y-labels",ref:o},u)}return null});return()=>{const u=[];return i.value&&u.push(i.value),s.value&&u.push(s.value),n.h("g",u)}}}),En=(e,t,r,o,l)=>{const a=o-.001,i=(t.maxX-t.minX)/(l-1),s=(t.maxY-t.minY)/(r+.001-a);return e.map((u,c)=>({x:c*i+t.minX,y:t.maxY-(u-a)*s+ +(c===l-1)*1e-5-+(c===0)*1e-5}))},_n=(e,t,{maxY:r})=>{const o=e.shift(),l=e[e.length-1],i=(e[0].x-o.x)/2;let s=`M ${o.x},${o.y}`;e.forEach((c,m)=>{if(!t)s+=` L${c.x},${c.y}`;else{const d=e[m-1]||o;s+=` C ${i+d.x},${d.y} ${i+d.x},${c.y} ${c.x},${c.y}`}});let u=s;return l.y!==r&&(u+=` L${l.x},${r}`),o.y!==r&&(u+=` L${o.x},${r}`),u+=" Z",{linePath:s,fillPath:u}},at=n.defineComponent({name:x("TrendChartCurve"),props:Tn,setup(e){const t=n.computed(()=>En(e.data,e.boundary,e.maxValue,e.minValue,e.maxAmount)),r=n.computed(()=>_n([...t.value],e.smooth,e.boundary)),o=n.computed(()=>{var i,s,u,c,m,d,f,h,g,y,V,B;const l=[];e.fill&&((i=r.value)!=null&&i.fillPath)&&l.push(n.createVNode("path",{class:"x-trend-chart-fill",d:r.value.fillPath,fill:"none",style:{fill:((u=(s=e.theme)==null?void 0:s.fill)==null?void 0:u.color)||"#585858",opacity:((m=(c=e.theme)==null?void 0:c.fill)==null?void 0:m.opacity)||.1}},null)),e.stroke&&((d=r.value)!=null&&d.linePath)&&l.push(n.createVNode("path",{class:"x-trend-chart-stroke",d:r.value.linePath,fill:"none",stroke:"none",style:{stroke:(h=(f=e.theme)==null?void 0:f.stroke)==null?void 0:h.color,strokeWidth:(y=(g=e.theme)==null?void 0:g.stroke)==null?void 0:y.width,opacity:(B=(V=e.theme)==null?void 0:V.stroke)==null?void 0:B.opacity}},null));const a=b=>{var C,N,T,S;return b?{stroke:(N=(C=e.theme)==null?void 0:C.point)==null?void 0:N.color,strokeWidth:(S=(T=e.theme)==null?void 0:T.point)==null?void 0:S.width,r:1}:{}};if(e.showPoints&&t.value){const b=t.value.map((C,N)=>{var T,S;return n.createVNode("circle",{class:{point:!0,"x-trend-chart-point-active":((T=e.activeLineParams)==null?void 0:T.index)===N},cx:C.x,cy:C.y,style:a(((S=e.activeLineParams)==null?void 0:S.index)===N)},null)});l.push(n.createVNode("g",{class:"x-trend-chart-points"},[b]))}return l});return()=>n.createVNode("g",{class:e.className},[o.value])}}),Ce="#f00",J="#ff7126",Q="#ffc703",R="#363636",ee="#25c341",te="#0056ff",F={DANGER:{color:"#f00",point:{width:3,color:Ce},stroke:{width:3,color:Ce,opacity:.8},fill:{color:Ce,opacity:.1},axisLine:{color:Ce,width:2,opacity:.9}},STRONG:{color:J,point:{width:4,color:J},stroke:{width:3,color:J,opacity:.8},fill:{color:J,opacity:.1},axisLine:{color:J,width:2,opacity:.9}},WARNING:{color:Q,point:{width:4,color:Q},stroke:{width:3,color:Q,opacity:1},fill:{color:Q,opacity:.1},axisLine:{color:Q,width:2,opacity:.9}},SUCCESS:{color:ee,point:{width:4,color:ee},stroke:{width:3,color:ee,opacity:1},fill:{color:ee,opacity:.1},axisLine:{color:ee,width:2,opacity:.9}},INFO:{color:R,point:{width:4,color:R},stroke:{width:3,color:R,opacity:1},fill:{color:R,opacity:.1},axisLine:{color:R,width:2,opacity:.9}},PRIMARY:{color:te,point:{width:4,color:te},stroke:{width:3,color:te,opacity:.9},fill:{color:te,opacity:.1},axisLine:{color:te,width:2,opacity:.9}}},zn=n.defineComponent({name:x("TrendChart"),components:{TrendChartGrid:ot,TrendChartLabels:lt,TrendChartCurve:at},props:Ln,emits:{"mouse-move":e=>!0},setup(e,{emit:t}){const r=n.reactive({width:null,height:null,labelsOverflowObject:{top:0,right:0,bottom:0,left:0},activeLine:null,activeLineParams:null}),o=n.computed(()=>{let b=F.INFO;return e.status==="primary"?b=F.PRIMARY:e.status==="success"?b=F.SUCCESS:e.status==="danger"?b=F.DANGER:e.status==="warning"?b=F.WARNING:e.status==="strong"&&(b=F.STRONG),{...b,...e.theme}}),l=n.computed(()=>On(e.padding||"0")),a=n.computed(()=>({minX:Number(l.value.left)+Number(r.labelsOverflowObject.left),minY:Number(l.value.top)+Number(r.labelsOverflowObject.top),maxX:(r.width??0)-Number(l.value.right)-Number(r.labelsOverflowObject.right),maxY:(r.height??0)-Number(l.value.bottom)-Number(r.labelsOverflowObject.bottom)})),i=n.computed(()=>{let b=-1/0,C=1/0,N=0;return b=Math.max(b,...e.dataset),C=Math.min(C,...e.dataset),N=Math.max(N,e.dataset.length),e.max!==void 0&&(b=Math.max(b,e.max)),e.min!==void 0&&(C=Math.min(C,e.min)),{maxValue:b,minValue:C,maxAmount:N}}),s=n.computed(()=>({x:a.value.minX,y:a.value.minY,width:Math.max(0,a.value.maxX-a.value.minX),height:Math.max(0,a.value.maxY-a.value.minY),opacity:0})),u=n.computed(()=>{const b=(a.value.maxX-a.value.minX)/(i.value.maxAmount-1);return Array.from({length:i.value.maxAmount},(C,N)=>Math.round(a.value.minX+b*N))}),c=n.ref(null),m=n.ref(null),d=()=>{if(c.value){const b=c.value.getBoundingClientRect();r.width=b.width,r.height=b.height}},f=()=>{if(m.value){const b=c.value.getBoundingClientRect(),C=m.value.$el.getBoundingClientRect();r.labelsOverflowObject={top:Math.max(0,Number(b.top)-Number(C.top)+Number(l.value.top)),right:Math.max(0,Number(C.right)-Number(b.right)+Number(l.value.right)),bottom:Math.max(0,Number(C.bottom)-Number(b.bottom)+Number(l.value.bottom)),left:Math.max(0,Number(l.value.left)-Number(C.left)+Number(b.left))}}else r.labelsOverflowObject={top:0,right:0,bottom:0,left:0}},h=()=>{d(),n.nextTick(f)},g=b=>u.value.reduce((C,N)=>Math.abs(C-b)>Math.abs(N-b)?N:C,1/0),y=b=>{if(c.value){const C=c.value.getBoundingClientRect();r.activeLine=g(b.clientX-C.left)}},V=()=>{r.activeLine=null,r.activeLineParams=null},B=()=>{d()};return n.onMounted(()=>{h(),window.addEventListener("resize",B)}),n.onUnmounted(()=>{window.removeEventListener("resize",B)}),n.watch(()=>r.activeLine,b=>{if(b!==null){const C=u.value.indexOf(b);r.activeLineParams={index:C},t("mouse-move",{...r.activeLineParams,data:e.dataset[C]})}else t("mouse-move",null)}),n.watch(()=>e.labels,()=>{r.labelsOverflowObject={top:0,right:0,bottom:0,left:0},n.nextTick(f)},{deep:!0}),()=>{var b,C,N,T,S,E,D;return n.createVNode("svg",{class:"x-trend-chart",ref:c,xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%"},[e.grid&&n.createVNode(ot,{class:"grid",verticalLines:e.grid.verticalLines,verticalLinesNumber:e.grid.verticalLinesNumber||i.value.maxAmount,horizontalLines:e.grid.horizontalLines,horizontalLinesNumber:e.grid.horizontalLinesNumber||(((b=e.labels)==null?void 0:b.yLabels)??0),boundary:a.value},null),e.labels&&n.createVNode(lt,n.mergeProps({ref:m,class:"labels"},e.labels,{boundary:a.value,minValue:i.value.minValue,maxValue:i.value.maxValue}),null),n.createVNode(at,{class:"curve",data:e.dataset,boundary:a.value,minValue:i.value.minValue,maxValue:i.value.maxValue,maxAmount:i.value.maxAmount,activeLineParams:r.activeLineParams,theme:o.value},null),e.interactive&&n.createVNode(n.Fragment,null,[n.createVNode("line",{class:"x-trend-chart-active-line",x1:r.activeLine??a.value.minX,x2:r.activeLine??a.value.minX,y1:a.value.minY,y2:a.value.maxY,visibility:r.activeLine?"visible":"hidden",style:{stroke:(N=(C=o.value)==null?void 0:C.axisLine)==null?void 0:N.color,strokeWidth:(S=(T=o.value)==null?void 0:T.axisLine)==null?void 0:S.width,strokeOpacity:(D=(E=o.value)==null?void 0:E.axisLine)==null?void 0:D.opacity}},null),n.createVNode("rect",n.mergeProps(s.value,{onMousemove:y,onMouseout:V}),null)])])}}}),it=M(x("TrendChart"),zn),st=Object.freeze(Object.defineProperty({__proto__:null,XButton:A,XDialog:ve,XMessage:De,XMessageBox:He,XNotification:Ye,XPopconfirm:et,XSpace:Z,XTimeline:nt,XTimelineItem:rt,XTrendChart:it},Symbol.toStringTag,{value:"Module"}));function ct(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!n.isVNode(e)}const dt=L("dialog"),$n=e=>{const t=document.createElement("div"),r=()=>{n.render(null,t)},o=d=>{if(d==="cancel")return e.beforeOnCancel?e.beforeOnCancel():!0;if(d==="ok")return e.beforeOnOk?e.beforeOnOk():!0},l=(d,f)=>{d==="cancel"&&e.onCancel&&e.onCancel(f),d==="ok"&&e.onOk&&e.onOk(f)},a=d=>{if(n.isVNode(d))return d;if(k(d)){const f=d();return n.isVNode(f)?f:null}return n.createVNode("div",{class:dt.element("header-title")},[n.createTextVNode(" "),d,n.createTextVNode(" ")])},i=d=>{if(n.isVNode(d))return d;if(k(d)){const f=d();return n.isVNode(f)?f:null}return n.createVNode("div",{class:dt.element("content")},[n.createTextVNode(" "),e.content,n.createTextVNode(" ")])},s=()=>()=>n.createVNode(n.Fragment,null,[e.title&&a(e.title)]),u=()=>()=>n.createVNode(n.Fragment,null,[e.content&&i(e.content)]),c=()=>{if(n.isVNode(e.footer)||k(e.footer))return e.footer;const d=(e==null?void 0:e.cancelText)||"取消",f=(e==null?void 0:e.okText)||"确认";return h=>n.createVNode(Z,{size:12},{default:()=>{var g,y;return[!e.hideCancel&&n.createVNode(A,{size:"small",onClick:h.cancel,loading:(g=h.loadingObj)==null?void 0:g.cancel},ct(d)?d:{default:()=>[d]}),!e.hideOk&&n.createVNode(A,{type:"primary",size:"small",onClick:h.ok,loading:(y=h.loadingObj)==null?void 0:y.ok},ct(f)?f:{default:()=>[f]})]}})},m=n.createVNode(je,{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:l,onBeforeCancel:o,"onUpdate:modelValue":()=>{m.component.props.modelValue=!1},onClosed:r,onOpened:()=>{}},{title:s(),default:u(),footer:c()});n.render(m,t)},An=["success","warning","error","strong","info"],Pn=n.defineComponent({name:x("Message"),components:{CloseCircleFill:ce,CheckCircleFill:de,ExclamationCircleFill:ue,InfoCircleFill:U,MinusCircleFill:fe},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 t=L("message"),r=n.computed(()=>[t.block,t.modifier(e.type),e.center&&t.modifier("center"),e.showClose&&!e.center&&t.element("show-close"),e.popupClass&&e.popupClass]),o=n.ref(!1);let l=null;const a=()=>{l=setTimeout(()=>{o.value=!1},e.duration)};n.onMounted(()=>{o.value=!0,e.duration!==0&&a()}),n.onUnmounted(()=>{clearTimeout(l)});const{zIndex:i}=q("message",{runOnMounted:!0}),s=n.computed(()=>({top:`${e.offset}px`,zIndex:i.value}));return{cn:t,cls:r,styles:s,visible:o,handleClose:()=>{o.value=!1}}}}),Fn=["innerHTML"],In={key:1};function jn(e,t,r,o,l,a){const i=n.resolveComponent("CheckCircleFill"),s=n.resolveComponent("ExclamationCircleFill"),u=n.resolveComponent("MinusCircleFill"),c=n.resolveComponent("CloseCircleFill"),m=n.resolveComponent("InfoCircleFill");return n.openBlock(),n.createBlock(n.Transition,{name:"x-message-slide-top",onBeforeLeave:e.onClose,onAfterLeave:t[1]||(t[1]=d=>e.$emit("destroy"))},{default:n.withCtx(()=>[n.withDirectives(n.createElementVNode("div",{class:n.normalizeClass(e.cls),style:n.normalizeStyle(e.styles)},[e.$slots.icon?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass([e.cn.element("icon"),e.cn.modifier(`icon-${e.type}`)])},[n.renderSlot(e.$slots,"icon",{},()=>[e.type==="success"?(n.openBlock(),n.createBlock(i,{key:0})):e.type==="warning"?(n.openBlock(),n.createBlock(s,{key:1})):e.type==="strong"?(n.openBlock(),n.createBlock(u,{key:2})):e.type==="error"?(n.openBlock(),n.createBlock(c,{key:3})):e.type==="info"?(n.openBlock(),n.createBlock(m,{key:4})):n.createCommentVNode("",!0)])],2)),n.renderSlot(e.$slots,"default",{},()=>[e.useHTML?(n.openBlock(),n.createElementBlock("span",{key:0,innerHTML:e.message},null,8,Fn)):(n.openBlock(),n.createElementBlock("span",In,n.toDisplayString(e.message),1)),e.showClose?(n.openBlock(),n.createElementBlock("span",{key:2,class:n.normalizeClass([e.cn.element("close-icon")]),onClick:t[0]||(t[0]=(...d)=>e.handleClose&&e.handleClose(...d))},null,2)):n.createCommentVNode("",!0)])],6),[[n.vShow,e.visible]])]),_:3},8,["onBeforeLeave"])}const Dn=Re(Pn,[["render",jn]]),Se=new WeakMap,we=e=>{(typeof e=="string"||n.isVNode(e))&&(e={message:e});const t=G(e.renderTo||"body"),r=document.createElement("div");Se.has(t)||Se.set(t,[]);const o=Se.get(t);let l=e.offset||20;o.forEach(d=>{var f;l+=((f=d.el)==null?void 0:f.offsetHeight)+20});const a=e.onClose;let i={};i={...e,onClose:()=>{var h;const d=o.findIndex(g=>g===c);if(d<0)return;const f=((h=c.el)==null?void 0:h.offsetHeight)+20;o.slice(d+1).forEach(g=>{var V;const y=(V=g.component)==null?void 0:V.props.offset;g.component.props.offset=y-f}),o.splice(d,1),a&&a(c)},onDestroy:()=>{n.render(null,r)},offset:l};const c=n.createVNode(Dn,i,k(i.message)||n.isVNode(i.message)?{default:k(i.message)?i.message:()=>i.message}:null);return n.render(c,r),t.tagName==="BODY"?c.el.style.position="fixed":(t.style.position="relative",c.el.style.position="absolute"),t.appendChild(r.firstElementChild),o.push(c),{close:()=>{c.component.proxy.handleClose()}}};(()=>{An.forEach(e=>{we[e]=t=>Ee(t)?we({type:e,...t}):we({message:t,type:e})})})();const ne=new WeakMap,Xn=e=>{const t=G(e.renderTo||"body"),r=document.createElement("div");ne.get(t)||ne.set(t,{}),ne.get(t)[e.position]||(ne.get(t)[e.position]=[]);const o=ne.get(t)[e.position];let l=e.offset||20;o.forEach(m=>{var d;l+=((d=m.el)==null?void 0:d.offsetHeight)+20});const a=t.tagName==="BODY";a||(t.style.position="relative",t.style.overflowX="hidden");const i=e.onClose,s=()=>{var f;const m=o.findIndex(h=>h===c);if(m<0)return;const d=((f=c.el)==null?void 0:f.offsetHeight)+20;o.slice(m+1).forEach(h=>{var y;const g=(y=h.component)==null?void 0:y.props.offset;h.component.props.offset=g-d}),o.splice(m,1),i&&i(c)},u=()=>{n.render(null,r)},c=n.createVNode(We,{message:e.message,title:e.title,type:e.type,offset:l,renderToBody:a,position:e.position,duration:e.duration??3e3,showClose:e.showClose??!0,onClose:s,onDestroy:u},k(e.message)||n.isVNode(e.message)?{default:k(e.message)?e.message:()=>e.message}:null);n.render(c,r),o.push(c),t==null||t.appendChild(r.firstChild)},Hn={install:function(e){Object.keys(st).forEach(t=>{const r=st[t];r.install&&e.use(r)})}};w.Dialog=$n,w.Message=we,w.MessageBox=he,w.Notification=Xn,w.TrendChartTheme=F,w.XButton=A,w.XDialog=ve,w.XMessage=De,w.XMessageBox=He,w.XNotification=Ye,w.XPopconfirm=et,w.XSpace=Z,w.XTimeline=nt,w.XTimelineItem=rt,w.XTrendChart=it,w.default=Hn,Object.defineProperties(w,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/style.css

@@ -1 +1 @@
-@charset "UTF-8";.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-font-weight: 500;--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-circle{border-radius:50%;padding:0;--x-button-width: var(--x-button-height)}.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-font-weight: var(--x-button-huge-font-weight);--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--content{display:flex}.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:all .15s}.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:15px 25px;box-sizing:border-box;text-align:left}.x-dialog--content{line-height:1.5;color:#363636}.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 10px;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:10px 0 20px;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:15px;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:6px;font-size:14px;font-weight:400;color:#565656;line-height:1.6}.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}.x-timeline{display:flex;flex-direction:column}.x-timeline.-reverse{flex-direction:column-reverse}.x-timeline-item{--timeline-item-icon-background-color: var(--x-color-2);--timeline-item-icon-line-color: var(--x-color-4);--timeline-item-content-description-background-color: var(--x-color-6)}.x-timeline-item{position:relative}.x-timeline-item.-last .x-timeline-item__dot .x-timeline-item__dot__line{display:none}.x-timeline-item--dot{position:absolute;left:0;width:6px;height:100%;text-align:center}.x-timeline-item--dot--line{position:absolute;top:18px;bottom:-12px;left:50%;border-color:var(--timeline-item-icon-line-color);border-left-style:solid;border-left-width:1px;width:1px;box-sizing:border-box;transform:translate(-50%)}.x-timeline-item--dot--icon{position:relative;display:flex;justify-content:center;align-items:center;margin-top:12px;width:6px;height:6px;box-sizing:border-box}.x-timeline-item--dot--icon.-slot-icon>*{background:#fff}.x-timeline-item--dot--icon .icon{position:relative;display:block;border-radius:50%;width:6px;height:6px;background-color:var(--timeline-item-icon-background-color);box-sizing:border-box}.x-timeline-item--content{margin-right:6px;margin-left:20px}.x-timeline-item--content--label{line-height:1;margin-bottom:5px}.x-timeline-item--content--description{margin-bottom:5px;font-size:14px;font-weight:400;color:#646b7a}
+@charset "UTF-8";.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-font-weight: 500;--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-circle{border-radius:50%;padding:0;--x-button-width: var(--x-button-height)}.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-font-weight: var(--x-button-huge-font-weight);--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--content{display:flex}.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:all .15s}.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:15px 25px;box-sizing:border-box;text-align:left}.x-dialog--content{line-height:1.5;color:#363636}.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 10px;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:10px 0 20px;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:15px;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:6px;font-size:14px;font-weight:400;color:#565656;line-height:1.6}.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}.x-timeline{display:flex;flex-direction:column}.x-timeline.-reverse{flex-direction:column-reverse}.x-timeline-item{--timeline-item-icon-background-color: var(--x-color-2);--timeline-item-icon-line-color: var(--x-color-4);--timeline-item-content-description-background-color: var(--x-color-6)}.x-timeline-item{position:relative}.x-timeline-item.-last .x-timeline-item__dot .x-timeline-item__dot__line{display:none}.x-timeline-item--dot{position:absolute;left:0;width:6px;height:100%;text-align:center}.x-timeline-item--dot--line{position:absolute;top:18px;bottom:-12px;left:50%;border-color:var(--timeline-item-icon-line-color);border-left-style:solid;border-left-width:1px;width:1px;box-sizing:border-box;transform:translate(-50%)}.x-timeline-item--dot--icon{position:relative;display:flex;justify-content:center;align-items:center;margin-top:12px;width:6px;height:6px;box-sizing:border-box}.x-timeline-item--dot--icon.-slot-icon>*{background:#fff}.x-timeline-item--dot--icon .icon{position:relative;display:block;border-radius:50%;width:6px;height:6px;background-color:var(--timeline-item-icon-background-color);box-sizing:border-box}.x-timeline-item--content{margin-right:6px;margin-left:20px}.x-timeline-item--content--label{line-height:1;margin-bottom:5px}.x-timeline-item--content--description{margin-bottom:5px;font-size:14px;font-weight:400;color:#646b7a}.x-popconfirm{display:flex;justify-content:center;align-items:center;border-radius:8px;padding:12px 10px;background-color:#fff;box-shadow:0 5px 12px 3px #2c303733;box-sizing:border-box;flex-direction:column;--x-popconfirm-icon-color: var(--x-danger)}.x-popconfirm--content{display:flex;align-items:center;width:100%;line-height:1}.x-popconfirm--title{flex-grow:1;margin-left:4px;font-size:13px;color:var(--x-color-1)}.x-popconfirm--footer{margin-top:10px}.x-popconfirm--icon{color:var(--x-popconfirm-icon-color)}.x-popconfirm.-warning{--x-popconfirm-icon-color: var(--x-warning)}.x-popconfirm.-success{--x-popconfirm-icon-color: var(--x-success)}.x-popconfirm.-primary{--x-popconfirm-icon-color: var(--x-primary)}.x-popconfirm.-strong{--x-popconfirm-icon-color: var(--x-strong)}.x-popconfirm.-danger{--x-popconfirm-icon-color: var(--x-danger)}

package/dist/types.d.ts

@@ -6,9 +6,8 @@ declare module 'vue' {
         XMessageBox: (typeof import('x-next'))['XMessageBox'];
         XNotification: (typeof import('x-next'))['XNotification'];
         XSpace: (typeof import('x-next'))['XSpace'];
+        XPopconfirm: (typeof import('x-next'))['XPopconfirm'];
         XTrendChart: (typeof import('x-next'))['XTrendChart'];
-        XTimeline: (typeof import('x-next'))['XTimeline'];
-        XTimelineItem: (typeof import('x-next'))['XTimelineItem'];
     }
 }
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "x-next",
   "private": false,
-  "version": "0.0.0-alpha.36",
+  "version": "0.0.0-alpha.38",
   "description": "An amazing Vue3 UI library.",
   "type": "module",
   "main": "dist/index.umd.js",
@@ -12,7 +12,8 @@
     "build": "vue-tsc && vite build",
     "preview": "vite preview",
     "publish": "npm publish --access=public",
-    "gen-volar-dts": "esbuild script/gen-component-declaration.js --bundle --platform=node --tsconfig=tsconfig.esbuild.json | node"
+    "gen-volar-dts": "esbuild script/gen-component-declaration.js --bundle --platform=node --tsconfig=tsconfig.esbuild.json | node",
+    "gen-volar-dts-alpha": "esbuild script/gen-component-declaration.alpha.js --bundle --platform=node --tsconfig=tsconfig.esbuild.json | node"
   },
   "repository": {
     "type": "git",
@@ -23,13 +24,16 @@
   },
   "dependencies": {
     "async-validator": "^4.2.5",
-    "dayjs": "^1.11.13"
+    "dayjs": "^1.11.13",
+    "resize-observer-polyfill": "^1.5.1"
   },
   "devDependencies": {
     "@types/node": "^20.16.15",
     "@vitejs/plugin-vue": "^5.1.4",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "esbuild": "^0.24.0",
+    "fast-glob": "^3.3.3",
+    "fs-extra": "^11.3.0",
     "i": "^0.3.7",
     "npm": "^10.9.0",
     "prettier": "^3.3.3",

package/volar.d.ts

@@ -1,15 +1,14 @@
 // Auto generated component declarations
 declare module 'vue' {
   export interface GlobalComponents {
-    XButton: (typeof import('x-next'))['XButton']
-    XDialog: (typeof import('x-next'))['XDialog']
-    XMessage: (typeof import('x-next'))['XMessage']
-    XMessageBox: (typeof import('x-next'))['XMessageBox']
-    XNotification: (typeof import('x-next'))['XNotification']
-    XSpace: (typeof import('x-next'))['XSpace']
-    XTrendChart: (typeof import('x-next'))['XTrendChart']
-    XTimeline: (typeof import('x-next'))['XTimeline']
-    XTimelineItem: (typeof import('x-next'))['XTimelineItem']
+    XButton: (typeof import('x-next'))['XButton'];
+    XDialog: (typeof import('x-next'))['XDialog'];
+    XMessage: (typeof import('x-next'))['XMessage'];
+    XMessageBox: (typeof import('x-next'))['XMessageBox'];
+    XNotification: (typeof import('x-next'))['XNotification'];
+    XSpace: (typeof import('x-next'))['XSpace'];
+    XPopconfirm: (typeof import('x-next'))['XPopconfirm'];
+    XTrendChart: (typeof import('x-next'))['XTrendChart'];
   }
 }
-export {}
+export {};