@das-fed/ui 6.4.0-test.5.1 → 6.4.0-test.50

package/packages/components/pagination/index.js

@@ -1,40 +1,41 @@
 import '@das-fed/ui/packages/components/pagination/style.css';
-import { defineComponent as B, openBlock as u, createElementBlock as C, createElementVNode as S, ref as T, computed as d, createBlock as D, withCtx as z, createVNode as m, Fragment as U, renderList as G, normalizeClass as h, createTextVNode as H, toDisplayString as P, unref as o, reactive as J, watch as K, onMounted as Q, nextTick as W, createCommentVNode as x, mergeProps as X, isRef as M, renderSlot as Y } from "vue";
-import { withInstall as Z } from "@das-fed/utils/with-install/index";
-import { t as b, currentLang as ee, setI18nRule as ae } from "@das-fed/web/packages/i18n/index";
-import { DasAutoRegisterIcon as te, DasIcon as N } from "@das-fed/ui/packages/components/icon/index";
-import { ElConfigProvider as oe, ElPagination as le } from "element-plus";
+import { defineComponent as B, createElementBlock as _, openBlock as u, createElementVNode as D, ref as T, computed as d, createBlock as N, withCtx as C, withDirectives as H, createVNode as m, createTextVNode as L, toDisplayString as S, unref as o, normalizeClass as h, Fragment as j, renderList as J, reactive as K, watch as Q, onMounted as W, nextTick as X, createCommentVNode as b, mergeProps as Y, isRef as M, renderSlot as Z } from "vue";
+import { withInstall as ee } from "@das-fed/utils/with-install/index";
+import { t as P, currentLang as ae, setI18nRule as te } from "@das-fed/web/packages/i18n/index";
+import { DasAutoRegisterIcon as oe, DasIcon as x } from "@das-fed/ui/packages/components/icon/index";
+import { ElConfigProvider as le, ElPagination as ne } from "element-plus";
 import "element-plus/es/components/pagination/style/css";
-import { useModelValue as L } from "@das-fed/utils/vue";
-import ne from "element-plus/dist/locale/zh-cn.mjs";
-import se from "element-plus/dist/locale/en.mjs";
-import { ElIcon as ie, ElDropdownItem as re, ElDropdownMenu as pe, ElDropdown as ue } from "element-plus/es";
+import { useModelValue as U } from "@das-fed/utils/vue";
+import se from "element-plus/dist/locale/zh-cn.mjs";
+import ie from "element-plus/dist/locale/en.mjs";
+import { ElDropdown as re, ElIcon as pe, ElDropdownMenu as ue, ElDropdownItem as ce } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/dropdown/style/css";
 import "element-plus/es/components/dropdown-menu/style/css";
 import "element-plus/es/components/dropdown-item/style/css";
 import "element-plus/es/components/icon/style/css";
-import { setThemeRule as ce } from "@das-fed/web/packages/theme/index";
+import { vDasTooltip as de } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { setThemeRule as ge } from "@das-fed/web/packages/theme/index";
 /*! Element Plus Icons Vue v2.3.1 */
-var de = /* @__PURE__ */ B({
+var me = /* @__PURE__ */ B({
   name: "ArrowDown",
   __name: "arrow-down",
   setup(v) {
-    return (f, n) => (u(), C("svg", {
+    return (f, n) => (u(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      S("path", {
+      D("path", {
         fill: "currentColor",
         d: "M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"
       })
     ]));
   }
-}), ge = de;
-const me = { class: "sizes-dropdown-link" }, ve = { class: "current-page-size" }, fe = {
+}), ve = me;
+const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }, ze = {
   name: "DasPaginationSizes"
-}, _e = /* @__PURE__ */ B({
-  ...fe,
+}, Ce = /* @__PURE__ */ B({
+  ...ze,
   props: {
     pageSizes: { default: () => [20, 50, 100] },
     pageSize: { default: 20 }
@@ -52,27 +53,27 @@ const me = { class: "sizes-dropdown-link" }, ve = { class: "current-page-size" }
       g.value = p, l("size-change", p);
     };
     return (p, I) => {
-      const _ = ie, w = re, e = pe, c = ue;
-      return u(), D(c, {
+      const z = pe, w = ce, e = ue, c = re;
+      return u(), N(c, {
         "popper-class": "pagination-sizes-popper",
         trigger: "click",
         onVisibleChange: s,
         onCommand: E
       }, {
-        dropdown: z(() => [
+        dropdown: C(() => [
           m(e, null, {
-            default: z(() => [
-              (u(!0), C(
-                U,
+            default: C(() => [
+              (u(!0), _(
+                j,
                 null,
-                G(p.pageSizes, (i) => (u(), D(w, {
+                J(p.pageSizes, (i) => (u(), N(w, {
                   class: h(["sizes-item", i === p.pageSize ? "selected" : ""]),
                   key: i,
                   command: i
                 }, {
-                  default: z(() => [
-                    H(
-                      P(o(b)("pagination-items_per_page", i)),
+                  default: C(() => [
+                    L(
+                      S(o(P)("pagination-items_per_page", i)),
                       1
                       /* TEXT */
                     )
@@ -88,20 +89,22 @@ const me = { class: "sizes-dropdown-link" }, ve = { class: "current-page-size" }
             /* STABLE */
           })
         ]),
-        default: z(() => [
-          S("span", me, [
-            S(
-              "span",
-              ve,
-              P(o(b)("pagination-items_per_page", g.value)),
-              1
-              /* TEXT */
-            ),
-            m(_, {
+        default: C(() => [
+          D("span", fe, [
+            H((u(), _("span", _e, [
+              L(
+                S(o(P)("pagination-items_per_page", g.value)),
+                1
+                /* TEXT */
+              )
+            ])), [
+              [o(de)]
+            ]),
+            m(z, {
               class: h(["arrow-icon", k.value ? "rotate180" : ""])
             }, {
-              default: z(() => [
-                m(o(ge))
+              default: C(() => [
+                m(o(ve))
               ]),
               _: 1
               /* STABLE */
@@ -118,30 +121,30 @@ const me = { class: "sizes-dropdown-link" }, ve = { class: "current-page-size" }
   for (const [l, k] of f)
     n[l] = k;
   return n;
-}, ze = /* @__PURE__ */ R(_e, [["__scopeId", "data-v-5b7b2982"]]), Ce = { class: "total-page" }, ke = {
+}, ke = /* @__PURE__ */ R(Ce, [["__scopeId", "data-v-c341a216"]]), he = { class: "total-page" }, we = {
   name: "TotalPage"
-}, he = /* @__PURE__ */ B({
-  ...ke,
+}, ye = /* @__PURE__ */ B({
+  ...we,
   props: {
     totalPage: {}
   },
   setup(v) {
-    return (f, n) => (u(), C(
+    return (f, n) => (u(), _(
       "div",
-      Ce,
-      P(o(b)("pagination-total_page", f.totalPage)),
+      he,
+      S(o(P)("pagination-total_page", f.totalPage)),
       1
       /* TEXT */
     ));
   }
-}), we = /* @__PURE__ */ R(he, [["__scopeId", "data-v-917c488b"]]), ye = { class: "das-ui-pagination" }, Se = {
+}), Se = /* @__PURE__ */ R(ye, [["__scopeId", "data-v-917c488b"]]), Pe = { class: "das-ui-pagination" }, $e = {
   key: 0,
   style: { color: "#212121", "font-size": "12px" }
-}, Pe = {
+}, be = {
   key: 1,
   style: { "margin-left": "12px" },
   class: "page-container flex-center__y"
-}, be = { class: "flex-center__y" }, $e = { class: "flex-center__y" }, xe = /* @__PURE__ */ B({
+}, xe = { class: "flex-center__y" }, De = { class: "flex-center__y" }, Ne = /* @__PURE__ */ B({
   __name: "Pagination",
   props: {
     modelValue: { default: 1 },
@@ -158,28 +161,28 @@ const me = { class: "sizes-dropdown-link" }, ve = { class: "current-page-size" }
   emits: ["update:modelValue", "update:pageSize", "size-change", "current-change", "prev-click", "next-click", "first-click", "last-click"],
   setup(v, { emit: f }) {
     const n = v, l = f;
-    te({
+    oe({
       "arrow-first": import("@das-fed/ui/packages/icons/arrow-first"),
       left: import("@das-fed/ui/packages/icons/left"),
       right: import("@das-fed/ui/packages/icons/right"),
       "arrow-last": import("@das-fed/ui/packages/icons/arrow-last")
     });
-    const k = d(() => ee.value === "zh-CN" ? ne : se), g = T(), s = J({
+    const k = d(() => ae.value === "zh-CN" ? se : ie), g = T(), s = K({
       first: !1,
       pre: !1,
       next: !1,
       last: !1
-    }), E = d(() => n.layout), p = d(() => n.background), I = d(() => n.pageSizes), _ = d(() => n.total), w = d(() => n.simple), e = L(n, "modelValue"), c = L(n, "pageSize"), i = d(() => Math.ceil(_.value / c.value)), V = d(() => w.value ? "prev, slot, next" : E.value || "total,jumper,slot,sizes"), A = d(() => V.value.replace(/\s*/g, "").split(",").filter((a) => a !== "total" && a !== "sizes").join(",")), j = (t) => {
+    }), E = d(() => n.layout), p = d(() => n.background), I = d(() => n.pageSizes), z = d(() => n.total), w = d(() => n.simple), e = U(n, "modelValue"), c = U(n, "pageSize"), i = d(() => Math.ceil(z.value / c.value)), V = d(() => w.value ? "prev, slot, next" : E.value || "total,jumper,slot,sizes"), A = d(() => V.value.replace(/\s*/g, "").split(",").filter((a) => a !== "total" && a !== "sizes").join(",")), F = (t) => {
       l("update:pageSize", t), l("size-change", t);
     }, y = (t) => {
       l("update:modelValue", t), l("current-change", t);
-    }, F = () => l("prev-click", e.value), O = () => l("next-click", e.value), q = () => {
+    }, O = () => l("prev-click", e.value), q = () => l("next-click", e.value), G = () => {
       s.first = i.value === 0 || e.value <= 1, s.pre = i.value === 0 || e.value <= 1, s.next = i.value === 0 || e.value === i.value, s.last = i.value === 0 || e.value === i.value;
     };
-    K(
+    Q(
       () => [e.value, i.value],
       () => {
-        q();
+        G();
       },
       {
         immediate: !0
@@ -202,33 +205,33 @@ const me = { class: "sizes-dropdown-link" }, ve = { class: "current-page-size" }
         [
           "next",
           () => {
-            e.value !== _.value && (e.value++, y(e.value), l("next-click", e.value));
+            e.value !== z.value && (e.value++, y(e.value), l("next-click", e.value));
           }
         ],
         [
           "last",
           () => {
-            e.value !== _.value && (e.value = i.value, y(e.value), l("last-click", e.value));
+            e.value !== z.value && (e.value = i.value, y(e.value), l("last-click", e.value));
           }
         ]
       ]);
       if (a) return;
       r.get(t)();
     };
-    return Q(() => {
-      W(() => {
+    return W(() => {
+      X(() => {
         var t, a, r;
-        (t = g.value) != null && t.$el && ((a = g.value.$el) != null && a.getElementsByClassName("el-pagination__goto")[0] && (g.value.$el.getElementsByClassName("el-pagination__goto")[0].innerText = b("第")), (r = g.value.$el) != null && r.getElementsByClassName("el-pagination__classifier")[0] && (g.value.$el.getElementsByClassName("el-pagination__classifier")[0].innerText = b("页")));
+        (t = g.value) != null && t.$el && ((a = g.value.$el) != null && a.getElementsByClassName("el-pagination__goto")[0] && (g.value.$el.getElementsByClassName("el-pagination__goto")[0].innerText = P("第")), (r = g.value.$el) != null && r.getElementsByClassName("el-pagination__classifier")[0] && (g.value.$el.getElementsByClassName("el-pagination__classifier")[0].innerText = P("页")));
       });
-    }), (t, a) => (u(), C("div", ye, [
-      V.value.includes("total") ? (u(), D(o(we), {
+    }), (t, a) => (u(), _("div", Pe, [
+      V.value.includes("total") ? (u(), N(o(Se), {
         key: 0,
         "total-page": i.value,
         style: { "margin-right": "12px" }
-      }, null, 8, ["total-page"])) : x("v-if", !0),
-      m(o(oe), { locale: k.value }, {
-        default: z(() => [
-          m(o(le), X({
+      }, null, 8, ["total-page"])) : b("v-if", !0),
+      m(o(le), { locale: k.value }, {
+        default: C(() => [
+          m(o(ne), Y({
             ref_key: "dasPagination",
             ref: g,
             class: { background: p.value, simple: w.value },
@@ -238,38 +241,38 @@ const me = { class: "sizes-dropdown-link" }, ve = { class: "current-page-size" }
             "onUpdate:pageSize": a[5] || (a[5] = (r) => M(c) ? c.value = r : null),
             "page-sizes": I.value,
             layout: A.value,
-            total: _.value,
+            total: z.value,
             small: t.small,
             background: p.value,
             disabled: t.disabled,
             "popper-class": t.popperClass ? `das-pagination-popper ${t.popperClass}` : "das-pagination-popper",
             teleported: !1,
             onCurrentChange: y,
-            onPrevClick: F,
-            onNextClick: O
+            onPrevClick: O,
+            onNextClick: q
           }, t.$attrs), {
-            default: z(() => [
-              A.value.includes("slot") ? Y(t.$slots, "default", { key: 0 }, () => [
-                t.$slots.default ? x("v-if", !0) : (u(), C(
-                  U,
+            default: C(() => [
+              A.value.includes("slot") ? Z(t.$slots, "default", { key: 0 }, () => [
+                t.$slots.default ? b("v-if", !0) : (u(), _(
+                  j,
                   { key: 0 },
                   [
-                    w.value ? (u(), C(
+                    w.value ? (u(), _(
                       "div",
-                      Se,
-                      P(o(e)) + "/" + P(Math.ceil(_.value / o(c))),
+                      $e,
+                      S(o(e)) + "/" + S(Math.ceil(z.value / o(c))),
                       1
                       /* TEXT */
-                    )) : (u(), C("div", Pe, [
-                      S("div", be, [
-                        m(o(N), {
+                    )) : (u(), _("div", be, [
+                      D("div", xe, [
+                        m(o(x), {
                           class: h(["page-icon", s.first ? "disabled" : ""]),
                           icon: "arrow-first",
                           iconColor: "#666666",
                           size: "medium",
                           onClick: a[0] || (a[0] = (r) => $("first", s.first))
                         }, null, 8, ["class"]),
-                        m(o(N), {
+                        m(o(x), {
                           class: h(["page-icon", s.pre ? "disabled" : ""]),
                           icon: "left",
                           iconColor: "#666666",
@@ -277,15 +280,15 @@ const me = { class: "sizes-dropdown-link" }, ve = { class: "current-page-size" }
                           onClick: a[1] || (a[1] = (r) => $("pre", s.pre))
                         }, null, 8, ["class"])
                       ]),
-                      S("div", $e, [
-                        m(o(N), {
+                      D("div", De, [
+                        m(o(x), {
                           class: h(["page-icon", s.next ? "disabled" : ""]),
                           icon: "right",
                           iconColor: "#666666",
                           size: "medium",
                           onClick: a[2] || (a[2] = (r) => $("next", s.next))
                         }, null, 8, ["class"]),
-                        m(o(N), {
+                        m(o(x), {
                           class: h(["page-icon", s.last ? "disabled" : ""]),
                           icon: "arrow-last",
                           iconColor: "#666666",
@@ -298,7 +301,7 @@ const me = { class: "sizes-dropdown-link" }, ve = { class: "current-page-size" }
                   64
                   /* STABLE_FRAGMENT */
                 ))
-              ], !0) : x("v-if", !0)
+              ], !0) : b("v-if", !0)
             ]),
             _: 3
             /* FORWARDED */
@@ -307,33 +310,33 @@ const me = { class: "sizes-dropdown-link" }, ve = { class: "current-page-size" }
         _: 3
         /* FORWARDED */
       }, 8, ["locale"]),
-      V.value.includes("sizes") ? (u(), D(o(ze), {
+      V.value.includes("sizes") ? (u(), N(o(ke), {
         key: 1,
         "page-sizes": I.value,
         pageSize: o(c),
         "onUpdate:pageSize": a[6] || (a[6] = (r) => M(c) ? c.value = r : null),
-        onSizeChange: j
-      }, null, 8, ["page-sizes", "pageSize"])) : x("v-if", !0)
+        onSizeChange: F
+      }, null, 8, ["page-sizes", "pageSize"])) : b("v-if", !0)
     ]));
   }
-}), Ne = /* @__PURE__ */ R(xe, [["__scopeId", "data-v-d1fdaf0e"]]), De = {
+}), Be = /* @__PURE__ */ R(Ne, [["__scopeId", "data-v-d1fdaf0e"]]), Ee = {
   "--das-ui-pagination-simple-border-color": "#D9D9D9",
   "--das-ui-pagination-size-color": "#212121",
   "--das-ui-pagination-size--icon-hover-color": "#3761CA",
   "--das-ui-pagination-size--poppver-item-hover-bg-color": "#f5f5f5",
   "--das-ui-pagination-size--poppver-item-click-color": "#5582f3",
   "--das-ui-pagination-totalpage-color": "#666666"
-}, Be = {
-  第: { "zh-CN": "第", en: "No.", _appCode: "framework" },
-  页: { "zh-CN": "页", en: "Page", _appCode: "framework" },
-  "pagination-total_page": { "zh-CN": "共$0页", en: "Total $0 Pages", _appCode: "framework" },
-  "pagination-items_per_page": { "zh-CN": "$0条/页", en: "$0 Items/Page", _appCode: "framework" }
+}, Ie = {
+  第: { "zh-CN": "第", en: "Page", _appCode: "framework" },
+  页: { "zh-CN": "页", en: " ", _appCode: "framework" },
+  "pagination-total_page": { "zh-CN": "共$0页", en: "Total $0", _appCode: "framework" },
+  "pagination-items_per_page": { "zh-CN": "$0条/页", en: "$0 Records/Page", _appCode: "framework" }
 };
-ae(Be);
-ce(De);
-const Qe = () => T(null), We = Z(Ne);
+te(Ie);
+ge(Ee);
+const Ye = () => T(null), Ze = ee(Be);
 export {
-  We as DasPagination,
-  Qe as DasPaginationRef,
-  We as default
+  Ze as DasPagination,
+  Ye as DasPaginationRef,
+  Ze as default
 };

package/packages/components/pagination/src/Pagination.vue.d.ts

@@ -1,116 +1,59 @@
+import { DasIcon } from '@das-fed/ui';
+import { ElConfigProvider, ElPagination } from 'element-plus';
 import 'element-plus/es/components/pagination/style/css';
+import { sizes, totalPage as totalPageComponent } from './components';
 import type { PaginationProps } from './type';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        dasPagination: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
-            readonly pageSize: NumberConstructor;
-            readonly defaultPageSize: NumberConstructor;
-            readonly total: NumberConstructor;
-            readonly pageCount: NumberConstructor;
-            readonly pagerCount: import("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
-            readonly currentPage: NumberConstructor;
-            readonly defaultCurrentPage: NumberConstructor;
-            readonly layout: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
-            readonly pageSizes: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | ((new (...args: any[]) => number[]) | (() => number[]))[], unknown, unknown, () => [10, 20, 30, 40, 50, 100], boolean>;
-            readonly popperClass: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly prevText: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly prevIcon: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, boolean>;
-            readonly nextText: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly nextIcon: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, boolean>;
-            readonly teleported: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly small: BooleanConstructor;
-            readonly background: BooleanConstructor;
-            readonly disabled: BooleanConstructor;
-            readonly hideOnSinglePage: BooleanConstructor;
-        }>> & {
-            "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;
-            '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 popperClass: string;
-            readonly teleported: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly disabled: boolean;
-            readonly layout: string;
-            readonly background: boolean;
-            readonly pagerCount: number;
-            readonly pageSizes: number[];
-            readonly prevText: string;
-            readonly prevIcon: import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
-            readonly nextText: string;
-            readonly nextIcon: import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
-            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: import("element-plus/es/utils/index.mjs").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
-            readonly currentPage: NumberConstructor;
-            readonly defaultCurrentPage: NumberConstructor;
-            readonly layout: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
-            readonly pageSizes: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => number[]) | (() => number[]) | ((new (...args: any[]) => number[]) | (() => number[]))[], unknown, unknown, () => [10, 20, 30, 40, 50, 100], boolean>;
-            readonly popperClass: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly prevText: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly prevIcon: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, boolean>;
-            readonly nextText: import("element-plus/es/utils/index.mjs").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-            readonly nextIcon: import("element-plus/es/utils/index.mjs").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, () => import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>, boolean>;
-            readonly teleported: import("element-plus/es/utils/index.mjs").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-            readonly small: BooleanConstructor;
-            readonly background: BooleanConstructor;
-            readonly disabled: BooleanConstructor;
-            readonly hideOnSinglePage: BooleanConstructor;
-        }>> & {
-            "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 popperClass: string;
-            readonly teleported: import("element-plus/es/utils/index.mjs").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-            readonly disabled: boolean;
-            readonly layout: string;
-            readonly background: boolean;
-            readonly pagerCount: number;
-            readonly pageSizes: number[];
-            readonly prevText: string;
-            readonly prevIcon: import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
-            readonly nextText: string;
-            readonly nextIcon: import("element-plus/es/utils/index.mjs").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>;
-            readonly hideOnSinglePage: boolean;
-        }> | null;
-    };
-    attrs: Partial<{}>;
+declare const locale: import("vue").ComputedRef<any>;
+declare const dasPagination: import("vue").Ref<any, any>;
+declare const disabledIcon: {
+    first: boolean;
+    pre: boolean;
+    next: boolean;
+    last: boolean;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<PaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const background: import("vue").ComputedRef<boolean>;
+declare const pageSizes: import("vue").ComputedRef<number[]>;
+declare const total: import("vue").ComputedRef<number>;
+declare const simple: import("vue").ComputedRef<boolean>;
+declare const currentPage: import("vue").Ref<any, any>;
+declare const pageSize: import("vue").Ref<any, any>;
+declare const totalPage: import("vue").ComputedRef<number>;
+declare const computedLayout: import("vue").ComputedRef<string>;
+declare const realLayout: import("vue").ComputedRef<string>;
+declare const handleSizeChange: (val: number) => void;
+declare const handleCurrentChange: (val: number) => void;
+declare const handlePrevClick: () => void;
+declare const handleNextClick: () => void;
+declare const changePage: (actions: "first" | "pre" | "next" | "last", disabled: boolean) => void;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_21: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_21) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<PaginationProps, {
+    DasIcon: typeof DasIcon;
+    ElConfigProvider: typeof ElConfigProvider;
+    ElPagination: typeof ElPagination;
+    sizes: typeof sizes;
+    totalPageComponent: typeof totalPageComponent;
+    locale: typeof locale;
+    dasPagination: typeof dasPagination;
+    disabledIcon: typeof disabledIcon;
+    background: typeof background;
+    pageSizes: typeof pageSizes;
+    total: typeof total;
+    simple: typeof simple;
+    currentPage: typeof currentPage;
+    pageSize: typeof pageSize;
+    totalPage: typeof totalPage;
+    computedLayout: typeof computedLayout;
+    realLayout: typeof realLayout;
+    handleSizeChange: typeof handleSizeChange;
+    handleCurrentChange: typeof handleCurrentChange;
+    handlePrevClick: typeof handlePrevClick;
+    handleNextClick: typeof handleNextClick;
+    changePage: typeof changePage;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (currentPage: number) => any;
     "current-change": (pageSize: number) => any;
     "size-change": (currentPage: number) => any;
@@ -133,14 +76,42 @@ declare const __VLS_component: import("vue").DefineComponent<PaginationProps, {}
     disabled: boolean;
     modelValue: number;
     background: boolean;
-    simple: boolean;
+    pageSize: number;
     total: number;
+    pageSizes: number[];
+    simple: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<PaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (currentPage: number) => any;
+    "current-change": (pageSize: number) => any;
+    "size-change": (currentPage: number) => any;
+    "update:pageSize": (pageSize: number) => any;
+    "prev-click": (currentPage: number) => any;
+    "next-click": (currentPage: number) => any;
+    "first-click": (currentPage: number) => any;
+    "last-click": (currentPage: number) => any;
+}, string, import("vue").PublicProps, Readonly<PaginationProps> & Readonly<{
+    "onUpdate:modelValue"?: ((currentPage: number) => any) | undefined;
+    "onCurrent-change"?: ((pageSize: number) => any) | undefined;
+    "onSize-change"?: ((currentPage: number) => any) | undefined;
+    "onUpdate:pageSize"?: ((pageSize: number) => any) | undefined;
+    "onPrev-click"?: ((currentPage: number) => any) | undefined;
+    "onNext-click"?: ((currentPage: number) => any) | undefined;
+    "onFirst-click"?: ((currentPage: number) => any) | undefined;
+    "onLast-click"?: ((currentPage: number) => any) | undefined;
+}>, {
+    small: boolean;
+    disabled: boolean;
+    modelValue: number;
+    background: boolean;
     pageSize: number;
+    total: number;
     pageSizes: number[];
+    simple: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/packages/components/pagination/style.css

@@ -1 +1 @@
-.sizes-dropdown-link[data-v-5b7b2982]{display:flex;align-items:center;margin-left:16px}.sizes-dropdown-link .arrow-icon[data-v-5b7b2982]{font-size:14px;transition:transform .3s}.sizes-dropdown-link .rotate180[data-v-5b7b2982]{transform:rotate(180deg)}.sizes-dropdown-link .current-page-size[data-v-5b7b2982]{font-size:12px;color:var(--das-ui-pagination-size-color);margin-right:9px}.sizes-dropdown-link:hover .arrow-icon[data-v-5b7b2982]{color:var(--das-ui-pagination-size--icon-hover-color)}.pagination-sizes-popper{width:108px}.pagination-sizes-popper .el-popper__arrow{display:none}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item{display:flex;justify-content:flex-end;padding-right:24px;font-size:12px;color:var(--das-ui-pagination-size-color)}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item:hover{color:var(--das-ui-pagination-size-color);background-color:var(--das-ui-pagination-size--poppver-item-hover-bg-color)}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected{color:var(--das-ui-pagination-size--poppver-item-click-color);font-weight:400}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected :hover{color:var(--das-ui-pagination-size--poppver-item-click-color)}.total-page[data-v-917c488b]{font-size:12px;color:var(--das-ui-pagination-totalpage-color)}.das-ui-pagination[data-v-d1fdaf0e]{display:flex;align-items:center;--el-color-primary: var(--das-ui-button-primary);padding:0}.das-ui-pagination .flex-center__y[data-v-d1fdaf0e]{display:flex;align-items:center}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__classifier,.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__editor{margin-left:4px}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__jump{margin-left:12px}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__jump .el-input__wrapper.is-focus,.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__jump .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-pagination-size--poppver-item-click-color) inset}.das-ui-pagination[data-v-d1fdaf0e] .el-select .el-input__wrapper{box-shadow:none!important}.das-ui-pagination[data-v-d1fdaf0e] .el-select .el-input{width:85px}.das-ui-pagination[data-v-d1fdaf0e] .el-select .el-input .el-select__caret{color:#666;margin-left:0}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__sizes{display:flex;flex-direction:column;justify-content:center;margin-left:0;margin-right:0}.das-ui-pagination.simple[data-v-d1fdaf0e]{border:1px solid var(--das-ui-pagination-simple-border-color);background:#fff}.das-ui-pagination.simple[data-v-d1fdaf0e]:hover{border-color:var(--das-ui-button-primary)}.das-ui-pagination .page-container .page-icon[data-v-d1fdaf0e]{cursor:pointer;margin-right:8px}.das-ui-pagination .page-container .page-icon[data-v-d1fdaf0e]:hover,.das-ui-pagination .page-container .page-icon[data-v-d1fdaf0e]:active{fill:var(--das-ui-pagination-size--poppver-item-click-color)}.das-ui-pagination .page-container .page-icon.disabled[data-v-d1fdaf0e]{cursor:not-allowed;fill:#b2b2b2}
+.sizes-dropdown-link[data-v-c341a216]{display:flex;align-items:center;margin-left:12px}.sizes-dropdown-link .arrow-icon[data-v-c341a216]{font-size:14px;transition:transform .3s}.sizes-dropdown-link .rotate180[data-v-c341a216]{transform:rotate(180deg)}.sizes-dropdown-link .current-page-size[data-v-c341a216]{font-size:12px;color:var(--das-ui-pagination-size-color);margin-right:9px}.sizes-dropdown-link:hover .arrow-icon[data-v-c341a216]{color:var(--das-ui-pagination-size--icon-hover-color)}.pagination-sizes-popper{min-width:108px}.pagination-sizes-popper .el-popper__arrow{display:none}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item{display:flex;justify-content:flex-end;padding-right:24px;font-size:12px;color:var(--das-ui-pagination-size-color)}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item:hover{color:var(--das-ui-pagination-size-color);background-color:var(--das-ui-pagination-size--poppver-item-hover-bg-color)}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected{color:var(--das-ui-pagination-size--poppver-item-click-color);font-weight:400}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected :hover{color:var(--das-ui-pagination-size--poppver-item-click-color)}.total-page[data-v-917c488b]{font-size:12px;color:var(--das-ui-pagination-totalpage-color)}.das-ui-pagination[data-v-d1fdaf0e]{display:flex;align-items:center;--el-color-primary: var(--das-ui-button-primary);padding:0}.das-ui-pagination .flex-center__y[data-v-d1fdaf0e]{display:flex;align-items:center}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__classifier,.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__editor{margin-left:4px}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__jump{margin-left:12px}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__jump .el-input__wrapper.is-focus,.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__jump .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-pagination-size--poppver-item-click-color) inset}.das-ui-pagination[data-v-d1fdaf0e] .el-select .el-input__wrapper{box-shadow:none!important}.das-ui-pagination[data-v-d1fdaf0e] .el-select .el-input{width:85px}.das-ui-pagination[data-v-d1fdaf0e] .el-select .el-input .el-select__caret{color:#666;margin-left:0}.das-ui-pagination[data-v-d1fdaf0e] .el-pagination__sizes{display:flex;flex-direction:column;justify-content:center;margin-left:0;margin-right:0}.das-ui-pagination.simple[data-v-d1fdaf0e]{border:1px solid var(--das-ui-pagination-simple-border-color);background:#fff}.das-ui-pagination.simple[data-v-d1fdaf0e]:hover{border-color:var(--das-ui-button-primary)}.das-ui-pagination .page-container .page-icon[data-v-d1fdaf0e]{cursor:pointer;margin-right:8px}.das-ui-pagination .page-container .page-icon[data-v-d1fdaf0e]:hover,.das-ui-pagination .page-container .page-icon[data-v-d1fdaf0e]:active{fill:var(--das-ui-pagination-size--poppver-item-click-color)}.das-ui-pagination .page-container .page-icon.disabled[data-v-d1fdaf0e]{cursor:not-allowed;fill:#b2b2b2}