@das-fed/ui 7.0.7-hot.18 → 7.0.7-hot.19

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

@@ -1,7 +1,7 @@
 import '@das-fed/ui/packages/components/menu-header/style.css';
 import { withInstall as b } from "@das-fed/utils/with-install/index";
-import { computed as h, defineComponent as y, createElementBlock as F, openBlock as l, normalizeStyle as k, normalizeClass as g, createVNode as v, unref as s, mergeProps as p, withCtx as u, Fragment as j, renderList as E, createBlock as _, withDirectives as B, createTextVNode as D, toDisplayString as H, createElementVNode as n, renderSlot as c } from "vue";
-import { Tabs as T, TabPane as x } from "ant-design-vue";
+import { computed as h, defineComponent as y, createElementBlock as F, openBlock as l, normalizeStyle as k, normalizeClass as g, createVNode as v, unref as s, mergeProps as j, withCtx as u, Fragment as p, renderList as E, createBlock as _, withDirectives as B, createTextVNode as D, toDisplayString as H, createElementVNode as n, renderSlot as c } from "vue";
+import { Tabs as x, TabPane as T } from "ant-design-vue";
 import "ant-design-vue/es/tabs/style/css";
 import { vDasTooltip as C } from "@das-fed/ui/packages/components/text-tooltip/index";
 import { setThemeRule as S } from "@das-fed/web/packages/theme/index";
@@ -81,20 +81,20 @@ const w = (e, m) => ({
   emits: ["update:currentKey"],
   setup(e, { emit: m }) {
     const a = e, { realHeight: o } = w(a), f = h(() => {
-      const r = {};
+      const t = {};
       return a.theme === "default" || Object.keys(i).forEach((d) => {
-        var t;
-        r[d] = ((t = i[d]) == null ? void 0 : t[a.theme]) ?? void 0;
-      }), r;
+        var r;
+        t[d] = ((r = i[d]) == null ? void 0 : r[a.theme]) ?? void 0;
+      }), t;
     });
-    return (r, d) => (l(), F(
+    return (t, d) => (l(), F(
       "div",
       {
-        class: g(["das-ui-header-menu", `theme-${r.theme}`]),
+        class: g(["das-ui-header-menu", `theme-${e.theme}`]),
         style: k(f.value)
       },
       [
-        v(s(T), p(r.$attrs, {
+        v(s(x), j(t.$attrs, {
           style: { height: s(o) },
           type: "editable-card",
           contextmenu: !1,
@@ -102,26 +102,26 @@ const w = (e, m) => ({
         }), {
           leftExtra: u(() => [
             n("div", N, [
-              c(r.$slots, "header-left")
+              c(t.$slots, "header-left")
             ])
           ]),
           rightExtra: u(() => [
             n("div", V, [
-              c(r.$slots, "header-right")
+              c(t.$slots, "header-right")
             ])
           ]),
           default: u(() => [
             (l(!0), F(
-              j,
+              p,
               null,
-              E(r.menus, (t) => (l(), _(s(x), {
-                key: t.code,
-                closable: t.closable
+              E(e.menus, (r) => (l(), _(s(T), {
+                key: r.code,
+                closable: r.closable
               }, {
                 tab: u(() => [
                   B((l(), F("div", M, [
                     D(
-                      H(t.name),
+                      H(r.name),
                       1
                       /* TEXT */
                     )

package/packages/components/pagination/index.js

@@ -1,14 +1,14 @@
 import '@das-fed/ui/packages/components/pagination/style.css';
-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 { defineComponent as B, createElementBlock as f, openBlock as c, createElementVNode as D, ref as T, computed as g, createBlock as N, withCtx as C, withDirectives as H, createVNode as v, createTextVNode as L, toDisplayString as x, unref as t, normalizeClass as h, Fragment as j, renderList as J, reactive as K, watch as Q, onMounted as W, nextTick as X, createCommentVNode as $, 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 { t as S, currentLang as ae, setI18nRule as te } from "@das-fed/web/packages/i18n/index";
+import { DasAutoRegisterIcon as oe, DasIcon as b } 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 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 { ElDropdown as re, ElIcon as pe, ElDropdownMenu as ce, ElDropdownItem 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";
@@ -16,18 +16,18 @@ import "element-plus/es/components/dropdown-item/style/css";
 import "element-plus/es/components/icon/style/css";
 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 */
+/*! Element Plus Icons Vue v2.3.2 */
 var me = /* @__PURE__ */ B({
   name: "ArrowDown",
   __name: "arrow-down",
-  setup(v) {
-    return (f, n) => (u(), _("svg", {
+  setup(o) {
+    return (_, s) => (c(), f("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
       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"
+        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"
       })
     ]));
   }
@@ -41,39 +41,39 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
     pageSize: { default: 20 }
   },
   emits: ["update:pageSize", "size-change"],
-  setup(v, { emit: f }) {
-    const n = v, l = f, k = T(!1), g = d({
-      get: () => n.pageSize,
-      set: (p) => {
-        l("update:pageSize", p);
+  setup(o, { emit: _ }) {
+    const s = o, l = _, k = T(!1), m = g({
+      get: () => s.pageSize,
+      set: (u) => {
+        l("update:pageSize", u);
       }
-    }), s = (p) => {
-      k.value = p;
-    }, E = (p) => {
-      g.value = p, l("size-change", p);
+    }), i = (u) => {
+      k.value = u;
+    }, E = (u) => {
+      m.value = u, l("size-change", u);
     };
-    return (p, I) => {
-      const z = pe, w = ce, e = ue, c = re;
-      return u(), N(c, {
+    return (u, I) => {
+      const z = pe, w = ue, e = ce, d = re;
+      return c(), N(d, {
         "popper-class": "pagination-sizes-popper",
         trigger: "click",
-        onVisibleChange: s,
+        onVisibleChange: i,
         onCommand: E
       }, {
         dropdown: C(() => [
-          m(e, null, {
+          v(e, null, {
             default: C(() => [
-              (u(!0), _(
+              (c(!0), f(
                 j,
                 null,
-                J(p.pageSizes, (i) => (u(), N(w, {
-                  class: h(["sizes-item", i === p.pageSize ? "selected" : ""]),
-                  key: i,
-                  command: i
+                J(o.pageSizes, (r) => (c(), N(w, {
+                  class: h(["sizes-item", r === o.pageSize ? "selected" : ""]),
+                  key: r,
+                  command: r
                 }, {
                   default: C(() => [
                     L(
-                      S(o(P)("pagination-items_per_page", i)),
+                      x(t(S)("pagination-items_per_page", r)),
                       1
                       /* TEXT */
                     )
@@ -91,20 +91,20 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
         ]),
         default: C(() => [
           D("span", fe, [
-            H((u(), _("span", _e, [
+            H((c(), f("span", _e, [
               L(
-                S(o(P)("pagination-items_per_page", g.value)),
+                x(t(S)("pagination-items_per_page", m.value)),
                 1
                 /* TEXT */
               )
             ])), [
-              [o(de)]
+              [t(de)]
             ]),
-            m(z, {
+            v(z, {
               class: h(["arrow-icon", k.value ? "rotate180" : ""])
             }, {
               default: C(() => [
-                m(o(ve))
+                v(t(ve))
               ]),
               _: 1
               /* STABLE */
@@ -116,11 +116,11 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
       });
     };
   }
-}), R = (v, f) => {
-  const n = v.__vccOpts || v;
-  for (const [l, k] of f)
-    n[l] = k;
-  return n;
+}), R = (o, _) => {
+  const s = o.__vccOpts || o;
+  for (const [l, k] of _)
+    s[l] = k;
+  return s;
 }, ke = /* @__PURE__ */ R(Ce, [["__scopeId", "data-v-c341a216"]]), he = { class: "total-page" }, we = {
   name: "TotalPage"
 }, ye = /* @__PURE__ */ B({
@@ -128,23 +128,23 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
   props: {
     totalPage: {}
   },
-  setup(v) {
-    return (f, n) => (u(), _(
+  setup(o) {
+    return (_, s) => (c(), f(
       "div",
       he,
-      S(o(P)("pagination-total_page", f.totalPage)),
+      x(t(S)("pagination-total_page", o.totalPage)),
       1
       /* TEXT */
     ));
   }
-}), Se = /* @__PURE__ */ R(ye, [["__scopeId", "data-v-917c488b"]]), Pe = { class: "das-ui-pagination" }, $e = {
+}), xe = /* @__PURE__ */ R(ye, [["__scopeId", "data-v-917c488b"]]), Se = { class: "das-ui-pagination" }, Pe = {
   key: 0,
   style: { color: "#212121", "font-size": "12px" }
-}, be = {
+}, $e = {
   key: 1,
   style: { "margin-left": "12px" },
   class: "page-container flex-center__y"
-}, xe = { class: "flex-center__y" }, De = { class: "flex-center__y" }, Ne = /* @__PURE__ */ B({
+}, be = { class: "flex-center__y" }, De = { class: "flex-center__y" }, Ne = /* @__PURE__ */ B({
   __name: "Pagination",
   props: {
     modelValue: { default: 1 },
@@ -159,28 +159,28 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
     popperClass: {}
   },
   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;
+  setup(o, { emit: _ }) {
+    const s = o, l = _;
     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(() => ae.value === "zh-CN" ? se : ie), g = T(), s = K({
+    const k = g(() => ae.value === "zh-CN" ? se : ie), m = T(), i = K({
       first: !1,
       pre: !1,
       next: !1,
       last: !1
-    }), 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);
+    }), E = g(() => s.layout), u = g(() => s.background), I = g(() => s.pageSizes), z = g(() => s.total), w = g(() => s.simple), e = U(s, "modelValue"), d = U(s, "pageSize"), r = g(() => Math.ceil(z.value / d.value)), V = g(() => w.value ? "prev, slot, next" : E.value || "total,jumper,slot,sizes"), A = g(() => V.value.replace(/\s*/g, "").split(",").filter((a) => a !== "total" && a !== "sizes").join(",")), F = (n) => {
+      l("update:pageSize", n), l("size-change", n);
+    }, y = (n) => {
+      l("update:modelValue", n), l("current-change", n);
     }, 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;
+      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;
     };
     Q(
-      () => [e.value, i.value],
+      () => [e.value, r.value],
       () => {
         G();
       },
@@ -188,8 +188,8 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
         immediate: !0
       }
     );
-    const $ = (t, a) => {
-      const r = /* @__PURE__ */ new Map([
+    const P = (n, a) => {
+      const p = /* @__PURE__ */ new Map([
         [
           "first",
           () => {
@@ -211,89 +211,89 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
         [
           "last",
           () => {
-            e.value !== z.value && (e.value = i.value, y(e.value), l("last-click", e.value));
+            e.value !== z.value && (e.value = r.value, y(e.value), l("last-click", e.value));
           }
         ]
       ]);
       if (a) return;
-      r.get(t)();
+      p.get(n)();
     };
     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 = P("第")), (r = g.value.$el) != null && r.getElementsByClassName("el-pagination__classifier")[0] && (g.value.$el.getElementsByClassName("el-pagination__classifier")[0].innerText = P("页")));
+        var n, a, p;
+        (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("第")), (p = m.value.$el) != null && p.getElementsByClassName("el-pagination__classifier")[0] && (m.value.$el.getElementsByClassName("el-pagination__classifier")[0].innerText = S("页")));
       });
-    }), (t, a) => (u(), _("div", Pe, [
-      V.value.includes("total") ? (u(), N(o(Se), {
+    }), (n, a) => (c(), f("div", Se, [
+      V.value.includes("total") ? (c(), N(t(xe), {
         key: 0,
-        "total-page": i.value,
+        "total-page": r.value,
         style: { "margin-right": "12px" }
-      }, null, 8, ["total-page"])) : b("v-if", !0),
-      m(o(le), { locale: k.value }, {
+      }, null, 8, ["total-page"])) : $("v-if", !0),
+      v(t(le), { locale: k.value }, {
         default: C(() => [
-          m(o(ne), Y({
+          v(t(ne), Y({
             ref_key: "dasPagination",
-            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),
+            ref: m,
+            class: { background: u.value, simple: w.value },
+            currentPage: t(e),
+            "onUpdate:currentPage": a[4] || (a[4] = (p) => M(e) ? e.value = p : null),
+            "page-size": t(d),
+            "onUpdate:pageSize": a[5] || (a[5] = (p) => M(d) ? d.value = p : null),
             "page-sizes": I.value,
             layout: A.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",
+            small: o.small,
+            background: u.value,
+            disabled: o.disabled,
+            "popper-class": o.popperClass ? `das-pagination-popper ${o.popperClass}` : "das-pagination-popper",
             teleported: !1,
             onCurrentChange: y,
             onPrevClick: O,
             onNextClick: q
-          }, t.$attrs), {
+          }, n.$attrs), {
             default: C(() => [
-              A.value.includes("slot") ? Z(t.$slots, "default", { key: 0 }, () => [
-                t.$slots.default ? b("v-if", !0) : (u(), _(
+              A.value.includes("slot") ? Z(n.$slots, "default", { key: 0 }, () => [
+                n.$slots.default ? $("v-if", !0) : (c(), f(
                   j,
                   { key: 0 },
                   [
-                    w.value ? (u(), _(
+                    w.value ? (c(), f(
                       "div",
-                      $e,
-                      S(o(e)) + "/" + S(Math.ceil(z.value / o(c))),
+                      Pe,
+                      x(t(e)) + "/" + x(Math.ceil(z.value / t(d))),
                       1
                       /* TEXT */
-                    )) : (u(), _("div", be, [
-                      D("div", xe, [
-                        m(o(x), {
-                          class: h(["page-icon", s.first ? "disabled" : ""]),
+                    )) : (c(), f("div", $e, [
+                      D("div", be, [
+                        v(t(b), {
+                          class: h(["page-icon", i.first ? "disabled" : ""]),
                           icon: "arrow-first",
                           iconColor: "#666666",
                           size: "medium",
-                          onClick: a[0] || (a[0] = (r) => $("first", s.first))
+                          onClick: a[0] || (a[0] = (p) => P("first", i.first))
                         }, null, 8, ["class"]),
-                        m(o(x), {
-                          class: h(["page-icon", s.pre ? "disabled" : ""]),
+                        v(t(b), {
+                          class: h(["page-icon", i.pre ? "disabled" : ""]),
                           icon: "left",
                           iconColor: "#666666",
                           size: "medium",
-                          onClick: a[1] || (a[1] = (r) => $("pre", s.pre))
+                          onClick: a[1] || (a[1] = (p) => P("pre", i.pre))
                         }, null, 8, ["class"])
                       ]),
                       D("div", De, [
-                        m(o(x), {
-                          class: h(["page-icon", s.next ? "disabled" : ""]),
+                        v(t(b), {
+                          class: h(["page-icon", i.next ? "disabled" : ""]),
                           icon: "right",
                           iconColor: "#666666",
                           size: "medium",
-                          onClick: a[2] || (a[2] = (r) => $("next", s.next))
+                          onClick: a[2] || (a[2] = (p) => P("next", i.next))
                         }, null, 8, ["class"]),
-                        m(o(x), {
-                          class: h(["page-icon", s.last ? "disabled" : ""]),
+                        v(t(b), {
+                          class: h(["page-icon", i.last ? "disabled" : ""]),
                           icon: "arrow-last",
                           iconColor: "#666666",
                           size: "medium",
-                          onClick: a[3] || (a[3] = (r) => $("last", s.last))
+                          onClick: a[3] || (a[3] = (p) => P("last", i.last))
                         }, null, 8, ["class"])
                       ])
                     ]))
@@ -301,7 +301,7 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
                   64
                   /* STABLE_FRAGMENT */
                 ))
-              ], !0) : b("v-if", !0)
+              ], !0) : $("v-if", !0)
             ]),
             _: 3
             /* FORWARDED */
@@ -310,13 +310,13 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
         _: 3
         /* FORWARDED */
       }, 8, ["locale"]),
-      V.value.includes("sizes") ? (u(), N(o(ke), {
+      V.value.includes("sizes") ? (c(), N(t(ke), {
         key: 1,
         "page-sizes": I.value,
-        pageSize: o(c),
-        "onUpdate:pageSize": a[6] || (a[6] = (r) => M(c) ? c.value = r : null),
+        pageSize: t(d),
+        "onUpdate:pageSize": a[6] || (a[6] = (p) => M(d) ? d.value = p : null),
         onSizeChange: F
-      }, null, 8, ["page-sizes", "pageSize"])) : b("v-if", !0)
+      }, null, 8, ["page-sizes", "pageSize"])) : $("v-if", !0)
     ]));
   }
 }), Be = /* @__PURE__ */ R(Ne, [["__scopeId", "data-v-d1fdaf0e"]]), Ee = {

package/packages/components/pagination/style.css

@@ -1 +1 @@
-.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}
+.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 .flex-center__y[data-v-d1fdaf0e]{display:flex;align-items:center}.das-ui-pagination[data-v-d1fdaf0e]{display:flex;align-items:center;--el-color-primary: var(--das-ui-button-primary);padding:0}.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/index.js

@@ -1,9 +1,9 @@
 import '@das-fed/ui/packages/components/popover/style.css';
-import { defineComponent as _, useAttrs as D, ref as C, computed as O, createBlock as P, openBlock as s, unref as o, mergeProps as b, withCtx as r, withDirectives as g, createElementBlock as p, createCommentVNode as d, renderSlot as m, toDisplayString as n, createElementVNode as R, createTextVNode as a, createVNode as u } from "vue";
+import { defineComponent as x, useAttrs as D, ref as k, computed as O, createBlock as P, openBlock as n, unref as o, mergeProps as b, withCtx as r, withDirectives as g, createElementBlock as l, createCommentVNode as m, renderSlot as u, toDisplayString as i, createElementVNode as R, createTextVNode as p, createVNode as f } from "vue";
 import { withInstall as V } from "@das-fed/utils/with-install/index";
-import { i18n as f, setI18nRule as E } from "@das-fed/web/packages/i18n/index";
+import { i18n as v, setI18nRule as E } from "@das-fed/web/packages/i18n/index";
 import { ElPopover as I, ClickOutside as z } from "element-plus";
-import { DasButton as v } from "@das-fed/ui/packages/components/button/index";
+import { DasButton as C } from "@das-fed/ui/packages/components/button/index";
 import "element-plus/es/components/popover/style/css";
 import "@das-fed/ui/packages/global/theme";
 const S = { class: "das-ui-popover-container" }, T = {
@@ -12,7 +12,7 @@ const S = { class: "das-ui-popover-container" }, T = {
 }, A = { class: "das-ui-popover-content" }, K = {
   key: 0,
   class: "btn-groups"
-}, j = /* @__PURE__ */ _({
+}, _ = /* @__PURE__ */ x({
   __name: "Index",
   props: {
     title: {},
@@ -23,47 +23,47 @@ const S = { class: "das-ui-popover-container" }, T = {
     placement: { default: "bottom-start" }
   },
   emits: ["cancel", "confirm", "clickOutside"],
-  setup(k, { expose: h, emit: w }) {
-    const l = k, i = w, $ = D(), c = C(null), y = O(() => {
-      let e = "das-ui-popover-over-container";
-      return l.popperClass && (e = `${e} ${l.popperClass}`), e;
+  setup(e, { expose: h, emit: w }) {
+    const c = e, a = w, $ = D(), d = k(null), y = O(() => {
+      let t = "das-ui-popover-over-container";
+      return c.popperClass && (t = `${t} ${c.popperClass}`), t;
     }), N = () => {
-      $.visible !== void 0 && i("clickOutside");
+      $.visible !== void 0 && a("clickOutside");
     };
-    return h({ $popoverRef: c }), (e, t) => (s(), P(o(I), b({
+    return h({ $popoverRef: d }), (t, s) => (n(), P(o(I), b({
       ref_key: "$popoverRef",
-      ref: c,
+      ref: d,
       class: "das-ui-popover",
       placement: e.placement,
       width: e.width,
       "popper-class": y.value
-    }, e.$attrs), {
+    }, t.$attrs), {
       reference: r(() => [
-        m(e.$slots, "reference")
+        u(t.$slots, "reference")
       ]),
       default: r(() => [
-        g((s(), p("div", S, [
-          e.title ? (s(), p(
+        g((n(), l("div", S, [
+          e.title ? (n(), l(
             "div",
             T,
-            n(e.title),
+            i(e.title),
             1
             /* TEXT */
-          )) : d("v-if", !0),
-          m(e.$slots, "default", {}, () => [
+          )) : m("v-if", !0),
+          u(t.$slots, "default", {}, () => [
             R("div", A, [
-              a(
-                n(e.content) + " ",
+              p(
+                i(e.content) + " ",
                 1
                 /* TEXT */
               ),
-              e.showBtns ? (s(), p("div", K, [
-                u(o(v), {
-                  onClick: t[0] || (t[0] = (B) => i("cancel"))
+              e.showBtns ? (n(), l("div", K, [
+                f(o(C), {
+                  onClick: s[0] || (s[0] = (B) => a("cancel"))
                 }, {
                   default: r(() => [
-                    a(
-                      n(o(f)("das-ui-popover-cancel").value),
+                    p(
+                      i(o(v)("das-ui-popover-cancel").value),
                       1
                       /* TEXT */
                     )
@@ -71,14 +71,14 @@ const S = { class: "das-ui-popover-container" }, T = {
                   _: 1
                   /* STABLE */
                 }),
-                u(o(v), {
+                f(o(C), {
                   btnType: "primary",
-                  onClick: t[1] || (t[1] = (B) => i("confirm")),
+                  onClick: s[1] || (s[1] = (B) => a("confirm")),
                   style: { "margin-left": "12px" }
                 }, {
                   default: r(() => [
-                    a(
-                      n(o(f)("das-ui-popover-confirm").value),
+                    p(
+                      i(o(v)("das-ui-popover-confirm").value),
                       1
                       /* TEXT */
                     )
@@ -86,7 +86,7 @@ const S = { class: "das-ui-popover-container" }, T = {
                   _: 1
                   /* STABLE */
                 })
-              ])) : d("v-if", !0)
+              ])) : m("v-if", !0)
             ])
           ])
         ])), [
@@ -97,12 +97,12 @@ const S = { class: "das-ui-popover-container" }, T = {
       /* FORWARDED */
     }, 16, ["placement", "width", "popper-class"]));
   }
-}), q = {
+}), j = {
   "das-ui-popover-confirm": { "zh-CN": "确定", en: "OK", _appCode: "framework" },
   "das-ui-popover-cancel": { "zh-CN": "取消", en: "Cancel", _appCode: "framework" }
 };
-E(q);
-const Q = () => C(null), U = V(j), W = { title: "Popover 气泡卡片" };
+E(j);
+const Q = () => k(null), U = V(_), W = { title: "Popover 气泡卡片" };
 export {
   U as DasPopover,
   Q as DasPopoverRef,