@univerjs/docs-quick-insert-ui 0.8.2 → 0.8.3-nightly.202506271607

package/lib/index.js

@@ -1,25 +1,25 @@
-var Le = Object.defineProperty;
-var je = (t, e, r) => e in t ? Le(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var C = (t, e, r) => je(t, typeof e != "symbol" ? e + "" : e, r);
-import { CommandType as D, ICommandService as H, RANGE_DIRECTION as Ae, LocaleService as pe, generateRandomId as Be, DisposableCollection as We, toDisposable as qe, Direction as W, Inject as f, IUniverInstanceService as le, Disposable as X, UniverInstanceType as K, DeleteDirection as Ze, DependentOn as Ve, Injector as Fe, Plugin as Ge } from "@univerjs/core";
-import { UniverDocsDrawingPlugin as ze } from "@univerjs/docs-drawing";
-import { InsertDocImageCommand as Je, UniverDocsDrawingUIPlugin as Xe } from "@univerjs/docs-drawing-ui";
-import { UniverDrawingPlugin as Ye } from "@univerjs/drawing";
-import { UniverDrawingUIPlugin as et } from "@univerjs/drawing-ui";
-import { IRenderManagerService as he } from "@univerjs/engine-render";
-import { useDependency as I, KeyCode as M, ComponentManager as ye, IShortcutService as Se, useObservable as U, ILayoutService as tt, useEvent as nt, UniverUIPlugin as rt } from "@univerjs/ui";
-import { CutContentCommand as it, DocCanvasPopManagerService as Pe, DocEventManagerService as xe, OrderListCommand as st, BulletListCommand as ot, HorizontalLineCommand as ct, DocCreateTableOperation as at, InsertCommand as dt, IMEInputCommand as ut, DeleteCommand as pt, MoveCursorOperation as lt, DeleteLeftCommand as ht } from "@univerjs/docs-ui";
-import { map as Oe, distinctUntilChanged as ft, tap as L, combineLatest as fe, BehaviorSubject as A, of as vt } from "rxjs";
-import { DocSelectionManagerService as ve, DocSkeletonManagerService as mt, RichTextEditingMutation as gt } from "@univerjs/docs";
-import { jsx as h, jsxs as ge } from "react/jsx-runtime";
-import { Menu as Ct, clsx as se, scrollbarClassName as _t, MenuItemGroup as It, MenuItem as yt, Tooltip as St, borderClassName as Pt } from "@univerjs/design";
-import { useMemo as oe, useState as Ce, useRef as B, useEffect as j, forwardRef as Y, createElement as ee } from "react";
-const be = {
+var je = Object.defineProperty;
+var Ae = (t, e, r) => e in t ? je(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var _ = (t, e, r) => Ae(t, typeof e != "symbol" ? e + "" : e, r);
+import { CommandType as D, ICommandService as H, RANGE_DIRECTION as Be, LocaleService as le, generateRandomId as We, DisposableCollection as qe, toDisposable as Ze, Direction as W, Inject as f, IUniverInstanceService as he, Disposable as J, 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 fe, DocSkeletonManagerService as Xe, RichTextEditingMutation as et } from "@univerjs/docs";
+import { CutContentCommand as tt, DocCanvasPopManagerService as ye, DocEventManagerService as Pe, OrderListCommand as nt, BulletListCommand as rt, HorizontalLineCommand as it, DocCreateTableOperation as ot, InsertCommand as st, IMEInputCommand as ct, DeleteCommand as at, MoveCursorOperation as dt, DeleteLeftCommand as ut } from "@univerjs/docs-ui";
+import { useDependency as I, KeyCode as M, ComponentManager as xe, IShortcutService as Oe, useObservable as T, ILayoutService as pt, useEvent as lt, UniverUIPlugin as ht } from "@univerjs/ui";
+import { IRenderManagerService as ve } from "@univerjs/engine-render";
+import { map as be, distinctUntilChanged as ft, tap as L, combineLatest as ge, BehaviorSubject as A, of as vt } from "rxjs";
+import { jsx as h, jsxs as _e } from "react/jsx-runtime";
+import { Menu as gt, clsx as se, scrollbarClassName as mt, MenuItemGroup as _t, MenuItem as Ct, Tooltip as It, borderClassName as St } from "@univerjs/design";
+import { useMemo as ce, useState as Ce, useRef as B, useEffect as j, forwardRef as X, createElement as ee } from "react";
+import { InsertDocImageCommand as yt, UniverDocsDrawingUIPlugin as Pt } from "@univerjs/docs-drawing-ui";
+import { UniverDocsDrawingPlugin as xt } from "@univerjs/docs-drawing";
+import { UniverDrawingPlugin as Ot } from "@univerjs/drawing";
+import { UniverDrawingUIPlugin as bt } from "@univerjs/drawing-ui";
+const Me = {
   id: "doc.command.delete-search-key",
   type: D.COMMAND,
   handler: (t, e) => {
     const r = t.get(H), { start: n, end: i } = e;
-    return r.syncExecuteCommand(it.id, {
+    return r.syncExecuteCommand(tt.id, {
       segmentId: "",
       textRanges: [{
         startOffset: n,
@@ -30,30 +30,17 @@ const be = {
         startOffset: n,
         endOffset: i,
         collapsed: !1,
-        direction: Ae.FORWARD
+        direction: Be.FORWARD
       }]
     });
   }
-}, xt = "docs.quick.insert.keyword-input-placeholder", q = () => {
-  const t = I(pe);
+}, Mt = "docs.quick.insert.keyword-input-placeholder", q = () => {
+  const t = I(le);
   return /* @__PURE__ */ h("div", { className: "univer-translate-y-1.5 univer-text-sm univer-text-gray-500", children: t.t("docQuickInsert.keywordInputPlaceholder") });
 };
-q.componentKey = xt;
-const Me = {
-  type: D.OPERATION,
-  id: "doc.operation.show-quick-insert-popup",
-  handler(t, e) {
-    const r = t.get(y);
-    return e ? (r.showPopup(e), !0) : !1;
-  }
-}, Q = {
-  type: D.OPERATION,
-  id: "doc.operation.close-quick-insert-popup",
-  handler(t) {
-    return t.get(y).closePopup(), !0;
-  }
-}, Ot = "docs.quick.insert.placeholder", Z = () => {
-  const t = I(pe);
+q.componentKey = Mt;
+const wt = "docs.quick.insert.placeholder", Z = () => {
+  const t = I(le);
   return /* @__PURE__ */ h(
     "div",
     {
@@ -62,11 +49,11 @@ const Me = {
     }
   );
 };
-Z.componentKey = Ot;
-function ce(t, e) {
+Z.componentKey = wt;
+function ae(t, e) {
   return t.map((r) => ({ ...r })).filter((r) => {
     if ("children" in r)
-      return r.children = ce(r.children, e), r.children.length > 0;
+      return r.children = ae(r.children, e), r.children.length > 0;
     const n = r.keywords;
     return n ? n.some((i) => i.includes(e)) : r.title.toLowerCase().includes(e);
   });
@@ -77,38 +64,38 @@ function we(t, e) {
     return "children" in n && (n.children = we(n.children, e)), n.title = e.t(n.title), "keywords" in n && (n.keywords = n.keywords.concat(n.title).map((i) => i.toLowerCase())), n;
   });
 }
-const bt = [M.ARROW_UP, M.ARROW_DOWN, M.ENTER], V = () => {
-  const t = I(pe), e = I(y), r = I(ye), n = I(Se), i = I(H), s = oe(() => Be(), []), [c, u] = Ce(0), o = B(null), a = B(0);
+const kt = [M.ARROW_UP, M.ARROW_DOWN, M.ENTER], V = () => {
+  const t = I(le), e = I(S), r = I(xe), n = I(Oe), i = I(H), o = ce(() => We(), []), [c, u] = Ce(0), s = B(null), a = B(0);
   a.current = 0;
-  const d = U(e.filterKeyword$, ""), p = U(e.editPopup$), v = U(p == null ? void 0 : p.popup.menus$, []), S = oe(() => we(v, t), [v]), [w, P] = Ce(() => ce(S, d.toLowerCase()));
+  const d = T(e.filterKeyword$, ""), p = T(e.editPopup$), v = T(p == null ? void 0 : p.popup.menus$, []), y = ce(() => we(v, t), [v]), [w, P] = Ce(() => ae(y, d.toLowerCase()));
   j(() => {
-    const m = requestIdleCallback(() => {
-      P(ce(S, d.toLowerCase()));
+    const g = requestIdleCallback(() => {
+      P(ae(y, d.toLowerCase()));
     });
     return () => {
-      cancelIdleCallback(m);
+      cancelIdleCallback(g);
     };
-  }, [S, d]);
-  const x = (m) => {
-    e.emitMenuSelected(m), i.executeCommand(Q.id);
+  }, [y, d]);
+  const x = (g) => {
+    e.emitMenuSelected(g), i.executeCommand(Q.id);
   };
   j(() => {
-    const m = new We();
-    n.getAllShortcuts().filter((l) => l.binding && bt.includes(l.binding)).forEach((l) => {
+    const g = new qe();
+    n.getAllShortcuts().filter((l) => l.binding && kt.includes(l.binding)).forEach((l) => {
       const b = l.preconditions;
-      l.preconditions = () => !1, m.add(qe(() => {
+      l.preconditions = () => !1, g.add(Ze(() => {
         l.preconditions = b;
       }));
     });
     const O = {
-      id: `quick.insert.popup.enter.${s}`,
+      id: `quick.insert.popup.enter.${o}`,
       type: D.OPERATION,
       handler: () => {
-        const l = o.current;
+        const l = s.current;
         l && x(l);
       }
     }, N = {
-      id: `quick.insert.popup.move.cursor.up.${s}`,
+      id: `quick.insert.popup.move.cursor.up.${o}`,
       type: D.OPERATION,
       handler: () => {
         u((l) => {
@@ -117,7 +104,7 @@ const bt = [M.ARROW_UP, M.ARROW_DOWN, M.ENTER], V = () => {
         });
       }
     }, R = {
-      id: `quick.insert.popup.move.cursor.down.${s}`,
+      id: `quick.insert.popup.move.cursor.down.${o}`,
       type: D.OPERATION,
       handler: () => {
         u((l) => {
@@ -126,7 +113,7 @@ const bt = [M.ARROW_UP, M.ARROW_DOWN, M.ENTER], V = () => {
         });
       }
     };
-    return m.add(i.registerCommand(N)), m.add(i.registerCommand(R)), m.add(i.registerCommand(O)), m.add(n.registerShortcut({
+    return g.add(i.registerCommand(N)), g.add(i.registerCommand(R)), g.add(i.registerCommand(O)), g.add(n.registerShortcut({
       priority: 1e3,
       id: N.id,
       binding: M.ARROW_UP,
@@ -134,7 +121,7 @@ const bt = [M.ARROW_UP, M.ARROW_DOWN, M.ENTER], V = () => {
       staticParameters: {
         direction: W.UP
       }
-    })), m.add(n.registerShortcut({
+    })), g.add(n.registerShortcut({
       priority: 1e3,
       id: R.id,
       binding: M.ARROW_DOWN,
@@ -142,13 +129,13 @@ const bt = [M.ARROW_UP, M.ARROW_DOWN, M.ENTER], V = () => {
       staticParameters: {
         direction: W.DOWN
       }
-    })), m.add(n.registerShortcut({
+    })), g.add(n.registerShortcut({
       priority: 1e3,
       id: O.id,
       binding: M.ENTER,
       preconditions: () => !0
     })), () => {
-      m.dispose();
+      g.dispose();
     };
   }, []), j(() => {
     u(0);
@@ -157,40 +144,40 @@ const bt = [M.ARROW_UP, M.ARROW_DOWN, M.ENTER], V = () => {
   j(() => () => {
     k.current.clear();
   }, []);
-  function $(m) {
-    return m.map((g) => {
-      const ne = g.icon, O = ne ? r.get(ne) : null;
-      if ("children" in g)
+  function $(g) {
+    return g.map((m) => {
+      const ne = m.icon, O = ne ? r.get(ne) : null;
+      if ("children" in m)
         return /* @__PURE__ */ h(
-          It,
+          _t,
           {
-            title: /* @__PURE__ */ ge(
+            title: /* @__PURE__ */ _e(
               "div",
               {
                 className: "univer-mb-2 univer-flex univer-items-center univer-text-xs univer-text-gray-400",
                 children: [
                   O && /* @__PURE__ */ h("span", { className: "univer-mr-2 univer-inline-flex univer-text-base", children: /* @__PURE__ */ h(O, {}) }),
-                  /* @__PURE__ */ h("span", { children: g.title })
+                  /* @__PURE__ */ h("span", { children: m.title })
                 ]
               }
             ),
-            children: $(g.children)
+            children: $(m.children)
           },
-          g.id
+          m.id
         );
       const N = a.current, R = c === N;
       if (R) {
-        o.current = g;
-        const l = k.current.get(g.id);
+        s.current = m;
+        const l = k.current.get(m.id);
         l == null || l.scrollIntoView({
           block: "nearest"
         });
       }
       return a.current++, /* @__PURE__ */ h(
-        yt,
+        Ct,
         {
           ref: (l) => {
-            l && k.current.set(g.id, l);
+            l && k.current.set(m.id, l);
           },
           onMouseEnter: () => u(N),
           onMouseLeave: () => u(Number.NaN),
@@ -199,83 +186,83 @@ const bt = [M.ARROW_UP, M.ARROW_DOWN, M.ENTER], V = () => {
             "univer-bg-gray-100 dark:!univer-bg-gray-500": R
           }),
           onClick: () => {
-            x(g);
+            x(m);
           },
-          children: /* @__PURE__ */ ge(
+          children: /* @__PURE__ */ _e(
             "div",
             {
               className: "univer-flex univer-w-full univer-items-center univer-px-1",
               children: [
                 O && /* @__PURE__ */ h("span", { className: "univer-mr-2 univer-inline-flex univer-text-base", children: /* @__PURE__ */ h(O, {}) }),
-                /* @__PURE__ */ h(St, { showIfEllipsis: !0, title: g.title, placement: "right", children: /* @__PURE__ */ h("span", { className: "univer-truncate", children: g.title }) })
+                /* @__PURE__ */ h(It, { showIfEllipsis: !0, title: m.title, placement: "right", children: /* @__PURE__ */ h("span", { className: "univer-truncate", children: m.title }) })
               ]
             }
           )
         },
-        g.id
+        m.id
       );
     });
   }
-  const Ke = w.length > 0, me = (p == null ? void 0 : p.popup.Placeholder) || r.get(Z.componentKey);
-  return /* @__PURE__ */ h("div", { className: "univer-mt-2", children: Ke ? /* @__PURE__ */ h(
-    Ct,
+  const Le = w.length > 0, me = (p == null ? void 0 : p.popup.Placeholder) || r.get(Z.componentKey);
+  return /* @__PURE__ */ h("div", { className: "univer-mt-2", children: Le ? /* @__PURE__ */ h(
+    gt,
     {
-      wrapperClass: se("univer-max-h-[360px] univer-w-[220px] univer-overflow-y-auto univer-overflow-x-hidden", _t),
+      wrapperClass: se("univer-max-h-[360px] univer-w-[220px] univer-overflow-y-auto univer-overflow-x-hidden", mt),
       children: $(w)
     }
   ) : me && /* @__PURE__ */ h(me, {}) });
 };
 V.componentKey = "docs.quick.insert.popup";
-var Mt = Object.getOwnPropertyDescriptor, wt = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Mt(e, r) : e, s = t.length - 1, c; s >= 0; s--)
-    (c = t[s]) && (i = c(i) || i);
+var Rt = Object.getOwnPropertyDescriptor, Dt = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Rt(e, r) : e, o = t.length - 1, c; o >= 0; o--)
+    (c = t[o]) && (i = c(i) || i);
   return i;
 }, E = (t, e) => (r, n) => e(r, n, t);
-const _e = {
+const Ie = {
   dispose: () => {
   }
 };
-let y = class extends X {
-  constructor(e, r, n, i, s) {
+let S = class extends J {
+  constructor(e, r, n, i, o) {
     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 = r, this._commandService = n, this._renderManagerService = i, this._docSelectionManagerService = s, this.disposeWithMe(this._editPopup$);
-    const c = (o, a) => {
+    _(this, "_popups", /* @__PURE__ */ new Set());
+    _(this, "_editPopup$", new A(void 0));
+    _(this, "editPopup$", this._editPopup$.asObservable());
+    _(this, "_isComposing$", new A(!1));
+    _(this, "isComposing$", this._isComposing$.asObservable());
+    _(this, "_inputOffset$", new A({ start: 0, end: 0 }));
+    _(this, "inputOffset$", this._inputOffset$.asObservable());
+    _(this, "filterKeyword$");
+    _(this, "_menuSelectedCallbacks", /* @__PURE__ */ new Set());
+    _(this, "_inputPlaceholderRenderRoot", null);
+    this._docCanvasPopupManagerService = e, this._univerInstanceService = r, this._commandService = n, this._renderManagerService = i, this._docSelectionManagerService = o, this.disposeWithMe(this._editPopup$);
+    const c = (s, a) => {
       var d, p;
-      return (p = (d = this._univerInstanceService.getCurrentUnitOfType(K.UNIVER_DOC)) == null ? void 0 : d.getBody()) == null ? void 0 : p.dataStream.slice(o, a);
+      return (p = (d = this._univerInstanceService.getCurrentUnitOfType(K.UNIVER_DOC)) == null ? void 0 : d.getBody()) == null ? void 0 : p.dataStream.slice(s, a);
     };
     let u = "";
     this.filterKeyword$ = this._inputOffset$.pipe(
-      Oe((o) => {
+      be((s) => {
         var d;
-        const a = c(o.start, o.end);
+        const a = c(s.start, s.end);
         return (d = a == null ? void 0 : a.slice(1)) != null ? d : "";
       }),
       ft(),
-      L((o) => {
-        u = o;
+      L((s) => {
+        u = s;
       })
-    ), this.disposeWithMe(fe([
-      this.filterKeyword$.pipe(L((o) => {
+    ), this.disposeWithMe(ge([
+      this.filterKeyword$.pipe(L((s) => {
         var a, d, p;
-        o.length > 0 ? (d = (a = this._inputPlaceholderRenderRoot) == null ? void 0 : a.unmount) == null || d.dispose() : (p = this._inputPlaceholderRenderRoot) == null || p.mount();
+        s.length > 0 ? (d = (a = this._inputPlaceholderRenderRoot) == null ? void 0 : a.unmount) == null || d.dispose() : (p = this._inputPlaceholderRenderRoot) == null || p.mount();
       })),
-      this.isComposing$.pipe(L((o) => {
+      this.isComposing$.pipe(L((s) => {
         var a, d, p;
-        o ? (d = (a = this._inputPlaceholderRenderRoot) == null ? void 0 : a.unmount) == null || d.dispose() : u.length <= 0 && ((p = this._inputPlaceholderRenderRoot) == null || p.mount());
+        s ? (d = (a = this._inputPlaceholderRenderRoot) == null ? void 0 : a.unmount) == null || d.dispose() : u.length <= 0 && ((p = this._inputPlaceholderRenderRoot) == null || p.mount());
       })),
-      this.editPopup$.pipe(L((o) => {
+      this.editPopup$.pipe(L((s) => {
         var a, d;
-        o || ((d = (a = this._inputPlaceholderRenderRoot) == null ? void 0 : a.unmount) == null || d.dispose(), this._inputPlaceholderRenderRoot = null);
+        s || ((d = (a = this._inputPlaceholderRenderRoot) == null ? void 0 : a.unmount) == null || d.dispose(), this._inputPlaceholderRenderRoot = null);
       }))
     ]).subscribe());
   }
@@ -299,7 +286,7 @@ let y = class extends X {
   }
   getDocEventManagerService(e) {
     var r;
-    return (r = this._renderManagerService.getRenderById(e)) == null ? void 0 : r.with(xe);
+    return (r = this._renderManagerService.getRenderById(e)) == null ? void 0 : r.with(Pe);
   }
   resolvePopup(e) {
     return Array.from(this._popups).find((r) => r.keyword === e);
@@ -329,20 +316,20 @@ let y = class extends X {
     var d, p;
     const { popup: r, index: n, unitId: i } = e;
     this.closePopup();
-    const s = this._univerInstanceService.getUnit(i), c = (p = (d = s == null ? void 0 : s.getBody()) == null ? void 0 : d.paragraphs) == null ? void 0 : p.find((v) => v.startIndex > n);
+    const o = this._univerInstanceService.getUnit(i), c = (p = (d = o == null ? void 0 : o.getBody()) == null ? void 0 : d.paragraphs) == null ? void 0 : p.find((v) => v.startIndex > n);
     if (!c)
       return;
-    const u = this.getDocEventManagerService(i), o = u == null ? void 0 : u.findParagraphBoundByIndex(c.startIndex);
-    if (!o)
+    const u = this.getDocEventManagerService(i), s = u == null ? void 0 : u.findParagraphBoundByIndex(c.startIndex);
+    if (!s)
       return;
     this._inputPlaceholderRenderRoot = this._createInputPlaceholderRenderRoot(() => {
       var $;
-      const v = ($ = this._renderManagerService.getRenderById(i)) == null ? void 0 : $.with(mt), S = this._docSelectionManagerService.getActiveTextRange();
-      if (!v || !S)
-        return _e;
-      const P = v.getSkeleton().findNodeByCharIndex(S.startOffset, S.segmentId, S.segmentPage);
+      const v = ($ = this._renderManagerService.getRenderById(i)) == null ? void 0 : $.with(Xe), y = this._docSelectionManagerService.getActiveTextRange();
+      if (!v || !y)
+        return Ie;
+      const P = v.getSkeleton().findNodeByCharIndex(y.startOffset, y.segmentId, y.segmentPage);
       if (!((P == null ? void 0 : P.content) === "\r"))
-        return _e;
+        return Ie;
       const k = this._docCanvasPopupManagerService.attachPopupToRange(
         { startOffset: n + 1, endOffset: n + 1, collapsed: !1 },
         {
@@ -357,7 +344,7 @@ let y = class extends X {
       return k;
     }), this._inputPlaceholderRenderRoot.mount();
     const a = this._docCanvasPopupManagerService.attachPopupToRect(
-      o.firstLine,
+      s.firstLine,
       {
         componentKey: V.componentKey,
         onClickOutside: () => {
@@ -379,7 +366,7 @@ let y = class extends X {
   }
   emitMenuSelected(e) {
     const { start: r, end: n } = this.inputOffset;
-    this._commandService.syncExecuteCommand(be.id, {
+    this._commandService.syncExecuteCommand(Me.id, {
       start: r,
       end: n
     }), setTimeout(() => {
@@ -387,92 +374,57 @@ let y = class extends X {
     }, 0);
   }
 };
-y = wt([
-  E(0, f(Pe)),
-  E(1, f(le)),
+S = Dt([
+  E(0, f(ye)),
+  E(1, f(he)),
   E(2, f(H)),
-  E(3, f(he)),
-  E(4, f(ve))
-], y);
-const ke = "doc.quick-insert.button";
-var kt = Object.getOwnPropertyDescriptor, Rt = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? kt(e, r) : e, s = t.length - 1, c; s >= 0; s--)
-    (c = t[s]) && (i = c(i) || i);
-  return i;
-}, re = (t, e) => (r, n) => e(r, n, t);
-let F = class extends X {
-  constructor(e, r, n, i) {
-    super();
-    C(this, "_popup$", new A(null));
-    C(this, "popup$", this._popup$.asObservable());
-    this._context = e, this._docEventManagerService = r, this._docQuickInsertPopupService = n, this._docCanvasPopManagerService = i, this._init();
-  }
-  get popup() {
-    return this._popup$.value;
-  }
-  _init() {
-    this.disposeWithMe(fe([this._docEventManagerService.hoverParagraphLeftRealTime$, this._docEventManagerService.hoverParagraphRealTime$]).subscribe(([e, r]) => {
-      var s;
-      const n = e != null ? e : r, i = this._context.unit.getDisabled();
-      if (!n || i) {
-        this._hideMenu(!0);
-        return;
-      }
-      if (n.paragraphStart === n.paragraphEnd) {
-        if (this._docQuickInsertPopupService.editPopup || n.startIndex === ((s = this.popup) == null ? void 0 : s.startIndex)) return;
-        this._hideMenu(!0);
-        const c = this._docCanvasPopManagerService.attachPopupToRect(n.firstLine, {
-          componentKey: ke,
-          direction: "left-center"
-        }, this._context.unit.getUnitId());
-        this._popup$.next({
-          startIndex: n.startIndex,
-          disposable: c
-        });
-      } else
-        this._hideMenu(!0);
-    }));
+  E(3, f(ve)),
+  E(4, f(fe))
+], S);
+const ke = {
+  type: D.OPERATION,
+  id: "doc.operation.show-quick-insert-popup",
+  handler(t, e) {
+    const r = t.get(S);
+    return e ? (r.showPopup(e), !0) : !1;
   }
-  _hideMenu(e) {
-    this._docQuickInsertPopupService.editPopup || this.popup && (e || this.popup.disposable.canDispose()) && (this.popup.disposable.dispose(), this._popup$.next(null));
+}, Q = {
+  type: D.OPERATION,
+  id: "doc.operation.close-quick-insert-popup",
+  handler(t) {
+    return t.get(S).closePopup(), !0;
   }
-};
-F = Rt([
-  re(1, f(xe)),
-  re(2, f(y)),
-  re(3, f(Pe))
-], F);
-const Re = {
+}, Re = {
   id: "quick-insert.text.menu",
   title: "docQuickInsert.menu.text",
   icon: "TextIcon",
   keywords: ["text"]
 }, De = {
-  id: st.id,
+  id: nt.id,
   title: "docQuickInsert.menu.numberedList",
   icon: "OrderIcon",
   keywords: ["numbered", "list", "ordered"]
 }, $e = {
-  id: ot.id,
+  id: rt.id,
   title: "docQuickInsert.menu.bulletedList",
   icon: "UnorderIcon",
   keywords: ["bulleted", "list", "unordered"]
 }, Ne = {
-  id: ct.id,
+  id: it.id,
   title: "docQuickInsert.menu.divider",
   icon: "DividerIcon",
   keywords: ["divider", "line", "separate"]
 }, Ee = {
-  id: at.id,
+  id: ot.id,
   title: "docQuickInsert.menu.table",
   icon: "GridIcon",
   keywords: ["table", "grid", "spreadsheet"]
-}, Te = {
-  id: Je.id,
+}, Ue = {
+  id: yt.id,
   title: "docQuickInsert.menu.image",
   icon: "AdditionAndSubtractionIcon",
   keywords: ["image", "picture", "photo"]
-}, Dt = [
+}, $t = [
   {
     title: "docQuickInsert.group.basics",
     id: "quick.insert.group.basic",
@@ -482,22 +434,22 @@ const Re = {
       $e,
       Ne,
       Ee,
-      Te
+      Ue
     ]
   }
-], $t = /* @__PURE__ */ new Set([
+], Nt = /* @__PURE__ */ new Set([
   De.id,
   $e.id,
   Ne.id,
   Ee.id,
-  Te.id
+  Ue.id
 ]);
-var Nt = Object.getOwnPropertyDescriptor, Et = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Nt(e, r) : e, s = t.length - 1, c; s >= 0; s--)
-    (c = t[s]) && (i = c(i) || i);
+var Et = Object.getOwnPropertyDescriptor, Ut = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Et(e, r) : e, o = t.length - 1, c; o >= 0; o--)
+    (c = t[o]) && (i = c(i) || i);
   return i;
-}, T = (t, e) => (r, n) => e(r, n, t);
-let G = class extends X {
+}, U = (t, e) => (r, n) => e(r, n, t);
+let F = class extends J {
   constructor(t, e, r, n, i) {
     super(), this._commandService = t, this._textSelectionManagerService = e, this._docQuickInsertPopupService = r, this._shortcutService = n, this._univerInstanceService = i, this.disposeWithMe(this._shortcutService.registerShortcut({
       id: Q.id,
@@ -511,59 +463,59 @@ let G = class extends X {
     this.disposeWithMe(
       // eslint-disable-next-line complexity, max-lines-per-function
       this._commandService.onCommandExecuted((t) => {
-        var s, c, u;
+        var o, c, u;
         const { _docQuickInsertPopupService: e, _textSelectionManagerService: r, _commandService: n } = this, i = this._univerInstanceService.getCurrentUnitOfType(K.UNIVER_DOC);
         if (!(i != null && i.getDisabled())) {
-          if (t.id === dt.id) {
-            const o = t.params;
+          if (t.id === st.id) {
+            const s = t.params;
             if (e.editPopup) {
               e.setInputOffset({
                 start: e.inputOffset.start,
-                end: o.range.endOffset + 1
+                end: s.range.endOffset + 1
               });
               return;
             }
             const a = r.getActiveTextRange();
             if (!a)
               return;
-            const d = e.resolvePopup(o.body.dataStream);
-            if (!d || !(d.preconditions ? d.preconditions(o) : !0))
+            const d = e.resolvePopup(s.body.dataStream);
+            if (!d || !(d.preconditions ? d.preconditions(s) : !0))
               return;
             e.setInputOffset({ start: a.startOffset - 1, end: a.startOffset }), setTimeout(() => {
-              n.executeCommand(Me.id, {
+              n.executeCommand(ke.id, {
                 index: a.startOffset - 1,
-                unitId: o.unitId,
+                unitId: s.unitId,
                 popup: d
               });
             }, 100);
           }
-          if (t.id === ut.id) {
-            const o = t.params;
-            !e.isComposing && o.isCompositionStart && e.setIsComposing(!0), e.isComposing && o.isCompositionEnd && e.setIsComposing(!1);
+          if (t.id === ct.id) {
+            const s = t.params;
+            !e.isComposing && s.isCompositionStart && e.setIsComposing(!0), e.isComposing && s.isCompositionEnd && e.setIsComposing(!1);
           }
-          if (t.id === gt.id) {
-            const o = t.params;
-            if (o.isCompositionEnd) {
-              const a = (c = (s = o.textRanges) == null ? void 0 : s[0]) == null ? void 0 : c.endOffset;
+          if (t.id === et.id) {
+            const s = t.params;
+            if (s.isCompositionEnd) {
+              const a = (c = (o = s.textRanges) == null ? void 0 : o[0]) == null ? void 0 : c.endOffset;
               a && e.setInputOffset({ start: e.inputOffset.start, end: a });
             }
           }
-          if (t.id === pt.id) {
-            const o = t.params;
-            if (e.editPopup && o.direction === Ze.LEFT) {
-              const a = (u = o.len) != null ? u : 0;
-              e.setInputOffset({ start: e.inputOffset.start, end: o.range.endOffset - a });
+          if (t.id === at.id) {
+            const s = t.params;
+            if (e.editPopup && s.direction === Ve.LEFT) {
+              const a = (u = s.len) != null ? u : 0;
+              e.setInputOffset({ start: e.inputOffset.start, end: s.range.endOffset - a });
             }
           }
-          if (t.id === lt.id) {
-            const o = t.params;
-            (o.direction === W.LEFT || o.direction === W.RIGHT) && e.editPopup && n.executeCommand(Q.id);
+          if (t.id === dt.id) {
+            const s = t.params;
+            (s.direction === W.LEFT || s.direction === W.RIGHT) && e.editPopup && n.executeCommand(Q.id);
           }
-          if (t.id === ht.id) {
-            const o = r.getActiveTextRange();
-            if (!e.editPopup || !o)
+          if (t.id === ut.id) {
+            const s = r.getActiveTextRange();
+            if (!e.editPopup || !s)
               return;
-            o.endOffset <= e.editPopup.anchor && n.executeCommand(Q.id);
+            s.endOffset <= e.editPopup.anchor && n.executeCommand(Q.id);
           }
         }
       })
@@ -571,25 +523,25 @@ let G = class extends X {
   }
   _initMenuHandler() {
     this.disposeWithMe(this._docQuickInsertPopupService.onMenuSelected((t) => {
-      t.id !== Re.id && $t.has(t.id) && this._commandService.executeCommand(t.id);
+      t.id !== Re.id && Nt.has(t.id) && this._commandService.executeCommand(t.id);
     }));
   }
 };
-G = Et([
-  T(0, H),
-  T(1, f(ve)),
-  T(2, f(y)),
-  T(3, f(Se)),
-  T(4, f(le))
-], G);
-var _ = function() {
-  return _ = Object.assign || function(t) {
+F = Ut([
+  U(0, H),
+  U(1, f(fe)),
+  U(2, f(S)),
+  U(3, f(Oe)),
+  U(4, f(he))
+], F);
+var C = function() {
+  return C = Object.assign || function(t) {
     for (var e, r = 1, n = arguments.length; r < n; r++) {
       e = arguments[r];
       for (var i in e) Object.prototype.hasOwnProperty.call(e, i) && (t[i] = e[i]);
     }
     return t;
-  }, _.apply(this, arguments);
+  }, C.apply(this, arguments);
 }, Tt = function(t, e) {
   var r = {};
   for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && e.indexOf(n) < 0 && (r[n] = t[n]);
@@ -597,74 +549,122 @@ var _ = function() {
     for (var i = 0, n = Object.getOwnPropertySymbols(t); i < n.length; i++)
       e.indexOf(n[i]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[i]) && (r[n[i]] = t[n[i]]);
   return r;
-}, te = Y(function(t, e) {
-  var r = t.icon, n = t.id, i = t.className, s = t.extend, c = Tt(t, ["icon", "id", "className", "extend"]), u = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), o = B("_".concat(Ht()));
-  return Ue(r, "".concat(n), { defIds: r.defIds, idSuffix: o.current }, _({ ref: e, className: u }, c), s);
+}, te = X(function(t, e) {
+  var r = t.icon, n = t.id, i = t.className, o = t.extend, c = Tt(t, ["icon", "id", "className", "extend"]), u = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), s = B("_".concat(Kt()));
+  return Te(r, "".concat(n), { defIds: r.defIds, idSuffix: s.current }, C({ ref: e, className: u }, c), o);
 });
-function Ue(t, e, r, n, i) {
-  return ee(t.tag, _(_({ key: e }, Ut(t, r, i)), n), (Qt(t, r).children || []).map(function(s, c) {
-    return Ue(s, "".concat(e, "-").concat(t.tag, "-").concat(c), r, void 0, i);
+function Te(t, e, r, n, i) {
+  return ee(t.tag, C(C({ key: e }, Qt(t, r, i)), n), (Ht(t, r).children || []).map(function(o, c) {
+    return Te(o, "".concat(e, "-").concat(t.tag, "-").concat(c), r, void 0, i);
   }));
 }
-function Ut(t, e, r) {
-  var n = _({}, t.attrs);
-  r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1), t.tag === "mask" && n.id && (n.id = n.id + e.idSuffix), Object.entries(n).forEach(function(s) {
-    var c = s[0], u = s[1];
+function Qt(t, e, r) {
+  var n = C({}, t.attrs);
+  r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1), t.tag === "mask" && n.id && (n.id = n.id + e.idSuffix), Object.entries(n).forEach(function(o) {
+    var c = o[0], u = o[1];
     c === "mask" && typeof u == "string" && (n[c] = u.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   });
   var i = e.defIds;
-  return !i || i.length === 0 || (t.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(s) {
-    var c = s[0], u = s[1];
+  return !i || i.length === 0 || (t.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(o) {
+    var c = o[0], u = o[1];
     typeof u == "string" && (n[c] = u.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), n;
 }
-function Qt(t, e) {
+function Ht(t, e) {
   var r, n = e.defIds;
-  return !n || n.length === 0 ? t : t.tag === "defs" && (!((r = t.children) === null || r === void 0) && r.length) ? _(_({}, t), { children: t.children.map(function(i) {
-    return typeof i.attrs.id == "string" && n && n.includes(i.attrs.id) ? _(_({}, i), { attrs: _(_({}, i.attrs), { id: i.attrs.id + e.idSuffix }) }) : i;
+  return !n || n.length === 0 ? t : t.tag === "defs" && (!((r = t.children) === null || r === void 0) && r.length) ? C(C({}, t), { children: t.children.map(function(i) {
+    return typeof i.attrs.id == "string" && n && n.includes(i.attrs.id) ? C(C({}, i), { attrs: C(C({}, i.attrs), { id: i.attrs.id + e.idSuffix }) }) : i;
   }) }) : t;
 }
-function Ht() {
+function Kt() {
   return Math.random().toString(36).substring(2, 8);
 }
 te.displayName = "UniverIcon";
-var 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 = Y(function(t, e) {
+var 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: "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" } }] }, de = X(function(t, e) {
   return ee(te, Object.assign({}, t, {
     id: "divider-icon",
     ref: e,
-    icon: Kt
+    icon: Lt
   }));
 });
-ae.displayName = "DividerIcon";
-var 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 = Y(function(t, e) {
+de.displayName = "DividerIcon";
+var jt = { 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 = X(function(t, e) {
   return ee(te, Object.assign({}, t, {
     id: "increase-icon",
     ref: e,
-    icon: Lt
+    icon: jt
   }));
 });
 Qe.displayName = "IncreaseIcon";
-var 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 = Y(function(t, e) {
+var At = { 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"] }, ue = X(function(t, e) {
   return ee(te, Object.assign({}, t, {
     id: "text-icon",
     ref: e,
-    icon: jt
+    icon: At
   }));
 });
-de.displayName = "TextIcon";
-const ue = ({ className: t = "" }) => {
-  const e = I(y), r = I(le), n = I(he), i = U(oe(() => r.getCurrentTypeOfUnit$(K.UNIVER_DOC), [r])), s = i && n.getRenderById(i.getUnitId()), c = s == null ? void 0 : s.with(F), u = I(tt), o = I(ve), a = U(e.editPopup$), d = nt((p) => {
+ue.displayName = "TextIcon";
+const He = "doc.quick-insert.button";
+var Bt = Object.getOwnPropertyDescriptor, Wt = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Bt(e, r) : e, o = t.length - 1, c; o >= 0; o--)
+    (c = t[o]) && (i = c(i) || i);
+  return i;
+}, re = (t, e) => (r, n) => e(r, n, t);
+let G = class extends J {
+  constructor(e, r, n, i) {
+    super();
+    _(this, "_popup$", new A(null));
+    _(this, "popup$", this._popup$.asObservable());
+    this._context = e, this._docEventManagerService = r, this._docQuickInsertPopupService = n, this._docCanvasPopManagerService = i, this._init();
+  }
+  get popup() {
+    return this._popup$.value;
+  }
+  _init() {
+    this.disposeWithMe(ge([this._docEventManagerService.hoverParagraphLeftRealTime$, this._docEventManagerService.hoverParagraphRealTime$]).subscribe(([e, r]) => {
+      var o;
+      const n = e != null ? e : r, i = this._context.unit.getDisabled();
+      if (!n || i) {
+        this._hideMenu(!0);
+        return;
+      }
+      if (n.paragraphStart === n.paragraphEnd) {
+        if (this._docQuickInsertPopupService.editPopup || n.startIndex === ((o = this.popup) == null ? void 0 : o.startIndex)) return;
+        this._hideMenu(!0);
+        const c = this._docCanvasPopManagerService.attachPopupToRect(n.firstLine, {
+          componentKey: He,
+          direction: "left-center"
+        }, this._context.unit.getUnitId());
+        this._popup$.next({
+          startIndex: n.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 = Wt([
+  re(1, f(Pe)),
+  re(2, f(S)),
+  re(3, f(ye))
+], G);
+const pe = ({ className: t = "" }) => {
+  const e = I(S), r = I(he), n = I(ve), i = T(ce(() => r.getCurrentTypeOfUnit$(K.UNIVER_DOC), [r])), o = i && n.getRenderById(i.getUnitId()), c = o == null ? void 0 : o.with(G), u = I(pt), s = I(fe), a = T(e.editPopup$), d = lt((p) => {
     var P;
     const v = c == null ? void 0 : c.popup;
     if (!v)
       return;
-    const S = e.popups, w = {
+    const y = e.popups, w = {
       keyword: "",
-      menus$: fe(S.map((x) => x.menus$)).pipe(
-        Oe((x) => x.flat())
+      menus$: ge(y.map((x) => x.menus$)).pipe(
+        be((x) => x.flat())
       )
     };
-    o.replaceDocRanges([{
+    s.replaceDocRanges([{
       startOffset: v.startIndex,
       endOffset: v.startIndex
     }]), e.setInputOffset({ start: v.startIndex - 1, end: v.startIndex - 1 }), e.showPopup({
@@ -678,7 +678,7 @@ const ue = ({ className: t = "" }) => {
   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", Pt, {
+      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),
@@ -694,20 +694,20 @@ const ue = ({ className: t = "" }) => {
     }
   );
 };
-ue.componentKey = ke;
-var At = Object.getOwnPropertyDescriptor, Bt = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? At(e, r) : e, s = t.length - 1, c; s >= 0; s--)
-    (c = t[s]) && (i = c(i) || i);
+pe.componentKey = He;
+var qt = Object.getOwnPropertyDescriptor, Zt = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? qt(e, r) : e, o = t.length - 1, c; o >= 0; o--)
+    (c = t[o]) && (i = c(i) || i);
   return i;
 }, ie = (t, e) => (r, n) => e(r, n, t);
-let z = class extends X {
+let z = class extends J {
   constructor(t, e, r) {
     super(), this._commandService = t, this._docQuickInsertPopupService = e, this._componentManager = r, this._initCommands(), this._initComponents(), this._initMenus();
   }
   _initCommands() {
     [
-      be,
       Me,
+      ke,
       Q
     ].forEach((t) => {
       this.disposeWithMe(this._commandService.registerCommand(t));
@@ -718,15 +718,15 @@ let z = class extends X {
       [V.componentKey, V],
       [q.componentKey, q],
       [Z.componentKey, Z],
-      [ae.displayName, ae],
       [de.displayName, de],
-      [ue.componentKey, ue]
+      [ue.displayName, ue],
+      [pe.componentKey, pe]
     ].forEach(([e, r]) => {
       e && this.disposeWithMe(this._componentManager.register(e, r));
     }), [
       {
         keyword: "/",
-        menus$: vt(Dt),
+        menus$: vt($t),
         // only show when the cursor is at the beginning of a line
         preconditions: (e) => {
           var r;
@@ -740,48 +740,56 @@ let z = class extends X {
   _initMenus() {
   }
 };
-z = Bt([
+z = Zt([
   ie(0, H),
-  ie(1, f(y)),
-  ie(2, f(ye))
+  ie(1, f(S)),
+  ie(2, f(xe))
 ], z);
-var Wt = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, Zt = (t, e, r) => e in t ? Wt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Vt = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? qt(e, r) : e, s = t.length - 1, c; s >= 0; s--)
-    (c = t[s]) && (i = c(i) || i);
+const Vt = "docs-quick-insert-ui.config", Se = {};
+var Ft = Object.defineProperty, Gt = Object.getOwnPropertyDescriptor, zt = (t, e, r) => e in t ? Ft(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Yt = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Gt(e, r) : e, o = t.length - 1, c; o >= 0; o--)
+    (c = t[o]) && (i = c(i) || i);
   return i;
-}, Ie = (t, e) => (r, n) => e(r, n, t), He = (t, e, r) => Zt(t, typeof e != "symbol" ? e + "" : e, r);
-const Ft = "DOC_QUICK_INSERT_UI_PLUGIN";
-let J = class extends Ge {
-  constructor(t, e) {
-    super(), this._injector = t, this._renderManagerSrv = e;
+}, oe = (t, e) => (r, n) => e(r, n, t), Ke = (t, e, r) => zt(t, typeof e != "symbol" ? e + "" : e, r);
+const Jt = "DOC_QUICK_INSERT_UI_PLUGIN";
+let Y = class extends Ye {
+  constructor(t = Se, e, r, n) {
+    super(), this._config = t, this._injector = e, this._renderManagerSrv = r, this._configService = n;
+    const { menu: i, ...o } = Je(
+      {},
+      Se,
+      this._config
+    );
+    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Vt, o);
   }
   onStarting() {
     [
       [z],
-      [G],
-      [y]
+      [F],
+      [S]
     ].forEach((e) => this._injector.add(e)), this._injector.get(z);
   }
   onRendered() {
-    this._injector.get(G), this._injector.get(y), [
-      [F]
+    this._injector.get(F), this._injector.get(S), [
+      [G]
     ].forEach((t) => {
       this._renderManagerSrv.registerRenderModule(K.UNIVER_DOC, t);
     });
   }
 };
-He(J, "type", K.UNIVER_DOC);
-He(J, "pluginName", Ft);
-J = Vt([
-  Ve(et, Ye, Xe, ze, rt),
-  Ie(0, f(Fe)),
-  Ie(1, f(he))
-], J);
+Ke(Y, "type", K.UNIVER_DOC);
+Ke(Y, "pluginName", Jt);
+Y = Yt([
+  Fe(bt, Ot, Pt, xt, ht),
+  oe(1, f(Ge)),
+  oe(2, f(ve)),
+  oe(3, ze)
+], Y);
 export {
-  y as DocQuickInsertPopupService,
-  G as DocQuickInsertTriggerController,
+  S as DocQuickInsertPopupService,
+  F as DocQuickInsertTriggerController,
   z as DocQuickInsertUIController,
-  xt as KeywordInputPlaceholderComponentKey,
-  Ot as QuickInsertPlaceholderComponentKey,
-  J as UniverDocsQuickInsertUIPlugin
+  Mt as KeywordInputPlaceholderComponentKey,
+  wt as QuickInsertPlaceholderComponentKey,
+  Y as UniverDocsQuickInsertUIPlugin
 };