vue-devui 1.0.0-rc.1 → 1.0.0-rc.4

package/tree-select/index.es.js

@@ -1,627 +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 { ref, computed, defineComponent, inject, createVNode, mergeProps, toRefs, withDirectives, resolveComponent, createTextVNode, Transition, Fragment, vShow, resolveDirective } from "vue";
-var treeSelect = "";
-const treeSelectProps = {
-  modelValue: {
-    type: [String, Number, Array],
-    default: ""
-  },
-  treeData: {
-    type: Array,
-    default: () => []
-  },
-  placeholder: {
-    type: String,
-    default: "\u8BF7\u9009\u62E9"
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  multiple: {
-    type: Boolean,
-    default: false
-  },
-  leafOnly: {
-    type: Boolean,
-    default: false
-  },
-  searchable: {
-    type: Boolean,
-    default: false
-  },
-  allowClear: {
-    type: Boolean,
-    default: false
-  },
-  enableLabelization: {
-    type: Boolean,
-    default: false
-  },
-  onToggleChange: {
-    type: Function,
-    default: void 0
-  },
-  onValueChange: {
-    type: Function,
-    default: void 0
-  }
-};
-const nodeMap = /* @__PURE__ */ new Map();
-function attributeExtension(data) {
-  data.forEach((el) => {
-    let level = 1;
-    el.level = level;
-    nodeMap.set(el.label, el);
-    const nodeQueue = [];
-    nodeQueue.push(el);
-    while (nodeQueue.length !== 0) {
-      const node = nodeQueue.shift();
-      if (node.children) {
-        node.children.forEach((el2) => {
-          el2.level = level + 1;
-          el2.parent = node;
-          nodeMap.set(el2.label, el2);
-          nodeQueue.push(el2);
-        });
-      }
-      level += 1;
-    }
-  });
-  return data;
-}
-function className(classStr, classOpt) {
-  let classname = classStr;
-  if (typeof classOpt === "object") {
-    Object.keys(classOpt).forEach((key) => {
-      classOpt[key] && (classname += ` ${key}`);
-    });
-  }
-  return classname;
-}
-function useToggle(props) {
-  const visible = ref(false);
-  const selectToggle = () => {
-    if (props.disabled) {
-      return;
-    }
-    visible.value = !visible.value;
-  };
-  const treeToggle = (e, item) => {
-    e.preventDefault();
-    e.stopPropagation();
-    item.opened = !item.opened;
-  };
-  return {
-    visible,
-    selectToggle,
-    treeToggle
-  };
-}
-function useSelect(props) {
-  const inputValue = ref([]);
-  const selectedCache = /* @__PURE__ */ new Set();
-  const selectValue = (item) => {
-    if (!props.multiple) {
-      inputValue.value = item.label;
-    } else {
-      item.checked = !item.checked;
-      if (item.halfchecked) {
-        item.halfchecked = false;
-      }
-      useCache(item);
-      searchUp(item);
-      searchDown(item);
-      inputValue.value = [...selectedCache];
-    }
-  };
-  const useCache = (item) => {
-    item.checked === true ? selectedCache.add(item.label) : selectedCache.has(item.label) && selectedCache.delete(item.label);
-  };
-  const searchUp = (item) => {
-    if (!item.parent) {
-      return;
-    }
-    let state = "";
-    const checkedArr = item.parent.children.filter((el) => el.checked === true);
-    switch (checkedArr.length) {
-      case 0:
-        state = "none";
-        break;
-      case item.parent.children.length:
-        state = "checked";
-        break;
-      default:
-        state = "halfchecked";
-        break;
-    }
-    if (state === "checked") {
-      item.parent.checked = true;
-      item.parent.halfchecked = false;
-    } else if (state === "halfchecked") {
-      item.parent.halfchecked = true;
-      item.parent.checked = false;
-    } else {
-      item.parent.checked = false;
-      item.parent.halfchecked = false;
-    }
-    useCache(item.parent);
-    searchUp(item.parent);
-  };
-  const searchDown = (item) => {
-    if (!item.children) {
-      return;
-    }
-    item.children.forEach((el) => {
-      el.checked = item.checked;
-      useCache(el);
-      searchDown(el);
-    });
-  };
-  return {
-    inputValue,
-    selectValue
-  };
-}
-function useClear(props, ctx2, data) {
-  const isClearable = computed(() => {
-    return !props.disabled && props.allowClear;
-  });
-  const handleClearAll = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (props.multiple) {
-      ctx2.emit("update:modelValue", []);
-      data.value = [];
-    } else {
-      ctx2.emit("update:modelValue", "");
-      data.value = "";
-    }
-  };
-  const handleClearItem = (e, item) => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (props.multiple) {
-      data.value.splice(data.value.indexOf(item), 1);
-      ctx2.emit("update:modelValue", data.value);
-    } else {
-      ctx2.emit("update:modelValue", []);
-      data.value = [];
-    }
-  };
-  return {
-    isClearable,
-    handleClearAll,
-    handleClearItem
-  };
-}
-var IconOpen = "data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24gc3ZnLWljb24tY2xvc2UiCj4KICA8ZyBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNWU3Y2UwIj48L3JlY3Q+CiAgICA8cmVjdCB4PSI0IiB5PSI3IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiBmaWxsPSIjNWU3Y2UwIj48L3JlY3Q+CiAgPC9nPgo8L3N2Zz4=";
-var IconClose = "data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24iCj4KICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIyIiBzdHJva2U9IiMyNTJiM2EiPjwvcmVjdD4KICAgIDxwYXRoCiAgICAgIGZpbGw9IiMyNTJiM2EiCiAgICAgIGQ9Ik04Ljc1LDQgTDguNzUsNy4yNSBMMTIsNy4yNSBMMTIsOC43NSBMOC43NDksOC43NSBMOC43NSwxMiBMNy4yNSwxMiBMNy4yNDksOC43NSBMNCw4Ljc1IEw0LDcuMjUgTDcuMjUsNy4yNSBMNy4yNSw0IEw4Ljc1LDQgWiIKICAgID48L3BhdGg+CiAgPC9nPgo8L3N2Zz4K";
-var checkbox = "";
-const commonProps = {
-  name: {
-    type: String,
-    default: void 0
-  },
-  halfchecked: {
-    type: Boolean,
-    default: false
-  },
-  isShowTitle: {
-    type: Boolean,
-    default: true
-  },
-  title: {
-    type: String
-  },
-  color: {
-    type: String,
-    default: void 0
-  },
-  showAnimation: {
-    type: Boolean,
-    default: true
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  },
-  beforeChange: {
-    type: Function,
-    default: void 0
-  }
-};
-const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
-  halfchecked: {
-    type: Boolean,
-    default: false
-  },
-  checked: {
-    type: Boolean,
-    default: false
-  },
-  value: {
-    type: String
-  },
-  label: {
-    type: String,
-    default: void 0
-  },
-  title: {
-    type: String,
-    default: void 0
-  },
-  "onUpdate:checked": {
-    type: Function,
-    default: void 0
-  },
-  onChange: {
-    type: Function,
-    default: void 0
-  },
-  modelValue: {
-    type: Boolean
-  },
-  "onUpdate:modelValue": {
-    type: Function
-  }
-});
-const checkboxGroupInjectionKey = Symbol("d-checkbox-group");
-var Checkbox = defineComponent({
-  name: "DCheckbox",
-  props: checkboxProps,
-  emits: ["change", "update:checked", "update:modelValue"],
-  setup(props, ctx2) {
-    const checkboxGroupConf = inject(checkboxGroupInjectionKey, null);
-    const isChecked = computed(() => props.checked || props.modelValue);
-    const mergedDisabled = computed(() => {
-      return (checkboxGroupConf == null ? void 0 : checkboxGroupConf.disabled.value) || props.disabled;
-    });
-    const mergedChecked = computed(() => {
-      var _a, _b;
-      return (_b = (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.isItemChecked) == null ? void 0 : _a.call(checkboxGroupConf, props.value)) != null ? _b : isChecked.value;
-    });
-    const mergedIsShowTitle = computed(() => {
-      var _a;
-      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.isShowTitle.value) != null ? _a : props.isShowTitle;
-    });
-    const mergedShowAnimation = computed(() => {
-      var _a;
-      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.showAnimation.value) != null ? _a : props.showAnimation;
-    });
-    const mergedColor = computed(() => {
-      var _a;
-      return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.color.value) != null ? _a : props.color;
-    });
-    const itemWidth = checkboxGroupConf == null ? void 0 : checkboxGroupConf.itemWidth.value;
-    const direction = checkboxGroupConf == null ? void 0 : checkboxGroupConf.direction.value;
-    const canChange = (isChecked2, val) => {
-      var _a;
-      if (mergedDisabled.value) {
-        return Promise.resolve(false);
-      }
-      const beforeChange = (_a = props.beforeChange) != null ? _a : checkboxGroupConf == null ? void 0 : checkboxGroupConf.beforeChange;
-      if (beforeChange) {
-        const res = beforeChange(isChecked2, val);
-        if (typeof res === "boolean") {
-          return Promise.resolve(res);
-        }
-        return res;
-      }
-      return Promise.resolve(true);
-    };
-    const toggle = () => {
-      const current = !isChecked.value;
-      checkboxGroupConf == null ? void 0 : checkboxGroupConf.toggleGroupVal(props.value);
-      ctx2.emit("update:checked", current);
-      ctx2.emit("update:modelValue", current);
-      ctx2.emit("change", current);
-    };
-    const handleClick = () => {
-      canChange(!isChecked.value, props.label).then((res) => res && toggle());
-    };
-    return {
-      itemWidth,
-      direction,
-      mergedColor,
-      mergedDisabled,
-      mergedIsShowTitle,
-      mergedChecked,
-      mergedShowAnimation,
-      handleClick
-    };
-  },
-  render() {
-    var _a;
-    const {
-      itemWidth,
-      direction,
-      mergedChecked,
-      mergedDisabled,
-      mergedIsShowTitle,
-      mergedShowAnimation,
-      halfchecked,
-      title,
-      label,
-      handleClick,
-      name,
-      value,
-      mergedColor,
-      $slots
-    } = this;
-    const wrapperCls = {
-      "devui-checkbox-column-margin": direction === "column",
-      "devui-checkbox-wrap": typeof itemWidth !== "undefined"
-    };
-    const wrapperStyle = itemWidth ? [`width: ${itemWidth}px`] : [];
-    const checkboxCls = {
-      "devui-checkbox": true,
-      active: mergedChecked,
-      halfchecked,
-      disabled: mergedDisabled,
-      unchecked: !mergedChecked
-    };
-    const labelTitle = mergedIsShowTitle ? title || label : "";
-    const bgImgStyle = mergedColor && halfchecked || mergedColor ? `linear-gradient(${mergedColor}, ${mergedColor})` : "";
-    const spanStyle = [`border-color:${(mergedChecked || halfchecked) && mergedColor ? mergedColor : ""}`, `background-image:${bgImgStyle}`, `background-color:${mergedColor && halfchecked ? mergedColor : ""}`];
-    const spanCls = {
-      "devui-checkbox-material": true,
-      "custom-color": mergedColor,
-      "devui-checkbox-no-label": !label && !$slots.default,
-      "devui-no-animation": !mergedShowAnimation,
-      "devui-checkbox-default-background": !halfchecked
-    };
-    const polygonCls = {
-      "devui-tick": true,
-      "devui-no-animation": !mergedShowAnimation
-    };
-    const stopPropagation = ($event) => $event.stopPropagation();
-    const inputProps = {
-      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"
-    }, inputProps, {
-      "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))])])]);
-  }
-});
-const inBrowser = typeof window !== "undefined";
-function on(element, eventName, handler) {
-  if (document.addEventListener) {
-    if (element && eventName && handler) {
-      element.addEventListener(eventName, handler, false);
-    }
-  } else {
-    if (element && eventName && handler) {
-      element.attachEvent("on" + eventName, handler);
-    }
-  }
-}
-const ctx = Symbol("@@clickoutside");
-const nodeList = /* @__PURE__ */ new Map();
-let startClick;
-let nid = 0;
-let isFirst = true;
-function createDocumentHandler(el, binding, vnode) {
-  if (inBrowser && isFirst) {
-    isFirst = false;
-    on(document, "mousedown", (e) => {
-      startClick = e;
-    });
-    on(document, "mouseup", (e) => {
-      for (const [id, node] of nodeList) {
-        node[ctx].documentHandler(e, startClick);
-      }
-    });
-  }
-  return function(mouseup, mousedown) {
-    if (!vnode || !binding.instance || !mouseup.target || !mousedown.target || el.contains(mouseup.target) || el.contains(mousedown.target) || el === mouseup.target) {
-      return;
-    }
-    el[ctx].bindingFn && el[ctx].bindingFn();
-  };
-}
-const clickoutsideDirective = {
-  beforeMount: function(el, binding, vnode) {
-    nid++;
-    nodeList.set(nid, el);
-    el[ctx] = {
-      nid,
-      documentHandler: createDocumentHandler(el, binding, vnode),
-      bindingFn: binding.value
-    };
-  },
-  updated: function(el, binding, vnode) {
-    el[ctx].documentHandler = createDocumentHandler(el, binding, vnode);
-    el[ctx].bindingFn = binding.value;
-  },
-  unmounted: function(el) {
-    nodeList.delete(el[ctx].nid);
-    delete el[ctx];
-  }
-};
-var TreeSelect = defineComponent({
-  name: "DTreeSelect",
-  directives: {
-    ClickOutside: clickoutsideDirective
-  },
-  props: treeSelectProps,
-  emits: ["toggleChange", "valueChange", "update:modelValue"],
-  setup(props, ctx2) {
-    const {
-      treeData,
-      placeholder,
-      disabled,
-      multiple,
-      leafOnly,
-      enableLabelization
-    } = toRefs(props);
-    const {
-      visible,
-      selectToggle,
-      treeToggle
-    } = useToggle(props);
-    const {
-      inputValue,
-      selectValue
-    } = useSelect(props);
-    const {
-      isClearable,
-      handleClearAll,
-      handleClearItem
-    } = useClear(props, ctx2, inputValue);
-    const clickNode = (item) => {
-      if (!leafOnly.value) {
-        selectValue(item);
-        !multiple.value && selectToggle(item);
-      } else {
-        if (!item.children) {
-          selectValue(item);
-          !multiple.value && selectToggle(item);
-        }
-      }
-    };
-    const deleteNode = (e, item) => {
-      handleClearItem(e, item);
-      selectValue(nodeMap.get(item));
-    };
-    const treeSelectCls = className("devui-tree-select", {
-      "devui-tree-select-open": visible.value,
-      "devui-tree-select-disabled": disabled.value
-    });
-    const treeSelectInputItem = className("devui-tree-select-value", {
-      "devui-tree-select-value-enableLabelization": enableLabelization.value
-    });
-    const renderNode = (item) => createVNode("div", {
-      "class": "devui-tree-select-item",
-      "style": {
-        paddingLeft: `${20 * (item.level - 1)}px`
-      },
-      "onClick": () => clickNode(item)
-    }, [item.children ? item.opened ? createVNode(IconOpen, {
-      "class": "mr-xs",
-      "onClick": (e) => treeToggle(e, item)
-    }, null) : createVNode(IconClose, {
-      "class": "mr-xs",
-      "onClick": (e) => treeToggle(e, item)
-    }, null) : createVNode("span", null, ["\xA0\xA0\xA0"]), ctx2.slots.default ? ctx2.slots.default({
-      item
-    }) : multiple.value ? item.halfchecked ? createVNode(Checkbox, {
-      "label": item.label,
-      "halfchecked": item.halfchecked
-    }, null) : createVNode(Checkbox, {
-      "label": item.label,
-      "checked": item.checked
-    }, null) : item.label]);
-    const renderTree = (treeData2) => {
-      return treeData2.map((item) => {
-        if (item.children) {
-          return createVNode(Fragment, null, [renderNode(item), item.opened && renderTree(item.children)]);
-        }
-        return renderNode(item);
-      });
-    };
-    return () => {
-      return withDirectives(createVNode("div", {
-        "class": treeSelectCls
-      }, [createVNode("div", {
-        "class": isClearable.value ? "devui-tree-select-clearable" : "devui-tree-select-notclearable",
-        "onClick": () => selectToggle()
-      }, [createVNode("div", {
-        "class": "devui-tree-select-input",
-        "placeholder": placeholder.value
-      }, [multiple.value ? inputValue.value.map((item) => createVNode("div", {
-        "class": treeSelectInputItem
-      }, [item, enableLabelization.value ? createVNode(resolveComponent("d-icon"), {
-        "name": "close",
-        "onClick": (e) => deleteNode(e, item)
-      }, null) : createVNode("span", null, [createTextVNode(",")])])) : !Array.isArray(inputValue.value) && createVNode("div", {
-        "class": treeSelectInputItem
-      }, [inputValue.value, enableLabelization.value && createVNode(resolveComponent("d-icon"), {
-        "name": "close",
-        "onClick": (e) => handleClearItem(e)
-      }, null)])]), createVNode("span", {
-        "onClick": (e) => handleClearAll(e),
-        "class": "devui-tree-select-clear"
-      }, [createVNode(resolveComponent("d-icon"), {
-        "name": "close"
-      }, null)]), createVNode("span", {
-        "class": "devui-tree-select-arrow"
-      }, [createVNode(resolveComponent("d-icon"), {
-        "name": "select-arrow"
-      }, null)])]), createVNode(Transition, {
-        "name": "fade",
-        "ref": "dropdownRef"
-      }, {
-        default: () => [withDirectives(createVNode("div", {
-          "class": "devui-tree-select-dropdown"
-        }, [createVNode("ul", {
-          "class": "devui-tree-select-dropdown-list"
-        }, [renderTree(attributeExtension(treeData.value))])]), [[vShow, visible.value]])]
-      })]), [[resolveDirective("click-outside"), () => visible.value = false]]);
-    };
-  }
-});
-TreeSelect.install = function(app) {
-  app.component(TreeSelect.name, TreeSelect);
-};
-var index = {
-  title: "TreeSelect \u6811\u5F62\u9009\u62E9\u6846",
-  category: "\u6570\u636E\u5F55\u5165",
-  status: "20%",
-  install(app) {
-    app.use(TreeSelect);
-  }
-};
-export { TreeSelect, index as default };

package/tree-select/index.umd.js

@@ -1 +0,0 @@
-var te=Object.defineProperty,ae=Object.defineProperties;var ne=Object.getOwnPropertyDescriptors;var U=Object.getOwnPropertySymbols;var ce=Object.prototype.hasOwnProperty,oe=Object.prototype.propertyIsEnumerable;var x=(s,e,p)=>e in s?te(s,e,{enumerable:!0,configurable:!0,writable:!0,value:p}):s[e]=p,E=(s,e)=>{for(var p in e||(e={}))ce.call(e,p)&&x(s,p,e[p]);if(U)for(var p of U(e))oe.call(e,p)&&x(s,p,e[p]);return s},F=(s,e)=>ae(s,ne(e));(function(s,e){typeof exports=="object"&&typeof module!="undefined"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(s=typeof globalThis!="undefined"?globalThis:s||self,e(s.index={},s.Vue))})(this,function(s,e){"use strict";var p="";const O={modelValue:{type:[String,Number,Array],default:""},treeData:{type:Array,default:()=>[]},placeholder:{type:String,default:"\u8BF7\u9009\u62E9"},disabled:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},leafOnly:{type:Boolean,default:!1},searchable:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},enableLabelization:{type:Boolean,default:!1},onToggleChange:{type:Function,default:void 0},onValueChange:{type:Function,default:void 0}},T=new Map;function R(t){return t.forEach(a=>{let l=1;a.level=l,T.set(a.label,a);const o=[];for(o.push(a);o.length!==0;){const r=o.shift();r.children&&r.children.forEach(d=>{d.level=l+1,d.parent=r,T.set(d.label,d),o.push(d)}),l+=1}}),t}function P(t,a){let l=t;return typeof a=="object"&&Object.keys(a).forEach(o=>{a[o]&&(l+=` ${o}`)}),l}function K(t){const a=e.ref(!1);return{visible:a,selectToggle:()=>{t.disabled||(a.value=!a.value)},treeToggle:(r,d)=>{r.preventDefault(),r.stopPropagation(),d.opened=!d.opened}}}function J(t){const a=e.ref([]),l=new Set,o=n=>{t.multiple?(n.checked=!n.checked,n.halfchecked&&(n.halfchecked=!1),r(n),d(n),u(n),a.value=[...l]):a.value=n.label},r=n=>{n.checked===!0?l.add(n.label):l.has(n.label)&&l.delete(n.label)},d=n=>{if(!n.parent)return;let g="";switch(n.parent.children.filter(y=>y.checked===!0).length){case 0:g="none";break;case n.parent.children.length:g="checked";break;default:g="halfchecked";break}g==="checked"?(n.parent.checked=!0,n.parent.halfchecked=!1):g==="halfchecked"?(n.parent.halfchecked=!0,n.parent.checked=!1):(n.parent.checked=!1,n.parent.halfchecked=!1),r(n.parent),d(n.parent)},u=n=>{!n.children||n.children.forEach(g=>{g.checked=n.checked,r(g),u(g)})};return{inputValue:a,selectValue:o}}function Y(t,a,l){return{isClearable:e.computed(()=>!t.disabled&&t.allowClear),handleClearAll:u=>{u.preventDefault(),u.stopPropagation(),t.multiple?(a.emit("update:modelValue",[]),l.value=[]):(a.emit("update:modelValue",""),l.value="")},handleClearItem:(u,n)=>{u.preventDefault(),u.stopPropagation(),t.multiple?(l.value.splice(l.value.indexOf(n),1),a.emit("update:modelValue",l.value)):(a.emit("update:modelValue",[]),l.value=[])}}}var Q="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24gc3ZnLWljb24tY2xvc2UiCj4KICA8ZyBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cmVjdCB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMiIgc3Ryb2tlPSIjNWU3Y2UwIj48L3JlY3Q+CiAgICA8cmVjdCB4PSI0IiB5PSI3IiB3aWR0aD0iOCIgaGVpZ2h0PSIyIiBmaWxsPSIjNWU3Y2UwIj48L3JlY3Q+CiAgPC9nPgo8L3N2Zz4=",$="data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNnB4IgogIGhlaWdodD0iMTZweCIKICB2aWV3Qm94PSIwIDAgMTYgMTYiCiAgdmVyc2lvbj0iMS4xIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKICBjbGFzcz0ic3ZnLWljb24iCj4KICA8ZyBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iMTUiIGhlaWdodD0iMTUiIHJ4PSIyIiBzdHJva2U9IiMyNTJiM2EiPjwvcmVjdD4KICAgIDxwYXRoCiAgICAgIGZpbGw9IiMyNTJiM2EiCiAgICAgIGQ9Ik04Ljc1LDQgTDguNzUsNy4yNSBMMTIsNy4yNSBMMTIsOC43NSBMOC43NDksOC43NSBMOC43NSwxMiBMNy4yNSwxMiBMNy4yNDksOC43NSBMNCw4Ljc1IEw0LDcuMjUgTDcuMjUsNy4yNSBMNy4yNSw0IEw4Ljc1LDQgWiIKICAgID48L3BhdGg+CiAgPC9nPgo8L3N2Zz4K",de="";const G=F(E({},{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}}),{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}}),X=Symbol("d-checkbox-group");var j=e.defineComponent({name:"DCheckbox",props:G,emits:["change","update:checked","update:modelValue"],setup(t,a){const l=e.inject(X,null),o=e.computed(()=>t.checked||t.modelValue),r=e.computed(()=>(l==null?void 0:l.disabled.value)||t.disabled),d=e.computed(()=>{var i,I;return(I=(i=l==null?void 0:l.isItemChecked)==null?void 0:i.call(l,t.value))!=null?I:o.value}),u=e.computed(()=>{var i;return(i=l==null?void 0:l.isShowTitle.value)!=null?i:t.isShowTitle}),n=e.computed(()=>{var i;return(i=l==null?void 0:l.showAnimation.value)!=null?i:t.showAnimation}),g=e.computed(()=>{var i;return(i=l==null?void 0:l.color.value)!=null?i:t.color}),v=l==null?void 0:l.itemWidth.value,y=l==null?void 0:l.direction.value,m=(i,I)=>{var S;if(r.value)return Promise.resolve(!1);const N=(S=t.beforeChange)!=null?S:l==null?void 0:l.beforeChange;if(N){const k=N(i,I);return typeof k=="boolean"?Promise.resolve(k):k}return Promise.resolve(!0)},f=()=>{const i=!o.value;l==null||l.toggleGroupVal(t.value),a.emit("update:checked",i),a.emit("update:modelValue",i),a.emit("change",i)};return{itemWidth:v,direction:y,mergedColor:g,mergedDisabled:r,mergedIsShowTitle:u,mergedChecked:d,mergedShowAnimation:n,handleClick:()=>{m(!o.value,t.label).then(i=>i&&f())}}},render(){var z;const{itemWidth:t,direction:a,mergedChecked:l,mergedDisabled:o,mergedIsShowTitle:r,mergedShowAnimation:d,halfchecked:u,title:n,label:g,handleClick:v,name:y,value:m,mergedColor:f,$slots:C}=this,i={"devui-checkbox-column-margin":a==="column","devui-checkbox-wrap":typeof t!="undefined"},I=t?[`width: ${t}px`]:[],N={"devui-checkbox":!0,active:l,halfchecked:u,disabled:o,unchecked:!l},S=r?n||g:"",k=f&&u||f?`linear-gradient(${f}, ${f})`:"",V=[`border-color:${(l||u)&&f?f:""}`,`background-image:${k}`,`background-color:${f&&u?f:""}`],B={"devui-checkbox-material":!0,"custom-color":f,"devui-checkbox-no-label":!g&&!C.default,"devui-no-animation":!d,"devui-checkbox-default-background":!u},M={"devui-tick":!0,"devui-no-animation":!d},c=le=>le.stopPropagation(),h={indeterminate:u};return e.createVNode("div",{class:i,style:I},[e.createVNode("div",{class:N},[e.createVNode("label",{title:S,onClick:v},[e.createVNode("input",e.mergeProps({name:y||m,class:"devui-checkbox-input",type:"checkbox"},h,{checked:l,disabled:o,onClick:c,onChange:c}),null),e.createVNode("span",{style:V,class:B},[e.createVNode("span",{class:"devui-checkbox-halfchecked-bg"},null),e.createVNode("svg",{viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",class:"devui-checkbox-tick"},[e.createVNode("g",{stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},[e.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:M},null)])])]),g||((z=C.default)==null?void 0:z.call(C))])])])}});const _=typeof window!="undefined";function Z(t,a,l){document.addEventListener?t&&a&&l&&t.addEventListener(a,l,!1):t&&a&&l&&t.attachEvent("on"+a,l)}const b=Symbol("@@clickoutside"),A=new Map;let L,D=0,H=!0;function W(t,a,l){return _&&H&&(H=!1,Z(document,"mousedown",o=>{L=o}),Z(document,"mouseup",o=>{for(const[r,d]of A)d[b].documentHandler(o,L)})),function(o,r){!l||!a.instance||!o.target||!r.target||t.contains(o.target)||t.contains(r.target)||t===o.target||t[b].bindingFn&&t[b].bindingFn()}}const q={beforeMount:function(t,a,l){D++,A.set(D,t),t[b]={nid:D,documentHandler:W(t,a,l),bindingFn:a.value}},updated:function(t,a,l){t[b].documentHandler=W(t,a,l),t[b].bindingFn=a.value},unmounted:function(t){A.delete(t[b].nid),delete t[b]}};var w=e.defineComponent({name:"DTreeSelect",directives:{ClickOutside:q},props:O,emits:["toggleChange","valueChange","update:modelValue"],setup(t,a){const{treeData:l,placeholder:o,disabled:r,multiple:d,leafOnly:u,enableLabelization:n}=e.toRefs(t),{visible:g,selectToggle:v,treeToggle:y}=K(t),{inputValue:m,selectValue:f}=J(t),{isClearable:C,handleClearAll:i,handleClearItem:I}=Y(t,a,m),N=c=>{u.value&&c.children||(f(c),!d.value&&v(c))},S=(c,h)=>{I(c,h),f(T.get(h))},k=P("devui-tree-select",{"devui-tree-select-open":g.value,"devui-tree-select-disabled":r.value}),V=P("devui-tree-select-value",{"devui-tree-select-value-enableLabelization":n.value}),B=c=>e.createVNode("div",{class:"devui-tree-select-item",style:{paddingLeft:`${20*(c.level-1)}px`},onClick:()=>N(c)},[c.children?c.opened?e.createVNode(Q,{class:"mr-xs",onClick:h=>y(h,c)},null):e.createVNode($,{class:"mr-xs",onClick:h=>y(h,c)},null):e.createVNode("span",null,["\xA0\xA0\xA0"]),a.slots.default?a.slots.default({item:c}):d.value?c.halfchecked?e.createVNode(j,{label:c.label,halfchecked:c.halfchecked},null):e.createVNode(j,{label:c.label,checked:c.checked},null):c.label]),M=c=>c.map(h=>h.children?e.createVNode(e.Fragment,null,[B(h),h.opened&&M(h.children)]):B(h));return()=>e.withDirectives(e.createVNode("div",{class:k},[e.createVNode("div",{class:C.value?"devui-tree-select-clearable":"devui-tree-select-notclearable",onClick:()=>v()},[e.createVNode("div",{class:"devui-tree-select-input",placeholder:o.value},[d.value?m.value.map(c=>e.createVNode("div",{class:V},[c,n.value?e.createVNode(e.resolveComponent("d-icon"),{name:"close",onClick:h=>S(h,c)},null):e.createVNode("span",null,[e.createTextVNode(",")])])):!Array.isArray(m.value)&&e.createVNode("div",{class:V},[m.value,n.value&&e.createVNode(e.resolveComponent("d-icon"),{name:"close",onClick:c=>I(c)},null)])]),e.createVNode("span",{onClick:c=>i(c),class:"devui-tree-select-clear"},[e.createVNode(e.resolveComponent("d-icon"),{name:"close"},null)]),e.createVNode("span",{class:"devui-tree-select-arrow"},[e.createVNode(e.resolveComponent("d-icon"),{name:"select-arrow"},null)])]),e.createVNode(e.Transition,{name:"fade",ref:"dropdownRef"},{default:()=>[e.withDirectives(e.createVNode("div",{class:"devui-tree-select-dropdown"},[e.createVNode("ul",{class:"devui-tree-select-dropdown-list"},[M(R(l.value))])]),[[e.vShow,g.value]])]})]),[[e.resolveDirective("click-outside"),()=>g.value=!1]])}});w.install=function(t){t.component(w.name,w)};var ee={title:"TreeSelect \u6811\u5F62\u9009\u62E9\u6846",category:"\u6570\u636E\u5F55\u5165",status:"20%",install(t){t.use(w)}};s.TreeSelect=w,s.default=ee,Object.defineProperty(s,"__esModule",{value:!0}),s[Symbol.toStringTag]="Module"});

package/tree-select/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "tree-select",
-  "version": "0.0.0",
-  "main": "index.umd.js",
-  "module": "index.es.js",
-  "style": "style.css"
-}

package/tree-select/style.css

@@ -1 +0,0 @@
-.devui-tree-select{position:relative;width:100%}.devui-tree-select-disabled,.devui-tree-select-disabled .devui-tree-select-input{cursor:not-allowed;background-color:var(--devui-disabled-bg, #f5f5f6);border-color:var(--devui-disabled-line, #dfe1e6);color:var(--devui-disabled-text, #adb0b8)}.devui-tree-select-disabled .devui-tree-select-arrow{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-tree-select-open .devui-tree-select-arrow{transform:rotate(180deg)}.devui-tree-select-input{cursor:pointer;width:100%;height:28px;padding:0 10px;color:var(--devui-text, #252b3a);border:1px solid var(--devui-form-control-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);outline:none;background-color:var(--devui-base-bg, #ffffff);overflow:auto}.devui-tree-select-input:empty:before{color:#d3d3d3;content:attr(placeholder);vertical-align:middle}.devui-tree-select-value{display:inline-block;height:80%;vertical-align:middle}.devui-tree-select-value-enableLabelization{padding:0 10px;margin:2px 10px 2px 0;background-color:var(--devui-icon-fill, #d3d5d9)}.devui-tree-select-dropdown{border-radius:var(--devui-border-radius, 2px);background:var(--devui-base-bg, #ffffff);box-shadow:0 2px 5px 0 var(--devui-shadow, rgba(0, 0, 0, .2))}.devui-tree-select-dropdown-list{max-height:300px;overflow-y:auto;padding:0;margin:0}.devui-tree-select-item{font-size:16px;display:inline-flex;min-height:36px;line-height:1.5;width:100%;padding:10px;clear:both;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:0;color:var(--devui-text, #252b3a);cursor:pointer;align-items:center}.devui-tree-select-item:hover:not(.active):not(.disabled){color:var(--devui-list-item-hover-text, #526ecc);background-color:var(--devui-list-item-hover-bg, #f2f5fc)}.devui-tree-select-clearable{position:relative}.devui-tree-select-clearable:hover .devui-tree-select-clear{display:inline-flex}.devui-tree-select-clearable:hover .devui-tree-select-arrow{display:none}.devui-tree-select-notclearable{position:relative}.devui-tree-select-clear,.devui-tree-select-arrow{position:absolute;top:0;right:0;height:100%;width:28px;display:inline-flex;justify-content:center;align-items:center}.devui-tree-select-clear{display:none}.devui-tree-select-clear:hover{cursor:pointer;color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox{position:relative;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100%;margin:0}.devui-checkbox .devui-checkbox-tick{position:absolute}.devui-checkbox .devui-checkbox-tick .devui-tick{fill:var(--devui-light-text, #ffffff);stroke-dashoffset:50;opacity:0;transform:scale(0);transform-origin:50% 50%;transition:stroke-dashoffset .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.devui-checkbox.active:not(.halfchecked) .devui-tick{opacity:1;stroke-dashoffset:0;transform:scale(1);transition:stroke-dashoffset .3s cubic-bezier(.755,.05,.855,.06),opacity .2s cubic-bezier(.755,.05,.855,.06)}.devui-checkbox.active:not(.disabled) .devui-checkbox-material:not(.custom-color),.devui-checkbox.halfchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){border-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.active:not(.disabled) .devui-checkbox-material{background-size:100% 100%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material:not(.custom-color){background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material:not(.custom-color):hover{border-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox.unchecked:not(.disabled) .devui-checkbox-material.custom-color{background-size:0% 0%;transition:background-size .2s ease-in-out,border-color .2s ease-in-out}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color){background-color:var(--devui-brand, #5e7ce0)}.devui-checkbox.halfchecked .devui-checkbox-material:not(.custom-color)>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox.halfchecked .devui-checkbox-material.custom-color>.devui-checkbox-halfchecked-bg{opacity:1;transform:scale(.4288);transition:transform .2s cubic-bezier(.755,.05,.855,.06);background-color:var(--devui-light-text, #ffffff)}.devui-checkbox .devui-checkbox-material{text-align:initial;height:14px;width:14px;position:relative;user-select:none;border:1px solid var(--devui-line, #adb0b8);border-radius:var(--devui-border-radius, 2px);background:linear-gradient(var(--devui-brand, #5e7ce0),var(--devui-brand, #5e7ce0)) no-repeat center/0%;margin-right:8px;vertical-align:text-bottom}.devui-checkbox .devui-checkbox-material.devui-checkbox-default-background{background-color:var(--devui-base-bg, #ffffff)}.devui-checkbox .devui-checkbox-material.devui-checkbox-no-label{margin-right:0}.devui-checkbox .devui-checkbox-material>.devui-checkbox-halfchecked-bg{display:inline-block;position:absolute;content:"";background-color:var(--devui-light-text, #ffffff);top:0;left:0;height:100%;width:100%;transform:scale(1);opacity:0}.devui-checkbox .devui-checkbox-material>svg{width:14px;height:14px}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover{background-color:var(--devui-icon-fill-active, #5e7ce0)}.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):focus,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:active,.devui-checkbox:not(.disabled).halfchecked .devui-checkbox-material:not(.custom-color):hover:focus{background-color:var(--devui-brand-active-focus, #344899)}.devui-checkbox-input{opacity:0;position:absolute;margin:0;z-index:-1;width:0;height:0;overflow:hidden;left:0;pointer-events:none}.devui-checkbox label{position:relative;font-weight:400;height:16px;line-height:16px;cursor:pointer;color:var(--devui-text, #252b3a);margin:0;display:block}.devui-checkbox label>span{display:inline-block;box-sizing:content-box;vertical-align:top}.devui-checkbox.disabled label{cursor:not-allowed;color:var(--devui-disabled-text, #adb0b8)}.devui-checkbox.disabled .devui-checkbox-material{border-color:var(--devui-icon-fill-active-disabled, #beccfa);background-color:var(--devui-icon-fill-active-disabled, #beccfa)}.devui-checkbox.disabled.unchecked .devui-checkbox-material{border-color:var(--devui-disabled-line, #dfe1e6);background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.halfchecked .devui-checkbox-material{background-color:var(--devui-disabled-bg, #f5f5f6)}.devui-checkbox.disabled.halfchecked .devui-checkbox-material .devui-checkbox-halfchecked-bg{transform:scale(.4288);background-color:var(--devui-disabled-text, #adb0b8);opacity:1}.devui-checkbox.disabled.active svg polygon{fill:var(--devui-light-text, #ffffff)}.devui-no-animation{transition:none!important}.devui-checkbox-column-margin{height:28px;line-height:28px}.devui-checkbox-wrap .devui-checkbox label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}