@zl-ui-kit/components 0.27.0 → 0.27.2

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

@@ -0,0 +1,33 @@
+import { DevMenuRoute } from './types';
+type __VLS_Props = {
+    /** 是否显示浮球（默认 true，通常由宿主结合开发模式控制） */
+    visible?: boolean;
+    /** 路由列表；不传时从宿主 vue-router 自动读取 */
+    routes?: DevMenuRoute[];
+    /** 选中后的跳转方式；不传时调用宿主 `router.push` */
+    navigate?: (path: string) => void;
+    /** 是否可拖拽；松手后会吸附回右侧，保留垂直位置 */
+    draggable?: boolean;
+    /** 面板标题 */
+    title?: string;
+    /** 距右侧距离（px） */
+    offsetRight?: number;
+    /** 距底部距离（px） */
+    offsetBottom?: number;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {
+    /** 展开路由面板 */
+    open: () => void;
+    /** 收起路由面板 */
+    close: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
+    visible: boolean;
+    routes: DevMenuRoute[];
+    navigate: (path: string) => void;
+    draggable: boolean;
+    offsetRight: number;
+    offsetBottom: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=index.vue.d.ts.map

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

@@ -0,0 +1,110 @@
+import { defineComponent as Y, getCurrentInstance as D, ref as u, computed as g, onBeforeUnmount as N, resolveComponent as L, openBlock as d, createElementBlock as c, normalizeStyle as S, createVNode as v, withCtx as w, createElementVNode as i, toDisplayString as b, Fragment as F, renderList as I, normalizeClass as P, createCommentVNode as E } from "vue";
+import Z from "../ZlButton/index.vue.mjs";
+import j from "../ZlIcon/index.vue.mjs";
+const q = { class: "zl-dev-menu__panel" }, A = { class: "zl-dev-menu__title" }, G = { class: "zl-dev-menu__list" }, H = ["onClick"], J = { class: "zl-dev-menu__label" }, K = { class: "zl-dev-menu__path" }, O = {
+  key: 0,
+  class: "zl-dev-menu__empty"
+}, te = /* @__PURE__ */ Y({
+  name: "ZlDevMenu",
+  __name: "index",
+  props: {
+    visible: { type: Boolean, default: !0 },
+    routes: { default: void 0 },
+    navigate: { type: Function, default: void 0 },
+    draggable: { type: Boolean, default: !0 },
+    title: { default: "开发菜单" },
+    offsetRight: { default: 20 },
+    offsetBottom: { default: 20 }
+  },
+  setup(p, { expose: V }) {
+    const l = p, m = D()?.appContext.config.globalProperties.$router, r = u(l.offsetRight), f = u(l.offsetBottom), a = u(!1), h = u(""), y = g(() => {
+      if (l.routes?.length) return l.routes;
+      const t = /* @__PURE__ */ new Set();
+      return (m?.getRoutes?.() ?? []).filter((e) => e.path && !e.redirect && !e.path.includes(":")).filter((e) => t.has(e.path) ? !1 : (t.add(e.path), !0)).map((e) => ({ label: e.meta?.title || e.path, path: e.path })).sort((e, n) => e.path.localeCompare(n.path));
+    }), z = g(() => {
+      const t = h.value.trim().toLowerCase();
+      return t ? y.value.filter((e) => `${e.label} ${e.path}`.toLowerCase().includes(t)) : y.value;
+    }), $ = g(() => m?.currentRoute?.value?.path ?? "");
+    function R(t) {
+      a.value = !1, l.navigate ? l.navigate(t.path) : m?.push?.(t.path);
+    }
+    let C = 0, k = 0, x = 0, M = 0, s = !1;
+    function _(t) {
+      const e = C - t.clientX, n = k - t.clientY;
+      !s && (Math.abs(e) > 3 || Math.abs(n) > 3) && (s = !0), s && (r.value = Math.max(8, x + e), f.value = Math.max(8, M + n));
+    }
+    function B() {
+      window.removeEventListener("mousemove", _), s && (r.value = l.offsetRight);
+    }
+    function U(t) {
+      l.draggable && (C = t.clientX, k = t.clientY, x = r.value, M = f.value, s = !1, window.addEventListener("mousemove", _), window.addEventListener("mouseup", B, { once: !0 }));
+    }
+    return N(() => {
+      window.removeEventListener("mousemove", _), window.removeEventListener("mouseup", B);
+    }), V({
+      /** 展开路由面板 */
+      open: () => {
+        a.value = !0;
+      },
+      /** 收起路由面板 */
+      close: () => {
+        a.value = !1;
+      }
+    }), (t, e) => {
+      const n = L("el-input"), X = L("el-popover");
+      return p.visible ? (d(), c("div", {
+        key: 0,
+        class: "zl-dev-menu",
+        style: S({ right: `${r.value}px`, bottom: `${f.value}px` }),
+        onMousedown: U
+      }, [
+        v(X, {
+          visible: a.value,
+          "onUpdate:visible": e[1] || (e[1] = (o) => a.value = o),
+          trigger: "click",
+          placement: "left-end",
+          width: 320
+        }, {
+          reference: w(() => [
+            v(Z, {
+              class: "zl-dev-menu__button",
+              circle: ""
+            }, {
+              default: w(() => [
+                v(j, { icon: "zl:setting" })
+              ]),
+              _: 1
+            })
+          ]),
+          default: w(() => [
+            i("div", q, [
+              i("div", A, b(p.title), 1),
+              v(n, {
+                modelValue: h.value,
+                "onUpdate:modelValue": e[0] || (e[0] = (o) => h.value = o),
+                placeholder: "搜索路由",
+                clearable: ""
+              }, null, 8, ["modelValue"]),
+              i("div", G, [
+                (d(!0), c(F, null, I(z.value, (o) => (d(), c("div", {
+                  key: o.path,
+                  class: P(["zl-dev-menu__item", { "is-active": o.path === $.value }]),
+                  onClick: (Q) => R(o)
+                }, [
+                  i("span", J, b(o.label), 1),
+                  i("span", K, b(o.path), 1)
+                ], 10, H))), 128)),
+                z.value.length ? E("", !0) : (d(), c("div", O, "未匹配到路由"))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ], 36)) : E("", !0);
+    };
+  }
+});
+export {
+  te as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/dist/components/ZlDevMenu/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/ZlDevMenu/types.d.ts

@@ -0,0 +1,8 @@
+/** 开发菜单路由项 */
+export interface DevMenuRoute {
+    /** 显示文本，默认取路由的 `meta.title`，无则用 `path` */
+    label: string;
+    /** 跳转路径 */
+    path: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/ZlDialog/index.css

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

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

@@ -9,6 +9,8 @@ type __VLS_Props = {
     readonly?: boolean;
     /** 内容区加载态，为 true 时显示遮罩 loading */
     loading?: boolean;
+    /** 底部按钮区是否可见；为 false 时隐藏整个页脚（默认取消/确定按钮与 footer 插槽一并隐藏），默认 true */
+    footerVisible?: boolean;
 };
 type __VLS_PublicProps = {
     'visible'?: boolean;
@@ -29,6 +31,7 @@ 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,80 +1,84 @@
-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({
+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({
   name: "ZlDialog",
   inheritAttrs: !1,
   __name: "index",
-  props: /* @__PURE__ */ Z({
+  props: /* @__PURE__ */ O({
     onCancel: {},
     onOk: {},
     autoCloseAfterConfirm: { type: Boolean, default: !0 },
     readonly: { type: Boolean },
-    loading: { type: Boolean }
+    loading: { type: Boolean },
+    footerVisible: { type: Boolean, default: !0 }
   }, {
     visible: { type: Boolean, default: !1 },
     visibleModifiers: {}
   }),
   emits: ["update:visible"],
-  setup(l) {
-    const { t: r } = $(), e = l, t = V(l, "visible");
-    async function i() {
-      e.onCancel && !await e.onCancel() || (t.value = !1);
+  setup(e) {
+    const { t: i } = S(), o = e, t = z(e, "visible");
+    async function r() {
+      o.onCancel && !await o.onCancel() || (t.value = !1);
     }
     const s = w(!1);
-    async function C() {
+    async function p() {
       s.value = !0;
       try {
-        e.onOk && (await e.onOk(), e.autoCloseAfterConfirm && (t.value = !1));
-      } catch (o) {
-        console.error("[ZlDialog] handleConfirm: ", o);
+        await o.onOk?.(), o.autoCloseAfterConfirm && (t.value = !1);
+      } catch (l) {
+        console.error("[ZlDialog] handleConfirm: ", l);
       } finally {
         s.value = !1;
       }
     }
-    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, {
+    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, {
         modelValue: t.value,
-        "onUpdate:modelValue": n[1] || (n[1] = (c) => t.value = c),
-        "before-close": i
+        "onUpdate:modelValue": a[1] || (a[1] = (u) => t.value = u),
+        "before-close": r
       }), {
-        footer: a(() => [
-          g(o.$slots, "footer", {}, () => [
-            l.readonly ? O("", !0) : (d(), v(u, {
+        footer: n(() => [
+          m(l.$slots, "footer", {}, () => [
+            e.readonly ? T("", !0) : (d(), f(y, {
               key: 0,
-              onClick: i
+              onClick: r
             }, {
-              default: a(() => [
-                y(p(N(r)("zl.dialog.cancel", "取消")), 1)
+              default: n(() => [
+                g(v(N(i)("zl.dialog.cancel", "取消")), 1)
               ]),
               _: 1
             })),
-            T(u, {
+            Z(y, {
               type: "primary",
               loading: s.value,
-              onClick: n[0] || (n[0] = (c) => l.readonly ? i() : C())
+              onClick: a[0] || (a[0] = (u) => e.readonly ? r() : p())
             }, {
-              default: a(() => [
-                y(p(k.value), 1)
+              default: n(() => [
+                g(v(C.value), 1)
               ]),
               _: 1
             }, 8, ["loading"])
           ])
         ]),
-        default: a(() => [
-          D((d(), M("div", S, [
-            g(o.$slots, "default")
+        default: n(() => [
+          $((d(), M("div", E, [
+            m(l.$slots, "default")
           ])), [
-            [_, l.loading]
+            [V, e.loading]
           ])
         ]),
         _: 3
-      }, 16, ["modelValue"]);
+      }, 16, ["class", "modelValue"]);
     };
   }
 });
 export {
-  P as default
+  j as default
 };
 //# sourceMappingURL=index.vue.mjs.map

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

@@ -6,15 +6,18 @@ type __VLS_Props = {
      * 行级字典请用独立 key（如 `` `resourceType.${row.id}` ``）。
      */
     dictKey: string;
-    /** 外部直传字典数据：无需依赖全局数据源即可翻译。格式同 `DictItem[]`（`{ label, value, icon?, color?, type? }`） */
+    /**
+     * 外部直传字典数据：无需依赖全局数据源即可翻译。格式同 `DictItem[]`（`{ label, value, icon?, color?, type? }`）。
+     * `color` 可以是主题色名，也可以是 `#ff7d45` 这类原生 CSS 颜色值（角标上按纯色渲染，不自动渐变）
+     */
     dict?: DictItem[];
     /** 是否渲染成角标并指定方位，true 时为右上角 */
     corner?: boolean | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
     /**
      * 角标形态（`corner` 生效时才起作用）：
      * `badge` 贴边小标签（默认）；`ribbon` 斜跨在角上的绶带（45° 文字，如卡片右上角的「委托任务」）。
-     * 绶带与角点留有间距、文案建议 ≤4 个字；尺寸/留白/带宽度走 CSS 变量
-     * `--zl-corner-tag-ribbon-size` / `--zl-corner-tag-ribbon-gap` / `--zl-corner-tag-ribbon-width`
+     * 绶带与角点留有间距、文案建议 ≤4 个字；梯形高度用 `ribbon-height` 透传（带内字号跟着高度等比缩放），
+     * 尺寸/留白仍走 CSS 变量 `--zl-corner-tag-ribbon-size` / `--zl-corner-tag-ribbon-gap`。
      */
     variant?: 'badge' | 'ribbon';
     /**
@@ -32,8 +35,14 @@ 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 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 { 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 '../ZlTag/index.css';import '../ZlTag/ZlCornerTag.css';/* empty css                         */
-import S from "../ZlTag/index.vue.mjs";
+import k from "../ZlTag/index.vue.mjs";
 /* empty css                   */
-const I = /* @__PURE__ */ g({
+const K = /* @__PURE__ */ g({
   name: "ZlDictTag",
   __name: "index",
   props: {
@@ -15,56 +15,61 @@ const I = /* @__PURE__ */ g({
     value: {},
     simple: { type: Boolean },
     iconVisible: { type: Boolean, default: void 0 },
-    hideIcon: { type: Boolean, default: void 0 }
+    hideIcon: { type: Boolean, default: void 0 },
+    fill: { type: Boolean, default: !1 },
+    rounded: { type: Boolean, default: !1 }
   },
-  setup(i) {
-    const t = i, p = B(t.dictKey, { data: t.dict });
-    h(
+  setup(a) {
+    const t = a, p = h(t.dictKey, { data: t.dict });
+    B(
       () => t.dict,
       (e) => {
         if (e?.length) {
-          const { dictStore: o } = _();
+          const { dictStore: o } = b();
           o.value = { ...o.value, [t.dictKey]: e };
         }
       },
       { deep: !1 }
     );
-    const a = n(() => p.value.find((e) => e.value === t.value)), m = { info: "gray" };
+    const i = 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 r = n(() => {
-      const e = a.value;
+    const l = n(() => {
+      const e = i.value;
       return e ? {
         color: t.simple ? void 0 : y(e),
         icon: t.iconVisible ?? !t.hideIcon ? e.icon : void 0
       } : {};
-    }), c = n(() => t.corner === !0 ? "top-right" : t.corner);
-    return (e, o) => c.value ? (l(), s(b, u({
+    }), r = n(() => t.corner === !0 ? "top-right" : t.corner);
+    return (e, o) => r.value ? (c(), d(S, u({
       key: 0,
       class: "zl-dict-corner-tag"
-    }, { ...r.value, ...e.$attrs }, {
-      position: c.value,
-      variant: i.variant
+    }, { ...l.value, ...e.$attrs }, {
+      position: r.value,
+      variant: a.variant
     }), {
-      default: d(() => [
-        v(f(a.value?.label || i.value), 1)
+      default: s(() => [
+        f(v(i.value?.label || a.value), 1)
       ]),
       _: 1
-    }, 16, ["position", "variant"])) : (l(), s(S, u({
+    }, 16, ["position", "variant"])) : (c(), d(k, u({
       key: 1,
       class: "zl-dict-tag"
-    }, { ...r.value, ...e.$attrs }), {
-      default: d(() => [
-        v(f(a.value?.label || i.value), 1)
+    }, { ...l.value, ...e.$attrs }, {
+      fill: a.fill,
+      rounded: a.rounded
+    }), {
+      default: s(() => [
+        f(v(i.value?.label || a.value), 1)
       ]),
       _: 1
-    }, 16));
+    }, 16, ["fill", "rounded"]));
   }
 });
 export {
-  I as default
+  K 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__body{width:100%;min-height:100%}.zl-drawer--no-footer .el-drawer__footer{display:none}

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

@@ -9,6 +9,8 @@ type __VLS_Props = {
     readonly?: boolean;
     /** 内容区加载态，为 true 时显示遮罩 loading */
     loading?: boolean;
+    /** 底部按钮区是否可见；为 false 时隐藏整个页脚（默认取消/确定按钮与 footer 插槽一并隐藏），默认 true */
+    footerVisible?: boolean;
 };
 type __VLS_PublicProps = {
     'visible'?: boolean;
@@ -29,6 +31,7 @@ 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/ZlDrawer/index.vue.mjs

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

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

@@ -1,3 +1,5 @@
+import { PropType } from 'vue';
+import { IComponent } from './types';
 /**
  * 动态组件渲染引擎（schema → VNode）
  * schema 见 types.ts；组件名支持全局注册名或组件对象；默认 el-input
@@ -15,7 +17,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     /** 待渲染组件的 schema 描述，缺省渲染 el-input */
     component: {
-        type: ObjectConstructor;
+        type: PropType<IComponent>;
         default: () => {
             component: string;
         };
@@ -40,7 +42,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
     /** 待渲染组件的 schema 描述，缺省渲染 el-input */
     component: {
-        type: ObjectConstructor;
+        type: PropType<IComponent>;
         default: () => {
             component: string;
         };
@@ -49,7 +51,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onInput?: ((_value: any, ..._values: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((_value: any) => any) | undefined;
 }>, {
-    component: Record<string, any>;
+    component: IComponent;
     model: Record<string, any>;
     value: string | number | boolean | unknown[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/ZlForm/index.css

@@ -1 +1 @@
-.zl-form-item-label{display:inline-flex;align-items:center;gap:2px}.zl-form-item-label__tooltip{color:var(--zl-text-3, var(--el-text-color-secondary))}
+@charset "UTF-8";.zl-form-item-label{display:inline-flex;align-items:center;gap:2px}.zl-form-item-label__tooltip{color:var(--zl-text-3, var(--el-text-color-secondary))}.zl-form-item--no-label .el-form-item__label{display:none}

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

@@ -4,6 +4,11 @@ type __VLS_Props = {
     items: FormItem[];
     /** 表单值对象，不传时由组件内部自建 */
     model?: Record<string, any>;
+    /**
+     * 表单项 `label` 为空字符串/缺省时不渲染 label 占位（控件直接顶到最左）。
+     * 默认 false：即使 label 为空，EP 也会因 #label 插槽存在而保留 label 列占位
+     */
+    hideEmptyLabel?: boolean;
 };
 /** el-form 的校验回调：第一个参数为是否通过，失败时第二个参数为错误字段集合 */
 type ValidateCallback = (isValid: boolean, invalidFields?: Record<string, any>) => void;
@@ -32,6 +37,7 @@ declare function __VLS_template(): {
             slot?: boolean;
             slots?: Record<string, any>;
             props: Record<string, any>;
+            hideLabel?: boolean;
         };
     }) => any>> & {
         label?(_: {
@@ -45,6 +51,7 @@ declare function __VLS_template(): {
                 slot?: boolean;
                 slots?: Record<string, any>;
                 props: Record<string, any>;
+                hideLabel?: boolean;
             };
         }): any;
         default?(_: {}): any;