@univerjs/sheets-numfmt-ui 0.5.4 → 0.5.5-experimental.20250123-34738ff

package/lib/es/index.js

@@ -1,61 +1,64 @@
-var ht = Object.defineProperty;
-var ft = (t, e, n) => e in t ? ht(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var X = (t, e, n) => ft(t, typeof e != "symbol" ? e + "" : e, n);
-import { Inject as S, LocaleService as T, Disposable as oe, isRealNum as pt, CommandType as Be, ILocalStorageService as We, useDependency as b, numfmt as Q, UniverInstanceType as E, CellValueType as $, Range as Ve, toDisposable as ge, DisposableCollection as vt, InterceptorEffectEnum as Oe, ThemeService as _t, IUniverInstanceService as ye, ICommandService as be, Injector as Ge, Optional as gt, useInjector as St, DependentOn as yt, Plugin as bt, merge as Ct, registerDependencies as It, touchDependencies as Nt, IConfigService as Et } from "@univerjs/core";
-import { IRenderManagerService as Ke } from "@univerjs/engine-render";
-import { currencySymbols as Ue, getDecimalFromPattern as te, getCurrencyType as W, setPatternDecimal as M, getCurrencyFormatOptions as ue, isPatternEqualWithoutDecimal as ce, CURRENCYFORMAT as Tt, DATEFMTLISG as xt, NUMBERFORMAT as Pt, getDateFormatOptions as qe, getNumberFormatOptions as Ye, isPatternHasDecimal as Mt, getPatternType as ne, SetNumfmtCommand as Ze, getPatternPreviewIgnoreGeneral as Rt, MenuCurrencyService as jt, countryCurrencyMap as O, SetCurrencyCommand as ze, AddDecimalCommand as Je, SubtractDecimalCommand as Xe, SetPercentCommand as Qe, getPatternPreview as wt, UniverSheetsNumfmtPlugin as Ot } from "@univerjs/sheets-numfmt";
-import { HoverManagerService as Ut, CellAlertManagerService as $t, CellAlertType as Dt, SheetSkeletonManagerService as Ft, IEditorBridgeService as Lt, getCurrentRangeDisable$ as V, deriveStateFromActiveSheet$ as Ht, UniverSheetsUIPlugin as At } from "@univerjs/sheets-ui";
-import { IZenZoneService as kt, ComponentManager as et, ISidebarService as Bt, MenuItemType as G, getMenuHiddenObservable as K, ILayoutService as Wt, RibbonStartGroup as Vt, IMenuManagerService as Gt, UI_PLUGIN_CONFIG_KEY as Kt } from "@univerjs/ui";
-import { FormulaDataModel as qt } from "@univerjs/engine-formula";
-import { DEFAULT_TEXT_FORMAT as Ce } from "@univerjs/engine-numfmt";
-import { INumfmtService as Ie, INTERCEPTOR_POINT as Yt, RemoveNumfmtMutation as Ne, SetNumfmtMutation as Ee, SheetInterceptorService as tt, SheetsSelectionsService as Te, BEFORE_CELL_EDIT as Zt, AFTER_CELL_EDIT as zt, SetRangeValuesCommand as Jt, transformCellsToRange as Xt, factorySetNumfmtUndoMutation as Qt, factoryRemoveNumfmtUndoMutation as en, WorkbookEditablePermission as q, WorksheetEditPermission as Y, WorksheetSetCellStylePermission as Z, RangeProtectionPermissionEditPoint as z } from "@univerjs/sheets";
-import { debounceTime as tn, Observable as D, combineLatest as nn, merge as rn } from "rxjs";
-import { map as sn, switchMap as on, tap as cn, debounceTime as an } from "rxjs/operators";
-import ln, { createContext as mn, useState as C, useEffect as ae, useRef as xe, useContext as nt, useMemo as R, forwardRef as rt, createElement as Pe } from "react";
-import { InputNumber as Me, Select as Re, SelectList as je, Input as un, Button as $e } from "@univerjs/design";
-const De = {};
-var dn = Object.defineProperty, hn = Object.getOwnPropertyDescriptor, fn = (t, e, n, r) => {
-  for (var s = r > 1 ? void 0 : r ? hn(e, n) : e, i = t.length - 1, o; i >= 0; i--)
-    (o = t[i]) && (s = (r ? o(e, n, s) : o(s)) || s);
-  return r && s && dn(e, n, s), s;
-}, U = (t, e) => (n, r) => e(n, r, t);
-const de = "SHEET_NUMFMT_ALERT";
-let Se = class extends oe {
-  constructor(t, e, n, r, s, i, o) {
-    super(), this._context = t, this._hoverManagerService = e, this._cellAlertManagerService = n, this._localeService = r, this._formulaDataModel = s, this._zenZoneService = i, this._numfmtService = o, this._init();
+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 { Inject, LocaleService, Disposable, isRealNum, CommandType, ILocalStorageService, useDependency, numfmt, UniverInstanceType, CellValueType, Range, toDisposable, DisposableCollection, InterceptorEffectEnum, ThemeService, IUniverInstanceService, ICommandService, Injector, Optional, DependentOn, Plugin, merge as merge$1, registerDependencies, touchDependencies, IConfigService } from "@univerjs/core";
+import { IRenderManagerService } from "@univerjs/engine-render";
+import { currencySymbols, getDecimalFromPattern, getCurrencyType, setPatternDecimal, getCurrencyFormatOptions, isPatternEqualWithoutDecimal, CURRENCYFORMAT, DATEFMTLISG, NUMBERFORMAT, getDateFormatOptions, getNumberFormatOptions, isPatternHasDecimal, getPatternType, SetNumfmtCommand, getPatternPreviewIgnoreGeneral, SheetsNumfmtCellContentController, MenuCurrencyService, countryCurrencyMap, SetCurrencyCommand, AddDecimalCommand, SubtractDecimalCommand, SetPercentCommand, getPatternPreview, UniverSheetsNumfmtPlugin } from "@univerjs/sheets-numfmt";
+import { HoverManagerService, CellAlertManagerService, CellAlertType, SheetSkeletonManagerService, IEditorBridgeService, getCurrentRangeDisable$, deriveStateFromActiveSheet$, UniverSheetsUIPlugin } from "@univerjs/sheets-ui";
+import { IZenZoneService, ComponentManager, ISidebarService, MenuItemType, getMenuHiddenObservable, ILayoutService, RibbonStartGroup, IMenuManagerService, UI_PLUGIN_CONFIG_KEY } from "@univerjs/ui";
+import { FormulaDataModel } from "@univerjs/engine-formula";
+import { DEFAULT_TEXT_FORMAT } from "@univerjs/engine-numfmt";
+import { INumfmtService, INTERCEPTOR_POINT, RemoveNumfmtMutation, SetNumfmtMutation, SheetInterceptorService, SheetsSelectionsService, BEFORE_CELL_EDIT, AFTER_CELL_EDIT, SetRangeValuesCommand, transformCellsToRange, factorySetNumfmtUndoMutation, factoryRemoveNumfmtUndoMutation, WorkbookEditablePermission, WorksheetEditPermission, WorksheetSetCellStylePermission, RangeProtectionPermissionEditPoint } from "@univerjs/sheets";
+import { debounceTime, merge, Observable, combineLatest } from "rxjs";
+import { map, switchMap, tap, debounceTime as debounceTime$1 } from "rxjs/operators";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { createContext, useState, useEffect, useRef, useContext, useMemo, forwardRef, createElement } from "react";
+import { InputNumber, Select, SelectList, Input, Button } from "@univerjs/design";
+const defaultPluginConfig = {};
+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");
+const ALERT_KEY = "SHEET_NUMFMT_ALERT";
+var _a;
+let NumfmtAlertRenderController = (_a = class extends Disposable {
+  constructor(_context, _hoverManagerService, _cellAlertManagerService, _localeService, _formulaDataModel, _zenZoneService, _numfmtService) {
+    super(), this._context = _context, this._hoverManagerService = _hoverManagerService, this._cellAlertManagerService = _cellAlertManagerService, this._localeService = _localeService, this._formulaDataModel = _formulaDataModel, this._zenZoneService = _zenZoneService, this._numfmtService = _numfmtService, this._init();
   }
   _init() {
     this._initCellAlertPopup(), this._initZenService();
   }
   _initCellAlertPopup() {
-    this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(tn(100)).subscribe((t) => {
-      var e;
-      if (t) {
-        const n = t.location, r = this._context.unit, s = r.getActiveSheet();
-        if (!s) return;
-        const i = n.unitId, o = n.subUnitId;
-        let c;
-        const a = s.getCell(n.row, n.col);
-        if (a != null && a.s) {
-          const m = r.getStyles().get(a.s);
-          m != null && m.n && (c = m.n);
+    this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(debounceTime(100)).subscribe((cellPos) => {
+      var _a7;
+      if (cellPos) {
+        const location = cellPos.location, workbook = this._context.unit, worksheet = workbook.getActiveSheet();
+        if (!worksheet) return;
+        const unitId = location.unitId, sheetId = location.subUnitId;
+        let numfmtValue;
+        const cellData = worksheet.getCell(location.row, location.col);
+        if (cellData != null && cellData.s) {
+          const style = workbook.getStyles().get(cellData.s);
+          style != null && style.n && (numfmtValue = style.n);
         }
-        if (c || (c = this._numfmtService.getValue(i, o, n.row, n.col)), !c) {
+        if (numfmtValue || (numfmtValue = this._numfmtService.getValue(unitId, sheetId, location.row, location.col)), !numfmtValue) {
           this._hideAlert();
           return;
         }
-        if (c.pattern === Ce && (a != null && a.v) && pt(a.v)) {
-          const m = this._cellAlertManagerService.currentAlert.get(de), d = (e = m == null ? void 0 : m.alert) == null ? void 0 : e.location;
-          if (d && d.row === n.row && d.col === n.col && d.subUnitId === n.subUnitId && d.unitId === n.unitId)
+        if (numfmtValue.pattern === DEFAULT_TEXT_FORMAT && (cellData != null && cellData.v) && isRealNum(cellData.v)) {
+          const currentAlert = this._cellAlertManagerService.currentAlert.get(ALERT_KEY), currentLoc = (_a7 = currentAlert == null ? void 0 : currentAlert.alert) == null ? void 0 : _a7.location;
+          if (currentLoc && currentLoc.row === location.row && currentLoc.col === location.col && currentLoc.subUnitId === location.subUnitId && currentLoc.unitId === location.unitId)
             return;
           this._cellAlertManagerService.showAlert({
-            type: Dt.ERROR,
+            type: CellAlertType.ERROR,
             title: this._localeService.t("info.error"),
             message: this._localeService.t("info.forceStringInfo"),
-            location: n,
+            location,
             width: 200,
             height: 74,
-            key: de
+            key: ALERT_KEY
           });
           return;
         }
@@ -64,396 +67,376 @@ let Se = class extends oe {
     }));
   }
   _initZenService() {
-    this.disposeWithMe(this._zenZoneService.visible$.subscribe((t) => {
-      t && this._hideAlert();
+    this.disposeWithMe(this._zenZoneService.visible$.subscribe((visible) => {
+      visible && this._hideAlert();
     }));
   }
   _hideAlert() {
-    this._cellAlertManagerService.removeAlert(de);
+    this._cellAlertManagerService.removeAlert(ALERT_KEY);
   }
-};
-Se = fn([
-  U(1, S(Ut)),
-  U(2, S($t)),
-  U(3, S(T)),
-  U(4, S(qt)),
-  U(5, kt),
-  U(6, S(Ie))
-], Se);
-const he = {
+}, __name(_a, "NumfmtAlertRenderController"), _a);
+NumfmtAlertRenderController = __decorateClass$5([
+  __decorateParam$5(1, Inject(HoverManagerService)),
+  __decorateParam$5(2, Inject(CellAlertManagerService)),
+  __decorateParam$5(3, Inject(LocaleService)),
+  __decorateParam$5(4, Inject(FormulaDataModel)),
+  __decorateParam$5(5, IZenZoneService),
+  __decorateParam$5(6, Inject(INumfmtService))
+], NumfmtAlertRenderController);
+const CloseNumfmtPanelOperator = {
   id: "sheet.operation.close.numfmt.panel",
-  type: Be.OPERATION,
-  handler: () => (
+  type: CommandType.OPERATION,
+  handler: /* @__PURE__ */ __name(() => (
     // do nothing, just notify panel is closed
     !0
-  )
-}, A = {
+  ), "handler")
+}, OpenNumfmtPanelOperator = {
   id: "sheet.operation.open.numfmt.panel",
-  type: Be.OPERATION,
-  handler: (t) => (t.get(B).openPanel(), !0)
+  type: CommandType.OPERATION,
+  handler: /* @__PURE__ */ __name((accessor) => (accessor.get(SheetNumfmtUIController).openPanel(), !0), "handler")
 };
-var fe = { exports: {} }, L = {};
-/**
- * @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 Fe;
-function pn() {
-  if (Fe) return L;
-  Fe = 1;
-  var t = ln, e = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, s = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function o(c, a, m) {
-    var d, u = {}, h = null, p = null;
-    m !== void 0 && (h = "" + m), a.key !== void 0 && (h = "" + a.key), a.ref !== void 0 && (p = a.ref);
-    for (d in a) r.call(a, d) && !i.hasOwnProperty(d) && (u[d] = a[d]);
-    if (c && c.defaultProps) for (d in a = c.defaultProps, a) u[d] === void 0 && (u[d] = a[d]);
-    return { $$typeof: e, type: c, key: h, ref: p, props: u, _owner: s.current };
-  }
-  return L.Fragment = n, L.jsx = o, L.jsxs = o, L;
-}
-var Le;
-function vn() {
-  return Le || (Le = 1, fe.exports = pn()), fe.exports;
-}
-var l = vn(), _n = Object.defineProperty, gn = Object.getOwnPropertyDescriptor, Sn = (t, e, n, r) => {
-  for (var s = r > 1 ? void 0 : r ? gn(e, n) : e, i = t.length - 1, o; i >= 0; i--)
-    (o = t[i]) && (s = (r ? o(e, n, s) : o(s)) || s);
-  return r && s && _n(e, n, s), s;
-}, yn = (t, e) => (n, r) => e(n, r, t);
-const we = mn([]);
-let k = class {
-  constructor(t) {
-    this._localStorageService = t;
+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");
+const UserHabitCurrencyContext = createContext([]);
+var _a2;
+let UserHabitController = (_a2 = class {
+  constructor(_localStorageService) {
+    this._localStorageService = _localStorageService;
   }
-  _getKey(t) {
-    return `userHabitController_${t}`;
+  _getKey(habit) {
+    return `userHabitController_${habit}`;
   }
-  async addHabit(t, e) {
-    const n = this._getKey(t);
-    return this._localStorageService.getItem(n).then((r) => {
-      r || this._localStorageService.setItem(n, e);
+  async addHabit(habit, initValue) {
+    const key2 = this._getKey(habit);
+    return this._localStorageService.getItem(key2).then((item) => {
+      item || this._localStorageService.setItem(key2, initValue);
     });
   }
-  markHabit(t, e) {
-    const n = this._getKey(t);
-    this._localStorageService.getItem(n).then((r) => {
-      if (r) {
-        const s = r.findIndex((i) => i === e);
-        s > -1 && r.splice(s, 1), r.unshift(e), this._localStorageService.setItem(n, r);
+  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(t, e) {
-    const n = this._getKey(t), r = await this._localStorageService.getItem(n);
-    if (e && r) {
-      const s = r.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 e.sort((i, o) => {
-        var m, d;
-        const c = ((m = s.find((u) => u.value === i)) == null ? void 0 : m.priority) || -1;
-        return (((d = s.find((u) => u.value === o)) == null ? void 0 : d.priority) || -1) - c;
+      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 r || [];
+    return result || [];
   }
-  deleteHabit(t) {
-    this._localStorageService.removeItem(t);
+  deleteHabit(habit) {
+    this._localStorageService.removeItem(habit);
   }
-};
-k = Sn([
-  yn(0, S(We))
-], k);
-const He = "numfmtCurrency", bn = (t) => {
-  const e = b(k), [n, r] = C(Ue);
-  return ae(() => {
-    e.addHabit("numfmtCurrency", []).then(() => {
-      e.getHabit(He, [...Ue]).then((i) => {
-        r(i), t(i);
+}, __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(list);
       });
     });
-  }, []), { userHabitCurrency: n, mark: (i) => {
-    e.markHabit(He, i);
-  } };
-}, Cn = () => {
-  const t = xe([]), [e, n] = C({});
-  return ae(() => {
-    t.current.forEach((s) => {
-      s();
-    }), t.current = [];
-  }, [e]), (s) => {
-    t.current.push(s), n({});
-  };
-}, In = (t) => !!W(t) && t.startsWith("_("), Nn = (t) => {
-  const { defaultPattern: e, action: n, onChange: r } = t, [s, i] = C(() => te(e || "", 2)), o = nt(we), [c, a] = C(() => W(e) || o[0]), m = R(() => o.map((v) => ({ label: v, value: v })), []), u = b(T).t;
-  n.current = () => M(`_("${c}"* #,##0${s > 0 ? ".0" : ""}_)`, s);
-  const h = (v) => {
-    a(v), r(M(`_("${v}"* #,##0${s > 0 ? ".0" : ""}_)`, s));
-  }, p = (v) => {
-    const f = v || 0;
-    i(f), r(M(`_("${c}"* #,##0${f > 0 ? ".0" : ""}_)`, f));
-  };
-  return /* @__PURE__ */ l.jsxs("div", { children: [
-    /* @__PURE__ */ l.jsxs("div", { className: "m-t-16 options", children: [
-      /* @__PURE__ */ l.jsxs("div", { className: "option", children: [
-        /* @__PURE__ */ l.jsx("div", { className: "label", children: u("sheet.numfmt.decimalLength") }),
-        /* @__PURE__ */ l.jsx("div", { className: "m-t-8 w-120", children: /* @__PURE__ */ l.jsx(Me, { value: s, max: 20, min: 0, onChange: p }) })
+  }, []), { 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"), isAccountingPanel = /* @__PURE__ */ __name((pattern) => !!getCurrencyType(pattern) && pattern.startsWith("_("), "isAccountingPanel"), AccountingPanel = /* @__PURE__ */ __name((props) => {
+  const { defaultPattern, action, onChange } = props, [decimal, decimalSet] = useState(() => getDecimalFromPattern(defaultPattern || "", 2)), userHabitCurrency = useContext(UserHabitCurrencyContext), [suffix, suffixSet] = useState(() => getCurrencyType(defaultPattern) || userHabitCurrency[0]), options = useMemo(() => userHabitCurrency.map((key2) => ({ label: key2, value: key2 })), []), t = useDependency(LocaleService).t;
+  action.current = () => setPatternDecimal(`_("${suffix}"* #,##0${decimal > 0 ? ".0" : ""}_)`, decimal);
+  const onSelect = /* @__PURE__ */ __name((v) => {
+    suffixSet(v), onChange(setPatternDecimal(`_("${v}"* #,##0${decimal > 0 ? ".0" : ""}_)`, decimal));
+  }, "onSelect"), onDecimalChange = /* @__PURE__ */ __name((v) => {
+    const decimal2 = v || 0;
+    decimalSet(decimal2), onChange(setPatternDecimal(`_("${suffix}"* #,##0${decimal2 > 0 ? ".0" : ""}_)`, decimal2));
+  }, "onDecimalChange");
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "m-t-16 options", children: [
+      /* @__PURE__ */ jsxs("div", { className: "option", children: [
+        /* @__PURE__ */ jsx("div", { className: "label", children: t("sheet.numfmt.decimalLength") }),
+        /* @__PURE__ */ jsx("div", { className: "m-t-8 w-120", children: /* @__PURE__ */ jsx(InputNumber, { value: decimal, max: 20, min: 0, onChange: onDecimalChange }) })
       ] }),
-      /* @__PURE__ */ l.jsxs("div", { className: "option", children: [
-        /* @__PURE__ */ l.jsx("div", { className: "label", children: u("sheet.numfmt.currencyType") }),
-        /* @__PURE__ */ l.jsx("div", { className: "m-t-8 w-140", children: /* @__PURE__ */ l.jsx(Re, { onChange: h, options: m, value: c }) })
+      /* @__PURE__ */ jsxs("div", { className: "option", children: [
+        /* @__PURE__ */ jsx("div", { className: "label", children: t("sheet.numfmt.currencyType") }),
+        /* @__PURE__ */ jsx("div", { className: "m-t-8 w-140", children: /* @__PURE__ */ jsx(Select, { onChange: onSelect, options, value: suffix }) })
       ] })
     ] }),
-    /* @__PURE__ */ l.jsx("div", { className: "describe m-t-14", children: u("sheet.numfmt.accountingDes") })
+    /* @__PURE__ */ jsx("div", { className: "describe m-t-14", children: t("sheet.numfmt.accountingDes") })
   ] });
-}, En = (t) => !!W(t) && !t.startsWith("_("), Tn = (t) => {
-  const n = b(T).t, r = nt(we), [s, i] = C(() => W(t.defaultPattern) || r[0]), [o, c] = C(() => te(t.defaultPattern || "", 2)), [a, m] = C(() => {
-    var _;
-    const f = ue(s);
-    return ((_ = f.find((I) => ce(I.value, t.defaultPattern))) == null ? void 0 : _.value) || f[0].value;
-  }), d = R(() => ue(s), [s]), u = R(() => r.map((f) => ({ label: f, value: f })), [r]);
-  t.action.current = () => M(a, o);
-  const h = (f) => {
-    if (f === void 0)
+}, "AccountingPanel"), 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;
-    i(f);
-    const y = ue(f)[0].value;
-    m(y), t.onChange(M(y, o));
-  }, p = (f) => {
-    f !== void 0 && (m(f), t.onChange(M(f, o)));
-  }, v = (f) => {
-    c(f || 0), t.onChange(M(a, f || 0));
-  };
-  return /* @__PURE__ */ l.jsxs("div", { children: [
-    /* @__PURE__ */ l.jsxs("div", { className: "m-t-16 options", children: [
-      /* @__PURE__ */ l.jsxs("div", { className: "option", children: [
-        /* @__PURE__ */ l.jsx("div", { className: "label", children: n("sheet.numfmt.decimalLength") }),
-        /* @__PURE__ */ l.jsx("div", { className: "m-t-8 w-120", children: /* @__PURE__ */ l.jsx(Me, { value: o, max: 20, min: 0, onChange: v }) })
+    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__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "m-t-16 options", children: [
+      /* @__PURE__ */ jsxs("div", { className: "option", children: [
+        /* @__PURE__ */ jsx("div", { className: "label", children: t("sheet.numfmt.decimalLength") }),
+        /* @__PURE__ */ jsx("div", { className: "m-t-8 w-120", children: /* @__PURE__ */ jsx(InputNumber, { value: decimal, max: 20, min: 0, onChange: onDecimalChange }) })
       ] }),
-      /* @__PURE__ */ l.jsxs("div", { className: "option", children: [
-        /* @__PURE__ */ l.jsx("div", { className: "label", children: n("sheet.numfmt.currencyType") }),
-        /* @__PURE__ */ l.jsx("div", { className: "m-t-8 w-140", children: /* @__PURE__ */ l.jsx(Re, { onChange: h, options: u, value: s }) })
+      /* @__PURE__ */ jsxs("div", { className: "option", children: [
+        /* @__PURE__ */ jsx("div", { className: "label", children: t("sheet.numfmt.currencyType") }),
+        /* @__PURE__ */ jsx("div", { className: "m-t-8 w-140", children: /* @__PURE__ */ jsx(Select, { onChange: onSelect, options, value: suffix }) })
       ] })
     ] }),
-    /* @__PURE__ */ l.jsx("div", { className: "m-t-16 label", children: n("sheet.numfmt.negType") }),
-    /* @__PURE__ */ l.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ l.jsx(je, { onChange: p, options: d, value: a }) }),
-    /* @__PURE__ */ l.jsx("div", { className: "describe m-t-14", children: n("sheet.numfmt.currencyDes") })
+    /* @__PURE__ */ jsx("div", { className: "m-t-16 label", children: t("sheet.numfmt.negType") }),
+    /* @__PURE__ */ jsx("div", { className: "m-t-8", children: /* @__PURE__ */ jsx(SelectList, { onChange, options: negativeOptions, value: pattern }) }),
+    /* @__PURE__ */ jsx("div", { className: "describe m-t-14", children: t("sheet.numfmt.currencyDes") })
   ] });
-};
-var N = function() {
-  return N = Object.assign || function(t) {
-    for (var e, n = 1, r = arguments.length; n < r; n++) {
-      e = arguments[n];
-      for (var s in e) Object.prototype.hasOwnProperty.call(e, s) && (t[s] = e[s]);
+}, "CurrencyPanel");
+var __assign = function() {
+  return __assign = Object.assign || function(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && (t[p] = s[p]);
     }
     return t;
-  }, N.apply(this, arguments);
-}, xn = function(t, e) {
-  var n = {};
-  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var s = 0, r = Object.getOwnPropertySymbols(t); s < r.length; s++)
-      e.indexOf(r[s]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[s]) && (n[r[s]] = t[r[s]]);
-  return n;
-}, st = rt(function(t, e) {
-  var n = t.icon, r = t.id, s = t.className, i = t.extend, o = xn(t, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(r, " ").concat(s || "").trim(), a = xe("_".concat(Rn()));
-  return it(n, "".concat(r), { defIds: n.defIds, idSuffix: a.current }, N({ ref: e, className: c }, o), i);
+  }, __assign.apply(this, arguments);
+}, __rest = function(s, e) {
+  var t = {};
+  for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
+  if (s != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
+      e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[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 it(t, e, n, r, s) {
-  return Pe(t.tag, N(N({ key: e }, Pn(t, n, s)), r), (Mn(t, n).children || []).map(function(i, o) {
-    return it(i, "".concat(e, "-").concat(t.tag, "-").concat(o), n, void 0, s);
+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);
   }));
 }
-function Pn(t, e, n) {
-  var r = N({}, t.attrs);
-  n != null && n.colorChannel1 && r.fill === "colorChannel1" && (r.fill = n.colorChannel1);
-  var s = e.defIds;
-  return !s || s.length === 0 || (t.tag === "use" && r["xlink:href"] && (r["xlink:href"] = r["xlink:href"] + e.idSuffix), Object.entries(r).forEach(function(i) {
-    var o = i[0], c = i[1];
-    typeof c == "string" && (r[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
-  })), r;
+__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;
 }
-function Mn(t, e) {
-  var n, r = e.defIds;
-  return !r || r.length === 0 ? t : t.tag === "defs" && (!((n = t.children) === null || n === void 0) && n.length) ? N(N({}, t), { children: t.children.map(function(s) {
-    return typeof s.attrs.id == "string" && r && r.indexOf(s.attrs.id) > -1 ? N(N({}, s), { attrs: N(N({}, s.attrs), { id: s.attrs.id + e.idSuffix }) }) : s;
-  }) }) : t;
+__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;
 }
-function Rn() {
+__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
+function generateShortUuid() {
   return Math.random().toString(36).substring(2, 8);
 }
-st.displayName = "UniverIcon";
-var jn = { 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" } }] }, ot = rt(function(t, e) {
-  return Pe(st, Object.assign({}, t, {
+__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: e,
-    icon: jn
+    ref,
+    icon: element
   }));
 });
-ot.displayName = "CheckMarkSingle";
-const wn = "univer-custom-format-title", On = "univer-custom-format-input", Un = "univer-custom-format-history-list", $n = "univer-custom-format-history-list-item", Dn = "univer-custom-format-history-list-item-icon-wrap", Fn = "univer-custom-format-des", j = {
-  customFormatTitle: wn,
-  customFormatInput: On,
-  customFormatHistoryList: Un,
-  customFormatHistoryListItem: $n,
-  customFormatHistoryListItemIconWrap: Dn,
-  customFormatDes: Fn
-}, pe = "customFormat", ve = "numfmt_custom_pattern";
-function Ln(t) {
-  const { defaultPattern: e, action: n, onChange: r } = t, s = b(k), i = b(We), o = b(T), [c, a] = C(e);
-  n.current = () => (s.markHabit(pe, c), i.getItem(ve).then((p = []) => {
-    const v = [.../* @__PURE__ */ new Set([c, ...p || []])].splice(0, 10).filter((f) => !!f);
-    i.setItem(ve, v);
-  }), c);
-  const [m, d] = C([]);
-  ae(() => {
-    i.getItem(ve).then((p) => {
-      const v = [
-        ...Tt.map((f) => f.suffix("$")),
-        ...xt.map((f) => f.suffix),
-        ...Pt.map((f) => f.suffix)
+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)
       ];
-      v.push(...p || []), s.addHabit(pe, []).finally(() => {
-        s.getHabit(pe, v).then((f) => {
-          d([...new Set(f)]);
+      list.push(...historyList || []), userHabitController.addHabit(key, []).finally(() => {
+        userHabitController.getHabit(key, list).then((list2) => {
+          optionsSet([...new Set(list2)]);
         });
       });
     });
   }, []);
-  const u = (p) => {
-    a(p), r(p);
-  }, h = () => {
-    r(c);
-  };
-  return /* @__PURE__ */ l.jsxs("div", { className: j.customFormat, children: [
-    /* @__PURE__ */ l.jsx("div", { className: j.customFormatTitle, children: o.t("sheet.numfmt.customFormat") }),
-    /* @__PURE__ */ l.jsx(un, { placeholder: o.t("sheet.numfmt.customFormat"), onBlur: h, value: c, onChange: a, className: j.customFormatInput }),
-    /* @__PURE__ */ l.jsx("div", { className: j.customFormatHistoryList, children: m.map((p) => /* @__PURE__ */ l.jsxs("div", { onClick: () => u(p), className: j.customFormatHistoryListItem, children: [
-      /* @__PURE__ */ l.jsx("div", { className: j.customFormatHistoryListItemIconWrap, children: c === p && /* @__PURE__ */ l.jsx(ot, {}) }),
-      /* @__PURE__ */ l.jsx("div", { children: p })
+  const handleClick = /* @__PURE__ */ __name((p) => {
+    patternSet(p), onChange(p);
+  }, "handleClick"), handleBlur = /* @__PURE__ */ __name(() => {
+    onChange(pattern);
+  }, "handleBlur");
+  return /* @__PURE__ */ jsxs("div", { className: styles.customFormat, children: [
+    /* @__PURE__ */ jsx("div", { className: styles.customFormatTitle, children: localeService.t("sheet.numfmt.customFormat") }),
+    /* @__PURE__ */ jsx(Input, { placeholder: localeService.t("sheet.numfmt.customFormat"), onBlur: handleBlur, value: pattern, onChange: patternSet, className: styles.customFormatInput }),
+    /* @__PURE__ */ jsx("div", { className: styles.customFormatHistoryList, children: options.map((p) => /* @__PURE__ */ jsxs("div", { onClick: /* @__PURE__ */ __name(() => handleClick(p), "onClick"), className: styles.customFormatHistoryListItem, children: [
+      /* @__PURE__ */ jsx("div", { className: styles.customFormatHistoryListItemIconWrap, children: pattern === p && /* @__PURE__ */ jsx(CheckMarkSingle, {}) }),
+      /* @__PURE__ */ jsx("div", { children: p })
     ] }, p)) }),
-    /* @__PURE__ */ l.jsx("div", { className: j.customFormatDes, children: o.t("sheet.numfmt.customFormatDes") })
+    /* @__PURE__ */ jsx("div", { className: styles.customFormatDes, children: localeService.t("sheet.numfmt.customFormatDes") })
   ] });
 }
-const Hn = (t) => {
-  const e = Q.getInfo(t);
-  return qe().map((n) => n.value).includes(t) || ["date", "datetime", "time"].includes(e.type);
-}, An = (t) => {
-  const e = R(qe, []), r = b(T).t, [s, i] = C(() => {
-    if (t.defaultPattern) {
-      const c = e.find((a) => a.value === t.defaultPattern);
-      if (c)
-        return c.value;
+__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 e[0].value;
+    return options[0].value;
   });
-  t.action.current = () => s;
-  const o = (c) => {
-    c !== void 0 && (i(c), t.onChange(c));
-  };
-  return /* @__PURE__ */ l.jsxs("div", { children: [
-    /* @__PURE__ */ l.jsx("div", { className: "m-t-16 label", children: r("sheet.numfmt.dateType") }),
-    /* @__PURE__ */ l.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ l.jsx(je, { value: s, options: e, onChange: o }) }),
-    /* @__PURE__ */ l.jsx("div", { className: "describe m-t-14", children: r("sheet.numfmt.dateDes") })
+  props.action.current = () => suffix;
+  const onChange = /* @__PURE__ */ __name((v) => {
+    v !== void 0 && (suffixSet(v), props.onChange(v));
+  }, "onChange");
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { className: "m-t-16 label", children: t("sheet.numfmt.dateType") }),
+    /* @__PURE__ */ jsx("div", { className: "m-t-8", children: /* @__PURE__ */ jsx(SelectList, { value: suffix, options, onChange }) }),
+    /* @__PURE__ */ jsx("div", { className: "describe m-t-14", children: t("sheet.numfmt.dateDes") })
   ] });
-}, kn = (t) => !t, Bn = (t) => {
-  const n = b(T).t;
-  return t.action.current = () => "", /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsx("div", { className: "describe m-t-14", children: n("sheet.numfmt.generalDes") }) });
-}, Wn = (t) => Ye().some((e) => ce(e.value, t)), Vn = (t) => {
-  const e = b(T), n = R(Ye, []), [r, s] = C(() => te(t.defaultPattern || "", 0)), [i, o] = C(() => {
-    const u = n.find((h) => ce(h.value, t.defaultPattern || ""));
-    return (u == null ? void 0 : u.value) || n[0].value;
-  }), c = R(() => M(i, Number(r || 0)), [i, r]), a = R(() => !Mt(i), [i]), m = (u) => {
-    s(u || 0), t.onChange(M(i, Number(u || 0)));
-  }, d = (u) => {
-    u !== void 0 && (s(te(u, 0)), o(u), t.onChange(u));
-  };
-  return t.action.current = () => c, /* @__PURE__ */ l.jsxs("div", { children: [
-    /* @__PURE__ */ l.jsx("div", { className: "m-t-16 label", children: e.t("sheet.numfmt.decimalLength") }),
-    /* @__PURE__ */ l.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ l.jsx(
-      Me,
+}, "DatePanel"), isGeneralPanel = /* @__PURE__ */ __name((pattern) => !pattern, "isGeneralPanel"), GeneralPanel = /* @__PURE__ */ __name((props) => {
+  const t = useDependency(LocaleService).t;
+  return props.action.current = () => "", /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ 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__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { className: "m-t-16 label", children: localeService.t("sheet.numfmt.decimalLength") }),
+    /* @__PURE__ */ jsx("div", { className: "m-t-8", children: /* @__PURE__ */ jsx(
+      InputNumber,
       {
-        disabled: a,
-        value: r,
+        disabled: isInputDisable,
+        value: decimal,
         max: 20,
         min: 0,
-        onChange: m
+        onChange: handleDecimalChange
       }
     ) }),
-    /* @__PURE__ */ l.jsxs("div", { className: "m-t-16 label", children: [
+    /* @__PURE__ */ jsxs("div", { className: "m-t-16 label", children: [
       " ",
-      e.t("sheet.numfmt.negType")
+      localeService.t("sheet.numfmt.negType")
     ] }),
-    /* @__PURE__ */ l.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ l.jsx(je, { onChange: d, options: n, value: i }) }),
-    /* @__PURE__ */ l.jsx("div", { className: "describe m-t-14", children: e.t("sheet.numfmt.thousandthPercentileDes") })
+    /* @__PURE__ */ jsx("div", { className: "m-t-8", children: /* @__PURE__ */ jsx(SelectList, { onChange: handleClick, options, value: suffix }) }),
+    /* @__PURE__ */ jsx("div", { className: "describe m-t-14", children: localeService.t("sheet.numfmt.thousandthPercentileDes") })
   ] });
-}, Gn = (t) => {
-  const { defaultValue: e, defaultPattern: n, row: r, col: s } = t.value, i = b(T), o = xe(() => ""), c = i.t, a = Cn(), m = R(
+}, "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: Bn },
-      { label: "sheet.numfmt.accounting", component: Nn },
-      { label: "sheet.numfmt.currency", component: Tn },
-      { label: "sheet.numfmt.date", component: An },
-      { label: "sheet.numfmt.thousandthPercentile", component: Vn },
-      { label: "sheet.numfmt.customFormat", component: Ln }
-    ].map((g) => ({ ...g, label: c(g.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) })),
     []
-  ), [d, u] = C(_), [h, p] = C(() => `${r}_${s}`), { mark: v, userHabitCurrency: f } = bn(() => p(`${r}_${s}_userCurrency'`)), y = R(() => {
-    var g;
-    return (g = m.find((w) => w.label === d)) == null ? void 0 : g.component;
-  }, [d]);
-  function _() {
-    return [kn, In, En, Hn, Wn].reduce((w, ut, dt) => w || (ut(n) ? m[dt].label : ""), "") || m[0].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;
   }
-  const I = m.map((g) => ({
-    label: g.label,
-    value: g.label
-  })), x = (g) => {
-    u(g), a(() => t.onChange({ type: "change", value: o.current() || "" }));
-  }, J = (g) => {
-    t.onChange({ type: "change", value: g });
-  }, le = () => {
-    const g = o.current() || "", w = W(g);
-    w && v(w), t.onChange({ type: "confirm", value: g });
-  }, F = () => {
-    t.onChange({ type: "cancel", value: "" });
-  }, me = {
-    onChange: J,
-    defaultValue: e,
-    defaultPattern: n,
-    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 ae(() => {
-    u(_()), p(`${r}_${s}`);
-  }, [r, s]), /* @__PURE__ */ l.jsxs("div", { className: "numfmt-panel p-b-20", children: [
-    /* @__PURE__ */ l.jsxs("div", { children: [
-      /* @__PURE__ */ l.jsx("div", { className: "label m-t-14", children: c("sheet.numfmt.numfmtType") }),
-      /* @__PURE__ */ l.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ l.jsx(Re, { onChange: x, options: I, value: d, style: { width: "100%" } }) }),
-      /* @__PURE__ */ l.jsx("div", { children: y && /* @__PURE__ */ l.jsx(we.Provider, { value: f, children: /* @__PURE__ */ Pe(y, { ...me, key: h }) }) })
+  return useEffect(() => {
+    typeSet(findDefaultType()), keySet(`${row}_${col}`);
+  }, [row, col]), /* @__PURE__ */ jsxs("div", { className: "numfmt-panel p-b-20", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "label m-t-14", children: t("sheet.numfmt.numfmtType") }),
+      /* @__PURE__ */ jsx("div", { className: "m-t-8", children: /* @__PURE__ */ jsx(Select, { onChange: handleSelect, options: selectOptions, value: type, style: { width: "100%" } }) }),
+      /* @__PURE__ */ jsx("div", { children: BusinessComponent && /* @__PURE__ */ jsx(UserHabitCurrencyContext.Provider, { value: userHabitCurrency, children: /* @__PURE__ */ createElement(BusinessComponent, { ...subProps, key: key2 }) }) })
     ] }),
-    /* @__PURE__ */ l.jsxs("div", { className: "btn-list m-t-14 m-b-20", children: [
-      /* @__PURE__ */ l.jsx($e, { size: "small", onClick: F, className: "m-r-12", children: c("sheet.numfmt.cancel") }),
-      /* @__PURE__ */ l.jsx($e, { type: "primary", size: "small", onClick: le, children: c("sheet.numfmt.confirm") })
+    /* @__PURE__ */ jsxs("div", { className: "btn-list m-t-14 m-b-20", children: [
+      /* @__PURE__ */ jsx(Button, { size: "small", onClick: handleCancel, className: "m-r-12", children: t("sheet.numfmt.cancel") }),
+      /* @__PURE__ */ jsx(Button, { type: "primary", size: "small", onClick: handleConfirm, children: t("sheet.numfmt.confirm") })
     ] })
   ] });
-};
-var Kn = Object.defineProperty, qn = Object.getOwnPropertyDescriptor, Yn = (t, e, n, r) => {
-  for (var s = r > 1 ? void 0 : r ? qn(e, n) : e, i = t.length - 1, o; i >= 0; i--)
-    (o = t[i]) && (s = (r ? o(e, n, s) : o(s)) || s);
-  return r && s && Kn(e, n, s), s;
-}, P = (t, e) => (n, r) => e(n, r, t);
-const Ae = "SHEET_NUMFMT_PANEL";
-let B = class extends oe {
-  constructor(e, n, r, s, i, o, c, a, m, d) {
+}, "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");
+const SHEET_NUMFMT_PANEL = "SHEET_NUMFMT_PANEL";
+var _a3;
+let SheetNumfmtUIController = (_a3 = class extends Disposable {
+  constructor(_sheetInterceptorService, _themeService, _univerInstanceService, _commandService, _selectionManagerService, _renderManagerService, _numfmtService, _componentManager, _sidebarService, _localeService, _sheetsNumfmtCellContentController) {
     super();
     /**
      * If _previewPattern is null ,the realTimeRenderingInterceptor will skip and if it is '',realTimeRenderingInterceptor will clear numfmt.
@@ -461,225 +444,235 @@ let B = class extends oe {
      * @type {(string | null)}
      * @memberof NumfmtController
      */
-    X(this, "_previewPattern", "");
-    X(this, "_sidebarDisposable", null);
-    this._sheetInterceptorService = e, this._themeService = n, this._univerInstanceService = r, this._commandService = s, this._selectionManagerService = i, this._renderManagerService = o, this._numfmtService = c, this._componentManager = a, this._sidebarService = m, this._localeService = d, 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._sheetsNumfmtCellContentController = _sheetsNumfmtCellContentController, this._initRealTimeRenderingInterceptor(), this._initPanel(), this._initCommands(), this._initCloseListener(), this._commandExecutedListener(), this._initNumfmtLocalChange();
+  }
+  _initNumfmtLocalChange() {
+    this.disposeWithMe(merge(this._sheetsNumfmtCellContentController.local$, this._localeService.currentLocale$).subscribe(() => {
+      this._forceUpdate();
+    }));
   }
   openPanel() {
-    var y;
-    const e = this._sidebarService, n = this._selectionManagerService, r = this._commandService, s = this._univerInstanceService, i = this._numfmtService, o = this._localeService, a = (((y = n.getCurrentSelections()) == null ? void 0 : y.map((_) => _.range)) || [])[0];
-    if (!a)
+    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 m = s.getCurrentUnitForType(E.UNIVER_SHEET), d = m.getActiveSheet();
-    if (!d)
+    const workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), sheet = workbook.getActiveSheet();
+    if (!sheet)
       return !1;
-    const u = d.getCellRaw(a.startRow, a.startColumn), h = i.getValue(
-      m.getUnitId(),
-      d.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 p = "";
-    h && (p = h.pattern);
-    const v = (u == null ? void 0 : u.t) === $.NUMBER ? u.v : 12345678, f = {
-      onChange: (_) => {
-        var I;
-        if (_.type === "change")
-          this._previewPattern = _.value, this._forceUpdate();
-        else if (_.type === "confirm") {
-          const x = ((I = n.getCurrentSelections()) == null ? void 0 : I.map((F) => F.range)) || [], J = { values: [] }, le = ne(_.value);
-          x.forEach((F) => {
-            Ve.foreach(F, (me, g) => {
-              J.values.push({
-                row: me,
-                col: g,
-                pattern: _.value,
-                type: le
+    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
               });
             });
-          }), r.executeCommand(Ze.id, J), e.close();
-        } else _.type === "cancel" && e.close();
-      },
-      value: { defaultPattern: p, defaultValue: v, 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 = e.open({
-      header: { title: o.t("sheet.numfmt.title") },
+    return this._sidebarDisposable = sidebarService.open({
+      header: { title: localeService.t("sheet.numfmt.title") },
       children: {
-        label: Ae,
-        ...f
+        label: SHEET_NUMFMT_PANEL,
+        ...props
         // need passthrough to react props.
       },
-      onClose: () => {
-        this._forceUpdate(), r.executeCommand(he.id);
-      }
+      onClose: /* @__PURE__ */ __name(() => {
+        this._forceUpdate(), commandService.executeCommand(CloseNumfmtPanelOperator.id);
+      }, "onClose")
     }), !0;
   }
-  _forceUpdate(e) {
-    var r;
-    const n = this._renderManagerService.getRenderById(
-      e != null ? e : this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SHEET).getUnitId()
+  _forceUpdate(unitId) {
+    var _a7;
+    const renderUnit = this._renderManagerService.getRenderById(
+      unitId != null ? unitId : this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId()
     );
-    n == null || n.with(Ft).reCalculate(), (r = n == null ? void 0 : n.mainComponent) == null || r.makeDirty();
+    renderUnit == null || renderUnit.with(SheetSkeletonManagerService).reCalculate(), (_a7 = renderUnit == null ? void 0 : renderUnit.mainComponent) == null || _a7.makeDirty();
   }
   _initCommands() {
     [
-      A,
-      he
-    ].forEach((e) => {
-      this.disposeWithMe(this._commandService.registerCommand(e));
+      OpenNumfmtPanelOperator,
+      CloseNumfmtPanelOperator
+    ].forEach((config) => {
+      this.disposeWithMe(this._commandService.registerCommand(config));
     });
   }
   _initPanel() {
-    this._componentManager.register(Ae, Gn);
+    this._componentManager.register(SHEET_NUMFMT_PANEL, SheetNumfmtPanel);
   }
+  // eslint-disable-next-line max-lines-per-function
   _initRealTimeRenderingInterceptor() {
-    const e = new D((r) => {
-      this._commandService.onCommandExecuted((s) => {
-        s.id === A.id && r.next(!0), s.id === he.id && r.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);
       });
-    }), n = nn([
-      e,
+    }), combineOpenAndSelection$ = combineLatest([
+      isPanelOpenObserver,
       this._selectionManagerService.selectionMoveEnd$.pipe(
-        sn((r) => r ? r.map((s) => s.range) : [])
+        map((selectionInfos) => selectionInfos ? selectionInfos.map((selectionInfo) => selectionInfo.range) : [])
       )
     ]);
     this.disposeWithMe(
-      ge(
-        n.pipe(
-          on(
-            ([r, s]) => new D((i) => {
-              const o = new vt();
-              return r && s.length && i.next({ selectionRanges: s, disposableCollection: o }), () => {
-                o.dispose();
+      toDisposable(
+        combineOpenAndSelection$.pipe(
+          switchMap(
+            ([isOpen, selectionRanges]) => new Observable((subscribe) => {
+              const disposableCollection = new DisposableCollection();
+              return isOpen && selectionRanges.length && subscribe.next({ selectionRanges, disposableCollection }), () => {
+                disposableCollection.dispose();
               };
             })
           ),
-          cn(() => {
+          tap(() => {
             this._previewPattern = null;
           })
-        ).subscribe(({ disposableCollection: r, selectionRanges: s }) => {
-          var o, c;
-          const i = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SHEET);
-          this.openPanel(), r.add(
-            this._sheetInterceptorService.intercept(Yt.CELL_CONTENT, {
+        ).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: Oe.Value | Oe.Style,
-              handler: (a, m, d) => {
-                const { row: u, col: h } = m, p = d(a) || {};
-                if (s.find(
-                  (v) => v.startColumn <= h && v.endColumn >= h && v.startRow <= u && v.endRow >= u
+              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 v = m.worksheet.getCellRaw(u, h), f = v == null ? void 0 : v.v, y = v == null ? void 0 : v.t;
-                  if (f == null || y !== $.NUMBER || this._previewPattern === null)
-                    return p;
-                  const _ = Rt(this._previewPattern, f, this._localeService.getCurrentLocale());
-                  if (_.color) {
-                    const x = this._themeService.getCurrentTheme()[`${_.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 = getPatternPreviewIgnoreGeneral(this._previewPattern, value, this._sheetsNumfmtCellContentController.local);
+                  if (info.color) {
+                    const color = this._themeService.getCurrentTheme()[`${info.color}500`];
                     return {
-                      ...p,
-                      v: _.result,
-                      t: $.STRING,
-                      s: { cl: { rgb: x } }
+                      ...defaultValue,
+                      v: info.result,
+                      t: CellValueType.STRING,
+                      s: { cl: { rgb: color } }
                     };
                   }
                   return {
-                    ...p,
-                    v: _.result,
-                    t: $.STRING
+                    ...defaultValue,
+                    v: info.result,
+                    t: CellValueType.STRING
                   };
                 }
-                return p;
-              }
+                return defaultValue;
+              }, "handler")
             })
-          ), (c = (o = this._renderManagerService.getRenderById(i.getUnitId())) == null ? void 0 : o.mainComponent) == null || c.makeDirty();
+          ), (_b = (_a7 = this._renderManagerService.getRenderById(workbook.getUnitId())) == null ? void 0 : _a7.mainComponent) == null || _b.makeDirty();
         })
       )
     );
   }
   _commandExecutedListener() {
-    const e = [Ne.id, Ee.id];
+    const commandList = [RemoveNumfmtMutation.id, SetNumfmtMutation.id];
     this.disposeWithMe(
-      new D((n) => {
-        const r = this._commandService.onCommandExecuted((s) => {
-          if (e.includes(s.id)) {
-            const i = s.params;
-            n.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 () => r.dispose();
-      }).pipe(an(16)).subscribe((n) => this._forceUpdate(n))
+        return () => disposable.dispose();
+      }).pipe(debounceTime$1(16)).subscribe((unitId) => this._forceUpdate(unitId))
     );
   }
   _initCloseListener() {
-    this._univerInstanceService.getCurrentTypeOfUnit$(E.UNIVER_SHEET).subscribe((e) => {
-      var n;
-      e || ((n = this._sidebarDisposable) == null || n.dispose(), this._sidebarDisposable = null);
+    this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).subscribe((unit) => {
+      var _a7;
+      unit || ((_a7 = this._sidebarDisposable) == null || _a7.dispose(), this._sidebarDisposable = null);
     });
   }
-};
-B = Yn([
-  P(0, S(tt)),
-  P(1, S(_t)),
-  P(2, ye),
-  P(3, be),
-  P(4, S(Te)),
-  P(5, Ke),
-  P(6, Ie),
-  P(7, S(et)),
-  P(8, Bt),
-  P(9, S(T))
-], B);
-var Zn = Object.defineProperty, zn = Object.getOwnPropertyDescriptor, Jn = (t, e, n, r) => {
-  for (var s = r > 1 ? void 0 : r ? zn(e, n) : e, i = t.length - 1, o; i >= 0; i--)
-    (o = t[i]) && (s = (r ? o(e, n, s) : o(s)) || s);
-  return r && s && Zn(e, n, s), s;
-}, H = (t, e) => (n, r) => e(n, r, t);
-const Xn = () => {
-  let t = [];
+}, __name(_a3, "SheetNumfmtUIController"), _a3);
+SheetNumfmtUIController = __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)),
+  __decorateParam$3(10, Inject(SheetsNumfmtCellContentController))
+], SheetNumfmtUIController);
+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: (s, i, o, c, a) => t.push({ unitId: s, subUnitId: i, row: o, col: c, value: a }),
-    getEffects: () => t,
-    clean: () => {
-      t = [];
-    }
+    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 re = class extends oe {
-  constructor(e, n, r, 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
-    X(this, "_collectEffectMutation", Xn());
-    this._sheetInterceptorService = e, this._numfmtService = n, this._univerInstanceService = r, 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(
-      ge(
+      toDisposable(
         this._sheetInterceptorService.writeCellInterceptor.intercept(
-          Zt,
+          BEFORE_CELL_EDIT,
           {
-            handler: (e, n, r) => {
-              const s = n.row, i = n.col, o = this._numfmtService.getValue(
-                n.unitId,
-                n.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 (ne(o.pattern)) {
+              if (numfmtCell)
+                switch (getPatternType(numfmtCell.pattern)) {
                   case "scientific":
                   case "currency":
                   case "grouped":
-                  case "number":
-                    return n.worksheet.getCellRaw(s, i);
+                  case "number": {
+                    const cell = context.worksheet.getCellRaw(row, col);
+                    return next && next(cell);
+                  }
                   case "percent":
                   case "date":
                   case "time":
                   case "datetime":
                   default:
-                    return r && r(e);
+                    return next && next(value);
                 }
-              return r(e);
-            }
+              return next(value);
+            }, "handler")
           }
         )
       )
@@ -692,115 +685,115 @@ let re = class extends oe {
    */
   _initInterceptorEditorEnd() {
     this.disposeWithMe(
-      ge(
+      toDisposable(
         this._sheetInterceptorService.writeCellInterceptor.intercept(
-          zt,
+          AFTER_CELL_EDIT,
           {
             // eslint-disable-next-line complexity
-            handler: (e, n, r) => {
-              var d, u, h, p;
+            handler: /* @__PURE__ */ __name((value, context, next) => {
+              var _a7, _b, _c, _d;
               this._collectEffectMutation.clean();
-              const s = this._numfmtService.getValue(
-                n.unitId,
-                n.subUnitId,
-                n.row,
-                n.col
-              ), i = (d = s && ne(s.pattern)) != null ? d : "", o = () => {
-                s && this._collectEffectMutation.add(
-                  n.unitId,
-                  n.subUnitId,
-                  n.row,
-                  n.col,
+              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
                 );
-              };
-              if (!(e != null && e.v) && !(e != null && e.p) || (s == null ? void 0 : s.pattern) === Ce || e.t === $.FORCE_STRING)
-                return r(e);
-              const c = (u = e.p) == null ? void 0 : u.body, a = (p = (h = e == null ? void 0 : e.p) == null ? void 0 : h.body) != null && p.dataStream ? e.p.body.dataStream.replace(/\r\n$/, "") : String(e.v), m = Q.parseDate(a) || Q.parseTime(a) || Q.parseNumber(a);
-              if (c)
-                if (er(c)) {
-                  const { dataStream: v } = c, f = v.replace(/\r\n$/, ""), y = Number(f);
-                  if (Number.isNaN(y) && !m)
-                    return r(e);
+              }, "clean");
+              if (!(value != null && value.v) && !(value != null && value.p) || (currentNumfmtValue == null ? void 0 : currentNumfmtValue.pattern) === DEFAULT_TEXT_FORMAT || value.t === CellValueType.FORCE_STRING)
+                return next(value);
+              const body = (_b = value.p) == null ? void 0 : _b.body, content = (_d = (_c = value == null ? void 0 : value.p) == null ? void 0 : _c.body) != null && _d.dataStream ? value.p.body.dataStream.replace(/\r\n$/, "") : String(value.v), numfmtInfo = numfmt.parseDate(content) || numfmt.parseTime(content) || numfmt.parseNumber(content);
+              if (body)
+                if (canConvertRichTextToNumfmt(body)) {
+                  const { dataStream } = body, dataStreamWithoutEnd = dataStream.replace(/\r\n$/, ""), num = Number(dataStreamWithoutEnd);
+                  if (Number.isNaN(num) && !numfmtInfo)
+                    return next(value);
                 } else
-                  return r(e);
-              if (m) {
-                m.z && this._collectEffectMutation.add(
-                  n.unitId,
-                  n.subUnitId,
-                  n.row,
-                  n.col,
+                  return next(value);
+              if (numfmtInfo) {
+                numfmtInfo.z && this._collectEffectMutation.add(
+                  context.unitId,
+                  context.subUnitId,
+                  context.row,
+                  context.col,
                   {
-                    pattern: m.z
+                    pattern: numfmtInfo.z
                   }
                 );
-                const v = Number(m.v);
-                return r({ ...e, p: void 0, v, t: $.NUMBER });
-              } else (["date", "time", "datetime", "percent"].includes(i) || !Qn(a)) && o();
-              return r(e);
-            }
+                const v = Number(numfmtInfo.v);
+                return next({ ...value, p: void 0, v, t: CellValueType.NUMBER });
+              } else (["date", "time", "datetime", "percent"].includes(currentNumfmtType) || !isNumeric(content)) && clean();
+              return next(value);
+            }, "handler")
           }
         )
       )
     );
   }
   _initInterceptorCommands() {
-    const e = this;
+    const self = this;
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
-        getMutations(n) {
-          var r;
-          switch (n.id) {
-            case Jt.id: {
-              const s = e._univerInstanceService.getCurrentUnitForType(E.UNIVER_SHEET), i = s.getUnitId(), o = (r = s.getActiveSheet()) == null ? void 0 : r.getSheetId();
-              if (!o)
+        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 c = e._collectEffectMutation.getEffects();
-              if (e._collectEffectMutation.clean(), !c.length)
+              const list = self._collectEffectMutation.getEffects();
+              if (self._collectEffectMutation.clean(), !list.length)
                 return {
                   redos: [],
                   undos: []
                 };
-              const a = c.filter((h) => {
-                var p;
-                return !!((p = h.value) != null && p.pattern);
-              }).map((h) => ({
-                row: h.row,
-                col: h.col,
-                pattern: h.value.pattern
-              })), m = c.filter((h) => {
-                var p;
-                return !((p = h.value) != null && p.pattern);
-              }).map((h) => ({
-                startRow: h.row,
-                endColumn: h.col,
-                startColumn: h.col,
-                endRow: h.row
-              })), d = [], u = [];
-              if (a.length) {
-                const h = {
-                  id: Ee.id,
-                  params: Xt(i, o, a)
+              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)
                 };
-                d.push(h), u.push(...Qt(e._injector, h.params));
+                redos.push(redo), undos.push(...factorySetNumfmtUndoMutation(self._injector, redo.params));
               }
-              if (m.length) {
-                const h = {
-                  id: Ne.id,
+              if (removeCells.length) {
+                const redo = {
+                  id: RemoveNumfmtMutation.id,
                   params: {
-                    unitId: i,
-                    subUnitId: o,
-                    ranges: m
+                    unitId,
+                    subUnitId,
+                    ranges: removeCells
                   }
                 };
-                d.push(h), u.push(...en(e._injector, h.params));
+                redos.push(redo), undos.push(...factoryRemoveNumfmtUndoMutation(self._injector, redo.params));
               }
               return {
-                redos: d,
-                undos: u.reverse()
+                redos,
+                undos: undos.reverse()
               };
             }
           }
@@ -812,29 +805,31 @@ let re = class extends oe {
       })
     );
   }
-};
-re = Jn([
-  H(0, S(tt)),
-  H(1, S(Ie)),
-  H(2, S(ye)),
-  H(3, S(Ge)),
-  H(4, gt(Lt))
-], re);
-function Qn(t) {
-  return /^-?\d+(\.\d+)?$/.test(t);
+}, __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);
 }
-function er(t) {
-  const { textRuns: e = [], paragraphs: n = [], customRanges: r, customBlocks: s = [] } = t, i = ["va"];
-  return !(e.some((o) => !!(o.ts && Object.keys(o.ts).some((a) => i.includes(a)))) || n.some((o) => o.bullet) || n.length >= 2 || r != null && r.length || s.length > 0);
+__name(isNumeric, "isNumeric");
+function canConvertRichTextToNumfmt(body) {
+  const { textRuns = [], paragraphs = [], customRanges, customBlocks = [] } = body, richTextStyle = ["va"];
+  return !(textRuns.some((textRun) => !!(textRun.ts && Object.keys(textRun.ts).some((property) => richTextStyle.includes(property)))) || paragraphs.some((paragraph) => paragraph.bullet) || paragraphs.length >= 2 || customRanges != null && customRanges.length || customBlocks.length > 0);
 }
-const ee = [
+__name(canConvertRichTextToNumfmt, "canConvertRichTextToNumfmt");
+const MENU_OPTIONS = [
   {
     label: "sheet.numfmt.general",
     pattern: null
   },
   {
     label: "sheet.numfmt.text",
-    pattern: Ce
+    pattern: DEFAULT_TEXT_FORMAT
   },
   "|",
   {
@@ -880,223 +875,223 @@ const ee = [
     label: "sheet.numfmt.moreFmt",
     pattern: ""
   }
-], tr = (t) => ({
-  icon: new D((e) => {
-    const n = t.get(jt);
-    function r(i) {
+], CurrencyMenuItem = /* @__PURE__ */ __name((accessor) => ({
+  icon: new Observable((subscribe) => {
+    const menuCurrencyService = accessor.get(MenuCurrencyService);
+    function getIconKey(symbol2) {
       return {
-        [O.US]: "DollarSingle",
-        [O.RU]: "RoubleSingle",
-        [O.CN]: "RmbSingle",
-        [O.AT]: "EuroSingle"
-      }[i] || "DollarSingle";
+        [countryCurrencyMap.US]: "DollarSingle",
+        [countryCurrencyMap.RU]: "RoubleSingle",
+        [countryCurrencyMap.CN]: "RmbSingle",
+        [countryCurrencyMap.AT]: "EuroSingle"
+      }[symbol2] || "DollarSingle";
     }
-    const s = O[n.getCurrencySymbol()] || "$";
-    return e.next(r(s)), n.currencySymbol$.subscribe((i) => {
-      const o = O[i] || "$";
-      e.next(r(o));
+    __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: ze.id,
+  id: SetCurrencyCommand.id,
   title: "sheet.numfmt.currency",
   tooltip: "sheet.numfmt.currency",
-  type: G.BUTTON,
-  hidden$: K(t, E.UNIVER_SHEET),
-  disabled$: V(t, { workbookTypes: [q], worksheetTypes: [Y, Z], rangeTypes: [z] })
-}), nr = (t) => ({
+  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: Je.id,
+  id: AddDecimalCommand.id,
   title: "sheet.numfmt.addDecimal",
   tooltip: "sheet.numfmt.addDecimal",
-  type: G.BUTTON,
-  hidden$: K(t, E.UNIVER_SHEET),
-  disabled$: V(t, { workbookTypes: [q], worksheetTypes: [Y, Z], rangeTypes: [z] })
-}), rr = (t) => ({
+  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: Xe.id,
+  id: SubtractDecimalCommand.id,
   title: "sheet.numfmt.subtractDecimal",
   tooltip: "sheet.numfmt.subtractDecimal",
-  type: G.BUTTON,
-  hidden$: K(t, E.UNIVER_SHEET),
-  disabled$: V(t, { workbookTypes: [q], worksheetTypes: [Y, Z], rangeTypes: [z] })
-}), sr = (t) => ({
+  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: Qe.id,
+  id: SetPercentCommand.id,
   title: "sheet.numfmt.percent",
   tooltip: "sheet.numfmt.percent",
-  type: G.BUTTON,
-  hidden$: K(t, E.UNIVER_SHEET),
-  disabled$: V(t, { workbookTypes: [q], worksheetTypes: [Y, Z], rangeTypes: [z] })
-}), ir = (t) => {
-  const e = t.get(ye), n = t.get(be), r = t.get(T), s = t.get(Te), i = Ht(e, "", ({ workbook: o, worksheet: c }) => new D(
-    (a) => rn(
-      s.selectionMoveEnd$,
-      new D((m) => {
-        const d = [Ne.id, Ee.id], u = n.onCommandExecuted((h) => {
-          d.includes(h.id) && m.next(null);
+  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 () => u.dispose();
+        return () => disposable.dispose();
       })
     ).subscribe(() => {
-      var d, u;
-      const m = s.getCurrentSelections();
-      if (m && m[0]) {
-        const h = m[0].range, p = h.startRow, v = h.startColumn, f = (u = o.getStyles().get((d = c.getCell(p, v)) == null ? void 0 : d.s)) == null ? void 0 : u.n, y = f == null ? void 0 : f.pattern;
-        let _ = r.t("sheet.numfmt.general");
-        if (y) {
-          const I = ee.filter((x) => typeof x == "object" && x.pattern).find(
-            (x) => ce(y, x.pattern)
+      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)
           );
-          I && typeof I == "object" && I.pattern ? _ = r.t(I.label) : _ = r.t("sheet.numfmt.moreFmt");
+          item && typeof item == "object" && item.pattern ? value = localeService.t(item.label) : value = localeService.t("sheet.numfmt.moreFmt");
         }
-        a.next(_);
+        subscribe.next(value);
       }
     })
   ));
   return {
-    label: ct,
-    id: A.id,
+    label: MORE_NUMFMT_TYPE_KEY,
+    id: OpenNumfmtPanelOperator.id,
     tooltip: "sheet.numfmt.title",
-    type: G.SELECTOR,
+    type: MenuItemType.SELECTOR,
     selections: [
       {
         label: {
-          name: at,
+          name: OPTIONS_KEY,
           hoverable: !1
         }
       }
     ],
-    value$: i,
-    hidden$: K(t, E.UNIVER_SHEET),
-    disabled$: V(t, { workbookTypes: [q], worksheetTypes: [Z, Y], rangeTypes: [z] })
+    value$,
+    hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+    disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetSetCellStylePermission, WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
   };
-}, ct = "sheet.numfmt.moreNumfmtType", at = "sheet.numfmt.moreNumfmtType.options", or = (t) => {
-  var r;
-  const e = b(T), n = (r = t.value) != null ? r : e.t("sheet.numfmt.general");
-  return /* @__PURE__ */ l.jsx("span", { className: "more-numfmt-type", children: n });
-}, cr = () => {
-  const t = b(be), e = b(T), n = b(Wt);
-  St();
-  const r = b(Te), s = (c) => {
-    const a = r.getCurrentLastSelection();
-    if (!a)
+}, "FactoryOtherMenuItem"), 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__ */ jsx("span", { className: "more-numfmt-type", children: value });
+}, "MoreNumfmtType"), Options = /* @__PURE__ */ __name(() => {
+  const commandService = useDependency(ICommandService), localeService = useDependency(LocaleService), layoutService = useDependency(ILayoutService), sheetsNumfmtCellContentController = useDependency(SheetsNumfmtCellContentController), selectionManagerService = useDependency(SheetsSelectionsService), setNumfmt = /* @__PURE__ */ __name((pattern) => {
+    const selection = selectionManagerService.getCurrentLastSelection();
+    if (!selection)
       return;
-    const m = a.range, d = [];
-    Ve.foreach(m, (u, h) => {
-      c ? d.push({ row: u, col: h, pattern: c, type: ne(c) }) : d.push({ row: u, col: h });
-    }), t.executeCommand(Ze.id, { values: d }), n.focus();
-  }, i = (c) => {
-    if (c === 0)
-      s(null);
-    else if (c === ee.length - 1)
-      t.executeCommand(A.id);
+    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 a = ee[c];
-      a.pattern && s(a.pattern);
+      const item = MENU_OPTIONS[index];
+      item.pattern && setNumfmt(item.pattern);
     }
-  }, o = 1220;
-  return /* @__PURE__ */ l.jsx("div", { className: "more-numfmt-type-options", children: ee.map((c, a) => c === "|" ? /* @__PURE__ */ l.jsx("div", { className: "line m-t-4", onClick: (m) => m.stopPropagation() }, a) : /* @__PURE__ */ l.jsxs(
+  }, "handleOnclick"), defaultValue = 1220;
+  return /* @__PURE__ */ jsx("div", { className: "more-numfmt-type-options", children: MENU_OPTIONS.map((item, index) => item === "|" ? /* @__PURE__ */ jsx("div", { className: "line m-t-4", onClick: /* @__PURE__ */ __name((e) => e.stopPropagation(), "onClick") }, index) : /* @__PURE__ */ jsxs(
     "div",
     {
       className: "option-item m-t-4",
-      onClick: () => {
-        i(a);
-      },
+      onClick: /* @__PURE__ */ __name(() => {
+        handleOnclick(index);
+      }, "onClick"),
       children: [
-        /* @__PURE__ */ l.jsx("div", { children: e.t(c.label) }),
-        /* @__PURE__ */ l.jsx("div", { className: "m-l-26", children: c.pattern ? wt(c.pattern || "", o, e.getCurrentLocale()).result : "" })
+        /* @__PURE__ */ jsx("div", { children: localeService.t(item.label) }),
+        /* @__PURE__ */ jsx("div", { className: "m-l-26", children: item.pattern ? getPatternPreview(item.pattern || "", defaultValue, sheetsNumfmtCellContentController.local).result : "" })
       ]
     },
-    a
+    index
   )) });
-}, ar = {
-  [Vt.FORMULAS_INSERT]: {
-    [ze.id]: {
+}, "Options"), menuSchema = {
+  [RibbonStartGroup.FORMULAS_INSERT]: {
+    [SetCurrencyCommand.id]: {
       order: 4,
-      menuItemFactory: tr
+      menuItemFactory: CurrencyMenuItem
     },
-    [Je.id]: {
+    [AddDecimalCommand.id]: {
       order: 5,
-      menuItemFactory: nr
+      menuItemFactory: AddDecimalMenuItem
     },
-    [Xe.id]: {
+    [SubtractDecimalCommand.id]: {
       order: 6,
-      menuItemFactory: rr
+      menuItemFactory: SubtractDecimalMenuItem
     },
-    [Qe.id]: {
+    [SetPercentCommand.id]: {
       order: 7,
-      menuItemFactory: sr
+      menuItemFactory: PercentMenuItem
     },
-    [A.id]: {
+    [OpenNumfmtPanelOperator.id]: {
       order: 8,
-      menuItemFactory: ir
+      menuItemFactory: FactoryOtherMenuItem
     }
   }
 };
-var lr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, ur = (t, e, n, r) => {
-  for (var s = r > 1 ? void 0 : r ? mr(e, n) : e, i = t.length - 1, o; i >= 0; i--)
-    (o = t[i]) && (s = (r ? o(e, n, s) : o(s)) || s);
-  return r && s && lr(e, n, s), s;
-}, ke = (t, e) => (n, r) => e(n, r, t);
-let se = class extends oe {
-  constructor(t, e) {
-    super(), this._componentManager = t, this._menuManagerService = e, this._initMenu();
+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(ar), this.disposeWithMe(this._componentManager.register(ct, or)), this.disposeWithMe(this._componentManager.register(at, cr));
+    this._menuManagerService.mergeMenu(menuSchema), this.disposeWithMe(this._componentManager.register(MORE_NUMFMT_TYPE_KEY, MoreNumfmtType)), this.disposeWithMe(this._componentManager.register(OPTIONS_KEY, Options));
   }
-};
-se = ur([
-  ke(0, S(et)),
-  ke(1, Gt)
-], se);
-var lt = Object.defineProperty, dr = Object.getOwnPropertyDescriptor, hr = (t, e, n) => e in t ? lt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, fr = (t, e, n, r) => {
-  for (var s = r > 1 ? void 0 : r ? dr(e, n) : e, i = t.length - 1, o; i >= 0; i--)
-    (o = t[i]) && (s = (r ? o(e, n, s) : o(s)) || s);
-  return r && s && lt(e, n, s), s;
-}, _e = (t, e) => (n, r) => e(n, r, t), mt = (t, e, n) => hr(t, typeof e != "symbol" ? e + "" : e, n);
-const pr = "SHEET_NUMFMT_UI_PLUGIN";
-let ie = class extends bt {
-  constructor(t = De, e, n, r) {
-    super(), this._config = t, this._injector = e, this._configService = n, this._renderManagerService = r;
-    const { menu: s, ...i } = Ct(
+}, __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");
+const SHEET_NUMFMT_UI_PLUGIN = "SHEET_NUMFMT_UI_PLUGIN";
+var _a6;
+let UniverSheetsNumfmtUIPlugin = (_a6 = class extends Plugin {
+  constructor(_config = defaultPluginConfig, _injector, _configService, _renderManagerService) {
+    super(), this._config = _config, this._injector = _injector, this._configService = _configService, this._renderManagerService = _renderManagerService;
+    const { menu, ...rest } = merge$1(
       {},
-      De,
+      defaultPluginConfig,
       this._config
     );
-    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(Kt, i);
+    menu && this._configService.setConfig("menu", menu, { merge: !0 }), this._configService.setConfig(UI_PLUGIN_CONFIG_KEY, rest);
   }
   onStarting() {
-    It(this._injector, [
-      [B],
-      [re],
-      [k],
-      [se]
+    registerDependencies(this._injector, [
+      [SheetNumfmtUIController],
+      [NumfmtEditorController],
+      [UserHabitController],
+      [NumfmtMenuController]
     ]);
   }
   onRendered() {
-    this._registerRenderModules(), Nt(this._injector, [
-      [B],
-      [re],
-      [se]
+    this._registerRenderModules(), touchDependencies(this._injector, [
+      [SheetNumfmtUIController],
+      [NumfmtEditorController],
+      [NumfmtMenuController]
     ]);
   }
   _registerRenderModules() {
     [
-      [Se]
-    ].forEach((e) => {
-      this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SHEET, e));
+      [NumfmtAlertRenderController]
+    ].forEach((m) => {
+      this.disposeWithMe(this._renderManagerService.registerRenderModule(UniverInstanceType.UNIVER_SHEET, m));
     });
   }
-};
-mt(ie, "pluginName", pr);
-mt(ie, "type", E.UNIVER_SHEET);
-ie = fr([
-  yt(At, Ot),
-  _e(1, S(Ge)),
-  _e(2, Et),
-  _e(3, Ke)
-], ie);
+}, __name(_a6, "UniverSheetsNumfmtUIPlugin"), _a6);
+__publicField2(UniverSheetsNumfmtUIPlugin, "pluginName", SHEET_NUMFMT_UI_PLUGIN);
+__publicField2(UniverSheetsNumfmtUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
+UniverSheetsNumfmtUIPlugin = __decorateClass([
+  DependentOn(UniverSheetsUIPlugin, UniverSheetsNumfmtPlugin),
+  __decorateParam(1, Inject(Injector)),
+  __decorateParam(2, IConfigService),
+  __decorateParam(3, IRenderManagerService)
+], UniverSheetsNumfmtUIPlugin);
 export {
-  ie as UniverSheetsNumfmtUIPlugin
+  UniverSheetsNumfmtUIPlugin
 };