@zl-ui-kit/components 0.27.0 → 0.27.1

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

@@ -13,6 +13,8 @@ type __VLS_Props = {
     queryItems?: SearchItem[];
     /** 分页配置；传 false 关闭分页 */
     pagination?: Record<string, any> | boolean;
+    /** 查询项 label 为空时是否不渲染 label 占位，透传给 ZlSearch / ZlForm 的 hideEmptyLabel */
+    hideEmptyLabel?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -27,6 +29,7 @@ declare function __VLS_template(): {
             slot?: boolean;
             slots?: Record<string, any>;
             props: Record<string, any>;
+            hideLabel?: boolean;
         };
     }) => any>> & Partial<Record<string, (_: any) => any>> & {
         'search-actions'?(_: {}): any;
@@ -41,6 +44,7 @@ declare function __VLS_template(): {
                 readonly immediate?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly labelsVisible?: boolean | undefined;
+                readonly hideEmptyLabel?: boolean | undefined;
                 readonly showLabels?: boolean | undefined;
                 readonly onReset?: (() => any) | undefined;
                 readonly onSearch?: ((params: Record<string, any>) => any) | undefined;
@@ -55,6 +59,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: {
@@ -73,6 +78,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>;
@@ -110,6 +116,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>;
@@ -132,6 +139,7 @@ declare function __VLS_template(): {
                             slot?: boolean;
                             slots?: Record<string, any>;
                             props: Record<string, any>;
+                            hideLabel?: boolean;
                         };
                     }) => any>> & {
                         label?(_: {
@@ -145,6 +153,7 @@ declare function __VLS_template(): {
                                 slot?: boolean;
                                 slots?: Record<string, any>;
                                 props: Record<string, any>;
+                                hideLabel?: boolean;
                             };
                         }): any;
                         default?(_: {}): any;
@@ -156,6 +165,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: {
@@ -174,6 +184,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>;
@@ -211,6 +222,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>;
@@ -233,6 +245,7 @@ declare function __VLS_template(): {
                             slot?: boolean;
                             slots?: Record<string, any>;
                             props: Record<string, any>;
+                            hideLabel?: boolean;
                         };
                     }) => any>> & {
                         label?(_: {
@@ -246,6 +259,7 @@ declare function __VLS_template(): {
                                 slot?: boolean;
                                 slots?: Record<string, any>;
                                 props: Record<string, any>;
+                                hideLabel?: boolean;
                             };
                         }): any;
                         default?(_: {}): any;
@@ -266,6 +280,7 @@ declare function __VLS_template(): {
                 immediate?: boolean;
                 disabled?: boolean;
                 labelsVisible?: boolean;
+                hideEmptyLabel?: boolean;
                 showLabels?: boolean;
             }> & Readonly<{
                 onReset?: (() => any) | undefined;
@@ -281,6 +296,7 @@ declare function __VLS_template(): {
                 disabled: boolean;
                 immediate: boolean;
                 items: SearchItem[];
+                hideEmptyLabel: boolean;
                 labelsVisible: boolean;
                 showLabels: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -307,6 +323,7 @@ declare function __VLS_template(): {
             disabled: boolean;
             immediate: boolean;
             items: SearchItem[];
+            hideEmptyLabel: boolean;
             labelsVisible: boolean;
             showLabels: boolean;
         }> & Omit<Readonly<{
@@ -315,11 +332,12 @@ declare function __VLS_template(): {
             immediate?: boolean;
             disabled?: boolean;
             labelsVisible?: boolean;
+            hideEmptyLabel?: boolean;
             showLabels?: boolean;
         }> & Readonly<{
             onReset?: (() => any) | undefined;
             onSearch?: ((params: Record<string, any>) => any) | undefined;
-        }>, "reset" | "search" | "params" | ("disabled" | "immediate" | "items" | "labelsVisible" | "showLabels")> & {
+        }>, "reset" | "search" | "params" | ("disabled" | "immediate" | "items" | "hideEmptyLabel" | "labelsVisible" | "showLabels")> & {
             params: Record<string, any>;
             search: () => Promise<void>;
             reset: () => Promise<void>;
@@ -335,6 +353,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>;
@@ -347,6 +366,7 @@ declare function __VLS_template(): {
                     slot?: boolean;
                     slots?: Record<string, any>;
                     props: Record<string, any>;
+                    hideLabel?: boolean;
                 };
             }) => any>> & {
                 actions?(_: {}): any;
@@ -513,6 +533,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     "onSearch-reset"?: (() => any) | undefined;
 }>, {
     immediate: boolean;
+    hideEmptyLabel: boolean;
     queryItems: SearchItem[];
     columns: TableColumn[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
@@ -525,6 +546,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
             readonly immediate?: boolean | undefined;
             readonly disabled?: boolean | undefined;
             readonly labelsVisible?: boolean | undefined;
+            readonly hideEmptyLabel?: boolean | undefined;
             readonly showLabels?: boolean | undefined;
             readonly onReset?: (() => any) | undefined;
             readonly onSearch?: ((params: Record<string, any>) => any) | undefined;
@@ -539,6 +561,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: {
@@ -557,6 +580,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>;
@@ -594,6 +618,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>;
@@ -616,6 +641,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                         slot?: boolean;
                         slots?: Record<string, any>;
                         props: Record<string, any>;
+                        hideLabel?: boolean;
                     };
                 }) => any>> & {
                     label?(_: {
@@ -629,6 +655,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;
@@ -640,6 +667,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: {
@@ -658,6 +686,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>;
@@ -695,6 +724,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>;
@@ -717,6 +747,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                         slot?: boolean;
                         slots?: Record<string, any>;
                         props: Record<string, any>;
+                        hideLabel?: boolean;
                     };
                 }) => any>> & {
                     label?(_: {
@@ -730,6 +761,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;
@@ -750,6 +782,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
             immediate?: boolean;
             disabled?: boolean;
             labelsVisible?: boolean;
+            hideEmptyLabel?: boolean;
             showLabels?: boolean;
         }> & Readonly<{
             onReset?: (() => any) | undefined;
@@ -765,6 +798,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').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -791,6 +825,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         disabled: boolean;
         immediate: boolean;
         items: SearchItem[];
+        hideEmptyLabel: boolean;
         labelsVisible: boolean;
         showLabels: boolean;
     }> & Omit<Readonly<{
@@ -799,11 +834,12 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
         immediate?: boolean;
         disabled?: boolean;
         labelsVisible?: boolean;
+        hideEmptyLabel?: boolean;
         showLabels?: boolean;
     }> & Readonly<{
         onReset?: (() => any) | undefined;
         onSearch?: ((params: Record<string, any>) => any) | undefined;
-    }>, "reset" | "search" | "params" | ("disabled" | "immediate" | "items" | "labelsVisible" | "showLabels")> & {
+    }>, "reset" | "search" | "params" | ("disabled" | "immediate" | "items" | "hideEmptyLabel" | "labelsVisible" | "showLabels")> & {
         params: Record<string, any>;
         search: () => Promise<void>;
         reset: () => Promise<void>;
@@ -819,6 +855,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                 slot?: boolean;
                 slots?: Record<string, any>;
                 props: Record<string, any>;
+                hideLabel?: boolean;
             };
         }) => any>> & Partial<Record<string, (_: {
             model: Record<string, any>;
@@ -831,6 +868,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
                 slot?: boolean;
                 slots?: Record<string, any>;
                 props: Record<string, any>;
+                hideLabel?: boolean;
             };
         }) => any>> & {
             actions?(_: {}): any;

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

@@ -1,11 +1,11 @@
-import { defineComponent as E, useSlots as K, useAttrs as T, computed as m, ref as b, toRef as V, watch as L, openBlock as y, createElementBlock as W, createBlock as Z, createSlots as q, withCtx as f, renderSlot as d, renderList as S, normalizeProps as $, guardReactiveProps as P, createCommentVNode as x, createVNode as F, mergeProps as G, unref as h } from "vue";
-import { usePageableRequest as H } from "@zl-ui-kit/composables";
-import J from "../ZlSearch/index.vue.mjs";
+import { defineComponent as K, useSlots as T, useAttrs as V, computed as m, ref as b, toRef as W, watch as Z, openBlock as y, createElementBlock as _, createBlock as x, createSlots as P, withCtx as f, renderSlot as d, renderList as q, normalizeProps as S, guardReactiveProps as $, createCommentVNode as F, createVNode as G, mergeProps as H, unref as h } from "vue";
+import { usePageableRequest as J } from "@zl-ui-kit/composables";
+import M from "../ZlSearch/index.vue.mjs";
 import '../ZlTable/index.css';import '../ZlSearch/index.css';/* empty css                      */
-import M from "../ZlTable/index.vue.mjs";
+import Q from "../ZlTable/index.vue.mjs";
 /* empty css                     */
-import { useTablePagination as Q } from "../ZlTable/useTablePagination.mjs";
-const U = { class: "zl-search-table" }, R = "search-", ne = /* @__PURE__ */ E({
+import { useTablePagination as U } from "../ZlTable/useTablePagination.mjs";
+const X = { class: "zl-search-table" }, R = "search-", oe = /* @__PURE__ */ K({
   name: "ZlSearchTable",
   inheritAttrs: !1,
   __name: "index",
@@ -14,66 +14,69 @@ const U = { class: "zl-search-table" }, R = "search-", ne = /* @__PURE__ */ E({
     request: {},
     columns: { default: () => [] },
     queryItems: { default: () => [] },
-    pagination: { type: [Object, Boolean] }
+    pagination: { type: [Object, Boolean] },
+    hideEmptyLabel: { type: Boolean, default: !1 }
   },
   emits: ["search-reset"],
-  setup(r, { expose: w, emit: z }) {
-    const s = r, B = z, k = K(), p = T(), g = m(() => {
+  setup(r, { expose: B, emit: w }) {
+    const s = r, z = w, C = T(), p = V(), g = m(() => {
       const e = [], t = [];
-      return Object.keys(k).forEach((a) => {
+      return Object.keys(C).forEach((a) => {
         if (a.startsWith(R)) {
           if (a === "search-actions") return;
           t.push({ slot: a, subSlot: a.slice(R.length) });
         } else
           e.push(a);
       }), { table: e, search: t };
-    }), n = b(null), i = b(null), v = m(() => {
+    }), i = b(null), u = b(null), v = m(() => {
       const e = { manual: !0, initialData: [] };
       return typeof s.request == "function" ? { service: s.request, options: e } : {
         ...s.request,
         options: Object.assign({ initialData: [] }, s.request.options, { manual: !0 })
       };
     }), {
-      loading: A,
-      data: C,
-      run: I,
-      params: _,
-      refresh: j
-    } = H(v.value.service, v.value.options), N = m(() => _.value?.[0]), O = p.dataKey ?? p["data-key"] ?? "rows", { data: D, pagination: l } = Q({
-      data: C,
-      pagination: V(s, "pagination"),
-      dataKey: O,
+      loading: N,
+      data: k,
+      run: A,
+      params: E,
+      refresh: I
+    } = J(v.value.service, v.value.options), j = m(() => E.value?.[0]), L = p.dataKey ?? p["data-key"] ?? "rows", { data: O, pagination: n, setCurrentPage: D } = U({
+      data: k,
+      pagination: W(s, "pagination"),
+      dataKey: L,
       // 分页事件由 ZlTable 内部处理，这里无需重复派发
       emit: {}
     });
-    let u;
-    function o(e, t = l.value !== !1 ? { pageNum: 1, pageSize: l.value.pageSize } : void 0) {
-      u = {
-        ...u,
+    let c;
+    function l(e, t = n.value !== !1 ? { pageNum: 1, pageSize: n.value.pageSize } : void 0) {
+      c = {
+        ...c,
         ...e,
         ...t
-      }, I(u);
+      };
+      const a = t?.pageNum, o = n.value === !1 ? void 0 : n.value.currentPage;
+      a != null && a !== o && D(a), A(c);
     }
-    return L(
+    return Z(
       () => s.immediate,
       (e) => {
-        e && !s.queryItems.length && o();
+        e && !s.queryItems.length && l();
       },
       { immediate: !0, once: !0 }
-    ), w({
+    ), B({
       /** 原地重查：用最近一次入参重新请求，保持当前页码（区别于 `search()` 会回到第 1 页） */
-      refresh: j,
+      refresh: I,
       /** 最近一次请求的入参（`{ pageNum, pageSize, ...查询表单 }`） */
-      params: N,
+      params: j,
       /** 内部 ZlSearch 实例，`params` / `search()` / `reset()` 等可直接调用 */
       search: new Proxy(
         {},
         {
           get(e, t) {
-            return !n.value && t === "search" ? o : n.value?.[t];
+            return !i.value && t === "search" ? l : i.value?.[t];
           },
           has(e, t) {
-            return t in (n.value ?? {});
+            return t in (i.value ?? {});
           }
         }
       ),
@@ -82,23 +85,24 @@ const U = { class: "zl-search-table" }, R = "search-", ne = /* @__PURE__ */ E({
         {},
         {
           get(e, t) {
-            return i.value?.[t];
+            return u.value?.[t];
           },
           has(e, t) {
-            return t in (i.value ?? {});
+            return t in (u.value ?? {});
           }
         }
       )
-    }), (e, t) => (y(), W("div", U, [
-      r.queryItems.length || e.$slots.searchActions || e.$slots["search-actions"] ? (y(), Z(J, {
+    }), (e, t) => (y(), _("div", X, [
+      r.queryItems.length || e.$slots.searchActions || e.$slots["search-actions"] ? (y(), x(M, {
         key: 0,
         ref_key: "searchRef",
-        ref: n,
+        ref: i,
         items: r.queryItems,
         immediate: r.immediate,
-        onSearch: o,
-        onReset: t[0] || (t[0] = (a) => B("search-reset"))
-      }, q({ _: 2 }, [
+        "hide-empty-label": r.hideEmptyLabel,
+        onSearch: l,
+        onReset: t[0] || (t[0] = (a) => z("search-reset"))
+      }, P({ _: 2 }, [
         e.$slots.searchActions || e.$slots["search-actions"] ? {
           name: "actions",
           fn: f(() => [
@@ -106,28 +110,28 @@ const U = { class: "zl-search-table" }, R = "search-", ne = /* @__PURE__ */ E({
           ]),
           key: "0"
         } : void 0,
-        S(g.value.search, (a) => ({
+        q(g.value.search, (a) => ({
           name: a.subSlot,
-          fn: f((c) => [
-            d(e.$slots, a.slot, $(P(c)))
+          fn: f((o) => [
+            d(e.$slots, a.slot, S($(o)))
           ])
         }))
-      ]), 1032, ["items", "immediate"])) : x("", !0),
-      F(M, G({
+      ]), 1032, ["items", "immediate", "hide-empty-label"])) : F("", !0),
+      G(Q, H({
         ref_key: "tableRef",
-        ref: i,
+        ref: u,
         class: "zl-search-table__table",
         columns: r.columns,
-        data: h(D),
-        pagination: h(l),
-        loading: h(A)
+        data: h(O),
+        pagination: h(n),
+        loading: h(N)
       }, e.$attrs, {
-        onPaginationChange: t[1] || (t[1] = (a) => o(void 0, a))
-      }), q({ _: 2 }, [
-        S(g.value.table, (a) => ({
+        onPaginationChange: t[1] || (t[1] = (a) => l(void 0, a))
+      }), P({ _: 2 }, [
+        q(g.value.table, (a) => ({
           name: a,
-          fn: f((c) => [
-            d(e.$slots, a, $(P(c)))
+          fn: f((o) => [
+            d(e.$slots, a, S($(o)))
           ])
         }))
       ]), 1040, ["columns", "data", "pagination", "loading"])
@@ -135,6 +139,6 @@ const U = { class: "zl-search-table" }, R = "search-", ne = /* @__PURE__ */ E({
   }
 });
 export {
-  ne as default
+  oe as default
 };
 //# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlTable/useTablePagination.d.ts

@@ -25,5 +25,6 @@ export declare function useTablePagination(options: {
     data: Ref<any[], any[]>;
     onPageSizeChange: (pageSize: number) => void;
     onPageChange: (pageNum: number) => void;
+    setCurrentPage: (pageNum: number) => void;
 };
 //# sourceMappingURL=useTablePagination.d.ts.map

package/dist/components/ZlTable/useTablePagination.mjs

@@ -1,35 +1,49 @@
-import { isArray as d, isPlainObject as h } from "@zl-ui-kit/utils";
-import { ref as g, computed as b, watch as j } from "vue";
-import { usePagination as z } from "../ZlPagination/usePagination.mjs";
-function C(c) {
-  const { data: s, pagination: r, dataKey: l, emit: n } = c, u = z(
-    () => r.value === void 0 ? {} : r.value
-  ), t = g([]), a = g({}), i = b(() => u.value ? Object.assign({}, u.value, a.value) : !1);
-  j(
-    s,
+import { isArray as z, isPlainObject as b } from "@zl-ui-kit/utils";
+import { ref as c, computed as S, watch as g } from "vue";
+import { usePagination as j } from "../ZlPagination/usePagination.mjs";
+function _(s) {
+  const { data: f, pagination: l, dataKey: p, emit: t } = s, a = j(
+    () => l.value === void 0 ? {} : l.value
+  ), o = c([]), n = c({}), u = S(() => a.value ? Object.assign({}, a.value, n.value) : !1);
+  g(
+    f,
     (e) => {
-      if (d(e))
-        t.value = e;
-      else if (h(e)) {
-        t.value = e[l] ?? [];
-        const { pageNum: o, pageSize: m, total: v } = e;
-        a.value = Object.fromEntries(
-          Object.entries({ currentPage: o, pageSize: m, total: v }).filter(([, P]) => P != null)
+      if (z(e))
+        o.value = e;
+      else if (b(e)) {
+        o.value = e[p] ?? [];
+        const { pageNum: r, pageSize: P, total: d } = e;
+        n.value = Object.fromEntries(
+          Object.entries({ currentPage: r, pageSize: P, total: d }).filter(([, h]) => h != null)
         );
       }
     },
     { immediate: !0 }
   );
-  function p(e) {
-    const o = (i.value === !1 ? 30 : i.value.pageSize) ?? 30;
-    n("pagination-change", { pageNum: e, pageSize: o }), n("page-change", e), a.value.currentPage = e;
+  function i(e) {
+    n.value.currentPage = e;
   }
-  function f(e) {
-    n("pagination-change", { pageNum: 1, pageSize: e }), n("page-size-change", e), a.value.currentPage = 1, a.value.pageSize = e;
+  g(
+    () => a.value === !1 ? void 0 : a.value.currentPage,
+    (e) => {
+      e != null && i(e);
+    }
+  ), g(
+    () => a.value === !1 ? void 0 : a.value.pageSize,
+    (e) => {
+      e != null && (n.value.pageSize = e);
+    }
+  );
+  function v(e) {
+    const r = (u.value === !1 ? 30 : u.value.pageSize) ?? 30;
+    t("pagination-change", { pageNum: e, pageSize: r }), t("page-change", e), i(e);
+  }
+  function m(e) {
+    t("pagination-change", { pageNum: 1, pageSize: e }), t("page-size-change", e), i(1), n.value.pageSize = e;
   }
-  return { pagination: i, data: t, onPageSizeChange: f, onPageChange: p };
+  return { pagination: u, data: o, onPageSizeChange: m, onPageChange: v, setCurrentPage: i };
 }
 export {
-  C as useTablePagination
+  _ as useTablePagination
 };
 //# sourceMappingURL=useTablePagination.mjs.map

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

@@ -1,3 +1,16 @@
+import { PropType } from 'vue';
+/** 页签配置项：`key` 同时作为插槽名（`#tab.key`）与 `el-tab-pane` 的 name */
+export interface TabItem {
+    /** 页签唯一键（必填），同时作为内容插槽名（`#<key>`）与 `el-tab-pane` 的 name */
+    key: string;
+    /** 页签标题 */
+    title?: string;
+    /** 是否懒挂载，默认 true；与 arco 风 `lazyLoad` 二选一 */
+    lazy?: boolean;
+    /** arco 风懒挂载开关（`lazy` 的别名，二选一） */
+    lazyLoad?: boolean;
+    [key: string]: any;
+}
 /**
  * 标签页（el-tabs 封装）：tabs schema 驱动，每 tab 内容经具名插槽（#tab.key）渲染
  * EP 映射：tab.key→el-tab-pane name、tab.title→label、tab.lazyLoad|tab.lazy→lazy
@@ -21,7 +34,7 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /** 页签配置列表，以 key 关联内容插槽 */
     tabs: {
-        type: ArrayConstructor;
+        type: PropType<TabItem[]>;
         default: () => never[];
     };
     /** 当前激活页签的 key，可用 v-model 双向绑定 */
@@ -49,7 +62,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 页签配置列表，以 key 关联内容插槽 */
     tabs: {
-        type: ArrayConstructor;
+        type: PropType<TabItem[]>;
         default: () => never[];
     };
     /** 当前激活页签的 key，可用 v-model 双向绑定 */
@@ -75,7 +88,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     border: boolean;
     modelValue: string | number;
     fit: boolean;
-    tabs: unknown[];
+    tabs: TabItem[];
     darkNav: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/ZlTag/ZlCornerTag.css

@@ -1 +1 @@
-@charset "UTF-8";.zl-corner-tag{position:absolute;z-index:1;display:inline-flex;align-items:center;font-size:12px;line-height:20px;font-weight:600;padding:2px 8px;color:#fff;cursor:default}.zl-corner-tag-color-bg{background-image:linear-gradient(to right,var(--zl-bg-6),var(--zl-bg-3))}.zl-corner-tag-color-blue{background-image:linear-gradient(to right,var(--zl-blue-6),var(--zl-blue-3))}.zl-corner-tag-color-border{background-image:linear-gradient(to right,var(--zl-border-6),var(--zl-border-3))}.zl-corner-tag-color-cyan{background-image:linear-gradient(to right,var(--zl-cyan-6),var(--zl-cyan-3))}.zl-corner-tag-color-danger{background-image:linear-gradient(to right,var(--zl-danger-6),var(--zl-danger-3))}.zl-corner-tag-color-fill{background-image:linear-gradient(to right,var(--zl-fill-6),var(--zl-fill-3))}.zl-corner-tag-color-gold{background-image:linear-gradient(to right,var(--zl-gold-6),var(--zl-gold-3))}.zl-corner-tag-color-gray{background-image:linear-gradient(to right,var(--zl-gray-6),var(--zl-gray-3))}.zl-corner-tag-color-green{background-image:linear-gradient(to right,var(--zl-green-6),var(--zl-green-3))}.zl-corner-tag-color-lime{background-image:linear-gradient(to right,var(--zl-lime-6),var(--zl-lime-3))}.zl-corner-tag-color-link{background-image:linear-gradient(to right,var(--zl-link-6),var(--zl-link-3))}.zl-corner-tag-color-magenta{background-image:linear-gradient(to right,var(--zl-magenta-6),var(--zl-magenta-3))}.zl-corner-tag-color-modo{background-image:linear-gradient(to right,var(--zl-modo-6),var(--zl-modo-3))}.zl-corner-tag-color-neutral{background-image:linear-gradient(to right,var(--zl-neutral-6),var(--zl-neutral-3))}.zl-corner-tag-color-orange{background-image:linear-gradient(to right,var(--zl-orange-6),var(--zl-orange-3))}.zl-corner-tag-color-orangered{background-image:linear-gradient(to right,var(--zl-orangered-6),var(--zl-orangered-3))}.zl-corner-tag-color-pinkpurple{background-image:linear-gradient(to right,var(--zl-pinkpurple-6),var(--zl-pinkpurple-3))}.zl-corner-tag-color-primary{background-image:linear-gradient(to right,var(--zl-primary-6),var(--zl-primary-3))}.zl-corner-tag-color-purple{background-image:linear-gradient(to right,var(--zl-purple-6),var(--zl-purple-3))}.zl-corner-tag-color-red{background-image:linear-gradient(to right,var(--zl-red-6),var(--zl-red-3))}.zl-corner-tag-color-success{background-image:linear-gradient(to right,var(--zl-success-6),var(--zl-success-3))}.zl-corner-tag-color-text{background-image:linear-gradient(to right,var(--zl-text-6),var(--zl-text-3))}.zl-corner-tag-color-warning{background-image:linear-gradient(to right,var(--zl-warning-6),var(--zl-warning-3))}.zl-corner-tag-color-yellow{background-image:linear-gradient(to right,var(--zl-yellow-6),var(--zl-yellow-3))}.zl-corner-tag-position-top-left{top:0;left:0;border-bottom-right-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-position-top-right{top:0;right:0;border-bottom-left-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-position-bottom-left{bottom:0;left:0;border-top-right-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-position-bottom-right{bottom:0;right:0;border-top-left-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-variant-ribbon{--zl-ribbon-size: var(--zl-corner-tag-ribbon-size, 76px);--zl-ribbon-gap: var(--zl-corner-tag-ribbon-gap, 12px);--zl-ribbon-width: var(--zl-corner-tag-ribbon-width, 28px);--zl-ribbon-k: 1.4142;--zl-ribbon-center: calc((var(--zl-ribbon-gap) * 2 + var(--zl-ribbon-width)) * .35355);display:block;width:var(--zl-ribbon-size);height:var(--zl-ribbon-size);padding:0;overflow:hidden}.zl-corner-tag-variant-ribbon .zl-corner-tag__icon{display:none}.zl-corner-tag-variant-ribbon .zl-corner-tag__text{position:absolute;white-space:nowrap;font-size:11px;line-height:1}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-top-right{clip-path:polygon(calc(100% - (var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)) 0,calc(100% - var(--zl-ribbon-gap) * var(--zl-ribbon-k)) 0,100% calc(var(--zl-ribbon-gap) * var(--zl-ribbon-k)),100% calc((var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)))}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-top-right .zl-corner-tag__text{top:var(--zl-ribbon-center);left:calc(100% - var(--zl-ribbon-center));transform:translate(-50%,-50%) rotate(45deg)}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-top-left{clip-path:polygon(calc((var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)) 0,calc(var(--zl-ribbon-gap) * var(--zl-ribbon-k)) 0,0 calc(var(--zl-ribbon-gap) * var(--zl-ribbon-k)),0 calc((var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)))}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-top-left .zl-corner-tag__text{top:var(--zl-ribbon-center);left:var(--zl-ribbon-center);transform:translate(-50%,-50%) rotate(-45deg)}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-bottom-right{clip-path:polygon(calc(100% - (var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)) 100%,calc(100% - var(--zl-ribbon-gap) * var(--zl-ribbon-k)) 100%,100% calc(100% - var(--zl-ribbon-gap) * var(--zl-ribbon-k)),100% calc(100% - (var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)))}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-bottom-right .zl-corner-tag__text{top:calc(100% - var(--zl-ribbon-center));left:calc(100% - var(--zl-ribbon-center));transform:translate(-50%,-50%) rotate(-45deg)}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-bottom-left{clip-path:polygon(calc((var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)) 100%,calc(var(--zl-ribbon-gap) * var(--zl-ribbon-k)) 100%,0 calc(100% - var(--zl-ribbon-gap) * var(--zl-ribbon-k)),0 calc(100% - (var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)))}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-bottom-left .zl-corner-tag__text{top:calc(100% - var(--zl-ribbon-center));left:var(--zl-ribbon-center);transform:translate(-50%,-50%) rotate(45deg)}
+@charset "UTF-8";.zl-corner-tag{position:absolute;z-index:1;display:inline-flex;align-items:center;font-size:12px;line-height:20px;font-weight:600;padding:2px 8px;color:#fff;cursor:default}.zl-corner-tag-color-bg{background-image:linear-gradient(to right,var(--zl-bg-6),var(--zl-bg-3))}.zl-corner-tag-color-blue{background-image:linear-gradient(to right,var(--zl-blue-6),var(--zl-blue-3))}.zl-corner-tag-color-border{background-image:linear-gradient(to right,var(--zl-border-6),var(--zl-border-3))}.zl-corner-tag-color-cyan{background-image:linear-gradient(to right,var(--zl-cyan-6),var(--zl-cyan-3))}.zl-corner-tag-color-danger{background-image:linear-gradient(to right,var(--zl-danger-6),var(--zl-danger-3))}.zl-corner-tag-color-fill{background-image:linear-gradient(to right,var(--zl-fill-6),var(--zl-fill-3))}.zl-corner-tag-color-gold{background-image:linear-gradient(to right,var(--zl-gold-6),var(--zl-gold-3))}.zl-corner-tag-color-gray{background-image:linear-gradient(to right,var(--zl-gray-6),var(--zl-gray-3))}.zl-corner-tag-color-green{background-image:linear-gradient(to right,var(--zl-green-6),var(--zl-green-3))}.zl-corner-tag-color-lime{background-image:linear-gradient(to right,var(--zl-lime-6),var(--zl-lime-3))}.zl-corner-tag-color-link{background-image:linear-gradient(to right,var(--zl-link-6),var(--zl-link-3))}.zl-corner-tag-color-magenta{background-image:linear-gradient(to right,var(--zl-magenta-6),var(--zl-magenta-3))}.zl-corner-tag-color-modo{background-image:linear-gradient(to right,var(--zl-modo-6),var(--zl-modo-3))}.zl-corner-tag-color-neutral{background-image:linear-gradient(to right,var(--zl-neutral-6),var(--zl-neutral-3))}.zl-corner-tag-color-orange{background-image:linear-gradient(to right,var(--zl-orange-6),var(--zl-orange-3))}.zl-corner-tag-color-orangered{background-image:linear-gradient(to right,var(--zl-orangered-6),var(--zl-orangered-3))}.zl-corner-tag-color-pinkpurple{background-image:linear-gradient(to right,var(--zl-pinkpurple-6),var(--zl-pinkpurple-3))}.zl-corner-tag-color-primary{background-image:linear-gradient(to right,var(--zl-primary-6),var(--zl-primary-3))}.zl-corner-tag-color-purple{background-image:linear-gradient(to right,var(--zl-purple-6),var(--zl-purple-3))}.zl-corner-tag-color-red{background-image:linear-gradient(to right,var(--zl-red-6),var(--zl-red-3))}.zl-corner-tag-color-success{background-image:linear-gradient(to right,var(--zl-success-6),var(--zl-success-3))}.zl-corner-tag-color-text{background-image:linear-gradient(to right,var(--zl-text-6),var(--zl-text-3))}.zl-corner-tag-color-warning{background-image:linear-gradient(to right,var(--zl-warning-6),var(--zl-warning-3))}.zl-corner-tag-color-yellow{background-image:linear-gradient(to right,var(--zl-yellow-6),var(--zl-yellow-3))}.zl-corner-tag-position-top-left{top:0;left:0;border-bottom-right-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-position-top-right{top:0;right:0;border-bottom-left-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-position-bottom-left{bottom:0;left:0;border-top-right-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-position-bottom-right{bottom:0;right:0;border-top-left-radius:var(--zl-radius-xl, 12px)}.zl-corner-tag-variant-ribbon{--zl-ribbon-size: var(--zl-corner-tag-ribbon-size, 76px);--zl-ribbon-gap: var(--zl-corner-tag-ribbon-gap, 12px);--zl-ribbon-width: var(--zl-corner-tag-ribbon-width, 28px);--zl-ribbon-k: 1.4142;--zl-ribbon-font-size: var( --zl-corner-tag-ribbon-font-size, clamp(10px, calc(var(--zl-ribbon-width) * .4), 16px) );--zl-ribbon-center: calc((var(--zl-ribbon-gap) * 2 + var(--zl-ribbon-width)) * .35355);--zl-ribbon-box: max( var(--zl-ribbon-size), calc((var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)) );display:block;width:var(--zl-ribbon-box);height:var(--zl-ribbon-box);padding:0;overflow:hidden}.zl-corner-tag-variant-ribbon .zl-corner-tag__icon{display:none}.zl-corner-tag-variant-ribbon .zl-corner-tag__text{position:absolute;white-space:nowrap;font-size:var(--zl-ribbon-font-size);line-height:1}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-top-right{clip-path:polygon(calc(100% - (var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)) 0,calc(100% - var(--zl-ribbon-gap) * var(--zl-ribbon-k)) 0,100% calc(var(--zl-ribbon-gap) * var(--zl-ribbon-k)),100% calc((var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)))}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-top-right .zl-corner-tag__text{top:var(--zl-ribbon-center);left:calc(100% - var(--zl-ribbon-center));transform:translate(-50%,-50%) rotate(45deg)}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-top-left{clip-path:polygon(calc((var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)) 0,calc(var(--zl-ribbon-gap) * var(--zl-ribbon-k)) 0,0 calc(var(--zl-ribbon-gap) * var(--zl-ribbon-k)),0 calc((var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)))}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-top-left .zl-corner-tag__text{top:var(--zl-ribbon-center);left:var(--zl-ribbon-center);transform:translate(-50%,-50%) rotate(-45deg)}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-bottom-right{clip-path:polygon(calc(100% - (var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)) 100%,calc(100% - var(--zl-ribbon-gap) * var(--zl-ribbon-k)) 100%,100% calc(100% - var(--zl-ribbon-gap) * var(--zl-ribbon-k)),100% calc(100% - (var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)))}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-bottom-right .zl-corner-tag__text{top:calc(100% - var(--zl-ribbon-center));left:calc(100% - var(--zl-ribbon-center));transform:translate(-50%,-50%) rotate(-45deg)}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-bottom-left{clip-path:polygon(calc((var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)) 100%,calc(var(--zl-ribbon-gap) * var(--zl-ribbon-k)) 100%,0 calc(100% - var(--zl-ribbon-gap) * var(--zl-ribbon-k)),0 calc(100% - (var(--zl-ribbon-gap) + var(--zl-ribbon-width)) * var(--zl-ribbon-k)))}.zl-corner-tag-variant-ribbon.zl-corner-tag-position-bottom-left .zl-corner-tag__text{top:calc(100% - var(--zl-ribbon-center));left:var(--zl-ribbon-center);transform:translate(-50%,-50%) rotate(45deg)}