vue-devui 1.0.0-beta.5 → 1.0.0-beta.9

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=(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"});
+var tt=Object.defineProperty,nt=Object.defineProperties;var at=Object.getOwnPropertyDescriptors;var ae=Object.getOwnPropertySymbols;var ot=Object.prototype.hasOwnProperty,lt=Object.prototype.propertyIsEnumerable;var oe=(v,t,k)=>t in v?tt(v,t,{enumerable:!0,configurable:!0,writable:!0,value:k}):v[t]=k,O=(v,t)=>{for(var k in t||(t={}))ot.call(t,k)&&oe(v,k,t[k]);if(ae)for(var k of ae(t))lt.call(t,k)&&oe(v,k,t[k]);return v},x=(v,t)=>nt(v,at(t));(function(v,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(v=typeof globalThis!="undefined"?globalThis:v||self,t(v.index={},v.Vue))})(this,function(v,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},filter:{type:String,default:()=>""},height:{type:String,default:()=>"320px"},alltargetState:{type:Boolean,default:()=>!1},checkedNum:{type:Number,default:()=>0},checkedValues:{type:Array,default:()=>[]},allCount:{type:Number,default:()=>0},showTooltip:{type:Boolean,default:()=>!1},tooltipPosition:{type:String,default:()=>"top"},scopedSlots:{type:Object},onChangeAllSource:{type:Function},onChangeQuery:{type:Function},onUpdateCheckeds:{type:Function}},le=(e,a)=>{const n=[],s=(a==="source"?e.sourceOption:e.targetOption).map(d=>(e.modelValue.some(l=>l===d.value)&&n.push(d.value),d));return{model:n,data:s}},P=(e,a)=>{const n=le(e,a);return{data:n.data,allChecked:!1,disabled:!1,checkedNum:n.model.length,keyword:"",checkedValues:n.model,filterData:n.data}},re=e=>t.computed(()=>`devui-transfer-panel devui-transfer-${e.type}`);var rt="";const U={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}},ie=x(O({},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}}),se=x(O({},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}}),M=Symbol("d-checkbox-group");var I=t.defineComponent({name:"DCheckbox",props:ie,emits:["change","update:checked","update:modelValue"],setup(e,a){const n=t.inject(M,null),r=t.computed(()=>e.checked||e.modelValue),s=t.computed(()=>(n==null?void 0:n.disabled.value)||e.disabled),d=t.computed(()=>{var o,c;return(c=(o=n==null?void 0:n.isItemChecked)==null?void 0:o.call(n,e.value))!=null?c:r.value}),i=t.computed(()=>{var o;return(o=n==null?void 0:n.isShowTitle.value)!=null?o:e.isShowTitle}),l=t.computed(()=>{var o;return(o=n==null?void 0:n.showAnimation.value)!=null?o:e.showAnimation}),u=t.computed(()=>{var o;return(o=n==null?void 0:n.color.value)!=null?o:e.color}),y=n==null?void 0:n.itemWidth.value,h=n==null?void 0:n.direction.value,m=(o,c)=>{var S;if(s.value)return Promise.resolve(!1);const g=(S=e.beforeChange)!=null?S:n==null?void 0:n.beforeChange;if(g){const V=g(o,c);return typeof V=="boolean"?Promise.resolve(V):V}return Promise.resolve(!0)},f=()=>{const o=!r.value;n==null||n.toggleGroupVal(e.value),a.emit("update:checked",o),a.emit("update:modelValue",o),a.emit("change",o)};return{itemWidth:y,direction:h,mergedColor:u,mergedDisabled:s,mergedIsShowTitle:i,mergedChecked:d,mergedShowAnimation:l,handleClick:()=>{m(!r.value,e.label).then(o=>o&&f())}}},render(){var N;const{itemWidth:e,direction:a,mergedChecked:n,mergedDisabled:r,mergedIsShowTitle:s,mergedShowAnimation:d,halfchecked:i,title:l,label:u,handleClick:y,name:h,value:m,mergedColor:f,$slots:p}=this,o={"devui-checkbox-column-margin":a==="column","devui-checkbox-wrap":typeof e!="undefined"},c=e?[`width: ${e}px`]:[],g={"devui-checkbox":!0,active:n,halfchecked:i,disabled:r,unchecked:!n},S=s?l||u:"",V=f&&i||f?`linear-gradient(${f}, ${f})`:"",F=[`border-color:${(n||i)&&f?f:""}`,`background-image:${V}`,`background-color:${f&&i?f:""}`],C={"devui-checkbox-material":!0,"custom-color":f,"devui-checkbox-no-label":!u&&!p.default,"devui-no-animation":!d,"devui-checkbox-default-background":!i},T={"devui-tick":!0,"devui-no-animation":!d},b=E=>E.stopPropagation(),w={indeterminate:i};return t.createVNode("div",{class:o,style:c},[t.createVNode("div",{class:g},[t.createVNode("label",{title:S,onClick:y},[t.createVNode("input",t.mergeProps({name:h||m,class:"devui-checkbox-input",type:"checkbox"},w,{checked:n,disabled:r,onClick:b,onChange:b}),null),t.createVNode("span",{style:F,class:C},[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:T},null)])])]),u||((N=p.default)==null?void 0:N.call(p))])])])}}),it="",R=t.defineComponent({name:"DCheckboxGroup",props:se,emits:["change","update:modelValue"],setup(e,a){const n=t.toRef(e,"modelValue"),r={checked:!1,isShowTitle:!0,halfchecked:!1,showAnimation:!0,disabled:!1},s=i=>{let l=-1;if(typeof n.value[0]=="string"?l=n.value.findIndex(u=>u===i):typeof n.value[0]=="object"&&(l=n.value.findIndex(u=>u.value===i)),l===-1){if(typeof e.options[0]=="object"){const y=e.options.find(m=>m.value===i),h=[...n.value,y];a.emit("update:modelValue",h),a.emit("change",h);return}const u=[...n.value,i];a.emit("update:modelValue",u),a.emit("change",u);return}n.value.splice(l,1),a.emit("update:modelValue",n.value),a.emit("change",n.value)},d=i=>{if(typeof n.value[0]=="string")return n.value.includes(i);if(typeof n.value[0]=="object")return n.value.some(l=>l.value===i)};return t.provide(M,{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:s,itemWidth:t.toRef(e,"itemWidth"),direction:t.toRef(e,"direction")}),{defaultOpt:r}},render(){var d;const{direction:e,$slots:a,defaultOpt:n,options:r}=this;let s=(d=a.default)==null?void 0:d.call(a);return(r==null?void 0:r.length)>0&&(s=r.map(i=>{let l=null;return typeof i=="string"?l=Object.assign({},n,{label:i,value:i}):typeof i=="object"&&(l=Object.assign({},n,x(O({},i),{label:i.name}))),t.createVNode(I,l,null)})),t.createVNode("div",{class:"devui-checkbox-group"},[t.createVNode("div",{class:{"devui-checkbox-list-inline":e==="row"}},[s])])}});const de={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:""},onSearch:{type:Function,default:void 0},"onUpdate:modelValue":{type:Function,default:void 0}},ce={lg:"lg",sm:"sm"},ue={right:"right",left:"left"},fe=e=>t.computed(()=>({"devui-search":!0,"devui-search__disbaled":e.disabled,"devui-search__no-border":e.noBorder,[`devui-search__${e.size}`]:ce[e.size],[`devui-search__${e.iconPosition}`]:ue[e.iconPosition]})),he=(e,a)=>{const n=t.ref("");t.watch(()=>a.modelValue,d=>{n.value=d},{immediate:!0});const r=()=>{n.value="",e.emit("update:modelValue","")},s=t.computed(()=>n.value.length>0);return{keywords:n,clearIconShow:s,onClearHandle:r}};var me=typeof global=="object"&&global&&global.Object===Object&&global,pe=me,ye=typeof self=="object"&&self&&self.Object===Object&&self,ge=pe||ye||Function("return this")(),K=ge,be=K.Symbol,$=be,Q=Object.prototype,ve=Q.hasOwnProperty,ke=Q.toString,B=$?$.toStringTag:void 0;function Se(e){var a=ve.call(e,B),n=e[B];try{e[B]=void 0;var r=!0}catch{}var s=ke.call(e);return r&&(a?e[B]=n:delete e[B]),s}var Ve=Object.prototype,we=Ve.toString;function Ce(e){return we.call(e)}var Te="[object Null]",Ne="[object Undefined]",q=$?$.toStringTag:void 0;function Ie(e){return e==null?e===void 0?Ne:Te:q&&q in Object(e)?Se(e):Ce(e)}function Be(e){return e!=null&&typeof e=="object"}var De="[object Symbol]";function Fe(e){return typeof e=="symbol"||Be(e)&&Ie(e)==De}var Oe=/\s/;function Pe(e){for(var a=e.length;a--&&Oe.test(e.charAt(a)););return a}var $e=/^\s+/;function je(e){return e&&e.slice(0,Pe(e)+1).replace($e,"")}function A(e){var a=typeof e;return e!=null&&(a=="object"||a=="function")}var X=0/0,Ee=/^[-+]0x[0-9a-f]+$/i,xe=/^0b[01]+$/i,Ae=/^0o[0-7]+$/i,_e=parseInt;function Y(e){if(typeof e=="number")return e;if(Fe(e))return X;if(A(e)){var a=typeof e.valueOf=="function"?e.valueOf():e;e=A(a)?a+"":a}if(typeof e!="string")return e===0?e:+e;e=je(e);var n=xe.test(e);return n||Ae.test(e)?_e(e.slice(2),n?2:8):Ee.test(e)?X:+e}var Le=function(){return K.Date.now()},_=Le,We="Expected a function",ze=Math.max,He=Math.min;function Ue(e,a,n){var r,s,d,i,l,u,y=0,h=!1,m=!1,f=!0;if(typeof e!="function")throw new TypeError(We);a=Y(a)||0,A(n)&&(h=!!n.leading,m="maxWait"in n,d=m?ze(Y(n.maxWait)||0,a):d,f="trailing"in n?!!n.trailing:f);function p(b){var w=r,N=s;return r=s=void 0,y=b,i=e.apply(N,w),i}function o(b){return y=b,l=setTimeout(S,a),h?p(b):i}function c(b){var w=b-u,N=b-y,E=a-w;return m?He(E,d-N):E}function g(b){var w=b-u,N=b-y;return u===void 0||w>=a||w<0||m&&N>=d}function S(){var b=_();if(g(b))return V(b);l=setTimeout(S,c(b))}function V(b){return l=void 0,f&&r?p(b):(r=s=void 0,i)}function F(){l!==void 0&&clearTimeout(l),y=0,r=u=s=l=void 0}function C(){return l===void 0?i:V(_())}function T(){var b=_(),w=g(b);if(r=arguments,s=this,u=b,w){if(l===void 0)return o(u);if(m)return clearTimeout(l),l=setTimeout(S,a),p(u)}return l===void 0&&(l=setTimeout(S,a)),i}return T.cancel=F,T.flush=C,T}const Me={enter:"Enter"},Re=(e,a,n)=>{const r=l=>{switch(l.key){case Me.enter:s(l);break}},s=l=>{if(l.target instanceof HTMLInputElement){const u=l.target.value;i(u)}},d=()=>{i(a.value)},i=Ue(l=>{e.emit("onSearch",l)},n);return{onInputKeydown:r,useEmitKeyword:i,onClickHandle:d}},Ke={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},modelValue:{type:String,default:""},"update:modelValue":{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 st="";const Qe=Symbol("dFormItem"),L={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var qe=t.defineComponent({name:"DInput",directives:{focus:{mounted:function(e,a){a.value&&e.focus()}}},props:Ke,emits:["update:modelValue","focus","blur","change","keydown"],setup(e,a){const n=t.inject(Qe,{}),r=Object.keys(n).length>0,s=t.computed(()=>`devui-input-${e.size}`),d=t.ref(!1),i=t.ref("text"),l=t.computed(()=>({error:e.error,[e.cssClass]:!0,[s.value]:e.size!==""})),u=t.computed(()=>i.value==="password");return t.watch(()=>e.showPassword,c=>{i.value=c?"password":"text"},{immediate:!0}),t.watch(()=>e.modelValue,c=>{c&&c.length>0&&u.value?d.value=!0:d.value=!1}),{inputCls:l,inputType:i,showPreviewIcon:u,showPwdIcon:d,onInput:c=>{a.emit("update:modelValue",c.target.value),r&&n.formItemMitt.emit(L.input)},onFocus:()=>{a.emit("focus")},onBlur:()=>{a.emit("blur"),r&&n.formItemMitt.emit(L.blur)},onChange:c=>{a.emit("change",c.target.value),r&&n.formItemMitt.emit(L.change)},onKeydown:c=>{a.emit("keydown",c)},onChangeInputType:()=>{i.value=i.value==="password"?"text":"password"}}},render(){const{modelValue:e,showPreviewIcon:a,showPwdIcon:n,inputCls:r,inputType:s,maxLength:d,autoFocus:i,placeholder:l,disabled:u,onInput:y,onFocus:h,onBlur:m,onChange:f,onKeydown:p,onChangeInputType:o}=this;return t.createVNode("div",{class:"devui-input__wrap"},[t.withDirectives(t.createVNode("input",t.mergeProps({dinput:!0},{value:e,disabled:u,type:s,maxlength:d,placeholder:l,class:r,onInput:y,onFocus:h,onBlur:m,onChange:f,onKeydown:p}),null),[[t.resolveDirective("focus"),i]]),n&&t.createVNode("div",{class:"devui-input__preview",onClick:o},[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)])])}}),dt="",Z=t.defineComponent({name:"DSearch",props:de,emits:["update:modelValue","onSearch"],setup(e,a){const n=fe(e),{keywords:r,clearIconShow:s,onClearHandle:d}=he(a,e),{onInputKeydown:i,onClickHandle:l,useEmitKeyword:u}=Re(a,r,e.delay),y=h=>{e.isKeyupSearch&&u(h),r.value=h,a.emit("update:modelValue",h)};return()=>t.createVNode("div",{class:n.value},[e.iconPosition==="left"&&t.createVNode("div",{class:"devui-search__icon",onClick:l},[t.createVNode(t.resolveComponent("d-icon"),{name:"search",size:"inherit",key:"search"},null)]),t.createVNode(qe,{size:e.size,disabled:e.disabled,autoFocus:e.autoFocus,modelValue:r.value,maxLength:e.maxLength,placeholder:e.placeholder,cssClass:e.cssClass,onKeydown:i,"onUpdate:modelValue":y},null),s.value&&t.createVNode("div",{class:"devui-search__clear",onClick:d},[t.createVNode(t.resolveComponent("d-icon"),{name:"close",size:"inherit",key:"close"},null)]),e.iconPosition==="right"&&t.createVNode("div",{class:"devui-search__icon",onClick:l},[t.createVNode(t.resolveComponent("d-icon"),{name:"search",size:"inherit",key:"search"},null)])])}});const Xe={position:{type:String,default:"top"},showAnimation:{type:Boolean,default:!0},content:{type:String},mouseLeaveDelay:{type:String,default:"150"},mouseEnterDelay:{type:String,default:"100"}},J={listen:function(e,a,n){return e.addEventListener?(e.addEventListener(a,n,!1),{remove(){e.removeEventListener(e,n,!1)}}):(e.attchEvent(a,n),{remove(){e.detachEvent(a,n)}})}};var ct="",G=t.defineComponent({name:"DTooltip",props:Xe,setup(e,a){const n=t.reactive({left:0,top:0}),r=t.ref(!1),s=t.ref(null),d=t.ref(null),i=t.ref(null),l=t.ref(null);let u,y;const h=(f,p)=>{i.value.style[f]=p},m=function(f,p=e.mouseEnterDelay){let o;if(parseInt(p)>=0)return function(){o&&clearTimeout(o),o=setTimeout(f,parseInt(p))};console.error("the value of delay is bigger than 0 and the type of delay must be string!")};return t.onMounted(()=>{r.value||(d.value.style.opacity="0"),u=J.listen(s.value.children[0],"mouseenter",m(function(){r.value=!0},e.mouseEnterDelay)),y=J.listen(s.value.children[0],"mouseleave",function(){r.value&&setTimeout(function(){r.value=!1},e.mouseLeaveDelay)})}),t.watch(r,function(f,p){if(f){switch(d.value.style.opacity="1",d.value.style.zIndex="999",i.value.style.border="5px solid transparent",e.position){case"top":n.left=s.value.children[0].offsetLeft-d.value.offsetWidth/2+s.value.children[0].offsetWidth/2-5,n.top=s.value.children[0].offsetTop-10-l.value.offsetHeight,h("borderTop","5px solid rgb(70, 77, 110)"),i.value.style.top=`${l.value.offsetHeight}px`,i.value.style.left=`${l.value.offsetWidth/2+5}px`;break;case"right":n.left=s.value.children[0].offsetLeft+s.value.children[0].offsetWidth,n.top=s.value.children[0].offsetTop+s.value.children[0].offsetHeight/2-l.value.offsetHeight/2,h("borderRight","5px solid rgb(70, 77, 110)"),i.value.style.top=`${l.value.offsetHeight/2-5}px`,i.value.style.left="-0px";break;case"bottom":n.top=s.value.children[0].offsetHeight+s.value.children[0].offsetTop+10,n.left=s.value.children[0].offsetLeft+s.value.children[0].offsetWidth/2-l.value.offsetWidth/2-5,h("borderBottom","5px solid rgb(70, 77, 110)"),i.value.style.top="-10px",i.value.style.left=`${l.value.offsetWidth/2+5}px`;break;case"left":n.top=s.value.children[0].offsetTop+s.value.children[0].offsetHeight/2-l.value.offsetHeight/2,n.left=s.value.children[0].offsetLeft-20-l.value.offsetWidth,h("borderLeft","5px solid rgb(70, 77, 110)"),i.value.style.left=`${l.value.offsetWidth+10}px`,i.value.style.top=`${l.value.offsetHeight/2-5}px`;break;default:console.error("The attribute position value is wrong, the value is one of top\u3001right\u3001left\u3001bottom");break}d.value.style.top=n.top+"px",d.value.style.left=n.left+"px"}else n.top=0,n.left=0,d.value.style.opacity="0"}),t.onBeforeUnmount(()=>{u.remove(),y.remove()}),()=>{const f=t.renderSlot(t.useSlots(),"default");return t.createVNode("div",{class:"devui-tooltip"},[t.createVNode("div",{class:"slotElement",ref:s},[f]),t.createVNode("div",{class:"tooltip",ref:d},[t.createVNode("div",{class:"arrow",ref:i},null),t.createVNode("div",{class:"tooltipcontent",ref:l},[e.content])])])}}});function W(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}var z=t.defineComponent({name:"DTransferBase",components:{DSearch:Z,DCheckboxGroup:R,DCheckbox:I,DTooltip:G},props:k,setup(e,a){const n=t.computed(()=>e.checkedValues),r=t.computed(()=>e.filter);return{baseClass:re(e),searchQuery:r,modelValues:n,updateSearchQuery:l=>a.emit("changeQuery",l),renderCheckbox:(l,u,y=!1,h="top")=>{const m=t.createVNode(I,{class:"devui-transfer-panel-body-list-item",label:l.key,value:l.value,disabled:l.disabled,key:u},null);return y?t.createVNode(G,{position:h,content:l.key},W(m)?m:{default:()=>[m]}):m}}},render(){let e;const{title:a,baseClass:n,checkedNum:r,allChecked:s,sourceOption:d,allCount:i,updateSearchQuery:l,search:u,searchQuery:y,modelValues:h,height:m,showTooltip:f,tooltipPosition:p,renderCheckbox:o}=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(I,{modelValue:s,onChange:c=>this.$emit("changeAllSource",c)},W(a)?a:{default:()=>[a]})]),t.createVNode("div",{class:"devui-transfer-panel-header-num"},[r,t.createTextVNode("/"),i])]),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(Z,{modelValue:y,"onUpdate:modelValue":l},null)]),t.createVNode("div",{class:"devui-transfer-panel-body-list",style:{height:m}},[d.length?t.createVNode(R,{modelValue:h,onChange:c=>this.$emit("updateCheckeds",c)},W(e=d.map((c,g)=>o(c,g,f,p)))?e:{default:()=>[e]}):t.createVNode("div",{class:"devui-transfer-panel-body-list-empty"},[t.createTextVNode("\u65E0\u6570\u636E")])])])])}}),j=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 O({},e)},render(){const{name:e,size:a,color:n,classPrefix:r}=this;return/^((https?):)?\/\//.test(e)?t.createVNode("img",{src:e,alt:e.split("/")[e.split("/").length-1],style:{width:a}},null):t.createVNode("i",{class:`${r} ${r}-${e}`,style:{fontSize:a,color:n}},null)}});j.install=function(e){e.component(j.name,j)};const Ye={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 ut="",H=t.defineComponent({name:"DButton",props:Ye,setup(e,a){const n=t.ref(null),r=l=>{var u;e.showLoading||(u=e.onClick)==null||u.call(e,l)},s=t.computed(()=>a.slots.default),d=t.computed(()=>{const{btnStyle:l,size:u,position:y,bordered:h,icon:m}=e,f=`devui-btn devui-btn-${l} devui-btn-${u} devui-btn-${y}`,p=h?"bordered":"",o=!!m&&!s.value&&l!=="primary"?"d-btn-icon":"";return`${f} ${p} ${o} ${m?"d-btn-icon-wrap":""}`}),i=t.computed(()=>{if(!e.icon)return;const l="devui-icon-fix icon";return s.value?`${l} clear-right-5`:l});return()=>{var f,p;const{icon:l,type:u,disabled:y,showLoading:h,width:m}=e;return t.createVNode("div",t.mergeProps({class:"devui-btn-host"},a.attrs),[t.createVNode("button",{class:d.value,type:u,disabled:y,style:{width:m},onClick:r},[l?t.createVNode(j,{name:e.icon,class:i.value},null):null,t.createVNode("span",{class:"button-content",ref:n},[(p=(f=a.slots).default)==null?void 0:p.call(f)])])])}}});const Ze={sourceDisabled:{type:Boolean,default:()=>!0},targetDisabled:{type:Boolean,default:()=>!0},disabled:{type:Boolean,default:()=>!1},onUpdateSourceData:{type:Function},onUpdateTargetData:{type:Function}};var ee=t.defineComponent({name:"DTransferOperation",components:{DButton:H},props:Ze,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(H,{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(H,{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 Je={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},showTooltip:{type:Boolean,default:()=>!1},tooltipPosition:{type:String,default:()=>"top"},beforeTransfer:{type:Function},slots:{type:Object},searching:{type:Function},transferToSource:{type:Function},transferToTarget:{type:Function},transferring:{type:Function},afterTransfer:{type:Function}},te=(e,a)=>e.slots[`${a}-header`]?()=>e.slots[`${a}-header`]&&e.slots[`${a}-header`]():null,ne=(e,a)=>e.slots[`${a}-body`]?()=>e.slots[`${a}-body`]&&e.slots[`${a}-body`]():null,Ge=e=>e.slots&&e.slots.operation&&e.slots.operation()||null;var ft="",D=t.defineComponent({name:"DTransfer",components:{DTransferBase:z,DTransferOperation:ee,DCheckbox:I},props:Je,setup(e,a){let n=t.reactive(P(e,"source")),r=t.reactive(P(e,"target"));const s=t.ref(null);t.watch(()=>e.sourceOption,()=>{n=t.reactive(P(e,"source"))}),t.watch(()=>e.targetOption,()=>{r=t.reactive(P(e,"target"))}),t.watch(()=>n.keyword,o=>{h(n)}),t.watch(()=>n.checkedValues,o=>{n.checkedNum=o.length,d(n,o)},{deep:!0}),t.watch(()=>r.keyword,o=>{h(r)}),t.watch(()=>r.checkedValues,o=>{r.checkedNum=o.length,d(r,o)},{deep:!0});const d=(o,c)=>{s.value==="click"?o.allChecked=!1:o.allChecked=c.length===o.data.filter(g=>!g.disabled).length},i=async(o,c,g)=>{if(p("beforeTransfer")){const C=await e.beforeTransfer.call(null,o,c);if(typeof C=="boolean"&&C===!1)return}const S=p("transferToSource"),V=p("transferToTarget"),F=p("transferring");S||V?(g==="right"&&e.transferToSource.call(null,o,c),g==="left"&&e.transferToTarget.call(null,o,c)):o.data=o.data.filter(C=>{const T=o.checkedValues.includes(C.value);return T&&c.data.push(C),!T}),F&&e.transferring.call(null,c),o.checkedValues=[],c.disabled=!c.disabled,h(o,c),h(c,o),m("click"),p("afterTransfer")&&e.afterTransfer.call(null,c)},l=(o,c)=>{o.filterData.every(g=>g.disabled)||(o.allChecked=c,c?o.checkedValues=o.filterData.filter(g=>!g.disabled).map(g=>g.value):o.checkedValues=[],m("change"))},u=o=>{n.checkedValues=o,m("change")},y=o=>{r.checkedValues=o,m("change")},h=(o,c)=>{o.filterData=o.data.filter(g=>g.key.indexOf(o.keyword)!==-1),c&&(c.allChecked=!1)},m=o=>{s.value=o},f=(o,c,g)=>{if((e==null?void 0:e.searching)&&typeof e.searching=="function"){e.searching.call(null,c,g,o);return}o.keyword=g},p=o=>e[o]&&typeof e[o]=="function";return()=>t.createVNode("div",{class:"devui-transfer"},[t.createVNode(z,{sourceOption:n.filterData,title:e.titles[0],type:"source",search:e.isSearch,allChecked:n.allChecked,checkedNum:n.checkedNum,filter:n.keyword,height:e.height,checkedValues:n.checkedValues,allCount:n.data.length,showTooltip:e.showTooltip,tooltipPosition:e.tooltipPosition,onChangeAllSource:o=>l(n,o),onUpdateCheckeds:u,onChangeQuery:o=>f(n,"left",o)},{header:te(a,"left"),body:ne(a,"left")}),t.createVNode(ee,{disabled:e.disabled,sourceDisabled:!(r.checkedNum>0),targetDisabled:!(n.checkedNum>0),onUpdateSourceData:()=>{i(r,n,"left")},onUpdateTargetData:()=>{i(n,r,"right")}},{operation:Ge(a)}),t.createVNode(z,{sourceOption:r.filterData,title:e.titles[1],type:"target",search:e.isSearch,allChecked:r.allChecked,checkedNum:r.checkedNum,filter:r.keyword,height:e.height,checkedValues:r.checkedValues,allCount:r.data.length,showTooltip:e.showTooltip,tooltipPosition:e.tooltipPosition,onChangeAllSource:o=>l(r,o),onUpdateCheckeds:y,onChangeQuery:o=>f(r,"right",o)},{header:te(a,"right"),body:ne(a,"right")})])}});D.install=function(e){e.component(D.name,D)};var et={title:"Transfer \u7A7F\u68AD\u6846",category:"\u6570\u636E\u5F55\u5165",status:"10%",install(e){e.use(D)}};v.Transfer=D,v.default=et,Object.defineProperty(v,"__esModule",{value:!0}),v[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% - 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}
+@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-tooltip{box-sizing:border-box}.devui-tooltip .tooltip{box-sizing:border-box;position:absolute;width:fit-content;transition:all .5s}.devui-tooltip .tooltip .arrow{width:0;height:0;position:absolute}.devui-tooltip .tooltip .tooltipcontent{box-sizing:border-box;padding:10px;margin-left:10px;border-radius:4px;width:fit-content;background-color:var(--devui-feedback-overlay-bg, #464d6e);color:var(--devui-feedback-overlay-text, #dfe1e6)}.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{display:flex;flex-direction:column;height:100%}.devui-transfer-panel-body-search{display:flex;justify-content:center;align-items:center;width:100%;padding:7px 20px}.devui-transfer-panel-body-search .devui-search,.devui-transfer-panel-body-search .devui-input__wrap{width:100%}.devui-transfer-panel-body-list{overflow:auto;width:100%;padding:0 20px}.devui-transfer-panel-body-list-item{height:36px;line-height:36px;width:min-content;max-width:100%}.devui-transfer-panel-body-list-item label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;height:auto}.devui-transfer-panel-body-list-tooltip .slotElement{max-width:100%}.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

@@ -21,7 +21,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { h, render, defineComponent, ref, createVNode, inject, computed, mergeProps, unref, toRefs, provide } from "vue";
+import { h, render, defineComponent, ref, createVNode, inject, computed, mergeProps, watch, unref, Fragment, onUpdated, toRefs, reactive, provide } from "vue";
 const treeProps = {
   data: {
     type: Array,
@@ -49,20 +49,42 @@ const CHECK_CONFIG = {
 const flatten = (tree2, key = "children") => {
   return tree2.reduce((acc, item) => !item[key] ? acc.concat(item) : acc.concat(item, flatten(item[key], key)), []);
 };
-const precheckNodeId = (d) => {
-  const random = parseInt((Math.random() * 10 ** 8).toString().padEnd(8, "0"));
-  return __spreadProps(__spreadValues({}, d), { id: d.id ? `${d.id}_${random}` : `${d.label.replaceAll(" ", "-")}_${random}` });
+const getRandomId = () => (Math.random() * 10 ** 9).toString().slice(0, 8);
+const preCheckNodeId = (d, postfixId) => {
+  const randomStr = getRandomId();
+  console.info("randomStr: ", randomStr);
+  return __spreadProps(__spreadValues({}, d), { id: postfixId ? `${postfixId}_${randomStr}` : randomStr });
 };
-const precheckTree = (ds) => {
+const getId = (id) => {
+  const ids = id.split("_");
+  return [...ids.slice(0, ids.length), getRandomId()].join("_");
+};
+const preCheckTree = (ds, postfixId) => {
   return ds.map((d) => {
-    const dd = precheckNodeId(d);
-    if (d.children) {
-      return __spreadProps(__spreadValues({}, dd), {
-        children: precheckTree(d.children)
-      });
+    const dd = preCheckNodeId(d, postfixId);
+    return d.children ? __spreadProps(__spreadValues({}, dd), {
+      children: preCheckTree(d.children, dd.id)
+    }) : dd;
+  });
+};
+const _deleteNode = (ids, data, index2 = 0) => {
+  const curTargetId = ids.slice(0, index2 + 2).join("_");
+  data.forEach((item) => {
+    if (item.id === ids.slice(0, index2 + 1).join("_")) {
+      if (ids.length === index2 + 2) {
+        item.children = item.children.filter(({ id: d }) => d !== curTargetId);
+      } else {
+        item.children = _deleteNode(ids, item.children, index2 + 1);
+      }
     }
-    return dd;
   });
+  return data;
+};
+const deleteNode = (id, data) => {
+  if (id.includes("_")) {
+    return _deleteNode(id.split("_"), data);
+  }
+  return data.filter(({ id: d }) => d !== id);
 };
 const COMPONENT_CONTAINER_SYMBOL = Symbol("dev_component_container");
 function createComponent(Component, props, children = null) {
@@ -415,13 +437,14 @@ function useToggle(data) {
   const openedTree = (tree2) => {
     return tree2.reduce((acc, item) => item.open ? acc.concat(item, openedTree(item.children)) : acc.concat(item), []);
   };
-  const openedData = ref(openedTree(data));
+  const openedData = ref(openedTree(data.value));
+  watch(() => data.value, (d) => openedData.value = openedTree(d), { deep: true });
   const toggle = (target, item) => {
     target.stopPropagation();
     if (!item.children)
       return;
     item.open = !item.open;
-    openedData.value = openedTree(data);
+    openedData.value = openedTree(data.value);
   };
   return {
     openedData,
@@ -463,16 +486,21 @@ const HIGHLIGHT_CLASS = "active";
 const IS_DISABLED_FLAG = "devui-tree_isDisabledNode";
 const useHighlightNode = () => {
   const nodeClassNameReflectRef = ref({});
+  const prevActiveNodeKey = ref("");
   const handleInit = (isDisabled = false, ...keys) => {
     const key = keys.join("-");
     nodeClassNameReflectRef.value[key] = isDisabled ? IS_DISABLED_FLAG : nodeClassNameReflectRef.value[key] || "";
     return key;
   };
   const handleClick = (key) => {
-    if (nodeClassNameReflectRef.value[key] === IS_DISABLED_FLAG) {
+    if (nodeClassNameReflectRef.value[key] === IS_DISABLED_FLAG)
       return;
-    }
-    nodeClassNameReflectRef.value = Object.fromEntries(Object.entries(nodeClassNameReflectRef.value).map(([k]) => [k, k === key ? HIGHLIGHT_CLASS : ""]));
+    if (prevActiveNodeKey.value === key)
+      return;
+    if (prevActiveNodeKey.value)
+      nodeClassNameReflectRef.value[prevActiveNodeKey.value] = "";
+    nodeClassNameReflectRef.value[key] = HIGHLIGHT_CLASS;
+    prevActiveNodeKey.value = key;
   };
   return {
     nodeClassNameReflect: nodeClassNameReflectRef,
@@ -613,6 +641,42 @@ const useLazy = () => {
     getLazyData
   };
 };
+const reflectIconWithHandle = (data, operator) => {
+  const handleAdd = (payload) => operator.handleAdd();
+  const handleEdit = (payload) => operator.handleEdit();
+  const handleDelete = (payload) => operator.handleDelete();
+  return createVNode(Fragment, null, [operator.addable && createVNode("span", {
+    "class": "op-icons icon icon-add",
+    "onClick": handleAdd
+  }, null), operator.editable && createVNode("span", {
+    "class": "op-icons icon icon-edit",
+    "onClick": handleEdit
+  }, null), operator.deletable && createVNode("span", {
+    "class": "op-icons icon icon-close",
+    "onClick": handleDelete
+  }, null)]);
+};
+const useOperate = (treeData) => {
+  const operateIconReflect = ref([]);
+  const editStatusReflect = ref({});
+  const handleReflectIdToIcon = (id, operator) => {
+    const isNotExistedReflectItem = operateIconReflect.value.every(({
+      id: d
+    }) => d != id);
+    if (isNotExistedReflectItem) {
+      editStatusReflect.value[id] = false;
+      operateIconReflect.value.push({
+        id,
+        renderIcon: (data) => reflectIconWithHandle(data, operator)
+      });
+    }
+  };
+  return {
+    operateIconReflect,
+    editStatusReflect,
+    handleReflectIdToIcon
+  };
+};
 var IconOpen = "data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24gc3ZnLWljb24tY2xvc2UiCj4KICA8ZyBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNWU3Y2UwIj48L3JlY3Q+CiAgICA8cmVjdCB4PSI0IiB5PSI3IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiBmaWxsPSIjNWU3Y2UwIj48L3JlY3Q+CiAgPC9nPgo8L3N2Zz4=";
 var IconClose = "data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24iCj4KICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIyIiBzdHJva2U9IiMyNTJiM2EiPjwvcmVjdD4KICAgIDxwYXRoCiAgICAgIGZpbGw9IiMyNTJiM2EiCiAgICAgIGQ9Ik04Ljc1LDQgTDguNzUsNy4yNSBMMTIsNy4yNSBMMTIsOC43NSBMOC43NDksOC43NSBMOC43NSwxMiBMNy4yNSwxMiBMNy4yNDksOC43NSBMNCw4Ljc1IEw0LDcuMjUgTDcuMjUsNy4yNSBMNy4yNSw0IEw4Ljc1LDQgWiIKICAgID48L3BhdGg+CiAgPC9nPgo8L3N2Zz4K";
 var NodeContent = defineComponent({
@@ -621,21 +685,48 @@ var NodeContent = defineComponent({
     node: {
       type: Object,
       required: true
+    },
+    editStatusReflect: {
+      type: Object,
+      required: true
     }
   },
   setup(props) {
     const tree2 = inject("treeRoot");
+    const getCurID = (id) => `devui-tree-node__input-${id}`;
+    onUpdated(() => {
+      const target = document.querySelector(`#${getCurID(props.node.id)}`);
+      target == null ? void 0 : target.focus();
+    });
     return () => {
-      const node = props.node;
+      const {
+        node,
+        editStatusReflect
+      } = toRefs(props);
       const {
         disabled,
-        label
-      } = node;
+        label,
+        id
+      } = node.value;
+      const handleChange = ({
+        target
+      }) => {
+        node.value.label = target.value;
+      };
+      const handleBlur = () => {
+        editStatusReflect.value[id] = false;
+      };
       return tree2.ctx.slots.default ? tree2.ctx.slots.default({
         node
       }) : createVNode("span", {
         "class": ["devui-tree-node__title", disabled && "select-disabled"]
-      }, [label]);
+      }, [editStatusReflect.value[id] ? createVNode("input", {
+        "id": getCurID(id),
+        "ref": ref,
+        "value": label,
+        "onChange": handleChange,
+        "onBlur": handleBlur
+      }, null) : label]);
     };
   }
 });
@@ -649,16 +740,16 @@ var Tree = defineComponent({
       data,
       checkable,
       checkableRelation: cbr
-    } = toRefs(__spreadProps(__spreadValues({}, props), {
-      data: precheckTree(props.data)
-    }));
+    } = toRefs(reactive(__spreadProps(__spreadValues({}, props), {
+      data: preCheckTree(props.data)
+    })));
     const {
       mergeData
     } = useMergeNode(data.value);
     const {
       openedData,
       toggle
-    } = useToggle(mergeData.value);
+    } = useToggle(mergeData);
     const {
       nodeClassNameReflect,
       handleInitNodeClassNameReflect,
@@ -673,6 +764,11 @@ var Tree = defineComponent({
       selected,
       onNodeClick
     } = useChecked(cbr, ctx, data.value);
+    const {
+      editStatusReflect,
+      operateIconReflect,
+      handleReflectIdToIcon
+    } = useOperate();
     provide("treeRoot", {
       ctx,
       props
@@ -691,8 +787,38 @@ var Tree = defineComponent({
         open,
         isParent,
         level,
-        children
+        children,
+        addable,
+        editable,
+        deletable
       } = item;
+      handleReflectIdToIcon(id, {
+        addable,
+        editable,
+        deletable,
+        handleAdd: () => {
+          const newItem = {
+            id: getId(item.id),
+            label: "new item",
+            level: item.level + 1,
+            addable,
+            editable,
+            deletable
+          };
+          item.open = true;
+          if (item.children && Array.isArray(item.children)) {
+            item.children.push(newItem);
+          } else {
+            item.children = [newItem];
+          }
+        },
+        handleEdit: () => {
+          editStatusReflect.value[id] = !editStatusReflect.value[id];
+        },
+        handleDelete: () => {
+          mergeData.value = deleteNode(id, mergeData.value);
+        }
+      });
       handleInitNodeClassNameReflect(disabled, id);
       handleInitLazyNodeReflect(item, {
         id,
@@ -720,14 +846,14 @@ var Tree = defineComponent({
           });
         }
       });
-      const renderNodeWithIcon = (item2) => {
+      const renderFoldIcon = (item2) => {
         const handleClick = async (target) => {
           if (item2.isParent) {
             item2.children = await getLazyData(id);
           }
           return toggle(target, item2);
         };
-        return isParent || children ? open ? createVNode(IconOpen, {
+        return isParent || children && children.length ? open ? createVNode(IconOpen, {
           "class": "mr-xs",
           "onClick": handleClick
         }, null) : createVNode(IconClose, {
@@ -746,16 +872,19 @@ var Tree = defineComponent({
         "onClick": () => handleClickOnNode(id)
       }, [createVNode("div", {
         "class": "devui-tree-node__content--value-wrapper"
-      }, [renderNodeWithIcon(item), checkable.value && createVNode(Checkbox, mergeProps({
+      }, [renderFoldIcon(item), checkable.value && createVNode(Checkbox, mergeProps({
         "key": id,
         "onClick": () => onNodeClick(item),
         "disabled": disabled
       }, checkState), null), createVNode(NodeContent, {
-        "node": item
-      }, null), item.isParent && createVNode("div", {
+        "node": item,
+        "editStatusReflect": editStatusReflect.value
+      }, null), operateIconReflect.value.find(({
+        id: d
+      }) => id === d).renderIcon(item), item.isParent ? createVNode("div", {
         "class": "devui-tree-node_loading",
         "id": lazyNodesReflect.value[id].loadingTargetId
-      }, null)])])]);
+      }, null) : null])])]);
     };
     return () => {
       return createVNode("div", {