@univerjs/docs-quick-insert-ui 0.6.7 → 0.6.9-nightly.202504021607

package/lib/es/index.js

@@ -1,23 +1,24 @@
-var Pe = Object.defineProperty;
-var Se = (t, e, r) => e in t ? Pe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var m = (t, e, r) => Se(t, typeof e != "symbol" ? e + "" : e, r);
-import { CommandType as S, ICommandService as M, RANGE_DIRECTION as xe, LocaleService as F, generateRandomId as be, DisposableCollection as Me, toDisposable as we, Direction as k, Inject as v, IUniverInstanceService as Re, Disposable as G, UniverInstanceType as ae, DeleteDirection as ke, DependentOn as De, Injector as Ne, Plugin as Ee } from "@univerjs/core";
-import { UniverDocsDrawingPlugin as $e } from "@univerjs/docs-drawing";
-import { UniverDrawingPlugin as He } from "@univerjs/drawing";
-import { UniverDrawingUIPlugin as Te } from "@univerjs/drawing-ui";
-import { useDependency as O, KeyCode as y, ComponentManager as ue, IShortcutService as le, useObservable as U, UniverUIPlugin as Qe } from "@univerjs/ui";
-import { DocSelectionManagerService as je, RichTextEditingMutation as Ke } from "@univerjs/docs";
-import { CutContentCommand as Ue, DocCanvasPopManagerService as Ae, OrderListCommand as Le, BulletListCommand as We, HorizontalLineCommand as qe, InsertCommand as ze, DeleteCommand as Be, MoveCursorOperation as Ve, DeleteLeftCommand as Fe } from "@univerjs/docs-ui";
-import { map as Ge, distinctUntilChanged as Ze, combineLatest as Je, tap as re, BehaviorSubject as ie, of as Xe } from "rxjs";
-import { jsx as a, jsxs as oe } from "react/jsx-runtime";
-import { clsx as se, Menu as Ye, MenuItemGroup as et, MenuItem as tt } from "@univerjs/design";
-import { useMemo as ce, useState as de, useRef as q, useEffect as A, forwardRef as Z, createElement as J } from "react";
-const pe = {
+var Me = Object.defineProperty;
+var we = (t, e, i) => e in t ? Me(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
+var _ = (t, e, i) => we(t, typeof e != "symbol" ? e + "" : e, i);
+import { CommandType as x, ICommandService as N, RANGE_DIRECTION as Re, LocaleService as X, generateRandomId as ke, DisposableCollection as Ne, toDisposable as De, Direction as T, Inject as g, IUniverInstanceService as pe, Disposable as Y, UniverInstanceType as ee, DeleteDirection as Ee, DependentOn as $e, Injector as Te, Plugin as He } from "@univerjs/core";
+import { UniverDocsDrawingPlugin as Ue } from "@univerjs/docs-drawing";
+import { UniverDrawingPlugin as Ke } from "@univerjs/drawing";
+import { UniverDrawingUIPlugin as Qe } from "@univerjs/drawing-ui";
+import { useDependency as O, KeyCode as y, ComponentManager as fe, IShortcutService as he, useObservable as B, UniverUIPlugin as je } from "@univerjs/ui";
+import { DocSelectionManagerService as me, DocSkeletonManagerService as Ae, RichTextEditingMutation as Le } from "@univerjs/docs";
+import { CutContentCommand as We, DocCanvasPopManagerService as qe, OrderListCommand as ze, BulletListCommand as Be, HorizontalLineCommand as Ve, InsertCommand as Fe, IMEInputCommand as Ge, DeleteCommand as Ze, MoveCursorOperation as Je, DeleteLeftCommand as Xe } from "@univerjs/docs-ui";
+import { IRenderManagerService as Ye } from "@univerjs/engine-render";
+import { map as et, distinctUntilChanged as tt, tap as D, combineLatest as nt, BehaviorSubject as V, of as it } from "rxjs";
+import { jsx as f, jsxs as ce } from "react/jsx-runtime";
+import { clsx as ae, Menu as rt, MenuItemGroup as st, MenuItem as ot, Tooltip as ct } from "@univerjs/design";
+import { useMemo as de, useState as ue, useRef as $, useEffect as E, forwardRef as te, createElement as ne } from "react";
+const ve = {
   id: "doc.command.delete-search-key",
-  type: S.COMMAND,
+  type: x.COMMAND,
   handler: (t, e) => {
-    const r = t.get(M), { start: n, end: i } = e;
-    return r.syncExecuteCommand(Ue.id, {
+    const i = t.get(N), { start: n, end: r } = e;
+    return i.syncExecuteCommand(We.id, {
       segmentId: "",
       textRanges: [{
         startOffset: n,
@@ -26,221 +27,269 @@ const pe = {
       }],
       selections: [{
         startOffset: n,
-        endOffset: i,
+        endOffset: r,
         collapsed: !1,
-        direction: xe.FORWARD
+        direction: Re.FORWARD
       }]
     });
   }
-}, nt = "docs.quick.insert.keyword-input-placeholder", D = () => {
-  const t = O(F);
-  return /* @__PURE__ */ a("div", { className: "univer-translate-y-1.5 univer-text-sm univer-text-gray-500", children: t.t("docQuickInsert.keywordInputPlaceholder") });
+}, at = "docs.quick.insert.keyword-input-placeholder", H = () => {
+  const t = O(X);
+  return /* @__PURE__ */ f("div", { className: "univer-translate-y-1.5 univer-text-sm univer-text-gray-500", children: t.t("docQuickInsert.keywordInputPlaceholder") });
 };
-D.componentKey = nt;
-const rt = "docs.quick.insert.placeholder", N = () => {
-  const t = O(F);
-  return /* @__PURE__ */ a(
+H.componentKey = at;
+const dt = "docs.quick.insert.placeholder", U = () => {
+  const t = O(X);
+  return /* @__PURE__ */ f(
     "div",
     {
       className: `
               univer-flex univer-h-full univer-items-center univer-justify-center univer-rounded-lg univer-bg-white
               univer-px-12 univer-py-6 univer-text-gray-400
             `,
-      children: /* @__PURE__ */ a("span", { children: t.t("docQuickInsert.placeholder") })
+      children: /* @__PURE__ */ f("span", { children: t.t("docQuickInsert.placeholder") })
     }
   );
 };
-N.componentKey = rt;
-function z(t, e) {
-  return t.map((r) => ({ ...r })).filter((r) => {
-    if ("children" in r)
-      return r.children = z(r.children, e), r.children.length > 0;
-    const n = r.keywords;
-    return n ? n.some((i) => i.includes(e)) : r.title.toLowerCase().includes(e);
+U.componentKey = dt;
+function G(t, e) {
+  return t.map((i) => ({ ...i })).filter((i) => {
+    if ("children" in i)
+      return i.children = G(i.children, e), i.children.length > 0;
+    const n = i.keywords;
+    return n ? n.some((r) => r.includes(e)) : i.title.toLowerCase().includes(e);
   });
 }
-function fe(t, e) {
-  return t.map((r) => {
-    const n = { ...r };
-    return "children" in n && (n.children = fe(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 ge(t, e) {
+  return t.map((i) => {
+    const n = { ...i };
+    return "children" in n && (n.children = ge(n.children, e)), n.title = e.t(n.title), "keywords" in n && (n.keywords = n.keywords.concat(n.title).map((r) => r.toLowerCase())), n;
   });
 }
-const it = [y.ARROW_UP, y.ARROW_DOWN, y.ENTER], E = () => {
-  const t = O(F), e = O(g), r = O(ue), n = O(le), i = O(M), o = ce(() => be(), []), [c, s] = de(0), d = q(null), f = q(0);
-  f.current = 0;
-  const w = U(e.filterKeyword$, ""), I = U(e.editPopup$), Y = U(I == null ? void 0 : I.popup.menus$, []), Q = ce(() => fe(Y, t), [Y]), [j, ye] = de(() => z(Q, w.toLowerCase()));
-  A(() => {
-    const u = requestIdleCallback(() => {
-      ye(z(Q, w.toLowerCase()));
+const ut = [y.ARROW_UP, y.ARROW_DOWN, y.ENTER], K = () => {
+  const t = O(X), e = O(C), i = O(fe), n = O(he), r = O(N), o = de(() => ke(), []), [a, d] = ue(0), s = $(null), c = $(0);
+  c.current = 0;
+  const u = B(e.filterKeyword$, ""), p = B(e.editPopup$), b = B(p == null ? void 0 : p.popup.menus$, []), L = de(() => ge(b, t), [b]), [W, xe] = ue(() => G(L, u.toLowerCase()));
+  E(() => {
+    const h = requestIdleCallback(() => {
+      xe(G(L, u.toLowerCase()));
     });
     return () => {
-      cancelIdleCallback(u);
+      cancelIdleCallback(h);
     };
-  }, [Q, w]);
-  const ee = (u) => {
-    e.emitMenuSelected(u), i.executeCommand(b.id);
+  }, [L, u]);
+  const re = (h) => {
+    e.emitMenuSelected(h), r.executeCommand(k.id);
   };
-  A(() => {
-    const u = new Me();
-    n.getAllShortcuts().filter((l) => l.binding && it.includes(l.binding)).forEach((l) => {
-      const C = l.preconditions;
-      l.preconditions = () => !1, u.add(we(() => {
-        l.preconditions = C;
+  E(() => {
+    const h = new Ne();
+    n.getAllShortcuts().filter((l) => l.binding && ut.includes(l.binding)).forEach((l) => {
+      const I = l.preconditions;
+      l.preconditions = () => !1, h.add(De(() => {
+        l.preconditions = I;
       }));
     });
-    const _ = {
+    const S = {
       id: `quick.insert.popup.enter.${o}`,
-      type: S.OPERATION,
+      type: x.OPERATION,
       handler: () => {
-        const l = d.current;
-        l && ee(l);
+        const l = s.current;
+        l && re(l);
       }
-    }, x = {
+    }, M = {
       id: `quick.insert.popup.move.cursor.up.${o}`,
-      type: S.OPERATION,
+      type: x.OPERATION,
       handler: () => {
-        s((l) => {
-          const C = l - 1;
-          return C >= 0 ? C : f.current - 1;
+        d((l) => {
+          const I = l - 1;
+          return I >= 0 ? I : c.current - 1;
         });
       }
     }, P = {
       id: `quick.insert.popup.move.cursor.down.${o}`,
-      type: S.OPERATION,
+      type: x.OPERATION,
       handler: () => {
-        s((l) => {
-          const C = l + 1;
-          return C <= f.current - 1 ? C : 0;
+        d((l) => {
+          const I = l + 1;
+          return I <= c.current - 1 ? I : 0;
         });
       }
     };
-    return u.add(i.registerCommand(x)), u.add(i.registerCommand(P)), u.add(i.registerCommand(_)), u.add(n.registerShortcut({
+    return h.add(r.registerCommand(M)), h.add(r.registerCommand(P)), h.add(r.registerCommand(S)), h.add(n.registerShortcut({
       priority: 1e3,
-      id: x.id,
+      id: M.id,
       binding: y.ARROW_UP,
       preconditions: () => !0,
       staticParameters: {
-        direction: k.UP
+        direction: T.UP
       }
-    })), u.add(n.registerShortcut({
+    })), h.add(n.registerShortcut({
       priority: 1e3,
       id: P.id,
       binding: y.ARROW_DOWN,
       preconditions: () => !0,
       staticParameters: {
-        direction: k.DOWN
+        direction: T.DOWN
       }
-    })), u.add(n.registerShortcut({
+    })), h.add(n.registerShortcut({
       priority: 1e3,
-      id: _.id,
+      id: S.id,
       binding: y.ENTER,
       preconditions: () => !0
     })), () => {
-      u.dispose();
+      h.dispose();
     };
-  }, []), A(() => {
-    s(0);
-  }, [j]);
-  function te(u) {
-    return u.map((h) => {
-      const K = h.icon, _ = K ? r.get(K) : null;
-      if ("children" in h)
-        return /* @__PURE__ */ a(
-          et,
+  }, []), E(() => {
+    d(0);
+  }, [W]);
+  const q = $(/* @__PURE__ */ new Map());
+  E(() => () => {
+    q.current.clear();
+  }, []);
+  function se(h) {
+    return h.map((m) => {
+      const z = m.icon, S = z ? i.get(z) : null;
+      if ("children" in m)
+        return /* @__PURE__ */ f(
+          st,
           {
-            title: /* @__PURE__ */ oe(
+            title: /* @__PURE__ */ ce(
               "div",
               {
                 className: `
                                   univer-mb-2 univer-flex univer-items-center univer-text-xs univer-text-gray-400
                                 `,
                 children: [
-                  _ && /* @__PURE__ */ a("span", { className: "univer-mr-2 univer-inline-flex univer-text-base", children: /* @__PURE__ */ a(_, {}) }),
-                  /* @__PURE__ */ a("span", { children: h.title })
+                  S && /* @__PURE__ */ f("span", { className: "univer-mr-2 univer-inline-flex univer-text-base", children: /* @__PURE__ */ f(S, {}) }),
+                  /* @__PURE__ */ f("span", { children: m.title })
                 ]
               }
             ),
-            children: te(h.children)
+            children: se(m.children)
           },
-          h.id
+          m.id
         );
-      const x = f.current, P = c === x;
-      return P && (d.current = h), f.current++, /* @__PURE__ */ a(
-        tt,
+      const M = c.current, P = a === M;
+      if (P) {
+        s.current = m;
+        const l = q.current.get(m.id);
+        l == null || l.scrollIntoView({
+          block: "nearest"
+        });
+      }
+      return c.current++, /* @__PURE__ */ f(
+        ot,
         {
-          onMouseEnter: () => s(x),
-          onMouseLeave: () => s(Number.NaN),
-          className: se("univer-text-sm", {
+          ref: (l) => {
+            l && q.current.set(m.id, l);
+          },
+          onMouseEnter: () => d(M),
+          onMouseLeave: () => d(Number.NaN),
+          className: ae("univer-w-[calc(220px-var(--padding-base)*2)] univer-text-sm", {
             "hover:univer-bg-transparent": !P,
             "univer-bg-gray-100": P
           }),
           onClick: () => {
-            ee(h);
+            re(m);
           },
-          children: /* @__PURE__ */ oe("div", { className: "univer-flex univer-items-center univer-px-1", children: [
-            _ && /* @__PURE__ */ a("span", { className: "univer-mr-2 univer-inline-flex univer-text-base", children: /* @__PURE__ */ a(_, {}) }),
-            /* @__PURE__ */ a("span", { children: h.title })
-          ] })
+          children: /* @__PURE__ */ ce(
+            "div",
+            {
+              className: "univer-flex univer-w-full univer-items-center univer-px-1",
+              children: [
+                S && /* @__PURE__ */ f("span", { className: "univer-mr-2 univer-inline-flex univer-text-base", children: /* @__PURE__ */ f(S, {}) }),
+                /* @__PURE__ */ f(ct, { showIfEllipsis: !0, title: m.title, placement: "right", children: /* @__PURE__ */ f("span", { className: "univer-truncate", children: m.title }) })
+              ]
+            }
+          )
         },
-        h.id
+        m.id
       );
     });
   }
-  const Ie = j.length > 0, ne = (I == null ? void 0 : I.popup.Placeholder) || r.get(N.componentKey);
-  return /* @__PURE__ */ a(
+  const be = W.length > 0, oe = (p == null ? void 0 : p.popup.Placeholder) || i.get(U.componentKey);
+  return /* @__PURE__ */ f(
     "div",
     {
-      className: se(`
-              univer-rounded-lg univer-border univer-border-solid univer-border-gray-100
+      className: ae(`
+              univer-rounded-lg univer-border univer-border-solid univer-border-gray-100 univer-bg-white
               univer-shadow-[0_0_10px_0_rgba(0,0,0,0.1)]
             `),
-      children: Ie ? /* @__PURE__ */ a("div", { className: "univer-max-h-[360px] univer-w-[220px] univer-overflow-y-auto", children: /* @__PURE__ */ a(Ye, { children: te(j) }) }) : ne && /* @__PURE__ */ a(ne, {})
+      children: be ? /* @__PURE__ */ f(
+        "div",
+        {
+          className: `
+                          univer-max-h-[360px] univer-w-[220px] univer-overflow-y-auto univer-overflow-x-hidden
+                        `,
+          children: /* @__PURE__ */ f(rt, { children: se(W) })
+        }
+      ) : oe && /* @__PURE__ */ f(oe, {})
     }
   );
 };
-E.componentKey = "docs.quick.insert.popup";
-var ot = Object.getOwnPropertyDescriptor, st = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? ot(e, r) : e, o = t.length - 1, c; o >= 0; o--)
-    (c = t[o]) && (i = c(i) || i);
-  return i;
-}, L = (t, e) => (r, n) => e(r, n, t);
-let g = class extends G {
-  constructor(e, r, n) {
+K.componentKey = "docs.quick.insert.popup";
+var lt = Object.getOwnPropertyDescriptor, pt = (t, e, i, n) => {
+  for (var r = n > 1 ? void 0 : n ? lt(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+    (a = t[o]) && (r = a(r) || r);
+  return r;
+}, w = (t, e) => (i, n) => e(i, n, t);
+const le = {
+  dispose: () => {
+  }
+};
+let C = class extends Y {
+  constructor(e, i, n, r, o) {
     super();
-    m(this, "_popups", /* @__PURE__ */ new Set());
-    m(this, "_editPopup$", new ie(void 0));
-    m(this, "editPopup$", this._editPopup$.asObservable());
-    m(this, "_inputOffset$", new ie({ start: 0, end: 0 }));
-    m(this, "inputOffset$", this._inputOffset$.asObservable());
-    m(this, "filterKeyword$");
-    m(this, "_menuSelectedCallbacks", /* @__PURE__ */ new Set());
-    m(this, "_inputPlaceholderRenderRoot", null);
-    this._docCanvasPopupManagerService = e, this._univerInstanceService = r, this._commandService = n, this.disposeWithMe(this._editPopup$);
-    const i = (o, c) => {
-      var s, d;
-      return (d = (s = this._univerInstanceService.getCurrentUnitOfType(ae.UNIVER_DOC)) == null ? void 0 : s.getBody()) == null ? void 0 : d.dataStream.slice(o, c);
+    _(this, "_popups", /* @__PURE__ */ new Set());
+    _(this, "_editPopup$", new V(void 0));
+    _(this, "editPopup$", this._editPopup$.asObservable());
+    _(this, "_isComposing$", new V(!1));
+    _(this, "isComposing$", this._isComposing$.asObservable());
+    _(this, "_inputOffset$", new V({ start: 0, end: 0 }));
+    _(this, "inputOffset$", this._inputOffset$.asObservable());
+    _(this, "filterKeyword$");
+    _(this, "_menuSelectedCallbacks", /* @__PURE__ */ new Set());
+    _(this, "_inputPlaceholderRenderRoot", null);
+    this._docCanvasPopupManagerService = e, this._univerInstanceService = i, this._commandService = n, this._renderManagerService = r, this._docSelectionManagerService = o, this.disposeWithMe(this._editPopup$);
+    const a = (s, c) => {
+      var u, p;
+      return (p = (u = this._univerInstanceService.getCurrentUnitOfType(ee.UNIVER_DOC)) == null ? void 0 : u.getBody()) == null ? void 0 : p.dataStream.slice(s, c);
     };
+    let d = "";
     this.filterKeyword$ = this._inputOffset$.pipe(
-      Ge((o) => {
-        var s;
-        const c = i(o.start, o.end);
-        return (s = c == null ? void 0 : c.slice(1)) != null ? s : "";
+      et((s) => {
+        var u;
+        const c = a(s.start, s.end);
+        return (u = c == null ? void 0 : c.slice(1)) != null ? u : "";
       }),
-      Ze()
-    ), this.disposeWithMe(Je([
-      this.filterKeyword$.pipe(re((o) => {
-        var c, s, d;
-        o.length > 0 ? (s = (c = this._inputPlaceholderRenderRoot) == null ? void 0 : c.unmount) == null || s.dispose() : (d = this._inputPlaceholderRenderRoot) == null || d.mount();
+      tt(),
+      D((s) => {
+        d = s;
+      })
+    ), this.disposeWithMe(nt([
+      this.filterKeyword$.pipe(D((s) => {
+        var c, u, p;
+        s.length > 0 ? (u = (c = this._inputPlaceholderRenderRoot) == null ? void 0 : c.unmount) == null || u.dispose() : (p = this._inputPlaceholderRenderRoot) == null || p.mount();
+      })),
+      this.isComposing$.pipe(D((s) => {
+        var c, u, p;
+        s ? (u = (c = this._inputPlaceholderRenderRoot) == null ? void 0 : c.unmount) == null || u.dispose() : d.length <= 0 && ((p = this._inputPlaceholderRenderRoot) == null || p.mount());
       })),
-      this.editPopup$.pipe(re((o) => {
-        var c, s;
-        o || (s = (c = this._inputPlaceholderRenderRoot) == null ? void 0 : c.unmount) == null || s.dispose();
+      this.editPopup$.pipe(D((s) => {
+        var c, u;
+        s || ((u = (c = this._inputPlaceholderRenderRoot) == null ? void 0 : c.unmount) == null || u.dispose(), this._inputPlaceholderRenderRoot = null);
       }))
     ]).subscribe());
   }
   get editPopup() {
     return this._editPopup$.value;
   }
+  get isComposing() {
+    return this._isComposing$.value;
+  }
+  setIsComposing(e) {
+    this._isComposing$.next(e);
+  }
   get inputOffset() {
     return this._inputOffset$.value;
   }
@@ -248,7 +297,7 @@ let g = class extends G {
     this._inputOffset$.next(e);
   }
   resolvePopup(e) {
-    return Array.from(this._popups).find((r) => r.keyword === e);
+    return Array.from(this._popups).find((i) => i.keyword === e);
   }
   registerPopup(e) {
     return this._popups.add(e), () => {
@@ -257,39 +306,55 @@ let g = class extends G {
   }
   _createInputPlaceholderRenderRoot(e) {
     return {
+      isMounted: !1,
       mount() {
-        this.unmount = e();
+        if (this.isMounted)
+          return;
+        this.isMounted = !0;
+        const n = e();
+        this.unmount = {
+          dispose: () => {
+            n.dispose(), this.isMounted = !1;
+          }
+        };
       }
     };
   }
   showPopup(e) {
-    const { popup: r, index: n, unitId: i } = e;
-    this.closePopup();
+    const { popup: i, index: n, unitId: r } = e;
+    this.closePopup(), this._inputPlaceholderRenderRoot = this._createInputPlaceholderRenderRoot(() => {
+      var b;
+      const a = (b = this._renderManagerService.getRenderById(r)) == null ? void 0 : b.with(Ae), d = this._docSelectionManagerService.getActiveTextRange();
+      if (!a || !d)
+        return le;
+      const c = a.getSkeleton().findNodeByCharIndex(d.startOffset, d.segmentId, d.segmentPage);
+      if (!((c == null ? void 0 : c.content) === "\r"))
+        return le;
+      const p = this._docCanvasPopupManagerService.attachPopupToRange(
+        { startOffset: n + 1, endOffset: n + 1, collapsed: !1 },
+        {
+          componentKey: H.componentKey,
+          onClickOutside: () => {
+            p.dispose();
+          },
+          direction: "horizontal"
+        },
+        r
+      );
+      return p;
+    }), this._inputPlaceholderRenderRoot.mount();
     const o = this._docCanvasPopupManagerService.attachPopupToRange(
       { startOffset: n, endOffset: n, collapsed: !0 },
       {
-        componentKey: E.componentKey,
+        componentKey: K.componentKey,
         onClickOutside: () => {
           this.closePopup();
         },
         direction: "bottom"
       },
-      i
+      r
     );
-    this._inputPlaceholderRenderRoot = this._createInputPlaceholderRenderRoot(() => {
-      const c = this._docCanvasPopupManagerService.attachPopupToRange(
-        { startOffset: n + 1, endOffset: n + 1, collapsed: !1 },
-        {
-          componentKey: D.componentKey,
-          onClickOutside: () => {
-            c.dispose();
-          },
-          direction: "horizontal"
-        },
-        i
-      );
-      return c;
-    }), this._inputPlaceholderRenderRoot.mount(), this._editPopup$.next({ disposable: o, popup: r, anchor: n, unitId: i });
+    this._editPopup$.next({ disposable: o, popup: i, anchor: n, unitId: r });
   }
   closePopup() {
     this.editPopup && (this.editPopup.disposable.dispose(), this._editPopup$.next(null));
@@ -300,248 +365,258 @@ let g = class extends G {
     };
   }
   emitMenuSelected(e) {
-    const { start: r, end: n } = this.inputOffset;
-    this._commandService.syncExecuteCommand(pe.id, {
-      start: r,
+    const { start: i, end: n } = this.inputOffset;
+    this._commandService.syncExecuteCommand(ve.id, {
+      start: i,
       end: n
     }), setTimeout(() => {
-      this._menuSelectedCallbacks.forEach((i) => i(e));
+      this._menuSelectedCallbacks.forEach((r) => r(e));
     }, 0);
   }
 };
-g = st([
-  L(0, v(Ae)),
-  L(1, v(Re)),
-  L(2, v(M))
-], g);
-const he = {
-  type: S.OPERATION,
+C = pt([
+  w(0, g(qe)),
+  w(1, g(pe)),
+  w(2, g(N)),
+  w(3, g(Ye)),
+  w(4, g(me))
+], C);
+const _e = {
+  type: x.OPERATION,
   id: "doc.operation.show-quick-insert-popup",
   handler(t, e) {
-    const r = t.get(g);
-    return e ? (r.showPopup(e), !0) : !1;
+    const i = t.get(C);
+    return e ? (i.showPopup(e), !0) : !1;
   }
-}, b = {
-  type: S.OPERATION,
+}, k = {
+  type: x.OPERATION,
   id: "doc.operation.close-quick-insert-popup",
   handler(t) {
-    return t.get(g).closePopup(), !0;
+    return t.get(C).closePopup(), !0;
   }
-}, me = {
+}, Ce = {
   id: "quick-insert.text.menu",
   title: "docQuickInsert.menu.text",
   icon: "TextSingle",
   keywords: ["text"]
-}, ve = {
-  id: Le.id,
+}, Se = {
+  id: ze.id,
   title: "docQuickInsert.menu.numberedList",
   icon: "OrderSingle",
   keywords: ["numbered", "list", "ordered"]
-}, ge = {
-  id: We.id,
+}, Ie = {
+  id: Be.id,
   title: "docQuickInsert.menu.bulletedList",
   icon: "UnorderSingle",
   keywords: ["bulleted", "list", "unordered"]
-}, _e = {
-  id: qe.id,
+}, Oe = {
+  id: Ve.id,
   title: "docQuickInsert.menu.divider",
   icon: "DividerSingle",
   keywords: ["divider", "line", "separate"]
-}, ct = [
+}, ft = [
   {
     title: "docQuickInsert.group.basics",
     id: "quick.insert.group.basic",
     children: [
-      me,
-      ve,
-      ge,
-      _e
+      Ce,
+      Se,
+      Ie,
+      Oe
     ]
   }
-], dt = /* @__PURE__ */ new Set([
-  ve.id,
-  ge.id,
-  _e.id
+], ht = /* @__PURE__ */ new Set([
+  Se.id,
+  Ie.id,
+  Oe.id
 ]);
-var at = Object.getOwnPropertyDescriptor, ut = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? at(e, r) : e, o = t.length - 1, c; o >= 0; o--)
-    (c = t[o]) && (i = c(i) || i);
-  return i;
-}, R = (t, e) => (r, n) => e(r, n, t);
-let $ = class extends G {
-  constructor(t, e, r, n) {
-    super(), this._commandService = t, this._textSelectionManagerService = e, this._docQuickInsertPopupService = r, this._shortcutService = n, this.disposeWithMe(this._shortcutService.registerShortcut({
-      id: b.id,
+var mt = Object.getOwnPropertyDescriptor, vt = (t, e, i, n) => {
+  for (var r = n > 1 ? void 0 : n ? mt(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+    (a = t[o]) && (r = a(r) || r);
+  return r;
+}, R = (t, e) => (i, n) => e(i, n, t);
+let Q = class extends Y {
+  constructor(t, e, i, n, r) {
+    super(), this._commandService = t, this._textSelectionManagerService = e, this._docQuickInsertPopupService = i, this._shortcutService = n, this._univerInstanceService = r, this.disposeWithMe(this._shortcutService.registerShortcut({
+      id: k.id,
       binding: y.ESC,
       preconditions: () => !!this._docQuickInsertPopupService.editPopup,
       priority: 1e3
     })), this._initTrigger(), this._initMenuHandler();
   }
+  // eslint-disable-next-line max-lines-per-function
   _initTrigger() {
     this.disposeWithMe(
-      // eslint-disable-next-line complexity
+      // eslint-disable-next-line complexity, max-lines-per-function
       this._commandService.onCommandExecuted((t) => {
-        var i, o, c;
-        const { _docQuickInsertPopupService: e, _textSelectionManagerService: r, _commandService: n } = this;
-        if (t.id === ze.id) {
-          const s = t.params;
-          if (e.editPopup) {
-            e.setInputOffset({
-              start: e.inputOffset.start,
-              end: s.range.endOffset + 1
-            });
-            return;
+        var o, a, d;
+        const { _docQuickInsertPopupService: e, _textSelectionManagerService: i, _commandService: n } = this, r = this._univerInstanceService.getCurrentUnitOfType(ee.UNIVER_DOC);
+        if (!(r != null && r.getDisabled())) {
+          if (t.id === Fe.id) {
+            const s = t.params;
+            if (e.editPopup) {
+              e.setInputOffset({
+                start: e.inputOffset.start,
+                end: s.range.endOffset + 1
+              });
+              return;
+            }
+            const c = i.getActiveTextRange();
+            if (!c)
+              return;
+            const u = e.resolvePopup(s.body.dataStream);
+            if (!u || !(u.preconditions ? u.preconditions(s) : !0))
+              return;
+            e.setInputOffset({ start: c.startOffset - 1, end: c.startOffset }), setTimeout(() => {
+              n.executeCommand(_e.id, {
+                index: c.startOffset - 1,
+                unitId: s.unitId,
+                popup: u
+              });
+            }, 100);
           }
-          const d = r.getActiveTextRange();
-          if (!d)
-            return;
-          const f = e.resolvePopup(s.body.dataStream);
-          if (!f || !(f.preconditions ? f.preconditions(s) : !0))
-            return;
-          e.setInputOffset({ start: d.startOffset - 1, end: d.startOffset }), setTimeout(() => {
-            n.executeCommand(he.id, {
-              index: d.startOffset - 1,
-              unitId: s.unitId,
-              popup: f
-            });
-          }, 100);
-        }
-        if (t.id === Ke.id) {
-          const s = t.params;
-          if (s.isCompositionEnd) {
-            const d = (o = (i = s.textRanges) == null ? void 0 : i[0]) == null ? void 0 : o.endOffset;
-            d && e.setInputOffset({ start: e.inputOffset.start, end: d });
+          if (t.id === Ge.id) {
+            const s = t.params;
+            !e.isComposing && s.isCompositionStart && e.setIsComposing(!0), e.isComposing && s.isCompositionEnd && e.setIsComposing(!1);
           }
-        }
-        if (t.id === Be.id) {
-          const s = t.params;
-          if (e.editPopup && s.direction === ke.LEFT) {
-            const d = (c = s.len) != null ? c : 0;
-            e.setInputOffset({ start: e.inputOffset.start, end: s.range.endOffset - d });
+          if (t.id === Le.id) {
+            const s = t.params;
+            if (s.isCompositionEnd) {
+              const c = (a = (o = s.textRanges) == null ? void 0 : o[0]) == null ? void 0 : a.endOffset;
+              c && e.setInputOffset({ start: e.inputOffset.start, end: c });
+            }
+          }
+          if (t.id === Ze.id) {
+            const s = t.params;
+            if (e.editPopup && s.direction === Ee.LEFT) {
+              const c = (d = s.len) != null ? d : 0;
+              e.setInputOffset({ start: e.inputOffset.start, end: s.range.endOffset - c });
+            }
+          }
+          if (t.id === Je.id) {
+            const s = t.params;
+            (s.direction === T.LEFT || s.direction === T.RIGHT) && e.editPopup && n.executeCommand(k.id);
+          }
+          if (t.id === Xe.id) {
+            const s = i.getActiveTextRange();
+            if (!e.editPopup || !s)
+              return;
+            s.endOffset <= e.editPopup.anchor && n.executeCommand(k.id);
           }
-        }
-        if (t.id === Ve.id) {
-          const s = t.params;
-          (s.direction === k.LEFT || s.direction === k.RIGHT) && e.editPopup && n.executeCommand(b.id);
-        }
-        if (t.id === Fe.id) {
-          const s = r.getActiveTextRange();
-          if (!e.editPopup || !s)
-            return;
-          s.endOffset <= e.editPopup.anchor && n.executeCommand(b.id);
         }
       })
     );
   }
   _initMenuHandler() {
     this.disposeWithMe(this._docQuickInsertPopupService.onMenuSelected((t) => {
-      t.id !== me.id && dt.has(t.id) && this._commandService.executeCommand(t.id);
+      t.id !== Ce.id && ht.has(t.id) && this._commandService.executeCommand(t.id);
     }));
   }
 };
-$ = ut([
-  R(0, M),
-  R(1, v(je)),
-  R(2, v(g)),
-  R(3, v(le))
-], $);
-var p = function() {
-  return p = 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]);
+Q = vt([
+  R(0, N),
+  R(1, g(me)),
+  R(2, g(C)),
+  R(3, g(he)),
+  R(4, g(pe))
+], Q);
+var v = function() {
+  return v = Object.assign || function(t) {
+    for (var e, i = 1, n = arguments.length; i < n; i++) {
+      e = arguments[i];
+      for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
     }
     return t;
-  }, p.apply(this, arguments);
-}, lt = function(t, e) {
-  var r = {};
-  for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && e.indexOf(n) < 0 && (r[n] = t[n]);
+  }, v.apply(this, arguments);
+}, gt = function(t, e) {
+  var i = {};
+  for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && e.indexOf(n) < 0 && (i[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;
-}, X = Z(function(t, e) {
-  var r = t.icon, n = t.id, i = t.className, o = t.extend, c = lt(t, ["icon", "id", "className", "extend"]), s = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), d = q("_".concat(ht()));
-  return Ce(r, "".concat(n), { defIds: r.defIds, idSuffix: d.current }, p({ ref: e, className: s }, c), o);
+    for (var r = 0, n = Object.getOwnPropertySymbols(t); r < n.length; r++)
+      e.indexOf(n[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[r]) && (i[n[r]] = t[n[r]]);
+  return i;
+}, ie = te(function(t, e) {
+  var i = t.icon, n = t.id, r = t.className, o = t.extend, a = gt(t, ["icon", "id", "className", "extend"]), d = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), s = $("_".concat(St()));
+  return ye(i, "".concat(n), { defIds: i.defIds, idSuffix: s.current }, v({ ref: e, className: d }, a), o);
 });
-function Ce(t, e, r, n, i) {
-  return J(t.tag, p(p({ key: e }, pt(t, r, i)), n), (ft(t, r).children || []).map(function(o, c) {
-    return Ce(o, "".concat(e, "-").concat(t.tag, "-").concat(c), r, void 0, i);
+function ye(t, e, i, n, r) {
+  return ne(t.tag, v(v({ key: e }, _t(t, i, r)), n), (Ct(t, i).children || []).map(function(o, a) {
+    return ye(o, "".concat(e, "-").concat(t.tag, "-").concat(a), i, void 0, r);
   }));
 }
-function pt(t, e, r) {
-  var n = p({}, 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], s = o[1];
-    c === "mask" && typeof s == "string" && (n[c] = s.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+function _t(t, e, i) {
+  var n = v({}, t.attrs);
+  i != null && i.colorChannel1 && n.fill === "colorChannel1" && (n.fill = i.colorChannel1), t.tag === "mask" && n.id && (n.id = n.id + e.idSuffix), Object.entries(n).forEach(function(o) {
+    var a = o[0], d = o[1];
+    a === "mask" && typeof d == "string" && (n[a] = d.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(o) {
-    var c = o[0], s = o[1];
-    typeof s == "string" && (n[c] = s.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  var r = e.defIds;
+  return !r || r.length === 0 || (t.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(o) {
+    var a = o[0], d = o[1];
+    typeof d == "string" && (n[a] = d.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), n;
 }
-function ft(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) ? p(p({}, t), { children: t.children.map(function(i) {
-    return typeof i.attrs.id == "string" && n && n.indexOf(i.attrs.id) > -1 ? p(p({}, i), { attrs: p(p({}, i.attrs), { id: i.attrs.id + e.idSuffix }) }) : i;
+function Ct(t, e) {
+  var i, n = e.defIds;
+  return !n || n.length === 0 ? t : t.tag === "defs" && (!((i = t.children) === null || i === void 0) && i.length) ? v(v({}, t), { children: t.children.map(function(r) {
+    return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ? v(v({}, r), { attrs: v(v({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : t;
 }
-function ht() {
+function St() {
   return Math.random().toString(36).substring(2, 8);
 }
-X.displayName = "UniverIcon";
-var mt = { tag: "svg", attrs: { 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.13985 3.40213 3.50712 3.1044 3.80485 2.73713 3.80485H1.68453C1.31726 3.80485 1.01953 3.50712 1.01953 3.13985zM4.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.13985 7.61254 3.50712 7.31481 3.80485 6.94754 3.80485H4.84234C4.47507 3.80485 4.17734 3.50712 4.17734 3.13985zM8.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.13985 11.823 3.50712 11.5252 3.80485 11.158 3.80485H9.05275C8.68548 3.80485 8.38775 3.50712 8.38775 3.13985zM12.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.13985 14.9808 3.50712 14.683 3.80485 14.3158 3.80485H13.2632C12.8959 3.80485 12.5982 3.50712 12.5982 3.13985zM1.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.99972 14.9808 8.36699 14.683 8.66472 14.3158 8.66472H1.68453C1.31726 8.66472 1.01953 8.36699 1.01953 7.99972zM1.68453 12.1951C1.31726 12.1951 1.01953 12.4928 1.01953 12.8601 1.01953 13.2273 1.31726 13.5251 1.68453 13.5251H2.73713C3.1044 13.5251 3.40213 13.2273 3.40213 12.8601 3.40213 12.4928 3.1044 12.1951 2.73713 12.1951H1.68453zM4.84234 12.1951C4.47507 12.1951 4.17734 12.4928 4.17734 12.8601 4.17734 13.2273 4.47507 13.5251 4.84234 13.5251H6.94754C7.31481 13.5251 7.61254 13.2273 7.61254 12.8601 7.61254 12.4928 7.31481 12.1951 6.94754 12.1951H4.84234zM9.05275 12.1951C8.68548 12.1951 8.38775 12.4928 8.38775 12.8601 8.38775 13.2273 8.68548 13.5251 9.05275 13.5251H11.158C11.5252 13.5251 11.823 13.2273 11.823 12.8601 11.823 12.4928 11.5252 12.1951 11.158 12.1951H9.05275zM13.2632 12.1951C12.8959 12.1951 12.5982 12.4928 12.5982 12.8601 12.5982 13.2273 12.8959 13.5251 13.2632 13.5251H14.3158C14.683 13.5251 14.9808 13.2273 14.9808 12.8601 14.9808 12.4928 14.683 12.1951 14.3158 12.1951H13.2632z" } }] }, B = Z(function(t, e) {
-  return J(X, Object.assign({}, t, {
+ie.displayName = "UniverIcon";
+var It = { tag: "svg", attrs: { 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.13985 3.40213 3.50712 3.1044 3.80485 2.73713 3.80485H1.68453C1.31726 3.80485 1.01953 3.50712 1.01953 3.13985zM4.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.13985 7.61254 3.50712 7.31481 3.80485 6.94754 3.80485H4.84234C4.47507 3.80485 4.17734 3.50712 4.17734 3.13985zM8.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.13985 11.823 3.50712 11.5252 3.80485 11.158 3.80485H9.05275C8.68548 3.80485 8.38775 3.50712 8.38775 3.13985zM12.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.13985 14.9808 3.50712 14.683 3.80485 14.3158 3.80485H13.2632C12.8959 3.80485 12.5982 3.50712 12.5982 3.13985zM1.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.99972 14.9808 8.36699 14.683 8.66472 14.3158 8.66472H1.68453C1.31726 8.66472 1.01953 8.36699 1.01953 7.99972zM1.68453 12.1951C1.31726 12.1951 1.01953 12.4928 1.01953 12.8601 1.01953 13.2273 1.31726 13.5251 1.68453 13.5251H2.73713C3.1044 13.5251 3.40213 13.2273 3.40213 12.8601 3.40213 12.4928 3.1044 12.1951 2.73713 12.1951H1.68453zM4.84234 12.1951C4.47507 12.1951 4.17734 12.4928 4.17734 12.8601 4.17734 13.2273 4.47507 13.5251 4.84234 13.5251H6.94754C7.31481 13.5251 7.61254 13.2273 7.61254 12.8601 7.61254 12.4928 7.31481 12.1951 6.94754 12.1951H4.84234zM9.05275 12.1951C8.68548 12.1951 8.38775 12.4928 8.38775 12.8601 8.38775 13.2273 8.68548 13.5251 9.05275 13.5251H11.158C11.5252 13.5251 11.823 13.2273 11.823 12.8601 11.823 12.4928 11.5252 12.1951 11.158 12.1951H9.05275zM13.2632 12.1951C12.8959 12.1951 12.5982 12.4928 12.5982 12.8601 12.5982 13.2273 12.8959 13.5251 13.2632 13.5251H14.3158C14.683 13.5251 14.9808 13.2273 14.9808 12.8601 14.9808 12.4928 14.683 12.1951 14.3158 12.1951H13.2632z" } }] }, Z = te(function(t, e) {
+  return ne(ie, Object.assign({}, t, {
     id: "divider-single",
     ref: e,
-    icon: mt
+    icon: It
   }));
 });
-B.displayName = "DividerSingle";
-var vt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.66695 1.33496C2.29968 1.33496 2.00195 1.63269 2.00195 1.99996V3.64439C2.00195 4.01166 2.29968 4.30939 2.66695 4.30939C3.03422 4.30939 3.33195 4.01166 3.33195 3.64439V2.66496H7.33521V13.335H5.3337C4.96643 13.335 4.6687 13.6327 4.6687 14C4.6687 14.3672 4.96643 14.665 5.3337 14.665H10.667C11.0343 14.665 11.332 14.3672 11.332 14C11.332 13.6327 11.0343 13.335 10.667 13.335H8.66521V2.66496H12.6686V3.64439C12.6686 4.01166 12.9664 4.30939 13.3336 4.30939C13.7009 4.30939 13.9986 4.01166 13.9986 3.64439V1.99996C13.9986 1.63269 13.7009 1.33496 13.3336 1.33496H2.66695Z" } }] }, V = Z(function(t, e) {
-  return J(X, Object.assign({}, t, {
+Z.displayName = "DividerSingle";
+var Ot = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.66695 1.33496C2.29968 1.33496 2.00195 1.63269 2.00195 1.99996V3.64439C2.00195 4.01166 2.29968 4.30939 2.66695 4.30939C3.03422 4.30939 3.33195 4.01166 3.33195 3.64439V2.66496H7.33521V13.335H5.3337C4.96643 13.335 4.6687 13.6327 4.6687 14C4.6687 14.3672 4.96643 14.665 5.3337 14.665H10.667C11.0343 14.665 11.332 14.3672 11.332 14C11.332 13.6327 11.0343 13.335 10.667 13.335H8.66521V2.66496H12.6686V3.64439C12.6686 4.01166 12.9664 4.30939 13.3336 4.30939C13.7009 4.30939 13.9986 4.01166 13.9986 3.64439V1.99996C13.9986 1.63269 13.7009 1.33496 13.3336 1.33496H2.66695Z" } }] }, J = te(function(t, e) {
+  return ne(ie, Object.assign({}, t, {
     id: "text-single",
     ref: e,
-    icon: vt
+    icon: Ot
   }));
 });
-V.displayName = "TextSingle";
-var gt = Object.getOwnPropertyDescriptor, _t = (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;
-}, W = (t, e) => (r, n) => e(r, n, t);
-let H = class extends G {
-  constructor(t, e, r) {
-    super(), this._commandService = t, this._docQuickInsertPopupService = e, this._componentManager = r, this._initCommands(), this._initComponents(), this._initMenus();
+J.displayName = "TextSingle";
+var yt = Object.getOwnPropertyDescriptor, Pt = (t, e, i, n) => {
+  for (var r = n > 1 ? void 0 : n ? yt(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+    (a = t[o]) && (r = a(r) || r);
+  return r;
+}, F = (t, e) => (i, n) => e(i, n, t);
+let j = class extends Y {
+  constructor(t, e, i) {
+    super(), this._commandService = t, this._docQuickInsertPopupService = e, this._componentManager = i, this._initCommands(), this._initComponents(), this._initMenus();
   }
   _initCommands() {
     [
-      pe,
-      he,
-      b
+      ve,
+      _e,
+      k
     ].forEach((t) => {
       this.disposeWithMe(this._commandService.registerCommand(t));
     });
   }
   _initComponents() {
     [
-      [E.componentKey, E],
-      [D.componentKey, D],
-      [N.componentKey, N],
-      [B.displayName, B],
-      [V.displayName, V]
-    ].forEach(([e, r]) => {
-      e && this.disposeWithMe(this._componentManager.register(e, r));
+      [K.componentKey, K],
+      [H.componentKey, H],
+      [U.componentKey, U],
+      [Z.displayName, Z],
+      [J.displayName, J]
+    ].forEach(([e, i]) => {
+      e && this.disposeWithMe(this._componentManager.register(e, i));
     }), [
       {
         keyword: "/",
-        menus$: Xe(ct),
+        menus$: it(ft),
         // 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 i;
+          return ((i = e.range.startNodePosition) == null ? void 0 : i.glyph) === 0;
         }
       }
     ].forEach((e) => {
@@ -551,43 +626,43 @@ let H = class extends G {
   _initMenus() {
   }
 };
-H = _t([
-  W(0, M),
-  W(1, v(g)),
-  W(2, v(ue))
-], H);
-var Ct = Object.defineProperty, Ot = Object.getOwnPropertyDescriptor, yt = (t, e, r) => e in t ? Ct(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, It = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ot(e, r) : e, o = t.length - 1, c; o >= 0; o--)
-    (c = t[o]) && (i = c(i) || i);
-  return i;
-}, Pt = (t, e) => (r, n) => e(r, n, t), Oe = (t, e, r) => yt(t, typeof e != "symbol" ? e + "" : e, r);
-const St = "DOC_QUICK_INSERT_UI_PLUGIN";
-let T = class extends Ee {
+j = Pt([
+  F(0, N),
+  F(1, g(C)),
+  F(2, g(fe))
+], j);
+var xt = Object.defineProperty, bt = Object.getOwnPropertyDescriptor, Mt = (t, e, i) => e in t ? xt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, wt = (t, e, i, n) => {
+  for (var r = n > 1 ? void 0 : n ? bt(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+    (a = t[o]) && (r = a(r) || r);
+  return r;
+}, Rt = (t, e) => (i, n) => e(i, n, t), Pe = (t, e, i) => Mt(t, typeof e != "symbol" ? e + "" : e, i);
+const kt = "DOC_QUICK_INSERT_UI_PLUGIN";
+let A = class extends He {
   constructor(t) {
     super(), this._injector = t;
   }
   onStarting() {
     [
-      [H],
-      [$],
-      [g]
-    ].forEach((e) => this._injector.add(e)), this._injector.get(H);
+      [j],
+      [Q],
+      [C]
+    ].forEach((e) => this._injector.add(e)), this._injector.get(j);
   }
   onRendered() {
-    this._injector.get($), this._injector.get(g);
+    this._injector.get(Q), this._injector.get(C);
   }
 };
-Oe(T, "type", ae.UNIVER_DOC);
-Oe(T, "pluginName", St);
-T = It([
-  De(Te, He, $e, Qe),
-  Pt(0, v(Ne))
-], T);
+Pe(A, "type", ee.UNIVER_DOC);
+Pe(A, "pluginName", kt);
+A = wt([
+  $e(Qe, Ke, Ue, je),
+  Rt(0, g(Te))
+], A);
 export {
-  g as DocQuickInsertPopupService,
-  $ as DocQuickInsertTriggerController,
-  H as DocQuickInsertUIController,
-  nt as KeywordInputPlaceholderComponentKey,
-  rt as QuickInsertPlaceholderComponentKey,
-  T as UniverDocsQuickInsertUIPlugin
+  C as DocQuickInsertPopupService,
+  Q as DocQuickInsertTriggerController,
+  j as DocQuickInsertUIController,
+  at as KeywordInputPlaceholderComponentKey,
+  dt as QuickInsertPlaceholderComponentKey,
+  A as UniverDocsQuickInsertUIPlugin
 };