@univerjs/docs-quick-insert-ui 0.10.12 → 0.10.13

package/lib/index.js

@@ -1,46 +1,46 @@
-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 = {
+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: D.COMMAND,
+  type: k.COMMAND,
   handler: (t, e) => {
-    const r = t.get(H), { start: n, end: i } = e;
-    return r.syncExecuteCommand(tt.id, {
+    const n = t.get(Q), { start: i, end: r } = e;
+    return n.syncExecuteCommand(et.id, {
       segmentId: "",
       textRanges: [{
-        startOffset: n,
-        endOffset: n,
+        startOffset: i,
+        endOffset: i,
         collapsed: !0
       }],
       selections: [{
-        startOffset: n,
-        endOffset: i,
+        startOffset: i,
+        endOffset: r,
         collapsed: !1,
-        direction: Be.FORWARD
+        direction: je.FORWARD
       }]
     });
   }
-}, Mt = "docs.quick.insert.keyword-input-placeholder", q = () => {
-  const t = I(le);
+}, 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") });
 };
-q.componentKey = Mt;
-const wt = "docs.quick.insert.placeholder", Z = () => {
-  const t = I(le);
+W.componentKey = Ot;
+const bt = "docs.quick.insert.placeholder", q = () => {
+  const t = _(ue);
   return /* @__PURE__ */ h(
     "div",
     {
@@ -49,220 +49,220 @@ const wt = "docs.quick.insert.placeholder", Z = () => {
     }
   );
 };
-Z.componentKey = wt;
-function ae(t, e) {
-  return t.map((r) => ({ ...r })).filter((r) => {
-    if ("children" in r)
-      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);
+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 we(t, e) {
-  return t.map((r) => {
-    const n = { ...r };
-    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;
+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 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);
+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$, ""), 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 g = requestIdleCallback(() => {
-      P(ae(y, d.toLowerCase()));
+  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(g);
+      cancelIdleCallback(m);
     };
-  }, [y, d]);
-  const x = (g) => {
-    e.emitMenuSelected(g), i.executeCommand(Q.id);
+  }, [S, d]);
+  const y = (m) => {
+    e.emitMenuSelected(m), r.executeCommand(U.id);
   };
-  j(() => {
-    const g = new qe();
-    n.getAllShortcuts().filter((l) => l.binding && kt.includes(l.binding)).forEach((l) => {
-      const b = l.preconditions;
-      l.preconditions = () => !1, g.add(Ze(() => {
-        l.preconditions = b;
+  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 O = {
-      id: `quick.insert.popup.enter.${o}`,
-      type: D.OPERATION,
+    const x = {
+      id: `quick.insert.popup.enter.${s}`,
+      type: k.OPERATION,
       handler: () => {
-        const l = s.current;
-        l && x(l);
+        const p = o.current;
+        p && y(p);
       }
-    }, N = {
-      id: `quick.insert.popup.move.cursor.up.${o}`,
-      type: D.OPERATION,
+    }, D = {
+      id: `quick.insert.popup.move.cursor.up.${s}`,
+      type: k.OPERATION,
       handler: () => {
-        u((l) => {
-          const b = l - 1;
-          return b >= 0 ? b : a.current - 1;
+        l((p) => {
+          const M = p - 1;
+          return M >= 0 ? M : a.current - 1;
         });
       }
     }, R = {
-      id: `quick.insert.popup.move.cursor.down.${o}`,
-      type: D.OPERATION,
+      id: `quick.insert.popup.move.cursor.down.${s}`,
+      type: k.OPERATION,
       handler: () => {
-        u((l) => {
-          const b = l + 1;
-          return b <= a.current - 1 ? b : 0;
+        l((p) => {
+          const M = p + 1;
+          return M <= a.current - 1 ? M : 0;
         });
       }
     };
-    return g.add(i.registerCommand(N)), g.add(i.registerCommand(R)), g.add(i.registerCommand(O)), g.add(n.registerShortcut({
+    return m.add(r.registerCommand(D)), m.add(r.registerCommand(R)), m.add(r.registerCommand(x)), m.add(i.registerShortcut({
       priority: 1e3,
-      id: N.id,
-      binding: M.ARROW_UP,
+      id: D.id,
+      binding: O.ARROW_UP,
       preconditions: () => !0,
       staticParameters: {
-        direction: W.UP
+        direction: B.UP
       }
-    })), g.add(n.registerShortcut({
+    })), m.add(i.registerShortcut({
       priority: 1e3,
       id: R.id,
-      binding: M.ARROW_DOWN,
+      binding: O.ARROW_DOWN,
       preconditions: () => !0,
       staticParameters: {
-        direction: W.DOWN
+        direction: B.DOWN
       }
-    })), g.add(n.registerShortcut({
+    })), m.add(i.registerShortcut({
       priority: 1e3,
-      id: O.id,
-      binding: M.ENTER,
+      id: x.id,
+      binding: O.ENTER,
       preconditions: () => !0
     })), () => {
-      g.dispose();
+      m.dispose();
     };
-  }, []), j(() => {
-    u(0);
-  }, [w]);
-  const k = B(/* @__PURE__ */ new Map());
-  j(() => () => {
-    k.current.clear();
+  }, []), L(() => {
+    l(0);
+  }, [b]);
+  const w = j(/* @__PURE__ */ new Map());
+  L(() => () => {
+    w.current.clear();
   }, []);
-  function $(g) {
-    return g.map((m) => {
-      const ne = m.icon, O = ne ? r.get(ne) : null;
-      if ("children" in m)
+  function $(m) {
+    return m.map((v) => {
+      const ee = v.icon, x = ee ? n.get(ee) : null;
+      if ("children" in v)
         return /* @__PURE__ */ h(
-          _t,
+          vt,
           {
-            title: /* @__PURE__ */ _e(
+            title: /* @__PURE__ */ ve(
               "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: m.title })
+                  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: $(m.children)
+            children: $(v.children)
           },
-          m.id
+          v.id
         );
-      const N = a.current, R = c === N;
+      const D = a.current, R = c === D;
       if (R) {
-        s.current = m;
-        const l = k.current.get(m.id);
-        l == null || l.scrollIntoView({
+        o.current = v;
+        const p = w.current.get(v.id);
+        p == null || p.scrollIntoView({
           block: "nearest"
         });
       }
       return a.current++, /* @__PURE__ */ h(
         Ct,
         {
-          ref: (l) => {
-            l && k.current.set(m.id, l);
+          ref: (p) => {
+            p && w.current.set(v.id, p);
           },
-          onMouseEnter: () => u(N),
-          onMouseLeave: () => u(Number.NaN),
-          className: se("univer-w-[calc(220px-var(--padding-base)*2)] univer-text-sm", {
+          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: () => {
-            x(m);
+            y(v);
           },
-          children: /* @__PURE__ */ _e(
+          children: /* @__PURE__ */ ve(
             "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(It, { showIfEllipsis: !0, title: m.title, placement: "right", children: /* @__PURE__ */ h("span", { className: "univer-truncate", children: m.title }) })
+                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 }) })
               ]
             }
           )
         },
-        m.id
+        v.id
       );
     });
   }
-  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(
+  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: se("univer-max-h-[360px] univer-w-[220px] univer-overflow-y-auto univer-overflow-x-hidden", mt),
-      children: $(w)
+      wrapperClass: re("univer-max-h-[360px] univer-w-[220px] univer-overflow-y-auto univer-overflow-x-hidden", mt),
+      children: $(b)
     }
   ) : me && /* @__PURE__ */ h(me, {}) });
 };
-V.componentKey = "docs.quick.insert.popup";
-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 Ie = {
+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 S = class extends J {
-  constructor(e, r, n, i, o) {
+let I = class extends Y {
+  constructor(e, n, i, r, s) {
     super();
-    _(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(s, a);
+    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 u = "";
+    let l = "";
     this.filterKeyword$ = this._inputOffset$.pipe(
-      be((s) => {
+      Me((o) => {
         var d;
-        const a = c(s.start, s.end);
+        const a = c(o.start, o.end);
         return (d = a == null ? void 0 : a.slice(1)) != null ? d : "";
       }),
-      ft(),
-      L((s) => {
-        u = s;
+      ht(),
+      K((o) => {
+        l = o;
       })
-    ), this.disposeWithMe(ge([
-      this.filterKeyword$.pipe(L((s) => {
-        var a, d, p;
-        s.length > 0 ? (d = (a = this._inputPlaceholderRenderRoot) == null ? void 0 : a.unmount) == null || d.dispose() : (p = this._inputPlaceholderRenderRoot) == null || p.mount();
+    ), 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(L((s) => {
-        var a, d, p;
-        s ? (d = (a = this._inputPlaceholderRenderRoot) == null ? void 0 : a.unmount) == null || d.dispose() : u.length <= 0 && ((p = this._inputPlaceholderRenderRoot) == null || p.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(L((s) => {
+      this.editPopup$.pipe(K((o) => {
         var a, d;
-        s || ((d = (a = this._inputPlaceholderRenderRoot) == null ? void 0 : a.unmount) == null || d.dispose(), this._inputPlaceholderRenderRoot = null);
+        o || ((d = (a = this._inputPlaceholderRenderRoot) == null ? void 0 : a.unmount) == null || d.dispose(), this._inputPlaceholderRenderRoot = null);
       }))
     ]).subscribe());
   }
@@ -285,11 +285,11 @@ let S = class extends J {
     this._inputOffset$.next(e);
   }
   getDocEventManagerService(e) {
-    var r;
-    return (r = this._renderManagerService.getRenderById(e)) == null ? void 0 : r.with(Pe);
+    var n;
+    return (n = this._renderManagerService.getRenderById(e)) == null ? void 0 : n.with(Pe);
   }
   resolvePopup(e) {
-    return Array.from(this._popups).find((r) => r.keyword === e);
+    return Array.from(this._popups).find((n) => n.keyword === e);
   }
   registerPopup(e) {
     return this._popups.add(e), () => {
@@ -303,58 +303,58 @@ let S = class extends J {
         if (this.isMounted)
           return;
         this.isMounted = !0;
-        const n = e();
+        const i = e();
         this.unmount = {
           dispose: () => {
-            n.dispose(), this.isMounted = !1;
+            i.dispose(), this.isMounted = !1;
           }
         };
       }
     };
   }
   showPopup(e) {
-    var d, p;
-    const { popup: r, index: n, unitId: i } = e;
+    var d, u;
+    const { popup: n, index: i, unitId: r } = e;
     this.closePopup();
-    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);
+    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 u = this.getDocEventManagerService(i), s = u == null ? void 0 : u.findParagraphBoundByIndex(c.startIndex);
-    if (!s)
+    const l = this.getDocEventManagerService(r), o = l == null ? void 0 : l.findParagraphBoundByIndex(c.startIndex);
+    if (!o)
       return;
     this._inputPlaceholderRenderRoot = this._createInputPlaceholderRenderRoot(() => {
       var $;
-      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);
+      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 Ie;
-      const k = this._docCanvasPopupManagerService.attachPopupToRange(
-        { startOffset: n + 1, endOffset: n + 1, collapsed: !1 },
+        return _e;
+      const w = this._docCanvasPopupManagerService.attachPopupToRange(
+        { startOffset: i + 1, endOffset: i + 1, collapsed: !1 },
         {
-          componentKey: q.componentKey,
+          componentKey: W.componentKey,
           onClickOutside: () => {
-            k.dispose();
+            w.dispose();
           },
           direction: "horizontal"
         },
-        i
+        r
       );
-      return k;
+      return w;
     }), this._inputPlaceholderRenderRoot.mount();
     const a = this._docCanvasPopupManagerService.attachPopupToRect(
-      s.firstLine,
+      o.firstLine,
       {
-        componentKey: V.componentKey,
+        componentKey: Z.componentKey,
         onClickOutside: () => {
           this.closePopup();
         },
         direction: "bottom"
       },
-      i
+      r
     );
-    this._editPopup$.next({ disposable: a, popup: r, anchor: n, unitId: i });
+    this._editPopup$.next({ disposable: a, popup: n, anchor: i, unitId: r });
   }
   closePopup() {
     this.editPopup && (this.editPopup.disposable.dispose(), this._editPopup$.next(null));
@@ -365,62 +365,62 @@ let S = class extends J {
     };
   }
   emitMenuSelected(e) {
-    const { start: r, end: n } = this.inputOffset;
-    this._commandService.syncExecuteCommand(Me.id, {
-      start: r,
-      end: n
+    const { start: n, end: i } = this.inputOffset;
+    this._commandService.syncExecuteCommand(Oe.id, {
+      start: n,
+      end: i
     }), setTimeout(() => {
-      this._menuSelectedCallbacks.forEach((i) => i(e));
+      this._menuSelectedCallbacks.forEach((r) => r(e));
     }, 0);
   }
 };
-S = Dt([
-  E(0, f(ye)),
-  E(1, f(he)),
-  E(2, f(H)),
-  E(3, f(ve)),
-  E(4, f(fe))
-], S);
-const ke = {
-  type: D.OPERATION,
+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 r = t.get(S);
-    return e ? (r.showPopup(e), !0) : !1;
+    const n = t.get(I);
+    return e ? (n.showPopup(e), !0) : !1;
   }
-}, Q = {
-  type: D.OPERATION,
+}, U = {
+  type: k.OPERATION,
   id: "doc.operation.close-quick-insert-popup",
   handler(t) {
-    return t.get(S).closePopup(), !0;
+    return t.get(I).closePopup(), !0;
   }
 }, Re = {
   id: "quick-insert.text.menu",
   title: "docQuickInsert.menu.text",
   icon: "TextIcon",
   keywords: ["text"]
-}, De = {
-  id: nt.id,
+}, ke = {
+  id: tt.id,
   title: "docQuickInsert.menu.numberedList",
   icon: "OrderIcon",
   keywords: ["numbered", "list", "ordered"]
 }, $e = {
-  id: rt.id,
+  id: nt.id,
   title: "docQuickInsert.menu.bulletedList",
   icon: "UnorderIcon",
   keywords: ["bulleted", "list", "unordered"]
-}, Ne = {
+}, De = {
   id: it.id,
   title: "docQuickInsert.menu.divider",
   icon: "DividerIcon",
   keywords: ["divider", "line", "separate"]
-}, Ee = {
-  id: ot.id,
+}, Ne = {
+  id: rt.id,
   title: "docQuickInsert.menu.table",
   icon: "GridIcon",
   keywords: ["table", "grid", "spreadsheet"]
-}, Ue = {
-  id: yt.id,
+}, Ee = {
+  id: St.id,
   title: "docQuickInsert.menu.image",
   icon: "AdditionAndSubtractionIcon",
   keywords: ["image", "picture", "photo"]
@@ -430,30 +430,30 @@ const ke = {
     id: "quick.insert.group.basic",
     children: [
       Re,
-      De,
+      ke,
       $e,
+      De,
       Ne,
-      Ee,
-      Ue
+      Ee
     ]
   }
-], Nt = /* @__PURE__ */ new Set([
-  De.id,
+], Dt = /* @__PURE__ */ new Set([
+  ke.id,
   $e.id,
+  De.id,
   Ne.id,
-  Ee.id,
-  Ue.id
+  Ee.id
 ]);
-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;
-}, 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,
-      binding: M.ESC,
+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();
@@ -463,59 +463,59 @@ let F = class extends J {
     this.disposeWithMe(
       // eslint-disable-next-line complexity, max-lines-per-function
       this._commandService.onCommandExecuted((t) => {
-        var o, c, u;
-        const { _docQuickInsertPopupService: e, _textSelectionManagerService: r, _commandService: n } = this, i = this._univerInstanceService.getCurrentUnitOfType(K.UNIVER_DOC);
-        if (!(i != null && i.getDisabled())) {
+        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 s = t.params;
+            const o = t.params;
             if (e.editPopup) {
               e.setInputOffset({
                 start: e.inputOffset.start,
-                end: s.range.endOffset + 1
+                end: o.range.endOffset + 1
               });
               return;
             }
-            const a = r.getActiveTextRange();
+            const a = n.getActiveTextRange();
             if (!a)
               return;
-            const d = e.resolvePopup(s.body.dataStream);
-            if (!d || !(d.preconditions ? d.preconditions(s) : !0))
+            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(() => {
-              n.executeCommand(ke.id, {
+              i.executeCommand(we.id, {
                 index: a.startOffset - 1,
-                unitId: s.unitId,
+                unitId: o.unitId,
                 popup: d
               });
             }, 100);
           }
-          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 === ot.id) {
+            const o = t.params;
+            !e.isComposing && o.isCompositionStart && e.setIsComposing(!0), e.isComposing && o.isCompositionEnd && e.setIsComposing(!1);
           }
-          if (t.id === et.id) {
-            const s = t.params;
-            if (s.isCompositionEnd) {
-              const a = (c = (o = s.textRanges) == null ? void 0 : o[0]) == null ? void 0 : c.endOffset;
+          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 === 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 === 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 === dt.id) {
-            const s = t.params;
-            (s.direction === W.LEFT || s.direction === W.RIGHT) && e.editPopup && n.executeCommand(Q.id);
+          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 === ut.id) {
-            const s = r.getActiveTextRange();
-            if (!e.editPopup || !s)
+          if (t.id === dt.id) {
+            const o = n.getActiveTextRange();
+            if (!e.editPopup || !o)
               return;
-            s.endOffset <= e.editPopup.anchor && n.executeCommand(Q.id);
+            o.endOffset <= e.editPopup.anchor && i.executeCommand(U.id);
           }
         }
       })
@@ -523,120 +523,249 @@ let F = class extends J {
   }
   _initMenuHandler() {
     this.disposeWithMe(this._docQuickInsertPopupService.onMenuSelected((t) => {
-      t.id !== Re.id && Nt.has(t.id) && this._commandService.executeCommand(t.id);
+      t.id !== Re.id && Dt.has(t.id) && this._commandService.executeCommand(t.id);
     }));
   }
 };
-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;
-  }, 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]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "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 = 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 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);
-  }));
+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 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, ")")));
+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})`));
   });
-  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(o) {
-    var c = o[0], u = o[1];
-    typeof u == "string" && (n[c] = u.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
-  })), n;
+  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 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) ? 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 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 Kt() {
+function Qt() {
   return Math.random().toString(36).substring(2, 8);
 }
-te.displayName = "UniverIcon";
-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, {
+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: e,
-    icon: Lt
+    ref: n,
+    icon: Ht
   }));
 });
-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, {
+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: e,
-    icon: jt
+    ref: n,
+    icon: Kt
   }));
 });
-Qe.displayName = "IncreaseIcon";
-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, {
+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: e,
-    icon: At
+    ref: n,
+    icon: Lt
   }));
 });
-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) {
+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();
-    _(this, "_popup$", new A(null));
-    _(this, "popup$", this._popup$.asObservable());
-    this._context = e, this._docEventManagerService = r, this._docQuickInsertPopupService = n, this._docCanvasPopManagerService = i, this._init();
+    C(this, "_popup$", new A(null));
+    C(this, "popup$", this._popup$.asObservable());
+    this._context = e, this._docEventManagerService = n, this._docQuickInsertPopupService = i, this._docCanvasPopManagerService = r, this._init();
   }
   get popup() {
     return this._popup$.value;
   }
   _init() {
-    this.disposeWithMe(ge([this._docEventManagerService.hoverParagraphLeftRealTime$, this._docEventManagerService.hoverParagraphRealTime$]).subscribe(([e, r]) => {
-      var o;
-      const n = e != null ? e : r, i = this._context.unit.getDisabled();
-      if (!n || i) {
+    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 (n.paragraphStart === n.paragraphEnd) {
-        if (this._docQuickInsertPopupService.editPopup || n.startIndex === ((o = this.popup) == null ? void 0 : o.startIndex)) 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(n.firstLine, {
-          componentKey: He,
+        const c = this._docCanvasPopManagerService.attachPopupToRect(i.firstLine, {
+          componentKey: Qe,
           direction: "left-center"
         }, this._context.unit.getUnitId());
         this._popup$.next({
-          startIndex: n.startIndex,
+          startIndex: i.startIndex,
           disposable: c
         });
       } else
@@ -647,38 +776,38 @@ let G = class extends J {
     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) => {
+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 v = c == null ? void 0 : c.popup;
-    if (!v)
+    const g = c == null ? void 0 : c.popup;
+    if (!g)
       return;
-    const y = e.popups, w = {
+    const S = e.popups, b = {
       keyword: "",
-      menus$: ge(y.map((x) => x.menus$)).pipe(
-        be((x) => x.flat())
+      menus$: fe(S.map((y) => y.menus$)).pipe(
+        Me((y) => y.flat())
       )
     };
-    s.replaceDocRanges([{
-      startOffset: v.startIndex,
-      endOffset: v.startIndex
-    }]), e.setInputOffset({ start: v.startIndex - 1, end: v.startIndex - 1 }), e.showPopup({
-      popup: w,
-      index: v.startIndex - 1,
-      unitId: (P = i == null ? void 0 : i.getUnitId()) != null ? P : ""
+    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(() => {
-      u.focus();
+      l.focus();
     });
   });
   return /* @__PURE__ */ h(
     "div",
     {
-      className: se("univer-mr-1 univer-flex univer-cursor-pointer univer-items-center univer-gap-2.5 univer-rounded-full univer-p-1.5 univer-shadow-sm hover:univer-bg-gray-100 dark:!univer-text-gray-200 dark:hover:!univer-bg-gray-700", St, {
+      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),
@@ -686,7 +815,7 @@ const pe = ({ className: t = "" }) => {
       tabIndex: 0,
       onClick: d,
       children: /* @__PURE__ */ h(
-        Qe,
+        Ue,
         {
           className: "univer-text-gray-800 dark:!univer-text-gray-200"
         }
@@ -694,43 +823,43 @@ const pe = ({ className: t = "" }) => {
     }
   );
 };
-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 J {
-  constructor(t, e, r) {
-    super(), this._commandService = t, this._docQuickInsertPopupService = e, this._componentManager = r, this._initCommands(), this._initComponents(), this._initMenus();
+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() {
     [
-      Me,
-      ke,
-      Q
+      Oe,
+      we,
+      U
     ].forEach((t) => {
       this.disposeWithMe(this._commandService.registerCommand(t));
     });
   }
   _initComponents() {
     [
-      [V.componentKey, V],
-      [q.componentKey, q],
       [Z.componentKey, Z],
-      [de.displayName, de],
-      [ue.displayName, ue],
-      [pe.componentKey, pe]
-    ].forEach(([e, r]) => {
-      e && this.disposeWithMe(this._componentManager.register(e, r));
+      [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$: vt($t),
+        menus$: ft($t),
         // only show when the cursor is at the beginning of a line
         preconditions: (e) => {
-          var r;
-          return ((r = e.range.startNodePosition) == null ? void 0 : r.glyph) === 0;
+          var n;
+          return ((n = e.range.startNodePosition) == null ? void 0 : n.glyph) === 0;
         }
       }
     ].forEach((e) => {
@@ -740,56 +869,56 @@ let z = class extends J {
   _initMenus() {
   }
 };
-z = Zt([
-  ie(0, H),
-  ie(1, f(S)),
-  ie(2, f(xe))
-], z);
-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;
-}, 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(
+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(
       {},
-      Se,
+      Ie,
       this._config
     );
-    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Vt, o);
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(qt, s);
   }
   onStarting() {
     [
-      [z],
-      [F],
-      [S]
-    ].forEach((e) => this._injector.add(e)), this._injector.get(z);
+      [G],
+      [V],
+      [I]
+    ].forEach((e) => this._injector.add(e)), this._injector.get(G);
   }
   onRendered() {
-    this._injector.get(F), this._injector.get(S), [
-      [G]
+    this._injector.get(V), this._injector.get(I), [
+      [F]
     ].forEach((t) => {
-      this._renderManagerSrv.registerRenderModule(K.UNIVER_DOC, t);
+      this._renderManagerSrv.registerRenderModule(H.UNIVER_DOC, t);
     });
   }
 };
-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);
+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 {
-  S as DocQuickInsertPopupService,
-  F as DocQuickInsertTriggerController,
-  z as DocQuickInsertUIController,
-  Mt as KeywordInputPlaceholderComponentKey,
-  wt as QuickInsertPlaceholderComponentKey,
-  Y as UniverDocsQuickInsertUIPlugin
+  I as DocQuickInsertPopupService,
+  V as DocQuickInsertTriggerController,
+  G as DocQuickInsertUIController,
+  Ot as KeywordInputPlaceholderComponentKey,
+  bt as QuickInsertPlaceholderComponentKey,
+  z as UniverDocsQuickInsertUIPlugin
 };