@zl-ui-kit/components 0.26.2 → 0.27.0

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

@@ -1,13 +1,13 @@
-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 { 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 N = { class: "zl-checkbox-tag" }, F = /* @__PURE__ */ x({
+const M = { class: "zl-checkbox-tag" }, T = /* @__PURE__ */ x({
   name: "ZlCheckboxTag",
   __name: "index",
-  props: /* @__PURE__ */ M({
+  props: /* @__PURE__ */ V({
     options: { default: () => [] },
     single: { type: Boolean },
-    rounded: { type: [Boolean, Number, String], default: !0 },
+    rounded: { type: Boolean, default: !0 },
     bordered: { type: Boolean, default: !0 },
     fill: { type: Boolean, default: !0 },
     size: { default: "small" }
@@ -17,55 +17,51 @@ const N = { class: "zl-checkbox-tag" }, F = /* @__PURE__ */ x({
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    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]);
+    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 r = t(() => new Set(a.single ? [u.value] : u.value ?? []));
-    function p(e) {
+    const t = i(() => new Set(s.single ? [a.value] : a.value ?? []));
+    function f(e) {
       if (e.disabled) return;
-      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];
+      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 s = n.filter((g) => g !== e.value);
-        u.value = a.single ? s[0] : s;
+        const n = u.filter((p) => p !== e.value);
+        a.value = s.single ? n[0] : n;
       } else
-        a.single ? u.value = e.value : u.value = [...n, e.value];
+        s.single ? a.value = e.value : a.value = [...u, e.value];
     }
-    return (e, n) => (c(), v("div", N, [
-      (c(!0), v(k, null, m(o.options, (l) => (c(), y(w, {
+    return (e, u) => (r(), v("div", M, [
+      (r(!0), v(b, null, k(o.options, (l) => (r(), m(E, {
         key: l.value,
-        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,
+        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: r.value.has(l.value),
+        selected: t.value.has(l.value),
         disabled: l.disabled,
         icon: l.icon,
         size: o.size,
-        onClick: (s) => p(l)
+        onClick: (n) => f(l)
       }, {
-        default: C(() => [
-          S(e.$slots, "default", V({ ref_for: !0 }, { item: l, checked: r.value.has(l.value) }), () => [
-            $(E(l.label), 1)
+        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, ["class", "style", "rounded", "color", "bordered", "selected", "disabled", "icon", "size", "onClick"]))), 128))
+      }, 1032, ["fill", "rounded", "color", "bordered", "selected", "disabled", "icon", "size", "onClick"]))), 128))
     ]));
   }
 });
 export {
-  F as default
+  T as default
 };
 //# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlCopy/copy.mjs

@@ -1,22 +1,12 @@
-function t() {
-  return typeof navigator < "u" && !!navigator.clipboard;
+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 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));
+async function c(e) {
+  e != null && (n ? await o.clipboard.writeText(e) : a(e));
 }
 export {
-  a as default
+  c as default
 };
 //# sourceMappingURL=copy.mjs.map

package/dist/components/ZlCopy/index.css

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

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

@@ -1,9 +1,8 @@
-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 { 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 g = { class: "zl-copy" }, k = ["title"], w = /* @__PURE__ */ m({
+const k = { class: "zl-copy" }, T = ["title"], B = /* @__PURE__ */ m({
   name: "ZlCopy",
   __name: "index",
   props: {
@@ -11,42 +10,45 @@ const g = { class: "zl-copy" }, k = ["title"], w = /* @__PURE__ */ m({
     copyText: {}
   },
   setup(e) {
-    const c = e, { t: o } = h(), s = u(null);
-    async function f() {
-      const t = c.copyText ?? c.text ?? s.value?.textContent ?? "";
+    const c = e, { t: o } = g(), n = x(null);
+    function u() {
       try {
-        await i(t), p.success(o("zl.copy.success", "复制成功"));
+        const t = c.copyText ?? c.text ?? n.value?.textContent ?? "";
+        i(t), a.success(o("zl.copy.success", "复制成功"));
       } catch {
-        p.error(o("zl.copy.failed", "复制失败"));
+        a.error(o("zl.copy.failed", "复制失败"));
       }
     }
-    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)
+    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)
-      ], 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 {
-  w as default
+  B as default
 };
 //# sourceMappingURL=index2.vue.mjs.map

package/dist/components/ZlDescription/index.css

@@ -1 +1 @@
-@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}
+.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.mjs

@@ -1,56 +1,52 @@
-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 { 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 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({
+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 && !w(s) },
+    emptyChecker: { type: Function, default: (s) => !s && !A(s) },
     emptyText: {},
     secondary: { type: Boolean }
   },
   setup(s) {
-    const { t: f } = S(), t = s, k = h(() => {
-      const c = [], p = t.emptyText ?? f("zl.description.empty", "暂无");
+    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: 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))
+        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 z = typeof l == "string" ? { dictKey: l } : l;
-        c.push({ ..._, key: r, value: i, text: x, dict: z });
+        const C = typeof a == "string" ? { dictKey: a } : a;
+        c.push({ ...z, key: l, value: i, text: x, dict: C });
       }
       return c;
-    }), 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 }])
+    }), _ = 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), a(B, null, D(k.value, (e) => (n(), a("div", {
+        (n(!0), r(m, null, D(v.value, (e) => (n(), r("div", {
           key: e.key,
           class: "zl-description-item"
         }, [
-          e.icon ? (n(), d(o, {
+          e.icon ? (n(), u(o, {
             key: 0,
             class: "zl-description-item-icon",
             icon: e.icon
           }, null, 8, ["icon"])) : E("", !0),
-          u("div", K, y(e.label), 1),
-          u("div", L, [
-            e.dict ? (n(), d(N(v), V({
+          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(), d(I, { key: 2 }, {
-              default: A(() => [
-                F(y(e.text), 1)
-              ]),
-              _: 2
-            }, 1024))
+            }), 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);
@@ -58,6 +54,6 @@ const K = { class: "zl-description-item-label" }, L = { class: "zl-description-i
   }
 });
 export {
-  H as default
+  q as default
 };
 //# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlDialog/index.css

@@ -1 +1 @@
-.zl-dialog__body{width:100%}.zl-dialog--no-footer .el-dialog__footer{display:none}
+.zl-dialog__body{width:100%}

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

@@ -9,8 +9,6 @@ type __VLS_Props = {
     readonly?: boolean;
     /** 内容区加载态，为 true 时显示遮罩 loading */
     loading?: boolean;
-    /** 底部按钮区是否可见；为 false 时隐藏整个页脚（默认取消/确定按钮与 footer 插槽一并隐藏），默认 true */
-    footerVisible?: boolean;
 };
 type __VLS_PublicProps = {
     'visible'?: boolean;
@@ -31,7 +29,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {
     autoCloseAfterConfirm: boolean;
-    footerVisible: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,84 +1,80 @@
-import { defineComponent as h, useModel as z, ref as w, computed as c, useAttrs as x, resolveComponent as A, resolveDirective as D, openBlock as d, createBlock as f, mergeProps as _, withCtx as n, withDirectives as $, createElementBlock as M, renderSlot as m, createTextVNode as g, toDisplayString as v, unref as N, createCommentVNode as T, createVNode as Z, mergeModels as O } from "vue";
-import { useZlT as S } from "@zl-ui-kit/composables";
-import y from "../ZlButton/index.vue.mjs";
-const E = { class: "zl-dialog__body" }, j = /* @__PURE__ */ h({
+import { defineComponent as h, useModel as V, ref as w, computed as f, useAttrs as x, resolveComponent as m, resolveDirective as z, openBlock as d, createBlock as v, mergeProps as A, withCtx as a, withDirectives as D, createElementBlock as M, renderSlot as g, createTextVNode as y, toDisplayString as p, unref as N, createCommentVNode as O, createVNode as T, mergeModels as Z } from "vue";
+import { useZlT as $ } from "@zl-ui-kit/composables";
+const S = { class: "zl-dialog__body" }, P = /* @__PURE__ */ h({
   name: "ZlDialog",
   inheritAttrs: !1,
   __name: "index",
-  props: /* @__PURE__ */ O({
+  props: /* @__PURE__ */ Z({
     onCancel: {},
     onOk: {},
     autoCloseAfterConfirm: { type: Boolean, default: !0 },
     readonly: { type: Boolean },
-    loading: { type: Boolean },
-    footerVisible: { type: Boolean, default: !0 }
+    loading: { type: Boolean }
   }, {
     visible: { type: Boolean, default: !1 },
     visibleModifiers: {}
   }),
   emits: ["update:visible"],
-  setup(e) {
-    const { t: i } = S(), o = e, t = z(e, "visible");
-    async function r() {
-      o.onCancel && !await o.onCancel() || (t.value = !1);
+  setup(l) {
+    const { t: r } = $(), e = l, t = V(l, "visible");
+    async function i() {
+      e.onCancel && !await e.onCancel() || (t.value = !1);
     }
     const s = w(!1);
-    async function p() {
+    async function C() {
       s.value = !0;
       try {
-        await o.onOk?.(), o.autoCloseAfterConfirm && (t.value = !1);
-      } catch (l) {
-        console.error("[ZlDialog] handleConfirm: ", l);
+        e.onOk && (await e.onOk(), e.autoCloseAfterConfirm && (t.value = !1));
+      } catch (o) {
+        console.error("[ZlDialog] handleConfirm: ", o);
       } finally {
         s.value = !1;
       }
     }
-    const C = c(() => o.readonly ? i("zl.dialog.close", "关闭") : i("zl.dialog.confirm", "确定")), k = x(), b = c(() => ({ width: "600px", "destroy-on-close": !0, ...k }));
-    return (l, a) => {
-      const B = A("el-dialog"), V = D("loading");
-      return d(), f(B, _({
-        class: ["zl-dialog", { "zl-dialog--no-footer": !e.footerVisible }]
-      }, b.value, {
+    const k = f(() => e.readonly ? r("zl.dialog.close", "关闭") : r("zl.dialog.confirm", "确定")), b = f(() => ({ width: "600px", "destroy-on-close": !0, ...x() }));
+    return (o, n) => {
+      const u = m("el-button"), B = m("el-dialog"), _ = z("loading");
+      return d(), v(B, A({ class: "zl-dialog" }, b.value, {
         modelValue: t.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (u) => t.value = u),
-        "before-close": r
+        "onUpdate:modelValue": n[1] || (n[1] = (c) => t.value = c),
+        "before-close": i
       }), {
-        footer: n(() => [
-          m(l.$slots, "footer", {}, () => [
-            e.readonly ? T("", !0) : (d(), f(y, {
+        footer: a(() => [
+          g(o.$slots, "footer", {}, () => [
+            l.readonly ? O("", !0) : (d(), v(u, {
               key: 0,
-              onClick: r
+              onClick: i
             }, {
-              default: n(() => [
-                g(v(N(i)("zl.dialog.cancel", "取消")), 1)
+              default: a(() => [
+                y(p(N(r)("zl.dialog.cancel", "取消")), 1)
               ]),
               _: 1
             })),
-            Z(y, {
+            T(u, {
               type: "primary",
               loading: s.value,
-              onClick: a[0] || (a[0] = (u) => e.readonly ? r() : p())
+              onClick: n[0] || (n[0] = (c) => l.readonly ? i() : C())
             }, {
-              default: n(() => [
-                g(v(C.value), 1)
+              default: a(() => [
+                y(p(k.value), 1)
               ]),
               _: 1
             }, 8, ["loading"])
           ])
         ]),
-        default: n(() => [
-          $((d(), M("div", E, [
-            m(l.$slots, "default")
+        default: a(() => [
+          D((d(), M("div", S, [
+            g(o.$slots, "default")
           ])), [
-            [V, e.loading]
+            [_, l.loading]
           ])
         ]),
         _: 3
-      }, 16, ["class", "modelValue"]);
+      }, 16, ["modelValue"]);
     };
   }
 });
 export {
-  j as default
+  P as default
 };
 //# sourceMappingURL=index.vue.mjs.map

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

@@ -6,18 +6,15 @@ type __VLS_Props = {
      * 行级字典请用独立 key（如 `` `resourceType.${row.id}` ``）。
      */
     dictKey: string;
-    /**
-     * 外部直传字典数据：无需依赖全局数据源即可翻译。格式同 `DictItem[]`（`{ label, value, icon?, color?, type? }`）。
-     * `color` 可以是主题色名，也可以是 `#ff7d45` 这类原生 CSS 颜色值（角标上按纯色渲染，不自动渐变）
-     */
+    /** 外部直传字典数据：无需依赖全局数据源即可翻译。格式同 `DictItem[]`（`{ label, value, icon?, color?, type? }`） */
     dict?: DictItem[];
     /** 是否渲染成角标并指定方位，true 时为右上角 */
     corner?: boolean | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
     /**
      * 角标形态（`corner` 生效时才起作用）：
      * `badge` 贴边小标签（默认）；`ribbon` 斜跨在角上的绶带（45° 文字，如卡片右上角的「委托任务」）。
-     * 绶带与角点留有间距、文案建议 ≤4 个字；梯形高度用 `ribbon-height` 透传（带内字号跟着高度等比缩放），
-     * 尺寸/留白仍走 CSS 变量 `--zl-corner-tag-ribbon-size` / `--zl-corner-tag-ribbon-gap`。
+     * 绶带与角点留有间距、文案建议 ≤4 个字；尺寸/留白/带宽度走 CSS 变量
+     * `--zl-corner-tag-ribbon-size` / `--zl-corner-tag-ribbon-gap` / `--zl-corner-tag-ribbon-width`
      */
     variant?: 'badge' | 'ribbon';
     /**
@@ -35,14 +32,8 @@ type __VLS_Props = {
      * @deprecated 用 `iconVisible`：全库显隐统一用 visible 语义，且不要用反向命名
      */
     hideIcon?: boolean;
-    /** 是否使用填充背景（配合字典项 `color`/`type` 显示浅色底色，如 `--zl-<色>-1`），透传给内部 ZlTag */
-    fill?: boolean;
-    /** 是否使用全圆角样式，透传给内部 ZlTag */
-    rounded?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    fill: boolean;
-    rounded: boolean;
     variant: "badge" | "ribbon";
     corner: boolean | "top-left" | "top-right" | "bottom-left" | "bottom-right";
     iconVisible: boolean;

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

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

package/dist/components/ZlDrawer/index.css

@@ -1 +1 @@
-.zl-drawer__body{width:100%;min-height:100%}.zl-drawer--no-footer .el-drawer__footer{display:none}
+.zl-drawer__body{width:100%;min-height:100%}

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

@@ -9,8 +9,6 @@ type __VLS_Props = {
     readonly?: boolean;
     /** 内容区加载态，为 true 时显示遮罩 loading */
     loading?: boolean;
-    /** 底部按钮区是否可见；为 false 时隐藏整个页脚（默认取消/确定按钮与 footer 插槽一并隐藏），默认 true */
-    footerVisible?: boolean;
 };
 type __VLS_PublicProps = {
     'visible'?: boolean;
@@ -31,7 +29,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:visible"?: ((value: boolean) => any) | undefined;
 }>, {
     autoCloseAfterConfirm: boolean;
-    footerVisible: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;