@wlydfe/pro-ui 0.2.21 → 0.2.23

package/lib/components/page/src/index.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var Page = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__file", "index.vue"]]);
+
+exports.default = Page;

package/lib/components/page/src/index.vue2.js

@@ -0,0 +1,310 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index$1 = require('../../search/index.js');
+var index$2 = require('../../table/index.js');
+var elementPlus = require('element-plus');
+require('../../../hooks/index.js');
+var index = require('../../utils/index.js');
+require('../../../constants/index.js');
+var page = require('../../../constants/page.js');
+var useTable = require('../../../hooks/useTable.js');
+var is = require('../../utils/is.js');
+
+const _hoisted_1 = { class: "plus-page" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PlusPage"
+  },
+  __name: "index",
+  props: {
+    columns: { default: () => [] },
+    request: {},
+    search: { type: [Boolean, Object], default: () => ({}) },
+    table: { default: () => ({}) },
+    params: { default: () => ({}) },
+    postData: { type: Function, default: void 0 },
+    beforeSearchSubmit: { type: Function, default: void 0 },
+    isCard: { type: Boolean, default: true },
+    searchCardProps: { default: () => ({}) },
+    tableCardProps: { default: () => ({}) },
+    defaultPageInfo: { default: () => ({ ...page.DefaultPageInfo }) },
+    defaultPageSizeList: { default: () => page.DefaultPageSizeList },
+    pagination: { type: [Boolean, Object], default: () => ({}) },
+    immediate: { type: Boolean, default: true },
+    dividerProps: { type: [Boolean, Object], default: false },
+    pageInfoMap: { default: () => ({
+      page: "page",
+      pageSize: "pageSize"
+    }) },
+    searchSlot: { type: Boolean, default: false }
+  },
+  emits: ["search", "reset", "paginationChange", "requestError", "requestComplete"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    var _a;
+    const props = __props;
+    const emit = __emit;
+    const processedColumns = vue.computed(() => {
+      return props.columns.map((column) => ({
+        hideInSearch: true,
+        // 默认为 true
+        ...column
+      }));
+    });
+    const formSlotList = [
+      index.getFieldSlotName(),
+      index.getLabelSlotName(),
+      index.getExtraSlotName(),
+      index.getPreviousSlotName()
+    ];
+    const slots = vue.useSlots();
+    const group = vue.computed(() => {
+      const formSlots = {};
+      const otherSlots = {};
+      Object.keys(slots).forEach((key) => {
+        const has = formSlotList.some((i) => key.includes(i));
+        if (has) {
+          formSlots[key] = slots[key];
+        } else {
+          otherSlots[key] = slots[key];
+        }
+      });
+      return { formSlots, otherSlots };
+    });
+    const searchSlots = vue.computed(() => props.searchSlot ? group.value.formSlots : {});
+    const tableSlots = vue.computed(() => props.searchSlot ? group.value.otherSlots : slots);
+    const computedDefaultPageInfo = vue.computed(() => props.defaultPageInfo);
+    const computedDefaultPageSizeList = vue.computed(() => props.defaultPageSizeList);
+    const { tableData, pageInfo, total, loadingStatus } = useTable.useTable(computedDefaultPageInfo);
+    const plusSearchInstance = vue.ref(null);
+    const plusTableInstance = vue.ref(null);
+    const values = vue.ref({ ...(_a = props.search) == null ? void 0 : _a.defaultValues });
+    const renderWrapper = () => {
+      if (props.isCard) {
+        return {
+          search: vue.h(elementPlus.ElCard, { ...props.searchCardProps, class: "plus-page__search" }),
+          table: vue.h(elementPlus.ElCard, { ...props.tableCardProps, class: "plus-page__table" })
+        };
+      }
+      return {
+        search: vue.h("div", { class: "plus-page__search" }),
+        table: vue.h("div", { class: "plus-page__table" })
+      };
+    };
+    const getList = async () => {
+      var _a2, _b;
+      if (!props.request) return;
+      try {
+        loadingStatus.value = true;
+        const payload = {
+          ...values.value,
+          // eslint-disabled no-useless-spread
+          ...{
+            [((_a2 = props.pageInfoMap) == null ? void 0 : _a2.page) || "page"]: pageInfo.value.page,
+            [((_b = props.pageInfoMap) == null ? void 0 : _b.pageSize) || "pageSize"]: pageInfo.value.pageSize
+          },
+          ...props.params
+        };
+        const { data, total: dataTotal } = await props.request(payload);
+        const list = props.postData && props.postData(data) || data;
+        tableData.value = list || [];
+        total.value = dataTotal || list.length;
+        emit("requestComplete", tableData.value);
+      } catch (error) {
+        emit("requestError", error);
+      }
+      loadingStatus.value = false;
+    };
+    if (props.immediate) {
+      getList();
+    }
+    const handlePaginationChange = (_pageInfo) => {
+      pageInfo.value = _pageInfo;
+      getList();
+      emit("paginationChange", _pageInfo);
+    };
+    const handleSearch = (val) => {
+      const data = props.beforeSearchSubmit && props.beforeSearchSubmit(val) || val;
+      values.value = data;
+      pageInfo.value.page = 1;
+      getList();
+      emit("search", values.value);
+    };
+    const handleReset = (val) => {
+      values.value = { ...val };
+      pageInfo.value.page = 1;
+      getList();
+      emit("reset", values.value);
+    };
+    const handleRefresh = () => {
+      getList();
+    };
+    const setSearchFieldsValue = (val) => {
+      if (is.isPlainObject(val)) {
+        Object.keys(val).forEach((key) => {
+          Reflect.set(values.value, key, val[key]);
+        });
+      }
+    };
+    const getSearchFieldsValue = (key) => {
+      if (key !== void 0 && key !== null) {
+        return Reflect.get(values.value, key);
+      } else {
+        return { ...values.value };
+      }
+    };
+    const clearSearchFieldsValue = () => {
+      values.value = {};
+    };
+    const setTableData = (data, _total) => {
+      tableData.value = data || [];
+      total.value = _total || (data == null ? void 0 : data.length) || 0;
+    };
+    __expose({
+      plusSearchInstance,
+      plusTableInstance,
+      getList,
+      handleReset,
+      /**
+       * TODO: 将会在v0.2.0中移除
+       */
+      handleRest: handleReset,
+      setSearchFieldsValue,
+      getSearchFieldsValue,
+      clearSearchFieldsValue,
+      /**
+       * @version 0.1.23
+       */
+      setTableData
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _ctx.search ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderWrapper().search), { key: 0 }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(index$1.PlusSearch), vue.mergeProps({
+              ref_key: "plusSearchInstance",
+              ref: plusSearchInstance
+            }, _ctx.search, {
+              modelValue: values.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => values.value = $event),
+              columns: processedColumns.value,
+              "search-loading": vue.unref(loadingStatus),
+              onSearch: handleSearch,
+              onReset: handleReset
+            }), vue.createSlots({
+              _: 2
+              /* DYNAMIC */
+            }, [
+              _ctx.$slots["search-footer"] ? {
+                name: "footer",
+                fn: vue.withCtx((data) => [
+                  vue.renderSlot(_ctx.$slots, "search-footer", vue.normalizeProps(vue.guardReactiveProps(data)))
+                ]),
+                key: "0"
+              } : void 0,
+              vue.renderList(searchSlots.value, (_, key) => {
+                return {
+                  name: key,
+                  fn: vue.withCtx((data) => [
+                    vue.renderSlot(_ctx.$slots, key, vue.normalizeProps(vue.guardReactiveProps(data)))
+                  ])
+                };
+              })
+            ]), 1040, ["modelValue", "columns", "search-loading"])
+          ]),
+          _: 3
+          /* FORWARDED */
+        })) : vue.createCommentVNode("v-if", true),
+        _ctx.dividerProps ? (vue.openBlock(), vue.createBlock(
+          vue.unref(elementPlus.ElDivider),
+          vue.normalizeProps(vue.mergeProps({ key: 1 }, _ctx.dividerProps)),
+          null,
+          16
+          /* FULL_PROPS */
+        )) : vue.createCommentVNode("v-if", true),
+        vue.renderSlot(_ctx.$slots, "extra"),
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderWrapper().table), {
+          key: _ctx.searchSlot,
+          class: "plus-page__table_wrapper"
+        }, {
+          default: vue.withCtx(() => {
+            var _a2, _b;
+            return [
+              vue.createVNode(vue.unref(index$2.PlusTable), vue.mergeProps({
+                ref_key: "plusTableInstance",
+                ref: plusTableInstance,
+                "title-bar": { refresh: true }
+              }, _ctx.table, {
+                adaptive: (_b = (_a2 = _ctx.table) == null ? void 0 : _a2.adaptive) != null ? _b : true,
+                "table-data": vue.unref(tableData),
+                "loading-status": vue.unref(loadingStatus),
+                columns: processedColumns.value,
+                pagination: _ctx.pagination === false ? void 0 : {
+                  ..._ctx.pagination,
+                  total: vue.unref(total),
+                  modelValue: vue.unref(pageInfo),
+                  pageSizeList: computedDefaultPageSizeList.value
+                },
+                onPaginationChange: handlePaginationChange,
+                onRefresh: handleRefresh
+              }), vue.createSlots({
+                _: 2
+                /* DYNAMIC */
+              }, [
+                _ctx.$slots["table-title"] ? {
+                  name: "title",
+                  fn: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "table-title")
+                  ]),
+                  key: "0"
+                } : void 0,
+                _ctx.$slots["table-toolbar"] ? {
+                  name: "toolbar",
+                  fn: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "table-toolbar")
+                  ]),
+                  key: "1"
+                } : void 0,
+                _ctx.$slots["table-expand"] ? {
+                  name: "expand",
+                  fn: vue.withCtx((data) => [
+                    vue.renderSlot(_ctx.$slots, "table-expand", vue.normalizeProps(vue.guardReactiveProps(data)))
+                  ]),
+                  key: "2"
+                } : void 0,
+                _ctx.$slots["table-append"] ? {
+                  name: "append",
+                  fn: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "table-append")
+                  ]),
+                  key: "3"
+                } : void 0,
+                _ctx.$slots["table-empty"] ? {
+                  name: "empty",
+                  fn: vue.withCtx(() => [
+                    vue.renderSlot(_ctx.$slots, "table-empty")
+                  ]),
+                  key: "4"
+                } : void 0,
+                vue.renderList(tableSlots.value, (_, key) => {
+                  return {
+                    name: key,
+                    fn: vue.withCtx((data) => [
+                      vue.renderSlot(_ctx.$slots, key, vue.normalizeProps(vue.guardReactiveProps(data)))
+                    ])
+                  };
+                })
+              ]), 1040, ["adaptive", "table-data", "loading-status", "columns", "pagination"])
+            ];
+          }),
+          _: 3
+          /* FORWARDED */
+        }))
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/page/style/css.d.ts

@@ -0,0 +1,4 @@
+import "element-plus/es/components/card/style/css";
+import "@wlydfe/pro-ui/es/components/search/style/css";
+import "@wlydfe/pro-ui/es/components/table/style/css";
+import "@wlydfe/pro-ui-theme-chalk/plus-page.css";

package/lib/components/page/style/css.js

@@ -0,0 +1,7 @@
+'use strict';
+
+require('element-plus/lib/components/card/style/css.js');
+require('../../search/style/css.js');
+require('../../table/style/css.js');
+require('@wlydfe/pro-ui-theme-chalk/plus-page.css');
+

package/lib/components/page/style/index.d.ts

@@ -0,0 +1,4 @@
+import "element-plus/es/components/card/style/index";
+import "@wlydfe/pro-ui/es/components/search/style/index";
+import "@wlydfe/pro-ui/es/components/table/style/index";
+import "@wlydfe/pro-ui-theme-chalk/src/page.scss";

package/lib/components/page/style/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+require('element-plus/lib/components/card/style/index.js');
+require('../../search/style/index.js');
+require('../../table/style/index.js');
+require('../../../theme-chalk/src/page.scss.js');
+

package/lib/components/pagination/index.d.ts

@@ -0,0 +1,149 @@
+import { PageInfo } from '@wlydfe/pro-ui';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
+import { default as Pagination } from './src/index.vue';
+
+export type PlusPaginationInstance = InstanceType<typeof Pagination>;
+export * from './src/type';
+export declare const PlusPagination: {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
+        align: {
+            type: PropType<"right" | "left">;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<PageInfo>;
+            default: () => {
+                page: number;
+                pageSize: number;
+            };
+        };
+        total: {
+            type: PropType<number>;
+            default: number;
+        };
+        pageSizeList: {
+            type: PropType<number[]>;
+            default: () => number[];
+        };
+    }>> & {
+        onChange?: ((pageInfo: PageInfo) => any) | undefined;
+        "onUpdate:modelValue"?: ((pageInfo: PageInfo) => any) | undefined;
+        "onCurrent-change"?: ((value: number) => any) | undefined;
+        "onSize-change"?: ((value: number) => any) | undefined;
+    }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        "update:modelValue": (pageInfo: PageInfo) => void;
+        change: (pageInfo: PageInfo) => void;
+        "size-change": (value: number) => void;
+        "current-change": (value: number) => void;
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
+        align: {
+            type: PropType<"right" | "left">;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<PageInfo>;
+            default: () => {
+                page: number;
+                pageSize: number;
+            };
+        };
+        total: {
+            type: PropType<number>;
+            default: number;
+        };
+        pageSizeList: {
+            type: PropType<number[]>;
+            default: () => number[];
+        };
+    }>> & {
+        onChange?: ((pageInfo: PageInfo) => any) | undefined;
+        "onUpdate:modelValue"?: ((pageInfo: PageInfo) => any) | undefined;
+        "onCurrent-change"?: ((value: number) => any) | undefined;
+        "onSize-change"?: ((value: number) => any) | undefined;
+    }, {
+        align: "right" | "left";
+        modelValue: PageInfo;
+        total: number;
+        pageSizeList: number[];
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly< ExtractPropTypes<{
+        align: {
+            type: PropType<"right" | "left">;
+            default: string;
+        };
+        modelValue: {
+            type: PropType<PageInfo>;
+            default: () => {
+                page: number;
+                pageSize: number;
+            };
+        };
+        total: {
+            type: PropType<number>;
+            default: number;
+        };
+        pageSizeList: {
+            type: PropType<number[]>;
+            default: () => number[];
+        };
+    }>> & {
+        onChange?: ((pageInfo: PageInfo) => any) | undefined;
+        "onUpdate:modelValue"?: ((pageInfo: PageInfo) => any) | undefined;
+        "onCurrent-change"?: ((value: number) => any) | undefined;
+        "onSize-change"?: ((value: number) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        align: "right" | "left";
+        modelValue: PageInfo;
+        total: number;
+        pageSizeList: number[];
+    }>;
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
+    align: {
+        type: PropType<"right" | "left">;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<PageInfo>;
+        default: () => {
+            page: number;
+            pageSize: number;
+        };
+    };
+    total: {
+        type: PropType<number>;
+        default: number;
+    };
+    pageSizeList: {
+        type: PropType<number[]>;
+        default: () => number[];
+    };
+}>> & {
+    onChange?: ((pageInfo: PageInfo) => any) | undefined;
+    "onUpdate:modelValue"?: ((pageInfo: PageInfo) => any) | undefined;
+    "onCurrent-change"?: ((value: number) => any) | undefined;
+    "onSize-change"?: ((value: number) => any) | undefined;
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (pageInfo: PageInfo) => void;
+    change: (pageInfo: PageInfo) => void;
+    "size-change": (value: number) => void;
+    "current-change": (value: number) => void;
+}, string, {
+    align: "right" | "left";
+    modelValue: PageInfo;
+    total: number;
+    pageSizeList: number[];
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        "pagination-left"?(_: {}): any;
+        "pagination-right"?(_: {}): any;
+    };
+});

package/lib/components/pagination/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var index = require('./src/index.vue.js');
+require('./src/type.js');
+
+const PlusPagination = index.default;
+
+exports.PlusPagination = PlusPagination;

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

@@ -0,0 +1,62 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { PlusPaginationSelfProps } from './type';
+import { PageInfo } from '@wlydfe/pro-ui/es/types';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusPaginationSelfProps>, {
+    total: number;
+    pageSizeList: () => number[];
+    modelValue: () => {
+        page: number;
+        pageSize: number;
+    };
+    align: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (pageInfo: PageInfo) => void;
+    change: (pageInfo: PageInfo) => void;
+    "size-change": (value: number) => void;
+    "current-change": (value: number) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PlusPaginationSelfProps>, {
+    total: number;
+    pageSizeList: () => number[];
+    modelValue: () => {
+        page: number;
+        pageSize: number;
+    };
+    align: string;
+}>>> & {
+    onChange?: ((pageInfo: PageInfo) => any) | undefined;
+    "onUpdate:modelValue"?: ((pageInfo: PageInfo) => any) | undefined;
+    "onCurrent-change"?: ((value: number) => any) | undefined;
+    "onSize-change"?: ((value: number) => any) | undefined;
+}, {
+    align: "right" | "left";
+    modelValue: PageInfo;
+    total: number;
+    pageSizeList: number[];
+}, {}>, {
+    "pagination-left"?(_: {}): any;
+    "pagination-right"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/pagination/src/index.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var Pagination = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__file", "index.vue"]]);
+
+exports.default = Pagination;

package/lib/components/pagination/src/index.vue2.js

@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+require('../../../constants/index.js');
+var elementPlus = require('element-plus');
+var page = require('../../../constants/page.js');
+
+const _hoisted_1 = { class: "plus-pagination" };
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode(
+  "span",
+  null,
+  null,
+  -1
+  /* HOISTED */
+);
+const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode(
+  "span",
+  null,
+  null,
+  -1
+  /* HOISTED */
+);
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PlusPagination"
+  },
+  __name: "index",
+  props: {
+    modelValue: { default: () => ({ ...page.DefaultPageInfo }) },
+    total: { default: 0 },
+    pageSizeList: { default: () => [...page.DefaultPageSizeList] },
+    align: { default: "right" }
+  },
+  emits: ["update:modelValue", "change", "size-change", "current-change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const pageInfo = vue.ref({ ...page.DefaultPageInfo });
+    vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        _ctx.align === "right" ? vue.renderSlot(_ctx.$slots, "pagination-left", { key: 0 }, () => [
+          _hoisted_2
+        ]) : vue.createCommentVNode("v-if", true),
+        vue.createVNode(vue.unref(elementPlus.ElPagination), vue.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" ? vue.renderSlot(_ctx.$slots, "pagination-right", { key: 1 }, () => [
+          _hoisted_3
+        ]) : vue.createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/pagination/src/type.d.ts

@@ -0,0 +1,16 @@
+import { PageInfo, RecordType, Mutable } from '@wlydfe/pro-ui/es/types';
+import { PaginationProps } from 'element-plus';
+
+export interface PlusPaginationSelfProps {
+    modelValue?: PageInfo;
+    total?: number;
+    pageSizeList?: number[];
+    align?: 'left' | 'right';
+}
+export type PlusPaginationProps = PlusPaginationSelfProps & Partial<Mutable<PaginationProps>> & RecordType;
+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;
+}

package/lib/components/pagination/src/type.js

@@ -0,0 +1,2 @@
+'use strict';
+