@das-fed/upf-ui 6.4.0-dev.294 → 6.4.0-dev.296

package/packages/components/menu-header/index.js

@@ -1,5 +1,5 @@
 import { withInstall as h } from "@das-fed/upf-utils/with-install/index";
-import { computed as m, defineComponent as f, openBlock as r, createElementBlock as i, createVNode as p, unref as s, mergeProps as _, withCtx as a, createElementVNode as l, renderSlot as c, Fragment as g, renderList as y, createBlock as H, withDirectives as x, createTextVNode as b, toDisplayString as v } from "vue";
+import { computed as m, defineComponent as f, openBlock as s, createElementBlock as i, createVNode as p, unref as a, mergeProps as _, withCtx as n, createElementVNode as l, renderSlot as c, Fragment as g, renderList as y, createBlock as H, withDirectives as b, createTextVNode as v, toDisplayString as x } from "vue";
 import { Tabs as D, TabPane as k } from "ant-design-vue";
 import "ant-design-vue/es/tabs/style/css";
 import { vDasTooltip as E } from "@das-fed/upf-ui/packages/components/text-tooltip/index"
@@ -25,56 +25,38 @@ const w = (e, u) => ({
   emits: ["update:currentKey"],
   setup(e, { emit: u }) {
     const o = e, { realHeight: t } = w(o);
-    return (n, C) => (r(), i("div", B, [
-      p(s(D), _(n.$attrs, {
-        style: { height: s(t) },
+    return (r, C) => (s(), i("div", B, [
+      p(a(D), _(r.$attrs, {
+        style: { height: a(t) },
         type: "editable-card",
         contextmenu: !1,
         hideAdd: !0
       }), {
-        leftExtra: a(() => [
+        leftExtra: n(() => [
           l("div", N, [
-            c(n.$slots, "header-left")
+            c(r.$slots, "header-left")
           ])
         ]),
-        rightExtra: a(() => [
+        rightExtra: n(() => [
           l("div", V, [
-            c(n.$slots, "header-right")
+            c(r.$slots, "header-right")
           ])
         ]),
-        default: a(() => [
-          (r(!0), i(
-            g,
-            null,
-            y(e.menus, (d) => (r(), H(
-              s(k),
-              {
-                key: d.code
-              },
-              {
-                tab: a(() => [
-                  x((r(), i("div", M, [
-                    b(
-                      v(d.name),
-                      1
-                      /* TEXT */
-                    )
-                  ])), [
-                    [s(E)]
-                  ])
-                ]),
-                _: 2
-                /* DYNAMIC */
-              },
-              1024
-              /* DYNAMIC_SLOTS */
-            ))),
-            128
-            /* KEYED_FRAGMENT */
-          ))
+        default: n(() => [
+          (s(!0), i(g, null, y(r.menus, (d) => (s(), H(a(k), {
+            key: d.code
+          }, {
+            tab: n(() => [
+              b((s(), i("div", M, [
+                v(x(d.name), 1)
+              ])), [
+                [a(E)]
+              ])
+            ]),
+            _: 2
+          }, 1024))), 128))
         ]),
         _: 3
-        /* FORWARDED */
       }, 16, ["style"])
     ]));
   }

package/packages/components/pagination/index.js

@@ -1,4 +1,4 @@
-import { defineComponent as D, openBlock as p, createElementBlock as f, createElementVNode as N, ref as T, computed as g, createBlock as B, withCtx as C, createVNode as v, Fragment as U, renderList as H, normalizeClass as y, createTextVNode as O, toDisplayString as x, unref as t, withDirectives as J, reactive as K, watch as Q, onMounted as W, nextTick as X, createCommentVNode as P, mergeProps as Y, isRef as V, renderSlot as Z } from "vue";
+import { defineComponent as D, openBlock as u, createElementBlock as _, createElementVNode as N, ref as T, computed as d, createBlock as B, withCtx as C, createVNode as m, Fragment as U, renderList as H, normalizeClass as y, createTextVNode as O, toDisplayString as x, unref as l, withDirectives as J, reactive as K, watch as Q, onMounted as W, nextTick as X, createCommentVNode as P, mergeProps as Y, isRef as V, renderSlot as Z } from "vue";
 import { withInstall as ee } from "@das-fed/upf-utils/with-install/index";
 import { t as S, currentLang as ae, setI18nRule as te } from "@das-fed/upf-web/packages/i18n/index";
 import { DasAutoRegisterIcon as le, DasIcon as b } from "@das-fed/upf-ui/packages/components/icon/index";
@@ -7,7 +7,7 @@ import "element-plus/es/components/pagination/style/css";
 import { useModelValue as A } from "@das-fed/upf-utils/vue";
 import se from "element-plus/dist/locale/zh-cn.mjs";
 import ie from "element-plus/dist/locale/en.mjs";
-import { ElIcon as re, ElDropdownItem as ue, ElDropdownMenu as pe, ElDropdown as ce } from "element-plus/es";
+import { ElIcon as re, ElDropdownItem as pe, ElDropdownMenu as ue, ElDropdown 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";
@@ -16,18 +16,18 @@ import "element-plus/es/components/icon/style/css";
 import { vDasTooltip as de } from "@das-fed/upf-ui/packages/components/text-tooltip/index"
 import '@das-fed/upf-ui/packages/components/pagination/style.css';
 ;
-/*! Element Plus Icons Vue v2.3.2 */
+/*! Element Plus Icons Vue v2.3.1 */
 var ge = /* @__PURE__ */ D({
   name: "ArrowDown",
   __name: "arrow-down",
-  setup(l) {
-    return (_, s) => (p(), f("svg", {
+  setup(v) {
+    return (f, n) => (u(), _("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
       N("path", {
         fill: "currentColor",
-        d: "M831.872 340.864 512 652.672 192.128 340.864a30.59 30.59 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.59 30.59 0 0 0-42.752 0z"
+        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"
       })
     ]));
   }
@@ -41,86 +41,68 @@ const ve = { class: "sizes-dropdown-link" }, fe = { class: "current-page-size" }
     pageSize: { default: 20 }
   },
   emits: ["update:pageSize", "size-change"],
-  setup(l, { emit: _ }) {
-    const s = l, o = _, k = T(!1), m = g({
-      get: () => s.pageSize,
-      set: (c) => {
-        o("update:pageSize", c);
+  setup(v, { emit: f }) {
+    const n = v, o = f, k = T(!1), g = d({
+      get: () => n.pageSize,
+      set: (p) => {
+        o("update:pageSize", p);
       }
-    }), i = (c) => {
-      k.value = c;
-    }, E = (c) => {
-      m.value = c, o("size-change", c);
+    }), s = (p) => {
+      k.value = p;
+    }, E = (p) => {
+      g.value = p, o("size-change", p);
     };
-    return (c, M) => {
-      const z = re, h = ue, e = pe, d = ce;
-      return p(), B(d, {
+    return (p, M) => {
+      const z = re, h = pe, e = ue, c = ce;
+      return u(), B(c, {
         "popper-class": "pagination-sizes-popper",
         trigger: "click",
-        onVisibleChange: i,
+        onVisibleChange: s,
         onCommand: E
       }, {
         dropdown: C(() => [
-          v(e, null, {
+          m(e, null, {
             default: C(() => [
-              (p(!0), f(
-                U,
-                null,
-                H(l.pageSizes, (r) => (p(), B(h, {
-                  class: y(["sizes-item", r === l.pageSize ? "selected" : ""]),
-                  key: r,
-                  command: r
-                }, {
-                  default: C(() => [
-                    O(
-                      x(t(S)("pagination-items_per_page", r)),
-                      1
-                      /* TEXT */
-                    )
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1032, ["class", "command"]))),
-                128
-                /* KEYED_FRAGMENT */
-              ))
+              (u(!0), _(U, null, H(p.pageSizes, (i) => (u(), B(h, {
+                class: y(["sizes-item", i === p.pageSize ? "selected" : ""]),
+                key: i,
+                command: i
+              }, {
+                default: C(() => [
+                  O(x(l(S)("pagination-items_per_page", i)), 1)
+                ]),
+                _: 2
+              }, 1032, ["class", "command"]))), 128))
             ]),
             _: 1
-            /* STABLE */
           })
         ]),
         default: C(() => [
           N("span", ve, [
-            J((p(), f("span", fe, [
-              O(
-                x(t(S)("pagination-items_per_page", m.value)),
-                1
-                /* TEXT */
-              )
+            J((u(), _("span", fe, [
+              O(x(l(S)("pagination-items_per_page", g.value)), 1)
             ])), [
-              [t(de)]
+              [l(de)]
             ]),
-            v(z, {
+            m(z, {
               class: y(["arrow-icon", k.value ? "rotate180" : ""])
             }, {
               default: C(() => [
-                v(t(me))
+                m(l(me))
               ]),
               _: 1
-              /* STABLE */
             }, 8, ["class"])
           ])
         ]),
         _: 1
-        /* STABLE */
       });
     };
   }
-}), R = (l, _) => {
-  const s = l.__vccOpts || l;
-  for (const [o, k] of _)
-    s[o] = k;
-  return s;
+}), R = (v, f) => {
+  const n = v.__vccOpts || v;
+  for (const [o, k] of f)
+    n[o] = k;
+  return n;
 }, Ce = /* @__PURE__ */ R(ze, [["__scopeId", "data-v-4363ca14"]]), ke = { class: "total-page" }, ye = {
   name: "TotalPage"
 }, he = /* @__PURE__ */ D({
@@ -128,14 +110,8 @@ const ve = { class: "sizes-dropdown-link" }, fe = { class: "current-page-size" }
   props: {
     totalPage: {}
   },
-  setup(l) {
-    return (_, s) => (p(), f(
-      "div",
-      ke,
-      x(t(S)("pagination-total_page", l.totalPage)),
-      1
-      /* TEXT */
-    ));
+  setup(v) {
+    return (f, n) => (u(), _("div", ke, x(l(S)("pagination-total_page", f.totalPage)), 1));
   }
 }), we = /* @__PURE__ */ R(he, [["__scopeId", "data-v-c314d3d0"]]), xe = { class: "das-ui-pagination" }, Se = {
   key: 0,
@@ -159,28 +135,28 @@ const ve = { class: "sizes-dropdown-link" }, fe = { class: "current-page-size" }
     popperClass: {}
   },
   emits: ["update:modelValue", "update:pageSize", "size-change", "current-change", "prev-click", "next-click", "first-click", "last-click"],
-  setup(l, { emit: _ }) {
-    const s = l, o = _;
+  setup(v, { emit: f }) {
+    const n = v, o = f;
     le({
       "arrow-first": import("@das-fed/upf-ui/packages/icons/arrow-first"),
       left: import("@das-fed/upf-ui/packages/icons/left"),
       right: import("@das-fed/upf-ui/packages/icons/right"),
       "arrow-last": import("@das-fed/upf-ui/packages/icons/arrow-last")
     });
-    const k = g(() => ae.value === "zh-CN" ? se : ie), m = T(), i = K({
+    const k = d(() => ae.value === "zh-CN" ? se : ie), g = T(), s = K({
       first: !1,
       pre: !1,
       next: !1,
       last: !1
-    }), E = g(() => s.layout), c = g(() => s.background), M = g(() => s.pageSizes), z = g(() => s.total), h = g(() => s.simple), e = A(s, "modelValue"), d = A(s, "pageSize"), r = g(() => Math.ceil(z.value / d.value)), I = g(() => h.value ? "prev, slot, next" : E.value || "total,jumper,slot,sizes"), L = g(() => I.value.replace(/\s*/g, "").split(",").filter((a) => a !== "total" && a !== "sizes").join(",")), j = (n) => {
-      o("update:pageSize", n), o("size-change", n);
-    }, w = (n) => {
-      o("update:modelValue", n), o("current-change", n);
+    }), E = d(() => n.layout), p = d(() => n.background), M = d(() => n.pageSizes), z = d(() => n.total), h = d(() => n.simple), e = A(n, "modelValue"), c = A(n, "pageSize"), i = d(() => Math.ceil(z.value / c.value)), I = d(() => h.value ? "prev, slot, next" : E.value || "total,jumper,slot,sizes"), L = d(() => I.value.replace(/\s*/g, "").split(",").filter((a) => a !== "total" && a !== "sizes").join(",")), j = (t) => {
+      o("update:pageSize", t), o("size-change", t);
+    }, w = (t) => {
+      o("update:modelValue", t), o("current-change", t);
     }, F = () => o("prev-click", e.value), q = () => o("next-click", e.value), G = () => {
-      i.first = r.value === 0 || e.value <= 1, i.pre = r.value === 0 || e.value <= 1, i.next = r.value === 0 || e.value === r.value, i.last = r.value === 0 || e.value === r.value;
+      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;
     };
     Q(
-      () => [e.value, r.value],
+      () => [e.value, i.value],
       () => {
         G();
       },
@@ -188,8 +164,8 @@ const ve = { class: "sizes-dropdown-link" }, fe = { class: "current-page-size" }
         immediate: !0
       }
     );
-    const $ = (n, a) => {
-      const u = /* @__PURE__ */ new Map([
+    const $ = (t, a) => {
+      const r = /* @__PURE__ */ new Map([
         [
           "first",
           () => {
@@ -211,112 +187,98 @@ const ve = { class: "sizes-dropdown-link" }, fe = { class: "current-page-size" }
         [
           "last",
           () => {
-            e.value !== z.value && (e.value = r.value, w(e.value), o("last-click", e.value));
+            e.value !== z.value && (e.value = i.value, w(e.value), o("last-click", e.value));
           }
         ]
       ]);
       if (a) return;
-      u.get(n)();
+      r.get(t)();
     };
     return W(() => {
       X(() => {
-        var n, a, u;
-        (n = m.value) != null && n.$el && ((a = m.value.$el) != null && a.getElementsByClassName("el-pagination__goto")[0] && (m.value.$el.getElementsByClassName("el-pagination__goto")[0].innerText = S("第")), (u = m.value.$el) != null && u.getElementsByClassName("el-pagination__classifier")[0] && (m.value.$el.getElementsByClassName("el-pagination__classifier")[0].innerText = S("页")));
+        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 = S("第")), (r = g.value.$el) != null && r.getElementsByClassName("el-pagination__classifier")[0] && (g.value.$el.getElementsByClassName("el-pagination__classifier")[0].innerText = S("页")));
       });
-    }), (n, a) => (p(), f("div", xe, [
-      I.value.includes("total") ? (p(), B(t(we), {
+    }), (t, a) => (u(), _("div", xe, [
+      I.value.includes("total") ? (u(), B(l(we), {
         key: 0,
-        "total-page": r.value,
+        "total-page": i.value,
         style: { "margin-right": "12px" }
-      }, null, 8, ["total-page"])) : P("v-if", !0),
-      v(t(oe), { locale: k.value }, {
+      }, null, 8, ["total-page"])) : P("", !0),
+      m(l(oe), { locale: k.value }, {
         default: C(() => [
-          v(t(ne), Y({
+          m(l(ne), Y({
             ref_key: "dasPagination",
-            ref: m,
-            class: { background: c.value, simple: h.value },
-            currentPage: t(e),
-            "onUpdate:currentPage": a[4] || (a[4] = (u) => V(e) ? e.value = u : null),
-            "page-size": t(d),
-            "onUpdate:pageSize": a[5] || (a[5] = (u) => V(d) ? d.value = u : null),
+            ref: g,
+            class: { background: p.value, simple: h.value },
+            currentPage: l(e),
+            "onUpdate:currentPage": a[4] || (a[4] = (r) => V(e) ? e.value = r : null),
+            "page-size": l(c),
+            "onUpdate:pageSize": a[5] || (a[5] = (r) => V(c) ? c.value = r : null),
             "page-sizes": M.value,
             layout: L.value,
             total: z.value,
-            small: l.small,
-            background: c.value,
-            disabled: l.disabled,
-            "popper-class": l.popperClass ? `das-pagination-popper ${l.popperClass}` : "das-pagination-popper",
+            small: t.small,
+            background: p.value,
+            disabled: t.disabled,
+            "popper-class": t.popperClass ? `das-pagination-popper ${t.popperClass}` : "das-pagination-popper",
             teleported: !1,
             onCurrentChange: w,
             onPrevClick: F,
             onNextClick: q
-          }, n.$attrs), {
+          }, t.$attrs), {
             default: C(() => [
-              L.value.includes("slot") ? Z(n.$slots, "default", { key: 0 }, () => [
-                n.$slots.default ? P("v-if", !0) : (p(), f(
-                  U,
-                  { key: 0 },
-                  [
-                    h.value ? (p(), f(
-                      "div",
-                      Se,
-                      x(t(e)) + "/" + x(Math.ceil(z.value / t(d))),
-                      1
-                      /* TEXT */
-                    )) : (p(), f("div", $e, [
-                      N("div", Pe, [
-                        v(t(b), {
-                          class: y(["page-icon", i.first ? "disabled" : ""]),
-                          icon: "arrow-first",
-                          iconColor: "var(--upf-text-secondary)",
-                          size: "medium",
-                          onClick: a[0] || (a[0] = (u) => $("first", i.first))
-                        }, null, 8, ["class"]),
-                        v(t(b), {
-                          class: y(["page-icon", i.pre ? "disabled" : ""]),
-                          icon: "left",
-                          iconColor: "var(--upf-text-secondary)",
-                          size: "medium",
-                          onClick: a[1] || (a[1] = (u) => $("pre", i.pre))
-                        }, null, 8, ["class"])
-                      ]),
-                      N("div", be, [
-                        v(t(b), {
-                          class: y(["page-icon", i.next ? "disabled" : ""]),
-                          icon: "right",
-                          iconColor: "var(--upf-text-secondary)",
-                          size: "medium",
-                          onClick: a[2] || (a[2] = (u) => $("next", i.next))
-                        }, null, 8, ["class"]),
-                        v(t(b), {
-                          class: y(["page-icon", i.last ? "disabled" : ""]),
-                          icon: "arrow-last",
-                          iconColor: "var(--upf-text-secondary)",
-                          size: "medium",
-                          onClick: a[3] || (a[3] = (u) => $("last", i.last))
-                        }, null, 8, ["class"])
-                      ])
-                    ]))
-                  ],
-                  64
-                  /* STABLE_FRAGMENT */
-                ))
-              ], !0) : P("v-if", !0)
+              L.value.includes("slot") ? Z(t.$slots, "default", { key: 0 }, () => [
+                t.$slots.default ? P("", !0) : (u(), _(U, { key: 0 }, [
+                  h.value ? (u(), _("div", Se, x(l(e)) + "/" + x(Math.ceil(z.value / l(c))), 1)) : (u(), _("div", $e, [
+                    N("div", Pe, [
+                      m(l(b), {
+                        class: y(["page-icon", s.first ? "disabled" : ""]),
+                        icon: "arrow-first",
+                        iconColor: "var(--upf-text-secondary)",
+                        size: "medium",
+                        onClick: a[0] || (a[0] = (r) => $("first", s.first))
+                      }, null, 8, ["class"]),
+                      m(l(b), {
+                        class: y(["page-icon", s.pre ? "disabled" : ""]),
+                        icon: "left",
+                        iconColor: "var(--upf-text-secondary)",
+                        size: "medium",
+                        onClick: a[1] || (a[1] = (r) => $("pre", s.pre))
+                      }, null, 8, ["class"])
+                    ]),
+                    N("div", be, [
+                      m(l(b), {
+                        class: y(["page-icon", s.next ? "disabled" : ""]),
+                        icon: "right",
+                        iconColor: "var(--upf-text-secondary)",
+                        size: "medium",
+                        onClick: a[2] || (a[2] = (r) => $("next", s.next))
+                      }, null, 8, ["class"]),
+                      m(l(b), {
+                        class: y(["page-icon", s.last ? "disabled" : ""]),
+                        icon: "arrow-last",
+                        iconColor: "var(--upf-text-secondary)",
+                        size: "medium",
+                        onClick: a[3] || (a[3] = (r) => $("last", s.last))
+                      }, null, 8, ["class"])
+                    ])
+                  ]))
+                ], 64))
+              ], !0) : P("", !0)
             ]),
             _: 3
-            /* FORWARDED */
           }, 16, ["class", "currentPage", "page-size", "page-sizes", "layout", "total", "small", "background", "disabled", "popper-class"])
         ]),
         _: 3
-        /* FORWARDED */
       }, 8, ["locale"]),
-      I.value.includes("sizes") ? (p(), B(t(Ce), {
+      I.value.includes("sizes") ? (u(), B(l(Ce), {
         key: 1,
         "page-sizes": M.value,
-        pageSize: t(d),
-        "onUpdate:pageSize": a[6] || (a[6] = (u) => V(d) ? d.value = u : null),
+        pageSize: l(c),
+        "onUpdate:pageSize": a[6] || (a[6] = (r) => V(c) ? c.value = r : null),
         onSizeChange: j
-      }, null, 8, ["page-sizes", "pageSize"])) : P("v-if", !0)
+      }, null, 8, ["page-sizes", "pageSize"])) : P("", !0)
     ]));
   }
 }), Be = /* @__PURE__ */ R(Ne, [["__scopeId", "data-v-ffe7d6be"]]), De = {

package/packages/components/pagination/style.css

@@ -1 +1 @@
-.sizes-dropdown-link[data-v-4363ca14]{display:flex;align-items:center;margin-left:12px}.sizes-dropdown-link .arrow-icon[data-v-4363ca14]{font-size:14px;transition:transform .3s}.sizes-dropdown-link .rotate180[data-v-4363ca14]{transform:rotate(180deg)}.sizes-dropdown-link .current-page-size[data-v-4363ca14]{font-size:12px;color:var(--upf-text-primary);margin-right:9px}.sizes-dropdown-link:hover .arrow-icon[data-v-4363ca14]{color:var(--upf-color-primary)}.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(--upf-text-primary);background-color:transparent}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item:not(.is-disabled):focus{color:var(--upf-text-primary);background-color:transparent}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item:not(.is-disabled):hover{color:var(--upf-text-primary);background-color:var(--upf-bg-secondary)}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected{color:var(--upf-color-primary);background-color:var(--upf-color-primary-bg);font-weight:400}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected:not(.is-disabled):focus,.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected:not(.is-disabled):hover{color:var(--upf-color-primary);background-color:var(--upf-color-primary-bg)}.total-page[data-v-c314d3d0]{font-size:12px;color:var(--upf-text-secondary)}.das-ui-pagination .flex-center__y[data-v-ffe7d6be]{display:flex;align-items:center}.das-ui-pagination[data-v-ffe7d6be]{display:flex;align-items:center;--el-color-primary: var(--upf-color-primary);--upf-pagination-active-border-color: var(--upf-form-active-border-color, var(--upf-color-primary));padding:0}.das-ui-pagination[data-v-ffe7d6be] .el-pagination__goto,.das-ui-pagination[data-v-ffe7d6be] .el-pagination__classifier{color:#666!important}.das-ui-pagination[data-v-ffe7d6be] .el-pagination__classifier,.das-ui-pagination[data-v-ffe7d6be] .el-pagination__editor{margin-left:4px}.das-ui-pagination[data-v-ffe7d6be] .el-pagination__jump{margin-left:12px}.das-ui-pagination[data-v-ffe7d6be] .el-pagination__jump .el-input__wrapper.is-focus,.das-ui-pagination[data-v-ffe7d6be] .el-pagination__jump .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--upf-pagination-active-border-color) inset}.das-ui-pagination[data-v-ffe7d6be] .el-select .el-input__wrapper{box-shadow:none!important}.das-ui-pagination[data-v-ffe7d6be] .el-select .el-input{width:85px}.das-ui-pagination[data-v-ffe7d6be] .el-select .el-input .el-select__caret{color:var(--upf-text-secondary);margin-left:0}.das-ui-pagination[data-v-ffe7d6be] .el-pagination__sizes{display:flex;flex-direction:column;justify-content:center;margin-left:0;margin-right:0}.das-ui-pagination.simple[data-v-ffe7d6be]{border:1px solid var(--upf-border-color);background:var(--upf-bg-primary)}.das-ui-pagination.simple[data-v-ffe7d6be]:hover{border-color:var(--upf-color-primary)}.das-ui-pagination .page-container .page-icon[data-v-ffe7d6be]{cursor:pointer;margin-right:8px}.das-ui-pagination .page-container .page-icon[data-v-ffe7d6be]:hover,.das-ui-pagination .page-container .page-icon[data-v-ffe7d6be]:active{fill:var(--upf-color-primary)}.das-ui-pagination .page-container .page-icon.disabled[data-v-ffe7d6be]{cursor:not-allowed;fill:var(--upf-text-disabled)}
+.sizes-dropdown-link[data-v-4363ca14]{display:flex;align-items:center;margin-left:12px}.sizes-dropdown-link .arrow-icon[data-v-4363ca14]{font-size:14px;transition:transform .3s}.sizes-dropdown-link .rotate180[data-v-4363ca14]{transform:rotate(180deg)}.sizes-dropdown-link .current-page-size[data-v-4363ca14]{font-size:12px;color:var(--upf-text-primary);margin-right:9px}.sizes-dropdown-link:hover .arrow-icon[data-v-4363ca14]{color:var(--upf-color-primary)}.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(--upf-text-primary);background-color:transparent}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item:not(.is-disabled):focus{color:var(--upf-text-primary);background-color:transparent}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item:not(.is-disabled):hover{color:var(--upf-text-primary);background-color:var(--upf-bg-secondary)}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected{color:var(--upf-color-primary);background-color:var(--upf-color-primary-bg);font-weight:400}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected:not(.is-disabled):focus,.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected:not(.is-disabled):hover{color:var(--upf-color-primary);background-color:var(--upf-color-primary-bg)}.total-page[data-v-c314d3d0]{font-size:12px;color:var(--upf-text-secondary)}.das-ui-pagination[data-v-ffe7d6be]{display:flex;align-items:center;--el-color-primary: var(--upf-color-primary);--upf-pagination-active-border-color: var(--upf-form-active-border-color, var(--upf-color-primary));padding:0}.das-ui-pagination .flex-center__y[data-v-ffe7d6be]{display:flex;align-items:center}.das-ui-pagination[data-v-ffe7d6be] .el-pagination__goto,.das-ui-pagination[data-v-ffe7d6be] .el-pagination__classifier{color:#666!important}.das-ui-pagination[data-v-ffe7d6be] .el-pagination__classifier,.das-ui-pagination[data-v-ffe7d6be] .el-pagination__editor{margin-left:4px}.das-ui-pagination[data-v-ffe7d6be] .el-pagination__jump{margin-left:12px}.das-ui-pagination[data-v-ffe7d6be] .el-pagination__jump .el-input__wrapper.is-focus,.das-ui-pagination[data-v-ffe7d6be] .el-pagination__jump .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--upf-pagination-active-border-color) inset}.das-ui-pagination[data-v-ffe7d6be] .el-select .el-input__wrapper{box-shadow:none!important}.das-ui-pagination[data-v-ffe7d6be] .el-select .el-input{width:85px}.das-ui-pagination[data-v-ffe7d6be] .el-select .el-input .el-select__caret{color:var(--upf-text-secondary);margin-left:0}.das-ui-pagination[data-v-ffe7d6be] .el-pagination__sizes{display:flex;flex-direction:column;justify-content:center;margin-left:0;margin-right:0}.das-ui-pagination.simple[data-v-ffe7d6be]{border:1px solid var(--upf-border-color);background:var(--upf-bg-primary)}.das-ui-pagination.simple[data-v-ffe7d6be]:hover{border-color:var(--upf-color-primary)}.das-ui-pagination .page-container .page-icon[data-v-ffe7d6be]{cursor:pointer;margin-right:8px}.das-ui-pagination .page-container .page-icon[data-v-ffe7d6be]:hover,.das-ui-pagination .page-container .page-icon[data-v-ffe7d6be]:active{fill:var(--upf-color-primary)}.das-ui-pagination .page-container .page-icon.disabled[data-v-ffe7d6be]{cursor:not-allowed;fill:var(--upf-text-disabled)}

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

@@ -4,11 +4,11 @@ declare const DasPopoverRef: () => import("vue").Ref<({
     $data: {};
     $props: {
         readonly title?: string | undefined;
-        readonly width?: (string | number) | undefined;
+        readonly width?: string | number | undefined;
         readonly content?: string | undefined;
         readonly popperClass?: string | undefined;
         readonly showBtns?: boolean | undefined;
-        readonly placement?: ("top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end") | undefined;
+        readonly placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | undefined;
         readonly onCancel?: (() => any) | undefined;
         readonly onConfirm?: (() => any) | undefined;
         readonly onClickOutside?: (() => any) | undefined;
@@ -82,11 +82,11 @@ declare const DasPopoverRef: () => import("vue").Ref<({
     $data: {};
     $props: {
         readonly title?: string | undefined;
-        readonly width?: (string | number) | undefined;
+        readonly width?: string | number | undefined;
         readonly content?: string | undefined;
         readonly popperClass?: string | undefined;
         readonly showBtns?: boolean | undefined;
-        readonly placement?: ("top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end") | undefined;
+        readonly placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | undefined;
         readonly onCancel?: (() => any) | undefined;
         readonly onConfirm?: (() => any) | undefined;
         readonly onClickOutside?: (() => any) | undefined;