@zl-ui-kit/components 0.27.0 → 0.27.1

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

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

@@ -14,6 +14,8 @@ type __VLS_Props = {
     disabled?: boolean;
     /** 是否展示「筛选条件」标签行；不传时按「是否发生溢出」自动判定 */
     labelsVisible?: boolean;
+    /** 表单项 label 为空时是否不渲染 label 占位，透传给 ZlForm 的 hideEmptyLabel */
+    hideEmptyLabel?: boolean;
     /**
      * 已废弃，请用 `labelsVisible`
      *
@@ -36,6 +38,7 @@ declare function __VLS_template(): {
             slot?: boolean;
             slots?: Record<string, any>;
             props: Record<string, any>;
+            hideLabel?: boolean;
         };
     }) => any>> & Partial<Record<string, (_: {
         model: Record<string, any>;
@@ -48,6 +51,7 @@ declare function __VLS_template(): {
             slot?: boolean;
             slots?: Record<string, any>;
             props: Record<string, any>;
+            hideLabel?: boolean;
         };
     }) => any>> & {
         actions?(_: {}): any;
@@ -59,6 +63,7 @@ declare function __VLS_template(): {
             $props: {
                 readonly items: import('../..').FormItem[];
                 readonly model?: Record<string, any> | undefined;
+                readonly hideEmptyLabel?: boolean | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
             $refs: {
@@ -77,6 +82,7 @@ declare function __VLS_template(): {
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 items: import('../..').FormItem[];
                 model?: Record<string, any>;
+                hideEmptyLabel?: boolean;
             }> & Readonly<{}>, {
                 validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
                 validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
@@ -114,6 +120,7 @@ declare function __VLS_template(): {
         }> & Omit<Readonly<{
             items: import('../..').FormItem[];
             model?: Record<string, any>;
+            hideEmptyLabel?: boolean;
         }> & Readonly<{}>, "items" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues" | "elForm" | "fields"> & {
             validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
             validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
@@ -136,6 +143,7 @@ declare function __VLS_template(): {
                     slot?: boolean;
                     slots?: Record<string, any>;
                     props: Record<string, any>;
+                    hideLabel?: boolean;
                 };
             }) => any>> & {
                 label?(_: {
@@ -149,6 +157,7 @@ declare function __VLS_template(): {
                         slot?: boolean;
                         slots?: Record<string, any>;
                         props: Record<string, any>;
+                        hideLabel?: boolean;
                     };
                 }): any;
                 default?(_: {}): any;
@@ -160,6 +169,7 @@ declare function __VLS_template(): {
             $props: {
                 readonly items: import('../..').FormItem[];
                 readonly model?: Record<string, any> | undefined;
+                readonly hideEmptyLabel?: boolean | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
             $refs: {
@@ -178,6 +188,7 @@ declare function __VLS_template(): {
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 items: import('../..').FormItem[];
                 model?: Record<string, any>;
+                hideEmptyLabel?: boolean;
             }> & Readonly<{}>, {
                 validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
                 validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
@@ -215,6 +226,7 @@ declare function __VLS_template(): {
         }> & Omit<Readonly<{
             items: import('../..').FormItem[];
             model?: Record<string, any>;
+            hideEmptyLabel?: boolean;
         }> & Readonly<{}>, "items" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues" | "elForm" | "fields"> & {
             validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
             validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
@@ -237,6 +249,7 @@ declare function __VLS_template(): {
                     slot?: boolean;
                     slots?: Record<string, any>;
                     props: Record<string, any>;
+                    hideLabel?: boolean;
                 };
             }) => any>> & {
                 label?(_: {
@@ -250,6 +263,7 @@ declare function __VLS_template(): {
                         slot?: boolean;
                         slots?: Record<string, any>;
                         props: Record<string, any>;
+                        hideLabel?: boolean;
                     };
                 }): any;
                 default?(_: {}): any;
@@ -276,6 +290,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     disabled: boolean;
     immediate: boolean;
     items: SearchItem[];
+    hideEmptyLabel: boolean;
     labelsVisible: boolean;
     showLabels: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
@@ -285,6 +300,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         $props: {
             readonly items: import('../..').FormItem[];
             readonly model?: Record<string, any> | undefined;
+            readonly hideEmptyLabel?: boolean | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: import('vue').Attrs;
         $refs: {
@@ -303,6 +319,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         $options: import('vue').ComponentOptionsBase<Readonly<{
             items: import('../..').FormItem[];
             model?: Record<string, any>;
+            hideEmptyLabel?: boolean;
         }> & Readonly<{}>, {
             validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
             validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
@@ -340,6 +357,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     }> & Omit<Readonly<{
         items: import('../..').FormItem[];
         model?: Record<string, any>;
+        hideEmptyLabel?: boolean;
     }> & Readonly<{}>, "items" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues" | "elForm" | "fields"> & {
         validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
         validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
@@ -362,6 +380,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                 slot?: boolean;
                 slots?: Record<string, any>;
                 props: Record<string, any>;
+                hideLabel?: boolean;
             };
         }) => any>> & {
             label?(_: {
@@ -375,6 +394,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                     slot?: boolean;
                     slots?: Record<string, any>;
                     props: Record<string, any>;
+                    hideLabel?: boolean;
                 };
             }): any;
             default?(_: {}): any;
@@ -386,6 +406,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         $props: {
             readonly items: import('../..').FormItem[];
             readonly model?: Record<string, any> | undefined;
+            readonly hideEmptyLabel?: boolean | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: import('vue').Attrs;
         $refs: {
@@ -404,6 +425,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         $options: import('vue').ComponentOptionsBase<Readonly<{
             items: import('../..').FormItem[];
             model?: Record<string, any>;
+            hideEmptyLabel?: boolean;
         }> & Readonly<{}>, {
             validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
             validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
@@ -441,6 +463,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     }> & Omit<Readonly<{
         items: import('../..').FormItem[];
         model?: Record<string, any>;
+        hideEmptyLabel?: boolean;
     }> & Readonly<{}>, "items" | "validate" | "validateField" | "resetFields" | "clearValidate" | "scrollToField" | "getField" | "setInitialValues" | "elForm" | "fields"> & {
         validate: (callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
         validateField: (props?: string | string[], callback?: (isValid: boolean, invalidFields?: Record<string, any>) => void) => Promise<boolean>;
@@ -463,6 +486,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                 slot?: boolean;
                 slots?: Record<string, any>;
                 props: Record<string, any>;
+                hideLabel?: boolean;
             };
         }) => any>> & {
             label?(_: {
@@ -476,6 +500,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                     slot?: boolean;
                     slots?: Record<string, any>;
                     props: Record<string, any>;
+                    hideLabel?: boolean;
                 };
             }): any;
             default?(_: {}): any;