@zl-ui-kit/components 0.21.1 → 0.22.1

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-9ed5846a]{max-width:100%;display:inline-flex;align-items:center;gap:12px}.zl-copy__text[data-v-9ed5846a]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.zl-copy[data-v-40341bd5]{max-width:100%;display:inline-flex;align-items:center;gap:12px}.zl-copy__text[data-v-40341bd5]{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-9ed5846a"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-40341bd5"]]);
 export {
-  m as default
+  _ as default
 };
 //# sourceMappingURL=index.vue.mjs.map

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

@@ -1,8 +1,8 @@
-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 { defineComponent as m, ref as y, resolveComponent as x, openBlock as d, createElementBlock as _, createElementVNode as s, renderSlot as l, toDisplayString as r, unref as a, 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 { ElMessage as p } from "element-plus";
 import i from "./copy.mjs";
-const k = { class: "zl-copy" }, T = ["title"], B = /* @__PURE__ */ m({
+const k = { class: "zl-copy" }, T = ["title"], w = /* @__PURE__ */ m({
   name: "ZlCopy",
   __name: "index",
   props: {
@@ -10,17 +10,17 @@ 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 } = g(), n = y(null);
+    async function u() {
+      const t = c.copyText ?? c.text ?? n.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");
+      const f = x("el-button");
       return d(), _("div", k, [
         s("span", {
           ref_key: "textRef",
@@ -31,7 +31,7 @@ const k = { class: "zl-copy" }, T = ["title"], B = /* @__PURE__ */ m({
             s("span", { title: e.text }, r(e.text), 9, T)
           ], !0)
         ], 512),
-        l(t.$slots, "trigger", { copy: p(i) }, () => [
+        l(t.$slots, "trigger", { copy: a(i) }, () => [
           z(f, {
             size: "small",
             text: "",
@@ -39,7 +39,7 @@ const k = { class: "zl-copy" }, T = ["title"], B = /* @__PURE__ */ m({
             onClick: u
           }, {
             default: C(() => [
-              h(r(p(o)("zl.copy.copy", "复制")), 1)
+              h(r(a(o)("zl.copy.copy", "复制")), 1)
             ]),
             _: 1
           })
@@ -49,6 +49,6 @@ const k = { class: "zl-copy" }, T = ["title"], B = /* @__PURE__ */ m({
   }
 });
 export {
-  B as default
+  w as default
 };
 //# sourceMappingURL=index2.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}

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

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

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

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

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

@@ -28,10 +28,10 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
 }>, {
     mode: "vertical" | "horizontal";
     collapsed: boolean;
-    collapseTransition: boolean;
     items: MenuOption[];
     uniqueOpened: boolean;
     defaultOpeneds: string[];
+    collapseTransition: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=index.vue.d.ts.map

package/dist/index.d.ts

@@ -3,18 +3,19 @@ export { default as ZlAction } from './components/ZlAction/index.vue';
 export { default as ZlActionList } from './components/ZlAction/List.vue';
 export { default as ZlAddSub } from './components/ZlAddSub/index.vue';
 export { default as ZlAppLayout } from './components/ZlAppLayout/index.vue';
-export { default as ZlAppMenu } from './components/ZlAppMenu/AppMenu.vue';
 export { default as ZlAppSlogan } from './components/ZlAppSlogan/index.vue';
 export { default as ZlAutoTooltip } from './components/ZlAutoTooltip/index.vue';
 export { default as ZlAvatar } from './components/ZlAvatar/index.vue';
 export { default as ZlAvatarGroup } from './components/ZlAvatar/Group.vue';
 export { default as ZlBreadcrumb } from './components/ZlBreadcrumb/index.vue';
+export { default as ZlButton } from './components/ZlButton/index.vue';
 export { default as ZlCard } from './components/ZlCard/index.vue';
 export { default as ZlCardPage } from './components/ZlCardPage/index.vue';
 export { default as ZlCheckAll } from './components/ZlCheckAll/index.vue';
 export { default as ZlCheckboxTag } from './components/ZlCheckboxTag/index.vue';
 export { default as ZlCopy } from './components/ZlCopy/index.vue';
 export { default as ZlDescription } from './components/ZlDescription/index.vue';
+export { default as ZlDevMenu } from './components/ZlDevMenu/index.vue';
 export { default as ZlDialog } from './components/ZlDialog/index.vue';
 export { default as ZlDictTag } from './components/ZlDictTag/index.vue';
 export { default as ZlDrawer } from './components/ZlDrawer/index.vue';
@@ -62,10 +63,10 @@ export * from './components/ZlIcon/presetIconifyIcon';
 export { usePagination } from './components/ZlPagination/usePagination';
 export { useTablePagination } from './components/ZlTable/useTablePagination';
 export { usePermission, usePermissionProvider } from './components/ZlPermission/usePermission';
-export type { MenuItem } from './components/ZlAppMenu/AppMenu.vue';
 export type { MenuOption } from './components/ZlMenu/types';
 export type { StepItem } from './components/ZlStep/index.vue';
 export type { BreadcrumbItem } from './components/ZlBreadcrumb/types';
+export type { DevMenuRoute } from './components/ZlDevMenu/types';
 export type { ActionItem, FormItem, SearchItem, TableColumn } from './types';
 export type { IGridItem } from './components/ZlGrid/types';
 export type { IComponent, IComponentSlot, VForSlot, VModelSlot, ComponentOrSlot, } from './components/ZlDynamicComponent/types';