@das-fed/ui 6.4.0-hot.21 → 6.4.0-hot.23

package/packages/components/pagination/index.js

@@ -1,76 +1,77 @@
 import '@das-fed/ui/packages/components/pagination/style.css';
-import { defineComponent as B, openBlock as p, createElementBlock as k, createElementVNode as S, ref as M, computed as g, createBlock as V, withCtx as z, createVNode as v, Fragment as T, renderList as O, normalizeClass as y, createTextVNode as q, toDisplayString as b, unref as s, reactive as G, watch as H, onMounted as J, nextTick as K, createCommentVNode as $, mergeProps as Q, isRef as I, renderSlot as W } from "vue";
-import { withInstall as X } from "@das-fed/utils/with-install/index";
-import { DasAutoRegisterIcon as Y, DasIcon as D } from "@das-fed/ui/packages/components/icon/index";
-import { ElConfigProvider as Z, ElPagination as ee } from "element-plus";
+import { defineComponent as E, openBlock as p, createElementBlock as C, createElementVNode as b, ref as N, computed as g, createBlock as B, withCtx as k, createVNode as v, Fragment as L, renderList as q, normalizeClass as h, createTextVNode as G, toDisplayString as m, unref as o, reactive as H, watch as J, onMounted as K, nextTick as Q, createCommentVNode as D, mergeProps as W, isRef as M, renderSlot as X } from "vue";
+import { withInstall as Y } from "@das-fed/utils/with-install/index";
+import { DasAutoRegisterIcon as Z, DasIcon as V } from "@das-fed/ui/packages/components/icon/index";
+import { ElConfigProvider as ee, ElPagination as ae } from "element-plus";
 import "element-plus/es/components/pagination/style/css";
-import { useModelValue as R } from "@das-fed/utils/vue";
-import ae from "element-plus/dist/locale/zh-cn.mjs";
-import { ElIcon as te, ElDropdownItem as oe, ElDropdownMenu as le, ElDropdown as se } from "element-plus/es";
+import { useModelValue as T } from "@das-fed/utils/vue";
+import te from "element-plus/dist/locale/zh-cn.mjs";
+import { ElIcon as oe, ElDropdownItem as le, ElDropdownMenu as se, ElDropdown as ne } 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 ne } from "@das-fed/web/packages/theme/index";
+import { t as P } from "@das-fed/web/packages/i18n/index";
+import { setThemeRule as ie } from "@das-fed/web/packages/theme/index";
 /*! Element Plus Icons Vue v2.3.1 */
-var ie = /* @__PURE__ */ B({
+var re = /* @__PURE__ */ E({
   name: "ArrowDown",
   __name: "arrow-down",
-  setup(m) {
-    return (f, n) => (p(), k("svg", {
+  setup(f) {
+    return (_, n) => (p(), C("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      S("path", {
+      b("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"
       })
     ]));
   }
-}), re = ie;
-const ue = { class: "sizes-dropdown-link" }, pe = { class: "current-page-size" }, ce = {
+}), ue = re;
+const pe = { class: "sizes-dropdown-link" }, ce = { class: "current-page-size" }, de = {
   name: "DasPaginationSizes"
-}, de = /* @__PURE__ */ B({
-  ...ce,
+}, ge = /* @__PURE__ */ E({
+  ...de,
   props: {
     pageSizes: { default: () => [20, 50, 100] },
     pageSize: { default: 20 }
   },
   emits: ["update:pageSize", "size-change"],
-  setup(m, { emit: f }) {
-    const n = m, o = f, d = M(!1), l = g({
+  setup(f, { emit: _ }) {
+    const n = f, l = _, d = N(!1), s = g({
       get: () => n.pageSize,
       set: (i) => {
-        o("update:pageSize", i);
+        l("update:pageSize", i);
       }
-    }), E = (i) => {
+    }), I = (i) => {
       d.value = i;
-    }, P = (i) => {
-      l.value = i, o("size-change", i);
+    }, x = (i) => {
+      s.value = i, l("size-change", i);
     };
-    return (i, C) => {
-      const h = te, e = oe, c = le, r = se;
-      return p(), V(r, {
+    return (i, y) => {
+      const w = oe, e = le, c = se, r = ne;
+      return p(), B(r, {
         "popper-class": "pagination-sizes-popper",
         trigger: "click",
-        onVisibleChange: E,
-        onCommand: P
+        onVisibleChange: I,
+        onCommand: x
       }, {
-        dropdown: z(() => [
+        dropdown: k(() => [
           v(c, null, {
-            default: z(() => [
-              (p(!0), k(
-                T,
+            default: k(() => [
+              (p(!0), C(
+                L,
                 null,
-                O(i.pageSizes, (_) => (p(), V(e, {
-                  class: y(["sizes-item", _ === i.pageSize ? "selected" : ""]),
-                  key: _,
-                  command: _
+                q(i.pageSizes, (z) => (p(), B(e, {
+                  class: h(["sizes-item", z === i.pageSize ? "selected" : ""]),
+                  key: z,
+                  command: z
                 }, {
-                  default: z(() => [
-                    q(
-                      b(_) + "条/页",
+                  default: k(() => [
+                    G(
+                      m(z) + m(o(P)("条/页")),
                       1
                       /* TEXT */
                     )
@@ -86,20 +87,20 @@ const ue = { class: "sizes-dropdown-link" }, pe = { class: "current-page-size" }
             /* STABLE */
           })
         ]),
-        default: z(() => [
-          S("span", ue, [
-            S(
+        default: k(() => [
+          b("span", pe, [
+            b(
               "span",
-              pe,
-              b(l.value) + "条/页",
+              ce,
+              m(s.value) + m(o(P)("条/页")),
               1
               /* TEXT */
             ),
-            v(h, {
-              class: y(["arrow-icon", d.value ? "rotate180" : ""])
+            v(w, {
+              class: h(["arrow-icon", d.value ? "rotate180" : ""])
             }, {
-              default: z(() => [
-                v(s(re))
+              default: k(() => [
+                v(o(ue))
               ]),
               _: 1
               /* STABLE */
@@ -111,35 +112,35 @@ const ue = { class: "sizes-dropdown-link" }, pe = { class: "current-page-size" }
       });
     };
   }
-}), N = (m, f) => {
-  const n = m.__vccOpts || m;
-  for (const [o, d] of f)
-    n[o] = d;
+}), A = (f, _) => {
+  const n = f.__vccOpts || f;
+  for (const [l, d] of _)
+    n[l] = d;
   return n;
-}, ge = /* @__PURE__ */ N(de, [["__scopeId", "data-v-bdc2c89a"]]), ve = { class: "total-page" }, me = {
+}, ve = /* @__PURE__ */ A(ge, [["__scopeId", "data-v-4596af46"]]), me = { class: "total-page" }, fe = {
   name: "TotalPage"
-}, fe = /* @__PURE__ */ B({
-  ...me,
+}, _e = /* @__PURE__ */ E({
+  ...fe,
   props: {
     totalPage: {}
   },
-  setup(m) {
-    return (f, n) => (p(), k(
+  setup(f) {
+    return (_, n) => (p(), C(
       "div",
-      ve,
-      "共" + b(f.totalPage) + "页",
+      me,
+      m(o(P)("共")) + m(_.totalPage) + m(o(P)("页")),
       1
       /* TEXT */
     ));
   }
-}), _e = /* @__PURE__ */ N(fe, [["__scopeId", "data-v-8fc3bd56"]]), ze = { class: "das-ui-pagination" }, ke = {
+}), ze = /* @__PURE__ */ A(_e, [["__scopeId", "data-v-79756098"]]), ke = { class: "das-ui-pagination" }, Ce = {
   key: 0,
   style: { color: "#212121", "font-size": "12px" }
-}, Ce = {
+}, ye = {
   key: 1,
   style: { "margin-left": "12px" },
   class: "page-container flex-center__y"
-}, ye = { class: "flex-center__y" }, he = { class: "flex-center__y" }, we = /* @__PURE__ */ B({
+}, he = { class: "flex-center__y" }, we = { class: "flex-center__y" }, Se = /* @__PURE__ */ E({
   __name: "Pagination",
   props: {
     modelValue: { default: 1 },
@@ -154,141 +155,141 @@ const ue = { class: "sizes-dropdown-link" }, pe = { class: "current-page-size" }
     popperClass: {}
   },
   emits: ["update:modelValue", "update:pageSize", "size-change", "current-change", "prev-click", "next-click", "first-click", "last-click"],
-  setup(m, { emit: f }) {
-    const n = m, o = f;
-    Y({
+  setup(f, { emit: _ }) {
+    const n = f, l = _;
+    Z({
       "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 d = M(), l = G({
+    const d = N(), s = H({
       first: !1,
       pre: !1,
       next: !1,
       last: !1
-    }), E = g(() => n.layout), P = g(() => n.background), i = g(() => n.pageSizes), C = g(() => n.total), h = g(() => n.simple), e = R(n, "modelValue"), c = R(n, "pageSize"), r = g(() => Math.ceil(C.value / c.value)), _ = g(() => h.value ? "prev, slot, next" : E.value || "total,jumper,slot,sizes"), A = g(() => _.value.replace(/\s*/g, "").split(",").filter((a) => a !== "total" && a !== "sizes").join(",")), L = (t) => {
-      o("update:pageSize", t), o("size-change", t);
-    }, w = (t) => {
-      o("update:modelValue", t), o("current-change", t);
-    }, U = () => o("prev-click", e.value), j = () => o("next-click", e.value), F = () => {
-      l.first = r.value === 0 || e.value <= 1, l.pre = r.value === 0 || e.value <= 1, l.next = r.value === 0 || e.value === r.value, l.last = r.value === 0 || e.value === r.value;
+    }), I = g(() => n.layout), x = g(() => n.background), i = g(() => n.pageSizes), y = g(() => n.total), w = g(() => n.simple), e = T(n, "modelValue"), c = T(n, "pageSize"), r = g(() => Math.ceil(y.value / c.value)), z = g(() => w.value ? "prev, slot, next" : I.value || "total,jumper,slot,sizes"), R = g(() => z.value.replace(/\s*/g, "").split(",").filter((a) => a !== "total" && a !== "sizes").join(",")), U = (t) => {
+      l("update:pageSize", t), l("size-change", t);
+    }, S = (t) => {
+      l("update:modelValue", t), l("current-change", t);
+    }, j = () => l("prev-click", e.value), F = () => l("next-click", e.value), O = () => {
+      s.first = r.value === 0 || e.value <= 1, s.pre = r.value === 0 || e.value <= 1, s.next = r.value === 0 || e.value === r.value, s.last = r.value === 0 || e.value === r.value;
     };
-    H(
+    J(
       () => [e.value, r.value],
       () => {
-        F();
+        O();
       },
       {
         immediate: !0
       }
     );
-    const x = (t, a) => {
+    const $ = (t, a) => {
       const u = /* @__PURE__ */ new Map([
         [
           "first",
           () => {
-            e.value <= 1 || (e.value = 1, w(e.value), o("first-click", e.value));
+            e.value <= 1 || (e.value = 1, S(e.value), l("first-click", e.value));
           }
         ],
         [
           "pre",
           () => {
-            e.value <= 1 || (e.value--, w(e.value), o("prev-click", e.value));
+            e.value <= 1 || (e.value--, S(e.value), l("prev-click", e.value));
           }
         ],
         [
           "next",
           () => {
-            e.value !== C.value && (e.value++, w(e.value), o("next-click", e.value));
+            e.value !== y.value && (e.value++, S(e.value), l("next-click", e.value));
           }
         ],
         [
           "last",
           () => {
-            e.value !== C.value && (e.value = r.value, w(e.value), o("last-click", e.value));
+            e.value !== y.value && (e.value = r.value, S(e.value), l("last-click", e.value));
           }
         ]
       ]);
       if (a) return;
       u.get(t)();
     };
-    return J(() => {
-      K(() => {
+    return K(() => {
+      Q(() => {
         var t, a;
-        (t = d.value) != null && t.$el && (a = d.value.$el) != null && a.getElementsByClassName("el-pagination__goto")[0] && (d.value.$el.getElementsByClassName("el-pagination__goto")[0].innerText = "第");
+        (t = d.value) != null && t.$el && (a = d.value.$el) != null && a.getElementsByClassName("el-pagination__goto")[0] && (d.value.$el.getElementsByClassName("el-pagination__goto")[0].innerText = P("第"));
       });
-    }), (t, a) => (p(), k("div", ze, [
-      _.value.includes("total") ? (p(), V(s(_e), {
+    }), (t, a) => (p(), C("div", ke, [
+      z.value.includes("total") ? (p(), B(o(ze), {
         key: 0,
         "total-page": r.value,
         style: { "margin-right": "12px" }
-      }, null, 8, ["total-page"])) : $("v-if", !0),
-      v(s(Z), { locale: s(ae) }, {
-        default: z(() => [
-          v(s(ee), Q({
+      }, null, 8, ["total-page"])) : D("v-if", !0),
+      v(o(ee), { locale: o(te) }, {
+        default: k(() => [
+          v(o(ae), W({
             ref_key: "dasPagination",
             ref: d,
-            class: { background: P.value, simple: h.value },
-            currentPage: s(e),
-            "onUpdate:currentPage": a[4] || (a[4] = (u) => I(e) ? e.value = u : null),
-            "page-size": s(c),
-            "onUpdate:pageSize": a[5] || (a[5] = (u) => I(c) ? c.value = u : null),
+            class: { background: x.value, simple: w.value },
+            currentPage: o(e),
+            "onUpdate:currentPage": a[4] || (a[4] = (u) => M(e) ? e.value = u : null),
+            "page-size": o(c),
+            "onUpdate:pageSize": a[5] || (a[5] = (u) => M(c) ? c.value = u : null),
             "page-sizes": i.value,
-            layout: A.value,
-            total: C.value,
+            layout: R.value,
+            total: y.value,
             small: t.small,
-            background: P.value,
+            background: x.value,
             disabled: t.disabled,
             "popper-class": t.popperClass ? `das-pagination-popper ${t.popperClass}` : "das-pagination-popper",
             teleported: !1,
-            onCurrentChange: w,
-            onPrevClick: U,
-            onNextClick: j
+            onCurrentChange: S,
+            onPrevClick: j,
+            onNextClick: F
           }, t.$attrs), {
-            default: z(() => [
-              A.value.includes("slot") ? W(t.$slots, "default", { key: 0 }, () => [
-                t.$slots.default ? $("v-if", !0) : (p(), k(
-                  T,
+            default: k(() => [
+              R.value.includes("slot") ? X(t.$slots, "default", { key: 0 }, () => [
+                t.$slots.default ? D("v-if", !0) : (p(), C(
+                  L,
                   { key: 0 },
                   [
-                    h.value ? (p(), k(
+                    w.value ? (p(), C(
                       "div",
-                      ke,
-                      b(s(e)) + "/" + b(Math.ceil(C.value / s(c))),
+                      Ce,
+                      m(o(e)) + "/" + m(Math.ceil(y.value / o(c))),
                       1
                       /* TEXT */
-                    )) : (p(), k("div", Ce, [
-                      S("div", ye, [
-                        v(s(D), {
-                          class: y(["page-icon", l.first ? "disabled" : ""]),
+                    )) : (p(), C("div", ye, [
+                      b("div", he, [
+                        v(o(V), {
+                          class: h(["page-icon", s.first ? "disabled" : ""]),
                           icon: "arrow-first",
                           iconColor: "#666666",
                           size: "medium",
-                          onClick: a[0] || (a[0] = (u) => x("first", l.first))
+                          onClick: a[0] || (a[0] = (u) => $("first", s.first))
                         }, null, 8, ["class"]),
-                        v(s(D), {
-                          class: y(["page-icon", l.pre ? "disabled" : ""]),
+                        v(o(V), {
+                          class: h(["page-icon", s.pre ? "disabled" : ""]),
                           icon: "left",
                           iconColor: "#666666",
                           size: "medium",
-                          onClick: a[1] || (a[1] = (u) => x("pre", l.pre))
+                          onClick: a[1] || (a[1] = (u) => $("pre", s.pre))
                         }, null, 8, ["class"])
                       ]),
-                      S("div", he, [
-                        v(s(D), {
-                          class: y(["page-icon", l.next ? "disabled" : ""]),
+                      b("div", we, [
+                        v(o(V), {
+                          class: h(["page-icon", s.next ? "disabled" : ""]),
                           icon: "right",
                           iconColor: "#666666",
                           size: "medium",
-                          onClick: a[2] || (a[2] = (u) => x("next", l.next))
+                          onClick: a[2] || (a[2] = (u) => $("next", s.next))
                         }, null, 8, ["class"]),
-                        v(s(D), {
-                          class: y(["page-icon", l.last ? "disabled" : ""]),
+                        v(o(V), {
+                          class: h(["page-icon", s.last ? "disabled" : ""]),
                           icon: "arrow-last",
                           iconColor: "#666666",
                           size: "medium",
-                          onClick: a[3] || (a[3] = (u) => x("last", l.last))
+                          onClick: a[3] || (a[3] = (u) => $("last", s.last))
                         }, null, 8, ["class"])
                       ])
                     ]))
@@ -296,7 +297,7 @@ const ue = { class: "sizes-dropdown-link" }, pe = { class: "current-page-size" }
                   64
                   /* STABLE_FRAGMENT */
                 ))
-              ], !0) : $("v-if", !0)
+              ], !0) : D("v-if", !0)
             ]),
             _: 3
             /* FORWARDED */
@@ -305,16 +306,16 @@ const ue = { class: "sizes-dropdown-link" }, pe = { class: "current-page-size" }
         _: 3
         /* FORWARDED */
       }, 8, ["locale"]),
-      _.value.includes("sizes") ? (p(), V(s(ge), {
+      z.value.includes("sizes") ? (p(), B(o(ve), {
         key: 1,
         "page-sizes": i.value,
-        pageSize: s(c),
-        "onUpdate:pageSize": a[6] || (a[6] = (u) => I(c) ? c.value = u : null),
-        onSizeChange: L
-      }, null, 8, ["page-sizes", "pageSize"])) : $("v-if", !0)
+        pageSize: o(c),
+        "onUpdate:pageSize": a[6] || (a[6] = (u) => M(c) ? c.value = u : null),
+        onSizeChange: U
+      }, null, 8, ["page-sizes", "pageSize"])) : D("v-if", !0)
     ]));
   }
-}), Se = /* @__PURE__ */ N(we, [["__scopeId", "data-v-855d8e4b"]]), be = {
+}), be = /* @__PURE__ */ A(Se, [["__scopeId", "data-v-b89ece28"]]), Pe = {
   "--das-ui-pagination-simple-border-color": "#D9D9D9",
   "--das-ui-pagination-size-color": "#212121",
   "--das-ui-pagination-size--icon-hover-color": "#3761CA",
@@ -322,10 +323,10 @@ const ue = { class: "sizes-dropdown-link" }, pe = { class: "current-page-size" }
   "--das-ui-pagination-size--poppver-item-click-color": "#5582f3",
   "--das-ui-pagination-totalpage-color": "#666666"
 };
-ne(be);
-const je = () => M(null), Fe = X(Se);
+ie(Pe);
+const Oe = () => N(null), qe = Y(be);
 export {
-  Fe as DasPagination,
-  je as DasPaginationRef,
-  Fe as default
+  qe as DasPagination,
+  Oe as DasPaginationRef,
+  qe as default
 };

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

@@ -131,8 +131,8 @@ declare const __VLS_component: import("vue").DefineComponent<PaginationProps, {}
 }>, {
     small: boolean;
     disabled: boolean;
-    background: boolean;
     modelValue: number;
+    background: boolean;
     simple: boolean;
     total: number;
     pageSize: number;

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

@@ -1,57 +1,57 @@
-
-
-export type PaginationProps = {
-  
-  modelValue?: number
-
-  
-  pageSize?: number
-
-  
-  total?: number
-
-  
-  pageSizes?: number[]
-
-  
-  small?: boolean
-
-  
-  layout?: string
-
-  
-  background?: boolean
-
-  
-  disabled?: boolean
-
-  
-  simple?: boolean
-
-  
-  popperClass?: string
-}
-
-export type PaginationEmits = {
-  (e: 'update:modelValue', currentPage: number): void
-
-  (e: 'update:pageSize', pageSize: number): void
-
-  
-  (e: 'size-change', currentPage: number): void
-
-  
-  (e: 'current-change', pageSize: number): void
-
-  
-  (e: 'prev-click', currentPage: number): void
-
-  
-  (e: 'next-click', currentPage: number): void
-
-  
-  (e: 'first-click', currentPage: number): void
-
-  
-  (e: 'last-click', currentPage: number): void
-}
+
+
+export type PaginationProps = {
+  
+  modelValue?: number
+
+  
+  pageSize?: number
+
+  
+  total?: number
+
+  
+  pageSizes?: number[]
+
+  
+  small?: boolean
+
+  
+  layout?: string
+
+  
+  background?: boolean
+
+  
+  disabled?: boolean
+
+  
+  simple?: boolean
+
+  
+  popperClass?: string
+}
+
+export type PaginationEmits = {
+  (e: 'update:modelValue', currentPage: number): void
+
+  (e: 'update:pageSize', pageSize: number): void
+
+  
+  (e: 'size-change', currentPage: number): void
+
+  
+  (e: 'current-change', pageSize: number): void
+
+  
+  (e: 'prev-click', currentPage: number): void
+
+  
+  (e: 'next-click', currentPage: number): void
+
+  
+  (e: 'first-click', currentPage: number): void
+
+  
+  (e: 'last-click', currentPage: number): void
+}

package/packages/components/pagination/style.css

@@ -1 +1 @@
-.sizes-dropdown-link[data-v-bdc2c89a]{display:flex;align-items:center;margin-left:16px}.sizes-dropdown-link .arrow-icon[data-v-bdc2c89a]{font-size:14px;transition:transform .3s}.sizes-dropdown-link .rotate180[data-v-bdc2c89a]{transform:rotate(180deg)}.sizes-dropdown-link .current-page-size[data-v-bdc2c89a]{font-size:12px;color:var(--das-ui-pagination-size-color);margin-right:9px}.sizes-dropdown-link:hover .arrow-icon[data-v-bdc2c89a]{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-8fc3bd56]{font-size:12px;color:var(--das-ui-pagination-totalpage-color)}.das-ui-pagination[data-v-855d8e4b]{display:flex;align-items:center;--el-color-primary: var(--das-ui-button-primary);padding:0}.das-ui-pagination .flex-center__y[data-v-855d8e4b]{display:flex;align-items:center}.das-ui-pagination[data-v-855d8e4b] .el-pagination__classifier,.das-ui-pagination[data-v-855d8e4b] .el-pagination__editor{margin-left:4px}.das-ui-pagination[data-v-855d8e4b] .el-pagination__jump{margin-left:12px}.das-ui-pagination[data-v-855d8e4b] .el-pagination__jump .el-input__wrapper.is-focus,.das-ui-pagination[data-v-855d8e4b] .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-855d8e4b] .el-select .el-input__wrapper{box-shadow:none!important}.das-ui-pagination[data-v-855d8e4b] .el-select .el-input{width:85px}.das-ui-pagination[data-v-855d8e4b] .el-select .el-input .el-select__caret{color:#666;margin-left:0}.das-ui-pagination[data-v-855d8e4b] .el-pagination__sizes{display:flex;flex-direction:column;justify-content:center;margin-left:0;margin-right:0}.das-ui-pagination.simple[data-v-855d8e4b]{border:1px solid var(--das-ui-pagination-simple-border-color);background:#fff}.das-ui-pagination.simple[data-v-855d8e4b]:hover{border-color:var(--das-ui-button-primary)}.das-ui-pagination .page-container .page-icon[data-v-855d8e4b]{cursor:pointer;margin-right:8px}.das-ui-pagination .page-container .page-icon[data-v-855d8e4b]:hover,.das-ui-pagination .page-container .page-icon[data-v-855d8e4b]:active{fill:var(--das-ui-pagination-size--poppver-item-click-color)}.das-ui-pagination .page-container .page-icon.disabled[data-v-855d8e4b]{cursor:not-allowed;fill:#b2b2b2}
+.sizes-dropdown-link[data-v-4596af46]{display:flex;align-items:center;margin-left:16px}.sizes-dropdown-link .arrow-icon[data-v-4596af46]{font-size:14px;transition:transform .3s}.sizes-dropdown-link .rotate180[data-v-4596af46]{transform:rotate(180deg)}.sizes-dropdown-link .current-page-size[data-v-4596af46]{font-size:12px;color:var(--das-ui-pagination-size-color);margin-right:9px}.sizes-dropdown-link:hover .arrow-icon[data-v-4596af46]{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-79756098]{font-size:12px;color:var(--das-ui-pagination-totalpage-color)}.das-ui-pagination[data-v-b89ece28]{display:flex;align-items:center;--el-color-primary: var(--das-ui-button-primary);padding:0}.das-ui-pagination .flex-center__y[data-v-b89ece28]{display:flex;align-items:center}.das-ui-pagination[data-v-b89ece28] .el-pagination__classifier,.das-ui-pagination[data-v-b89ece28] .el-pagination__editor{margin-left:4px}.das-ui-pagination[data-v-b89ece28] .el-pagination__jump{margin-left:12px}.das-ui-pagination[data-v-b89ece28] .el-pagination__jump .el-input__wrapper.is-focus,.das-ui-pagination[data-v-b89ece28] .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-b89ece28] .el-select .el-input__wrapper{box-shadow:none!important}.das-ui-pagination[data-v-b89ece28] .el-select .el-input{width:85px}.das-ui-pagination[data-v-b89ece28] .el-select .el-input .el-select__caret{color:#666;margin-left:0}.das-ui-pagination[data-v-b89ece28] .el-pagination__sizes{display:flex;flex-direction:column;justify-content:center;margin-left:0;margin-right:0}.das-ui-pagination.simple[data-v-b89ece28]{border:1px solid var(--das-ui-pagination-simple-border-color);background:#fff}.das-ui-pagination.simple[data-v-b89ece28]:hover{border-color:var(--das-ui-button-primary)}.das-ui-pagination .page-container .page-icon[data-v-b89ece28]{cursor:pointer;margin-right:8px}.das-ui-pagination .page-container .page-icon[data-v-b89ece28]:hover,.das-ui-pagination .page-container .page-icon[data-v-b89ece28]:active{fill:var(--das-ui-pagination-size--poppver-item-click-color)}.das-ui-pagination .page-container .page-icon.disabled[data-v-b89ece28]{cursor:not-allowed;fill:#b2b2b2}

package/packages/components/popup-mask/index.js

@@ -103,7 +103,7 @@ const G = { class: "mask-content" }, J = /* @__PURE__ */ I({
   for (const [a, d] of n)
     o[a] = d;
   return o;
-}, Q = /* @__PURE__ */ K(J, [["__scopeId", "data-v-563102b2"]]), le = () => t(null), ae = q(Q);
+}, Q = /* @__PURE__ */ K(J, [["__scopeId", "data-v-18530c04"]]), le = () => t(null), ae = q(Q);
 export {
   ae as DasPopupMask,
   le as DasPopupMaskRef,