lew-ui 2.2.7 → 2.2.9

package/dist/index.mjs

@@ -5653,7 +5653,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const cascaderValue = useModel(__props, "modelValue");
     const lewCascaderRef = ref();
-    const lewPopverRef = ref();
+    const lewPopoverRef = ref();
     const state = reactive({
       visible: false,
       loading: false,
@@ -5797,10 +5797,10 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       }
     };
     const show = async () => {
-      lewPopverRef.value.show();
+      lewPopoverRef.value.show();
     };
     const hide2 = () => {
-      lewPopverRef.value.hide();
+      lewPopoverRef.value.hide();
     };
     const clearHandle = () => {
       cascaderValue.value = void 0;
@@ -5872,8 +5872,8 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_lew_checkbox = resolveComponent("lew-checkbox");
       return openBlock(), createBlock(unref(_sfc_main$g), {
-        ref_key: "lewPopverRef",
-        ref: lewPopverRef,
+        ref_key: "lewPopoverRef",
+        ref: lewPopoverRef,
         class: normalizeClass(["lew-cascader-view", unref(getCascaderViewClassName)]),
         trigger: _ctx.trigger,
         disabled: _ctx.disabled,
@@ -6043,7 +6043,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewCascader = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-ee24a3e0"]]);
+const LewCascader = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-de05cec2"]]);
 const treeModel = {
   modelValue: {
     type: [Array, String],
@@ -7804,7 +7804,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTabs = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-a49fe2f6"]]);
+const LewTabs = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-f236da6e"]]);
 const breadcrumbProps = {
   options: {
     type: Array,
@@ -8579,7 +8579,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-24dabaf9"]]);
+const LewInput = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-87a5f17b"]]);
 const inputNumberModel = {
   modelValue: {
     type: [Number, void 0],
@@ -9263,6 +9263,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                 return openBlock(), createBlock(unref(_sfc_main$l), {
                   key: index2,
                   type: "light",
+                  size: _ctx.size,
                   closable: !_ctx.readonly,
                   onClose: ($event) => delTag(index2)
                 }, {
@@ -9270,7 +9271,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
                     createTextVNode(toDisplayString(item), 1)
                   ]),
                   _: 2
-                }, 1032, ["closable", "onClose"]);
+                }, 1032, ["size", "closable", "onClose"]);
               }), 128))
             ]),
             _: 1
@@ -9308,7 +9309,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-25c6fcf5"]]);
+const LewInputTag = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-e1cc86e4"]]);
 const _hoisted_1$x = ["width", "height"];
 const _hoisted_2$o = /* @__PURE__ */ createElementVNode("path", {
   d: "M515.824463 1024h-7.648926A79.35761 79.35761 0 0 1 429.774043 945.598506V78.401494A79.35761 79.35761 0 0 1 508.175537 0h7.648926a79.35761 79.35761 0 0 1 79.35761 78.401494v867.197012a79.35761 79.35761 0 0 1-79.35761 78.401494zM61.669468 771.585434L57.845005 764.892624a77.445378 77.445378 0 0 1 28.683473-106.128852l764.892624-434.076564a80.313725 80.313725 0 0 1 108.997199 28.683474v6.69281a77.445378 77.445378 0 0 1-28.683474 106.128852l-764.892623 434.076564a80.313725 80.313725 0 0 1-108.997199-28.683474z m0-511.521942v-6.69281a80.313725 80.313725 0 0 1 108.997199-28.683474l764.892623 434.076564A77.445378 77.445378 0 0 1 965.19888 764.892624v6.69281a80.313725 80.313725 0 0 1-108.997199 28.683474l-764.892624-434.076564a77.445378 77.445378 0 0 1-28.683473-106.128852z",
@@ -9531,7 +9532,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewGetLabelWidth = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-0497688a"]]);
+const LewGetLabelWidth = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-5ffe2b67"]]);
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "LewFormItem",
   props: /* @__PURE__ */ mergeModels(formItemProps, {
@@ -11490,7 +11491,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewForm = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-6736b4f8"]]);
+const LewForm = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-3885e092"]]);
 const checkboxModel = {
   modelValue: {
     type: Boolean,
@@ -11680,7 +11681,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-3ac4d4d0"]]);
+const LewCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-33b70048"]]);
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "LewCheckboxGroup",
   props: /* @__PURE__ */ mergeModels(checkboxGroupProps, {
@@ -11931,7 +11932,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-1c92baed"]]);
+const LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-7af3f5bd"]]);
 const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "LewRadioGroup",
   props: /* @__PURE__ */ mergeModels(radioGroupProps, {
@@ -11987,7 +11988,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-1a46c6e4"]]);
+const LewRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-75a7fd2e"]]);
 const selectModel = {
   modelValue: {
     type: [String, Number, void 0],
@@ -12036,10 +12037,10 @@ const selectProps = {
     default: (params) => {
       const { options, keyword } = params;
       if (options && keyword) {
-        const reslut = options.filter((e) => {
+        const result = options.filter((e) => {
           return keyword && e.label.indexOf(keyword) >= 0;
         });
-        return reslut;
+        return result;
       }
       return [];
     },
@@ -12065,11 +12066,6 @@ const selectProps = {
     default: () => false,
     description: "是否禁用"
   },
-  align: {
-    type: String,
-    default: "left",
-    description: "对齐方式，可选值为 left、center、right"
-  },
   showCheckIcon: {
     type: Boolean,
     default: () => true,
@@ -12080,7 +12076,7 @@ const _hoisted_1$u = ["readonly", "placeholder"];
 const _hoisted_2$l = { class: "lew-select-options-box" };
 const _hoisted_3$g = {
   key: 1,
-  class: "reslut-count"
+  class: "result-count"
 };
 const _hoisted_4$9 = ["onClick"];
 const _sfc_main$z = /* @__PURE__ */ defineComponent({
@@ -12101,7 +12097,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     const selectValue = useModel(__props, "modelValue");
     const lewSelectRef = ref();
     const inputRef = ref();
-    const lewPopverRef = ref();
+    const lewPopoverRef = ref();
     const state = reactive({
       selectWidth: 0,
       visible: false,
@@ -12117,10 +12113,10 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       state.selectWidth = ((_a3 = lewSelectRef.value) == null ? void 0 : _a3.clientWidth) - 12;
     };
     const show = () => {
-      lewPopverRef.value.show();
+      lewPopoverRef.value.show();
     };
     const hide2 = () => {
-      lewPopverRef.value.hide();
+      lewPopoverRef.value.hide();
     };
     const searchDebounce = useDebounceFn(async (e) => {
       search(e);
@@ -12180,9 +12176,9 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
     findKeyword();
     const getSelectClassName = computed(() => {
-      let { clearable, size, align } = props;
+      let { clearable, size } = props;
       clearable = clearable ? !!selectValue.value : false;
-      return object2class("lew-select", { clearable, size, align });
+      return object2class("lew-select", { clearable, size });
     });
     const getBodyClassName = computed(() => {
       const { size, disabled } = props;
@@ -12201,10 +12197,8 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     const getSelectItemClassName = (e) => {
       const { disabled } = e;
       const active = getChecked.value(e.value);
-      const { align } = props;
       return object2class("lew-select-item", {
         disabled,
-        align,
         active
       });
     };
@@ -12252,8 +12246,8 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
       const _component_lew_empty = resolveComponent("lew-empty");
       const _component_lew_text_trim = resolveComponent("lew-text-trim");
       return openBlock(), createBlock(unref(_sfc_main$g), {
-        ref_key: "lewPopverRef",
-        ref: lewPopverRef,
+        ref_key: "lewPopoverRef",
+        ref: lewPopoverRef,
         popoverBodyClassName: "lew-select-popover-body",
         class: normalizeClass(["lew-select-view", unref(getSelectViewClassName)]),
         trigger: _ctx.trigger,
@@ -12374,7 +12368,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-eaafddc6"]]);
+const LewSelect = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-a6fc5769"]]);
 const selectMultipleModel = {
   modelValue: {
     type: Array || void 0,
@@ -12433,10 +12427,10 @@ const selectMultipleProps = {
     default: (params) => {
       const { options, keyword } = params;
       if (options && keyword) {
-        const reslut = options.filter((e) => {
+        const result = options.filter((e) => {
           return keyword && e.label.indexOf(keyword) >= 0;
         });
-        return reslut;
+        return result;
       }
       return [];
     },
@@ -12462,11 +12456,6 @@ const selectMultipleProps = {
     default: false,
     description: "是否禁用"
   },
-  align: {
-    type: String,
-    default: "left",
-    description: "对齐方式，可选值为 left、center、right"
-  },
   showCheckIcon: {
     type: Boolean,
     default: true,
@@ -12486,7 +12475,7 @@ const _hoisted_2$k = {
 const _hoisted_3$f = { class: "lew-select-options-box" };
 const _hoisted_4$8 = {
   key: 1,
-  class: "reslut-count"
+  class: "result-count"
 };
 const _hoisted_5$6 = ["onClick"];
 const _sfc_main$y = /* @__PURE__ */ defineComponent({
@@ -12506,8 +12495,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const selectValue = useModel(__props, "modelValue");
     const lewSelectRef = ref();
-    const lewPopverRef = ref();
-    const lewPopverValueRef = ref();
+    const lewPopoverRef = ref();
+    const lewPopoverValueRef = ref();
     const searchInputRef = ref();
     const state = reactive({
       selectWidth: 0,
@@ -12526,10 +12515,10 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       }
     };
     const show = () => {
-      lewPopverRef.value && lewPopverRef.value.show();
+      lewPopoverRef.value && lewPopoverRef.value.show();
     };
     const hide2 = () => {
-      lewPopverRef.value && lewPopverRef.value.hide();
+      lewPopoverRef.value && lewPopoverRef.value.hide();
     };
     const searchDebounce = useDebounceFn(async (e) => {
       search(e);
@@ -12555,7 +12544,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       selectValue.value = [];
       emit("clear");
       setTimeout(() => {
-        lewPopverRef.value && lewPopverRef.value.refresh();
+        lewPopoverRef.value && lewPopoverRef.value.refresh();
       }, 100);
       emit("change", selectValue.value);
     };
@@ -12564,10 +12553,10 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       selectValue.value && selectValue.value.splice(index2, 1);
       emit("delete", item);
       if (selectValue.value.length === 0) {
-        lewPopverValueRef.value && lewPopverValueRef.value.hide();
+        lewPopoverValueRef.value && lewPopoverValueRef.value.hide();
       }
       setTimeout(() => {
-        lewPopverRef.value && lewPopverRef.value.refresh();
+        lewPopoverRef.value && lewPopoverRef.value.refresh();
       }, 100);
       emit("change", selectValue.value);
     };
@@ -12585,7 +12574,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       selectValue.value = _value;
       emit("select", item);
       setTimeout(() => {
-        lewPopverRef.value && lewPopverRef.value.refresh();
+        lewPopoverRef.value && lewPopoverRef.value.refresh();
       }, 100);
       emit("change", selectValue.value);
     };
@@ -12606,9 +12595,9 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       return (props == null ? void 0 : props.defaultValue) || selectValue.value || [];
     });
     const getSelectClassName = computed(() => {
-      let { clearable, size, align } = props;
+      let { clearable, size } = props;
       clearable = clearable ? !!selectValue.value : false;
-      return object2class("lew-select", { clearable, size, align });
+      return object2class("lew-select", { clearable, size });
     });
     const getBodyClassName = computed(() => {
       const { size, disabled } = props;
@@ -12622,10 +12611,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     const getSelectItemClassName = (e) => {
       const { disabled } = e;
       const active = getChecked.value(e.value);
-      const { align } = props;
       return object2class("lew-select-item", {
         disabled,
-        align,
         active
       });
     };
@@ -12664,8 +12651,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       const _component_lew_checkbox = resolveComponent("lew-checkbox");
       const _component_lew_text_trim = resolveComponent("lew-text-trim");
       return openBlock(), createBlock(unref(_sfc_main$g), {
-        ref_key: "lewPopverRef",
-        ref: lewPopverRef,
+        ref_key: "lewPopoverRef",
+        ref: lewPopoverRef,
         popoverBodyClassName: "lew-select-multiple-popover-body",
         class: normalizeClass(["lew-select-view", unref(getSelectViewClassName)]),
         trigger: _ctx.trigger,
@@ -12738,8 +12725,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
                 _: 1
               })) : (openBlock(), createBlock(unref(_sfc_main$g), {
                 key: 1,
-                ref_key: "lewPopverValueRef",
-                ref: lewPopverValueRef,
+                ref_key: "lewPopoverValueRef",
+                ref: lewPopoverValueRef,
                 trigger: "hover",
                 popoverBodyClassName: "lew-select-multiple-popover-tag",
                 offset: [-1, 10],
@@ -12866,7 +12853,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewSelectMultiple = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-e72e591e"]]);
+const LewSelectMultiple = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-15440b6b"]]);
 const switchModel = {
   modelValue: {
     type: Boolean,
@@ -12875,10 +12862,10 @@ const switchModel = {
   }
 };
 const switchProps = {
-  modelValue: {
-    type: Boolean,
-    default: false,
-    description: "绑定值"
+  size: {
+    type: String,
+    default: "medium",
+    description: "尺寸，可选值为 small、medium、large"
   },
   round: {
     type: [Boolean, Number],
@@ -12906,7 +12893,7 @@ const switchProps = {
     description: "加载状态"
   }
 };
-const _withScopeId$1 = (n) => (pushScopeId("data-v-ae58f1f8"), n = n(), popScopeId(), n);
+const _withScopeId$1 = (n) => (pushScopeId("data-v-b57530d9"), n = n(), popScopeId(), n);
 const _hoisted_1$s = ["disabled"];
 const _hoisted_2$j = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("div", { class: "lew-switch-dot" }, null, -1));
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
@@ -12952,9 +12939,55 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
         readonly: readonly2
       });
     });
+    const getSwitchStyle = computed(() => {
+      const { size } = props;
+      switch (size) {
+        case "small":
+          return {
+            "--lew-switch-view-width": "36px",
+            "--lew-switch-view-height": "22px",
+            "--lew-switch-dot-width": "14px",
+            "--lew-switch-dot-height": "14px",
+            "--lew-switch-dot-width-active": "16px",
+            "--lew-switch-dot-transform": "translate(4px, 4px)",
+            "--lew-switch-dot-transform-active": "translate(16px, 4px)"
+          };
+        case "medium":
+          return {
+            "--lew-switch-view-width": "38px",
+            "--lew-switch-view-height": "24px",
+            "--lew-switch-dot-width": "16px",
+            "--lew-switch-dot-height": "16px",
+            "--lew-switch-dot-width-active": "18px",
+            "--lew-switch-dot-transform": "translate(4px, 4px)",
+            "--lew-switch-dot-transform-active": "translate(16px, 4px)"
+          };
+        case "large":
+          return {
+            "--lew-switch-view-width": "40px",
+            "--lew-switch-view-height": "26px",
+            "--lew-switch-dot-width": "18px",
+            "--lew-switch-dot-height": "18px",
+            "--lew-switch-dot-width-active": "20px",
+            "--lew-switch-dot-transform": "translate(4px, 4px)",
+            "--lew-switch-dot-transform-active": "translate(16px, 4px)"
+          };
+        default:
+          return {
+            "--lew-switch-view-width": "38px",
+            "--lew-switch-view-height": "24px",
+            "--lew-switch-dot-width": "16px",
+            "--lew-switch-dot-height": "16px",
+            "--lew-switch-dot-width-active": "20px",
+            "--lew-switch-dot-transform": "translate(4px, 4px)",
+            "--lew-switch-dot-transform-active": "translate(14px, 4px)"
+          };
+      }
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["lew-switch-view", unref(getSwitchClassName)]),
+        style: normalizeStyle(unref(getSwitchStyle)),
         onClick: handleClick
       }, [
         withDirectives(createElementVNode("input", {
@@ -12966,11 +12999,11 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           [vModelCheckbox, modelValue.value]
         ]),
         _hoisted_2$j
-      ], 2);
+      ], 6);
     };
   }
 });
-const LewSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-ae58f1f8"]]);
+const LewSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-b57530d9"]]);
 const getHeadDate = ["一", "二", "三", "四", "五", "六", "日"];
 const getMonthDate = (year, month) => {
   const ret = [];
@@ -13441,14 +13474,16 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_2$i, [
               createVNode(unref(LewButton), {
                 type: "light",
+                color: "gray",
+                size: "small",
                 icon: "chevrons-left",
-                round: "",
                 onClick: prveYear
               }),
               createVNode(unref(LewButton), {
                 type: "light",
+                color: "gray",
+                size: "small",
                 icon: "chevron-left",
-                round: "",
                 onClick: prveMonth
               })
             ]),
@@ -13456,14 +13491,16 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
             createElementVNode("div", _hoisted_4$7, [
               createVNode(unref(LewButton), {
                 type: "light",
+                color: "gray",
+                size: "small",
                 icon: "chevron-right",
-                round: "",
                 onClick: nextMonth
               }),
               createVNode(unref(LewButton), {
                 type: "light",
+                color: "gray",
+                size: "small",
                 icon: "chevrons-right",
-                round: "",
                 onClick: nextYear
               })
             ])
@@ -13496,7 +13533,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDate = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-eb385886"]]);
+const LewDate = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-24ac35d8"]]);
 const _hoisted_1$q = { class: "lew-date-picker-input" };
 const _hoisted_2$h = ["onClick"];
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
@@ -14028,13 +14065,15 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_3$d, [
                 createVNode(unref(LewButton), {
                   type: "light",
-                  round: "",
+                  color: "gray",
+                  size: "small",
                   icon: "chevrons-left",
                   onClick: prveYear1
                 }),
                 createVNode(unref(LewButton), {
                   type: "light",
-                  round: "",
+                  color: "gray",
+                  size: "small",
                   icon: "chevron-left",
                   onClick: prveMonth1
                 })
@@ -14043,13 +14082,15 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_5$4, [
                 createVNode(unref(LewButton), {
                   type: "light",
-                  round: "",
+                  color: "gray",
+                  size: "small",
                   icon: "chevron-right",
                   onClick: nextMonth1
                 }),
                 createVNode(unref(LewButton), {
                   type: "light",
-                  round: "",
+                  color: "gray",
+                  size: "small",
                   icon: "chevrons-right",
                   onClick: nextYear1
                 })
@@ -14095,16 +14136,16 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_11$1, [
                 createVNode(unref(LewButton), {
                   type: "light",
-                  round: "",
-                  icon: "chevrons-left",
+                  color: "gray",
                   size: "small",
+                  icon: "chevrons-left",
                   onClick: prveYear2
                 }),
                 createVNode(unref(LewButton), {
                   type: "light",
-                  round: "",
-                  icon: "chevron-left",
+                  color: "gray",
                   size: "small",
+                  icon: "chevron-left",
                   onClick: prveMonth2
                 })
               ]),
@@ -14112,16 +14153,16 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_13, [
                 createVNode(unref(LewButton), {
                   type: "light",
-                  round: "",
-                  icon: "chevron-right",
+                  color: "gray",
                   size: "small",
+                  icon: "chevron-right",
                   onClick: nextMonth2
                 }),
                 createVNode(unref(LewButton), {
                   type: "light",
-                  round: "",
-                  icon: "chevrons-right",
+                  color: "gray",
                   size: "small",
+                  icon: "chevrons-right",
                   onClick: nextYear2
                 })
               ])
@@ -14160,7 +14201,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-770f6480"]]);
+const LewDateRange = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__scopeId", "data-v-a098a908"]]);
 const _hoisted_1$o = { class: "lew-date-picker-input" };
 const _hoisted_2$f = {
   key: 0,
@@ -14867,7 +14908,7 @@ const paginationModel = {
 const paginationProps = {
   size: {
     type: String,
-    default: "small",
+    default: "medium",
     description: "尺寸，可选值为 small、medium、large"
   },
   visiblePagesCount: {
@@ -15075,7 +15116,6 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
               modelValue: unref(state).pageSize,
               "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(state).pageSize = $event),
               style: { "width": "100px" },
-              align: "center",
               size: _ctx.size,
               showCheckIcon: false,
               options: pageSizeOptions.value,
@@ -15269,7 +15309,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-5014cf6a"]]);
+const LewAvatar = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-c8c5eca1"]]);
 const titleProps = {
   bold: {
     type: Number,
@@ -15346,7 +15386,7 @@ const buttonProps = {
   },
   iconSize: {
     type: Number,
-    default: "",
+    default: 16,
     description: "图标大小"
   },
   loading: {
@@ -15416,6 +15456,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     const getIconSize = computed(() => {
       const { size, iconSize } = props;
       switch (size) {
+        case "mini":
+          return iconSize ? iconSize : 12;
         case "small":
           return iconSize ? iconSize : 14;
         case "medium":
@@ -15441,7 +15483,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           break;
         case "ghost":
           styleObj.backgroundColor = "transparent";
-          styleObj.border = `1px solid var(--lew-color-${_color})`;
+          styleObj.border = `var(--lew-form-border-width) solid var(--lew-color-${_color})`;
           styleObj.color = `var(--lew-color-${_color}-dark)`;
           styleObj.boxShadow = "none";
           break;
@@ -15506,7 +15548,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-e3e4ceec"]]);
+const LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-7ab31f7b"]]);
 const badgeProps = {
   value: {
     type: String,
@@ -18717,9 +18759,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                   }, {
                     default: withCtx(() => [
                       !_ctx.hideCancelButton ? (openBlock(), createBlock(unref(LewButton), mergeProps({ key: 0 }, {
-                        type: "text",
+                        type: "light",
+                        color: "gray",
                         text: "取消",
-                        color: "normal",
                         ..._ctx.cancelProps
                       }, { onClick: cancel }), null, 16)) : createCommentVNode("", true),
                       !_ctx.hideOkButton ? (openBlock(), createBlock(unref(LewButton), mergeProps({ key: 1 }, {
@@ -18740,7 +18782,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewModal = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-12b22c1e"]]);
+const LewModal = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-e032dd36"]]);
 const popokProps = {
   type: {
     type: String,
@@ -18860,10 +18902,10 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
               _ctx.content ? (openBlock(), createElementBlock("div", _hoisted_5$1, toDisplayString(_ctx.content), 1)) : createCommentVNode("", true),
               createElementVNode("div", _hoisted_6$1, [
                 createVNode(unref(LewButton), mergeProps({
-                  type: "text",
+                  type: "light",
                   text: "取消",
                   round: true,
-                  color: "normal",
+                  color: "gray",
                   size: "small",
                   ..._ctx.cancelProps
                 }, { onClick: cancel }), null, 16),
@@ -18883,7 +18925,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewPopok = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-6cc17c44"]]);
+const LewPopok = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__scopeId", "data-v-ea0d3ad0"]]);
 const popoverProps = {
   trigger: {
     type: String,
@@ -19804,7 +19846,7 @@ const uploadProps = {
     description: "上传文件的处理方法"
   }
 };
-const _withScopeId = (n) => (pushScopeId("data-v-a03567d9"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-6c36f80c"), n = n(), popScopeId(), n);
 const _hoisted_1$6 = ["multiple", "accept"];
 const _hoisted_2$4 = ["src"];
 const _hoisted_3$2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "lew-upload-progress-bar" }, null, -1));
@@ -19819,12 +19861,12 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const { isSupported } = useClipboardItems({ read: true });
     const tipFontSizeMap = {
-      small: 12,
+      small: 14,
       medium: 14,
       large: 16
     };
     const fileIconSizeMap = {
-      small: 28,
+      small: 30,
       medium: 36,
       large: 44
     };
@@ -19834,22 +19876,22 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       large: 12
     };
     const maxSizeFontSizeMap = {
-      small: 10,
+      small: 12,
       medium: 12,
       large: 14
     };
     const footerFontSizeMap = {
-      small: 10,
+      small: 11,
       medium: 12,
       large: 14
     };
     const fileNameFontSizeMap = {
-      small: 12,
+      small: 13,
       medium: 14,
       large: 16
     };
     const uploadIconFontSizeMap = {
-      small: 25,
+      small: 32,
       medium: 35,
       large: 45
     };
@@ -20382,7 +20424,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewUpload = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-a03567d9"]]);
+const LewUpload = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-6c36f80c"]]);
 const collapseModel = {
   modelValue: {
     type: [Array, String],
@@ -20451,7 +20493,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewCollapse = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-f16a8896"]]);
+const LewCollapse = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-0391d5bb"]]);
 const _sfc_main$7 = {
   props: {
     name: {
@@ -20753,7 +20795,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewCollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-ab0d3ba2"]]);
+const LewCollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-91cf0077"]]);
 const sliderProps = {};
 const _hoisted_1$4 = { class: "lew-flex" };
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
@@ -21361,6 +21403,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       _ctx.cancelText ? (openBlock(), createBlock(unref(LewButton), {
                         key: 0,
                         text: _ctx.cancelText,
+                        size: "small",
                         color: "gray",
                         type: "light",
                         loading: unref(cancelLoading),
@@ -21369,6 +21412,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       _ctx.okText ? (openBlock(), createBlock(unref(LewButton), {
                         key: 1,
                         text: _ctx.okText,
+                        size: "small",
                         type: "fill",
                         color: _ctx.type,
                         loading: unref(okLoading),
@@ -21436,7 +21480,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _LewDialog = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-6cd0b53a"]]);
+const _LewDialog = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-2cbef663"]]);
 const { x, y } = useMouse();
 const warning$1 = (options) => {
   dialog("warning", options);
@@ -21948,7 +21992,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aa8322d7"]]);
+const LewContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-50b93f72"]]);
 const directives = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   LewBacktop: index$1,