@das-fed/ui 7.1.0-qatar.12 → 7.1.0-qatar.13

package/packages/components/pagination/index.js

@@ -1,23 +1,24 @@
 import '@das-fed/ui/packages/components/pagination/style.css';
-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 q, 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 { 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 K, createVNode as v, createTextVNode as U, toDisplayString as x, unref as t, normalizeClass as h, Fragment as F, renderList as Q, reactive as W, watch as X, onMounted as Y, nextTick as Z, createCommentVNode as P, mergeProps as ee, isRef as M, renderSlot as ae } from "vue";
+import { withInstall as oe } from "@das-fed/utils/with-install/index";
+import { t as S, currentLang as j, 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 j } from "@das-fed/utils/vue";
+import { useModelValue as q } 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 pe from "element-plus/dist/locale/ar.mjs";
+import { ElDropdown as ce, ElIcon as ue, ElDropdownMenu as de, ElDropdownItem as ge } 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 ge } from "@das-fed/ui/packages/components/text-tooltip/index";
-import { getVar as s, setGlobalThemeRule as me, setThemeRule as ve } from "@das-fed/web/packages/theme/index";
+import { vDasTooltip as me } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { getVar as s, setGlobalThemeRule as ve, setThemeRule as fe } from "@das-fed/web/packages/theme/index";
 /*! Element Plus Icons Vue v2.3.1 */
-var fe = /* @__PURE__ */ E({
+var _e = /* @__PURE__ */ E({
   name: "ArrowDown",
   __name: "arrow-down",
   setup(f) {
@@ -31,11 +32,11 @@ var fe = /* @__PURE__ */ E({
       })
     ]));
   }
-}), _e = fe;
-const ze = { class: "sizes-dropdown-link" }, Ce = { class: "current-page-size" }, ke = {
+}), ze = _e;
+const Ce = { class: "sizes-dropdown-link" }, ke = { class: "current-page-size" }, be = {
   name: "DasPaginationSizes"
-}, be = /* @__PURE__ */ E({
-  ...ke,
+}, he = /* @__PURE__ */ E({
+  ...be,
   props: {
     pageSizes: { default: () => [20, 50, 100] },
     pageSize: { default: 20 }
@@ -53,7 +54,7 @@ const ze = { class: "sizes-dropdown-link" }, Ce = { class: "current-page-size" }
       m.value = c, l("size-change", c);
     };
     return (c, I) => {
-      const C = ce, y = de, e = ue, d = pe;
+      const C = ue, y = ge, e = de, d = ce;
       return u(), D(d, {
         "popper-class": "pagination-sizes-popper",
         trigger: "click",
@@ -64,9 +65,9 @@ const ze = { class: "sizes-dropdown-link" }, Ce = { class: "current-page-size" }
           v(e, null, {
             default: k(() => [
               (u(!0), z(
-                q,
+                F,
                 null,
-                K(c.pageSizes, (r) => (u(), D(y, {
+                Q(c.pageSizes, (r) => (u(), D(y, {
                   class: h(["sizes-item", r === c.pageSize ? "selected" : ""]),
                   key: r,
                   command: r
@@ -90,21 +91,21 @@ const ze = { class: "sizes-dropdown-link" }, Ce = { class: "current-page-size" }
           })
         ]),
         default: k(() => [
-          B("span", ze, [
-            J((u(), z("span", Ce, [
+          B("span", Ce, [
+            K((u(), z("span", ke, [
               U(
                 x(t(S)("pagination-items_per_page", m.value)),
                 1
                 /* TEXT */
               )
             ])), [
-              [t(ge)]
+              [t(me)]
             ]),
             v(C, {
               class: h(["arrow-icon", b.value ? "rotate180" : ""])
             }, {
               default: k(() => [
-                v(t(_e))
+                v(t(ze))
               ]),
               _: 1
               /* STABLE */
@@ -121,30 +122,30 @@ const ze = { class: "sizes-dropdown-link" }, Ce = { class: "current-page-size" }
   for (const [l, b] of _)
     n[l] = b;
   return n;
-}, he = /* @__PURE__ */ L(be, [["__scopeId", "data-v-5c139775"]]), ye = { class: "total-page" }, we = {
+}, ye = /* @__PURE__ */ L(he, [["__scopeId", "data-v-5c139775"]]), we = { class: "total-page" }, xe = {
   name: "TotalPage"
-}, xe = /* @__PURE__ */ E({
-  ...we,
+}, Se = /* @__PURE__ */ E({
+  ...xe,
   props: {
     totalPage: {}
   },
   setup(f) {
     return (_, n) => (u(), z(
       "div",
-      ye,
+      we,
       x(t(S)("pagination-total_page", _.totalPage)),
       1
       /* TEXT */
     ));
   }
-}), Se = /* @__PURE__ */ L(xe, [["__scopeId", "data-v-917c488b"]]), $e = { class: "das-ui-pagination" }, Pe = {
+}), $e = /* @__PURE__ */ L(Se, [["__scopeId", "data-v-917c488b"]]), Pe = { class: "das-ui-pagination" }, Ne = {
   key: 0,
   class: "simple-page-text"
-}, Ne = {
+}, Be = {
   key: 1,
   style: { "margin-left": "12px" },
   class: "page-container flex-center__y"
-}, Be = { class: "flex-center__y" }, De = { class: "flex-center__y" }, Ee = /* @__PURE__ */ E({
+}, De = { class: "flex-center__y" }, Ee = { class: "flex-center__y" }, Ve = /* @__PURE__ */ E({
   __name: "Pagination",
   props: {
     modelValue: { default: 1 },
@@ -167,22 +168,22 @@ const ze = { class: "sizes-dropdown-link" }, Ce = { class: "current-page-size" }
       right: import("@das-fed/ui/packages/icons/right"),
       "arrow-last": import("@das-fed/ui/packages/icons/arrow-last")
     });
-    const b = g(() => oe.value === "zh-CN" ? ie : re), m = R(), i = Q({
+    const b = g(() => j.value === "zh-CN" ? ie : j.value === "ar" ? pe : re), m = R(), i = W({
       first: !1,
       pre: !1,
       next: !1,
       last: !1
-    }), V = g(() => n.layout), c = g(() => n.background), I = g(() => n.pageSizes), C = g(() => n.total), y = g(() => n.simple), e = j(n, "modelValue"), d = j(n, "pageSize"), r = 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(",")), F = (o) => {
+    }), V = g(() => n.layout), c = g(() => n.background), I = g(() => n.pageSizes), C = g(() => n.total), y = g(() => n.simple), e = q(n, "modelValue"), d = q(n, "pageSize"), r = 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);
-    }, G = () => l("prev-click", e.value), O = () => l("next-click", e.value), H = () => {
+    }, O = () => l("prev-click", e.value), H = () => l("next-click", e.value), J = () => {
       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;
     };
-    W(
+    X(
       () => [e.value, r.value],
       () => {
-        H();
+        J();
       },
       {
         immediate: !0
@@ -218,20 +219,20 @@ const ze = { class: "sizes-dropdown-link" }, Ce = { class: "current-page-size" }
       if (a) return;
       p.get(o)();
     };
-    return X(() => {
-      Y(() => {
+    return Y(() => {
+      Z(() => {
         var o, a, p;
         (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("第")), (p = m.value.$el) != null && p.getElementsByClassName("el-pagination__classifier")[0] && (m.value.$el.getElementsByClassName("el-pagination__classifier")[0].innerText = S("页")));
       });
-    }), (o, a) => (u(), z("div", $e, [
-      T.value.includes("total") ? (u(), D(t(Se), {
+    }), (o, a) => (u(), z("div", Pe, [
+      T.value.includes("total") ? (u(), D(t($e), {
         key: 0,
         "total-page": r.value,
         style: { "margin-right": "12px" }
       }, null, 8, ["total-page"])) : P("v-if", !0),
       v(t(se), { locale: b.value }, {
         default: k(() => [
-          v(t(ne), Z({
+          v(t(ne), ee({
             ref_key: "dasPagination",
             ref: m,
             class: { background: c.value, simple: y.value },
@@ -248,23 +249,23 @@ const ze = { class: "sizes-dropdown-link" }, Ce = { class: "current-page-size" }
             "popper-class": o.popperClass ? `das-pagination-popper ${o.popperClass}` : "das-pagination-popper",
             teleported: !1,
             onCurrentChange: w,
-            onPrevClick: G,
-            onNextClick: O
+            onPrevClick: O,
+            onNextClick: H
           }, o.$attrs), {
             default: k(() => [
-              A.value.includes("slot") ? ee(o.$slots, "default", { key: 0 }, () => [
+              A.value.includes("slot") ? ae(o.$slots, "default", { key: 0 }, () => [
                 o.$slots.default ? P("v-if", !0) : (u(), z(
-                  q,
+                  F,
                   { key: 0 },
                   [
                     y.value ? (u(), z(
                       "div",
-                      Pe,
+                      Ne,
                       x(t(e)) + "/" + x(Math.ceil(C.value / t(d))),
                       1
                       /* TEXT */
-                    )) : (u(), z("div", Ne, [
-                      B("div", Be, [
+                    )) : (u(), z("div", Be, [
+                      B("div", De, [
                         v(t(N), {
                           class: h(["page-icon", i.first ? "disabled" : ""]),
                           icon: "arrow-first",
@@ -280,7 +281,7 @@ const ze = { class: "sizes-dropdown-link" }, Ce = { class: "current-page-size" }
                           onClick: a[1] || (a[1] = (p) => $("pre", i.pre))
                         }, null, 8, ["class"])
                       ]),
-                      B("div", De, [
+                      B("div", Ee, [
                         v(t(N), {
                           class: h(["page-icon", i.next ? "disabled" : ""]),
                           icon: "right",
@@ -310,16 +311,16 @@ const ze = { class: "sizes-dropdown-link" }, Ce = { class: "current-page-size" }
         _: 3
         /* FORWARDED */
       }, 8, ["locale"]),
-      T.value.includes("sizes") ? (u(), D(t(he), {
+      T.value.includes("sizes") ? (u(), D(t(ye), {
         key: 1,
         "page-sizes": I.value,
         pageSize: t(d),
         "onUpdate:pageSize": a[6] || (a[6] = (p) => M(d) ? d.value = p : null),
-        onSizeChange: F
+        onSizeChange: G
       }, null, 8, ["page-sizes", "pageSize"])) : P("v-if", !0)
     ]));
   }
-}), Ve = /* @__PURE__ */ L(Ee, [["__scopeId", "data-v-c27b6ad3"]]), Ie = {
+}), Ie = /* @__PURE__ */ L(Ve, [["__scopeId", "data-v-7ef406b6"]]), Te = {
   "--das-ui-pagination-primary-color": s("--das-color-brand-primary"),
   // 高亮状态颜色
   "--das-ui-pagination-text-color": s("--das-color-text-title"),
@@ -348,18 +349,18 @@ const ze = { class: "sizes-dropdown-link" }, Ce = { class: "current-page-size" }
   // 每页条数下拉项选中颜色
   "--das-ui-pagination-totalpage-color": s("--das-color-text-body")
   // 总页数文字颜色
-}, Te = {
+}, Me = {
   第: { "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(Te);
-me();
-ve(Ie);
-const ea = () => R(null), aa = ae(Ve);
+te(Me);
+ve();
+fe(Te);
+const oa = () => R(null), ta = oe(Ie);
 export {
-  aa as DasPagination,
-  ea as DasPaginationRef,
-  aa as default
+  ta as DasPagination,
+  oa as DasPaginationRef,
+  ta as default
 };

package/packages/components/pagination/style.css

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