@univerjs/sheets-numfmt 0.4.1 → 0.4.2-nightly.202410301606

package/lib/es/index.js

@@ -1,17 +1,11 @@
 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 __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = 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 { numfmt, LocaleType, Inject, ThemeService, ICommandService, LocaleService, IUniverInstanceService, Disposable, ObjectMatrix, InterceptorEffectEnum, CellValueType, Range, UniverInstanceType, CommandType, IUndoRedoService, sequenceExecute, createIdentifier, ILocalStorageService, useDependency, toDisposable, DisposableCollection, Injector, Optional, useInjector, DependentOn, Plugin, IConfigService } from "@univerjs/core";
-import { SheetInterceptorService, INumfmtService, INTERCEPTOR_POINT, InterceptCellContentPriority, SetNumfmtMutation, SetRangeValuesMutation, 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, BehaviorSubject, Observable, combineLatest, merge } from "rxjs";
-import { IRenderManagerService } from "@univerjs/engine-render";
-import { ComponentManager, ISidebarService, ILayoutService, MenuItemType, getMenuHiddenObservable, RibbonStartGroup, IMenuManagerService } 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";
-import { DEFAULT_TEXT_FORMAT } from "@univerjs/engine-numfmt";
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
+import { numfmt, CommandType, ICommandService, IUniverInstanceService, Range, CellValueType, LocaleType, Inject, ThemeService, LocaleService, Disposable, ObjectMatrix, InterceptorEffectEnum, UniverInstanceType, createIdentifier, DependentOn, Injector, Plugin, registerDependencies, touchDependencies } from "@univerjs/core";
+import { SheetsSelectionsService, INumfmtService, getSheetCommandTarget, SheetInterceptorService, INTERCEPTOR_POINT, InterceptCellContentPriority, SetNumfmtMutation, SetRangeValuesMutation, UniverSheetsPlugin } from "@univerjs/sheets";
+import { S as SetNumfmtCommand } from "../set-numfmt.command-CzUTkdYu.mjs";
+import { BehaviorSubject, switchMap, of, skip } from "rxjs";
 const currencySymbols = [
   "$",
   "£",
@@ -80,214 +74,6 @@ const currencySymbols = [
   SI: "€",
   ES: "€"
   // Add more mappings as needed
-}, SHEET_NUMFMT_PLUGIN = "SHEET_NUMFMT_PLUGIN", PLUGIN_CONFIG_KEY = "sheets-numfmt.config", defaultPluginConfig = {}, 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, throws: !1 });
-  return value < 0 ? {
-    result,
-    color: negInfo.color
-  } : {
-    result
-  };
-}, "getPatternPreview"), getPatternPreviewIgnoreGeneral = /* @__PURE__ */ __name((pattern, value, _locale) => pattern === "General" ? {
-  result: String(value)
-} : getPatternPreview(pattern, value, _locale), "getPatternPreviewIgnoreGeneral");
-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"), _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();
-  }
-  // eslint-disable-next-line max-lines-per-function
-  _initInterceptorCellContent() {
-    const renderCache = new ObjectMatrix();
-    this.disposeWithMe(this._sheetInterceptorService.intercept(INTERCEPTOR_POINT.CELL_CONTENT, {
-      effect: InterceptorEffectEnum.Value | InterceptorEffectEnum.Style,
-      handler: /* @__PURE__ */ __name((cell, location, next) => {
-        const unitId = location.unitId, sheetId = location.subUnitId;
-        let numfmtValue;
-        const originCellValue = cell;
-        if (!originCellValue || originCellValue.t !== CellValueType.NUMBER || originCellValue.v == null || Number.isNaN(originCellValue.v))
-          return next(cell);
-        if (cell != null && cell.s) {
-          const style = location.workbook.getStyles().get(cell.s);
-          style != null && style.n && (numfmtValue = style.n);
-        }
-        if (numfmtValue || (numfmtValue = this._numfmtService.getValue(unitId, sheetId, location.row, location.col)), !numfmtValue)
-          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 = getPatternPreviewIgnoreGeneral(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: InterceptCellContentPriority.NUMFMT
-    })), 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 (commandInfo.id === SetRangeValuesMutation.id) {
-        const params = commandInfo.params;
-        new ObjectMatrix(params.cellValue).forValue((row, col) => {
-          renderCache.realDeleteValue(row, col);
-        });
-      }
-    })), this.disposeWithMe(
-      this._instanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(
-        switchMap((workbook) => {
-          var _a7;
-          return (_a7 = workbook == null ? void 0 : workbook.activeSheet$) != null ? _a7 : of(null);
-        }),
-        skip(1)
-      ).subscribe(() => renderCache.reset())
-    );
-  }
-}, __name(_a, "SheetsNumfmtCellContentController"), _a);
-SheetsNumfmtCellContentController = __decorateClass$5([
-  __decorateParam$5(0, IUniverInstanceService),
-  __decorateParam$5(1, Inject(SheetInterceptorService)),
-  __decorateParam$5(2, Inject(ThemeService)),
-  __decorateParam$5(3, Inject(ICommandService)),
-  __decorateParam$5(4, Inject(INumfmtService)),
-  __decorateParam$5(5, Inject(LocaleService))
-], SheetsNumfmtCellContentController);
-const getDecimalFromPattern = /* @__PURE__ */ __name((pattern, defaultValue = 0) => {
-  var _a7;
-  return pattern && (_a7 = numfmt.getInfo(pattern).maxDecimals) != null ? _a7 : defaultValue;
-}, "getDecimalFromPattern"), isPatternEqualWithoutDecimal = /* @__PURE__ */ __name((patternA, patternB) => {
-  if (patternA && !patternB || !patternA && patternB)
-    return !1;
-  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, "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,
-  `${decimalLength > 0 ? "." : ""}${getDecimalString(Number(decimalLength || 0))}`
-) : /0([^0]?)|0$/.test(pattern) ? pattern.replace(
-  /0([^0]+)|0$/,
-  `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: CommandType.COMMAND,
-  handler: /* @__PURE__ */ __name((accessor, params) => {
-    if (!params)
-      return !1;
-    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
-      }))
-    }, 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 undo = factorySetNumfmtUndoMutation(accessor, setRedos);
-      undos.push(...undo);
-    }
-    if (removeCells.length) {
-      removeRedos.ranges = rangeMerge(removeRedos.ranges), redos.push({
-        id: RemoveNumfmtMutation.id,
-        params: removeRedos
-      });
-      const undo = factoryRemoveNumfmtUndoMutation(accessor, removeRedos);
-      undos.push(...undo);
-    }
-    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: 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 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) {
-          const cell = target.worksheet.getCellRaw(row, col);
-          if (!maxDecimals && cell && cell.t === CellValueType.NUMBER && cell.v) {
-            const regResult = /\.(\d*)$/.exec(String(cell.v));
-            if (regResult) {
-              const length = regResult[1].length;
-              if (!length)
-                return;
-              maxDecimals = Math.max(maxDecimals, length);
-            }
-          }
-          return;
-        }
-        const decimals2 = getDecimalFromPattern(numfmtValue.pattern);
-        maxDecimals = decimals2 > maxDecimals ? decimals2 : maxDecimals;
-      });
-    });
-    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 decimals2 = getDecimalFromPattern(numfmtValue.pattern), pattern = setPatternDecimal(numfmtValue.pattern, decimals2 + 1);
-          pattern !== numfmtValue.pattern && values.push({
-            row,
-            col,
-            pattern
-          });
-        }
-      });
-    }), values.length ? await commandService.executeCommand(SetNumfmtCommand.id, { values }) : !1;
-  }, "handler")
 }, DATEFMTLISG = [
   {
     label: "1930-08-05",
@@ -389,7 +175,81 @@ const getDecimalFromPattern = /* @__PURE__ */ __name((pattern, defaultValue = 0)
     suffix: /* @__PURE__ */ __name((suffix) => `"${suffix}"#,##0.00_);[Red]-"${suffix}"#,##0.00`, "suffix"),
     color: "red"
   }
-], _MenuCurrencyService = class _MenuCurrencyService {
+], SHEET_NUMFMT_PLUGIN = "SHEET_NUMFMT_PLUGIN", getDecimalFromPattern = /* @__PURE__ */ __name((pattern, defaultValue = 0) => {
+  var _a3;
+  return pattern && (_a3 = numfmt.getInfo(pattern).maxDecimals) != null ? _a3 : defaultValue;
+}, "getDecimalFromPattern"), isPatternEqualWithoutDecimal = /* @__PURE__ */ __name((patternA, patternB) => {
+  if (patternA && !patternB || !patternA && patternB)
+    return !1;
+  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, "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,
+  `${decimalLength > 0 ? "." : ""}${getDecimalString(Number(decimalLength || 0))}`
+) : /0([^0]?)|0$/.test(pattern) ? pattern.replace(
+  /0([^0]+)|0$/,
+  `0${decimalLength > 0 ? "." : ""}${getDecimalString(Number(decimalLength || 0))}$1`
+) : pattern).join(";"), "setPatternDecimal"), isPatternHasDecimal = /* @__PURE__ */ __name((pattern) => /\.0?/.test(pattern) || /0([^0]?)|0$/.test(pattern), "isPatternHasDecimal"), AddDecimalCommand = {
+  id: "sheet.command.numfmt.add.decimal.command",
+  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 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) {
+          const cell = target.worksheet.getCellRaw(row, col);
+          if (!maxDecimals && cell && cell.t === CellValueType.NUMBER && cell.v) {
+            const regResult = /\.(\d*)$/.exec(String(cell.v));
+            if (regResult) {
+              const length = regResult[1].length;
+              if (!length)
+                return;
+              maxDecimals = Math.max(maxDecimals, length);
+            }
+          }
+          return;
+        }
+        const decimals2 = getDecimalFromPattern(numfmtValue.pattern);
+        maxDecimals = decimals2 > maxDecimals ? decimals2 : maxDecimals;
+      });
+    });
+    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 decimals2 = getDecimalFromPattern(numfmtValue.pattern), pattern = setPatternDecimal(numfmtValue.pattern, decimals2 + 1);
+          pattern !== numfmtValue.pattern && values.push({
+            row,
+            col,
+            pattern
+          });
+        }
+      });
+    }), values.length ? await commandService.executeCommand(SetNumfmtCommand.id, { values }) : !1;
+  }, "handler")
+}, _MenuCurrencyService = class _MenuCurrencyService {
   constructor() {
     __publicField(this, "_currencySymbol$", new BehaviorSubject("US"));
     __publicField(this, "currencySymbol$", this._currencySymbol$.asObservable());
@@ -486,565 +346,96 @@ const SetCurrencyCommand = {
       });
     }), await commandService.executeCommand(SetNumfmtCommand.id, { values });
   }, "handler")
-}, CloseNumfmtPanelOperator = {
-  id: "sheet.operation.close.numfmt.panel",
-  type: CommandType.OPERATION,
-  handler: /* @__PURE__ */ __name(() => (
-    // do nothing,just notify panel is closed
-    !0
-  ), "handler")
-}, INumfmtController = createIdentifier("INumfmtController"), OpenNumfmtPanelOperator = {
-  id: "sheet.operation.open.numfmt.panel",
-  type: CommandType.OPERATION,
-  handler: /* @__PURE__ */ __name((accessor) => (accessor.get(INumfmtController).openPanel(), !0), "handler")
-};
-var jsxRuntime = { exports: {} }, reactJsxRuntime_production_min = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-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 };
-}
-__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([]);
-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"), _a2;
-let UserHabitController = (_a2 = class {
-  constructor(_localStorageService) {
-    this._localStorageService = _localStorageService;
-  }
-  _getKey(habit) {
-    return `userHabitController_${habit}`;
-  }
-  async addHabit(habit, initValue) {
-    const key2 = this._getKey(habit);
-    return this._localStorageService.getItem(key2).then((item) => {
-      item || this._localStorageService.setItem(key2, initValue);
-    });
-  }
-  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(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: item,
-          priority: length - index
-        };
-      });
-      return sortList.sort((a, b) => {
-        var _a7, _b;
-        const ap = ((_a7 = priority.find((item) => item.value === a)) == null ? void 0 : _a7.priority) || -1;
-        return (((_b = priority.find((item) => item.value === b)) == null ? void 0 : _b.priority) || -1) - ap;
-      });
-    }
-    return result || [];
-  }
-  deleteHabit(habit) {
-    this._localStorageService.removeItem(habit);
-  }
-}, __name(_a2, "UserHabitController"), _a2);
-UserHabitController = __decorateClass$4([
-  __decorateParam$4(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: 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__ */ 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__ */ jsxRuntimeExports.jsx("div", { className: "describe m-t-14", children: t("sheet.numfmt.accountingDes") })
-  ] });
-}, "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 _a7;
-    const negativeOptions2 = getCurrencyFormatOptions(suffix);
-    return ((_a7 = negativeOptions2.find((item) => isPatternEqualWithoutDecimal(item.value, props.defaultPattern))) == null ? void 0 : _a7.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;
-    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__ */ 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__ */ 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") })
-  ] });
-}, "CurrencyPanel");
-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(_a7) {
-    var key2 = _a7[0], value = _a7[1];
-    typeof value == "string" && (attrs[key2] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
-  })), attrs;
-}
-__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
-function replaceRuntimeIdsInDefs(node, runtimeProps) {
-  var _a7, defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a7 = node.children) === null || _a7 === void 0) && _a7.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") })
-  ] });
-}
-__name(CustomFormat, "CustomFormat");
-const 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 options[0].value;
-  });
-  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") })
-  ] });
-}, "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: isInputDisable,
-        value: decimal,
-        max: 20,
-        min: 0,
-        onChange: handleDecimalChange
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "m-t-16 label", children: [
-      " ",
-      localeService.t("sheet.numfmt.negType")
-    ] }),
-    /* @__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"), 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: 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) })),
-    []
-  ), [type, typeSet] = useState(findDefaultType), [key2, keySet] = useState(() => `${row}_${col}`), { mark, userHabitCurrency } = useCurrencyOptions(() => keySet(`${row}_${col}_userCurrency'`)), BusinessComponent = useMemo(() => {
-    var _a7;
-    return (_a7 = typeOptions.find((item) => item.label === type)) == null ? void 0 : _a7.component;
-  }, [type]);
-  function findDefaultType() {
-    return [isGeneralPanel, isAccountingPanel, isCurrencyPanel, isDatePanel, isThousandthPercentilePanel].reduce((pre, curFn, index) => pre || (curFn(defaultPattern) ? typeOptions[index].label : ""), "") || typeOptions[0].label;
-  }
-  __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
+}, 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, throws: !1 });
+  return value < 0 ? {
+    result,
+    color: negInfo.color
+  } : {
+    result
   };
-  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__ */ 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") })
-    ] })
-  ] });
-}, "SheetNumfmtPanel");
-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"), _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.
-     * @private
-     * @type {(string | null)}
-     * @memberof NumfmtController
-     */
-    __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();
+}, "getPatternPreview"), getPatternPreviewIgnoreGeneral = /* @__PURE__ */ __name((pattern, value, _locale) => pattern === "General" ? {
+  result: String(value)
+} : getPatternPreview(pattern, value, _locale), "getPatternPreviewIgnoreGeneral");
+var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$1(target, key, result), result;
+}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1"), _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();
   }
-  openPanel() {
-    var _a7;
-    const sidebarService = this._sidebarService, selectionManagerService = this._selectionManagerService, commandService = this._commandService, univerInstanceService = this._univerInstanceService, numfmtService = this._numfmtService, localeService = this._localeService, range = (((_a7 = selectionManagerService.getCurrentSelections()) == null ? void 0 : _a7.map((s) => s.range)) || [])[0];
-    if (!range)
-      return !1;
-    const workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), sheet = workbook.getActiveSheet();
-    if (!sheet)
-      return !1;
-    const cellValue = sheet.getCellRaw(range.startRow, range.startColumn), numfmtValue = numfmtService.getValue(
-      workbook.getUnitId(),
-      sheet.getSheetId(),
-      range.startRow,
-      range.startColumn
-    );
-    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 _a8;
-        if (config.type === "change")
-          this._previewPattern = config.value, this._forceUpdate();
-        else if (config.type === "confirm") {
-          const selections2 = ((_a8 = selectionManagerService.getCurrentSelections()) == null ? void 0 : _a8.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
-              });
+  // eslint-disable-next-line max-lines-per-function
+  _initInterceptorCellContent() {
+    const renderCache = new ObjectMatrix();
+    this.disposeWithMe(this._sheetInterceptorService.intercept(INTERCEPTOR_POINT.CELL_CONTENT, {
+      effect: InterceptorEffectEnum.Value | InterceptorEffectEnum.Style,
+      handler: /* @__PURE__ */ __name((cell, location, next) => {
+        const unitId = location.unitId, sheetId = location.subUnitId;
+        let numfmtValue;
+        const originCellValue = cell;
+        if (!originCellValue || originCellValue.t !== CellValueType.NUMBER || originCellValue.v == null || Number.isNaN(originCellValue.v))
+          return next(cell);
+        if (cell != null && cell.s) {
+          const style = location.workbook.getStyles().get(cell.s);
+          style != null && style.n && (numfmtValue = style.n);
+        }
+        if (numfmtValue || (numfmtValue = this._numfmtService.getValue(unitId, sheetId, location.row, location.col)), !numfmtValue)
+          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 = getPatternPreviewIgnoreGeneral(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: InterceptCellContentPriority.NUMFMT
+    })), this.disposeWithMe(this._commandService.onCommandExecuted((commandInfo) => {
+      if (commandInfo.id === SetNumfmtMutation.id) {
+        const params = commandInfo.params;
+        Object.keys(params.values).forEach((key) => {
+          params.values[key].ranges.forEach((range) => {
+            Range.foreach(range, (row, col) => {
+              renderCache.realDeleteValue(row, col);
             });
-          }), 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 = sidebarService.open({
-      header: { title: localeService.t("sheet.numfmt.title") },
-      children: {
-        label: SHEET_NUMFMT_PLUGIN,
-        ...props
-        // need passthrough to react props.
-      },
-      onClose: /* @__PURE__ */ __name(() => {
-        this._forceUpdate(), commandService.executeCommand(CloseNumfmtPanelOperator.id);
-      }, "onClose")
-    }), !0;
-  }
-  _forceUpdate(unitId) {
-    var _a7;
-    const renderUnit = this._renderManagerService.getRenderById(
-      unitId != null ? unitId : this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId()
-    );
-    renderUnit == null || renderUnit.with(SheetSkeletonManagerService).reCalculate(), (_a7 = renderUnit == null ? void 0 : renderUnit.mainComponent) == null || _a7.makeDirty();
-  }
-  _initCommands() {
-    [
-      AddDecimalCommand,
-      SubtractDecimalCommand,
-      SetCurrencyCommand,
-      SetPercentCommand,
-      OpenNumfmtPanelOperator,
-      CloseNumfmtPanelOperator,
-      SetNumfmtCommand
-    ].forEach((config) => {
-      this.disposeWithMe(this._commandService.registerCommand(config));
-    });
-  }
-  _initPanel() {
-    this._componentManager.register(SHEET_NUMFMT_PLUGIN, SheetNumfmtPanel);
-  }
-  _initRealTimeRenderingInterceptor() {
-    const isPanelOpenObserver = new Observable((subscriber) => {
-      this._commandService.onCommandExecuted((commandInfo) => {
-        commandInfo.id === OpenNumfmtPanelOperator.id && subscriber.next(!0), commandInfo.id === CloseNumfmtPanelOperator.id && subscriber.next(!1);
-      });
-    }), combineOpenAndSelection$ = combineLatest([
-      isPanelOpenObserver,
-      this._selectionManagerService.selectionMoveEnd$.pipe(
-        map((selectionInfos) => selectionInfos ? selectionInfos.map((selectionInfo) => selectionInfo.range) : [])
-      )
-    ]);
-    this.disposeWithMe(
-      toDisposable(
-        combineOpenAndSelection$.pipe(
-          switchMap$1(
-            ([isOpen, selectionRanges]) => new Observable((subscribe) => {
-              const disposableCollection = new DisposableCollection();
-              return isOpen && selectionRanges.length && subscribe.next({ selectionRanges, disposableCollection }), () => {
-                disposableCollection.dispose();
-              };
-            })
-          ),
-          tap(() => {
-            this._previewPattern = null;
-          })
-        ).subscribe(({ disposableCollection, selectionRanges }) => {
-          var _a7, _b;
-          const workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
-          this.openPanel(), disposableCollection.add(
-            this._sheetInterceptorService.intercept(INTERCEPTOR_POINT.CELL_CONTENT, {
-              priority: 99,
-              effect: InterceptorEffectEnum.Value | InterceptorEffectEnum.Style,
-              handler: /* @__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 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 = getPatternPreviewIgnoreGeneral(this._previewPattern, value, this._localeService.getCurrentLocale());
-                  if (info.color) {
-                    const color = this._themeService.getCurrentTheme()[`${info.color}500`];
-                    return {
-                      ...defaultValue,
-                      v: info.result,
-                      t: CellValueType.STRING,
-                      s: { cl: { rgb: color } }
-                    };
-                  }
-                  return {
-                    ...defaultValue,
-                    v: info.result,
-                    t: CellValueType.STRING
-                  };
-                }
-                return defaultValue;
-              }, "handler")
-            })
-          ), (_b = (_a7 = this._renderManagerService.getRenderById(workbook.getUnitId())) == null ? void 0 : _a7.mainComponent) == null || _b.makeDirty();
-        })
-      )
-    );
-  }
-  _commandExecutedListener() {
-    const commandList = [RemoveNumfmtMutation.id, SetNumfmtMutation.id];
-    this.disposeWithMe(
-      new Observable((subscribe) => {
-        const disposable = this._commandService.onCommandExecuted((command) => {
-          if (commandList.includes(command.id)) {
-            const params = command.params;
-            subscribe.next(params.unitId);
-          }
+          });
+        });
+      } else if (commandInfo.id === SetRangeValuesMutation.id) {
+        const params = commandInfo.params;
+        new ObjectMatrix(params.cellValue).forValue((row, col) => {
+          renderCache.realDeleteValue(row, col);
         });
-        return () => disposable.dispose();
-      }).pipe(debounceTime(16)).subscribe((unitId) => this._forceUpdate(unitId))
+      }
+    })), this.disposeWithMe(
+      this._instanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(
+        switchMap((workbook) => {
+          var _a3;
+          return (_a3 = workbook == null ? void 0 : workbook.activeSheet$) != null ? _a3 : of(null);
+        }),
+        skip(1)
+      ).subscribe(() => renderCache.reset())
     );
   }
-  _initCloseListener() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).subscribe((unit) => {
-      var _a7;
-      unit || ((_a7 = this._sidebarDisposable) == null || _a7.dispose(), this._sidebarDisposable = null);
-    });
-  }
-}, __name(_a3, "NumfmtController"), _a3);
-NumfmtController = __decorateClass$3([
-  __decorateParam$3(0, Inject(SheetInterceptorService)),
-  __decorateParam$3(1, Inject(ThemeService)),
-  __decorateParam$3(2, IUniverInstanceService),
-  __decorateParam$3(3, ICommandService),
-  __decorateParam$3(4, Inject(SheetsSelectionsService)),
-  __decorateParam$3(5, IRenderManagerService),
-  __decorateParam$3(6, INumfmtService),
-  __decorateParam$3(7, Inject(ComponentManager)),
-  __decorateParam$3(8, ISidebarService),
-  __decorateParam$3(9, Inject(LocaleService))
-], NumfmtController);
+}, __name(_a, "SheetsNumfmtCellContentController"), _a);
+SheetsNumfmtCellContentController = __decorateClass$1([
+  __decorateParam$1(0, IUniverInstanceService),
+  __decorateParam$1(1, Inject(SheetInterceptorService)),
+  __decorateParam$1(2, Inject(ThemeService)),
+  __decorateParam$1(3, Inject(ICommandService)),
+  __decorateParam$1(4, Inject(INumfmtService)),
+  __decorateParam$1(5, Inject(LocaleService))
+], SheetsNumfmtCellContentController);
 const _NumfmtCurrencyController = class _NumfmtCurrencyController extends Disposable {
   constructor() {
     super(...arguments);
@@ -1063,455 +454,89 @@ const _NumfmtCurrencyController = class _NumfmtCurrencyController extends Dispos
 };
 __name(_NumfmtCurrencyController, "NumfmtCurrencyController");
 let NumfmtCurrencyController = _NumfmtCurrencyController;
-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");
-const createCollectEffectMutation = /* @__PURE__ */ __name(() => {
-  let list = [];
-  return {
-    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")
-  };
-}, "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
-    __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(
-      toDisposable(
-        this._editorBridgeService.interceptor.intercept(
-          this._editorBridgeService.interceptor.getInterceptPoints().BEFORE_CELL_EDIT,
-          {
-            handler: /* @__PURE__ */ __name((value, context, next) => {
-              const row = context.row, col = context.col, numfmtCell = this._numfmtService.getValue(
-                context.unitId,
-                context.subUnitId,
-                row,
-                col
-              );
-              if (numfmtCell)
-                switch (getPatternType(numfmtCell.pattern)) {
-                  case "scientific":
-                  case "currency":
-                  case "grouped":
-                  case "number":
-                    return context.worksheet.getCellRaw(row, col);
-                  case "percent":
-                  case "date":
-                  case "time":
-                  case "datetime":
-                  default:
-                    return next && next(value);
-                }
-              return next(value);
-            }, "handler")
-          }
-        )
-      )
-    );
-  }
-  /**
-   * Process the  values after  edit
-   * @private
-   * @memberof NumfmtService
-   */
-  _initInterceptorEditorEnd() {
-    this._editorBridgeService && this.disposeWithMe(
-      toDisposable(
-        this._editorBridgeService.interceptor.intercept(
-          this._editorBridgeService.interceptor.getInterceptPoints().AFTER_CELL_EDIT,
-          {
-            handler: /* @__PURE__ */ __name((value, context, next) => {
-              var _a7;
-              this._collectEffectMutation.clean();
-              const currentNumfmtValue = this._numfmtService.getValue(
-                context.unitId,
-                context.subUnitId,
-                context.row,
-                context.col
-              ), currentNumfmtType = (_a7 = currentNumfmtValue && getPatternType(currentNumfmtValue.pattern)) != null ? _a7 : "", clean = /* @__PURE__ */ __name(() => {
-                currentNumfmtValue && this._collectEffectMutation.add(
-                  context.unitId,
-                  context.subUnitId,
-                  context.row,
-                  context.col,
-                  null
-                );
-              }, "clean");
-              if (!(value != null && value.v))
-                return next(value);
-              const content = String(value.v), numfmtInfo = numfmt.parseDate(content) || numfmt.parseTime(content) || numfmt.parseNumber(content);
-              if (numfmtInfo) {
-                if (numfmtInfo.z) {
-                  const v = Number(numfmtInfo.v);
-                  return this._collectEffectMutation.add(
-                    context.unitId,
-                    context.subUnitId,
-                    context.row,
-                    context.col,
-                    {
-                      pattern: numfmtInfo.z
-                    }
-                  ), { ...value, v, t: CellValueType.NUMBER };
-                }
-              } else (["date", "time", "datetime", "percent"].includes(currentNumfmtType) || !isNumeric(content)) && clean();
-              return next(value);
-            }, "handler")
-          }
-        )
-      )
-    );
-  }
-  _initInterceptorCommands() {
-    const self = this;
-    this.disposeWithMe(
-      this._sheetInterceptorService.interceptCommand({
-        getMutations(command) {
-          var _a7;
-          switch (command.id) {
-            case SetRangeValuesCommand.id: {
-              const workbook = self._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), unitId = workbook.getUnitId(), subUnitId = (_a7 = workbook.getActiveSheet()) == null ? void 0 : _a7.getSheetId();
-              if (!subUnitId)
-                return {
-                  redos: [],
-                  undos: []
-                };
-              const list = self._collectEffectMutation.getEffects();
-              if (self._collectEffectMutation.clean(), !list.length)
-                return {
-                  redos: [],
-                  undos: []
-                };
-              const cells = list.filter((item) => {
-                var _a8;
-                return !!((_a8 = item.value) != null && _a8.pattern);
-              }).map((item) => ({
-                row: item.row,
-                col: item.col,
-                pattern: item.value.pattern
-              })), removeCells = list.filter((item) => {
-                var _a8;
-                return !((_a8 = item.value) != null && _a8.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)
-                };
-                redos.push(redo), undos.push(...factorySetNumfmtUndoMutation(self._injector, redo.params));
-              }
-              if (removeCells.length) {
-                const redo = {
-                  id: RemoveNumfmtMutation.id,
-                  params: {
-                    unitId,
-                    subUnitId,
-                    ranges: removeCells
-                  }
-                };
-                redos.push(redo), undos.push(...factoryRemoveNumfmtUndoMutation(self._injector, redo.params));
-              }
-              return {
-                redos,
-                undos: undos.reverse()
-              };
-            }
-          }
-          return {
-            redos: [],
-            undos: []
-          };
-        }
-      })
-    );
-  }
-}, __name(_a4, "NumfmtEditorController"), _a4);
-NumfmtEditorController = __decorateClass$2([
-  __decorateParam$2(0, Inject(SheetInterceptorService)),
-  __decorateParam$2(1, Inject(INumfmtService)),
-  __decorateParam$2(2, Inject(IUniverInstanceService)),
-  __decorateParam$2(3, Inject(Injector)),
-  __decorateParam$2(4, Optional(IEditorBridgeService))
-], NumfmtEditorController);
-function isNumeric(str) {
-  return /^-?\d+(\.\d+)?$/.test(str);
-}
-__name(isNumeric, "isNumeric");
-const MENU_OPTIONS = [
-  {
-    label: "sheet.numfmt.general",
-    pattern: null
-  },
-  {
-    label: "sheet.numfmt.text",
-    pattern: DEFAULT_TEXT_FORMAT
-  },
-  "|",
-  {
-    label: "sheet.numfmt.number",
-    pattern: "0"
-  },
-  "|",
-  {
-    label: "sheet.numfmt.accounting",
-    pattern: '"¥" #,##0.00_);[Red]("¥"#,##0.00)'
-  },
-  {
-    label: "sheet.numfmt.financialValue",
-    pattern: "#,##0.00;[Red]#,##0.00"
-  },
-  {
-    label: "sheet.numfmt.currency",
-    pattern: '"¥"#,##0.00_);[Red]("¥"#,##0.00)'
-  },
-  {
-    label: "sheet.numfmt.roundingCurrency",
-    pattern: '"¥"#,##0;[Red]"¥"#,##0'
-  },
-  "|",
-  {
-    label: "sheet.numfmt.date",
-    pattern: "yyyy-mm-dd;@"
-  },
-  {
-    label: "sheet.numfmt.time",
-    pattern: 'am/pm h":"mm":"ss'
-  },
-  {
-    label: "sheet.numfmt.dateTime",
-    pattern: "yyyy-m-d am/pm h:mm"
-  },
-  {
-    label: "sheet.numfmt.timeDuration",
-    pattern: "h:mm:ss"
-  },
-  "|",
-  {
-    label: "sheet.numfmt.moreFmt",
-    pattern: ""
-  }
-], MORE_NUMFMT_TYPE_KEY = "sheet.numfmt.moreNumfmtType", OPTIONS_KEY = "sheet.numfmt.moreNumfmtType.options", MoreNumfmtType = /* @__PURE__ */ __name((props) => {
-  var _a7;
-  const localeService = useDependency(LocaleService), value = (_a7 = props.value) != null ? _a7 : 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), layoutService = useDependency(ILayoutService);
-  useInjector();
-  const selectionManagerService = useDependency(SheetsSelectionsService), setNumfmt = /* @__PURE__ */ __name((pattern) => {
-    const selection = selectionManagerService.getCurrentLastSelection();
-    if (!selection)
-      return;
-    const 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 }), layoutService.focus();
-  }, "setNumfmt"), handleOnclick = /* @__PURE__ */ __name((index) => {
-    if (index === 0)
-      setNumfmt(null);
-    else if (index === MENU_OPTIONS.length - 1)
-      commandService.executeCommand(OpenNumfmtPanelOperator.id);
-    else {
-      const item = MENU_OPTIONS[index];
-      item.pattern && setNumfmt(item.pattern);
-    }
-  }, "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: /* @__PURE__ */ __name(() => {
-        handleOnclick(index);
-      }, "onClick"),
-      children: [
-        /* @__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 : "" })
-      ]
-    },
-    index
-  )) });
-}, "Options"), CurrencyMenuItem = /* @__PURE__ */ __name((accessor) => ({
-  icon: new Observable((subscribe) => {
-    const menuCurrencyService = accessor.get(MenuCurrencyService);
-    function getIconKey(symbol2) {
-      return {
-        [countryCurrencyMap.US]: "DollarSingle",
-        [countryCurrencyMap.RU]: "RoubleSingle",
-        [countryCurrencyMap.CN]: "RmbSingle",
-        [countryCurrencyMap.AT]: "EuroSingle"
-      }[symbol2] || "DollarSingle";
-    }
-    __name(getIconKey, "getIconKey");
-    const symbol = countryCurrencyMap[menuCurrencyService.getCurrencySymbol()] || "$";
-    return subscribe.next(getIconKey(symbol)), menuCurrencyService.currencySymbol$.subscribe((code) => {
-      const symbol2 = countryCurrencyMap[code] || "$";
-      subscribe.next(getIconKey(symbol2));
-    });
-  }),
-  id: SetCurrencyCommand.id,
-  title: "sheet.numfmt.currency",
-  tooltip: "sheet.numfmt.currency",
-  type: MenuItemType.BUTTON,
-  hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
-  disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
-}), "CurrencyMenuItem"), AddDecimalMenuItem = /* @__PURE__ */ __name((accessor) => ({
-  icon: "AddDigitsSingle",
-  id: AddDecimalCommand.id,
-  title: "sheet.numfmt.addDecimal",
-  tooltip: "sheet.numfmt.addDecimal",
-  type: MenuItemType.BUTTON,
-  hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
-  disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
-}), "AddDecimalMenuItem"), SubtractDecimalMenuItem = /* @__PURE__ */ __name((accessor) => ({
-  icon: "ReduceDigitsSingle",
-  id: SubtractDecimalCommand.id,
-  title: "sheet.numfmt.subtractDecimal",
-  tooltip: "sheet.numfmt.subtractDecimal",
-  type: MenuItemType.BUTTON,
-  hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
-  disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
-}), "SubtractDecimalMenuItem"), PercentMenuItem = /* @__PURE__ */ __name((accessor) => ({
-  icon: "PercentSingle",
-  id: SetPercentCommand.id,
-  title: "sheet.numfmt.percent",
-  tooltip: "sheet.numfmt.percent",
-  type: MenuItemType.BUTTON,
-  hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
-  disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
-}), "PercentMenuItem"), FactoryOtherMenuItem = /* @__PURE__ */ __name((accessor) => {
-  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 () => disposable.dispose();
-      })
-    ).subscribe(() => {
-      var _a7, _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((_a7 = worksheet.getCell(row, col)) == null ? void 0 : _a7.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)
-          );
-          item && typeof item == "object" && item.pattern ? value = localeService.t(item.label) : value = localeService.t("sheet.numfmt.moreFmt");
-        }
-        subscribe.next(value);
-      }
-    })
-  ));
-  return {
-    label: MORE_NUMFMT_TYPE_KEY,
-    id: OpenNumfmtPanelOperator.id,
-    tooltip: "sheet.numfmt.title",
-    type: MenuItemType.SELECTOR,
-    selections: [
-      {
-        label: {
-          name: OPTIONS_KEY,
-          hoverable: !1
-        }
-      }
-    ],
-    value$,
-    hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
-    disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetSetCellStylePermission, WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
-  };
-}, "FactoryOtherMenuItem"), menuSchema = {
-  [RibbonStartGroup.FORMULAS_INSERT]: {
-    [SetCurrencyCommand.id]: {
-      order: 4,
-      menuItemFactory: CurrencyMenuItem
-    },
-    [AddDecimalCommand.id]: {
-      order: 5,
-      menuItemFactory: AddDecimalMenuItem
-    },
-    [SubtractDecimalCommand.id]: {
-      order: 6,
-      menuItemFactory: SubtractDecimalMenuItem
-    },
-    [SetPercentCommand.id]: {
-      order: 7,
-      menuItemFactory: PercentMenuItem
-    },
-    [OpenNumfmtPanelOperator.id]: {
-      order: 8,
-      menuItemFactory: 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"), _a5;
-let NumfmtMenuController = (_a5 = class extends Disposable {
-  constructor(_componentManager, _menuManagerService) {
-    super(), this._componentManager = _componentManager, this._menuManagerService = _menuManagerService, this._initMenu();
-  }
-  _initMenu() {
-    this._menuManagerService.mergeMenu(menuSchema), this.disposeWithMe(this._componentManager.register(MORE_NUMFMT_TYPE_KEY, MoreNumfmtType)), this.disposeWithMe(this._componentManager.register(OPTIONS_KEY, Options));
-  }
-}, __name(_a5, "NumfmtMenuController"), _a5);
-NumfmtMenuController = __decorateClass$1([
-  __decorateParam$1(0, Inject(ComponentManager)),
-  __decorateParam$1(1, IMenuManagerService)
-], 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"), _a6;
-let UniverSheetsNumfmtPlugin = (_a6 = class extends Plugin {
-  constructor(_config = defaultPluginConfig, _injector, _configService) {
-    super(), this._config = _config, this._injector = _injector, this._configService = _configService;
-    const { menu, ...rest } = this._config;
-    menu && this._configService.setConfig("menu", menu, { merge: !0 }), this._configService.setConfig(PLUGIN_CONFIG_KEY, rest);
+const INumfmtController = createIdentifier("INumfmtController");
+var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __defNormalProp2 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, "__defNormalProp"), __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp2(target, key, result), result;
+}, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam"), __publicField2 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp2(obj, typeof key != "symbol" ? key + "" : key, value), "__publicField"), _a2;
+let UniverSheetsNumfmtPlugin = (_a2 = class extends Plugin {
+  constructor(_config = void 0, _injector, _commandService) {
+    super(), this._config = _config, this._injector = _injector, this._commandService = _commandService;
   }
   onStarting() {
-    this._injector.add([INumfmtController, { useClass: NumfmtController, lazy: !1 }]), this._injector.add([NumfmtEditorController]), this._injector.add([UserHabitController]), this._injector.add([SheetsNumfmtCellContentController]), this._injector.add([MenuCurrencyService]), this._injector.add([NumfmtCurrencyController]), this._injector.add([NumfmtMenuController]);
+    registerDependencies(this._injector, [
+      [SheetsNumfmtCellContentController],
+      [MenuCurrencyService],
+      [NumfmtCurrencyController]
+    ]);
   }
   onRendered() {
-    this._injector.get(INumfmtController), this._injector.get(SheetsNumfmtCellContentController), this._injector.get(NumfmtCurrencyController), this._injector.get(NumfmtEditorController), this._injector.get(NumfmtMenuController);
+    touchDependencies(this._injector, [
+      [INumfmtController],
+      [SheetsNumfmtCellContentController],
+      [NumfmtCurrencyController]
+    ]), [
+      AddDecimalCommand,
+      SubtractDecimalCommand,
+      SetCurrencyCommand,
+      SetPercentCommand,
+      SetNumfmtCommand
+    ].forEach((config) => {
+      this.disposeWithMe(this._commandService.registerCommand(config));
+    });
   }
-}, __name(_a6, "UniverSheetsNumfmtPlugin"), _a6);
+}, __name(_a2, "UniverSheetsNumfmtPlugin"), _a2);
 __publicField2(UniverSheetsNumfmtPlugin, "pluginName", SHEET_NUMFMT_PLUGIN);
 __publicField2(UniverSheetsNumfmtPlugin, "type", UniverInstanceType.UNIVER_SHEET);
 UniverSheetsNumfmtPlugin = __decorateClass([
-  DependentOn(UniverSheetsPlugin, UniverSheetsUIPlugin),
+  DependentOn(UniverSheetsPlugin),
   __decorateParam(1, Inject(Injector)),
-  __decorateParam(2, IConfigService)
+  __decorateParam(2, ICommandService)
 ], UniverSheetsNumfmtPlugin);
+const getCurrencyType = /* @__PURE__ */ __name((pattern) => currencySymbols.find((code) => pattern.includes(code)), "getCurrencyType"), getCurrencyOptions = /* @__PURE__ */ __name(() => currencySymbols.map((item) => ({ label: item, value: item })), "getCurrencyOptions"), 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"), CloseNumfmtPanelOperator = {
+  id: "sheet.operation.close.numfmt.panel",
+  type: CommandType.OPERATION,
+  handler: /* @__PURE__ */ __name(() => (
+    // do nothing,just notify panel is closed
+    !0
+  ), "handler")
+}, OpenNumfmtPanelOperator = {
+  id: "sheet.operation.open.numfmt.panel",
+  type: CommandType.OPERATION,
+  handler: /* @__PURE__ */ __name((accessor) => (accessor.get(INumfmtController).openPanel(), !0), "handler")
+};
 export {
   AddDecimalCommand,
+  CURRENCYFORMAT,
   CloseNumfmtPanelOperator,
+  DATEFMTLISG,
   MenuCurrencyService,
+  NUMBERFORMAT,
   OpenNumfmtPanelOperator,
   SetCurrencyCommand,
   SetNumfmtCommand,
   SetPercentCommand,
+  SheetsNumfmtCellContentController,
   SubtractDecimalCommand,
   UniverSheetsNumfmtPlugin,
   countryCurrencyMap,
+  currencySymbols,
+  getCurrencyFormatOptions,
+  getCurrencyOptions,
+  getCurrencyType,
+  getDateFormatOptions,
+  getDecimalFromPattern,
+  getDecimalString,
+  getNumberFormatOptions,
   getPatternPreview,
-  getPatternType
+  getPatternPreviewIgnoreGeneral,
+  getPatternType,
+  isPatternEqualWithoutDecimal,
+  isPatternHasDecimal,
+  setPatternDecimal
 };