@univerjs/find-replace 0.1.1 → 0.1.3

package/lib/es/index.js

@@ -1,245 +1,331 @@
-var de = Object.defineProperty;
-var he = (t, e, n) => e in t ? de(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var l = (t, e, n) => (he(t, typeof e != "symbol" ? e + "" : e, n), n);
-import { Disposable as E, ILogService as B, IUniverInstanceService as G, toDisposable as ue, CommandType as m, LocaleService as j, UniverInstanceType as pe, OnLifecycle as fe, LifecycleStages as _e, RxDisposable as ve, ICommandService as ge, IContextService as me, Plugin as Se } from "@univerjs/core";
-import { createIdentifier as xe, Inject as S, Injector as H } from "@wendellhu/redi";
-import { ILayoutService as W, MenuGroup as Re, MenuItemType as Me, MenuPosition as Ie, getMenuHiddenObservable as Ce, KeyCode as R, MetaKeys as F, ComponentManager as Oe, IMenuService as Pe, IShortcutService as ye, IDialogService as Te } from "@univerjs/ui";
-import { Subject as be, BehaviorSubject as Ee, takeUntil as je } from "rxjs";
-import Fe, { forwardRef as k, useRef as z, createElement as K, useState as $, useCallback as M, useEffect as De, Fragment as A } from "react";
-import { useObservable as Ne, InputWithSlot as $e, Pager as Ae, Button as I, FormLayout as P, Input as U, Select as Ue } from "@univerjs/design";
-import { useDependency as y } from "@wendellhu/redi/react-bindings";
-var u = function() {
-  return u = Object.assign || function(t) {
+var rt = Object.defineProperty;
+var at = (t, e, n) => e in t ? rt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var c = (t, e, n) => (at(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { Disposable as X, IUniverInstanceService as fe, ILogService as pe, IContextService as U, DisposableCollection as ot, toDisposable as q, CommandType as b, LocaleService as P, ICommandService as ee, FOCUSING_SHEET as _e, EDITOR_ACTIVATED as ge, UniverInstanceType as ct, OnLifecycle as lt, LifecycleStages as dt, RxDisposable as ht, Plugin as ut } from "@univerjs/core";
+import { createIdentifier as ft, Inject as y, Injector as me } from "@wendellhu/redi";
+import { IConfirmService as pt, IMessageService as ve, useObservable as I, ILayoutService as Se, KeyCode as x, MetaKeys as M, MenuGroup as _t, MenuItemType as gt, MenuPosition as mt, getMenuHiddenObservable as vt, ComponentManager as St, IMenuService as Ct, IShortcutService as Rt, IDialogService as xt } from "@univerjs/ui";
+import { throttleTime as Mt, BehaviorSubject as F, combineLatest as Ce, debounceTime as bt, Subject as Re, fromEvent as yt, map as It, takeUntil as ce } from "rxjs";
+import { RENDER_RAW_FORMULA_KEY as Ft } from "@univerjs/engine-render";
+import Pt, { forwardRef as B, useRef as z, createElement as xe, useCallback as _, Fragment as E, useEffect as j, useMemo as te, useImperativeHandle as Dt } from "react";
+import { MessageType as $, InputWithSlot as Ot, Pager as Tt, Button as N, FormLayout as R, Input as Et, Select as H, FormDualColumnLayout as le, Checkbox as de } from "@univerjs/design";
+import { useDependency as S } from "@wendellhu/redi/react-bindings";
+var m = function() {
+  return m = 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]);
+      for (var s in e)
+        Object.prototype.hasOwnProperty.call(e, s) && (t[s] = e[s]);
     }
     return t;
-  }, u.apply(this, arguments);
-}, Le = function(t, e) {
+  }, m.apply(this, arguments);
+}, $t = 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]]);
+    for (var s = 0, i = Object.getOwnPropertySymbols(t); s < i.length; s++)
+      e.indexOf(i[s]) < 0 && Object.prototype.propertyIsEnumerable.call(t, i[s]) && (n[i[s]] = t[i[s]]);
   return n;
-}, q = k(function(t, e) {
-  var n = t.icon, i = t.id, r = t.className, o = t.extend, a = Le(t, ["icon", "id", "className", "extend"]), s = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), h = z("_".concat(Be()));
-  return Z(n, "".concat(i), { defIds: n.defIds, idSuffix: h.current }, u({ ref: e, className: s }, a), o);
+}, Me = B(function(t, e) {
+  var n = t.icon, i = t.id, s = t.className, r = t.extend, a = $t(t, ["icon", "id", "className", "extend"]), o = "univerjs-icon univerjs-icon-".concat(i, " ").concat(s || "").trim(), d = z("_".concat(jt()));
+  return be(n, "".concat(i), { defIds: n.defIds, idSuffix: d.current }, m({ ref: e, className: o }, a), r);
 });
-function Z(t, e, n, i, r) {
-  return K(t.tag, u(u({ key: e }, we(t, n, r)), i), (Ve(t, n).children || []).map(function(o, a) {
-    return Z(o, "".concat(e, "-").concat(t.tag, "-").concat(a), n, void 0, r);
+function be(t, e, n, i, s) {
+  return xe(t.tag, m(m({ key: e }, Nt(t, n, s)), i), (At(t, n).children || []).map(function(r, a) {
+    return be(r, "".concat(e, "-").concat(t.tag, "-").concat(a), n, void 0, s);
   }));
 }
-function we(t, e, n) {
-  var i = u({}, t.attrs);
+function Nt(t, e, n) {
+  var i = m({}, 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, ")")));
+  var s = e.defIds;
+  return !s || s.length === 0 || (t.tag === "use" && i["xlink:href"] && (i["xlink:href"] = i["xlink:href"] + e.idSuffix), Object.entries(i).forEach(function(r) {
+    var a = r[0], o = r[1];
+    typeof o == "string" && (i[a] = o.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), i;
 }
-function Ve(t, e) {
+function At(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;
+  return !i || i.length === 0 ? t : t.tag === "defs" && (!((n = t.children) === null || n === void 0) && n.length) ? m(m({}, t), { children: t.children.map(function(s) {
+    return typeof s.attrs.id == "string" && i && i.indexOf(s.attrs.id) > -1 ? m(m({}, s), { attrs: m(m({}, s.attrs), { id: s.attrs.id + e.idSuffix }) }) : s;
   }) }) : t;
 }
-function Be() {
+function jt() {
   return Math.random().toString(36).substring(2, 8);
 }
-q.displayName = "UniverIcon";
-var Ge = {
-  tag: "svg",
-  attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" },
-  children: [
-    {
-      tag: "mask",
-      attrs: {
-        id: "mask0_217_40",
-        style: { maskType: "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"
-          }
-        }
-      ]
-    }
-  ]
-}, J = k(function(t, e) {
-  return K(q, Object.assign({}, t, {
+Me.displayName = "UniverIcon";
+var wt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_217_40", style: { maskType: "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" } }] }] }, ye = B(function(t, e) {
+  return xe(Me, Object.assign({}, t, {
     id: "search-single-16",
     ref: e,
-    icon: Ge
+    icon: wt
   }));
 });
-J.displayName = "SearchSingle16";
-var He = Object.defineProperty, We = Object.getOwnPropertyDescriptor, Y = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? We(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 && He(e, n, r), r;
-}, x = (t, e) => (n, i) => e(n, i, t);
-class Ct extends E {
+ye.displayName = "SearchSingle16";
+const Ie = "FIND_REPLACE_INPUT_FOCUS", Fe = "FIND_REPLACE_DIALOG_FOCUS", Pe = "FIND_REPLACE_REPLACE_REVEALED";
+var Lt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, De = (t, e, n, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ut(e, n) : e, r = t.length - 1, a; r >= 0; r--)
+    (a = t[r]) && (s = (i ? a(e, n, s) : a(s)) || s);
+  return i && s && Lt(e, n, s), s;
+}, w = (t, e) => (n, i) => e(n, i, t);
+class Ni extends X {
 }
-const f = xe("univer.find-replace.service");
-let T = class extends E {
-  constructor(e, n, i, r) {
+const v = ft("find-replace.service");
+function Bt(t) {
+  return typeof t.findString < "u" || typeof t.inputtingFindString < "u" || typeof t.findDirection < "u" || typeof t.matchesTheWholeCell < "u" || typeof t.caseSensitive < "u" || typeof t.findScope < "u" || typeof t.findBy < "u";
+}
+let K = class extends X {
+  constructor(e, n, i, s) {
     super();
-    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());
-    });
+    c(this, "currentMatch$", new F(null));
+    c(this, "replaceables$", new F([]));
+    /** All find models returned by providers. */
+    c(this, "_findModels", []);
+    /** The find model that the current match is from. */
+    c(this, "_matchingModel", null);
+    c(this, "_matches", []);
+    c(this, "_currentSearchingDisposables", null);
+    this._state = e, this._providers = n, this._univerInstanceService = i, this._logService = s, this.disposeWithMe(
+      this._state.stateUpdates$.pipe(Mt(200, void 0, { leading: !0, trailing: !0 })).subscribe(async (r) => {
+        const a = this._state.state;
+        Bt(r) && (a.findString !== "" && !a.replaceRevealed ? (await this._startSearching(), this._state.changeState({ findCompleted: !0 })) : r.replaceRevealed !== !0 && this._stopSearching());
+      })
+    );
   }
-  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);
+  get searched() {
+    return this._findModels.length > 0;
+  }
+  dispose() {
+    super.dispose(), this._stopSearching(), this.currentMatch$.complete(), this.replaceables$.complete(), this._state.changeState({ ...ie(), revealed: !1 });
+  }
+  async start() {
+    if (!this._state.findString)
+      return { results: [] };
+    const e = await this._startSearching();
+    return this._state.changeState({ findCompleted: !0 }), e;
+  }
+  /** Call this method to start a `searching`. */
+  async _startSearching() {
+    if (!this._state.findString)
+      return { results: [] };
+    const e = Array.from(this._providers), n = this._findModels = (await Promise.all(e.map((r) => r.find({
+      findString: this._state.findString,
+      findDirection: this._state.findDirection,
+      findScope: this._state.findScope,
+      findBy: this._state.findBy,
+      replaceRevealed: this._state.replaceRevealed,
+      caseSensitive: this._state.caseSensitive,
+      matchesTheWholeCell: this._state.matchesTheWholeCell
+    })))).flat();
+    this._subscribeToModelsChanges(n);
+    const i = this._matches = n.map((r) => r.getMatches()).flat();
+    if (this.replaceables$.next(i.filter((r) => r.replaceable)), !i.length)
+      return this._state.changeState({ matchesCount: 0, matchesPosition: 0 }), { results: [] };
+    const s = this._moveToInitialMatch(n, i);
     return this._state.changeState({
       matchesCount: i.length,
-      matchesPosition: r + 1
+      matchesPosition: s + 1
       //  the matches position start from 1
-    }), {
-      results: i
-    };
+    }), { results: i };
+  }
+  /** Terminate the current searching session, when searching string is empty. */
+  _stopSearching() {
+    var e;
+    this._providers.forEach((n) => n.terminate()), this._findModels = [], this._matches = [], this._matchingModel = null, (e = this._currentSearchingDisposables) == null || e.dispose(), this._currentSearchingDisposables = null, this.currentMatch$.next(null), this.replaceables$.next([]), this._state.changeState({
+      findCompleted: !1,
+      matchesCount: 0,
+      matchesPosition: 0
+    });
+  }
+  // When a document's content changes, we should reset all matches and try to move to the next match.
+  _subscribeToModelsChanges(e) {
+    const n = this._currentSearchingDisposables = new ot(), i = Ce(e.map((s) => s.matchesUpdate$)).pipe(bt(220)).subscribe(([...s]) => {
+      const r = this._matches = s.flat();
+      if (r.length) {
+        const a = this._moveToInitialMatch(this._findModels, r, !0);
+        this._state.changeState({ matchesCount: r.length, matchesPosition: a + 1 }), this.replaceables$.next(r.filter((o) => o.replaceable));
+      } else
+        this._state.changeState({ matchesCount: 0, matchesPosition: 0 }), this.replaceables$.next([]);
+    });
+    e.forEach((s) => n.add(q(s.activelyChangingMatch$.subscribe((r) => {
+      const a = this._matches.findIndex((o) => o === r);
+      this._state.changeState({ matchesPosition: a + 1 });
+    })))), n.add(q(i));
+  }
+  async replace() {
+    return this._matchingModel ? this._matchingModel.replace(this._state.replaceString) : !1;
+  }
+  async replaceAll() {
+    const e = await Promise.all(this._findModels.map((n) => n.replaceAll(this._state.replaceString))).then((n) => n.reduce((i, s) => (i.success += s.success, i.failure += s.failure, i), { success: 0, failure: 0 }));
+    return e.failure === 0 && this._stopSearching(), e;
+  }
+  getCurrentMatch() {
+    return this._state.matchesPosition > 0 ? this._matches[this._state.matchesPosition - 1] : null;
   }
   moveToNextMatch() {
-    if (!this._positionModel)
+    if (!this._matchingModel)
       return;
-    const e = this._findModels.length === 1, n = this._positionModel.moveToNextMatch(e);
+    const e = this._findModels.length === 1, n = this._matchingModel.moveToNextMatch({ loop: e });
     if (n) {
-      const i = this._matches.findIndex((r) => r === n);
-      this._state.changeState({
+      const i = this._matches.findIndex((s) => s === n);
+      this.currentMatch$.next(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({
+      const i = this._findModels.findIndex((o) => o === this._matchingModel), s = this._findModels[(i + 1) % this._findModels.length], r = s.moveToNextMatch(), a = this._matches.findIndex((o) => o === r);
+      this.currentMatch$.next(r), this._matchingModel = s, this._state.changeState({
         matchesPosition: a + 1
       });
     }
   }
   moveToPreviousMatch() {
-    if (!this._positionModel)
+    if (!this._matchingModel)
       return;
-    const e = this._findModels.length === 1, n = this._positionModel.moveToPreviousMatch(e);
+    const e = this._findModels.length === 1, n = this._matchingModel.moveToPreviousMatch({ loop: e });
     if (n) {
-      const i = this._matches.findIndex((r) => r === n);
-      this._state.changeState({
+      const i = this._matches.findIndex((s) => s === n);
+      this.currentMatch$.next(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({
+      const i = this._findModels.findIndex((o) => o === this._matchingModel), s = this._findModels[(i - 1 + this._findModels.length) % this._findModels.length], r = s.moveToPreviousMatch(), a = this._matches.findIndex((o) => o === r);
+      this.currentMatch$.next(r), this._matchingModel = s, this._state.changeState({
         matchesPosition: a + 1
       });
     }
   }
-  // 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)
+  _moveToInitialMatch(e, n, i = !1) {
+    var d;
+    const s = (d = this._univerInstanceService.getFocusedUniverInstance()) == null ? void 0 : d.getUnitId();
+    if (!s)
       return -1;
-    const r = e.find((h) => h.unitId === i);
+    const r = e.find((u) => u.unitId === s);
     if (r) {
-      this._positionModel = r;
-      const h = r.moveToNextMatch();
-      return n.findIndex((g) => g === h);
+      this._matchingModel = r;
+      const u = r.moveToNextMatch({ stayIfOnMatch: !0, noFocus: i }), p = n.findIndex((f) => f === u);
+      return this.currentMatch$.next(u), p;
     }
-    this._positionModel = e[0];
-    const o = this._positionModel.moveToNextMatch();
-    return this._matches.findIndex((h) => h === o);
-  }
-  _cancelFinding() {
-    this._providers.forEach((e) => e.cancel()), this._state.changeState({
-      matchesCount: 0,
-      matchesPosition: 0
-    });
+    this._matchingModel = e[0];
+    const a = this._matchingModel.moveToNextMatch({ noFocus: i }), o = this._matches.findIndex((u) => u === a);
+    return this.currentMatch$.next(a), o;
   }
 };
-T = Y([
-  x(2, B),
-  x(3, G)
-], T);
-function Q() {
+K = De([
+  w(2, fe),
+  w(3, pe)
+], K);
+var Y = /* @__PURE__ */ ((t) => (t.ROW = "row", t.COLUMN = "column", t))(Y || {}), Z = /* @__PURE__ */ ((t) => (t.VALUE = "value", t.FORMULA = "formula", t))(Z || {}), J = /* @__PURE__ */ ((t) => (t.SUBUNIT = "subunit", t.UNIT = "unit", t))(J || {});
+function ie() {
   return {
-    revealed: !0,
+    caseSensitive: !1,
+    findBy: "value",
+    findCompleted: !1,
+    findDirection: "row",
+    findScope: "subunit",
     findString: "",
-    replaceRevealed: !1,
+    inputtingFindString: "",
+    matchesCount: 0,
     matchesPosition: 0,
-    matchesCount: 0
+    matchesTheWholeCell: !1,
+    replaceRevealed: !1,
+    replaceString: "",
+    revealed: !0
   };
 }
-class ke {
+class Wt {
   constructor() {
-    l(this, "_stateUpdates$", new be());
-    l(this, "stateUpdates$", this._stateUpdates$.asObservable());
-    l(this, "_state$", new Ee(Q()));
-    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);
+    c(this, "_stateUpdates$", new Re());
+    c(this, "stateUpdates$", this._stateUpdates$.asObservable());
+    c(this, "_state$", new F(ie()));
+    c(this, "state$", this._state$.asObservable());
+    c(this, "_findString", "");
+    c(this, "_inputtingFindString", "");
+    c(this, "_replaceString", "");
+    c(this, "_revealed", !1);
+    c(this, "_replaceRevealed", !1);
+    c(this, "_matchesPosition", 0);
+    c(this, "_matchesCount", 0);
+    c(this, "_caseSensitive", !0);
+    c(this, "_matchesTheWholeCell", !1);
+    c(this, "_findDirection", "row");
+    c(this, "_findScope", "subunit");
+    c(this, "_findBy", "value");
+    c(this, "_findCompleted", !1);
   }
   get state() {
     return this._state$.getValue();
   }
+  get inputtingFindString() {
+    return this._inputtingFindString;
+  }
   get findString() {
     return this._findString;
   }
+  get revealed() {
+    return this._revealed;
+  }
+  get replaceRevealed() {
+    return this._replaceRevealed;
+  }
+  get matchesPosition() {
+    return this._matchesPosition;
+  }
+  get matchesCount() {
+    return this._matchesCount;
+  }
+  get replaceString() {
+    return this._replaceString;
+  }
+  get caseSensitive() {
+    return this._caseSensitive;
+  }
+  get matchesTheWholeCell() {
+    return this._matchesTheWholeCell;
+  }
+  get findDirection() {
+    return this._findDirection;
+  }
+  get findScope() {
+    return this._findScope;
+  }
+  get findBy() {
+    return this._findBy;
+  }
+  get findCompleted() {
+    return this._findCompleted;
+  }
   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({
+    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.replaceString < "u" && e.replaceString !== this._replaceString && (this._replaceString = e.replaceString, i.replaceString = e.replaceString, 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), typeof e.findBy < "u" && e.findBy !== this._findBy && (this._findBy = e.findBy, i.findBy = e.findBy, n = !0), typeof e.findScope < "u" && e.findScope !== this._findScope && (this._findScope = e.findScope, i.findScope = e.findScope, n = !0), typeof e.findDirection < "u" && e.findDirection !== this._findDirection && (this._findDirection = e.findDirection, i.findDirection = e.findDirection, n = !0), typeof e.caseSensitive < "u" && e.caseSensitive !== this._caseSensitive && (this._caseSensitive = e.caseSensitive, i.caseSensitive = e.caseSensitive, n = !0), typeof e.matchesTheWholeCell < "u" && e.matchesTheWholeCell !== this._matchesTheWholeCell && (this._matchesTheWholeCell = e.matchesTheWholeCell, i.matchesTheWholeCell = e.matchesTheWholeCell, n = !0), typeof e.inputtingFindString < "u" && e.inputtingFindString !== this._inputtingFindString && (this._inputtingFindString = e.inputtingFindString, i.inputtingFindString = e.inputtingFindString, n = !0), typeof e.findCompleted < "u" && e.findCompleted !== this._findCompleted && (this._findCompleted = e.findCompleted, i.findCompleted = e.findCompleted, n = !0), n && (this._state$.next({
+      caseSensitive: this._caseSensitive,
+      findBy: this._findBy,
+      findCompleted: this._findCompleted,
+      findDirection: this._findDirection,
+      findScope: this._findScope,
       findString: this._findString,
-      revealed: this._revealed,
-      replaceRevealed: this._replaceRevealed,
+      inputtingFindString: this._inputtingFindString,
       matchesCount: this._matchesCount,
-      matchesPosition: this._matchesPosition
-    }));
+      matchesPosition: this._matchesPosition,
+      matchesTheWholeCell: this._matchesTheWholeCell,
+      replaceRevealed: this._replaceRevealed,
+      revealed: this._revealed
+    }), this._stateUpdates$.next(i));
   }
 }
-let b = class extends E {
-  constructor(e, n, i) {
+let Q = class extends X {
+  constructor(e, n) {
     super();
-    l(this, "_providers", /* @__PURE__ */ new Set());
-    l(this, "_state", new ke());
-    l(this, "_model");
-    this._injector = e, this._univerInstanceService = n, this._logService = i;
+    c(this, "_providers", /* @__PURE__ */ new Set());
+    c(this, "_state", new Wt());
+    c(this, "_model");
+    c(this, "_currentMatch$", new F(null));
+    c(this, "currentMatch$", this._currentMatch$.asObservable());
+    c(this, "_replaceables$", new F([]));
+    c(this, "replaceables$", this._replaceables$.asObservable());
+    c(this, "_focusSignal$", new Re());
+    c(this, "focusSignal$", this._focusSignal$.asObservable());
+    this._injector = e, this._contextService = n;
   }
   get stateUpdates$() {
     return this._state.stateUpdates$;
@@ -247,77 +333,122 @@ let b = class extends E {
   get state$() {
     return this._state.state$;
   }
+  get revealed() {
+    return this._state.revealed;
+  }
+  get replaceRevealed() {
+    return this._state.replaceRevealed;
+  }
+  dispose() {
+    super.dispose(), this._currentMatch$.next(null), this._currentMatch$.complete(), this._replaceables$.next([]), this._replaceables$.complete(), this._focusSignal$.complete();
+  }
+  getCurrentMatch() {
+    var e;
+    return (e = this._model) == null ? void 0 : e.getCurrentMatch();
+  }
+  getFindString() {
+    return this._state.findString;
+  }
   changeFindString(e) {
-    this._state.changeState({
-      findString: e
-    });
+    this._state.changeState({ findString: e });
+  }
+  focusFindInput() {
+    this._focusSignal$.next();
+  }
+  changeInputtingFindString(e) {
+    e ? this._state.changeState({ inputtingFindString: e }) : this._state.changeState({ inputtingFindString: "", findString: "" });
+  }
+  changeReplaceString(e) {
+    this._state.changeState({ replaceString: e });
+  }
+  changeMatchesTheWholeCell(e) {
+    this._state.changeState({ matchesTheWholeCell: e });
+  }
+  changeCaseSensitive(e) {
+    this._state.changeState({ caseSensitive: e });
+  }
+  changeFindBy(e) {
+    this._state.changeState({ findBy: e }), this._toggleDisplayRawFormula(
+      e === "formula"
+      /* FORMULA */
+    );
+  }
+  changeFindScope(e) {
+    this._state.changeState({ findScope: e });
+  }
+  changeFindDirection(e) {
+    this._state.changeState({ findDirection: e });
   }
   moveToNextMatch() {
-    var e;
-    this._model && ((e = this._model) == null || e.moveToNextMatch());
+    this._model && (this._state.replaceRevealed && !this._model.searched ? (this._state.changeState({ findString: this._state.inputtingFindString }), this._model.start()) : this._model.moveToNextMatch(), this._focusSignal$.next());
   }
   moveToPreviousMatch() {
-    var e;
-    this._model && ((e = this._model) == null || e.moveToPreviousMatch());
+    this._model && (this._state.replaceRevealed && !this._model.searched ? (this._state.changeState({ findString: this._state.inputtingFindString }), this._model.start()) : this._model.moveToPreviousMatch(), this._focusSignal$.next());
   }
-  replace() {
-    return !0;
+  async replace() {
+    return this._model ? this._model.replace() : !1;
   }
-  replaceAll() {
-    return !0;
+  async replaceAll() {
+    if (!this._model)
+      throw new Error("[FindReplaceService] replaceAll: model is not initialized!");
+    return this._model.replaceAll();
   }
   revealReplace() {
-    this._state.changeState({ replaceRevealed: !0 });
+    this._state.changeState({ replaceRevealed: !0, inputtingFindString: this._state.findString }), this._toggleRevealReplace(!0);
   }
-  disposeModel() {
-    var e;
-    (e = this._model) == null || e.dispose(), this._model = null;
-  }
-  start() {
+  start(e = !1) {
     if (this._providers.size === 0)
       return !1;
-    this._model = this._injector.createInstance(T, this._state, this._providers);
-    const e = Q();
-    return e.revealed = !0, this._state.changeState(e), !0;
+    this._model = this._injector.createInstance(K, this._state, this._providers), this._model.currentMatch$.subscribe((i) => this._currentMatch$.next(i)), this._model.replaceables$.subscribe((i) => this._replaceables$.next(i));
+    const n = ie();
+    return e && (n.replaceRevealed = !0), this._state.changeState(n), this._toggleRevealReplace(e), !0;
+  }
+  find() {
+    var e;
+    (e = this._model) == null || e.start();
   }
-  end() {
-    return this._state.changeState({ revealed: !1, replaceRevealed: !1 }), !0;
+  terminate() {
+    var e;
+    (e = this._model) == null || e.dispose(), this._model = null, this._toggleDisplayRawFormula(!1), this._toggleRevealReplace(!1);
   }
   registerFindReplaceProvider(e) {
-    return this._providers.add(e), ue(() => this._providers.delete(e));
+    return this._providers.add(e), q(() => this._providers.delete(e));
+  }
+  _toggleRevealReplace(e) {
+    this._contextService.setContextValue(Pe, e);
+  }
+  _toggleDisplayRawFormula(e) {
+    this._contextService.setContextValue(Ft, e);
   }
 };
-b = Y([
-  x(0, S(H)),
-  x(1, G),
-  x(2, B)
-], b);
-const D = {
+Q = De([
+  w(0, y(me)),
+  w(1, U)
+], Q);
+const W = {
   id: "ui.operation.open-find-dialog",
-  type: m.OPERATION,
-  handler: (t) => (t.get(f).start(), !0)
-}, X = {
+  type: b.OPERATION,
+  handler: (t) => {
+    const e = t.get(v);
+    return e.revealed ? e.focusFindInput() : e.start(), !0;
+  }
+}, ne = {
   id: "ui.operation.open-replace-dialog",
-  type: m.OPERATION,
-  handler: (t) => (t.get(f).start(), !0)
-}, ze = {
-  id: "ui.operation.toggle-replace-dialog",
-  type: m.OPERATION,
-  handler: (t) => (t.get(f), !0)
-}, ee = {
-  id: "ui.operation.close-find-replace-dialog",
-  type: m.OPERATION,
-  handler: (t) => !0
-}, te = {
-  type: m.OPERATION,
+  type: b.OPERATION,
+  handler: (t) => {
+    const e = t.get(v);
+    return e.revealed ? e.replaceRevealed ? e.focusFindInput() : e.revealReplace() : e.start(!0), !0;
+  }
+}, Oe = {
+  type: b.OPERATION,
   id: "ui.operation.go-to-next-match",
-  handler: (t) => (t.get(f).moveToNextMatch(), !0)
-}, ie = {
-  type: m.OPERATION,
+  handler: (t) => (t.get(v).moveToNextMatch(), !0)
+}, Te = {
+  type: b.OPERATION,
   id: "ui.operation.go-to-previous-match",
-  handler: (t) => (t.get(f).moveToPreviousMatch(), !0)
-}, _ = "FIND_REPLACE_ACTIVATED";
-var ne = { exports: {} }, O = {};
+  handler: (t) => (t.get(v).moveToPreviousMatch(), !0)
+};
+var Ee = { exports: {} }, G = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -327,262 +458,487 @@ var ne = { exports: {} }, O = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ke = Fe, qe = Symbol.for("react.element"), Ze = Symbol.for("react.fragment"), Je = Object.prototype.hasOwnProperty, Ye = Ke.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Qe = { key: !0, ref: !0, __self: !0, __source: !0 };
-function re(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);
+var Gt = Pt, kt = Symbol.for("react.element"), Vt = Symbol.for("react.fragment"), Ht = Object.prototype.hasOwnProperty, qt = Gt.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, zt = { key: !0, ref: !0, __self: !0, __source: !0 };
+function $e(t, e, n) {
+  var i, s = {}, r = null, a = null;
+  n !== void 0 && (r = "" + n), e.key !== void 0 && (r = "" + e.key), e.ref !== void 0 && (a = e.ref);
   for (i in e)
-    Je.call(e, i) && !Qe.hasOwnProperty(i) && (r[i] = e[i]);
+    Ht.call(e, i) && !zt.hasOwnProperty(i) && (s[i] = e[i]);
   if (t && t.defaultProps)
     for (i in e = t.defaultProps, e)
-      r[i] === void 0 && (r[i] = e[i]);
-  return { $$typeof: qe, type: t, key: o, ref: a, props: r, _owner: Ye.current };
+      s[i] === void 0 && (s[i] = e[i]);
+  return { $$typeof: kt, type: t, key: r, ref: a, props: s, _owner: qt.current };
 }
-O.Fragment = Ze;
-O.jsx = re;
-O.jsxs = re;
-ne.exports = O;
-var d = ne.exports;
-const Xe = "univer-find-replace-expand-container", L = {
-  findReplaceExpandContainer: Xe
+G.Fragment = Vt;
+G.jsx = $e;
+G.jsxs = $e;
+Ee.exports = G;
+var l = Ee.exports;
+const Ne = {
+  id: "ui.command.replace-current-match",
+  type: b.COMMAND,
+  handler: (t) => t.get(v).replace()
+}, Kt = "CONFIRM_REPLACE_ALL", Ae = {
+  id: "ui.command.replace-all-matches",
+  type: b.COMMAND,
+  handler: async (t) => {
+    const e = t.get(pt), n = t.get(P), i = t.get(ve);
+    if (!await e.confirm({
+      id: Kt,
+      title: { title: n.t("find-replace.replace.confirm.title") },
+      cancelText: n.t("button.cancel"),
+      confirmText: n.t("button.confirm")
+    }))
+      return !1;
+    const r = await t.get(v).replaceAll(), { success: a, failure: o } = r;
+    return o > 0 ? (a === 0 ? i.show({
+      type: $.Error,
+      content: n.t("find-replace.replace.all-failure")
+    }) : i.show({
+      type: $.Warning,
+      content: n.t("find-replace.replace.partial-success", `${a}`, `${o}`)
+    }), !1) : (i.show({
+      type: $.Success,
+      content: n.t("find-replace.replace.all-success", `${a}`)
+    }), !0);
+  }
 };
-function et() {
-  const t = y(f), e = y(j), n = y(W), [i, r] = $(""), [o, a] = $(""), s = z(null), h = Ne(t.state$, !0), { matchesCount: v, matchesPosition: g } = h, oe = M(() => t.revealReplace(), [t]), ae = 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]
-  ), se = M(
-    (c) => {
-      r(c), ae(c);
-    },
-    [t]
-  ), N = M(
-    (c) => {
-      a(c);
-    },
-    [t]
-  );
-  De(() => {
-    let c;
-    return s.current && (c = n.registerContainerElement(s.current)), () => c == null ? void 0 : c.dispose();
-  }, [s.current]);
-  function ce() {
-    return /* @__PURE__ */ d.jsxs(A, { children: [
-      /* @__PURE__ */ d.jsx(
-        $e,
+function je(t) {
+  const { findCompleted: e, localeService: n, matchesCount: i, matchesPosition: s, findString: r, findReplaceService: a, onChange: o, ...d } = t, p = e && i === 0 ? n.t("find-replace.dialog.no-result") : i === 0 ? " " : void 0;
+  return /* @__PURE__ */ l.jsx(
+    Ot,
+    {
+      autoFocus: !0,
+      placeholder: n.t("find-replace.dialog.find-placeholder"),
+      slot: /* @__PURE__ */ l.jsx(
+        Tt,
         {
-          autoFocus: !0,
-          placeholder: e.t("univer.find-replace.dialog.find-placeholder"),
-          slot: /* @__PURE__ */ d.jsx(
-            Ae,
-            {
-              loop: !0,
-              value: g,
-              total: v,
-              onChange: (c) => {
-                g === v && c === 1 ? t.moveToNextMatch() : g === 1 && c === v || c < g ? t.moveToPreviousMatch() : t.moveToNextMatch();
-              }
-            }
-          ),
-          value: i,
-          onChange: (c) => se(c)
+          loop: !0,
+          text: p,
+          value: s,
+          total: i,
+          onChange: (f) => {
+            s === i && f === 1 ? a.moveToNextMatch() : s === 1 && f === i || f < s ? a.moveToPreviousMatch() : a.moveToNextMatch();
+          }
         }
       ),
-      /* @__PURE__ */ d.jsx("div", { className: L.findReplaceExpandContainer, children: /* @__PURE__ */ d.jsx(I, { type: "text", size: "small", onClick: oe, children: e.t("univer.find-replace.dialog.advanced-finding") }) })
-    ] });
-  }
-  function le() {
-    return /* @__PURE__ */ d.jsxs(A, { children: [
-      /* @__PURE__ */ d.jsx(P, { label: e.t("univer.find-replace.dialog.find"), children: /* @__PURE__ */ d.jsx(
-        U,
+      value: r,
+      onChange: (f) => o == null ? void 0 : o(f),
+      ...d
+    }
+  );
+}
+const Yt = "univer-find-replace-dialog-container", Zt = "univer-find-replace-expand-container", Jt = "univer-button-text", Qt = "univer-find-replace-buttons-group", Xt = "univer-find-replace-buttons-group-right", L = {
+  findReplaceDialogContainer: Yt,
+  findReplaceExpandContainer: Zt,
+  buttonText: Jt,
+  findReplaceButtonsGroup: Qt,
+  findReplaceButtonsGroupRight: Xt
+};
+function we(t, e) {
+  const n = _(() => {
+    var s;
+    (s = document.querySelector(".univer-find-input input")) == null || s.focus();
+  }, []), i = _(() => {
+    const s = document.querySelectorAll(".univer-find-replace-dialog-container .univer-select-selection-search-input");
+    return Array.from(s).some((r) => r === document.activeElement);
+  }, []);
+  return Dt(e, () => ({ focus: n, selectHasFocus: i })), j(() => {
+    const s = t.focusSignal$.subscribe(() => n());
+    return () => s.unsubscribe();
+  }, [t, n]), { focus: n, selectHasFocus: i };
+}
+const ei = B(function(e, n) {
+  const i = S(P), s = S(v), r = S(ee), a = I(s.state$, void 0, !0), { findCompleted: o, findString: d, matchesCount: u, matchesPosition: p } = a, f = _(() => {
+    r.executeCommand(ne.id);
+  }, [r]), O = _((C) => s.changeFindString(C), [s]);
+  return we(s, n), /* @__PURE__ */ l.jsxs(E, { children: [
+    /* @__PURE__ */ l.jsx(
+      je,
+      {
+        findCompleted: o,
+        className: "univer-find-input",
+        matchesCount: u,
+        matchesPosition: p,
+        findReplaceService: s,
+        localeService: i,
+        findString: d,
+        onChange: O
+      }
+    ),
+    /* @__PURE__ */ l.jsx("div", { className: L.findReplaceExpandContainer, children: /* @__PURE__ */ l.jsx(N, { type: "text", size: "small", onClick: f, children: i.t("find-replace.dialog.advanced-finding") }) })
+  ] });
+}), ti = B(function(e, n) {
+  const i = S(v), s = S(P), r = S(ee), a = S(ve), o = I(i.currentMatch$, void 0, !0), d = I(i.replaceables$, void 0, !0), u = I(i.state$, void 0, !0), {
+    matchesCount: p,
+    matchesPosition: f,
+    findString: O,
+    inputtingFindString: C,
+    replaceString: Be,
+    caseSensitive: ae,
+    matchesTheWholeCell: oe,
+    findDirection: We,
+    findScope: Ge,
+    findBy: ke,
+    findCompleted: V
+  } = u, Ve = C.length === 0, He = p === 0 || !(o != null && o.replaceable), qe = d.length === 0, ze = _(
+    (h) => i.changeInputtingFindString(h),
+    [i]
+  ), Ke = _(
+    (h) => i.changeReplaceString(h),
+    [i]
+  ), { focus: Ye } = we(i, n), Ze = _(() => {
+    O === C ? i.moveToNextMatch() : (i.changeFindString(C), i.find());
+  }, [O, C, i]), Je = _(() => r.executeCommand(Ne.id), [r]), Qe = _(async () => {
+    await r.executeCommand(Ae.id), Ye();
+  }, [r]), Xe = _((h) => {
+    i.changeFindDirection(h);
+  }, [i]), et = _((h) => {
+    i.changeFindScope(h);
+  }, [i]), tt = _((h) => {
+    i.changeFindBy(h);
+  }, [i]), it = ni(s), nt = si(s), st = ri(s);
+  return j(() => {
+    const h = V && p === 0;
+    let T = null;
+    return h && (T = a.show({
+      content: s.t("find-replace.dialog.no-match"),
+      type: $.Warning,
+      delay: 5e3
+    })), () => T == null ? void 0 : T.dispose();
+  }, [V, p, a, s]), /* @__PURE__ */ l.jsxs(E, { children: [
+    /* @__PURE__ */ l.jsx(R, { label: s.t("find-replace.dialog.find"), children: /* @__PURE__ */ l.jsx(
+      je,
+      {
+        findCompleted: V,
+        className: "univer-find-input",
+        matchesCount: p,
+        matchesPosition: f,
+        findReplaceService: i,
+        localeService: s,
+        findString: C,
+        onChange: ze
+      }
+    ) }),
+    /* @__PURE__ */ l.jsx(R, { label: s.t("find-replace.dialog.replace"), children: /* @__PURE__ */ l.jsx(
+      Et,
+      {
+        placeholder: s.t("find-replace.dialog.replace-placeholder"),
+        value: Be,
+        onChange: (h) => Ke(h)
+      }
+    ) }),
+    /* @__PURE__ */ l.jsx(R, { label: s.t("find-replace.dialog.find-direction.title"), children: /* @__PURE__ */ l.jsx(H, { value: We, options: nt, onChange: Xe }) }),
+    /* @__PURE__ */ l.jsx(le, { children: /* @__PURE__ */ l.jsxs(E, { children: [
+      /* @__PURE__ */ l.jsx(R, { label: s.t("find-replace.dialog.find-scope.title"), children: /* @__PURE__ */ l.jsx(H, { value: Ge, options: it, onChange: et }) }),
+      /* @__PURE__ */ l.jsx(R, { label: s.t("find-replace.dialog.find-by.title"), children: /* @__PURE__ */ l.jsx(H, { value: ke, options: st, onChange: tt }) })
+    ] }) }),
+    /* @__PURE__ */ l.jsx(le, { children: /* @__PURE__ */ l.jsxs(E, { children: [
+      /* @__PURE__ */ l.jsx(R, { children: /* @__PURE__ */ l.jsx(
+        de,
         {
-          placeholder: e.t("univer.find-replace.dialog.find-placeholder"),
-          autoFocus: !0,
-          value: i,
-          onChange: (c) => N(c)
+          checked: ae,
+          value: ae,
+          onChange: (h) => {
+            i.changeCaseSensitive(h);
+          },
+          children: s.t("find-replace.dialog.case-sensitive")
         }
       ) }),
-      /* @__PURE__ */ d.jsx(P, { label: e.t("univer.find-replace.dialog.replace"), children: /* @__PURE__ */ d.jsx(
-        U,
+      /* @__PURE__ */ l.jsx(R, { children: /* @__PURE__ */ l.jsx(
+        de,
         {
-          placeholder: e.t("univer.find-replace.dialog.replace-placeholder"),
-          value: o,
-          onChange: (c) => N(c)
+          checked: oe,
+          value: oe,
+          onChange: (h) => {
+            i.changeMatchesTheWholeCell(h);
+          },
+          children: s.t("find-replace.dialog.match-the-whole-cell")
         }
-      ) }),
-      /* @__PURE__ */ d.jsx(P, { label: e.t("univer.find-replace.dialog.find-range"), children: /* @__PURE__ */ d.jsx(Ue, { 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 ? le() : ce() });
+      ) })
+    ] }) }),
+    /* @__PURE__ */ l.jsxs("div", { className: L.findReplaceButtonsGroup, children: [
+      /* @__PURE__ */ l.jsx(N, { type: "primary", onClick: Ze, disabled: Ve, children: s.t("find-replace.dialog.find") }),
+      /* @__PURE__ */ l.jsxs("span", { className: L.findReplaceButtonsGroupRight, children: [
+        /* @__PURE__ */ l.jsx(N, { disabled: He, onClick: Je, children: s.t("find-replace.dialog.replace") }),
+        /* @__PURE__ */ l.jsx(N, { disabled: qe, onClick: Qe, children: s.t("find-replace.dialog.replace-all") })
+      ] })
+    ] })
+  ] });
+});
+function ii() {
+  const t = S(v), e = S(Se), n = S(U), i = I(t.state$, void 0, !0), s = z(null);
+  j(() => {
+    let d;
+    return s.current && (d = e.registerContainerElement(s.current)), () => d == null ? void 0 : d.dispose();
+  }, [e]);
+  const r = z(null), a = _(
+    (d) => n.setContextValue(Fe, d),
+    [n]
+  ), o = _(
+    (d) => n.setContextValue(Ie, d),
+    [n]
+  );
+  return j(() => {
+    var u;
+    const d = yt(document, "focusin").subscribe((p) => {
+      var f;
+      p.target && ((f = s.current) != null && f.contains(p.target)) ? a(!0) : a(!1), !r.current || !r.current.selectHasFocus() ? o(!0) : o(!1);
+    });
+    return (u = r.current) == null || u.focus(), a(!0), o(!0), () => {
+      d.unsubscribe(), a(!1);
+    };
+  }, [a, o]), /* @__PURE__ */ l.jsx("div", { className: L.findReplaceDialogContainer, ref: s, children: i.replaceRevealed ? /* @__PURE__ */ l.jsx(ti, { ref: r }) : /* @__PURE__ */ l.jsx(ei, { ref: r }) });
 }
-function tt(t) {
-  return {
-    id: D.id,
-    icon: "SearchIcon",
-    tooltip: "toolbar.find-replace",
-    group: Re.TOOLBAR_OTHERS,
-    type: Me.BUTTON,
-    positions: [Ie.TOOLBAR_START],
-    hidden$: Ce(t, pe.SHEET)
-  };
+function ni(t) {
+  const e = t.getCurrentLocale();
+  return te(() => [
+    { label: t.t("find-replace.dialog.find-scope.current-sheet"), value: J.SUBUNIT },
+    { label: t.t("find-replace.dialog.find-scope.workbook"), value: J.UNIT }
+  ], [e]);
+}
+function si(t) {
+  const e = t.getCurrentLocale();
+  return te(() => [
+    { label: t.t("find-replace.dialog.find-direction.row"), value: Y.ROW },
+    { label: t.t("find-replace.dialog.find-direction.column"), value: Y.COLUMN }
+  ], [e]);
+}
+function ri(t) {
+  const e = t.getCurrentLocale();
+  return te(() => [
+    { label: t.t("find-replace.dialog.find-by.value"), value: Z.VALUE },
+    { label: t.t("find-replace.dialog.find-by.formula"), value: Z.FORMULA }
+  ], [e]);
+}
+function D(t) {
+  return t.getContextValue(Fe);
+}
+function ai(t) {
+  return t.getContextValue(Pe);
+}
+function Le(t) {
+  return t.getContextValue(Ie);
+}
+const k = "7_find-replace-shortcuts";
+function se(t) {
+  return t.getContextValue(_e);
 }
-const it = {
-  id: D.id,
-  description: "shortcut.find-replace.open-find-dialog",
-  binding: R.F | F.CTRL_COMMAND,
-  group: "4_find-replace",
+function re(t) {
+  return !t.getContextValue(ge);
+}
+const oi = {
+  id: W.id,
+  description: "find-replace.shortcut.open-find-dialog",
+  binding: x.F | M.CTRL_COMMAND,
+  group: k,
   preconditions(t) {
-    return !t.getContextValue(_);
+    return !D(t) && se(t) && re(t);
   }
-}, nt = {
-  id: X.id,
-  description: "shortcut.find-replace.open-replace-dialog",
-  binding: R.H | F.CTRL_COMMAND,
-  group: "4_find-replace",
+}, ci = {
+  id: W.id,
+  description: "find-replace.shortcut.open-find-dialog",
+  binding: x.F | M.CTRL_COMMAND,
+  mac: x.F | M.MAC_CTRL,
   preconditions(t) {
-    return !t.getContextValue(_);
-  }
-}, rt = {
-  id: ee.id,
-  description: "shortcut.find-replace.close-dialog",
-  binding: R.ESC,
-  group: "4_find-replace",
-  priority: 1e3,
+    return !D(t) && se(t) && re(t);
+  }
+}, li = {
+  id: ne.id,
+  description: "find-replace.shortcut.open-replace-dialog",
+  binding: x.H | M.CTRL_COMMAND,
+  mac: x.H | M.MAC_CTRL,
+  group: k,
   preconditions(t) {
-    return !!t.getContextValue(_);
+    return se(t) && re(t) && (!D(t) || !ai(t));
   }
-}, ot = {
-  id: te.id,
-  description: "shortcut.find-replace.go-to-next-find-match",
-  binding: R.ENTER,
-  group: "4_find-replace",
+}, di = {
+  id: Oe.id,
+  description: "find-replace.shortcut.go-to-next-match",
+  binding: x.ENTER,
+  group: k,
   priority: 1e3,
   preconditions(t) {
-    return !!t.getContextValue(_);
+    return Le(t) && D(t);
   }
-}, at = {
-  id: ie.id,
-  description: "shortcut.find-replace.go-to-previous-find-match",
-  binding: R.ENTER | F.SHIFT,
-  group: "4_find-replace",
+}, hi = {
+  id: Te.id,
+  description: "find-replace.shortcut.go-to-previous-match",
+  binding: x.ENTER | M.SHIFT,
+  group: k,
   priority: 1e3,
   preconditions(t) {
-    return !!t.getContextValue(_);
+    return Le(t) && D(t);
   }
 };
-var st = Object.defineProperty, ct = Object.getOwnPropertyDescriptor, lt = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? ct(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 && st(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, v) {
-    super(), this._menuService = t, this._shortcutService = e, this._commandService = n, this._findReplaceService = i, this._dialogService = r, this._contextService = o, this._layoutService = a, this._localeService = s, this._componentManager = h, this._injector = v, this._initOperations(), this._initUI(), this._initShortcuts();
-  }
-  _initOperations() {
+function ui(t) {
+  const e = t.get(U);
+  return {
+    id: W.id,
+    icon: "SearchIcon",
+    tooltip: "find-replace.toolbar",
+    group: _t.TOOLBAR_OTHERS,
+    type: gt.BUTTON,
+    positions: [mt.TOOLBAR_START],
+    hidden$: vt(t, ct.SHEET),
+    disabled$: Ce([
+      e.subscribeContextValue$(ge),
+      e.subscribeContextValue$(_e)
+    ]).pipe(It(([n, i]) => n || !i))
+  };
+}
+var fi = Object.defineProperty, pi = Object.getOwnPropertyDescriptor, _i = (t, e, n, i) => {
+  for (var s = i > 1 ? void 0 : i ? pi(e, n) : e, r = t.length - 1, a; r >= 0; r--)
+    (a = t[r]) && (s = (i ? a(e, n, s) : a(s)) || s);
+  return i && s && fi(e, n, s), s;
+}, g = (t, e) => (n, i) => e(n, i, t);
+const he = "DESKTOP_FIND_REPLACE_DIALOG", Ue = 350, gi = 20, mi = 0;
+let A = class extends ht {
+  constructor(t, e, n, i, s, r, a, o, d, u, p, f) {
+    super(), this._univerInstanceService = t, this._menuService = e, this._shortcutService = n, this._commandService = i, this._findReplaceService = s, this._logService = r, this._dialogService = a, this._contextService = o, this._layoutService = d, this._localeService = u, this._componentManager = p, this._injector = f, this._initCommands(), this._initUI(), this._initShortcuts();
+  }
+  _initCommands() {
     [
-      ee,
-      D,
-      X,
-      ze,
-      te,
-      ie
+      W,
+      ne,
+      Oe,
+      Te,
+      Ae,
+      Ne
     ].forEach((t) => {
       this.disposeWithMe(this._commandService.registerCommand(t));
     });
   }
-  _initUI() {
-    [tt].forEach((t) => {
-      this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(t)));
-    }), this.disposeWithMe(this._componentManager.register("FindReplaceDialog", et)), this.disposeWithMe(this._componentManager.register("SearchIcon", J)), this._findReplaceService.stateUpdates$.pipe(je(this.dispose$)).subscribe((t) => {
-      t.revealed === !0 ? this._openPanel() : t.revealed === !1 && this._closePanel();
-    });
-  }
   _initShortcuts() {
     [
-      nt,
-      it,
-      rt,
-      at,
-      ot
-    ].forEach((t) => {
-      this.disposeWithMe(this._shortcutService.registerShortcut(t));
-    });
+      li,
+      oi,
+      ci,
+      hi,
+      di
+    ].forEach((t) => this.disposeWithMe(this._shortcutService.registerShortcut(t)));
+  }
+  _initUI() {
+    this.disposeWithMe(this._menuService.addMenuItem(this._injector.invoke(ui))), this.disposeWithMe(this._componentManager.register("FindReplaceDialog", ii)), this.disposeWithMe(this._componentManager.register("SearchIcon", ye)), this._findReplaceService.stateUpdates$.pipe(ce(this.dispose$)).subscribe((t) => {
+      t.revealed === !0 && this._openPanel();
+    }), this.disposeWithMe(
+      this._univerInstanceService.focused$.pipe(ce(this.dispose$)).subscribe((t) => {
+        (!t || !this._univerInstanceService.getUniverSheetInstance(t)) && this.closePanel();
+      })
+    );
   }
   _openPanel() {
     this._dialogService.open({
-      id: w,
+      id: he,
       draggable: !0,
-      width: 350,
-      title: { title: this._localeService.t("univer.find-replace.dialog.title") },
+      width: Ue,
+      title: { title: this._localeService.t("find-replace.dialog.title") },
       children: { label: "FindReplaceDialog" },
-      onClose: () => this._closePanel()
-    }), this._contextService.setContextValue(_, !0);
+      destroyOnClose: !0,
+      defaultPosition: vi(),
+      onClose: () => this.closePanel()
+    });
   }
-  _closePanel() {
-    this._dialogService.close(w), this._contextService.setContextValue(_, !1), this._layoutService.focus(), this._findReplaceService.end();
+  closePanel() {
+    this._dialogService.close(he), this._findReplaceService.terminate(), queueMicrotask(() => this._layoutService.focus());
   }
 };
-C = lt([
-  fe(_e.Rendered, C),
-  p(0, Pe),
-  p(1, ye),
-  p(2, ge),
-  p(3, f),
-  p(4, Te),
-  p(5, me),
-  p(6, W),
-  p(7, S(j)),
-  p(8, S(Oe)),
-  p(9, S(H))
-], C);
-const dt = {
-  univer: {
-    "find-replace": {
-      dialog: {
-        title: "查找",
-        find: "查找",
-        replace: "替换",
-        "replace-all": "替换全部",
-        "find-range": "查找范围",
-        "find-placeholder": "输入查找内容",
-        "advanced-finding": "替换 / 高级查找",
-        "replace-placeholder": "输入替换内容"
+A = _i([
+  lt(dt.Rendered, A),
+  g(0, fe),
+  g(1, Ct),
+  g(2, Rt),
+  g(3, ee),
+  g(4, v),
+  g(5, pe),
+  g(6, xt),
+  g(7, U),
+  g(8, Se),
+  g(9, y(P)),
+  g(10, y(St)),
+  g(11, y(me))
+], A);
+function vi() {
+  const { innerWidth: t } = window;
+  return { x: t - Ue - gi, y: mi };
+}
+const Si = {
+  "find-replace": {
+    toolbar: "查找替换",
+    shortcut: {
+      "open-find-dialog": "打开查找对话框",
+      "open-replace-dialog": "打开替换对话框",
+      "close-dialog": "关闭查找替换对话框",
+      "go-to-next-match": "下一个匹配项",
+      "go-to-previous-match": "下一个匹配项"
+    },
+    dialog: {
+      title: "查找",
+      find: "查找",
+      replace: "替换",
+      "replace-all": "替换全部",
+      "find-placeholder": "输入查找内容",
+      "advanced-finding": "替换 / 高级查找",
+      "replace-placeholder": "输入替换内容",
+      "case-sensitive": "匹配大小写",
+      "match-the-whole-cell": "匹配整个单元格",
+      "find-scope": {
+        title: "查找范围",
+        "current-sheet": "当前子表",
+        workbook: "整个工作簿"
+      },
+      "find-direction": {
+        title: "查找顺序",
+        column: "按列查找",
+        row: "按行查找"
+      },
+      "find-by": {
+        title: "查找方式",
+        formula: "查找公式",
+        value: "查找值"
+      },
+      "no-match": "已完成搜索，但是未找到任何匹配项",
+      "no-result": "无结果"
+    },
+    replace: {
+      "all-success": "已全部替换 {0} 个匹配项",
+      "all-failure": "替换失败",
+      confirm: {
+        title: "确定要替换所有的匹配项吗？"
       }
     }
-  }
+  },
+  "find-replace-shortcuts": "查找替换"
 };
-var ht = Object.defineProperty, ut = Object.getOwnPropertyDescriptor, pt = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? ut(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 && ht(e, n, r), r;
-}, ft = (t, e) => (n, i) => e(n, i, t);
-const _t = "FIND_REPLACE";
-let V = class extends Se {
+var Ci = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, xi = (t, e, n, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ri(e, n) : e, r = t.length - 1, a; r >= 0; r--)
+    (a = t[r]) && (s = (i ? a(e, n, s) : a(s)) || s);
+  return i && s && Ci(e, n, s), s;
+}, Mi = (t, e) => (n, i) => e(n, i, t);
+const bi = "FIND_REPLACE";
+let ue = class extends ut {
   constructor(t, e) {
-    super(_t), this._injector = t, this._localeService = e, this._localeService.load({
-      zhCN: dt
+    super(bi), this._injector = t, this._localeService = e, this._localeService.load({
+      zhCN: Si
     });
   }
   onStarting(t) {
-    [[C], [f, { useClass: b }]].forEach(
+    [[A], [v, { useClass: Q }]].forEach(
       (e) => {
         t.add(e);
       }
     );
   }
 };
-V = pt([
-  ft(1, S(j))
-], V);
+ue = xi([
+  Mi(1, y(P))
+], ue);
 export {
-  Ct as FindModel,
-  f as IFindReplaceService,
-  V as UniverFindReplacePlugin
+  Z as FindBy,
+  Y as FindDirection,
+  Ni as FindModel,
+  A as FindReplaceController,
+  J as FindScope,
+  v as IFindReplaceService,
+  ue as UniverFindReplacePlugin
 };