x-next 0.0.0-alpha.23 → 0.0.0-alpha.26

package/dist/index.umd.js

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

package/dist/types.d.ts

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

package/package.json

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

package/volar.d.ts

@@ -7,6 +7,7 @@ declare module 'vue' {
     XMessageBox: (typeof import('x-next'))['XMessageBox']
     XNotification: (typeof import('x-next'))['XNotification']
     XSpace: (typeof import('x-next'))['XSpace']
+    XTrendChart: (typeof import('x-next'))['XTrendChart']
   }
 }
 export {}