vue-devui 1.0.0-beta.12 → 1.0.0-beta.16

package/transfer/index.umd.js

@@ -1 +1 @@
-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,D=$?$.toStringTag:void 0;function Se(e){var a=ve.call(e,D),n=e[D];try{e[D]=void 0;var r=!0}catch{}var s=ke.call(e);return r&&(a?e[D]=n:delete e[D]),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 De(e){return e!=null&&typeof e=="object"}var Be="[object Symbol]";function Fe(e){return typeof e=="symbol"||De(e)&&Ie(e)==Be}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,verticalAlign:"text-bottom"}},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.withDirectives(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:l,class:i.value},null):null,t.createVNode("span",{class:"button-content",ref:n},[(p=(f=a.slots).default)==null?void 0:p.call(f)])])]),[[t.resolveDirective("dLoading"),h]])}}});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="",B=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")})])}});B.install=function(e){e.component(B.name,B)};var et={title:"Transfer \u7A7F\u68AD\u6846",category:"\u6570\u636E\u5F55\u5165",status:"10%",install(e){e.use(B)}};v.Transfer=B,v.default=et,Object.defineProperty(v,"__esModule",{value:!0}),v[Symbol.toStringTag]="Module"});
+var Vt=Object.defineProperty,Tt=Object.defineProperties;var Nt=Object.getOwnPropertyDescriptors;var pe=Object.getOwnPropertySymbols;var Pt=Object.prototype.hasOwnProperty,It=Object.prototype.propertyIsEnumerable;var q=(k,t,S)=>t in k?Vt(k,t,{enumerable:!0,configurable:!0,writable:!0,value:S}):k[t]=S,w=(k,t)=>{for(var S in t||(t={}))Pt.call(t,S)&&q(k,S,t[S]);if(pe)for(var S of pe(t))It.call(t,S)&&q(k,S,t[S]);return k},P=(k,t)=>Tt(k,Nt(t));var T=(k,t,S)=>(q(k,typeof t!="symbol"?t+"":t,S),S);(function(k,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(k=typeof globalThis!="undefined"?globalThis:k||self,t(k.index={},k.Vue))})(this,function(k,t){"use strict";const S={showTooltip:{type:Boolean,default:()=>!1},tooltipPosition:{type:String,default:()=>"top"}},X={onDragstart:{type:Function},onDrop:{type:Function},onDragleave:{type:Function},onDragover:{type:Function},onDragenter:{type:Function},onDragend:{type:Function}},ye=P(w(w({},S),X),{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},isSourceDroppable:{type:Boolean,default:()=>!1},isTargetDroppable:{type:Boolean,default:()=>!1},scopedSlots:{type:Object},onChangeAllSource:{type:Function},onChangeQuery:{type:Function},onUpdateCheckeds:{type:Function},onDragend:{type:Function}}),be=(e,o)=>{const n=[],i=(o==="source"?e.sourceOption:e.targetOption).map(s=>(e.modelValue.some(d=>d===s.value)&&n.push(s.value),s));return{model:n,data:i}},A=(e,o)=>{const n=be(e,o);return{data:n.data,allChecked:!1,disabled:!1,checkedNum:n.model.length,keyword:"",checkedValues:n.model,filterData:n.data}},ve=e=>t.computed(()=>`devui-transfer-panel devui-transfer-${e.type}`);var Bt="";const Y={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}},ke=P(w({},Y),{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=P(w({},Y),{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}}),Z=Symbol("d-checkbox-group");var O=t.defineComponent({name:"DCheckbox",props:ke,emits:["change","update:checked","update:modelValue"],setup(e,o){const n=t.inject(Z,null),a=t.computed(()=>e.checked||e.modelValue),i=t.computed(()=>(n==null?void 0:n.disabled.value)||e.disabled),s=t.computed(()=>{var p,r;return(r=(p=n==null?void 0:n.isItemChecked)==null?void 0:p.call(n,e.value))!=null?r:a.value}),l=t.computed(()=>{var p;return(p=n==null?void 0:n.isShowTitle.value)!=null?p:e.isShowTitle}),d=t.computed(()=>{var p;return(p=n==null?void 0:n.showAnimation.value)!=null?p:e.showAnimation}),u=t.computed(()=>{var p;return(p=n==null?void 0:n.color.value)!=null?p:e.color}),c=n==null?void 0:n.itemWidth.value,g=n==null?void 0:n.direction.value,f=(p,r)=>{var b;if(i.value)return Promise.resolve(!1);const m=(b=e.beforeChange)!=null?b:n==null?void 0:n.beforeChange;if(m){const C=m(p,r);return typeof C=="boolean"?Promise.resolve(C):C}return Promise.resolve(!0)},h=()=>{const p=!a.value;n==null||n.toggleGroupVal(e.value),o.emit("update:checked",p),o.emit("update:modelValue",p),o.emit("change",p)};return{itemWidth:c,direction:g,mergedColor:u,mergedDisabled:i,mergedIsShowTitle:l,mergedChecked:s,mergedShowAnimation:d,handleClick:()=>{f(!a.value,e.label).then(p=>p&&h())}}},render(){var N;const{itemWidth:e,direction:o,mergedChecked:n,mergedDisabled:a,mergedIsShowTitle:i,mergedShowAnimation:s,halfchecked:l,title:d,label:u,handleClick:c,name:g,value:f,mergedColor:h,$slots:y}=this,p={"devui-checkbox-column-margin":o==="column","devui-checkbox-wrap":typeof e!="undefined"},r=e?[`width: ${e}px`]:[],m={"devui-checkbox":!0,active:n,halfchecked:l,disabled:a,unchecked:!n},b=i?d||u:"",C=h&&l||h?`linear-gradient(${h}, ${h})`:"",I=[`border-color:${(n||l)&&h?h:""}`,`background-image:${C}`,`background-color:${h&&l?h:""}`],B={"devui-checkbox-material":!0,"custom-color":h,"devui-checkbox-no-label":!u&&!y.default,"devui-no-animation":!s,"devui-checkbox-default-background":!l},D={"devui-tick":!0,"devui-no-animation":!s},v=L=>L.stopPropagation(),V={indeterminate:l};return t.createVNode("div",{class:p,style:r},[t.createVNode("div",{class:m},[t.createVNode("label",{title:b,onClick:c},[t.createVNode("input",t.mergeProps({name:g||f,class:"devui-checkbox-input",type:"checkbox"},V,{checked:n,disabled:a,onClick:v,onChange:v}),null),t.createVNode("span",{style:I,class:B},[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:D},null)])])]),u||((N=y.default)==null?void 0:N.call(y))])])])}}),Ot="",z=t.defineComponent({name:"DCheckboxGroup",props:Se,emits:["change","update:modelValue"],setup(e,o){const n=t.toRef(e,"modelValue"),a={checked:!1,isShowTitle:!0,halfchecked:!1,showAnimation:!0,disabled:!1},i=l=>{let d=-1;if(typeof n.value[0]=="string"?d=n.value.findIndex(u=>u===l):typeof n.value[0]=="object"&&(d=n.value.findIndex(u=>u.value===l)),d===-1){if(typeof e.options[0]=="object"){const c=e.options.find(f=>f.value===l),g=[...n.value,c];o.emit("update:modelValue",g),o.emit("change",g);return}const u=[...n.value,l];o.emit("update:modelValue",u),o.emit("change",u);return}n.value.splice(d,1),o.emit("update:modelValue",n.value),o.emit("change",n.value)},s=l=>{if(typeof n.value[0]=="string")return n.value.includes(l);if(typeof n.value[0]=="object")return n.value.some(d=>d.value===l)};return t.provide(Z,{disabled:t.toRef(e,"disabled"),isShowTitle:t.toRef(e,"isShowTitle"),color:t.toRef(e,"color"),showAnimation:t.toRef(e,"showAnimation"),beforeChange:e.beforeChange,isItemChecked:s,toggleGroupVal:i,itemWidth:t.toRef(e,"itemWidth"),direction:t.toRef(e,"direction")}),{defaultOpt:a}},render(){var s;const{direction:e,$slots:o,defaultOpt:n,options:a}=this;let i=(s=o.default)==null?void 0:s.call(o);return(a==null?void 0:a.length)>0&&(i=a.map(l=>{let d=null;return typeof l=="string"?d=Object.assign({},n,{label:l,value:l}):typeof l=="object"&&(d=Object.assign({},n,P(w({},l),{label:l.name}))),t.createVNode(O,d,null)})),t.createVNode("div",{class:"devui-checkbox-group"},[t.createVNode("div",{class:{"devui-checkbox-list-inline":e==="row"}},[i])])}});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}},we={lg:"lg",sm:"sm"},Ce={right:"right",left:"left"},Ve=e=>t.computed(()=>({"devui-search":!0,"devui-search__disbaled":e.disabled,"devui-search__no-border":e.noBorder,[`devui-search__${e.size}`]:we[e.size],[`devui-search__${e.iconPosition}`]:Ce[e.iconPosition]})),Te=(e,o)=>{const n=t.ref("");t.watch(()=>o.modelValue,s=>{n.value=s},{immediate:!0});const a=()=>{n.value="",e.emit("update:modelValue","")},i=t.computed(()=>n.value.length>0);return{keywords:n,clearIconShow:i,onClearHandle:a}};var Ne=typeof global=="object"&&global&&global.Object===Object&&global,Pe=Ne,Ie=typeof self=="object"&&self&&self.Object===Object&&self,Be=Pe||Ie||Function("return this")(),J=Be,Oe=J.Symbol,$=Oe,G=Object.prototype,Fe=G.hasOwnProperty,xe=G.toString,F=$?$.toStringTag:void 0;function je(e){var o=Fe.call(e,F),n=e[F];try{e[F]=void 0;var a=!0}catch{}var i=xe.call(e);return a&&(o?e[F]=n:delete e[F]),i}var Ae=Object.prototype,$e=Ae.toString;function Ee(e){return $e.call(e)}var _e="[object Null]",Le="[object Undefined]",ee=$?$.toStringTag:void 0;function ze(e){return e==null?e===void 0?Le:_e:ee&&ee in Object(e)?je(e):Ee(e)}function We(e){return e!=null&&typeof e=="object"}var Re="[object Symbol]";function He(e){return typeof e=="symbol"||We(e)&&ze(e)==Re}var Me=/\s/;function Ue(e){for(var o=e.length;o--&&Me.test(e.charAt(o)););return o}var Ke=/^\s+/;function Qe(e){return e&&e.slice(0,Ue(e)+1).replace(Ke,"")}function W(e){var o=typeof e;return e!=null&&(o=="object"||o=="function")}var te=0/0,qe=/^[-+]0x[0-9a-f]+$/i,Xe=/^0b[01]+$/i,Ye=/^0o[0-7]+$/i,Ze=parseInt;function ne(e){if(typeof e=="number")return e;if(He(e))return te;if(W(e)){var o=typeof e.valueOf=="function"?e.valueOf():e;e=W(o)?o+"":o}if(typeof e!="string")return e===0?e:+e;e=Qe(e);var n=Xe.test(e);return n||Ye.test(e)?Ze(e.slice(2),n?2:8):qe.test(e)?te:+e}var Je=function(){return J.Date.now()},R=Je,Ge="Expected a function",et=Math.max,tt=Math.min;function nt(e,o,n){var a,i,s,l,d,u,c=0,g=!1,f=!1,h=!0;if(typeof e!="function")throw new TypeError(Ge);o=ne(o)||0,W(n)&&(g=!!n.leading,f="maxWait"in n,s=f?et(ne(n.maxWait)||0,o):s,h="trailing"in n?!!n.trailing:h);function y(v){var V=a,N=i;return a=i=void 0,c=v,l=e.apply(N,V),l}function p(v){return c=v,d=setTimeout(b,o),g?y(v):l}function r(v){var V=v-u,N=v-c,L=o-V;return f?tt(L,s-N):L}function m(v){var V=v-u,N=v-c;return u===void 0||V>=o||V<0||f&&N>=s}function b(){var v=R();if(m(v))return C(v);d=setTimeout(b,r(v))}function C(v){return d=void 0,h&&a?y(v):(a=i=void 0,l)}function I(){d!==void 0&&clearTimeout(d),c=0,a=u=i=d=void 0}function B(){return d===void 0?l:C(R())}function D(){var v=R(),V=m(v);if(a=arguments,i=this,u=v,V){if(d===void 0)return p(u);if(f)return clearTimeout(d),d=setTimeout(b,o),y(u)}return d===void 0&&(d=setTimeout(b,o)),l}return D.cancel=I,D.flush=B,D}const ot={enter:"Enter"},at=(e,o,n)=>{const a=d=>{switch(d.key){case ot.enter:i(d);break}},i=d=>{if(d.target instanceof HTMLInputElement){const u=d.target.value;l(u)}},s=()=>{l(o.value)},l=nt(d=>{e.emit("onSearch",d)},n);return{onInputKeydown:a,useEmitKeyword:l,onClickHandle:s}},rt={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 Ft="";const lt=Symbol("dFormItem"),H={blur:"d.form.blur",change:"d.form.change",input:"d.form.input"};var it=t.defineComponent({name:"DInput",directives:{focus:{mounted:function(e,o){o.value&&e.focus()}}},props:rt,emits:["update:modelValue","focus","blur","change","keydown"],setup(e,o){const n=t.inject(lt,{}),a=Object.keys(n).length>0,i=t.computed(()=>`devui-input-${e.size}`),s=t.ref(!1),l=t.ref("text"),d=t.computed(()=>({error:e.error,[e.cssClass]:!0,[i.value]:e.size!==""})),u=t.computed(()=>l.value==="password");return t.watch(()=>e.showPassword,r=>{l.value=r?"password":"text"},{immediate:!0}),t.watch(()=>e.modelValue,r=>{r&&r.length>0&&u.value?s.value=!0:s.value=!1}),{inputCls:d,inputType:l,showPreviewIcon:u,showPwdIcon:s,onInput:r=>{o.emit("update:modelValue",r.target.value),a&&n.formItemMitt.emit(H.input)},onFocus:()=>{o.emit("focus")},onBlur:()=>{o.emit("blur"),a&&n.formItemMitt.emit(H.blur)},onChange:r=>{o.emit("change",r.target.value),a&&n.formItemMitt.emit(H.change)},onKeydown:r=>{o.emit("keydown",r)},onChangeInputType:()=>{l.value=l.value==="password"?"text":"password"}}},render(){const{modelValue:e,showPreviewIcon:o,showPwdIcon:n,inputCls:a,inputType:i,maxLength:s,autoFocus:l,placeholder:d,disabled:u,onInput:c,onFocus:g,onBlur:f,onChange:h,onKeydown:y,onChangeInputType:p}=this;return t.createVNode("div",{class:"devui-input__wrap"},[t.withDirectives(t.createVNode("input",t.mergeProps({dinput:!0},{value:e,disabled:u,type:i,maxlength:s,placeholder:d,class:a,onInput:c,onFocus:g,onBlur:f,onChange:h,onKeydown:y}),null),[[t.resolveDirective("focus"),l]]),n&&t.createVNode("div",{class:"devui-input__preview",onClick:p},[o?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)])])}}),xt="",oe=t.defineComponent({name:"DSearch",props:De,emits:["update:modelValue","onSearch"],setup(e,o){const n=Ve(e),{keywords:a,clearIconShow:i,onClearHandle:s}=Te(o,e),{onInputKeydown:l,onClickHandle:d,useEmitKeyword:u}=at(o,a,e.delay),c=g=>{e.isKeyupSearch&&u(g),a.value=g,o.emit("update:modelValue",g)};return()=>t.createVNode("div",{class:n.value},[e.iconPosition==="left"&&t.createVNode("div",{class:"devui-search__icon",onClick:d},[t.createVNode(t.resolveComponent("d-icon"),{name:"search",size:"inherit",key:"search"},null)]),t.createVNode(it,{size:e.size,disabled:e.disabled,autoFocus:e.autoFocus,modelValue:a.value,maxLength:e.maxLength,placeholder:e.placeholder,cssClass:e.cssClass,onKeydown:l,"onUpdate:modelValue":c},null),i.value&&t.createVNode("div",{class:"devui-search__clear",onClick:s},[t.createVNode(t.resolveComponent("d-icon"),{name:"close",size:"inherit",key:"close"},null)]),e.iconPosition==="right"&&t.createVNode("div",{class:"devui-search__icon",onClick:d},[t.createVNode(t.resolveComponent("d-icon"),{name:"search",size:"inherit",key:"search"},null)])])}});const dt=P(w(w({},S),X),{itemData:{type:Object},id:{type:Number,default:()=>null}}),st={position:{type:String,default:"top"},showAnimation:{type:Boolean,default:!0},content:{type:String},mouseLeaveDelay:{type:String,default:"150"},mouseEnterDelay:{type:String,default:"100"}};var jt="",ae=t.defineComponent({name:"DTooltip",props:st,setup(e){const o=t.reactive({left:0,top:0}),n=(i,s)=>{document.getElementById("devui-arrow").style[i]=s},a=t.ref(null);return t.onMounted(()=>{a.value.children[0].onmouseenter=function(){const i=document.createElement("div"),s=document.createElement("div"),l=document.createElement("div");i.classList.add("tooltip"),s.classList.add("arrow"),l.classList.add("tooltipcontent"),s.id="devui-arrow",i.id="devui-tooltip1",setTimeout(()=>{switch(document.getElementById("devui-tooltip").appendChild(i),i.appendChild(s),i.appendChild(l),l.innerHTML=e.content,i.style.opacity="1",i.style.zIndex="999",s.style.border="5px solid transparent",e.position){case"top":o.left=a.value.children[0].offsetLeft-i.offsetWidth/2+a.value.children[0].offsetWidth/2-5,o.top=a.value.children[0].offsetTop-10-l.offsetHeight,s.style.top=`${l.offsetHeight}px`,s.style.left=`${l.offsetWidth/2+5}px`,s.style.borderTop="5px solid rgb(70, 77, 110)";break;case"bottom":o.top=a.value.children[0].offsetHeight+a.value.children[0].offsetTop+10,o.left=a.value.children[0].offsetLeft+a.value.children[0].offsetWidth/2-l.offsetWidth/2-5,n("borderBottom","5px solid rgb(70, 77, 110)"),s.style.top="-10px",s.style.left=`${l.offsetWidth/2+5}px`,s.style.borderBottom="5px solid rgb(70, 77, 110)";break;case"left":o.top=a.value.children[0].offsetTop+a.value.children[0].offsetHeight/2-l.offsetHeight/2,o.left=a.value.children[0].offsetLeft-20-l.offsetWidth,n("borderLeft","5px solid rgb(70, 77, 110)"),s.style.left=`${l.offsetWidth+10}px`,s.style.top=`${l.offsetHeight/2-5}px`,s.style.borderLeft="5px solid rgb(70, 77, 110)";break;case"right":o.left=a.value.children[0].offsetLeft+a.value.children[0].offsetWidth,o.top=a.value.children[0].offsetTop+a.value.children[0].offsetHeight/2-l.offsetHeight/2,n("borderRight","5px solid rgb(70, 77, 110)"),s.style.top=`${l.offsetHeight/2-5}px`,s.style.left="-0px",s.style.borderRight="5px solid rgb(70, 77, 110)";break}i.style.top=o.top+5+"px",i.style.left=o.left+"px"},e.mouseEnterDelay)},a.value.children[0].onmouseleave=function(){setTimeout(()=>{document.getElementById("devui-tooltip1").removeChild(document.getElementById("devui-arrow")),document.getElementById("devui-tooltip").removeChild(document.getElementById("devui-tooltip1"))},e.mouseLeaveDelay)}}),t.onBeforeUnmount(()=>{a.value.children[0].onmouseenter=null,a.value.children[0].onmouseleave=null}),()=>{const i=t.renderSlot(t.useSlots(),"default");return t.createVNode("div",{class:"devui-tooltip",id:"devui-tooltip"},[t.createVNode("div",{class:"slotElement",ref:a},[i])])}}});const ct=P(w({},S),{data:{type:Object},id:{type:Number}});function ut(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}var E=t.defineComponent({name:"DTransferCheckbox",components:{DCheckbox:O,DTooltip:ae},props:ct,setup(e){const o=()=>t.createVNode(O,{label:e.data.key,value:e.data.value,disabled:e.data.disabled,class:"devui-transfer-panel-body-list-item",key:e.id},null);return()=>{let n;return e.showTooltip?t.createVNode(ae,{class:"devui-transfer-panel-body-list-tooltip",position:e.tooltipPosition,content:e.data.key},ut(n=o())?n:{default:()=>[n]}):o()}}}),At="",re=t.defineComponent({name:"DTransferDrag",components:{DTransfeCheckbox:E},props:dt,setup(e){const o=t.ref(null),n=t.ref(!1),a=t.ref(""),i=t.ref(null),s=t.ref(null),l=u=>{const{clientY:c}=u,{top:g,bottom:f,height:h}=o.value.getBoundingClientRect(),y=Math.max(h*.25,2);return c<=g+y?-1:c>=f-y?1:0},d=()=>{a.value="",i.value=null,n.value=null};return t.onUnmounted(()=>{clearTimeout(s.value)}),()=>{const u=a.value===e.itemData.key;return t.createVNode("div",{class:{"devui-transfer-panel-body-list-item":!0,"devui-transfer-drag-dragging":n.value,"devui-transfer-drag-over":u&&i.value===0,"devui-transfer\u2013drag-over-top":u&&i.value===-1,"devui-transfer\u2013drag-over-bottom":u&&i.value===1},onDragenter:c=>{c.preventDefault(),c.stopPropagation(),clearTimeout(s.value);const g=l(c);if(e.itemData.key===a.value&&g===0){d();return}s.value=setTimeout(()=>{a.value=e.itemData.key,i.value=g},0),e.onDragenter&&e.onDragenter(c,e.itemData)},onDragover:c=>{if(c.preventDefault(),c.stopPropagation(),e.itemData.key===a.value){const g=l(c);if(g===i.value)return;i.value=g}e.onDragover&&e.onDragover(c,e.itemData)},onDragleave:c=>{c.stopPropagation(),d(),e.onDragleave&&e.onDragleave(c,e.itemData)},onDrop:c=>{c.preventDefault(),c.stopPropagation(),d(),e.onDrop&&e.onDrop(c,e.itemData)},onDragend:c=>{c.stopPropagation(),e.onDragend&&e.onDragend(c,e.itemData)}},[t.createVNode("div",{class:"devui-transfer-panel-body-list-drag",draggable:!0,ref:o,onDragstart:c=>{c.stopPropagation(),n.value=!0,e.onDragstart&&e.onDragstart(c,e.itemData)}},[t.createVNode("span",{class:"devui-transfer-panel-body-list-drag__icon"},[t.createVNode(t.resolveComponent("d-icon"),{name:"drag-small"},null)]),t.createVNode(E,{data:e.itemData,id:e.id,showTooltip:e.showTooltip,tooltipPosition:e.tooltipPosition},null)])])}}});function M(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}var U=t.defineComponent({name:"DTransferBase",components:{DSearch:oe,DCheckboxGroup:z,DCheckbox:O,DTransferDrag:re,DTransfeCheckbox:E},props:ye,setup(e,o){const n=t.ref(!1),a=t.computed(()=>e.checkedValues),i=t.computed(()=>`devui-transfer-panel-body-list devui-transfer-panel-body-${e.isSourceDroppable||e.isTargetDroppable?"":"no"}drag`),s=t.computed(()=>e.filter),l=ve(e),d=t.ref(null);return t.watch(()=>e.checkedNum,f=>{e.allChecked?n.value=!e.allChecked:n.value=f!==0},{immediate:!0}),{baseClass:l,searchQuery:s,dragWrapClass:i,modelValues:a,dropItem:d,allHalfchecked:n,updateSearchQuery:f=>o.emit("changeQuery",f),renderCheckboxGroup:()=>{let f;return t.createVNode(z,{modelValue:a.value,onChange:h=>o.emit("updateCheckeds",h)},M(f=e.sourceOption.map((h,y)=>t.createVNode(E,{data:h,id:y,showTooltip:e.showTooltip,tooltipPosition:e.tooltipPosition},null)))?f:{default:()=>[f]})},renderDragCheckboxGroup:()=>{let f;return t.createVNode(z,{modelValue:a.value,onChange:h=>o.emit("updateCheckeds",h)},M(f=e.sourceOption.map((h,y)=>t.createVNode(re,{itemData:h,id:y,showTooltip:e.showTooltip,tooltipPosition:e.tooltipPosition,onDrop:(p,r)=>{d.value=r},onDragend:(p,r)=>{e.onDragend&&e.onDragend(r,d.value)}},null)))?f:{default:()=>[f]})}}},render(){const{title:e,baseClass:o,checkedNum:n,allChecked:a,allHalfchecked:i,sourceOption:s,allCount:l,updateSearchQuery:d,search:u,searchQuery:c,dragWrapClass:g,height:f,isSourceDroppable:h,isTargetDroppable:y,renderCheckboxGroup:p,renderDragCheckboxGroup:r}=this;return t.createVNode("div",{class:o},[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(O,{halfchecked:i,modelValue:a,onChange:m=>{this.$emit("changeAllSource",m)}},M(e)?e:{default:()=>[e]})]),t.createVNode("div",{class:"devui-transfer-panel-header-num"},[n,t.createTextVNode("/"),l])]),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(oe,{modelValue:c,"onUpdate:modelValue":d},null)]),t.createVNode("div",{class:g,style:{height:f}},[s.length?h||y?r():p():t.createVNode("div",{class:"devui-transfer-panel-body-list-empty"},[t.createTextVNode("\u65E0\u6570\u636E")])])])])}}),_=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 w({},e)},render(){const{name:e,size:o,color:n,classPrefix:a}=this;return/^((https?):)?\/\//.test(e)?t.createVNode("img",{src:e,alt:e.split("/")[e.split("/").length-1],style:{width:o,verticalAlign:"text-bottom"}},null):t.createVNode("i",{class:`${a} ${a}-${e}`,style:{fontSize:o,color:n}},null)}});_.install=function(e){e.component(_.name,_)};class le{constructor(){T(this,"top","50%");T(this,"left","50%")}}const ft={message:String,backdrop:Boolean,view:{type:Object,default:()=>new le},zIndex:Number,isFull:{type:Boolean,default:!1}};class ht{constructor(){T(this,"target");T(this,"message");T(this,"loadingTemplateRef");T(this,"backdrop",!0);T(this,"positionType","relative");T(this,"view",new le);T(this,"zIndex")}}var $t="",mt=t.defineComponent({name:"DLoading",inheritAttrs:!1,props:ft,setup(e){const o={top:e.view.top,left:e.view.left,zIndex:e.zIndex};e.message||(o.background="none");const n=t.ref(!1);return{style:o,isShow:n,open:()=>{n.value=!0},close:()=>{n.value=!1}}},render(){var l;const{isShow:e,isFull:o,backdrop:n,style:a,message:i,$slots:s}=this;return e&&t.createVNode("div",{class:["devui-loading-contanier",o?"devui-loading--full":""]},[((l=s.default)==null?void 0:l.call(s))||t.createVNode("div",{class:"devui-loading-wrapper"},[n?t.createVNode("div",{class:"devui-loading-mask"},null):null,t.createVNode("div",{style:a,class:"devui-loading-area"},[t.createVNode("div",{class:"devui-busy-default-spinner"},[t.createVNode("div",{class:"devui-loading-bar1"},null),t.createVNode("div",{class:"devui-loading-bar2"},null),t.createVNode("div",{class:"devui-loading-bar3"},null),t.createVNode("div",{class:"devui-loading-bar4"},null)]),i?t.createVNode("span",{class:"devui-loading-text"},[i]):null])])])}});const ie=Symbol("dev_component_container");function gt(e,o,n=null){const a=t.h(e,w({},o),n),i=document.createElement("div");return a[ie]=i,t.render(a,i),a.component}function pt(e){t.render(null,e==null?void 0:e.vnode[ie])}const yt=t.defineComponent(mt),x=new WeakSet,K=e=>{if(!e)return!0;if(Array.isArray(e))return e.length===0;if(e instanceof Set||e instanceof Map)return e.size===0;if(e instanceof Promise)return!1;if(typeof e=="object")try{return Object.keys(e).length===0}catch{return!1}return!1},de=e=>Object.prototype.toString.call(e).slice(8,-1).toLowerCase(),bt=e=>{switch(de(e)){case"promise":return[e];case"array":return e.some(n=>de(n)!=="promise")?(console.error(new TypeError("Binding values should all be of type Promise")),"error"):e;default:return!1}},se=e=>{x.delete(e),e.instance.proxy.close(),pt(e.instance)},ce=(e,o)=>{if(o.value){const n=bt(o.value);if(n==="error")return;e.instance.proxy.open(),e.appendChild(e.mask),x.add(e),n&&Promise.all(n).catch(a=>{console.error(new Error("Promise handling errors"),a)}).finally(()=>{se(e)})}else se(e)},ue=e=>{e.removeAttribute("zindex"),e.removeAttribute("positiontype"),e.removeAttribute("backdrop"),e.removeAttribute("message"),e.removeAttribute("view"),e.removeAttribute("loadingtemplateref")},fe=(e,o)=>{const n=w(w({},new ht),o),a=n.loadingTemplateRef,i=gt(yt,w({},n),a?()=>a:null);e.style.position=n.positionType,e.options=n,e.instance=i,e.mask=i.proxy.$el},vt={mounted:function(e,o,n){fe(e,n.props),ue(e),!K(o.value)&&ce(e,o)},updated:function(e,o,n){!K(o.value)&&x.has(e)||K(o.value)&&!x.has(e)||(!x.has(e)&&fe(e,n.props),ue(e),ce(e,o))}},kt={type:{type:String,default:"button"},variant:{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 Et="",Q=t.defineComponent({name:"DButton",directives:{devLoading:vt},props:kt,setup(e,o){const n=t.ref(null),a=d=>{var u;e.showLoading||(u=e.onClick)==null||u.call(e,d)},i=t.computed(()=>o.slots.default),s=t.computed(()=>{const{variant:d,size:u,position:c,bordered:g,icon:f}=e,h=`devui-btn devui-btn-${d} devui-btn-${u} devui-btn-${c}`,y=g?"bordered":"",p=!!f&&!i.value&&d!=="primary"?"d-btn-icon":"";return`${h} ${y} ${p} ${f?"d-btn-icon-wrap":""}`}),l=t.computed(()=>{if(!e.icon)return;const d="devui-icon-fix icon";return i.value?`${d} clear-right-5`:d});return()=>{var h,y;const{icon:d,type:u,disabled:c,showLoading:g,width:f}=e;return t.createVNode("div",t.mergeProps({class:"devui-btn-host"},o.attrs),[t.withDirectives(t.createVNode("button",{class:s.value,type:u,disabled:c,style:{width:f},onClick:a},[d?t.createVNode(_,{name:d,class:l.value},null):null,t.createVNode("span",{class:"button-content",ref:n},[(y=(h=o.slots).default)==null?void 0:y.call(h)])]),[[t.resolveDirective("devLoading"),g]])])}}});const St={sourceDisabled:{type:Boolean,default:()=>!0},targetDisabled:{type:Boolean,default:()=>!0},disabled:{type:Boolean,default:()=>!1},onUpdateSourceData:{type:Function},onUpdateTargetData:{type:Function}};var he=t.defineComponent({name:"DTransferOperation",components:{DButton:Q},props:St,setup(e,o){return()=>o.slots.operation&&o.slots.operation()||t.createVNode("div",{class:"devui-transfer-panel-operation"},[t.createVNode("div",{class:"devui-transfer-panel-operation-group"},[t.createVNode(Q,{class:"devui-transfer-panel-operation-group-left",disabled:e.disabled?e.disabled:e.sourceDisabled,onClick:()=>o.emit("updateSourceData")},{default:()=>[t.createVNode("span",{class:"icon-collapse"},null)]}),t.createVNode(Q,{class:"devui-transfer-panel-operation-group-right",disabled:e.disabled?e.disabled:e.targetDisabled,onClick:()=>o.emit("updateTargetData")},{default:()=>[t.createVNode("span",{class:"icon-chevron-right"},null)]})])])}});const Dt=P(w({},S),{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},beforeTransfer:{type:Function},slots:{type:Object},searching:{type:Function},transferToSource:{type:Function},transferToTarget:{type:Function},transferring:{type:Function},afterTransfer:{type:Function},onDragend:{type:Function}}),me=(e,o)=>e.slots[`${o}-header`]?()=>e.slots[`${o}-header`]&&e.slots[`${o}-header`]():null,ge=(e,o)=>e.slots[`${o}-body`]?()=>e.slots[`${o}-body`]&&e.slots[`${o}-body`]():null,wt=e=>e.slots&&e.slots.operation&&e.slots.operation()||null;var _t="",j=t.defineComponent({name:"DTransfer",components:{DTransferBase:U,DTransferOperation:he,DCheckbox:O},props:Dt,setup(e,o){let n=t.reactive(A(e,"source")),a=t.reactive(A(e,"target"));const i=t.ref(null);t.watch(()=>e.sourceOption,()=>{n=t.reactive(A(e,"source"))}),t.watch(()=>e.targetOption,()=>{a=t.reactive(A(e,"target"))}),t.watch(()=>n.keyword,()=>{g(n)}),t.watch(()=>n.checkedValues,r=>{n.checkedNum=r.length,s(n,r)},{deep:!0}),t.watch(()=>a.keyword,()=>{g(a)}),t.watch(()=>a.checkedValues,r=>{a.checkedNum=r.length,s(a,r)},{deep:!0});const s=(r,m)=>{i.value==="click"?r.allChecked=!1:r.allChecked=m.length===r.data.filter(b=>!b.disabled).length},l=async(r,m,b)=>{if(y("beforeTransfer")){const D=await e.beforeTransfer.call(null,r,m);if(typeof D=="boolean"&&D===!1)return}const C=y("transferToSource"),I=y("transferToTarget"),B=y("transferring");C||I?(b==="right"&&e.transferToSource.call(null,r,m),b==="left"&&e.transferToTarget.call(null,r,m)):r.data=r.data.filter(D=>{const v=r.checkedValues.includes(D.value);return v&&m.data.push(D),!v}),B&&e.transferring.call(null,m),r.checkedValues=[],m.disabled=!m.disabled,g(r,m),g(m,r),f("click"),y("afterTransfer")&&e.afterTransfer.call(null,m)},d=(r,m)=>{r.filterData.every(b=>b.disabled)||(r.allChecked=m,m?r.checkedValues=r.filterData.filter(b=>!b.disabled).map(b=>b.value):r.checkedValues=[],f("change"))},u=r=>{n.checkedValues=r,f("change")},c=r=>{a.checkedValues=r,f("change")},g=(r,m)=>{r.filterData=r.data.filter(b=>b.key.indexOf(r.keyword)!==-1),m&&(m.allChecked=!1)},f=r=>{i.value=r},h=(r,m,b)=>{if((e==null?void 0:e.searching)&&typeof e.searching=="function"){e.searching.call(null,m,b,r);return}r.keyword=b},y=r=>e[r]&&typeof e[r]=="function",p=(r,m,b,C)=>{const I=r.filterData.findIndex(D=>D.key===m.key),B=r.filterData.findIndex(D=>D.key===b.key);r.filterData.splice(B,1,m),r.filterData.splice(I,1,b),e.onDragend&&e.onDragend(C,m,b)};return()=>t.createVNode("div",{class:"devui-transfer"},[t.createVNode(U,{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,isSourceDroppable:e.isSourceDroppable,onChangeAllSource:r=>d(n,r),onUpdateCheckeds:u,onChangeQuery:r=>h(n,"left",r),onDragend:(r,m)=>p(n,r,m,"left")},{header:me(o,"left"),body:ge(o,"left")}),t.createVNode(he,{disabled:e.disabled,sourceDisabled:!(a.checkedNum>0),targetDisabled:!(n.checkedNum>0),onUpdateSourceData:()=>{l(a,n,"left")},onUpdateTargetData:()=>{l(n,a,"right")}},{operation:wt(o)}),t.createVNode(U,{sourceOption:a.filterData,title:e.titles[1],type:"target",search:e.isSearch,allChecked:a.allChecked,checkedNum:a.checkedNum,filter:a.keyword,height:e.height,checkedValues:a.checkedValues,allCount:a.data.length,showTooltip:e.showTooltip,tooltipPosition:e.tooltipPosition,isTargetDroppable:e.isTargetDroppable,onChangeAllSource:r=>d(a,r),onUpdateCheckeds:c,onChangeQuery:r=>h(a,"right",r),onDragend:(r,m)=>p(a,r,m,"right")},{header:me(o,"right"),body:ge(o,"right")})])}});j.install=function(e){e.component(j.name,j)};var Ct={title:"Transfer \u7A7F\u68AD\u6846",category:"\u6570\u636E\u5F55\u5165",status:"40%",install(e){e.use(j)}};k.Transfer=j,k.default=Ct,Object.defineProperty(k,"__esModule",{value:!0}),k[Symbol.toStringTag]="Module"});