@univerjs/find-replace 1.0.0-alpha.7 → 1.0.0-alpha.8

package/lib/cjs/index.js

@@ -33,9 +33,11 @@ const FIND_REPLACE_DIALOG_FOCUS = "FIND_REPLACE_DIALOG_FOCUS";
 * If the find replace feature is activated and the replace is revealed.
 */
 const FIND_REPLACE_REPLACE_REVEALED = "FIND_REPLACE_REPLACE_REVEALED";
+/** If the focused unit has a find-replace provider. */
+const FIND_REPLACE_AVAILABLE = "FIND_REPLACE_AVAILABLE";
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -46,7 +48,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -59,14 +61,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -77,7 +79,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -85,7 +87,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -106,6 +108,7 @@ function shouldStateUpdateTriggerResearch(statusUpdate) {
 	if (typeof statusUpdate.inputtingFindString !== "undefined") return true;
 	if (typeof statusUpdate.findDirection !== "undefined") return true;
 	if (typeof statusUpdate.matchesTheWholeCell !== "undefined") return true;
+	if (typeof statusUpdate.matchesTheWholeWord !== "undefined") return true;
 	if (typeof statusUpdate.caseSensitive !== "undefined") return true;
 	if (typeof statusUpdate.findScope !== "undefined") return true;
 	if (typeof statusUpdate.findBy !== "undefined") return true;
@@ -171,7 +174,8 @@ let FindReplaceModel = class FindReplaceModel extends _univerjs_core.Disposable
 			findBy: this._state.findBy,
 			replaceRevealed: this._state.replaceRevealed,
 			caseSensitive: this._state.caseSensitive,
-			matchesTheWholeCell: this._state.matchesTheWholeCell
+			matchesTheWholeCell: this._state.matchesTheWholeCell,
+			matchesTheWholeWord: this._state.matchesTheWholeWord
 		})))).flat();
 		this._subscribeToModelsChanges(findModels);
 		const newMatches = this._matches = findModels.map((c) => c.getMatches()).flat();
@@ -358,6 +362,7 @@ function createInitFindReplaceState() {
 		matchesCount: 0,
 		matchesPosition: 0,
 		matchesTheWholeCell: false,
+		matchesTheWholeWord: false,
 		replaceRevealed: false,
 		replaceString: "",
 		revealed: true
@@ -383,6 +388,7 @@ var FindReplaceState = class {
 		_defineProperty(this, "_matchesCount", 0);
 		_defineProperty(this, "_caseSensitive", true);
 		_defineProperty(this, "_matchesTheWholeCell", false);
+		_defineProperty(this, "_matchesTheWholeWord", false);
 		_defineProperty(this, "_findDirection", "row");
 		_defineProperty(this, "_findScope", "subunit");
 		_defineProperty(this, "_findBy", "value");
@@ -418,6 +424,9 @@ var FindReplaceState = class {
 	get matchesTheWholeCell() {
 		return this._matchesTheWholeCell;
 	}
+	get matchesTheWholeWord() {
+		return this._matchesTheWholeWord;
+	}
 	get findDirection() {
 		return this._findDirection;
 	}
@@ -488,6 +497,11 @@ var FindReplaceState = class {
 			changedState.matchesTheWholeCell = changes.matchesTheWholeCell;
 			changed = true;
 		}
+		if (typeof changes.matchesTheWholeWord !== "undefined" && changes.matchesTheWholeWord !== this._matchesTheWholeWord) {
+			this._matchesTheWholeWord = changes.matchesTheWholeWord;
+			changedState.matchesTheWholeWord = changes.matchesTheWholeWord;
+			changed = true;
+		}
 		if (typeof changes.inputtingFindString !== "undefined" && changes.inputtingFindString !== this._inputtingFindString) {
 			this._inputtingFindString = changes.inputtingFindString;
 			changedState.inputtingFindString = changes.inputtingFindString;
@@ -510,6 +524,7 @@ var FindReplaceState = class {
 				matchesCount: this._matchesCount,
 				matchesPosition: this._matchesPosition,
 				matchesTheWholeCell: this._matchesTheWholeCell,
+				matchesTheWholeWord: this._matchesTheWholeWord,
 				replaceRevealed: this._replaceRevealed,
 				revealed: this._revealed
 			});
@@ -530,10 +545,11 @@ let FindReplaceService = class FindReplaceService extends _univerjs_core.Disposa
 	get replaceRevealed() {
 		return this._state.replaceRevealed;
 	}
-	constructor(_injector, _contextService) {
+	constructor(_injector, _contextService, _univerInstanceService) {
 		super();
 		this._injector = _injector;
 		this._contextService = _contextService;
+		this._univerInstanceService = _univerInstanceService;
 		_defineProperty(this, "_providers", /* @__PURE__ */ new Set());
 		_defineProperty(this, "_state", new FindReplaceState());
 		_defineProperty(this, "_model", void 0);
@@ -544,6 +560,10 @@ let FindReplaceService = class FindReplaceService extends _univerjs_core.Disposa
 		_defineProperty(this, "replaceables$", this._replaceables$.asObservable());
 		_defineProperty(this, "_focusSignal$", new rxjs.Subject());
 		_defineProperty(this, "focusSignal$", this._focusSignal$.asObservable());
+		_defineProperty(this, "_providerCapabilities$", new rxjs.BehaviorSubject(null));
+		_defineProperty(this, "providerCapabilities$", this._providerCapabilities$.asObservable());
+		_defineProperty(this, "_activeProvider", null);
+		this.disposeWithMe((0, _univerjs_core.toDisposable)(this._univerInstanceService.focused$.subscribe(() => this._syncActiveProvider())));
 	}
 	dispose() {
 		super.dispose();
@@ -552,6 +572,7 @@ let FindReplaceService = class FindReplaceService extends _univerjs_core.Disposa
 		this._replaceables$.next([]);
 		this._replaceables$.complete();
 		this._focusSignal$.complete();
+		this._providerCapabilities$.complete();
 	}
 	getProviders() {
 		return this._providers;
@@ -582,6 +603,9 @@ let FindReplaceService = class FindReplaceService extends _univerjs_core.Disposa
 	changeMatchesTheWholeCell(matchesTheWholeCell) {
 		this._state.changeState({ matchesTheWholeCell });
 	}
+	changeMatchesTheWholeWord(matchesTheWholeWord) {
+		this._state.changeState({ matchesTheWholeWord });
+	}
 	changeCaseSensitive(caseSensitive) {
 		this._state.changeState({ caseSensitive });
 	}
@@ -631,8 +655,8 @@ let FindReplaceService = class FindReplaceService extends _univerjs_core.Disposa
 		(_this$_model2 = this._model) === null || _this$_model2 === void 0 || _this$_model2.focusSelection();
 	}
 	start(revealReplace = false) {
-		if (this._providers.size === 0) return false;
-		this._model = this._injector.createInstance(FindReplaceModel, this._state, this._providers);
+		if (!this._activeProvider) return false;
+		this._model = this._injector.createInstance(FindReplaceModel, this._state, /* @__PURE__ */ new Set([this._activeProvider]));
 		this._modelDisposables = new _univerjs_core.DisposableCollection();
 		this._modelDisposables.add((0, _univerjs_core.toDisposable)(this._model.currentMatch$.subscribe((match) => this._currentMatch$.next(match))));
 		this._modelDisposables.add((0, _univerjs_core.toDisposable)(this._model.replaceables$.subscribe((replaceables) => this._replaceables$.next(replaceables))));
@@ -657,7 +681,21 @@ let FindReplaceService = class FindReplaceService extends _univerjs_core.Disposa
 	}
 	registerFindReplaceProvider(provider) {
 		this._providers.add(provider);
-		return (0, _univerjs_core.toDisposable)(() => this._providers.delete(provider));
+		this._syncActiveProvider();
+		return (0, _univerjs_core.toDisposable)(() => {
+			this._providers.delete(provider);
+			this._syncActiveProvider();
+		});
+	}
+	_syncActiveProvider() {
+		var _Array$from$find, _provider$capabilitie;
+		const unit = this._univerInstanceService.getFocusedUnit();
+		const provider = unit == null ? null : (_Array$from$find = Array.from(this._providers).find((candidate) => candidate.isSupported(unit))) !== null && _Array$from$find !== void 0 ? _Array$from$find : null;
+		if (provider === this._activeProvider) return;
+		if (this.revealed) this.terminate();
+		this._activeProvider = provider;
+		this._providerCapabilities$.next((_provider$capabilitie = provider === null || provider === void 0 ? void 0 : provider.capabilities) !== null && _provider$capabilitie !== void 0 ? _provider$capabilitie : null);
+		this._contextService.setContextValue(FIND_REPLACE_AVAILABLE, provider != null);
 	}
 	_toggleRevealReplace(revealReplace) {
 		this._contextService.setContextValue(FIND_REPLACE_REPLACE_REVEALED, revealReplace);
@@ -666,7 +704,11 @@ let FindReplaceService = class FindReplaceService extends _univerjs_core.Disposa
 		this._contextService.setContextValue(_univerjs_engine_render.RENDER_RAW_FORMULA_KEY, force);
 	}
 };
-FindReplaceService = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.Injector)), __decorateParam(1, _univerjs_core.IContextService)], FindReplaceService);
+FindReplaceService = __decorate([
+	__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
+	__decorateParam(1, _univerjs_core.IContextService),
+	__decorateParam(2, _univerjs_core.IUniverInstanceService)
+], FindReplaceService);
 
 //#endregion
 //#region src/commands/commands/replace.command.ts
@@ -796,8 +838,8 @@ function whenFindReplaceInputFocused(contextService) {
 	return contextService.getContextValue(FIND_REPLACE_INPUT_FOCUS);
 }
 const FIND_REPLACE_SHORTCUT_GROUP = "7_find-replace-shortcuts";
-function whenSheetFocused(contextService) {
-	return contextService.getContextValue(_univerjs_core.FOCUSING_SHEET);
+function whenFindReplaceAvailable(contextService) {
+	return contextService.getContextValue(FIND_REPLACE_AVAILABLE);
 }
 function whenEditorNotActivated(contextService) {
 	return !contextService.getContextValue(_univerjs_core.EDITOR_ACTIVATED);
@@ -809,7 +851,7 @@ const OpenFindDialogShortcutItem = {
 	group: FIND_REPLACE_SHORTCUT_GROUP,
 	groupTitle: "find-replace.shortcut.panel",
 	preconditions(contextService) {
-		return !whenFindReplaceDialogFocused(contextService) && whenSheetFocused(contextService) && whenEditorNotActivated(contextService);
+		return !whenFindReplaceDialogFocused(contextService) && whenFindReplaceAvailable(contextService) && whenEditorNotActivated(contextService);
 	}
 };
 const MacOpenFindDialogShortcutItem = {
@@ -818,7 +860,7 @@ const MacOpenFindDialogShortcutItem = {
 	binding: _univerjs_ui.KeyCode.F | _univerjs_ui.MetaKeys.CTRL_COMMAND,
 	mac: _univerjs_ui.KeyCode.F | _univerjs_ui.MetaKeys.MAC_CTRL,
 	preconditions(contextService) {
-		return !whenFindReplaceDialogFocused(contextService) && whenSheetFocused(contextService) && whenEditorNotActivated(contextService);
+		return !whenFindReplaceDialogFocused(contextService) && whenFindReplaceAvailable(contextService) && whenEditorNotActivated(contextService);
 	}
 };
 const OpenReplaceDialogShortcutItem = {
@@ -829,7 +871,7 @@ const OpenReplaceDialogShortcutItem = {
 	group: FIND_REPLACE_SHORTCUT_GROUP,
 	groupTitle: "find-replace.shortcut.panel",
 	preconditions(contextService) {
-		return whenSheetFocused(contextService) && whenEditorNotActivated(contextService) && (!whenFindReplaceDialogFocused(contextService) || !whenReplaceRevealed(contextService));
+		return whenFindReplaceAvailable(contextService) && whenEditorNotActivated(contextService) && (!whenFindReplaceDialogFocused(contextService) || !whenReplaceRevealed(contextService));
 	}
 };
 const GoToNextFindMatchShortcutItem = {
@@ -924,13 +966,14 @@ let FindReplaceController = class FindReplaceController extends _univerjs_core.R
 		});
 	}
 	_openPanel() {
+		var _this$_univerInstance;
+		const sessionUnitId = (_this$_univerInstance = this._univerInstanceService.getFocusedUnit()) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getUnitId();
 		this._dialogService.open({
 			id: FIND_REPLACE_DIALOG_ID,
 			draggable: true,
 			width: FIND_REPLACE_PANEL_WIDTH,
 			title: { title: this._localeService.t("find-replace.dialog.title") },
 			children: { label: "FindReplaceDialog" },
-			destroyOnClose: true,
 			mask: false,
 			maskClosable: false,
 			defaultPosition: getFindReplaceDialogDefaultPosition(),
@@ -938,7 +981,7 @@ let FindReplaceController = class FindReplaceController extends _univerjs_core.R
 			onClose: () => this.closePanel()
 		});
 		this._closingListenerDisposable = (0, _univerjs_core.toDisposable)(this._univerInstanceService.focused$.pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe((focused) => {
-			if (!focused || !this._univerInstanceService.getUniverSheetInstance(focused)) this.closePanel();
+			if (!focused || focused !== sessionUnitId) this.closePanel();
 		}));
 	}
 	closePanel() {
@@ -971,7 +1014,7 @@ function getFindReplaceDialogDefaultPosition() {
 //#endregion
 //#region package.json
 var name = "@univerjs/find-replace";
-var version = "1.0.0-alpha.7";
+var version = "1.0.0-alpha.8";
 
 //#endregion
 //#region src/config/config.ts
@@ -1096,7 +1139,8 @@ const ReplaceDialog = (0, react.forwardRef)(function ReplaceDialogImpl(_props, r
 	const messageService = (0, _univerjs_ui.useDependency)(_univerjs_ui.IMessageService);
 	const currentMatch = (0, _univerjs_ui.useObservable)(findReplaceService.currentMatch$, void 0, true);
 	const replaceables = (0, _univerjs_ui.useObservable)(findReplaceService.replaceables$, void 0, true);
-	const { matchesCount, matchesPosition, findString, inputtingFindString, replaceString, caseSensitive, matchesTheWholeCell, findDirection, findScope, findBy, findCompleted } = (0, _univerjs_ui.useObservable)(findReplaceService.state$, void 0, true);
+	const capabilities = (0, _univerjs_ui.useObservable)(findReplaceService.providerCapabilities$, null, true);
+	const { matchesCount, matchesPosition, findString, inputtingFindString, replaceString, caseSensitive, matchesTheWholeCell, matchesTheWholeWord, findDirection, findScope, findBy, findCompleted } = (0, _univerjs_ui.useObservable)(findReplaceService.state$, void 0, true);
 	const findDisabled = inputtingFindString.length === 0;
 	const replaceDisabled = matchesCount === 0 || !(currentMatch === null || currentMatch === void 0 ? void 0 : currentMatch.replaceable);
 	const replaceAllDisabled = replaceables.length === 0;
@@ -1118,7 +1162,7 @@ const ReplaceDialog = (0, react.forwardRef)(function ReplaceDialogImpl(_props, r
 	const onClickReplaceAllButton = (0, react.useCallback)(async () => {
 		await commandService.executeCommand(ReplaceAllMatchesCommand.id);
 		focus();
-	}, [commandService]);
+	}, [commandService, focus]);
 	const onChangeFindDirection = (0, react.useCallback)((findDirection) => {
 		findReplaceService.changeFindDirection(findDirection);
 	}, [findReplaceService]);
@@ -1173,7 +1217,7 @@ const ReplaceDialog = (0, react.forwardRef)(function ReplaceDialogImpl(_props, r
 				onChange: (value) => onReplaceStringChange(value)
 			})
 		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+		(capabilities === null || capabilities === void 0 ? void 0 : capabilities.findDirection) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
 			label: localeService.t("find-replace.dialog.find-direction.title"),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
 				value: findDirection,
@@ -1181,14 +1225,14 @@ const ReplaceDialog = (0, react.forwardRef)(function ReplaceDialogImpl(_props, r
 				onChange: onChangeFindDirection
 			})
 		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormDualColumnLayout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+		((capabilities === null || capabilities === void 0 ? void 0 : capabilities.findScope) || (capabilities === null || capabilities === void 0 ? void 0 : capabilities.findBy)) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormDualColumnLayout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [capabilities.findScope && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
 			label: localeService.t("find-replace.dialog.find-scope.title"),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
 				value: findScope,
 				options: findScopeOptions,
 				onChange: onChangeFindScope
 			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+		}), capabilities.findBy && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
 			label: localeService.t("find-replace.dialog.find-by.title"),
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
 				value: findBy,
@@ -1196,19 +1240,29 @@ const ReplaceDialog = (0, react.forwardRef)(function ReplaceDialogImpl(_props, r
 				onChange: onChangeFindBy
 			})
 		})] }) }),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormDualColumnLayout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, {
-			checked: caseSensitive,
-			onChange: (checked) => {
-				findReplaceService.changeCaseSensitive(checked);
-			},
-			children: localeService.t("find-replace.dialog.case-sensitive")
-		}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, {
-			checked: matchesTheWholeCell,
-			onChange: (checked) => {
-				findReplaceService.changeMatchesTheWholeCell(checked);
-			},
-			children: localeService.t("find-replace.dialog.match-the-whole-cell")
-		}) })] }) }),
+		((capabilities === null || capabilities === void 0 ? void 0 : capabilities.caseSensitive) || (capabilities === null || capabilities === void 0 ? void 0 : capabilities.matchesTheWholeCell) || (capabilities === null || capabilities === void 0 ? void 0 : capabilities.matchesTheWholeWord)) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormDualColumnLayout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+			capabilities.caseSensitive && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, {
+				checked: caseSensitive,
+				onChange: (checked) => {
+					findReplaceService.changeCaseSensitive(checked);
+					if (findCompleted) findReplaceService.find();
+				},
+				children: localeService.t("find-replace.dialog.case-sensitive")
+			}) }),
+			capabilities.matchesTheWholeCell && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, {
+				checked: matchesTheWholeCell,
+				onChange: (checked) => findReplaceService.changeMatchesTheWholeCell(checked),
+				children: localeService.t("find-replace.dialog.match-the-whole-cell")
+			}) }),
+			capabilities.matchesTheWholeWord && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, {
+				checked: matchesTheWholeWord,
+				onChange: (checked) => {
+					findReplaceService.changeMatchesTheWholeWord(checked);
+					if (findCompleted) findReplaceService.find();
+				},
+				children: localeService.t("find-replace.dialog.match-the-whole-word")
+			}) })
+		] }) }),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "univer-mt-6 univer-flex univer-justify-between",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
@@ -1238,9 +1292,10 @@ function FindReplaceDialog() {
 	const state = (0, _univerjs_ui.useObservable)(findReplaceService.state$, void 0, true);
 	const dialogContainerRef = (0, react.useRef)(null);
 	(0, react.useEffect)(() => {
-		let disposable;
-		if (dialogContainerRef.current) disposable = layoutService.registerContainerElement(dialogContainerRef.current);
-		return () => disposable === null || disposable === void 0 ? void 0 : disposable.dispose();
+		const container = dialogContainerRef.current;
+		if (!container) return;
+		const disposable = layoutService.registerContainerElement(container);
+		return () => disposable.dispose();
 	}, [layoutService]);
 	const focusRef = (0, react.useRef)(null);
 	const setDialogContainerFocus = (0, react.useCallback)((focused) => contextService.setContextValue(FIND_REPLACE_DIALOG_FOCUS, focused), [contextService]);
@@ -1328,7 +1383,11 @@ let UniverFindReplacePlugin = class UniverFindReplacePlugin extends _univerjs_co
 _defineProperty(UniverFindReplacePlugin, "pluginName", "UNIVER_FIND_REPLACE_PLUGIN");
 _defineProperty(UniverFindReplacePlugin, "packageName", name);
 _defineProperty(UniverFindReplacePlugin, "version", version);
-UniverFindReplacePlugin = __decorate([__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)), __decorateParam(2, _univerjs_core.IConfigService)], UniverFindReplacePlugin);
+UniverFindReplacePlugin = __decorate([
+	(0, _univerjs_core.DependentOn)(_univerjs_ui.UniverUIPlugin),
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
+	__decorateParam(2, _univerjs_core.IConfigService)
+], UniverFindReplacePlugin);
 
 //#endregion
 exports.FindBy = FindBy;

package/lib/cjs/locale/ar-SA.js

@@ -17,10 +17,11 @@ const locale = { "find-replace": {
 		replace: "استبدال",
 		"replace-all": "استبدال الكل",
 		"case-sensitive": "حساس لحالة الأحرف",
-		"find-placeholder": "البحث في هذه الورقة",
+		"find-placeholder": "البحث",
 		"advanced-finding": "بحث واستبدال متقدم",
 		"replace-placeholder": "أدخل نص الاستبدال",
 		"match-the-whole-cell": "تطابق الخلية بأكملها",
+		"match-the-whole-word": "مطابقة الكلمة بالكامل",
 		"find-direction": {
 			title: "اتجاه البحث",
 			row: "البحث حسب الصف",

package/lib/cjs/locale/ca-ES.js

@@ -17,10 +17,11 @@ const locale = { "find-replace": {
 		replace: "Reemplaça",
 		"replace-all": "Reemplaça-ho tot",
 		"case-sensitive": "Distingeix majúscules de minúscules",
-		"find-placeholder": "Cerca en aquest full",
+		"find-placeholder": "Cerca",
 		"advanced-finding": "Cerca i reemplaçament avançats",
 		"replace-placeholder": "Introduïu la cadena de reemplaçament",
 		"match-the-whole-cell": "Coincidir amb la cel·la sencera",
+		"match-the-whole-word": "Coincideix amb la paraula sencera",
 		"find-direction": {
 			title: "Direcció de la cerca",
 			row: "Cerca per fila",

package/lib/cjs/locale/de-DE.js

@@ -17,10 +17,11 @@ const locale = { "find-replace": {
 		replace: "Ersetzen",
 		"replace-all": "Alle ersetzen",
 		"case-sensitive": "Groß-/Kleinschreibung beachten",
-		"find-placeholder": "In diesem Blatt suchen",
+		"find-placeholder": "Suchen",
 		"advanced-finding": "Erweitertes Suchen & Ersetzen",
 		"replace-placeholder": "Ersetzungstext eingeben",
 		"match-the-whole-cell": "Ganze Zelle vergleichen",
+		"match-the-whole-word": "Nur ganzes Wort",
 		"find-direction": {
 			title: "Suchrichtung",
 			row: "Nach Zeile suchen",

package/lib/cjs/locale/en-US.js

@@ -32,10 +32,11 @@ const locale = { "find-replace": {
 		replace: "Replace",
 		"replace-all": "Replace All",
 		"case-sensitive": "Case Sensitive",
-		"find-placeholder": "Find in this Sheet",
+		"find-placeholder": "Find",
 		"advanced-finding": "Advanced Searching & Replace",
 		"replace-placeholder": "Input Replace String",
 		"match-the-whole-cell": "Match the Whole Cell",
+		"match-the-whole-word": "Match Whole Word",
 		"find-direction": {
 			title: "Find Direction",
 			row: "Search by Row",

package/lib/cjs/locale/es-ES.js

@@ -17,10 +17,11 @@ const locale = { "find-replace": {
 		replace: "Reemplazar",
 		"replace-all": "Reemplazar todo",
 		"case-sensitive": "Distinguir mayúsculas y minúsculas",
-		"find-placeholder": "Buscar en esta hoja",
+		"find-placeholder": "Buscar",
 		"advanced-finding": "Búsqueda y reemplazo avanzados",
 		"replace-placeholder": "Introducir cadena de reemplazo",
 		"match-the-whole-cell": "Coincidir con toda la celda",
+		"match-the-whole-word": "Coincidir con la palabra completa",
 		"find-direction": {
 			title: "Dirección de búsqueda",
 			row: "Buscar por fila",

package/lib/cjs/locale/fa-IR.js

@@ -17,10 +17,11 @@ const locale = { "find-replace": {
 		replace: "جایگزینی",
 		"replace-all": "جایگزینی همه",
 		"case-sensitive": "حساس به حروف بزرگ و کوچک",
-		"find-placeholder": "جستجو در این شیت",
+		"find-placeholder": "جستجو",
 		"advanced-finding": "جستجو و جایگزینی پیشرفته",
 		"replace-placeholder": "رشته جایگزینی را وارد کنید",
 		"match-the-whole-cell": "تطابق کل سلول",
+		"match-the-whole-word": "تطبیق کل کلمه",
 		"find-direction": {
 			title: "جهت جستجو",
 			row: "جستجو بر اساس ردیف",

package/lib/cjs/locale/fr-FR.js

@@ -17,10 +17,11 @@ const locale = { "find-replace": {
 		replace: "Remplacer",
 		"replace-all": "Remplacer tout",
 		"case-sensitive": "Sensible à la casse",
-		"find-placeholder": "Rechercher dans cette feuille",
+		"find-placeholder": "Rechercher",
 		"advanced-finding": "Recherche et remplacement avancés",
 		"replace-placeholder": "Saisir la chaîne de remplacement",
 		"match-the-whole-cell": "Correspondance de la cellule entière",
+		"match-the-whole-word": "Mot entier",
 		"find-direction": {
 			title: "Direction de la recherche",
 			row: "Rechercher par ligne",

package/lib/cjs/locale/id-ID.js

@@ -17,10 +17,11 @@ const locale = { "find-replace": {
 		replace: "Ganti",
 		"replace-all": "Ganti Semua",
 		"case-sensitive": "Sensitif Huruf",
-		"find-placeholder": "Cari di Lembar ini",
+		"find-placeholder": "Cari",
 		"advanced-finding": "Pencarian & Penggantian Lanjutan",
 		"replace-placeholder": "Masukkan String Pengganti",
 		"match-the-whole-cell": "Cocokkan Seluruh Sel",
+		"match-the-whole-word": "Cocokkan seluruh kata",
 		"find-direction": {
 			title: "Arah Cari",
 			row: "Cari per Baris",

package/lib/cjs/locale/it-IT.js

@@ -17,10 +17,11 @@ const locale = { "find-replace": {
 		replace: "Sostituisci",
 		"replace-all": "Sostituisci tutto",
 		"case-sensitive": "Maiuscole/minuscole",
-		"find-placeholder": "Trova in questo foglio",
+		"find-placeholder": "Trova",
 		"advanced-finding": "Ricerca e sostituzione avanzate",
 		"replace-placeholder": "Inserisci stringa di sostituzione",
 		"match-the-whole-cell": "Corrispondenza con l'intera cella",
+		"match-the-whole-word": "Trova parola intera",
 		"find-direction": {
 			title: "Direzione ricerca",
 			row: "Cerca per riga",

package/lib/cjs/locale/ja-JP.js

@@ -17,10 +17,11 @@ const locale = { "find-replace": {
 		replace: "置換",
 		"replace-all": "すべて置換",
 		"case-sensitive": "大文字と小文字を区別",
-		"find-placeholder": "このシート内を検索",
+		"find-placeholder": "検索",
 		"advanced-finding": "詳細検索と置換",
 		"replace-placeholder": "置換文字列を入力",
 		"match-the-whole-cell": "セル全体に一致",
+		"match-the-whole-word": "単語単位で検索",
 		"find-direction": {
 			title: "検索方向",
 			row: "行ごとに検索",

package/lib/cjs/locale/ko-KR.js

@@ -17,10 +17,11 @@ const locale = { "find-replace": {
 		replace: "바꾸기",
 		"replace-all": "모두 바꾸기",
 		"case-sensitive": "대/소문자 구분",
-		"find-placeholder": "이 시트에서 찾기",
+		"find-placeholder": "찾기",
 		"advanced-finding": "고급 검색 및 바꾸기",
 		"replace-placeholder": "바꿀 문자열 입력",
 		"match-the-whole-cell": "전체 셀 내용 일치",
+		"match-the-whole-word": "단어 단위로 일치",
 		"find-direction": {
 			title: "검색 방향",
 			row: "행 기준 검색",

package/lib/cjs/locale/pl-PL.js

@@ -17,10 +17,11 @@ const locale = { "find-replace": {
 		replace: "Zamień",
 		"replace-all": "Zamień wszystko",
 		"case-sensitive": "Rozróżniaj wielkość liter",
-		"find-placeholder": "Znajdź w tym arkuszu",
+		"find-placeholder": "Znajdź",
 		"advanced-finding": "Zaawansowane wyszukiwanie i zastępowanie",
 		"replace-placeholder": "Wprowadź ciąg zastępujący",
 		"match-the-whole-cell": "Dopasuj całą komórkę",
+		"match-the-whole-word": "Dopasuj całe słowo",
 		"find-direction": {
 			title: "Kierunek wyszukiwania",
 			row: "Szukaj według wierszy",

package/lib/cjs/locale/pt-BR.js

@@ -17,10 +17,11 @@ const locale = { "find-replace": {
 		replace: "Substituir",
 		"replace-all": "Substituir Tudo",
 		"case-sensitive": "Diferenciar Maiúsculas/Minúsculas",
-		"find-placeholder": "Localizar nesta Planilha",
+		"find-placeholder": "Localizar",
 		"advanced-finding": "Pesquisa e Substituição Avançadas",
 		"replace-placeholder": "Digite o Texto de Substituição",
 		"match-the-whole-cell": "Corresponder à Célula Inteira",
+		"match-the-whole-word": "Corresponder palavra inteira",
 		"find-direction": {
 			title: "Direção da Pesquisa",
 			row: "Pesquisar por Linha",

package/lib/cjs/locale/ru-RU.js

@@ -17,10 +17,11 @@ const locale = { "find-replace": {
 		replace: "Заменить",
 		"replace-all": "Заменить все",
 		"case-sensitive": "Учитывать регистр",
-		"find-placeholder": "Найти на этом листе",
+		"find-placeholder": "Найти",
 		"advanced-finding": "Расширенный поиск и замена",
 		"replace-placeholder": "Введите строку для замены",
 		"match-the-whole-cell": "Соответствие всей ячейке",
+		"match-the-whole-word": "Только слово целиком",
 		"find-direction": {
 			title: "Направление поиска",
 			row: "Искать по строкам",

package/lib/cjs/locale/sk-SK.js

@@ -17,10 +17,11 @@ const locale = { "find-replace": {
 		replace: "Nahradiť",
 		"replace-all": "Nahradiť všetko",
 		"case-sensitive": "Rozlišovať veľké a malé písmená",
-		"find-placeholder": "Hľadať v tomto hárku",
+		"find-placeholder": "Hľadať",
 		"advanced-finding": "Pokročilé hľadanie a nahradenie",
 		"replace-placeholder": "Zadajte reťazec na nahradenie",
 		"match-the-whole-cell": "Zhoda s celou bunkou",
+		"match-the-whole-word": "Hľadať iba celé slová",
 		"find-direction": {
 			title: "Smer hľadania",
 			row: "Hľadať podľa riadkov",

package/lib/cjs/locale/vi-VN.js

@@ -17,10 +17,11 @@ const locale = { "find-replace": {
 		replace: "Thay thế",
 		"replace-all": "Thay thế Tất cả",
 		"case-sensitive": "Phân biệt chữ hoa chữ thường",
-		"find-placeholder": "Tìm trong Trang tính này",
+		"find-placeholder": "Tìm",
 		"advanced-finding": "Tìm kiếm & Thay thế Nâng cao",
 		"replace-placeholder": "Nhập chuỗi thay thế",
 		"match-the-whole-cell": "Khớp toàn bộ ô",
+		"match-the-whole-word": "Khớp toàn bộ từ",
 		"find-direction": {
 			title: "Hướng tìm kiếm",
 			row: "Tìm theo hàng",

package/lib/cjs/locale/zh-CN.js

@@ -21,6 +21,7 @@ const locale = { "find-replace": {
 		"replace-placeholder": "输入替换内容",
 		"case-sensitive": "匹配大小写",
 		"match-the-whole-cell": "匹配整个单元格",
+		"match-the-whole-word": "全词匹配",
 		"find-scope": {
 			title: "查找范围",
 			"current-sheet": "当前子表",

package/lib/cjs/locale/zh-HK.js

@@ -17,10 +17,11 @@ const locale = { "find-replace": {
 		replace: "取代",
 		"replace-all": "全部取代",
 		"case-sensitive": "區分大小寫",
-		"find-placeholder": "在此工作表中尋找",
+		"find-placeholder": "尋找",
 		"advanced-finding": "進階搜尋與取代",
 		"replace-placeholder": "輸入取代字串",
 		"match-the-whole-cell": "完全符合儲存格內容",
+		"match-the-whole-word": "全詞匹配",
 		"find-direction": {
 			title: "尋找方向",
 			row: "按列搜尋",