@freecallai/pro 0.0.4 → 0.0.6

package/dist/index-Ck8RYpuE.js

@@ -0,0 +1,816 @@
+import { defineComponent as R, openBlock as r, createElementBlock as K, renderSlot as T, createBlock as B, unref as h, createCommentVNode as N, computed as U, normalizeClass as F, createVNode as M, withCtx as u, toDisplayString as E, createElementVNode as $, shallowRef as G, ref as _, watch as D, withKeys as j, withModifiers as A, createSlots as O, normalizeProps as x, guardReactiveProps as ee, nextTick as te, useSlots as ae, Fragment as Z, renderList as W, mergeProps as J, isVNode as re, Comment as de, Text as pe, onBeforeUnmount as ue } from "vue";
+import { Trigger as Q, Menu as se, SubMenu as ce, MenuItem as ye, SortableList as fe, Tooltip as me } from "@freecallai/ui";
+import { IconMore as ke } from "@freecallai/ui/es/icon/index.js";
+import ve from "@freecallai/icons";
+const ge = { class: "fkp-navigation-item-icon" }, be = ["src"], H = /* @__PURE__ */ R({
+  __name: "NavigationIcon",
+  props: {
+    icon: {},
+    iconUrl: {},
+    size: { default: 24 }
+  },
+  setup(g) {
+    return (b, d) => (r(), K("span", ge, [
+      T(b.$slots, "default", {}, () => [
+        b.iconUrl ? (r(), K("img", {
+          key: 0,
+          src: b.iconUrl,
+          alt: ""
+        }, null, 8, be)) : b.icon ? (r(), B(h(ve), {
+          key: 1,
+          name: b.icon,
+          size: b.size
+        }, null, 8, ["name", "size"])) : N("", !0)
+      ])
+    ]));
+  }
+}), ie = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.33325%2010.6667L10.9999%205'%20stroke='%23C9CDD4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M5%205H11V11'%20stroke='%23C9CDD4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", he = ["aria-label", "aria-current", "disabled", "data-item-key"], Ke = {
+  key: 0,
+  class: "fkp-navigation-item-label"
+}, $e = {
+  key: 1,
+  class: "fkp-navigation-open",
+  "aria-hidden": "true"
+}, Ce = ["src"], oe = /* @__PURE__ */ R({
+  __name: "NavigationButton",
+  props: {
+    item: {},
+    section: {},
+    selectedKey: {},
+    collapsed: { type: Boolean }
+  },
+  emits: ["select"],
+  setup(g, { emit: b }) {
+    const d = g, c = b, k = U(
+      () => !d.item.opensInNewTab && d.selectedKey === d.item.key
+    );
+    return (f, S) => (r(), K("button", {
+      type: "button",
+      class: F(["fkp-navigation-item", { "is-selected": k.value }]),
+      "aria-label": f.item.label,
+      "aria-current": k.value ? "page" : void 0,
+      disabled: f.item.disabled,
+      "data-item-key": f.item.key,
+      onClick: S[0] || (S[0] = (w) => c("select", f.item.key))
+    }, [
+      M(H, {
+        icon: f.item.icon,
+        "icon-url": f.item.iconUrl
+      }, {
+        default: u(() => [
+          T(f.$slots, "item-icon", {
+            item: f.item,
+            section: f.section,
+            level: 0
+          })
+        ]),
+        _: 3
+      }, 8, ["icon", "icon-url"]),
+      f.collapsed ? N("", !0) : (r(), K("span", Ke, E(f.item.label), 1)),
+      f.item.opensInNewTab && !f.collapsed ? (r(), K("span", $e, [
+        $("img", {
+          src: h(ie),
+          alt: ""
+        }, null, 8, Ce)
+      ])) : N("", !0)
+    ], 10, he));
+  }
+}), we = ["disabled", "data-item-key", "aria-label", "aria-expanded"], Se = {
+  key: 0,
+  class: "fkp-navigation-menu-label"
+}, Pe = { class: "fkp-navigation-group-popup-title" }, Ie = ["tabindex", "aria-label", "aria-expanded", "aria-disabled"], Ne = /* @__PURE__ */ R({
+  __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: {}
+  },
+  emits: ["group-open", "select"],
+  setup(g, { emit: b }) {
+    const d = g, c = b, k = G(!1), f = _(), S = _(), w = G(!1), z = U(() => d.collapsed || d.inPopup), y = U(() => d.disabled || !!d.item.disabled), o = U(() => {
+      const e = (v) => v.some(
+        (C) => {
+          var q;
+          return (q = C.children) != null && q.length ? e(C.children) : !C.opensInNewTab && C.key === d.selectedKey;
+        }
+      );
+      return e(d.item.children ?? []);
+    }), a = (e = !1) => {
+      var v;
+      k.value = !1, w.value = !1, e && ((v = f.value) == null || v.focus());
+    }, l = async () => {
+      var v;
+      if (!w.value || !k.value) return;
+      await te();
+      const e = (v = S.value) == null ? void 0 : v.querySelector(
+        '[tabindex="0"], button:not(:disabled)'
+      );
+      e && (e.focus(), w.value = !1);
+    }, m = (e) => {
+      e && y.value || (k.value = e, e ? (c("group-open"), l()) : w.value = !1);
+    }, p = (e) => {
+      if (e.key === "Escape")
+        e.preventDefault(), e.stopPropagation(), a(!0);
+      else if (e.key === "Enter" || e.key === " ") {
+        if (e.preventDefault(), e.stopPropagation(), y.value) return;
+        w.value = !k.value, m(!k.value);
+      } else if (e.key === "ArrowRight" || e.key === "ArrowDown") {
+        if (e.preventDefault(), e.stopPropagation(), y.value) return;
+        w.value = !0, m(!0);
+      }
+    }, V = (e) => {
+      e.key !== "Enter" && e.key !== " " || (e.preventDefault(), e.stopPropagation(), y.value || e.currentTarget.click());
+    }, I = (e) => {
+      y.value && e.stopPropagation();
+    }, L = (e) => {
+      a(), c("select", e);
+    };
+    return D(
+      () => d.activeGroupKey,
+      (e) => {
+        e !== void 0 && e !== d.item.key && a();
+      }
+    ), D(
+      () => d.collapsed,
+      () => a()
+    ), D(
+      () => d.panelVisible,
+      (e) => {
+        e && a();
+      }
+    ), D(y, (e) => {
+      e && a();
+    }), (e, v) => z.value ? (r(), B(h(Q), {
+      key: 0,
+      "popup-visible": k.value,
+      trigger: ["hover", "click"],
+      disabled: y.value,
+      position: "rt",
+      "popup-offset": 24,
+      "mouse-leave-delay": 180,
+      "auto-fit-popup-min-width": !1,
+      "onUpdate:popupVisible": m,
+      onShow: l
+    }, {
+      content: u(() => [
+        $("div", {
+          ref_key: "popupContent",
+          ref: S,
+          class: "fkp-navigation-group-popup",
+          onKeydown: v[1] || (v[1] = j(A((C) => a(!0), ["stop", "prevent"]), ["esc"]))
+        }, [
+          $("strong", Pe, E(e.item.label), 1),
+          M(h(se), {
+            "prefix-cls": "arco-trigger-menu",
+            "selected-keys": o.value && e.selectedKey ? [e.selectedKey] : [],
+            "auto-open-selected": !1
+          }, {
+            default: u(() => [
+              M(X, {
+                items: e.item.children || [],
+                section: e.section,
+                level: e.level + 1,
+                "selected-key": e.selectedKey,
+                "expanded-keys": e.expandedKeys,
+                "in-popup": !0,
+                disabled: y.value,
+                "panel-visible": e.panelVisible,
+                onSelect: L,
+                onGroupOpen: v[0] || (v[0] = (C) => c("group-open"))
+              }, O({ _: 2 }, [
+                e.$slots["item-icon"] ? {
+                  name: "item-icon",
+                  fn: u((C) => [
+                    T(e.$slots, "item-icon", x(ee(C)))
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["items", "section", "level", "selected-key", "expanded-keys", "disabled", "panel-visible"])
+            ]),
+            _: 3
+          }, 8, ["selected-keys"])
+        ], 544)
+      ]),
+      default: u(() => [
+        $("button", {
+          ref_key: "triggerButton",
+          ref: f,
+          type: "button",
+          class: F(["fkp-navigation-group", [
+            e.inPopup ? "arco-trigger-menu-pop-header" : "arco-menu-pop-header",
+            {
+              "is-disabled": y.value,
+              "arco-menu-selected": o.value && !e.inPopup,
+              "arco-trigger-menu-selected": o.value && e.inPopup
+            }
+          ]]),
+          disabled: y.value,
+          "data-item-key": e.item.key,
+          "aria-label": e.item.label,
+          "aria-haspopup": "menu",
+          "aria-expanded": k.value,
+          onKeydown: p
+        }, [
+          $("span", {
+            class: F(e.inPopup ? "arco-trigger-menu-icon" : "arco-menu-icon")
+          }, [
+            M(H, {
+              icon: e.item.icon,
+              "icon-url": e.item.iconUrl,
+              size: 16
+            }, {
+              default: u(() => [
+                T(e.$slots, "item-icon", {
+                  item: e.item,
+                  section: e.section,
+                  level: e.level
+                })
+              ]),
+              _: 3
+            }, 8, ["icon", "icon-url"])
+          ], 2),
+          e.inPopup ? (r(), K("span", Se, E(e.item.label), 1)) : N("", !0)
+        ], 42, we)
+      ]),
+      _: 3
+    }, 8, ["popup-visible", "disabled"])) : (r(), B(h(ce), {
+      key: e.item.key,
+      class: F(["fkp-navigation-group", { "is-disabled": y.value }]),
+      "aria-disabled": y.value || void 0,
+      "data-item-key": e.item.key,
+      onClickCapture: I
+    }, {
+      icon: u(() => [
+        M(H, {
+          icon: e.item.icon,
+          "icon-url": e.item.iconUrl,
+          size: 16
+        }, {
+          default: u(() => [
+            T(e.$slots, "item-icon", {
+              item: e.item,
+              section: e.section,
+              level: e.level
+            })
+          ]),
+          _: 3
+        }, 8, ["icon", "icon-url"])
+      ]),
+      title: u(() => [
+        $("span", {
+          class: "fkp-navigation-group-label",
+          role: "button",
+          tabindex: y.value ? -1 : 0,
+          "aria-label": e.item.label,
+          "aria-expanded": e.expandedKeys.includes(e.item.key),
+          "aria-disabled": y.value || void 0,
+          onKeydown: V
+        }, E(e.item.label), 41, Ie)
+      ]),
+      default: u(() => [
+        M(X, {
+          items: e.item.children || [],
+          section: e.section,
+          level: e.level + 1,
+          "selected-key": e.selectedKey,
+          "expanded-keys": e.expandedKeys,
+          disabled: y.value,
+          "panel-visible": e.panelVisible,
+          onSelect: v[2] || (v[2] = (C) => c("select", C)),
+          onGroupOpen: v[3] || (v[3] = (C) => c("group-open"))
+        }, O({ _: 2 }, [
+          e.$slots["item-icon"] ? {
+            name: "item-icon",
+            fn: u((C) => [
+              T(e.$slots, "item-icon", x(ee(C)))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["items", "section", "level", "selected-key", "expanded-keys", "disabled", "panel-visible"])
+      ]),
+      _: 3
+    }, 8, ["class", "aria-disabled", "data-item-key"]));
+  }
+}), Te = { class: "fkp-navigation-menu-label" }, Ve = {
+  key: 0,
+  class: "fkp-navigation-open",
+  "aria-hidden": "true"
+}, Be = ["src"], X = /* @__PURE__ */ R({
+  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 }
+  },
+  emits: ["group-open", "select"],
+  setup(g, { emit: b }) {
+    const d = g, c = b, k = ae(), f = G(), S = (o) => Array.isArray(o) ? o.some(S) : typeof o == "string" ? o.trim().length > 0 : !re(o) || o.type === de ? !1 : o.type === Z || o.type === pe ? S(o.children) : !0, w = (o) => {
+      var a;
+      return !d.level || o.icon || o.iconUrl ? !0 : S(
+        (a = k["item-icon"]) == null ? void 0 : a.call(k, { item: o, section: d.section, level: d.level })
+      );
+    }, z = (o) => {
+      f.value = o, c("group-open");
+    }, y = (o, a) => {
+      o.key !== "Enter" && o.key !== " " || (o.preventDefault(), o.stopPropagation(), a || o.currentTarget.click());
+    };
+    return (o, a) => (r(!0), K(Z, null, W(o.items, (l) => {
+      var m;
+      return r(), K(Z, {
+        key: l.key
+      }, [
+        (m = l.children) != null && m.length ? (r(), B(Ne, {
+          key: 0,
+          item: l,
+          section: o.section,
+          level: o.level,
+          "selected-key": o.selectedKey,
+          "expanded-keys": o.expandedKeys,
+          disabled: o.disabled,
+          collapsed: o.collapsed,
+          "in-popup": o.inPopup,
+          "panel-visible": o.panelVisible,
+          "active-group-key": f.value,
+          onSelect: a[0] || (a[0] = (p) => c("select", p)),
+          onGroupOpen: (p) => z(l.key)
+        }, O({ _: 2 }, [
+          o.$slots["item-icon"] ? {
+            name: "item-icon",
+            fn: u((p) => [
+              T(o.$slots, "item-icon", J({ ref_for: !0 }, p))
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["item", "section", "level", "selected-key", "expanded-keys", "disabled", "collapsed", "in-popup", "panel-visible", "active-group-key", "onGroupOpen"])) : (r(), B(h(ye), {
+          key: l.key,
+          disabled: o.disabled || l.disabled,
+          "data-item-key": l.key,
+          role: "menuitem",
+          tabindex: o.disabled || l.disabled ? -1 : 0,
+          "aria-label": l.label,
+          "aria-disabled": o.disabled || l.disabled || void 0,
+          "aria-current": !l.opensInNewTab && o.selectedKey === l.key ? "page" : void 0,
+          onKeydown: (p) => y(p, o.disabled || !!l.disabled),
+          onClick: (p) => c("select", l.key)
+        }, O({
+          default: u(() => [
+            $("span", Te, E(l.label), 1),
+            l.opensInNewTab ? (r(), K("span", Ve, [
+              $("img", {
+                src: h(ie),
+                alt: ""
+              }, null, 8, Be)
+            ])) : N("", !0)
+          ]),
+          _: 2
+        }, [
+          w(l) ? {
+            name: "icon",
+            fn: u(() => [
+              M(H, {
+                icon: l.icon,
+                "icon-url": l.iconUrl,
+                size: o.level ? 16 : 24
+              }, {
+                default: u(() => [
+                  T(o.$slots, "item-icon", {
+                    item: l,
+                    section: o.section,
+                    level: o.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));
+  }
+}), ne = (g, b) => g.length === b.length && g.every((d, c) => d === b[c]), Me = (g, b) => {
+  const d = G([]), c = U(() => {
+    const o = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Map(), l = (m, p, V, I) => {
+      var L;
+      for (const e of m) {
+        const v = I || !!e.disabled;
+        a.set(e.key, { item: e, sectionKey: p, ancestorKeys: V, disabled: v }), (L = e.children) != null && L.length && (o.add(e.key), l(
+          e.children,
+          p,
+          [...V, e.key],
+          v
+        ));
+      }
+    };
+    return g.sections.forEach(
+      (m) => l(m.items, m.key, [], !1)
+    ), { groupKeys: o, entries: a };
+  }), k = U(
+    () => [...g.expandedKeys ?? d.value].filter(
+      (o) => c.value.groupKeys.has(o)
+    )
+  ), f = U(
+    () => g.selectedKey !== void 0 ? c.value.entries.get(g.selectedKey) : void 0
+  ), S = U(() => {
+    var a, l;
+    const o = (a = f.value) == null ? void 0 : a.item;
+    return o && !o.opensInNewTab && !((l = o.children) != null && l.length) ? [o.key] : [];
+  }), w = (o) => {
+    const a = [...new Set(o)].filter(
+      (l) => c.value.groupKeys.has(l)
+    );
+    g.expandedKeys === void 0 && (d.value = a), (g.expandedKeys === void 0 || !ne(a, g.expandedKeys)) && b(a);
+  }, z = (o, a) => {
+    const l = k.value.filter(
+      (m) => {
+        var p;
+        return ((p = c.value.entries.get(m)) == null ? void 0 : p.sectionKey) !== o;
+      }
+    );
+    w([...l, ...a]);
+  }, y = (o) => {
+    var l;
+    const a = c.value.entries.get(o);
+    return a && !a.disabled && !((l = a.item.children) != null && l.length) ? a.item : void 0;
+  };
+  return D(
+    () => g.selectedKey,
+    () => {
+      var o;
+      w([
+        ...k.value,
+        ...((o = f.value) == null ? void 0 : o.ancestorKeys) ?? []
+      ]);
+    },
+    { immediate: !0 }
+  ), D(
+    () => [...c.value.groupKeys],
+    (o, a) => {
+      var V;
+      if (a && ne(o, a)) return;
+      const l = new Set(a), m = o.filter((I) => !l.has(I)), p = g.expandedKeys ?? [
+        ...k.value,
+        ...m
+      ];
+      w([
+        ...p,
+        ...((V = f.value) == null ? void 0 : V.ancestorKeys) ?? []
+      ]);
+    },
+    { immediate: !0 }
+  ), {
+    expandedKeys: k,
+    selectedKeys: S,
+    updateSectionExpandedKeys: z,
+    getSelectableItem: y
+  };
+}, Ue = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.33325%2014H14.3333'%20stroke='%2386909C'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M3.66675%208.90663V11.3333H6.10581L13.0001%204.43603L10.5651%202L3.66675%208.90663Z'%20stroke='%2386909C'%20stroke-linejoin='round'/%3e%3c/svg%3e", De = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M6.33341%203.33333C6.33341%204.0697%205.73645%204.66667%205.00008%204.66667C4.26371%204.66667%203.66675%204.0697%203.66675%203.33333C3.66675%202.59695%204.26371%202%205.00008%202C5.73645%202%206.33341%202.59695%206.33341%203.33333ZM5.00008%209.33333C5.73645%209.33333%206.33341%208.73637%206.33341%208C6.33341%207.26363%205.73645%206.66667%205.00008%206.66667C4.26371%206.66667%203.66675%207.26363%203.66675%208C3.66675%208.73637%204.26371%209.33333%205.00008%209.33333ZM5.00008%2014C5.73645%2014%206.33341%2013.403%206.33341%2012.6667C6.33341%2011.9303%205.73645%2011.3333%205.00008%2011.3333C4.26371%2011.3333%203.66675%2011.9303%203.66675%2012.6667C3.66675%2013.403%204.26371%2014%205.00008%2014Z'%20fill='%2386909C'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.3334%203.33333C12.3334%204.0697%2011.7364%204.66667%2011.0001%204.66667C10.2637%204.66667%209.66675%204.0697%209.66675%203.33333C9.66675%202.59695%2010.2637%202%2011.0001%202C11.7364%202%2012.3334%202.59695%2012.3334%203.33333ZM11.0001%209.33333C11.7364%209.33333%2012.3334%208.73637%2012.3334%208C12.3334%207.26363%2011.7364%206.66667%2011.0001%206.66667C10.2637%206.66667%209.66675%207.26363%209.66675%208C9.66675%208.73637%2010.2637%209.33333%2011.0001%209.33333ZM11.0001%2014C11.7364%2014%2012.3334%2013.403%2012.3334%2012.6667C12.3334%2011.9303%2011.7364%2011.3333%2011.0001%2011.3333C10.2637%2011.3333%209.66675%2011.9303%209.66675%2012.6667C9.66675%2013.403%2010.2637%2014%2011.0001%2014Z'%20fill='%2386909C'/%3e%3c/svg%3e", Ee = ["aria-label"], ze = { class: "fkp-navigation-scroll" }, Le = ["data-section-key"], Fe = { key: 0 }, Ge = ["aria-label", "aria-expanded", "disabled", "onKeydown"], Oe = ["src"], Ze = ["aria-label"], je = { class: "fkp-navigation-editor-title" }, Ae = {
+  key: 0,
+  class: "fkp-navigation-editor-divider",
+  role: "separator"
+}, He = ["src"], Re = { class: "fkp-navigation-editor-label" }, qe = {
+  key: 1,
+  class: "fkp-navigation-items"
+}, We = ["aria-expanded", "onKeydown"], Je = { class: "fkp-navigation-item-icon" }, Qe = { key: 0 }, Xe = /* @__PURE__ */ R({
+  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: "导航" }
+  },
+  emits: ["open", "update:expandedKeys", "reorder", "panel-open", "select"],
+  setup(g, { emit: b }) {
+    const d = g, c = b, k = U(
+      () => d.sections.filter((n) => n.items.length > 0).map((n) => {
+        const i = n.items.every((P) => {
+          var Y;
+          return !((Y = P.children) != null && Y.length);
+        }), { maxVisible: t } = n, s = i && t !== void 0 && Number.isInteger(t) && t > 0 ? t : n.items.length;
+        return {
+          section: n,
+          isFlat: i,
+          visibleLimit: s,
+          sortable: i && !!n.sortable,
+          visibleItems: n.items.slice(0, s),
+          overflowItems: n.items.slice(s)
+        };
+      })
+    ), {
+      expandedKeys: f,
+      selectedKeys: S,
+      updateSectionExpandedKeys: w,
+      getSelectableItem: z
+    } = Me(d, (n) => c("update:expandedKeys", n)), y = G(), o = G(), a = G(), l = {
+      more: /* @__PURE__ */ new Map(),
+      sort: /* @__PURE__ */ new Map()
+    }, m = (n, i) => {
+      var t;
+      return ((t = y.value) == null ? void 0 : t.sectionKey) === n && y.value.panel === i;
+    }, p = (n = !1) => {
+      var t;
+      const i = y.value;
+      i && (y.value = void 0, o.value = void 0, c("panel-open", { ...i, visible: !1 }), n && ((t = a.value) == null || t.focus()));
+    }, V = (n, i, t) => {
+      if (!t) {
+        m(n, i) && p();
+        return;
+      }
+      m(n, i) || (p(), y.value = { sectionKey: n, panel: i }, c("panel-open", { sectionKey: n, panel: i, visible: !0 }));
+    }, I = (n) => {
+      a.value = n.currentTarget;
+    }, L = (n, i, t) => {
+      t instanceof HTMLElement ? l[i].set(n, t) : l[i].delete(n);
+    }, e = async (n, i) => {
+      var s, P;
+      if (((s = o.value) == null ? void 0 : s.sectionKey) !== n || o.value.panel !== i || !m(n, i))
+        return;
+      await te();
+      const t = (P = l[i].get(n)) == null ? void 0 : P.querySelector('button:not(:disabled), [tabindex="0"]');
+      t && (t.focus(), o.value = void 0);
+    }, v = (n, i, t) => {
+      n.key !== "Enter" && n.key !== " " || (n.preventDefault(), n.stopPropagation(), !n.currentTarget.disabled && (I(n), V(i, t, !0), o.value = { sectionKey: i, panel: t }, e(i, t)));
+    };
+    D(
+      () => d.collapsed,
+      () => p()
+    ), D(
+      k,
+      () => {
+        const n = y.value;
+        if (!n) return;
+        const i = k.value.find(
+          (t) => t.section.key === n.sectionKey
+        );
+        (!i || (n.panel === "more" ? !i.overflowItems.length : !i.sortable || i.section.items.length < 2)) && p();
+      },
+      { deep: !0 }
+    ), ue(() => p());
+    const C = (n) => {
+      const i = z(n);
+      i && (i.opensInNewTab ? c("open", i.key, i) : c("select", i.key), p());
+    }, q = (n, i) => {
+      if (d.reordering || !n.sortable || n.items.some((s) => {
+        var P;
+        return (P = s.children) == null ? void 0 : P.length;
+      }))
+        return;
+      const t = i.map((s) => String(s.key));
+      t.length !== n.items.length || new Set(t).size !== t.length || t.some((s) => !n.items.some((P) => P.key === s)) || c("reorder", { sectionKey: n.key, keys: t });
+    }, le = {
+      class: "fkp-navigation-group-popup",
+      popupOffset: 24,
+      mouseLeaveDelay: 180,
+      autoFitPopupMinWidth: !1
+    };
+    return (n, i) => (r(), K("nav", {
+      class: F(["fkp-navigation", { "fkp-navigation-collapsed": n.collapsed }]),
+      "aria-label": n.ariaLabel
+    }, [
+      $("div", ze, [
+        (r(!0), K(Z, null, W(k.value, (t) => (r(), K("section", {
+          key: t.section.key,
+          class: "fkp-navigation-section",
+          "data-section-key": t.section.key
+        }, [
+          !n.collapsed && (n.showSectionTitles && t.section.title || t.sortable) ? (r(), K("div", {
+            key: 0,
+            class: F(["fkp-navigation-heading", {
+              "is-editing": m(t.section.key, "sort"),
+              "is-toolbar": !n.showSectionTitles || !t.section.title
+            }])
+          }, [
+            n.showSectionTitles && t.section.title ? (r(), K("span", Fe, E(t.section.title), 1)) : N("", !0),
+            t.sortable ? (r(), B(h(Q), {
+              key: 1,
+              "popup-visible": m(t.section.key, "sort"),
+              trigger: "click",
+              position: "rt",
+              "popup-offset": 8,
+              "show-arrow": !1,
+              "onUpdate:popupVisible": (s) => V(t.section.key, "sort", s),
+              onShow: (s) => e(t.section.key, "sort")
+            }, {
+              content: u(() => [
+                $("div", {
+                  ref_for: !0,
+                  ref: (s) => L(t.section.key, "sort", s),
+                  class: "fkp-navigation-editor",
+                  role: "dialog",
+                  "aria-label": `调整${t.section.title || "导航"}顺序`,
+                  onKeydown: i[1] || (i[1] = j(A((s) => p(!0), ["stop", "prevent"]), ["esc"]))
+                }, [
+                  $("div", je, E(t.section.title || "导航") + "（可拖拽排序）", 1),
+                  m(t.section.key, "sort") ? (r(), B(h(fe), {
+                    key: 0,
+                    class: "fkp-navigation-editor-list",
+                    "model-value": [...t.section.items],
+                    disabled: n.reordering,
+                    "handle-label": "拖拽排序",
+                    "onUpdate:modelValue": (s) => q(t.section, s)
+                  }, {
+                    "before-item": u(({ index: s }) => [
+                      t.overflowItems.length && s === t.visibleLimit ? (r(), K("div", Ae)) : N("", !0)
+                    ]),
+                    handle: u(() => [
+                      $("img", {
+                        src: h(De),
+                        alt: ""
+                      }, null, 8, He)
+                    ]),
+                    default: u(({ item: s }) => [
+                      M(H, {
+                        icon: s.icon,
+                        "icon-url": s.iconUrl
+                      }, {
+                        default: u(() => [
+                          T(n.$slots, "item-icon", {
+                            item: s,
+                            section: t.section,
+                            level: 0
+                          })
+                        ]),
+                        _: 2
+                      }, 1032, ["icon", "icon-url"]),
+                      $("span", Re, E(s.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["model-value", "disabled", "onUpdate:modelValue"])) : N("", !0)
+                ], 40, Ze)
+              ]),
+              default: u(() => [
+                $("button", {
+                  type: "button",
+                  class: "fkp-navigation-edit",
+                  "aria-label": `调整${t.section.title || "导航"}顺序`,
+                  "aria-haspopup": "dialog",
+                  "aria-expanded": m(t.section.key, "sort"),
+                  disabled: n.reordering || t.section.items.length < 2,
+                  onPointerdown: I,
+                  onFocus: I,
+                  onKeydown: [
+                    (s) => v(s, t.section.key, "sort"),
+                    i[0] || (i[0] = j(A((s) => p(!0), ["stop", "prevent"]), ["esc"]))
+                  ]
+                }, [
+                  $("img", {
+                    src: h(Ue),
+                    alt: ""
+                  }, null, 8, Oe)
+                ], 40, Ge)
+              ]),
+              _: 2
+            }, 1032, ["popup-visible", "onUpdate:popupVisible", "onShow"])) : N("", !0)
+          ], 2)) : N("", !0),
+          t.isFlat ? (r(), K("div", qe, [
+            (r(!0), K(Z, null, W(t.visibleItems, (s) => (r(), B(h(me), {
+              key: s.key,
+              content: s.label,
+              disabled: !n.collapsed,
+              position: "right"
+            }, {
+              default: u(() => [
+                M(oe, {
+                  item: s,
+                  section: t.section,
+                  "selected-key": n.selectedKey,
+                  collapsed: n.collapsed,
+                  onSelect: C
+                }, O({ _: 2 }, [
+                  n.$slots["item-icon"] ? {
+                    name: "item-icon",
+                    fn: u((P) => [
+                      T(n.$slots, "item-icon", J({ ref_for: !0 }, P))
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["item", "section", "selected-key", "collapsed"])
+              ]),
+              _: 2
+            }, 1032, ["content", "disabled"]))), 128)),
+            t.overflowItems.length ? (r(), B(h(Q), {
+              key: 0,
+              "popup-visible": m(t.section.key, "more"),
+              trigger: ["hover", "click"],
+              position: "rt",
+              "popup-offset": 24,
+              "mouse-leave-delay": 180,
+              "show-arrow": !1,
+              "onUpdate:popupVisible": (s) => V(t.section.key, "more", s),
+              onShow: (s) => e(t.section.key, "more")
+            }, {
+              content: u(() => [
+                $("div", {
+                  ref_for: !0,
+                  ref: (s) => L(t.section.key, "more", s),
+                  class: "fkp-navigation-more",
+                  role: "dialog",
+                  "aria-label": "更多导航",
+                  onKeydown: i[3] || (i[3] = j(A((s) => p(!0), ["stop", "prevent"]), ["esc"]))
+                }, [
+                  (r(!0), K(Z, null, W(t.overflowItems, (s) => (r(), B(oe, {
+                    key: s.key,
+                    item: s,
+                    section: t.section,
+                    "selected-key": n.selectedKey,
+                    onSelect: C
+                  }, O({ _: 2 }, [
+                    n.$slots["item-icon"] ? {
+                      name: "item-icon",
+                      fn: u((P) => [
+                        T(n.$slots, "item-icon", J({ ref_for: !0 }, P))
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["item", "section", "selected-key"]))), 128))
+                ], 544)
+              ]),
+              default: u(() => [
+                $("button", {
+                  type: "button",
+                  class: F(["fkp-navigation-item fkp-navigation-more-trigger", {
+                    "is-selected": t.overflowItems.some(
+                      (s) => !s.opensInNewTab && s.key === n.selectedKey
+                    )
+                  }]),
+                  "aria-label": "更多导航",
+                  "aria-haspopup": "dialog",
+                  "aria-expanded": m(t.section.key, "more"),
+                  onPointerenter: I,
+                  onPointerdown: I,
+                  onFocus: I,
+                  onKeydown: [
+                    (s) => v(s, t.section.key, "more"),
+                    i[2] || (i[2] = j(A((s) => p(!0), ["stop", "prevent"]), ["esc"]))
+                  ]
+                }, [
+                  $("span", Je, [
+                    M(h(ke))
+                  ]),
+                  n.collapsed ? N("", !0) : (r(), K("span", Qe, "更多"))
+                ], 42, We)
+              ]),
+              _: 2
+            }, 1032, ["popup-visible", "onUpdate:popupVisible", "onShow"])) : N("", !0)
+          ])) : (r(), B(h(se), {
+            key: 2,
+            class: "fkp-navigation-menu",
+            collapsed: n.collapsed,
+            "selected-keys": h(S),
+            "open-keys": h(f),
+            "auto-open-selected": !1,
+            "trigger-props": le,
+            "onUpdate:openKeys": (s) => h(w)(t.section.key, s)
+          }, {
+            default: u(() => [
+              M(X, {
+                items: t.section.items,
+                section: t.section,
+                "selected-key": n.selectedKey,
+                "expanded-keys": h(f),
+                collapsed: n.collapsed,
+                "panel-visible": !!y.value,
+                onSelect: C,
+                onGroupOpen: i[4] || (i[4] = (s) => p())
+              }, O({ _: 2 }, [
+                n.$slots["item-icon"] ? {
+                  name: "item-icon",
+                  fn: u((s) => [
+                    T(n.$slots, "item-icon", J({ ref_for: !0 }, s))
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["items", "section", "selected-key", "expanded-keys", "collapsed", "panel-visible"])
+            ]),
+            _: 2
+          }, 1032, ["collapsed", "selected-keys", "open-keys", "onUpdate:openKeys"]))
+        ], 8, Le))), 128))
+      ])
+    ], 10, Ee));
+  }
+}), oo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  FkpNavigation: Xe
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  oo as N,
+  Xe as _
+};