@univerjs/docs-quick-insert-ui 0.16.1 → 0.17.0

package/lib/index.js

@@ -1,25 +1,25 @@
-var Le = Object.defineProperty;
-var Ae = (t, e, n) => e in t ? Le(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var je = Object.defineProperty;
+var Ae = (t, e, n) => e in t ? je(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
 var C = (t, e, n) => Ae(t, typeof e != "symbol" ? e + "" : e, n);
-import { CommandType as k, ICommandService as Q, RANGE_DIRECTION as je, LocaleService as ue, generateRandomId as Be, DisposableCollection as We, toDisposable as qe, Direction as B, Inject as f, IUniverInstanceService as pe, Disposable as Y, UniverInstanceType as H, DeleteDirection as Ze, DependentOn as Ve, Injector as Fe, IConfigService as Ge, Plugin as ze, merge as Ye } from "@univerjs/core";
-import { DocSelectionManagerService as le, DocSkeletonManagerService as Je, RichTextEditingMutation as Xe } from "@univerjs/docs";
-import { CutContentCommand as et, DocCanvasPopManagerService as Se, DocEventManagerService as Pe, OrderListCommand as tt, BulletListCommand as nt, HorizontalLineCommand as it, DocCreateTableOperation as rt, InsertCommand as st, IMEInputCommand as ot, DeleteCommand as ct, MoveCursorOperation as at, DeleteLeftCommand as dt } from "@univerjs/docs-ui";
-import { useDependency as _, KeyCode as O, ComponentManager as ye, IShortcutService as xe, useObservable as T, ILayoutService as ut, useEvent as pt, UniverUIPlugin as lt } from "@univerjs/ui";
-import { IRenderManagerService as he } from "@univerjs/engine-render";
-import { map as Me, distinctUntilChanged as ht, tap as K, combineLatest as fe, BehaviorSubject as A, of as ft } from "rxjs";
-import { jsx as h, jsxs as ve } from "react/jsx-runtime";
-import { Menu as gt, clsx as re, scrollbarClassName as mt, MenuItemGroup as vt, MenuItem as Ct, Tooltip as _t, borderClassName as It } from "@univerjs/design";
-import { useMemo as se, useState as Ce, useRef as j, useEffect as L, createElement as J, forwardRef as ge } from "react";
-import { InsertDocImageCommand as St, UniverDocsDrawingUIPlugin as Pt } from "@univerjs/docs-drawing-ui";
-import { UniverDocsDrawingPlugin as yt } from "@univerjs/docs-drawing";
-import { UniverDrawingPlugin as xt } from "@univerjs/drawing";
-import { UniverDrawingUIPlugin as Mt } from "@univerjs/drawing-ui";
-const Oe = {
+import { CommandType as R, ICommandService as H, RANGE_DIRECTION as Be, LocaleService as pe, generateRandomId as We, DisposableCollection as qe, toDisposable as Ze, Direction as W, Inject as f, IUniverInstanceService as le, Disposable as Y, UniverInstanceType as K, DeleteDirection as Ve, DependentOn as Fe, Injector as Ge, IConfigService as ze, Plugin as Ye, merge as Je } from "@univerjs/core";
+import { DocSelectionManagerService as he, DocSkeletonManagerService as Xe, RichTextEditingMutation as et } from "@univerjs/docs";
+import { CutContentCommand as tt, DocCanvasPopManagerService as Pe, DocEventManagerService as ye, OrderListCommand as nt, BulletListCommand as it, HorizontalLineCommand as rt, DocCreateTableOperation as st, InsertCommand as ot, IMEInputCommand as ct, DeleteCommand as at, MoveCursorOperation as dt, DeleteLeftCommand as ut } from "@univerjs/docs-ui";
+import { useDependency as _, KeyCode as O, ComponentManager as xe, IShortcutService as Me, useObservable as U, ILayoutService as pt, useEvent as lt, UniverUIPlugin as ht } from "@univerjs/ui";
+import { IRenderManagerService as fe } from "@univerjs/engine-render";
+import { map as Oe, distinctUntilChanged as ft, tap as L, combineLatest as ge, BehaviorSubject as A, of as gt } from "rxjs";
+import { jsx as h, jsxs as Ce } from "react/jsx-runtime";
+import { Menu as mt, clsx as se, scrollbarClassName as vt, MenuItemGroup as Ct, MenuItem as _t, Tooltip as It, borderClassName as St } from "@univerjs/design";
+import { useMemo as oe, useState as _e, useRef as B, useEffect as j, createElement as J, forwardRef as me } from "react";
+import { InsertDocImageCommand as Pt, UniverDocsDrawingUIPlugin as yt } from "@univerjs/docs-drawing-ui";
+import { UniverDocsDrawingPlugin as xt } from "@univerjs/docs-drawing";
+import { UniverDrawingPlugin as Mt } from "@univerjs/drawing";
+import { UniverDrawingUIPlugin as Ot } from "@univerjs/drawing-ui";
+const be = {
   id: "doc.command.delete-search-key",
-  type: k.COMMAND,
+  type: R.COMMAND,
   handler: (t, e) => {
-    const n = t.get(Q), { start: i, end: r } = e;
-    return n.syncExecuteCommand(et.id, {
+    const n = t.get(H), { start: i, end: r } = e;
+    return n.syncExecuteCommand(tt.id, {
       segmentId: "",
       textRanges: [{
         startOffset: i,
@@ -30,17 +30,17 @@ const Oe = {
         startOffset: i,
         endOffset: r,
         collapsed: !1,
-        direction: je.FORWARD
+        direction: Be.FORWARD
       }]
     });
   }
-}, Ot = "docs.quick.insert.keyword-input-placeholder", W = () => {
-  const t = _(ue);
+}, bt = "docs.quick.insert.keyword-input-placeholder", q = () => {
+  const t = _(pe);
   return /* @__PURE__ */ h("div", { className: "univer-translate-y-1.5 univer-text-sm univer-text-gray-500", children: t.t("docQuickInsert.keywordInputPlaceholder") });
 };
-W.componentKey = Ot;
-const bt = "docs.quick.insert.placeholder", q = () => {
-  const t = _(ue);
+q.componentKey = bt;
+const wt = "docs.quick.insert.placeholder", Z = () => {
+  const t = _(pe);
   return /* @__PURE__ */ h(
     "div",
     {
@@ -49,63 +49,63 @@ const bt = "docs.quick.insert.placeholder", q = () => {
     }
   );
 };
-q.componentKey = bt;
-function oe(t, e) {
+Z.componentKey = wt;
+function ce(t, e) {
   return t.map((n) => ({ ...n })).filter((n) => {
     if ("children" in n)
-      return n.children = oe(n.children, e), n.children.length > 0;
+      return n.children = ce(n.children, e), n.children.length > 0;
     const i = n.keywords;
     return i ? i.some((r) => r.includes(e)) : n.title.toLowerCase().includes(e);
   });
 }
-function be(t, e) {
+function we(t, e) {
   return t.map((n) => {
     const i = { ...n };
-    return "children" in i && (i.children = be(i.children, e)), i.title = e.t(i.title), "keywords" in i && (i.keywords = i.keywords.concat(i.title).map((r) => r.toLowerCase())), i;
+    return "children" in i && (i.children = we(i.children, e)), i.title = e.t(i.title), "keywords" in i && (i.keywords = i.keywords.concat(i.title).map((r) => r.toLowerCase())), i;
   });
 }
-const wt = [O.ARROW_UP, O.ARROW_DOWN, O.ENTER], Z = () => {
-  const t = _(ue), e = _(I), n = _(ye), i = _(xe), r = _(Q), s = se(() => Be(), []), [c, l] = Ce(0), o = j(null), a = j(0);
+const kt = [O.ARROW_UP, O.ARROW_DOWN, O.ENTER], V = () => {
+  const t = _(pe), e = _(I), n = _(xe), i = _(Me), r = _(H), s = oe(() => We(), []), [c, l] = _e(0), o = B(null), a = B(0);
   a.current = 0;
-  const d = T(e.filterKeyword$, ""), u = T(e.editPopup$), g = T(u == null ? void 0 : u.popup.menus$, []), S = se(() => be(g, t), [g]), [b, P] = Ce(() => oe(S, d.toLowerCase()));
-  L(() => {
+  const d = U(e.filterKeyword$, ""), u = U(e.editPopup$), g = U(u == null ? void 0 : u.popup.menus$, []), S = oe(() => we(g, t), [g]), [b, P] = _e(() => ce(S, d.toLowerCase()));
+  j(() => {
     const m = requestIdleCallback(() => {
-      P(oe(S, d.toLowerCase()));
+      P(ce(S, d.toLowerCase()));
     });
     return () => {
       cancelIdleCallback(m);
     };
   }, [S, d]);
   const y = (m) => {
-    e.emitMenuSelected(m), r.executeCommand(U.id);
+    e.emitMenuSelected(m), r.executeCommand(Q.id);
   };
-  L(() => {
-    const m = new We();
-    i.getAllShortcuts().filter((p) => p.binding && wt.includes(p.binding)).forEach((p) => {
+  j(() => {
+    const m = new qe();
+    i.getAllShortcuts().filter((p) => p.binding && kt.includes(p.binding)).forEach((p) => {
       const M = p.preconditions;
-      p.preconditions = () => !1, m.add(qe(() => {
+      p.preconditions = () => !1, m.add(Ze(() => {
         p.preconditions = M;
       }));
     });
     const x = {
       id: `quick.insert.popup.enter.${s}`,
-      type: k.OPERATION,
+      type: R.OPERATION,
       handler: () => {
         const p = o.current;
         p && y(p);
       }
-    }, D = {
+    }, N = {
       id: `quick.insert.popup.move.cursor.up.${s}`,
-      type: k.OPERATION,
+      type: R.OPERATION,
       handler: () => {
         l((p) => {
           const M = p - 1;
           return M >= 0 ? M : a.current - 1;
         });
       }
-    }, R = {
+    }, k = {
       id: `quick.insert.popup.move.cursor.down.${s}`,
-      type: k.OPERATION,
+      type: R.OPERATION,
       handler: () => {
         l((p) => {
           const M = p + 1;
@@ -113,21 +113,21 @@ const wt = [O.ARROW_UP, O.ARROW_DOWN, O.ENTER], Z = () => {
         });
       }
     };
-    return m.add(r.registerCommand(D)), m.add(r.registerCommand(R)), m.add(r.registerCommand(x)), m.add(i.registerShortcut({
+    return m.add(r.registerCommand(N)), m.add(r.registerCommand(k)), m.add(r.registerCommand(x)), m.add(i.registerShortcut({
       priority: 1e3,
-      id: D.id,
+      id: N.id,
       binding: O.ARROW_UP,
       preconditions: () => !0,
       staticParameters: {
-        direction: B.UP
+        direction: W.UP
       }
     })), m.add(i.registerShortcut({
       priority: 1e3,
-      id: R.id,
+      id: k.id,
       binding: O.ARROW_DOWN,
       preconditions: () => !0,
       staticParameters: {
-        direction: B.DOWN
+        direction: W.DOWN
       }
     })), m.add(i.registerShortcut({
       priority: 1e3,
@@ -137,21 +137,21 @@ const wt = [O.ARROW_UP, O.ARROW_DOWN, O.ENTER], Z = () => {
     })), () => {
       m.dispose();
     };
-  }, []), L(() => {
+  }, []), j(() => {
     l(0);
   }, [b]);
-  const w = j(/* @__PURE__ */ new Map());
-  L(() => () => {
+  const w = B(/* @__PURE__ */ new Map());
+  j(() => () => {
     w.current.clear();
   }, []);
-  function $(m) {
+  function D(m) {
     return m.map((v) => {
-      const ee = v.icon, x = ee ? n.get(ee) : null;
+      const te = v.icon, x = te ? n.get(te) : null;
       if ("children" in v)
         return /* @__PURE__ */ h(
-          vt,
+          Ct,
           {
-            title: /* @__PURE__ */ ve(
+            title: /* @__PURE__ */ Ce(
               "div",
               {
                 className: "univer-mb-2 univer-flex univer-items-center univer-text-xs univer-text-gray-400",
@@ -161,12 +161,12 @@ const wt = [O.ARROW_UP, O.ARROW_DOWN, O.ENTER], Z = () => {
                 ]
               }
             ),
-            children: $(v.children)
+            children: D(v.children)
           },
           v.id
         );
-      const D = a.current, R = c === D;
-      if (R) {
+      const N = a.current, k = c === N;
+      if (k) {
         o.current = v;
         const p = w.current.get(v.id);
         p == null || p.scrollIntoView({
@@ -174,27 +174,27 @@ const wt = [O.ARROW_UP, O.ARROW_DOWN, O.ENTER], Z = () => {
         });
       }
       return a.current++, /* @__PURE__ */ h(
-        Ct,
+        _t,
         {
           ref: (p) => {
             p && w.current.set(v.id, p);
           },
-          onMouseEnter: () => l(D),
+          onMouseEnter: () => l(N),
           onMouseLeave: () => l(Number.NaN),
-          className: re("univer-w-[calc(220px-var(--padding-base)*2)] univer-text-sm", {
-            "hover:univer-bg-transparent": !R,
-            "univer-bg-gray-100 dark:!univer-bg-gray-500": R
+          className: se("univer-w-[calc(220px-var(--padding-base)*2)] univer-text-sm", {
+            "hover:univer-bg-transparent": !k,
+            "univer-bg-gray-100 dark:!univer-bg-gray-500": k
           }),
           onClick: () => {
             y(v);
           },
-          children: /* @__PURE__ */ ve(
+          children: /* @__PURE__ */ Ce(
             "div",
             {
               className: "univer-flex univer-w-full univer-items-center univer-px-1",
               children: [
                 x && /* @__PURE__ */ h("span", { className: "univer-mr-2 univer-inline-flex univer-text-base", children: /* @__PURE__ */ h(x, {}) }),
-                /* @__PURE__ */ h(_t, { showIfEllipsis: !0, title: v.title, placement: "right", children: /* @__PURE__ */ h("span", { className: "univer-truncate", children: v.title }) })
+                /* @__PURE__ */ h(It, { showIfEllipsis: !0, title: v.title, placement: "right", children: /* @__PURE__ */ h("span", { className: "univer-truncate", children: v.title }) })
               ]
             }
           )
@@ -203,22 +203,22 @@ const wt = [O.ARROW_UP, O.ARROW_DOWN, O.ENTER], Z = () => {
       );
     });
   }
-  const Ke = b.length > 0, me = (u == null ? void 0 : u.popup.Placeholder) || n.get(q.componentKey);
-  return /* @__PURE__ */ h("div", { className: "univer-mt-2", children: Ke ? /* @__PURE__ */ h(
-    gt,
+  const Le = b.length > 0, ve = (u == null ? void 0 : u.popup.Placeholder) || n.get(Z.componentKey);
+  return /* @__PURE__ */ h("div", { className: "univer-mt-2", children: Le ? /* @__PURE__ */ h(
+    mt,
     {
-      wrapperClass: re("univer-max-h-[360px] univer-w-[220px] univer-overflow-y-auto univer-overflow-x-hidden", mt),
-      children: $(b)
+      wrapperClass: se("univer-max-h-[360px] univer-w-[220px] univer-overflow-y-auto univer-overflow-x-hidden", vt),
+      children: D(b)
     }
-  ) : me && /* @__PURE__ */ h(me, {}) });
+  ) : ve && /* @__PURE__ */ h(ve, {}) });
 };
-Z.componentKey = "docs.quick.insert.popup";
-var Rt = Object.getOwnPropertyDescriptor, kt = (t, e, n, i) => {
+V.componentKey = "docs.quick.insert.popup";
+var Rt = Object.getOwnPropertyDescriptor, $t = (t, e, n, i) => {
   for (var r = i > 1 ? void 0 : i ? Rt(e, n) : e, s = t.length - 1, c; s >= 0; s--)
     (c = t[s]) && (r = c(r) || r);
   return r;
-}, N = (t, e) => (n, i) => e(n, i, t);
-const _e = {
+}, E = (t, e) => (n, i) => e(n, i, t);
+const Ie = {
   dispose: () => {
   }
 };
@@ -238,29 +238,29 @@ let I = class extends Y {
     this._docCanvasPopupManagerService = e, this._univerInstanceService = n, this._commandService = i, this._renderManagerService = r, this._docSelectionManagerService = s, this.disposeWithMe(this._editPopup$);
     const c = (o, a) => {
       var d, u;
-      return (u = (d = this._univerInstanceService.getCurrentUnitOfType(H.UNIVER_DOC)) == null ? void 0 : d.getBody()) == null ? void 0 : u.dataStream.slice(o, a);
+      return (u = (d = this._univerInstanceService.getCurrentUnitOfType(K.UNIVER_DOC)) == null ? void 0 : d.getBody()) == null ? void 0 : u.dataStream.slice(o, a);
     };
     let l = "";
     this.filterKeyword$ = this._inputOffset$.pipe(
-      Me((o) => {
+      Oe((o) => {
         var d;
         const a = c(o.start, o.end);
         return (d = a == null ? void 0 : a.slice(1)) != null ? d : "";
       }),
-      ht(),
-      K((o) => {
+      ft(),
+      L((o) => {
         l = o;
       })
-    ), this.disposeWithMe(fe([
-      this.filterKeyword$.pipe(K((o) => {
+    ), this.disposeWithMe(ge([
+      this.filterKeyword$.pipe(L((o) => {
         var a, d, u;
         o.length > 0 ? (d = (a = this._inputPlaceholderRenderRoot) == null ? void 0 : a.unmount) == null || d.dispose() : (u = this._inputPlaceholderRenderRoot) == null || u.mount();
       })),
-      this.isComposing$.pipe(K((o) => {
+      this.isComposing$.pipe(L((o) => {
         var a, d, u;
         o ? (d = (a = this._inputPlaceholderRenderRoot) == null ? void 0 : a.unmount) == null || d.dispose() : l.length <= 0 && ((u = this._inputPlaceholderRenderRoot) == null || u.mount());
       })),
-      this.editPopup$.pipe(K((o) => {
+      this.editPopup$.pipe(L((o) => {
         var a, d;
         o || ((d = (a = this._inputPlaceholderRenderRoot) == null ? void 0 : a.unmount) == null || d.dispose(), this._inputPlaceholderRenderRoot = null);
       }))
@@ -286,7 +286,7 @@ let I = class extends Y {
   }
   getDocEventManagerService(e) {
     var n;
-    return (n = this._renderManagerService.getRenderById(e)) == null ? void 0 : n.with(Pe);
+    return (n = this._renderManagerService.getRenderById(e)) == null ? void 0 : n.with(ye);
   }
   resolvePopup(e) {
     return Array.from(this._popups).find((n) => n.keyword === e);
@@ -323,17 +323,17 @@ let I = class extends Y {
     if (!o)
       return;
     this._inputPlaceholderRenderRoot = this._createInputPlaceholderRenderRoot(() => {
-      var $;
-      const g = ($ = this._renderManagerService.getRenderById(r)) == null ? void 0 : $.with(Je), S = this._docSelectionManagerService.getActiveTextRange();
+      var D;
+      const g = (D = this._renderManagerService.getRenderById(r)) == null ? void 0 : D.with(Xe), S = this._docSelectionManagerService.getActiveTextRange();
       if (!g || !S)
-        return _e;
+        return Ie;
       const P = g.getSkeleton().findNodeByCharIndex(S.startOffset, S.segmentId, S.segmentPage);
       if (!((P == null ? void 0 : P.content) === "\r"))
-        return _e;
+        return Ie;
       const w = this._docCanvasPopupManagerService.attachPopupToRange(
         { startOffset: i + 1, endOffset: i + 1, collapsed: !1 },
         {
-          componentKey: W.componentKey,
+          componentKey: q.componentKey,
           onClickOutside: () => {
             w.dispose();
           },
@@ -346,7 +346,7 @@ let I = class extends Y {
     const a = this._docCanvasPopupManagerService.attachPopupToRect(
       o.firstLine,
       {
-        componentKey: Z.componentKey,
+        componentKey: V.componentKey,
         onClickOutside: () => {
           this.closePopup();
         },
@@ -366,7 +366,7 @@ let I = class extends Y {
   }
   emitMenuSelected(e) {
     const { start: n, end: i } = this.inputOffset;
-    this._commandService.syncExecuteCommand(Oe.id, {
+    this._commandService.syncExecuteCommand(be.id, {
       start: n,
       end: i
     }), setTimeout(() => {
@@ -374,22 +374,22 @@ let I = class extends Y {
     }, 0);
   }
 };
-I = kt([
-  N(0, f(Se)),
-  N(1, f(pe)),
-  N(2, f(Q)),
-  N(3, f(he)),
-  N(4, f(le))
+I = $t([
+  E(0, f(Pe)),
+  E(1, f(le)),
+  E(2, f(H)),
+  E(3, f(fe)),
+  E(4, f(he))
 ], I);
-const we = {
-  type: k.OPERATION,
+const ke = {
+  type: R.OPERATION,
   id: "doc.operation.show-quick-insert-popup",
   handler(t, e) {
     const n = t.get(I);
     return e ? (n.showPopup(e), !0) : !1;
   }
-}, U = {
-  type: k.OPERATION,
+}, Q = {
+  type: R.OPERATION,
   id: "doc.operation.close-quick-insert-popup",
   handler(t) {
     return t.get(I).closePopup(), !0;
@@ -399,60 +399,60 @@ const we = {
   title: "docQuickInsert.menu.text",
   icon: "TextIcon",
   keywords: ["text"]
-}, ke = {
-  id: tt.id,
+}, $e = {
+  id: nt.id,
   title: "docQuickInsert.menu.numberedList",
   icon: "OrderIcon",
   keywords: ["numbered", "list", "ordered"]
-}, $e = {
-  id: nt.id,
+}, De = {
+  id: it.id,
   title: "docQuickInsert.menu.bulletedList",
   icon: "UnorderIcon",
   keywords: ["bulleted", "list", "unordered"]
-}, De = {
-  id: it.id,
+}, Ne = {
+  id: rt.id,
   title: "docQuickInsert.menu.divider",
   icon: "DividerIcon",
   keywords: ["divider", "line", "separate"]
-}, Ne = {
-  id: rt.id,
+}, Ee = {
+  id: st.id,
   title: "docQuickInsert.menu.table",
   icon: "GridIcon",
   keywords: ["table", "grid", "spreadsheet"]
-}, Ee = {
-  id: St.id,
+}, Te = {
+  id: Pt.id,
   title: "docQuickInsert.menu.image",
   icon: "AdditionAndSubtractionIcon",
   keywords: ["image", "picture", "photo"]
-}, $t = [
+}, Dt = [
   {
     title: "docQuickInsert.group.basics",
     id: "quick.insert.group.basic",
     children: [
       Re,
-      ke,
       $e,
       De,
       Ne,
-      Ee
+      Ee,
+      Te
     ]
   }
-], Dt = /* @__PURE__ */ new Set([
-  ke.id,
+], Nt = /* @__PURE__ */ new Set([
   $e.id,
   De.id,
   Ne.id,
-  Ee.id
+  Ee.id,
+  Te.id
 ]);
-var Nt = Object.getOwnPropertyDescriptor, Et = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? Nt(e, n) : e, s = t.length - 1, c; s >= 0; s--)
+var Et = Object.getOwnPropertyDescriptor, Tt = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? Et(e, n) : e, s = t.length - 1, c; s >= 0; s--)
     (c = t[s]) && (r = c(r) || r);
   return r;
-}, E = (t, e) => (n, i) => e(n, i, t);
-let V = class extends Y {
+}, T = (t, e) => (n, i) => e(n, i, t);
+let F = class extends Y {
   constructor(t, e, n, i, r) {
     super(), this._commandService = t, this._textSelectionManagerService = e, this._docQuickInsertPopupService = n, this._shortcutService = i, this._univerInstanceService = r, this.disposeWithMe(this._shortcutService.registerShortcut({
-      id: U.id,
+      id: Q.id,
       binding: O.ESC,
       preconditions: () => !!this._docQuickInsertPopupService.editPopup,
       priority: 1e3
@@ -464,9 +464,9 @@ let V = class extends Y {
       // eslint-disable-next-line complexity, max-lines-per-function
       this._commandService.onCommandExecuted((t) => {
         var s, c, l;
-        const { _docQuickInsertPopupService: e, _textSelectionManagerService: n, _commandService: i } = this, r = this._univerInstanceService.getCurrentUnitOfType(H.UNIVER_DOC);
+        const { _docQuickInsertPopupService: e, _textSelectionManagerService: n, _commandService: i } = this, r = this._univerInstanceService.getCurrentUnitOfType(K.UNIVER_DOC);
         if (!(r != null && r.getDisabled())) {
-          if (t.id === st.id) {
+          if (t.id === ot.id) {
             const o = t.params;
             if (e.editPopup) {
               e.setInputOffset({
@@ -482,40 +482,40 @@ let V = class extends Y {
             if (!d || !(d.preconditions ? d.preconditions(o) : !0))
               return;
             e.setInputOffset({ start: a.startOffset - 1, end: a.startOffset }), setTimeout(() => {
-              i.executeCommand(we.id, {
+              i.executeCommand(ke.id, {
                 index: a.startOffset - 1,
                 unitId: o.unitId,
                 popup: d
               });
             }, 100);
           }
-          if (t.id === ot.id) {
+          if (t.id === ct.id) {
             const o = t.params;
             !e.isComposing && o.isCompositionStart && e.setIsComposing(!0), e.isComposing && o.isCompositionEnd && e.setIsComposing(!1);
           }
-          if (t.id === Xe.id) {
+          if (t.id === et.id) {
             const o = t.params;
             if (o.isCompositionEnd) {
               const a = (c = (s = o.textRanges) == null ? void 0 : s[0]) == null ? void 0 : c.endOffset;
               a && e.setInputOffset({ start: e.inputOffset.start, end: a });
             }
           }
-          if (t.id === ct.id) {
+          if (t.id === at.id) {
             const o = t.params;
-            if (e.editPopup && o.direction === Ze.LEFT) {
+            if (e.editPopup && o.direction === Ve.LEFT) {
               const a = (l = o.len) != null ? l : 0;
               e.setInputOffset({ start: e.inputOffset.start, end: o.range.endOffset - a });
             }
           }
-          if (t.id === at.id) {
+          if (t.id === dt.id) {
             const o = t.params;
-            (o.direction === B.LEFT || o.direction === B.RIGHT) && e.editPopup && i.executeCommand(U.id);
+            (o.direction === W.LEFT || o.direction === W.RIGHT) && e.editPopup && i.executeCommand(Q.id);
           }
-          if (t.id === dt.id) {
+          if (t.id === ut.id) {
             const o = n.getActiveTextRange();
             if (!e.editPopup || !o)
               return;
-            o.endOffset <= e.editPopup.anchor && i.executeCommand(U.id);
+            o.endOffset <= e.editPopup.anchor && i.executeCommand(Q.id);
           }
         }
       })
@@ -523,20 +523,20 @@ let V = class extends Y {
   }
   _initMenuHandler() {
     this.disposeWithMe(this._docQuickInsertPopupService.onMenuSelected((t) => {
-      t.id !== Re.id && Dt.has(t.id) && this._commandService.executeCommand(t.id);
+      t.id !== Re.id && Nt.has(t.id) && this._commandService.executeCommand(t.id);
     }));
   }
 };
-V = Et([
-  E(0, Q),
-  E(1, f(le)),
-  E(2, f(I)),
-  E(3, f(xe)),
-  E(4, f(pe))
-], V);
+F = Tt([
+  T(0, H),
+  T(1, f(he)),
+  T(2, f(I)),
+  T(3, f(Me)),
+  T(4, f(le))
+], F);
 function X({ ref: t, ...e }) {
-  const { icon: n, id: i, className: r, extend: s, ...c } = e, l = `univerjs-icon univerjs-icon-${i} ${r || ""}`.trim(), o = j(`_${Qt()}`);
-  return Te(n, `${i}`, {
+  const { icon: n, id: i, className: r, extend: s, ...c } = e, l = `univerjs-icon univerjs-icon-${i} ${r || ""}`.trim(), o = B(`_${Ht()}`);
+  return Ue(n, `${i}`, {
     defIds: n.defIds,
     idSuffix: o.current
   }, {
@@ -545,14 +545,14 @@ function X({ ref: t, ...e }) {
     ...c
   }, s);
 }
-function Te(t, e, n, i, r) {
+function Ue(t, e, n, i, r) {
   return J(t.tag, {
     key: e,
-    ...Tt(t, n, r),
+    ...Ut(t, n, r),
     ...i
-  }, (Ut(t, n).children || []).map((s, c) => Te(s, `${e}-${t.tag}-${c}`, n, void 0, r)));
+  }, (Qt(t, n).children || []).map((s, c) => Ue(s, `${e}-${t.tag}-${c}`, n, void 0, r)));
 }
-function Tt(t, e, n) {
+function Ut(t, e, n) {
   const i = { ...t.attrs };
   n != null && n.colorChannel1 && i.fill === "colorChannel1" && (i.fill = n.colorChannel1), t.tag === "mask" && i.id && (i.id = i.id + e.idSuffix), Object.entries(i).forEach(([s, c]) => {
     s === "mask" && typeof c == "string" && (i[s] = c.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
@@ -562,7 +562,7 @@ function Tt(t, e, n) {
     typeof c == "string" && (i[s] = c.replace(/url\(#(.*)\)/, `url(#$1${e.idSuffix})`));
   })), i;
 }
-function Ut(t, e) {
+function Qt(t, e) {
   var i;
   const { defIds: n } = e;
   return !n || n.length === 0 ? t : t.tag === "defs" && ((i = t.children) != null && i.length) ? {
@@ -576,11 +576,11 @@ function Ut(t, e) {
     } : r)
   } : t;
 }
-function Qt() {
+function Ht() {
   return Math.random().toString(36).substring(2, 8);
 }
 X.displayName = "UniverIcon";
-const Ht = {
+const Kt = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -654,15 +654,15 @@ const Ht = {
       }
     }
   ]
-}, ce = ge(function(e, n) {
+}, ae = me(function(e, n) {
   return J(X, Object.assign({}, e, {
     id: "divider-icon",
     ref: n,
-    icon: Ht
+    icon: Kt
   }));
 });
-ce.displayName = "DividerIcon";
-const Kt = {
+ae.displayName = "DividerIcon";
+const Lt = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -678,15 +678,15 @@ const Kt = {
       d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z"
     }
   }]
-}, Ue = ge(function(e, n) {
+}, Qe = me(function(e, n) {
   return J(X, Object.assign({}, e, {
     id: "increase-icon",
     ref: n,
-    icon: Kt
+    icon: Lt
   }));
 });
-Ue.displayName = "IncreaseIcon";
-const Lt = {
+Qe.displayName = "IncreaseIcon";
+const jt = {
   tag: "svg",
   attrs: {
     xmlns: "http://www.w3.org/2000/svg",
@@ -725,21 +725,21 @@ const Lt = {
     }]
   }],
   defIds: ["text-icon_clip0_1293_26"]
-}, ae = ge(function(e, n) {
+}, de = me(function(e, n) {
   return J(X, Object.assign({}, e, {
     id: "text-icon",
     ref: n,
-    icon: Lt
+    icon: jt
   }));
 });
-ae.displayName = "TextIcon";
-const Qe = "doc.quick-insert.button";
-var At = Object.getOwnPropertyDescriptor, jt = (t, e, n, i) => {
+de.displayName = "TextIcon";
+const He = "doc.quick-insert.button";
+var At = Object.getOwnPropertyDescriptor, Bt = (t, e, n, i) => {
   for (var r = i > 1 ? void 0 : i ? At(e, n) : e, s = t.length - 1, c; s >= 0; s--)
     (c = t[s]) && (r = c(r) || r);
   return r;
-}, te = (t, e) => (n, i) => e(n, i, t);
-let F = class extends Y {
+}, ne = (t, e) => (n, i) => e(n, i, t);
+let G = class extends Y {
   constructor(e, n, i, r) {
     super();
     C(this, "_popup$", new A(null));
@@ -750,7 +750,7 @@ let F = class extends Y {
     return this._popup$.value;
   }
   _init() {
-    this.disposeWithMe(fe([this._docEventManagerService.hoverParagraphLeftRealTime$, this._docEventManagerService.hoverParagraphRealTime$]).subscribe(([e, n]) => {
+    this.disposeWithMe(ge([this._docEventManagerService.hoverParagraphLeftRealTime$, this._docEventManagerService.hoverParagraphRealTime$]).subscribe(([e, n]) => {
       var s;
       const i = e != null ? e : n, r = this._context.unit.getDisabled();
       if (!i || r) {
@@ -761,7 +761,7 @@ let F = class extends Y {
         if (this._docQuickInsertPopupService.editPopup || i.startIndex === ((s = this.popup) == null ? void 0 : s.startIndex)) return;
         this._hideMenu(!0);
         const c = this._docCanvasPopManagerService.attachPopupToRect(i.firstLine, {
-          componentKey: Qe,
+          componentKey: He,
           direction: "left-center"
         }, this._context.unit.getUnitId());
         this._popup$.next({
@@ -776,21 +776,21 @@ let F = class extends Y {
     this._docQuickInsertPopupService.editPopup || this.popup && (e || this.popup.disposable.canDispose()) && (this.popup.disposable.dispose(), this._popup$.next(null));
   }
 };
-F = jt([
-  te(1, f(Pe)),
-  te(2, f(I)),
-  te(3, f(Se))
-], F);
-const de = ({ className: t = "" }) => {
-  const e = _(I), n = _(pe), i = _(he), r = T(se(() => n.getCurrentTypeOfUnit$(H.UNIVER_DOC), [n])), s = r && i.getRenderById(r.getUnitId()), c = s == null ? void 0 : s.with(F), l = _(ut), o = _(le), a = T(e.editPopup$), d = pt((u) => {
+G = Bt([
+  ne(1, f(ye)),
+  ne(2, f(I)),
+  ne(3, f(Pe))
+], G);
+const ue = ({ className: t = "" }) => {
+  const e = _(I), n = _(le), i = _(fe), r = U(oe(() => n.getCurrentTypeOfUnit$(K.UNIVER_DOC), [n])), s = r && i.getRenderById(r.getUnitId()), c = s == null ? void 0 : s.with(G), l = _(pt), o = _(he), a = U(e.editPopup$), d = lt((u) => {
     var P;
     const g = c == null ? void 0 : c.popup;
     if (!g)
       return;
     const S = e.popups, b = {
       keyword: "",
-      menus$: fe(S.map((y) => y.menus$)).pipe(
-        Me((y) => y.flat())
+      menus$: ge(S.map((y) => y.menus$)).pipe(
+        Oe((y) => y.flat())
       )
     };
     o.replaceDocRanges([{
@@ -807,7 +807,7 @@ const de = ({ className: t = "" }) => {
   return /* @__PURE__ */ h(
     "div",
     {
-      className: re("univer-mr-1 univer-flex univer-cursor-pointer univer-items-center univer-gap-2.5 univer-rounded-full univer-p-1.5 univer-shadow-sm hover:univer-bg-gray-100 dark:!univer-text-gray-200 dark:hover:!univer-bg-gray-700", It, {
+      className: se("univer-mr-1 univer-flex univer-cursor-pointer univer-items-center univer-gap-2.5 univer-rounded-full univer-p-1.5 univer-shadow-sm hover:univer-bg-gray-100 dark:!univer-text-gray-200 dark:hover:!univer-bg-gray-700", St, {
         "univer-bg-gray-100 dark:!univer-bg-gray-700": a,
         "univer-bg-white dark:!univer-bg-gray-900": !a
       }, t),
@@ -815,7 +815,7 @@ const de = ({ className: t = "" }) => {
       tabIndex: 0,
       onClick: d,
       children: /* @__PURE__ */ h(
-        Ue,
+        Qe,
         {
           className: "univer-text-gray-800 dark:!univer-text-gray-200"
         }
@@ -823,39 +823,39 @@ const de = ({ className: t = "" }) => {
     }
   );
 };
-de.componentKey = Qe;
-var Bt = Object.getOwnPropertyDescriptor, Wt = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? Bt(e, n) : e, s = t.length - 1, c; s >= 0; s--)
+ue.componentKey = He;
+var Wt = Object.getOwnPropertyDescriptor, qt = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? Wt(e, n) : e, s = t.length - 1, c; s >= 0; s--)
     (c = t[s]) && (r = c(r) || r);
   return r;
-}, ne = (t, e) => (n, i) => e(n, i, t);
-let G = class extends Y {
+}, ie = (t, e) => (n, i) => e(n, i, t);
+let z = class extends Y {
   constructor(t, e, n) {
     super(), this._commandService = t, this._docQuickInsertPopupService = e, this._componentManager = n, this._initCommands(), this._initComponents(), this._initMenus();
   }
   _initCommands() {
     [
-      Oe,
-      we,
-      U
+      be,
+      ke,
+      Q
     ].forEach((t) => {
       this.disposeWithMe(this._commandService.registerCommand(t));
     });
   }
   _initComponents() {
     [
-      [Z.componentKey, Z],
-      [W.componentKey, W],
+      [V.componentKey, V],
       [q.componentKey, q],
-      [ce.displayName, ce],
+      [Z.componentKey, Z],
       [ae.displayName, ae],
-      [de.componentKey, de]
+      [de.displayName, de],
+      [ue.componentKey, ue]
     ].forEach(([e, n]) => {
       e && this.disposeWithMe(this._componentManager.register(e, n));
     }), [
       {
         keyword: "/",
-        menus$: ft($t),
+        menus$: gt(Dt),
         // only show when the cursor is at the beginning of a line
         preconditions: (e) => {
           var n;
@@ -869,56 +869,60 @@ let G = class extends Y {
   _initMenus() {
   }
 };
-G = Wt([
-  ne(0, Q),
-  ne(1, f(I)),
-  ne(2, f(ye))
-], G);
-const qt = "docs-quick-insert-ui.config", Ie = {};
-var Zt = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, Ft = (t, e, n) => e in t ? Zt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, Gt = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? Vt(e, n) : e, s = t.length - 1, c; s >= 0; s--)
+z = qt([
+  ie(0, H),
+  ie(1, f(I)),
+  ie(2, f(xe))
+], z);
+const Zt = "@univerjs/docs-quick-insert-ui", Vt = "0.17.0", Ke = {
+  name: Zt,
+  version: Vt
+}, Ft = "docs-quick-insert-ui.config", Se = {};
+var Gt = Object.defineProperty, zt = Object.getOwnPropertyDescriptor, Yt = (t, e, n) => e in t ? Gt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, Jt = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? zt(e, n) : e, s = t.length - 1, c; s >= 0; s--)
     (c = t[s]) && (r = c(r) || r);
   return r;
-}, ie = (t, e) => (n, i) => e(n, i, t), He = (t, e, n) => Ft(t, typeof e != "symbol" ? e + "" : e, n);
-const zt = "DOC_QUICK_INSERT_UI_PLUGIN";
-let z = class extends ze {
-  constructor(t = Ie, e, n, i) {
+}, re = (t, e) => (n, i) => e(n, i, t), ee = (t, e, n) => Yt(t, typeof e != "symbol" ? e + "" : e, n);
+let $ = class extends Ye {
+  constructor(t = Se, e, n, i) {
     super(), this._config = t, this._injector = e, this._renderManagerSrv = n, this._configService = i;
-    const { menu: r, ...s } = Ye(
+    const { menu: r, ...s } = Je(
       {},
-      Ie,
+      Se,
       this._config
     );
-    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(qt, s);
+    r && this._configService.setConfig("menu", r, { merge: !0 }), this._configService.setConfig(Ft, s);
   }
   onStarting() {
     [
-      [G],
-      [V],
+      [z],
+      [F],
       [I]
-    ].forEach((e) => this._injector.add(e)), this._injector.get(G);
+    ].forEach((e) => this._injector.add(e)), this._injector.get(z);
   }
   onRendered() {
-    this._injector.get(V), this._injector.get(I), [
-      [F]
+    this._injector.get(F), this._injector.get(I), [
+      [G]
     ].forEach((t) => {
-      this._renderManagerSrv.registerRenderModule(H.UNIVER_DOC, t);
+      this._renderManagerSrv.registerRenderModule(K.UNIVER_DOC, t);
     });
   }
 };
-He(z, "type", H.UNIVER_DOC);
-He(z, "pluginName", zt);
-z = Gt([
-  Ve(Mt, xt, Pt, yt, lt),
-  ie(1, f(Fe)),
-  ie(2, f(he)),
-  ie(3, Ge)
-], z);
+ee($, "type", K.UNIVER_DOC);
+ee($, "pluginName", "DOC_QUICK_INSERT_UI_PLUGIN");
+ee($, "packageName", Ke.name);
+ee($, "version", Ke.version);
+$ = Jt([
+  Fe(Ot, Mt, yt, xt, ht),
+  re(1, f(Ge)),
+  re(2, f(fe)),
+  re(3, ze)
+], $);
 export {
   I as DocQuickInsertPopupService,
-  V as DocQuickInsertTriggerController,
-  G as DocQuickInsertUIController,
-  Ot as KeywordInputPlaceholderComponentKey,
-  bt as QuickInsertPlaceholderComponentKey,
-  z as UniverDocsQuickInsertUIPlugin
+  F as DocQuickInsertTriggerController,
+  z as DocQuickInsertUIController,
+  bt as KeywordInputPlaceholderComponentKey,
+  wt as QuickInsertPlaceholderComponentKey,
+  $ as UniverDocsQuickInsertUIPlugin
 };