lew-ui 2.7.67 → 2.7.69

package/dist/index.js

@@ -5347,16 +5347,6 @@ function insertChildByKey(tree, key, newChild) {
   }
   return false;
 }
-function findAllChildrenKeys(node) {
-  const keys2 = [];
-  const traverse = (item) => {
-    if (item.key !== void 0)
-      keys2.push(item.key);
-    item.children?.forEach(traverse);
-  };
-  node.children?.forEach(traverse);
-  return keys2;
-}
 function findNodeByKey(key, tree) {
   const queue = cloneDeep(tree);
   while (queue.length > 0) {
@@ -8469,8 +8459,8 @@ const SortIcon = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-
 const _hoisted_1$P = { class: "lew-table-header" };
 const _hoisted_2$y = { class: "lew-table-tr" };
 const _hoisted_3$r = { class: "lew-table-main" };
-const _hoisted_4$i = { class: "lew-table-tr" };
-const _hoisted_5$g = { class: "lew-table-tr" };
+const _hoisted_4$h = { class: "lew-table-tr" };
+const _hoisted_5$f = { class: "lew-table-tr" };
 const _hoisted_6$b = {
   key: 0,
   class: "lew-table-empty"
@@ -8648,8 +8638,10 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     }));
     const totalColumnWidth = computed(() => {
       let width = sumBy(leafColumns.value, "width");
-      if (props.checkable) width += getCheckableWidth.value;
-      if (props.sortable) width += getDragColumnWidth.value;
+      if (props.checkable)
+        width += getCheckableWidth.value;
+      if (props.sortable)
+        width += getDragColumnWidth.value;
       return width;
     });
     const fixedWidths = computed(() => {
@@ -8690,7 +8682,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     });
     const columnLevel = computed(() => {
       const findMaxDepth = (columns, currentDepth = 1) => {
-        if (!columns || columns.length === 0) return currentDepth;
+        if (!columns || columns.length === 0)
+          return currentDepth;
         let maxDepth = currentDepth;
         for (const col of columns) {
           if (col.children && col.children.length > 0) {
@@ -8883,8 +8876,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
                         column?.title,
                         column.sortable && h(SortIcon, {
                           "sort-value": sortValue.value[column.field],
-                          size: props.size,
-                          class: "lew-table-sorter"
+                          "size": props.size,
+                          "class": "lew-table-sorter"
                         })
                       ]
                     }
@@ -8928,7 +8921,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       }
     }
     function updateScrollState() {
-      if (!tableRef.value) return;
+      if (!tableRef.value)
+        return;
       const element = tableRef.value;
       const { clientWidth, scrollWidth, scrollLeft } = element;
       if (scrollWidth === clientWidth) {
@@ -9000,7 +8994,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     }
     const handleTableResize = throttle(() => {
       const table = tableRef.value;
-      if (!table) return;
+      if (!table)
+        return;
       const newScrollClientWidth = table.clientWidth;
       const newIsScroll = table.scrollWidth > table.clientWidth + 5;
       if (state.scrollClientWidth !== newScrollClientWidth) {
@@ -9058,7 +9053,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     }
     const throttledTooltipUpdate = throttle(updateTooltipPosition, TOOLTIP_THROTTLE_DELAY);
     function dragStart(event, row, index2) {
-      if (!props.sortable) return;
+      if (!props.sortable)
+        return;
       initDragState();
       computeTableRowHeight();
       state.dragIndex = index2;
@@ -9143,7 +9139,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     }
     function updateDragTarget(mouseY) {
       state.lastMouseY = mouseY;
-      if (!state.dragRowId || Object.keys(state.trPositionsMap).length === 0) return;
+      if (!state.dragRowId || Object.keys(state.trPositionsMap).length === 0)
+        return;
       const dragDistance = Math.abs(state.initialDragY - mouseY);
       const minDragDistance = 5;
       if (dragDistance < minDragDistance) {
@@ -9157,7 +9154,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       }));
       positionEntries.sort((a, b) => a.top - b.top);
       for (const entry of positionEntries) {
-        if (entry.id === state.dragRowId) continue;
+        if (entry.id === state.dragRowId)
+          continue;
         const position = entry;
         if (mouseY >= position.top && mouseY <= position.bottom) {
           targetRowId = position.id;
@@ -9167,8 +9165,10 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       }
       if (!targetRowId) {
         for (let i = 0; i < positionEntries.length - 1; i++) {
-          if (positionEntries[i].id === state.dragRowId) continue;
-          if (positionEntries[i + 1].id === state.dragRowId) continue;
+          if (positionEntries[i].id === state.dragRowId)
+            continue;
+          if (positionEntries[i + 1].id === state.dragRowId)
+            continue;
           if (mouseY > positionEntries[i].bottom && mouseY < positionEntries[i + 1].top) {
             if (mouseY - positionEntries[i].bottom < positionEntries[i + 1].top - mouseY) {
               targetRowId = positionEntries[i].id;
@@ -9203,7 +9203,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     `;
       }
       const targetPosition = state.trPositionsMap[state.targetRowId];
-      if (!targetPosition) return "display: none;";
+      if (!targetPosition)
+        return "display: none;";
       const top2 = state.isAboveTarget ? targetPosition.top : targetPosition.bottom;
       const tableRect = tableRef.value?.getBoundingClientRect();
       const offsetTop = tableRect ? top2 - tableRect.top : 0;
@@ -9222,7 +9223,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       });
     }
     function getRowHeight(row) {
-      if (!row || !row._lew_table_tr_id) return "auto";
+      if (!row || !row._lew_table_tr_id)
+        return "auto";
       const height = state.trHeightMap[row._lew_table_tr_id];
       if (!height) {
         const minHeightMap = {
@@ -9435,7 +9437,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
               ])
             ], 512)) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_3$r, [
-              createElementVNode("div", _hoisted_4$i, [
+              createElementVNode("div", _hoisted_4$h, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(unref(nonFixedHeaderColumns), (column) => {
                   return openBlock(), createBlock(readerHeaderTd, {
                     key: column.field,
@@ -9454,7 +9456,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
               ref: fixedRightRef,
               class: "lew-table-fixed-right"
             }, [
-              createElementVNode("div", _hoisted_5$g, [
+              createElementVNode("div", _hoisted_5$f, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getFixedHeaderColumns)("right"), (column) => {
                   return openBlock(), createBlock(readerHeaderTd, {
                     key: column.field,
@@ -9704,6 +9706,250 @@ const treeEmits = {
   loadStart: () => true,
   loadEnd: (text) => text
 };
+function useDOMCreate(nodeId) {
+  const node = document.getElementById(nodeId);
+  if (node) ;
+  else {
+    const newNode = document.createElement("div");
+    newNode.id = nodeId;
+    document.body.appendChild(newNode);
+  }
+}
+function useEventListener(target, event, callback) {
+  onMounted(() => target.addEventListener(event, callback, true));
+  onUnmounted(() => target.removeEventListener(event, callback, true));
+}
+function useTreeSelection() {
+  const tree = ref([]);
+  const parentMap = /* @__PURE__ */ new Map();
+  const childrenMap = /* @__PURE__ */ new Map();
+  const allDescendantsMap = /* @__PURE__ */ new Map();
+  const disabledMap = /* @__PURE__ */ new Map();
+  const selectedSet = /* @__PURE__ */ new Set();
+  const indeterminateSet = /* @__PURE__ */ new Set();
+  const selectedKeys = ref([]);
+  const indeterminateKeys = ref([]);
+  function buildMaps() {
+    parentMap.clear();
+    childrenMap.clear();
+    allDescendantsMap.clear();
+    disabledMap.clear();
+    const dfs = (node, parent) => {
+      parentMap.set(node.key, parent);
+      const directChildren = node.children?.map((c) => c.key) || [];
+      childrenMap.set(node.key, directChildren);
+      disabledMap.set(node.key, !!node.disabled);
+      const allDescendants = [];
+      const collectDescendants = (n) => {
+        n.children?.forEach((child) => {
+          allDescendants.push(child.key);
+          collectDescendants(child);
+        });
+      };
+      collectDescendants(node);
+      allDescendantsMap.set(node.key, allDescendants);
+      node.children?.forEach((child) => dfs(child, node.key));
+    };
+    unref(tree).forEach((root2) => dfs(root2, null));
+  }
+  buildMaps();
+  function flush() {
+    selectedKeys.value = Array.from(selectedSet);
+    indeterminateKeys.value = Array.from(indeterminateSet);
+  }
+  function isLeafNode(key) {
+    const children = childrenMap.get(key) || [];
+    return children.length === 0;
+  }
+  function isNodeDisabled(key) {
+    return disabledMap.get(key) || false;
+  }
+  function updateNodeState(key) {
+    const children = childrenMap.get(key) || [];
+    if (children.length === 0) {
+      indeterminateSet.delete(key);
+      return;
+    }
+    const enabledChildren = children.filter((child) => !isNodeDisabled(child));
+    if (enabledChildren.length === 0) {
+      selectedSet.delete(key);
+      indeterminateSet.delete(key);
+      return;
+    }
+    const selectedChildren = enabledChildren.filter((child) => selectedSet.has(child));
+    const indeterminateChildren = enabledChildren.filter((child) => indeterminateSet.has(child));
+    if (selectedChildren.length === enabledChildren.length) {
+      selectedSet.add(key);
+      indeterminateSet.delete(key);
+    } else if (selectedChildren.length > 0 || indeterminateChildren.length > 0) {
+      selectedSet.delete(key);
+      indeterminateSet.add(key);
+    } else {
+      selectedSet.delete(key);
+      indeterminateSet.delete(key);
+    }
+  }
+  function updateAncestors(key) {
+    let parent = parentMap.get(key);
+    while (parent !== void 0 && parent !== null) {
+      updateNodeState(parent);
+      parent = parentMap.get(parent);
+    }
+  }
+  function selectNodeAndDescendants(key) {
+    if (isNodeDisabled(key)) {
+      return;
+    }
+    selectedSet.add(key);
+    indeterminateSet.delete(key);
+    const descendants = allDescendantsMap.get(key) || [];
+    descendants.forEach((descendant) => {
+      if (!isNodeDisabled(descendant)) {
+        selectedSet.add(descendant);
+        indeterminateSet.delete(descendant);
+      }
+    });
+  }
+  function deselectNodeAndDescendants(key) {
+    selectedSet.delete(key);
+    indeterminateSet.delete(key);
+    const descendants = allDescendantsMap.get(key) || [];
+    descendants.forEach((descendant) => {
+      selectedSet.delete(descendant);
+      indeterminateSet.delete(descendant);
+    });
+  }
+  function init({ tree: _tree, keys: keys2 }) {
+    if ((_tree || []).length > 0) {
+      tree.value = _tree;
+    }
+    buildMaps();
+    for (const key of selectedSet) {
+      if (!parentMap.has(key) && !childrenMap.has(key)) {
+        selectedSet.delete(key);
+      }
+    }
+    for (const key of indeterminateSet) {
+      if (!parentMap.has(key) && !childrenMap.has(key)) {
+        indeterminateSet.delete(key);
+      }
+    }
+    recompute();
+    selectedSet.clear();
+    indeterminateSet.clear();
+    if (Array.isArray(keys2)) {
+      keys2.forEach((key) => {
+        if (parentMap.has(key) || childrenMap.has(key)) {
+          if (isNodeDisabled(key)) {
+            return;
+          }
+          selectNodeAndDescendants(key);
+        }
+      });
+      const processedAncestors = /* @__PURE__ */ new Set();
+      keys2.forEach((key) => {
+        if (parentMap.has(key) || childrenMap.has(key)) {
+          let parent = parentMap.get(key);
+          while (parent !== void 0 && parent !== null && !processedAncestors.has(parent)) {
+            updateNodeState(parent);
+            processedAncestors.add(parent);
+            parent = parentMap.get(parent);
+          }
+        }
+      });
+    }
+    flush();
+  }
+  function recompute() {
+    indeterminateSet.clear();
+    const allKeys = Array.from(parentMap.keys());
+    const sortedKeys = allKeys.sort((a, b) => {
+      const aChildren = childrenMap.get(a) || [];
+      const bChildren = childrenMap.get(b) || [];
+      return aChildren.length - bChildren.length;
+    });
+    sortedKeys.forEach((key) => {
+      updateNodeState(key);
+    });
+    flush();
+  }
+  function addKey(key) {
+    if (!parentMap.has(key) && !childrenMap.has(key)) {
+      return;
+    }
+    if (isNodeDisabled(key)) {
+      return;
+    }
+    selectNodeAndDescendants(key);
+    updateAncestors(key);
+    flush();
+  }
+  function removeKey(key) {
+    if (!selectedSet.has(key) && !indeterminateSet.has(key)) {
+      return;
+    }
+    deselectNodeAndDescendants(key);
+    updateAncestors(key);
+    flush();
+  }
+  function toggleKey(key) {
+    if (isNodeDisabled(key)) {
+      return;
+    }
+    if (selectedSet.has(key)) {
+      removeKey(key);
+    } else {
+      addKey(key);
+    }
+  }
+  const isSelected = computed(() => {
+    return (key) => {
+      return selectedKeys.value.includes(key);
+    };
+  });
+  const isIndeterminate = computed(() => {
+    return (key) => {
+      return indeterminateKeys.value.includes(key);
+    };
+  });
+  function getSelectedLeafKeys() {
+    return Array.from(selectedSet).filter((key) => isLeafNode(key));
+  }
+  function findItemsByValues(values) {
+    const foundItems = [];
+    const findInTree = (nodes, targetValues) => {
+      for (const node of nodes) {
+        if (targetValues.includes(node.key)) {
+          const item = {
+            ...node,
+            isLeaf: !node.children || node.children.length === 0
+          };
+          delete item.children;
+          foundItems.push(item);
+        }
+        if (node.children && node.children.length > 0) {
+          findInTree(node.children, targetValues);
+        }
+      }
+    };
+    findInTree(unref(tree), values);
+    return foundItems;
+  }
+  flush();
+  return {
+    selectedKeys,
+    indeterminateKeys,
+    init,
+    addKey,
+    removeKey,
+    toggleKey,
+    isSelected,
+    isIndeterminate,
+    isNodeDisabled,
+    getSelectedLeafKeys,
+    findItemsByValues
+  };
+}
 const treeModel = {
   modelValue: {
     type: [Array, String],
@@ -9765,7 +10011,7 @@ const treeProps = {
   },
   free: {
     type: Boolean,
-    default: true,
+    default: false,
     validator: validators.boolean({
       componentName: "LewTree",
       propName: "free"
@@ -9887,7 +10133,7 @@ const treeItemProps = {
 function findAllNodes(tree = [], keyField = "key") {
   const nodes = /* @__PURE__ */ new Set();
   const traverse = (node) => {
-    nodes.add(node[keyField]);
+    nodes.add(String(node[keyField]));
     if (node.children?.length > 0) {
       node.children.forEach((child) => traverse(child));
     }
@@ -9899,7 +10145,7 @@ function findLeafNodes(tree = [], keyField = "key") {
   const leafNodes = /* @__PURE__ */ new Set();
   const traverse = (node) => {
     if (!node.children?.length) {
-      leafNodes.add(node[keyField]);
+      leafNodes.add(String(node[keyField]));
     } else {
       node.children.forEach((child) => traverse(child));
     }
@@ -9918,7 +10164,7 @@ function formatTree$1({
 }) {
   return dataSource.map((node, index2) => {
     const { children, ...rest } = node;
-    const key = rest[keyField];
+    const key = String(rest[keyField]);
     const label = rest[labelField];
     const keyPaths = [...parentKeyPaths, key];
     const labelPaths = [...parentLabelPaths, label];
@@ -9930,7 +10176,7 @@ function formatTree$1({
       keyPaths,
       labelPaths,
       isLeaf,
-      parentKey: parent?.[keyField] ?? null,
+      parentKey: parent?.[keyField] ? String(parent[keyField]) : null,
       level: parentKeyPaths.length,
       parentKeyPaths,
       parentLabelPaths,
@@ -10047,6 +10293,7 @@ const treeItemEmits = {
   change: () => true,
   expand: () => true
 };
+const TREE_INJECTION_KEY = Symbol("lew-tree");
 const _hoisted_1$O = {
   key: 0,
   class: "lew-tree-item-main"
@@ -10058,91 +10305,50 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const treeContext = inject(TREE_INJECTION_KEY);
     const {
       modelValue,
       expandKeys,
+      dataSource,
+      cacheDataSource,
       multiple,
       checkable,
       expandAll,
-      _dataSource,
       loadMethod,
       keyField,
       labelField,
       free,
-      cacheDataSource
-    } = inject("lew-tree");
+      treeSelection
+    } = treeContext;
     const loading = ref(false);
     const loaded = ref(false);
-    function areSomeChildrenSelected(node) {
-      if (!node.children || node.children.length === 0)
-        return false;
-      const childKeys = findAllChildrenKeys(node);
-      return childKeys.some((key) => modelValue.value.includes(key)) && !childKeys.every((key) => modelValue.value.includes(key));
-    }
     function select() {
-      if (props.disabled)
+      if (props.disabled || !props.__key)
         return;
-      let newModelValue = cloneDeep(modelValue.value);
+      const nodeKey = props.__key;
       if (multiple) {
-        const index2 = newModelValue.indexOf(props.__key);
         if (free) {
+          const currentValue = modelValue.value;
+          const newModelValue = Array.isArray(currentValue) ? [...currentValue] : [];
+          const index2 = newModelValue.indexOf(nodeKey);
           if (index2 > -1) {
             newModelValue.splice(index2, 1);
           } else {
-            newModelValue.push(props.__key);
+            newModelValue.push(nodeKey);
           }
+          modelValue.value = newModelValue;
         } else {
-          if (index2 > -1) {
-            newModelValue.splice(index2, 1);
-            if (props.extend && props.extend.children && props.extend.children.length > 0) {
-              const childKeys = findAllChildrenKeys(props.extend);
-              newModelValue = newModelValue.filter(
-                (key) => !childKeys.includes(key)
-              );
-            }
-            if (props.extend && props.extend.parentKeyPaths && props.extend.parentKeyPaths.length > 0) {
-              props.extend.parentKeyPaths.forEach((parentKey) => {
-                const parentIndex = newModelValue.indexOf(parentKey);
-                if (parentIndex > -1) {
-                  newModelValue.splice(parentIndex, 1);
-                }
-              });
-            }
-          } else {
-            newModelValue.push(props.__key);
-            if (props.extend && props.extend.children && props.extend.children.length > 0) {
-              const childKeys = findAllChildrenKeys(props.extend);
-              childKeys.forEach((key) => {
-                if (!newModelValue.includes(key)) {
-                  newModelValue.push(key);
-                }
-              });
-            }
-          }
-          if (props.extend && props.extend.parentKey && props.extend.parentKeyPaths) {
-            const parentKey = props.extend.parentKey;
-            const parentNode = findNodeByKey(parentKey, _dataSource.value);
-            const siblingKeys = (parentNode?.children || []).map((e) => e.key);
-            if (siblingKeys.length > 0 && siblingKeys.every((key) => newModelValue.includes(key))) {
-              if (!newModelValue.includes(parentKey)) {
-                newModelValue.push(parentKey);
-              }
-            } else {
-              newModelValue = newModelValue.filter(
-                (key) => key !== parentKey
-              );
-            }
-          }
+          treeSelection?.toggleKey(nodeKey);
         }
       } else {
-        newModelValue = props.__key;
+        modelValue.value = nodeKey;
       }
-      modelValue.value = newModelValue;
       emit("change");
     }
     async function expand() {
-      if (!props.isLeaf) {
-        const index2 = expandKeys.value.indexOf(props.__key);
+      if (!props.isLeaf && props.__key) {
+        const nodeKey = props.__key;
+        const index2 = expandKeys.value.indexOf(nodeKey);
         if (index2 > -1) {
           expandKeys.value.splice(index2, 1);
         } else if (loadMethod && !loading.value && !loaded.value) {
@@ -10150,8 +10356,8 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
           const _tree = await loadMethod(
             cloneDeep({
               ...props,
-              key: props.__key,
-              value: props.__key,
+              key: nodeKey,
+              value: nodeKey,
               extend: props.extend
             })
           ) || [];
@@ -10163,45 +10369,51 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
           });
           if (status === "success") {
             loaded.value = true;
-            insertChildByKey(_dataSource.value, props.__key, result);
-            _dataSource.value = formatTree$1({
-              dataSource: _dataSource.value,
+            insertChildByKey(dataSource.value, nodeKey, result);
+            dataSource.value = formatTree$1({
+              dataSource: dataSource.value,
               keyField,
               labelField,
               free
             });
-            cacheDataSource.value = cloneDeep(_dataSource.value);
-            expandKeys.value = [...expandKeys.value, props.__key];
+            cacheDataSource.value = cloneDeep(dataSource.value);
+            expandKeys.value = [...expandKeys.value, nodeKey];
           } else {
             loaded.value = false;
             LewMessage.error(error.message);
           }
           loading.value = false;
         } else {
-          expandKeys.value.push(props.__key);
+          expandKeys.value.push(nodeKey);
         }
       }
       expandKeys.value = cloneDeep(expandKeys.value);
       emit("expand");
     }
     const isNodeSelected = computed(() => {
+      if (!props.__key)
+        return false;
       if (multiple) {
-        return modelValue.value.includes(props.__key);
+        if (free) {
+          return modelValue.value?.includes(props.__key) || false;
+        } else {
+          return treeSelection?.isSelected(props.__key) || false;
+        }
       } else {
         return modelValue.value === props.__key;
       }
     });
     const isNodePartiallySelected = computed(() => {
-      if (!multiple || free)
+      if (!multiple || free || !props.__key)
         return false;
-      return props.extend && areSomeChildrenSelected(props.extend);
+      return treeSelection?.isIndeterminate(props.__key) || false;
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
         createElementVNode("div", {
           class: normalizeClass(["lew-tree-item", {
             "lew-tree-item-expand-all": unref(expandAll),
-            "lew-tree-item-expand": (unref(expandKeys) || []).includes(_ctx.__key),
+            "lew-tree-item-expand": _ctx.__key ? (unref(expandKeys) || []).includes(_ctx.__key) : false,
             "lew-tree-item-certain": unref(isNodePartiallySelected),
             "lew-tree-item-selected": unref(isNodeSelected),
             "lew-tree-item-leaf": _ctx.isLeaf,
@@ -10257,7 +10469,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
         ], 2),
         !_ctx.isLeaf ? (openBlock(), createBlock(unref(_sfc_main$1a), { key: 0 }, {
           default: withCtx(() => [
-            (unref(expandKeys) || []).length > 0 && unref(expandKeys).includes(_ctx.__key) || unref(expandAll) ? (openBlock(), createElementBlock("div", _hoisted_1$O, [
+            (unref(expandKeys) || []).length > 0 && _ctx.__key && unref(expandKeys).includes(_ctx.__key) || unref(expandAll) ? (openBlock(), createElementBlock("div", _hoisted_1$O, [
               renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ])) : createCommentVNode("", true)
           ]),
@@ -10267,12 +10479,11 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTreeItem = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-c9c35953"]]);
+const LewTreeItem = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-cd8b4ad5"]]);
 const _hoisted_1$N = {
   key: 0,
   class: "lew-result-count"
 };
-const DEBOUNCE_TIME = 250;
 const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "LewTree",
   props: /* @__PURE__ */ mergeModels(treeProps, {
@@ -10287,30 +10498,52 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const modelValue = useModel(__props, "modelValue");
     const expandKeys = useModel(__props, "expandKeys");
-    const _dataSource = ref([]);
+    const dataSource = ref([]);
     const loading = ref(false);
     const keyword = ref("");
     const lastSearchKeyword = ref("");
-    const searchTimer = ref(null);
     const cacheDataSource = ref([]);
-    provide("lew-tree", {
-      modelValue,
-      expandKeys,
+    let isInternalUpdate = false;
+    const {
+      selectedKeys,
+      init: initTreeSelection,
+      isSelected,
+      isIndeterminate,
+      toggleKey,
+      addKey,
+      removeKey,
+      findItemsByValues
+    } = useTreeSelection();
+    const treeContext = {
+      // 只读配置
       multiple: props.multiple,
       checkable: props.checkable,
       expandAll: props.expandAll,
       free: props.free,
       showLine: props.showLine,
-      loadMethod: props.loadMethod,
+      onlyLeafSelectable: props.onlyLeafSelectable,
       keyField: props.keyField,
       labelField: props.labelField,
-      onlyLeafSelectable: props.onlyLeafSelectable,
+      // 状态 refs
+      modelValue,
+      expandKeys,
+      dataSource,
       cacheDataSource,
-      _dataSource
-    });
+      // 方法
+      loadMethod: props.loadMethod,
+      // Tree Selection - 只在多选且非 free 模式下提供
+      treeSelection: props.multiple && !props.free ? {
+        isSelected: isSelected.value,
+        isIndeterminate: isIndeterminate.value,
+        toggleKey,
+        addKey,
+        removeKey
+      } : void 0
+    };
+    provide(TREE_INJECTION_KEY, treeContext);
     const getResultText = computed(() => {
-      return _dataSource.value.length > 0 ? locale.t("tree.resultCount", {
-        num: numFormat(_dataSource.value.length)
+      return dataSource.value.length > 0 ? locale.t("tree.resultCount", {
+        num: numFormat(dataSource.value.length)
       }) : "";
     });
     function renderMenuTreeItem(item, level = 0) {
@@ -10325,7 +10558,12 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
           isLeaf: isLeaf !== void 0 ? isLeaf : (children || []).length === 0,
           disabled,
           extend: item,
-          onChange: () => emit("change", cloneDeep({ extend: item, key, value: key })),
+          onChange: () => {
+            nextTick(() => {
+              const value = props.multiple ? modelValue.value : key;
+              emit("change", cloneDeep({ extend: item, key, value }));
+            });
+          },
           onExpand: () => emit("expand", cloneDeep({ extend: item, key, value: key }))
         },
         () => (item.children || []).map(
@@ -10333,9 +10571,32 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
         )
       );
     }
+    function updateModelValue() {
+      isInternalUpdate = true;
+      if (!props.multiple) {
+        modelValue.value = selectedKeys.value[0] || void 0;
+      } else if (props.onlyLeafSelectable) {
+        const items = findItemsByValues(selectedKeys.value).filter(
+          (item) => item.isLeaf
+        );
+        modelValue.value = items.map((item) => item.key);
+      } else {
+        modelValue.value = cloneDeep(selectedKeys.value);
+      }
+      nextTick(() => {
+        isInternalUpdate = false;
+      });
+    }
+    function initTreeStructure() {
+      if (dataSource.value.length > 0 && props.multiple && !props.free) {
+        const currentKeys = modelValue.value && Array.isArray(modelValue.value) ? modelValue.value : [];
+        initTreeSelection({ tree: dataSource.value, keys: currentKeys });
+      }
+    }
     async function init(searchKeyword = "") {
       if (searchKeyword === "" && cacheDataSource.value.length > 0) {
-        _dataSource.value = cacheDataSource.value;
+        dataSource.value = cacheDataSource.value;
+        initTreeStructure();
         emit("loadEnd", getResultText.value);
         return;
       }
@@ -10344,10 +10605,10 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
       }
       emit("loadStart");
       lastSearchKeyword.value = searchKeyword;
-      const { dataSource, initMethod, keyField, labelField, free } = props;
+      const { dataSource: propsDataSource, initMethod, keyField, labelField, free } = props;
       const { status, result, error } = await transformTree({
         initMethod,
-        dataSource,
+        dataSource: propsDataSource,
         keyField,
         labelField,
         free,
@@ -10358,35 +10619,62 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
         return;
       }
       if (status === "success") {
-        _dataSource.value = result;
+        dataSource.value = result;
         if (searchKeyword === "" && cacheDataSource.value.length === 0) {
           cacheDataSource.value = cloneDeep(result);
         }
+        initTreeStructure();
       } else {
         LewMessage.error(error.message);
       }
-      expandKeys.value = cloneDeep(expandKeys.value);
-      modelValue.value = cloneDeep(modelValue.value);
       loading.value = false;
       emit("loadEnd", getResultText.value);
     }
     function reset() {
-      _dataSource.value = cloneDeep(cacheDataSource.value);
+      dataSource.value = cloneDeep(cacheDataSource.value);
+      if (props.multiple && !props.free) {
+        initTreeSelection({ keys: [] });
+      } else {
+        modelValue.value = props.multiple ? [] : void 0;
+      }
+      keyword.value = "";
+      lastSearchKeyword.value = "";
       emit("loadEnd", getResultText.value);
     }
-    function search(keyword2) {
-      if (searchTimer.value !== null) {
-        clearTimeout(searchTimer.value);
+    const search = /* @__PURE__ */ useDebounceFn((keyword2) => {
+      init(keyword2);
+    }, 250);
+    watch(selectedKeys, () => {
+      if (!isInternalUpdate && props.multiple && !props.free) {
+        updateModelValue();
       }
-      searchTimer.value = setTimeout(() => {
-        init(keyword2);
-        searchTimer.value = null;
-      }, DEBOUNCE_TIME);
-    }
+    });
+    watch(
+      () => modelValue.value,
+      (newValue) => {
+        if (isInternalUpdate) {
+          return;
+        }
+        if (props.multiple && !props.free && dataSource.value.length > 0) {
+          const keys2 = Array.isArray(newValue) ? newValue : [];
+          initTreeSelection({ keys: keys2 });
+        }
+      },
+      { immediate: false, deep: true }
+    );
+    watch(
+      () => props.multiple,
+      (isMultiple) => {
+        if (isMultiple && !Array.isArray(modelValue.value)) {
+          modelValue.value = modelValue.value ? [modelValue.value] : [];
+        }
+      },
+      { immediate: true }
+    );
     __expose({
       search,
       reset,
-      getTree: () => _dataSource.value
+      getTree: () => dataSource.value
     });
     onMounted(() => {
       init();
@@ -10414,13 +10702,13 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
                 width: "100%",
                 size: "small",
                 placeholder: unref(locale).t("tree.searchPlaceholder"),
-                onInput: _cache[1] || (_cache[1] = ($event) => search(unref(keyword)))
+                onInput: _cache[1] || (_cache[1] = ($event) => unref(search)(unref(keyword)))
               }, null, 8, ["modelValue", "placeholder"]),
               _ctx.searchable && unref(getResultText) ? (openBlock(), createElementBlock("div", _hoisted_1$N, toDisplayString$1(unref(getResultText)), 1)) : createCommentVNode("", true)
             ]),
             _: 1
           })) : createCommentVNode("", true),
-          unref(_dataSource) && unref(_dataSource).length === 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          unref(dataSource) && unref(dataSource).length === 0 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             _ctx.$slots.empty ? renderSlot(_ctx.$slots, "empty", { key: 0 }, void 0, true) : (openBlock(), createBlock(unref(LewFlex), {
               key: 1,
               direction: "y",
@@ -10443,7 +10731,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
             style: normalizeStyle({ height: unref(any2px)(_ctx.height) })
           }, {
             default: withCtx(() => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(_dataSource), (item) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(dataSource), (item) => {
                 return openBlock(), createBlock(resolveDynamicComponent(renderMenuTreeItem(item)), {
                   key: item.key
                 });
@@ -10462,7 +10750,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTree = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-cad21cb7"]]);
+const LewTree = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-3590b828"]]);
 const alertEmits = {
   close: () => true
 };
@@ -10509,11 +10797,11 @@ const _hoisted_3$q = {
   key: 1,
   class: "lew-alert-title"
 };
-const _hoisted_4$h = {
+const _hoisted_4$g = {
   key: 2,
   class: "lew-alert-content"
 };
-const _hoisted_5$f = {
+const _hoisted_5$e = {
   key: 3,
   class: "lew-alert-content"
 };
@@ -10548,9 +10836,9 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
           _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_2$x, [
             renderSlot(_ctx.$slots, "title", {}, void 0, true)
           ])) : props.title ? (openBlock(), createElementBlock("div", _hoisted_3$q, toDisplayString$1(props.title), 1)) : createCommentVNode("", true),
-          _ctx.$slots.content ? (openBlock(), createElementBlock("div", _hoisted_4$h, [
+          _ctx.$slots.content ? (openBlock(), createElementBlock("div", _hoisted_4$g, [
             renderSlot(_ctx.$slots, "content", {}, void 0, true)
-          ])) : props.content ? (openBlock(), createElementBlock("div", _hoisted_5$f, toDisplayString$1(props.content), 1)) : createCommentVNode("", true),
+          ])) : props.content ? (openBlock(), createElementBlock("div", _hoisted_5$e, toDisplayString$1(props.content), 1)) : createCommentVNode("", true),
           _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$a, [
             renderSlot(_ctx.$slots, "footer", {}, void 0, true)
           ])) : createCommentVNode("", true)
@@ -10569,250 +10857,6 @@ const LewAlert = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v
 const drawerEmits = {
   close: () => true
 };
-function useDOMCreate(nodeId) {
-  const node = document.getElementById(nodeId);
-  if (node) ;
-  else {
-    const newNode = document.createElement("div");
-    newNode.id = nodeId;
-    document.body.appendChild(newNode);
-  }
-}
-function useEventListener(target, event, callback) {
-  onMounted(() => target.addEventListener(event, callback, true));
-  onUnmounted(() => target.removeEventListener(event, callback, true));
-}
-function useTreeSelection() {
-  const tree = ref([]);
-  const parentMap = /* @__PURE__ */ new Map();
-  const childrenMap = /* @__PURE__ */ new Map();
-  const allDescendantsMap = /* @__PURE__ */ new Map();
-  const disabledMap = /* @__PURE__ */ new Map();
-  const selectedSet = /* @__PURE__ */ new Set();
-  const indeterminateSet = /* @__PURE__ */ new Set();
-  const selectedKeys = ref([]);
-  const indeterminateKeys = ref([]);
-  function buildMaps() {
-    parentMap.clear();
-    childrenMap.clear();
-    allDescendantsMap.clear();
-    disabledMap.clear();
-    const dfs = (node, parent) => {
-      parentMap.set(node.key, parent);
-      const directChildren = node.children?.map((c) => c.key) || [];
-      childrenMap.set(node.key, directChildren);
-      disabledMap.set(node.key, !!node.disabled);
-      const allDescendants = [];
-      const collectDescendants = (n) => {
-        n.children?.forEach((child) => {
-          allDescendants.push(child.key);
-          collectDescendants(child);
-        });
-      };
-      collectDescendants(node);
-      allDescendantsMap.set(node.key, allDescendants);
-      node.children?.forEach((child) => dfs(child, node.key));
-    };
-    unref(tree).forEach((root2) => dfs(root2, null));
-  }
-  buildMaps();
-  function flush() {
-    selectedKeys.value = Array.from(selectedSet);
-    indeterminateKeys.value = Array.from(indeterminateSet);
-  }
-  function isLeafNode(key) {
-    const children = childrenMap.get(key) || [];
-    return children.length === 0;
-  }
-  function isNodeDisabled(key) {
-    return disabledMap.get(key) || false;
-  }
-  function updateNodeState(key) {
-    const children = childrenMap.get(key) || [];
-    if (children.length === 0) {
-      indeterminateSet.delete(key);
-      return;
-    }
-    const enabledChildren = children.filter((child) => !isNodeDisabled(child));
-    if (enabledChildren.length === 0) {
-      selectedSet.delete(key);
-      indeterminateSet.delete(key);
-      return;
-    }
-    const selectedChildren = enabledChildren.filter((child) => selectedSet.has(child));
-    const indeterminateChildren = enabledChildren.filter((child) => indeterminateSet.has(child));
-    if (selectedChildren.length === enabledChildren.length) {
-      selectedSet.add(key);
-      indeterminateSet.delete(key);
-    } else if (selectedChildren.length > 0 || indeterminateChildren.length > 0) {
-      selectedSet.delete(key);
-      indeterminateSet.add(key);
-    } else {
-      selectedSet.delete(key);
-      indeterminateSet.delete(key);
-    }
-  }
-  function updateAncestors(key) {
-    let parent = parentMap.get(key);
-    while (parent !== void 0 && parent !== null) {
-      updateNodeState(parent);
-      parent = parentMap.get(parent);
-    }
-  }
-  function selectNodeAndDescendants(key) {
-    if (isNodeDisabled(key)) {
-      return;
-    }
-    selectedSet.add(key);
-    indeterminateSet.delete(key);
-    const descendants = allDescendantsMap.get(key) || [];
-    descendants.forEach((descendant) => {
-      if (!isNodeDisabled(descendant)) {
-        selectedSet.add(descendant);
-        indeterminateSet.delete(descendant);
-      }
-    });
-  }
-  function deselectNodeAndDescendants(key) {
-    selectedSet.delete(key);
-    indeterminateSet.delete(key);
-    const descendants = allDescendantsMap.get(key) || [];
-    descendants.forEach((descendant) => {
-      selectedSet.delete(descendant);
-      indeterminateSet.delete(descendant);
-    });
-  }
-  function init({ tree: _tree, keys: keys2 }) {
-    if ((_tree || []).length > 0) {
-      tree.value = _tree;
-    }
-    buildMaps();
-    for (const key of selectedSet) {
-      if (!parentMap.has(key) && !childrenMap.has(key)) {
-        selectedSet.delete(key);
-      }
-    }
-    for (const key of indeterminateSet) {
-      if (!parentMap.has(key) && !childrenMap.has(key)) {
-        indeterminateSet.delete(key);
-      }
-    }
-    recompute();
-    selectedSet.clear();
-    indeterminateSet.clear();
-    if (Array.isArray(keys2)) {
-      keys2.forEach((key) => {
-        if (parentMap.has(key) || childrenMap.has(key)) {
-          if (isNodeDisabled(key)) {
-            return;
-          }
-          selectNodeAndDescendants(key);
-        }
-      });
-      const processedAncestors = /* @__PURE__ */ new Set();
-      keys2.forEach((key) => {
-        if (parentMap.has(key) || childrenMap.has(key)) {
-          let parent = parentMap.get(key);
-          while (parent !== void 0 && parent !== null && !processedAncestors.has(parent)) {
-            updateNodeState(parent);
-            processedAncestors.add(parent);
-            parent = parentMap.get(parent);
-          }
-        }
-      });
-    }
-    flush();
-  }
-  function recompute() {
-    indeterminateSet.clear();
-    const allKeys = Array.from(parentMap.keys());
-    const sortedKeys = allKeys.sort((a, b) => {
-      const aChildren = childrenMap.get(a) || [];
-      const bChildren = childrenMap.get(b) || [];
-      return aChildren.length - bChildren.length;
-    });
-    sortedKeys.forEach((key) => {
-      updateNodeState(key);
-    });
-    flush();
-  }
-  function addKey(key) {
-    if (!parentMap.has(key) && !childrenMap.has(key)) {
-      return;
-    }
-    if (isNodeDisabled(key)) {
-      return;
-    }
-    selectNodeAndDescendants(key);
-    updateAncestors(key);
-    flush();
-  }
-  function removeKey(key) {
-    if (!selectedSet.has(key) && !indeterminateSet.has(key)) {
-      return;
-    }
-    deselectNodeAndDescendants(key);
-    updateAncestors(key);
-    flush();
-  }
-  function toggleKey(key) {
-    if (isNodeDisabled(key)) {
-      return;
-    }
-    if (selectedSet.has(key)) {
-      removeKey(key);
-    } else {
-      addKey(key);
-    }
-  }
-  const isSelected = computed(() => {
-    return (key) => {
-      return selectedKeys.value.includes(key);
-    };
-  });
-  const isIndeterminate = computed(() => {
-    return (key) => {
-      return indeterminateKeys.value.includes(key);
-    };
-  });
-  function getSelectedLeafKeys() {
-    return Array.from(selectedSet).filter((key) => isLeafNode(key));
-  }
-  function findItemsByValues(values) {
-    const foundItems = [];
-    const findInTree = (nodes, targetValues) => {
-      for (const node of nodes) {
-        if (targetValues.includes(node.key)) {
-          const item = {
-            ...node,
-            isLeaf: !node.children || node.children.length === 0
-          };
-          delete item.children;
-          foundItems.push(item);
-        }
-        if (node.children && node.children.length > 0) {
-          findInTree(node.children, targetValues);
-        }
-      }
-    };
-    findInTree(unref(tree), values);
-    return foundItems;
-  }
-  flush();
-  return {
-    selectedKeys,
-    indeterminateKeys,
-    init,
-    addKey,
-    removeKey,
-    toggleKey,
-    isSelected,
-    isIndeterminate,
-    isNodeDisabled,
-    getSelectedLeafKeys,
-    findItemsByValues
-  };
-}
 const drawerModel = {
   visible: {
     type: Boolean,
@@ -10926,7 +10970,7 @@ const _hoisted_1$L = {
 };
 const _hoisted_2$w = { class: "lew-drawer-title" };
 const _hoisted_3$p = { class: "lew-drawer-body-slot" };
-const _hoisted_4$g = {
+const _hoisted_4$f = {
   key: 2,
   class: "lew-drawer-footer-slot"
 };
@@ -11106,7 +11150,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_3$p, [
               renderSlot(_ctx.$slots, "default")
             ]),
-            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$g, [
+            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$f, [
               renderSlot(_ctx.$slots, "footer")
             ])) : !props.hideFooter ? (openBlock(), createBlock(unref(LewFlex), {
               key: 3,
@@ -11672,8 +11716,8 @@ const _hoisted_1$I = {
 };
 const _hoisted_2$u = { class: "lew-popok-box-right" };
 const _hoisted_3$o = { class: "lew-popok-box-right-header" };
-const _hoisted_4$f = { class: "lew-popok-box-right-main" };
-const _hoisted_5$e = { class: "lew-popok-box-footer" };
+const _hoisted_4$e = { class: "lew-popok-box-right-main" };
+const _hoisted_5$d = { class: "lew-popok-box-footer" };
 const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "LewPopok",
   props: popokButtonProps,
@@ -11749,14 +11793,14 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
                       createElementVNode("div", _hoisted_3$o, [
                         createVNode(_sfc_main$16, { "render-fn": _ctx.title }, null, 8, ["render-fn"])
                       ]),
-                      createElementVNode("div", _hoisted_4$f, [
+                      createElementVNode("div", _hoisted_4$e, [
                         createVNode(_sfc_main$16, { "render-fn": _ctx.content }, null, 8, ["render-fn"])
                       ])
                     ])
                   ]),
                   _: 1
                 }),
-                createElementVNode("div", _hoisted_5$e, [
+                createElementVNode("div", _hoisted_5$d, [
                   createVNode(unref(LewButton), {
                     text: _ctx.cancelText || unref(locale).t("popok.cancelText"),
                     color: "gray",
@@ -16354,7 +16398,8 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       }
     }
     async function selectItem(item, level) {
-      if (item.disabled) return;
+      if (item.disabled)
+        return;
       if (!item.isLeaf && !isEqual(item.valuePaths, state.activeValues)) {
         state.optionsGroup = state.optionsGroup.slice(0, level + 1);
         if (_loadMethod.value && !item.isLeaf) {
@@ -16419,7 +16464,8 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
           }, 100);
         }
       }
-      if (item.isLeaf) return;
+      if (item.isLeaf)
+        return;
       if (isEqual(item.valuePaths, state.activeValues)) {
         state.activeValues = item.parentValuePaths || [];
         if (level < state.optionsGroup.length - 1) {
@@ -16651,7 +16697,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewCascader = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-dd8d6365"]]);
+const LewCascader = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-2fd52a92"]]);
 const cascaderModel = {
   modelValue: {
     type: String
@@ -17779,8 +17825,8 @@ function getMonthDate(year, month) {
 const _hoisted_1$C = { class: "lew-date" };
 const _hoisted_2$q = { class: "lew-date-control-left" };
 const _hoisted_3$l = { class: "cur-date" };
-const _hoisted_4$e = { class: "lew-date-control-right" };
-const _hoisted_5$d = { class: "lew-date-box" };
+const _hoisted_4$d = { class: "lew-date-control-right" };
+const _hoisted_5$c = { class: "lew-date-box" };
 const _hoisted_6$9 = { class: "lew-date-num" };
 const _hoisted_7$7 = ["onClick"];
 const _hoisted_8$6 = { class: "lew-date-label" };
@@ -17937,7 +17983,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
               })
             ]),
             createElementVNode("div", _hoisted_3$l, toDisplayString$1(unref(dayjs)(`${unref(dateState).year}-${unref(dateState).month}`).format("YYYY-MM")), 1),
-            createElementVNode("div", _hoisted_4$e, [
+            createElementVNode("div", _hoisted_4$d, [
               createVNode(unref(LewButton), {
                 type: "light",
                 color: "gray",
@@ -17966,7 +18012,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        createElementVNode("div", _hoisted_5$d, [
+        createElementVNode("div", _hoisted_5$c, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(headDate), (item, index2) => {
             return openBlock(), createElementBlock("div", {
               key: `h${index2}`,
@@ -17996,8 +18042,8 @@ const LewDate = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-
 const _hoisted_1$B = { class: "lew-time-control" };
 const _hoisted_2$p = { class: "cur-time" };
 const _hoisted_3$k = { class: "lew-time-container" };
-const _hoisted_4$d = { class: "lew-time-column" };
-const _hoisted_5$c = ["data-value", "onClick"];
+const _hoisted_4$c = { class: "lew-time-column" };
+const _hoisted_5$b = ["data-value", "onClick"];
 const _hoisted_6$8 = ["data-text"];
 const _hoisted_7$6 = { class: "lew-time-column" };
 const _hoisted_8$5 = ["data-value", "onClick"];
@@ -18302,7 +18348,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           _cache[16] || (_cache[16] = createElementVNode("div", { class: "lew-time-center-mask" }, null, -1)),
           _cache[17] || (_cache[17] = createElementVNode("div", { class: "lew-time-gradient-top" }, null, -1)),
           _cache[18] || (_cache[18] = createElementVNode("div", { class: "lew-time-gradient-bottom" }, null, -1)),
-          createElementVNode("div", _hoisted_4$d, [
+          createElementVNode("div", _hoisted_4$c, [
             createElementVNode("div", {
               ref_key: "hourRef",
               ref: hourRef,
@@ -18323,7 +18369,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
                     class: "lew-time-value",
                     "data-text": hour.label
                   }, toDisplayString$1(hour.label), 9, _hoisted_6$8)
-                ], 8, _hoisted_5$c);
+                ], 8, _hoisted_5$b);
               }), 128)),
               _cache[11] || (_cache[11] = createElementVNode("div", { class: "lew-time-padding" }, null, -1))
             ], 544)
@@ -18413,8 +18459,8 @@ const LewTime = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-
 const _hoisted_1$A = { class: "lew-datetime" };
 const _hoisted_2$o = { class: "lew-datetime-content" };
 const _hoisted_3$j = { class: "lew-datetime-panel lew-datetime-date-panel" };
-const _hoisted_4$c = { class: "lew-datetime-panel lew-datetime-time-panel" };
-const _hoisted_5$b = { class: "lew-datetime-actions" };
+const _hoisted_4$b = { class: "lew-datetime-panel lew-datetime-time-panel" };
+const _hoisted_5$a = { class: "lew-datetime-actions" };
 const _hoisted_6$7 = { class: "lew-datetime-actions-left" };
 const _hoisted_7$5 = { class: "lew-datetime-actions-right" };
 const _sfc_main$M = /* @__PURE__ */ defineComponent({
@@ -18498,7 +18544,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
               "value-format": unref(dateFormat)
             }, null, 8, ["value-format"])
           ]),
-          createElementVNode("div", _hoisted_4$c, [
+          createElementVNode("div", _hoisted_4$b, [
             createVNode(LewTime, {
               ref_key: "timeRef",
               ref: timeRef,
@@ -18508,7 +18554,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
             }, null, 8, ["value-format"])
           ])
         ]),
-        createElementVNode("div", _hoisted_5$b, [
+        createElementVNode("div", _hoisted_5$a, [
           createElementVNode("div", _hoisted_6$7, [
             createVNode(unref(LewButton), {
               type: "light",
@@ -18556,8 +18602,8 @@ const LewDateTime = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "dat
 const _hoisted_1$z = { class: "lew-month" };
 const _hoisted_2$n = { class: "lew-month-control-left" };
 const _hoisted_3$i = { class: "cur-year" };
-const _hoisted_4$b = { class: "lew-month-control-right" };
-const _hoisted_5$a = { class: "lew-month-list" };
+const _hoisted_4$a = { class: "lew-month-control-right" };
+const _hoisted_5$9 = { class: "lew-month-list" };
 const _hoisted_6$6 = ["onClick"];
 const _hoisted_7$4 = { class: "lew-month-label" };
 const _hoisted_8$4 = {
@@ -18662,7 +18708,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
               })
             ]),
             createElementVNode("div", _hoisted_3$i, toDisplayString$1(unref(monthState).year), 1),
-            createElementVNode("div", _hoisted_4$b, [
+            createElementVNode("div", _hoisted_4$a, [
               createVNode(unref(LewButton), {
                 type: "light",
                 color: "gray",
@@ -18679,7 +18725,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        createElementVNode("div", _hoisted_5$a, [
+        createElementVNode("div", _hoisted_5$9, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(monthList), (month) => {
             return openBlock(), createElementBlock("div", {
               key: month.value,
@@ -18701,8 +18747,8 @@ const LewMonth = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v
 const _hoisted_1$y = { class: "lew-quarter" };
 const _hoisted_2$m = { class: "lew-quarter-control-left" };
 const _hoisted_3$h = { class: "cur-year" };
-const _hoisted_4$a = { class: "lew-quarter-control-right" };
-const _hoisted_5$9 = { class: "lew-quarter-list" };
+const _hoisted_4$9 = { class: "lew-quarter-control-right" };
+const _hoisted_5$8 = { class: "lew-quarter-list" };
 const _hoisted_6$5 = ["onClick"];
 const _hoisted_7$3 = { class: "lew-quarter-label" };
 const _hoisted_8$3 = {
@@ -18800,7 +18846,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
               })
             ]),
             createElementVNode("div", _hoisted_3$h, toDisplayString$1(unref(currentYear)), 1),
-            createElementVNode("div", _hoisted_4$a, [
+            createElementVNode("div", _hoisted_4$9, [
               createVNode(unref(LewButton), {
                 type: "light",
                 color: "gray",
@@ -18817,7 +18863,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        createElementVNode("div", _hoisted_5$9, [
+        createElementVNode("div", _hoisted_5$8, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(quarterList), (item) => {
             return openBlock(), createElementBlock("div", {
               key: item.value,
@@ -18842,8 +18888,8 @@ const LewQuarter = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data
 const _hoisted_1$x = { class: "lew-year" };
 const _hoisted_2$l = { class: "lew-year-control-left" };
 const _hoisted_3$g = { class: "cur-decade" };
-const _hoisted_4$9 = { class: "lew-year-control-right" };
-const _hoisted_5$8 = { class: "lew-year-list" };
+const _hoisted_4$8 = { class: "lew-year-control-right" };
+const _hoisted_5$7 = { class: "lew-year-list" };
 const _hoisted_6$4 = ["onClick"];
 const _hoisted_7$2 = { class: "lew-year-label" };
 const _hoisted_8$2 = {
@@ -18943,7 +18989,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
               })
             ]),
             createElementVNode("div", _hoisted_3$g, toDisplayString$1(unref(yearState).startYear) + " - " + toDisplayString$1(unref(yearState).startYear + 11), 1),
-            createElementVNode("div", _hoisted_4$9, [
+            createElementVNode("div", _hoisted_4$8, [
               createVNode(unref(LewButton), {
                 type: "light",
                 color: "gray",
@@ -18960,7 +19006,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        createElementVNode("div", _hoisted_5$8, [
+        createElementVNode("div", _hoisted_5$7, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(yearList), (year) => {
             return openBlock(), createElementBlock("div", {
               key: year,
@@ -19508,8 +19554,8 @@ const dateRangeProps = {
 const _hoisted_1$u = { class: "lew-date-range" };
 const _hoisted_2$j = { class: "lew-date" };
 const _hoisted_3$e = { class: "lew-date-control-left" };
-const _hoisted_4$8 = { class: "cur-date" };
-const _hoisted_5$7 = { class: "lew-date-control-right" };
+const _hoisted_4$7 = { class: "cur-date" };
+const _hoisted_5$6 = { class: "lew-date-control-right" };
 const _hoisted_6$3 = { class: "lew-date-box" };
 const _hoisted_7$1 = { class: "lew-date-num" };
 const _hoisted_8$1 = ["onClick", "onMouseenter"];
@@ -19825,8 +19871,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                   _: 1
                 })
               ]),
-              createElementVNode("div", _hoisted_4$8, toDisplayString$1(unref(dayjs)(`${unref(dateState).year1}-${unref(dateState).month1}`).format("YYYY-MM")), 1),
-              createElementVNode("div", _hoisted_5$7, [
+              createElementVNode("div", _hoisted_4$7, toDisplayString$1(unref(dayjs)(`${unref(dateState).year1}-${unref(dateState).month1}`).format("YYYY-MM")), 1),
+              createElementVNode("div", _hoisted_5$6, [
                 createVNode(unref(LewButton), {
                   type: "light",
                   color: "gray",
@@ -19988,8 +20034,8 @@ const _hoisted_3$d = {
   key: 1,
   class: "lew-date-range-picker-dateValue lew-date-range-picker-start"
 };
-const _hoisted_4$7 = { class: "lew-date-range-picker-mid" };
-const _hoisted_5$6 = {
+const _hoisted_4$6 = { class: "lew-date-range-picker-mid" };
+const _hoisted_5$5 = {
   key: 2,
   class: "lew-date-range-picker-placeholder"
 };
@@ -20129,13 +20175,13 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   !modelValue.value?.start ? (openBlock(), createElementBlock("div", _hoisted_2$i, toDisplayString$1(_ctx.placeholderStart ? _ctx.placeholderStart : unref(locale).t("dateRangePicker.placeholderStart")), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$d, toDisplayString$1(modelValue.value.start), 1)),
-                  createElementVNode("div", _hoisted_4$7, [
+                  createElementVNode("div", _hoisted_4$6, [
                     createVNode(CommonIcon, {
                       size: 14,
                       type: "minus"
                     })
                   ]),
-                  !modelValue.value?.end ? (openBlock(), createElementBlock("div", _hoisted_5$6, toDisplayString$1(_ctx.placeholderEnd ? _ctx.placeholderEnd : unref(locale).t("dateRangePicker.placeholderEnd")), 1)) : (openBlock(), createElementBlock("div", _hoisted_6$2, toDisplayString$1(modelValue.value.end), 1)),
+                  !modelValue.value?.end ? (openBlock(), createElementBlock("div", _hoisted_5$5, toDisplayString$1(_ctx.placeholderEnd ? _ctx.placeholderEnd : unref(locale).t("dateRangePicker.placeholderEnd")), 1)) : (openBlock(), createElementBlock("div", _hoisted_6$2, toDisplayString$1(modelValue.value.end), 1)),
                   createVNode(CommonIcon, {
                     class: normalizeClass(["lew-date-range-picker-icon-calendar", {
                       "lew-date-range-picker-icon-calendar-hide": unref(checkClear)
@@ -22362,11 +22408,11 @@ const _hoisted_3$c = {
   key: 1,
   class: "lew-input-prefixes-icon"
 };
-const _hoisted_4$6 = {
+const _hoisted_4$5 = {
   key: 2,
   class: "lew-input-prefixes-select"
 };
-const _hoisted_5$5 = ["disabled", "placeholder", "type", "readonly", "maxlength"];
+const _hoisted_5$4 = ["disabled", "placeholder", "type", "readonly", "maxlength"];
 const _hoisted_6$1 = {
   key: 0,
   class: "lew-input-auto-width"
@@ -22562,7 +22608,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               type: prefixValue.value
             }, null, 8, ["size", "type"])
           ])) : createCommentVNode("", true),
-          _ctx.prefixes === "select" ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
+          _ctx.prefixes === "select" ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
             createVNode(unref(_sfc_main$7), {
               placement: "bottom",
               trigger: "click",
@@ -22635,7 +22681,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             onChange: handleChange,
             onBlur: _blur,
             onFocus: _focus
-          }, null, 44, _hoisted_5$5), [
+          }, null, 44, _hoisted_5$4), [
             [vModelDynamic, modelValue.value]
           ]),
           _ctx.autoWidth ? (openBlock(), createElementBlock("label", _hoisted_6$1, toDisplayString$1(modelValue.value), 1)) : createCommentVNode("", true),
@@ -26858,7 +26904,7 @@ const treeSelectEmits = {
 };
 const treeSelectModel = {
   modelValue: {
-    type: String,
+    type: [String, Array],
     default: void 0
   }
 };
@@ -26920,6 +26966,14 @@ const treeSelectProps = {
       propName: "clearable"
     })
   },
+  multiple: {
+    type: Boolean,
+    default: false,
+    validator: validators.boolean({
+      componentName: "LewTreeSelect",
+      propName: "multiple"
+    })
+  },
   checkable: {
     type: Boolean,
     default: true,
@@ -26928,6 +26982,14 @@ const treeSelectProps = {
       propName: "checkable"
     })
   },
+  onlyLeafSelectable: {
+    type: Boolean,
+    default: true,
+    validator: validators.boolean({
+      componentName: "LewTreeSelect",
+      propName: "onlyLeafSelectable"
+    })
+  },
   showAllLevels: {
     type: Boolean,
     default: true,
@@ -26978,7 +27040,7 @@ const treeSelectProps = {
   },
   free: {
     type: Boolean,
-    default: true,
+    default: false,
     validator: validators.boolean({
       componentName: "LewTreeSelect",
       propName: "free"
@@ -27042,17 +27104,12 @@ const treeSelectProps = {
     })
   }
 };
-const _hoisted_1$g = {
-  key: 0,
-  class: "lew-icon-loading-box"
-};
-const _hoisted_2$c = ["title", "readonly", "placeholder"];
-const _hoisted_3$a = { class: "lew-select-options-box" };
-const _hoisted_4$5 = {
+const _hoisted_1$g = { class: "lew-select-options-box" };
+const _hoisted_2$c = {
   key: 0,
   class: "result-count"
 };
-const _hoisted_5$4 = { class: "tree-select-wrapper lew-scrollbar" };
+const _hoisted_3$a = { class: "tree-select-wrapper lew-scrollbar" };
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "LewTreeSelect",
   props: /* @__PURE__ */ mergeModels(treeSelectProps, {
@@ -27069,7 +27126,6 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     }
     const treeSelectValue = useModel(__props, "modelValue");
     const lewSelectRef = ref();
-    const inputRef = ref();
     const lewPopoverRef = ref();
     const lewTreeRef = ref();
     const formMethods = inject("formMethods", {});
@@ -27079,7 +27135,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       } else if (props.initMethodId) {
         return formMethods[props.initMethodId];
       }
-      return false;
+      return void 0;
     });
     const state = reactive({
       selectWidth: 0,
@@ -27090,16 +27146,14 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       // 树加载
       initLoading: true,
       // 初始化 loading
-      valueIsChange: false,
-      // 记录
-      keyword: props.defaultValue || treeSelectValue.value,
-      // 搜索关键字
-      keywordBackup: props.defaultValue,
-      // 搜索关键字备份
       resultText: ""
     });
     function getSelectWidth() {
-      state.selectWidth = lewSelectRef.value?.clientWidth - 12;
+      if (lewSelectRef.value?.$el) {
+        state.selectWidth = lewSelectRef.value.$el.clientWidth - 12;
+      } else if (lewSelectRef.value?.clientWidth) {
+        state.selectWidth = lewSelectRef.value.clientWidth - 12;
+      }
     }
     function show() {
       lewPopoverRef.value.show();
@@ -27107,105 +27161,101 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     function hide2() {
       lewPopoverRef.value.hide();
     }
-    const searchDebounce = /* @__PURE__ */ useDebounceFn(async (e) => {
-      search(e);
-    }, props.searchDelay);
-    async function search(e) {
-      const keyword = e.target.value;
-      if (props.searchable) {
-        await lewTreeRef.value.search(keyword);
-      }
-    }
     function change(e) {
-      const { value } = e;
-      treeSelectValue.value = value;
-      state.valueIsChange = true;
-      setKeywordLabel(value);
       emit("change", e);
-      setTimeout(() => {
-        hide2();
-      }, 100);
+      if (!props.multiple) {
+        setTimeout(() => {
+          hide2();
+        }, 100);
+      } else {
+        setTimeout(() => {
+          if (lewPopoverRef.value) {
+            lewPopoverRef.value.refresh();
+          }
+        }, 100);
+      }
     }
     function clearHandle() {
-      treeSelectValue.value = void 0;
-      state.keyword = "";
-      state.keywordBackup = "";
+      treeSelectValue.value = props.multiple ? [] : void 0;
       emit("clear");
       emit("change", void 0);
+      if (props.multiple) {
+        setTimeout(() => {
+          if (lewPopoverRef.value) {
+            lewPopoverRef.value.refresh();
+          }
+        }, 100);
+      }
     }
-    const getValueStyle = computed(() => {
-      return state.visible ? "opacity:0.6" : "";
-    });
-    const getSelectClassName = computed(() => {
-      let { clearable, size, disabled, readonly: readonly2, searchable } = props;
-      clearable = clearable ? !!treeSelectValue.value : false;
-      const focus = state.visible;
-      return object2class("lew-select", {
-        clearable,
-        size,
-        disabled,
-        readonly: readonly2,
-        searchable,
-        focus,
-        "init-loading": state.initLoading
+    const formatItems = computed(() => {
+      if (!treeSelectValue.value) {
+        return props.multiple ? [] : "";
+      }
+      const tree = lewTreeRef.value?.getTree();
+      if (!tree) {
+        return props.multiple ? [] : "";
+      }
+      if (!props.multiple && treeSelectValue.value) {
+        const treeItem = findNodeByKey(treeSelectValue.value, tree);
+        if (!treeItem) {
+          return "";
+        }
+        const { labelPaths, label } = treeItem;
+        return props.showAllLevels && labelPaths?.length > 0 ? labelPaths.join(" / ") : label;
+      }
+      if (!Array.isArray(treeSelectValue.value)) {
+        return [];
+      }
+      return treeSelectValue.value.map((value) => {
+        const treeItem = findNodeByKey(value, tree);
+        if (!treeItem) {
+          return {
+            value,
+            label: value
+          };
+        }
+        const { label, labelPaths } = treeItem;
+        return {
+          value,
+          // 多选模式只显示节点名称，不显示完整路径
+          label: props.multiple ? label : props.showAllLevels && labelPaths?.length > 0 ? labelPaths.join(" / ") : label
+        };
       });
     });
+    function deleteTag(value) {
+      if (Array.isArray(treeSelectValue.value)) {
+        treeSelectValue.value = treeSelectValue.value.filter((v) => v !== value);
+        emit("change", treeSelectValue.value);
+        setTimeout(() => {
+          if (lewPopoverRef.value) {
+            lewPopoverRef.value.refresh();
+          }
+        }, 100);
+      }
+    }
     const getBodyClassName = computed(() => {
       const { size, disabled } = props;
       return object2class("lew-select-body", { size, disabled });
     });
-    const getIconSize = computed(() => {
-      const size = {
-        small: 14,
-        medium: 15,
-        large: 16
-      };
-      return size[props.size];
-    });
-    function setKeywordLabel(value) {
-      if (lewTreeRef.value && value) {
-        const tree = lewTreeRef.value.getTree();
-        const treeItem = findNodeByKey(value, tree);
-        if (treeItem !== void 0) {
-          const { labelPaths, label } = treeItem;
-          if (props.showAllLevels && labelPaths && labelPaths.length > 0) {
-            state.keyword = labelPaths.join(" / ");
-          } else {
-            state.keyword = label[0];
-          }
-        }
-      }
-    }
-    setKeywordLabel(treeSelectValue.value);
     function showHandle() {
       state.visible = true;
-      state.keywordBackup = cloneDeep(state.keyword);
-      state.valueIsChange = false;
-      if (props.searchable) {
-        state.keyword = "";
-      }
       getSelectWidth();
-      if (props.searchable) {
-        search({ target: { value: "" } });
-      }
     }
     function hideHandle() {
       state.visible = false;
-      if (!state.valueIsChange && treeSelectValue.value) {
-        state.keywordBackup ? state.keyword = state.keywordBackup : setKeywordLabel(treeSelectValue.value);
-      }
-      if (!treeSelectValue.value && state.keyword) {
-        state.keyword = "";
-        state.keywordBackup = "";
+      if (props.searchable) {
+        lewTreeRef.value.search("");
       }
-      lewTreeRef.value.reset();
     }
-    watch(treeSelectValue, (newVal) => {
-      setKeywordLabel(newVal);
-    });
-    const getPlaceholder = computed(() => {
-      return state.keywordBackup || props.placeholder || locale.t("treeSelect.placeholder");
-    });
+    watch(
+      () => props.multiple,
+      (isMultiple) => {
+        if (isMultiple && !Array.isArray(treeSelectValue.value)) {
+          treeSelectValue.value = treeSelectValue.value ? [treeSelectValue.value] : [];
+        }
+      },
+      { immediate: true }
+    );
     __expose({ show, hide: hide2 });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$U), {
@@ -27218,59 +27268,30 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         "trigger-width": _ctx.width,
         disabled: _ctx.disabled || _ctx.readonly || unref(state).initLoading,
         placement: "bottom-start",
+        "hide-on-click": _ctx.searchable || _ctx.multiple ? false : true,
         loading: unref(state).searchLoading,
         onShow: showHandle,
         onHide: hideHandle
       }, {
         trigger: withCtx(() => [
-          createElementVNode("div", {
+          createVNode(CommonInput, {
             ref_key: "lewSelectRef",
             ref: lewSelectRef,
-            class: normalizeClass(["lew-select", unref(getSelectClassName)])
-          }, [
-            unref(state).initLoading ? (openBlock(), createElementBlock("div", _hoisted_1$g, [
-              createVNode(CommonIcon, {
-                size: unref(getIconSize),
-                loading: unref(state).initLoading,
-                type: "loading"
-              }, null, 8, ["size", "loading"])
-            ])) : (openBlock(), createBlock(CommonIcon, {
-              key: 1,
-              size: unref(getIconSize),
-              type: "chevron-down",
-              class: normalizeClass(["lew-icon-select", {
-                "lew-icon-select-hide": _ctx.clearable && unref(state).keyword
-              }])
-            }, null, 8, ["size", "class"])),
-            createVNode(Transition, { name: "lew-form-icon-ani" }, {
-              default: withCtx(() => [
-                _ctx.clearable && unref(state).keyword && !_ctx.readonly ? (openBlock(), createBlock(CommonIcon, {
-                  key: 0,
-                  size: unref(getIconSize),
-                  type: "close",
-                  class: normalizeClass(["lew-form-icon-close", {
-                    "lew-form-icon-close-focus": unref(state).visible
-                  }]),
-                  onClick: withModifiers(clearHandle, ["stop"])
-                }, null, 8, ["size", "class"])) : createCommentVNode("", true)
-              ]),
-              _: 1
-            }),
-            withDirectives(createElementVNode("input", {
-              ref_key: "inputRef",
-              ref: inputRef,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(state).keyword = $event),
-              class: "lew-value",
-              title: unref(state).keyword,
-              style: normalizeStyle(unref(getValueStyle)),
-              readonly: !_ctx.searchable,
-              placeholder: unref(getPlaceholder),
-              onInput: _cache[1] || (_cache[1] = //@ts-ignore
-              (...args) => unref(searchDebounce) && unref(searchDebounce)(...args))
-            }, null, 44, _hoisted_2$c), [
-              [vModelText, unref(state).keyword]
-            ])
-          ], 2)
+            modelValue: treeSelectValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => treeSelectValue.value = $event),
+            multiple: _ctx.multiple,
+            loading: unref(state).initLoading,
+            clearable: _ctx.clearable,
+            readonly: _ctx.readonly,
+            disabled: _ctx.disabled || unref(state).initLoading,
+            size: _ctx.size,
+            placeholder: _ctx.placeholder,
+            width: unref(any2px)(_ctx.width),
+            focus: unref(state).visible,
+            "format-items": unref(formatItems),
+            onClear: clearHandle,
+            onDelete: deleteTag
+          }, null, 8, ["modelValue", "multiple", "loading", "clearable", "readonly", "disabled", "size", "placeholder", "width", "focus", "format-items"])
         ]),
         "popover-body": withCtx(() => [
           createElementVNode("div", {
@@ -27278,14 +27299,14 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(`width:${unref(state).selectWidth}px`)
           }, [
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
-            createElementVNode("div", _hoisted_3$a, [
-              _ctx.searchable && unref(state).resultText ? (openBlock(), createElementBlock("div", _hoisted_4$5, toDisplayString$1(unref(state).resultText), 1)) : createCommentVNode("", true),
-              createElementVNode("div", _hoisted_5$4, [
+            createElementVNode("div", _hoisted_1$g, [
+              _ctx.searchable && unref(state).resultText ? (openBlock(), createElementBlock("div", _hoisted_2$c, toDisplayString$1(unref(state).resultText), 1)) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_3$a, [
                 createVNode(unref(LewTree), mergeProps({
                   ref_key: "lewTreeRef",
                   ref: lewTreeRef,
                   modelValue: treeSelectValue.value,
-                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => treeSelectValue.value = $event)
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => treeSelectValue.value = $event)
                 }, {
                   keyField: _ctx.keyField,
                   labelField: _ctx.labelField,
@@ -27296,11 +27317,14 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                   dataSource: _ctx.dataSource,
                   loadMethod: _ctx.loadMethod,
                   initMethod: unref(_initMethod),
-                  expandAll: _ctx.expandAll
+                  expandAll: _ctx.expandAll,
+                  multiple: _ctx.multiple,
+                  onlyLeafSelectable: _ctx.onlyLeafSelectable,
+                  free: _ctx.free
                 }, {
                   "is-select": true,
-                  onLoadStart: _cache[3] || (_cache[3] = ($event) => unref(state).searchLoading = true),
-                  onLoadEnd: _cache[4] || (_cache[4] = ($event) => (unref(state).searchLoading = false, unref(state).initLoading = false, unref(state).resultText = $event)),
+                  onLoadStart: _cache[2] || (_cache[2] = ($event) => unref(state).searchLoading = true),
+                  onLoadEnd: _cache[3] || (_cache[3] = ($event) => (unref(state).searchLoading = false, unref(state).initLoading = false, unref(state).resultText = $event)),
                   onChange: change
                 }), createSlots({ _: 2 }, [
                   _ctx.$slots.empty ? {
@@ -27324,11 +27348,11 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           ], 6)
         ]),
         _: 3
-      }, 8, ["style", "trigger", "trigger-width", "disabled", "loading"]);
+      }, 8, ["style", "trigger", "trigger-width", "disabled", "hide-on-click", "loading"]);
     };
   }
 });
-const LewTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-0f4c61a3"]]);
+const LewTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-d65fa3b8"]]);
 const uploadEmits = {
   change: (files) => files,
   delete: (file) => file
@@ -29422,11 +29446,6 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const textTrimEmits = {
-  click: (event) => event,
-  mouseenter: () => true,
-  mouseleave: () => true
-};
 const textTrimProps = {
   text: {
     type: String,
@@ -29600,10 +29619,8 @@ function clearMeasureCache() {
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "LewTextTrim",
   props: textTrimProps,
-  emits: ["click", "mouseenter", "mouseleave"],
-  setup(__props, { emit: __emit }) {
+  setup(__props) {
     const props = __props;
-    const emit = __emit;
     const lewTextTrimRef = ref();
     const lewTextTrimPopRef = ref();
     const displayText = ref("");
@@ -29697,16 +29714,9 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       requestAnimationFrame(calculateDisplayText);
     }
     const debouncedCalculate = /* @__PURE__ */ useDebounceFn(calculateDisplayText, 250);
-    function handleClick(event) {
-      emit("click", event);
-    }
     function handleMouseEnter() {
-      emit("mouseenter");
       initTippy();
     }
-    function handleMouseLeave() {
-      emit("mouseleave");
-    }
     onMounted(() => {
       initCalculateDisplayText();
       useResizeObserver(lewTextTrimRef, debouncedCalculate);
@@ -29722,9 +29732,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         ref: lewTextTrimRef,
         class: "lew-text-trim-wrapper",
         style: normalizeStyle(textTrimStyle.value),
-        onClick: handleClick,
-        onMouseenter: handleMouseEnter,
-        onMouseleave: handleMouseLeave
+        onMouseenter: handleMouseEnter
       }, [
         _ctx.text ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           createTextVNode(toDisplayString$1(displayText.value), 1)
@@ -29740,7 +29748,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTextTrim = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-4408f6f3"]]);
+const LewTextTrim = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-b184c886"]]);
 const titleEmits = {
   click: (event) => event
 };
@@ -29853,10 +29861,12 @@ const actionBoxProps = {
   },
   dropdownLabel: {
     type: null,
+    typePopKeys: ["LewComponentSource"],
     default: "More"
   },
   dropdownIcon: {
-    type: null
+    type: null,
+    typePopKeys: ["LewComponentSource"]
   },
   iconOnly: {
     type: Boolean,
@@ -31481,7 +31491,6 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   tabsProps,
   tagEmits,
   tagProps,
-  textTrimEmits,
   textTrimProps,
   textareaEmits,
   textareaModel,
@@ -38955,7 +38964,6 @@ export {
   tabsProps,
   tagEmits,
   tagProps,
-  textTrimEmits,
   textTrimProps,
   textareaEmits,
   textareaModel,