lew-ui 2.7.70 → 2.7.71

package/dist/index.js

@@ -1,4 +1,4 @@
-import { h, defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, createApp, mergeModels, useModel, provide, watch, toRaw, createElementBlock, renderSlot, ref, Transition, withCtx, inject, createVNode, Fragment, createCommentVNode, createElementVNode, renderList, createTextVNode, toDisplayString as toDisplayString$1, isVNode as isVNode$1, mergeProps, getCurrentInstance, resolveDirective, withDirectives, onMounted, nextTick, createSlots, reactive, getCurrentScope, onScopeDispose, shallowRef, shallowReadonly, toValue, isRef, readonly, resolveComponent, onUnmounted, withModifiers, normalizeProps, guardReactiveProps, vShow, markRaw, Teleport, onActivated, onDeactivated, TransitionGroup, onBeforeUnmount, shallowReactive, onBeforeMount, vModelText, useCssVars, vModelDynamic, vModelCheckbox, watchEffect, render as render$1, effectScope, Text } from "vue";
+import { h, defineComponent, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, createApp, mergeModels, useModel, provide, watch, toRaw, createElementBlock, renderSlot, ref, Transition, withCtx, inject, createVNode, Fragment, createCommentVNode, createElementVNode, renderList, createTextVNode, toDisplayString as toDisplayString$1, isVNode as isVNode$1, mergeProps, getCurrentInstance, resolveDirective, withDirectives, onMounted, nextTick, createSlots, reactive, getCurrentScope, onScopeDispose, shallowRef, shallowReadonly, toValue, isRef, readonly, resolveComponent, onUnmounted, withModifiers, normalizeProps, guardReactiveProps, vShow, markRaw, Teleport, onActivated, onDeactivated, TransitionGroup, onBeforeUnmount, shallowReactive, onBeforeMount, vModelText, useCssVars, vModelDynamic, vModelCheckbox, watchEffect, useSlots, render as render$1, effectScope, Text } from "vue";
 const collapseItemEmits = {
   change: (expanded, key) => ({ expanded, key })
 };
@@ -5138,6 +5138,7 @@ function any2px(value) {
   const autoRegex = /^auto$/i;
   const calcRegex = /^calc\((.+)\)$/;
   const percentRegex = /^-?\d+(\.\d+)?%$/;
+  const cssUnitRegex = /^-?\d+(\.\d+)?(px|em|rem|vh|vw|vmin|vmax|ch|ex|cm|mm|in|pt|pc)$/i;
   const pixelRegex = /^-?\d+(\.\d+)?(px)?$/;
   const numericRegex = /^-?\d+(\.\d+)?$/;
   const _value = String(value);
@@ -5156,6 +5157,9 @@ function any2px(value) {
   if (calcRegex.test(_value)) {
     return _value;
   }
+  if (cssUnitRegex.test(_value)) {
+    return _value;
+  }
   if (pixelRegex.test(_value)) {
     return `${_value}`;
   }
@@ -8459,7 +8463,7 @@ const SortIcon = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-
 const _hoisted_1$P = { class: "lew-table-header" };
 const _hoisted_2$y = { class: "lew-table-tr" };
 const _hoisted_3$r = { class: "lew-table-main" };
-const _hoisted_4$h = { class: "lew-table-tr" };
+const _hoisted_4$i = { class: "lew-table-tr" };
 const _hoisted_5$f = { class: "lew-table-tr" };
 const _hoisted_6$b = {
   key: 0,
@@ -9437,7 +9441,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
               ])
             ], 512)) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_3$r, [
-              createElementVNode("div", _hoisted_4$h, [
+              createElementVNode("div", _hoisted_4$i, [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(unref(nonFixedHeaderColumns), (column) => {
                   return openBlock(), createBlock(readerHeaderTd, {
                     key: column.field,
@@ -10797,7 +10801,7 @@ const _hoisted_3$q = {
   key: 1,
   class: "lew-alert-title"
 };
-const _hoisted_4$g = {
+const _hoisted_4$h = {
   key: 2,
   class: "lew-alert-content"
 };
@@ -10836,7 +10840,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
           _ctx.$slots.title ? (openBlock(), createElementBlock("div", _hoisted_2$x, [
             renderSlot(_ctx.$slots, "title", {}, void 0, true)
           ])) : props.title ? (openBlock(), createElementBlock("div", _hoisted_3$q, toDisplayString$1(props.title), 1)) : createCommentVNode("", true),
-          _ctx.$slots.content ? (openBlock(), createElementBlock("div", _hoisted_4$g, [
+          _ctx.$slots.content ? (openBlock(), createElementBlock("div", _hoisted_4$h, [
             renderSlot(_ctx.$slots, "content", {}, void 0, true)
           ])) : props.content ? (openBlock(), createElementBlock("div", _hoisted_5$e, toDisplayString$1(props.content), 1)) : createCommentVNode("", true),
           _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_6$a, [
@@ -10970,7 +10974,7 @@ const _hoisted_1$L = {
 };
 const _hoisted_2$w = { class: "lew-drawer-title" };
 const _hoisted_3$p = { class: "lew-drawer-body-slot" };
-const _hoisted_4$f = {
+const _hoisted_4$g = {
   key: 2,
   class: "lew-drawer-footer-slot"
 };
@@ -10989,9 +10993,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     const visible = useModel(__props, "visible");
     const drawerBodyRef = ref(null);
     const drawerId = `lew-drawer-${getUniqueId()}`;
-    const recomputeTrigger = ref(0);
     const isTopDrawer = computed(() => {
-      void recomputeTrigger.value;
       if (!visible.value) {
         return false;
       }
@@ -11014,56 +11016,13 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
       });
       return openDrawers.length > 0 && openDrawers[openDrawers.length - 1]?.id === drawerId;
     });
-    function forceRecomputeTopDrawer() {
-      recomputeTrigger.value++;
-    }
-    watch(
-      drawerBodyRef,
-      async (newVal) => {
-        if (newVal && visible.value) {
-          await nextTick();
-          forceRecomputeTopDrawer();
-        }
-      },
-      { immediate: true }
-    );
-    watch(visible, async (newVal) => {
+    watch(visible, async () => {
       await nextTick();
-      forceRecomputeTopDrawer();
-      if (newVal) {
-        startGlobalCheck();
-      } else {
-        stopGlobalCheck();
-      }
-    });
-    let globalCheckTimer = null;
-    function startGlobalCheck() {
-      if (globalCheckTimer) {
-        clearInterval(globalCheckTimer);
-      }
-      globalCheckTimer = setInterval(() => {
-        if (visible.value) {
-          forceRecomputeTopDrawer();
-        }
-      }, 100);
-    }
-    function stopGlobalCheck() {
-      if (globalCheckTimer) {
-        clearInterval(globalCheckTimer);
-        globalCheckTimer = null;
-      }
-    }
-    onMounted(() => {
-      if (visible.value) {
-        startGlobalCheck();
-      }
-    });
-    onUnmounted(() => {
-      stopGlobalCheck();
     });
     onClickOutside(drawerBodyRef, (e) => {
       if (visible.value && props.closeOnClickOverlay) {
-        const { parentElement } = e?.target;
+        const target = e?.target;
+        const parentElement = target?.parentElement;
         if (parentElement?.id === drawerId) {
           visible.value = false;
         }
@@ -11080,13 +11039,11 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     function getStyle(position, width, height) {
       switch (position) {
         case "left":
-          return `width:${any2px(width)};height:100vh`;
         case "right":
-          return `width:${any2px(width)};height:100vh`;
+          return `width:${any2px(width)};height:100vh;`;
         case "top":
-          return `width:100vw;height:${any2px(height)}`;
         case "bottom":
-          return `width:100vw;height:${any2px(height)}`;
+          return `width:100vw;height:${any2px(height)};`;
         default:
           return "width:30%;height:100%";
       }
@@ -11114,8 +11071,14 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             ref_key: "drawerBodyRef",
             ref: drawerBodyRef,
-            style: normalizeStyle(`${getStyle(props.position, props.width, props.height)}; z-index:${props.zIndex}`),
-            class: normalizeClass(["lew-drawer-body", `${unref(object2class)("lew-drawer-body", { position: props.position })} ${visible.value ? "lew-drawer-body-show" : ""}`])
+            style: normalizeStyle(`${getStyle(
+              props.position,
+              props.width,
+              props.height
+            )}; z-index:${props.zIndex}`),
+            class: normalizeClass(["lew-drawer-body", `${unref(object2class)("lew-drawer-body", {
+              position: props.position
+            })} ${visible.value ? "lew-drawer-body-show" : ""}`])
           }, [
             _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$L, [
               renderSlot(_ctx.$slots, "header")
@@ -11150,7 +11113,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_3$p, [
               renderSlot(_ctx.$slots, "default")
             ]),
-            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$f, [
+            _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$g, [
               renderSlot(_ctx.$slots, "footer")
             ])) : !props.hideFooter ? (openBlock(), createBlock(unref(LewFlex), {
               key: 3,
@@ -11716,7 +11679,7 @@ const _hoisted_1$I = {
 };
 const _hoisted_2$u = { class: "lew-popok-box-right" };
 const _hoisted_3$o = { class: "lew-popok-box-right-header" };
-const _hoisted_4$e = { class: "lew-popok-box-right-main" };
+const _hoisted_4$f = { class: "lew-popok-box-right-main" };
 const _hoisted_5$d = { class: "lew-popok-box-footer" };
 const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "LewPopok",
@@ -11793,7 +11756,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
                       createElementVNode("div", _hoisted_3$o, [
                         createVNode(_sfc_main$16, { "render-fn": _ctx.title }, null, 8, ["render-fn"])
                       ]),
-                      createElementVNode("div", _hoisted_4$e, [
+                      createElementVNode("div", _hoisted_4$f, [
                         createVNode(_sfc_main$16, { "render-fn": _ctx.content }, null, 8, ["render-fn"])
                       ])
                     ])
@@ -15576,9 +15539,6 @@ function useVirtList(userProps, emitFunction) {
       slotSize.footerSize = 0;
     }
   });
-  onActivated(() => {
-    scrollToOffset(reactiveData.offset);
-  });
   function getVirtualSize2beginInView() {
     return reactiveData.virtualSize + getRangeSize(reactiveData.renderBegin, reactiveData.inViewBegin);
   }
@@ -17828,7 +17788,7 @@ function getMonthDate(year, month) {
 const _hoisted_1$C = { class: "lew-date" };
 const _hoisted_2$q = { class: "lew-date-control-left" };
 const _hoisted_3$l = { class: "cur-date" };
-const _hoisted_4$d = { class: "lew-date-control-right" };
+const _hoisted_4$e = { class: "lew-date-control-right" };
 const _hoisted_5$c = { class: "lew-date-box" };
 const _hoisted_6$9 = { class: "lew-date-num" };
 const _hoisted_7$7 = ["onClick"];
@@ -17986,7 +17946,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
               })
             ]),
             createElementVNode("div", _hoisted_3$l, toDisplayString$1(unref(dayjs)(`${unref(dateState).year}-${unref(dateState).month}`).format("YYYY-MM")), 1),
-            createElementVNode("div", _hoisted_4$d, [
+            createElementVNode("div", _hoisted_4$e, [
               createVNode(unref(LewButton), {
                 type: "light",
                 color: "gray",
@@ -18045,7 +18005,7 @@ const LewDate = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-
 const _hoisted_1$B = { class: "lew-time-control" };
 const _hoisted_2$p = { class: "cur-time" };
 const _hoisted_3$k = { class: "lew-time-container" };
-const _hoisted_4$c = { class: "lew-time-column" };
+const _hoisted_4$d = { class: "lew-time-column" };
 const _hoisted_5$b = ["data-value", "onClick"];
 const _hoisted_6$8 = ["data-text"];
 const _hoisted_7$6 = { class: "lew-time-column" };
@@ -18351,7 +18311,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           _cache[16] || (_cache[16] = createElementVNode("div", { class: "lew-time-center-mask" }, null, -1)),
           _cache[17] || (_cache[17] = createElementVNode("div", { class: "lew-time-gradient-top" }, null, -1)),
           _cache[18] || (_cache[18] = createElementVNode("div", { class: "lew-time-gradient-bottom" }, null, -1)),
-          createElementVNode("div", _hoisted_4$c, [
+          createElementVNode("div", _hoisted_4$d, [
             createElementVNode("div", {
               ref_key: "hourRef",
               ref: hourRef,
@@ -18462,7 +18422,7 @@ const LewTime = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-
 const _hoisted_1$A = { class: "lew-datetime" };
 const _hoisted_2$o = { class: "lew-datetime-content" };
 const _hoisted_3$j = { class: "lew-datetime-panel lew-datetime-date-panel" };
-const _hoisted_4$b = { class: "lew-datetime-panel lew-datetime-time-panel" };
+const _hoisted_4$c = { class: "lew-datetime-panel lew-datetime-time-panel" };
 const _hoisted_5$a = { class: "lew-datetime-actions" };
 const _hoisted_6$7 = { class: "lew-datetime-actions-left" };
 const _hoisted_7$5 = { class: "lew-datetime-actions-right" };
@@ -18547,7 +18507,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
               "value-format": unref(dateFormat)
             }, null, 8, ["value-format"])
           ]),
-          createElementVNode("div", _hoisted_4$b, [
+          createElementVNode("div", _hoisted_4$c, [
             createVNode(LewTime, {
               ref_key: "timeRef",
               ref: timeRef,
@@ -18605,7 +18565,7 @@ const LewDateTime = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "dat
 const _hoisted_1$z = { class: "lew-month" };
 const _hoisted_2$n = { class: "lew-month-control-left" };
 const _hoisted_3$i = { class: "cur-year" };
-const _hoisted_4$a = { class: "lew-month-control-right" };
+const _hoisted_4$b = { class: "lew-month-control-right" };
 const _hoisted_5$9 = { class: "lew-month-list" };
 const _hoisted_6$6 = ["onClick"];
 const _hoisted_7$4 = { class: "lew-month-label" };
@@ -18711,7 +18671,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
               })
             ]),
             createElementVNode("div", _hoisted_3$i, toDisplayString$1(unref(monthState).year), 1),
-            createElementVNode("div", _hoisted_4$a, [
+            createElementVNode("div", _hoisted_4$b, [
               createVNode(unref(LewButton), {
                 type: "light",
                 color: "gray",
@@ -18750,7 +18710,7 @@ const LewMonth = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v
 const _hoisted_1$y = { class: "lew-quarter" };
 const _hoisted_2$m = { class: "lew-quarter-control-left" };
 const _hoisted_3$h = { class: "cur-year" };
-const _hoisted_4$9 = { class: "lew-quarter-control-right" };
+const _hoisted_4$a = { class: "lew-quarter-control-right" };
 const _hoisted_5$8 = { class: "lew-quarter-list" };
 const _hoisted_6$5 = ["onClick"];
 const _hoisted_7$3 = { class: "lew-quarter-label" };
@@ -18849,7 +18809,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
               })
             ]),
             createElementVNode("div", _hoisted_3$h, toDisplayString$1(unref(currentYear)), 1),
-            createElementVNode("div", _hoisted_4$9, [
+            createElementVNode("div", _hoisted_4$a, [
               createVNode(unref(LewButton), {
                 type: "light",
                 color: "gray",
@@ -18891,7 +18851,7 @@ const LewQuarter = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data
 const _hoisted_1$x = { class: "lew-year" };
 const _hoisted_2$l = { class: "lew-year-control-left" };
 const _hoisted_3$g = { class: "cur-decade" };
-const _hoisted_4$8 = { class: "lew-year-control-right" };
+const _hoisted_4$9 = { class: "lew-year-control-right" };
 const _hoisted_5$7 = { class: "lew-year-list" };
 const _hoisted_6$4 = ["onClick"];
 const _hoisted_7$2 = { class: "lew-year-label" };
@@ -18992,7 +18952,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
               })
             ]),
             createElementVNode("div", _hoisted_3$g, toDisplayString$1(unref(yearState).startYear) + " - " + toDisplayString$1(unref(yearState).startYear + 11), 1),
-            createElementVNode("div", _hoisted_4$8, [
+            createElementVNode("div", _hoisted_4$9, [
               createVNode(unref(LewButton), {
                 type: "light",
                 color: "gray",
@@ -19557,7 +19517,7 @@ const dateRangeProps = {
 const _hoisted_1$u = { class: "lew-date-range" };
 const _hoisted_2$j = { class: "lew-date" };
 const _hoisted_3$e = { class: "lew-date-control-left" };
-const _hoisted_4$7 = { class: "cur-date" };
+const _hoisted_4$8 = { class: "cur-date" };
 const _hoisted_5$6 = { class: "lew-date-control-right" };
 const _hoisted_6$3 = { class: "lew-date-box" };
 const _hoisted_7$1 = { class: "lew-date-num" };
@@ -19874,7 +19834,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
                   _: 1
                 })
               ]),
-              createElementVNode("div", _hoisted_4$7, toDisplayString$1(unref(dayjs)(`${unref(dateState).year1}-${unref(dateState).month1}`).format("YYYY-MM")), 1),
+              createElementVNode("div", _hoisted_4$8, toDisplayString$1(unref(dayjs)(`${unref(dateState).year1}-${unref(dateState).month1}`).format("YYYY-MM")), 1),
               createElementVNode("div", _hoisted_5$6, [
                 createVNode(unref(LewButton), {
                   type: "light",
@@ -20037,7 +19997,7 @@ const _hoisted_3$d = {
   key: 1,
   class: "lew-date-range-picker-dateValue lew-date-range-picker-start"
 };
-const _hoisted_4$6 = { class: "lew-date-range-picker-mid" };
+const _hoisted_4$7 = { class: "lew-date-range-picker-mid" };
 const _hoisted_5$5 = {
   key: 2,
   class: "lew-date-range-picker-placeholder"
@@ -20178,7 +20138,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
               }, {
                 default: withCtx(() => [
                   !modelValue.value?.start ? (openBlock(), createElementBlock("div", _hoisted_2$i, toDisplayString$1(_ctx.placeholderStart ? _ctx.placeholderStart : unref(locale).t("dateRangePicker.placeholderStart")), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$d, toDisplayString$1(modelValue.value.start), 1)),
-                  createElementVNode("div", _hoisted_4$6, [
+                  createElementVNode("div", _hoisted_4$7, [
                     createVNode(CommonIcon, {
                       size: 14,
                       type: "minus"
@@ -22411,7 +22371,7 @@ const _hoisted_3$c = {
   key: 1,
   class: "lew-input-prefixes-icon"
 };
-const _hoisted_4$5 = {
+const _hoisted_4$6 = {
   key: 2,
   class: "lew-input-prefixes-select"
 };
@@ -22611,7 +22571,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
               type: prefixValue.value
             }, null, 8, ["size", "type"])
           ])) : createCommentVNode("", true),
-          _ctx.prefixes === "select" ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
+          _ctx.prefixes === "select" ? (openBlock(), createElementBlock("div", _hoisted_4$6, [
             createVNode(unref(_sfc_main$7), {
               placement: "bottom",
               trigger: "click",
@@ -28462,65 +28422,6 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       sharp: "0",
       square: "var(--lew-border-radius-small)"
     };
-    const STATUS_PLACEMENT_CONFIG_CIRCLE = {
-      "top-left": {
-        top: "-0.05rem",
-        left: "-0.05rem",
-        bottom: "auto",
-        right: "auto"
-      },
-      "top-right": {
-        top: "-0.05rem",
-        left: "auto",
-        bottom: "auto",
-        right: "-0.05rem"
-      },
-      "bottom-left": {
-        top: "auto",
-        left: "-0.05rem",
-        bottom: "-0.05rem",
-        right: "auto"
-      },
-      "bottom-right": {
-        top: "auto",
-        left: "auto",
-        bottom: "-0.05rem",
-        right: "-0.05rem"
-      }
-    };
-    const STATUS_PLACEMENT_CONFIG_SQUARE = {
-      "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 imageOptions = ref({
       src: props.src
     });
@@ -28528,7 +28429,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       () => props.src,
       (newVal) => {
         imageOptions.value.src = newVal;
-      }
+      },
+      { immediate: true }
     );
     const { isLoading, error } = useImage(imageOptions);
     const avatarStyleObject = computed(() => ({
@@ -28558,73 +28460,72 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       const result = props.alt.split(" ").map((word) => word.charAt(0)).join("").toUpperCase();
       return result.length > 2 ? result.charAt(0) : result;
     });
-    const dotStyleObject = computed(() => {
-      const { status, statusPlacement, shape, size } = props;
-      if (!status)
+    const statusDotClass = computed(() => {
+      if (!props.status)
+        return "";
+      return `lew-avatar-status-dot lew-avatar-status-dot--${props.shape}-${props.statusPlacement} lew-avatar-status-dot--${props.status}`;
+    });
+    const statusDotStyle = computed(() => {
+      if (!props.status)
         return {};
-      const statusPlacementConfig = shape === "circle" ? STATUS_PLACEMENT_CONFIG_CIRCLE : STATUS_PLACEMENT_CONFIG_SQUARE;
+      const sizeValue = typeof props.size === "number" ? props.size : Number.parseFloat(props.size);
+      const dotSize = sizeValue * 0.2;
       return {
-        ...statusPlacementConfig[statusPlacement],
-        backgroundColor: STATUS_COLOR_CONFIG[status],
-        position: "absolute",
-        content: "",
-        width: any2px(parseDimension(size) * 0.2),
-        height: any2px(parseDimension(size) * 0.2),
-        borderRadius: "50%",
-        zIndex: 19,
-        border: "var(--lew-form-border-width) var(--lew-color-white) solid"
+        width: any2px(dotSize),
+        height: any2px(dotSize)
       };
     });
-    const getIconSize = computed(() => {
+    const iconSize = computed(() => {
       const { size } = props;
       return typeof size === "number" ? size * 0.5 : Number.parseInt(size) * 0.5;
     });
+    const showSkeleton = computed(() => isLoading.value || props.loading);
+    const showImage = computed(
+      () => props.src && !error.value && !showSkeleton.value
+    );
+    const showAltText = computed(
+      () => !props.src && props.alt && !showSkeleton.value
+    );
+    const showIcon = computed(
+      () => !props.src && !props.alt && !showSkeleton.value
+    );
+    const showFallback = computed(() => error.value && !showSkeleton.value);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "lew-avatar",
-        style: normalizeStyle(avatarStyleObject.value)
+        style: normalizeStyle(unref(avatarStyleObject))
       }, [
         createElementVNode("div", {
           class: "lew-avatar-box",
-          style: normalizeStyle(avatarBoxStyleObject.value)
+          style: normalizeStyle(unref(avatarBoxStyleObject))
         }, [
-          unref(isLoading) || _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$c)) : _ctx.src ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            !unref(error) ? (openBlock(), createElementBlock("img", {
-              key: 0,
-              alt: _ctx.alt,
-              src: _ctx.src,
-              lazy: "",
-              style: normalizeStyle(imageStyleObject.value)
-            }, null, 12, _hoisted_2$a)) : _ctx.alt ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: "lew-avatar-text",
-              style: normalizeStyle(textStyleObject.value)
-            }, toDisplayString$1(altText.value), 5)) : (openBlock(), createBlock(CommonIcon, {
-              key: 2,
-              class: "lew-avatar-user-icon",
-              size: getIconSize.value,
-              type: "user"
-            }, null, 8, ["size"]))
-          ], 64)) : _ctx.alt ? (openBlock(), createElementBlock("div", {
+          unref(showSkeleton) ? (openBlock(), createElementBlock("div", _hoisted_1$c)) : unref(showImage) ? (openBlock(), createElementBlock("img", {
+            key: 1,
+            alt: props.alt,
+            src: props.src,
+            loading: "lazy",
+            style: normalizeStyle(unref(imageStyleObject))
+          }, null, 12, _hoisted_2$a)) : unref(showAltText) || unref(showFallback) && props.alt ? (openBlock(), createElementBlock("div", {
             key: 2,
             class: "lew-avatar-text",
-            style: normalizeStyle(textStyleObject.value)
-          }, toDisplayString$1(altText.value), 5)) : (openBlock(), createBlock(CommonIcon, {
+            style: normalizeStyle(unref(textStyleObject))
+          }, toDisplayString$1(unref(altText)), 5)) : unref(showIcon) || unref(showFallback) ? (openBlock(), createBlock(CommonIcon, {
             key: 3,
             class: "lew-avatar-user-icon",
-            size: getIconSize.value,
+            size: unref(iconSize),
             type: "user"
-          }, null, 8, ["size"]))
+          }, null, 8, ["size"])) : createCommentVNode("", true)
         ], 4),
-        _ctx.status ? (openBlock(), createElementBlock("i", {
+        props.status ? (openBlock(), createElementBlock("i", {
           key: 0,
-          style: normalizeStyle(dotStyleObject.value)
-        }, null, 4)) : createCommentVNode("", true)
+          class: normalizeClass(unref(statusDotClass)),
+          style: normalizeStyle(unref(statusDotStyle))
+        }, null, 6)) : createCommentVNode("", true)
       ], 4);
     };
   }
 });
-const LewAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-03d7476d"]]);
+const LewAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-370f6d56"]]);
 const badgeProps = {
   text: {
     type: String,
@@ -28685,30 +28586,26 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   props: badgeProps,
   setup(__props) {
     const props = __props;
-    const getStyle = computed(() => {
-      const { color, offset: offset2, text } = props;
-      const _color = getColorType(color);
-      if (text) {
-        return {
-          backgroundColor: `var(--lew-color-${_color})`,
-          position: "absolute",
-          left: "0",
-          top: "50%",
-          transform: "translateY(-50%)"
-        };
-      }
-      return {
-        backgroundColor: `var(--lew-color-${_color})`,
-        ...offset2?.length === 2 && {
-          transform: `translate(calc(-50% + ${offset2[0]}px), ${offset2[1]}px)`
-        }
-      };
+    const badgeClass = computed(() => {
+      return ["lew-badge", props.text && "lew-badge--has-text"].filter(Boolean).join(" ");
     });
-    const getBadgeStyle = computed(() => {
-      const { text } = props;
-      return {
-        paddingLeft: text ? "15px" : "0px"
+    const badgeValueClass = computed(() => {
+      return [
+        props.value ? "lew-badge-value" : "lew-badge-dot",
+        props.text && "lew-badge-value--with-text",
+        props.processing && "is-processing"
+      ].filter(Boolean).join(" ");
+    });
+    const badgeStyle = computed(() => {
+      const { color, offset: offset2, text } = props;
+      const _color = getColorType(color) || "red";
+      const style = {
+        backgroundColor: `var(--lew-color-${_color})`
       };
+      if (!text && offset2?.length === 2) {
+        style.transform = `translate(calc(-50% + ${offset2[0]}px), ${offset2[1]}px)`;
+      }
+      return style;
     });
     const displayValue = computed(() => {
       const { value, max: max2 } = props;
@@ -28721,23 +28618,28 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "lew-badge",
-        style: normalizeStyle(getBadgeStyle.value)
+        class: normalizeClass(unref(badgeClass))
       }, [
         _ctx.value ? (openBlock(), createElementBlock("span", {
           key: 0,
-          class: "lew-badge-value",
-          style: normalizeStyle(getStyle.value)
-        }, toDisplayString$1(displayValue.value), 5)) : (openBlock(), createElementBlock("i", {
+          class: normalizeClass(unref(badgeValueClass)),
+          style: normalizeStyle(unref(badgeStyle))
+        }, toDisplayString$1(unref(displayValue)), 7)) : (openBlock(), createElementBlock("i", {
           key: 1,
-          class: normalizeClass(["lew-badge-dot", { "is-processing": _ctx.processing }]),
-          style: normalizeStyle(getStyle.value)
+          class: normalizeClass(unref(badgeValueClass)),
+          style: normalizeStyle(unref(badgeStyle))
         }, null, 6)),
         _ctx.text ? (openBlock(), createElementBlock("span", _hoisted_1$b, toDisplayString$1(_ctx.text), 1)) : renderSlot(_ctx.$slots, "default", { key: 3 })
-      ], 4);
+      ], 2);
     };
   }
 });
+const buttonEmits = {
+  /**
+   * 点击按钮时触发（disabled 或 loading 时不触发）
+   */
+  click: (e) => e instanceof MouseEvent
+};
 const typeValues = ["fill", "light", "ghost", "text"];
 const sizeValues = ["mini", "small", "medium", "large"];
 const buttonProps = {
@@ -28836,36 +28738,24 @@ const buttonProps = {
 const _hoisted_1$a = ["disabled"];
 const _hoisted_2$9 = {
   key: 0,
+  class: "lew-button-loading-icon lew-button-loading-isShow"
+};
+const _hoisted_3$9 = {
+  key: 1,
   class: "lew-button-content"
 };
-const _hoisted_3$9 = { class: "lew-button-text" };
+const _hoisted_4$5 = { class: "lew-button-text" };
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "LewButton",
   props: buttonProps,
-  setup(__props) {
+  emits: buttonEmits,
+  setup(__props, { emit: __emit }) {
     const props = __props;
-    const buttonRef = ref();
+    const emit = __emit;
+    const slots = useSlots();
     const _loading = ref(false);
-    async function handleClick() {
-      if (props.disabled || _loading.value || props.loading) {
-        return;
-      }
-      if (typeof props.request === "function") {
-        if (_loading.value) {
-          return;
-        }
-        _loading.value = true;
-        await props.request();
-        _loading.value = false;
-      }
-    }
-    const instance = getCurrentInstance();
-    const hasDefaultSlot = ref(false);
-    if (instance?.slots.default) {
-      hasDefaultSlot.value = true;
-    }
-    const getButtonClass = computed(() => {
-      const { size, type, color, singleIcon, round: round2 } = props;
+    const buttonClass = computed(() => {
+      const { size, type, color, singleIcon, round: round2, dashed } = props;
       const loading = _loading.value || props.loading;
       return object2class("lew-button", {
         size,
@@ -28873,55 +28763,60 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         loading,
         singleIcon,
         color,
-        round: round2
+        round: round2,
+        dashed
       });
     });
-    const getIconSize = computed(() => {
-      const { size } = props;
-      switch (size) {
-        case "mini":
-          return 12;
-        case "small":
-          return 14;
-        case "medium":
-          return 16;
-        case "large":
-          return 18;
-        default:
-          return 16;
-      }
+    const iconSize = computed(() => {
+      const sizeMap = {
+        mini: 12,
+        small: 14,
+        medium: 16,
+        large: 18
+      };
+      return sizeMap[props.size] || 16;
     });
+    const isLoading = computed(() => _loading.value || props.loading);
+    const hasContent = computed(() => !!slots.default || !!props.text);
+    async function handleClick(e) {
+      if (props.disabled || isLoading.value) {
+        return;
+      }
+      emit("click", e);
+      if (typeof props.request === "function") {
+        try {
+          _loading.value = true;
+          await props.request();
+        } finally {
+          _loading.value = false;
+        }
+      }
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
-        ref_key: "buttonRef",
-        ref: buttonRef,
-        class: normalizeClass(["lew-button", getButtonClass.value]),
+        class: normalizeClass(["lew-button", buttonClass.value]),
         disabled: _ctx.disabled,
         onClick: handleClick
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(["lew-button-loading-icon", {
-            "lew-button-loading-isShow": (_loading.value || _ctx.loading) && !_ctx.disabled
-          }])
-        }, [
+        isLoading.value && !_ctx.disabled ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
           createVNode(CommonIcon, {
-            size: getIconSize.value,
+            size: iconSize.value,
             loading: "",
             type: "loader"
           }, null, 8, ["size"])
-        ], 2),
-        _ctx.$slots.default || _ctx.text ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
-          createElementVNode("span", _hoisted_3$9, [
-            _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        ])) : createCommentVNode("", true),
+        hasContent.value ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
+          createElementVNode("span", _hoisted_4$5, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
               createTextVNode(toDisplayString$1(_ctx.text), 1)
-            ], 64))
+            ], true)
           ])
         ])) : createCommentVNode("", true)
       ], 10, _hoisted_1$a);
     };
   }
 });
-const LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-63edc8ef"]]);
+const LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-75ec49b9"]]);
 const flexProps = {
   direction: {
     type: String,
@@ -28965,53 +28860,51 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
   props: flexProps,
   setup(__props) {
     const props = __props;
-    const alignmentMap = {
-      start: "flex-start",
-      left: "flex-start",
-      end: "flex-end",
-      right: "flex-end",
-      center: "center",
-      top: "flex-start",
-      bottom: "flex-end"
-    };
-    function getJustifyContent() {
+    const flexClass = computed(() => {
+      const classes = ["lew-flex"];
+      classes.push(`lew-flex--${props.direction || "x"}`);
+      if (props.wrap) {
+        classes.push("lew-flex--wrap");
+      }
       if (props.mode) {
-        return `space-${props.mode}`;
+        classes.push(`lew-flex--${props.mode}`);
+      } else {
+        const mainAxis = props.direction === "x" ? props.x : props.y;
+        const crossAxis = props.direction === "x" ? props.y : props.x;
+        if (mainAxis) {
+          classes.push(`lew-flex--justify-${mainAxis}`);
+        }
+        if (crossAxis) {
+          classes.push(`lew-flex--align-${crossAxis}`);
+        }
       }
-      const mainAxis = props.direction === "x" ? props.x : props.y;
-      return alignmentMap[mainAxis] || "center";
-    }
-    function getAlignItems() {
-      const crossAxis = props.direction === "x" ? props.y : props.x;
-      return alignmentMap[crossAxis] || "center";
-    }
-    const styleObject = computed(
+      return classes.join(" ");
+    });
+    const flexStyle = computed(
       () => {
+        const style = {};
         const gap = any2px(props.gap);
+        if (gap) {
+          style.gap = gap;
+        }
         const width = props.width ? any2px(props.width) : void 0;
-        return {
-          display: "flex",
-          flexDirection: props.direction === "x" ? "row" : "column",
-          flexWrap: props.wrap ? "wrap" : "nowrap",
-          justifyContent: getJustifyContent(),
-          alignItems: getAlignItems(),
-          gap: `${gap}`,
-          width,
-          boxSizing: "border-box"
-        };
+        if (width) {
+          style.width = width;
+        }
+        return style;
       }
     );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "lew-flex",
-        style: normalizeStyle(styleObject.value)
+        class: normalizeClass(unref(flexClass)),
+        style: normalizeStyle(unref(flexStyle))
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 4);
+      ], 6);
     };
   }
 });
-const LewFlex = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-8faad083"]]);
+const LewFlex = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-95cd0bc7"]]);
 const _imports_0 = "data:image/svg+xml,%3csvg%20t='1726823972943'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='6153'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M692.712%20172.458h-43.443l-21.561%2037.727-120.367%20210.648%20170.073%20170.092-118.896%20222.89-20.127%2037.727H926.996V172.458H692.712z%20m-21.561%2037.727h218.118v312.869L758.998%20392.783l-129.346%2097.015-75.265-75.265%20116.764-204.348z%20m218.118%20603.63h-287.97l122.575-229.832-67.267-67.267%2098.863-74.133L889.269%20576.4v237.415z'%20fill='%23DBDBDB'%20p-id='6154'%3e%3c/path%3e%3cpath%20d='M441.206%20414.533L557.97%20210.185l21.561-37.727H97.004v679.083H467.991l20.127-37.727%20122.575-229.832-169.487-169.449zM134.731%20210.185h379.796L394.16%20420.833l170.073%20170.092-12.488%2023.409L282.47%20528.92%20134.731%20632.33V210.185z%20m310.624%20603.63H134.731V678.394l154.077-107.861%20244.866%2077.661-88.319%20165.621z'%20fill='%23DBDBDB'%20p-id='6155'%3e%3c/path%3e%3cpath%20d='M361.093%20370.524c0-36.463-29.559-66.022-66.022-66.022s-66.022%2029.559-66.022%2066.022%2029.559%2066.022%2066.022%2066.022%2066.022-29.559%2066.022-66.022z%20m-94.318%200c0-15.6%2012.695-28.295%2028.295-28.295%2015.6%200%2028.295%2012.695%2028.295%2028.295%200%2015.6-12.695%2028.295-28.295%2028.295-15.6%200-28.295-12.695-28.295-28.295z'%20fill='%23DBDBDB'%20p-id='6156'%3e%3c/path%3e%3c/svg%3e";
 const imageProps = {
   src: {
@@ -29125,6 +29018,13 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       }
     );
     const { isLoading, error } = useImage(imageOptions);
+    const showSkeleton = computed(
+      () => isLoading.value || props.loading || !props.src
+    );
+    const showError = computed(() => error.value && !showSkeleton.value);
+    const showImage = computed(
+      () => !error.value && !showSkeleton.value && props.src
+    );
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
       return openBlock(), createBlock(unref(LewFlex), {
@@ -29132,10 +29032,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         x: "center",
         y: "center",
         class: "lew-image-wrapper",
-        style: normalizeStyle(unref(imageStyleObject))
+        style: normalizeStyle(imageStyleObject.value)
       }, {
         default: withCtx(() => [
-          unref(isLoading) || _ctx.loading || !_ctx.src ? (openBlock(), createElementBlock("div", _hoisted_1$9)) : unref(error) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          showSkeleton.value ? (openBlock(), createElementBlock("div", _hoisted_1$9)) : showError.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             _ctx.$slots.error ? renderSlot(_ctx.$slots, "error", { key: 0 }, void 0, true) : withDirectives((openBlock(), createElementBlock("img", {
               key: 1,
               class: "lew-image-fail-icon",
@@ -29147,7 +29047,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                 trigger: "mouseenter"
               }]
             ])
-          ], 64)) : (openBlock(), createElementBlock("div", _hoisted_3$8, [
+          ], 64)) : showImage.value ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
             createElementVNode("img", {
               class: "lew-image",
               src: _ctx.src,
@@ -29158,14 +29058,14 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
               }),
               alt: _ctx.alt
             }, null, 12, _hoisted_4$4)
-          ]))
+          ])) : createCommentVNode("", true)
         ]),
         _: 3
       }, 8, ["style"]);
     };
   }
 });
-const LewImage = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-eb70b553"]]);
+const LewImage = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-9d6df753"]]);
 const markProps = {
   color: {
     type: String,
@@ -29326,73 +29226,26 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const isClosing = ref(false);
-    const SIZE_CONFIG = {
-      small: {
-        minHeight: "20px",
-        minWidth: "20px",
-        lineHeight: "16px",
-        fontSize: "13px",
-        borderRadius: "5px",
-        padding: "0px 4px",
-        oversizePadding: "4px 10px",
-        gap: "2px",
-        closeIconSize: 12
-      },
-      medium: {
-        minHeight: "24px",
-        minWidth: "24px",
-        lineHeight: "18px",
-        fontSize: "14px",
-        borderRadius: "6px",
-        padding: "0px 6px",
-        oversizePadding: "5px 12px",
-        closeIconSize: 14,
-        gap: "3px"
-      },
-      large: {
-        minHeight: "28px",
-        minWidth: "28px",
-        lineHeight: "20px",
-        fontSize: "15px",
-        borderRadius: "7px",
-        padding: "0px 8px",
-        oversizePadding: "6px 14px",
-        closeIconSize: 16,
-        gap: "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: `var(--lew-form-border-width) solid var(--lew-color-${color}-dark)`,
-        color: `var(--lew-color-${color}-dark)`,
-        boxShadow: "none"
-      })
+    const CLOSE_ICON_SIZE = {
+      small: 12,
+      medium: 14,
+      large: 16
     };
-    const tagStyle = computed(
-      () => {
-        const { round: round2, type, color, size, disabled, oversize } = props;
-        const resolvedColor = getColorType(color) || "primary";
-        const sizeConfig = SIZE_CONFIG[size] || SIZE_CONFIG.medium;
-        const styleFunction = TYPE_STYLES[type] || TYPE_STYLES.fill;
-        return {
-          ...styleFunction(resolvedColor),
-          ...sizeConfig,
-          padding: oversize ? sizeConfig.oversizePadding : sizeConfig.padding,
-          borderRadius: round2 ? "20px" : sizeConfig.borderRadius,
-          opacity: disabled ? "var(--lew-disabled-opacity)" : void 0,
-          pointerEvents: disabled ? "none" : void 0
-        };
-      }
-    );
+    const tagClass = computed(() => {
+      const resolvedColor = getColorType(props.color) || "primary";
+      return [
+        "lew-tag",
+        `lew-tag--${props.size || "medium"}`,
+        `lew-tag--${props.type || "light"}`,
+        `lew-tag--${resolvedColor}`,
+        props.round && "lew-tag--round",
+        props.oversize && "lew-tag--oversize",
+        props.disabled && "lew-tag--disabled"
+      ].filter(Boolean).join(" ");
+    });
+    const closeIconSize = computed(() => {
+      return CLOSE_ICON_SIZE[props.size] || CLOSE_ICON_SIZE.medium;
+    });
     async function handleClose() {
       if (props.disabled || isClosing.value)
         return;
@@ -29415,8 +29268,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "lew-tag",
-        style: normalizeStyle(tagStyle.value)
+        class: normalizeClass(unref(tagClass))
       }, [
         _ctx.$slots.left ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
           renderSlot(_ctx.$slots, "left")
@@ -29434,18 +29286,18 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           class: "lew-tag-close",
           onClick: withModifiers(handleClose, ["stop"])
         }, [
-          isClosing.value ? (openBlock(), createBlock(CommonIcon, {
+          unref(isClosing) ? (openBlock(), createBlock(CommonIcon, {
             key: 0,
-            size: tagStyle.value.closeIconSize,
+            size: unref(closeIconSize),
             type: "loading",
             class: "lew-tag-loading"
           }, null, 8, ["size"])) : (openBlock(), createBlock(CommonIcon, {
             key: 1,
-            size: tagStyle.value.closeIconSize,
+            size: unref(closeIconSize),
             type: "close"
           }, null, 8, ["size"]))
         ])) : createCommentVNode("", true)
-      ], 4);
+      ], 2);
     };
   }
 });
@@ -29628,15 +29480,29 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     const lewTextTrimPopRef = ref();
     const displayText = ref("");
     const isEllipsisByTextTrim = ref(false);
+    const isEllipsis = ref(false);
     let tippyInstance = null;
+    const textTrimClass = computed(() => {
+      const classes = ["lew-text-trim-wrapper"];
+      if (props.textAlign && props.textAlign !== "left") {
+        classes.push(`lew-text-trim-wrapper--align-${props.textAlign}`);
+      }
+      if (props.lineClamp) {
+        classes.push("lew-text-trim-wrapper--line-clamp");
+      } else {
+        classes.push("lew-text-trim-wrapper--single-line");
+      }
+      if (isEllipsis.value || isEllipsisByTextTrim.value) {
+        classes.push("lew-text-trim-wrapper--ellipsis");
+      }
+      return classes.join(" ");
+    });
     const textTrimStyle = computed(() => {
       if (props.lineClamp) {
-        return `display: -webkit-box;-webkit-line-clamp: ${props.lineClamp};-webkit-box-orient: vertical;`;
+        return `-webkit-line-clamp: ${props.lineClamp};`;
       }
       return {
-        textOverflow: (props.reserveEnd || 0) > 0 ? "" : "ellipsis",
-        whiteSpace: "nowrap",
-        textAlign: props.textAlign
+        textOverflow: (props.reserveEnd || 0) > 0 ? "" : "ellipsis"
       };
     });
     function initTippy() {
@@ -29644,14 +29510,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       if (!element)
         return;
       const { placement, allowHTML, text, offset: offset2 } = props;
-      let isEllipsis = false;
       if (props.lineClamp) {
-        isEllipsis = element.offsetHeight < element.scrollHeight;
+        isEllipsis.value = element.offsetHeight < element.scrollHeight;
       } else {
-        isEllipsis = element.offsetWidth < element.scrollWidth;
+        isEllipsis.value = element.offsetWidth < element.scrollWidth;
       }
-      if (isEllipsis || isEllipsisByTextTrim.value) {
-        element.style.cursor = "pointer";
+      if (isEllipsis.value || isEllipsisByTextTrim.value) {
         if (!tippyInstance) {
           tippyInstance = tippy(element, {
             theme: "light",
@@ -29672,7 +29536,6 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           showTippy();
         }
       } else {
-        element.style.cursor = "";
         destroyTippy();
       }
     }
@@ -29728,17 +29591,19 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
       destroyTippy();
       clearMeasureCache();
     });
-    watch(() => [props.text, props.reserveEnd], calculateDisplayText, { flush: "post" });
+    watch(() => [props.text, props.reserveEnd], calculateDisplayText, {
+      flush: "post"
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "lewTextTrimRef",
         ref: lewTextTrimRef,
-        class: "lew-text-trim-wrapper",
-        style: normalizeStyle(textTrimStyle.value),
+        class: normalizeClass(unref(textTrimClass)),
+        style: normalizeStyle(unref(textTrimStyle)),
         onMouseenter: handleMouseEnter
       }, [
         _ctx.text ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createTextVNode(toDisplayString$1(displayText.value), 1)
+          createTextVNode(toDisplayString$1(unref(displayText)), 1)
         ], 64)) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true),
         createElementVNode("div", {
           ref_key: "lewTextTrimPopRef",
@@ -29747,11 +29612,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         }, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 512)
-      ], 36);
+      ], 38);
     };
   }
 });
-const LewTextTrim = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-b184c886"]]);
+const LewTextTrim = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-f5d27d77"]]);
 const titleEmits = {
   click: (event) => event
 };
@@ -29796,34 +29661,44 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const titleStyle = computed(() => {
-      const { bold, color, size } = props;
-      const fontSize = any2px(size);
-      if (color) {
-        return `font-weight: ${bold}; font-size: ${fontSize}; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; color: transparent; background-image: linear-gradient(-252deg, var(--lew-color-${color}-dark), var(--lew-color-${color}));`;
+    const titleClass = computed(() => {
+      const classes = ["lew-title"];
+      if (props.color) {
+        classes.push(`lew-title--color-${props.color}`);
       }
-      return {
-        fontWeight: bold,
-        fontSize
-      };
+      return classes.join(" ");
     });
+    const titleStyle = computed(
+      () => {
+        const { bold, color, size } = props;
+        const fontSize = any2px(size);
+        const style = {
+          fontWeight: bold,
+          fontSize
+        };
+        if (color) {
+          style.backgroundImage = `linear-gradient(-252deg, var(--lew-color-${color}-dark), var(--lew-color-${color}))`;
+        }
+        return style;
+      }
+    );
     function handleClick(event) {
       emit("click", event);
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "lew-title",
-        style: normalizeStyle(titleStyle.value),
+        class: normalizeClass(unref(titleClass)),
+        style: normalizeStyle(unref(titleStyle)),
         onClick: handleClick
       }, [
         _ctx.text ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           createTextVNode(toDisplayString$1(_ctx.text), 1)
         ], 64)) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)
-      ], 4);
+      ], 6);
     };
   }
 });
-const LewTitle = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-8ab08c8b"]]);
+const LewTitle = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-5abd9f82"]]);
 const actionBoxEmits = {
   click: (option, event) => ({ option, event })
 };
@@ -31385,6 +31260,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   badgeProps,
   breadcrumbEmits,
   breadcrumbProps,
+  buttonEmits,
   buttonProps,
   cascaderEmits,
   cascaderModel,
@@ -37796,6 +37672,18 @@ const de = {
     Fri: "Fr",
     Sat: "Sa",
     Sun: "So",
+    Jan: "Januar",
+    Feb: "Februar",
+    Mar: "März",
+    Apr: "April",
+    May: "Mai",
+    Jun: "Juni",
+    Jul: "Juli",
+    Aug: "August",
+    Sep: "September",
+    Oct: "Oktober",
+    Nov: "November",
+    Dec: "Dezember",
     placeholder: "Datum auswählen"
   },
   dateRangePicker: {
@@ -37831,6 +37719,9 @@ const de = {
     cancelText: "Abbrechen",
     okText: "OK"
   },
+  colorPicker: {
+    placeholder: "Bitte eingeben"
+  },
   upload: {
     dropActive: "Loslassen, um mit dem Upload zu beginnen",
     click: "Klicken zum Hochladen, ",
@@ -37838,11 +37729,21 @@ const de = {
     drag: "oder Dateien hierher ziehen",
     accept: "Unterstützt {accept}",
     limit: "Maximal {limit} Dateien",
-    maxFileSize: "Einzelne Datei nicht größer als {maxFileSize}"
+    maxFileSize: "Einzelne Datei nicht größer als {maxFileSize}",
+    pending: "Ausstehend",
+    success: "Erfolgreich hochgeladen",
+    fail: "Upload fehlgeschlagen",
+    uploading: "Wird hochgeladen",
+    complete: "Hochgeladen",
+    wrong_type: "Ungültiges Format",
+    wrong_size: "Dateigröße überschreitet das Limit"
   },
   pagination: {
     pageSize: "{pageSize} pro Seite",
     jumpTo: "Springen zu"
+  },
+  empty: {
+    title: "Keine Daten"
   }
 };
 const en = {
@@ -37901,6 +37802,18 @@ const en = {
     Fri: "Fri",
     Sat: "Sat",
     Sun: "Sun",
+    Jan: "January",
+    Feb: "February",
+    Mar: "March",
+    Apr: "April",
+    May: "May",
+    Jun: "June",
+    Jul: "July",
+    Aug: "August",
+    Sep: "September",
+    Oct: "October",
+    Nov: "November",
+    Dec: "December",
     placeholder: "Select date"
   },
   dateRangePicker: {
@@ -37928,6 +37841,17 @@ const en = {
     closeText: "Close",
     okText: "OK"
   },
+  dialog: {
+    cancelText: "Cancel",
+    okText: "OK"
+  },
+  popok: {
+    cancelText: "Cancel",
+    okText: "OK"
+  },
+  colorPicker: {
+    placeholder: "Please input"
+  },
   upload: {
     dropActive: "Release to start uploading",
     click: "Click to upload, ",
@@ -37935,19 +37859,21 @@ const en = {
     drag: "or drag files here",
     accept: "Support uploading {accept}",
     limit: "Maximum {limit} files can be uploaded",
-    maxFileSize: "Single file should not exceed {maxFileSize}"
+    maxFileSize: "Single file should not exceed {maxFileSize}",
+    pending: "Pending",
+    success: "Upload successful",
+    fail: "Upload failed",
+    uploading: "Uploading",
+    complete: "Uploaded",
+    wrong_type: "Invalid format",
+    wrong_size: "File size exceeds limit"
   },
   pagination: {
     pageSize: "{pageSize} items/page",
     jumpTo: "Jump to"
   },
-  dialog: {
-    cancelText: "Cancel",
-    okText: "OK"
-  },
-  popok: {
-    cancelText: "Cancel",
-    okText: "OK"
+  empty: {
+    title: "No data"
   }
 };
 const es = {
@@ -38006,6 +37932,18 @@ const es = {
     Fri: "Vie",
     Sat: "Sáb",
     Sun: "Dom",
+    Jan: "Enero",
+    Feb: "Febrero",
+    Mar: "Marzo",
+    Apr: "Abril",
+    May: "Mayo",
+    Jun: "Junio",
+    Jul: "Julio",
+    Aug: "Agosto",
+    Sep: "Septiembre",
+    Oct: "Octubre",
+    Nov: "Noviembre",
+    Dec: "Diciembre",
     placeholder: "Seleccionar fecha"
   },
   dateRangePicker: {
@@ -38041,6 +37979,9 @@ const es = {
     cancelText: "Cancelar",
     okText: "Aceptar"
   },
+  colorPicker: {
+    placeholder: "Por favor, introduzca"
+  },
   upload: {
     dropActive: "Suelte para comenzar la carga",
     click: "Haga clic para cargar, ",
@@ -38048,11 +37989,21 @@ const es = {
     drag: "o arrastre archivos aquí",
     accept: "Admite la carga de {accept}",
     limit: "Se pueden cargar un máximo de {limit} archivos",
-    maxFileSize: "Cada archivo no debe exceder {maxFileSize}"
+    maxFileSize: "Cada archivo no debe exceder {maxFileSize}",
+    pending: "Pendiente",
+    success: "Carga exitosa",
+    fail: "Error en la carga",
+    uploading: "Cargando",
+    complete: "Cargado",
+    wrong_type: "Formato inválido",
+    wrong_size: "El tamaño del archivo excede el límite"
   },
   pagination: {
     pageSize: "{pageSize} por página",
     jumpTo: "Ir a"
+  },
+  empty: {
+    title: "Sin datos"
   }
 };
 const fr = {
@@ -38111,6 +38062,18 @@ const fr = {
     Fri: "Ven",
     Sat: "Sam",
     Sun: "Dim",
+    Jan: "Janvier",
+    Feb: "Février",
+    Mar: "Mars",
+    Apr: "Avril",
+    May: "Mai",
+    Jun: "Juin",
+    Jul: "Juillet",
+    Aug: "Août",
+    Sep: "Septembre",
+    Oct: "Octobre",
+    Nov: "Novembre",
+    Dec: "Décembre",
     placeholder: "Sélectionner une date"
   },
   dateRangePicker: {
@@ -38146,6 +38109,9 @@ const fr = {
     cancelText: "Annuler",
     okText: "OK"
   },
+  colorPicker: {
+    placeholder: "Veuillez saisir"
+  },
   upload: {
     dropActive: "Relâchez pour commencer le téléchargement",
     click: "Cliquez pour télécharger, ",
@@ -38153,11 +38119,21 @@ const fr = {
     drag: "ou faites glisser les fichiers ici",
     accept: "Prend en charge le téléchargement de {accept}",
     limit: "Vous pouvez télécharger jusqu'à {limit} fichiers",
-    maxFileSize: "Chaque fichier ne doit pas dépasser {maxFileSize}"
+    maxFileSize: "Chaque fichier ne doit pas dépasser {maxFileSize}",
+    pending: "En attente",
+    success: "Téléchargement réussi",
+    fail: "Échec du téléchargement",
+    uploading: "Téléchargement en cours",
+    complete: "Téléchargé",
+    wrong_type: "Format invalide",
+    wrong_size: "La taille du fichier dépasse la limite"
   },
   pagination: {
     pageSize: "{pageSize} par page",
     jumpTo: "Aller à"
+  },
+  empty: {
+    title: "Aucune donnée"
   }
 };
 const it = {
@@ -38216,6 +38192,18 @@ const it = {
     Fri: "Ven",
     Sat: "Sab",
     Sun: "Dom",
+    Jan: "Gennaio",
+    Feb: "Febbraio",
+    Mar: "Marzo",
+    Apr: "Aprile",
+    May: "Maggio",
+    Jun: "Giugno",
+    Jul: "Luglio",
+    Aug: "Agosto",
+    Sep: "Settembre",
+    Oct: "Ottobre",
+    Nov: "Novembre",
+    Dec: "Dicembre",
     placeholder: "Seleziona data"
   },
   dateRangePicker: {
@@ -38251,6 +38239,9 @@ const it = {
     cancelText: "Annulla",
     okText: "OK"
   },
+  colorPicker: {
+    placeholder: "Inserisci"
+  },
   upload: {
     dropActive: "Rilascia per iniziare il caricamento",
     click: "Clicca per caricare, ",
@@ -38258,11 +38249,21 @@ const it = {
     drag: "o trascina i file qui",
     accept: "Supporta il caricamento di {accept}",
     limit: "È possibile caricare un massimo di {limit} file",
-    maxFileSize: "Ogni file non deve superare {maxFileSize}"
+    maxFileSize: "Ogni file non deve superare {maxFileSize}",
+    pending: "In attesa",
+    success: "Caricamento riuscito",
+    fail: "Caricamento fallito",
+    uploading: "Caricamento in corso",
+    complete: "Caricato",
+    wrong_type: "Formato non valido",
+    wrong_size: "Dimensione del file supera il limite"
   },
   pagination: {
     pageSize: "{pageSize} per pagina",
     jumpTo: "Vai a"
+  },
+  empty: {
+    title: "Nessun dato"
   }
 };
 const ja = {
@@ -38321,6 +38322,18 @@ const ja = {
     Fri: "金",
     Sat: "土",
     Sun: "日",
+    Jan: "1月",
+    Feb: "2月",
+    Mar: "3月",
+    Apr: "4月",
+    May: "5月",
+    Jun: "6月",
+    Jul: "7月",
+    Aug: "8月",
+    Sep: "9月",
+    Oct: "10月",
+    Nov: "11月",
+    Dec: "12月",
     placeholder: "日付を選択"
   },
   dateRangePicker: {
@@ -38356,6 +38369,9 @@ const ja = {
     cancelText: "キャンセル",
     okText: "確定"
   },
+  colorPicker: {
+    placeholder: "入力してください"
+  },
   upload: {
     dropActive: "ドロップしてアップロードを開始",
     click: "クリックして、",
@@ -38363,11 +38379,21 @@ const ja = {
     drag: "またはファイルをここにドラッグ",
     accept: "{accept}形式のファイルに対応",
     limit: "最大{limit}個のファイルをアップロード可能",
-    maxFileSize: "1ファイルあたり{maxFileSize}まで"
+    maxFileSize: "1ファイルあたり{maxFileSize}まで",
+    pending: "アップロード待ち",
+    success: "アップロード成功",
+    fail: "アップロード失敗",
+    uploading: "アップロード中",
+    complete: "アップロード完了",
+    wrong_type: "無効な形式",
+    wrong_size: "ファイルサイズが制限を超えています"
   },
   pagination: {
     pageSize: "表示件数：{pageSize}件",
     jumpTo: "移動"
+  },
+  empty: {
+    title: "データがありません"
   }
 };
 const ko = {
@@ -38426,6 +38452,18 @@ const ko = {
     Fri: "금",
     Sat: "토",
     Sun: "일",
+    Jan: "1월",
+    Feb: "2월",
+    Mar: "3월",
+    Apr: "4월",
+    May: "5월",
+    Jun: "6월",
+    Jul: "7월",
+    Aug: "8월",
+    Sep: "9월",
+    Oct: "10월",
+    Nov: "11월",
+    Dec: "12월",
     placeholder: "날짜 선택"
   },
   dateRangePicker: {
@@ -38461,6 +38499,9 @@ const ko = {
     cancelText: "취소",
     okText: "확인"
   },
+  colorPicker: {
+    placeholder: "입력해주세요"
+  },
   upload: {
     dropActive: "파일을 놓으면 업로드가 시작됩니다",
     click: "클릭하여 업로드",
@@ -38468,11 +38509,21 @@ const ko = {
     drag: "또는 여기에 파일을 끌어다 놓으세요",
     accept: "{accept} 파일 업로드 가능",
     limit: "최대 {limit}개의 파일을 업로드할 수 있습니다",
-    maxFileSize: "파일당 {maxFileSize} 이하여야 합니다"
+    maxFileSize: "파일당 {maxFileSize} 이하여야 합니다",
+    pending: "대기 중",
+    success: "업로드 성공",
+    fail: "업로드 실패",
+    uploading: "업로드 중",
+    complete: "완료",
+    wrong_type: "잘못된 형식",
+    wrong_size: "파일 크기 제한 초과"
   },
   pagination: {
     pageSize: "페이지당 {pageSize}개",
     jumpTo: "이동"
+  },
+  empty: {
+    title: "데이터 없음"
   }
 };
 const pt = {
@@ -38531,6 +38582,18 @@ const pt = {
     Fri: "Sex",
     Sat: "Sáb",
     Sun: "Dom",
+    Jan: "Janeiro",
+    Feb: "Fevereiro",
+    Mar: "Março",
+    Apr: "Abril",
+    May: "Maio",
+    Jun: "Junho",
+    Jul: "Julho",
+    Aug: "Agosto",
+    Sep: "Setembro",
+    Oct: "Outubro",
+    Nov: "Novembro",
+    Dec: "Dezembro",
     placeholder: "Selecionar data"
   },
   dateRangePicker: {
@@ -38566,6 +38629,9 @@ const pt = {
     cancelText: "Cancelar",
     okText: "OK"
   },
+  colorPicker: {
+    placeholder: "Por favor, digite"
+  },
   upload: {
     dropActive: "Solte para iniciar o upload",
     click: "Clique para fazer upload, ",
@@ -38573,11 +38639,21 @@ const pt = {
     drag: "ou arraste arquivos para aqui",
     accept: "Suporta upload de {accept}",
     limit: "Máximo de {limit} arquivos podem ser enviados",
-    maxFileSize: "Cada arquivo não deve exceder {maxFileSize}"
+    maxFileSize: "Cada arquivo não deve exceder {maxFileSize}",
+    pending: "Pendente",
+    success: "Upload bem-sucedido",
+    fail: "Falha no upload",
+    uploading: "Enviando",
+    complete: "Enviado",
+    wrong_type: "Formato inválido",
+    wrong_size: "Tamanho do arquivo excede o limite"
   },
   pagination: {
     pageSize: "{pageSize} por página",
     jumpTo: "Ir para"
+  },
+  empty: {
+    title: "Sem dados"
   }
 };
 const zh = {
@@ -38842,6 +38918,7 @@ export {
   badgeProps,
   breadcrumbEmits,
   breadcrumbProps,
+  buttonEmits,
   buttonProps,
   cascaderEmits,
   cascaderModel,