@zl-ui-kit/components 0.7.2 → 0.8.0

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

@@ -1,12 +1,12 @@
-import { defineComponent as Z, useSlots as j, ref as x, computed as l, watch as K, resolveDirective as M, withDirectives as V, openBlock as u, createElementBlock as q, normalizeStyle as F, createBlock as p, createSlots as L, withCtx as P, renderSlot as h, renderList as S, normalizeProps as G, guardReactiveProps as H, createCommentVNode as k, createElementVNode as z, Fragment as J, mergeProps as $, unref as g } from "vue";
-import { usePageableRequest as Q } from "@zl-ui-kit/composables";
-import { isArray as w } from "@zl-ui-kit/utils";
-import T from "../ZlEmpty/index.vue.mjs";
-import U from "../ZlPagination/index.vue.mjs";
-import X from "../ZlSearch/index.vue.mjs";
+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 { usePageableRequest as U } from "@zl-ui-kit/composables";
+import { isArray as D } 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 Y } from "../ZlPagination/usePagination.mjs";
-const ee = { class: "zl-card-page__content" }, te = { class: "zl-card-page__list" }, D = "search-", ce = /* @__PURE__ */ Z({
+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({
   name: "ZlCardPage",
   __name: "index",
   props: {
@@ -18,123 +18,117 @@ const ee = { class: "zl-card-page__content" }, te = { class: "zl-card-page__list
     cardMinWidth: {}
   },
   emits: ["search-reset"],
-  setup(s, { expose: B, emit: C }) {
-    const r = s, R = C, E = j(), c = x(null), v = l(() => {
+  setup(r, { expose: R, emit: w }) {
+    const i = r, B = w, C = V(), E = _(null), f = u(() => {
+      const e = i.request;
+      if (e && typeof e == "object" && "run" in e && "data" in e && !("service" in e))
+        return {
+          instance: e,
+          service: () => Promise.resolve([]),
+          options: { manual: !0, initialData: [] }
+        };
       const t = { manual: !0, initialData: [] };
-      if (typeof r.request == "function")
-        return { service: r.request, options: t };
-      const {
-        refreshDeps: e,
-        refreshDepsAction: o,
-        ...a
-      } = r.request.options ?? {};
+      if (typeof e == "function")
+        return { instance: null, service: e, options: t };
+      const { refreshDeps: n, refreshDepsAction: a, ...c } = e.options ?? {};
       return {
-        ...r.request,
+        instance: null,
+        service: e.service,
         options: {
+          ...c,
           ...t,
-          ...a,
-          manual: !0,
-          ...e ? { refreshDeps: e, refreshDepsAction: o ?? (() => i()) } : {}
+          ...n ? { refreshDeps: n, refreshDepsAction: a ?? (() => l()) } : {}
         }
       };
-    }), {
-      loading: I,
-      data: n,
-      run: N,
-      params: _,
-      refresh: b
-    } = Q(v.value.service, v.value.options), A = l(() => _.value?.[0]), O = l(() => {
-      if (w(n.value))
-        return r.pagination && { total: n.value.length, ...r.pagination };
+    }), o = U(f.value.service, f.value.options), I = f.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 };
       {
-        const { pageNum: t, pageSize: e, total: o = 0 } = n.value;
-        return { pageNum: t, pageSize: e, total: o };
+        const { pageNum: e, pageSize: t, total: n = 0 } = s.value;
+        return { pageNum: e, pageSize: t, total: n };
       }
-    }), m = Y(() => O.value ?? !1), y = l(
-      () => w(n.value) ? n.value : n.value?.rows ?? []
-    ), W = l(() => {
-      const t = [];
-      return Object.keys(E).forEach((e) => {
-        e.startsWith(D) && e !== "search-actions" && t.push(e.slice(D.length));
-      }), t;
+    }), d = te(() => Z.value ?? !1), y = u(
+      () => D(s.value) ? s.value : s.value?.rows ?? []
+    ), K = u(() => {
+      const e = [];
+      return Object.keys(C).forEach((t) => {
+        t.startsWith(b) && t !== "search-actions" && e.push(t.slice(b.length));
+      }), e;
     });
-    let d;
-    function i(t, e = {
+    let p;
+    function l(e, t = {
       pageNum: 1,
-      pageSize: m.value !== !1 ? m.value.pageSize : 30
+      pageSize: d.value !== !1 ? d.value.pageSize : 30
     }) {
-      d = {
-        ...d,
-        ...t,
-        ...e
-      }, N(d);
+      p = {
+        ...p,
+        ...e,
+        ...t
+      }, O(p);
     }
-    return K(
-      () => r.immediate,
-      (t) => {
-        t && !r.queryItems.length && i();
+    return x(
+      () => i.immediate,
+      (e) => {
+        e && !i.queryItems.length && l();
       },
       { immediate: !0, once: !0 }
-    ), B({
-      refresh: b,
-      params: A,
-      search: new Proxy(
-        {},
-        {
-          get(t, e) {
-            return !c.value && e === "search" ? i : c.value?.[e];
-          },
-          has(t, e) {
-            return e in (c.value ?? {});
-          }
-        }
-      )
-    }), (t, e) => {
-      const o = M("loading");
-      return V((u(), q("div", {
+    ), R({
+      refresh: A,
+      params: W,
+      /** 重新查询并回到第 1 页；消费方可在 useRequest 的 refreshDepsAction 里调用 */
+      search: l
+    }), (e, t) => {
+      const n = F("loading");
+      return L((m(), P("div", {
         class: "zl-card-page",
-        style: F({ "--card-min-width": s.cardMinWidth })
+        style: G({ "--card-min-width": r.cardMinWidth })
       }, [
-        s.queryItems.length || t.$slots["search-actions"] ? (u(), p(X, {
+        r.queryItems.length || e.$slots["search-actions"] ? (m(), v(ee, {
           key: 0,
           ref_key: "searchRef",
-          ref: c,
-          items: s.queryItems,
-          immediate: s.immediate,
-          onSearch: i,
-          onReset: e[0] || (e[0] = (a) => R("search-reset"))
-        }, L({ _: 2 }, [
-          t.$slots["search-actions"] ? {
+          ref: E,
+          items: r.queryItems,
+          immediate: r.immediate,
+          onSearch: l,
+          onReset: t[0] || (t[0] = (a) => B("search-reset"))
+        }, H({ _: 2 }, [
+          e.$slots["search-actions"] ? {
             name: "actions",
-            fn: P(() => [
-              h(t.$slots, "search-actions")
+            fn: S(() => [
+              h(e.$slots, "search-actions")
             ]),
             key: "0"
           } : void 0,
-          S(W.value, (a) => ({
+          k(K.value, (a) => ({
             name: a,
-            fn: P((f) => [
-              h(t.$slots, `search-${a}`, G(H(f)))
+            fn: S((c) => [
+              h(e.$slots, `search-${a}`, J(Q(c)))
             ])
           }))
-        ]), 1032, ["items", "immediate"])) : k("", !0),
-        z("div", ee, [
-          z("div", te, [
-            y.value.length ? (u(!0), q(J, { key: 0 }, S(y.value, (a, f) => h(t.$slots, "default", $({
-              key: a[s.itemKey] || f
-            }, { ref_for: !0 }, { data: a }))), 128)) : (u(), p(T, { key: 1 }))
+        ]), 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 }))
           ])
         ]),
-        s.pagination && g(m) !== !1 ? (u(), p(U, $({ key: 1 }, g(m), {
-          onChange: e[1] || (e[1] = (a) => i(void 0, a))
-        }), null, 16)) : k("", !0)
+        r.pagination && g(d) !== !1 ? (m(), v(Y, $({ key: 1 }, g(d), {
+          onChange: t[1] || (t[1] = (a) => l(void 0, a))
+        }), null, 16)) : q("", !0)
       ], 4)), [
-        [o, g(I)]
+        [n, g(N)]
       ]);
     };
   }
 });
 export {
-  ce as default
+  de as default
 };
 //# sourceMappingURL=index.vue.mjs.map

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

@@ -7,10 +7,15 @@ type __VLS_Props = {
     corner?: boolean | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
     value?: string;
     simple?: boolean;
+    /** 是否展示字典项图标（默认 true） */
+    iconVisible?: boolean;
+    /** @deprecated 用 `iconVisible`：全库显隐统一用 visible 语义，且不要用反向命名 */
     hideIcon?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     corner: boolean | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    iconVisible: boolean;
+    hideIcon: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=index.vue.d.ts.map

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

@@ -1,10 +1,10 @@
-import { defineComponent as f, watch as y, computed as r, openBlock as n, createBlock as s, mergeProps as u, withCtx as d, createTextVNode as p, toDisplayString as m } from "vue";
+import { defineComponent as f, watch as y, computed as l, openBlock as n, createBlock as s, mergeProps as u, withCtx as d, createTextVNode as p, toDisplayString as m } from "vue";
 import { useDict as g, useDictStore as h } from "@zl-ui-kit/composables";
-import _ from "../ZlTag/ZlCornerTag.vue.mjs";
+import B from "../ZlTag/ZlCornerTag.vue.mjs";
 import '../ZlTag/index.css';import '../ZlTag/ZlCornerTag.css';/* empty css                         */
-import B from "../ZlTag/index.vue.mjs";
+import _ from "../ZlTag/index.vue.mjs";
 /* empty css                   */
-const b = /* @__PURE__ */ f({
+const K = /* @__PURE__ */ f({
   name: "ZlDictTag",
   __name: "index",
   props: {
@@ -13,44 +13,45 @@ const b = /* @__PURE__ */ f({
     corner: { type: [Boolean, String], default: !1 },
     value: {},
     simple: { type: Boolean },
-    hideIcon: { type: Boolean }
+    iconVisible: { type: Boolean, default: void 0 },
+    hideIcon: { type: Boolean, default: void 0 }
   },
-  setup(a) {
-    const e = a, v = g(e.dictKey, { data: e.dict });
+  setup(i) {
+    const e = i, v = g(e.dictKey, { data: e.dict });
     y(
       () => e.dict,
       (t) => {
         if (t?.length) {
-          const { dictStore: i } = h();
-          i.value = { ...i.value, [e.dictKey]: t };
+          const { dictStore: a } = h();
+          a.value = { ...a.value, [e.dictKey]: t };
         }
       },
       { deep: !1 }
     );
-    const o = r(() => v.value.find((t) => t.value === e.value)), c = r(() => o.value ? {
+    const o = l(() => v.value.find((t) => t.value === e.value)), r = l(() => o.value ? {
       color: e.simple ? void 0 : o.value.color,
-      icon: e.hideIcon ? void 0 : o.value.icon
-    } : {}), l = r(() => e.corner === !0 ? "top-right" : e.corner);
-    return (t, i) => l.value ? (n(), s(_, u({
+      icon: e.iconVisible ?? !e.hideIcon ? o.value.icon : void 0
+    } : {}), c = l(() => e.corner === !0 ? "top-right" : e.corner);
+    return (t, a) => c.value ? (n(), s(B, u({
       key: 0,
       class: "zl-dict-corner-tag"
-    }, { ...c.value, ...t.$attrs }, { position: l.value }), {
+    }, { ...r.value, ...t.$attrs }, { position: c.value }), {
       default: d(() => [
-        p(m(o.value?.label || a.value), 1)
+        p(m(o.value?.label || i.value), 1)
       ]),
       _: 1
-    }, 16, ["position"])) : (n(), s(B, u({
+    }, 16, ["position"])) : (n(), s(_, u({
       key: 1,
       class: "zl-dict-tag"
-    }, { ...c.value, ...t.$attrs }), {
+    }, { ...r.value, ...t.$attrs }), {
       default: d(() => [
-        p(m(o.value?.label || a.value), 1)
+        p(m(o.value?.label || i.value), 1)
       ]),
       _: 1
     }, 16));
   }
 });
 export {
-  b as default
+  K as default
 };
 //# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlPagination/index.css

@@ -1 +1 @@
-@charset "UTF-8";.zl-pagination[data-v-5eee61b9]{padding:6px 16px;background-color:var(--zl-fill-1, #f9fbfd);justify-content:var(--zl-pagination-justify, flex-end)}.zl-pagination--left[data-v-5eee61b9]{--zl-pagination-justify: flex-start}.zl-pagination--center[data-v-5eee61b9]{--zl-pagination-justify: center}.zl-pagination--right[data-v-5eee61b9]{--zl-pagination-justify: flex-end}
+@charset "UTF-8";.zl-pagination[data-v-fd07517c]{padding:6px 16px;background-color:var(--zl-fill-1, #f9fbfd);justify-content:var(--zl-pagination-justify, flex-end)}.zl-pagination--left[data-v-fd07517c]{--zl-pagination-justify: flex-start}.zl-pagination--center[data-v-fd07517c]{--zl-pagination-justify: center}.zl-pagination--right[data-v-fd07517c]{--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-5eee61b9"]]);
+const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fd07517c"]]);
 export {
   i as default
 };

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

@@ -4,7 +4,13 @@ export interface PaginationProps {
     pageNum?: number;
     pageSize?: number;
     pageSizeOptions?: number[];
+    /** 是否展示总数（默认 true） */
+    totalVisible?: boolean;
+    /** 是否展示每页条数选择器（默认 true） */
+    pageSizeVisible?: boolean;
+    /** @deprecated 用 `totalVisible`（全库显隐统一用 visible 语义） */
     showTotal?: boolean;
+    /** @deprecated 用 `pageSizeVisible`（全库显隐统一用 visible 语义） */
     showPageSize?: boolean;
     simple?: boolean;
     [key: string]: any;

package/dist/components/ZlPagination/usePagination.mjs

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

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

@@ -13,6 +13,8 @@ type __VLS_Props = {
     /** 禁用全部查询项 */
     disabled?: boolean;
     /** 是否展示「筛选条件」标签行；不传时按「是否发生溢出」自动判定 */
+    labelsVisible?: boolean;
+    /** @deprecated 用 `labelsVisible`（全库显隐统一用 visible 语义） */
     showLabels?: boolean;
 };
 declare function search(): Promise<void>;
@@ -239,6 +241,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     immediate: boolean;
     disabled: boolean;
     items: SearchItem[];
+    labelsVisible: boolean;
     showLabels: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     formRef: ({