lew-ui 1.1.3 → 1.1.4

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, withDirectives, vModelText, vModelDynamic, createVNode, withModifiers, vShow, createTextVNode, nextTick, isRef, vModelCheckbox, Teleport, Transition, resolveDirective, shallowRef, createApp, getCurrentScope, onScopeDispose } from "vue";
+import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, onUnmounted, onMounted, getCurrentInstance, unref, ref, watch, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, pushScopeId, popScopeId, resolveComponent, createBlock, withCtx, createStaticVNode, provide, inject, computed, onBeforeMount, h, withDirectives, vModelText, vModelDynamic, createVNode, withModifiers, vShow, createTextVNode, nextTick, toRaw, 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;
@@ -102,7 +102,8 @@ function useDOMCreate(nodeId) {
   node.id = nodeId;
   document.body.appendChild(node);
   onUnmounted(() => {
-    document.body.removeChild(node);
+    if (node)
+      document.body.removeChild(node);
   });
 }
 let instance;
@@ -300,7 +301,7 @@ var LewSteps = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-5
 var LewBreadcrumb_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$3 = (n) => (pushScopeId("data-v-5303b0ef"), n = n(), popScopeId(), n);
 const _hoisted_1$L = { class: "lew-breadcrumb" };
-const _hoisted_2$D = ["onClick"];
+const _hoisted_2$C = ["onClick"];
 const _hoisted_3$z = {
   key: 0,
   class: "lew-breadcrumb-parting"
@@ -363,7 +364,7 @@ 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$D),
+            }, toDisplayString(item.label), 11, _hoisted_2$C),
             index2 != __props.options.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$z, [
               __props.iconType == "sprit" ? (openBlock(), createElementBlock("svg", _hoisted_4$h, _hoisted_6$7)) : createCommentVNode("v-if", true),
               __props.iconType == "shoulder" ? (openBlock(), createElementBlock("svg", _hoisted_7$6, _hoisted_9$3)) : createCommentVNode("v-if", true)
@@ -375,49 +376,49 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 var LewBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-5303b0ef"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/breadcrumb/src/LewBreadcrumb.vue"]]);
+const _props$2 = {
+  options: {
+    type: Array,
+    default() {
+      return [];
+    },
+    required: true,
+    validator(value) {
+      return value.length >= 0;
+    }
+  },
+  trigger: {
+    type: String,
+    default: "hover"
+  },
+  placement: {
+    type: String,
+    default: "bottom"
+  },
+  arrow: {
+    type: Boolean,
+    default: true
+  },
+  width: {
+    type: String,
+    default: ""
+  },
+  maxHeight: {
+    type: String,
+    default: "300px"
+  },
+  align: {
+    type: String,
+    default: "left"
+  }
+};
 var LewDropdown_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$K = ["onClick"];
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "LewDropdown",
-  props: {
-    options: {
-      type: Array,
-      default() {
-        return [];
-      },
-      required: true,
-      validator(value) {
-        return value.length >= 0;
-      }
-    },
-    trigger: {
-      type: String,
-      default: "hover"
-    },
-    placement: {
-      type: String,
-      default: "bottom"
-    },
-    arrow: {
-      type: Boolean,
-      default: true
-    },
-    width: {
-      type: String,
-      default: ""
-    },
-    maxHeight: {
-      type: String,
-      default: "300px"
-    },
-    align: {
-      type: String,
-      default: "left"
-    }
-  },
+  props: _props$2,
   emits: ["change"],
   setup(__props, { expose, emit }) {
-    const props = __props;
     let lewPopoverRef = ref();
     let show = () => {
       lewPopoverRef.value.show();
@@ -426,47 +427,32 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       lewPopoverRef.value.hide();
     };
     const change = (item) => {
-      emit("change", { show, hide: hide2, value: item });
-      setTimeout(() => {
-        lewPopoverRef.value.hide();
-      }, 80);
+      emit("change", item, { show, hide: hide2 });
     };
     expose({ show, hide: hide2 });
-    const _options = computed(() => {
-      if (Array.isArray(props.options) && Object.prototype.toString.call(props.options[0]) != "[object Object]") {
-        return props.options.map((e) => {
-          return {
-            label: e,
-            value: e
-          };
-        });
-      } else {
-        return props.options;
-      }
-    });
     return (_ctx, _cache) => {
       const _component_lew_popover = resolveComponent("lew-popover");
       return openBlock(), createBlock(_component_lew_popover, {
         ref_key: "lewPopoverRef",
         ref: lewPopoverRef,
-        trigger: __props.trigger,
-        arrow: __props.arrow,
-        placement: __props.placement
+        trigger: _ctx.trigger,
+        arrow: _ctx.arrow,
+        placement: _ctx.placement
       }, {
         trigger: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         "popover-body": withCtx(() => [
-          unref(_options).length > 0 ? (openBlock(), createElementBlock("div", {
+          _ctx.options.length > 0 ? (openBlock(), createElementBlock("div", {
             key: 0,
             class: "lew-dropdown-body",
-            style: normalizeStyle(`width:${__props.width};max-height:${__props.maxHeight}`)
+            style: normalizeStyle(`width:${_ctx.width};max-height:${_ctx.maxHeight}`)
           }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(_options), (item, index2) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item, index2) => {
               return openBlock(), createElementBlock("div", {
                 key: index2,
                 class: "lew-dropdown-option",
-                style: normalizeStyle(`text-align:${__props.align}`),
+                style: normalizeStyle(`text-align:${_ctx.align}`),
                 onClick: ($event) => change(item)
               }, toDisplayString(item.label), 13, _hoisted_1$K);
             }), 128))
@@ -483,7 +469,7 @@ const _hoisted_1$J = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$C = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$B = /* @__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,7 +478,7 @@ const _hoisted_2$C = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$y = [_hoisted_2$C];
+const _hoisted_3$y = [_hoisted_2$B];
 var CaretUp = defineComponent({
   name: "CaretUp",
   render: function render(_ctx, _cache) {
@@ -504,7 +490,7 @@ const _hoisted_1$I = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$B = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$A = /* @__PURE__ */ createElementVNode(
   "path",
   {
     fill: "none",
@@ -517,7 +503,7 @@ const _hoisted_2$B = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$x = [_hoisted_2$B];
+const _hoisted_3$x = [_hoisted_2$A];
 var ChevronBackOutline = defineComponent({
   name: "ChevronBackOutline",
   render: function render2(_ctx, _cache) {
@@ -529,7 +515,7 @@ const _hoisted_1$H = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$A = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$z = /* @__PURE__ */ createElementVNode(
   "path",
   {
     fill: "none",
@@ -542,7 +528,7 @@ const _hoisted_2$A = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$w = [_hoisted_2$A];
+const _hoisted_3$w = [_hoisted_2$z];
 var ChevronDown = defineComponent({
   name: "ChevronDown",
   render: function render3(_ctx, _cache) {
@@ -554,7 +540,7 @@ const _hoisted_1$G = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$z = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$y = /* @__PURE__ */ createElementVNode(
   "path",
   {
     fill: "none",
@@ -567,7 +553,7 @@ const _hoisted_2$z = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$v = [_hoisted_2$z];
+const _hoisted_3$v = [_hoisted_2$y];
 var ChevronForwardOutline = defineComponent({
   name: "ChevronForwardOutline",
   render: function render4(_ctx, _cache) {
@@ -579,7 +565,7 @@ const _hoisted_1$F = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$y = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$x = /* @__PURE__ */ createElementVNode(
   "path",
   {
     d: "M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192s192-86 192-192z",
@@ -617,7 +603,7 @@ const _hoisted_4$g = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_5$b = [_hoisted_2$y, _hoisted_3$u, _hoisted_4$g];
+const _hoisted_5$b = [_hoisted_2$x, _hoisted_3$u, _hoisted_4$g];
 var CloseCircleOutline = defineComponent({
   name: "CloseCircleOutline",
   render: function render5(_ctx, _cache) {
@@ -629,7 +615,7 @@ const _hoisted_1$E = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$x = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$w = /* @__PURE__ */ createElementVNode(
   "circle",
   {
     cx: "256",
@@ -662,7 +648,7 @@ const _hoisted_4$f = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_5$a = [_hoisted_2$x, _hoisted_3$t, _hoisted_4$f];
+const _hoisted_5$a = [_hoisted_2$w, _hoisted_3$t, _hoisted_4$f];
 var EllipsisHorizontal = defineComponent({
   name: "EllipsisHorizontal",
   render: function render6(_ctx, _cache) {
@@ -674,8 +660,8 @@ const _hoisted_1$D = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$w = /* @__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$5 = [_hoisted_2$w];
+const _hoisted_2$v = /* @__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$5 = [_hoisted_2$v];
 var EyeOffOutline = defineComponent({
   name: "EyeOffOutline",
   render: function render7(_ctx, _cache) {
@@ -687,7 +673,7 @@ const _hoisted_1$C = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$v = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$u = /* @__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",
@@ -714,7 +700,7 @@ const _hoisted_3$s = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_4$e = [_hoisted_2$v, _hoisted_3$s];
+const _hoisted_4$e = [_hoisted_2$u, _hoisted_3$s];
 var EyeOutline = defineComponent({
   name: "EyeOutline",
   render: function render8(_ctx, _cache) {
@@ -1204,7 +1190,7 @@ const inputProps = {
     default: ""
   },
   modelValue: {
-    type: [Number, String],
+    type: String,
     default: ""
   },
   size: {
@@ -1258,7 +1244,7 @@ const inputProps = {
 };
 var LewInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$B = ["disabled", "readonly", "placeholder"];
-const _hoisted_2$u = ["disabled", "placeholder", "type", "readonly"];
+const _hoisted_2$t = ["disabled", "placeholder", "type", "readonly"];
 const _hoisted_3$r = {
   key: 2,
   class: "input-auto-width"
@@ -1321,7 +1307,6 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         (_b = lewInputRef.value) == null ? void 0 : _b.focus();
       }
     };
-    expose({ focusFn });
     let _type = ref(props.type);
     const showPasswordFn = () => {
       _type.value == "text" ? _type.value = "password" : _type.value = "text";
@@ -1351,6 +1336,14 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         return Math.trunc(len);
       }
     };
+    const getEl = () => {
+      if (props.type == "textarea") {
+        return lewTextareaRef.value;
+      } else {
+        return lewInputRef.value;
+      }
+    };
+    expose({ getEl, focusFn });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["lew-input-view", `
@@ -1393,7 +1386,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           onChange: _cache[5] || (_cache[5] = ($event) => emit("change", v.value)),
           onBlur: _cache[6] || (_cache[6] = ($event) => emit("blur", v.value)),
           onFocus: _cache[7] || (_cache[7] = ($event) => emit("focus", v.value))
-        }, null, 40, _hoisted_2$u)), [
+        }, null, 40, _hoisted_2$t)), [
           [vModelDynamic, v.value]
         ]),
         _ctx.autoWidth ? (openBlock(), createElementBlock("label", _hoisted_3$r, toDisplayString(v.value), 1)) : createCommentVNode("v-if", true),
@@ -1443,7 +1436,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
   }
 });
 var LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-156ce1e1"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/input/src/LewInput.vue"]]);
-const inputProProps = {
+const _props$1 = {
   type: {
     type: String,
     default: ""
@@ -1523,7 +1516,7 @@ var LewInputPro_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$A = { class: "lew-input-pro" };
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "LewInputPro",
-  props: inputProProps,
+  props: _props$1,
   emits: [
     "update:modelValue",
     "clear",
@@ -1539,10 +1532,10 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       () => props.modelValue,
       () => {
         v.value = props.modelValue;
+        hide2();
       }
     );
     let lewDropdownRef = ref();
-    let lewInputProRef = ref();
     const input = (value) => {
       emit("update:modelValue", value);
       emit("input", value);
@@ -1553,13 +1546,10 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", v.value);
     };
     const selectFn = (e) => {
-      v.value = e.value.value;
+      v.value = e.value;
       emit("update:modelValue", v.value);
       emit("input", v.value);
       emit("change", v.value);
-      setTimeout(() => {
-        hide2();
-      }, 500);
     };
     const open = () => {
       if (props.options.length == 0)
@@ -1588,12 +1578,10 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             createVNode(_component_lew_input, {
-              ref_key: "lewInputProRef",
-              ref: lewInputProRef,
               modelValue: v.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => v.value = $event),
               type: _ctx.type,
-              autoWidth: _ctx.autoWidth,
+              "auto-width": _ctx.autoWidth,
               size: _ctx.size,
               align: _ctx.align,
               placeholder: _ctx.placeholder,
@@ -1603,9 +1591,9 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               onInput: input,
               onChange: _cache[2] || (_cache[2] = ($event) => emit("change", v.value)),
               onBlur: _cache[3] || (_cache[3] = ($event) => emit("blur", v.value)),
-              onFocus: _cache[4] || (_cache[4] = ($event) => (open(), emit("focus", v.value))),
+              onFocus: _cache[4] || (_cache[4] = ($event) => (emit("focus", v.value), open())),
               onClear: clear
-            }, null, 8, ["modelValue", "type", "autoWidth", "size", "align", "placeholder", "clearable"])
+            }, null, 8, ["modelValue", "type", "auto-width", "size", "align", "placeholder", "clearable"])
           ]),
           _: 1
         }, 8, ["trigger", "arrow", "placement", "align", "width", "options"]),
@@ -1632,7 +1620,7 @@ const _hoisted_1$z = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 16 16"
 };
-const _hoisted_2$t = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$s = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1645,7 +1633,7 @@ const _hoisted_2$t = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$q = [_hoisted_2$t];
+const _hoisted_3$q = [_hoisted_2$s];
 var Add16Regular = defineComponent({
   name: "Add16Regular",
   render: function render9(_ctx, _cache) {
@@ -1657,7 +1645,7 @@ const _hoisted_1$y = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$s = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$r = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1670,7 +1658,7 @@ const _hoisted_2$s = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$p = [_hoisted_2$s];
+const _hoisted_3$p = [_hoisted_2$r];
 var Alert24Regular = defineComponent({
   name: "Alert24Regular",
   render: function render10(_ctx, _cache) {
@@ -1682,7 +1670,7 @@ const _hoisted_1$x = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 12 12"
 };
-const _hoisted_2$r = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$q = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1695,7 +1683,7 @@ const _hoisted_2$r = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$o = [_hoisted_2$r];
+const _hoisted_3$o = [_hoisted_2$q];
 var CalendarLtr12Regular = defineComponent({
   name: "CalendarLtr12Regular",
   render: function render11(_ctx, _cache) {
@@ -1707,7 +1695,7 @@ const _hoisted_1$w = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$q = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$p = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1720,7 +1708,7 @@ const _hoisted_2$q = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$n = [_hoisted_2$q];
+const _hoisted_3$n = [_hoisted_2$p];
 var CheckmarkCircle24Regular = defineComponent({
   name: "CheckmarkCircle24Regular",
   render: function render12(_ctx, _cache) {
@@ -1732,7 +1720,7 @@ const _hoisted_1$v = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 16 16"
 };
-const _hoisted_2$p = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$o = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1745,7 +1733,7 @@ const _hoisted_2$p = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$m = [_hoisted_2$p];
+const _hoisted_3$m = [_hoisted_2$o];
 var ChevronDoubleLeft16Filled = defineComponent({
   name: "ChevronDoubleLeft16Filled",
   render: function render13(_ctx, _cache) {
@@ -1757,7 +1745,7 @@ const _hoisted_1$u = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 16 16"
 };
-const _hoisted_2$o = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$n = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1770,7 +1758,7 @@ const _hoisted_2$o = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$l = [_hoisted_2$o];
+const _hoisted_3$l = [_hoisted_2$n];
 var ChevronDoubleRight16Filled = defineComponent({
   name: "ChevronDoubleRight16Filled",
   render: function render14(_ctx, _cache) {
@@ -1782,7 +1770,7 @@ const _hoisted_1$t = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 16 16"
 };
-const _hoisted_2$n = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$m = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1795,7 +1783,7 @@ const _hoisted_2$n = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$k = [_hoisted_2$n];
+const _hoisted_3$k = [_hoisted_2$m];
 var ChevronLeft16Filled = defineComponent({
   name: "ChevronLeft16Filled",
   render: function render15(_ctx, _cache) {
@@ -1807,7 +1795,7 @@ const _hoisted_1$s = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 16 16"
 };
-const _hoisted_2$m = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$l = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1820,7 +1808,7 @@ const _hoisted_2$m = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$j = [_hoisted_2$m];
+const _hoisted_3$j = [_hoisted_2$l];
 var ChevronRight16Filled = defineComponent({
   name: "ChevronRight16Filled",
   render: function render16(_ctx, _cache) {
@@ -1832,7 +1820,7 @@ const _hoisted_1$r = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$l = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$k = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1845,7 +1833,7 @@ const _hoisted_2$l = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$i = [_hoisted_2$l];
+const _hoisted_3$i = [_hoisted_2$k];
 var ChevronUp24Regular = defineComponent({
   name: "ChevronUp24Regular",
   render: function render17(_ctx, _cache) {
@@ -1857,7 +1845,7 @@ const _hoisted_1$q = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$k = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$j = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1870,7 +1858,7 @@ const _hoisted_2$k = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$h = [_hoisted_2$k];
+const _hoisted_3$h = [_hoisted_2$j];
 var Code24Regular = defineComponent({
   name: "Code24Regular",
   render: function render18(_ctx, _cache) {
@@ -1882,7 +1870,7 @@ const _hoisted_1$p = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$j = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$i = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1895,7 +1883,7 @@ const _hoisted_2$j = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$g = [_hoisted_2$j];
+const _hoisted_3$g = [_hoisted_2$i];
 var Dismiss24Filled = defineComponent({
   name: "Dismiss24Filled",
   render: function render19(_ctx, _cache) {
@@ -1907,7 +1895,7 @@ const _hoisted_1$o = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$i = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$h = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1920,7 +1908,7 @@ const _hoisted_2$i = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$f = [_hoisted_2$i];
+const _hoisted_3$f = [_hoisted_2$h];
 var ErrorCircle24Regular = defineComponent({
   name: "ErrorCircle24Regular",
   render: function render20(_ctx, _cache) {
@@ -1932,7 +1920,7 @@ const _hoisted_1$n = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$h = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$g = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1945,7 +1933,7 @@ const _hoisted_2$h = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$e = [_hoisted_2$h];
+const _hoisted_3$e = [_hoisted_2$g];
 var Info24Regular = defineComponent({
   name: "Info24Regular",
   render: function render21(_ctx, _cache) {
@@ -1957,7 +1945,7 @@ const _hoisted_1$m = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$g = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$f = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1970,7 +1958,7 @@ const _hoisted_2$g = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$d = [_hoisted_2$g];
+const _hoisted_3$d = [_hoisted_2$f];
 var Warning24Regular = defineComponent({
   name: "Warning24Regular",
   render: function render22(_ctx, _cache) {
@@ -2121,7 +2109,7 @@ const _hoisted_1$j = {
   key: 0,
   class: "icon-checkbox-box"
 };
-const _hoisted_2$f = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_2$e = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("svg", {
   class: "icon-checkbox",
   viewBox: "0 0 24 24",
   width: "24",
@@ -2135,7 +2123,7 @@ const _hoisted_2$f = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ create
   /* @__PURE__ */ createElementVNode("polyline", { points: "20 6 9 17 4 12" })
 ], -1));
 const _hoisted_3$c = [
-  _hoisted_2$f
+  _hoisted_2$e
 ];
 const _hoisted_4$c = ["checked"];
 const _hoisted_5$8 = {
@@ -2167,11 +2155,19 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       type: Boolean,
       default: true
     },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
     checked: {
       type: Boolean,
       default: () => {
         return false;
       }
+    },
+    size: {
+      type: String,
+      default: "medium"
     }
   },
   emits: ["change"],
@@ -2187,13 +2183,20 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     );
     let _checked = ref(props.checked || false);
     const setChecked = (e) => {
+      if (props.disabled) {
+        return;
+      }
       _checked.value = e.target.checked;
       emit("change", _checked.value);
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("label", {
-        class: normalizeClass(["lew-checkbox", `${__props.block ? "lew-checkbox-block" : ""} ${__props.round ? "lew-checkbox-round" : ""} ${unref(_checked) ? "lew-checkbox-checked" : ""} 
+        class: normalizeClass(["lew-checkbox", `
+        ${__props.block ? "lew-checkbox-block" : ""} 
+        ${__props.round ? "lew-checkbox-round" : ""} 
+        ${unref(_checked) ? "lew-checkbox-checked" : ""} 
         ${!__props.iconable ? "lew-checkbox-unicon" : ""}
+        ${__props.size ? "lew-checkbox-" + __props.size : ""}
         `])
       }, [
         __props.iconable ? (openBlock(), createElementBlock("div", _hoisted_1$j, _hoisted_3$c)) : createCommentVNode("v-if", true),
@@ -2241,6 +2244,10 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       type: Boolean,
       default: true
     },
+    size: {
+      type: String,
+      default: "medium"
+    },
     options: {
       type: Array,
       default: () => {
@@ -2287,10 +2294,11 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
               block: __props.block,
               iconable: __props.iconable,
               round: __props.round,
+              size: __props.size,
               label: option.label,
               checked: getChecked(option.value),
               onChange: ($event) => check(option.value, $event)
-            }, null, 8, ["block", "iconable", "round", "label", "checked", "onChange"]);
+            }, null, 8, ["block", "iconable", "round", "size", "label", "checked", "onChange"]);
           }), 128))
         ]),
         _: 1
@@ -2305,9 +2313,9 @@ const _hoisted_1$i = {
   key: 0,
   class: "icon-radio-box"
 };
-const _hoisted_2$e = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "icon-radio" }, null, -1));
+const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "icon-radio" }, null, -1));
 const _hoisted_3$b = [
-  _hoisted_2$e
+  _hoisted_2$d
 ];
 const _hoisted_4$b = ["checked"];
 const _hoisted_5$7 = {
@@ -2333,6 +2341,10 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     },
     checked: {
       type: Boolean
+    },
+    size: {
+      type: String,
+      default: "medium"
     }
   },
   emits: ["update:checked"],
@@ -2345,7 +2357,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["lew-radio", `
         ${__props.block ? "lew-radio-block" : ""}  
         ${__props.checked ? "lew-radio-checked" : ""}   
-        ${!__props.iconable ? "lew-radio-unicon" : ""}`])
+        ${!__props.iconable ? "lew-radio-unicon" : ""}
+        ${__props.size ? "lew-radio-" + __props.size : ""} 
+        `])
       }, [
         __props.iconable ? (openBlock(), createElementBlock("div", _hoisted_1$i, _hoisted_3$b)) : createCommentVNode("v-if", true),
         withDirectives(createElementVNode("input", {
@@ -2386,6 +2400,10 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       type: String,
       default: "x"
     },
+    size: {
+      type: String,
+      default: "medium"
+    },
     options: {
       type: Array,
       default: () => {
@@ -2422,9 +2440,10 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               block: __props.block,
               iconable: __props.iconable,
               label: option.label,
+              size: __props.size,
               checked: __props.modelValue == option.value,
               "onUpdate:checked": ($event) => check(option.value)
-            }, null, 8, ["block", "iconable", "label", "checked", "onUpdate:checked"]);
+            }, null, 8, ["block", "iconable", "label", "size", "checked", "onUpdate:checked"]);
           }), 128))
         ]),
         _: 1
@@ -2444,8 +2463,19 @@ const selectProps = {
       return [];
     },
     required: true,
-    validator(value) {
-      return value.length > 0;
+    validator(options) {
+      const _options = toRaw(options);
+      if (_options.length == 0) {
+        throw new Error(
+          "lew-select\uFF1Aoptions \u5FC5\u987B\u4E3A\u957F\u5EA6\u5927\u4E8E 0 \u7684 Array"
+        );
+      }
+      const arr = _options.map((e) => e.value);
+      const newSet = new Set(arr);
+      if (arr.length !== newSet.size) {
+        throw new Error("lew-select\uFF1Aoptions \u4E2D value \u4E0D\u80FD\u91CD\u590D");
+      }
+      return options.length > 0;
     }
   },
   placement: {
@@ -2463,6 +2493,14 @@ const selectProps = {
     type: Boolean,
     default: false
   },
+  showIcon: {
+    type: Boolean,
+    default: true
+  },
+  labelSlot: {
+    type: Boolean,
+    default: false
+  },
   size: {
     type: String,
     default: "medium"
@@ -2474,14 +2512,20 @@ const _hoisted_1$h = {
   key: 0,
   class: "lew-select-placeholder"
 };
-const _hoisted_2$d = { class: "lew-select-label-multiple" };
+const _hoisted_2$c = { class: "lew-select-label-multiple" };
 const _hoisted_3$a = {
   style: { "margin-left": "5px" },
   class: "lew-isSelect-label-num"
 };
-const _hoisted_4$a = { class: "options-box" };
-const _hoisted_5$6 = ["onClick"];
-const _hoisted_6$5 = { class: "lew-select-label" };
+const _hoisted_4$a = { class: "lew-select-options-box" };
+const _hoisted_5$6 = {
+  key: 0,
+  class: "lew-select-label"
+};
+const _hoisted_6$5 = {
+  key: 1,
+  class: "lew-select-slot-item"
+};
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "LewSelect",
   props: selectProps,
@@ -2495,27 +2539,25 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     watch(
       () => props.modelValue,
       () => {
-        if (props.multiple) {
+        var _a2, _b;
+        hide2();
+        if (!props.modelValue) {
+          return;
+        }
+        if (props.multiple && props.modelValue instanceof Array) {
           multipleV.value = props.modelValue;
           multipleLabelStr.value = filterSelect(
             props.modelValue,
             props.options
           );
-        } else {
+        } else if (typeof props.modelValue == "string") {
           v.value = props.modelValue;
-          labelStr.value = filterSelect([props.modelValue], props.options)[0] || "";
+          labelStr.value = ((_b = (_a2 = props.options) == null ? void 0 : _a2.find((e) => e.value == props.modelValue)) == null ? void 0 : _b.label) || "";
         }
       },
       { deep: true }
     );
     let lewSelectRef = ref();
-    onMounted(() => {
-      if (props.multiple) {
-        multipleLabelStr.value = filterSelect(props.modelValue, props.options);
-      } else {
-        labelStr.value = filterSelect([props.modelValue], props.options)[0] || "";
-      }
-    });
     const filterSelect = (v2, options) => {
       let _v = [];
       if (v2 && options) {
@@ -2529,32 +2571,9 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       }
       return _v;
     };
-    const changeFn = (item) => {
-      if (props.multiple) {
-        let index2 = multipleV.value.indexOf(item.value);
-        if (index2 >= 0) {
-          multipleLabelStr.value.splice(index2, 1);
-          multipleV.value.splice(index2, 1);
-        } else {
-          multipleLabelStr.value.push(item.label);
-          multipleV.value.push(item.value);
-        }
-        emit("update:modelValue", multipleV.value);
-        emit("change", multipleV.value);
-      } else {
-        if (v.value == item.value) {
-          labelStr.value = "";
-          v.value = "";
-        } else {
-          labelStr.value = item.label;
-          v.value = item.value;
-        }
-        setTimeout(() => {
-          hide2();
-        }, 150);
-        emit("update:modelValue", v.value);
-        emit("change", v.value);
-      }
+    const getChecked = (_value) => {
+      var _a2;
+      return (_a2 = props.modelValue) == null ? void 0 : _a2.includes(_value);
     };
     let isShowOptions = ref(false);
     let lewPopverRef1 = ref();
@@ -2574,6 +2593,27 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         return ((_a2 = lewSelectRef.value) == null ? void 0 : _a2.offsetWidth) - 12 + "px";
       }
     );
+    const check = (_value, checked) => {
+      if (props.modelValue instanceof Array) {
+        let updatedValue = [...props.modelValue];
+        if (checked) {
+          updatedValue.push(_value);
+        } else {
+          updatedValue.splice(updatedValue.indexOf(_value), 1);
+        }
+        emit("update:modelValue", updatedValue);
+      } else {
+        if (v.value == _value) {
+          labelStr.value = "";
+          v.value = "";
+        } else {
+          labelStr.value = _value;
+          v.value = _value;
+        }
+        emit("update:modelValue", v.value);
+        emit("change", v.value);
+      }
+    };
     const show = () => {
       lewPopverRef1.value.show();
     };
@@ -2581,6 +2621,14 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       lewPopverRef1.value.hide();
     };
     expose({ show, hide: hide2 });
+    onMounted(() => {
+      var _a2, _b;
+      if (props.multiple && props.modelValue instanceof Array) {
+        multipleLabelStr.value = filterSelect(props.modelValue, props.options);
+      } else if (typeof props.modelValue == "string") {
+        labelStr.value = labelStr.value = ((_b = (_a2 = props.options) == null ? void 0 : _a2.find((e) => e.value == props.modelValue)) == null ? void 0 : _b.label) || "";
+      }
+    });
     return (_ctx, _cache) => {
       const _component_lew_tag = resolveComponent("lew-tag");
       const _component_lew_flex = resolveComponent("lew-flex");
@@ -2616,7 +2664,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
               [vShow, !_ctx.multiple]
             ]),
             createCommentVNode(" \u591A\u9009 "),
-            withDirectives(createElementVNode("div", _hoisted_2$d, [
+            withDirectives(createElementVNode("div", _hoisted_2$c, [
               withDirectives(createVNode(_component_lew_tag, {
                 type: "primary",
                 size: _ctx.size,
@@ -2659,13 +2707,13 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
                     class: "lew-isSelect-label-box"
                   }, {
                     default: withCtx(() => [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(multipleLabelStr.value, (item, i) => {
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(multipleLabelStr.value, (item, index2) => {
                         return openBlock(), createBlock(_component_lew_tag, {
-                          key: `multipleLabelStr${i}`,
+                          key: index2,
                           type: "primary",
                           closable: "",
                           size: _ctx.size,
-                          onClose: ($event) => delTag(i)
+                          onClose: ($event) => delTag(index2)
                         }, {
                           default: withCtx(() => [
                             createTextVNode(toDisplayString(item), 1)
@@ -2688,31 +2736,55 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         ]),
         "popover-body": withCtx(() => [
           createElementVNode("div", {
-            class: normalizeClass(["lew-select-body", { "lew-select-multiple-body": _ctx.multiple }]),
+            class: normalizeClass(["lew-select-body", `
+                    ${_ctx.size ? "lew-select-body-" + _ctx.size : ""} 
+                    ${_ctx.multiple ? "lew-select-multiple-body" : ""}  
+                    `]),
             style: normalizeStyle(`width:${unref(lewSelectWidth)}`)
           }, [
+            renderSlot(_ctx.$slots, "header", {}, void 0, true),
             createElementVNode("div", _hoisted_4$a, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item) => {
-                return openBlock(), createElementBlock("div", {
-                  key: item.value,
-                  class: normalizeClass(["item", {
-                    "lew-select-checked": _ctx.multiple ? multipleV.value.includes(item.value) : v.value == item.value
-                  }]),
-                  onClick: ($event) => changeFn(item)
+                return openBlock(), createElementBlock("label", {
+                  key: item.value
                 }, [
-                  _ctx.multiple ? (openBlock(), createBlock(unref(LewCheckbox), {
+                  createCommentVNode(" \u539F\u751F "),
+                  !_ctx.labelSlot ? (openBlock(), createElementBlock("div", {
                     key: 0,
-                    class: "lew-select-checkbox",
-                    label: "",
-                    checked: multipleV.value.includes(item.value)
-                  }, null, 8, ["checked"])) : createCommentVNode("v-if", true),
-                  createElementVNode("div", _hoisted_6$5, toDisplayString(item.label), 1)
-                ], 10, _hoisted_5$6);
+                    class: normalizeClass(["lew-select-item", `
+                                ${item.disabled ? "lew-select-item-disabled" : ""} 
+                                `])
+                  }, [
+                    withDirectives(createVNode(unref(LewCheckbox), {
+                      size: _ctx.size,
+                      class: "lew-select-checkbox",
+                      label: item.label,
+                      disabled: item.disabled,
+                      checked: getChecked(item.value),
+                      onChange: ($event) => check(item.value, $event)
+                    }, null, 8, ["size", "label", "disabled", "checked", "onChange"]), [
+                      [vShow, _ctx.showIcon]
+                    ]),
+                    !_ctx.showIcon ? (openBlock(), createElementBlock("div", _hoisted_5$6, toDisplayString(item.label), 1)) : createCommentVNode("v-if", true)
+                  ], 2)) : (openBlock(), createElementBlock("div", _hoisted_6$5, [
+                    renderSlot(_ctx.$slots, "label", {
+                      item,
+                      checked: getChecked(item.value)
+                    }, void 0, true),
+                    withDirectives(createVNode(unref(LewCheckbox), {
+                      checked: getChecked(item.value),
+                      onChange: ($event) => check(item.value, $event)
+                    }, null, 8, ["checked", "onChange"]), [
+                      [vShow, false]
+                    ])
+                  ]))
+                ]);
               }), 128))
-            ])
+            ]),
+            renderSlot(_ctx.$slots, "footer", {}, void 0, true)
           ], 6)
         ]),
-        _: 1
+        _: 3
       }, 8, ["class", "trigger", "placement"]);
     };
   }
@@ -6752,7 +6824,7 @@ hooks.HTML5_FMT = {
 };
 var LewDate_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$f = { class: "lew-date" };
-const _hoisted_2$c = { class: "lew-date-control-left" };
+const _hoisted_2$b = { class: "lew-date-control-left" };
 const _hoisted_3$9 = { class: "cur-date" };
 const _hoisted_4$9 = { class: "lew-date-control-right" };
 const _hoisted_5$5 = { class: "lew-date-box" };
@@ -6841,7 +6913,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
           class: "lew-date-control"
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_2$c, [
+            createElementVNode("div", _hoisted_2$b, [
               createCommentVNode(" \u4E0A\u4E00\u5E74 "),
               createVNode(_component_lew_button, {
                 type: "normal",
@@ -6928,7 +7000,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
 var LewDate = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-29f4866a"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/date-picker/src/LewDate.vue"]]);
 var LewDateRange_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$e = { class: "lew-date-range" };
-const _hoisted_2$b = { class: "lew-date" };
+const _hoisted_2$a = { class: "lew-date" };
 const _hoisted_3$8 = { class: "lew-date-control-left" };
 const _hoisted_4$8 = { class: "cur-date" };
 const _hoisted_5$4 = { class: "lew-date-control-right" };
@@ -7217,7 +7289,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       const _component_lew_button = resolveComponent("lew-button");
       const _component_lew_flex = resolveComponent("lew-flex");
       return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        createElementVNode("div", _hoisted_2$b, [
+        createElementVNode("div", _hoisted_2$a, [
           createVNode(_component_lew_flex, {
             x: "start",
             mode: "between",
@@ -7483,7 +7555,7 @@ var LewDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "dat
 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$c = { class: "lew-date-picker-placeholder" };
-const _hoisted_2$a = { class: "lew-date-picker-dateValue lew-date-picker-start" };
+const _hoisted_2$9 = { class: "lew-date-picker-dateValue lew-date-picker-start" };
 const _hoisted_3$7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "lew-date-picker-mid" }, "-", -1));
 const _hoisted_4$7 = { class: "lew-date-picker-dateValue lew-date-picker-end" };
 const _sfc_main$g = /* @__PURE__ */ defineComponent({
@@ -7534,7 +7606,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
             withDirectives(createElementVNode("div", _hoisted_1$c, " \u8BF7\u9009\u62E9\u65E5\u671F ", 512), [
               [vShow, !unref(dateValue)]
             ]),
-            createElementVNode("div", _hoisted_2$a, toDisplayString(unref(dateValue)[0]), 1),
+            createElementVNode("div", _hoisted_2$9, toDisplayString(unref(dateValue)[0]), 1),
             _hoisted_3$7,
             createElementVNode("div", _hoisted_4$7, toDisplayString(unref(dateValue)[1]), 1),
             createVNode(unref(Icon), {
@@ -7798,7 +7870,7 @@ const paginationProps = {
 };
 var LewPagination_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$a = ["onClick"];
-const _hoisted_2$9 = /* @__PURE__ */ createElementVNode("div", { class: "page-label" }, "/ \u9875", -1);
+const _hoisted_2$8 = /* @__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$6 = /* @__PURE__ */ createElementVNode("div", { class: "page-label" }, "\u9875", -1);
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
@@ -8006,7 +8078,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
               disabled: ""
             }, {
               right: withCtx(() => [
-                _hoisted_2$9
+                _hoisted_2$8
               ]),
               _: 1
             }, 8, ["modelValue", "options"]),
@@ -8038,46 +8110,55 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 var LewPagination = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/pagination/src/LewPagination.vue"]]);
+const avatarProps = {
+  round: {
+    type: Boolean,
+    default: false
+  },
+  status: {
+    type: String,
+    default: ""
+  },
+  statusPosition: {
+    type: String,
+    default: ""
+  },
+  width: { type: String, default: "40px" },
+  height: { type: String, default: "40px" },
+  src: {
+    type: String,
+    default: ""
+  },
+  alt: {
+    type: String,
+    default: ""
+  }
+};
 var LewAvatar_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$9 = { class: "lew-avatar" };
-const _hoisted_2$8 = ["src", "alt"];
+const _hoisted_1$9 = ["src", "alt"];
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "LewAvatar",
-  props: {
-    round: {
-      type: Boolean,
-      default: false
-    },
-    status: {
-      type: String,
-      default: ""
-    },
-    statusPosition: {
-      type: String,
-      default: ""
-    },
-    src: {
-      type: String,
-      default: ""
-    },
-    alt: {
-      type: String,
-      default: ""
-    }
-  },
+  props: avatarProps,
   setup(__props) {
+    const props = __props;
+    const getAvatarStyle = computed(() => {
+      return `width:${props.width};height:${props.height}`;
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", {
+        class: "lew-avatar",
+        style: normalizeStyle(unref(getAvatarStyle))
+      }, [
         createElementVNode("img", {
-          src: __props.src,
-          alt: __props.alt,
-          class: normalizeClass(__props.round ? "lew-avatar-round" : "")
-        }, null, 10, _hoisted_2$8),
-        __props.status ? (openBlock(), createElementBlock("span", {
+          src: _ctx.src,
+          alt: _ctx.alt,
+          class: normalizeClass(_ctx.round ? "lew-avatar-round" : "")
+        }, null, 10, _hoisted_1$9),
+        _ctx.status ? (openBlock(), createElementBlock("span", {
           key: 0,
-          class: normalizeClass(["dot", `dot-${__props.status} dot-${__props.statusPosition}`])
+          class: normalizeClass(["dot", `dot-${_ctx.status} dot-${_ctx.statusPosition}`])
         }, null, 2)) : createCommentVNode("v-if", true)
-      ]);
+      ], 4);
     };
   }
 });
@@ -8172,6 +8253,9 @@ const buttonProps = {
     type: Boolean,
     default: false
   },
+  request: {
+    type: Function
+  },
   disabled: {
     type: Boolean,
     default: false
@@ -8198,10 +8282,22 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
   emits: ["click"],
   setup(__props, { emit }) {
     const props = __props;
-    const handleClick = (e) => {
+    let _loading = ref(false);
+    if (props.request && props.loading) {
+      throw new Error("request \u548C loading \u4E0D\u80FD\u540C\u65F6\u8BBE\u7F6E");
+    }
+    const handleClick = async (e) => {
       if (props.disabled)
         return;
       emit("click", e);
+      if (typeof props.request === "function") {
+        if (_loading.value) {
+          return;
+        }
+        _loading.value = true;
+        await props.request();
+        _loading.value = false;
+      }
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("button", {
@@ -8211,14 +8307,16 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         ${_ctx.type ? "lew-button-" + _ctx.type : ""}
         ${_ctx.round ? "lew-button-round" : ""}  
         ${_ctx.isIcon ? "lew-button-icon" : ""}
-        ${_ctx.loading ? "lew-button-loading" : ""}
+        ${unref(_loading) || _ctx.loading ? "lew-button-loading" : ""}
         `]),
         disabled: _ctx.disabled,
         onClick: handleClick
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
         createElementVNode("div", {
-          class: normalizeClass(["lew-loading-icon", { "lew-loading-icon-show": _ctx.loading && !_ctx.disabled }])
+          class: normalizeClass(["lew-loading-icon", {
+            "lew-loading-icon-show": (unref(_loading) || _ctx.loading) && !_ctx.disabled
+          }])
         }, null, 2)
       ], 10, _hoisted_1$7);
     };
@@ -11324,6 +11422,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       type: String,
       default: "top"
     },
+    triggerTarget: {
+      type: Element,
+      default: null,
+      required: false
+    },
     arrow: {
       type: Boolean,
       default: true
@@ -11337,6 +11440,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     let instance2;
     onMounted(() => {
       let trigger = props.trigger;
+      let triggerTarget = props.triggerTarget;
       let placement = props.placement;
       if (trigger == "hover") {
         trigger = "mouseenter";
@@ -11344,6 +11448,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       instance2 = tippy$1(triggerRef.value, {
         theme: "light",
         trigger,
+        triggerTarget,
         content: bodyRef.value,
         animation: "shift-away-subtle",
         interactive: true,
@@ -11365,10 +11470,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           emit("onHide");
         }
       });
-      instance2.popper.children[0].setAttribute(
-        "data-lew",
-        props.arrow ? "popover" : "custom"
-      );
+      instance2.popper.children[0].setAttribute("data-lew", "popover");
     });
     const show = () => {
       instance2.show();
@@ -11379,7 +11481,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     expose({ show, hide: hide2 });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        createElementVNode("div", {
+        createElementVNode("label", {
           ref_key: "triggerRef",
           ref: triggerRef
         }, [
@@ -11964,7 +12066,7 @@ const addMessage = (type, 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 20 20"><g fill="none"><path d="M12.45 16.002a2.5 2.5 0 0 1-4.9 0h4.9zM9.998 2c3.149 0 5.744 2.335 5.984 5.355l.013.223l.005.224l-.001 3.606l.954 2.587l.025.085l.016.086l.005.089c0 .315-.196.59-.522.707l-.114.033l-.114.01H3.751a.75.75 0 0 1-.259-.047c-.287-.105-.476-.372-.482-.716l.004-.117l.034-.13l.95-2.584L4 7.793l.004-.225C4.127 4.451 6.771 2 9.998 2z" fill="currentColor"></path></g></svg>`
   };
   newMessage.innerHTML = `${svgArr[type]}<div class="content">${content}</div>`;
   LewMessageDom == null ? void 0 : LewMessageDom.appendChild(newMessage, LewMessageDom == null ? void 0 : LewMessageDom.childNodes[0]);
@@ -11980,7 +12082,8 @@ const addMessage = (type, content) => {
         `message message-${type} message-hidden`
       );
       setTimeout(() => {
-        LewMessageDom == null ? void 0 : LewMessageDom.removeChild(newMessage);
+        if (newMessage)
+          LewMessageDom == null ? void 0 : LewMessageDom.removeChild(newMessage);
       }, 250);
     }, 3e3);
   }, 10);
@@ -11997,16 +12100,16 @@ var LewDialog_vue_vue_type_style_index_0_scoped_true_lang = "";
 var LewDialog_vue_vue_type_style_index_1_lang = "";
 const _hoisted_1 = { class: "left" };
 const _hoisted_2 = { class: "right" };
-const _hoisted_3 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
-const _hoisted_4 = /* @__PURE__ */ createTextVNode("\u786E\u8BA4");
+const _hoisted_3 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88 ");
+const _hoisted_4 = /* @__PURE__ */ createTextVNode("\u786E\u8BA4 ");
 const _hoisted_5 = {
   key: 1,
   class: "lew-dialog-box lew-dialog-box-easy"
 };
 const _hoisted_6 = { class: "left" };
 const _hoisted_7 = { class: "right" };
-const _hoisted_8 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88");
-const _hoisted_9 = /* @__PURE__ */ createTextVNode("\u786E\u8BA4");
+const _hoisted_8 = /* @__PURE__ */ createTextVNode("\u53D6\u6D88 ");
+const _hoisted_9 = /* @__PURE__ */ createTextVNode("\u786E\u8BA4 ");
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LewDialog",
   props: {
@@ -12014,9 +12117,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       type: Boolean,
       default: false
     },
-    closeOnClickOverlay: {
+    closeonClickOverlay: {
       type: Boolean,
-      default: true
+      default: false
     },
     type: {
       type: String,
@@ -12036,8 +12139,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:visible"],
   setup(__props, { emit }) {
     const props = __props;
-    const OnClickOverlay = () => {
-      if (props.closeOnClickOverlay) {
+    let loading = ref(false);
+    const onClickOverlay = () => {
+      if (props == null ? void 0 : props.closeonClickOverlay) {
         close();
       }
     };
@@ -12048,9 +12152,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         emit("update:visible", false);
       }, 245);
     };
-    const okFn = () => {
+    const okFn = async () => {
       if (typeof props.ok === "function") {
-        props.ok();
+        loading.value = true;
+        await props.ok();
+        loading.value = false;
       }
       close();
     };
@@ -12061,124 +12167,126 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       close();
     };
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, { to: "body" }, [
-        __props.visible ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "lew-dialog",
-          style: normalizeStyle(
-            unref(isShowDialog) ? "animation: lewDialogOpen 0.25s;" : "animation: lewDialogClose 0.25s;"
-          ),
-          onClick: OnClickOverlay
-        }, [
-          __props.layout == "normal" ? (openBlock(), createElementBlock("div", {
+      return openBlock(), createElementBlock("div", null, [
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          __props.visible ? (openBlock(), createElementBlock("div", {
             key: 0,
-            class: "lew-dialog-box lew-dialog-box-normal",
-            onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-            }, ["stop"]))
+            class: "lew-dialog",
+            style: normalizeStyle(
+              unref(isShowDialog) ? "animation: lewDialogOpen 0.25s;" : "animation: lewDialogClose 0.25s;"
+            ),
+            onClick: onClickOverlay
           }, [
-            createElementVNode("div", {
-              class: "btn-close",
-              onClick: cancelFn
+            __props.layout == "normal" ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "lew-dialog-box lew-dialog-box-normal",
+              onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+              }, ["stop"]))
             }, [
-              createVNode(unref(Icon), { size: "18" }, {
-                default: withCtx(() => [
-                  createVNode(unref(Dismiss24Filled))
-                ]),
-                _: 1
-              })
-            ]),
-            createElementVNode("div", _hoisted_1, [
-              createVNode(unref(Icon), {
-                size: "32",
-                class: normalizeClass(`icon-${__props.type}`)
-              }, {
-                default: withCtx(() => [
-                  __props.type == `normal` ? (openBlock(), createBlock(unref(Info24Regular), { key: 0 })) : createCommentVNode("v-if", true),
-                  __props.type == `warning` ? (openBlock(), createBlock(unref(Warning24Regular), { key: 1 })) : createCommentVNode("v-if", true),
-                  __props.type == `success` ? (openBlock(), createBlock(unref(CheckmarkCircle24Regular), { key: 2 })) : createCommentVNode("v-if", true),
-                  __props.type == `error` ? (openBlock(), createBlock(unref(ErrorCircle24Regular), { key: 3 })) : createCommentVNode("v-if", true),
-                  __props.type == `info` ? (openBlock(), createBlock(unref(Alert24Regular), { key: 4 })) : createCommentVNode("v-if", true)
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ]),
-            createElementVNode("div", _hoisted_2, [
-              createElementVNode("header", null, [
-                renderSlot(_ctx.$slots, "title", {}, void 0, true),
-                createElementVNode("span", {
-                  class: "gulu-dialog-close",
-                  onClick: close
+              createElementVNode("div", {
+                class: "btn-close",
+                onClick: cancelFn
+              }, [
+                createVNode(unref(Icon), { size: "18" }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Dismiss24Filled))
+                  ]),
+                  _: 1
                 })
               ]),
-              createElementVNode("main", null, [
-                renderSlot(_ctx.$slots, "content", {}, void 0, true)
+              createElementVNode("div", _hoisted_1, [
+                createVNode(unref(Icon), {
+                  size: "32",
+                  class: normalizeClass(`icon-${__props.type}`)
+                }, {
+                  default: withCtx(() => [
+                    __props.type == `normal` ? (openBlock(), createBlock(unref(Info24Regular), { key: 0 })) : createCommentVNode("v-if", true),
+                    __props.type == `warning` ? (openBlock(), createBlock(unref(Warning24Regular), { key: 1 })) : createCommentVNode("v-if", true),
+                    __props.type == `success` ? (openBlock(), createBlock(unref(CheckmarkCircle24Regular), { key: 2 })) : createCommentVNode("v-if", true),
+                    __props.type == `error` ? (openBlock(), createBlock(unref(ErrorCircle24Regular), { key: 3 })) : createCommentVNode("v-if", true),
+                    __props.type == `info` ? (openBlock(), createBlock(unref(Alert24Regular), { key: 4 })) : createCommentVNode("v-if", true)
+                  ]),
+                  _: 1
+                }, 8, ["class"])
+              ]),
+              createElementVNode("div", _hoisted_2, [
+                createElementVNode("header", null, [
+                  renderSlot(_ctx.$slots, "title", {}, void 0, true),
+                  createElementVNode("span", {
+                    class: "gulu-dialog-close",
+                    onClick: close
+                  })
+                ]),
+                createElementVNode("main", null, [
+                  renderSlot(_ctx.$slots, "content", {}, void 0, true)
+                ]),
+                createElementVNode("footer", null, [
+                  createVNode(unref(LewButton), {
+                    type: "blank",
+                    onClick: cancelFn
+                  }, {
+                    default: withCtx(() => [
+                      _hoisted_3
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(unref(LewButton), {
+                    loading: unref(loading),
+                    onClick: okFn
+                  }, {
+                    default: withCtx(() => [
+                      _hoisted_4
+                    ]),
+                    _: 1
+                  }, 8, ["loading"])
+                ])
+              ])
+            ])) : createCommentVNode("v-if", true),
+            __props.layout == "easy" ? (openBlock(), createElementBlock("div", _hoisted_5, [
+              createElementVNode("div", _hoisted_6, [
+                createVNode(unref(Icon), {
+                  size: "22",
+                  class: normalizeClass(`icon-${__props.type}`)
+                }, {
+                  default: withCtx(() => [
+                    __props.type == `normal` ? (openBlock(), createBlock(unref(Info24Regular), { key: 0 })) : createCommentVNode("v-if", true),
+                    __props.type == `warning` ? (openBlock(), createBlock(unref(Warning24Regular), { key: 1 })) : createCommentVNode("v-if", true),
+                    __props.type == `success` ? (openBlock(), createBlock(unref(CheckmarkCircle24Regular), { key: 2 })) : createCommentVNode("v-if", true),
+                    __props.type == `error` ? (openBlock(), createBlock(unref(ErrorCircle24Regular), { key: 3 })) : createCommentVNode("v-if", true),
+                    __props.type == `info` ? (openBlock(), createBlock(unref(Alert24Regular), { key: 4 })) : createCommentVNode("v-if", true)
+                  ]),
+                  _: 1
+                }, 8, ["class"])
               ]),
-              createElementVNode("footer", null, [
+              createElementVNode("div", _hoisted_7, [
+                createElementVNode("main", null, [
+                  renderSlot(_ctx.$slots, "content", {}, void 0, true)
+                ]),
                 createVNode(unref(LewButton), {
+                  style: { "margin-right": "10px" },
+                  type: "normal",
                   size: "small",
-                  type: "blank",
                   onClick: cancelFn
                 }, {
                   default: withCtx(() => [
-                    _hoisted_3
+                    _hoisted_8
                   ]),
                   _: 1
                 }),
                 createVNode(unref(LewButton), {
-                  size: "small",
-                  onClick: okFn
+                  onClick: okFn,
+                  loading: unref(loading),
+                  size: "small"
                 }, {
                   default: withCtx(() => [
-                    _hoisted_4
+                    _hoisted_9
                   ]),
                   _: 1
-                })
+                }, 8, ["loading"])
               ])
-            ])
-          ])) : createCommentVNode("v-if", true),
-          __props.layout == "easy" ? (openBlock(), createElementBlock("div", _hoisted_5, [
-            createElementVNode("div", _hoisted_6, [
-              createVNode(unref(Icon), {
-                size: "22",
-                class: normalizeClass(`icon-${__props.type}`)
-              }, {
-                default: withCtx(() => [
-                  __props.type == `normal` ? (openBlock(), createBlock(unref(Info24Regular), { key: 0 })) : createCommentVNode("v-if", true),
-                  __props.type == `warning` ? (openBlock(), createBlock(unref(Warning24Regular), { key: 1 })) : createCommentVNode("v-if", true),
-                  __props.type == `success` ? (openBlock(), createBlock(unref(CheckmarkCircle24Regular), { key: 2 })) : createCommentVNode("v-if", true),
-                  __props.type == `error` ? (openBlock(), createBlock(unref(ErrorCircle24Regular), { key: 3 })) : createCommentVNode("v-if", true),
-                  __props.type == `info` ? (openBlock(), createBlock(unref(Alert24Regular), { key: 4 })) : createCommentVNode("v-if", true)
-                ]),
-                _: 1
-              }, 8, ["class"])
-            ]),
-            createElementVNode("div", _hoisted_7, [
-              createElementVNode("main", null, [
-                renderSlot(_ctx.$slots, "content", {}, void 0, true)
-              ]),
-              createVNode(unref(LewButton), {
-                style: { "margin-right": "10px" },
-                type: "normal",
-                size: "small",
-                onClick: cancelFn
-              }, {
-                default: withCtx(() => [
-                  _hoisted_8
-                ]),
-                _: 1
-              }),
-              createVNode(unref(LewButton), {
-                size: "small",
-                onClick: okFn
-              }, {
-                default: withCtx(() => [
-                  _hoisted_9
-                ]),
-                _: 1
-              })
-            ])
-          ])) : createCommentVNode("v-if", true)
-        ], 4)) : createCommentVNode("v-if", true)
+            ])) : createCommentVNode("v-if", true)
+          ], 4)) : createCommentVNode("v-if", true)
+        ]))
       ]);
     };
   }
@@ -12440,6 +12548,7 @@ const add = (type, title, content, delay) => {
     `lew-notification lew-notification-${type}`
   );
   let timer = void 0;
+  let lock = false;
   function startTimer() {
     if (delay > 0) {
       ({ stop: timer } = useTimeoutFn(() => {
@@ -12451,18 +12560,24 @@ const add = (type, title, content, delay) => {
     timer == null ? void 0 : timer();
   }
   function handleClose() {
+    if (lock) {
+      return;
+    }
+    lock = true;
     newMessage.setAttribute(
       "class",
       `lew-notification lew-notification-${type} lew-notification-hidden`
     );
     setTimeout(() => {
-      LewMessageDom == null ? void 0 : LewMessageDom.removeChild(newMessage);
+      if (newMessage)
+        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(() => {
+    lock = false;
     newMessage.setAttribute(
       "class",
       `lew-notification lew-notification-${type} lew-notification-show`