@zl-ui-kit/components 0.22.1 → 0.24.0

package/dist/components/ZlPagination/index2.vue.mjs

@@ -1,53 +1,79 @@
-import { defineComponent as v, useAttrs as h, computed as r, ref as l, watch as p, resolveComponent as _, openBlock as d, createBlock as S, mergeProps as C, createCommentVNode as N } from "vue";
-import { usePagination as P } from "./usePagination.mjs";
-const B = /* @__PURE__ */ v({
+import { defineComponent as A, useAttrs as U, computed as t, ref as S, watch as N, resolveComponent as B, openBlock as T, createBlock as V, mergeProps as b, createSlots as j, withCtx as M, createElementVNode as r, renderSlot as R, createTextVNode as c, toDisplayString as v, createCommentVNode as $ } from "vue";
+import { normalizePaginationAttrs as D, usePagination as E } from "./usePagination.mjs";
+const Z = { class: "el-pagination__total zl-pagination__total" }, q = { class: "zl-pagination__total-num" }, F = { class: "zl-pagination__total-num" }, J = /* @__PURE__ */ A({
   name: "ZlPagination",
   inheritAttrs: !1,
   __name: "index",
   emits: ["change", "page-change", "page-size-change"],
-  setup(k, { emit: s }) {
-    const t = s, a = h(), n = P(() => a), c = r(() => a.align ?? "right"), i = l(
-      a.pageNum ?? (n.value === !1 ? void 0 : n.value.currentPage) ?? 1
-    ), g = l(
-      a.pageSize ?? (n.value === !1 ? void 0 : n.value.pageSize) ?? 30
+  setup(G, { emit: y }) {
+    const s = y, C = U(), n = t(() => D(C)), a = E(() => n.value), P = t(() => n.value.align ?? "right"), m = t(
+      () => a.value === !1 ? [] : String(a.value.layout ?? "").split(",").map((e) => e.trim()).filter(Boolean)
+    ), f = t(() => !m.value.includes("jumper")), z = t(() => m.value.includes("total") && !f.value), k = t(() => n.value.totalUnit ?? "资源"), g = t(() => a.value === !1 ? 0 : Number(a.value.total ?? 0)), l = S(
+      n.value.pageNum ?? (a.value === !1 ? void 0 : a.value.currentPage) ?? 1
+    ), o = S(
+      n.value.pageSize ?? (a.value === !1 ? void 0 : a.value.pageSize) ?? 30
     );
-    p(
-      () => a.pageNum ?? a.currentPage,
+    N(
+      () => n.value.pageNum ?? n.value.currentPage,
       (e) => {
-        e != null && (i.value = e);
+        e != null && (l.value = e);
       }
-    ), p(
-      () => a.pageSize,
+    ), N(
+      () => n.value.pageSize,
       (e) => {
-        e != null && (g.value = e);
+        e != null && (o.value = e);
       }
     );
-    function m(e) {
-      i.value = e, t("change", { pageNum: e, pageSize: g.value }), t("page-change", e);
+    function w(e) {
+      l.value = e, s("change", { pageNum: e, pageSize: o.value }), s("page-change", e);
     }
-    function f(e) {
-      g.value = e, i.value = 1, t("change", { pageNum: 1, pageSize: e }), t("page-size-change", e);
+    function x(e) {
+      o.value = e, l.value = 1, s("change", { pageNum: 1, pageSize: e }), s("page-size-change", e);
     }
-    const u = r(() => {
-      if (n.value === !1) return !1;
-      const { currentPage: e, pageSize: z, ...o } = n.value;
-      return delete o.align, o;
+    const _ = t(() => {
+      const e = o.value || 1;
+      return Math.min(e, Math.max(g.value - (l.value - 1) * e, 0));
+    }), d = t(() => {
+      if (a.value === !1) return !1;
+      const { currentPage: e, pageSize: i, totalUnit: h, ...u } = a.value;
+      return delete u.align, z.value && typeof u.layout == "string" && (u.layout = u.layout.split(",").map((p) => p.trim()).map((p) => p === "total" ? "slot" : p).join(", ")), u;
     });
-    return (e, z) => {
-      const o = _("el-pagination");
-      return u.value !== !1 ? (d(), S(o, C({
+    return (e, i) => {
+      const h = B("el-pagination");
+      return d.value !== !1 ? (T(), V(h, b({
         key: 0,
-        class: ["zl-pagination", `zl-pagination--${c.value}`]
-      }, u.value, {
-        "current-page": i.value,
-        "page-size": g.value,
-        onCurrentChange: m,
-        onSizeChange: f
-      }), null, 16, ["class", "current-page", "page-size"])) : N("", !0);
+        class: ["zl-pagination", [`zl-pagination--${P.value}`, f.value ? "zl-pagination--simple" : "zl-pagination--full"]]
+      }, d.value, {
+        "current-page": l.value,
+        "page-size": o.value,
+        onCurrentChange: w,
+        onSizeChange: x
+      }), j({ _: 2 }, [
+        z.value ? {
+          name: "default",
+          fn: M(() => [
+            r("span", Z, [
+              R(e.$slots, "total", {
+                total: g.value,
+                pageRows: _.value,
+                pageNum: l.value,
+                pageSize: o.value
+              }, () => [
+                i[0] || (i[0] = c(" 共 ", -1)),
+                r("span", q, v(g.value), 1),
+                c(" 条" + v(k.value) + "，当前筛选命中 ", 1),
+                r("span", F, v(_.value), 1),
+                i[1] || (i[1] = c(" 条，每页 ", -1))
+              ], !0)
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["class", "current-page", "page-size"])) : $("", !0);
     };
   }
 });
 export {
-  B as default
+  J as default
 };
 //# sourceMappingURL=index2.vue.mjs.map

package/dist/components/ZlPagination/usePagination.d.ts

@@ -23,6 +23,7 @@ export interface PaginationProps {
     simple?: boolean;
     [key: string]: any;
 }
+export declare function normalizePaginationAttrs(attrs: Record<string, any>): Record<string, any>;
 export declare function usePagination(props: Ref<PaginationProps | false> | (() => PaginationProps | false)): import('vue').ComputedRef<false | {
     layout: string;
     currentPage: number;

package/dist/components/ZlPagination/usePagination.mjs

@@ -1,47 +1,64 @@
-import { computed as w, toValue as y } from "vue";
-function b(i) {
-  return w(() => {
-    const o = y(i);
+import { computed as V, toValue as k } from "vue";
+const _ = [
+  "pageNum",
+  "pageSize",
+  "pageSizeOptions",
+  "totalVisible",
+  "pageSizeVisible",
+  "showTotal",
+  "showPageSize",
+  "currentPage",
+  "pageSizes",
+  "totalUnit"
+], v = (e) => e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
+function K(e) {
+  const t = { ...e };
+  for (const o of _) {
+    const i = v(o);
+    i !== o && (t[o] === void 0 && e[i] !== void 0 && (t[o] = e[i]), delete t[i]);
+  }
+  return t;
+}
+function j(e) {
+  return V(() => {
+    const o = k(e);
     if (o === !1)
       return !1;
     const {
       // 对外名优先，EP 名回落：上层已归一化时只会有 EP 名
-      pageSizeOptions: s,
-      pageSizes: n,
-      pageSize: t = 30,
-      pageNum: r,
-      currentPage: l,
-      layout: p,
-      size: u,
-      simple: a = !0,
-      totalVisible: g,
-      pageSizeVisible: c,
+      pageSizeOptions: i,
+      pageSizes: r,
+      pageSize: s = 30,
+      pageNum: p,
+      currentPage: g,
+      layout: u,
+      size: c,
+      simple: l = !1,
+      totalVisible: f,
+      pageSizeVisible: z,
       // 旧名回落：新名优先，两者都没给才用默认值
-      showTotal: z,
-      showPageSize: f,
-      ...m
-    } = o || {}, S = g ?? z ?? !0, e = (s ?? n ?? [10, 30, 50]).slice();
-    e.includes(t) || e.push(t);
-    const h = p ?? [
-      S ? "total" : "",
-      c ?? f ?? e.length > 0 ? "sizes" : "",
-      "prev",
-      "pager",
-      "next",
-      a ? "" : "jumper"
-    ].filter(Boolean).join(", ");
+      showTotal: S,
+      showPageSize: m,
+      ...b
+    } = o || {}, h = f ?? S ?? !0, n = l === !0 || l === "", a = (i ?? r ?? [10, 30, 50]).slice();
+    a.includes(s) || a.push(s);
+    const d = [
+      h ? "total" : "",
+      z ?? m ?? a.length > 0 ? "sizes" : ""
+    ].filter(Boolean), P = ["prev", "pager", "next", n ? "" : "jumper"].filter(Boolean), w = u ?? [...d, ...n ? [] : ["->"], ...P].join(", ");
     return {
       // EP 2.7+ 官方推荐 size（原 arco simple/mini 语义映射为小尺寸）
-      size: u ?? (a ? "small" : "default"),
-      ...m,
-      layout: h,
-      currentPage: r ?? l ?? 1,
-      pageSize: t,
-      pageSizes: e.sort((d, P) => d - P)
+      size: c ?? (n ? "small" : "default"),
+      ...b,
+      layout: w,
+      currentPage: p ?? g ?? 1,
+      pageSize: s,
+      pageSizes: a.sort((y, T) => y - T)
     };
   });
 }
 export {
-  b as usePagination
+  K as normalizePaginationAttrs,
+  j as usePagination
 };
 //# sourceMappingURL=usePagination.mjs.map

package/dist/components/ZlPopconfirm/index.vue.mjs

@@ -1,10 +1,11 @@
-import { defineComponent as B, computed as d, ref as x, resolveComponent as _, openBlock as u, createBlock as y, mergeProps as $, withCtx as t, createElementVNode as n, createVNode as r, createElementBlock as g, renderSlot as s, createTextVNode as c, toDisplayString as l, createCommentVNode as N } from "vue";
+import { defineComponent as T, computed as f, ref as B, resolveComponent as x, openBlock as d, createBlock as $, mergeProps as y, withCtx as t, createElementVNode as n, createVNode as r, createElementBlock as g, renderSlot as s, createTextVNode as c, toDisplayString as l, createCommentVNode as N } from "vue";
 import { useZlT as V } from "@zl-ui-kit/composables";
+import _ from "../ZlButton/index.vue.mjs";
 import Z from "../ZlIcon/index.vue.mjs";
-const b = { class: "zl-popconfirm-panel" }, w = { class: "zl-popconfirm-panel__main" }, E = {
+const w = { class: "zl-popconfirm-panel" }, E = { class: "zl-popconfirm-panel__main" }, P = {
   key: 0,
   class: "zl-popconfirm-panel__title"
-}, P = { class: "zl-popconfirm-panel__content" }, R = { class: "zl-popconfirm-panel__actions" }, j = /* @__PURE__ */ B({
+}, R = { class: "zl-popconfirm-panel__content" }, S = { class: "zl-popconfirm-panel__actions" }, q = /* @__PURE__ */ T({
   name: "ZlPopconfirm",
   inheritAttrs: !1,
   __name: "index",
@@ -15,17 +16,17 @@ const b = { class: "zl-popconfirm-panel" }, w = { class: "zl-popconfirm-panel__m
     cancelButtonText: {}
   },
   emits: ["confirm", "cancel"],
-  setup(o, { emit: v }) {
-    const a = o, { t: p } = V(), z = d(() => a.confirmButtonText ?? p("zl.popconfirm.confirm", "确定")), h = d(() => a.cancelButtonText ?? p("zl.popconfirm.cancel", "取消")), i = x(null), m = v;
-    function k() {
-      i.value?.hide?.(), m("confirm");
+  setup(o, { emit: u }) {
+    const a = o, { t: m } = V(), v = f(() => a.confirmButtonText ?? m("zl.popconfirm.confirm", "确定")), z = f(() => a.cancelButtonText ?? m("zl.popconfirm.cancel", "取消")), i = B(null), p = u;
+    function h() {
+      i.value?.hide?.(), p("confirm");
     }
-    function C() {
-      i.value?.hide?.(), m("cancel");
+    function k() {
+      i.value?.hide?.(), p("cancel");
     }
-    return (e, S) => {
-      const f = _("el-button"), T = _("el-popover");
-      return u(), y(T, $({
+    return (e, A) => {
+      const C = x("el-popover");
+      return d(), $(C, y({
         ref_key: "popoverRef",
         ref: i,
         class: "zl-popconfirm"
@@ -34,39 +35,39 @@ const b = { class: "zl-popconfirm-panel" }, w = { class: "zl-popconfirm-panel__m
           s(e.$slots, "default")
         ]),
         default: t(() => [
-          n("div", b, [
+          n("div", w, [
             r(Z, {
               class: "zl-popconfirm-panel__icon",
               icon: "zl:information-color"
             }),
-            n("div", w, [
-              e.$slots.title || o.title ? (u(), g("div", E, [
+            n("div", E, [
+              e.$slots.title || o.title ? (d(), g("div", P, [
                 s(e.$slots, "title", {}, () => [
                   c(l(o.title), 1)
                 ])
               ])) : N("", !0),
-              n("div", P, [
+              n("div", R, [
                 s(e.$slots, "content", {}, () => [
                   c(l(o.content), 1)
                 ])
               ]),
-              n("div", R, [
-                r(f, {
+              n("div", S, [
+                r(_, {
                   size: "small",
-                  onClick: C
+                  onClick: k
                 }, {
                   default: t(() => [
-                    c(l(h.value), 1)
+                    c(l(z.value), 1)
                   ]),
                   _: 1
                 }),
-                r(f, {
+                r(_, {
                   size: "small",
                   type: "primary",
-                  onClick: k
+                  onClick: h
                 }, {
                   default: t(() => [
-                    c(l(z.value), 1)
+                    c(l(v.value), 1)
                   ]),
                   _: 1
                 })
@@ -80,6 +81,6 @@ const b = { class: "zl-popconfirm-panel" }, w = { class: "zl-popconfirm-panel__m
   }
 });
 export {
-  j as default
+  q as default
 };
 //# sourceMappingURL=index.vue.mjs.map