@univerjs/sheets-numfmt-ui 0.20.1 → 0.21.0

package/lib/cjs/index.js

@@ -1 +1,1609 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@univerjs/core`),t=require(`@univerjs/engine-render`),n=require(`@univerjs/sheets-numfmt`),r=require(`@univerjs/sheets-ui`),i=require(`@univerjs/sheets`),a=require(`@univerjs/ui`),o=require(`rxjs`),s=require(`rxjs/operators`),c=require(`@univerjs/design`),l=require(`react`),u=require(`react/jsx-runtime`),d=require(`@univerjs/icons`),f=require(`@univerjs/engine-formula`);var p=`@univerjs/sheets-numfmt-ui`,m=`0.20.1`;const h={};function g(e,t){return function(n,r){t(n,r,e)}}function _(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 v=`SHEET_NUMFMT_ALERT`;let y=class extends e.Disposable{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((0,o.debounceTime)(100)).subscribe(t=>{if(t){let o=t.location,s=this._context.unit,c=s.getActiveSheet();if(!c)return this._hideAlert();let l=o.unitId,u=o.subUnitId,d,f=c.getCell(o.row,o.col);if(f!=null&&f.s){let e=s.getStyles().get(f.s);e!=null&&e.n&&(d=e.n)}if(d||(d=this._numfmtService.getValue(l,u,o.row,o.col)),!d){this._hideAlert();return}if((0,e.isTextFormat)(d.pattern)&&e.Tools.isDefine(f==null?void 0:f.v)&&(0,e.isRealNum)(f.v)){var i,a;if((i=this._configService.getConfig(n.SHEETS_NUMFMT_PLUGIN_CONFIG_KEY))!=null&&i.disableTextFormatAlert)return;let e=this._cellAlertManagerService.currentAlert.get(v),t=e==null||(a=e.alert)==null?void 0:a.location;if(t&&t.row===o.row&&t.col===o.col&&t.subUnitId===o.subUnitId&&t.unitId===o.unitId){this._hideAlert();return}this._cellAlertManagerService.showAlert({type:r.CellAlertType.ERROR,title:this._localeService.t(`info.error`),message:this._localeService.t(`info.forceStringInfo`),location:o,width:200,height:74,key:v});return}}this._hideAlert()}))}_initZenService(){this.disposeWithMe(this._zenZoneService.visible$.subscribe(e=>{e&&this._hideAlert()}))}_hideAlert(){this._cellAlertManagerService.removeAlert(v)}};y=_([g(1,(0,e.Inject)(r.HoverManagerService)),g(2,(0,e.Inject)(r.CellAlertManagerService)),g(3,(0,e.Inject)(e.LocaleService)),g(4,a.IZenZoneService),g(5,(0,e.Inject)(i.INumfmtService)),g(6,e.IConfigService)],y);let b=class extends e.Disposable{constructor(e){super(),this._repeatLastActionService=e,this._initCommandRecording()}_initCommandRecording(){this.disposeWithMe(this._repeatLastActionService.registerRepeatableCommand(n.SetNumfmtCommand.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}},r.RepeatLastActionPermission.CellStyle))}};b=_([g(0,(0,e.Inject)(r.IRepeatLastActionService))],b);const x={id:`sheet.operation.close.numfmt.panel`,type:e.CommandType.OPERATION,handler:()=>!0},S={id:`sheet.operation.open.numfmt.panel`,type:e.CommandType.OPERATION,handler:e=>(e.get(H).openPanel(),!0)},C=(0,l.createContext)([]);let w=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)}};w=_([g(0,(0,e.Inject)(e.ILocalStorageService))],w);const T=`numfmtCurrency`,E=e=>{let t=(0,a.useDependency)(w),[r,i]=(0,l.useState)(n.currencySymbols);return(0,l.useEffect)(()=>{t.addHabit(`numfmtCurrency`,[]).then(()=>{t.getHabit(T,[...n.currencySymbols]).then(t=>{i(t),e&&e(t)})})},[]),{userHabitCurrency:r,mark:e=>{t.markHabit(T,e)}}},D=()=>{let e=(0,l.useRef)([]),[t,n]=(0,l.useState)({});return(0,l.useEffect)(()=>{e.current.forEach(e=>{e()}),e.current=[]},[t]),t=>{e.current.push(t),n({})}},O=e=>!!(0,n.getCurrencyType)(e)&&e.startsWith(`_(`),k=t=>{let{defaultPattern:r,action:i,onChange:o}=t,[s,d]=(0,l.useState)(()=>(0,n.getDecimalFromPattern)(r||``,2)),f=(0,l.useContext)(C),[p,m]=(0,l.useState)(()=>(0,n.getCurrencyType)(r)||f[0]),h=(0,l.useMemo)(()=>f.map(e=>({label:e,value:e})),[]),g=(0,a.useDependency)(e.LocaleService).t;return i.current=()=>(0,n.setPatternDecimal)(`_("${p}"* #,##0${s>0?`.0`:``}_)`,s),(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`div`,{className:`univer-mt-4 univer-flex univer-justify-between`,children:[(0,u.jsxs)(`div`,{className:`option`,children:[(0,u.jsx)(`div`,{className:`univer-text-sm univer-text-gray-400`,children:g(`sheet.numfmt.decimalLength`)}),(0,u.jsx)(`div`,{className:`univer-mt-2 univer-w-32`,children:(0,u.jsx)(c.InputNumber,{value:s,step:1,precision:0,max:20,min:0,onChange:e=>{let t=e||0;d(t),o((0,n.setPatternDecimal)(`_("${p}"* #,##0${t>0?`.0`:``}_)`,t))}})})]}),(0,u.jsxs)(`div`,{className:`option`,children:[(0,u.jsx)(`div`,{className:`univer-text-sm univer-text-gray-400`,children:g(`sheet.numfmt.currencyType`)}),(0,u.jsx)(`div`,{className:`univer-mt-2 univer-w-36`,children:(0,u.jsx)(c.Select,{options:h,value:p,onChange:e=>{m(e),o((0,n.setPatternDecimal)(`_("${e}"* #,##0${s>0?`.0`:``}_)`,s))}})})]})]}),(0,u.jsx)(`div`,{className:`univer-mt-4 univer-text-sm univer-text-gray-400`,children:g(`sheet.numfmt.accountingDes`)})]})},A=e=>!!(0,n.getCurrencyType)(e)&&!e.startsWith(`_(`),j=t=>{let r=(0,a.useDependency)(e.LocaleService).t,i=(0,l.useContext)(C),[o,s]=(0,l.useState)(()=>(0,n.getCurrencyType)(t.defaultPattern)||i[0]),[d,f]=(0,l.useState)(()=>(0,n.getDecimalFromPattern)(t.defaultPattern||``,2)),[p,m]=(0,l.useState)(()=>{var r;let i=(0,n.getCurrencyFormatOptions)(o);return((r=i.find(n=>(0,e.isPatternEqualWithoutDecimal)(n.value,t.defaultPattern)))==null?void 0:r.value)||i[0].value}),h=(0,l.useMemo)(()=>(0,n.getCurrencyFormatOptions)(o),[o]),g=(0,l.useMemo)(()=>i.map(e=>({label:e,value:e})),[i]);return t.action.current=()=>(0,n.setPatternDecimal)(p,d),(0,u.jsxs)(`div`,{children:[(0,u.jsxs)(`div`,{className:`univer-mt-4 univer-flex univer-justify-between`,children:[(0,u.jsxs)(`div`,{className:`option`,children:[(0,u.jsx)(`div`,{className:`univer-text-sm univer-text-gray-400`,children:r(`sheet.numfmt.decimalLength`)}),(0,u.jsx)(`div`,{className:`univer-mt-2 univer-w-32`,children:(0,u.jsx)(c.InputNumber,{value:d,max:20,min:0,onChange:e=>{f(e||0),t.onChange((0,n.setPatternDecimal)(p,e||0))}})})]}),(0,u.jsxs)(`div`,{className:`option`,children:[(0,u.jsx)(`div`,{className:`univer-text-sm univer-text-gray-400`,children:r(`sheet.numfmt.currencyType`)}),(0,u.jsx)(`div`,{className:`univer-mt-2 univer-w-36`,children:(0,u.jsx)(c.Select,{value:o,options:g,onChange:e=>{if(e===void 0)return;s(e);let r=(0,n.getCurrencyFormatOptions)(e)[0].value;m(r),t.onChange((0,n.setPatternDecimal)(r,d))}})})]})]}),(0,u.jsx)(`div`,{className:`label univer-mt-4`,children:r(`sheet.numfmt.negType`)}),(0,u.jsx)(`div`,{className:`univer-mt-2`,children:(0,u.jsx)(c.SelectList,{value:p,options:h,onChange:e=>{e!==void 0&&(m(e),t.onChange((0,n.setPatternDecimal)(e,d)))}})}),(0,u.jsx)(`div`,{className:`univer-mt-4 univer-text-sm univer-text-gray-400`,children:r(`sheet.numfmt.currencyDes`)})]})},M=`customFormat`,N=`numfmt_custom_pattern`;function P(t){let{defaultPattern:r,action:i,onChange:o}=t,s=(0,a.useDependency)(w),f=(0,a.useDependency)(e.ILocalStorageService),p=(0,a.useDependency)(e.LocaleService),[m,h]=(0,l.useState)(r);i.current=()=>(s.markHabit(M,m),f.getItem(N).then((e=[])=>{let t=[...new Set([m,...e||[]])].splice(0,10).filter(e=>!!e);f.setItem(N,t)}),m);let[g,_]=(0,l.useState)([]);(0,l.useEffect)(()=>{f.getItem(N).then(e=>{let t=[...n.CURRENCYFORMAT.map(e=>e.suffix(`$`)),...n.DATEFMTLISG.map(e=>e.suffix),...n.NUMBERFORMAT.map(e=>e.suffix)];t.push(...e||[]),s.addHabit(M,[]).finally(()=>{s.getHabit(M,t).then(e=>{_([...new Set(e)])})})})},[]);let v=e=>{h(e),o(e)};return(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`div`,{className:`univer-mt-4 univer-text-sm univer-text-gray-400`,children:p.t(`sheet.numfmt.customFormat`)}),(0,u.jsx)(c.Input,{placeholder:p.t(`sheet.numfmt.customFormat`),onBlur:()=>{o(m)},value:m,onChange:h,className:`univer-mt-2 univer-w-full`}),(0,u.jsx)(`div`,{className:(0,c.clsx)(`univer-mt-2 univer-max-h-[400px] univer-overflow-auto univer-rounded-lg univer-p-2`,c.borderClassName),children:g.map(e=>(0,u.jsxs)(`div`,{onClick:()=>v(e),className:`univer-flex univer-cursor-pointer univer-items-center univer-gap-1.5 univer-py-1.5 univer-text-sm`,children:[(0,u.jsx)(`div`,{className:`univer-flex univer-w-4 univer-items-center univer-text-primary-600`,children:m===e&&(0,u.jsx)(d.CheckMarkIcon,{})}),(0,u.jsx)(`div`,{children:e})]},e))}),(0,u.jsx)(`div`,{className:`univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200`,children:p.t(`sheet.numfmt.customFormatDes`)})]})}const F=t=>{let r=e.numfmt.getFormatInfo(t);return(0,n.getDateFormatOptions)().map(e=>e.value).includes(t)||[`date`,`datetime`,`time`].includes(r.type)};function ee(t){let{onChange:r,defaultPattern:i}=t,o=(0,l.useMemo)(n.getDateFormatOptions,[]),s=(0,a.useDependency)(e.LocaleService),[d,f]=(0,l.useState)(()=>{if(i){let e=o.find(e=>e.value===i);if(e)return e.value}return o[0].value});return t.action.current=()=>d,(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`div`,{className:`univer-mt-4 univer-text-sm univer-text-gray-400`,children:s.t(`sheet.numfmt.dateType`)}),(0,u.jsx)(`div`,{className:`univer-mt-2`,children:(0,u.jsx)(c.SelectList,{value:d,options:o,onChange:e=>{e!==void 0&&(f(e),r(e))}})}),(0,u.jsx)(`div`,{className:`univer-mt-3.5 univer-text-sm/5 univer-text-gray-600 dark:!univer-text-gray-200`,children:s.t(`sheet.numfmt.dateDes`)})]})}const te=e=>!e,ne=t=>{let n=(0,a.useDependency)(e.LocaleService).t;return t.action.current=()=>``,(0,u.jsx)(`div`,{children:(0,u.jsx)(`div`,{className:`univer-mt-3.5 univer-text-sm/5 univer-text-gray-600 dark:!univer-text-gray-200`,children:n(`sheet.numfmt.generalDes`)})})},re=t=>(0,n.getNumberFormatOptions)().some(n=>(0,e.isPatternEqualWithoutDecimal)(n.value,t));function ie(t){let r=(0,a.useDependency)(e.LocaleService),i=(0,l.useMemo)(n.getNumberFormatOptions,[]),[o,s]=(0,l.useState)(()=>(0,n.getDecimalFromPattern)(t.defaultPattern||``,0)),[d,f]=(0,l.useState)(()=>{let n=i.find(n=>(0,e.isPatternEqualWithoutDecimal)(n.value,t.defaultPattern||``));return(n==null?void 0:n.value)||i[0].value}),p=(0,l.useMemo)(()=>(0,n.setPatternDecimal)(d,Number(o||0)),[d,o]),m=(0,l.useMemo)(()=>!(0,n.isPatternHasDecimal)(d),[d]),h=e=>{s(e||0),t.onChange((0,n.setPatternDecimal)(d,Number(e||0)))},g=e=>{e!==void 0&&(s((0,n.getDecimalFromPattern)(e,0)),f(e),t.onChange(e))};return t.action.current=()=>p,(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`div`,{className:`univer-mt-4 univer-text-sm univer-text-gray-400`,children:r.t(`sheet.numfmt.decimalLength`)}),(0,u.jsx)(`div`,{className:`univer-mt-2`,children:(0,u.jsx)(c.InputNumber,{disabled:m,value:o,max:20,min:0,onChange:h})}),(0,u.jsxs)(`div`,{className:`univer-mt-4 univer-text-sm univer-text-gray-400`,children:[` `,r.t(`sheet.numfmt.negType`)]}),(0,u.jsx)(`div`,{className:`univer-mt-2`,children:(0,u.jsx)(c.SelectList,{onChange:g,options:i,value:d})}),(0,u.jsx)(`div`,{className:`univer-mt-3.5 univer-text-sm/5 univer-text-gray-600 dark:!univer-text-gray-200`,children:r.t(`sheet.numfmt.thousandthPercentileDes`)})]})}const I=t=>{let{defaultValue:r,defaultPattern:i,row:o,col:s}=t.value,d=(0,a.useDependency)(e.LocaleService),f=(0,l.useRef)(()=>``),p=d.t,m=D(),h=(0,l.useMemo)(()=>[{label:`sheet.numfmt.general`,component:ne},{label:`sheet.numfmt.accounting`,component:k},{label:`sheet.numfmt.currency`,component:j},{label:`sheet.numfmt.date`,component:ee},{label:`sheet.numfmt.thousandthPercentile`,component:ie},{label:`sheet.numfmt.customFormat`,component:P}].map(e=>({...e,label:p(e.label)})),[]),[g,_]=(0,l.useState)(w),[v,y]=(0,l.useState)(()=>`${o}_${s}`),{mark:b,userHabitCurrency:x}=E(()=>y(`${o}_${s}_userCurrency'`)),S=(0,l.useMemo)(()=>{var e;return(e=h.find(e=>e.label===g))==null?void 0:e.component},[g]);function w(){return[te,O,A,F,re].reduce((e,t,n)=>e||(t(i)?h[n].label:``),``)||h[0].label}let T=h.map(e=>({label:e.label,value:e.label})),M=e=>{_(e),m(()=>t.onChange({type:`change`,value:f.current()||``}))},N=(0,l.useCallback)(e=>{t.onChange({type:`change`,value:e})},[]),I=()=>{let e=f.current()||``,r=(0,n.getCurrencyType)(e);r&&b(r),t.onChange({type:`confirm`,value:e})},L=()=>{t.onChange({type:`cancel`,value:``})},R={onChange:N,defaultValue:r,defaultPattern:i,action:f};return(0,l.useEffect)(()=>{_(w()),y(`${o}_${s}`)},[o,s]),(0,u.jsxs)(`div`,{className:(0,c.clsx)(`univer-flex univer-h-full univer-flex-col univer-justify-between univer-overflow-y-auto univer-pb-5`,c.scrollbarClassName),children:[(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`div`,{className:`univer-mt-3.5 univer-text-sm univer-text-gray-400`,children:p(`sheet.numfmt.numfmtType`)}),(0,u.jsx)(`div`,{className:`univer-mt-2`,children:(0,u.jsx)(c.Select,{className:`univer-w-full`,value:g,options:T,onChange:M})}),(0,u.jsx)(`div`,{children:S&&(0,u.jsx)(C.Provider,{value:x,children:(0,l.createElement)(S,{...R,key:v})})})]}),(0,u.jsxs)(`div`,{className:`univer-mb-5 univer-mt-3.5 univer-flex univer-justify-end`,children:[(0,u.jsx)(c.Button,{onClick:L,className:`univer-mr-3`,children:p(`sheet.numfmt.cancel`)}),(0,u.jsx)(c.Button,{variant:`primary`,onClick:I,children:p(`sheet.numfmt.confirm`)})]})]})};function L(e){"@babel/helpers - typeof";return L=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},L(e)}function R(e,t){if(L(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(L(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function z(e){var t=R(e,`string`);return L(t)==`symbol`?t:t+``}function B(e,t,n){return(t=z(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const V=`SHEET_NUMFMT_PANEL`;let H=class extends e.Disposable{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,B(this,`_previewPattern`,``),B(this,`_sidebarDisposable`,null),this._initRealTimeRenderingInterceptor(),this._initPanel(),this._initCommands(),this._initCloseListener(),this._commandExecutedListener(),this._initNumfmtLocalChange()}_initNumfmtLocalChange(){this.disposeWithMe((0,o.merge)(this._sheetsNumfmtCellContentController.locale$,this._localeService.currentLocale$).subscribe(()=>{this._forceUpdate()}))}openPanel(){var t;let r=this._sidebarService,i=this._selectionManagerService,a=this._commandService,o=this._univerInstanceService,s=this._numfmtService,c=this._localeService,l=(((t=i.getCurrentSelections())==null?void 0:t.map(e=>e.range))||[])[0];if(!l)return!1;let u=o.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SHEET),d=u.getActiveSheet();if(!d)return!1;let f=d.getCellRaw(l.startRow,l.startColumn),p=s.getValue(u.getUnitId(),d.getSheetId(),l.startRow,l.startColumn),m=``;p&&(m=p.pattern);let h=(f==null?void 0:f.t)===e.CellValueType.NUMBER?f.v:12345678,g={onChange:t=>{if(t.type===`change`)this._previewPattern=t.value,this._forceUpdate();else if(t.type===`confirm`){var o;let s=((o=i.getCurrentSelections())==null?void 0:o.map(e=>e.range))||[],c={values:[]},l=(0,n.getPatternType)(t.value);s.forEach(n=>{e.Range.foreach(n,(e,n)=>{c.values.push({row:e,col:n,pattern:t.value,type:l})})}),a.executeCommand(n.SetNumfmtCommand.id,c),r.close()}else t.type===`cancel`&&r.close()},value:{defaultPattern:m,defaultValue:h,row:l.startRow,col:l.startColumn}};return this._sidebarDisposable=r.open({header:{title:c.t(`sheet.numfmt.title`)},children:{label:V,...g},onClose:()=>{this._forceUpdate(),a.executeCommand(x.id)}}),!0}_forceUpdate(t){var n;let i=this._renderManagerService.getRenderById(t==null?this._univerInstanceService.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SHEET).getUnitId():t);i==null||i.with(r.SheetSkeletonManagerService).reCalculate(),i==null||(n=i.mainComponent)==null||n.makeDirty()}_initCommands(){[S,x].forEach(e=>{this.disposeWithMe(this._commandService.registerCommand(e))})}_initPanel(){this.disposeWithMe(this._componentManager.register(V,I))}_initRealTimeRenderingInterceptor(){let t=(0,o.combineLatest)([new o.Observable(e=>{this._commandService.onCommandExecuted(t=>{t.id===S.id&&e.next(!0),t.id===x.id&&e.next(!1)})}),this._selectionManagerService.selectionMoveEnd$.pipe((0,s.map)(e=>e?e.map(e=>e.range):[]))]);this.disposeWithMe((0,e.toDisposable)(t.pipe((0,s.switchMap)(([t,n])=>new o.Observable(r=>{let i=new e.DisposableCollection;return t&&n.length&&r.next({selectionRanges:n,disposableCollection:i}),()=>{i.dispose()}})),(0,s.tap)(()=>{this._previewPattern=null})).subscribe(({disposableCollection:t,selectionRanges:r})=>{var a;let o=this._univerInstanceService.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SHEET);this.openPanel(),t.add(this._sheetInterceptorService.intercept(i.INTERCEPTOR_POINT.CELL_CONTENT,{priority:99,effect:e.InterceptorEffectEnum.Value|e.InterceptorEffectEnum.Style,handler:(t,i,a)=>{let{row:o,col:s}=i,c=a(t)||{};if(r.find(e=>e.startColumn<=s&&e.endColumn>=s&&e.startRow<=o&&e.endRow>=o)){let t=i.worksheet.getCellRaw(o,s),r=t==null?void 0:t.v,a=t==null?void 0:t.t;if(r==null||a!==e.CellValueType.NUMBER||this._previewPattern===null)return c;let u=(0,n.getPatternPreviewIgnoreGeneral)(this._previewPattern,r,this._sheetsNumfmtCellContentController.locale);if(u.color){var l;let t=(l=this._themeService.getColorFromTheme(`${u.color}.500`))==null?u.color:l;return{...c,v:u.result,t:e.CellValueType.STRING,s:{cl:{rgb:t}}}}return{...c,v:u.result,t:e.CellValueType.STRING}}return c}})),(a=this._renderManagerService.getRenderById(o.getUnitId()))==null||(a=a.mainComponent)==null||a.makeDirty()})))}_commandExecutedListener(){let e=[i.RemoveNumfmtMutation.id,i.SetNumfmtMutation.id];this.disposeWithMe(new o.Observable(t=>{let n=this._commandService.onCommandExecuted(n=>{if(e.includes(n.id)){let e=n.params;t.next(e.unitId)}});return()=>n.dispose()}).pipe((0,s.debounceTime)(16)).subscribe(e=>this._forceUpdate(e)))}_initCloseListener(){this._univerInstanceService.getCurrentTypeOfUnit$(e.UniverInstanceType.UNIVER_SHEET).subscribe(e=>{if(!e){var t;(t=this._sidebarDisposable)==null||t.dispose(),this._sidebarDisposable=null}})}};H=_([g(0,(0,e.Inject)(i.SheetInterceptorService)),g(1,(0,e.Inject)(e.ThemeService)),g(2,e.IUniverInstanceService),g(3,e.ICommandService),g(4,(0,e.Inject)(i.SheetsSelectionsService)),g(5,t.IRenderManagerService),g(6,i.INumfmtService),g(7,(0,e.Inject)(a.ComponentManager)),g(8,a.ISidebarService),g(9,(0,e.Inject)(e.LocaleService)),g(10,(0,e.Inject)(n.SheetsNumfmtCellContentController))],H);const U=()=>{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 W=class extends e.Disposable{constructor(e,t,n,r,i){super(),this._sheetInterceptorService=e,this._numfmtService=t,this._univerInstanceService=n,this._injector=r,this._editorBridgeService=i,B(this,`_collectEffectMutation`,U()),this._initInterceptorEditorStart(),this._initInterceptorEditorEnd(),this._initInterceptorCommands()}_initInterceptorEditorStart(){this._editorBridgeService&&this.disposeWithMe((0,e.toDisposable)(this._sheetInterceptorService.writeCellInterceptor.intercept(i.BEFORE_CELL_EDIT,{handler:(t,r,i)=>{let a=r.row,o=r.col,s=this._numfmtService.getValue(r.unitId,r.subUnitId,a,o);if(s)switch((0,n.getPatternType)(s.pattern)){case`scientific`:case`currency`:case`grouped`:case`number`:{let t={...r.worksheet.getCellRaw(a,o)};return(t==null?void 0:t.t)===e.CellValueType.NUMBER&&(0,e.isRealNum)(t.v)&&(t.v=(0,f.stripErrorMargin)(Number(t.v))),i&&i(t)}case`percent`:{let t={...r.worksheet.getCellRaw(a,o)};return(t==null?void 0:t.t)===e.CellValueType.NUMBER&&(0,e.isRealNum)(t.v)&&(t.v=`${(0,f.stripErrorMargin)(Number(t.v)*100)}%`),i&&i(t)}default:return i&&i(t)}return i(t)}})))}_initInterceptorEditorEnd(){this.disposeWithMe((0,e.toDisposable)(this._sheetInterceptorService.writeCellInterceptor.intercept(i.AFTER_CELL_EDIT,{handler:(t,r,i)=>{var a,o;if(!(t!=null&&t.v)&&!(t!=null&&t.p))return i(t);this._collectEffectMutation.clean();let s=this._numfmtService.getValue(r.unitId,r.subUnitId,r.row,r.col),c=r.worksheet.getCellRaw(r.row,r.col);if((0,e.isTextFormat)(s==null?void 0:s.pattern)||t.t===e.CellValueType.FORCE_STRING)return i(t);let l=(a=t.p)==null?void 0:a.body,u=!(t==null||(o=t.p)==null||(o=o.body)==null)&&o.dataStream?t.p.body.dataStream.replace(/\r\n$/,``):String(t.v),d=(0,e.getNumfmtParseValueFilter)(u);if(l)if(G(l)){let{dataStream:e}=l,n=e.replace(/\r\n$/,``),r=Number(n);if(Number.isNaN(r)&&!d)return i(t)}else return i(t);if(d){if(!d.z&&!(s!=null&&s.pattern)&&(c==null?void 0:c.t)!==e.CellValueType.STRING&&(c==null?void 0:c.t)!==e.CellValueType.FORCE_STRING&&(0,e.willLoseNumericPrecision)(u))return i({...t,p:void 0,v:u,t:e.CellValueType.FORCE_STRING});d.z&&(!(s!=null&&s.pattern)||(0,n.getPatternType)(d.z)!==(0,n.getPatternType)(s.pattern))&&this._collectEffectMutation.add(r.unitId,r.subUnitId,r.row,r.col,{pattern:d.z});let a=(0,f.stripErrorMargin)(Number(d.v),16);return i({...t,p:void 0,v:a,t:e.CellValueType.NUMBER})}return i(t)}})))}_initInterceptorCommands(){let t=this;this.disposeWithMe(this._sheetInterceptorService.interceptCommand({getMutations(n){switch(n.id){case i.SetRangeValuesCommand.id:{var r;let n=t._univerInstanceService.getCurrentUnitForType(e.UniverInstanceType.UNIVER_SHEET),a=n.getUnitId(),o=(r=n.getActiveSheet())==null?void 0:r.getSheetId();if(!o)return{redos:[],undos:[]};let s=t._collectEffectMutation.getEffects();if(t._collectEffectMutation.clean(),!s.length)return{redos:[],undos:[]};let c=s.filter(e=>{var t;return!!((t=e.value)!=null&&t.pattern)}).map(e=>({row:e.row,col:e.col,pattern:e.value.pattern})),l=s.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})),u=[],d=[];if(c.length){let e={id:i.SetNumfmtMutation.id,params:(0,i.transformCellsToRange)(a,o,c)};u.push(e),d.push(...(0,i.factorySetNumfmtUndoMutation)(t._injector,e.params))}if(l.length){let e={id:i.RemoveNumfmtMutation.id,params:{unitId:a,subUnitId:o,ranges:l}};u.push(e),d.push(...(0,i.factoryRemoveNumfmtUndoMutation)(t._injector,e.params))}return{redos:u,undos:d.reverse()}}}return{redos:[],undos:[]}}}))}dispose(){super.dispose(),this._collectEffectMutation.clean()}};W=_([g(0,(0,e.Inject)(i.SheetInterceptorService)),g(1,(0,e.Inject)(i.INumfmtService)),g(2,(0,e.Inject)(e.IUniverInstanceService)),g(3,(0,e.Inject)(e.Injector)),g(4,(0,e.Optional)(r.IEditorBridgeService))],W);function G(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 K=t=>[{label:`sheet.numfmt.general`,pattern:null},{label:`sheet.numfmt.text`,pattern:e.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:`"${t}" #,##0.00_);[Red]("${t}"#,##0.00)`},{label:`sheet.numfmt.financialValue`,pattern:`#,##0.00;[Red]#,##0.00`},{label:`sheet.numfmt.currency`,pattern:`"${t}"#,##0.00_);[Red]("${t}"#,##0.00)`},{label:`sheet.numfmt.roundingCurrency`,pattern:`"${t}"#,##0;[Red]"${t}"#,##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:``}],q=t=>({icon:new o.Observable(r=>{let i=t.get(e.LocaleService);return r.next((0,n.getCurrencySymbolIconByLocale)(i.getCurrentLocale()).icon),i.localeChanged$.subscribe(()=>{r.next((0,n.getCurrencySymbolIconByLocale)(i.getCurrentLocale()).icon)})}),id:n.SetCurrencyCommand.id,title:`sheet.numfmt.currency`,tooltip:`sheet.numfmt.currency`,type:a.MenuItemType.BUTTON,hidden$:(0,a.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SHEET),disabled$:(0,r.getCurrentRangeDisable$)(t,{workbookTypes:[i.WorkbookEditablePermission],worksheetTypes:[i.WorksheetEditPermission,i.WorksheetSetCellStylePermission],rangeTypes:[i.RangeProtectionPermissionEditPoint]})}),J=t=>({icon:`AddDigitsIcon`,id:n.AddDecimalCommand.id,title:`sheet.numfmt.addDecimal`,tooltip:`sheet.numfmt.addDecimal`,type:a.MenuItemType.BUTTON,hidden$:(0,a.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SHEET),disabled$:(0,r.getCurrentRangeDisable$)(t,{workbookTypes:[i.WorkbookEditablePermission],worksheetTypes:[i.WorksheetEditPermission,i.WorksheetSetCellStylePermission],rangeTypes:[i.RangeProtectionPermissionEditPoint]})}),ae=t=>({icon:`ReduceDigitsIcon`,id:n.SubtractDecimalCommand.id,title:`sheet.numfmt.subtractDecimal`,tooltip:`sheet.numfmt.subtractDecimal`,type:a.MenuItemType.BUTTON,hidden$:(0,a.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SHEET),disabled$:(0,r.getCurrentRangeDisable$)(t,{workbookTypes:[i.WorkbookEditablePermission],worksheetTypes:[i.WorksheetEditPermission,i.WorksheetSetCellStylePermission],rangeTypes:[i.RangeProtectionPermissionEditPoint]})}),oe=t=>({icon:`PercentIcon`,id:n.SetPercentCommand.id,title:`sheet.numfmt.percent`,tooltip:`sheet.numfmt.percent`,type:a.MenuItemType.BUTTON,hidden$:(0,a.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SHEET),disabled$:(0,r.getCurrentRangeDisable$)(t,{workbookTypes:[i.WorkbookEditablePermission],worksheetTypes:[i.WorksheetEditPermission,i.WorksheetSetCellStylePermission],rangeTypes:[i.RangeProtectionPermissionEditPoint]})}),se=t=>{let s=t.get(e.IUniverInstanceService),c=t.get(e.ICommandService),l=t.get(e.LocaleService),u=t.get(i.SheetsSelectionsService),d=[i.RemoveNumfmtMutation.id,i.SetNumfmtMutation.id],f=(0,r.deriveStateFromActiveSheet$)(s,``,({workbook:t,worksheet:r})=>new o.Observable(i=>(0,o.merge)(u.selectionMoveEnd$,(0,e.fromCallback)(c.onCommandExecuted.bind(c)).pipe((0,o.filter)(([e])=>d.includes(e.id)))).subscribe(()=>{let a=u.getCurrentSelections();if(a&&a[0]){var o,s;let c=a[0].range,u=c.startRow,d=c.startColumn,f=(o=t.getStyles().get((s=r.getCell(u,d))==null?void 0:s.s))==null?void 0:o.n,p=f==null?void 0:f.pattern,m=(0,n.getCurrencySymbolByLocale)(l.getCurrentLocale()),h=l.t(`sheet.numfmt.general`);if((0,e.isDefaultFormat)(p)){i.next(h);return}if(p){let t=K(m).filter(e=>typeof e==`object`&&e.pattern).find(t=>(0,e.isPatternEqualWithoutDecimal)(p,t.pattern));h=t&&typeof t==`object`&&t.pattern?l.t(t.label):l.t(`sheet.numfmt.moreFmt`)}i.next(h)}})));return{label:Y,id:S.id,tooltip:`sheet.numfmt.title`,type:a.MenuItemType.SELECTOR,slot:!0,selections:[{label:{name:X,hoverable:!1,selectable:!1}}],value$:f,hidden$:(0,a.getMenuHiddenObservable)(t,e.UniverInstanceType.UNIVER_SHEET),disabled$:(0,r.getCurrentRangeDisable$)(t,{workbookTypes:[i.WorkbookEditablePermission],worksheetTypes:[i.WorksheetSetCellStylePermission,i.WorksheetEditPermission],rangeTypes:[i.RangeProtectionPermissionEditPoint]})}},Y=`sheet.numfmt.moreNumfmtType`,X=`sheet.numfmt.moreNumfmtType.options`;function ce(t){let{value:n}=t,r=(0,a.useDependency)(e.LocaleService);return(0,u.jsx)(`span`,{className:`univer-text-sm`,children:n==null?r.t(`sheet.numfmt.general`):n})}function Z(){let t=(0,a.useDependency)(e.ICommandService),r=(0,a.useDependency)(e.LocaleService),o=(0,a.useDependency)(a.ILayoutService),s=(0,a.useDependency)(n.SheetsNumfmtCellContentController),d=(0,a.useDependency)(i.SheetsSelectionsService),f=r=>{let i=d.getCurrentLastSelection();if(!i)return;let a=i.range,s=[];e.Range.foreach(a,(e,t)=>{r?s.push({row:e,col:t,pattern:r,type:(0,n.getPatternType)(r)}):s.push({row:e,col:t})}),t.executeCommand(n.SetNumfmtCommand.id,{values:s}),o.focus()},p=(0,l.useMemo)(()=>K(n.localeCurrencySymbolMap.get(r.getCurrentLocale())),[r]),m=e=>{if(e===0)f(null);else if(e===p.length-1)t.executeCommand(S.id),o.focus();else{let t=p[e];t.pattern&&f(t.pattern)}};return(0,u.jsx)(`div`,{className:`univer-grid univer-gap-1 univer-p-1.5`,children:p.map((e,t)=>e===`|`?(0,u.jsx)(c.Separator,{},t):(0,u.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:()=>m(t),children:[(0,u.jsx)(`span`,{children:r.t(e.label)}),(0,u.jsx)(`span`,{className:`univer-text-xs univer-text-gray-500 dark:!univer-text-gray-400`,children:e.pattern?(0,n.getPatternPreview)(e.pattern||``,1220,s.locale).result.trim():``})]},t))})}const le={[a.RibbonStartGroup.LAYOUT]:{[S.id]:{order:9,menuItemFactory:se},[n.SetPercentCommand.id]:{order:9.1,menuItemFactory:oe},[n.SetCurrencyCommand.id]:{order:9.2,menuItemFactory:q},[n.AddDecimalCommand.id]:{order:9.3,menuItemFactory:J},[n.SubtractDecimalCommand.id]:{order:9.4,menuItemFactory:ae}}};let Q=class extends e.Disposable{constructor(e,t){super(),this._componentManager=e,this._menuManagerService=t,this._initMenu()}_initMenu(){this._menuManagerService.mergeMenu(le),[[Y,ce],[X,Z]].forEach(([e,t])=>{this.disposeWithMe(this._componentManager.register(e,t))})}};Q=_([g(0,(0,e.Inject)(a.ComponentManager)),g(1,a.IMenuManagerService)],Q);let $=class extends e.Plugin{constructor(t=h,n,r,i){super(),this._config=t,this._injector=n,this._configService=r,this._renderManagerService=i;let{menu:a,...o}=(0,e.merge)({},h,this._config);a&&this._configService.setConfig(`menu`,a,{merge:!0}),this._configService.setConfig(`sheets-numfmt-ui.config`,o)}onStarting(){(0,e.registerDependencies)(this._injector,[[H],[W],[w],[Q],[b]])}onRendered(){this._registerRenderModules(),(0,e.touchDependencies)(this._injector,[[H],[W],[Q],[b]])}_registerRenderModules(){[[y]].forEach(t=>{this.disposeWithMe(this._renderManagerService.registerRenderModule(e.UniverInstanceType.UNIVER_SHEET,t))})}};B($,`pluginName`,`SHEET_NUMFMT_UI_PLUGIN`),B($,`packageName`,p),B($,`version`,m),B($,`type`,e.UniverInstanceType.UNIVER_SHEET),$=_([(0,e.DependentOn)(r.UniverSheetsUIPlugin,n.UniverSheetsNumfmtPlugin),g(1,(0,e.Inject)(e.Injector)),g(2,e.IConfigService),g(3,t.IRenderManagerService)],$),Object.defineProperty(exports,`UniverSheetsNumfmtUIPlugin`,{enumerable:!0,get:function(){return $}});
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+let _univerjs_core = require("@univerjs/core");
+let _univerjs_engine_render = require("@univerjs/engine-render");
+let _univerjs_sheets_numfmt = require("@univerjs/sheets-numfmt");
+let _univerjs_sheets_ui = require("@univerjs/sheets-ui");
+let _univerjs_sheets = require("@univerjs/sheets");
+let _univerjs_ui = require("@univerjs/ui");
+let rxjs = require("rxjs");
+let rxjs_operators = require("rxjs/operators");
+let _univerjs_design = require("@univerjs/design");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _univerjs_icons = require("@univerjs/icons");
+let _univerjs_engine_formula = require("@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 _univerjs_core.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((0, rxjs.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 ((0, _univerjs_core.isTextFormat)(numfmtValue.pattern) && _univerjs_core.Tools.isDefine(cellData === null || cellData === void 0 ? void 0 : cellData.v) && (0, _univerjs_core.isRealNum)(cellData.v)) {
+					var _this$_configService$, _currentAlert$alert;
+					if ((_this$_configService$ = this._configService.getConfig(_univerjs_sheets_numfmt.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: _univerjs_sheets_ui.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, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.HoverManagerService)),
+	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.CellAlertManagerService)),
+	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService)),
+	__decorateParam(4, _univerjs_ui.IZenZoneService),
+	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_sheets.INumfmtService)),
+	__decorateParam(6, _univerjs_core.IConfigService)
+], NumfmtAlertRenderController);
+
+//#endregion
+//#region src/controllers/numfmt-repeat-last-action-controller.ts
+let NumfmtRepeatLastActionController = class NumfmtRepeatLastActionController extends _univerjs_core.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(_univerjs_sheets_numfmt.SetNumfmtCommand.id, handler, _univerjs_sheets_ui.RepeatLastActionPermission.CellStyle));
+	}
+};
+NumfmtRepeatLastActionController = __decorate([__decorateParam(0, (0, _univerjs_core.Optional)(_univerjs_sheets_ui.IRepeatLastActionService))], NumfmtRepeatLastActionController);
+
+//#endregion
+//#region src/commands/operations/close.numfmt.panel.operation.ts
+const CloseNumfmtPanelOperator = {
+	id: "sheet.operation.close.numfmt.panel",
+	type: _univerjs_core.CommandType.OPERATION,
+	handler: () => true
+};
+
+//#endregion
+//#region src/commands/operations/open.numfmt.panel.operation.ts
+const OpenNumfmtPanelOperator = {
+	id: "sheet.operation.open.numfmt.panel",
+	type: _univerjs_core.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 = (0, react.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, (0, _univerjs_core.Inject)(_univerjs_core.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 = (0, _univerjs_ui.useDependency)(UserHabitController);
+	const [options, setOptions] = (0, react.useState)(_univerjs_sheets_numfmt.currencySymbols);
+	(0, react.useEffect)(() => {
+		userHabitController.addHabit("numfmtCurrency", []).then(() => {
+			userHabitController.getHabit(key$1, [..._univerjs_sheets_numfmt.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 = (0, react.useRef)([]);
+	const [value, dispatch] = (0, react.useState)({});
+	(0, react.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 !!(0, _univerjs_sheets_numfmt.getCurrencyType)(pattern) && pattern.startsWith("_(");
+};
+const AccountingPanel = (props) => {
+	const { defaultPattern, action, onChange } = props;
+	const [decimal, setDecimal] = (0, react.useState)(() => (0, _univerjs_sheets_numfmt.getDecimalFromPattern)(defaultPattern || "", 2));
+	const userHabitCurrency = (0, react.useContext)(UserHabitCurrencyContext);
+	const [suffix, setSuffix] = (0, react.useState)(() => (0, _univerjs_sheets_numfmt.getCurrencyType)(defaultPattern) || userHabitCurrency[0]);
+	const options = (0, react.useMemo)(() => userHabitCurrency.map((key) => ({
+		label: key,
+		value: key
+	})), []);
+	const t = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService).t;
+	action.current = () => (0, _univerjs_sheets_numfmt.setPatternDecimal)(`_("${suffix}"* #,##0${decimal > 0 ? ".0" : ""}_)`, decimal);
+	const handleSelect = (v) => {
+		setSuffix(v);
+		onChange((0, _univerjs_sheets_numfmt.setPatternDecimal)(`_("${v}"* #,##0${decimal > 0 ? ".0" : ""}_)`, decimal));
+	};
+	const handleDecimalChange = (v) => {
+		const decimal = v || 0;
+		setDecimal(decimal);
+		onChange((0, _univerjs_sheets_numfmt.setPatternDecimal)(`_("${suffix}"* #,##0${decimal > 0 ? ".0" : ""}_)`, decimal));
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "univer-mt-4 univer-flex univer-justify-between",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "option",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "univer-text-sm univer-text-gray-400",
+				children: t("sheet.numfmt.decimalLength")
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "univer-mt-2 univer-w-32",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
+					value: decimal,
+					step: 1,
+					precision: 0,
+					max: 20,
+					min: 0,
+					onChange: handleDecimalChange
+				})
+			})]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "option",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "univer-text-sm univer-text-gray-400",
+				children: t("sheet.numfmt.currencyType")
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "univer-mt-2 univer-w-36",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
+					options,
+					value: suffix,
+					onChange: handleSelect
+				})
+			})]
+		})]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.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 !!(0, _univerjs_sheets_numfmt.getCurrencyType)(pattern) && !pattern.startsWith("_(");
+};
+const CurrencyPanel = (props) => {
+	const t = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService).t;
+	const userHabitCurrency = (0, react.useContext)(UserHabitCurrencyContext);
+	const [suffix, setSuffix] = (0, react.useState)(() => (0, _univerjs_sheets_numfmt.getCurrencyType)(props.defaultPattern) || userHabitCurrency[0]);
+	const [decimal, setDecimal] = (0, react.useState)(() => (0, _univerjs_sheets_numfmt.getDecimalFromPattern)(props.defaultPattern || "", 2));
+	const [pattern, setPattern] = (0, react.useState)(() => {
+		var _negativeOptions$find;
+		const negativeOptions = (0, _univerjs_sheets_numfmt.getCurrencyFormatOptions)(suffix);
+		return ((_negativeOptions$find = negativeOptions.find((item) => (0, _univerjs_core.isPatternEqualWithoutDecimal)(item.value, props.defaultPattern))) === null || _negativeOptions$find === void 0 ? void 0 : _negativeOptions$find.value) || negativeOptions[0].value;
+	});
+	const negativeOptions = (0, react.useMemo)(() => (0, _univerjs_sheets_numfmt.getCurrencyFormatOptions)(suffix), [suffix]);
+	const options = (0, react.useMemo)(() => userHabitCurrency.map((key) => ({
+		label: key,
+		value: key
+	})), [userHabitCurrency]);
+	props.action.current = () => (0, _univerjs_sheets_numfmt.setPatternDecimal)(pattern, decimal);
+	const onSelect = (value) => {
+		if (value === void 0) return;
+		setSuffix(value);
+		const pattern = (0, _univerjs_sheets_numfmt.getCurrencyFormatOptions)(value)[0].value;
+		setPattern(pattern);
+		props.onChange((0, _univerjs_sheets_numfmt.setPatternDecimal)(pattern, decimal));
+	};
+	const onChange = (value) => {
+		if (value === void 0) return;
+		setPattern(value);
+		props.onChange((0, _univerjs_sheets_numfmt.setPatternDecimal)(value, decimal));
+	};
+	const onDecimalChange = (v) => {
+		setDecimal(v || 0);
+		props.onChange((0, _univerjs_sheets_numfmt.setPatternDecimal)(pattern, v || 0));
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "univer-mt-4 univer-flex univer-justify-between",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "option",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "univer-text-sm univer-text-gray-400",
+					children: t("sheet.numfmt.decimalLength")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "univer-mt-2 univer-w-32",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
+						value: decimal,
+						max: 20,
+						min: 0,
+						onChange: onDecimalChange
+					})
+				})]
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "option",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "univer-text-sm univer-text-gray-400",
+					children: t("sheet.numfmt.currencyType")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "univer-mt-2 univer-w-36",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
+						value: suffix,
+						options,
+						onChange: onSelect
+					})
+				})]
+			})]
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "label univer-mt-4",
+			children: t("sheet.numfmt.negType")
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "univer-mt-2",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.SelectList, {
+				value: pattern,
+				options: negativeOptions,
+				onChange
+			})
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.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 = (0, _univerjs_ui.useDependency)(UserHabitController);
+	const localStorageService = (0, _univerjs_ui.useDependency)(_univerjs_core.ILocalStorageService);
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const [pattern, setPattern] = (0, react.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] = (0, react.useState)([]);
+	(0, react.useEffect)(() => {
+		localStorageService.getItem(historyPatternKey).then((historyList) => {
+			const list = [
+				..._univerjs_sheets_numfmt.CURRENCYFORMAT.map((item) => item.suffix("$")),
+				..._univerjs_sheets_numfmt.DATEFMTLISG.map((item) => item.suffix),
+				..._univerjs_sheets_numfmt.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__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "univer-mt-4 univer-text-sm univer-text-gray-400",
+			children: localeService.t("sheet.numfmt.customFormat")
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
+			placeholder: localeService.t("sheet.numfmt.customFormat"),
+			onBlur: handleBlur,
+			value: pattern,
+			onChange: setPattern,
+			className: "univer-mt-2 univer-w-full"
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, _univerjs_design.clsx)("univer-mt-2 univer-max-h-[400px] univer-overflow-auto univer-rounded-lg univer-p-2", _univerjs_design.borderClassName),
+			children: options.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "univer-flex univer-w-4 univer-items-center univer-text-primary-600",
+					children: pattern === p && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.CheckMarkIcon, {})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: p })]
+			}, p))
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.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 = _univerjs_core.numfmt.getFormatInfo(pattern);
+	return (0, _univerjs_sheets_numfmt.getDateFormatOptions)().map((item) => item.value).includes(pattern) || [
+		"date",
+		"datetime",
+		"time"
+	].includes(info.type);
+};
+function DatePanel(props) {
+	const { onChange, defaultPattern } = props;
+	const options = (0, react.useMemo)(_univerjs_sheets_numfmt.getDateFormatOptions, []);
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const [suffix, setSuffix] = (0, react.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__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "univer-mt-4 univer-text-sm univer-text-gray-400",
+			children: localeService.t("sheet.numfmt.dateType")
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "univer-mt-2",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.SelectList, {
+				value: suffix,
+				options,
+				onChange: handleChange
+			})
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.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 = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService).t;
+	props.action.current = () => "";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, react_jsx_runtime.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) => (0, _univerjs_sheets_numfmt.getNumberFormatOptions)().some((item) => (0, _univerjs_core.isPatternEqualWithoutDecimal)(item.value, pattern));
+function ThousandthPercentilePanel(props) {
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const options = (0, react.useMemo)(_univerjs_sheets_numfmt.getNumberFormatOptions, []);
+	const [decimal, setDecimal] = (0, react.useState)(() => (0, _univerjs_sheets_numfmt.getDecimalFromPattern)(props.defaultPattern || "", 0));
+	const [suffix, setSuffix] = (0, react.useState)(() => {
+		const item = options.find((item) => (0, _univerjs_core.isPatternEqualWithoutDecimal)(item.value, props.defaultPattern || ""));
+		return (item === null || item === void 0 ? void 0 : item.value) || options[0].value;
+	});
+	const pattern = (0, react.useMemo)(() => (0, _univerjs_sheets_numfmt.setPatternDecimal)(suffix, Number(decimal || 0)), [suffix, decimal]);
+	const isInputDisable = (0, react.useMemo)(() => !(0, _univerjs_sheets_numfmt.isPatternHasDecimal)(suffix), [suffix]);
+	const handleDecimalChange = (decimal) => {
+		setDecimal(decimal || 0);
+		props.onChange((0, _univerjs_sheets_numfmt.setPatternDecimal)(suffix, Number(decimal || 0)));
+	};
+	const handleClick = (v) => {
+		if (v === void 0) return;
+		setDecimal((0, _univerjs_sheets_numfmt.getDecimalFromPattern)(v, 0));
+		setSuffix(v);
+		props.onChange(v);
+	};
+	props.action.current = () => pattern;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "univer-mt-4 univer-text-sm univer-text-gray-400",
+			children: localeService.t("sheet.numfmt.decimalLength")
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "univer-mt-2",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.InputNumber, {
+				disabled: isInputDisable,
+				value: decimal,
+				max: 20,
+				min: 0,
+				onChange: handleDecimalChange
+			})
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "univer-mt-4 univer-text-sm univer-text-gray-400",
+			children: [" ", localeService.t("sheet.numfmt.negType")]
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "univer-mt-2",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.SelectList, {
+				onChange: handleClick,
+				options,
+				value: suffix
+			})
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.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 = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const getCurrentPattern = (0, react.useRef)(() => "");
+	const t = localeService.t;
+	const nextTick = useNextTick();
+	const typeOptions = (0, react.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] = (0, react.useState)(findDefaultType);
+	const [key, setKey] = (0, react.useState)(() => `${row}_${col}`);
+	const { mark, userHabitCurrency } = useCurrencyOptions(() => setKey(`${row}_${col}_userCurrency'`));
+	const BusinessComponent = (0, react.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 = (0, react.useCallback)((v) => {
+		props.onChange({
+			type: "change",
+			value: v
+		});
+	}, []);
+	const handleConfirm = () => {
+		const pattern = getCurrentPattern.current() || "";
+		const currency = (0, _univerjs_sheets_numfmt.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
+	};
+	(0, react.useEffect)(() => {
+		setType(findDefaultType());
+		setKey(`${row}_${col}`);
+	}, [row, col]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, _univerjs_design.clsx)("univer-flex univer-h-full univer-flex-col univer-justify-between univer-overflow-y-auto univer-pb-5", _univerjs_design.scrollbarClassName),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "univer-mt-3.5 univer-text-sm univer-text-gray-400",
+				children: t("sheet.numfmt.numfmtType")
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "univer-mt-2",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
+					className: "univer-w-full",
+					value: type,
+					options: selectOptions,
+					onChange: handleSelect
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: BusinessComponent && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(UserHabitCurrencyContext.Provider, {
+				value: userHabitCurrency,
+				children: /* @__PURE__ */ (0, react.createElement)(BusinessComponent, {
+					...subProps,
+					key
+				})
+			}) })
+		] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "univer-mb-5 univer-mt-3.5 univer-flex univer-justify-end",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
+				onClick: handleCancel,
+				className: "univer-mr-3",
+				children: t("sheet.numfmt.cancel")
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.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 _univerjs_core.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((0, rxjs.merge)(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(_univerjs_core.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) === _univerjs_core.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 = (0, _univerjs_sheets_numfmt.getPatternType)(config.value);
+					selections.forEach((rangeInfo) => {
+						_univerjs_core.Range.foreach(rangeInfo, (row, col) => {
+							params.values.push({
+								row,
+								col,
+								pattern: config.value,
+								type: patternType
+							});
+						});
+					});
+					commandService.executeCommand(_univerjs_sheets_numfmt.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(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId());
+		renderUnit === null || renderUnit === void 0 || renderUnit.with(_univerjs_sheets_ui.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$ = (0, rxjs.combineLatest)([new rxjs.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((0, rxjs_operators.map)((selectionInfos) => {
+			if (!selectionInfos) return [];
+			return selectionInfos.map((selectionInfo) => selectionInfo.range);
+		}))]);
+		this.disposeWithMe((0, _univerjs_core.toDisposable)(combineOpenAndSelection$.pipe((0, rxjs_operators.switchMap)(([isOpen, selectionRanges]) => new rxjs.Observable((subscribe) => {
+			const disposableCollection = new _univerjs_core.DisposableCollection();
+			isOpen && selectionRanges.length && subscribe.next({
+				selectionRanges,
+				disposableCollection
+			});
+			return () => {
+				disposableCollection.dispose();
+			};
+		})), (0, rxjs_operators.tap)(() => {
+			this._previewPattern = null;
+		})).subscribe(({ disposableCollection, selectionRanges }) => {
+			var _this$_renderManagerS;
+			const workbook = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+			this.openPanel();
+			disposableCollection.add(this._sheetInterceptorService.intercept(_univerjs_sheets.INTERCEPTOR_POINT.CELL_CONTENT, {
+				priority: 99,
+				effect: _univerjs_core.InterceptorEffectEnum.Value | _univerjs_core.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 !== _univerjs_core.CellValueType.NUMBER || this._previewPattern === null) return defaultValue;
+						const info = (0, _univerjs_sheets_numfmt.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: _univerjs_core.CellValueType.STRING,
+								s: { cl: { rgb: color } }
+							};
+						}
+						return {
+							...defaultValue,
+							v: info.result,
+							t: _univerjs_core.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 = [_univerjs_sheets.RemoveNumfmtMutation.id, _univerjs_sheets.SetNumfmtMutation.id];
+		this.disposeWithMe(new rxjs.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((0, rxjs_operators.debounceTime)(16)).subscribe((unitId) => this._forceUpdate(unitId)));
+	}
+	_initCloseListener() {
+		this._univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.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, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetInterceptorService)),
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.ThemeService)),
+	__decorateParam(2, _univerjs_core.IUniverInstanceService),
+	__decorateParam(3, _univerjs_core.ICommandService),
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetsSelectionsService)),
+	__decorateParam(5, _univerjs_engine_render.IRenderManagerService),
+	__decorateParam(6, _univerjs_sheets.INumfmtService),
+	__decorateParam(7, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)),
+	__decorateParam(8, _univerjs_ui.ISidebarService),
+	__decorateParam(9, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService)),
+	__decorateParam(10, (0, _univerjs_core.Inject)(_univerjs_sheets_numfmt.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 _univerjs_core.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((0, _univerjs_core.toDisposable)(this._sheetInterceptorService.writeCellInterceptor.intercept(_univerjs_sheets.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 ((0, _univerjs_sheets_numfmt.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) === _univerjs_core.CellValueType.NUMBER && (0, _univerjs_core.isRealNum)(cell.v)) cell.v = (0, _univerjs_engine_formula.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) === _univerjs_core.CellValueType.NUMBER && (0, _univerjs_core.isRealNum)(cell.v)) cell.v = `${(0, _univerjs_engine_formula.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((0, _univerjs_core.toDisposable)(this._sheetInterceptorService.writeCellInterceptor.intercept(_univerjs_sheets.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 ((0, _univerjs_core.isTextFormat)(currentNumfmtValue === null || currentNumfmtValue === void 0 ? void 0 : currentNumfmtValue.pattern) || value.t === _univerjs_core.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 = (0, _univerjs_core.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) !== _univerjs_core.CellValueType.STRING && (originCell === null || originCell === void 0 ? void 0 : originCell.t) !== _univerjs_core.CellValueType.FORCE_STRING && (0, _univerjs_core.willLoseNumericPrecision)(content)) return next({
+					...value,
+					p: void 0,
+					v: content,
+					t: _univerjs_core.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) || (0, _univerjs_sheets_numfmt.getPatternType)(numfmtInfo.z) !== (0, _univerjs_sheets_numfmt.getPatternType)(currentNumfmtValue.pattern))) this._collectEffectMutation.add(context.unitId, context.subUnitId, context.row, context.col, { pattern: numfmtInfo.z });
+				const v = (0, _univerjs_engine_formula.stripErrorMargin)(Number(numfmtInfo.v), 16);
+				return next({
+					...value,
+					p: void 0,
+					v,
+					t: _univerjs_core.CellValueType.NUMBER
+				});
+			}
+			return next(value);
+		} })));
+	}
+	_initInterceptorCommands() {
+		const self = this;
+		this.disposeWithMe(this._sheetInterceptorService.interceptCommand({ getMutations(command) {
+			switch (command.id) {
+				case _univerjs_sheets.SetRangeValuesCommand.id: {
+					var _workbook$getActiveSh;
+					const workbook = self._univerInstanceService.getCurrentUnitForType(_univerjs_core.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: _univerjs_sheets.SetNumfmtMutation.id,
+							params: (0, _univerjs_sheets.transformCellsToRange)(unitId, subUnitId, cells)
+						};
+						redos.push(redo);
+						undos.push(...(0, _univerjs_sheets.factorySetNumfmtUndoMutation)(self._injector, redo.params));
+					}
+					if (removeCells.length) {
+						const redo = {
+							id: _univerjs_sheets.RemoveNumfmtMutation.id,
+							params: {
+								unitId,
+								subUnitId,
+								ranges: removeCells
+							}
+						};
+						redos.push(redo);
+						undos.push(...(0, _univerjs_sheets.factoryRemoveNumfmtUndoMutation)(self._injector, redo.params));
+					}
+					return {
+						redos,
+						undos: undos.reverse()
+					};
+				}
+			}
+			return {
+				redos: [],
+				undos: []
+			};
+		} }));
+	}
+	dispose() {
+		super.dispose();
+		this._collectEffectMutation.clean();
+	}
+};
+NumfmtEditorController = __decorate([
+	__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetInterceptorService)),
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_sheets.INumfmtService)),
+	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_core.IUniverInstanceService)),
+	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
+	__decorateParam(4, (0, _univerjs_core.Optional)(_univerjs_sheets_ui.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: _univerjs_core.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 rxjs.Observable((subscribe) => {
+			const localeService = accessor.get(_univerjs_core.LocaleService);
+			subscribe.next((0, _univerjs_sheets_numfmt.getCurrencySymbolIconByLocale)(localeService.getCurrentLocale()).icon);
+			return localeService.localeChanged$.subscribe(() => {
+				subscribe.next((0, _univerjs_sheets_numfmt.getCurrencySymbolIconByLocale)(localeService.getCurrentLocale()).icon);
+			});
+		}),
+		id: _univerjs_sheets_numfmt.SetCurrencyCommand.id,
+		title: "sheet.numfmt.currency",
+		tooltip: "sheet.numfmt.currency",
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
+		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {
+			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetCellStylePermission],
+			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
+		})
+	};
+};
+const AddDecimalMenuItem = (accessor) => {
+	return {
+		icon: "AddDigitsIcon",
+		id: _univerjs_sheets_numfmt.AddDecimalCommand.id,
+		title: "sheet.numfmt.addDecimal",
+		tooltip: "sheet.numfmt.addDecimal",
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
+		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {
+			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetCellStylePermission],
+			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
+		})
+	};
+};
+const SubtractDecimalMenuItem = (accessor) => {
+	return {
+		icon: "ReduceDigitsIcon",
+		id: _univerjs_sheets_numfmt.SubtractDecimalCommand.id,
+		title: "sheet.numfmt.subtractDecimal",
+		tooltip: "sheet.numfmt.subtractDecimal",
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
+		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {
+			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetCellStylePermission],
+			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
+		})
+	};
+};
+const PercentMenuItem = (accessor) => {
+	return {
+		icon: "PercentIcon",
+		id: _univerjs_sheets_numfmt.SetPercentCommand.id,
+		title: "sheet.numfmt.percent",
+		tooltip: "sheet.numfmt.percent",
+		type: _univerjs_ui.MenuItemType.BUTTON,
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
+		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {
+			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+			worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetCellStylePermission],
+			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
+		})
+	};
+};
+const FactoryOtherMenuItem = (accessor) => {
+	const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+	const commandService = accessor.get(_univerjs_core.ICommandService);
+	const localeService = accessor.get(_univerjs_core.LocaleService);
+	const selectionManagerService = accessor.get(_univerjs_sheets.SheetsSelectionsService);
+	const commandList = [_univerjs_sheets.RemoveNumfmtMutation.id, _univerjs_sheets.SetNumfmtMutation.id];
+	const value$ = (0, _univerjs_sheets_ui.deriveStateFromActiveSheet$)(univerInstanceService, "", ({ workbook, worksheet }) => new rxjs.Observable((subscribe) => (0, rxjs.merge)(selectionManagerService.selectionMoveEnd$, (0, _univerjs_core.fromCallback)(commandService.onCommandExecuted.bind(commandService)).pipe((0, rxjs.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 = (0, _univerjs_sheets_numfmt.getCurrencySymbolByLocale)(localeService.getCurrentLocale());
+			let value = localeService.t("sheet.numfmt.general");
+			if ((0, _univerjs_core.isDefaultFormat)(pattern)) {
+				subscribe.next(value);
+				return;
+			}
+			if (pattern) {
+				const item = MENU_OPTIONS(currencySymbol).filter((item) => typeof item === "object" && item.pattern).find((item) => (0, _univerjs_core.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: _univerjs_ui.MenuItemType.SELECTOR,
+		slot: true,
+		selections: [{ label: {
+			name: OPTIONS_KEY,
+			hoverable: false,
+			selectable: false
+		} }],
+		value$,
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
+		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {
+			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+			worksheetTypes: [_univerjs_sheets.WorksheetSetCellStylePermission, _univerjs_sheets.WorksheetEditPermission],
+			rangeTypes: [_univerjs_sheets.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 = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: "univer-text-sm",
+		children: value !== null && value !== void 0 ? value : localeService.t("sheet.numfmt.general")
+	});
+}
+function Options() {
+	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const layoutService = (0, _univerjs_ui.useDependency)(_univerjs_ui.ILayoutService);
+	const sheetsNumfmtCellContentController = (0, _univerjs_ui.useDependency)(_univerjs_sheets_numfmt.SheetsNumfmtCellContentController);
+	const selectionManagerService = (0, _univerjs_ui.useDependency)(_univerjs_sheets.SheetsSelectionsService);
+	const setNumfmt = (pattern) => {
+		const selection = selectionManagerService.getCurrentLastSelection();
+		if (!selection) return;
+		const range = selection.range;
+		const values = [];
+		_univerjs_core.Range.foreach(range, (row, col) => {
+			if (pattern) values.push({
+				row,
+				col,
+				pattern,
+				type: (0, _univerjs_sheets_numfmt.getPatternType)(pattern)
+			});
+			else values.push({
+				row,
+				col
+			});
+		});
+		commandService.executeCommand(_univerjs_sheets_numfmt.SetNumfmtCommand.id, { values });
+		layoutService.focus();
+	};
+	const menuOptions = (0, react.useMemo)(() => {
+		return MENU_OPTIONS(_univerjs_sheets_numfmt.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__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "univer-grid univer-gap-1 univer-p-1.5",
+		children: menuOptions.map((item, index) => {
+			if (item === "|") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Separator, {}, index);
+			return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("span", { children: localeService.t(item.label) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "univer-text-xs univer-text-gray-500 dark:!univer-text-gray-400",
+					children: item.pattern ? (0, _univerjs_sheets_numfmt.getPatternPreview)(item.pattern || "", defaultValue, sheetsNumfmtCellContentController.locale).result.trim() : ""
+				})]
+			}, index);
+		})
+	});
+}
+
+//#endregion
+//#region src/menu/schema.ts
+const menuSchema = { [_univerjs_ui.RibbonStartGroup.LAYOUT]: {
+	[OpenNumfmtPanelOperator.id]: {
+		order: 9,
+		menuItemFactory: FactoryOtherMenuItem
+	},
+	[_univerjs_sheets_numfmt.SetPercentCommand.id]: {
+		order: 9.1,
+		menuItemFactory: PercentMenuItem
+	},
+	[_univerjs_sheets_numfmt.SetCurrencyCommand.id]: {
+		order: 9.2,
+		menuItemFactory: CurrencySymbolIconMenuItem
+	},
+	[_univerjs_sheets_numfmt.AddDecimalCommand.id]: {
+		order: 9.3,
+		menuItemFactory: AddDecimalMenuItem
+	},
+	[_univerjs_sheets_numfmt.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 _univerjs_core.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, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)), __decorateParam(1, _univerjs_ui.IMenuManagerService)], NumfmtMenuController);
+
+//#endregion
+//#region src/plugin.ts
+let UniverSheetsNumfmtUIPlugin = class UniverSheetsNumfmtUIPlugin extends _univerjs_core.Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _configService, _renderManagerService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._configService = _configService;
+		this._renderManagerService = _renderManagerService;
+		const { menu, ...rest } = (0, _univerjs_core.merge)({}, defaultPluginConfig, this._config);
+		if (menu) this._configService.setConfig("menu", menu, { merge: true });
+		this._configService.setConfig("sheets-numfmt-ui.config", rest);
+	}
+	onStarting() {
+		(0, _univerjs_core.registerDependencies)(this._injector, [
+			[SheetNumfmtUIController],
+			[NumfmtEditorController],
+			[UserHabitController],
+			[NumfmtMenuController],
+			[NumfmtRepeatLastActionController]
+		]);
+	}
+	onRendered() {
+		this._registerRenderModules();
+		(0, _univerjs_core.touchDependencies)(this._injector, [
+			[SheetNumfmtUIController],
+			[NumfmtEditorController],
+			[NumfmtMenuController],
+			[NumfmtRepeatLastActionController]
+		]);
+	}
+	_registerRenderModules() {
+		[[NumfmtAlertRenderController]].forEach((m) => {
+			this.disposeWithMe(this._renderManagerService.registerRenderModule(_univerjs_core.UniverInstanceType.UNIVER_SHEET, m));
+		});
+	}
+};
+_defineProperty(UniverSheetsNumfmtUIPlugin, "pluginName", "SHEET_NUMFMT_UI_PLUGIN");
+_defineProperty(UniverSheetsNumfmtUIPlugin, "packageName", name);
+_defineProperty(UniverSheetsNumfmtUIPlugin, "version", version);
+_defineProperty(UniverSheetsNumfmtUIPlugin, "type", _univerjs_core.UniverInstanceType.UNIVER_SHEET);
+UniverSheetsNumfmtUIPlugin = __decorate([
+	(0, _univerjs_core.DependentOn)(_univerjs_sheets_ui.UniverSheetsUIPlugin, _univerjs_sheets_numfmt.UniverSheetsNumfmtPlugin),
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
+	__decorateParam(2, _univerjs_core.IConfigService),
+	__decorateParam(3, _univerjs_engine_render.IRenderManagerService)
+], UniverSheetsNumfmtUIPlugin);
+
+//#endregion
+Object.defineProperty(exports, 'UniverSheetsNumfmtUIPlugin', {
+  enumerable: true,
+  get: function () {
+    return UniverSheetsNumfmtUIPlugin;
+  }
+});