lew-ui 2.6.3 → 2.6.6

package/dist/index.mjs

@@ -4237,7 +4237,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-6acb7c29"]]);
+const LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-82bc02e1"]]);
 const tagProps = {
   text: {
     type: String,
@@ -8426,7 +8426,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewMenuTreeItem = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-fc6ce882"]]);
+const LewMenuTreeItem = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-cba8e1f9"]]);
 const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "LewMenuTree",
   props: /* @__PURE__ */ mergeModels(menuTreeProps, {
@@ -8529,9 +8529,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
             onChange: () => emit2("change", item)
           },
           // 递归渲染子项
-          () => (item.children || []).map(
-            (child) => renderMenuTreeItem(child, level + 1)
-          )
+          () => (item.children || []).map((child) => renderMenuTreeItem(child, level + 1))
         ),
         directives2
       );
@@ -8555,7 +8553,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewMenuTree = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-232bc2f6"]]);
+const LewMenuTree = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-59096943"]]);
 const dropdownModel = {
   selectedKeys: {
     type: Array,
@@ -12009,6 +12007,10 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
       var _a2;
       return (_a2 = lewInputRef.value) == null ? void 0 : _a2.focus();
     };
+    const toBlur = () => {
+      var _a2;
+      return (_a2 = lewInputRef.value) == null ? void 0 : _a2.blur();
+    };
     const showPasswordFn = () => {
       _type.value = _type.value === "text" ? "password" : "text";
     };
@@ -12095,7 +12097,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     onUnmounted(() => {
       if (timer) clearTimeout(timer);
     });
-    __expose2({ toFocus });
+    __expose2({ toFocus, toBlur });
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
       return openBlock(), createElementBlock("div", {
@@ -12281,7 +12283,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-349c1ed8"]]);
+const LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-6133fdd3"]]);
 const inputNumberModel = {
   modelValue: {
     type: Number,
@@ -12579,7 +12581,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-0d81db44"]]);
+const LewInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-b5bbd71d"]]);
 const textareaModel = {
   modelValue: {
     type: String,
@@ -12921,114 +12923,186 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     var _a;
     const app2 = (_a = getCurrentInstance()) == null ? void 0 : _a.appContext.app;
     if (app2 && !app2.directive("tooltip")) {
-      app2.use(LewMessage$1);
+      try {
+        app2.use(LewMessage$1);
+      } catch (error2) {
+        console.error("注册LewMessage失败:", error2);
+      }
     }
     const emit2 = __emit2;
     const props2 = __props2;
     const modelValue2 = useModel(__props2, "modelValue");
-    const inputValue = ref();
-    const lewInputRef = ref();
-    const isFocus = ref(false);
-    let isEnter = false;
-    let isConfirm = ref(false);
+    const inputValue = ref("");
+    const lewInputRef = ref(null);
+    const isInputActive = ref(false);
+    const isTagMarkedForDeletion = ref(false);
+    const autoWidthDelay = ref(false);
+    let originalKeydownHandler = null;
     const openInput = () => {
-      if (isFocus.value) return;
-      if (props2.maxLength > 0 && (modelValue2.value || []).length >= props2.maxLength) {
-        LewMessage$1.warning(
-          locale.t("inputTag.maxLength", { maxLength: props2.maxLength })
-        );
-        return;
-      }
-      isFocus.value = true;
-      nextTick(() => {
-        lewInputRef.value.toFocus();
-      });
-      document.onkeydown = function(event) {
-        if (!inputValue.value) {
-          if (event.keyCode === 8 || event.keyCode === 46) {
-            if (modelValue2.value && modelValue2.value.length > 0 && isConfirm.value) {
-              modelValue2.value.splice(modelValue2.value.length - 1, 1);
-              emit2("change", cloneDeep(modelValue2.value));
-              isConfirm.value = false;
+      if (isInputActive.value || props2.disabled || props2.readonly) return;
+      try {
+        if (props2.maxLength > 0 && Array.isArray(modelValue2.value) && modelValue2.value.length >= props2.maxLength) {
+          LewMessage$1.warning(
+            locale.t("inputTag.maxLength", { maxLength: props2.maxLength })
+          );
+          return;
+        }
+        isInputActive.value = true;
+        nextTick(() => {
+          if (lewInputRef.value && typeof lewInputRef.value.toFocus === "function") {
+            lewInputRef.value.toFocus();
+          }
+        });
+        originalKeydownHandler = document.onkeydown;
+        document.onkeydown = function(event) {
+          try {
+            const keyCode = event.key || event.code;
+            if (inputValue.value) {
+              if (keyCode === "Enter" || keyCode === "NumpadEnter") {
+                isTagMarkedForDeletion.value = false;
+                document.onkeydown = originalKeydownHandler;
+                isInputActive.value = false;
+                if (inputValue.value) {
+                  if (props2.allowDuplicates) {
+                    addTag();
+                  } else {
+                    if (!Array.isArray(modelValue2.value) || !modelValue2.value.includes(inputValue.value)) {
+                      addTag();
+                    } else {
+                      LewMessage$1.warning(locale.t("inputTag.duplicate"));
+                    }
+                  }
+                  openInput();
+                }
+              }
             } else {
-              isConfirm.value = true;
+              if (keyCode === "Backspace" || keyCode === "Delete") {
+                if (Array.isArray(modelValue2.value) && modelValue2.value.length > 0 && isTagMarkedForDeletion.value) {
+                  try {
+                    const newValue = [...modelValue2.value || []];
+                    newValue.splice(newValue.length - 1, 1);
+                    modelValue2.value = newValue;
+                    emit2("change", cloneDeep(newValue));
+                  } catch (error2) {
+                    console.error("删除标签时出错:", error2);
+                  }
+                  isTagMarkedForDeletion.value = false;
+                } else {
+                  isTagMarkedForDeletion.value = true;
+                }
+              }
+              if (keyCode === "Enter" || keyCode === "NumpadEnter") {
+                if (lewInputRef.value && typeof lewInputRef.value.toBlur === "function") {
+                  lewInputRef.value.toBlur();
+                }
+              }
             }
+          } catch (error2) {
+            console.error("键盘事件处理出错:", error2);
+            document.onkeydown = originalKeydownHandler;
           }
-        } else if (event.keyCode === 13) {
-          isConfirm.value = true;
-          isEnter = true;
-        }
-      };
+        };
+      } catch (error2) {
+        console.error("打开输入框时出错:", error2);
+        isInputActive.value = false;
+      }
     };
-    const blurFn = () => {
-      document.onkeydown = null;
-      isFocus.value = false;
-      isConfirm.value = false;
-      if (props2.allowDuplicates) {
-        addTag();
-      } else {
-        if (!(modelValue2.value || []).includes(inputValue.value)) {
-          addTag();
-        } else {
-          LewMessage$1.warning(locale.t("inputTag.duplicate"));
+    onUnmounted(() => {
+      try {
+        if (document.onkeydown && document.onkeydown !== originalKeydownHandler) {
+          document.onkeydown = originalKeydownHandler;
         }
+      } catch (error2) {
+        console.error("卸载组件时清除键盘事件处理器出错:", error2);
       }
-      if (isEnter) {
-        openInput();
-      }
-      isEnter = false;
-    };
+    });
     const addTag = () => {
-      let _value = modelValue2.value || [];
-      if (inputValue.value) {
+      try {
+        let _value = Array.isArray(modelValue2.value) ? [...modelValue2.value] : [];
+        if (!inputValue.value || inputValue.value.trim() === "") {
+          return;
+        }
         if (props2.maxLength > 0 && _value.length >= props2.maxLength) {
           inputValue.value = "";
-          isFocus.value = false;
+          isInputActive.value = false;
+          LewMessage$1.warning(
+            locale.t("inputTag.maxLength", { maxLength: props2.maxLength })
+          );
           return;
         }
         _value.push(inputValue.value);
+        const addedValue = inputValue.value;
         inputValue.value = "";
         modelValue2.value = _value;
-        emit2("change", _value);
-        emit2("add", inputValue.value);
+        emit2("change", cloneDeep(_value));
+        emit2("add", addedValue);
+      } catch (error2) {
+        console.error("添加标签时出错:", error2);
       }
     };
-    const autoWidthDelay = ref(false);
     const delTag = (index2) => {
-      var _a2;
-      const removedTag = (_a2 = modelValue2.value) == null ? void 0 : _a2[index2];
-      modelValue2.value && modelValue2.value.splice(index2, 1);
-      if (modelValue2.value && modelValue2.value.length === 0) {
-        autoWidthDelay.value = true;
-        setTimeout(() => {
-          autoWidthDelay.value = false;
-        }, 550);
+      try {
+        if (!Array.isArray(modelValue2.value) || index2 < 0 || index2 >= modelValue2.value.length) {
+          return;
+        }
+        const removedTag = modelValue2.value[index2];
+        const newValue = [...modelValue2.value];
+        newValue.splice(index2, 1);
+        modelValue2.value = newValue;
+        if (newValue.length === 0) {
+          autoWidthDelay.value = true;
+          setTimeout(() => {
+            autoWidthDelay.value = false;
+          }, 550);
+        }
+        emit2("change", cloneDeep(newValue));
+        emit2("remove", removedTag);
+      } catch (error2) {
+        console.error("删除标签时出错:", error2);
       }
-      emit2("change", modelValue2.value);
-      emit2("remove", removedTag);
     };
     const getInputClassNames = computed(() => {
-      const { size, readonly: readonly2, disabled, clearable } = props2;
-      return object2class("lew-input-tag-view", {
-        size,
-        readonly: readonly2,
-        disabled,
-        clearable
-      });
+      try {
+        const { size, readonly: readonly2, disabled, clearable } = props2;
+        return object2class("lew-input-tag-view", {
+          size,
+          readonly: readonly2,
+          disabled,
+          clearable
+        });
+      } catch (error2) {
+        console.error("计算输入框类名时出错:", error2);
+        return "lew-input-tag-view";
+      }
     });
     const getIconSize = computed(() => {
-      const size = {
-        small: 13,
-        medium: 14,
-        large: 16
-      };
-      return size[props2.size];
+      try {
+        const size = {
+          small: 13,
+          medium: 14,
+          large: 16
+        };
+        return size[props2.size] || 14;
+      } catch (error2) {
+        console.error("计算图标大小时出错:", error2);
+        return 14;
+      }
     });
     const clear = () => {
-      modelValue2.value = [];
-      inputValue.value = "";
-      emit2("change", []);
-      emit2("clear");
+      try {
+        modelValue2.value = [];
+        inputValue.value = "";
+        emit2("change", []);
+        emit2("clear");
+      } catch (error2) {
+        console.error("清空标签时出错:", error2);
+      }
+    };
+    const onBlur = () => {
+      isInputActive.value = false;
+      if (inputValue.value) {
+        addTag();
+      }
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -13048,7 +13122,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                   type: "light",
                   style: normalizeStyle({
                     maxWidth: "100%",
-                    backgroundColor: unref(isConfirm) && index2 === (modelValue2.value || []).length - 1 ? "var(--lew-color-red-light)" : ""
+                    backgroundColor: unref(isTagMarkedForDeletion) && index2 === (modelValue2.value || []).length - 1 ? "var(--lew-color-red-light)" : "",
+                    color: unref(isTagMarkedForDeletion) && index2 === (modelValue2.value || []).length - 1 ? "var(--lew-color-red-dark)" : "var(--lew-color-blue-dark)"
                   }),
                   size: _ctx.size,
                   closable: !_ctx.readonly && !_ctx.disabled,
@@ -13061,7 +13136,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                   _: 2
                 }, 1032, ["style", "size", "closable", "readonly", "onClose"]);
               }), 128)),
-              unref(isFocus) || (modelValue2.value || []).length === 0 ? (openBlock(), createBlock(unref(LewInput), {
+              unref(isInputActive) || (modelValue2.value || []).length === 0 ? (openBlock(), createBlock(unref(LewInput), {
                 key: 0,
                 ref_key: "lewInputRef",
                 ref: lewInputRef,
@@ -13070,11 +13145,10 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                 "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(inputValue) ? inputValue.value = $event : null),
                 class: "lew-input-tag",
                 size: _ctx.size,
-                readonly: !unref(isFocus),
+                readonly: !unref(isInputActive),
                 placeholder: (modelValue2.value || []).length === 0 ? unref(locale).t("inputTag.placeholder") : " ",
-                "ok-by-enter": "",
-                onInput: _cache[1] || (_cache[1] = ($event) => isRef(isConfirm) ? isConfirm.value = false : isConfirm = false),
-                onBlur: blurFn
+                onInput: _cache[1] || (_cache[1] = ($event) => isTagMarkedForDeletion.value = false),
+                onBlur
               }, null, 8, ["auto-width", "modelValue", "size", "readonly", "placeholder"])) : createCommentVNode("", true)
             ]),
             _: 1
@@ -13084,7 +13158,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
               _ctx.clearable && (modelValue2.value || []).length > 0 && !_ctx.readonly && !_ctx.disabled ? (openBlock(), createBlock(Icon, {
                 key: 0,
                 class: normalizeClass(["lew-form-icon-close", {
-                  "lew-form-icon-close-focus": unref(isFocus)
+                  "lew-form-icon-close-focus": unref(isInputActive)
                 }]),
                 size: unref(getIconSize),
                 type: "close",
@@ -13100,7 +13174,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-835c2532"]]);
+const LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-1c3ae010"]]);
 const checkboxModel = {
   modelValue: {
     type: Boolean,
@@ -13587,7 +13661,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-a3035b1f"]]);
+const LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-c2a62db1"]]);
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "LewRadioGroup",
   props: /* @__PURE__ */ mergeModels(radioGroupProps, {
@@ -13924,7 +13998,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTabs = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-0d554416"]]);
+const LewTabs = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-b0af215e"]]);
 function vue3h(ele, props2, children) {
   const { attrs, on, ...rest } = props2;
   let event = {};
@@ -14858,9 +14932,19 @@ const selectProps = {
   },
   width: {
     type: [String, Number],
-    default: "300px",
+    default: "240px",
     description: "选择器宽度，支持数字（单位：像素）或带单位的字符串"
   },
+  popoverWidth: {
+    type: [String, Number],
+    default: "240px",
+    description: "下拉菜单宽度，支持数字（单位：像素）或带单位的字符串"
+  },
+  autoWidth: {
+    type: Boolean,
+    default: false,
+    description: "是否自动调整宽度"
+  },
   trigger: {
     type: String,
     default: "click",
@@ -14990,6 +15074,7 @@ const _hoisted_3$d = {
   class: "lew-result-count"
 };
 const _hoisted_4$a = ["onClick"];
+const SELECT_WIDTH_TOLERANCE = 26;
 const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "LewSelect",
   props: /* @__PURE__ */ mergeModels(selectProps, {
@@ -15028,14 +15113,15 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     );
     const virtListRef = ref();
     const state = reactive({
-      selectWidth: 0,
       visible: false,
       loading: false,
       options: flattenOptions(props2.options),
       hideBySelect: false,
       // 记录是否通过选择隐藏
       keyword: props2.defaultValue || selectValue.value,
-      keywordBackup: props2.defaultValue
+      keywordBackup: props2.defaultValue,
+      autoWidth: 0
+      // 新增自动宽度
     });
     watch(
       () => props2.defaultValue,
@@ -15043,10 +15129,48 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         state.keyword = props2.defaultValue;
       }
     );
-    const getSelectWidth = () => {
-      var _a;
-      state.selectWidth = ((_a = lewSelectRef.value) == null ? void 0 : _a.clientWidth) - 12;
+    const computedWidth = computed(() => {
+      if (props2.autoWidth && state.autoWidth > 0) {
+        return Number(state.autoWidth);
+      }
+      return Number(props2.width);
+    });
+    onMounted(() => {
+      if (props2.autoWidth) {
+        calculateAutoWidth();
+      }
+    });
+    const calculateAutoWidth = () => {
+      if (!props2.autoWidth) return;
+      const tempDiv = document.createElement("div");
+      tempDiv.style.position = "absolute";
+      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 = props2.placeholder || locale.t("select.placeholder");
+      }
+      tempDiv.innerText = textContent;
+      document.body.appendChild(tempDiv);
+      const textWidth = tempDiv.clientWidth;
+      state.autoWidth = textWidth + SELECT_WIDTH_TOLERANCE;
+      document.body.removeChild(tempDiv);
     };
+    watch(
+      () => state.keyword,
+      () => {
+        if (props2.autoWidth) {
+          calculateAutoWidth();
+        }
+      }
+    );
     const show = () => {
       lewPopoverRef.value.show();
     };
@@ -15152,12 +15276,14 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     const showHandle = () => {
       state.visible = true;
       state.keywordBackup = cloneDeep(state.keyword);
+      if (props2.searchable) {
+        inputRef.value.focus();
+      }
       emit2("focus");
       if (props2.searchable) {
         state.keyword = "";
       }
       state.hideBySelect = false;
-      getSelectWidth();
       if (props2.searchable) {
         search({ target: { value: "" } });
       }
@@ -15190,6 +15316,9 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
       () => selectValue.value,
       () => {
         findKeyword();
+        if (props2.autoWidth) {
+          calculateAutoWidth();
+        }
       }
     );
     watch(
@@ -15211,10 +15340,10 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
         ref: lewPopoverRef,
         popoverBodyClassName: "lew-select-popover-body",
         class: "lew-select-view",
+        style: normalizeStyle({ width: _ctx.autoWidth ? "auto" : unref(any2px)(_ctx.width) }),
         trigger: _ctx.trigger,
         disabled: _ctx.disabled || _ctx.readonly,
         placement: "bottom-start",
-        style: normalizeStyle({ width: unref(any2px)(_ctx.width) }),
         loading: unref(state).loading,
         onShow: showHandle,
         onHide: hideHandle
@@ -15223,7 +15352,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             ref_key: "lewSelectRef",
             ref: lewSelectRef,
-            class: normalizeClass(["lew-select", unref(getSelectClassName)])
+            class: normalizeClass(["lew-select", unref(getSelectClassName)]),
+            style: normalizeStyle({ width: unref(any2px)(unref(computedWidth)) })
           }, [
             createVNode(Icon, {
               size: unref(getIconSize),
@@ -15257,12 +15387,12 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             }, null, 44, _hoisted_1$u), [
               [vModelText, unref(state).keyword]
             ])
-          ], 2)
+          ], 6)
         ]),
         "popover-body": withCtx(() => [
           createElementVNode("div", {
             class: normalizeClass(["lew-select-body", unref(getBodyClassName)]),
-            style: normalizeStyle(`width:${unref(state).selectWidth}px`)
+            style: normalizeStyle({ width: `calc(${unref(any2px)(_ctx.popoverWidth)} - 14px)` })
           }, [
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
             createElementVNode("div", _hoisted_2$h, [
@@ -15336,11 +15466,11 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
           ], 6)
         ]),
         _: 3
-      }, 8, ["trigger", "disabled", "style", "loading"]);
+      }, 8, ["style", "trigger", "disabled", "loading"]);
     };
   }
 });
-const LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-499efdf9"]]);
+const LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-08008d58"]]);
 const selectMultipleModel = {
   modelValue: {
     type: Array,
@@ -17431,7 +17561,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDateRangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-2df69772"]]);
+const LewDateRangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-f92cbfbb"]]);
 const cascaderModel = {
   modelValue: {
     type: [String, Number],
@@ -19177,7 +19307,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-5c9f9ee3"]]);
+const LewSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-98eecdc4"]]);
 const sliderModel = {
   modelValue: {
     type: [Number, void 0],
@@ -21054,7 +21184,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewUpload = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-f27730be"]]);
+const LewUpload = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-fe60ab42"]]);
 const rateModel = {
   modelValue: {
     type: Number,
@@ -21227,7 +21357,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewRate = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-9d59e2d2"]]);
+const LewRate = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-478c6caf"]]);
 const tableModel = {
   selectedKeys: {
     type: [Array, String, Number, void 0],
@@ -22237,19 +22367,6 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         size
       });
     });
-    const getSelectWidth = computed(() => {
-      const { size } = props2;
-      switch (size) {
-        case "small":
-          return "120px";
-        case "medium":
-          return "140px";
-        case "large":
-          return "160px";
-        default:
-          return "140px";
-      }
-    });
     const getIconSize = computed(() => {
       const { size } = props2;
       switch (size) {
@@ -22296,7 +22413,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                   key: 0,
                   class: "lew-pagination-page-btn",
                   onClick: _cache[1] || (_cache[1] = ($event) => changePage(1))
-                }, " 1 ")) : createCommentVNode("", true),
+                }, "1")) : createCommentVNode("", true),
                 unref(startEllipsis) ? (openBlock(), createElementBlock("div", {
                   key: 1,
                   class: "lew-pagination-page-btn",
@@ -22359,14 +22476,13 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             createVNode(unref(LewSelect), {
               modelValue: unref(state).pageSize,
               "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(state).pageSize = $event),
-              style: normalizeStyle({
-                width: unref(getSelectWidth)
-              }),
+              "auto-width": "",
+              "popover-width": 150,
               size: _ctx.size,
               showCheckIcon: false,
               options: unref(getPageSizeOptions),
               onChange: checkPageSize
-            }, null, 8, ["modelValue", "style", "size", "options"]),
+            }, null, 8, ["modelValue", "size", "options"]),
             createVNode(unref(LewInput), {
               modelValue: unref(state).toPage,
               "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(state).toPage = $event),
@@ -22384,7 +22500,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewPagination = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-27faebf9"]]);
+const LewPagination = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-2b643fcc"]]);
 const treeModel = {
   modelValue: {
     type: [Array, String],
@@ -23102,7 +23218,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTree = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-11fe5966"]]);
+const LewTree = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-61065050"]]);
 const collapseModel = {
   modelValue: {
     type: [Array, String],
@@ -24066,7 +24182,7 @@ const modalProps = {
   },
   top: {
     type: [String, Number],
-    default: 250,
+    default: 120,
     description: '模态框距离顶部的距离，可以是数字（单位：像素）或字符串（如 "50%"）'
   },
   hideFooter: {
@@ -24269,7 +24385,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewModal = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-ec329249"]]);
+const LewModal = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-7f01f624"]]);
 const popokProps = {
   type: {
     type: String,