vue-devui 1.0.0-rc.1 → 1.0.0-rc.12

package/editable-select/index.umd.js

@@ -1 +1 @@
-var z=Object.defineProperty;var L=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,G=Object.prototype.propertyIsEnumerable;var O=(s,e,u)=>e in s?z(s,e,{enumerable:!0,configurable:!0,writable:!0,value:u}):s[e]=u,j=(s,e)=>{for(var u in e||(e={}))$.call(e,u)&&O(s,u,e[u]);if(L)for(var u of L(e))G.call(e,u)&&O(s,u,e[u]);return s};(function(s,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis!="undefined"?globalThis:s||self,e(s.index={},s.Vue))})(this,function(s,e){"use strict";const u={appendToBody:{type:Boolean},options:{type:Array,default:()=>[]},disabled:{type:Boolean},loading:{type:Boolean},optionDisabledKey:{type:String,default:""},placeholder:{type:String,default:"Search"},modelValue:{type:String},width:{type:Number},maxHeight:{type:Number},filterOption:{type:[Function,Boolean]},loadMore:{type:Function}},A=typeof window!="undefined";function F(t,l,n){document.addEventListener?t&&l&&n&&t.addEventListener(l,n,!1):t&&l&&n&&t.attachEvent("on"+l,n)}const h=Symbol("@@clickoutside"),C=new Map;let K,D=0,H=!0;function M(t,l,n){return A&&H&&(H=!1,F(document,"mousedown",i=>{K=i}),F(document,"mouseup",i=>{for(const[r,c]of C)c[h].documentHandler(i,K)})),function(i,r){!n||!l.instance||!i.target||!r.target||t.contains(i.target)||t.contains(r.target)||t===i.target||t[h].bindingFn&&t[h].bindingFn()}}const P={beforeMount:function(t,l,n){D++,C.set(D,t),t[h]={nid:D,documentHandler:M(t,l,n),bindingFn:l.value}},updated:function(t,l,n){t[h].documentHandler=M(t,l,n),t[h].bindingFn=l.value},unmounted:function(t){C.delete(t[h].nid),delete t[h]}};function B(t,l){let n=t;return typeof l=="object"&&Object.keys(l).forEach(i=>{l[i]&&(n+=` ${i}`)}),n}var J="";const R=()=>(t,l)=>l.label.toLocaleLowerCase().indexOf(t.toLocaleLowerCase())>-1,U=(t,l,n)=>e.computed(()=>{const i=[];if(!l.value||n===!1)return t.value;const r=typeof n=="function"?n:R();return t.value.forEach(c=>{r(l.value,c)&&i.push(c)}),i}),I=(t,l)=>{const n=r=>{l.emit("search",r)};return{handleInput:r=>{const c=r.target.value;t.value=c,n(c)}}},X=(t,l,n,i)=>({loadMore:()=>{n===!1&&t.value.clientHeight+t.value.scrollTop>=t.value.scrollHeight&&i(l.value)}}),Y=(t,l,n,i,r,c,E,f,p)=>{const b=d=>{i.value=d},w=d=>{const a=t.value,m=a.children[d];e.nextTick(()=>{if(m.scrollIntoViewIfNeeded)m.scrollIntoViewIfNeeded(!1);else{const y=a.getBoundingClientRect(),k=m.getBoundingClientRect();(k.bottom>y.bottom||k.top<y.top)&&m.scrollIntoView(!1)}})},S=(d,a)=>{if(a||(a=i.value),!["ArrowDown","ArrowUp"].includes(d))return;if(d==="ArrowUp"){if(a===0){a=c.value.length-1,w(a),b(a);return}a=a-1}else if(d==="ArrowDown"){if(a===c.value.length-1){a=0,w(a),b(a);return}a=a+1}if(c.value[a][l])return S(d,a);w(a),b(a)};return{handleKeydown:d=>{const a=d.key||d.code;if(c.value.length===0)return;if(!n.value)return E();const m=()=>{p(c.value[i.value]),f()},y=()=>{f()};switch(a){case"Enter":m();break;case"Escape":y();break;default:S(a)}}}};var N=e.defineComponent({name:"DEditableSelect",directives:{clickOutside:P},props:u,emits:["update:modelValue","search","loadMore"],setup(t,l){const n=(o,v)=>{const{optionDisabledKey:V}=t;return B("devui-dropdown-item",{disabled:V?!!o[V]:!1,selected:v===w.value,"devui-dropdown-bg":v===b.value})},i=()=>t.appendToBody?e.createVNode(e.resolveComponent("d-flexible-overlay"),{origin:c,visible:f.value,"onUpdate:visible":o=>f.value=o,position:E,hasBackdrop:!1},{default:()=>[e.createVNode("div",{class:"devui-editable-select-dropdown",style:{width:t.width+"px"}},[e.withDirectives(e.createVNode("div",{class:"devui-dropdown-menu"},[e.createVNode("ul",{ref:r,class:"devui-list-unstyled scroll-height",style:{maxHeight:t.maxHeight+"px"},onScroll:y},[g.value.map((o,v)=>e.createVNode("li",{class:n(o,v),onClick:V=>{V.stopPropagation(),T(o)}},[l.slots.itemTemplate?l.slots.itemTemplate(o):o.label])),e.withDirectives(e.createVNode("li",{class:"devui-no-result-template"},[e.createVNode("div",{class:"devui-no-data-tip"},[d.value])]),[[e.vShow,!g.value.length]])])]),[[e.resolveDirective("dLoading"),t.loading],[e.vShow,f.value]])])]}):e.createVNode(e.Transition,{name:"fade"},{default:()=>[e.withDirectives(e.createVNode("div",{class:"devui-dropdown-menu"},[e.createVNode("ul",{ref:r,class:"devui-list-unstyled scroll-height",style:{maxHeight:t.maxHeight+"px"},onScroll:y},[g.value.map((o,v)=>e.createVNode("li",{class:n(o,v),onClick:V=>{V.stopPropagation(),T(o)}},[l.slots.itemTemplate?l.slots.itemTemplate(o):o.label])),e.withDirectives(e.createVNode("li",{class:"devui-no-result-template"},[e.createVNode("div",{class:"devui-no-data-tip"},[d.value])]),[[e.vShow,!g.value.length]])])]),[[e.vShow,f.value]])]}),r=e.ref(),c=e.ref(),E=e.reactive({originX:"left",originY:"bottom",overlayX:"left",overlayY:"top"}),f=e.ref(!1),p=e.ref(t.modelValue),b=e.ref(0),w=e.ref(0),S=e.computed(()=>t.options.map(o=>typeof o=="object"?j({label:o.label?o.label:o.value,value:o.value},o):{label:o+"",value:o})),g=U(S,p,t.filterOption),d=e.computed(()=>{let o;return t.filterOption!==!1&&!g.value.length?o="\u627E\u4E0D\u5230\u76F8\u5173\u8BB0\u5F55":t.filterOption===!1&&!g.value.length&&(o="\u6CA1\u6709\u6570\u636E"),l.slots.noResultItemTemplate?l.slots.noResultItemTemplate():o}),a=()=>{f.value=!f.value},m=()=>{f.value=!1},{loadMore:y}=X(r,p,t.filterOption,t.loadMore),{handleInput:k}=I(p,l),T=o=>{const{optionDisabledKey:v}=t;v&&!!o[v]||(l.emit("update:modelValue",o.label),m())},{handleKeydown:q}=Y(r,t.optionDisabledKey,f,b,w,g,a,m,T);return e.watch(()=>t.modelValue,o=>{p.value=o}),()=>{const o=B("devui-editable-select devui-form-group devui-has-feedback",{"devui-select-open":f.value===!0});return e.withDirectives(e.createVNode("div",{class:o,ref:c,style:{width:t.width+"px"}},[e.createVNode("input",{class:"devui-form-control devui-dropdown-origin devui-dropdown-origin-open",onClick:e.withModifiers(a,["self"]),onInput:k,onKeydown:q,value:p.value,disabled:t.disabled,placeholder:t.placeholder,type:"text"},null),e.createVNode("span",{class:"devui-form-control-feedback"},[e.createVNode("span",{class:"devui-select-chevron-icon"},[e.createVNode(e.resolveComponent("d-icon"),{name:"select-arrow"},null)])]),i()]),[[e.resolveDirective("click-outside"),m]])}}});N.install=function(t){t.component(N.name,N)};var _={title:"EditableSelect \u53EF\u8F93\u5165\u4E0B\u62C9\u9009\u62E9\u6846",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(t){t.use(N)}};s.EditableSelect=N,s.default=_,Object.defineProperty(s,"__esModule",{value:!0}),s[Symbol.toStringTag]="Module"});
+var Ae=Object.defineProperty;var oe=Object.getOwnPropertySymbols;var ke=Object.prototype.hasOwnProperty,De=Object.prototype.propertyIsEnumerable;var z=(d,t,f)=>t in d?Ae(d,t,{enumerable:!0,configurable:!0,writable:!0,value:f}):d[t]=f,D=(d,t)=>{for(var f in t||(t={}))ke.call(t,f)&&z(d,f,t[f]);if(oe)for(var f of oe(t))De.call(t,f)&&z(d,f,t[f]);return d};var V=(d,t,f)=>(z(d,typeof t!="symbol"?t+"":t,f),f);(function(d,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):(d=typeof globalThis!="undefined"?globalThis:d||self,t(d.index={},d.Vue,d.dom))})(this,function(d,t,f){"use strict";const H={options:{type:Array,default:()=>[]},disabled:{type:Boolean},loading:{type:Boolean},optionDisabledKey:{type:String,default:""},placeholder:{type:String,default:"Search"},modelValue:{type:String,default:""},width:{type:Number},maxHeight:{type:Number},filterOption:{type:[Function,Boolean]}},le=typeof window!="undefined";function _(e,n,o){document.addEventListener?e&&n&&o&&e.addEventListener(n,o,!1):e&&n&&o&&e.attachEvent("on"+n,o)}const x=Symbol("@@clickoutside"),M=new Map;let U,R=0,Y=!0;function q(e,n,o){return le&&Y&&(Y=!1,_(document,"mousedown",a=>{U=a}),_(document,"mouseup",a=>{for(const[l,s]of M)s[x].documentHandler(a,U)})),function(a,l){!o||!n.instance||!a.target||!l.target||e.contains(a.target)||e.contains(l.target)||e===a.target||e[x].bindingFn&&e[x].bindingFn()}}const ae={beforeMount:function(e,n,o){R++,M.set(R,e),e[x]={nid:R,documentHandler:q(e,n,o),bindingFn:n.value}},updated:function(e,n,o){e[x].documentHandler=q(e,n,o),e[x].bindingFn=n.value},unmounted:function(e){M.delete(e[x].nid),delete e[x]}};class X{constructor(){V(this,"top","50%");V(this,"left","50%")}}const se={message:String,backdrop:Boolean,view:{type:Object,default:()=>new X},zIndex:Number,isFull:{type:Boolean,default:!1}};class re{constructor(){V(this,"target");V(this,"message");V(this,"loadingTemplateRef");V(this,"backdrop",!0);V(this,"positionType","relative");V(this,"view",new X);V(this,"zIndex")}}function T(e,n,o){let a=e;return n&&(a+=`__${n}`),o&&(a+=`--${o}`),a}function F(e,n=!1){const o=n?`.devui-${e}`:`devui-${e}`;return{b:()=>T(o),e:i=>i?T(o,i):"",m:i=>i?T(o,"",i):"",em:(i,p)=>i&&p?T(o,i,p):""}}var Te="",ie=t.defineComponent({name:"DLoading",inheritAttrs:!1,props:se,setup(e){const n={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(n.background="none");const o=t.ref(!1);return{style:n,isShow:o,open:()=>{o.value=!0},close:()=>{o.value=!1}}},render(){var i;const{isShow:e,isFull:n,backdrop:o,style:a,message:l,$slots:s}=this,r=F("loading");return e&&t.createVNode("div",{class:[r.b(),n?r.m("full"):""]},[((i=s.default)==null?void 0:i.call(s))||t.createVNode("div",{class:r.e("wrapper")},[o?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)]),l?t.createVNode("span",{class:r.e("text")},[l]):null])])])}});const W=Symbol("dev_component_container");function ce(e,n,o=null){const a=t.h(e,D({},n),o),l=document.createElement("div");return a[W]=l,t.render(a,l),a.component}function de(e){t.render(null,e==null?void 0:e.vnode[W])}const ue=t.defineComponent(ie),A=new WeakSet,B=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(),fe=e=>{switch(G(e)){case"promise":return[e];case"array":return e.some(o=>G(o)!=="promise")?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}},J=e=>{A.delete(e),e.instance.proxy.close(),de(e.instance)},Q=(e,n)=>{var o,a,l;if(n.value){const s=fe(n.value);if(s==="error")return;(l=(a=(o=e==null?void 0:e.instance)==null?void 0:o.proxy)==null?void 0:a.open)==null||l.call(a),e.appendChild(e.mask),A.add(e),s&&Promise.all(s).catch(r=>{console.error(new Error("Promise handling errors"),r)}).finally(()=>{J(e)})}else J(e)},Z=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},ee=(e,n)=>{var s;const o=D(D({},new re),n),a=o.loadingTemplateRef,l=ce(ue,D({},o),a?()=>a:null);e.style.position=o.positionType,e.options=o,e.instance=l,e.mask=(s=l==null?void 0:l.proxy)==null?void 0:s.$el},me={mounted:function(e,n,o){ee(e,o.props),Z(e),!B(n.value)&&Q(e,n)},updated:function(e,n,o){!B(n.value)&&A.has(e)||B(n.value)&&!A.has(e)||(!A.has(e)&&ee(e,o.props),Z(e),Q(e,n))}};function j(e,n){let o=e;return typeof n=="object"&&Object.keys(n).forEach(a=>{n[a]&&(o+=` ${a}`)}),o}var Fe="";const we=()=>(e,n)=>n.label.toLocaleLowerCase().indexOf(e.toLocaleLowerCase())>-1,pe=(e,n,o)=>t.computed(()=>{const a=[];if(!n.value||o===!1)return e.value;const l=typeof o=="function"?o:we();return e.value.forEach(s=>{l(n.value,s)&&a.push(s)}),a}),ge=(e,n)=>{const o=l=>{n.emit("search",l)};return{handleInput:l=>{const s=l.target.value;e.value=s,o(s)}}},ye=(e,n,o,a)=>({loadMore:()=>{const s=e.value;o===!1&&s.clientHeight+s.scrollTop>=s.scrollHeight&&a.emit("loadMore",n.value)}}),he=(e,n,o,a,l,s,r,i,p,u,g)=>{const y=t.ref(0),E=t.ref(0),N=w=>{y.value=w},v=w=>{const h=e.value,m=h.children[w];t.nextTick(()=>{if(m.scrollIntoViewIfNeeded)m.scrollIntoViewIfNeeded(!1);else{const k=h.getBoundingClientRect(),$=m.getBoundingClientRect();($.bottom>k.bottom||$.top<k.top)&&m.scrollIntoView(!1)}})},S=()=>{o.value=a.value,u()},C=()=>{const w=l.value.length;return!n.value||!w?g():(w&&w===1?p(l.value[0],1):p(l.value[y.value],y.value),u())},O=w=>{const h=l.value.length;if(!h||h===1||!["ArrowDown","ArrowUp"].includes(w)||r===!1&&i.value)return;let m=0;if(m=y.value,w==="ArrowUp"?(m-=1,m===-1&&(m=h-1)):w==="ArrowDown"&&(m+=1,m===h&&(m=0)),y.value=m,l.value[m][s])return O(w);N(m),v(m)};return{handleKeydown:w=>{const h=w.key||w.code;switch(h){case"Escape":S();break;case"Enter":C();break;default:O(h)}},hoverIndex:y,selectedIndex:E}},be={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}};function ve(e){const n=/(auto|scroll|hidden)/;for(let o=e;o=o.parentElement;o.parentElement!==document.body){const a=window.getComputedStyle(o);if(n.test(a.overflow+a.overflowX+a.overflowY))return o}return window}function Ve(e,n,o,a){let{x:l,y:s}=n;if(!e){const{width:r,height:i}=a;l&&o.includes("start")&&(l=12),l&&o.includes("end")&&(l=Math.round(r-24)),s&&o.includes("start")&&(s=10),s&&o.includes("end")&&(s=i-14)}return{x:l,y:s}}function Ee(e,n){const o=t.ref(),a=t.ref();let l=null;const s=(i,p,u,g)=>{const{x:y,y:E}=Ve(e.isArrowCenter,u,p,g.getBoundingClientRect()),N={top:"bottom",right:"left",bottom:"top",left:"right"}[p.split("-")[0]];Object.assign(i.style,{left:y?`${y}px`:"",top:E?`${E}px`:"",right:"",bottom:"",[N]:"-4px"})},r=async()=>{const i=e.origin,p=t.unref(o.value),u=t.unref(a.value),g=[f.offset(e.offset),f.autoPlacement({alignment:e.align,allowedPlacements:e.position})];e.showArrow&&g.push(f.arrow({element:u})),e.shiftOffset!==void 0&&g.push(f.shift());const{x:y,y:E,placement:N,middlewareData:v}=await f.computePosition(i,p,{strategy:"fixed",middleware:g});let S=y,C=E;if(e.shiftOffset!==void 0){const{x:O,y:L}=v.shift;O<0&&(S-=e.shiftOffset),O>0&&(S+=e.shiftOffset),L<0&&(C-=e.shiftOffset),L>0&&(C+=e.shiftOffset)}n("positionChange",N),Object.assign(p.style,{top:`${C}px`,left:`${S}px`}),e.showArrow&&s(u,N,v.arrow,p)};return t.watch(()=>e.modelValue,()=>{e.modelValue&&e.origin?(l=ve(e.origin),t.nextTick(r),l==null||l.addEventListener("scroll",r),l!==window&&window.addEventListener("scroll",r),window.addEventListener("resize",r)):(l==null||l.removeEventListener("scroll",r),l!==window&&window.removeEventListener("scroll",r),window.removeEventListener("resize",r))}),t.onUnmounted(()=>{l==null||l.removeEventListener("scroll",r),l!==window&&window.removeEventListener("scroll",r),window.removeEventListener("resize",r)}),{arrowRef:a,overlayRef:o,updatePosition:r}}var $e="";const xe=t.defineComponent({name:"DFlexibleOverlay",inheritAttrs:!1,props:be,emits:["update:modelValue","positionChange"],setup(e,{slots:n,attrs:o,emit:a,expose:l}){const s=F("flexible-overlay"),{arrowRef:r,overlayRef:i,updatePosition:p}=Ee(e,a);return l({updatePosition:p}),()=>{var u;return e.modelValue&&t.createVNode("div",t.mergeProps({ref:i,class:s.b()},o),[(u=n.default)==null?void 0:u.call(n),e.showArrow&&t.createVNode("div",{ref:r,class:s.e("arrow")},null)])}}}),Ne=e=>{const n=t.computed(()=>{const a=new Map;return e.value.forEach(l=>{a.set(l.label,l.value)}),a});return{getOptionValue:a=>n.value.get(a)}},Oe=e=>e.substring(1).replace(/^\S/,n=>n.toLocaleLowerCase());function te(e,n){const o=n.split(".");let a=e;return o.forEach(l=>{var s;a=(s=a[l])!=null?s:""}),a}function Se(e,n,o){const a=o||Oe(e)+".";return l=>{const s=n==null?void 0:n.appContext.config.globalProperties.langMessages.value;return te(s,a+l)||te(s,l)}}var K=t.defineComponent({name:"DEditableSelect",directives:{clickOutside:ae,dLoading:me},props:H,emits:["update:modelValue","search","loadMore"],setup(e,n){const o=t.getCurrentInstance(),a=Se("DEditableSelect",o),l=F("editable-select"),s=F("editable-select-dropdown"),r=t.ref(),i=t.ref(),p=t.ref(["bottom"]),u=t.ref(!1),g=t.ref(e.modelValue),y=t.ref(),E=t.ref(e.loading),N=t.computed(()=>e.options.map(c=>typeof c=="object"?Object.assign({},c,{label:c.label?c.label:c.value,value:c.value}):{label:c+"",value:c})),v=pe(N,g,e.filterOption),{getOptionValue:S}=Ne(v),C=t.computed(()=>{let c="";return e.filterOption!==!1&&!v.value.length?c=a("noRelatedRecords"):e.filterOption===!1&&!v.value.length&&(c=a("noData")),c});t.watch(()=>e.loading,c=>{E.value=c});const O=()=>{u.value=!u.value},L=()=>{u.value=!1},{loadMore:w}=ye(r,g,e.filterOption,n),{handleInput:h}=ge(g,n),m=(c,I)=>{const{optionDisabledKey:b}=e;if(b&&!!c[b])return;g.value=c.label,y.value=c.label,ne.value=I;const P=S(c.label);n.emit("update:modelValue",P+""),L()},{handleKeydown:k,hoverIndex:$,selectedIndex:ne}=he(r,u,g,y,v,e.optionDisabledKey,e.filterOption,E,m,L,O),Le=(c,I)=>{const{optionDisabledKey:b}=e;return j(`${s.e("item")}`,{disabled:b?!!c[b]:!1,selected:I===ne.value,[`${s.m("bg")}`]:I===$.value})};return()=>{const c=j(`${l.b()} devui-form-group devui-has-feedback`,{[`${l.m("open")}`]:u.value===!0}),I=j(`${l.e("input")} devui-dropdown-origin devui-form-control`,{"devui-dropdown-origin-open":u.value===!0});return t.withDirectives(t.createVNode("div",{class:c,ref:i,style:{width:e.width+"px"}},[t.createVNode("input",{class:I,onClick:t.withModifiers(O,["self"]),onInput:h,onKeydown:k,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-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(xe,{origin:i.value,modelValue:u.value,"onUpdate:modelValue":b=>u.value=b,position:p.value},{default:()=>[t.createVNode("div",{style:{width:e.width+"px"},class:`${s.b()}`},[t.withDirectives(t.createVNode("div",{class:`${s.e("wrap")}`},[t.createVNode("ul",{ref:r,class:`${s.e("list")}`,style:{maxHeight:e.maxHeight+"px"},onScroll:w},[v.value.map((b,P)=>t.createVNode("li",{class:Le(b,P),onClick:Ie=>{Ie.stopPropagation(),m(b,P)}},[n.slots.item?n.slots.item(b):b.label])),t.withDirectives(t.createVNode("li",{class:`${s.e("empty")}`},[t.createVNode("div",{class:`${s.em("empty","tip")}`},[n.slots.noResultItem?n.slots.noResultItem():C.value])]),[[t.vShow,!v.value.length]])])]),[[t.resolveDirective("dLoading"),e.loading],[t.vShow,u.value]])])]})]})]})]),[[t.resolveDirective("click-outside"),L]])}}}),Ce={title:"EditableSelect \u53EF\u8F93\u5165\u4E0B\u62C9\u9009\u62E9\u6846",category:"\u6570\u636E\u5F55\u5165",status:"100%",install(e){e.component(K.name,K)}};d.EditableSelect=K,d.default=Ce,d.editableSelectProps=H,Object.defineProperty(d,"__esModule",{value:!0}),d[Symbol.toStringTag]="Module"});

package/editable-select/style.css

@@ -1 +1 @@
-@charset "UTF-8";.devui-editable-select .devui-select-chevron-icon{display:inline-flex;vertical-align:middle;transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-editable-select input::-ms-clear{display:none}.devui-editable-select .devui-no-data-tip{user-select:none;cursor:not-allowed}.devui-editable-select .devui-form-control{outline:none;padding-right:24px}.devui-editable-select .devui-dropdown-menu{width:100%;display:block;top:auto!important;left:auto!important}.devui-editable-select .devui-dropdown-menu-cdk{position:static}.devui-editable-select .devui-dropdown-item{cursor:pointer;display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:14px}.devui-editable-select .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected{color:var(--devui-list-item-active-text, #ffffff);background-color:var(--devui-list-item-active-bg, #5e7ce0)}.devui-editable-select .devui-no-result-template,.devui-editable-select .devui-is-searching-template{display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);color:var(--devui-disabled-text, #adb0b8);line-height:14px}.devui-editable-select .devui-no-result-template:hover,.devui-editable-select .devui-no-result-template:active,.devui-editable-select .devui-no-result-template:hover:active,.devui-editable-select .devui-is-searching-template:hover,.devui-editable-select .devui-is-searching-template:active,.devui-editable-select .devui-is-searching-template:hover:active{background-color:var(--devui-unavailable, #f5f5f6)}.devui-editable-select .devui-dropdown-item.disabled,.devui-editable-select .devui-dropdown-item.disabled:hover{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-editable-select ul.devui-list-unstyled{margin:0;overflow-y:auto;padding:0}.devui-editable-select .devui-dropdown-bg{background:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-editable-select .devui-popup-tips{color:var(--devui-text-weak, #575d6c);padding:4px 12px}.devui-editable-select.devui-select-open .devui-select-chevron-icon{transform:rotate(180deg)}.devui-editable-select.devui-select-open .devui-select-chevron-icon svg path{fill:var(--devui-text-weak, #575d6c)}.devui-editable-select.devui-form-group.devui-has-feedback>.devui-form-control-feedback{line-height:26px}.devui-editable-select-dropdown .devui-dropdown-menu{width:100%;display:block;top:auto!important;left:auto!important}.devui-editable-select-dropdown .devui-dropdown-menu-cdk{position:static}.devui-editable-select-dropdown .devui-dropdown-item{cursor:pointer;display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:14px}.devui-editable-select-dropdown .devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected{color:var(--devui-list-item-active-text, #ffffff);background-color:var(--devui-list-item-active-bg, #5e7ce0)}.devui-editable-select-dropdown .devui-no-result-template,.devui-editable-select-dropdown .devui-is-searching-template{display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);color:var(--devui-disabled-text, #adb0b8);line-height:14px}.devui-editable-select-dropdown .devui-no-result-template:hover,.devui-editable-select-dropdown .devui-no-result-template:active,.devui-editable-select-dropdown .devui-no-result-template:hover:active,.devui-editable-select-dropdown .devui-is-searching-template:hover,.devui-editable-select-dropdown .devui-is-searching-template:active,.devui-editable-select-dropdown .devui-is-searching-template:hover:active{background-color:var(--devui-unavailable, #f5f5f6)}.devui-editable-select-dropdown .devui-dropdown-item.disabled,.devui-editable-select-dropdown .devui-dropdown-item.disabled:hover{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-editable-select-dropdown ul.devui-list-unstyled{margin:0;overflow-y:auto;padding:0}.devui-editable-select-dropdown .devui-dropdown-bg{background:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-editable-select-dropdown .devui-popup-tips{color:var(--devui-text-weak, #575d6c);padding:4px 12px}
+@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{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:9999}.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)}@charset "UTF-8";.devui-editable-select .devui-select-chevron-icon{display:inline-flex;vertical-align:middle;transition:transform var(--devui-animation-duration-slow, .3s) var(--devui-animation-ease-in-out-smooth, cubic-bezier(.645, .045, .355, 1))}.devui-editable-select input::-ms-clear{display:none}.devui-editable-select.devui-form-group{position:relative}.devui-editable-select .devui-form-control{background-color:var(--devui-base-bg);padding:4px 24px 4px 8px;border:1px solid var(--devui-form-control-line);display:block;width:100%;height:28px;border-radius:var(--devui-border-radius, 2px);outline:0;transition:border-color .3s var(--devui-animation-ease-in-out-smooth)}.devui-editable-select .devui-dropdown-menu-cdk{position:static}.devui-editable-select .devui-popup-tips{color:var(--devui-text-weak, #575d6c);padding:4px 12px}.devui-editable-select .devui-dropdown-origin.devui-dropdown-origin-open{outline:none;border-color:var(--devui-connected-overlay-line)}.devui-editable-select.devui-editable-select--open .devui-select-chevron-icon{transform:rotate(180deg)}.devui-editable-select.devui-editable-select--open .devui-select-chevron-icon svg path{fill:var(--devui-text-weak, #575d6c)}.devui-editable-select.devui-form-group.devui-has-feedback>.devui-form-control-feedback{line-height:26px;position:absolute;top:0;right:0;z-index:2;display:block;width:28px;height:28px;text-align:center;pointer-events:none}.devui-editable-select-dropdown .devui-editable-select-dropdown__wrap{width:100%;margin:0;display:block}.devui-editable-select-dropdown .devui-editable-select-dropdown__wrap .devui-editable-select-dropdown__list{margin:0;overflow-y:auto;padding:0}.devui-editable-select-dropdown .devui-editable-select-dropdown__wrap .devui-editable-select-dropdown__item{cursor:pointer;display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:14px}.devui-editable-select-dropdown .devui-editable-select-dropdown__wrap .devui-editable-select-dropdown__item:not(.disabled).selected{color:var(--devui-list-item-active-text, #252b3a);background-color:var(--devui-list-item-active-bg, #f2f5fc)}.devui-editable-select-dropdown .devui-editable-select-dropdown__item.disabled,.devui-editable-select-dropdown .devui-deditable-select-dropdown__item.disabled:hover{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-editable-select-dropdown .devui-editable-select-dropdown__empty{display:block;width:100%;padding:8px 12px;clear:both;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f5);color:var(--devui-disabled-text, #adb0b8);line-height:14px}.devui-editable-select-dropdown .devui-editable-select-dropdown__empty:hover,.devui-editable-select-dropdown .devui-editable-select-dropdown__empty:active,.devui-editable-select-dropdown .devui-editable-select-dropdown__empty:hover:active{background-color:var(--devui-unavailable, #f5f5f5)}.devui-editable-select-dropdown .devui-editable-select-dropdown__empty--tip{user-select:none;cursor:not-allowed}.devui-editable-select-dropdown .devui-editable-select-dropdown--bg{background:var(--devui-list-item-hover-bg, #f2f2f3)}.devui-flexible-overlay{position:fixed;border-radius:var(--devui-border-radius, 4px);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}