@zl-ui-kit/components 0.0.0-stage → 0.2.0

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

@@ -0,0 +1,114 @@
+import { defineComponent as Z, useSlots as x, ref as K, computed as i, watch as M, resolveDirective as V, withDirectives as A, openBlock as o, createElementBlock as q, normalizeStyle as F, createBlock as p, createSlots as L, withCtx as P, renderSlot as g, renderList as S, normalizeProps as G, guardReactiveProps as H, createCommentVNode as k, createElementVNode as z, Fragment as J, mergeProps as $, unref as h } 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 '../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" }, B = "search-", ce = /* @__PURE__ */ Z({
+  name: "ZlCardPage",
+  __name: "index",
+  props: {
+    immediate: { type: Boolean, default: !0 },
+    request: {},
+    queryItems: { default: () => [] },
+    pagination: { type: [Object, Boolean], default: !0 },
+    itemKey: { default: "id" },
+    cardMinWidth: {}
+  },
+  emits: ["search-reset"],
+  setup(s, { expose: C, emit: R }) {
+    const a = s, b = R, D = x(), l = K(null), v = i(() => {
+      const e = { manual: !0, initialData: [] };
+      return typeof a.request == "function" ? { service: a.request, options: e } : {
+        ...a.request,
+        options: Object.assign({ initialData: [] }, a.request.options, { manual: !0 })
+      };
+    }), { loading: E, data: n, run: I, params: N, refresh: _ } = Q(v.value.service, v.value.options), j = i(() => N.value?.[0]), O = i(() => {
+      if (w(n.value))
+        return a.pagination && { total: n.value.length, ...a.pagination };
+      {
+        const { pageNum: e, pageSize: t, total: d = 0 } = n.value;
+        return { pageNum: e, pageSize: t, total: d };
+      }
+    }), u = Y(() => O.value ?? !1), y = i(() => w(n.value) ? n.value : n.value?.rows ?? []), W = i(() => {
+      const e = [];
+      return Object.keys(D).forEach((t) => {
+        t.startsWith(B) && t !== "search-actions" && e.push(t.slice(B.length));
+      }), e;
+    });
+    let m;
+    function c(e, t = { pageNum: 1, pageSize: u.value !== !1 ? u.value.pageSize : 30 }) {
+      m = {
+        ...m,
+        ...e,
+        ...t
+      }, I(m);
+    }
+    return M(
+      () => a.immediate,
+      (e) => {
+        e && !a.queryItems.length && c();
+      },
+      { immediate: !0, once: !0 }
+    ), C({
+      refresh: _,
+      params: j,
+      search: new Proxy({}, {
+        get(e, t) {
+          return !l.value && t === "search" ? c : l.value?.[t];
+        },
+        has(e, t) {
+          return t in (l.value ?? {});
+        }
+      })
+    }), (e, t) => {
+      const d = V("loading");
+      return A((o(), q("div", {
+        class: "zl-card-page",
+        style: F({ "--card-min-width": s.cardMinWidth })
+      }, [
+        s.queryItems.length || e.$slots["search-actions"] ? (o(), p(X, {
+          key: 0,
+          ref_key: "searchRef",
+          ref: l,
+          items: s.queryItems,
+          immediate: s.immediate,
+          onSearch: c,
+          onReset: t[0] || (t[0] = (r) => b("search-reset"))
+        }, L({ _: 2 }, [
+          e.$slots["search-actions"] ? {
+            name: "actions",
+            fn: P(() => [
+              g(e.$slots, "search-actions")
+            ]),
+            key: "0"
+          } : void 0,
+          S(W.value, (r) => ({
+            name: r,
+            fn: P((f) => [
+              g(e.$slots, `search-${r}`, G(H(f)))
+            ])
+          }))
+        ]), 1032, ["items", "immediate"])) : k("", !0),
+        z("div", ee, [
+          z("div", te, [
+            y.value.length ? (o(!0), q(J, { key: 0 }, S(y.value, (r, f) => g(e.$slots, "default", $({
+              key: r[s.itemKey] || f
+            }, { ref_for: !0 }, { data: r }))), 128)) : (o(), p(T, { key: 1 }))
+          ])
+        ]),
+        s.pagination && h(u) !== !1 ? (o(), p(U, $({ key: 1 }, h(u), {
+          onChange: t[1] || (t[1] = (r) => c(void 0, r))
+        }), null, 16)) : k("", !0)
+      ], 4)), [
+        [d, h(E)]
+      ]);
+    };
+  }
+});
+export {
+  ce as default
+};
+//# sourceMappingURL=index.vue.mjs.map

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

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

package/dist/components/ZlChart/index.css

@@ -0,0 +1 @@
+.zl-chart{width:100%;height:100%}

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

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    /** 系列（单对象或数组）；其余图表配置经 attrs 透传（title/xAxis/yAxis/tooltip 等，可用 src/utils/echarts 工具构造） */
+    series?: Record<string, any> | Array<Record<string, any>>;
+};
+declare function clear(): void;
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    clear: typeof clear;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    chartRef: HTMLDivElement;
+}, any>;
+export default _default;
+//# sourceMappingURL=index.vue.d.ts.map

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

@@ -0,0 +1,48 @@
+import { defineComponent as m, useAttrs as v, computed as h, shallowRef as d, ref as _, watch as x, onMounted as k, onScopeDispose as w, openBlock as R, createElementBlock as y, nextTick as o } from "vue";
+import { useResizeObserver as z } from "@vueuse/core";
+import * as O from "echarts";
+const C = /* @__PURE__ */ m({
+  name: "ZlChart",
+  inheritAttrs: !1,
+  __name: "index",
+  props: {
+    series: {}
+  },
+  setup(a, { expose: c }) {
+    const i = a, l = v(), s = h(() => {
+      const { series: f, ...n } = l;
+      return {
+        ...n,
+        series: [].concat(i.series ?? [])
+      };
+    }), e = d(), t = _();
+    async function r() {
+      await o(), e.value?.setOption(s.value);
+    }
+    async function u() {
+      await o(), t.value && (e.value = O.init(t.value), r());
+    }
+    function p() {
+      e.value?.clear();
+    }
+    return z(t, () => {
+      e.value?.resize();
+    }), x(() => s.value, () => {
+      r();
+    }), k(() => {
+      u();
+    }), w(() => {
+      e.value?.dispose();
+    }), c({
+      clear: p
+    }), (f, n) => (R(), y("div", {
+      ref_key: "chartRef",
+      ref: t,
+      class: "zl-chart"
+    }, null, 512));
+  }
+});
+export {
+  C as default
+};
+//# sourceMappingURL=index.vue.mjs.map

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

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

package/dist/components/ZlCheckAll/index.css

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

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

@@ -0,0 +1,20 @@
+export interface CheckAllOption {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+    [key: string]: any;
+}
+type __VLS_Props = {
+    options?: CheckAllOption[];
+    model?: Array<string | number>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:model": (value: (string | number)[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:model"?: ((value: (string | number)[]) => any) | undefined;
+}>, {
+    model: Array<string | number>;
+    options: CheckAllOption[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=index.vue.d.ts.map

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

@@ -0,0 +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-b48128de"]]);
+export {
+  p as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlCheckAll/index2.vue.mjs

@@ -0,0 +1,55 @@
+import { defineComponent as C, computed as n, resolveComponent as m, openBlock as a, createElementBlock as i, createVNode as r, withCtx as d, createTextVNode as p, toDisplayString as h, unref as A, Fragment as V, renderList as z, createBlock as B } from "vue";
+import { useZlT as y } from "@zl-ui-kit/composables";
+const N = { class: "zl-check" }, w = /* @__PURE__ */ C({
+  name: "ZlCheckAll",
+  __name: "index",
+  props: {
+    options: { default: () => [] },
+    model: { default: () => [] }
+  },
+  emits: ["update:model"],
+  setup(o, { emit: v }) {
+    const { t: _ } = y(), e = o, c = v, k = n(() => e.model.length === e.options.length && e.options.length > 0), f = n(() => e.model.length > 0 && e.model.length < e.options.length), g = n(() => e.options.map((t) => t.value));
+    function x(t) {
+      c("update:model", t ? g.value : []);
+    }
+    return (t, u) => {
+      const s = m("el-checkbox"), b = m("el-checkbox-group");
+      return a(), i("div", N, [
+        r(s, {
+          class: "zl-check__all",
+          "model-value": k.value,
+          indeterminate: f.value,
+          onChange: x
+        }, {
+          default: d(() => [
+            p(h(A(_)("zl.checkAll.selectAll", "全选")), 1)
+          ]),
+          _: 1
+        }, 8, ["model-value", "indeterminate"]),
+        r(b, {
+          "model-value": o.model,
+          "onUpdate:modelValue": u[0] || (u[0] = (l) => c("update:model", l ?? []))
+        }, {
+          default: d(() => [
+            (a(!0), i(V, null, z(o.options, (l) => (a(), B(s, {
+              key: l.value,
+              value: l.value,
+              disabled: l.disabled
+            }, {
+              default: d(() => [
+                p(h(l.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["value", "disabled"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["model-value"])
+      ]);
+    };
+  }
+});
+export {
+  w as default
+};
+//# sourceMappingURL=index2.vue.mjs.map

package/dist/components/ZlCheckboxTag/index.css

@@ -0,0 +1 @@
+.zl-checkbox-tag{display:inline-flex;flex-wrap:wrap;gap:8px}.zl-checkbox-tag .zl-tag-fill:not(.zl-tag-selected){border-color:transparent;background-color:var(--zl-fill-2)}.zl-checkbox-tag .zl-tag-fill:not(.zl-tag-selected):hover:not(.zl-tag-disabled){background-color:var(--zl-fill-3)}.zl-checkbox-tag .zl-tag.zl-tag-selected:not(.zl-tag-disabled):hover{background-color:var(--tag-color-fill)}.zl-checkbox-tag .zl-tag-disabled{color:var(--zl-text-4)}.zl-checkbox-tag .zl-tag-disabled.zl-tag-selected{background-color:var(--zl-primary-1);color:var(--zl-primary-3);border-color:var(--zl-primary-3)}

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

@@ -0,0 +1,52 @@
+export interface CheckboxTagOption {
+    label: string;
+    value: string | number;
+    icon?: string;
+    disabled?: boolean;
+    /** 互斥项：true 单互斥组；string 为互斥组名（同组互斥、跨组替换） */
+    exclusive?: boolean | string;
+    [key: string]: any;
+}
+type __VLS_Props = {
+    options?: CheckboxTagOption[];
+    /** 单选模式（值为单值） */
+    single?: boolean;
+    rounded?: boolean;
+    bordered?: boolean;
+    fill?: boolean;
+    size?: 'mini' | 'small' | 'medium';
+};
+type __VLS_PublicProps = {
+    modelValue?: any;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            item: CheckboxTagOption;
+            checked: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {
+    fill: boolean;
+    size: "mini" | "small" | "medium";
+    bordered: boolean;
+    rounded: boolean;
+    options: CheckboxTagOption[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=index.vue.d.ts.map

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

@@ -0,0 +1,68 @@
+import { defineComponent as x, useModel as g, computed as i, ref as h, openBlock as r, createElementBlock as v, Fragment as b, renderList as k, createBlock as m, withCtx as y, renderSlot as B, mergeProps as C, createTextVNode as z, toDisplayString as S, mergeModels as V } from "vue";
+import E from "../ZlTag/index.vue.mjs";
+import '../ZlTag/index.css';/* empty css                   */
+const M = { class: "zl-checkbox-tag" }, T = /* @__PURE__ */ x({
+  name: "ZlCheckboxTag",
+  __name: "index",
+  props: /* @__PURE__ */ V({
+    options: { default: () => [] },
+    single: { type: Boolean },
+    rounded: { type: Boolean, default: !0 },
+    bordered: { type: Boolean, default: !0 },
+    fill: { type: Boolean, default: !0 },
+    size: { default: "small" }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const s = o, a = g(o, "modelValue"), c = i(() => s.options.some((e) => e.exclusive)), d = h();
+    if (c.value && a.value) {
+      const e = s.options.find((u) => u.value === a.value[0]);
+      d.value = e?.exclusive;
+    }
+    const t = i(() => new Set(s.single ? [a.value] : a.value ?? []));
+    function f(e) {
+      if (e.disabled)
+        return;
+      const u = s.single ? [a.value] : [...a.value ?? []], l = u.includes(e.value);
+      if (c.value && !l) {
+        const n = e;
+        n.exclusive === !0 || n.exclusive !== d.value ? (a.value = [e.value], d.value = n.exclusive) : a.value = [...u, e.value];
+        return;
+      }
+      if (l) {
+        const n = u.filter((p) => p !== e.value);
+        a.value = s.single ? n[0] : n;
+      } else
+        s.single ? a.value = e.value : a.value = [...u, e.value];
+    }
+    return (e, u) => (r(), v("div", M, [
+      (r(!0), v(b, null, k(o.options, (l) => (r(), m(E, {
+        key: l.value,
+        fill: o.fill,
+        rounded: o.rounded,
+        color: t.value.has(l.value) ? "primary" : void 0,
+        bordered: t.value.has(l.value) && o.bordered,
+        selectable: "",
+        selected: t.value.has(l.value),
+        disabled: l.disabled,
+        icon: l.icon,
+        size: o.size,
+        onClick: (n) => f(l)
+      }, {
+        default: y(() => [
+          B(e.$slots, "default", C({ ref_for: !0 }, { item: l, checked: t.value.has(l.value) }), () => [
+            z(S(l.label), 1)
+          ])
+        ]),
+        _: 2
+      }, 1032, ["fill", "rounded", "color", "bordered", "selected", "disabled", "icon", "size", "onClick"]))), 128))
+    ]));
+  }
+});
+export {
+  T as default
+};
+//# sourceMappingURL=index.vue.mjs.map

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

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

package/dist/components/ZlCopy/copy.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 剪贴板复制（clipboard API + execCommand 兜底）
+ */
+export default function copy(value?: string): Promise<void>;
+//# sourceMappingURL=copy.d.ts.map

package/dist/components/ZlCopy/copy.mjs

@@ -0,0 +1,12 @@
+const o = window.navigator, n = o && "clipboard" in o;
+function a(e) {
+  const t = document.createElement("textarea");
+  t.value = e ?? "", t.style.position = "absolute", t.style.opacity = "0", document.body.appendChild(t), t.select(), document.execCommand("copy"), t.remove();
+}
+async function c(e) {
+  e != null && (n ? await o.clipboard.writeText(e) : a(e));
+}
+export {
+  c as default
+};
+//# sourceMappingURL=copy.mjs.map

package/dist/components/ZlCopy/index.css

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

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

@@ -0,0 +1,30 @@
+import { default as copy } from './copy';
+type __VLS_Props = {
+    text?: string;
+    copyText?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        trigger?(_: {
+            copy: typeof copy;
+        }): any;
+    };
+    refs: {
+        textRef: HTMLSpanElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    textRef: HTMLSpanElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=index.vue.d.ts.map

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

@@ -0,0 +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-4138f7a5"]]);
+export {
+  f as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlCopy/index2.vue.mjs

@@ -0,0 +1,54 @@
+import { defineComponent as m, ref as x, resolveComponent as y, openBlock as d, createElementBlock as _, createElementVNode as s, renderSlot as l, toDisplayString as r, unref as p, createVNode as z, withCtx as C, createTextVNode as h } from "vue";
+import { useZlT as g } from "@zl-ui-kit/composables";
+import { ElMessage as a } from "element-plus";
+import i from "./copy.mjs";
+const k = { class: "zl-copy" }, T = ["title"], B = /* @__PURE__ */ m({
+  name: "ZlCopy",
+  __name: "index",
+  props: {
+    text: {},
+    copyText: {}
+  },
+  setup(e) {
+    const c = e, { t: o } = g(), n = x(null);
+    function u() {
+      try {
+        const t = c.copyText ?? c.text ?? n.value?.textContent ?? "";
+        i(t), a.success(o("zl.copy.success", "复制成功"));
+      } catch {
+        a.error(o("zl.copy.failed", "复制失败"));
+      }
+    }
+    return (t, b) => {
+      const f = y("el-button");
+      return d(), _("div", k, [
+        s("span", {
+          ref_key: "textRef",
+          ref: n,
+          class: "zl-copy__text"
+        }, [
+          l(t.$slots, "default", {}, () => [
+            s("span", { title: e.text }, r(e.text), 9, T)
+          ], !0)
+        ], 512),
+        l(t.$slots, "trigger", { copy: p(i) }, () => [
+          z(f, {
+            size: "small",
+            text: "",
+            class: "zl-copy__button",
+            onClick: u
+          }, {
+            default: C(() => [
+              h(r(p(o)("zl.copy.copy", "复制")), 1)
+            ]),
+            _: 1
+          })
+        ], !0)
+      ]);
+    };
+  }
+});
+export {
+  B as default
+};
+//# sourceMappingURL=index2.vue.mjs.map

package/dist/components/ZlDescription/index.css

@@ -0,0 +1 @@
+.zl-description{display:inline-flex;gap:0 16px;font-size:12px;line-height:20px;white-space:nowrap;flex-wrap:wrap}.zl-description-type-secondary{padding:0 8px;background-color:var(--zl-fill-2, #eff4f9);border-radius:var(--zl-radius-small, 2px)}.zl-description-type-secondary .zl-description-item:not(:last-child):after{content:"";display:inline-block;height:12px;width:1px;background-color:var(--zl-border-2, #e3e9ef);position:absolute;top:4px;right:-8px}.zl-description-item{position:relative;display:inline-flex;align-items:center;gap:2px}.zl-description-item-icon{color:var(--zl-text-2, #4d5e7d)}.zl-description-item-label{color:var(--zl-text-3, #79879c);margin-right:10px}.zl-description-item-value{color:var(--zl-text-1, #242e43)}.zl-description .zl-tag:not(.zl-tag-fill){padding:0}

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

@@ -0,0 +1,41 @@
+export interface DescriptionItem {
+    label: string;
+    key: string;
+    icon?: string;
+    /** 取值函数（缺省取 data[key]） */
+    getValue?: (data: Record<string, any>, key: string, item: DescriptionItem) => any;
+    /** 字典（string 视为 dictKey） */
+    dict?: string | Record<string, any>;
+    /** 显隐（false 或函数返回 false 时跳过） */
+    visible?: boolean | ((value: any, key: string, data: Record<string, any>) => boolean);
+    /** 是否启用具名插槽（#key）渲染值 */
+    slot?: boolean;
+    [key: string]: any;
+}
+type __VLS_Props = {
+    items: DescriptionItem[];
+    data?: Record<string, any>;
+    emptyChecker?: (value: any, key: string, data: Record<string, any>) => boolean;
+    /** 空值占位文案（缺省走 i18n zl.description.empty，未接入时兜底"暂无"） */
+    emptyText?: string;
+    secondary?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<any, (_: {}) => any>>;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    data: Record<string, any>;
+    emptyChecker: (value: any, key: string, data: Record<string, any>) => boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=index.vue.d.ts.map

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

@@ -0,0 +1,59 @@
+import { defineComponent as g, computed as h, defineAsyncComponent as T, resolveComponent as b, openBlock as n, createElementBlock as r, normalizeClass as B, Fragment as m, renderList as D, createBlock as u, createCommentVNode as E, createElementVNode as y, toDisplayString as f, unref as N, mergeProps as V, renderSlot as Z, createTextVNode as F } from "vue";
+import { useZlT as S } from "@zl-ui-kit/composables";
+import { isNumber as A } from "@zl-ui-kit/utils";
+const I = { class: "zl-description-item-label" }, K = { class: "zl-description-item-value" }, q = /* @__PURE__ */ g({
+  name: "ZlDescription",
+  __name: "index",
+  props: {
+    items: {},
+    data: { default: () => ({}) },
+    emptyChecker: { type: Function, default: (s) => !s && !A(s) },
+    emptyText: {},
+    secondary: { type: Boolean }
+  },
+  setup(s) {
+    const { t: k } = S(), t = s, v = h(() => {
+      const c = [], d = t.emptyText ?? k("zl.description.empty", "暂无");
+      for (const o of t.items) {
+        const { visible: e, key: l, getValue: p, dict: a, ...z } = o, i = typeof p == "function" ? p(t.data, o.key, o) : t.data[o.key], x = t.emptyChecker(i, l, t.data) ? d : i;
+        if (e === !1 || typeof e == "function" && !e(i, l, t.data))
+          continue;
+        const C = typeof a == "string" ? { dictKey: a } : a;
+        c.push({ ...z, key: l, value: i, text: x, dict: C });
+      }
+      return c;
+    }), _ = T(() => import("../ZlDictTag/index2.vue.mjs"));
+    return (c, d) => {
+      const o = b("zl-icon");
+      return n(), r("div", {
+        class: B(["zl-description", { "zl-description-type-secondary": s.secondary }])
+      }, [
+        (n(!0), r(m, null, D(v.value, (e) => (n(), r("div", {
+          key: e.key,
+          class: "zl-description-item"
+        }, [
+          e.icon ? (n(), u(o, {
+            key: 0,
+            class: "zl-description-item-icon",
+            icon: e.icon
+          }, null, 8, ["icon"])) : E("", !0),
+          y("div", I, f(e.label), 1),
+          y("div", K, [
+            e.dict ? (n(), u(N(_), V({
+              key: 0,
+              ref_for: !0
+            }, e.dict, {
+              value: e.text
+            }), null, 16, ["value"])) : e.slot ? Z(c.$slots, e.key, {}, void 0, void 0, 1) : (n(), r(m, { key: 2 }, [
+              F(f(e.text), 1)
+            ], 64))
+          ])
+        ]))), 128))
+      ], 2);
+    };
+  }
+});
+export {
+  q as default
+};
+//# sourceMappingURL=index.vue.mjs.map

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

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