lew-ui 2.7.57 → 2.7.60

package/dist/index.js

@@ -1,4 +1,4 @@
-import { h, defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, createApp, mergeModels, useModel, provide, watch, toRaw, createElementBlock, renderSlot, ref, Transition, withCtx, inject, createVNode, Fragment, createCommentVNode, createElementVNode, renderList, createTextVNode, toDisplayString as toDisplayString$1, isVNode as isVNode$1, mergeProps, getCurrentInstance, resolveDirective, withDirectives, onMounted, nextTick, createSlots, reactive, getCurrentScope, onScopeDispose, shallowRef, shallowReadonly, toValue, isRef, readonly, resolveComponent, onUnmounted, withModifiers, normalizeProps, guardReactiveProps, vShow, markRaw, Teleport, onActivated, onDeactivated, onBeforeUnmount, shallowReactive, onBeforeMount, vModelText, useCssVars, vModelDynamic, TransitionGroup, useSlots, vModelCheckbox, watchEffect, render as render$1, effectScope, Text } from "vue";
+import { h, defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, createApp, mergeModels, useModel, provide, watch, toRaw, createElementBlock, renderSlot, ref, Transition, withCtx, inject, createVNode, Fragment, createCommentVNode, createElementVNode, renderList, createTextVNode, toDisplayString as toDisplayString$1, isVNode as isVNode$1, mergeProps, getCurrentInstance, resolveDirective, withDirectives, onMounted, nextTick, createSlots, reactive, getCurrentScope, onScopeDispose, shallowRef, shallowReadonly, toValue, isRef, readonly, resolveComponent, onUnmounted, withModifiers, normalizeProps, guardReactiveProps, vShow, markRaw, Teleport, onActivated, onDeactivated, TransitionGroup, onBeforeUnmount, shallowReactive, onBeforeMount, vModelText, useCssVars, vModelDynamic, vModelCheckbox, watchEffect, render as render$1, effectScope, Text } from "vue";
 const collapseItemEmits = {
   change: (expanded, key) => ({ expanded, key })
 };
@@ -1571,6 +1571,9 @@ function isEmpty(value) {
   }
   return true;
 }
+function isEqual(value, other) {
+  return baseIsEqual(value, other);
+}
 var keyBy = createAggregator(function(result, value, key) {
   baseAssignValue(result, key, value);
 });
@@ -5429,9 +5432,8 @@ const validObjectFitList = ["fill", "contain", "cover", "none", "scale-down"];
 const validObjectPositionList = ["center", "top", "bottom", "left", "right", "top left", "top right", "bottom left", "bottom right"];
 const validTagTypeList = ["fill", "light", "ghost"];
 const validBreadcrumbSeparatorList = ["shoulder", "sprit"];
-const validSelectMultipleValueLayout = ["tag", "text"];
 const validStepsStatusList = ["pending", "loading", "done", "error", "warning"];
-const validFormItemAsList = ["input", "textarea", "input-tag", "checkbox-group", "radio-group", "checkbox", "select", "select-multiple", "date-picker", "date-range-picker", "tabs", "cascader", "switch", "button", "upload", "input-number", "slider", "slider-range", "color-picker", "rate", "tree-select"];
+const validFormItemAsList = ["input", "textarea", "input-tag", "checkbox-group", "radio-group", "checkbox", "select", "date-picker", "date-range-picker", "tabs", "cascader", "switch", "button", "upload", "input-number", "slider", "slider-range", "color-picker", "rate", "tree-select"];
 const validInputTypeList = ["text", "password"];
 const validInputPrefixesTypeList = ["icon", "select", "text"];
 const validInputSuffixTypeList = ["icon", "select", "text"];
@@ -6426,7 +6428,6 @@ const formTypeAsMap = {
   "radio-group": "string",
   "checkbox": "boolean",
   "select": "string",
-  "select-multiple": "array",
   "date-picker": "date",
   "date-range-picker": "array",
   "tabs": "string",
@@ -7298,7 +7299,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
       emit(
         "change",
         toRaw({
-          currentPage: currentPage.value,
+          currentPage: page,
           pageSize: state.pageSize
         })
       );
@@ -7469,7 +7470,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewPagination = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-ed4ad664"]]);
+const LewPagination = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-bd2827bf"]]);
 const tableEmits = {
   sortChange: (sortValue) => sortValue || typeof sortValue === "undefined",
   selectChange: (selectedKeys) => selectedKeys || typeof selectedKeys === "undefined",
@@ -8468,8 +8469,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$k = { class: "lew-table-tr" };
-const _hoisted_5$h = { class: "lew-table-tr" };
+const _hoisted_4$i = { class: "lew-table-tr" };
+const _hoisted_5$g = { class: "lew-table-tr" };
 const _hoisted_6$b = {
   key: 0,
   class: "lew-table-empty"
@@ -9441,7 +9442,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
               ])
             ], 512)) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_3$r, [
-              createElementVNode("div", _hoisted_4$k, [
+              createElementVNode("div", _hoisted_4$i, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(unref(nonFixedHeaderColumns), (column) => {
                   return openBlock(), createBlock(readerHeaderTd, {
                     key: column.field,
@@ -9460,7 +9461,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
               ref: fixedRightRef,
               class: "lew-table-fixed-right"
             }, [
-              createElementVNode("div", _hoisted_5$h, [
+              createElementVNode("div", _hoisted_5$g, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getFixedHeaderColumns)("right"), (column) => {
                   return openBlock(), createBlock(readerHeaderTd, {
                     key: column.field,
@@ -9831,6 +9832,14 @@ const treeProps = {
       componentName: "LewTree",
       propName: "isSelect"
     })
+  },
+  onlyLeafSelectable: {
+    type: Boolean,
+    default: false,
+    validator: validators.boolean({
+      componentName: "LewTree",
+      propName: "onlyLeafSelectable"
+    })
   }
 };
 const treeItemProps = {
@@ -9905,7 +9914,7 @@ function findLeafNodes(tree = [], keyField = "key") {
   tree.forEach((node) => traverse(node));
   return Array.from(leafNodes);
 }
-function formatTree({
+function formatTree$1({
   dataSource,
   parent = null,
   parentKeyPaths = [],
@@ -9943,7 +9952,7 @@ function formatTree({
     }
     return {
       ...currentNode,
-      children: children?.length > 0 ? formatTree({
+      children: children?.length > 0 ? formatTree$1({
         dataSource: children,
         parent: currentNode,
         parentKeyPaths: keyPaths,
@@ -9970,7 +9979,7 @@ async function transformTree({
       try {
         const _tree = await initMethod();
         if (Array.isArray(_tree)) {
-          tree = formatTree({
+          tree = formatTree$1({
             dataSource: _tree,
             parentKeyPaths: [],
             parentLabelPaths: [],
@@ -9995,7 +10004,7 @@ async function transformTree({
         };
       }
     } else if (dataSource?.length > 0) {
-      tree = formatTree({
+      tree = formatTree$1({
         dataSource,
         parentKeyPaths: [],
         parentLabelPaths: [],
@@ -10020,7 +10029,7 @@ async function transformTree({
       };
       filterTree(tree);
       if (_tree.length > 0) {
-        tree = formatTree({
+        tree = formatTree$1({
           dataSource: _tree,
           parentKeyPaths: [],
           parentLabelPaths: [],
@@ -10162,7 +10171,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
           if (status === "success") {
             loaded.value = true;
             insertChildByKey(_dataSource.value, props.__key, result);
-            _dataSource.value = formatTree({
+            _dataSource.value = formatTree$1({
               dataSource: _dataSource.value,
               keyField,
               labelField,
@@ -10302,6 +10311,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
       loadMethod: props.loadMethod,
       keyField: props.keyField,
       labelField: props.labelField,
+      onlyLeafSelectable: props.onlyLeafSelectable,
       cacheDataSource,
       _dataSource
     });
@@ -10459,7 +10469,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTree = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-050fc853"]]);
+const LewTree = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-cad21cb7"]]);
 const alertEmits = {
   close: () => true
 };
@@ -10506,11 +10516,11 @@ const _hoisted_3$q = {
   key: 1,
   class: "lew-alert-title"
 };
-const _hoisted_4$j = {
+const _hoisted_4$h = {
   key: 2,
   class: "lew-alert-content"
 };
-const _hoisted_5$g = {
+const _hoisted_5$f = {
   key: 3,
   class: "lew-alert-content"
 };
@@ -10545,9 +10555,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$j, [
+          _ctx.$slots.content ? (openBlock(), createElementBlock("div", _hoisted_4$h, [
             renderSlot(_ctx.$slots, "content", {}, void 0, true)
-          ])) : props.content ? (openBlock(), createElementBlock("div", _hoisted_5$g, toDisplayString$1(props.content), 1)) : createCommentVNode("", true),
+          ])) : props.content ? (openBlock(), createElementBlock("div", _hoisted_5$f, 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)
@@ -10566,10 +10576,6 @@ const LewAlert = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v
 const drawerEmits = {
   close: () => true
 };
-function useEventListener(target, event, callback) {
-  onMounted(() => target.addEventListener(event, callback, true));
-  onUnmounted(() => target.removeEventListener(event, callback, true));
-}
 function useDOMCreate(nodeId) {
   const node = document.getElementById(nodeId);
   if (node) ;
@@ -10579,6 +10585,241 @@ function useDOMCreate(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,
@@ -10661,6 +10902,22 @@ const drawerProps = {
       propName: "closeButtonProps"
     })
   },
+  hideOkButton: {
+    type: Boolean,
+    default: false,
+    validator: validators.boolean({
+      componentName: "LewModal",
+      propName: "hideOkButton"
+    })
+  },
+  hideCloseButton: {
+    type: Boolean,
+    default: false,
+    validator: validators.boolean({
+      componentName: "LewModal",
+      propName: "hideCloseButton"
+    })
+  },
   zIndex: {
     type: Number,
     default: 1001,
@@ -10676,7 +10933,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$i = {
+const _hoisted_4$g = {
   key: 2,
   class: "lew-drawer-footer-slot"
 };
@@ -10856,7 +11113,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_3$p, [
               renderSlot(_ctx.$slots, "default")
             ]),
-            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$i, [
+            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$g, [
               renderSlot(_ctx.$slots, "footer")
             ])) : !props.hideFooter ? (openBlock(), createBlock(unref(LewFlex), {
               key: 3,
@@ -10865,20 +11122,20 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
               class: "lew-drawer-footer"
             }, {
               default: withCtx(() => [
-                createVNode(unref(LewButton), normalizeProps(guardReactiveProps({
+                !props.hideCloseButton ? (openBlock(), createBlock(unref(LewButton), normalizeProps(mergeProps({ key: 0 }, {
                   size: "small",
                   text: unref(locale).t("drawer.closeText"),
                   type: "light",
                   color: "normal",
                   request: handleClose,
                   ...props.closeButtonProps
-                })), null, 16),
-                createVNode(unref(LewButton), normalizeProps(guardReactiveProps({
+                })), null, 16)) : createCommentVNode("", true),
+                !props.hideOkButton ? (openBlock(), createBlock(unref(LewButton), normalizeProps(mergeProps({ key: 1 }, {
                   size: "small",
                   text: unref(locale).t("drawer.okText"),
                   color: "primary",
                   ...props.okButtonProps
-                })), null, 16)
+                })), null, 16)) : createCommentVNode("", true)
               ]),
               _: 1
             })) : createCommentVNode("", true)
@@ -11323,7 +11580,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewModal = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-9f3da8e0"]]);
+const LewModal = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["__scopeId", "data-v-6c686b17"]]);
 const popokButtonProps = {
   icon: {
     type: null,
@@ -11422,8 +11679,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$h = { class: "lew-popok-box-right-main" };
-const _hoisted_5$f = { class: "lew-popok-box-footer" };
+const _hoisted_4$f = { class: "lew-popok-box-right-main" };
+const _hoisted_5$e = { class: "lew-popok-box-footer" };
 const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "LewPopok",
   props: popokButtonProps,
@@ -11453,7 +11710,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       nextTick(() => {
         if (okRef.value)
-          okRef.value.focus();
+          okRef.value.$el.focus();
       });
     });
     return (_ctx, _cache) => {
@@ -11499,14 +11756,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$h, [
+                      createElementVNode("div", _hoisted_4$f, [
                         createVNode(_sfc_main$16, { "render-fn": _ctx.content }, null, 8, ["render-fn"])
                       ])
                     ])
                   ]),
                   _: 1
                 }),
-                createElementVNode("div", _hoisted_5$f, [
+                createElementVNode("div", _hoisted_5$e, [
                   createVNode(unref(LewButton), {
                     text: _ctx.cancelText || unref(locale).t("popok.cancelText"),
                     color: "gray",
@@ -11536,7 +11793,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewPopok = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-322e63fb"]]);
+const LewPopok = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["__scopeId", "data-v-6ea072ca"]]);
 const popoverEmits = {
   show: () => true,
   hide: () => true
@@ -14430,9 +14687,317 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
   }
 });
 const cascaderEmits = {
-  change: (value) => value,
-  clear: () => true
+  change: (value, items) => ({ value, items }),
+  clear: () => true,
+  delete: (value, deletedItem) => ({ value, deletedItem })
 };
+const _hoisted_1$G = {
+  key: 0,
+  class: "lew-icon-loading-box"
+};
+const _hoisted_2$t = ["value", "title", "readonly", "placeholder"];
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
+  __name: "CommonInput",
+  props: /* @__PURE__ */ mergeModels({
+    size: {
+      type: String,
+      default: "medium"
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    loading: {
+      type: Boolean,
+      default: false
+    },
+    clearable: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    width: {
+      type: String,
+      default: "100%"
+    },
+    formatItems: {
+      type: null
+    },
+    focus: {
+      type: Boolean,
+      default: false
+    },
+    popoverVisible: {
+      type: Boolean,
+      default: false
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    searchable: {
+      type: Boolean,
+      default: false
+    },
+    selectedLabel: {
+      type: String,
+      default: ""
+    }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {},
+    "keyword": {},
+    "keywordModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["clear", "delete", "input"], ["update:modelValue", "update:keyword"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const lewSelectRef = ref();
+    const selectWidth = ref();
+    const inputRef = ref();
+    const searchInputRef = ref();
+    const modelValue = useModel(__props, "modelValue");
+    const keyword = useModel(__props, "keyword");
+    watch(
+      () => props.focus,
+      (v) => {
+        if (!v && props.multiple) {
+          keyword.value = "";
+        }
+      }
+    );
+    function updateWidths() {
+      if (lewSelectRef.value) {
+        selectWidth.value = lewSelectRef.value.clientWidth;
+      }
+    }
+    let resizeObserver = null;
+    function clearHandle() {
+      emit("clear");
+    }
+    function inputHandle(e) {
+      emit("input", e);
+    }
+    function deleteTag(value) {
+      emit("delete", value);
+    }
+    const getSelectClassName = computed(() => {
+      let { clearable, size, disabled, readonly: readonly2, focus: focus2, multiple, searchable } = props;
+      if (multiple) {
+        clearable = clearable && (modelValue.value || []).length > 0;
+      } else {
+        clearable = clearable && !!modelValue.value;
+      }
+      return object2class("lew-select", {
+        clearable,
+        size,
+        disabled,
+        readonly: readonly2,
+        focus: focus2,
+        searchable,
+        multiple
+      });
+    });
+    const getIconSize = computed(() => {
+      const size = {
+        small: 14,
+        medium: 15,
+        large: 16
+      };
+      return size[props.size];
+    });
+    onMounted(() => {
+      updateWidths();
+      if (lewSelectRef.value) {
+        resizeObserver = new ResizeObserver(() => {
+          updateWidths();
+        });
+        resizeObserver.observe(lewSelectRef.value);
+      }
+    });
+    onUnmounted(() => {
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+        resizeObserver = null;
+      }
+    });
+    const showClearButton = computed(() => {
+      if (props.multiple) {
+        return props.clearable && (modelValue.value || []).length > 0 && !props.readonly && !props.loading;
+      } else {
+        return props.clearable && modelValue.value && !props.readonly && !props.loading;
+      }
+    });
+    const hasSelectedItems = computed(() => {
+      if (props.multiple) {
+        return (modelValue.value || []).length > 0;
+      } else {
+        return !!modelValue.value;
+      }
+    });
+    const showPlaceholder = computed(() => {
+      if (props.multiple && !props.searchable) {
+        return (modelValue.value || []).length === 0;
+      } else {
+        return false;
+      }
+    });
+    const selectedItemsText = computed(() => {
+      if (!hasSelectedItems.value)
+        return "";
+      if (props.multiple) {
+        return "";
+      } else {
+        return props.selectedLabel || props.formatItems;
+      }
+    });
+    const clearButtonIconClass = computed(() => {
+      return {
+        "lew-form-icon-close-focus": props.focus
+      };
+    });
+    const placeholderText = computed(() => {
+      if (props.multiple) {
+        return props.placeholder || locale.t("selectMultiple.placeholder");
+      } else {
+        return props.placeholder || locale.t("select.placeholder");
+      }
+    });
+    const getValueStyle = computed(() => {
+      return {
+        opacity: props.focus ? 0.6 : 1,
+        paddingRight: props.clearable ? "24px" : ""
+      };
+    });
+    function getInputRefStyle() {
+      return {
+        fontSize: getComputedStyle(inputRef.value).fontSize,
+        padding: getComputedStyle(inputRef.value).padding,
+        fontFamily: getComputedStyle(inputRef.value).fontFamily,
+        marginLeft: getComputedStyle(inputRef.value).marginLeft
+      };
+    }
+    function focus() {
+      if (props.multiple) {
+        setTimeout(() => {
+          searchInputRef.value?.focus();
+        }, 100);
+      } else {
+        inputRef.value?.focus();
+      }
+    }
+    const selectIconClass = computed(() => {
+      return {
+        "lew-icon-select-hide": showClearButton.value
+      };
+    });
+    __expose({
+      clearHandle,
+      getInputRefStyle
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "lewSelectRef",
+        ref: lewSelectRef,
+        class: normalizeClass(["lew-select", unref(getSelectClassName)]),
+        style: normalizeStyle({ width: unref(any2px)(__props.width) }),
+        onClick: focus
+      }, [
+        __props.loading ? (openBlock(), createElementBlock("div", _hoisted_1$G, [
+          createVNode(CommonIcon, {
+            size: unref(getIconSize),
+            loading: __props.loading,
+            type: "loading"
+          }, null, 8, ["size", "loading"])
+        ])) : (openBlock(), createBlock(CommonIcon, {
+          key: 1,
+          size: unref(getIconSize),
+          type: "chevron-down",
+          class: normalizeClass(["lew-icon-select", unref(selectIconClass)])
+        }, null, 8, ["size", "class"])),
+        createVNode(Transition, { name: "lew-form-icon-ani" }, {
+          default: withCtx(() => [
+            unref(showClearButton) ? (openBlock(), createBlock(CommonIcon, {
+              key: 0,
+              size: unref(getIconSize),
+              type: "close",
+              class: normalizeClass(["lew-form-icon-close", unref(clearButtonIconClass)]),
+              onClick: withModifiers(clearHandle, ["stop"])
+            }, null, 8, ["size", "class"])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        !__props.multiple ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+          createElementVNode("input", {
+            ref_key: "inputRef",
+            ref: inputRef,
+            value: unref(selectedItemsText),
+            title: unref(selectedItemsText),
+            class: "lew-value lew-single-input",
+            style: normalizeStyle(unref(getValueStyle)),
+            readonly: !__props.searchable,
+            placeholder: unref(placeholderText),
+            onInput: inputHandle
+          }, null, 44, _hoisted_2$t),
+          withDirectives(createElementVNode("div", { class: "lew-placeholder" }, toDisplayString$1(unref(placeholderText)), 513), [
+            [vShow, unref(showPlaceholder)]
+          ])
+        ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+          withDirectives(createElementVNode("div", { class: "lew-placeholder" }, toDisplayString$1(unref(placeholderText)), 513), [
+            [vShow, unref(showPlaceholder)]
+          ]),
+          withDirectives(createElementVNode("div", {
+            class: "lew-multiple-box",
+            style: normalizeStyle({ padding: unref(hasSelectedItems) ? "4px" : "" })
+          }, [
+            createVNode(TransitionGroup, { name: "tag-list" }, {
+              default: withCtx(() => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.formatItems, (item) => {
+                  return openBlock(), createBlock(unref(_sfc_main$e), {
+                    key: item.value,
+                    type: "light",
+                    size: props.size,
+                    closeable: !__props.disabled && !__props.readonly,
+                    onClose: ($event) => deleteTag(item.value)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString$1(item.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["size", "closeable", "onClose"]);
+                }), 128))
+              ]),
+              _: 1
+            }),
+            __props.searchable && (props.focus || (__props.formatItems || []).length === 0) ? (openBlock(), createBlock(unref(LewInput), {
+              ref_key: "searchInputRef",
+              ref: searchInputRef,
+              key: "search-input",
+              modelValue: keyword.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => keyword.value = $event),
+              "auto-width": unref(hasSelectedItems),
+              class: "lew-multiple-search-input",
+              size: __props.size,
+              placeholder: !unref(hasSelectedItems) ? unref(placeholderText) : " ",
+              onInput: _cache[1] || (_cache[1] = (value) => inputHandle({ target: { value } }))
+            }, null, 8, ["modelValue", "auto-width", "size", "placeholder"])) : createCommentVNode("", true)
+          ], 4), [
+            [vShow, !unref(showPlaceholder)]
+          ])
+        ], 64))
+      ], 6);
+    };
+  }
+});
+const CommonInput = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-51b98d83"]]);
 function vue3h(ele, props, children) {
   const { attrs, on, ...rest } = props;
   let event = {};
@@ -14989,6 +15554,9 @@ function useVirtList(userProps, emitFunction) {
       slotSize.footerSize = 0;
     }
   });
+  onActivated(() => {
+    scrollToOffset(reactiveData.offset);
+  });
   function getVirtualSize2beginInView() {
     return reactiveData.virtualSize + getRangeSize(reactiveData.renderBegin, reactiveData.inViewBegin);
   }
@@ -15356,6 +15924,96 @@ const VirtList = /* @__PURE__ */ defineComponent({
     }, [renderStickyHeaderSlot(), renderHeaderSlot(), renderMainList(), renderFooterSlot(), renderStickyFooterSlot()]);
   }
 });
+class CascaderNodeCache {
+  nodeCache = /* @__PURE__ */ new Map();
+  get(value) {
+    return this.nodeCache.get(value);
+  }
+  set(value, node) {
+    this.nodeCache.set(value, node);
+  }
+  has(value) {
+    return this.nodeCache.has(value);
+  }
+  clear() {
+    this.nodeCache.clear();
+  }
+}
+function formatTree(tree, parentValuePaths = [], parentLabelPaths = []) {
+  return tree.map((node) => {
+    const { value, label, children = [], isLeaf } = node;
+    const valuePaths = [...parentValuePaths, value];
+    const labelPaths = [...parentLabelPaths, label];
+    const level = valuePaths.length - 1;
+    const formattedNode = {
+      ...node,
+      key: value,
+      valuePaths,
+      labelPaths,
+      level,
+      parentValuePaths,
+      parentLabelPaths,
+      isLeaf: isLeaf ?? !children.length
+    };
+    if (children.length > 0) {
+      formattedNode.children = formatTree(children, valuePaths, labelPaths);
+    }
+    return formattedNode;
+  });
+}
+function findObjectByValue(treeList, value, cache2) {
+  if (cache2?.has(value)) {
+    return cache2.get(value) || null;
+  }
+  const stack = [...treeList];
+  while (stack.length > 0) {
+    const node = stack.pop();
+    if (node.value === value) {
+      cache2?.set(value, node);
+      return node;
+    }
+    if (node.children?.length) {
+      stack.push(...node.children);
+    }
+  }
+  return null;
+}
+function findAndAddChildrenByValue(tree, value, children, cache2) {
+  const stack = tree.map((node) => ({ node }));
+  while (stack.length > 0) {
+    const { node } = stack.pop();
+    if (node.value === value) {
+      node.children = children;
+      cache2?.set(value, node);
+      return tree;
+    }
+    if (node.children?.length) {
+      stack.push(...node.children.map((child) => ({ node: child, parent: node })));
+    }
+  }
+  return tree;
+}
+function findChildrenByValue(tree, value, cache2) {
+  const cachedNode = cache2?.get(value);
+  if (cachedNode) {
+    return cachedNode.children || [];
+  }
+  const stack = [...tree];
+  while (stack.length > 0) {
+    const node = stack.pop();
+    if (node.value === value) {
+      cache2?.set(value, node);
+      return node.children || [];
+    }
+    if (node.children?.length) {
+      stack.push(...node.children);
+    }
+  }
+  return [];
+}
+function createCascaderCache() {
+  return new CascaderNodeCache();
+}
 const cascaderProps = {
   options: {
     type: Array,
@@ -15397,22 +16055,6 @@ const cascaderProps = {
       propName: "clearable"
     })
   },
-  showAllLevels: {
-    type: Boolean,
-    default: true,
-    validator: validators.boolean({
-      componentName: "LewCascader",
-      propName: "showAllLevels"
-    })
-  },
-  multiple: {
-    type: Boolean,
-    default: false,
-    validator: validators.boolean({
-      componentName: "LewCascader",
-      propName: "multiple"
-    })
-  },
   free: {
     type: Boolean,
     default: false,
@@ -15479,48 +16121,69 @@ const cascaderProps = {
       componentName: "LewCascader",
       propName: "readonly"
     })
+  },
+  onlyLeafSelectable: {
+    type: Boolean,
+    default: true,
+    validator: validators.boolean({
+      componentName: "LewCascader",
+      propName: "onlyLeafSelectable"
+    })
+  },
+  multiple: {
+    type: Boolean,
+    default: false,
+    validator: validators.boolean({
+      componentName: "LewCascader",
+      propName: "multiple"
+    })
+  },
+  showAllLevels: {
+    type: Boolean,
+    default: true,
+    validator: validators.boolean({
+      componentName: "LewCascader",
+      propName: "showAllLevels"
+    })
   }
 };
-const _hoisted_1$G = {
+const _hoisted_1$F = {
   key: 0,
-  class: "lew-icon-loading-box"
+  class: "lew-cascader-options-box"
 };
-const _hoisted_2$t = ["onClick"];
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _hoisted_2$s = ["onClick"];
+const _hoisted_3$n = ["title"];
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "LewCascader",
   props: /* @__PURE__ */ mergeModels(cascaderProps, {
-    "modelValue": { required: true },
+    "modelValue": {},
     "modelModifiers": {}
   }),
   emits: /* @__PURE__ */ mergeModels(cascaderEmits, ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const cascaderValue = useModel(__props, "modelValue");
+    const modelValue = useModel(__props, "modelValue");
     const app = getCurrentInstance()?.appContext.app;
     if (app && !app.directive("tooltip")) {
       app.use(LewTooltip);
     }
-    const lewCascaderRef = ref();
     const lewPopoverRef = ref();
     const state = reactive({
       visible: false,
       loading: false,
       initLoading: true,
       okLoading: false,
+      backupValue: void 0,
       optionsGroup: [],
-      // 分组
       optionsTree: [],
-      // 树
-      activeLabels: [],
-      // 激活
-      tobeLabels: [],
-      // 待确认
-      tobeItem: {},
-      keyword: ""
+      activeValues: []
     });
+    const loadedDataCache = /* @__PURE__ */ new Map();
+    const nodeCache = createCascaderCache();
     const loadedData = reactive({});
     const formMethods = inject("formMethods", {});
+    let isInternalUpdate = false;
     const _loadMethod = computed(() => {
       if (isFunction$1(props.loadMethod)) {
         return props.loadMethod;
@@ -15537,327 +16200,352 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       }
       return false;
     });
-    function formatTree2(tree, parentValuePaths = [], parentLabelPaths = []) {
-      return tree.map((node) => {
-        const { value, label, children = [] } = node;
-        const valuePaths = [...parentValuePaths, value];
-        const labelPaths = [...parentLabelPaths, label];
-        const level = valuePaths.length - 1;
-        const _node = {
-          ...node,
-          valuePaths,
-          labelPaths,
-          level,
-          parentValuePaths,
-          parentLabelPaths
-        };
-        if ((children || []).length > 0) {
+    const getCascaderWidth = computed(() => {
+      const validGroups = state.optionsGroup.filter((group) => group?.length > 0).length;
+      return Math.max(validGroups, 1) * 200;
+    });
+    const getCascaderBodyStyle = computed(() => ({
+      width: `${getCascaderWidth.value}px`
+    }));
+    const getBodyClassName = computed(() => {
+      const { size, disabled } = props;
+      return object2class("lew-cascader-body", { size, disabled });
+    });
+    const formatItems = computed(() => {
+      if (!modelValue.value) {
+        return props.multiple ? [] : "";
+      }
+      if (!props.multiple && modelValue.value) {
+        const result = findObjectByValue(
+          state.optionsTree,
+          modelValue.value,
+          nodeCache
+        );
+        if (!result) {
+          return "";
+        }
+        const { label, labelPaths } = result;
+        return props.showAllLevels ? labelPaths.join(" / ") : label;
+      }
+      if (!modelValue.value || !Array.isArray(modelValue.value)) {
+        return [];
+      }
+      return modelValue.value.map((value) => {
+        const result = findObjectByValue(state.optionsTree, value, nodeCache);
+        if (!result) {
           return {
-            ..._node,
-            children: formatTree2(children, valuePaths, labelPaths)
+            value,
+            label: value
+            // 如果找不到对应的节点，使用value作为label
           };
         }
-        return _node;
+        const { label, labelPaths } = result;
+        return {
+          value,
+          label: props.multiple ? label : labelPaths.join(" / ")
+        };
       });
-    }
-    function findObjectByValue(treeList, value) {
-      for (let i = 0; i < treeList.length; i++) {
-        const tree = treeList[i];
-        if (tree.value === value) {
-          return tree;
-        }
-        if (tree.children) {
-          const foundObject = findObjectByValue(
-            tree.children,
-            value
-          );
-          if (foundObject) {
-            return foundObject;
-          }
-        }
+    });
+    const VIRT_LIST_STYLE = {
+      padding: "6px 6px 2px 6px",
+      boxSizing: "border-box"
+    };
+    const ITEM_PADDING_STYLE = {
+      height: "38px"
+    };
+    const {
+      selectedKeys,
+      init: initTreeSelection,
+      isSelected,
+      isIndeterminate,
+      removeKey,
+      toggleKey,
+      findItemsByValues
+    } = useTreeSelection();
+    function updateTreeStructure() {
+      if (state.optionsTree.length > 0 && !props.free) {
+        const currentKeys = modelValue.value && Array.isArray(modelValue.value) ? modelValue.value : [];
+        initTreeSelection({ tree: state.optionsTree, keys: currentKeys });
+      }
+    }
+    function updateModelValue() {
+      isInternalUpdate = true;
+      let _value;
+      let _items;
+      if (props.onlyLeafSelectable) {
+        _items = findItemsByValues(selectedKeys.value).filter((item) => item.isLeaf);
+        _value = _items.map((item) => item.key);
+      } else {
+        _value = cloneDeep(selectedKeys.value);
+        _items = findItemsByValues(selectedKeys.value);
       }
-      return null;
+      modelValue.value = _value;
+      emit("change", _value, _items);
+      nextTick(() => {
+        isInternalUpdate = false;
+      });
     }
-    function findAndAddChildrenByValue(tree, value, children) {
-      for (const node of tree) {
-        if (node.value === value) {
-          if (!node.children) {
-            node.children = [];
-          }
-          node.children = children;
-          return tree;
-        }
-        if (node.children && node.children.length > 0) {
-          const result = findAndAddChildrenByValue(node.children, value, children);
-          if (result && result.length > 0) {
-            return tree;
-          }
-        }
-      }
-      return [];
+    function getItemClass(templateProps) {
+      const isSelected2 = Array.isArray(modelValue.value) && modelValue.value.includes(templateProps.value) || modelValue.value === templateProps.value;
+      return {
+        "lew-cascader-item-disabled": templateProps.disabled,
+        "lew-cascader-item-active": state.activeValues?.includes(templateProps.value) || isSelected2,
+        "lew-cascader-item-selected": isSelected2
+      };
     }
-    function findChildrenByValue(tree, value) {
-      for (const node of tree) {
-        if (node.value === value) {
-          return node.children || [];
-        }
-        if (node.children && node.children.length > 0) {
-          const result = findChildrenByValue(node.children, value);
-          if (result && result.length > 0) {
-            return result;
-          }
-        }
-      }
-      return [];
+    function getItemWrapperStyle(oIndex, oItem) {
+      const style = {
+        zIndex: 20 - oIndex,
+        borderRadius: `0 ${oIndex === state.optionsGroup.length - 1 ? "var(--lew-border-radius-small)" : "0"} 0 0`,
+        transform: oItem.length > 0 ? `translateX(${200 * oIndex}px)` : ""
+      };
+      return style;
     }
     async function init() {
       let _tree = [];
-      if (_initMethod.value) {
-        const newOptions = await _initMethod.value();
-        _tree = newOptions || [];
-      } else if (_loadMethod.value && !state.loading) {
-        state.loading = true;
-        _tree = await _loadMethod.value() || [];
-        state.loading = false;
-      } else if (props.options && props.options.length > 0) {
-        _tree = props.options && props.options.map((e) => {
-          return {
+      try {
+        if (_initMethod.value) {
+          const newOptions = await _initMethod.value();
+          _tree = newOptions || [];
+        } else if (_loadMethod.value && !state.loading) {
+          state.loading = true;
+          _tree = await _loadMethod.value() || [];
+          state.loading = false;
+        } else if (props.options?.length) {
+          _tree = props.options.map((e) => ({
             ...e,
-            isLeaf: !e.children || e.children && e.children.length === 0
-            // 没有孩子
-          };
-        }) || [];
+            isLeaf: !e.children?.length
+          }));
+        }
+        nodeCache.clear();
+        loadedDataCache.clear();
+        const formattedTree = formatTree(_tree);
+        state.optionsGroup = [formattedTree];
+        state.optionsTree = formattedTree;
+        if (formattedTree.length > 0 && !props.free) {
+          initTreeSelection({ tree: formattedTree, keys: modelValue.value });
+        }
+      } catch (error) {
+        console.error("Cascader initialization failed:", error);
+        state.optionsGroup = [];
+        state.optionsTree = [];
+      } finally {
+        state.initLoading = false;
+        state.loading = false;
       }
-      const __tree = formatTree2(_tree);
-      state.optionsGroup = [__tree];
-      state.optionsTree = __tree;
-      state.initLoading = false;
     }
-    init();
-    watch(
-      () => props.options,
-      (newOptions) => {
-        if (!_initMethod.value) {
-          const _tree = newOptions && newOptions.map((e) => {
-            return {
-              ...e,
-              isLeaf: !e.children || e.children && e.children.length === 0
-            };
-          }) || [];
-          const __tree = formatTree2(_tree);
-          state.optionsGroup = [__tree];
-          state.optionsTree = __tree;
+    function changeCheck(item) {
+      if (item.disabled) {
+        return;
+      }
+      const itemValue = item.value;
+      if (props.free) {
+        let _value = modelValue.value;
+        const isSelected2 = modelValue.value?.includes(itemValue);
+        if (isSelected2) {
+          _value = (modelValue.value || []).filter(
+            (value) => value !== itemValue
+          );
+        } else {
+          _value = [...modelValue.value || [], itemValue];
         }
-      },
-      {
-        deep: true
+        const _items = findItemsByValues(_value);
+        modelValue.value = _value;
+        emit("change", _value, _items);
+      } else {
+        toggleKey(itemValue);
+        updateModelValue();
       }
-    );
-    const virtListRefs = ref([]);
+      setTimeout(() => {
+        lewPopoverRef.value && lewPopoverRef.value.refresh();
+      }, 100);
+    }
+    function getSelected() {
+      if (props.multiple) {
+        return findItemsByValues(modelValue.value);
+      } else {
+        return findObjectByValue(state.optionsTree, modelValue.value, nodeCache);
+      }
+    }
     async function selectItem(item, level) {
-      if (!item.isLeaf && item.labelPaths !== state.activeLabels) {
+      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) {
-          if (loadedData[item.value]) {
+          if (loadedDataCache.has(item.value)) {
+            const _options = loadedDataCache.get(item.value);
+            state.optionsGroup.push(_options);
+          } else if (loadedData[item.value]) {
             const _options = loadedData[item.value];
             state.optionsGroup.push(_options);
+            loadedDataCache.set(item.value, _options);
           } else {
             item.loading = true;
             state.okLoading = true;
-            const new_options = await _loadMethod.value(cloneDeep({ ...item, level })) || [];
-            const _tree = findAndAddChildrenByValue(
-              cloneDeep(state.optionsTree),
-              cloneDeep(item.value),
-              new_options
+            const loadParam = {
+              value: item.value,
+              label: item.label,
+              level
+            };
+            const new_options = await _loadMethod.value(loadParam) || [];
+            const formattedNewOptions = formatTree(
+              new_options,
+              item.valuePaths,
+              item.labelPaths
+            );
+            findAndAddChildrenByValue(
+              state.optionsTree,
+              item.value,
+              formattedNewOptions,
+              nodeCache
             );
-            state.optionsTree = formatTree2(_tree);
-            const _options = findChildrenByValue(state.optionsTree, item.value);
+            if (!props.free) {
+              updateTreeStructure();
+              nextTick(() => {
+                updateModelValue();
+              });
+            }
+            const _options = findChildrenByValue(state.optionsTree, item.value, nodeCache);
             state.optionsGroup.push(_options);
+            loadedDataCache.set(item.value, _options);
             loadedData[item.value] = _options;
             item.loading = false;
             state.okLoading = false;
           }
-        } else if (!item.isLeaf) {
-          const _options = item.children && item.children.map((e) => {
-            return {
-              ...e,
-              isLeaf: !e.children || e.children && e.children.length === 0
-              // 没有孩子
-            };
-          }) || [];
+        } else if (!item.isLeaf && item.children) {
+          const _options = item.children.map((e) => ({
+            ...e,
+            isLeaf: !e.children?.length
+          }));
           state.optionsGroup.push(_options);
         }
       }
-      if (item.labelPaths === state.activeLabels) {
-        state.activeLabels = item.parentLabelPaths;
-        if (level < state.optionsGroup.length - 1) {
-          state.optionsGroup.pop();
+      if (!props.multiple) {
+        modelValue.value = item.value;
+        if (props.onlyLeafSelectable && item.isLeaf) {
+          setTimeout(() => {
+            hide2();
+          }, 100);
         }
-      } else {
-        state.activeLabels = item.labelPaths;
-      }
-      state.tobeItem = { ...item, children: void 0 };
-      if (props.free) {
-        checkItem(item);
-      } else if (item.isLeaf) {
-        checkItem(item);
-        ok();
       }
-    }
-    function checkItem(item) {
-      if (props.showAllLevels) {
-        if (state.tobeLabels === item.labelPaths) {
-          state.tobeLabels = item.parentLabelPaths;
-        } else {
-          state.tobeLabels = item.labelPaths;
+      if (item.isLeaf)
+        return;
+      if (isEqual(item.valuePaths, state.activeValues)) {
+        state.activeValues = item.parentValuePaths || [];
+        if (level < state.optionsGroup.length - 1) {
+          state.optionsGroup.pop();
         }
-      } else if (state.tobeLabels[0] === item.label) {
-        state.tobeLabels = [];
       } else {
-        state.tobeLabels = [item.label];
+        state.activeValues = item.valuePaths || [];
       }
     }
-    async function show() {
-      lewPopoverRef.value.show();
-    }
-    function hide2() {
-      lewPopoverRef.value.hide();
-    }
     function clearHandle() {
-      cascaderValue.value = void 0;
-      state.tobeLabels = [];
-      state.activeLabels = [];
-      hide2();
-      init();
+      Object.assign(state, {
+        activeValues: [],
+        visible: false
+      });
+      initTreeSelection({ keys: [] });
+      isInternalUpdate = true;
+      modelValue.value = void 0;
+      emit("change", void 0, void 0);
       emit("clear");
-      emit("change", void 0);
+      nextTick(() => {
+        isInternalUpdate = false;
+      });
+    }
+    function deleteTag(value) {
+      removeKey(value);
+      updateModelValue();
+      emit("delete", modelValue.value, value);
     }
-    const getValueStyle = computed(() => {
-      const { size } = props;
-      const widthMap = {
-        small: "calc(100% - 24px)",
-        medium: "calc(100% - 24px)",
-        large: "calc(100% - 24px)"
-      };
-      return {
-        width: widthMap[size],
-        padding: `var(--lew-form-input-padding-${size})`,
-        fontSize: `var(--lew-form-font-size-${size})`,
-        lineHeight: `calc(var(--lew-form-item-height-${size}) - (var(--lew-form-border-width) * 2))`,
-        opacity: state.visible ? 0.4 : 1
-      };
-    });
     function showHandle() {
+      state.backupValue = modelValue.value;
       state.visible = true;
     }
     function hideHandle() {
+      if (props.onlyLeafSelectable && modelValue.value && !props.multiple) {
+        const selectedNodes = findObjectByValue(
+          state.optionsTree,
+          modelValue.value,
+          nodeCache
+        );
+        if (!selectedNodes) {
+          modelValue.value = state.backupValue;
+          return;
+        }
+        const isLeaf = selectedNodes.isLeaf;
+        if (!isLeaf) {
+          modelValue.value = state.backupValue;
+          return;
+        }
+      }
       state.visible = false;
     }
-    const getLabel = computed(() => {
-      const item = findObjectByValue(state.optionsTree, cascaderValue.value);
-      return item?.labelPaths || [];
-    });
-    const getDisplayText2 = computed(() => {
-      if (!getLabel.value || getLabel.value.length === 0) {
-        return props.placeholder ? props.placeholder : locale.t("cascader.placeholder");
+    async function show() {
+      try {
+        await lewPopoverRef.value?.show();
+      } catch (error) {
+        console.warn("Failed to show cascader popover:", error);
       }
-      if (props.showAllLevels) {
-        return getLabel.value.join(" / ");
-      } else {
-        return getLabel.value[getLabel.value.length - 1];
+    }
+    function hide2() {
+      try {
+        lewPopoverRef.value?.hide();
+      } catch (error) {
+        console.warn("Failed to hide cascader popover:", error);
+      }
+    }
+    watch(
+      () => props.options,
+      (newOptions) => {
+        if (!_initMethod.value && newOptions?.length) {
+          const _tree = newOptions.map((e) => ({
+            ...e,
+            isLeaf: !e.children?.length
+          }));
+          nodeCache.clear();
+          loadedDataCache.clear();
+          const formattedTree = formatTree(_tree);
+          state.optionsGroup = [formattedTree];
+          state.optionsTree = formattedTree;
+          if (formattedTree.length > 0) {
+            if (modelValue.value && Array.isArray(modelValue.value) && modelValue.value.length > 0 && !props.free) {
+              initTreeSelection({ tree: formattedTree, keys: modelValue.value });
+            }
+          }
+        }
+      },
+      {
+        deep: true,
+        flush: "post"
       }
-    });
-    const shouldShowValue = computed(() => getLabel.value && getLabel.value.length > 0);
-    const shouldShowPlaceholder = computed(
-      () => !getLabel.value || getLabel.value && getLabel.value.length === 0
-    );
-    const shouldShowClearIcon = computed(
-      () => props.clearable && getLabel.value && getLabel.value.length > 0 && !props.readonly
-    );
-    const shouldShowSelectIcon = computed(
-      () => !(props.clearable && getLabel.value && getLabel.value.length > 0)
     );
-    const getCascaderWidth = computed(() => {
-      const _hasChildOptions = state.optionsGroup.filter((e) => e && e.length > 0).length;
-      if (_hasChildOptions > 1) {
-        return _hasChildOptions * 200;
+    watch(
+      () => modelValue.value,
+      (newValue) => {
+        if (isInternalUpdate) {
+          return;
+        }
+        if (newValue && Array.isArray(newValue) && !props.free) {
+          initTreeSelection({ keys: newValue });
+        }
+      },
+      {
+        immediate: false,
+        deep: true
       }
-      return _hasChildOptions * 200;
-    });
-    const getCascaderStyle = computed(() => {
-      const { size } = props;
-      return {
-        height: `var(--lew-form-item-height-${size})`
-      };
-    });
-    const getCascaderBodyStyle = computed(() => ({
-      width: `${getCascaderWidth.value}px`
-    }));
-    const getOptionsBoxStyle = computed(() => ({
-      height: props.free ? "calc(100% - 48px)" : "100%"
-    }));
-    const getVirtListStyle = computed(() => ({
-      padding: "6px 6px 2px 6px",
-      boxSizing: "border-box"
-    }));
-    const getItemPaddingStyle = computed(() => ({
-      height: "38px"
-    }));
-    const getLabelClass = computed(() => ({
-      "lew-cascader-label-free": props.free
-    }));
-    const getCascaderClassName = computed(() => {
-      let { clearable, disabled, readonly: readonly2 } = props;
-      clearable = clearable ? !!cascaderValue.value : false;
-      const focus = state.visible;
-      return object2class("lew-cascader", {
-        clearable,
-        disabled,
-        readonly: readonly2,
-        focus,
-        "init-loading": state.initLoading
-      });
-    });
-    const getBodyClassName = computed(() => {
-      const { size, disabled } = props;
-      return object2class("lew-cascader-body", { size, disabled });
+    );
+    onBeforeUnmount(() => {
+      nodeCache.clear();
+      loadedDataCache.clear();
     });
-    const getIconSize = computed(() => {
-      const size = {
-        small: 14,
-        medium: 15,
-        large: 16
-      };
-      return size[props.size];
+    init();
+    __expose({
+      show,
+      hide: hide2,
+      getSelected
     });
-    function getItemClass(templateProps) {
-      return {
-        "lew-cascader-item-disabled": templateProps.disabled,
-        "lew-cascader-item-hover": state.activeLabels.includes(templateProps.label),
-        "lew-cascader-item-active": props.free ? state.activeLabels.includes(templateProps.label) && state.tobeLabels.includes(templateProps.label) : state.activeLabels.includes(templateProps.label),
-        "lew-cascader-item-tobe": state.tobeLabels.includes(templateProps.label),
-        "lew-cascader-item-selected": getLabel.value && getLabel.value.includes(templateProps.label) && state.tobeLabels.includes(templateProps.label)
-      };
-    }
-    function getItemWrapperStyle(oIndex, oItem) {
-      return {
-        zIndex: 20 - oIndex,
-        borderRadius: `0 ${oIndex === state.optionsGroup.length - 1 ? "var(--lew-border-radius-small)" : "0"} 0 0`,
-        transform: oItem.length > 0 ? `translateX(${200 * oIndex}px)` : ""
-      };
-    }
-    function ok() {
-      const item = findObjectByValue(state.optionsTree, state.tobeItem.value);
-      cascaderValue.value = state.tobeItem.value;
-      emit("change", cloneDeep(item));
-      setTimeout(() => {
-        hide2();
-      }, 100);
-    }
-    function close() {
-      hide2();
-    }
-    __expose({ show, hide: hide2 });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$U), {
         ref_key: "lewPopoverRef",
@@ -15873,61 +16561,22 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
         onHide: hideHandle
       }, {
         trigger: withCtx(() => [
-          createElementVNode("div", {
-            ref_key: "lewCascaderRef",
-            ref: lewCascaderRef,
-            class: normalizeClass(["lew-cascader", unref(getCascaderClassName)]),
-            style: normalizeStyle(unref(getCascaderStyle))
-          }, [
-            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(Transition, {
-              key: 1,
-              name: "lew-form-icon-ani"
-            }, {
-              default: withCtx(() => [
-                unref(shouldShowSelectIcon) ? (openBlock(), createBlock(CommonIcon, {
-                  key: 0,
-                  size: unref(getIconSize),
-                  type: "chevron-down",
-                  class: "icon-select"
-                }, null, 8, ["size"])) : createCommentVNode("", true)
-              ]),
-              _: 1
-            })),
-            createVNode(Transition, { name: "lew-form-icon-ani" }, {
-              default: withCtx(() => [
-                unref(shouldShowClearIcon) ? (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("div", {
-              class: "lew-cascader-value",
-              style: normalizeStyle(unref(getValueStyle))
-            }, [
-              createVNode(unref(LewTextTrim), { text: unref(getDisplayText2) }, null, 8, ["text"])
-            ], 4), [
-              [vShow, unref(shouldShowValue)]
-            ]),
-            withDirectives(createElementVNode("div", {
-              class: "lew-cascader-placeholder",
-              style: normalizeStyle(unref(getValueStyle))
-            }, toDisplayString$1(unref(getDisplayText2)), 5), [
-              [vShow, unref(shouldShowPlaceholder)]
-            ])
-          ], 6)
+          createVNode(CommonInput, {
+            modelValue: modelValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.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", {
@@ -15937,11 +16586,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
             createVNode(Transition, { name: "fade" }, {
               default: withCtx(() => [
-                unref(state).optionsGroup.length > 0 ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: "lew-cascader-options-box",
-                  style: normalizeStyle(unref(getOptionsBoxStyle))
-                }, [
+                unref(state).optionsGroup.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$F, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).optionsGroup, (oItem, oIndex) => {
                     return openBlock(), createElementBlock("div", {
                       key: oIndex,
@@ -15949,89 +16594,64 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
                       style: normalizeStyle(getItemWrapperStyle(oIndex, oItem))
                     }, [
                       (openBlock(), createBlock(unref(VirtList), {
-                        key: oItem[0]?.parentValuePaths?.join("-") || "root",
-                        ref_for: true,
-                        ref: (el) => unref(virtListRefs)[oIndex] = el,
+                        key: oItem?.[0]?.parentValuePaths?.join("-") || "root",
                         class: "lew-scrollbar-hover",
                         list: oItem,
                         "min-size": 38,
                         buffer: 5,
                         "item-key": "value",
-                        style: normalizeStyle(unref(getVirtListStyle))
+                        style: VIRT_LIST_STYLE
                       }, {
                         default: withCtx(({ itemData: templateProps }) => [
                           createElementVNode("div", {
                             class: "lew-cascader-item-padding",
-                            style: normalizeStyle(unref(getItemPaddingStyle))
+                            style: ITEM_PADDING_STYLE,
+                            onClick: ($event) => selectItem(templateProps, oIndex)
                           }, [
                             createElementVNode("div", {
-                              class: normalizeClass(["lew-cascader-item", getItemClass(templateProps)]),
-                              onClick: ($event) => selectItem(templateProps, oIndex)
+                              class: normalizeClass(["lew-cascader-item", getItemClass(templateProps)])
                             }, [
-                              _ctx.free ? (openBlock(), createBlock(unref(LewCheckbox), {
-                                key: 0,
+                              props.multiple ? (openBlock(), createBlock(unref(LewCheckbox), {
+                                key: templateProps.value,
                                 class: "lew-cascader-checkbox",
-                                checked: unref(state).tobeLabels.includes(templateProps.label)
-                              }, null, 8, ["checked"])) : createCommentVNode("", true),
-                              createVNode(unref(LewTextTrim), {
-                                class: normalizeClass(["lew-cascader-label", unref(getLabelClass)]),
-                                text: templateProps.label,
-                                delay: [500, 0]
-                              }, null, 8, ["class", "text"]),
-                              templateProps.loading ? (openBlock(), createBlock(CommonIcon, {
-                                key: 1,
+                                checked: props.free ? modelValue.value?.includes(templateProps.value) : unref(isSelected)(templateProps.value),
+                                certain: !props.free && unref(isIndeterminate)(templateProps.value),
+                                disabled: templateProps.disabled,
+                                onChange: ($event) => changeCheck(templateProps)
+                              }, null, 8, ["checked", "certain", "disabled", "onChange"])) : createCommentVNode("", true),
+                              createElementVNode("div", {
+                                title: templateProps.label,
+                                class: "lew-cascader-label",
+                                style: normalizeStyle({
+                                  width: props.multiple ? "calc(100% - 36px)" : "100%"
+                                })
+                              }, toDisplayString$1(templateProps.label), 13, _hoisted_3$n),
+                              withDirectives(createVNode(CommonIcon, {
                                 size: 14,
                                 loading: "",
                                 class: "lew-cascader-loading-icon",
                                 type: "loader"
-                              })) : !templateProps.isLeaf ? (openBlock(), createBlock(CommonIcon, {
-                                key: 2,
+                              }, null, 512), [
+                                [vShow, templateProps.loading]
+                              ]),
+                              withDirectives(createVNode(CommonIcon, {
                                 size: 16,
                                 class: "lew-cascader-icon",
                                 type: "chevron-right"
-                              })) : createCommentVNode("", true)
-                            ], 10, _hoisted_2$t)
-                          ], 4)
+                              }, null, 512), [
+                                [vShow, !templateProps.loading && !templateProps.isLeaf]
+                              ])
+                            ], 2)
+                          ], 8, _hoisted_2$s)
                         ]),
                         _: 2
-                      }, 1032, ["list", "style"]))
+                      }, 1032, ["list"]))
                     ], 4);
                   }), 128))
-                ], 4)) : createCommentVNode("", true)
+                ])) : createCommentVNode("", true)
               ]),
               _: 1
-            }),
-            _ctx.free ? (openBlock(), createBlock(unref(LewFlex), {
-              key: 0,
-              x: "end",
-              gap: "5px",
-              class: "lew-cascader-control"
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(LewButton), {
-                  color: "gray",
-                  type: "text",
-                  size: "small",
-                  onClick: close
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString$1(unref(locale).t("cascader.closeText")), 1)
-                  ]),
-                  _: 1
-                }),
-                createVNode(unref(LewButton), {
-                  disabled: unref(state).okLoading,
-                  size: "small",
-                  onClick: _cache[0] || (_cache[0] = ($event) => ok())
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString$1(unref(locale).t("cascader.okText")), 1)
-                  ]),
-                  _: 1
-                }, 8, ["disabled"])
-              ]),
-              _: 1
-            })) : createCommentVNode("", true)
+            })
           ], 6)
         ]),
         _: 3
@@ -16039,7 +16659,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewCascader = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-45a2695b"]]);
+const LewCascader = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-7cea69f7"]]);
 const cascaderModel = {
   modelValue: {
     type: String
@@ -16194,16 +16814,16 @@ const checkboxGroupProps = {
     })
   }
 };
-const _hoisted_1$F = {
+const _hoisted_1$E = {
   key: 0,
   class: "lew-checkbox-icon-box"
 };
-const _hoisted_2$s = { class: "lew-checkbox-icon-certain" };
-const _hoisted_3$n = {
+const _hoisted_2$r = { class: "lew-checkbox-icon-certain" };
+const _hoisted_3$m = {
   key: 1,
   class: "lew-checkbox-label"
 };
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "LewCheckbox",
   props: /* @__PURE__ */ mergeModels(checkboxProps, {
     "modelValue": {
@@ -16231,7 +16851,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     });
     const getCheckboxClassName = computed(() => {
       const { block, round: round2, iconable, size, disabled, certain, readonly: readonly2 } = props;
-      const checked = modelValue.value || props.checked;
+      const checked = props.checked || modelValue.value;
       const unicon = !iconable && block;
       return object2class("lew-checkbox", {
         block,
@@ -16254,13 +16874,19 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       modelValue.value = _value;
       emit("change", _value);
     }
+    watch(
+      () => props.checked,
+      () => {
+        modelValue.value = props.checked;
+      }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["lew-checkbox", unref(getCheckboxClassName)]),
         onClick: withModifiers(setChecked, ["stop"])
       }, [
-        unref(shouldShowIconBox) ? (openBlock(), createElementBlock("div", _hoisted_1$F, [
-          withDirectives(createElementVNode("i", _hoisted_2$s, null, 512), [
+        unref(shouldShowIconBox) ? (openBlock(), createElementBlock("div", _hoisted_1$E, [
+          withDirectives(createElementVNode("i", _hoisted_2$r, null, 512), [
             [vShow, _ctx.certain]
           ]),
           createVNode(CommonIcon, {
@@ -16270,13 +16896,13 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
             size: unref(getIconSize)
           }, null, 8, ["size"])
         ])) : createCommentVNode("", true),
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$n, toDisplayString$1(_ctx.label), 1)) : createCommentVNode("", true)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_3$m, toDisplayString$1(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const LewCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-c80437bd"]]);
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const LewCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-624c4156"]]);
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "LewCheckboxGroup",
   props: /* @__PURE__ */ mergeModels(checkboxGroupProps, {
     "modelValue": {
@@ -16364,7 +16990,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-af58b094"]]);
+const LewCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-af58b094"]]);
 const checkboxModel = {
   modelValue: {
     type: Boolean,
@@ -16425,8 +17051,8 @@ const colorPickerProps = {
     })
   }
 };
-const _hoisted_1$E = ["placeholder"];
-const _sfc_main$Q = /* @__PURE__ */ defineComponent({
+const _hoisted_1$D = ["placeholder"];
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "LewColorPicker",
   props: /* @__PURE__ */ mergeModels(colorPickerProps, {
     "modelValue": { required: true },
@@ -16543,7 +17169,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
             placeholder: unref(getDisplayPlaceholder),
             onFocus: focus,
             onBlur: blur
-          }, null, 44, _hoisted_1$E), [
+          }, null, 44, _hoisted_1$D), [
             [vModelText, modelValue.value]
           ])
         ], 6)
@@ -16551,7 +17177,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-2dd5922b"]]);
+const LewColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-2dd5922b"]]);
 const colorPickerModel = {
   modelValue: {
     type: String
@@ -17158,11 +17784,11 @@ function getMonthDate(year, month) {
   }
   return ret;
 }
-const _hoisted_1$D = { class: "lew-date" };
-const _hoisted_2$r = { class: "lew-date-control-left" };
-const _hoisted_3$m = { class: "cur-date" };
-const _hoisted_4$g = { class: "lew-date-control-right" };
-const _hoisted_5$e = { class: "lew-date-box" };
+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_6$9 = { class: "lew-date-num" };
 const _hoisted_7$7 = ["onClick"];
 const _hoisted_8$6 = { class: "lew-date-label" };
@@ -17171,7 +17797,7 @@ const _hoisted_9$6 = {
   class: "lew-date-item-today"
 };
 const _hoisted_10$4 = { class: "lew-date-value" };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "LewDate",
   props: {
     valueFormat: {
@@ -17285,14 +17911,14 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     }
     __expose({ init, getValue: getValue2 });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$D, [
+      return openBlock(), createElementBlock("div", _hoisted_1$C, [
         createVNode(unref(LewFlex), {
           x: "start",
           mode: "between",
           class: "lew-date-control"
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_2$r, [
+            createElementVNode("div", _hoisted_2$q, [
               createVNode(unref(LewButton), {
                 type: "light",
                 color: "gray",
@@ -17318,8 +17944,8 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
                 _: 1
               })
             ]),
-            createElementVNode("div", _hoisted_3$m, toDisplayString$1(unref(dayjs)(`${unref(dateState).year}-${unref(dateState).month}`).format("YYYY-MM")), 1),
-            createElementVNode("div", _hoisted_4$g, [
+            createElementVNode("div", _hoisted_3$l, toDisplayString$1(unref(dayjs)(`${unref(dateState).year}-${unref(dateState).month}`).format("YYYY-MM")), 1),
+            createElementVNode("div", _hoisted_4$e, [
               createVNode(unref(LewButton), {
                 type: "light",
                 color: "gray",
@@ -17348,7 +17974,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        createElementVNode("div", _hoisted_5$e, [
+        createElementVNode("div", _hoisted_5$d, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(headDate), (item, index2) => {
             return openBlock(), createElementBlock("div", {
               key: `h${index2}`,
@@ -17374,12 +18000,12 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDate = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-0e16ffbf"]]);
-const _hoisted_1$C = { class: "lew-time-control" };
-const _hoisted_2$q = { class: "cur-time" };
-const _hoisted_3$l = { class: "lew-time-container" };
-const _hoisted_4$f = { class: "lew-time-column" };
-const _hoisted_5$d = ["data-value", "onClick"];
+const LewDate = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-0e16ffbf"]]);
+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_6$8 = ["data-text"];
 const _hoisted_7$6 = { class: "lew-time-column" };
 const _hoisted_8$5 = ["data-value", "onClick"];
@@ -17392,7 +18018,7 @@ const _hoisted_11$3 = ["data-value", "onClick"];
 const _hoisted_12$2 = ["data-text"];
 const _hoisted_13$1 = { class: "lew-time-actions" };
 const ITEM_HEIGHT = 28;
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "LewTime",
   props: {
     valueFormat: {
@@ -17666,8 +18292,8 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           width: unref(showSeconds) ? "220px" : "160px"
         })
       }, [
-        createElementVNode("div", _hoisted_1$C, [
-          createElementVNode("div", _hoisted_2$q, toDisplayString$1(unref(_timeValue) || "00:00:00"), 1),
+        createElementVNode("div", _hoisted_1$B, [
+          createElementVNode("div", _hoisted_2$p, toDisplayString$1(unref(_timeValue) || "00:00:00"), 1),
           createVNode(unref(LewButton), {
             type: "light",
             color: "gray",
@@ -17680,11 +18306,11 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             _: 1
           })
         ]),
-        createElementVNode("div", _hoisted_3$l, [
+        createElementVNode("div", _hoisted_3$k, [
           _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$f, [
+          createElementVNode("div", _hoisted_4$d, [
             createElementVNode("div", {
               ref_key: "hourRef",
               ref: hourRef,
@@ -17705,7 +18331,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
                     class: "lew-time-value",
                     "data-text": hour.label
                   }, toDisplayString$1(hour.label), 9, _hoisted_6$8)
-                ], 8, _hoisted_5$d);
+                ], 8, _hoisted_5$c);
               }), 128)),
               _cache[11] || (_cache[11] = createElementVNode("div", { class: "lew-time-padding" }, null, -1))
             ], 544)
@@ -17791,15 +18417,15 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTime = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-ce0dbc81"]]);
-const _hoisted_1$B = { class: "lew-datetime" };
-const _hoisted_2$p = { class: "lew-datetime-content" };
-const _hoisted_3$k = { class: "lew-datetime-panel lew-datetime-date-panel" };
-const _hoisted_4$e = { class: "lew-datetime-panel lew-datetime-time-panel" };
-const _hoisted_5$c = { class: "lew-datetime-actions" };
+const LewTime = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-ce0dbc81"]]);
+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_6$7 = { class: "lew-datetime-actions-left" };
 const _hoisted_7$5 = { class: "lew-datetime-actions-right" };
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "LewDateTime",
   props: {
     valueFormat: {
@@ -17871,16 +18497,16 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     }
     __expose({ init });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$B, [
-        createElementVNode("div", _hoisted_2$p, [
-          createElementVNode("div", _hoisted_3$k, [
+      return openBlock(), createElementBlock("div", _hoisted_1$A, [
+        createElementVNode("div", _hoisted_2$o, [
+          createElementVNode("div", _hoisted_3$j, [
             createVNode(LewDate, {
               ref_key: "dateRef",
               ref: dateRef,
               "value-format": unref(dateFormat)
             }, null, 8, ["value-format"])
           ]),
-          createElementVNode("div", _hoisted_4$e, [
+          createElementVNode("div", _hoisted_4$c, [
             createVNode(LewTime, {
               ref_key: "timeRef",
               ref: timeRef,
@@ -17890,7 +18516,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
             }, null, 8, ["value-format"])
           ])
         ]),
-        createElementVNode("div", _hoisted_5$c, [
+        createElementVNode("div", _hoisted_5$b, [
           createElementVNode("div", _hoisted_6$7, [
             createVNode(unref(LewButton), {
               type: "light",
@@ -17934,12 +18560,12 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDateTime = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-de4090a5"]]);
-const _hoisted_1$A = { class: "lew-month" };
-const _hoisted_2$o = { class: "lew-month-control-left" };
-const _hoisted_3$j = { class: "cur-year" };
-const _hoisted_4$d = { class: "lew-month-control-right" };
-const _hoisted_5$b = { class: "lew-month-list" };
+const LewDateTime = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-de4090a5"]]);
+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_6$6 = ["onClick"];
 const _hoisted_7$4 = { class: "lew-month-label" };
 const _hoisted_8$4 = {
@@ -17947,7 +18573,7 @@ const _hoisted_8$4 = {
   class: "lew-month-item-current"
 };
 const _hoisted_9$4 = { class: "lew-month-value" };
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "LewMonth",
   props: {
     valueFormat: {
@@ -18022,14 +18648,14 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     }
     __expose({ init });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$A, [
+      return openBlock(), createElementBlock("div", _hoisted_1$z, [
         createVNode(unref(LewFlex), {
           x: "start",
           mode: "between",
           class: "lew-month-control"
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_2$o, [
+            createElementVNode("div", _hoisted_2$n, [
               createVNode(unref(LewButton), {
                 type: "light",
                 color: "gray",
@@ -18043,8 +18669,8 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
                 _: 1
               })
             ]),
-            createElementVNode("div", _hoisted_3$j, toDisplayString$1(unref(monthState).year), 1),
-            createElementVNode("div", _hoisted_4$d, [
+            createElementVNode("div", _hoisted_3$i, toDisplayString$1(unref(monthState).year), 1),
+            createElementVNode("div", _hoisted_4$b, [
               createVNode(unref(LewButton), {
                 type: "light",
                 color: "gray",
@@ -18061,7 +18687,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        createElementVNode("div", _hoisted_5$b, [
+        createElementVNode("div", _hoisted_5$a, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(monthList), (month) => {
             return openBlock(), createElementBlock("div", {
               key: month.value,
@@ -18079,12 +18705,12 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewMonth = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-0cdc6c13"]]);
-const _hoisted_1$z = { class: "lew-quarter" };
-const _hoisted_2$n = { class: "lew-quarter-control-left" };
-const _hoisted_3$i = { class: "cur-year" };
-const _hoisted_4$c = { class: "lew-quarter-control-right" };
-const _hoisted_5$a = { class: "lew-quarter-list" };
+const LewMonth = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-0cdc6c13"]]);
+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_6$5 = ["onClick"];
 const _hoisted_7$3 = { class: "lew-quarter-label" };
 const _hoisted_8$3 = {
@@ -18094,7 +18720,7 @@ const _hoisted_8$3 = {
 const _hoisted_9$3 = { class: "lew-quarter-value" };
 const _hoisted_10$2 = { class: "lew-quarter-main" };
 const _hoisted_11$2 = { class: "lew-quarter-months" };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "LewQuarter",
   props: {
     valueFormat: {
@@ -18160,14 +18786,14 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     }
     __expose({ init });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$y, [
         createVNode(unref(LewFlex), {
           x: "start",
           mode: "between",
           class: "lew-quarter-control"
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_2$n, [
+            createElementVNode("div", _hoisted_2$m, [
               createVNode(unref(LewButton), {
                 type: "light",
                 color: "gray",
@@ -18181,8 +18807,8 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
                 _: 1
               })
             ]),
-            createElementVNode("div", _hoisted_3$i, toDisplayString$1(unref(currentYear)), 1),
-            createElementVNode("div", _hoisted_4$c, [
+            createElementVNode("div", _hoisted_3$h, toDisplayString$1(unref(currentYear)), 1),
+            createElementVNode("div", _hoisted_4$a, [
               createVNode(unref(LewButton), {
                 type: "light",
                 color: "gray",
@@ -18199,7 +18825,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(quarterList), (item) => {
             return openBlock(), createElementBlock("div", {
               key: item.value,
@@ -18220,12 +18846,12 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewQuarter = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-8a82e927"]]);
-const _hoisted_1$y = { class: "lew-year" };
-const _hoisted_2$m = { class: "lew-year-control-left" };
-const _hoisted_3$h = { class: "cur-decade" };
-const _hoisted_4$b = { class: "lew-year-control-right" };
-const _hoisted_5$9 = { class: "lew-year-list" };
+const LewQuarter = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-8a82e927"]]);
+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_6$4 = ["onClick"];
 const _hoisted_7$2 = { class: "lew-year-label" };
 const _hoisted_8$2 = {
@@ -18233,7 +18859,7 @@ const _hoisted_8$2 = {
   class: "lew-year-item-current"
 };
 const _hoisted_9$2 = { class: "lew-year-value" };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "LewYear",
   props: {
     valueFormat: {
@@ -18303,14 +18929,14 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     }
     __expose({ init });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$y, [
+      return openBlock(), createElementBlock("div", _hoisted_1$x, [
         createVNode(unref(LewFlex), {
           x: "start",
           mode: "between",
           class: "lew-year-control"
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_2$m, [
+            createElementVNode("div", _hoisted_2$l, [
               createVNode(unref(LewButton), {
                 type: "light",
                 color: "gray",
@@ -18324,8 +18950,8 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                 _: 1
               })
             ]),
-            createElementVNode("div", _hoisted_3$h, toDisplayString$1(unref(yearState).startYear) + " - " + toDisplayString$1(unref(yearState).startYear + 11), 1),
-            createElementVNode("div", _hoisted_4$b, [
+            createElementVNode("div", _hoisted_3$g, toDisplayString$1(unref(yearState).startYear) + " - " + toDisplayString$1(unref(yearState).startYear + 11), 1),
+            createElementVNode("div", _hoisted_4$9, [
               createVNode(unref(LewButton), {
                 type: "light",
                 color: "gray",
@@ -18342,7 +18968,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(yearList), (year) => {
             return openBlock(), createElementBlock("div", {
               key: year,
@@ -18360,9 +18986,9 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewYear = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-a748ea05"]]);
-const _hoisted_1$x = { class: "lew-panel" };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const LewYear = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-a748ea05"]]);
+const _hoisted_1$w = { class: "lew-panel" };
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "LewPanel",
   props: {
     type: {
@@ -18399,7 +19025,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     }
     __expose({ init });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$x, [
+      return openBlock(), createElementBlock("div", _hoisted_1$w, [
         (openBlock(), createBlock(resolveDynamicComponent(unref(currentComponent)), {
           ref_key: "currentComponentRef",
           ref: currentComponentRef,
@@ -18479,10 +19105,10 @@ const datePickerProps = {
     })
   }
 };
-const _hoisted_1$w = { class: "lew-date-picker-view" };
-const _hoisted_2$l = ["placeholder", "readonly", "disabled"];
-const _hoisted_3$g = ["title", "onClick"];
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _hoisted_1$v = { class: "lew-date-picker-view" };
+const _hoisted_2$k = ["placeholder", "readonly", "disabled"];
+const _hoisted_3$f = ["title", "onClick"];
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "LewDatePicker",
   props: /* @__PURE__ */ mergeModels(datePickerProps, {
     "modelValue": { required: true },
@@ -18661,7 +19287,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
         onHide: hideHandle
       }, {
         trigger: withCtx(() => [
-          createElementVNode("div", _hoisted_1$w, [
+          createElementVNode("div", _hoisted_1$v, [
             createElementVNode("div", {
               class: normalizeClass(["lew-date-picker", unref(lewDatePickerClassNames)]),
               style: normalizeStyle(unref(getDatePickerInputStyle))
@@ -18679,7 +19305,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                 onBlur: handleInputBlur,
                 onInput: handleInput,
                 onKeydown: handleKeydown
-              }, null, 40, _hoisted_2$l), [
+              }, null, 40, _hoisted_2$k), [
                 [vModelText, modelValue.value]
               ]),
               createVNode(CommonIcon, {
@@ -18726,14 +19352,14 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                         unref(dayjs)(modelValue.value).isSame(item.value, "day") ? "lew-date-picker-presets-item-active" : ""
                       ]]),
                       onClick: ($event) => selectPresets(item)
-                    }, toDisplayString$1(item.label), 11, _hoisted_3$g);
+                    }, toDisplayString$1(item.label), 11, _hoisted_3$f);
                   }), 128))
                 ]),
                 _: 1
               })) : createCommentVNode("", true),
               createVNode(_component_lew_flex, { class: "lew-date-picker-date-panel" }, {
                 default: withCtx(() => [
-                  createVNode(_sfc_main$J, mergeProps({
+                  createVNode(_sfc_main$I, mergeProps({
                     ref_key: "lewPanelRef",
                     ref: lewPanelRef,
                     type: unref(getPanelType)
@@ -18753,7 +19379,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-1df6eca7"]]);
+const LewDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-1df6eca7"]]);
 const datePickerModel = {
   modelValue: {
     type: String
@@ -18887,11 +19513,11 @@ const dateRangeProps = {
     })
   }
 };
-const _hoisted_1$v = { class: "lew-date-range" };
-const _hoisted_2$k = { class: "lew-date" };
-const _hoisted_3$f = { class: "lew-date-control-left" };
-const _hoisted_4$a = { class: "cur-date" };
-const _hoisted_5$8 = { class: "lew-date-control-right" };
+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_6$3 = { class: "lew-date-box" };
 const _hoisted_7$1 = { class: "lew-date-num" };
 const _hoisted_8$1 = ["onClick", "onMouseenter"];
@@ -18910,7 +19536,7 @@ const _hoisted_17 = {
   key: 0,
   class: "lew-date-item-today"
 };
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "LewDateRange",
   props: /* @__PURE__ */ mergeModels(dateRangeProps, {
     "modelValue": {},
@@ -19173,15 +19799,15 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       ];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$v, [
-        createElementVNode("div", _hoisted_2$k, [
+      return openBlock(), createElementBlock("div", _hoisted_1$u, [
+        createElementVNode("div", _hoisted_2$j, [
           createVNode(unref(LewFlex), {
             x: "start",
             mode: "between",
             class: "lew-date-control"
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_3$f, [
+              createElementVNode("div", _hoisted_3$e, [
                 createVNode(unref(LewButton), {
                   type: "light",
                   color: "gray",
@@ -19207,8 +19833,8 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                   _: 1
                 })
               ]),
-              createElementVNode("div", _hoisted_4$a, toDisplayString$1(unref(dayjs)(`${unref(dateState).year1}-${unref(dateState).month1}`).format("YYYY-MM")), 1),
-              createElementVNode("div", _hoisted_5$8, [
+              createElementVNode("div", _hoisted_4$8, toDisplayString$1(unref(dayjs)(`${unref(dateState).year1}-${unref(dateState).month1}`).format("YYYY-MM")), 1),
+              createElementVNode("div", _hoisted_5$7, [
                 createVNode(unref(LewButton), {
                   type: "light",
                   color: "gray",
@@ -19360,18 +19986,18 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-7acc9fdc"]]);
-const _hoisted_1$u = { class: "lew-date-range-picker-view" };
-const _hoisted_2$j = {
+const LewDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-7acc9fdc"]]);
+const _hoisted_1$t = { class: "lew-date-range-picker-view" };
+const _hoisted_2$i = {
   key: 0,
   class: "lew-date-range-picker-placeholder"
 };
-const _hoisted_3$e = {
+const _hoisted_3$d = {
   key: 1,
   class: "lew-date-range-picker-dateValue lew-date-range-picker-start"
 };
-const _hoisted_4$9 = { class: "lew-date-range-picker-mid" };
-const _hoisted_5$7 = {
+const _hoisted_4$7 = { class: "lew-date-range-picker-mid" };
+const _hoisted_5$6 = {
   key: 2,
   class: "lew-date-range-picker-placeholder"
 };
@@ -19379,7 +20005,7 @@ const _hoisted_6$2 = {
   key: 3,
   class: "lew-date-range-picker-dateValue lew-date-range-picker-end"
 };
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "LewDateRangePicker",
   props: /* @__PURE__ */ mergeModels(dateRangePickerProps, {
     "modelValue": { required: true },
@@ -19497,7 +20123,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
         onHide: hideHandle
       }, {
         trigger: withCtx(() => [
-          createElementVNode("div", _hoisted_1$u, [
+          createElementVNode("div", _hoisted_1$t, [
             createElementVNode("div", {
               class: normalizeClass(["lew-date-range-picker", unref(lewDateRangeClassNames)]),
               style: normalizeStyle(unref(getDateRangePickerInputStyle))
@@ -19510,14 +20136,14 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                 })
               }, {
                 default: withCtx(() => [
-                  !modelValue.value?.start ? (openBlock(), createElementBlock("div", _hoisted_2$j, toDisplayString$1(_ctx.placeholderStart ? _ctx.placeholderStart : unref(locale).t("dateRangePicker.placeholderStart")), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$e, toDisplayString$1(modelValue.value.start), 1)),
-                  createElementVNode("div", _hoisted_4$9, [
+                  !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, [
                     createVNode(CommonIcon, {
                       size: 14,
                       type: "minus"
                     })
                   ]),
-                  !modelValue.value?.end ? (openBlock(), createElementBlock("div", _hoisted_5$7, 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$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)),
                   createVNode(CommonIcon, {
                     class: normalizeClass(["lew-date-range-picker-icon-calendar", {
                       "lew-date-range-picker-icon-calendar-hide": unref(checkClear)
@@ -19560,7 +20186,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDateRangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-38041cdb"]]);
+const LewDateRangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-38041cdb"]]);
 const formEmits = {
   change: (value) => value,
   mounted: () => true
@@ -21172,11 +21798,11 @@ Parser.prototype.isOperatorEnabled = function(op) {
   var operators = this.options.operators || {};
   return !(optionName in operators) || !!operators[optionName];
 };
-const _hoisted_1$t = {
+const _hoisted_1$s = {
   key: 0,
   class: "lew-label-box"
 };
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "LewFormItem",
   props: /* @__PURE__ */ mergeModels(formItemProps, {
     "modelValue": { default: void 0 },
@@ -21196,7 +21822,6 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       "radio-group": LewRadioGroup,
       "checkbox": LewCheckbox,
       "select": LewSelect,
-      "select-multiple": LewSelectMultiple,
       "date-picker": LewDatePicker,
       "date-range-picker": LewDateRangePicker,
       "tabs": LewTabs,
@@ -21312,7 +21937,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(_ctx.direction === "x" ? `width:${unref(any2px)(_ctx.labelWidth)}` : ""),
           class: "lew-label-box-wrapper"
         }, [
-          _ctx.as ? (openBlock(), createElementBlock("div", _hoisted_1$t, [
+          _ctx.as ? (openBlock(), createElementBlock("div", _hoisted_1$s, [
             _ctx.required && _ctx.label ? (openBlock(), createBlock(_sfc_main$18, {
               key: 0,
               size: unref(requiredIconSizeMap)[_ctx.size]
@@ -21361,8 +21986,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-df6f6e1c"]]);
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const LewFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-0c8c6aeb"]]);
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "LewForm",
   props: formProps,
   emits: formEmits,
@@ -21525,7 +22150,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewForm = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-d62eca7f"]]);
+const LewForm = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-d62eca7f"]]);
 const inputEmits = {
   change: (value) => value,
   input: (value) => value,
@@ -21736,20 +22361,20 @@ const inputProps = {
     })
   }
 };
-const _hoisted_1$s = {
+const _hoisted_1$r = {
   key: 0,
   class: "lew-input-prefixes"
 };
-const _hoisted_2$i = { key: 0 };
-const _hoisted_3$d = {
+const _hoisted_2$h = { key: 0 };
+const _hoisted_3$c = {
   key: 1,
   class: "lew-input-prefixes-icon"
 };
-const _hoisted_4$8 = {
+const _hoisted_4$6 = {
   key: 2,
   class: "lew-input-prefixes-select"
 };
-const _hoisted_5$6 = ["disabled", "placeholder", "type", "readonly", "maxlength"];
+const _hoisted_5$5 = ["disabled", "placeholder", "type", "readonly", "maxlength"];
 const _hoisted_6$1 = {
   key: 0,
   class: "lew-input-auto-width"
@@ -21775,7 +22400,7 @@ const _hoisted_12 = {
   key: 2,
   class: "lew-input-suffix-select"
 };
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "LewInput",
   props: /* @__PURE__ */ mergeModels(inputProps, {
     "modelValue": { required: true },
@@ -21820,19 +22445,19 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       emit("clear");
       emit("change", void 0);
     }
-    const toFocus = () => lewInputRef.value?.focus();
-    const toBlur = () => lewInputRef.value?.blur();
+    const focus = () => lewInputRef.value?.focus();
+    const blur = () => lewInputRef.value?.blur();
     function showPasswordFn() {
       _type.value = _type.value === "text" ? "password" : "text";
     }
-    function focus(e) {
+    function _focus(e) {
       if (props.selectByFocus) {
         e.currentTarget?.select();
       }
       emit("focus", e);
       isFocus.value = true;
     }
-    function blur(e) {
+    function _blur(e) {
       emit("blur", e);
       isFocus.value = false;
     }
@@ -21930,22 +22555,22 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       if (timer)
         clearTimeout(timer);
     });
-    __expose({ toFocus, toBlur });
+    __expose({ focus, blur });
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["lew-input-view", unref(getInputClassNames)]),
         style: normalizeStyle({ width: _ctx.autoWidth ? "auto" : unref(any2px)(_ctx.width) })
       }, [
-        _ctx.prefixes ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$s, [
-          _ctx.prefixes === "text" ? (openBlock(), createElementBlock("div", _hoisted_2$i, toDisplayString$1(prefixValue.value), 1)) : createCommentVNode("", true),
-          _ctx.prefixes === "icon" ? (openBlock(), createElementBlock("div", _hoisted_3$d, [
+        _ctx.prefixes ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$r, [
+          _ctx.prefixes === "text" ? (openBlock(), createElementBlock("div", _hoisted_2$h, toDisplayString$1(prefixValue.value), 1)) : createCommentVNode("", true),
+          _ctx.prefixes === "icon" ? (openBlock(), createElementBlock("div", _hoisted_3$c, [
             createVNode(CommonIcon, {
               size: unref(getIconSize),
               type: prefixValue.value
             }, null, 8, ["size", "type"])
           ])) : createCommentVNode("", true),
-          _ctx.prefixes === "select" ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
+          _ctx.prefixes === "select" ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
             createVNode(unref(_sfc_main$7), {
               placement: "bottom",
               trigger: "click",
@@ -22016,9 +22641,9 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             maxlength: _ctx.maxLength,
             onInput: handleInput,
             onChange: handleChange,
-            onBlur: blur,
-            onFocus: focus
-          }, null, 44, _hoisted_5$6), [
+            onBlur: _blur,
+            onFocus: _focus
+          }, null, 44, _hoisted_5$5), [
             [vModelDynamic, modelValue.value]
           ]),
           _ctx.autoWidth ? (openBlock(), createElementBlock("label", _hoisted_6$1, toDisplayString$1(modelValue.value), 1)) : createCommentVNode("", true),
@@ -22127,7 +22752,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-8127795f"]]);
+const LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-59f05e76"]]);
 const inputNumberEmits = {
   change: (value) => value,
   input: (value) => value
@@ -22223,8 +22848,8 @@ const inputNumberProps = {
     })
   }
 };
-const _hoisted_1$r = ["placeholder", "min", "max", "step"];
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _hoisted_1$q = ["placeholder", "min", "max", "step"];
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "LewInputNumber",
   props: /* @__PURE__ */ mergeModels(inputNumberProps, {
     "modelValue": { required: true },
@@ -22242,7 +22867,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     const lewInputRef = ref();
     const isFocus = ref(false);
     const validationMessage = ref("");
-    function toFocus() {
+    function focus() {
       lewInputRef.value?.focus();
     }
     function focusFn(e) {
@@ -22338,7 +22963,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     function validCheck() {
       return (lewInputRef.value && lewInputRef.value.validationMessage || "").length === 0;
     }
-    __expose({ toFocus, validCheck });
+    __expose({ focus, validCheck });
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
       return openBlock(), createElementBlock("div", {
@@ -22363,7 +22988,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           onInput: inputFn,
           onChange: changeFn,
           onFocus: focusFn
-        }, null, 44, _hoisted_1$r), [
+        }, null, 44, _hoisted_1$q), [
           [vModelText, modelValue.value],
           [_directive_tooltip, {
             content: unref(validationMessage),
@@ -22403,7 +23028,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-3760ac9e"]]);
+const LewInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-4c6a9fe2"]]);
 const inputTableEmits = {
   change: (value) => value
 };
@@ -22574,8 +23199,8 @@ const formModalProps = {
     default: () => true
   }
 };
-const _hoisted_1$q = { class: "lew-form-modal lew-scrollbar" };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _hoisted_1$p = { class: "lew-form-modal lew-scrollbar" };
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "FormModal",
   props: formModalProps,
   emits: ["addSuccess", "editSuccess"],
@@ -22641,7 +23266,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         title: `${unref(isEditing) ? unref(locale).t("inputTable.editTitle") : unref(locale).t("inputTable.modelTitle")}`
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$q, [
+          createElementVNode("div", _hoisted_1$p, [
             createVNode(unref(LewForm), {
               ref_key: "formRef",
               ref: formRef,
@@ -22657,8 +23282,8 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const FormModal = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-c7f7aaf1"]]);
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const FormModal = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-c7f7aaf1"]]);
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "LewInputTable",
   props: /* @__PURE__ */ mergeModels(inputTableProps, {
     "modelValue": { required: true },
@@ -22952,7 +23577,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewInputTable = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-c4622421"]]);
+const LewInputTable = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-c4622421"]]);
 const inputTagEmits = {
   remove: (tag, index2) => ({ tag, index: index2 }),
   change: (value) => value,
@@ -23033,7 +23658,7 @@ const inputTagProps = {
     })
   }
 };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "LewInputTag",
   props: /* @__PURE__ */ mergeModels(inputTagProps, {
     "modelValue": {},
@@ -23059,8 +23684,8 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       }
       isInputActive.value = true;
       nextTick(() => {
-        if (lewInputRef.value && typeof lewInputRef.value.toFocus === "function") {
-          lewInputRef.value.toFocus();
+        if (lewInputRef.value && typeof lewInputRef.value?.focus === "function") {
+          lewInputRef.value?.focus();
         }
       });
       originalKeydownHandler = document.onkeydown;
@@ -23097,8 +23722,8 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
             }
           }
           if (keyCode === "Enter" || keyCode === "NumpadEnter") {
-            if (lewInputRef.value && typeof lewInputRef.value.toBlur === "function") {
-              lewInputRef.value.toBlur();
+            if (lewInputRef.value && typeof lewInputRef.value.blur === "function") {
+              lewInputRef.value.blur();
             }
           }
         }
@@ -23260,7 +23885,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-b91654f1"]]);
+const LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-2353f614"]]);
 const radioEmits = {
   change: () => true
 };
@@ -23413,15 +24038,15 @@ const radioGroupProps = {
     })
   }
 };
-const _hoisted_1$p = {
+const _hoisted_1$o = {
   key: 0,
   class: "lew-radio-icon-box"
 };
-const _hoisted_2$h = {
+const _hoisted_2$g = {
   key: 1,
   class: "lew-radio-label"
 };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "LewRadio",
   props: radioProps,
   emits: radioEmits,
@@ -23462,7 +24087,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["lew-radio", unref(getRadioClassName)]),
         onClick: withModifiers(setChecked, ["stop"])
       }, [
-        _ctx.iconable || !_ctx.iconable && !_ctx.block ? (openBlock(), createElementBlock("div", _hoisted_1$p, [
+        _ctx.iconable || !_ctx.iconable && !_ctx.block ? (openBlock(), createElementBlock("div", _hoisted_1$o, [
           createVNode(CommonIcon, {
             "stroke-width": 4,
             class: "lew-radio-icon",
@@ -23470,13 +24095,13 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             size: unref(getIconSize)
           }, null, 8, ["size"])
         ])) : createCommentVNode("", true),
-        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_2$h, toDisplayString$1(_ctx.label), 1)) : createCommentVNode("", true)
+        _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_2$g, toDisplayString$1(_ctx.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-aaf2d10e"]]);
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-aaf2d10e"]]);
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "LewRadioGroup",
   props: /* @__PURE__ */ mergeModels(radioGroupProps, {
     "modelValue": {},
@@ -23527,7 +24152,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-b9846701"]]);
+const LewRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-b9846701"]]);
 const rateEmits = {
   change: (value) => value
 };
@@ -23581,8 +24206,8 @@ const rateProps = {
     })
   }
 };
-const _hoisted_1$o = ["onMousemove", "onClick"];
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _hoisted_1$n = ["onMousemove", "onClick"];
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "LewRate",
   props: /* @__PURE__ */ mergeModels(rateProps, {
     "modelValue": { required: true },
@@ -23706,7 +24331,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                   trigger: "hover"
                 }]
               ])
-            ], 44, _hoisted_1$o);
+            ], 44, _hoisted_1$n);
           }), 128))
         ]),
         _: 1
@@ -23714,22 +24339,25 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewRate = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-4f04bcc0"]]);
+const LewRate = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-4f04bcc0"]]);
 const selectEmits = {
   change: (value) => value || typeof value === "undefined",
   blur: () => true,
   clear: () => true,
-  focus: () => true
+  focus: () => true,
+  delete: (value, item) => {
+    return { value, item };
+  }
 };
 const selectModel = {
   modelValue: {
-    type: [String, Number, void 0],
+    type: [String, Number, Array, void 0],
     default: ""
   }
 };
 const selectProps = {
   defaultValue: {
-    type: String,
+    type: [String, Array],
     default: "",
     validator: validators.string({
       componentName: "LewSelect",
@@ -23796,6 +24424,14 @@ const selectProps = {
       values: validSizeList
     })
   },
+  multiple: {
+    type: Boolean,
+    default: false,
+    validator: validators.boolean({
+      componentName: "LewSelect",
+      propName: "multiple"
+    })
+  },
   itemHeight: {
     type: Number,
     default: 38,
@@ -23893,19 +24529,14 @@ const selectProps = {
     })
   }
 };
-const _hoisted_1$n = {
-  key: 0,
-  class: "lew-icon-loading-box"
-};
-const _hoisted_2$g = ["title", "readonly", "placeholder"];
-const _hoisted_3$c = { class: "lew-select-options-box" };
-const _hoisted_4$7 = {
+const _hoisted_1$m = { class: "lew-select-options-box" };
+const _hoisted_2$f = {
   key: 0,
   class: "lew-result-count"
 };
-const _hoisted_5$5 = ["onClick"];
-const SELECT_WIDTH_TOLERANCE = 30;
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _hoisted_3$b = ["onClick"];
+const SELECT_WIDTH_TOLERANCE = 40;
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "LewSelect",
   props: /* @__PURE__ */ mergeModels(selectProps, {
     "modelValue": {},
@@ -23916,8 +24547,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const selectValue = useModel(__props, "modelValue");
-    const lewSelectRef = ref();
-    const inputRef = ref();
+    const lewSelectInputRef = ref();
     const lewPopoverRef = ref();
     const formMethods = inject("formMethods", {});
     const virtListRef = ref();
@@ -23926,12 +24556,14 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       loading: false,
       initLoading: true,
       sourceOptions: props.options,
+      sourceFlattenOptions: flattenSelectOptions(props.options),
       options: flattenSelectOptions(props.options),
       hideBySelect: false,
-      keyword: props.defaultValue || selectValue.value,
-      keywordBackup: props.defaultValue,
+      keyword: props.multiple ? "" : props.defaultValue || selectValue.value,
+      keywordBackup: props.multiple ? "" : props.defaultValue,
       autoWidth: 0,
-      searchCache: /* @__PURE__ */ new Map()
+      searchCache: /* @__PURE__ */ new Map(),
+      popoverWidth: 0
     });
     const _searchMethod = computed(() => {
       if (isFunction$1(props.searchMethod)) {
@@ -23950,15 +24582,6 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       }
       return false;
     });
-    const shouldShowClearButton = computed(() => {
-      return props.clearable && state.keyword && !props.readonly;
-    });
-    const shouldShowLoading = computed(() => {
-      return state.initLoading;
-    });
-    const shouldHideDropdownIcon = computed(() => {
-      return props.clearable && state.keyword;
-    });
     const shouldShowEmptyState = computed(() => {
       return state.options && state.options.length === 0;
     });
@@ -23966,11 +24589,20 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       return props.searchable && !shouldShowEmptyState.value;
     });
     const inputPlaceholder = computed(() => {
+      if (props.multiple) {
+        return props.placeholder || locale.t("selectMultiple.placeholder");
+      }
       if (state.keywordBackup || props.placeholder) {
         return props.placeholder;
       }
       return locale.t("select.placeholder");
     });
+    function updateWidths() {
+      if (props.multiple && lewSelectInputRef.value) {
+        const selectWidth = lewSelectInputRef.value.$el ? lewSelectInputRef.value.$el.clientWidth : 0;
+        state.popoverWidth = selectWidth - 12;
+      }
+    }
     const getOptionText = computed(() => {
       return (templateProps) => {
         if (templateProps.isGroup) {
@@ -23984,6 +24616,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         const newOptions = await _initMethod.value();
         state.sourceOptions = newOptions;
         state.options = flattenSelectOptions(newOptions);
+        state.sourceFlattenOptions = state.options;
         findKeyword();
       }
       if (props.enableSearchCache) {
@@ -24019,11 +24652,28 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       }
       return props.width;
     });
+    let resizeObserver = null;
     onMounted(() => {
-      if (props.autoWidth) {
+      if (props.autoWidth && !props.multiple) {
         calculateAutoWidth();
       }
       init();
+      if (props.multiple) {
+        nextTick(() => {
+          if (lewSelectInputRef.value && lewSelectInputRef.value.$el) {
+            resizeObserver = new ResizeObserver(() => {
+              updateWidths();
+            });
+            resizeObserver.observe(lewSelectInputRef.value.$el);
+          }
+        });
+      }
+    });
+    onUnmounted(() => {
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+        resizeObserver = null;
+      }
     });
     function calculateAutoWidth() {
       if (!props.autoWidth)
@@ -24033,21 +24683,27 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       tempDiv.style.visibility = "hidden";
       tempDiv.style.whiteSpace = "nowrap";
       tempDiv.style.fontSize = getComputedStyle(document.body).fontSize;
-      if (inputRef.value) {
-        tempDiv.style.fontSize = getComputedStyle(inputRef.value).fontSize;
-        tempDiv.style.padding = getComputedStyle(inputRef.value).padding;
-        tempDiv.style.fontFamily = getComputedStyle(inputRef.value).fontFamily;
-        tempDiv.style.fontWeight = getComputedStyle(inputRef.value).fontWeight;
-      }
-      let textContent = state.keyword;
-      if (!textContent || textContent.trim() === "") {
-        textContent = props.placeholder || locale.t("select.placeholder");
-      }
-      tempDiv.textContent = textContent;
-      document.body.appendChild(tempDiv);
-      const textWidth = tempDiv.clientWidth;
-      state.autoWidth = textWidth + SELECT_WIDTH_TOLERANCE;
-      document.body.removeChild(tempDiv);
+      if (lewSelectInputRef.value) {
+        const {
+          fontSize,
+          fontFamily,
+          padding,
+          marginLeft
+        } = lewSelectInputRef.value.getInputRefStyle();
+        tempDiv.style.fontSize = fontSize;
+        tempDiv.style.fontFamily = fontFamily;
+        tempDiv.style.padding = padding;
+        let textContent = state.keyword;
+        if (!textContent || textContent.trim() === "") {
+          textContent = props.placeholder || locale.t("select.placeholder");
+        }
+        tempDiv.textContent = textContent;
+        document.body.appendChild(tempDiv);
+        const textWidth = tempDiv.clientWidth;
+        console.log(marginLeft);
+        state.autoWidth = textWidth + SELECT_WIDTH_TOLERANCE + Number.parseInt(marginLeft);
+        document.body.removeChild(tempDiv);
+      }
     }
     watch(
       () => state.keyword,
@@ -24092,707 +24748,135 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       state.loading = false;
     }
     function clearHandle() {
-      selectValue.value = void 0;
-      state.keywordBackup = void 0;
-      state.keyword = "";
-      emit("clear");
-      emit("change", void 0);
-    }
-    function selectHandle(item) {
-      if (item.disabled || item.isGroup) {
-        return;
-      }
-      state.hideBySelect = true;
-      state.keyword = item.label;
-      selectValue.value = item.value;
-      emit("change", item.value);
-      setTimeout(() => {
-        hide2();
-      }, 100);
-    }
-    const getChecked = computed(() => (value) => {
-      return selectValue.value === value;
-    });
-    const getValueStyle = computed(() => {
-      return state.visible ? "opacity:0.6" : "";
-    });
-    function findKeyword() {
-      if (state.options) {
-        const option = state.options.find((e) => {
-          if (e) {
-            return e.value === selectValue.value;
-          }
-          return false;
-        });
-        if (option && JSON.stringify(option) !== "{}") {
-          return state.keyword = option.label;
-        }
-      }
-      return state.keyword = props.defaultValue;
-    }
-    findKeyword();
-    const getSelectClassName = computed(() => {
-      let { clearable, size, disabled, readonly: readonly2, searchable } = props;
-      clearable = clearable ? !!selectValue.value : false;
-      const focus = state.visible;
-      return object2class("lew-select", {
-        clearable,
-        size,
-        disabled,
-        readonly: readonly2,
-        searchable,
-        focus,
-        "init-loading": state.initLoading
-      });
-    });
-    const getBodyClassName = computed(() => {
-      const { size, disabled } = props;
-      return object2class("lew-select-body", { size, disabled });
-    });
-    function getSelectItemClassName(e) {
-      const { disabled, isGroup } = e;
-      const active = getChecked.value(e.value);
-      return object2class("lew-select-item", {
-        disabled,
-        active,
-        "is-group": isGroup
-      });
-    }
-    const getIconSize = computed(() => {
-      const size = {
-        small: 14,
-        medium: 15,
-        large: 16
-      };
-      return size[props.size];
-    });
-    const getVirtualHeight = computed(() => {
-      let height = state.options.length * props.itemHeight;
-      height = height >= 280 ? 280 : height;
-      return height;
-    });
-    async function showHandle() {
-      state.visible = true;
-      state.keywordBackup = cloneDeep(state.keyword);
-      if (props.searchable) {
-        inputRef.value.focus();
-      }
-      emit("focus");
-      if (props.searchable) {
-        state.keyword = "";
-      }
-      state.hideBySelect = false;
-      if (props.searchable) {
-        await search({ target: { value: "" } });
-      }
-      const index2 = state.options.findIndex((e) => e.value === selectValue.value);
-      poll({
-        callback: () => {
-          const i = index2 > -1 ? index2 : 0;
-          if (i > 0 && i !== Infinity) {
-            virtListRef.value.scrollToIndex(i);
-          } else {
-            virtListRef.value.reset();
-          }
-        },
-        vail: () => {
-          return !!virtListRef.value;
-        }
-      });
-    }
-    function hideHandle() {
-      state.visible = false;
-      if (!state.hideBySelect) {
-        findKeyword();
-      }
-      inputRef.value.blur();
-      emit("blur");
-    }
-    const isShowScrollBar = computed(() => {
-      return getVirtualHeight.value >= 280;
-    });
-    const getPopoverBodyWidth = computed(() => {
-      const { popoverWidth } = props;
-      if (!lewSelectRef.value)
-        return popoverWidth;
-      return popoverWidth && popoverWidth !== "100%" ? parseDimension(popoverWidth) - 14 : lewSelectRef.value.offsetWidth - 14;
-    });
-    watch(
-      () => selectValue.value,
-      () => {
-        findKeyword();
-        if (props.autoWidth) {
-          calculateAutoWidth();
-        }
-      }
-    );
-    const getResultText = computed(() => {
-      return state.options.length > 0 ? locale.t("select.resultCount", {
-        num: numFormat(state.options.filter((e) => !e.isGroup).length)
-      }) : "";
-    });
-    __expose({
-      show,
-      hide: hide2,
-      clearSearchCache: () => {
-        if (props.enableSearchCache) {
-          state.searchCache.clear();
-        }
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$U), {
-        ref_key: "lewPopoverRef",
-        ref: lewPopoverRef,
-        "popover-body-class-name": "lew-select-popover-body",
-        class: "lew-select-view",
-        style: normalizeStyle({ width: _ctx.autoWidth ? "auto" : unref(any2px)(_ctx.width) }),
-        trigger: _ctx.trigger,
-        "trigger-width": unref(any2px)(unref(computedWidth)),
-        disabled: _ctx.disabled || _ctx.readonly || unref(state).initLoading,
-        placement: "bottom-start",
-        loading: unref(state).loading,
-        onShow: showHandle,
-        onHide: hideHandle
-      }, {
-        trigger: withCtx(() => [
-          createElementVNode("div", {
-            ref_key: "lewSelectRef",
-            ref: lewSelectRef,
-            class: normalizeClass(["lew-select", unref(getSelectClassName)]),
-            style: normalizeStyle({ width: unref(any2px)(unref(computedWidth)) })
-          }, [
-            unref(shouldShowLoading) ? (openBlock(), createElementBlock("div", _hoisted_1$n, [
-              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": unref(shouldHideDropdownIcon)
-              }])
-            }, null, 8, ["size", "class"])),
-            createVNode(Transition, { name: "lew-form-icon-ani" }, {
-              default: withCtx(() => [
-                unref(shouldShowClearButton) ? (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),
-              title: unref(state).keyword,
-              class: "lew-value",
-              style: normalizeStyle(unref(getValueStyle)),
-              readonly: !_ctx.searchable,
-              placeholder: unref(inputPlaceholder),
-              onInput: _cache[1] || (_cache[1] = //@ts-ignore
-              (...args) => unref(searchDebounce) && unref(searchDebounce)(...args))
-            }, null, 44, _hoisted_2$g), [
-              [vModelText, unref(state).keyword]
-            ])
-          ], 6)
-        ]),
-        "popover-body": withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass(["lew-select-body", unref(getBodyClassName)]),
-            style: normalizeStyle({ width: unref(any2px)(unref(getPopoverBodyWidth)) })
-          }, [
-            renderSlot(_ctx.$slots, "header", {}, void 0, true),
-            createElementVNode("div", _hoisted_3$c, [
-              unref(shouldShowEmptyState) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                _ctx.$slots.empty ? renderSlot(_ctx.$slots, "empty", { key: 0 }, void 0, true) : (openBlock(), createBlock(unref(LewFlex), {
-                  key: 1,
-                  direction: "y",
-                  x: "center",
-                  class: "lew-not-found"
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(LewEmpty), {
-                      title: unref(locale).t("select.noResult")
-                    }, null, 8, ["title"])
-                  ]),
-                  _: 1
-                }))
-              ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                unref(shouldShowResultCount) ? (openBlock(), createElementBlock("div", _hoisted_4$7, toDisplayString$1(unref(getResultText)), 1)) : createCommentVNode("", true),
-                createVNode(unref(VirtList), {
-                  ref_key: "virtListRef",
-                  ref: virtListRef,
-                  list: unref(state).options,
-                  "min-size": _ctx.itemHeight,
-                  buffer: 5,
-                  "item-key": "value",
-                  class: "lew-select-options-list lew-scrollbar",
-                  style: normalizeStyle({
-                    height: `${unref(getVirtualHeight)}px`,
-                    paddingRight: unref(isShowScrollBar) ? "5px" : "0px"
-                  })
-                }, {
-                  default: withCtx(({ itemData: templateProps }) => [
-                    createElementVNode("div", {
-                      style: normalizeStyle({ height: `${_ctx.itemHeight}px` }),
-                      onClick: ($event) => selectHandle(templateProps)
-                    }, [
-                      _ctx.$slots.item ? renderSlot(_ctx.$slots, "item", {
-                        key: 0,
-                        props: {
-                          ...templateProps,
-                          checked: unref(getChecked)(templateProps.value)
-                        }
-                      }, void 0, true) : (openBlock(), createElementBlock("div", {
-                        key: 1,
-                        class: normalizeClass(["lew-select-item", getSelectItemClassName(templateProps)])
-                      }, [
-                        createVNode(unref(LewTextTrim), {
-                          text: unref(getOptionText)(templateProps),
-                          delay: [500, 0],
-                          class: "lew-select-label"
-                        }, null, 8, ["text"]),
-                        unref(getChecked)(templateProps.value) && _ctx.showCheckIcon ? (openBlock(), createBlock(CommonIcon, {
-                          key: 0,
-                          class: "lew-icon-check",
-                          size: 16,
-                          "stroke-width": 3,
-                          type: "check"
-                        })) : createCommentVNode("", true)
-                      ], 2))
-                    ], 12, _hoisted_5$5)
-                  ]),
-                  _: 3
-                }, 8, ["list", "min-size", "style"])
-              ], 64))
-            ]),
-            renderSlot(_ctx.$slots, "footer", {}, void 0, true)
-          ], 6)
-        ]),
-        _: 3
-      }, 8, ["style", "trigger", "trigger-width", "disabled", "loading"]);
-    };
-  }
-});
-const LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-cd2e8d44"]]);
-const selectMultipleEmits = {
-  change: (value) => value,
-  select: (item) => item,
-  delete: (item, value) => {
-    return { item, value };
-  },
-  clear: () => true,
-  blur: () => true
-};
-const selectMultipleModel = {
-  modelValue: {
-    type: Array,
-    default: () => []
-  }
-};
-const selectMultipleProps = {
-  options: {
-    type: Array,
-    typePopKeys: ["LewSelectMultipleOption"],
-    validator: validators.array({
-      componentName: "LewSelectMultiple",
-      propName: "options"
-    })
-  },
-  trigger: {
-    type: String,
-    default: "click",
-    typeValues: validTriggerList,
-    validator: validators.enum({
-      componentName: "LewSelectMultiple",
-      propName: "trigger",
-      values: validTriggerList
-    })
-  },
-  width: {
-    type: String,
-    default: "100%",
-    validator: validators.widthHeight({
-      componentName: "LewSelectMultiple",
-      propName: "width"
-    })
-  },
-  valueLayout: {
-    type: String,
-    default: "text",
-    typeValues: validSelectMultipleValueLayout,
-    validator: validators.enum({
-      componentName: "LewSelectMultiple",
-      propName: "valueLayout",
-      values: validSelectMultipleValueLayout
-    })
-  },
-  valueTextSplit: {
-    type: String,
-    default: ",",
-    validator: validators.string({
-      componentName: "LewSelectMultiple",
-      propName: "valueTextSplit"
-    })
-  },
-  placeholder: {
-    type: String,
-    defaultLocale: true,
-    validator: validators.string({
-      componentName: "LewSelectMultiple",
-      propName: "placeholder"
-    })
-  },
-  size: {
-    type: String,
-    default: "medium",
-    typeValues: validSizeList,
-    validator: validators.enum({
-      componentName: "LewSelectMultiple",
-      propName: "size",
-      values: validSizeList
-    })
-  },
-  itemHeight: {
-    type: Number,
-    default: 38,
-    validator: validators.number({
-      componentName: "LewSelectMultiple",
-      propName: "itemHeight"
-    })
-  },
-  searchable: {
-    type: Boolean,
-    default: false,
-    validator: validators.boolean({
-      componentName: "LewSelectMultiple",
-      propName: "searchable"
-    })
-  },
-  searchPlaceholder: {
-    type: String,
-    default: "",
-    validator: validators.string({
-      componentName: "LewSelectMultiple",
-      propName: "searchPlaceholder"
-    })
-  },
-  searchMethod: {
-    type: Function,
-    default: void 0,
-    validator: validators.function({
-      componentName: "LewSelectMultiple",
-      propName: "searchMethod"
-    })
-  },
-  initMethod: {
-    type: Function,
-    default: void 0,
-    validator: validators.function({
-      componentName: "LewSelectMultiple",
-      propName: "initMethod"
-    })
-  },
-  initMethodId: {
-    type: String,
-    validator: validators.string({
-      componentName: "LewSelectMultiple",
-      propName: "initMethodId"
-    })
-  },
-  searchMethodId: {
-    type: String,
-    hidden: true,
-    validator: validators.string({
-      componentName: "LewSelectMultiple",
-      propName: "searchMethodId"
-    })
-  },
-  searchDelay: {
-    type: Number,
-    default: 250,
-    validator: validators.number({
-      componentName: "LewSelectMultiple",
-      propName: "searchDelay"
-    })
-  },
-  clearable: {
-    type: Boolean,
-    default: false,
-    validator: validators.boolean({
-      componentName: "LewSelectMultiple",
-      propName: "clearable"
-    })
-  },
-  enableSearchCache: {
-    type: Boolean,
-    default: false,
-    validator: validators.boolean({
-      componentName: "LewSelectMultiple",
-      propName: "enableSearchCache"
-    })
-  },
-  readonly: {
-    type: Boolean,
-    default: false,
-    validator: validators.boolean({
-      componentName: "LewSelectMultiple",
-      propName: "readonly"
-    })
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-    validator: validators.boolean({
-      componentName: "LewSelectMultiple",
-      propName: "disabled"
-    })
-  },
-  showCheckIcon: {
-    type: Boolean,
-    default: true,
-    validator: validators.boolean({
-      componentName: "LewSelectMultiple",
-      propName: "showCheckIcon"
-    })
-  },
-  defaultValue: {
-    type: Array,
-    default: () => [],
-    validator: validators.array({
-      componentName: "LewSelectMultiple",
-      propName: "defaultValue"
-    })
-  }
-};
-const _hoisted_1$m = {
-  key: 0,
-  class: "lew-icon-loading-box"
-};
-const _hoisted_2$f = {
-  key: 1,
-  class: "lew-search-input"
-};
-const _hoisted_3$b = ["placeholder"];
-const _hoisted_4$6 = { class: "lew-select-options-box" };
-const _hoisted_5$4 = ["onClick"];
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
-  __name: "LewSelectMultiple",
-  props: /* @__PURE__ */ mergeModels(selectMultipleProps, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(selectMultipleEmits, ["update:modelValue"]),
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const modelValue = useModel(__props, "modelValue");
-    const slots = useSlots();
-    const lewSelectRef = ref();
-    const lewPopoverRef = ref();
-    const lewPopoverValueRef = ref();
-    const searchInputRef = ref();
-    const virtListRef = ref();
-    const state = reactive({
-      selectWidth: 0,
-      popoverWidth: 0,
-      visible: false,
-      loading: false,
-      initLoading: true,
-      sourceOptions: props.options || [],
-      options: flattenSelectOptions(props.options || []),
-      keyword: "",
-      searchCache: /* @__PURE__ */ new Map()
-    });
-    const formMethods = inject("formMethods", {});
-    const _searchMethod = computed(() => {
-      if (isFunction$1(props.searchMethod)) {
-        return props.searchMethod;
-      } else if (props.searchMethodId) {
-        return formMethods[props.searchMethodId];
-      } else {
-        return filterSelectOptionsByKeyword;
-      }
-    });
-    const _initMethod = computed(() => {
-      if (isFunction$1(props.initMethod)) {
-        return props.initMethod;
-      } else if (props.initMethodId) {
-        return formMethods[props.initMethodId];
-      }
-      return false;
-    });
-    function updateWidths() {
-      if (lewSelectRef.value) {
-        state.selectWidth = lewSelectRef.value.clientWidth;
-        state.popoverWidth = state.selectWidth - 12;
-      }
-    }
-    let resizeObserver = null;
-    function show() {
-      lewPopoverRef.value && lewPopoverRef.value.show();
-    }
-    function hide2() {
-      lewPopoverRef.value && lewPopoverRef.value.hide();
-    }
-    const searchDebounce = /* @__PURE__ */ useDebounceFn(async (e) => {
-      search(e);
-    }, props.searchDelay);
-    async function search(e) {
-      state.loading = true;
-      const keyword = e?.target.value;
-      if (props.searchable) {
-        let result = [];
-        if (props.enableSearchCache && state.searchCache.has(keyword)) {
-          result = state.searchCache.get(keyword);
-        } else {
-          const optionsToSearch = flattenSelectOptions(state.sourceOptions);
-          if (!keyword && optionsToSearch.length > 0) {
-            result = optionsToSearch;
-          } else {
-            result = await _searchMethod.value({
-              options: optionsToSearch,
-              keyword
-            });
-          }
-          if (props.enableSearchCache) {
-            state.searchCache.set(keyword, result);
-          }
-        }
-        state.options = result;
-      }
-      state.loading = false;
-    }
-    function clearHandle() {
-      modelValue.value = [];
-      emit("clear");
-      setTimeout(() => {
-        lewPopoverRef.value && lewPopoverRef.value.refresh();
-      }, 100);
-      emit("change", modelValue.value);
-      state.visible = false;
-      emit("blur");
-    }
-    function deleteTag({ value }) {
-      const valueIndex = modelValue.value.findIndex((_value) => value === _value);
-      if (valueIndex > -1) {
-        const item = modelValue.value[valueIndex];
-        modelValue.value.splice(valueIndex, 1);
-        emit("delete", cloneDeep(modelValue.value), item);
-        if (modelValue.value.length === 0) {
-          lewPopoverValueRef.value && lewPopoverValueRef.value.hide();
-        }
+      if (props.multiple) {
+        selectValue.value = [];
+        emit("clear");
+        emit("change", selectValue.value);
         setTimeout(() => {
           lewPopoverRef.value && lewPopoverRef.value.refresh();
         }, 100);
-        emit("change", modelValue.value);
+      } else {
+        selectValue.value = void 0;
+        state.keywordBackup = void 0;
+        emit("clear");
+        emit("change", void 0);
       }
     }
     function selectHandle(item) {
       if (item.disabled || item.isGroup) {
         return;
       }
-      const _value = modelValue.value || [];
-      const index2 = _value.findIndex((e) => e === item.value);
-      if (index2 >= 0) {
-        _value.splice(index2, 1);
+      if (props.multiple) {
+        const currentValues = selectValue.value || [];
+        const index2 = currentValues.findIndex((v) => v === item.value);
+        if (index2 >= 0) {
+          currentValues.splice(index2, 1);
+        } else {
+          currentValues.push(item.value);
+        }
+        selectValue.value = [...currentValues];
+        emit("change", selectValue.value);
+        updateWidths();
+        setTimeout(() => {
+          lewPopoverRef.value && lewPopoverRef.value.refresh();
+        }, 100);
       } else {
-        _value.push(item.value);
+        state.hideBySelect = true;
+        state.keyword = item.label;
+        selectValue.value = item.value;
+        emit("change", item.value);
+        setTimeout(() => {
+          hide2();
+        }, 100);
       }
-      modelValue.value = _value;
-      emit("select", _value);
-      setTimeout(() => {
-        lewPopoverRef.value && lewPopoverRef.value.refresh();
-      }, 100);
-      emit("change", modelValue.value);
-      updateWidths();
     }
     const getChecked = computed(() => (value) => {
-      if (modelValue.value) {
-        return JSON.parse(JSON.stringify(modelValue.value.includes(value)));
+      if (props.multiple) {
+        const currentValues = selectValue.value || [];
+        return currentValues.includes(value);
       }
-      return false;
+      return selectValue.value === value;
     });
-    const getSelectedRows = computed(() => {
-      const _defaultValue = (props.defaultValue || []).map((e) => {
-        return {
-          label: e,
-          value: e
-        };
+    function deleteTag(value) {
+      if (!props.multiple)
+        return;
+      const currentValues = selectValue.value || [];
+      const valueIndex = currentValues.findIndex((v) => v === value);
+      if (valueIndex > -1) {
+        const item = currentValues[valueIndex];
+        currentValues.splice(valueIndex, 1);
+        selectValue.value = [...currentValues];
+        emit("delete", selectValue.value, item);
+        emit("change", selectValue.value);
+        setTimeout(() => {
+          lewPopoverRef.value && lewPopoverRef.value.refresh();
+        }, 100);
+        updateWidths();
+      }
+    }
+    const formatItems = computed(() => {
+      if (!props.multiple)
+        return [];
+      const currentValues = selectValue.value || [];
+      return (state.sourceFlattenOptions || []).filter((e) => {
+        return currentValues.includes(e.value);
       });
-      if (state.options.length > 0) {
-        const selectedRows = modelValue.value && modelValue.value.map((v) => {
-          return state.options.find((e) => v === e.value);
+    });
+    function findKeyword() {
+      if (props.multiple) {
+        return;
+      }
+      if (state.options) {
+        const option = state.options.find((e) => {
+          if (e) {
+            return e.value === selectValue.value;
+          }
+          return false;
         });
-        if (!selectedRows || selectedRows.length === 0) {
-          return _defaultValue;
+        if (option && JSON.stringify(option) !== "{}") {
+          return state.keyword = option.label;
         }
-        return selectedRows;
       }
-      return _defaultValue;
-    });
+      return state.keyword = props.defaultValue;
+    }
+    findKeyword();
     const getBodyClassName = computed(() => {
       const { size, disabled } = props;
       return object2class("lew-select-body", { size, disabled });
     });
-    const getSelectClassName = computed(() => {
-      let { clearable, size, disabled, readonly: readonly2 } = props;
-      clearable = clearable ? !!modelValue.value : false;
-      const focus = state.visible;
-      return object2class("lew-select", {
-        clearable,
-        size,
-        disabled,
-        readonly: readonly2,
-        focus,
-        "init-loading": state.initLoading
-      });
-    });
-    function getSelectItemClassName(e) {
-      const { disabled, isGroup } = e;
-      const active = getChecked.value(e.value);
-      return object2class("lew-select-item", {
-        disabled,
-        active,
-        "is-group": isGroup
-      });
-    }
-    const getIconSize = computed(() => {
-      const size = {
-        small: 14,
-        medium: 15,
-        large: 16
-      };
-      return size[props.size];
+    const getVirtualHeight = computed(() => {
+      let height = state.options.length * props.itemHeight;
+      height = height >= 280 ? 280 : height;
+      return height;
     });
-    const focusSearchInput = /* @__PURE__ */ useDebounceFn(() => {
+    async function showHandle() {
+      state.visible = true;
+      if (props.multiple) {
+        updateWidths();
+      } else {
+        state.keywordBackup = cloneDeep(state.keyword);
+        state.hideBySelect = false;
+      }
       if (props.searchable) {
-        searchInputRef.value && searchInputRef.value.focus();
+        if (props.multiple) {
+          state.keyword = "";
+        } else {
+          state.keyword = "";
+        }
+        await search({ target: { value: "" } });
       }
-    }, 100);
-    function showHandle() {
-      state.visible = true;
-      updateWidths();
-      focusSearchInput();
-      if (state.options && state.options.length === 0 && props.searchable) {
-        search({ target: { value: "" } });
+      let targetIndex = -1;
+      if (props.multiple) {
+        const currentValues = selectValue.value || [];
+        const indexes = currentValues.map((value) => state.options.findIndex((e) => e.value === value)).filter((index2) => index2 > -1);
+        targetIndex = indexes.length > 0 ? Math.min(...indexes) : -1;
+      } else {
+        targetIndex = state.options.findIndex((e) => e.value === selectValue.value);
       }
-      const indexes = (modelValue.value || []).map((value) => state.options.findIndex((e) => e.value === value)).filter((index2) => index2 > -1);
-      const minIndex = Math.min(...indexes);
       poll({
         callback: () => {
-          if (minIndex > 0 && minIndex !== Infinity) {
-            virtListRef.value.scrollToIndex(minIndex);
+          if (targetIndex > 0 && targetIndex !== Infinity) {
+            virtListRef.value.scrollToIndex(targetIndex);
           } else {
             virtListRef.value.reset();
           }
@@ -24801,334 +24885,119 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           return !!virtListRef.value;
         }
       });
+      emit("focus");
     }
-    const getVirtualHeight = computed(() => {
-      let height = state.options.length * props.itemHeight;
-      height = height >= 280 ? 280 : height;
-      return height;
-    });
-    const isShowScrollBar = computed(() => {
-      return getVirtualHeight.value >= 280;
-    });
     function hideHandle() {
       state.visible = false;
-      emit("blur");
-    }
-    async function init() {
-      if (_initMethod.value) {
-        const newOptions = await _initMethod.value();
-        state.sourceOptions = newOptions;
-        state.options = flattenSelectOptions(newOptions);
-      }
-      if (props.enableSearchCache) {
-        state.searchCache.set("", state.options);
+      if (!state.hideBySelect) {
+        findKeyword();
       }
-      state.initLoading = false;
+      emit("blur");
     }
-    onMounted(() => {
-      updateWidths();
-      focusSearchInput();
-      init();
-      if (lewSelectRef.value) {
-        resizeObserver = new ResizeObserver(() => {
-          updateWidths();
-        });
-        resizeObserver.observe(lewSelectRef.value);
-      }
-    });
-    onUnmounted(() => {
-      if (resizeObserver) {
-        resizeObserver.disconnect();
-        resizeObserver = null;
-      }
+    const isShowScrollBar = computed(() => {
+      return getVirtualHeight.value >= 280;
     });
-    __expose({
-      show,
-      hide: hide2,
-      clearSearchCache: () => {
-        if (props.enableSearchCache) {
-          state.searchCache.clear();
-        }
-      }
+    const getPopoverBodyWidth = computed(() => {
+      const { popoverWidth } = props;
+      if (!lewSelectInputRef.value)
+        return popoverWidth;
+      return popoverWidth && popoverWidth !== "100%" ? parseDimension(popoverWidth) - 14 : lewSelectInputRef.value.$el.offsetWidth - 14;
     });
     watch(
-      () => props.options,
-      (newOptions) => {
-        if (!_initMethod.value) {
-          state.sourceOptions = newOptions || [];
-          state.options = flattenSelectOptions(newOptions || []);
-          if (props.enableSearchCache) {
-            state.searchCache.clear();
-          }
-        }
-      },
-      {
-        deep: true
-      }
-    );
-    watch(
-      () => modelValue.value,
+      () => selectValue.value,
       () => {
-        updateWidths();
+        findKeyword();
+        if (props.autoWidth) {
+          calculateAutoWidth();
+        }
+        if (props.multiple) {
+          updateWidths();
+        }
       },
       {
         deep: true
       }
     );
     const getResultText = computed(() => {
-      return state.options.length > 0 ? locale.t("selectMultiple.resultCount", {
+      const localeKey = props.multiple ? "selectMultiple.resultCount" : "select.resultCount";
+      return state.options.length > 0 ? locale.t(localeKey, {
         num: numFormat(state.options.filter((e) => !e.isGroup).length)
       }) : "";
     });
-    const showClearButton = computed(() => {
-      return props.clearable && getSelectedRows.value && getSelectedRows.value.length > 0 && !props.readonly;
-    });
-    const hasSelectedItems = computed(() => {
-      return getSelectedRows.value && getSelectedRows.value.length > 0;
-    });
-    const showPlaceholder = computed(() => {
-      return getSelectedRows.value && getSelectedRows.value.length === 0;
-    });
-    const selectedItemsText = computed(() => {
-      if (!hasSelectedItems.value)
-        return "";
-      return getSelectedRows.value.map((item) => item.label).join(props.valueTextSplit);
-    });
-    const showResultCount = computed(() => {
-      return props.searchable && state.options && state.options.length > 0;
-    });
-    const showEmptyState = computed(() => {
-      return state.options && state.options.length === 0;
-    });
-    const clearButtonIconClass = computed(() => {
-      return {
-        "lew-form-icon-close-focus": state.visible
-      };
-    });
-    const selectIconClass = computed(() => {
-      return {
-        "lew-icon-select-hide": showClearButton.value
-      };
-    });
-    const placeholderText = computed(() => {
-      return props.placeholder || locale.t("selectMultiple.placeholder");
-    });
-    const textValueStyle = computed(() => {
-      return {
-        opacity: state.visible ? 0.6 : 1,
-        width: `calc(${state.selectWidth - 24}px)`
-      };
-    });
-    const placeholderStyle = computed(() => {
-      return {
-        opacity: state.visible ? 0.6 : 1
-      };
-    });
-    const virtualListStyle = computed(() => {
-      return {
-        height: `${getVirtualHeight.value}px`,
-        paddingRight: isShowScrollBar.value ? "5px" : "0px"
-      };
-    });
-    const optionItemStyle = computed(() => {
-      return (itemHeight) => ({
-        height: `${itemHeight}px`
-      });
-    });
-    const groupLabelText = computed(() => {
-      return (templateProps) => {
-        return templateProps.isGroup ? `${templateProps.label} (${templateProps.total})` : templateProps.label;
-      };
-    });
-    const groupLabelClass = computed(() => {
-      return (templateProps) => {
-        return {
-          "is-group": templateProps.isGroup
-        };
-      };
-    });
-    const showSearchInput = computed(() => {
-      return props.searchable;
-    });
-    const showTagLayout = computed(() => {
-      return props.valueLayout === "tag";
-    });
-    const showCustomEmptySlot = computed(() => {
-      return !!slots.empty;
-    });
-    const showCustomItemSlot = computed(() => {
-      return !!slots.item;
-    });
-    const itemSlotProps = computed(() => {
-      return (templateProps) => ({
-        ...templateProps,
-        checked: getChecked.value(templateProps.value)
+    const getSelectItemClassName = computed(() => (e) => {
+      const { disabled, isGroup } = e;
+      const active = getChecked.value(e.value);
+      return object2class("lew-select-item", {
+        disabled,
+        active,
+        "is-group": isGroup,
+        "mul": props.multiple
       });
     });
-    const showHeaderSlot = computed(() => {
-      return !!slots.header;
+    const shouldShowCheckIcon = computed(() => (value) => {
+      return !props.multiple && getChecked.value(value) && props.showCheckIcon;
     });
-    const showFooterSlot = computed(() => {
-      return !!slots.footer;
+    __expose({
+      show,
+      hide: hide2,
+      clearSearchCache: () => {
+        if (props.enableSearchCache) {
+          state.searchCache.clear();
+        }
+      }
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$U), {
         ref_key: "lewPopoverRef",
         ref: lewPopoverRef,
-        "popover-body-class-name": "lew-select-multiple-popover-body",
+        "popover-body-class-name": "lew-select-popover-body",
         class: "lew-select-view",
+        style: normalizeStyle({ width: _ctx.autoWidth ? "auto" : unref(any2px)(_ctx.width) }),
         trigger: _ctx.trigger,
-        "trigger-width": _ctx.width,
+        "trigger-width": unref(any2px)(unref(computedWidth)),
+        "hide-on-click": _ctx.searchable ? false : true,
         disabled: _ctx.disabled || _ctx.readonly || unref(state).initLoading,
         placement: "bottom-start",
-        style: normalizeStyle({ width: unref(any2px)(_ctx.width) }),
         loading: unref(state).loading,
         onShow: showHandle,
         onHide: hideHandle
       }, {
         trigger: withCtx(() => [
-          createElementVNode("div", {
-            ref_key: "lewSelectRef",
-            ref: lewSelectRef,
-            class: normalizeClass(["lew-select", unref(getSelectClassName)])
-          }, [
-            unref(state).initLoading ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
-              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", unref(selectIconClass)])
-            }, null, 8, ["size", "class"])),
-            createVNode(Transition, { name: "lew-form-icon-ani" }, {
-              default: withCtx(() => [
-                unref(showClearButton) ? (openBlock(), createBlock(CommonIcon, {
-                  key: 0,
-                  size: unref(getIconSize),
-                  type: "close",
-                  class: normalizeClass(["lew-form-icon-close", unref(clearButtonIconClass)]),
-                  onClick: withModifiers(clearHandle, ["stop"])
-                }, null, 8, ["size", "class"])) : createCommentVNode("", true)
-              ]),
-              _: 1
-            }),
-            unref(hasSelectedItems) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-              unref(showTagLayout) ? (openBlock(), createBlock(unref(LewFlex), {
-                key: 0,
-                x: "start",
-                y: "center",
-                style: { "padding": "4.5px" },
-                gap: "4px",
-                wrap: "",
-                class: "lew-value"
-              }, {
-                default: withCtx(() => [
-                  createVNode(TransitionGroup, { name: "list" }, {
-                    default: withCtx(() => [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSelectedRows), (item) => {
-                        return openBlock(), createBlock(unref(_sfc_main$e), {
-                          key: item.value,
-                          type: "light",
-                          size: _ctx.size,
-                          closeable: !_ctx.disabled && !_ctx.readonly,
-                          onClose: ($event) => deleteTag(item)
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString$1(item.label), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["size", "closeable", "onClose"]);
-                      }), 128))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })) : (openBlock(), createBlock(unref(_sfc_main$U), {
-                key: 1,
-                ref_key: "lewPopoverValueRef",
-                ref: lewPopoverValueRef,
-                trigger: "hover",
-                "popover-body-class-name": "lew-select-multiple-popover-tag",
-                placement: "top-start",
-                delay: [250, 250],
-                style: { "width": "100%" },
-                "trigger-width": _ctx.width
-              }, {
-                trigger: withCtx(() => [
-                  createElementVNode("div", {
-                    style: normalizeStyle(unref(textValueStyle)),
-                    class: "lew-select-multiple-text-value"
-                  }, toDisplayString$1(unref(selectedItemsText)), 5)
-                ]),
-                "popover-body": withCtx(() => [
-                  createVNode(unref(LewFlex), {
-                    x: "start",
-                    y: "center",
-                    gap: "5px",
-                    wrap: "",
-                    style: normalizeStyle({
-                      maxWidth: unref(any2px)(unref(state).selectWidth)
-                    }),
-                    class: "lew-select-multiple-tag-value"
-                  }, {
-                    default: withCtx(() => [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSelectedRows), (item) => {
-                        return openBlock(), createBlock(unref(_sfc_main$e), {
-                          key: item.value,
-                          type: "light",
-                          size: _ctx.size,
-                          closeable: !_ctx.disabled && !_ctx.readonly,
-                          onClose: ($event) => deleteTag(item)
-                        }, {
-                          default: withCtx(() => [
-                            createTextVNode(toDisplayString$1(item.label), 1)
-                          ]),
-                          _: 2
-                        }, 1032, ["size", "closeable", "onClose"]);
-                      }), 128))
-                    ]),
-                    _: 1
-                  }, 8, ["style"])
-                ]),
-                _: 1
-              }, 8, ["trigger-width"]))
-            ], 64)) : createCommentVNode("", true),
-            withDirectives(createElementVNode("div", {
-              style: normalizeStyle(unref(placeholderStyle)),
-              class: "lew-placeholder"
-            }, toDisplayString$1(unref(placeholderText)), 5), [
-              [vShow, unref(showPlaceholder)]
-            ])
-          ], 2)
+          createVNode(CommonInput, {
+            ref_key: "lewSelectInputRef",
+            ref: lewSelectInputRef,
+            modelValue: selectValue.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectValue.value = $event),
+            keyword: unref(state).keyword,
+            "onUpdate:keyword": _cache[1] || (_cache[1] = ($event) => unref(state).keyword = $event),
+            loading: unref(state).initLoading,
+            clearable: _ctx.clearable,
+            readonly: _ctx.readonly,
+            disabled: _ctx.disabled || unref(state).initLoading,
+            size: _ctx.size,
+            placeholder: unref(inputPlaceholder),
+            width: unref(any2px)(unref(computedWidth)),
+            focus: unref(state).visible,
+            "format-items": unref(formatItems),
+            multiple: _ctx.multiple,
+            searchable: _ctx.searchable,
+            "selected-label": unref(state).keyword,
+            onClear: clearHandle,
+            onDelete: deleteTag,
+            onInput: unref(searchDebounce)
+          }, null, 8, ["modelValue", "keyword", "loading", "clearable", "readonly", "disabled", "size", "placeholder", "width", "focus", "format-items", "multiple", "searchable", "selected-label", "onInput"])
         ]),
         "popover-body": withCtx(() => [
           createElementVNode("div", {
             class: normalizeClass(["lew-select-body", unref(getBodyClassName)]),
             style: normalizeStyle({
-              width: unref(any2px)(unref(state).popoverWidth)
+              width: _ctx.multiple ? unref(any2px)(unref(state).popoverWidth) : unref(any2px)(unref(getPopoverBodyWidth))
             })
           }, [
-            unref(showHeaderSlot) ? renderSlot(_ctx.$slots, "header", { key: 0 }, void 0, true) : createCommentVNode("", true),
-            unref(showSearchInput) ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
-              withDirectives(createElementVNode("input", {
-                ref_key: "searchInputRef",
-                ref: searchInputRef,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(state).keyword = $event),
-                placeholder: unref(locale).t("selectMultiple.searchPlaceholder"),
-                onInput: _cache[1] || (_cache[1] = //@ts-ignore
-                (...args) => unref(searchDebounce) && unref(searchDebounce)(...args))
-              }, null, 40, _hoisted_3$b), [
-                [vModelText, unref(state).keyword]
-              ])
-            ])) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_4$6, [
-              unref(showEmptyState) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                unref(showCustomEmptySlot) ? renderSlot(_ctx.$slots, "empty", { key: 0 }, void 0, true) : (openBlock(), createBlock(unref(LewFlex), {
+            renderSlot(_ctx.$slots, "header", {}, void 0, true),
+            createElementVNode("div", _hoisted_1$m, [
+              unref(shouldShowEmptyState) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                _ctx.$slots.empty ? renderSlot(_ctx.$slots, "empty", { key: 0 }, void 0, true) : (openBlock(), createBlock(unref(LewFlex), {
                   key: 1,
                   direction: "y",
                   x: "center",
@@ -25136,15 +25005,13 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 }, {
                   default: withCtx(() => [
                     createVNode(unref(LewEmpty), {
-                      title: unref(locale).t("selectMultiple.noResult")
+                      title: unref(locale).t("select.noResult")
                     }, null, 8, ["title"])
                   ]),
                   _: 1
                 }))
               ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                withDirectives(createElementVNode("div", { class: "lew-result-count" }, toDisplayString$1(unref(getResultText)), 513), [
-                  [vShow, unref(showResultCount)]
-                ]),
+                unref(shouldShowResultCount) ? (openBlock(), createElementBlock("div", _hoisted_2$f, toDisplayString$1(unref(getResultText)), 1)) : createCommentVNode("", true),
                 createVNode(unref(VirtList), {
                   ref_key: "virtListRef",
                   ref: virtListRef,
@@ -25152,47 +25019,60 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                   "min-size": _ctx.itemHeight,
                   buffer: 5,
                   "item-key": "value",
-                  style: normalizeStyle(unref(virtualListStyle)),
-                  class: "lew-select-options-list lew-scrollbar"
+                  class: "lew-select-options-list lew-scrollbar",
+                  style: normalizeStyle({
+                    height: `${unref(getVirtualHeight)}px`,
+                    paddingRight: unref(isShowScrollBar) ? "5px" : "0px"
+                  })
                 }, {
                   default: withCtx(({ itemData: templateProps }) => [
                     createElementVNode("div", {
-                      style: normalizeStyle(unref(optionItemStyle)(_ctx.itemHeight)),
+                      style: normalizeStyle({ height: `${_ctx.itemHeight}px` }),
                       onClick: ($event) => selectHandle(templateProps)
                     }, [
-                      unref(showCustomItemSlot) ? renderSlot(_ctx.$slots, "item", {
+                      _ctx.$slots.item ? renderSlot(_ctx.$slots, "item", {
                         key: 0,
-                        props: unref(itemSlotProps)(templateProps)
+                        props: {
+                          ...templateProps,
+                          checked: unref(getChecked)(templateProps.value)
+                        }
                       }, void 0, true) : (openBlock(), createElementBlock("div", {
                         key: 1,
-                        class: normalizeClass(["lew-select-item lew-select-item-mul", getSelectItemClassName(templateProps)])
+                        class: normalizeClass(["lew-select-item", unref(getSelectItemClassName)(templateProps)])
                       }, [
-                        !templateProps.isGroup ? (openBlock(), createBlock(unref(LewCheckbox), {
+                        _ctx.multiple && !templateProps.isGroup ? (openBlock(), createBlock(unref(LewCheckbox), {
                           key: templateProps.value,
                           class: "lew-select-checkbox",
                           checked: unref(getChecked)(templateProps.value)
                         }, null, 8, ["checked"])) : createCommentVNode("", true),
                         createVNode(unref(LewTextTrim), {
-                          text: unref(groupLabelText)(templateProps),
+                          text: unref(getOptionText)(templateProps),
                           delay: [500, 0],
-                          class: normalizeClass(["lew-select-label", unref(groupLabelClass)(templateProps)])
-                        }, null, 8, ["text", "class"])
+                          class: normalizeClass(["lew-select-label", { "is-group": templateProps.isGroup }])
+                        }, null, 8, ["text", "class"]),
+                        unref(shouldShowCheckIcon)(templateProps.value) ? (openBlock(), createBlock(CommonIcon, {
+                          key: 1,
+                          class: "lew-icon-check",
+                          size: 16,
+                          "stroke-width": 3,
+                          type: "check"
+                        })) : createCommentVNode("", true)
                       ], 2))
-                    ], 12, _hoisted_5$4)
+                    ], 12, _hoisted_3$b)
                   ]),
                   _: 3
                 }, 8, ["list", "min-size", "style"])
               ], 64))
             ]),
-            unref(showFooterSlot) ? renderSlot(_ctx.$slots, "footer", { key: 2 }, void 0, true) : createCommentVNode("", true)
+            renderSlot(_ctx.$slots, "footer", {}, void 0, true)
           ], 6)
         ]),
         _: 3
-      }, 8, ["trigger", "trigger-width", "disabled", "style", "loading"]);
+      }, 8, ["style", "trigger", "trigger-width", "hide-on-click", "disabled", "loading"]);
     };
   }
 });
-const LewSelectMultiple = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-bb9b06f8"]]);
+const LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-56b4bf28"]]);
 const sliderEmits = {
   change: (value) => value
 };
@@ -26847,9 +26727,12 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       emit("clear");
       emit("change", void 0);
     }
-    function toFocus() {
+    function focus() {
       lewTextareaRef.value?.focus();
     }
+    function blur() {
+      lewTextareaRef.value?.blur();
+    }
     const getTextareaClassNames = computed(() => {
       const { size, readonly: readonly2, disabled } = props;
       return object2class("lew-textarea-view", {
@@ -26858,13 +26741,13 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         disabled
       });
     });
-    function focus(e) {
+    function _focus(e) {
       if (props.selectByFocus) {
         e?.currentTarget?.select();
       }
       state.isFocus = true;
     }
-    function blur() {
+    function _blur() {
       state.isFocus = false;
     }
     function handleInput(event) {
@@ -26884,16 +26767,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       return size[props.size];
     });
     const getTextareaStyle = computed(() => {
-      const {
-        width,
-        height,
-        size,
-        resize,
-        maxHeight,
-        minHeight,
-        maxWidth,
-        minWidth
-      } = props;
+      const { width, height, size, resize, maxHeight, minHeight, maxWidth, minWidth } = props;
       const heightMap = {
         small: 60,
         medium: 75,
@@ -26926,7 +26800,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         }
       });
     }
-    __expose({ toFocus });
+    __expose({ focus, blur });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "lewTextareaViewRef",
@@ -26943,8 +26817,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           maxlength: _ctx.maxLength,
           disabled: _ctx.disabled,
           readonly: _ctx.readonly,
-          onFocus: focus,
-          onBlur: blur,
+          onFocus: _focus,
+          onBlur: _blur,
           onInput: handleInput,
           onChange: handleChange
         }, null, 40, _hoisted_1$h), [
@@ -26972,7 +26846,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-1cb07f72"]]);
+const LewTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-45937168"]]);
 const treeSelectEmits = {
   change: (value) => value,
   clear: () => {
@@ -27044,7 +26918,7 @@ const treeSelectProps = {
   },
   checkable: {
     type: Boolean,
-    default: false,
+    default: true,
     validator: validators.boolean({
       componentName: "LewTreeSelect",
       propName: "checkable"
@@ -27058,14 +26932,6 @@ const treeSelectProps = {
       propName: "showAllLevels"
     })
   },
-  showCheckIcon: {
-    type: Boolean,
-    default: true,
-    validator: validators.boolean({
-      componentName: "LewTreeSelect",
-      propName: "showCheckIcon"
-    })
-  },
   showLine: {
     type: Boolean,
     default: false,
@@ -27182,7 +27048,7 @@ const _hoisted_4$5 = {
   key: 0,
   class: "result-count"
 };
-const _hoisted_5$3 = { class: "tree-select-wrapper lew-scrollbar" };
+const _hoisted_5$4 = { class: "tree-select-wrapper lew-scrollbar" };
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "LewTreeSelect",
   props: /* @__PURE__ */ mergeModels(treeSelectProps, {
@@ -27410,7 +27276,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             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$3, [
+              createElementVNode("div", _hoisted_5$4, [
                 createVNode(unref(LewTree), mergeProps({
                   ref_key: "lewTreeRef",
                   ref: lewTreeRef,
@@ -29482,8 +29348,16 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         return;
       if (props.close) {
         isClosing.value = true;
-        await props.close();
-        emit("close");
+        let result = false;
+        try {
+          result = await props.close();
+        } catch {
+          isClosing.value = false;
+          return;
+        }
+        if (result === true) {
+          emit("close");
+        }
         isClosing.value = false;
       } else {
         emit("close");
@@ -29505,7 +29379,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
           renderSlot(_ctx.$slots, "right")
         ])) : createCommentVNode("", true),
-        _ctx.closeable ? (openBlock(), createElementBlock("div", {
+        _ctx.closeable || unref(isFunction$1)(_ctx.close) ? (openBlock(), createElementBlock("div", {
           key: 2,
           class: "lew-tag-close",
           onClick: withModifiers(handleClose, ["stop"])
@@ -30228,7 +30102,7 @@ const _hoisted_4$3 = {
   "stroke-linecap": "butt",
   "stroke-linejoin": "miter"
 };
-const _hoisted_5$2 = {
+const _hoisted_5$3 = {
   key: 1,
   viewBox: "0 0 48 48",
   fill: "none",
@@ -30265,7 +30139,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               props.separator === "sprit" ? (openBlock(), createElementBlock("svg", _hoisted_4$3, [..._cache[0] || (_cache[0] = [
                 createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1)
               ])])) : createCommentVNode("", true),
-              props.separator === "shoulder" ? (openBlock(), createElementBlock("svg", _hoisted_5$2, [..._cache[1] || (_cache[1] = [
+              props.separator === "shoulder" ? (openBlock(), createElementBlock("svg", _hoisted_5$3, [..._cache[1] || (_cache[1] = [
                 createElementVNode("path", { d: "m16 39.513 15.556-15.557L16 8.4" }, null, -1)
               ])])) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
@@ -30583,8 +30457,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       return proxy;
     }
     function clickItem(item) {
-      if (item.disabled)
-        return;
+      if (item.disabled) return;
       const instance = props.dropdownInstance || window.LewContextMenu?.instance || null;
       if (isFunction$1(item.onClick)) {
         const proxyItem = createItemProxy(item);
@@ -30594,7 +30467,8 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           }
         });
         item.onClick?.(proxyItem, proxyOptions, instance);
-      } else {
+      }
+      if (item.hideMenuOnClick || item.hideMenuOnClick === void 0) {
         instance?.hide();
       }
       emit("change", item);
@@ -30742,7 +30616,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-10d9d549"]]);
+const LewContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-7dfed0eb"]]);
 const dropdownModel = {
   selectedKeys: {
     type: Array,
@@ -31116,7 +30990,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewMenuTreeItem = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-c53bcfe6"]]);
+const LewMenuTreeItem = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-98e31987"]]);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "LewMenuTree",
   props: /* @__PURE__ */ mergeModels(menuTreeProps, {
@@ -31282,66 +31156,101 @@ const stepsProps = {
       componentName: "LewSteps",
       propName: "minWidth"
     })
+  },
+  // 允许点击Item切换步骤
+  canClickItem: {
+    type: Boolean,
+    default: true
+  },
+  // 允许跨步骤
+  canCrossSteps: {
+    type: Boolean,
+    default: true
   }
 };
 const _hoisted_1$2 = { class: "lew-steps lew-scrollbar" };
-const _hoisted_2$2 = { class: "lew-steps-item-index" };
-const _hoisted_3$2 = {
+const _hoisted_2$2 = ["onClick"];
+const _hoisted_3$2 = { class: "lew-steps-item-index" };
+const _hoisted_4$2 = {
   key: 4,
   class: "index"
 };
-const _hoisted_4$2 = { class: "lew-steps-item-info" };
+const _hoisted_5$2 = { class: "lew-steps-item-info" };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "LewSteps",
   props: /* @__PURE__ */ mergeModels(stepsProps, {
     "modelValue": {},
     "modelModifiers": {}
   }),
-  emits: ["update:modelValue"],
-  setup(__props) {
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const stepsValue = useModel(__props, "modelValue");
+    watch(stepsValue, (val, oldVal) => {
+      if (val !== oldVal) {
+        emit("change", val);
+      }
+    });
+    const itemStyle = computed(() => {
+      return {
+        cursor: props.canClickItem ? "pointer" : "default",
+        minWidth: any2px(props.minWidth)
+      };
+    });
+    function handleClick(index2) {
+      if (!props.canClickItem)
+        return;
+      if (!props.canCrossSteps && Math.abs((stepsValue.value || 1) - 1 - index2) > 1)
+        return;
+      if (stepsValue.value !== index2 + 1) {
+        stepsValue.value = index2 + 1;
+        emit("change", stepsValue.value);
+      }
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index2) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (item, index2) => {
           return openBlock(), createElementBlock("div", {
             key: index2,
             class: normalizeClass(["lew-steps-item", {
               "lew-steps-item-active": index2 === (stepsValue.value || 1) - 1,
               "lew-steps-item-succeeded": index2 < (stepsValue.value || 1) - 1,
-              "lew-steps-item-error": index2 === (stepsValue.value || 1) - 1 && _ctx.status === "error",
-              "lew-steps-item-warning": index2 === (stepsValue.value || 1) - 1 && _ctx.status === "warning",
-              "lew-steps-item-done": index2 === (stepsValue.value || 1) - 1 && _ctx.status === "done"
+              "lew-steps-item-error": index2 === (stepsValue.value || 1) - 1 && props.status === "error",
+              "lew-steps-item-warning": index2 === (stepsValue.value || 1) - 1 && props.status === "warning",
+              "lew-steps-item-done": index2 === (stepsValue.value || 1) - 1 && props.status === "done"
             }]),
-            style: normalizeStyle({ minWidth: unref(any2px)(_ctx.minWidth) })
+            style: normalizeStyle(unref(itemStyle)),
+            onClick: ($event) => handleClick(index2)
           }, [
-            createElementVNode("div", _hoisted_2$2, [
-              index2 === (stepsValue.value || 1) - 1 && _ctx.status === "loading" ? (openBlock(), createBlock(CommonIcon, {
+            createElementVNode("div", _hoisted_3$2, [
+              index2 === (stepsValue.value || 1) - 1 && props.status === "loading" ? (openBlock(), createBlock(CommonIcon, {
                 key: 0,
                 size: 16,
                 "stroke-width": 3,
                 loading: "",
                 type: "loader"
-              })) : index2 === (stepsValue.value || 1) - 1 && _ctx.status === "warning" ? (openBlock(), createBlock(CommonIcon, {
+              })) : index2 === (stepsValue.value || 1) - 1 && props.status === "warning" ? (openBlock(), createBlock(CommonIcon, {
                 key: 1,
                 size: 16,
                 "stroke-width": 3,
                 type: "alert-circle"
-              })) : index2 === (stepsValue.value || 1) - 1 && _ctx.status === "error" ? (openBlock(), createBlock(CommonIcon, {
+              })) : index2 === (stepsValue.value || 1) - 1 && props.status === "error" ? (openBlock(), createBlock(CommonIcon, {
                 key: 2,
                 size: 16,
                 "stroke-width": 3,
                 type: "close"
-              })) : index2 < (stepsValue.value || 1) - 1 || index2 === (stepsValue.value || 1) - 1 && _ctx.status === "done" ? (openBlock(), createBlock(CommonIcon, {
+              })) : index2 < (stepsValue.value || 1) - 1 || index2 === (stepsValue.value || 1) - 1 && props.status === "done" ? (openBlock(), createBlock(CommonIcon, {
                 key: 3,
                 style: { color: "var(--lew-color-primary)" },
                 size: 16,
                 "stroke-width": 3,
                 type: "check"
-              })) : (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString$1(index2 + 1), 1))
+              })) : (openBlock(), createElementBlock("span", _hoisted_4$2, toDisplayString$1(index2 + 1), 1))
             ]),
-            createElementVNode("div", _hoisted_4$2, [
+            createElementVNode("div", _hoisted_5$2, [
               createElementVNode("div", {
-                style: normalizeStyle({ maxWidth: unref(any2px)(_ctx.minWidth) }),
+                style: normalizeStyle({ maxWidth: unref(any2px)(props.minWidth) }),
                 class: "lew-steps-item-title"
               }, [
                 createVNode(_sfc_main$16, {
@@ -31353,7 +31262,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["render-fn"])
               ], 4),
               createElementVNode("div", {
-                style: normalizeStyle({ maxWidth: unref(any2px)(_ctx.minWidth) }),
+                style: normalizeStyle({ maxWidth: unref(any2px)(props.minWidth) }),
                 class: "lew-steps-item-description"
               }, [
                 createVNode(_sfc_main$16, {
@@ -31367,7 +31276,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["render-fn"])
               ], 4)
             ])
-          ], 6);
+          ], 14, _hoisted_2$2);
         }), 128))
       ]);
     };
@@ -31417,7 +31326,6 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   LewRadioGroup,
   LewRate,
   LewSelect,
-  LewSelectMultiple,
   LewSlider,
   LewSliderRange,
   LewSteps: _sfc_main$3,
@@ -31528,9 +31436,6 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   requiredIconSizeMap,
   selectEmits,
   selectModel,
-  selectMultipleEmits,
-  selectMultipleModel,
-  selectMultipleProps,
   selectProps,
   sliderEmits,
   sliderModel,
@@ -31859,7 +31764,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       visible.value = true;
       nextTick(() => {
         if (okRef.value)
-          okRef.value.focus();
+          okRef.value.$el.focus();
       });
     });
     watch(visible, (newVal) => {
@@ -31972,7 +31877,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _LewDialog = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-fef66d43"]]);
+const _LewDialog = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-f609a415"]]);
 const { x, y } = useMouse();
 function createDialog(type) {
   return (options) => dialog(type, options);
@@ -38876,7 +38781,6 @@ export {
   LewRadioGroup,
   LewRate,
   LewSelect,
-  LewSelectMultiple,
   LewSlider,
   LewSliderRange,
   _sfc_main$3 as LewSteps,
@@ -39005,9 +38909,6 @@ export {
   requiredIconSizeMap,
   selectEmits,
   selectModel,
-  selectMultipleEmits,
-  selectMultipleModel,
-  selectMultipleProps,
   selectProps,
   setLocale,
   sliderEmits,