@das-fed/ui 7.1.0-dev.9 → 7.1.0-qatar.2

package/packages/components/pagination/index.js

@@ -1,79 +1,79 @@
 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 { withInstall as ee } from "@das-fed/utils/with-install/index";
-import { t as P, currentLang as ae, setI18nRule as te } from "@das-fed/web/packages/i18n/index";
-import { DasAutoRegisterIcon as oe, DasIcon as x } from "@das-fed/ui/packages/components/icon/index";
-import { ElConfigProvider as le, ElPagination as ne } from "element-plus";
+import { defineComponent as E, createElementBlock as z, openBlock as u, createElementVNode as B, ref as R, computed as g, createBlock as D, withCtx as k, withDirectives as J, createVNode as v, createTextVNode as U, toDisplayString as x, unref as t, normalizeClass as h, Fragment as F, renderList as K, reactive as Q, watch as W, onMounted as X, nextTick as Y, createCommentVNode as P, mergeProps as Z, isRef as M, renderSlot as ee } from "vue";
+import { withInstall as ae } from "@das-fed/utils/with-install/index";
+import { t as S, currentLang as oe, setI18nRule as te } from "@das-fed/web/packages/i18n/index";
+import { DasAutoRegisterIcon as le, DasIcon as N } from "@das-fed/ui/packages/components/icon/index";
+import { ElConfigProvider as se, 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 { useModelValue as j } from "@das-fed/utils/vue";
+import ie from "element-plus/dist/locale/zh-cn.mjs";
+import re from "element-plus/dist/locale/en.mjs";
+import { ElDropdown as pe, ElIcon as ce, ElDropdownMenu as ue, ElDropdownItem as de } 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 { vDasTooltip as de } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { setThemeRule as ge } from "@das-fed/web/packages/theme/index";
+import { vDasTooltip as ge } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { getVar as p, setGlobalThemeRule as me, setThemeRule as ve } from "@das-fed/web/packages/theme/index";
 /*! Element Plus Icons Vue v2.3.1 */
-var me = /* @__PURE__ */ B({
+var fe = /* @__PURE__ */ E({
   name: "ArrowDown",
   __name: "arrow-down",
-  setup(v) {
-    return (f, n) => (u(), _("svg", {
+  setup(f) {
+    return (_, s) => (u(), z("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      D("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"
       })
     ]));
   }
-}), ve = me;
-const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }, ze = {
+}), _e = fe;
+const ze = { class: "sizes-dropdown-link" }, Ce = { class: "current-page-size" }, ke = {
   name: "DasPaginationSizes"
-}, Ce = /* @__PURE__ */ B({
-  ...ze,
+}, be = /* @__PURE__ */ E({
+  ...ke,
   props: {
     pageSizes: { default: () => [20, 50, 100] },
     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(f, { emit: _ }) {
+    const s = f, l = _, b = R(!1), m = g({
+      get: () => s.pageSize,
+      set: (c) => {
+        l("update:pageSize", c);
       }
-    }), s = (p) => {
-      k.value = p;
-    }, E = (p) => {
-      g.value = p, l("size-change", p);
+    }), n = (c) => {
+      b.value = c;
+    }, V = (c) => {
+      m.value = c, l("size-change", c);
     };
-    return (p, I) => {
-      const z = pe, w = ce, e = ue, c = re;
-      return u(), N(c, {
+    return (c, I) => {
+      const C = ce, y = de, e = ue, d = pe;
+      return u(), D(d, {
         "popper-class": "pagination-sizes-popper",
         trigger: "click",
-        onVisibleChange: s,
-        onCommand: E
+        onVisibleChange: n,
+        onCommand: V
       }, {
-        dropdown: C(() => [
-          m(e, null, {
-            default: C(() => [
-              (u(!0), _(
-                j,
+        dropdown: k(() => [
+          v(e, null, {
+            default: k(() => [
+              (u(!0), z(
+                F,
                 null,
-                J(p.pageSizes, (i) => (u(), N(w, {
-                  class: h(["sizes-item", i === p.pageSize ? "selected" : ""]),
+                K(c.pageSizes, (i) => (u(), D(y, {
+                  class: h(["sizes-item", i === c.pageSize ? "selected" : ""]),
                   key: i,
                   command: i
                 }, {
-                  default: C(() => [
-                    L(
-                      S(o(P)("pagination-items_per_page", i)),
+                  default: k(() => [
+                    U(
+                      x(t(S)("pagination-items_per_page", i)),
                       1
                       /* TEXT */
                     )
@@ -89,22 +89,22 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
             /* STABLE */
           })
         ]),
-        default: C(() => [
-          D("span", fe, [
-            H((u(), _("span", _e, [
-              L(
-                S(o(P)("pagination-items_per_page", g.value)),
+        default: k(() => [
+          B("span", ze, [
+            J((u(), z("span", Ce, [
+              U(
+                x(t(S)("pagination-items_per_page", m.value)),
                 1
                 /* TEXT */
               )
             ])), [
-              [o(de)]
+              [t(ge)]
             ]),
-            m(z, {
-              class: h(["arrow-icon", k.value ? "rotate180" : ""])
+            v(C, {
+              class: h(["arrow-icon", b.value ? "rotate180" : ""])
             }, {
-              default: C(() => [
-                m(o(ve))
+              default: k(() => [
+                v(t(_e))
               ]),
               _: 1
               /* STABLE */
@@ -116,35 +116,35 @@ 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;
-}, ke = /* @__PURE__ */ R(Ce, [["__scopeId", "data-v-c341a216"]]), he = { class: "total-page" }, we = {
+}), L = (f, _) => {
+  const s = f.__vccOpts || f;
+  for (const [l, b] of _)
+    s[l] = b;
+  return s;
+}, he = /* @__PURE__ */ L(be, [["__scopeId", "data-v-45ca657e"]]), ye = { class: "total-page" }, we = {
   name: "TotalPage"
-}, ye = /* @__PURE__ */ B({
+}, xe = /* @__PURE__ */ E({
   ...we,
   props: {
     totalPage: {}
   },
-  setup(v) {
-    return (f, n) => (u(), _(
+  setup(f) {
+    return (_, s) => (u(), z(
       "div",
-      he,
-      S(o(P)("pagination-total_page", f.totalPage)),
+      ye,
+      x(t(S)("pagination-total_page", _.totalPage)),
       1
       /* TEXT */
     ));
   }
-}), Se = /* @__PURE__ */ R(ye, [["__scopeId", "data-v-917c488b"]]), Pe = { class: "das-ui-pagination" }, $e = {
+}), Se = /* @__PURE__ */ L(xe, [["__scopeId", "data-v-917c488b"]]), $e = { class: "das-ui-pagination" }, Pe = {
   key: 0,
-  style: { color: "#212121", "font-size": "12px" }
-}, be = {
+  class: "simple-page-text"
+}, Ne = {
   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" }, Ee = /* @__PURE__ */ E({
   __name: "Pagination",
   props: {
     modelValue: { default: 1 },
@@ -159,141 +159,141 @@ 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;
-    oe({
+  setup(f, { emit: _ }) {
+    const s = f, l = _;
+    le({
       "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 b = g(() => oe.value === "zh-CN" ? ie : re), m = R(), n = Q({
       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);
-    }, 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;
+    }), V = g(() => s.layout), c = g(() => s.background), I = g(() => s.pageSizes), C = g(() => s.total), y = g(() => s.simple), e = j(s, "modelValue"), d = j(s, "pageSize"), i = g(() => Math.ceil(C.value / d.value)), T = g(() => y.value ? "prev, slot, next" : V.value || "total,jumper,slot,sizes"), A = g(() => T.value.replace(/\s*/g, "").split(",").filter((a) => a !== "total" && a !== "sizes").join(",")), G = (o) => {
+      l("update:pageSize", o), l("size-change", o);
+    }, w = (o) => {
+      l("update:modelValue", o), l("current-change", o);
+    }, O = () => l("prev-click", e.value), q = () => l("next-click", e.value), H = () => {
+      n.first = i.value === 0 || e.value <= 1, n.pre = i.value === 0 || e.value <= 1, n.next = i.value === 0 || e.value === i.value, n.last = i.value === 0 || e.value === i.value;
     };
-    Q(
+    W(
       () => [e.value, i.value],
       () => {
-        G();
+        H();
       },
       {
         immediate: !0
       }
     );
-    const $ = (t, a) => {
+    const $ = (o, a) => {
       const r = /* @__PURE__ */ new Map([
         [
           "first",
           () => {
-            e.value <= 1 || (e.value = 1, y(e.value), l("first-click", e.value));
+            e.value <= 1 || (e.value = 1, w(e.value), l("first-click", e.value));
           }
         ],
         [
           "pre",
           () => {
-            e.value <= 1 || (e.value--, y(e.value), l("prev-click", e.value));
+            e.value <= 1 || (e.value--, w(e.value), l("prev-click", e.value));
           }
         ],
         [
           "next",
           () => {
-            e.value !== z.value && (e.value++, y(e.value), l("next-click", e.value));
+            e.value !== C.value && (e.value++, w(e.value), l("next-click", e.value));
           }
         ],
         [
           "last",
           () => {
-            e.value !== z.value && (e.value = i.value, y(e.value), l("last-click", e.value));
+            e.value !== C.value && (e.value = i.value, w(e.value), l("last-click", e.value));
           }
         ]
       ]);
       if (a) return;
-      r.get(t)();
+      r.get(o)();
     };
-    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("页")));
+    return X(() => {
+      Y(() => {
+        var o, a, r;
+        (o = m.value) != null && o.$el && ((a = m.value.$el) != null && a.getElementsByClassName("el-pagination__goto")[0] && (m.value.$el.getElementsByClassName("el-pagination__goto")[0].innerText = S("第")), (r = m.value.$el) != null && r.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), {
+    }), (o, a) => (u(), z("div", $e, [
+      T.value.includes("total") ? (u(), D(t(Se), {
         key: 0,
         "total-page": i.value,
         style: { "margin-right": "12px" }
-      }, null, 8, ["total-page"])) : b("v-if", !0),
-      m(o(le), { locale: k.value }, {
-        default: C(() => [
-          m(o(ne), Y({
+      }, null, 8, ["total-page"])) : P("v-if", !0),
+      v(t(se), { locale: b.value }, {
+        default: k(() => [
+          v(t(ne), Z({
             ref_key: "dasPagination",
-            ref: g,
-            class: { background: p.value, simple: w.value },
-            currentPage: o(e),
+            ref: m,
+            class: { background: c.value, simple: y.value },
+            currentPage: t(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-size": t(d),
+            "onUpdate:pageSize": a[5] || (a[5] = (r) => M(d) ? d.value = r : 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",
+            total: C.value,
+            small: o.small,
+            background: c.value,
+            disabled: o.disabled,
+            "popper-class": o.popperClass ? `das-pagination-popper ${o.popperClass}` : "das-pagination-popper",
             teleported: !1,
-            onCurrentChange: y,
+            onCurrentChange: w,
             onPrevClick: O,
             onNextClick: q
-          }, t.$attrs), {
-            default: C(() => [
-              A.value.includes("slot") ? Z(t.$slots, "default", { key: 0 }, () => [
-                t.$slots.default ? b("v-if", !0) : (u(), _(
-                  j,
+          }, o.$attrs), {
+            default: k(() => [
+              A.value.includes("slot") ? ee(o.$slots, "default", { key: 0 }, () => [
+                o.$slots.default ? P("v-if", !0) : (u(), z(
+                  F,
                   { key: 0 },
                   [
-                    w.value ? (u(), _(
+                    y.value ? (u(), z(
                       "div",
-                      $e,
-                      S(o(e)) + "/" + S(Math.ceil(z.value / o(c))),
+                      Pe,
+                      x(t(e)) + "/" + x(Math.ceil(C.value / t(d))),
                       1
                       /* TEXT */
-                    )) : (u(), _("div", be, [
-                      D("div", xe, [
-                        m(o(x), {
-                          class: h(["page-icon", s.first ? "disabled" : ""]),
+                    )) : (u(), z("div", Ne, [
+                      B("div", Be, [
+                        v(t(N), {
+                          class: h(["page-icon", n.first ? "disabled" : ""]),
                           icon: "arrow-first",
-                          iconColor: "#666666",
+                          iconColor: "var(--das-ui-pagination-desc-color)",
                           size: "medium",
-                          onClick: a[0] || (a[0] = (r) => $("first", s.first))
+                          onClick: a[0] || (a[0] = (r) => $("first", n.first))
                         }, null, 8, ["class"]),
-                        m(o(x), {
-                          class: h(["page-icon", s.pre ? "disabled" : ""]),
+                        v(t(N), {
+                          class: h(["page-icon", n.pre ? "disabled" : ""]),
                           icon: "left",
-                          iconColor: "#666666",
+                          iconColor: "var(--das-ui-pagination-desc-color)",
                           size: "medium",
-                          onClick: a[1] || (a[1] = (r) => $("pre", s.pre))
+                          onClick: a[1] || (a[1] = (r) => $("pre", n.pre))
                         }, null, 8, ["class"])
                       ]),
-                      D("div", De, [
-                        m(o(x), {
-                          class: h(["page-icon", s.next ? "disabled" : ""]),
+                      B("div", De, [
+                        v(t(N), {
+                          class: h(["page-icon", n.next ? "disabled" : ""]),
                           icon: "right",
-                          iconColor: "#666666",
+                          iconColor: "var(--das-ui-pagination-desc-color)",
                           size: "medium",
-                          onClick: a[2] || (a[2] = (r) => $("next", s.next))
+                          onClick: a[2] || (a[2] = (r) => $("next", n.next))
                         }, null, 8, ["class"]),
-                        m(o(x), {
-                          class: h(["page-icon", s.last ? "disabled" : ""]),
+                        v(t(N), {
+                          class: h(["page-icon", n.last ? "disabled" : ""]),
                           icon: "arrow-last",
-                          iconColor: "#666666",
+                          iconColor: "var(--das-ui-pagination-desc-color)",
                           size: "medium",
-                          onClick: a[3] || (a[3] = (r) => $("last", s.last))
+                          onClick: a[3] || (a[3] = (r) => $("last", n.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) : P("v-if", !0)
             ]),
             _: 3
             /* FORWARDED */
@@ -310,33 +310,56 @@ const fe = { class: "sizes-dropdown-link" }, _e = { class: "current-page-size" }
         _: 3
         /* FORWARDED */
       }, 8, ["locale"]),
-      V.value.includes("sizes") ? (u(), N(o(ke), {
+      T.value.includes("sizes") ? (u(), D(t(he), {
         key: 1,
         "page-sizes": I.value,
-        pageSize: o(c),
-        "onUpdate:pageSize": a[6] || (a[6] = (r) => M(c) ? c.value = r : null),
-        onSizeChange: F
-      }, null, 8, ["page-sizes", "pageSize"])) : b("v-if", !0)
+        pageSize: t(d),
+        "onUpdate:pageSize": a[6] || (a[6] = (r) => M(d) ? d.value = r : null),
+        onSizeChange: G
+      }, null, 8, ["page-sizes", "pageSize"])) : P("v-if", !0)
     ]));
   }
-}), Be = /* @__PURE__ */ R(Ne, [["__scopeId", "data-v-d1fdaf0e"]]), Ee = {
-  "--das-ui-pagination-simple-border-color": "#D9D9D9",
-  "--das-ui-pagination-size-color": "#212121",
-  "--das-ui-pagination-size--icon-hover-color": "#3761CA",
-  "--das-ui-pagination-size--poppver-item-hover-bg-color": "#f5f5f5",
-  "--das-ui-pagination-size--poppver-item-click-color": "#5582f3",
-  "--das-ui-pagination-totalpage-color": "#666666"
-}, Ie = {
-  第: { "zh-CN": "第", en: "Page", _appCode: "framework" },
-  页: { "zh-CN": "页", en: " ", _appCode: "framework" },
-  "pagination-total_page": { "zh-CN": "共$0页", en: "Total $0", _appCode: "framework" },
-  "pagination-items_per_page": { "zh-CN": "$0条/页", en: "$0 Records/Page", _appCode: "framework" }
+}), Ve = /* @__PURE__ */ L(Ee, [["__scopeId", "data-v-3715303c"]]), Ie = {
+  "--das-ui-pagination-primary-color": p("--das-color-brand-primary"),
+  // 高亮状态颜色
+  "--das-ui-pagination-text-color": p("--das-color-text-title"),
+  // 页码和输入文字颜色
+  "--das-ui-pagination-desc-color": p("--das-color-text-body"),
+  // 总页数、跳转文案、图标默认颜色
+  "--das-ui-pagination-disabled-color": p("--das-color-text-caption"),
+  // 禁用文字和图标颜色
+  "--das-ui-pagination-border-color": p("--das-color-border-strong"),
+  // 分页控件边框颜色
+  "--das-ui-pagination-bg-color": p("--das-color-bg-container"),
+  // 分页控件背景色
+  "--das-ui-pagination-hover-bg-color": p("--das-color-bg-disabled"),
+  // 下拉选项悬浮背景色
+  "--das-ui-pagination-radius": p("--das-radius-sm"),
+  // 分页控件圆角
+  "--das-ui-pagination-simple-border-color": p("--das-color-border-strong"),
+  // 简化分页边框颜色
+  "--das-ui-pagination-size-color": p("--das-color-text-title"),
+  // 每页条数文字颜色
+  "--das-ui-pagination-size--icon-hover-color": p("--das-color-brand-primary"),
+  // 每页条数图标悬浮颜色
+  "--das-ui-pagination-size--poppver-item-hover-bg-color": p("--das-color-bg-disabled"),
+  // 每页条数下拉项悬浮背景色
+  "--das-ui-pagination-size--poppver-item-click-color": p("--das-color-brand-primary"),
+  // 每页条数下拉项选中颜色
+  "--das-ui-pagination-totalpage-color": p("--das-color-text-body")
+  // 总页数文字颜色
+}, Te = {
+  第: { "zh-CN": "第", en: "Page", ar: "صفحة", _appCode: "framework" },
+  页: { "zh-CN": "页", en: " ", ar: " ", _appCode: "framework" },
+  "pagination-total_page": { "zh-CN": "共$0页", en: "Total $0", ar: "الإجمالي $0", _appCode: "framework" },
+  "pagination-items_per_page": { "zh-CN": "$0条/页", en: "$0 Records/Page", ar: "$0 سجل/صفحة", _appCode: "framework" }
 };
-te(Ie);
-ge(Ee);
-const Ye = () => T(null), Ze = ee(Be);
+te(Te);
+me();
+ve(Ie);
+const ea = () => R(null), aa = ae(Ve);
 export {
-  Ze as DasPagination,
-  Ye as DasPaginationRef,
-  Ze as default
+  aa as DasPagination,
+  ea as DasPaginationRef,
+  aa as default
 };

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-45ca657e]{display:flex;align-items:center;margin-left:12px}.sizes-dropdown-link .arrow-icon[data-v-45ca657e]{font-size:14px;transition:transform .3s}html[lang=ar] .sizes-dropdown-link .arrow-icon[data-v-45ca657e],:host-context(html[lang="ar"]) .sizes-dropdown-link .arrow-icon[data-v-45ca657e]{font-size:16px}.sizes-dropdown-link .rotate180[data-v-45ca657e]{transform:rotate(180deg)}.sizes-dropdown-link .current-page-size[data-v-45ca657e]{font-size:12px;color:var(--das-ui-pagination-size-color);margin-right:9px}html[lang=ar] .sizes-dropdown-link .current-page-size[data-v-45ca657e],:host-context(html[lang="ar"]) .sizes-dropdown-link .current-page-size[data-v-45ca657e]{font-size:14px}.sizes-dropdown-link:hover .arrow-icon[data-v-45ca657e]{color:var(--das-ui-pagination-size--icon-hover-color)}.pagination-sizes-popper{min-width:108px;border-radius:var(--das-ui-pagination-radius)}.pagination-sizes-popper .el-popper__arrow{display:none}.pagination-sizes-popper .el-dropdown-menu{border-radius:var(--das-ui-pagination-radius)}.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)}html[lang=ar] .pagination-sizes-popper .sizes-item.el-dropdown-menu__item,:host-context(html[lang="ar"]) .pagination-sizes-popper .sizes-item.el-dropdown-menu__item{font-size:14px}.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-primary-color);font-weight:400}.pagination-sizes-popper .sizes-item.el-dropdown-menu__item.selected :hover{color:var(--das-ui-pagination-primary-color)}.total-page[data-v-917c488b]{font-size:12px;color:var(--das-ui-pagination-totalpage-color)}html[lang=ar] .total-page[data-v-917c488b],:host-context(html[lang="ar"]) .total-page[data-v-917c488b]{font-size:14px}.das-ui-pagination[data-v-3715303c]{display:flex;align-items:center;--el-color-primary: var(--das-ui-pagination-primary-color);padding:0}.das-ui-pagination .flex-center__y[data-v-3715303c]{display:flex;align-items:center}.das-ui-pagination .simple-page-text[data-v-3715303c]{color:var(--das-ui-pagination-text-color);font-size:12px}html[lang=ar] .das-ui-pagination .simple-page-text[data-v-3715303c],:host-context(html[lang="ar"]) .das-ui-pagination .simple-page-text[data-v-3715303c]{font-size:14px}.das-ui-pagination[data-v-3715303c] .el-pager li,.das-ui-pagination[data-v-3715303c] .btn-prev,.das-ui-pagination[data-v-3715303c] .btn-next,.das-ui-pagination[data-v-3715303c] .el-pagination__jump .el-input__wrapper{border-radius:var(--das-ui-pagination-radius)}.das-ui-pagination[data-v-3715303c] .el-pager li{color:var(--das-ui-pagination-text-color);background-color:var(--das-ui-pagination-bg-color)}.das-ui-pagination[data-v-3715303c] .el-pager li:hover{color:var(--das-ui-pagination-primary-color)}.das-ui-pagination[data-v-3715303c] .el-pager li.is-active{color:var(--das-ui-pagination-primary-color);border-color:var(--das-ui-pagination-primary-color)}.das-ui-pagination[data-v-3715303c] .el-pagination.is-background .el-pager li.is-active{color:var(--das-ui-pagination-bg-color);background-color:var(--das-ui-pagination-primary-color);border-color:var(--das-ui-pagination-primary-color)}.das-ui-pagination[data-v-3715303c] .btn-prev,.das-ui-pagination[data-v-3715303c] .btn-next{color:var(--das-ui-pagination-desc-color);background-color:var(--das-ui-pagination-bg-color)}.das-ui-pagination[data-v-3715303c] .btn-prev:hover,.das-ui-pagination[data-v-3715303c] .btn-next:hover{color:var(--das-ui-pagination-primary-color)}.das-ui-pagination[data-v-3715303c] .btn-prev:disabled,.das-ui-pagination[data-v-3715303c] .btn-next:disabled{color:var(--das-ui-pagination-disabled-color)}.das-ui-pagination[data-v-3715303c] .el-pagination__classifier{margin-left:4px;color:var(--das-ui-pagination-desc-color)}.das-ui-pagination[data-v-3715303c] .el-pagination__editor{margin-left:4px}.das-ui-pagination[data-v-3715303c] .el-pagination__jump{margin-left:12px}.das-ui-pagination[data-v-3715303c] .el-pagination__jump .el-input__wrapper{border-radius:var(--das-ui-pagination-radius)}.das-ui-pagination[data-v-3715303c] .el-pagination__jump .el-input__wrapper.is-focus,.das-ui-pagination[data-v-3715303c] .el-pagination__jump .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-pagination-primary-color) inset}.das-ui-pagination[data-v-3715303c] .el-select .el-input__wrapper{border-radius:var(--das-ui-pagination-radius);box-shadow:none!important}.das-ui-pagination[data-v-3715303c] .el-select .el-input{width:85px}.das-ui-pagination[data-v-3715303c] .el-select .el-input .el-select__caret{color:var(--das-ui-pagination-desc-color);margin-left:0}.das-ui-pagination[data-v-3715303c] .el-pagination__sizes{display:flex;flex-direction:column;justify-content:center;margin-left:0;margin-right:0}.das-ui-pagination.simple[data-v-3715303c]{border:1px solid var(--das-ui-pagination-simple-border-color);border-radius:var(--das-ui-pagination-radius);background:var(--das-ui-pagination-bg-color)}.das-ui-pagination.simple[data-v-3715303c]:hover{border-color:var(--das-ui-pagination-primary-color)}.das-ui-pagination .page-container .page-icon[data-v-3715303c]{cursor:pointer;margin-right:8px}.das-ui-pagination .page-container .page-icon[data-v-3715303c]:hover,.das-ui-pagination .page-container .page-icon[data-v-3715303c]:active{fill:var(--das-ui-pagination-primary-color)}.das-ui-pagination .page-container .page-icon.disabled[data-v-3715303c]{cursor:not-allowed;fill:var(--das-ui-pagination-disabled-color)}

package/packages/components/pagination/theme/index.d.ts

@@ -1,4 +1,12 @@
 declare const _default: {
+    '--das-ui-pagination-primary-color': string;
+    '--das-ui-pagination-text-color': string;
+    '--das-ui-pagination-desc-color': string;
+    '--das-ui-pagination-disabled-color': string;
+    '--das-ui-pagination-border-color': string;
+    '--das-ui-pagination-bg-color': string;
+    '--das-ui-pagination-hover-bg-color': string;
+    '--das-ui-pagination-radius': string;
     '--das-ui-pagination-simple-border-color': string;
     '--das-ui-pagination-size-color': string;
     '--das-ui-pagination-size--icon-hover-color': string;

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

@@ -2,11 +2,13 @@ declare const _default: {
     'das-ui-popover-confirm': {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
     'das-ui-popover-cancel': {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
 };

package/packages/components/popover/index.js

@@ -98,8 +98,8 @@ const S = { class: "das-ui-popover-container" }, T = {
     }, 16, ["placement", "width", "popper-class"]));
   }
 }), q = {
-  "das-ui-popover-confirm": { "zh-CN": "确定", en: "OK", _appCode: "framework" },
-  "das-ui-popover-cancel": { "zh-CN": "取消", en: "Cancel", _appCode: "framework" }
+  "das-ui-popover-confirm": { "zh-CN": "确定", en: "OK", ar: "موافق", _appCode: "framework" },
+  "das-ui-popover-cancel": { "zh-CN": "取消", en: "Cancel", ar: "إلغاء", _appCode: "framework" }
 };
 E(q);
 const Q = () => C(null), U = V(j), W = { title: "Popover 气泡卡片" };

package/packages/components/popover/style.css

@@ -1 +1 @@
-.das-ui-popover-over-container.el-popover.el-popper{box-sizing:border-box;padding:0}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container{padding:16px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-title{padding:0;border-bottom:0;min-height:0;height:20px;line-height:20px;color:var(--das-ui-color-normal);font-size:14px;margin-bottom:7px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content{padding:0;font-size:12px;color:var(--das-ui-color-normal);line-height:18px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content .btn-groups{margin-top:18px;display:flex;justify-content:flex-end}.das-ui-popover-over-container.el-popover.el-popper[data-popper-placement^=bottom-start]>.el-popper__arrow{left:16px!important}.das-ui-popover-over-container.el-popover.el-popper[data-popper-placement^=bottom-end]>.el-popper__arrow{right:16px!important;left:unset!important}
+.das-ui-popover-over-container.el-popover.el-popper{box-sizing:border-box;padding:0}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container{padding:16px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-title{padding:0;border-bottom:0;min-height:0;height:20px;line-height:20px;color:var(--das-ui-color-normal);font-size:14px;margin-bottom:7px}html[lang=ar] .das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-title,:host-context(html[lang="ar"]) .das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-title{font-size:16px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content{padding:0;font-size:12px;color:var(--das-ui-color-normal);line-height:18px}html[lang=ar] .das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content,:host-context(html[lang="ar"]) .das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content{font-size:14px}.das-ui-popover-over-container.el-popover.el-popper .das-ui-popover-container .das-ui-popover-content .btn-groups{margin-top:18px;display:flex;justify-content:flex-end}.das-ui-popover-over-container.el-popover.el-popper[data-popper-placement^=bottom-start]>.el-popper__arrow{left:16px!important}.das-ui-popover-over-container.el-popover.el-popper[data-popper-placement^=bottom-end]>.el-popper__arrow{right:16px!important;left:unset!important}

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

@@ -2,6 +2,7 @@ declare const _default: {
     'das-preview-text': {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
 };

package/packages/components/preview/index.js

@@ -55,7 +55,9 @@ const y = (e) => {
   for (const [o, s] of r)
     t[o] = s;
   return t;
-}, z = /* @__PURE__ */ b(N, [["__scopeId", "data-v-9643931e"]]), B = { "das-preview-text": { "zh-CN": "预览", en: "Preview", _appCode: "framework" } }, L = f(z);
+}, z = /* @__PURE__ */ b(N, [["__scopeId", "data-v-9643931e"]]), B = {
+  "das-preview-text": { "zh-CN": "预览", en: "Preview", ar: "معاينة", _appCode: "framework" }
+}, L = f(z);
 d(B);
 export {
   L as DasPreview,