@univerjs/sheets-numfmt-ui 0.7.0 → 0.8.0-beta.1

package/lib/index.js

@@ -1,24 +1,24 @@
-var mt = Object.defineProperty;
-var dt = (e, t, r) => t in e ? mt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var q = (e, t, r) => dt(e, typeof t != "symbol" ? t + "" : t, r);
-import { Inject as S, LocaleService as M, IConfigService as Fe, Disposable as ie, isRealNum as ht, CommandType as Ae, ILocalStorageService as Le, numfmt as J, ThemeService as ft, IUniverInstanceService as ge, ICommandService as _e, UniverInstanceType as T, CellValueType as $, toDisposable as ve, DisposableCollection as vt, InterceptorEffectEnum as we, Range as He, Injector as je, Optional as pt, fromCallback as gt, DependentOn as _t, Plugin as St, merge as yt, registerDependencies as Ct, touchDependencies as bt } from "@univerjs/core";
+var dt = Object.defineProperty;
+var ht = (e, t, r) => t in e ? dt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var q = (e, t, r) => ht(e, typeof t != "symbol" ? t + "" : t, r);
+import { Inject as C, LocaleService as M, IConfigService as Fe, Disposable as ie, isRealNum as ft, CommandType as Ae, ILocalStorageService as Le, isPatternEqualWithoutDecimal as se, numfmt as J, ThemeService as vt, IUniverInstanceService as ge, ICommandService as _e, UniverInstanceType as T, CellValueType as U, toDisposable as ve, DisposableCollection as pt, InterceptorEffectEnum as Pe, Range as He, Injector as je, Optional as gt, willLoseNumericPrecision as _t, fromCallback as St, DependentOn as yt, Plugin as Ct, merge as bt, registerDependencies as It, touchDependencies as Nt } from "@univerjs/core";
 import { IRenderManagerService as Be } from "@univerjs/engine-render";
-import { SHEETS_NUMFMT_PLUGIN_CONFIG_KEY as Nt, currencySymbols as Re, getDecimalFromPattern as ee, getCurrencyType as V, setPatternDecimal as w, getCurrencyFormatOptions as le, isPatternEqualWithoutDecimal as se, CURRENCYFORMAT as It, DATEFMTLISG as Et, NUMBERFORMAT as Tt, getDateFormatOptions as Ve, getNumberFormatOptions as We, isPatternHasDecimal as Mt, SheetsNumfmtCellContentController as Ge, getPatternPreviewIgnoreGeneral as xt, getPatternType as Se, SetNumfmtCommand as Ke, SetPercentCommand as Ze, SubtractDecimalCommand as Ye, AddDecimalCommand as ze, SetCurrencyCommand as Xe, MenuCurrencyService as Pt, countryCurrencyMap as k, getPatternPreview as wt, UniverSheetsNumfmtPlugin as Rt } from "@univerjs/sheets-numfmt";
-import { HoverManagerService as Ot, CellAlertManagerService as Ut, CellAlertType as kt, SheetSkeletonManagerService as Dt, IEditorBridgeService as $t, deriveStateFromActiveSheet$ as Ft, getCurrentRangeDisable$ as W, UniverSheetsUIPlugin as At } from "@univerjs/sheets-ui";
-import { isTextFormat as qe, isDefaultFormat as Lt, DEFAULT_TEXT_FORMAT_EXCEL as Ht } from "@univerjs/engine-numfmt";
-import { INumfmtService as ye, SheetInterceptorService as Je, SheetsSelectionsService as Ce, INTERCEPTOR_POINT as jt, RemoveNumfmtMutation as be, SetNumfmtMutation as Ne, BEFORE_CELL_EDIT as Bt, AFTER_CELL_EDIT as Vt, SetRangeValuesCommand as Wt, transformCellsToRange as Gt, factorySetNumfmtUndoMutation as Kt, factoryRemoveNumfmtUndoMutation as Zt, RangeProtectionPermissionEditPoint as G, WorksheetSetCellStylePermission as K, WorksheetEditPermission as Z, WorkbookEditablePermission as Y } from "@univerjs/sheets";
-import { IZenZoneService as Yt, useDependency as C, ComponentManager as Qe, ISidebarService as zt, getMenuHiddenObservable as z, MenuItemType as X, ILayoutService as Xt, RibbonStartGroup as qt, IMenuManagerService as Jt } from "@univerjs/ui";
-import { debounceTime as Qt, merge as et, Observable as L, combineLatest as en, filter as tn } from "rxjs";
-import { map as nn, switchMap as rn, tap as sn, debounceTime as on } from "rxjs/operators";
-import { jsxs as y, jsx as m } from "react/jsx-runtime";
-import { createContext as an, useState as N, useEffect as oe, useRef as Ie, useContext as tt, useMemo as R, forwardRef as nt, createElement as Ee, useCallback as cn } from "react";
-import { InputNumber as Te, Select as Me, SelectList as xe, Input as ln, clsx as un, borderClassName as mn, Button as Oe, Separator as dn } from "@univerjs/design";
+import { SHEETS_NUMFMT_PLUGIN_CONFIG_KEY as Et, currencySymbols as Re, getDecimalFromPattern as ee, getCurrencyType as V, setPatternDecimal as R, getCurrencyFormatOptions as le, CURRENCYFORMAT as Tt, DATEFMTLISG as Mt, NUMBERFORMAT as wt, getDateFormatOptions as Ve, getNumberFormatOptions as We, isPatternHasDecimal as xt, SheetsNumfmtCellContentController as Ge, getPatternPreviewIgnoreGeneral as Pt, getPatternType as Se, SetNumfmtCommand as Ke, SetPercentCommand as Ze, SubtractDecimalCommand as Ye, AddDecimalCommand as ze, SetCurrencyCommand as Xe, MenuCurrencyService as Rt, countryCurrencyMap as D, getPatternPreview as Ot, UniverSheetsNumfmtPlugin as Ut } from "@univerjs/sheets-numfmt";
+import { HoverManagerService as kt, CellAlertManagerService as Dt, CellAlertType as $t, SheetSkeletonManagerService as Ft, IEditorBridgeService as At, deriveStateFromActiveSheet$ as Lt, getCurrentRangeDisable$ as W, UniverSheetsUIPlugin as Ht } from "@univerjs/sheets-ui";
+import { isTextFormat as qe, isDefaultFormat as jt, DEFAULT_TEXT_FORMAT_EXCEL as Bt } from "@univerjs/engine-numfmt";
+import { INumfmtService as ye, SheetInterceptorService as Je, SheetsSelectionsService as Ce, INTERCEPTOR_POINT as Vt, RemoveNumfmtMutation as be, SetNumfmtMutation as Ie, BEFORE_CELL_EDIT as Wt, AFTER_CELL_EDIT as Gt, SetRangeValuesCommand as Kt, transformCellsToRange as Zt, factorySetNumfmtUndoMutation as Yt, factoryRemoveNumfmtUndoMutation as zt, RangeProtectionPermissionEditPoint as G, WorksheetSetCellStylePermission as K, WorksheetEditPermission as Z, WorkbookEditablePermission as Y } from "@univerjs/sheets";
+import { IZenZoneService as Xt, useDependency as I, ComponentManager as Qe, ISidebarService as qt, getMenuHiddenObservable as z, MenuItemType as X, ILayoutService as Jt, RibbonDataGroup as Qt, IMenuManagerService as en } from "@univerjs/ui";
+import { debounceTime as tn, merge as et, Observable as L, combineLatest as nn, filter as rn } from "rxjs";
+import { map as sn, switchMap as on, tap as cn, debounceTime as an } from "rxjs/operators";
+import { jsxs as b, jsx as d } from "react/jsx-runtime";
+import { createContext as ln, useState as N, useEffect as oe, useRef as Ne, useContext as tt, useMemo as O, forwardRef as nt, createElement as Ee, useCallback as un } from "react";
+import { InputNumber as Te, Select as Me, SelectList as we, Input as mn, clsx as rt, borderClassName as dn, Button as Oe, scrollbarClassName as hn, Separator as fn } from "@univerjs/design";
 const Ue = {};
-var hn = Object.getOwnPropertyDescriptor, fn = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? hn(t, r) : t, s = e.length - 1, o; s >= 0; s--)
+var vn = Object.getOwnPropertyDescriptor, pn = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? vn(t, r) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(i) || i);
   return i;
-}, D = (e, t) => (r, n) => t(r, n, e);
+}, $ = (e, t) => (r, n) => t(r, n, e);
 const ue = "SHEET_NUMFMT_ALERT";
 let pe = class extends ie {
   constructor(e, t, r, n, i, s, o) {
@@ -28,7 +28,7 @@ let pe = class extends ie {
     this._initCellAlertPopup(), this._initZenService();
   }
   _initCellAlertPopup() {
-    this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(Qt(100)).subscribe((e) => {
+    this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(tn(100)).subscribe((e) => {
       var t, r;
       if (e) {
         const n = e.location, i = this._context.unit, s = i.getActiveSheet();
@@ -37,21 +37,21 @@ let pe = class extends ie {
         let c;
         const u = s.getCell(n.row, n.col);
         if (u != null && u.s) {
-          const d = i.getStyles().get(u.s);
-          d != null && d.n && (c = d.n);
+          const h = i.getStyles().get(u.s);
+          h != null && h.n && (c = h.n);
         }
         if (c || (c = this._numfmtService.getValue(o, a, n.row, n.col)), !c) {
           this._hideAlert();
           return;
         }
-        if (qe(c.pattern) && (u != null && u.v) && ht(u.v)) {
-          if ((t = this._configService.getConfig(Nt)) != null && t.disableTextFormatAlert)
+        if (qe(c.pattern) && (u != null && u.v) && ft(u.v)) {
+          if ((t = this._configService.getConfig(Et)) != null && t.disableTextFormatAlert)
             return;
-          const d = this._cellAlertManagerService.currentAlert.get(ue), l = (r = d == null ? void 0 : d.alert) == null ? void 0 : r.location;
+          const h = this._cellAlertManagerService.currentAlert.get(ue), l = (r = h == null ? void 0 : h.alert) == null ? void 0 : r.location;
           if (l && l.row === n.row && l.col === n.col && l.subUnitId === n.subUnitId && l.unitId === n.unitId)
             return;
           this._cellAlertManagerService.showAlert({
-            type: kt.WARNING,
+            type: $t.ERROR,
             title: this._localeService.t("info.error"),
             message: this._localeService.t("info.forceStringInfo"),
             location: n,
@@ -74,13 +74,13 @@ let pe = class extends ie {
     this._cellAlertManagerService.removeAlert(ue);
   }
 };
-pe = fn([
-  D(1, S(Ot)),
-  D(2, S(Ut)),
-  D(3, S(M)),
-  D(4, Yt),
-  D(5, S(ye)),
-  D(6, Fe)
+pe = pn([
+  $(1, C(kt)),
+  $(2, C(Dt)),
+  $(3, C(M)),
+  $(4, Xt),
+  $(5, C(ye)),
+  $(6, Fe)
 ], pe);
 const me = {
   id: "sheet.operation.close.numfmt.panel",
@@ -94,12 +94,12 @@ const me = {
   type: Ae.OPERATION,
   handler: (e) => (e.get(B).openPanel(), !0)
 };
-var vn = Object.getOwnPropertyDescriptor, pn = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? vn(t, r) : t, s = e.length - 1, o; s >= 0; s--)
+var gn = Object.getOwnPropertyDescriptor, _n = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? gn(t, r) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(i) || i);
   return i;
-}, gn = (e, t) => (r, n) => t(r, n, e);
-const Pe = an([]);
+}, Sn = (e, t) => (r, n) => t(r, n, e);
+const xe = ln([]);
 let j = class {
   constructor(e) {
     this._localStorageService = e;
@@ -133,9 +133,9 @@ let j = class {
         };
       });
       return t.sort((s, o) => {
-        var u, d;
+        var u, h;
         const a = ((u = i.find((l) => l.value === s)) == null ? void 0 : u.priority) || -1;
-        return (((d = i.find((l) => l.value === o)) == null ? void 0 : d.priority) || -1) - a;
+        return (((h = i.find((l) => l.value === o)) == null ? void 0 : h.priority) || -1) - a;
       });
     }
     return n || [];
@@ -144,11 +144,11 @@ let j = class {
     this._localStorageService.removeItem(e);
   }
 };
-j = pn([
-  gn(0, S(Le))
+j = _n([
+  Sn(0, C(Le))
 ], j);
-const ke = "numfmtCurrency", _n = (e) => {
-  const t = C(j), [r, n] = N(Re);
+const ke = "numfmtCurrency", yn = (e) => {
+  const t = I(j), [r, n] = N(Re);
   return oe(() => {
     t.addHabit("numfmtCurrency", []).then(() => {
       t.getHabit(ke, [...Re]).then((s) => {
@@ -158,8 +158,8 @@ const ke = "numfmtCurrency", _n = (e) => {
   }, []), { userHabitCurrency: r, mark: (s) => {
     t.markHabit(ke, s);
   } };
-}, Sn = () => {
-  const e = Ie([]), [t, r] = N({});
+}, Cn = () => {
+  const e = Ne([]), [t, r] = N({});
   return oe(() => {
     e.current.forEach((i) => {
       i();
@@ -167,20 +167,20 @@ const ke = "numfmtCurrency", _n = (e) => {
   }, [t]), (i) => {
     e.current.push(i), r({});
   };
-}, yn = (e) => !!V(e) && e.startsWith("_("), Cn = (e) => {
-  const { defaultPattern: t, action: r, onChange: n } = e, [i, s] = N(() => ee(t || "", 2)), o = tt(Pe), [a, c] = N(() => V(t) || o[0]), u = R(() => o.map((p) => ({ label: p, value: p })), []), l = C(M).t;
-  r.current = () => w(`_("${a}"* #,##0${i > 0 ? ".0" : ""}_)`, i);
-  const h = (p) => {
-    c(p), n(w(`_("${p}"* #,##0${i > 0 ? ".0" : ""}_)`, i));
-  }, f = (p) => {
-    const v = p || 0;
-    s(v), n(w(`_("${a}"* #,##0${v > 0 ? ".0" : ""}_)`, v));
+}, bn = (e) => !!V(e) && e.startsWith("_("), In = (e) => {
+  const { defaultPattern: t, action: r, onChange: n } = e, [i, s] = N(() => ee(t || "", 2)), o = tt(xe), [a, c] = N(() => V(t) || o[0]), u = O(() => o.map((p) => ({ label: p, value: p })), []), l = I(M).t;
+  r.current = () => R(`_("${a}"* #,##0${i > 0 ? ".0" : ""}_)`, i);
+  const f = (p) => {
+    c(p), n(R(`_("${p}"* #,##0${i > 0 ? ".0" : ""}_)`, i));
+  }, v = (p) => {
+    const m = p || 0;
+    s(m), n(R(`_("${a}"* #,##0${m > 0 ? ".0" : ""}_)`, m));
   };
-  return /* @__PURE__ */ y("div", { children: [
-    /* @__PURE__ */ y("div", { className: "univer-mt-4 univer-flex univer-justify-between", children: [
-      /* @__PURE__ */ y("div", { className: "option", children: [
-        /* @__PURE__ */ m("div", { className: "univer-text-sm univer-text-gray-400", children: l("sheet.numfmt.decimalLength") }),
-        /* @__PURE__ */ m("div", { className: "univer-mt-2 univer-w-32", children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ b("div", { children: [
+    /* @__PURE__ */ b("div", { className: "univer-mt-4 univer-flex univer-justify-between", children: [
+      /* @__PURE__ */ b("div", { className: "option", children: [
+        /* @__PURE__ */ d("div", { className: "univer-text-sm univer-text-gray-400", children: l("sheet.numfmt.decimalLength") }),
+        /* @__PURE__ */ d("div", { className: "univer-mt-2 univer-w-32", children: /* @__PURE__ */ d(
           Te,
           {
             value: i,
@@ -188,47 +188,47 @@ const ke = "numfmtCurrency", _n = (e) => {
             precision: 0,
             max: 20,
             min: 0,
-            onChange: f
+            onChange: v
           }
         ) })
       ] }),
-      /* @__PURE__ */ y("div", { className: "option", children: [
-        /* @__PURE__ */ m("div", { className: "univer-text-sm univer-text-gray-400", children: l("sheet.numfmt.currencyType") }),
-        /* @__PURE__ */ m("div", { className: "univer-mt-2 univer-w-36", children: /* @__PURE__ */ m(
+      /* @__PURE__ */ b("div", { className: "option", children: [
+        /* @__PURE__ */ d("div", { className: "univer-text-sm univer-text-gray-400", children: l("sheet.numfmt.currencyType") }),
+        /* @__PURE__ */ d("div", { className: "univer-mt-2 univer-w-36", children: /* @__PURE__ */ d(
           Me,
           {
             options: u,
             value: a,
-            onChange: h
+            onChange: f
           }
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ m("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: l("sheet.numfmt.accountingDes") })
+    /* @__PURE__ */ d("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: l("sheet.numfmt.accountingDes") })
   ] });
-}, bn = (e) => !!V(e) && !e.startsWith("_("), Nn = (e) => {
-  const r = C(M).t, n = tt(Pe), [i, s] = N(() => V(e.defaultPattern) || n[0]), [o, a] = N(() => ee(e.defaultPattern || "", 2)), [c, u] = N(() => {
+}, Nn = (e) => !!V(e) && !e.startsWith("_("), En = (e) => {
+  const r = I(M).t, n = tt(xe), [i, s] = N(() => V(e.defaultPattern) || n[0]), [o, a] = N(() => ee(e.defaultPattern || "", 2)), [c, u] = N(() => {
     var g;
-    const v = le(i);
-    return ((g = v.find((I) => se(I.value, e.defaultPattern))) == null ? void 0 : g.value) || v[0].value;
-  }), d = R(() => le(i), [i]), l = R(() => n.map((v) => ({ label: v, value: v })), [n]);
-  e.action.current = () => w(c, o);
-  const h = (v) => {
-    if (v === void 0)
+    const m = le(i);
+    return ((g = m.find((y) => se(y.value, e.defaultPattern))) == null ? void 0 : g.value) || m[0].value;
+  }), h = O(() => le(i), [i]), l = O(() => n.map((m) => ({ label: m, value: m })), [n]);
+  e.action.current = () => R(c, o);
+  const f = (m) => {
+    if (m === void 0)
       return;
-    s(v);
-    const b = le(v)[0].value;
-    u(b), e.onChange(w(b, o));
-  }, f = (v) => {
-    v !== void 0 && (u(v), e.onChange(w(v, o)));
-  }, p = (v) => {
-    a(v || 0), e.onChange(w(c, v || 0));
+    s(m);
+    const S = le(m)[0].value;
+    u(S), e.onChange(R(S, o));
+  }, v = (m) => {
+    m !== void 0 && (u(m), e.onChange(R(m, o)));
+  }, p = (m) => {
+    a(m || 0), e.onChange(R(c, m || 0));
   };
-  return /* @__PURE__ */ y("div", { children: [
-    /* @__PURE__ */ y("div", { className: "univer-mt-4 univer-flex univer-justify-between", children: [
-      /* @__PURE__ */ y("div", { className: "option", children: [
-        /* @__PURE__ */ m("div", { className: "univer-text-sm univer-text-gray-400", children: r("sheet.numfmt.decimalLength") }),
-        /* @__PURE__ */ m("div", { className: "univer-mt-2 univer-w-32", children: /* @__PURE__ */ m(
+  return /* @__PURE__ */ b("div", { children: [
+    /* @__PURE__ */ b("div", { className: "univer-mt-4 univer-flex univer-justify-between", children: [
+      /* @__PURE__ */ b("div", { className: "option", children: [
+        /* @__PURE__ */ d("div", { className: "univer-text-sm univer-text-gray-400", children: r("sheet.numfmt.decimalLength") }),
+        /* @__PURE__ */ d("div", { className: "univer-mt-2 univer-w-32", children: /* @__PURE__ */ d(
           Te,
           {
             value: o,
@@ -238,21 +238,21 @@ const ke = "numfmtCurrency", _n = (e) => {
           }
         ) })
       ] }),
-      /* @__PURE__ */ y("div", { className: "option", children: [
-        /* @__PURE__ */ m("div", { className: "univer-text-sm univer-text-gray-400", children: r("sheet.numfmt.currencyType") }),
-        /* @__PURE__ */ m("div", { className: "univer-mt-2 univer-w-36", children: /* @__PURE__ */ m(
+      /* @__PURE__ */ b("div", { className: "option", children: [
+        /* @__PURE__ */ d("div", { className: "univer-text-sm univer-text-gray-400", children: r("sheet.numfmt.currencyType") }),
+        /* @__PURE__ */ d("div", { className: "univer-mt-2 univer-w-36", children: /* @__PURE__ */ d(
           Me,
           {
             value: i,
             options: l,
-            onChange: h
+            onChange: f
           }
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ m("div", { className: "univer-mt-4 label", children: r("sheet.numfmt.negType") }),
-    /* @__PURE__ */ m("div", { className: "univer-mt-2", children: /* @__PURE__ */ m(xe, { value: c, options: d, onChange: f }) }),
-    /* @__PURE__ */ m("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: r("sheet.numfmt.currencyDes") })
+    /* @__PURE__ */ d("div", { className: "univer-mt-4 label", children: r("sheet.numfmt.negType") }),
+    /* @__PURE__ */ d("div", { className: "univer-mt-2", children: /* @__PURE__ */ d(we, { value: c, options: h, onChange: v }) }),
+    /* @__PURE__ */ d("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: r("sheet.numfmt.currencyDes") })
   ] });
 };
 var E = function() {
@@ -263,23 +263,23 @@ var E = function() {
     }
     return e;
   }, E.apply(this, arguments);
-}, In = function(e, t) {
+}, Tn = function(e, t) {
   var r = {};
   for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
     for (var i = 0, n = Object.getOwnPropertySymbols(e); i < n.length; i++)
       t.indexOf(n[i]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[i]) && (r[n[i]] = e[n[i]]);
   return r;
-}, rt = nt(function(e, t) {
-  var r = e.icon, n = e.id, i = e.className, s = e.extend, o = In(e, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), c = Ie("_".concat(Mn()));
-  return it(r, "".concat(n), { defIds: r.defIds, idSuffix: c.current }, E({ ref: t, className: a }, o), s);
+}, it = nt(function(e, t) {
+  var r = e.icon, n = e.id, i = e.className, s = e.extend, o = Tn(e, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), c = Ne("_".concat(xn()));
+  return st(r, "".concat(n), { defIds: r.defIds, idSuffix: c.current }, E({ ref: t, className: a }, o), s);
 });
-function it(e, t, r, n, i) {
-  return Ee(e.tag, E(E({ key: t }, En(e, r, i)), n), (Tn(e, r).children || []).map(function(s, o) {
-    return it(s, "".concat(t, "-").concat(e.tag, "-").concat(o), r, void 0, i);
+function st(e, t, r, n, i) {
+  return Ee(e.tag, E(E({ key: t }, Mn(e, r, i)), n), (wn(e, r).children || []).map(function(s, o) {
+    return st(s, "".concat(t, "-").concat(e.tag, "-").concat(o), r, void 0, i);
   }));
 }
-function En(e, t, r) {
+function Mn(e, t, r) {
   var n = E({}, e.attrs);
   r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1), e.tag === "mask" && n.id && (n.id = n.id + t.idSuffix), Object.entries(n).forEach(function(s) {
     var o = s[0], a = s[1];
@@ -291,138 +291,141 @@ function En(e, t, r) {
     typeof a == "string" && (n[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
   })), n;
 }
-function Tn(e, t) {
+function wn(e, t) {
   var r, n = t.defIds;
   return !n || n.length === 0 ? e : e.tag === "defs" && (!((r = e.children) === null || r === void 0) && r.length) ? E(E({}, e), { children: e.children.map(function(i) {
-    return typeof i.attrs.id == "string" && n && n.indexOf(i.attrs.id) > -1 ? E(E({}, i), { attrs: E(E({}, i.attrs), { id: i.attrs.id + t.idSuffix }) }) : i;
+    return typeof i.attrs.id == "string" && n && n.includes(i.attrs.id) ? E(E({}, i), { attrs: E(E({}, i.attrs), { id: i.attrs.id + t.idSuffix }) }) : i;
   }) }) : e;
 }
-function Mn() {
+function xn() {
   return Math.random().toString(36).substring(2, 8);
 }
-rt.displayName = "UniverIcon";
-var xn = { 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" } }] }, st = nt(function(e, t) {
-  return Ee(rt, Object.assign({}, e, {
-    id: "check-mark-single",
+it.displayName = "UniverIcon";
+var Pn = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", 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 = nt(function(e, t) {
+  return Ee(it, Object.assign({}, e, {
+    id: "check-mark-icon",
     ref: t,
-    icon: xn
+    icon: Pn
   }));
 });
-st.displayName = "CheckMarkSingle";
+ot.displayName = "CheckMarkIcon";
 const de = "customFormat", he = "numfmt_custom_pattern";
-function Pn(e) {
-  const { defaultPattern: t, action: r, onChange: n } = e, i = C(j), s = C(Le), o = C(M), [a, c] = N(t);
-  r.current = () => (i.markHabit(de, a), s.getItem(he).then((f = []) => {
-    const p = [.../* @__PURE__ */ new Set([a, ...f || []])].splice(0, 10).filter((v) => !!v);
+function Rn(e) {
+  const { defaultPattern: t, action: r, onChange: n } = e, i = I(j), s = I(Le), o = I(M), [a, c] = N(t);
+  r.current = () => (i.markHabit(de, a), s.getItem(he).then((v = []) => {
+    const p = [.../* @__PURE__ */ new Set([a, ...v || []])].splice(0, 10).filter((m) => !!m);
     s.setItem(he, p);
   }), a);
-  const [u, d] = N([]);
+  const [u, h] = N([]);
   oe(() => {
-    s.getItem(he).then((f) => {
+    s.getItem(he).then((v) => {
       const p = [
-        ...It.map((v) => v.suffix("$")),
-        ...Et.map((v) => v.suffix),
-        ...Tt.map((v) => v.suffix)
+        ...Tt.map((m) => m.suffix("$")),
+        ...Mt.map((m) => m.suffix),
+        ...wt.map((m) => m.suffix)
       ];
-      p.push(...f || []), i.addHabit(de, []).finally(() => {
-        i.getHabit(de, p).then((v) => {
-          d([...new Set(v)]);
+      p.push(...v || []), i.addHabit(de, []).finally(() => {
+        i.getHabit(de, p).then((m) => {
+          h([...new Set(m)]);
         });
       });
     });
   }, []);
-  const l = (f) => {
-    c(f), n(f);
-  }, h = () => {
+  const l = (v) => {
+    c(v), n(v);
+  }, f = () => {
     n(a);
   };
-  return /* @__PURE__ */ y("div", { children: [
-    /* @__PURE__ */ m("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: o.t("sheet.numfmt.customFormat") }),
-    /* @__PURE__ */ m(
-      ln,
+  return /* @__PURE__ */ b("div", { children: [
+    /* @__PURE__ */ d("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: o.t("sheet.numfmt.customFormat") }),
+    /* @__PURE__ */ d(
+      mn,
       {
         placeholder: o.t("sheet.numfmt.customFormat"),
-        onBlur: h,
+        onBlur: f,
         value: a,
         onChange: c,
         className: "univer-mt-2 univer-w-full"
       }
     ),
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ d(
       "div",
       {
-        className: un("univer-mt-2 univer-max-h-[400px] univer-overflow-auto univer-rounded-lg univer-p-2", mn),
-        children: u.map((f) => /* @__PURE__ */ y(
+        className: rt("univer-mt-2 univer-max-h-[400px] univer-overflow-auto univer-rounded-lg univer-p-2", dn),
+        children: u.map((v) => /* @__PURE__ */ b(
           "div",
           {
-            onClick: () => l(f),
+            onClick: () => l(v),
             className: "univer-flex univer-cursor-pointer univer-items-center univer-gap-1.5 univer-py-1.5 univer-text-sm",
             children: [
-              /* @__PURE__ */ m("div", { className: "univer-flex univer-w-4 univer-items-center univer-text-primary-600", children: a === f && /* @__PURE__ */ m(st, {}) }),
-              /* @__PURE__ */ m("div", { children: f })
+              /* @__PURE__ */ d("div", { className: "univer-flex univer-w-4 univer-items-center univer-text-primary-600", children: a === v && /* @__PURE__ */ d(ot, {}) }),
+              /* @__PURE__ */ d("div", { children: v })
             ]
           },
-          f
+          v
         ))
       }
     ),
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ d(
       "div",
       {
-        className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
         children: o.t("sheet.numfmt.customFormatDes")
       }
     )
   ] });
 }
-const wn = (e) => {
-  const t = J.getInfo(e);
+const On = (e) => {
+  const t = J.getFormatInfo(e);
   return Ve().map((r) => r.value).includes(e) || ["date", "datetime", "time"].includes(t.type);
-}, Rn = (e) => {
-  const t = R(Ve, []), n = C(M).t, [i, s] = N(() => {
-    if (e.defaultPattern) {
-      const a = t.find((c) => c.value === e.defaultPattern);
-      if (a)
-        return a.value;
+};
+function Un(e) {
+  const { onChange: t, defaultPattern: r } = e, n = O(Ve, []), i = I(M), [s, o] = N(() => {
+    if (r) {
+      const c = n.find((u) => u.value === r);
+      if (c)
+        return c.value;
     }
-    return t[0].value;
+    return n[0].value;
   });
-  e.action.current = () => i;
-  const o = (a) => {
-    a !== void 0 && (s(a), e.onChange(a));
+  e.action.current = () => s;
+  const a = (c) => {
+    c !== void 0 && (o(c), t(c));
   };
-  return /* @__PURE__ */ y("div", { children: [
-    /* @__PURE__ */ m("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: n("sheet.numfmt.dateType") }),
-    /* @__PURE__ */ m("div", { className: "univer-mt-2", children: /* @__PURE__ */ m(xe, { value: i, options: t, onChange: o }) }),
-    /* @__PURE__ */ m(
+  return /* @__PURE__ */ b("div", { children: [
+    /* @__PURE__ */ d("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: i.t("sheet.numfmt.dateType") }),
+    /* @__PURE__ */ d("div", { className: "univer-mt-2", children: /* @__PURE__ */ d(we, { value: s, options: n, onChange: a }) }),
+    /* @__PURE__ */ d(
       "div",
       {
-        className: "univer-mt-3.5 univer-text-sm/5 univer-text-gray-600 dark:univer-text-gray-200",
-        children: n("sheet.numfmt.dateDes")
+        className: "univer-mt-3.5 univer-text-sm/5 univer-text-gray-600 dark:!univer-text-gray-200",
+        children: i.t("sheet.numfmt.dateDes")
       }
     )
   ] });
-}, On = (e) => !e, Un = (e) => {
-  const r = C(M).t;
-  return e.action.current = () => "", /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(
+}
+const kn = (e) => !e, Dn = (e) => {
+  const r = I(M).t;
+  return e.action.current = () => "", /* @__PURE__ */ d("div", { children: /* @__PURE__ */ d(
     "div",
     {
-      className: "univer-mt-3.5 univer-text-sm/5 univer-text-gray-600 dark:univer-text-gray-200",
+      className: "univer-mt-3.5 univer-text-sm/5 univer-text-gray-600 dark:!univer-text-gray-200",
       children: r("sheet.numfmt.generalDes")
     }
   ) });
-}, kn = (e) => We().some((t) => se(t.value, e)), Dn = (e) => {
-  const t = C(M), r = R(We, []), [n, i] = N(() => ee(e.defaultPattern || "", 0)), [s, o] = N(() => {
-    const l = r.find((h) => se(h.value, e.defaultPattern || ""));
+}, $n = (e) => We().some((t) => se(t.value, e));
+function Fn(e) {
+  const t = I(M), r = O(We, []), [n, i] = N(() => ee(e.defaultPattern || "", 0)), [s, o] = N(() => {
+    const l = r.find((f) => se(f.value, e.defaultPattern || ""));
     return (l == null ? void 0 : l.value) || r[0].value;
-  }), a = R(() => w(s, Number(n || 0)), [s, n]), c = R(() => !Mt(s), [s]), u = (l) => {
-    i(l || 0), e.onChange(w(s, Number(l || 0)));
-  }, d = (l) => {
+  }), a = O(() => R(s, Number(n || 0)), [s, n]), c = O(() => !xt(s), [s]), u = (l) => {
+    i(l || 0), e.onChange(R(s, Number(l || 0)));
+  }, h = (l) => {
     l !== void 0 && (i(ee(l, 0)), o(l), e.onChange(l));
   };
-  return e.action.current = () => a, /* @__PURE__ */ y("div", { children: [
-    /* @__PURE__ */ m("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: t.t("sheet.numfmt.decimalLength") }),
-    /* @__PURE__ */ m("div", { className: "univer-mt-2", children: /* @__PURE__ */ m(
+  return e.action.current = () => a, /* @__PURE__ */ b("div", { children: [
+    /* @__PURE__ */ d("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: t.t("sheet.numfmt.decimalLength") }),
+    /* @__PURE__ */ d("div", { className: "univer-mt-2", children: /* @__PURE__ */ d(
       Te,
       {
         disabled: c,
@@ -432,83 +435,84 @@ const wn = (e) => {
         onChange: u
       }
     ) }),
-    /* @__PURE__ */ y("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: [
+    /* @__PURE__ */ b("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: [
       " ",
       t.t("sheet.numfmt.negType")
     ] }),
-    /* @__PURE__ */ m("div", { className: "univer-mt-2", children: /* @__PURE__ */ m(xe, { onChange: d, options: r, value: s }) }),
-    /* @__PURE__ */ m(
+    /* @__PURE__ */ d("div", { className: "univer-mt-2", children: /* @__PURE__ */ d(we, { onChange: h, options: r, value: s }) }),
+    /* @__PURE__ */ d(
       "div",
       {
-        className: "univer-mt-3.5 univer-text-sm/5 univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-3.5 univer-text-sm/5 univer-text-gray-600 dark:!univer-text-gray-200",
         children: t.t("sheet.numfmt.thousandthPercentileDes")
       }
     )
   ] });
-}, $n = (e) => {
-  const { defaultValue: t, defaultPattern: r, row: n, col: i } = e.value, s = C(M), o = Ie(() => ""), a = s.t, c = Sn(), u = R(
+}
+const An = (e) => {
+  const { defaultValue: t, defaultPattern: r, row: n, col: i } = e.value, s = I(M), o = Ne(() => ""), a = s.t, c = Cn(), u = O(
     () => [
-      { label: "sheet.numfmt.general", component: Un },
-      { label: "sheet.numfmt.accounting", component: Cn },
-      { label: "sheet.numfmt.currency", component: Nn },
-      { label: "sheet.numfmt.date", component: Rn },
-      { label: "sheet.numfmt.thousandthPercentile", component: Dn },
-      { label: "sheet.numfmt.customFormat", component: Pn }
+      { label: "sheet.numfmt.general", component: Dn },
+      { label: "sheet.numfmt.accounting", component: In },
+      { label: "sheet.numfmt.currency", component: En },
+      { label: "sheet.numfmt.date", component: Un },
+      { label: "sheet.numfmt.thousandthPercentile", component: Fn },
+      { label: "sheet.numfmt.customFormat", component: Rn }
     ].map((_) => ({ ..._, label: a(_.label) })),
     []
-  ), [d, l] = N(g), [h, f] = N(() => `${n}_${i}`), { mark: p, userHabitCurrency: v } = _n(() => f(`${n}_${i}_userCurrency'`)), b = R(() => {
+  ), [h, l] = N(g), [f, v] = N(() => `${n}_${i}`), { mark: p, userHabitCurrency: m } = yn(() => v(`${n}_${i}_userCurrency'`)), S = O(() => {
     var _;
-    return (_ = u.find((U) => U.label === d)) == null ? void 0 : _.component;
-  }, [d]);
+    return (_ = u.find((k) => k.label === h)) == null ? void 0 : _.component;
+  }, [h]);
   function g() {
-    return [On, yn, bn, wn, kn].reduce((U, lt, ut) => U || (lt(r) ? u[ut].label : ""), "") || u[0].label;
+    return [kn, bn, Nn, On, $n].reduce((k, ut, mt) => k || (ut(r) ? u[mt].label : ""), "") || u[0].label;
   }
-  const I = u.map((_) => ({
+  const y = u.map((_) => ({
     label: _.label,
     value: _.label
-  })), O = (_) => {
+  })), x = (_) => {
     l(_), c(() => e.onChange({ type: "change", value: o.current() || "" }));
-  }, P = cn((_) => {
+  }, P = un((_) => {
     e.onChange({ type: "change", value: _ });
-  }, []), ae = () => {
-    const _ = o.current() || "", U = V(_);
-    U && p(U), e.onChange({ type: "confirm", value: _ });
+  }, []), ce = () => {
+    const _ = o.current() || "", k = V(_);
+    k && p(k), e.onChange({ type: "confirm", value: _ });
   }, F = () => {
     e.onChange({ type: "cancel", value: "" });
-  }, ce = {
+  }, ae = {
     onChange: P,
     defaultValue: t,
     defaultPattern: r,
     action: o
   };
   return oe(() => {
-    l(g()), f(`${n}_${i}`);
-  }, [n, i]), /* @__PURE__ */ y(
+    l(g()), v(`${n}_${i}`);
+  }, [n, i]), /* @__PURE__ */ b(
     "div",
     {
-      className: "univer-flex univer-h-full univer-flex-col univer-justify-between univer-overflow-y-auto univer-pb-5",
+      className: rt("univer-flex univer-h-full univer-flex-col univer-justify-between univer-overflow-y-auto univer-pb-5", hn),
       children: [
-        /* @__PURE__ */ y("div", { children: [
-          /* @__PURE__ */ m("div", { className: "univer-mt-3.5 univer-text-sm univer-text-gray-400", children: a("sheet.numfmt.numfmtType") }),
-          /* @__PURE__ */ m("div", { className: "univer-mt-2", children: /* @__PURE__ */ m(Me, { className: "univer-w-full", value: d, options: I, onChange: O }) }),
-          /* @__PURE__ */ m("div", { children: b && /* @__PURE__ */ m(Pe.Provider, { value: v, children: /* @__PURE__ */ Ee(b, { ...ce, key: h }) }) })
+        /* @__PURE__ */ b("div", { children: [
+          /* @__PURE__ */ d("div", { className: "univer-mt-3.5 univer-text-sm univer-text-gray-400", children: a("sheet.numfmt.numfmtType") }),
+          /* @__PURE__ */ d("div", { className: "univer-mt-2", children: /* @__PURE__ */ d(Me, { className: "univer-w-full", value: h, options: y, onChange: x }) }),
+          /* @__PURE__ */ d("div", { children: S && /* @__PURE__ */ d(xe.Provider, { value: m, children: /* @__PURE__ */ Ee(S, { ...ae, key: f }) }) })
         ] }),
-        /* @__PURE__ */ y("div", { className: "univer-mb-5 univer-mt-3.5 univer-flex univer-justify-end", children: [
-          /* @__PURE__ */ m(Oe, { onClick: F, className: "univer-mr-3", children: a("sheet.numfmt.cancel") }),
-          /* @__PURE__ */ m(Oe, { variant: "primary", onClick: ae, children: a("sheet.numfmt.confirm") })
+        /* @__PURE__ */ b("div", { className: "univer-mb-5 univer-mt-3.5 univer-flex univer-justify-end", children: [
+          /* @__PURE__ */ d(Oe, { onClick: F, className: "univer-mr-3", children: a("sheet.numfmt.cancel") }),
+          /* @__PURE__ */ d(Oe, { variant: "primary", onClick: ce, children: a("sheet.numfmt.confirm") })
         ] })
       ]
     }
   );
 };
-var Fn = Object.getOwnPropertyDescriptor, An = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Fn(t, r) : t, s = e.length - 1, o; s >= 0; s--)
+var Ln = Object.getOwnPropertyDescriptor, Hn = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ln(t, r) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(i) || i);
   return i;
-}, x = (e, t) => (r, n) => t(r, n, e);
+}, w = (e, t) => (r, n) => t(r, n, e);
 const De = "SHEET_NUMFMT_PANEL";
 let B = class extends ie {
-  constructor(t, r, n, i, s, o, a, c, u, d, l) {
+  constructor(t, r, n, i, s, o, a, c, u, h, l) {
     super();
     /**
      * If _previewPattern is null ,the realTimeRenderingInterceptor will skip and if it is '',realTimeRenderingInterceptor will clear numfmt.
@@ -518,7 +522,7 @@ let B = class extends ie {
      */
     q(this, "_previewPattern", "");
     q(this, "_sidebarDisposable", null);
-    this._sheetInterceptorService = t, this._themeService = r, this._univerInstanceService = n, this._commandService = i, this._selectionManagerService = s, this._renderManagerService = o, this._numfmtService = a, this._componentManager = c, this._sidebarService = u, this._localeService = d, this._sheetsNumfmtCellContentController = l, this._initRealTimeRenderingInterceptor(), this._initPanel(), this._initCommands(), this._initCloseListener(), this._commandExecutedListener(), this._initNumfmtLocalChange();
+    this._sheetInterceptorService = t, this._themeService = r, this._univerInstanceService = n, this._commandService = i, this._selectionManagerService = s, this._renderManagerService = o, this._numfmtService = a, this._componentManager = c, this._sidebarService = u, this._localeService = h, this._sheetsNumfmtCellContentController = l, this._initRealTimeRenderingInterceptor(), this._initPanel(), this._initCommands(), this._initCloseListener(), this._commandExecutedListener(), this._initNumfmtLocalChange();
   }
   _initNumfmtLocalChange() {
     this.disposeWithMe(et(this._sheetsNumfmtCellContentController.local$, this._localeService.currentLocale$).subscribe(() => {
@@ -526,47 +530,47 @@ let B = class extends ie {
     }));
   }
   openPanel() {
-    var b;
-    const t = this._sidebarService, r = this._selectionManagerService, n = this._commandService, i = this._univerInstanceService, s = this._numfmtService, o = this._localeService, c = (((b = r.getCurrentSelections()) == null ? void 0 : b.map((g) => g.range)) || [])[0];
+    var S;
+    const t = this._sidebarService, r = this._selectionManagerService, n = this._commandService, i = this._univerInstanceService, s = this._numfmtService, o = this._localeService, c = (((S = r.getCurrentSelections()) == null ? void 0 : S.map((g) => g.range)) || [])[0];
     if (!c)
       return !1;
-    const u = i.getCurrentUnitForType(T.UNIVER_SHEET), d = u.getActiveSheet();
-    if (!d)
+    const u = i.getCurrentUnitForType(T.UNIVER_SHEET), h = u.getActiveSheet();
+    if (!h)
       return !1;
-    const l = d.getCellRaw(c.startRow, c.startColumn), h = s.getValue(
+    const l = h.getCellRaw(c.startRow, c.startColumn), f = s.getValue(
       u.getUnitId(),
-      d.getSheetId(),
+      h.getSheetId(),
       c.startRow,
       c.startColumn
     );
-    let f = "";
-    h && (f = h.pattern);
-    const p = (l == null ? void 0 : l.t) === $.NUMBER ? l.v : 12345678, v = {
+    let v = "";
+    f && (v = f.pattern);
+    const p = (l == null ? void 0 : l.t) === U.NUMBER ? l.v : 12345678, m = {
       onChange: (g) => {
-        var I;
+        var y;
         if (g.type === "change")
           this._previewPattern = g.value, this._forceUpdate();
         else if (g.type === "confirm") {
-          const O = ((I = r.getCurrentSelections()) == null ? void 0 : I.map((F) => F.range)) || [], P = { values: [] }, ae = Se(g.value);
-          O.forEach((F) => {
-            He.foreach(F, (ce, _) => {
+          const x = ((y = r.getCurrentSelections()) == null ? void 0 : y.map((F) => F.range)) || [], P = { values: [] }, ce = Se(g.value);
+          x.forEach((F) => {
+            He.foreach(F, (ae, _) => {
               P.values.push({
-                row: ce,
+                row: ae,
                 col: _,
                 pattern: g.value,
-                type: ae
+                type: ce
               });
             });
           }), n.executeCommand(Ke.id, P), t.close();
         } else g.type === "cancel" && t.close();
       },
-      value: { defaultPattern: f, defaultValue: p, row: c.startRow, col: c.startColumn }
+      value: { defaultPattern: v, defaultValue: p, row: c.startRow, col: c.startColumn }
     };
     return this._sidebarDisposable = t.open({
       header: { title: o.t("sheet.numfmt.title") },
       children: {
         label: De,
-        ...v
+        ...m
         // need passthrough to react props.
       },
       onClose: () => {
@@ -579,7 +583,7 @@ let B = class extends ie {
     const r = this._renderManagerService.getRenderById(
       t != null ? t : this._univerInstanceService.getCurrentUnitForType(T.UNIVER_SHEET).getUnitId()
     );
-    r == null || r.with(Dt).reCalculate(), (n = r == null ? void 0 : r.mainComponent) == null || n.makeDirty();
+    r == null || r.with(Ft).reCalculate(), (n = r == null ? void 0 : r.mainComponent) == null || n.makeDirty();
   }
   _initCommands() {
     [
@@ -590,7 +594,9 @@ let B = class extends ie {
     });
   }
   _initPanel() {
-    this._componentManager.register(De, $n);
+    this.disposeWithMe(
+      this._componentManager.register(De, An)
+    );
   }
   // eslint-disable-next-line max-lines-per-function
   _initRealTimeRenderingInterceptor() {
@@ -598,58 +604,59 @@ let B = class extends ie {
       this._commandService.onCommandExecuted((i) => {
         i.id === H.id && n.next(!0), i.id === me.id && n.next(!1);
       });
-    }), r = en([
+    }), r = nn([
       t,
       this._selectionManagerService.selectionMoveEnd$.pipe(
-        nn((n) => n ? n.map((i) => i.range) : [])
+        sn((n) => n ? n.map((i) => i.range) : [])
       )
     ]);
     this.disposeWithMe(
       ve(
         r.pipe(
-          rn(
+          on(
             ([n, i]) => new L((s) => {
-              const o = new vt();
+              const o = new pt();
               return n && i.length && s.next({ selectionRanges: i, disposableCollection: o }), () => {
                 o.dispose();
               };
             })
           ),
-          sn(() => {
+          cn(() => {
             this._previewPattern = null;
           })
         ).subscribe(({ disposableCollection: n, selectionRanges: i }) => {
           var o, a;
           const s = this._univerInstanceService.getCurrentUnitForType(T.UNIVER_SHEET);
           this.openPanel(), n.add(
-            this._sheetInterceptorService.intercept(jt.CELL_CONTENT, {
+            this._sheetInterceptorService.intercept(Vt.CELL_CONTENT, {
               priority: 99,
-              effect: we.Value | we.Style,
-              handler: (c, u, d) => {
-                const { row: l, col: h } = u, f = d(c) || {};
+              effect: Pe.Value | Pe.Style,
+              handler: (c, u, h) => {
+                var p;
+                const { row: l, col: f } = u, v = h(c) || {};
                 if (i.find(
-                  (p) => p.startColumn <= h && p.endColumn >= h && p.startRow <= l && p.endRow >= l
+                  (m) => m.startColumn <= f && m.endColumn >= f && m.startRow <= l && m.endRow >= l
                 )) {
-                  const p = u.worksheet.getCellRaw(l, h), v = p == null ? void 0 : p.v, b = p == null ? void 0 : p.t;
-                  if (v == null || b !== $.NUMBER || this._previewPattern === null)
-                    return f;
-                  const g = xt(this._previewPattern, v, this._sheetsNumfmtCellContentController.local);
-                  if (g.color) {
-                    const I = this._themeService.getColorFromTheme(`${g.color}.500`);
+                  const m = u.worksheet.getCellRaw(l, f), S = m == null ? void 0 : m.v, g = m == null ? void 0 : m.t;
+                  if (S == null || g !== U.NUMBER || this._previewPattern === null)
+                    return v;
+                  const y = Pt(this._previewPattern, S, this._sheetsNumfmtCellContentController.local);
+                  if (y.color) {
+                    const x = (p = this._themeService.getColorFromTheme(`${y.color}.500`)) != null ? p : y.color;
                     return {
-                      ...f,
-                      v: g.result,
-                      t: $.STRING,
-                      s: { cl: { rgb: I } }
+                      ...v,
+                      v: y.result,
+                      t: U.STRING,
+                      s: { cl: { rgb: x } }
                     };
                   }
                   return {
-                    ...f,
-                    v: g.result,
-                    t: $.STRING
+                    ...v,
+                    v: y.result,
+                    t: U.STRING
                   };
                 }
-                return f;
+                return v;
               }
             })
           ), (a = (o = this._renderManagerService.getRenderById(s.getUnitId())) == null ? void 0 : o.mainComponent) == null || a.makeDirty();
@@ -658,7 +665,7 @@ let B = class extends ie {
     );
   }
   _commandExecutedListener() {
-    const t = [be.id, Ne.id];
+    const t = [be.id, Ie.id];
     this.disposeWithMe(
       new L((r) => {
         const n = this._commandService.onCommandExecuted((i) => {
@@ -668,7 +675,7 @@ let B = class extends ie {
           }
         });
         return () => n.dispose();
-      }).pipe(on(16)).subscribe((r) => this._forceUpdate(r))
+      }).pipe(an(16)).subscribe((r) => this._forceUpdate(r))
     );
   }
   _initCloseListener() {
@@ -678,25 +685,25 @@ let B = class extends ie {
     });
   }
 };
-B = An([
-  x(0, S(Je)),
-  x(1, S(ft)),
-  x(2, ge),
-  x(3, _e),
-  x(4, S(Ce)),
-  x(5, Be),
-  x(6, ye),
-  x(7, S(Qe)),
-  x(8, zt),
-  x(9, S(M)),
-  x(10, S(Ge))
+B = Hn([
+  w(0, C(Je)),
+  w(1, C(vt)),
+  w(2, ge),
+  w(3, _e),
+  w(4, C(Ce)),
+  w(5, Be),
+  w(6, ye),
+  w(7, C(Qe)),
+  w(8, qt),
+  w(9, C(M)),
+  w(10, C(Ge))
 ], B);
-var Ln = Object.getOwnPropertyDescriptor, Hn = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ln(t, r) : t, s = e.length - 1, o; s >= 0; s--)
+var jn = Object.getOwnPropertyDescriptor, Bn = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? jn(t, r) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(i) || i);
   return i;
 }, A = (e, t) => (r, n) => t(r, n, e);
-const jn = () => {
+const Vn = () => {
   let e = [];
   return {
     add: (i, s, o, a, c) => e.push({ unitId: i, subUnitId: s, row: o, col: a, value: c }),
@@ -710,13 +717,13 @@ let te = class extends ie {
   constructor(t, r, n, i, s) {
     super();
     // collect effect mutations when edit end and push this to  commands stack in next commands progress
-    q(this, "_collectEffectMutation", jn());
+    q(this, "_collectEffectMutation", Vn());
     this._sheetInterceptorService = t, this._numfmtService = r, this._univerInstanceService = n, this._injector = i, this._editorBridgeService = s, this._initInterceptorEditorStart(), this._initInterceptorEditorEnd(), this._initInterceptorCommands();
   }
   _initInterceptorEditorStart() {
     this._editorBridgeService && this.disposeWithMe(
       ve(
-        this._sheetInterceptorService.writeCellInterceptor.intercept(Bt, {
+        this._sheetInterceptorService.writeCellInterceptor.intercept(Wt, {
           handler: (t, r, n) => {
             const i = r.row, s = r.col, o = this._numfmtService.getValue(
               r.unitId,
@@ -751,13 +758,14 @@ let te = class extends ie {
    * @private
    * @memberof NumfmtService
    */
+  // eslint-disable-next-line max-lines-per-function
   _initInterceptorEditorEnd() {
     this.disposeWithMe(
       ve(
-        this._sheetInterceptorService.writeCellInterceptor.intercept(Vt, {
+        this._sheetInterceptorService.writeCellInterceptor.intercept(Gt, {
           // eslint-disable-next-line complexity
           handler: (t, r, n) => {
-            var c, u, d;
+            var c, u, h;
             this._collectEffectMutation.clean();
             const i = this._numfmtService.getValue(
               r.unitId,
@@ -765,17 +773,24 @@ let te = class extends ie {
               r.row,
               r.col
             );
-            if (!(t != null && t.v) && !(t != null && t.p) || qe(i == null ? void 0 : i.pattern) || t.t === $.FORCE_STRING)
+            if (!(t != null && t.v) && !(t != null && t.p) || qe(i == null ? void 0 : i.pattern) || t.t === U.FORCE_STRING)
               return n(t);
-            const s = (c = t.p) == null ? void 0 : c.body, o = (d = (u = t == null ? void 0 : t.p) == null ? void 0 : u.body) != null && d.dataStream ? t.p.body.dataStream.replace(/\r\n$/, "") : String(t.v), a = J.parseDate(o) || J.parseTime(o) || J.parseNumber(o);
+            const s = (c = t.p) == null ? void 0 : c.body, o = (h = (u = t == null ? void 0 : t.p) == null ? void 0 : u.body) != null && h.dataStream ? t.p.body.dataStream.replace(/\r\n$/, "") : String(t.v), a = J.parseDate(o) || J.parseTime(o) || J.parseNumber(o);
             if (s)
-              if (Bn(s)) {
-                const { dataStream: l } = s, h = l.replace(/\r\n$/, ""), f = Number(h);
-                if (Number.isNaN(f) && !a)
+              if (Wn(s)) {
+                const { dataStream: l } = s, f = l.replace(/\r\n$/, ""), v = Number(f);
+                if (Number.isNaN(v) && !a)
                   return n(t);
               } else
                 return n(t);
             if (a) {
+              if (!a.z && _t(o))
+                return n({
+                  ...t,
+                  p: void 0,
+                  v: o,
+                  t: U.FORCE_STRING
+                });
               a.z && this._collectEffectMutation.add(
                 r.unitId,
                 r.subUnitId,
@@ -786,7 +801,7 @@ let te = class extends ie {
                 }
               );
               const l = Number(a.v);
-              return n({ ...t, p: void 0, v: l, t: $.NUMBER });
+              return n({ ...t, p: void 0, v: l, t: U.NUMBER });
             }
             return n(t);
           }
@@ -801,7 +816,7 @@ let te = class extends ie {
         getMutations(r) {
           var n;
           switch (r.id) {
-            case Wt.id: {
+            case Kt.id: {
               const i = t._univerInstanceService.getCurrentUnitForType(T.UNIVER_SHEET), s = i.getUnitId(), o = (n = i.getActiveSheet()) == null ? void 0 : n.getSheetId();
               if (!o)
                 return {
@@ -814,31 +829,31 @@ let te = class extends ie {
                   redos: [],
                   undos: []
                 };
-              const c = a.filter((h) => {
-                var f;
-                return !!((f = h.value) != null && f.pattern);
-              }).map((h) => ({
-                row: h.row,
-                col: h.col,
-                pattern: h.value.pattern
-              })), u = a.filter((h) => {
-                var f;
-                return !((f = h.value) != null && f.pattern);
-              }).map((h) => ({
-                startRow: h.row,
-                endColumn: h.col,
-                startColumn: h.col,
-                endRow: h.row
-              })), d = [], l = [];
+              const c = a.filter((f) => {
+                var v;
+                return !!((v = f.value) != null && v.pattern);
+              }).map((f) => ({
+                row: f.row,
+                col: f.col,
+                pattern: f.value.pattern
+              })), u = a.filter((f) => {
+                var v;
+                return !((v = f.value) != null && v.pattern);
+              }).map((f) => ({
+                startRow: f.row,
+                endColumn: f.col,
+                startColumn: f.col,
+                endRow: f.row
+              })), h = [], l = [];
               if (c.length) {
-                const h = {
-                  id: Ne.id,
-                  params: Gt(s, o, c)
+                const f = {
+                  id: Ie.id,
+                  params: Zt(s, o, c)
                 };
-                d.push(h), l.push(...Kt(t._injector, h.params));
+                h.push(f), l.push(...Yt(t._injector, f.params));
               }
               if (u.length) {
-                const h = {
+                const f = {
                   id: be.id,
                   params: {
                     unitId: s,
@@ -846,10 +861,10 @@ let te = class extends ie {
                     ranges: u
                   }
                 };
-                d.push(h), l.push(...Zt(t._injector, h.params));
+                h.push(f), l.push(...zt(t._injector, f.params));
               }
               return {
-                redos: d,
+                redos: h,
                 undos: l.reverse()
               };
             }
@@ -863,14 +878,14 @@ let te = class extends ie {
     );
   }
 };
-te = Hn([
-  A(0, S(Je)),
-  A(1, S(ye)),
-  A(2, S(ge)),
-  A(3, S(je)),
-  A(4, pt($t))
+te = Bn([
+  A(0, C(Je)),
+  A(1, C(ye)),
+  A(2, C(ge)),
+  A(3, C(je)),
+  A(4, gt(At))
 ], te);
-function Bn(e) {
+function Wn(e) {
   const { textRuns: t = [], paragraphs: r = [], customRanges: n, customBlocks: i = [] } = e, s = ["va"];
   return !(t.some((o) => !!(o.ts && Object.keys(o.ts).some((c) => s.includes(c)))) || r.some((o) => o.bullet) || r.length >= 2 || n != null && n.length || i.length > 0);
 }
@@ -881,7 +896,7 @@ const Q = [
   },
   {
     label: "sheet.numfmt.text",
-    pattern: Ht
+    pattern: Bt
   },
   "|",
   {
@@ -935,21 +950,24 @@ const Q = [
     label: "sheet.numfmt.moreFmt",
     pattern: ""
   }
-], Vn = (e) => ({
+], Gn = (e) => ({
   icon: new L((t) => {
-    const r = e.get(Pt);
-    function n(s) {
-      return {
-        [k.US]: "DollarSingle",
-        [k.RU]: "RoubleSingle",
-        [k.CN]: "RmbSingle",
-        [k.AT]: "EuroSingle"
-      }[s] || "DollarSingle";
+    var s;
+    const r = e.get(Rt);
+    function n(o) {
+      var c;
+      return (c = {
+        [D.US]: "DollarIcon",
+        [D.RU]: "RoubleIcon",
+        [D.CN]: "RmbIcon",
+        [D.AT]: "EuroIcon"
+      }[o]) != null ? c : "DollarIcon";
     }
-    const i = k[r.getCurrencySymbol()] || "$";
-    return t.next(n(i)), r.currencySymbol$.subscribe((s) => {
-      const o = k[s] || "$";
-      t.next(n(o));
+    const i = (s = D[r.getCurrencySymbol()]) != null ? s : "$";
+    return t.next(n(i)), r.currencySymbol$.subscribe((o) => {
+      var c;
+      const a = (c = D[o]) != null ? c : "$";
+      t.next(n(a));
     });
   }),
   id: Xe.id,
@@ -958,63 +976,63 @@ const Q = [
   type: X.BUTTON,
   hidden$: z(e, T.UNIVER_SHEET),
   disabled$: W(e, { workbookTypes: [Y], worksheetTypes: [Z, K], rangeTypes: [G] })
-}), Wn = (e) => ({
-  icon: "AddDigitsSingle",
+}), Kn = (e) => ({
+  icon: "AddDigitsIcon",
   id: ze.id,
   title: "sheet.numfmt.addDecimal",
   tooltip: "sheet.numfmt.addDecimal",
   type: X.BUTTON,
   hidden$: z(e, T.UNIVER_SHEET),
   disabled$: W(e, { workbookTypes: [Y], worksheetTypes: [Z, K], rangeTypes: [G] })
-}), Gn = (e) => ({
-  icon: "ReduceDigitsSingle",
+}), Zn = (e) => ({
+  icon: "ReduceDigitsIcon",
   id: Ye.id,
   title: "sheet.numfmt.subtractDecimal",
   tooltip: "sheet.numfmt.subtractDecimal",
   type: X.BUTTON,
   hidden$: z(e, T.UNIVER_SHEET),
   disabled$: W(e, { workbookTypes: [Y], worksheetTypes: [Z, K], rangeTypes: [G] })
-}), Kn = (e) => ({
-  icon: "PercentSingle",
+}), Yn = (e) => ({
+  icon: "PercentIcon",
   id: Ze.id,
   title: "sheet.numfmt.percent",
   tooltip: "sheet.numfmt.percent",
   type: X.BUTTON,
   hidden$: z(e, T.UNIVER_SHEET),
   disabled$: W(e, { workbookTypes: [Y], worksheetTypes: [Z, K], rangeTypes: [G] })
-}), Zn = (e) => {
-  const t = e.get(ge), r = e.get(_e), n = e.get(M), i = e.get(Ce), s = [be.id, Ne.id], o = Ft(
+}), zn = (e) => {
+  const t = e.get(ge), r = e.get(_e), n = e.get(M), i = e.get(Ce), s = [be.id, Ie.id], o = Lt(
     t,
     "",
     ({ workbook: a, worksheet: c }) => new L(
       (u) => et(
         i.selectionMoveEnd$,
-        gt(r.onCommandExecuted.bind(r)).pipe(
-          tn(([d]) => s.includes(d.id))
+        St(r.onCommandExecuted.bind(r)).pipe(
+          rn(([h]) => s.includes(h.id))
         )
       ).subscribe(() => {
-        var l, h;
-        const d = i.getCurrentSelections();
-        if (d && d[0]) {
-          const f = d[0].range, p = f.startRow, v = f.startColumn, b = (h = a.getStyles().get((l = c.getCell(p, v)) == null ? void 0 : l.s)) == null ? void 0 : h.n, g = b == null ? void 0 : b.pattern;
-          let I = n.t("sheet.numfmt.general");
-          if (Lt(g)) {
-            u.next(I);
+        var l, f;
+        const h = i.getCurrentSelections();
+        if (h && h[0]) {
+          const v = h[0].range, p = v.startRow, m = v.startColumn, S = (f = a.getStyles().get((l = c.getCell(p, m)) == null ? void 0 : l.s)) == null ? void 0 : f.n, g = S == null ? void 0 : S.pattern;
+          let y = n.t("sheet.numfmt.general");
+          if (jt(g)) {
+            u.next(y);
             return;
           }
           if (g) {
-            const O = Q.filter((P) => typeof P == "object" && P.pattern).find(
+            const x = Q.filter((P) => typeof P == "object" && P.pattern).find(
               (P) => se(g, P.pattern)
             );
-            O && typeof O == "object" && O.pattern ? I = n.t(O.label) : I = n.t("sheet.numfmt.moreFmt");
+            x && typeof x == "object" && x.pattern ? y = n.t(x.label) : y = n.t("sheet.numfmt.moreFmt");
           }
-          u.next(I);
+          u.next(y);
         }
       })
     )
   );
   return {
-    label: ot,
+    label: ct,
     id: H.id,
     tooltip: "sheet.numfmt.title",
     type: X.SELECTOR,
@@ -1032,17 +1050,17 @@ const Q = [
     hidden$: z(e, T.UNIVER_SHEET),
     disabled$: W(e, { workbookTypes: [Y], worksheetTypes: [K, Z], rangeTypes: [G] })
   };
-}, ot = "sheet.numfmt.moreNumfmtType", at = "sheet.numfmt.moreNumfmtType.options", Yn = (e) => {
-  const { value: t } = e, r = C(M), n = t != null ? t : r.t("sheet.numfmt.general");
-  return /* @__PURE__ */ m("span", { className: "univer-text-sm", children: n });
-}, zn = () => {
-  const e = C(_e), t = C(M), r = C(Xt), n = C(Ge), i = C(Ce), s = (c) => {
+}, ct = "sheet.numfmt.moreNumfmtType", at = "sheet.numfmt.moreNumfmtType.options", Xn = (e) => {
+  const { value: t } = e, r = I(M), n = t != null ? t : r.t("sheet.numfmt.general");
+  return /* @__PURE__ */ d("span", { className: "univer-text-sm", children: n });
+}, qn = () => {
+  const e = I(_e), t = I(M), r = I(Jt), n = I(Ge), i = I(Ce), s = (c) => {
     const u = i.getCurrentLastSelection();
     if (!u)
       return;
-    const d = u.range, l = [];
-    He.foreach(d, (h, f) => {
-      c ? l.push({ row: h, col: f, pattern: c, type: Se(c) }) : l.push({ row: h, col: f });
+    const h = u.range, l = [];
+    He.foreach(h, (f, v) => {
+      c ? l.push({ row: f, col: v, pattern: c, type: Se(c) }) : l.push({ row: f, col: v });
     }), e.executeCommand(Ke.id, { values: l }), r.focus();
   }, o = (c) => {
     if (c === 0)
@@ -1054,46 +1072,46 @@ const Q = [
       u.pattern && s(u.pattern);
     }
   }, a = 1220;
-  return /* @__PURE__ */ m("div", { className: "univer-grid univer-gap-1 univer-p-1.5", children: Q.map((c, u) => c === "|" ? /* @__PURE__ */ m(dn, {}, u) : /* @__PURE__ */ y(
+  return /* @__PURE__ */ d("div", { className: "univer-grid univer-gap-1 univer-p-1.5", children: Q.map((c, u) => c === "|" ? /* @__PURE__ */ d(fn, {}, u) : /* @__PURE__ */ b(
     "div",
     {
-      className: "univer-flex univer-h-7 univer-items-center univer-justify-between univer-gap-6 univer-rounded univer-px-2 univer-text-sm dark:hover:univer-bg-gray-700 hover:univer-bg-gray-100",
+      className: "univer-flex univer-h-7 univer-items-center univer-justify-between univer-gap-6 univer-rounded univer-px-2 univer-text-sm dark:hover:!univer-bg-gray-700 hover:univer-bg-gray-100",
       onClick: () => {
         o(u);
       },
       children: [
-        /* @__PURE__ */ m("span", { children: t.t(c.label) }),
-        /* @__PURE__ */ m("span", { className: "univer-text-xs univer-text-gray-500", children: c.pattern ? wt(c.pattern || "", a, n.local).result.trim() : "" })
+        /* @__PURE__ */ d("span", { children: t.t(c.label) }),
+        /* @__PURE__ */ d("span", { className: "univer-text-xs univer-text-gray-500", children: c.pattern ? Ot(c.pattern || "", a, n.local).result.trim() : "" })
       ]
     },
     u
   )) });
-}, Xn = {
-  [qt.FORMULAS_INSERT]: {
+}, Jn = {
+  [Qt.FORMULAS]: {
     [Xe.id]: {
-      order: 4,
-      menuItemFactory: Vn
+      order: 0,
+      menuItemFactory: Gn
     },
     [ze.id]: {
-      order: 5,
-      menuItemFactory: Wn
+      order: 1,
+      menuItemFactory: Kn
     },
     [Ye.id]: {
-      order: 6,
-      menuItemFactory: Gn
+      order: 2,
+      menuItemFactory: Zn
     },
     [Ze.id]: {
-      order: 7,
-      menuItemFactory: Kn
+      order: 3,
+      menuItemFactory: Yn
     },
     [H.id]: {
-      order: 8,
-      menuItemFactory: Zn
+      order: 4,
+      menuItemFactory: zn
     }
   }
 };
-var qn = Object.getOwnPropertyDescriptor, Jn = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? qn(t, r) : t, s = e.length - 1, o; s >= 0; s--)
+var Qn = Object.getOwnPropertyDescriptor, er = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Qn(t, r) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(i) || i);
   return i;
 }, $e = (e, t) => (r, n) => t(r, n, e);
@@ -1102,23 +1120,30 @@ let ne = class extends ie {
     super(), this._componentManager = e, this._menuManagerService = t, this._initMenu();
   }
   _initMenu() {
-    this._menuManagerService.mergeMenu(Xn), this.disposeWithMe(this._componentManager.register(ot, Yn)), this.disposeWithMe(this._componentManager.register(at, zn));
+    this._menuManagerService.mergeMenu(Jn), [
+      [ct, Xn],
+      [at, qn]
+    ].forEach(([e, t]) => {
+      this.disposeWithMe(
+        this._componentManager.register(e, t)
+      );
+    });
   }
 };
-ne = Jn([
-  $e(0, S(Qe)),
-  $e(1, Jt)
+ne = er([
+  $e(0, C(Qe)),
+  $e(1, en)
 ], ne);
-var Qn = Object.defineProperty, er = Object.getOwnPropertyDescriptor, tr = (e, t, r) => t in e ? Qn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, nr = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? er(t, r) : t, s = e.length - 1, o; s >= 0; s--)
+var tr = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, rr = (e, t, r) => t in e ? tr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, ir = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? nr(t, r) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(i) || i);
   return i;
-}, fe = (e, t) => (r, n) => t(r, n, e), ct = (e, t, r) => tr(e, typeof t != "symbol" ? t + "" : t, r);
-const rr = "SHEET_NUMFMT_UI_PLUGIN";
-let re = class extends St {
+}, fe = (e, t) => (r, n) => t(r, n, e), lt = (e, t, r) => rr(e, typeof t != "symbol" ? t + "" : t, r);
+const sr = "SHEET_NUMFMT_UI_PLUGIN";
+let re = class extends Ct {
   constructor(e = Ue, t, r, n) {
     super(), this._config = e, this._injector = t, this._configService = r, this._renderManagerService = n;
-    const { menu: i, ...s } = yt(
+    const { menu: i, ...s } = bt(
       {},
       Ue,
       this._config
@@ -1126,7 +1151,7 @@ let re = class extends St {
     i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig("sheets-numfmt-ui.config", s);
   }
   onStarting() {
-    Ct(this._injector, [
+    It(this._injector, [
       [B],
       [te],
       [j],
@@ -1134,7 +1159,7 @@ let re = class extends St {
     ]);
   }
   onRendered() {
-    this._registerRenderModules(), bt(this._injector, [
+    this._registerRenderModules(), Nt(this._injector, [
       [B],
       [te],
       [ne]
@@ -1148,11 +1173,11 @@ let re = class extends St {
     });
   }
 };
-ct(re, "pluginName", rr);
-ct(re, "type", T.UNIVER_SHEET);
-re = nr([
-  _t(At, Rt),
-  fe(1, S(je)),
+lt(re, "pluginName", sr);
+lt(re, "type", T.UNIVER_SHEET);
+re = ir([
+  yt(Ht, Ut),
+  fe(1, C(je)),
   fe(2, Fe),
   fe(3, Be)
 ], re);