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

package/lib/index.css

@@ -1 +1 @@
-.univer-mb-2{margin-bottom:.5rem}.univer-mr-2{margin-right:.5rem}.univer-flex{display:flex}.univer-inline-flex{display:inline-flex}.univer-h-full{height:100%}.univer-max-h-\[360px\]{max-height:360px}.univer-w-\[220px\]{width:220px}.univer-translate-y-1\.5{--tw-translate-y: .375rem;transform:translate(var(--tw-translate-x),.375rem) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-items-center{align-items:center}.univer-justify-center{justify-content:center}.univer-overflow-y-auto{overflow-y:auto}.univer-rounded-lg{border-radius:.5rem}.univer-border{border-width:1px}.univer-border-solid{border-style:solid}.univer-border-gray-100{--tw-border-opacity: 1;border-color:#eeeff1;border-color:rgba(238,239,241,var(--tw-border-opacity, 1))}.univer-bg-gray-100{--tw-bg-opacity: 1;background-color:#eeeff1;background-color:rgba(238,239,241,var(--tw-bg-opacity, 1))}.univer-bg-transparent{background-color:transparent}.univer-bg-white{--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity, 1))}.univer-px-1{padding-left:.25rem;padding-right:.25rem}.univer-px-12{padding-left:3rem;padding-right:3rem}.univer-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.univer-text-base{font-size:1rem;line-height:1.5rem}.univer-text-sm{font-size:.875rem;line-height:1.25rem}.univer-text-xs{font-size:.75rem;line-height:1rem}.univer-text-gray-400{--tw-text-opacity: 1;color:#979dac;color:rgba(151,157,172,var(--tw-text-opacity, 1))}.univer-text-gray-500{--tw-text-opacity: 1;color:#5f6574;color:rgba(95,101,116,var(--tw-text-opacity, 1))}.univer-shadow-\[0_0_10px_0_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow: 0 0 10px 0 rgba(0,0,0,.1);--tw-shadow-colored: 0 0 10px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 0 10px #0000001a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.hover\:univer-bg-transparent:hover{background-color:transparent}
+.univer-mb-2{margin-bottom:.5rem}.univer-mr-2{margin-right:.5rem}.univer-flex{display:flex}.univer-inline-flex{display:inline-flex}.univer-h-full{height:100%}.univer-max-h-\[360px\]{max-height:360px}.univer-w-\[220px\]{width:220px}.univer-w-\[calc\(220px-var\(--padding-base\)\*2\)\]{width:calc(220px - var(--padding-base) * 2)}.univer-w-full{width:100%}.univer-translate-y-1\.5{--tw-translate-y: .375rem;transform:translate(var(--tw-translate-x),.375rem) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-items-center{align-items:center}.univer-justify-center{justify-content:center}.univer-overflow-y-auto{overflow-y:auto}.univer-overflow-x-hidden{overflow-x:hidden}.univer-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-rounded-lg{border-radius:.5rem}.univer-border{border-width:1px}.univer-border-solid{border-style:solid}.univer-border-gray-100{--tw-border-opacity: 1;border-color:#eeeff1;border-color:rgba(238,239,241,var(--tw-border-opacity, 1))}.univer-bg-gray-100{--tw-bg-opacity: 1;background-color:#eeeff1;background-color:rgba(238,239,241,var(--tw-bg-opacity, 1))}.univer-bg-transparent{background-color:transparent}.univer-bg-white{--tw-bg-opacity: 1;background-color:#fff;background-color:rgba(255,255,255,var(--tw-bg-opacity, 1))}.univer-px-1{padding-left:.25rem;padding-right:.25rem}.univer-px-12{padding-left:3rem;padding-right:3rem}.univer-py-6{padding-top:1.5rem;padding-bottom:1.5rem}.univer-text-base{font-size:1rem;line-height:1.5rem}.univer-text-sm{font-size:.875rem;line-height:1.25rem}.univer-text-xs{font-size:.75rem;line-height:1rem}.univer-text-gray-400{--tw-text-opacity: 1;color:#979dac;color:rgba(151,157,172,var(--tw-text-opacity, 1))}.univer-text-gray-500{--tw-text-opacity: 1;color:#5f6574;color:rgba(95,101,116,var(--tw-text-opacity, 1))}.univer-shadow-\[0_0_10px_0_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow: 0 0 10px 0 rgba(0,0,0,.1);--tw-shadow-colored: 0 0 10px 0 var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 0 10px #0000001a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.hover\:univer-bg-transparent:hover{background-color:transparent}

package/lib/index.js

@@ -0,0 +1,668 @@
+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: x.COMMAND,
+  handler: (t, e) => {
+    const i = t.get(N), { start: n, end: r } = e;
+    return i.syncExecuteCommand(We.id, {
+      segmentId: "",
+      textRanges: [{
+        startOffset: n,
+        endOffset: n,
+        collapsed: !0
+      }],
+      selections: [{
+        startOffset: n,
+        endOffset: r,
+        collapsed: !1,
+        direction: Re.FORWARD
+      }]
+    });
+  }
+}, 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") });
+};
+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__ */ f("span", { children: t.t("docQuickInsert.placeholder") })
+    }
+  );
+};
+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 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 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(h);
+    };
+  }, [L, u]);
+  const re = (h) => {
+    e.emitMenuSelected(h), r.executeCommand(k.id);
+  };
+  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 S = {
+      id: `quick.insert.popup.enter.${o}`,
+      type: x.OPERATION,
+      handler: () => {
+        const l = s.current;
+        l && re(l);
+      }
+    }, M = {
+      id: `quick.insert.popup.move.cursor.up.${o}`,
+      type: x.OPERATION,
+      handler: () => {
+        d((l) => {
+          const I = l - 1;
+          return I >= 0 ? I : c.current - 1;
+        });
+      }
+    }, P = {
+      id: `quick.insert.popup.move.cursor.down.${o}`,
+      type: x.OPERATION,
+      handler: () => {
+        d((l) => {
+          const I = l + 1;
+          return I <= c.current - 1 ? I : 0;
+        });
+      }
+    };
+    return h.add(r.registerCommand(M)), h.add(r.registerCommand(P)), h.add(r.registerCommand(S)), h.add(n.registerShortcut({
+      priority: 1e3,
+      id: M.id,
+      binding: y.ARROW_UP,
+      preconditions: () => !0,
+      staticParameters: {
+        direction: T.UP
+      }
+    })), h.add(n.registerShortcut({
+      priority: 1e3,
+      id: P.id,
+      binding: y.ARROW_DOWN,
+      preconditions: () => !0,
+      staticParameters: {
+        direction: T.DOWN
+      }
+    })), h.add(n.registerShortcut({
+      priority: 1e3,
+      id: S.id,
+      binding: y.ENTER,
+      preconditions: () => !0
+    })), () => {
+      h.dispose();
+    };
+  }, []), 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__ */ ce(
+              "div",
+              {
+                className: `
+                                  univer-mb-2 univer-flex univer-items-center univer-text-xs univer-text-gray-400
+                                `,
+                children: [
+                  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: se(m.children)
+          },
+          m.id
+        );
+      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,
+        {
+          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: () => {
+            re(m);
+          },
+          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 }) })
+              ]
+            }
+          )
+        },
+        m.id
+      );
+    });
+  }
+  const be = W.length > 0, oe = (p == null ? void 0 : p.popup.Placeholder) || i.get(U.componentKey);
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      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: 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, {})
+    }
+  );
+};
+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();
+    _(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(
+      et((s) => {
+        var u;
+        const c = a(s.start, s.end);
+        return (u = c == null ? void 0 : c.slice(1)) != null ? u : "";
+      }),
+      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(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;
+  }
+  setInputOffset(e) {
+    this._inputOffset$.next(e);
+  }
+  resolvePopup(e) {
+    return Array.from(this._popups).find((i) => i.keyword === e);
+  }
+  registerPopup(e) {
+    return this._popups.add(e), () => {
+      this._popups.delete(e);
+    };
+  }
+  _createInputPlaceholderRenderRoot(e) {
+    return {
+      isMounted: !1,
+      mount() {
+        if (this.isMounted)
+          return;
+        this.isMounted = !0;
+        const n = e();
+        this.unmount = {
+          dispose: () => {
+            n.dispose(), this.isMounted = !1;
+          }
+        };
+      }
+    };
+  }
+  showPopup(e) {
+    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: K.componentKey,
+        onClickOutside: () => {
+          this.closePopup();
+        },
+        direction: "bottom"
+      },
+      r
+    );
+    this._editPopup$.next({ disposable: o, popup: i, anchor: n, unitId: r });
+  }
+  closePopup() {
+    this.editPopup && (this.editPopup.disposable.dispose(), this._editPopup$.next(null));
+  }
+  onMenuSelected(e) {
+    return this._menuSelectedCallbacks.add(e), () => {
+      this._menuSelectedCallbacks.delete(e);
+    };
+  }
+  emitMenuSelected(e) {
+    const { start: i, end: n } = this.inputOffset;
+    this._commandService.syncExecuteCommand(ve.id, {
+      start: i,
+      end: n
+    }), setTimeout(() => {
+      this._menuSelectedCallbacks.forEach((r) => r(e));
+    }, 0);
+  }
+};
+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 i = t.get(C);
+    return e ? (i.showPopup(e), !0) : !1;
+  }
+}, k = {
+  type: x.OPERATION,
+  id: "doc.operation.close-quick-insert-popup",
+  handler(t) {
+    return t.get(C).closePopup(), !0;
+  }
+}, Ce = {
+  id: "quick-insert.text.menu",
+  title: "docQuickInsert.menu.text",
+  icon: "TextSingle",
+  keywords: ["text"]
+}, Se = {
+  id: ze.id,
+  title: "docQuickInsert.menu.numberedList",
+  icon: "OrderSingle",
+  keywords: ["numbered", "list", "ordered"]
+}, Ie = {
+  id: Be.id,
+  title: "docQuickInsert.menu.bulletedList",
+  icon: "UnorderSingle",
+  keywords: ["bulleted", "list", "unordered"]
+}, Oe = {
+  id: Ve.id,
+  title: "docQuickInsert.menu.divider",
+  icon: "DividerSingle",
+  keywords: ["divider", "line", "separate"]
+}, ft = [
+  {
+    title: "docQuickInsert.group.basics",
+    id: "quick.insert.group.basic",
+    children: [
+      Ce,
+      Se,
+      Ie,
+      Oe
+    ]
+  }
+], ht = /* @__PURE__ */ new Set([
+  Se.id,
+  Ie.id,
+  Oe.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, max-lines-per-function
+      this._commandService.onCommandExecuted((t) => {
+        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);
+          }
+          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 === 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);
+          }
+        }
+      })
+    );
+  }
+  _initMenuHandler() {
+    this.disposeWithMe(this._docQuickInsertPopupService.onMenuSelected((t) => {
+      t.id !== Ce.id && ht.has(t.id) && this._commandService.executeCommand(t.id);
+    }));
+  }
+};
+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;
+  }, 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 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 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 _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 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 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 St() {
+  return Math.random().toString(36).substring(2, 8);
+}
+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: It
+  }));
+});
+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: Ot
+  }));
+});
+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() {
+    [
+      ve,
+      _e,
+      k
+    ].forEach((t) => {
+      this.disposeWithMe(this._commandService.registerCommand(t));
+    });
+  }
+  _initComponents() {
+    [
+      [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$: it(ft),
+        // only show when the cursor is at the beginning of a line
+        preconditions: (e) => {
+          var i;
+          return ((i = e.range.startNodePosition) == null ? void 0 : i.glyph) === 0;
+        }
+      }
+    ].forEach((e) => {
+      this.disposeWithMe(this._docQuickInsertPopupService.registerPopup(e));
+    });
+  }
+  _initMenus() {
+  }
+};
+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() {
+    [
+      [j],
+      [Q],
+      [C]
+    ].forEach((e) => this._injector.add(e)), this._injector.get(j);
+  }
+  onRendered() {
+    this._injector.get(Q), this._injector.get(C);
+  }
+};
+Pe(A, "type", ee.UNIVER_DOC);
+Pe(A, "pluginName", kt);
+A = wt([
+  $e(Qe, Ke, Ue, je),
+  Rt(0, g(Te))
+], A);
+export {
+  C as DocQuickInsertPopupService,
+  Q as DocQuickInsertTriggerController,
+  j as DocQuickInsertUIController,
+  at as KeywordInputPlaceholderComponentKey,
+  dt as QuickInsertPlaceholderComponentKey,
+  A as UniverDocsQuickInsertUIPlugin
+};