lew-ui 1.1.24 → 1.1.26

package/dist/lew.es.ts

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, onUnmounted, onMounted, getCurrentInstance, unref, h, ref, watch, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, pushScopeId, popScopeId, resolveComponent, createBlock, withCtx, computed, withDirectives, vModelText, vModelDynamic, withModifiers, createVNode, vShow, createTextVNode, nextTick, toRaw, isRef, vModelCheckbox, Teleport, Transition, resolveDirective, shallowRef, createApp, getCurrentScope, onScopeDispose } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, onUnmounted, onMounted, getCurrentInstance, h, ref, watch, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, pushScopeId, popScopeId, resolveComponent, createBlock, withCtx, withDirectives, vModelText, vModelDynamic, withModifiers, createVNode, vShow, createTextVNode, nextTick, toRaw, isRef, vModelCheckbox, Teleport, Transition, resolveDirective, shallowRef, createApp, getCurrentScope, onScopeDispose } from "vue";
 function _mergeNamespaces(n, m) {
   m.forEach(function(e) {
     e && typeof e !== "string" && !Array.isArray(e) && Object.keys(e).forEach(function(k) {
@@ -18,7 +18,7 @@ function _mergeNamespaces(n, m) {
 const _props$g = {
   direction: {
     type: String,
-    default: "row"
+    default: "x"
   },
   x: {
     type: String,
@@ -36,8 +36,32 @@ const _props$g = {
     type: String,
     default: ""
   },
-  gap: { type: String, default: "10px" },
-  width: { type: String, default: "" }
+  gap: {
+    type: [String, Number],
+    default: () => {
+      return 10;
+    }
+  },
+  width: { type: [String, Number] }
+};
+const getIconType = (type) => {
+  switch (type) {
+    case "normal":
+      return "info";
+    case "warning":
+      return "alert-triangle";
+    case "success":
+      return "check";
+    case "error":
+      return "alert-circle";
+    case "info":
+      return "bell";
+    default:
+      return "info";
+  }
+};
+const getPx = (num) => {
+  return typeof num == "string" ? num : num + "px";
 };
 var LewFlex_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
@@ -51,18 +75,33 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "LewFlex",
   props: _props$g,
   setup(__props) {
+    const props = __props;
+    const classObject = computed(() => {
+      return {
+        [`lew-flex-${props.direction}`]: props.direction,
+        "lew-flex-wrap": props.wrap,
+        [`lew-flex-x-${props.x}`]: props.x,
+        [`lew-flex-y-${props.y}`]: props.y,
+        [`lew-flex-mode-${props.mode}`]: props.mode
+      };
+    });
+    const styleObject = computed(() => {
+      return {
+        gap: getPx(props.gap),
+        width: getPx(props.width)
+      };
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["lew-flex", `${_ctx.direction ? "lew-flex-" + _ctx.direction : ""} ${_ctx.wrap ? "lew-flex-wrap" : ""} ${_ctx.x ? "lew-flex-x-" + _ctx.x : ""} ${_ctx.y ? "lew-flex-y-" + _ctx.y : ""} ${_ctx.mode ? "lew-flex-mode-" + _ctx.mode : ""}  
-        `]),
-        style: normalizeStyle(`gap: ${_ctx.gap}; width:${_ctx.width}`)
+        class: normalizeClass(["lew-flex", unref(classObject)]),
+        style: normalizeStyle(unref(styleObject))
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ], 6);
     };
   }
 });
-var LewFlex = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-0a8a3e9b"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/flex/src/LewFlex.vue"]]);
+var LewFlex = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-0a8a3e9b"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/flex/src/LewFlex.vue"]]);
 var LewSpace_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$t = { class: "lew-space" };
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
@@ -81,7 +120,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewSpace = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/space/src/LewSpace.vue"]]);
+var LewSpace = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/space/src/LewSpace.vue"]]);
 var LewLayout_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "LewLayout",
@@ -113,7 +152,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewLayout = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-38cc287d"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/layout/src/LewLayout.vue"]]);
+var LewLayout = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-38cc287d"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/layout/src/LewLayout.vue"]]);
 function useDOMCreate(nodeId) {
   const node = document.createElement("div");
   node.id = nodeId;
@@ -182,7 +221,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewMark = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/mark/src/LewMark.vue"]]);
+var LewMark = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/mark/src/LewMark.vue"]]);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
@@ -1841,7 +1880,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewTabs = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-6111b125"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/tabs/src/LewTabs.vue"]]);
+var LewTabs = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-6111b125"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/tabs/src/LewTabs.vue"]]);
 var LewSteps_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$r = { class: "lew-breadcrumb" };
 const _sfc_main$y = /* @__PURE__ */ defineComponent({
@@ -1853,7 +1892,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewSteps = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-5e4b1dfe"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/steps/src/LewSteps.vue"]]);
+var LewSteps = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-5e4b1dfe"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/steps/src/LewSteps.vue"]]);
 const _props$f = {
   options: {
     type: Array,
@@ -1890,7 +1929,7 @@ const _hoisted_5$9 = /* @__PURE__ */ _withScopeId$5(() => /* @__PURE__ */ create
 const _hoisted_6$4 = [
   _hoisted_5$9
 ];
-const _hoisted_7$3 = {
+const _hoisted_7$2 = {
   key: 1,
   viewBox: "0 0 48 48",
   fill: "none",
@@ -1922,7 +1961,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             }, toDisplayString(item.label), 11, _hoisted_2$i),
             index2 != _ctx.options.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$d, [
               _ctx.iconType === "sprit" ? (openBlock(), createElementBlock("svg", _hoisted_4$d, _hoisted_6$4)) : createCommentVNode("v-if", true),
-              _ctx.iconType === "shoulder" ? (openBlock(), createElementBlock("svg", _hoisted_7$3, _hoisted_9$2)) : createCommentVNode("v-if", true)
+              _ctx.iconType === "shoulder" ? (openBlock(), createElementBlock("svg", _hoisted_7$2, _hoisted_9$2)) : createCommentVNode("v-if", true)
             ])) : createCommentVNode("v-if", true)
           ], 2);
         }), 128))
@@ -1930,7 +1969,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-5303b0ef"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/breadcrumb/src/LewBreadcrumb.vue"]]);
+var LewBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-5303b0ef"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/breadcrumb/src/LewBreadcrumb.vue"]]);
 const _props$e = {
   options: {
     type: Array,
@@ -1950,10 +1989,6 @@ const _props$e = {
     type: String,
     default: "bottom"
   },
-  arrow: {
-    type: Boolean,
-    default: true
-  },
   width: {
     type: String,
     default: ""
@@ -1991,7 +2026,6 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         ref_key: "lewPopoverRef",
         ref: lewPopoverRef,
         trigger: _ctx.trigger,
-        arrow: _ctx.arrow,
         placement: _ctx.placement
       }, {
         trigger: withCtx(() => [
@@ -2014,11 +2048,11 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
           ], 4)) : createCommentVNode("v-if", true)
         ]),
         _: 3
-      }, 8, ["trigger", "arrow", "placement"]);
+      }, 8, ["trigger", "placement"]);
     };
   }
 });
-var LewDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-9869e96a"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/dropdown/src/LewDropdown.vue"]]);
+var LewDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-9869e96a"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/dropdown/src/LewDropdown.vue"]]);
 const inputProps = {
   type: {
     type: String,
@@ -2269,7 +2303,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-156ce1e1"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/input/src/LewInput.vue"]]);
+var LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-156ce1e1"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/input/src/LewInput.vue"]]);
 const _props$d = {
   type: {
     type: String,
@@ -2340,10 +2374,6 @@ const _props$d = {
   placement: {
     type: String,
     default: "bottom-start"
-  },
-  arrow: {
-    type: Boolean,
-    default: true
   }
 };
 var LewInputPro_vue_vue_type_style_index_0_scoped_true_lang = "";
@@ -2409,7 +2439,6 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           ref: lewDropdownRef,
           style: { "width": "100%" },
           trigger: _ctx.trigger,
-          arrow: _ctx.arrow,
           placement: _ctx.placement,
           align: _ctx.align,
           width: parseFloat(_ctx.popoverWidth) - 12 + "px",
@@ -2436,13 +2465,13 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             }, null, 8, ["modelValue", "type", "auto-width", "size", "align", "placeholder", "clearable"])
           ]),
           _: 1
-        }, 8, ["trigger", "arrow", "placement", "align", "width", "options"]),
+        }, 8, ["trigger", "placement", "align", "width", "options"]),
         renderSlot(_ctx.$slots, "right", {}, void 0, true)
       ]);
     };
   }
 });
-var LewInputPro = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-1e1e8f9c"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/input-pro/src/LewInputPro.vue"]]);
+var LewInputPro = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-1e1e8f9c"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/input-pro/src/LewInputPro.vue"]]);
 const inputTagProps = {
   modelValue: {
     type: Array,
@@ -2568,7 +2597,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-ad3c9b14"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/input-tag/src/LewInputTag.vue"]]);
+var LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-ad3c9b14"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/input-tag/src/LewInputTag.vue"]]);
 var LewForm_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "LewForm",
@@ -2601,7 +2630,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewForm = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-a827f69e"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/form/src/LewForm.vue"]]);
+var LewForm = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-a827f69e"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/form/src/LewForm.vue"]]);
 var LewFormItem_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$l = { class: "lew-form-item-view" };
 const _hoisted_2$f = { class: "lew-form-item-tips" };
@@ -2651,7 +2680,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-ef952438"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/form/src/LewFormItem.vue"]]);
+var LewFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-ef952438"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/form/src/LewFormItem.vue"]]);
 const _props$c = {
   label: {
     type: String,
@@ -2812,7 +2841,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-5594c4af"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/checkbox/src/LewCheckbox.vue"]]);
+var LewCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-5594c4af"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/checkbox/src/LewCheckbox.vue"]]);
 var LewCheckboxGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "LewCheckboxGroup",
@@ -2858,7 +2887,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-66b915c0"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/checkbox/src/LewCheckboxGroup.vue"]]);
+var LewCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-66b915c0"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/checkbox/src/LewCheckboxGroup.vue"]]);
 var LewRadio_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$2 = (n) => (pushScopeId("data-v-365d2981"), n = n(), popScopeId(), n);
 const _hoisted_1$j = {
@@ -2926,7 +2955,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-365d2981"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/radio/src/LewRadio.vue"]]);
+var LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-365d2981"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/radio/src/LewRadio.vue"]]);
 var LewRadioGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "LewRadioGroup",
@@ -3003,7 +3032,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-642e37a4"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/radio/src/LewRadioGroup.vue"]]);
+var LewRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-642e37a4"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/radio/src/LewRadioGroup.vue"]]);
 const selectProps = {
   modelValue: {
     type: [String, Array],
@@ -3187,7 +3216,6 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["lew-select-view", { "lew-select-focus": unref(isShowOptions) }]),
         trigger: _ctx.trigger,
         placement: _ctx.placement,
-        arrow: false,
         style: { "width": "100%" },
         onOnShow: _cache[1] || (_cache[1] = ($event) => isRef(isShowOptions) ? isShowOptions.value = true : isShowOptions = true),
         onOnHide: _cache[2] || (_cache[2] = ($event) => isRef(isShowOptions) ? isShowOptions.value = false : isShowOptions = false)
@@ -3335,7 +3363,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-326752a1"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/select/src/LewSelect.vue"]]);
+var LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-326752a1"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/select/src/LewSelect.vue"]]);
 const _props$b = {
   modelValue: {
     type: Boolean,
@@ -3421,7 +3449,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-3d4d5d11"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/switch/src/LewSwitch.vue"]]);
+var LewSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-3d4d5d11"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/switch/src/LewSwitch.vue"]]);
 const getHeadDate = ["\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D", "\u65E5"];
 const getMonthDate = (year, month) => {
   const ret = [];
@@ -7423,7 +7451,7 @@ const _hoisted_3$8 = { class: "cur-date" };
 const _hoisted_4$8 = { class: "lew-date-control-right" };
 const _hoisted_5$5 = { class: "lew-date-box" };
 const _hoisted_6$2 = { class: "lew-date-num" };
-const _hoisted_7$2 = ["onClick"];
+const _hoisted_7$1 = ["onClick"];
 const _hoisted_8$1 = { class: "lew-date-label" };
 const _hoisted_9$1 = {
   key: 0,
@@ -7597,14 +7625,14 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                 unref(checkToday)(item) ? (openBlock(), createElementBlock("div", _hoisted_9$1)) : createCommentVNode("v-if", true),
                 createElementVNode("div", _hoisted_10$1, toDisplayString(item.showDate), 1)
               ])
-            ], 10, _hoisted_7$2);
+            ], 10, _hoisted_7$1);
           }), 128))
         ])
       ]);
     };
   }
 });
-var LewDate = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-29f4866a"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/date-picker/src/LewDate.vue"]]);
+var LewDate = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-29f4866a"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/date-picker/src/LewDate.vue"]]);
 var LewDateRange_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$f = { class: "lew-date-range" };
 const _hoisted_2$9 = { class: "lew-date" };
@@ -7612,7 +7640,7 @@ const _hoisted_3$7 = { class: "lew-date-control-left" };
 const _hoisted_4$7 = { class: "cur-date" };
 const _hoisted_5$4 = { class: "lew-date-control-right" };
 const _hoisted_6$1 = { class: "lew-date-box" };
-const _hoisted_7$1 = { class: "lew-date-num" };
+const _hoisted_7 = { class: "lew-date-num" };
 const _hoisted_8 = ["onClick", "onMouseenter"];
 const _hoisted_9 = {
   key: 0,
@@ -7990,7 +8018,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 key: `h${index2}`,
                 class: "lew-date-item"
               }, [
-                createElementVNode("div", _hoisted_7$1, toDisplayString(item), 1)
+                createElementVNode("div", _hoisted_7, toDisplayString(item), 1)
               ]);
             }), 128)),
             createCommentVNode(" \u8868\u683C "),
@@ -8119,7 +8147,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-37bbe4a3"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/date-picker/src/LewDateRange.vue"]]);
+var LewDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-37bbe4a3"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/date-picker/src/LewDateRange.vue"]]);
 var LewDatePicker_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$e = { class: "lew-date-picker-placeholder" };
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
@@ -8160,7 +8188,6 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         ref: lewPopoverRef,
         trigger: "click",
         placement: "bottom-start",
-        arrow: false,
         onOnShow: _cache[1] || (_cache[1] = ($event) => isRef(isShowPicker) ? isShowPicker.value = true : isShowPicker = true),
         onOnHide: _cache[2] || (_cache[2] = ($event) => isRef(isShowPicker) ? isShowPicker.value = false : isShowPicker = false)
       }, {
@@ -8194,7 +8221,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-4c4a62d0"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/date-picker/src/LewDatePicker.vue"]]);
+var LewDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-4c4a62d0"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/date-picker/src/LewDatePicker.vue"]]);
 var LewDateRangePicker_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId = (n) => (pushScopeId("data-v-f13243de"), n = n(), popScopeId(), n);
 const _hoisted_1$d = { class: "lew-date-picker-placeholder" };
@@ -8239,7 +8266,6 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         ref: lewPopoverRef,
         trigger: "click",
         placement: "bottom-start",
-        arrow: false,
         onOnShow: _cache[1] || (_cache[1] = ($event) => isRef(isShowPicker) ? isShowPicker.value = true : isShowPicker = true),
         onOnHide: _cache[2] || (_cache[2] = ($event) => isRef(isShowPicker) ? isShowPicker.value = false : isShowPicker = false)
       }, {
@@ -8273,7 +8299,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewDateRangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-f13243de"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/date-picker/src/LewDateRangePicker.vue"]]);
+var LewDateRangePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-f13243de"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/date-picker/src/LewDateRangePicker.vue"]]);
 const tableProps = {
   columns: {
     type: Array,
@@ -8340,16 +8366,15 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
     let niceWidth = ref("");
     const setWidth = () => {
-      let sw = lewTableRef.value.scrollWidth;
+      lewTableRef.value.scrollWidth;
       let w = lewTableRef.value.offsetWidth;
-      if (w >= sw) {
-        let autoLen = props.columns.filter((e) => e.width === "auto").length;
-        let wTotal = 0;
-        props.columns.filter((e) => e.width != "auto").map((e) => {
-          wTotal += parseFloat(e.width);
-        });
-        niceWidth.value = `${(w - wTotal) / autoLen}px`;
-      }
+      niceWidth.value = "";
+      let autoLen = props.columns.filter((e) => e.width === "auto").length;
+      let wTotal = 0;
+      props.columns.filter((e) => e.width != "auto").map((e) => {
+        wTotal += parseFloat(e.width);
+      });
+      niceWidth.value = `${(w - wTotal) / autoLen}px`;
     };
     let lock = false;
     const throttle2 = (e, delay) => {
@@ -8364,9 +8389,16 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         }, delay);
       }
     };
-    onMounted(() => {
+    const init = () => {
       setWidth();
       setSubLine();
+    };
+    onMounted(() => {
+      init();
+      window.addEventListener("resize", init);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("resize", init);
     });
     return (_ctx, _cache) => {
       var _a2, _b, _c;
@@ -8375,8 +8407,8 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
         ref_key: "lewTableRef",
         ref: lewTableRef,
         class: "lew-table",
-        style: normalizeStyle(`max-height:${_ctx.maxHeight};width:${_ctx.width};overflow-x: ${unref(niceWidth) ? "hidden" : "auto"};
-    overflow-y:${_ctx.maxHeight ? "auto" : "hidden"};`),
+        style: normalizeStyle(`max-height:${_ctx.maxHeight};width:${_ctx.width};
+    overflow-y:${_ctx.maxHeight ? "auto" : "hidden"};overflow-x:${unref(niceWidth) ? "hidden" : "auto"};`),
         onScroll: _cache[0] || (_cache[0] = ($event) => throttle2($event, 200))
       }, [
         createElementVNode("div", _hoisted_1$c, [
@@ -8397,6 +8429,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
 ${column.columnStyle ? column.columnStyle : ""};
 ${setSticky(column)};   
 width:${column.width != "auto" ? column.width : unref(niceWidth) || "100px"};
+
 `),
                 x: column.x || "start",
                 y: column.y
@@ -8458,7 +8491,7 @@ width:${column.width != "auto" ? column.width : unref(niceWidth) || "100px"};
     };
   }
 });
-var LewTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/table/src/LewTable.vue"]]);
+var LewTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/table/src/LewTable.vue"]]);
 const _props$a = {
   total: {
     type: Number,
@@ -8721,7 +8754,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewPagination = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/pagination/src/LewPagination.vue"]]);
+var LewPagination = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/pagination/src/LewPagination.vue"]]);
 const _props$9 = {
   round: {
     type: Boolean,
@@ -8733,10 +8766,14 @@ const _props$9 = {
   },
   statusPosition: {
     type: String,
-    default: ""
+    default: "bottom-right"
   },
   width: { type: String, default: "40px" },
   height: { type: String, default: "40px" },
+  errorSrc: {
+    type: String,
+    default: "https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png"
+  },
   src: {
     type: String,
     default: ""
@@ -8753,34 +8790,90 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   props: _props$9,
   setup(__props) {
     const props = __props;
-    const getAvatarStyle = computed(() => {
-      return `width:${props.width};height:${props.height}`;
+    const { round: round2, width, height, status, statusPosition, errorSrc } = props;
+    let loading = ref(true);
+    let imgRef = ref();
+    let count = 8e3;
+    let speed = 500;
+    let loadErr = ref(false);
+    let imgSrc = ref(props.src);
+    watch(
+      () => props.src,
+      () => {
+        if (props.src) {
+          imgSrc.value = props.src;
+          setImg();
+        }
+      }
+    );
+    onMounted(() => {
+      setImg();
+    });
+    const setImg = () => {
+      var timer = setInterval(function() {
+        var _a2;
+        count -= speed;
+        if (count < 0) {
+          loading.value = false;
+          loadErr.value = true;
+          clearInterval(timer);
+        }
+        if ((_a2 = imgRef.value) == null ? void 0 : _a2.complete) {
+          loading.value = false;
+          clearInterval(timer);
+        }
+      }, speed);
+    };
+    const imgOnError = () => {
+      imgSrc.value = errorSrc;
+    };
+    const imageClassObject = computed(() => {
+      return {
+        "lew-avatar-round": round2,
+        skeletons: loading.value && !loadErr.value
+      };
     });
-    const getAvatarClass = computed(() => {
-      return `${props.round ? "lew-avatar-round" : ""}`;
+    const styleObject = computed(() => {
+      return {
+        width: getPx(width),
+        height: getPx(height)
+      };
     });
-    const getAvatarDotClass = computed(() => {
-      return `dot-${props.status} dot-${props.statusPosition}`;
+    const dotClassObject = computed(() => {
+      return {
+        [`dot-${status}`]: status,
+        [`dot-${statusPosition}`]: statusPosition
+      };
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "lew-avatar",
-        style: normalizeStyle(unref(getAvatarStyle))
+        style: normalizeStyle(unref(styleObject))
       }, [
-        createElementVNode("img", {
-          src: _ctx.src,
-          alt: _ctx.alt,
-          class: normalizeClass(unref(getAvatarClass))
-        }, null, 10, _hoisted_1$a),
-        _ctx.status ? (openBlock(), createElementBlock("span", {
+        createElementVNode("div", {
+          class: normalizeClass(["lew-avatar-box", unref(imageClassObject)])
+        }, [
+          unref(imgSrc) ? withDirectives((openBlock(), createElementBlock("img", {
+            key: 0,
+            ref_key: "imgRef",
+            ref: imgRef,
+            src: unref(imgSrc),
+            onerror: imgOnError,
+            alt: _ctx.alt,
+            lazy: ""
+          }, null, 8, _hoisted_1$a)), [
+            [vShow, !unref(loading)]
+          ]) : createCommentVNode("v-if", true)
+        ], 2),
+        unref(status) ? (openBlock(), createElementBlock("span", {
           key: 0,
-          class: normalizeClass(["dot", unref(getAvatarDotClass)])
+          class: normalizeClass(["dot", unref(dotClassObject)])
         }, null, 2)) : createCommentVNode("v-if", true)
       ], 4);
     };
   }
 });
-var LewAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-3ce1779b"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/avatar/src/LewAvatar.vue"]]);
+var LewAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-3ce1779b"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/avatar/src/LewAvatar.vue"]]);
 const _props$8 = {
   type: {
     type: String,
@@ -8808,7 +8901,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "avatar")
           ]),
           createVNode(_component_lew_flex, {
-            direction: "column",
+            direction: "y",
             gap: "0px",
             x: "start",
             class: "lew-comment-body"
@@ -8832,7 +8925,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewComment = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/comment/src/LewComment.vue"]]);
+var LewComment = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/comment/src/LewComment.vue"]]);
 var LewTitle_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "LewTitle",
@@ -8857,15 +8950,19 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewTitle = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-cfbccebe"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/title/src/LewTitle.vue"]]);
+var LewTitle = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-cfbccebe"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/title/src/LewTitle.vue"]]);
 const _props$7 = {
   type: {
     type: String,
-    default: "primary"
+    default: () => {
+      return "primary";
+    }
   },
   size: {
     type: String,
-    default: "medium"
+    default: () => {
+      return "medium";
+    }
   },
   loading: {
     type: Boolean,
@@ -8916,16 +9013,19 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
         _loading.value = false;
       }
     };
+    const classObject = computed(() => {
+      return {
+        "lew-button-text": props.isText,
+        [`lew-button-${props.size}`]: props.size,
+        [`lew-button-${props.type}`]: props.type,
+        "lew-button-round": props.round,
+        "lew-button-icon": props.isIcon,
+        "lew-button-loading": _loading.value || props.loading
+      };
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
-        class: normalizeClass(["lew-button", ` 
-    ${_ctx.isText ? "lew-button-text" : ""}  
-    ${_ctx.size ? "lew-button-" + _ctx.size : ""}
-    ${_ctx.type ? "lew-button-" + _ctx.type : ""}
-    ${_ctx.round ? "lew-button-round" : ""}  
-    ${_ctx.isIcon ? "lew-button-icon" : ""}
-    ${unref(_loading) || _ctx.loading ? "lew-button-loading" : ""}
-    `]),
+        class: normalizeClass(["lew-button", unref(classObject)]),
         disabled: _ctx.disabled,
         onClick: handleClick
       }, [
@@ -8939,7 +9039,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-e7956ae6"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/button/src/LewButton.vue"]]);
+var LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-e7956ae6"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/button/src/LewButton.vue"]]);
 const _props$6 = {
   type: {
     type: String,
@@ -8978,7 +9078,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewBadge = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/badge/src/LewBadge.vue"]]);
+var LewBadge = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/badge/src/LewBadge.vue"]]);
 let sizeRules = ["small", "medium", "large"];
 let typeRules = ["primary", "info", "success", "error", "warning", "normal"];
 const _props$5 = {
@@ -9085,7 +9185,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewTag = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/tag/src/LewTag.vue"]]);
+var LewTag = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/tag/src/LewTag.vue"]]);
 const _props$4 = {
   list: {
     type: Array,
@@ -9094,22 +9194,6 @@ const _props$4 = {
     }
   }
 };
-const getIconType = (type) => {
-  switch (type) {
-    case "normal":
-      return "info";
-    case "warning":
-      return "alert-triangle";
-    case "success":
-      return "check";
-    case "error":
-      return "alert-circle";
-    case "info":
-      return "bell";
-    default:
-      return "info";
-  }
-};
 var LewAlert_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$5 = { class: "lew-alert-group" };
 const _hoisted_2$4 = { class: "alert-icon" };
@@ -9158,7 +9242,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewAlert = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-a39e41be"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/alert/src/LewAlert.vue"]]);
+var LewAlert = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-a39e41be"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/alert/src/LewAlert.vue"]]);
 var LewModal_vue_vue_type_style_index_0_scoped_true_lang = "";
 var LewModal_vue_vue_type_style_index_1_lang = "";
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
@@ -9226,7 +9310,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewModal = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-463e7ac1"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/modal/src/LewModal.vue"]]);
+var LewModal = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-463e7ac1"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/modal/src/LewModal.vue"]]);
 const _props$3 = {
   type: {
     type: String,
@@ -9380,7 +9464,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewPopok = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-7f9302c1"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/popok/src/LewPopok.vue"]]);
+var LewPopok = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-7f9302c1"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/popok/src/LewPopok.vue"]]);
 var top = "top";
 var bottom = "bottom";
 var right = "right";
@@ -12121,10 +12205,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       type: Element,
       default: null,
       required: false
-    },
-    arrow: {
-      type: Boolean,
-      default: true
     }
   },
   emits: ["onShow", "onHide"],
@@ -12148,7 +12228,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         animation: "shift-away-subtle",
         interactive: true,
         placement,
-        arrow: props.arrow,
+        arrow: false,
         appendTo: () => document.body,
         allowHTML: true,
         maxWidth: "none",
@@ -12178,7 +12258,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$3, [
         createElementVNode("label", {
           ref_key: "triggerRef",
-          ref: triggerRef
+          ref: triggerRef,
+          style: { "font-size": "0px" }
         }, [
           createElementVNode("div", _hoisted_2$2, [
             renderSlot(_ctx.$slots, "trigger")
@@ -12198,7 +12279,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewPopover = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/popover/src/LewPopover.vue"]]);
+var LewPopover = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/popover/src/LewPopover.vue"]]);
 const DrawerProps = {
   visible: {
     type: Boolean,
@@ -12284,7 +12365,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/drawer/src/LewDrawer.vue"]]);
+var LewDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/drawer/src/LewDrawer.vue"]]);
 const _props$2 = {
   type: {
     type: String,
@@ -12310,7 +12391,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       const _component_lew_flex = resolveComponent("lew-flex");
       const _component_lew_title = resolveComponent("lew-title");
       return openBlock(), createBlock(_component_lew_flex, {
-        direction: "column",
+        direction: "y",
         class: "lew-result"
       }, {
         default: withCtx(() => [
@@ -12362,15 +12443,14 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewResult = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-12ebda23"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/result/src/LewResult.vue"]]);
+var LewResult = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-12ebda23"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/result/src/LewResult.vue"]]);
 var LewDemoBox_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$1 = { class: "demo-box" };
 const _hoisted_2$1 = { class: "demo-item" };
 const _hoisted_3$1 = { class: "demo-cp" };
 const _hoisted_4$1 = { class: "hl-pre" };
 const _hoisted_5$1 = { class: "pre-box" };
-const _hoisted_6 = ["textContent"];
-const _hoisted_7 = { class: "icon" };
+const _hoisted_6 = { class: "icon" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "LewDemoBox",
   props: {
@@ -12424,9 +12504,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           withDirectives((openBlock(), createElementBlock("div", _hoisted_4$1, [
             createElementVNode("div", _hoisted_5$1, [
               createElementVNode("pre", null, [
-                createElementVNode("code", {
-                  textContent: toDisplayString(__props.code)
-                }, null, 8, _hoisted_6)
+                createElementVNode("code", null, toDisplayString(__props.code), 1)
               ])
             ])
           ])), [
@@ -12437,7 +12515,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             class: "show-bar",
             onClick: _cache[0] || (_cache[0] = ($event) => isRef(isShowCode) ? isShowCode.value = !unref(isShowCode) : isShowCode = !unref(isShowCode))
           }, [
-            createElementVNode("div", _hoisted_7, [
+            createElementVNode("div", _hoisted_6, [
               !unref(isShowCode) ? (openBlock(), createBlock(_component_lew_icon, {
                 key: 0,
                 size: "16",
@@ -12455,7 +12533,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewDemoBox = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/demo-box/src/LewDemoBox.vue"]]);
+var LewDemoBox = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/demo-box/src/LewDemoBox.vue"]]);
 function isObject$3(value) {
   var type = typeof value;
   return value != null && (type == "object" || type == "function");
@@ -12749,7 +12827,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewBackTop = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-36ae6e41"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/backtop/src/LewBackTop.vue"]]);
+var LewBackTop = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-36ae6e41"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/components/backtop/src/LewBackTop.vue"]]);
 var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   LewFlex,
@@ -13047,7 +13125,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var _LewDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0e036b0b"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/directives/dialog/src/LewDialog.vue"]]);
+var _LewDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0e036b0b"], ["__file", "/Users/kamtao/Documents/lew_worksplace/lew-ui/packages/directives/dialog/src/LewDialog.vue"]]);
 const warning$1 = (options) => {
   dialog("warning", options);
 };
@@ -13283,7 +13361,7 @@ const add = (type, title, content, delay) => {
                     </div>
                 </div>
     `;
-  LewMessageDom == null ? void 0 : LewMessageDom.appendChild(newMessage, LewMessageDom == null ? void 0 : LewMessageDom.childNodes[0]);
+  LewMessageDom == null ? void 0 : LewMessageDom.insertBefore(newMessage, LewMessageDom == null ? void 0 : LewMessageDom.childNodes[0]);
   newMessage.setAttribute(
     "class",
     `lew-notification lew-notification-${type}`
@@ -13309,16 +13387,20 @@ const add = (type, title, content, delay) => {
       "class",
       `lew-notification lew-notification-${type} lew-notification-hidden`
     );
-    setTimeout(() => {
-      if (newMessage)
-        LewMessageDom == null ? void 0 : LewMessageDom.removeChild(newMessage);
-    }, 250);
+    if (newMessage) {
+      if (LewMessageDom) {
+        setTimeout(() => {
+          LewMessageDom.removeChild(newMessage);
+        }, 250);
+      }
+    }
   }
   newMessage.children[0].children[2].addEventListener("click", handleClose);
   newMessage.addEventListener("mouseenter", clearTimer);
   newMessage.addEventListener("mouseleave", startTimer);
   setTimeout(() => {
     lock = false;
+    console.log(newMessage.clientHeight);
     newMessage.setAttribute(
       "class",
       `lew-notification lew-notification-${type} lew-notification-show`