@koi-design/uxd-ui 12.1.36-beta.0

package/es/components/Tree/utils/generateCheck.mjs

@@ -0,0 +1,136 @@
+const conductUp = ({
+  key,
+  isCheck,
+  keyMap,
+  checkedKeys,
+  halfCheckedKeys
+}, getDataKey) => {
+  if (checkedKeys.get(key) === isCheck)
+    return;
+  const keyItem = keyMap.get(key);
+  if (!keyItem)
+    return;
+  const { children, parent } = keyItem;
+  let everyChildChecked = true;
+  let someChildChecked = false;
+  (children || []).filter((child) => !child.disabled).forEach((child) => {
+    const childKey = getDataKey(child);
+    const childChecked = checkedKeys.get(childKey);
+    const childHalfChecked = halfCheckedKeys.get(childKey);
+    if (childChecked || childHalfChecked)
+      someChildChecked = true;
+    if (!childChecked)
+      everyChildChecked = false;
+  });
+  if (isCheck) {
+    checkedKeys.set(key, everyChildChecked);
+  } else {
+    checkedKeys.set(key, false);
+  }
+  halfCheckedKeys.set(key, someChildChecked);
+  if (parent) {
+    const cuParams = {
+      key: getDataKey(parent),
+      isCheck,
+      keyMap,
+      checkedKeys,
+      halfCheckedKeys
+    };
+    conductUp(cuParams, getDataKey);
+  }
+};
+const conductDown = ({
+  key,
+  isCheck,
+  keyMap,
+  checkedKeys
+}, getDataKey) => {
+  if (checkedKeys.get(key) === isCheck)
+    return;
+  const keyItem = keyMap.get(key);
+  if (!keyItem)
+    return;
+  const { children } = keyItem;
+  checkedKeys.set(key, isCheck);
+  (children || []).filter((child) => !child.disabled).forEach((child) => {
+    const cdParams = {
+      key: getDataKey(child),
+      isCheck,
+      keyMap,
+      checkedKeys
+    };
+    conductDown(cdParams, getDataKey);
+  });
+};
+const conduct = ({
+  key,
+  isCheck,
+  keyMap,
+  checkedKeys,
+  halfCheckedKeys
+}, getDataKey) => {
+  const keyItem = keyMap.get(key);
+  if (!keyItem) {
+    return;
+  }
+  const { children, parent } = keyItem;
+  checkedKeys.set(key, isCheck);
+  (children || []).filter((child) => !child.disabled).forEach((child) => {
+    const cdParams = {
+      key: getDataKey(child),
+      isCheck,
+      keyMap,
+      checkedKeys
+    };
+    conductDown(cdParams, getDataKey);
+  });
+  if (parent) {
+    const cuParams = {
+      key: getDataKey(parent),
+      isCheck,
+      keyMap,
+      checkedKeys,
+      halfCheckedKeys
+    };
+    conductUp(cuParams, getDataKey);
+  }
+};
+const generateCheck = (keyList, isCheck, keyMap, checkStatus, getDataKey) => {
+  const checkedKeys = /* @__PURE__ */ new Map();
+  const halfCheckedKeys = /* @__PURE__ */ new Map();
+  (checkStatus.oriCheckedKeys || []).forEach((key) => {
+    checkedKeys.set(key, true);
+  });
+  (checkStatus.oriHalfCheckedKeys || []).forEach((key) => {
+    halfCheckedKeys.set(key, true);
+  });
+  (keyList || []).forEach((key) => {
+    const conductParams = {
+      key,
+      isCheck,
+      keyMap,
+      checkedKeys,
+      halfCheckedKeys
+    };
+    conduct(conductParams, getDataKey);
+  });
+  const checkedKeyList = [];
+  const halfCheckedKeyList = [];
+  for (const [key, value] of checkedKeys) {
+    if (value) {
+      checkedKeyList.push(key);
+    }
+  }
+  for (const [key, value] of halfCheckedKeys) {
+    if (!checkedKeys.get(key) && value) {
+      halfCheckedKeyList.push(key);
+    }
+  }
+  return {
+    checkedKeys: checkedKeyList,
+    halfCheckedKeys: halfCheckedKeyList
+  };
+};
+
+export { generateCheck };
+//# sourceMappingURL=generateCheck.mjs.map

package/es/components/Tree/utils/generateCheck.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateCheck.mjs","sources":["../../../../../src/components/Tree/utils/generateCheck.ts"],"sourcesContent":["import type { TreeMap, GetDataKey } from '../Tree.type';\n\n// Conduct up\nconst conductUp = (\n  {\n    key,\n    isCheck,\n    keyMap,\n    checkedKeys,\n    halfCheckedKeys\n  }: {\n    key: string | number;\n    isCheck: boolean;\n    keyMap: TreeMap;\n    checkedKeys: Map<string | number, boolean>;\n    halfCheckedKeys: Map<string | number, boolean>;\n  },\n  getDataKey: GetDataKey\n) => {\n  if (checkedKeys.get(key) === isCheck) return;\n  const keyItem = keyMap.get(key);\n  if (!keyItem) return;\n  const { children, parent } = keyItem;\n  // Check child node checked status\n  let everyChildChecked = true;\n  // Child checked or half checked\n  let someChildChecked = false;\n  (children || [])\n    .filter((child) => !child.disabled)\n    .forEach((child) => {\n      const childKey = getDataKey(child);\n      const childChecked = checkedKeys.get(childKey);\n      const childHalfChecked = halfCheckedKeys.get(childKey);\n      if (childChecked || childHalfChecked) someChildChecked = true;\n      if (!childChecked) everyChildChecked = false;\n    });\n  // Update checked status\n  if (isCheck) {\n    checkedKeys.set(key, everyChildChecked);\n  } else {\n    checkedKeys.set(key, false);\n  }\n  halfCheckedKeys.set(key, someChildChecked);\n\n  if (parent) {\n    const cuParams = {\n      key: getDataKey(parent),\n      isCheck,\n      keyMap,\n      checkedKeys,\n      halfCheckedKeys\n    };\n    conductUp(cuParams, getDataKey);\n  }\n};\n// Conduct down\nconst conductDown = (\n  {\n    key,\n    isCheck,\n    keyMap,\n    checkedKeys\n  }: {\n    key: string | number;\n    isCheck: boolean;\n    keyMap: TreeMap;\n    checkedKeys: Map<string | number, boolean>;\n  },\n  getDataKey: GetDataKey\n) => {\n  if (checkedKeys.get(key) === isCheck) return;\n  const keyItem = keyMap.get(key);\n  if (!keyItem) return;\n  const { children } = keyItem;\n  checkedKeys.set(key, isCheck);\n\n  (children || [])\n    .filter((child) => !child.disabled)\n    .forEach((child) => {\n      const cdParams = {\n        key: getDataKey(child),\n        isCheck,\n        keyMap,\n        checkedKeys\n      };\n      conductDown(cdParams, getDataKey);\n    });\n};\n// conduct\nconst conduct = (\n  {\n    key,\n    isCheck,\n    keyMap,\n    checkedKeys,\n    halfCheckedKeys\n  }: {\n    key: string | number;\n    isCheck: boolean;\n    keyMap: TreeMap;\n    checkedKeys: Map<string | number, boolean>;\n    halfCheckedKeys: Map<string | number, boolean>;\n  },\n  getDataKey: GetDataKey\n) => {\n  const keyItem = keyMap.get(key);\n  if (!keyItem) {\n    // warning(false, `'${key}' does not exist in the tree.`);\n    return;\n  }\n  const { children, parent } = keyItem;\n  checkedKeys.set(key, isCheck);\n  // Conduct down\n  (children || [])\n    .filter((child) => !child.disabled)\n    .forEach((child) => {\n      const cdParams = {\n        key: getDataKey(child),\n        isCheck,\n        keyMap,\n        checkedKeys\n      };\n      conductDown(cdParams, getDataKey);\n    });\n\n  // Conduct up\n  if (parent) {\n    const cuParams = {\n      key: getDataKey(parent),\n      isCheck,\n      keyMap,\n      checkedKeys,\n      halfCheckedKeys\n    };\n    conductUp(cuParams, getDataKey);\n  }\n};\n// generate check\nexport const generateCheck = (\n  keyList: (string | number)[],\n  isCheck: boolean,\n  keyMap: TreeMap,\n  checkStatus: {\n    oriCheckedKeys?: (string | number)[];\n    oriHalfCheckedKeys?: (string | number)[];\n  },\n  getDataKey: GetDataKey\n) => {\n  const checkedKeys = new Map<string | number, boolean>();\n  const halfCheckedKeys = new Map<string | number, boolean>();\n  (checkStatus.oriCheckedKeys || []).forEach((key) => {\n    checkedKeys.set(key, true);\n  });\n\n  (checkStatus.oriHalfCheckedKeys || []).forEach((key) => {\n    halfCheckedKeys.set(key, true);\n  });\n  (keyList || []).forEach((key) => {\n    const conductParams = {\n      key,\n      isCheck,\n      keyMap,\n      checkedKeys,\n      halfCheckedKeys\n    };\n    conduct(conductParams, getDataKey);\n  });\n  const checkedKeyList = [];\n  const halfCheckedKeyList = [];\n\n  // Fill checked list\n  for (const [key, value] of checkedKeys) {\n    if (value) {\n      checkedKeyList.push(key);\n    }\n  }\n\n  // Fill half checked list\n  for (const [key, value] of halfCheckedKeys) {\n    if (!checkedKeys.get(key) && value) {\n      halfCheckedKeyList.push(key);\n    }\n  }\n\n  return {\n    checkedKeys: checkedKeyList,\n    halfCheckedKeys: halfCheckedKeyList\n  };\n};\n"],"names":[],"mappings":"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"}

package/es/components/Tree/utils/tools.d.ts

@@ -0,0 +1,3 @@
+import type { TreeItem, GetDataKey } from '../Tree.type';
+export declare const findNodeByLoop: (data: TreeItem[], key: string | number, callback: (item: TreeItem, index: number, arr: TreeItem[]) => void, getDataKey: GetDataKey) => void;
+export declare const getDragNode: (data: TreeItem[], dragKey: string | number, getDataKey: GetDataKey) => TreeItem;

package/es/components/Tree/utils/tools.mjs

@@ -0,0 +1,26 @@
+const findNodeByLoop = (data, key, callback, getDataKey) => {
+  data.forEach((item, index, arr) => {
+    if (getDataKey(item) === key) {
+      return callback(item, index, arr);
+    }
+    if (item.children) {
+      return findNodeByLoop(item.children, key, callback, getDataKey);
+    }
+  });
+};
+const getDragNode = (data, dragKey, getDataKey) => {
+  let dragNode = {};
+  findNodeByLoop(
+    data,
+    dragKey,
+    (item, index, arr) => {
+      arr.splice(index, 1);
+      dragNode = item;
+    },
+    getDataKey
+  );
+  return dragNode;
+};
+
+export { findNodeByLoop, getDragNode };
+//# sourceMappingURL=tools.mjs.map

package/es/components/Tree/utils/tools.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tools.mjs","sources":["../../../../../src/components/Tree/utils/tools.ts"],"sourcesContent":["import type { TreeItem, GetDataKey, InnerTreeItem } from '../Tree.type';\n\nexport const findNodeByLoop = (\n  data: TreeItem[],\n  key: string | number,\n  callback: (item: TreeItem, index: number, arr: TreeItem[]) => void,\n  getDataKey: GetDataKey\n) => {\n  data.forEach((item, index, arr) => {\n    if (getDataKey(item as InnerTreeItem) === key) {\n      return callback(item, index, arr);\n    }\n    if (item.children) {\n      return findNodeByLoop(item.children, key, callback, getDataKey);\n    }\n  });\n};\n\nexport const getDragNode = (data: TreeItem[], dragKey: string | number, getDataKey: GetDataKey) => {\n  let dragNode = {} as TreeItem;\n  findNodeByLoop(\n    data,\n    dragKey,\n    (item: TreeItem, index: number, arr: TreeItem[]) => {\n      arr.splice(index, 1);\n      dragNode = item;\n    },\n    getDataKey\n  );\n  return dragNode;\n};\n"],"names":[],"mappings":"MAEa,iBAAiB,CAC5B,MACA,KACA,UACA,eACG;AACH,OAAK,QAAQ,CAAC,MAAM,OAAO,QAAQ;AACjC,QAAI,WAAW,IAAqB,MAAM,KAAK;AAC7C,aAAO,SAAS,MAAM,OAAO,GAAG;AAAA;AAElC,QAAI,KAAK,UAAU;AACjB,aAAO,eAAe,KAAK,UAAU,KAAK,UAAU,UAAU;AAAA;AAChE,GACD;AACH;MAEa,cAAc,CAAC,MAAkB,SAA0B,eAA2B;AACjG,MAAI,WAAW;AACf;AAAA,IACE;AAAA,IACA;AAAA,IACA,CAAC,MAAgB,OAAe,QAAoB;AAClD,UAAI,OAAO,OAAO,CAAC;AACnB,iBAAW;AAAA;AACb,IACA;AAAA;AAEF,SAAO;AACT;;;;"}

package/es/components/TreeSelect/TreeSelect.mjs

@@ -0,0 +1,320 @@
+import { defineComponent, ref, watch, computed, onMounted, onUpdated, provide, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, createVNode, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, renderSlot, createTextVNode, resolveDynamicComponent, withModifiers } from 'vue';
+import '../Popup/index.mjs';
+import '../Select/Selection/index.mjs';
+import { UTree } from '../Tree/index.mjs';
+import useGlobalConfig from '../base/hooks/useGlobalConfig.mjs';
+import useContainerWidth from '../base/hooks/useContainerWidth.mjs';
+import useCheckble from './hooks/useCheckble.mjs';
+import useCheckble$1 from './hooks/useFilter.mjs';
+import { treeSelectProps, treeSelectEmits } from './TreeSelect.type.mjs';
+import { UEmpty } from '../Empty/index.mjs';
+import _export_sfc from '../../_virtual/plugin-vue_export-helper.mjs';
+import Popup from '../Popup/Popup.mjs';
+import Selection from '../Select/Selection/Selection.mjs';
+
+const _sfc_main = defineComponent({
+  name: "UTreeSelect",
+  components: {
+    Popup,
+    Selection,
+    UTree,
+    UEmpty
+  },
+  props: treeSelectProps,
+  emits: treeSelectEmits,
+  setup(props, { emit }) {
+    const { prefixCls } = useGlobalConfig("tree-select");
+    const { prefixCls: selectPrefixCls } = useGlobalConfig("select");
+    const containerRef = ref(null);
+    const utreeRef = ref(null);
+    const stateOpen = ref(false);
+    const stateValue = ref([]);
+    const originTreeData = ref([]);
+    const displayTreeData = ref([]);
+    const searchValue = ref("");
+    const { treeNodes, genarateTreeNodes, getNodesByKeys, getSelectItems } = useCheckble(props);
+    const updateStateValue = (propValue) => {
+      const values = Array.isArray(propValue) ? propValue : [propValue];
+      const keys = [];
+      Object.keys(treeNodes.value).forEach((key) => {
+        if (values.includes(treeNodes.value[key].value || treeNodes.value[key].key)) {
+          keys.push(key);
+        }
+      });
+      stateValue.value = keys;
+    };
+    watch(
+      () => props.treeData,
+      (nv) => {
+        originTreeData.value = [...nv];
+        displayTreeData.value = originTreeData.value;
+        genarateTreeNodes(nv);
+        updateStateValue(props.modelValue);
+      },
+      { immediate: true }
+    );
+    watch(
+      () => props.modelValue,
+      (nv) => {
+        updateStateValue(nv);
+      },
+      { immediate: true }
+    );
+    const displayValues = computed(() => {
+      const valueList = getNodesByKeys(stateValue.value);
+      return valueList;
+    });
+    const showClear = computed(() => {
+      var _a;
+      return props.clearable && !props.disabled && (!!((_a = stateValue.value) == null ? void 0 : _a.length) || !!searchValue.value);
+    });
+    const { getFilterTree } = useCheckble$1(originTreeData, treeNodes);
+    const setSearchValue = (value) => {
+      searchValue.value = value;
+      displayTreeData.value = getFilterTree(value);
+    };
+    const triggerSearch = (searchText) => {
+      const preSearchValue = searchValue.value;
+      setSearchValue(searchText);
+      if (preSearchValue !== searchText) {
+        emit("search", searchText);
+      }
+      return true;
+    };
+    const updateModelValue = (selectKeys) => {
+      stateValue.value = selectKeys;
+      const selectItems = getSelectItems(selectKeys);
+      const values = selectItems.map((x) => x.value || x.key);
+      emit("update:modelValue", props.multiple || props.checkable ? values : values[0]);
+      emit("change", props.multiple || props.checkable ? values : values[0], props.multiple || props.checkable ? selectItems : selectItems[0]);
+    };
+    const onSelectionSelect = (value) => {
+      if (props.disabled) {
+        return;
+      }
+      let selectKeys = [];
+      if (!props.treeCheckStrictly) {
+        const keyIndex = stateValue.value.indexOf(value);
+        const checked = !(keyIndex >= 0);
+        const checkResult = utreeRef.value.computedChecked([value], checked);
+        selectKeys = checkResult.checkedKeys;
+      } else {
+        selectKeys = stateValue.value.filter((x) => x !== value);
+      }
+      updateModelValue(selectKeys);
+    };
+    const onNodeExpand = (expandKeys) => {
+      emit("expand", expandKeys);
+    };
+    const onNodeSelect = (selectItems) => {
+      if (!props.multiple)
+        stateOpen.value = false;
+      setSearchValue("");
+      const selectKeys = selectItems.map((x) => x.key);
+      updateModelValue(selectKeys);
+    };
+    const onNodeCheck = (checkKeys) => {
+      updateModelValue(checkKeys);
+    };
+    const { containerWidth, getContainerWidth } = useContainerWidth(containerRef);
+    onMounted(() => {
+      getContainerWidth();
+    });
+    onUpdated(() => {
+      getContainerWidth();
+    });
+    const popupStyle = computed(() => {
+      const cssStyle = {};
+      if (typeof props.dropdownMenuWidth === "number") {
+        cssStyle.width = `${props.dropdownMenuWidth}px`;
+        cssStyle.minWidth = `${props.dropdownMenuWidth}px`;
+      } else {
+        cssStyle.width = `${containerWidth.value}px`;
+        cssStyle.minWidth = `${containerWidth.value}px`;
+      }
+      return {
+        ...cssStyle,
+        ...props.dropdownMenuStyle
+      };
+    });
+    const onContainerFocus = () => {
+      if (props.disabled)
+        return;
+      stateOpen.value = true;
+    };
+    const onContainerBlur = () => {
+      emit("search", searchValue.value);
+    };
+    provide("SelectContext", {
+      focus: onContainerFocus,
+      blur: onContainerBlur
+    });
+    const onClickOutside = () => {
+      setSearchValue("");
+      stateOpen.value = false;
+    };
+    const onClearSelection = () => {
+      emit("update:modelValue", []);
+      emit("change", []);
+    };
+    const onUpdateTreeData = (data) => {
+      setSearchValue("");
+      originTreeData.value = [...data];
+      displayTreeData.value = originTreeData.value;
+      genarateTreeNodes(originTreeData.value);
+    };
+    return {
+      prefixCls,
+      selectPrefixCls,
+      containerRef,
+      utreeRef,
+      stateOpen,
+      stateValue,
+      searchValue,
+      displayValues,
+      showClear,
+      displayTreeData,
+      popupStyle,
+      onClickOutside,
+      onNodeSelect,
+      onNodeExpand,
+      onNodeCheck,
+      onClearSelection,
+      triggerSearch,
+      onSelectionSelect,
+      onUpdateTreeData
+    };
+  }
+});
+const _hoisted_1 = ["tabindex", "data-color"];
+const _hoisted_2 = {
+  key: 0,
+  ref: "popupRef"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_Selection = resolveComponent("Selection");
+  const _component_u_icon = resolveComponent("u-icon");
+  const _component_UTree = resolveComponent("UTree");
+  const _component_UEmpty = resolveComponent("UEmpty");
+  const _component_Popup = resolveComponent("Popup");
+  return openBlock(), createBlock(_component_Popup, {
+    "prefix-cls": `${_ctx.prefixCls}-dropdown`,
+    placement: _ctx.placement,
+    visible: _ctx.stateOpen,
+    "transition-name": "slide-up",
+    "popup-style": _ctx.popupStyle,
+    "click-outside": _ctx.onClickOutside
+  }, {
+    popup: withCtx(() => [
+      _ctx.displayTreeData.length ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        createVNode(_component_UTree, {
+          ref: "utreeRef",
+          "tree-data": _ctx.displayTreeData,
+          "onUpdate:treeData": _cache[2] || (_cache[2] = ($event) => _ctx.displayTreeData = $event),
+          "selected-keys": _ctx.stateValue,
+          "checked-keys": _ctx.stateValue,
+          multiple: _ctx.multiple,
+          checkable: _ctx.checkable,
+          "check-strictly": _ctx.treeCheckStrictly,
+          "load-data": _ctx.loadData,
+          "default-expand-all": _ctx.treeDefaultExpandAll,
+          "block-node": "",
+          "tree-select": "",
+          onSelect: _ctx.onNodeSelect,
+          onExpand: _ctx.onNodeExpand,
+          onCheck: _ctx.onNodeCheck,
+          onUpdateData: _ctx.onUpdateTreeData
+        }, null, 8, ["tree-data", "selected-keys", "checked-keys", "multiple", "checkable", "check-strictly", "load-data", "default-expand-all", "onSelect", "onExpand", "onCheck", "onUpdateData"])
+      ], 512)) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        class: normalizeClass(`${_ctx.prefixCls}-dropdown-empty`)
+      }, [
+        createVNode(_component_UEmpty, { text: _ctx.notFoundText }, null, 8, ["text"])
+      ], 2))
+    ]),
+    default: withCtx(() => [
+      createElementVNode("div", {
+        ref: "containerRef",
+        class: normalizeClass([
+          `${_ctx.prefixCls}`,
+          `${_ctx.selectPrefixCls}`,
+          {
+            [`${_ctx.selectPrefixCls}-variant-soft`]: _ctx.variant === "soft",
+            [`${_ctx.selectPrefixCls}-variant-text`]: _ctx.variant === "text" && !_ctx.multiple,
+            [`${_ctx.selectPrefixCls}-variant-surface`]: _ctx.variant === "surface" || _ctx.variant === "text" && _ctx.multiple,
+            [`${_ctx.selectPrefixCls}-disabled`]: _ctx.disabled,
+            [`${_ctx.selectPrefixCls}-single`]: !_ctx.multiple && !_ctx.checkable,
+            [`${_ctx.selectPrefixCls}-multiple`]: _ctx.multiple || _ctx.checkable,
+            [`${_ctx.selectPrefixCls}-with-clear`]: _ctx.showClear,
+            [`${_ctx.selectPrefixCls}-open`]: _ctx.stateOpen,
+            [`${_ctx.selectPrefixCls}-focused`]: _ctx.stateOpen
+          }
+        ]),
+        tabindex: _ctx.disabled ? -1 : 0,
+        "data-color": _ctx.color
+      }, [
+        !!_ctx.label ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass({
+            [`${_ctx.selectPrefixCls}-label`]: true,
+            [`${_ctx.selectPrefixCls}-label-colon`]: _ctx.labelColon,
+            [`${_ctx.selectPrefixCls}-label-required`]: _ctx.required
+          })
+        }, toDisplayString(_ctx.label), 3)) : createCommentVNode("v-if", true),
+        createVNode(_component_Selection, {
+          ref: "selectionRef",
+          "tag-transition-name": "fade",
+          "prefix-cls": _ctx.selectPrefixCls,
+          open: _ctx.stateOpen,
+          multiple: _ctx.multiple || _ctx.checkable,
+          values: _ctx.displayValues,
+          "search-value": _ctx.searchValue,
+          placeholder: _ctx.placeholder,
+          filterable: _ctx.filterable,
+          "max-tag-count": _ctx.maxTagCount,
+          "trigger-search": _ctx.triggerSearch,
+          onSelect: _ctx.onSelectionSelect
+        }, {
+          placeholder: withCtx(() => [
+            renderSlot(_ctx.$slots, "placeholder", {}, () => [
+              createTextVNode(toDisplayString(_ctx.placeholder), 1)
+            ])
+          ]),
+          _: 3
+        }, 8, ["prefix-cls", "open", "multiple", "values", "search-value", "placeholder", "filterable", "max-tag-count", "trigger-search", "onSelect"]),
+        createCommentVNode(" arrow-Icon "),
+        _ctx.showIcon ? (openBlock(), createElementBlock("span", {
+          key: "arrow",
+          class: normalizeClass(`${_ctx.selectPrefixCls}-arrow`)
+        }, [
+          createVNode(_component_u_icon, null, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.iconType)))
+            ]),
+            _: 1
+          })
+        ], 2)) : createCommentVNode("v-if", true),
+        createCommentVNode(" clearIcon "),
+        _ctx.showClear ? (openBlock(), createElementBlock("span", {
+          key: "clear",
+          class: normalizeClass(`${_ctx.selectPrefixCls}-clear`),
+          onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {
+          }, ["prevent"])),
+          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClearSelection && _ctx.onClearSelection(...args))
+        }, [
+          createVNode(_component_u_icon, null, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
+            ]),
+            _: 1
+          })
+        ], 34)) : createCommentVNode("v-if", true)
+      ], 10, _hoisted_1)
+    ]),
+    _: 3
+  }, 8, ["prefix-cls", "placement", "visible", "popup-style", "click-outside"]);
+}
+var TreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "E:\\br-fe\\uxd-ui\\src\\components\\TreeSelect\\TreeSelect.vue"]]);
+
+export { TreeSelect as default };
+//# sourceMappingURL=TreeSelect.mjs.map

package/es/components/TreeSelect/TreeSelect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelect.mjs","sources":["../../../../src/components/TreeSelect/TreeSelect.vue"],"sourcesContent":["<template>\n  <Popup\n    :prefix-cls=\"`${prefixCls}-dropdown`\"\n    :placement=\"placement\"\n    :visible=\"stateOpen\"\n    transition-name=\"slide-up\"\n    :popup-style=\"popupStyle\"\n    :click-outside=\"onClickOutside\"\n  >\n    <div\n      ref=\"containerRef\"\n      :class=\"[\n        `${prefixCls}`,\n        `${selectPrefixCls}`,\n        {\n          [`${selectPrefixCls}-variant-soft`]: variant === 'soft',\n          [`${selectPrefixCls}-variant-text`]: variant === 'text' && !multiple,\n          [`${selectPrefixCls}-variant-surface`]: variant === 'surface' || (variant === 'text' && multiple),\n          [`${selectPrefixCls}-disabled`]: disabled,\n          [`${selectPrefixCls}-single`]: !multiple && !checkable,\n          [`${selectPrefixCls}-multiple`]: multiple || checkable,\n          [`${selectPrefixCls}-with-clear`]: showClear,\n          [`${selectPrefixCls}-open`]: stateOpen,\n          [`${selectPrefixCls}-focused`]: stateOpen\n        }\n      ]\"\n      :tabindex=\"disabled ? -1 : 0\"\n      :data-color=\"color\"\n    >\n      <span\n        v-if=\"!!label\"\n        :class=\"{\n          [`${selectPrefixCls}-label`]: true,\n          [`${selectPrefixCls}-label-colon`]: labelColon,\n          [`${selectPrefixCls}-label-required`]: required\n        }\"\n      >\n        {{ label }}\n      </span>\n      <Selection\n        ref=\"selectionRef\"\n        tag-transition-name=\"fade\"\n        :prefix-cls=\"selectPrefixCls\"\n        :open=\"stateOpen\"\n        :multiple=\"multiple || checkable\"\n        :values=\"displayValues\"\n        :search-value=\"searchValue\"\n        :placeholder=\"placeholder\"\n        :filterable=\"filterable\"\n        :max-tag-count=\"maxTagCount\"\n        :trigger-search=\"triggerSearch\"\n        @select=\"onSelectionSelect\"\n      >\n        <template #placeholder>\n          <slot name=\"placeholder\">\n            {{ placeholder }}\n          </slot>\n        </template>\n      </Selection>\n      <!-- arrow-Icon -->\n      <span v-if=\"showIcon\" key=\"arrow\" :class=\"`${selectPrefixCls}-arrow`\">\n        <u-icon>\n          <component :is=\"iconType\" />\n        </u-icon>\n      </span>\n      <!-- clearIcon -->\n      <span v-if=\"showClear\" key=\"clear\" :class=\"`${selectPrefixCls}-clear`\" @mousedown.prevent @click=\"onClearSelection\">\n        <u-icon>\n          <component :is=\"clearIcon\" />\n        </u-icon>\n      </span>\n    </div>\n    <template #popup>\n      <div v-if=\"displayTreeData.length\" ref=\"popupRef\">\n        <UTree\n          ref=\"utreeRef\"\n          v-model:tree-data=\"displayTreeData\"\n          :selected-keys=\"stateValue\"\n          :checked-keys=\"stateValue\"\n          :multiple=\"multiple\"\n          :checkable=\"checkable\"\n          :check-strictly=\"treeCheckStrictly\"\n          :load-data=\"loadData\"\n          :default-expand-all=\"treeDefaultExpandAll\"\n          block-node\n          tree-select\n          @select=\"onNodeSelect\"\n          @expand=\"onNodeExpand\"\n          @check=\"onNodeCheck\"\n          @update-data=\"onUpdateTreeData\"\n        />\n      </div>\n      <div v-else :class=\"`${prefixCls}-dropdown-empty`\">\n        <UEmpty :text=\"notFoundText\" />\n      </div>\n    </template>\n  </Popup>\n</template>\n\n<script lang=\"ts\">\nimport type { CSSProperties } from 'vue';\nimport { ref, provide, watch, computed, onMounted, onUpdated, defineComponent } from 'vue';\nimport Popup from '@uxd-ui/components/Popup';\nimport Selection from '../Select/Selection';\nimport UTree from '../Tree';\nimport useGlobalConfig from '../base/hooks/useGlobalConfig';\nimport useContainerWidth from '../base/hooks/useContainerWidth';\nimport useCheckble from './hooks/useCheckble';\nimport useFilter from './hooks/useFilter';\n\nimport { type SelectTreeItem, treeSelectProps, treeSelectEmits } from './TreeSelect.type';\nimport type { SelectValueType } from '../Select/Select.type';\nimport type { TreeItem } from '../Tree/Tree.type';\nimport UEmpty from '../Empty';\n\nexport default defineComponent({\n  name: 'UTreeSelect',\n  components: {\n    Popup,\n    Selection,\n    UTree,\n    UEmpty\n  },\n  props: treeSelectProps,\n  emits: treeSelectEmits,\n  setup(props, { emit }) {\n    // cssprefix\n    const { prefixCls } = useGlobalConfig('tree-select');\n    const { prefixCls: selectPrefixCls } = useGlobalConfig('select');\n    // ref\n    const containerRef = ref<any | null>(null);\n    const utreeRef = ref<any | null>(null);\n    // popup open\n    const stateOpen = ref(false);\n    const stateValue = ref<(string | number)[]>([]);\n    const originTreeData = ref<SelectTreeItem[]>([]);\n    const displayTreeData = ref<SelectTreeItem[]>([]);\n    const searchValue = ref<string>('');\n\n    // #region\n    const { treeNodes, genarateTreeNodes, getNodesByKeys, getSelectItems } = useCheckble(props);\n    const updateStateValue = (propValue: SelectValueType) => {\n      const values = Array.isArray(propValue) ? propValue : [propValue];\n      const keys: string[] = [];\n      Object.keys(treeNodes.value).forEach((key) => {\n        if (values.includes(treeNodes.value[key].value || treeNodes.value[key].key)) {\n          keys.push(key);\n        }\n      });\n      stateValue.value = keys;\n    };\n    // #endregion\n    // =================== watch ==================\n    // #region\n    watch(\n      () => props.treeData,\n      (nv) => {\n        originTreeData.value = [...nv];\n        displayTreeData.value = originTreeData.value;\n        genarateTreeNodes(nv);\n        updateStateValue(props.modelValue);\n      },\n      { immediate: true }\n    );\n    watch(\n      () => props.modelValue,\n      (nv) => {\n        updateStateValue(nv);\n      },\n      { immediate: true }\n    );\n    // #endregion\n    // =================== computed ==================\n    // #region\n    const displayValues = computed(() => {\n      const valueList = getNodesByKeys(stateValue.value);\n      return valueList;\n    });\n    const showClear = computed(() => {\n      return props.clearable && !props.disabled && (!!stateValue.value?.length || !!searchValue.value);\n    });\n    // #endregion\n\n    // #endregion\n    // ================ search ================\n    // #region\n    const { getFilterTree } = useFilter(originTreeData, treeNodes);\n    const setSearchValue = (value: string) => {\n      searchValue.value = value;\n      displayTreeData.value = getFilterTree(value);\n    };\n    const triggerSearch = (searchText: string) => {\n      const preSearchValue = searchValue.value;\n      setSearchValue(searchText);\n      if (preSearchValue !== searchText) {\n        emit('search', searchText);\n      }\n      return true;\n    };\n    // #endregion\n\n    // #region\n    const updateModelValue = (selectKeys: (string | number)[]) => {\n      stateValue.value = selectKeys;\n      const selectItems = getSelectItems(selectKeys);\n      const values = selectItems.map((x) => x.value || x.key);\n      emit('update:modelValue', props.multiple || props.checkable ? values : values[0]);\n      emit('change', props.multiple || props.checkable ? values : values[0], props.multiple || props.checkable ? selectItems : selectItems[0]);\n    };\n    const onSelectionSelect = (value: string) => {\n      if (props.disabled) {\n        return;\n      }\n      let selectKeys = [];\n      if (!props.treeCheckStrictly) {\n        const keyIndex = (stateValue.value as string[]).indexOf(value);\n        const checked = !(keyIndex >= 0);\n\n        const checkResult = utreeRef.value!.computedChecked([value], checked);\n        selectKeys = checkResult.checkedKeys;\n      } else {\n        selectKeys = (stateValue.value as string[]).filter((x) => x !== value);\n      }\n      updateModelValue(selectKeys);\n    };\n    const onNodeExpand = (expandKeys: (string | number)[]) => {\n      emit('expand', expandKeys);\n    };\n    const onNodeSelect = (selectItems: TreeItem[]) => {\n      if (!props.multiple) stateOpen.value = false;\n      setSearchValue('');\n      const selectKeys = (selectItems as SelectTreeItem[]).map((x) => x.key);\n      updateModelValue(selectKeys);\n    };\n\n    const onNodeCheck = (checkKeys: (string | number)[]) => {\n      updateModelValue(checkKeys);\n    };\n    // #endregion\n    // =================== popup ==================\n    // #region\n    const { containerWidth, getContainerWidth } = useContainerWidth(containerRef);\n    onMounted(() => {\n      getContainerWidth();\n    });\n\n    onUpdated(() => {\n      getContainerWidth();\n    });\n\n    const popupStyle = computed(() => {\n      const cssStyle: CSSProperties = {};\n      if (typeof props.dropdownMenuWidth === 'number') {\n        cssStyle.width = `${props.dropdownMenuWidth}px`;\n        cssStyle.minWidth = `${props.dropdownMenuWidth}px`;\n      } else {\n        cssStyle.width = `${containerWidth.value}px`;\n        cssStyle.minWidth = `${containerWidth.value}px`;\n      }\n      return {\n        ...cssStyle,\n        ...props.dropdownMenuStyle\n      } as CSSProperties;\n    });\n    // #endregion\n    // =================== focus/ blur ==================\n    // #region\n    const onContainerFocus = () => {\n      if (props.disabled) return;\n      stateOpen.value = true;\n    };\n    const onContainerBlur = () => {\n      emit('search', searchValue.value);\n    };\n    provide('SelectContext', {\n      focus: onContainerFocus,\n      blur: onContainerBlur\n    });\n    // #endregion\n    const onClickOutside = () => {\n      setSearchValue('');\n      stateOpen.value = false;\n    };\n    // ================ clear ================\n    // #region\n    const onClearSelection = () => {\n      emit('update:modelValue', []);\n      emit('change', []);\n    };\n\n    // ================ update tree data ================\n    // #region\n    const onUpdateTreeData = (data: TreeItem[]) => {\n      setSearchValue('');\n      originTreeData.value = [...data] as SelectTreeItem[];\n      displayTreeData.value = originTreeData.value;\n      genarateTreeNodes(originTreeData.value);\n    };\n    // #endregion\n\n    return {\n      prefixCls,\n      selectPrefixCls,\n      containerRef,\n      utreeRef,\n      stateOpen,\n      stateValue,\n      searchValue,\n      displayValues,\n      showClear,\n      displayTreeData,\n      popupStyle,\n      onClickOutside,\n      onNodeSelect,\n      onNodeExpand,\n      onNodeCheck,\n      onClearSelection,\n      triggerSearch,\n      onSelectionSelect,\n      onUpdateTreeData\n    };\n  }\n});\n</script>\n"],"names":["useFilter","_createBlock","_withCtx","_createElementBlock","_createVNode","_normalizeClass","_createElementVNode","_renderSlot","_createCommentVNode","_resolveDynamicComponent"],"mappings":"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"}

package/es/components/TreeSelect/TreeSelect.type.d.ts

@@ -0,0 +1,134 @@
+import type { CSSProperties, ExtractPropTypes, PropType } from 'vue';
+import type { EmitFn, IconPropType } from '../../utils/globalType';
+import type { SingleValueType, SelectValueType } from '../Select/Select.type';
+import type { TreeLoadData } from '../Tree/Tree.type';
+import type TreeSelect from './TreeSelect.vue';
+export interface SelectTreeItem {
+    key: string;
+    title: string;
+    value?: SingleValueType;
+    disabled?: boolean;
+    children?: SelectTreeItem[];
+}
+export interface InnerSelectTreeItem extends Omit<SelectTreeItem, 'children'> {
+    from?: string;
+    childKeys?: string[];
+    level: number;
+}
+export declare const checkedStrategy: readonly ["SHOW_PARENT", "SHOW_ALL"];
+export declare type CheckedStrategy = (typeof checkedStrategy)[number];
+export declare const treeSelectProps: {
+    modelValue: {
+        type: PropType<SelectValueType>;
+        default: () => SelectValueType;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    iconType: {
+        type: PropType<IconPropType>;
+        default: any;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearIcon: {
+        type: PropType<IconPropType>;
+        default: any;
+    };
+    labelInValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxTagCount: {
+        type: NumberConstructor;
+    };
+    treeCheckStrictly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    treeData: {
+        type: PropType<SelectTreeItem[]>;
+        default: () => SelectTreeItem[];
+    };
+    treeDefaultExpandAll: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dropdownMenuStyle: {
+        type: PropType<CSSProperties>;
+        default: () => {};
+    };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checkable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadData: {
+        type: PropType<TreeLoadData>;
+    };
+    showCheckedStrategy: {
+        type: PropType<"SHOW_PARENT" | "SHOW_ALL">;
+        default: string;
+        validator: (val: "SHOW_PARENT" | "SHOW_ALL") => boolean;
+    };
+    dropdownMenuWidth: {
+        type: PropType<number | "container">;
+        default: string;
+    };
+    variant: {
+        type: PropType<"text" | "surface" | "soft">;
+        default: string;
+        validator: (val: string) => boolean;
+    };
+    color: {
+        type: PropType<"primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint">;
+        default: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint";
+        validator: (val: "primary" | "blue" | "red" | "orange" | "green" | "iris" | "cyan" | "yellow" | "amber" | "purple" | "lime" | "sky" | "violet" | "pink" | "mint") => boolean;
+    };
+    label: {
+        type: StringConstructor;
+    };
+    labelColon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placement: {
+        type: PropType<"top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end">;
+        default: string;
+        validator: (val: "top" | "bottom" | "auto" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end") => boolean;
+    };
+    notFoundText: {
+        type: StringConstructor;
+    };
+};
+export declare type TreeSelectProps = ExtractPropTypes<typeof treeSelectProps>;
+export declare const treeSelectEmits: {
+    'update:modelValue': (v: SelectValueType) => boolean;
+    search: (v: string) => boolean;
+    expand: (keys: (string | number)[]) => boolean;
+    change: (v: SelectValueType, item: SelectTreeItem | SelectTreeItem[]) => boolean;
+};
+export declare type TreeSelectEmits = typeof treeSelectEmits;
+export declare type TreeSelectEmit = EmitFn<TreeSelectEmits>;
+export declare type TreeSelectInstance = InstanceType<typeof TreeSelect>;