@wlydfe/pro-ui 0.2.0

package/es/components/pagination/src/index.vue.d.ts

@@ -0,0 +1,458 @@
+import type { PaginationProps } from 'element-plus';
+import type { PageInfo } from '@wlydfe/pro-ui-types';
+export interface PlusPaginationProps extends /* @vue-ignore */ Partial<PaginationProps> {
+    modelValue: PageInfo;
+    total?: number;
+    pageSizeList?: number[];
+    align?: 'left' | 'right';
+}
+export interface PlusPaginationEmits {
+    (e: 'update:modelValue', pageInfo: PageInfo): void;
+    (e: 'change', pageInfo: PageInfo): void;
+    (e: 'size-change', value: number): void;
+    (e: 'current-change', value: number): void;
+}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: null;
+        required: true;
+        default: () => {
+            page: number;
+            pageSize: number;
+        };
+    };
+    total: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    pageSizeList: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => number[];
+    };
+    align: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>, {
+    props: any;
+    emit: (event: "update:modelValue" | "change" | "size-change" | "current-change", ...args: any[]) => void;
+    pageInfo: import("vue").Ref<{
+        page: number;
+        pageSize: number;
+    }, PageInfo | {
+        page: number;
+        pageSize: number;
+    }>;
+    handleEmit: () => void;
+    handleSizeChange: (pageSize: number) => void;
+    handleCurrentChange: (page: number) => void;
+    readonly ElPagination: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+            readonly pageSize: NumberConstructor;
+            readonly defaultPageSize: NumberConstructor;
+            readonly total: NumberConstructor;
+            readonly pageCount: NumberConstructor;
+            readonly pagerCount: {
+                readonly type: import("vue").PropType<number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: 7;
+            };
+            readonly currentPage: NumberConstructor;
+            readonly defaultCurrentPage: NumberConstructor;
+            readonly layout: {
+                readonly type: import("vue").PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: string;
+            };
+            readonly pageSizes: {
+                readonly type: import("vue").PropType<number[]>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: () => [10, 20, 30, 40, 50, 100];
+            };
+            readonly popperClass: {
+                readonly type: import("vue").PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly prevText: {
+                readonly type: import("vue").PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly prevIcon: {
+                readonly type: import("vue").PropType<string | import("vue").Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: () => any;
+            };
+            readonly nextText: {
+                readonly type: import("vue").PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly nextIcon: {
+                readonly type: import("vue").PropType<string | import("vue").Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: () => any;
+            };
+            readonly teleported: {
+                readonly type: import("vue").PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: true;
+            };
+            readonly small: BooleanConstructor;
+            readonly size: {
+                readonly type: import("vue").PropType<"" | "default" | "small" | "large">;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly background: BooleanConstructor;
+            readonly disabled: BooleanConstructor;
+            readonly hideOnSinglePage: BooleanConstructor;
+            readonly appendSizeTo: StringConstructor;
+        }>> & {
+            onChange?: ((currentPage: number, pageSize: number) => any) | undefined;
+            "onUpdate:current-page"?: ((val: number) => any) | undefined;
+            "onUpdate:page-size"?: ((val: number) => any) | undefined;
+            "onSize-change"?: ((val: number) => any) | undefined;
+            "onCurrent-change"?: ((val: number) => any) | undefined;
+            "onPrev-click"?: ((val: number) => any) | undefined;
+            "onNext-click"?: ((val: number) => any) | undefined;
+        }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:current-page": (val: number) => boolean;
+            "update:page-size": (val: number) => boolean;
+            "size-change": (val: number) => boolean;
+            change: (currentPage: number, pageSize: number) => boolean;
+            "current-change": (val: number) => boolean;
+            "prev-click": (val: number) => boolean;
+            "next-click": (val: number) => boolean;
+        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
+            readonly small: boolean;
+            readonly disabled: boolean;
+            readonly background: boolean;
+            readonly layout: string;
+            readonly popperClass: string;
+            readonly teleported: boolean;
+            readonly prevText: string;
+            readonly prevIcon: string | import("vue").Component;
+            readonly nextText: string;
+            readonly nextIcon: string | import("vue").Component;
+            readonly pageSizes: number[];
+            readonly pagerCount: number;
+            readonly hideOnSinglePage: boolean;
+        }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            readonly pageSize: NumberConstructor;
+            readonly defaultPageSize: NumberConstructor;
+            readonly total: NumberConstructor;
+            readonly pageCount: NumberConstructor;
+            readonly pagerCount: {
+                readonly type: import("vue").PropType<number>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: 7;
+            };
+            readonly currentPage: NumberConstructor;
+            readonly defaultCurrentPage: NumberConstructor;
+            readonly layout: {
+                readonly type: import("vue").PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: string;
+            };
+            readonly pageSizes: {
+                readonly type: import("vue").PropType<number[]>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: () => [10, 20, 30, 40, 50, 100];
+            };
+            readonly popperClass: {
+                readonly type: import("vue").PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly prevText: {
+                readonly type: import("vue").PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly prevIcon: {
+                readonly type: import("vue").PropType<string | import("vue").Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: () => any;
+            };
+            readonly nextText: {
+                readonly type: import("vue").PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: "";
+            };
+            readonly nextIcon: {
+                readonly type: import("vue").PropType<string | import("vue").Component>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: () => any;
+            };
+            readonly teleported: {
+                readonly type: import("vue").PropType<boolean>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            } & {
+                readonly default: true;
+            };
+            readonly small: BooleanConstructor;
+            readonly size: {
+                readonly type: import("vue").PropType<"" | "default" | "small" | "large">;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly background: BooleanConstructor;
+            readonly disabled: BooleanConstructor;
+            readonly hideOnSinglePage: BooleanConstructor;
+            readonly appendSizeTo: StringConstructor;
+        }>> & {
+            onChange?: ((currentPage: number, pageSize: number) => any) | undefined;
+            "onUpdate:current-page"?: ((val: number) => any) | undefined;
+            "onUpdate:page-size"?: ((val: number) => any) | undefined;
+            "onSize-change"?: ((val: number) => any) | undefined;
+            "onCurrent-change"?: ((val: number) => any) | undefined;
+            "onPrev-click"?: ((val: number) => any) | undefined;
+            "onNext-click"?: ((val: number) => any) | undefined;
+        }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | null, {}, {}, {}, {
+            readonly small: boolean;
+            readonly disabled: boolean;
+            readonly background: boolean;
+            readonly layout: string;
+            readonly popperClass: string;
+            readonly teleported: boolean;
+            readonly prevText: string;
+            readonly prevIcon: string | import("vue").Component;
+            readonly nextText: string;
+            readonly nextIcon: string | import("vue").Component;
+            readonly pageSizes: number[];
+            readonly pagerCount: number;
+            readonly hideOnSinglePage: boolean;
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        readonly pageSize: NumberConstructor;
+        readonly defaultPageSize: NumberConstructor;
+        readonly total: NumberConstructor;
+        readonly pageCount: NumberConstructor;
+        readonly pagerCount: {
+            readonly type: import("vue").PropType<number>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: 7;
+        };
+        readonly currentPage: NumberConstructor;
+        readonly defaultCurrentPage: NumberConstructor;
+        readonly layout: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: string;
+        };
+        readonly pageSizes: {
+            readonly type: import("vue").PropType<number[]>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: () => [10, 20, 30, 40, 50, 100];
+        };
+        readonly popperClass: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        readonly prevText: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        readonly prevIcon: {
+            readonly type: import("vue").PropType<string | import("vue").Component>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: () => any;
+        };
+        readonly nextText: {
+            readonly type: import("vue").PropType<string>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: "";
+        };
+        readonly nextIcon: {
+            readonly type: import("vue").PropType<string | import("vue").Component>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: () => any;
+        };
+        readonly teleported: {
+            readonly type: import("vue").PropType<boolean>;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        } & {
+            readonly default: true;
+        };
+        readonly small: BooleanConstructor;
+        readonly size: {
+            readonly type: import("vue").PropType<"" | "default" | "small" | "large">;
+            readonly required: false;
+            readonly validator: ((val: unknown) => boolean) | undefined;
+            __epPropKey: true;
+        };
+        readonly background: BooleanConstructor;
+        readonly disabled: BooleanConstructor;
+        readonly hideOnSinglePage: BooleanConstructor;
+        readonly appendSizeTo: StringConstructor;
+    }>> & {
+        onChange?: ((currentPage: number, pageSize: number) => any) | undefined;
+        "onUpdate:current-page"?: ((val: number) => any) | undefined;
+        "onUpdate:page-size"?: ((val: number) => any) | undefined;
+        "onSize-change"?: ((val: number) => any) | undefined;
+        "onCurrent-change"?: ((val: number) => any) | undefined;
+        "onPrev-click"?: ((val: number) => any) | undefined;
+        "onNext-click"?: ((val: number) => any) | undefined;
+    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:current-page": (val: number) => boolean;
+        "update:page-size": (val: number) => boolean;
+        "size-change": (val: number) => boolean;
+        change: (currentPage: number, pageSize: number) => boolean;
+        "current-change": (val: number) => boolean;
+        "prev-click": (val: number) => boolean;
+        "next-click": (val: number) => boolean;
+    }, string, {
+        readonly small: boolean;
+        readonly disabled: boolean;
+        readonly background: boolean;
+        readonly layout: string;
+        readonly popperClass: string;
+        readonly teleported: boolean;
+        readonly prevText: string;
+        readonly prevIcon: string | import("vue").Component;
+        readonly nextText: string;
+        readonly nextIcon: string | import("vue").Component;
+        readonly pageSizes: number[];
+        readonly pagerCount: number;
+        readonly hideOnSinglePage: boolean;
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "size-change" | "current-change")[], "update:modelValue" | "change" | "size-change" | "current-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: null;
+        required: true;
+        default: () => {
+            page: number;
+            pageSize: number;
+        };
+    };
+    total: {
+        type: NumberConstructor;
+        required: false;
+        default: number;
+    };
+    pageSizeList: {
+        type: ArrayConstructor;
+        required: false;
+        default: () => number[];
+    };
+    align: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onSize-change"?: ((...args: any[]) => any) | undefined;
+    "onCurrent-change"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: any;
+    align: string;
+    total: number;
+    pageSizeList: unknown[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/components/pagination/src/index.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './index.vue2.mjs';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+const Pagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
+
+export { Pagination as default };

package/es/components/pagination/src/index.vue2.mjs

@@ -0,0 +1,77 @@
+import { defineComponent, ref, watchEffect, openBlock, createElementBlock, renderSlot, createElementVNode, createCommentVNode, createVNode, unref, mergeProps } from 'vue';
+import '../../../constants/index.mjs';
+import { ElPagination } from 'element-plus';
+import { DefaultPageInfo, DefaultPageSizeList } from '../../../constants/page.mjs';
+
+const _hoisted_1 = { class: "plus-pagination" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PlusPagination"
+  },
+  __name: "index",
+  props: {
+    modelValue: { default: () => ({ ...DefaultPageInfo }) },
+    total: { default: 0 },
+    pageSizeList: { default: () => [...DefaultPageSizeList] },
+    align: { default: "right" }
+  },
+  emits: ["update:modelValue", "change", "size-change", "current-change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const pageInfo = ref({ ...DefaultPageInfo });
+    watchEffect(() => {
+      pageInfo.value = { ...props.modelValue };
+    });
+    const handleEmit = () => {
+      emit("update:modelValue", pageInfo.value);
+      emit("change", pageInfo.value);
+    };
+    const handleSizeChange = (pageSize) => {
+      pageInfo.value.pageSize = pageSize;
+      pageInfo.value.page = 1;
+      handleEmit();
+      emit("size-change", pageSize);
+    };
+    const handleCurrentChange = (page) => {
+      pageInfo.value.page = page;
+      handleEmit();
+      emit("current-change", page);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        _ctx.align === "right" ? renderSlot(_ctx.$slots, "pagination-left", { key: 0 }, () => [
+          _cache[0] || (_cache[0] = createElementVNode(
+            "span",
+            null,
+            null,
+            -1
+            /* CACHED */
+          ))
+        ]) : createCommentVNode("v-if", true),
+        createVNode(unref(ElPagination), mergeProps({
+          layout: "total, sizes, prev, pager, next, jumper",
+          background: false,
+          "current-page": pageInfo.value.page,
+          "page-size": pageInfo.value.pageSize,
+          total: _ctx.total,
+          "page-sizes": _ctx.pageSizeList
+        }, _ctx.$attrs, {
+          onSizeChange: handleSizeChange,
+          onCurrentChange: handleCurrentChange
+        }), null, 16, ["current-page", "page-size", "total", "page-sizes"]),
+        _ctx.align === "left" ? renderSlot(_ctx.$slots, "pagination-right", { key: 1 }, () => [
+          _cache[1] || (_cache[1] = createElementVNode(
+            "span",
+            null,
+            null,
+            -1
+            /* CACHED */
+          ))
+        ]) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/pagination/style/css.d.ts

@@ -0,0 +1,2 @@
+import 'element-plus/es/components/pagination/style/css';
+import '@wlydfe/pro-ui-theme-chalk/plus-pagination.css';

package/es/components/pagination/style/css.mjs

@@ -0,0 +1,2 @@
+import 'element-plus/es/components/pagination/style/css.mjs';
+import '@wlydfe/pro-ui-theme-chalk/plus-pagination.css';

package/es/components/pagination/style/index.d.ts

@@ -0,0 +1,2 @@
+import 'element-plus/es/components/pagination/style/index';
+import '@wlydfe/pro-ui-theme-chalk/src/pagination.scss';

package/es/components/pagination/style/index.mjs

@@ -0,0 +1,2 @@
+import 'element-plus/es/components/pagination/style/index.mjs';
+import '../../../theme-chalk/src/pagination.scss.mjs';