vue-devui 1.0.0-beta.13 → 1.0.0-beta.14

package/transfer/index.es.js

@@ -21,8 +21,38 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-import { computed, defineComponent, inject, createVNode, mergeProps, toRef, provide, ref, watch, withDirectives, resolveDirective, resolveComponent, reactive, onMounted, onBeforeUnmount, renderSlot, useSlots, isVNode, createTextVNode, h, render } from "vue";
-const transferBaseProps = {
+import { computed, defineComponent, inject, createVNode, mergeProps, toRef, provide, ref, watch, withDirectives, resolveDirective, resolveComponent, reactive, onMounted, onBeforeUnmount, renderSlot, useSlots, isVNode, onUnmounted, createTextVNode, h, render } from "vue";
+const transferCommon = {
+  showTooltip: {
+    type: Boolean,
+    default: () => false
+  },
+  tooltipPosition: {
+    type: String,
+    default: () => "top"
+  }
+};
+const transferDragFunctions = {
+  onDragstart: {
+    type: Function
+  },
+  onDrop: {
+    type: Function
+  },
+  onDragleave: {
+    type: Function
+  },
+  onDragover: {
+    type: Function
+  },
+  onDragenter: {
+    type: Function
+  },
+  onDragend: {
+    type: Function
+  }
+};
+const transferBaseProps = __spreadProps(__spreadValues(__spreadValues({}, transferCommon), transferDragFunctions), {
   sourceOption: {
     type: Array,
     default() {
@@ -75,13 +105,13 @@ const transferBaseProps = {
     type: Number,
     default: () => 0
   },
-  showTooltip: {
+  isSourceDroppable: {
     type: Boolean,
     default: () => false
   },
-  tooltipPosition: {
-    type: String,
-    default: () => "top"
+  isTargetDroppable: {
+    type: Boolean,
+    default: () => false
   },
   scopedSlots: {
     type: Object
@@ -94,8 +124,11 @@ const transferBaseProps = {
   },
   onUpdateCheckeds: {
     type: Function
+  },
+  onDragend: {
+    type: Function
   }
-};
+});
 const getFilterData = (props, type) => {
   const newModel = [];
   const data = type === "source" ? props.sourceOption : props.targetOption;
@@ -998,6 +1031,15 @@ var DSearch = defineComponent({
     };
   }
 });
+const transferDragProps = __spreadProps(__spreadValues(__spreadValues({}, transferCommon), transferDragFunctions), {
+  itemData: {
+    type: Object
+  },
+  id: {
+    type: Number,
+    default: () => null
+  }
+});
 const tooltipProps = {
   position: {
     type: String,
@@ -1156,6 +1198,159 @@ var DTooltip = defineComponent({
     };
   }
 });
+const transferCheckboxProps = __spreadProps(__spreadValues({}, transferCommon), {
+  data: {
+    type: Object
+  },
+  id: {
+    type: Number
+  }
+});
+function _isSlot$1(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var DTransfeCheckbox = defineComponent({
+  name: "DTransferCheckbox",
+  components: {
+    DCheckbox,
+    DTooltip
+  },
+  props: transferCheckboxProps,
+  setup(props) {
+    const renderCheckbox = () => {
+      return createVNode(DCheckbox, {
+        "label": props.data.key,
+        "value": props.data.value,
+        "disabled": props.data.disabled,
+        "class": "devui-transfer-panel-body-list-item",
+        "key": props.id
+      }, null);
+    };
+    return () => {
+      let _slot;
+      return !props.showTooltip ? renderCheckbox() : createVNode(DTooltip, {
+        "class": "devui-transfer-panel-body-list-tooltip",
+        "position": props.tooltipPosition,
+        "content": props.data.key
+      }, _isSlot$1(_slot = renderCheckbox()) ? _slot : {
+        default: () => [_slot]
+      });
+    };
+  }
+});
+var devuiIcon = "";
+var DTransferDrag = defineComponent({
+  name: "DTransferDrag",
+  components: {
+    DTransfeCheckbox
+  },
+  props: transferDragProps,
+  setup(props) {
+    const dragRef = ref(null);
+    const dragHighlight = ref(false);
+    const dragOverNodeKey = ref("");
+    const dropPosition = ref(null);
+    const dragTimer = ref(null);
+    const calcDropPosition = (event) => {
+      const {
+        clientY
+      } = event;
+      const {
+        top,
+        bottom,
+        height
+      } = dragRef.value.getBoundingClientRect();
+      const des = Math.max(height * 0.25, 2);
+      if (clientY <= top + des) {
+        return -1;
+      }
+      if (clientY >= bottom - des) {
+        return 1;
+      }
+      return 0;
+    };
+    const resetState = () => {
+      dragOverNodeKey.value = "";
+      dropPosition.value = null;
+      dragHighlight.value = null;
+    };
+    onUnmounted(() => {
+      clearTimeout(dragTimer.value);
+    });
+    return () => {
+      const state = dragOverNodeKey.value === props.itemData.key;
+      return createVNode("div", {
+        "class": {
+          "devui-transfer-panel-body-list-item": true,
+          "devui-transfer-drag-dragging": dragHighlight.value,
+          "devui-transfer-drag-over": state && dropPosition.value === 0,
+          "devui-transfer\u2013drag-over-top": state && dropPosition.value === -1,
+          "devui-transfer\u2013drag-over-bottom": state && dropPosition.value === 1
+        },
+        "onDragenter": (event) => {
+          event.preventDefault();
+          event.stopPropagation();
+          clearTimeout(dragTimer.value);
+          const curDropPosition = calcDropPosition(event);
+          if (props.itemData.key === dragOverNodeKey.value && curDropPosition === 0) {
+            resetState();
+            return;
+          }
+          dragTimer.value = setTimeout(() => {
+            dragOverNodeKey.value = props.itemData.key;
+            dropPosition.value = curDropPosition;
+          }, 0);
+          props.onDragenter && props.onDragenter(event, props.itemData);
+        },
+        "onDragover": (event) => {
+          event.preventDefault();
+          event.stopPropagation();
+          if (props.itemData.key === dragOverNodeKey.value) {
+            const curDropPosition = calcDropPosition(event);
+            if (curDropPosition === dropPosition.value) {
+              return;
+            }
+            dropPosition.value = curDropPosition;
+          }
+          props.onDragover && props.onDragover(event, props.itemData);
+        },
+        "onDragleave": (event) => {
+          event.stopPropagation();
+          resetState();
+          props.onDragleave && props.onDragleave(event, props.itemData);
+        },
+        "onDrop": (event) => {
+          event.preventDefault();
+          event.stopPropagation();
+          resetState();
+          props.onDrop && props.onDrop(event, props.itemData);
+        },
+        "onDragend": (event) => {
+          event.stopPropagation();
+          props.onDragend && props.onDragend(event, props.itemData);
+        }
+      }, [createVNode("div", {
+        "class": "devui-transfer-panel-body-list-drag",
+        "draggable": true,
+        "ref": dragRef,
+        "onDragstart": (event) => {
+          event.stopPropagation();
+          dragHighlight.value = true;
+          props.onDragstart && props.onDragstart(event, props.itemData);
+        }
+      }, [createVNode("span", {
+        "class": "devui-transfer-panel-body-list-drag__icon"
+      }, [createVNode(resolveComponent("d-icon"), {
+        "name": "drag-small"
+      }, null)]), createVNode(DTransfeCheckbox, {
+        "data": props.itemData,
+        "id": props.id,
+        "showTooltip": props.showTooltip,
+        "tooltipPosition": props.tooltipPosition
+      }, null)])]);
+    };
+  }
+});
 function _isSlot(s) {
   return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
 }
@@ -1165,54 +1360,98 @@ var DTransferBase = defineComponent({
     DSearch,
     DCheckboxGroup,
     DCheckbox,
-    DTooltip
+    DTransferDrag,
+    DTransfeCheckbox
   },
   props: transferBaseProps,
   setup(props, ctx) {
+    const allHalfchecked = ref(false);
     const modelValues = computed(() => props.checkedValues);
+    const dragWrapClass = computed(() => {
+      const isDrag = props.isSourceDroppable || props.isTargetDroppable;
+      return `devui-transfer-panel-body-list devui-transfer-panel-body-${isDrag ? "" : "no"}drag`;
+    });
     const searchQuery = computed(() => props.filter);
     const baseClass = TransferBaseClass(props);
+    const dropItem = ref(null);
+    watch(() => props.checkedNum, (nVal) => {
+      if (props.allChecked) {
+        allHalfchecked.value = !props.allChecked;
+      } else {
+        allHalfchecked.value = nVal !== 0;
+      }
+    }, {
+      immediate: true
+    });
     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]
+    const renderCheckboxGroup = () => {
+      let _slot;
+      return createVNode(DCheckboxGroup, {
+        "modelValue": modelValues.value,
+        "onChange": (values) => ctx.emit("updateCheckeds", values)
+      }, _isSlot(_slot = props.sourceOption.map((item, idx) => {
+        return createVNode(DTransfeCheckbox, {
+          "data": item,
+          "id": idx,
+          "showTooltip": props.showTooltip,
+          "tooltipPosition": props.tooltipPosition
+        }, null);
+      })) ? _slot : {
+        default: () => [_slot]
+      });
+    };
+    const renderDragCheckboxGroup = () => {
+      let _slot2;
+      return createVNode(DCheckboxGroup, {
+        "modelValue": modelValues.value,
+        "onChange": (values) => ctx.emit("updateCheckeds", values)
+      }, _isSlot(_slot2 = props.sourceOption.map((item, idx) => {
+        return createVNode(DTransferDrag, {
+          "itemData": item,
+          "id": idx,
+          "showTooltip": props.showTooltip,
+          "tooltipPosition": props.tooltipPosition,
+          "onDrop": (event, item2) => {
+            dropItem.value = item2;
+          },
+          "onDragend": (event, dragItem) => {
+            props.onDragend && props.onDragend(dragItem, dropItem.value);
+          }
+        }, null);
+      })) ? _slot2 : {
+        default: () => [_slot2]
       });
     };
     return {
       baseClass,
       searchQuery,
+      dragWrapClass,
       modelValues,
+      dropItem,
+      allHalfchecked,
       updateSearchQuery,
-      renderCheckbox
+      renderCheckboxGroup,
+      renderDragCheckboxGroup
     };
   },
   render() {
-    let _slot;
     const {
       title,
       baseClass,
       checkedNum,
       allChecked,
+      allHalfchecked,
       sourceOption,
       allCount,
       updateSearchQuery,
       search: search2,
       searchQuery,
-      modelValues,
+      dragWrapClass,
       height,
-      showTooltip,
-      tooltipPosition,
-      renderCheckbox
+      isSourceDroppable,
+      isTargetDroppable,
+      renderCheckboxGroup,
+      renderDragCheckboxGroup
     } = this;
     return createVNode("div", {
       "class": baseClass
@@ -1221,8 +1460,11 @@ var DTransferBase = defineComponent({
     }, [createVNode("div", {
       "class": "devui-transfer-panel-header-allChecked"
     }, [createVNode(DCheckbox, {
+      "halfchecked": allHalfchecked,
       "modelValue": allChecked,
-      "onChange": (value) => this.$emit("changeAllSource", value)
+      "onChange": (value) => {
+        this.$emit("changeAllSource", value);
+      }
     }, _isSlot(title) ? title : {
       default: () => [title]
     })]), createVNode("div", {
@@ -1235,18 +1477,11 @@ var DTransferBase = defineComponent({
       "modelValue": searchQuery,
       "onUpdate:modelValue": updateSearchQuery
     }, null)]), createVNode("div", {
-      "class": "devui-transfer-panel-body-list",
+      "class": dragWrapClass,
       "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", {
+    }, [sourceOption.length ? isSourceDroppable || isTargetDroppable ? renderDragCheckboxGroup() : renderCheckboxGroup() : createVNode("div", {
       "class": "devui-transfer-panel-body-list-empty"
     }, [createTextVNode("\u65E0\u6570\u636E")])])])]);
   }
@@ -1663,7 +1898,7 @@ var DTransferOperation = defineComponent({
     };
   }
 });
-const transferProps = {
+const transferProps = __spreadProps(__spreadValues({}, transferCommon), {
   sourceOption: {
     type: Array,
     require: true,
@@ -1706,14 +1941,6 @@ const transferProps = {
     type: Boolean,
     default: () => false
   },
-  showTooltip: {
-    type: Boolean,
-    default: () => false
-  },
-  tooltipPosition: {
-    type: String,
-    default: () => "top"
-  },
   beforeTransfer: {
     type: Function
   },
@@ -1734,8 +1961,11 @@ const transferProps = {
   },
   afterTransfer: {
     type: Function
+  },
+  onDragend: {
+    type: Function
   }
-};
+});
 const headerSlot = (ctx, name) => {
   return !ctx.slots[`${name}-header`] ? null : () => ctx.slots[`${name}-header`] && ctx.slots[`${name}-header`]();
 };
@@ -1764,7 +1994,7 @@ var Transfer = defineComponent({
     watch(() => props.targetOption, () => {
       rightOptions = reactive(initState(props, "target"));
     });
-    watch(() => leftOptions.keyword, (nVal) => {
+    watch(() => leftOptions.keyword, () => {
       searchFilterData(leftOptions);
     });
     watch(() => leftOptions.checkedValues, (values) => {
@@ -1773,7 +2003,7 @@ var Transfer = defineComponent({
     }, {
       deep: true
     });
-    watch(() => rightOptions.keyword, (nVal) => {
+    watch(() => rightOptions.keyword, () => {
       searchFilterData(rightOptions);
     });
     watch(() => rightOptions.checkedValues, (values) => {
@@ -1857,6 +2087,13 @@ var Transfer = defineComponent({
     const isFunction = (type) => {
       return props[type] && typeof props[type] === "function";
     };
+    const dataSort = (target, dragItem, dropItem, direction) => {
+      const startIndex = target.filterData.findIndex((item) => item.key === dragItem.key);
+      const endIndex = target.filterData.findIndex((item) => item.key === dropItem.key);
+      target.filterData.splice(endIndex, 1, dragItem);
+      target.filterData.splice(startIndex, 1, dropItem);
+      props.onDragend && props.onDragend(direction, dragItem, dropItem);
+    };
     return () => {
       return createVNode("div", {
         "class": "devui-transfer"
@@ -1873,9 +2110,11 @@ var Transfer = defineComponent({
         "allCount": leftOptions.data.length,
         "showTooltip": props.showTooltip,
         "tooltipPosition": props.tooltipPosition,
+        "isSourceDroppable": props.isSourceDroppable,
         "onChangeAllSource": (value) => changeAllSource(leftOptions, value),
         "onUpdateCheckeds": updateLeftCheckeds,
-        "onChangeQuery": (value) => changeQueryHandle(leftOptions, "left", value)
+        "onChangeQuery": (value) => changeQueryHandle(leftOptions, "left", value),
+        "onDragend": (dragItem, dropItem) => dataSort(leftOptions, dragItem, dropItem, "left")
       }, {
         header: headerSlot(ctx, "left"),
         body: bodySlot(ctx, "left")
@@ -1904,9 +2143,11 @@ var Transfer = defineComponent({
         "allCount": rightOptions.data.length,
         "showTooltip": props.showTooltip,
         "tooltipPosition": props.tooltipPosition,
+        "isTargetDroppable": props.isTargetDroppable,
         "onChangeAllSource": (value) => changeAllSource(rightOptions, value),
         "onUpdateCheckeds": updateRightCheckeds,
-        "onChangeQuery": (value) => changeQueryHandle(rightOptions, "right", value)
+        "onChangeQuery": (value) => changeQueryHandle(rightOptions, "right", value),
+        "onDragend": (dragItem, dropItem) => dataSort(rightOptions, dragItem, dropItem, "right")
       }, {
         header: headerSlot(ctx, "right"),
         body: bodySlot(ctx, "right")
@@ -1920,7 +2161,7 @@ Transfer.install = function(app) {
 var index = {
   title: "Transfer \u7A7F\u68AD\u6846",
   category: "\u6570\u636E\u5F55\u5165",
-  status: "10%",
+  status: "40%",
   install(app) {
     app.use(Transfer);
   }

package/transfer/index.umd.js

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