@zl-ui-kit/components 0.27.0 → 0.27.2

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

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

package/dist/components/ZlCardPage/resolvePagination.d.ts

@@ -0,0 +1,20 @@
+/**
+ * ZlCardPage 的分页数据源解析（纯函数，便于回归测试）。
+ *
+ * 无论接口返回行数组还是分页对象，结果里都必须带上「本次请求的目标页码」：
+ * 下发的 `currentPage` 只有会随查询 / 重置变化，ZlPagination 的监听才会触发。
+ * 否则数组响应（或接口不回传 pageNum）时 currentPage 恒为 1，在第 N 页点重置
+ * 就会出现「数据已回第 1 页、分页器仍停在第 N 页」。
+ */
+export interface CardPageState {
+    /** 本次请求的目标页码，由 `search()` 写入；`refresh()` 不改（原地重查保持页码） */
+    pageNum: number;
+    /** 本次请求的目标页容量 */
+    pageSize?: number;
+}
+export declare function resolveCardPagePagination(options: {
+    data: any;
+    pagination: Record<string, any> | boolean | undefined;
+    pageState: CardPageState;
+}): Record<string, any> | false;
+//# sourceMappingURL=resolvePagination.d.ts.map

package/dist/components/ZlCardPage/resolvePagination.mjs

@@ -0,0 +1,24 @@
+import { isArray as p } from "@zl-ui-kit/utils";
+function f(o) {
+  const { data: a, pagination: t, pageState: g } = o;
+  if (t === !1) return !1;
+  const e = (t === !0 ? {} : t) ?? {}, { pageNum: i, pageSize: r } = g;
+  if (p(a))
+    return {
+      ...e,
+      pageNum: i,
+      pageSize: r ?? e.pageSize ?? 30,
+      total: a.length
+    };
+  const n = a ?? {};
+  return {
+    ...e,
+    pageNum: i,
+    pageSize: r ?? n.pageSize ?? e.pageSize ?? 30,
+    total: n.total ?? 0
+  };
+}
+export {
+  f as resolveCardPagePagination
+};
+//# sourceMappingURL=resolvePagination.mjs.map

package/dist/components/ZlCheckboxTag/index.css

@@ -1 +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)}
+.zl-checkbox-tag{display:inline-flex;flex-wrap:wrap;gap:8px}.zl-checkbox-tag .zl-checkbox-tag__plain:not(.zl-tag-selected){background-color:var(--zl-fill-2)}.zl-checkbox-tag .zl-checkbox-tag__plain: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

@@ -12,9 +12,9 @@ type __VLS_Props = {
     options?: CheckboxTagOption[];
     /** 单选模式（值为单值） */
     single?: boolean;
-    /** 是否圆角显示，默认开启 */
-    rounded?: boolean;
-    /** 选中时是否显示边框，默认开启 */
+    /** 是否圆角显示，默认开启；也可为具体圆角值（数字 px 或 CSS 长度），false 关闭（直角/small） */
+    rounded?: boolean | number | string;
+    /** 是否显示边框，默认开启 */
     bordered?: boolean;
     /** 是否填充背景色，默认开启 */
     fill?: boolean;
@@ -44,7 +44,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     fill: boolean;
     size: "mini" | "small" | "medium";
     bordered: boolean;
-    rounded: boolean;
+    rounded: boolean | number | string;
     options: CheckboxTagOption[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

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

package/dist/components/ZlCopy/copy.mjs

@@ -1,12 +1,22 @@
-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();
+function t() {
+  return typeof navigator < "u" && !!navigator.clipboard;
 }
-async function c(e) {
-  e != null && (n ? await o.clipboard.writeText(e) : a(e));
+function n(o) {
+  if (typeof document > "u")
+    throw new Error("[ZlCopy] document is not available");
+  const e = document.createElement("textarea");
+  e.value = o ?? "", e.style.position = "fixed", e.style.top = "-9999px", e.style.opacity = "0", document.body.appendChild(e), e.select();
+  try {
+    if (!document.execCommand("copy"))
+      throw new Error('[ZlCopy] execCommand("copy") failed');
+  } finally {
+    e.remove();
+  }
+}
+async function a(o) {
+  o != null && (t() ? await navigator.clipboard.writeText(o) : n(o));
 }
 export {
-  c as default
+  a as default
 };
 //# sourceMappingURL=copy.mjs.map

package/dist/components/ZlCopy/index.css

@@ -1 +1 @@
-.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}
+.zl-copy[data-v-1c32b385]{max-width:100%;display:inline-flex;align-items:center;gap:12px}.zl-copy__text[data-v-1c32b385]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

package/dist/components/ZlCopy/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-3a18b7dd"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1c32b385"]]);
 export {
-  m as default
+  _ as default
 };
 //# sourceMappingURL=index.vue.mjs.map

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

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

package/dist/components/ZlDescription/index.css

@@ -1 +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}
+@charset "UTF-8";.zl-description{display:inline-flex;gap:0 16px;font-size:12px;line-height:20px;white-space:nowrap;flex-wrap:wrap;max-width:100%}.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;min-width:0;max-width:100%}.zl-description-item-icon{color:var(--zl-text-2, #4d5e7d)}.zl-description-item-label{color:var(--zl-text-3, #79879c);margin-right:10px;flex-shrink:0}.zl-description-item-value{color:var(--zl-text-1, #242e43);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zl-description .zl-tag:not(.zl-tag-fill){padding:0}

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

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

package/dist/components/ZlDevMenu/index.css

@@ -0,0 +1 @@
+.zl-dev-menu{position:fixed;z-index:3000;user-select:none}.zl-dev-menu__button{width:48px;height:48px;font-size:20px;box-shadow:0 4px 10px var(--zl-shadow-1, rgba(36, 46, 67, .1))}.zl-dev-menu__panel{display:flex;flex-direction:column;gap:10px}.zl-dev-menu__title{font-size:12px;font-weight:600;color:var(--zl-text-1, #242e43)}.zl-dev-menu__list{display:flex;flex-direction:column;gap:2px;max-height:320px;overflow:auto}.zl-dev-menu__item{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:6px 8px;font-size:12px;color:var(--zl-text-2, #4d5e7d);cursor:pointer;border-radius:4px}.zl-dev-menu__item:hover{background:var(--zl-fill-2, #f5f7fa)}.zl-dev-menu__item.is-active{font-weight:600;color:var(--zl-primary-6, var(--el-color-primary))}.zl-dev-menu__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zl-dev-menu__path{flex:none;max-width:50%;overflow:hidden;font-size:11px;color:var(--zl-text-3, #8a9bb5);text-overflow:ellipsis;white-space:nowrap}.zl-dev-menu__empty{padding:12px 8px;font-size:12px;color:var(--zl-text-3, #8a9bb5);text-align:center}