vue-devui 1.0.0-beta.2 → 1.0.0-beta.6

package/transfer/index.umd.js

@@ -1 +1 @@
-var Je=Object.defineProperty,Ge=Object.defineProperties;var et=Object.getOwnPropertyDescriptors;var te=Object.getOwnPropertySymbols;var tt=Object.prototype.hasOwnProperty,nt=Object.prototype.propertyIsEnumerable;var ne=(g,t,b)=>t in g?Je(g,t,{enumerable:!0,configurable:!0,writable:!0,value:b}):g[t]=b,$=(g,t)=>{for(var b in t||(t={}))tt.call(t,b)&&ne(g,b,t[b]);if(te)for(var b of te(t))nt.call(t,b)&&ne(g,b,t[b]);return g},x=(g,t)=>Ge(g,et(t));(function(g,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(g=typeof globalThis!="undefined"?globalThis:g||self,t(g.index={},g.Vue))})(this,function(g,t){"use strict";const b={sourceOption:{type:Array,default(){return[]}},targetOption:{type:Array,default(){return[]}},type:{type:String,default:()=>"source"},title:{type:String,default:()=>"Source"},search:{type:Boolean,default:()=>!1},allChecked:{type:Boolean,default:()=>!1},query:{type:String,default:()=>""},alltargetState:{type:Boolean,default:()=>!1},checkedNum:{type:Number,default:()=>0},checkedValues:{type:Array,default:()=>[]},allCount:{type:Number,default:()=>0},scopedSlots:{type:Object},onChangeAllSource:{type:Function},onChangeQuery:{type:Function},onUpdateCheckeds:{type:Function}},ae=(e,a)=>{const n=[],c=(a==="source"?e.sourceOption:e.targetOption).map(d=>(e.modelValue.some(r=>r===d.value)&&n.push(d.value),d));return{model:n,data:c}},L=(e,a)=>{const n=ae(e,a);return{data:n.data,allChecked:!1,disabled:!1,checkedNum:n.model.length,query:"",checkedValues:n.model,filterData:n.data}},oe=e=>t.computed(()=>`devui-transfer-panel devui-transfer-${e.type}`);var at="";const U={name:{type:String,default:void 0},isShowTitle:{type:Boolean,default:!0},color:{type:String,default:void 0},showAnimation:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0}},le=x($({},U),{halfchecked:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},value:{type:String},label:{type:String,default:void 0},title:{type:String,default:void 0},"onUpdate:checked":{type:Function,default:void 0},onChange:{type:Function,default:void 0},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}}),re=x($({},U),{modelValue:{type:Array,required:!0},direction:{type:String,default:"column"},itemWidth:{type:Number,default:void 0},options:{type:Array,default:()=>[]},onChange:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}}),K=Symbol("d-checkbox-group");var v=t.defineComponent({name:"DCheckbox",props:le,emits:["change","update:checked","update:modelValue"],setup(e,a){const n=t.inject(K,null),l=t.computed(()=>e.checked||e.modelValue),c=t.computed(()=>(n==null?void 0:n.disabled.value)||e.disabled),d=t.computed(()=>{var i,k;return(k=(i=n==null?void 0:n.isItemChecked)==null?void 0:i.call(n,e.value))!=null?k:l.value}),s=t.computed(()=>{var i;return(i=n==null?void 0:n.isShowTitle)!=null?i:e.isShowTitle}),r=t.computed(()=>{var i;return(i=n==null?void 0:n.showAnimation)!=null?i:e.showAnimation}),u=t.computed(()=>{var i;return(i=n==null?void 0:n.color)!=null?i:e.color}),p=n==null?void 0:n.itemWidth.value,m=n==null?void 0:n.direction.value,h=(i,k)=>{var V;if(c.value)return Promise.resolve(!1);const S=(V=e.beforeChange)!=null?V:n==null?void 0:n.beforeChange;if(S){const w=S(i,k);return typeof w=="boolean"?Promise.resolve(w):w}return Promise.resolve(!0)},o=()=>{const i=!l.value;n==null||n.toggleGroupVal(e.value),a.emit("update:checked",i),a.emit("update:modelValue",i),a.emit("change",i)};return{itemWidth:p,direction:m,mergedColor:u,mergedDisabled:c,mergedIsShowTitle:s,mergedChecked:d,mergedShowAnimation:r,handleClick:()=>{h(!l.value,e.value).then(i=>i&&o())}}},render(){var N;const{itemWidth:e,direction:a,mergedChecked:n,mergedDisabled:l,mergedIsShowTitle:c,mergedShowAnimation:d,halfchecked:s,title:r,label:u,handleClick:p,name:m,value:h,mergedColor:o,$slots:f}=this,i={"devui-checkbox-column-margin":a==="column","devui-checkbox-wrap":typeof e!="undefined"},k=e?[`width: ${e}px`]:[],S={"devui-checkbox":!0,active:n,halfchecked:s,disabled:l,unchecked:!n},V=c?r||u:"",w=o&&s||o?`linear-gradient(${o}, ${o})`:"",z=[`border-color:${(n||s)&&o?o:""}`,`background-image:${w}`,`background-color:${o&&s?o:""}`],q={"devui-checkbox-material":!0,"custom-color":o,"devui-checkbox-no-label":!u&&!f.default,"devui-no-animation":!d,"devui-checkbox-default-background":!s},B={"devui-tick":!0,"devui-no-animation":!d},y=O=>O.stopPropagation(),C={indeterminate:s};return t.createVNode("div",{class:i,style:k},[t.createVNode("div",{class:S},[t.createVNode("label",{title:V,onClick:p},[t.createVNode("input",t.mergeProps({name:m||h,class:"devui-checkbox-input",type:"checkbox"},C,{checked:n,disabled:l,onClick:y,onChange:y}),null),t.createVNode("span",{style:z,class:q},[t.createVNode("span",{class:"devui-checkbox-halfchecked-bg"},null),t.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("polygon",{"fill-rule":"nonzero",points:"5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",class:B},null)])])]),u||((N=f.default)==null?void 0:N.call(f))])])])}}),ot="",M=t.defineComponent({name:"DCheckboxGroup",props:re,emits:["change","update:modelValue"],setup(e,a){const n=t.toRef(e,"modelValue"),l={checked:!1,isShowTitle:!0,halfchecked:!1,showAnimation:!0,disabled:!1},c=s=>{const r=n.value.findIndex(u=>u===s);if(r===-1){const u=[...n.value,s];a.emit("update:modelValue",u),a.emit("change",u);return}n.value.splice(r,1),a.emit("update:modelValue",n.value),a.emit("change",n.value)},d=s=>n.value.includes(s);return t.provide(K,{disabled:t.toRef(e,"disabled"),isShowTitle:t.toRef(e,"isShowTitle"),color:t.toRef(e,"color"),showAnimation:t.toRef(e,"showAnimation"),beforeChange:e.beforeChange,isItemChecked:d,toggleGroupVal:c,itemWidth:t.toRef(e,"itemWidth"),direction:t.toRef(e,"direction")}),{defaultOpt:l}},render(){var d;const{direction:e,$slots:a,defaultOpt:n,options:l}=this;let c=(d=a.default)==null?void 0:d.call(a);return(l==null?void 0:l.length)>0&&(c=l.map(s=>{const r=Object.assign({},n,s);return t.createVNode(v,r,null)})),t.createVNode("div",{class:"devui-checkbox-group"},[t.createVNode("div",{class:{"devui-checkbox-list-inline":e==="row"}},[c])])}});const ie={size:{type:String,default:""},placeholder:{type:String,default:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57"},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},delay:{type:Number,default:300},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},isKeyupSearch:{type:Boolean,default:!1},iconPosition:{type:String,default:"right"},noBorder:{type:Boolean,default:!1},cssClass:{type:String,default:""},modelValue:{type:String,default:""},searchFn:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}},de={lg:"lg",sm:"sm"},se={right:"right",left:"left"},ce=e=>t.computed(()=>({"devui-search":!0,"devui-search__disbaled":e.disabled,"devui-search__no-border":e.noBorder,[`devui-search__${e.size}`]:de[e.size],[`devui-search__${e.iconPosition}`]:se[e.iconPosition]})),ue=(e,a)=>{const n=t.ref("");t.watch(()=>a.modelValue,d=>{n.value=d},{immediate:!0});const l=()=>{n.value="",e.emit("update:modelValue","")},c=t.computed(()=>n.value.length>0);return{keywords:n,clearIconShow:c,onClearHandle:l}};var fe=typeof global=="object"&&global&&global.Object===Object&&global,he=fe,me=typeof self=="object"&&self&&self.Object===Object&&self,pe=he||me||Function("return this")(),R=pe,ye=R.Symbol,D=ye,W=Object.prototype,ge=W.hasOwnProperty,be=W.toString,T=D?D.toStringTag:void 0;function ke(e){var a=ge.call(e,T),n=e[T];try{e[T]=void 0;var l=!0}catch{}var c=be.call(e);return l&&(a?e[T]=n:delete e[T]),c}var Se=Object.prototype,Ce=Se.toString;function Ve(e){return Ce.call(e)}var we="[object Null]",Ne="[object Undefined]",Q=D?D.toStringTag:void 0;function ve(e){return e==null?e===void 0?Ne:we:Q&&Q in Object(e)?ke(e):Ve(e)}function Te(e){return e!=null&&typeof e=="object"}var Ie="[object Symbol]";function Be(e){return typeof e=="symbol"||Te(e)&&ve(e)==Ie}var De=/\s/;function Fe(e){for(var a=e.length;a--&&De.test(e.charAt(a)););return a}var Oe=/^\s+/;function $e(e){return e&&e.slice(0,Fe(e)+1).replace(Oe,"")}function P(e){var a=typeof e;return e!=null&&(a=="object"||a=="function")}var H=0/0,Pe=/^[-+]0x[0-9a-f]+$/i,Ae=/^0b[01]+$/i,je=/^0o[0-7]+$/i,_e=parseInt;function X(e){if(typeof e=="number")return e;if(Be(e))return H;if(P(e)){var a=typeof e.valueOf=="function"?e.valueOf():e;e=P(a)?a+"":a}if(typeof e!="string")return e===0?e:+e;e=$e(e);var n=Ae.test(e);return n||je.test(e)?_e(e.slice(2),n?2:8):Pe.test(e)?H:+e}var Ee=function(){return R.Date.now()},A=Ee,ze="Expected a function",qe=Math.max,xe=Math.min;function Le(e,a,n){var l,c,d,s,r,u,p=0,m=!1,h=!1,o=!0;if(typeof e!="function")throw new TypeError(ze);a=X(a)||0,P(n)&&(m=!!n.leading,h="maxWait"in n,d=h?qe(X(n.maxWait)||0,a):d,o="trailing"in n?!!n.trailing:o);function f(y){var C=l,N=c;return l=c=void 0,p=y,s=e.apply(N,C),s}function i(y){return p=y,r=setTimeout(V,a),m?f(y):s}function k(y){var C=y-u,N=y-p,O=a-C;return h?xe(O,d-N):O}function S(y){var C=y-u,N=y-p;return u===void 0||C>=a||C<0||h&&N>=d}function V(){var y=A();if(S(y))return w(y);r=setTimeout(V,k(y))}function w(y){return r=void 0,o&&l?f(y):(l=c=void 0,s)}function z(){r!==void 0&&clearTimeout(r),p=0,l=u=c=r=void 0}function q(){return r===void 0?s:w(A())}function B(){var y=A(),C=S(y);if(l=arguments,c=this,u=y,C){if(r===void 0)return i(u);if(h)return clearTimeout(r),r=setTimeout(V,a),f(u)}return r===void 0&&(r=setTimeout(V,a)),s}return B.cancel=z,B.flush=q,B}const Ue={enter:"Enter"},Ke=(e,a,n)=>{const l=r=>{switch(r.key){case Ue.enter:c(r);break}},c=r=>{if(r.target instanceof HTMLInputElement){const u=r.target.value;s(u)}},d=()=>{s(a.value)},s=Le(r=>{e.emit("searchFn",r)},n);return{onInputKeydown:l,useEmitKeyword:s,onClickHandle:d}},Me={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},value:{type:String,default:""},"onUpdate:value":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var lt="";const Re=Symbol("dFormItem"),j={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var We=t.defineComponent({name:"DInput",directives:{focus:{mounted:function(e,a){a.value&&e.focus()}}},props:Me,emits:["update:value","focus","blur","change","keydown"],setup(e,a){const n=t.inject(Re,{}),l=t.computed(()=>`devui-input-${e.size}`),c=t.ref(!1),d=t.ref("text"),s=t.computed(()=>({error:e.error,[e.cssClass]:!0,[l.value]:e.size!==""})),r=t.computed(()=>d.value==="password");return t.watch(()=>e.showPassword,i=>{d.value=i?"password":"text"},{immediate:!0}),t.watch(()=>e.value,i=>{i&&i.length>0&&r.value?c.value=!0:c.value=!1}),{inputCls:s,inputType:d,showPreviewIcon:r,showPwdIcon:c,onInput:i=>{a.emit("update:value",i.target.value),n.formItemMitt.emit(j.input)},onFocus:()=>{a.emit("focus")},onBlur:()=>{a.emit("blur"),n.formItemMitt.emit(j.blur)},onChange:i=>{a.emit("change",i.target.value),n.formItemMitt.emit(j.change)},onKeydown:i=>{a.emit("keydown",i)},onChangeInputType:()=>{d.value=d.value==="password"?"text":"password"}}},render(){const{value:e,showPreviewIcon:a,showPwdIcon:n,inputCls:l,inputType:c,maxLength:d,autoFocus:s,placeholder:r,disabled:u,onInput:p,onFocus:m,onBlur:h,onChange:o,onKeydown:f,onChangeInputType:i}=this;return t.createVNode("div",{class:"devui-input__wrap"},[t.withDirectives(t.createVNode("input",t.mergeProps({dinput:!0},{value:e,disabled:u,type:c,maxlength:d,placeholder:r,class:l,onInput:p,onFocus:m,onBlur:h,onChange:o,onKeydown:f}),null),[[t.resolveDirective("focus"),s]]),n&&t.createVNode("div",{class:"devui-input__preview",onClick:i},[a?t.createVNode(t.resolveComponent("d-icon"),{name:"preview",size:"12px",key:1},null):t.createVNode(t.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:2},null)])])}}),rt="",Y=t.defineComponent({name:"DSearch",props:ie,emits:["update:modelValue","searchFn"],setup(e,a){const n=ce(e),{keywords:l,clearIconShow:c,onClearHandle:d}=ue(a,e),{onInputKeydown:s,onClickHandle:r,useEmitKeyword:u}=Ke(a,l,e.delay),p=m=>{e.isKeyupSearch&&u(m),l.value=m,a.emit("update:modelValue",m)};return()=>t.createVNode("div",{class:n.value},[e.iconPosition==="left"&&t.createVNode("div",{class:"devui-search__icon",onClick:r},[t.createVNode(t.resolveComponent("d-icon"),{name:"search",size:"inherit"},null)]),t.createVNode(We,{size:e.size,disabled:e.disabled,autoFocus:e.autoFocus,value:l.value,maxLength:e.maxLength,placeholder:e.placeholder,cssClass:e.cssClass,onKeydown:s,"onUpdate:value":p},null),c.value&&t.createVNode("div",{class:"devui-search__clear",onClick:d},[t.createVNode(t.resolveComponent("d-icon"),{name:"close",size:"inherit"},null)]),e.iconPosition==="right"&&t.createVNode("div",{class:"devui-search__icon",onClick:r},[t.createVNode(t.resolveComponent("d-icon"),{name:"search",size:"inherit"},null)])])}});function Z(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}var _=t.defineComponent({name:"DTransferBase",components:{DSearch:Y,DCheckboxGroup:M,DCheckbox:v},props:b,setup(e,a){const n=t.computed(()=>e.checkedValues),l=t.computed(()=>e.query);return{baseClass:oe(e),searchQuery:l,modelValues:n,updateSearchQuery:s=>a.emit("changeQuery",s)}},render(){let e;const{title:a,baseClass:n,checkedNum:l,allChecked:c,sourceOption:d,allCount:s,updateSearchQuery:r,search:u,searchQuery:p,modelValues:m}=this;return t.createVNode("div",{class:n},[this.$slots.header?this.$slots.header():t.createVNode("div",{class:"devui-transfer-panel-header"},[t.createVNode("div",{class:"devui-transfer-panel-header-allChecked"},[t.createVNode(v,{modelValue:c,onChange:h=>this.$emit("changeAllSource",h)},Z(a)?a:{default:()=>[a]})]),t.createVNode("div",{class:"devui-transfer-panel-header-num"},[l,t.createTextVNode("/"),s])]),this.$slots.body?this.$slots.body():t.createVNode("div",{class:"devui-transfer-panel-body"},[u&&t.createVNode("div",{class:"devui-transfer-panel-body-search"},[t.createVNode(Y,{modelValue:p,"onUpdate:modelValue":r},null)]),t.createVNode("div",{class:"devui-transfer-panel-body-list",style:{height:`calc(100% - 40px - ${u?42:0}px)`}},[d.length?t.createVNode(M,{modelValue:m,onChange:h=>this.$emit("updateCheckeds",h)},Z(e=d.map((h,o)=>t.createVNode(v,{class:"devui-transfer-panel-body-list-item",label:h.key,value:h.value,disabled:h.disabled,key:o},null)))?e:{default:()=>[e]}):t.createVNode("div",{class:"devui-transfer-panel-body-list-empty"},[t.createTextVNode("\u65E0\u6570\u636E")])])])])}}),F=t.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(e){return $({},e)},render(){const{name:e,size:a,color:n,classPrefix:l}=this;return t.createVNode(t.Fragment,null,[/^((https?):)?\/\//.test(e)?t.createVNode("img",{src:e,alt:e.split("/")[e.split("/").length-1],style:{width:a}},null):t.createVNode("i",{class:`${l} ${l}-${e}`,style:{fontSize:a,color:n}},null)])}});F.install=function(e){e.component(F.name,F)};const Qe={type:{type:String,default:"button"},btnStyle:{type:String,default:"primary"},size:{type:String,default:"md"},position:{type:String,default:"default"},bordered:{type:Boolean,default:!1},icon:{type:String,default:""},showLoading:{type:Boolean,default:!1},width:{type:String},disabled:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},onClick:{type:Function}};var it="",E=t.defineComponent({name:"DButton",props:Qe,setup(e,a){const n=t.ref(null),l=r=>{var u;e.showLoading||(u=e.onClick)==null||u.call(e,r)},c=t.computed(()=>a.slots.default),d=t.computed(()=>{const{btnStyle:r,size:u,position:p,bordered:m,icon:h}=e,o=`devui-btn devui-btn-${r} devui-btn-${u} devui-btn-${p}`,f=m?"bordered":"",i=!!h&&!c.value&&r!=="primary"?"d-btn-icon":"";return`${o} ${f} ${i} ${h?"d-btn-icon-wrap":""}`}),s=t.computed(()=>{if(!e.icon)return;const r="devui-icon-fix icon";return c.value?`${r} clear-right-5`:r});return()=>{var o,f;const{icon:r,type:u,disabled:p,showLoading:m,width:h}=e;return t.createVNode("div",t.mergeProps({class:"devui-btn-host"},a.attrs),[t.createVNode("button",{class:d.value,type:u,disabled:p,style:{width:h},onClick:l},[r?t.createVNode(F,{name:e.icon,class:s.value},null):null,t.createVNode("span",{class:"button-content",ref:n},[(f=(o=a.slots).default)==null?void 0:f.call(o)])])])}}});const He={sourceDisabled:{type:Boolean,default:()=>!0},targetDisabled:{type:Boolean,default:()=>!0},disabled:{type:Boolean,default:()=>!1},onUpdateSourceData:{type:Function},onUpdateTargetData:{type:Function}};var J=t.defineComponent({name:"DTransferOperation",components:{DButton:E},props:He,setup(e,a){return()=>a.slots.operation&&a.slots.operation()||t.createVNode("div",{class:"devui-transfer-panel-operation"},[t.createVNode("div",{class:"devui-transfer-panel-operation-group"},[t.createVNode(E,{class:"devui-transfer-panel-operation-group-left",disabled:e.disabled?e.disabled:e.sourceDisabled,onClick:()=>a.emit("updateSourceData")},{default:()=>[t.createVNode("span",{class:"icon-collapse"},null)]}),t.createVNode(E,{class:"devui-transfer-panel-operation-group-right",disabled:e.disabled?e.disabled:e.targetDisabled,onClick:()=>a.emit("updateTargetData")},{default:()=>[t.createVNode("span",{class:"icon-chevron-right"},null)]})])])}});const Xe={sourceOption:{type:Array,require:!0,default(){return[]}},targetOption:{type:Array,require:!0,default(){return[]}},titles:{type:Array,default:()=>()=>["Source","Target"]},modelValue:{type:Array,default:()=>()=>[]},height:{type:String,default:"320px"},isSearch:{type:Boolean,default:!1},isSourceDroppable:{type:Boolean,default:!1},isTargetDroppable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},showOptionTitle:{type:Boolean,default:!1},slots:{type:Object}},G=(e,a)=>e.slots[`${a}-header`]?()=>e.slots[`${a}-header`]&&e.slots[`${a}-header`]():null,ee=(e,a)=>e.slots[`${a}-body`]?()=>e.slots[`${a}-body`]&&e.slots[`${a}-body`]():null,Ye=e=>e.slots&&e.slots.operation&&e.slots.operation()||null;var dt="",I=t.defineComponent({name:"DTransfer",components:{DTransferBase:_,DTransferOperation:J,DCheckbox:v},props:Xe,setup(e,a){const n=t.reactive(L(e,"source")),l=t.reactive(L(e,"target")),c=t.ref(null);t.watch(()=>n.query,o=>{m(n)}),t.watch(()=>n.checkedValues,o=>{n.checkedNum=o.length,d(n,o)},{deep:!0}),t.watch(()=>l.query,o=>{m(l)}),t.watch(()=>l.checkedValues,o=>{l.checkedNum=o.length,d(l,o)},{deep:!0});const d=(o,f)=>{c.value==="click"?o.allChecked=!1:o.allChecked=f.length===o.data.filter(i=>!i.disabled).length},s=(o,f)=>{const i=[];o.data=o.data.filter(k=>{const S=o.checkedValues.includes(k.value);return S&&i.push(k),!S}),f.data=f.data.concat(i),o.checkedValues=[],f.disabled=!f.disabled,m(o,f),m(f,o),h("click")},r=(o,f)=>{o.filterData.every(i=>i.disabled)||(o.allChecked=f,f?o.checkedValues=o.filterData.filter(i=>!i.disabled).map(i=>i.value):o.checkedValues=[],h("change"))},u=o=>{n.checkedValues=o,h("change")},p=o=>{l.checkedValues=o,h("change")},m=(o,f)=>{o.filterData=o.data.filter(i=>i.key.indexOf(o.query)!==-1),f&&(f.allChecked=!1)},h=o=>{c.value=o};return()=>t.createVNode("div",{class:"devui-transfer"},[t.createVNode(_,{style:{height:e.height},sourceOption:n.filterData,title:e.titles[0],type:"source",search:e.isSearch,allChecked:n.allChecked,checkedNum:n.checkedNum,query:n.query,checkedValues:n.checkedValues,allCount:n.data.length,onChangeAllSource:o=>r(n,o),onUpdateCheckeds:u,onChangeQuery:o=>n.query=o},{header:G(a,"left"),body:ee(a,"left")}),t.createVNode(J,{disabled:e.disabled,sourceDisabled:!(l.checkedNum>0),targetDisabled:!(n.checkedNum>0),onUpdateSourceData:()=>{s(l,n)},onUpdateTargetData:()=>{s(n,l)}},{operation:Ye(a)}),t.createVNode(_,{style:{height:e.height},sourceOption:l.filterData,title:e.titles[1],type:"target",search:e.isSearch,allChecked:l.allChecked,checkedNum:l.checkedNum,query:l.query,checkedValues:l.checkedValues,allCount:l.data.length,onChangeAllSource:o=>r(l,o),onUpdateCheckeds:p,onChangeQuery:o=>l.query=o},{header:G(a,"right"),body:ee(a,"right")})])}});I.install=function(e){e.component(I.name,I)};var Ze={title:"Transfer \u7A7F\u68AD\u6846",category:"\u6570\u636E\u5F55\u5165",status:"10%",install(e){e.use(I)}};g.Transfer=I,g.default=Ze,Object.defineProperty(g,"__esModule",{value:!0}),g[Symbol.toStringTag]="Module"});
+var Je=Object.defineProperty,Ge=Object.defineProperties;var et=Object.getOwnPropertyDescriptors;var te=Object.getOwnPropertySymbols;var tt=Object.prototype.hasOwnProperty,nt=Object.prototype.propertyIsEnumerable;var ne=(b,t,k)=>t in b?Je(b,t,{enumerable:!0,configurable:!0,writable:!0,value:k}):b[t]=k,B=(b,t)=>{for(var k in t||(t={}))tt.call(t,k)&&ne(b,k,t[k]);if(te)for(var k of te(t))nt.call(t,k)&&ne(b,k,t[k]);return b},j=(b,t)=>Ge(b,et(t));(function(b,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(b=typeof globalThis!="undefined"?globalThis:b||self,t(b.index={},b.Vue))})(this,function(b,t){"use strict";const k={sourceOption:{type:Array,default(){return[]}},targetOption:{type:Array,default(){return[]}},type:{type:String,default:()=>"source"},title:{type:String,default:()=>"Source"},search:{type:Boolean,default:()=>!1},allChecked:{type:Boolean,default:()=>!1},query:{type:String,default:()=>""},alltargetState:{type:Boolean,default:()=>!1},checkedNum:{type:Number,default:()=>0},checkedValues:{type:Array,default:()=>[]},allCount:{type:Number,default:()=>0},scopedSlots:{type:Object},onChangeAllSource:{type:Function},onChangeQuery:{type:Function},onUpdateCheckeds:{type:Function}},ae=(e,a)=>{const n=[],u=(a==="source"?e.sourceOption:e.targetOption).map(c=>(e.modelValue.some(r=>r===c.value)&&n.push(c.value),c));return{model:n,data:u}},U=(e,a)=>{const n=ae(e,a);return{data:n.data,allChecked:!1,disabled:!1,checkedNum:n.model.length,query:"",checkedValues:n.model,filterData:n.data}},oe=e=>t.computed(()=>`devui-transfer-panel devui-transfer-${e.type}`);var at="";const x={name:{type:String,default:void 0},halfchecked:{type:Boolean,default:!1},isShowTitle:{type:Boolean,default:!0},title:{type:String},color:{type:String,default:void 0},showAnimation:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0}},le=j(B({},x),{halfchecked:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},value:{type:String},label:{type:String,default:void 0},title:{type:String,default:void 0},"onUpdate:checked":{type:Function,default:void 0},onChange:{type:Function,default:void 0},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}}),re=j(B({},x),{modelValue:{type:Array,required:!0},direction:{type:String,default:"column"},itemWidth:{type:Number,default:void 0},options:{type:Array,default:()=>[]},onChange:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}}),K=Symbol("d-checkbox-group");var N=t.defineComponent({name:"DCheckbox",props:le,emits:["change","update:checked","update:modelValue"],setup(e,a){const n=t.inject(K,null),l=t.computed(()=>e.checked||e.modelValue),u=t.computed(()=>(n==null?void 0:n.disabled.value)||e.disabled),c=t.computed(()=>{var s,y;return(y=(s=n==null?void 0:n.isItemChecked)==null?void 0:s.call(n,e.value))!=null?y:l.value}),i=t.computed(()=>{var s;return(s=n==null?void 0:n.isShowTitle.value)!=null?s:e.isShowTitle}),r=t.computed(()=>{var s;return(s=n==null?void 0:n.showAnimation.value)!=null?s:e.showAnimation}),d=t.computed(()=>{var s;return(s=n==null?void 0:n.color.value)!=null?s:e.color}),p=n==null?void 0:n.itemWidth.value,m=n==null?void 0:n.direction.value,f=(s,y)=>{var V;if(u.value)return Promise.resolve(!1);const S=(V=e.beforeChange)!=null?V:n==null?void 0:n.beforeChange;if(S){const v=S(s,y);return typeof v=="boolean"?Promise.resolve(v):v}return Promise.resolve(!0)},o=()=>{const s=!l.value;n==null||n.toggleGroupVal(e.value),a.emit("update:checked",s),a.emit("update:modelValue",s),a.emit("change",s)};return{itemWidth:p,direction:m,mergedColor:d,mergedDisabled:u,mergedIsShowTitle:i,mergedChecked:c,mergedShowAnimation:r,handleClick:()=>{f(!l.value,e.label).then(s=>s&&o())}}},render(){var w;const{itemWidth:e,direction:a,mergedChecked:n,mergedDisabled:l,mergedIsShowTitle:u,mergedShowAnimation:c,halfchecked:i,title:r,label:d,handleClick:p,name:m,value:f,mergedColor:o,$slots:h}=this,s={"devui-checkbox-column-margin":a==="column","devui-checkbox-wrap":typeof e!="undefined"},y=e?[`width: ${e}px`]:[],S={"devui-checkbox":!0,active:n,halfchecked:i,disabled:l,unchecked:!n},V=u?r||d:"",v=o&&i||o?`linear-gradient(${o}, ${o})`:"",q=[`border-color:${(n||i)&&o?o:""}`,`background-image:${v}`,`background-color:${o&&i?o:""}`],L={"devui-checkbox-material":!0,"custom-color":o,"devui-checkbox-no-label":!d&&!h.default,"devui-no-animation":!c,"devui-checkbox-default-background":!i},O={"devui-tick":!0,"devui-no-animation":!c},g=$=>$.stopPropagation(),C={indeterminate:i};return t.createVNode("div",{class:s,style:y},[t.createVNode("div",{class:S},[t.createVNode("label",{title:V,onClick:p},[t.createVNode("input",t.mergeProps({name:m||f,class:"devui-checkbox-input",type:"checkbox"},C,{checked:n,disabled:l,onClick:g,onChange:g}),null),t.createVNode("span",{style:q,class:L},[t.createVNode("span",{class:"devui-checkbox-halfchecked-bg"},null),t.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[t.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[t.createVNode("polygon",{"fill-rule":"nonzero",points:"5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",class:O},null)])])]),d||((w=h.default)==null?void 0:w.call(h))])])])}}),ot="",M=t.defineComponent({name:"DCheckboxGroup",props:re,emits:["change","update:modelValue"],setup(e,a){const n=t.toRef(e,"modelValue"),l={checked:!1,isShowTitle:!0,halfchecked:!1,showAnimation:!0,disabled:!1},u=i=>{let r=-1;if(typeof n.value[0]=="string"?r=n.value.findIndex(d=>d===i):typeof n.value[0]=="object"&&(r=n.value.findIndex(d=>d.value===i)),r===-1){if(typeof e.options[0]=="object"){const p=e.options.find(f=>f.value===i),m=[...n.value,p];a.emit("update:modelValue",m),a.emit("change",m);return}const d=[...n.value,i];a.emit("update:modelValue",d),a.emit("change",d);return}n.value.splice(r,1),a.emit("update:modelValue",n.value),a.emit("change",n.value)},c=i=>{if(typeof n.value[0]=="string")return n.value.includes(i);if(typeof n.value[0]=="object")return n.value.some(r=>r.value===i)};return t.provide(K,{disabled:t.toRef(e,"disabled"),isShowTitle:t.toRef(e,"isShowTitle"),color:t.toRef(e,"color"),showAnimation:t.toRef(e,"showAnimation"),beforeChange:e.beforeChange,isItemChecked:c,toggleGroupVal:u,itemWidth:t.toRef(e,"itemWidth"),direction:t.toRef(e,"direction")}),{defaultOpt:l}},render(){var c;const{direction:e,$slots:a,defaultOpt:n,options:l}=this;let u=(c=a.default)==null?void 0:c.call(a);return(l==null?void 0:l.length)>0&&(u=l.map(i=>{let r=null;return typeof i=="string"?r=Object.assign({},n,{label:i,value:i}):typeof i=="object"&&(r=Object.assign({},n,j(B({},i),{label:i.name}))),t.createVNode(N,r,null)})),t.createVNode("div",{class:"devui-checkbox-group"},[t.createVNode("div",{class:{"devui-checkbox-list-inline":e==="row"}},[u])])}});const ie={size:{type:String,default:""},placeholder:{type:String,default:"\u8BF7\u8F93\u5165\u5173\u952E\u5B57"},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},delay:{type:Number,default:300},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},isKeyupSearch:{type:Boolean,default:!1},iconPosition:{type:String,default:"right"},noBorder:{type:Boolean,default:!1},cssClass:{type:String,default:""},modelValue:{type:String,default:""},searchFn:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}},de={lg:"lg",sm:"sm"},se={right:"right",left:"left"},ce=e=>t.computed(()=>({"devui-search":!0,"devui-search__disbaled":e.disabled,"devui-search__no-border":e.noBorder,[`devui-search__${e.size}`]:de[e.size],[`devui-search__${e.iconPosition}`]:se[e.iconPosition]})),ue=(e,a)=>{const n=t.ref("");t.watch(()=>a.modelValue,c=>{n.value=c},{immediate:!0});const l=()=>{n.value="",e.emit("update:modelValue","")},u=t.computed(()=>n.value.length>0);return{keywords:n,clearIconShow:u,onClearHandle:l}};var fe=typeof global=="object"&&global&&global.Object===Object&&global,he=fe,me=typeof self=="object"&&self&&self.Object===Object&&self,pe=he||me||Function("return this")(),R=pe,ye=R.Symbol,F=ye,W=Object.prototype,ge=W.hasOwnProperty,be=W.toString,T=F?F.toStringTag:void 0;function ke(e){var a=ge.call(e,T),n=e[T];try{e[T]=void 0;var l=!0}catch{}var u=be.call(e);return l&&(a?e[T]=n:delete e[T]),u}var Se=Object.prototype,Ce=Se.toString;function Ve(e){return Ce.call(e)}var ve="[object Null]",we="[object Undefined]",Q=F?F.toStringTag:void 0;function Ne(e){return e==null?e===void 0?we:ve:Q&&Q in Object(e)?ke(e):Ve(e)}function Te(e){return e!=null&&typeof e=="object"}var Ie="[object Symbol]";function Oe(e){return typeof e=="symbol"||Te(e)&&Ne(e)==Ie}var Be=/\s/;function Fe(e){for(var a=e.length;a--&&Be.test(e.charAt(a)););return a}var De=/^\s+/;function $e(e){return e&&e.slice(0,Fe(e)+1).replace(De,"")}function P(e){var a=typeof e;return e!=null&&(a=="object"||a=="function")}var H=0/0,je=/^[-+]0x[0-9a-f]+$/i,Pe=/^0b[01]+$/i,Ae=/^0o[0-7]+$/i,_e=parseInt;function X(e){if(typeof e=="number")return e;if(Oe(e))return H;if(P(e)){var a=typeof e.valueOf=="function"?e.valueOf():e;e=P(a)?a+"":a}if(typeof e!="string")return e===0?e:+e;e=$e(e);var n=Pe.test(e);return n||Ae.test(e)?_e(e.slice(2),n?2:8):je.test(e)?H:+e}var Ee=function(){return R.Date.now()},A=Ee,ze="Expected a function",qe=Math.max,Le=Math.min;function Ue(e,a,n){var l,u,c,i,r,d,p=0,m=!1,f=!1,o=!0;if(typeof e!="function")throw new TypeError(ze);a=X(a)||0,P(n)&&(m=!!n.leading,f="maxWait"in n,c=f?qe(X(n.maxWait)||0,a):c,o="trailing"in n?!!n.trailing:o);function h(g){var C=l,w=u;return l=u=void 0,p=g,i=e.apply(w,C),i}function s(g){return p=g,r=setTimeout(V,a),m?h(g):i}function y(g){var C=g-d,w=g-p,$=a-C;return f?Le($,c-w):$}function S(g){var C=g-d,w=g-p;return d===void 0||C>=a||C<0||f&&w>=c}function V(){var g=A();if(S(g))return v(g);r=setTimeout(V,y(g))}function v(g){return r=void 0,o&&l?h(g):(l=u=void 0,i)}function q(){r!==void 0&&clearTimeout(r),p=0,l=d=u=r=void 0}function L(){return r===void 0?i:v(A())}function O(){var g=A(),C=S(g);if(l=arguments,u=this,d=g,C){if(r===void 0)return s(d);if(f)return clearTimeout(r),r=setTimeout(V,a),h(d)}return r===void 0&&(r=setTimeout(V,a)),i}return O.cancel=q,O.flush=L,O}const xe={enter:"Enter"},Ke=(e,a,n)=>{const l=r=>{switch(r.key){case xe.enter:u(r);break}},u=r=>{if(r.target instanceof HTMLInputElement){const d=r.target.value;i(d)}},c=()=>{i(a.value)},i=Ue(r=>{e.emit("searchFn",r)},n);return{onInputKeydown:l,useEmitKeyword:i,onClickHandle:c}},Me={placeholder:{type:String,default:void 0},disabled:{type:Boolean,default:!1},autoFocus:{type:Boolean,default:!1},maxLength:{type:Number,default:Number.MAX_SAFE_INTEGER},cssClass:{type:String,default:""},error:{type:Boolean,default:!1},size:{type:String,default:""},showPassword:{type:Boolean,default:!1},value:{type:String,default:""},"onUpdate:value":{type:Function,default:void 0},onChange:{type:Function,default:void 0},onKeydown:{type:Function,default:void 0},onFocus:{type:Function,default:void 0},onBlur:{type:Function,default:void 0}};var lt="";const Re=Symbol("dFormItem"),_={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var We=t.defineComponent({name:"DInput",directives:{focus:{mounted:function(e,a){a.value&&e.focus()}}},props:Me,emits:["update:value","focus","blur","change","keydown"],setup(e,a){const n=t.inject(Re,{}),l=Object.keys(n).length>0,u=t.computed(()=>`devui-input-${e.size}`),c=t.ref(!1),i=t.ref("text"),r=t.computed(()=>({error:e.error,[e.cssClass]:!0,[u.value]:e.size!==""})),d=t.computed(()=>i.value==="password");return t.watch(()=>e.showPassword,y=>{i.value=y?"password":"text"},{immediate:!0}),t.watch(()=>e.value,y=>{y&&y.length>0&&d.value?c.value=!0:c.value=!1}),{inputCls:r,inputType:i,showPreviewIcon:d,showPwdIcon:c,onInput:y=>{a.emit("update:value",y.target.value),l&&n.formItemMitt.emit(_.input)},onFocus:()=>{a.emit("focus")},onBlur:()=>{a.emit("blur"),l&&n.formItemMitt.emit(_.blur)},onChange:y=>{a.emit("change",y.target.value),l&&n.formItemMitt.emit(_.change)},onKeydown:y=>{a.emit("keydown",y)},onChangeInputType:()=>{i.value=i.value==="password"?"text":"password"}}},render(){const{value:e,showPreviewIcon:a,showPwdIcon:n,inputCls:l,inputType:u,maxLength:c,autoFocus:i,placeholder:r,disabled:d,onInput:p,onFocus:m,onBlur:f,onChange:o,onKeydown:h,onChangeInputType:s}=this;return t.createVNode("div",{class:"devui-input__wrap"},[t.withDirectives(t.createVNode("input",t.mergeProps({dinput:!0},{value:e,disabled:d,type:u,maxlength:c,placeholder:r,class:l,onInput:p,onFocus:m,onBlur:f,onChange:o,onKeydown:h}),null),[[t.resolveDirective("focus"),i]]),n&&t.createVNode("div",{class:"devui-input__preview",onClick:s},[a?t.createVNode(t.resolveComponent("d-icon"),{name:"preview",size:"12px",key:1},null):t.createVNode(t.resolveComponent("d-icon"),{name:"preview-forbidden",size:"12px",key:2},null)])])}}),rt="",Y=t.defineComponent({name:"DSearch",props:ie,emits:["update:modelValue","searchFn"],setup(e,a){const n=ce(e),{keywords:l,clearIconShow:u,onClearHandle:c}=ue(a,e),{onInputKeydown:i,onClickHandle:r,useEmitKeyword:d}=Ke(a,l,e.delay),p=m=>{e.isKeyupSearch&&d(m),l.value=m,a.emit("update:modelValue",m)};return()=>t.createVNode("div",{class:n.value},[e.iconPosition==="left"&&t.createVNode("div",{class:"devui-search__icon",onClick:r},[t.createVNode(t.resolveComponent("d-icon"),{name:"search",size:"inherit"},null)]),t.createVNode(We,{size:e.size,disabled:e.disabled,autoFocus:e.autoFocus,value:l.value,maxLength:e.maxLength,placeholder:e.placeholder,cssClass:e.cssClass,onKeydown:i,"onUpdate:value":p},null),u.value&&t.createVNode("div",{class:"devui-search__clear",onClick:c},[t.createVNode(t.resolveComponent("d-icon"),{name:"close",size:"inherit"},null)]),e.iconPosition==="right"&&t.createVNode("div",{class:"devui-search__icon",onClick:r},[t.createVNode(t.resolveComponent("d-icon"),{name:"search",size:"inherit"},null)])])}});function Z(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}var E=t.defineComponent({name:"DTransferBase",components:{DSearch:Y,DCheckboxGroup:M,DCheckbox:N},props:k,setup(e,a){const n=t.computed(()=>e.checkedValues),l=t.computed(()=>e.query);return{baseClass:oe(e),searchQuery:l,modelValues:n,updateSearchQuery:i=>a.emit("changeQuery",i)}},render(){let e;const{title:a,baseClass:n,checkedNum:l,allChecked:u,sourceOption:c,allCount:i,updateSearchQuery:r,search:d,searchQuery:p,modelValues:m}=this;return t.createVNode("div",{class:n},[this.$slots.header?this.$slots.header():t.createVNode("div",{class:"devui-transfer-panel-header"},[t.createVNode("div",{class:"devui-transfer-panel-header-allChecked"},[t.createVNode(N,{modelValue:u,onChange:f=>this.$emit("changeAllSource",f)},Z(a)?a:{default:()=>[a]})]),t.createVNode("div",{class:"devui-transfer-panel-header-num"},[l,t.createTextVNode("/"),i])]),this.$slots.body?this.$slots.body():t.createVNode("div",{class:"devui-transfer-panel-body"},[d&&t.createVNode("div",{class:"devui-transfer-panel-body-search"},[t.createVNode(Y,{modelValue:p,"onUpdate:modelValue":r},null)]),t.createVNode("div",{class:"devui-transfer-panel-body-list",style:{height:`calc(100% - 40px - ${d?42:0}px)`}},[c.length?t.createVNode(M,{modelValue:m,onChange:f=>this.$emit("updateCheckeds",f)},Z(e=c.map((f,o)=>t.createVNode(N,{class:"devui-transfer-panel-body-list-item",label:f.key,value:f.value,disabled:f.disabled,key:o},null)))?e:{default:()=>[e]}):t.createVNode("div",{class:"devui-transfer-panel-body-list-empty"},[t.createTextVNode("\u65E0\u6570\u636E")])])])])}}),D=t.defineComponent({name:"DIcon",props:{name:{type:String,required:!0},size:{type:String,default:"inherit"},color:{type:String,default:"inherit"},classPrefix:{type:String,default:"icon"}},setup(e){return B({},e)},render(){const{name:e,size:a,color:n,classPrefix:l}=this;return t.createVNode(t.Fragment,null,[/^((https?):)?\/\//.test(e)?t.createVNode("img",{src:e,alt:e.split("/")[e.split("/").length-1],style:{width:a}},null):t.createVNode("i",{class:`${l} ${l}-${e}`,style:{fontSize:a,color:n}},null)])}});D.install=function(e){e.component(D.name,D)};const Qe={type:{type:String,default:"button"},btnStyle:{type:String,default:"primary"},size:{type:String,default:"md"},position:{type:String,default:"default"},bordered:{type:Boolean,default:!1},icon:{type:String,default:""},showLoading:{type:Boolean,default:!1},width:{type:String},disabled:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},onClick:{type:Function}};var it="",z=t.defineComponent({name:"DButton",props:Qe,setup(e,a){const n=t.ref(null),l=r=>{var d;e.showLoading||(d=e.onClick)==null||d.call(e,r)},u=t.computed(()=>a.slots.default),c=t.computed(()=>{const{btnStyle:r,size:d,position:p,bordered:m,icon:f}=e,o=`devui-btn devui-btn-${r} devui-btn-${d} devui-btn-${p}`,h=m?"bordered":"",s=!!f&&!u.value&&r!=="primary"?"d-btn-icon":"";return`${o} ${h} ${s} ${f?"d-btn-icon-wrap":""}`}),i=t.computed(()=>{if(!e.icon)return;const r="devui-icon-fix icon";return u.value?`${r} clear-right-5`:r});return()=>{var o,h;const{icon:r,type:d,disabled:p,showLoading:m,width:f}=e;return t.createVNode("div",t.mergeProps({class:"devui-btn-host"},a.attrs),[t.createVNode("button",{class:c.value,type:d,disabled:p,style:{width:f},onClick:l},[r?t.createVNode(D,{name:e.icon,class:i.value},null):null,t.createVNode("span",{class:"button-content",ref:n},[(h=(o=a.slots).default)==null?void 0:h.call(o)])])])}}});const He={sourceDisabled:{type:Boolean,default:()=>!0},targetDisabled:{type:Boolean,default:()=>!0},disabled:{type:Boolean,default:()=>!1},onUpdateSourceData:{type:Function},onUpdateTargetData:{type:Function}};var J=t.defineComponent({name:"DTransferOperation",components:{DButton:z},props:He,setup(e,a){return()=>a.slots.operation&&a.slots.operation()||t.createVNode("div",{class:"devui-transfer-panel-operation"},[t.createVNode("div",{class:"devui-transfer-panel-operation-group"},[t.createVNode(z,{class:"devui-transfer-panel-operation-group-left",disabled:e.disabled?e.disabled:e.sourceDisabled,onClick:()=>a.emit("updateSourceData")},{default:()=>[t.createVNode("span",{class:"icon-collapse"},null)]}),t.createVNode(z,{class:"devui-transfer-panel-operation-group-right",disabled:e.disabled?e.disabled:e.targetDisabled,onClick:()=>a.emit("updateTargetData")},{default:()=>[t.createVNode("span",{class:"icon-chevron-right"},null)]})])])}});const Xe={sourceOption:{type:Array,require:!0,default(){return[]}},targetOption:{type:Array,require:!0,default(){return[]}},titles:{type:Array,default:()=>()=>["Source","Target"]},modelValue:{type:Array,default:()=>()=>[]},height:{type:String,default:"320px"},isSearch:{type:Boolean,default:!1},isSourceDroppable:{type:Boolean,default:!1},isTargetDroppable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},showOptionTitle:{type:Boolean,default:!1},slots:{type:Object}},G=(e,a)=>e.slots[`${a}-header`]?()=>e.slots[`${a}-header`]&&e.slots[`${a}-header`]():null,ee=(e,a)=>e.slots[`${a}-body`]?()=>e.slots[`${a}-body`]&&e.slots[`${a}-body`]():null,Ye=e=>e.slots&&e.slots.operation&&e.slots.operation()||null;var dt="",I=t.defineComponent({name:"DTransfer",components:{DTransferBase:E,DTransferOperation:J,DCheckbox:N},props:Xe,setup(e,a){const n=t.reactive(U(e,"source")),l=t.reactive(U(e,"target")),u=t.ref(null);t.watch(()=>n.query,o=>{m(n)}),t.watch(()=>n.checkedValues,o=>{n.checkedNum=o.length,c(n,o)},{deep:!0}),t.watch(()=>l.query,o=>{m(l)}),t.watch(()=>l.checkedValues,o=>{l.checkedNum=o.length,c(l,o)},{deep:!0});const c=(o,h)=>{u.value==="click"?o.allChecked=!1:o.allChecked=h.length===o.data.filter(s=>!s.disabled).length},i=(o,h)=>{const s=[];o.data=o.data.filter(y=>{const S=o.checkedValues.includes(y.value);return S&&s.push(y),!S}),h.data=h.data.concat(s),o.checkedValues=[],h.disabled=!h.disabled,m(o,h),m(h,o),f("click")},r=(o,h)=>{o.filterData.every(s=>s.disabled)||(o.allChecked=h,h?o.checkedValues=o.filterData.filter(s=>!s.disabled).map(s=>s.value):o.checkedValues=[],f("change"))},d=o=>{n.checkedValues=o,f("change")},p=o=>{l.checkedValues=o,f("change")},m=(o,h)=>{o.filterData=o.data.filter(s=>s.key.indexOf(o.query)!==-1),h&&(h.allChecked=!1)},f=o=>{u.value=o};return()=>t.createVNode("div",{class:"devui-transfer"},[t.createVNode(E,{style:{height:e.height},sourceOption:n.filterData,title:e.titles[0],type:"source",search:e.isSearch,allChecked:n.allChecked,checkedNum:n.checkedNum,query:n.query,checkedValues:n.checkedValues,allCount:n.data.length,onChangeAllSource:o=>r(n,o),onUpdateCheckeds:d,onChangeQuery:o=>n.query=o},{header:G(a,"left"),body:ee(a,"left")}),t.createVNode(J,{disabled:e.disabled,sourceDisabled:!(l.checkedNum>0),targetDisabled:!(n.checkedNum>0),onUpdateSourceData:()=>{i(l,n)},onUpdateTargetData:()=>{i(n,l)}},{operation:Ye(a)}),t.createVNode(E,{style:{height:e.height},sourceOption:l.filterData,title:e.titles[1],type:"target",search:e.isSearch,allChecked:l.allChecked,checkedNum:l.checkedNum,query:l.query,checkedValues:l.checkedValues,allCount:l.data.length,onChangeAllSource:o=>r(l,o),onUpdateCheckeds:p,onChangeQuery:o=>l.query=o},{header:G(a,"right"),body:ee(a,"right")})])}});I.install=function(e){e.component(I.name,I)};var Ze={title:"Transfer \u7A7F\u68AD\u6846",category:"\u6570\u636E\u5F55\u5165",status:"10%",install(e){e.use(I)}};b.Transfer=I,b.default=Ze,Object.defineProperty(b,"__esModule",{value:!0}),b[Symbol.toStringTag]="Module"});

package/transfer/style.css

@@ -1 +1 @@
-@charset "UTF-8";.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox-tick{position:absolute}.devui-checkbox .devui-checkbox-tick .devui-tick{fill:var(--devui-light-text, #ffffff);stroke-dashoffset:50;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.devui-checkbox.active:not(.halfchecked) .devui-tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset .3s cubic-bezier(.755,.05,.855,.06),opacity .2s cubic-bezier(.755,.05,.855,.06)}.devui-checkbox.active:not(.disabled) .devui-checkbox-material:not(.custom-color),.devui-checkbox.halfchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active:not(.disabled) .devui-checkbox-material{background-size:100% 100%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material:not(.custom-color):hover{border-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color)>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.halfchecked .devui-checkbox-material.custom-color>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox-material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat center/0%;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox-material.devui-checkbox-default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox-material.devui-checkbox-no-label{margin-right:0}.devui-checkbox .devui-checkbox-material>.devui-checkbox-halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox-material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover{background-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active-focus, #344899)}.devui-checkbox-input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight:normal;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:block}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-checkbox.disabled .devui-checkbox-material{border-color:var(--devui-icon-fill-active-disabled, #beccfa);background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.unchecked .devui-checkbox-material{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.halfchecked .devui-checkbox-material{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.halfchecked .devui-checkbox-material .devui-checkbox-halfchecked-bg{transform:scale(.4288);background-color:var(--devui-disabled-text, #adb0b8);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-no-animation{transition:none!important}.devui-checkbox-column-margin{height:28px;line-height:28px}.devui-checkbox-wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:block}.devui-checkbox-list-inline{min-height:28px;line-height:28px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:-8px 0 0}.devui-checkbox-list-inline div:not(:last-child){margin-right:20px}.devui-checkbox-list-inline>*{margin-top:8px}.devui-form-controls input[type=text],.devui-form-controls input[type=password],[dInput]{width:100%;height:28px;font-size:var(--devui-font-size, 12px)}.devui-form-controls input[type=text].devui-input-sm,.devui-form-controls input[type=password].devui-input-sm,[dInput].devui-input-sm{font-size:var(--devui-font-size-sm, 12px);height:26px}.devui-form-controls input[type=text].devui-input-lg,.devui-form-controls input[type=password].devui-input-lg,[dInput].devui-input-lg{font-size:var(--devui-font-size-lg, 14px);height:46px}[dTextArea]{width:100%}.devui-form-controls textarea,[dInput],[dTextarea]{box-sizing:border-box;padding:4px 10px;color:var(--devui-text, #252b3a);vertical-align:middle;border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);outline:none;background-color:var(--devui-base-bg, #ffffff);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-form-controls textarea:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-form-controls textarea:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-form-controls textarea[disabled],.devui-form-controls textarea[disabled]:hover,.devui-form-controls textarea.disabled,.devui-form-controls textarea.disabled:hover,.devui-form-controls textarea.devui-disabled,.devui-form-controls textarea.devui-disabled:hover,[dInput][disabled],[dInput][disabled]:hover,[dInput].disabled,[dInput].disabled:hover,[dInput].devui-disabled,[dInput].devui-disabled:hover,[dTextarea][disabled],[dTextarea][disabled]:hover,[dTextarea].disabled,[dTextarea].disabled:hover,[dTextarea].devui-disabled,[dTextarea].devui-disabled:hover{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8)}.devui-form-controls textarea,[dTextarea]{width:100%}.devui-input-group{position:relative;display:table;border-collapse:separate}.devui-input-group-addon{border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);display:table-cell;padding:0 10px;text-align:center}.devui-input-group-addon:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.devui-input-group-addon:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.devui-input{outline:none;background-color:var(--devui-base-bg, #ffffff);border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);padding:5px 10px;line-height:16px;font-size:var(--devui-font-size, 12px);color:var(--devui-text, #252b3a);width:100%;display:block;cursor:text;height:28px;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-input:hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-input:focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-input[disabled],.devui-input[disabled]:hover,.devui-input[disabled]:focus,.devui-input[disabled]:hover:focus,.devui-input.disabled,.devui-input.disabled:hover,.devui-input.disabled:focus,.devui-input.disabled:hover:focus,.devui-input.devui-disabled,.devui-input.devui-disabled:hover,.devui-input.devui-disabled:focus,.devui-input.devui-disabled:hover:focus{border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8);background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-input::placeholder{color:var(--devui-placeholder, #8a8e99)}.devui-input.devui-search-in-dropdown{margin:0;border:none;padding:5px 26px 5px 10px;background-color:var(--devui-embed-search-bg, #f2f5fc);color:var(--devui-text, #252b3a)}.devui-input.devui-search-in-dropdown:-ms-input-placeholder{color:var(--devui-placeholder, #8a8e99)}.devui-input.devui-search-in-dropdown:hover{background-color:var(--devui-embed-search-bg-hover, #eef0f5)}.devui-input-group>.devui-input{display:table-cell}.devui-input-group>.devui-input:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-group>.devui-input:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.devui-input-group>.devui-input:not(:first-child):not(:last-child){border-radius:0}.devui-input-lg{font-size:var(--devui-font-size-page-title, 16px);line-height:20px;height:32px}.devui-input-sm{font-size:var(--devui-font-size, 12px);line-height:14px;height:26px}.devui-dropup,.devui-dropdown{position:relative}.devui-form-group{position:relative}.devui-form-control{color:var(--devui-text, #252b3a);background-color:var(--devui-base-bg, #ffffff);padding:5px 10px;border:1px solid var(--devui-form-control-line, #adb0b8);display:block;width:100%;height:28px;border-radius:var(--devui-border-radius, 2px);outline:0;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-form-control[disabled],.devui-form-control[disabled]:hover,.devui-form-control[disabled]:focus,.devui-form-control.disabled,.devui-form-control.disabled:hover,.devui-form-control.disabled:focus,.devui-form-control.devui-disabled,.devui-form-control.devui-disabled:hover,.devui-form-control.devui-disabled:focus{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-form-control[disabled],.devui-form-control[disabled]>input,.devui-form-control[disabled]:hover,.devui-form-control[disabled]:hover>input,.devui-form-control[disabled]:focus,.devui-form-control[disabled]:focus>input,.devui-form-control.disabled,.devui-form-control.disabled>input,.devui-form-control.disabled:hover,.devui-form-control.disabled:hover>input,.devui-form-control.disabled:focus,.devui-form-control.disabled:focus>input,.devui-form-control.devui-disabled,.devui-form-control.devui-disabled>input,.devui-form-control.devui-disabled:hover,.devui-form-control.devui-disabled:hover>input,.devui-form-control.devui-disabled:focus,.devui-form-control.devui-disabled:focus>input{color:var(--devui-disabled-text, #adb0b8);background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-form-control:hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-form-control:focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border){border-color:var(--devui-form-control-line, #adb0b8);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):hover:not(:focus):not(.devui-dropdown-origin-open){border-color:var(--devui-form-control-line-hover, #575d6c)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):focus,:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):focus-within{outline:none;border-color:var(--devui-form-control-line-active, #5e7ce0)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border).devui-dropdown-origin-open{outline:none;border-color:var(--devui-connected-overlay-line, #526ecc)}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]){min-height:28px}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled){color:var(--devui-text, #252b3a)}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-input,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-form-control{height:26px}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not(.devui-select-underlined-border):not(.devui-dropdown-no-border):not(.devui-no-border){border-radius:var(--devui-border-radius, 2px);border-width:1px;border-style:solid}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:focus{border-color:transparent}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:focus{background-color:var(--devui-disabled-bg, #f5f5f6)}input::-moz-placeholder{color:var(--devui-placeholder, #8a8e99)}input:-ms-input-placeholder{color:var(--devui-placeholder, #8a8e99)}input::-webkit-input-placeholder{color:var(--devui-placeholder, #8a8e99)}[dInput]:not([disabled]):not(.disabled):not(.devui-disabled).error,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled).error,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}[dDatePicker]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{background-color:var(--devui-danger-bg, #ffeeed)}d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup,d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown{border-color:var(--devui-danger-line, #f66f6a)}d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup .devui-form-group .devui-input.devui-form-control.devui-select-input:not(.devui-select-search),d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup .devui-form-group .devui-select-input:not(.devui-select-search)+.devui-form-control-feedback,d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown .devui-form-group .devui-input.devui-form-control.devui-select-input:not(.devui-select-search),d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown .devui-form-group .devui-select-input:not(.devui-select-search)+.devui-form-control-feedback{background-color:var(--devui-danger-bg, #ffeeed)}d-editable-select:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-form-group:not(.multiple-label-auto-complete-disabled) input.devui-form-control.devui-dropdown-origin{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-single-picker{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-single-picker .devui-input:not(.devui-disabled){background-color:var(--devui-danger-bg, #ffeeed)}d-range-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-range-picker{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-range-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-range-picker .devui-input:not(.devui-disabled){background-color:var(--devui-danger-bg, #ffeeed)}d-input-number:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .input-box:not(:disabled){border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-multi-auto-complete:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled).multiple-label-auto-complete.multiple-label-auto-complete-border ul.devui-dropdown-origin{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-multi-auto-complete:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) input[dAutoComplete]{background-color:var(--devui-danger-bg, #ffeeed)}d-tags-input:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) div.devui-tags.devui-form-control{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-tags-input:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) input.devui-input{background-color:var(--devui-danger-bg, #ffeeed)}d-tree-select:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled)>div.devui-select-input.devui-dropdown-origin.devui-tree-select-input{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-search:not([disabled]):not(.disabled):not(.devui-disabled).devui-error input.devui-input{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-editor-md:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{border-color:var(--devui-danger-line, #f66f6a)}d-editor:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .ql-toolbar,d-editor:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .ql-container{border-color:var(--devui-danger-line, #f66f6a)}d-form-control d-search{width:100%}.devui-form-controls.devui-form-control-has-suffix [dInput],.devui-form-controls.devui-form-control-has-suffix [dTextArea]{padding-right:28px}.devui-form-controls.devui-form-control-has-suffix.devui-form-control-has-feedback [dInput],.devui-form-controls.devui-form-control-has-suffix.devui-form-control-has-feedback [dTextArea]{padding-right:56px}.devui-form-controls.devui-form-control-has-feedback [dInput],.devui-form-controls.devui-form-control-has-feedback [dTextarea]{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-icon{right:24px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-icon-left{padding-right:30px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input{padding-right:54px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit{padding-right:84px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line.devui-search-line-sm{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear.devui-search-clear-sm{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-input-sm{padding-right:54px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit.devui-input-sm{padding-right:84px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line.devui-search-line-lg{right:70px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear.devui-search-clear-lg{right:70px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-input-lg{padding-right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit.devui-input-lg{padding-right:95px}.devui-form-controls.devui-form-control-has-feedback d-select .devui-form-group .devui-select-input{padding-right:48px}.devui-form-controls.devui-form-control-has-feedback d-select .devui-form-group .devui-form-control-feedback{right:24px}.devui-form-controls.devui-form-control-has-feedback d-tree-select{vertical-align:middle}.devui-form-controls.devui-form-control-has-feedback d-tree-select .devui-tree-select .devui-select-input.devui-tree-select-input{padding-right:52px}.devui-form-controls.devui-form-control-has-feedback d-tree-select .devui-tree-select .devui-select-chevron-icon{right:34px}.devui-form-controls.devui-form-control-has-feedback d-input-number{width:100%}.devui-form-controls.devui-form-control-has-feedback d-input-number .input-control-buttons{right:32px}.devui-form-controls.devui-form-control-has-feedback d-input-number .input-box{padding-right:32px}.devui-form-controls.devui-form-control-has-feedback d-input-number:hover .input-box:not(.disabled){padding-right:58px}.devui-form-controls.devui-form-control-has-feedback d-tags-input .devui-tags{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-multi-auto-complete .multiple-label-auto-complete ul{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-editable-select .devui-form-group.devui-has-feedback>.devui-form-control-feedback{right:24px}.devui-form-controls.devui-form-control-has-feedback d-editable-select>div>.devui-form-control{padding-right:48px}.devui-form-controls.devui-form-control-has-feedback [dDatePicker].devui-form-control{padding-right:32px}.devui-input__wrap{position:relative;display:flex;justify-content:"space-between";align-items:center}.devui-input__preview{position:absolute;width:32px;height:16px;right:0;text-align:center;line-height:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column}.devui-search{position:relative;display:flex;justify-content:center;align-items:center}.devui-search input{padding:5px 60px 5px 10px}.devui-search svg.svg-icon-clear path,.devui-search svg.svg-icon-search path{fill:var(--devui-icon-text, #252b3a)}.devui-search__clear{position:absolute;right:36px;cursor:pointer;font-size:10px;width:30px;height:100%;display:flex;justify-content:center;align-items:center}.devui-search__clear:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:46%;border-left:1px solid var(--devui-dividing-line, #dfe1e6)}.devui-search__icon{pointer-events:all;cursor:pointer;padding:0 10px;position:absolute;z-index:1;right:0;top:0;font-size:16px;width:36px;height:28px;display:flex;justify-content:center;align-items:center}.devui-search__sm input.devui-input-sm{padding-right:56px}.devui-search__sm .devui-search__icon{font-size:14px;width:34px;height:26px}.devui-search__sm .devui-search__clear{width:26px;height:100%;right:34px}.devui-search__lg input{padding:5px 36px 5px 10px}.devui-search__lg input.devui-input-lg{padding-right:71px}.devui-search__lg .devui-search__icon{font-size:18px;width:46px;height:46px}.devui-search__lg .devui-search__clear{width:30px;height:100%;right:46px}.devui-search__disbaled .devui-search__icon{cursor:not-allowed}.devui-search__disbaled .icon-search{color:var(--devui-disabled-text, #adb0b8)!important}.devui-search__left input{padding:5px 26px 5px 30px}.devui-search__left input.devui-input-lg{padding-right:30px;padding-left:46px}.devui-search__left input.devui-input-sm{padding-right:26px}.devui-search__left .devui-search__clear{right:0}.devui-search__left .devui-search__clear:after{display:none}.devui-search__left .devui-search__icon{left:0}.devui-search__no-border input{border:none}.devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:normal;line-height:1.5}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:bold;line-height:1.5}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:bold;line-height:1.5}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:bold;line-height:1.5}.devui-btn{padding:3px 20px;font-size:var(--devui-font-size-md, 12px);height:28px;line-height:1.5;border-radius:var(--devui-border-radius, 2px);border-width:1px;border-color:transparent;background-color:transparent}.devui-btn.devui-btn-text{color:var(--devui-brand-active, #526ecc);padding:0}.devui-btn.devui-btn-text-dark{color:var(--devui-brand-active, #526ecc);padding:0}.devui-btn.devui-btn-common{color:var(--devui-text, #252b3a);min-width:64px;background-color:var(--devui-block, #ffffff);border-color:var(--devui-line, #adb0b8)}.devui-btn.devui-btn-stress{color:var(--devui-light-text, #ffffff);min-width:64px;background-color:var(--devui-primary, #5e7ce0)}.devui-btn.devui-btn-primary{color:var(--devui-light-text, #ffffff);min-width:64px;background-color:var(--devui-primary, #5e7ce0)}.devui-btn.devui-btn-danger{color:var(--devui-light-text, #ffffff);min-width:64px;background-color:var(--devui-contrast, #f66f6a)}.devui-btn.devui-btn-left{border-radius:var(--devui-border-radius, 2px) 0 0 var(--devui-border-radius, 2px)}.devui-btn.devui-btn-right{border-radius:0 var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0}.devui-btn.devui-btn-xs{padding:1px 5px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:48px}.devui-btn.devui-btn-sm{padding:1px 15px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:56px}.devui-btn.devui-btn-lg{padding:5px 23px;height:32px;font-size:var(--devui-font-size-lg, 14px);min-width:72px}.devui-btn.devui-btn-text:hover{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text:focus{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text:active{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text-dark:hover{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text-dark:focus{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text-dark:active{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-common:hover{border-color:var(--devui-form-control-line-active, #5e7ce0);color:var(--devui-brand-active, #526ecc)}.devui-btn.devui-btn-common:focus{border-color:var(--devui-form-control-line-active, #5e7ce0);color:var(--devui-brand-active, #526ecc)}.devui-btn.devui-btn-common:active{border-color:var(--devui-form-control-line-active, #5e7ce0);color:var(--devui-brand-active, #526ecc)}.devui-btn.devui-btn-stress:hover{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn.devui-btn-stress:focus{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn.devui-btn-stress:active{background-color:var(--devui-primary-active, #344899)}.devui-btn.devui-btn-primary:hover{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn.devui-btn-primary:focus{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn.devui-btn-primary:active{background-color:var(--devui-primary-active, #344899)}.devui-btn.devui-btn-danger:hover{background-color:var(--devui-contrast-hover, #ff8b87)}.devui-btn.devui-btn-danger:focus{background-color:var(--devui-contrast-hover, #ff8b87)}.devui-btn.devui-btn-danger:active{background-color:var(--devui-contrast-active, #de504e)}.devui-btn.devui-btn-common:disabled{color:var(--devui-disabled-text, #adb0b8);background:var(--devui-disabled-bg, #f5f5f6);border:1px solid var(--devui-disabled-line, #dfe1e6)}.devui-btn.devui-btn-primary:disabled{color:var(--devui-light-text, #ffffff);background:var(--devui-primary-disabled, #beccfa);border:none}.devui-btn.devui-btn-danger:disabled{color:var(--devui-disabled-text, #adb0b8);background:var(--devui-disabled-bg, #f5f5f6);border:1px solid var(--devui-disabled-line, #dfe1e6)}.devui-btn.devui-btn-text-dark:disabled{color:var(--devui-disabled-text, #adb0b8)}.devui-btn.devui-btn-text:disabled{color:var(--devui-disabled-text, #adb0b8)}.devui-btn.bordered.devui-btn-common{color:var(--devui-text, #252b3a);border-color:transparent}.devui-btn.bordered.devui-btn-common:hover,.devui-btn.bordered.devui-btn-common:focus{border-color:var(--devui-primary-hover, #7693f5)}.devui-btn.bordered.devui-btn-common:active{border-color:var(--devui-primary-active, #344899)}.devui-btn.bordered.devui-btn-stress,.devui-btn.bordered.devui-btn-primary{border-color:var(--devui-brand, #5e7ce0);color:var(--devui-brand, #5e7ce0);background-color:var(--devui-block, #ffffff)}.devui-btn.bordered.devui-btn-success{border-color:var(--devui-success, #50d4ab);color:var(--devui-success, #50d4ab);background-color:var(--devui-block, #ffffff)}.devui-btn.bordered.devui-btn-warning{border-color:var(--devui-warning, #fac20a);color:var(--devui-warning, #fac20a);background-color:var(--devui-block, #ffffff)}.devui-btn.bordered.devui-btn-danger{border-color:var(--devui-danger, #f66f6a);color:var(--devui-danger, #f66f6a);background-color:var(--devui-block, #ffffff)}.devui-btn.d-btn-icon:hover,.devui-btn.d-btn-icon:focus{border:1px solid var(--devui-list-item-hover-bg, #f2f5fc);background-color:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-btn.d-btn-icon:disabled{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap{color:var(--devui-text, #252b3a)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap .devui-icon-fix,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap .devui-icon-fix{color:var(--devui-text-weak, #575d6c)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap:hover,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap:hover{color:var(--devui-list-item-hover-text, #526ecc)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap:hover .devui-icon-fix,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap:hover .devui-icon-fix{color:var(--devui-icon-fill-active, #5e7ce0)}.devui-loading .devui-loading-default-spinner div{background-color:var(--devui-text, #252b3a)}.devui-btn-host{display:inline-block}.devui-btn{transition:background-color .2s;border-style:solid;white-space:nowrap;display:flex;align-items:center;justify-content:center}.devui-btn:disabled,.devui-btn[disabled]{cursor:not-allowed}.devui-btn.d-btn-icon{padding:7px 8px;line-height:1em;border:1px solid transparent}.devui-btn.d-btn-icon.devui-btn-xs,.devui-btn.d-btn-icon.devui-btn-sm{padding:5px}.devui-btn.d-btn-icon.devui-btn-xs{min-width:24px}.devui-btn.d-btn-icon.devui-btn-sm{min-width:24px}.devui-btn.d-btn-icon.devui-btn-lg{min-width:32px}.devui-btn.d-btn-icon.devui-btn-lg .icon{font-size:var(--devui-font-size-icon, 16px)}.devui-btn:not(.d-btn-icon) .icon-fix{font-size:var(--devui-font-size-icon, 16px)}.devui-icon-fix{position:relative;font-size:var(--devui-font-size, 12px)}.devui-btn.devui-btn-common:not(:disabled) .devui-icon-fix{color:var(--devui-text-weak, #575d6c)}.devui-btn.devui-btn-common:not(:disabled):hover .devui-icon-fix,.devui-btn.devui-btn-common:not(:disabled):active .devui-icon-fix,.devui-btn.devui-btn-common:not(:disabled):focus .devui-icon-fix{color:var(--devui-icon-fill-active, #5e7ce0)}.button-content{display:inline-block;position:relative}.clear-right-5{margin-right:5px}.devui-transfer{display:flex}.devui-transfer-panel{width:300px;border:1px solid #adb0b8;border-radius:2px}.devui-transfer-panel-header{display:flex;justify-content:space-between;height:40px;line-height:40px;border-bottom:1px solid #dfe1e6}.devui-transfer-panel-header-allChecked{display:flex;margin-left:20px}.devui-transfer-panel-header-num{margin-right:12px}.devui-transfer-panel-body{height:100%}.devui-transfer-panel-body-search{height:42px;display:flex;justify-content:center;width:calc(100% - 40px);align-items:center;margin:0 auto}.devui-transfer-panel-body-search .devui-search,.devui-transfer-panel-body-search .devui-input__wrap{width:100%}.devui-transfer-panel-body-list{overflow:auto;height:calc(100% - 40px - 42px);width:100%}.devui-transfer-panel-body-list-item{margin:0 20px;height:36px;line-height:36px}.devui-transfer-panel-body-list-empty{height:100%;display:flex;justify-content:center;align-items:center;color:var(--devui-disabled-text, #adb0b8)}.devui-transfer-panel-operation{width:10%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.devui-transfer-panel-operation-group{width:36px}.devui-transfer-panel-operation-group-left .devui-btn,.devui-transfer-panel-operation-group-right .devui-btn{width:36px;height:36px;border-radius:50%;padding:0;min-width:36px!important}.devui-transfer-panel-operation-group-right{margin-top:12px}
+@charset "UTF-8";.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox-tick{position:absolute}.devui-checkbox .devui-checkbox-tick .devui-tick{fill:var(--devui-light-text, #ffffff);stroke-dashoffset:50;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.devui-checkbox.active:not(.halfchecked) .devui-tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset .3s cubic-bezier(.755,.05,.855,.06),opacity .2s cubic-bezier(.755,.05,.855,.06)}.devui-checkbox.active:not(.disabled) .devui-checkbox-material:not(.custom-color),.devui-checkbox.halfchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active:not(.disabled) .devui-checkbox-material{background-size:100% 100%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material:not(.custom-color):hover{border-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color)>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.halfchecked .devui-checkbox-material.custom-color>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox-material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat center/0%;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox-material.devui-checkbox-default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox-material.devui-checkbox-no-label{margin-right:0}.devui-checkbox .devui-checkbox-material>.devui-checkbox-halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox-material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover{background-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active-focus, #344899)}.devui-checkbox-input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight:normal;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:block}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-checkbox.disabled .devui-checkbox-material{border-color:var(--devui-icon-fill-active-disabled, #beccfa);background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.unchecked .devui-checkbox-material{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.halfchecked .devui-checkbox-material{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.halfchecked .devui-checkbox-material .devui-checkbox-halfchecked-bg{transform:scale(.4288);background-color:var(--devui-disabled-text, #adb0b8);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-no-animation{transition:none!important}.devui-checkbox-column-margin{height:28px;line-height:28px}.devui-checkbox-wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host{display:block}.devui-checkbox-list-inline{min-height:28px;line-height:28px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:-8px 0 0}.devui-checkbox-list-inline div:not(:last-child){margin-right:20px}.devui-checkbox-list-inline>*{margin-top:8px}.devui-form-controls input[type=text],.devui-form-controls input[type=password],[dInput]{width:100%;height:28px;font-size:var(--devui-font-size, 12px)}.devui-form-controls input[type=text].devui-input-sm,.devui-form-controls input[type=password].devui-input-sm,[dInput].devui-input-sm{font-size:var(--devui-font-size-sm, 12px);height:26px}.devui-form-controls input[type=text].devui-input-lg,.devui-form-controls input[type=password].devui-input-lg,[dInput].devui-input-lg{font-size:var(--devui-font-size-lg, 14px);height:46px}[dTextArea]{width:100%}.devui-form-controls textarea,[dInput],[dTextarea]{box-sizing:border-box;padding:4px 10px;color:var(--devui-text, #252b3a);vertical-align:middle;border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);outline:none;background-color:var(--devui-base-bg, #ffffff);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-form-controls textarea:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-form-controls textarea:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-form-controls textarea[disabled],.devui-form-controls textarea[disabled]:hover,.devui-form-controls textarea.disabled,.devui-form-controls textarea.disabled:hover,.devui-form-controls textarea.devui-disabled,.devui-form-controls textarea.devui-disabled:hover,[dInput][disabled],[dInput][disabled]:hover,[dInput].disabled,[dInput].disabled:hover,[dInput].devui-disabled,[dInput].devui-disabled:hover,[dTextarea][disabled],[dTextarea][disabled]:hover,[dTextarea].disabled,[dTextarea].disabled:hover,[dTextarea].devui-disabled,[dTextarea].devui-disabled:hover{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8)}.devui-form-controls textarea,[dTextarea]{width:100%}.devui-input-group{position:relative;display:table;border-collapse:separate}.devui-input-group-addon{border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);display:table-cell;padding:0 10px;text-align:center}.devui-input-group-addon:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.devui-input-group-addon:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.devui-input{outline:none;background-color:var(--devui-base-bg, #ffffff);border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);padding:5px 10px;line-height:16px;font-size:var(--devui-font-size, 12px);color:var(--devui-text, #252b3a);width:100%;display:block;cursor:text;height:28px;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-input:hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-input:focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}.devui-input[disabled],.devui-input[disabled]:hover,.devui-input[disabled]:focus,.devui-input[disabled]:hover:focus,.devui-input.disabled,.devui-input.disabled:hover,.devui-input.disabled:focus,.devui-input.disabled:hover:focus,.devui-input.devui-disabled,.devui-input.devui-disabled:hover,.devui-input.devui-disabled:focus,.devui-input.devui-disabled:hover:focus{border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8);background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-input::placeholder{color:var(--devui-placeholder, #8a8e99)}.devui-input.devui-search-in-dropdown{margin:0;border:none;padding:5px 26px 5px 10px;background-color:var(--devui-embed-search-bg, #f2f5fc);color:var(--devui-text, #252b3a)}.devui-input.devui-search-in-dropdown:-ms-input-placeholder{color:var(--devui-placeholder, #8a8e99)}.devui-input.devui-search-in-dropdown:hover{background-color:var(--devui-embed-search-bg-hover, #eef0f5)}.devui-input-group>.devui-input{display:table-cell}.devui-input-group>.devui-input:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.devui-input-group>.devui-input:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.devui-input-group>.devui-input:not(:first-child):not(:last-child){border-radius:0}.devui-input-lg{font-size:var(--devui-font-size-page-title, 16px);line-height:20px;height:32px}.devui-input-sm{font-size:var(--devui-font-size, 12px);line-height:14px;height:26px}.devui-dropup,.devui-dropdown{position:relative}.devui-form-group{position:relative}.devui-form-control{color:var(--devui-text, #252b3a);background-color:var(--devui-base-bg, #ffffff);padding:5px 10px;border:1px solid var(--devui-form-control-line, #adb0b8);display:block;width:100%;height:28px;border-radius:var(--devui-border-radius, 2px);outline:0;transition:border-color .3s cubic-bezier(.645,.045,.355,1)}.devui-form-control[disabled],.devui-form-control[disabled]:hover,.devui-form-control[disabled]:focus,.devui-form-control.disabled,.devui-form-control.disabled:hover,.devui-form-control.disabled:focus,.devui-form-control.devui-disabled,.devui-form-control.devui-disabled:hover,.devui-form-control.devui-disabled:focus{border-color:var(--devui-disabled-line, #dfe1e6)}.devui-form-control[disabled],.devui-form-control[disabled]>input,.devui-form-control[disabled]:hover,.devui-form-control[disabled]:hover>input,.devui-form-control[disabled]:focus,.devui-form-control[disabled]:focus>input,.devui-form-control.disabled,.devui-form-control.disabled>input,.devui-form-control.disabled:hover,.devui-form-control.disabled:hover>input,.devui-form-control.disabled:focus,.devui-form-control.disabled:focus>input,.devui-form-control.devui-disabled,.devui-form-control.devui-disabled>input,.devui-form-control.devui-disabled:hover,.devui-form-control.devui-disabled:hover>input,.devui-form-control.devui-disabled:focus,.devui-form-control.devui-disabled:focus>input{color:var(--devui-disabled-text, #adb0b8);background-color:var(--devui-disabled-bg, #f5f5f6);cursor:not-allowed}.devui-form-control:hover{border-color:var(--devui-form-control-line-hover, #575d6c)}.devui-form-control:focus{border-color:var(--devui-form-control-line-active, #5e7ce0)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border){border-color:var(--devui-form-control-line, #adb0b8);transition:border-color .3s cubic-bezier(.645,.045,.355,1)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):hover:not(:focus):not(.devui-dropdown-origin-open){border-color:var(--devui-form-control-line-hover, #575d6c)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):focus,:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):focus-within{outline:none;border-color:var(--devui-form-control-line-active, #5e7ce0)}:not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border).devui-dropdown-origin-open{outline:none;border-color:var(--devui-connected-overlay-line, #526ecc)}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]){min-height:28px}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled){color:var(--devui-text, #252b3a)}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-input,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-form-control{height:26px}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not(.devui-select-underlined-border):not(.devui-dropdown-no-border):not(.devui-no-border){border-radius:var(--devui-border-radius, 2px);border-width:1px;border-style:solid}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])>.devui-dropdown-default:focus{border-color:transparent}.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled]>.devui-dropdown-default:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled>.devui-dropdown-default:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:focus,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:focus:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-input-group-addon,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:hover,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:active,.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled>.devui-dropdown-default:focus{background-color:var(--devui-disabled-bg, #f5f5f6)}input::-moz-placeholder{color:var(--devui-placeholder, #8a8e99)}input:-ms-input-placeholder{color:var(--devui-placeholder, #8a8e99)}input::-webkit-input-placeholder{color:var(--devui-placeholder, #8a8e99)}[dInput]:not([disabled]):not(.disabled):not(.devui-disabled).error,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled).error,[dInput]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error,[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}[dDatePicker]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{background-color:var(--devui-danger-bg, #ffeeed)}d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup,d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown{border-color:var(--devui-danger-line, #f66f6a)}d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup .devui-form-group .devui-input.devui-form-control.devui-select-input:not(.devui-select-search),d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup .devui-form-group .devui-select-input:not(.devui-select-search)+.devui-form-control-feedback,d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown .devui-form-group .devui-input.devui-form-control.devui-select-input:not(.devui-select-search),d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown .devui-form-group .devui-select-input:not(.devui-select-search)+.devui-form-control-feedback{background-color:var(--devui-danger-bg, #ffeeed)}d-editable-select:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-form-group:not(.multiple-label-auto-complete-disabled) input.devui-form-control.devui-dropdown-origin{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-single-picker{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-single-picker .devui-input:not(.devui-disabled){background-color:var(--devui-danger-bg, #ffeeed)}d-range-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-range-picker{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-range-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-range-picker .devui-input:not(.devui-disabled){background-color:var(--devui-danger-bg, #ffeeed)}d-input-number:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .input-box:not(:disabled){border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-multi-auto-complete:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled).multiple-label-auto-complete.multiple-label-auto-complete-border ul.devui-dropdown-origin{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-multi-auto-complete:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) input[dAutoComplete]{background-color:var(--devui-danger-bg, #ffeeed)}d-tags-input:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) div.devui-tags.devui-form-control{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-tags-input:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) input.devui-input{background-color:var(--devui-danger-bg, #ffeeed)}d-tree-select:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled)>div.devui-select-input.devui-dropdown-origin.devui-tree-select-input{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-search:not([disabled]):not(.disabled):not(.devui-disabled).devui-error input.devui-input{border-color:var(--devui-danger-line, #f66f6a);background-color:var(--devui-danger-bg, #ffeeed)}d-editor-md:not([disabled]):not(.disabled):not(.devui-disabled).devui-error{border-color:var(--devui-danger-line, #f66f6a)}d-editor:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .ql-toolbar,d-editor:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .ql-container{border-color:var(--devui-danger-line, #f66f6a)}d-form-control d-search{width:100%}.devui-form-controls.devui-form-control-has-suffix [dInput],.devui-form-controls.devui-form-control-has-suffix [dTextArea]{padding-right:28px}.devui-form-controls.devui-form-control-has-suffix.devui-form-control-has-feedback [dInput],.devui-form-controls.devui-form-control-has-suffix.devui-form-control-has-feedback [dTextArea]{padding-right:56px}.devui-form-controls.devui-form-control-has-feedback [dInput],.devui-form-controls.devui-form-control-has-feedback [dTextarea]{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-icon{right:24px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-icon-left{padding-right:30px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input{padding-right:54px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit{padding-right:84px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line.devui-search-line-sm{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear.devui-search-clear-sm{right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-input-sm{padding-right:54px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit.devui-input-sm{padding-right:84px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line.devui-search-line-lg{right:70px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear.devui-search-clear-lg{right:70px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-input-lg{padding-right:60px}.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit.devui-input-lg{padding-right:95px}.devui-form-controls.devui-form-control-has-feedback d-select .devui-form-group .devui-select-input{padding-right:48px}.devui-form-controls.devui-form-control-has-feedback d-select .devui-form-group .devui-form-control-feedback{right:24px}.devui-form-controls.devui-form-control-has-feedback d-tree-select{vertical-align:middle}.devui-form-controls.devui-form-control-has-feedback d-tree-select .devui-tree-select .devui-select-input.devui-tree-select-input{padding-right:52px}.devui-form-controls.devui-form-control-has-feedback d-tree-select .devui-tree-select .devui-select-chevron-icon{right:34px}.devui-form-controls.devui-form-control-has-feedback d-input-number{width:100%}.devui-form-controls.devui-form-control-has-feedback d-input-number .input-control-buttons{right:32px}.devui-form-controls.devui-form-control-has-feedback d-input-number .input-box{padding-right:32px}.devui-form-controls.devui-form-control-has-feedback d-input-number:hover .input-box:not(.disabled){padding-right:58px}.devui-form-controls.devui-form-control-has-feedback d-tags-input .devui-tags{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-multi-auto-complete .multiple-label-auto-complete ul{padding-right:28px}.devui-form-controls.devui-form-control-has-feedback d-editable-select .devui-form-group.devui-has-feedback>.devui-form-control-feedback{right:24px}.devui-form-controls.devui-form-control-has-feedback d-editable-select>div>.devui-form-control{padding-right:48px}.devui-form-controls.devui-form-control-has-feedback [dDatePicker].devui-form-control{padding-right:32px}.devui-input__wrap{position:relative;display:flex;justify-content:"space-between";align-items:center}.devui-input__preview{position:absolute;width:32px;height:16px;right:0;text-align:center;line-height:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column}.devui-search{position:relative;display:flex;justify-content:center;align-items:center}.devui-search input{padding:5px 60px 5px 10px}.devui-search svg.svg-icon-clear path,.devui-search svg.svg-icon-search path{fill:var(--devui-icon-text, #252b3a)}.devui-search__clear{position:absolute;right:36px;cursor:pointer;font-size:10px;width:30px;height:100%;display:flex;justify-content:center;align-items:center}.devui-search__clear:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:46%;border-left:1px solid var(--devui-dividing-line, #dfe1e6)}.devui-search__icon{pointer-events:all;cursor:pointer;padding:0 10px;position:absolute;z-index:1;right:0;top:0;font-size:16px;width:36px;height:28px;display:flex;justify-content:center;align-items:center}.devui-search__sm input.devui-input-sm{padding-right:56px}.devui-search__sm .devui-search__icon{font-size:14px;width:34px;height:26px}.devui-search__sm .devui-search__clear{width:26px;height:100%;right:34px}.devui-search__lg input{padding:5px 36px 5px 10px}.devui-search__lg input.devui-input-lg{padding-right:71px}.devui-search__lg .devui-search__icon{font-size:18px;width:46px;height:46px}.devui-search__lg .devui-search__clear{width:30px;height:100%;right:46px}.devui-search__disbaled .devui-search__icon{cursor:not-allowed}.devui-search__disbaled .icon-search{color:var(--devui-disabled-text, #adb0b8)!important}.devui-search__left input{padding:5px 26px 5px 30px}.devui-search__left input.devui-input-lg{padding-right:30px;padding-left:46px}.devui-search__left input.devui-input-sm{padding-right:26px}.devui-search__left .devui-search__clear{right:0}.devui-search__left .devui-search__clear:after{display:none}.devui-search__left .devui-search__icon{left:0}.devui-search__no-border input{border:none}.devui-font-size-base{font-size:var(--devui-font-size, 12px)}.devui-font-base{font-size:var(--devui-font-size, 12px);font-weight:normal;line-height:1.5}.devui-font-size-modal-title{font-size:var(--devui-font-size-modal-title, 18px)}.devui-font-modal-title{font-size:var(--devui-font-size-modal-title, 18px);font-weight:bold;line-height:1.5}.devui-font-size-page-title{font-size:var(--devui-font-size-page-title, 16px)}.devui-font-page-title{font-size:var(--devui-font-size-page-title, 16px);font-weight:bold;line-height:1.5}.devui-font-size-secondary-title{font-size:var(--devui-font-size-card-title, 14px)}.devui-font-secondary-title{font-size:var(--devui-font-size-card-title, 14px);font-weight:bold;line-height:1.5}.devui-btn{padding:3px 20px;font-size:var(--devui-font-size-md, 12px);height:28px;line-height:1.5;border-radius:var(--devui-border-radius, 2px);border-width:1px;border-color:transparent;background-color:transparent}.devui-btn.devui-btn-text{color:var(--devui-brand-active, #526ecc);padding:0}.devui-btn.devui-btn-text-dark{color:var(--devui-brand-active, #526ecc);padding:0}.devui-btn.devui-btn-common{color:var(--devui-text, #252b3a);min-width:64px;background-color:var(--devui-block, #ffffff);border-color:var(--devui-line, #adb0b8)}.devui-btn.devui-btn-stress{color:var(--devui-light-text, #ffffff);min-width:64px;background-color:var(--devui-primary, #5e7ce0)}.devui-btn.devui-btn-primary{color:var(--devui-light-text, #ffffff);min-width:64px;background-color:var(--devui-primary, #5e7ce0)}.devui-btn.devui-btn-danger{color:var(--devui-light-text, #ffffff);min-width:64px;background-color:var(--devui-contrast, #f66f6a)}.devui-btn.devui-btn-left{border-radius:var(--devui-border-radius, 2px) 0 0 var(--devui-border-radius, 2px)}.devui-btn.devui-btn-right{border-radius:0 var(--devui-border-radius, 2px) var(--devui-border-radius, 2px) 0}.devui-btn.devui-btn-xs{padding:1px 5px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:48px}.devui-btn.devui-btn-sm{padding:1px 15px;height:24px;font-size:var(--devui-font-size-sm, 12px);min-width:56px}.devui-btn.devui-btn-lg{padding:5px 23px;height:32px;font-size:var(--devui-font-size-lg, 14px);min-width:72px}.devui-btn.devui-btn-text:hover{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text:focus{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text:active{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text-dark:hover{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text-dark:focus{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-text-dark:active{background-color:transparent;color:var(--devui-brand-active-focus, #344899)}.devui-btn.devui-btn-common:hover{border-color:var(--devui-form-control-line-active, #5e7ce0);color:var(--devui-brand-active, #526ecc)}.devui-btn.devui-btn-common:focus{border-color:var(--devui-form-control-line-active, #5e7ce0);color:var(--devui-brand-active, #526ecc)}.devui-btn.devui-btn-common:active{border-color:var(--devui-form-control-line-active, #5e7ce0);color:var(--devui-brand-active, #526ecc)}.devui-btn.devui-btn-stress:hover{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn.devui-btn-stress:focus{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn.devui-btn-stress:active{background-color:var(--devui-primary-active, #344899)}.devui-btn.devui-btn-primary:hover{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn.devui-btn-primary:focus{background-color:var(--devui-primary-hover, #7693f5)}.devui-btn.devui-btn-primary:active{background-color:var(--devui-primary-active, #344899)}.devui-btn.devui-btn-danger:hover{background-color:var(--devui-contrast-hover, #ff8b87)}.devui-btn.devui-btn-danger:focus{background-color:var(--devui-contrast-hover, #ff8b87)}.devui-btn.devui-btn-danger:active{background-color:var(--devui-contrast-active, #de504e)}.devui-btn.devui-btn-common:disabled{color:var(--devui-disabled-text, #adb0b8);background:var(--devui-disabled-bg, #f5f5f6);border:1px solid var(--devui-disabled-line, #dfe1e6)}.devui-btn.devui-btn-primary:disabled{color:var(--devui-light-text, #ffffff);background:var(--devui-primary-disabled, #beccfa);border:none}.devui-btn.devui-btn-danger:disabled{color:var(--devui-disabled-text, #adb0b8);background:var(--devui-disabled-bg, #f5f5f6);border:1px solid var(--devui-disabled-line, #dfe1e6)}.devui-btn.devui-btn-text-dark:disabled{color:var(--devui-disabled-text, #adb0b8)}.devui-btn.devui-btn-text:disabled{color:var(--devui-disabled-text, #adb0b8)}.devui-btn.bordered.devui-btn-common{color:var(--devui-text, #252b3a);border-color:transparent}.devui-btn.bordered.devui-btn-common:hover,.devui-btn.bordered.devui-btn-common:focus{border-color:var(--devui-primary-hover, #7693f5)}.devui-btn.bordered.devui-btn-common:active{border-color:var(--devui-primary-active, #344899)}.devui-btn.bordered.devui-btn-stress,.devui-btn.bordered.devui-btn-primary{border-color:var(--devui-brand, #5e7ce0);color:var(--devui-brand, #5e7ce0);background-color:var(--devui-block, #ffffff)}.devui-btn.bordered.devui-btn-success{border-color:var(--devui-success, #50d4ab);color:var(--devui-success, #50d4ab);background-color:var(--devui-block, #ffffff)}.devui-btn.bordered.devui-btn-warning{border-color:var(--devui-warning, #fac20a);color:var(--devui-warning, #fac20a);background-color:var(--devui-block, #ffffff)}.devui-btn.bordered.devui-btn-danger{border-color:var(--devui-danger, #f66f6a);color:var(--devui-danger, #f66f6a);background-color:var(--devui-block, #ffffff)}.devui-btn.d-btn-icon:hover,.devui-btn.d-btn-icon:focus{border:1px solid var(--devui-list-item-hover-bg, #f2f5fc);background-color:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-btn.d-btn-icon:disabled{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap{color:var(--devui-text, #252b3a)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap .devui-icon-fix,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap .devui-icon-fix{color:var(--devui-text-weak, #575d6c)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap:hover,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap:hover{color:var(--devui-list-item-hover-text, #526ecc)}.devui-btn:not(:disabled).devui-btn-text.d-btn-icon-wrap:hover .devui-icon-fix,.devui-btn:not(:disabled).devui-btn-text-dark.d-btn-icon-wrap:hover .devui-icon-fix{color:var(--devui-icon-fill-active, #5e7ce0)}.devui-loading .devui-loading-default-spinner div{background-color:var(--devui-text, #252b3a)}.devui-btn-host{display:inline-block}.devui-btn{transition:background-color .2s;border-style:solid;white-space:nowrap;display:flex;align-items:center;justify-content:center}.devui-btn:disabled,.devui-btn[disabled]{cursor:not-allowed}.devui-btn.d-btn-icon{padding:7px 8px;line-height:1em;border:1px solid transparent}.devui-btn.d-btn-icon.devui-btn-xs,.devui-btn.d-btn-icon.devui-btn-sm{padding:5px}.devui-btn.d-btn-icon.devui-btn-xs{min-width:24px}.devui-btn.d-btn-icon.devui-btn-sm{min-width:24px}.devui-btn.d-btn-icon.devui-btn-lg{min-width:32px}.devui-btn.d-btn-icon.devui-btn-lg .icon{font-size:var(--devui-font-size-icon, 16px)}.devui-btn:not(.d-btn-icon) .icon-fix{font-size:var(--devui-font-size-icon, 16px)}.devui-icon-fix{position:relative;font-size:var(--devui-font-size, 12px)}.devui-btn.devui-btn-common:not(:disabled) .devui-icon-fix{color:var(--devui-text-weak, #575d6c)}.devui-btn.devui-btn-common:not(:disabled):hover .devui-icon-fix,.devui-btn.devui-btn-common:not(:disabled):active .devui-icon-fix,.devui-btn.devui-btn-common:not(:disabled):focus .devui-icon-fix{color:var(--devui-icon-fill-active, #5e7ce0)}.button-content{display:inline-block;position:relative}.clear-right-5{margin-right:5px}.devui-transfer{display:flex}.devui-transfer-panel{width:300px;border:1px solid #adb0b8;border-radius:2px}.devui-transfer-panel-header{display:flex;justify-content:space-between;height:40px;line-height:40px;border-bottom:1px solid #dfe1e6}.devui-transfer-panel-header-allChecked{display:flex;margin-left:20px}.devui-transfer-panel-header-num{margin-right:12px}.devui-transfer-panel-body{height:100%}.devui-transfer-panel-body-search{height:42px;display:flex;justify-content:center;width:calc(100% - 40px);align-items:center;margin:0 auto}.devui-transfer-panel-body-search .devui-search,.devui-transfer-panel-body-search .devui-input__wrap{width:100%}.devui-transfer-panel-body-list{overflow:auto;height:calc(100% - 82px);width:100%}.devui-transfer-panel-body-list-item{margin:0 20px;height:36px;line-height:36px}.devui-transfer-panel-body-list-empty{height:100%;display:flex;justify-content:center;align-items:center;color:var(--devui-disabled-text, #adb0b8)}.devui-transfer-panel-operation{width:10%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.devui-transfer-panel-operation-group{width:36px}.devui-transfer-panel-operation-group-left .devui-btn,.devui-transfer-panel-operation-group-right .devui-btn{width:36px;height:36px;border-radius:50%;padding:0;min-width:36px!important}.devui-transfer-panel-operation-group-right{margin-top:12px}

package/tree/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;

package/tree/index.es.js

@@ -196,10 +196,17 @@ const commonProps = {
     type: String,
     default: void 0
   },
+  halfchecked: {
+    type: Boolean,
+    default: false
+  },
   isShowTitle: {
     type: Boolean,
     default: true
   },
+  title: {
+    type: String
+  },
   color: {
     type: String,
     default: void 0
@@ -269,15 +276,15 @@ var Checkbox = defineComponent({
     });
     const mergedIsShowTitle = computed(() => {
       var _a;
-      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.isShowTitle) != null ? _a : props.isShowTitle;
+      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.isShowTitle.value) != null ? _a : props.isShowTitle;
     });
     const mergedShowAnimation = computed(() => {
       var _a;
-      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.showAnimation) != null ? _a : props.showAnimation;
+      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.showAnimation.value) != null ? _a : props.showAnimation;
     });
     const mergedColor = computed(() => {
       var _a;
-      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color) != null ? _a : props.color;
+      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color.value) != null ? _a : props.color;
     });
     const itemWidth = checkboxGroupConf == null ? void 0 : checkboxGroupConf.itemWidth.value;
     const direction = checkboxGroupConf == null ? void 0 : checkboxGroupConf.direction.value;
@@ -304,7 +311,7 @@ var Checkbox = defineComponent({
       ctx.emit("change", current);
     };
     const handleClick = () => {
-      canChange(!isChecked.value, props.value).then((res) => res && toggle());
+      canChange(!isChecked.value, props.label).then((res) => res && toggle());
     };
     return {
       itemWidth,

package/tree/index.umd.js

@@ -1 +1 @@
-var pe=Object.defineProperty,fe=Object.defineProperties;var me=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var ye=Object.prototype.hasOwnProperty,he=Object.prototype.propertyIsEnumerable;var x=(f,e,b)=>e in f?pe(f,e,{enumerable:!0,configurable:!0,writable:!0,value:b}):f[e]=b,S=(f,e)=>{for(var b in e||(e={}))ye.call(e,b)&&x(f,b,e[b]);if(_)for(var b of _(e))he.call(e,b)&&x(f,b,e[b]);return f},D=(f,e)=>fe(f,me(e));var w=(f,e,b)=>(x(f,typeof e!="symbol"?e+"":e,b),b);(function(f,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(f=typeof globalThis!="undefined"?globalThis:f||self,e(f.index={},f.Vue))})(this,function(f,e){"use strict";const b={data:{type:Array,required:!0,default:()=>[]},checkable:{type:Boolean,default:!1},checkableRelation:{type:String,default:"none"}},$={none:{},half:{halfchecked:!0},select:{checked:!0}},M=(t,l="children")=>t.reduce((n,a)=>a[l]?n.concat(a,M(a[l],l)):n.concat(a),[]),E=t=>{const l=parseInt((Math.random()*10**8).toString().padEnd(8,"0"));return D(S({},t),{id:t.id?`${t.id}_${l}`:`${t.label.replaceAll(" ","-")}_${l}`})},z=t=>t.map(l=>{const n=E(l);return l.children?D(S({},n),{children:z(l.children)}):n}),U=Symbol("dev_component_container");function K(t,l,n=null){const a=e.h(t,S({},l),n),o=document.createElement("div");return a[U]=o,e.render(a,o),a.component}class R{constructor(){w(this,"top","50%");w(this,"left","50%")}}const F={message:String,backdrop:Boolean,view:{type:Object,default:()=>new R},zIndex:Number,isFull:{type:Boolean,default:!1}};class G{constructor(){w(this,"target");w(this,"message");w(this,"loadingTemplateRef");w(this,"backdrop",!0);w(this,"positionType","relative");w(this,"view",new R);w(this,"zIndex")}}var ve="",J=e.defineComponent({name:"DLoading",inheritAttrs:!1,props:F,setup(t){const l={top:t.view.top,left:t.view.left,zIndex:t.zIndex};t.message||(l.background="none");const n=e.ref(!1);return{style:l,isShow:n,open:()=>{n.value=!0},close:()=>{n.value=!1}}},render(){var i;const{isShow:t,isFull:l,backdrop:n,style:a,message:o,$slots:d}=this;return t&&e.createVNode("div",{class:["devui-loading-contanier",l?"devui-loading--full":""]},[((i=d.default)==null?void 0:i.call(d))||e.createVNode("div",{class:"devui-loading-wrapper"},[n?e.createVNode("div",{class:"devui-loading-mask"},null):null,e.createVNode("div",{style:a,class:"devui-loading-area"},[e.createVNode("div",{class:"devui-busy-default-spinner"},[e.createVNode("div",{class:"devui-loading-bar1"},null),e.createVNode("div",{class:"devui-loading-bar2"},null),e.createVNode("div",{class:"devui-loading-bar3"},null),e.createVNode("div",{class:"devui-loading-bar4"},null)]),o?e.createVNode("span",{class:"devui-loading-text"},[o]):null])])])}});const Y=e.defineComponent(J),L=new WeakMap,Q={open(t={}){const l=t.target||document.body;if(L.has(l))return L.get(l);l.style.position=t.positionType;const n=document.body===l;t=S(S({},new G),t);const a=K(Y,D(S({},t),{isFull:n}),t.loadingTemplateRef?()=>t.loadingTemplateRef:null);L.set(l,a),a.proxy.open(),l.appendChild(a.proxy.$el);const o=a.proxy.close;return a.loadingInstance=a.proxy,a.loadingInstance.close=(...d)=>{L.delete(l),o(...d)},a}};var be="";const q=D(S({},{name:{type:String,default:void 0},isShowTitle:{type:Boolean,default:!0},color:{type:String,default:void 0},showAnimation:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0}}),{halfchecked:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},value:{type:String},label:{type:String,default:void 0},title:{type:String,default:void 0},"onUpdate:checked":{type:Function,default:void 0},onChange:{type:Function,default:void 0},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}}),X=Symbol("d-checkbox-group");var ee=e.defineComponent({name:"DCheckbox",props:q,emits:["change","update:checked","update:modelValue"],setup(t,l){const n=e.inject(X,null),a=e.computed(()=>t.checked||t.modelValue),o=e.computed(()=>(n==null?void 0:n.disabled.value)||t.disabled),d=e.computed(()=>{var c,v;return(v=(c=n==null?void 0:n.isItemChecked)==null?void 0:c.call(n,t.value))!=null?v:a.value}),i=e.computed(()=>{var c;return(c=n==null?void 0:n.isShowTitle)!=null?c:t.isShowTitle}),N=e.computed(()=>{var c;return(c=n==null?void 0:n.showAnimation)!=null?c:t.showAnimation}),m=e.computed(()=>{var c;return(c=n==null?void 0:n.color)!=null?c:t.color}),u=n==null?void 0:n.itemWidth.value,r=n==null?void 0:n.direction.value,s=(c,v)=>{var C;if(o.value)return Promise.resolve(!1);const y=(C=t.beforeChange)!=null?C:n==null?void 0:n.beforeChange;if(y){const g=y(c,v);return typeof g=="boolean"?Promise.resolve(g):g}return Promise.resolve(!0)},I=()=>{const c=!a.value;n==null||n.toggleGroupVal(t.value),l.emit("update:checked",c),l.emit("update:modelValue",c),l.emit("change",c)};return{itemWidth:u,direction:r,mergedColor:m,mergedDisabled:o,mergedIsShowTitle:i,mergedChecked:d,mergedShowAnimation:N,handleClick:()=>{s(!a.value,t.value).then(c=>c&&I())}}},render(){var A;const{itemWidth:t,direction:l,mergedChecked:n,mergedDisabled:a,mergedIsShowTitle:o,mergedShowAnimation:d,halfchecked:i,title:N,label:m,handleClick:u,name:r,value:s,mergedColor:I,$slots:p}=this,c={"devui-checkbox-column-margin":l==="column","devui-checkbox-wrap":typeof t!="undefined"},v=t?[`width: ${t}px`]:[],y={"devui-checkbox":!0,active:n,halfchecked:i,disabled:a,unchecked:!n},C=o?N||m:"",g=I&&i||I?`linear-gradient(${I}, ${I})`:"",h=[`border-color:${(n||i)&&I?I:""}`,`background-image:${g}`,`background-color:${I&&i?I:""}`],k={"devui-checkbox-material":!0,"custom-color":I,"devui-checkbox-no-label":!m&&!p.default,"devui-no-animation":!d,"devui-checkbox-default-background":!i},P={"devui-tick":!0,"devui-no-animation":!d},V=O=>O.stopPropagation(),B={indeterminate:i};return e.createVNode("div",{class:c,style:v},[e.createVNode("div",{class:y},[e.createVNode("label",{title:C,onClick:u},[e.createVNode("input",e.mergeProps({name:r||s,class:"devui-checkbox-input",type:"checkbox"},B,{checked:n,disabled:a,onClick:V,onChange:V}),null),e.createVNode("span",{style:h,class:k},[e.createVNode("span",{class:"devui-checkbox-halfchecked-bg"},null),e.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{"fill-rule":"nonzero",points:"5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",class:P},null)])])]),m||((A=p.default)==null?void 0:A.call(p))])])])}});function te(t){const l=o=>o.reduce((d,i)=>i.open?d.concat(i,l(i.children)):d.concat(i),[]),n=e.ref(l(t));return{openedData:n,toggle:(o,d)=>{o.stopPropagation(),!!d.children&&(d.open=!d.open,n.value=l(t))}}}function ne(t){const l=(o,d="children",i="label")=>{const{[d]:N,[i]:m}=o;return Array.isArray(N)&&N.length===1&&N[0][d]&&N[0][d].length===1?l(Object.assign({},N[0],{[i]:`${m} \\ ${N[0][i]}`})):o},n=(o,d=0,i="children",N="label")=>o.map(m=>{const{[i]:u}=m;if(!Array.isArray(u)||!u.length)return Object.assign({},m,{level:d+1});let r=m;return u.length===1&&(r=l(m)),Object.assign({},r,{[i]:n(r[i],d+1,i,N),level:d+1})});return{mergeData:e.ref(n(t))}}const ae="active",Z="devui-tree_isDisabledNode",le=()=>{const t=e.ref({});return{nodeClassNameReflect:t,handleClickOnNode:a=>{t.value[a]!==Z&&(t.value=Object.fromEntries(Object.entries(t.value).map(([o])=>[o,o===a?ae:""])))},handleInitNodeClassNameReflect:(a=!1,...o)=>{const d=o.join("-");return t.value[d]=a?Z:t.value[d]||"",d}}};function oe(t,l,n){const a=e.ref({}),o=M(n),d=m=>{const u=n;let r={},s=[],I;const p=(c,v)=>{c.every(({children:y,id:C})=>I?!1:C===m?(r=v,s=Array.isArray(y)?M(y).map(({id:g})=>g):[],I=C,!1):(Array.isArray(y)&&p(y,{id:C,children:y.map(({id:g})=>g),parent:v}),!0))};return p(u,{}),{parentLevel:r,childLevel:s}},i=(m,u,r)=>{const s={},I=e.unref(a),p=(c,v=!1)=>{const{id:y,children:C,parent:g}=c;if(!!g)if(u){const h=C.filter(k=>!I[k]||I[k]==="none");h.length<=1?h[0]===r?s[y]="select":v&&(s[y]="half"):s[y]="half",p(g,s[y]==="select")}else{const h=C.filter(k=>I[k]&&I[k]!=="none");h.length<=1?(h[0]===r||v)&&(s[y]="none"):s[y]="half",p(g,s[y]==="none")}};return p(m),s};return{selected:a,onNodeClick:m=>{const{id:u}=m;let r=Object.assign({},e.unref(a));const s=r[u]==="none"||!r[u];if(t.value==="none")r=Object.assign(r,{[u]:s?"select":"none"});else if(t.value==="both"){const{parentLevel:p,childLevel:c}=d(u);r=Object.assign(r,Object.fromEntries(c.map(v=>[v,s?"select":"none"])),i(p,s,u),{[u]:s?"select":"none"})}else if(t.value==="upward"){const{parentLevel:p}=d(u);r=Object.assign(r,i(p,s,u),{[u]:s?"select":"none"})}else if(t.value==="downward"){const{childLevel:p}=d(u);r=Object.assign(r,Object.fromEntries(p.map(c=>[c,s?"select":"none"])),{[u]:s?"select":"none"})}a.value=r;const I=o.filter(({id:p})=>r[p]&&r[p]!=="none");l.emit("nodeSelected",I)}}}const de=()=>{const t=e.ref({});return{lazyNodesReflect:t,handleInitLazyNodeReflect:(a,o)=>{var i;if(!a.isParent)return;((i=t.value[o.id])==null?void 0:i.id.toString())||(t.value[o.id]=D(S({},o),{loadingTargetId:`devui-tree_loadingTemplate-${o.id}`,dataSource:null}))},getLazyData:async a=>{const o=t.value[a];if(o.dataSource)return o.dataSource;const d=t.value[a].renderLoading(t.value[a].loadingTargetId);try{t.value[a].dataSource=await o.onGetNodeData()}catch(i){console.error(i)}finally{d.loadingInstance.close()}return t.value[a].dataSource}}};var ie="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24gc3ZnLWljb24tY2xvc2UiCj4KICA8ZyBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNWU3Y2UwIj48L3JlY3Q+CiAgICA8cmVjdCB4PSI0IiB5PSI3IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiBmaWxsPSIjNWU3Y2UwIj48L3JlY3Q+CiAgPC9nPgo8L3N2Zz4=",ce="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24iCj4KICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIyIiBzdHJva2U9IiMyNTJiM2EiPjwvcmVjdD4KICAgIDxwYXRoCiAgICAgIGZpbGw9IiMyNTJiM2EiCiAgICAgIGQ9Ik04Ljc1LDQgTDguNzUsNy4yNSBMMTIsNy4yNSBMMTIsOC43NSBMOC43NDksOC43NSBMOC43NSwxMiBMNy4yNSwxMiBMNy4yNDksOC43NSBMNCw4Ljc1IEw0LDcuMjUgTDcuMjUsNy4yNSBMNy4yNSw0IEw4Ljc1LDQgWiIKICAgID48L3BhdGg+CiAgPC9nPgo8L3N2Zz4K",re=e.defineComponent({name:"DTreeNodeContent",props:{node:{type:Object,required:!0}},setup(t){const l=e.inject("treeRoot");return()=>{const n=t.node,{disabled:a,label:o}=n;return l.ctx.slots.default?l.ctx.slots.default({node:n}):e.createVNode("span",{class:["devui-tree-node__title",a&&"select-disabled"]},[o])}}}),Ce="",T=e.defineComponent({name:"DTree",props:b,emits:["nodeSelected"],setup(t,l){const{data:n,checkable:a,checkableRelation:o}=e.toRefs(D(S({},t),{data:z(t.data)})),{mergeData:d}=ne(n.value),{openedData:i,toggle:N}=te(d.value),{nodeClassNameReflect:m,handleInitNodeClassNameReflect:u,handleClickOnNode:r}=le(),{lazyNodesReflect:s,handleInitLazyNodeReflect:I,getLazyData:p}=de(),{selected:c,onNodeClick:v}=oe(o,l,n.value);e.provide("treeRoot",{ctx:l,props:t});const y=()=>e.createVNode("span",{style:"display: inline-block; width: 16px; height: 16px; margin-left: 8px;"},null),C=g=>{var H;const{id:h="",label:k,disabled:P,open:V,isParent:B,level:A,children:O}=g;u(P,h),I(g,{id:h,onGetNodeData:async()=>new Promise(j=>{setTimeout(()=>{j([{id:`It is a test Node-1 ID = ${h}`,label:`It is a test Node-1 ID = ${h}`,level:g.level+1},{id:`It is a test Node-2 ID = ${h}`,label:`It is a test Node-2 ID = ${h}`,level:g.level+1}])},4e3)}),renderLoading:j=>Q.open({target:document.getElementById(j),message:"\u52A0\u8F7D\u4E2D...",positionType:"relative",zIndex:1})});const ue=j=>{const W=async Ie=>(j.isParent&&(j.children=await p(h)),N(Ie,j));return B||O?V?e.createVNode(ie,{class:"mr-xs",onClick:W},null):e.createVNode(ce,{class:"mr-xs",onClick:W},null):e.createVNode(y,null,null)},ge=$[(H=c.value[h])!=null?H:"none"];return e.createVNode("div",{class:["devui-tree-node",V&&"devui-tree-node__open"],style:{paddingLeft:`${24*(A-1)}px`}},[e.createVNode("div",{class:`devui-tree-node__content ${m.value[h]}`,onClick:()=>r(h)},[e.createVNode("div",{class:"devui-tree-node__content--value-wrapper"},[ue(g),a.value&&e.createVNode(ee,e.mergeProps({key:h,onClick:()=>v(g),disabled:P},ge),null),e.createVNode(re,{node:g},null),g.isParent&&e.createVNode("div",{class:"devui-tree-node_loading",id:s.value[h].loadingTargetId},null)])])])};return()=>e.createVNode("div",{class:"devui-tree"},[i.value.map(g=>C(g))])}});T.install=function(t){t.component(T.name,T)};var se={title:"Tree \u6811",category:"\u6570\u636E\u5C55\u793A",status:"20%",install(t){t.use(T)}};f.Tree=T,f.default=se,Object.defineProperty(f,"__esModule",{value:!0}),f[Symbol.toStringTag]="Module"});
+var fe=Object.defineProperty,pe=Object.defineProperties;var me=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var ye=Object.prototype.hasOwnProperty,he=Object.prototype.propertyIsEnumerable;var x=(p,e,b)=>e in p?fe(p,e,{enumerable:!0,configurable:!0,writable:!0,value:b}):p[e]=b,S=(p,e)=>{for(var b in e||(e={}))ye.call(e,b)&&x(p,b,e[b]);if(_)for(var b of _(e))he.call(e,b)&&x(p,b,e[b]);return p},D=(p,e)=>pe(p,me(e));var w=(p,e,b)=>(x(p,typeof e!="symbol"?e+"":e,b),b);(function(p,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(p=typeof globalThis!="undefined"?globalThis:p||self,e(p.index={},p.Vue))})(this,function(p,e){"use strict";const b={data:{type:Array,required:!0,default:()=>[]},checkable:{type:Boolean,default:!1},checkableRelation:{type:String,default:"none"}},$={none:{},half:{halfchecked:!0},select:{checked:!0}},M=(t,l="children")=>t.reduce((n,a)=>a[l]?n.concat(a,M(a[l],l)):n.concat(a),[]),E=t=>{const l=parseInt((Math.random()*10**8).toString().padEnd(8,"0"));return D(S({},t),{id:t.id?`${t.id}_${l}`:`${t.label.replaceAll(" ","-")}_${l}`})},z=t=>t.map(l=>{const n=E(l);return l.children?D(S({},n),{children:z(l.children)}):n}),U=Symbol("dev_component_container");function K(t,l,n=null){const a=e.h(t,S({},l),n),o=document.createElement("div");return a[U]=o,e.render(a,o),a.component}class R{constructor(){w(this,"top","50%");w(this,"left","50%")}}const F={message:String,backdrop:Boolean,view:{type:Object,default:()=>new R},zIndex:Number,isFull:{type:Boolean,default:!1}};class G{constructor(){w(this,"target");w(this,"message");w(this,"loadingTemplateRef");w(this,"backdrop",!0);w(this,"positionType","relative");w(this,"view",new R);w(this,"zIndex")}}var ve="",J=e.defineComponent({name:"DLoading",inheritAttrs:!1,props:F,setup(t){const l={top:t.view.top,left:t.view.left,zIndex:t.zIndex};t.message||(l.background="none");const n=e.ref(!1);return{style:l,isShow:n,open:()=>{n.value=!0},close:()=>{n.value=!1}}},render(){var i;const{isShow:t,isFull:l,backdrop:n,style:a,message:o,$slots:d}=this;return t&&e.createVNode("div",{class:["devui-loading-contanier",l?"devui-loading--full":""]},[((i=d.default)==null?void 0:i.call(d))||e.createVNode("div",{class:"devui-loading-wrapper"},[n?e.createVNode("div",{class:"devui-loading-mask"},null):null,e.createVNode("div",{style:a,class:"devui-loading-area"},[e.createVNode("div",{class:"devui-busy-default-spinner"},[e.createVNode("div",{class:"devui-loading-bar1"},null),e.createVNode("div",{class:"devui-loading-bar2"},null),e.createVNode("div",{class:"devui-loading-bar3"},null),e.createVNode("div",{class:"devui-loading-bar4"},null)]),o?e.createVNode("span",{class:"devui-loading-text"},[o]):null])])])}});const Y=e.defineComponent(J),L=new WeakMap,Q={open(t={}){const l=t.target||document.body;if(L.has(l))return L.get(l);l.style.position=t.positionType;const n=document.body===l;t=S(S({},new G),t);const a=K(Y,D(S({},t),{isFull:n}),t.loadingTemplateRef?()=>t.loadingTemplateRef:null);L.set(l,a),a.proxy.open(),l.appendChild(a.proxy.$el);const o=a.proxy.close;return a.loadingInstance=a.proxy,a.loadingInstance.close=(...d)=>{L.delete(l),o(...d)},a}};var be="";const q=D(S({},{name:{type:String,default:void 0},halfchecked:{type:Boolean,default:!1},isShowTitle:{type:Boolean,default:!0},title:{type:String},color:{type:String,default:void 0},showAnimation:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0}}),{halfchecked:{type:Boolean,default:!1},checked:{type:Boolean,default:!1},value:{type:String},label:{type:String,default:void 0},title:{type:String,default:void 0},"onUpdate:checked":{type:Function,default:void 0},onChange:{type:Function,default:void 0},modelValue:{type:Boolean},"onUpdate:modelValue":{type:Function}}),X=Symbol("d-checkbox-group");var ee=e.defineComponent({name:"DCheckbox",props:q,emits:["change","update:checked","update:modelValue"],setup(t,l){const n=e.inject(X,null),a=e.computed(()=>t.checked||t.modelValue),o=e.computed(()=>(n==null?void 0:n.disabled.value)||t.disabled),d=e.computed(()=>{var c,v;return(v=(c=n==null?void 0:n.isItemChecked)==null?void 0:c.call(n,t.value))!=null?v:a.value}),i=e.computed(()=>{var c;return(c=n==null?void 0:n.isShowTitle.value)!=null?c:t.isShowTitle}),N=e.computed(()=>{var c;return(c=n==null?void 0:n.showAnimation.value)!=null?c:t.showAnimation}),m=e.computed(()=>{var c;return(c=n==null?void 0:n.color.value)!=null?c:t.color}),u=n==null?void 0:n.itemWidth.value,r=n==null?void 0:n.direction.value,s=(c,v)=>{var C;if(o.value)return Promise.resolve(!1);const y=(C=t.beforeChange)!=null?C:n==null?void 0:n.beforeChange;if(y){const g=y(c,v);return typeof g=="boolean"?Promise.resolve(g):g}return Promise.resolve(!0)},I=()=>{const c=!a.value;n==null||n.toggleGroupVal(t.value),l.emit("update:checked",c),l.emit("update:modelValue",c),l.emit("change",c)};return{itemWidth:u,direction:r,mergedColor:m,mergedDisabled:o,mergedIsShowTitle:i,mergedChecked:d,mergedShowAnimation:N,handleClick:()=>{s(!a.value,t.label).then(c=>c&&I())}}},render(){var A;const{itemWidth:t,direction:l,mergedChecked:n,mergedDisabled:a,mergedIsShowTitle:o,mergedShowAnimation:d,halfchecked:i,title:N,label:m,handleClick:u,name:r,value:s,mergedColor:I,$slots:f}=this,c={"devui-checkbox-column-margin":l==="column","devui-checkbox-wrap":typeof t!="undefined"},v=t?[`width: ${t}px`]:[],y={"devui-checkbox":!0,active:n,halfchecked:i,disabled:a,unchecked:!n},C=o?N||m:"",g=I&&i||I?`linear-gradient(${I}, ${I})`:"",h=[`border-color:${(n||i)&&I?I:""}`,`background-image:${g}`,`background-color:${I&&i?I:""}`],k={"devui-checkbox-material":!0,"custom-color":I,"devui-checkbox-no-label":!m&&!f.default,"devui-no-animation":!d,"devui-checkbox-default-background":!i},P={"devui-tick":!0,"devui-no-animation":!d},V=O=>O.stopPropagation(),B={indeterminate:i};return e.createVNode("div",{class:c,style:v},[e.createVNode("div",{class:y},[e.createVNode("label",{title:C,onClick:u},[e.createVNode("input",e.mergeProps({name:r||s,class:"devui-checkbox-input",type:"checkbox"},B,{checked:n,disabled:a,onClick:V,onChange:V}),null),e.createVNode("span",{style:h,class:k},[e.createVNode("span",{class:"devui-checkbox-halfchecked-bg"},null),e.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.createVNode("polygon",{"fill-rule":"nonzero",points:"5.17391304 6.56521739 7.7173913 9.10869565 11.826087 5 13 6.17391304 7.7173913 11.4565217 4 7.73913043",class:P},null)])])]),m||((A=f.default)==null?void 0:A.call(f))])])])}});function te(t){const l=o=>o.reduce((d,i)=>i.open?d.concat(i,l(i.children)):d.concat(i),[]),n=e.ref(l(t));return{openedData:n,toggle:(o,d)=>{o.stopPropagation(),!!d.children&&(d.open=!d.open,n.value=l(t))}}}function ne(t){const l=(o,d="children",i="label")=>{const{[d]:N,[i]:m}=o;return Array.isArray(N)&&N.length===1&&N[0][d]&&N[0][d].length===1?l(Object.assign({},N[0],{[i]:`${m} \\ ${N[0][i]}`})):o},n=(o,d=0,i="children",N="label")=>o.map(m=>{const{[i]:u}=m;if(!Array.isArray(u)||!u.length)return Object.assign({},m,{level:d+1});let r=m;return u.length===1&&(r=l(m)),Object.assign({},r,{[i]:n(r[i],d+1,i,N),level:d+1})});return{mergeData:e.ref(n(t))}}const ae="active",Z="devui-tree_isDisabledNode",le=()=>{const t=e.ref({});return{nodeClassNameReflect:t,handleClickOnNode:a=>{t.value[a]!==Z&&(t.value=Object.fromEntries(Object.entries(t.value).map(([o])=>[o,o===a?ae:""])))},handleInitNodeClassNameReflect:(a=!1,...o)=>{const d=o.join("-");return t.value[d]=a?Z:t.value[d]||"",d}}};function oe(t,l,n){const a=e.ref({}),o=M(n),d=m=>{const u=n;let r={},s=[],I;const f=(c,v)=>{c.every(({children:y,id:C})=>I?!1:C===m?(r=v,s=Array.isArray(y)?M(y).map(({id:g})=>g):[],I=C,!1):(Array.isArray(y)&&f(y,{id:C,children:y.map(({id:g})=>g),parent:v}),!0))};return f(u,{}),{parentLevel:r,childLevel:s}},i=(m,u,r)=>{const s={},I=e.unref(a),f=(c,v=!1)=>{const{id:y,children:C,parent:g}=c;if(!!g)if(u){const h=C.filter(k=>!I[k]||I[k]==="none");h.length<=1?h[0]===r?s[y]="select":v&&(s[y]="half"):s[y]="half",f(g,s[y]==="select")}else{const h=C.filter(k=>I[k]&&I[k]!=="none");h.length<=1?(h[0]===r||v)&&(s[y]="none"):s[y]="half",f(g,s[y]==="none")}};return f(m),s};return{selected:a,onNodeClick:m=>{const{id:u}=m;let r=Object.assign({},e.unref(a));const s=r[u]==="none"||!r[u];if(t.value==="none")r=Object.assign(r,{[u]:s?"select":"none"});else if(t.value==="both"){const{parentLevel:f,childLevel:c}=d(u);r=Object.assign(r,Object.fromEntries(c.map(v=>[v,s?"select":"none"])),i(f,s,u),{[u]:s?"select":"none"})}else if(t.value==="upward"){const{parentLevel:f}=d(u);r=Object.assign(r,i(f,s,u),{[u]:s?"select":"none"})}else if(t.value==="downward"){const{childLevel:f}=d(u);r=Object.assign(r,Object.fromEntries(f.map(c=>[c,s?"select":"none"])),{[u]:s?"select":"none"})}a.value=r;const I=o.filter(({id:f})=>r[f]&&r[f]!=="none");l.emit("nodeSelected",I)}}}const de=()=>{const t=e.ref({});return{lazyNodesReflect:t,handleInitLazyNodeReflect:(a,o)=>{var i;if(!a.isParent)return;((i=t.value[o.id])==null?void 0:i.id.toString())||(t.value[o.id]=D(S({},o),{loadingTargetId:`devui-tree_loadingTemplate-${o.id}`,dataSource:null}))},getLazyData:async a=>{const o=t.value[a];if(o.dataSource)return o.dataSource;const d=t.value[a].renderLoading(t.value[a].loadingTargetId);try{t.value[a].dataSource=await o.onGetNodeData()}catch(i){console.error(i)}finally{d.loadingInstance.close()}return t.value[a].dataSource}}};var ie="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24gc3ZnLWljb24tY2xvc2UiCj4KICA8ZyBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNWU3Y2UwIj48L3JlY3Q+CiAgICA8cmVjdCB4PSI0IiB5PSI3IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiBmaWxsPSIjNWU3Y2UwIj48L3JlY3Q+CiAgPC9nPgo8L3N2Zz4=",ce="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24iCj4KICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIyIiBzdHJva2U9IiMyNTJiM2EiPjwvcmVjdD4KICAgIDxwYXRoCiAgICAgIGZpbGw9IiMyNTJiM2EiCiAgICAgIGQ9Ik04Ljc1LDQgTDguNzUsNy4yNSBMMTIsNy4yNSBMMTIsOC43NSBMOC43NDksOC43NSBMOC43NSwxMiBMNy4yNSwxMiBMNy4yNDksOC43NSBMNCw4Ljc1IEw0LDcuMjUgTDcuMjUsNy4yNSBMNy4yNSw0IEw4Ljc1LDQgWiIKICAgID48L3BhdGg+CiAgPC9nPgo8L3N2Zz4K",re=e.defineComponent({name:"DTreeNodeContent",props:{node:{type:Object,required:!0}},setup(t){const l=e.inject("treeRoot");return()=>{const n=t.node,{disabled:a,label:o}=n;return l.ctx.slots.default?l.ctx.slots.default({node:n}):e.createVNode("span",{class:["devui-tree-node__title",a&&"select-disabled"]},[o])}}}),Ce="",T=e.defineComponent({name:"DTree",props:b,emits:["nodeSelected"],setup(t,l){const{data:n,checkable:a,checkableRelation:o}=e.toRefs(D(S({},t),{data:z(t.data)})),{mergeData:d}=ne(n.value),{openedData:i,toggle:N}=te(d.value),{nodeClassNameReflect:m,handleInitNodeClassNameReflect:u,handleClickOnNode:r}=le(),{lazyNodesReflect:s,handleInitLazyNodeReflect:I,getLazyData:f}=de(),{selected:c,onNodeClick:v}=oe(o,l,n.value);e.provide("treeRoot",{ctx:l,props:t});const y=()=>e.createVNode("span",{style:"display: inline-block; width: 16px; height: 16px; margin-left: 8px;"},null),C=g=>{var H;const{id:h="",label:k,disabled:P,open:V,isParent:B,level:A,children:O}=g;u(P,h),I(g,{id:h,onGetNodeData:async()=>new Promise(j=>{setTimeout(()=>{j([{id:`It is a test Node-1 ID = ${h}`,label:`It is a test Node-1 ID = ${h}`,level:g.level+1},{id:`It is a test Node-2 ID = ${h}`,label:`It is a test Node-2 ID = ${h}`,level:g.level+1}])},4e3)}),renderLoading:j=>Q.open({target:document.getElementById(j),message:"\u52A0\u8F7D\u4E2D...",positionType:"relative",zIndex:1})});const ue=j=>{const W=async Ie=>(j.isParent&&(j.children=await f(h)),N(Ie,j));return B||O?V?e.createVNode(ie,{class:"mr-xs",onClick:W},null):e.createVNode(ce,{class:"mr-xs",onClick:W},null):e.createVNode(y,null,null)},ge=$[(H=c.value[h])!=null?H:"none"];return e.createVNode("div",{class:["devui-tree-node",V&&"devui-tree-node__open"],style:{paddingLeft:`${24*(A-1)}px`}},[e.createVNode("div",{class:`devui-tree-node__content ${m.value[h]}`,onClick:()=>r(h)},[e.createVNode("div",{class:"devui-tree-node__content--value-wrapper"},[ue(g),a.value&&e.createVNode(ee,e.mergeProps({key:h,onClick:()=>v(g),disabled:P},ge),null),e.createVNode(re,{node:g},null),g.isParent&&e.createVNode("div",{class:"devui-tree-node_loading",id:s.value[h].loadingTargetId},null)])])])};return()=>e.createVNode("div",{class:"devui-tree"},[i.value.map(g=>C(g))])}});T.install=function(t){t.component(T.name,T)};var se={title:"Tree \u6811",category:"\u6570\u636E\u5C55\u793A",status:"20%",install(t){t.use(T)}};p.Tree=T,p.default=se,Object.defineProperty(p,"__esModule",{value:!0}),p[Symbol.toStringTag]="Module"});

package/tree-select/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+  declare function install(app: App): void
+  declare const _default: {
+      install: typeof install;
+      version: string;
+  };
+  export default _default;