lew-ui 2.2.4 → 2.2.7

package/dist/components/button/src/LewButton.vue.d.ts

@@ -32,6 +32,11 @@ declare const __VLS_component: import('vue').DefineComponent<{
         default: string;
         description: string;
     };
+    iconSize: {
+        type: NumberConstructor;
+        default: string;
+        description: string;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -85,6 +90,11 @@ declare const __VLS_component: import('vue').DefineComponent<{
         default: string;
         description: string;
     };
+    iconSize: {
+        type: NumberConstructor;
+        default: string;
+        description: string;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;
@@ -117,6 +127,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     disabled: boolean;
     loading: boolean;
     iconPosition: string;
+    iconSize: number;
     request: Function;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

package/dist/components/button/src/props.d.ts

@@ -34,6 +34,11 @@ export declare const buttonProps: {
         default: string;
         description: string;
     };
+    iconSize: {
+        type: NumberConstructor;
+        default: string;
+        description: string;
+    };
     loading: {
         type: BooleanConstructor;
         default: boolean;

package/dist/components/drawer/src/LewDrawer.vue.d.ts

@@ -133,6 +133,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
         disabled: boolean;
         loading: boolean;
         iconPosition: string;
+        iconSize: number;
         request: Function;
     };
     cancelProps: {
@@ -145,6 +146,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
         disabled: boolean;
         loading: boolean;
         iconPosition: string;
+        iconSize: number;
         request: Function;
     };
     closeOnClickOverlay: boolean;

package/dist/components/modal/src/LewModal.vue.d.ts

@@ -147,6 +147,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
         disabled: boolean;
         loading: boolean;
         iconPosition: string;
+        iconSize: number;
         request: Function;
     };
     cancelProps: {
@@ -159,6 +160,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
         disabled: boolean;
         loading: boolean;
         iconPosition: string;
+        iconSize: number;
         request: Function;
     };
     hideOkButton: boolean;

package/dist/components/pagination/src/LewPagination.vue.d.ts

@@ -12,6 +12,11 @@ declare const __VLS_component: import('vue').DefineComponent<{
         default: string;
         description: string;
     };
+    visiblePagesCount: {
+        type: NumberConstructor;
+        default: number;
+        description: string;
+    };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (...args: any[]) => void;
     "update:currentPage": (...args: any[]) => void;
@@ -26,12 +31,18 @@ declare const __VLS_component: import('vue').DefineComponent<{
         default: string;
         description: string;
     };
+    visiblePagesCount: {
+        type: NumberConstructor;
+        default: number;
+        description: string;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:currentPage"?: ((...args: any[]) => any) | undefined;
     "onUpdate:pageSize"?: ((...args: any[]) => any) | undefined;
 }, {
     size: string;
+    visiblePagesCount: number;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/components/pagination/src/props.d.ts

@@ -34,4 +34,9 @@ export declare const paginationProps: {
         default: string;
         description: string;
     };
+    visiblePagesCount: {
+        type: NumberConstructor;
+        default: number;
+        description: string;
+    };
 };

package/dist/components/popok/src/LewPopok.vue.d.ts

@@ -124,6 +124,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
         disabled: boolean;
         loading: boolean;
         iconPosition: string;
+        iconSize: number;
         request: Function;
     };
     cancelProps: {
@@ -136,6 +137,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
         disabled: boolean;
         loading: boolean;
         iconPosition: string;
+        iconSize: number;
         request: Function;
     };
 }, {}>;

package/dist/index.mjs

@@ -7671,7 +7671,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
       }
       state.activeItemStyle = {
         width: `${activeRef == null ? void 0 : activeRef.offsetWidth}px`,
-        height: `${activeRef == null ? void 0 : activeRef.offsetHeight}px`,
+        height: props.type === "line" ? "" : `${activeRef == null ? void 0 : activeRef.offsetHeight}px`,
         transform: `translate(${activeRef == null ? void 0 : activeRef.offsetLeft}px,-50%)`
       };
     };
@@ -7804,7 +7804,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewTabs = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-a5407266"]]);
+const LewTabs = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-a49fe2f6"]]);
 const breadcrumbProps = {
   options: {
     type: Array,
@@ -11680,7 +11680,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-dbdb9ea9"]]);
+const LewCheckbox = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-3ac4d4d0"]]);
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "LewCheckboxGroup",
   props: /* @__PURE__ */ mergeModels(checkboxGroupProps, {
@@ -11931,7 +11931,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-8d3bbc75"]]);
+const LewRadio = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-1c92baed"]]);
 const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "LewRadioGroup",
   props: /* @__PURE__ */ mergeModels(radioGroupProps, {
@@ -14867,11 +14867,16 @@ const paginationModel = {
 const paginationProps = {
   size: {
     type: String,
-    default: "medium",
+    default: "small",
     description: "尺寸，可选值为 small、medium、large"
+  },
+  visiblePagesCount: {
+    type: Number,
+    default: 5,
+    description: "显示的页码数"
   }
 };
-const _hoisted_1$m = { class: "lew-pagination" };
+const _hoisted_1$m = ["onClick"];
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "LewPagination",
   props: /* @__PURE__ */ mergeModels(paginationProps, {
@@ -14909,31 +14914,49 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }),
   emits: /* @__PURE__ */ mergeModels(["change", "update:currentPage", "update:pageSize"], ["update:total", "update:currentPage", "update:pageSize", "update:pageSizeOptions"]),
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
-    useModel(__props, "total");
+    const total = useModel(__props, "total");
     const currentPage = useModel(__props, "currentPage");
     const pageSize = useModel(__props, "pageSize");
     const pageSizeOptions = useModel(__props, "pageSizeOptions");
     const state = reactive({
       toPage: void 0,
-      pageSize: pageSize.value
+      pageSize: pageSize.value,
+      visiblePagesCount: props.visiblePagesCount
     });
-    const totalPages = computed(() => {
-      let _arr = new Array(123).fill({ label: "", value: "" });
-      console.log(
-        _arr.map((_, i) => {
-          let page = i + 1;
-          return { label: page, value: page };
-        })
-      );
-      return _arr.map((_, i) => {
-        let page = i + 1;
-        return { label: page, value: page };
-      });
+    onMounted(() => {
+      state.visiblePagesCount = Math.max(state.visiblePagesCount, 5);
+      state.visiblePagesCount = Math.min(state.visiblePagesCount, 12);
+    });
+    const totalPages = computed(() => Math.ceil(total.value / state.pageSize));
+    const visiblePages = computed(() => {
+      const _currentPage = currentPage.value;
+      const 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 + state.visiblePagesCount - 1;
+      if (endPage > totalPages2) {
+        endPage = totalPages2;
+        startPage = endPage - state.visiblePagesCount + 1;
+        if (startPage < 1) {
+          startPage = 1;
+        }
+      }
+      const visiblePages2 = [];
+      for (let i = startPage; i <= endPage; i++) {
+        visiblePages2.push(i);
+      }
+      return visiblePages2;
     });
     const changePage = (page) => {
       page = Math.floor(page);
-      if (page < 1 || page > totalPages.value.length) {
+      if (page < 1 || page > totalPages.value) {
         return;
       }
       currentPage.value = page;
@@ -14943,6 +14966,12 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         pageSize: state.pageSize
       });
     };
+    const startEllipsis = computed(() => visiblePages.value[0] > 2 + 1);
+    const endEllipsis = computed(
+      () => visiblePages.value[visiblePages.value.length - 1] < totalPages.value - 2
+    );
+    const showOne = computed(() => visiblePages.value[0] > 1);
+    const showMax = computed(() => visiblePages.value[visiblePages.value.length - 1] < totalPages.value);
     const checkPageSize = (value) => {
       state.pageSize = value;
       changePage(currentPage.value);
@@ -14950,52 +14979,101 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     const checkPageNum = (value) => {
       const page = Number(value);
       state.toPage = void 0;
-      if (page > totalPages.value.length || page < 1) {
+      if (page > totalPages.value || page < 1) {
         return;
       }
       currentPage.value = page;
       changePage(value);
     };
+    const getPaginationClassNmae = computed(() => {
+      const { size } = props;
+      return object2class("lew-pagination", {
+        size
+      });
+    });
     return (_ctx, _cache) => {
       const _component_lew_button = resolveComponent("lew-button");
-      const _component_lew_tabs = resolveComponent("lew-tabs");
-      return openBlock(), createElementBlock("div", _hoisted_1$m, [
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["lew-pagination", unref(getPaginationClassNmae)])
+      }, [
         createVNode(unref(LewFlex), {
           class: "control",
           gap: "10"
         }, {
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "left"),
-            createVNode(_component_lew_button, {
-              size: _ctx.size,
-              icon: "chevron-left",
-              type: "text",
-              onClick: _cache[0] || (_cache[0] = ($event) => changePage(currentPage.value - 1))
-            }, null, 8, ["size"]),
             createVNode(unref(LewFlex), {
               class: "lew-pagination-page-box",
               gap: "5"
             }, {
               default: withCtx(() => [
-                createVNode(_component_lew_tabs, {
+                createVNode(_component_lew_button, {
+                  size: _ctx.size,
+                  icon: "chevron-left",
+                  "icon-size": "16",
+                  type: "text",
+                  onClick: _cache[0] || (_cache[0] = ($event) => changePage(currentPage.value - 1))
+                }, null, 8, ["size"]),
+                unref(showOne) ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "btn lew-pagination-page-btn",
+                  onClick: _cache[1] || (_cache[1] = ($event) => changePage(1))
+                }, "1")) : createCommentVNode("", true),
+                unref(startEllipsis) ? (openBlock(), createElementBlock("div", {
+                  key: 1,
+                  class: "btn control-btn",
+                  onClick: _cache[2] || (_cache[2] = ($event) => changePage(unref(visiblePages)[0] - 1))
+                }, [
+                  createVNode(unref(script), {
+                    size: "14",
+                    type: "more-horizontal"
+                  })
+                ])) : currentPage.value > unref(visiblePages).length / 2 + 2 && _ctx.visiblePagesCount < unref(totalPages) ? (openBlock(), createElementBlock("div", {
+                  key: 2,
+                  class: "btn",
+                  onClick: _cache[3] || (_cache[3] = ($event) => changePage(2))
+                }, " 2 ")) : createCommentVNode("", true),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(visiblePages), (page, index2) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: index2,
+                    class: normalizeClass(["btn", {
+                      active: Number(page) === Number(currentPage.value)
+                    }]),
+                    onClick: ($event) => changePage(page)
+                  }, toDisplayString(page), 11, _hoisted_1$m);
+                }), 128)),
+                unref(endEllipsis) ? (openBlock(), createElementBlock("div", {
+                  key: 3,
+                  class: "btn control-btn",
+                  onClick: _cache[4] || (_cache[4] = ($event) => changePage(unref(visiblePages)[unref(visiblePages).length - 1] + 1))
+                }, [
+                  createVNode(unref(script), {
+                    size: "14",
+                    type: "more-horizontal"
+                  })
+                ])) : currentPage.value < unref(totalPages) - unref(visiblePages).length / 2 - 1 && _ctx.visiblePagesCount < unref(totalPages) ? (openBlock(), createElementBlock("div", {
+                  key: 4,
+                  class: "btn",
+                  onClick: _cache[5] || (_cache[5] = ($event) => changePage(2))
+                }, toDisplayString(unref(totalPages) - 1), 1)) : createCommentVNode("", true),
+                unref(showMax) ? (openBlock(), createElementBlock("div", {
+                  key: 5,
+                  class: "btn lew-pagination-page-btn",
+                  onClick: _cache[6] || (_cache[6] = ($event) => changePage(unref(totalPages)))
+                }, toDisplayString(unref(totalPages)), 1)) : createCommentVNode("", true),
+                createVNode(_component_lew_button, {
                   size: _ctx.size,
-                  width: "320",
-                  options: unref(totalPages),
-                  modelValue: currentPage.value,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => currentPage.value = $event)
-                }, null, 8, ["size", "options", "modelValue"])
+                  "icon-size": "16",
+                  icon: "chevron-right",
+                  type: "text",
+                  onClick: _cache[7] || (_cache[7] = ($event) => changePage(currentPage.value + 1))
+                }, null, 8, ["size"])
               ]),
               _: 1
             }),
-            createVNode(_component_lew_button, {
-              size: _ctx.size,
-              icon: "chevron-right",
-              type: "text",
-              onClick: _cache[2] || (_cache[2] = ($event) => changePage(currentPage.value + 1))
-            }, null, 8, ["size"]),
             createVNode(unref(LewSelect), {
               modelValue: unref(state).pageSize,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(state).pageSize = $event),
+              "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => unref(state).pageSize = $event),
               style: { "width": "100px" },
               align: "center",
               size: _ctx.size,
@@ -15005,7 +15083,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             }, null, 8, ["modelValue", "size", "options"]),
             createVNode(unref(LewInput), {
               modelValue: unref(state).toPage,
-              "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(state).toPage = $event),
+              "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => unref(state).toPage = $event),
               size: _ctx.size,
               align: "center",
               placeholder: "跳转至",
@@ -15016,7 +15094,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         })
-      ]);
+      ], 2);
     };
   }
 });
@@ -15266,6 +15344,11 @@ const buttonProps = {
     default: "medium",
     description: "大小"
   },
+  iconSize: {
+    type: Number,
+    default: "",
+    description: "图标大小"
+  },
   loading: {
     type: Boolean,
     default: false,
@@ -15331,16 +15414,16 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       });
     });
     const getIconSize = computed(() => {
-      const { size } = props;
+      const { size, iconSize } = props;
       switch (size) {
         case "small":
-          return 14;
+          return iconSize ? iconSize : 14;
         case "medium":
-          return 16;
+          return iconSize ? iconSize : 16;
         case "large":
-          return 18;
+          return iconSize ? iconSize : 18;
         default:
-          return 16;
+          return iconSize ? iconSize : 16;
       }
     });
     const getStyle = computed(() => {
@@ -15389,6 +15472,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           createVNode(unref(script), {
             size: unref(getIconSize),
             animation: "spin",
+            strokeWidth: "2",
             animationSpeed: "fast",
             type: "loader"
           }, null, 8, ["size"])
@@ -15396,6 +15480,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         _ctx.iconPosition === "left" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           _ctx.icon ? (openBlock(), createBlock(unref(script), {
             key: 0,
+            strokeWidth: "2",
             class: "lew-button-icon",
             size: unref(getIconSize),
             type: _ctx.icon
@@ -15412,6 +15497,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           _ctx.icon ? (openBlock(), createBlock(unref(script), {
             key: 0,
             class: "lew-button-icon",
+            strokeWidth: "2",
             size: unref(getIconSize),
             type: _ctx.icon
           }, null, 8, ["size", "type"])) : createCommentVNode("", true)
@@ -15420,7 +15506,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-b79b59df"]]);
+const LewButton = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-e3e4ceec"]]);
 const badgeProps = {
   value: {
     type: String,