@zl-ui-kit/components 0.27.0 → 0.27.2

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

@@ -1,70 +1,72 @@
-import { defineComponent as A, toRefs as D, ref as b, computed as V, resolveComponent as m, openBlock as n, createBlock as u, mergeProps as c, withCtx as d, createElementBlock as L, Fragment as M, renderList as S, renderSlot as p, createElementVNode as F, toDisplayString as U, createVNode as q, createCommentVNode as x } from "vue";
+import { defineComponent as Z, toRefs as A, ref as V, computed as h, resolveComponent as m, openBlock as n, createBlock as d, mergeProps as c, withCtx as i, createElementBlock as D, Fragment as M, renderList as S, renderSlot as p, createElementVNode as E, toDisplayString as U, createVNode as q, createCommentVNode as x } from "vue";
 import W from "./ZlFormChild.vue.mjs";
 import j from "../ZlIcon/index.vue.mjs";
-const G = { class: "zl-form-item-label" }, E = "onUpdate:modelValue", Q = /* @__PURE__ */ A({
+const G = { class: "zl-form-item-label" }, y = "onUpdate:modelValue", Q = /* @__PURE__ */ Z({
   name: "ZlForm",
   __name: "index",
   props: {
     items: { default: () => [] },
-    model: {}
+    model: {},
+    hideEmptyLabel: { type: Boolean }
   },
-  setup(g, { expose: h }) {
-    const i = g, { items: v } = D(i), y = b(i.model ?? {}), r = V(() => i.model ?? y.value), I = V(() => {
+  setup(F, { expose: g }) {
+    const s = F, { items: v } = A(s), I = V(s.model ?? {}), r = h(() => s.model ?? I.value), P = h(() => {
       const e = [];
       return v.value.forEach((l) => {
         if (!l.model)
           throw new Error("[ZlForm]: form item's model is required!");
         l.defaultValue !== void 0 && r.value[l.model] === void 0 && (r.value[l.model] = l.defaultValue);
       }), v.value.forEach((l) => {
-        if (!P(l)) return;
+        if (!k(l)) return;
         const {
-          visible: s,
+          visible: u,
           props: a,
           tooltip: f,
           formItemProps: o = {},
-          component: $,
-          label: z,
-          model: C,
+          component: N,
+          label: _,
+          model: $,
           defaultValue: H,
-          slot: T,
-          slots: B,
-          ...R
-        } = l, _ = { ...o };
-        delete _.tooltip;
-        const Z = { ...R, ...a ?? {} };
+          slot: B,
+          slots: C,
+          ...T
+        } = l, b = { ...o };
+        delete b.tooltip;
+        const R = { ...T, ...a ?? {} };
         e.push({
-          formItemProps: _,
+          formItemProps: b,
           tooltip: f,
-          component: $,
-          label: z,
-          model: C,
-          slot: T,
-          slots: B,
-          props: k(Z, l.model)
+          component: N,
+          label: _,
+          model: $,
+          slot: B,
+          slots: C,
+          hideLabel: s.hideEmptyLabel && !_,
+          props: w(R, l.model)
         });
       }), e;
-    }), t = b(null);
-    function P(e) {
+    }), t = V(null);
+    function k(e) {
       const l = e.visible;
       return l === void 0 ? !0 : l === !1 || typeof l == "function" && !l(r.value, e) ? !1 : !!l;
     }
-    function k(e = {}, l) {
-      const s = e[E];
-      return e[E] = (a) => {
-        r.value[l] = a, s?.(a);
+    function w(e = {}, l) {
+      const u = e[y];
+      return e[y] = (a) => {
+        r.value[l] = a, u?.(a);
       }, e;
     }
-    async function w(e) {
+    async function L(e) {
       return await t.value?.validate(e) ?? !0;
     }
-    async function N(e, l) {
+    async function z(e, l) {
       return await t.value?.validateField(e, l) ?? !0;
     }
-    return h({
+    return g({
       /** 校验整个表单；同 `el-form.validate()`（无回调时失败会 reject 错误字段集合；0.9.0 及更早成功时返回 `undefined`） */
-      validate: w,
+      validate: L,
       /** 校验指定字段（字段名或数组），语义同 `validate()` */
-      validateField: N,
+      validateField: z,
       /** 重置字段并清除校验结果；不传参重置全部 */
       resetFields: (e) => t.value?.resetFields(e),
       /** 清除校验提示；不传参清除全部 */
@@ -84,30 +86,31 @@ const G = { class: "zl-form-item-label" }, E = "onUpdate:modelValue", Q = /* @__
         return t.value;
       }
     }), (e, l) => {
-      const s = m("el-tooltip"), a = m("el-form-item"), f = m("el-form");
-      return n(), u(f, c({
+      const u = m("el-tooltip"), a = m("el-form-item"), f = m("el-form");
+      return n(), d(f, c({
         ref_key: "formRef",
         ref: t,
         class: "zl-form",
         model: r.value
       }, { labelWidth: "auto", ...e.$attrs }), {
-        default: d(() => [
-          (n(!0), L(M, null, S(I.value, (o) => (n(), u(a, c({
+        default: i(() => [
+          (n(!0), D(M, null, S(P.value, (o) => (n(), d(a, c({
             key: o.model,
             label: o.label,
-            prop: o.model
+            prop: o.model,
+            class: { "zl-form-item--no-label": o.hideLabel }
           }, { ref_for: !0 }, o.formItemProps), {
-            label: d(() => [
-              F("span", G, [
+            label: i(() => [
+              E("span", G, [
                 p(e.$slots, "label", c({ ref_for: !0 }, { label: o.label, item: o }), () => [
-                  F("span", null, U(o.label), 1)
+                  E("span", null, U(o.label), 1)
                 ]),
-                o.tooltip ? (n(), u(s, {
+                o.tooltip ? (n(), d(u, {
                   key: 0,
                   content: o.tooltip,
                   placement: "top"
                 }, {
-                  default: d(() => [
+                  default: i(() => [
                     q(j, {
                       class: "zl-form-item-label__tooltip",
                       icon: "zl:help-color"
@@ -117,18 +120,18 @@ const G = { class: "zl-form-item-label" }, E = "onUpdate:modelValue", Q = /* @__
                 }, 8, ["content"])) : x("", !0)
               ])
             ]),
-            default: d(() => [
+            default: i(() => [
               o.slot ? p(e.$slots, o.model, {
                 model: r.value,
                 field: o
-              }, void 0, void 0, 0) : (n(), u(W, {
+              }, void 0, void 0, 0) : (n(), d(W, {
                 key: 1,
                 item: o,
                 "model-value": r.value[o.model]
               }, null, 8, ["item", "model-value"]))
             ]),
             _: 2
-          }, 1040, ["label", "prop"]))), 128)),
+          }, 1040, ["label", "prop", "class"]))), 128)),
           p(e.$slots, "default")
         ]),
         _: 3

package/dist/components/ZlLayoutSwitch/index.css

@@ -1 +1 @@
-.zl-layout-switch .el-radio-button[data-v-89c83ab6]{line-height:1;font-size:14px;padding:9px}
+.zl-layout-switch[data-v-e4af4af4] .el-radio-button__inner{display:inline-flex;align-items:center;gap:4px;line-height:1;padding:8px 12px;font-size:14px}.zl-layout-switch__text[data-v-e4af4af4]{font-size:12px;line-height:1}

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

@@ -1,6 +1,14 @@
 type __VLS_Props = {
     /** 已废弃，请用 `modelValue`；仅在未双向绑定时作为当前布局 */
     value?: 'grid' | 'table';
+    /** 网格按钮文案：缺省走 i18n（卡片），传空字符串则只显示图标 */
+    gridText?: string;
+    /** 表格按钮文案：缺省走 i18n（列表），传空字符串则只显示图标 */
+    tableText?: string;
+    /** 网格按钮图标（`zl:` 图标名，不带前缀）：缺省 `table` */
+    gridIcon?: string;
+    /** 列表按钮图标（`zl:` 图标名，不带前缀）：缺省 `list-color` */
+    tableIcon?: string;
 };
 type __VLS_PublicProps = {
     'modelValue'?: 'grid' | 'table';
@@ -11,6 +19,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "onUpdate:modelValue"?: ((value: "table" | "grid") => any) | undefined;
 }>, {
     value: "grid" | "table";
+    gridIcon: string;
+    tableIcon: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=index.vue.d.ts.map

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

@@ -1,7 +1,7 @@
 import o from "./index2.vue.mjs";
 import './index.css';/* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-89c83ab6"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e4af4af4"]]);
 export {
   m as default
 };

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

@@ -1,38 +1,46 @@
-import { defineComponent as s, computed as v, useModel as p, resolveComponent as n, openBlock as l, createBlock as r, withCtx as d, createElementBlock as _, Fragment as f, renderList as b, createVNode as g, mergeModels as w } from "vue";
-import { useZlT as y } from "@zl-ui-kit/composables";
-import V from "../ZlIcon/index.vue.mjs";
-const B = /* @__PURE__ */ s({
+import { defineComponent as v, computed as _, useModel as p, resolveComponent as r, openBlock as t, createBlock as d, withCtx as c, createElementBlock as i, Fragment as f, renderList as g, createVNode as x, toDisplayString as y, createCommentVNode as h, mergeModels as w } from "vue";
+import { useZlT as V } from "@zl-ui-kit/composables";
+import k from "../ZlIcon/index.vue.mjs";
+const z = {
+  key: 0,
+  class: "zl-layout-switch__text"
+}, B = /* @__PURE__ */ v({
   name: "ZlLayoutSwitch",
   __name: "index",
   props: /* @__PURE__ */ w({
-    value: { default: "grid" }
+    value: { default: "grid" },
+    gridText: {},
+    tableText: {},
+    gridIcon: { default: "table" },
+    tableIcon: { default: "list-color" }
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const { t } = y(), i = v(() => [
-      { label: t("zl.layoutSwitch.grid", "网格"), value: "grid", icon: "menu-card" },
-      { label: t("zl.layoutSwitch.table", "表格"), value: "table", icon: "menu-list" }
-    ]), a = p(o, "modelValue");
-    return (h, u) => {
-      const m = n("el-radio-button"), c = n("el-radio-group");
-      return l(), r(c, {
+    const l = o, { t: a } = V(), s = _(() => [
+      { label: l.gridText ?? a("zl.layoutSwitch.grid", "卡片"), value: "grid", icon: l.gridIcon },
+      { label: l.tableText ?? a("zl.layoutSwitch.table", "列表"), value: "table", icon: l.tableIcon }
+    ]), u = p(o, "modelValue");
+    return (I, n) => {
+      const m = r("el-radio-button"), b = r("el-radio-group");
+      return t(), d(b, {
         class: "zl-layout-switch",
-        "model-value": a.value ?? o.value,
-        "onUpdate:modelValue": u[0] || (u[0] = (e) => a.value = e)
+        "model-value": u.value ?? o.value,
+        "onUpdate:modelValue": n[0] || (n[0] = (e) => u.value = e)
       }, {
-        default: d(() => [
-          (l(!0), _(f, null, b(i.value, (e) => (l(), r(m, {
+        default: c(() => [
+          (t(!0), i(f, null, g(s.value, (e) => (t(), d(m, {
             key: e.value,
             value: e.value,
             title: e.label
           }, {
-            default: d(() => [
-              g(V, {
+            default: c(() => [
+              x(k, {
                 icon: `zl:${e.icon}`
-              }, null, 8, ["icon"])
+              }, null, 8, ["icon"]),
+              e.label ? (t(), i("span", z, y(e.label), 1)) : h("", !0)
             ]),
             _: 2
           }, 1032, ["value", "title"]))), 128))

package/dist/components/ZlLoading/index.css

@@ -0,0 +1 @@
+.zl-loading[data-v-bd5f8439]{width:100%;height:100%;flex:1;min-width:1px;min-height:1px}

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

@@ -0,0 +1,27 @@
+type __VLS_Props = {
+    /** 是否处于加载中 */
+    loading?: boolean;
+    /** 是否首屏就渲染内容（默认等首次 loading 结束后再挂载） */
+    forceRender?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): 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<{}>, {
+    loading: boolean;
+    forceRender: 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/ZlLoading/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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bd5f8439"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=index.vue.mjs.map

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

@@ -0,0 +1,30 @@
+import { defineComponent as r, ref as l, watch as d, resolveDirective as i, withDirectives as c, openBlock as s, createElementBlock as f, renderSlot as u, createCommentVNode as m } from "vue";
+const p = { class: "zl-loading" }, _ = /* @__PURE__ */ r({
+  name: "ZlLoading",
+  __name: "index",
+  props: {
+    loading: { type: Boolean, default: !1 },
+    forceRender: { type: Boolean, default: !1 }
+  },
+  setup(o) {
+    const t = o, n = l(t.forceRender);
+    return d(
+      () => t.loading,
+      (e) => {
+        e || (n.value = !0);
+      },
+      { immediate: !0 }
+    ), (e, v) => {
+      const a = i("loading");
+      return c((s(), f("div", p, [
+        n.value ? u(e.$slots, "default", {}, void 0, !0, 0) : m("", !0)
+      ])), [
+        [a, o.loading]
+      ]);
+    };
+  }
+});
+export {
+  _ as default
+};
+//# sourceMappingURL=index2.vue.mjs.map

package/dist/components/ZlLogin/components/LoginForm.css

@@ -1 +1 @@
-.zl-login__action[data-v-3a11bb99]{margin-top:15px}[data-v-3a11bb99] .el-form-item{margin-bottom:20px}
+.zl-login__action[data-v-f2d3350c]{margin-top:15px}[data-v-f2d3350c] .el-form-item{margin-bottom:20px}

package/dist/components/ZlLogin/components/LoginForm.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./LoginForm2.vue.mjs";
 import './LoginForm.css';/* empty css                */
 import r from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3a11bb99"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f2d3350c"]]);
 export {
   p as default
 };

package/dist/components/ZlLogin/components/LoginForm2.vue.mjs

@@ -1,48 +1,49 @@
-import { defineComponent as y, ref as m, reactive as z, computed as V, resolveComponent as d, openBlock as _, createBlock as C, withModifiers as S, withCtx as n, createVNode as t, unref as s, createTextVNode as R, toDisplayString as q, createElementBlock as P, renderSlot as x, createCommentVNode as B } from "vue";
-import { useZlT as F } from "@zl-ui-kit/composables";
+import { defineComponent as k, ref as u, reactive as y, computed as z, resolveComponent as m, openBlock as _, createBlock as V, withModifiers as C, withCtx as n, createVNode as r, unref as s, createTextVNode as S, toDisplayString as R, createElementBlock as q, renderSlot as P, createCommentVNode as x } from "vue";
+import { useZlT as B } from "@zl-ui-kit/composables";
+import F from "../../ZlButton/index.vue.mjs";
 import L from "./SlideChecker.vue.mjs";
 const N = {
   key: 0,
   class: "zl-login__action"
-}, $ = /* @__PURE__ */ y({
+}, D = /* @__PURE__ */ k({
   name: "ZlLoginForm",
   __name: "LoginForm",
   props: {
     onSubmit: { type: Function }
   },
   setup(h) {
-    const { t: e } = F(), p = h, c = m(), l = z({}), b = V(() => ({
+    const { t: e } = B(), p = h, c = u(), l = y({}), v = z(() => ({
       username: [{ required: !0, message: e("zl.login.usernamePlaceholder", "请输入用户名") }],
       password: [{ required: !0, message: e("zl.login.passwordPlaceholder", "请输入密码") }],
       slideChecked: [
         { type: "boolean", required: !0, message: e("zl.login.slideRequired", "请将滑块移至右侧") }
       ]
-    })), f = m(null), i = m(!1);
-    async function v() {
+    })), f = u(null), i = u(!1);
+    async function b() {
       try {
         if (await f.value?.validate().catch((o) => o) !== !0) return;
         i.value = !0, p.onSubmit && await p.onSubmit(l), i.value = !1;
-      } catch (r) {
-        i.value = !1, c.value?.reset(), console.error("Login Submit: ", r);
+      } catch (t) {
+        i.value = !1, c.value?.reset(), console.error("Login Submit: ", t);
       }
     }
-    return (r, o) => {
-      const g = d("el-input"), u = d("el-form-item"), w = d("el-button"), k = d("el-form");
-      return _(), C(k, {
+    return (t, o) => {
+      const g = m("el-input"), d = m("el-form-item"), w = m("el-form");
+      return _(), V(w, {
         ref_key: "formRef",
         ref: f,
         model: l,
-        rules: b.value,
+        rules: v.value,
         "label-position": "top",
-        onSubmit: S(v, ["prevent"])
+        onSubmit: C(b, ["prevent"])
       }, {
         default: n(() => [
-          t(u, {
+          r(d, {
             label: s(e)("zl.login.username", "用户名"),
             prop: "username"
           }, {
             default: n(() => [
-              t(g, {
+              r(g, {
                 modelValue: l.username,
                 "onUpdate:modelValue": o[0] || (o[0] = (a) => l.username = a),
                 placeholder: s(e)("zl.login.usernamePlaceholder", "请输入用户名"),
@@ -51,12 +52,12 @@ const N = {
             ]),
             _: 1
           }, 8, ["label"]),
-          t(u, {
+          r(d, {
             label: s(e)("zl.login.password", "密码"),
             prop: "password"
           }, {
             default: n(() => [
-              t(g, {
+              r(g, {
                 modelValue: l.password,
                 "onUpdate:modelValue": o[1] || (o[1] = (a) => l.password = a),
                 type: "password",
@@ -67,9 +68,9 @@ const N = {
             ]),
             _: 1
           }, 8, ["label"]),
-          t(u, { prop: "slideChecked" }, {
+          r(d, { prop: "slideChecked" }, {
             default: n(() => [
-              t(L, {
+              r(L, {
                 ref_key: "slideCheckerRef",
                 ref: c,
                 modelValue: l.slideChecked,
@@ -78,7 +79,7 @@ const N = {
             ]),
             _: 1
           }),
-          t(w, {
+          r(F, {
             type: "primary",
             "native-type": "submit",
             size: "large",
@@ -87,13 +88,13 @@ const N = {
             style: { width: "100%", "margin-top": "20px" }
           }, {
             default: n(() => [
-              R(q(s(e)("zl.login.submit", "登 录")), 1)
+              S(R(s(e)("zl.login.submit", "登 录")), 1)
             ]),
             _: 1
           }, 8, ["loading"]),
-          r.$slots.action ? (_(), P("div", N, [
-            x(r.$slots, "action", {}, void 0, !0)
-          ])) : B("", !0)
+          t.$slots.action ? (_(), q("div", N, [
+            P(t.$slots, "action", {}, void 0, !0)
+          ])) : x("", !0)
         ]),
         _: 3
       }, 8, ["model", "rules"]);
@@ -101,6 +102,6 @@ const N = {
   }
 });
 export {
-  $ as default
+  D as default
 };
 //# sourceMappingURL=LoginForm2.vue.mjs.map

package/dist/components/ZlMenu/MenuIcon.d.ts

@@ -0,0 +1,17 @@
+import { Component, PropType, VNode } from 'vue';
+/** 内部渲染器：统一处理字符串图标 / 组件 / VNode 三种形态 */
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    icon: {
+        type: PropType<string | Component | VNode>;
+        required: true;
+    };
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    icon: {
+        type: PropType<string | Component | VNode>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=MenuIcon.d.ts.map

package/dist/components/ZlMenu/MenuIcon.mjs

@@ -0,0 +1,21 @@
+import { defineComponent as t, h as e, isVNode as o } from "vue";
+import i from "../ZlIcon/index.vue.mjs";
+const p = t({
+  name: "ZlMenuIcon",
+  props: {
+    icon: {
+      type: [String, Object, Function],
+      required: !0
+    }
+  },
+  setup(r) {
+    return () => {
+      const { icon: n } = r;
+      return typeof n == "string" ? e(i, { icon: n }) : o(n) ? n : e(n);
+    };
+  }
+});
+export {
+  p as default
+};
+//# sourceMappingURL=MenuIcon.mjs.map

package/dist/components/ZlMenu/ZlMenuItem.vue.d.ts

@@ -0,0 +1,7 @@
+import { MenuOption } from './types';
+type __VLS_Props = {
+    item: MenuOption;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ZlMenuItem.vue.d.ts.map

package/dist/components/ZlMenu/ZlMenuItem.vue.mjs

@@ -0,0 +1,53 @@
+import { defineComponent as b, resolveComponent as l, openBlock as t, createBlock as n, withCtx as i, createElementBlock as s, Fragment as y, renderList as f, unref as c, createCommentVNode as o, createElementVNode as x, toDisplayString as u, createTextVNode as I } from "vue";
+import d from "./MenuIcon.mjs";
+const g = /* @__PURE__ */ b({
+  name: "ZlMenuItem",
+  __name: "ZlMenuItem",
+  props: {
+    item: {}
+  },
+  setup(e) {
+    return (M, h) => {
+      const a = l("ZlMenuItem", !0), r = l("el-sub-menu"), k = l("el-menu-item");
+      return e.item.children?.length ? (t(), n(r, {
+        key: 0,
+        index: e.item.key,
+        disabled: e.item.disabled
+      }, {
+        title: i(() => [
+          e.item.icon ? (t(), n(c(d), {
+            key: 0,
+            icon: e.item.icon
+          }, null, 8, ["icon"])) : o("", !0),
+          x("span", null, u(e.item.label), 1)
+        ]),
+        default: i(() => [
+          (t(!0), s(y, null, f(e.item.children, (m) => (t(), n(a, {
+            key: m.key,
+            item: m
+          }, null, 8, ["item"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["index", "disabled"])) : (t(), n(k, {
+        key: 1,
+        index: e.item.key,
+        disabled: e.item.disabled
+      }, {
+        title: i(() => [
+          I(u(e.item.label), 1)
+        ]),
+        default: i(() => [
+          e.item.icon ? (t(), n(c(d), {
+            key: 0,
+            icon: e.item.icon
+          }, null, 8, ["icon"])) : o("", !0)
+        ]),
+        _: 1
+      }, 8, ["index", "disabled"]));
+    };
+  }
+});
+export {
+  g as default
+};
+//# sourceMappingURL=ZlMenuItem.vue.mjs.map

package/dist/components/ZlMenu/ZlMenuItem2.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./ZlMenuItem.vue.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=ZlMenuItem2.vue.mjs.map

package/dist/components/ZlMenu/index.css

@@ -0,0 +1 @@
+@charset "UTF-8";.zl-menu.el-menu{--el-menu-bg-color: transparent;--el-menu-text-color: var(--zl-menu-text-color, var(--zl-text-2));--el-menu-active-color: var(--zl-menu-active-color, var(--zl-menu-text-color, var(--zl-text-2)));--el-menu-hover-bg-color: var(--zl-menu-hover-bg, var(--zl-fill-2));border-right:none;background-color:transparent}.zl-menu.el-menu .el-menu-item,.zl-menu.el-menu .el-sub-menu__title{position:relative}.zl-menu.el-menu .el-menu-item .zl-icon,.zl-menu.el-menu .el-sub-menu__title .zl-icon{color:var(--zl-menu-icon-color, currentColor)}.zl-menu.el-menu .el-menu-item.is-active{background-color:var(--zl-menu-active-bg, var(--zl-menu-hover-bg, var(--zl-fill-2)))}.zl-menu.el-menu .el-menu-item.is-active .zl-icon{color:var(--el-menu-active-color)}.zl-menu.el-menu:not(.el-menu--horizontal) .el-menu-item.is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;width:3px;background-color:var(--zl-menu-active-border-color, transparent)}.zl-menu.el-menu:not(.el-menu--horizontal){font-size:var(--zl-menu-font-size, 12px)}.zl-menu.el-menu:not(.el-menu--horizontal) .el-menu-item,.zl-menu.el-menu:not(.el-menu--horizontal) .el-sub-menu__title{height:var(--zl-menu-item-height, 36px);line-height:var(--zl-menu-item-height, 36px)}.zl-menu.el-menu.el-menu--horizontal .el-menu-item,.zl-menu.el-menu.el-menu--horizontal .el-sub-menu__title{height:44px;line-height:44px}

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

@@ -0,0 +1,40 @@
+import { MenuOption } from './types';
+type __VLS_Props = {
+    /** 菜单项配置（支持 children 递归） */
+    items?: MenuOption[];
+    /** 是否收起为图标 */
+    collapsed?: boolean;
+    /** 菜单方向：vertical / horizontal */
+    mode?: 'vertical' | 'horizontal';
+    /** 是否只展开一个子菜单 */
+    uniqueOpened?: boolean;
+    /** 默认展开的子菜单 key 列表 */
+    defaultOpeneds?: string[];
+    /** 折叠动画（默认关闭，避免布局抖动） */
+    collapseTransition?: boolean;
+    /** 折叠后的宽度（px），需与侧栏折叠宽度一致，默认 64（EP 默认值） */
+    collapseWidth?: number;
+    /** 点击菜单项后的跳转回调（通常传 router.push），不传则只触发 select */
+    navigate?: (item: MenuOption) => void;
+};
+type __VLS_PublicProps = {
+    'selected'?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:selected": (value: string) => any;
+} & {
+    select: (key: string, item: MenuOption) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((key: string, item: MenuOption) => any) | undefined;
+    "onUpdate:selected"?: ((value: string) => any) | undefined;
+}>, {
+    mode: "vertical" | "horizontal";
+    collapsed: boolean;
+    items: MenuOption[];
+    uniqueOpened: boolean;
+    defaultOpeneds: string[];
+    collapseTransition: boolean;
+    collapseWidth: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=index.vue.d.ts.map