@univerjs/sheets-numfmt-ui 0.5.3 → 0.5.4

package/lib/es/index.js

@@ -1,30 +1,98 @@
-var lt = Object.defineProperty;
-var mt = (t, e, r) => e in t ? lt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var X = (t, e, r) => mt(t, typeof e != "symbol" ? e + "" : e, r);
-import { CommandType as Fe, Inject as N, ILocalStorageService as Le, useDependency as y, LocaleService as T, numfmt as Z, Disposable as pe, UniverInstanceType as E, CellValueType as L, Range as He, toDisposable as fe, DisposableCollection as ut, InterceptorEffectEnum as xe, ThemeService as dt, IUniverInstanceService as ve, ICommandService as ge, Injector as ke, Optional as ht, useInjector as ft, DependentOn as pt, Plugin as vt, merge as gt, registerDependencies as _t, touchDependencies as St, IConfigService as yt } from "@univerjs/core";
-import { currencySymbols as Pe, getDecimalFromPattern as ee, getCurrencyType as B, setPatternDecimal as j, getCurrencyFormatOptions as le, isPatternEqualWithoutDecimal as ie, CURRENCYFORMAT as bt, DATEFMTLISG as Ct, NUMBERFORMAT as It, getDateFormatOptions as Ae, getNumberFormatOptions as Be, isPatternHasDecimal as Nt, getPatternType as te, SetNumfmtCommand as We, getPatternPreviewIgnoreGeneral as Et, MenuCurrencyService as Tt, countryCurrencyMap as w, SetCurrencyCommand as Ve, AddDecimalCommand as Ge, SubtractDecimalCommand as Ke, SetPercentCommand as qe, getPatternPreview as xt, UniverSheetsNumfmtPlugin as Pt } from "@univerjs/sheets-numfmt";
-import { SheetSkeletonManagerService as jt, IEditorBridgeService as Rt, getCurrentRangeDisable$ as W, deriveStateFromActiveSheet$ as Ot, UniverSheetsUIPlugin as Mt } from "@univerjs/sheets-ui";
-import { ComponentManager as Ye, ISidebarService as wt, MenuItemType as V, getMenuHiddenObservable as G, ILayoutService as Ut, RibbonStartGroup as Dt, IMenuManagerService as $t, UI_PLUGIN_CONFIG_KEY as Ft } from "@univerjs/ui";
-import { IRenderManagerService as Lt } from "@univerjs/engine-render";
-import { INTERCEPTOR_POINT as Ht, RemoveNumfmtMutation as _e, SetNumfmtMutation as Se, SheetInterceptorService as Je, SheetsSelectionsService as ye, INumfmtService as ze, BEFORE_CELL_EDIT as kt, AFTER_CELL_EDIT as At, SetRangeValuesCommand as Bt, transformCellsToRange as Wt, factorySetNumfmtUndoMutation as Vt, factoryRemoveNumfmtUndoMutation as Gt, WorkbookEditablePermission as K, WorksheetEditPermission as q, WorksheetSetCellStylePermission as Y, RangeProtectionPermissionEditPoint as J } from "@univerjs/sheets";
-import { Observable as U, combineLatest as Kt, merge as qt } from "rxjs";
-import { map as Yt, switchMap as Jt, tap as zt, debounceTime as Xt } from "rxjs/operators";
-import Zt, { createContext as Qt, useState as b, useEffect as oe, useRef as be, useContext as Xe, useMemo as R, forwardRef as Ze, createElement as Ce } from "react";
-import { InputNumber as Ie, Select as Ne, SelectList as Ee, Input as en, Button as je } from "@univerjs/design";
-import { DEFAULT_TEXT_FORMAT as Qe } from "@univerjs/engine-numfmt";
-const Re = {}, me = {
+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();
+  }
+  _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);
+        }
+        if (c || (c = this._numfmtService.getValue(i, o, n.row, n.col)), !c) {
+          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)
+            return;
+          this._cellAlertManagerService.showAlert({
+            type: Dt.ERROR,
+            title: this._localeService.t("info.error"),
+            message: this._localeService.t("info.forceStringInfo"),
+            location: n,
+            width: 200,
+            height: 74,
+            key: de
+          });
+          return;
+        }
+      }
+      this._hideAlert();
+    }));
+  }
+  _initZenService() {
+    this.disposeWithMe(this._zenZoneService.visible$.subscribe((t) => {
+      t && this._hideAlert();
+    }));
+  }
+  _hideAlert() {
+    this._cellAlertManagerService.removeAlert(de);
+  }
+};
+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 = {
   id: "sheet.operation.close.numfmt.panel",
-  type: Fe.OPERATION,
+  type: Be.OPERATION,
   handler: () => (
     // do nothing, just notify panel is closed
     !0
   )
-}, H = {
+}, A = {
   id: "sheet.operation.open.numfmt.panel",
-  type: Fe.OPERATION,
-  handler: (t) => (t.get(A).openPanel(), !0)
+  type: Be.OPERATION,
+  handler: (t) => (t.get(B).openPanel(), !0)
 };
-var ue = { exports: {} }, $ = {};
+var fe = { exports: {} }, L = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -34,30 +102,30 @@ var ue = { exports: {} }, $ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Oe;
-function tn() {
-  if (Oe) return $;
-  Oe = 1;
-  var t = Zt, e = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = 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, h) {
-    var d, m = {}, u = null, p = null;
-    h !== void 0 && (u = "" + h), a.key !== void 0 && (u = "" + a.key), a.ref !== void 0 && (p = a.ref);
-    for (d in a) n.call(a, d) && !i.hasOwnProperty(d) && (m[d] = a[d]);
-    if (c && c.defaultProps) for (d in a = c.defaultProps, a) m[d] === void 0 && (m[d] = a[d]);
-    return { $$typeof: e, type: c, key: u, ref: p, props: m, _owner: s.current };
+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 $.Fragment = r, $.jsx = o, $.jsxs = o, $;
+  return L.Fragment = n, L.jsx = o, L.jsxs = o, L;
 }
-var Me;
-function nn() {
-  return Me || (Me = 1, ue.exports = tn()), ue.exports;
+var Le;
+function vn() {
+  return Le || (Le = 1, fe.exports = pn()), fe.exports;
 }
-var l = nn(), rn = Object.defineProperty, sn = Object.getOwnPropertyDescriptor, on = (t, e, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? sn(e, r) : e, i = t.length - 1, o; i >= 0; i--)
-    (o = t[i]) && (s = (n ? o(e, r, s) : o(s)) || s);
-  return n && s && rn(e, r, s), s;
-}, cn = (t, e) => (r, n) => e(r, n, t);
-const Te = Qt([]);
+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;
@@ -66,24 +134,24 @@ let k = class {
     return `userHabitController_${t}`;
   }
   async addHabit(t, e) {
-    const r = this._getKey(t);
-    return this._localStorageService.getItem(r).then((n) => {
-      n || this._localStorageService.setItem(r, e);
+    const n = this._getKey(t);
+    return this._localStorageService.getItem(n).then((r) => {
+      r || this._localStorageService.setItem(n, e);
     });
   }
   markHabit(t, e) {
-    const r = this._getKey(t);
-    this._localStorageService.getItem(r).then((n) => {
-      if (n) {
-        const s = n.findIndex((i) => i === e);
-        s > -1 && n.splice(s, 1), n.unshift(e), this._localStorageService.setItem(r, n);
+    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);
       }
     });
   }
   async getHabit(t, e) {
-    const r = this._getKey(t), n = await this._localStorageService.getItem(r);
-    if (e && n) {
-      const s = n.map((i, o, c) => {
+    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;
         return {
           value: i,
@@ -91,196 +159,196 @@ let k = class {
         };
       });
       return e.sort((i, o) => {
-        var h, d;
-        const c = ((h = s.find((m) => m.value === i)) == null ? void 0 : h.priority) || -1;
-        return (((d = s.find((m) => m.value === o)) == null ? void 0 : d.priority) || -1) - c;
+        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 n || [];
+    return r || [];
   }
   deleteHabit(t) {
     this._localStorageService.removeItem(t);
   }
 };
-k = on([
-  cn(0, N(Le))
+k = Sn([
+  yn(0, S(We))
 ], k);
-const we = "numfmtCurrency", an = (t) => {
-  const e = y(k), [r, n] = b(Pe);
-  return oe(() => {
+const He = "numfmtCurrency", bn = (t) => {
+  const e = b(k), [n, r] = C(Ue);
+  return ae(() => {
     e.addHabit("numfmtCurrency", []).then(() => {
-      e.getHabit(we, [...Pe]).then((i) => {
-        n(i), t(i);
+      e.getHabit(He, [...Ue]).then((i) => {
+        r(i), t(i);
       });
     });
-  }, []), { userHabitCurrency: r, mark: (i) => {
-    e.markHabit(we, i);
+  }, []), { userHabitCurrency: n, mark: (i) => {
+    e.markHabit(He, i);
   } };
-}, ln = () => {
-  const t = be([]), [e, r] = b({});
-  return oe(() => {
+}, Cn = () => {
+  const t = xe([]), [e, n] = C({});
+  return ae(() => {
     t.current.forEach((s) => {
       s();
     }), t.current = [];
   }, [e]), (s) => {
-    t.current.push(s), r({});
+    t.current.push(s), n({});
   };
-}, mn = (t) => !!B(t) && t.startsWith("_("), un = (t) => {
-  const { defaultPattern: e, action: r, onChange: n } = t, [s, i] = b(() => ee(e || "", 2)), o = Xe(Te), [c, a] = b(() => B(e) || o[0]), h = R(() => o.map((v) => ({ label: v, value: v })), []), m = y(T).t;
-  r.current = () => j(`_("${c}"* #,##0${s > 0 ? ".0" : ""}_)`, s);
-  const u = (v) => {
-    a(v), n(j(`_("${v}"* #,##0${s > 0 ? ".0" : ""}_)`, s));
+}, 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), n(j(`_("${c}"* #,##0${f > 0 ? ".0" : ""}_)`, f));
+    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: m("sheet.numfmt.decimalLength") }),
-        /* @__PURE__ */ l.jsx("div", { className: "m-t-8 w-120", children: /* @__PURE__ */ l.jsx(Ie, { value: s, max: 20, min: 0, onChange: p }) })
+        /* @__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 }) })
       ] }),
       /* @__PURE__ */ l.jsxs("div", { className: "option", children: [
-        /* @__PURE__ */ l.jsx("div", { className: "label", children: m("sheet.numfmt.currencyType") }),
-        /* @__PURE__ */ l.jsx("div", { className: "m-t-8 w-140", children: /* @__PURE__ */ l.jsx(Ne, { onChange: u, options: h, value: c }) })
+        /* @__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__ */ l.jsx("div", { className: "describe m-t-14", children: m("sheet.numfmt.accountingDes") })
+    /* @__PURE__ */ l.jsx("div", { className: "describe m-t-14", children: u("sheet.numfmt.accountingDes") })
   ] });
-}, dn = (t) => !!B(t) && !t.startsWith("_("), hn = (t) => {
-  const r = y(T).t, n = Xe(Te), [s, i] = b(() => B(t.defaultPattern) || n[0]), [o, c] = b(() => ee(t.defaultPattern || "", 2)), [a, h] = b(() => {
-    var g;
-    const f = le(s);
-    return ((g = f.find((C) => ie(C.value, t.defaultPattern))) == null ? void 0 : g.value) || f[0].value;
-  }), d = R(() => le(s), [s]), m = R(() => n.map((f) => ({ label: f, value: f })), [n]);
-  t.action.current = () => j(a, o);
-  const u = (f) => {
+}, 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)
       return;
     i(f);
-    const S = le(f)[0].value;
-    h(S), t.onChange(j(S, o));
+    const y = ue(f)[0].value;
+    m(y), t.onChange(M(y, o));
   }, p = (f) => {
-    f !== void 0 && (h(f), t.onChange(j(f, o)));
+    f !== void 0 && (m(f), t.onChange(M(f, o)));
   }, v = (f) => {
-    c(f || 0), t.onChange(j(a, f || 0));
+    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: r("sheet.numfmt.decimalLength") }),
-        /* @__PURE__ */ l.jsx("div", { className: "m-t-8 w-120", children: /* @__PURE__ */ l.jsx(Ie, { value: o, max: 20, min: 0, onChange: v }) })
+        /* @__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 }) })
       ] }),
       /* @__PURE__ */ l.jsxs("div", { className: "option", children: [
-        /* @__PURE__ */ l.jsx("div", { className: "label", children: r("sheet.numfmt.currencyType") }),
-        /* @__PURE__ */ l.jsx("div", { className: "m-t-8 w-140", children: /* @__PURE__ */ l.jsx(Ne, { onChange: u, options: m, value: s }) })
+        /* @__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__ */ l.jsx("div", { className: "m-t-16 label", children: r("sheet.numfmt.negType") }),
-    /* @__PURE__ */ l.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ l.jsx(Ee, { onChange: p, options: d, value: a }) }),
-    /* @__PURE__ */ l.jsx("div", { className: "describe m-t-14", children: r("sheet.numfmt.currencyDes") })
+    /* @__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") })
   ] });
 };
-var I = function() {
-  return I = Object.assign || function(t) {
-    for (var e, r = 1, n = arguments.length; r < n; r++) {
-      e = arguments[r];
+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]);
     }
     return t;
-  }, I.apply(this, arguments);
-}, fn = function(t, e) {
-  var r = {};
-  for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && e.indexOf(n) < 0 && (r[n] = t[n]);
+  }, 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, n = Object.getOwnPropertySymbols(t); s < n.length; s++)
-      e.indexOf(n[s]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[s]) && (r[n[s]] = t[n[s]]);
-  return r;
-}, et = Ze(function(t, e) {
-  var r = t.icon, n = t.id, s = t.className, i = t.extend, o = fn(t, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(n, " ").concat(s || "").trim(), a = be("_".concat(gn()));
-  return tt(r, "".concat(n), { defIds: r.defIds, idSuffix: a.current }, I({ ref: e, className: c }, o), i);
+    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);
 });
-function tt(t, e, r, n, s) {
-  return Ce(t.tag, I(I({ key: e }, pn(t, r, s)), n), (vn(t, r).children || []).map(function(i, o) {
-    return tt(i, "".concat(e, "-").concat(t.tag, "-").concat(o), r, void 0, s);
+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 pn(t, e, r) {
-  var n = I({}, t.attrs);
-  r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1);
+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" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(i) {
+  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" && (n[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
-  })), n;
+    typeof c == "string" && (r[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+  })), r;
 }
-function vn(t, e) {
-  var r, n = e.defIds;
-  return !n || n.length === 0 ? t : t.tag === "defs" && (!((r = t.children) === null || r === void 0) && r.length) ? I(I({}, t), { children: t.children.map(function(s) {
-    return typeof s.attrs.id == "string" && n && n.indexOf(s.attrs.id) > -1 ? I(I({}, s), { attrs: I(I({}, s.attrs), { id: s.attrs.id + e.idSuffix }) }) : s;
+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;
 }
-function gn() {
+function Rn() {
   return Math.random().toString(36).substring(2, 8);
 }
-et.displayName = "UniverIcon";
-var _n = { 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" } }] }, nt = Ze(function(t, e) {
-  return Ce(et, Object.assign({}, t, {
+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, {
     id: "check-mark-single",
     ref: e,
-    icon: _n
+    icon: jn
   }));
 });
-nt.displayName = "CheckMarkSingle";
-const Sn = "univer-custom-format-title", yn = "univer-custom-format-input", bn = "univer-custom-format-history-list", Cn = "univer-custom-format-history-list-item", In = "univer-custom-format-history-list-item-icon-wrap", Nn = "univer-custom-format-des", O = {
-  customFormatTitle: Sn,
-  customFormatInput: yn,
-  customFormatHistoryList: bn,
-  customFormatHistoryListItem: Cn,
-  customFormatHistoryListItemIconWrap: In,
-  customFormatDes: Nn
-}, de = "customFormat", he = "numfmt_custom_pattern";
-function En(t) {
-  const { defaultPattern: e, action: r, onChange: n } = t, s = y(k), i = y(Le), o = y(T), [c, a] = b(e);
-  r.current = () => (s.markHabit(de, c), i.getItem(he).then((p = []) => {
+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(he, v);
+    i.setItem(ve, v);
   }), c);
-  const [h, d] = b([]);
-  oe(() => {
-    i.getItem(he).then((p) => {
+  const [m, d] = C([]);
+  ae(() => {
+    i.getItem(ve).then((p) => {
       const v = [
-        ...bt.map((f) => f.suffix("$")),
-        ...Ct.map((f) => f.suffix),
-        ...It.map((f) => f.suffix)
+        ...Tt.map((f) => f.suffix("$")),
+        ...xt.map((f) => f.suffix),
+        ...Pt.map((f) => f.suffix)
       ];
-      v.push(...p || []), s.addHabit(de, []).finally(() => {
-        s.getHabit(de, v).then((f) => {
+      v.push(...p || []), s.addHabit(pe, []).finally(() => {
+        s.getHabit(pe, v).then((f) => {
           d([...new Set(f)]);
         });
       });
     });
   }, []);
-  const m = (p) => {
-    a(p), n(p);
-  }, u = () => {
-    n(c);
+  const u = (p) => {
+    a(p), r(p);
+  }, h = () => {
+    r(c);
   };
-  return /* @__PURE__ */ l.jsxs("div", { className: O.customFormat, children: [
-    /* @__PURE__ */ l.jsx("div", { className: O.customFormatTitle, children: o.t("sheet.numfmt.customFormat") }),
-    /* @__PURE__ */ l.jsx(en, { placeholder: o.t("sheet.numfmt.customFormat"), onBlur: u, value: c, onChange: a, className: O.customFormatInput }),
-    /* @__PURE__ */ l.jsx("div", { className: O.customFormatHistoryList, children: h.map((p) => /* @__PURE__ */ l.jsxs("div", { onClick: () => m(p), className: O.customFormatHistoryListItem, children: [
-      /* @__PURE__ */ l.jsx("div", { className: O.customFormatHistoryListItemIconWrap, children: c === p && /* @__PURE__ */ l.jsx(nt, {}) }),
+  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 })
     ] }, p)) }),
-    /* @__PURE__ */ l.jsx("div", { className: O.customFormatDes, children: o.t("sheet.numfmt.customFormatDes") })
+    /* @__PURE__ */ l.jsx("div", { className: j.customFormatDes, children: o.t("sheet.numfmt.customFormatDes") })
   ] });
 }
-const Tn = (t) => {
-  const e = Z.getInfo(t);
-  return Ae().map((r) => r.value).includes(t) || ["date", "datetime", "time"].includes(e.type);
-}, xn = (t) => {
-  const e = R(Ae, []), n = y(T).t, [s, i] = b(() => {
+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)
@@ -293,99 +361,99 @@ const Tn = (t) => {
     c !== void 0 && (i(c), t.onChange(c));
   };
   return /* @__PURE__ */ l.jsxs("div", { children: [
-    /* @__PURE__ */ l.jsx("div", { className: "m-t-16 label", children: n("sheet.numfmt.dateType") }),
-    /* @__PURE__ */ l.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ l.jsx(Ee, { value: s, options: e, onChange: o }) }),
-    /* @__PURE__ */ l.jsx("div", { className: "describe m-t-14", children: n("sheet.numfmt.dateDes") })
+    /* @__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") })
   ] });
-}, Pn = (t) => !t, jn = (t) => {
-  const r = y(T).t;
-  return t.action.current = () => "", /* @__PURE__ */ l.jsx("div", { children: /* @__PURE__ */ l.jsx("div", { className: "describe m-t-14", children: r("sheet.numfmt.generalDes") }) });
-}, Rn = (t) => Be().some((e) => ie(e.value, t)), On = (t) => {
-  const e = y(T), r = R(Be, []), [n, s] = b(() => ee(t.defaultPattern || "", 0)), [i, o] = b(() => {
-    const m = r.find((u) => ie(u.value, t.defaultPattern || ""));
-    return (m == null ? void 0 : m.value) || r[0].value;
-  }), c = R(() => j(i, Number(n || 0)), [i, n]), a = R(() => !Nt(i), [i]), h = (m) => {
-    s(m || 0), t.onChange(j(i, Number(m || 0)));
-  }, d = (m) => {
-    m !== void 0 && (s(ee(m, 0)), o(m), t.onChange(m));
+}, 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(
-      Ie,
+      Me,
       {
         disabled: a,
-        value: n,
+        value: r,
         max: 20,
         min: 0,
-        onChange: h
+        onChange: m
       }
     ) }),
     /* @__PURE__ */ l.jsxs("div", { className: "m-t-16 label", children: [
       " ",
       e.t("sheet.numfmt.negType")
     ] }),
-    /* @__PURE__ */ l.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ l.jsx(Ee, { onChange: d, options: r, value: i }) }),
+    /* @__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") })
   ] });
-}, Mn = (t) => {
-  const { defaultValue: e, defaultPattern: r, row: n, col: s } = t.value, i = y(T), o = be(() => ""), c = i.t, a = ln(), h = R(
+}, 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(
     () => [
-      { label: "sheet.numfmt.general", component: jn },
-      { label: "sheet.numfmt.accounting", component: un },
-      { label: "sheet.numfmt.currency", component: hn },
-      { label: "sheet.numfmt.date", component: xn },
-      { label: "sheet.numfmt.thousandthPercentile", component: On },
-      { label: "sheet.numfmt.customFormat", component: En }
-    ].map((_) => ({ ..._, label: c(_.label) })),
+      { 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) })),
     []
-  ), [d, m] = b(g), [u, p] = b(() => `${n}_${s}`), { mark: v, userHabitCurrency: f } = an(() => p(`${n}_${s}_userCurrency'`)), S = R(() => {
-    var _;
-    return (_ = h.find((M) => M.label === d)) == null ? void 0 : _.component;
+  ), [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 g() {
-    return [Pn, mn, dn, Tn, Rn].reduce((M, ct, at) => M || (ct(r) ? h[at].label : ""), "") || h[0].label;
+  function _() {
+    return [kn, In, En, Hn, Wn].reduce((w, ut, dt) => w || (ut(n) ? m[dt].label : ""), "") || m[0].label;
   }
-  const C = h.map((_) => ({
-    label: _.label,
-    value: _.label
-  })), x = (_) => {
-    m(_), a(() => t.onChange({ type: "change", value: o.current() || "" }));
-  }, z = (_) => {
-    t.onChange({ type: "change", value: _ });
-  }, ce = () => {
-    const _ = o.current() || "", M = B(_);
-    M && v(M), t.onChange({ type: "confirm", value: _ });
-  }, D = () => {
+  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: "" });
-  }, ae = {
-    onChange: z,
+  }, me = {
+    onChange: J,
     defaultValue: e,
-    defaultPattern: r,
+    defaultPattern: n,
     action: o
   };
-  return oe(() => {
-    m(g()), p(`${n}_${s}`);
-  }, [n, s]), /* @__PURE__ */ l.jsxs("div", { className: "numfmt-panel p-b-20", children: [
+  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(Ne, { onChange: x, options: C, value: d, style: { width: "100%" } }) }),
-      /* @__PURE__ */ l.jsx("div", { children: S && /* @__PURE__ */ l.jsx(Te.Provider, { value: f, children: /* @__PURE__ */ Ce(S, { ...ae, key: u }) }) })
+      /* @__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 }) }) })
     ] }),
     /* @__PURE__ */ l.jsxs("div", { className: "btn-list m-t-14 m-b-20", children: [
-      /* @__PURE__ */ l.jsx(je, { size: "small", onClick: D, className: "m-r-12", children: c("sheet.numfmt.cancel") }),
-      /* @__PURE__ */ l.jsx(je, { type: "primary", size: "small", onClick: ce, children: c("sheet.numfmt.confirm") })
+      /* @__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") })
     ] })
   ] });
 };
-var wn = Object.defineProperty, Un = Object.getOwnPropertyDescriptor, Dn = (t, e, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? Un(e, r) : e, i = t.length - 1, o; i >= 0; i--)
-    (o = t[i]) && (s = (n ? o(e, r, s) : o(s)) || s);
-  return n && s && wn(e, r, s), s;
-}, P = (t, e) => (r, n) => e(r, n, t);
-const Ue = "SHEET_NUMFMT_PANEL";
-let A = class extends pe {
-  constructor(e, r, n, s, i, o, c, a, h, d) {
+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) {
     super();
     /**
      * If _previewPattern is null ,the realTimeRenderingInterceptor will skip and if it is '',realTimeRenderingInterceptor will clear numfmt.
@@ -395,129 +463,129 @@ let A = class extends pe {
      */
     X(this, "_previewPattern", "");
     X(this, "_sidebarDisposable", null);
-    this._sheetInterceptorService = e, this._themeService = r, this._univerInstanceService = n, this._commandService = s, this._selectionManagerService = i, this._renderManagerService = o, this._numfmtService = c, this._componentManager = a, this._sidebarService = h, this._localeService = d, this._initRealTimeRenderingInterceptor(), this._initPanel(), this._initCommands(), this._initCloseListener(), this._commandExecutedListener();
+    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();
   }
   openPanel() {
-    var S;
-    const e = this._sidebarService, r = this._selectionManagerService, n = this._commandService, s = this._univerInstanceService, i = this._numfmtService, o = this._localeService, a = (((S = r.getCurrentSelections()) == null ? void 0 : S.map((g) => g.range)) || [])[0];
+    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)
       return !1;
-    const h = s.getCurrentUnitForType(E.UNIVER_SHEET), d = h.getActiveSheet();
+    const m = s.getCurrentUnitForType(E.UNIVER_SHEET), d = m.getActiveSheet();
     if (!d)
       return !1;
-    const m = d.getCellRaw(a.startRow, a.startColumn), u = i.getValue(
-      h.getUnitId(),
+    const u = d.getCellRaw(a.startRow, a.startColumn), h = i.getValue(
+      m.getUnitId(),
       d.getSheetId(),
       a.startRow,
       a.startColumn
     );
     let p = "";
-    u && (p = u.pattern);
-    const v = (m == null ? void 0 : m.t) === L.NUMBER ? m.v : 12345678, f = {
-      onChange: (g) => {
-        var C;
-        if (g.type === "change")
-          this._previewPattern = g.value, this._forceUpdate();
-        else if (g.type === "confirm") {
-          const x = ((C = r.getCurrentSelections()) == null ? void 0 : C.map((D) => D.range)) || [], z = { values: [] }, ce = te(g.value);
-          x.forEach((D) => {
-            He.foreach(D, (ae, _) => {
-              z.values.push({
-                row: ae,
-                col: _,
-                pattern: g.value,
-                type: ce
+    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
               });
             });
-          }), n.executeCommand(We.id, z), e.close();
-        } else g.type === "cancel" && e.close();
+          }), r.executeCommand(Ze.id, J), e.close();
+        } else _.type === "cancel" && e.close();
       },
       value: { defaultPattern: p, defaultValue: v, row: a.startRow, col: a.startColumn }
     };
     return this._sidebarDisposable = e.open({
       header: { title: o.t("sheet.numfmt.title") },
       children: {
-        label: Ue,
+        label: Ae,
         ...f
         // need passthrough to react props.
       },
       onClose: () => {
-        this._forceUpdate(), n.executeCommand(me.id);
+        this._forceUpdate(), r.executeCommand(he.id);
       }
     }), !0;
   }
   _forceUpdate(e) {
-    var n;
-    const r = this._renderManagerService.getRenderById(
+    var r;
+    const n = this._renderManagerService.getRenderById(
       e != null ? e : this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SHEET).getUnitId()
     );
-    r == null || r.with(jt).reCalculate(), (n = r == null ? void 0 : r.mainComponent) == null || n.makeDirty();
+    n == null || n.with(Ft).reCalculate(), (r = n == null ? void 0 : n.mainComponent) == null || r.makeDirty();
   }
   _initCommands() {
     [
-      H,
-      me
+      A,
+      he
     ].forEach((e) => {
       this.disposeWithMe(this._commandService.registerCommand(e));
     });
   }
   _initPanel() {
-    this._componentManager.register(Ue, Mn);
+    this._componentManager.register(Ae, Gn);
   }
   _initRealTimeRenderingInterceptor() {
-    const e = new U((n) => {
+    const e = new D((r) => {
       this._commandService.onCommandExecuted((s) => {
-        s.id === H.id && n.next(!0), s.id === me.id && n.next(!1);
+        s.id === A.id && r.next(!0), s.id === he.id && r.next(!1);
       });
-    }), r = Kt([
+    }), n = nn([
       e,
       this._selectionManagerService.selectionMoveEnd$.pipe(
-        Yt((n) => n ? n.map((s) => s.range) : [])
+        sn((r) => r ? r.map((s) => s.range) : [])
       )
     ]);
     this.disposeWithMe(
-      fe(
-        r.pipe(
-          Jt(
-            ([n, s]) => new U((i) => {
-              const o = new ut();
-              return n && s.length && i.next({ selectionRanges: s, disposableCollection: o }), () => {
+      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();
               };
             })
           ),
-          zt(() => {
+          cn(() => {
             this._previewPattern = null;
           })
-        ).subscribe(({ disposableCollection: n, selectionRanges: s }) => {
+        ).subscribe(({ disposableCollection: r, selectionRanges: s }) => {
           var o, c;
           const i = this._univerInstanceService.getCurrentUnitForType(E.UNIVER_SHEET);
-          this.openPanel(), n.add(
-            this._sheetInterceptorService.intercept(Ht.CELL_CONTENT, {
+          this.openPanel(), r.add(
+            this._sheetInterceptorService.intercept(Yt.CELL_CONTENT, {
               priority: 99,
-              effect: xe.Value | xe.Style,
-              handler: (a, h, d) => {
-                const { row: m, col: u } = h, p = d(a) || {};
+              effect: Oe.Value | Oe.Style,
+              handler: (a, m, d) => {
+                const { row: u, col: h } = m, p = d(a) || {};
                 if (s.find(
-                  (v) => v.startColumn <= u && v.endColumn >= u && v.startRow <= m && v.endRow >= m
+                  (v) => v.startColumn <= h && v.endColumn >= h && v.startRow <= u && v.endRow >= u
                 )) {
-                  const v = h.worksheet.getCellRaw(m, u), f = v == null ? void 0 : v.v, S = v == null ? void 0 : v.t;
-                  if (f == null || S !== L.NUMBER || this._previewPattern === null)
+                  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 g = Et(this._previewPattern, f, this._localeService.getCurrentLocale());
-                  if (g.color) {
-                    const x = this._themeService.getCurrentTheme()[`${g.color}500`];
+                  const _ = Rt(this._previewPattern, f, this._localeService.getCurrentLocale());
+                  if (_.color) {
+                    const x = this._themeService.getCurrentTheme()[`${_.color}500`];
                     return {
                       ...p,
-                      v: g.result,
-                      t: L.STRING,
+                      v: _.result,
+                      t: $.STRING,
                       s: { cl: { rgb: x } }
                     };
                   }
                   return {
                     ...p,
-                    v: g.result,
-                    t: L.STRING
+                    v: _.result,
+                    t: $.STRING
                   };
                 }
                 return p;
@@ -529,44 +597,44 @@ let A = class extends pe {
     );
   }
   _commandExecutedListener() {
-    const e = [_e.id, Se.id];
+    const e = [Ne.id, Ee.id];
     this.disposeWithMe(
-      new U((r) => {
-        const n = this._commandService.onCommandExecuted((s) => {
+      new D((n) => {
+        const r = this._commandService.onCommandExecuted((s) => {
           if (e.includes(s.id)) {
             const i = s.params;
-            r.next(i.unitId);
+            n.next(i.unitId);
           }
         });
-        return () => n.dispose();
-      }).pipe(Xt(16)).subscribe((r) => this._forceUpdate(r))
+        return () => r.dispose();
+      }).pipe(an(16)).subscribe((n) => this._forceUpdate(n))
     );
   }
   _initCloseListener() {
     this._univerInstanceService.getCurrentTypeOfUnit$(E.UNIVER_SHEET).subscribe((e) => {
-      var r;
-      e || ((r = this._sidebarDisposable) == null || r.dispose(), this._sidebarDisposable = null);
+      var n;
+      e || ((n = this._sidebarDisposable) == null || n.dispose(), this._sidebarDisposable = null);
     });
   }
 };
-A = Dn([
-  P(0, N(Je)),
-  P(1, N(dt)),
-  P(2, ve),
-  P(3, ge),
-  P(4, N(ye)),
-  P(5, Lt),
-  P(6, ze),
-  P(7, N(Ye)),
-  P(8, wt),
-  P(9, N(T))
-], A);
-var $n = Object.defineProperty, Fn = Object.getOwnPropertyDescriptor, Ln = (t, e, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? Fn(e, r) : e, i = t.length - 1, o; i >= 0; i--)
-    (o = t[i]) && (s = (n ? o(e, r, s) : o(s)) || s);
-  return n && s && $n(e, r, s), s;
-}, F = (t, e) => (r, n) => e(r, n, t);
-const Hn = () => {
+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 = [];
   return {
     add: (s, i, o, c, a) => t.push({ unitId: s, subUnitId: i, row: o, col: c, value: a }),
@@ -576,41 +644,41 @@ const Hn = () => {
     }
   };
 };
-let ne = class extends pe {
-  constructor(e, r, n, s, i) {
+let re = class extends oe {
+  constructor(e, n, r, s, i) {
     super();
     // collect effect mutations when edit end and push this to  commands stack in next commands progress
-    X(this, "_collectEffectMutation", Hn());
-    this._sheetInterceptorService = e, this._numfmtService = r, this._univerInstanceService = n, this._injector = s, this._editorBridgeService = i, this._initInterceptorEditorStart(), this._initInterceptorEditorEnd(), this._initInterceptorCommands();
+    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();
   }
   _initInterceptorEditorStart() {
     this._editorBridgeService && this.disposeWithMe(
-      fe(
+      ge(
         this._sheetInterceptorService.writeCellInterceptor.intercept(
-          kt,
+          Zt,
           {
-            handler: (e, r, n) => {
-              const s = r.row, i = r.col, o = this._numfmtService.getValue(
-                r.unitId,
-                r.subUnitId,
+            handler: (e, n, r) => {
+              const s = n.row, i = n.col, o = this._numfmtService.getValue(
+                n.unitId,
+                n.subUnitId,
                 s,
                 i
               );
               if (o)
-                switch (te(o.pattern)) {
+                switch (ne(o.pattern)) {
                   case "scientific":
                   case "currency":
                   case "grouped":
                   case "number":
-                    return r.worksheet.getCellRaw(s, i);
+                    return n.worksheet.getCellRaw(s, i);
                   case "percent":
                   case "date":
                   case "time":
                   case "datetime":
                   default:
-                    return n && n(e);
+                    return r && r(e);
                 }
-              return n(e);
+              return r(e);
             }
           }
         )
@@ -624,52 +692,52 @@ let ne = class extends pe {
    */
   _initInterceptorEditorEnd() {
     this.disposeWithMe(
-      fe(
+      ge(
         this._sheetInterceptorService.writeCellInterceptor.intercept(
-          At,
+          zt,
           {
             // eslint-disable-next-line complexity
-            handler: (e, r, n) => {
-              var d, m, u, p;
+            handler: (e, n, r) => {
+              var d, u, h, p;
               this._collectEffectMutation.clean();
               const s = this._numfmtService.getValue(
-                r.unitId,
-                r.subUnitId,
-                r.row,
-                r.col
-              ), i = (d = s && te(s.pattern)) != null ? d : "", o = () => {
+                n.unitId,
+                n.subUnitId,
+                n.row,
+                n.col
+              ), i = (d = s && ne(s.pattern)) != null ? d : "", o = () => {
                 s && this._collectEffectMutation.add(
-                  r.unitId,
-                  r.subUnitId,
-                  r.row,
-                  r.col,
+                  n.unitId,
+                  n.subUnitId,
+                  n.row,
+                  n.col,
                   null
                 );
               };
-              if (!(e != null && e.v) && !(e != null && e.p) || (s == null ? void 0 : s.pattern) === Qe)
-                return n(e);
-              const c = (m = e.p) == null ? void 0 : m.body, a = (p = (u = e == null ? void 0 : e.p) == null ? void 0 : u.body) != null && p.dataStream ? e.p.body.dataStream.replace(/\r\n$/, "") : String(e.v), h = Z.parseDate(a) || Z.parseTime(a) || Z.parseNumber(a);
+              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 (An(c)) {
-                  const { dataStream: v } = c, f = v.replace(/\r\n$/, ""), S = Number(f);
-                  if (Number.isNaN(S) && !h)
-                    return n(e);
+                if (er(c)) {
+                  const { dataStream: v } = c, f = v.replace(/\r\n$/, ""), y = Number(f);
+                  if (Number.isNaN(y) && !m)
+                    return r(e);
                 } else
-                  return n(e);
-              if (h) {
-                h.z && this._collectEffectMutation.add(
-                  r.unitId,
-                  r.subUnitId,
-                  r.row,
-                  r.col,
+                  return r(e);
+              if (m) {
+                m.z && this._collectEffectMutation.add(
+                  n.unitId,
+                  n.subUnitId,
+                  n.row,
+                  n.col,
                   {
-                    pattern: h.z
+                    pattern: m.z
                   }
                 );
-                const v = Number(h.v);
-                return n({ ...e, p: void 0, v, t: L.NUMBER });
-              } else (["date", "time", "datetime", "percent"].includes(i) || !kn(a)) && o();
-              return n(e);
+                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);
             }
           }
         )
@@ -680,11 +748,11 @@ let ne = class extends pe {
     const e = this;
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
-        getMutations(r) {
-          var n;
-          switch (r.id) {
-            case Bt.id: {
-              const s = e._univerInstanceService.getCurrentUnitForType(E.UNIVER_SHEET), i = s.getUnitId(), o = (n = s.getActiveSheet()) == null ? void 0 : n.getSheetId();
+        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)
                 return {
                   redos: [],
@@ -696,43 +764,43 @@ let ne = class extends pe {
                   redos: [],
                   undos: []
                 };
-              const a = c.filter((u) => {
+              const a = c.filter((h) => {
                 var p;
-                return !!((p = u.value) != null && p.pattern);
-              }).map((u) => ({
-                row: u.row,
-                col: u.col,
-                pattern: u.value.pattern
-              })), h = c.filter((u) => {
+                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 = u.value) != null && p.pattern);
-              }).map((u) => ({
-                startRow: u.row,
-                endColumn: u.col,
-                startColumn: u.col,
-                endRow: u.row
-              })), d = [], m = [];
+                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 u = {
-                  id: Se.id,
-                  params: Wt(i, o, a)
+                const h = {
+                  id: Ee.id,
+                  params: Xt(i, o, a)
                 };
-                d.push(u), m.push(...Vt(e._injector, u.params));
+                d.push(h), u.push(...Qt(e._injector, h.params));
               }
-              if (h.length) {
-                const u = {
-                  id: _e.id,
+              if (m.length) {
+                const h = {
+                  id: Ne.id,
                   params: {
                     unitId: i,
                     subUnitId: o,
-                    ranges: h
+                    ranges: m
                   }
                 };
-                d.push(u), m.push(...Gt(e._injector, u.params));
+                d.push(h), u.push(...en(e._injector, h.params));
               }
               return {
                 redos: d,
-                undos: m.reverse()
+                undos: u.reverse()
               };
             }
           }
@@ -745,28 +813,28 @@ let ne = class extends pe {
     );
   }
 };
-ne = Ln([
-  F(0, N(Je)),
-  F(1, N(ze)),
-  F(2, N(ve)),
-  F(3, N(ke)),
-  F(4, ht(Rt))
-], ne);
-function kn(t) {
+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);
 }
-function An(t) {
-  const { textRuns: e = [], paragraphs: r = [], customRanges: n, customBlocks: s = [] } = t, i = ["va"];
-  return !(e.some((o) => !!(o.ts && Object.keys(o.ts).some((a) => i.includes(a)))) || r.some((o) => o.bullet) || r.length >= 2 || n != null && n.length || s.length > 0);
+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);
 }
-const Q = [
+const ee = [
   {
     label: "sheet.numfmt.general",
     pattern: null
   },
   {
     label: "sheet.numfmt.text",
-    pattern: Qe
+    pattern: Ce
   },
   "|",
   {
@@ -812,122 +880,122 @@ const Q = [
     label: "sheet.numfmt.moreFmt",
     pattern: ""
   }
-], Bn = (t) => ({
-  icon: new U((e) => {
-    const r = t.get(Tt);
-    function n(i) {
+], tr = (t) => ({
+  icon: new D((e) => {
+    const n = t.get(jt);
+    function r(i) {
       return {
-        [w.US]: "DollarSingle",
-        [w.RU]: "RoubleSingle",
-        [w.CN]: "RmbSingle",
-        [w.AT]: "EuroSingle"
+        [O.US]: "DollarSingle",
+        [O.RU]: "RoubleSingle",
+        [O.CN]: "RmbSingle",
+        [O.AT]: "EuroSingle"
       }[i] || "DollarSingle";
     }
-    const s = w[r.getCurrencySymbol()] || "$";
-    return e.next(n(s)), r.currencySymbol$.subscribe((i) => {
-      const o = w[i] || "$";
-      e.next(n(o));
+    const s = O[n.getCurrencySymbol()] || "$";
+    return e.next(r(s)), n.currencySymbol$.subscribe((i) => {
+      const o = O[i] || "$";
+      e.next(r(o));
     });
   }),
-  id: Ve.id,
+  id: ze.id,
   title: "sheet.numfmt.currency",
   tooltip: "sheet.numfmt.currency",
-  type: V.BUTTON,
-  hidden$: G(t, E.UNIVER_SHEET),
-  disabled$: W(t, { workbookTypes: [K], worksheetTypes: [q, Y], rangeTypes: [J] })
-}), Wn = (t) => ({
+  type: G.BUTTON,
+  hidden$: K(t, E.UNIVER_SHEET),
+  disabled$: V(t, { workbookTypes: [q], worksheetTypes: [Y, Z], rangeTypes: [z] })
+}), nr = (t) => ({
   icon: "AddDigitsSingle",
-  id: Ge.id,
+  id: Je.id,
   title: "sheet.numfmt.addDecimal",
   tooltip: "sheet.numfmt.addDecimal",
-  type: V.BUTTON,
-  hidden$: G(t, E.UNIVER_SHEET),
-  disabled$: W(t, { workbookTypes: [K], worksheetTypes: [q, Y], rangeTypes: [J] })
-}), Vn = (t) => ({
+  type: G.BUTTON,
+  hidden$: K(t, E.UNIVER_SHEET),
+  disabled$: V(t, { workbookTypes: [q], worksheetTypes: [Y, Z], rangeTypes: [z] })
+}), rr = (t) => ({
   icon: "ReduceDigitsSingle",
-  id: Ke.id,
+  id: Xe.id,
   title: "sheet.numfmt.subtractDecimal",
   tooltip: "sheet.numfmt.subtractDecimal",
-  type: V.BUTTON,
-  hidden$: G(t, E.UNIVER_SHEET),
-  disabled$: W(t, { workbookTypes: [K], worksheetTypes: [q, Y], rangeTypes: [J] })
-}), Gn = (t) => ({
+  type: G.BUTTON,
+  hidden$: K(t, E.UNIVER_SHEET),
+  disabled$: V(t, { workbookTypes: [q], worksheetTypes: [Y, Z], rangeTypes: [z] })
+}), sr = (t) => ({
   icon: "PercentSingle",
-  id: qe.id,
+  id: Qe.id,
   title: "sheet.numfmt.percent",
   tooltip: "sheet.numfmt.percent",
-  type: V.BUTTON,
-  hidden$: G(t, E.UNIVER_SHEET),
-  disabled$: W(t, { workbookTypes: [K], worksheetTypes: [q, Y], rangeTypes: [J] })
-}), Kn = (t) => {
-  const e = t.get(ve), r = t.get(ge), n = t.get(T), s = t.get(ye), i = Ot(e, "", ({ workbook: o, worksheet: c }) => new U(
-    (a) => qt(
+  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 U((h) => {
-        const d = [_e.id, Se.id], m = r.onCommandExecuted((u) => {
-          d.includes(u.id) && h.next(null);
+      new D((m) => {
+        const d = [Ne.id, Ee.id], u = n.onCommandExecuted((h) => {
+          d.includes(h.id) && m.next(null);
         });
-        return () => m.dispose();
+        return () => u.dispose();
       })
     ).subscribe(() => {
-      var d, m;
-      const h = s.getCurrentSelections();
-      if (h && h[0]) {
-        const u = h[0].range, p = u.startRow, v = u.startColumn, f = (m = o.getStyles().get((d = c.getCell(p, v)) == null ? void 0 : d.s)) == null ? void 0 : m.n, S = f == null ? void 0 : f.pattern;
-        let g = n.t("sheet.numfmt.general");
-        if (S) {
-          const C = Q.filter((x) => typeof x == "object" && x.pattern).find(
-            (x) => ie(S, x.pattern)
+      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)
           );
-          C && typeof C == "object" && C.pattern ? g = n.t(C.label) : g = n.t("sheet.numfmt.moreFmt");
+          I && typeof I == "object" && I.pattern ? _ = r.t(I.label) : _ = r.t("sheet.numfmt.moreFmt");
         }
-        a.next(g);
+        a.next(_);
       }
     })
   ));
   return {
-    label: rt,
-    id: H.id,
+    label: ct,
+    id: A.id,
     tooltip: "sheet.numfmt.title",
-    type: V.SELECTOR,
+    type: G.SELECTOR,
     selections: [
       {
         label: {
-          name: st,
+          name: at,
           hoverable: !1
         }
       }
     ],
     value$: i,
-    hidden$: G(t, E.UNIVER_SHEET),
-    disabled$: W(t, { workbookTypes: [K], worksheetTypes: [Y, q], rangeTypes: [J] })
+    hidden$: K(t, E.UNIVER_SHEET),
+    disabled$: V(t, { workbookTypes: [q], worksheetTypes: [Z, Y], rangeTypes: [z] })
   };
-}, rt = "sheet.numfmt.moreNumfmtType", st = "sheet.numfmt.moreNumfmtType.options", qn = (t) => {
-  var n;
-  const e = y(T), r = (n = t.value) != null ? n : e.t("sheet.numfmt.general");
-  return /* @__PURE__ */ l.jsx("span", { className: "more-numfmt-type", children: r });
-}, Yn = () => {
-  const t = y(ge), e = y(T), r = y(Ut);
-  ft();
-  const n = y(ye), s = (c) => {
-    const a = n.getCurrentLastSelection();
+}, 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)
       return;
-    const h = a.range, d = [];
-    He.foreach(h, (m, u) => {
-      c ? d.push({ row: m, col: u, pattern: c, type: te(c) }) : d.push({ row: m, col: u });
-    }), t.executeCommand(We.id, { values: d }), r.focus();
+    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 === Q.length - 1)
-      t.executeCommand(H.id);
+    else if (c === ee.length - 1)
+      t.executeCommand(A.id);
     else {
-      const a = Q[c];
+      const a = ee[c];
       a.pattern && s(a.pattern);
     }
   }, o = 1220;
-  return /* @__PURE__ */ l.jsx("div", { className: "more-numfmt-type-options", children: Q.map((c, a) => c === "|" ? /* @__PURE__ */ l.jsx("div", { className: "line m-t-4", onClick: (h) => h.stopPropagation() }, a) : /* @__PURE__ */ l.jsxs(
+  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(
     "div",
     {
       className: "option-item m-t-4",
@@ -936,91 +1004,99 @@ const Q = [
       },
       children: [
         /* @__PURE__ */ l.jsx("div", { children: e.t(c.label) }),
-        /* @__PURE__ */ l.jsx("div", { className: "m-l-26", children: c.pattern ? xt(c.pattern || "", o, e.getCurrentLocale()).result : "" })
+        /* @__PURE__ */ l.jsx("div", { className: "m-l-26", children: c.pattern ? wt(c.pattern || "", o, e.getCurrentLocale()).result : "" })
       ]
     },
     a
   )) });
-}, Jn = {
-  [Dt.FORMULAS_INSERT]: {
-    [Ve.id]: {
+}, ar = {
+  [Vt.FORMULAS_INSERT]: {
+    [ze.id]: {
       order: 4,
-      menuItemFactory: Bn
+      menuItemFactory: tr
     },
-    [Ge.id]: {
+    [Je.id]: {
       order: 5,
-      menuItemFactory: Wn
+      menuItemFactory: nr
     },
-    [Ke.id]: {
+    [Xe.id]: {
       order: 6,
-      menuItemFactory: Vn
+      menuItemFactory: rr
     },
-    [qe.id]: {
+    [Qe.id]: {
       order: 7,
-      menuItemFactory: Gn
+      menuItemFactory: sr
     },
-    [H.id]: {
+    [A.id]: {
       order: 8,
-      menuItemFactory: Kn
+      menuItemFactory: ir
     }
   }
 };
-var zn = Object.defineProperty, Xn = Object.getOwnPropertyDescriptor, Zn = (t, e, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? Xn(e, r) : e, i = t.length - 1, o; i >= 0; i--)
-    (o = t[i]) && (s = (n ? o(e, r, s) : o(s)) || s);
-  return n && s && zn(e, r, s), s;
-}, De = (t, e) => (r, n) => e(r, n, t);
-let re = class extends pe {
+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();
   }
   _initMenu() {
-    this._menuManagerService.mergeMenu(Jn), this.disposeWithMe(this._componentManager.register(rt, qn)), this.disposeWithMe(this._componentManager.register(st, Yn));
+    this._menuManagerService.mergeMenu(ar), this.disposeWithMe(this._componentManager.register(ct, or)), this.disposeWithMe(this._componentManager.register(at, cr));
   }
 };
-re = Zn([
-  De(0, N(Ye)),
-  De(1, $t)
-], re);
-var it = Object.defineProperty, Qn = Object.getOwnPropertyDescriptor, er = (t, e, r) => e in t ? it(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, tr = (t, e, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? Qn(e, r) : e, i = t.length - 1, o; i >= 0; i--)
-    (o = t[i]) && (s = (n ? o(e, r, s) : o(s)) || s);
-  return n && s && it(e, r, s), s;
-}, $e = (t, e) => (r, n) => e(r, n, t), ot = (t, e, r) => er(t, typeof e != "symbol" ? e + "" : e, r);
-const nr = "SHEET_NUMFMT_UI_PLUGIN";
-let se = class extends vt {
-  constructor(t = Re, e, r) {
-    super(), this._config = t, this._injector = e, this._configService = r;
-    const { menu: n, ...s } = gt(
+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(
       {},
-      Re,
+      De,
       this._config
     );
-    n && this._configService.setConfig("menu", n, { merge: !0 }), this._configService.setConfig(Ft, s);
+    s && this._configService.setConfig("menu", s, { merge: !0 }), this._configService.setConfig(Kt, i);
   }
   onStarting() {
-    _t(this._injector, [
-      [A],
-      [ne],
+    It(this._injector, [
+      [B],
+      [re],
       [k],
-      [re]
+      [se]
     ]);
   }
   onRendered() {
-    St(this._injector, [
-      [A],
-      [ne],
-      [re]
+    this._registerRenderModules(), Nt(this._injector, [
+      [B],
+      [re],
+      [se]
     ]);
   }
+  _registerRenderModules() {
+    [
+      [Se]
+    ].forEach((e) => {
+      this.disposeWithMe(this._renderManagerService.registerRenderModule(E.UNIVER_SHEET, e));
+    });
+  }
 };
-ot(se, "pluginName", nr);
-ot(se, "type", E.UNIVER_SHEET);
-se = tr([
-  pt(Mt, Pt),
-  $e(1, N(ke)),
-  $e(2, yt)
-], se);
+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);
 export {
-  se as UniverSheetsNumfmtUIPlugin
+  ie as UniverSheetsNumfmtUIPlugin
 };