lew-ui 1.1.8 → 1.1.10

package/dist/lew.es.ts

@@ -301,12 +301,12 @@ var LewSteps = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-5
 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$M = { class: "lew-breadcrumb" };
-const _hoisted_2$F = ["onClick"];
-const _hoisted_3$z = {
+const _hoisted_2$E = ["onClick"];
+const _hoisted_3$y = {
   key: 0,
   class: "lew-breadcrumb-parting"
 };
-const _hoisted_4$h = {
+const _hoisted_4$g = {
   key: 0,
   viewBox: "0 0 48 48",
   fill: "none",
@@ -364,9 +364,9 @@ 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$F),
-            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),
+            }, toDisplayString(item.label), 11, _hoisted_2$E),
+            index2 != __props.options.length - 1 ? (openBlock(), createElementBlock("div", _hoisted_3$y, [
+              __props.iconType == "sprit" ? (openBlock(), createElementBlock("svg", _hoisted_4$g, _hoisted_6$7)) : createCommentVNode("v-if", true),
               __props.iconType == "shoulder" ? (openBlock(), createElementBlock("svg", _hoisted_7$6, _hoisted_9$3)) : createCommentVNode("v-if", true)
             ])) : createCommentVNode("v-if", true)
           ], 2);
@@ -469,7 +469,7 @@ const _hoisted_1$K = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$E = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$D = /* @__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",
@@ -478,11 +478,11 @@ const _hoisted_2$E = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$y = [_hoisted_2$E];
+const _hoisted_3$x = [_hoisted_2$D];
 var CaretUp = defineComponent({
   name: "CaretUp",
   render: function render(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$K, _hoisted_3$y);
+    return openBlock(), createElementBlock("svg", _hoisted_1$K, _hoisted_3$x);
   }
 });
 const _hoisted_1$J = {
@@ -490,7 +490,7 @@ const _hoisted_1$J = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$D = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$C = /* @__PURE__ */ createElementVNode(
   "path",
   {
     fill: "none",
@@ -503,11 +503,11 @@ const _hoisted_2$D = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$x = [_hoisted_2$D];
+const _hoisted_3$w = [_hoisted_2$C];
 var ChevronBackOutline = defineComponent({
   name: "ChevronBackOutline",
   render: function render2(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$J, _hoisted_3$x);
+    return openBlock(), createElementBlock("svg", _hoisted_1$J, _hoisted_3$w);
   }
 });
 const _hoisted_1$I = {
@@ -515,7 +515,7 @@ const _hoisted_1$I = {
   "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",
   {
     fill: "none",
@@ -528,11 +528,11 @@ const _hoisted_2$C = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$w = [_hoisted_2$C];
+const _hoisted_3$v = [_hoisted_2$B];
 var ChevronDown = defineComponent({
   name: "ChevronDown",
   render: function render3(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$I, _hoisted_3$w);
+    return openBlock(), createElementBlock("svg", _hoisted_1$I, _hoisted_3$v);
   }
 });
 const _hoisted_1$H = {
@@ -540,7 +540,7 @@ const _hoisted_1$H = {
   "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",
@@ -553,11 +553,11 @@ const _hoisted_2$B = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$v = [_hoisted_2$B];
+const _hoisted_3$u = [_hoisted_2$A];
 var ChevronForwardOutline = defineComponent({
   name: "ChevronForwardOutline",
   render: function render4(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$H, _hoisted_3$v);
+    return openBlock(), createElementBlock("svg", _hoisted_1$H, _hoisted_3$u);
   }
 });
 const _hoisted_1$G = {
@@ -565,7 +565,7 @@ const _hoisted_1$G = {
   "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",
   {
     d: "M448 256c0-106-86-192-192-192S64 150 64 256s86 192 192 192s192-86 192-192z",
@@ -577,7 +577,7 @@ const _hoisted_2$A = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$u = /* @__PURE__ */ createElementVNode(
+const _hoisted_3$t = /* @__PURE__ */ createElementVNode(
   "path",
   {
     fill: "none",
@@ -590,7 +590,7 @@ const _hoisted_3$u = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_4$g = /* @__PURE__ */ createElementVNode(
+const _hoisted_4$f = /* @__PURE__ */ createElementVNode(
   "path",
   {
     fill: "none",
@@ -603,7 +603,7 @@ const _hoisted_4$g = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_5$b = [_hoisted_2$A, _hoisted_3$u, _hoisted_4$g];
+const _hoisted_5$b = [_hoisted_2$z, _hoisted_3$t, _hoisted_4$f];
 var CloseCircleOutline = defineComponent({
   name: "CloseCircleOutline",
   render: function render5(_ctx, _cache) {
@@ -615,7 +615,7 @@ const _hoisted_1$F = {
   "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(
   "circle",
   {
     cx: "256",
@@ -626,7 +626,7 @@ const _hoisted_2$z = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$t = /* @__PURE__ */ createElementVNode(
+const _hoisted_3$s = /* @__PURE__ */ createElementVNode(
   "circle",
   {
     cx: "416",
@@ -637,7 +637,7 @@ const _hoisted_3$t = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_4$f = /* @__PURE__ */ createElementVNode(
+const _hoisted_4$e = /* @__PURE__ */ createElementVNode(
   "circle",
   {
     cx: "96",
@@ -648,7 +648,7 @@ const _hoisted_4$f = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_5$a = [_hoisted_2$z, _hoisted_3$t, _hoisted_4$f];
+const _hoisted_5$a = [_hoisted_2$y, _hoisted_3$s, _hoisted_4$e];
 var EllipsisHorizontal = defineComponent({
   name: "EllipsisHorizontal",
   render: function render6(_ctx, _cache) {
@@ -660,8 +660,8 @@ const _hoisted_1$E = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 512 512"
 };
-const _hoisted_2$y = /* @__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$y];
+const _hoisted_2$x = /* @__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$x];
 var EyeOffOutline = defineComponent({
   name: "EyeOffOutline",
   render: function render7(_ctx, _cache) {
@@ -673,7 +673,7 @@ const _hoisted_1$D = {
   "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(
   "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",
@@ -686,7 +686,7 @@ const _hoisted_2$x = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_3$s = /* @__PURE__ */ createElementVNode(
+const _hoisted_3$r = /* @__PURE__ */ createElementVNode(
   "circle",
   {
     cx: "256",
@@ -700,11 +700,11 @@ const _hoisted_3$s = /* @__PURE__ */ createElementVNode(
   null,
   -1
 );
-const _hoisted_4$e = [_hoisted_2$x, _hoisted_3$s];
+const _hoisted_4$d = [_hoisted_2$w, _hoisted_3$r];
 var EyeOutline = defineComponent({
   name: "EyeOutline",
   render: function render8(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$D, _hoisted_4$e);
+    return openBlock(), createElementBlock("svg", _hoisted_1$D, _hoisted_4$d);
   }
 });
 function ampCount(selector) {
@@ -1244,12 +1244,12 @@ const inputProps = {
 };
 var LewInput_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _hoisted_1$C = ["disabled", "readonly", "placeholder"];
-const _hoisted_2$w = ["disabled", "placeholder", "type", "readonly"];
-const _hoisted_3$r = {
+const _hoisted_2$v = ["disabled", "placeholder", "type", "readonly"];
+const _hoisted_3$q = {
   key: 2,
   class: "input-auto-width"
 };
-const _hoisted_4$d = {
+const _hoisted_4$c = {
   key: 0,
   class: "lew-input-show-count"
 };
@@ -1393,17 +1393,17 @@ 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$w)), [
+        }, null, 40, _hoisted_2$v)), [
           [vModelDynamic, v.value]
         ]),
-        _ctx.autoWidth ? (openBlock(), createElementBlock("label", _hoisted_3$r, toDisplayString(v.value), 1)) : createCommentVNode("v-if", true),
+        _ctx.autoWidth ? (openBlock(), createElementBlock("label", _hoisted_3$q, toDisplayString(v.value), 1)) : createCommentVNode("v-if", true),
         _ctx.showPassword || _ctx.clearable || _ctx.showCount ? (openBlock(), createElementBlock("div", {
           key: 3,
           class: normalizeClass(["lew-input-controls", {
             "lew-input-controls-show": v.value && _ctx.showPassword || v.value && _ctx.clearable || _ctx.showCount && !_ctx.clearable && !_ctx.showPassword || _ctx.showCount && _ctx.maxLength
           }])
         }, [
-          unref(getCheckNumStr) ? (openBlock(), createElementBlock("div", _hoisted_4$d, toDisplayString(unref(getCheckNumStr)), 1)) : createCommentVNode("v-if", true),
+          unref(getCheckNumStr) ? (openBlock(), createElementBlock("div", _hoisted_4$c, toDisplayString(unref(getCheckNumStr)), 1)) : createCommentVNode("v-if", true),
           _ctx.showPassword ? (openBlock(), createElementBlock("div", _hoisted_5$9, [
             createVNode(unref(Icon), {
               class: "eye-icon-view",
@@ -1539,7 +1539,6 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       () => props.modelValue,
       () => {
         v.value = props.modelValue;
-        hide2();
       }
     );
     let lewDropdownRef = ref();
@@ -1557,6 +1556,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", v.value);
       emit("input", v.value);
       emit("change", v.value);
+      hide2();
     };
     const open = () => {
       if (props.options.length == 0)
@@ -1633,7 +1633,7 @@ const _hoisted_1$A = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 16 16"
 };
-const _hoisted_2$v = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$u = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1646,11 +1646,11 @@ const _hoisted_2$v = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$q = [_hoisted_2$v];
+const _hoisted_3$p = [_hoisted_2$u];
 var Add16Regular = defineComponent({
   name: "Add16Regular",
   render: function render9(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$A, _hoisted_3$q);
+    return openBlock(), createElementBlock("svg", _hoisted_1$A, _hoisted_3$p);
   }
 });
 const _hoisted_1$z = {
@@ -1658,7 +1658,7 @@ const _hoisted_1$z = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$u = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$t = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1671,11 +1671,11 @@ const _hoisted_2$u = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$p = [_hoisted_2$u];
+const _hoisted_3$o = [_hoisted_2$t];
 var Alert24Regular = defineComponent({
   name: "Alert24Regular",
   render: function render10(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$z, _hoisted_3$p);
+    return openBlock(), createElementBlock("svg", _hoisted_1$z, _hoisted_3$o);
   }
 });
 const _hoisted_1$y = {
@@ -1683,7 +1683,7 @@ const _hoisted_1$y = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 12 12"
 };
-const _hoisted_2$t = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$s = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1696,11 +1696,11 @@ const _hoisted_2$t = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$o = [_hoisted_2$t];
+const _hoisted_3$n = [_hoisted_2$s];
 var CalendarLtr12Regular = defineComponent({
   name: "CalendarLtr12Regular",
   render: function render11(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$y, _hoisted_3$o);
+    return openBlock(), createElementBlock("svg", _hoisted_1$y, _hoisted_3$n);
   }
 });
 const _hoisted_1$x = {
@@ -1708,7 +1708,7 @@ const _hoisted_1$x = {
   "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"
@@ -1721,11 +1721,11 @@ const _hoisted_2$s = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$n = [_hoisted_2$s];
+const _hoisted_3$m = [_hoisted_2$r];
 var CheckmarkCircle24Regular = defineComponent({
   name: "CheckmarkCircle24Regular",
   render: function render12(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$x, _hoisted_3$n);
+    return openBlock(), createElementBlock("svg", _hoisted_1$x, _hoisted_3$m);
   }
 });
 const _hoisted_1$w = {
@@ -1733,7 +1733,7 @@ const _hoisted_1$w = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 16 16"
 };
-const _hoisted_2$r = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$q = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1746,11 +1746,11 @@ const _hoisted_2$r = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$m = [_hoisted_2$r];
+const _hoisted_3$l = [_hoisted_2$q];
 var ChevronDoubleLeft16Filled = defineComponent({
   name: "ChevronDoubleLeft16Filled",
   render: function render13(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$w, _hoisted_3$m);
+    return openBlock(), createElementBlock("svg", _hoisted_1$w, _hoisted_3$l);
   }
 });
 const _hoisted_1$v = {
@@ -1758,7 +1758,7 @@ const _hoisted_1$v = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 16 16"
 };
-const _hoisted_2$q = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$p = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1771,11 +1771,11 @@ const _hoisted_2$q = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$l = [_hoisted_2$q];
+const _hoisted_3$k = [_hoisted_2$p];
 var ChevronDoubleRight16Filled = defineComponent({
   name: "ChevronDoubleRight16Filled",
   render: function render14(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_3$l);
+    return openBlock(), createElementBlock("svg", _hoisted_1$v, _hoisted_3$k);
   }
 });
 const _hoisted_1$u = {
@@ -1783,7 +1783,7 @@ const _hoisted_1$u = {
   "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"
@@ -1796,11 +1796,11 @@ const _hoisted_2$p = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$k = [_hoisted_2$p];
+const _hoisted_3$j = [_hoisted_2$o];
 var ChevronLeft16Filled = defineComponent({
   name: "ChevronLeft16Filled",
   render: function render15(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$u, _hoisted_3$k);
+    return openBlock(), createElementBlock("svg", _hoisted_1$u, _hoisted_3$j);
   }
 });
 const _hoisted_1$t = {
@@ -1808,7 +1808,7 @@ const _hoisted_1$t = {
   "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"
@@ -1821,11 +1821,11 @@ const _hoisted_2$o = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$j = [_hoisted_2$o];
+const _hoisted_3$i = [_hoisted_2$n];
 var ChevronRight16Filled = defineComponent({
   name: "ChevronRight16Filled",
   render: function render16(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$j);
+    return openBlock(), createElementBlock("svg", _hoisted_1$t, _hoisted_3$i);
   }
 });
 const _hoisted_1$s = {
@@ -1833,7 +1833,7 @@ const _hoisted_1$s = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$n = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$m = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1846,11 +1846,11 @@ const _hoisted_2$n = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$i = [_hoisted_2$n];
+const _hoisted_3$h = [_hoisted_2$m];
 var ChevronUp24Regular = defineComponent({
   name: "ChevronUp24Regular",
   render: function render17(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$i);
+    return openBlock(), createElementBlock("svg", _hoisted_1$s, _hoisted_3$h);
   }
 });
 const _hoisted_1$r = {
@@ -1858,7 +1858,7 @@ const _hoisted_1$r = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   viewBox: "0 0 24 24"
 };
-const _hoisted_2$m = /* @__PURE__ */ createElementVNode(
+const _hoisted_2$l = /* @__PURE__ */ createElementVNode(
   "g",
   {
     fill: "none"
@@ -1871,11 +1871,11 @@ const _hoisted_2$m = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$h = [_hoisted_2$m];
+const _hoisted_3$g = [_hoisted_2$l];
 var Code24Regular = defineComponent({
   name: "Code24Regular",
   render: function render18(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$h);
+    return openBlock(), createElementBlock("svg", _hoisted_1$r, _hoisted_3$g);
   }
 });
 const _hoisted_1$q = {
@@ -1883,7 +1883,7 @@ const _hoisted_1$q = {
   "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"
@@ -1896,11 +1896,11 @@ const _hoisted_2$l = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$g = [_hoisted_2$l];
+const _hoisted_3$f = [_hoisted_2$k];
 var Dismiss24Filled = defineComponent({
   name: "Dismiss24Filled",
   render: function render19(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$g);
+    return openBlock(), createElementBlock("svg", _hoisted_1$q, _hoisted_3$f);
   }
 });
 const _hoisted_1$p = {
@@ -1908,7 +1908,7 @@ const _hoisted_1$p = {
   "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"
@@ -1921,11 +1921,11 @@ const _hoisted_2$k = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$f = [_hoisted_2$k];
+const _hoisted_3$e = [_hoisted_2$j];
 var ErrorCircle24Regular = defineComponent({
   name: "ErrorCircle24Regular",
   render: function render20(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$f);
+    return openBlock(), createElementBlock("svg", _hoisted_1$p, _hoisted_3$e);
   }
 });
 const _hoisted_1$o = {
@@ -1933,7 +1933,7 @@ const _hoisted_1$o = {
   "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"
@@ -1946,11 +1946,11 @@ const _hoisted_2$j = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$e = [_hoisted_2$j];
+const _hoisted_3$d = [_hoisted_2$i];
 var Info24Regular = defineComponent({
   name: "Info24Regular",
   render: function render21(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_3$e);
+    return openBlock(), createElementBlock("svg", _hoisted_1$o, _hoisted_3$d);
   }
 });
 const _hoisted_1$n = {
@@ -1958,7 +1958,7 @@ const _hoisted_1$n = {
   "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"
@@ -1971,17 +1971,17 @@ const _hoisted_2$i = /* @__PURE__ */ createElementVNode(
   ],
   -1
 );
-const _hoisted_3$d = [_hoisted_2$i];
+const _hoisted_3$c = [_hoisted_2$h];
 var Warning24Regular = defineComponent({
   name: "Warning24Regular",
   render: function render22(_ctx, _cache) {
-    return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$d);
+    return openBlock(), createElementBlock("svg", _hoisted_1$n, _hoisted_3$c);
   }
 });
 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$g = /* @__PURE__ */ _withScopeId$4(() => /* @__PURE__ */ createElementVNode("div", { style: { "margin-left": "-10px", "height": "26px" } }, null, -1));
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "LewInputTag",
   props: inputTagProps,
@@ -2047,7 +2047,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       const _component_lew_tag = resolveComponent("lew-tag");
       const _component_lew_input = resolveComponent("lew-input");
       return openBlock(), createElementBlock("div", _hoisted_1$m, [
-        _hoisted_2$h,
+        _hoisted_2$g,
         (openBlock(true), createElementBlock(Fragment, null, renderList(tagsValue.value, (item, index2) => {
           return openBlock(), createBlock(_component_lew_tag, {
             key: index2,
@@ -2128,7 +2128,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$f = { class: "lew-form-item-tips" };
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "LewFormItem",
   props: {
@@ -2167,7 +2167,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$f, "\u8F93\u5165\u683C\u5F0F\u9519\u8BEF", 512), [
             [vShow, false]
           ])
         ])
@@ -2182,7 +2182,7 @@ const _hoisted_1$k = {
   key: 0,
   class: "icon-checkbox-box"
 };
-const _hoisted_2$f = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("svg", {
+const _hoisted_2$e = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("svg", {
   class: "icon-checkbox",
   viewBox: "0 0 24 24",
   width: "24",
@@ -2195,10 +2195,10 @@ const _hoisted_2$f = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ create
 }, [
   /* @__PURE__ */ createElementVNode("polyline", { points: "20 6 9 17 4 12" })
 ], -1));
-const _hoisted_3$c = [
-  _hoisted_2$f
+const _hoisted_3$b = [
+  _hoisted_2$e
 ];
-const _hoisted_4$c = ["checked"];
+const _hoisted_4$b = ["checked"];
 const _hoisted_5$8 = {
   key: 1,
   class: "lew-checkbox-label"
@@ -2272,12 +2272,12 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         ${__props.size ? "lew-checkbox-" + __props.size : ""}
         `])
       }, [
-        __props.iconable ? (openBlock(), createElementBlock("div", _hoisted_1$k, _hoisted_3$c)) : createCommentVNode("v-if", true),
+        __props.iconable ? (openBlock(), createElementBlock("div", _hoisted_1$k, _hoisted_3$b)) : createCommentVNode("v-if", true),
         withDirectives(createElementVNode("input", {
           type: "checkbox",
           checked: unref(_checked),
           onInput: setChecked
-        }, null, 40, _hoisted_4$c), [
+        }, null, 40, _hoisted_4$b), [
           [vShow, false]
         ]),
         __props.label ? (openBlock(), createElementBlock("span", _hoisted_5$8, toDisplayString(__props.label), 1)) : createCommentVNode("v-if", true)
@@ -2386,11 +2386,11 @@ 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_3$b = [
-  _hoisted_2$e
+const _hoisted_2$d = /* @__PURE__ */ _withScopeId$2(() => /* @__PURE__ */ createElementVNode("div", { class: "icon-radio" }, null, -1));
+const _hoisted_3$a = [
+  _hoisted_2$d
 ];
-const _hoisted_4$b = ["checked"];
+const _hoisted_4$a = ["checked"];
 const _hoisted_5$7 = {
   key: 1,
   class: "lew-radio-label"
@@ -2434,12 +2434,12 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         ${__props.size ? "lew-radio-" + __props.size : ""} 
         `])
       }, [
-        __props.iconable ? (openBlock(), createElementBlock("div", _hoisted_1$j, _hoisted_3$b)) : createCommentVNode("v-if", true),
+        __props.iconable ? (openBlock(), createElementBlock("div", _hoisted_1$j, _hoisted_3$a)) : createCommentVNode("v-if", true),
         withDirectives(createElementVNode("input", {
           type: "radio",
           checked: __props.checked,
           onInput: setChecked
-        }, null, 40, _hoisted_4$b), [
+        }, null, 40, _hoisted_4$a), [
           [vShow, false]
         ]),
         __props.label ? (openBlock(), createElementBlock("span", _hoisted_5$7, toDisplayString(__props.label), 1)) : createCommentVNode("v-if", true)
@@ -2566,6 +2566,10 @@ const selectProps = {
     type: Boolean,
     default: false
   },
+  align: {
+    type: String,
+    default: "left"
+  },
   showIcon: {
     type: Boolean,
     default: true
@@ -2585,12 +2589,12 @@ const _hoisted_1$i = {
   key: 0,
   class: "lew-select-placeholder"
 };
-const _hoisted_2$d = { class: "lew-select-label-multiple" };
-const _hoisted_3$a = {
+const _hoisted_2$c = { class: "lew-select-label-multiple" };
+const _hoisted_3$9 = {
   style: { "margin-left": "5px" },
   class: "lew-isSelect-label-num"
 };
-const _hoisted_4$a = { class: "lew-select-options-box" };
+const _hoisted_4$9 = { class: "lew-select-options-box" };
 const _hoisted_5$6 = {
   key: 0,
   class: "lew-select-label"
@@ -2623,7 +2627,6 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             props.options
           );
         } else if (typeof props.modelValue == "string") {
-          hide2();
           v.value = props.modelValue;
           labelStr.value = ((_b = (_a2 = props.options) == null ? void 0 : _a2.find((e) => e.value == props.modelValue)) == null ? void 0 : _b.label) || "";
         }
@@ -2666,25 +2669,23 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         return ((_a2 = lewSelectRef.value) == null ? void 0 : _a2.offsetWidth) - 12 + "px";
       }
     );
-    const check = (_value, checked) => {
+    const check = (item, checked) => {
       if (props.modelValue instanceof Array) {
         let updatedValue = [...props.modelValue];
         if (checked) {
-          updatedValue.push(_value);
+          updatedValue.push(item.value);
         } else {
-          updatedValue.splice(updatedValue.indexOf(_value), 1);
+          updatedValue.splice(updatedValue.indexOf(item.value), 1);
         }
         emit("update:modelValue", updatedValue);
       } else {
-        if (v.value == _value) {
-          labelStr.value = "";
-          v.value = "";
-        } else {
-          labelStr.value = _value;
-          v.value = _value;
+        if (v.value != item.value) {
+          labelStr.value = item.label;
+          v.value = item.value;
+          emit("change", item.value);
         }
-        emit("update:modelValue", v.value);
-        emit("change", v.value);
+        emit("update:modelValue", item.value);
+        hide2();
       }
     };
     const show = () => {
@@ -2720,7 +2721,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
           createElementVNode("div", {
             ref_key: "lewSelectRef",
             ref: lewSelectRef,
-            class: normalizeClass(["lew-select", `lew-select-${_ctx.size}`])
+            class: normalizeClass(["lew-select", `lew-select-${_ctx.size} lew-select-align-${_ctx.align}`])
           }, [
             createVNode(unref(Icon), {
               size: "16px",
@@ -2737,7 +2738,7 @@ const _sfc_main$m = /* @__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,
@@ -2758,7 +2759,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 placement: "top"
               }, {
                 trigger: withCtx(() => [
-                  createElementVNode("div", _hoisted_3$a, [
+                  createElementVNode("div", _hoisted_3$9, [
                     withDirectives(createVNode(_component_lew_tag, {
                       size: _ctx.size,
                       type: "primary"
@@ -2810,13 +2811,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         "popover-body": withCtx(() => [
           createElementVNode("div", {
             class: normalizeClass(["lew-select-body", `
-                    ${_ctx.size ? "lew-select-body-" + _ctx.size : ""} 
-                    ${_ctx.multiple ? "lew-select-multiple-body" : ""}  
-                    `]),
+            ${_ctx.size ? "lew-select-body-" + _ctx.size : ""} 
+            ${_ctx.multiple ? "lew-select-multiple-body" : ""}  
+            ${_ctx.align ? "lew-select-body-align-" + _ctx.align : ""}  
+            `]),
             style: normalizeStyle(`width:${unref(lewSelectWidth)}`)
           }, [
             renderSlot(_ctx.$slots, "header", {}, void 0, true),
-            createElementVNode("div", _hoisted_4$a, [
+            createElementVNode("div", _hoisted_4$9, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (item) => {
                 return openBlock(), createElementBlock("label", {
                   key: item.value
@@ -2825,8 +2827,8 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                   !_ctx.labelSlot ? (openBlock(), createElementBlock("div", {
                     key: 0,
                     class: normalizeClass(["lew-select-item", `
-                                ${item.disabled ? "lew-select-item-disabled" : ""} 
-                                `])
+                            ${item.disabled ? "lew-select-item-disabled" : ""} 
+                            `])
                   }, [
                     withDirectives(createVNode(unref(LewCheckbox), {
                       size: _ctx.size,
@@ -2834,11 +2836,11 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                       label: item.label,
                       disabled: item.disabled,
                       checked: getChecked(item.value),
-                      onChange: ($event) => check(item.value, $event)
+                      onChange: ($event) => check(item, $event)
                     }, null, 8, ["size", "label", "disabled", "checked", "onChange"]), [
-                      [vShow, _ctx.showIcon]
+                      [vShow, _ctx.showIcon && _ctx.multiple]
                     ]),
-                    !_ctx.showIcon ? (openBlock(), createElementBlock("div", _hoisted_5$6, toDisplayString(item.label), 1)) : createCommentVNode("v-if", true)
+                    !_ctx.multiple ? (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,
@@ -2846,7 +2848,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                     }, void 0, true),
                     withDirectives(createVNode(unref(LewCheckbox), {
                       checked: getChecked(item.value),
-                      onChange: ($event) => check(item.value, $event)
+                      onChange: ($event) => check(item, $event)
                     }, null, 8, ["checked", "onChange"]), [
                       [vShow, false]
                     ])
@@ -2889,11 +2891,11 @@ const _props$5 = {
 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$b = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "lew-switch-dot" }, null, -1));
 const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "LewSwitch",
   props: _props$5,
-  emits: ["update:modelValue", "click"],
+  emits: ["update:modelValue", "click", "change"],
   setup(__props, { emit }) {
     const props = __props;
     let _loading = ref(false);
@@ -2922,9 +2924,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       } else {
         v.value = !v.value;
       }
-    };
-    const change = () => {
       emit("update:modelValue", v.value);
+      emit("change", v.value);
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -2933,19 +2934,18 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
         ${v.value ? "lew-switch-checked" : ""}
         ${unref(_loading) || _ctx.loading ? "lew-switch-loading" : ""}
         ${_ctx.request ? "lew-switch-request" : ""}
-s        `]),
+       `]),
         onClick: handleClick
       }, [
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => v.value = $event),
           type: "checkbox",
-          disabled: _ctx.disabled,
-          onChange: change
-        }, null, 40, _hoisted_1$h), [
+          disabled: _ctx.disabled
+        }, null, 8, _hoisted_1$h), [
           [vShow, false],
           [vModelCheckbox, v.value]
         ]),
-        _hoisted_2$c
+        _hoisted_2$b
       ], 2);
     };
   }
@@ -6938,9 +6938,9 @@ 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_3$9 = { class: "cur-date" };
-const _hoisted_4$9 = { class: "lew-date-control-right" };
+const _hoisted_2$a = { 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" };
 const _hoisted_6$4 = { class: "lew-date-num" };
 const _hoisted_7$4 = ["onClick"];
@@ -7027,7 +7027,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           class: "lew-date-control"
         }, {
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_2$b, [
+            createElementVNode("div", _hoisted_2$a, [
               createCommentVNode(" \u4E0A\u4E00\u5E74 "),
               createVNode(_component_lew_button, {
                 type: "normal",
@@ -7052,8 +7052,8 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
               })
             ]),
             createCommentVNode(" \u65E5\u671F "),
-            createElementVNode("div", _hoisted_3$9, toDisplayString(unref(_year)) + " \u5E74 " + toDisplayString(unref(_month)) + " \u6708", 1),
-            createElementVNode("div", _hoisted_4$9, [
+            createElementVNode("div", _hoisted_3$8, toDisplayString(unref(_year)) + " \u5E74 " + toDisplayString(unref(_month)) + " \u6708", 1),
+            createElementVNode("div", _hoisted_4$8, [
               createCommentVNode(" \u4E0B\u4E00\u6708 "),
               createVNode(_component_lew_button, {
                 type: "normal",
@@ -7114,9 +7114,9 @@ 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_3$8 = { class: "lew-date-control-left" };
-const _hoisted_4$8 = { class: "cur-date" };
+const _hoisted_2$9 = { 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" };
 const _hoisted_6$3 = { class: "lew-date-box" };
 const _hoisted_7$3 = { class: "lew-date-num" };
@@ -7403,14 +7403,14 @@ 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$9, [
           createVNode(_component_lew_flex, {
             x: "start",
             mode: "between",
             class: "lew-date-control"
           }, {
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_3$8, [
+              createElementVNode("div", _hoisted_3$7, [
                 createCommentVNode(" \u4E0A\u4E00\u5E74 "),
                 createVNode(_component_lew_button, {
                   type: "normal",
@@ -7435,7 +7435,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 })
               ]),
               createCommentVNode(" \u65E5\u671F "),
-              createElementVNode("div", _hoisted_4$8, toDisplayString(unref(_year1)) + " \u5E74 " + toDisplayString(unref(_month1)) + " \u6708", 1),
+              createElementVNode("div", _hoisted_4$7, toDisplayString(unref(_year1)) + " \u5E74 " + toDisplayString(unref(_month1)) + " \u6708", 1),
               createElementVNode("div", _hoisted_5$4, [
                 createCommentVNode(" \u4E0B\u4E00\u6708 "),
                 createVNode(_component_lew_button, {
@@ -7669,9 +7669,9 @@ var LewDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__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$d = { class: "lew-date-picker-placeholder" };
-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 _hoisted_2$8 = { 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 _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "LewDateRangePicker",
   props: dateRangePickerProps,
@@ -7720,9 +7720,9 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             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$7,
-            createElementVNode("div", _hoisted_4$7, toDisplayString(unref(dateValue)[1]), 1),
+            createElementVNode("div", _hoisted_2$8, toDisplayString(unref(dateValue)[0]), 1),
+            _hoisted_3$6,
+            createElementVNode("div", _hoisted_4$6, toDisplayString(unref(dateValue)[1]), 1),
             createVNode(unref(Icon), {
               size: "16px",
               class: "lew-date-picker-icon"
@@ -7984,9 +7984,6 @@ const paginationProps = {
 };
 var LewPagination_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$b = ["onClick"];
-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$f = /* @__PURE__ */ defineComponent({
   __name: "LewPagination",
   props: paginationProps,
@@ -8053,7 +8050,6 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       } else if (pageNum.value > maxLen.value) {
         pageNum.value = maxLen.value;
       }
-      pageNumbackup.value = String(pageNum.value);
       emit("change", {
         pageNum: pageNum.value,
         pageSize: pageSize.value,
@@ -8063,25 +8059,23 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       emit("update:pageNum", pageNum.value);
       emit("update:pageSize", pageSize.value);
     };
-    let pageNumbackup = ref("1");
     let pageSizebackup = ref("20");
-    const checkPageNum = (e) => {
-      e = String(e);
-      pageNumbackup.value = e.replace(/[^\d]/g, "");
-      changePage(false, Number(pageNumbackup.value));
-    };
     const checkPageSize = (e) => {
-      e = String(e);
-      pageSizebackup.value = e.replace(/[^\d]/g, "");
-      if (Number(pageSizebackup.value) < 1) {
-        pageSizebackup.value = String(1);
+      if (!e) {
+        return;
       }
-      pageSize.value = Number(pageSizebackup.value);
-      changePage(false, Number(pageNumbackup.value));
+      let pageSizeStr = e;
+      pageSizeStr = e.replace(/[^\d]/g, "");
+      let pageSizeNum = Number(pageSizeStr);
+      if (pageSizeNum < 1) {
+        pageSizeNum = 1;
+      }
+      pageSize.value = pageSizeNum;
+      changePage(false, pageNum.value);
     };
     return (_ctx, _cache) => {
       const _component_lew_flex = resolveComponent("lew-flex");
-      const _component_lew_input_pro = resolveComponent("lew-input-pro");
+      const _component_lew_select = resolveComponent("lew-select");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["lew-pagination", {
           "lew-pagination-round": _ctx.round
@@ -8175,45 +8169,16 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createVNode(_component_lew_input_pro, {
+            createVNode(_component_lew_select, {
+              style: { "width": "100px" },
+              align: "center",
               modelValue: unref(pageSizebackup),
               "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(pageSizebackup) ? pageSizebackup.value = $event : pageSizebackup = $event),
-              modelModifiers: { number: true },
-              size: "small",
-              align: "center",
-              placeholder: "",
-              arrow: false,
-              options: _ctx.pageSizeOptions,
-              "auto-width": "",
-              onBlur: checkPageSize,
               onChange: checkPageSize,
-              disabled: ""
-            }, {
-              right: withCtx(() => [
-                _hoisted_2$8
-              ]),
-              _: 1
-            }, 8, ["modelValue", "options"]),
-            createVNode(_component_lew_input_pro, {
-              modelValue: unref(pageNumbackup),
-              "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isRef(pageNumbackup) ? pageNumbackup.value = $event : pageNumbackup = $event),
-              style: { "margin-left": "20px" },
               size: "small",
-              align: "center",
-              placeholder: "",
-              arrow: false,
-              "auto-width": "",
-              onBlur: checkPageNum,
-              onChange: checkPageNum
-            }, {
-              left: withCtx(() => [
-                _hoisted_3$6
-              ]),
-              right: withCtx(() => [
-                _hoisted_4$6
-              ]),
-              _: 1
-            }, 8, ["modelValue"])
+              "show-icon": false,
+              options: _ctx.pageSizeOptions
+            }, null, 8, ["modelValue", "options"])
           ]),
           _: 1
         })
@@ -8333,7 +8298,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
   props: {
     bold: {
       type: Number,
-      default: 800
+      default: 500
     },
     size: {
       type: String,
@@ -11818,10 +11783,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       const _component_lew_title = resolveComponent("lew-title");
       const _directive_highlight = resolveDirective("highlight");
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createVNode(_component_lew_title, {
-          size: "16px",
-          bold: 800
-        }, {
+        createVNode(_component_lew_title, { size: "16px" }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(__props.title) + " ", 1),
             __props.tag ? (openBlock(), createBlock(_component_lew_tag, {