@univerjs/sheets-numfmt-ui 0.20.1 → 0.21.0

package/lib/es/index.js

@@ -1 +1,1603 @@
-import{CellValueType as e,CommandType as t,DEFAULT_TEXT_FORMAT_EXCEL as n,DependentOn as r,Disposable as i,DisposableCollection as a,ICommandService as o,IConfigService as s,ILocalStorageService as c,IUniverInstanceService as l,Inject as u,Injector as d,InterceptorEffectEnum as f,LocaleService as p,Optional as m,Plugin as h,Range as ee,ThemeService as g,Tools as _,UniverInstanceType as v,fromCallback as te,getNumfmtParseValueFilter as ne,isDefaultFormat as re,isPatternEqualWithoutDecimal as y,isRealNum as b,isTextFormat as ie,merge as ae,numfmt as oe,registerDependencies as se,toDisposable as ce,touchDependencies as le,willLoseNumericPrecision as ue}from"@univerjs/core";import{IRenderManagerService as de}from"@univerjs/engine-render";import{AddDecimalCommand as fe,CURRENCYFORMAT as pe,DATEFMTLISG as me,NUMBERFORMAT as he,SHEETS_NUMFMT_PLUGIN_CONFIG_KEY as ge,SetCurrencyCommand as _e,SetNumfmtCommand as ve,SetPercentCommand as ye,SheetsNumfmtCellContentController as be,SubtractDecimalCommand as xe,UniverSheetsNumfmtPlugin as Se,currencySymbols as Ce,getCurrencyFormatOptions as we,getCurrencySymbolByLocale as Te,getCurrencySymbolIconByLocale as Ee,getCurrencyType as x,getDateFormatOptions as De,getDecimalFromPattern as S,getNumberFormatOptions as Oe,getPatternPreview as ke,getPatternPreviewIgnoreGeneral as Ae,getPatternType as C,isPatternHasDecimal as je,localeCurrencySymbolMap as Me,setPatternDecimal as w}from"@univerjs/sheets-numfmt";import{CellAlertManagerService as Ne,CellAlertType as Pe,HoverManagerService as Fe,IEditorBridgeService as Ie,IRepeatLastActionService as Le,RepeatLastActionPermission as Re,SheetSkeletonManagerService as ze,UniverSheetsUIPlugin as Be,deriveStateFromActiveSheet$ as Ve,getCurrentRangeDisable$ as T}from"@univerjs/sheets-ui";import{AFTER_CELL_EDIT as He,BEFORE_CELL_EDIT as Ue,INTERCEPTOR_POINT as We,INumfmtService as Ge,RangeProtectionPermissionEditPoint as E,RemoveNumfmtMutation as Ke,SetNumfmtMutation as D,SetRangeValuesCommand as qe,SheetInterceptorService as Je,SheetsSelectionsService as Ye,WorkbookEditablePermission as O,WorksheetEditPermission as k,WorksheetSetCellStylePermission as A,factoryRemoveNumfmtUndoMutation as Xe,factorySetNumfmtUndoMutation as Ze,transformCellsToRange as Qe}from"@univerjs/sheets";import{ComponentManager as $e,ILayoutService as et,IMenuManagerService as tt,ISidebarService as nt,IZenZoneService as rt,MenuItemType as j,RibbonStartGroup as it,getMenuHiddenObservable as M,useDependency as N}from"@univerjs/ui";import{Observable as P,combineLatest as at,debounceTime as ot,filter as st,merge as ct}from"rxjs";import{debounceTime as lt,map as ut,switchMap as dt,tap as ft}from"rxjs/operators";import{Button as pt,Input as mt,InputNumber as F,Select as I,SelectList as L,Separator as ht,borderClassName as gt,clsx as _t,scrollbarClassName as vt}from"@univerjs/design";import{createContext as yt,createElement as bt,useCallback as xt,useContext as St,useEffect as R,useMemo as z,useRef as Ct,useState as B}from"react";import{jsx as V,jsxs as H}from"react/jsx-runtime";import{CheckMarkIcon as wt}from"@univerjs/icons";import{stripErrorMargin as Tt}from"@univerjs/engine-formula";var Et=`@univerjs/sheets-numfmt-ui`,Dt=`0.20.1`;const Ot={};function U(e,t){return function(n,r){t(n,r,e)}}function W(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}const kt=`SHEET_NUMFMT_ALERT`;let At=class extends i{constructor(e,t,n,r,i,a,o){super(),this._context=e,this._hoverManagerService=t,this._cellAlertManagerService=n,this._localeService=r,this._zenZoneService=i,this._numfmtService=a,this._configService=o,this._init()}_init(){this._initCellAlertPopup(),this._initZenService()}_initCellAlertPopup(){this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(ot(100)).subscribe(e=>{if(e){let r=e.location,i=this._context.unit,a=i.getActiveSheet();if(!a)return this._hideAlert();let o=r.unitId,s=r.subUnitId,c,l=a.getCell(r.row,r.col);if(l!=null&&l.s){let e=i.getStyles().get(l.s);e!=null&&e.n&&(c=e.n)}if(c||(c=this._numfmtService.getValue(o,s,r.row,r.col)),!c){this._hideAlert();return}if(ie(c.pattern)&&_.isDefine(l==null?void 0:l.v)&&b(l.v)){var t,n;if((t=this._configService.getConfig(ge))!=null&&t.disableTextFormatAlert)return;let e=this._cellAlertManagerService.currentAlert.get(kt),i=e==null||(n=e.alert)==null?void 0:n.location;if(i&&i.row===r.row&&i.col===r.col&&i.subUnitId===r.subUnitId&&i.unitId===r.unitId){this._hideAlert();return}this._cellAlertManagerService.showAlert({type:Pe.ERROR,title:this._localeService.t(`info.error`),message:this._localeService.t(`info.forceStringInfo`),location:r,width:200,height:74,key:kt});return}}this._hideAlert()}))}_initZenService(){this.disposeWithMe(this._zenZoneService.visible$.subscribe(e=>{e&&this._hideAlert()}))}_hideAlert(){this._cellAlertManagerService.removeAlert(kt)}};At=W([U(1,u(Fe)),U(2,u(Ne)),U(3,u(p)),U(4,rt),U(5,u(Ge)),U(6,s)],At);let G=class extends i{constructor(e){super(),this._repeatLastActionService=e,this._initCommandRecording()}_initCommandRecording(){this.disposeWithMe(this._repeatLastActionService.registerRepeatableCommand(ve.id,(e,t)=>{if(!t)return;let{values:n}=t,r=n.find(e=>e.pattern);if(!r)return;let{pattern:i,type:a}=r,o=[],s=new Set;for(let t of e){let{startRow:e,startColumn:n,endRow:r,endColumn:c}=t;for(let t=e;t<=r;t++)for(let e=n;e<=c;e++){let n=`${t}-${e}`;s.has(n)||(s.add(n),o.push({row:t,col:e,pattern:i,type:a}))}}return{...t,values:o}},Re.CellStyle))}};G=W([U(0,u(Le))],G);const jt={id:`sheet.operation.close.numfmt.panel`,type:t.OPERATION,handler:()=>!0},K={id:`sheet.operation.open.numfmt.panel`,type:t.OPERATION,handler:e=>(e.get(X).openPanel(),!0)},Mt=yt([]);let q=class{constructor(e){this._localStorageService=e}_getKey(e){return`userHabitController_${e}`}async addHabit(e,t){let n=this._getKey(e);return this._localStorageService.getItem(n).then(e=>{e||this._localStorageService.setItem(n,t)})}markHabit(e,t){let n=this._getKey(e);this._localStorageService.getItem(n).then(e=>{if(e){let r=e.findIndex(e=>e===t);r>-1&&e.splice(r,1),e.unshift(t),this._localStorageService.setItem(n,e)}})}async getHabit(e,t){let n=this._getKey(e),r=await this._localStorageService.getItem(n);if(t&&r){let e=r.map((e,t,n)=>({value:e,priority:n.length-t}));return t.sort((t,n)=>{var r,i;let a=((r=e.find(e=>e.value===t))==null?void 0:r.priority)||-1;return(((i=e.find(e=>e.value===n))==null?void 0:i.priority)||-1)-a})}return r||[]}deleteHabit(e){this._localStorageService.removeItem(e)}};q=W([U(0,u(c))],q);const Nt=`numfmtCurrency`,Pt=e=>{let t=N(q),[n,r]=B(Ce);return R(()=>{t.addHabit(`numfmtCurrency`,[]).then(()=>{t.getHabit(Nt,[...Ce]).then(t=>{r(t),e&&e(t)})})},[]),{userHabitCurrency:n,mark:e=>{t.markHabit(Nt,e)}}},Ft=()=>{let e=Ct([]),[t,n]=B({});return R(()=>{e.current.forEach(e=>{e()}),e.current=[]},[t]),t=>{e.current.push(t),n({})}},It=e=>!!x(e)&&e.startsWith(`_(`),Lt=e=>{let{defaultPattern:t,action:n,onChange:r}=e,[i,a]=B(()=>S(t||``,2)),o=St(Mt),[s,c]=B(()=>x(t)||o[0]),l=z(()=>o.map(e=>({label:e,value:e})),[]),u=N(p).t;return n.current=()=>w(`_("${s}"* #,##0${i>0?`.0`:``}_)`,i),H(`div`,{children:[H(`div`,{className:`univer-mt-4 univer-flex univer-justify-between`,children:[H(`div`,{className:`option`,children:[V(`div`,{className:`univer-text-sm univer-text-gray-400`,children:u(`sheet.numfmt.decimalLength`)}),V(`div`,{className:`univer-mt-2 univer-w-32`,children:V(F,{value:i,step:1,precision:0,max:20,min:0,onChange:e=>{let t=e||0;a(t),r(w(`_("${s}"* #,##0${t>0?`.0`:``}_)`,t))}})})]}),H(`div`,{className:`option`,children:[V(`div`,{className:`univer-text-sm univer-text-gray-400`,children:u(`sheet.numfmt.currencyType`)}),V(`div`,{className:`univer-mt-2 univer-w-36`,children:V(I,{options:l,value:s,onChange:e=>{c(e),r(w(`_("${e}"* #,##0${i>0?`.0`:``}_)`,i))}})})]})]}),V(`div`,{className:`univer-mt-4 univer-text-sm univer-text-gray-400`,children:u(`sheet.numfmt.accountingDes`)})]})},Rt=e=>!!x(e)&&!e.startsWith(`_(`),zt=e=>{let t=N(p).t,n=St(Mt),[r,i]=B(()=>x(e.defaultPattern)||n[0]),[a,o]=B(()=>S(e.defaultPattern||``,2)),[s,c]=B(()=>{var t;let n=we(r);return((t=n.find(t=>y(t.value,e.defaultPattern)))==null?void 0:t.value)||n[0].value}),l=z(()=>we(r),[r]),u=z(()=>n.map(e=>({label:e,value:e})),[n]);return e.action.current=()=>w(s,a),H(`div`,{children:[H(`div`,{className:`univer-mt-4 univer-flex univer-justify-between`,children:[H(`div`,{className:`option`,children:[V(`div`,{className:`univer-text-sm univer-text-gray-400`,children:t(`sheet.numfmt.decimalLength`)}),V(`div`,{className:`univer-mt-2 univer-w-32`,children:V(F,{value:a,max:20,min:0,onChange:t=>{o(t||0),e.onChange(w(s,t||0))}})})]}),H(`div`,{className:`option`,children:[V(`div`,{className:`univer-text-sm univer-text-gray-400`,children:t(`sheet.numfmt.currencyType`)}),V(`div`,{className:`univer-mt-2 univer-w-36`,children:V(I,{value:r,options:u,onChange:t=>{if(t===void 0)return;i(t);let n=we(t)[0].value;c(n),e.onChange(w(n,a))}})})]})]}),V(`div`,{className:`label univer-mt-4`,children:t(`sheet.numfmt.negType`)}),V(`div`,{className:`univer-mt-2`,children:V(L,{value:s,options:l,onChange:t=>{t!==void 0&&(c(t),e.onChange(w(t,a)))}})}),V(`div`,{className:`univer-mt-4 univer-text-sm univer-text-gray-400`,children:t(`sheet.numfmt.currencyDes`)})]})},Bt=`customFormat`,Vt=`numfmt_custom_pattern`;function Ht(e){let{defaultPattern:t,action:n,onChange:r}=e,i=N(q),a=N(c),o=N(p),[s,l]=B(t);n.current=()=>(i.markHabit(Bt,s),a.getItem(Vt).then((e=[])=>{let t=[...new Set([s,...e||[]])].splice(0,10).filter(e=>!!e);a.setItem(Vt,t)}),s);let[u,d]=B([]);R(()=>{a.getItem(Vt).then(e=>{let t=[...pe.map(e=>e.suffix(`$`)),...me.map(e=>e.suffix),...he.map(e=>e.suffix)];t.push(...e||[]),i.addHabit(Bt,[]).finally(()=>{i.getHabit(Bt,t).then(e=>{d([...new Set(e)])})})})},[]);let f=e=>{l(e),r(e)};return H(`div`,{children:[V(`div`,{className:`univer-mt-4 univer-text-sm univer-text-gray-400`,children:o.t(`sheet.numfmt.customFormat`)}),V(mt,{placeholder:o.t(`sheet.numfmt.customFormat`),onBlur:()=>{r(s)},value:s,onChange:l,className:`univer-mt-2 univer-w-full`}),V(`div`,{className:_t(`univer-mt-2 univer-max-h-[400px] univer-overflow-auto univer-rounded-lg univer-p-2`,gt),children:u.map(e=>H(`div`,{onClick:()=>f(e),className:`univer-flex univer-cursor-pointer univer-items-center univer-gap-1.5 univer-py-1.5 univer-text-sm`,children:[V(`div`,{className:`univer-flex univer-w-4 univer-items-center univer-text-primary-600`,children:s===e&&V(wt,{})}),V(`div`,{children:e})]},e))}),V(`div`,{className:`univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200`,children:o.t(`sheet.numfmt.customFormatDes`)})]})}const Ut=e=>{let t=oe.getFormatInfo(e);return De().map(e=>e.value).includes(e)||[`date`,`datetime`,`time`].includes(t.type)};function Wt(e){let{onChange:t,defaultPattern:n}=e,r=z(De,[]),i=N(p),[a,o]=B(()=>{if(n){let e=r.find(e=>e.value===n);if(e)return e.value}return r[0].value});return e.action.current=()=>a,H(`div`,{children:[V(`div`,{className:`univer-mt-4 univer-text-sm univer-text-gray-400`,children:i.t(`sheet.numfmt.dateType`)}),V(`div`,{className:`univer-mt-2`,children:V(L,{value:a,options:r,onChange:e=>{e!==void 0&&(o(e),t(e))}})}),V(`div`,{className:`univer-mt-3.5 univer-text-sm/5 univer-text-gray-600 dark:!univer-text-gray-200`,children:i.t(`sheet.numfmt.dateDes`)})]})}const Gt=e=>!e,Kt=e=>{let t=N(p).t;return e.action.current=()=>``,V(`div`,{children:V(`div`,{className:`univer-mt-3.5 univer-text-sm/5 univer-text-gray-600 dark:!univer-text-gray-200`,children:t(`sheet.numfmt.generalDes`)})})},qt=e=>Oe().some(t=>y(t.value,e));function Jt(e){let t=N(p),n=z(Oe,[]),[r,i]=B(()=>S(e.defaultPattern||``,0)),[a,o]=B(()=>{let t=n.find(t=>y(t.value,e.defaultPattern||``));return(t==null?void 0:t.value)||n[0].value}),s=z(()=>w(a,Number(r||0)),[a,r]),c=z(()=>!je(a),[a]),l=t=>{i(t||0),e.onChange(w(a,Number(t||0)))},u=t=>{t!==void 0&&(i(S(t,0)),o(t),e.onChange(t))};return e.action.current=()=>s,H(`div`,{children:[V(`div`,{className:`univer-mt-4 univer-text-sm univer-text-gray-400`,children:t.t(`sheet.numfmt.decimalLength`)}),V(`div`,{className:`univer-mt-2`,children:V(F,{disabled:c,value:r,max:20,min:0,onChange:l})}),H(`div`,{className:`univer-mt-4 univer-text-sm univer-text-gray-400`,children:[` `,t.t(`sheet.numfmt.negType`)]}),V(`div`,{className:`univer-mt-2`,children:V(L,{onChange:u,options:n,value:a})}),V(`div`,{className:`univer-mt-3.5 univer-text-sm/5 univer-text-gray-600 dark:!univer-text-gray-200`,children:t.t(`sheet.numfmt.thousandthPercentileDes`)})]})}const Yt=e=>{let{defaultValue:t,defaultPattern:n,row:r,col:i}=e.value,a=N(p),o=Ct(()=>``),s=a.t,c=Ft(),l=z(()=>[{label:`sheet.numfmt.general`,component:Kt},{label:`sheet.numfmt.accounting`,component:Lt},{label:`sheet.numfmt.currency`,component:zt},{label:`sheet.numfmt.date`,component:Wt},{label:`sheet.numfmt.thousandthPercentile`,component:Jt},{label:`sheet.numfmt.customFormat`,component:Ht}].map(e=>({...e,label:s(e.label)})),[]),[u,d]=B(_),[f,m]=B(()=>`${r}_${i}`),{mark:h,userHabitCurrency:ee}=Pt(()=>m(`${r}_${i}_userCurrency'`)),g=z(()=>{var e;return(e=l.find(e=>e.label===u))==null?void 0:e.component},[u]);function _(){return[Gt,It,Rt,Ut,qt].reduce((e,t,r)=>e||(t(n)?l[r].label:``),``)||l[0].label}let v=l.map(e=>({label:e.label,value:e.label})),te=t=>{d(t),c(()=>e.onChange({type:`change`,value:o.current()||``}))},ne=xt(t=>{e.onChange({type:`change`,value:t})},[]),re=()=>{let t=o.current()||``,n=x(t);n&&h(n),e.onChange({type:`confirm`,value:t})},y=()=>{e.onChange({type:`cancel`,value:``})},b={onChange:ne,defaultValue:t,defaultPattern:n,action:o};return R(()=>{d(_()),m(`${r}_${i}`)},[r,i]),H(`div`,{className:_t(`univer-flex univer-h-full univer-flex-col univer-justify-between univer-overflow-y-auto univer-pb-5`,vt),children:[H(`div`,{children:[V(`div`,{className:`univer-mt-3.5 univer-text-sm univer-text-gray-400`,children:s(`sheet.numfmt.numfmtType`)}),V(`div`,{className:`univer-mt-2`,children:V(I,{className:`univer-w-full`,value:u,options:v,onChange:te})}),V(`div`,{children:g&&V(Mt.Provider,{value:ee,children:bt(g,{...b,key:f})})})]}),H(`div`,{className:`univer-mb-5 univer-mt-3.5 univer-flex univer-justify-end`,children:[V(pt,{onClick:y,className:`univer-mr-3`,children:s(`sheet.numfmt.cancel`)}),V(pt,{variant:`primary`,onClick:re,children:s(`sheet.numfmt.confirm`)})]})]})};function J(e){"@babel/helpers - typeof";return J=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},J(e)}function Xt(e,t){if(J(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(J(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Zt(e){var t=Xt(e,`string`);return J(t)==`symbol`?t:t+``}function Y(e,t,n){return(t=Zt(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const Qt=`SHEET_NUMFMT_PANEL`;let X=class extends i{constructor(e,t,n,r,i,a,o,s,c,l,u){super(),this._sheetInterceptorService=e,this._themeService=t,this._univerInstanceService=n,this._commandService=r,this._selectionManagerService=i,this._renderManagerService=a,this._numfmtService=o,this._componentManager=s,this._sidebarService=c,this._localeService=l,this._sheetsNumfmtCellContentController=u,Y(this,`_previewPattern`,``),Y(this,`_sidebarDisposable`,null),this._initRealTimeRenderingInterceptor(),this._initPanel(),this._initCommands(),this._initCloseListener(),this._commandExecutedListener(),this._initNumfmtLocalChange()}_initNumfmtLocalChange(){this.disposeWithMe(ct(this._sheetsNumfmtCellContentController.locale$,this._localeService.currentLocale$).subscribe(()=>{this._forceUpdate()}))}openPanel(){var t;let n=this._sidebarService,r=this._selectionManagerService,i=this._commandService,a=this._univerInstanceService,o=this._numfmtService,s=this._localeService,c=(((t=r.getCurrentSelections())==null?void 0:t.map(e=>e.range))||[])[0];if(!c)return!1;let l=a.getCurrentUnitForType(v.UNIVER_SHEET),u=l.getActiveSheet();if(!u)return!1;let d=u.getCellRaw(c.startRow,c.startColumn),f=o.getValue(l.getUnitId(),u.getSheetId(),c.startRow,c.startColumn),p=``;f&&(p=f.pattern);let m=(d==null?void 0:d.t)===e.NUMBER?d.v:12345678,h={onChange:e=>{if(e.type===`change`)this._previewPattern=e.value,this._forceUpdate();else if(e.type===`confirm`){var t;let a=((t=r.getCurrentSelections())==null?void 0:t.map(e=>e.range))||[],o={values:[]},s=C(e.value);a.forEach(t=>{ee.foreach(t,(t,n)=>{o.values.push({row:t,col:n,pattern:e.value,type:s})})}),i.executeCommand(ve.id,o),n.close()}else e.type===`cancel`&&n.close()},value:{defaultPattern:p,defaultValue:m,row:c.startRow,col:c.startColumn}};return this._sidebarDisposable=n.open({header:{title:s.t(`sheet.numfmt.title`)},children:{label:Qt,...h},onClose:()=>{this._forceUpdate(),i.executeCommand(jt.id)}}),!0}_forceUpdate(e){var t;let n=this._renderManagerService.getRenderById(e==null?this._univerInstanceService.getCurrentUnitForType(v.UNIVER_SHEET).getUnitId():e);n==null||n.with(ze).reCalculate(),n==null||(t=n.mainComponent)==null||t.makeDirty()}_initCommands(){[K,jt].forEach(e=>{this.disposeWithMe(this._commandService.registerCommand(e))})}_initPanel(){this.disposeWithMe(this._componentManager.register(Qt,Yt))}_initRealTimeRenderingInterceptor(){let t=at([new P(e=>{this._commandService.onCommandExecuted(t=>{t.id===K.id&&e.next(!0),t.id===jt.id&&e.next(!1)})}),this._selectionManagerService.selectionMoveEnd$.pipe(ut(e=>e?e.map(e=>e.range):[]))]);this.disposeWithMe(ce(t.pipe(dt(([e,t])=>new P(n=>{let r=new a;return e&&t.length&&n.next({selectionRanges:t,disposableCollection:r}),()=>{r.dispose()}})),ft(()=>{this._previewPattern=null})).subscribe(({disposableCollection:t,selectionRanges:n})=>{var r;let i=this._univerInstanceService.getCurrentUnitForType(v.UNIVER_SHEET);this.openPanel(),t.add(this._sheetInterceptorService.intercept(We.CELL_CONTENT,{priority:99,effect:f.Value|f.Style,handler:(t,r,i)=>{let{row:a,col:o}=r,s=i(t)||{};if(n.find(e=>e.startColumn<=o&&e.endColumn>=o&&e.startRow<=a&&e.endRow>=a)){let t=r.worksheet.getCellRaw(a,o),n=t==null?void 0:t.v,i=t==null?void 0:t.t;if(n==null||i!==e.NUMBER||this._previewPattern===null)return s;let l=Ae(this._previewPattern,n,this._sheetsNumfmtCellContentController.locale);if(l.color){var c;let t=(c=this._themeService.getColorFromTheme(`${l.color}.500`))==null?l.color:c;return{...s,v:l.result,t:e.STRING,s:{cl:{rgb:t}}}}return{...s,v:l.result,t:e.STRING}}return s}})),(r=this._renderManagerService.getRenderById(i.getUnitId()))==null||(r=r.mainComponent)==null||r.makeDirty()})))}_commandExecutedListener(){let e=[Ke.id,D.id];this.disposeWithMe(new P(t=>{let n=this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){let e=n.params;t.next(e.unitId)}});return()=>n.dispose()}).pipe(lt(16)).subscribe(e=>this._forceUpdate(e)))}_initCloseListener(){this._univerInstanceService.getCurrentTypeOfUnit$(v.UNIVER_SHEET).subscribe(e=>{if(!e){var t;(t=this._sidebarDisposable)==null||t.dispose(),this._sidebarDisposable=null}})}};X=W([U(0,u(Je)),U(1,u(g)),U(2,l),U(3,o),U(4,u(Ye)),U(5,de),U(6,Ge),U(7,u($e)),U(8,nt),U(9,u(p)),U(10,u(be))],X);const $t=()=>{let e=[];return{add:(t,n,r,i,a)=>e.push({unitId:t,subUnitId:n,row:r,col:i,value:a}),getEffects:()=>e,clean:()=>{e=[]}}};let Z=class extends i{constructor(e,t,n,r,i){super(),this._sheetInterceptorService=e,this._numfmtService=t,this._univerInstanceService=n,this._injector=r,this._editorBridgeService=i,Y(this,`_collectEffectMutation`,$t()),this._initInterceptorEditorStart(),this._initInterceptorEditorEnd(),this._initInterceptorCommands()}_initInterceptorEditorStart(){this._editorBridgeService&&this.disposeWithMe(ce(this._sheetInterceptorService.writeCellInterceptor.intercept(Ue,{handler:(t,n,r)=>{let i=n.row,a=n.col,o=this._numfmtService.getValue(n.unitId,n.subUnitId,i,a);if(o)switch(C(o.pattern)){case`scientific`:case`currency`:case`grouped`:case`number`:{let t={...n.worksheet.getCellRaw(i,a)};return(t==null?void 0:t.t)===e.NUMBER&&b(t.v)&&(t.v=Tt(Number(t.v))),r&&r(t)}case`percent`:{let t={...n.worksheet.getCellRaw(i,a)};return(t==null?void 0:t.t)===e.NUMBER&&b(t.v)&&(t.v=`${Tt(Number(t.v)*100)}%`),r&&r(t)}default:return r&&r(t)}return r(t)}})))}_initInterceptorEditorEnd(){this.disposeWithMe(ce(this._sheetInterceptorService.writeCellInterceptor.intercept(He,{handler:(t,n,r)=>{var i,a;if(!(t!=null&&t.v)&&!(t!=null&&t.p))return r(t);this._collectEffectMutation.clean();let o=this._numfmtService.getValue(n.unitId,n.subUnitId,n.row,n.col),s=n.worksheet.getCellRaw(n.row,n.col);if(ie(o==null?void 0:o.pattern)||t.t===e.FORCE_STRING)return r(t);let c=(i=t.p)==null?void 0:i.body,l=!(t==null||(a=t.p)==null||(a=a.body)==null)&&a.dataStream?t.p.body.dataStream.replace(/\r\n$/,``):String(t.v),u=ne(l);if(c)if(en(c)){let{dataStream:e}=c,n=e.replace(/\r\n$/,``),i=Number(n);if(Number.isNaN(i)&&!u)return r(t)}else return r(t);if(u){if(!u.z&&!(o!=null&&o.pattern)&&(s==null?void 0:s.t)!==e.STRING&&(s==null?void 0:s.t)!==e.FORCE_STRING&&ue(l))return r({...t,p:void 0,v:l,t:e.FORCE_STRING});u.z&&(!(o!=null&&o.pattern)||C(u.z)!==C(o.pattern))&&this._collectEffectMutation.add(n.unitId,n.subUnitId,n.row,n.col,{pattern:u.z});let i=Tt(Number(u.v),16);return r({...t,p:void 0,v:i,t:e.NUMBER})}return r(t)}})))}_initInterceptorCommands(){let e=this;this.disposeWithMe(this._sheetInterceptorService.interceptCommand({getMutations(t){switch(t.id){case qe.id:{var n;let t=e._univerInstanceService.getCurrentUnitForType(v.UNIVER_SHEET),r=t.getUnitId(),i=(n=t.getActiveSheet())==null?void 0:n.getSheetId();if(!i)return{redos:[],undos:[]};let a=e._collectEffectMutation.getEffects();if(e._collectEffectMutation.clean(),!a.length)return{redos:[],undos:[]};let o=a.filter(e=>{var t;return!!((t=e.value)!=null&&t.pattern)}).map(e=>({row:e.row,col:e.col,pattern:e.value.pattern})),s=a.filter(e=>{var t;return!((t=e.value)!=null&&t.pattern)}).map(e=>({startRow:e.row,endColumn:e.col,startColumn:e.col,endRow:e.row})),c=[],l=[];if(o.length){let t={id:D.id,params:Qe(r,i,o)};c.push(t),l.push(...Ze(e._injector,t.params))}if(s.length){let t={id:Ke.id,params:{unitId:r,subUnitId:i,ranges:s}};c.push(t),l.push(...Xe(e._injector,t.params))}return{redos:c,undos:l.reverse()}}}return{redos:[],undos:[]}}}))}dispose(){super.dispose(),this._collectEffectMutation.clean()}};Z=W([U(0,u(Je)),U(1,u(Ge)),U(2,u(l)),U(3,u(d)),U(4,m(Ie))],Z);function en(e){let{textRuns:t=[],paragraphs:n=[],customRanges:r,customBlocks:i=[]}=e,a=[`va`];return!(t.some(e=>!!(e.ts&&Object.keys(e.ts).some(e=>a.includes(e))))||n.some(e=>e.bullet)||n.length>=2||r!=null&&r.length||i.length>0)}const tn=e=>[{label:`sheet.numfmt.general`,pattern:null},{label:`sheet.numfmt.text`,pattern:n},`|`,{label:`sheet.numfmt.number`,pattern:`0`},{label:`sheet.numfmt.percent`,pattern:`0.00%`},{label:`sheet.numfmt.scientific`,pattern:`0.00E+00`},`|`,{label:`sheet.numfmt.accounting`,pattern:`"${e}" #,##0.00_);[Red]("${e}"#,##0.00)`},{label:`sheet.numfmt.financialValue`,pattern:`#,##0.00;[Red]#,##0.00`},{label:`sheet.numfmt.currency`,pattern:`"${e}"#,##0.00_);[Red]("${e}"#,##0.00)`},{label:`sheet.numfmt.roundingCurrency`,pattern:`"${e}"#,##0;[Red]"${e}"#,##0`},`|`,{label:`sheet.numfmt.date`,pattern:`yyyy-mm-dd;@`},{label:`sheet.numfmt.time`,pattern:`am/pm h":"mm":"ss`},{label:`sheet.numfmt.dateTime`,pattern:`yyyy-m-d am/pm h:mm`},{label:`sheet.numfmt.timeDuration`,pattern:`h:mm:ss`},`|`,{label:`sheet.numfmt.moreFmt`,pattern:``}],nn=e=>({icon:new P(t=>{let n=e.get(p);return t.next(Ee(n.getCurrentLocale()).icon),n.localeChanged$.subscribe(()=>{t.next(Ee(n.getCurrentLocale()).icon)})}),id:_e.id,title:`sheet.numfmt.currency`,tooltip:`sheet.numfmt.currency`,type:j.BUTTON,hidden$:M(e,v.UNIVER_SHEET),disabled$:T(e,{workbookTypes:[O],worksheetTypes:[k,A],rangeTypes:[E]})}),rn=e=>({icon:`AddDigitsIcon`,id:fe.id,title:`sheet.numfmt.addDecimal`,tooltip:`sheet.numfmt.addDecimal`,type:j.BUTTON,hidden$:M(e,v.UNIVER_SHEET),disabled$:T(e,{workbookTypes:[O],worksheetTypes:[k,A],rangeTypes:[E]})}),an=e=>({icon:`ReduceDigitsIcon`,id:xe.id,title:`sheet.numfmt.subtractDecimal`,tooltip:`sheet.numfmt.subtractDecimal`,type:j.BUTTON,hidden$:M(e,v.UNIVER_SHEET),disabled$:T(e,{workbookTypes:[O],worksheetTypes:[k,A],rangeTypes:[E]})}),on=e=>({icon:`PercentIcon`,id:ye.id,title:`sheet.numfmt.percent`,tooltip:`sheet.numfmt.percent`,type:j.BUTTON,hidden$:M(e,v.UNIVER_SHEET),disabled$:T(e,{workbookTypes:[O],worksheetTypes:[k,A],rangeTypes:[E]})}),sn=e=>{let t=e.get(l),n=e.get(o),r=e.get(p),i=e.get(Ye),a=[Ke.id,D.id],s=Ve(t,``,({workbook:e,worksheet:t})=>new P(o=>ct(i.selectionMoveEnd$,te(n.onCommandExecuted.bind(n)).pipe(st(([e])=>a.includes(e.id)))).subscribe(()=>{let n=i.getCurrentSelections();if(n&&n[0]){var a,s;let i=n[0].range,c=i.startRow,l=i.startColumn,u=(a=e.getStyles().get((s=t.getCell(c,l))==null?void 0:s.s))==null?void 0:a.n,d=u==null?void 0:u.pattern,f=Te(r.getCurrentLocale()),p=r.t(`sheet.numfmt.general`);if(re(d)){o.next(p);return}if(d){let e=tn(f).filter(e=>typeof e==`object`&&e.pattern).find(e=>y(d,e.pattern));p=e&&typeof e==`object`&&e.pattern?r.t(e.label):r.t(`sheet.numfmt.moreFmt`)}o.next(p)}})));return{label:cn,id:K.id,tooltip:`sheet.numfmt.title`,type:j.SELECTOR,slot:!0,selections:[{label:{name:ln,hoverable:!1,selectable:!1}}],value$:s,hidden$:M(e,v.UNIVER_SHEET),disabled$:T(e,{workbookTypes:[O],worksheetTypes:[A,k],rangeTypes:[E]})}},cn=`sheet.numfmt.moreNumfmtType`,ln=`sheet.numfmt.moreNumfmtType.options`;function un(e){let{value:t}=e,n=N(p);return V(`span`,{className:`univer-text-sm`,children:t==null?n.t(`sheet.numfmt.general`):t})}function dn(){let e=N(o),t=N(p),n=N(et),r=N(be),i=N(Ye),a=t=>{let r=i.getCurrentLastSelection();if(!r)return;let a=r.range,o=[];ee.foreach(a,(e,n)=>{t?o.push({row:e,col:n,pattern:t,type:C(t)}):o.push({row:e,col:n})}),e.executeCommand(ve.id,{values:o}),n.focus()},s=z(()=>tn(Me.get(t.getCurrentLocale())),[t]),c=t=>{if(t===0)a(null);else if(t===s.length-1)e.executeCommand(K.id),n.focus();else{let e=s[t];e.pattern&&a(e.pattern)}};return V(`div`,{className:`univer-grid univer-gap-1 univer-p-1.5`,children:s.map((e,n)=>e===`|`?V(ht,{},n):H(`div`,{className:`univer-flex univer-h-7 univer-cursor-default univer-items-center univer-justify-between univer-gap-6 univer-rounded univer-px-2 univer-text-sm hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700`,onClick:()=>c(n),children:[V(`span`,{children:t.t(e.label)}),V(`span`,{className:`univer-text-xs univer-text-gray-500 dark:!univer-text-gray-400`,children:e.pattern?ke(e.pattern||``,1220,r.locale).result.trim():``})]},n))})}const fn={[it.LAYOUT]:{[K.id]:{order:9,menuItemFactory:sn},[ye.id]:{order:9.1,menuItemFactory:on},[_e.id]:{order:9.2,menuItemFactory:nn},[fe.id]:{order:9.3,menuItemFactory:rn},[xe.id]:{order:9.4,menuItemFactory:an}}};let Q=class extends i{constructor(e,t){super(),this._componentManager=e,this._menuManagerService=t,this._initMenu()}_initMenu(){this._menuManagerService.mergeMenu(fn),[[cn,un],[ln,dn]].forEach(([e,t])=>{this.disposeWithMe(this._componentManager.register(e,t))})}};Q=W([U(0,u($e)),U(1,tt)],Q);let $=class extends h{constructor(e=Ot,t,n,r){super(),this._config=e,this._injector=t,this._configService=n,this._renderManagerService=r;let{menu:i,...a}=ae({},Ot,this._config);i&&this._configService.setConfig(`menu`,i,{merge:!0}),this._configService.setConfig(`sheets-numfmt-ui.config`,a)}onStarting(){se(this._injector,[[X],[Z],[q],[Q],[G]])}onRendered(){this._registerRenderModules(),le(this._injector,[[X],[Z],[Q],[G]])}_registerRenderModules(){[[At]].forEach(e=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(v.UNIVER_SHEET,e))})}};Y($,`pluginName`,`SHEET_NUMFMT_UI_PLUGIN`),Y($,`packageName`,Et),Y($,`version`,Dt),Y($,`type`,v.UNIVER_SHEET),$=W([r(Be,Se),U(1,u(d)),U(2,s),U(3,de)],$);export{$ as UniverSheetsNumfmtUIPlugin};
+import { CellValueType, CommandType, DEFAULT_TEXT_FORMAT_EXCEL, DependentOn, Disposable, DisposableCollection, ICommandService, IConfigService, ILocalStorageService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, LocaleService, Optional, Plugin, Range, ThemeService, Tools, UniverInstanceType, fromCallback, getNumfmtParseValueFilter, isDefaultFormat, isPatternEqualWithoutDecimal, isRealNum, isTextFormat, merge, numfmt, registerDependencies, toDisposable, touchDependencies, willLoseNumericPrecision } from "@univerjs/core";
+import { IRenderManagerService } from "@univerjs/engine-render";
+import { AddDecimalCommand, CURRENCYFORMAT, DATEFMTLISG, NUMBERFORMAT, SHEETS_NUMFMT_PLUGIN_CONFIG_KEY, SetCurrencyCommand, SetNumfmtCommand, SetPercentCommand, SheetsNumfmtCellContentController, SubtractDecimalCommand, UniverSheetsNumfmtPlugin, currencySymbols, getCurrencyFormatOptions, getCurrencySymbolByLocale, getCurrencySymbolIconByLocale, getCurrencyType, getDateFormatOptions, getDecimalFromPattern, getNumberFormatOptions, getPatternPreview, getPatternPreviewIgnoreGeneral, getPatternType, isPatternHasDecimal, localeCurrencySymbolMap, setPatternDecimal } from "@univerjs/sheets-numfmt";
+import { CellAlertManagerService, CellAlertType, HoverManagerService, IEditorBridgeService, IRepeatLastActionService, RepeatLastActionPermission, SheetSkeletonManagerService, UniverSheetsUIPlugin, deriveStateFromActiveSheet$, getCurrentRangeDisable$ } from "@univerjs/sheets-ui";
+import { AFTER_CELL_EDIT, BEFORE_CELL_EDIT, INTERCEPTOR_POINT, INumfmtService, RangeProtectionPermissionEditPoint, RemoveNumfmtMutation, SetNumfmtMutation, SetRangeValuesCommand, SheetInterceptorService, SheetsSelectionsService, WorkbookEditablePermission, WorksheetEditPermission, WorksheetSetCellStylePermission, factoryRemoveNumfmtUndoMutation, factorySetNumfmtUndoMutation, transformCellsToRange } from "@univerjs/sheets";
+import { ComponentManager, ILayoutService, IMenuManagerService, ISidebarService, IZenZoneService, MenuItemType, RibbonStartGroup, getMenuHiddenObservable, useDependency } from "@univerjs/ui";
+import { Observable, combineLatest, debounceTime, filter, merge as merge$1 } from "rxjs";
+import { debounceTime as debounceTime$1, map, switchMap, tap } from "rxjs/operators";
+import { Button, Input, InputNumber, Select, SelectList, Separator, borderClassName, clsx, scrollbarClassName } from "@univerjs/design";
+import { createContext, createElement, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckMarkIcon } from "@univerjs/icons";
+import { stripErrorMargin } from "@univerjs/engine-formula";
+
+//#region package.json
+var name = "@univerjs/sheets-numfmt-ui";
+var version = "0.21.0";
+
+//#endregion
+//#region src/config/config.ts
+const SHEETS_NUMFMT_UI_PLUGIN_CONFIG_KEY = "sheets-numfmt-ui.config";
+const configSymbol = Symbol(SHEETS_NUMFMT_UI_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
+
+//#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/controllers/numfmt-alert-render.controller.ts
+const ALERT_KEY = "SHEET_NUMFMT_ALERT";
+let NumfmtAlertRenderController = class NumfmtAlertRenderController extends Disposable {
+	constructor(_context, _hoverManagerService, _cellAlertManagerService, _localeService, _zenZoneService, _numfmtService, _configService) {
+		super();
+		this._context = _context;
+		this._hoverManagerService = _hoverManagerService;
+		this._cellAlertManagerService = _cellAlertManagerService;
+		this._localeService = _localeService;
+		this._zenZoneService = _zenZoneService;
+		this._numfmtService = _numfmtService;
+		this._configService = _configService;
+		this._init();
+	}
+	_init() {
+		this._initCellAlertPopup();
+		this._initZenService();
+	}
+	_initCellAlertPopup() {
+		this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(debounceTime(100)).subscribe((cellPos) => {
+			if (cellPos) {
+				const location = cellPos.location;
+				const workbook = this._context.unit;
+				const worksheet = workbook.getActiveSheet();
+				if (!worksheet) return this._hideAlert();
+				const unitId = location.unitId;
+				const sheetId = location.subUnitId;
+				let numfmtValue;
+				const cellData = worksheet.getCell(location.row, location.col);
+				if (cellData === null || cellData === void 0 ? void 0 : cellData.s) {
+					const style = workbook.getStyles().get(cellData.s);
+					if (style === null || style === void 0 ? void 0 : style.n) numfmtValue = style.n;
+				}
+				if (!numfmtValue) numfmtValue = this._numfmtService.getValue(unitId, sheetId, location.row, location.col);
+				if (!numfmtValue) {
+					this._hideAlert();
+					return;
+				}
+				if (isTextFormat(numfmtValue.pattern) && Tools.isDefine(cellData === null || cellData === void 0 ? void 0 : cellData.v) && isRealNum(cellData.v)) {
+					var _this$_configService$, _currentAlert$alert;
+					if ((_this$_configService$ = this._configService.getConfig(SHEETS_NUMFMT_PLUGIN_CONFIG_KEY)) === null || _this$_configService$ === void 0 ? void 0 : _this$_configService$.disableTextFormatAlert) return;
+					const currentAlert = this._cellAlertManagerService.currentAlert.get(ALERT_KEY);
+					const currentLoc = currentAlert === null || currentAlert === void 0 || (_currentAlert$alert = currentAlert.alert) === null || _currentAlert$alert === void 0 ? void 0 : _currentAlert$alert.location;
+					if (currentLoc && currentLoc.row === location.row && currentLoc.col === location.col && currentLoc.subUnitId === location.subUnitId && currentLoc.unitId === location.unitId) {
+						this._hideAlert();
+						return;
+					}
+					this._cellAlertManagerService.showAlert({
+						type: CellAlertType.ERROR,
+						title: this._localeService.t("info.error"),
+						message: this._localeService.t("info.forceStringInfo"),
+						location,
+						width: 200,
+						height: 74,
+						key: ALERT_KEY
+					});
+					return;
+				}
+			}
+			this._hideAlert();
+		}));
+	}
+	_initZenService() {
+		this.disposeWithMe(this._zenZoneService.visible$.subscribe((visible) => {
+			if (visible) this._hideAlert();
+		}));
+	}
+	_hideAlert() {
+		this._cellAlertManagerService.removeAlert(ALERT_KEY);
+	}
+};
+NumfmtAlertRenderController = __decorate([
+	__decorateParam(1, Inject(HoverManagerService)),
+	__decorateParam(2, Inject(CellAlertManagerService)),
+	__decorateParam(3, Inject(LocaleService)),
+	__decorateParam(4, IZenZoneService),
+	__decorateParam(5, Inject(INumfmtService)),
+	__decorateParam(6, IConfigService)
+], NumfmtAlertRenderController);
+
+//#endregion
+//#region src/controllers/numfmt-repeat-last-action-controller.ts
+let NumfmtRepeatLastActionController = class NumfmtRepeatLastActionController extends Disposable {
+	constructor(_repeatLastActionService) {
+		super();
+		this._repeatLastActionService = _repeatLastActionService;
+		this._initCommandRecording();
+	}
+	_initCommandRecording() {
+		if (!this._repeatLastActionService) return;
+		const handler = (selections, params) => {
+			if (!params) return;
+			const { values } = params;
+			const numfmtCell = values.find((cell) => cell.pattern);
+			if (!numfmtCell) return;
+			const { pattern, type } = numfmtCell;
+			const newValues = [];
+			const cache = /* @__PURE__ */ new Set();
+			for (const selection of selections) {
+				const { startRow, startColumn, endRow, endColumn } = selection;
+				for (let row = startRow; row <= endRow; row++) for (let col = startColumn; col <= endColumn; col++) {
+					const key = `${row}-${col}`;
+					if (cache.has(key)) continue;
+					cache.add(key);
+					newValues.push({
+						row,
+						col,
+						pattern,
+						type
+					});
+				}
+			}
+			return {
+				...params,
+				values: newValues
+			};
+		};
+		this.disposeWithMe(this._repeatLastActionService.registerRepeatableCommand(SetNumfmtCommand.id, handler, RepeatLastActionPermission.CellStyle));
+	}
+};
+NumfmtRepeatLastActionController = __decorate([__decorateParam(0, Optional(IRepeatLastActionService))], NumfmtRepeatLastActionController);
+
+//#endregion
+//#region src/commands/operations/close.numfmt.panel.operation.ts
+const CloseNumfmtPanelOperator = {
+	id: "sheet.operation.close.numfmt.panel",
+	type: CommandType.OPERATION,
+	handler: () => true
+};
+
+//#endregion
+//#region src/commands/operations/open.numfmt.panel.operation.ts
+const OpenNumfmtPanelOperator = {
+	id: "sheet.operation.open.numfmt.panel",
+	type: CommandType.OPERATION,
+	handler: (accessor) => {
+		accessor.get(SheetNumfmtUIController).openPanel();
+		return true;
+	}
+};
+
+//#endregion
+//#region src/controllers/user-habit.controller.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 UserHabitCurrencyContext = createContext([]);
+let UserHabitController = class UserHabitController {
+	constructor(_localStorageService) {
+		this._localStorageService = _localStorageService;
+	}
+	_getKey(habit) {
+		return `userHabitController_${habit}`;
+	}
+	async addHabit(habit, initValue) {
+		const key = this._getKey(habit);
+		return this._localStorageService.getItem(key).then((item) => {
+			if (!item) this._localStorageService.setItem(key, initValue);
+		});
+	}
+	markHabit(habit, value) {
+		const key = this._getKey(habit);
+		this._localStorageService.getItem(key).then((list) => {
+			if (list) {
+				const index = list.findIndex((item) => item === value);
+				index > -1 && list.splice(index, 1);
+				list.unshift(value);
+				this._localStorageService.setItem(key, list);
+			}
+		});
+	}
+	async getHabit(habit, sortList) {
+		const key = this._getKey(habit);
+		const result = await this._localStorageService.getItem(key);
+		if (sortList && result) {
+			const priority = result.map((item, index, arr) => {
+				return {
+					value: item,
+					priority: arr.length - index
+				};
+			});
+			return sortList.sort((a, b) => {
+				var _priority$find, _priority$find2;
+				const ap = ((_priority$find = priority.find((item) => item.value === a)) === null || _priority$find === void 0 ? void 0 : _priority$find.priority) || -1;
+				return (((_priority$find2 = priority.find((item) => item.value === b)) === null || _priority$find2 === void 0 ? void 0 : _priority$find2.priority) || -1) - ap;
+			});
+		}
+		return result || [];
+	}
+	deleteHabit(habit) {
+		this._localStorageService.removeItem(habit);
+	}
+};
+UserHabitController = __decorate([__decorateParam(0, Inject(ILocalStorageService))], UserHabitController);
+
+//#endregion
+//#region src/views/hooks/use-currency-options.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 key$1 = "numfmtCurrency";
+const useCurrencyOptions = (onOptionChange) => {
+	const userHabitController = useDependency(UserHabitController);
+	const [options, setOptions] = useState(currencySymbols);
+	useEffect(() => {
+		userHabitController.addHabit("numfmtCurrency", []).then(() => {
+			userHabitController.getHabit(key$1, [...currencySymbols]).then((list) => {
+				setOptions(list);
+				onOptionChange && onOptionChange(list);
+			});
+		});
+	}, []);
+	const mark = (v) => {
+		userHabitController.markHabit(key$1, v);
+	};
+	return {
+		userHabitCurrency: options,
+		mark
+	};
+};
+
+//#endregion
+//#region src/views/hooks/use-next-tick.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 useNextTick = () => {
+	const effectList = useRef([]);
+	const [value, dispatch] = useState({});
+	useEffect(() => {
+		effectList.current.forEach((fn) => {
+			fn();
+		});
+		effectList.current = [];
+	}, [value]);
+	const nextTick = (fn) => {
+		effectList.current.push(fn);
+		dispatch({});
+	};
+	return nextTick;
+};
+
+//#endregion
+//#region src/views/components/Accounting.tsx
+const isAccountingPanel = (pattern) => {
+	return !!getCurrencyType(pattern) && pattern.startsWith("_(");
+};
+const AccountingPanel = (props) => {
+	const { defaultPattern, action, onChange } = props;
+	const [decimal, setDecimal] = useState(() => getDecimalFromPattern(defaultPattern || "", 2));
+	const userHabitCurrency = useContext(UserHabitCurrencyContext);
+	const [suffix, setSuffix] = useState(() => getCurrencyType(defaultPattern) || userHabitCurrency[0]);
+	const options = useMemo(() => userHabitCurrency.map((key) => ({
+		label: key,
+		value: key
+	})), []);
+	const t = useDependency(LocaleService).t;
+	action.current = () => setPatternDecimal(`_("${suffix}"* #,##0${decimal > 0 ? ".0" : ""}_)`, decimal);
+	const handleSelect = (v) => {
+		setSuffix(v);
+		onChange(setPatternDecimal(`_("${v}"* #,##0${decimal > 0 ? ".0" : ""}_)`, decimal));
+	};
+	const handleDecimalChange = (v) => {
+		const decimal = v || 0;
+		setDecimal(decimal);
+		onChange(setPatternDecimal(`_("${suffix}"* #,##0${decimal > 0 ? ".0" : ""}_)`, decimal));
+	};
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
+		className: "univer-mt-4 univer-flex univer-justify-between",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "option",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "univer-text-sm univer-text-gray-400",
+				children: t("sheet.numfmt.decimalLength")
+			}), /* @__PURE__ */ jsx("div", {
+				className: "univer-mt-2 univer-w-32",
+				children: /* @__PURE__ */ jsx(InputNumber, {
+					value: decimal,
+					step: 1,
+					precision: 0,
+					max: 20,
+					min: 0,
+					onChange: handleDecimalChange
+				})
+			})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "option",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "univer-text-sm univer-text-gray-400",
+				children: t("sheet.numfmt.currencyType")
+			}), /* @__PURE__ */ jsx("div", {
+				className: "univer-mt-2 univer-w-36",
+				children: /* @__PURE__ */ jsx(Select, {
+					options,
+					value: suffix,
+					onChange: handleSelect
+				})
+			})]
+		})]
+	}), /* @__PURE__ */ jsx("div", {
+		className: "univer-mt-4 univer-text-sm univer-text-gray-400",
+		children: t("sheet.numfmt.accountingDes")
+	})] });
+};
+
+//#endregion
+//#region src/views/components/Currency.tsx
+const isCurrencyPanel = (pattern) => {
+	return !!getCurrencyType(pattern) && !pattern.startsWith("_(");
+};
+const CurrencyPanel = (props) => {
+	const t = useDependency(LocaleService).t;
+	const userHabitCurrency = useContext(UserHabitCurrencyContext);
+	const [suffix, setSuffix] = useState(() => getCurrencyType(props.defaultPattern) || userHabitCurrency[0]);
+	const [decimal, setDecimal] = useState(() => getDecimalFromPattern(props.defaultPattern || "", 2));
+	const [pattern, setPattern] = useState(() => {
+		var _negativeOptions$find;
+		const negativeOptions = getCurrencyFormatOptions(suffix);
+		return ((_negativeOptions$find = negativeOptions.find((item) => isPatternEqualWithoutDecimal(item.value, props.defaultPattern))) === null || _negativeOptions$find === void 0 ? void 0 : _negativeOptions$find.value) || negativeOptions[0].value;
+	});
+	const negativeOptions = useMemo(() => getCurrencyFormatOptions(suffix), [suffix]);
+	const options = useMemo(() => userHabitCurrency.map((key) => ({
+		label: key,
+		value: key
+	})), [userHabitCurrency]);
+	props.action.current = () => setPatternDecimal(pattern, decimal);
+	const onSelect = (value) => {
+		if (value === void 0) return;
+		setSuffix(value);
+		const pattern = getCurrencyFormatOptions(value)[0].value;
+		setPattern(pattern);
+		props.onChange(setPatternDecimal(pattern, decimal));
+	};
+	const onChange = (value) => {
+		if (value === void 0) return;
+		setPattern(value);
+		props.onChange(setPatternDecimal(value, decimal));
+	};
+	const onDecimalChange = (v) => {
+		setDecimal(v || 0);
+		props.onChange(setPatternDecimal(pattern, v || 0));
+	};
+	return /* @__PURE__ */ jsxs("div", { children: [
+		/* @__PURE__ */ jsxs("div", {
+			className: "univer-mt-4 univer-flex univer-justify-between",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "option",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "univer-text-sm univer-text-gray-400",
+					children: t("sheet.numfmt.decimalLength")
+				}), /* @__PURE__ */ jsx("div", {
+					className: "univer-mt-2 univer-w-32",
+					children: /* @__PURE__ */ jsx(InputNumber, {
+						value: decimal,
+						max: 20,
+						min: 0,
+						onChange: onDecimalChange
+					})
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "option",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "univer-text-sm univer-text-gray-400",
+					children: t("sheet.numfmt.currencyType")
+				}), /* @__PURE__ */ jsx("div", {
+					className: "univer-mt-2 univer-w-36",
+					children: /* @__PURE__ */ jsx(Select, {
+						value: suffix,
+						options,
+						onChange: onSelect
+					})
+				})]
+			})]
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "label univer-mt-4",
+			children: t("sheet.numfmt.negType")
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "univer-mt-2",
+			children: /* @__PURE__ */ jsx(SelectList, {
+				value: pattern,
+				options: negativeOptions,
+				onChange
+			})
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "univer-mt-4 univer-text-sm univer-text-gray-400",
+			children: t("sheet.numfmt.currencyDes")
+		})
+	] });
+};
+
+//#endregion
+//#region src/views/components/CustomFormat.tsx
+const key = "customFormat";
+const historyPatternKey = "numfmt_custom_pattern";
+function CustomFormat(props) {
+	const { defaultPattern, action, onChange } = props;
+	const userHabitController = useDependency(UserHabitController);
+	const localStorageService = useDependency(ILocalStorageService);
+	const localeService = useDependency(LocaleService);
+	const [pattern, setPattern] = useState(defaultPattern);
+	action.current = () => {
+		userHabitController.markHabit(key, pattern);
+		localStorageService.getItem(historyPatternKey).then((list = []) => {
+			const _list = [...new Set([pattern, ...list || []])].splice(0, 10).filter((e) => !!e);
+			localStorageService.setItem(historyPatternKey, _list);
+		});
+		return pattern;
+	};
+	const [options, setOptions] = useState([]);
+	useEffect(() => {
+		localStorageService.getItem(historyPatternKey).then((historyList) => {
+			const list = [
+				...CURRENCYFORMAT.map((item) => item.suffix("$")),
+				...DATEFMTLISG.map((item) => item.suffix),
+				...NUMBERFORMAT.map((item) => item.suffix)
+			];
+			list.push(...historyList || []);
+			userHabitController.addHabit(key, []).finally(() => {
+				userHabitController.getHabit(key, list).then((list) => {
+					setOptions([...new Set(list)]);
+				});
+			});
+		});
+	}, []);
+	const handleClick = (p) => {
+		setPattern(p);
+		onChange(p);
+	};
+	const handleBlur = () => {
+		onChange(pattern);
+	};
+	return /* @__PURE__ */ jsxs("div", { children: [
+		/* @__PURE__ */ jsx("div", {
+			className: "univer-mt-4 univer-text-sm univer-text-gray-400",
+			children: localeService.t("sheet.numfmt.customFormat")
+		}),
+		/* @__PURE__ */ jsx(Input, {
+			placeholder: localeService.t("sheet.numfmt.customFormat"),
+			onBlur: handleBlur,
+			value: pattern,
+			onChange: setPattern,
+			className: "univer-mt-2 univer-w-full"
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: clsx("univer-mt-2 univer-max-h-[400px] univer-overflow-auto univer-rounded-lg univer-p-2", borderClassName),
+			children: options.map((p) => /* @__PURE__ */ jsxs("div", {
+				onClick: () => handleClick(p),
+				className: "univer-flex univer-cursor-pointer univer-items-center univer-gap-1.5 univer-py-1.5 univer-text-sm",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "univer-flex univer-w-4 univer-items-center univer-text-primary-600",
+					children: pattern === p && /* @__PURE__ */ jsx(CheckMarkIcon, {})
+				}), /* @__PURE__ */ jsx("div", { children: p })]
+			}, p))
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
+			children: localeService.t("sheet.numfmt.customFormatDes")
+		})
+	] });
+}
+
+//#endregion
+//#region src/views/components/Date.tsx
+const isDatePanel = (pattern) => {
+	const info = numfmt.getFormatInfo(pattern);
+	return getDateFormatOptions().map((item) => item.value).includes(pattern) || [
+		"date",
+		"datetime",
+		"time"
+	].includes(info.type);
+};
+function DatePanel(props) {
+	const { onChange, defaultPattern } = props;
+	const options = useMemo(getDateFormatOptions, []);
+	const localeService = useDependency(LocaleService);
+	const [suffix, setSuffix] = useState(() => {
+		if (defaultPattern) {
+			const item = options.find((item) => item.value === defaultPattern);
+			if (item) return item.value;
+		}
+		return options[0].value;
+	});
+	props.action.current = () => suffix;
+	const handleChange = (v) => {
+		if (v === void 0) return;
+		setSuffix(v);
+		onChange(v);
+	};
+	return /* @__PURE__ */ jsxs("div", { children: [
+		/* @__PURE__ */ jsx("div", {
+			className: "univer-mt-4 univer-text-sm univer-text-gray-400",
+			children: localeService.t("sheet.numfmt.dateType")
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "univer-mt-2",
+			children: /* @__PURE__ */ jsx(SelectList, {
+				value: suffix,
+				options,
+				onChange: handleChange
+			})
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "univer-mt-3.5 univer-text-sm/5 univer-text-gray-600 dark:!univer-text-gray-200",
+			children: localeService.t("sheet.numfmt.dateDes")
+		})
+	] });
+}
+
+//#endregion
+//#region src/views/components/General.tsx
+const isGeneralPanel = (pattern) => !pattern;
+const GeneralPanel = (props) => {
+	const t = useDependency(LocaleService).t;
+	props.action.current = () => "";
+	return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", {
+		className: "univer-mt-3.5 univer-text-sm/5 univer-text-gray-600 dark:!univer-text-gray-200",
+		children: t("sheet.numfmt.generalDes")
+	}) });
+};
+
+//#endregion
+//#region src/views/components/ThousandthPercentile.tsx
+const isThousandthPercentilePanel = (pattern) => getNumberFormatOptions().some((item) => isPatternEqualWithoutDecimal(item.value, pattern));
+function ThousandthPercentilePanel(props) {
+	const localeService = useDependency(LocaleService);
+	const options = useMemo(getNumberFormatOptions, []);
+	const [decimal, setDecimal] = useState(() => getDecimalFromPattern(props.defaultPattern || "", 0));
+	const [suffix, setSuffix] = useState(() => {
+		const item = options.find((item) => isPatternEqualWithoutDecimal(item.value, props.defaultPattern || ""));
+		return (item === null || item === void 0 ? void 0 : item.value) || options[0].value;
+	});
+	const pattern = useMemo(() => setPatternDecimal(suffix, Number(decimal || 0)), [suffix, decimal]);
+	const isInputDisable = useMemo(() => !isPatternHasDecimal(suffix), [suffix]);
+	const handleDecimalChange = (decimal) => {
+		setDecimal(decimal || 0);
+		props.onChange(setPatternDecimal(suffix, Number(decimal || 0)));
+	};
+	const handleClick = (v) => {
+		if (v === void 0) return;
+		setDecimal(getDecimalFromPattern(v, 0));
+		setSuffix(v);
+		props.onChange(v);
+	};
+	props.action.current = () => pattern;
+	return /* @__PURE__ */ jsxs("div", { children: [
+		/* @__PURE__ */ jsx("div", {
+			className: "univer-mt-4 univer-text-sm univer-text-gray-400",
+			children: localeService.t("sheet.numfmt.decimalLength")
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "univer-mt-2",
+			children: /* @__PURE__ */ jsx(InputNumber, {
+				disabled: isInputDisable,
+				value: decimal,
+				max: 20,
+				min: 0,
+				onChange: handleDecimalChange
+			})
+		}),
+		/* @__PURE__ */ jsxs("div", {
+			className: "univer-mt-4 univer-text-sm univer-text-gray-400",
+			children: [" ", localeService.t("sheet.numfmt.negType")]
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "univer-mt-2",
+			children: /* @__PURE__ */ jsx(SelectList, {
+				onChange: handleClick,
+				options,
+				value: suffix
+			})
+		}),
+		/* @__PURE__ */ jsx("div", {
+			className: "univer-mt-3.5 univer-text-sm/5 univer-text-gray-600 dark:!univer-text-gray-200",
+			children: localeService.t("sheet.numfmt.thousandthPercentileDes")
+		})
+	] });
+}
+
+//#endregion
+//#region src/views/components/index.tsx
+const SheetNumfmtPanel = (props) => {
+	const { defaultValue, defaultPattern, row, col } = props.value;
+	const localeService = useDependency(LocaleService);
+	const getCurrentPattern = useRef(() => "");
+	const t = localeService.t;
+	const nextTick = useNextTick();
+	const typeOptions = useMemo(() => [
+		{
+			label: "sheet.numfmt.general",
+			component: GeneralPanel
+		},
+		{
+			label: "sheet.numfmt.accounting",
+			component: AccountingPanel
+		},
+		{
+			label: "sheet.numfmt.currency",
+			component: CurrencyPanel
+		},
+		{
+			label: "sheet.numfmt.date",
+			component: DatePanel
+		},
+		{
+			label: "sheet.numfmt.thousandthPercentile",
+			component: ThousandthPercentilePanel
+		},
+		{
+			label: "sheet.numfmt.customFormat",
+			component: CustomFormat
+		}
+	].map((item) => ({
+		...item,
+		label: t(item.label)
+	})), []);
+	const [type, setType] = useState(findDefaultType);
+	const [key, setKey] = useState(() => `${row}_${col}`);
+	const { mark, userHabitCurrency } = useCurrencyOptions(() => setKey(`${row}_${col}_userCurrency'`));
+	const BusinessComponent = useMemo(() => {
+		var _typeOptions$find;
+		return (_typeOptions$find = typeOptions.find((item) => item.label === type)) === null || _typeOptions$find === void 0 ? void 0 : _typeOptions$find.component;
+	}, [type]);
+	function findDefaultType() {
+		return [
+			isGeneralPanel,
+			isAccountingPanel,
+			isCurrencyPanel,
+			isDatePanel,
+			isThousandthPercentilePanel
+		].reduce((pre, curFn, index) => pre || (curFn(defaultPattern) ? typeOptions[index].label : ""), "") || typeOptions[0].label;
+	}
+	const selectOptions = typeOptions.map((option) => ({
+		label: option.label,
+		value: option.label
+	}));
+	const handleSelect = (value) => {
+		setType(value);
+		nextTick(() => props.onChange({
+			type: "change",
+			value: getCurrentPattern.current() || ""
+		}));
+	};
+	const handleChange = useCallback((v) => {
+		props.onChange({
+			type: "change",
+			value: v
+		});
+	}, []);
+	const handleConfirm = () => {
+		const pattern = getCurrentPattern.current() || "";
+		const currency = getCurrencyType(pattern);
+		if (currency) mark(currency);
+		props.onChange({
+			type: "confirm",
+			value: pattern
+		});
+	};
+	const handleCancel = () => {
+		props.onChange({
+			type: "cancel",
+			value: ""
+		});
+	};
+	const subProps = {
+		onChange: handleChange,
+		defaultValue,
+		defaultPattern,
+		action: getCurrentPattern
+	};
+	useEffect(() => {
+		setType(findDefaultType());
+		setKey(`${row}_${col}`);
+	}, [row, col]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("univer-flex univer-h-full univer-flex-col univer-justify-between univer-overflow-y-auto univer-pb-5", scrollbarClassName),
+		children: [/* @__PURE__ */ jsxs("div", { children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "univer-mt-3.5 univer-text-sm univer-text-gray-400",
+				children: t("sheet.numfmt.numfmtType")
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "univer-mt-2",
+				children: /* @__PURE__ */ jsx(Select, {
+					className: "univer-w-full",
+					value: type,
+					options: selectOptions,
+					onChange: handleSelect
+				})
+			}),
+			/* @__PURE__ */ jsx("div", { children: BusinessComponent && /* @__PURE__ */ jsx(UserHabitCurrencyContext.Provider, {
+				value: userHabitCurrency,
+				children: /* @__PURE__ */ createElement(BusinessComponent, {
+					...subProps,
+					key
+				})
+			}) })
+		] }), /* @__PURE__ */ jsxs("div", {
+			className: "univer-mb-5 univer-mt-3.5 univer-flex univer-justify-end",
+			children: [/* @__PURE__ */ jsx(Button, {
+				onClick: handleCancel,
+				className: "univer-mr-3",
+				children: t("sheet.numfmt.cancel")
+			}), /* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				onClick: handleConfirm,
+				children: t("sheet.numfmt.confirm")
+			})]
+		})]
+	});
+};
+
+//#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 src/controllers/numfmt.controller.ts
+const SHEET_NUMFMT_PANEL = "SHEET_NUMFMT_PANEL";
+let SheetNumfmtUIController = class SheetNumfmtUIController extends Disposable {
+	constructor(_sheetInterceptorService, _themeService, _univerInstanceService, _commandService, _selectionManagerService, _renderManagerService, _numfmtService, _componentManager, _sidebarService, _localeService, _sheetsNumfmtCellContentController) {
+		super();
+		this._sheetInterceptorService = _sheetInterceptorService;
+		this._themeService = _themeService;
+		this._univerInstanceService = _univerInstanceService;
+		this._commandService = _commandService;
+		this._selectionManagerService = _selectionManagerService;
+		this._renderManagerService = _renderManagerService;
+		this._numfmtService = _numfmtService;
+		this._componentManager = _componentManager;
+		this._sidebarService = _sidebarService;
+		this._localeService = _localeService;
+		this._sheetsNumfmtCellContentController = _sheetsNumfmtCellContentController;
+		_defineProperty(this, "_previewPattern", "");
+		_defineProperty(this, "_sidebarDisposable", null);
+		this._initRealTimeRenderingInterceptor();
+		this._initPanel();
+		this._initCommands();
+		this._initCloseListener();
+		this._commandExecutedListener();
+		this._initNumfmtLocalChange();
+	}
+	_initNumfmtLocalChange() {
+		this.disposeWithMe(merge$1(this._sheetsNumfmtCellContentController.locale$, this._localeService.currentLocale$).subscribe(() => {
+			this._forceUpdate();
+		}));
+	}
+	openPanel() {
+		var _selectionManagerServ;
+		const sidebarService = this._sidebarService;
+		const selectionManagerService = this._selectionManagerService;
+		const commandService = this._commandService;
+		const univerInstanceService = this._univerInstanceService;
+		const numfmtService = this._numfmtService;
+		const localeService = this._localeService;
+		const range = (((_selectionManagerServ = selectionManagerService.getCurrentSelections()) === null || _selectionManagerServ === void 0 ? void 0 : _selectionManagerServ.map((s) => s.range)) || [])[0];
+		if (!range) return false;
+		const workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+		const sheet = workbook.getActiveSheet();
+		if (!sheet) return false;
+		const cellValue = sheet.getCellRaw(range.startRow, range.startColumn);
+		const numfmtValue = numfmtService.getValue(workbook.getUnitId(), sheet.getSheetId(), range.startRow, range.startColumn);
+		let pattern = "";
+		if (numfmtValue) pattern = numfmtValue.pattern;
+		const defaultValue = (cellValue === null || cellValue === void 0 ? void 0 : cellValue.t) === CellValueType.NUMBER ? cellValue.v : 12345678;
+		const props = {
+			onChange: (config) => {
+				if (config.type === "change") {
+					this._previewPattern = config.value;
+					this._forceUpdate();
+				} else if (config.type === "confirm") {
+					var _selectionManagerServ2;
+					const selections = ((_selectionManagerServ2 = selectionManagerService.getCurrentSelections()) === null || _selectionManagerServ2 === void 0 ? void 0 : _selectionManagerServ2.map((s) => s.range)) || [];
+					const params = { values: [] };
+					const patternType = getPatternType(config.value);
+					selections.forEach((rangeInfo) => {
+						Range.foreach(rangeInfo, (row, col) => {
+							params.values.push({
+								row,
+								col,
+								pattern: config.value,
+								type: patternType
+							});
+						});
+					});
+					commandService.executeCommand(SetNumfmtCommand.id, params);
+					sidebarService.close();
+				} else if (config.type === "cancel") sidebarService.close();
+			},
+			value: {
+				defaultPattern: pattern,
+				defaultValue,
+				row: range.startRow,
+				col: range.startColumn
+			}
+		};
+		this._sidebarDisposable = sidebarService.open({
+			header: { title: localeService.t("sheet.numfmt.title") },
+			children: {
+				label: SHEET_NUMFMT_PANEL,
+				...props
+			},
+			onClose: () => {
+				this._forceUpdate();
+				commandService.executeCommand(CloseNumfmtPanelOperator.id);
+			}
+		});
+		return true;
+	}
+	_forceUpdate(unitId) {
+		var _renderUnit$mainCompo;
+		const renderUnit = this._renderManagerService.getRenderById(unitId !== null && unitId !== void 0 ? unitId : this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId());
+		renderUnit === null || renderUnit === void 0 || renderUnit.with(SheetSkeletonManagerService).reCalculate();
+		renderUnit === null || renderUnit === void 0 || (_renderUnit$mainCompo = renderUnit.mainComponent) === null || _renderUnit$mainCompo === void 0 || _renderUnit$mainCompo.makeDirty();
+	}
+	_initCommands() {
+		[OpenNumfmtPanelOperator, CloseNumfmtPanelOperator].forEach((config) => {
+			this.disposeWithMe(this._commandService.registerCommand(config));
+		});
+	}
+	_initPanel() {
+		this.disposeWithMe(this._componentManager.register(SHEET_NUMFMT_PANEL, SheetNumfmtPanel));
+	}
+	_initRealTimeRenderingInterceptor() {
+		const combineOpenAndSelection$ = combineLatest([new Observable((subscriber) => {
+			this._commandService.onCommandExecuted((commandInfo) => {
+				if (commandInfo.id === OpenNumfmtPanelOperator.id) subscriber.next(true);
+				if (commandInfo.id === CloseNumfmtPanelOperator.id) subscriber.next(false);
+			});
+		}), this._selectionManagerService.selectionMoveEnd$.pipe(map((selectionInfos) => {
+			if (!selectionInfos) return [];
+			return selectionInfos.map((selectionInfo) => selectionInfo.range);
+		}))]);
+		this.disposeWithMe(toDisposable(combineOpenAndSelection$.pipe(switchMap(([isOpen, selectionRanges]) => new Observable((subscribe) => {
+			const disposableCollection = new DisposableCollection();
+			isOpen && selectionRanges.length && subscribe.next({
+				selectionRanges,
+				disposableCollection
+			});
+			return () => {
+				disposableCollection.dispose();
+			};
+		})), tap(() => {
+			this._previewPattern = null;
+		})).subscribe(({ disposableCollection, selectionRanges }) => {
+			var _this$_renderManagerS;
+			const workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+			this.openPanel();
+			disposableCollection.add(this._sheetInterceptorService.intercept(INTERCEPTOR_POINT.CELL_CONTENT, {
+				priority: 99,
+				effect: InterceptorEffectEnum.Value | InterceptorEffectEnum.Style,
+				handler: (cell, location, next) => {
+					const { row, col } = location;
+					const defaultValue = next(cell) || {};
+					if (selectionRanges.find((range) => range.startColumn <= col && range.endColumn >= col && range.startRow <= row && range.endRow >= row)) {
+						const rawValue = location.worksheet.getCellRaw(row, col);
+						const value = rawValue === null || rawValue === void 0 ? void 0 : rawValue.v;
+						const type = rawValue === null || rawValue === void 0 ? void 0 : rawValue.t;
+						if (value === void 0 || value === null || type !== CellValueType.NUMBER || this._previewPattern === null) return defaultValue;
+						const info = getPatternPreviewIgnoreGeneral(this._previewPattern, value, this._sheetsNumfmtCellContentController.locale);
+						if (info.color) {
+							var _this$_themeService$g;
+							const color = (_this$_themeService$g = this._themeService.getColorFromTheme(`${info.color}.500`)) !== null && _this$_themeService$g !== void 0 ? _this$_themeService$g : info.color;
+							return {
+								...defaultValue,
+								v: info.result,
+								t: CellValueType.STRING,
+								s: { cl: { rgb: color } }
+							};
+						}
+						return {
+							...defaultValue,
+							v: info.result,
+							t: CellValueType.STRING
+						};
+					}
+					return defaultValue;
+				}
+			}));
+			(_this$_renderManagerS = this._renderManagerService.getRenderById(workbook.getUnitId())) === null || _this$_renderManagerS === void 0 || (_this$_renderManagerS = _this$_renderManagerS.mainComponent) === null || _this$_renderManagerS === void 0 || _this$_renderManagerS.makeDirty();
+		})));
+	}
+	_commandExecutedListener() {
+		const commandList = [RemoveNumfmtMutation.id, SetNumfmtMutation.id];
+		this.disposeWithMe(new Observable((subscribe) => {
+			const disposable = this._commandService.onCommandExecuted((command) => {
+				if (commandList.includes(command.id)) {
+					const params = command.params;
+					subscribe.next(params.unitId);
+				}
+			});
+			return () => disposable.dispose();
+		}).pipe(debounceTime$1(16)).subscribe((unitId) => this._forceUpdate(unitId)));
+	}
+	_initCloseListener() {
+		this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).subscribe((unit) => {
+			if (!unit) {
+				var _this$_sidebarDisposa;
+				(_this$_sidebarDisposa = this._sidebarDisposable) === null || _this$_sidebarDisposa === void 0 || _this$_sidebarDisposa.dispose();
+				this._sidebarDisposable = null;
+			}
+		});
+	}
+};
+SheetNumfmtUIController = __decorate([
+	__decorateParam(0, Inject(SheetInterceptorService)),
+	__decorateParam(1, Inject(ThemeService)),
+	__decorateParam(2, IUniverInstanceService),
+	__decorateParam(3, ICommandService),
+	__decorateParam(4, Inject(SheetsSelectionsService)),
+	__decorateParam(5, IRenderManagerService),
+	__decorateParam(6, INumfmtService),
+	__decorateParam(7, Inject(ComponentManager)),
+	__decorateParam(8, ISidebarService),
+	__decorateParam(9, Inject(LocaleService)),
+	__decorateParam(10, Inject(SheetsNumfmtCellContentController))
+], SheetNumfmtUIController);
+
+//#endregion
+//#region src/controllers/numfmt.editor.controller.ts
+const createCollectEffectMutation = () => {
+	let list = [];
+	const add = (unitId, subUnitId, row, col, value) => list.push({
+		unitId,
+		subUnitId,
+		row,
+		col,
+		value
+	});
+	const getEffects = () => list;
+	const clean = () => {
+		list = [];
+	};
+	return {
+		add,
+		getEffects,
+		clean
+	};
+};
+let NumfmtEditorController = class NumfmtEditorController extends Disposable {
+	constructor(_sheetInterceptorService, _numfmtService, _univerInstanceService, _injector, _editorBridgeService) {
+		super();
+		this._sheetInterceptorService = _sheetInterceptorService;
+		this._numfmtService = _numfmtService;
+		this._univerInstanceService = _univerInstanceService;
+		this._injector = _injector;
+		this._editorBridgeService = _editorBridgeService;
+		_defineProperty(this, "_collectEffectMutation", createCollectEffectMutation());
+		this._initInterceptorEditorStart();
+		this._initInterceptorEditorEnd();
+		this._initInterceptorCommands();
+	}
+	_initInterceptorEditorStart() {
+		if (!this._editorBridgeService) return;
+		this.disposeWithMe(toDisposable(this._sheetInterceptorService.writeCellInterceptor.intercept(BEFORE_CELL_EDIT, { handler: (value, context, next) => {
+			/**
+			* This value is get by `worksheet.getCell()`, it has been processed by cell content interceptor, and used to display in cell render, so it should be the final value after all the processing of number format.
+			* But the editor has different requirement for different number format type, so we need to get the raw cell value and number format value to determine the final value for editor.
+			*/
+			const row = context.row;
+			const col = context.col;
+			const numfmtCell = this._numfmtService.getValue(context.unitId, context.subUnitId, row, col);
+			if (numfmtCell) switch (getPatternType(numfmtCell.pattern)) {
+				/**
+				* For scientific, currency, grouped and number format, the editor should display the raw number value without format, unlike the cell render which display the formatted value.
+				*/
+				case "scientific":
+				case "currency":
+				case "grouped":
+				case "number": {
+					const cell = { ...context.worksheet.getCellRaw(row, col) };
+					if ((cell === null || cell === void 0 ? void 0 : cell.t) === CellValueType.NUMBER && isRealNum(cell.v)) cell.v = stripErrorMargin(Number(cell.v));
+					return next && next(cell);
+				}
+				/**
+				* For percent format, the editor should display the full percent value, unlike the cell render which display the limited decimal places.
+				* e.g. { v: 1.001234567, t: 2, s: { n: { pattern: '0.00%' } } } should display as '100.12%' in cell render, but when edit this cell, the editor should display '100.1234567%' rather than '100.12%'.
+				* If the editor also display '100.12%', will lose precision when before edit.
+				*/
+				case "percent": {
+					const cell = { ...context.worksheet.getCellRaw(row, col) };
+					if ((cell === null || cell === void 0 ? void 0 : cell.t) === CellValueType.NUMBER && isRealNum(cell.v)) cell.v = `${stripErrorMargin(Number(cell.v) * 100)}%`;
+					return next && next(cell);
+				}
+				default: return next && next(value);
+			}
+			return next(value);
+		} })));
+	}
+	/**
+	* Process the  values after  edit
+	* @private
+	* @memberof NumfmtService
+	*/
+	_initInterceptorEditorEnd() {
+		this.disposeWithMe(toDisposable(this._sheetInterceptorService.writeCellInterceptor.intercept(AFTER_CELL_EDIT, { handler: (value, context, next) => {
+			var _value$p, _value$p2;
+			if (!(value === null || value === void 0 ? void 0 : value.v) && !(value === null || value === void 0 ? void 0 : value.p)) return next(value);
+			this._collectEffectMutation.clean();
+			const currentNumfmtValue = this._numfmtService.getValue(context.unitId, context.subUnitId, context.row, context.col);
+			const originCell = context.worksheet.getCellRaw(context.row, context.col);
+			if (isTextFormat(currentNumfmtValue === null || currentNumfmtValue === void 0 ? void 0 : currentNumfmtValue.pattern) || value.t === CellValueType.FORCE_STRING) return next(value);
+			const body = (_value$p = value.p) === null || _value$p === void 0 ? void 0 : _value$p.body;
+			const content = (value === null || value === void 0 || (_value$p2 = value.p) === null || _value$p2 === void 0 || (_value$p2 = _value$p2.body) === null || _value$p2 === void 0 ? void 0 : _value$p2.dataStream) ? value.p.body.dataStream.replace(/\r\n$/, "") : String(value.v);
+			const numfmtInfo = getNumfmtParseValueFilter(content);
+			if (body) if (!canConvertRichTextToNumfmt(body)) return next(value);
+			else {
+				const { dataStream } = body;
+				const dataStreamWithoutEnd = dataStream.replace(/\r\n$/, "");
+				const num = Number(dataStreamWithoutEnd);
+				if (Number.isNaN(num) && !numfmtInfo) return next(value);
+			}
+			if (numfmtInfo) {
+				if (!numfmtInfo.z && !(currentNumfmtValue === null || currentNumfmtValue === void 0 ? void 0 : currentNumfmtValue.pattern) && (originCell === null || originCell === void 0 ? void 0 : originCell.t) !== CellValueType.STRING && (originCell === null || originCell === void 0 ? void 0 : originCell.t) !== CellValueType.FORCE_STRING && willLoseNumericPrecision(content)) return next({
+					...value,
+					p: void 0,
+					v: content,
+					t: CellValueType.FORCE_STRING
+				});
+				/**
+				* Only when the content has number format pattern but the current cell has no pattern, or the pattern type is different, need to update the number format.
+				* Different currency symbols also should not be updated in Excel.
+				*/
+				if (numfmtInfo.z && (!(currentNumfmtValue === null || currentNumfmtValue === void 0 ? void 0 : currentNumfmtValue.pattern) || getPatternType(numfmtInfo.z) !== getPatternType(currentNumfmtValue.pattern))) this._collectEffectMutation.add(context.unitId, context.subUnitId, context.row, context.col, { pattern: numfmtInfo.z });
+				const v = stripErrorMargin(Number(numfmtInfo.v), 16);
+				return next({
+					...value,
+					p: void 0,
+					v,
+					t: CellValueType.NUMBER
+				});
+			}
+			return next(value);
+		} })));
+	}
+	_initInterceptorCommands() {
+		const self = this;
+		this.disposeWithMe(this._sheetInterceptorService.interceptCommand({ getMutations(command) {
+			switch (command.id) {
+				case SetRangeValuesCommand.id: {
+					var _workbook$getActiveSh;
+					const workbook = self._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+					const unitId = workbook.getUnitId();
+					const subUnitId = (_workbook$getActiveSh = workbook.getActiveSheet()) === null || _workbook$getActiveSh === void 0 ? void 0 : _workbook$getActiveSh.getSheetId();
+					if (!subUnitId) return {
+						redos: [],
+						undos: []
+					};
+					const list = self._collectEffectMutation.getEffects();
+					self._collectEffectMutation.clean();
+					if (!list.length) return {
+						redos: [],
+						undos: []
+					};
+					const cells = list.filter((item) => {
+						var _item$value;
+						return !!((_item$value = item.value) === null || _item$value === void 0 ? void 0 : _item$value.pattern);
+					}).map((item) => ({
+						row: item.row,
+						col: item.col,
+						pattern: item.value.pattern
+					}));
+					const removeCells = list.filter((item) => {
+						var _item$value2;
+						return !((_item$value2 = item.value) === null || _item$value2 === void 0 ? void 0 : _item$value2.pattern);
+					}).map((item) => ({
+						startRow: item.row,
+						endColumn: item.col,
+						startColumn: item.col,
+						endRow: item.row
+					}));
+					const redos = [];
+					const undos = [];
+					if (cells.length) {
+						const redo = {
+							id: SetNumfmtMutation.id,
+							params: transformCellsToRange(unitId, subUnitId, cells)
+						};
+						redos.push(redo);
+						undos.push(...factorySetNumfmtUndoMutation(self._injector, redo.params));
+					}
+					if (removeCells.length) {
+						const redo = {
+							id: RemoveNumfmtMutation.id,
+							params: {
+								unitId,
+								subUnitId,
+								ranges: removeCells
+							}
+						};
+						redos.push(redo);
+						undos.push(...factoryRemoveNumfmtUndoMutation(self._injector, redo.params));
+					}
+					return {
+						redos,
+						undos: undos.reverse()
+					};
+				}
+			}
+			return {
+				redos: [],
+				undos: []
+			};
+		} }));
+	}
+	dispose() {
+		super.dispose();
+		this._collectEffectMutation.clean();
+	}
+};
+NumfmtEditorController = __decorate([
+	__decorateParam(0, Inject(SheetInterceptorService)),
+	__decorateParam(1, Inject(INumfmtService)),
+	__decorateParam(2, Inject(IUniverInstanceService)),
+	__decorateParam(3, Inject(Injector)),
+	__decorateParam(4, Optional(IEditorBridgeService))
+], NumfmtEditorController);
+function canConvertRichTextToNumfmt(body) {
+	const { textRuns = [], paragraphs = [], customRanges, customBlocks = [] } = body;
+	const richTextStyle = ["va"];
+	return !(textRuns.some((textRun) => {
+		return Boolean(textRun.ts && Object.keys(textRun.ts).some((property) => {
+			return richTextStyle.includes(property);
+		}));
+	}) || paragraphs.some((paragraph) => paragraph.bullet) || paragraphs.length >= 2 || Boolean(customRanges === null || customRanges === void 0 ? void 0 : customRanges.length) || customBlocks.length > 0);
+}
+
+//#endregion
+//#region src/menu/menu.ts
+const MENU_OPTIONS = (currencySymbol) => {
+	return [
+		{
+			label: "sheet.numfmt.general",
+			pattern: null
+		},
+		{
+			label: "sheet.numfmt.text",
+			pattern: DEFAULT_TEXT_FORMAT_EXCEL
+		},
+		"|",
+		{
+			label: "sheet.numfmt.number",
+			pattern: "0"
+		},
+		{
+			label: "sheet.numfmt.percent",
+			pattern: "0.00%"
+		},
+		{
+			label: "sheet.numfmt.scientific",
+			pattern: "0.00E+00"
+		},
+		"|",
+		{
+			label: "sheet.numfmt.accounting",
+			pattern: `"${currencySymbol}" #,##0.00_);[Red]("${currencySymbol}"#,##0.00)`
+		},
+		{
+			label: "sheet.numfmt.financialValue",
+			pattern: "#,##0.00;[Red]#,##0.00"
+		},
+		{
+			label: "sheet.numfmt.currency",
+			pattern: `"${currencySymbol}"#,##0.00_);[Red]("${currencySymbol}"#,##0.00)`
+		},
+		{
+			label: "sheet.numfmt.roundingCurrency",
+			pattern: `"${currencySymbol}"#,##0;[Red]"${currencySymbol}"#,##0`
+		},
+		"|",
+		{
+			label: "sheet.numfmt.date",
+			pattern: "yyyy-mm-dd;@"
+		},
+		{
+			label: "sheet.numfmt.time",
+			pattern: "am/pm h\":\"mm\":\"ss"
+		},
+		{
+			label: "sheet.numfmt.dateTime",
+			pattern: "yyyy-m-d am/pm h:mm"
+		},
+		{
+			label: "sheet.numfmt.timeDuration",
+			pattern: "h:mm:ss"
+		},
+		"|",
+		{
+			label: "sheet.numfmt.moreFmt",
+			pattern: ""
+		}
+	];
+};
+const CurrencySymbolIconMenuItem = (accessor) => {
+	return {
+		icon: new Observable((subscribe) => {
+			const localeService = accessor.get(LocaleService);
+			subscribe.next(getCurrencySymbolIconByLocale(localeService.getCurrentLocale()).icon);
+			return localeService.localeChanged$.subscribe(() => {
+				subscribe.next(getCurrencySymbolIconByLocale(localeService.getCurrentLocale()).icon);
+			});
+		}),
+		id: SetCurrencyCommand.id,
+		title: "sheet.numfmt.currency",
+		tooltip: "sheet.numfmt.currency",
+		type: MenuItemType.BUTTON,
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+		disabled$: getCurrentRangeDisable$(accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission],
+			rangeTypes: [RangeProtectionPermissionEditPoint]
+		})
+	};
+};
+const AddDecimalMenuItem = (accessor) => {
+	return {
+		icon: "AddDigitsIcon",
+		id: AddDecimalCommand.id,
+		title: "sheet.numfmt.addDecimal",
+		tooltip: "sheet.numfmt.addDecimal",
+		type: MenuItemType.BUTTON,
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+		disabled$: getCurrentRangeDisable$(accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission],
+			rangeTypes: [RangeProtectionPermissionEditPoint]
+		})
+	};
+};
+const SubtractDecimalMenuItem = (accessor) => {
+	return {
+		icon: "ReduceDigitsIcon",
+		id: SubtractDecimalCommand.id,
+		title: "sheet.numfmt.subtractDecimal",
+		tooltip: "sheet.numfmt.subtractDecimal",
+		type: MenuItemType.BUTTON,
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+		disabled$: getCurrentRangeDisable$(accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission],
+			rangeTypes: [RangeProtectionPermissionEditPoint]
+		})
+	};
+};
+const PercentMenuItem = (accessor) => {
+	return {
+		icon: "PercentIcon",
+		id: SetPercentCommand.id,
+		title: "sheet.numfmt.percent",
+		tooltip: "sheet.numfmt.percent",
+		type: MenuItemType.BUTTON,
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+		disabled$: getCurrentRangeDisable$(accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission],
+			rangeTypes: [RangeProtectionPermissionEditPoint]
+		})
+	};
+};
+const FactoryOtherMenuItem = (accessor) => {
+	const univerInstanceService = accessor.get(IUniverInstanceService);
+	const commandService = accessor.get(ICommandService);
+	const localeService = accessor.get(LocaleService);
+	const selectionManagerService = accessor.get(SheetsSelectionsService);
+	const commandList = [RemoveNumfmtMutation.id, SetNumfmtMutation.id];
+	const value$ = deriveStateFromActiveSheet$(univerInstanceService, "", ({ workbook, worksheet }) => new Observable((subscribe) => merge$1(selectionManagerService.selectionMoveEnd$, fromCallback(commandService.onCommandExecuted.bind(commandService)).pipe(filter(([commandInfo]) => commandList.includes(commandInfo.id)))).subscribe(() => {
+		const selections = selectionManagerService.getCurrentSelections();
+		if (selections && selections[0]) {
+			var _workbook$getStyles$g, _worksheet$getCell;
+			const range = selections[0].range;
+			const row = range.startRow;
+			const col = range.startColumn;
+			const numfmtValue = (_workbook$getStyles$g = workbook.getStyles().get((_worksheet$getCell = worksheet.getCell(row, col)) === null || _worksheet$getCell === void 0 ? void 0 : _worksheet$getCell.s)) === null || _workbook$getStyles$g === void 0 ? void 0 : _workbook$getStyles$g.n;
+			const pattern = numfmtValue === null || numfmtValue === void 0 ? void 0 : numfmtValue.pattern;
+			const currencySymbol = getCurrencySymbolByLocale(localeService.getCurrentLocale());
+			let value = localeService.t("sheet.numfmt.general");
+			if (isDefaultFormat(pattern)) {
+				subscribe.next(value);
+				return;
+			}
+			if (pattern) {
+				const item = MENU_OPTIONS(currencySymbol).filter((item) => typeof item === "object" && item.pattern).find((item) => isPatternEqualWithoutDecimal(pattern, item.pattern));
+				if (item && typeof item === "object" && item.pattern) value = localeService.t(item.label);
+				else value = localeService.t("sheet.numfmt.moreFmt");
+			}
+			subscribe.next(value);
+		}
+	})));
+	return {
+		label: MORE_NUMFMT_TYPE_KEY,
+		id: OpenNumfmtPanelOperator.id,
+		tooltip: "sheet.numfmt.title",
+		type: MenuItemType.SELECTOR,
+		slot: true,
+		selections: [{ label: {
+			name: OPTIONS_KEY,
+			hoverable: false,
+			selectable: false
+		} }],
+		value$,
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+		disabled$: getCurrentRangeDisable$(accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [WorksheetSetCellStylePermission, WorksheetEditPermission],
+			rangeTypes: [RangeProtectionPermissionEditPoint]
+		})
+	};
+};
+
+//#endregion
+//#region src/views/components/MoreNumfmtType.tsx
+const MORE_NUMFMT_TYPE_KEY = "sheet.numfmt.moreNumfmtType";
+const OPTIONS_KEY = "sheet.numfmt.moreNumfmtType.options";
+function MoreNumfmtType(props) {
+	const { value } = props;
+	const localeService = useDependency(LocaleService);
+	return /* @__PURE__ */ jsx("span", {
+		className: "univer-text-sm",
+		children: value !== null && value !== void 0 ? value : localeService.t("sheet.numfmt.general")
+	});
+}
+function Options() {
+	const commandService = useDependency(ICommandService);
+	const localeService = useDependency(LocaleService);
+	const layoutService = useDependency(ILayoutService);
+	const sheetsNumfmtCellContentController = useDependency(SheetsNumfmtCellContentController);
+	const selectionManagerService = useDependency(SheetsSelectionsService);
+	const setNumfmt = (pattern) => {
+		const selection = selectionManagerService.getCurrentLastSelection();
+		if (!selection) return;
+		const range = selection.range;
+		const values = [];
+		Range.foreach(range, (row, col) => {
+			if (pattern) values.push({
+				row,
+				col,
+				pattern,
+				type: getPatternType(pattern)
+			});
+			else values.push({
+				row,
+				col
+			});
+		});
+		commandService.executeCommand(SetNumfmtCommand.id, { values });
+		layoutService.focus();
+	};
+	const menuOptions = useMemo(() => {
+		return MENU_OPTIONS(localeCurrencySymbolMap.get(localeService.getCurrentLocale()));
+	}, [localeService]);
+	const handleClick = (index) => {
+		if (index === 0) setNumfmt(null);
+		else if (index === menuOptions.length - 1) {
+			commandService.executeCommand(OpenNumfmtPanelOperator.id);
+			layoutService.focus();
+		} else {
+			const item = menuOptions[index];
+			item.pattern && setNumfmt(item.pattern);
+		}
+	};
+	const defaultValue = 1220;
+	return /* @__PURE__ */ jsx("div", {
+		className: "univer-grid univer-gap-1 univer-p-1.5",
+		children: menuOptions.map((item, index) => {
+			if (item === "|") return /* @__PURE__ */ jsx(Separator, {}, index);
+			return /* @__PURE__ */ jsxs("div", {
+				className: "univer-flex univer-h-7 univer-cursor-default univer-items-center univer-justify-between univer-gap-6 univer-rounded univer-px-2 univer-text-sm hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700",
+				onClick: () => handleClick(index),
+				children: [/* @__PURE__ */ jsx("span", { children: localeService.t(item.label) }), /* @__PURE__ */ jsx("span", {
+					className: "univer-text-xs univer-text-gray-500 dark:!univer-text-gray-400",
+					children: item.pattern ? getPatternPreview(item.pattern || "", defaultValue, sheetsNumfmtCellContentController.locale).result.trim() : ""
+				})]
+			}, index);
+		})
+	});
+}
+
+//#endregion
+//#region src/menu/schema.ts
+const menuSchema = { [RibbonStartGroup.LAYOUT]: {
+	[OpenNumfmtPanelOperator.id]: {
+		order: 9,
+		menuItemFactory: FactoryOtherMenuItem
+	},
+	[SetPercentCommand.id]: {
+		order: 9.1,
+		menuItemFactory: PercentMenuItem
+	},
+	[SetCurrencyCommand.id]: {
+		order: 9.2,
+		menuItemFactory: CurrencySymbolIconMenuItem
+	},
+	[AddDecimalCommand.id]: {
+		order: 9.3,
+		menuItemFactory: AddDecimalMenuItem
+	},
+	[SubtractDecimalCommand.id]: {
+		order: 9.4,
+		menuItemFactory: SubtractDecimalMenuItem
+	}
+} };
+
+//#endregion
+//#region src/menu/numfmt.menu.controller.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.
+*/
+let NumfmtMenuController = class NumfmtMenuController extends Disposable {
+	constructor(_componentManager, _menuManagerService) {
+		super();
+		this._componentManager = _componentManager;
+		this._menuManagerService = _menuManagerService;
+		this._initMenu();
+	}
+	_initMenu() {
+		this._menuManagerService.mergeMenu(menuSchema);
+		[[MORE_NUMFMT_TYPE_KEY, MoreNumfmtType], [OPTIONS_KEY, Options]].forEach(([key, comp]) => {
+			this.disposeWithMe(this._componentManager.register(key, comp));
+		});
+	}
+};
+NumfmtMenuController = __decorate([__decorateParam(0, Inject(ComponentManager)), __decorateParam(1, IMenuManagerService)], NumfmtMenuController);
+
+//#endregion
+//#region src/plugin.ts
+let UniverSheetsNumfmtUIPlugin = class UniverSheetsNumfmtUIPlugin extends Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _configService, _renderManagerService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._configService = _configService;
+		this._renderManagerService = _renderManagerService;
+		const { menu, ...rest } = merge({}, defaultPluginConfig, this._config);
+		if (menu) this._configService.setConfig("menu", menu, { merge: true });
+		this._configService.setConfig("sheets-numfmt-ui.config", rest);
+	}
+	onStarting() {
+		registerDependencies(this._injector, [
+			[SheetNumfmtUIController],
+			[NumfmtEditorController],
+			[UserHabitController],
+			[NumfmtMenuController],
+			[NumfmtRepeatLastActionController]
+		]);
+	}
+	onRendered() {
+		this._registerRenderModules();
+		touchDependencies(this._injector, [
+			[SheetNumfmtUIController],
+			[NumfmtEditorController],
+			[NumfmtMenuController],
+			[NumfmtRepeatLastActionController]
+		]);
+	}
+	_registerRenderModules() {
+		[[NumfmtAlertRenderController]].forEach((m) => {
+			this.disposeWithMe(this._renderManagerService.registerRenderModule(UniverInstanceType.UNIVER_SHEET, m));
+		});
+	}
+};
+_defineProperty(UniverSheetsNumfmtUIPlugin, "pluginName", "SHEET_NUMFMT_UI_PLUGIN");
+_defineProperty(UniverSheetsNumfmtUIPlugin, "packageName", name);
+_defineProperty(UniverSheetsNumfmtUIPlugin, "version", version);
+_defineProperty(UniverSheetsNumfmtUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
+UniverSheetsNumfmtUIPlugin = __decorate([
+	DependentOn(UniverSheetsUIPlugin, UniverSheetsNumfmtPlugin),
+	__decorateParam(1, Inject(Injector)),
+	__decorateParam(2, IConfigService),
+	__decorateParam(3, IRenderManagerService)
+], UniverSheetsNumfmtUIPlugin);
+
+//#endregion
+export { UniverSheetsNumfmtUIPlugin };