@univerjs/find-replace 0.20.1 → 0.21.0-insiders.20260422-d7fcb4d

package/lib/cjs/index.js

@@ -1 +1,1322 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@univerjs/core`),t=require(`@univerjs/design`),n=require(`@univerjs/ui`),r=require(`@univerjs/engine-render`),i=require(`rxjs`),a=require(`@univerjs/icons`),o=require(`react`),s=require(`react/jsx-runtime`);const c=`FIND_REPLACE_INPUT_FOCUS`,l=`FIND_REPLACE_DIALOG_FOCUS`,u=`FIND_REPLACE_REPLACE_REVEALED`;function d(e){"@babel/helpers - typeof";return d=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},d(e)}function f(e,t){if(d(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(d(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function p(e){var t=f(e,`string`);return d(t)==`symbol`?t:t+``}function m(e,t,n){return(t=p(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function h(e,t){return function(n,r){t(n,r,e)}}function g(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}var _=class extends e.Disposable{};const v=(0,e.createIdentifier)(`find-replace.service`);function y(e){return e.findString!==void 0||e.inputtingFindString!==void 0||e.findDirection!==void 0||e.matchesTheWholeCell!==void 0||e.caseSensitive!==void 0||e.findScope!==void 0||e.findBy!==void 0}let b=class extends e.Disposable{get searched(){return this._findModels.length>0}constructor(e,t,n,r){super(),this._state=e,this._providers=t,this._univerInstanceService=n,this._commandService=r,m(this,`currentMatch$`,new i.BehaviorSubject(null)),m(this,`replaceables$`,new i.BehaviorSubject([])),m(this,`_findModels`,[]),m(this,`_matchingModel`,null),m(this,`_matches`,[]),m(this,`_currentSearchingDisposables`,null),this.disposeWithMe(this._state.stateUpdates$.pipe((0,i.throttleTime)(200,void 0,{leading:!0,trailing:!0})).subscribe(async e=>{let t=this._state.state;y(e)&&(t.findString!==``&&!t.replaceRevealed?(await this._startSearching(),this._state.changeState({findCompleted:!0})):e.replaceRevealed!==!0&&this._stopSearching())}))}dispose(){super.dispose(),this._stopSearching(),this.currentMatch$.complete(),this.replaceables$.complete(),this._state.changeState({...w(),revealed:!1})}async start(){if(!this._state.findString)return{results:[]};let e=await this._startSearching();return this._state.changeState({findCompleted:!0}),e}focusSelection(){var e;(e=this._matchingModel)==null||e.focusSelection()}async _startSearching(){if(!this._state.findString)return{results:[]};let e=Array.from(this._providers),t=this._findModels=(await Promise.all(e.map(e=>e.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(t);let n=this._matches=t.map(e=>e.getMatches()).flat();return this.replaceables$.next(n.filter(e=>e.replaceable)),n.length?(this._moveToInitialMatch(t),this._state.changeState({matchesCount:n.length}),{results:n}):(this._state.changeState({matchesCount:0,matchesPosition:0}),{results:[]})}_stopSearching(){var e;this._providers.forEach(e=>e.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})}_subscribeToModelsChanges(t){let n=this._currentSearchingDisposables=new e.DisposableCollection,r=(0,i.combineLatest)(t.map(e=>e.matchesUpdate$)).pipe((0,i.debounceTime)(220)).subscribe(([...e])=>{let t=this._matches=e.flat();t.length?(this._moveToInitialMatch(this._findModels,!0),this._state.changeState({matchesCount:t.length}),this.replaceables$.next(t.filter(e=>e.replaceable))):(this._state.changeState({matchesCount:0,matchesPosition:0}),this.replaceables$.next([]))});t.forEach(t=>n.add((0,e.toDisposable)(t.activelyChangingMatch$.subscribe(e=>{let t=this._matches.findIndex(t=>t===e);this._state.changeState({matchesPosition:t+1})})))),n.add((0,e.toDisposable)(r))}async replace(){return this._matchingModel?this._matchingModel.replace(this._state.replaceString):!1}async replaceAll(){let e=await Promise.all(this._findModels.map(e=>e.replaceAll(this._state.replaceString))).then(e=>e.reduce((e,t)=>(e.success+=t.success,e.failure+=t.failure,e),{success:0,failure:0}));return e.failure===0&&this._stopSearching(),e}getCurrentMatch(){return this._state.matchesPosition>0?this._matches[this._state.matchesPosition-1]:null}_markMatch(e){let t=this._matches.findIndex(t=>t===e);this.currentMatch$.next(e),this._state.changeState({matchesPosition:t+1})}moveToNextMatch(){if(!this._matchingModel)return;let e=this._findModels.length===1,t=this._matchingModel.moveToNextMatch({loop:e});if(t)return this._markMatch(t),t;{let e=this._findModels.findIndex(e=>e===this._matchingModel);return this._moveToNextUnitMatch(e)}}_moveToNextUnitMatch(e){let t=this._findModels.length;for(let n=(e+1)%t;n!==e;){let e=this._findModels[n],r=e.moveToNextMatch({ignoreSelection:!0});if(r)return this._matchingModel=e,this._markMatch(r),r;n=(n+1)%t}if(this._matchingModel){let e=this._matchingModel.moveToNextMatch({ignoreSelection:!0});return e&&this._markMatch(e),e}}moveToPreviousMatch(){if(!this._matchingModel)return;let e=this._findModels.length===1,t=this._matchingModel.moveToPreviousMatch({loop:e});if(t){let e=this._matches.findIndex(e=>e===t);return this.currentMatch$.next(t),this._state.changeState({matchesPosition:e+1}),t}else{let e=this._findModels.length,t=this._findModels.findIndex(e=>e===this._matchingModel);for(let n=(t-1+e)%e;n!==t;){let t=this._findModels[n],r=t.moveToPreviousMatch({ignoreSelection:!0});if(r)return this._matchingModel=t,this._markMatch(r),r;n=(n-1)%e}let n=this._matchingModel.moveToPreviousMatch({ignoreSelection:!0});return n&&this._markMatch(n),n}}_moveToInitialMatch(e,t=!1){var n;let r=(n=this._univerInstanceService.getFocusedUnit())==null?void 0:n.getUnitId();if(!r)return-1;let i=e.findIndex(e=>e.unitId===r);if(i!==-1){this._matchingModel=e[i];let n=this._matchingModel.moveToNextMatch({stayIfOnMatch:!0,noFocus:t});if(n)return this._markMatch(n),i}return this._moveToNextUnitMatch(i),0}};b=g([h(2,e.IUniverInstanceService),h(3,e.ICommandService)],b);let x=function(e){return e.ROW=`row`,e.COLUMN=`column`,e}({}),S=function(e){return e.VALUE=`value`,e.FORMULA=`formula`,e}({}),C=function(e){return e.SUBUNIT=`subunit`,e.UNIT=`unit`,e}({});function w(){return{caseSensitive:!1,findBy:S.VALUE,findCompleted:!1,findDirection:x.ROW,findScope:C.SUBUNIT,findString:``,inputtingFindString:``,matchesCount:0,matchesPosition:0,matchesTheWholeCell:!1,replaceRevealed:!1,replaceString:``,revealed:!0}}var T=class{constructor(){m(this,`_stateUpdates$`,new i.Subject),m(this,`stateUpdates$`,this._stateUpdates$.asObservable()),m(this,`_state$`,new i.BehaviorSubject(w())),m(this,`state$`,this._state$.asObservable()),m(this,`_findString`,``),m(this,`_inputtingFindString`,``),m(this,`_replaceString`,``),m(this,`_revealed`,!1),m(this,`_replaceRevealed`,!1),m(this,`_matchesPosition`,0),m(this,`_matchesCount`,0),m(this,`_caseSensitive`,!0),m(this,`_matchesTheWholeCell`,!1),m(this,`_findDirection`,x.ROW),m(this,`_findScope`,C.SUBUNIT),m(this,`_findBy`,S.VALUE),m(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 t=!1,n={};e.findString!==void 0&&e.findString!==this._findString&&(this._findString=e.findString,n.findString=this._findString,t=!0),e.revealed!==void 0&&e.revealed!==this._revealed&&(this._revealed=e.revealed,n.revealed=e.revealed,t=!0),e.replaceRevealed!==void 0&&e.replaceRevealed!==this._replaceRevealed&&(this._replaceRevealed=e.replaceRevealed,n.replaceRevealed=e.replaceRevealed,t=!0),e.replaceString!==void 0&&e.replaceString!==this._replaceString&&(this._replaceString=e.replaceString,n.replaceString=e.replaceString,t=!0),e.matchesCount!==void 0&&e.matchesCount!==this._matchesCount&&(this._matchesCount=e.matchesCount,n.matchesCount=e.matchesCount,t=!0),e.matchesPosition!==void 0&&e.matchesPosition!==this._matchesPosition&&(this._matchesPosition=e.matchesPosition,n.matchesPosition=e.matchesPosition,t=!0),e.findBy!==void 0&&e.findBy!==this._findBy&&(this._findBy=e.findBy,n.findBy=e.findBy,t=!0),e.findScope!==void 0&&e.findScope!==this._findScope&&(this._findScope=e.findScope,n.findScope=e.findScope,t=!0),e.findDirection!==void 0&&e.findDirection!==this._findDirection&&(this._findDirection=e.findDirection,n.findDirection=e.findDirection,t=!0),e.caseSensitive!==void 0&&e.caseSensitive!==this._caseSensitive&&(this._caseSensitive=e.caseSensitive,n.caseSensitive=e.caseSensitive,t=!0),e.matchesTheWholeCell!==void 0&&e.matchesTheWholeCell!==this._matchesTheWholeCell&&(this._matchesTheWholeCell=e.matchesTheWholeCell,n.matchesTheWholeCell=e.matchesTheWholeCell,t=!0),e.inputtingFindString!==void 0&&e.inputtingFindString!==this._inputtingFindString&&(this._inputtingFindString=e.inputtingFindString,n.inputtingFindString=e.inputtingFindString,t=!0),e.findCompleted!==void 0&&e.findCompleted!==this._findCompleted&&(this._findCompleted=e.findCompleted,n.findCompleted=e.findCompleted,t=!0),t&&(this._state$.next({caseSensitive:this._caseSensitive,findBy:this._findBy,findCompleted:this._findCompleted,findDirection:this._findDirection,findScope:this._findScope,findString:this._findString,inputtingFindString:this._inputtingFindString,matchesCount:this._matchesCount,matchesPosition:this._matchesPosition,matchesTheWholeCell:this._matchesTheWholeCell,replaceRevealed:this._replaceRevealed,revealed:this._revealed}),this._stateUpdates$.next(n))}};let E=class extends e.Disposable{get stateUpdates$(){return this._state.stateUpdates$}get state$(){return this._state.state$}get revealed(){return this._state.revealed}get replaceRevealed(){return this._state.replaceRevealed}constructor(e,t){super(),this._injector=e,this._contextService=t,m(this,`_providers`,new Set),m(this,`_state`,new T),m(this,`_model`,void 0),m(this,`_currentMatch$`,new i.BehaviorSubject(null)),m(this,`currentMatch$`,this._currentMatch$.asObservable()),m(this,`_replaceables$`,new i.BehaviorSubject([])),m(this,`replaceables$`,this._replaceables$.asObservable()),m(this,`_focusSignal$`,new i.Subject),m(this,`focusSignal$`,this._focusSignal$.asObservable())}dispose(){super.dispose(),this._currentMatch$.next(null),this._currentMatch$.complete(),this._replaceables$.next([]),this._replaceables$.complete(),this._focusSignal$.complete()}getProviders(){return this._providers}getCurrentMatch(){var e;return(e=this._model)==null?void 0:e.getCurrentMatch()}getFindString(){return this._state.findString}changeFindString(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===S.FORMULA)}changeFindScope(e){this._state.changeState({findScope:e})}changeFindDirection(e){this._state.changeState({findDirection: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(){this._model&&(this._state.replaceRevealed&&!this._model.searched?(this._state.changeState({findString:this._state.inputtingFindString}),this._model.start()):this._model.moveToPreviousMatch(),this._focusSignal$.next())}async replace(){return this._model?this._model.replace():!1}async replaceAll(){if(!this._model)throw Error(`[FindReplaceService] replaceAll: model is not initialized!`);return this._model.replaceAll()}revealReplace(){this._state.changeState({replaceRevealed:!0,inputtingFindString:this._state.findString}),this._toggleRevealReplace(!0)}focusSelection(){var e;(e=this._model)==null||e.focusSelection()}start(e=!1){if(this._providers.size===0)return!1;this._model=this._injector.createInstance(b,this._state,this._providers),this._model.currentMatch$.subscribe(e=>this._currentMatch$.next(e)),this._model.replaceables$.subscribe(e=>this._replaceables$.next(e));let t=w();return e&&(t.replaceRevealed=!0),this._state.changeState(t),this._toggleRevealReplace(e),!0}find(){var e;(e=this._model)==null||e.start()}terminate(){var e;(e=this._model)==null||e.dispose(),this._model=null,this._toggleDisplayRawFormula(!1),this._toggleRevealReplace(!1)}registerFindReplaceProvider(t){return this._providers.add(t),(0,e.toDisposable)(()=>this._providers.delete(t))}_toggleRevealReplace(e){this._contextService.setContextValue(u,e)}_toggleDisplayRawFormula(e){this._contextService.setContextValue(r.RENDER_RAW_FORMULA_KEY,e)}};E=g([h(0,(0,e.Inject)(e.Injector)),h(1,e.IContextService)],E);const D={id:`ui.command.replace-current-match`,type:e.CommandType.COMMAND,handler:e=>e.get(v).replace()},O={id:`ui.command.replace-all-matches`,type:e.CommandType.COMMAND,handler:async r=>{let i=r.get(e.IConfirmService),a=r.get(e.LocaleService),o=r.get(n.IMessageService);if(!await i.confirm({id:`CONFIRM_REPLACE_ALL`,title:{title:a.t(`find-replace.replace.confirm.title`)},cancelText:a.t(`button.cancel`),confirmText:a.t(`button.confirm`)}))return!1;let{success:s,failure:c}=await r.get(v).replaceAll();return c>0?(s===0?o.show({type:t.MessageType.Error,content:a.t(`find-replace.replace.all-failure`)}):o.show({type:t.MessageType.Warning,content:a.t(`find-replace.replace.partial-success`,`${s}`,`${c}`)}),!1):(o.show({type:t.MessageType.Success,content:a.t(`find-replace.replace.all-success`,`${s}`)}),!0)}},k={id:`ui.operation.open-find-dialog`,type:e.CommandType.OPERATION,handler:e=>{let t=e.get(v);return t.revealed?t.focusFindInput():t.start(),!0}},A={id:`ui.operation.open-replace-dialog`,type:e.CommandType.OPERATION,handler:e=>{let t=e.get(v);return t.revealed?t.replaceRevealed?t.focusFindInput():t.revealReplace():t.start(!0),!0}},j={type:e.CommandType.OPERATION,id:`ui.operation.go-to-next-match`,handler:e=>(e.get(v).moveToNextMatch(),!0)},M={type:e.CommandType.OPERATION,id:`ui.operation.go-to-previous-match`,handler:e=>(e.get(v).moveToPreviousMatch(),!0)},N={type:e.CommandType.OPERATION,id:`ui.operation.focus-selection`,handler:e=>(e.get(v).focusSelection(),!0)};function P(t){let r=t.get(e.IContextService);return{id:k.id,icon:`SearchIcon`,tooltip:`find-replace.toolbar`,type:n.MenuItemType.BUTTON,hidden$:(0,n.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SHEET),disabled$:(0,i.combineLatest)([r.subscribeContextValue$(e.EDITOR_ACTIVATED),r.subscribeContextValue$(e.FOCUSING_SHEET)]).pipe((0,i.map)(([e,t])=>e||!t))}}const F={[n.RibbonDataGroup.ORGANIZATION]:{[k.id]:{order:2,menuItemFactory:P}}};function I(e){let{findCompleted:n,localeService:r,matchesCount:i,matchesPosition:a,initialFindString:c,findReplaceService:l,onChange:u,...d}=e,[f,p]=(0,o.useState)(c),m=n&&i===0?r.t(`find-replace.dialog.no-result`):i===0?` `:void 0;function h(e){a===i&&e===1?l.moveToNextMatch():a===1&&e===i||e<a?l.moveToPreviousMatch():l.moveToNextMatch()}return(0,s.jsx)(`div`,{className:`univer-relative univer-flex univer-items-center univer-gap-2`,onDrag:e=>e.stopPropagation(),children:(0,s.jsx)(t.Input,{"data-u-comp":`search-input`,autoFocus:!0,placeholder:r.t(`find-replace.dialog.find-placeholder`),value:f,onChange:e=>{p(e),u==null||u(e)},slot:(0,s.jsx)(t.Pager,{loop:!0,text:m,value:a,total:i,onChange:h}),...d})})}function L(e,t){let n=(0,o.useCallback)(()=>{var e;(e=document.querySelector(`.univer-find-input input`))==null||e.focus()},[]),r=(0,o.useCallback)(()=>{let e=document.querySelectorAll(`[data-u-comp=find-replace-dialog] [data-u-comp=search-input]`);return Array.from(e).some(e=>e===document.activeElement)},[]);return(0,o.useImperativeHandle)(t,()=>({focus:n,selectHasFocus:r})),(0,o.useEffect)(()=>{let t=e.focusSignal$.subscribe(()=>n());return()=>t.unsubscribe()},[e,n]),{focus:n,selectHasFocus:r}}const R=(0,o.forwardRef)(function(t,r){let i=(0,n.useDependency)(e.LocaleService),a=(0,n.useDependency)(v),c=(0,n.useDependency)(e.ICommandService),{findCompleted:l,findString:u,matchesCount:d,matchesPosition:f}=(0,n.useObservable)(a.state$,void 0,!0),p=(0,o.useCallback)(()=>{c.executeCommand(A.id)},[c]),m=(0,n.useDebounceFn)(e=>a.changeFindString(e),500);return L(a,r),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(I,{findCompleted:l,matchesCount:d,matchesPosition:f,findReplaceService:a,localeService:i,initialFindString:u,onChange:m}),(0,s.jsx)(`div`,{className:`univer-mt-4 univer-text-center`,children:(0,s.jsx)(`a`,{className:`hover:univer-text-primary-500/80 univer-cursor-pointer univer-text-sm univer-text-primary-500 univer-transition-colors`,onClick:p,children:i.t(`find-replace.dialog.advanced-finding`)})})]})}),z=(0,o.forwardRef)(function(r,i){let a=(0,n.useDependency)(v),c=(0,n.useDependency)(e.LocaleService),l=(0,n.useDependency)(e.ICommandService),u=(0,n.useDependency)(n.IMessageService),d=(0,n.useObservable)(a.currentMatch$,void 0,!0),f=(0,n.useObservable)(a.replaceables$,void 0,!0),{matchesCount:p,matchesPosition:m,findString:h,inputtingFindString:g,replaceString:_,caseSensitive:y,matchesTheWholeCell:b,findDirection:x,findScope:S,findBy:C,findCompleted:w}=(0,n.useObservable)(a.state$,void 0,!0),T=g.length===0,E=p===0||!(d!=null&&d.replaceable),k=f.length===0,A=(0,o.useCallback)(e=>a.changeInputtingFindString(e),[a]),j=(0,o.useCallback)(e=>a.changeReplaceString(e),[a]),{focus:M}=L(a,i),N=(0,o.useCallback)(()=>{h===g?a.moveToNextMatch():(a.changeFindString(g),a.find())},[h,g,a]),P=(0,o.useCallback)(()=>l.executeCommand(D.id),[l]),F=(0,o.useCallback)(async()=>{await l.executeCommand(O.id),M()},[l]),R=(0,o.useCallback)(e=>{a.changeFindDirection(e)},[a]),z=(0,o.useCallback)(e=>{a.changeFindScope(e)},[a]),B=(0,o.useCallback)(e=>{a.changeFindBy(e)},[a]),U=V(c),W=H(c),G=ee(c);return(0,o.useEffect)(()=>{w&&p===0&&u.show({content:c.t(`find-replace.dialog.no-match`),type:t.MessageType.Warning,duration:5e3})},[w,p,u,c]),(0,s.jsxs)(`div`,{children:[(0,s.jsx)(t.FormLayout,{label:c.t(`find-replace.dialog.find`),children:(0,s.jsx)(I,{findCompleted:w,className:`univer-find-input`,matchesCount:p,matchesPosition:m,findReplaceService:a,localeService:c,initialFindString:g,onChange:A})}),(0,s.jsx)(t.FormLayout,{label:c.t(`find-replace.dialog.replace`),children:(0,s.jsx)(t.Input,{placeholder:c.t(`find-replace.dialog.replace-placeholder`),value:_,onChange:e=>j(e)})}),(0,s.jsx)(t.FormLayout,{label:c.t(`find-replace.dialog.find-direction.title`),children:(0,s.jsx)(t.Select,{value:x,options:W,onChange:R})}),(0,s.jsx)(t.FormDualColumnLayout,{children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.FormLayout,{label:c.t(`find-replace.dialog.find-scope.title`),children:(0,s.jsx)(t.Select,{value:S,options:U,onChange:z})}),(0,s.jsx)(t.FormLayout,{label:c.t(`find-replace.dialog.find-by.title`),children:(0,s.jsx)(t.Select,{value:C,options:G,onChange:B})})]})}),(0,s.jsx)(t.FormDualColumnLayout,{children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.FormLayout,{children:(0,s.jsx)(t.Checkbox,{checked:y,onChange:e=>{a.changeCaseSensitive(e)},children:c.t(`find-replace.dialog.case-sensitive`)})}),(0,s.jsx)(t.FormLayout,{children:(0,s.jsx)(t.Checkbox,{checked:b,onChange:e=>{a.changeMatchesTheWholeCell(e)},children:c.t(`find-replace.dialog.match-the-whole-cell`)})})]})}),(0,s.jsxs)(`div`,{className:`univer-mt-6 univer-flex univer-justify-between`,children:[(0,s.jsx)(t.Button,{variant:`primary`,onClick:N,disabled:T,children:c.t(`find-replace.dialog.find`)}),(0,s.jsxs)(`span`,{className:`univer-inline-flex univer-gap-2`,children:[(0,s.jsx)(t.Button,{disabled:E,onClick:P,children:c.t(`find-replace.dialog.replace`)}),(0,s.jsx)(t.Button,{disabled:k,onClick:F,children:c.t(`find-replace.dialog.replace-all`)})]})]})]})});function B(){let t=(0,n.useDependency)(v),r=(0,n.useDependency)(n.ILayoutService),a=(0,n.useDependency)(e.IContextService),u=(0,n.useObservable)(t.state$,void 0,!0),d=(0,o.useRef)(null);(0,o.useEffect)(()=>{let e;return d.current&&(e=r.registerContainerElement(d.current)),()=>e==null?void 0:e.dispose()},[r]);let f=(0,o.useRef)(null),p=(0,o.useCallback)(e=>a.setContextValue(l,e),[a]),m=(0,o.useCallback)(e=>a.setContextValue(c,e),[a]);return(0,o.useEffect)(()=>{var e;let t=(0,i.fromEvent)(document,`focusin`).subscribe(e=>{var t;e.target&&(t=d.current)!=null&&t.contains(e.target)?p(!0):p(!1),!f.current||!f.current.selectHasFocus()?m(!1):m(!0)});return(e=f.current)==null||e.focus(),p(!0),m(!0),()=>{t.unsubscribe(),p(!1)}},[p,m]),(0,s.jsx)(`div`,{ref:d,"data-u-comp":`find-replace-dialog`,children:u.replaceRevealed?(0,s.jsx)(z,{ref:f}):(0,s.jsx)(R,{ref:f})})}function V(e){return(0,o.useMemo)(()=>[{label:e.t(`find-replace.dialog.find-scope.current-sheet`),value:C.SUBUNIT},{label:e.t(`find-replace.dialog.find-scope.workbook`),value:C.UNIT}],[e.getCurrentLocale()])}function H(e){return(0,o.useMemo)(()=>[{label:e.t(`find-replace.dialog.find-direction.row`),value:x.ROW},{label:e.t(`find-replace.dialog.find-direction.column`),value:x.COLUMN}],[e.getCurrentLocale()])}function ee(e){return(0,o.useMemo)(()=>[{label:e.t(`find-replace.dialog.find-by.value`),value:S.VALUE},{label:e.t(`find-replace.dialog.find-by.formula`),value:S.FORMULA}],[e.getCurrentLocale()])}function U(e){return e.getContextValue(l)}function W(e){return e.getContextValue(u)}function G(e){return e.getContextValue(c)}const K=`7_find-replace-shortcuts`;function q(t){return t.getContextValue(e.FOCUSING_SHEET)}function J(t){return!t.getContextValue(e.EDITOR_ACTIVATED)}const te={id:k.id,description:`find-replace.shortcut.open-find-dialog`,binding:n.KeyCode.F|n.MetaKeys.CTRL_COMMAND,group:K,preconditions(e){return!U(e)&&q(e)&&J(e)}},ne={id:k.id,description:`find-replace.shortcut.open-find-dialog`,binding:n.KeyCode.F|n.MetaKeys.CTRL_COMMAND,mac:n.KeyCode.F|n.MetaKeys.MAC_CTRL,preconditions(e){return!U(e)&&q(e)&&J(e)}},re={id:A.id,description:`find-replace.shortcut.open-replace-dialog`,binding:n.KeyCode.H|n.MetaKeys.CTRL_COMMAND,mac:n.KeyCode.H|n.MetaKeys.MAC_CTRL,group:K,preconditions(e){return q(e)&&J(e)&&(!U(e)||!W(e))}},ie={id:j.id,description:`find-replace.shortcut.go-to-next-match`,binding:n.KeyCode.ENTER,group:K,priority:1e3,preconditions(e){return G(e)&&U(e)}},ae={id:M.id,description:`find-replace.shortcut.go-to-previous-match`,binding:n.KeyCode.ENTER|n.MetaKeys.SHIFT,group:K,priority:1e3,preconditions(e){return G(e)&&U(e)}},oe={id:N.id,description:`find-replace.shortcut.focus-selection`,binding:n.KeyCode.ESC,group:K,priority:1e3,preconditions(e){return U(e)}},Y=`DESKTOP_FIND_REPLACE_DIALOG`;let X=class extends e.RxDisposable{constructor(e,t,n,r,i,a,o,s,c){super(),this._univerInstanceService=e,this._menuManagerService=t,this._shortcutService=n,this._commandService=r,this._findReplaceService=i,this._dialogService=a,this._layoutService=o,this._localeService=s,this._componentManager=c,m(this,`_closingListenerDisposable`,void 0),this._initCommands(),this._initUI(),this._initShortcuts()}dispose(){var e;super.dispose(),(e=this._closingListenerDisposable)==null||e.dispose(),this._closingListenerDisposable=null}_initCommands(){[k,A,j,M,O,D,N].forEach(e=>{this.disposeWithMe(this._commandService.registerCommand(e))})}_initShortcuts(){[re,te,ne,ae,ie,oe].forEach(e=>this.disposeWithMe(this._shortcutService.registerShortcut(e)))}_initUI(){[[`FindReplaceDialog`,B],[`SearchIcon`,a.SearchIcon]].forEach(([e,t])=>{this.disposeWithMe(this._componentManager.register(e,t))}),this._menuManagerService.mergeMenu(F),this._findReplaceService.stateUpdates$.pipe((0,i.takeUntil)(this.dispose$)).subscribe(e=>{e.revealed===!0&&this._openPanel()})}_openPanel(){this._dialogService.open({id:Y,draggable:!0,width:350,title:{title:this._localeService.t(`find-replace.dialog.title`)},children:{label:`FindReplaceDialog`},destroyOnClose:!0,mask:!1,maskClosable:!1,defaultPosition:se(),preservePositionOnDestroy:!0,onClose:()=>this.closePanel()}),this._closingListenerDisposable=(0,e.toDisposable)(this._univerInstanceService.focused$.pipe((0,i.takeUntil)(this.dispose$)).subscribe(e=>{(!e||!this._univerInstanceService.getUniverSheetInstance(e))&&this.closePanel()}))}closePanel(){this._closingListenerDisposable&&(this._closingListenerDisposable.dispose(),this._closingListenerDisposable=null,this._dialogService.close(Y),this._findReplaceService.terminate(),queueMicrotask(()=>this._layoutService.focus()))}};X=g([h(0,e.IUniverInstanceService),h(1,n.IMenuManagerService),h(2,n.IShortcutService),h(3,e.ICommandService),h(4,v),h(5,n.IDialogService),h(6,n.ILayoutService),h(7,(0,e.Inject)(e.LocaleService)),h(8,(0,e.Inject)(n.ComponentManager))],X);function se(){let{innerWidth:e}=window;return{x:e-350-20,y:64}}var ce=`@univerjs/find-replace`,le=`0.20.1`;const Z=`find-replace.config`;Symbol(Z);const Q={};let $=class extends e.Plugin{constructor(t=Q,n,r){super(),this._config=t,this._injector=n,this._configService=r;let{...i}=(0,e.merge)({},Q,this._config);this._configService.setConfig(Z,i)}onStarting(){[[X],[v,{useClass:E}]].forEach(e=>this._injector.add(e))}onRendered(){this._injector.get(X)}};m($,`pluginName`,`UNIVER_FIND_REPLACE_PLUGIN`),m($,`packageName`,ce),m($,`version`,le),$=g([h(1,(0,e.Inject)(e.Injector)),h(2,e.IConfigService)],$),exports.FindBy=S,exports.FindDirection=x,exports.FindModel=_,Object.defineProperty(exports,`FindReplaceController`,{enumerable:!0,get:function(){return X}}),Object.defineProperty(exports,`FindReplaceModel`,{enumerable:!0,get:function(){return b}}),exports.FindReplaceState=T,exports.FindScope=C,exports.GoToNextMatchOperation=j,exports.GoToPreviousMatchOperation=M,exports.IFindReplaceService=v,exports.OpenFindDialogOperation=k,exports.OpenReplaceDialogOperation=A,exports.ReplaceAllMatchesCommand=O,exports.ReplaceCurrentMatchCommand=D,Object.defineProperty(exports,`UniverFindReplacePlugin`,{enumerable:!0,get:function(){return $}}),exports.createInitFindReplaceState=w;
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+let _univerjs_core = require("@univerjs/core");
+let _univerjs_design = require("@univerjs/design");
+let _univerjs_ui = require("@univerjs/ui");
+let _univerjs_engine_render = require("@univerjs/engine-render");
+let rxjs = require("rxjs");
+let _univerjs_icons = require("@univerjs/icons");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/services/context-keys.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+const FIND_REPLACE_INPUT_FOCUS = "FIND_REPLACE_INPUT_FOCUS";
+/**
+* If find replace panel is focused.
+*/
+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";
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+function __decorateParam(paramIndex, decorator) {
+	return function(target, key) {
+		decorator(target, key, paramIndex);
+	};
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/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);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+//#endregion
+//#region src/services/find-replace.service.ts
+var FindModel = class extends _univerjs_core.Disposable {};
+const IFindReplaceService = (0, _univerjs_core.createIdentifier)("find-replace.service");
+/**
+*
+* @param statusUpdate
+*/
+function shouldStateUpdateTriggerResearch(statusUpdate) {
+	if (typeof statusUpdate.findString !== "undefined") return true;
+	if (typeof statusUpdate.inputtingFindString !== "undefined") return true;
+	if (typeof statusUpdate.findDirection !== "undefined") return true;
+	if (typeof statusUpdate.matchesTheWholeCell !== "undefined") return true;
+	if (typeof statusUpdate.caseSensitive !== "undefined") return true;
+	if (typeof statusUpdate.findScope !== "undefined") return true;
+	if (typeof statusUpdate.findBy !== "undefined") return true;
+	return false;
+}
+let FindReplaceModel = class FindReplaceModel extends _univerjs_core.Disposable {
+	get searched() {
+		return this._findModels.length > 0;
+	}
+	constructor(_state, _providers, _univerInstanceService, _commandService) {
+		super();
+		this._state = _state;
+		this._providers = _providers;
+		this._univerInstanceService = _univerInstanceService;
+		this._commandService = _commandService;
+		_defineProperty(this, "currentMatch$", new rxjs.BehaviorSubject(null));
+		_defineProperty(this, "replaceables$", new rxjs.BehaviorSubject([]));
+		_defineProperty(this, "_findModels", []);
+		_defineProperty(this, "_matchingModel", null);
+		_defineProperty(this, "_matches", []);
+		_defineProperty(this, "_currentSearchingDisposables", null);
+		this.disposeWithMe(this._state.stateUpdates$.pipe((0, rxjs.throttleTime)(200, void 0, {
+			leading: true,
+			trailing: true
+		})).subscribe(async (stateUpdate) => {
+			const state = this._state.state;
+			if (shouldStateUpdateTriggerResearch(stateUpdate)) {
+				if (state.findString !== "" && !state.replaceRevealed) {
+					await this._startSearching();
+					this._state.changeState({ findCompleted: true });
+				} else if (stateUpdate.replaceRevealed !== true) this._stopSearching();
+			}
+		}));
+	}
+	dispose() {
+		super.dispose();
+		this._stopSearching();
+		this.currentMatch$.complete();
+		this.replaceables$.complete();
+		this._state.changeState({
+			...createInitFindReplaceState(),
+			revealed: false
+		});
+	}
+	async start() {
+		if (!this._state.findString) return { results: [] };
+		const complete = await this._startSearching();
+		this._state.changeState({ findCompleted: true });
+		return complete;
+	}
+	focusSelection() {
+		var _this$_matchingModel;
+		(_this$_matchingModel = this._matchingModel) === null || _this$_matchingModel === void 0 || _this$_matchingModel.focusSelection();
+	}
+	/** Call this method to start a `searching`. */
+	async _startSearching() {
+		if (!this._state.findString) return { results: [] };
+		const providers = Array.from(this._providers);
+		const findModels = this._findModels = (await Promise.all(providers.map((provider) => provider.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(findModels);
+		const newMatches = this._matches = findModels.map((c) => c.getMatches()).flat();
+		this.replaceables$.next(newMatches.filter((m) => m.replaceable));
+		if (!newMatches.length) {
+			this._state.changeState({
+				matchesCount: 0,
+				matchesPosition: 0
+			});
+			return { results: [] };
+		}
+		this._moveToInitialMatch(findModels);
+		this._state.changeState({ matchesCount: newMatches.length });
+		return { results: newMatches };
+	}
+	/** Terminate the current searching session, when searching string is empty. */
+	_stopSearching() {
+		var _this$_currentSearchi;
+		this._providers.forEach((provider) => provider.terminate());
+		this._findModels = [];
+		this._matches = [];
+		this._matchingModel = null;
+		(_this$_currentSearchi = this._currentSearchingDisposables) === null || _this$_currentSearchi === void 0 || _this$_currentSearchi.dispose();
+		this._currentSearchingDisposables = null;
+		this.currentMatch$.next(null);
+		this.replaceables$.next([]);
+		this._state.changeState({
+			findCompleted: false,
+			matchesCount: 0,
+			matchesPosition: 0
+		});
+	}
+	_subscribeToModelsChanges(models) {
+		const disposables = this._currentSearchingDisposables = new _univerjs_core.DisposableCollection();
+		const matchesUpdateSubscription = (0, rxjs.combineLatest)(models.map((model) => model.matchesUpdate$)).pipe((0, rxjs.debounceTime)(220)).subscribe(([ ...allMatches]) => {
+			const newMatches = this._matches = allMatches.flat();
+			if (newMatches.length) {
+				this._moveToInitialMatch(this._findModels, true);
+				this._state.changeState({ matchesCount: newMatches.length });
+				this.replaceables$.next(newMatches.filter((m) => m.replaceable));
+			} else {
+				this._state.changeState({
+					matchesCount: 0,
+					matchesPosition: 0
+				});
+				this.replaceables$.next([]);
+			}
+		});
+		models.forEach((model) => disposables.add((0, _univerjs_core.toDisposable)(model.activelyChangingMatch$.subscribe((match) => {
+			const index = this._matches.findIndex((m) => m === match);
+			this._state.changeState({ matchesPosition: index + 1 });
+		}))));
+		disposables.add((0, _univerjs_core.toDisposable)(matchesUpdateSubscription));
+	}
+	async replace() {
+		if (!this._matchingModel) return false;
+		return this._matchingModel.replace(this._state.replaceString);
+	}
+	async replaceAll() {
+		const result = await Promise.all(this._findModels.map((m) => m.replaceAll(this._state.replaceString))).then((results) => results.reduce((acc, cur) => {
+			acc.success += cur.success;
+			acc.failure += cur.failure;
+			return acc;
+		}, {
+			success: 0,
+			failure: 0
+		}));
+		if (result.failure === 0) this._stopSearching();
+		return result;
+	}
+	getCurrentMatch() {
+		return this._state.matchesPosition > 0 ? this._matches[this._state.matchesPosition - 1] : null;
+	}
+	_markMatch(match) {
+		const index = this._matches.findIndex((value) => value === match);
+		this.currentMatch$.next(match);
+		this._state.changeState({ matchesPosition: index + 1 });
+	}
+	moveToNextMatch() {
+		if (!this._matchingModel) return;
+		const loopInCurrentUnit = this._findModels.length === 1;
+		const nextMatch = this._matchingModel.moveToNextMatch({ loop: loopInCurrentUnit });
+		if (nextMatch) {
+			this._markMatch(nextMatch);
+			return nextMatch;
+		} else {
+			const currentModelIndex = this._findModels.findIndex((m) => m === this._matchingModel);
+			return this._moveToNextUnitMatch(currentModelIndex);
+		}
+	}
+	_moveToNextUnitMatch(startingIndex) {
+		const l = this._findModels.length;
+		for (let i = (startingIndex + 1) % l; i !== startingIndex;) {
+			const nextPositionModel = this._findModels[i];
+			const nextMatch = nextPositionModel.moveToNextMatch({ ignoreSelection: true });
+			if (nextMatch) {
+				this._matchingModel = nextPositionModel;
+				this._markMatch(nextMatch);
+				return nextMatch;
+			}
+			i = (i + 1) % l;
+		}
+		if (this._matchingModel) {
+			const nextMatch = this._matchingModel.moveToNextMatch({ ignoreSelection: true });
+			if (nextMatch) this._markMatch(nextMatch);
+			return nextMatch;
+		}
+	}
+	moveToPreviousMatch() {
+		if (!this._matchingModel) return;
+		const loopInCurrentUnit = this._findModels.length === 1;
+		const nextMatch = this._matchingModel.moveToPreviousMatch({ loop: loopInCurrentUnit });
+		if (nextMatch) {
+			const index = this._matches.findIndex((value) => value === nextMatch);
+			this.currentMatch$.next(nextMatch);
+			this._state.changeState({ matchesPosition: index + 1 });
+			return nextMatch;
+		} else {
+			const l = this._findModels.length;
+			const currentModelIndex = this._findModels.findIndex((m) => m === this._matchingModel);
+			for (let i = (currentModelIndex - 1 + l) % l; i !== currentModelIndex;) {
+				const nextPositionModel = this._findModels[i];
+				const nextMatch = nextPositionModel.moveToPreviousMatch({ ignoreSelection: true });
+				if (nextMatch) {
+					this._matchingModel = nextPositionModel;
+					this._markMatch(nextMatch);
+					return nextMatch;
+				}
+				i = (i - 1) % l;
+			}
+			const nextMatch = this._matchingModel.moveToPreviousMatch({ ignoreSelection: true });
+			if (nextMatch) this._markMatch(nextMatch);
+			return nextMatch;
+		}
+	}
+	_moveToInitialMatch(findModels, noFocus = false) {
+		var _this$_univerInstance;
+		const focusedUnitId = (_this$_univerInstance = this._univerInstanceService.getFocusedUnit()) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getUnitId();
+		if (!focusedUnitId) return -1;
+		const i = findModels.findIndex((model) => model.unitId === focusedUnitId);
+		if (i !== -1) {
+			this._matchingModel = findModels[i];
+			const nextMatch = this._matchingModel.moveToNextMatch({
+				stayIfOnMatch: true,
+				noFocus
+			});
+			if (nextMatch) {
+				this._markMatch(nextMatch);
+				return i;
+			}
+		}
+		this._moveToNextUnitMatch(i);
+		return 0;
+	}
+};
+FindReplaceModel = __decorate([__decorateParam(2, _univerjs_core.IUniverInstanceService), __decorateParam(3, _univerjs_core.ICommandService)], FindReplaceModel);
+let FindDirection = /* @__PURE__ */ function(FindDirection) {
+	/** Default. */
+	FindDirection["ROW"] = "row";
+	FindDirection["COLUMN"] = "column";
+	return FindDirection;
+}({});
+let FindBy = /* @__PURE__ */ function(FindBy) {
+	FindBy["VALUE"] = "value";
+	FindBy["FORMULA"] = "formula";
+	return FindBy;
+}({});
+let FindScope = /* @__PURE__ */ function(FindScope) {
+	/** Default. */
+	FindScope["SUBUNIT"] = "subunit";
+	/** Find the scope in the current unit. */
+	FindScope["UNIT"] = "unit";
+	return FindScope;
+}({});
+function createInitFindReplaceState() {
+	return {
+		caseSensitive: false,
+		findBy: FindBy.VALUE,
+		findCompleted: false,
+		findDirection: FindDirection.ROW,
+		findScope: FindScope.SUBUNIT,
+		findString: "",
+		inputtingFindString: "",
+		matchesCount: 0,
+		matchesPosition: 0,
+		matchesTheWholeCell: false,
+		replaceRevealed: false,
+		replaceString: "",
+		revealed: true
+	};
+}
+/**
+* This class stores find replace options state. These state are stored
+* here instead of the React component so we can change state from
+* operations.
+*/
+var FindReplaceState = class {
+	constructor() {
+		_defineProperty(this, "_stateUpdates$", new rxjs.Subject());
+		_defineProperty(this, "stateUpdates$", this._stateUpdates$.asObservable());
+		_defineProperty(this, "_state$", new rxjs.BehaviorSubject(createInitFindReplaceState()));
+		_defineProperty(this, "state$", this._state$.asObservable());
+		_defineProperty(this, "_findString", "");
+		_defineProperty(this, "_inputtingFindString", "");
+		_defineProperty(this, "_replaceString", "");
+		_defineProperty(this, "_revealed", false);
+		_defineProperty(this, "_replaceRevealed", false);
+		_defineProperty(this, "_matchesPosition", 0);
+		_defineProperty(this, "_matchesCount", 0);
+		_defineProperty(this, "_caseSensitive", true);
+		_defineProperty(this, "_matchesTheWholeCell", false);
+		_defineProperty(this, "_findDirection", FindDirection.ROW);
+		_defineProperty(this, "_findScope", FindScope.SUBUNIT);
+		_defineProperty(this, "_findBy", FindBy.VALUE);
+		_defineProperty(this, "_findCompleted", false);
+	}
+	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(changes) {
+		let changed = false;
+		const changedState = {};
+		if (typeof changes.findString !== "undefined" && changes.findString !== this._findString) {
+			this._findString = changes.findString;
+			changedState.findString = this._findString;
+			changed = true;
+		}
+		if (typeof changes.revealed !== "undefined" && changes.revealed !== this._revealed) {
+			this._revealed = changes.revealed;
+			changedState.revealed = changes.revealed;
+			changed = true;
+		}
+		if (typeof changes.replaceRevealed !== "undefined" && changes.replaceRevealed !== this._replaceRevealed) {
+			this._replaceRevealed = changes.replaceRevealed;
+			changedState.replaceRevealed = changes.replaceRevealed;
+			changed = true;
+		}
+		if (typeof changes.replaceString !== "undefined" && changes.replaceString !== this._replaceString) {
+			this._replaceString = changes.replaceString;
+			changedState.replaceString = changes.replaceString;
+			changed = true;
+		}
+		if (typeof changes.matchesCount !== "undefined" && changes.matchesCount !== this._matchesCount) {
+			this._matchesCount = changes.matchesCount;
+			changedState.matchesCount = changes.matchesCount;
+			changed = true;
+		}
+		if (typeof changes.matchesPosition !== "undefined" && changes.matchesPosition !== this._matchesPosition) {
+			this._matchesPosition = changes.matchesPosition;
+			changedState.matchesPosition = changes.matchesPosition;
+			changed = true;
+		}
+		if (typeof changes.findBy !== "undefined" && changes.findBy !== this._findBy) {
+			this._findBy = changes.findBy;
+			changedState.findBy = changes.findBy;
+			changed = true;
+		}
+		if (typeof changes.findScope !== "undefined" && changes.findScope !== this._findScope) {
+			this._findScope = changes.findScope;
+			changedState.findScope = changes.findScope;
+			changed = true;
+		}
+		if (typeof changes.findDirection !== "undefined" && changes.findDirection !== this._findDirection) {
+			this._findDirection = changes.findDirection;
+			changedState.findDirection = changes.findDirection;
+			changed = true;
+		}
+		if (typeof changes.caseSensitive !== "undefined" && changes.caseSensitive !== this._caseSensitive) {
+			this._caseSensitive = changes.caseSensitive;
+			changedState.caseSensitive = changes.caseSensitive;
+			changed = true;
+		}
+		if (typeof changes.matchesTheWholeCell !== "undefined" && changes.matchesTheWholeCell !== this._matchesTheWholeCell) {
+			this._matchesTheWholeCell = changes.matchesTheWholeCell;
+			changedState.matchesTheWholeCell = changes.matchesTheWholeCell;
+			changed = true;
+		}
+		if (typeof changes.inputtingFindString !== "undefined" && changes.inputtingFindString !== this._inputtingFindString) {
+			this._inputtingFindString = changes.inputtingFindString;
+			changedState.inputtingFindString = changes.inputtingFindString;
+			changed = true;
+		}
+		if (typeof changes.findCompleted !== "undefined" && changes.findCompleted !== this._findCompleted) {
+			this._findCompleted = changes.findCompleted;
+			changedState.findCompleted = changes.findCompleted;
+			changed = true;
+		}
+		if (changed) {
+			this._state$.next({
+				caseSensitive: this._caseSensitive,
+				findBy: this._findBy,
+				findCompleted: this._findCompleted,
+				findDirection: this._findDirection,
+				findScope: this._findScope,
+				findString: this._findString,
+				inputtingFindString: this._inputtingFindString,
+				matchesCount: this._matchesCount,
+				matchesPosition: this._matchesPosition,
+				matchesTheWholeCell: this._matchesTheWholeCell,
+				replaceRevealed: this._replaceRevealed,
+				revealed: this._revealed
+			});
+			this._stateUpdates$.next(changedState);
+		}
+	}
+};
+let FindReplaceService = class FindReplaceService extends _univerjs_core.Disposable {
+	get stateUpdates$() {
+		return this._state.stateUpdates$;
+	}
+	get state$() {
+		return this._state.state$;
+	}
+	get revealed() {
+		return this._state.revealed;
+	}
+	get replaceRevealed() {
+		return this._state.replaceRevealed;
+	}
+	constructor(_injector, _contextService) {
+		super();
+		this._injector = _injector;
+		this._contextService = _contextService;
+		_defineProperty(this, "_providers", /* @__PURE__ */ new Set());
+		_defineProperty(this, "_state", new FindReplaceState());
+		_defineProperty(this, "_model", void 0);
+		_defineProperty(this, "_currentMatch$", new rxjs.BehaviorSubject(null));
+		_defineProperty(this, "currentMatch$", this._currentMatch$.asObservable());
+		_defineProperty(this, "_replaceables$", new rxjs.BehaviorSubject([]));
+		_defineProperty(this, "replaceables$", this._replaceables$.asObservable());
+		_defineProperty(this, "_focusSignal$", new rxjs.Subject());
+		_defineProperty(this, "focusSignal$", this._focusSignal$.asObservable());
+	}
+	dispose() {
+		super.dispose();
+		this._currentMatch$.next(null);
+		this._currentMatch$.complete();
+		this._replaceables$.next([]);
+		this._replaceables$.complete();
+		this._focusSignal$.complete();
+	}
+	getProviders() {
+		return this._providers;
+	}
+	getCurrentMatch() {
+		var _this$_model;
+		return (_this$_model = this._model) === null || _this$_model === void 0 ? void 0 : _this$_model.getCurrentMatch();
+	}
+	getFindString() {
+		return this._state.findString;
+	}
+	changeFindString(findString) {
+		this._state.changeState({ findString });
+	}
+	focusFindInput() {
+		this._focusSignal$.next();
+	}
+	changeInputtingFindString(value) {
+		if (value) this._state.changeState({ inputtingFindString: value });
+		else this._state.changeState({
+			inputtingFindString: "",
+			findString: ""
+		});
+	}
+	changeReplaceString(replaceString) {
+		this._state.changeState({ replaceString });
+	}
+	changeMatchesTheWholeCell(matchesTheWholeCell) {
+		this._state.changeState({ matchesTheWholeCell });
+	}
+	changeCaseSensitive(caseSensitive) {
+		this._state.changeState({ caseSensitive });
+	}
+	changeFindBy(findBy) {
+		this._state.changeState({ findBy });
+		this._toggleDisplayRawFormula(findBy === FindBy.FORMULA);
+	}
+	changeFindScope(scope) {
+		this._state.changeState({ findScope: scope });
+	}
+	changeFindDirection(direction) {
+		this._state.changeState({ findDirection: direction });
+	}
+	moveToNextMatch() {
+		if (!this._model) return;
+		if (this._state.replaceRevealed && !this._model.searched) {
+			this._state.changeState({ findString: this._state.inputtingFindString });
+			this._model.start();
+		} else this._model.moveToNextMatch();
+		this._focusSignal$.next();
+	}
+	moveToPreviousMatch() {
+		if (!this._model) return;
+		if (this._state.replaceRevealed && !this._model.searched) {
+			this._state.changeState({ findString: this._state.inputtingFindString });
+			this._model.start();
+		} else this._model.moveToPreviousMatch();
+		this._focusSignal$.next();
+	}
+	async replace() {
+		if (!this._model) return false;
+		return this._model.replace();
+	}
+	async replaceAll() {
+		if (!this._model) throw new Error("[FindReplaceService] replaceAll: model is not initialized!");
+		return this._model.replaceAll();
+	}
+	revealReplace() {
+		this._state.changeState({
+			replaceRevealed: true,
+			inputtingFindString: this._state.findString
+		});
+		this._toggleRevealReplace(true);
+	}
+	focusSelection() {
+		var _this$_model2;
+		(_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);
+		this._model.currentMatch$.subscribe((match) => this._currentMatch$.next(match));
+		this._model.replaceables$.subscribe((replaceables) => this._replaceables$.next(replaceables));
+		const newState = createInitFindReplaceState();
+		if (revealReplace) newState.replaceRevealed = true;
+		this._state.changeState(newState);
+		this._toggleRevealReplace(revealReplace);
+		return true;
+	}
+	find() {
+		var _this$_model3;
+		(_this$_model3 = this._model) === null || _this$_model3 === void 0 || _this$_model3.start();
+	}
+	terminate() {
+		var _this$_model4;
+		(_this$_model4 = this._model) === null || _this$_model4 === void 0 || _this$_model4.dispose();
+		this._model = null;
+		this._toggleDisplayRawFormula(false);
+		this._toggleRevealReplace(false);
+	}
+	registerFindReplaceProvider(provider) {
+		this._providers.add(provider);
+		return (0, _univerjs_core.toDisposable)(() => this._providers.delete(provider));
+	}
+	_toggleRevealReplace(revealReplace) {
+		this._contextService.setContextValue(FIND_REPLACE_REPLACE_REVEALED, revealReplace);
+	}
+	_toggleDisplayRawFormula(force) {
+		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);
+
+//#endregion
+//#region src/commands/commands/replace.command.ts
+const ReplaceCurrentMatchCommand = {
+	id: "ui.command.replace-current-match",
+	type: _univerjs_core.CommandType.COMMAND,
+	handler: (accessor) => {
+		return accessor.get(IFindReplaceService).replace();
+	}
+};
+const CONFIRM_REPLACE_ALL_ID = "CONFIRM_REPLACE_ALL";
+const ReplaceAllMatchesCommand = {
+	id: "ui.command.replace-all-matches",
+	type: _univerjs_core.CommandType.COMMAND,
+	handler: async (accessor) => {
+		const confirmService = accessor.get(_univerjs_core.IConfirmService);
+		const localeService = accessor.get(_univerjs_core.LocaleService);
+		const messageService = accessor.get(_univerjs_ui.IMessageService);
+		if (!await confirmService.confirm({
+			id: CONFIRM_REPLACE_ALL_ID,
+			title: { title: localeService.t("find-replace.replace.confirm.title") },
+			cancelText: localeService.t("button.cancel"),
+			confirmText: localeService.t("button.confirm")
+		})) return false;
+		const { success, failure } = await accessor.get(IFindReplaceService).replaceAll();
+		if (failure > 0) {
+			if (success === 0) messageService.show({
+				type: _univerjs_design.MessageType.Error,
+				content: localeService.t("find-replace.replace.all-failure")
+			});
+			else messageService.show({
+				type: _univerjs_design.MessageType.Warning,
+				content: localeService.t("find-replace.replace.partial-success", `${success}`, `${failure}`)
+			});
+			return false;
+		}
+		messageService.show({
+			type: _univerjs_design.MessageType.Success,
+			content: localeService.t("find-replace.replace.all-success", `${success}`)
+		});
+		return true;
+	}
+};
+
+//#endregion
+//#region src/commands/operations/find-replace.operation.ts
+const OpenFindDialogOperation = {
+	id: "ui.operation.open-find-dialog",
+	type: _univerjs_core.CommandType.OPERATION,
+	handler: (accessor) => {
+		const findReplaceService = accessor.get(IFindReplaceService);
+		if (!findReplaceService.revealed) findReplaceService.start();
+		else findReplaceService.focusFindInput();
+		return true;
+	}
+};
+const OpenReplaceDialogOperation = {
+	id: "ui.operation.open-replace-dialog",
+	type: _univerjs_core.CommandType.OPERATION,
+	handler: (accessor) => {
+		const findReplaceService = accessor.get(IFindReplaceService);
+		if (!findReplaceService.revealed) findReplaceService.start(true);
+		else if (!findReplaceService.replaceRevealed) findReplaceService.revealReplace();
+		else findReplaceService.focusFindInput();
+		return true;
+	}
+};
+const GoToNextMatchOperation = {
+	type: _univerjs_core.CommandType.OPERATION,
+	id: "ui.operation.go-to-next-match",
+	handler: (accessor) => {
+		accessor.get(IFindReplaceService).moveToNextMatch();
+		return true;
+	}
+};
+const GoToPreviousMatchOperation = {
+	type: _univerjs_core.CommandType.OPERATION,
+	id: "ui.operation.go-to-previous-match",
+	handler: (accessor) => {
+		accessor.get(IFindReplaceService).moveToPreviousMatch();
+		return true;
+	}
+};
+const FocusSelectionOperation = {
+	type: _univerjs_core.CommandType.OPERATION,
+	id: "ui.operation.focus-selection",
+	handler: (accessor) => {
+		accessor.get(IFindReplaceService).focusSelection();
+		return true;
+	}
+};
+
+//#endregion
+//#region src/menu/find-replace.menu.ts
+function FindReplaceMenuItemFactory(accessor) {
+	const contextService = accessor.get(_univerjs_core.IContextService);
+	return {
+		id: OpenFindDialogOperation.id,
+		icon: "SearchIcon",
+		tooltip: "find-replace.toolbar",
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
+		disabled$: (0, rxjs.combineLatest)([contextService.subscribeContextValue$(_univerjs_core.EDITOR_ACTIVATED), contextService.subscribeContextValue$(_univerjs_core.FOCUSING_SHEET)]).pipe((0, rxjs.map)(([editorActivated, focusingSheet]) => editorActivated || !focusingSheet))
+	};
+}
+
+//#endregion
+//#region src/menu/schema.ts
+const menuSchema = { [_univerjs_ui.RibbonDataGroup.ORGANIZATION]: { [OpenFindDialogOperation.id]: {
+	order: 2,
+	menuItemFactory: FindReplaceMenuItemFactory
+} } };
+
+//#endregion
+//#region src/views/dialog/SearchInput.tsx
+function SearchInput(props) {
+	const { findCompleted: findComplete, localeService, matchesCount, matchesPosition, initialFindString, findReplaceService, onChange, ...rest } = props;
+	const [value, setValue] = (0, react.useState)(initialFindString);
+	const text = findComplete && matchesCount === 0 ? localeService.t("find-replace.dialog.no-result") : matchesCount === 0 ? " " : void 0;
+	function handleChangePosition(newIndex) {
+		if (matchesPosition === matchesCount && newIndex === 1) findReplaceService.moveToNextMatch();
+		else if (matchesPosition === 1 && newIndex === matchesCount) findReplaceService.moveToPreviousMatch();
+		else if (newIndex < matchesPosition) findReplaceService.moveToPreviousMatch();
+		else findReplaceService.moveToNextMatch();
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "univer-relative univer-flex univer-items-center univer-gap-2",
+		onDrag: (e) => e.stopPropagation(),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
+			"data-u-comp": "search-input",
+			autoFocus: true,
+			placeholder: localeService.t("find-replace.dialog.find-placeholder"),
+			value,
+			onChange: (value) => {
+				setValue(value);
+				onChange === null || onChange === void 0 || onChange(value);
+			},
+			slot: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Pager, {
+				loop: true,
+				text,
+				value: matchesPosition,
+				total: matchesCount,
+				onChange: handleChangePosition
+			}),
+			...rest
+		})
+	});
+}
+
+//#endregion
+//#region src/views/dialog/FindReplaceDialog.tsx
+function useFindInputFocus(findReplaceService, ref) {
+	const focus = (0, react.useCallback)(() => {
+		var _document$querySelect;
+		(_document$querySelect = document.querySelector(".univer-find-input input")) === null || _document$querySelect === void 0 || _document$querySelect.focus();
+	}, []);
+	const selectHasFocus = (0, react.useCallback)(() => {
+		const allInputs = document.querySelectorAll("[data-u-comp=find-replace-dialog] [data-u-comp=search-input]");
+		return Array.from(allInputs).some((input) => input === document.activeElement);
+	}, []);
+	(0, react.useImperativeHandle)(ref, () => ({
+		focus,
+		selectHasFocus
+	}));
+	(0, react.useEffect)(() => {
+		const subscription = findReplaceService.focusSignal$.subscribe(() => focus());
+		return () => subscription.unsubscribe();
+	}, [findReplaceService, focus]);
+	return {
+		focus,
+		selectHasFocus
+	};
+}
+const FindDialog = (0, react.forwardRef)(function FindDialogImpl(_props, ref) {
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const findReplaceService = (0, _univerjs_ui.useDependency)(IFindReplaceService);
+	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	const { findCompleted, findString, matchesCount, matchesPosition } = (0, _univerjs_ui.useObservable)(findReplaceService.state$, void 0, true);
+	const revealReplace = (0, react.useCallback)(() => {
+		commandService.executeCommand(OpenReplaceDialogOperation.id);
+	}, [commandService]);
+	const onFindStringChange = (0, _univerjs_ui.useDebounceFn)((findString) => {
+		return findReplaceService.changeFindString(findString);
+	}, 500);
+	useFindInputFocus(findReplaceService, ref);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchInput, {
+		findCompleted,
+		matchesCount,
+		matchesPosition,
+		findReplaceService,
+		localeService,
+		initialFindString: findString,
+		onChange: onFindStringChange
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "univer-mt-4 univer-text-center",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
+			className: "hover:univer-text-primary-500/80 univer-cursor-pointer univer-text-sm univer-text-primary-500 univer-transition-colors",
+			onClick: revealReplace,
+			children: localeService.t("find-replace.dialog.advanced-finding")
+		})
+	})] });
+});
+const ReplaceDialog = (0, react.forwardRef)(function ReplaceDialogImpl(_props, ref) {
+	const findReplaceService = (0, _univerjs_ui.useDependency)(IFindReplaceService);
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	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 findDisabled = inputtingFindString.length === 0;
+	const replaceDisabled = matchesCount === 0 || !(currentMatch === null || currentMatch === void 0 ? void 0 : currentMatch.replaceable);
+	const replaceAllDisabled = replaceables.length === 0;
+	const onFindStringChange = (0, react.useCallback)((newValue) => findReplaceService.changeInputtingFindString(newValue), [findReplaceService]);
+	const onReplaceStringChange = (0, react.useCallback)((replaceString) => findReplaceService.changeReplaceString(replaceString), [findReplaceService]);
+	const { focus } = useFindInputFocus(findReplaceService, ref);
+	const onClickFindButton = (0, react.useCallback)(() => {
+		if (findString === inputtingFindString) findReplaceService.moveToNextMatch();
+		else {
+			findReplaceService.changeFindString(inputtingFindString);
+			findReplaceService.find();
+		}
+	}, [
+		findString,
+		inputtingFindString,
+		findReplaceService
+	]);
+	const onClickReplaceButton = (0, react.useCallback)(() => commandService.executeCommand(ReplaceCurrentMatchCommand.id), [commandService]);
+	const onClickReplaceAllButton = (0, react.useCallback)(async () => {
+		await commandService.executeCommand(ReplaceAllMatchesCommand.id);
+		focus();
+	}, [commandService]);
+	const onChangeFindDirection = (0, react.useCallback)((findDirection) => {
+		findReplaceService.changeFindDirection(findDirection);
+	}, [findReplaceService]);
+	const onChangeFindScope = (0, react.useCallback)((findScope) => {
+		findReplaceService.changeFindScope(findScope);
+	}, [findReplaceService]);
+	const onChangeFindBy = (0, react.useCallback)((findBy) => {
+		findReplaceService.changeFindBy(findBy);
+	}, [findReplaceService]);
+	const findScopeOptions = useFindScopeOptions(localeService);
+	const findDirectionOptions = useFindDirectionOptions(localeService);
+	const findByOptions = useFindByOptions(localeService);
+	(0, react.useEffect)(() => {
+		if (findCompleted && matchesCount === 0) messageService.show({
+			content: localeService.t("find-replace.dialog.no-match"),
+			type: _univerjs_design.MessageType.Warning,
+			duration: 5e3
+		});
+	}, [
+		findCompleted,
+		matchesCount,
+		messageService,
+		localeService
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+			label: localeService.t("find-replace.dialog.find"),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchInput, {
+				findCompleted,
+				className: "univer-find-input",
+				matchesCount,
+				matchesPosition,
+				findReplaceService,
+				localeService,
+				initialFindString: inputtingFindString,
+				onChange: onFindStringChange
+			})
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+			label: localeService.t("find-replace.dialog.replace"),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
+				placeholder: localeService.t("find-replace.dialog.replace-placeholder"),
+				value: replaceString,
+				onChange: (value) => onReplaceStringChange(value)
+			})
+		}),
+		/* @__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,
+				options: findDirectionOptions,
+				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, {
+			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, {
+			label: localeService.t("find-replace.dialog.find-by.title"),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
+				value: findBy,
+				options: findByOptions,
+				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")
+		}) })] }) }),
+		/* @__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, {
+				variant: "primary",
+				onClick: onClickFindButton,
+				disabled: findDisabled,
+				children: localeService.t("find-replace.dialog.find")
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+				className: "univer-inline-flex univer-gap-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
+					disabled: replaceDisabled,
+					onClick: onClickReplaceButton,
+					children: localeService.t("find-replace.dialog.replace")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
+					disabled: replaceAllDisabled,
+					onClick: onClickReplaceAllButton,
+					children: localeService.t("find-replace.dialog.replace-all")
+				})]
+			})]
+		})
+	] });
+});
+function FindReplaceDialog() {
+	const findReplaceService = (0, _univerjs_ui.useDependency)(IFindReplaceService);
+	const layoutService = (0, _univerjs_ui.useDependency)(_univerjs_ui.ILayoutService);
+	const contextService = (0, _univerjs_ui.useDependency)(_univerjs_core.IContextService);
+	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();
+	}, [layoutService]);
+	const focusRef = (0, react.useRef)(null);
+	const setDialogContainerFocus = (0, react.useCallback)((focused) => contextService.setContextValue(FIND_REPLACE_DIALOG_FOCUS, focused), [contextService]);
+	const setDialogInputFocus = (0, react.useCallback)((focused) => contextService.setContextValue(FIND_REPLACE_INPUT_FOCUS, focused), [contextService]);
+	(0, react.useEffect)(() => {
+		var _focusRef$current;
+		const focusSubscription = (0, rxjs.fromEvent)(document, "focusin").subscribe((event) => {
+			var _dialogContainerRef$c;
+			if (event.target && ((_dialogContainerRef$c = dialogContainerRef.current) === null || _dialogContainerRef$c === void 0 ? void 0 : _dialogContainerRef$c.contains(event.target))) setDialogContainerFocus(true);
+			else setDialogContainerFocus(false);
+			if (!focusRef.current || !focusRef.current.selectHasFocus()) setDialogInputFocus(false);
+			else setDialogInputFocus(true);
+		});
+		(_focusRef$current = focusRef.current) === null || _focusRef$current === void 0 || _focusRef$current.focus();
+		setDialogContainerFocus(true);
+		setDialogInputFocus(true);
+		return () => {
+			focusSubscription.unsubscribe();
+			setDialogContainerFocus(false);
+		};
+	}, [setDialogContainerFocus, setDialogInputFocus]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref: dialogContainerRef,
+		"data-u-comp": "find-replace-dialog",
+		children: !state.replaceRevealed ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FindDialog, { ref: focusRef }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ReplaceDialog, { ref: focusRef })
+	});
+}
+function useFindScopeOptions(localeService) {
+	return (0, react.useMemo)(() => {
+		return [{
+			label: localeService.t("find-replace.dialog.find-scope.current-sheet"),
+			value: FindScope.SUBUNIT
+		}, {
+			label: localeService.t("find-replace.dialog.find-scope.workbook"),
+			value: FindScope.UNIT
+		}];
+	}, [localeService.getCurrentLocale()]);
+}
+function useFindDirectionOptions(localeService) {
+	return (0, react.useMemo)(() => {
+		return [{
+			label: localeService.t("find-replace.dialog.find-direction.row"),
+			value: FindDirection.ROW
+		}, {
+			label: localeService.t("find-replace.dialog.find-direction.column"),
+			value: FindDirection.COLUMN
+		}];
+	}, [localeService.getCurrentLocale()]);
+}
+function useFindByOptions(localeService) {
+	return (0, react.useMemo)(() => {
+		return [{
+			label: localeService.t("find-replace.dialog.find-by.value"),
+			value: FindBy.VALUE
+		}, {
+			label: localeService.t("find-replace.dialog.find-by.formula"),
+			value: FindBy.FORMULA
+		}];
+	}, [localeService.getCurrentLocale()]);
+}
+
+//#endregion
+//#region src/controllers/find-replace.shortcut.ts
+function whenFindReplaceDialogFocused(contextService) {
+	return contextService.getContextValue(FIND_REPLACE_DIALOG_FOCUS);
+}
+function whenReplaceRevealed(contextService) {
+	return contextService.getContextValue(FIND_REPLACE_REPLACE_REVEALED);
+}
+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 whenEditorNotActivated(contextService) {
+	return !contextService.getContextValue(_univerjs_core.EDITOR_ACTIVATED);
+}
+const OpenFindDialogShortcutItem = {
+	id: OpenFindDialogOperation.id,
+	description: "find-replace.shortcut.open-find-dialog",
+	binding: _univerjs_ui.KeyCode.F | _univerjs_ui.MetaKeys.CTRL_COMMAND,
+	group: FIND_REPLACE_SHORTCUT_GROUP,
+	preconditions(contextService) {
+		return !whenFindReplaceDialogFocused(contextService) && whenSheetFocused(contextService) && whenEditorNotActivated(contextService);
+	}
+};
+const MacOpenFindDialogShortcutItem = {
+	id: OpenFindDialogOperation.id,
+	description: "find-replace.shortcut.open-find-dialog",
+	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);
+	}
+};
+const OpenReplaceDialogShortcutItem = {
+	id: OpenReplaceDialogOperation.id,
+	description: "find-replace.shortcut.open-replace-dialog",
+	binding: _univerjs_ui.KeyCode.H | _univerjs_ui.MetaKeys.CTRL_COMMAND,
+	mac: _univerjs_ui.KeyCode.H | _univerjs_ui.MetaKeys.MAC_CTRL,
+	group: FIND_REPLACE_SHORTCUT_GROUP,
+	preconditions(contextService) {
+		return whenSheetFocused(contextService) && whenEditorNotActivated(contextService) && (!whenFindReplaceDialogFocused(contextService) || !whenReplaceRevealed(contextService));
+	}
+};
+const GoToNextFindMatchShortcutItem = {
+	id: GoToNextMatchOperation.id,
+	description: "find-replace.shortcut.go-to-next-match",
+	binding: _univerjs_ui.KeyCode.ENTER,
+	group: FIND_REPLACE_SHORTCUT_GROUP,
+	priority: 1e3,
+	preconditions(contextService) {
+		return whenFindReplaceInputFocused(contextService) && whenFindReplaceDialogFocused(contextService);
+	}
+};
+const GoToPreviousFindMatchShortcutItem = {
+	id: GoToPreviousMatchOperation.id,
+	description: "find-replace.shortcut.go-to-previous-match",
+	binding: _univerjs_ui.KeyCode.ENTER | _univerjs_ui.MetaKeys.SHIFT,
+	group: FIND_REPLACE_SHORTCUT_GROUP,
+	priority: 1e3,
+	preconditions(contextService) {
+		return whenFindReplaceInputFocused(contextService) && whenFindReplaceDialogFocused(contextService);
+	}
+};
+const FocusSelectionShortcutItem = {
+	id: FocusSelectionOperation.id,
+	description: "find-replace.shortcut.focus-selection",
+	binding: _univerjs_ui.KeyCode.ESC,
+	group: FIND_REPLACE_SHORTCUT_GROUP,
+	priority: 1e3,
+	preconditions(contextService) {
+		return whenFindReplaceDialogFocused(contextService);
+	}
+};
+
+//#endregion
+//#region src/controllers/find-replace.controller.ts
+const FIND_REPLACE_DIALOG_ID = "DESKTOP_FIND_REPLACE_DIALOG";
+const FIND_REPLACE_PANEL_WIDTH = 350;
+const FIND_REPLACE_PANEL_RIGHT_PADDING = 20;
+const FIND_REPLACE_PANEL_TOP_PADDING = 64;
+let FindReplaceController = class FindReplaceController extends _univerjs_core.RxDisposable {
+	constructor(_univerInstanceService, _menuManagerService, _shortcutService, _commandService, _findReplaceService, _dialogService, _layoutService, _localeService, _componentManager) {
+		super();
+		this._univerInstanceService = _univerInstanceService;
+		this._menuManagerService = _menuManagerService;
+		this._shortcutService = _shortcutService;
+		this._commandService = _commandService;
+		this._findReplaceService = _findReplaceService;
+		this._dialogService = _dialogService;
+		this._layoutService = _layoutService;
+		this._localeService = _localeService;
+		this._componentManager = _componentManager;
+		_defineProperty(this, "_closingListenerDisposable", void 0);
+		this._initCommands();
+		this._initUI();
+		this._initShortcuts();
+	}
+	dispose() {
+		var _this$_closingListene;
+		super.dispose();
+		(_this$_closingListene = this._closingListenerDisposable) === null || _this$_closingListene === void 0 || _this$_closingListene.dispose();
+		this._closingListenerDisposable = null;
+	}
+	_initCommands() {
+		[
+			OpenFindDialogOperation,
+			OpenReplaceDialogOperation,
+			GoToNextMatchOperation,
+			GoToPreviousMatchOperation,
+			ReplaceAllMatchesCommand,
+			ReplaceCurrentMatchCommand,
+			FocusSelectionOperation
+		].forEach((c) => {
+			this.disposeWithMe(this._commandService.registerCommand(c));
+		});
+	}
+	_initShortcuts() {
+		[
+			OpenReplaceDialogShortcutItem,
+			OpenFindDialogShortcutItem,
+			MacOpenFindDialogShortcutItem,
+			GoToPreviousFindMatchShortcutItem,
+			GoToNextFindMatchShortcutItem,
+			FocusSelectionShortcutItem
+		].forEach((s) => this.disposeWithMe(this._shortcutService.registerShortcut(s)));
+	}
+	_initUI() {
+		[["FindReplaceDialog", FindReplaceDialog], ["SearchIcon", _univerjs_icons.SearchIcon]].forEach(([key, comp]) => {
+			this.disposeWithMe(this._componentManager.register(key, comp));
+		});
+		this._menuManagerService.mergeMenu(menuSchema);
+		this._findReplaceService.stateUpdates$.pipe((0, rxjs.takeUntil)(this.dispose$)).subscribe((newState) => {
+			if (newState.revealed === true) this._openPanel();
+		});
+	}
+	_openPanel() {
+		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(),
+			preservePositionOnDestroy: true,
+			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();
+		}));
+	}
+	closePanel() {
+		if (!this._closingListenerDisposable) return;
+		this._closingListenerDisposable.dispose();
+		this._closingListenerDisposable = null;
+		this._dialogService.close(FIND_REPLACE_DIALOG_ID);
+		this._findReplaceService.terminate();
+		queueMicrotask(() => this._layoutService.focus());
+	}
+};
+FindReplaceController = __decorate([
+	__decorateParam(0, _univerjs_core.IUniverInstanceService),
+	__decorateParam(1, _univerjs_ui.IMenuManagerService),
+	__decorateParam(2, _univerjs_ui.IShortcutService),
+	__decorateParam(3, _univerjs_core.ICommandService),
+	__decorateParam(4, IFindReplaceService),
+	__decorateParam(5, _univerjs_ui.IDialogService),
+	__decorateParam(6, _univerjs_ui.ILayoutService),
+	__decorateParam(7, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService)),
+	__decorateParam(8, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager))
+], FindReplaceController);
+function getFindReplaceDialogDefaultPosition() {
+	const { innerWidth } = window;
+	return {
+		x: innerWidth - FIND_REPLACE_PANEL_WIDTH - FIND_REPLACE_PANEL_RIGHT_PADDING,
+		y: FIND_REPLACE_PANEL_TOP_PADDING
+	};
+}
+
+//#endregion
+//#region package.json
+var name = "@univerjs/find-replace";
+var version = "0.21.0-insiders.20260422-d7fcb4d";
+
+//#endregion
+//#region src/config/config.ts
+const FIND_REPLACE_PLUGIN_CONFIG_KEY = "find-replace.config";
+const configSymbol = Symbol(FIND_REPLACE_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
+
+//#endregion
+//#region src/plugin.ts
+let UniverFindReplacePlugin = class UniverFindReplacePlugin extends _univerjs_core.Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _configService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._configService = _configService;
+		const { ...rest } = (0, _univerjs_core.merge)({}, defaultPluginConfig, this._config);
+		this._configService.setConfig(FIND_REPLACE_PLUGIN_CONFIG_KEY, rest);
+	}
+	onStarting() {
+		[[FindReplaceController], [IFindReplaceService, { useClass: FindReplaceService }]].forEach((d) => this._injector.add(d));
+	}
+	onRendered() {
+		this._injector.get(FindReplaceController);
+	}
+};
+_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);
+
+//#endregion
+exports.FindBy = FindBy;
+exports.FindDirection = FindDirection;
+exports.FindModel = FindModel;
+Object.defineProperty(exports, 'FindReplaceController', {
+  enumerable: true,
+  get: function () {
+    return FindReplaceController;
+  }
+});
+Object.defineProperty(exports, 'FindReplaceModel', {
+  enumerable: true,
+  get: function () {
+    return FindReplaceModel;
+  }
+});
+exports.FindReplaceState = FindReplaceState;
+exports.FindScope = FindScope;
+exports.GoToNextMatchOperation = GoToNextMatchOperation;
+exports.GoToPreviousMatchOperation = GoToPreviousMatchOperation;
+exports.IFindReplaceService = IFindReplaceService;
+exports.OpenFindDialogOperation = OpenFindDialogOperation;
+exports.OpenReplaceDialogOperation = OpenReplaceDialogOperation;
+exports.ReplaceAllMatchesCommand = ReplaceAllMatchesCommand;
+exports.ReplaceCurrentMatchCommand = ReplaceCurrentMatchCommand;
+Object.defineProperty(exports, 'UniverFindReplacePlugin', {
+  enumerable: true,
+  get: function () {
+    return UniverFindReplacePlugin;
+  }
+});
+exports.createInitFindReplaceState = createInitFindReplaceState;