@zl-ui-kit/components 0.27.0 → 0.27.2

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

@@ -0,0 +1,60 @@
+import { defineComponent as p, useModel as h, resolveComponent as v, openBlock as o, createBlock as c, withCtx as B, createElementBlock as g, Fragment as q, renderList as x, mergeModels as u } from "vue";
+import M from "./ZlMenuItem.vue.mjs";
+const w = /* @__PURE__ */ p({
+  name: "ZlMenu",
+  __name: "index",
+  props: /* @__PURE__ */ u({
+    items: { default: () => [] },
+    collapsed: { type: Boolean, default: !1 },
+    mode: { default: "vertical" },
+    uniqueOpened: { type: Boolean, default: !1 },
+    defaultOpeneds: { default: () => [] },
+    collapseTransition: { type: Boolean, default: !1 },
+    collapseWidth: { default: 64 },
+    navigate: {}
+  }, {
+    selected: { default: "" },
+    selectedModifiers: {}
+  }),
+  emits: /* @__PURE__ */ u(["select"], ["update:selected"]),
+  setup(e, { emit: f }) {
+    const d = e, i = h(e, "selected"), m = f;
+    function s(l, t) {
+      for (const n of l) {
+        if (n.key === t) return n;
+        const a = n.children && s(n.children, t);
+        if (a) return a;
+      }
+    }
+    function r(l) {
+      const t = s(d.items, l);
+      !t || t.disabled || (i.value = l, m("select", l, t), d.navigate?.(t));
+    }
+    return (l, t) => {
+      const n = v("el-menu");
+      return o(), c(n, {
+        class: "zl-menu",
+        "default-active": i.value,
+        collapse: e.collapsed,
+        "collapse-width": e.collapseWidth,
+        mode: e.mode,
+        "unique-opened": e.uniqueOpened,
+        "default-openeds": e.defaultOpeneds,
+        "collapse-transition": e.collapseTransition,
+        onSelect: r
+      }, {
+        default: B(() => [
+          (o(!0), g(q, null, x(e.items, (a) => (o(), c(M, {
+            key: a.key,
+            item: a
+          }, null, 8, ["item"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["default-active", "collapse", "collapse-width", "mode", "unique-opened", "default-openeds", "collapse-transition"]);
+    };
+  }
+});
+export {
+  w as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlMenu/index3.vue.mjs

@@ -0,0 +1,6 @@
+import o from "./index.vue.mjs";
+import './index.css';/* empty css            */
+export {
+  o as default
+};
+//# sourceMappingURL=index3.vue.mjs.map

package/dist/components/ZlMenu/types.d.ts

@@ -0,0 +1,20 @@
+import { Component, VNode } from 'vue';
+/** ZlMenu 菜单项配置 */
+export interface MenuOption {
+    /** 唯一标识：选中态、select 事件、路由跳转都以它为准 */
+    key: string;
+    /** 菜单文案 */
+    label: string;
+    /**
+     * 图标：
+     * - 字符串：`@zl-ui-kit/icons` 中的 `zl:*` 图标名；
+     * - 组件：如 `h(MenuIcon, { name: 'a-home' })` 里的组件本身；
+     * - VNode：如 `h(MenuIcon, { name: 'a-home' })` 的结果。
+     */
+    icon?: string | Component | VNode;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 子菜单 */
+    children?: MenuOption[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/ZlPageContainer/index.css

@@ -1 +1 @@
-.zl-page-container[data-v-4d3cbbba]{display:flex;flex-direction:column;box-sizing:border-box;height:100%;background-color:var(--zl-fill-2, #f0f2f7)}.zl-page-container__header[data-v-4d3cbbba]{display:flex;flex-shrink:0;gap:16px;align-items:center;margin-bottom:16px}.zl-page-container__main[data-v-4d3cbbba]{flex:1;min-width:0}.zl-page-container__title[data-v-4d3cbbba]{font-size:16px;font-weight:600;line-height:24px;color:var(--zl-text-1, #242e43)}.zl-page-container__description[data-v-4d3cbbba]{margin-top:2px;font-size:13px;line-height:20px;color:var(--zl-text-3, #79879c)}.zl-page-container__extra[data-v-4d3cbbba]{display:flex;flex-shrink:0;align-items:center;gap:8px}.zl-page-container__content[data-v-4d3cbbba]{flex:1;min-height:0;overflow:auto}
+.zl-page-container[data-v-b4bd4e1c]{display:flex;flex-direction:column;box-sizing:border-box;height:100%}.zl-page-container__header[data-v-b4bd4e1c]{display:flex;flex-shrink:0;gap:16px;align-items:center;margin-bottom:16px}.zl-page-container__main[data-v-b4bd4e1c]{flex:1;min-width:0}.zl-page-container__title[data-v-b4bd4e1c]{font-size:16px;font-weight:600;line-height:24px;color:var(--zl-text-1, #242e43)}.zl-page-container__description[data-v-b4bd4e1c]{margin-top:2px;font-size:13px;line-height:20px;color:var(--zl-text-3, #79879c)}.zl-page-container__extra[data-v-b4bd4e1c]{display:flex;flex-shrink:0;align-items:center;gap:8px}.zl-page-container__content[data-v-b4bd4e1c]{display:flex;flex:1;flex-direction:column;min-height:0;overflow:auto}.zl-page-container__content[data-v-b4bd4e1c]>*{flex:1 0 auto}

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

@@ -1,7 +1,7 @@
 import o from "./index2.vue.mjs";
 import './index.css';/* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4d3cbbba"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b4bd4e1c"]]);
 export {
   m as default
 };

package/dist/components/ZlPagination/index.css

@@ -1 +1 @@
-@charset "UTF-8";.zl-pagination[data-v-c7c49843]{padding:6px 16px;background-color:var(--zl-fill-1, #f9fbfd);justify-content:var(--zl-pagination-justify, flex-end)}.zl-pagination--left[data-v-c7c49843]{--zl-pagination-justify: flex-start}.zl-pagination--center[data-v-c7c49843]{--zl-pagination-justify: center}.zl-pagination--right[data-v-c7c49843]{--zl-pagination-justify: flex-end}
+@charset "UTF-8";.zl-pagination[data-v-e29f8a69]{padding:6px 16px;background-color:var(--zl-fill-1, #f9fbfd);justify-content:var(--zl-pagination-justify, flex-end)}.zl-pagination--left[data-v-e29f8a69]{--zl-pagination-justify: flex-start}.zl-pagination--center[data-v-e29f8a69]{--zl-pagination-justify: center}.zl-pagination--right[data-v-e29f8a69]{--zl-pagination-justify: flex-end}.zl-pagination--full[data-v-e29f8a69] .el-pagination__rightwrapper{flex:1;justify-content:flex-end}.zl-pagination--full[data-v-e29f8a69] .el-pager li.is-active{border:1px solid var(--zl-pagination-active-color, var(--el-color-primary));border-radius:var(--el-border-radius-base, 4px)}.zl-pagination__total-num[data-v-e29f8a69]{color:var(--zl-pagination-total-num-color, var(--el-color-primary))}

package/dist/components/ZlPagination/index.vue.d.ts

@@ -1,4 +1,18 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        total?(_: {
+            total: number;
+            pageRows: number;
+            pageNum: number;
+            pageSize: number;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (payload: {
         pageNum: number;
         pageSize: number;
@@ -13,5 +27,11 @@ declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import
     "onPage-change"?: ((pageNum: number) => any) | undefined;
     "onPage-size-change"?: ((pageSize: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 //# sourceMappingURL=index.vue.d.ts.map

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

@@ -1,7 +1,7 @@
 import o from "./index2.vue.mjs";
 import './index.css';/* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c7c49843"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e29f8a69"]]);
 export {
   i as default
 };

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