@univerjs/find-replace 0.1.0-beta.2 → 0.1.0-beta.4

package/lib/es/index.js

@@ -1,270 +1,589 @@
-var C = Object.defineProperty;
-var E = (t, e, i) => e in t ? C(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
-var o = (t, e, i) => (E(t, typeof e != "symbol" ? e + "" : e, i), i);
-import { toDisposable as h, remove as R, ICommandService as L, IContextService as I, Disposable as O, CommandType as B, OnLifecycle as D, LifecycleStages as y, Plugin as M } from "@univerjs/core";
-import { createIdentifier as T, Optional as b, Inject as N, Injector as P } from "@wendellhu/redi";
-import { Subject as $, BehaviorSubject as U } from "rxjs";
-var S = /* @__PURE__ */ ((t) => (t.VOID = "void", t.TOOLBAR_START = "uiToolbar.start", t.TOOLBAR_INSERT = "uiToolbar.insert", t.TOOLBAR_FORMULAS = "uiToolbar.formulas", t.TOOLBAR_DATA = "uiToolbar.data", t.TOOLBAR_VIEW = "uiToolbar.view", t.TOOLBAR_OTHERS = "uiToolbar.others", t.CONTEXT_MENU = "contextMenu", t))(S || {}), g = /* @__PURE__ */ ((t) => (t[t.TOOLBAR_HISTORY = 0] = "TOOLBAR_HISTORY", t[t.TOOLBAR_FORMAT = 1] = "TOOLBAR_FORMAT", t[t.TOOLBAR_LAYOUT = 2] = "TOOLBAR_LAYOUT", t[t.TOOLBAR_FORMULAS_INSERT = 3] = "TOOLBAR_FORMULAS_INSERT", t[t.TOOLBAR_FORMULAS_VIEW = 4] = "TOOLBAR_FORMULAS_VIEW", t[t.TOOLBAR_FILE = 5] = "TOOLBAR_FILE", t[t.TOOLBAR_OTHERS = 6] = "TOOLBAR_OTHERS", t[t.CONTEXT_MENU_FORMAT = 7] = "CONTEXT_MENU_FORMAT", t[t.CONTEXT_MENU_LAYOUT = 8] = "CONTEXT_MENU_LAYOUT", t[t.CONTEXT_MENU_DATA = 9] = "CONTEXT_MENU_DATA", t[t.CONTEXT_MENU_OTHERS = 10] = "CONTEXT_MENU_OTHERS", t))(g || {}), A = /* @__PURE__ */ ((t) => (t[t.BUTTON = 0] = "BUTTON", t[t.SELECTOR = 1] = "SELECTOR", t[t.BUTTON_SELECTOR = 2] = "BUTTON_SELECTOR", t[t.SUBITEMS = 3] = "SUBITEMS", t))(A || {});
-function w(t, e, i) {
-  return document.addEventListener(t, e, i), h(() => document.removeEventListener(t, e, i));
+var le = Object.defineProperty;
+var de = (t, e, n) => e in t ? le(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var l = (t, e, n) => (de(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { Disposable as E, ILogService as B, IUniverInstanceService as G, toDisposable as he, CommandType as m, LocaleService as F, UniverInstanceType as ue, OnLifecycle as pe, LifecycleStages as fe, RxDisposable as ve, ICommandService as _e, IContextService as ge, Plugin as me } from "@univerjs/core";
+import { createIdentifier as Se, Inject as S, Injector as H } from "@wendellhu/redi";
+import { LayoutService as xe, MenuGroup as Re, MenuItemType as Me, MenuPosition as Ie, getMenuHiddenObservable as Ce, KeyCode as R, MetaKeys as j, ComponentManager as Oe, IMenuService as Pe, IShortcutService as ye, IDialogService as Te, IFocusService as be } from "@univerjs/ui";
+import { Subject as Ee, BehaviorSubject as Fe, takeUntil as je } from "rxjs";
+import De, { forwardRef as W, useRef as k, createElement as z, useState as $, useCallback as M, useEffect as Ne, Fragment as A } from "react";
+import { useObservable as $e, InputWithSlot as Ae, Pager as Ue, Button as I, FormLayout as P, Input as U, Select as Le } from "@univerjs/design";
+import { useDependency as y } from "@wendellhu/redi/react-bindings";
+var u = function() {
+  return u = Object.assign || function(t) {
+    for (var e, n = 1, i = arguments.length; n < i; n++) {
+      e = arguments[n];
+      for (var r in e)
+        Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
+    }
+    return t;
+  }, u.apply(this, arguments);
+}, we = function(t, e) {
+  var n = {};
+  for (var i in t)
+    Object.prototype.hasOwnProperty.call(t, i) && e.indexOf(i) < 0 && (n[i] = t[i]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, i = Object.getOwnPropertySymbols(t); r < i.length; r++)
+      e.indexOf(i[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, i[r]) && (n[i[r]] = t[i[r]]);
+  return n;
+}, K = W(function(t, e) {
+  var n = t.icon, i = t.id, r = t.className, o = t.extend, a = we(t, ["icon", "id", "className", "extend"]), s = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), h = k("_".concat(Ge()));
+  return q(n, "".concat(i), { defIds: n.defIds, idSuffix: h.current }, u({ ref: e, className: s }, a), o);
+});
+function q(t, e, n, i, r) {
+  return z(t.tag, u(u({ key: e }, Ve(t, n, r)), i), (Be(t, n).children || []).map(function(o, a) {
+    return q(o, "".concat(e, "-").concat(t.tag, "-").concat(a), n, void 0, r);
+  }));
 }
-class F {
-  constructor() {
-    o(this, "_containers", []);
-  }
-  registerContainer(e) {
-    if (this._containers.indexOf(e) === -1)
-      return this._containers.push(e), h(() => R(this._containers, e));
-    throw new Error("[LayoutService]: container already registered!");
-  }
-  checkElementInCurrentApplicationScope(e) {
-    return this._containers.some((i) => i.contains(e));
-  }
+function Ve(t, e, n) {
+  var i = u({}, t.attrs);
+  n != null && n.colorChannel1 && i.fill === "colorChannel1" && (i.fill = n.colorChannel1);
+  var r = e.defIds;
+  return !r || r.length === 0 || (t.tag === "use" && i["xlink:href"] && (i["xlink:href"] = i["xlink:href"] + e.idSuffix), Object.entries(i).forEach(function(o) {
+    var a = o[0], s = o[1];
+    typeof s == "string" && (i[a] = s.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), i;
 }
-const x = T("univer.platform-service"), j = {
-  8: "Backspace",
-  9: "Tab",
-  13: "Enter",
-  46: "Del",
-  27: "Esc",
-  32: "Space",
-  37: "←",
-  39: "→",
-  38: "↑",
-  40: "↓",
-  48: "0",
-  49: "1",
-  50: "2",
-  51: "3",
-  52: "4",
-  53: "5",
-  54: "6",
-  55: "7",
-  56: "8",
-  57: "9",
-  65: "A",
-  66: "B",
-  67: "C",
-  68: "D",
-  69: "E",
-  70: "F",
-  71: "G",
-  72: "H",
-  73: "I",
-  74: "J",
-  75: "K",
-  76: "L",
-  77: "M",
-  78: "N",
-  79: "O",
-  80: "P",
-  81: "Q",
-  82: "R",
-  83: "S",
-  84: "T",
-  85: "U",
-  86: "V",
-  87: "W",
-  88: "X",
-  89: "Y",
-  90: "Z",
-  189: "-",
-  187: "="
-};
-var c = /* @__PURE__ */ ((t) => (t[t.SHIFT = 1024] = "SHIFT", t[t.ALT = 2048] = "ALT", t[t.CTRL_COMMAND = 4096] = "CTRL_COMMAND", t[t.MAC_CTRL = 8192] = "MAC_CTRL", t))(c || {}), H = Object.defineProperty, X = Object.getOwnPropertyDescriptor, K = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? X(e, i) : e, n = t.length - 1, a; n >= 0; n--)
-    (a = t[n]) && (r = (s ? a(e, i, r) : a(r)) || r);
-  return s && r && H(e, i, r), r;
-}, d = (t, e) => (i, s) => e(i, s, t);
-const W = T("univer.shortcut");
-let f = class extends O {
-  constructor(e, i, s, r) {
+function Be(t, e) {
+  var n, i = e.defIds;
+  return !i || i.length === 0 ? t : t.tag === "defs" && (!((n = t.children) === null || n === void 0) && n.length) ? u(u({}, t), { children: t.children.map(function(r) {
+    return typeof r.attrs.id == "string" && i && i.indexOf(r.attrs.id) > -1 ? u(u({}, r), { attrs: u(u({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
+  }) }) : t;
+}
+function Ge() {
+  return Math.random().toString(36).substring(2, 8);
+}
+K.displayName = "UniverIcon";
+var He = {
+  tag: "svg",
+  attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" },
+  children: [
+    {
+      tag: "mask",
+      attrs: {
+        id: "mask0_217_40",
+        style: { "mask-type": "alpha" },
+        width: 17,
+        height: 17,
+        x: 0,
+        y: 0,
+        maskUnits: "userSpaceOnUse"
+      },
+      children: [
+        {
+          tag: "path",
+          attrs: { fill: "#D9D9D9", d: "M0.9 0.09H16.9V16.09H0.9z" }
+        }
+      ]
+    },
+    {
+      tag: "g",
+      attrs: { mask: "url(#mask0_217_40)" },
+      children: [
+        {
+          tag: "path",
+          attrs: {
+            fill: "currentColor",
+            d: "M2.39551 7.37266C2.39551 4.18105 4.98281 1.59375 8.17441 1.59375C11.366 1.59375 13.9533 4.18105 13.9533 7.37266C13.9533 8.72342 13.4898 9.96603 12.7133 10.95L15.1964 13.4331C15.4619 13.6986 15.4619 14.1291 15.1964 14.3946C14.9309 14.6601 14.5004 14.6601 14.2349 14.3946L11.7518 11.9115C10.7678 12.6881 9.52525 13.1516 8.17441 13.1516C4.98281 13.1516 2.39551 10.5642 2.39551 7.37266ZM8.17441 2.95349C5.73378 2.95349 3.75525 4.93202 3.75525 7.37266C3.75525 9.81333 5.73378 11.7918 8.17441 11.7918C10.6151 11.7918 12.5936 9.81333 12.5936 7.37266C12.5936 4.93202 10.6151 2.95349 8.17441 2.95349Z",
+            fillRule: "evenodd",
+            clipRule: "evenodd"
+          }
+        }
+      ]
+    }
+  ]
+}, Z = W(function(t, e) {
+  return z(K, Object.assign({}, t, {
+    id: "search-single-16",
+    ref: e,
+    icon: He
+  }));
+});
+Z.displayName = "SearchSingle16";
+const We = Z;
+var ke = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, J = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? ze(e, n) : e, o = t.length - 1, a; o >= 0; o--)
+    (a = t[o]) && (r = (i ? a(e, n, r) : a(r)) || r);
+  return i && r && ke(e, n, r), r;
+}, x = (t, e) => (n, i) => e(n, i, t);
+class Pt extends E {
+}
+const f = Se("univer.find-replace.service");
+let T = class extends E {
+  constructor(e, n, i, r) {
     super();
-    o(this, "_shortCutMapping", /* @__PURE__ */ new Map());
-    o(this, "_commandIDMapping", /* @__PURE__ */ new Map());
-    o(this, "_shortcutChanged$", new $());
-    o(this, "shortcutChanged$", this._shortcutChanged$.asObservable());
-    o(this, "_forceEscaped", !1);
-    o(this, "_disable", !1);
-    this._commandService = e, this._platformService = i, this._contextService = s, this._layoutService = r, this.disposeWithMe(
-      w("keydown", (n) => {
-        this._resolveKeyboardEvent(n);
-      })
-    );
+    l(this, "_matchPositionFindModel", null);
+    l(this, "_findModels", []);
+    l(this, "_matches", []);
+    l(this, "_positionModel", null);
+    this._state = e, this._providers = n, this._logService = i, this._univerInstanceService = r, this._state.stateUpdates$.subscribe((o) => {
+      typeof o.findString < "u" && (o.findString ? this.find() : this._cancelFinding());
+    });
+  }
+  async find() {
+    this._cancelFinding();
+    const e = Array.from(this._providers), n = this._findModels = (await Promise.all(e.map((o) => o.find({ text: this._state.findString })))).flat(), i = n.map((o) => o.getMatches()).flat();
+    if (this._matches = i, !i.length)
+      return {
+        results: []
+      };
+    const r = this._moveToInitialMatch(n, i);
+    return this._state.changeState({
+      matchesCount: i.length,
+      matchesPosition: r + 1
+      //  the matches position start from 1
+    }), {
+      results: i
+    };
   }
-  setDisable(e) {
-    this._disable = e;
+  moveToNextMatch() {
+    if (!this._positionModel)
+      return;
+    const e = this._findModels.length === 1, n = this._positionModel.moveToNextMatch(e);
+    if (n) {
+      const i = this._matches.findIndex((r) => r === n);
+      this._state.changeState({
+        matchesPosition: i + 1
+      });
+    } else {
+      const i = this._findModels.findIndex((s) => s === this._positionModel), r = this._findModels[(i + 1) % this._findModels.length], o = r.moveToNextMatch(), a = this._matches.findIndex((s) => s === o);
+      this._positionModel = r, this._state.changeState({
+        matchesPosition: a + 1
+      });
+    }
+  }
+  moveToPreviousMatch() {
+    if (!this._positionModel)
+      return;
+    const e = this._findModels.length === 1, n = this._positionModel.moveToPreviousMatch(e);
+    if (n) {
+      const i = this._matches.findIndex((r) => r === n);
+      this._state.changeState({
+        matchesPosition: i + 1
+      });
+    } else {
+      const i = this._findModels.findIndex((s) => s === this._positionModel), r = this._findModels[(i - 1 + this._findModels.length) % this._findModels.length], o = r.moveToPreviousMatch(), a = this._matches.findIndex((s) => s === o);
+      this._positionModel = r, this._state.changeState({
+        matchesPosition: a + 1
+      });
+    }
   }
-  getAllShortcuts() {
-    return Array.from(this._shortCutMapping.values()).map((e) => Array.from(e.values())).flat();
+  // TODO@wzhudev: some cold could definitely be reused. Reuse them.
+  _moveToInitialMatch(e, n) {
+    var s;
+    const i = (s = this._univerInstanceService.getFocusedUniverInstance()) == null ? void 0 : s.getUnitId();
+    if (!i)
+      return -1;
+    const r = e.find((h) => h.unitId === i);
+    if (r) {
+      this._positionModel = r;
+      const h = r.moveToNextMatch();
+      return n.findIndex((g) => g === h);
+    }
+    this._positionModel = e[0];
+    const o = this._positionModel.moveToNextMatch();
+    return this._matches.findIndex((h) => h === o);
   }
-  registerShortcut(e) {
-    const i = this._getBindingFromItem(e), s = this._shortCutMapping.get(i);
-    s ? s.add(e) : this._shortCutMapping.set(i, /* @__PURE__ */ new Set([e]));
-    const r = e.id, n = this._commandIDMapping.get(r);
-    return n ? n.add(e) : this._commandIDMapping.set(r, /* @__PURE__ */ new Set([e])), this._emitShortcutChanged(), h(() => {
-      var a, _, u, p;
-      (a = this._shortCutMapping.get(i)) == null || a.delete(e), ((_ = this._shortCutMapping.get(i)) == null ? void 0 : _.size) === 0 && this._shortCutMapping.delete(i), (u = this._commandIDMapping.get(r)) == null || u.delete(e), ((p = this._commandIDMapping.get(r)) == null ? void 0 : p.size) === 0 && this._commandIDMapping.delete(r), this._emitShortcutChanged();
+  _cancelFinding() {
+    this._providers.forEach((e) => e.cancel()), this._state.changeState({
+      matchesCount: 0,
+      matchesPosition: 0
     });
   }
-  getShortcutDisplayOfCommand(e) {
-    const i = this._commandIDMapping.get(e);
-    return i ? this.getShortcutDisplay(i.values().next().value) : null;
+};
+T = J([
+  x(2, B),
+  x(3, G)
+], T);
+function Y() {
+  return {
+    revealed: !0,
+    findString: "",
+    replaceRevealed: !1,
+    matchesPosition: 0,
+    matchesCount: 0
+  };
+}
+class Ke {
+  constructor() {
+    l(this, "_stateUpdates$", new Ee());
+    l(this, "stateUpdates$", this._stateUpdates$.asObservable());
+    l(this, "_state$", new Fe(Y()));
+    l(this, "state$", this._state$.asObservable());
+    // TODO@wzhudev: put all state properties here
+    l(this, "_findString", "");
+    l(this, "_revealed", !1);
+    l(this, "_replaceRevealed", !1);
+    l(this, "_matchesPosition", 0);
+    l(this, "_matchesCount", 0);
   }
-  getShortcutDisplay(e) {
-    const i = this._getBindingFromItem(e), s = i & c.CTRL_COMMAND, r = i & c.SHIFT, n = i & c.ALT, a = i & c.MAC_CTRL, _ = j[i & 255] ?? "<->";
-    return this._platformService.isMac ? `${s ? "⌘" : ""}${r ? "⇧" : ""}${n ? "⌥" : ""}${a ? "⌃" : ""}${_}` : `${s ? "Ctrl+" : ""}${r ? "Shift+" : ""}${n ? "Alt+" : ""}${_}`;
+  get state() {
+    return this._state$.getValue();
   }
-  _emitShortcutChanged() {
-    this._shortcutChanged$.next();
+  get findString() {
+    return this._findString;
   }
-  forceEscape() {
-    return this._forceEscaped = !0, h(() => this._forceEscaped = !1);
+  changeState(e) {
+    let n = !1;
+    const i = {};
+    typeof e.findString < "u" && e.findString !== this._findString && (this._findString = e.findString, i.findString = this._findString, n = !0), typeof e.revealed < "u" && e.revealed !== this._revealed && (this._revealed = e.revealed, i.revealed = e.revealed, n = !0), typeof e.replaceRevealed < "u" && e.replaceRevealed !== this._replaceRevealed && (this._replaceRevealed = e.replaceRevealed, i.replaceRevealed = e.replaceRevealed, n = !0), typeof e.matchesCount < "u" && e.matchesCount !== this._matchesCount && (this._matchesCount = e.matchesCount, i.matchesCount = e.matchesCount, n = !0), typeof e.matchesPosition < "u" && e.matchesPosition !== this._matchesPosition && (this._matchesPosition = e.matchesPosition, i.matchesPosition = e.matchesPosition, n = !0), n && (this._stateUpdates$.next(i), this._state$.next({
+      findString: this._findString,
+      revealed: this._revealed,
+      replaceRevealed: this._replaceRevealed,
+      matchesCount: this._matchesCount,
+      matchesPosition: this._matchesPosition
+    }));
   }
-  _resolveKeyboardEvent(e) {
-    if (this._forceEscaped || this._disable || this._layoutService && !this._layoutService.checkElementInCurrentApplicationScope(e.target))
-      return;
-    this._dispatch(e) && e.preventDefault();
+}
+let b = class extends E {
+  constructor(e, n, i) {
+    super();
+    l(this, "_providers", /* @__PURE__ */ new Set());
+    l(this, "_state", new Ke());
+    l(this, "_model");
+    this._injector = e, this._univerInstanceService = n, this._logService = i;
   }
-  _dispatch(e) {
-    const i = this._deriveBindingFromEvent(e);
-    if (i === null)
-      return !1;
-    const s = this._shortCutMapping.get(i);
-    if (s === void 0)
-      return !1;
-    const r = Array.from(s).sort((n, a) => (a.priority ?? 0) - (n.priority ?? 0)).find((n) => {
-      var a;
-      return ((a = n.preconditions) == null ? void 0 : a.call(n, this._contextService)) ?? !0;
+  get stateUpdates$() {
+    return this._state.stateUpdates$;
+  }
+  get state$() {
+    return this._state.state$;
+  }
+  changeFindString(e) {
+    this._state.changeState({
+      findString: e
     });
-    return r ? (this._commandService.executeCommand(r.id, r.staticParameters), !0) : !1;
   }
-  _getBindingFromItem(e) {
-    return this._platformService.isMac && e.mac ? e.mac : this._platformService.isWindows && e.win ? e.win : this._platformService.isLinux && e.linux ? e.linux : e.binding;
+  moveToNextMatch() {
+    var e;
+    this._model && ((e = this._model) == null || e.moveToNextMatch());
   }
-  _deriveBindingFromEvent(e) {
-    const { shiftKey: i, metaKey: s, altKey: r, keyCode: n } = e;
-    let a = n;
-    return i && (a |= c.SHIFT), r && (a |= c.ALT), (this._platformService.isMac ? s : e.ctrlKey) && (a |= c.CTRL_COMMAND), this._platformService.isMac && e.ctrlKey && (a |= c.MAC_CTRL), a;
+  moveToPreviousMatch() {
+    var e;
+    this._model && ((e = this._model) == null || e.moveToPreviousMatch());
   }
-};
-f = K([
-  d(0, L),
-  d(1, x),
-  d(2, I),
-  d(3, b(F))
-], f);
-var Y = Object.defineProperty, V = Object.getOwnPropertyDescriptor, z = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? V(e, i) : e, n = t.length - 1, a; n >= 0; n--)
-    (a = t[n]) && (r = (s ? a(e, i, r) : a(r)) || r);
-  return s && r && Y(e, i, r), r;
-}, J = (t, e) => (i, s) => e(i, s, t);
-const Q = T("univer.menu-service");
-let m = class extends O {
-  constructor(e) {
-    super();
-    o(this, "_menuItemMap", /* @__PURE__ */ new Map());
-    o(this, "_menuByPositions", /* @__PURE__ */ new Map());
-    o(this, "_menuChanged$", new U(void 0));
-    o(this, "menuChanged$", this._menuChanged$.asObservable());
-    this._shortcutService = e;
-  }
-  dispose() {
-    this._menuItemMap.clear(), this._menuChanged$.complete();
-  }
-  addMenuItem(e) {
-    if (this._menuItemMap.has(e.id))
-      throw new Error(`Menu item with the same id ${e.id} has already been added!`);
-    return this._menuItemMap.set(e.id, e), Array.isArray(e.positions) ? e.positions.forEach((i) => this._appendMenuToPosition(e, i)) : this._appendMenuToPosition(e, e.positions), this._menuChanged$.next(), h(() => {
-      if (this._menuItemMap.delete(e.id), Array.isArray(e.positions))
-        e.positions.forEach((i) => {
-          const s = this._menuByPositions.get(i);
-          if (!s)
-            return;
-          const r = s.findIndex((n) => n[0] === e.id);
-          r > -1 && s.splice(r, 1);
-        });
-      else {
-        const i = this._menuByPositions.get(e.positions);
-        if (!i)
-          return;
-        const s = i.findIndex((r) => r[0] === e.id);
-        s > -1 && i.splice(s, 1);
-      }
-      this._menuChanged$.next();
-    });
+  replace() {
+    return !0;
   }
-  getMenuItems(e) {
-    if (this._menuByPositions.has(e)) {
-      const i = this._menuByPositions.get(e);
-      if (i)
-        return [...i.values()].map((s) => this._getDisplayMenuItems(s[1]));
-    }
-    return [];
+  replaceAll() {
+    return !0;
+  }
+  revealReplace() {
+    this._state.changeState({ replaceRevealed: !0 });
   }
-  getMenuItem(e) {
-    return this._menuItemMap.has(e) ? this._menuItemMap.get(e) : null;
+  disposeModel() {
+    var e;
+    (e = this._model) == null || e.dispose(), this._model = null;
+  }
+  start() {
+    if (this._providers.size === 0)
+      return !1;
+    this._model = this._injector.createInstance(T, this._state, this._providers);
+    const e = Y();
+    return e.revealed = !0, this._state.changeState(e), !0;
   }
-  _getDisplayMenuItems(e) {
-    const i = this._shortcutService.getShortcutDisplayOfCommand(e.id);
-    return i ? {
-      ...e,
-      shortcut: i
-    } : e;
+  end() {
+    return this._state.changeState({ revealed: !1, replaceRevealed: !1 }), !0;
   }
-  _appendMenuToPosition(e, i) {
-    this._menuByPositions.has(i) || this._menuByPositions.set(i, []);
-    const s = this._menuByPositions.get(i);
-    if (s.findIndex((r) => r[0] === e.id) > -1)
-      throw new Error(`Menu item with the same id ${e.id} has already been added!`);
-    s.push([e.id, e]);
+  registerFindReplaceProvider(e) {
+    return this._providers.add(e), he(() => this._providers.delete(e));
   }
 };
-m = z([
-  J(0, W)
-], m);
-const Z = {
-  type: B.OPERATION,
-  id: "ui.operation.toggle-find-replace-dialog",
+b = J([
+  x(0, S(H)),
+  x(1, G),
+  x(2, B)
+], b);
+const D = {
+  id: "ui.operation.open-find-dialog",
+  type: m.OPERATION,
+  handler: (t) => (t.get(f).start(), !0)
+}, Q = {
+  id: "ui.operation.open-replace-dialog",
+  type: m.OPERATION,
+  handler: (t) => (t.get(f).start(), !0)
+}, qe = {
+  id: "ui.operation.toggle-replace-dialog",
+  type: m.OPERATION,
+  handler: (t) => (t.get(f), !0)
+}, X = {
+  id: "ui.operation.close-find-replace-dialog",
+  type: m.OPERATION,
   handler: (t) => !0
+}, ee = {
+  type: m.OPERATION,
+  id: "ui.operation.go-to-next-match",
+  handler: (t) => (t.get(f).moveToNextMatch(), !0)
+}, te = {
+  type: m.OPERATION,
+  id: "ui.operation.go-to-previous-match",
+  handler: (t) => (t.get(f).moveToPreviousMatch(), !0)
+}, v = "FIND_REPLACE_ACTIVATED";
+var ie = { exports: {} }, O = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ze = De, Je = Symbol.for("react.element"), Ye = Symbol.for("react.fragment"), Qe = Object.prototype.hasOwnProperty, Xe = Ze.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, et = { key: !0, ref: !0, __self: !0, __source: !0 };
+function ne(t, e, n) {
+  var i, r = {}, o = null, a = null;
+  n !== void 0 && (o = "" + n), e.key !== void 0 && (o = "" + e.key), e.ref !== void 0 && (a = e.ref);
+  for (i in e)
+    Qe.call(e, i) && !et.hasOwnProperty(i) && (r[i] = e[i]);
+  if (t && t.defaultProps)
+    for (i in e = t.defaultProps, e)
+      r[i] === void 0 && (r[i] = e[i]);
+  return { $$typeof: Je, type: t, key: o, ref: a, props: r, _owner: Xe.current };
+}
+O.Fragment = Ye;
+O.jsx = ne;
+O.jsxs = ne;
+ie.exports = O;
+var d = ie.exports;
+const tt = "univer-find-replace-expand-container", L = {
+  findReplaceExpandContainer: tt
 };
-function q(t) {
+function it() {
+  const t = y(f), e = y(F), n = y(xe), [i, r] = $(""), [o, a] = $(""), s = k(null), h = $e(t.state$, !0), { matchesCount: _, matchesPosition: g } = h, re = M(() => t.revealReplace(), [t]), oe = M(
+    (c) => t.changeFindString(c),
+    // FIXME@wzhudev: this throttle function has no leading and taling config hence has some problems
+    // throttle((findString: string) => findReplaceService.changeFindString(findString), FIND_THROTTLE_TIME),
+    [t]
+  ), ae = M(
+    (c) => {
+      r(c), oe(c);
+    },
+    [t]
+  ), N = M(
+    (c) => {
+      a(c);
+    },
+    [t]
+  );
+  Ne(() => {
+    let c;
+    return s.current && (c = n.registerContainer(s.current)), () => c == null ? void 0 : c.dispose();
+  }, [s.current]);
+  function se() {
+    return /* @__PURE__ */ d.jsxs(A, { children: [
+      /* @__PURE__ */ d.jsx(
+        Ae,
+        {
+          autoFocus: !0,
+          placeholder: e.t("univer.find-replace.dialog.find-placeholder"),
+          slot: /* @__PURE__ */ d.jsx(
+            Ue,
+            {
+              loop: !0,
+              value: g,
+              total: _,
+              onChange: (c) => {
+                g === _ && c === 1 ? t.moveToNextMatch() : g === 1 && c === _ || c < g ? t.moveToPreviousMatch() : t.moveToNextMatch();
+              }
+            }
+          ),
+          value: i,
+          onChange: (c) => ae(c)
+        }
+      ),
+      /* @__PURE__ */ d.jsx("div", { className: L.findReplaceExpandContainer, children: /* @__PURE__ */ d.jsx(I, { type: "text", size: "small", onClick: re, children: e.t("univer.find-replace.dialog.advanced-finding") }) })
+    ] });
+  }
+  function ce() {
+    return /* @__PURE__ */ d.jsxs(A, { children: [
+      /* @__PURE__ */ d.jsx(P, { label: e.t("univer.find-replace.dialog.find"), children: /* @__PURE__ */ d.jsx(
+        U,
+        {
+          placeholder: e.t("univer.find-replace.dialog.find-placeholder"),
+          autoFocus: !0,
+          value: i,
+          onChange: (c) => N(c)
+        }
+      ) }),
+      /* @__PURE__ */ d.jsx(P, { label: e.t("univer.find-replace.dialog.replace"), children: /* @__PURE__ */ d.jsx(
+        U,
+        {
+          placeholder: e.t("univer.find-replace.dialog.replace-placeholder"),
+          value: o,
+          onChange: (c) => N(c)
+        }
+      ) }),
+      /* @__PURE__ */ d.jsx(P, { label: e.t("univer.find-replace.dialog.find-range"), children: /* @__PURE__ */ d.jsx(Le, { value: "123", onChange: () => {
+      } }) }),
+      /* @__PURE__ */ d.jsx(I, { type: "primary", children: e.t("univer.find-replace.dialog.find") }),
+      /* @__PURE__ */ d.jsx(I, { children: e.t("univer.find-replace.dialog.replace") }),
+      /* @__PURE__ */ d.jsx(I, { children: e.t("univer.find-replace.dialog.replace-all") })
+    ] });
+  }
+  return /* @__PURE__ */ d.jsx("div", { className: L.findReplaceDialogContainer, ref: s, children: h.replaceRevealed ? ce() : se() });
+}
+function nt(t) {
   return {
-    id: Z.id,
+    id: D.id,
+    icon: "SearchIcon",
     tooltip: "toolbar.find-replace",
-    group: g.TOOLBAR_OTHERS,
-    type: A.BUTTON,
-    positions: [S.TOOLBAR_START]
+    group: Re.TOOLBAR_OTHERS,
+    type: Me.BUTTON,
+    positions: [Ie.TOOLBAR_START],
+    hidden$: Ce(t, ue.SHEET)
   };
 }
-var k = Object.defineProperty, G = Object.getOwnPropertyDescriptor, ee = (t, e, i, s) => {
-  for (var r = s > 1 ? void 0 : s ? G(e, i) : e, n = t.length - 1, a; n >= 0; n--)
-    (a = t[n]) && (r = (s ? a(e, i, r) : a(r)) || r);
-  return s && r && k(e, i, r), r;
-}, v = (t, e) => (i, s) => e(i, s, t);
-let l = class extends O {
-  constructor(t, e) {
-    super(), this._menuService = t, this._injector = e, [q].forEach((i) => {
-      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(i)));
+const rt = {
+  id: D.id,
+  description: "shortcut.find-replace.open-find-dialog",
+  binding: R.F | j.CTRL_COMMAND,
+  group: "4_find-replace",
+  preconditions(t) {
+    return !t.getContextValue(v);
+  }
+}, ot = {
+  id: Q.id,
+  description: "shortcut.find-replace.open-replace-dialog",
+  binding: R.H | j.CTRL_COMMAND,
+  group: "4_find-replace",
+  preconditions(t) {
+    return !t.getContextValue(v);
+  }
+}, at = {
+  id: X.id,
+  description: "shortcut.find-replace.close-dialog",
+  binding: R.ESC,
+  group: "4_find-replace",
+  priority: 1e3,
+  preconditions(t) {
+    return !!t.getContextValue(v);
+  }
+}, st = {
+  id: ee.id,
+  description: "shortcut.find-replace.go-to-next-find-match",
+  binding: R.ENTER,
+  group: "4_find-replace",
+  priority: 1e3,
+  preconditions(t) {
+    return !!t.getContextValue(v);
+  }
+}, ct = {
+  id: te.id,
+  description: "shortcut.find-replace.go-to-previous-find-match",
+  binding: R.ENTER | j.SHIFT,
+  group: "4_find-replace",
+  priority: 1e3,
+  preconditions(t) {
+    return !!t.getContextValue(v);
+  }
+};
+var lt = Object.defineProperty, dt = Object.getOwnPropertyDescriptor, ht = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? dt(e, n) : e, o = t.length - 1, a; o >= 0; o--)
+    (a = t[o]) && (r = (i ? a(e, n, r) : a(r)) || r);
+  return i && r && lt(e, n, r), r;
+}, p = (t, e) => (n, i) => e(n, i, t);
+const w = "DESKTOP_FIND_REPLACE_DIALOG";
+let C = class extends ve {
+  constructor(t, e, n, i, r, o, a, s, h, _) {
+    super(), this._menuService = t, this._shortcutService = e, this._commandService = n, this._findReplaceService = i, this._dialogService = r, this._contextService = o, this._focusService = a, this._localeService = s, this._componentManager = h, this._injector = _, this._initOperations(), this._initUI(), this._initShortcuts();
+  }
+  _initOperations() {
+    [
+      X,
+      D,
+      Q,
+      qe,
+      ee,
+      te
+    ].forEach((t) => {
+      this.disposeWithMe(this._commandService.registerCommand(t));
     });
   }
+  _initUI() {
+    [nt].forEach((t) => {
+      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(t)));
+    }), this.disposeWithMe(this._componentManager.register("FindReplaceDialog", it)), this.disposeWithMe(this._componentManager.register("SearchIcon", We)), this._findReplaceService.stateUpdates$.pipe(je(this.dispose$)).subscribe((t) => {
+      t.revealed === !0 ? this._openPanel() : t.revealed === !1 && this._closePanel();
+    });
+  }
+  _initShortcuts() {
+    [
+      ot,
+      rt,
+      at,
+      ct,
+      st
+    ].forEach((t) => {
+      this.disposeWithMe(this._shortcutService.registerShortcut(t));
+    });
+  }
+  _openPanel() {
+    this._dialogService.open({
+      id: w,
+      draggable: !0,
+      width: 350,
+      title: { title: this._localeService.t("univer.find-replace.dialog.title") },
+      children: { label: "FindReplaceDialog" },
+      onClose: () => this._closePanel()
+    }), this._contextService.setContextValue(v, !0);
+  }
+  _closePanel() {
+    this._dialogService.close(w), this._contextService.setContextValue(v, !1), this._focusService.forceFocus(), this._findReplaceService.end();
+  }
+};
+C = ht([
+  pe(fe.Rendered, C),
+  p(0, Pe),
+  p(1, ye),
+  p(2, _e),
+  p(3, f),
+  p(4, Te),
+  p(5, ge),
+  p(6, be),
+  p(7, S(F)),
+  p(8, S(Oe)),
+  p(9, S(H))
+], C);
+const ut = {
+  univer: {
+    "find-replace": {
+      dialog: {
+        title: "查找",
+        find: "查找",
+        replace: "替换",
+        "replace-all": "替换全部",
+        "find-range": "查找范围",
+        "find-placeholder": "输入查找内容",
+        "advanced-finding": "替换 / 高级查找",
+        "replace-placeholder": "输入替换内容"
+      }
+    }
+  }
 };
-l = ee([
-  D(y.Steady, l),
-  v(0, Q),
-  v(1, N(P))
-], l);
-const te = "FIND_REPLACE";
-class ae extends M {
-  constructor(e) {
-    super(te), this._injector = e;
-  }
-  onStarting(e) {
-    [[l]].forEach((i) => {
-      e.add(i);
+var pt = Object.defineProperty, ft = Object.getOwnPropertyDescriptor, vt = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? ft(e, n) : e, o = t.length - 1, a; o >= 0; o--)
+    (a = t[o]) && (r = (i ? a(e, n, r) : a(r)) || r);
+  return i && r && pt(e, n, r), r;
+}, _t = (t, e) => (n, i) => e(n, i, t);
+const gt = "FIND_REPLACE";
+let V = class extends me {
+  constructor(t, e) {
+    super(gt), this._injector = t, this._localeService = e, this._localeService.load({
+      zhCN: ut
     });
   }
-}
+  onStarting(t) {
+    [[C], [f, { useClass: b }]].forEach(
+      (e) => {
+        t.add(e);
+      }
+    );
+  }
+};
+V = vt([
+  _t(1, S(F))
+], V);
 export {
-  ae as UniverFindReplacePlugin
+  Pt as FindModel,
+  f as IFindReplaceService,
+  V as UniverFindReplacePlugin
 };