lew-ui 1.1.28 → 1.1.30

package/dist/lew.es.ts

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, onUnmounted, onMounted, getCurrentInstance, h, ref, watch, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, pushScopeId, popScopeId, resolveComponent, createBlock, withCtx, withDirectives, vModelText, vModelDynamic, withModifiers, createVNode, vShow, createTextVNode, nextTick, toRaw, isRef, vModelCheckbox, reactive, watchEffect, Teleport, Transition, shallowRef, resolveDirective, createApp, getCurrentScope, onScopeDispose } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, onUnmounted, onMounted, getCurrentInstance, h, ref, watch, createElementVNode, Fragment, renderList, toDisplayString, createCommentVNode, pushScopeId, popScopeId, resolveComponent, createBlock, withCtx, withDirectives, vModelText, vModelDynamic, withModifiers, createVNode, vShow, createTextVNode, nextTick, toRaw, isRef, vModelCheckbox, getCurrentScope, onScopeDispose, reactive, Teleport, Transition, shallowRef, resolveDirective, createApp } from "vue";
 function _mergeNamespaces(n, m) {
   m.forEach(function(e) {
     e && typeof e !== "string" && !Array.isArray(e) && Object.keys(e).forEach(function(k) {
@@ -15,7 +15,7 @@ function _mergeNamespaces(n, m) {
   });
   return Object.freeze(Object.defineProperty(n, Symbol.toStringTag, { value: "Module" }));
 }
-const _props$g = {
+const _props$e = {
   direction: {
     type: String,
     default: "x"
@@ -44,24 +44,30 @@ const _props$g = {
   },
   width: { type: [String, Number] }
 };
-const getIconType = (type) => {
-  switch (type) {
-    case "normal":
-      return "info";
-    case "warning":
-      return "alert-triangle";
-    case "success":
-      return "check";
-    case "error":
-      return "alert-circle";
-    case "info":
-      return "bell";
-    default:
-      return "info";
+const widthValidator = (value) => {
+  if (typeof value === "number") {
+    value = `${value}px`;
+  }
+  if (typeof value === "string") {
+    const lastChar = value.charAt(value.length - 1);
+    if (!isNaN(parseInt(lastChar))) {
+      value = `${value}px`;
+    }
   }
+  return /^[1-9][0-9]*px$/.test(value);
+};
+const getIconType = (type) => {
+  let map2 = {
+    normal: "info",
+    warning: "alert-triangle",
+    success: "check",
+    error: "alert-circle",
+    info: "bell"
+  };
+  return map2[type] || "info";
 };
 const getPx = (num) => {
-  return typeof num == "string" ? num : num + "px";
+  return typeof num === "string" ? num : num + "px";
 };
 var LewFlex_vue_vue_type_style_index_0_scoped_true_lang = "";
 var _export_sfc = (sfc, props) => {
@@ -73,7 +79,7 @@ var _export_sfc = (sfc, props) => {
 };
 const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "LewFlex",
-  props: _props$g,
+  props: _props$e,
   setup(__props) {
     const props = __props;
     const classObject = computed(() => {
@@ -1836,10 +1842,10 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
         curIndex = index2;
       }
     };
-    let timer;
+    let timer2;
     const debounce2 = () => {
-      clearTimeout(timer);
-      timer = setTimeout(() => {
+      clearTimeout(timer2);
+      timer2 = setTimeout(() => {
         console.log(1);
         init();
       }, 250);
@@ -1893,7 +1899,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 var LewSteps = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-5e4b1dfe"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/steps/src/LewSteps.vue"]]);
-const _props$f = {
+const _props$d = {
   options: {
     type: Array,
     default() {
@@ -1910,7 +1916,7 @@ const _props$f = {
 var LewBreadcrumb_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$5 = (n) => (pushScopeId("data-v-5303b0ef"), n = n(), popScopeId(), n);
 const _hoisted_1$q = { class: "lew-breadcrumb" };
-const _hoisted_2$j = ["onClick"];
+const _hoisted_2$k = ["onClick"];
 const _hoisted_3$d = {
   key: 0,
   class: "lew-breadcrumb-parting"
@@ -1945,7 +1951,7 @@ const _hoisted_9$2 = [
 ];
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "LewBreadcrumb",
-  props: _props$f,
+  props: _props$d,
   setup(__props) {
     const { lewTo } = useLewTo();
     return (_ctx, _cache) => {
@@ -1958,7 +1964,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
             createElementVNode("span", {
               class: normalizeClass({ "lew-breadcrumb-isPath": !!item.to }),
               onClick: ($event) => unref(lewTo)(item.to)
-            }, toDisplayString(item.label), 11, _hoisted_2$j),
+            }, toDisplayString(item.label), 11, _hoisted_2$k),
             index2 != _ctx.options.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$d, [
               _ctx.iconType === "sprit" ? (openBlock(), createElementBlock("svg", _hoisted_4$d, _hoisted_6$3)) : createCommentVNode("v-if", true),
               _ctx.iconType === "shoulder" ? (openBlock(), createElementBlock("svg", _hoisted_7$2, _hoisted_9$2)) : createCommentVNode("v-if", true)
@@ -1970,7 +1976,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 var LewBreadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-5303b0ef"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/breadcrumb/src/LewBreadcrumb.vue"]]);
-const _props$e = {
+const _props$c = {
   options: {
     type: Array,
     default() {
@@ -2006,7 +2012,7 @@ var LewDropdown_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$p = ["onClick"];
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "LewDropdown",
-  props: _props$e,
+  props: _props$c,
   emits: ["change"],
   setup(__props, { expose, emit }) {
     let lewPopoverRef = ref();
@@ -2117,7 +2123,7 @@ const inputProps = {
 };
 var LewInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$o = ["disabled", "readonly", "placeholder"];
-const _hoisted_2$i = ["disabled", "placeholder", "type", "readonly"];
+const _hoisted_2$j = ["disabled", "placeholder", "type", "readonly"];
 const _hoisted_3$c = {
   key: 2,
   class: "input-auto-width"
@@ -2159,7 +2165,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", v.value);
       emit("input", v.value);
     };
-    const clear = () => {
+    const clear2 = () => {
       emit("clear", v.value);
       v.value = "";
       emit("update:modelValue", v.value);
@@ -2259,7 +2265,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           onChange: _cache[4] || (_cache[4] = ($event) => emit("change", v.value)),
           onBlur: _cache[5] || (_cache[5] = ($event) => emit("blur", v.value)),
           onFocus: focus
-        }, null, 40, _hoisted_2$i)), [
+        }, null, 40, _hoisted_2$j)), [
           [vModelDynamic, v.value]
         ]),
         _ctx.autoWidth ? (openBlock(), createElementBlock("label", _hoisted_3$c, toDisplayString(v.value), 1)) : createCommentVNode("v-if", true),
@@ -2294,7 +2300,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
             key: 2,
             onMousedown: _cache[7] || (_cache[7] = withModifiers(() => {
             }, ["prevent"])),
-            onClick: clear,
+            onClick: clear2,
             class: "lew-input-clear"
           }, [
             createVNode(_component_lew_icon, {
@@ -2308,7 +2314,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
   }
 });
 var LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-156ce1e1"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/input/src/LewInput.vue"]]);
-const _props$d = {
+const _props$b = {
   type: {
     type: String,
     default: ""
@@ -2384,7 +2390,7 @@ var LewInputPro_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$n = { class: "lew-input-pro" };
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "LewInputPro",
-  props: _props$d,
+  props: _props$b,
   emits: [
     "update:modelValue",
     "clear",
@@ -2407,7 +2413,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", value);
       emit("input", value);
     };
-    const clear = () => {
+    const clear2 = () => {
       emit("clear", v.value);
       v.value = "";
       emit("update:modelValue", v.value);
@@ -2465,7 +2471,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
               onChange: _cache[2] || (_cache[2] = ($event) => emit("change", v.value)),
               onBlur: _cache[3] || (_cache[3] = ($event) => emit("blur", v.value)),
               onFocus: focus,
-              onClear: clear
+              onClear: clear2
             }, null, 8, ["modelValue", "type", "auto-width", "size", "align", "placeholder", "clearable"])
           ]),
           _: 1
@@ -2491,7 +2497,7 @@ const inputTagProps = {
 var LewInputTag_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$4 = (n) => (pushScopeId("data-v-ad3c9b14"), n = n(), popScopeId(), n);
 const _hoisted_1$m = { class: "lew-input-tag-view" };
-const _hoisted_2$h = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("div", { style: { "margin-left": "-10px", "height": "26px" } }, null, -1));
+const _hoisted_2$i = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("div", { style: { "margin-left": "-10px", "height": "26px" } }, null, -1));
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "LewInputTag",
   props: inputTagProps,
@@ -2558,7 +2564,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       const _component_lew_icon = resolveComponent("lew-icon");
       const _component_lew_input = resolveComponent("lew-input");
       return openBlock(), createElementBlock("div", _hoisted_1$m, [
-        _hoisted_2$h,
+        _hoisted_2$i,
         (openBlock(true), createElementBlock(Fragment, null, renderList(tagsValue.value, (item, index2) => {
           return openBlock(), createBlock(_component_lew_tag, {
             key: index2,
@@ -2637,7 +2643,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
 var LewForm = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-a827f69e"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/form/src/LewForm.vue"]]);
 var LewFormItem_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$l = { class: "lew-form-item-view" };
-const _hoisted_2$g = { class: "lew-form-item-tips" };
+const _hoisted_2$h = { class: "lew-form-item-tips" };
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "LewFormItem",
   props: {
@@ -2676,7 +2682,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         }, toDisplayString(props.label), 5),
         createElementVNode("div", _hoisted_1$l, [
           renderSlot(_ctx.$slots, "default", {}, void 0, true),
-          withDirectives(createElementVNode("div", _hoisted_2$g, "\u8F93\u5165\u683C\u5F0F\u9519\u8BEF", 512), [
+          withDirectives(createElementVNode("div", _hoisted_2$h, "\u8F93\u5165\u683C\u5F0F\u9519\u8BEF", 512), [
             [vShow, false]
           ])
         ])
@@ -2685,7 +2691,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 var LewFormItem = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-ef952438"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/form/src/LewFormItem.vue"]]);
-const _props$c = {
+const _props$a = {
   label: {
     type: String,
     default: () => {
@@ -2778,7 +2784,7 @@ const _hoisted_1$k = {
   key: 0,
   class: "icon-checkbox-box"
 };
-const _hoisted_2$f = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_2$g = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("svg", {
   class: "icon-checkbox",
   viewBox: "0 0 24 24",
   width: "24",
@@ -2792,7 +2798,7 @@ const _hoisted_2$f = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ create
   /* @__PURE__ */ createElementVNode("polyline", { points: "20 6 9 17 4 12" })
 ], -1));
 const _hoisted_3$b = [
-  _hoisted_2$f
+  _hoisted_2$g
 ];
 const _hoisted_4$b = ["checked"];
 const _hoisted_5$8 = {
@@ -2801,7 +2807,7 @@ const _hoisted_5$8 = {
 };
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "LewCheckbox",
-  props: _props$c,
+  props: _props$a,
   emits: ["change", "update:modelValue"],
   setup(__props, { emit }) {
     const props = __props;
@@ -2898,9 +2904,9 @@ const _hoisted_1$j = {
   key: 0,
   class: "icon-radio-box"
 };
-const _hoisted_2$e = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "icon-radio" }, null, -1));
+const _hoisted_2$f = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "icon-radio" }, null, -1));
 const _hoisted_3$a = [
-  _hoisted_2$e
+  _hoisted_2$f
 ];
 const _hoisted_4$a = ["checked"];
 const _hoisted_5$7 = {
@@ -4562,7 +4568,7 @@ var lodash = { exports: {} };
           return value;
         }
         if (value == null) {
-          return identity;
+          return identity2;
         }
         if (typeof value == "object") {
           return isArray2(value) ? baseMatchesProperty(value[0], value[1]) : baseMatches(value);
@@ -4700,7 +4706,7 @@ var lodash = { exports: {} };
             return iteratee2;
           });
         } else {
-          iteratees = [identity];
+          iteratees = [identity2];
         }
         var index2 = -1;
         iteratees = arrayMap(iteratees, baseUnary(getIteratee()));
@@ -4796,7 +4802,7 @@ var lodash = { exports: {} };
         return result2;
       }
       function baseRest(func, start2) {
-        return setToString(overRest(func, start2, identity), func + "");
+        return setToString(overRest(func, start2, identity2), func + "");
       }
       function baseSample(collection) {
         return arraySample(values(collection));
@@ -4828,11 +4834,11 @@ var lodash = { exports: {} };
         }
         return object;
       }
-      var baseSetData = !metaMap ? identity : function(func, data) {
+      var baseSetData = !metaMap ? identity2 : function(func, data) {
         metaMap.set(func, data);
         return func;
       };
-      var baseSetToString = !defineProperty ? identity : function(func, string) {
+      var baseSetToString = !defineProperty ? identity2 : function(func, string) {
         return defineProperty(func, "toString", {
           "configurable": true,
           "enumerable": false,
@@ -4881,7 +4887,7 @@ var lodash = { exports: {} };
           }
           return high;
         }
-        return baseSortedIndexBy(array, value, identity, retHighest);
+        return baseSortedIndexBy(array, value, identity2, retHighest);
       }
       function baseSortedIndexBy(array, value, iteratee2, retHighest) {
         var low = 0, high = array == null ? 0 : array.length;
@@ -5037,7 +5043,7 @@ var lodash = { exports: {} };
         return isArrayLikeObject(value) ? value : [];
       }
       function castFunction(value) {
-        return typeof value == "function" ? value : identity;
+        return typeof value == "function" ? value : identity2;
       }
       function castPath(value, object) {
         if (isArray2(value)) {
@@ -7387,7 +7393,7 @@ var lodash = { exports: {} };
           value = nativeObjectToString2.call(value);
         }
         result2[value] = key;
-      }, constant(identity));
+      }, constant(identity2));
       var invertBy = createInverter(function(result2, value, key) {
         if (value != null && typeof value.toString != "function") {
           value = nativeObjectToString2.call(value);
@@ -7890,7 +7896,7 @@ var lodash = { exports: {} };
       }
       var flow = createFlow();
       var flowRight = createFlow(true);
-      function identity(value) {
+      function identity2(value) {
         return value;
       }
       function iteratee(func) {
@@ -8014,19 +8020,19 @@ var lodash = { exports: {} };
       }, 1);
       var floor = createRound("floor");
       function max2(array) {
-        return array && array.length ? baseExtremum(array, identity, baseGt) : undefined$1;
+        return array && array.length ? baseExtremum(array, identity2, baseGt) : undefined$1;
       }
       function maxBy(array, iteratee2) {
         return array && array.length ? baseExtremum(array, getIteratee(iteratee2, 2), baseGt) : undefined$1;
       }
       function mean(array) {
-        return baseMean(array, identity);
+        return baseMean(array, identity2);
       }
       function meanBy(array, iteratee2) {
         return baseMean(array, getIteratee(iteratee2, 2));
       }
       function min2(array) {
-        return array && array.length ? baseExtremum(array, identity, baseLt) : undefined$1;
+        return array && array.length ? baseExtremum(array, identity2, baseLt) : undefined$1;
       }
       function minBy(array, iteratee2) {
         return array && array.length ? baseExtremum(array, getIteratee(iteratee2, 2), baseLt) : undefined$1;
@@ -8039,7 +8045,7 @@ var lodash = { exports: {} };
         return minuend - subtrahend;
       }, 0);
       function sum(array) {
-        return array && array.length ? baseSum(array, identity) : 0;
+        return array && array.length ? baseSum(array, identity2) : 0;
       }
       function sumBy(array, iteratee2) {
         return array && array.length ? baseSum(array, getIteratee(iteratee2, 2)) : 0;
@@ -8236,7 +8242,7 @@ var lodash = { exports: {} };
       lodash2.has = has;
       lodash2.hasIn = hasIn;
       lodash2.head = head;
-      lodash2.identity = identity;
+      lodash2.identity = identity2;
       lodash2.includes = includes;
       lodash2.indexOf = indexOf2;
       lodash2.inRange = inRange;
@@ -8406,7 +8412,7 @@ var lodash = { exports: {} };
         };
       });
       LazyWrapper.prototype.compact = function() {
-        return this.filter(identity);
+        return this.filter(identity2);
       };
       LazyWrapper.prototype.find = function(predicate) {
         return this.filter(predicate).head();
@@ -8534,7 +8540,7 @@ const _hoisted_1$i = {
   key: 0,
   class: "lew-select-placeholder"
 };
-const _hoisted_2$d = { class: "lew-select-label-multiple" };
+const _hoisted_2$e = { class: "lew-select-label-multiple" };
 const _hoisted_3$9 = {
   style: { "margin-left": "5px" },
   class: "lew-isSelect-label-num"
@@ -8650,11 +8656,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
     expose({ show, hide: hide2 });
     onMounted(() => {
-      var _a2, _b;
+      var _a2, _b, _c, _d;
       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) || "";
+      } else if (typeof props.modelValue === "number") {
+        labelStr.value = labelStr.value = ((_d = (_c = props.options) == null ? void 0 : _c.find((e) => Number(e.value) === props.modelValue)) == null ? void 0 : _d.label) || "";
       }
     });
     return (_ctx, _cache) => {
@@ -8688,7 +8696,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               [vShow, !_ctx.multiple]
             ]),
             createCommentVNode(" \u591A\u9009 "),
-            withDirectives(createElementVNode("div", _hoisted_2$d, [
+            withDirectives(createElementVNode("div", _hoisted_2$e, [
               withDirectives(createVNode(_component_lew_tag, {
                 type: "primary",
                 size: _ctx.size,
@@ -8815,7 +8823,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 var LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__scopeId", "data-v-326752a1"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/select/src/LewSelect.vue"]]);
-const _props$b = {
+const _props$9 = {
   modelValue: {
     type: Boolean,
     default: () => {
@@ -8841,10 +8849,10 @@ const _props$b = {
 var LewSwitch_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId$1 = (n) => (pushScopeId("data-v-3d4d5d11"), n = n(), popScopeId(), n);
 const _hoisted_1$h = ["disabled"];
-const _hoisted_2$c = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "lew-switch-dot" }, null, -1));
+const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "lew-switch-dot" }, null, -1));
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "LewSwitch",
-  props: _props$b,
+  props: _props$9,
   emits: ["update:modelValue", "click", "change"],
   setup(__props, { emit }) {
     const props = __props;
@@ -8895,7 +8903,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           [vShow, false],
           [vModelCheckbox, v.value]
         ]),
-        _hoisted_2$c
+        _hoisted_2$d
       ], 2);
     };
   }
@@ -8954,6 +8962,10 @@ const datePickerProps = {
     type: Boolean,
     default: false
   },
+  size: {
+    type: String,
+    default: "medium"
+  },
   autoClose: {
     type: Boolean,
     default: true
@@ -8968,6 +8980,10 @@ const dateRangePickerProps = {
     type: Boolean,
     default: false
   },
+  size: {
+    type: String,
+    default: "medium"
+  },
   autoClose: {
     type: Boolean,
     default: true
@@ -12897,7 +12913,7 @@ hooks.HTML5_FMT = {
 };
 var LewDate_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$g = { class: "lew-date" };
-const _hoisted_2$b = { class: "lew-date-control-left" };
+const _hoisted_2$c = { class: "lew-date-control-left" };
 const _hoisted_3$8 = { class: "cur-date" };
 const _hoisted_4$8 = { class: "lew-date-control-right" };
 const _hoisted_5$5 = { class: "lew-date-box" };
@@ -12987,7 +13003,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           class: "lew-date-control"
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_2$b, [
+            createElementVNode("div", _hoisted_2$c, [
               createCommentVNode(" \u4E0A\u4E00\u5E74 "),
               createVNode(_component_lew_button, {
                 type: "normal",
@@ -13086,7 +13102,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
 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 LewDateRange_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$f = { class: "lew-date-range" };
-const _hoisted_2$a = { class: "lew-date" };
+const _hoisted_2$b = { class: "lew-date" };
 const _hoisted_3$7 = { class: "lew-date-control-left" };
 const _hoisted_4$7 = { class: "cur-date" };
 const _hoisted_5$4 = { class: "lew-date-control-right" };
@@ -13390,7 +13406,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       const _component_lew_button = resolveComponent("lew-button");
       const _component_lew_flex = resolveComponent("lew-flex");
       return openBlock(), createElementBlock("div", _hoisted_1$f, [
-        createElementVNode("div", _hoisted_2$a, [
+        createElementVNode("div", _hoisted_2$b, [
           createVNode(_component_lew_flex, {
             x: "start",
             mode: "between",
@@ -13600,7 +13616,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
 });
 var LewDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-37bbe4a3"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/date-picker/src/LewDateRange.vue"]]);
 var LewDatePicker_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _hoisted_1$e = { class: "lew-date-picker-placeholder" };
+const _hoisted_1$e = { class: "lew-date-picker-input" };
+const _hoisted_2$a = { class: "lew-date-picker-placeholder" };
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "LewDatePicker",
   props: datePickerProps,
@@ -13629,6 +13646,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         hide2();
       }
     };
+    const classObject = computed(() => {
+      return {
+        "lew-date-picker-focus": isShowPicker.value,
+        [`lew-date-picker-${props.size}`]: props.size
+      };
+    });
     expose({ show, hide: hide2 });
     return (_ctx, _cache) => {
       const _component_lew_icon = resolveComponent("lew-icon");
@@ -13644,19 +13667,21 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       }, {
         trigger: withCtx(() => [
           createElementVNode("div", {
-            class: normalizeClass(["lew-date-picker-input", { "lew-date-picker-focus": unref(isShowPicker) }])
+            class: normalizeClass(["lew-date-picker-view", unref(classObject)])
           }, [
-            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), [
-              [vShow, unref(dateValue)]
-            ]),
-            createVNode(_component_lew_icon, {
-              class: "lew-date-picker-icon",
-              size: "16px",
-              type: "calendar"
-            })
+            createElementVNode("div", _hoisted_1$e, [
+              withDirectives(createElementVNode("div", _hoisted_2$a, " \u8BF7\u9009\u62E9\u65E5\u671F ", 512), [
+                [vShow, !unref(dateValue)]
+              ]),
+              withDirectives(createElementVNode("div", { class: "lew-date-picker-dateValue" }, toDisplayString(unref(dateValue)), 513), [
+                [vShow, unref(dateValue)]
+              ]),
+              createVNode(_component_lew_icon, {
+                class: "lew-date-picker-icon",
+                size: "16px",
+                type: "calendar"
+              })
+            ])
           ], 2)
         ]),
         "popover-body": withCtx(() => [
@@ -13675,10 +13700,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
 var LewDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-4c4a62d0"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/date-picker/src/LewDatePicker.vue"]]);
 var LewDateRangePicker_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _withScopeId = (n) => (pushScopeId("data-v-f13243de"), n = n(), popScopeId(), n);
-const _hoisted_1$d = { class: "lew-date-picker-placeholder" };
-const _hoisted_2$9 = { class: "lew-date-picker-dateValue lew-date-picker-start" };
-const _hoisted_3$6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "lew-date-picker-mid" }, "-", -1));
-const _hoisted_4$6 = { class: "lew-date-picker-dateValue lew-date-picker-end" };
+const _hoisted_1$d = { class: "lew-date-picker-input" };
+const _hoisted_2$9 = { class: "lew-date-picker-placeholder" };
+const _hoisted_3$6 = { class: "lew-date-picker-dateValue lew-date-picker-start" };
+const _hoisted_4$6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "lew-date-picker-mid" }, "-", -1));
+const _hoisted_5$3 = { class: "lew-date-picker-dateValue lew-date-picker-end" };
 const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "LewDateRangePicker",
   props: dateRangePickerProps,
@@ -13707,6 +13733,12 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         hide2();
       }
     };
+    const classObject = computed(() => {
+      return {
+        "lew-date-picker-focus": isShowPicker.value,
+        [`lew-date-picker-${props.size}`]: props.size
+      };
+    });
     expose({ show, hide: hide2 });
     return (_ctx, _cache) => {
       const _component_lew_icon = resolveComponent("lew-icon");
@@ -13722,19 +13754,21 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       }, {
         trigger: withCtx(() => [
           createElementVNode("div", {
-            class: normalizeClass(["lew-date-picker-input", { "lew-date-picker-focus": unref(isShowPicker) }])
+            class: normalizeClass(["lew-date-picker-view", unref(classObject)])
           }, [
-            withDirectives(createElementVNode("div", _hoisted_1$d, " \u8BF7\u9009\u62E9\u65E5\u671F ", 512), [
-              [vShow, !unref(dateValue)]
-            ]),
-            createElementVNode("div", _hoisted_2$9, toDisplayString(unref(dateValue)[0]), 1),
-            _hoisted_3$6,
-            createElementVNode("div", _hoisted_4$6, toDisplayString(unref(dateValue)[1]), 1),
-            createVNode(_component_lew_icon, {
-              class: "lew-date-picker-icon",
-              size: "16px",
-              type: "calendar"
-            })
+            createElementVNode("div", _hoisted_1$d, [
+              withDirectives(createElementVNode("div", _hoisted_2$9, " \u8BF7\u9009\u62E9\u65E5\u671F ", 512), [
+                [vShow, !unref(dateValue)]
+              ]),
+              createElementVNode("div", _hoisted_3$6, toDisplayString(unref(dateValue)[0]), 1),
+              _hoisted_4$6,
+              createElementVNode("div", _hoisted_5$3, toDisplayString(unref(dateValue)[1]), 1),
+              createVNode(_component_lew_icon, {
+                class: "lew-date-picker-icon",
+                size: "16px",
+                type: "calendar"
+              })
+            ])
           ], 2)
         ]),
         "popover-body": withCtx(() => [
@@ -13945,7 +13979,7 @@ width:${column.width != "auto" ? column.width : unref(niceWidth) || "100px"};
   }
 });
 var LewTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/table/src/LewTable.vue"]]);
-const _props$a = {
+const _props$8 = {
   total: {
     type: Number,
     default: 100
@@ -13968,72 +14002,230 @@ const _props$a = {
       return [
         {
           label: "10 / \u9875",
-          value: "10"
+          value: 10
         },
         {
           label: "20 / \u9875",
-          value: "20"
+          value: 20
         },
         {
           label: "30 / \u9875",
-          value: "30"
+          value: 30
         },
         {
           label: "50 / \u9875",
-          value: "50"
+          value: 50
         },
         {
           label: "100 / \u9875",
-          value: "100"
+          value: 100
         }
       ];
     }
   }
 };
+var _a;
+const isClient = typeof window !== "undefined";
+const isDef = (val) => typeof val !== "undefined";
+isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function resolveUnref(r) {
+  return typeof r === "function" ? r() : unref(r);
+}
+function identity(arg) {
+  return arg;
+}
+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 timer2 = null;
+  function clear2() {
+    if (timer2) {
+      clearTimeout(timer2);
+      timer2 = null;
+    }
+  }
+  function stop() {
+    isPending.value = false;
+    clear2();
+  }
+  function start2(...args) {
+    clear2();
+    isPending.value = true;
+    timer2 = setTimeout(() => {
+      isPending.value = false;
+      timer2 = null;
+      cb(...args);
+    }, resolveUnref(interval));
+  }
+  if (immediate) {
+    isPending.value = true;
+    if (isClient)
+      start2();
+  }
+  tryOnScopeDispose(stop);
+  return {
+    isPending,
+    start: start2,
+    stop
+  };
+}
+isClient ? window : void 0;
+isClient ? window.document : void 0;
+isClient ? window.navigator : void 0;
+isClient ? window.location : void 0;
+const _global = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+const globalKey = "__vueuse_ssr_handlers__";
+_global[globalKey] = _global[globalKey] || {};
+_global[globalKey];
+var SwipeDirection;
+(function(SwipeDirection2) {
+  SwipeDirection2["UP"] = "UP";
+  SwipeDirection2["RIGHT"] = "RIGHT";
+  SwipeDirection2["DOWN"] = "DOWN";
+  SwipeDirection2["LEFT"] = "LEFT";
+  SwipeDirection2["NONE"] = "NONE";
+})(SwipeDirection || (SwipeDirection = {}));
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const _TransitionPresets = {
+  easeInSine: [0.12, 0, 0.39, 0],
+  easeOutSine: [0.61, 1, 0.88, 1],
+  easeInOutSine: [0.37, 0, 0.63, 1],
+  easeInQuad: [0.11, 0, 0.5, 0],
+  easeOutQuad: [0.5, 1, 0.89, 1],
+  easeInOutQuad: [0.45, 0, 0.55, 1],
+  easeInCubic: [0.32, 0, 0.67, 0],
+  easeOutCubic: [0.33, 1, 0.68, 1],
+  easeInOutCubic: [0.65, 0, 0.35, 1],
+  easeInQuart: [0.5, 0, 0.75, 0],
+  easeOutQuart: [0.25, 1, 0.5, 1],
+  easeInOutQuart: [0.76, 0, 0.24, 1],
+  easeInQuint: [0.64, 0, 0.78, 0],
+  easeOutQuint: [0.22, 1, 0.36, 1],
+  easeInOutQuint: [0.83, 0, 0.17, 1],
+  easeInExpo: [0.7, 0, 0.84, 0],
+  easeOutExpo: [0.16, 1, 0.3, 1],
+  easeInOutExpo: [0.87, 0, 0.13, 1],
+  easeInCirc: [0.55, 0, 1, 0.45],
+  easeOutCirc: [0, 0.55, 0.45, 1],
+  easeInOutCirc: [0.85, 0, 0.15, 1],
+  easeInBack: [0.36, 0, 0.66, -0.56],
+  easeOutBack: [0.34, 1.56, 0.64, 1],
+  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
+};
+__spreadValues({
+  linear: identity
+}, _TransitionPresets);
+function useVModel(props, key, emit, options = {}) {
+  var _a2, _b, _c;
+  const {
+    passive: passive2 = false,
+    eventName,
+    deep = false,
+    defaultValue
+  } = options;
+  const vm = getCurrentInstance();
+  const _emit = emit || (vm == null ? void 0 : vm.emit) || ((_a2 = vm == null ? void 0 : vm.$emit) == null ? void 0 : _a2.bind(vm)) || ((_c = (_b = vm == null ? void 0 : vm.proxy) == null ? void 0 : _b.$emit) == null ? void 0 : _c.bind(vm == null ? void 0 : vm.proxy));
+  let event = eventName;
+  if (!key) {
+    {
+      key = "modelValue";
+    }
+  }
+  event = eventName || event || `update:${key.toString()}`;
+  const getValue = () => isDef(props[key]) ? props[key] : defaultValue;
+  if (passive2) {
+    const proxy = ref(getValue());
+    watch(() => props[key], (v) => proxy.value = v);
+    watch(proxy, (v) => {
+      if (v !== props[key] || deep)
+        _emit(event, v);
+    }, {
+      deep
+    });
+    return proxy;
+  } else {
+    return computed({
+      get() {
+        return getValue();
+      },
+      set(value) {
+        _emit(event, value);
+      }
+    });
+  }
+}
+function useVModels(props, emit, options = {}) {
+  const ret = {};
+  for (const key in props)
+    ret[key] = useVModel(props, key, emit, options);
+  return ret;
+}
 var LewPagination_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$b = { class: "lew-pagination" };
 const _hoisted_2$8 = ["onClick"];
 const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "LewPagination",
-  props: _props$a,
-  emits: ["update:currentPage", "update:pageSize", "change"],
+  props: _props$8,
+  emits: [
+    "update:currentPage",
+    "update:total",
+    "update:pageSize",
+    "change"
+  ],
   setup(__props, { emit }) {
     const props = __props;
-    const state = reactive({
-      currentPage: props.currentPage,
+    const { total, currentPage, pageSizeOptions } = useVModels(props, emit);
+    let state = reactive({
+      toPage: void 0,
       pageSize: props.pageSize,
-      total: props.total,
-      visiblePagesCount: props.visiblePagesCount,
-      pageSizeOptions: props.pageSizeOptions,
-      toPage: void 0
+      visiblePagesCount: props.visiblePagesCount
+    });
+    watch(total, () => {
+      currentPage.value = 1;
     });
-    watchEffect(() => {
-      emit("update:currentPage", state.currentPage);
-      emit("update:pageSize", state.pageSize);
-      state.total = props.total;
-      let _visiblePagesCount = props.visiblePagesCount;
-      if (_visiblePagesCount < 5) {
-        _visiblePagesCount = 5;
-      }
-      if (_visiblePagesCount > 12) {
-        _visiblePagesCount = 12;
-      }
-      console.log(_visiblePagesCount);
-      state.visiblePagesCount = _visiblePagesCount;
+    onMounted(() => {
+      state.visiblePagesCount = Math.max(state.visiblePagesCount, 5);
+      state.visiblePagesCount = Math.min(state.visiblePagesCount, 12);
     });
-    const totalPages = computed(() => Math.ceil(state.total / state.pageSize));
+    const totalPages = computed(() => Math.ceil(total.value / state.pageSize));
     const visiblePages = computed(() => {
-      let visiblePagesCount = state.visiblePagesCount;
-      const currentPage = state.currentPage;
-      const totalPages2 = Math.ceil(state.total / state.pageSize);
-      let startPage = currentPage - Math.floor(visiblePagesCount / 2);
+      let _currentPage = currentPage.value;
+      let totalPages2 = Math.ceil(total.value / state.pageSize);
+      let startPage = _currentPage - Math.floor(state.visiblePagesCount / 2);
+      if (_currentPage < state.visiblePagesCount / 2 + 2) {
+        startPage = 1;
+      }
       if (startPage < 1) {
         startPage = 1;
       }
-      let endPage = startPage + visiblePagesCount - 1;
+      let endPage = startPage + state.visiblePagesCount - 1;
       if (endPage > totalPages2) {
         endPage = totalPages2;
-        startPage = endPage - visiblePagesCount + 1;
+        startPage = endPage - state.visiblePagesCount + 1;
         if (startPage < 1) {
           startPage = 1;
         }
@@ -14046,14 +14238,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     });
     const changePage = (page) => {
       page = Math.floor(page);
-      if (page < 1 || page > totalPages.value || page === state.currentPage) {
+      if (page < 1 || page > totalPages.value || page === currentPage.value) {
         return;
       }
       emit("change", {
-        currentPage: state.currentPage,
+        currentPage: currentPage.value,
         pageSize: state.pageSize
       });
-      state.currentPage = page;
+      currentPage.value = page;
     };
     const startEllipsis = computed(() => visiblePages.value[0] > 2);
     const endEllipsis = computed(
@@ -14065,7 +14257,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     );
     const checkPageSize = (value) => {
       state.pageSize = value;
-      changePage(state.currentPage);
+      changePage(currentPage.value);
     };
     const checkPageNum = (value) => {
       let page = Number(value);
@@ -14073,7 +14265,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       if (page > totalPages.value || page < 1) {
         return;
       }
-      state.currentPage = page;
+      currentPage.value = page;
       changePage(value);
     };
     return (_ctx, _cache) => {
@@ -14095,7 +14287,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 createElementVNode("div", {
                   class: "btn",
-                  onClick: _cache[0] || (_cache[0] = ($event) => changePage(state.currentPage - 1))
+                  onClick: _cache[0] || (_cache[0] = ($event) => changePage(unref(currentPage) - 1))
                 }, [
                   createVNode(_component_lew_icon, {
                     size: "14",
@@ -14109,9 +14301,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                 }, " 1 ")) : createCommentVNode("v-if", true),
                 unref(startEllipsis) ? (openBlock(), createElementBlock("div", {
                   key: 1,
-                  onClick: _cache[2] || (_cache[2] = ($event) => changePage(
-                    state.currentPage - state.visiblePagesCount + 1
-                  )),
+                  onClick: _cache[2] || (_cache[2] = ($event) => changePage(unref(currentPage) - unref(state).visiblePagesCount + 1)),
                   class: "btn control-btn"
                 }, [
                   createVNode(_component_lew_icon, {
@@ -14123,16 +14313,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                   return openBlock(), createElementBlock("div", {
                     key: index2,
                     class: normalizeClass(["btn", {
-                      active: Number(page) === Number(state.currentPage)
+                      active: Number(page) === Number(unref(currentPage))
                     }]),
                     onClick: ($event) => changePage(page)
                   }, toDisplayString(page), 11, _hoisted_2$8);
                 }), 128)),
                 unref(endEllipsis) ? (openBlock(), createElementBlock("div", {
                   key: 2,
-                  onClick: _cache[3] || (_cache[3] = ($event) => changePage(
-                    state.currentPage + state.visiblePagesCount - 1
-                  )),
+                  onClick: _cache[3] || (_cache[3] = ($event) => changePage(unref(currentPage) + unref(state).visiblePagesCount - 1)),
                   class: "btn control-btn"
                 }, [
                   createVNode(_component_lew_icon, {
@@ -14147,7 +14335,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                 }, toDisplayString(unref(totalPages)), 1)) : createCommentVNode("v-if", true),
                 createElementVNode("div", {
                   class: "btn",
-                  onClick: _cache[5] || (_cache[5] = ($event) => changePage(state.currentPage + 1))
+                  onClick: _cache[5] || (_cache[5] = ($event) => changePage(unref(currentPage) + 1))
                 }, [
                   createVNode(_component_lew_icon, {
                     size: "14",
@@ -14160,20 +14348,20 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             createVNode(_component_lew_select, {
               style: { "width": "100px" },
               align: "center",
-              modelValue: state.pageSize,
-              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => state.pageSize = $event),
+              modelValue: unref(state).pageSize,
+              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(state).pageSize = $event),
               onChange: checkPageSize,
               size: "small",
               "show-icon": false,
-              options: _ctx.pageSizeOptions
+              options: unref(pageSizeOptions)
             }, null, 8, ["modelValue", "options"]),
             createVNode(_component_lew_input, {
               size: "small",
               align: "center",
               placeholder: "\u8DF3\u8F6C\u81F3",
               "auto-width": "",
-              modelValue: state.toPage,
-              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => state.toPage = $event),
+              modelValue: unref(state).toPage,
+              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => unref(state).toPage = $event),
               onChange: checkPageNum
             }, null, 8, ["modelValue"]),
             renderSlot(_ctx.$slots, "right")
@@ -14185,21 +14373,75 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 var LewPagination = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/pagination/src/LewPagination.vue"]]);
-const _props$9 = {
+const DocsUrl = "https://lew.kamtao.com/#/Avatar";
+const avatarProps = {
   round: {
     type: Boolean,
     default: false
   },
   status: {
     type: String,
+    validator: (value) => {
+      const status = [
+        "online",
+        "processing",
+        "away",
+        "offline",
+        "busy"
+      ];
+      if (value && !status.includes(value)) {
+        console.warn(
+          `oooh! Warning!
+ lew-avatar status${value} \u4E3A\u975E\u6CD5\u503C\u3002
+\u8BF7\u53C2\u8003\u5B98\u65B9\u6587\u6863 ${DocsUrl}
+
+`
+        );
+      }
+      return true;
+    },
     default: ""
   },
   statusPosition: {
     type: String,
-    default: "bottom-right"
+    validator: (value) => {
+      const position = [
+        "top",
+        "left",
+        "right",
+        "bottom",
+        "top-left",
+        "top-right",
+        "bottom-left",
+        "bottom-right",
+        "left-top",
+        "left-bottom",
+        "right-top",
+        "right-bottom"
+      ];
+      if (value && !position.includes(value)) {
+        console.warn(
+          `oooh! Warning!
+lew-avatar statusPosition\uFF1A${value} \u4E3A\u975E\u6CD5\u503C\u3002
+\u8BF7\u53C2\u8003\u5B98\u65B9\u6587\u6863 ${DocsUrl}
+
+`
+        );
+      }
+      return true;
+    },
+    default: ""
+  },
+  width: {
+    type: [String, Number],
+    validator: widthValidator,
+    default: 40
+  },
+  height: {
+    type: [String, Number],
+    validator: widthValidator,
+    default: 40
   },
-  width: { type: String, default: "40px" },
-  height: { type: String, default: "40px" },
   errorSrc: {
     type: String,
     default: "https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png"
@@ -14217,11 +14459,11 @@ var LewAvatar_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$a = ["src", "alt"];
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "LewAvatar",
-  props: _props$9,
+  props: avatarProps,
   setup(__props) {
     const props = __props;
     const { round: round2, width, height, status, statusPosition, errorSrc } = props;
-    let loading = ref(true);
+    let loading2 = ref(true);
     let imgRef = ref();
     let count = 8e3;
     let speed = 500;
@@ -14240,17 +14482,17 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       setImg();
     });
     const setImg = () => {
-      var timer = setInterval(function() {
+      var timer2 = setInterval(function() {
         var _a2;
         count -= speed;
         if (count < 0) {
-          loading.value = false;
+          loading2.value = false;
           loadErr.value = true;
-          clearInterval(timer);
+          clearInterval(timer2);
         }
         if ((_a2 = imgRef.value) == null ? void 0 : _a2.complete) {
-          loading.value = false;
-          clearInterval(timer);
+          loading2.value = false;
+          clearInterval(timer2);
         }
       }, speed);
     };
@@ -14260,7 +14502,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     const imageClassObject = computed(() => {
       return {
         "lew-avatar-round": round2,
-        skeletons: loading.value && !loadErr.value
+        skeletons: loading2.value && !loadErr.value
       };
     });
     const styleObject = computed(() => {
@@ -14292,7 +14534,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             alt: _ctx.alt,
             lazy: ""
           }, null, 8, _hoisted_1$a)), [
-            [vShow, !unref(loading)]
+            [vShow, !unref(loading2)]
           ]) : createCommentVNode("v-if", true)
         ], 2),
         unref(status) ? (openBlock(), createElementBlock("span", {
@@ -14304,7 +14546,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 var LewAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-3ce1779b"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/avatar/src/LewAvatar.vue"]]);
-const _props$8 = {
+const _props$7 = {
   type: {
     type: String,
     default: "normal"
@@ -14317,7 +14559,7 @@ const _hoisted_3$5 = { class: "content" };
 const _hoisted_4$5 = { class: "footer" };
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "LewComment",
-  props: _props$8,
+  props: _props$7,
   setup(__props) {
     return (_ctx, _cache) => {
       const _component_lew_flex = resolveComponent("lew-flex");
@@ -14381,7 +14623,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   }
 });
 var LewTitle = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-cfbccebe"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/title/src/LewTitle.vue"]]);
-const _props$7 = {
+const _props$6 = {
   type: {
     type: String,
     default: () => {
@@ -14422,7 +14664,7 @@ var LewButton_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$8 = ["disabled"];
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "LewButton",
-  props: _props$7,
+  props: _props$6,
   emits: ["click"],
   setup(__props, { emit }) {
     const props = __props;
@@ -14470,7 +14712,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   }
 });
 var LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-e7956ae6"], ["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/button/src/LewButton.vue"]]);
-const _props$6 = {
+const _props$5 = {
   type: {
     type: String,
     default: "normal"
@@ -14495,7 +14737,7 @@ const _hoisted_2$6 = {
 };
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "LewBadge",
-  props: _props$6,
+  props: _props$5,
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -14511,7 +14753,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
 var LewBadge = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/badge/src/LewBadge.vue"]]);
 let sizeRules = ["small", "medium", "large"];
 let typeRules = ["primary", "info", "success", "error", "warning", "normal"];
-const _props$5 = {
+const _props$4 = {
   type: {
     type: String,
     default: "normal",
@@ -14561,7 +14803,7 @@ const _hoisted_4$4 = {
 };
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "LewTag",
-  props: _props$5,
+  props: _props$4,
   emits: ["close"],
   setup(__props, { emit }) {
     const props = __props;
@@ -14616,12 +14858,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   }
 });
 var LewTag = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "C:/Users/10570/Desktop/30secWorkSpace/Lew-UI/packages/components/tag/src/LewTag.vue"]]);
-const _props$4 = {
+const alertProps = {
   list: {
     type: Array,
-    default() {
-      return [];
-    }
+    required: true
   }
 };
 var LewAlert_vue_vue_type_style_index_0_scoped_true_lang = "";
@@ -14629,13 +14869,13 @@ const _hoisted_1$5 = { class: "lew-alert-group" };
 const _hoisted_2$4 = { class: "alert-icon" };
 const _hoisted_3$3 = { class: "message" };
 const _hoisted_4$3 = { class: "title" };
-const _hoisted_5$3 = { key: 0 };
+const _hoisted_5$2 = { key: 0 };
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "LewAlert",
-  props: _props$4,
+  props: alertProps,
   emits: ["close"],
   setup(__props, { emit }) {
-    const getAlertClass = (item) => {
+    const getClass2 = (item) => {
       return `lew-alert-${item.type}`;
     };
     return (_ctx, _cache) => {
@@ -14644,7 +14884,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item, i) => {
           return openBlock(), createElementBlock("div", {
             key: i,
-            class: normalizeClass(["lew-alert", getAlertClass(item)])
+            class: normalizeClass(["lew-alert", getClass2(item)])
           }, [
             createElementVNode("div", _hoisted_2$4, [
               createVNode(_component_lew_icon, {
@@ -14658,7 +14898,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 [vShow, item.content]
               ])
             ]),
-            item.isShowCloseBtn ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+            item.closeable ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
               createVNode(_component_lew_icon, {
                 size: "16",
                 class: "btn-close",
@@ -14693,12 +14933,17 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     visible: {
       type: Boolean,
       default: false
+    },
+    closeOnClickOverlay: {
+      type: Boolean,
+      default: false
     }
   },
-  emits: ["maskClick", "confirm"],
+  emits: ["update:visible", "confirm"],
   setup(__props, { emit }) {
     const props = __props;
     useDOMCreate("lew-modal");
+    const { visible } = useVModels(props, emit);
     let _visible = ref(props.visible);
     let _visibleTimer = ref();
     watch(
@@ -14708,14 +14953,18 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           clearTimeout(_visibleTimer.value);
           _visibleTimer.value = setTimeout(() => {
             _visible.value = v;
+            visible.value = v;
           }, 250);
         } else {
           _visible.value = v;
+          visible.value = v;
         }
       }
     );
     const maskClick = () => {
-      emit("maskClick");
+      if (props.closeOnClickOverlay) {
+        visible.value = false;
+      }
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Teleport, { to: "#lew-modal" }, [
@@ -14723,13 +14972,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           key: 0,
           class: "lew-modal",
           style: normalizeStyle(
-            __props.visible ? "animation: lewModalOpen 0.25s;" : "animation: lewModalClose 0.25s;"
+            unref(visible) ? "animation: lewModalOpen 0.25s;" : "animation: lewModalClose 0.25s;"
           ),
           onClick: maskClick
         }, [
           createElementVNode("div", {
             class: "lew-modal-box",
-            style: normalizeStyle(`width:${__props.width};height:${__props.height};${__props.visible ? "animation: lewModalBoxOpen 0.25s;" : "animation: lewModalBoxClose 0.25s;"}`),
+            style: normalizeStyle(`width:${__props.width};height:${__props.height};${unref(visible) ? "animation: lewModalBoxOpen 0.25s;" : "animation: lewModalBoxClose 0.25s;"}`),
             onClick: _cache[0] || (_cache[0] = withModifiers(() => {
             }, ["stop"]))
           }, [
@@ -14781,7 +15030,7 @@ const _hoisted_4$2 = {
   key: 1,
   class: "content"
 };
-const _hoisted_5$2 = { class: "footer" };
+const _hoisted_5$1 = { class: "footer" };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "LewPopok",
   props: _props$3,
@@ -14863,7 +15112,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_2$3, [
               _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_3$2, toDisplayString(_ctx.title), 1)) : createCommentVNode("v-if", true),
               _ctx.content ? (openBlock(), createElementBlock("div", _hoisted_4$2, toDisplayString(_ctx.content), 1)) : createCommentVNode("v-if", true),
-              createElementVNode("div", _hoisted_5$2, [
+              createElementVNode("div", _hoisted_5$1, [
                 createVNode(unref(LewButton), {
                   size: "small",
                   type: "blank",
@@ -17879,7 +18128,7 @@ const _hoisted_1$1 = { class: "demo-box" };
 const _hoisted_2$1 = { class: "demo-item" };
 const _hoisted_3$1 = { class: "demo-cp" };
 const _hoisted_4$1 = { class: "pre-box" };
-const _hoisted_5$1 = { class: "icon" };
+const _hoisted_5 = { class: "icon" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "LewDemoBox",
   props: {
@@ -17958,7 +18207,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             class: "show-bar",
             onClick: _cache[0] || (_cache[0] = ($event) => isRef(isShowCode) ? isShowCode.value = !unref(isShowCode) : isShowCode = !unref(isShowCode))
           }, [
-            createElementVNode("div", _hoisted_5$1, [
+            createElementVNode("div", _hoisted_5, [
               !unref(isShowCode) ? (openBlock(), createBlock(_component_lew_icon, {
                 key: 0,
                 size: "16",
@@ -18222,12 +18471,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (!dom.value)
         return;
       emit("click");
-      let timer = setInterval(() => {
+      let timer2 = setInterval(() => {
         let scrollDom = dom.value;
         let ispeed = Math.floor(-scrollDom.scrollTop / 5);
         scrollDom.scrollTop = scrollDom.scrollTop + ispeed;
         if (scrollDom.scrollTop === 0) {
-          clearInterval(timer);
+          clearInterval(timer2);
         }
       }, 20);
     };
@@ -18314,62 +18563,123 @@ var components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   LewBackTop
 }, Symbol.toStringTag, { value: "Module" }));
 var index$9 = "";
-const warning$2 = (content) => {
-  message("warning", content);
+const warning$2 = (e) => {
+  message({
+    type: "warning",
+    e
+  });
 };
-const error$2 = (content) => {
-  message("error", content);
+const error$2 = (e) => {
+  message({
+    type: "error",
+    e
+  });
 };
-const info$2 = (content) => {
-  message("info", content);
+const info$2 = (e) => {
+  message({
+    type: "info",
+    e
+  });
 };
-const normal$2 = (content) => {
-  message("normal", content);
+const normal$2 = (e) => {
+  message({
+    type: "normal",
+    e
+  });
 };
-const success$2 = (content) => {
-  message("success", content);
+const success$2 = (e) => {
+  message({
+    type: "success",
+    e
+  });
+};
+const loading = (e) => {
+  message({
+    type: "loading",
+    e
+  });
+};
+const clear = (id) => {
+  const LewMessageDom = document.getElementById("lew-message");
+  if (id) {
+    let messageDom = document.getElementById(`message-id-${id}`);
+    messageDom && messageDom.classList.add("message-hidden");
+    setTimeout(() => {
+      if (messageDom)
+        LewMessageDom == null ? void 0 : LewMessageDom.removeChild(messageDom);
+    }, 120);
+  } else {
+    if (LewMessageDom == null ? void 0 : LewMessageDom.childNodes) {
+      Array.from(LewMessageDom == null ? void 0 : LewMessageDom.children).forEach((e) => {
+        e && e.classList.add("message-hidden");
+        setTimeout(() => {
+          try {
+            if (e)
+              LewMessageDom == null ? void 0 : LewMessageDom.removeChild(e);
+          } catch {
+          }
+        }, 120);
+      });
+    }
+  }
 };
 const createMessageList$1 = () => {
   const div2 = document.createElement("div");
   div2.setAttribute("id", "lew-message");
   document.body.appendChild(div2);
 };
-const message = (type, content) => {
+const message = ({ type, e }) => {
   if (!document.getElementById("lew-message")) {
     createMessageList$1();
-    message(type, content);
+    message({ type, e });
   } else {
-    addMessage(type, content);
+    setMessage({ type, e });
   }
 };
-const addMessage = (type, content) => {
+let timer = {};
+const setMessage = ({ type, e }) => {
   const LewMessageDom = document.getElementById("lew-message");
-  const newMessage = document.createElement("div");
+  let hasMessageById = e.id ? document.getElementById(`message-id-${e.id}`) : false;
+  let messageDom = hasMessageById || document.createElement("div");
   const svgArr = {
     success: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check vue-feather__content"><polyline points="20 6 9 17 4 12"></polyline></svg>`,
     warning: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-triangle vue-feather__content"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1="12" y1="9" x2="12" y2="13"></line><line x1="12" y1="17" x2="12.01" y2="17"></line></svg>`,
     error: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-alert-circle vue-feather__content"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>`,
     normal: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-info vue-feather__content"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>`,
-    info: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bell vue-feather__content"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>`
+    info: `<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-bell vue-feather__content"><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path><path d="M13.73 21a2 2 0 0 1-3.46 0"></path></svg>`,
+    loading: `<svg xmlns="http://www.w3.org/2000/svg" class="vue-feather--spin vue-feather--fast" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-loader vue-feather__content"><line x1="12" y1="2" x2="12" y2="6"></line><line x1="12" y1="18" x2="12" y2="22"></line><line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line><line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line><line x1="2" y1="12" x2="6" y2="12"></line><line x1="18" y1="12" x2="22" y2="12"></line><line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line><line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line></svg>`
   };
-  newMessage.innerHTML = `${svgArr[type]}<div class="content">${content}</div>`;
-  LewMessageDom == null ? void 0 : LewMessageDom.appendChild(newMessage, LewMessageDom == null ? void 0 : LewMessageDom.childNodes[0]);
-  newMessage.setAttribute("class", `message message-${type}`);
+  messageDom.innerHTML = `${svgArr[type]}<div class="content">${e.content || e}</div>`;
+  if (!hasMessageById) {
+    if (e.id) {
+      messageDom.setAttribute("id", `message-id-${e.id}`);
+    }
+    LewMessageDom == null ? void 0 : LewMessageDom.appendChild(messageDom, LewMessageDom == null ? void 0 : LewMessageDom.childNodes[0]);
+  } else {
+    clearTimeout(timer[e.id]);
+  }
+  messageDom.setAttribute(
+    "class",
+    `message message-${type} message-id-${e.id}`
+  );
   setTimeout(() => {
-    newMessage.setAttribute(
+    messageDom.setAttribute(
       "class",
       `message message-${type} message-show`
     );
-    setTimeout(() => {
-      newMessage.setAttribute(
+    timer[e.id] = setTimeout(() => {
+      messageDom.setAttribute(
         "class",
         `message message-${type} message-hidden`
       );
       setTimeout(() => {
-        if (newMessage)
-          LewMessageDom == null ? void 0 : LewMessageDom.removeChild(newMessage);
-      }, 250);
-    }, 3e3);
+        try {
+          if (messageDom)
+            LewMessageDom == null ? void 0 : LewMessageDom.removeChild(messageDom);
+        } catch {
+        }
+      }, 120);
+    }, e.duration || 3e3);
   }, 10);
 };
 var index$8 = {
@@ -18378,7 +18688,9 @@ var index$8 = {
   info: info$2,
   normal: normal$2,
   success: success$2,
-  error: error$2
+  error: error$2,
+  loading,
+  clear
 };
 const _props = {
   visible: {
@@ -18396,10 +18708,16 @@ const _props = {
     default: ""
   },
   ok: {
-    type: Function
+    type: Function,
+    default: () => {
+      return true;
+    }
   },
   cancel: {
-    type: Function
+    type: Function,
+    default: () => {
+      return true;
+    }
   },
   layout: {
     type: String,
@@ -18410,51 +18728,49 @@ 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 = {
-  key: 1,
-  class: "lew-dialog-box lew-dialog-box-easy"
-};
-const _hoisted_4 = { class: "left" };
-const _hoisted_5 = { class: "right" };
+const _hoisted_3 = { class: "left" };
+const _hoisted_4 = { class: "right" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LewDialog",
   props: _props,
-  emits: ["update:visible"],
+  emits: ["close"],
   setup(__props, { emit }) {
     const props = __props;
     let okLoading = ref(false);
     let cancelLoading = ref(false);
-    const onClickOverlay = () => {
+    const maskClick = () => {
       if (props == null ? void 0 : props.closeOnClickOverlay) {
         close();
       }
     };
-    let visible = ref(true);
+    let visibleMask = ref(true);
     let _visible = ref(true);
-    let _visibleTimer = ref();
     const close = () => {
-      visible.value = false;
-      emit("update:visible", false);
-      clearTimeout(_visibleTimer.value);
-      _visibleTimer.value = setTimeout(() => {
+      visibleMask.value = false;
+      setTimeout(() => {
         _visible.value = false;
-      }, 250);
+        emit("close");
+      }, 200);
     };
-    const okHandle = async () => {
+    const ok = async () => {
       if (typeof props.ok === "function") {
         okLoading.value = true;
-        await props.ok();
+        const isOk = await props.ok();
+        if (isOk !== false) {
+          close();
+        }
         okLoading.value = false;
       }
-      close();
     };
-    const cancelHandle = async () => {
+    const cancel = async () => {
       if (typeof props.cancel === "function") {
         cancelLoading.value = true;
-        await props.cancel();
+        const isCancel = await props.cancel();
+        if (isCancel !== false) {
+          close();
+        }
         cancelLoading.value = false;
       }
-      close();
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
@@ -18463,86 +18779,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             class: "lew-dialog",
             style: normalizeStyle(
-              unref(visible) ? "animation: lewDialogOpen 0.25s;" : "animation: lewDialogClose 0.25s;"
+              unref(visibleMask) ? "animation: lewDialogOpen 0.2s ease-out;" : "animation: lewDialogClose 0.2s ease-out;"
             ),
-            onClick: onClickOverlay
+            onClick: maskClick
           }, [
-            createElementVNode("div", {
+            _ctx.layout === "normal" ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "lew-dialog-box lew-dialog-box-normal",
               style: normalizeStyle(
-                unref(visible) ? "animation: lewDialogBoxOpen 0.25s;" : "animation: lewDialogBoxClose 0.25s;"
-              )
+                unref(visibleMask) ? "animation: lewDialogBoxOpen 0.25s ease-out;  " : "animation: lewDialogBoxClose 0.25s ease-out; "
+              ),
+              onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+              }, ["stop"]))
             }, [
-              _ctx.layout === "normal" ? (openBlock(), createElementBlock("div", {
-                key: 0,
-                class: "lew-dialog-box lew-dialog-box-normal",
-                onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-                }, ["stop"]))
-              }, [
-                createElementVNode("div", _hoisted_1, [
-                  createElementVNode("div", {
-                    class: normalizeClass(`icon-${_ctx.type}`)
-                  }, [
-                    createVNode(unref(script), {
-                      size: "30",
-                      type: unref(getIconType)(_ctx.type)
-                    }, null, 8, ["type"])
-                  ], 2)
+              createElementVNode("div", _hoisted_1, [
+                createElementVNode("div", {
+                  class: normalizeClass(`icon-${_ctx.type}`)
+                }, [
+                  createVNode(unref(script), {
+                    size: "30",
+                    type: unref(getIconType)(_ctx.type)
+                  }, null, 8, ["type"])
+                ], 2)
+              ]),
+              createElementVNode("div", _hoisted_2, [
+                createElementVNode("header", null, [
+                  renderSlot(_ctx.$slots, "title", {}, void 0, true),
+                  createElementVNode("span", {
+                    class: "gulu-dialog-close",
+                    onClick: _cache[0] || (_cache[0] = ($event) => close())
+                  })
                 ]),
-                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), {
-                      loading: unref(cancelLoading),
-                      type: "blank",
-                      onClick: withModifiers(cancelHandle, ["stop"])
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode("\u53D6\u6D88 ")
-                      ]),
-                      _: 1
-                    }, 8, ["loading", "onClick"]),
-                    createVNode(unref(LewButton), {
-                      loading: unref(okLoading),
-                      onClick: withModifiers(okHandle, ["stop"])
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode("\u786E\u8BA4")
-                      ]),
-                      _: 1
-                    }, 8, ["loading", "onClick"])
-                  ])
-                ])
-              ])) : createCommentVNode("v-if", true),
-              _ctx.layout === "easy" ? (openBlock(), createElementBlock("div", _hoisted_3, [
-                createElementVNode("div", _hoisted_4, [
-                  createElementVNode("div", {
-                    class: normalizeClass(`icon-${_ctx.type}`)
-                  }, [
-                    createVNode(unref(script), {
-                      size: "20",
-                      type: unref(getIconType)(_ctx.type)
-                    }, null, 8, ["type"])
-                  ], 2)
+                createElementVNode("main", null, [
+                  renderSlot(_ctx.$slots, "content", {}, void 0, true)
                 ]),
-                createElementVNode("div", _hoisted_5, [
-                  createElementVNode("main", null, [
-                    renderSlot(_ctx.$slots, "content", {}, void 0, true)
-                  ]),
+                createElementVNode("footer", null, [
                   createVNode(unref(LewButton), {
-                    style: { "margin-right": "10px" },
-                    type: "normal",
-                    size: "small",
                     loading: unref(cancelLoading),
-                    onClick: withModifiers(cancelHandle, ["stop"])
+                    type: "blank",
+                    onClick: withModifiers(cancel, ["stop"])
                   }, {
                     default: withCtx(() => [
                       createTextVNode("\u53D6\u6D88 ")
@@ -18551,17 +18826,63 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, 8, ["loading", "onClick"]),
                   createVNode(unref(LewButton), {
                     loading: unref(okLoading),
-                    onClick: withModifiers(okHandle, ["stop"]),
-                    size: "small"
+                    onClick: withModifiers(ok, ["stop"])
                   }, {
                     default: withCtx(() => [
-                      createTextVNode("\u786E\u8BA4 ")
+                      createTextVNode("\u786E\u8BA4")
                     ]),
                     _: 1
                   }, 8, ["loading", "onClick"])
                 ])
-              ])) : createCommentVNode("v-if", true)
-            ], 4)
+              ])
+            ], 4)) : createCommentVNode("v-if", true),
+            _ctx.layout === "easy" ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: "lew-dialog-box lew-dialog-box-easy",
+              style: normalizeStyle(
+                unref(visibleMask) ? "animation: lewDialogBoxOpen 0.25s ease-out;" : "animation: lewDialogBoxClose 0.25s ease-out;"
+              ),
+              onClick: _cache[2] || (_cache[2] = withModifiers(() => {
+              }, ["stop"]))
+            }, [
+              createElementVNode("div", _hoisted_3, [
+                createElementVNode("div", {
+                  class: normalizeClass(`icon-${_ctx.type}`)
+                }, [
+                  createVNode(unref(script), {
+                    size: "20",
+                    type: unref(getIconType)(_ctx.type)
+                  }, null, 8, ["type"])
+                ], 2)
+              ]),
+              createElementVNode("div", _hoisted_4, [
+                createElementVNode("main", null, [
+                  renderSlot(_ctx.$slots, "content", {}, void 0, true)
+                ]),
+                createVNode(unref(LewButton), {
+                  style: { "margin-right": "10px" },
+                  type: "normal",
+                  size: "small",
+                  loading: unref(cancelLoading),
+                  onClick: withModifiers(cancel, ["stop"])
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u53D6\u6D88 ")
+                  ]),
+                  _: 1
+                }, 8, ["loading", "onClick"]),
+                createVNode(unref(LewButton), {
+                  loading: unref(okLoading),
+                  onClick: withModifiers(ok, ["stop"]),
+                  size: "small"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode("\u786E\u8BA4 ")
+                  ]),
+                  _: 1
+                }, 8, ["loading", "onClick"])
+              ])
+            ], 4)) : createCommentVNode("v-if", true)
           ], 4)) : createCommentVNode("v-if", true)
         ]))
       ]);
@@ -18588,7 +18909,6 @@ const dialog = (type, options) => {
   const { title, content, ok, cancel, layout, closeOnClickOverlay } = options;
   const div2 = document.createElement("div");
   document.body.appendChild(div2);
-  console.log(closeOnClickOverlay);
   const app = createApp({
     render() {
       return h(
@@ -18597,9 +18917,16 @@ const dialog = (type, options) => {
           closeOnClickOverlay,
           type,
           layout,
-          visible: true,
-          ok,
-          cancel
+          ok: ok ? ok : () => {
+            return true;
+          },
+          onClose: () => {
+            app.unmount(div2);
+            div2.remove();
+          },
+          cancel: cancel ? cancel : () => {
+            return true;
+          }
         },
         {
           title: () => title,
@@ -18684,12 +19011,12 @@ var index$5 = {
         _toBackUp = () => {
           if (!dom.value)
             return;
-          const timer = setInterval(() => {
+          const timer2 = setInterval(() => {
             const scrollDom = dom.value;
             const ispeed = Math.floor(-scrollDom.scrollTop / 5);
             scrollDom.scrollTop = scrollDom.scrollTop + ispeed;
             if (scrollDom.scrollTop === 0) {
-              clearInterval(timer);
+              clearInterval(timer2);
             }
           }, 20);
         };
@@ -18702,56 +19029,6 @@ var index$5 = {
   }
 };
 var index$4 = "";
-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(r) {
-  return typeof r === "function" ? r() : unref(r);
-}
-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);
 };
@@ -18809,17 +19086,17 @@ const add = (type, title, content, delay) => {
     "class",
     `lew-notification lew-notification-${type}`
   );
-  let timer = void 0;
+  let timer2 = void 0;
   let lock = false;
   function startTimer() {
     if (delay > 0) {
-      ({ stop: timer } = useTimeoutFn(() => {
+      ({ stop: timer2 } = useTimeoutFn(() => {
         handleClose();
       }, delay));
     }
   }
   function clearTimer() {
-    timer == null ? void 0 : timer();
+    timer2 == null ? void 0 : timer2();
   }
   function handleClose() {
     if (lock) {
@@ -18913,7 +19190,7 @@ const install = function(Vue) {
   );
   _components.forEach((component) => {
     if (component.hasOwnProperty("name") || component.hasOwnProperty("__name")) {
-      Vue.component(component.name || component.__name, component);
+      Vue.component(`${component.name || component.__name}`, component);
     }
   });
   _directives.forEach((directive) => {