lew-ui 2.4.20 → 2.5.2

package/dist/index.mjs

@@ -3595,17 +3595,17 @@ const imageProps = {
     }
   }
 };
-const _hoisted_1$J = {
+const _hoisted_1$K = {
   key: 0,
   class: "skeletons"
 };
-const _hoisted_2$t = {
+const _hoisted_2$s = {
   key: 1,
   class: "lew-image-fail-icon",
   src: _imports_0,
   alt: "图片加载失败"
 };
-const _hoisted_3$m = {
+const _hoisted_3$l = {
   key: 2,
   class: "lew-image-box"
 };
@@ -3655,14 +3655,14 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
         style: normalizeStyle(unref(imageStyleObject))
       }, {
         default: withCtx(() => [
-          unref(_loading) || _ctx.loading || !_ctx.src ? (openBlock(), createElementBlock("div", _hoisted_1$J)) : unref(_error) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            _ctx.$slots.error ? renderSlot(_ctx.$slots, "error", { key: 0 }, void 0, true) : withDirectives((openBlock(), createElementBlock("img", _hoisted_2$t, null, 512)), [
+          unref(_loading) || _ctx.loading || !_ctx.src ? (openBlock(), createElementBlock("div", _hoisted_1$K)) : unref(_error) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            _ctx.$slots.error ? renderSlot(_ctx.$slots, "error", { key: 0 }, void 0, true) : withDirectives((openBlock(), createElementBlock("img", _hoisted_2$s, null, 512)), [
               [_directive_tooltip, {
                 content: "图片加载失败",
                 trigger: "mouseenter"
               }]
             ])
-          ], 64)) : (openBlock(), createElementBlock("div", _hoisted_3$m, [
+          ], 64)) : (openBlock(), createElementBlock("div", _hoisted_3$l, [
             createElementVNode("img", {
               class: "lew-image",
               src: _ctx.src,
@@ -3806,27 +3806,22 @@ const avatarProps = {
     }
   }
 };
-const _hoisted_1$I = {
+const _hoisted_1$J = {
   key: 0,
   class: "skeletons"
 };
-const _hoisted_2$s = ["src", "alt"];
+const _hoisted_2$r = ["src", "alt"];
 const errorSrc = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAA5ZDbSAAAAAXNSR0IArs4c6QAABopJREFUeAHtnd9rG0cQx+ckxVFbt7VBgSS07o84BCJaAoW8NFDogyH/R176mj+kbyUv+T8KfggU0pdAi/tDTapIiWPHsZzY8S/JliWfrjtnH1JUWb7dO61nVrNg9Gtmd/b78dzezZ5lD/raw0cLRb/l31FvzwUAMwDBZJ+JvCSlgFf3AJZUSPPZiez9WzdvlHrDU58dtVKpNLG+2fwRPPghCIJM9L488lHA87wOBHCvMJ2/WywWWxh5CDiEu9X8WYH9ns90JNKTFFCgHxSm8rcRcpipmLkC9yS5+L2PLMOjsQrdC9fctv+nHJb5gRwWMR6us+eyX+fwhCoAWXOHicXxM0xYZIuH6DmOE5CYYykwlzm6FIplLEbMFEC2KoPlOpcZN41wg8nwLFrDQ0yZKSCAmQHTDVcA6yrGzF4AMwOmG64A1lWMmb0AZgZMN1wBrKsYM3sBzAyYbrgCWFcxZvYCmBkw3XAFsK5izOwFMDNguuEKYF3FmNkLYGbAdMMVwLqKMbMXwMyA6YYrgHUVY2YvgJkB0w1XAOsqxsxeADMDphuuANZVjJm9AGYGTDdcAayrGDP7nO14v/v2G9tDkhrvl19/sxqPZLBVue0PJoDta251RAFsVW77gwlg+5pbHVEAW5Xb/mAC2L7mVkcUwFbltj+Y9etg0yk29vZhtbYOm1s70DwIvyEI8ucnYHrqI7h0sQAfvP+eaddO+5EH3Ol0oPr8JbyqvfkfiL39JuDPyupruHzxAlz54hPIZOSg1CsUaTUQ7l//VAbC7Z0EPsdfALRFH2ldBUgDxszd2t7tRnvKM7RFH2ldBcgCxjV30GG5G/rgZ+iDvtKOFCALGE+oTFsSX9MxqfqRBYxny6Ytia/pmFT9yAKOLoVMhEviazIeZR+ygCmLxik2soCxiGHakviajknVjyxgrFCZtiS+pmNS9SMLGMuPpi2Jr+mYVP3IAsbaMpYfdRv6SF26qxpZwBgi1panPv6wG+0pz9AWfaR1FSANGDcOvro+GyuTMXPRNo3NBiyUvNnY7KrE+Bn53SQEdvXKDFy+dMHKduFuvQFPny3BuVwOptURIaceOTc20eO6OvvlpyPVut0+hNKTZ6C+Dh9a7TZUF1fg2uxnIx1z1J2TPkSPevK9/SPUx+XncHB8MwF+Vltb19rN6u2PynMBfEzixfJqeLdIP5h/Ky/A9/nuMQtgRXRjcxsQ8KDWbB6oz14N+ojFe2MPGAE+UYfmYW15ZQ1263vDTMh+NtaA8fYePKk6PPRPBVSuLIYnX6caEjMYa8BPq0tQb8TLzHpjHzCTubWxBbyqzpBrrze0eOFavK/u4uTUWALGSlNZnd2a3kGJ6ylmr27rdAIoKz+8pOLS2AGOKk2YgX/8XYaDVltL66NiRtUYEt65WVvTy3ytAFM2ZgW4t9KEOuzsNuD3hcewvVOPJQtmHp4x9xYzYjn2GVUXX2r/YvV1Ye0lG8CDKk2oEpYUMZPj3GKL17pvE9zMF1HxfR8qBof4yN/mIxvAJ1WaUCyEj2vqsHV5WDHDRPD1t1ssdpxYAI4L56R1OU4xwwRypbqsrqEPTVyt+ZAHrAunf13WKWboqh7tOOn62bQnDdgUTu+6rFPMMBGe+o4TacBJ4ETrsm4xwwQy5R0nsoBNKk0mcNLwobzjRBKwaaUpDVimfVDdcSIHOGmlyRRQGn4Ud5xIAU6r0pQGLJM+KO44kQKcVqXJBE5aPtR2nMgAjlvMSAvEqPqhtuNEArBuMWNUcNLql9KO05kDNi1mpAVjVP1Q2XE6c8BJihmjgpNGv1R2nM78LxuuXf0c8EfaaBQ48wwezbSk10gBARwp4eijAHYUbDQtARwp4eijAHYUbDQt62fRtv9vUDTRcX2UDHacvAAWwI4r4Pj0JIMFsOMKOD49yWAB7LgCjk9PMlgAO66A49OTDBbAjivg+PQkgwWw4wo4Pj3JYAHsuAKOT08yWAA7roDj05MMFsCOK+D49CSDBbDjCjg+PclgAey4Ao5PT2WwF++rWh0Xws3pefWMB7Dk5uRkVsgW1+B5kcJZBeYz2Ynsfc/z+P7nJ2fZJJsYMkW2mVs3b5QggHvJuhNvcgoopsg2vEwqTOfvKuIPyAUpARkpgCyRKTqHgIvFYqswlb/tgfeTHK6NNCXhhOyQIbJEphiUOtF6tz18tFD0W/4d9e6c+ucxM+oL8yfftZBXtBTw6sdXQvO45oZLbk+A/wFCn6eLV03nkQAAAABJRU5ErkJggg==";
 const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "LewAvatar",
   props: avatarProps,
   setup(__props2) {
     const props2 = __props2;
-    const dotClassName = computed(() => {
-      return object2class("lew-dot", {
-        status: props2.status,
-        statusPlacement: props2.statusPlacement
-      });
-    });
-    const avatarClassName = computed(() => {
-      return object2class("lew-avatar", {
-        round: props2.shape === "circle"
-      });
+    const avatarBoxStyleObject = computed(() => {
+      const { shape } = props2;
+      return {
+        borderRadius: shape === "circle" ? "50%" : "0px"
+      };
     });
     const avatarStyleObject = computed(() => {
       return {
@@ -3840,6 +3835,53 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
         objectPosition: props2.objectPosition
       };
     });
+    const STATUS_PLACEMENT_CONFIG = {
+      "top-left": {
+        top: "-0.25rem",
+        left: "-0.25rem",
+        bottom: "auto",
+        right: "auto"
+      },
+      "top-right": {
+        top: "-0.25rem",
+        left: "auto",
+        bottom: "auto",
+        right: "-0.25rem"
+      },
+      "bottom-left": {
+        top: "auto",
+        left: "-0.25rem",
+        bottom: "-0.25rem",
+        right: "auto"
+      },
+      "bottom-right": {
+        top: "auto",
+        left: "auto",
+        bottom: "-0.25rem",
+        right: "-0.25rem"
+      }
+    };
+    const STATUS_COLOR_CONFIG = {
+      online: "var(--lew-color-success)",
+      busy: "var(--lew-color-error)",
+      offline: "var(--lew-color-normal-dark)",
+      processing: "var(--lew-color-info)",
+      away: "var(--lew-color-warning)"
+    };
+    const dotStyleObject = computed(() => {
+      const { status, statusPlacement } = props2;
+      return {
+        ...STATUS_PLACEMENT_CONFIG[statusPlacement] || {},
+        backgroundColor: status ? STATUS_COLOR_CONFIG[status] : "",
+        position: "absolute",
+        content: "",
+        width: "0.6rem",
+        height: "0.6rem",
+        borderRadius: "50%",
+        zIndex: 9,
+        border: "var(--lew-form-border-width) var(--lew-color-white) solid"
+      };
+    });
     let _loading = ref();
     let _error = ref();
     const init = () => {
@@ -3866,9 +3908,10 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
         style: normalizeStyle(unref(avatarStyleObject))
       }, [
         createElementVNode("div", {
-          class: normalizeClass(["lew-avatar-box", unref(avatarClassName)])
+          class: "lew-avatar-box",
+          style: normalizeStyle(unref(avatarBoxStyleObject))
         }, [
-          unref(_loading) || _ctx.loading || !_ctx.src ? (openBlock(), createElementBlock("div", _hoisted_1$I)) : unref(_error) ? (openBlock(), createElementBlock("img", {
+          unref(_loading) || _ctx.loading || !_ctx.src ? (openBlock(), createElementBlock("div", _hoisted_1$J)) : unref(_error) ? (openBlock(), createElementBlock("img", {
             key: 1,
             src: errorSrc,
             alt: "",
@@ -3880,17 +3923,17 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
             alt: _ctx.alt,
             lazy: "",
             style: normalizeStyle(unref(imageStyleObject))
-          }, null, 12, _hoisted_2$s)) : createCommentVNode("", true)
-        ], 2),
-        _ctx.status ? (openBlock(), createElementBlock("span", {
+          }, null, 12, _hoisted_2$r)) : createCommentVNode("", true)
+        ], 4),
+        _ctx.status ? (openBlock(), createElementBlock("i", {
           key: 0,
-          class: normalizeClass(["lew-dot", unref(dotClassName)])
-        }, null, 2)) : createCommentVNode("", true)
+          style: normalizeStyle(unref(dotStyleObject))
+        }, null, 4)) : createCommentVNode("", true)
       ], 4);
     };
   }
 });
-const LewAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-b520a66d"]]);
+const LewAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-3990fb5c"]]);
 const validColors = [
   "blue",
   "gray",
@@ -4012,12 +4055,12 @@ const buttonProps = {
     description: "点击按钮时触发的异步请求函数"
   }
 };
-const _hoisted_1$H = ["disabled"];
-const _hoisted_2$r = {
+const _hoisted_1$I = ["disabled"];
+const _hoisted_2$q = {
   key: 0,
   class: "lew-button-content"
 };
-const _hoisted_3$l = { class: "lew-button-text" };
+const _hoisted_3$k = { class: "lew-button-text" };
 const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   __name: "LewButton",
   props: buttonProps,
@@ -4078,30 +4121,33 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
       const { round: round2, type, color, dashed } = props2;
       const styleObj = {};
       const _color = getColorType(color) || "primary";
-      switch (type) {
-        case "fill":
-          styleObj.backgroundColor = `var(--lew-color-${_color})`;
-          styleObj.color = "var(--lew-color-white)";
-          break;
-        case "light":
-          styleObj.backgroundColor = `var(--lew-color-${_color}-light)`;
-          styleObj.color = `var(--lew-color-${_color}-dark)`;
-          break;
-        case "ghost":
-          styleObj.backgroundColor = "transparent";
-          styleObj.border = `var(--lew-form-border-width) ${dashed ? "dashed" : "solid"} var(--lew-color-${_color}-dark)`;
-          styleObj.color = `var(--lew-color-${_color}-dark)`;
-          styleObj.boxShadow = "none";
-          break;
-        case "text":
-          styleObj.backgroundColor = "transparent";
-          styleObj.color = `var(--lew-color-${_color}-dark)`;
-          styleObj.boxShadow = "none";
-          break;
-        default:
-          styleObj.backgroundColor = `var(--lew-color-${_color})`;
-          break;
-      }
+      const baseStyle = {
+        fill: {
+          backgroundColor: `var(--lew-color-${_color})`,
+          color: "var(--lew-color-white)"
+        },
+        light: {
+          backgroundColor: `var(--lew-color-${_color}-light)`,
+          color: `var(--lew-color-${_color}-dark)`
+        },
+        ghost: {
+          backgroundColor: "transparent",
+          border: `var(--lew-form-border-width) ${dashed ? "dashed" : "solid"} var(--lew-color-${_color}-dark)`,
+          color: `var(--lew-color-${_color}-dark)`,
+          boxShadow: "none"
+        },
+        text: {
+          backgroundColor: "transparent",
+          color: `var(--lew-color-${_color}-dark)`,
+          boxShadow: "none"
+        }
+      };
+      Object.assign(
+        styleObj,
+        baseStyle[type] || {
+          backgroundColor: `var(--lew-color-${_color})`
+        }
+      );
       styleObj.borderRadius = round2 ? "50px" : "none";
       return styleObj;
     });
@@ -4126,18 +4172,18 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
             type: "loader"
           }, null, 8, ["size"])
         ], 2),
-        _ctx.$slots.default || _ctx.text ? (openBlock(), createElementBlock("div", _hoisted_2$r, [
-          createElementVNode("span", _hoisted_3$l, [
+        _ctx.$slots.default || _ctx.text ? (openBlock(), createElementBlock("div", _hoisted_2$q, [
+          createElementVNode("span", _hoisted_3$k, [
             _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               createTextVNode(toDisplayString(_ctx.text), 1)
             ], 64))
           ])
         ])) : createCommentVNode("", true)
-      ], 14, _hoisted_1$H);
+      ], 14, _hoisted_1$I);
     };
   }
 });
-const LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-f85f8299"]]);
+const LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-45a88edc"]]);
 const tagProps = {
   text: {
     type: String,
@@ -4203,9 +4249,10 @@ const tagProps = {
     description: "是否禁用标签"
   }
 };
-const _hoisted_1$G = { class: "lew-tag-left" };
-const _hoisted_2$q = { class: "lew-tag-value" };
-const _hoisted_3$k = { class: "lew-tag-right" };
+const _hoisted_1$H = {
+  key: 1,
+  class: "lew-tag-right"
+};
 const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   __name: "LewTag",
   props: tagProps,
@@ -4213,64 +4260,93 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
   setup(__props2, { emit: __emit2 }) {
     const props2 = __props2;
     const emit2 = __emit2;
+    const SIZE_CONFIG = {
+      small: {
+        height: "20px",
+        minWidth: "20px",
+        fontSize: "11px",
+        borderRadius: "5px",
+        padding: "0px 2px",
+        closeIconSize: 12,
+        closeMargin: "-2px 4px -2px -2px",
+        contentPadding: "0px 3px",
+        leftMargin: "4px"
+      },
+      medium: {
+        height: "24px",
+        minWidth: "24px",
+        fontSize: "13px",
+        borderRadius: "6px",
+        padding: "0px 2px",
+        closeIconSize: 14,
+        closeMargin: "-3px 2px -3px -3px",
+        contentPadding: "0px 4px",
+        leftMargin: "4px"
+      },
+      large: {
+        height: "28px",
+        minWidth: "28px",
+        fontSize: "15px",
+        borderRadius: "8px",
+        padding: "0px 6px",
+        closeIconSize: 16,
+        closeMargin: "-4px 0 -4px -4px",
+        contentPadding: "0px 5px",
+        leftMargin: "4px"
+      }
+    };
+    const TYPE_STYLES = {
+      fill: (color) => ({
+        backgroundColor: `var(--lew-color-${color})`,
+        color: "var(--lew-color-white)"
+      }),
+      light: (color) => ({
+        backgroundColor: `var(--lew-color-${color}-light)`,
+        color: `var(--lew-color-${color}-dark)`
+      }),
+      ghost: (color) => ({
+        backgroundColor: "transparent",
+        border: `1px solid var(--lew-color-${color}-dark)`,
+        color: `var(--lew-color-${color}-dark)`,
+        boxShadow: "none"
+      }),
+      default: (color) => ({
+        backgroundColor: `var(--lew-color-${color})`,
+        color: "var(--lew-color-white)"
+      })
+    };
     const close = () => {
-      if (props2.disabled) {
-        return;
-      }
+      if (props2.disabled) return;
       emit2("close");
     };
-    const getSize = computed(() => {
-      switch (props2.size) {
-        case "small":
-          return 12;
-        case "medium":
-          return 14;
-        case "large":
-          return 16;
-        default:
-          return 14;
-      }
-    });
-    const tagClassName = computed(() => {
-      const { size, disabled, color, type } = props2;
-      return object2class("lew-tag", { size, color, disabled, type });
-    });
-    const getStyle = computed(() => {
-      const { round: round2, type, color } = props2;
-      const styleObj = {};
+    const tagStyle = computed(() => {
+      const { round: round2, type, color, size, disabled } = props2;
       const _color = getColorType(color) || "primary";
-      switch (type) {
-        case "fill":
-          styleObj.backgroundColor = `var(--lew-color-${_color})`;
-          styleObj.color = "var(--lew-color-white)";
-          break;
-        case "light":
-          styleObj.backgroundColor = `var(--lew-color-${_color}-light)`;
-          styleObj.color = `var(--lew-color-${_color}-dark)`;
-          break;
-        case "ghost":
-          styleObj.backgroundColor = "transparent";
-          styleObj.border = `1px solid var(--lew-color-${_color}-dark)`;
-          styleObj.color = `var(--lew-color-${_color}-dark)`;
-          styleObj.boxShadow = "none";
-          break;
-        default:
-          styleObj.color = "var(--lew-color-white)";
-          styleObj.backgroundColor = `var(--lew-color-${_color})`;
-          break;
-      }
-      styleObj.borderRadius = round2 ? "20px" : "none";
-      return styleObj;
+      const sizeConfig = SIZE_CONFIG[size] || SIZE_CONFIG.medium;
+      return {
+        ...(TYPE_STYLES[type] || TYPE_STYLES.default)(_color),
+        ...sizeConfig,
+        borderRadius: round2 ? "20px" : sizeConfig.borderRadius,
+        opacity: disabled ? "var(--lew-disabled-opacity)" : void 0,
+        pointerEvents: disabled ? "none" : "auto"
+      };
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["lew-tag", unref(tagClassName)]),
-        style: normalizeStyle(unref(getStyle))
+        class: "lew-tag",
+        style: normalizeStyle(unref(tagStyle))
       }, [
-        createElementVNode("div", _hoisted_1$G, [
+        _ctx.$slots.left ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "lew-tag-left",
+          style: normalizeStyle({ marginLeft: unref(tagStyle).leftMargin })
+        }, [
           renderSlot(_ctx.$slots, "left")
-        ]),
-        createElementVNode("div", _hoisted_2$q, [
+        ], 4)) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: "lew-tag-value",
+          style: normalizeStyle({ padding: unref(tagStyle).contentPadding })
+        }, [
           _ctx.text ? (openBlock(), createBlock(unref(LewTextTrim), {
             key: 0,
             text: _ctx.text
@@ -4280,21 +4356,22 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }))
-        ]),
-        createElementVNode("div", _hoisted_3$k, [
+        ], 4),
+        _ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_1$H, [
           renderSlot(_ctx.$slots, "right")
-        ]),
+        ])) : createCommentVNode("", true),
         _ctx.closable ? (openBlock(), createElementBlock("div", {
-          key: 0,
+          key: 2,
           class: "lew-tag-close",
+          style: normalizeStyle({ margin: unref(tagStyle).closeMargin }),
           onClick: withModifiers(close, ["stop"])
         }, [
           createVNode(Icon, {
-            size: unref(getSize),
+            size: unref(tagStyle).closeIconSize,
             type: "close"
           }, null, 8, ["size"])
-        ])) : createCommentVNode("", true)
-      ], 6);
+        ], 4)) : createCommentVNode("", true)
+      ], 4);
     };
   }
 });
@@ -4326,7 +4403,7 @@ const badgeProps = {
     }
   }
 };
-const _hoisted_1$F = { class: "lew-badge" };
+const _hoisted_1$G = { class: "lew-badge" };
 const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "LewBadge",
   props: badgeProps,
@@ -4340,7 +4417,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
       return styleObj;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$F, [
+      return openBlock(), createElementBlock("div", _hoisted_1$G, [
         _ctx.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "lew-badge-value",
@@ -7138,7 +7215,7 @@ const textTrimProps = {
   },
   delay: {
     type: Array,
-    default: () => [250, 250],
+    default: [120, 120],
     description: "显示和隐藏提示框的延迟时间 [显示延迟, 隐藏延迟]（单位：毫秒）",
     validator(value) {
       if (!Array.isArray(value) || value.length !== 2 || !value.every((item) => typeof item === "number" && item >= 0)) {
@@ -7726,14 +7803,14 @@ const stepsProps = {
     }
   }
 };
-const _hoisted_1$E = { class: "lew-steps lew-scrollbar" };
+const _hoisted_1$F = { class: "lew-steps lew-scrollbar" };
 const _hoisted_2$p = { class: "lew-steps-item-index" };
 const _hoisted_3$j = {
   key: 4,
   class: "index"
 };
 const _hoisted_4$e = { class: "lew-steps-item-info" };
-const _hoisted_5$9 = { class: "lew-steps-item-title" };
+const _hoisted_5$8 = { class: "lew-steps-item-title" };
 const _hoisted_6$6 = { class: "lew-steps-item-description" };
 const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "LewSteps",
@@ -7745,7 +7822,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
   setup(__props2) {
     const stepsValue = useModel(__props2, "modelValue");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$E, [
+      return openBlock(), createElementBlock("div", _hoisted_1$F, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index2) => {
           return openBlock(), createElementBlock("div", {
             key: index2,
@@ -7783,7 +7860,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
               })) : (openBlock(), createElementBlock("span", _hoisted_3$j, toDisplayString(index2 + 1), 1))
             ]),
             createElementVNode("div", _hoisted_4$e, [
-              createElementVNode("div", _hoisted_5$9, [
+              createElementVNode("div", _hoisted_5$8, [
                 createVNode(unref(LewTextTrim), {
                   placement: "bottom",
                   text: item.title
@@ -7833,7 +7910,7 @@ const menuProps = {
     }
   }
 };
-const _hoisted_1$D = { class: "lew-menu" };
+const _hoisted_1$E = { class: "lew-menu" };
 const _hoisted_2$o = { class: "lew-menu-item" };
 const _hoisted_3$i = ["onClick"];
 const _sfc_main$R = /* @__PURE__ */ defineComponent({
@@ -7851,7 +7928,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       emit2("change", item);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$D, [
+      return openBlock(), createElementBlock("div", _hoisted_1$E, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item) => {
           return openBlock(), createElementBlock(Fragment, {
             key: item.label
@@ -7910,7 +7987,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewMenu = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-bc3db567"]]);
+const LewMenu = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-93729b05"]]);
 const menuTreeModel = {
   modelValue: {
     type: String,
@@ -8001,7 +8078,7 @@ const menuTreeItemProps = {
     description: "是否为叶子节点。"
   }
 };
-const _hoisted_1$C = { class: "lew-menu-tree-item" };
+const _hoisted_1$D = { class: "lew-menu-tree-item" };
 const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "LewMenuTreeItem",
   props: menuTreeItemProps,
@@ -8032,7 +8109,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a;
       const _component_lew_text_trim = resolveComponent("lew-text-trim");
-      return openBlock(), createElementBlock("div", _hoisted_1$C, [
+      return openBlock(), createElementBlock("div", _hoisted_1$D, [
         createVNode(unref(LewFlex), {
           x: "start",
           y: "center",
@@ -8046,7 +8123,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
             "lew-menu-tree-item-label-collapsed": unref(collapsed)
           }]),
           style: normalizeStyle({
-            paddingLeft: unref(collapsed) ? "0px" : _ctx.renderIcon() ? "40px" : "15px"
+            paddingLeft: unref(collapsed) ? "0px" : _ctx.renderIcon() ? "36px" : "15px"
           }),
           onClick: withModifiers(change2, ["stop"])
         }, {
@@ -8095,7 +8172,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewMenuTreeItem = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-38b95285"]]);
+const LewMenuTreeItem = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-b1217566"]]);
 const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "LewMenuTree",
   props: /* @__PURE__ */ mergeModels(menuTreeProps, {
@@ -8135,7 +8212,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
       modelValueKeyPath: getModelValueKeyPath
     });
     const menuTreeStyle = computed(() => ({
-      width: collapsed.value ? any2px(48) : any2px(props2.width)
+      width: collapsed.value ? any2px(44) : any2px(props2.width)
     }));
     const hoverMenu = resolveDirective("hover-menu");
     const transformTree = (tree) => {
@@ -8218,7 +8295,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewMenuTree = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-2b8d7b4a"]]);
+const LewMenuTree = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-9c3463ba"]]);
 const dropdownProps = {
   trigger: {
     type: String,
@@ -8367,7 +8444,7 @@ const breadcrumbProps = {
     }
   }
 };
-const _hoisted_1$B = { class: "lew-breadcrumb" };
+const _hoisted_1$C = { class: "lew-breadcrumb" };
 const _hoisted_2$n = ["onClick"];
 const _hoisted_3$h = {
   key: 0,
@@ -8383,7 +8460,7 @@ const _hoisted_4$d = {
   "stroke-linecap": "butt",
   "stroke-linejoin": "miter"
 };
-const _hoisted_5$8 = {
+const _hoisted_5$7 = {
   key: 1,
   viewBox: "0 0 48 48",
   fill: "none",
@@ -8400,7 +8477,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
   setup(__props2, { emit: __emit2 }) {
     const emit2 = __emit2;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$B, [
+      return openBlock(), createElementBlock("div", _hoisted_1$C, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index2) => {
           return openBlock(), createElementBlock("div", {
             key: index2,
@@ -8414,7 +8491,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               _ctx.iconType === "sprit" ? (openBlock(), createElementBlock("svg", _hoisted_4$d, _cache[0] || (_cache[0] = [
                 createElementVNode("path", { d: "M29.506 6.502 18.493 41.498" }, null, -1)
               ]))) : createCommentVNode("", true),
-              _ctx.iconType === "shoulder" ? (openBlock(), createElementBlock("svg", _hoisted_5$8, _cache[1] || (_cache[1] = [
+              _ctx.iconType === "shoulder" ? (openBlock(), createElementBlock("svg", _hoisted_5$7, _cache[1] || (_cache[1] = [
                 createElementVNode("path", { d: "m16 39.513 15.556-15.557L16 8.4" }, null, -1)
               ]))) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
@@ -8425,7 +8502,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
   }
 });
 const LewBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-8735f131"]]);
-const _hoisted_1$A = ["width", "height"];
+const _hoisted_1$B = ["width", "height"];
 const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "RequiredIcon",
   props: {
@@ -8451,7 +8528,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           fill: "#DF3F52",
           "p-id": "10883"
         }, null, -1)
-      ]), 8, _hoisted_1$A);
+      ]), 8, _hoisted_1$B);
     };
   }
 });
@@ -11051,7 +11128,7 @@ class ArraySchema extends Schema {
   }
 }
 create$2.prototype = ArraySchema.prototype;
-const _hoisted_1$z = {
+const _hoisted_1$A = {
   key: 0,
   class: "lew-label-box"
 };
@@ -11084,7 +11161,8 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       upload: LewUpload,
       "input-number": LewInputNumber,
       slider: LewSlider,
-      "slider-range": LewSliderRange
+      "slider-range": LewSliderRange,
+      "color-picker": LewColorPicker
     };
     const app = (_a = getCurrentInstance()) == null ? void 0 : _a.appContext.app;
     if (app && !app.directive("tooltip")) {
@@ -11176,23 +11254,31 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       if (!required) return ((_a2 = _rule == null ? void 0 : _rule.spec) == null ? void 0 : _a2.optional) === false;
       return required;
     });
+    const getFormItemMainStyle = computed(() => {
+      if (!formItemRef.value) return {};
+      const { direction, labelWidth, between } = props;
+      const { offsetWidth } = formItemRef.value;
+      return {
+        width: direction === "x" ? `calc(${offsetWidth}px - ${any2px(labelWidth)} - 10px)` : "100%",
+        justifyContent: direction === "x" && between ? "flex-end" : "flex-start"
+      };
+    });
     __expose({ validate, setError, curRule });
     return (_ctx, _cache) => {
-      var _a2;
       const _directive_tooltip = resolveDirective("tooltip");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["lew-form-item", unref(getFormItemClassNames)]),
         ref_key: "formItemRef",
         ref: formItemRef,
         style: normalizeStyle({
-          "grid-area": _ctx.gridArea || ""
+          "grid-area": _ctx.gridArea
         })
       }, [
         createElementVNode("div", {
           style: normalizeStyle(_ctx.direction === "x" ? `width:${unref(any2px)(_ctx.labelWidth)}` : ""),
           class: "lew-label-box-wrapper"
         }, [
-          _ctx.as ? (openBlock(), createElementBlock("div", _hoisted_1$z, [
+          _ctx.as ? (openBlock(), createElementBlock("div", _hoisted_1$A, [
             unref(curRequired) && _ctx.label ? (openBlock(), createBlock(_sfc_main$M, {
               key: 0,
               size: unref(requiredIconSizeMap)[_ctx.size]
@@ -11213,10 +11299,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
         ], 4),
         createElementVNode("div", {
           class: normalizeClass(["lew-form-item-main", { "lew-form-item-error": unref(errMsg) }]),
-          style: normalizeStyle({
-            width: _ctx.direction === "x" ? `calc(${(_a2 = unref(formItemRef)) == null ? void 0 : _a2.offsetWidth}px - ${unref(any2px)(_ctx.labelWidth)} - 10px)` : "100%",
-            justifyContent: _ctx.direction === "x" && _ctx.between ? "flex-end" : "flex-start"
-          })
+          style: normalizeStyle(unref(getFormItemMainStyle))
         }, [
           (openBlock(), createBlock(resolveDynamicComponent(asMap[_ctx.as]), mergeProps({
             modelValue: modelValue.value,
@@ -11238,7 +11321,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-537df64c"]]);
+const LewFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-b9bef2d5"]]);
 const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "LewForm",
   props: formProps,
@@ -11544,7 +11627,7 @@ const inputProps = {
     description: "是否允许通过回车键确认输入"
   }
 };
-const _hoisted_1$y = {
+const _hoisted_1$z = {
   key: 0,
   class: "lew-input-prefixes"
 };
@@ -11557,7 +11640,7 @@ const _hoisted_4$c = {
   key: 2,
   class: "lew-input-prefixes-select"
 };
-const _hoisted_5$7 = ["disabled", "placeholder", "type", "readonly", "maxlength"];
+const _hoisted_5$6 = ["disabled", "placeholder", "type", "readonly", "maxlength"];
 const _hoisted_6$5 = {
   key: 0,
   class: "lew-input-auto-width"
@@ -11725,7 +11808,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["lew-input-view", unref(getInputClassNames)])
       }, [
-        _ctx.prefixes ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$y, [
+        _ctx.prefixes ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$z, [
           _ctx.prefixes === "text" ? (openBlock(), createElementBlock("div", _hoisted_2$m, toDisplayString(prefixesValue.value), 1)) : createCommentVNode("", true),
           _ctx.prefixes === "icon" ? (openBlock(), createElementBlock("div", _hoisted_3$g, [
             createVNode(Icon, {
@@ -11804,7 +11887,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             onChange: _cache[4] || (_cache[4] = ($event) => emit2("change", modelValue2.value)),
             onBlur: blur,
             onFocus: focus
-          }, null, 44, _hoisted_5$7), [
+          }, null, 44, _hoisted_5$6), [
             [vModelDynamic, modelValue2.value]
           ]),
           _ctx.autoWidth ? (openBlock(), createElementBlock("label", _hoisted_6$5, toDisplayString(modelValue2.value), 1)) : createCommentVNode("", true),
@@ -11905,7 +11988,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-db102433"]]);
+const LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-59da6657"]]);
 const inputNumberModel = {
   modelValue: {
     type: Number,
@@ -12014,7 +12097,7 @@ const inputNumberProps = {
     description: "聚焦时是否选中内容"
   }
 };
-const _hoisted_1$x = ["placeholder", "min", "max", "step"];
+const _hoisted_1$y = ["placeholder", "min", "max", "step"];
 const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "LewInputNumber",
   props: /* @__PURE__ */ mergeModels(inputNumberProps, {
@@ -12070,7 +12153,13 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       return {
         textAlign: align,
         padding: `var(--lew-form-input-padding-${size})`,
-        fontSize: `var(--lew-form-font-size-${size})`,
+        fontSize: `var(--lew-form-font-size-${size})`
+      };
+    });
+    const getInputNumberViewStyle = computed(() => {
+      const { width, size } = props2;
+      return {
+        width: any2px(width),
         height: `var(--lew-form-item-height-${size})`,
         lineHeight: `var(--lew-form-input-line-height-${size})`
       };
@@ -12135,7 +12224,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
         onMouseenter: checkValidationMessage,
         onMouseleave: _cache[4] || (_cache[4] = ($event) => validationMessage.value = ""),
         class: normalizeClass(["lew-input-number-view", unref(getInputClassNames)]),
-        style: normalizeStyle({ width: unref(any2px)(_ctx.width) })
+        style: normalizeStyle(unref(getInputNumberViewStyle))
       }, [
         withDirectives(createElementVNode("input", {
           title: "",
@@ -12153,7 +12242,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
           onChange: changeFn,
           onBlur: blur,
           onFocus: focus
-        }, null, 44, _hoisted_1$x), [
+        }, null, 44, _hoisted_1$y), [
           [_directive_tooltip, {
             content: unref(validationMessage),
             triggerFrom: "input-number"
@@ -12193,7 +12282,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-04707614"]]);
+const LewInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-ff264ee4"]]);
 const textareaModel = {
   modelValue: {
     type: String,
@@ -12307,7 +12396,7 @@ const textareaProps = {
     description: "是否启用回车键确认（启用后，Shift+Enter可换行）"
   }
 };
-const _hoisted_1$w = ["placeholder", "maxlength", "disabled", "readonly"];
+const _hoisted_1$x = ["placeholder", "maxlength", "disabled", "readonly"];
 const _hoisted_2$l = {
   key: 0,
   class: "lew-textarea-count"
@@ -12458,7 +12547,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           onBlur: blur,
           onInput: _cache[1] || (_cache[1] = ($event) => emit2("input", modelValue2.value)),
           onChange: _cache[2] || (_cache[2] = ($event) => emit2("change", modelValue2.value))
-        }, null, 40, _hoisted_1$w), [
+        }, null, 40, _hoisted_1$x), [
           [vModelText, modelValue2.value]
         ]),
         modelValue2.value && _ctx.showCount ? (openBlock(), createElementBlock("div", _hoisted_2$l, toDisplayString(modelValue2.value.length) + toDisplayString(_ctx.maxLength ? " / " + _ctx.maxLength : ""), 1)) : createCommentVNode("", true),
@@ -12483,7 +12572,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-5572021e"]]);
+const LewTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-4b92a5fb"]]);
 const inputTagModel = {
   modelValue: {
     type: Array,
@@ -12621,7 +12710,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
         onClick: openInput
       }, [
         createElementVNode("div", {
-          style: normalizeStyle({ padding: (modelValue2.value || []).length > 0 ? "5px" : "" }),
+          style: normalizeStyle({ padding: (modelValue2.value || []).length > 0 ? "4px" : "" }),
           class: "lew-input-tag-box"
         }, [
           createVNode(TransitionGroup, { name: "tag-list" }, {
@@ -12678,7 +12767,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-857ca446"]]);
+const LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__scopeId", "data-v-a8a450e2"]]);
 const checkboxModel = {
   modelValue: {
     type: Boolean,
@@ -12818,7 +12907,7 @@ const checkboxGroupProps = {
     description: "是否显示复选框的图标（仅在块状模式下生效）"
   }
 };
-const _hoisted_1$v = {
+const _hoisted_1$w = {
   key: 0,
   class: "lew-checkbox-icon-box"
 };
@@ -12878,7 +12967,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["lew-checkbox", unref(getCheckboxClassName)])
       }, [
-        _ctx.iconable || !_ctx.iconable && !_ctx.block ? (openBlock(), createElementBlock("div", _hoisted_1$v, [
+        _ctx.iconable || !_ctx.iconable && !_ctx.block ? (openBlock(), createElementBlock("div", _hoisted_1$w, [
           withDirectives(createElementVNode("i", _hoisted_2$k, null, 512), [
             [vShow, _ctx.certain]
           ]),
@@ -13109,7 +13198,7 @@ const radioGroupProps = {
     }
   }
 };
-const _hoisted_1$u = {
+const _hoisted_1$v = {
   key: 0,
   class: "lew-icon-radio-box"
 };
@@ -13158,7 +13247,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("label", {
         class: normalizeClass(["lew-radio", unref(getRadioClassName)])
       }, [
-        _ctx.iconable || !_ctx.iconable && !_ctx.block ? (openBlock(), createElementBlock("div", _hoisted_1$u, [
+        _ctx.iconable || !_ctx.iconable && !_ctx.block ? (openBlock(), createElementBlock("div", _hoisted_1$v, [
           createVNode(Icon, {
             "stroke-width": 4,
             class: "lew-icon-radio",
@@ -13334,7 +13423,7 @@ const tabsProps = {
     description: "是否将所有标签页设置为只读状态"
   }
 };
-const _hoisted_1$t = ["onClick"];
+const _hoisted_1$u = ["onClick"];
 const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "LewTabs",
   props: /* @__PURE__ */ mergeModels(tabsProps, {
@@ -13504,14 +13593,14 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["lew-tabs-item", { "lew-tabs-item-active": tabsValue.value === item.value }]),
               style: normalizeStyle(unref(getItemStyle)),
               onClick: ($event) => selectItem(item.value)
-            }, toDisplayString(item.label), 15, _hoisted_1$t);
+            }, toDisplayString(item.label), 15, _hoisted_1$u);
           }), 128))
         ], 38)
       ], 6);
     };
   }
 });
-const LewTabs = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-a47e87d8"]]);
+const LewTabs = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-b86d4bc4"]]);
 function tryOnScopeDispose(fn2) {
   if (getCurrentScope()) {
     onScopeDispose(fn2);
@@ -14104,7 +14193,7 @@ const selectProps = {
     description: "是否在选中项旁显示勾选图标"
   }
 };
-const _hoisted_1$s = ["readonly", "placeholder"];
+const _hoisted_1$t = ["readonly", "placeholder"];
 const _hoisted_2$i = { class: "lew-select-options-box" };
 const _hoisted_3$d = {
   key: 1,
@@ -14217,24 +14306,22 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
     findKeyword();
     const getSelectClassName = computed(() => {
-      let { clearable, size } = props2;
+      let { clearable, size, disabled, readonly: readonly2, searchable } = props2;
       clearable = clearable ? !!selectValue.value : false;
-      return object2class("lew-select", { clearable, size });
+      const focus = state.visible;
+      return object2class("lew-select", {
+        clearable,
+        size,
+        disabled,
+        readonly: readonly2,
+        searchable,
+        focus
+      });
     });
     const getBodyClassName = computed(() => {
       const { size, disabled } = props2;
       return object2class("lew-select-body", { size, disabled });
     });
-    const getSelectViewClassName = computed(() => {
-      const { disabled, readonly: readonly2, searchable } = props2;
-      const focus = state.visible;
-      return object2class("lew-select-view", {
-        focus,
-        searchable,
-        disabled,
-        readonly: readonly2
-      });
-    });
     const getSelectItemClassName = (e) => {
       const { disabled } = e;
       const active = getChecked.value(e.value);
@@ -14288,7 +14375,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         ref_key: "lewPopoverRef",
         ref: lewPopoverRef,
         popoverBodyClassName: "lew-select-popover-body",
-        class: normalizeClass(["lew-select-view", unref(getSelectViewClassName)]),
+        class: "lew-select-view",
         trigger: _ctx.trigger,
         disabled: _ctx.disabled,
         placement: "bottom-start",
@@ -14333,7 +14420,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
               placeholder: unref(state).keywordBackup || _ctx.placeholder,
               onInput: _cache[1] || (_cache[1] = //@ts-ignore
               (...args) => unref(searchDebounce) && unref(searchDebounce)(...args))
-            }, null, 44, _hoisted_1$s), [
+            }, null, 44, _hoisted_1$t), [
               [vModelText, unref(state).keyword]
             ])
           ], 2)
@@ -14403,11 +14490,11 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
           ], 6)
         ]),
         _: 3
-      }, 8, ["class", "trigger", "disabled", "loading"]);
+      }, 8, ["trigger", "disabled", "loading"]);
     };
   }
 });
-const LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-625adb7b"]]);
+const LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-1944f494"]]);
 const selectMultipleModel = {
   modelValue: {
     type: Array,
@@ -14522,17 +14609,16 @@ const selectMultipleProps = {
     description: "选择框默认值"
   }
 };
-const _hoisted_1$r = { class: "lew-select-multiple-text-value" };
-const _hoisted_2$h = {
+const _hoisted_1$s = {
   key: 0,
   class: "lew-search-input"
 };
-const _hoisted_3$c = { class: "lew-select-options-box" };
-const _hoisted_4$9 = {
+const _hoisted_2$h = { class: "lew-select-options-box" };
+const _hoisted_3$c = {
   key: 1,
   class: "lew-result-count"
 };
-const _hoisted_5$6 = ["onClick"];
+const _hoisted_4$9 = ["onClick"];
 const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "LewSelectMultiple",
   props: /* @__PURE__ */ mergeModels(selectMultipleProps, {
@@ -14658,19 +14744,21 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       }
       return (props2 == null ? void 0 : props2.defaultValue) || selectValue.value || [];
     });
-    const getSelectClassName = computed(() => {
-      let { clearable, size } = props2;
-      clearable = clearable ? !!selectValue.value : false;
-      return object2class("lew-select", { clearable, size });
-    });
     const getBodyClassName = computed(() => {
       const { size, disabled } = props2;
       return object2class("lew-select-body", { size, disabled });
     });
-    const getSelectViewClassName = computed(() => {
-      const { disabled, readonly: readonly2 } = props2;
+    const getSelectClassName = computed(() => {
+      let { clearable, size, disabled, readonly: readonly2 } = props2;
+      clearable = clearable ? !!selectValue.value : false;
       const focus = state.visible;
-      return object2class("lew-select-view", { focus, disabled, readonly: readonly2 });
+      return object2class("lew-select", {
+        clearable,
+        size,
+        disabled,
+        readonly: readonly2,
+        focus
+      });
     });
     const getSelectItemClassName = (e) => {
       const { disabled } = e;
@@ -14713,7 +14801,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
         ref_key: "lewPopoverRef",
         ref: lewPopoverRef,
         popoverBodyClassName: "lew-select-multiple-popover-body",
-        class: normalizeClass(["lew-select-view", unref(getSelectViewClassName)]),
+        class: "lew-select-view",
         trigger: _ctx.trigger,
         disabled: _ctx.disabled,
         placement: "bottom-start",
@@ -14753,10 +14841,10 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             unref(getLabels) && unref(getLabels).length > 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
               _ctx.valueLayout === "tag" ? (openBlock(), createBlock(unref(LewFlex), {
                 key: 0,
-                style: { "padding": "5px" },
+                style: { padding: "4px" },
                 x: "start",
                 y: "center",
-                gap: 5,
+                gap: 4,
                 wrap: "",
                 class: "lew-value"
               }, {
@@ -14793,7 +14881,12 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                 style: { "width": "100%" }
               }, {
                 trigger: withCtx(() => [
-                  createElementVNode("div", _hoisted_1$r, toDisplayString(unref(getLabels).join(_ctx.valueTextSplit)), 1)
+                  createElementVNode("div", {
+                    style: normalizeStyle({
+                      opacity: unref(state).visible ? 0.6 : 1
+                    }),
+                    class: "lew-select-multiple-text-value"
+                  }, toDisplayString(unref(getLabels).join(_ctx.valueTextSplit)), 5)
                 ]),
                 "popover-body": withCtx(() => [
                   createVNode(unref(LewFlex), {
@@ -14801,7 +14894,9 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                     y: "center",
                     gap: 5,
                     wrap: "",
-                    style: normalizeStyle(`max-width:${unref(state).selectWidth + 12}px`),
+                    style: normalizeStyle({
+                      maxWidth: `${unref(state).selectWidth + 12}px`
+                    }),
                     class: "lew-select-multiple-tag-value"
                   }, {
                     default: withCtx(() => [
@@ -14826,7 +14921,12 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 512))
             ], 64)) : createCommentVNode("", true),
-            withDirectives(createElementVNode("div", { class: "lew-placeholder" }, toDisplayString(_ctx.placeholder), 513), [
+            withDirectives(createElementVNode("div", {
+              style: normalizeStyle({
+                opacity: unref(state).visible ? 0.6 : 1
+              }),
+              class: "lew-placeholder"
+            }, toDisplayString(_ctx.placeholder), 5), [
               [vShow, unref(getLabels) && unref(getLabels).length === 0]
             ])
           ], 2)
@@ -14837,7 +14937,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(`width:${unref(state).selectWidth}px`)
           }, [
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
-            _ctx.searchable ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
+            _ctx.searchable ? (openBlock(), createElementBlock("div", _hoisted_1$s, [
               withDirectives(createElementVNode("input", {
                 ref_key: "searchInputRef",
                 ref: searchInputRef,
@@ -14849,7 +14949,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                 [vModelText, unref(state).keyword]
               ])
             ])) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_3$c, [
+            createElementVNode("div", _hoisted_2$h, [
               unref(state).options && unref(state).options.length === 0 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                 _ctx.$slots.empty ? renderSlot(_ctx.$slots, "empty", { key: 0 }, void 0, true) : (openBlock(), createBlock(unref(LewFlex), {
                   key: 1,
@@ -14862,7 +14962,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                   _: 1
                 }))
               ], 64)) : createCommentVNode("", true),
-              _ctx.searchable && unref(state).options && unref(state).options.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4$9, " 共 " + toDisplayString(unref(numFormat)(unref(state).options && unref(state).options.length)) + " 条结果 ", 1)) : createCommentVNode("", true),
+              _ctx.searchable && unref(state).options && unref(state).options.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_3$c, " 共 " + toDisplayString(unref(numFormat)(unref(state).options && unref(state).options.length)) + " 条结果 ", 1)) : createCommentVNode("", true),
               unref(state).options.length > 0 ? (openBlock(), createBlock(unref(UseVirtualList), {
                 key: unref(getVirtualHeight),
                 class: "lew-select-options-list lew-scrollbar",
@@ -14899,7 +14999,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                         class: "lew-select-label"
                       }, null, 8, ["text"])
                     ], 2))
-                  ], 12, _hoisted_5$6)
+                  ], 12, _hoisted_4$9)
                 ]),
                 _: 3
               }, 8, ["list", "options", "height"])) : createCommentVNode("", true)
@@ -14908,11 +15008,11 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           ], 6)
         ]),
         _: 3
-      }, 8, ["class", "trigger", "disabled", "loading"]);
+      }, 8, ["trigger", "disabled", "loading"]);
     };
   }
 });
-const LewSelectMultiple = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-6f5cd5d9"]]);
+const LewSelectMultiple = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-7a311724"]]);
 const getHeadDate = ["一", "二", "三", "四", "五", "六", "日"];
 const getMonthDate = (year, month) => {
   const ret = [];
@@ -15300,7 +15400,7 @@ var dayjs_min = { exports: {} };
 })(dayjs_min);
 var dayjs_minExports = dayjs_min.exports;
 const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
-const _hoisted_1$q = { class: "lew-date" };
+const _hoisted_1$r = { class: "lew-date" };
 const _hoisted_2$g = { class: "lew-date-control-left" };
 const _hoisted_3$b = { class: "cur-date" };
 const _hoisted_4$8 = { style: { "width": "22px", "text-align": "center" } };
@@ -15388,7 +15488,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       return object2class("lew-date-item", { e, selected });
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$q, [
+      return openBlock(), createElementBlock("div", _hoisted_1$r, [
         createVNode(unref(LewFlex), {
           x: "start",
           mode: "between",
@@ -15482,7 +15582,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 const LewDate = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-5964f565"]]);
-const _hoisted_1$p = { class: "lew-date-picker-input" };
+const _hoisted_1$q = { class: "lew-date-picker-view" };
 const _hoisted_2$f = ["onClick"];
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "LewDatePicker",
@@ -15530,11 +15630,20 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       };
       return size[props2.size];
     });
-    const lewDateClassNames = computed(() => {
+    const lewDatePickerClassNames = computed(() => {
       const focus = visible.value;
       const { size, readonly: readonly2, disabled } = props2;
       return object2class("lew-date-picker", { focus, size, readonly: readonly2, disabled });
     });
+    const getDatePickerInputStyle = computed(() => {
+      const { size } = props2;
+      return {
+        height: `var(--lew-form-item-height-${size})`,
+        lineHeight: `var(--lew-form-input-line-height-${size})`,
+        padding: `var(--lew-form-input-padding-${size})`,
+        fontSize: `var(--lew-form-font-size-${size})`
+      };
+    });
     const clearHandle = () => {
       modelValue2.value = void 0;
       change2(modelValue2.value);
@@ -15562,16 +15671,28 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         onHide: hideHandle
       }, {
         trigger: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass(["lew-date-picker-view", unref(lewDateClassNames)])
-          }, [
-            createElementVNode("div", _hoisted_1$p, [
-              withDirectives(createElementVNode("div", { class: "lew-date-picker-placeholder" }, toDisplayString(_ctx.placeholder), 513), [
-                [vShow, !modelValue2.value]
-              ]),
-              withDirectives(createElementVNode("div", { class: "lew-date-picker-dateValue" }, toDisplayString(modelValue2.value), 513), [
-                [vShow, modelValue2.value]
-              ]),
+          createElementVNode("div", _hoisted_1$q, [
+            createElementVNode("div", {
+              class: normalizeClass(["lew-date-picker", unref(lewDatePickerClassNames)]),
+              style: normalizeStyle(unref(getDatePickerInputStyle))
+            }, [
+              createVNode(_component_lew_flex, {
+                x: "start",
+                y: "center",
+                style: normalizeStyle({
+                  opacity: unref(visible) ? 0.6 : 1
+                })
+              }, {
+                default: withCtx(() => [
+                  withDirectives(createElementVNode("div", { class: "lew-date-picker-placeholder" }, toDisplayString(_ctx.placeholder), 513), [
+                    [vShow, !modelValue2.value]
+                  ]),
+                  withDirectives(createElementVNode("div", { class: "lew-date-picker-dateValue" }, toDisplayString(modelValue2.value), 513), [
+                    [vShow, modelValue2.value]
+                  ])
+                ]),
+                _: 1
+              }, 8, ["style"]),
               createVNode(Icon, {
                 class: normalizeClass(["lew-date-picker-icon-calendar", {
                   "lew-date-picker-icon-calendar-hide": modelValue2.value && _ctx.clearable
@@ -15593,8 +15714,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })
-            ])
-          ], 2)
+            ], 6)
+          ])
         ]),
         "popover-body": withCtx(() => [
           createVNode(_component_lew_flex, { gap: "0" }, {
@@ -15647,7 +15768,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-60a10e34"]]);
+const LewDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-b8f08a4e"]]);
 const dateRangePickerModel = {
   modelValue: {
     type: Object,
@@ -15756,7 +15877,7 @@ const dateRangeProps = {
     description: "日期格式化字符串"
   }
 };
-const _hoisted_1$o = { class: "lew-date-range" };
+const _hoisted_1$p = { class: "lew-date-range" };
 const _hoisted_2$e = { class: "lew-date" };
 const _hoisted_3$a = { class: "lew-date-control-left" };
 const _hoisted_4$7 = { class: "cur-date" };
@@ -16033,7 +16154,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     init();
     __expose2({ init });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$o, [
+      return openBlock(), createElementBlock("div", _hoisted_1$p, [
         createElementVNode("div", _hoisted_2$e, [
           createVNode(unref(LewFlex), {
             x: "start",
@@ -16229,7 +16350,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 const LewDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-ac11df30"]]);
-const _hoisted_1$n = { class: "lew-date-range-picker-input" };
+const _hoisted_1$o = { class: "lew-date-range-picker-view" };
 const _hoisted_2$d = {
   key: 0,
   class: "lew-date-range-picker-placeholder"
@@ -16308,11 +16429,21 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         disabled
       });
     });
+    const getDateRangePickerInputStyle = computed(() => {
+      const { size } = props2;
+      return {
+        height: `var(--lew-form-item-height-${size})`,
+        lineHeight: `var(--lew-form-input-line-height-${size})`,
+        padding: `var(--lew-form-input-padding-${size})`,
+        fontSize: `var(--lew-form-font-size-${size})`
+      };
+    });
     const checkClear = computed(() => {
       return (modelValue2.value && modelValue2.value[startKey] || modelValue2.value && modelValue2.value[endKey]) && props2.clearable;
     });
     __expose2({ show, hide: hide2 });
     return (_ctx, _cache) => {
+      const _component_lew_flex = resolveComponent("lew-flex");
       return openBlock(), createBlock(unref(_sfc_main$5), {
         ref_key: "lewPopoverRef",
         ref: lewPopoverRef,
@@ -16324,25 +16455,37 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         onHide: hideHandle
       }, {
         trigger: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass(["lew-date-range-picker-view", unref(lewDateRangeClassNames)])
-          }, [
-            createElementVNode("div", _hoisted_1$n, [
-              !modelValue2.value || !modelValue2.value[unref(startKey)] ? (openBlock(), createElementBlock("div", _hoisted_2$d, toDisplayString(_ctx.placeholderStart), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$9, toDisplayString(modelValue2.value[unref(startKey)]), 1)),
-              createElementVNode("div", _hoisted_4$6, [
-                createVNode(Icon, {
-                  size: 14,
-                  type: "minus"
+          createElementVNode("div", _hoisted_1$o, [
+            createElementVNode("div", {
+              class: normalizeClass(["lew-date-range-picker", unref(lewDateRangeClassNames)]),
+              style: normalizeStyle(unref(getDateRangePickerInputStyle))
+            }, [
+              createVNode(_component_lew_flex, {
+                x: "start",
+                y: "center",
+                style: normalizeStyle({
+                  opacity: unref(visible) ? 0.6 : 1
                 })
-              ]),
-              !modelValue2.value || !modelValue2.value[unref(endKey)] ? (openBlock(), createElementBlock("div", _hoisted_5$3, toDisplayString(_ctx.placeholderEnd), 1)) : (openBlock(), createElementBlock("div", _hoisted_6$2, toDisplayString(modelValue2.value[unref(endKey)]), 1)),
-              createVNode(Icon, {
-                class: normalizeClass(["lew-date-range-picker-icon-calendar", {
-                  "lew-date-range-picker-icon-calendar-hide": unref(checkClear)
-                }]),
-                size: unref(getIconSize),
-                type: "calendar"
-              }, null, 8, ["size", "class"]),
+              }, {
+                default: withCtx(() => [
+                  !modelValue2.value || !modelValue2.value[unref(startKey)] ? (openBlock(), createElementBlock("div", _hoisted_2$d, toDisplayString(_ctx.placeholderStart), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$9, toDisplayString(modelValue2.value[unref(startKey)]), 1)),
+                  createElementVNode("div", _hoisted_4$6, [
+                    createVNode(Icon, {
+                      size: 14,
+                      type: "minus"
+                    })
+                  ]),
+                  !modelValue2.value || !modelValue2.value[unref(endKey)] ? (openBlock(), createElementBlock("div", _hoisted_5$3, toDisplayString(_ctx.placeholderEnd), 1)) : (openBlock(), createElementBlock("div", _hoisted_6$2, toDisplayString(modelValue2.value[unref(endKey)]), 1)),
+                  createVNode(Icon, {
+                    class: normalizeClass(["lew-date-range-picker-icon-calendar", {
+                      "lew-date-range-picker-icon-calendar-hide": unref(checkClear)
+                    }]),
+                    size: unref(getIconSize),
+                    type: "calendar"
+                  }, null, 8, ["size", "class"])
+                ]),
+                _: 1
+              }, 8, ["style"]),
               createVNode(Transition, { name: "lew-form-icon-ani" }, {
                 default: withCtx(() => [
                   _ctx.clearable && unref(checkClear) && !_ctx.readonly ? (openBlock(), createBlock(Icon, {
@@ -16357,8 +16500,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               })
-            ])
-          ], 2)
+            ], 6)
+          ])
         ]),
         "popover-body": withCtx(() => [
           createVNode(unref(LewDateRange), mergeProps({
@@ -16375,7 +16518,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDateRangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-dce40fdb"]]);
+const LewDateRangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-61368d37"]]);
 const cascaderModel = {
   modelValue: {
     type: [String, Number],
@@ -16463,7 +16606,7 @@ const cascaderProps = {
     description: "是否只读"
   }
 };
-const _hoisted_1$m = { key: 1 };
+const _hoisted_1$n = { key: 1 };
 const _hoisted_2$c = {
   class: "lew-cascader-item-padding",
   style: { height: "38px" }
@@ -16686,22 +16829,35 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       emit2("change");
     };
     const getValueStyle = computed(() => {
-      return state.visible ? "opacity:0.4" : "";
+      const { size } = props2;
+      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
+      };
     });
     const getCascaderClassName = computed(() => {
-      let { clearable, size } = props2;
+      let { clearable, disabled, readonly: readonly2 } = props2;
       clearable = clearable ? !!cascaderValue.value : false;
-      return object2class("lew-cascader", { clearable, size });
+      const focus = state.visible;
+      return object2class("lew-cascader", {
+        clearable,
+        disabled,
+        readonly: readonly2,
+        focus
+      });
     });
     const getBodyClassName = computed(() => {
       const { size, disabled } = props2;
       return object2class("lew-cascader-body", { size, disabled });
     });
-    const getCascaderViewClassName = computed(() => {
-      const { disabled, readonly: readonly2 } = props2;
-      const focus = state.visible;
-      return object2class("lew-cascader-view", { focus, disabled, readonly: readonly2 });
-    });
     const getIconSize = computed(() => {
       const size = {
         small: 14,
@@ -16731,6 +16887,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       }
       return _hasChildOptions * 200;
     });
+    const getCascaderStyle = computed(() => {
+      const { size } = props2;
+      return {
+        height: `var(--lew-form-item-height-${size})`
+      };
+    });
     const getLabel = computed(() => {
       const item = findObjectByValue(
         state.optionsTree,
@@ -16752,11 +16914,10 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(_sfc_main$5), {
         ref_key: "lewPopoverRef",
         ref: lewPopoverRef,
-        class: normalizeClass(["lew-cascader-view", unref(getCascaderViewClassName)]),
+        class: "lew-cascader-view",
         trigger: _ctx.trigger,
         disabled: _ctx.disabled,
         placement: "bottom-start",
-        style: { "width": "100%" },
         offset: [-1, 10],
         loading: unref(state).loading,
         onShow: showHandle,
@@ -16766,7 +16927,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             ref_key: "lewCascaderRef",
             ref: lewCascaderRef,
-            class: normalizeClass(["lew-cascader", unref(getCascaderClassName)])
+            class: normalizeClass(["lew-cascader", unref(getCascaderClassName)]),
+            style: normalizeStyle(unref(getCascaderStyle))
           }, [
             createVNode(Transition, { name: "lew-form-icon-ani" }, {
               default: withCtx(() => [
@@ -16794,20 +16956,23 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               _: 1
             }),
             withDirectives(createElementVNode("div", {
-              style: normalizeStyle(unref(getValueStyle)),
-              class: "value"
+              class: "lew-cascader-value",
+              style: normalizeStyle(unref(getValueStyle))
             }, [
               _ctx.showAllLevels ? (openBlock(), createBlock(unref(LewTextTrim), {
                 key: 0,
                 text: unref(getLabel).join(" / ")
-              }, null, 8, ["text"])) : unref(getLabel) ? (openBlock(), createElementBlock("span", _hoisted_1$m, toDisplayString(unref(getLabel)[unref(getLabel).length - 1]), 1)) : createCommentVNode("", true)
+              }, null, 8, ["text"])) : unref(getLabel) ? (openBlock(), createElementBlock("span", _hoisted_1$n, toDisplayString(unref(getLabel)[unref(getLabel).length - 1]), 1)) : createCommentVNode("", true)
             ], 4), [
               [vShow, unref(getLabel) && unref(getLabel).length > 0]
             ]),
-            withDirectives(createElementVNode("div", { class: "placeholder" }, toDisplayString(_ctx.placeholder), 513), [
+            withDirectives(createElementVNode("div", {
+              class: "lew-cascader-placeholder",
+              style: normalizeStyle(unref(getValueStyle))
+            }, toDisplayString(_ctx.placeholder), 5), [
               [vShow, !unref(getLabel) || unref(getLabel) && unref(getLabel).length === 0]
             ])
-          ], 2)
+          ], 6)
         ]),
         "popover-body": withCtx(() => [
           createElementVNode("div", {
@@ -16920,11 +17085,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           ], 6)
         ]),
         _: 3
-      }, 8, ["class", "trigger", "disabled", "loading"]);
+      }, 8, ["trigger", "disabled", "loading"]);
     };
   }
 });
-const LewCascader = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-1aadddb2"]]);
+const LewCascader = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-125f865d"]]);
 const treeSelectModel = {
   modelValue: {
     type: [String, Number],
@@ -17084,7 +17249,7 @@ const treeSelectProps = {
     description: "异步加载子节点数据的方法"
   }
 };
-const _hoisted_1$l = ["readonly", "placeholder"];
+const _hoisted_1$m = ["readonly", "placeholder"];
 const _hoisted_2$b = { class: "lew-select-options-box" };
 const _hoisted_3$7 = {
   key: 0,
@@ -17191,24 +17356,23 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
     findKeyword();
     const getSelectClassName = computed(() => {
-      let { clearable, size, align } = props2;
+      let { clearable, size, align, disabled, readonly: readonly2, searchable } = props2;
       clearable = clearable ? !!treeSelectValue.value : false;
-      return object2class("lew-select", { clearable, size, align });
+      const focus = state.visible;
+      return object2class("lew-select", {
+        clearable,
+        size,
+        align,
+        disabled,
+        readonly: readonly2,
+        searchable,
+        focus
+      });
     });
     const getBodyClassName = computed(() => {
       const { size, disabled } = props2;
       return object2class("lew-select-body", { size, disabled });
     });
-    const getSelectViewClassName = computed(() => {
-      const { disabled, readonly: readonly2, searchable } = props2;
-      const focus = state.visible;
-      return object2class("lew-select-view", {
-        focus,
-        searchable,
-        disabled,
-        readonly: readonly2 || state.initLoading
-      });
-    });
     const getIconSize = computed(() => {
       const size = {
         small: 14,
@@ -17258,7 +17422,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         ref_key: "lewPopoverRef",
         ref: lewPopoverRef,
         popoverBodyClassName: "lew-select-popover-body",
-        class: normalizeClass(["lew-select-view", unref(getSelectViewClassName)]),
+        class: "lew-select-view",
         trigger: _ctx.trigger,
         disabled: _ctx.disabled,
         placement: "bottom-start",
@@ -17310,7 +17474,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               placeholder: unref(state).keywordBackup || props2.placeholder,
               onInput: _cache[1] || (_cache[1] = //@ts-ignore
               (...args) => unref(searchDebounce) && unref(searchDebounce)(...args))
-            }, null, 44, _hoisted_1$l), [
+            }, null, 44, _hoisted_1$m), [
               [vModelText, unref(state).keyword]
             ])
           ], 2)
@@ -17365,12 +17529,12 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           ], 6)
         ]),
         _: 3
-      }, 8, ["class", "trigger", "disabled", "loading"]);
+      }, 8, ["trigger", "disabled", "loading"]);
     };
   }
 });
-const LewTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-6690361b"]]);
-const _hoisted_1$k = { class: "lew-form-modal lew-scrollbar" };
+const LewTreeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-8b411b09"]]);
+const _hoisted_1$l = { class: "lew-form-modal lew-scrollbar" };
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "FormModal",
   props: {
@@ -17441,7 +17605,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         title: `${unref(editIndex) >= 0 ? "编辑" : "新增"}数据`
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$k, [
+          createElementVNode("div", _hoisted_1$l, [
             createVNode(unref(LewForm), {
               siz: __props2.size,
               onMounted: formMounted,
@@ -17985,7 +18149,7 @@ const switchProps = {
     description: "是否显示加载状态"
   }
 };
-const _hoisted_1$j = ["disabled"];
+const _hoisted_1$k = ["disabled"];
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "LewSwitch",
   props: /* @__PURE__ */ mergeModels(switchProps, {
@@ -18034,43 +18198,43 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       switch (size) {
         case "small":
           return {
-            "--lew-switch-width": "36px",
-            "--lew-switch-height": "22px",
-            "--lew-switch-dot-width": "14px",
-            "--lew-switch-dot-height": "14px",
-            "--lew-switch-dot-width-active": "16px",
+            "--lew-switch-width": "42px",
+            "--lew-switch-height": "26px",
+            "--lew-switch-dot-width": "18px",
+            "--lew-switch-dot-height": "18px",
+            "--lew-switch-dot-width-active": "20px",
             "--lew-switch-dot-transform": "translate(4px, 4px)",
-            "--lew-switch-dot-transform-active": "translate(16px, 4px)"
+            "--lew-switch-dot-transform-active": "translate(17px, 4px)"
           };
         case "medium":
           return {
-            "--lew-switch-width": "38px",
-            "--lew-switch-height": "24px",
-            "--lew-switch-dot-width": "16px",
-            "--lew-switch-dot-height": "16px",
-            "--lew-switch-dot-width-active": "18px",
+            "--lew-switch-width": "44px",
+            "--lew-switch-height": "28px",
+            "--lew-switch-dot-width": "20px",
+            "--lew-switch-dot-height": "20px",
+            "--lew-switch-dot-width-active": "22px",
             "--lew-switch-dot-transform": "translate(4px, 4px)",
-            "--lew-switch-dot-transform-active": "translate(16px, 4px)"
+            "--lew-switch-dot-transform-active": "translate(17px, 4px)"
           };
         case "large":
           return {
-            "--lew-switch-width": "40px",
-            "--lew-switch-height": "26px",
-            "--lew-switch-dot-width": "18px",
-            "--lew-switch-dot-height": "18px",
-            "--lew-switch-dot-width-active": "20px",
+            "--lew-switch-width": "46px",
+            "--lew-switch-height": "30px",
+            "--lew-switch-dot-width": "22px",
+            "--lew-switch-dot-height": "22px",
+            "--lew-switch-dot-width-active": "24px",
             "--lew-switch-dot-transform": "translate(4px, 4px)",
-            "--lew-switch-dot-transform-active": "translate(16px, 4px)"
+            "--lew-switch-dot-transform-active": "translate(17px, 4px)"
           };
         default:
           return {
-            "--lew-switch-width": "38px",
-            "--lew-switch-height": "24px",
-            "--lew-switch-dot-width": "16px",
-            "--lew-switch-dot-height": "16px",
-            "--lew-switch-dot-width-active": "20px",
+            "--lew-switch-width": "44px",
+            "--lew-switch-height": "28px",
+            "--lew-switch-dot-width": "20px",
+            "--lew-switch-dot-height": "20px",
+            "--lew-switch-dot-width-active": "24px",
             "--lew-switch-dot-transform": "translate(4px, 4px)",
-            "--lew-switch-dot-transform-active": "translate(14px, 4px)"
+            "--lew-switch-dot-transform-active": "translate(17px, 4px)"
           };
       }
     });
@@ -18084,7 +18248,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue2.value = $event),
           type: "checkbox",
           disabled: _ctx.disabled
-        }, null, 8, _hoisted_1$j), [
+        }, null, 8, _hoisted_1$k), [
           [vShow, false],
           [vModelCheckbox, modelValue2.value]
         ]),
@@ -18093,7 +18257,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-f285acd0"]]);
+const LewSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-f9d855ca"]]);
 const sliderModel = {
   modelValue: {
     type: [Number, void 0],
@@ -18183,7 +18347,7 @@ const sliderProps = {
     description: "格式化 tooltip 内容"
   }
 };
-const _hoisted_1$i = { class: "lew-slider-track-line" };
+const _hoisted_1$j = { class: "lew-slider-track-line" };
 const _hoisted_2$a = ["onClick"];
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "LewSlider",
@@ -18394,7 +18558,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             onClick: _cache[1] || (_cache[1] = withModifiers(() => {
             }, ["stop"]))
           }, null, 4),
-          createElementVNode("div", _hoisted_1$i, [
+          createElementVNode("div", _hoisted_1$j, [
             createElementVNode("div", {
               class: "lew-slider-track-line-range",
               style: normalizeStyle({
@@ -18547,7 +18711,7 @@ const sliderRangeProps = {
     description: "格式化 tooltip 内容"
   }
 };
-const _hoisted_1$h = { class: "lew-slider-track-line" };
+const _hoisted_1$i = { class: "lew-slider-track-line" };
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "LewSliderRange",
   props: /* @__PURE__ */ mergeModels(sliderRangeProps, {
@@ -18767,7 +18931,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             onClick: _cache[1] || (_cache[1] = withModifiers(() => {
             }, ["stop"]))
           }, null, 4),
-          createElementVNode("div", _hoisted_1$h, [
+          createElementVNode("div", _hoisted_1$i, [
             createElementVNode("div", {
               class: "lew-slider-track-line-range",
               style: normalizeStyle({
@@ -18865,6 +19029,11 @@ const colorPickerProps = {
     default: "auto",
     description: "颜色选择器宽度"
   },
+  placeholder: {
+    type: String,
+    default: "请选择",
+    description: "颜色选择器占位文本"
+  },
   disabled: {
     type: Boolean,
     default: false,
@@ -18876,23 +19045,22 @@ const colorPickerProps = {
     description: "是否只读"
   }
 };
+const _hoisted_1$h = ["placeholder"];
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "LewColorPicker",
   props: /* @__PURE__ */ mergeModels(colorPickerProps, {
     "modelValue": {},
     "modelModifiers": {}
   }),
-  emits: ["update:modelValue"],
-  setup(__props2) {
+  emits: /* @__PURE__ */ mergeModels(["change"], ["update:modelValue"]),
+  setup(__props2, { emit: __emit2 }) {
     const props2 = __props2;
     const modelValue2 = useModel(__props2, "modelValue");
+    const emit2 = __emit2;
     const isFocus = ref(false);
     const getPickerClassName = computed(() => {
-      return object2class("lew-color-picker", {});
-    });
-    const getPickerViewClassName = computed(() => {
       const { disabled, readonly: readonly2 } = props2;
-      return object2class("lew-color-picker-view", {
+      return object2class("lew-color-picker", {
         disabled,
         readonly: readonly2,
         focus: isFocus.value
@@ -18906,7 +19074,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         large: 130
       };
       return {
-        width: width === "auto" ? any2px(_width[size]) : any2px(width)
+        width: width === "auto" || !width ? any2px(_width[size]) : any2px(width)
       };
     });
     const getPickerStyle = computed(() => {
@@ -18921,8 +19089,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     const getPickerInputStyle = computed(() => {
       const { size } = props2;
       return {
-        width: `calc(var(--lew-form-item-height-${size}) - 8px)`,
-        height: `calc(var(--lew-form-item-height-${size}) - 8px)`
+        width: `calc(var(--lew-form-item-height-${size}) - 12px)`,
+        height: `calc(var(--lew-form-item-height-${size}) - 12px)`
       };
     });
     const getPickerValueInputStyle = computed(() => {
@@ -18939,6 +19107,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     const blur = () => {
       isFocus.value = false;
       modelValue2.value = convertToHex(modelValue2.value);
+      emit2("change", modelValue2.value);
     };
     const convertToHex = (color) => {
       color = color.trim();
@@ -18958,11 +19127,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         const b = parseInt(rgbMatch[3]).toString(16).padStart(2, "0");
         return `#${r}${g}${b}`;
       }
-      return "#000000";
+      return "";
+    };
+    const change2 = () => {
+      emit2("change", modelValue2.value);
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["lew-color-picker-view", unref(getPickerViewClassName)]),
+        class: "lew-color-picker-view",
         style: normalizeStyle(unref(getPickerViewStyle))
       }, [
         createElementVNode("div", {
@@ -18973,8 +19145,9 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             class: "lew-color-picker-input",
             style: normalizeStyle(unref(getPickerInputStyle)),
             type: "color",
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue2.value = $event)
-          }, null, 4), [
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue2.value = $event),
+            onChange: change2
+          }, null, 36), [
             [vModelText, modelValue2.value]
           ]),
           withDirectives(createElementVNode("input", {
@@ -18983,18 +19156,19 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             style: normalizeStyle(unref(getPickerValueInputStyle)),
             class: "lew-color-value-input",
             type: "text",
+            placeholder: _ctx.placeholder,
             onFocus: focus,
             onBlur: blur,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue2.value = $event)
-          }, null, 36), [
+          }, null, 44, _hoisted_1$h), [
             [vModelText, modelValue2.value]
           ])
         ], 6)
-      ], 6);
+      ], 4);
     };
   }
 });
-const LewColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-351e300a"]]);
+const LewColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-5601dfdf"]]);
 const uploadProps = {
   accept: {
     type: String,
@@ -21106,7 +21280,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewPagination = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-6eed0882"]]);
+const LewPagination = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-e37e24d3"]]);
 const magicNumberProps = {
   value: {
     type: Number,
@@ -21679,7 +21853,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTree = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-404b45cd"]]);
+const LewTree = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-86c0e774"]]);
 const collapseModel = {
   modelValue: {
     type: [Array, String],
@@ -22342,8 +22516,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const props2 = __props2;
     const descItemRef = ref();
     const getDescItemClassNames = computed(() => {
-      const { direction, size } = cloneDeep(props2);
-      return object2class("lew-desc-item", { direction, size });
+      const { direction, size, bordered } = props2;
+      return object2class("lew-desc-item", { direction, size, bordered });
     });
     const showTextAndEmpty = () => {
       const text = retrieveNestedFieldValue(props2.dataSource, props2.field);
@@ -22381,30 +22555,50 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       const { bordered, size } = props2;
       return bordered ? `${any2px(lewDescSizePaddingMap[size] - 10)} ${any2px(lewDescSizePaddingMap[size])}` : 0;
     });
-    return (_ctx, _cache) => {
+    const getDescItemStyle = computed(() => {
+      const { bordered, gridArea } = props2;
+      return {
+        gap: bordered ? 0 : any2px(getGap.value),
+        "grid-area": gridArea || ""
+      };
+    });
+    const getLabelBoxStyle = computed(() => {
+      const { labelX } = props2;
+      return {
+        "justify-content": labelX === "center" ? labelX : `flex-${labelX}`,
+        padding: getPadding.value
+      };
+    });
+    const getDescItemMainStyle = computed(() => {
       var _a2;
+      const { direction, labelWidth, valueX } = props2;
+      return {
+        width: direction === "x" ? `calc(${(_a2 = descItemRef.value) == null ? void 0 : _a2.offsetWidth}px - ${any2px(labelWidth)} - 10px)` : "100%",
+        "justify-content": valueX === "center" ? valueX : `flex-${valueX}`,
+        padding: getPadding.value
+      };
+    });
+    const getLabelBoxWidth = computed(() => {
+      const { direction, labelWidth } = props2;
+      return direction === "x" ? any2px(labelWidth) : "100%";
+    });
+    return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["lew-desc-item", [unref(getDescItemClassNames), { "lew-desc-item-bordered": _ctx.bordered }]]),
+        class: normalizeClass(["lew-desc-item", unref(getDescItemClassNames)]),
         ref_key: "descItemRef",
         ref: descItemRef,
-        style: normalizeStyle({
-          "grid-area": _ctx.gridArea || "",
-          gap: _ctx.bordered ? 0 : unref(any2px)(unref(getGap))
-        })
+        style: normalizeStyle(unref(getDescItemStyle))
       }, [
         createElementVNode("div", {
-          style: normalizeStyle(_ctx.direction === "x" ? `width:${unref(any2px)(_ctx.labelWidth)}` : "width:100%"),
+          style: normalizeStyle(`width:${unref(getLabelBoxWidth)}`),
           class: "lew-label-box-wrapper"
         }, [
           createElementVNode("div", {
             class: "lew-label-box",
-            style: normalizeStyle({
-              "justify-content": _ctx.labelX === "center" ? _ctx.labelX : `flex-${_ctx.labelX}`,
-              padding: unref(getPadding)
-            })
+            style: normalizeStyle(unref(getLabelBoxStyle))
           }, [
-            createTextVNode(toDisplayString(_ctx.label), 1),
+            createTextVNode(toDisplayString(_ctx.label) + " ", 1),
             _ctx.tips ? withDirectives((openBlock(), createBlock(Icon, {
               key: 0,
               class: "lew-label-tips-icon",
@@ -22419,11 +22613,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         ], 4),
         createElementVNode("div", {
           class: "lew-desc-item-main",
-          style: normalizeStyle({
-            width: _ctx.direction === "x" ? `calc(${(_a2 = unref(descItemRef)) == null ? void 0 : _a2.offsetWidth}px - ${unref(any2px)(_ctx.labelWidth)} - 10px)` : "100%",
-            justifyContent: _ctx.valueX === "center" ? _ctx.valueX : `flex-${_ctx.valueX}`,
-            padding: unref(getPadding)
-          })
+          style: normalizeStyle(unref(getDescItemMainStyle))
         }, [
           createVNode(renderItem)
         ], 4)
@@ -22431,7 +22621,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDescItem = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-43ae9bb3"]]);
+const LewDescItem = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-25a1c7c1"]]);
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "LewDesc",
   props: descProps,
@@ -22443,8 +22633,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const autoLabelWidth = ref(0);
     let componentOptions = cloneDeep(props2.options) || [];
     const getDescClassNames = computed(() => {
-      const { columns } = cloneDeep(props2);
-      return object2class("lew-desc", { columns });
+      const { columns, bordered } = props2;
+      return object2class("lew-desc", { columns, bordered });
     });
     onMounted(() => {
       var _a;
@@ -22460,14 +22650,30 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         });
       }
     );
+    const getDescStyle = computed(() => {
+      const { width, gap, bordered } = props2;
+      return {
+        width: any2px(width),
+        minWidth: 320,
+        gap: bordered ? 0 : any2px(gap)
+      };
+    });
+    const getBind = computed(() => (item) => {
+      const { direction, size, labelX, valueX, bordered, labelWidth } = props2;
+      return {
+        direction,
+        size,
+        labelX,
+        valueX,
+        bordered,
+        labelWidth: labelWidth === "auto" ? autoLabelWidth.value || labelWidth : labelWidth,
+        ...item
+      };
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["lew-desc", [unref(getDescClassNames), { "lew-desc-bordered": _ctx.bordered }]]),
-        style: normalizeStyle({
-          width: unref(any2px)(_ctx.width),
-          minWidth: 320,
-          gap: _ctx.bordered ? 0 : unref(any2px)(_ctx.gap)
-        })
+        class: normalizeClass(["lew-desc", unref(getDescClassNames)]),
+        style: normalizeStyle(unref(getDescStyle))
       }, [
         createVNode(LewGetLabelWidth, {
           ref_key: "descLabelRef",
@@ -22481,21 +22687,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             field: item.field,
             "data-source": _ctx.dataSource,
             ref_for: true
-          }, {
-            direction: _ctx.direction,
-            size: _ctx.size,
-            labelX: _ctx.labelX,
-            valueX: _ctx.valueX,
-            bordered: _ctx.bordered,
-            labelWidth: _ctx.labelWidth === "auto" ? unref(autoLabelWidth) || _ctx.labelWidth : _ctx.labelWidth,
-            ...item
-          }), null, 16, ["field", "data-source"]);
+          }, unref(getBind)(item)), null, 16, ["field", "data-source"]);
         }), 128))
       ], 6);
     };
   }
 });
-const LewDesc = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-f0dff762"]]);
+const LewDesc = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-bb1cd68d"]]);
 const alertProps = {
   type: {
     type: String,
@@ -23883,7 +24081,7 @@ const LewTooltip = {
           arrow: ROUND_ARROW,
           maxWidth: 250,
           duration: [250, 250],
-          delay: trigger === "mouseenter" ? delay || [80, 80] : void 0
+          delay: _trigger === "mouseenter" ? delay || [120, 120] : void 0
         });
         (_a = el.instance) == null ? void 0 : _a.popper.children[0].setAttribute("data-lew", "tooltip");
         if (!((_b = binding == null ? void 0 : binding.value) == null ? void 0 : _b.content)) {
@@ -23893,7 +24091,7 @@ const LewTooltip = {
       updated(el, binding) {
         var _a, _b, _c, _d, _e;
         const { triggerFrom, content } = binding.value;
-        if (!content && content != 0) {
+        if (!content && content !== 0) {
           (_a = el.instance) == null ? void 0 : _a.disable();
         } else {
           (_b = el.instance) == null ? void 0 : _b.enable();
@@ -24174,7 +24372,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           interactive: true,
           placement: "right-start",
           duration: [250, 250],
-          delay: [250, 250],
+          delay: [120, 120],
           arrow: false,
           offset: [0, 0],
           allowHTML: true,
@@ -24251,7 +24449,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _LewContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-5b4c0440"]]);
+const _LewContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-189cc6df"]]);
 const initLewHoverMenu = () => {
   window.LewHoverMenu = {
     menu: {},