@das-fed/ui 6.4.0-dev.55 → 6.4.0-dev.55.10

package/packages/components/pagination/index.js

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

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-d1cdf91a]{display:flex;align-items:center;--el-color-primary: var(--das-ui-button-primary);padding:0}.das-ui-pagination .flex-center__y[data-v-d1cdf91a]{display:flex;align-items:center}.das-ui-pagination[data-v-d1cdf91a] .el-pagination__classifier,.das-ui-pagination[data-v-d1cdf91a] .el-pagination__editor{margin-left:4px}.das-ui-pagination[data-v-d1cdf91a] .el-pagination__jump{margin-left:12px}.das-ui-pagination[data-v-d1cdf91a] .el-pagination__jump .el-input__wrapper.is-focus,.das-ui-pagination[data-v-d1cdf91a] .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-d1cdf91a] .el-select .el-input__wrapper{box-shadow:none!important}.das-ui-pagination[data-v-d1cdf91a] .el-select .el-input{width:85px}.das-ui-pagination[data-v-d1cdf91a] .el-select .el-input .el-select__caret{color:#666;margin-left:0}.das-ui-pagination[data-v-d1cdf91a] .el-pagination__sizes{display:flex;flex-direction:column;justify-content:center;margin-left:0;margin-right:0}.das-ui-pagination.simple[data-v-d1cdf91a]{border:1px solid var(--das-ui-pagination-simple-border-color);background:#fff}.das-ui-pagination.simple[data-v-d1cdf91a]:hover{border-color:var(--das-ui-button-primary)}.das-ui-pagination .page-container .page-icon[data-v-d1cdf91a]{cursor:pointer;margin-right:8px}.das-ui-pagination .page-container .page-icon[data-v-d1cdf91a]:hover,.das-ui-pagination .page-container .page-icon[data-v-d1cdf91a]:active{fill:var(--das-ui-pagination-size--poppver-item-click-color)}.das-ui-pagination .page-container .page-icon.disabled[data-v-d1cdf91a]{cursor:not-allowed;fill:#b2b2b2}
+.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}

package/packages/components/popover/i18n/index.d.ts

@@ -2,10 +2,12 @@ declare const _default: {
     'das-ui-popover-confirm': {
         'zh-CN': string;
         en: string;
+        _appCode: string;
     };
     'das-ui-popover-cancel': {
         'zh-CN': string;
         en: string;
+        _appCode: string;
     };
 };
 export default _default;

package/packages/components/popover/index.d.ts

@@ -12,6 +12,7 @@ declare const DasPopover: import("@das-fed/utils").SFCWithInstall<{
         clickOutside: () => any;
     }, import("vue").PublicProps, {
         placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+        width: string | number;
         showBtns: boolean;
     }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
@@ -28,6 +29,7 @@ declare const DasPopover: import("@das-fed/utils").SFCWithInstall<{
         $popoverRef: import("vue").Ref<null, null>;
     }, {}, {}, {}, {
         placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+        width: string | number;
         showBtns: boolean;
     }>;
     __isFragment?: never;
@@ -45,6 +47,7 @@ declare const DasPopover: import("@das-fed/utils").SFCWithInstall<{
     clickOutside: () => any;
 }, string, {
     placement: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
+    width: string | number;
     showBtns: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {