@univerjs/sheets-numfmt 0.2.5 → 0.2.7

package/lib/es/index.js

@@ -1,206 +1,212 @@
-var dt = Object.defineProperty;
-var ft = (e, t, r) => t in e ? dt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var ce = (e, t, r) => ft(e, typeof t != "symbol" ? t + "" : t, r);
-import { LocaleType as ht, Disposable as K, ObjectMatrix as Le, CellValueType as V, Range as R, UniverInstanceType as T, OnLifecycle as Y, LifecycleStages as B, Inject as b, ThemeService as We, ICommandService as O, LocaleService as E, IUniverInstanceService as w, CommandType as D, IUndoRedoService as pt, sequenceExecute as vt, createIdentifier as _t, runOnLifecycle as gt, ILocalStorageService as St, useDependency as N, toDisposable as Ee, DisposableCollection as bt, Injector as Pe, Optional as Ct, useInjector as yt, Plugin as Tt, Tools as It, DependentOn as Et } from "@univerjs/core";
-import { INTERCEPTOR_POINT as ke, SetNumfmtMutation as q, SetRangeValuesMutation as Nt, SheetInterceptorService as Re, INumfmtService as H, getSheetCommandTarget as xe, transformCellsToRange as Ge, rangeMerge as Ve, factorySetNumfmtUndoMutation as ze, RemoveNumfmtMutation as _e, factoryRemoveNumfmtUndoMutation as Ke, SheetsSelectionsService as U, SetRangeValuesCommand as Mt, WorkbookEditablePermission as J, WorksheetEditPermission as X, WorksheetSetCellStylePermission as Z, RangeProtectionPermissionEditPoint as Q, UniverSheetsPlugin as Pt } from "@univerjs/sheets";
-import { SheetSkeletonManagerService as Rt, IEditorBridgeService as xt, getCurrentRangeDisable$ as ee, deriveStateFromActiveSheet$ as Ot, UniverSheetsUIPlugin as jt } from "@univerjs/sheets-ui";
-import { switchMap as $t, of as wt, skip as Dt, Observable as G, combineLatest as Ut, merge as At } from "rxjs";
-import { numfmt as x, DEFAULT_TEXT_FORMAT as Lt } from "@univerjs/engine-numfmt";
-import { IRenderManagerService as Vt, ITextSelectionRenderManager as Bt } from "@univerjs/engine-render";
-import { ComponentManager as Ye, ISidebarService as Ht, MenuItemType as te, MenuGroup as ne, MenuPosition as re, getMenuHiddenObservable as se, IMenuService as Ft } from "@univerjs/ui";
-import { map as Wt, switchMap as kt, tap as Gt, debounceTime as zt } from "rxjs/operators";
-import Kt, { createContext as Yt, useState as I, useEffect as Oe, useRef as qe, useContext as Je, useMemo as P, createElement as qt } from "react";
-import { InputNumber as je, Select as $e, SelectList as we, Button as Be } from "@univerjs/design";
-const Ne = "SHEET_NUMFMT_PLUGIN", fe = (e) => x.getInfo(e).type || "unknown", De = (e, t, r) => {
-  const n = x.getInfo(e), s = r === ht.ZH_CN ? "zh-CN" : "en", i = n._partitions[1], o = x.format(e, t, { locale: s });
-  return t < 0 ? {
-    result: o,
-    color: i.color
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key2, value) => key2 in obj ? __defProp(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
+var __publicField = (obj, key2, value) => __defNormalProp(obj, typeof key2 != "symbol" ? key2 + "" : key2, value);
+import { LocaleType, Disposable, ObjectMatrix, CellValueType, Range, UniverInstanceType, OnLifecycle, LifecycleStages, Inject, ThemeService, ICommandService, LocaleService, IUniverInstanceService, CommandType, IUndoRedoService, sequenceExecute, createIdentifier, runOnLifecycle, ILocalStorageService, useDependency, toDisposable, DisposableCollection, Injector, Optional, useInjector, Plugin, Tools, DependentOn } from "@univerjs/core";
+import { INTERCEPTOR_POINT, SetNumfmtMutation, SetRangeValuesMutation, SheetInterceptorService, INumfmtService, getSheetCommandTarget, transformCellsToRange, rangeMerge, factorySetNumfmtUndoMutation, RemoveNumfmtMutation, factoryRemoveNumfmtUndoMutation, SheetsSelectionsService, SetRangeValuesCommand, WorkbookEditablePermission, WorksheetEditPermission, WorksheetSetCellStylePermission, RangeProtectionPermissionEditPoint, UniverSheetsPlugin } from "@univerjs/sheets";
+import { SheetSkeletonManagerService, IEditorBridgeService, getCurrentRangeDisable$, deriveStateFromActiveSheet$, UniverSheetsUIPlugin } from "@univerjs/sheets-ui";
+import { switchMap, of, skip, Observable, combineLatest, merge } from "rxjs";
+import { numfmt, DEFAULT_TEXT_FORMAT } from "@univerjs/engine-numfmt";
+import { IRenderManagerService, ITextSelectionRenderManager } from "@univerjs/engine-render";
+import { ComponentManager, ISidebarService, MenuItemType, MenuGroup, MenuPosition, getMenuHiddenObservable, IMenuService } from "@univerjs/ui";
+import { map, switchMap as switchMap$1, tap, debounceTime } from "rxjs/operators";
+import require$$0, { createContext, useState, useEffect, useRef, useContext, useMemo, forwardRef, createElement } from "react";
+import { InputNumber, Select, SelectList, Input, Button } from "@univerjs/design";
+const SHEET_NUMFMT_PLUGIN = "SHEET_NUMFMT_PLUGIN", getPatternType = /* @__PURE__ */ __name((pattern) => numfmt.getInfo(pattern).type || "unknown", "getPatternType"), getPatternPreview = /* @__PURE__ */ __name((pattern, value, _locale) => {
+  const info = numfmt.getInfo(pattern), locale = _locale === LocaleType.ZH_CN ? "zh-CN" : "en", negInfo = info._partitions[1], result = numfmt.format(pattern, value, { locale });
+  return value < 0 ? {
+    result,
+    color: negInfo.color
   } : {
-    result: o
+    result
   };
-};
-var Jt = Object.defineProperty, Xt = Object.getOwnPropertyDescriptor, Zt = (e, t, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? Xt(t, r) : t, i = e.length - 1, o; i >= 0; i--)
-    (o = e[i]) && (s = (n ? o(t, r, s) : o(s)) || s);
-  return n && s && Jt(t, r, s), s;
-}, L = (e, t) => (r, n) => t(r, n, e);
-let ae = class extends K {
-  constructor(e, t, r, n, s, i) {
-    super(), this._instanceService = e, this._sheetInterceptorService = t, this._themeService = r, this._commandService = n, this._numfmtService = s, this._localeService = i, this._initInterceptorCellContent();
+}, "getPatternPreview");
+var __defProp$6 = Object.defineProperty, __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor, __decorateClass$6 = /* @__PURE__ */ __name((decorators, target, key2, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key2) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key2, result) : decorator(result)) || result);
+  return kind && result && __defProp$6(target, key2, result), result;
+}, "__decorateClass$6"), __decorateParam$6 = /* @__PURE__ */ __name((index, decorator) => (target, key2) => decorator(target, key2, index), "__decorateParam$6"), _a;
+let SheetsNumfmtCellContentController = (_a = class extends Disposable {
+  constructor(_instanceService, _sheetInterceptorService, _themeService, _commandService, _numfmtService, _localeService) {
+    super(), this._instanceService = _instanceService, this._sheetInterceptorService = _sheetInterceptorService, this._themeService = _themeService, this._commandService = _commandService, this._numfmtService = _numfmtService, this._localeService = _localeService, this._initInterceptorCellContent();
   }
   _initInterceptorCellContent() {
-    const e = new Le();
-    this.disposeWithMe(this._sheetInterceptorService.intercept(ke.CELL_CONTENT, {
-      handler: (t, r, n) => {
-        const s = r.unitId, i = r.subUnitId, o = this._numfmtService.getValue(s, i, r.row, r.col);
-        if (!o)
-          return n(t);
-        const c = t;
-        if (!c || c.t !== V.NUMBER)
-          return n(t);
-        let a = "";
-        const f = e.getValue(r.row, r.col);
-        if (f && f.parameters === c.v)
-          return n({ ...t, ...f.result });
-        const m = De(o.pattern, Number(c.v), this._localeService.getCurrentLocale());
-        if (a = m.result, !a)
-          return n(t);
-        const l = { v: a };
-        if (m.color) {
-          const u = this._themeService.getCurrentTheme()[`${m.color}500`];
-          u && (l.interceptorStyle = { cl: { rgb: u } });
+    const renderCache = new ObjectMatrix();
+    this.disposeWithMe(this._sheetInterceptorService.intercept(INTERCEPTOR_POINT.CELL_CONTENT, {
+      handler: /* @__PURE__ */ __name((cell, location, next) => {
+        const unitId = location.unitId, sheetId = location.subUnitId;
+        let numfmtValue;
+        if (cell != null && cell.s) {
+          const style = location.workbook.getStyles().get(cell.s);
+          style != null && style.n && (numfmtValue = style.n);
         }
-        return e.setValue(r.row, r.col, {
-          result: l,
-          parameters: c.v
-        }), n({ ...t, ...l });
-      },
+        if (numfmtValue || (numfmtValue = this._numfmtService.getValue(unitId, sheetId, location.row, location.col)), !numfmtValue)
+          return next(cell);
+        const originCellValue = cell;
+        if (!originCellValue || originCellValue.t !== CellValueType.NUMBER)
+          return next(cell);
+        let numfmtRes = "";
+        const cache = renderCache.getValue(location.row, location.col);
+        if (cache && cache.parameters === `${originCellValue.v}_${numfmtValue.pattern}`)
+          return next({ ...cell, ...cache.result });
+        const info = getPatternPreview(numfmtValue.pattern, Number(originCellValue.v), this._localeService.getCurrentLocale());
+        if (numfmtRes = info.result, !numfmtRes)
+          return next(cell);
+        const res = { v: numfmtRes };
+        if (info.color) {
+          const color = this._themeService.getCurrentTheme()[`${info.color}500`];
+          color && (res.interceptorStyle = { cl: { rgb: color } });
+        }
+        return renderCache.setValue(location.row, location.col, {
+          result: res,
+          parameters: `${originCellValue.v}_${numfmtValue.pattern}`
+        }), next({ ...cell, ...res });
+      }, "handler"),
       priority: 10
-    })), this.disposeWithMe(this._commandService.onCommandExecuted((t) => {
-      if (t.id === q.id) {
-        const r = t.params;
-        Object.keys(r.values).forEach((n) => {
-          r.values[n].ranges.forEach((i) => {
-            R.foreach(i, (o, c) => {
-              e.realDeleteValue(o, c);
+    })), this.disposeWithMe(this._commandService.onCommandExecuted((commandInfo) => {
+      if (commandInfo.id === SetNumfmtMutation.id) {
+        const params = commandInfo.params;
+        Object.keys(params.values).forEach((key2) => {
+          params.values[key2].ranges.forEach((range) => {
+            Range.foreach(range, (row, col) => {
+              renderCache.realDeleteValue(row, col);
             });
           });
         });
-      } else if (t.id === Nt.id) {
-        const r = t.params;
-        new Le(r.cellValue).forValue((n, s) => {
-          e.realDeleteValue(n, s);
+      } else if (commandInfo.id === SetRangeValuesMutation.id) {
+        const params = commandInfo.params;
+        new ObjectMatrix(params.cellValue).forValue((row, col) => {
+          renderCache.realDeleteValue(row, col);
         });
       }
     })), this.disposeWithMe(
-      this._instanceService.getCurrentTypeOfUnit$(T.UNIVER_SHEET).pipe(
-        $t((t) => {
-          var r;
-          return (r = t == null ? void 0 : t.activeSheet$) != null ? r : wt(null);
+      this._instanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(
+        switchMap((workbook) => {
+          var _a8;
+          return (_a8 = workbook == null ? void 0 : workbook.activeSheet$) != null ? _a8 : of(null);
         }),
-        Dt(1)
-      ).subscribe(() => e.reset())
+        skip(1)
+      ).subscribe(() => renderCache.reset())
     );
   }
-};
-ae = Zt([
-  Y(B.Rendered, ae),
-  L(0, w),
-  L(1, b(Re)),
-  L(2, b(We)),
-  L(3, b(O)),
-  L(4, b(H)),
-  L(5, b(E))
-], ae);
-const j = (e, t = 0) => {
-  var n;
-  return e && (n = x.getInfo(e).maxDecimals) != null ? n : t;
-}, ge = (e, t) => {
-  if (e && !t || !e && t)
+}, __name(_a, "SheetsNumfmtCellContentController"), _a);
+SheetsNumfmtCellContentController = __decorateClass$6([
+  OnLifecycle(LifecycleStages.Rendered, SheetsNumfmtCellContentController),
+  __decorateParam$6(0, IUniverInstanceService),
+  __decorateParam$6(1, Inject(SheetInterceptorService)),
+  __decorateParam$6(2, Inject(ThemeService)),
+  __decorateParam$6(3, Inject(ICommandService)),
+  __decorateParam$6(4, Inject(INumfmtService)),
+  __decorateParam$6(5, Inject(LocaleService))
+], SheetsNumfmtCellContentController);
+const getDecimalFromPattern = /* @__PURE__ */ __name((pattern, defaultValue = 0) => {
+  var _a8;
+  return pattern && (_a8 = numfmt.getInfo(pattern).maxDecimals) != null ? _a8 : defaultValue;
+}, "getDecimalFromPattern"), isPatternEqualWithoutDecimal = /* @__PURE__ */ __name((patternA, patternB) => {
+  if (patternA && !patternB || !patternA && patternB)
     return !1;
-  const r = (f) => f.reduce(
-    (m, l) => {
-      if (m.isEnd)
-        return m;
-      const u = l.value || l.num;
-      return l.type === "point" ? (m.isEnd = !0, m) : { ...m, result: m.result + u };
+  const getString = /* @__PURE__ */ __name((tokens) => tokens.reduce(
+    (pre, cur) => {
+      if (pre.isEnd)
+        return pre;
+      const str = cur.value || cur.num;
+      return cur.type === "point" ? (pre.isEnd = !0, pre) : { ...pre, result: pre.result + str };
     },
     { isEnd: !1, result: "" }
-  ).result, n = x.getInfo(e)._partitions, s = x.getInfo(t)._partitions, i = r(n[0].tokens), o = r(s[0].tokens), c = r(n[1].tokens), a = r(s[1].tokens);
-  return i === o && c === a && n[1].color === s[1].color;
-}, He = (e) => new Array(Math.min(Math.max(0, Number(e)), 30)).fill(0).join(""), y = (e, t) => e.split(";").map((n) => /\.0?/.test(n) ? n.replace(
+  ).result, "getString"), partitionsA = numfmt.getInfo(patternA)._partitions, partitionsB = numfmt.getInfo(patternB)._partitions, A1 = getString(partitionsA[0].tokens), B1 = getString(partitionsB[0].tokens), A2 = getString(partitionsA[1].tokens), B2 = getString(partitionsB[1].tokens);
+  return A1 === B1 && A2 === B2 && partitionsA[1].color === partitionsB[1].color;
+}, "isPatternEqualWithoutDecimal"), getDecimalString = /* @__PURE__ */ __name((length) => new Array(Math.min(Math.max(0, Number(length)), 30)).fill(0).join(""), "getDecimalString"), setPatternDecimal = /* @__PURE__ */ __name((patterns, decimalLength) => patterns.split(";").map((pattern) => /\.0?/.test(pattern) ? pattern.replace(
   /\.0*/g,
-  `${t > 0 ? "." : ""}${He(Number(t || 0))}`
-) : /0([^0]?)|0$/.test(n) ? n.replace(
+  `${decimalLength > 0 ? "." : ""}${getDecimalString(Number(decimalLength || 0))}`
+) : /0([^0]?)|0$/.test(pattern) ? pattern.replace(
   /0([^0]+)|0$/,
-  `0${t > 0 ? "." : ""}${He(Number(t || 0))}$1`
-) : n).join(";"), Qt = (e) => /\.0?/.test(e) || /0([^0]?)|0$/.test(e), $ = {
+  `0${decimalLength > 0 ? "." : ""}${getDecimalString(Number(decimalLength || 0))}$1`
+) : pattern).join(";"), "setPatternDecimal"), isPatternHasDecimal = /* @__PURE__ */ __name((pattern) => /\.0?/.test(pattern) || /0([^0]?)|0$/.test(pattern), "isPatternHasDecimal"), SetNumfmtCommand = {
   id: "sheet.command.numfmt.set.numfmt",
-  type: D.COMMAND,
-  handler: (e, t) => {
-    if (!t)
+  type: CommandType.COMMAND,
+  handler: /* @__PURE__ */ __name((accessor, params) => {
+    if (!params)
       return !1;
-    const r = e.get(O), n = e.get(w), s = e.get(pt), i = xe(n, t);
-    if (!i) return !1;
-    const { unitId: o, subUnitId: c } = i, a = t.values.filter((h) => !!h.pattern), f = t.values.filter((h) => !h.pattern), m = Ge(o, c, a), l = {
-      unitId: o,
-      subUnitId: c,
-      ranges: f.map((h) => ({
-        startColumn: h.col,
-        startRow: h.row,
-        endColumn: h.col,
-        endRow: h.row
+    const commandService = accessor.get(ICommandService), univerInstanceService = accessor.get(IUniverInstanceService), undoRedoService = accessor.get(IUndoRedoService), target = getSheetCommandTarget(univerInstanceService, params);
+    if (!target) return !1;
+    const { unitId, subUnitId } = target, setCells = params.values.filter((value) => !!value.pattern), removeCells = params.values.filter((value) => !value.pattern), setRedos = transformCellsToRange(unitId, subUnitId, setCells), removeRedos = {
+      unitId,
+      subUnitId,
+      ranges: removeCells.map((cell) => ({
+        startColumn: cell.col,
+        startRow: cell.row,
+        endColumn: cell.col,
+        endRow: cell.row
       }))
-    }, u = [], v = [];
-    if (a.length) {
-      Object.keys(m.values).forEach((g) => {
-        const p = m.values[g];
-        p.ranges = Ve(p.ranges);
-      }), u.push({
-        id: q.id,
-        params: m
+    }, redos = [], undos = [];
+    if (setCells.length) {
+      Object.keys(setRedos.values).forEach((key2) => {
+        const v = setRedos.values[key2];
+        v.ranges = rangeMerge(v.ranges);
+      }), redos.push({
+        id: SetNumfmtMutation.id,
+        params: setRedos
       });
-      const h = ze(e, m);
-      v.push(...h);
+      const undo = factorySetNumfmtUndoMutation(accessor, setRedos);
+      undos.push(...undo);
     }
-    if (f.length) {
-      l.ranges = Ve(l.ranges), u.push({
-        id: _e.id,
-        params: l
+    if (removeCells.length) {
+      removeRedos.ranges = rangeMerge(removeRedos.ranges), redos.push({
+        id: RemoveNumfmtMutation.id,
+        params: removeRedos
       });
-      const h = Ke(e, l);
-      v.push(...h);
+      const undo = factoryRemoveNumfmtUndoMutation(accessor, removeRedos);
+      undos.push(...undo);
     }
-    const _ = vt(u, r).result;
-    return _ && s.pushUndoRedo({
-      unitID: o,
-      undoMutations: v,
-      redoMutations: u
-    }), _;
-  }
-}, Xe = {
+    const result = sequenceExecute(redos, commandService).result;
+    return result && undoRedoService.pushUndoRedo({
+      unitID: unitId,
+      undoMutations: undos,
+      redoMutations: redos
+    }), result;
+  }, "handler")
+}, AddDecimalCommand = {
   id: "sheet.command.numfmt.add.decimal.command",
-  type: D.COMMAND,
-  handler: async (e) => {
-    const t = e.get(O), r = e.get(U), n = e.get(H), s = e.get(w), i = r.getCurrentSelections();
-    if (!i || !i.length)
+  type: CommandType.COMMAND,
+  handler: /* @__PURE__ */ __name(async (accessor) => {
+    const commandService = accessor.get(ICommandService), selectionManagerService = accessor.get(SheetsSelectionsService), numfmtService = accessor.get(INumfmtService), univerInstanceService = accessor.get(IUniverInstanceService), selections = selectionManagerService.getCurrentSelections();
+    if (!selections || !selections.length)
       return !1;
-    const o = xe(s);
-    if (!o) return !1;
-    const { unitId: c, subUnitId: a } = o;
-    let f = 0;
-    i.forEach((v) => {
-      R.foreach(v.range, (_, h) => {
-        const g = n.getValue(c, a, _, h);
-        if (!g)
+    const target = getSheetCommandTarget(univerInstanceService);
+    if (!target) return !1;
+    const { unitId, subUnitId } = target;
+    let maxDecimals = 0;
+    selections.forEach((selection) => {
+      Range.foreach(selection.range, (row, col) => {
+        const numfmtValue = numfmtService.getValue(unitId, subUnitId, row, col);
+        if (!numfmtValue)
           return;
-        const p = j(g.pattern);
-        f = p > f ? p : f;
+        const decimals2 = getDecimalFromPattern(numfmtValue.pattern);
+        maxDecimals = decimals2 > maxDecimals ? decimals2 : maxDecimals;
       });
     });
-    const m = f + 1, l = y(`0${m > 0 ? ".0" : ""}`, m), u = [];
-    return i.forEach((v) => {
-      R.foreach(v.range, (_, h) => {
-        const g = n.getValue(c, a, _, h);
-        if (!g)
-          u.push({
-            row: _,
-            col: h,
-            pattern: l
+    const decimals = maxDecimals + 1, defaultPattern = setPatternDecimal(`0${decimals > 0 ? ".0" : ""}`, decimals), values = [];
+    return selections.forEach((selection) => {
+      Range.foreach(selection.range, (row, col) => {
+        const numfmtValue = numfmtService.getValue(unitId, subUnitId, row, col);
+        if (!numfmtValue)
+          values.push({
+            row,
+            col,
+            pattern: defaultPattern
           });
         else {
-          const p = j(g.pattern), S = y(g.pattern, p + 1);
-          S !== g.pattern && u.push({
-            row: _,
-            col: h,
-            pattern: S
+          const decimals2 = getDecimalFromPattern(numfmtValue.pattern), pattern = setPatternDecimal(numfmtValue.pattern, decimals2 + 1);
+          pattern !== numfmtValue.pattern && values.push({
+            row,
+            col,
+            pattern
           });
         }
       });
-    }), u.length ? await t.executeCommand($.id, { values: u }) : !1;
-  }
-}, en = [
+    }), values.length ? await commandService.executeCommand(SetNumfmtCommand.id, { values }) : !1;
+  }, "handler")
+}, DATEFMTLISG = [
   {
     label: "1930-08-05",
     suffix: "yyyy-MM-dd"
@@ -245,7 +251,7 @@ const j = (e, t = 0) => {
     label: "08-05 下午 01:30",
     suffix: "MM-dd A/P hh:mm"
   }
-], tn = [
+], NUMBERFORMAT = [
   {
     label: "(1,235)",
     suffix: "#,##0_);(#,##0)"
@@ -273,104 +279,104 @@ const j = (e, t = 0) => {
     suffix: "#,##0.00_);[Red]-#,##0.00",
     color: "red"
   }
-], Ze = [
+], CURRENCYFORMAT = [
   {
-    label: (e) => `${e}1,235`,
-    suffix: (e) => `"${e}"#,##0.00_);"${e}"#,##0.00`
+    label: /* @__PURE__ */ __name((suffix) => `${suffix}1,235`, "label"),
+    suffix: /* @__PURE__ */ __name((suffix) => `"${suffix}"#,##0.00_);"${suffix}"#,##0.00`, "suffix")
   },
   {
-    label: (e) => `${e}1,235`,
-    suffix: (e) => `"${e}"#,##0.00_);[Red]"${e}"#,##0.00`,
+    label: /* @__PURE__ */ __name((suffix) => `${suffix}1,235`, "label"),
+    suffix: /* @__PURE__ */ __name((suffix) => `"${suffix}"#,##0.00_);[Red]"${suffix}"#,##0.00`, "suffix"),
     color: "red"
   },
   {
-    label: (e) => `(${e}1,235)`,
-    suffix: (e) => `"${e}"#,##0.00_);("${e}"#,##0.00)`
+    label: /* @__PURE__ */ __name((suffix) => `(${suffix}1,235)`, "label"),
+    suffix: /* @__PURE__ */ __name((suffix) => `"${suffix}"#,##0.00_);("${suffix}"#,##0.00)`, "suffix")
   },
   {
-    label: (e) => `(${e}1,235)`,
-    suffix: (e) => `"${e}"#,##0.00_);[Red]("${e}"#,##0.00)`,
+    label: /* @__PURE__ */ __name((suffix) => `(${suffix}1,235)`, "label"),
+    suffix: /* @__PURE__ */ __name((suffix) => `"${suffix}"#,##0.00_);[Red]("${suffix}"#,##0.00)`, "suffix"),
     color: "red"
   },
   {
-    label: (e) => `-${e}1,235`,
-    suffix: (e) => `"${e}"#,##0.00_);-"${e}"#,##0.00`
+    label: /* @__PURE__ */ __name((suffix) => `-${suffix}1,235`, "label"),
+    suffix: /* @__PURE__ */ __name((suffix) => `"${suffix}"#,##0.00_);-"${suffix}"#,##0.00`, "suffix")
   },
   {
-    label: (e) => `-${e}1,235`,
-    suffix: (e) => `"${e}"#,##0.00_);[Red]-"${e}"#,##0.00`,
+    label: /* @__PURE__ */ __name((suffix) => `-${suffix}1,235`, "label"),
+    suffix: /* @__PURE__ */ __name((suffix) => `"${suffix}"#,##0.00_);[Red]-"${suffix}"#,##0.00`, "suffix"),
     color: "red"
   }
-], Qe = {
+], SetCurrencyCommand = {
   id: "sheet.command.numfmt.set.currency",
-  type: D.COMMAND,
-  handler: async (e) => {
-    const t = e.get(O), n = e.get(U).getCurrentSelections();
-    if (!n || !n.length)
+  type: CommandType.COMMAND,
+  handler: /* @__PURE__ */ __name(async (accessor) => {
+    const commandService = accessor.get(ICommandService), selections = accessor.get(SheetsSelectionsService).getCurrentSelections();
+    if (!selections || !selections.length)
       return !1;
-    const s = [], i = Ze[0].suffix("¥");
-    return n.forEach((c) => {
-      R.foreach(c.range, (a, f) => {
-        s.push({ row: a, col: f, pattern: i, type: "currency" });
+    const values = [], suffix = CURRENCYFORMAT[0].suffix("¥");
+    return selections.forEach((selection) => {
+      Range.foreach(selection.range, (row, col) => {
+        values.push({ row, col, pattern: suffix, type: "currency" });
       });
-    }), await t.executeCommand($.id, { values: s });
-  }
-}, et = {
+    }), await commandService.executeCommand(SetNumfmtCommand.id, { values });
+  }, "handler")
+}, SubtractDecimalCommand = {
   id: "sheet.command.numfmt.subtract.decimal.command",
-  type: D.COMMAND,
-  handler: async (e) => {
-    const t = e.get(O), r = e.get(U), n = e.get(H), s = e.get(w), i = r.getCurrentSelections();
-    if (!i || !i.length)
+  type: CommandType.COMMAND,
+  handler: /* @__PURE__ */ __name(async (accessor) => {
+    const commandService = accessor.get(ICommandService), selectionManagerService = accessor.get(SheetsSelectionsService), numfmtService = accessor.get(INumfmtService), univerInstanceService = accessor.get(IUniverInstanceService), selections = selectionManagerService.getCurrentSelections();
+    if (!selections || !selections.length)
       return !1;
-    const o = xe(s);
-    if (!o) return !1;
-    const { unitId: c, subUnitId: a } = o;
-    let f = 0;
-    i.forEach((_) => {
-      R.foreach(_.range, (h, g) => {
-        const p = n.getValue(c, a, h, g);
-        if (!p)
+    const target = getSheetCommandTarget(univerInstanceService);
+    if (!target) return !1;
+    const { unitId, subUnitId } = target;
+    let maxDecimals = 0;
+    selections.forEach((selection) => {
+      Range.foreach(selection.range, (row, col) => {
+        const numfmtValue = numfmtService.getValue(unitId, subUnitId, row, col);
+        if (!numfmtValue)
           return;
-        const S = j(p.pattern);
-        f = S > f ? S : f;
+        const decimals2 = getDecimalFromPattern(numfmtValue.pattern);
+        maxDecimals = decimals2 > maxDecimals ? decimals2 : maxDecimals;
       });
     });
-    const m = f - 1, l = y(`0${m > 0 ? ".0" : "."}`, m), u = [];
-    return i.forEach((_) => {
-      R.foreach(_.range, (h, g) => {
-        const p = n.getValue(c, a, h, g);
-        if (!p)
-          u.push({
-            row: h,
-            col: g,
-            pattern: l
+    const decimals = maxDecimals - 1, defaultPattern = setPatternDecimal(`0${decimals > 0 ? ".0" : "."}`, decimals), values = [];
+    return selections.forEach((selection) => {
+      Range.foreach(selection.range, (row, col) => {
+        const numfmtValue = numfmtService.getValue(unitId, subUnitId, row, col);
+        if (!numfmtValue)
+          values.push({
+            row,
+            col,
+            pattern: defaultPattern
           });
         else {
-          const S = j(p.pattern);
-          u.push({
-            row: h,
-            col: g,
-            pattern: y(p.pattern, S - 1)
+          const decimals2 = getDecimalFromPattern(numfmtValue.pattern);
+          values.push({
+            row,
+            col,
+            pattern: setPatternDecimal(numfmtValue.pattern, decimals2 - 1)
           });
         }
       });
-    }), await t.executeCommand($.id, { values: u });
-  }
-}, ye = {
+    }), await commandService.executeCommand(SetNumfmtCommand.id, { values });
+  }, "handler")
+}, CloseNumfmtPanelOperator = {
   id: "sheet.operation.close.numfmt.panel",
-  type: D.OPERATION,
-  handler: () => (
+  type: CommandType.OPERATION,
+  handler: /* @__PURE__ */ __name(() => (
     // do nothing,just notify panel is closed
     !0
-  )
-}, Ue = _t("INumfmtController");
-gt(B.Rendered, Ue);
-const he = {
+  ), "handler")
+}, INumfmtController = createIdentifier("INumfmtController");
+runOnLifecycle(LifecycleStages.Rendered, INumfmtController);
+const OpenNumfmtPanelOperator = {
   id: "sheet.operation.open.numfmt.panel",
-  type: D.OPERATION,
-  handler: (e) => (e.get(Ue).openPanel(), !0)
+  type: CommandType.OPERATION,
+  handler: /* @__PURE__ */ __name((accessor) => (accessor.get(INumfmtController).openPanel(), !0), "handler")
 };
-var tt = { exports: {} }, Se = {};
+var jsxRuntime = { exports: {} }, reactJsxRuntime_production_min = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -380,20 +386,21 @@ var tt = { exports: {} }, Se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var nn = Kt, rn = Symbol.for("react.element"), sn = Symbol.for("react.fragment"), on = Object.prototype.hasOwnProperty, cn = nn.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, an = { key: !0, ref: !0, __self: !0, __source: !0 };
-function nt(e, t, r) {
-  var n, s = {}, i = null, o = null;
-  r !== void 0 && (i = "" + r), t.key !== void 0 && (i = "" + t.key), t.ref !== void 0 && (o = t.ref);
-  for (n in t) on.call(t, n) && !an.hasOwnProperty(n) && (s[n] = t[n]);
-  if (e && e.defaultProps) for (n in t = e.defaultProps, t) s[n] === void 0 && (s[n] = t[n]);
-  return { $$typeof: rn, type: e, key: i, ref: o, props: s, _owner: cn.current };
+var f = require$$0, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
+function q(c, a, g) {
+  var b, d = {}, e = null, h = null;
+  g !== void 0 && (e = "" + g), a.key !== void 0 && (e = "" + a.key), a.ref !== void 0 && (h = a.ref);
+  for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+  if (c && c.defaultProps) for (b in a = c.defaultProps, a) d[b] === void 0 && (d[b] = a[b]);
+  return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
 }
-Se.Fragment = sn;
-Se.jsx = nt;
-Se.jsxs = nt;
-tt.exports = Se;
-var d = tt.exports;
-const Ae = Yt([]), Me = [
+__name(q, "q");
+reactJsxRuntime_production_min.Fragment = l;
+reactJsxRuntime_production_min.jsx = q;
+reactJsxRuntime_production_min.jsxs = q;
+jsxRuntime.exports = reactJsxRuntime_production_min;
+var jsxRuntimeExports = jsxRuntime.exports;
+const UserHabitCurrencyContext = createContext([]), currencySymbols = [
   "$",
   "£",
   "¥",
@@ -422,259 +429,362 @@ const Ae = Yt([]), Me = [
   "₾",
   "₿"
 ];
-var ln = Object.defineProperty, un = Object.getOwnPropertyDescriptor, mn = (e, t, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? un(t, r) : t, i = e.length - 1, o; i >= 0; i--)
-    (o = e[i]) && (s = (n ? o(t, r, s) : o(s)) || s);
-  return n && s && ln(t, r, s), s;
-}, dn = (e, t) => (r, n) => t(r, n, e);
-let pe = class {
-  constructor(e) {
-    this._localStorageService = e;
+var __defProp$5 = Object.defineProperty, __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor, __decorateClass$5 = /* @__PURE__ */ __name((decorators, target, key2, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key2) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key2, result) : decorator(result)) || result);
+  return kind && result && __defProp$5(target, key2, result), result;
+}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index, decorator) => (target, key2) => decorator(target, key2, index), "__decorateParam$5"), _a2;
+let UserHabitController = (_a2 = class {
+  constructor(_localStorageService) {
+    this._localStorageService = _localStorageService;
   }
-  _getKey(e) {
-    return `userHabitController_${e}`;
+  _getKey(habit) {
+    return `userHabitController_${habit}`;
   }
-  async addHabit(e, t) {
-    const r = this._getKey(e);
-    return this._localStorageService.getItem(r).then((n) => {
-      n || this._localStorageService.setItem(r, t);
+  async addHabit(habit, initValue) {
+    const key2 = this._getKey(habit);
+    return this._localStorageService.getItem(key2).then((item) => {
+      item || this._localStorageService.setItem(key2, initValue);
     });
   }
-  markHabit(e, t) {
-    const r = this._getKey(e);
-    this._localStorageService.getItem(r).then((n) => {
-      if (n) {
-        const s = n.findIndex((i) => i === t);
-        s > -1 && n.splice(s, 1), n.unshift(t), this._localStorageService.setItem(r, n);
+  markHabit(habit, value) {
+    const key2 = this._getKey(habit);
+    this._localStorageService.getItem(key2).then((list) => {
+      if (list) {
+        const index = list.findIndex((item) => item === value);
+        index > -1 && list.splice(index, 1), list.unshift(value), this._localStorageService.setItem(key2, list);
       }
     });
   }
-  async getHabit(e, t) {
-    const r = this._getKey(e), n = await this._localStorageService.getItem(r);
-    if (t && n) {
-      const s = n.map((i, o, c) => {
-        const a = c.length;
+  async getHabit(habit, sortList) {
+    const key2 = this._getKey(habit), result = await this._localStorageService.getItem(key2);
+    if (sortList && result) {
+      const priority = result.map((item, index, arr) => {
+        const length = arr.length;
         return {
-          value: i,
-          priority: a - o
+          value: item,
+          priority: length - index
         };
       });
-      return t.sort((i, o) => {
-        var f, m;
-        const c = ((f = s.find((l) => l.value === i)) == null ? void 0 : f.priority) || -1;
-        return (((m = s.find((l) => l.value === o)) == null ? void 0 : m.priority) || -1) - c;
+      return sortList.sort((a, b) => {
+        var _a8, _b;
+        const ap = ((_a8 = priority.find((item) => item.value === a)) == null ? void 0 : _a8.priority) || -1;
+        return (((_b = priority.find((item) => item.value === b)) == null ? void 0 : _b.priority) || -1) - ap;
       });
     }
-    return n || [];
+    return result || [];
   }
-  deleteHabit(e) {
-    this._localStorageService.removeItem(e);
+  deleteHabit(habit) {
+    this._localStorageService.removeItem(habit);
   }
-};
-pe = mn([
-  dn(0, b(St))
-], pe);
-const Fe = "numfmtCurrency", fn = (e) => {
-  const t = N(pe), [r, n] = I(Me);
-  return Oe(() => {
-    t.addHabit("numfmtCurrency", []).then(() => {
-      t.getHabit(Fe, [...Me]).then((i) => {
-        n(i), e && e(i);
+}, __name(_a2, "UserHabitController"), _a2);
+UserHabitController = __decorateClass$5([
+  __decorateParam$5(0, Inject(ILocalStorageService))
+], UserHabitController);
+const key$1 = "numfmtCurrency", useCurrencyOptions = /* @__PURE__ */ __name((onOptionChange) => {
+  const userHabitController = useDependency(UserHabitController), [options, optionsSet] = useState(currencySymbols);
+  return useEffect(() => {
+    userHabitController.addHabit("numfmtCurrency", []).then(() => {
+      userHabitController.getHabit(key$1, [...currencySymbols]).then((list) => {
+        optionsSet(list), onOptionChange && onOptionChange(list);
       });
     });
-  }, []), { userHabitCurrency: r, mark: (i) => {
-    t.markHabit(Fe, i);
-  } };
-}, hn = () => {
-  const e = qe([]), [t, r] = I({});
-  return Oe(() => {
-    e.current.forEach((s) => {
-      s();
-    }), e.current = [];
-  }, [t]), (s) => {
-    e.current.push(s), r({});
-  };
-}, ie = (e) => Me.find((r) => e.includes(r)), pn = (e) => !!ie(e) && e.startsWith("_("), vn = (e) => {
-  const [t, r] = I(() => j(e.defaultPattern || "", 2)), n = Je(Ae), [s, i] = I(() => ie(e.defaultPattern) || n[0]), o = P(() => n.map((l) => ({ label: l, value: l })), []), a = N(E).t;
-  e.action.current = () => y(`_("${s}"* #,##0${t > 0 ? ".0" : ""}_)`, t);
-  const f = (l) => {
-    i(l), e.onChange(y(`_("${l}"* #,##0${t > 0 ? ".0" : ""}_)`, t));
-  }, m = (l) => {
-    const u = l || 0;
-    r(u), e.onChange(y(`_("${s}"* #,##0${u > 0 ? ".0" : ""}_)`, u));
-  };
-  return /* @__PURE__ */ d.jsxs("div", { children: [
-    /* @__PURE__ */ d.jsxs("div", { className: "m-t-16 options ", children: [
-      /* @__PURE__ */ d.jsxs("div", { className: "option", children: [
-        /* @__PURE__ */ d.jsx("div", { className: "label", children: a("sheet.numfmt.decimalLength") }),
-        /* @__PURE__ */ d.jsx("div", { className: "m-t-8 w-120", children: /* @__PURE__ */ d.jsx(je, { value: t, max: 20, min: 0, onChange: m }) })
+  }, []), { userHabitCurrency: options, mark: /* @__PURE__ */ __name((v) => {
+    userHabitController.markHabit(key$1, v);
+  }, "mark") };
+}, "useCurrencyOptions"), useNextTick = /* @__PURE__ */ __name(() => {
+  const effectList = useRef([]), [value, dispatch] = useState({});
+  return useEffect(() => {
+    effectList.current.forEach((fn) => {
+      fn();
+    }), effectList.current = [];
+  }, [value]), /* @__PURE__ */ __name((fn) => {
+    effectList.current.push(fn), dispatch({});
+  }, "nextTick");
+}, "useNextTick"), getCurrencyType = /* @__PURE__ */ __name((pattern) => currencySymbols.find((code) => pattern.includes(code)), "getCurrencyType"), isAccountingPanel = /* @__PURE__ */ __name((pattern) => !!getCurrencyType(pattern) && pattern.startsWith("_("), "isAccountingPanel"), AccountingPanel = /* @__PURE__ */ __name((props) => {
+  const [decimal, decimalSet] = useState(() => getDecimalFromPattern(props.defaultPattern || "", 2)), userHabitCurrency = useContext(UserHabitCurrencyContext), [suffix, suffixSet] = useState(() => getCurrencyType(props.defaultPattern) || userHabitCurrency[0]), options = useMemo(() => userHabitCurrency.map((key2) => ({ label: key2, value: key2 })), []), t = useDependency(LocaleService).t;
+  props.action.current = () => setPatternDecimal(`_("${suffix}"* #,##0${decimal > 0 ? ".0" : ""}_)`, decimal);
+  const onSelect = /* @__PURE__ */ __name((v) => {
+    suffixSet(v), props.onChange(setPatternDecimal(`_("${v}"* #,##0${decimal > 0 ? ".0" : ""}_)`, decimal));
+  }, "onSelect"), onDecimalChange = /* @__PURE__ */ __name((v) => {
+    const decimal2 = v || 0;
+    decimalSet(decimal2), props.onChange(setPatternDecimal(`_("${suffix}"* #,##0${decimal2 > 0 ? ".0" : ""}_)`, decimal2));
+  }, "onDecimalChange");
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "m-t-16 options ", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "option", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "label", children: t("sheet.numfmt.decimalLength") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "m-t-8 w-120", children: /* @__PURE__ */ jsxRuntimeExports.jsx(InputNumber, { value: decimal, max: 20, min: 0, onChange: onDecimalChange }) })
       ] }),
-      /* @__PURE__ */ d.jsxs("div", { className: "option", children: [
-        /* @__PURE__ */ d.jsx("div", { className: "label", children: a("sheet.numfmt.currencyType") }),
-        /* @__PURE__ */ d.jsx("div", { className: "m-t-8 w-140", children: /* @__PURE__ */ d.jsx($e, { onChange: f, options: o, value: s }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "option", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "label", children: t("sheet.numfmt.currencyType") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "m-t-8 w-140", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select, { onChange: onSelect, options, value: suffix }) })
       ] })
     ] }),
-    /* @__PURE__ */ d.jsx("div", { className: "describe m-t-14", children: a("sheet.numfmt.accountingDes") })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "describe m-t-14", children: t("sheet.numfmt.accountingDes") })
   ] });
-}, Te = (e) => Ze.map((t) => ({
-  label: t.label(e),
-  value: t.suffix(e),
-  color: t.color
-})), rt = () => en.map((e) => ({ label: e.label, value: e.suffix })), st = () => tn.map((e) => ({ label: e.label, value: e.suffix, color: e.color })), _n = (e) => !!ie(e) && !e.startsWith("_("), gn = (e) => {
-  const r = N(E).t, n = Je(Ae), [s, i] = I(() => ie(e.defaultPattern) || n[0]), [o, c] = I(() => j(e.defaultPattern || "", 2)), [a, f] = I(() => {
-    var p;
-    const h = Te(s);
-    return ((p = h.find((S) => ge(S.value, e.defaultPattern))) == null ? void 0 : p.value) || h[0].value;
-  }), m = P(() => Te(s), [s]), l = P(() => n.map((h) => ({ label: h, value: h })), [n]);
-  e.action.current = () => y(a, o);
-  const u = (h) => {
-    if (h === void 0)
+}, "AccountingPanel"), getCurrencyFormatOptions = /* @__PURE__ */ __name((suffix) => CURRENCYFORMAT.map((item) => ({
+  label: item.label(suffix),
+  value: item.suffix(suffix),
+  color: item.color
+})), "getCurrencyFormatOptions"), getDateFormatOptions = /* @__PURE__ */ __name(() => DATEFMTLISG.map((item) => ({ label: item.label, value: item.suffix })), "getDateFormatOptions"), getNumberFormatOptions = /* @__PURE__ */ __name(() => NUMBERFORMAT.map((item) => ({ label: item.label, value: item.suffix, color: item.color })), "getNumberFormatOptions"), isCurrencyPanel = /* @__PURE__ */ __name((pattern) => !!getCurrencyType(pattern) && !pattern.startsWith("_("), "isCurrencyPanel"), CurrencyPanel = /* @__PURE__ */ __name((props) => {
+  const t = useDependency(LocaleService).t, userHabitCurrency = useContext(UserHabitCurrencyContext), [suffix, suffixSet] = useState(() => getCurrencyType(props.defaultPattern) || userHabitCurrency[0]), [decimal, decimalSet] = useState(() => getDecimalFromPattern(props.defaultPattern || "", 2)), [pattern, patternSet] = useState(() => {
+    var _a8;
+    const negativeOptions2 = getCurrencyFormatOptions(suffix);
+    return ((_a8 = negativeOptions2.find((item) => isPatternEqualWithoutDecimal(item.value, props.defaultPattern))) == null ? void 0 : _a8.value) || negativeOptions2[0].value;
+  }), negativeOptions = useMemo(() => getCurrencyFormatOptions(suffix), [suffix]), options = useMemo(() => userHabitCurrency.map((key2) => ({ label: key2, value: key2 })), [userHabitCurrency]);
+  props.action.current = () => setPatternDecimal(pattern, decimal);
+  const onSelect = /* @__PURE__ */ __name((value) => {
+    if (value === void 0)
       return;
-    i(h);
-    const g = Te(h)[0].value;
-    f(g), e.onChange(y(g, o));
-  }, v = (h) => {
-    h !== void 0 && (f(h), e.onChange(y(h, o)));
-  }, _ = (h) => {
-    c(h || 0), e.onChange(y(a, h || 0));
-  };
-  return /* @__PURE__ */ d.jsxs("div", { children: [
-    /* @__PURE__ */ d.jsxs("div", { className: "m-t-16 options ", children: [
-      /* @__PURE__ */ d.jsxs("div", { className: "option", children: [
-        /* @__PURE__ */ d.jsx("div", { className: "label", children: r("sheet.numfmt.decimalLength") }),
-        /* @__PURE__ */ d.jsx("div", { className: "m-t-8 w-120", children: /* @__PURE__ */ d.jsx(je, { value: o, max: 20, min: 0, onChange: _ }) })
+    suffixSet(value);
+    const pattern2 = getCurrencyFormatOptions(value)[0].value;
+    patternSet(pattern2), props.onChange(setPatternDecimal(pattern2, decimal));
+  }, "onSelect"), onChange = /* @__PURE__ */ __name((value) => {
+    value !== void 0 && (patternSet(value), props.onChange(setPatternDecimal(value, decimal)));
+  }, "onChange"), onDecimalChange = /* @__PURE__ */ __name((v) => {
+    decimalSet(v || 0), props.onChange(setPatternDecimal(pattern, v || 0));
+  }, "onDecimalChange");
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "m-t-16 options ", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "option", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "label", children: t("sheet.numfmt.decimalLength") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "m-t-8 w-120", children: /* @__PURE__ */ jsxRuntimeExports.jsx(InputNumber, { value: decimal, max: 20, min: 0, onChange: onDecimalChange }) })
       ] }),
-      /* @__PURE__ */ d.jsxs("div", { className: "option", children: [
-        /* @__PURE__ */ d.jsx("div", { className: "label", children: r("sheet.numfmt.currencyType") }),
-        /* @__PURE__ */ d.jsx("div", { className: "m-t-8 w-140", children: /* @__PURE__ */ d.jsx($e, { onChange: u, options: l, value: s }) })
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "option", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "label", children: t("sheet.numfmt.currencyType") }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "m-t-8 w-140", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select, { onChange: onSelect, options, value: suffix }) })
       ] })
     ] }),
-    /* @__PURE__ */ d.jsx("div", { className: "m-t-16 label", children: r("sheet.numfmt.negType") }),
-    /* @__PURE__ */ d.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ d.jsx(we, { onChange: v, options: m, value: a }) }),
-    /* @__PURE__ */ d.jsx("div", { className: "describe m-t-14", children: r("sheet.numfmt.currencyDes") })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "m-t-16 label", children: t("sheet.numfmt.negType") }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectList, { onChange, options: negativeOptions, value: pattern }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "describe m-t-14", children: t("sheet.numfmt.currencyDes") })
   ] });
-}, Sn = (e) => {
-  const t = x.getInfo(e);
-  return rt().map((r) => r.value).includes(e) || ["date", "datetime", "time"].includes(t.type);
-}, bn = (e) => {
-  const t = P(rt, []), n = N(E).t, [s, i] = I(() => {
-    if (e.defaultPattern) {
-      const c = t.find((a) => a.value === e.defaultPattern);
-      if (c)
-        return c.value;
+}, "CurrencyPanel"), isDatePanel = /* @__PURE__ */ __name((pattern) => {
+  const info = numfmt.getInfo(pattern);
+  return getDateFormatOptions().map((item) => item.value).includes(pattern) || ["date", "datetime", "time"].includes(info.type);
+}, "isDatePanel"), DatePanel = /* @__PURE__ */ __name((props) => {
+  const options = useMemo(getDateFormatOptions, []), t = useDependency(LocaleService).t, [suffix, suffixSet] = useState(() => {
+    if (props.defaultPattern) {
+      const item = options.find((item2) => item2.value === props.defaultPattern);
+      if (item)
+        return item.value;
     }
-    return t[0].value;
+    return options[0].value;
   });
-  e.action.current = () => s;
-  const o = (c) => {
-    c !== void 0 && (i(c), e.onChange(c));
-  };
-  return /* @__PURE__ */ d.jsxs("div", { children: [
-    /* @__PURE__ */ d.jsx("div", { className: "m-t-16 label", children: n("sheet.numfmt.dateType") }),
-    /* @__PURE__ */ d.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ d.jsx(we, { value: s, options: t, onChange: o }) }),
-    /* @__PURE__ */ d.jsx("div", { className: "describe m-t-14", children: n("sheet.numfmt.dateDes") })
+  props.action.current = () => suffix;
+  const onChange = /* @__PURE__ */ __name((v) => {
+    v !== void 0 && (suffixSet(v), props.onChange(v));
+  }, "onChange");
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "m-t-16 label", children: t("sheet.numfmt.dateType") }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectList, { value: suffix, options, onChange }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "describe m-t-14", children: t("sheet.numfmt.dateDes") })
   ] });
-}, Cn = (e) => !e, yn = (e) => {
-  const r = N(E).t;
-  return e.action.current = () => "", /* @__PURE__ */ d.jsx("div", { children: /* @__PURE__ */ d.jsx("div", { className: "describe m-t-14", children: r("sheet.numfmt.generalDes") }) });
-}, Tn = (e) => st().some((t) => ge(t.value, e)), In = (e) => {
-  const t = N(E), r = P(st, []), [n, s] = I(() => j(e.defaultPattern || "", 0)), [i, o] = I(() => {
-    const l = r.find((u) => ge(u.value, e.defaultPattern || ""));
-    return (l == null ? void 0 : l.value) || r[0].value;
-  }), c = P(() => y(i, Number(n || 0)), [i, n]), a = P(() => !Qt(i), [i]), f = (l) => {
-    s(l || 0), e.onChange(y(i, Number(l || 0)));
-  }, m = (l) => {
-    l !== void 0 && (s(j(l, 0)), o(l), e.onChange(l));
-  };
-  return e.action.current = () => c, /* @__PURE__ */ d.jsxs("div", { children: [
-    /* @__PURE__ */ d.jsx("div", { className: "m-t-16 label", children: t.t("sheet.numfmt.decimalLength") }),
-    /* @__PURE__ */ d.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ d.jsx(
-      je,
+}, "DatePanel"), isGeneralPanel = /* @__PURE__ */ __name((pattern) => !pattern, "isGeneralPanel"), GeneralPanel = /* @__PURE__ */ __name((props) => {
+  const t = useDependency(LocaleService).t;
+  return props.action.current = () => "", /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "describe m-t-14", children: t("sheet.numfmt.generalDes") }) });
+}, "GeneralPanel"), isThousandthPercentilePanel = /* @__PURE__ */ __name((pattern) => getNumberFormatOptions().some((item) => isPatternEqualWithoutDecimal(item.value, pattern)), "isThousandthPercentilePanel"), ThousandthPercentilePanel = /* @__PURE__ */ __name((props) => {
+  const localeService = useDependency(LocaleService), options = useMemo(getNumberFormatOptions, []), [decimal, decimalSet] = useState(() => getDecimalFromPattern(props.defaultPattern || "", 0)), [suffix, suffixSet] = useState(() => {
+    const item = options.find((item2) => isPatternEqualWithoutDecimal(item2.value, props.defaultPattern || ""));
+    return (item == null ? void 0 : item.value) || options[0].value;
+  }), pattern = useMemo(() => setPatternDecimal(suffix, Number(decimal || 0)), [suffix, decimal]), isInputDisable = useMemo(() => !isPatternHasDecimal(suffix), [suffix]), handleDecimalChange = /* @__PURE__ */ __name((decimal2) => {
+    decimalSet(decimal2 || 0), props.onChange(setPatternDecimal(suffix, Number(decimal2 || 0)));
+  }, "handleDecimalChange"), handleClick = /* @__PURE__ */ __name((v) => {
+    v !== void 0 && (decimalSet(getDecimalFromPattern(v, 0)), suffixSet(v), props.onChange(v));
+  }, "handleClick");
+  return props.action.current = () => pattern, /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "m-t-16 label", children: localeService.t("sheet.numfmt.decimalLength") }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      InputNumber,
       {
-        disabled: a,
-        value: n,
+        disabled: isInputDisable,
+        value: decimal,
         max: 20,
         min: 0,
-        onChange: f
+        onChange: handleDecimalChange
       }
     ) }),
-    /* @__PURE__ */ d.jsxs("div", { className: "m-t-16 label", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "m-t-16 label", children: [
       " ",
-      t.t("sheet.numfmt.negType")
+      localeService.t("sheet.numfmt.negType")
     ] }),
-    /* @__PURE__ */ d.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ d.jsx(we, { onChange: m, options: r, value: i }) }),
-    /* @__PURE__ */ d.jsx("div", { className: "describe m-t-14", children: t.t("sheet.numfmt.thousandthPercentileDes") })
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectList, { onChange: handleClick, options, value: suffix }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "describe m-t-14", children: localeService.t("sheet.numfmt.thousandthPercentileDes") })
+  ] });
+}, "ThousandthPercentilePanel");
+var __assign = function() {
+  return __assign = Object.assign || function(t) {
+    for (var s, i = 1, n2 = arguments.length; i < n2; i++) {
+      s = arguments[i];
+      for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && (t[p2] = s[p2]);
+    }
+    return t;
+  }, __assign.apply(this, arguments);
+}, __rest = function(s, e) {
+  var t = {};
+  for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && e.indexOf(p2) < 0 && (t[p2] = s[p2]);
+  if (s != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, p2 = Object.getOwnPropertySymbols(s); i < p2.length; i++)
+      e.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p2[i]) && (t[p2[i]] = s[p2[i]]);
+  return t;
+}, IconBase = forwardRef(function(props, ref) {
+  var icon = props.icon, id = props.id, className = props.className, extend = props.extend, restProps = __rest(props, ["icon", "id", "className", "extend"]), cls = "univerjs-icon univerjs-icon-".concat(id, " ").concat(className || "").trim(), idSuffix = useRef("_".concat(generateShortUuid()));
+  return render(icon, "".concat(id), { defIds: icon.defIds, idSuffix: idSuffix.current }, __assign({ ref, className: cls }, restProps), extend);
+});
+function render(node, id, runtimeProps, rootProps, extend) {
+  return createElement(node.tag, __assign(__assign({ key: id }, replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend)), rootProps), (replaceRuntimeIdsInDefs(node, runtimeProps).children || []).map(function(child, index) {
+    return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index), runtimeProps, void 0, extend);
+  }));
+}
+__name(render, "render");
+function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
+  var attrs = __assign({}, node.attrs);
+  extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
+  var defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a8) {
+    var key2 = _a8[0], value = _a8[1];
+    typeof value == "string" && (attrs[key2] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
+  })), attrs;
+}
+__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
+function replaceRuntimeIdsInDefs(node, runtimeProps) {
+  var _a8, defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a8 = node.children) === null || _a8 === void 0) && _a8.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
+    return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
+  }) }) : node;
+}
+__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
+function generateShortUuid() {
+  return Math.random().toString(36).substring(2, 8);
+}
+__name(generateShortUuid, "generateShortUuid");
+IconBase.displayName = "UniverIcon";
+var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, CheckMarkSingle = forwardRef(function(props, ref) {
+  return createElement(IconBase, Object.assign({}, props, {
+    id: "check-mark-single",
+    ref,
+    icon: element
+  }));
+});
+CheckMarkSingle.displayName = "CheckMarkSingle";
+const customFormatTitle = "univer-custom-format-title", customFormatInput = "univer-custom-format-input", customFormatHistoryList = "univer-custom-format-history-list", customFormatHistoryListItem = "univer-custom-format-history-list-item", customFormatHistoryListItemIconWrap = "univer-custom-format-history-list-item-icon-wrap", customFormatDes = "univer-custom-format-des", styles = {
+  customFormatTitle,
+  customFormatInput,
+  customFormatHistoryList,
+  customFormatHistoryListItem,
+  customFormatHistoryListItemIconWrap,
+  customFormatDes
+}, key = "customFormat", historyPatternKey = "numfmt_custom_pattern";
+function CustomFormat(props) {
+  const { defaultPattern, action, onChange } = props, userHabitController = useDependency(UserHabitController), localStorageService = useDependency(ILocalStorageService), localeService = useDependency(LocaleService), [pattern, patternSet] = useState(defaultPattern);
+  action.current = () => (userHabitController.markHabit(key, pattern), localStorageService.getItem(historyPatternKey).then((list = []) => {
+    const _list = [.../* @__PURE__ */ new Set([pattern, ...list || []])].splice(0, 10).filter((e) => !!e);
+    localStorageService.setItem(historyPatternKey, _list);
+  }), pattern);
+  const [options, optionsSet] = useState([]);
+  useEffect(() => {
+    localStorageService.getItem(historyPatternKey).then((historyList) => {
+      const list = [
+        ...CURRENCYFORMAT.map((item) => item.suffix("$")),
+        ...DATEFMTLISG.map((item) => item.suffix),
+        ...NUMBERFORMAT.map((item) => item.suffix)
+      ];
+      list.push(...historyList || []), userHabitController.addHabit(key, []).finally(() => {
+        userHabitController.getHabit(key, list).then((list2) => {
+          optionsSet([...new Set(list2)]);
+        });
+      });
+    });
+  }, []);
+  const handleClick = /* @__PURE__ */ __name((p2) => {
+    patternSet(p2), onChange(p2);
+  }, "handleClick"), handleBlur = /* @__PURE__ */ __name(() => {
+    onChange(pattern);
+  }, "handleBlur");
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.customFormat, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.customFormatTitle, children: localeService.t("sheet.numfmt.customFormat") }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { placeholder: localeService.t("sheet.numfmt.customFormat"), onBlur: handleBlur, value: pattern, onChange: patternSet, className: styles.customFormatInput }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.customFormatHistoryList, children: options.map((p2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { onClick: /* @__PURE__ */ __name(() => handleClick(p2), "onClick"), className: styles.customFormatHistoryListItem, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.customFormatHistoryListItemIconWrap, children: pattern === p2 && /* @__PURE__ */ jsxRuntimeExports.jsx(CheckMarkSingle, {}) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: p2 })
+    ] }, p2)) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles.customFormatDes, children: localeService.t("sheet.numfmt.customFormatDes") })
   ] });
-}, En = (e) => {
-  const { defaultValue: t, defaultPattern: r, row: n, col: s } = e.value, i = N(E), o = qe(() => ""), c = i.t, a = hn(), f = P(
+}
+__name(CustomFormat, "CustomFormat");
+const SheetNumfmtPanel = /* @__PURE__ */ __name((props) => {
+  const { defaultValue, defaultPattern, row, col } = props.value, localeService = useDependency(LocaleService), getCurrentPattern = useRef(() => ""), t = localeService.t, nextTick = useNextTick(), typeOptions = useMemo(
     () => [
-      { label: "sheet.numfmt.general", component: yn },
-      { label: "sheet.numfmt.accounting", component: vn },
-      { label: "sheet.numfmt.currency", component: gn },
-      { label: "sheet.numfmt.date", component: bn },
-      { label: "sheet.numfmt.thousandthPercentile", component: In }
-    ].map((C) => ({ ...C, label: c(C.label) })),
+      { 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) })),
     []
-  ), [m, l] = I(p), [u, v] = I(() => `${n}_${s}`), { mark: _, userHabitCurrency: h } = fn(() => v(`${n}_${s}_userCurrency'`)), g = P(() => {
-    var C;
-    return (C = f.find((A) => A.label === m)) == null ? void 0 : C.component;
-  }, [m]);
-  function p() {
-    return [Cn, pn, _n, Sn, Tn].reduce((A, ut, mt) => A || (ut(r) ? f[mt].label : ""), "") || f[0].label;
+  ), [type, typeSet] = useState(findDefaultType), [key2, keySet] = useState(() => `${row}_${col}`), { mark, userHabitCurrency } = useCurrencyOptions(() => keySet(`${row}_${col}_userCurrency'`)), BusinessComponent = useMemo(() => {
+    var _a8;
+    return (_a8 = typeOptions.find((item) => item.label === type)) == null ? void 0 : _a8.component;
+  }, [type]);
+  function findDefaultType() {
+    return [isGeneralPanel, isAccountingPanel, isCurrencyPanel, isDatePanel, isThousandthPercentilePanel].reduce((pre, curFn, index) => pre || (curFn(defaultPattern) ? typeOptions[index].label : ""), "") || typeOptions[0].label;
   }
-  const S = f.map((C) => ({
-    label: C.label,
-    value: C.label
-  })), F = (C) => {
-    l(C), a(() => e.onChange({ type: "change", value: o.current() || "" }));
-  }, oe = (C) => {
-    e.onChange({ type: "change", value: C });
-  }, be = () => {
-    const C = o.current() || "", A = ie(C);
-    A && _(A), e.onChange({ type: "confirm", value: C });
-  }, W = () => {
-    e.onChange({ type: "cancel", value: "" });
-  }, Ce = {
-    onChange: oe,
-    defaultValue: t,
-    defaultPattern: r,
-    action: o
+  __name(findDefaultType, "findDefaultType");
+  const selectOptions = typeOptions.map((option) => ({
+    label: option.label,
+    value: option.label
+  })), handleSelect = /* @__PURE__ */ __name((value) => {
+    typeSet(value), nextTick(() => props.onChange({ type: "change", value: getCurrentPattern.current() || "" }));
+  }, "handleSelect"), handleChange = /* @__PURE__ */ __name((v) => {
+    props.onChange({ type: "change", value: v });
+  }, "handleChange"), handleConfirm = /* @__PURE__ */ __name(() => {
+    const pattern = getCurrentPattern.current() || "", currency = getCurrencyType(pattern);
+    currency && mark(currency), props.onChange({ type: "confirm", value: pattern });
+  }, "handleConfirm"), handleCancel = /* @__PURE__ */ __name(() => {
+    props.onChange({ type: "cancel", value: "" });
+  }, "handleCancel"), subProps = {
+    onChange: handleChange,
+    defaultValue,
+    defaultPattern,
+    action: getCurrentPattern
   };
-  return Oe(() => {
-    l(p()), v(`${n}_${s}`);
-  }, [n, s]), /* @__PURE__ */ d.jsxs("div", { className: "numfmt-panel p-b-20", children: [
-    /* @__PURE__ */ d.jsxs("div", { children: [
-      /* @__PURE__ */ d.jsx("div", { className: "label m-t-14", children: c("sheet.numfmt.numfmtType") }),
-      /* @__PURE__ */ d.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ d.jsx($e, { onChange: F, options: S, value: m }) }),
-      /* @__PURE__ */ d.jsx("div", { children: g && /* @__PURE__ */ d.jsx(Ae.Provider, { value: h, children: /* @__PURE__ */ qt(g, { ...Ce, key: u }) }) })
+  return useEffect(() => {
+    typeSet(findDefaultType()), keySet(`${row}_${col}`);
+  }, [row, col]), /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "numfmt-panel p-b-20", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "label m-t-14", children: t("sheet.numfmt.numfmtType") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Select, { onChange: handleSelect, options: selectOptions, value: type, style: { width: "100%" } }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: BusinessComponent && /* @__PURE__ */ jsxRuntimeExports.jsx(UserHabitCurrencyContext.Provider, { value: userHabitCurrency, children: /* @__PURE__ */ createElement(BusinessComponent, { ...subProps, key: key2 }) }) })
     ] }),
-    /* @__PURE__ */ d.jsxs("div", { className: "btn-list m-t-14 m-b-20", children: [
-      /* @__PURE__ */ d.jsx(Be, { size: "small", onClick: W, className: "m-r-12", children: c("sheet.numfmt.cancel") }),
-      /* @__PURE__ */ d.jsx(Be, { type: "primary", size: "small", onClick: be, children: c("sheet.numfmt.confirm") })
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "btn-list m-t-14 m-b-20", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", onClick: handleCancel, className: "m-r-12", children: t("sheet.numfmt.cancel") }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "primary", size: "small", onClick: handleConfirm, children: t("sheet.numfmt.confirm") })
     ] })
   ] });
-}, it = {
+}, "SheetNumfmtPanel"), SetPercentCommand = {
   id: "sheet.command.numfmt.set.percent",
-  type: D.COMMAND,
-  handler: async (e) => {
-    const t = e.get(O), n = e.get(U).getCurrentSelections();
-    if (!n || !n.length)
+  type: CommandType.COMMAND,
+  handler: /* @__PURE__ */ __name(async (accessor) => {
+    const commandService = accessor.get(ICommandService), selections = accessor.get(SheetsSelectionsService).getCurrentSelections();
+    if (!selections || !selections.length)
       return !1;
-    const s = [], i = "0%";
-    return n.forEach((c) => {
-      R.foreach(c.range, (a, f) => {
-        s.push({ row: a, col: f, pattern: i, type: "percent" });
+    const values = [], suffix = "0%";
+    return selections.forEach((selection) => {
+      Range.foreach(selection.range, (row, col) => {
+        values.push({ row, col, pattern: suffix, type: "percent" });
       });
-    }), await t.executeCommand($.id, { values: s });
-  }
+    }), await commandService.executeCommand(SetNumfmtCommand.id, { values });
+  }, "handler")
 };
-var Nn = Object.defineProperty, Mn = Object.getOwnPropertyDescriptor, Pn = (e, t, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? Mn(t, r) : t, i = e.length - 1, o; i >= 0; i--)
-    (o = e[i]) && (s = (n ? o(t, r, s) : o(s)) || s);
-  return n && s && Nn(t, r, s), s;
-}, M = (e, t) => (r, n) => t(r, n, e);
-let le = class extends K {
-  constructor(t, r, n, s, i, o, c, a, f, m) {
+var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key2, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key2) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key2, result) : decorator(result)) || result);
+  return kind && result && __defProp$4(target, key2, result), result;
+}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key2) => decorator(target, key2, index), "__decorateParam$4"), _a3;
+let NumfmtController = (_a3 = class extends Disposable {
+  constructor(_sheetInterceptorService, _themeService, _univerInstanceService, _commandService, _selectionManagerService, _renderManagerService, _numfmtService, _componentManager, _sidebarService, _localeService) {
     super();
     /**
      * If _previewPattern is null ,the realTimeRenderingInterceptor will skip and if it is '',realTimeRenderingInterceptor will clear numfmt.
@@ -682,230 +792,231 @@ let le = class extends K {
      * @type {(string | null)}
      * @memberof NumfmtController
      */
-    ce(this, "_previewPattern", "");
-    ce(this, "_sidebarDisposable", null);
-    this._sheetInterceptorService = t, this._themeService = r, this._univerInstanceService = n, this._commandService = s, this._selectionManagerService = i, this._renderManagerService = o, this._numfmtService = c, this._componentManager = a, this._sidebarService = f, this._localeService = m, this._initRealTimeRenderingInterceptor(), this._initPanel(), this._initCommands(), this._initCloseListener(), this._commandExecutedListener();
+    __publicField(this, "_previewPattern", "");
+    __publicField(this, "_sidebarDisposable", null);
+    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._initRealTimeRenderingInterceptor(), this._initPanel(), this._initCommands(), this._initCloseListener(), this._commandExecutedListener();
   }
   openPanel() {
-    var g;
-    const t = this._sidebarService, r = this._selectionManagerService, n = this._commandService, s = this._univerInstanceService, i = this._numfmtService, o = this._localeService, a = (((g = r.getCurrentSelections()) == null ? void 0 : g.map((p) => p.range)) || [])[0];
-    if (!a)
+    var _a8;
+    const sidebarService = this._sidebarService, selectionManagerService = this._selectionManagerService, commandService = this._commandService, univerInstanceService = this._univerInstanceService, numfmtService = this._numfmtService, localeService = this._localeService, range = (((_a8 = selectionManagerService.getCurrentSelections()) == null ? void 0 : _a8.map((s) => s.range)) || [])[0];
+    if (!range)
       return !1;
-    const f = s.getCurrentUnitForType(T.UNIVER_SHEET), m = f.getActiveSheet();
-    if (!m)
+    const workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), sheet = workbook.getActiveSheet();
+    if (!sheet)
       return !1;
-    const l = m.getCellRaw(a.startRow, a.startColumn), u = i.getValue(
-      f.getUnitId(),
-      m.getSheetId(),
-      a.startRow,
-      a.startColumn
+    const cellValue = sheet.getCellRaw(range.startRow, range.startColumn), numfmtValue = numfmtService.getValue(
+      workbook.getUnitId(),
+      sheet.getSheetId(),
+      range.startRow,
+      range.startColumn
     );
-    let v = "";
-    u && (v = u.pattern);
-    const _ = (l == null ? void 0 : l.t) === V.NUMBER ? l.v : 12345678, h = {
-      onChange: (p) => {
-        var S;
-        if (p.type === "change")
-          this._previewPattern = p.value, this._forceUpdate();
-        else if (p.type === "confirm") {
-          const F = ((S = r.getCurrentSelections()) == null ? void 0 : S.map((W) => W.range)) || [], oe = { values: [] }, be = fe(p.value);
-          F.forEach((W) => {
-            R.foreach(W, (Ce, C) => {
-              oe.values.push({
-                row: Ce,
-                col: C,
-                pattern: p.value,
-                type: be
+    let pattern = "";
+    numfmtValue && (pattern = numfmtValue.pattern);
+    const defaultValue = (cellValue == null ? void 0 : cellValue.t) === CellValueType.NUMBER ? cellValue.v : 12345678, props = {
+      onChange: /* @__PURE__ */ __name((config) => {
+        var _a9;
+        if (config.type === "change")
+          this._previewPattern = config.value, this._forceUpdate();
+        else if (config.type === "confirm") {
+          const selections2 = ((_a9 = selectionManagerService.getCurrentSelections()) == null ? void 0 : _a9.map((s) => s.range)) || [], params = { values: [] }, patternType = getPatternType(config.value);
+          selections2.forEach((rangeInfo) => {
+            Range.foreach(rangeInfo, (row, col) => {
+              params.values.push({
+                row,
+                col,
+                pattern: config.value,
+                type: patternType
               });
             });
-          }), n.executeCommand($.id, oe), t.close();
-        } else p.type === "cancel" && t.close();
-      },
-      value: { defaultPattern: v, defaultValue: _, row: a.startRow, col: a.startColumn }
+          }), commandService.executeCommand(SetNumfmtCommand.id, params), sidebarService.close();
+        } else config.type === "cancel" && sidebarService.close();
+      }, "onChange"),
+      value: { defaultPattern: pattern, defaultValue, row: range.startRow, col: range.startColumn }
     };
-    return this._sidebarDisposable = t.open({
-      header: { title: o.t("sheet.numfmt.title") },
+    return this._sidebarDisposable = sidebarService.open({
+      header: { title: localeService.t("sheet.numfmt.title") },
       children: {
-        label: Ne,
-        ...h
+        label: SHEET_NUMFMT_PLUGIN,
+        ...props
         // need passthrough to react props.
       },
-      onClose: () => {
-        this._forceUpdate(), n.executeCommand(ye.id);
-      }
+      onClose: /* @__PURE__ */ __name(() => {
+        this._forceUpdate(), commandService.executeCommand(CloseNumfmtPanelOperator.id);
+      }, "onClose")
     }), !0;
   }
-  _forceUpdate(t) {
-    var n;
-    const r = this._renderManagerService.getRenderById(
-      t != null ? t : this._univerInstanceService.getCurrentUnitForType(T.UNIVER_SHEET).getUnitId()
+  _forceUpdate(unitId) {
+    var _a8;
+    const renderUnit = this._renderManagerService.getRenderById(
+      unitId != null ? unitId : this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId()
     );
-    r == null || r.with(Rt).reCalculate(), (n = r == null ? void 0 : r.mainComponent) == null || n.makeDirty();
+    renderUnit == null || renderUnit.with(SheetSkeletonManagerService).reCalculate(), (_a8 = renderUnit == null ? void 0 : renderUnit.mainComponent) == null || _a8.makeDirty();
   }
   _initCommands() {
     [
-      Xe,
-      et,
-      Qe,
-      it,
-      he,
-      ye,
-      $
-    ].forEach((t) => {
-      this.disposeWithMe(this._commandService.registerCommand(t));
+      AddDecimalCommand,
+      SubtractDecimalCommand,
+      SetCurrencyCommand,
+      SetPercentCommand,
+      OpenNumfmtPanelOperator,
+      CloseNumfmtPanelOperator,
+      SetNumfmtCommand
+    ].forEach((config) => {
+      this.disposeWithMe(this._commandService.registerCommand(config));
     });
   }
   _initPanel() {
-    this._componentManager.register(Ne, En);
+    this._componentManager.register(SHEET_NUMFMT_PLUGIN, SheetNumfmtPanel);
   }
   _initRealTimeRenderingInterceptor() {
-    const t = new G((n) => {
-      this._commandService.onCommandExecuted((s) => {
-        s.id === he.id && n.next(!0), s.id === ye.id && n.next(!1);
+    const isPanelOpenObserver = new Observable((subscriber) => {
+      this._commandService.onCommandExecuted((commandInfo) => {
+        commandInfo.id === OpenNumfmtPanelOperator.id && subscriber.next(!0), commandInfo.id === CloseNumfmtPanelOperator.id && subscriber.next(!1);
       });
-    }), r = Ut([
-      t,
+    }), combineOpenAndSelection$ = combineLatest([
+      isPanelOpenObserver,
       this._selectionManagerService.selectionMoveEnd$.pipe(
-        Wt((n) => n ? n.map((s) => s.range) : [])
+        map((selectionInfos) => selectionInfos ? selectionInfos.map((selectionInfo) => selectionInfo.range) : [])
       )
     ]);
     this.disposeWithMe(
-      Ee(
-        r.pipe(
-          kt(
-            ([n, s]) => new G((i) => {
-              const o = new bt();
-              return n && s.length && i.next({ selectionRanges: s, disposableCollection: o }), () => {
-                o.dispose();
+      toDisposable(
+        combineOpenAndSelection$.pipe(
+          switchMap$1(
+            ([isOpen, selectionRanges]) => new Observable((subscribe) => {
+              const disposableCollection = new DisposableCollection();
+              return isOpen && selectionRanges.length && subscribe.next({ selectionRanges, disposableCollection }), () => {
+                disposableCollection.dispose();
               };
             })
           ),
-          Gt(() => {
+          tap(() => {
             this._previewPattern = null;
           })
-        ).subscribe(({ disposableCollection: n, selectionRanges: s }) => {
-          var o, c;
-          const i = this._univerInstanceService.getCurrentUnitForType(T.UNIVER_SHEET);
-          this.openPanel(), n.add(
-            this._sheetInterceptorService.intercept(ke.CELL_CONTENT, {
+        ).subscribe(({ disposableCollection, selectionRanges }) => {
+          var _a8, _b;
+          const workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+          this.openPanel(), disposableCollection.add(
+            this._sheetInterceptorService.intercept(INTERCEPTOR_POINT.CELL_CONTENT, {
               priority: 99,
-              handler: (a, f, m) => {
-                const { row: l, col: u } = f, v = m(a) || {};
-                if (s.find(
-                  (_) => _.startColumn <= u && _.endColumn >= u && _.startRow <= l && _.endRow >= l
+              handler: /* @__PURE__ */ __name((cell, location, next) => {
+                const { row, col } = location, defaultValue = next(cell) || {};
+                if (selectionRanges.find(
+                  (range) => range.startColumn <= col && range.endColumn >= col && range.startRow <= row && range.endRow >= row
                 )) {
-                  const _ = f.worksheet.getCellRaw(l, u), h = _ == null ? void 0 : _.v, g = _ == null ? void 0 : _.t;
-                  if (h == null || g !== V.NUMBER || this._previewPattern === null)
-                    return v;
-                  const p = De(this._previewPattern, h, this._localeService.getCurrentLocale());
-                  if (p.color) {
-                    const F = this._themeService.getCurrentTheme()[`${p.color}500`];
+                  const rawValue = location.worksheet.getCellRaw(row, col), value = rawValue == null ? void 0 : rawValue.v, type = rawValue == null ? void 0 : rawValue.t;
+                  if (value == null || type !== CellValueType.NUMBER || this._previewPattern === null)
+                    return defaultValue;
+                  const info = getPatternPreview(this._previewPattern, value, this._localeService.getCurrentLocale());
+                  if (info.color) {
+                    const color = this._themeService.getCurrentTheme()[`${info.color}500`];
                     return {
-                      ...v,
-                      v: p.result,
-                      t: V.STRING,
-                      s: { cl: { rgb: F } }
+                      ...defaultValue,
+                      v: info.result,
+                      t: CellValueType.STRING,
+                      s: { cl: { rgb: color } }
                     };
                   }
                   return {
-                    ...v,
-                    v: p.result,
-                    t: V.STRING
+                    ...defaultValue,
+                    v: info.result,
+                    t: CellValueType.STRING
                   };
                 }
-                return v;
-              }
+                return defaultValue;
+              }, "handler")
             })
-          ), (c = (o = this._renderManagerService.getRenderById(i.getUnitId())) == null ? void 0 : o.mainComponent) == null || c.makeDirty();
+          ), (_b = (_a8 = this._renderManagerService.getRenderById(workbook.getUnitId())) == null ? void 0 : _a8.mainComponent) == null || _b.makeDirty();
         })
       )
     );
   }
   _commandExecutedListener() {
-    const t = [_e.id, q.id];
+    const commandList = [RemoveNumfmtMutation.id, SetNumfmtMutation.id];
     this.disposeWithMe(
-      new G((r) => {
-        const n = this._commandService.onCommandExecuted((s) => {
-          if (t.includes(s.id)) {
-            const i = s.params;
-            r.next(i.unitId);
+      new Observable((subscribe) => {
+        const disposable = this._commandService.onCommandExecuted((command) => {
+          if (commandList.includes(command.id)) {
+            const params = command.params;
+            subscribe.next(params.unitId);
           }
         });
-        return () => n.dispose();
-      }).pipe(zt(16)).subscribe((r) => this._forceUpdate(r))
+        return () => disposable.dispose();
+      }).pipe(debounceTime(16)).subscribe((unitId) => this._forceUpdate(unitId))
     );
   }
   _initCloseListener() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(T.UNIVER_SHEET).subscribe((t) => {
-      var r;
-      t || ((r = this._sidebarDisposable) == null || r.dispose(), this._sidebarDisposable = null);
+    this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).subscribe((unit) => {
+      var _a8;
+      unit || ((_a8 = this._sidebarDisposable) == null || _a8.dispose(), this._sidebarDisposable = null);
     });
   }
-};
-le = Pn([
-  Y(B.Rendered, le),
-  M(0, b(Re)),
-  M(1, b(We)),
-  M(2, w),
-  M(3, O),
-  M(4, b(U)),
-  M(5, Vt),
-  M(6, H),
-  M(7, b(Ye)),
-  M(8, Ht),
-  M(9, b(E))
-], le);
-var Rn = Object.defineProperty, xn = Object.getOwnPropertyDescriptor, On = (e, t, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? xn(t, r) : t, i = e.length - 1, o; i >= 0; i--)
-    (o = e[i]) && (s = (n ? o(t, r, s) : o(s)) || s);
-  return n && s && Rn(t, r, s), s;
-}, k = (e, t) => (r, n) => t(r, n, e);
-const jn = () => {
-  let e = [];
+}, __name(_a3, "NumfmtController"), _a3);
+NumfmtController = __decorateClass$4([
+  OnLifecycle(LifecycleStages.Rendered, NumfmtController),
+  __decorateParam$4(0, Inject(SheetInterceptorService)),
+  __decorateParam$4(1, Inject(ThemeService)),
+  __decorateParam$4(2, IUniverInstanceService),
+  __decorateParam$4(3, ICommandService),
+  __decorateParam$4(4, Inject(SheetsSelectionsService)),
+  __decorateParam$4(5, IRenderManagerService),
+  __decorateParam$4(6, INumfmtService),
+  __decorateParam$4(7, Inject(ComponentManager)),
+  __decorateParam$4(8, ISidebarService),
+  __decorateParam$4(9, Inject(LocaleService))
+], NumfmtController);
+var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key2, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key2) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key2, result) : decorator(result)) || result);
+  return kind && result && __defProp$3(target, key2, result), result;
+}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key2) => decorator(target, key2, index), "__decorateParam$3");
+const createCollectEffectMutation = /* @__PURE__ */ __name(() => {
+  let list = [];
   return {
-    add: (s, i, o, c, a) => e.push({ unitId: s, subUnitId: i, row: o, col: c, value: a }),
-    getEffects: () => e,
-    clean: () => {
-      e = [];
-    }
+    add: /* @__PURE__ */ __name((unitId, subUnitId, row, col, value) => list.push({ unitId, subUnitId, row, col, value }), "add"),
+    getEffects: /* @__PURE__ */ __name(() => list, "getEffects"),
+    clean: /* @__PURE__ */ __name(() => {
+      list = [];
+    }, "clean")
   };
-};
-let ue = class extends K {
-  constructor(t, r, n, s, i) {
+}, "createCollectEffectMutation");
+var _a4;
+let NumfmtEditorController = (_a4 = class extends Disposable {
+  constructor(_sheetInterceptorService, _numfmtService, _univerInstanceService, _injector, _editorBridgeService) {
     super();
     // collect effect mutations when edit end and push this to  commands stack in next commands progress
-    ce(this, "_collectEffectMutation", jn());
-    this._sheetInterceptorService = t, this._numfmtService = r, this._univerInstanceService = n, this._injector = s, this._editorBridgeService = i, this._initInterceptorEditorStart(), this._initInterceptorEditorEnd(), this._initInterceptorCommands();
+    __publicField(this, "_collectEffectMutation", createCollectEffectMutation());
+    this._sheetInterceptorService = _sheetInterceptorService, this._numfmtService = _numfmtService, this._univerInstanceService = _univerInstanceService, this._injector = _injector, this._editorBridgeService = _editorBridgeService, this._initInterceptorEditorStart(), this._initInterceptorEditorEnd(), this._initInterceptorCommands();
   }
   _initInterceptorEditorStart() {
     this._editorBridgeService && this.disposeWithMe(
-      Ee(
+      toDisposable(
         this._editorBridgeService.interceptor.intercept(
           this._editorBridgeService.interceptor.getInterceptPoints().BEFORE_CELL_EDIT,
           {
-            handler: (t, r, n) => {
-              const s = r.row, i = r.col, o = this._numfmtService.getValue(
-                r.unitId,
-                r.subUnitId,
-                s,
-                i
+            handler: /* @__PURE__ */ __name((value, context, next) => {
+              const row = context.row, col = context.col, numfmtCell = this._numfmtService.getValue(
+                context.unitId,
+                context.subUnitId,
+                row,
+                col
               );
-              if (o)
-                switch (fe(o.pattern)) {
+              if (numfmtCell)
+                switch (getPatternType(numfmtCell.pattern)) {
                   case "scientific":
                   case "percent":
                   case "currency":
                   case "grouped":
                   case "number":
-                    return r.worksheet.getCellRaw(s, i);
+                    return context.worksheet.getCellRaw(row, col);
                   case "date":
                   case "time":
                   case "datetime":
                   default:
-                    return n && n(t);
+                    return next && next(value);
                 }
-              return n(t);
-            }
+              return next(value);
+            }, "handler")
           }
         )
       )
@@ -918,108 +1029,108 @@ let ue = class extends K {
    */
   _initInterceptorEditorEnd() {
     this._editorBridgeService && this.disposeWithMe(
-      Ee(
+      toDisposable(
         this._editorBridgeService.interceptor.intercept(
           this._editorBridgeService.interceptor.getInterceptPoints().AFTER_CELL_EDIT,
           {
-            handler: (t, r, n) => {
-              var m;
+            handler: /* @__PURE__ */ __name((value, context, next) => {
+              var _a8;
               this._collectEffectMutation.clean();
-              const s = this._numfmtService.getValue(
-                r.unitId,
-                r.subUnitId,
-                r.row,
-                r.col
-              ), i = (m = s && fe(s.pattern)) != null ? m : "", o = () => {
-                s && this._collectEffectMutation.add(
-                  r.unitId,
-                  r.subUnitId,
-                  r.row,
-                  r.col,
+              const currentNumfmtValue = this._numfmtService.getValue(
+                context.unitId,
+                context.subUnitId,
+                context.row,
+                context.col
+              ), currentNumfmtType = (_a8 = currentNumfmtValue && getPatternType(currentNumfmtValue.pattern)) != null ? _a8 : "", clean = /* @__PURE__ */ __name(() => {
+                currentNumfmtValue && this._collectEffectMutation.add(
+                  context.unitId,
+                  context.subUnitId,
+                  context.row,
+                  context.col,
                   null
                 );
-              };
-              if (!(t != null && t.v))
-                return n(t);
-              const c = String(t.v), a = x.parseDate(c) || x.parseTime(c);
-              if (!!a) {
-                if (a && a.z) {
-                  const l = Number(a.v);
+              }, "clean");
+              if (!(value != null && value.v))
+                return next(value);
+              const content = String(value.v), dateInfo = numfmt.parseDate(content) || numfmt.parseTime(content);
+              if (!!dateInfo) {
+                if (dateInfo && dateInfo.z) {
+                  const v = Number(dateInfo.v);
                   return this._collectEffectMutation.add(
-                    r.unitId,
-                    r.subUnitId,
-                    r.row,
-                    r.col,
+                    context.unitId,
+                    context.subUnitId,
+                    context.row,
+                    context.col,
                     {
-                      pattern: a.z
+                      pattern: dateInfo.z
                     }
-                  ), { ...t, v: l, t: V.NUMBER };
+                  ), { ...value, v, t: CellValueType.NUMBER };
                 }
-              } else (["date", "time", "datetime"].includes(i) || !$n(c)) && o();
-              return n(t);
-            }
+              } else (["date", "time", "datetime"].includes(currentNumfmtType) || !isNumeric(content)) && clean();
+              return next(value);
+            }, "handler")
           }
         )
       )
     );
   }
   _initInterceptorCommands() {
-    const t = this;
+    const self = this;
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
-        getMutations(r) {
-          var n;
-          switch (r.id) {
-            case Mt.id: {
-              const s = t._univerInstanceService.getCurrentUnitForType(T.UNIVER_SHEET), i = s.getUnitId(), o = (n = s.getActiveSheet()) == null ? void 0 : n.getSheetId();
-              if (!o)
+        getMutations(command) {
+          var _a8;
+          switch (command.id) {
+            case SetRangeValuesCommand.id: {
+              const workbook = self._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), unitId = workbook.getUnitId(), subUnitId = (_a8 = workbook.getActiveSheet()) == null ? void 0 : _a8.getSheetId();
+              if (!subUnitId)
                 return {
                   redos: [],
                   undos: []
                 };
-              const c = t._collectEffectMutation.getEffects();
-              if (!c.length)
+              const list = self._collectEffectMutation.getEffects();
+              if (self._collectEffectMutation.clean(), !list.length)
                 return {
                   redos: [],
                   undos: []
                 };
-              const a = c.filter((u) => {
-                var v;
-                return !!((v = u.value) != null && v.pattern);
-              }).map((u) => ({
-                row: u.row,
-                col: u.col,
-                pattern: u.value.pattern
-              })), f = c.filter((u) => {
-                var v;
-                return !((v = u.value) != null && v.pattern);
-              }).map((u) => ({
-                startRow: u.row,
-                endColumn: u.col,
-                startColumn: u.col,
-                endRow: u.row
-              })), m = [], l = [];
-              if (a) {
-                const u = {
-                  id: q.id,
-                  params: Ge(i, o, a)
+              const cells = list.filter((item) => {
+                var _a9;
+                return !!((_a9 = item.value) != null && _a9.pattern);
+              }).map((item) => ({
+                row: item.row,
+                col: item.col,
+                pattern: item.value.pattern
+              })), removeCells = list.filter((item) => {
+                var _a9;
+                return !((_a9 = item.value) != null && _a9.pattern);
+              }).map((item) => ({
+                startRow: item.row,
+                endColumn: item.col,
+                startColumn: item.col,
+                endRow: item.row
+              })), redos = [], undos = [];
+              if (cells.length) {
+                const redo = {
+                  id: SetNumfmtMutation.id,
+                  params: transformCellsToRange(unitId, subUnitId, cells)
                 };
-                m.push(u), l.push(...ze(t._injector, u.params));
+                redos.push(redo), undos.push(...factorySetNumfmtUndoMutation(self._injector, redo.params));
               }
-              if (f) {
-                const u = {
-                  id: _e.id,
+              if (removeCells.length) {
+                const redo = {
+                  id: RemoveNumfmtMutation.id,
                   params: {
-                    unitId: i,
-                    subUnitId: o,
-                    ranges: f
+                    unitId,
+                    subUnitId,
+                    ranges: removeCells
                   }
                 };
-                m.push(u), l.push(...Ke(t._injector, u.params));
+                redos.push(redo), undos.push(...factoryRemoveNumfmtUndoMutation(self._injector, redo.params));
               }
               return {
-                redos: m,
-                undos: l.reverse()
+                redos,
+                undos: undos.reverse()
               };
             }
           }
@@ -1031,40 +1142,41 @@ let ue = class extends K {
       })
     );
   }
-};
-ue = On([
-  Y(B.Rendered, ue),
-  k(0, b(Re)),
-  k(1, b(H)),
-  k(2, b(w)),
-  k(3, b(Pe)),
-  k(4, Ct(xt))
-], ue);
-function $n(e) {
-  return /^-?\d+(\.\d+)?$/.test(e);
+}, __name(_a4, "NumfmtEditorController"), _a4);
+NumfmtEditorController = __decorateClass$3([
+  OnLifecycle(LifecycleStages.Rendered, NumfmtEditorController),
+  __decorateParam$3(0, Inject(SheetInterceptorService)),
+  __decorateParam$3(1, Inject(INumfmtService)),
+  __decorateParam$3(2, Inject(IUniverInstanceService)),
+  __decorateParam$3(3, Inject(Injector)),
+  __decorateParam$3(4, Optional(IEditorBridgeService))
+], NumfmtEditorController);
+function isNumeric(str) {
+  return /^-?\d+(\.\d+)?$/.test(str);
 }
-var wn = Object.defineProperty, Dn = Object.getOwnPropertyDescriptor, Un = (e, t, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? Dn(t, r) : t, i = e.length - 1, o; i >= 0; i--)
-    (o = e[i]) && (s = (n ? o(t, r, s) : o(s)) || s);
-  return n && s && wn(t, r, s), s;
-}, An = (e, t) => (r, n) => t(r, n, e);
-let me = class extends K {
-  constructor(e) {
-    super(), this._localeService = e;
+__name(isNumeric, "isNumeric");
+var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key2, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key2) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key2, result) : decorator(result)) || result);
+  return kind && result && __defProp$2(target, key2, result), result;
+}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key2) => decorator(target, key2, index), "__decorateParam$2"), _a5;
+let NumfmtI18nController = (_a5 = class extends Disposable {
+  constructor(_localeService) {
+    super(), this._localeService = _localeService;
   }
-};
-me = Un([
-  Y(B.Rendered, me),
-  An(0, b(E))
-], me);
-const de = [
+}, __name(_a5, "NumfmtI18nController"), _a5);
+NumfmtI18nController = __decorateClass$2([
+  OnLifecycle(LifecycleStages.Rendered, NumfmtI18nController),
+  __decorateParam$2(0, Inject(LocaleService))
+], NumfmtI18nController);
+const MENU_OPTIONS = [
   {
     label: "sheet.numfmt.general",
     pattern: null
   },
   {
     label: "sheet.numfmt.text",
-    pattern: Lt
+    pattern: DEFAULT_TEXT_FORMAT
   },
   "|",
   {
@@ -1110,185 +1222,188 @@ const de = [
     label: "sheet.numfmt.moreFmt",
     pattern: ""
   }
-], ot = "sheet.numfmt.moreNumfmtType", ct = "sheet.numfmt.moreNumfmtType.options", Ln = (e) => {
-  var n;
-  const t = N(E), r = (n = e.value) != null ? n : t.t("sheet.numfmt.general");
-  return /* @__PURE__ */ d.jsx("span", { className: "more-numfmt-type", children: r });
-}, Vn = () => {
-  const e = N(O), t = N(E), r = yt(), n = N(U), s = (c) => {
-    const a = n.getCurrentLastSelection();
-    if (!a)
+], MORE_NUMFMT_TYPE_KEY = "sheet.numfmt.moreNumfmtType", OPTIONS_KEY = "sheet.numfmt.moreNumfmtType.options", MoreNumfmtType = /* @__PURE__ */ __name((props) => {
+  var _a8;
+  const localeService = useDependency(LocaleService), value = (_a8 = props.value) != null ? _a8 : localeService.t("sheet.numfmt.general");
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "more-numfmt-type", children: value });
+}, "MoreNumfmtType"), Options = /* @__PURE__ */ __name(() => {
+  const commandService = useDependency(ICommandService), localeService = useDependency(LocaleService), injector = useInjector(), selectionManagerService = useDependency(SheetsSelectionsService), setNumfmt = /* @__PURE__ */ __name((pattern) => {
+    const selection = selectionManagerService.getCurrentLastSelection();
+    if (!selection)
       return;
-    const f = r.get(Bt), m = a.range, l = [];
-    R.foreach(m, (u, v) => {
-      c ? l.push({ row: u, col: v, pattern: c, type: fe(c) }) : l.push({ row: u, col: v });
-    }), e.executeCommand($.id, { values: l }), f.focus();
-  }, i = (c) => {
-    if (c === 0)
-      s(null);
-    else if (c === de.length - 1)
-      e.executeCommand(he.id);
+    const textSelectionRenderManager = injector.get(ITextSelectionRenderManager), range = selection.range, values = [];
+    Range.foreach(range, (row, col) => {
+      pattern ? values.push({ row, col, pattern, type: getPatternType(pattern) }) : values.push({ row, col });
+    }), commandService.executeCommand(SetNumfmtCommand.id, { values }), textSelectionRenderManager.focus();
+  }, "setNumfmt"), handleOnclick = /* @__PURE__ */ __name((index) => {
+    if (index === 0)
+      setNumfmt(null);
+    else if (index === MENU_OPTIONS.length - 1)
+      commandService.executeCommand(OpenNumfmtPanelOperator.id);
     else {
-      const a = de[c];
-      a.pattern && s(a.pattern);
+      const item = MENU_OPTIONS[index];
+      item.pattern && setNumfmt(item.pattern);
     }
-  }, o = 1220;
-  return /* @__PURE__ */ d.jsx("div", { className: "more-numfmt-type-options", children: de.map((c, a) => c === "|" ? /* @__PURE__ */ d.jsx("div", { className: "line m-t-4", onClick: (f) => f.stopPropagation() }, a) : /* @__PURE__ */ d.jsxs(
+  }, "handleOnclick"), defaultValue = 1220;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "more-numfmt-type-options", children: MENU_OPTIONS.map((item, index) => item === "|" ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "line m-t-4", onClick: /* @__PURE__ */ __name((e) => e.stopPropagation(), "onClick") }, index) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
       className: "option-item m-t-4",
-      onClick: () => {
-        i(a);
-      },
+      onClick: /* @__PURE__ */ __name(() => {
+        handleOnclick(index);
+      }, "onClick"),
       children: [
-        /* @__PURE__ */ d.jsx("div", { children: t.t(c.label) }),
-        /* @__PURE__ */ d.jsx("div", { className: "m-l-26", children: c.pattern ? De(c.pattern || "", o, t.getCurrentLocale()).result : "" })
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: localeService.t(item.label) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "m-l-26", children: item.pattern ? getPatternPreview(item.pattern || "", defaultValue, localeService.getCurrentLocale()).result : "" })
       ]
     },
-    a
+    index
   )) });
-}, Bn = (e) => ({
+}, "Options"), CurrencyMenuItem = /* @__PURE__ */ __name((accessor) => ({
   icon: "RmbSingle",
-  id: Qe.id,
+  id: SetCurrencyCommand.id,
   title: "sheet.numfmt.currency",
   tooltip: "sheet.numfmt.currency",
-  type: te.BUTTON,
-  group: ne.TOOLBAR_FORMULAS_INSERT,
-  positions: [re.TOOLBAR_START],
-  hidden$: se(e, T.UNIVER_SHEET),
-  disabled$: ee(e, { workbookTypes: [J], worksheetTypes: [X, Z], rangeTypes: [Q] })
-}), Hn = (e) => ({
+  type: MenuItemType.BUTTON,
+  group: MenuGroup.TOOLBAR_FORMULAS_INSERT,
+  positions: [MenuPosition.TOOLBAR_START],
+  hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+  disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
+}), "CurrencyMenuItem"), AddDecimalMenuItem = /* @__PURE__ */ __name((accessor) => ({
   icon: "AddDigitsSingle",
-  id: Xe.id,
+  id: AddDecimalCommand.id,
   title: "sheet.numfmt.addDecimal",
   tooltip: "sheet.numfmt.addDecimal",
-  type: te.BUTTON,
-  positions: [re.TOOLBAR_START],
-  group: ne.TOOLBAR_FORMULAS_INSERT,
-  hidden$: se(e, T.UNIVER_SHEET),
-  disabled$: ee(e, { workbookTypes: [J], worksheetTypes: [X, Z], rangeTypes: [Q] })
-}), Fn = (e) => ({
+  type: MenuItemType.BUTTON,
+  positions: [MenuPosition.TOOLBAR_START],
+  group: MenuGroup.TOOLBAR_FORMULAS_INSERT,
+  hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+  disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
+}), "AddDecimalMenuItem"), SubtractDecimalMenuItem = /* @__PURE__ */ __name((accessor) => ({
   icon: "ReduceDigitsSingle",
-  id: et.id,
+  id: SubtractDecimalCommand.id,
   title: "sheet.numfmt.subtractDecimal",
   tooltip: "sheet.numfmt.subtractDecimal",
-  type: te.BUTTON,
-  group: ne.TOOLBAR_FORMULAS_INSERT,
-  positions: [re.TOOLBAR_START],
-  hidden$: se(e, T.UNIVER_SHEET),
-  disabled$: ee(e, { workbookTypes: [J], worksheetTypes: [X, Z], rangeTypes: [Q] })
-}), Wn = (e) => ({
+  type: MenuItemType.BUTTON,
+  group: MenuGroup.TOOLBAR_FORMULAS_INSERT,
+  positions: [MenuPosition.TOOLBAR_START],
+  hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+  disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
+}), "SubtractDecimalMenuItem"), PercentMenuItem = /* @__PURE__ */ __name((accessor) => ({
   icon: "PercentSingle",
-  id: it.id,
+  id: SetPercentCommand.id,
   title: "sheet.numfmt.percent",
   tooltip: "sheet.numfmt.percent",
-  type: te.BUTTON,
-  group: ne.TOOLBAR_FORMULAS_INSERT,
-  positions: [re.TOOLBAR_START],
-  hidden$: se(e, T.UNIVER_SHEET),
-  disabled$: ee(e, { workbookTypes: [J], worksheetTypes: [X, Z], rangeTypes: [Q] })
-}), kn = (e) => {
-  const t = e.get(H), r = e.get(w), n = e.get(O), s = e.get(E), i = e.get(U), o = Ot(r, "", ({ workbook: c, worksheet: a }) => new G(
-    (f) => At(
-      i.selectionMoveEnd$,
-      new G((m) => {
-        const l = [_e.id, q.id], u = n.onCommandExecuted((v) => {
-          l.includes(v.id) && m.next(null);
+  type: MenuItemType.BUTTON,
+  group: MenuGroup.TOOLBAR_FORMULAS_INSERT,
+  positions: [MenuPosition.TOOLBAR_START],
+  hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+  disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
+}), "PercentMenuItem"), FactoryOtherMenuItem = /* @__PURE__ */ __name((accessor) => {
+  accessor.get(INumfmtService);
+  const univerInstanceService = accessor.get(IUniverInstanceService), commandService = accessor.get(ICommandService), localeService = accessor.get(LocaleService), selectionManagerService = accessor.get(SheetsSelectionsService), value$ = deriveStateFromActiveSheet$(univerInstanceService, "", ({ workbook, worksheet }) => new Observable(
+    (subscribe) => merge(
+      selectionManagerService.selectionMoveEnd$,
+      new Observable((commandSubscribe) => {
+        const commandList = [RemoveNumfmtMutation.id, SetNumfmtMutation.id], disposable = commandService.onCommandExecuted((commandInfo) => {
+          commandList.includes(commandInfo.id) && commandSubscribe.next(null);
         });
-        return () => u.dispose();
+        return () => disposable.dispose();
       })
     ).subscribe(() => {
-      const m = i.getCurrentSelections();
-      if (m && m[0]) {
-        const l = m[0].range, u = l.startRow, v = l.startColumn, _ = t.getValue(c.getUnitId(), a.getSheetId(), u, v), h = _ == null ? void 0 : _.pattern;
-        let g = s.t("sheet.numfmt.general");
-        if (h) {
-          const p = de.filter((S) => typeof S == "object" && S.pattern).find(
-            (S) => ge(h, S.pattern)
+      var _a8, _b;
+      const selections = selectionManagerService.getCurrentSelections();
+      if (selections && selections[0]) {
+        const range = selections[0].range, row = range.startRow, col = range.startColumn, numfmtValue = (_b = workbook.getStyles().get((_a8 = worksheet.getCell(row, col)) == null ? void 0 : _a8.s)) == null ? void 0 : _b.n, pattern = numfmtValue == null ? void 0 : numfmtValue.pattern;
+        let value = localeService.t("sheet.numfmt.general");
+        if (pattern) {
+          const item = MENU_OPTIONS.filter((item2) => typeof item2 == "object" && item2.pattern).find(
+            (item2) => isPatternEqualWithoutDecimal(pattern, item2.pattern)
           );
-          p && typeof p == "object" && p.pattern ? g = s.t(p.label) : g = s.t("sheet.numfmt.moreFmt");
+          item && typeof item == "object" && item.pattern ? value = localeService.t(item.label) : value = localeService.t("sheet.numfmt.moreFmt");
         }
-        f.next(g);
+        subscribe.next(value);
       }
     })
   ));
   return {
-    label: ot,
-    id: he.id,
+    label: MORE_NUMFMT_TYPE_KEY,
+    id: OpenNumfmtPanelOperator.id,
     tooltip: "sheet.numfmt.title",
-    type: te.SELECTOR,
-    group: ne.TOOLBAR_FORMULAS_INSERT,
-    positions: [re.TOOLBAR_START],
+    type: MenuItemType.SELECTOR,
+    group: MenuGroup.TOOLBAR_FORMULAS_INSERT,
+    positions: [MenuPosition.TOOLBAR_START],
     selections: [
       {
         label: {
-          name: ct,
+          name: OPTIONS_KEY,
           hoverable: !1
         }
       }
     ],
-    value$: o,
-    hidden$: se(e, T.UNIVER_SHEET),
-    disabled$: ee(e, { workbookTypes: [J], worksheetTypes: [Z, X], rangeTypes: [Q] })
+    value$,
+    hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+    disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetSetCellStylePermission, WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
   };
-};
-var Gn = Object.defineProperty, zn = Object.getOwnPropertyDescriptor, Kn = (e, t, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? zn(t, r) : t, i = e.length - 1, o; i >= 0; i--)
-    (o = e[i]) && (s = (n ? o(t, r, s) : o(s)) || s);
-  return n && s && Gn(t, r, s), s;
-}, Ie = (e, t) => (r, n) => t(r, n, e);
-const Yn = {};
-let z = class extends K {
-  constructor(e, t, r, n) {
-    super(), this._config = e, this._injector = t, this._componentManager = r, this._menuService = n, this._initMenu();
+}, "FactoryOtherMenuItem");
+var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key2, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key2) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key2, result) : decorator(result)) || result);
+  return kind && result && __defProp$1(target, key2, result), result;
+}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key2) => decorator(target, key2, index), "__decorateParam$1");
+const DefaultSheetNumfmtConfig = {};
+var _a6;
+let NumfmtMenuController = (_a6 = class extends Disposable {
+  constructor(_config, _injector, _componentManager, _menuService) {
+    super(), this._config = _config, this._injector = _injector, this._componentManager = _componentManager, this._menuService = _menuService, this._initMenu();
   }
   _initMenu() {
-    const { menu: e = {} } = this._config;
-    [Wn, Hn, Fn, Bn, kn].forEach((t) => {
-      this.disposeWithMe(this._menuService.addMenuItem(t(this._injector), e));
-    }), this.disposeWithMe(this._componentManager.register(ot, Ln)), this.disposeWithMe(this._componentManager.register(ct, Vn));
+    const { menu = {} } = this._config;
+    [PercentMenuItem, AddDecimalMenuItem, SubtractDecimalMenuItem, CurrencyMenuItem, FactoryOtherMenuItem].forEach((factory) => {
+      this.disposeWithMe(this._menuService.addMenuItem(factory(this._injector), menu));
+    }), this.disposeWithMe(this._componentManager.register(MORE_NUMFMT_TYPE_KEY, MoreNumfmtType)), this.disposeWithMe(this._componentManager.register(OPTIONS_KEY, Options));
   }
-};
-z = Kn([
-  Y(B.Rendered, z),
-  Ie(1, b(Pe)),
-  Ie(2, b(Ye)),
-  Ie(3, b(Ft))
-], z);
-var at = Object.defineProperty, qn = Object.getOwnPropertyDescriptor, Jn = (e, t, r) => t in e ? at(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Xn = (e, t, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? qn(t, r) : t, i = e.length - 1, o; i >= 0; i--)
-    (o = e[i]) && (s = (n ? o(t, r, s) : o(s)) || s);
-  return n && s && at(t, r, s), s;
-}, Zn = (e, t) => (r, n) => t(r, n, e), lt = (e, t, r) => Jn(e, typeof t != "symbol" ? t + "" : t, r);
-let ve = class extends Tt {
-  constructor(e = {}, t) {
-    super(), this._config = e, this._injector = t, this._config = It.deepMerge({}, Yn, this._config);
+}, __name(_a6, "NumfmtMenuController"), _a6);
+NumfmtMenuController = __decorateClass$1([
+  OnLifecycle(LifecycleStages.Rendered, NumfmtMenuController),
+  __decorateParam$1(1, Inject(Injector)),
+  __decorateParam$1(2, Inject(ComponentManager)),
+  __decorateParam$1(3, Inject(IMenuService))
+], NumfmtMenuController);
+var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __defNormalProp2 = /* @__PURE__ */ __name((obj, key2, value) => key2 in obj ? __defProp2(obj, key2, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key2] = value, "__defNormalProp"), __decorateClass = /* @__PURE__ */ __name((decorators, target, key2, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key2) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key2, result) : decorator(result)) || result);
+  return kind && result && __defProp2(target, key2, result), result;
+}, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index, decorator) => (target, key2) => decorator(target, key2, index), "__decorateParam"), __publicField2 = /* @__PURE__ */ __name((obj, key2, value) => __defNormalProp2(obj, typeof key2 != "symbol" ? key2 + "" : key2, value), "__publicField"), _a7;
+let UniverSheetsNumfmtPlugin = (_a7 = class extends Plugin {
+  constructor(_config = {}, _injector) {
+    super(), this._config = _config, this._injector = _injector, this._config = Tools.deepMerge({}, DefaultSheetNumfmtConfig, this._config);
   }
   onStarting() {
-    this._injector.add([Ue, { useClass: le, lazy: !1 }]), this._injector.add([ue]), this._injector.add([pe]), this._injector.add([ae]), this._injector.add([me]), this._injector.add(
+    this._injector.add([INumfmtController, { useClass: NumfmtController, lazy: !1 }]), this._injector.add([NumfmtEditorController]), this._injector.add([UserHabitController]), this._injector.add([SheetsNumfmtCellContentController]), this._injector.add([NumfmtI18nController]), this._injector.add(
       [
-        z,
+        NumfmtMenuController,
         {
-          useFactory: () => this._injector.createInstance(z, this._config)
+          useFactory: /* @__PURE__ */ __name(() => this._injector.createInstance(NumfmtMenuController, this._config), "useFactory")
         }
       ]
     );
   }
-};
-lt(ve, "pluginName", Ne);
-lt(ve, "type", T.UNIVER_SHEET);
-ve = Xn([
-  Et(Pt, jt),
-  Zn(1, b(Pe))
-], ve);
+}, __name(_a7, "UniverSheetsNumfmtPlugin"), _a7);
+__publicField2(UniverSheetsNumfmtPlugin, "pluginName", SHEET_NUMFMT_PLUGIN);
+__publicField2(UniverSheetsNumfmtPlugin, "type", UniverInstanceType.UNIVER_SHEET);
+UniverSheetsNumfmtPlugin = __decorateClass([
+  DependentOn(UniverSheetsPlugin, UniverSheetsUIPlugin),
+  __decorateParam(1, Inject(Injector))
+], UniverSheetsNumfmtPlugin);
 export {
-  Xe as AddDecimalCommand,
-  ye as CloseNumfmtPanelOperator,
-  he as OpenNumfmtPanelOperator,
-  Qe as SetCurrencyCommand,
-  $ as SetNumfmtCommand,
-  it as SetPercentCommand,
-  et as SubtractDecimalCommand,
-  ve as UniverSheetsNumfmtPlugin,
-  De as getPatternPreview
+  AddDecimalCommand,
+  CloseNumfmtPanelOperator,
+  OpenNumfmtPanelOperator,
+  SetCurrencyCommand,
+  SetNumfmtCommand,
+  SetPercentCommand,
+  SubtractDecimalCommand,
+  UniverSheetsNumfmtPlugin,
+  getPatternPreview
 };