@univerjs/docs-quick-insert-ui 0.17.0 → 0.18.0

package/lib/es/index.js

@@ -1,928 +1,33 @@
-var je = Object.defineProperty;
-var Ae = (t, e, n) => e in t ? je(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var C = (t, e, n) => Ae(t, typeof e != "symbol" ? e + "" : e, n);
-import { CommandType as R, ICommandService as H, RANGE_DIRECTION as Be, LocaleService as pe, generateRandomId as We, DisposableCollection as qe, toDisposable as Ze, Direction as W, Inject as f, IUniverInstanceService as le, Disposable as Y, UniverInstanceType as K, DeleteDirection as Ve, DependentOn as Fe, Injector as Ge, IConfigService as ze, Plugin as Ye, merge as Je } from "@univerjs/core";
-import { DocSelectionManagerService as he, DocSkeletonManagerService as Xe, RichTextEditingMutation as et } from "@univerjs/docs";
-import { CutContentCommand as tt, DocCanvasPopManagerService as Pe, DocEventManagerService as ye, OrderListCommand as nt, BulletListCommand as it, HorizontalLineCommand as rt, DocCreateTableOperation as st, InsertCommand as ot, IMEInputCommand as ct, DeleteCommand as at, MoveCursorOperation as dt, DeleteLeftCommand as ut } from "@univerjs/docs-ui";
-import { useDependency as _, KeyCode as O, ComponentManager as xe, IShortcutService as Me, useObservable as U, ILayoutService as pt, useEvent as lt, UniverUIPlugin as ht } from "@univerjs/ui";
-import { IRenderManagerService as fe } from "@univerjs/engine-render";
-import { map as Oe, distinctUntilChanged as ft, tap as L, combineLatest as ge, BehaviorSubject as A, of as gt } from "rxjs";
-import { jsx as h, jsxs as Ce } from "react/jsx-runtime";
-import { Menu as mt, clsx as se, scrollbarClassName as vt, MenuItemGroup as Ct, MenuItem as _t, Tooltip as It, borderClassName as St } from "@univerjs/design";
-import { useMemo as oe, useState as _e, useRef as B, useEffect as j, createElement as J, forwardRef as me } from "react";
-import { InsertDocImageCommand as Pt, UniverDocsDrawingUIPlugin as yt } from "@univerjs/docs-drawing-ui";
-import { UniverDocsDrawingPlugin as xt } from "@univerjs/docs-drawing";
-import { UniverDrawingPlugin as Mt } from "@univerjs/drawing";
-import { UniverDrawingUIPlugin as Ot } from "@univerjs/drawing-ui";
-const be = {
-  id: "doc.command.delete-search-key",
-  type: R.COMMAND,
-  handler: (t, e) => {
-    const n = t.get(H), { start: i, end: r } = e;
-    return n.syncExecuteCommand(tt.id, {
-      segmentId: "",
-      textRanges: [{
-        startOffset: i,
-        endOffset: i,
-        collapsed: !0
-      }],
-      selections: [{
-        startOffset: i,
-        endOffset: r,
-        collapsed: !1,
-        direction: Be.FORWARD
-      }]
-    });
-  }
-}, bt = "docs.quick.insert.keyword-input-placeholder", q = () => {
-  const t = _(pe);
-  return /* @__PURE__ */ h("div", { className: "univer-translate-y-1.5 univer-text-sm univer-text-gray-500", children: t.t("docQuickInsert.keywordInputPlaceholder") });
-};
-q.componentKey = bt;
-const wt = "docs.quick.insert.placeholder", Z = () => {
-  const t = _(pe);
-  return /* @__PURE__ */ h(
-    "div",
-    {
-      className: "univer-flex univer-h-full univer-items-center univer-justify-center univer-rounded-lg univer-bg-white univer-px-12 univer-py-6 univer-text-gray-400 univer-shadow-lg",
-      children: /* @__PURE__ */ h("span", { children: t.t("docQuickInsert.placeholder") })
-    }
-  );
-};
-Z.componentKey = wt;
-function ce(t, e) {
-  return t.map((n) => ({ ...n })).filter((n) => {
-    if ("children" in n)
-      return n.children = ce(n.children, e), n.children.length > 0;
-    const i = n.keywords;
-    return i ? i.some((r) => r.includes(e)) : n.title.toLowerCase().includes(e);
-  });
-}
-function we(t, e) {
-  return t.map((n) => {
-    const i = { ...n };
-    return "children" in i && (i.children = we(i.children, e)), i.title = e.t(i.title), "keywords" in i && (i.keywords = i.keywords.concat(i.title).map((r) => r.toLowerCase())), i;
-  });
-}
-const kt = [O.ARROW_UP, O.ARROW_DOWN, O.ENTER], V = () => {
-  const t = _(pe), e = _(I), n = _(xe), i = _(Me), r = _(H), s = oe(() => We(), []), [c, l] = _e(0), o = B(null), a = B(0);
-  a.current = 0;
-  const d = U(e.filterKeyword$, ""), u = U(e.editPopup$), g = U(u == null ? void 0 : u.popup.menus$, []), S = oe(() => we(g, t), [g]), [b, P] = _e(() => ce(S, d.toLowerCase()));
-  j(() => {
-    const m = requestIdleCallback(() => {
-      P(ce(S, d.toLowerCase()));
-    });
-    return () => {
-      cancelIdleCallback(m);
-    };
-  }, [S, d]);
-  const y = (m) => {
-    e.emitMenuSelected(m), r.executeCommand(Q.id);
-  };
-  j(() => {
-    const m = new qe();
-    i.getAllShortcuts().filter((p) => p.binding && kt.includes(p.binding)).forEach((p) => {
-      const M = p.preconditions;
-      p.preconditions = () => !1, m.add(Ze(() => {
-        p.preconditions = M;
-      }));
-    });
-    const x = {
-      id: `quick.insert.popup.enter.${s}`,
-      type: R.OPERATION,
-      handler: () => {
-        const p = o.current;
-        p && y(p);
-      }
-    }, N = {
-      id: `quick.insert.popup.move.cursor.up.${s}`,
-      type: R.OPERATION,
-      handler: () => {
-        l((p) => {
-          const M = p - 1;
-          return M >= 0 ? M : a.current - 1;
-        });
-      }
-    }, k = {
-      id: `quick.insert.popup.move.cursor.down.${s}`,
-      type: R.OPERATION,
-      handler: () => {
-        l((p) => {
-          const M = p + 1;
-          return M <= a.current - 1 ? M : 0;
-        });
-      }
-    };
-    return m.add(r.registerCommand(N)), m.add(r.registerCommand(k)), m.add(r.registerCommand(x)), m.add(i.registerShortcut({
-      priority: 1e3,
-      id: N.id,
-      binding: O.ARROW_UP,
-      preconditions: () => !0,
-      staticParameters: {
-        direction: W.UP
-      }
-    })), m.add(i.registerShortcut({
-      priority: 1e3,
-      id: k.id,
-      binding: O.ARROW_DOWN,
-      preconditions: () => !0,
-      staticParameters: {
-        direction: W.DOWN
-      }
-    })), m.add(i.registerShortcut({
-      priority: 1e3,
-      id: x.id,
-      binding: O.ENTER,
-      preconditions: () => !0
-    })), () => {
-      m.dispose();
-    };
-  }, []), j(() => {
-    l(0);
-  }, [b]);
-  const w = B(/* @__PURE__ */ new Map());
-  j(() => () => {
-    w.current.clear();
-  }, []);
-  function D(m) {
-    return m.map((v) => {
-      const te = v.icon, x = te ? n.get(te) : null;
-      if ("children" in v)
-        return /* @__PURE__ */ h(
-          Ct,
-          {
-            title: /* @__PURE__ */ Ce(
-              "div",
-              {
-                className: "univer-mb-2 univer-flex univer-items-center univer-text-xs univer-text-gray-400",
-                children: [
-                  x && /* @__PURE__ */ h("span", { className: "univer-mr-2 univer-inline-flex univer-text-base", children: /* @__PURE__ */ h(x, {}) }),
-                  /* @__PURE__ */ h("span", { children: v.title })
-                ]
-              }
-            ),
-            children: D(v.children)
-          },
-          v.id
-        );
-      const N = a.current, k = c === N;
-      if (k) {
-        o.current = v;
-        const p = w.current.get(v.id);
-        p == null || p.scrollIntoView({
-          block: "nearest"
-        });
-      }
-      return a.current++, /* @__PURE__ */ h(
-        _t,
-        {
-          ref: (p) => {
-            p && w.current.set(v.id, p);
-          },
-          onMouseEnter: () => l(N),
-          onMouseLeave: () => l(Number.NaN),
-          className: se("univer-w-[calc(220px-var(--padding-base)*2)] univer-text-sm", {
-            "hover:univer-bg-transparent": !k,
-            "univer-bg-gray-100 dark:!univer-bg-gray-500": k
-          }),
-          onClick: () => {
-            y(v);
-          },
-          children: /* @__PURE__ */ Ce(
-            "div",
-            {
-              className: "univer-flex univer-w-full univer-items-center univer-px-1",
-              children: [
-                x && /* @__PURE__ */ h("span", { className: "univer-mr-2 univer-inline-flex univer-text-base", children: /* @__PURE__ */ h(x, {}) }),
-                /* @__PURE__ */ h(It, { showIfEllipsis: !0, title: v.title, placement: "right", children: /* @__PURE__ */ h("span", { className: "univer-truncate", children: v.title }) })
-              ]
-            }
-          )
-        },
-        v.id
-      );
-    });
-  }
-  const Le = b.length > 0, ve = (u == null ? void 0 : u.popup.Placeholder) || n.get(Z.componentKey);
-  return /* @__PURE__ */ h("div", { className: "univer-mt-2", children: Le ? /* @__PURE__ */ h(
-    mt,
-    {
-      wrapperClass: se("univer-max-h-[360px] univer-w-[220px] univer-overflow-y-auto univer-overflow-x-hidden", vt),
-      children: D(b)
-    }
-  ) : ve && /* @__PURE__ */ h(ve, {}) });
-};
-V.componentKey = "docs.quick.insert.popup";
-var Rt = Object.getOwnPropertyDescriptor, $t = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? Rt(e, n) : e, s = t.length - 1, c; s >= 0; s--)
-    (c = t[s]) && (r = c(r) || r);
-  return r;
-}, E = (t, e) => (n, i) => e(n, i, t);
-const Ie = {
-  dispose: () => {
-  }
-};
-let I = class extends Y {
-  constructor(e, n, i, r, s) {
-    super();
-    C(this, "_popups", /* @__PURE__ */ new Set());
-    C(this, "_editPopup$", new A(void 0));
-    C(this, "editPopup$", this._editPopup$.asObservable());
-    C(this, "_isComposing$", new A(!1));
-    C(this, "isComposing$", this._isComposing$.asObservable());
-    C(this, "_inputOffset$", new A({ start: 0, end: 0 }));
-    C(this, "inputOffset$", this._inputOffset$.asObservable());
-    C(this, "filterKeyword$");
-    C(this, "_menuSelectedCallbacks", /* @__PURE__ */ new Set());
-    C(this, "_inputPlaceholderRenderRoot", null);
-    this._docCanvasPopupManagerService = e, this._univerInstanceService = n, this._commandService = i, this._renderManagerService = r, this._docSelectionManagerService = s, this.disposeWithMe(this._editPopup$);
-    const c = (o, a) => {
-      var d, u;
-      return (u = (d = this._univerInstanceService.getCurrentUnitOfType(K.UNIVER_DOC)) == null ? void 0 : d.getBody()) == null ? void 0 : u.dataStream.slice(o, a);
-    };
-    let l = "";
-    this.filterKeyword$ = this._inputOffset$.pipe(
-      Oe((o) => {
-        var d;
-        const a = c(o.start, o.end);
-        return (d = a == null ? void 0 : a.slice(1)) != null ? d : "";
-      }),
-      ft(),
-      L((o) => {
-        l = o;
-      })
-    ), this.disposeWithMe(ge([
-      this.filterKeyword$.pipe(L((o) => {
-        var a, d, u;
-        o.length > 0 ? (d = (a = this._inputPlaceholderRenderRoot) == null ? void 0 : a.unmount) == null || d.dispose() : (u = this._inputPlaceholderRenderRoot) == null || u.mount();
-      })),
-      this.isComposing$.pipe(L((o) => {
-        var a, d, u;
-        o ? (d = (a = this._inputPlaceholderRenderRoot) == null ? void 0 : a.unmount) == null || d.dispose() : l.length <= 0 && ((u = this._inputPlaceholderRenderRoot) == null || u.mount());
-      })),
-      this.editPopup$.pipe(L((o) => {
-        var a, d;
-        o || ((d = (a = this._inputPlaceholderRenderRoot) == null ? void 0 : a.unmount) == null || d.dispose(), this._inputPlaceholderRenderRoot = null);
-      }))
-    ]).subscribe());
-  }
-  get popups() {
-    return Array.from(this._popups);
-  }
-  get editPopup() {
-    return this._editPopup$.value;
-  }
-  get isComposing() {
-    return this._isComposing$.value;
-  }
-  setIsComposing(e) {
-    this._isComposing$.next(e);
-  }
-  get inputOffset() {
-    return this._inputOffset$.value;
-  }
-  setInputOffset(e) {
-    this._inputOffset$.next(e);
-  }
-  getDocEventManagerService(e) {
-    var n;
-    return (n = this._renderManagerService.getRenderById(e)) == null ? void 0 : n.with(ye);
-  }
-  resolvePopup(e) {
-    return Array.from(this._popups).find((n) => n.keyword === e);
-  }
-  registerPopup(e) {
-    return this._popups.add(e), () => {
-      this._popups.delete(e);
-    };
-  }
-  _createInputPlaceholderRenderRoot(e) {
-    return {
-      isMounted: !1,
-      mount() {
-        if (this.isMounted)
-          return;
-        this.isMounted = !0;
-        const i = e();
-        this.unmount = {
-          dispose: () => {
-            i.dispose(), this.isMounted = !1;
-          }
-        };
-      }
-    };
-  }
-  showPopup(e) {
-    var d, u;
-    const { popup: n, index: i, unitId: r } = e;
-    this.closePopup();
-    const s = this._univerInstanceService.getUnit(r), c = (u = (d = s == null ? void 0 : s.getBody()) == null ? void 0 : d.paragraphs) == null ? void 0 : u.find((g) => g.startIndex > i);
-    if (!c)
-      return;
-    const l = this.getDocEventManagerService(r), o = l == null ? void 0 : l.findParagraphBoundByIndex(c.startIndex);
-    if (!o)
-      return;
-    this._inputPlaceholderRenderRoot = this._createInputPlaceholderRenderRoot(() => {
-      var D;
-      const g = (D = this._renderManagerService.getRenderById(r)) == null ? void 0 : D.with(Xe), S = this._docSelectionManagerService.getActiveTextRange();
-      if (!g || !S)
-        return Ie;
-      const P = g.getSkeleton().findNodeByCharIndex(S.startOffset, S.segmentId, S.segmentPage);
-      if (!((P == null ? void 0 : P.content) === "\r"))
-        return Ie;
-      const w = this._docCanvasPopupManagerService.attachPopupToRange(
-        { startOffset: i + 1, endOffset: i + 1, collapsed: !1 },
-        {
-          componentKey: q.componentKey,
-          onClickOutside: () => {
-            w.dispose();
-          },
-          direction: "horizontal"
-        },
-        r
-      );
-      return w;
-    }), this._inputPlaceholderRenderRoot.mount();
-    const a = this._docCanvasPopupManagerService.attachPopupToRect(
-      o.firstLine,
-      {
-        componentKey: V.componentKey,
-        onClickOutside: () => {
-          this.closePopup();
-        },
-        direction: "bottom"
-      },
-      r
-    );
-    this._editPopup$.next({ disposable: a, popup: n, anchor: i, unitId: r });
-  }
-  closePopup() {
-    this.editPopup && (this.editPopup.disposable.dispose(), this._editPopup$.next(null));
-  }
-  onMenuSelected(e) {
-    return this._menuSelectedCallbacks.add(e), () => {
-      this._menuSelectedCallbacks.delete(e);
-    };
-  }
-  emitMenuSelected(e) {
-    const { start: n, end: i } = this.inputOffset;
-    this._commandService.syncExecuteCommand(be.id, {
-      start: n,
-      end: i
-    }), setTimeout(() => {
-      this._menuSelectedCallbacks.forEach((r) => r(e));
-    }, 0);
-  }
-};
-I = $t([
-  E(0, f(Pe)),
-  E(1, f(le)),
-  E(2, f(H)),
-  E(3, f(fe)),
-  E(4, f(he))
-], I);
-const ke = {
-  type: R.OPERATION,
-  id: "doc.operation.show-quick-insert-popup",
-  handler(t, e) {
-    const n = t.get(I);
-    return e ? (n.showPopup(e), !0) : !1;
-  }
-}, Q = {
-  type: R.OPERATION,
-  id: "doc.operation.close-quick-insert-popup",
-  handler(t) {
-    return t.get(I).closePopup(), !0;
-  }
-}, Re = {
-  id: "quick-insert.text.menu",
-  title: "docQuickInsert.menu.text",
-  icon: "TextIcon",
-  keywords: ["text"]
-}, $e = {
-  id: nt.id,
-  title: "docQuickInsert.menu.numberedList",
-  icon: "OrderIcon",
-  keywords: ["numbered", "list", "ordered"]
-}, De = {
-  id: it.id,
-  title: "docQuickInsert.menu.bulletedList",
-  icon: "UnorderIcon",
-  keywords: ["bulleted", "list", "unordered"]
-}, Ne = {
-  id: rt.id,
-  title: "docQuickInsert.menu.divider",
-  icon: "DividerIcon",
-  keywords: ["divider", "line", "separate"]
-}, Ee = {
-  id: st.id,
-  title: "docQuickInsert.menu.table",
-  icon: "GridIcon",
-  keywords: ["table", "grid", "spreadsheet"]
-}, Te = {
-  id: Pt.id,
-  title: "docQuickInsert.menu.image",
-  icon: "AdditionAndSubtractionIcon",
-  keywords: ["image", "picture", "photo"]
-}, Dt = [
-  {
-    title: "docQuickInsert.group.basics",
-    id: "quick.insert.group.basic",
-    children: [
-      Re,
-      $e,
-      De,
-      Ne,
-      Ee,
-      Te
-    ]
-  }
-], Nt = /* @__PURE__ */ new Set([
-  $e.id,
-  De.id,
-  Ne.id,
-  Ee.id,
-  Te.id
-]);
-var Et = Object.getOwnPropertyDescriptor, Tt = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? Et(e, n) : e, s = t.length - 1, c; s >= 0; s--)
-    (c = t[s]) && (r = c(r) || r);
-  return r;
-}, T = (t, e) => (n, i) => e(n, i, t);
-let F = class extends Y {
-  constructor(t, e, n, i, r) {
-    super(), this._commandService = t, this._textSelectionManagerService = e, this._docQuickInsertPopupService = n, this._shortcutService = i, this._univerInstanceService = r, this.disposeWithMe(this._shortcutService.registerShortcut({
-      id: Q.id,
-      binding: O.ESC,
-      preconditions: () => !!this._docQuickInsertPopupService.editPopup,
-      priority: 1e3
-    })), this._initTrigger(), this._initMenuHandler();
-  }
-  // eslint-disable-next-line max-lines-per-function
-  _initTrigger() {
-    this.disposeWithMe(
-      // eslint-disable-next-line complexity, max-lines-per-function
-      this._commandService.onCommandExecuted((t) => {
-        var s, c, l;
-        const { _docQuickInsertPopupService: e, _textSelectionManagerService: n, _commandService: i } = this, r = this._univerInstanceService.getCurrentUnitOfType(K.UNIVER_DOC);
-        if (!(r != null && r.getDisabled())) {
-          if (t.id === ot.id) {
-            const o = t.params;
-            if (e.editPopup) {
-              e.setInputOffset({
-                start: e.inputOffset.start,
-                end: o.range.endOffset + 1
-              });
-              return;
-            }
-            const a = n.getActiveTextRange();
-            if (!a)
-              return;
-            const d = e.resolvePopup(o.body.dataStream);
-            if (!d || !(d.preconditions ? d.preconditions(o) : !0))
-              return;
-            e.setInputOffset({ start: a.startOffset - 1, end: a.startOffset }), setTimeout(() => {
-              i.executeCommand(ke.id, {
-                index: a.startOffset - 1,
-                unitId: o.unitId,
-                popup: d
-              });
-            }, 100);
-          }
-          if (t.id === ct.id) {
-            const o = t.params;
-            !e.isComposing && o.isCompositionStart && e.setIsComposing(!0), e.isComposing && o.isCompositionEnd && e.setIsComposing(!1);
-          }
-          if (t.id === et.id) {
-            const o = t.params;
-            if (o.isCompositionEnd) {
-              const a = (c = (s = o.textRanges) == null ? void 0 : s[0]) == null ? void 0 : c.endOffset;
-              a && e.setInputOffset({ start: e.inputOffset.start, end: a });
-            }
-          }
-          if (t.id === at.id) {
-            const o = t.params;
-            if (e.editPopup && o.direction === Ve.LEFT) {
-              const a = (l = o.len) != null ? l : 0;
-              e.setInputOffset({ start: e.inputOffset.start, end: o.range.endOffset - a });
-            }
-          }
-          if (t.id === dt.id) {
-            const o = t.params;
-            (o.direction === W.LEFT || o.direction === W.RIGHT) && e.editPopup && i.executeCommand(Q.id);
-          }
-          if (t.id === ut.id) {
-            const o = n.getActiveTextRange();
-            if (!e.editPopup || !o)
-              return;
-            o.endOffset <= e.editPopup.anchor && i.executeCommand(Q.id);
-          }
-        }
-      })
-    );
-  }
-  _initMenuHandler() {
-    this.disposeWithMe(this._docQuickInsertPopupService.onMenuSelected((t) => {
-      t.id !== Re.id && Nt.has(t.id) && this._commandService.executeCommand(t.id);
-    }));
-  }
-};
-F = Tt([
-  T(0, H),
-  T(1, f(he)),
-  T(2, f(I)),
-  T(3, f(Me)),
-  T(4, f(le))
-], F);
-function X({ ref: t, ...e }) {
-  const { icon: n, id: i, className: r, extend: s, ...c } = e, l = `univerjs-icon univerjs-icon-${i} ${r || ""}`.trim(), o = B(`_${Ht()}`);
-  return Ue(n, `${i}`, {
-    defIds: n.defIds,
-    idSuffix: o.current
-  }, {
-    ref: t,
-    className: l,
-    ...c
-  }, s);
-}
-function Ue(t, e, n, i, r) {
-  return J(t.tag, {
-    key: e,
-    ...Ut(t, n, r),
-    ...i
-  }, (Qt(t, n).children || []).map((s, c) => Ue(s, `${e}-${t.tag}-${c}`, n, void 0, r)));
-}
-function Ut(t, e, n) {
-  const i = { ...t.attrs };
-  n != null && n.colorChannel1 && i.fill === "colorChannel1" && (i.fill = n.colorChannel1), t.tag === "mask" && i.id && (i.id = i.id + e.idSuffix), Object.entries(i).forEach(([s, c]) => {
-    s === "mask" && typeof c == "string" && (i[s] = c.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
-  });
-  const { defIds: r } = e;
-  return !r || r.length === 0 || (t.tag === "use" && i["xlink:href"] && (i["xlink:href"] = i["xlink:href"] + e.idSuffix), Object.entries(i).forEach(([s, c]) => {
-    typeof c == "string" && (i[s] = c.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
-  })), i;
-}
-function Qt(t, e) {
-  var i;
-  const { defIds: n } = e;
-  return !n || n.length === 0 ? t : t.tag === "defs" && ((i = t.children) != null && i.length) ? {
-    ...t,
-    children: t.children.map((r) => typeof r.attrs.id == "string" && n && n.includes(r.attrs.id) ? {
-      ...r,
-      attrs: {
-        ...r.attrs,
-        id: r.attrs.id + e.idSuffix
-      }
-    } : r)
-  } : t;
-}
-function Ht() {
-  return Math.random().toString(36).substring(2, 8);
-}
-X.displayName = "UniverIcon";
-const Kt = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 16 16",
-    width: "1em",
-    height: "1em"
-  },
-  children: [
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M1.01953 3.13985C1.01953 2.77258 1.31726 2.47485 1.68453 2.47485H2.73713C3.1044 2.47485 3.40213 2.77258 3.40213 3.13985C3.40213 3.50712 3.1044 3.80485 2.73713 3.80485H1.68453C1.31726 3.80485 1.01953 3.50712 1.01953 3.13985Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M4.17734 3.13985C4.17734 2.77258 4.47507 2.47485 4.84234 2.47485H6.94754C7.31481 2.47485 7.61254 2.77258 7.61254 3.13985C7.61254 3.50712 7.31481 3.80485 6.94754 3.80485H4.84234C4.47507 3.80485 4.17734 3.50712 4.17734 3.13985Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M8.38775 3.13985C8.38775 2.77258 8.68548 2.47485 9.05275 2.47485H11.158C11.5252 2.47485 11.823 2.77258 11.823 3.13985C11.823 3.50712 11.5252 3.80485 11.158 3.80485H9.05275C8.68548 3.80485 8.38775 3.50712 8.38775 3.13985Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M12.5982 3.13985C12.5982 2.77258 12.8959 2.47485 13.2632 2.47485H14.3158C14.683 2.47485 14.9808 2.77258 14.9808 3.13985C14.9808 3.50712 14.683 3.80485 14.3158 3.80485H13.2632C12.8959 3.80485 12.5982 3.50712 12.5982 3.13985Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M1.01953 7.99972C1.01953 7.63245 1.31726 7.33472 1.68453 7.33472H14.3158C14.683 7.33472 14.9808 7.63245 14.9808 7.99972C14.9808 8.36699 14.683 8.66472 14.3158 8.66472H1.68453C1.31726 8.66472 1.01953 8.36699 1.01953 7.99972Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M1.68453 12.1951C1.31726 12.1951 1.01953 12.4928 1.01953 12.8601C1.01953 13.2273 1.31726 13.5251 1.68453 13.5251H2.73713C3.1044 13.5251 3.40213 13.2273 3.40213 12.8601C3.40213 12.4928 3.1044 12.1951 2.73713 12.1951H1.68453Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M4.84234 12.1951C4.47507 12.1951 4.17734 12.4928 4.17734 12.8601C4.17734 13.2273 4.47507 13.5251 4.84234 13.5251H6.94754C7.31481 13.5251 7.61254 13.2273 7.61254 12.8601C7.61254 12.4928 7.31481 12.1951 6.94754 12.1951H4.84234Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M9.05275 12.1951C8.68548 12.1951 8.38775 12.4928 8.38775 12.8601C8.38775 13.2273 8.68548 13.5251 9.05275 13.5251H11.158C11.5252 13.5251 11.823 13.2273 11.823 12.8601C11.823 12.4928 11.5252 12.1951 11.158 12.1951H9.05275Z"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M13.2632 12.1951C12.8959 12.1951 12.5982 12.4928 12.5982 12.8601C12.5982 13.2273 12.8959 13.5251 13.2632 13.5251H14.3158C14.683 13.5251 14.9808 13.2273 14.9808 12.8601C14.9808 12.4928 14.683 12.1951 14.3158 12.1951H13.2632Z"
-      }
-    }
-  ]
-}, ae = me(function(e, n) {
-  return J(X, Object.assign({}, e, {
-    id: "divider-icon",
-    ref: n,
-    icon: Kt
-  }));
-});
-ae.displayName = "DividerIcon";
-const Lt = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 16 16",
-    width: "1em",
-    height: "1em"
-  },
-  children: [{
-    tag: "path",
-    attrs: {
-      fill: "currentColor",
-      d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z"
-    }
-  }]
-}, Qe = me(function(e, n) {
-  return J(X, Object.assign({}, e, {
-    id: "increase-icon",
-    ref: n,
-    icon: Lt
-  }));
-});
-Qe.displayName = "IncreaseIcon";
-const jt = {
-  tag: "svg",
-  attrs: {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 17 16",
-    width: "1em",
-    height: "1em"
-  },
-  children: [{
-    tag: "g",
-    attrs: {
-      fill: "currentColor",
-      clipPath: "url(#text-icon_clip0_1293_26)"
-    },
-    children: [{
-      tag: "path",
-      attrs: { d: "M2.22891 2.07227C1.89754 2.07227 1.62891 2.34089 1.62891 2.67227C1.62891 3.00364 1.89754 3.27227 2.22891 3.27227H6.29541V14.0056C6.29541 14.337 6.56404 14.6056 6.89541 14.6056C7.22678 14.6056 7.49541 14.337 7.49541 14.0056V3.27227H11.5622C11.8936 3.27227 12.1622 3.00364 12.1622 2.67227C12.1622 2.34089 11.8936 2.07227 11.5622 2.07227H2.22891Z" }
-    }, {
-      tag: "path",
-      attrs: { d: "M10.2289 6.40552C9.89754 6.40552 9.62891 6.67415 9.62891 7.00552C9.62891 7.33689 9.89754 7.60552 10.2289 7.60552H12.2954V14.0055C12.2954 14.3369 12.564 14.6055 12.8954 14.6055C13.2268 14.6055 13.4954 14.3369 13.4954 14.0055V7.60552H15.5622C15.8936 7.60552 16.1622 7.33689 16.1622 7.00552C16.1622 6.67415 15.8936 6.40552 15.5622 6.40552H10.2289Z" }
-    }]
-  }, {
-    tag: "defs",
-    attrs: {},
-    children: [{
-      tag: "clipPath",
-      attrs: { id: "text-icon_clip0_1293_26" },
-      children: [{
-        tag: "path",
-        attrs: {
-          fill: "white",
-          d: "M0 0H16V16H0z",
-          transform: "translate(.9)"
-        }
-      }]
-    }]
-  }],
-  defIds: ["text-icon_clip0_1293_26"]
-}, de = me(function(e, n) {
-  return J(X, Object.assign({}, e, {
-    id: "text-icon",
-    ref: n,
-    icon: jt
-  }));
-});
-de.displayName = "TextIcon";
-const He = "doc.quick-insert.button";
-var At = Object.getOwnPropertyDescriptor, Bt = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? At(e, n) : e, s = t.length - 1, c; s >= 0; s--)
-    (c = t[s]) && (r = c(r) || r);
-  return r;
-}, ne = (t, e) => (n, i) => e(n, i, t);
-let G = class extends Y {
-  constructor(e, n, i, r) {
-    super();
-    C(this, "_popup$", new A(null));
-    C(this, "popup$", this._popup$.asObservable());
-    this._context = e, this._docEventManagerService = n, this._docQuickInsertPopupService = i, this._docCanvasPopManagerService = r, this._init();
-  }
-  get popup() {
-    return this._popup$.value;
-  }
-  _init() {
-    this.disposeWithMe(ge([this._docEventManagerService.hoverParagraphLeftRealTime$, this._docEventManagerService.hoverParagraphRealTime$]).subscribe(([e, n]) => {
-      var s;
-      const i = e != null ? e : n, r = this._context.unit.getDisabled();
-      if (!i || r) {
-        this._hideMenu(!0);
-        return;
-      }
-      if (i.paragraphStart === i.paragraphEnd) {
-        if (this._docQuickInsertPopupService.editPopup || i.startIndex === ((s = this.popup) == null ? void 0 : s.startIndex)) return;
-        this._hideMenu(!0);
-        const c = this._docCanvasPopManagerService.attachPopupToRect(i.firstLine, {
-          componentKey: He,
-          direction: "left-center"
-        }, this._context.unit.getUnitId());
-        this._popup$.next({
-          startIndex: i.startIndex,
-          disposable: c
-        });
-      } else
-        this._hideMenu(!0);
-    }));
-  }
-  _hideMenu(e) {
-    this._docQuickInsertPopupService.editPopup || this.popup && (e || this.popup.disposable.canDispose()) && (this.popup.disposable.dispose(), this._popup$.next(null));
-  }
-};
-G = Bt([
-  ne(1, f(ye)),
-  ne(2, f(I)),
-  ne(3, f(Pe))
-], G);
-const ue = ({ className: t = "" }) => {
-  const e = _(I), n = _(le), i = _(fe), r = U(oe(() => n.getCurrentTypeOfUnit$(K.UNIVER_DOC), [n])), s = r && i.getRenderById(r.getUnitId()), c = s == null ? void 0 : s.with(G), l = _(pt), o = _(he), a = U(e.editPopup$), d = lt((u) => {
-    var P;
-    const g = c == null ? void 0 : c.popup;
-    if (!g)
-      return;
-    const S = e.popups, b = {
-      keyword: "",
-      menus$: ge(S.map((y) => y.menus$)).pipe(
-        Oe((y) => y.flat())
-      )
-    };
-    o.replaceDocRanges([{
-      startOffset: g.startIndex,
-      endOffset: g.startIndex
-    }]), e.setInputOffset({ start: g.startIndex - 1, end: g.startIndex - 1 }), e.showPopup({
-      popup: b,
-      index: g.startIndex - 1,
-      unitId: (P = r == null ? void 0 : r.getUnitId()) != null ? P : ""
-    }), setTimeout(() => {
-      l.focus();
-    });
-  });
-  return /* @__PURE__ */ h(
-    "div",
-    {
-      className: se("univer-mr-1 univer-flex univer-cursor-pointer univer-items-center univer-gap-2.5 univer-rounded-full univer-p-1.5 univer-shadow-sm hover:univer-bg-gray-100 dark:!univer-text-gray-200 dark:hover:!univer-bg-gray-700", St, {
-        "univer-bg-gray-100 dark:!univer-bg-gray-700": a,
-        "univer-bg-white dark:!univer-bg-gray-900": !a
-      }, t),
-      role: "button",
-      tabIndex: 0,
-      onClick: d,
-      children: /* @__PURE__ */ h(
-        Qe,
-        {
-          className: "univer-text-gray-800 dark:!univer-text-gray-200"
-        }
-      )
-    }
-  );
-};
-ue.componentKey = He;
-var Wt = Object.getOwnPropertyDescriptor, qt = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? Wt(e, n) : e, s = t.length - 1, c; s >= 0; s--)
-    (c = t[s]) && (r = c(r) || r);
-  return r;
-}, ie = (t, e) => (n, i) => e(n, i, t);
-let z = class extends Y {
-  constructor(t, e, n) {
-    super(), this._commandService = t, this._docQuickInsertPopupService = e, this._componentManager = n, this._initCommands(), this._initComponents(), this._initMenus();
-  }
-  _initCommands() {
-    [
-      be,
-      ke,
-      Q
-    ].forEach((t) => {
-      this.disposeWithMe(this._commandService.registerCommand(t));
-    });
-  }
-  _initComponents() {
-    [
-      [V.componentKey, V],
-      [q.componentKey, q],
-      [Z.componentKey, Z],
-      [ae.displayName, ae],
-      [de.displayName, de],
-      [ue.componentKey, ue]
-    ].forEach(([e, n]) => {
-      e && this.disposeWithMe(this._componentManager.register(e, n));
-    }), [
-      {
-        keyword: "/",
-        menus$: gt(Dt),
-        // only show when the cursor is at the beginning of a line
-        preconditions: (e) => {
-          var n;
-          return ((n = e.range.startNodePosition) == null ? void 0 : n.glyph) === 0;
-        }
-      }
-    ].forEach((e) => {
-      this.disposeWithMe(this._docQuickInsertPopupService.registerPopup(e));
-    });
-  }
-  _initMenus() {
-  }
-};
-z = qt([
-  ie(0, H),
-  ie(1, f(I)),
-  ie(2, f(xe))
-], z);
-const Zt = "@univerjs/docs-quick-insert-ui", Vt = "0.17.0", Ke = {
-  name: Zt,
-  version: Vt
-}, Ft = "docs-quick-insert-ui.config", Se = {};
-var Gt = Object.defineProperty, zt = Object.getOwnPropertyDescriptor, Yt = (t, e, n) => e in t ? Gt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, Jt = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? zt(e, n) : e, s = t.length - 1, c; s >= 0; s--)
-    (c = t[s]) && (r = c(r) || r);
-  return r;
-}, re = (t, e) => (n, i) => e(n, i, t), ee = (t, e, n) => Yt(t, typeof e != "symbol" ? e + "" : e, n);
-let $ = class extends Ye {
-  constructor(t = Se, e, n, i) {
-    super(), this._config = t, this._injector = e, this._renderManagerSrv = n, this._configService = i;
-    const { menu: r, ...s } = Je(
-      {},
-      Se,
-      this._config
-    );
-    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(Ft, s);
-  }
-  onStarting() {
-    [
-      [z],
-      [F],
-      [I]
-    ].forEach((e) => this._injector.add(e)), this._injector.get(z);
-  }
-  onRendered() {
-    this._injector.get(F), this._injector.get(I), [
-      [G]
-    ].forEach((t) => {
-      this._renderManagerSrv.registerRenderModule(K.UNIVER_DOC, t);
-    });
-  }
-};
-ee($, "type", K.UNIVER_DOC);
-ee($, "pluginName", "DOC_QUICK_INSERT_UI_PLUGIN");
-ee($, "packageName", Ke.name);
-ee($, "version", Ke.version);
-$ = Jt([
-  Fe(Ot, Mt, yt, xt, ht),
-  re(1, f(Ge)),
-  re(2, f(fe)),
-  re(3, ze)
-], $);
-export {
-  I as DocQuickInsertPopupService,
-  F as DocQuickInsertTriggerController,
-  z as DocQuickInsertUIController,
-  bt as KeywordInputPlaceholderComponentKey,
-  wt as QuickInsertPlaceholderComponentKey,
-  $ as UniverDocsQuickInsertUIPlugin
-};
+import{CommandType as e,DeleteDirection as t,DependentOn as n,Direction as r,Disposable as i,DisposableCollection as a,ICommandService as o,IConfigService as s,IUniverInstanceService as c,Inject as l,Injector as u,LocaleService as d,Plugin as f,RANGE_DIRECTION as p,UniverInstanceType as m,generateRandomId as h,merge as g,toDisposable as _}from"@univerjs/core";import{DocSelectionManagerService as v,DocSkeletonManagerService as y,RichTextEditingMutation as b}from"@univerjs/docs";import{BulletListCommand as ee,CutContentCommand as x,DeleteCommand as S,DeleteLeftCommand as C,DocCanvasPopManagerService as w,DocCreateTableOperation as te,DocEventManagerService as T,HorizontalLineCommand as ne,IMEInputCommand as re,InsertCommand as ie,MoveCursorOperation as ae,NodePositionConvertToCursor as oe,OrderListCommand as se,getAnchorBounding as ce}from"@univerjs/docs-ui";import{ComponentManager as le,ILayoutService as ue,IShortcutService as de,KeyCode as E,UniverUIPlugin as fe,useDependency as D,useEvent as pe,useObservable as O}from"@univerjs/ui";import{IRenderManagerService as k,ptToPixel as me}from"@univerjs/engine-render";import{BehaviorSubject as A,combineLatest as j,distinctUntilChanged as he,map as ge,of as _e,tap as M}from"rxjs";import{useEffect as N,useMemo as P,useRef as F,useState as ve}from"react";import{jsx as I,jsxs as L}from"react/jsx-runtime";import{Tooltip as ye,borderBottomClassName as be,borderClassName as xe,clsx as R,scrollbarClassName as Se}from"@univerjs/design";import{InsertDocImageCommand as Ce,UniverDocsDrawingUIPlugin as we}from"@univerjs/docs-drawing-ui";import{DividerIcon as Te,IncreaseIcon as Ee,TextIcon as De}from"@univerjs/icons";import{UniverDocsDrawingPlugin as Oe}from"@univerjs/docs-drawing";import{UniverDrawingPlugin as ke}from"@univerjs/drawing";import{UniverDrawingUIPlugin as Ae}from"@univerjs/drawing-ui";const je={id:`doc.command.delete-search-key`,type:e.COMMAND,handler:(e,t)=>{let n=e.get(o),{start:r,end:i}=t;return n.syncExecuteCommand(x.id,{segmentId:``,textRanges:[{startOffset:r,endOffset:r,collapsed:!0}],selections:[{startOffset:r,endOffset:i,collapsed:!1,direction:p.FORWARD}]})}},Me=`docs.quick.insert.keyword-input-placeholder`;function Ne(e,t){if(typeof document>`u`)return e.length*11;let n=document.createElement(`canvas`).getContext(`2d`);return n?(n.font=t,Math.ceil(n.measureText(e).width)):e.length*11}const z=({popup:e})=>{var t,n,r,i,a,o,s,c,l,u,f;let p=D(d).t(`docQuickInsert.keywordInputPlaceholder`),m=me((t=(n=e.extraProps)==null?void 0:n.fontSize)==null?11:t),h=(r=(i=e.extraProps)==null?void 0:i.fontString)==null?`${m}px sans-serif`:r,g=(a=(o=e.extraProps)==null?void 0:o.ascent)==null?m:a,_=Math.max((s=(c=e.extraProps)==null?void 0:c.contentHeight)==null?m:s,m),v=P(()=>Ne(p,h),[h,p]);return I(`div`,{className:`
+              univer-select-none univer-font-normal univer-text-gray-500 univer-transition-colors
+              dark:!univer-text-gray-400
+            `,children:I(`svg`,{width:v,height:_,viewBox:`0 0 ${v} ${_}`,style:{overflow:`visible`,display:`block`},children:I(`text`,{x:0,y:g,fill:`currentColor`,style:{font:h,fontFamily:(l=e.extraProps)==null?void 0:l.fontFamily,fontStyle:(u=e.extraProps)==null?void 0:u.fontStyle,fontWeight:(f=e.extraProps)==null?void 0:f.fontWeight},children:p})})})};z.componentKey=Me;function Pe(e){return`children`in e}function B(e){return e.flatMap(e=>Pe(e)?B(e.children):e)}function Fe(e){return B(e).length}function Ie(e){let{menus:t,focusedMenuIndex:n,focusedMenuRef:r,menuNodeMapRef:i,componentManager:a,onFocusedMenuIndexChange:o,onSelect:s}=e,c=P(()=>B(t),[t]);N(()=>{var e,t;let a=Number.isNaN(n)||(e=c[n])==null?null:e;r.current=a,a&&((t=i.current.get(a.id))==null||t.scrollIntoView({block:`nearest`}))},[c,n,r,i]);let l=F(0);l.current=0;function u(e){return e.map((t,r)=>{let c=t.icon,d=c?a.get(c):null;if(Pe(t))return L(`div`,{className:R(`univer-grid univer-gap-1 univer-py-1`,r!==e.length-1&&be),children:[L(`div`,{className:`
+                              univer-box-border univer-inline-flex univer-items-center univer-gap-2 univer-px-2
+                              univer-text-xs univer-font-semibold univer-text-gray-600
+                              dark:!univer-text-gray-300
+                            `,children:[d&&I(`span`,{className:`univer-inline-flex univer-text-base`,children:I(d,{})}),I(`span`,{children:t.title})]}),I(`div`,{className:`univer-grid univer-gap-1`,children:u(t.children)})]},t.id);let f=l.current,p=n===f;return l.current+=1,I(`div`,{ref:e=>{if(e){i.current.set(t.id,e);return}i.current.delete(t.id)},role:`button`,tabIndex:-1,className:R(`
+                      univer-relative univer-box-border univer-flex univer-min-h-8 univer-w-full univer-cursor-pointer
+                      univer-items-center univer-justify-between univer-gap-3 univer-rounded-md univer-border-none
+                      univer-bg-transparent univer-px-2 univer-text-left univer-text-sm univer-text-gray-900
+                      univer-outline-none
+                      hover:univer-bg-gray-50
+                      dark:!univer-text-white
+                      dark:hover:!univer-bg-gray-600
+                    `,{"hover:univer-bg-transparent":!p,"univer-bg-gray-50 dark:!univer-bg-gray-600":p}),onMouseEnter:()=>o(f),onMouseLeave:()=>o(NaN),onClick:()=>s(t),children:L(`div`,{className:`univer-inline-flex univer-w-full univer-items-center univer-gap-2`,children:[d&&I(`span`,{className:`univer-inline-flex univer-text-base`,children:I(d,{})}),I(ye,{showIfEllipsis:!0,title:t.title,placement:`right`,children:I(`span`,{className:`univer-truncate`,children:t.title})})]})},t.id)})}return I(`div`,{className:R(`
+              univer-box-border univer-grid univer-max-h-[360px] univer-gap-1 univer-overflow-y-auto
+              univer-overflow-x-hidden univer-overscroll-contain univer-rounded-md univer-bg-white univer-px-2
+              univer-py-1 univer-text-sm univer-text-gray-900 univer-shadow-md
+              dark:!univer-bg-gray-700 dark:!univer-text-white
+            `,xe,Se),onWheel:e=>e.stopPropagation(),children:u(t)})}const Le=`docs.quick.insert.placeholder`,V=()=>I(`div`,{className:`
+              univer-flex univer-h-full univer-items-center univer-justify-center univer-rounded-lg univer-bg-white
+              univer-px-12 univer-py-6 univer-text-gray-400 univer-shadow-lg
+            `,children:I(`span`,{children:D(d).t(`docQuickInsert.placeholder`)})});V.componentKey=Le;function H(e,t){return e.map(e=>({...e})).filter(e=>{if(`children`in e)return e.children=H(e.children,t),e.children.length>0;let n=e.keywords;return n?n.some(e=>e.includes(t)):e.title.toLowerCase().includes(t)})}function Re(e,t){return e.map(e=>{let n={...e};return`children`in n&&(n.children=Re(n.children,t)),n.title=t.t(n.title),`keywords`in n&&(n.keywords=n.keywords.concat(n.title).map(e=>e.toLowerCase())),n})}const ze=[E.ARROW_UP,E.ARROW_DOWN,E.ENTER],U=()=>{let t=D(d),n=D(J),i=D(le),s=D(de),c=D(o),l=P(()=>h(),[]),[u,f]=ve(0),p=F(null),m=O(n.filterKeyword$,``),g=O(n.editPopup$),v=O(g==null?void 0:g.popup.menus$,[]),y=P(()=>Re(v,t),[v]),[b,ee]=ve(()=>H(y,m.toLowerCase())),x=P(()=>Fe(b),[b]),S=F(x);N(()=>{S.current=x},[x]),N(()=>{let e=requestIdleCallback(()=>{ee(H(y,m.toLowerCase()))});return()=>{cancelIdleCallback(e)}},[y,m]);let C=e=>{n.emitMenuSelected(e),c.executeCommand(Y.id)};N(()=>{let t=new a;s.getAllShortcuts().filter(e=>e.binding&&ze.includes(e.binding)).forEach(e=>{let n=e.preconditions;e.preconditions=()=>!1,t.add(_(()=>{e.preconditions=n}))});let n={id:`quick.insert.popup.enter.${l}`,type:e.OPERATION,handler:()=>{let e=p.current;e&&C(e)}},i={id:`quick.insert.popup.move.cursor.up.${l}`,type:e.OPERATION,handler:()=>{f(e=>{if(S.current<=0)return 0;let t=e-1;return t>=0?t:S.current-1})}},o={id:`quick.insert.popup.move.cursor.down.${l}`,type:e.OPERATION,handler:()=>{f(e=>{if(S.current<=0)return 0;let t=e+1;return t<=S.current-1?t:0})}};return t.add(c.registerCommand(i)),t.add(c.registerCommand(o)),t.add(c.registerCommand(n)),t.add(s.registerShortcut({priority:1e3,id:i.id,binding:E.ARROW_UP,preconditions:()=>!0,staticParameters:{direction:r.UP}})),t.add(s.registerShortcut({priority:1e3,id:o.id,binding:E.ARROW_DOWN,preconditions:()=>!0,staticParameters:{direction:r.DOWN}})),t.add(s.registerShortcut({priority:1e3,id:n.id,binding:E.ENTER,preconditions:()=>!0})),()=>{t.dispose()}},[c,l,s]),N(()=>{f(0)},[b]);let w=F(new Map);N(()=>()=>{w.current.clear()},[]);let te=b.length>0,T=(g==null?void 0:g.popup.Placeholder)||i.get(V.componentKey);return I(`div`,{className:`univer-mt-2`,children:te?I(Ie,{menus:b,focusedMenuIndex:u,focusedMenuRef:p,menuNodeMapRef:w,componentManager:i,onFocusedMenuIndexChange:f,onSelect:C}):T&&I(T,{})})};U.componentKey=`docs.quick.insert.popup`;function W(e){"@babel/helpers - typeof";return W=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},W(e)}function Be(e,t){if(W(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(W(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Ve(e){var t=Be(e,`string`);return W(t)==`symbol`?t:t+``}function G(e,t,n){return(t=Ve(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function K(e,t){return function(n,r){t(n,r,e)}}function q(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}const He={dispose:()=>{}};let J=class extends i{get popups(){return Array.from(this._popups)}get editPopup(){return this._editPopup$.value}get isComposing(){return this._isComposing$.value}setIsComposing(e){this._isComposing$.next(e)}get inputOffset(){return this._inputOffset$.value}setInputOffset(e){this._inputOffset$.next(e)}getDocEventManagerService(e){var t;return(t=this._renderManagerService.getRenderById(e))==null?void 0:t.with(T)}constructor(e,t,n,r,i){super(),this._docCanvasPopupManagerService=e,this._univerInstanceService=t,this._commandService=n,this._renderManagerService=r,this._docSelectionManagerService=i,G(this,`_popups`,new Set),G(this,`_editPopup$`,new A(void 0)),G(this,`editPopup$`,this._editPopup$.asObservable()),G(this,`_isComposing$`,new A(!1)),G(this,`isComposing$`,this._isComposing$.asObservable()),G(this,`_inputOffset$`,new A({start:0,end:0})),G(this,`inputOffset$`,this._inputOffset$.asObservable()),G(this,`filterKeyword$`,void 0),G(this,`_menuSelectedCallbacks`,new Set),G(this,`_inputPlaceholderRenderRoot`,null),this.disposeWithMe(this._editPopup$);let a=(e,t)=>{var n;return(n=this._univerInstanceService.getCurrentUnitOfType(m.UNIVER_DOC))==null||(n=n.getBody())==null?void 0:n.dataStream.slice(e,t)},o=``;this.filterKeyword$=this._inputOffset$.pipe(ge(e=>{var t;let n=a(e.start,e.end);return(t=n==null?void 0:n.slice(1))==null?``:t}),he(),M(e=>{o=e})),this.disposeWithMe(j([this.filterKeyword$.pipe(M(e=>{if(e.length>0){var t;(t=this._inputPlaceholderRenderRoot)==null||(t=t.unmount)==null||t.dispose()}else{var n;(n=this._inputPlaceholderRenderRoot)==null||n.mount()}})),this.isComposing$.pipe(M(e=>{if(e){var t;(t=this._inputPlaceholderRenderRoot)==null||(t=t.unmount)==null||t.dispose()}else{var n;o.length<=0&&((n=this._inputPlaceholderRenderRoot)==null||n.mount())}})),this.editPopup$.pipe(M(e=>{if(!e){var t;(t=this._inputPlaceholderRenderRoot)==null||(t=t.unmount)==null||t.dispose(),this._inputPlaceholderRenderRoot=null}}))]).subscribe())}resolvePopup(e){return Array.from(this._popups).find(t=>t.keyword===e)}registerPopup(e){return this._popups.add(e),()=>{this._popups.delete(e)}}_createInputPlaceholderRenderRoot(e){return{isMounted:!1,mount(){if(this.isMounted)return;this.isMounted=!0;let t=e();this.unmount={dispose:()=>{t.dispose(),this.isMounted=!1}}}}}_getParagraphBound(e,t){var n,r;let i=this._univerInstanceService.getUnit(e),a=i==null||(n=i.getBody())==null||(n=n.paragraphs)==null?void 0:n.find(e=>e.startIndex>t);if(!a)return null;let o=this.getDocEventManagerService(e);return(r=o==null?void 0:o.findParagraphBoundByIndex(a.startIndex))==null?null:r}_getKeywordPlaceholderAnchorRect(e,t,n,r){let i=t.findNodePositionByCharIndex(n.startOffset,!0,n.segmentId,n.segmentPage);if(!i)return r;let a=e.getOffsetConfig(),{contentBoxPointGroup:o}=new oe(a,t).getRangePointData(i,i);if(o.length===0)return r;let s=ce(o),c=s.left+a.docsLeft,l=s.top+a.docsTop;return{left:c,right:c,top:l,bottom:l+s.height}}_getKeywordPlaceholderExtraProps(e){var t,n,r,i,a,o,s,c,l,u,d,f,p;return{fontSize:(t=e.ts)==null?void 0:t.fs,fontString:(n=e.fontStyle)==null?void 0:n.fontString,fontFamily:(r=(i=(a=e.fontStyle)==null?void 0:a.fontFamily)==null?(o=e.ts)==null?void 0:o.ff:i)==null?void 0:r,fontStyle:(s=e.ts)!=null&&s.it?`italic`:`normal`,fontWeight:(c=e.ts)!=null&&c.bl?`bold`:`normal`,ascent:(l=e.bBox)==null?void 0:l.ba,contentHeight:((u=(d=e.bBox)==null?void 0:d.ba)==null?0:u)+((f=(p=e.bBox)==null?void 0:p.bd)==null?0:f)||void 0}}_mountInputPlaceholder(e,t){let n=this._renderManagerService.getRenderById(e),r=n==null?void 0:n.with(y),i=this._docSelectionManagerService.getActiveTextRange();if(!n||!r||!i)return He;let a=r.getSkeleton(),o=a.findNodeByCharIndex(i.startOffset,i.segmentId,i.segmentPage);if((o==null?void 0:o.content)!==`\r`||!o)return He;let s=n.mainComponent,c=this._getKeywordPlaceholderAnchorRect(s,a,i,t),l=this._getKeywordPlaceholderExtraProps(o),u=this._docCanvasPopupManagerService.attachPopupToRect(c,{componentKey:z.componentKey,extraProps:l,onClickOutside:()=>{u.dispose()},direction:`horizontal`},e);return u}showPopup(e){let{popup:t,index:n,unitId:r}=e;this.closePopup();let i=this._getParagraphBound(r,n);if(!i)return;this._inputPlaceholderRenderRoot=this._createInputPlaceholderRenderRoot(()=>this._mountInputPlaceholder(r,i.firstLine)),this._inputPlaceholderRenderRoot.mount();let a=this._docCanvasPopupManagerService.attachPopupToRect(i.firstLine,{componentKey:U.componentKey,onClickOutside:()=>{this.closePopup()},direction:`bottom`},r);this._editPopup$.next({disposable:a,popup:t,anchor:n,unitId:r})}closePopup(){this.editPopup&&(this.editPopup.disposable.dispose(),this._editPopup$.next(null))}onMenuSelected(e){return this._menuSelectedCallbacks.add(e),()=>{this._menuSelectedCallbacks.delete(e)}}emitMenuSelected(e){let{start:t,end:n}=this.inputOffset;this._commandService.syncExecuteCommand(je.id,{start:t,end:n}),setTimeout(()=>{this._menuSelectedCallbacks.forEach(t=>t(e))},0)}};J=q([K(0,l(w)),K(1,l(c)),K(2,l(o)),K(3,l(k)),K(4,l(v))],J);const Ue={type:e.OPERATION,id:`doc.operation.show-quick-insert-popup`,handler(e,t){let n=e.get(J);return t?(n.showPopup(t),!0):!1}},Y={type:e.OPERATION,id:`doc.operation.close-quick-insert-popup`,handler(e){return e.get(J).closePopup(),!0}};let We=function(e){return e.Basic=`quick.insert.group.basic`,e.Media=`quick.insert.group.media`,e}({});const Ge={id:`quick-insert.text.menu`,title:`docQuickInsert.menu.text`,icon:`TextIcon`,keywords:[`text`]},Ke={id:se.id,title:`docQuickInsert.menu.numberedList`,icon:`OrderIcon`,keywords:[`numbered`,`list`,`ordered`]},qe={id:ee.id,title:`docQuickInsert.menu.bulletedList`,icon:`UnorderIcon`,keywords:[`bulleted`,`list`,`unordered`]},Je={id:ne.id,title:`docQuickInsert.menu.divider`,icon:`DividerIcon`,keywords:[`divider`,`line`,`separate`]},Ye={id:te.id,title:`docQuickInsert.menu.table`,icon:`GridIcon`,keywords:[`table`,`grid`,`spreadsheet`]},Xe={id:Ce.id,title:`docQuickInsert.menu.image`,icon:`AdditionAndSubtractionIcon`,keywords:[`image`,`picture`,`photo`]},Ze=[{title:`docQuickInsert.group.basics`,id:We.Basic,children:[Ge,Ke,qe,Je,Ye,Xe]}],Qe=new Set([Ke.id,qe.id,Je.id,Ye.id,Xe.id]);let X=class extends i{constructor(e,t,n,r,i){super(),this._commandService=e,this._textSelectionManagerService=t,this._docQuickInsertPopupService=n,this._shortcutService=r,this._univerInstanceService=i,this.disposeWithMe(this._shortcutService.registerShortcut({id:Y.id,binding:E.ESC,preconditions:()=>!!this._docQuickInsertPopupService.editPopup,priority:1e3})),this._initTrigger(),this._initMenuHandler()}_initTrigger(){this.disposeWithMe(this._commandService.onCommandExecuted(e=>{let{_docQuickInsertPopupService:n,_textSelectionManagerService:i,_commandService:a}=this,o=this._univerInstanceService.getCurrentUnitOfType(m.UNIVER_DOC);if(!(o!=null&&o.getDisabled())){if(e.id===ie.id){let t=e.params;if(n.editPopup){n.setInputOffset({start:n.inputOffset.start,end:t.range.endOffset+1});return}let r=i.getActiveTextRange();if(!r)return;let o=n.resolvePopup(t.body.dataStream);if(!o||!(!o.preconditions||o.preconditions(t)))return;n.setInputOffset({start:r.startOffset-1,end:r.startOffset}),setTimeout(()=>{a.executeCommand(Ue.id,{index:r.startOffset-1,unitId:t.unitId,popup:o})},100)}if(e.id===re.id){let t=e.params;!n.isComposing&&t.isCompositionStart&&n.setIsComposing(!0),n.isComposing&&t.isCompositionEnd&&n.setIsComposing(!1)}if(e.id===b.id){let t=e.params;if(t.isCompositionEnd){var s;let e=(s=t.textRanges)==null||(s=s[0])==null?void 0:s.endOffset;e&&n.setInputOffset({start:n.inputOffset.start,end:e})}}if(e.id===S.id){let r=e.params;if(n.editPopup&&r.direction===t.LEFT){var c;let e=(c=r.len)==null?0:c;n.setInputOffset({start:n.inputOffset.start,end:r.range.endOffset-e})}}if(e.id===ae.id){let t=e.params;(t.direction===r.LEFT||t.direction===r.RIGHT)&&n.editPopup&&a.executeCommand(Y.id)}if(e.id===C.id){let e=i.getActiveTextRange();if(!n.editPopup||!e)return;e.endOffset<=n.editPopup.anchor&&a.executeCommand(Y.id)}}}))}_initMenuHandler(){this.disposeWithMe(this._docQuickInsertPopupService.onMenuSelected(e=>{e.id!==Ge.id&&Qe.has(e.id)&&this._commandService.executeCommand(e.id)}))}};X=q([K(0,o),K(1,l(v)),K(2,l(J)),K(3,l(de)),K(4,l(c))],X);const $e=`doc.quick-insert.button`;let Z=class extends i{get popup(){return this._popup$.value}constructor(e,t,n,r){super(),this._context=e,this._docEventManagerService=t,this._docQuickInsertPopupService=n,this._docCanvasPopManagerService=r,G(this,`_popup$`,new A(null)),G(this,`popup$`,this._popup$.asObservable()),this._init()}_init(){this.disposeWithMe(j([this._docEventManagerService.hoverParagraphLeftRealTime$,this._docEventManagerService.hoverParagraphRealTime$]).subscribe(([e,t])=>{let n=e==null?t:e,r=this._context.unit.getDisabled();if(!n||r){this._hideMenu(!0);return}if(n.paragraphStart===n.paragraphEnd){var i;if(this._docQuickInsertPopupService.editPopup||n.startIndex===((i=this.popup)==null?void 0:i.startIndex))return;this._hideMenu(!0);let e=this._docCanvasPopManagerService.attachPopupToRect(n.firstLine,{componentKey:$e,direction:`left-center`},this._context.unit.getUnitId());this._popup$.next({startIndex:n.startIndex,disposable:e})}else this._hideMenu(!0)}))}_hideMenu(e){this._docQuickInsertPopupService.editPopup||this.popup&&(e||this.popup.disposable.canDispose())&&(this.popup.disposable.dispose(),this._popup$.next(null))}};Z=q([K(1,l(T)),K(2,l(J)),K(3,l(w))],Z);const et=({className:e=``})=>{let t=D(J),n=D(c),r=D(k),i=O(P(()=>n.getCurrentTypeOfUnit$(m.UNIVER_DOC),[n])),a=i&&r.getRenderById(i.getUnitId()),o=a==null?void 0:a.with(Z),s=D(ue),l=D(v),u=O(t.editPopup$),d=pe(e=>{var n;let r=o==null?void 0:o.popup;if(!r)return;let a=t.popups,c={keyword:``,menus$:j(a.map(e=>e.menus$)).pipe(ge(e=>e.flat()))};l.replaceDocRanges([{startOffset:r.startIndex,endOffset:r.startIndex}]),t.setInputOffset({start:r.startIndex-1,end:r.startIndex-1}),t.showPopup({popup:c,index:r.startIndex-1,unitId:(n=i==null?void 0:i.getUnitId())==null?``:n}),setTimeout(()=>{s.focus()})});return I(`div`,{className:R(`
+              univer-mr-1 univer-flex univer-cursor-pointer univer-items-center univer-gap-2.5 univer-rounded-full
+              univer-p-1.5 univer-shadow-sm
+              hover:univer-bg-gray-100
+              dark:!univer-text-gray-200
+              dark:hover:!univer-bg-gray-700
+            `,xe,{"univer-bg-gray-100 dark:!univer-bg-gray-700":u,"univer-bg-white dark:!univer-bg-gray-900":!u},e),role:`button`,tabIndex:0,onClick:d,children:I(Ee,{className:`
+                  univer-text-gray-800
+                  dark:!univer-text-gray-200
+                `})})};et.componentKey=$e;let Q=class extends i{constructor(e,t,n){super(),this._commandService=e,this._docQuickInsertPopupService=t,this._componentManager=n,this._initCommands(),this._initComponents(),this._initMenus()}_initCommands(){[je,Ue,Y].forEach(e=>{this.disposeWithMe(this._commandService.registerCommand(e))})}_initComponents(){[[U.componentKey,U],[z.componentKey,z],[V.componentKey,V],[Te.displayName,Te],[De.displayName,De],[et.componentKey,et]].forEach(([e,t])=>{e&&this.disposeWithMe(this._componentManager.register(e,t))}),[{keyword:`/`,menus$:_e(Ze),preconditions:e=>{var t;return((t=e.range.startNodePosition)==null?void 0:t.glyph)===0}}].forEach(e=>{this.disposeWithMe(this._docQuickInsertPopupService.registerPopup(e))})}_initMenus(){}};Q=q([K(0,o),K(1,l(J)),K(2,l(le))],Q);var tt=`@univerjs/docs-quick-insert-ui`,nt=`0.18.0`;const rt=`docs-quick-insert-ui.config`;Symbol(rt);const it={};let $=class extends f{constructor(e=it,t,n,r){super(),this._config=e,this._injector=t,this._renderManagerSrv=n,this._configService=r;let{menu:i,...a}=g({},it,this._config);i&&this._configService.setConfig(`menu`,i,{merge:!0}),this._configService.setConfig(rt,a)}onStarting(){[[Q],[X],[J]].forEach(e=>this._injector.add(e)),this._injector.get(Q)}onRendered(){this._injector.get(X),this._injector.get(J),[[Z]].forEach(e=>{this._renderManagerSrv.registerRenderModule(m.UNIVER_DOC,e)})}};G($,`type`,m.UNIVER_DOC),G($,`pluginName`,`DOC_QUICK_INSERT_UI_PLUGIN`),G($,`packageName`,tt),G($,`version`,nt),$=q([n(Ae,ke,we,Oe,fe),K(1,l(u)),K(2,l(k)),K(3,s)],$);export{J as DocQuickInsertPopupService,X as DocQuickInsertTriggerController,Q as DocQuickInsertUIController,Me as KeywordInputPlaceholderComponentKey,Le as QuickInsertPlaceholderComponentKey,$ as UniverDocsQuickInsertUIPlugin};