vue-devui 1.0.0-alpha.4 → 1.0.0-beta.10

package/transfer/index.es.js

@@ -1 +1,1725 @@
-var e=Object.defineProperty,t=Object.defineProperties,a=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,n=Object.prototype.propertyIsEnumerable,i=(t,a,l)=>a in t?e(t,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[a]=l,r=(e,t)=>{for(var a in t||(t={}))o.call(t,a)&&i(e,a,t[a]);if(l)for(var a of l(t))n.call(t,a)&&i(e,a,t[a]);return e},u=(e,l)=>t(e,a(l));"undefined"!=typeof require&&require;import{computed as d,defineComponent as s,inject as c,createVNode as p,mergeProps as h,toRef as v,provide as f,ref as y,watch as m,withDirectives as g,resolveDirective as b,resolveComponent as k,isVNode as C,createTextVNode as w,reactive as S}from"vue";const x={sourceOption:{type:Array,default:()=>[]},targetOption:{type:Array,default:()=>[]},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}},V=(e,t)=>{const a=((e,t)=>{const a=[],l=("source"===t?e.sourceOption:e.targetOption).map((t=>(e.modelValue.some((e=>e===t.value))&&a.push(t.value),t)));return{model:a,data:l}})(e,t);return{data:a.data,allChecked:!1,disabled:!1,checkedNum:a.model.length,query:"",checkedValues:a.model,filterData:a.data}};const B={name:{type:String,default:void 0},isShowTitle:{type:Boolean,default:!0},color:{type:String,default:void 0},showAnimation:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},beforeChange:{type:Function,default:void 0}},D=u(r({},B),{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}}),O=u(r({},B),{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}}),$=Symbol("d-checkbox-group");var T=s({name:"DCheckbox",props:D,emits:["change","update:checked","update:modelValue"],setup(e,t){const a=c($,null),l=d((()=>e.checked||e.modelValue)),o=d((()=>(null==a?void 0:a.disabled.value)||e.disabled)),n=d((()=>{var t,o;return null!=(o=null==(t=null==a?void 0:a.isItemChecked)?void 0:t.call(a,e.value))?o:l.value})),i=d((()=>{var t;return null!=(t=null==a?void 0:a.isShowTitle)?t:e.isShowTitle})),r=d((()=>{var t;return null!=(t=null==a?void 0:a.showAnimation)?t:e.showAnimation})),u=d((()=>{var t;return null!=(t=null==a?void 0:a.color)?t:e.color})),s=null==a?void 0:a.itemWidth.value,p=null==a?void 0:a.direction.value;return{itemWidth:s,direction:p,mergedColor:u,mergedDisabled:o,mergedIsShowTitle:i,mergedChecked:n,mergedShowAnimation:r,handleClick:()=>{((t,l)=>{var n;if(o.value)return Promise.resolve(!1);const i=null!=(n=e.beforeChange)?n:null==a?void 0:a.beforeChange;if(i){const e=i(t,l);return"boolean"==typeof e?Promise.resolve(e):e}return Promise.resolve(!0)})(!l.value,e.value).then((o=>o&&(()=>{const o=!l.value;null==a||a.toggleGroupVal(e.value),t.emit("update:checked",o),t.emit("update:modelValue",o),t.emit("change",o)})()))}}},render(){var e;const{itemWidth:t,direction:a,mergedChecked:l,mergedDisabled:o,mergedIsShowTitle:n,mergedShowAnimation:i,halfchecked:r,title:u,label:d,handleClick:s,name:c,value:v,mergedColor:f,$slots:y}=this,m={"devui-checkbox-column-margin":"column"===a,"devui-checkbox-wrap":void 0!==t},g=t?[`width: ${t}px`]:[],b={"devui-checkbox":!0,active:l,halfchecked:r,disabled:o,unchecked:!l},k=n?u||d:"",C=[`border-color:${(l||r)&&f?f:""}`,`background-image:${f&&r||f?`linear-gradient(${f}, ${f})`:""}`,`background-color:${f&&r?f:""}`],w={"devui-checkbox-material":!0,"custom-color":f,"devui-checkbox-no-label":!d&&!y.default,"devui-no-animation":!i,"devui-checkbox-default-background":!r},S={"devui-tick":!0,"devui-no-animation":!i},x=e=>e.stopPropagation();return p("div",{class:m,style:g},[p("div",{class:b},[p("label",{title:k,onClick:s},[p("input",h({name:c||v,class:"devui-checkbox-input",type:"checkbox"},{indeterminate:r},{checked:l,disabled:o,onClick:x,onChange:x}),null),p("span",{style:C,class:w},[p("span",{class:"devui-checkbox-halfchecked-bg"},null),p("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[p("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[p("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:S},null)])])]),d||(null==(e=y.default)?void 0:e.call(y))])])])}}),F=s({name:"DCheckboxGroup",props:O,emits:["change","update:modelValue"],setup(e,t){const a=v(e,"modelValue");return f($,{disabled:v(e,"disabled"),isShowTitle:v(e,"isShowTitle"),color:v(e,"color"),showAnimation:v(e,"showAnimation"),beforeChange:e.beforeChange,isItemChecked:e=>a.value.includes(e),toggleGroupVal:e=>{const l=a.value.findIndex((t=>t===e));if(-1===l){const l=[...a.value,e];return t.emit("update:modelValue",l),void t.emit("change",l)}a.value.splice(l,1),t.emit("update:modelValue",a.value),t.emit("change",a.value)},itemWidth:v(e,"itemWidth"),direction:v(e,"direction")}),{defaultOpt:{checked:!1,isShowTitle:!0,halfchecked:!1,showAnimation:!0,disabled:!1}}},render(){var e;const{direction:t,$slots:a,defaultOpt:l,options:o}=this;let n=null==(e=a.default)?void 0:e.call(a);return(null==o?void 0:o.length)>0&&(n=o.map((e=>{const t=Object.assign({},l,e);return p(T,t,null)}))),p("div",{class:"devui-checkbox-group"},[p("div",{class:{"devui-checkbox-list-inline":"row"===t}},[n])])}});const j={size:{type:String,default:""},placeholder:{type:String,default:"请输入关键字"},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}},A={lg:"lg",sm:"sm"},N={right:"right",left:"left"};var I="object"==typeof global&&global&&global.Object===Object&&global,P="object"==typeof self&&self&&self.Object===Object&&self,_=I||P||Function("return this")(),z=_.Symbol,q=Object.prototype,U=q.hasOwnProperty,E=q.toString,K=z?z.toStringTag:void 0;var L=Object.prototype.toString;var Q=z?z.toStringTag:void 0;function W(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":Q&&Q in Object(e)?function(e){var t=U.call(e,K),a=e[K];try{e[K]=void 0;var l=!0}catch(n){}var o=E.call(e);return l&&(t?e[K]=a:delete e[K]),o}(e):function(e){return L.call(e)}(e)}var G=/\s/;var H=/^\s+/;function M(e){return e?e.slice(0,function(e){for(var t=e.length;t--&&G.test(e.charAt(t)););return t}(e)+1).replace(H,""):e}function R(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}var X=/^[-+]0x[0-9a-f]+$/i,J=/^0b[01]+$/i,Y=/^0o[0-7]+$/i,Z=parseInt;function ee(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return null!=e&&"object"==typeof e}(e)&&"[object Symbol]"==W(e)}(e))return NaN;if(R(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=R(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=M(e);var a=J.test(e);return a||Y.test(e)?Z(e.slice(2),a?2:8):X.test(e)?NaN:+e}var te=function(){return _.Date.now()},ae=Math.max,le=Math.min;function oe(e,t,a){var l,o,n,i,r,u,d=0,s=!1,c=!1,p=!0;if("function"!=typeof e)throw new TypeError("Expected a function");function h(t){var a=l,n=o;return l=o=void 0,d=t,i=e.apply(n,a)}function v(e){return d=e,r=setTimeout(y,t),s?h(e):i}function f(e){var a=e-u;return void 0===u||a>=t||a<0||c&&e-d>=n}function y(){var e=te();if(f(e))return m(e);r=setTimeout(y,function(e){var a=t-(e-u);return c?le(a,n-(e-d)):a}(e))}function m(e){return r=void 0,p&&l?h(e):(l=o=void 0,i)}function g(){var e=te(),a=f(e);if(l=arguments,o=this,u=e,a){if(void 0===r)return v(u);if(c)return clearTimeout(r),r=setTimeout(y,t),h(u)}return void 0===r&&(r=setTimeout(y,t)),i}return t=ee(t)||0,R(a)&&(s=!!a.leading,n=(c="maxWait"in a)?ae(ee(a.maxWait)||0,t):n,p="trailing"in a?!!a.trailing:p),g.cancel=function(){void 0!==r&&clearTimeout(r),d=0,l=u=o=r=void 0},g.flush=function(){return void 0===r?i:m(te())},g}const ne="Enter";var ie=s({name:"DInput",directives:{focus:{mounted:function(e,t){t.value&&e.focus()}}},props:{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}},emits:["update:value","focus","blur","change","keydown"],setup(e,t){const a=d((()=>`devui-input-${e.size}`)),l=y(!1),o=y("text"),n=d((()=>({error:e.error,[e.cssClass]:!0,[a.value]:""!==e.size}))),i=d((()=>"password"===o.value));m((()=>e.showPassword),(e=>{o.value=e?"password":"text"}),{immediate:!0}),m((()=>e.value),(e=>{e&&e.length>0&&i.value?l.value=!0:l.value=!1}));return{inputCls:n,inputType:o,showPreviewIcon:i,showPwdIcon:l,onInput:e=>{t.emit("update:value",e.target.value)},onFocus:()=>{t.emit("focus")},onBlur:()=>{t.emit("blur")},onChange:e=>{t.emit("change",e.target.value)},onKeydown:e=>{t.emit("keydown",e)},onChangeInputType:()=>{o.value="password"===o.value?"text":"password"}}},render(){const{value:e,showPreviewIcon:t,showPwdIcon:a,inputCls:l,inputType:o,maxLength:n,autoFocus:i,placeholder:r,disabled:u,onInput:d,onFocus:s,onBlur:c,onChange:v,onKeydown:f,onChangeInputType:y}=this;return p("div",{class:"devui-input__wrap"},[g(p("input",h({dinput:!0},{value:e,disabled:u,type:o,maxlength:n,placeholder:r,class:l,onInput:d,onFocus:s,onBlur:c,onChange:v,onKeydown:f}),null),[[b("focus"),i]]),a&&p("div",{class:"devui-input__preview",onClick:y},[p(k("d-icon"),t?{name:"preview",size:"12px",key:1}:{name:"preview-forbidden",size:"12px",key:2},null)])])}}),re=s({name:"DSearch",props:j,emits:["update:modelValue","searchFn"],setup(e,t){const a=(e=>d((()=>({"devui-search":!0,"devui-search__disbaled":e.disabled,"devui-search__no-border":e.noBorder,[`devui-search__${e.size}`]:A[e.size],[`devui-search__${e.iconPosition}`]:N[e.iconPosition]}))))(e),{keywords:l,clearIconShow:o,onClearHandle:n}=((e,t)=>{const a=y("");m((()=>t.modelValue),(e=>{a.value=e}),{immediate:!0});const l=d((()=>a.value.length>0));return{keywords:a,clearIconShow:l,onClearHandle:()=>{a.value="",e.emit("update:modelValue","")}}})(t,e),{onInputKeydown:i,onClickHandle:r,useEmitKeyword:u}=((e,t,a)=>{const l=e=>{if(e.target instanceof HTMLInputElement){const t=e.target.value;o(t)}},o=oe((t=>{e.emit("searchFn",t)}),a);return{onInputKeydown:e=>{switch(e.key){case ne:l(e)}},useEmitKeyword:o,onClickHandle:()=>{o(t.value)}}})(t,l,e.delay),s=a=>{e.isKeyupSearch&&u(a),l.value=a,t.emit("update:modelValue",a)};return()=>p("div",{class:a.value},["left"===e.iconPosition&&p("div",{class:"devui-search__icon",onClick:r},[p(k("d-icon"),{name:"search",size:"inherit"},null)]),p(ie,{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":s},null),o.value&&p("div",{class:"devui-search__clear",onClick:n},[p(k("d-icon"),{name:"close",size:"inherit"},null)]),"right"===e.iconPosition&&p("div",{class:"devui-search__icon",onClick:r},[p(k("d-icon"),{name:"search",size:"inherit"},null)])])}});function ue(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!C(e)}var de=s({name:"DTransferBase",components:{DSearch:re,DCheckboxGroup:F,DCheckbox:T},props:x,setup(e,t){const a=d((()=>e.checkedValues)),l=d((()=>e.query));return{baseClass:(e=>d((()=>`devui-transfer-panel devui-transfer-${e.type}`)))(e),searchQuery:l,modelValues:a,updateSearchQuery:e=>t.emit("changeQuery",e)}},render(){let e;const{title:t,baseClass:a,checkedNum:l,allChecked:o,sourceOption:n,allCount:i,updateSearchQuery:r,search:u,searchQuery:d,modelValues:s}=this;return p("div",{class:a},[this.$slots.header?this.$slots.header():p("div",{class:"devui-transfer-panel-header"},[p("div",{class:"devui-transfer-panel-header-allChecked"},[p(T,{modelValue:o,onChange:e=>this.$emit("changeAllSource",e)},ue(t)?t:{default:()=>[t]})]),p("div",{class:"devui-transfer-panel-header-num"},[l,w("/"),i])]),this.$slots.body?this.$slots.body():p("div",{class:"devui-transfer-panel-body"},[u&&p("div",{class:"devui-transfer-panel-body-search"},[p(re,{modelValue:d,"onUpdate:modelValue":r},null)]),p("div",{class:"devui-transfer-panel-body-list",style:{height:`calc(100% - 40px - ${u?42:0}px)`}},[n.length?p(F,{modelValue:s,onChange:e=>this.$emit("updateCheckeds",e)},ue(e=n.map(((e,t)=>p(T,{class:"devui-transfer-panel-body-list-item",label:e.key,value:e.value,disabled:e.disabled,key:t},null))))?e:{default:()=>[e]}):p("div",{class:"devui-transfer-panel-body-list-empty"},[w("无数据")])])])])}}),se=s({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=>r({},e),render(){const{name:e,size:t,color:a,classPrefix:l}=this;return p("i",{class:`${l} ${l}-${e}`,style:{fontSize:t,color:a}},null)}});se.install=function(e){e.component(se.name,se)};var ce=s({name:"DButton",props:{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}},setup(e,t){const a=y(null),l=t=>{var a;e.showLoading||null==(a=e.onClick)||a.call(e,t)},o=d((()=>t.slots.default)),n=d((()=>{const{btnStyle:t,size:a,position:l,bordered:n,icon:i}=e;return`${`devui-btn devui-btn-${t} devui-btn-${a} devui-btn-${l}`} ${n?"bordered":""} ${i&&!o.value&&"primary"!==t?"d-btn-icon":""} ${i?"d-btn-icon-wrap":""}`})),i=d((()=>{if(!e.icon)return;const t="devui-icon-fix icon";return o.value?`${t} clear-right-5`:t}));return()=>{var o,r;const{icon:u,type:d,disabled:s,showLoading:c,width:v}=e;return p("div",h({class:"devui-btn-host"},t.attrs),[p("button",{class:n.value,type:d,disabled:s,style:{width:v},onClick:l},[u?p(se,{name:e.icon,class:i.value},null):null,p("span",{class:"button-content",ref:a},[null==(r=(o=t.slots).default)?void 0:r.call(o)])])])}}});const pe={sourceDisabled:{type:Boolean,default:()=>!0},targetDisabled:{type:Boolean,default:()=>!0},disabled:{type:Boolean,default:()=>!1},onUpdateSourceData:{type:Function},onUpdateTargetData:{type:Function}};var he=s({name:"DTransferOperation",components:{DButton:ce},props:pe,setup:(e,t)=>()=>t.slots.operation&&t.slots.operation()||p("div",{class:"devui-transfer-panel-operation"},[p("div",{class:"devui-transfer-panel-operation-group"},[p(ce,{class:"devui-transfer-panel-operation-group-left icon-collapse",disabled:e.disabled?e.disabled:e.sourceDisabled,btnClick:()=>t.emit("updateSourceData")},null),p(ce,{class:"devui-transfer-panel-operation-group-right icon-chevron-right",disabled:e.disabled?e.disabled:e.targetDisabled,btnClick:()=>t.emit("updateTargetData")},null)])])});const ve={sourceOption:{type:Array,require:!0,default:()=>[]},targetOption:{type:Array,require:!0,default:()=>[]},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}},fe=(e,t)=>e.slots[`${t}-header`]?()=>e.slots[`${t}-header`]&&e.slots[`${t}-header`]():null,ye=(e,t)=>e.slots[`${t}-body`]?()=>e.slots[`${t}-body`]&&e.slots[`${t}-body`]():null,me=e=>e.slots&&e.slots.operation&&e.slots.operation()||null;var ge=s({name:"DTransfer",components:{DTransferBase:de,DTransferOperation:he,DCheckbox:T},props:ve,setup(e,t){const a=S(V(e,"source")),l=S(V(e,"target")),o=y(null);m((()=>a.query),(e=>{s(a)})),m((()=>a.checkedValues),(e=>{a.checkedNum=e.length,n(a,e)}),{deep:!0}),m((()=>l.query),(e=>{s(l)})),m((()=>l.checkedValues),(e=>{l.checkedNum=e.length,n(l,e)}),{deep:!0});const n=(e,t)=>{"click"===o.value?e.allChecked=!1:e.allChecked=t.length===e.data.filter((e=>!e.disabled)).length},i=(e,t)=>{const a=[];e.data=e.data.filter((t=>{const l=e.checkedValues.includes(t.value);return l&&a.push(t),!l})),t.data=t.data.concat(a),e.checkedValues=[],t.disabled=!t.disabled,s(e,t),s(t,e),c("click")},r=(e,t)=>{e.filterData.every((e=>e.disabled))||(e.allChecked=t,e.checkedValues=t?e.filterData.filter((e=>!e.disabled)).map((e=>e.value)):[],c("change"))},u=e=>{a.checkedValues=e,c("change")},d=e=>{l.checkedValues=e,c("change")},s=(e,t)=>{e.filterData=e.data.filter((t=>-1!==t.key.indexOf(e.query))),t&&(t.allChecked=!1)},c=e=>{o.value=e};return()=>p("div",{class:"devui-transfer"},[p(de,{style:{height:e.height},sourceOption:a.filterData,title:e.titles[0],type:"source",search:e.isSearch,allChecked:a.allChecked,checkedNum:a.checkedNum,query:a.query,checkedValues:a.checkedValues,allCount:a.data.length,onChangeAllSource:e=>r(a,e),onUpdateCheckeds:u,onChangeQuery:e=>a.query=e},{header:fe(t,"left"),body:ye(t,"left")}),p(he,{disabled:e.disabled,sourceDisabled:!(l.checkedNum>0),targetDisabled:!(a.checkedNum>0),onUpdateSourceData:()=>{i(l,a)},onUpdateTargetData:()=>{i(a,l)}},{operation:me(t)}),p(de,{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:e=>r(l,e),onUpdateCheckeds:d,onChangeQuery:e=>l.query=e},{header:fe(t,"right"),body:ye(t,"right")})])}});ge.install=function(e){e.component(ge.name,ge)};var be={title:"Transfer 穿梭框",category:"数据录入",install(e){e.use(ge)}};export{ge as Transfer,be as default};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { computed, defineComponent, inject, createVNode, mergeProps, toRef, provide, ref, watch, withDirectives, resolveDirective, resolveComponent, reactive, onMounted, onBeforeUnmount, renderSlot, useSlots, isVNode, createTextVNode } from "vue";
+const transferBaseProps = {
+  sourceOption: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
+  targetOption: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
+  type: {
+    type: String,
+    default: () => "source"
+  },
+  title: {
+    type: String,
+    default: () => "Source"
+  },
+  search: {
+    type: Boolean,
+    default: () => false
+  },
+  allChecked: {
+    type: Boolean,
+    default: () => false
+  },
+  filter: {
+    type: String,
+    default: () => ""
+  },
+  height: {
+    type: String,
+    default: () => "320px"
+  },
+  alltargetState: {
+    type: Boolean,
+    default: () => false
+  },
+  checkedNum: {
+    type: Number,
+    default: () => 0
+  },
+  checkedValues: {
+    type: Array,
+    default: () => []
+  },
+  allCount: {
+    type: Number,
+    default: () => 0
+  },
+  showTooltip: {
+    type: Boolean,
+    default: () => false
+  },
+  tooltipPosition: {
+    type: String,
+    default: () => "top"
+  },
+  scopedSlots: {
+    type: Object
+  },
+  onChangeAllSource: {
+    type: Function
+  },
+  onChangeQuery: {
+    type: Function
+  },
+  onUpdateCheckeds: {
+    type: Function
+  }
+};
+const getFilterData = (props, type) => {
+  const newModel = [];
+  const data = type === "source" ? props.sourceOption : props.targetOption;
+  const resultData = data.map((item) => {
+    const checked = props.modelValue.some((cur) => cur === item.value);
+    checked && newModel.push(item.value);
+    return item;
+  });
+  return {
+    model: newModel,
+    data: resultData
+  };
+};
+const initState = (props, type) => {
+  const initModel = getFilterData(props, type);
+  const state = {
+    data: initModel.data,
+    allChecked: false,
+    disabled: false,
+    checkedNum: initModel.model.length,
+    keyword: "",
+    checkedValues: initModel.model,
+    filterData: initModel.data
+  };
+  return state;
+};
+const TransferBaseClass = (props) => {
+  return computed(() => {
+    return `devui-transfer-panel devui-transfer-${props.type}`;
+  });
+};
+var checkbox = "";
+const commonProps = {
+  name: {
+    type: String,
+    default: void 0
+  },
+  halfchecked: {
+    type: Boolean,
+    default: false
+  },
+  isShowTitle: {
+    type: Boolean,
+    default: true
+  },
+  title: {
+    type: String
+  },
+  color: {
+    type: String,
+    default: void 0
+  },
+  showAnimation: {
+    type: Boolean,
+    default: true
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  beforeChange: {
+    type: Function,
+    default: void 0
+  }
+};
+const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
+  halfchecked: {
+    type: Boolean,
+    default: false
+  },
+  checked: {
+    type: Boolean,
+    default: false
+  },
+  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
+  }
+});
+const checkboxGroupProps = __spreadProps(__spreadValues({}, commonProps), {
+  modelValue: {
+    type: Array,
+    required: true
+  },
+  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
+  }
+});
+const checkboxGroupInjectionKey = Symbol("d-checkbox-group");
+var DCheckbox = defineComponent({
+  name: "DCheckbox",
+  props: checkboxProps,
+  emits: ["change", "update:checked", "update:modelValue"],
+  setup(props, ctx) {
+    const checkboxGroupConf = inject(checkboxGroupInjectionKey, null);
+    const isChecked = computed(() => props.checked || props.modelValue);
+    const mergedDisabled = computed(() => {
+      return (checkboxGroupConf == null ? void 0 : checkboxGroupConf.disabled.value) || props.disabled;
+    });
+    const mergedChecked = computed(() => {
+      var _a, _b;
+      return (_b = (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.isItemChecked) == null ? void 0 : _a.call(checkboxGroupConf, props.value)) != null ? _b : isChecked.value;
+    });
+    const mergedIsShowTitle = computed(() => {
+      var _a;
+      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.isShowTitle.value) != null ? _a : props.isShowTitle;
+    });
+    const mergedShowAnimation = computed(() => {
+      var _a;
+      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.showAnimation.value) != null ? _a : props.showAnimation;
+    });
+    const mergedColor = computed(() => {
+      var _a;
+      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color.value) != null ? _a : props.color;
+    });
+    const itemWidth = checkboxGroupConf == null ? void 0 : checkboxGroupConf.itemWidth.value;
+    const direction = checkboxGroupConf == null ? void 0 : checkboxGroupConf.direction.value;
+    const canChange = (isChecked2, val) => {
+      var _a;
+      if (mergedDisabled.value) {
+        return Promise.resolve(false);
+      }
+      const beforeChange = (_a = props.beforeChange) != null ? _a : checkboxGroupConf == null ? void 0 : checkboxGroupConf.beforeChange;
+      if (beforeChange) {
+        const res = beforeChange(isChecked2, val);
+        if (typeof res === "boolean") {
+          return Promise.resolve(res);
+        }
+        return res;
+      }
+      return Promise.resolve(true);
+    };
+    const toggle = () => {
+      const current = !isChecked.value;
+      checkboxGroupConf == null ? void 0 : checkboxGroupConf.toggleGroupVal(props.value);
+      ctx.emit("update:checked", current);
+      ctx.emit("update:modelValue", current);
+      ctx.emit("change", current);
+    };
+    const handleClick = () => {
+      canChange(!isChecked.value, props.label).then((res) => res && toggle());
+    };
+    return {
+      itemWidth,
+      direction,
+      mergedColor,
+      mergedDisabled,
+      mergedIsShowTitle,
+      mergedChecked,
+      mergedShowAnimation,
+      handleClick
+    };
+  },
+  render() {
+    var _a;
+    const {
+      itemWidth,
+      direction,
+      mergedChecked,
+      mergedDisabled,
+      mergedIsShowTitle,
+      mergedShowAnimation,
+      halfchecked,
+      title,
+      label,
+      handleClick,
+      name,
+      value,
+      mergedColor,
+      $slots
+    } = this;
+    const wrapperCls = {
+      "devui-checkbox-column-margin": direction === "column",
+      "devui-checkbox-wrap": typeof itemWidth !== "undefined"
+    };
+    const wrapperStyle = itemWidth ? [`width: ${itemWidth}px`] : [];
+    const checkboxCls = {
+      "devui-checkbox": true,
+      active: mergedChecked,
+      halfchecked,
+      disabled: mergedDisabled,
+      unchecked: !mergedChecked
+    };
+    const labelTitle = mergedIsShowTitle ? title || label : "";
+    const bgImgStyle = mergedColor && halfchecked || mergedColor ? `linear-gradient(${mergedColor}, ${mergedColor})` : "";
+    const spanStyle = [`border-color:${(mergedChecked || halfchecked) && mergedColor ? mergedColor : ""}`, `background-image:${bgImgStyle}`, `background-color:${mergedColor && halfchecked ? mergedColor : ""}`];
+    const spanCls = {
+      "devui-checkbox-material": true,
+      "custom-color": mergedColor,
+      "devui-checkbox-no-label": !label && !$slots.default,
+      "devui-no-animation": !mergedShowAnimation,
+      "devui-checkbox-default-background": !halfchecked
+    };
+    const polygonCls = {
+      "devui-tick": true,
+      "devui-no-animation": !mergedShowAnimation
+    };
+    const stopPropagation = ($event) => $event.stopPropagation();
+    const inputProps2 = {
+      indeterminate: halfchecked
+    };
+    return createVNode("div", {
+      "class": wrapperCls,
+      "style": wrapperStyle
+    }, [createVNode("div", {
+      "class": checkboxCls
+    }, [createVNode("label", {
+      "title": labelTitle,
+      "onClick": handleClick
+    }, [createVNode("input", mergeProps({
+      "name": name || value,
+      "class": "devui-checkbox-input",
+      "type": "checkbox"
+    }, inputProps2, {
+      "checked": mergedChecked,
+      "disabled": mergedDisabled,
+      "onClick": stopPropagation,
+      "onChange": stopPropagation
+    }), null), createVNode("span", {
+      "style": spanStyle,
+      "class": spanCls
+    }, [createVNode("span", {
+      "class": "devui-checkbox-halfchecked-bg"
+    }, null), createVNode("svg", {
+      "viewBox": "0 0 16 16",
+      "version": "1.1",
+      "xmlns": "http://www.w3.org/2000/svg",
+      "class": "devui-checkbox-tick"
+    }, [createVNode("g", {
+      "stroke": "none",
+      "stroke-width": "1",
+      "fill": "none",
+      "fill-rule": "evenodd"
+    }, [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": polygonCls
+    }, null)])])]), label || ((_a = $slots.default) == null ? void 0 : _a.call($slots))])])]);
+  }
+});
+var checkboxGroup = "";
+var DCheckboxGroup = defineComponent({
+  name: "DCheckboxGroup",
+  props: checkboxGroupProps,
+  emits: ["change", "update:modelValue"],
+  setup(props, ctx) {
+    const valList = toRef(props, "modelValue");
+    const defaultOpt = {
+      checked: false,
+      isShowTitle: true,
+      halfchecked: false,
+      showAnimation: true,
+      disabled: false
+    };
+    const toggleGroupVal = (val) => {
+      let index2 = -1;
+      if (typeof valList.value[0] === "string") {
+        index2 = valList.value.findIndex((item) => item === val);
+      } else if (typeof valList.value[0] === "object") {
+        index2 = valList.value.findIndex((item) => item.value === val);
+      }
+      if (index2 === -1) {
+        if (typeof props.options[0] === "object") {
+          const newOne = props.options.find((item) => item.value === val);
+          const res2 = [...valList.value, newOne];
+          ctx.emit("update:modelValue", res2);
+          ctx.emit("change", res2);
+          return;
+        }
+        const res = [...valList.value, val];
+        ctx.emit("update:modelValue", res);
+        ctx.emit("change", res);
+        return;
+      }
+      valList.value.splice(index2, 1);
+      ctx.emit("update:modelValue", valList.value);
+      ctx.emit("change", valList.value);
+    };
+    const isItemChecked = (itemVal) => {
+      if (typeof valList.value[0] === "string") {
+        return valList.value.includes(itemVal);
+      } else if (typeof valList.value[0] === "object") {
+        return valList.value.some((item) => item.value === itemVal);
+      }
+    };
+    provide(checkboxGroupInjectionKey, {
+      disabled: toRef(props, "disabled"),
+      isShowTitle: toRef(props, "isShowTitle"),
+      color: toRef(props, "color"),
+      showAnimation: toRef(props, "showAnimation"),
+      beforeChange: props.beforeChange,
+      isItemChecked,
+      toggleGroupVal,
+      itemWidth: toRef(props, "itemWidth"),
+      direction: toRef(props, "direction")
+    });
+    return {
+      defaultOpt
+    };
+  },
+  render() {
+    var _a;
+    const {
+      direction,
+      $slots,
+      defaultOpt,
+      options
+    } = this;
+    let children = (_a = $slots.default) == null ? void 0 : _a.call($slots);
+    if ((options == null ? void 0 : options.length) > 0) {
+      children = options.map((opt) => {
+        let mergedOpt = null;
+        if (typeof opt === "string") {
+          mergedOpt = Object.assign({}, defaultOpt, {
+            label: opt,
+            value: opt
+          });
+        } else if (typeof opt === "object") {
+          mergedOpt = Object.assign({}, defaultOpt, __spreadProps(__spreadValues({}, opt), {
+            label: opt.name
+          }));
+        }
+        return createVNode(DCheckbox, mergedOpt, null);
+      });
+    }
+    return createVNode("div", {
+      "class": "devui-checkbox-group"
+    }, [createVNode("div", {
+      "class": {
+        "devui-checkbox-list-inline": direction === "row"
+      }
+    }, [children])]);
+  }
+});
+const searchProps = {
+  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: false
+  },
+  autoFocus: {
+    type: Boolean,
+    default: false
+  },
+  isKeyupSearch: {
+    type: Boolean,
+    default: false
+  },
+  iconPosition: {
+    type: String,
+    default: "right"
+  },
+  noBorder: {
+    type: Boolean,
+    default: false
+  },
+  cssClass: {
+    type: String,
+    default: ""
+  },
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  onSearch: {
+    type: Function,
+    default: void 0
+  },
+  "onUpdate:modelValue": {
+    type: Function,
+    default: void 0
+  }
+};
+const SIZE_CLASS = {
+  lg: "lg",
+  sm: "sm"
+};
+const ICON_POSITION = {
+  right: "right",
+  left: "left"
+};
+const getRootClass = (props) => {
+  return computed(() => ({
+    "devui-search": true,
+    "devui-search__disbaled": props.disabled,
+    "devui-search__no-border": props.noBorder,
+    [`devui-search__${props.size}`]: SIZE_CLASS[props.size],
+    [`devui-search__${props.iconPosition}`]: ICON_POSITION[props.iconPosition]
+  }));
+};
+const keywordsHandles = (ctx, props) => {
+  const keywords = ref("");
+  watch(() => props.modelValue, (val) => {
+    keywords.value = val;
+  }, { immediate: true });
+  const onClearHandle = () => {
+    keywords.value = "";
+    ctx.emit("update:modelValue", "");
+  };
+  const clearIconShow = computed(() => {
+    return keywords.value.length > 0;
+  });
+  return {
+    keywords,
+    clearIconShow,
+    onClearHandle
+  };
+};
+var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
+var freeGlobal$1 = freeGlobal;
+var freeSelf = typeof self == "object" && self && self.Object === Object && self;
+var root = freeGlobal$1 || freeSelf || Function("return this")();
+var root$1 = root;
+var Symbol$1 = root$1.Symbol;
+var Symbol$2 = Symbol$1;
+var objectProto$1 = Object.prototype;
+var hasOwnProperty = objectProto$1.hasOwnProperty;
+var nativeObjectToString$1 = objectProto$1.toString;
+var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0;
+function getRawTag(value) {
+  var isOwn = hasOwnProperty.call(value, symToStringTag$1), tag = value[symToStringTag$1];
+  try {
+    value[symToStringTag$1] = void 0;
+    var unmasked = true;
+  } catch (e) {
+  }
+  var result = nativeObjectToString$1.call(value);
+  if (unmasked) {
+    if (isOwn) {
+      value[symToStringTag$1] = tag;
+    } else {
+      delete value[symToStringTag$1];
+    }
+  }
+  return result;
+}
+var objectProto = Object.prototype;
+var nativeObjectToString = objectProto.toString;
+function objectToString(value) {
+  return nativeObjectToString.call(value);
+}
+var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
+var symToStringTag = Symbol$2 ? Symbol$2.toStringTag : void 0;
+function baseGetTag(value) {
+  if (value == null) {
+    return value === void 0 ? undefinedTag : nullTag;
+  }
+  return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
+}
+function isObjectLike(value) {
+  return value != null && typeof value == "object";
+}
+var symbolTag = "[object Symbol]";
+function isSymbol(value) {
+  return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
+}
+var reWhitespace = /\s/;
+function trimmedEndIndex(string) {
+  var index2 = string.length;
+  while (index2-- && reWhitespace.test(string.charAt(index2))) {
+  }
+  return index2;
+}
+var reTrimStart = /^\s+/;
+function baseTrim(string) {
+  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
+}
+function isObject(value) {
+  var type = typeof value;
+  return value != null && (type == "object" || type == "function");
+}
+var NAN = 0 / 0;
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+var reIsBinary = /^0b[01]+$/i;
+var reIsOctal = /^0o[0-7]+$/i;
+var freeParseInt = parseInt;
+function toNumber(value) {
+  if (typeof value == "number") {
+    return value;
+  }
+  if (isSymbol(value)) {
+    return NAN;
+  }
+  if (isObject(value)) {
+    var other = typeof value.valueOf == "function" ? value.valueOf() : value;
+    value = isObject(other) ? other + "" : other;
+  }
+  if (typeof value != "string") {
+    return value === 0 ? value : +value;
+  }
+  value = baseTrim(value);
+  var isBinary = reIsBinary.test(value);
+  return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
+}
+var now = function() {
+  return root$1.Date.now();
+};
+var now$1 = now;
+var FUNC_ERROR_TEXT = "Expected a function";
+var nativeMax = Math.max, nativeMin = Math.min;
+function debounce(func, wait, options) {
+  var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
+  if (typeof func != "function") {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  wait = toNumber(wait) || 0;
+  if (isObject(options)) {
+    leading = !!options.leading;
+    maxing = "maxWait" in options;
+    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
+    trailing = "trailing" in options ? !!options.trailing : trailing;
+  }
+  function invokeFunc(time) {
+    var args = lastArgs, thisArg = lastThis;
+    lastArgs = lastThis = void 0;
+    lastInvokeTime = time;
+    result = func.apply(thisArg, args);
+    return result;
+  }
+  function leadingEdge(time) {
+    lastInvokeTime = time;
+    timerId = setTimeout(timerExpired, wait);
+    return leading ? invokeFunc(time) : result;
+  }
+  function remainingWait(time) {
+    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
+    return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
+  }
+  function shouldInvoke(time) {
+    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
+    return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+  }
+  function timerExpired() {
+    var time = now$1();
+    if (shouldInvoke(time)) {
+      return trailingEdge(time);
+    }
+    timerId = setTimeout(timerExpired, remainingWait(time));
+  }
+  function trailingEdge(time) {
+    timerId = void 0;
+    if (trailing && lastArgs) {
+      return invokeFunc(time);
+    }
+    lastArgs = lastThis = void 0;
+    return result;
+  }
+  function cancel() {
+    if (timerId !== void 0) {
+      clearTimeout(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = lastCallTime = lastThis = timerId = void 0;
+  }
+  function flush() {
+    return timerId === void 0 ? result : trailingEdge(now$1());
+  }
+  function debounced() {
+    var time = now$1(), isInvoking = shouldInvoke(time);
+    lastArgs = arguments;
+    lastThis = this;
+    lastCallTime = time;
+    if (isInvoking) {
+      if (timerId === void 0) {
+        return leadingEdge(lastCallTime);
+      }
+      if (maxing) {
+        clearTimeout(timerId);
+        timerId = setTimeout(timerExpired, wait);
+        return invokeFunc(lastCallTime);
+      }
+    }
+    if (timerId === void 0) {
+      timerId = setTimeout(timerExpired, wait);
+    }
+    return result;
+  }
+  debounced.cancel = cancel;
+  debounced.flush = flush;
+  return debounced;
+}
+const KEYS_MAP = {
+  enter: "Enter"
+};
+const keydownHandles = (ctx, keywords, delay) => {
+  const onInputKeydown = ($event) => {
+    switch ($event.key) {
+      case KEYS_MAP.enter:
+        handleEnter($event);
+        break;
+    }
+  };
+  const handleEnter = ($event) => {
+    if ($event.target instanceof HTMLInputElement) {
+      const value = $event.target.value;
+      useEmitKeyword(value);
+    }
+  };
+  const onClickHandle = () => {
+    useEmitKeyword(keywords.value);
+  };
+  const useEmitKeyword = debounce((value) => {
+    ctx.emit("onSearch", value);
+  }, delay);
+  return {
+    onInputKeydown,
+    useEmitKeyword,
+    onClickHandle
+  };
+};
+const inputProps = {
+  placeholder: {
+    type: String,
+    default: void 0
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  autoFocus: {
+    type: Boolean,
+    default: false
+  },
+  maxLength: {
+    type: Number,
+    default: Number.MAX_SAFE_INTEGER
+  },
+  cssClass: {
+    type: String,
+    default: ""
+  },
+  error: {
+    type: Boolean,
+    default: false
+  },
+  size: {
+    type: String,
+    default: ""
+  },
+  showPassword: {
+    type: Boolean,
+    default: false
+  },
+  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 input = "";
+const formItemInjectionKey = Symbol("dFormItem");
+const dFormItemEvents = {
+  blur: "d.form.blur",
+  change: "d.form.change",
+  input: "d.form.input"
+};
+var DInput = defineComponent({
+  name: "DInput",
+  directives: {
+    focus: {
+      mounted: function(el, binding) {
+        if (binding.value) {
+          el.focus();
+        }
+      }
+    }
+  },
+  props: inputProps,
+  emits: ["update:modelValue", "focus", "blur", "change", "keydown"],
+  setup(props, ctx) {
+    const formItem = inject(formItemInjectionKey, {});
+    const hasFormItem = Object.keys(formItem).length > 0;
+    const sizeCls = computed(() => `devui-input-${props.size}`);
+    const showPwdIcon = ref(false);
+    const inputType = ref("text");
+    const inputCls = computed(() => {
+      return {
+        error: props.error,
+        [props.cssClass]: true,
+        [sizeCls.value]: props.size !== ""
+      };
+    });
+    const showPreviewIcon = computed(() => inputType.value === "password");
+    watch(() => props.showPassword, (flg) => {
+      inputType.value = flg ? "password" : "text";
+    }, {
+      immediate: true
+    });
+    watch(() => props.modelValue, (value) => {
+      value && value.length > 0 && showPreviewIcon.value ? showPwdIcon.value = true : showPwdIcon.value = false;
+    });
+    const onInput = ($event) => {
+      ctx.emit("update:modelValue", $event.target.value);
+      hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.input);
+    }, onFocus = () => {
+      ctx.emit("focus");
+    }, onBlur = () => {
+      ctx.emit("blur");
+      hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.blur);
+    }, onChange = ($event) => {
+      ctx.emit("change", $event.target.value);
+      hasFormItem && formItem.formItemMitt.emit(dFormItemEvents.change);
+    }, onKeydown = ($event) => {
+      ctx.emit("keydown", $event);
+    }, onChangeInputType = () => {
+      inputType.value = inputType.value === "password" ? "text" : "password";
+    };
+    return {
+      inputCls,
+      inputType,
+      showPreviewIcon,
+      showPwdIcon,
+      onInput,
+      onFocus,
+      onBlur,
+      onChange,
+      onKeydown,
+      onChangeInputType
+    };
+  },
+  render() {
+    const {
+      modelValue,
+      showPreviewIcon,
+      showPwdIcon,
+      inputCls,
+      inputType,
+      maxLength,
+      autoFocus,
+      placeholder,
+      disabled,
+      onInput,
+      onFocus,
+      onBlur,
+      onChange,
+      onKeydown,
+      onChangeInputType
+    } = this;
+    return createVNode("div", {
+      "class": "devui-input__wrap"
+    }, [withDirectives(createVNode("input", mergeProps({
+      dinput: true
+    }, {
+      "value": modelValue,
+      "disabled": disabled,
+      "type": inputType,
+      "maxlength": maxLength,
+      "placeholder": placeholder,
+      "class": inputCls,
+      "onInput": onInput,
+      "onFocus": onFocus,
+      "onBlur": onBlur,
+      "onChange": onChange,
+      "onKeydown": onKeydown
+    }), null), [[resolveDirective("focus"), autoFocus]]), showPwdIcon && createVNode("div", {
+      "class": "devui-input__preview",
+      "onClick": onChangeInputType
+    }, [showPreviewIcon ? createVNode(resolveComponent("d-icon"), {
+      "name": "preview",
+      "size": "12px",
+      "key": 1
+    }, null) : createVNode(resolveComponent("d-icon"), {
+      "name": "preview-forbidden",
+      "size": "12px",
+      "key": 2
+    }, null)])]);
+  }
+});
+var search = "";
+var DSearch = defineComponent({
+  name: "DSearch",
+  props: searchProps,
+  emits: ["update:modelValue", "onSearch"],
+  setup(props, ctx) {
+    const rootClasses = getRootClass(props);
+    const {
+      keywords,
+      clearIconShow,
+      onClearHandle
+    } = keywordsHandles(ctx, props);
+    const {
+      onInputKeydown,
+      onClickHandle,
+      useEmitKeyword
+    } = keydownHandles(ctx, keywords, props.delay);
+    const onInputUpdate = (event) => {
+      if (props.isKeyupSearch) {
+        useEmitKeyword(event);
+      }
+      keywords.value = event;
+      ctx.emit("update:modelValue", event);
+    };
+    return () => {
+      return createVNode("div", {
+        "class": rootClasses.value
+      }, [props.iconPosition === "left" && createVNode("div", {
+        "class": "devui-search__icon",
+        "onClick": onClickHandle
+      }, [createVNode(resolveComponent("d-icon"), {
+        "name": "search",
+        "size": "inherit",
+        "key": "search"
+      }, null)]), createVNode(DInput, {
+        "size": props.size,
+        "disabled": props.disabled,
+        "autoFocus": props.autoFocus,
+        "modelValue": keywords.value,
+        "maxLength": props.maxLength,
+        "placeholder": props.placeholder,
+        "cssClass": props.cssClass,
+        "onKeydown": onInputKeydown,
+        "onUpdate:modelValue": onInputUpdate
+      }, null), clearIconShow.value && createVNode("div", {
+        "class": "devui-search__clear",
+        "onClick": onClearHandle
+      }, [createVNode(resolveComponent("d-icon"), {
+        "name": "close",
+        "size": "inherit",
+        "key": "close"
+      }, null)]), props.iconPosition === "right" && createVNode("div", {
+        "class": "devui-search__icon",
+        "onClick": onClickHandle
+      }, [createVNode(resolveComponent("d-icon"), {
+        "name": "search",
+        "size": "inherit",
+        "key": "search"
+      }, null)])]);
+    };
+  }
+});
+const tooltipProps = {
+  position: {
+    type: String,
+    default: "top"
+  },
+  showAnimation: {
+    type: Boolean,
+    default: true
+  },
+  content: {
+    type: String
+  },
+  mouseLeaveDelay: {
+    type: String,
+    default: "150"
+  },
+  mouseEnterDelay: {
+    type: String,
+    default: "100"
+  }
+};
+const EventListener = {
+  listen: function(target, eventType, callback) {
+    if (target.addEventListener) {
+      target.addEventListener(eventType, callback, false);
+      return {
+        remove() {
+          target.removeEventListener(target, callback, false);
+        }
+      };
+    } else {
+      target.attchEvent(eventType, callback);
+      return {
+        remove() {
+          target.detachEvent(eventType, callback);
+        }
+      };
+    }
+  }
+};
+var tooltip = "";
+var DTooltip = defineComponent({
+  name: "DTooltip",
+  props: tooltipProps,
+  setup(props, ctx) {
+    const position = reactive({
+      left: 0,
+      top: 0
+    });
+    const show = ref(false);
+    const slotElement = ref(null);
+    const tooltip2 = ref(null);
+    const arrow = ref(null);
+    const tooltipcontent = ref(null);
+    let enterEvent;
+    let leaveEvent;
+    const arrowStyle = (attr, value) => {
+      arrow.value.style[attr] = value;
+    };
+    const delayShowTrue = function(fn, delay = props.mouseEnterDelay) {
+      let start;
+      if (parseInt(delay) >= 0) {
+        return function() {
+          if (start) {
+            clearTimeout(start);
+          }
+          start = setTimeout(fn, parseInt(delay));
+        };
+      } else {
+        console.error("the value of delay is bigger than 0 and the type of delay must be string!");
+        return;
+      }
+    };
+    onMounted(() => {
+      if (!show.value) {
+        tooltip2.value.style.opacity = "0";
+      }
+      enterEvent = EventListener.listen(slotElement.value.children[0], "mouseenter", delayShowTrue(function() {
+        show.value = true;
+      }, props.mouseEnterDelay));
+      leaveEvent = EventListener.listen(slotElement.value.children[0], "mouseleave", function() {
+        if (show.value) {
+          setTimeout(function() {
+            show.value = false;
+          }, props.mouseLeaveDelay);
+        }
+      });
+    });
+    watch(show, function(newValue, oldValue) {
+      if (newValue) {
+        tooltip2.value.style.opacity = "1";
+        tooltip2.value.style.zIndex = "999";
+        arrow.value.style.border = "5px solid transparent";
+        switch (props.position) {
+          case "top":
+            position.left = slotElement.value.children[0].offsetLeft - tooltip2.value.offsetWidth / 2 + slotElement.value.children[0].offsetWidth / 2 - 5;
+            position.top = slotElement.value.children[0].offsetTop - 10 - tooltipcontent.value.offsetHeight;
+            arrowStyle("borderTop", "5px solid rgb(70, 77, 110)");
+            arrow.value.style.top = `${tooltipcontent.value.offsetHeight}px`;
+            arrow.value.style.left = `${tooltipcontent.value.offsetWidth / 2 + 5}px`;
+            break;
+          case "right":
+            position.left = slotElement.value.children[0].offsetLeft + slotElement.value.children[0].offsetWidth;
+            position.top = slotElement.value.children[0].offsetTop + slotElement.value.children[0].offsetHeight / 2 - tooltipcontent.value.offsetHeight / 2;
+            arrowStyle("borderRight", "5px solid rgb(70, 77, 110)");
+            arrow.value.style.top = `${tooltipcontent.value.offsetHeight / 2 - 5}px`;
+            arrow.value.style.left = "-0px";
+            break;
+          case "bottom":
+            position.top = slotElement.value.children[0].offsetHeight + slotElement.value.children[0].offsetTop + 10;
+            position.left = slotElement.value.children[0].offsetLeft + slotElement.value.children[0].offsetWidth / 2 - tooltipcontent.value.offsetWidth / 2 - 5;
+            arrowStyle("borderBottom", "5px solid rgb(70, 77, 110)");
+            arrow.value.style.top = "-10px";
+            arrow.value.style.left = `${tooltipcontent.value.offsetWidth / 2 + 5}px`;
+            break;
+          case "left":
+            position.top = slotElement.value.children[0].offsetTop + slotElement.value.children[0].offsetHeight / 2 - tooltipcontent.value.offsetHeight / 2;
+            position.left = slotElement.value.children[0].offsetLeft - 20 - tooltipcontent.value.offsetWidth;
+            arrowStyle("borderLeft", "5px solid rgb(70, 77, 110)");
+            arrow.value.style.left = `${tooltipcontent.value.offsetWidth + 10}px`;
+            arrow.value.style.top = `${tooltipcontent.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;
+        }
+        tooltip2.value.style.top = position.top + "px";
+        tooltip2.value.style.left = position.left + "px";
+      } else {
+        position.top = 0;
+        position.left = 0;
+        tooltip2.value.style.opacity = "0";
+      }
+    });
+    onBeforeUnmount(() => {
+      enterEvent.remove();
+      leaveEvent.remove();
+    });
+    return () => {
+      const defaultSlot = renderSlot(useSlots(), "default");
+      return createVNode("div", {
+        "class": "devui-tooltip"
+      }, [createVNode("div", {
+        "class": "slotElement",
+        "ref": slotElement
+      }, [defaultSlot]), createVNode("div", {
+        "class": "tooltip",
+        "ref": tooltip2
+      }, [createVNode("div", {
+        "class": "arrow",
+        "ref": arrow
+      }, null), createVNode("div", {
+        "class": "tooltipcontent",
+        "ref": tooltipcontent
+      }, [props.content])])]);
+    };
+  }
+});
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var DTransferBase = defineComponent({
+  name: "DTransferBase",
+  components: {
+    DSearch,
+    DCheckboxGroup,
+    DCheckbox,
+    DTooltip
+  },
+  props: transferBaseProps,
+  setup(props, ctx) {
+    const modelValues = computed(() => props.checkedValues);
+    const searchQuery = computed(() => props.filter);
+    const baseClass = TransferBaseClass(props);
+    const updateSearchQuery = (val) => ctx.emit("changeQuery", val);
+    const renderCheckbox = (props2, key, showTooltip = false, tooltipPosition = "top") => {
+      const checkbox2 = createVNode(DCheckbox, {
+        "class": "devui-transfer-panel-body-list-item",
+        "label": props2.key,
+        "value": props2.value,
+        "disabled": props2.disabled,
+        "key": key
+      }, null);
+      return !showTooltip ? checkbox2 : createVNode(DTooltip, {
+        "position": tooltipPosition,
+        "content": props2.key
+      }, _isSlot(checkbox2) ? checkbox2 : {
+        default: () => [checkbox2]
+      });
+    };
+    return {
+      baseClass,
+      searchQuery,
+      modelValues,
+      updateSearchQuery,
+      renderCheckbox
+    };
+  },
+  render() {
+    let _slot;
+    const {
+      title,
+      baseClass,
+      checkedNum,
+      allChecked,
+      sourceOption,
+      allCount,
+      updateSearchQuery,
+      search: search2,
+      searchQuery,
+      modelValues,
+      height,
+      showTooltip,
+      tooltipPosition,
+      renderCheckbox
+    } = this;
+    return createVNode("div", {
+      "class": baseClass
+    }, [this.$slots.header ? this.$slots.header() : createVNode("div", {
+      "class": "devui-transfer-panel-header"
+    }, [createVNode("div", {
+      "class": "devui-transfer-panel-header-allChecked"
+    }, [createVNode(DCheckbox, {
+      "modelValue": allChecked,
+      "onChange": (value) => this.$emit("changeAllSource", value)
+    }, _isSlot(title) ? title : {
+      default: () => [title]
+    })]), createVNode("div", {
+      "class": "devui-transfer-panel-header-num"
+    }, [checkedNum, createTextVNode("/"), allCount])]), this.$slots.body ? this.$slots.body() : createVNode("div", {
+      "class": "devui-transfer-panel-body"
+    }, [search2 && createVNode("div", {
+      "class": "devui-transfer-panel-body-search"
+    }, [createVNode(DSearch, {
+      "modelValue": searchQuery,
+      "onUpdate:modelValue": updateSearchQuery
+    }, null)]), createVNode("div", {
+      "class": "devui-transfer-panel-body-list",
+      "style": {
+        height
+      }
+    }, [sourceOption.length ? createVNode(DCheckboxGroup, {
+      "modelValue": modelValues,
+      "onChange": (values) => this.$emit("updateCheckeds", values)
+    }, _isSlot(_slot = sourceOption.map((item, idx) => {
+      return renderCheckbox(item, idx, showTooltip, tooltipPosition);
+    })) ? _slot : {
+      default: () => [_slot]
+    }) : createVNode("div", {
+      "class": "devui-transfer-panel-body-list-empty"
+    }, [createTextVNode("\u65E0\u6570\u636E")])])])]);
+  }
+});
+var Icon = defineComponent({
+  name: "DIcon",
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    size: {
+      type: String,
+      default: "inherit"
+    },
+    color: {
+      type: String,
+      default: "inherit"
+    },
+    classPrefix: {
+      type: String,
+      default: "icon"
+    }
+  },
+  setup(props) {
+    return __spreadValues({}, props);
+  },
+  render() {
+    const {
+      name,
+      size,
+      color,
+      classPrefix
+    } = this;
+    return /^((https?):)?\/\//.test(name) ? createVNode("img", {
+      "src": name,
+      "alt": name.split("/")[name.split("/").length - 1],
+      "style": {
+        width: size,
+        verticalAlign: "text-bottom"
+      }
+    }, null) : createVNode("i", {
+      "class": `${classPrefix} ${classPrefix}-${name}`,
+      "style": {
+        fontSize: size,
+        color
+      }
+    }, null);
+  }
+});
+Icon.install = function(app) {
+  app.component(Icon.name, Icon);
+};
+const buttonProps = {
+  type: {
+    type: String,
+    default: "button"
+  },
+  btnStyle: {
+    type: String,
+    default: "primary"
+  },
+  size: {
+    type: String,
+    default: "md"
+  },
+  position: {
+    type: String,
+    default: "default"
+  },
+  bordered: {
+    type: Boolean,
+    default: false
+  },
+  icon: {
+    type: String,
+    default: ""
+  },
+  showLoading: {
+    type: Boolean,
+    default: false
+  },
+  width: {
+    type: String
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  autofocus: {
+    type: Boolean,
+    default: false
+  },
+  onClick: {
+    type: Function
+  }
+};
+var button = "";
+var DButton = defineComponent({
+  name: "DButton",
+  props: buttonProps,
+  setup(props, ctx) {
+    const buttonContent = ref(null);
+    const onClick = (e) => {
+      var _a;
+      if (props.showLoading) {
+        return;
+      }
+      (_a = props.onClick) == null ? void 0 : _a.call(props, e);
+    };
+    const hasContent = computed(() => ctx.slots.default);
+    const btnClass = computed(() => {
+      const {
+        btnStyle,
+        size,
+        position,
+        bordered,
+        icon
+      } = props;
+      const origin = `devui-btn devui-btn-${btnStyle} devui-btn-${size} devui-btn-${position}`;
+      const borderedClass = bordered ? "bordered" : "";
+      const btnIcon = !!icon && !hasContent.value && btnStyle !== "primary" ? "d-btn-icon" : "";
+      const btnIconWrap = !!icon ? "d-btn-icon-wrap" : "";
+      return `${origin} ${borderedClass} ${btnIcon} ${btnIconWrap}`;
+    });
+    const iconClass = computed(() => {
+      if (!props.icon) {
+        return;
+      }
+      const origin = "devui-icon-fix icon";
+      if (hasContent.value) {
+        return `${origin} clear-right-5`;
+      } else {
+        return origin;
+      }
+    });
+    return () => {
+      var _a, _b;
+      const {
+        icon,
+        type,
+        disabled,
+        showLoading,
+        width
+      } = props;
+      return withDirectives(createVNode("div", mergeProps({
+        "class": "devui-btn-host"
+      }, ctx.attrs), [createVNode("button", {
+        "class": btnClass.value,
+        "type": type,
+        "disabled": disabled,
+        "style": {
+          width
+        },
+        "onClick": onClick
+      }, [!!icon ? createVNode(Icon, {
+        "name": icon,
+        "class": iconClass.value
+      }, null) : null, createVNode("span", {
+        "class": "button-content",
+        "ref": buttonContent
+      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)])])]), [[resolveDirective("dLoading"), showLoading]]);
+    };
+  }
+});
+const transferOperationProps = {
+  sourceDisabled: {
+    type: Boolean,
+    default: () => true
+  },
+  targetDisabled: {
+    type: Boolean,
+    default: () => true
+  },
+  disabled: {
+    type: Boolean,
+    default: () => false
+  },
+  onUpdateSourceData: {
+    type: Function
+  },
+  onUpdateTargetData: {
+    type: Function
+  }
+};
+var DTransferOperation = defineComponent({
+  name: "DTransferOperation",
+  components: {
+    DButton
+  },
+  props: transferOperationProps,
+  setup(props, ctx) {
+    return () => {
+      return ctx.slots.operation && ctx.slots.operation() || createVNode("div", {
+        "class": "devui-transfer-panel-operation"
+      }, [createVNode("div", {
+        "class": "devui-transfer-panel-operation-group"
+      }, [createVNode(DButton, {
+        "class": "devui-transfer-panel-operation-group-left",
+        "disabled": props.disabled ? props.disabled : props.sourceDisabled,
+        "onClick": () => ctx.emit("updateSourceData")
+      }, {
+        default: () => [createVNode("span", {
+          "class": "icon-collapse"
+        }, null)]
+      }), createVNode(DButton, {
+        "class": "devui-transfer-panel-operation-group-right",
+        "disabled": props.disabled ? props.disabled : props.targetDisabled,
+        "onClick": () => ctx.emit("updateTargetData")
+      }, {
+        default: () => [createVNode("span", {
+          "class": "icon-chevron-right"
+        }, null)]
+      })])]);
+    };
+  }
+});
+const transferProps = {
+  sourceOption: {
+    type: Array,
+    require: true,
+    default() {
+      return [];
+    }
+  },
+  targetOption: {
+    type: Array,
+    require: true,
+    default() {
+      return [];
+    }
+  },
+  titles: {
+    type: Array,
+    default: () => () => ["Source", "Target"]
+  },
+  modelValue: {
+    type: Array,
+    default: () => () => []
+  },
+  height: {
+    type: String,
+    default: () => "320px"
+  },
+  isSearch: {
+    type: Boolean,
+    default: () => false
+  },
+  isSourceDroppable: {
+    type: Boolean,
+    default: () => false
+  },
+  isTargetDroppable: {
+    type: Boolean,
+    default: () => false
+  },
+  disabled: {
+    type: Boolean,
+    default: () => false
+  },
+  showTooltip: {
+    type: Boolean,
+    default: () => false
+  },
+  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
+  }
+};
+const headerSlot = (ctx, name) => {
+  return !ctx.slots[`${name}-header`] ? null : () => ctx.slots[`${name}-header`] && ctx.slots[`${name}-header`]();
+};
+const bodySlot = (ctx, name) => {
+  return !ctx.slots[`${name}-body`] ? null : () => ctx.slots[`${name}-body`] && ctx.slots[`${name}-body`]();
+};
+const opeartionSlot = (ctx) => {
+  return ctx.slots && ctx.slots.operation && ctx.slots.operation() || null;
+};
+var transfer = "";
+var Transfer = defineComponent({
+  name: "DTransfer",
+  components: {
+    DTransferBase,
+    DTransferOperation,
+    DCheckbox
+  },
+  props: transferProps,
+  setup(props, ctx) {
+    let leftOptions = reactive(initState(props, "source"));
+    let rightOptions = reactive(initState(props, "target"));
+    const origin = ref(null);
+    watch(() => props.sourceOption, () => {
+      leftOptions = reactive(initState(props, "source"));
+    });
+    watch(() => props.targetOption, () => {
+      rightOptions = reactive(initState(props, "target"));
+    });
+    watch(() => leftOptions.keyword, (nVal) => {
+      searchFilterData(leftOptions);
+    });
+    watch(() => leftOptions.checkedValues, (values) => {
+      leftOptions.checkedNum = values.length;
+      setAllCheckedState(leftOptions, values);
+    }, {
+      deep: true
+    });
+    watch(() => rightOptions.keyword, (nVal) => {
+      searchFilterData(rightOptions);
+    });
+    watch(() => rightOptions.checkedValues, (values) => {
+      rightOptions.checkedNum = values.length;
+      setAllCheckedState(rightOptions, values);
+    }, {
+      deep: true
+    });
+    const setAllCheckedState = (source, value) => {
+      if (origin.value === "click") {
+        source.allChecked = false;
+      } else {
+        source.allChecked = value.length === source.data.filter((item) => !item.disabled).length ? true : false;
+      }
+    };
+    const updateFilterData = async (source, target, direction) => {
+      if (isFunction("beforeTransfer")) {
+        const res = await props.beforeTransfer.call(null, source, target);
+        if (typeof res === "boolean" && res === false) {
+          return;
+        }
+      }
+      const hasToSource = isFunction("transferToSource");
+      const hasToTarget = isFunction("transferToTarget");
+      const hasTransfering = isFunction("transferring");
+      if (hasToSource || hasToTarget) {
+        direction === "right" && props.transferToSource.call(null, source, target);
+        direction === "left" && props.transferToTarget.call(null, source, target);
+      } else {
+        source.data = source.data.filter((item) => {
+          const hasInclues = source.checkedValues.includes(item.value);
+          hasInclues && target.data.push(item);
+          return !hasInclues;
+        });
+      }
+      if (hasTransfering) {
+        props.transferring.call(null, target);
+      }
+      source.checkedValues = [];
+      target.disabled = !target.disabled;
+      searchFilterData(source, target);
+      searchFilterData(target, source);
+      setOrigin("click");
+      isFunction("afterTransfer") && props.afterTransfer.call(null, target);
+    };
+    const changeAllSource = (source, value) => {
+      if (source.filterData.every((item) => item.disabled))
+        return;
+      source.allChecked = value;
+      if (value) {
+        source.checkedValues = source.filterData.filter((item) => !item.disabled).map((item) => item.value);
+      } else {
+        source.checkedValues = [];
+      }
+      setOrigin("change");
+    };
+    const updateLeftCheckeds = (values) => {
+      leftOptions.checkedValues = values;
+      setOrigin("change");
+    };
+    const updateRightCheckeds = (values) => {
+      rightOptions.checkedValues = values;
+      setOrigin("change");
+    };
+    const searchFilterData = (source, target) => {
+      source.filterData = source.data.filter((item) => item.key.indexOf(source.keyword) !== -1);
+      if (target) {
+        target.allChecked = false;
+      }
+    };
+    const setOrigin = (value) => {
+      origin.value = value;
+    };
+    const changeQueryHandle = (source, direction, value) => {
+      if ((props == null ? void 0 : props.searching) && typeof props.searching === "function") {
+        props.searching.call(null, direction, value, source);
+        return;
+      }
+      source.keyword = value;
+    };
+    const isFunction = (type) => {
+      return props[type] && typeof props[type] === "function";
+    };
+    return () => {
+      return createVNode("div", {
+        "class": "devui-transfer"
+      }, [createVNode(DTransferBase, {
+        "sourceOption": leftOptions.filterData,
+        "title": props.titles[0],
+        "type": "source",
+        "search": props.isSearch,
+        "allChecked": leftOptions.allChecked,
+        "checkedNum": leftOptions.checkedNum,
+        "filter": leftOptions.keyword,
+        "height": props.height,
+        "checkedValues": leftOptions.checkedValues,
+        "allCount": leftOptions.data.length,
+        "showTooltip": props.showTooltip,
+        "tooltipPosition": props.tooltipPosition,
+        "onChangeAllSource": (value) => changeAllSource(leftOptions, value),
+        "onUpdateCheckeds": updateLeftCheckeds,
+        "onChangeQuery": (value) => changeQueryHandle(leftOptions, "left", value)
+      }, {
+        header: headerSlot(ctx, "left"),
+        body: bodySlot(ctx, "left")
+      }), createVNode(DTransferOperation, {
+        "disabled": props.disabled,
+        "sourceDisabled": rightOptions.checkedNum > 0 ? false : true,
+        "targetDisabled": leftOptions.checkedNum > 0 ? false : true,
+        "onUpdateSourceData": () => {
+          updateFilterData(rightOptions, leftOptions, "left");
+        },
+        "onUpdateTargetData": () => {
+          updateFilterData(leftOptions, rightOptions, "right");
+        }
+      }, {
+        operation: opeartionSlot(ctx)
+      }), createVNode(DTransferBase, {
+        "sourceOption": rightOptions.filterData,
+        "title": props.titles[1],
+        "type": "target",
+        "search": props.isSearch,
+        "allChecked": rightOptions.allChecked,
+        "checkedNum": rightOptions.checkedNum,
+        "filter": rightOptions.keyword,
+        "height": props.height,
+        "checkedValues": rightOptions.checkedValues,
+        "allCount": rightOptions.data.length,
+        "showTooltip": props.showTooltip,
+        "tooltipPosition": props.tooltipPosition,
+        "onChangeAllSource": (value) => changeAllSource(rightOptions, value),
+        "onUpdateCheckeds": updateRightCheckeds,
+        "onChangeQuery": (value) => changeQueryHandle(rightOptions, "right", value)
+      }, {
+        header: headerSlot(ctx, "right"),
+        body: bodySlot(ctx, "right")
+      })]);
+    };
+  }
+});
+Transfer.install = function(app) {
+  app.component(Transfer.name, Transfer);
+};
+var index = {
+  title: "Transfer \u7A7F\u68AD\u6846",
+  category: "\u6570\u636E\u5F55\u5165",
+  status: "10%",
+  install(app) {
+    app.use(Transfer);
+  }
+};
+export { Transfer, index as default };