@zl-ui-kit/components 0.14.2 → 0.14.4

package/README.md

@@ -839,6 +839,49 @@ const onStatusChange = () => cardPageRef.value?.refresh()
 > 两种刷新语义别混用：`refreshDeps` 变化**一律回第 1 页**（换条件后停在旧页码没有意义）；
 > 需要「原地重查、页码不变」（行内改状态、删除后刷新）用 `ref.refresh()` / `ref.search.search(params)`。
 
+#### 分页属性：透传 `usePagination`
+
+`ZlSearchTable` / `ZlCardPage` 的 `:pagination` 直接透传给 `usePagination`（`ZlCardPage` 在对象模式 `{ rows, total }` 下也会合并这些展示配置，不会丢弃）。常用属性：
+
+| 属性              | 类型       | 默认         | 说明                                                  |
+| ----------------- | ---------- | ------------ | ----------------------------------------------------- |
+| `pageSize`        | `number`   | `30`         | 每页条数（同时作为请求入参 `pageSize`）               |
+| `pageSizeOptions` | `number[]` | `[10,30,50]` | 页容量下拉可选项（自动并入当前 `pageSize`）           |
+| `simple`          | `boolean`  | `true`       | 简易分页：小尺寸 + 去掉跳页输入框；`false` 显示完整版 |
+| `totalVisible`    | `boolean`  | `true`       | 是否显示总数（`showTotal` 为已废弃别名）              |
+| `pageSizeVisible` | `boolean`  | `true`       | 是否显示页容量选择器（`showPageSize` 为已废弃别名）   |
+| `pageNum`         | `number`   | `1`          | 初始当前页（一般交给组件内部管理，无需手动传）        |
+
+```vue
+<!-- ZlSearchTable：简易分页 + 自定义页容量选项 + 隐藏页容量选择器 -->
+<ZlSearchTable
+  :request="getResourcePage"
+  :columns="columns"
+  :query-items="queryItems"
+  :pagination="{
+    pageSize: 4,
+    pageSizeOptions: [4, 8, 12],
+    simple: true,
+    totalVisible: true,
+    pageSizeVisible: false,
+  }"
+  height="320"
+/>
+
+<!-- ZlCardPage：对象模式同样生效（simple / pageSize / pageSizeOptions / totalVisible） -->
+<ZlCardPage
+  :request="getResourcePage"
+  card-min-width="200px"
+  :pagination="{ pageSize: 4, pageSizeOptions: [4, 8], simple: true, totalVisible: false }"
+>
+  <template #default="{ data }">
+    <el-card>{{ data.name }}</el-card>
+  </template>
+</ZlCardPage>
+```
+
+> `total` / `pageNum` / `pageSize` 的实际数值由接口返回（或数组长度）决定，`usePagination` 仅用它们渲染；上面的 `pageSize` 会作为请求入参下发，后端按此分页即可。
+
 #### ③ `ZlTable` + `ZlPagination` —— 自行 `usePaginationRequest`
 
 ```ts

package/dist/components/ZlAutoTooltip/index.css

@@ -1 +1 @@
-.zl-auto-tooltip[data-v-6249e6d9]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
+.zl-auto-tooltip[data-v-ce4eb303]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

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

@@ -1,8 +1,8 @@
 import o from "./index2.vue.mjs";
 import './index.css';/* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6249e6d9"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ce4eb303"]]);
 export {
-  _ as default
+  m as default
 };
 //# sourceMappingURL=index.vue.mjs.map

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

@@ -1,12 +1,12 @@
-import { defineComponent as M, useSlots as V, ref as _, computed as u, watch as x, resolveDirective as F, withDirectives as L, openBlock as m, createElementBlock as P, normalizeStyle as G, createBlock as v, createSlots as H, withCtx as S, renderSlot as h, renderList as k, normalizeProps as J, guardReactiveProps as Q, createCommentVNode as q, createElementVNode as z, Fragment as T, mergeProps as $, unref as g } from "vue";
+import { defineComponent as M, useSlots as V, ref as _, computed as u, watch as x, resolveDirective as F, withDirectives as L, openBlock as m, createElementBlock as z, normalizeStyle as G, createBlock as g, createSlots as H, withCtx as P, renderSlot as v, renderList as k, normalizeProps as J, guardReactiveProps as Q, createCommentVNode as q, createElementVNode as $, Fragment as T, mergeProps as D, unref as h } from "vue";
 import { usePageableRequest as U } from "@zl-ui-kit/composables";
-import { isArray as D } from "@zl-ui-kit/utils";
+import { isArray as b } from "@zl-ui-kit/utils";
 import X from "../ZlEmpty/index.vue.mjs";
 import Y from "../ZlPagination/index.vue.mjs";
 import ee from "../ZlSearch/index.vue.mjs";
 import '../ZlSearch/index.css';/* empty css                      */
 import { usePagination as te } from "../ZlPagination/usePagination.mjs";
-const ae = { class: "zl-card-page__content" }, re = { class: "zl-card-page__list" }, b = "search-", de = /* @__PURE__ */ M({
+const ae = { class: "zl-card-page__content" }, se = { class: "zl-card-page__list" }, N = "search-", de = /* @__PURE__ */ M({
   name: "ZlCardPage",
   __name: "index",
   props: {
@@ -18,9 +18,9 @@ const ae = { class: "zl-card-page__content" }, re = { class: "zl-card-page__list
     cardMinWidth: {}
   },
   emits: ["search-reset"],
-  setup(r, { expose: R, emit: w }) {
-    const i = r, B = w, C = V(), E = _(null), f = u(() => {
-      const e = i.request;
+  setup(s, { expose: R, emit: w }) {
+    const n = s, B = w, C = V(), E = _(null), p = u(() => {
+      const e = n.request;
       if (e && typeof e == "object" && "run" in e && "data" in e && !("service" in e))
         return {
           instance: e,
@@ -30,102 +30,107 @@ const ae = { class: "zl-card-page__content" }, re = { class: "zl-card-page__list
       const t = { manual: !0, initialData: [] };
       if (typeof e == "function")
         return { instance: null, service: e, options: t };
-      const { refreshDeps: n, refreshDepsAction: a, ...c } = e.options ?? {};
+      const { refreshDeps: r, refreshDepsAction: a, ...c } = e.options ?? {};
       return {
         instance: null,
         service: e.service,
         options: {
           ...c,
           ...t,
-          ...n ? { refreshDeps: n, refreshDepsAction: a ?? (() => l()) } : {}
+          ...r ? { refreshDeps: r, refreshDepsAction: a ?? (() => l()) } : {}
         }
       };
-    }), o = U(f.value.service, f.value.options), I = f.value.instance ?? {
+    }), o = U(p.value.service, p.value.options), I = p.value.instance ?? {
       loading: o.loading,
       data: o.data,
       run: o.run,
       params: o.params,
       refresh: o.refresh
-    }, { loading: N, data: s, run: O, params: j, refresh: A } = I, W = u(() => j.value?.[0]), Z = u(() => {
-      if (D(s.value))
-        return i.pagination && { total: s.value.length, ...i.pagination };
+    }, { loading: O, data: i, run: j, params: A, refresh: W } = I, y = u(() => A.value?.[0]), Z = u(() => {
+      if (b(i.value))
+        return n.pagination && { total: i.value.length, ...n.pagination };
       {
-        const { pageNum: e, pageSize: t, total: n = 0 } = s.value;
-        return { pageNum: e, pageSize: t, total: n };
+        const e = i.value ?? {}, t = y.value ?? {}, r = n.pagination;
+        return {
+          ...r,
+          pageNum: e.pageNum ?? t.pageNum ?? 1,
+          pageSize: e.pageSize ?? t.pageSize ?? r?.pageSize ?? 30,
+          total: e.total ?? 0
+        };
       }
-    }), d = te(() => Z.value ?? !1), y = u(
-      () => D(s.value) ? s.value : s.value?.rows ?? []
+    }), d = te(() => Z.value ?? !1), S = u(
+      () => b(i.value) ? i.value : i.value?.rows ?? []
     ), K = u(() => {
       const e = [];
       return Object.keys(C).forEach((t) => {
-        t.startsWith(b) && t !== "search-actions" && e.push(t.slice(b.length));
+        t.startsWith(N) && t !== "search-actions" && e.push(t.slice(N.length));
       }), e;
     });
-    let p;
+    let f;
     function l(e, t = {
       pageNum: 1,
       pageSize: d.value !== !1 ? d.value.pageSize : 30
     }) {
-      p = {
-        ...p,
+      f = {
+        ...f,
         ...e,
         ...t
-      }, O(p);
+      }, j(f);
     }
     return x(
-      () => i.immediate,
+      () => n.immediate,
       (e) => {
-        e && !i.queryItems.length && l();
+        e && !n.queryItems.length && l();
       },
       { immediate: !0, once: !0 }
     ), R({
       /** 原地重查：用最近一次入参重新请求，保持当前页码（区别于 `search()` 会回到第 1 页） */
-      refresh: A,
+      refresh: W,
       /** 最近一次请求的入参（`{ pageNum, pageSize, ...查询表单 }`），未请求过时为 `undefined` */
-      params: W,
+      params: y,
       /** 重新查询并回到第 1 页；消费方可在 useRequest 的 refreshDepsAction 里调用 */
       search: l
     }), (e, t) => {
-      const n = F("loading");
-      return L((m(), P("div", {
+      const r = F("loading");
+      return L((m(), z("div", {
         class: "zl-card-page",
-        style: G({ "--card-min-width": r.cardMinWidth })
+        style: G({ "--card-min-width": s.cardMinWidth })
       }, [
-        r.queryItems.length || e.$slots["search-actions"] ? (m(), v(ee, {
+        s.queryItems.length || e.$slots["search-actions"] ? (m(), g(ee, {
           key: 0,
           ref_key: "searchRef",
           ref: E,
-          items: r.queryItems,
-          immediate: r.immediate,
+          items: s.queryItems,
+          immediate: s.immediate,
           onSearch: l,
           onReset: t[0] || (t[0] = (a) => B("search-reset"))
         }, H({ _: 2 }, [
           e.$slots["search-actions"] ? {
             name: "actions",
-            fn: S(() => [
-              h(e.$slots, "search-actions")
+            fn: P(() => [
+              v(e.$slots, "search-actions")
             ]),
             key: "0"
           } : void 0,
           k(K.value, (a) => ({
             name: a,
-            fn: S((c) => [
-              h(e.$slots, `search-${a}`, J(Q(c)))
+            fn: P((c) => [
+              v(e.$slots, `search-${a}`, J(Q(c)))
             ])
           }))
         ]), 1032, ["items", "immediate"])) : q("", !0),
-        z("div", ae, [
-          z("div", re, [
-            y.value.length ? (m(!0), P(T, { key: 0 }, k(y.value, (a, c) => h(e.$slots, "default", $({
-              key: a[r.itemKey] || c
-            }, { ref_for: !0 }, { data: a }))), 128)) : (m(), v(X, { key: 1 }))
+        $("div", ae, [
+          $("div", se, [
+            S.value.length ? (m(!0), z(T, { key: 0 }, k(S.value, (a, c) => v(e.$slots, "default", D({
+              key: a[s.itemKey] || c
+            }, { ref_for: !0 }, { data: a }))), 128)) : (m(), g(X, { key: 1 }))
           ])
         ]),
-        r.pagination && g(d) !== !1 ? (m(), v(Y, $({ key: 1 }, g(d), {
+        s.pagination && h(d) !== !1 ? (m(), g(Y, D({ key: 1 }, h(d), {
           onChange: t[1] || (t[1] = (a) => l(void 0, a))
         }), null, 16)) : q("", !0)
       ], 4)), [
-        [n, g(N)]
+        [r, h(O)]
       ]);
     };
   }

package/dist/components/ZlCheckAll/index.css

@@ -1 +1 @@
-.zl-check[data-v-3505c631]{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.zl-check__all[data-v-3505c631]{margin-bottom:4px}.zl-check[data-v-3505c631] .el-checkbox:not(.zl-check__all){padding:5px;background:var(--zl-primary-1, var(--el-color-primary-light-9, #e8f3ff))}.zl-check[data-v-3505c631] .el-checkbox:not(.zl-check__all):hover{background:var(--zl-fill-3, #e3e9ef)}
+.zl-check[data-v-32d89cdc]{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.zl-check__all[data-v-32d89cdc]{margin-bottom:4px}.zl-check[data-v-32d89cdc] .el-checkbox:not(.zl-check__all){padding:5px;background:var(--zl-primary-1, var(--el-color-primary-light-9, #e8f3ff))}.zl-check[data-v-32d89cdc] .el-checkbox:not(.zl-check__all):hover{background:var(--zl-fill-3, #e3e9ef)}

package/dist/components/ZlCheckAll/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 p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3505c631"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-32d89cdc"]]);
 export {
   p as default
 };

package/dist/components/ZlCopy/index.css

@@ -1 +1 @@
-.zl-copy[data-v-9ed5846a]{max-width:100%;display:inline-flex;align-items:center;gap:12px}.zl-copy__text[data-v-9ed5846a]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.zl-copy[data-v-3a18b7dd]{max-width:100%;display:inline-flex;align-items:center;gap:12px}.zl-copy__text[data-v-3a18b7dd]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/dist/components/ZlCopy/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-9ed5846a"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3a18b7dd"]]);
 export {
   m as default
 };

package/dist/components/ZlEmpty/index.css

@@ -1 +1 @@
-.zl-empty[data-v-931061b4]{padding-block:5vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.zl-empty__icon[data-v-931061b4]{width:128px;max-width:100%}.zl-empty__icon svg[data-v-931061b4]{width:100%}.zl-empty__text[data-v-931061b4]{margin-top:18px;font-size:14px;line-height:22px;color:var(--zl-text-3, var(--el-text-color-secondary, #79879c))}
+.zl-empty[data-v-8addc696]{padding-block:5vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.zl-empty__icon[data-v-8addc696]{width:128px;max-width:100%}.zl-empty__icon svg[data-v-8addc696]{width:100%}.zl-empty__text[data-v-8addc696]{margin-top:18px;font-size:14px;line-height:22px;color:var(--zl-text-3, var(--el-text-color-secondary, #79879c))}

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

@@ -1,8 +1,8 @@
 import o from "./index2.vue.mjs";
 import './index.css';/* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-931061b4"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8addc696"]]);
 export {
-  _ as default
+  a as default
 };
 //# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlFilePreview/FileFetchError.css

@@ -1 +1 @@
-.zl-file-fetch-error[data-v-ac3baf14]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--zl-text-3, var(--el-text-color-secondary));font-size:13px}
+.zl-file-fetch-error[data-v-3781f6e9]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--zl-text-3, var(--el-text-color-secondary));font-size:13px}

package/dist/components/ZlFilePreview/FileFetchError.vue.mjs

@@ -1,8 +1,8 @@
 import o from "./FileFetchError2.vue.mjs";
 import './FileFetchError.css';/* empty css                     */
 import r from "../../_virtual/_plugin-vue_export-helper.mjs";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-ac3baf14"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3781f6e9"]]);
 export {
-  e as default
+  m as default
 };
 //# sourceMappingURL=FileFetchError.vue.mjs.map

package/dist/components/ZlLayoutSwitch/index.css

@@ -1 +1 @@
-.zl-layout-switch .el-radio-button[data-v-13a0ea85]{line-height:1;font-size:14px;padding:9px}
+.zl-layout-switch .el-radio-button[data-v-89c83ab6]{line-height:1;font-size:14px;padding:9px}

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

@@ -1,8 +1,8 @@
 import o from "./index2.vue.mjs";
 import './index.css';/* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-13a0ea85"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-89c83ab6"]]);
 export {
-  p as default
+  m as default
 };
 //# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlLogin/components/LoginForm.css

@@ -1 +1 @@
-.zl-login__action[data-v-a1724530]{margin-top:15px}[data-v-a1724530] .el-form-item{margin-bottom:20px}
+.zl-login__action[data-v-3a11bb99]{margin-top:15px}[data-v-3a11bb99] .el-form-item{margin-bottom:20px}

package/dist/components/ZlLogin/components/LoginForm.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./LoginForm2.vue.mjs";
 import './LoginForm.css';/* empty css                */
 import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a1724530"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3a11bb99"]]);
 export {
   p as default
 };

package/dist/components/ZlLogin/components/SlideChecker.css

@@ -1 +1 @@
-.slide-checker[data-v-7ddcdcbf]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:32px;background-color:var(--slider-check-bg-color);pointer-events:none;--slider-check-bg-color: var(--zl-fill-3);--slider-check-progress: 0px;--slider-check-success-color: var(--zl-success-6, var(--el-color-success));--slider-check-trigger-border-color: var(--slider-check-bg-color);--slider-check-trigger-color: var(--zl-text-3)}.slide-checker__progress[data-v-7ddcdcbf]{position:absolute;top:0;left:0;width:var(--slider-check-progress);background-color:var(--slider-check-success-color);height:100%;opacity:.2}.slide-checker__trigger[data-v-7ddcdcbf]{position:absolute;left:var(--slider-check-progress);top:0;height:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--zl-bg-1, #fff);border:1px solid var(--slider-check-trigger-border-color);cursor:grab;pointer-events:auto;color:var(--slider-check-trigger-color)}.slide-checker__text[data-v-7ddcdcbf]{font-size:12px;color:var(--zl-text-3);user-select:none}.slide-checker.is-checked[data-v-7ddcdcbf]{--slider-check-bg-color: var(--slider-check-success-color)}.slide-checker.is-checked .slide-checker__text[data-v-7ddcdcbf]{color:#fff}.slide-checker.is-checked .slide-checker__trigger[data-v-7ddcdcbf]{border-color:transparent;color:var(--slider-check-success-color);pointer-events:none}
+.slide-checker[data-v-e2067270]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:32px;background-color:var(--slider-check-bg-color);pointer-events:none;--slider-check-bg-color: var(--zl-fill-3);--slider-check-progress: 0px;--slider-check-success-color: var(--zl-success-6, var(--el-color-success));--slider-check-trigger-border-color: var(--slider-check-bg-color);--slider-check-trigger-color: var(--zl-text-3)}.slide-checker__progress[data-v-e2067270]{position:absolute;top:0;left:0;width:var(--slider-check-progress);background-color:var(--slider-check-success-color);height:100%;opacity:.2}.slide-checker__trigger[data-v-e2067270]{position:absolute;left:var(--slider-check-progress);top:0;height:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--zl-bg-1, #fff);border:1px solid var(--slider-check-trigger-border-color);cursor:grab;pointer-events:auto;color:var(--slider-check-trigger-color)}.slide-checker__text[data-v-e2067270]{font-size:12px;color:var(--zl-text-3);user-select:none}.slide-checker.is-checked[data-v-e2067270]{--slider-check-bg-color: var(--slider-check-success-color)}.slide-checker.is-checked .slide-checker__text[data-v-e2067270]{color:#fff}.slide-checker.is-checked .slide-checker__trigger[data-v-e2067270]{border-color:transparent;color:var(--slider-check-success-color);pointer-events:none}

package/dist/components/ZlLogin/components/SlideChecker.vue.mjs

@@ -1,8 +1,8 @@
 import o from "./SlideChecker2.vue.mjs";
 import './SlideChecker.css';/* empty css                   */
-import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-7ddcdcbf"]]);
+import e from "../../../_virtual/_plugin-vue_export-helper.mjs";
+const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-e2067270"]]);
 export {
-  e as default
+  p as default
 };
 //# sourceMappingURL=SlideChecker.vue.mjs.map

package/dist/components/ZlPageContainer/index.css

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

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-4a47d884"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4d3cbbba"]]);
 export {
   m as default
 };

package/dist/components/ZlPagination/index.css

@@ -1 +1 @@
-@charset "UTF-8";.zl-pagination[data-v-78457fcd]{padding:6px 16px;background-color:var(--zl-fill-1, #f9fbfd);justify-content:var(--zl-pagination-justify, flex-end)}.zl-pagination--left[data-v-78457fcd]{--zl-pagination-justify: flex-start}.zl-pagination--center[data-v-78457fcd]{--zl-pagination-justify: center}.zl-pagination--right[data-v-78457fcd]{--zl-pagination-justify: flex-end}
+@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}

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-78457fcd"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-c7c49843"]]);
 export {
   i as default
 };

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

@@ -2,8 +2,16 @@ import { Ref } from 'vue';
 export interface PaginationProps {
     total?: number;
     pageNum?: number;
+    /** EP 名，等价于 `pageNum`（上层已归一化时传入） */
+    currentPage?: number;
     pageSize?: number;
     pageSizeOptions?: number[];
+    /** EP 名，等价于 `pageSizeOptions`（上层已归一化时传入） */
+    pageSizes?: number[];
+    /** EP 名，显式给出时原样保留，不再按显隐配置重算 */
+    layout?: string;
+    /** EP 尺寸：'small' | 'default' | 'large' */
+    size?: string;
     /** 是否展示总数（默认 true） */
     totalVisible?: boolean;
     /** 是否展示每页条数选择器（默认 true） */

package/dist/components/ZlPagination/usePagination.mjs

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

package/dist/components/ZlSorter/ZlSorterList.css

@@ -1 +1 @@
-.zl-sorter-list[data-v-32694666]{display:flex}.zl-sorter-list__separator[data-v-32694666]{margin:4px 2px;width:1px;background-color:var(--zl-border-2, #e3e9ef)}.zl-sorter-list__separator[data-v-32694666]:last-child{display:none}
+.zl-sorter-list[data-v-ce1f37dd]{display:flex}.zl-sorter-list__separator[data-v-ce1f37dd]{margin:4px 2px;width:1px;background-color:var(--zl-border-2, #e3e9ef)}.zl-sorter-list__separator[data-v-ce1f37dd]:last-child{display:none}

package/dist/components/ZlSorter/ZlSorterList.vue.mjs

@@ -1,8 +1,8 @@
 import o from "./ZlSorterList2.vue.mjs";
 import './ZlSorterList.css';/* empty css                   */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-32694666"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ce1f37dd"]]);
 export {
-  s as default
+  m as default
 };
 //# sourceMappingURL=ZlSorterList.vue.mjs.map

package/dist/components/ZlSorter/index.css

@@ -1 +1 @@
-.zl-sorter[data-v-65e8178e]{display:inline-flex;align-items:center;cursor:pointer;gap:4px;font-size:12px;padding:1px 4px}.zl-sorter__label[data-v-65e8178e]{color:var(--zl-text-2, #4d5e7d)}.zl-sorter__label.active[data-v-65e8178e]{color:var(--zl-link-6, var(--el-color-primary, #3b82f6))}.zl-sorter__icon[data-v-65e8178e]{display:inline-flex;flex-direction:column;font-size:8px;color:var(--zl-text-4, #b3c0cc)}.zl-sorter__icon .active[data-v-65e8178e]{color:var(--zl-link-6, var(--el-color-primary, #3b82f6))}
+.zl-sorter[data-v-769f5bf6]{display:inline-flex;align-items:center;cursor:pointer;gap:4px;font-size:12px;padding:1px 4px}.zl-sorter__label[data-v-769f5bf6]{color:var(--zl-text-2, #4d5e7d)}.zl-sorter__label.active[data-v-769f5bf6]{color:var(--zl-link-6, var(--el-color-primary, #3b82f6))}.zl-sorter__icon[data-v-769f5bf6]{display:inline-flex;flex-direction:column;font-size:8px;color:var(--zl-text-4, #b3c0cc)}.zl-sorter__icon .active[data-v-769f5bf6]{color:var(--zl-link-6, var(--el-color-primary, #3b82f6))}

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

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

package/dist/components/ZlStep/index.css

@@ -1 +1 @@
-.zl-step[data-v-0fadba95]{width:100%}
+.zl-step[data-v-a165ee6c]{width:100%}

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

@@ -1,8 +1,8 @@
 import o from "./index2.vue.mjs";
 import './index.css';/* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0fadba95"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a165ee6c"]]);
 export {
-  f as default
+  a as default
 };
 //# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlTable/useTablePagination.mjs

@@ -1,31 +1,33 @@
-import { isArray as P, isPlainObject as d } from "@zl-ui-kit/utils";
-import { ref as r, computed as h, watch as z } from "vue";
-import { usePagination as b } from "../ZlPagination/usePagination.mjs";
+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: u, dataKey: p, emit: n } = c, g = b(
-    () => u.value === void 0 ? {} : u.value
-  ), t = r([]), e = r({}), i = h(() => g.value ? Object.assign({}, g.value, e.value) : !1);
-  z(
+  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,
-    (a) => {
-      if (P(a))
-        t.value = a;
-      else if (d(a)) {
-        t.value = a[p] ?? [];
-        const { pageNum: o, pageSize: m, total: v } = a;
-        e.value = { currentPage: o, pageSize: m, total: v };
+    (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)
+        );
       }
     },
     { immediate: !0 }
   );
-  function l(a) {
+  function p(e) {
     const o = (i.value === !1 ? 30 : i.value.pageSize) ?? 30;
-    n("pagination-change", { pageNum: a, pageSize: o }), n("page-change", a), e.value.currentPage = a;
+    n("pagination-change", { pageNum: e, pageSize: o }), n("page-change", e), a.value.currentPage = e;
   }
-  function f(a) {
-    n("pagination-change", { pageNum: 1, pageSize: a }), n("page-size-change", a), e.value.currentPage = 1, e.value.pageSize = a;
+  function f(e) {
+    n("pagination-change", { pageNum: 1, pageSize: e }), n("page-size-change", e), a.value.currentPage = 1, a.value.pageSize = e;
   }
-  return { pagination: i, data: t, onPageSizeChange: f, onPageChange: l };
+  return { pagination: i, data: t, onPageSizeChange: f, onPageChange: p };
 }
 export {
   C as useTablePagination

package/dist/components/ZlText/index.css

@@ -1 +1 @@
-.zl-text[data-v-2d3647ab]{display:inline-flex;font-size:12px;line-height:20px}
+.zl-text[data-v-30209711]{display:inline-flex;font-size:12px;line-height:20px}

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

@@ -1,8 +1,8 @@
 import o from "./index2.vue.mjs";
 import './index.css';/* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2d3647ab"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-30209711"]]);
 export {
-  p as default
+  _ as default
 };
 //# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlUpload/index.css

@@ -1 +1 @@
-.zl-upload[data-v-37051671]{width:100%}.zl-upload__trigger[data-v-37051671]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--zl-border-3, var(--el-border-color));border-radius:6px;cursor:pointer}.zl-upload__trigger[data-v-37051671]:hover{border-color:var(--zl-primary-6, var(--el-color-primary))}.zl-upload__item[data-v-37051671]{display:flex;align-items:center;gap:8px;padding:4px 8px;width:100%}.zl-upload__item[data-v-37051671]:hover{background:var(--zl-fill-1, var(--el-fill-color-light))}.zl-upload__item-thumbnail[data-v-37051671]{height:32px;width:32px;object-fit:cover;cursor:pointer}.zl-upload__item-name[data-v-37051671]{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zl-upload__item-op[data-v-37051671]{color:var(--zl-text-2)}.zl-upload__tip[data-v-37051671]{font-size:12px;color:var(--zl-text-3);line-height:18px;white-space:pre-wrap;word-break:break-all}
+.zl-upload[data-v-dacf78f1]{width:100%}.zl-upload__trigger[data-v-dacf78f1]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--zl-border-3, var(--el-border-color));border-radius:6px;cursor:pointer}.zl-upload__trigger[data-v-dacf78f1]:hover{border-color:var(--zl-primary-6, var(--el-color-primary))}.zl-upload__item[data-v-dacf78f1]{display:flex;align-items:center;gap:8px;padding:4px 8px;width:100%}.zl-upload__item[data-v-dacf78f1]:hover{background:var(--zl-fill-1, var(--el-fill-color-light))}.zl-upload__item-thumbnail[data-v-dacf78f1]{height:32px;width:32px;object-fit:cover;cursor:pointer}.zl-upload__item-name[data-v-dacf78f1]{flex:1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zl-upload__item-op[data-v-dacf78f1]{color:var(--zl-text-2)}.zl-upload__tip[data-v-dacf78f1]{font-size:12px;color:var(--zl-text-3);line-height:18px;white-space:pre-wrap;word-break:break-all}

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

@@ -1,8 +1,8 @@
 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-37051671"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dacf78f1"]]);
 export {
-  m as default
+  r as default
 };
 //# sourceMappingURL=index.vue.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zl-ui-kit/components",
-  "version": "0.14.2",
+  "version": "0.14.4",
   "type": "module",
   "description": "ZL UI 业务组件库（Element Plus 体系，Zl 前缀）——首批：Icon/AutoTooltip/Tag/CornerTag/Text/Title/Copy/Empty/Pagination/DictTag",
   "license": "MIT",
@@ -39,9 +39,9 @@
     "file-type": "^20.4.1",
     "dt-sql-parser": "^4.3.1",
     "sql-formatter": "^15.4.2",
-    "@zl-ui-kit/composables": "0.14.2",
-    "@zl-ui-kit/icons": "0.14.2",
-    "@zl-ui-kit/utils": "0.14.2"
+    "@zl-ui-kit/composables": "0.14.4",
+    "@zl-ui-kit/utils": "0.14.4",
+    "@zl-ui-kit/icons": "0.14.4"
   },
   "peerDependencies": {
     "@vueuse/core": "^12.3.0 || ^13.0.0 || ^14.0.0 || ^15.0.0",
@@ -101,7 +101,7 @@
     "@jichuang/tsconfig": "1.0.0",
     "@jichuang/eslint-config": "1.0.0",
     "@jichuang/vite-config": "1.0.0",
-    "@zl-ui-kit/theme": "0.14.2"
+    "@zl-ui-kit/theme": "0.14.4"
   },
   "repository": {
     "type": "git",