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

package/transfer/index.es.js

@@ -1,1446 +0,0 @@
-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, isVNode, createTextVNode, Fragment, reactive } 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
-  },
-  query: {
-    type: String,
-    default: () => ""
-  },
-  alltargetState: {
-    type: Boolean,
-    default: () => false
-  },
-  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
-  }
-};
-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,
-    query: "",
-    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
-  },
-  isShowTitle: {
-    type: Boolean,
-    default: true
-  },
-  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) != null ? _a : props.isShowTitle;
-    });
-    const mergedShowAnimation = computed(() => {
-      var _a;
-      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.showAnimation) != null ? _a : props.showAnimation;
-    });
-    const mergedColor = computed(() => {
-      var _a;
-      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color) != 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.value).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) => {
-      const index2 = valList.value.findIndex((item) => item === val);
-      if (index2 === -1) {
-        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) => valList.value.includes(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) => {
-        const mergedOpt = Object.assign({}, defaultOpt, opt);
-        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: ""
-  },
-  searchFn: {
-    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("searchFn", 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
-  },
-  value: {
-    type: String,
-    default: ""
-  },
-  "onUpdate:value": {
-    type: Function,
-    default: void 0
-  },
-  "onChange": {
-    type: Function,
-    default: void 0
-  },
-  "onKeydown": {
-    type: Function,
-    default: void 0
-  },
-  "onFocus": {
-    type: Function,
-    default: void 0
-  },
-  "onBlur": {
-    type: Function,
-    default: void 0
-  }
-};
-var 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:value", "focus", "blur", "change", "keydown"],
-  setup(props, ctx) {
-    const formItem = inject(formItemInjectionKey, {});
-    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.value, (value) => {
-      value && value.length > 0 && showPreviewIcon.value ? showPwdIcon.value = true : showPwdIcon.value = false;
-    });
-    const onInput = ($event) => {
-      ctx.emit("update:value", $event.target.value);
-      formItem.formItemMitt.emit(dFormItemEvents.input);
-    }, onFocus = () => {
-      ctx.emit("focus");
-    }, onBlur = () => {
-      ctx.emit("blur");
-      formItem.formItemMitt.emit(dFormItemEvents.blur);
-    }, onChange = ($event) => {
-      ctx.emit("change", $event.target.value);
-      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 {
-      value,
-      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": value,
-      "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", "searchFn"],
-  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"
-      }, null)]), createVNode(DInput, {
-        "size": props.size,
-        "disabled": props.disabled,
-        "autoFocus": props.autoFocus,
-        "value": keywords.value,
-        "maxLength": props.maxLength,
-        "placeholder": props.placeholder,
-        "cssClass": props.cssClass,
-        "onKeydown": onInputKeydown,
-        "onUpdate:value": onInputUpdate
-      }, null), clearIconShow.value && createVNode("div", {
-        "class": "devui-search__clear",
-        "onClick": onClearHandle
-      }, [createVNode(resolveComponent("d-icon"), {
-        "name": "close",
-        "size": "inherit"
-      }, null)]), props.iconPosition === "right" && createVNode("div", {
-        "class": "devui-search__icon",
-        "onClick": onClickHandle
-      }, [createVNode(resolveComponent("d-icon"), {
-        "name": "search",
-        "size": "inherit"
-      }, null)])]);
-    };
-  }
-});
-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
-  },
-  props: transferBaseProps,
-  setup(props, ctx) {
-    const modelValues = computed(() => props.checkedValues);
-    const searchQuery = computed(() => props.query);
-    const baseClass = TransferBaseClass(props);
-    const updateSearchQuery = (val) => ctx.emit("changeQuery", val);
-    return {
-      baseClass,
-      searchQuery,
-      modelValues,
-      updateSearchQuery
-    };
-  },
-  render() {
-    let _slot;
-    const {
-      title,
-      baseClass,
-      checkedNum,
-      allChecked,
-      sourceOption,
-      allCount,
-      updateSearchQuery,
-      search: search2,
-      searchQuery,
-      modelValues
-    } = 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: `calc(100% - 40px - ${search2 ? 42 : 0}px)`
-      }
-    }, [sourceOption.length ? createVNode(DCheckboxGroup, {
-      "modelValue": modelValues,
-      "onChange": (values) => this.$emit("updateCheckeds", values)
-    }, _isSlot(_slot = sourceOption.map((item, idx) => {
-      return createVNode(DCheckbox, {
-        "class": "devui-transfer-panel-body-list-item",
-        "label": item.key,
-        "value": item.value,
-        "disabled": item.disabled,
-        "key": idx
-      }, null);
-    })) ? _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 createVNode(Fragment, null, [/^((https?):)?\/\//.test(name) ? createVNode("img", {
-      "src": name,
-      "alt": name.split("/")[name.split("/").length - 1],
-      "style": {
-        width: size
-      }
-    }, 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 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": props.icon,
-        "class": iconClass.value
-      }, null) : null, createVNode("span", {
-        "class": "button-content",
-        "ref": buttonContent
-      }, [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)])])]);
-    };
-  }
-});
-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
-  },
-  showOptionTitle: {
-    type: Boolean,
-    default: false
-  },
-  slots: {
-    type: Object
-  }
-};
-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) {
-    const leftOptions = reactive(initState(props, "source"));
-    const rightOptions = reactive(initState(props, "target"));
-    const origin = ref(null);
-    watch(() => leftOptions.query, (nVal) => {
-      searchFilterData(leftOptions);
-    });
-    watch(() => leftOptions.checkedValues, (values) => {
-      leftOptions.checkedNum = values.length;
-      setAllCheckedState(leftOptions, values);
-    }, {
-      deep: true
-    });
-    watch(() => rightOptions.query, (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 = (source, target) => {
-      const newData = [];
-      source.data = source.data.filter((item) => {
-        const hasInclues = source.checkedValues.includes(item.value);
-        hasInclues && newData.push(item);
-        return !hasInclues;
-      });
-      target.data = target.data.concat(newData);
-      source.checkedValues = [];
-      target.disabled = !target.disabled;
-      searchFilterData(source, target);
-      searchFilterData(target, source);
-      setOrigin("click");
-    };
-    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.query) !== -1);
-      if (target) {
-        target.allChecked = false;
-      }
-    };
-    const setOrigin = (value) => {
-      origin.value = value;
-    };
-    return () => {
-      return createVNode("div", {
-        "class": "devui-transfer"
-      }, [createVNode(DTransferBase, {
-        "style": {
-          height: props.height
-        },
-        "sourceOption": leftOptions.filterData,
-        "title": props.titles[0],
-        "type": "source",
-        "search": props.isSearch,
-        "allChecked": leftOptions.allChecked,
-        "checkedNum": leftOptions.checkedNum,
-        "query": leftOptions.query,
-        "checkedValues": leftOptions.checkedValues,
-        "allCount": leftOptions.data.length,
-        "onChangeAllSource": (value) => changeAllSource(leftOptions, value),
-        "onUpdateCheckeds": updateLeftCheckeds,
-        "onChangeQuery": (value) => leftOptions.query = 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);
-        },
-        "onUpdateTargetData": () => {
-          updateFilterData(leftOptions, rightOptions);
-        }
-      }, {
-        operation: opeartionSlot(ctx)
-      }), createVNode(DTransferBase, {
-        "style": {
-          height: props.height
-        },
-        "sourceOption": rightOptions.filterData,
-        "title": props.titles[1],
-        "type": "target",
-        "search": props.isSearch,
-        "allChecked": rightOptions.allChecked,
-        "checkedNum": rightOptions.checkedNum,
-        "query": rightOptions.query,
-        "checkedValues": rightOptions.checkedValues,
-        "allCount": rightOptions.data.length,
-        "onChangeAllSource": (value) => changeAllSource(rightOptions, value),
-        "onUpdateCheckeds": updateRightCheckeds,
-        "onChangeQuery": (value) => rightOptions.query = 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 };