lew-ui 1.0.32 → 1.0.35

package/dist/lew.es.ts

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, onUnmounted, onMounted, getCurrentInstance, unref, ref, watch, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, pushScopeId, popScopeId, computed, resolveComponent, createBlock, withCtx, createStaticVNode, provide, inject, onBeforeMount, h as h$1, withDirectives, vModelText, vModelDynamic, createVNode, withModifiers, vShow, createTextVNode, nextTick, isRef, vModelCheckbox, Teleport, Transition, resolveDirective, shallowRef, createApp } from "vue";
+import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, onUnmounted, onMounted, getCurrentInstance, unref, ref, watch, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, pushScopeId, popScopeId, computed, resolveComponent, createBlock, withCtx, createStaticVNode, provide, inject, onBeforeMount, h as h$1, withDirectives, vModelText, vModelDynamic, createVNode, withModifiers, vShow, createTextVNode, nextTick, isRef, vModelCheckbox, Teleport, Transition, resolveDirective, shallowRef, createApp, getCurrentScope, onScopeDispose } from "vue";
 var LewFlex_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
@@ -7,7 +7,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "LewFlex",
   props: {
     direction: {
@@ -45,10 +45,10 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewFlex = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-0a8a3e9b"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/flex/src/LewFlex.vue"]]);
+var LewFlex = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-0a8a3e9b"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/flex/src/LewFlex.vue"]]);
 var LewSpace_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$L = { class: "lew-space" };
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _hoisted_1$M = { class: "lew-space" };
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "LewSpace",
   props: {
     direction: {
@@ -58,15 +58,15 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$L, [
+      return openBlock(), createElementBlock("div", _hoisted_1$M, [
         renderSlot(_ctx.$slots, "default")
       ]);
     };
   }
 });
-var LewSpace = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/space/src/LewSpace.vue"]]);
+var LewSpace = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/space/src/LewSpace.vue"]]);
 var LewLayout_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "LewLayout",
   props: {
     direction: {
@@ -96,7 +96,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewLayout = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-38cc287d"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/layout/src/LewLayout.vue"]]);
+var LewLayout = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-38cc287d"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/layout/src/LewLayout.vue"]]);
 function useDOMCreate(nodeId) {
   const node = document.createElement("div");
   node.id = nodeId;
@@ -108,8 +108,8 @@ function useDOMCreate(nodeId) {
 let instance$1;
 function useLewTo() {
   const lewTo = (path) => {
-    var _a;
-    const router = (_a = instance$1.appContext.config) == null ? void 0 : _a.globalProperties.$router;
+    var _a2;
+    const router = (_a2 = instance$1.appContext.config) == null ? void 0 : _a2.globalProperties.$router;
     if (!path)
       return;
     if (path && path.startsWith("http")) {
@@ -131,7 +131,7 @@ function useEventListener(target, event, callback) {
   onUnmounted(() => target.removeEventListener(event, callback, true));
 }
 var LewMark_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "LewMark",
   props: {
     type: {
@@ -164,7 +164,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewMark = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/mark/src/LewMark.vue"]]);
+var LewMark = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/mark/src/LewMark.vue"]]);
 const tabsProps = {
   modelValue: {
     type: String,
@@ -196,8 +196,8 @@ const tabsProps = {
   }
 };
 var LewTabs_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$K = ["onClick"];
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _hoisted_1$L = ["onClick"];
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "LewTabs",
   props: tabsProps,
   emits: ["change", "update:modelValue"],
@@ -278,34 +278,34 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["lew-tabs-item", { "lew-tabs-item-active": unref(v2) == item.value }]),
             style: normalizeStyle(`width:${_ctx.itemWidth}`),
             onClick: ($event) => setStyle(item.value)
-          }, toDisplayString(item.label), 15, _hoisted_1$K);
+          }, toDisplayString(item.label), 15, _hoisted_1$L);
         }), 128))
       ], 6);
     };
   }
 });
-var LewTabs = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-6111b125"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/tabs/src/LewTabs.vue"]]);
+var LewTabs = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-6111b125"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/tabs/src/LewTabs.vue"]]);
 var LewSteps_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$J = { class: "lew-breadcrumb" };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _hoisted_1$K = { class: "lew-breadcrumb" };
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "LewSteps",
   props: {},
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$J);
+      return openBlock(), createElementBlock("div", _hoisted_1$K);
     };
   }
 });
-var LewSteps = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-5e4b1dfe"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/steps/src/LewSteps.vue"]]);
+var LewSteps = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-5e4b1dfe"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/steps/src/LewSteps.vue"]]);
 var LewBreadcrumb_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$3 = (n2) => (pushScopeId("data-v-5303b0ef"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$I = { class: "lew-breadcrumb" };
-const _hoisted_2$A = ["onClick"];
-const _hoisted_3$v = {
+const _hoisted_1$J = { class: "lew-breadcrumb" };
+const _hoisted_2$B = ["onClick"];
+const _hoisted_3$w = {
   key: 0,
   class: "lew-breadcrumb-parting"
 };
-const _hoisted_4$e = {
+const _hoisted_4$f = {
   key: 0,
   viewBox: "0 0 48 48",
   fill: "none",
@@ -335,7 +335,7 @@ const _hoisted_8$1 = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ create
 const _hoisted_9$1 = [
   _hoisted_8$1
 ];
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "LewBreadcrumb",
   props: {
     options: {
@@ -354,7 +354,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const { lewTo } = useLewTo();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$I, [
+      return openBlock(), createElementBlock("div", _hoisted_1$J, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (item, index2) => {
           return openBlock(), createElementBlock("div", {
             key: index2,
@@ -363,9 +363,9 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             createElementVNode("span", {
               class: normalizeClass({ "lew-breadcrumb-isPath": !!item.to }),
               onClick: ($event) => unref(lewTo)(item.to)
-            }, toDisplayString(item.label), 11, _hoisted_2$A),
-            index2 != __props.options.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$v, [
-              __props.iconType == "sprit" ? (openBlock(), createElementBlock("svg", _hoisted_4$e, _hoisted_6$6)) : createCommentVNode("v-if", true),
+            }, toDisplayString(item.label), 11, _hoisted_2$B),
+            index2 != __props.options.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$w, [
+              __props.iconType == "sprit" ? (openBlock(), createElementBlock("svg", _hoisted_4$f, _hoisted_6$6)) : createCommentVNode("v-if", true),
               __props.iconType == "shoulder" ? (openBlock(), createElementBlock("svg", _hoisted_7$5, _hoisted_9$1)) : createCommentVNode("v-if", true)
             ])) : createCommentVNode("v-if", true)
           ], 2);
@@ -374,10 +374,10 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-5303b0ef"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/breadcrumb/src/LewBreadcrumb.vue"]]);
+var LewBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-5303b0ef"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/breadcrumb/src/LewBreadcrumb.vue"]]);
 var LewDropdown_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$H = ["onClick"];
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _hoisted_1$I = ["onClick"];
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "LewDropdown",
   props: {
     options: {
@@ -468,7 +468,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                 class: "lew-dropdown-option",
                 style: normalizeStyle(`text-align:${__props.align}`),
                 onClick: ($event) => change(item)
-              }, toDisplayString(item.label), 13, _hoisted_1$H);
+              }, toDisplayString(item.label), 13, _hoisted_1$I);
             }), 128))
           ], 4)) : createCommentVNode("v-if", true)
         ]),
@@ -477,13 +477,13 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-9869e96a"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/dropdown/src/LewDropdown.vue"]]);
-const _hoisted_1$G = {
+var LewDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-9869e96a"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/dropdown/src/LewDropdown.vue"]]);
+const _hoisted_1$H = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$z = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$A = /* @__PURE__ */ createElementVNode(
   "path",
   {
     d: "M414 321.94L274.22 158.82a24 24 0 0 0-36.44 0L98 321.94c-13.34 15.57-2.28 39.62 18.22 39.62h279.6c20.5 0 31.56-24.05 18.18-39.62z",
@@ -492,19 +492,19 @@ const _hoisted_2$z = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$u = [_hoisted_2$z];
+const _hoisted_3$v = [_hoisted_2$A];
 var CaretUp = defineComponent({
   name: "CaretUp",
   render: function render(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$G, _hoisted_3$u);
+    return openBlock(), createElementBlock("svg", _hoisted_1$H, _hoisted_3$v);
   }
 });
-const _hoisted_1$F = {
+const _hoisted_1$G = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$y = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$z = /* @__PURE__ */ createElementVNode(
   "path",
   {
     fill: "none",
@@ -517,19 +517,19 @@ const _hoisted_2$y = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$t = [_hoisted_2$y];
+const _hoisted_3$u = [_hoisted_2$z];
 var ChevronBack = defineComponent({
   name: "ChevronBack",
   render: function render2(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$F, _hoisted_3$t);
+    return openBlock(), createElementBlock("svg", _hoisted_1$G, _hoisted_3$u);
   }
 });
-const _hoisted_1$E = {
+const _hoisted_1$F = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$x = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$y = /* @__PURE__ */ createElementVNode(
   "path",
   {
     fill: "none",
@@ -542,19 +542,19 @@ const _hoisted_2$x = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$s = [_hoisted_2$x];
+const _hoisted_3$t = [_hoisted_2$y];
 var ChevronBackOutline = defineComponent({
   name: "ChevronBackOutline",
   render: function render3(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$E, _hoisted_3$s);
+    return openBlock(), createElementBlock("svg", _hoisted_1$F, _hoisted_3$t);
   }
 });
-const _hoisted_1$D = {
+const _hoisted_1$E = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$w = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$x = /* @__PURE__ */ createElementVNode(
   "path",
   {
     fill: "none",
@@ -567,19 +567,19 @@ const _hoisted_2$w = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$r = [_hoisted_2$w];
+const _hoisted_3$s = [_hoisted_2$x];
 var ChevronDown = defineComponent({
   name: "ChevronDown",
   render: function render4(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$D, _hoisted_3$r);
+    return openBlock(), createElementBlock("svg", _hoisted_1$E, _hoisted_3$s);
   }
 });
-const _hoisted_1$C = {
+const _hoisted_1$D = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$v = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$w = /* @__PURE__ */ createElementVNode(
   "path",
   {
     fill: "none",
@@ -592,19 +592,19 @@ const _hoisted_2$v = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$q = [_hoisted_2$v];
+const _hoisted_3$r = [_hoisted_2$w];
 var ChevronForward = defineComponent({
   name: "ChevronForward",
   render: function render5(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$C, _hoisted_3$q);
+    return openBlock(), createElementBlock("svg", _hoisted_1$D, _hoisted_3$r);
   }
 });
-const _hoisted_1$B = {
+const _hoisted_1$C = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$u = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$v = /* @__PURE__ */ createElementVNode(
   "path",
   {
     fill: "none",
@@ -617,19 +617,19 @@ const _hoisted_2$u = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$p = [_hoisted_2$u];
+const _hoisted_3$q = [_hoisted_2$v];
 var ChevronForwardOutline = defineComponent({
   name: "ChevronForwardOutline",
   render: function render6(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$B, _hoisted_3$p);
+    return openBlock(), createElementBlock("svg", _hoisted_1$C, _hoisted_3$q);
   }
 });
-const _hoisted_1$A = {
+const _hoisted_1$B = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$t = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$u = /* @__PURE__ */ createElementVNode(
   "path",
   {
     d: "M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192s192-86 192-192z",
@@ -641,7 +641,7 @@ const _hoisted_2$t = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$o = /* @__PURE__ */ createElementVNode(
+const _hoisted_3$p = /* @__PURE__ */ createElementVNode(
   "path",
   {
     fill: "none",
@@ -654,7 +654,7 @@ const _hoisted_3$o = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_4$d = /* @__PURE__ */ createElementVNode(
+const _hoisted_4$e = /* @__PURE__ */ createElementVNode(
   "path",
   {
     fill: "none",
@@ -667,19 +667,19 @@ const _hoisted_4$d = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_5$a = [_hoisted_2$t, _hoisted_3$o, _hoisted_4$d];
+const _hoisted_5$a = [_hoisted_2$u, _hoisted_3$p, _hoisted_4$e];
 var CloseCircleOutline = defineComponent({
   name: "CloseCircleOutline",
   render: function render7(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$A, _hoisted_5$a);
+    return openBlock(), createElementBlock("svg", _hoisted_1$B, _hoisted_5$a);
   }
 });
-const _hoisted_1$z = {
+const _hoisted_1$A = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$s = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$t = /* @__PURE__ */ createElementVNode(
   "circle",
   {
     cx: "256",
@@ -690,7 +690,7 @@ const _hoisted_2$s = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$n = /* @__PURE__ */ createElementVNode(
+const _hoisted_3$o = /* @__PURE__ */ createElementVNode(
   "circle",
   {
     cx: "416",
@@ -701,7 +701,7 @@ const _hoisted_3$n = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_4$c = /* @__PURE__ */ createElementVNode(
+const _hoisted_4$d = /* @__PURE__ */ createElementVNode(
   "circle",
   {
     cx: "96",
@@ -712,32 +712,32 @@ const _hoisted_4$c = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_5$9 = [_hoisted_2$s, _hoisted_3$n, _hoisted_4$c];
+const _hoisted_5$9 = [_hoisted_2$t, _hoisted_3$o, _hoisted_4$d];
 var EllipsisHorizontal = defineComponent({
   name: "EllipsisHorizontal",
   render: function render8(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$z, _hoisted_5$9);
+    return openBlock(), createElementBlock("svg", _hoisted_1$A, _hoisted_5$9);
   }
 });
-const _hoisted_1$y = {
+const _hoisted_1$z = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$r = /* @__PURE__ */ createStaticVNode('<path d="M432 448a15.92 15.92 0 0 1-11.31-4.69l-352-352a16 16 0 0 1 22.62-22.62l352 352A16 16 0 0 1 432 448z" fill="currentColor"></path><path d="M255.66 384c-41.49 0-81.5-12.28-118.92-36.5c-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 0 0 .14-2.94L93.5 161.38a2 2 0 0 0-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 0 0-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.13 239.13 0 0 0 75.8-12.58a2 2 0 0 0 .77-3.31l-21.58-21.58a4 4 0 0 0-3.83-1a204.8 204.8 0 0 1-51.16 6.47z" fill="currentColor"></path><path d="M490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.34 227.34 0 0 0-74.89 12.83a2 2 0 0 0-.75 3.31l21.55 21.55a4 4 0 0 0 3.88 1a192.82 192.82 0 0 1 50.21-6.69c40.69 0 80.58 12.43 118.55 37c34.71 22.4 65.74 53.88 89.76 91a.13.13 0 0 1 0 .16a310.72 310.72 0 0 1-64.12 72.73a2 2 0 0 0-.15 2.95l19.9 19.89a2 2 0 0 0 2.7.13a343.49 343.49 0 0 0 68.64-78.48a32.2 32.2 0 0 0-.1-34.78z" fill="currentColor"></path><path d="M256 160a95.88 95.88 0 0 0-21.37 2.4a2 2 0 0 0-1 3.38l112.59 112.56a2 2 0 0 0 3.38-1A96 96 0 0 0 256 160z" fill="currentColor"></path><path d="M165.78 233.66a2 2 0 0 0-3.38 1a96 96 0 0 0 115 115a2 2 0 0 0 1-3.38z" fill="currentColor"></path>', 5);
-const _hoisted_7$4 = [_hoisted_2$r];
+const _hoisted_2$s = /* @__PURE__ */ createStaticVNode('<path d="M432 448a15.92 15.92 0 0 1-11.31-4.69l-352-352a16 16 0 0 1 22.62-22.62l352 352A16 16 0 0 1 432 448z" fill="currentColor"></path><path d="M255.66 384c-41.49 0-81.5-12.28-118.92-36.5c-34.07-22-64.74-53.51-88.7-91v-.08c19.94-28.57 41.78-52.73 65.24-72.21a2 2 0 0 0 .14-2.94L93.5 161.38a2 2 0 0 0-2.71-.12c-24.92 21-48.05 46.76-69.08 76.92a31.92 31.92 0 0 0-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416a239.13 239.13 0 0 0 75.8-12.58a2 2 0 0 0 .77-3.31l-21.58-21.58a4 4 0 0 0-3.83-1a204.8 204.8 0 0 1-51.16 6.47z" fill="currentColor"></path><path d="M490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96a227.34 227.34 0 0 0-74.89 12.83a2 2 0 0 0-.75 3.31l21.55 21.55a4 4 0 0 0 3.88 1a192.82 192.82 0 0 1 50.21-6.69c40.69 0 80.58 12.43 118.55 37c34.71 22.4 65.74 53.88 89.76 91a.13.13 0 0 1 0 .16a310.72 310.72 0 0 1-64.12 72.73a2 2 0 0 0-.15 2.95l19.9 19.89a2 2 0 0 0 2.7.13a343.49 343.49 0 0 0 68.64-78.48a32.2 32.2 0 0 0-.1-34.78z" fill="currentColor"></path><path d="M256 160a95.88 95.88 0 0 0-21.37 2.4a2 2 0 0 0-1 3.38l112.59 112.56a2 2 0 0 0 3.38-1A96 96 0 0 0 256 160z" fill="currentColor"></path><path d="M165.78 233.66a2 2 0 0 0-3.38 1a96 96 0 0 0 115 115a2 2 0 0 0 1-3.38z" fill="currentColor"></path>', 5);
+const _hoisted_7$4 = [_hoisted_2$s];
 var EyeOffOutline = defineComponent({
   name: "EyeOffOutline",
   render: function render9(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$y, _hoisted_7$4);
+    return openBlock(), createElementBlock("svg", _hoisted_1$z, _hoisted_7$4);
   }
 });
-const _hoisted_1$x = {
+const _hoisted_1$y = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$q = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$r = /* @__PURE__ */ createElementVNode(
   "path",
   {
     d: "M255.66 112c-77.94 0-157.89 45.11-220.83 135.33a16 16 0 0 0-.27 17.77C82.92 340.8 161.8 400 255.66 400c92.84 0 173.34-59.38 221.79-135.25a16.14 16.14 0 0 0 0-17.47C428.89 172.28 347.8 112 255.66 112z",
@@ -750,7 +750,7 @@ const _hoisted_2$q = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$m = /* @__PURE__ */ createElementVNode(
+const _hoisted_3$n = /* @__PURE__ */ createElementVNode(
   "circle",
   {
     cx: "256",
@@ -764,11 +764,11 @@ const _hoisted_3$m = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_4$b = [_hoisted_2$q, _hoisted_3$m];
+const _hoisted_4$c = [_hoisted_2$r, _hoisted_3$n];
 var EyeOutline = defineComponent({
   name: "EyeOutline",
   render: function render10(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$x, _hoisted_4$b);
+    return openBlock(), createElementBlock("svg", _hoisted_1$y, _hoisted_4$c);
   }
 });
 function ampCount(selector) {
@@ -1207,8 +1207,8 @@ const Icon = defineComponent({
   setup(props, { slots }) {
     const IconConfigProvider = inject(iconConfigInjectionKey, null);
     const mergedSizeRef = computed(() => {
-      var _a;
-      const _size = (_a = props.size) !== null && _a !== void 0 ? _a : IconConfigProvider === null || IconConfigProvider === void 0 ? void 0 : IconConfigProvider.size;
+      var _a2;
+      const _size = (_a2 = props.size) !== null && _a2 !== void 0 ? _a2 : IconConfigProvider === null || IconConfigProvider === void 0 ? void 0 : IconConfigProvider.size;
       if (_size === void 0) {
         return void 0;
       }
@@ -1227,10 +1227,10 @@ const Icon = defineComponent({
       return color;
     });
     const mergedTagRef = computed(() => {
-      var _a;
+      var _a2;
       const { tag } = props;
       if (tag === void 0) {
-        return (_a = IconConfigProvider === null || IconConfigProvider === void 0 ? void 0 : IconConfigProvider.tag) !== null && _a !== void 0 ? _a : defaultTag;
+        return (_a2 = IconConfigProvider === null || IconConfigProvider === void 0 ? void 0 : IconConfigProvider.tag) !== null && _a2 !== void 0 ? _a2 : defaultTag;
       }
       return tag;
     });
@@ -1307,13 +1307,13 @@ const inputProps = {
   }
 };
 var LewInput_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$w = ["disabled", "readonly", "placeholder"];
-const _hoisted_2$p = ["disabled", "placeholder", "type", "readonly"];
-const _hoisted_3$l = {
+const _hoisted_1$x = ["disabled", "readonly", "placeholder"];
+const _hoisted_2$q = ["disabled", "placeholder", "type", "readonly"];
+const _hoisted_3$m = {
   key: 2,
   class: "input-auto-width"
 };
-const _hoisted_4$a = {
+const _hoisted_4$b = {
   key: 0,
   class: "lew-input-show-count"
 };
@@ -1325,7 +1325,7 @@ const _hoisted_6$5 = {
   key: 2,
   class: "lew-input-clear"
 };
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "LewInput",
   props: inputProps,
   emits: [
@@ -1364,9 +1364,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", v2.value);
     };
     const focusFn = () => {
-      var _a, _b;
+      var _a2, _b;
       if (props.type == "textarea") {
-        (_a = lewTextareaRef.value) == null ? void 0 : _a.focus();
+        (_a2 = lewTextareaRef.value) == null ? void 0 : _a2.focus();
       } else {
         (_b = lewInputRef.value) == null ? void 0 : _b.focus();
       }
@@ -1427,7 +1427,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           onChange: _cache[1] || (_cache[1] = ($event) => emit("change", v2.value)),
           onBlur: _cache[2] || (_cache[2] = ($event) => emit("blur", v2.value)),
           onFocus: _cache[3] || (_cache[3] = ($event) => emit("focus", v2.value))
-        }, null, 42, _hoisted_1$w)), [
+        }, null, 42, _hoisted_1$x)), [
           [vModelText, v2.value]
         ]) : withDirectives((openBlock(), createElementBlock("input", {
           key: 1,
@@ -1443,17 +1443,17 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           onChange: _cache[5] || (_cache[5] = ($event) => emit("change", v2.value)),
           onBlur: _cache[6] || (_cache[6] = ($event) => emit("blur", v2.value)),
           onFocus: _cache[7] || (_cache[7] = ($event) => emit("focus", v2.value))
-        }, null, 40, _hoisted_2$p)), [
+        }, null, 40, _hoisted_2$q)), [
           [vModelDynamic, v2.value]
         ]),
-        _ctx.autoWidth ? (openBlock(), createElementBlock("label", _hoisted_3$l, toDisplayString(v2.value), 1)) : createCommentVNode("v-if", true),
+        _ctx.autoWidth ? (openBlock(), createElementBlock("label", _hoisted_3$m, toDisplayString(v2.value), 1)) : createCommentVNode("v-if", true),
         _ctx.showPassword || _ctx.clearable || _ctx.showCount ? (openBlock(), createElementBlock("div", {
           key: 3,
           class: normalizeClass(["lew-input-controls", {
             "lew-input-controls-show": v2.value && _ctx.showPassword || v2.value && _ctx.clearable || _ctx.showCount && !_ctx.clearable && !_ctx.showPassword || _ctx.showCount && _ctx.maxLength
           }])
         }, [
-          unref(getCheckNumStr) ? (openBlock(), createElementBlock("div", _hoisted_4$a, toDisplayString(unref(getCheckNumStr)), 1)) : createCommentVNode("v-if", true),
+          unref(getCheckNumStr) ? (openBlock(), createElementBlock("div", _hoisted_4$b, toDisplayString(unref(getCheckNumStr)), 1)) : createCommentVNode("v-if", true),
           _ctx.showPassword ? (openBlock(), createElementBlock("div", _hoisted_5$8, [
             createVNode(unref(Icon), {
               class: "eye-icon-view",
@@ -1492,7 +1492,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-156ce1e1"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/input/src/LewInput.vue"]]);
+var LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-156ce1e1"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/input/src/LewInput.vue"]]);
 const inputProProps = {
   type: {
     type: String,
@@ -1570,8 +1570,8 @@ const inputProProps = {
   }
 };
 var LewInputPro_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$v = { class: "lew-input-pro" };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _hoisted_1$w = { class: "lew-input-pro" };
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "LewInputPro",
   props: inputProProps,
   emits: [
@@ -1609,7 +1609,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       emit("change", v2.value);
       setTimeout(() => {
         hide2();
-      }, 120);
+      }, 500);
     };
     const open = () => {
       if (props.options.length == 0)
@@ -1619,15 +1619,10 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     const hide2 = () => {
       lewDropdownRef.value.hide();
     };
-    const delayHide = () => {
-      setTimeout(() => {
-        hide2();
-      }, 120);
-    };
     return (_ctx, _cache) => {
       const _component_lew_input = resolveComponent("lew-input");
       const _component_lew_dropdown = resolveComponent("lew-dropdown");
-      return openBlock(), createElementBlock("div", _hoisted_1$v, [
+      return openBlock(), createElementBlock("div", _hoisted_1$w, [
         renderSlot(_ctx.$slots, "left", {}, void 0, true),
         createVNode(_component_lew_dropdown, {
           ref_key: "lewDropdownRef",
@@ -1657,7 +1652,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               }, ["stop"])),
               onInput: input,
               onChange: _cache[2] || (_cache[2] = ($event) => emit("change", v2.value)),
-              onBlur: _cache[3] || (_cache[3] = ($event) => (emit("blur", v2.value), delayHide())),
+              onBlur: _cache[3] || (_cache[3] = ($event) => emit("blur", v2.value)),
               onFocus: _cache[4] || (_cache[4] = ($event) => (open(), emit("focus", v2.value))),
               onClear: clear
             }, null, 8, ["modelValue", "type", "autoWidth", "size", "align", "placeholder", "clearable"])
@@ -1669,21 +1664,25 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewInputPro = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-1e1e8f9c"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/input-pro/src/LewInputPro.vue"]]);
+var LewInputPro = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-1e1e8f9c"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/input-pro/src/LewInputPro.vue"]]);
 const inputTagProps = {
   modelValue: {
     type: Array,
     default: () => {
       return [];
     }
+  },
+  type: {
+    type: String,
+    default: "normal"
   }
 };
-const _hoisted_1$u = {
+const _hoisted_1$v = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 16 16"
 };
-const _hoisted_2$o = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$p = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1696,19 +1695,19 @@ const _hoisted_2$o = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$k = [_hoisted_2$o];
+const _hoisted_3$l = [_hoisted_2$p];
 var Add16Regular = defineComponent({
   name: "Add16Regular",
   render: function render11(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$u, _hoisted_3$k);
+    return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_3$l);
   }
 });
-const _hoisted_1$t = {
+const _hoisted_1$u = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$n = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$o = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1721,19 +1720,19 @@ const _hoisted_2$n = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$j = [_hoisted_2$n];
+const _hoisted_3$k = [_hoisted_2$o];
 var Alert24Regular = defineComponent({
   name: "Alert24Regular",
   render: function render12(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$j);
+    return openBlock(), createElementBlock("svg", _hoisted_1$u, _hoisted_3$k);
   }
 });
-const _hoisted_1$s = {
+const _hoisted_1$t = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 12 12"
 };
-const _hoisted_2$m = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$n = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1746,19 +1745,19 @@ const _hoisted_2$m = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$i = [_hoisted_2$m];
+const _hoisted_3$j = [_hoisted_2$n];
 var CalendarLtr12Regular = defineComponent({
   name: "CalendarLtr12Regular",
   render: function render13(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$i);
+    return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$j);
   }
 });
-const _hoisted_1$r = {
+const _hoisted_1$s = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$l = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$m = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1771,19 +1770,19 @@ const _hoisted_2$l = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$h = [_hoisted_2$l];
+const _hoisted_3$i = [_hoisted_2$m];
 var CheckmarkCircle24Regular = defineComponent({
   name: "CheckmarkCircle24Regular",
   render: function render14(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$h);
+    return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$i);
   }
 });
-const _hoisted_1$q = {
+const _hoisted_1$r = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$k = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$l = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1796,19 +1795,19 @@ const _hoisted_2$k = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$g = [_hoisted_2$k];
+const _hoisted_3$h = [_hoisted_2$l];
 var ChevronUp24Regular = defineComponent({
   name: "ChevronUp24Regular",
   render: function render15(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$g);
+    return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$h);
   }
 });
-const _hoisted_1$p = {
+const _hoisted_1$q = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$j = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$k = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1821,19 +1820,19 @@ const _hoisted_2$j = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$f = [_hoisted_2$j];
+const _hoisted_3$g = [_hoisted_2$k];
 var Code24Regular = defineComponent({
   name: "Code24Regular",
   render: function render16(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$f);
+    return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$g);
   }
 });
-const _hoisted_1$o = {
+const _hoisted_1$p = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$i = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$j = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1846,19 +1845,19 @@ const _hoisted_2$i = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$e = [_hoisted_2$i];
+const _hoisted_3$f = [_hoisted_2$j];
 var Dismiss24Filled = defineComponent({
   name: "Dismiss24Filled",
   render: function render17(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_3$e);
+    return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$f);
   }
 });
-const _hoisted_1$n = {
+const _hoisted_1$o = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$h = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$i = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1871,19 +1870,19 @@ const _hoisted_2$h = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$d = [_hoisted_2$h];
+const _hoisted_3$e = [_hoisted_2$i];
 var ErrorCircle24Regular = defineComponent({
   name: "ErrorCircle24Regular",
   render: function render18(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$d);
+    return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_3$e);
   }
 });
-const _hoisted_1$m = {
+const _hoisted_1$n = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$g = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$h = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1896,19 +1895,19 @@ const _hoisted_2$g = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$c = [_hoisted_2$g];
+const _hoisted_3$d = [_hoisted_2$h];
 var Info24Regular = defineComponent({
   name: "Info24Regular",
   render: function render19(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$c);
+    return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$d);
   }
 });
-const _hoisted_1$l = {
+const _hoisted_1$m = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$f = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$g = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1921,16 +1920,16 @@ const _hoisted_2$f = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$b = [_hoisted_2$f];
+const _hoisted_3$c = [_hoisted_2$g];
 var Warning24Regular = defineComponent({
   name: "Warning24Regular",
   render: function render20(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$l, _hoisted_3$b);
+    return openBlock(), createElementBlock("svg", _hoisted_1$m, _hoisted_3$c);
   }
 });
 var LewInputTag_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$k = { class: "lew-input-tag" };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _hoisted_1$l = { class: "lew-input-tag" };
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "LewInputTag",
   props: inputTagProps,
   setup(__props) {
@@ -1994,18 +1993,19 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_lew_tag = resolveComponent("lew-tag");
       const _component_lew_input = resolveComponent("lew-input");
-      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+      return openBlock(), createElementBlock("div", _hoisted_1$l, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(tagsValue.value, (item, index2) => {
           return openBlock(), createBlock(_component_lew_tag, {
             closable: "",
             key: index2,
+            type: _ctx.type,
             onClose: ($event) => delTag(index2)
           }, {
             default: withCtx(() => [
               createTextVNode(toDisplayString(item), 1)
             ]),
             _: 2
-          }, 1032, ["onClose"]);
+          }, 1032, ["type", "onClose"]);
         }), 128)),
         withDirectives(createElementVNode("label", {
           onClick: openInput,
@@ -2037,10 +2037,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-ad3c9b14"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/input-tag/src/LewInputTag.vue"]]);
+var LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-ad3c9b14"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/input-tag/src/LewInputTag.vue"]]);
 var LewFormItem_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$j = { class: "title-label" };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _hoisted_1$k = { class: "title-label" };
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "LewFormItem",
   props: {
     title: {
@@ -2058,20 +2058,20 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["lew-form-item", `lew-form-item-${__props.direction}`])
       }, [
-        createElementVNode("label", _hoisted_1$j, toDisplayString(props.title), 1),
+        createElementVNode("label", _hoisted_1$k, toDisplayString(props.title), 1),
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ], 2);
     };
   }
 });
-var LewFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__scopeId", "data-v-441b5c62"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/form-item/src/LewFormItem.vue"]]);
+var LewFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-441b5c62"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/form-item/src/LewFormItem.vue"]]);
 var LewCheckbox_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$2 = (n2) => (pushScopeId("data-v-5594c4af"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$i = {
+const _hoisted_1$j = {
   key: 0,
   class: "icon-checkbox-box"
 };
-const _hoisted_2$e = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_2$f = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("svg", {
   class: "icon-checkbox",
   viewBox: "0 0 24 24",
   width: "24",
@@ -2084,15 +2084,15 @@ const _hoisted_2$e = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ create
 }, [
   /* @__PURE__ */ createElementVNode("polyline", { points: "20 6 9 17 4 12" })
 ], -1));
-const _hoisted_3$a = [
-  _hoisted_2$e
+const _hoisted_3$b = [
+  _hoisted_2$f
 ];
-const _hoisted_4$9 = ["checked"];
+const _hoisted_4$a = ["checked"];
 const _hoisted_5$7 = {
   key: 1,
   class: "lew-checkbox-label"
 };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "LewCheckbox",
   props: {
     label: {
@@ -2146,12 +2146,12 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         ${!__props.iconable ? "lew-checkbox-unicon" : ""}
         `])
       }, [
-        __props.iconable ? (openBlock(), createElementBlock("div", _hoisted_1$i, _hoisted_3$a)) : createCommentVNode("v-if", true),
+        __props.iconable ? (openBlock(), createElementBlock("div", _hoisted_1$j, _hoisted_3$b)) : createCommentVNode("v-if", true),
         withDirectives(createElementVNode("input", {
           type: "checkbox",
           checked: unref(_checked),
           onInput: setChecked
-        }, null, 40, _hoisted_4$9), [
+        }, null, 40, _hoisted_4$a), [
           [vShow, false]
         ]),
         __props.label ? (openBlock(), createElementBlock("span", _hoisted_5$7, toDisplayString(__props.label), 1)) : createCommentVNode("v-if", true)
@@ -2159,9 +2159,9 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-5594c4af"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/checkbox/src/LewCheckbox.vue"]]);
+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 LewCheckboxGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "LewCheckboxGroup",
   props: {
     modelValue: {
@@ -2248,23 +2248,23 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-66b915c0"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/checkbox/src/LewCheckboxGroup.vue"]]);
+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 LewRadio_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$1 = (n2) => (pushScopeId("data-v-365d2981"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$h = {
+const _hoisted_1$i = {
   key: 0,
   class: "icon-radio-box"
 };
-const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "icon-radio" }, null, -1));
-const _hoisted_3$9 = [
-  _hoisted_2$d
+const _hoisted_2$e = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "icon-radio" }, null, -1));
+const _hoisted_3$a = [
+  _hoisted_2$e
 ];
-const _hoisted_4$8 = ["checked"];
+const _hoisted_4$9 = ["checked"];
 const _hoisted_5$6 = {
   key: 1,
   class: "lew-radio-label"
 };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "LewRadio",
   props: {
     label: {
@@ -2297,12 +2297,12 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         ${__props.checked ? "lew-radio-checked" : ""}   
         ${!__props.iconable ? "lew-radio-unicon" : ""}`])
       }, [
-        __props.iconable ? (openBlock(), createElementBlock("div", _hoisted_1$h, _hoisted_3$9)) : createCommentVNode("v-if", true),
+        __props.iconable ? (openBlock(), createElementBlock("div", _hoisted_1$i, _hoisted_3$a)) : createCommentVNode("v-if", true),
         withDirectives(createElementVNode("input", {
           type: "radio",
           checked: __props.checked,
           onInput: setChecked
-        }, null, 40, _hoisted_4$8), [
+        }, null, 40, _hoisted_4$9), [
           [vShow, false]
         ]),
         __props.label ? (openBlock(), createElementBlock("span", _hoisted_5$6, toDisplayString(__props.label), 1)) : createCommentVNode("v-if", true)
@@ -2310,9 +2310,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-365d2981"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/radio/src/LewRadio.vue"]]);
+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 LewRadioGroup_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "LewRadioGroup",
   props: {
     modelValue: {
@@ -2382,7 +2382,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-642e37a4"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/radio/src/LewRadioGroup.vue"]]);
+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"]]);
 const selectProps = {
   modelValue: {
     type: [String, Array],
@@ -2420,19 +2420,19 @@ const selectProps = {
 };
 var LewSelect_vue_vue_type_style_index_0_scoped_true_lang = "";
 var LewSelect_vue_vue_type_style_index_1_lang = "";
-const _hoisted_1$g = {
+const _hoisted_1$h = {
   key: 0,
   class: "lew-select-placeholder"
 };
-const _hoisted_2$c = { class: "lew-select-label-multiple" };
-const _hoisted_3$8 = {
+const _hoisted_2$d = { class: "lew-select-label-multiple" };
+const _hoisted_3$9 = {
   style: { "margin-left": "5px" },
   class: "lew-isSelect-label-num"
 };
-const _hoisted_4$7 = { class: "options-box" };
+const _hoisted_4$8 = { class: "options-box" };
 const _hoisted_5$5 = ["onClick"];
 const _hoisted_6$4 = { class: "lew-select-label" };
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "LewSelect",
   props: selectProps,
   emits: ["update:modelValue", "change"],
@@ -2520,8 +2520,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
     const lewSelectWidth = computed(
       () => {
-        var _a;
-        return ((_a = lewSelectRef.value) == null ? void 0 : _a.offsetWidth) - 12 + "px";
+        var _a2;
+        return ((_a2 = lewSelectRef.value) == null ? void 0 : _a2.offsetWidth) - 12 + "px";
       }
     );
     const show = () => {
@@ -2560,13 +2560,13 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            !_ctx.multiple && labelStr.value.length == 0 || _ctx.multiple && multipleLabelStr.value.length == 0 ? (openBlock(), createElementBlock("div", _hoisted_1$g, " \u8BF7\u9009\u62E9 ")) : createCommentVNode("v-if", true),
+            !_ctx.multiple && labelStr.value.length == 0 || _ctx.multiple && multipleLabelStr.value.length == 0 ? (openBlock(), createElementBlock("div", _hoisted_1$h, " \u8BF7\u9009\u62E9 ")) : createCommentVNode("v-if", true),
             createCommentVNode(" \u5355\u9009 "),
             withDirectives(createElementVNode("div", { class: "lew-select-label-single" }, toDisplayString(labelStr.value), 513), [
               [vShow, !_ctx.multiple]
             ]),
             createCommentVNode(" \u591A\u9009 "),
-            withDirectives(createElementVNode("div", _hoisted_2$c, [
+            withDirectives(createElementVNode("div", _hoisted_2$d, [
               withDirectives(createVNode(_component_lew_tag, {
                 type: "primary",
                 size: _ctx.size,
@@ -2587,7 +2587,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                 placement: "top"
               }, {
                 trigger: withCtx(() => [
-                  createElementVNode("div", _hoisted_3$8, [
+                  createElementVNode("div", _hoisted_3$9, [
                     withDirectives(createVNode(_component_lew_tag, {
                       size: _ctx.size,
                       type: "primary"
@@ -2641,7 +2641,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["lew-select-body", { "lew-select-multiple-body": _ctx.multiple }]),
             style: normalizeStyle(`width:${unref(lewSelectWidth)}`)
           }, [
-            createElementVNode("div", _hoisted_4$7, [
+            createElementVNode("div", _hoisted_4$8, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item) => {
                 return openBlock(), createElementBlock("div", {
                   key: item.value,
@@ -2667,10 +2667,10 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-326752a1"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/select/src/LewSelect.vue"]]);
+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 LewSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$f = ["disabled"];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _hoisted_1$g = ["disabled"];
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "LewSwitch",
   props: {
     modelValue: {
@@ -2708,13 +2708,13 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         type: "checkbox",
         disabled: props.disabled,
         onChange: change
-      }, null, 42, _hoisted_1$f)), [
+      }, null, 42, _hoisted_1$g)), [
         [vModelCheckbox, v2.value]
       ]);
     };
   }
 });
-var LewSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-3d4d5d11"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/switch/src/LewSwitch.vue"]]);
+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"]]);
 const getHeadDate = ["\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D", "\u65E5"];
 const getMonthDate = (year, month) => {
   const ret = [];
@@ -2782,22 +2782,22 @@ const dateProps = {
   }
 };
 var LewDate_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$e = { class: "lew-date" };
-const _hoisted_2$b = { class: "cur-date" };
-const _hoisted_3$7 = { class: "lew-date-control-right" };
-const _hoisted_4$6 = { class: "lew-date-box" };
+const _hoisted_1$f = { class: "lew-date" };
+const _hoisted_2$c = { class: "cur-date" };
+const _hoisted_3$8 = { class: "lew-date-control-right" };
+const _hoisted_4$7 = { class: "lew-date-box" };
 const _hoisted_5$4 = { class: "lew-date-num" };
 const _hoisted_6$3 = ["onClick"];
 const _hoisted_7$3 = { class: "lew-date-num" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "LewDate",
   props: dateProps,
   emits: ["change", "update:modelValue"],
   setup(__props, { emit }) {
-    var _a;
+    var _a2;
     const props = __props;
     let dateValue = ref(props.modelValue);
-    let dateArr = (_a = dateValue.value) == null ? void 0 : _a.split("-");
+    let dateArr = (_a2 = dateValue.value) == null ? void 0 : _a2.split("-");
     let today = new Date();
     let curYear = ref(today.getFullYear());
     let curMonth = ref(today.getMonth() + 1);
@@ -2850,15 +2850,15 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_lew_button = resolveComponent("lew-button");
       const _component_lew_flex = resolveComponent("lew-flex");
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
         createVNode(_component_lew_flex, {
           x: "start",
           mode: "between",
           class: "lew-date-control"
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_2$b, toDisplayString(unref(_year)) + " / " + toDisplayString(formatZero(unref(_month))), 1),
-            createElementVNode("div", _hoisted_3$7, [
+            createElementVNode("div", _hoisted_2$c, toDisplayString(unref(_year)) + " / " + toDisplayString(formatZero(unref(_month))), 1),
+            createElementVNode("div", _hoisted_3$8, [
               createVNode(_component_lew_button, {
                 type: "normal",
                 size: "small",
@@ -2883,7 +2883,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        createElementVNode("div", _hoisted_4$6, [
+        createElementVNode("div", _hoisted_4$7, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getHeadDate), (item, index2) => {
             return openBlock(), createElementBlock("div", {
               key: `h${index2}`,
@@ -2910,10 +2910,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewDate = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-29f4866a"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/date-picker/src/LewDate.vue"]]);
+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 LewDatePicker_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$d = { class: "lew-date-picker-placeholder" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _hoisted_1$e = { class: "lew-date-picker-placeholder" };
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "LewDatePicker",
   props: datePickerProps,
   emits: ["change", "update:modelValue"],
@@ -2952,7 +2952,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             class: normalizeClass(["lew-date-picker-input", { "lew-date-picker-focus": unref(isShowPicker) }])
           }, [
-            withDirectives(createElementVNode("div", _hoisted_1$d, " \u8BF7\u9009\u62E9\u65E5\u671F ", 512), [
+            withDirectives(createElementVNode("div", _hoisted_1$e, " \u8BF7\u9009\u62E9\u65E5\u671F ", 512), [
               [vShow, !unref(dateValue)]
             ]),
             withDirectives(createElementVNode("div", { class: "lew-date-picker-dateValue" }, toDisplayString(unref(dateValue)), 513), [
@@ -2982,7 +2982,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-4c4a62d0"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/date-picker/src/LewDatePicker.vue"]]);
+var LewDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-4c4a62d0"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/date-picker/src/LewDatePicker.vue"]]);
 const tableProps = {
   columns: {
     type: Array,
@@ -3010,8 +3010,8 @@ const tableProps = {
   }
 };
 var LewTable_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$c = { class: "lew-table-head" };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = { class: "lew-table-head" };
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "LewTable",
   props: tableProps,
   setup(__props) {
@@ -3078,7 +3078,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       setSubLine();
     });
     return (_ctx, _cache) => {
-      var _a, _b, _c;
+      var _a2, _b, _c;
       const _component_lew_flex = resolveComponent("lew-flex");
       return openBlock(), createElementBlock("div", {
         ref_key: "lewTableRef",
@@ -3088,10 +3088,10 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     overflow-y:${_ctx.maxHeight ? "auto" : "hidden"};`),
         onScroll: _cache[0] || (_cache[0] = ($event) => throttle2($event, 200))
       }, [
-        createElementVNode("div", _hoisted_1$c, [
+        createElementVNode("div", _hoisted_1$d, [
           createElementVNode("div", {
             class: "lew-table-tr",
-            style: normalizeStyle(`width:${((_a = unref(lewTableRef)) == null ? void 0 : _a.scrollWidth) > ((_b = unref(lewTableRef)) == null ? void 0 : _b.offsetWidth) ? (_c = unref(lewTableRef)) == null ? void 0 : _c.scrollWidth : ""}px`)
+            style: normalizeStyle(`width:${((_a2 = unref(lewTableRef)) == null ? void 0 : _a2.scrollWidth) > ((_b = unref(lewTableRef)) == null ? void 0 : _b.offsetWidth) ? (_c = unref(lewTableRef)) == null ? void 0 : _c.scrollWidth : ""}px`)
           }, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (column, index2) => {
               return openBlock(), createBlock(_component_lew_flex, {
@@ -3124,14 +3124,14 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
           class: "lew-table-body"
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (row, i2) => {
-            var _a2, _b2, _c2;
+            var _a3, _b2, _c2;
             return openBlock(), createElementBlock("div", {
               key: `data${i2}`,
               class: "lew-table-tr",
-              style: normalizeStyle(`width:${((_a2 = unref(lewTableRef)) == null ? void 0 : _a2.scrollWidth) > ((_b2 = unref(lewTableRef)) == null ? void 0 : _b2.offsetWidth) ? (_c2 = unref(lewTableRef)) == null ? void 0 : _c2.scrollWidth : ""}px`)
+              style: normalizeStyle(`width:${((_a3 = unref(lewTableRef)) == null ? void 0 : _a3.scrollWidth) > ((_b2 = unref(lewTableRef)) == null ? void 0 : _b2.offsetWidth) ? (_c2 = unref(lewTableRef)) == null ? void 0 : _c2.scrollWidth : ""}px`)
             }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (column, j) => {
-                var _a3;
+                var _a4;
                 return openBlock(), createBlock(_component_lew_flex, {
                   key: `col${j}`,
                   class: normalizeClass(["lew-table-td", {
@@ -3143,7 +3143,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                   style: normalizeStyle(`  
                     ${column.columnStyle ? column.columnStyle : ""};
                     ${row.rowStyle};
-                    ${((_a3 = row.tdStyle) == null ? void 0 : _a3[column.field]) ? row.tdStyle[column.field] : ""};
+                    ${((_a4 = row.tdStyle) == null ? void 0 : _a4[column.field]) ? row.tdStyle[column.field] : ""};
                     ${setSticky(column)};
                     width:${column.width != "auto" ? column.width : unref(niceWidth) || "100px"};
                     `),
@@ -3167,7 +3167,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewTable = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/table/src/LewTable.vue"]]);
+var LewTable = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/table/src/LewTable.vue"]]);
 const paginationProps = {
   total: {
     type: Number,
@@ -3218,11 +3218,11 @@ const paginationProps = {
   }
 };
 var LewPagination_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$b = ["onClick"];
-const _hoisted_2$a = /* @__PURE__ */ createElementVNode("div", { class: "page-label" }, "/ \u9875", -1);
-const _hoisted_3$6 = /* @__PURE__ */ createElementVNode("div", { class: "page-label" }, "\u8DF3\u8F6C\u81F3", -1);
-const _hoisted_4$5 = /* @__PURE__ */ createElementVNode("div", { class: "page-label" }, "\u9875", -1);
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = ["onClick"];
+const _hoisted_2$b = /* @__PURE__ */ createElementVNode("div", { class: "page-label" }, "/ \u9875", -1);
+const _hoisted_3$7 = /* @__PURE__ */ createElementVNode("div", { class: "page-label" }, "\u8DF3\u8F6C\u81F3", -1);
+const _hoisted_4$6 = /* @__PURE__ */ createElementVNode("div", { class: "page-label" }, "\u9875", -1);
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "LewPagination",
   props: paginationProps,
   emits: ["update:pageNum", "update:pageSize", "change"],
@@ -3374,7 +3374,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                     key: index2,
                     class: normalizeClass(["lew-pagination-page-btn", { active: item == unref(pageNum) }]),
                     onClick: ($event) => changePage(false, item)
-                  }, toDisplayString(item), 11, _hoisted_1$b);
+                  }, toDisplayString(item), 11, _hoisted_1$c);
                 }), 128)),
                 withDirectives(createVNode(unref(Icon), {
                   size: "14",
@@ -3427,7 +3427,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
               disabled: ""
             }, {
               right: withCtx(() => [
-                _hoisted_2$a
+                _hoisted_2$b
               ]),
               _: 1
             }, 8, ["modelValue", "options"]),
@@ -3444,10 +3444,10 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
               onChange: checkPageNum
             }, {
               left: withCtx(() => [
-                _hoisted_3$6
+                _hoisted_3$7
               ]),
               right: withCtx(() => [
-                _hoisted_4$5
+                _hoisted_4$6
               ]),
               _: 1
             }, 8, ["modelValue"])
@@ -3458,11 +3458,11 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewPagination = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/pagination/src/LewPagination.vue"]]);
+var LewPagination = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/pagination/src/LewPagination.vue"]]);
 var LewAvatar_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$a = { class: "lew-avatar" };
-const _hoisted_2$9 = ["src", "alt"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = { class: "lew-avatar" };
+const _hoisted_2$a = ["src", "alt"];
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "LewAvatar",
   props: {
     round: {
@@ -3488,12 +3488,12 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createElementVNode("img", {
           src: __props.src,
           alt: __props.alt,
           class: normalizeClass(__props.round ? "lew-avatar-round" : "")
-        }, null, 10, _hoisted_2$9),
+        }, null, 10, _hoisted_2$a),
         __props.status ? (openBlock(), createElementBlock("span", {
           key: 0,
           class: normalizeClass(["dot", `dot-${__props.status} dot-${__props.statusPosition}`])
@@ -3502,7 +3502,59 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-3ce1779b"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/avatar/src/LewAvatar.vue"]]);
+var LewAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-3ce1779b"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/avatar/src/LewAvatar.vue"]]);
+const commentProps = {
+  type: {
+    type: String,
+    default: "normal"
+  }
+};
+var LewComment_vue_vue_type_style_index_0_lang = "";
+const _hoisted_1$a = { class: "avatar" };
+const _hoisted_2$9 = { class: "header" };
+const _hoisted_3$6 = { class: "content" };
+const _hoisted_4$5 = { class: "footer" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  __name: "LewComment",
+  props: commentProps,
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_lew_flex = resolveComponent("lew-flex");
+      return openBlock(), createBlock(_component_lew_flex, {
+        x: "start",
+        y: "start",
+        class: "lew-comment"
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_1$a, [
+            renderSlot(_ctx.$slots, "avatar")
+          ]),
+          createVNode(_component_lew_flex, {
+            direction: "column",
+            gap: "0px",
+            x: "start",
+            class: "lew-comment-body"
+          }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_2$9, [
+                renderSlot(_ctx.$slots, "header")
+              ]),
+              createElementVNode("div", _hoisted_3$6, [
+                renderSlot(_ctx.$slots, "content")
+              ]),
+              createElementVNode("div", _hoisted_4$5, [
+                renderSlot(_ctx.$slots, "footer")
+              ])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+var LewComment = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/comment/src/LewComment.vue"]]);
 var LewTitle_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "LewTitle",
@@ -3527,7 +3579,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewTitle = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-cfbccebe"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/title/src/LewTitle.vue"]]);
+var LewTitle = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-cfbccebe"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/title/src/LewTitle.vue"]]);
 const buttonProps = {
   type: {
     type: String,
@@ -3593,7 +3645,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-e7956ae6"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/button/src/LewButton.vue"]]);
+var LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-e7956ae6"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/button/src/LewButton.vue"]]);
 var LewBadge_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$8 = {
   key: 0,
@@ -3631,7 +3683,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewBadge = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/badge/src/LewBadge.vue"]]);
+var LewBadge = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/badge/src/LewBadge.vue"]]);
 let sizeRules = ["small", "medium", "large"];
 let typeRules = ["primary", "info", "success", "error", "warning", "normal"];
 const _props = {
@@ -3668,6 +3720,10 @@ const _props = {
   to: {
     type: String,
     default: ""
+  },
+  bold: {
+    type: Boolean,
+    default: false
   }
 };
 var LewTag_vue_vue_type_style_index_0_lang = "";
@@ -3690,7 +3746,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["lew-tag", `lew-tag-${_ctx.size} lew-tag-${_ctx.type} ${_ctx.round ? "lew-tag-round" : ""} ${_ctx.disabled ? "lew-tag-disabled" : ""} ${_ctx.to ? "lew-tag-to" : ""}`]),
+        class: normalizeClass(["lew-tag", `lew-tag-${_ctx.size} 
+        lew-tag-${_ctx.type} 
+        ${_ctx.round ? "lew-tag-round" : ""}       
+        ${_ctx.bold ? "lew-tag-bold" : ""} 
+        ${_ctx.disabled ? "lew-tag-disabled" : ""} ${_ctx.to ? "lew-tag-to" : ""}`]),
         style: normalizeStyle(`max-width:${_ctx.maxWidth}`),
         onClick: _cache[0] || (_cache[0] = ($event) => unref(lewTo)(_ctx.to))
       }, [
@@ -3719,7 +3779,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewTag = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/tag/src/LewTag.vue"]]);
+var LewTag = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/tag/src/LewTag.vue"]]);
 var LewAlert_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$6 = { class: "lew-alert-group" };
 const _hoisted_2$6 = { class: "alert-icon" };
@@ -3780,7 +3840,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewAlert = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-a39e41be"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/alert/src/LewAlert.vue"]]);
+var LewAlert = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-a39e41be"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/alert/src/LewAlert.vue"]]);
 var LewModal_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "LewModal",
@@ -3834,7 +3894,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewModal = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-463e7ac1"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/modal/src/LewModal.vue"]]);
+var LewModal = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-463e7ac1"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/modal/src/LewModal.vue"]]);
 var LewPopok_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$5 = { class: "left" };
 const _hoisted_2$5 = { class: "right" };
@@ -3948,7 +4008,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewPopok = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-7f9302c1"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/popok/src/LewPopok.vue"]]);
+var LewPopok = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-7f9302c1"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/popok/src/LewPopok.vue"]]);
 var top = "top";
 var bottom = "bottom";
 var right = "right";
@@ -6743,7 +6803,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewPopover = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/popover/src/LewPopover.vue"]]);
+var LewPopover = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/popover/src/LewPopover.vue"]]);
 const DrawerProps = {
   visible: {
     type: Boolean,
@@ -6829,7 +6889,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/drawer/src/LewDrawer.vue"]]);
+var LewDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/drawer/src/LewDrawer.vue"]]);
 var LewFancyImage_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$3 = ["href"];
 const _hoisted_2$3 = ["round", "src"];
@@ -6864,7 +6924,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewFancyImage = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-68377446"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/fancybox/src/LewFancyImage.vue"]]);
+var LewFancyImage = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-68377446"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/fancybox/src/LewFancyImage.vue"]]);
 const t = (t2) => "object" == typeof t2 && null !== t2 && t2.constructor === Object && "[object Object]" === Object.prototype.toString.call(t2), e = (...i2) => {
   let s2 = false;
   "boolean" == typeof i2[0] && (s2 = i2.shift());
@@ -11345,7 +11405,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewPlyrVideo = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-3fbadc18"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/plyr/src/LewPlyrVideo.vue"]]);
+var LewPlyrVideo = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-3fbadc18"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/plyr/src/LewPlyrVideo.vue"]]);
 var LewDemoBox_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$1 = { class: "demo-box" };
 const _hoisted_2$1 = { class: "demo-item" };
@@ -11449,7 +11509,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewDemoBox = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/demo-box/src/LewDemoBox.vue"]]);
+var LewDemoBox = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/demo-box/src/LewDemoBox.vue"]]);
 var LewLoading_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "LewLoading",
@@ -11467,7 +11527,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewLoading = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0d5a54a1"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/loading/src/LewLoading.vue"]]);
+var LewLoading = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-0d5a54a1"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/loading/src/LewLoading.vue"]]);
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function isObject$3(value) {
   var type = typeof value;
@@ -11730,10 +11790,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const throttledScrollHandler = throttle_1(handleScroll, 250);
     useEventListener(window, "scroll", throttledScrollHandler);
     onMounted(() => {
-      var _a;
+      var _a2;
       dom.value = document.documentElement;
       if (props.target) {
-        dom.value = (_a = document.querySelector(`.${props.target}`)) != null ? _a : void 0;
+        dom.value = (_a2 = document.querySelector(`.${props.target}`)) != null ? _a2 : void 0;
         if (!dom.value) {
           throw new Error(`target is not existed: ${props.target}`);
         }
@@ -11763,7 +11823,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var LewBackTop = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-36ae6e41"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/components/backtop/src/LewBackTop.vue"]]);
+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 components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   LewFlex,
@@ -11788,6 +11848,7 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   LewTable,
   LewPagination,
   LewAvatar,
+  LewComment,
   LewTitle,
   LewButton,
   LewBadge,
@@ -12059,7 +12120,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var _LewDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0e036b0b"], ["__file", "/Users/kamtao/Documents/GitHub/Lew-UI/packages/directives/dialog/src/LewDialog.vue"]]);
+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"]]);
 const warning$1 = (options) => {
   dialog("warning", options);
 };
@@ -12167,12 +12228,12 @@ var index$5 = {
   install(app) {
     app.directive("backtop", {
       mounted(el, binding) {
-        var _a;
+        var _a2;
         const _target = binding.value;
         const dom = shallowRef();
         dom.value = document.documentElement;
         if (_target) {
-          dom.value = (_a = document.querySelector(`.${_target}`)) != null ? _a : void 0;
+          dom.value = (_a2 = document.querySelector(`.${_target}`)) != null ? _a2 : void 0;
           if (!dom.value) {
             throw new Error(`target is not existed: ${_target}`);
           }
@@ -12198,35 +12259,85 @@ var index$5 = {
   }
 };
 var index$4 = "";
-const warning = ({ title, content }) => {
-  notification("warning", title, content);
+var _a;
+const isClient = typeof window !== "undefined";
+isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function resolveUnref(r2) {
+  return typeof r2 === "function" ? r2() : unref(r2);
+}
+function tryOnScopeDispose(fn2) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn2);
+    return true;
+  }
+  return false;
+}
+function useTimeoutFn(cb, interval, options = {}) {
+  const {
+    immediate = true
+  } = options;
+  const isPending = ref(false);
+  let timer = null;
+  function clear() {
+    if (timer) {
+      clearTimeout(timer);
+      timer = null;
+    }
+  }
+  function stop() {
+    isPending.value = false;
+    clear();
+  }
+  function start2(...args) {
+    clear();
+    isPending.value = true;
+    timer = setTimeout(() => {
+      isPending.value = false;
+      timer = null;
+      cb(...args);
+    }, resolveUnref(interval));
+  }
+  if (immediate) {
+    isPending.value = true;
+    if (isClient)
+      start2();
+  }
+  tryOnScopeDispose(stop);
+  return {
+    isPending,
+    start: start2,
+    stop
+  };
+}
+const warning = ({ title, content, delay = 3e3 }) => {
+  notification("warning", title, content, delay);
 };
-const error = ({ title, content }) => {
-  notification("error", title, content);
+const error = ({ title, content, delay = 3e3 }) => {
+  notification("error", title, content, delay);
 };
-const info = ({ title, content }) => {
-  notification("info", title, content);
+const info = ({ title, content, delay = 3e3 }) => {
+  notification("info", title, content, delay);
 };
-const normal = ({ title, content }) => {
-  notification("normal", title, content);
+const normal = ({ title, content, delay = 3e3 }) => {
+  notification("normal", title, content, delay);
 };
-const success = ({ title, content }) => {
-  notification("success", title, content);
+const success = ({ title, content, delay = 3e3 }) => {
+  notification("success", title, content, delay);
 };
 const createMessageList = () => {
   const div2 = document.createElement("div");
   div2.setAttribute("id", "lew-notification");
   document.body.appendChild(div2);
 };
-const notification = (type, title, content) => {
+const notification = (type, title, content, delay) => {
   if (!document.getElementById("lew-notification")) {
     createMessageList();
-    notification(type, title, content);
+    notification(type, title, content, delay);
   } else {
-    add(type, title, content);
+    add(type, title, content, delay);
   }
 };
-const add = (type, title, content) => {
+const add = (type, title, content, delay) => {
   const LewMessageDom = document.getElementById("lew-notification");
   const newMessage = document.createElement("div");
   const svgArr = {
@@ -12234,17 +12345,20 @@ const add = (type, title, content) => {
     warning: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M10.91 2.782a2.25 2.25 0 0 1 2.975.74l.083.138l7.759 14.009a2.25 2.25 0 0 1-1.814 3.334l-.154.006H4.243a2.25 2.25 0 0 1-2.041-3.197l.072-.143L10.031 3.66a2.25 2.25 0 0 1 .878-.878zm9.505 15.613l-7.76-14.008a.75.75 0 0 0-1.254-.088l-.057.088l-7.757 14.008a.75.75 0 0 0 .561 1.108l.095.006h15.516a.75.75 0 0 0 .696-1.028l-.04-.086l-7.76-14.008l7.76 14.008zM12 16.002a.999.999 0 1 1 0 1.997a.999.999 0 0 1 0-1.997zM11.995 8.5a.75.75 0 0 1 .744.647l.007.102l.004 4.502a.75.75 0 0 1-1.494.103l-.006-.102l-.004-4.502a.75.75 0 0 1 .75-.75z" fill="currentColor"></path></g></svg>`,
     error: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M12 2c5.523 0 10 4.478 10 10s-4.477 10-10 10S2 17.522 2 12S6.477 2 12 2zm0 1.667c-4.595 0-8.333 3.738-8.333 8.333c0 4.595 3.738 8.333 8.333 8.333c4.595 0 8.333-3.738 8.333-8.333c0-4.595-3.738-8.333-8.333-8.333zm-.001 10.835a.999.999 0 1 1 0 1.998a.999.999 0 0 1 0-1.998zM11.994 7a.75.75 0 0 1 .744.648l.007.101l.004 4.502a.75.75 0 0 1-1.493.103l-.007-.102l-.004-4.501a.75.75 0 0 1 .75-.751z" fill="currentColor"></path></g></svg>`,
     normal: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M12 1.999c5.524 0 10.002 4.478 10.002 10.002c0 5.523-4.478 10.001-10.002 10.001C6.476 22.002 2 17.524 2 12.001C1.999 6.477 6.476 1.999 12 1.999zm0 1.5a8.502 8.502 0 1 0 0 17.003A8.502 8.502 0 0 0 12 3.5zm-.004 7a.75.75 0 0 1 .744.648l.007.102l.004 5.502a.75.75 0 0 1-1.494.102l-.006-.101l-.004-5.502a.75.75 0 0 1 .75-.75zm.005-3.497a.999.999 0 1 1 0 1.997a.999.999 0 0 1 0-1.997z" fill="currentColor"></path></g></svg>`,
-    info: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M12 1.996a7.49 7.49 0 0 1 7.496 7.25l.004.25v4.097l1.38 3.156a1.249 1.249 0 0 1-1.145 1.75L15 18.502a3 3 0 0 1-5.995.177L9 18.499H4.275a1.251 1.251 0 0 1-1.147-1.747L4.5 13.594V9.496c0-4.155 3.352-7.5 7.5-7.5zM13.5 18.5l-3 .002a1.5 1.5 0 0 0 2.993.145l.007-.147zM12 3.496c-3.32 0-6 2.674-6 6v4.41L4.656 17h14.697L18 13.907V9.509l-.003-.225A5.988 5.988 0 0 0 12 3.496z" fill="currentColor"></path></g></svg>`
+    info: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none"><path d="M12 1.996a7.49 7.49 0 0 1 7.496 7.25l.004.25v4.097l1.38 3.156a1.249 1.249 0 0 1-1.145 1.75L15 18.502a3 3 0 0 1-5.995.177L9 18.499H4.275a1.251 1.251 0 0 1-1.147-1.747L4.5 13.594V9.496c0-4.155 3.352-7.5 7.5-7.5zM13.5 18.5l-3 .002a1.5 1.5 0 0 0 2.993.145l.007-.147zM12 3.496c-3.32 0-6 2.674-6 6v4.41L4.656 17h14.697L18 13.907V9.509l-.003-.225A5.988 5.988 0 0 0 12 3.496z" fill="currentColor"></path></g></svg>`,
+    close: `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" data-v-a39e41be=""><g fill="none"><path d="M4.21 4.387l.083-.094a1 1 0 0 1 1.32-.083l.094.083L12 10.585l6.293-6.292a1 1 0 1 1 1.414 1.414L13.415 12l6.292 6.293a1 1 0 0 1 .083 1.32l-.083.094a1 1 0 0 1-1.32.083l-.094-.083L12 13.415l-6.293 6.292a1 1 0 0 1-1.414-1.414L10.585 12L4.293 5.707a1 1 0 0 1-.083-1.32l.083-.094l-.083.094z" fill="currentColor"></path></g></svg>`
   };
   newMessage.innerHTML = `
-                <div class="lew-notification-box">
+                <div class="lew-notification-box"> 
                     <div class="lew-notification-icon">
-                    ${svgArr[type]}
+                      ${svgArr[type]}
                     </div>
                     <div class="lew-notification-body">
-                    <div class="lew-notification-title">${title}</div>
-                    ${content ? '<div class="lew-notification-content">' + content + "</div>" : ""}
+                      <div class="lew-notification-title">${title}</div>
+                      ${content ? '<div class="lew-notification-content">' + content + "</div>" : ""}
                     </div> 
+                    <div class="lew-notification-close-icon">                      ${svgArr.close}
+                    </div>
                 </div>
     `;
   LewMessageDom == null ? void 0 : LewMessageDom.appendChild(newMessage, LewMessageDom == null ? void 0 : LewMessageDom.childNodes[0]);
@@ -12252,20 +12366,35 @@ const add = (type, title, content) => {
     "class",
     `lew-notification lew-notification-${type}`
   );
+  let timer = void 0;
+  function startTimer() {
+    if (delay > 0) {
+      ({ stop: timer } = useTimeoutFn(() => {
+        handleClose();
+      }, delay));
+    }
+  }
+  function clearTimer() {
+    timer == null ? void 0 : timer();
+  }
+  function handleClose() {
+    newMessage.setAttribute(
+      "class",
+      `lew-notification lew-notification-${type} lew-notification-hidden`
+    );
+    setTimeout(() => {
+      LewMessageDom == null ? void 0 : LewMessageDom.removeChild(newMessage);
+    }, 250);
+  }
+  newMessage.children[0].children[2].addEventListener("click", handleClose);
+  newMessage.addEventListener("mouseenter", clearTimer);
+  newMessage.addEventListener("mouseleave", startTimer);
   setTimeout(() => {
     newMessage.setAttribute(
       "class",
       `lew-notification lew-notification-${type} lew-notification-show`
     );
-    setTimeout(() => {
-      newMessage.setAttribute(
-        "class",
-        `lew-notification lew-notification-${type} lew-notification-hidden`
-      );
-      setTimeout(() => {
-        LewMessageDom == null ? void 0 : LewMessageDom.removeChild(newMessage);
-      }, 250);
-    }, 3e3);
+    delay > 0 && startTimer();
   }, 10);
 };
 var index$3 = {
@@ -12347,4 +12476,4 @@ const install = function(Vue) {
 var index = {
   install
 };
-export { LewAlert, LewAvatar, LewBackTop, LewBadge, LewBreadcrumb, LewButton, LewCheckbox, LewCheckboxGroup, LewDate, LewDatePicker, LewDemoBox, index$7 as LewDialog, LewDrawer, LewDropdown, LewFancyImage, index$a as LewFancybox, LewFlex, LewFormItem, LewInput, LewInputPro, LewInputTag, LewLayout, LewMark, index$8 as LewMessage, LewModal, index$3 as LewNotification, LewPagination, LewPlyrVideo, LewPopok, LewPopover, LewRadioGroup, LewSelect, LewSpace, LewSteps, LewSwitch, LewTable, LewTabs, LewTag, LewTitle, index$5 as LewVBacktop, index$6 as LewVTooltip, index as default };
+export { LewAlert, LewAvatar, LewBackTop, LewBadge, LewBreadcrumb, LewButton, LewCheckbox, LewCheckboxGroup, LewComment, LewDate, LewDatePicker, LewDemoBox, index$7 as LewDialog, LewDrawer, LewDropdown, LewFancyImage, index$a as LewFancybox, LewFlex, LewFormItem, LewInput, LewInputPro, LewInputTag, LewLayout, LewMark, index$8 as LewMessage, LewModal, index$3 as LewNotification, LewPagination, LewPlyrVideo, LewPopok, LewPopover, LewRadioGroup, LewSelect, LewSpace, LewSteps, LewSwitch, LewTable, LewTabs, LewTag, LewTitle, index$5 as LewVBacktop, index$6 as LewVTooltip, index as default };