@univerjs/docs-quick-insert-ui 0.16.1 → 0.17.0-insiders.20260318-d69dc16

package/lib/es/index.js

@@ -1,924 +1,33 @@
-var Le = Object.defineProperty;
-var Ae = (t, e, n) => e in t ? Le(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 k, ICommandService as Q, RANGE_DIRECTION as je, LocaleService as ue, generateRandomId as Be, DisposableCollection as We, toDisposable as qe, Direction as B, Inject as f, IUniverInstanceService as pe, Disposable as Y, UniverInstanceType as H, DeleteDirection as Ze, DependentOn as Ve, Injector as Fe, IConfigService as Ge, Plugin as ze, merge as Ye } from "@univerjs/core";
-import { DocSelectionManagerService as le, DocSkeletonManagerService as Je, RichTextEditingMutation as Xe } from "@univerjs/docs";
-import { CutContentCommand as et, DocCanvasPopManagerService as Se, DocEventManagerService as Pe, OrderListCommand as tt, BulletListCommand as nt, HorizontalLineCommand as it, DocCreateTableOperation as rt, InsertCommand as st, IMEInputCommand as ot, DeleteCommand as ct, MoveCursorOperation as at, DeleteLeftCommand as dt } from "@univerjs/docs-ui";
-import { useDependency as _, KeyCode as O, ComponentManager as ye, IShortcutService as xe, useObservable as T, ILayoutService as ut, useEvent as pt, UniverUIPlugin as lt } from "@univerjs/ui";
-import { IRenderManagerService as he } from "@univerjs/engine-render";
-import { map as Me, distinctUntilChanged as ht, tap as K, combineLatest as fe, BehaviorSubject as A, of as ft } from "rxjs";
-import { jsx as h, jsxs as ve } from "react/jsx-runtime";
-import { Menu as gt, clsx as re, scrollbarClassName as mt, MenuItemGroup as vt, MenuItem as Ct, Tooltip as _t, borderClassName as It } from "@univerjs/design";
-import { useMemo as se, useState as Ce, useRef as j, useEffect as L, createElement as J, forwardRef as ge } from "react";
-import { InsertDocImageCommand as St, UniverDocsDrawingUIPlugin as Pt } from "@univerjs/docs-drawing-ui";
-import { UniverDocsDrawingPlugin as yt } from "@univerjs/docs-drawing";
-import { UniverDrawingPlugin as xt } from "@univerjs/drawing";
-import { UniverDrawingUIPlugin as Mt } from "@univerjs/drawing-ui";
-const Oe = {
-  id: "doc.command.delete-search-key",
-  type: k.COMMAND,
-  handler: (t, e) => {
-    const n = t.get(Q), { start: i, end: r } = e;
-    return n.syncExecuteCommand(et.id, {
-      segmentId: "",
-      textRanges: [{
-        startOffset: i,
-        endOffset: i,
-        collapsed: !0
-      }],
-      selections: [{
-        startOffset: i,
-        endOffset: r,
-        collapsed: !1,
-        direction: je.FORWARD
-      }]
-    });
-  }
-}, Ot = "docs.quick.insert.keyword-input-placeholder", W = () => {
-  const t = _(ue);
-  return /* @__PURE__ */ h("div", { className: "univer-translate-y-1.5 univer-text-sm univer-text-gray-500", children: t.t("docQuickInsert.keywordInputPlaceholder") });
-};
-W.componentKey = Ot;
-const bt = "docs.quick.insert.placeholder", q = () => {
-  const t = _(ue);
-  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") })
-    }
-  );
-};
-q.componentKey = bt;
-function oe(t, e) {
-  return t.map((n) => ({ ...n })).filter((n) => {
-    if ("children" in n)
-      return n.children = oe(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 be(t, e) {
-  return t.map((n) => {
-    const i = { ...n };
-    return "children" in i && (i.children = be(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 wt = [O.ARROW_UP, O.ARROW_DOWN, O.ENTER], Z = () => {
-  const t = _(ue), e = _(I), n = _(ye), i = _(xe), r = _(Q), s = se(() => Be(), []), [c, l] = Ce(0), o = j(null), a = j(0);
-  a.current = 0;
-  const d = T(e.filterKeyword$, ""), u = T(e.editPopup$), g = T(u == null ? void 0 : u.popup.menus$, []), S = se(() => be(g, t), [g]), [b, P] = Ce(() => oe(S, d.toLowerCase()));
-  L(() => {
-    const m = requestIdleCallback(() => {
-      P(oe(S, d.toLowerCase()));
-    });
-    return () => {
-      cancelIdleCallback(m);
-    };
-  }, [S, d]);
-  const y = (m) => {
-    e.emitMenuSelected(m), r.executeCommand(U.id);
-  };
-  L(() => {
-    const m = new We();
-    i.getAllShortcuts().filter((p) => p.binding && wt.includes(p.binding)).forEach((p) => {
-      const M = p.preconditions;
-      p.preconditions = () => !1, m.add(qe(() => {
-        p.preconditions = M;
-      }));
-    });
-    const x = {
-      id: `quick.insert.popup.enter.${s}`,
-      type: k.OPERATION,
-      handler: () => {
-        const p = o.current;
-        p && y(p);
-      }
-    }, D = {
-      id: `quick.insert.popup.move.cursor.up.${s}`,
-      type: k.OPERATION,
-      handler: () => {
-        l((p) => {
-          const M = p - 1;
-          return M >= 0 ? M : a.current - 1;
-        });
-      }
-    }, R = {
-      id: `quick.insert.popup.move.cursor.down.${s}`,
-      type: k.OPERATION,
-      handler: () => {
-        l((p) => {
-          const M = p + 1;
-          return M <= a.current - 1 ? M : 0;
-        });
-      }
-    };
-    return m.add(r.registerCommand(D)), m.add(r.registerCommand(R)), m.add(r.registerCommand(x)), m.add(i.registerShortcut({
-      priority: 1e3,
-      id: D.id,
-      binding: O.ARROW_UP,
-      preconditions: () => !0,
-      staticParameters: {
-        direction: B.UP
-      }
-    })), m.add(i.registerShortcut({
-      priority: 1e3,
-      id: R.id,
-      binding: O.ARROW_DOWN,
-      preconditions: () => !0,
-      staticParameters: {
-        direction: B.DOWN
-      }
-    })), m.add(i.registerShortcut({
-      priority: 1e3,
-      id: x.id,
-      binding: O.ENTER,
-      preconditions: () => !0
-    })), () => {
-      m.dispose();
-    };
-  }, []), L(() => {
-    l(0);
-  }, [b]);
-  const w = j(/* @__PURE__ */ new Map());
-  L(() => () => {
-    w.current.clear();
-  }, []);
-  function $(m) {
-    return m.map((v) => {
-      const ee = v.icon, x = ee ? n.get(ee) : null;
-      if ("children" in v)
-        return /* @__PURE__ */ h(
-          vt,
-          {
-            title: /* @__PURE__ */ ve(
-              "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: $(v.children)
-          },
-          v.id
-        );
-      const D = a.current, R = c === D;
-      if (R) {
-        o.current = v;
-        const p = w.current.get(v.id);
-        p == null || p.scrollIntoView({
-          block: "nearest"
-        });
-      }
-      return a.current++, /* @__PURE__ */ h(
-        Ct,
-        {
-          ref: (p) => {
-            p && w.current.set(v.id, p);
-          },
-          onMouseEnter: () => l(D),
-          onMouseLeave: () => l(Number.NaN),
-          className: re("univer-w-[calc(220px-var(--padding-base)*2)] univer-text-sm", {
-            "hover:univer-bg-transparent": !R,
-            "univer-bg-gray-100 dark:!univer-bg-gray-500": R
-          }),
-          onClick: () => {
-            y(v);
-          },
-          children: /* @__PURE__ */ ve(
-            "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(_t, { showIfEllipsis: !0, title: v.title, placement: "right", children: /* @__PURE__ */ h("span", { className: "univer-truncate", children: v.title }) })
-              ]
-            }
-          )
-        },
-        v.id
-      );
-    });
-  }
-  const Ke = b.length > 0, me = (u == null ? void 0 : u.popup.Placeholder) || n.get(q.componentKey);
-  return /* @__PURE__ */ h("div", { className: "univer-mt-2", children: Ke ? /* @__PURE__ */ h(
-    gt,
-    {
-      wrapperClass: re("univer-max-h-[360px] univer-w-[220px] univer-overflow-y-auto univer-overflow-x-hidden", mt),
-      children: $(b)
-    }
-  ) : me && /* @__PURE__ */ h(me, {}) });
-};
-Z.componentKey = "docs.quick.insert.popup";
-var Rt = Object.getOwnPropertyDescriptor, kt = (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;
-}, N = (t, e) => (n, i) => e(n, i, t);
-const _e = {
-  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(H.UNIVER_DOC)) == null ? void 0 : d.getBody()) == null ? void 0 : u.dataStream.slice(o, a);
-    };
-    let l = "";
-    this.filterKeyword$ = this._inputOffset$.pipe(
-      Me((o) => {
-        var d;
-        const a = c(o.start, o.end);
-        return (d = a == null ? void 0 : a.slice(1)) != null ? d : "";
-      }),
-      ht(),
-      K((o) => {
-        l = o;
-      })
-    ), this.disposeWithMe(fe([
-      this.filterKeyword$.pipe(K((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(K((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(K((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(Pe);
-  }
-  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 $;
-      const g = ($ = this._renderManagerService.getRenderById(r)) == null ? void 0 : $.with(Je), S = this._docSelectionManagerService.getActiveTextRange();
-      if (!g || !S)
-        return _e;
-      const P = g.getSkeleton().findNodeByCharIndex(S.startOffset, S.segmentId, S.segmentPage);
-      if (!((P == null ? void 0 : P.content) === "\r"))
-        return _e;
-      const w = this._docCanvasPopupManagerService.attachPopupToRange(
-        { startOffset: i + 1, endOffset: i + 1, collapsed: !1 },
-        {
-          componentKey: W.componentKey,
-          onClickOutside: () => {
-            w.dispose();
-          },
-          direction: "horizontal"
-        },
-        r
-      );
-      return w;
-    }), this._inputPlaceholderRenderRoot.mount();
-    const a = this._docCanvasPopupManagerService.attachPopupToRect(
-      o.firstLine,
-      {
-        componentKey: Z.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(Oe.id, {
-      start: n,
-      end: i
-    }), setTimeout(() => {
-      this._menuSelectedCallbacks.forEach((r) => r(e));
-    }, 0);
-  }
-};
-I = kt([
-  N(0, f(Se)),
-  N(1, f(pe)),
-  N(2, f(Q)),
-  N(3, f(he)),
-  N(4, f(le))
-], I);
-const we = {
-  type: k.OPERATION,
-  id: "doc.operation.show-quick-insert-popup",
-  handler(t, e) {
-    const n = t.get(I);
-    return e ? (n.showPopup(e), !0) : !1;
-  }
-}, U = {
-  type: k.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"]
-}, ke = {
-  id: tt.id,
-  title: "docQuickInsert.menu.numberedList",
-  icon: "OrderIcon",
-  keywords: ["numbered", "list", "ordered"]
-}, $e = {
-  id: nt.id,
-  title: "docQuickInsert.menu.bulletedList",
-  icon: "UnorderIcon",
-  keywords: ["bulleted", "list", "unordered"]
-}, De = {
-  id: it.id,
-  title: "docQuickInsert.menu.divider",
-  icon: "DividerIcon",
-  keywords: ["divider", "line", "separate"]
-}, Ne = {
-  id: rt.id,
-  title: "docQuickInsert.menu.table",
-  icon: "GridIcon",
-  keywords: ["table", "grid", "spreadsheet"]
-}, Ee = {
-  id: St.id,
-  title: "docQuickInsert.menu.image",
-  icon: "AdditionAndSubtractionIcon",
-  keywords: ["image", "picture", "photo"]
-}, $t = [
-  {
-    title: "docQuickInsert.group.basics",
-    id: "quick.insert.group.basic",
-    children: [
-      Re,
-      ke,
-      $e,
-      De,
-      Ne,
-      Ee
-    ]
-  }
-], Dt = /* @__PURE__ */ new Set([
-  ke.id,
-  $e.id,
-  De.id,
-  Ne.id,
-  Ee.id
-]);
-var Nt = Object.getOwnPropertyDescriptor, Et = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? Nt(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);
-let V = 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: U.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(H.UNIVER_DOC);
-        if (!(r != null && r.getDisabled())) {
-          if (t.id === st.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(we.id, {
-                index: a.startOffset - 1,
-                unitId: o.unitId,
-                popup: d
-              });
-            }, 100);
-          }
-          if (t.id === ot.id) {
-            const o = t.params;
-            !e.isComposing && o.isCompositionStart && e.setIsComposing(!0), e.isComposing && o.isCompositionEnd && e.setIsComposing(!1);
-          }
-          if (t.id === Xe.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 === ct.id) {
-            const o = t.params;
-            if (e.editPopup && o.direction === Ze.LEFT) {
-              const a = (l = o.len) != null ? l : 0;
-              e.setInputOffset({ start: e.inputOffset.start, end: o.range.endOffset - a });
-            }
-          }
-          if (t.id === at.id) {
-            const o = t.params;
-            (o.direction === B.LEFT || o.direction === B.RIGHT) && e.editPopup && i.executeCommand(U.id);
-          }
-          if (t.id === dt.id) {
-            const o = n.getActiveTextRange();
-            if (!e.editPopup || !o)
-              return;
-            o.endOffset <= e.editPopup.anchor && i.executeCommand(U.id);
-          }
-        }
-      })
-    );
-  }
-  _initMenuHandler() {
-    this.disposeWithMe(this._docQuickInsertPopupService.onMenuSelected((t) => {
-      t.id !== Re.id && Dt.has(t.id) && this._commandService.executeCommand(t.id);
-    }));
-  }
-};
-V = Et([
-  E(0, Q),
-  E(1, f(le)),
-  E(2, f(I)),
-  E(3, f(xe)),
-  E(4, f(pe))
-], V);
-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 = j(`_${Qt()}`);
-  return Te(n, `${i}`, {
-    defIds: n.defIds,
-    idSuffix: o.current
-  }, {
-    ref: t,
-    className: l,
-    ...c
-  }, s);
-}
-function Te(t, e, n, i, r) {
-  return J(t.tag, {
-    key: e,
-    ...Tt(t, n, r),
-    ...i
-  }, (Ut(t, n).children || []).map((s, c) => Te(s, `${e}-${t.tag}-${c}`, n, void 0, r)));
-}
-function Tt(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 Ut(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 Qt() {
-  return Math.random().toString(36).substring(2, 8);
-}
-X.displayName = "UniverIcon";
-const Ht = {
-  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"
-      }
-    }
-  ]
-}, ce = ge(function(e, n) {
-  return J(X, Object.assign({}, e, {
-    id: "divider-icon",
-    ref: n,
-    icon: Ht
-  }));
-});
-ce.displayName = "DividerIcon";
-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: "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"
-    }
-  }]
-}, Ue = ge(function(e, n) {
-  return J(X, Object.assign({}, e, {
-    id: "increase-icon",
-    ref: n,
-    icon: Kt
-  }));
-});
-Ue.displayName = "IncreaseIcon";
-const Lt = {
-  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"]
-}, ae = ge(function(e, n) {
-  return J(X, Object.assign({}, e, {
-    id: "text-icon",
-    ref: n,
-    icon: Lt
-  }));
-});
-ae.displayName = "TextIcon";
-const Qe = "doc.quick-insert.button";
-var At = Object.getOwnPropertyDescriptor, jt = (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;
-}, te = (t, e) => (n, i) => e(n, i, t);
-let F = 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(fe([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: Qe,
-          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));
-  }
-};
-F = jt([
-  te(1, f(Pe)),
-  te(2, f(I)),
-  te(3, f(Se))
-], F);
-const de = ({ className: t = "" }) => {
-  const e = _(I), n = _(pe), i = _(he), r = T(se(() => n.getCurrentTypeOfUnit$(H.UNIVER_DOC), [n])), s = r && i.getRenderById(r.getUnitId()), c = s == null ? void 0 : s.with(F), l = _(ut), o = _(le), a = T(e.editPopup$), d = pt((u) => {
-    var P;
-    const g = c == null ? void 0 : c.popup;
-    if (!g)
-      return;
-    const S = e.popups, b = {
-      keyword: "",
-      menus$: fe(S.map((y) => y.menus$)).pipe(
-        Me((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: re("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", It, {
-        "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(
-        Ue,
-        {
-          className: "univer-text-gray-800 dark:!univer-text-gray-200"
-        }
-      )
-    }
-  );
-};
-de.componentKey = Qe;
-var Bt = Object.getOwnPropertyDescriptor, Wt = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? Bt(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(t, e, n) {
-    super(), this._commandService = t, this._docQuickInsertPopupService = e, this._componentManager = n, this._initCommands(), this._initComponents(), this._initMenus();
-  }
-  _initCommands() {
-    [
-      Oe,
-      we,
-      U
-    ].forEach((t) => {
-      this.disposeWithMe(this._commandService.registerCommand(t));
-    });
-  }
-  _initComponents() {
-    [
-      [Z.componentKey, Z],
-      [W.componentKey, W],
-      [q.componentKey, q],
-      [ce.displayName, ce],
-      [ae.displayName, ae],
-      [de.componentKey, de]
-    ].forEach(([e, n]) => {
-      e && this.disposeWithMe(this._componentManager.register(e, n));
-    }), [
-      {
-        keyword: "/",
-        menus$: ft($t),
-        // 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() {
-  }
-};
-G = Wt([
-  ne(0, Q),
-  ne(1, f(I)),
-  ne(2, f(ye))
-], G);
-const qt = "docs-quick-insert-ui.config", Ie = {};
-var Zt = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, Ft = (t, e, n) => e in t ? Zt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, Gt = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? Vt(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), He = (t, e, n) => Ft(t, typeof e != "symbol" ? e + "" : e, n);
-const zt = "DOC_QUICK_INSERT_UI_PLUGIN";
-let z = class extends ze {
-  constructor(t = Ie, e, n, i) {
-    super(), this._config = t, this._injector = e, this._renderManagerSrv = n, this._configService = i;
-    const { menu: r, ...s } = Ye(
-      {},
-      Ie,
-      this._config
-    );
-    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(qt, s);
-  }
-  onStarting() {
-    [
-      [G],
-      [V],
-      [I]
-    ].forEach((e) => this._injector.add(e)), this._injector.get(G);
-  }
-  onRendered() {
-    this._injector.get(V), this._injector.get(I), [
-      [F]
-    ].forEach((t) => {
-      this._renderManagerSrv.registerRenderModule(H.UNIVER_DOC, t);
-    });
-  }
-};
-He(z, "type", H.UNIVER_DOC);
-He(z, "pluginName", zt);
-z = Gt([
-  Ve(Mt, xt, Pt, yt, lt),
-  ie(1, f(Fe)),
-  ie(2, f(he)),
-  ie(3, Ge)
-], z);
-export {
-  I as DocQuickInsertPopupService,
-  V as DocQuickInsertTriggerController,
-  G as DocQuickInsertUIController,
-  Ot as KeywordInputPlaceholderComponentKey,
-  bt as QuickInsertPlaceholderComponentKey,
-  z 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.17.0-insiders.20260318-d69dc16`;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};