@axewo/fin-micro 1.0.0 → 2.0.1

package/dist/layout.mjs

@@ -0,0 +1,719 @@
+import { defineComponent as V, ref as K, computed as H, watch as J, openBlock as r, createElementBlock as b, Fragment as E, createCommentVNode as I, createElementVNode as l, withKeys as U, renderSlot as P, toDisplayString as k, createVNode as y, unref as g, withCtx as $, createBlock as N, resolveDynamicComponent as A, withDirectives as Z, withModifiers as _, vModelText as oe, renderList as R, createTextVNode as Y, resolveComponent as x, onMounted as ae, onBeforeUnmount as se, normalizeClass as j, normalizeStyle as ie, nextTick as q, normalizeProps as W, guardReactiveProps as D, createSlots as re, vShow as de } from "vue";
+import { ElIcon as T, ElSubMenu as ee, ElMenuItem as ne, ElMenu as te } from "element-plus";
+import { Expand as ue, Fold as pe, Search as ve, Bell as ce, ArrowDown as fe, User as le, SwitchButton as me, Tickets as be, Setting as ge, Menu as he, List as ye, HomeFilled as ke, Folder as G, Document as Q, ArrowLeft as $e, ArrowRight as Ce } from "@element-plus/icons-vue";
+const Ie = ["inert"], we = { class: "brand" }, Se = {
+  class: "brand-icon",
+  "aria-hidden": "true"
+}, Me = ["aria-label", "aria-expanded"], Ne = { class: "shell-breadcrumb" }, Oe = { class: "menu-search" }, Be = {
+  key: 0,
+  class: "shell-popover search-results"
+}, Pe = ["onClick"], Ke = {
+  key: 0,
+  class: "popover-empty"
+}, Le = { class: "topbar-action" }, Te = ["aria-expanded"], Fe = {
+  key: 0,
+  class: "shell-popover message-popover"
+}, Ee = { class: "topbar-action" }, ze = ["aria-expanded"], Re = { class: "avatar" }, He = {
+  key: 0,
+  class: "shell-popover user-popover"
+}, Ve = ["disabled"], We = ["disabled"], De = /* @__PURE__ */ V({
+  __name: "ShellHeader",
+  props: {
+    userName: {},
+    activeTitle: {},
+    pending: { type: Boolean },
+    collapsed: { type: Boolean },
+    apps: {},
+    brand: {}
+  },
+  emits: ["logout", "profile", "update:collapsed", "open", "popover-opened"],
+  setup(z, { expose: L, emit: O }) {
+    const a = z, p = O, d = K(""), u = K(null), v = H(() => {
+      const i = (s, w, f) => w.flatMap((S) => {
+        const F = `${f} / ${S.name}`;
+        return [...S.target ? [{ appId: s, menu: S, path: F }] : [], ...i(s, S.children ?? [], F)];
+      });
+      return a.apps.flatMap((s) => i(s.appId, s.menus ?? [], s.name));
+    }), m = H(() => v.value.filter((i) => i.path.toLowerCase().includes(d.value.trim().toLowerCase())));
+    function C() {
+      u.value = null;
+    }
+    function c(i) {
+      a.pending || (u.value = u.value === i && i !== "search" ? null : i, u.value && p("popover-opened"));
+    }
+    function B(i) {
+      a.pending || (C(), d.value = "", p("open", i.appId, i.menu));
+    }
+    return J(() => a.pending, (i) => {
+      i && C();
+    }), L({ closePopovers: C }), (i, s) => {
+      var w;
+      return r(), b(E, null, [
+        u.value ? (r(), b("button", {
+          key: 0,
+          class: "popover-backdrop",
+          "aria-label": "关闭弹出菜单",
+          tabindex: "-1",
+          onClick: C
+        })) : I("", !0),
+        l("header", {
+          class: "shell-topbar",
+          inert: i.pending || void 0,
+          onKeydown: U(C, ["esc"])
+        }, [
+          l("div", we, [
+            P(i.$slots, "brand", {
+              brand: i.brand ?? {}
+            }, () => {
+              var f, S;
+              return [
+                l("span", Se, k(((f = i.brand) == null ? void 0 : f.mark) ?? "F"), 1),
+                l("strong", null, k(((S = i.brand) == null ? void 0 : S.title) ?? "FIN"), 1)
+              ];
+            })
+          ]),
+          l("button", {
+            class: "icon-button collapse-toggle",
+            "aria-label": i.collapsed ? "展开侧栏" : "折叠侧栏",
+            "aria-expanded": !i.collapsed,
+            onClick: s[0] || (s[0] = (f) => !i.pending && p("update:collapsed", !i.collapsed))
+          }, [
+            y(g(T), { "aria-hidden": "true" }, {
+              default: $(() => [
+                (r(), N(A(i.collapsed ? g(ue) : g(pe))))
+              ]),
+              _: 1
+            })
+          ], 8, Me),
+          l("div", Ne, [
+            l("span", null, k(((w = i.brand) == null ? void 0 : w.workspaceTitle) ?? "工作空间"), 1),
+            s[8] || (s[8] = l("span", null, "/", -1)),
+            l("strong", null, k(a.activeTitle), 1)
+          ]),
+          s[13] || (s[13] = l("div", { class: "topbar-spacer" }, null, -1)),
+          l("div", Oe, [
+            y(g(T), { "aria-hidden": "true" }, {
+              default: $(() => [
+                y(g(ve))
+              ]),
+              _: 1
+            }),
+            Z(l("input", {
+              "onUpdate:modelValue": s[1] || (s[1] = (f) => d.value = f),
+              "aria-label": "搜索菜单",
+              placeholder: "搜索菜单、应用…",
+              onFocus: s[2] || (s[2] = (f) => c("search")),
+              onKeydown: s[3] || (s[3] = U(_((f) => !f.isComposing && m.value[0] && B(m.value[0]), ["prevent"]), ["enter"]))
+            }, null, 544), [
+              [oe, d.value]
+            ]),
+            u.value === "search" ? (r(), b("div", Be, [
+              s[9] || (s[9] = l("p", { class: "popover-label" }, "菜单搜索", -1)),
+              (r(!0), b(E, null, R(m.value, (f) => (r(), b("button", {
+                key: JSON.stringify([f.appId, f.menu.menuId]),
+                onClick: (S) => B(f)
+              }, [
+                l("strong", null, k(f.menu.name), 1),
+                l("small", null, k(f.path), 1)
+              ], 8, Pe))), 128)),
+              m.value.length ? I("", !0) : (r(), b("p", Ke, "未找到匹配的菜单"))
+            ])) : I("", !0)
+          ]),
+          P(i.$slots, "header-actions"),
+          l("div", Le, [
+            l("button", {
+              class: "icon-button",
+              "aria-label": "消息通知",
+              "aria-expanded": u.value === "messages",
+              onClick: s[4] || (s[4] = (f) => c("messages"))
+            }, [
+              y(g(T), { "aria-hidden": "true" }, {
+                default: $(() => [
+                  y(g(ce))
+                ]),
+                _: 1
+              })
+            ], 8, Te),
+            u.value === "messages" ? (r(), b("div", Fe, s[10] || (s[10] = [
+              l("h3", null, "消息通知", -1),
+              l("div", { class: "empty-state" }, [
+                l("strong", null, "尚未接入消息服务"),
+                l("p", null, "接入后将在这里显示真实的通知消息。")
+              ], -1)
+            ]))) : I("", !0)
+          ]),
+          l("div", Ee, [
+            l("button", {
+              class: "user-trigger",
+              "aria-expanded": u.value === "user",
+              onClick: s[5] || (s[5] = (f) => c("user"))
+            }, [
+              l("span", Re, k(i.userName.slice(0, 1)), 1),
+              l("span", null, k(i.userName), 1),
+              y(g(T), { "aria-hidden": "true" }, {
+                default: $(() => [
+                  y(g(fe))
+                ]),
+                _: 1
+              })
+            ], 8, ze),
+            u.value === "user" ? (r(), b("div", He, [
+              l("strong", null, k(i.userName), 1),
+              s[12] || (s[12] = l("hr", null, null, -1)),
+              l("button", {
+                disabled: i.pending,
+                onClick: s[6] || (s[6] = (f) => {
+                  C(), !i.pending && p("profile");
+                })
+              }, [
+                y(g(T), { "aria-hidden": "true" }, {
+                  default: $(() => [
+                    y(g(le))
+                  ]),
+                  _: 1
+                }),
+                s[11] || (s[11] = Y("个人中心"))
+              ], 8, Ve),
+              l("button", {
+                disabled: i.pending,
+                onClick: s[7] || (s[7] = (f) => !i.pending && p("logout"))
+              }, [
+                y(g(T), { "aria-hidden": "true" }, {
+                  default: $(() => [
+                    y(g(me))
+                  ]),
+                  _: 1
+                }),
+                Y(k(i.pending ? "正在确认退出…" : "退出登录"), 1)
+              ], 8, We)
+            ])) : I("", !0)
+          ])
+        ], 40, Ie)
+      ], 64);
+    };
+  }
+}), Je = /* @__PURE__ */ V({
+  __name: "ShellMenu",
+  props: {
+    appId: {},
+    menus: {}
+  },
+  emits: ["open"],
+  setup(z, { emit: L }) {
+    const O = L, a = new Map(Object.entries({ Document: Q, Folder: G, HomeFilled: ke, List: ye, Menu: he, Setting: ge, Tickets: be, User: le })), p = (d) => {
+      var u;
+      return a.get(d.icon ?? "") ?? ((u = d.children) != null && u.length ? G : Q);
+    };
+    return (d, u) => {
+      const v = x("ShellMenu", !0);
+      return r(!0), b(E, null, R(d.menus, (m) => {
+        var C;
+        return r(), b(E, {
+          key: JSON.stringify([d.appId, m.menuId])
+        }, [
+          (C = m.children) != null && C.length ? (r(), N(g(ee), {
+            key: 0,
+            index: JSON.stringify([d.appId, m.menuId])
+          }, {
+            title: $(() => [
+              y(g(T), { "aria-hidden": "true" }, {
+                default: $(() => [
+                  (r(), N(A(p(m))))
+                ]),
+                _: 2
+              }, 1024),
+              l("span", null, k(m.name), 1)
+            ]),
+            default: $(() => [
+              y(v, {
+                "app-id": d.appId,
+                menus: m.children,
+                onOpen: u[0] || (u[0] = (c, B) => O("open", c, B))
+              }, null, 8, ["app-id", "menus"])
+            ]),
+            _: 2
+          }, 1032, ["index"])) : m.target ? (r(), N(g(ne), {
+            key: 1,
+            index: JSON.stringify([d.appId, m.menuId]),
+            onClick: (c) => O("open", d.appId, m)
+          }, {
+            default: $(() => [
+              y(g(T), { "aria-hidden": "true" }, {
+                default: $(() => [
+                  (r(), N(A(p(m))))
+                ]),
+                _: 2
+              }, 1024),
+              l("span", null, k(m.name), 1)
+            ]),
+            _: 2
+          }, 1032, ["index", "onClick"])) : I("", !0)
+        ], 64);
+      }), 128);
+    };
+  }
+}), Ae = ["inert"], Ue = ["disabled"], je = ["onContextmenu"], qe = ["aria-selected", "title", "onClick"], Xe = ["aria-label", "onClick"], Ye = ["disabled"], Ge = ["aria-expanded", "disabled"], Qe = { class: "popover-label" }, Ze = ["disabled"], _e = ["disabled"], xe = /* @__PURE__ */ V({
+  __name: "ShellTabs",
+  props: {
+    tabs: {},
+    activeKey: {},
+    pending: { type: Boolean },
+    isFixedTab: { type: Function }
+  },
+  emits: ["operate", "popover-opened", "error"],
+  setup(z, { expose: L, emit: O }) {
+    const a = z, p = (e) => {
+      var n;
+      return ((n = a.isFixedTab) == null ? void 0 : n.call(a, e)) ?? !1;
+    }, d = O, u = K(), v = K(null);
+    function m() {
+      v.value = null;
+    }
+    function C(e, n) {
+      a.pending || (v.value = { tab: e, ...n ? { x: Math.max(8, Math.min(n.clientX, window.innerWidth - 184)), y: Math.max(8, Math.min(n.clientY, window.innerHeight - 264)) } : {} }, d("popover-opened"));
+    }
+    function c(e) {
+      var h;
+      const n = (h = v.value) == null ? void 0 : h.tab;
+      if (m(), !n || a.pending || p(n) && (e === "close" || e === "refresh")) return;
+      const o = { tabId: n.tabId, key: n.key };
+      d("operate", e === "refresh" || e === "close" ? { type: e, target: o } : { type: "closeMany", scope: e, anchor: o });
+    }
+    const B = K(!1), i = K(!1), s = K(!1);
+    let w, f = !1;
+    function S() {
+      const e = u.value;
+      !e || f || (B.value = e.scrollWidth > e.clientWidth + (B.value ? 64 : 0) + 1, i.value = e.scrollLeft > 1, s.value = e.scrollLeft + e.clientWidth < e.scrollWidth - 1);
+    }
+    function F() {
+      var X;
+      const e = u.value, n = (X = e == null ? void 0 : e.querySelector('[aria-selected="true"]')) == null ? void 0 : X.parentElement;
+      if (!e || !n || f) return;
+      const o = e.getBoundingClientRect(), h = n.getBoundingClientRect();
+      h.left < o.left ? e.scrollLeft += h.left - o.left : h.right > o.right && (e.scrollLeft += Math.min(h.right - o.right, h.left - o.left)), S();
+    }
+    function M(e) {
+      var n;
+      a.pending || (n = u.value) == null || n.scrollBy({ left: e * Math.max(80, u.value.clientWidth * 0.8), behavior: "smooth" });
+    }
+    function t() {
+      q().then(() => {
+        if (!f)
+          return S(), q().then(F);
+      }).catch((e) => d("error", e));
+    }
+    return ae(() => {
+      typeof ResizeObserver < "u" && (w = new ResizeObserver(t), u.value && w.observe(u.value)), typeof window < "u" && window.addEventListener("resize", t), t();
+    }), se(() => {
+      f = !0, w == null || w.disconnect(), typeof window < "u" && window.removeEventListener("resize", t);
+    }), J(() => [a.activeKey, ...a.tabs.map((e) => `${e.key}:${e.title}`)], t), J(() => a.pending, (e) => {
+      e && m();
+    }), L({ closePopovers: m }), (e, n) => (r(), b("div", {
+      class: "shell-tabbar",
+      inert: e.pending || void 0,
+      onKeydown: U(m, ["esc"])
+    }, [
+      v.value ? (r(), b("button", {
+        key: 0,
+        class: "popover-backdrop",
+        "aria-label": "关闭页签菜单",
+        tabindex: "-1",
+        onClick: m
+      })) : I("", !0),
+      B.value ? (r(), b("button", {
+        key: 1,
+        class: "tab-scroll",
+        "aria-label": "向左查看页签",
+        title: "向左查看页签",
+        disabled: e.pending || !i.value,
+        onClick: n[0] || (n[0] = (o) => M(-1))
+      }, [
+        y(g($e), { "aria-hidden": "true" })
+      ], 8, Ue)) : I("", !0),
+      l("div", {
+        ref_key: "strip",
+        ref: u,
+        class: "tab-strip",
+        role: "tablist",
+        "aria-label": "已打开页面",
+        onScroll: S
+      }, [
+        (r(!0), b(E, null, R(e.tabs, (o) => (r(), b("div", {
+          key: o.key,
+          class: j(["shell-tab", { active: o.key === e.activeKey }]),
+          onContextmenu: _((h) => C(o, h), ["prevent"])
+        }, [
+          l("button", {
+            role: "tab",
+            "aria-selected": o.key === e.activeKey,
+            title: o.title,
+            onClick: (h) => !e.pending && d("operate", { type: "activate", target: { tabId: o.tabId, key: o.key } })
+          }, k(o.title), 9, qe),
+          p(o) ? I("", !0) : (r(), b("button", {
+            key: 0,
+            class: "tab-close",
+            "aria-label": `关闭 ${o.title}`,
+            onClick: (h) => !e.pending && d("operate", { type: "close", target: { tabId: o.tabId, key: o.key } })
+          }, "×", 8, Xe))
+        ], 42, je))), 128))
+      ], 544),
+      B.value ? (r(), b("button", {
+        key: 2,
+        class: "tab-scroll",
+        "aria-label": "向右查看页签",
+        title: "向右查看页签",
+        disabled: e.pending || !s.value,
+        onClick: n[1] || (n[1] = (o) => M(1))
+      }, [
+        y(g(Ce), { "aria-hidden": "true" })
+      ], 8, Ye)) : I("", !0),
+      l("button", {
+        class: "tab-more",
+        "aria-label": "更多页签操作",
+        "aria-expanded": !!v.value,
+        disabled: !e.tabs.length || e.pending,
+        onClick: n[2] || (n[2] = (o) => e.tabs.find((h) => h.key === e.activeKey) && C(e.tabs.find((h) => h.key === e.activeKey)))
+      }, "···", 8, Ge),
+      v.value ? (r(), b("div", {
+        key: 3,
+        class: j(["shell-popover tab-actions", { "context-actions": v.value.x !== void 0 }]),
+        style: ie(v.value.x !== void 0 ? { left: `${v.value.x}px`, top: `${v.value.y}px` } : void 0),
+        role: "menu",
+        "aria-label": "页签操作菜单"
+      }, [
+        l("p", Qe, k(v.value.tab.title), 1),
+        l("button", {
+          role: "menuitem",
+          disabled: p(v.value.tab),
+          onClick: n[3] || (n[3] = (o) => c("refresh"))
+        }, "刷新页面", 8, Ze),
+        l("button", {
+          role: "menuitem",
+          disabled: p(v.value.tab),
+          onClick: n[4] || (n[4] = (o) => c("close"))
+        }, "关闭当前", 8, _e),
+        n[9] || (n[9] = l("hr", null, null, -1)),
+        l("button", {
+          role: "menuitem",
+          onClick: n[5] || (n[5] = (o) => c("others"))
+        }, "关闭其他"),
+        l("button", {
+          role: "menuitem",
+          onClick: n[6] || (n[6] = (o) => c("left"))
+        }, "关闭左侧"),
+        l("button", {
+          role: "menuitem",
+          onClick: n[7] || (n[7] = (o) => c("right"))
+        }, "关闭右侧"),
+        l("button", {
+          role: "menuitem",
+          onClick: n[8] || (n[8] = (o) => c("all"))
+        }, "关闭全部业务页")
+      ], 6)) : I("", !0)
+    ], 40, Ae));
+  }
+}), en = ["aria-busy"], nn = ["inert"], tn = ["title", "aria-label"], ln = { class: "shell-main" }, on = {
+  key: 0,
+  class: "shell-feedback",
+  role: "status"
+}, mn = /* @__PURE__ */ V({
+  __name: "HostShell",
+  props: {
+    apps: {},
+    tabs: {},
+    activeKey: {},
+    userName: {},
+    pending: { type: Boolean, default: !1 },
+    notice: { default: "" },
+    brand: {},
+    collapsed: { type: Boolean, default: void 0 },
+    isFixedTab: {}
+  },
+  emits: ["open", "operate", "logout", "profile", "update:collapsed", "dismiss-notice", "error"],
+  setup(z, { expose: L, emit: O }) {
+    const a = z, p = O, d = K(!1), u = H({
+      get: () => a.collapsed ?? d.value,
+      set: (t) => {
+        d.value = t, p("update:collapsed", t);
+      }
+    }), v = K(), m = K(), C = K(), c = H(() => a.tabs.find((t) => t.key === a.activeKey)), B = (t, e) => JSON.stringify([t, e]), i = H(() => {
+      var t;
+      return (t = c.value) != null && t.activeMenuId ? B(c.value.appId, c.value.activeMenuId) : "";
+    }), s = K(!1);
+    function w(t, e) {
+      for (const n of t) {
+        if (n.menuId === e) return [n.menuId];
+        const o = w(n.children ?? [], e);
+        if (o.length) return [n.menuId, ...o];
+      }
+      return [];
+    }
+    const f = H(() => a.apps.flatMap((t) => {
+      var e;
+      return w(t.menus ?? [], ((e = c.value) == null ? void 0 : e.appId) === t.appId ? c.value.activeMenuId : void 0).slice(0, -1).map((n) => B(t.appId, n));
+    }));
+    J(i, () => {
+      var e, n;
+      const t = a.apps.find((o) => {
+        var h;
+        return o.appId === ((h = c.value) == null ? void 0 : h.appId);
+      });
+      if (t) for (const o of w(t.menus ?? [], (e = c.value) == null ? void 0 : e.activeMenuId).slice(0, -1)) (n = C.value) == null || n.open(B(t.appId, o));
+    }, { flush: "post", immediate: !0 });
+    async function S() {
+      s.value = !0, await q(), s.value = !1;
+    }
+    function F() {
+      var t, e;
+      (t = v.value) == null || t.closePopovers(), (e = m.value) == null || e.closePopovers();
+    }
+    const M = {
+      open: (t, e) => {
+        a.pending || p("open", t, e);
+      },
+      operate: (t) => {
+        a.pending || p("operate", t);
+      },
+      logout: () => {
+        a.pending || (F(), p("logout"));
+      },
+      profile: () => {
+        a.pending || p("profile");
+      },
+      toggleCollapsed: () => {
+        a.pending || (u.value = !u.value);
+      }
+    };
+    return J(() => a.pending, (t) => {
+      t && F();
+    }), L({ closePopovers: F }), (t, e) => (r(), b("div", {
+      class: j(["host-shell fin-micro-shell", { "is-collapsed": u.value }]),
+      "aria-busy": t.pending,
+      onKeydown: U(F, ["esc"])
+    }, [
+      P(t.$slots, "header", W(D({ ...M, active: c.value, collapsed: u.value, pending: t.pending })), () => {
+        var n;
+        return [
+          y(De, {
+            ref_key: "header",
+            ref: v,
+            collapsed: u.value,
+            "onUpdate:collapsed": e[0] || (e[0] = (o) => u.value = o),
+            brand: t.brand,
+            apps: t.apps,
+            "user-name": t.userName,
+            "active-title": ((n = c.value) == null ? void 0 : n.title) ?? "工作台",
+            pending: t.pending,
+            onLogout: M.logout,
+            onProfile: M.profile,
+            onOpen: M.open,
+            onPopoverOpened: e[1] || (e[1] = (o) => {
+              var h;
+              return (h = m.value) == null ? void 0 : h.closePopovers();
+            })
+          }, re({
+            "header-actions": $(() => [
+              P(t.$slots, "header-actions", W(D(M)))
+            ]),
+            _: 2
+          }, [
+            t.$slots.brand ? {
+              name: "brand",
+              fn: $((o) => [
+                P(t.$slots, "brand", W(D(o)))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["collapsed", "brand", "apps", "user-name", "active-title", "pending", "onLogout", "onProfile", "onOpen"])
+        ];
+      }),
+      l("aside", {
+        class: "shell-sidebar",
+        "aria-label": "主导航",
+        inert: t.pending || void 0
+      }, [
+        P(t.$slots, "sidebar", W(D({ ...M, active: c.value, collapsed: u.value, pending: t.pending })), () => [
+          u.value ? (r(!0), b(E, { key: 0 }, R(t.apps.filter((n) => {
+            var o;
+            return (o = n.menus) == null ? void 0 : o.length;
+          }), (n) => {
+            var o;
+            return r(), b("button", {
+              key: n.appId,
+              class: j(["collapsed-entry", { selected: ((o = c.value) == null ? void 0 : o.appId) === n.appId }]),
+              title: n.name,
+              "aria-label": `展开 ${n.name} 菜单`,
+              onClick: e[2] || (e[2] = //@ts-ignore
+              (...h) => M.toggleCollapsed && M.toggleCollapsed(...h))
+            }, k(n.name.slice(0, 1)), 11, tn);
+          }), 128)) : I("", !0),
+          Z(y(g(te), {
+            ref_key: "menu",
+            ref: C,
+            "collapse-transition": !1,
+            class: "sidebar-menu",
+            "default-active": s.value ? "__reset__" : i.value,
+            "default-openeds": f.value,
+            router: !1,
+            onSelect: S
+          }, {
+            default: $(() => [
+              (r(!0), b(E, null, R(t.apps, (n) => (r(), N(Je, {
+                key: n.appId,
+                "app-id": n.appId,
+                menus: n.menus ?? [],
+                onOpen: M.open
+              }, null, 8, ["app-id", "menus", "onOpen"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["default-active", "default-openeds"]), [
+            [de, !u.value]
+          ]),
+          e[6] || (e[6] = l("div", { class: "sidebar-footer" }, [
+            l("span", { class: "status-dot" }),
+            l("span", { class: "sidebar-label" }, "工作空间已就绪")
+          ], -1))
+        ])
+      ], 8, nn),
+      l("main", ln, [
+        P(t.$slots, "tabs", W(D({ ...M, active: c.value, pending: t.pending })), () => [
+          y(xe, {
+            ref_key: "tabBar",
+            ref: m,
+            tabs: t.tabs,
+            "active-key": t.activeKey,
+            pending: t.pending,
+            "is-fixed-tab": t.isFixedTab,
+            onOperate: M.operate,
+            onError: e[3] || (e[3] = (n) => p("error", n)),
+            onPopoverOpened: e[4] || (e[4] = (n) => {
+              var o;
+              return (o = v.value) == null ? void 0 : o.closePopovers();
+            })
+          }, null, 8, ["tabs", "active-key", "pending", "is-fixed-tab", "onOperate"])
+        ]),
+        t.notice ? (r(), b("div", on, [
+          l("span", null, k(t.notice), 1),
+          l("button", {
+            "aria-label": "关闭操作提示",
+            onClick: e[5] || (e[5] = (n) => p("dismiss-notice"))
+          }, "×")
+        ])) : I("", !0),
+        P(t.$slots, "default", { active: c.value })
+      ])
+    ], 42, en));
+  }
+}), an = /* @__PURE__ */ V({
+  __name: "StandaloneMenuItem",
+  props: {
+    item: {}
+  },
+  emits: ["navigate"],
+  setup(z, { emit: L }) {
+    const O = L;
+    return (a, p) => {
+      const d = x("StandaloneMenuItem", !0);
+      return a.item.children.length ? (r(), N(g(ee), {
+        key: 0,
+        index: a.item.path
+      }, {
+        title: $(() => [
+          a.item.icon ? (r(), N(g(T), { key: 0 }, {
+            default: $(() => [
+              (r(), N(A(a.item.icon)))
+            ]),
+            _: 1
+          })) : I("", !0),
+          l("span", null, k(a.item.title), 1)
+        ]),
+        default: $(() => [
+          (r(!0), b(E, null, R(a.item.children, (u) => (r(), N(d, {
+            key: u.path,
+            item: u,
+            onNavigate: p[0] || (p[0] = (v) => O("navigate", v))
+          }, null, 8, ["item"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["index"])) : (r(), N(g(ne), {
+        key: 1,
+        index: a.item.path,
+        onClick: p[1] || (p[1] = (u) => O("navigate", a.item.path))
+      }, {
+        default: $(() => [
+          a.item.icon ? (r(), N(g(T), { key: 0 }, {
+            default: $(() => [
+              (r(), N(A(a.item.icon)))
+            ]),
+            _: 1
+          })) : I("", !0),
+          l("span", null, k(a.item.title), 1)
+        ]),
+        _: 1
+      }, 8, ["index"]));
+    };
+  }
+}), sn = { class: "fin-micro-standalone" }, rn = { class: "standalone-header" }, dn = {
+  class: "standalone-sidebar",
+  "aria-label": "独立应用导航"
+}, un = { class: "standalone-viewport" }, pn = { class: "standalone-content" }, bn = /* @__PURE__ */ V({
+  __name: "StandaloneShell",
+  props: {
+    title: {},
+    menus: {},
+    activeMenu: {},
+    brand: {}
+  },
+  emits: ["navigate"],
+  setup(z, { emit: L }) {
+    const O = L, a = K(!1);
+    async function p(d) {
+      O("navigate", d), a.value = !0, await q(), a.value = !1;
+    }
+    return (d, u) => (r(), b("div", sn, [
+      l("header", rn, [
+        P(d.$slots, "brand", {
+          brand: d.brand ?? {}
+        }, () => {
+          var v;
+          return [
+            l("strong", null, k(((v = d.brand) == null ? void 0 : v.title) ?? "业务应用"), 1)
+          ];
+        }),
+        l("span", null, k(d.title) + " · 独立运行", 1),
+        P(d.$slots, "header-actions")
+      ]),
+      l("aside", dn, [
+        P(d.$slots, "sidebar", {
+          menus: d.menus,
+          navigate: p
+        }, () => [
+          y(g(te), {
+            router: !1,
+            "default-active": a.value ? "__reset__" : d.activeMenu,
+            "collapse-transition": !1
+          }, {
+            default: $(() => [
+              (r(!0), b(E, null, R(d.menus, (v) => (r(), N(an, {
+                key: v.path,
+                item: v,
+                onNavigate: p
+              }, null, 8, ["item"]))), 128))
+            ]),
+            _: 1
+          }, 8, ["default-active"])
+        ])
+      ]),
+      l("div", un, [
+        l("main", pn, [
+          P(d.$slots, "default")
+        ]),
+        P(d.$slots, "workspace-overlay")
+      ])
+    ]));
+  }
+}), gn = 1;
+export {
+  mn as HostShell,
+  bn as StandaloneShell,
+  gn as layoutProtocol
+};