@univerjs/find-replace 0.6.6 → 0.6.7

package/lib/es/index.js

@@ -1,22 +1,22 @@
-var st = Object.defineProperty;
-var at = (t, e, n) => e in t ? st(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var o = (t, e, n) => at(t, typeof e != "symbol" ? e + "" : e, n);
-import { createIdentifier as ot, Inject as D, Injector as X, IContextService as ee, Disposable as te, DisposableCollection as ct, toDisposable as L, IUniverInstanceService as pe, ICommandService as k, CommandType as b, LocaleService as j, FOCUSING_SHEET as ge, EDITOR_ACTIVATED as _e, UniverInstanceType as lt, RxDisposable as dt, IConfigService as ht, Plugin as ut, merge as ft } from "@univerjs/core";
-import { IConfirmService as pt, IMessageService as me, useDependency as v, useObservable as x, ILayoutService as ve, KeyCode as C, MetaKeys as y, getMenuHiddenObservable as gt, MenuItemType as _t, RibbonStartGroup as mt, IMenuManagerService as vt, IShortcutService as St, IDialogService as Ct, ComponentManager as Rt } from "@univerjs/ui";
-import { throttleTime as Mt, BehaviorSubject as P, combineLatest as Se, debounceTime as bt, Subject as Ce, fromEvent as It, map as yt, takeUntil as oe } from "rxjs";
-import { MessageType as N, InputWithSlot as Ft, Pager as Dt, Button as $, FormLayout as M, Input as xt, Select as H, FormDualColumnLayout as ce, Checkbox as le } from "@univerjs/design";
-import { RENDER_RAW_FORMULA_KEY as Pt } from "@univerjs/engine-render";
-import { jsx as l, jsxs as I, Fragment as A } from "react/jsx-runtime";
-import { forwardRef as G, useRef as q, createElement as Re, useCallback as u, useEffect as w, useMemo as ie, useImperativeHandle as Tt } from "react";
-const Et = "find-replace.config", de = {};
-var g = function() {
-  return g = Object.assign || function(t) {
+var rt = Object.defineProperty;
+var st = (t, e, n) => e in t ? rt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var o = (t, e, n) => st(t, typeof e != "symbol" ? e + "" : e, n);
+import { createIdentifier as at, Inject as D, Injector as Q, IContextService as X, Disposable as ee, DisposableCollection as ot, toDisposable as A, IUniverInstanceService as fe, ICommandService as W, CommandType as b, LocaleService as B, FOCUSING_SHEET as pe, EDITOR_ACTIVATED as _e, UniverInstanceType as ct, RxDisposable as lt, IConfigService as dt, Plugin as ht, merge as ut } from "@univerjs/core";
+import { IConfirmService as ft, IMessageService as ge, useDependency as v, useObservable as x, ILayoutService as me, KeyCode as C, MetaKeys as y, getMenuHiddenObservable as pt, MenuItemType as _t, RibbonStartGroup as gt, IMenuManagerService as mt, IShortcutService as vt, IDialogService as St, ComponentManager as Ct } from "@univerjs/ui";
+import { throttleTime as Mt, BehaviorSubject as P, combineLatest as ve, debounceTime as Rt, Subject as Se, fromEvent as bt, map as It, takeUntil as ae } from "rxjs";
+import { MessageType as N, InputWithSlot as yt, Pager as Ft, FormLayout as R, Input as Dt, Select as V, FormDualColumnLayout as oe, Checkbox as ce, Button as G } from "@univerjs/design";
+import { RENDER_RAW_FORMULA_KEY as xt } from "@univerjs/engine-render";
+import { jsx as l, jsxs as I, Fragment as $ } from "react/jsx-runtime";
+import { forwardRef as j, useRef as K, createElement as Ce, useCallback as u, useEffect as L, useMemo as te, useImperativeHandle as Pt } from "react";
+const Tt = "find-replace.config", le = {};
+var _ = function() {
+  return _ = 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;
-  }, g.apply(this, arguments);
+  }, _.apply(this, arguments);
 }, Ot = function(t, e) {
   var n = {};
   for (var i in t) Object.prototype.hasOwnProperty.call(t, i) && e.indexOf(i) < 0 && (n[i] = t[i]);
@@ -24,17 +24,17 @@ var g = 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;
-}, Me = G(function(t, e) {
-  var n = t.icon, i = t.id, r = t.className, s = t.extend, a = Ot(t, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), d = q("_".concat(At()));
-  return be(n, "".concat(i), { defIds: n.defIds, idSuffix: d.current }, g({ ref: e, className: c }, a), s);
+}, Me = j(function(t, e) {
+  var n = t.icon, i = t.id, r = t.className, s = t.extend, a = Ot(t, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(i, " ").concat(r || "").trim(), d = K("_".concat($t()));
+  return Re(n, "".concat(i), { defIds: n.defIds, idSuffix: d.current }, _({ ref: e, className: c }, a), s);
 });
-function be(t, e, n, i, r) {
-  return Re(t.tag, g(g({ key: e }, Nt(t, n, r)), i), ($t(t, n).children || []).map(function(s, a) {
-    return be(s, "".concat(e, "-").concat(t.tag, "-").concat(a), n, void 0, r);
+function Re(t, e, n, i, r) {
+  return Ce(t.tag, _(_({ key: e }, Et(t, n, r)), i), (Nt(t, n).children || []).map(function(s, a) {
+    return Re(s, "".concat(e, "-").concat(t.tag, "-").concat(a), n, void 0, r);
   }));
 }
-function Nt(t, e, n) {
-  var i = g({}, t.attrs);
+function Et(t, e, n) {
+  var 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(function(s) {
     var a = s[0], c = s[1];
     a === "mask" && typeof c == "string" && (i[a] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
@@ -45,37 +45,37 @@ function Nt(t, e, n) {
     typeof c == "string" && (i[a] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), i;
 }
-function $t(t, e) {
+function Nt(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) ? g(g({}, t), { children: t.children.map(function(r) {
-    return typeof r.attrs.id == "string" && i && i.indexOf(r.attrs.id) > -1 ? g(g({}, r), { attrs: g(g({}, 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) ? _(_({}, t), { children: t.children.map(function(r) {
+    return typeof r.attrs.id == "string" && i && i.indexOf(r.attrs.id) > -1 ? _(_({}, r), { attrs: _(_({}, r.attrs), { id: r.attrs.id + e.idSuffix }) }) : r;
   }) }) : t;
 }
-function At() {
+function $t() {
   return Math.random().toString(36).substring(2, 8);
 }
 Me.displayName = "UniverIcon";
-var Lt = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.71899 1.36938C4.37604 1.36938 1.66602 4.07941 1.66602 7.42236C1.66602 10.7653 4.37604 13.4753 7.71899 13.4753C9.16744 13.4753 10.4971 12.9666 11.5389 12.118L13.6598 14.4109C13.8848 14.6542 14.2644 14.669 14.5077 14.444C14.7509 14.219 14.7657 13.8393 14.5407 13.5961L12.3906 11.2716C13.2536 10.2254 13.772 8.88442 13.772 7.42236C13.772 4.07941 11.0619 1.36938 7.71899 1.36938ZM2.86602 7.42236C2.86602 4.74215 5.03878 2.56938 7.71899 2.56938C10.3992 2.56938 12.572 4.74215 12.572 7.42236C12.572 10.1026 10.3992 12.2753 7.71899 12.2753C5.03878 12.2753 2.86602 10.1026 2.86602 7.42236Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Ie = G(function(t, e) {
-  return Re(Me, Object.assign({}, t, {
+var At = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M7.71899 1.36938C4.37604 1.36938 1.66602 4.07941 1.66602 7.42236C1.66602 10.7653 4.37604 13.4753 7.71899 13.4753C9.16744 13.4753 10.4971 12.9666 11.5389 12.118L13.6598 14.4109C13.8848 14.6542 14.2644 14.669 14.5077 14.444C14.7509 14.219 14.7657 13.8393 14.5407 13.5961L12.3906 11.2716C13.2536 10.2254 13.772 8.88442 13.772 7.42236C13.772 4.07941 11.0619 1.36938 7.71899 1.36938ZM2.86602 7.42236C2.86602 4.74215 5.03878 2.56938 7.71899 2.56938C10.3992 2.56938 12.572 4.74215 12.572 7.42236C12.572 10.1026 10.3992 12.2753 7.71899 12.2753C5.03878 12.2753 2.86602 10.1026 2.86602 7.42236Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, be = j(function(t, e) {
+  return Ce(Me, Object.assign({}, t, {
     id: "search-single",
     ref: e,
-    icon: Lt
+    icon: At
   }));
 });
-Ie.displayName = "SearchSingle";
-const ye = "FIND_REPLACE_INPUT_FOCUS", Fe = "FIND_REPLACE_DIALOG_FOCUS", De = "FIND_REPLACE_REPLACE_REVEALED";
-var wt = Object.getOwnPropertyDescriptor, xe = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? wt(e, n) : e, s = t.length - 1, a; s >= 0; s--)
+be.displayName = "SearchSingle";
+const Ie = "FIND_REPLACE_INPUT_FOCUS", ye = "FIND_REPLACE_DIALOG_FOCUS", Fe = "FIND_REPLACE_REPLACE_REVEALED";
+var Lt = Object.getOwnPropertyDescriptor, De = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? Lt(e, n) : e, s = t.length - 1, a; s >= 0; s--)
     (a = t[s]) && (r = a(r) || r);
   return r;
-}, U = (t, e) => (n, i) => e(n, i, t);
-class Mi extends te {
+}, w = (t, e) => (n, i) => e(n, i, t);
+class mi extends ee {
 }
-const _ = ot("find-replace.service");
-function Ut(t) {
+const g = at("find-replace.service");
+function wt(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 z = class extends te {
+let q = class extends ee {
   constructor(e, n, i, r) {
     super();
     o(this, "currentMatch$", new P(null));
@@ -89,7 +89,7 @@ let z = class extends te {
     this._state = e, this._providers = n, this._univerInstanceService = i, this._commandService = r, this.disposeWithMe(
       this._state.stateUpdates$.pipe(Mt(200, void 0, { leading: !0, trailing: !0 })).subscribe(async (s) => {
         const a = this._state.state;
-        Ut(s) && (a.findString !== "" && !a.replaceRevealed ? (await this._startSearching(), this._state.changeState({ findCompleted: !0 })) : s.replaceRevealed !== !0 && this._stopSearching());
+        wt(s) && (a.findString !== "" && !a.replaceRevealed ? (await this._startSearching(), this._state.changeState({ findCompleted: !0 })) : s.replaceRevealed !== !0 && this._stopSearching());
       })
     );
   }
@@ -97,7 +97,7 @@ let z = class extends te {
     return this._findModels.length > 0;
   }
   dispose() {
-    super.dispose(), this._stopSearching(), this.currentMatch$.complete(), this.replaceables$.complete(), this._state.changeState({ ...ne(), revealed: !1 });
+    super.dispose(), this._stopSearching(), this.currentMatch$.complete(), this.replaceables$.complete(), this._state.changeState({ ...ie(), revealed: !1 });
   }
   async start() {
     if (!this._state.findString)
@@ -137,14 +137,14 @@ let z = class extends te {
   }
   // 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 ct(), i = Se(e.map((r) => r.matchesUpdate$)).pipe(bt(220)).subscribe(([...r]) => {
+    const n = this._currentSearchingDisposables = new ot(), i = ve(e.map((r) => r.matchesUpdate$)).pipe(Rt(220)).subscribe(([...r]) => {
       const s = this._matches = r.flat();
       s.length ? (this._moveToInitialMatch(this._findModels, !0), this._state.changeState({ matchesCount: s.length }), this.replaceables$.next(s.filter((a) => a.replaceable))) : (this._state.changeState({ matchesCount: 0, matchesPosition: 0 }), this.replaceables$.next([]));
     });
-    e.forEach((r) => n.add(L(r.activelyChangingMatch$.subscribe((s) => {
+    e.forEach((r) => n.add(A(r.activelyChangingMatch$.subscribe((s) => {
       const a = this._matches.findIndex((c) => c === s);
       this._state.changeState({ matchesPosition: a + 1 });
-    })))), n.add(L(i));
+    })))), n.add(A(i));
   }
   async replace() {
     return this._matchingModel ? this._matchingModel.replace(this._state.replaceString) : !1;
@@ -218,12 +218,12 @@ let z = class extends te {
     return this._moveToNextUnitMatch(r), 0;
   }
 };
-z = xe([
-  U(2, pe),
-  U(3, k)
-], z);
-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 ne() {
+q = De([
+  w(2, fe),
+  w(3, W)
+], q);
+var z = /* @__PURE__ */ ((t) => (t.ROW = "row", t.COLUMN = "column", t))(z || {}), Y = /* @__PURE__ */ ((t) => (t.VALUE = "value", t.FORMULA = "formula", t))(Y || {}), Z = /* @__PURE__ */ ((t) => (t.SUBUNIT = "subunit", t.UNIT = "unit", t))(Z || {});
+function ie() {
   return {
     caseSensitive: !1,
     findBy: "value",
@@ -240,11 +240,11 @@ function ne() {
     revealed: !0
   };
 }
-class Bt {
+class Ut {
   constructor() {
-    o(this, "_stateUpdates$", new Ce());
+    o(this, "_stateUpdates$", new Se());
     o(this, "stateUpdates$", this._stateUpdates$.asObservable());
-    o(this, "_state$", new P(ne()));
+    o(this, "_state$", new P(ie()));
     o(this, "state$", this._state$.asObservable());
     o(this, "_findString", "");
     o(this, "_inputtingFindString", "");
@@ -322,17 +322,17 @@ class Bt {
     }), this._stateUpdates$.next(i));
   }
 }
-let Q = class extends te {
+let J = class extends ee {
   constructor(e, n) {
     super();
     o(this, "_providers", /* @__PURE__ */ new Set());
-    o(this, "_state", new Bt());
+    o(this, "_state", new Ut());
     o(this, "_model");
     o(this, "_currentMatch$", new P(null));
     o(this, "currentMatch$", this._currentMatch$.asObservable());
     o(this, "_replaceables$", new P([]));
     o(this, "replaceables$", this._replaceables$.asObservable());
-    o(this, "_focusSignal$", new Ce());
+    o(this, "_focusSignal$", new Se());
     o(this, "focusSignal$", this._focusSignal$.asObservable());
     this._injector = e, this._contextService = n;
   }
@@ -415,8 +415,8 @@ let Q = class extends te {
   start(e = !1) {
     if (this._providers.size === 0)
       return !1;
-    this._model = this._injector.createInstance(z, this._state, this._providers), this._model.currentMatch$.subscribe((i) => this._currentMatch$.next(i)), this._model.replaceables$.subscribe((i) => this._replaceables$.next(i));
-    const n = ne();
+    this._model = this._injector.createInstance(q, 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() {
@@ -428,28 +428,28 @@ let Q = class extends te {
     (e = this._model) == null || e.dispose(), this._model = null, this._toggleDisplayRawFormula(!1), this._toggleRevealReplace(!1);
   }
   registerFindReplaceProvider(e) {
-    return this._providers.add(e), L(() => this._providers.delete(e));
+    return this._providers.add(e), A(() => this._providers.delete(e));
   }
   _toggleRevealReplace(e) {
-    this._contextService.setContextValue(De, e);
+    this._contextService.setContextValue(Fe, e);
   }
   _toggleDisplayRawFormula(e) {
-    this._contextService.setContextValue(Pt, e);
+    this._contextService.setContextValue(xt, e);
   }
 };
-Q = xe([
-  U(0, D(X)),
-  U(1, ee)
-], Q);
-const Pe = {
+J = De([
+  w(0, D(Q)),
+  w(1, X)
+], J);
+const xe = {
   id: "ui.command.replace-current-match",
   type: b.COMMAND,
-  handler: (t) => t.get(_).replace()
-}, Wt = "CONFIRM_REPLACE_ALL", Te = {
+  handler: (t) => t.get(g).replace()
+}, Wt = "CONFIRM_REPLACE_ALL", Pe = {
   id: "ui.command.replace-all-matches",
   type: b.COMMAND,
   handler: async (t) => {
-    const e = t.get(pt), n = t.get(j), i = t.get(me);
+    const e = t.get(ft), n = t.get(B), i = t.get(ge);
     if (!await e.confirm({
       id: Wt,
       title: { title: n.t("find-replace.replace.confirm.title") },
@@ -457,7 +457,7 @@ const Pe = {
       confirmText: n.t("button.confirm")
     }))
       return !1;
-    const s = await t.get(_).replaceAll(), { success: a, failure: c } = s;
+    const s = await t.get(g).replaceAll(), { success: a, failure: c } = s;
     return c > 0 ? (a === 0 ? i.show({
       type: N.Error,
       content: n.t("find-replace.replace.all-failure")
@@ -473,43 +473,38 @@ const Pe = {
   id: "ui.operation.open-find-dialog",
   type: b.OPERATION,
   handler: (t) => {
-    const e = t.get(_);
+    const e = t.get(g);
     return e.revealed ? e.focusFindInput() : e.start(), !0;
   }
-}, re = {
+}, ne = {
   id: "ui.operation.open-replace-dialog",
   type: b.OPERATION,
   handler: (t) => {
-    const e = t.get(_);
+    const e = t.get(g);
     return e.revealed ? e.replaceRevealed ? e.focusFindInput() : e.revealReplace() : e.start(!0), !0;
   }
-}, Ee = {
+}, Te = {
   type: b.OPERATION,
   id: "ui.operation.go-to-next-match",
-  handler: (t) => (t.get(_).moveToNextMatch(), !0)
+  handler: (t) => (t.get(g).moveToNextMatch(), !0)
 }, Oe = {
   type: b.OPERATION,
   id: "ui.operation.go-to-previous-match",
-  handler: (t) => (t.get(_).moveToPreviousMatch(), !0)
-}, Ne = {
+  handler: (t) => (t.get(g).moveToPreviousMatch(), !0)
+}, Ee = {
   type: b.OPERATION,
   id: "ui.operation.focus-selection",
-  handler: (t) => (t.get(_).focusSelection(), !0)
-}, kt = "univer-find-replace-dialog-container", jt = "univer-find-replace-expand-container", Gt = "univer-find-replace-buttons-group", Vt = "univer-find-replace-buttons-group-right", B = {
-  findReplaceDialogContainer: kt,
-  findReplaceExpandContainer: jt,
-  findReplaceButtonsGroup: Gt,
-  findReplaceButtonsGroupRight: Vt
+  handler: (t) => (t.get(g).focusSelection(), !0)
 };
-function $e(t) {
+function Ne(t) {
   const { findCompleted: e, localeService: n, matchesCount: i, matchesPosition: r, findString: s, findReplaceService: a, onChange: c, ...d } = t, f = e && i === 0 ? n.t("find-replace.dialog.no-result") : i === 0 ? " " : void 0;
   return /* @__PURE__ */ l(
-    Ft,
+    yt,
     {
       autoFocus: !0,
       placeholder: n.t("find-replace.dialog.find-placeholder"),
       slot: /* @__PURE__ */ l(
-        Dt,
+        Ft,
         {
           loop: !0,
           text: f,
@@ -526,7 +521,7 @@ function $e(t) {
     }
   );
 }
-function Ae(t, e) {
+function $e(t, e) {
   const n = u(() => {
     var r;
     (r = document.querySelector(".univer-find-input input")) == null || r.focus();
@@ -534,18 +529,18 @@ function Ae(t, e) {
     const r = document.querySelectorAll(".univer-find-replace-dialog-container .univer-select-selection-search-input");
     return Array.from(r).some((s) => s === document.activeElement);
   }, []);
-  return Tt(e, () => ({ focus: n, selectHasFocus: i })), w(() => {
+  return Pt(e, () => ({ focus: n, selectHasFocus: i })), L(() => {
     const r = t.focusSignal$.subscribe(() => n());
     return () => r.unsubscribe();
   }, [t, n]), { focus: n, selectHasFocus: i };
 }
-const Ht = G(function(e, n) {
-  const i = v(j), r = v(_), s = v(k), a = x(r.state$, void 0, !0), { findCompleted: c, findString: d, matchesCount: S, matchesPosition: f } = a, p = u(() => {
-    s.executeCommand(re.id);
-  }, [s]), O = u((R) => r.changeFindString(R), [r]);
-  return Ae(r, n), /* @__PURE__ */ I(A, { children: [
+const Bt = j(function(e, n) {
+  const i = v(B), r = v(g), s = v(W), a = x(r.state$, void 0, !0), { findCompleted: c, findString: d, matchesCount: S, matchesPosition: f } = a, p = u(() => {
+    s.executeCommand(ne.id);
+  }, [s]), E = u((M) => r.changeFindString(M), [r]);
+  return $e(r, n), /* @__PURE__ */ I($, { children: [
     /* @__PURE__ */ l(
-      $e,
+      Ne,
       {
         findCompleted: c,
         className: "univer-find-input",
@@ -554,87 +549,97 @@ const Ht = G(function(e, n) {
         findReplaceService: r,
         localeService: i,
         findString: d,
-        onChange: O
+        onChange: E
       }
     ),
-    /* @__PURE__ */ l("div", { className: B.findReplaceExpandContainer, children: /* @__PURE__ */ l($, { type: "text", size: "small", onClick: p, children: i.t("find-replace.dialog.advanced-finding") }) })
+    /* @__PURE__ */ l("div", { className: "univer-mt-4 univer-text-center", children: /* @__PURE__ */ l(
+      "a",
+      {
+        className: `
+                      univer-cursor-pointer univer-text-sm univer-text-primary-500 univer-transition-colors
+                      hover:univer-text-primary-500/80
+                    `,
+        onClick: p,
+        children: i.t("find-replace.dialog.advanced-finding")
+      }
+    ) })
   ] });
-}), Kt = G(function(e, n) {
-  const i = v(_), r = v(j), s = v(k), a = v(me), c = x(i.currentMatch$, void 0, !0), d = x(i.replaceables$, void 0, !0), S = x(i.state$, void 0, !0), {
+}), jt = j(function(e, n) {
+  const i = v(g), r = v(B), s = v(W), a = v(ge), c = x(i.currentMatch$, void 0, !0), d = x(i.replaceables$, void 0, !0), S = x(i.state$, void 0, !0), {
     matchesCount: f,
     matchesPosition: p,
-    findString: O,
-    inputtingFindString: R,
-    replaceString: Ue,
-    caseSensitive: Be,
+    findString: E,
+    inputtingFindString: M,
+    replaceString: we,
+    caseSensitive: Ue,
     matchesTheWholeCell: We,
-    findDirection: ke,
+    findDirection: Be,
     findScope: je,
-    findBy: Ge,
-    findCompleted: V
-  } = S, Ve = R.length === 0, He = f === 0 || !(c != null && c.replaceable), Ke = d.length === 0, qe = u(
+    findBy: ke,
+    findCompleted: k
+  } = S, Ve = M.length === 0, Ge = f === 0 || !(c != null && c.replaceable), He = d.length === 0, Ke = u(
     (h) => i.changeInputtingFindString(h),
     [i]
-  ), ze = u(
+  ), qe = u(
     (h) => i.changeReplaceString(h),
     [i]
-  ), { focus: Ye } = Ae(i, n), Ze = u(() => {
-    O === R ? i.moveToNextMatch() : (i.changeFindString(R), i.find());
-  }, [O, R, i]), Je = u(() => s.executeCommand(Pe.id), [s]), Qe = u(async () => {
-    await s.executeCommand(Te.id), Ye();
-  }, [s]), Xe = u((h) => {
+  ), { focus: ze } = $e(i, n), Ye = u(() => {
+    E === M ? i.moveToNextMatch() : (i.changeFindString(M), i.find());
+  }, [E, M, i]), Ze = u(() => s.executeCommand(xe.id), [s]), Je = u(async () => {
+    await s.executeCommand(Pe.id), ze();
+  }, [s]), Qe = u((h) => {
     i.changeFindDirection(h);
-  }, [i]), et = u((h) => {
+  }, [i]), Xe = u((h) => {
     i.changeFindScope(h);
-  }, [i]), tt = u((h) => {
+  }, [i]), et = u((h) => {
     i.changeFindBy(h);
-  }, [i]), it = zt(r), nt = Yt(r), rt = Zt(r);
-  return w(() => {
-    V && f === 0 && a.show({
+  }, [i]), tt = Vt(r), it = Gt(r), nt = Ht(r);
+  return L(() => {
+    k && f === 0 && a.show({
       content: r.t("find-replace.dialog.no-match"),
       type: N.Warning,
       duration: 5e3
     });
-  }, [V, f, a, r]), /* @__PURE__ */ I(A, { children: [
-    /* @__PURE__ */ l(M, { label: r.t("find-replace.dialog.find"), children: /* @__PURE__ */ l(
-      $e,
+  }, [k, f, a, r]), /* @__PURE__ */ I($, { children: [
+    /* @__PURE__ */ l(R, { label: r.t("find-replace.dialog.find"), children: /* @__PURE__ */ l(
+      Ne,
       {
-        findCompleted: V,
+        findCompleted: k,
         className: "univer-find-input",
         matchesCount: f,
         matchesPosition: p,
         findReplaceService: i,
         localeService: r,
-        findString: R,
-        onChange: qe
+        findString: M,
+        onChange: Ke
       }
     ) }),
-    /* @__PURE__ */ l(M, { label: r.t("find-replace.dialog.replace"), children: /* @__PURE__ */ l(
-      xt,
+    /* @__PURE__ */ l(R, { label: r.t("find-replace.dialog.replace"), children: /* @__PURE__ */ l(
+      Dt,
       {
         placeholder: r.t("find-replace.dialog.replace-placeholder"),
-        value: Ue,
-        onChange: (h) => ze(h)
+        value: we,
+        onChange: (h) => qe(h)
       }
     ) }),
-    /* @__PURE__ */ l(M, { label: r.t("find-replace.dialog.find-direction.title"), children: /* @__PURE__ */ l(H, { value: ke, options: nt, onChange: Xe }) }),
-    /* @__PURE__ */ l(ce, { children: /* @__PURE__ */ I(A, { children: [
-      /* @__PURE__ */ l(M, { label: r.t("find-replace.dialog.find-scope.title"), children: /* @__PURE__ */ l(H, { value: je, options: it, onChange: et }) }),
-      /* @__PURE__ */ l(M, { label: r.t("find-replace.dialog.find-by.title"), children: /* @__PURE__ */ l(H, { value: Ge, options: rt, onChange: tt }) })
+    /* @__PURE__ */ l(R, { label: r.t("find-replace.dialog.find-direction.title"), children: /* @__PURE__ */ l(V, { value: Be, options: it, onChange: Qe }) }),
+    /* @__PURE__ */ l(oe, { children: /* @__PURE__ */ I($, { children: [
+      /* @__PURE__ */ l(R, { label: r.t("find-replace.dialog.find-scope.title"), children: /* @__PURE__ */ l(V, { value: je, options: tt, onChange: Xe }) }),
+      /* @__PURE__ */ l(R, { label: r.t("find-replace.dialog.find-by.title"), children: /* @__PURE__ */ l(V, { value: ke, options: nt, onChange: et }) })
     ] }) }),
-    /* @__PURE__ */ l(ce, { children: /* @__PURE__ */ I(A, { children: [
-      /* @__PURE__ */ l(M, { children: /* @__PURE__ */ l(
-        le,
+    /* @__PURE__ */ l(oe, { children: /* @__PURE__ */ I($, { children: [
+      /* @__PURE__ */ l(R, { children: /* @__PURE__ */ l(
+        ce,
         {
-          checked: Be,
+          checked: Ue,
           onChange: (h) => {
             i.changeCaseSensitive(h);
           },
           children: r.t("find-replace.dialog.case-sensitive")
         }
       ) }),
-      /* @__PURE__ */ l(M, { children: /* @__PURE__ */ l(
-        le,
+      /* @__PURE__ */ l(R, { children: /* @__PURE__ */ l(
+        ce,
         {
           checked: We,
           onChange: (h) => {
@@ -644,158 +649,158 @@ const Ht = G(function(e, n) {
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ I("div", { className: B.findReplaceButtonsGroup, children: [
-      /* @__PURE__ */ l($, { type: "primary", onClick: Ze, disabled: Ve, children: r.t("find-replace.dialog.find") }),
-      /* @__PURE__ */ I("span", { className: B.findReplaceButtonsGroupRight, children: [
-        /* @__PURE__ */ l($, { disabled: He, onClick: Je, children: r.t("find-replace.dialog.replace") }),
-        /* @__PURE__ */ l($, { disabled: Ke, onClick: Qe, children: r.t("find-replace.dialog.replace-all") })
+    /* @__PURE__ */ I("div", { className: "univer-mt-6 univer-flex univer-justify-between", children: [
+      /* @__PURE__ */ l(G, { type: "primary", onClick: Ye, disabled: Ve, children: r.t("find-replace.dialog.find") }),
+      /* @__PURE__ */ I("span", { className: "univer-inline-flex univer-gap-2", children: [
+        /* @__PURE__ */ l(G, { disabled: Ge, onClick: Ze, children: r.t("find-replace.dialog.replace") }),
+        /* @__PURE__ */ l(G, { disabled: He, onClick: Je, children: r.t("find-replace.dialog.replace-all") })
       ] })
     ] })
   ] });
 });
-function qt() {
-  const t = v(_), e = v(ve), n = v(ee), i = x(t.state$, void 0, !0), r = q(null);
-  w(() => {
+function kt() {
+  const t = v(g), e = v(me), n = v(X), i = x(t.state$, void 0, !0), r = K(null);
+  L(() => {
     let d;
     return r.current && (d = e.registerContainerElement(r.current)), () => d == null ? void 0 : d.dispose();
   }, [e]);
-  const s = q(null), a = u(
-    (d) => n.setContextValue(Fe, d),
+  const s = K(null), a = u(
+    (d) => n.setContextValue(ye, d),
     [n]
   ), c = u(
-    (d) => n.setContextValue(ye, d),
+    (d) => n.setContextValue(Ie, d),
     [n]
   );
-  return w(() => {
+  return L(() => {
     var S;
-    const d = It(document, "focusin").subscribe((f) => {
+    const d = bt(document, "focusin").subscribe((f) => {
       var p;
       f.target && ((p = r.current) != null && p.contains(f.target)) ? a(!0) : a(!1), !s.current || !s.current.selectHasFocus() ? c(!0) : c(!1);
     });
     return (S = s.current) == null || S.focus(), a(!0), c(!0), () => {
       d.unsubscribe(), a(!1);
     };
-  }, [a, c]), /* @__PURE__ */ l("div", { className: B.findReplaceDialogContainer, ref: r, children: i.replaceRevealed ? /* @__PURE__ */ l(Kt, { ref: s }) : /* @__PURE__ */ l(Ht, { ref: s }) });
+  }, [a, c]), /* @__PURE__ */ l("div", { ref: r, children: i.replaceRevealed ? /* @__PURE__ */ l(jt, { ref: s }) : /* @__PURE__ */ l(Bt, { ref: s }) });
 }
-function zt(t) {
+function Vt(t) {
   const e = t.getCurrentLocale();
-  return ie(() => [
-    { 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 }
+  return te(() => [
+    { label: t.t("find-replace.dialog.find-scope.current-sheet"), value: Z.SUBUNIT },
+    { label: t.t("find-replace.dialog.find-scope.workbook"), value: Z.UNIT }
   ], [e]);
 }
-function Yt(t) {
+function Gt(t) {
   const e = t.getCurrentLocale();
-  return ie(() => [
-    { label: t.t("find-replace.dialog.find-direction.row"), value: Y.ROW },
-    { label: t.t("find-replace.dialog.find-direction.column"), value: Y.COLUMN }
+  return te(() => [
+    { label: t.t("find-replace.dialog.find-direction.row"), value: z.ROW },
+    { label: t.t("find-replace.dialog.find-direction.column"), value: z.COLUMN }
   ], [e]);
 }
-function Zt(t) {
+function Ht(t) {
   const e = t.getCurrentLocale();
-  return ie(() => [
-    { label: t.t("find-replace.dialog.find-by.value"), value: Z.VALUE },
-    { label: t.t("find-replace.dialog.find-by.formula"), value: Z.FORMULA }
+  return te(() => [
+    { label: t.t("find-replace.dialog.find-by.value"), value: Y.VALUE },
+    { label: t.t("find-replace.dialog.find-by.formula"), value: Y.FORMULA }
   ], [e]);
 }
 function F(t) {
+  return t.getContextValue(ye);
+}
+function Kt(t) {
   return t.getContextValue(Fe);
 }
-function Jt(t) {
-  return t.getContextValue(De);
+function Ae(t) {
+  return t.getContextValue(Ie);
 }
-function Le(t) {
-  return t.getContextValue(ye);
+const O = "7_find-replace-shortcuts";
+function re(t) {
+  return t.getContextValue(pe);
 }
-const E = "7_find-replace-shortcuts";
 function se(t) {
-  return t.getContextValue(ge);
-}
-function ae(t) {
   return !t.getContextValue(_e);
 }
-const Qt = {
+const qt = {
   id: T.id,
   description: "find-replace.shortcut.open-find-dialog",
   binding: C.F | y.CTRL_COMMAND,
-  group: E,
+  group: O,
   preconditions(t) {
-    return !F(t) && se(t) && ae(t);
+    return !F(t) && re(t) && se(t);
   }
-}, Xt = {
+}, zt = {
   id: T.id,
   description: "find-replace.shortcut.open-find-dialog",
   binding: C.F | y.CTRL_COMMAND,
   mac: C.F | y.MAC_CTRL,
   preconditions(t) {
-    return !F(t) && se(t) && ae(t);
+    return !F(t) && re(t) && se(t);
   }
-}, ei = {
-  id: re.id,
+}, Yt = {
+  id: ne.id,
   description: "find-replace.shortcut.open-replace-dialog",
   binding: C.H | y.CTRL_COMMAND,
   mac: C.H | y.MAC_CTRL,
-  group: E,
+  group: O,
   preconditions(t) {
-    return se(t) && ae(t) && (!F(t) || !Jt(t));
+    return re(t) && se(t) && (!F(t) || !Kt(t));
   }
-}, ti = {
-  id: Ee.id,
+}, Zt = {
+  id: Te.id,
   description: "find-replace.shortcut.go-to-next-match",
   binding: C.ENTER,
-  group: E,
+  group: O,
   priority: 1e3,
   preconditions(t) {
-    return Le(t) && F(t);
+    return Ae(t) && F(t);
   }
-}, ii = {
+}, Jt = {
   id: Oe.id,
   description: "find-replace.shortcut.go-to-previous-match",
   binding: C.ENTER | y.SHIFT,
-  group: E,
+  group: O,
   priority: 1e3,
   preconditions(t) {
-    return Le(t) && F(t);
+    return Ae(t) && F(t);
   }
-}, ni = {
-  id: Ne.id,
+}, Qt = {
+  id: Ee.id,
   description: "find-replace.shortcut.focus-selection",
   binding: C.ESC,
-  group: E,
+  group: O,
   priority: 1e3,
   preconditions(t) {
     return F(t);
   }
 };
-function ri(t) {
-  const e = t.get(ee);
+function Xt(t) {
+  const e = t.get(X);
   return {
     id: T.id,
     icon: "SearchIcon",
     tooltip: "find-replace.toolbar",
     type: _t.BUTTON,
-    hidden$: gt(t, lt.UNIVER_SHEET),
-    disabled$: Se([
+    hidden$: pt(t, ct.UNIVER_SHEET),
+    disabled$: ve([
       e.subscribeContextValue$(_e),
-      e.subscribeContextValue$(ge)
-    ]).pipe(yt(([n, i]) => n || !i))
+      e.subscribeContextValue$(pe)
+    ]).pipe(It(([n, i]) => n || !i))
   };
 }
-const si = {
-  [mt.OTHERS]: {
+const ei = {
+  [gt.OTHERS]: {
     [T.id]: {
       order: 2,
-      menuItemFactory: ri
+      menuItemFactory: Xt
     }
   }
 };
-var ai = Object.getOwnPropertyDescriptor, oi = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? ai(e, n) : e, s = t.length - 1, a; s >= 0; s--)
+var ti = Object.getOwnPropertyDescriptor, ii = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? ti(e, n) : e, s = t.length - 1, a; s >= 0; s--)
     (a = t[s]) && (r = a(r) || r);
   return r;
 }, m = (t, e) => (n, i) => e(n, i, t);
-const he = "DESKTOP_FIND_REPLACE_DIALOG", we = 350, ci = 20, li = -90;
-let W = class extends dt {
+const de = "DESKTOP_FIND_REPLACE_DIALOG", Le = 350, ni = 20, ri = -90;
+let U = class extends lt {
   constructor(e, n, i, r, s, a, c, d, S, f) {
     super();
     o(this, "_closingListenerDisposable");
@@ -808,112 +813,112 @@ let W = class extends dt {
   _initCommands() {
     [
       T,
-      re,
-      Ee,
-      Oe,
+      ne,
       Te,
+      Oe,
       Pe,
-      Ne
+      xe,
+      Ee
     ].forEach((e) => {
       this.disposeWithMe(this._commandService.registerCommand(e));
     });
   }
   _initShortcuts() {
     [
-      ei,
-      Qt,
-      Xt,
-      ii,
-      ti,
-      ni
+      Yt,
+      qt,
+      zt,
+      Jt,
+      Zt,
+      Qt
     ].forEach((e) => this.disposeWithMe(this._shortcutService.registerShortcut(e)));
   }
   _initUI() {
-    this.disposeWithMe(this._componentManager.register("FindReplaceDialog", qt)), this.disposeWithMe(this._componentManager.register("SearchIcon", Ie)), this._menuManagerService.mergeMenu(si), this._findReplaceService.stateUpdates$.pipe(oe(this.dispose$)).subscribe((e) => {
+    this.disposeWithMe(this._componentManager.register("FindReplaceDialog", kt)), this.disposeWithMe(this._componentManager.register("SearchIcon", be)), this._menuManagerService.mergeMenu(ei), this._findReplaceService.stateUpdates$.pipe(ae(this.dispose$)).subscribe((e) => {
       e.revealed === !0 && this._openPanel();
     });
   }
   _openPanel() {
     this._dialogService.open({
-      id: he,
+      id: de,
       draggable: !0,
-      width: we,
+      width: Le,
       title: { title: this._localeService.t("find-replace.dialog.title") },
       children: { label: "FindReplaceDialog" },
       destroyOnClose: !0,
-      defaultPosition: di(),
+      defaultPosition: si(),
       preservePositionOnDestroy: !0,
       onClose: () => this.closePanel()
-    }), this._closingListenerDisposable = L(this._univerInstanceService.focused$.pipe(oe(this.dispose$)).subscribe((e) => {
+    }), this._closingListenerDisposable = A(this._univerInstanceService.focused$.pipe(ae(this.dispose$)).subscribe((e) => {
       (!e || !this._univerInstanceService.getUniverSheetInstance(e)) && this.closePanel();
     }));
   }
   closePanel() {
-    this._closingListenerDisposable && (this._closingListenerDisposable.dispose(), this._closingListenerDisposable = null, this._dialogService.close(he), this._findReplaceService.terminate(), queueMicrotask(() => this._layoutService.focus()));
+    this._closingListenerDisposable && (this._closingListenerDisposable.dispose(), this._closingListenerDisposable = null, this._dialogService.close(de), this._findReplaceService.terminate(), queueMicrotask(() => this._layoutService.focus()));
   }
 };
-W = oi([
-  m(0, pe),
-  m(1, vt),
-  m(2, St),
-  m(3, k),
-  m(4, _),
-  m(5, Ct),
-  m(6, ve),
-  m(7, D(j)),
-  m(8, D(Rt)),
-  m(9, D(X))
-], W);
-function di() {
+U = ii([
+  m(0, fe),
+  m(1, mt),
+  m(2, vt),
+  m(3, W),
+  m(4, g),
+  m(5, St),
+  m(6, me),
+  m(7, D(B)),
+  m(8, D(Ct)),
+  m(9, D(Q))
+], U);
+function si() {
   const { innerWidth: t } = window;
-  return { x: (t - we) / 2 - ci, y: li };
+  return { x: (t - Le) / 2 - ni, y: ri };
 }
-var hi = Object.getOwnPropertyDescriptor, ui = (t, e, n, i) => {
-  for (var r = i > 1 ? void 0 : i ? hi(e, n) : e, s = t.length - 1, a; s >= 0; s--)
+var ai = Object.getOwnPropertyDescriptor, oi = (t, e, n, i) => {
+  for (var r = i > 1 ? void 0 : i ? ai(e, n) : e, s = t.length - 1, a; s >= 0; s--)
     (a = t[s]) && (r = a(r) || r);
   return r;
-}, ue = (t, e) => (n, i) => e(n, i, t);
-const fi = "UNIVER_FIND_REPLACE_PLUGIN";
-var K;
-let fe = (K = class extends ut {
-  constructor(t = de, e, n) {
+}, he = (t, e) => (n, i) => e(n, i, t);
+const ci = "UNIVER_FIND_REPLACE_PLUGIN";
+var H;
+let ue = (H = class extends ht {
+  constructor(t = le, e, n) {
     super(), this._config = t, this._injector = e, this._configService = n;
-    const { ...i } = ft(
+    const { ...i } = ut(
       {},
-      de,
+      le,
       this._config
     );
-    this._configService.setConfig(Et, i);
+    this._configService.setConfig(Tt, i);
   }
   onStarting() {
     [
-      [W],
-      [_, { useClass: Q }]
+      [U],
+      [g, { useClass: J }]
     ].forEach((t) => this._injector.add(t));
   }
   onRendered() {
-    this._injector.get(W);
+    this._injector.get(U);
   }
-}, o(K, "pluginName", fi), K);
-fe = ui([
-  ue(1, D(X)),
-  ue(2, ht)
-], fe);
+}, o(H, "pluginName", ci), H);
+ue = oi([
+  he(1, D(Q)),
+  he(2, dt)
+], ue);
 export {
-  Z as FindBy,
-  Y as FindDirection,
-  Mi as FindModel,
-  W as FindReplaceController,
-  z as FindReplaceModel,
-  Bt as FindReplaceState,
-  J as FindScope,
-  Ee as GoToNextMatchOperation,
+  Y as FindBy,
+  z as FindDirection,
+  mi as FindModel,
+  U as FindReplaceController,
+  q as FindReplaceModel,
+  Ut as FindReplaceState,
+  Z as FindScope,
+  Te as GoToNextMatchOperation,
   Oe as GoToPreviousMatchOperation,
-  _ as IFindReplaceService,
+  g as IFindReplaceService,
   T as OpenFindDialogOperation,
-  re as OpenReplaceDialogOperation,
-  Te as ReplaceAllMatchesCommand,
-  Pe as ReplaceCurrentMatchCommand,
-  fe as UniverFindReplacePlugin,
-  ne as createInitFindReplaceState
+  ne as OpenReplaceDialogOperation,
+  Pe as ReplaceAllMatchesCommand,
+  xe as ReplaceCurrentMatchCommand,
+  ue as UniverFindReplacePlugin,
+  ie as createInitFindReplaceState
 };