@freecallai/pro 0.0.10 → 0.0.12

package/dist/index-CbmRr3rH.js

@@ -0,0 +1,949 @@
+import { defineComponent as J, openBlock as p, createElementBlock as $, renderSlot as z, createBlock as U, unref as g, createCommentVNode as C, computed as F, normalizeClass as D, createVNode as B, withCtx as m, toDisplayString as A, shallowRef as M, ref as se, watch as O, createElementVNode as V, withKeys as j, withModifiers as H, normalizeStyle as W, createSlots as L, normalizeProps as ae, guardReactiveProps as ie, nextTick as Z, onMounted as ye, onBeforeUnmount as re, useSlots as fe, Fragment as G, renderList as Q, mergeProps as X, isVNode as me, Comment as ve, Text as ke, useId as be } from "vue";
+import { Trigger as ee, Menu as de, SubMenu as ge, MenuItem as he, Scrollbar as Ke, SortableList as $e, Tooltip as Se } from "@freecallai/ui";
+import { IconDragDotVertical as Pe, IconMore as we, IconMenuFold as Ie } from "@freecallai/ui/es/icon/index.js";
+import _ from "@freecallai/icons";
+const Te = { class: "fkp-navigation-item-icon" }, Be = ["src"], Y = /* @__PURE__ */ J({
+  __name: "NavigationIcon",
+  props: {
+    icon: {},
+    iconUrl: {},
+    size: { default: 24 }
+  },
+  setup(h) {
+    return (S, i) => (p(), $("span", Te, [
+      z(S.$slots, "default", {}, () => [
+        S.iconUrl ? (p(), $("img", {
+          key: 0,
+          src: S.iconUrl,
+          alt: ""
+        }, null, 8, Be)) : S.icon ? (p(), U(g(_), {
+          key: 1,
+          name: S.icon,
+          size: S.size
+        }, null, 8, ["name", "size"])) : C("", !0)
+      ])
+    ]));
+  }
+}), Ne = ["aria-label", "aria-current", "disabled", "data-item-key"], Ce = {
+  key: 0,
+  class: "fkp-navigation-item-label"
+}, Ve = {
+  key: 1,
+  class: "fkp-navigation-open",
+  "aria-hidden": "true"
+}, le = /* @__PURE__ */ J({
+  __name: "NavigationButton",
+  props: {
+    item: {},
+    section: {},
+    selectedKey: {},
+    collapsed: { type: Boolean }
+  },
+  emits: ["select"],
+  setup(h, { emit: S }) {
+    const i = h, u = S, v = F(
+      () => !i.item.opensInNewTab && i.selectedKey === i.item.key
+    );
+    return (c, P) => (p(), $("button", {
+      type: "button",
+      class: D(["fkp-navigation-item", { "is-selected": v.value }]),
+      "aria-label": c.item.label,
+      "aria-current": v.value ? "page" : void 0,
+      disabled: c.item.disabled,
+      "data-item-key": c.item.key,
+      onClick: P[0] || (P[0] = (I) => u("select", c.item.key))
+    }, [
+      B(Y, {
+        icon: c.item.icon,
+        "icon-url": c.item.iconUrl
+      }, {
+        default: m(() => [
+          z(c.$slots, "item-icon", {
+            item: c.item,
+            section: c.section,
+            level: 0
+          })
+        ]),
+        _: 3
+      }, 8, ["icon", "icon-url"]),
+      c.collapsed ? C("", !0) : (p(), $("span", Ce, A(c.item.label), 1)),
+      c.item.opensInNewTab && !c.collapsed ? (p(), $("span", Ve, [
+        B(g(_), {
+          name: "open",
+          size: 16
+        })
+      ])) : C("", !0)
+    ], 10, Ne));
+  }
+}), ze = ["disabled", "data-item-key", "aria-label", "aria-expanded"], Ee = {
+  key: 0,
+  class: "fkp-navigation-menu-label"
+}, Ue = { class: "fkp-navigation-group-popup-title" }, Fe = ["tabindex", "aria-label", "aria-expanded", "aria-disabled"], Me = /* @__PURE__ */ J({
+  __name: "NavigationGroup",
+  props: {
+    item: {},
+    section: {},
+    level: {},
+    selectedKey: {},
+    expandedKeys: {},
+    collapsed: { type: Boolean, default: !1 },
+    inPopup: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    panelVisible: { type: Boolean, default: !1 },
+    activeGroupKey: {},
+    themeStyle: {}
+  },
+  emits: ["group-open", "select"],
+  setup(h, { emit: S }) {
+    const i = h, u = S, v = M(!1), c = se(), P = se(), I = M(!1), E = F(() => i.collapsed || i.inPopup), b = F(() => i.disabled || !!i.item.disabled), f = F(() => {
+      const e = (k) => k.some(
+        (N) => {
+          var R;
+          return (R = N.children) != null && R.length ? e(N.children) : !N.opensInNewTab && N.key === i.selectedKey;
+        }
+      );
+      return e(i.item.children ?? []);
+    }), l = (e = !1) => {
+      var k;
+      v.value = !1, I.value = !1, e && ((k = c.value) == null || k.focus());
+    }, y = async () => {
+      var k;
+      if (!I.value || !v.value) return;
+      await Z();
+      const e = (k = P.value) == null ? void 0 : k.querySelector(
+        '[tabindex="0"], button:not(:disabled)'
+      );
+      e && (e.focus(), I.value = !1);
+    }, n = (e) => {
+      e && b.value || (v.value = e, e ? (u("group-open"), y()) : I.value = !1);
+    }, K = (e) => {
+      if (e.key === "Escape")
+        e.preventDefault(), e.stopPropagation(), l(!0);
+      else if (e.key === "Enter" || e.key === " ") {
+        if (e.preventDefault(), e.stopPropagation(), b.value) return;
+        I.value = !v.value, n(!v.value);
+      } else if (e.key === "ArrowRight" || e.key === "ArrowDown") {
+        if (e.preventDefault(), e.stopPropagation(), b.value) return;
+        I.value = !0, n(!0);
+      }
+    }, d = (e) => {
+      e.key !== "Enter" && e.key !== " " || (e.preventDefault(), e.stopPropagation(), b.value || e.currentTarget.click());
+    }, w = (e) => {
+      b.value && e.stopPropagation();
+    }, r = (e) => {
+      l(), u("select", e);
+    };
+    return O(
+      () => i.activeGroupKey,
+      (e) => {
+        e !== void 0 && e !== i.item.key && l();
+      }
+    ), O(
+      () => i.collapsed,
+      () => l()
+    ), O(
+      () => i.panelVisible,
+      (e) => {
+        e && l();
+      }
+    ), O(b, (e) => {
+      e && l();
+    }), (e, k) => E.value ? (p(), U(g(ee), {
+      key: 0,
+      "popup-visible": v.value,
+      trigger: ["hover", "click"],
+      disabled: b.value,
+      position: "rt",
+      "popup-offset": 24,
+      "mouse-leave-delay": 180,
+      "auto-fit-popup-min-width": !1,
+      "onUpdate:popupVisible": n,
+      onShow: y
+    }, {
+      content: m(() => [
+        V("div", {
+          ref_key: "popupContent",
+          ref: P,
+          class: "fkp-navigation-group-popup",
+          style: W(e.themeStyle),
+          onKeydown: k[1] || (k[1] = j(H((N) => l(!0), ["stop", "prevent"]), ["esc"]))
+        }, [
+          V("strong", Ue, A(e.item.label), 1),
+          B(g(de), {
+            "prefix-cls": "arco-trigger-menu",
+            "selected-keys": f.value && e.selectedKey ? [e.selectedKey] : [],
+            "auto-open-selected": !1
+          }, {
+            default: m(() => [
+              B(oe, {
+                items: e.item.children || [],
+                section: e.section,
+                level: e.level + 1,
+                "selected-key": e.selectedKey,
+                "expanded-keys": e.expandedKeys,
+                "in-popup": !0,
+                disabled: b.value,
+                "panel-visible": e.panelVisible,
+                "theme-style": e.themeStyle,
+                onSelect: r,
+                onGroupOpen: k[0] || (k[0] = (N) => u("group-open"))
+              }, L({ _: 2 }, [
+                e.$slots["item-icon"] ? {
+                  name: "item-icon",
+                  fn: m((N) => [
+                    z(e.$slots, "item-icon", ae(ie(N)))
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["items", "section", "level", "selected-key", "expanded-keys", "disabled", "panel-visible", "theme-style"])
+            ]),
+            _: 3
+          }, 8, ["selected-keys"])
+        ], 36)
+      ]),
+      default: m(() => [
+        V("button", {
+          ref_key: "triggerButton",
+          ref: c,
+          type: "button",
+          class: D(["fkp-navigation-group", [
+            e.inPopup ? "arco-trigger-menu-pop-header" : "arco-menu-pop-header",
+            {
+              "is-disabled": b.value,
+              "arco-menu-selected": f.value && !e.inPopup,
+              "arco-trigger-menu-selected": f.value && e.inPopup
+            }
+          ]]),
+          disabled: b.value,
+          "data-item-key": e.item.key,
+          "aria-label": e.item.label,
+          "aria-haspopup": "menu",
+          "aria-expanded": v.value,
+          onKeydown: K
+        }, [
+          V("span", {
+            class: D(e.inPopup ? "arco-trigger-menu-icon" : "arco-menu-icon")
+          }, [
+            B(Y, {
+              icon: e.item.icon,
+              "icon-url": e.item.iconUrl,
+              size: 16
+            }, {
+              default: m(() => [
+                z(e.$slots, "item-icon", {
+                  item: e.item,
+                  section: e.section,
+                  level: e.level
+                })
+              ]),
+              _: 3
+            }, 8, ["icon", "icon-url"])
+          ], 2),
+          e.inPopup ? (p(), $("span", Ee, A(e.item.label), 1)) : C("", !0)
+        ], 42, ze)
+      ]),
+      _: 3
+    }, 8, ["popup-visible", "disabled"])) : (p(), U(g(ge), {
+      key: e.item.key,
+      class: D(["fkp-navigation-group", { "is-disabled": b.value }]),
+      "aria-disabled": b.value || void 0,
+      "data-item-key": e.item.key,
+      onClickCapture: w
+    }, {
+      icon: m(() => [
+        B(Y, {
+          icon: e.item.icon,
+          "icon-url": e.item.iconUrl,
+          size: 16
+        }, {
+          default: m(() => [
+            z(e.$slots, "item-icon", {
+              item: e.item,
+              section: e.section,
+              level: e.level
+            })
+          ]),
+          _: 3
+        }, 8, ["icon", "icon-url"])
+      ]),
+      title: m(() => [
+        V("span", {
+          class: "fkp-navigation-group-label",
+          role: "button",
+          tabindex: b.value ? -1 : 0,
+          "aria-label": e.item.label,
+          "aria-expanded": e.expandedKeys.includes(e.item.key),
+          "aria-disabled": b.value || void 0,
+          onKeydown: d
+        }, A(e.item.label), 41, Fe)
+      ]),
+      default: m(() => [
+        B(oe, {
+          items: e.item.children || [],
+          section: e.section,
+          level: e.level + 1,
+          "selected-key": e.selectedKey,
+          "expanded-keys": e.expandedKeys,
+          disabled: b.value,
+          "panel-visible": e.panelVisible,
+          "theme-style": e.themeStyle,
+          "indicator-enabled": e.expandedKeys.includes(e.item.key),
+          onSelect: k[2] || (k[2] = (N) => u("select", N)),
+          onGroupOpen: k[3] || (k[3] = (N) => u("group-open"))
+        }, L({ _: 2 }, [
+          e.$slots["item-icon"] ? {
+            name: "item-icon",
+            fn: m((N) => [
+              z(e.$slots, "item-icon", ae(ie(N)))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["items", "section", "level", "selected-key", "expanded-keys", "disabled", "panel-visible", "theme-style", "indicator-enabled"])
+      ]),
+      _: 3
+    }, 8, ["class", "aria-disabled", "data-item-key"]));
+  }
+}), Oe = (h, S) => {
+  const i = M(), u = M(!1);
+  let v, c, P, I = !1;
+  const E = () => {
+    var w;
+    const { items: f, selectedKey: l, enabled: y } = S(), n = (w = h.value) == null ? void 0 : w.parentElement, K = f.find(
+      (r) => {
+        var e;
+        return r.key === l && !r.disabled && !r.opensInNewTab && !((e = r.children) != null && e.length);
+      }
+    ), d = y && K && n ? Array.from(n.children).find(
+      (r) => r instanceof HTMLElement && r.classList.contains("arco-menu-item") && r.dataset.itemKey === K.key
+    ) : void 0;
+    if (!d || !n) {
+      i.value = void 0, P = void 0, u.value = !1;
+      return;
+    }
+    P !== l && (u.value = P !== void 0), i.value = d.offsetTop + (d.offsetHeight - 24) / 2, P = l;
+  }, b = () => {
+    c !== void 0 && cancelAnimationFrame(c), c = requestAnimationFrame(() => {
+      c = void 0, E();
+    });
+  };
+  return O(
+    S,
+    async () => {
+      await Z(), I || E();
+    },
+    { deep: !0, flush: "post" }
+  ), ye(() => {
+    var l;
+    if (E(), typeof ResizeObserver > "u") return;
+    const f = (l = h.value) == null ? void 0 : l.parentElement;
+    f && (v = new ResizeObserver(b), v.observe(f));
+  }), re(() => {
+    I = !0, v == null || v.disconnect(), c !== void 0 && cancelAnimationFrame(c);
+  }), { offset: i, animated: u };
+}, De = ["data-animated"], Ae = { class: "fkp-navigation-menu-label" }, Ge = {
+  key: 0,
+  class: "fkp-navigation-open",
+  "aria-hidden": "true"
+}, oe = /* @__PURE__ */ J({
+  name: "NavigationNodes",
+  __name: "NavigationNodes",
+  props: {
+    items: {},
+    section: {},
+    level: { default: 0 },
+    selectedKey: {},
+    expandedKeys: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    collapsed: { type: Boolean, default: !1 },
+    inPopup: { type: Boolean, default: !1 },
+    panelVisible: { type: Boolean, default: !1 },
+    themeStyle: {},
+    indicatorEnabled: { type: Boolean, default: !0 }
+  },
+  emits: ["group-open", "select"],
+  setup(h, { emit: S }) {
+    const i = h, u = S, v = fe(), c = M(), P = M(), { offset: I, animated: E } = Oe(P, () => ({
+      items: i.items,
+      selectedKey: i.selectedKey,
+      enabled: !!i.level && !i.inPopup && !i.collapsed && !i.disabled && i.indicatorEnabled
+    })), b = (n) => Array.isArray(n) ? n.some(b) : typeof n == "string" ? n.trim().length > 0 : !me(n) || n.type === ve ? !1 : n.type === G || n.type === ke ? b(n.children) : !0, f = (n) => {
+      var K;
+      return !i.level || n.icon || n.iconUrl ? !0 : b(
+        (K = v["item-icon"]) == null ? void 0 : K.call(v, { item: n, section: i.section, level: i.level })
+      );
+    }, l = (n) => {
+      c.value = n, u("group-open");
+    }, y = (n, K) => {
+      n.key !== "Enter" && n.key !== " " || (n.preventDefault(), n.stopPropagation(), K || n.currentTarget.click());
+    };
+    return (n, K) => (p(), $(G, null, [
+      n.level && !n.inPopup && !n.collapsed ? (p(), $("span", {
+        key: 0,
+        ref_key: "indicator",
+        ref: P,
+        class: "fkp-navigation-selected-indicator",
+        "data-animated": g(E),
+        style: W({
+          visibility: g(I) === void 0 ? "hidden" : "visible",
+          transform: `translateY(${g(I) ?? 0}px)`
+        }),
+        "aria-hidden": "true"
+      }, null, 12, De)) : C("", !0),
+      (p(!0), $(G, null, Q(n.items, (d) => {
+        var w;
+        return p(), $(G, {
+          key: d.key
+        }, [
+          (w = d.children) != null && w.length ? (p(), U(Me, {
+            key: 0,
+            item: d,
+            section: n.section,
+            level: n.level,
+            "selected-key": n.selectedKey,
+            "expanded-keys": n.expandedKeys,
+            disabled: n.disabled,
+            collapsed: n.collapsed,
+            "in-popup": n.inPopup,
+            "panel-visible": n.panelVisible,
+            "active-group-key": c.value,
+            "theme-style": n.themeStyle,
+            onSelect: K[0] || (K[0] = (r) => u("select", r)),
+            onGroupOpen: (r) => l(d.key)
+          }, L({ _: 2 }, [
+            n.$slots["item-icon"] ? {
+              name: "item-icon",
+              fn: m((r) => [
+                z(n.$slots, "item-icon", X({ ref_for: !0 }, r))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["item", "section", "level", "selected-key", "expanded-keys", "disabled", "collapsed", "in-popup", "panel-visible", "active-group-key", "theme-style", "onGroupOpen"])) : (p(), U(g(he), {
+            key: d.key,
+            disabled: n.disabled || d.disabled,
+            "data-item-key": d.key,
+            role: "menuitem",
+            tabindex: n.disabled || d.disabled ? -1 : 0,
+            "aria-label": d.label,
+            "aria-disabled": n.disabled || d.disabled || void 0,
+            "aria-current": !d.opensInNewTab && n.selectedKey === d.key ? "page" : void 0,
+            onKeydown: (r) => y(r, n.disabled || !!d.disabled),
+            onClick: (r) => u("select", d.key)
+          }, L({
+            default: m(() => [
+              V("span", Ae, A(d.label), 1),
+              d.opensInNewTab ? (p(), $("span", Ge, [
+                B(g(_), {
+                  name: "open",
+                  size: 16
+                })
+              ])) : C("", !0)
+            ]),
+            _: 2
+          }, [
+            f(d) ? {
+              name: "icon",
+              fn: m(() => [
+                B(Y, {
+                  icon: d.icon,
+                  "icon-url": d.iconUrl,
+                  size: n.level ? 16 : 24
+                }, {
+                  default: m(() => [
+                    z(n.$slots, "item-icon", {
+                      item: d,
+                      section: n.section,
+                      level: n.level
+                    })
+                  ]),
+                  _: 2
+                }, 1032, ["icon", "icon-url", "size"])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["disabled", "data-item-key", "tabindex", "aria-label", "aria-disabled", "aria-current", "onKeydown", "onClick"]))
+        ], 64);
+      }), 128))
+    ], 64));
+  }
+}), Le = (h, S) => h.length === S.length && h.every((i, u) => i === S[u]), Re = (h, S) => {
+  const i = M([]), u = F(() => {
+    const f = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map(), y = (n, K, d, w) => {
+      var r;
+      for (const e of n) {
+        const k = w || !!e.disabled;
+        l.set(e.key, { item: e, sectionKey: K, ancestorKeys: d, disabled: k }), (r = e.children) != null && r.length && (f.add(e.key), y(
+          e.children,
+          K,
+          [...d, e.key],
+          k
+        ));
+      }
+    };
+    return h.sections.forEach(
+      (n) => y(n.items, n.key, [], !1)
+    ), { groupKeys: f, entries: l };
+  }), v = F(
+    () => [...h.expandedKeys ?? i.value].filter(
+      (f) => u.value.groupKeys.has(f)
+    )
+  ), c = F(
+    () => h.selectedKey !== void 0 ? u.value.entries.get(h.selectedKey) : void 0
+  ), P = F(() => {
+    var l, y;
+    const f = (l = c.value) == null ? void 0 : l.item;
+    return f && !f.opensInNewTab && !((y = f.children) != null && y.length) ? [f.key] : [];
+  }), I = (f) => {
+    const l = [...new Set(f)].filter(
+      (n) => u.value.groupKeys.has(n)
+    ), y = new Set(
+      h.expandedKeys ?? i.value
+    );
+    y.size === l.length && l.every((n) => y.has(n)) || (h.expandedKeys === void 0 && (i.value = l), S(l));
+  }, E = (f, l) => {
+    const y = v.value.filter(
+      (n) => {
+        var K;
+        return ((K = u.value.entries.get(n)) == null ? void 0 : K.sectionKey) !== f;
+      }
+    );
+    I([...y, ...l]);
+  }, b = (f) => {
+    var y;
+    const l = u.value.entries.get(f);
+    return l && !l.disabled && !((y = l.item.children) != null && y.length) ? l.item : void 0;
+  };
+  return O(
+    [() => h.selectedKey, () => [...u.value.groupKeys]],
+    ([f, l], [y, n]) => {
+      var r;
+      if (n && f === y && Le(l, n))
+        return;
+      const K = new Set(n), d = l.filter((e) => !K.has(e)), w = h.expandedKeys ?? [
+        ...v.value,
+        ...d
+      ];
+      I([
+        ...w,
+        ...((r = c.value) == null ? void 0 : r.ancestorKeys) ?? []
+      ]);
+    },
+    { immediate: !0 }
+  ), {
+    expandedKeys: v,
+    selectedKeys: P,
+    updateSectionExpandedKeys: E,
+    getSelectableItem: b
+  };
+}, qe = ["aria-label"], je = ["data-section-key"], He = ["aria-label", "aria-expanded", "disabled", "onKeydown"], We = ["aria-label"], Ye = { class: "fkp-navigation-editor-title" }, Je = {
+  key: 0,
+  class: "fkp-navigation-editor-divider",
+  role: "separator"
+}, Qe = { class: "fkp-navigation-editor-label" }, Xe = {
+  key: 1,
+  class: "fkp-navigation-items"
+}, Ze = ["aria-expanded", "onKeydown"], _e = { class: "fkp-navigation-item-icon" }, xe = { key: 0 }, eo = {
+  key: 0,
+  class: "fkp-navigation-footer-actions"
+}, oo = ["aria-label", "title", "aria-expanded"], to = /* @__PURE__ */ J({
+  name: "FkpNavigation",
+  __name: "FkpNavigation",
+  props: {
+    sections: {},
+    selectedKey: {},
+    expandedKeys: {},
+    collapsed: { type: Boolean, default: !1 },
+    showSectionTitles: { type: Boolean, default: !0 },
+    reordering: { type: Boolean, default: !1 },
+    ariaLabel: { default: "导航" },
+    theme: {},
+    showCollapseButton: { type: Boolean, default: !1 }
+  },
+  emits: ["open", "update:expandedKeys", "update:collapsed", "reorder", "panel-open", "select"],
+  setup(h, { emit: S }) {
+    const i = h, u = S, v = M(), c = `fkp-navigation-${be()}`, P = F(() => {
+      var t;
+      const o = {}, a = {
+        hoverBg: "--fkp-navigation-hover-bg",
+        hoverColor: "--fkp-navigation-hover-color",
+        selectedBg: "--fkp-navigation-selected-bg",
+        selectedColor: "--fkp-navigation-selected-color",
+        indicatorColor: "--fkp-navigation-indicator-color"
+      };
+      for (const s of Object.keys(a)) {
+        const T = (t = i.theme) == null ? void 0 : t[s];
+        T !== void 0 && (o[a[s]] = T);
+      }
+      return o;
+    }), I = F(
+      () => i.sections.filter((o) => o.items.length > 0).map((o) => {
+        const a = o.items.every((T) => {
+          var q;
+          return !((q = T.children) != null && q.length);
+        }), { maxVisible: t } = o, s = a && t !== void 0 && Number.isInteger(t) && t > 0 ? t : o.items.length;
+        return {
+          section: o,
+          isFlat: a,
+          visibleLimit: s,
+          sortable: a && !!o.sortable,
+          visibleItems: o.items.slice(0, s),
+          overflowItems: o.items.slice(s)
+        };
+      })
+    ), {
+      expandedKeys: E,
+      selectedKeys: b,
+      updateSectionExpandedKeys: f,
+      getSelectableItem: l
+    } = Re(i, (o) => u("update:expandedKeys", o)), y = M(), n = M(), K = M(), d = {
+      more: /* @__PURE__ */ new Map(),
+      sort: /* @__PURE__ */ new Map()
+    }, w = (o, a) => {
+      var t;
+      return ((t = y.value) == null ? void 0 : t.sectionKey) === o && y.value.panel === a;
+    }, r = (o = !1) => {
+      var t;
+      const a = y.value;
+      a && (y.value = void 0, n.value = void 0, u("panel-open", { ...a, visible: !1 }), o && ((t = K.value) == null || t.focus()));
+    }, e = (o, a, t) => {
+      if (!t) {
+        w(o, a) && r();
+        return;
+      }
+      w(o, a) || (r(), y.value = { sectionKey: o, panel: a }, u("panel-open", { sectionKey: o, panel: a, visible: !0 }));
+    }, k = (o) => {
+      K.value = o.currentTarget;
+    }, N = (o, a, t) => {
+      t instanceof HTMLElement ? d[a].set(o, t) : d[a].delete(o);
+    }, R = async (o, a) => {
+      var s, T;
+      if (((s = n.value) == null ? void 0 : s.sectionKey) !== o || n.value.panel !== a || !w(o, a))
+        return;
+      await Z();
+      const t = (T = d[a].get(o)) == null ? void 0 : T.querySelector('button:not(:disabled), [tabindex="0"]');
+      t && (t.focus(), n.value = void 0);
+    }, te = (o, a, t) => {
+      o.key !== "Enter" && o.key !== " " || (o.preventDefault(), o.stopPropagation(), !o.currentTarget.disabled && (k(o), e(a, t, !0), n.value = { sectionKey: a, panel: t }, R(a, t)));
+    };
+    O(
+      () => i.collapsed,
+      () => r()
+    ), O(
+      () => i.showSectionTitles,
+      async (o) => {
+        var T, q, ne;
+        if (o || ((T = y.value) == null ? void 0 : T.panel) !== "sort") return;
+        const { sectionKey: a } = y.value;
+        r(), await Z();
+        const t = Array.from(
+          ((q = v.value) == null ? void 0 : q.querySelectorAll(
+            ".fkp-navigation-section"
+          )) ?? []
+        ).find((ce) => ce.dataset.sectionKey === a);
+        (ne = (t == null ? void 0 : t.querySelector(
+          'button:not(:disabled), [tabindex="0"]'
+        )) ?? v.value) == null || ne.focus();
+      }
+    ), O(
+      I,
+      () => {
+        const o = y.value;
+        if (!o) return;
+        const a = I.value.find(
+          (t) => t.section.key === o.sectionKey
+        );
+        (!a || (o.panel === "more" ? !a.overflowItems.length : !a.sortable || !a.section.title || a.section.items.length < 2)) && r();
+      },
+      { deep: !0 }
+    ), re(() => r());
+    const x = (o) => {
+      const a = l(o);
+      a && (a.opensInNewTab ? u("open", a.key, a) : u("select", a.key), r());
+    }, pe = (o, a) => {
+      if (i.reordering || !o.sortable || o.items.some((s) => {
+        var T;
+        return (T = s.children) == null ? void 0 : T.length;
+      }))
+        return;
+      const t = a.map((s) => String(s.key));
+      t.length !== o.items.length || new Set(t).size !== t.length || t.some((s) => !o.items.some((T) => T.key === s)) || u("reorder", { sectionKey: o.key, keys: t });
+    }, ue = F(() => ({
+      class: "fkp-navigation-group-popup",
+      popupOffset: 24,
+      mouseLeaveDelay: 180,
+      autoFitPopupMinWidth: !1,
+      contentStyle: P.value
+    }));
+    return (o, a) => (p(), $("nav", {
+      ref_key: "navigation",
+      ref: v,
+      class: D(["fkp-navigation", {
+        "fkp-navigation-collapsed": o.collapsed,
+        "fkp-navigation-without-titles": !o.showSectionTitles
+      }]),
+      style: W(P.value),
+      "aria-label": o.ariaLabel,
+      tabindex: "-1"
+    }, [
+      B(g(Ke), {
+        type: "embed",
+        "outer-class": "fkp-navigation-scroll",
+        class: "fkp-navigation-scroll-container"
+      }, {
+        default: m(() => [
+          V("div", {
+            id: c,
+            class: "fkp-navigation-content"
+          }, [
+            (p(!0), $(G, null, Q(I.value, (t) => (p(), $("section", {
+              key: t.section.key,
+              class: "fkp-navigation-section",
+              "data-section-key": t.section.key
+            }, [
+              !o.collapsed && o.showSectionTitles && t.section.title ? (p(), $("div", {
+                key: 0,
+                class: D(["fkp-navigation-heading", {
+                  "is-editing": w(t.section.key, "sort")
+                }])
+              }, [
+                V("span", null, A(t.section.title), 1),
+                t.sortable ? (p(), U(g(ee), {
+                  key: 0,
+                  "popup-visible": w(t.section.key, "sort"),
+                  trigger: "click",
+                  position: "rt",
+                  "popup-offset": 8,
+                  "show-arrow": !1,
+                  "onUpdate:popupVisible": (s) => e(t.section.key, "sort", s),
+                  onShow: (s) => R(t.section.key, "sort")
+                }, {
+                  content: m(() => [
+                    V("div", {
+                      ref_for: !0,
+                      ref: (s) => N(t.section.key, "sort", s),
+                      class: "fkp-navigation-editor",
+                      style: W(P.value),
+                      role: "dialog",
+                      "aria-label": `调整${t.section.title || "导航"}顺序`,
+                      onKeydown: a[1] || (a[1] = j(H((s) => r(!0), ["stop", "prevent"]), ["esc"]))
+                    }, [
+                      V("div", Ye, A(t.section.title || "导航") + "（可拖拽排序）", 1),
+                      w(t.section.key, "sort") ? (p(), U(g($e), {
+                        key: 0,
+                        class: "fkp-navigation-editor-list",
+                        "model-value": [...t.section.items],
+                        disabled: o.reordering,
+                        "handle-label": "拖拽排序",
+                        "onUpdate:modelValue": (s) => pe(t.section, s)
+                      }, {
+                        "before-item": m(({ index: s }) => [
+                          t.overflowItems.length && s === t.visibleLimit ? (p(), $("div", Je)) : C("", !0)
+                        ]),
+                        handle: m(() => [
+                          B(g(Pe))
+                        ]),
+                        default: m(({ item: s }) => [
+                          B(Y, {
+                            icon: s.icon,
+                            "icon-url": s.iconUrl
+                          }, {
+                            default: m(() => [
+                              z(o.$slots, "item-icon", {
+                                item: s,
+                                section: t.section,
+                                level: 0
+                              })
+                            ]),
+                            _: 2
+                          }, 1032, ["icon", "icon-url"]),
+                          V("span", Qe, A(s.label), 1)
+                        ]),
+                        _: 2
+                      }, 1032, ["model-value", "disabled", "onUpdate:modelValue"])) : C("", !0)
+                    ], 44, We)
+                  ]),
+                  default: m(() => [
+                    V("button", {
+                      type: "button",
+                      class: "fkp-navigation-edit",
+                      "aria-label": `调整${t.section.title || "导航"}顺序`,
+                      "aria-haspopup": "dialog",
+                      "aria-expanded": w(t.section.key, "sort"),
+                      disabled: o.reordering || t.section.items.length < 2,
+                      onPointerdown: k,
+                      onFocus: k,
+                      onKeydown: [
+                        (s) => te(s, t.section.key, "sort"),
+                        a[0] || (a[0] = j(H((s) => r(!0), ["stop", "prevent"]), ["esc"]))
+                      ]
+                    }, [
+                      B(g(_), {
+                        name: "edit",
+                        size: 16
+                      })
+                    ], 40, He)
+                  ]),
+                  _: 2
+                }, 1032, ["popup-visible", "onUpdate:popupVisible", "onShow"])) : C("", !0)
+              ], 2)) : C("", !0),
+              t.isFlat ? (p(), $("div", Xe, [
+                (p(!0), $(G, null, Q(t.visibleItems, (s) => (p(), U(g(Se), {
+                  key: s.key,
+                  content: s.label,
+                  disabled: !o.collapsed,
+                  position: "right"
+                }, {
+                  default: m(() => [
+                    B(le, {
+                      item: s,
+                      section: t.section,
+                      "selected-key": o.selectedKey,
+                      collapsed: o.collapsed,
+                      onSelect: x
+                    }, L({ _: 2 }, [
+                      o.$slots["item-icon"] ? {
+                        name: "item-icon",
+                        fn: m((T) => [
+                          z(o.$slots, "item-icon", X({ ref_for: !0 }, T))
+                        ]),
+                        key: "0"
+                      } : void 0
+                    ]), 1032, ["item", "section", "selected-key", "collapsed"])
+                  ]),
+                  _: 2
+                }, 1032, ["content", "disabled"]))), 128)),
+                t.overflowItems.length ? (p(), U(g(ee), {
+                  key: 0,
+                  "popup-visible": w(t.section.key, "more"),
+                  trigger: ["hover", "click"],
+                  position: "rt",
+                  "popup-offset": 24,
+                  "mouse-leave-delay": 180,
+                  "show-arrow": !1,
+                  "onUpdate:popupVisible": (s) => e(t.section.key, "more", s),
+                  onShow: (s) => R(t.section.key, "more")
+                }, {
+                  content: m(() => [
+                    V("div", {
+                      ref_for: !0,
+                      ref: (s) => N(t.section.key, "more", s),
+                      class: "fkp-navigation-more",
+                      style: W(P.value),
+                      role: "dialog",
+                      "aria-label": "更多导航",
+                      onKeydown: a[3] || (a[3] = j(H((s) => r(!0), ["stop", "prevent"]), ["esc"]))
+                    }, [
+                      (p(!0), $(G, null, Q(t.overflowItems, (s) => (p(), U(le, {
+                        key: s.key,
+                        item: s,
+                        section: t.section,
+                        "selected-key": o.selectedKey,
+                        onSelect: x
+                      }, L({ _: 2 }, [
+                        o.$slots["item-icon"] ? {
+                          name: "item-icon",
+                          fn: m((T) => [
+                            z(o.$slots, "item-icon", X({ ref_for: !0 }, T))
+                          ]),
+                          key: "0"
+                        } : void 0
+                      ]), 1032, ["item", "section", "selected-key"]))), 128))
+                    ], 36)
+                  ]),
+                  default: m(() => [
+                    V("button", {
+                      type: "button",
+                      class: D(["fkp-navigation-item fkp-navigation-more-trigger", {
+                        "is-selected": t.overflowItems.some(
+                          (s) => !s.opensInNewTab && s.key === o.selectedKey
+                        )
+                      }]),
+                      "aria-label": "更多导航",
+                      "aria-haspopup": "dialog",
+                      "aria-expanded": w(t.section.key, "more"),
+                      onPointerenter: k,
+                      onPointerdown: k,
+                      onFocus: k,
+                      onKeydown: [
+                        (s) => te(s, t.section.key, "more"),
+                        a[2] || (a[2] = j(H((s) => r(!0), ["stop", "prevent"]), ["esc"]))
+                      ]
+                    }, [
+                      V("span", _e, [
+                        B(g(we))
+                      ]),
+                      o.collapsed ? C("", !0) : (p(), $("span", xe, "更多"))
+                    ], 42, Ze)
+                  ]),
+                  _: 2
+                }, 1032, ["popup-visible", "onUpdate:popupVisible", "onShow"])) : C("", !0)
+              ])) : (p(), U(g(de), {
+                key: 2,
+                class: "fkp-navigation-menu",
+                collapsed: o.collapsed,
+                "selected-keys": g(b),
+                "open-keys": g(E),
+                "auto-open-selected": !1,
+                "trigger-props": ue.value,
+                "onUpdate:openKeys": (s) => g(f)(t.section.key, s)
+              }, {
+                default: m(() => [
+                  B(oe, {
+                    items: t.section.items,
+                    section: t.section,
+                    "selected-key": o.selectedKey,
+                    "expanded-keys": g(E),
+                    collapsed: o.collapsed,
+                    "panel-visible": !!y.value,
+                    "theme-style": P.value,
+                    onSelect: x,
+                    onGroupOpen: a[4] || (a[4] = (s) => r())
+                  }, L({ _: 2 }, [
+                    o.$slots["item-icon"] ? {
+                      name: "item-icon",
+                      fn: m((s) => [
+                        z(o.$slots, "item-icon", X({ ref_for: !0 }, s))
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["items", "section", "selected-key", "expanded-keys", "collapsed", "panel-visible", "theme-style"])
+                ]),
+                _: 2
+              }, 1032, ["collapsed", "selected-keys", "open-keys", "trigger-props", "onUpdate:openKeys"]))
+            ], 8, je))), 128))
+          ])
+        ]),
+        _: 3
+      }),
+      o.showCollapseButton || o.$slots["footer-actions"] ? (p(), $("footer", {
+        key: 0,
+        class: D(["fkp-navigation-footer", {
+          "has-collapse-button": o.showCollapseButton,
+          "has-footer-actions": !!o.$slots["footer-actions"]
+        }])
+      }, [
+        o.$slots["footer-actions"] ? (p(), $("div", eo, [
+          z(o.$slots, "footer-actions", { collapsed: o.collapsed })
+        ])) : C("", !0),
+        o.showCollapseButton ? (p(), $("button", {
+          key: 1,
+          type: "button",
+          class: "fkp-navigation-collapse",
+          "aria-label": o.collapsed ? "展开侧栏" : "收起侧栏",
+          title: o.collapsed ? "展开侧栏" : "收起侧栏",
+          "aria-expanded": !o.collapsed,
+          "aria-controls": c,
+          onClick: a[5] || (a[5] = (t) => u("update:collapsed", !o.collapsed))
+        }, [
+          B(g(Ie), { size: 16 })
+        ], 8, oo)) : C("", !0)
+      ], 2)) : C("", !0)
+    ], 14, qe));
+  }
+}), lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  FkpNavigation: to
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  lo as N,
+  to as _
+};