@univerjs/docs-quick-insert-ui 0.6.7 → 0.6.9

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-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,646 @@
+var be = Object.defineProperty;
+var Me = (t, e, i) => e in t ? be(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
+var _ = (t, e, i) => Me(t, typeof e != "symbol" ? e + "" : e, i);
+import { CommandType as x, ICommandService as D, RANGE_DIRECTION as we, LocaleService as J, generateRandomId as Re, DisposableCollection as ke, toDisposable as De, Direction as E, Inject as v, IUniverInstanceService as le, Disposable as X, UniverInstanceType as Y, DeleteDirection as Ne, DependentOn as Ee, Injector as $e, Plugin as Te } from "@univerjs/core";
+import { UniverDocsDrawingPlugin as He } from "@univerjs/docs-drawing";
+import { UniverDrawingPlugin as Ue } from "@univerjs/drawing";
+import { UniverDrawingUIPlugin as Ke } from "@univerjs/drawing-ui";
+import { useDependency as O, KeyCode as y, ComponentManager as pe, IShortcutService as fe, useObservable as W, UniverUIPlugin as Qe } from "@univerjs/ui";
+import { DocSelectionManagerService as he, DocSkeletonManagerService as je, RichTextEditingMutation as Ae } from "@univerjs/docs";
+import { CutContentCommand as Le, DocCanvasPopManagerService as We, OrderListCommand as qe, BulletListCommand as ze, HorizontalLineCommand as Be, InsertCommand as Ve, IMEInputCommand as Fe, DeleteCommand as Ge, MoveCursorOperation as Ze, DeleteLeftCommand as Je } from "@univerjs/docs-ui";
+import { IRenderManagerService as Xe } from "@univerjs/engine-render";
+import { map as Ye, distinctUntilChanged as et, tap as N, combineLatest as tt, BehaviorSubject as q, of as nt } from "rxjs";
+import { jsx as p, jsxs as oe } from "react/jsx-runtime";
+import { clsx as ce, Menu as it, MenuItemGroup as rt, MenuItem as st, Tooltip as ot } from "@univerjs/design";
+import { useMemo as ae, useState as de, useRef as V, useEffect as z, forwardRef as ee, createElement as te } from "react";
+const me = {
+  id: "doc.command.delete-search-key",
+  type: x.COMMAND,
+  handler: (t, e) => {
+    const i = t.get(D), { start: n, end: r } = e;
+    return i.syncExecuteCommand(Le.id, {
+      segmentId: "",
+      textRanges: [{
+        startOffset: n,
+        endOffset: n,
+        collapsed: !0
+      }],
+      selections: [{
+        startOffset: n,
+        endOffset: r,
+        collapsed: !1,
+        direction: we.FORWARD
+      }]
+    });
+  }
+}, ct = "docs.quick.insert.keyword-input-placeholder", $ = () => {
+  const t = O(J);
+  return /* @__PURE__ */ p("div", { className: "univer-translate-y-1.5 univer-text-sm univer-text-gray-500", children: t.t("docQuickInsert.keywordInputPlaceholder") });
+};
+$.componentKey = ct;
+const at = "docs.quick.insert.placeholder", T = () => {
+  const t = O(J);
+  return /* @__PURE__ */ p(
+    "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__ */ p("span", { children: t.t("docQuickInsert.placeholder") })
+    }
+  );
+};
+T.componentKey = at;
+function F(t, e) {
+  return t.map((i) => ({ ...i })).filter((i) => {
+    if ("children" in i)
+      return i.children = F(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 ve(t, e) {
+  return t.map((i) => {
+    const n = { ...i };
+    return "children" in n && (n.children = ve(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 dt = [y.ARROW_UP, y.ARROW_DOWN, y.ENTER], H = () => {
+  const t = O(J), e = O(C), i = O(pe), n = O(fe), r = O(D), o = ae(() => Re(), []), [a, d] = de(0), s = V(null), c = V(0);
+  c.current = 0;
+  const u = W(e.filterKeyword$, ""), l = W(e.editPopup$), b = W(l == null ? void 0 : l.popup.menus$, []), j = ae(() => ve(b, t), [b]), [A, Pe] = de(() => F(j, u.toLowerCase()));
+  z(() => {
+    const f = requestIdleCallback(() => {
+      Pe(F(j, u.toLowerCase()));
+    });
+    return () => {
+      cancelIdleCallback(f);
+    };
+  }, [j, u]);
+  const ie = (f) => {
+    e.emitMenuSelected(f), r.executeCommand(k.id);
+  };
+  z(() => {
+    const f = new ke();
+    n.getAllShortcuts().filter((h) => h.binding && dt.includes(h.binding)).forEach((h) => {
+      const I = h.preconditions;
+      h.preconditions = () => !1, f.add(De(() => {
+        h.preconditions = I;
+      }));
+    });
+    const S = {
+      id: `quick.insert.popup.enter.${o}`,
+      type: x.OPERATION,
+      handler: () => {
+        const h = s.current;
+        h && ie(h);
+      }
+    }, M = {
+      id: `quick.insert.popup.move.cursor.up.${o}`,
+      type: x.OPERATION,
+      handler: () => {
+        d((h) => {
+          const I = h - 1;
+          return I >= 0 ? I : c.current - 1;
+        });
+      }
+    }, P = {
+      id: `quick.insert.popup.move.cursor.down.${o}`,
+      type: x.OPERATION,
+      handler: () => {
+        d((h) => {
+          const I = h + 1;
+          return I <= c.current - 1 ? I : 0;
+        });
+      }
+    };
+    return f.add(r.registerCommand(M)), f.add(r.registerCommand(P)), f.add(r.registerCommand(S)), f.add(n.registerShortcut({
+      priority: 1e3,
+      id: M.id,
+      binding: y.ARROW_UP,
+      preconditions: () => !0,
+      staticParameters: {
+        direction: E.UP
+      }
+    })), f.add(n.registerShortcut({
+      priority: 1e3,
+      id: P.id,
+      binding: y.ARROW_DOWN,
+      preconditions: () => !0,
+      staticParameters: {
+        direction: E.DOWN
+      }
+    })), f.add(n.registerShortcut({
+      priority: 1e3,
+      id: S.id,
+      binding: y.ENTER,
+      preconditions: () => !0
+    })), () => {
+      f.dispose();
+    };
+  }, []), z(() => {
+    d(0);
+  }, [A]);
+  function re(f) {
+    return f.map((g) => {
+      const L = g.icon, S = L ? i.get(L) : null;
+      if ("children" in g)
+        return /* @__PURE__ */ p(
+          rt,
+          {
+            title: /* @__PURE__ */ oe(
+              "div",
+              {
+                className: `
+                                  univer-mb-2 univer-flex univer-items-center univer-text-xs univer-text-gray-400
+                                `,
+                children: [
+                  S && /* @__PURE__ */ p("span", { className: "univer-mr-2 univer-inline-flex univer-text-base", children: /* @__PURE__ */ p(S, {}) }),
+                  /* @__PURE__ */ p("span", { children: g.title })
+                ]
+              }
+            ),
+            children: re(g.children)
+          },
+          g.id
+        );
+      const M = c.current, P = a === M;
+      return P && (s.current = g), c.current++, /* @__PURE__ */ p(
+        st,
+        {
+          onMouseEnter: () => d(M),
+          onMouseLeave: () => d(Number.NaN),
+          className: ce("univer-w-[calc(220px-var(--padding-base)*2)] univer-text-sm", {
+            "hover:univer-bg-transparent": !P,
+            "univer-bg-gray-100": P
+          }),
+          onClick: () => {
+            ie(g);
+          },
+          children: /* @__PURE__ */ oe(
+            "div",
+            {
+              className: "univer-flex univer-w-full univer-items-center univer-px-1",
+              children: [
+                S && /* @__PURE__ */ p("span", { className: "univer-mr-2 univer-inline-flex univer-text-base", children: /* @__PURE__ */ p(S, {}) }),
+                /* @__PURE__ */ p(ot, { showIfEllipsis: !0, title: g.title, placement: "right", children: /* @__PURE__ */ p("span", { className: "univer-truncate", children: g.title }) })
+              ]
+            }
+          )
+        },
+        g.id
+      );
+    });
+  }
+  const xe = A.length > 0, se = (l == null ? void 0 : l.popup.Placeholder) || i.get(T.componentKey);
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: ce(`
+              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: xe ? /* @__PURE__ */ p("div", { className: "univer-max-h-[360px] univer-w-[220px] univer-overflow-y-auto", children: /* @__PURE__ */ p(it, { children: re(A) }) }) : se && /* @__PURE__ */ p(se, {})
+    }
+  );
+};
+H.componentKey = "docs.quick.insert.popup";
+var ut = Object.getOwnPropertyDescriptor, lt = (t, e, i, n) => {
+  for (var r = n > 1 ? void 0 : n ? ut(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 ue = {
+  dispose: () => {
+  }
+};
+let C = class extends X {
+  constructor(e, i, n, r, o) {
+    super();
+    _(this, "_popups", /* @__PURE__ */ new Set());
+    _(this, "_editPopup$", new q(void 0));
+    _(this, "editPopup$", this._editPopup$.asObservable());
+    _(this, "_isComposing$", new q(!1));
+    _(this, "isComposing$", this._isComposing$.asObservable());
+    _(this, "_inputOffset$", new q({ 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, l;
+      return (l = (u = this._univerInstanceService.getCurrentUnitOfType(Y.UNIVER_DOC)) == null ? void 0 : u.getBody()) == null ? void 0 : l.dataStream.slice(s, c);
+    };
+    let d = "";
+    this.filterKeyword$ = this._inputOffset$.pipe(
+      Ye((s) => {
+        var u;
+        const c = a(s.start, s.end);
+        return (u = c == null ? void 0 : c.slice(1)) != null ? u : "";
+      }),
+      et(),
+      N((s) => {
+        d = s;
+      })
+    ), this.disposeWithMe(tt([
+      this.filterKeyword$.pipe(N((s) => {
+        var c, u, l;
+        s.length > 0 ? (u = (c = this._inputPlaceholderRenderRoot) == null ? void 0 : c.unmount) == null || u.dispose() : (l = this._inputPlaceholderRenderRoot) == null || l.mount();
+      })),
+      this.isComposing$.pipe(N((s) => {
+        var c, u, l;
+        s ? (u = (c = this._inputPlaceholderRenderRoot) == null ? void 0 : c.unmount) == null || u.dispose() : d.length <= 0 && ((l = this._inputPlaceholderRenderRoot) == null || l.mount());
+      })),
+      this.editPopup$.pipe(N((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(je), d = this._docSelectionManagerService.getActiveTextRange();
+      if (!a || !d)
+        return ue;
+      const c = a.getSkeleton().findNodeByCharIndex(d.startOffset, d.segmentId, d.segmentPage);
+      if (!((c == null ? void 0 : c.content) === "\r"))
+        return ue;
+      const l = this._docCanvasPopupManagerService.attachPopupToRange(
+        { startOffset: n + 1, endOffset: n + 1, collapsed: !1 },
+        {
+          componentKey: $.componentKey,
+          onClickOutside: () => {
+            l.dispose();
+          },
+          direction: "horizontal"
+        },
+        r
+      );
+      return l;
+    }), this._inputPlaceholderRenderRoot.mount();
+    const o = this._docCanvasPopupManagerService.attachPopupToRange(
+      { startOffset: n, endOffset: n, collapsed: !0 },
+      {
+        componentKey: H.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(me.id, {
+      start: i,
+      end: n
+    }), setTimeout(() => {
+      this._menuSelectedCallbacks.forEach((r) => r(e));
+    }, 0);
+  }
+};
+C = lt([
+  w(0, v(We)),
+  w(1, v(le)),
+  w(2, v(D)),
+  w(3, v(Xe)),
+  w(4, v(he))
+], C);
+const ge = {
+  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;
+  }
+}, _e = {
+  id: "quick-insert.text.menu",
+  title: "docQuickInsert.menu.text",
+  icon: "TextSingle",
+  keywords: ["text"]
+}, Ce = {
+  id: qe.id,
+  title: "docQuickInsert.menu.numberedList",
+  icon: "OrderSingle",
+  keywords: ["numbered", "list", "ordered"]
+}, Se = {
+  id: ze.id,
+  title: "docQuickInsert.menu.bulletedList",
+  icon: "UnorderSingle",
+  keywords: ["bulleted", "list", "unordered"]
+}, Ie = {
+  id: Be.id,
+  title: "docQuickInsert.menu.divider",
+  icon: "DividerSingle",
+  keywords: ["divider", "line", "separate"]
+}, pt = [
+  {
+    title: "docQuickInsert.group.basics",
+    id: "quick.insert.group.basic",
+    children: [
+      _e,
+      Ce,
+      Se,
+      Ie
+    ]
+  }
+], ft = /* @__PURE__ */ new Set([
+  Ce.id,
+  Se.id,
+  Ie.id
+]);
+var ht = Object.getOwnPropertyDescriptor, mt = (t, e, i, n) => {
+  for (var r = n > 1 ? void 0 : n ? ht(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 U = class extends X {
+  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(Y.UNIVER_DOC);
+        if (!(r != null && r.getDisabled())) {
+          if (t.id === Ve.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(ge.id, {
+                index: c.startOffset - 1,
+                unitId: s.unitId,
+                popup: u
+              });
+            }, 100);
+          }
+          if (t.id === Fe.id) {
+            const s = t.params;
+            !e.isComposing && s.isCompositionStart && e.setIsComposing(!0), e.isComposing && s.isCompositionEnd && e.setIsComposing(!1);
+          }
+          if (t.id === Ae.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 === Ge.id) {
+            const s = t.params;
+            if (e.editPopup && s.direction === Ne.LEFT) {
+              const c = (d = s.len) != null ? d : 0;
+              e.setInputOffset({ start: e.inputOffset.start, end: s.range.endOffset - c });
+            }
+          }
+          if (t.id === Ze.id) {
+            const s = t.params;
+            (s.direction === E.LEFT || s.direction === E.RIGHT) && e.editPopup && n.executeCommand(k.id);
+          }
+          if (t.id === Je.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 !== _e.id && ft.has(t.id) && this._commandService.executeCommand(t.id);
+    }));
+  }
+};
+U = mt([
+  R(0, D),
+  R(1, v(he)),
+  R(2, v(C)),
+  R(3, v(fe)),
+  R(4, v(le))
+], U);
+var m = function() {
+  return m = 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;
+  }, m.apply(this, arguments);
+}, vt = 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;
+}, ne = ee(function(t, e) {
+  var i = t.icon, n = t.id, r = t.className, o = t.extend, a = vt(t, ["icon", "id", "className", "extend"]), d = "univerjs-icon univerjs-icon-".concat(n, " ").concat(r || "").trim(), s = V("_".concat(Ct()));
+  return Oe(i, "".concat(n), { defIds: i.defIds, idSuffix: s.current }, m({ ref: e, className: d }, a), o);
+});
+function Oe(t, e, i, n, r) {
+  return te(t.tag, m(m({ key: e }, gt(t, i, r)), n), (_t(t, i).children || []).map(function(o, a) {
+    return Oe(o, "".concat(e, "-").concat(t.tag, "-").concat(a), i, void 0, r);
+  }));
+}
+function gt(t, e, i) {
+  var n = m({}, 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 _t(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) ? m(m({}, t), { children: t.children.map(function(r) {
+    return typeof r.attrs.id == "string" && n && n.indexOf(r.attrs.id) > -1 ? m(m({}, r), { attrs: m(m({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  }) }) : t;
+}
+function Ct() {
+  return Math.random().toString(36).substring(2, 8);
+}
+ne.displayName = "UniverIcon";
+var St = { 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" } }] }, G = ee(function(t, e) {
+  return te(ne, Object.assign({}, t, {
+    id: "divider-single",
+    ref: e,
+    icon: St
+  }));
+});
+G.displayName = "DividerSingle";
+var It = { 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" } }] }, Z = ee(function(t, e) {
+  return te(ne, Object.assign({}, t, {
+    id: "text-single",
+    ref: e,
+    icon: It
+  }));
+});
+Z.displayName = "TextSingle";
+var Ot = Object.getOwnPropertyDescriptor, yt = (t, e, i, n) => {
+  for (var r = n > 1 ? void 0 : n ? Ot(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+    (a = t[o]) && (r = a(r) || r);
+  return r;
+}, B = (t, e) => (i, n) => e(i, n, t);
+let K = class extends X {
+  constructor(t, e, i) {
+    super(), this._commandService = t, this._docQuickInsertPopupService = e, this._componentManager = i, this._initCommands(), this._initComponents(), this._initMenus();
+  }
+  _initCommands() {
+    [
+      me,
+      ge,
+      k
+    ].forEach((t) => {
+      this.disposeWithMe(this._commandService.registerCommand(t));
+    });
+  }
+  _initComponents() {
+    [
+      [H.componentKey, H],
+      [$.componentKey, $],
+      [T.componentKey, T],
+      [G.displayName, G],
+      [Z.displayName, Z]
+    ].forEach(([e, i]) => {
+      e && this.disposeWithMe(this._componentManager.register(e, i));
+    }), [
+      {
+        keyword: "/",
+        menus$: nt(pt),
+        // 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() {
+  }
+};
+K = yt([
+  B(0, D),
+  B(1, v(C)),
+  B(2, v(pe))
+], K);
+var Pt = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, bt = (t, e, i) => e in t ? Pt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, Mt = (t, e, i, n) => {
+  for (var r = n > 1 ? void 0 : n ? xt(e, i) : e, o = t.length - 1, a; o >= 0; o--)
+    (a = t[o]) && (r = a(r) || r);
+  return r;
+}, wt = (t, e) => (i, n) => e(i, n, t), ye = (t, e, i) => bt(t, typeof e != "symbol" ? e + "" : e, i);
+const Rt = "DOC_QUICK_INSERT_UI_PLUGIN";
+let Q = class extends Te {
+  constructor(t) {
+    super(), this._injector = t;
+  }
+  onStarting() {
+    [
+      [K],
+      [U],
+      [C]
+    ].forEach((e) => this._injector.add(e)), this._injector.get(K);
+  }
+  onRendered() {
+    this._injector.get(U), this._injector.get(C);
+  }
+};
+ye(Q, "type", Y.UNIVER_DOC);
+ye(Q, "pluginName", Rt);
+Q = Mt([
+  Ee(Ke, Ue, He, Qe),
+  wt(0, v($e))
+], Q);
+export {
+  C as DocQuickInsertPopupService,
+  U as DocQuickInsertTriggerController,
+  K as DocQuickInsertUIController,
+  ct as KeywordInputPlaceholderComponentKey,
+  at as QuickInsertPlaceholderComponentKey,
+  Q as UniverDocsQuickInsertUIPlugin
+};

package/lib/locale/en-US.js

@@ -0,0 +1,18 @@
+const e = {
+  docQuickInsert: {
+    menu: {
+      numberedList: "Numbered List",
+      bulletedList: "Bulleted List",
+      divider: "Divider",
+      text: "Text"
+    },
+    group: {
+      basics: "Basics"
+    },
+    placeholder: "No results found",
+    keywordInputPlaceholder: "Enter keywords"
+  }
+};
+export {
+  e as default
+};

package/lib/locale/fa-IR.js

@@ -0,0 +1,18 @@
+const e = {
+  docQuickInsert: {
+    menu: {
+      numberedList: "لیست شمارهدار",
+      bulletedList: "لیست نقطهدار",
+      divider: "خط تقسیم",
+      text: "متن"
+    },
+    group: {
+      basics: "بنیادی"
+    },
+    placeholder: "هیچ نتیجهای یافت نشد",
+    keywordInputPlaceholder: "وارد کلمات کلیدی"
+  }
+};
+export {
+  e as default
+};