vue-devui 1.3.4-alpha.4 → 1.4.1

package/editable-select/index.umd.js

@@ -1 +1 @@
-var Pe=Object.defineProperty,Ie=Object.defineProperties;var ze=Object.getOwnPropertyDescriptors;var ne=Object.getOwnPropertySymbols;var $e=Object.prototype.hasOwnProperty,Re=Object.prototype.propertyIsEnumerable;var R=(i,t,m)=>t in i?Pe(i,t,{enumerable:!0,configurable:!0,writable:!0,value:m}):i[t]=m,D=(i,t)=>{for(var m in t||(t={}))$e.call(t,m)&&R(i,m,t[m]);if(ne)for(var m of ne(t))Re.call(t,m)&&R(i,m,t[m]);return i},oe=(i,t)=>Ie(i,ze(t));var b=(i,t,m)=>(R(i,typeof t!="symbol"?t+"":t,m),m);(function(i,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],t):(i=typeof globalThis!="undefined"?globalThis:i||self,t(i.index={},i.Vue,i.dom))})(this,function(i,t,m){"use strict";const j={modelValue:{type:String,default:""},options:{type:Array,default:()=>[]},allowClear:{type:Boolean,default:!1},disabled:{type:Boolean},disabledKey:{type:String,default:""},placeholder:{type:String,default:"Search"},width:{type:Number},maxHeight:{type:Number},loading:{type:Boolean},enableLazyLoad:{type:Boolean,default:!1},searchFn:{type:Function}},ue=typeof window!="undefined";function K(e,o,n){document.addEventListener?e&&o&&n&&e.addEventListener(o,n,!1):e&&o&&n&&e.attachEvent("on"+o,n)}const C=Symbol("@@clickoutside"),k=new Map;let H,M=0,_=!0;function U(e,o,n){return ue&&_&&(_=!1,K(document,"mousedown",a=>{H=a}),K(document,"mouseup",a=>{for(const[u,l]of k)l[C].documentHandler(a,H)})),function(a,u){!n||!o.instance||!a.target||!u.target||e.contains(a.target)||e.contains(u.target)||e===a.target||e[C].bindingFn&&e[C].bindingFn()}}const ae={beforeMount:function(e,o,n){M++,k.set(M,e),e[C]={nid:M,documentHandler:U(e,o,n),bindingFn:o.value}},updated:function(e,o,n){e[C].documentHandler=U(e,o,n),e[C].bindingFn=o.value},unmounted:function(e){k.delete(e[C].nid),delete e[C]}};class Y{constructor(){b(this,"top","50%");b(this,"left","50%")}}const le={message:String,backdrop:Boolean,view:{type:Object,default:()=>new Y},zIndex:Number,isFull:{type:Boolean,default:!1}};class re{constructor(){b(this,"target");b(this,"message");b(this,"loadingTemplateRef");b(this,"backdrop",!0);b(this,"positionType","relative");b(this,"view",new Y);b(this,"zIndex")}}function L(e,o,n){let a=e;return o&&(a+=`__${o}`),n&&(a+=`--${n}`),a}function T(e,o=!1){const n=o?`.devui-${e}`:`devui-${e}`;return{b:()=>L(n),e:s=>s?L(n,s):"",m:s=>s?L(n,"",s):"",em:(s,p)=>s&&p?L(n,s,p):""}}var je="",se=t.defineComponent({name:"Loading",inheritAttrs:!1,props:le,setup(e){const o={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(o.background="none");const n=t.ref(!1);return{style:o,isShow:n,open:()=>{n.value=!0},close:()=>{n.value=!1}}},render(){var s;const{isShow:e,isFull:o,backdrop:n,style:a,message:u,$slots:l}=this,r=T("loading");return e&&t.createVNode("div",{class:[r.b(),o?r.m("full"):""]},[((s=l.default)==null?void 0:s.call(l))||t.createVNode("div",{class:r.e("wrapper")},[n?t.createVNode("div",{class:r.e("mask")},null):null,t.createVNode("div",{style:a,class:r.e("area")},[t.createVNode("div",{class:r.e("busy-default-spinner")},[t.createVNode("div",{class:r.e("bar1")},null),t.createVNode("div",{class:r.e("bar2")},null),t.createVNode("div",{class:r.e("bar3")},null),t.createVNode("div",{class:r.e("bar4")},null)]),u?t.createVNode("span",{class:r.e("text")},[u]):null])])])}});const q=Symbol("dev_component_container");function ie(e,o,n=null){const a=t.h(e,D({},o),n),u=document.createElement("div");return a[q]=u,t.render(a,u),a.component}function ce(e){t.render(null,e==null?void 0:e.vnode[q])}const de=t.defineComponent(se),N=new WeakSet,P=e=>{if(!e)return!0;if(Array.isArray(e))return e.length===0;if(e instanceof Set||e instanceof Map)return e.size===0;if(e instanceof Promise)return!1;if(typeof e=="object")try{return Object.keys(e).length===0}catch{return!1}return!1},X=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),fe=e=>{switch(X(e)){case"promise":return[e];case"array":return e.some(n=>X(n)!=="promise")?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}},W=e=>{N.delete(e),e.instance.proxy.close(),ce(e.instance)},G=(e,o)=>{var n,a,u;if(o.value){const l=fe(o.value);if(l==="error")return;(u=(a=(n=e==null?void 0:e.instance)==null?void 0:n.proxy)==null?void 0:a.open)==null||u.call(a),e.appendChild(e.mask),N.add(e),l&&Promise.all(l).catch(r=>{console.error(new Error("Promise handling errors"),r)}).finally(()=>{W(e)})}else W(e)},J=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},Q=(e,o)=>{var l;const n=D(D({},new re),o),a=n.loadingTemplateRef,u=ie(de,D({},n),a?()=>a:null);e.style.position=n.positionType||"relative",e.options=n,e.instance=u,e.mask=(l=u==null?void 0:u.proxy)==null?void 0:l.$el},me={mounted:function(e,o,n){Q(e,n.props),J(e),!P(o.value)&&G(e,o)},updated:function(e,o,n){!P(o.value)&&N.has(e)||P(o.value)&&!N.has(e)||(!N.has(e)&&Q(e,n.props),J(e),G(e,o))}};function I(e,o){let n=e;return typeof o=="object"&&Object.keys(o).forEach(a=>{o[a]&&(n+=` ${a}`)}),n}var Ke="";function pe(e){return{normalizeOptions:t.computed(()=>e.options.map(n=>{let a;return n!=="null"&&typeof n=="object"?a=oe(D({},n),{label:n.label||"",value:n.value!==void 0?n.value:n.label||""}):a={label:String(n),value:n},a}))}}function he(e,o,n,a){return{filteredOptions:t.computed(()=>!n.value||e?o.value:o.value.filter(l=>a(l,n.value)))}}function ge(e,o){const n=u=>{o.emit("search",u)};return{handleInput:u=>{const l=u.target.value;e.value=l,n(l)}}}function we(e,o,n){return{loadMore:()=>{const u=e.value;!o||u.clientHeight+u.scrollTop>=u.scrollHeight-12&&n.emit("loadMore")}}}function Ee(e,o,n,a,u,l,r,s,p){const y=()=>{p()},f=()=>{r(n.value[o.value],o.value)},g=d=>{const c=e.value,w=c.children[d];t.nextTick(()=>{if(w.scrollIntoViewIfNeeded)w.scrollIntoViewIfNeeded(!1);else{const A=c.getBoundingClientRect(),V=w.getBoundingClientRect();(V.bottom>A.bottom||V.top<A.top)&&w.scrollIntoView(!1)}})},F=d=>{o.value=d},v=(d,c=o.value)=>{const w=n.value.length;if(w===0||!["ArrowUp","ArrowDown"].includes(d))return;if(d==="ArrowUp"?(c-=1,c===-1&&(c=w-1)):d==="ArrowDown"&&(c+=1,c===w&&(c=0)),n.value[c][a])return v(d,c);F(c),g(c)};return{handleKeydown:d=>{const c=d.key||d.code;if(!l.value){if(!u.value)return s();switch(c){case"Escape":y();break;case"Enter":f();break;default:v(c)}}}}}const ye={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0},clickEventBubble:{type:Boolean,default:!1}};function be(e){const o=/(auto|scroll|hidden)/;for(let n=e;n=n.parentElement;n.parentElement!==document.body){const a=window.getComputedStyle(n);if(o.test(a.overflow+a.overflowX+a.overflowY))return n}return window}function Fe(e,o,n,a){let{x:u,y:l}=o;if(!e){const{width:r,height:s}=a;u&&n.includes("start")&&(u=12),u&&n.includes("end")&&(u=Math.round(r-24)),l&&n.includes("start")&&(l=10),l&&n.includes("end")&&(l=s-14)}return{x:u,y:l}}function ve(e,o){const n=t.ref(),a=t.ref();let u=null;const l=(s,p,y,f)=>{const{x:g,y:F}=Fe(e.isArrowCenter,y,p,f.getBoundingClientRect()),v={top:"bottom",right:"left",bottom:"top",left:"right"}[p.split("-")[0]];Object.assign(s.style,{left:g?`${g}px`:"",top:F?`${F}px`:"",right:"",bottom:"",[v]:"-4px"})},r=async()=>{const s=e.origin,p=t.unref(n.value),y=t.unref(a.value),f=[m.offset(e.offset),m.autoPlacement({alignment:e.align,allowedPlacements:e.position})];e.showArrow&&f.push(m.arrow({element:y})),e.shiftOffset!==void 0&&f.push(m.shift());const{x:g,y:F,placement:v,middlewareData:S}=await m.computePosition(s,p,{strategy:"fixed",middleware:f});let d=g,c=F;if(e.shiftOffset!==void 0){const{x:w,y:A}=S.shift;w<0&&(d-=e.shiftOffset),w>0&&(d+=e.shiftOffset),A<0&&(c-=e.shiftOffset),A>0&&(c+=e.shiftOffset)}o("positionChange",v),Object.assign(p.style,{top:`${c}px`,left:`${d}px`}),e.showArrow&&l(y,v,S.arrow,p)};return t.watch(()=>e.modelValue,()=>{e.modelValue&&e.origin?(u=be(e.origin),t.nextTick(r),u==null||u.addEventListener("scroll",r),u!==window&&window.addEventListener("scroll",r),window.addEventListener("resize",r)):(u==null||u.removeEventListener("scroll",r),u!==window&&window.removeEventListener("scroll",r),window.removeEventListener("resize",r))}),t.onUnmounted(()=>{u==null||u.removeEventListener("scroll",r),u!==window&&window.removeEventListener("scroll",r),window.removeEventListener("resize",r)}),{arrowRef:a,overlayRef:n,updatePosition:r}}var He="";const Ae=t.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:ye,emits:["update:modelValue","positionChange"],setup(e,{slots:o,attrs:n,emit:a,expose:u}){const l=T("flexible-overlay"),{clickEventBubble:r}=t.toRefs(e),{arrowRef:s,overlayRef:p,updatePosition:y}=ve(e,a);return u({updatePosition:y}),()=>{var f;return e.modelValue&&t.createVNode("div",t.mergeProps({ref:p,class:l.b()},n,{onClick:t.withModifiers(()=>({}),[r.value?"":"stop"]),onPointerup:t.withModifiers(()=>({}),["stop"])}),[(f=o.default)==null?void 0:f.call(o),e.showArrow&&t.createVNode("div",{ref:s,class:l.e("arrow")},null)])}}});function Ce(e){const o=t.computed(()=>{const a=new Map;return e.value.forEach(u=>{a.set(u,u.value)}),a});return{getOptionValue:a=>o.value.get(a)}}function Z(...e){const o=n=>n&&typeof n=="object";return e.reduce((n,a)=>(Object.keys(a).forEach(u=>{const l=n[u],r=a[u];Array.isArray(l)&&Array.isArray(r)?n[u]=Array.from(new Set([...r,...l])):o(l)&&o(r)?n[u]=Z(l,r):n[u]=r}),n),{})}var Be={pagination:{totalItemText:"\u6240\u6709\u6761\u76EE",goToText:"\u8DF3\u81F3",perPage:"\u6761/\u9875"},accordion:{loading:"\u52A0\u8F7D\u4E2D",noData:"\u6CA1\u6709\u6570\u636E"},autoCompleteDropdown:{latestInput:"\u6700\u8FD1\u8F93\u5165"},cascaderList:{noData:"\u6CA1\u6709\u6570\u636E"},colorPicker:{foundationPanel:"\u57FA\u7840\u9762\u677F",advancedPanel:"\u9AD8\u7EA7\u9762\u677F"},datePickerPro:{ok:"\u786E\u5B9A",placeholder:"\u8BF7\u9009\u62E9\u65E5\u671F",month1:"1\u6708",month2:"2\u6708",month3:"3\u6708",month4:"4\u6708",month5:"5\u6708",month6:"6\u6708",month7:"7\u6708",month8:"8\u6708",month9:"9\u6708",month10:"10\u6708",month11:"11\u6708",month12:"12\u6708",year:"\u5E74",startPlaceholder:"\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F",endPlaceholder:"\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F",getWeekDays(){return["\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"]},getTimeArr(){return["\u65F6","\u5206","\u79D2"]},getYearMonthStr(e,o){return`${e}\u5E74${o}\u6708`}},editableSelect:{noRelatedRecords:"\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",noData:"\u6CA1\u6709\u6570\u636E"},input:{placeholder:"\u8BF7\u8F93\u5165"},splitterBar:{collapse:"\u6536\u8D77",expand:"\u5C55\u5F00"},stepsGuide:{previous:"\u4E0A\u4E00\u6B65",continue:"\u6211\u77E5\u9053\u5566\uFF0C\u7EE7\u7EED",ok:"\u6211\u77E5\u9053\u5566"},table:{selectAll:"\u5168\u9009",ok:"\u786E\u5B9A"},timePopup:{ok:"\u786E\u5B9A"},transfer:{unit:"\u9879",panelUnit:"\u9879",headerUnit:"\u9879",noData:"\u6682\u65E0\u6570\u636E",placeholder:"\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22"},tree:{loading:"\u52A0\u8F7D\u4E2D",newNode:"\u65B0\u8282\u70B9",selectPlaceholder:"\u8BF7\u9009\u62E9"},upload:{placeholder:"\u9009\u62E9\u6587\u4EF6",getExistSameNameFilesMsg(e){return`\u60A8\u4E0A\u4F20\u7684 "${e}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`},getAllFilesBeyondMaximalFileSizeMsg(e){return`\u6700\u5927\u652F\u6301\u4E0A\u4F20${e}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`},getBeyondMaximalFileSizeMsg(e,o){return`\u6700\u5927\u652F\u6301\u4E0A\u4F20${o}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${e}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`},getNotAllowedFileTypeMsg(e,o){return`\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${o}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${e}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`}},search:{placeholder:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57"},select:{placeholder:"\u8BF7\u9009\u62E9",noDataText:"\u65E0\u6570\u636E",noMatchText:"\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",loadingText:"\u52A0\u8F7D\u4E2D..."},tagInput:{maxTagsText:"\u5DF2\u8FBE\u5230\u6700\u5927\u4E2A\u6570\uFF1A"},timeSelect:{placeholder:"\u8BF7\u9009\u62E9\u65F6\u95F4"}};const O=t.ref("zh-CN");let z=t.reactive({[O.value]:Be});const Ve={messages(){return z[O.value]},lang(){return O.value},use(e,o){O.value=e,this.add({[e]:o})},add(e={}){z=Z(z,e)}},De=e=>e.substring(1).replace(/^\S/,o=>o.toLocaleLowerCase());function ee(e,o){const n=o.split(".");let a=e;return n.forEach(u=>{var l;a=(l=a[u])!=null?l:""}),a}function Ne(e,o,n){const a=n||De(e)+".";return u=>{var s;const l=((s=o==null?void 0:o.appContext.config.globalProperties.langMessages)==null?void 0:s.value)||Ve.messages();return ee(l,a+u)||ee(l,u)}}var $=t.defineComponent({name:"DEditableSelect",directives:{ClickOutside:ae,Loading:me},props:j,emits:["update:modelValue","search","loadMore"],setup(e,o){const n=t.getCurrentInstance(),a=Ne("DEditableSelect",n),u=T("editable-select"),l=t.ref(),r=t.ref(),s=t.ref(0),p=t.ref(0),y=t.ref(["bottom"]),f=t.ref(!1),g=t.ref(e.modelValue),F=t.ref(e.loading),{normalizeOptions:v}=pe(e),S=e.searchFn||((h,B)=>h.label.toLocaleLowerCase().includes(B.trim().toLocaleLowerCase())),{filteredOptions:d}=he(e.enableLazyLoad,v,g,S),{getOptionValue:c}=Ce(d),w=t.computed(()=>{let h;return e.enableLazyLoad?h=a("noData"):h=a("noRelatedRecords"),h});t.watch(()=>e.loading,h=>{F.value=h});const A=()=>{f.value=!f.value},V=()=>{f.value=!1},{loadMore:Le}=we(l,e.enableLazyLoad,o),{handleInput:Oe}=ge(g,o),te=(h,B)=>{const{disabledKey:E}=e;if(E&&!!h[E])return;g.value=h.label,s.value=p.value,p.value=B;const x=c(h);o.emit("update:modelValue",x+""),V()},{handleKeydown:xe}=Ee(l,s,d,e.disabledKey,f,F,te,A,V),ke=()=>{g.value="",o.emit("update:modelValue","")},Me=(h,B)=>{const{disabledKey:E}=e;return I("devui-dropdown-item",{disabled:E?!!h[E]:!1,selected:d.value.length===1||B===p.value,[`${u.em("dropdown","bg")}`]:B===s.value})};return()=>{const h=I(`${u.b()} devui-form-group devui-has-feedback ${g.value&&e.allowClear&&"allow-clear"}`,{[`${u.m("open")}`]:f.value===!0}),B=I("devui-form-control devui-dropdown-origin",{"devui-dropdown-origin-open":f.value===!0});return t.withDirectives(t.createVNode("div",{class:h,ref:r,style:{width:e.width+"px"}},[t.createVNode("input",{class:B,onClick:t.withModifiers(A,["self"]),onInput:Oe,onKeydown:xe,value:g.value,disabled:e.disabled,placeholder:e.placeholder,type:"text"},null),t.createVNode("span",{class:"devui-form-control-feedback"},[t.createVNode("span",{class:"devui-select-clear-icon",onClick:ke},[t.createVNode(t.resolveComponent("d-icon"),{name:"icon-remove"},null)]),t.createVNode("span",{class:"devui-select-chevron-icon"},[t.createVNode(t.resolveComponent("d-icon"),{name:"select-arrow"},null)])]),t.createVNode(t.Teleport,{to:"body"},{default:()=>[t.createVNode(t.Transition,{name:"fade"},{default:()=>[t.createVNode(Ae,{origin:r.value,modelValue:f.value,"onUpdate:modelValue":E=>f.value=E,position:y.value,style:{zIndex:"var(--devui-z-index-dropdown, 1052)"}},{default:()=>[t.createVNode("div",{style:{width:e.width+"px"},class:`${u.e("menu")}`},[t.withDirectives(t.createVNode("div",{class:"devui-dropdown-menu"},[t.createVNode("ul",{ref:l,class:`${u.em("list","unstyled")} devui-scrollbar scroll-height`,style:{maxHeight:e.maxHeight+"px"},onScroll:Le},[d.value.map((E,x)=>t.createVNode("li",{class:Me(E,x),onClick:Te=>{Te.stopPropagation(),te(E,x)}},[o.slots.item?o.slots.item(E):E.label])),t.withDirectives(t.createVNode("div",{class:"devui-no-data-tip"},[o.slots.noResultItem?o.slots.noResultItem(g.value):w.value]),[[t.vShow,!d.value.length]])])]),[[t.vShow,f.value],[t.resolveDirective("loading"),e.loading]])])]})]})]})]),[[t.resolveDirective("click-outside"),V]])}}}),Se={title:"EditableSelect \u53EF\u8F93\u5165\u4E0B\u62C9\u9009\u62E9\u6846",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(e){e.component($.name,$)}};i.EditableSelect=$,i.default=Se,i.editableSelectProps=j,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
+var Lt=Object.defineProperty;var me=Object.getOwnPropertySymbols;var $t=Object.prototype.hasOwnProperty,Rt=Object.prototype.propertyIsEnumerable;var q=(y,o,E)=>o in y?Lt(y,o,{enumerable:!0,configurable:!0,writable:!0,value:E}):y[o]=E,k=(y,o)=>{for(var E in o||(o={}))$t.call(o,E)&&q(y,E,o[E]);if(me)for(var E of me(o))Rt.call(o,E)&&q(y,E,o[E]);return y};var V=(y,o,E)=>(q(y,typeof o!="symbol"?o+"":o,E),E);(function(y,o){typeof exports=="object"&&typeof module!="undefined"?o(exports,require("vue"),require("@vueuse/core"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@vueuse/core","@floating-ui/dom"],o):(y=typeof globalThis!="undefined"?globalThis:y||self,o(y.index={},y.Vue,y.core,y.dom))})(this,function(y,o,E,T){"use strict";const U={modelValue:{type:[String,Number]},appendToBody:{type:Boolean,default:!1},position:{type:Array,default:["bottom"]},options:{type:Array,default:()=>[]},width:{type:Number},maxHeight:{type:Number},size:{type:String},placeholder:{type:String,default:"Select"},loading:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},disabledKey:{type:String,default:""},remote:{type:Boolean,default:!1},filterMethod:{type:Function},remoteMethod:{type:Function},enableLazyLoad:{type:Boolean,default:!1}},M=Symbol("EditableSelect"),pe={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},ge={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function P(e,t,n){let l=e;return t&&(l+=`__${t}`),n&&(l+=`--${n}`),l}function S(e,t=!1){const n=t?`.devui-${e}`:`devui-${e}`;return{b:()=>P(n),e:i=>i?P(n,i):"",m:i=>i?P(n,"",i):"",em:(i,c)=>i&&c?P(n,i,c):""}}var _t="",ye=o.defineComponent({name:"DSvgIcon",props:ge,setup(e){const{name:t,color:n,size:l}=o.toRefs(e),r=S("svg-icon"),u=o.computed(()=>`#icon-${t.value}`),a=o.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),i={width:a.value,height:a.value};return()=>o.createVNode("svg",{class:r.b(),style:i},[o.createVNode("use",{"xlink:href":u.value,fill:n.value},null)])}});function be(e){return/^((http|https):)?\/\//.test(e)}function he(e,t){const{component:n,name:l,size:r,color:u,classPrefix:a,rotate:i}=o.toRefs(e),c=S("icon"),p=o.computed(()=>typeof r.value=="number"?`${r.value}px`:r.value),d=n.value?o.resolveDynamicComponent(n.value):o.resolveDynamicComponent(ye),f=()=>o.createVNode("img",o.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],class:[(i==null?void 0:i.value)==="infinite"&&c.m("spin")],style:{width:p.value||"",transform:`rotate(${i==null?void 0:i.value}deg)`,verticalAlign:"middle"}},t.attrs),null),m=()=>o.createVNode(d,o.mergeProps({name:l.value,color:u.value,size:p.value,class:[(i==null?void 0:i.value)==="infinite"&&c.m("spin")],style:{transform:`rotate(${i==null?void 0:i.value}deg)`}},t.attrs),null),h=()=>{const v=/^icon-/.test(l.value)?l.value:`${a.value}-${l.value}`;return o.createVNode("i",o.mergeProps({class:[a.value,v,(i==null?void 0:i.value)==="infinite"&&c.m("spin")],style:{fontSize:p.value,color:u.value,transform:`rotate(${i==null?void 0:i.value}deg)`}},t.attrs),null)};return{iconDom:()=>n.value?m():be(l.value)?f():h()}}var W=o.defineComponent({name:"DIcon",props:pe,emits:["click"],setup(e,t){const{disabled:n,operable:l}=o.toRefs(e),{iconDom:r}=he(e,t),u=S("icon"),a=o.computed(()=>({[u.e("container")]:!0,[u.m("disabled")]:n.value,[u.m("operable")]:l.value,[u.m("no-slots")]:!Object.keys(t.slots).length})),i=c=>{n.value||t.emit("click",c)};return()=>{var c,p,d,f;return o.createVNode("div",{class:a.value,onClick:i},[(p=(c=t.slots).prefix)==null?void 0:p.call(c),r(),(f=(d=t.slots).suffix)==null?void 0:f.call(d)])}}});const ve={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function Ee(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const e=document.documentElement.scrollTop,t=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${e}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{t?document.documentElement.setAttribute("style",t):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=e}}}function we(e,t){let n;const l=u=>{u.preventDefault(),t.emit("click",u),e.closeOnClickOverlay&&t.emit("update:modelValue",!1)},r=()=>{n==null||n()};return o.watch(()=>e.modelValue,u=>{u?e.lockScroll&&(n=Ee()):r()}),o.onUnmounted(r),{onClick:l}}var Ht="";o.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:ve,emits:["update:modelValue","click"],setup(e,t){const{modelValue:n}=o.toRefs(e),l=S("fixed-overlay"),{onClick:r}=we(e,t);return()=>o.createVNode(o.Transition,{name:l.m("fade")},{default:()=>{var u,a;return[n.value&&o.createVNode("div",o.mergeProps({class:l.b()},t.attrs,{onClick:r}),[(a=(u=t.slots).default)==null?void 0:a.call(u)])]}})}});const Fe={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0},clickEventBubble:{type:Boolean,default:!1}};function Se(e){const t=/(auto|scroll|hidden)/;for(let n=e;n=n.parentElement;n.parentElement!==document.body){const l=window.getComputedStyle(n);if(t.test(l.overflow+l.overflowX+l.overflowY))return n}return window}function Ce(e,t,n,l){let{x:r,y:u}=t;if(!e){const{width:a,height:i}=l;r&&n.includes("start")&&(r=12),r&&n.includes("end")&&(r=Math.round(a-24)),u&&n.includes("start")&&(u=10),u&&n.includes("end")&&(u=i-14)}return{x:r,y:u}}function Ve(e,t){const n=o.ref(),l=o.ref();let r=null;const u=(i,c,p,d)=>{const{x:f,y:m}=Ce(e.isArrowCenter,p,c,d.getBoundingClientRect()),h={top:"bottom",right:"left",bottom:"top",left:"right"}[c.split("-")[0]];Object.assign(i.style,{left:f?`${f}px`:"",top:m?`${m}px`:"",right:"",bottom:"",[h]:"-4px"})},a=async()=>{const i=e.origin,c=o.unref(n.value),p=o.unref(l.value),d=[T.offset(e.offset),T.autoPlacement({alignment:e.align,allowedPlacements:e.position})];e.showArrow&&d.push(T.arrow({element:p})),e.shiftOffset!==void 0&&d.push(T.shift());const{x:f,y:m,placement:h,middlewareData:w}=await T.computePosition(i,c,{strategy:"fixed",middleware:d});let v=f,s=m;if(e.shiftOffset!==void 0){const{x:g,y:F}=w.shift;g<0&&(v-=e.shiftOffset),g>0&&(v+=e.shiftOffset),F<0&&(s-=e.shiftOffset),F>0&&(s+=e.shiftOffset)}t("positionChange",h),Object.assign(c.style,{top:`${s}px`,left:`${v}px`}),e.showArrow&&u(p,h,w.arrow,c)};return o.watch(()=>e.modelValue,()=>{e.modelValue&&e.origin?(r=Se(e.origin),o.nextTick(a),r==null||r.addEventListener("scroll",a),r!==window&&window.addEventListener("scroll",a),window.addEventListener("resize",a)):(r==null||r.removeEventListener("scroll",a),r!==window&&window.removeEventListener("scroll",a),window.removeEventListener("resize",a))}),o.onUnmounted(()=>{r==null||r.removeEventListener("scroll",a),r!==window&&window.removeEventListener("scroll",a),window.removeEventListener("resize",a)}),{arrowRef:l,overlayRef:n,updatePosition:a}}var Kt="";const xe=o.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:Fe,emits:["update:modelValue","positionChange"],setup(e,{slots:t,attrs:n,emit:l,expose:r}){const u=S("flexible-overlay"),{clickEventBubble:a}=o.toRefs(e),{arrowRef:i,overlayRef:c,updatePosition:p}=Ve(e,l);return r({updatePosition:p}),()=>{var d;return e.modelValue&&o.createVNode("div",o.mergeProps({ref:c,class:u.b()},n,{onClick:o.withModifiers(()=>({}),[a.value?"":"stop"]),onPointerup:o.withModifiers(()=>({}),["stop"])}),[(d=t.default)==null?void 0:d.call(t),e.showArrow&&o.createVNode("div",{ref:i,class:u.e("arrow")},null)])}}}),Be={options:{type:Array,default:()=>[]},width:{type:Number},maxHeight:{type:Number}},Ae={label:{type:String},value:{type:[String,Number]},disabled:{type:Boolean,default:!1},hovering:{type:Boolean,default:!1}};function Te(e){const t=S("editable-select"),n=o.inject(M),{disabled:l,hovering:r}=o.toRefs(e),u=o.computed(()=>{var i;return((i=n==null?void 0:n.modelValue)==null?void 0:i.value)===e.value});return{optionClasses:o.computed(()=>({[t.e("item")]:!0,[t.em("item","selected")]:u.value,[t.em("item","disabled")]:l.value,[t.em("item","hover")]:r.value,[t.em("item","no-data-tip")]:!(e.label||e.value)}))}}var De=o.defineComponent({name:"DEditableSelectOption",props:Ae,emits:["select"],setup(e,t){const{optionClasses:n}=Te(e),l=o.computed(()=>e.label||e.value),r=()=>{e.disabled||t.emit("select")};return()=>o.createVNode("li",{class:n.value,onClick:r},[t.slots.default?t.slots.default():l.value])}});class Y{constructor(){V(this,"top","50%");V(this,"left","50%")}}const Ne={message:String,backdrop:Boolean,view:{type:Object,default:()=>new Y},zIndex:Number,isFull:{type:Boolean,default:!1}};class Ie{constructor(){V(this,"target");V(this,"message");V(this,"loadingTemplateRef");V(this,"backdrop",!0);V(this,"positionType","relative");V(this,"view",new Y);V(this,"zIndex")}}var qt="",Oe=o.defineComponent({name:"Loading",inheritAttrs:!1,props:Ne,setup(e){const t={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(t.background="none");const n=o.ref(!1);return{style:t,isShow:n,open:()=>{n.value=!0},close:()=>{n.value=!1}}},render(){var i;const{isShow:e,isFull:t,backdrop:n,style:l,message:r,$slots:u}=this,a=S("loading");return e&&o.createVNode("div",{class:[a.b(),t?a.m("full"):""]},[((i=u.default)==null?void 0:i.call(u))||o.createVNode("div",{class:a.e("wrapper")},[n?o.createVNode("div",{class:a.e("mask")},null):null,o.createVNode("div",{style:l,class:a.e("area")},[o.createVNode("div",{class:a.e("busy-default-spinner")},[o.createVNode("div",{class:a.e("bar1")},null),o.createVNode("div",{class:a.e("bar2")},null),o.createVNode("div",{class:a.e("bar3")},null),o.createVNode("div",{class:a.e("bar4")},null)]),r?o.createVNode("span",{class:a.e("text")},[r]):null])])])}});const X=Symbol("dev_component_container");function ke(e,t,n=null){const l=o.h(e,k({},t),n),r=document.createElement("div");return l[X]=r,o.render(l,r),l.component}function Me(e){o.render(null,e==null?void 0:e.vnode[X])}const Pe=o.defineComponent(Oe),D=new WeakSet,z=e=>{if(!e)return!0;if(Array.isArray(e))return e.length===0;if(e instanceof Set||e instanceof Map)return e.size===0;if(e instanceof Promise)return!1;if(typeof e=="object")try{return Object.keys(e).length===0}catch{return!1}return!1},G=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),je=e=>{switch(G(e)){case"promise":return[e];case"array":return e.some(n=>G(n)!=="promise")?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}},Q=e=>{D.delete(e),e.instance.proxy.close(),Me(e.instance)},J=(e,t)=>{var n,l,r;if(t.value){const u=je(t.value);if(u==="error")return;(r=(l=(n=e==null?void 0:e.instance)==null?void 0:n.proxy)==null?void 0:l.open)==null||r.call(l),e.appendChild(e.mask),D.add(e),u&&Promise.all(u).catch(a=>{console.error(new Error("Promise handling errors"),a)}).finally(()=>{Q(e)})}else Q(e)},Z=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},ee=(e,t)=>{var u;const n=k(k({},new Ie),t),l=n.loadingTemplateRef,r=ke(Pe,k({},n),l?()=>l:null);e.style.position=n.positionType||"relative",e.options=n,e.instance=r,e.mask=(u=r==null?void 0:r.proxy)==null?void 0:u.$el},Le={mounted:function(e,t,n){ee(e,n.props),Z(e),!z(t.value)&&J(e,t)},updated:function(e,t,n){!z(t.value)&&D.has(e)||z(t.value)&&!D.has(e)||(!D.has(e)&&ee(e,n.props),Z(e),J(e,t))}};var $e=typeof global=="object"&&global&&global.Object===Object&&global,Re=$e,ze=typeof self=="object"&&self&&self.Object===Object&&self,_e=Re||ze||Function("return this")(),te=_e,He=te.Symbol,j=He,ne=Object.prototype,Ke=ne.hasOwnProperty,qe=ne.toString,N=j?j.toStringTag:void 0;function Ue(e){var t=Ke.call(e,N),n=e[N];try{e[N]=void 0;var l=!0}catch{}var r=qe.call(e);return l&&(t?e[N]=n:delete e[N]),r}var We=Object.prototype,Ye=We.toString;function Xe(e){return Ye.call(e)}var Ge="[object Null]",Qe="[object Undefined]",oe=j?j.toStringTag:void 0;function le(e){return e==null?e===void 0?Qe:Ge:oe&&oe in Object(e)?Ue(e):Xe(e)}function Je(e){return e!=null&&typeof e=="object"}var Ze="[object Symbol]";function et(e){return typeof e=="symbol"||Je(e)&&le(e)==Ze}var tt=/\s/;function nt(e){for(var t=e.length;t--&&tt.test(e.charAt(t)););return t}var ot=/^\s+/;function lt(e){return e&&e.slice(0,nt(e)+1).replace(ot,"")}function L(e){var t=typeof e;return e!=null&&(t=="object"||t=="function")}var re=0/0,rt=/^[-+]0x[0-9a-f]+$/i,it=/^0b[01]+$/i,ut=/^0o[0-7]+$/i,at=parseInt;function ie(e){if(typeof e=="number")return e;if(et(e))return re;if(L(e)){var t=typeof e.valueOf=="function"?e.valueOf():e;e=L(t)?t+"":t}if(typeof e!="string")return e===0?e:+e;e=lt(e);var n=it.test(e);return n||ut.test(e)?at(e.slice(2),n?2:8):rt.test(e)?re:+e}var st="[object AsyncFunction]",ct="[object Function]",dt="[object GeneratorFunction]",ft="[object Proxy]";function ue(e){if(!L(e))return!1;var t=le(e);return t==ct||t==dt||t==st||t==ft}var mt=function(){return te.Date.now()},_=mt,pt="Expected a function",gt=Math.max,yt=Math.min;function ae(e,t,n){var l,r,u,a,i,c,p=0,d=!1,f=!1,m=!0;if(typeof e!="function")throw new TypeError(pt);t=ie(t)||0,L(n)&&(d=!!n.leading,f="maxWait"in n,u=f?gt(ie(n.maxWait)||0,t):u,m="trailing"in n?!!n.trailing:m);function h(b){var C=l,x=r;return l=r=void 0,p=b,a=e.apply(x,C),a}function w(b){return p=b,i=setTimeout(g,t),d?h(b):a}function v(b){var C=b-c,x=b-p,R=t-C;return f?yt(R,u-x):R}function s(b){var C=b-c,x=b-p;return c===void 0||C>=t||C<0||f&&x>=u}function g(){var b=_();if(s(b))return F(b);i=setTimeout(g,v(b))}function F(b){return i=void 0,m&&l?h(b):(l=r=void 0,a)}function A(){i!==void 0&&clearTimeout(i),p=0,l=c=r=i=void 0}function B(){return i===void 0?a:F(_())}function I(){var b=_(),C=s(b);if(l=arguments,r=this,c=b,C){if(i===void 0)return w(c);if(f)return clearTimeout(i),i=setTimeout(g,t),h(c)}return i===void 0&&(i=setTimeout(g,t)),a}return I.cancel=A,I.flush=B,I}function se(e){return e==null}var bt=o.defineComponent({name:"DEditableSelectDropdown",directives:{Loading:Le},props:Be,setup(e,{slots:t}){const n=S("editable-select"),{width:l,maxHeight:r}=o.toRefs(e),u=o.inject(M),{dropdownRef:a,hoveringIndex:i,handleOptionSelect:c,loadMore:p,emptyText:d}=u,f=s=>i.value===s,m=s=>u.disabledKey?!!s[u.disabledKey]:!1,h=ae(p,300),w=()=>{h()},v=()=>e.options.length===0?o.createVNode("li",{class:n.em("item","no-data-tip")},[t.noResultItem?t.noResultItem():d.value]):e.options.map((s,g)=>o.createVNode(De,{label:s.label,value:s.value,hovering:f(g),disabled:m(s),onSelect:()=>{c(s,!0)}},t.item?{default:()=>o.renderSlot(o.useSlots(),"item",{option:s,index:g})}:{}));return()=>o.withDirectives(o.createVNode("div",{class:n.e("dropdown"),style:{width:`${l==null?void 0:l.value}px`}},[o.createVNode("div",{ref:a,class:n.e("inner"),style:{maxHeight:`${r==null?void 0:r.value}px`},onScroll:w},[v()])]),[[o.resolveDirective("loading"),u.loading.value]])}});function ce(...e){const t=n=>n&&typeof n=="object";return e.reduce((n,l)=>(Object.keys(l).forEach(r=>{const u=n[r],a=l[r];Array.isArray(u)&&Array.isArray(a)?n[r]=Array.from(new Set([...a,...u])):t(u)&&t(a)?n[r]=ce(u,a):n[r]=a}),n),{})}var ht={pagination:{totalItemText:"\u6240\u6709\u6761\u76EE",goToText:"\u8DF3\u81F3",perPage:"\u6761/\u9875"},accordion:{loading:"\u52A0\u8F7D\u4E2D",noData:"\u6CA1\u6709\u6570\u636E"},autoCompleteDropdown:{latestInput:"\u6700\u8FD1\u8F93\u5165"},cascaderList:{noData:"\u6CA1\u6709\u6570\u636E"},colorPicker:{foundationPanel:"\u57FA\u7840\u9762\u677F",advancedPanel:"\u9AD8\u7EA7\u9762\u677F"},datePickerPro:{ok:"\u786E\u5B9A",placeholder:"\u8BF7\u9009\u62E9\u65E5\u671F",month1:"1\u6708",month2:"2\u6708",month3:"3\u6708",month4:"4\u6708",month5:"5\u6708",month6:"6\u6708",month7:"7\u6708",month8:"8\u6708",month9:"9\u6708",month10:"10\u6708",month11:"11\u6708",month12:"12\u6708",year:"\u5E74",startPlaceholder:"\u8BF7\u9009\u62E9\u5F00\u59CB\u65E5\u671F",endPlaceholder:"\u8BF7\u9009\u62E9\u7ED3\u675F\u65E5\u671F",getWeekDays(){return["\u65E5","\u4E00","\u4E8C","\u4E09","\u56DB","\u4E94","\u516D"]},getTimeArr(){return["\u65F6","\u5206","\u79D2"]},getYearMonthStr(e,t){return`${e}\u5E74${t}\u6708`}},editableSelect:{noRelatedRecords:"\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",noData:"\u6CA1\u6709\u6570\u636E"},input:{placeholder:"\u8BF7\u8F93\u5165"},splitterBar:{collapse:"\u6536\u8D77",expand:"\u5C55\u5F00"},stepsGuide:{previous:"\u4E0A\u4E00\u6B65",continue:"\u6211\u77E5\u9053\u5566\uFF0C\u7EE7\u7EED",ok:"\u6211\u77E5\u9053\u5566"},table:{selectAll:"\u5168\u9009",ok:"\u786E\u5B9A"},timePopup:{ok:"\u786E\u5B9A"},transfer:{unit:"\u9879",panelUnit:"\u9879",headerUnit:"\u9879",noData:"\u6682\u65E0\u6570\u636E",placeholder:"\u8BF7\u8F93\u5165\u5173\u952E\u8BCD\u641C\u7D22"},tree:{loading:"\u52A0\u8F7D\u4E2D",newNode:"\u65B0\u8282\u70B9",selectPlaceholder:"\u8BF7\u9009\u62E9"},upload:{placeholder:"\u9009\u62E9\u6587\u4EF6",getExistSameNameFilesMsg(e){return`\u60A8\u4E0A\u4F20\u7684 "${e}" \u5B58\u5728\u91CD\u540D\u6587\u4EF6, \u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`},getAllFilesBeyondMaximalFileSizeMsg(e){return`\u6700\u5927\u652F\u6301\u4E0A\u4F20${e}MB\u7684\u6587\u4EF6, \u60A8\u672C\u6B21\u4E0A\u4F20\u7684\u6240\u6709\u6587\u4EF6\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`},getBeyondMaximalFileSizeMsg(e,t){return`\u6700\u5927\u652F\u6301\u4E0A\u4F20${t}MB\u7684\u6587\u4EF6, \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${e}"\u8D85\u8FC7\u53EF\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F`},getNotAllowedFileTypeMsg(e,t){return`\u652F\u6301\u7684\u6587\u4EF6\u7C7B\u578B: "${t}", \u60A8\u4E0A\u4F20\u7684\u6587\u4EF6"${e}"\u4E0D\u5728\u5141\u8BB8\u8303\u56F4\u5185\uFF0C\u8BF7\u91CD\u65B0\u9009\u62E9\u6587\u4EF6`}},search:{placeholder:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57"},select:{placeholder:"\u8BF7\u9009\u62E9",noDataText:"\u65E0\u6570\u636E",noMatchText:"\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55",loadingText:"\u52A0\u8F7D\u4E2D..."},tagInput:{maxTagsText:"\u5DF2\u8FBE\u5230\u6700\u5927\u4E2A\u6570\uFF1A"},timeSelect:{placeholder:"\u8BF7\u9009\u62E9\u65F6\u95F4"}};const $=o.ref("zh-CN");let H=o.reactive({[$.value]:ht});const vt={messages(){return H[$.value]},lang(){return $.value},use(e,t){$.value=e,this.add({[e]:t})},add(e={}){H=ce(H,e)}},Et=e=>e.substring(1).replace(/^\S/,t=>t.toLocaleLowerCase());function de(e,t){const n=t.split(".");let l=e;return n.forEach(r=>{var u;l=(u=l[r])!=null?u:""}),l}function wt(e,t,n){const l=n||Et(e)+".";return r=>{var i;const u=((i=t==null?void 0:t.appContext.config.globalProperties.langMessages)==null?void 0:i.value)||vt.messages();return de(u,l+r)||de(u,r)}}function Ft(){return o.reactive({hoveringIndex:-1,selectedIndex:-1,query:"",inputValue:"",selectedLabel:"",isFocus:!1,visible:!1,softFocus:!1,isSilentBlur:!1,inputHovering:!1})}function St(e,t,n,l,r){const u=o.getCurrentInstance(),a=wt("DEditableSelect",u),i=o.ref(t.options),c=o.computed(()=>i.value.filter(s=>s.label.toLocaleLowerCase().includes(n.query.toLocaleLowerCase().trim()))),p=o.computed(()=>{let s="";return t.remote?s=a("noData"):s=a("noRelatedRecords"),s}),d=o.computed(()=>{const s=!se(t.modelValue)&&t.modelValue!=="";return t.allowClear&&!t.disabled&&n.inputHovering&&s}),f=()=>{t.disabled||(n.visible=!n.visible)},m=s=>{n.hoveringIndex=s,n.selectedIndex=s},h=()=>{const s=i.value;if(se(t.modelValue))n.inputValue="";else{const g=s.findIndex(F=>F.value===t.modelValue);g!==-1?(n.inputValue=s[g].label,n.selectedLabel=s[g].label,m(g)):(n.inputValue=`${t.modelValue}`,n.selectedLabel=`${t.modelValue}`)}},w=(s,g)=>{r.emit("update:modelValue",s.value),r.emit("change",s.value),n.isSilentBlur=g,l(),n.visible=!1},v=s=>{const g=e.value,F=g.children[s];o.nextTick(()=>{if(F.scrollIntoViewIfNeeded)F.scrollIntoViewIfNeeded(!1);else{const A=g.getBoundingClientRect(),B=F.getBoundingClientRect();(B.bottom>A.bottom||B.top<A.top)&&F.scrollIntoView(!1)}})};return o.watch(()=>n.visible,s=>{s?n.selectedIndex!==-1&&o.nextTick(()=>{v(n.selectedIndex)}):(n.query="",n.inputValue=n.selectedLabel),r.emit("visibleChange",s)}),o.watch(()=>t.modelValue,()=>{h()}),o.watch(()=>t.options,s=>{s.length!==0&&(i.value=s)}),o.onMounted(()=>{h()}),{cachedOptions:i,filteredOptions:c,emptyText:p,showClearable:d,toggleMenu:f,handleOptionSelect:w,scrollToItem:v}}const Ct={tab:"Tab",enter:"Enter",up:"ArrowUp",down:"ArrowDown",esc:"Escape"};function Vt(e,t,n,l,r){const u=d=>{t.hoveringIndex=d},a=(d,f=t.hoveringIndex)=>{if(!t.visible){t.visible=!0;return}if(n.value.length===0||e.loading)return;let m=0;if(d==="ArrowDown"?(m=f+1,m>n.value.length-1&&(m=0)):d==="ArrowUp"&&(m=f-1,m<0&&(m=n.value.length-1)),n.value[m][e.disabledKey])return a(d,m);u(m),l(m)},i=()=>{t.visible=!1},c=()=>{if(!t.visible)return t.visible=!0;const d=n.value[t.hoveringIndex];d&&r(d,!1)};return{onKeydown:d=>{const f=d.key||d.code,{tab:m,esc:h,down:w,up:v,enter:s}=Ct;switch((f===v||f===w)&&d.preventDefault(),f){case v:a("ArrowUp");break;case w:a("ArrowDown");break;case h:case m:i();break;case s:c();break}}}}function xt(e,t){const n=S("editable-select-input"),l=o.computed(()=>({[n.b()]:!0,[n.m("sm")]:e.size==="sm",[n.m("lg")]:e.size==="lg",[n.m("open")]:t.visible})),r=o.computed(()=>({[n.e("wrapper")]:!0,[n.em("wrapper","focus")]:t.isFocus,[n.em("wrapper","disabled")]:e.disabled})),u=o.computed(()=>({[n.e("inner")]:!0})),a=o.computed(()=>({[n.e("placeholder")]:!0})),i=o.computed(()=>({[n.e("suffix")]:!0}));return{inputClasses:l,inputWrapperClasses:r,inputInnerClasses:u,inputPlaceholderClasses:a,inputSuffixClasses:i}}function Bt(e,t,n,l){const r=o.computed(()=>t.remote?300:0),u=()=>{var g;const s=e.value;s&&((g=s.focus)==null||g.call(s))},a=s=>{n.softFocus?n.softFocus=!1:(l.emit("focus",s),n.isFocus=!0)},i=async s=>{n.isSilentBlur?n.isSilentBlur=!1:(l.emit("blur",s),n.isFocus=!0),n.softFocus=!1},c=s=>{n.inputValue=s},p=s=>{t.remote&&ue(t.remoteMethod)?t.remoteMethod(s):ue(t.filterMethod)&&t.filterMethod(s)},d=()=>{n.query=n.inputValue,p(n.query)},f=ae(d,r.value);return{blur,setSoftFocus:u,handleFocus:a,handleBlur:i,handleClear:()=>{l.emit("update:modelValue",""),l.emit("change",""),l.emit("clear"),n.hoveringIndex=-1,n.visible=!1},onInput:s=>{const g=s.target.value;c(g),n.inputValue.length>0&&!n.visible&&(n.visible=!0),t.remote?f():d()},onMouseenter:()=>{n.inputHovering=!0},onMouseleave:()=>{n.inputHovering=!1}}}function At(e,t,n){const{enableLazyLoad:l}=o.toRefs(t);return{loadMore:()=>{!e.value||!l.value||(e==null?void 0:e.value.clientHeight)+e.value.scrollTop>=e.value.scrollHeight-12&&n.emit("loadMore")}}}var Ut="";function Tt(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!o.isVNode(e)}var K=o.defineComponent({name:"DEditableSelect",props:U,emits:["update:modelValue","focus","blur","clear","change","visibleChange","loadMore"],setup(e,t){const n=S("editable-select"),l=o.ref(),r=o.ref(),u=o.ref(),a=o.ref(),i=Ft(),{appendToBody:c,disabled:p,modelValue:d,position:f,placeholder:m}=o.toRefs(e),{onInput:h,onMouseenter:w,onMouseleave:v,setSoftFocus:s,handleBlur:g,handleFocus:F,handleClear:A}=Bt(l,e,i,t),{filteredOptions:B,emptyText:I,showClearable:b,toggleMenu:C,handleOptionSelect:x,scrollToItem:R}=St(u,e,i,s,t),{onKeydown:Nt}=Vt(e,i,B,R,x),{loadMore:It}=At(u,e,t);o.provide(M,{dropdownRef:u,disabledKey:e.disabledKey,modelValue:d,inputValue:o.toRef(i,"inputValue"),query:o.toRef(i,"query"),hoveringIndex:o.toRef(i,"hoveringIndex"),loading:o.toRef(e,"loading"),emptyText:I,loadMore:It,handleOptionSelect:x,setSoftFocus:s}),E.onClickOutside(r,()=>{i.visible=!1,i.isFocus=!1},{ignore:[a]});const{inputClasses:Ot,inputWrapperClasses:kt,inputInnerClasses:Mt,inputSuffixClasses:Pt}=xt(e,i),fe=()=>o.createVNode(o.Transition,{name:"fade"},{default:()=>[o.createVNode(xe,{ref:a,modelValue:i.visible,"onUpdate:modelValue":O=>i.visible=O,origin:r.value,position:f.value,style:{zIndex:"var(--devui-z-index-dropdown, 1052)"}},{default:()=>[o.createVNode(bt,{options:B.value,width:e.width,maxHeight:e.maxHeight},t.slots)]})]}),jt=()=>{if(c.value){let O;return o.createVNode(o.Teleport,{to:"body"},Tt(O=fe())?O:{default:()=>[O]})}else return fe()};return()=>o.createVNode("div",{ref:r,class:n.b(),style:{width:e.width+"px"},onClick:C},[o.createVNode("div",{class:Ot.value,onMouseenter:w,onMouseleave:v},[o.createVNode("div",{class:kt.value},[o.createVNode("input",{ref:l,class:Mt.value,disabled:p.value,placeholder:m.value,value:i.inputValue,type:"text",onInput:h,onFocus:F,onBlur:g,onKeydown:Nt},null),o.createVNode("span",{class:Pt.value},[o.withDirectives(o.createVNode("span",{class:n.e("clear-icon"),onClick:o.withModifiers(A,["stop"])},[o.createVNode(W,{name:"icon-remove"},null)]),[[o.vShow,b.value]]),o.withDirectives(o.createVNode("span",{class:n.e("arrow-icon")},[o.createVNode(W,{name:"select-arrow"},null)]),[[o.vShow,!b.value]])])])]),jt()])}}),Dt={title:"EditableSelect \u53EF\u8F93\u5165\u4E0B\u62C9\u9009\u62E9\u6846",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(e){e.component(K.name,K)}};y.EditableSelect=K,y.SELECT_KEY=M,y.default=Dt,y.editableSelectProps=U,Object.defineProperty(y,"__esModule",{value:!0}),y[Symbol.toStringTag]="Module"});

package/editable-select/style.css

@@ -1 +1 @@
-@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}.devui-loading__mask{z-index:var(--devui-z-index-full-page-overlay, 1080);position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #d7d8da);opacity:.3}.devui-loading__wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:var(--devui-z-index-full-page-overlay, 1080)}.devui-loading--hidden{overflow:hidden}.devui-loading__text{margin-left:10px}.devui-loading__area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-loading__busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-loading__busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-loading__busy-default-spinner .devui-loading__bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-loading__busy-default-spinner .devui-loading__bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-editable-select.devui-form-group.devui-has-feedback>.devui-form-control-feedback{height:100%;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:var(--devui-font-size, 14px);z-index:10;line-height:0}.devui-editable-select.devui-form-group.devui-has-feedback>.devui-form-control-feedback>span{align-items:center}.devui-editable-select.devui-form-group.devui-has-feedback>.devui-form-control-feedback>span>svg{width:1em;height:1em}.devui-editable-select.devui-form-group.devui-has-feedback .devui-select-clear-icon{pointer-events:auto;display:none;cursor:pointer}.devui-editable-select.devui-form-group.devui-has-feedback .devui-select-clear-icon path{fill:var(--devui-shape-icon-fill, #d7d8da);transition:all var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)) var(--devui-animation-duration-slow, .3s)}.devui-editable-select.devui-form-group.devui-has-feedback .devui-select-clear-icon:hover path{fill:var(--devui-shape-icon-fill-hover, #babbc0)}.devui-editable-select.devui-form-group.devui-has-feedback .devui-select-chevron-icon{display:flex;transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-editable-select.devui-form-group.devui-has-feedback .devui-select-chevron-icon svg path{fill:var(--devui-text-weak, #575d6c)}.devui-editable-select.allow-clear:hover .devui-select-chevron-icon{display:none}.devui-editable-select.allow-clear:hover .devui-select-clear-icon{display:flex}.devui-editable-select.devui-editable-select--open .devui-select-chevron-icon{transform:rotate(180deg)}.devui-editable-select .devui-form-control{outline:none;padding-right:24px}.devui-editable-select input::-ms-clear{display:none}.devui-editable-select__menu .devui-dropdown-menu{width:100%;display:block;top:auto!important;left:auto!important;padding-bottom:0;box-shadow:none}.devui-editable-select__menu .devui-dropdown-menu .devui-scrollbar{overflow-y:overlay;margin:0}.devui-editable-select__menu .devui-dropdown-menu .devui-dropdown-item{cursor:pointer;display:block;width:100%;min-height:36px;line-height:20px;padding:8px 12px;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--devui-border-radius, 2px);transition:color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1)),background-color var(--devui-animation-duration-fast, .1s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-editable-select__menu .devui-dropdown-menu .devui-dropdown-item:not(:first-child){margin-top:4px}.devui-editable-select__menu .devui-dropdown-menu .devui-dropdown-item.disabled{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-editable-select__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover:not(.selected):not(.active){background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-editable-select__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).devui-editable-select__dropdown--bg{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-editable-select__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected,.devui-editable-select__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).active{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-editable-select__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected:hover,.devui-editable-select__menu .devui-dropdown-menu .devui-dropdown-item:not(.disabled).active:hover{background-color:var(--devui-list-item-active-bg, #f2f5fc);color:var(--devui-list-item-active-text, #252b3a)}.devui-editable-select__menu ul.devui-editable-select__list-unstyled{margin:0}.devui-editable-select__menu .devui-popup-tips{color:var(--devui-text-weak, #575d6c);padding:4px 12px}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 4px 8px 0) var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}
+.devui-icon__container{display:inline-block;color:var(--devui-icon-fill, #71757f)}.devui-icon__container>*:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--no-slots i,.devui-icon--no-slots img{display:block}.devui-icon--disabled{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text, #adb0b8)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover, var(--devui-list-item-hover-bg, #f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover, #252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active, var(--devui-list-item-active-bg, #f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color, var(--devui-icon-fill-active, #252b3a))}.devui-icon--operable.devui-icon__container{height:32px;line-height:32px;padding:0 8px;margin-left:-8px;border-radius:var(--devui-border-radius, 2px);transition:all var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-icon--spin{animation:iconSpin 2.5s linear infinite}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1050}.devui-fixed-overlay--fade-enter-active,.devui-fixed-overlay--fade-leave-active{transition:opacity .1s cubic-bezier(0,0,1,1)}.devui-fixed-overlay--fade-enter-from,.devui-fixed-overlay--fade-leave-to{opacity:0}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-connected-overlay-bg, #ffffff);box-shadow:var(--devui-shadow-length-connected-overlay, 0 4px 8px 0) var(--devui-shadow, rgba(37, 43, 58, .2));z-index:1000}.devui-flexible-overlay__arrow{position:absolute;width:8px;height:8px;transform:rotate(45deg);background-color:inherit}@keyframes devui-busy-spinner-anim{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.5)}to{transform:rotate(360deg) scale(1)}}.devui-loading__mask{z-index:var(--devui-z-index-full-page-overlay, 1080);position:absolute;left:0;right:0;bottom:0;top:0;background-color:var(--devui-line, #d7d8da);opacity:.3}.devui-loading__wrapper{text-align:center}.devui-loading--full{position:fixed;left:0;right:0;bottom:0;top:0;z-index:var(--devui-z-index-full-page-overlay, 1080)}.devui-loading--hidden{overflow:hidden}.devui-loading__text{margin-left:10px}.devui-loading__area{position:absolute;transform:translate(-50%,-50%);padding:12px 14px;background:var(--devui-base-bg, #ffffff);border-radius:var(--devui-border-radius-card, 6px)}.devui-loading__busy-default-spinner{position:relative;display:inline-block;width:15px;height:15px;animation:devui-busy-spinner-anim 1s linear infinite}.devui-loading__busy-default-spinner div{position:absolute;left:44.5%;top:37%;width:6px;height:6px;border-radius:50%}.devui-loading__busy-default-spinner .devui-loading__bar1{top:0;left:0;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-loading__busy-default-spinner .devui-loading__bar2{top:0;left:9px;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar3{top:9px;left:0;background:#859bff;background:var(--devui-brand-foil, #859bff)}.devui-loading__busy-default-spinner .devui-loading__bar4{top:9px;left:9px;background:#5e7ce0;background:var(--devui-brand, #5e7ce0)}.devui-editable-select-input{height:32px;font-size:var(--devui-font-size, 14px)}.devui-editable-select-input--sm{height:24px;font-size:var(--devui-font-size-sm, 12px)}.devui-editable-select-input--lg{height:40px;font-size:var(--devui-font-size-lg, 14px)}.devui-editable-select-input--open .devui-editable-select__arrow-icon{transform:rotate(180deg)}.devui-editable-select-input__wrapper{display:flex;align-items:center;justify-content:center;position:relative;height:100%;padding:0 8px;border:1px solid var(--devui-form-control-line, #d7d8da);border-radius:var(--devui-border-radius, 2px);background-color:var(--devui-form-control-bg, #ffffff);transition:border-color .3s var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-editable-select-input__wrapper:not(.devui-editable-select-input__wrapper--disabled):not(.devui-editable-select-input__wrapper--focus):hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-editable-select-input__wrapper--focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-editable-select-input__wrapper--disabled{color:var(--devui-disabled-text, #adb0b8);border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f5);cursor:not-allowed}.devui-editable-select-input__wrapper--disabled:hover{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-editable-select-input__wrapper--disabled .devui-editable-select-input__inner{color:var(--devui-disabled-text, #adb0b8);cursor:not-allowed}.devui-editable-select-input__inner{width:100%;height:100%;padding:4px 0;border:none;background:none;outline:none}.devui-editable-select-input__placeholder{width:calc(100% - 16px);position:absolute;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translateY(-50%);top:50%}.devui-editable-select-input__suffix{height:100%;display:inline-flex;align-items:center;justify-content:center;font-size:var(--devui-font-size, 14px)}.devui-editable-select-input__suffix>span{align-items:center}.devui-editable-select-input__suffix .devui-editable-select__clear-icon{pointer-events:auto;display:flex;cursor:pointer}.devui-editable-select-input__suffix .devui-editable-select__arrow-icon{display:flex;transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-editable-select__dropdown{margin:8px 0}.devui-editable-select__inner{padding:12px;margin:0;list-style:none;overflow-y:auto}.devui-editable-select__item{cursor:pointer;user-select:none;line-height:20px;padding:8px 12px;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devui-editable-select__item:not(:first-child){margin-top:4px}.devui-editable-select__item--disabled{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-editable-select__item--selected:not(.devui-editable-select__item--disabled):not(.devui-editable-select__item--no-data-tip){color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)}.devui-editable-select__item--last-selected{background:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-editable-select__item--hover:not(.devui-editable-select__item--selected){background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-editable-select__item:not(.devui-editable-select__item--disabled):not(.devui-editable-select__item--selected):not(.devui-editable-select__item--no-data-tip):hover{background-color:var(--devui-list-item-hover-bg, #f2f2f3);color:var(--devui-list-item-hover-text, #252b3a)}.devui-editable-select__item--no-data-tip{text-align:center;cursor:not-allowed;user-select:none;color:var(--devui-disabled-text, #adb0b8);font-size:var(--devui-font-size, 14px);line-height:22px;padding:0}

package/modal/index.es.js

@@ -747,19 +747,23 @@ var Modal = defineComponent({
       const typeList = [{
         type: "success",
         text: "\u6210\u529F",
-        icon: "right-o"
+        icon: "right-o",
+        color: "var(--devui-success)"
       }, {
         type: "failed",
         text: "\u9519\u8BEF",
-        icon: "error-o"
+        icon: "error-o",
+        color: "var(--devui-danger)"
       }, {
         type: "warning",
         text: "\u8B66\u544A",
-        icon: "warning-o"
+        icon: "warning-o",
+        color: "var(--devui-warning)"
       }, {
         type: "info",
         text: "\u4FE1\u606F",
-        icon: "info-o"
+        icon: "info-o",
+        color: "var(--devui-info)"
       }];
       const item = typeList.find((i) => i.type === props.type);
       return createVNode("div", {
@@ -773,7 +777,8 @@ var Modal = defineComponent({
         }, [createVNode("div", {
           "class": "type-content-icon"
         }, [createVNode(Icon, {
-          "name": item == null ? void 0 : item.icon
+          "name": item == null ? void 0 : item.icon,
+          "color": item == null ? void 0 : item.color
         }, null)]), createVNode("div", {
           "class": "type-content-text"
         }, [item == null ? void 0 : item.text])])]

package/modal/index.umd.js

@@ -1 +1 @@
-var we=Object.defineProperty,ge=Object.defineProperties;var ve=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var S=(c,e,u)=>e in c?we(c,e,{enumerable:!0,configurable:!0,writable:!0,value:u}):c[e]=u,$=(c,e)=>{for(var u in e||(e={}))_.call(e,u)&&S(c,u,e[u]);if(P)for(var u of P(e))q.call(e,u)&&S(c,u,e[u]);return c},T=(c,e)=>ge(c,ve(e));var W=(c,e)=>{var u={};for(var b in c)_.call(c,b)&&e.indexOf(b)<0&&(u[b]=c[b]);if(c!=null&&P)for(var b of P(c))e.indexOf(b)<0&&q.call(c,b)&&(u[b]=c[b]);return u};var G=(c,e,u)=>(S(c,typeof e!="symbol"?e+"":e,u),u);(function(c,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],e):(c=typeof globalThis!="undefined"?globalThis:c||self,e(c.index={},c.Vue,c.dom))})(this,function(c,e,u){"use strict";const b={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},lockScroll:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0},beforeClose:{type:Function},escapable:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},showAnimation:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!0},type:{type:String,default:""},keepLast:{type:Boolean,default:!1}},K={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},J={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function O(t,n,o){let l=t;return n&&(l+=`__${n}`),o&&(l+=`--${o}`),l}function V(t,n=!1){const o=n?`.devui-${t}`:`devui-${t}`;return{b:()=>O(o),e:r=>r?O(o,r):"",m:r=>r?O(o,"",r):"",em:(r,d)=>r&&d?O(o,r,d):""}}var Ve="",Q=e.defineComponent({name:"DSvgIcon",props:J,setup(t){const{name:n,color:o,size:l}=e.toRefs(t),a=V("svg-icon"),i=e.computed(()=>`#icon-${n.value}`),s=e.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),r={width:s.value,height:s.value};return()=>e.createVNode("svg",{class:a.b(),style:r},[e.createVNode("use",{"xlink:href":i.value,fill:o.value},null)])}});function Z(t){return/^((http|https):)?\/\//.test(t)}function ee(t,n){const{component:o,name:l,size:a,color:i,classPrefix:s,rotate:r}=e.toRefs(t),d=V("icon"),f=e.computed(()=>typeof a.value=="number"?`${a.value}px`:a.value),m=o.value?e.resolveDynamicComponent(o.value):e.resolveDynamicComponent(Q),p=()=>e.createVNode("img",e.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],class:[(r==null?void 0:r.value)==="infinite"&&d.m("spin")],style:{width:f.value||"",transform:`rotate(${r==null?void 0:r.value}deg)`,verticalAlign:"middle"}},n.attrs),null),y=()=>e.createVNode(m,e.mergeProps({name:l.value,color:i.value,size:f.value,class:[(r==null?void 0:r.value)==="infinite"&&d.m("spin")],style:{transform:`rotate(${r==null?void 0:r.value}deg)`}},n.attrs),null),h=()=>{const g=/^icon-/.test(l.value)?l.value:`${s.value}-${l.value}`;return e.createVNode("i",e.mergeProps({class:[s.value,g,(r==null?void 0:r.value)==="infinite"&&d.m("spin")],style:{fontSize:f.value,color:i.value,transform:`rotate(${r==null?void 0:r.value}deg)`}},n.attrs),null)};return{iconDom:()=>o.value?y():Z(l.value)?p():h()}}var I=e.defineComponent({name:"DIcon",props:K,emits:["click"],setup(t,n){const{disabled:o,operable:l}=e.toRefs(t),{iconDom:a}=ee(t,n),i=V("icon"),s=e.computed(()=>({[i.e("container")]:!0,[i.m("disabled")]:o.value,[i.m("operable")]:l.value,[i.m("no-slots")]:!Object.keys(n.slots).length})),r=d=>{o.value||n.emit("click",d)};return()=>{var d,f,m,p;return e.createVNode("div",{class:s.value,onClick:r},[(f=(d=n.slots).prefix)==null?void 0:f.call(d),a(),(p=(m=n.slots).suffix)==null?void 0:p.call(m)])}}}),Ee="";e.defineComponent({name:"DIconGroup",setup(t,n){const o=V("icon-group");return()=>{var l,a;return e.createVNode("div",{class:o.b()},[(a=(l=n.slots).default)==null?void 0:a.call(l)])}}});const te={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function R(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const t=document.documentElement.scrollTop,n=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${t}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{n?document.documentElement.setAttribute("style",n):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=t}}}function ne(t,n){let o;const l=i=>{i.preventDefault(),n.emit("click",i),t.closeOnClickOverlay&&n.emit("update:modelValue",!1)},a=()=>{o==null||o()};return e.watch(()=>t.modelValue,i=>{i?t.lockScroll&&(o=R()):a()}),e.onUnmounted(a),{onClick:l}}var Ce="";const oe=e.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:te,emits:["update:modelValue","click"],setup(t,n){const{modelValue:o}=e.toRefs(t),l=V("fixed-overlay"),{onClick:a}=ne(t,n);return()=>e.createVNode(e.Transition,{name:l.m("fade")},{default:()=>{var i,s;return[o.value&&e.createVNode("div",e.mergeProps({class:l.b()},n.attrs,{onClick:a}),[(s=(i=n.slots).default)==null?void 0:s.call(i)])]}})}}),le={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0},clickEventBubble:{type:Boolean,default:!1}};function ae(t){const n=/(auto|scroll|hidden)/;for(let o=t;o=o.parentElement;o.parentElement!==document.body){const l=window.getComputedStyle(o);if(n.test(l.overflow+l.overflowX+l.overflowY))return o}return window}function re(t,n,o,l){let{x:a,y:i}=n;if(!t){const{width:s,height:r}=l;a&&o.includes("start")&&(a=12),a&&o.includes("end")&&(a=Math.round(s-24)),i&&o.includes("start")&&(i=10),i&&o.includes("end")&&(i=r-14)}return{x:a,y:i}}function ie(t,n){const o=e.ref(),l=e.ref();let a=null;const i=(r,d,f,m)=>{const{x:p,y}=re(t.isArrowCenter,f,d,m.getBoundingClientRect()),h={top:"bottom",right:"left",bottom:"top",left:"right"}[d.split("-")[0]];Object.assign(r.style,{left:p?`${p}px`:"",top:y?`${y}px`:"",right:"",bottom:"",[h]:"-4px"})},s=async()=>{const r=t.origin,d=e.unref(o.value),f=e.unref(l.value),m=[u.offset(t.offset),u.autoPlacement({alignment:t.align,allowedPlacements:t.position})];t.showArrow&&m.push(u.arrow({element:f})),t.shiftOffset!==void 0&&m.push(u.shift());const{x:p,y,placement:h,middlewareData:w}=await u.computePosition(r,d,{strategy:"fixed",middleware:m});let g=p,E=y;if(t.shiftOffset!==void 0){const{x:N,y:x}=w.shift;N<0&&(g-=t.shiftOffset),N>0&&(g+=t.shiftOffset),x<0&&(E-=t.shiftOffset),x>0&&(E+=t.shiftOffset)}n("positionChange",h),Object.assign(d.style,{top:`${E}px`,left:`${g}px`}),t.showArrow&&i(f,h,w.arrow,d)};return e.watch(()=>t.modelValue,()=>{t.modelValue&&t.origin?(a=ae(t.origin),e.nextTick(s),a==null||a.addEventListener("scroll",s),a!==window&&window.addEventListener("scroll",s),window.addEventListener("resize",s)):(a==null||a.removeEventListener("scroll",s),a!==window&&window.removeEventListener("scroll",s),window.removeEventListener("resize",s))}),e.onUnmounted(()=>{a==null||a.removeEventListener("scroll",s),a!==window&&window.removeEventListener("scroll",s),window.removeEventListener("resize",s)}),{arrowRef:l,overlayRef:o,updatePosition:s}}var Ne="";e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:le,emits:["update:modelValue","positionChange"],setup(t,{slots:n,attrs:o,emit:l,expose:a}){const i=V("flexible-overlay"),{clickEventBubble:s}=e.toRefs(t),{arrowRef:r,overlayRef:d,updatePosition:f}=ie(t,l);return a({updatePosition:f}),()=>{var m;return t.modelValue&&e.createVNode("div",e.mergeProps({ref:d,class:i.b()},o,{onClick:e.withModifiers(()=>({}),[s.value?"":"stop"]),onPointerup:e.withModifiers(()=>({}),["stop"])}),[(m=n.default)==null?void 0:m.call(n),t.showArrow&&e.createVNode("div",{ref:r,class:i.e("arrow")},null)])}}});const se=typeof window!="undefined";function ce(t,n){function o(){n("update:modelValue",!1)}function l(){t.beforeClose?t.beforeClose(o):o()}function a(i){i.code==="Escape"&&l()}return e.onMounted(()=>{t.escapable&&window.addEventListener("keydown",a)}),e.onUnmounted(()=>{t.escapable&&window.addEventListener("keydown",a)}),{execClose:l}}function de(t){let n;const o=()=>{n==null||n()};e.watch(()=>t.modelValue,l=>{l?t.lockScroll&&(n=R()):o()},{immediate:!0}),e.onUnmounted(o)}function z(t,n="px"){return t?typeof t=="string"?t:typeof t=="number"?`${t}${n}`:"":""}const ue=(t,n,o)=>{const l=e.ref("translate(-50%, -50%)");let a={offsetX:0,offsetY:0};const i=f=>{const m=f.clientX,p=f.clientY,{offsetX:y,offsetY:h}=a,w=t.value.getBoundingClientRect(),g=w.left,E=w.top,N=w.width,x=w.height,C=document.documentElement.clientWidth,v=document.documentElement.clientHeight,A=-g+y,pe=-E+h,ye=C-g-N+y,he=v-E-x+h,F=U=>{const j=Math.min(Math.max(y+U.clientX-m,A),ye),H=Math.min(Math.max(h+U.clientY-p,pe),he);a={offsetX:j,offsetY:H},l.value=`translate(calc(-50% + ${z(j)}), calc(-50% + ${z(H)}))`},Y=()=>{document.removeEventListener("mousemove",F),document.removeEventListener("mouseup",Y)};document.addEventListener("mousemove",F),document.addEventListener("mouseup",Y)},s=()=>{n.value&&t.value&&n.value.addEventListener("mousedown",i)},r=()=>{n.value&&t.value&&n.value.removeEventListener("mousedown",i)};return e.onMounted(()=>{e.watchEffect(()=>{o.value?s():r()})}),e.onBeforeUnmount(()=>{r()}),{clearPosition:()=>{a={offsetX:0,offsetY:0},l.value="translate(-50%, -50%)"},modalPosition:l}};var B=e.defineComponent({name:"DModalHeader",setup(t,{slots:n}){const o=V("modal");return()=>{var l;return e.createVNode("div",{class:o.e("header")},[(l=n.default)==null?void 0:l.call(n)])}}}),D=e.defineComponent({name:"DModalBody",setup(t,{slots:n}){const o=V("modal");return()=>{var l;return e.createVNode("div",{class:o.e("body")},[(l=n.default)==null?void 0:l.call(n)])}}}),xe="",k=e.defineComponent({name:"DModal",inheritAttrs:!1,props:b,emits:["update:modelValue"],setup(t,{slots:n,attrs:o,emit:l}){const a=V("modal"),{modelValue:i,title:s,showClose:r,showOverlay:d,appendToBody:f,closeOnClickOverlay:m,keepLast:p}=e.toRefs(t),{execClose:y}=ce(t,l);de(t);const h=e.ref(),w=e.ref(),g=e.computed(()=>t.draggable),{clearPosition:E,modalPosition:N}=ue(h,w,g);e.watch(i,C=>{C&&!p.value&&E()});const x=()=>{const v=[{type:"success",text:"\u6210\u529F",icon:"right-o"},{type:"failed",text:"\u9519\u8BEF",icon:"error-o"},{type:"warning",text:"\u8B66\u544A",icon:"warning-o"},{type:"info",text:"\u4FE1\u606F",icon:"info-o"}].find(A=>A.type===t.type);return e.createVNode("div",{style:{cursor:t.draggable?"move":"default"},ref:w},[e.createVNode(B,null,{default:()=>[e.createVNode("div",{class:"type-content"},[e.createVNode("div",{class:"type-content-icon"},[e.createVNode(I,{name:v==null?void 0:v.icon},null)]),e.createVNode("div",{class:"type-content-text"},[v==null?void 0:v.text])])]})])};return()=>e.createVNode(e.Teleport,{to:"body",disabled:!f.value},{default:()=>[d.value&&e.createVNode(oe,e.mergeProps({modelValue:i.value},{"onUpdate:modelValue":y},{class:a.e("overlay"),"lock-scroll":!1,"close-on-click-overlay":m.value,style:{zIndex:"calc(var(--devui-z-index-modal, 1050) - 1)"}}),null),e.createVNode(e.Transition,{name:t.showAnimation?a.m("wipe"):""},{default:()=>{var C;return[i.value&&e.createVNode("div",e.mergeProps({ref:h,class:a.b()},o,{onClick:v=>v.stopPropagation(),style:{transform:N.value}}),[r.value&&e.createVNode("div",{onClick:y,class:"btn-close"},[e.createVNode(I,{name:"close",size:"20px"},null)]),t.type?x():e.createVNode("div",{style:{cursor:t.draggable?"move":"default"},ref:w},[n.header?n.header():s.value&&e.createVNode(B,null,{default:()=>[s.value]})]),e.createVNode(D,null,{default:()=>{var v;return[(v=n.default)==null?void 0:v.call(n)]}}),(C=n.footer)==null?void 0:C.call(n)])]}})]})}}),X=e.defineComponent({name:"DModalFooter",setup(t,{slots:n}){const o=V("modal");return()=>{var l;return e.createVNode("div",{class:o.e("footer")},[(l=n.default)==null?void 0:l.call(n)])}}});class fe{constructor(n){this.anchorContainer=n}renderModal(n,o,l){const a=e.h(this.component(),o,l);return e.render(a,n),a}renderNull(n){setTimeout(()=>{e.render(null,n)},500)}}let M;class L extends fe{component(){return k}open(n={}){const o=document.createElement("div");this.anchorContainer.appendChild(o);const m=n,{header:l,content:a,footer:i}=m,s=W(m,["header","content","footer"]),r=(p,y)=>this.renderModal(o,T($({},p),{modelValue:!0,"onUpdate:modelValue":y}),{header:l,default:a,footer:i}),d=()=>{var y,h,w;const p=g=>{g||d()};r(s,g=>{g?r(s,p):(this.renderModal(o,T($({},s),{modelValue:!1})),this.renderNull(o))}),(w=(h=(y=M==null?void 0:M.component)==null?void 0:y.exposed)==null?void 0:h.handleVisibleChange)==null||w.call(h,!1)},f=p=>{p||d()};return this.renderModal(o,{modelValue:!1}),M=r(s,f),{hide:d}}}G(L,"token","MODAL_SERVICE_TOKEN");var me={title:"Modal \u5F39\u7A97",category:"\u53CD\u9988",status:"100%",install(t){if(t.component(k.name,k),t.component(B.name,B),t.component(D.name,D),t.component(X.name,X),!se)return;let n=document.getElementById("d-modal-anchors-container");n||(n=document.createElement("div"),n.setAttribute("id","d-modal-anchors-container"),document.body.appendChild(n)),t.provide(L.token,new L(n))}};c.Modal=k,c.default=me,c.modalProps=b,Object.defineProperty(c,"__esModule",{value:!0}),c[Symbol.toStringTag]="Module"});
+var ve=Object.defineProperty,ge=Object.defineProperties;var we=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var S=(c,e,u)=>e in c?ve(c,e,{enumerable:!0,configurable:!0,writable:!0,value:u}):c[e]=u,$=(c,e)=>{for(var u in e||(e={}))_.call(e,u)&&S(c,u,e[u]);if(P)for(var u of P(e))q.call(e,u)&&S(c,u,e[u]);return c},T=(c,e)=>ge(c,we(e));var W=(c,e)=>{var u={};for(var b in c)_.call(c,b)&&e.indexOf(b)<0&&(u[b]=c[b]);if(c!=null&&P)for(var b of P(c))e.indexOf(b)<0&&q.call(c,b)&&(u[b]=c[b]);return u};var G=(c,e,u)=>(S(c,typeof e!="symbol"?e+"":e,u),u);(function(c,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue"),require("@floating-ui/dom")):typeof define=="function"&&define.amd?define(["exports","vue","@floating-ui/dom"],e):(c=typeof globalThis!="undefined"?globalThis:c||self,e(c.index={},c.Vue,c.dom))})(this,function(c,e,u){"use strict";const b={modelValue:{type:Boolean,default:!1},title:{type:String,default:""},lockScroll:{type:Boolean,default:!0},draggable:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0},beforeClose:{type:Function},escapable:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},showAnimation:{type:Boolean,default:!0},showOverlay:{type:Boolean,default:!0},appendToBody:{type:Boolean,default:!0},type:{type:String,default:""},keepLast:{type:Boolean,default:!1}},K={name:{type:String,default:"",required:!0},size:{type:[Number,String],default:"inherit"},color:{type:String,default:"inherit"},component:{type:Object,default:null},classPrefix:{type:String,default:"icon"},operable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},rotate:{type:[Number,String]}},J={name:{type:String,default:"",required:!0},color:{type:String,default:"inherit"},size:{type:[Number,String],default:"inherit"}};function O(t,o,n){let l=t;return o&&(l+=`__${o}`),n&&(l+=`--${n}`),l}function V(t,o=!1){const n=o?`.devui-${t}`:`devui-${t}`;return{b:()=>O(n),e:r=>r?O(n,r):"",m:r=>r?O(n,"",r):"",em:(r,d)=>r&&d?O(n,r,d):""}}var Ve="",Q=e.defineComponent({name:"DSvgIcon",props:J,setup(t){const{name:o,color:n,size:l}=e.toRefs(t),a=V("svg-icon"),i=e.computed(()=>`#icon-${o.value}`),s=e.computed(()=>typeof l.value=="number"?`${l.value}px`:l.value),r={width:s.value,height:s.value};return()=>e.createVNode("svg",{class:a.b(),style:r},[e.createVNode("use",{"xlink:href":i.value,fill:n.value},null)])}});function Z(t){return/^((http|https):)?\/\//.test(t)}function ee(t,o){const{component:n,name:l,size:a,color:i,classPrefix:s,rotate:r}=e.toRefs(t),d=V("icon"),f=e.computed(()=>typeof a.value=="number"?`${a.value}px`:a.value),m=n.value?e.resolveDynamicComponent(n.value):e.resolveDynamicComponent(Q),p=()=>e.createVNode("img",e.mergeProps({src:l.value,alt:l.value.split("/")[l.value.split("/").length-1],class:[(r==null?void 0:r.value)==="infinite"&&d.m("spin")],style:{width:f.value||"",transform:`rotate(${r==null?void 0:r.value}deg)`,verticalAlign:"middle"}},o.attrs),null),y=()=>e.createVNode(m,e.mergeProps({name:l.value,color:i.value,size:f.value,class:[(r==null?void 0:r.value)==="infinite"&&d.m("spin")],style:{transform:`rotate(${r==null?void 0:r.value}deg)`}},o.attrs),null),h=()=>{const w=/^icon-/.test(l.value)?l.value:`${s.value}-${l.value}`;return e.createVNode("i",e.mergeProps({class:[s.value,w,(r==null?void 0:r.value)==="infinite"&&d.m("spin")],style:{fontSize:f.value,color:i.value,transform:`rotate(${r==null?void 0:r.value}deg)`}},o.attrs),null)};return{iconDom:()=>n.value?y():Z(l.value)?p():h()}}var I=e.defineComponent({name:"DIcon",props:K,emits:["click"],setup(t,o){const{disabled:n,operable:l}=e.toRefs(t),{iconDom:a}=ee(t,o),i=V("icon"),s=e.computed(()=>({[i.e("container")]:!0,[i.m("disabled")]:n.value,[i.m("operable")]:l.value,[i.m("no-slots")]:!Object.keys(o.slots).length})),r=d=>{n.value||o.emit("click",d)};return()=>{var d,f,m,p;return e.createVNode("div",{class:s.value,onClick:r},[(f=(d=o.slots).prefix)==null?void 0:f.call(d),a(),(p=(m=o.slots).suffix)==null?void 0:p.call(m)])}}}),Ee="";e.defineComponent({name:"DIconGroup",setup(t,o){const n=V("icon-group");return()=>{var l,a;return e.createVNode("div",{class:n.b()},[(a=(l=o.slots).default)==null?void 0:a.call(l)])}}});const te={modelValue:{type:Boolean,default:!1},lockScroll:{type:Boolean,default:!0},closeOnClickOverlay:{type:Boolean,default:!0}};function R(){if(document.documentElement.scrollHeight>document.documentElement.clientHeight){const t=document.documentElement.scrollTop,o=document.documentElement.getAttribute("style");return document.documentElement.style.position="fixed",document.documentElement.style.top=`-${t}px`,document.documentElement.style.width=document.documentElement.style.width||"100%",document.documentElement.style.overflowY="scroll",()=>{o?document.documentElement.setAttribute("style",o):document.documentElement.removeAttribute("style"),document.documentElement.scrollTop=t}}}function oe(t,o){let n;const l=i=>{i.preventDefault(),o.emit("click",i),t.closeOnClickOverlay&&o.emit("update:modelValue",!1)},a=()=>{n==null||n()};return e.watch(()=>t.modelValue,i=>{i?t.lockScroll&&(n=R()):a()}),e.onUnmounted(a),{onClick:l}}var Ce="";const ne=e.defineComponent({name:"DFixedOverlay",inheritAttrs:!1,props:te,emits:["update:modelValue","click"],setup(t,o){const{modelValue:n}=e.toRefs(t),l=V("fixed-overlay"),{onClick:a}=oe(t,o);return()=>e.createVNode(e.Transition,{name:l.m("fade")},{default:()=>{var i,s;return[n.value&&e.createVNode("div",e.mergeProps({class:l.b()},o.attrs,{onClick:a}),[(s=(i=o.slots).default)==null?void 0:s.call(i)])]}})}}),le={modelValue:{type:Boolean,default:!1},origin:{type:Object,require:!0},position:{type:Array,default:["bottom"]},offset:{type:[Number,Object],default:8},shiftOffset:{type:Number},align:{type:String,default:null},showArrow:{type:Boolean,default:!1},isArrowCenter:{type:Boolean,default:!0},clickEventBubble:{type:Boolean,default:!1}};function ae(t){const o=/(auto|scroll|hidden)/;for(let n=t;n=n.parentElement;n.parentElement!==document.body){const l=window.getComputedStyle(n);if(o.test(l.overflow+l.overflowX+l.overflowY))return n}return window}function re(t,o,n,l){let{x:a,y:i}=o;if(!t){const{width:s,height:r}=l;a&&n.includes("start")&&(a=12),a&&n.includes("end")&&(a=Math.round(s-24)),i&&n.includes("start")&&(i=10),i&&n.includes("end")&&(i=r-14)}return{x:a,y:i}}function ie(t,o){const n=e.ref(),l=e.ref();let a=null;const i=(r,d,f,m)=>{const{x:p,y}=re(t.isArrowCenter,f,d,m.getBoundingClientRect()),h={top:"bottom",right:"left",bottom:"top",left:"right"}[d.split("-")[0]];Object.assign(r.style,{left:p?`${p}px`:"",top:y?`${y}px`:"",right:"",bottom:"",[h]:"-4px"})},s=async()=>{const r=t.origin,d=e.unref(n.value),f=e.unref(l.value),m=[u.offset(t.offset),u.autoPlacement({alignment:t.align,allowedPlacements:t.position})];t.showArrow&&m.push(u.arrow({element:f})),t.shiftOffset!==void 0&&m.push(u.shift());const{x:p,y,placement:h,middlewareData:g}=await u.computePosition(r,d,{strategy:"fixed",middleware:m});let w=p,E=y;if(t.shiftOffset!==void 0){const{x:N,y:x}=g.shift;N<0&&(w-=t.shiftOffset),N>0&&(w+=t.shiftOffset),x<0&&(E-=t.shiftOffset),x>0&&(E+=t.shiftOffset)}o("positionChange",h),Object.assign(d.style,{top:`${E}px`,left:`${w}px`}),t.showArrow&&i(f,h,g.arrow,d)};return e.watch(()=>t.modelValue,()=>{t.modelValue&&t.origin?(a=ae(t.origin),e.nextTick(s),a==null||a.addEventListener("scroll",s),a!==window&&window.addEventListener("scroll",s),window.addEventListener("resize",s)):(a==null||a.removeEventListener("scroll",s),a!==window&&window.removeEventListener("scroll",s),window.removeEventListener("resize",s))}),e.onUnmounted(()=>{a==null||a.removeEventListener("scroll",s),a!==window&&window.removeEventListener("scroll",s),window.removeEventListener("resize",s)}),{arrowRef:l,overlayRef:n,updatePosition:s}}var Ne="";e.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:le,emits:["update:modelValue","positionChange"],setup(t,{slots:o,attrs:n,emit:l,expose:a}){const i=V("flexible-overlay"),{clickEventBubble:s}=e.toRefs(t),{arrowRef:r,overlayRef:d,updatePosition:f}=ie(t,l);return a({updatePosition:f}),()=>{var m;return t.modelValue&&e.createVNode("div",e.mergeProps({ref:d,class:i.b()},n,{onClick:e.withModifiers(()=>({}),[s.value?"":"stop"]),onPointerup:e.withModifiers(()=>({}),["stop"])}),[(m=o.default)==null?void 0:m.call(o),t.showArrow&&e.createVNode("div",{ref:r,class:i.e("arrow")},null)])}}});const se=typeof window!="undefined";function ce(t,o){function n(){o("update:modelValue",!1)}function l(){t.beforeClose?t.beforeClose(n):n()}function a(i){i.code==="Escape"&&l()}return e.onMounted(()=>{t.escapable&&window.addEventListener("keydown",a)}),e.onUnmounted(()=>{t.escapable&&window.addEventListener("keydown",a)}),{execClose:l}}function de(t){let o;const n=()=>{o==null||o()};e.watch(()=>t.modelValue,l=>{l?t.lockScroll&&(o=R()):n()},{immediate:!0}),e.onUnmounted(n)}function z(t,o="px"){return t?typeof t=="string"?t:typeof t=="number"?`${t}${o}`:"":""}const ue=(t,o,n)=>{const l=e.ref("translate(-50%, -50%)");let a={offsetX:0,offsetY:0};const i=f=>{const m=f.clientX,p=f.clientY,{offsetX:y,offsetY:h}=a,g=t.value.getBoundingClientRect(),w=g.left,E=g.top,N=g.width,x=g.height,C=document.documentElement.clientWidth,v=document.documentElement.clientHeight,A=-w+y,pe=-E+h,ye=C-w-N+y,he=v-E-x+h,F=U=>{const j=Math.min(Math.max(y+U.clientX-m,A),ye),H=Math.min(Math.max(h+U.clientY-p,pe),he);a={offsetX:j,offsetY:H},l.value=`translate(calc(-50% + ${z(j)}), calc(-50% + ${z(H)}))`},Y=()=>{document.removeEventListener("mousemove",F),document.removeEventListener("mouseup",Y)};document.addEventListener("mousemove",F),document.addEventListener("mouseup",Y)},s=()=>{o.value&&t.value&&o.value.addEventListener("mousedown",i)},r=()=>{o.value&&t.value&&o.value.removeEventListener("mousedown",i)};return e.onMounted(()=>{e.watchEffect(()=>{n.value?s():r()})}),e.onBeforeUnmount(()=>{r()}),{clearPosition:()=>{a={offsetX:0,offsetY:0},l.value="translate(-50%, -50%)"},modalPosition:l}};var B=e.defineComponent({name:"DModalHeader",setup(t,{slots:o}){const n=V("modal");return()=>{var l;return e.createVNode("div",{class:n.e("header")},[(l=o.default)==null?void 0:l.call(o)])}}}),D=e.defineComponent({name:"DModalBody",setup(t,{slots:o}){const n=V("modal");return()=>{var l;return e.createVNode("div",{class:n.e("body")},[(l=o.default)==null?void 0:l.call(o)])}}}),xe="",k=e.defineComponent({name:"DModal",inheritAttrs:!1,props:b,emits:["update:modelValue"],setup(t,{slots:o,attrs:n,emit:l}){const a=V("modal"),{modelValue:i,title:s,showClose:r,showOverlay:d,appendToBody:f,closeOnClickOverlay:m,keepLast:p}=e.toRefs(t),{execClose:y}=ce(t,l);de(t);const h=e.ref(),g=e.ref(),w=e.computed(()=>t.draggable),{clearPosition:E,modalPosition:N}=ue(h,g,w);e.watch(i,C=>{C&&!p.value&&E()});const x=()=>{const v=[{type:"success",text:"\u6210\u529F",icon:"right-o",color:"var(--devui-success)"},{type:"failed",text:"\u9519\u8BEF",icon:"error-o",color:"var(--devui-danger)"},{type:"warning",text:"\u8B66\u544A",icon:"warning-o",color:"var(--devui-warning)"},{type:"info",text:"\u4FE1\u606F",icon:"info-o",color:"var(--devui-info)"}].find(A=>A.type===t.type);return e.createVNode("div",{style:{cursor:t.draggable?"move":"default"},ref:g},[e.createVNode(B,null,{default:()=>[e.createVNode("div",{class:"type-content"},[e.createVNode("div",{class:"type-content-icon"},[e.createVNode(I,{name:v==null?void 0:v.icon,color:v==null?void 0:v.color},null)]),e.createVNode("div",{class:"type-content-text"},[v==null?void 0:v.text])])]})])};return()=>e.createVNode(e.Teleport,{to:"body",disabled:!f.value},{default:()=>[d.value&&e.createVNode(ne,e.mergeProps({modelValue:i.value},{"onUpdate:modelValue":y},{class:a.e("overlay"),"lock-scroll":!1,"close-on-click-overlay":m.value,style:{zIndex:"calc(var(--devui-z-index-modal, 1050) - 1)"}}),null),e.createVNode(e.Transition,{name:t.showAnimation?a.m("wipe"):""},{default:()=>{var C;return[i.value&&e.createVNode("div",e.mergeProps({ref:h,class:a.b()},n,{onClick:v=>v.stopPropagation(),style:{transform:N.value}}),[r.value&&e.createVNode("div",{onClick:y,class:"btn-close"},[e.createVNode(I,{name:"close",size:"20px"},null)]),t.type?x():e.createVNode("div",{style:{cursor:t.draggable?"move":"default"},ref:g},[o.header?o.header():s.value&&e.createVNode(B,null,{default:()=>[s.value]})]),e.createVNode(D,null,{default:()=>{var v;return[(v=o.default)==null?void 0:v.call(o)]}}),(C=o.footer)==null?void 0:C.call(o)])]}})]})}}),X=e.defineComponent({name:"DModalFooter",setup(t,{slots:o}){const n=V("modal");return()=>{var l;return e.createVNode("div",{class:n.e("footer")},[(l=o.default)==null?void 0:l.call(o)])}}});class fe{constructor(o){this.anchorContainer=o}renderModal(o,n,l){const a=e.h(this.component(),n,l);return e.render(a,o),a}renderNull(o){setTimeout(()=>{e.render(null,o)},500)}}let M;class L extends fe{component(){return k}open(o={}){const n=document.createElement("div");this.anchorContainer.appendChild(n);const m=o,{header:l,content:a,footer:i}=m,s=W(m,["header","content","footer"]),r=(p,y)=>this.renderModal(n,T($({},p),{modelValue:!0,"onUpdate:modelValue":y}),{header:l,default:a,footer:i}),d=()=>{var y,h,g;const p=w=>{w||d()};r(s,w=>{w?r(s,p):(this.renderModal(n,T($({},s),{modelValue:!1})),this.renderNull(n))}),(g=(h=(y=M==null?void 0:M.component)==null?void 0:y.exposed)==null?void 0:h.handleVisibleChange)==null||g.call(h,!1)},f=p=>{p||d()};return this.renderModal(n,{modelValue:!1}),M=r(s,f),{hide:d}}}G(L,"token","MODAL_SERVICE_TOKEN");var me={title:"Modal \u5F39\u7A97",category:"\u53CD\u9988",status:"100%",install(t){if(t.component(k.name,k),t.component(B.name,B),t.component(D.name,D),t.component(X.name,X),!se)return;let o=document.getElementById("d-modal-anchors-container");o||(o=document.createElement("div"),o.setAttribute("id","d-modal-anchors-container"),document.body.appendChild(o)),t.provide(L.token,new L(o))}};c.Modal=k,c.default=me,c.modalProps=b,Object.defineProperty(c,"__esModule",{value:!0}),c[Symbol.toStringTag]="Module"});

package/nuxt/components/SELECT_KEY.js

@@ -0,0 +1,3 @@
+import '../../editable-select/style.css' 
+
+export  { SELECT_KEY as default } from '../../editable-select/index.es.js'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-devui",
-  "version": "1.3.4-alpha.4",
+  "version": "1.4.1",
   "license": "MIT",
   "description": "DevUI components based on Vite and Vue3",
   "keywords": [

package/search/index.es.js

@@ -8474,6 +8474,7 @@ var Search = defineComponent({
         size: searchSize.value,
         disabled: props.disabled,
         autoFocus: props.autoFocus,
+        maxlength: props.maxLength,
         modelValue: keywords.value,
         placeholder: props.placeholder || t("placeholder"),
         onKeydown: onInputKeydown,