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

package/lib/es/index.js

@@ -1,64 +1,64 @@
-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 J = (e, t, r) => ht(e, typeof t != "symbol" ? t + "" : t, r);
-import { Inject as S, LocaleService as M, IConfigService as Le, Disposable as oe, isRealNum as ft, CommandType as He, ILocalStorageService as Ae, numfmt as Q, ThemeService as pt, IUniverInstanceService as Se, ICommandService as ye, UniverInstanceType as T, CellValueType as x, toDisposable as ge, DisposableCollection as vt, InterceptorEffectEnum as Oe, Range as je, Injector as Be, Optional as gt, fromCallback as _t, DependentOn as St, Plugin as yt, merge as bt, registerDependencies as Ct, touchDependencies as It } from "@univerjs/core";
-import { IRenderManagerService as We } from "@univerjs/engine-render";
-import { SHEETS_NUMFMT_PLUGIN_CONFIG_KEY as Nt, currencySymbols as Ue, getDecimalFromPattern as te, getCurrencyType as V, setPatternDecimal as O, getCurrencyFormatOptions as ue, isPatternEqualWithoutDecimal as ce, CURRENCYFORMAT as Et, DATEFMTLISG as Tt, NUMBERFORMAT as Mt, getDateFormatOptions as Ve, getNumberFormatOptions as Ge, isPatternHasDecimal as Pt, SheetsNumfmtCellContentController as Ke, getPatternPreviewIgnoreGeneral as wt, getPatternType as ne, SetNumfmtCommand as Ze, SetPercentCommand as Ye, SubtractDecimalCommand as ze, AddDecimalCommand as Xe, SetCurrencyCommand as qe, MenuCurrencyService as Rt, countryCurrencyMap as $, getPatternPreview as Ot, UniverSheetsNumfmtPlugin as Ut } from "@univerjs/sheets-numfmt";
-import { HoverManagerService as Dt, CellAlertManagerService as Ft, CellAlertType as kt, SheetSkeletonManagerService as $t, IEditorBridgeService as xt, deriveStateFromActiveSheet$ as Lt, getCurrentRangeDisable$ as G, UniverSheetsUIPlugin as Ht } from "@univerjs/sheets-ui";
-import { FormulaDataModel as At } from "@univerjs/engine-formula";
-import { isTextFormat as Je, isDefaultFormat as jt, DEFAULT_TEXT_FORMAT_EXCEL as Bt } from "@univerjs/engine-numfmt";
-import { INumfmtService as be, SheetInterceptorService as Qe, SheetsSelectionsService as Ce, INTERCEPTOR_POINT as Wt, RemoveNumfmtMutation as Ie, SetNumfmtMutation as Ne, BEFORE_CELL_EDIT as Vt, AFTER_CELL_EDIT as Gt, SetRangeValuesCommand as Kt, transformCellsToRange as Zt, factorySetNumfmtUndoMutation as Yt, factoryRemoveNumfmtUndoMutation as zt, RangeProtectionPermissionEditPoint as K, WorksheetSetCellStylePermission as Z, WorksheetEditPermission as Y, WorkbookEditablePermission as z } from "@univerjs/sheets";
-import { IZenZoneService as Xt, useDependency as C, ComponentManager as et, ISidebarService as qt, getMenuHiddenObservable as X, MenuItemType as q, ILayoutService as Jt, RibbonStartGroup as Qt, IMenuManagerService as en } from "@univerjs/ui";
-import { debounceTime as tn, merge as tt, Observable as A, 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 u } from "react/jsx-runtime";
-import { createContext as ln, useState as I, useEffect as ae, useRef as Ee, useContext as nt, useMemo as U, forwardRef as rt, createElement as Te } from "react";
-import { InputNumber as Me, Select as Pe, SelectList as we, Input as mn, Button as De, Separator as un } from "@univerjs/design";
-const Fe = {};
+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";
+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 Dt, SheetSkeletonManagerService as kt, IEditorBridgeService as $t, deriveStateFromActiveSheet$ as Ft, getCurrentRangeDisable$ as W, UniverSheetsUIPlugin as At } from "@univerjs/sheets-ui";
+import { FormulaDataModel as Lt } from "@univerjs/engine-formula";
+import { isTextFormat as qe, isDefaultFormat as Ht, DEFAULT_TEXT_FORMAT_EXCEL as jt } from "@univerjs/engine-numfmt";
+import { INumfmtService as ye, SheetInterceptorService as Je, SheetsSelectionsService as Ce, INTERCEPTOR_POINT as Bt, RemoveNumfmtMutation as be, SetNumfmtMutation as Ne, BEFORE_CELL_EDIT as Vt, AFTER_CELL_EDIT as Wt, SetRangeValuesCommand as Gt, transformCellsToRange as Kt, factorySetNumfmtUndoMutation as Zt, factoryRemoveNumfmtUndoMutation as Yt, RangeProtectionPermissionEditPoint as G, WorksheetSetCellStylePermission as K, WorksheetEditPermission as Z, WorkbookEditablePermission as Y } from "@univerjs/sheets";
+import { IZenZoneService as zt, useDependency as C, ComponentManager as Qe, ISidebarService as Xt, getMenuHiddenObservable as z, MenuItemType as X, ILayoutService as qt, RibbonStartGroup as Jt, IMenuManagerService as Qt } from "@univerjs/ui";
+import { debounceTime as en, merge as et, Observable as L, combineLatest as tn, filter as nn } from "rxjs";
+import { map as rn, switchMap as sn, tap as on, debounceTime as cn } 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 ln } from "react";
+import { InputNumber as Te, Select as Me, SelectList as xe, Input as un, Button as Oe, Separator as mn } from "@univerjs/design";
+const Ue = {};
 var dn = Object.getOwnPropertyDescriptor, hn = (e, t, r, n) => {
   for (var i = n > 1 ? void 0 : n ? dn(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);
-const de = "SHEET_NUMFMT_ALERT";
-let _e = class extends oe {
-  constructor(e, t, r, n, i, s, o, a) {
-    super(), this._context = e, this._hoverManagerService = t, this._cellAlertManagerService = r, this._localeService = n, this._formulaDataModel = i, this._zenZoneService = s, this._numfmtService = o, this._configService = a, this._init();
+}, U = (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, c) {
+    super(), this._context = e, this._hoverManagerService = t, this._cellAlertManagerService = r, this._localeService = n, this._formulaDataModel = i, this._zenZoneService = s, this._numfmtService = o, this._configService = c, this._init();
   }
   _init() {
     this._initCellAlertPopup(), this._initZenService();
   }
   _initCellAlertPopup() {
-    this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(tn(100)).subscribe((e) => {
+    this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(en(100)).subscribe((e) => {
       var t, r;
       if (e) {
         const n = e.location, i = this._context.unit, s = i.getActiveSheet();
         if (!s) return;
-        const o = n.unitId, a = n.subUnitId;
-        let c;
-        const m = s.getCell(n.row, n.col);
-        if (m != null && m.s) {
-          const d = i.getStyles().get(m.s);
-          d != null && d.n && (c = d.n);
+        const o = n.unitId, c = n.subUnitId;
+        let a;
+        const u = s.getCell(n.row, n.col);
+        if (u != null && u.s) {
+          const d = i.getStyles().get(u.s);
+          d != null && d.n && (a = d.n);
         }
-        if (c || (c = this._numfmtService.getValue(o, a, n.row, n.col)), !c) {
+        if (a || (a = this._numfmtService.getValue(o, c, n.row, n.col)), !a) {
           this._hideAlert();
           return;
         }
-        if (Je(c.pattern) && (m != null && m.v) && ft(m.v)) {
+        if (qe(a.pattern) && (u != null && u.v) && ht(u.v)) {
           if ((t = this._configService.getConfig(Nt)) != null && t.disableTextFormatAlert)
             return;
-          const d = this._cellAlertManagerService.currentAlert.get(de), l = (r = d == null ? void 0 : d.alert) == null ? void 0 : r.location;
+          const d = this._cellAlertManagerService.currentAlert.get(ue), l = (r = d == null ? void 0 : d.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: Dt.WARNING,
             title: this._localeService.t("info.error"),
             message: this._localeService.t("info.forceStringInfo"),
             location: n,
             width: 200,
             height: 74,
-            key: de
+            key: ue
           });
           return;
         }
@@ -72,37 +72,37 @@ let _e = class extends oe {
     }));
   }
   _hideAlert() {
-    this._cellAlertManagerService.removeAlert(de);
+    this._cellAlertManagerService.removeAlert(ue);
   }
 };
-_e = hn([
-  D(1, S(Dt)),
-  D(2, S(Ft)),
-  D(3, S(M)),
-  D(4, S(At)),
-  D(5, Xt),
-  D(6, S(be)),
-  D(7, Le)
-], _e);
-const he = {
+pe = hn([
+  U(1, S(Ot)),
+  U(2, S(Ut)),
+  U(3, S(M)),
+  U(4, S(Lt)),
+  U(5, zt),
+  U(6, S(ye)),
+  U(7, Fe)
+], pe);
+const me = {
   id: "sheet.operation.close.numfmt.panel",
-  type: He.OPERATION,
+  type: Ae.OPERATION,
   handler: () => (
     // do nothing, just notify panel is closed
     !0
   )
-}, j = {
+}, H = {
   id: "sheet.operation.open.numfmt.panel",
-  type: He.OPERATION,
-  handler: (e) => (e.get(W).openPanel(), !0)
+  type: Ae.OPERATION,
+  handler: (e) => (e.get(B).openPanel(), !0)
 };
-var fn = Object.getOwnPropertyDescriptor, pn = (e, t, r, n) => {
+var fn = Object.getOwnPropertyDescriptor, vn = (e, t, r, n) => {
   for (var i = n > 1 ? void 0 : n ? fn(t, r) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(i) || i);
   return i;
-}, vn = (e, t) => (r, n) => t(r, n, e);
-const Re = ln([]);
-let B = class {
+}, pn = (e, t) => (r, n) => t(r, n, e);
+const Pe = an([]);
+let j = class {
   constructor(e) {
     this._localStorageService = e;
   }
@@ -127,17 +127,17 @@ let B = class {
   async getHabit(e, t) {
     const r = this._getKey(e), n = await this._localStorageService.getItem(r);
     if (t && n) {
-      const i = n.map((s, o, a) => {
-        const c = a.length;
+      const i = n.map((s, o, c) => {
+        const a = c.length;
         return {
           value: s,
-          priority: c - o
+          priority: a - o
         };
       });
       return t.sort((s, o) => {
-        var m, d;
-        const a = ((m = i.find((l) => l.value === s)) == null ? void 0 : m.priority) || -1;
-        return (((d = i.find((l) => l.value === o)) == null ? void 0 : d.priority) || -1) - a;
+        var u, d;
+        const c = ((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) - c;
       });
     }
     return n || [];
@@ -146,23 +146,23 @@ let B = class {
     this._localStorageService.removeItem(e);
   }
 };
-B = pn([
-  vn(0, S(Ae))
-], B);
-const ke = "numfmtCurrency", gn = (e) => {
-  const t = C(B), [r, n] = I(Ue);
-  return ae(() => {
+j = vn([
+  pn(0, S(Le))
+], j);
+const De = "numfmtCurrency", gn = (e) => {
+  const t = C(j), [r, n] = N(Re);
+  return oe(() => {
     t.addHabit("numfmtCurrency", []).then(() => {
-      t.getHabit(ke, [...Ue]).then((s) => {
+      t.getHabit(De, [...Re]).then((s) => {
         n(s), e && e(s);
       });
     });
   }, []), { userHabitCurrency: r, mark: (s) => {
-    t.markHabit(ke, s);
+    t.markHabit(De, s);
   } };
 }, _n = () => {
-  const e = Ee([]), [t, r] = I({});
-  return ae(() => {
+  const e = Ie([]), [t, r] = N({});
+  return oe(() => {
     e.current.forEach((i) => {
       i();
     }), e.current = [];
@@ -170,76 +170,91 @@ const ke = "numfmtCurrency", gn = (e) => {
     e.current.push(i), r({});
   };
 }, Sn = (e) => !!V(e) && e.startsWith("_("), yn = (e) => {
-  const { defaultPattern: t, action: r, onChange: n } = e, [i, s] = I(() => te(t || "", 2)), o = nt(Re), [a, c] = I(() => V(t) || o[0]), m = U(() => o.map((v) => ({ label: v, value: v })), []), l = C(M).t;
-  r.current = () => O(`_("${a}"* #,##0${i > 0 ? ".0" : ""}_)`, i);
-  const h = (v) => {
-    c(v), n(O(`_("${v}"* #,##0${i > 0 ? ".0" : ""}_)`, i));
-  }, p = (v) => {
-    const f = v || 0;
-    s(f), n(O(`_("${a}"* #,##0${f > 0 ? ".0" : ""}_)`, f));
+  const { defaultPattern: t, action: r, onChange: n } = e, [i, s] = N(() => ee(t || "", 2)), o = tt(Pe), [c, a] = N(() => V(t) || o[0]), u = R(() => o.map((p) => ({ label: p, value: p })), []), l = C(M).t;
+  r.current = () => w(`_("${c}"* #,##0${i > 0 ? ".0" : ""}_)`, i);
+  const h = (p) => {
+    a(p), n(w(`_("${p}"* #,##0${i > 0 ? ".0" : ""}_)`, i));
+  }, f = (p) => {
+    const v = p || 0;
+    s(v), n(w(`_("${c}"* #,##0${v > 0 ? ".0" : ""}_)`, v));
   };
-  return /* @__PURE__ */ b("div", { children: [
-    /* @__PURE__ */ b("div", { className: "m-t-16 options", children: [
-      /* @__PURE__ */ b("div", { className: "option", children: [
-        /* @__PURE__ */ u("div", { className: "label", children: l("sheet.numfmt.decimalLength") }),
-        /* @__PURE__ */ u("div", { className: "m-t-8 w-120", children: /* @__PURE__ */ u(
-          Me,
+  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(
+          Te,
           {
             value: i,
             step: 1,
             precision: 0,
             max: 20,
             min: 0,
-            onChange: p
+            onChange: f
           }
         ) })
       ] }),
-      /* @__PURE__ */ b("div", { className: "option", children: [
-        /* @__PURE__ */ u("div", { className: "label", children: l("sheet.numfmt.currencyType") }),
-        /* @__PURE__ */ u("div", { className: "m-t-8 w-140", children: /* @__PURE__ */ u(
-          Pe,
+      /* @__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(
+          Me,
           {
-            options: m,
-            value: a,
+            options: u,
+            value: c,
             onChange: h
           }
         ) })
       ] })
     ] }),
-    /* @__PURE__ */ u("div", { className: "describe m-t-14", children: l("sheet.numfmt.accountingDes") })
+    /* @__PURE__ */ m("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: l("sheet.numfmt.accountingDes") })
   ] });
-}, bn = (e) => !!V(e) && !e.startsWith("_("), Cn = (e) => {
-  const r = C(M).t, n = nt(Re), [i, s] = I(() => V(e.defaultPattern) || n[0]), [o, a] = I(() => te(e.defaultPattern || "", 2)), [c, m] = I(() => {
+}, Cn = (e) => !!V(e) && !e.startsWith("_("), bn = (e) => {
+  const r = C(M).t, n = tt(Pe), [i, s] = N(() => V(e.defaultPattern) || n[0]), [o, c] = N(() => ee(e.defaultPattern || "", 2)), [a, u] = N(() => {
     var g;
-    const f = ue(i);
-    return ((g = f.find((N) => ce(N.value, e.defaultPattern))) == null ? void 0 : g.value) || f[0].value;
-  }), d = U(() => ue(i), [i]), l = U(() => n.map((f) => ({ label: f, value: f })), [n]);
-  e.action.current = () => O(c, o);
-  const h = (f) => {
-    if (f === void 0)
+    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(a, o);
+  const h = (v) => {
+    if (v === void 0)
       return;
-    s(f);
-    const y = ue(f)[0].value;
-    m(y), e.onChange(O(y, o));
-  }, p = (f) => {
-    f !== void 0 && (m(f), e.onChange(O(f, o)));
-  }, v = (f) => {
-    a(f || 0), e.onChange(O(c, f || 0));
+    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) => {
+    c(v || 0), e.onChange(w(a, v || 0));
   };
-  return /* @__PURE__ */ b("div", { children: [
-    /* @__PURE__ */ b("div", { className: "m-t-16 options", children: [
-      /* @__PURE__ */ b("div", { className: "option", children: [
-        /* @__PURE__ */ u("div", { className: "label", children: r("sheet.numfmt.decimalLength") }),
-        /* @__PURE__ */ u("div", { className: "m-t-8 w-120", children: /* @__PURE__ */ u(Me, { value: o, max: 20, min: 0, onChange: v }) })
+  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(
+          Te,
+          {
+            value: o,
+            max: 20,
+            min: 0,
+            onChange: p
+          }
+        ) })
       ] }),
-      /* @__PURE__ */ b("div", { className: "option", children: [
-        /* @__PURE__ */ u("div", { className: "label", children: r("sheet.numfmt.currencyType") }),
-        /* @__PURE__ */ u("div", { className: "m-t-8 w-140", children: /* @__PURE__ */ u(Pe, { onChange: h, options: l, value: i }) })
+      /* @__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(
+          Me,
+          {
+            value: i,
+            options: l,
+            onChange: h
+          }
+        ) })
       ] })
     ] }),
-    /* @__PURE__ */ u("div", { className: "m-t-16 label", children: r("sheet.numfmt.negType") }),
-    /* @__PURE__ */ u("div", { className: "m-t-8", children: /* @__PURE__ */ u(we, { onChange: p, options: d, value: c }) }),
-    /* @__PURE__ */ u("div", { className: "describe m-t-14", children: r("sheet.numfmt.currencyDes") })
+    /* @__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: a, options: d, onChange: f }) }),
+    /* @__PURE__ */ m("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: r("sheet.numfmt.currencyDes") })
   ] });
 };
 var E = function() {
@@ -250,32 +265,32 @@ var E = function() {
     }
     return e;
   }, E.apply(this, arguments);
-}, In = function(e, t) {
+}, Nn = 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;
-}, it = rt(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 = Ee("_".concat(Tn()));
-  return st(r, "".concat(n), { defIds: r.defIds, idSuffix: c.current }, E({ ref: t, className: a }, o), s);
+}, rt = nt(function(e, t) {
+  var r = e.icon, n = e.id, i = e.className, s = e.extend, o = Nn(e, ["icon", "id", "className", "extend"]), c = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), a = Ie("_".concat(Tn()));
+  return it(r, "".concat(n), { defIds: r.defIds, idSuffix: a.current }, E({ ref: t, className: c }, o), s);
 });
-function st(e, t, r, n, i) {
-  return Te(e.tag, E(E({ key: t }, Nn(e, r, i)), n), (En(e, r).children || []).map(function(s, o) {
-    return st(s, "".concat(t, "-").concat(e.tag, "-").concat(o), r, void 0, i);
+function it(e, t, r, n, i) {
+  return Ee(e.tag, E(E({ key: t }, In(e, r, i)), n), (En(e, r).children || []).map(function(s, o) {
+    return it(s, "".concat(t, "-").concat(e.tag, "-").concat(o), r, void 0, i);
   }));
 }
-function Nn(e, t, r) {
+function In(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];
-    o === "mask" && typeof a == "string" && (n[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
+    var o = s[0], c = s[1];
+    o === "mask" && typeof c == "string" && (n[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
   });
   var i = t.defIds;
   return !i || i.length === 0 || (e.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + t.idSuffix), Object.entries(n).forEach(function(s) {
-    var o = s[0], a = s[1];
-    typeof a == "string" && (n[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
+    var o = s[0], c = s[1];
+    typeof c == "string" && (n[o] = c.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
   })), n;
 }
 function En(e, t) {
@@ -287,169 +302,199 @@ function En(e, t) {
 function Tn() {
   return Math.random().toString(36).substring(2, 8);
 }
-it.displayName = "UniverIcon";
-var Mn = { 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(e, t) {
-  return Te(it, Object.assign({}, e, {
+rt.displayName = "UniverIcon";
+var Mn = { 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",
     ref: t,
     icon: Mn
   }));
 });
-ot.displayName = "CheckMarkSingle";
-const Pn = "univer-custom-format-title", wn = "univer-custom-format-input", Rn = "univer-custom-format-history-list", On = "univer-custom-format-history-list-item", Un = "univer-custom-format-history-list-item-icon-wrap", Dn = "univer-custom-format-des", F = {
-  customFormatTitle: Pn,
-  customFormatInput: wn,
-  customFormatHistoryList: Rn,
-  customFormatHistoryListItem: On,
-  customFormatHistoryListItemIconWrap: Un,
-  customFormatDes: Dn
-}, fe = "customFormat", pe = "numfmt_custom_pattern";
-function Fn(e) {
-  const { defaultPattern: t, action: r, onChange: n } = e, i = C(B), s = C(Ae), o = C(M), [a, c] = I(t);
-  r.current = () => (i.markHabit(fe, a), s.getItem(pe).then((p = []) => {
-    const v = [.../* @__PURE__ */ new Set([a, ...p || []])].splice(0, 10).filter((f) => !!f);
-    s.setItem(pe, v);
-  }), a);
-  const [m, d] = I([]);
-  ae(() => {
-    s.getItem(pe).then((p) => {
-      const v = [
-        ...Et.map((f) => f.suffix("$")),
-        ...Tt.map((f) => f.suffix),
-        ...Mt.map((f) => f.suffix)
+st.displayName = "CheckMarkSingle";
+const de = "customFormat", he = "numfmt_custom_pattern";
+function xn(e) {
+  const { defaultPattern: t, action: r, onChange: n } = e, i = C(j), s = C(Le), o = C(M), [c, a] = N(t);
+  r.current = () => (i.markHabit(de, c), s.getItem(he).then((f = []) => {
+    const p = [.../* @__PURE__ */ new Set([c, ...f || []])].splice(0, 10).filter((v) => !!v);
+    s.setItem(he, p);
+  }), c);
+  const [u, d] = N([]);
+  oe(() => {
+    s.getItem(he).then((f) => {
+      const p = [
+        ...It.map((v) => v.suffix("$")),
+        ...Et.map((v) => v.suffix),
+        ...Tt.map((v) => v.suffix)
       ];
-      v.push(...p || []), i.addHabit(fe, []).finally(() => {
-        i.getHabit(fe, v).then((f) => {
-          d([...new Set(f)]);
+      p.push(...f || []), i.addHabit(de, []).finally(() => {
+        i.getHabit(de, p).then((v) => {
+          d([...new Set(v)]);
         });
       });
     });
   }, []);
-  const l = (p) => {
-    c(p), n(p);
+  const l = (f) => {
+    a(f), n(f);
   }, h = () => {
-    n(a);
+    n(c);
   };
-  return /* @__PURE__ */ b("div", { className: F.customFormat, children: [
-    /* @__PURE__ */ u("div", { className: F.customFormatTitle, children: o.t("sheet.numfmt.customFormat") }),
-    /* @__PURE__ */ u(mn, { placeholder: o.t("sheet.numfmt.customFormat"), onBlur: h, value: a, onChange: c, className: F.customFormatInput }),
-    /* @__PURE__ */ u("div", { className: F.customFormatHistoryList, children: m.map((p) => /* @__PURE__ */ b("div", { onClick: () => l(p), className: F.customFormatHistoryListItem, children: [
-      /* @__PURE__ */ u("div", { className: F.customFormatHistoryListItemIconWrap, children: a === p && /* @__PURE__ */ u(ot, {}) }),
-      /* @__PURE__ */ u("div", { children: p })
-    ] }, p)) }),
-    /* @__PURE__ */ u("div", { className: F.customFormatDes, children: o.t("sheet.numfmt.customFormatDes") })
+  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(
+      un,
+      {
+        placeholder: o.t("sheet.numfmt.customFormat"),
+        onBlur: h,
+        value: c,
+        onChange: a,
+        className: "univer-mt-2 univer-w-full"
+      }
+    ),
+    /* @__PURE__ */ m(
+      "div",
+      {
+        className: `
+                  univer-mt-2 univer-max-h-[400px] univer-overflow-auto univer-rounded-lg univer-border
+                  univer-border-solid univer-border-gray-200 univer-p-2
+                `,
+        children: u.map((f) => /* @__PURE__ */ y(
+          "div",
+          {
+            onClick: () => l(f),
+            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: c === f && /* @__PURE__ */ m(st, {}) }),
+              /* @__PURE__ */ m("div", { children: f })
+            ]
+          },
+          f
+        ))
+      }
+    ),
+    /* @__PURE__ */ m("div", { className: "univer-mt-3 univer-text-sm univer-text-gray-600", children: o.t("sheet.numfmt.customFormatDes") })
   ] });
 }
-const kn = (e) => {
-  const t = Q.getInfo(e);
+const Pn = (e) => {
+  const t = J.getInfo(e);
   return Ve().map((r) => r.value).includes(e) || ["date", "datetime", "time"].includes(t.type);
-}, $n = (e) => {
-  const t = U(Ve, []), n = C(M).t, [i, s] = I(() => {
+}, wn = (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;
+      const c = t.find((a) => a.value === e.defaultPattern);
+      if (c)
+        return c.value;
     }
     return t[0].value;
   });
   e.action.current = () => i;
-  const o = (a) => {
-    a !== void 0 && (s(a), e.onChange(a));
+  const o = (c) => {
+    c !== void 0 && (s(c), e.onChange(c));
   };
-  return /* @__PURE__ */ b("div", { children: [
-    /* @__PURE__ */ u("div", { className: "m-t-16 label", children: n("sheet.numfmt.dateType") }),
-    /* @__PURE__ */ u("div", { className: "m-t-8", children: /* @__PURE__ */ u(we, { value: i, options: t, onChange: o }) }),
-    /* @__PURE__ */ u("div", { className: "describe m-t-14", children: n("sheet.numfmt.dateDes") })
+  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("div", { className: "univer-mt-3.5 univer-text-[13px]/5 univer-text-gray-600", children: n("sheet.numfmt.dateDes") })
   ] });
-}, xn = (e) => !e, Ln = (e) => {
+}, Rn = (e) => !e, On = (e) => {
   const r = C(M).t;
-  return e.action.current = () => "", /* @__PURE__ */ u("div", { children: /* @__PURE__ */ u("div", { className: "describe m-t-14", children: r("sheet.numfmt.generalDes") }) });
-}, Hn = (e) => Ge().some((t) => ce(t.value, e)), An = (e) => {
-  const t = C(M), r = U(Ge, []), [n, i] = I(() => te(e.defaultPattern || "", 0)), [s, o] = I(() => {
-    const l = r.find((h) => ce(h.value, e.defaultPattern || ""));
+  return e.action.current = () => "", /* @__PURE__ */ m("div", { children: /* @__PURE__ */ m("div", { className: "univer-mt-3.5 univer-text-[13px]/5 univer-text-gray-600", children: r("sheet.numfmt.generalDes") }) });
+}, Un = (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 || ""));
     return (l == null ? void 0 : l.value) || r[0].value;
-  }), a = U(() => O(s, Number(n || 0)), [s, n]), c = U(() => !Pt(s), [s]), m = (l) => {
-    i(l || 0), e.onChange(O(s, Number(l || 0)));
+  }), c = R(() => w(s, Number(n || 0)), [s, n]), a = R(() => !Mt(s), [s]), u = (l) => {
+    i(l || 0), e.onChange(w(s, Number(l || 0)));
   }, d = (l) => {
-    l !== void 0 && (i(te(l, 0)), o(l), e.onChange(l));
+    l !== void 0 && (i(ee(l, 0)), o(l), e.onChange(l));
   };
-  return e.action.current = () => a, /* @__PURE__ */ b("div", { children: [
-    /* @__PURE__ */ u("div", { className: "m-t-16 label", children: t.t("sheet.numfmt.decimalLength") }),
-    /* @__PURE__ */ u("div", { className: "m-t-8", children: /* @__PURE__ */ u(
-      Me,
+  return e.action.current = () => c, /* @__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(
+      Te,
       {
-        disabled: c,
+        disabled: a,
         value: n,
         max: 20,
         min: 0,
-        onChange: m
+        onChange: u
       }
     ) }),
-    /* @__PURE__ */ b("div", { className: "m-t-16 label", children: [
+    /* @__PURE__ */ y("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: [
       " ",
       t.t("sheet.numfmt.negType")
     ] }),
-    /* @__PURE__ */ u("div", { className: "m-t-8", children: /* @__PURE__ */ u(we, { onChange: d, options: r, value: s }) }),
-    /* @__PURE__ */ u("div", { className: "describe m-t-14", children: t.t("sheet.numfmt.thousandthPercentileDes") })
+    /* @__PURE__ */ m("div", { className: "univer-mt-2", children: /* @__PURE__ */ m(xe, { onChange: d, options: r, value: s }) }),
+    /* @__PURE__ */ m("div", { className: "univer-mt-3.5 univer-text-[13px]/5 univer-text-gray-600", children: t.t("sheet.numfmt.thousandthPercentileDes") })
   ] });
-}, jn = (e) => {
-  const { defaultValue: t, defaultPattern: r, row: n, col: i } = e.value, s = C(M), o = Ee(() => ""), a = s.t, c = _n(), m = U(
+}, kn = (e) => {
+  const { defaultValue: t, defaultPattern: r, row: n, col: i } = e.value, s = C(M), o = Ie(() => ""), c = s.t, a = _n(), u = R(
     () => [
-      { label: "sheet.numfmt.general", component: Ln },
+      { label: "sheet.numfmt.general", component: On },
       { label: "sheet.numfmt.accounting", component: yn },
-      { label: "sheet.numfmt.currency", component: Cn },
-      { label: "sheet.numfmt.date", component: $n },
-      { label: "sheet.numfmt.thousandthPercentile", component: An },
-      { label: "sheet.numfmt.customFormat", component: Fn }
-    ].map((_) => ({ ..._, label: a(_.label) })),
+      { label: "sheet.numfmt.currency", component: bn },
+      { label: "sheet.numfmt.date", component: wn },
+      { label: "sheet.numfmt.thousandthPercentile", component: Dn },
+      { label: "sheet.numfmt.customFormat", component: xn }
+    ].map((_) => ({ ..._, label: c(_.label) })),
     []
-  ), [d, l] = I(g), [h, p] = I(() => `${n}_${i}`), { mark: v, userHabitCurrency: f } = gn(() => p(`${n}_${i}_userCurrency'`)), y = U(() => {
+  ), [d, l] = N(g), [h, f] = N(() => `${n}_${i}`), { mark: p, userHabitCurrency: v } = gn(() => f(`${n}_${i}_userCurrency'`)), b = R(() => {
     var _;
-    return (_ = m.find((k) => k.label === d)) == null ? void 0 : _.component;
+    return (_ = u.find((D) => D.label === d)) == null ? void 0 : _.component;
   }, [d]);
   function g() {
-    return [xn, Sn, bn, kn, Hn].reduce((k, mt, ut) => k || (mt(r) ? m[ut].label : ""), "") || m[0].label;
+    return [Rn, Sn, Cn, Pn, Un].reduce((D, lt, ut) => D || (lt(r) ? u[ut].label : ""), "") || u[0].label;
   }
-  const N = m.map((_) => ({
+  const I = u.map((_) => ({
     label: _.label,
     value: _.label
-  })), w = (_) => {
-    l(_), c(() => e.onChange({ type: "change", value: o.current() || "" }));
-  }, R = (_) => {
+  })), O = (_) => {
+    l(_), a(() => e.onChange({ type: "change", value: o.current() || "" }));
+  }, P = ln((_) => {
     e.onChange({ type: "change", value: _ });
-  }, le = () => {
-    const _ = o.current() || "", k = V(_);
-    k && v(k), e.onChange({ type: "confirm", value: _ });
-  }, L = () => {
+  }, []), ce = () => {
+    const _ = o.current() || "", D = V(_);
+    D && p(D), e.onChange({ type: "confirm", value: _ });
+  }, F = () => {
     e.onChange({ type: "cancel", value: "" });
-  }, me = {
-    onChange: R,
+  }, ae = {
+    onChange: P,
     defaultValue: t,
     defaultPattern: r,
     action: o
   };
-  return ae(() => {
-    l(g()), p(`${n}_${i}`);
-  }, [n, i]), /* @__PURE__ */ b("div", { className: "numfmt-panel p-b-20", children: [
-    /* @__PURE__ */ b("div", { children: [
-      /* @__PURE__ */ u("div", { className: "label m-t-14", children: a("sheet.numfmt.numfmtType") }),
-      /* @__PURE__ */ u("div", { className: "m-t-8", children: /* @__PURE__ */ u(Pe, { onChange: w, options: N, value: d, style: { width: "100%" } }) }),
-      /* @__PURE__ */ u("div", { children: y && /* @__PURE__ */ u(Re.Provider, { value: f, children: /* @__PURE__ */ Te(y, { ...me, key: h }) }) })
-    ] }),
-    /* @__PURE__ */ b("div", { className: "btn-list m-t-14 m-b-20", children: [
-      /* @__PURE__ */ u(De, { onClick: L, className: "m-r-12", children: a("sheet.numfmt.cancel") }),
-      /* @__PURE__ */ u(De, { variant: "primary", onClick: le, children: a("sheet.numfmt.confirm") })
-    ] })
-  ] });
+  return oe(() => {
+    l(g()), f(`${n}_${i}`);
+  }, [n, i]), /* @__PURE__ */ y(
+    "div",
+    {
+      className: `
+              univer-flex univer-h-full univer-flex-col univer-justify-between univer-overflow-y-auto univer-pb-5
+            `,
+      children: [
+        /* @__PURE__ */ y("div", { children: [
+          /* @__PURE__ */ m("div", { className: "univer-mt-3.5 univer-text-sm univer-text-gray-400", children: c("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, { ...ae, key: h }) }) })
+        ] }),
+        /* @__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: c("sheet.numfmt.cancel") }),
+          /* @__PURE__ */ m(Oe, { variant: "primary", onClick: ce, children: c("sheet.numfmt.confirm") })
+        ] })
+      ]
+    }
+  );
 };
-var Bn = Object.getOwnPropertyDescriptor, Wn = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Bn(t, r) : t, s = e.length - 1, o; s >= 0; s--)
+var $n = Object.getOwnPropertyDescriptor, Fn = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? $n(t, r) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(i) || i);
   return i;
-}, P = (e, t) => (r, n) => t(r, n, e);
-const $e = "SHEET_NUMFMT_PANEL";
-let W = class extends oe {
-  constructor(t, r, n, i, s, o, a, c, m, d, l) {
+}, x = (e, t) => (r, n) => t(r, n, e);
+const ke = "SHEET_NUMFMT_PANEL";
+let B = class extends ie {
+  constructor(t, r, n, i, s, o, c, a, u, d, l) {
     super();
     /**
      * If _previewPattern is null ,the realTimeRenderingInterceptor will skip and if it is '',realTimeRenderingInterceptor will clear numfmt.
@@ -457,61 +502,61 @@ let W = class extends oe {
      * @type {(string | null)}
      * @memberof NumfmtController
      */
-    J(this, "_previewPattern", "");
-    J(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 = m, this._localeService = d, this._sheetsNumfmtCellContentController = l, this._initRealTimeRenderingInterceptor(), this._initPanel(), this._initCommands(), this._initCloseListener(), this._commandExecutedListener(), this._initNumfmtLocalChange();
+    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 = c, this._componentManager = a, this._sidebarService = u, this._localeService = d, this._sheetsNumfmtCellContentController = l, this._initRealTimeRenderingInterceptor(), this._initPanel(), this._initCommands(), this._initCloseListener(), this._commandExecutedListener(), this._initNumfmtLocalChange();
   }
   _initNumfmtLocalChange() {
-    this.disposeWithMe(tt(this._sheetsNumfmtCellContentController.local$, this._localeService.currentLocale$).subscribe(() => {
+    this.disposeWithMe(et(this._sheetsNumfmtCellContentController.local$, this._localeService.currentLocale$).subscribe(() => {
       this._forceUpdate();
     }));
   }
   openPanel() {
-    var y;
-    const t = this._sidebarService, r = this._selectionManagerService, n = this._commandService, i = this._univerInstanceService, s = this._numfmtService, o = this._localeService, c = (((y = r.getCurrentSelections()) == null ? void 0 : y.map((g) => g.range)) || [])[0];
-    if (!c)
+    var b;
+    const t = this._sidebarService, r = this._selectionManagerService, n = this._commandService, i = this._univerInstanceService, s = this._numfmtService, o = this._localeService, a = (((b = r.getCurrentSelections()) == null ? void 0 : b.map((g) => g.range)) || [])[0];
+    if (!a)
       return !1;
-    const m = i.getCurrentUnitForType(T.UNIVER_SHEET), d = m.getActiveSheet();
+    const u = i.getCurrentUnitForType(T.UNIVER_SHEET), d = u.getActiveSheet();
     if (!d)
       return !1;
-    const l = d.getCellRaw(c.startRow, c.startColumn), h = s.getValue(
-      m.getUnitId(),
+    const l = d.getCellRaw(a.startRow, a.startColumn), h = s.getValue(
+      u.getUnitId(),
       d.getSheetId(),
-      c.startRow,
-      c.startColumn
+      a.startRow,
+      a.startColumn
     );
-    let p = "";
-    h && (p = h.pattern);
-    const v = (l == null ? void 0 : l.t) === x.NUMBER ? l.v : 12345678, f = {
+    let f = "";
+    h && (f = h.pattern);
+    const p = (l == null ? void 0 : l.t) === $.NUMBER ? l.v : 12345678, v = {
       onChange: (g) => {
-        var N;
+        var I;
         if (g.type === "change")
           this._previewPattern = g.value, this._forceUpdate();
         else if (g.type === "confirm") {
-          const w = ((N = r.getCurrentSelections()) == null ? void 0 : N.map((L) => L.range)) || [], R = { values: [] }, le = ne(g.value);
-          w.forEach((L) => {
-            je.foreach(L, (me, _) => {
-              R.values.push({
-                row: me,
+          const O = ((I = r.getCurrentSelections()) == null ? void 0 : I.map((F) => F.range)) || [], P = { values: [] }, ce = Se(g.value);
+          O.forEach((F) => {
+            He.foreach(F, (ae, _) => {
+              P.values.push({
+                row: ae,
                 col: _,
                 pattern: g.value,
-                type: le
+                type: ce
               });
             });
-          }), n.executeCommand(Ze.id, R), t.close();
+          }), n.executeCommand(Ke.id, P), t.close();
         } else g.type === "cancel" && t.close();
       },
-      value: { defaultPattern: p, defaultValue: v, row: c.startRow, col: c.startColumn }
+      value: { defaultPattern: f, defaultValue: p, row: a.startRow, col: a.startColumn }
     };
     return this._sidebarDisposable = t.open({
       header: { title: o.t("sheet.numfmt.title") },
       children: {
-        label: $e,
-        ...f
+        label: ke,
+        ...v
         // need passthrough to react props.
       },
       onClose: () => {
-        this._forceUpdate(), n.executeCommand(he.id);
+        this._forceUpdate(), n.executeCommand(me.id);
       }
     }), !0;
   }
@@ -520,88 +565,88 @@ let W = class extends oe {
     const r = this._renderManagerService.getRenderById(
       t != null ? t : this._univerInstanceService.getCurrentUnitForType(T.UNIVER_SHEET).getUnitId()
     );
-    r == null || r.with($t).reCalculate(), (n = r == null ? void 0 : r.mainComponent) == null || n.makeDirty();
+    r == null || r.with(kt).reCalculate(), (n = r == null ? void 0 : r.mainComponent) == null || n.makeDirty();
   }
   _initCommands() {
     [
-      j,
-      he
+      H,
+      me
     ].forEach((t) => {
       this.disposeWithMe(this._commandService.registerCommand(t));
     });
   }
   _initPanel() {
-    this._componentManager.register($e, jn);
+    this._componentManager.register(ke, kn);
   }
   // eslint-disable-next-line max-lines-per-function
   _initRealTimeRenderingInterceptor() {
-    const t = new A((n) => {
+    const t = new L((n) => {
       this._commandService.onCommandExecuted((i) => {
-        i.id === j.id && n.next(!0), i.id === he.id && n.next(!1);
+        i.id === H.id && n.next(!0), i.id === me.id && n.next(!1);
       });
-    }), r = nn([
+    }), r = tn([
       t,
       this._selectionManagerService.selectionMoveEnd$.pipe(
-        sn((n) => n ? n.map((i) => i.range) : [])
+        rn((n) => n ? n.map((i) => i.range) : [])
       )
     ]);
     this.disposeWithMe(
-      ge(
+      ve(
         r.pipe(
-          on(
-            ([n, i]) => new A((s) => {
+          sn(
+            ([n, i]) => new L((s) => {
               const o = new vt();
               return n && i.length && s.next({ selectionRanges: i, disposableCollection: o }), () => {
                 o.dispose();
               };
             })
           ),
-          cn(() => {
+          on(() => {
             this._previewPattern = null;
           })
         ).subscribe(({ disposableCollection: n, selectionRanges: i }) => {
-          var o, a;
+          var o, c;
           const s = this._univerInstanceService.getCurrentUnitForType(T.UNIVER_SHEET);
           this.openPanel(), n.add(
-            this._sheetInterceptorService.intercept(Wt.CELL_CONTENT, {
+            this._sheetInterceptorService.intercept(Bt.CELL_CONTENT, {
               priority: 99,
-              effect: Oe.Value | Oe.Style,
-              handler: (c, m, d) => {
-                const { row: l, col: h } = m, p = d(c) || {};
+              effect: we.Value | we.Style,
+              handler: (a, u, d) => {
+                const { row: l, col: h } = u, f = d(a) || {};
                 if (i.find(
-                  (v) => v.startColumn <= h && v.endColumn >= h && v.startRow <= l && v.endRow >= l
+                  (p) => p.startColumn <= h && p.endColumn >= h && p.startRow <= l && p.endRow >= l
                 )) {
-                  const v = m.worksheet.getCellRaw(l, h), f = v == null ? void 0 : v.v, y = v == null ? void 0 : v.t;
-                  if (f == null || y !== x.NUMBER || this._previewPattern === null)
-                    return p;
-                  const g = wt(this._previewPattern, f, this._sheetsNumfmtCellContentController.local);
+                  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 w = this._themeService.getCurrentTheme()[`${g.color}500`];
+                    const I = this._themeService.getColorFromTheme(`${g.color}.500`);
                     return {
-                      ...p,
+                      ...f,
                       v: g.result,
-                      t: x.STRING,
-                      s: { cl: { rgb: w } }
+                      t: $.STRING,
+                      s: { cl: { rgb: I } }
                     };
                   }
                   return {
-                    ...p,
+                    ...f,
                     v: g.result,
-                    t: x.STRING
+                    t: $.STRING
                   };
                 }
-                return p;
+                return f;
               }
             })
-          ), (a = (o = this._renderManagerService.getRenderById(s.getUnitId())) == null ? void 0 : o.mainComponent) == null || a.makeDirty();
+          ), (c = (o = this._renderManagerService.getRenderById(s.getUnitId())) == null ? void 0 : o.mainComponent) == null || c.makeDirty();
         })
       )
     );
   }
   _commandExecutedListener() {
-    const t = [Ie.id, Ne.id];
+    const t = [be.id, Ne.id];
     this.disposeWithMe(
-      new A((r) => {
+      new L((r) => {
         const n = this._commandService.onCommandExecuted((i) => {
           if (t.includes(i.id)) {
             const s = i.params;
@@ -609,7 +654,7 @@ let W = class extends oe {
           }
         });
         return () => n.dispose();
-      }).pipe(an(16)).subscribe((r) => this._forceUpdate(r))
+      }).pipe(cn(16)).subscribe((r) => this._forceUpdate(r))
     );
   }
   _initCloseListener() {
@@ -619,44 +664,44 @@ let W = class extends oe {
     });
   }
 };
-W = Wn([
-  P(0, S(Qe)),
-  P(1, S(pt)),
-  P(2, Se),
-  P(3, ye),
-  P(4, S(Ce)),
-  P(5, We),
-  P(6, be),
-  P(7, S(et)),
-  P(8, qt),
-  P(9, S(M)),
-  P(10, S(Ke))
-], W);
-var Vn = Object.getOwnPropertyDescriptor, Gn = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Vn(t, r) : t, s = e.length - 1, o; s >= 0; s--)
+B = Fn([
+  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, Xt),
+  x(9, S(M)),
+  x(10, S(Ge))
+], B);
+var An = Object.getOwnPropertyDescriptor, Ln = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? An(t, r) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(i) || i);
   return i;
-}, H = (e, t) => (r, n) => t(r, n, e);
-const Kn = () => {
+}, A = (e, t) => (r, n) => t(r, n, e);
+const Hn = () => {
   let e = [];
   return {
-    add: (i, s, o, a, c) => e.push({ unitId: i, subUnitId: s, row: o, col: a, value: c }),
+    add: (i, s, o, c, a) => e.push({ unitId: i, subUnitId: s, row: o, col: c, value: a }),
     getEffects: () => e,
     clean: () => {
       e = [];
     }
   };
 };
-let re = class extends oe {
+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
-    J(this, "_collectEffectMutation", Kn());
+    q(this, "_collectEffectMutation", Hn());
     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(
-      ge(
+      ve(
         this._sheetInterceptorService.writeCellInterceptor.intercept(Vt, {
           handler: (t, r, n) => {
             const i = r.row, s = r.col, o = this._numfmtService.getValue(
@@ -666,13 +711,13 @@ let re = class extends oe {
               s
             );
             if (o)
-              switch (ne(o.pattern)) {
+              switch (Se(o.pattern)) {
                 case "scientific":
                 case "currency":
                 case "grouped":
                 case "number": {
-                  const c = r.worksheet.getCellRaw(i, s);
-                  return n && n(c);
+                  const a = r.worksheet.getCellRaw(i, s);
+                  return n && n(a);
                 }
                 case "percent":
                 case "date":
@@ -694,49 +739,41 @@ let re = class extends oe {
    */
   _initInterceptorEditorEnd() {
     this.disposeWithMe(
-      ge(
-        this._sheetInterceptorService.writeCellInterceptor.intercept(Gt, {
+      ve(
+        this._sheetInterceptorService.writeCellInterceptor.intercept(Wt, {
           // eslint-disable-next-line complexity
           handler: (t, r, n) => {
-            var d, l, h, p;
+            var a, u, d;
             this._collectEffectMutation.clean();
             const i = this._numfmtService.getValue(
               r.unitId,
               r.subUnitId,
               r.row,
               r.col
-            ), s = (d = i && ne(i.pattern)) != null ? d : "", o = () => {
-              i && this._collectEffectMutation.add(
-                r.unitId,
-                r.subUnitId,
-                r.row,
-                r.col,
-                null
-              );
-            };
-            if (!(t != null && t.v) && !(t != null && t.p) || Je(i == null ? void 0 : i.pattern) || t.t === x.FORCE_STRING)
+            );
+            if (!(t != null && t.v) && !(t != null && t.p) || qe(i == null ? void 0 : i.pattern) || t.t === $.FORCE_STRING)
               return n(t);
-            const a = (l = t.p) == null ? void 0 : l.body, c = (p = (h = t == null ? void 0 : t.p) == null ? void 0 : h.body) != null && p.dataStream ? t.p.body.dataStream.replace(/\r\n$/, "") : String(t.v), m = Q.parseDate(c) || Q.parseTime(c) || Q.parseNumber(c);
-            if (a)
-              if (Yn(a)) {
-                const { dataStream: v } = a, f = v.replace(/\r\n$/, ""), y = Number(f);
-                if (Number.isNaN(y) && !m)
+            const s = (a = t.p) == null ? void 0 : a.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), c = J.parseDate(o) || J.parseTime(o) || J.parseNumber(o);
+            if (s)
+              if (jn(s)) {
+                const { dataStream: l } = s, h = l.replace(/\r\n$/, ""), f = Number(h);
+                if (Number.isNaN(f) && !c)
                   return n(t);
               } else
                 return n(t);
-            if (m) {
-              m.z && this._collectEffectMutation.add(
+            if (c) {
+              c.z && this._collectEffectMutation.add(
                 r.unitId,
                 r.subUnitId,
                 r.row,
                 r.col,
                 {
-                  pattern: m.z
+                  pattern: c.z
                 }
               );
-              const v = Number(m.v);
-              return n({ ...t, p: void 0, v, t: x.NUMBER });
-            } else (["date", "time", "datetime", "percent"].includes(s) || !Zn(c)) && o();
+              const l = Number(c.v);
+              return n({ ...t, p: void 0, v: l, t: $.NUMBER });
+            }
             return n(t);
           }
         })
@@ -750,52 +787,52 @@ let re = class extends oe {
         getMutations(r) {
           var n;
           switch (r.id) {
-            case Kt.id: {
+            case Gt.id: {
               const i = t._univerInstanceService.getCurrentUnitForType(T.UNIVER_SHEET), s = i.getUnitId(), o = (n = i.getActiveSheet()) == null ? void 0 : n.getSheetId();
               if (!o)
                 return {
                   redos: [],
                   undos: []
                 };
-              const a = t._collectEffectMutation.getEffects();
-              if (t._collectEffectMutation.clean(), !a.length)
+              const c = t._collectEffectMutation.getEffects();
+              if (t._collectEffectMutation.clean(), !c.length)
                 return {
                   redos: [],
                   undos: []
                 };
-              const c = a.filter((h) => {
-                var p;
-                return !!((p = h.value) != null && p.pattern);
+              const a = c.filter((h) => {
+                var f;
+                return !!((f = h.value) != null && f.pattern);
               }).map((h) => ({
                 row: h.row,
                 col: h.col,
                 pattern: h.value.pattern
-              })), m = a.filter((h) => {
-                var p;
-                return !((p = h.value) != null && p.pattern);
+              })), u = c.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 = [];
-              if (c.length) {
+              if (a.length) {
                 const h = {
                   id: Ne.id,
-                  params: Zt(s, o, c)
+                  params: Kt(s, o, a)
                 };
-                d.push(h), l.push(...Yt(t._injector, h.params));
+                d.push(h), l.push(...Zt(t._injector, h.params));
               }
-              if (m.length) {
+              if (u.length) {
                 const h = {
-                  id: Ie.id,
+                  id: be.id,
                   params: {
                     unitId: s,
                     subUnitId: o,
-                    ranges: m
+                    ranges: u
                   }
                 };
-                d.push(h), l.push(...zt(t._injector, h.params));
+                d.push(h), l.push(...Yt(t._injector, h.params));
               }
               return {
                 redos: d,
@@ -812,28 +849,25 @@ let re = class extends oe {
     );
   }
 };
-re = Gn([
-  H(0, S(Qe)),
-  H(1, S(be)),
-  H(2, S(Se)),
-  H(3, S(Be)),
-  H(4, gt(xt))
-], re);
-function Zn(e) {
-  return /^-?\d+(\.\d+)?$/.test(e);
-}
-function Yn(e) {
+te = Ln([
+  A(0, S(Je)),
+  A(1, S(ye)),
+  A(2, S(ge)),
+  A(3, S(je)),
+  A(4, pt($t))
+], te);
+function jn(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);
+  return !(t.some((o) => !!(o.ts && Object.keys(o.ts).some((a) => s.includes(a)))) || r.some((o) => o.bullet) || r.length >= 2 || n != null && n.length || i.length > 0);
 }
-const ee = [
+const Q = [
   {
     label: "sheet.numfmt.general",
     pattern: null
   },
   {
     label: "sheet.numfmt.text",
-    pattern: Bt
+    pattern: jt
   },
   "|",
   {
@@ -887,126 +921,126 @@ const ee = [
     label: "sheet.numfmt.moreFmt",
     pattern: ""
   }
-], zn = (e) => ({
-  icon: new A((t) => {
-    const r = e.get(Rt);
+], Bn = (e) => ({
+  icon: new L((t) => {
+    const r = e.get(Pt);
     function n(s) {
       return {
-        [$.US]: "DollarSingle",
-        [$.RU]: "RoubleSingle",
-        [$.CN]: "RmbSingle",
-        [$.AT]: "EuroSingle"
+        [k.US]: "DollarSingle",
+        [k.RU]: "RoubleSingle",
+        [k.CN]: "RmbSingle",
+        [k.AT]: "EuroSingle"
       }[s] || "DollarSingle";
     }
-    const i = $[r.getCurrencySymbol()] || "$";
+    const i = k[r.getCurrencySymbol()] || "$";
     return t.next(n(i)), r.currencySymbol$.subscribe((s) => {
-      const o = $[s] || "$";
+      const o = k[s] || "$";
       t.next(n(o));
     });
   }),
-  id: qe.id,
+  id: Xe.id,
   title: "sheet.numfmt.currency",
   tooltip: "sheet.numfmt.currency",
-  type: q.BUTTON,
-  hidden$: X(e, T.UNIVER_SHEET),
-  disabled$: G(e, { workbookTypes: [z], worksheetTypes: [Y, Z], rangeTypes: [K] })
-}), Xn = (e) => ({
+  type: X.BUTTON,
+  hidden$: z(e, T.UNIVER_SHEET),
+  disabled$: W(e, { workbookTypes: [Y], worksheetTypes: [Z, K], rangeTypes: [G] })
+}), Vn = (e) => ({
   icon: "AddDigitsSingle",
-  id: Xe.id,
+  id: ze.id,
   title: "sheet.numfmt.addDecimal",
   tooltip: "sheet.numfmt.addDecimal",
-  type: q.BUTTON,
-  hidden$: X(e, T.UNIVER_SHEET),
-  disabled$: G(e, { workbookTypes: [z], worksheetTypes: [Y, Z], rangeTypes: [K] })
-}), qn = (e) => ({
+  type: X.BUTTON,
+  hidden$: z(e, T.UNIVER_SHEET),
+  disabled$: W(e, { workbookTypes: [Y], worksheetTypes: [Z, K], rangeTypes: [G] })
+}), Wn = (e) => ({
   icon: "ReduceDigitsSingle",
-  id: ze.id,
+  id: Ye.id,
   title: "sheet.numfmt.subtractDecimal",
   tooltip: "sheet.numfmt.subtractDecimal",
-  type: q.BUTTON,
-  hidden$: X(e, T.UNIVER_SHEET),
-  disabled$: G(e, { workbookTypes: [z], worksheetTypes: [Y, Z], rangeTypes: [K] })
-}), Jn = (e) => ({
+  type: X.BUTTON,
+  hidden$: z(e, T.UNIVER_SHEET),
+  disabled$: W(e, { workbookTypes: [Y], worksheetTypes: [Z, K], rangeTypes: [G] })
+}), Gn = (e) => ({
   icon: "PercentSingle",
-  id: Ye.id,
+  id: Ze.id,
   title: "sheet.numfmt.percent",
   tooltip: "sheet.numfmt.percent",
-  type: q.BUTTON,
-  hidden$: X(e, T.UNIVER_SHEET),
-  disabled$: G(e, { workbookTypes: [z], worksheetTypes: [Y, Z], rangeTypes: [K] })
-}), Qn = (e) => {
-  const t = e.get(Se), r = e.get(ye), n = e.get(M), i = e.get(Ce), s = [Ie.id, Ne.id], o = Lt(
+  type: X.BUTTON,
+  hidden$: z(e, T.UNIVER_SHEET),
+  disabled$: W(e, { workbookTypes: [Y], worksheetTypes: [Z, K], rangeTypes: [G] })
+}), Kn = (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(
     t,
     "",
-    ({ workbook: a, worksheet: c }) => new A(
-      (m) => tt(
+    ({ workbook: c, worksheet: a }) => new L(
+      (u) => et(
         i.selectionMoveEnd$,
-        _t(r.onCommandExecuted.bind(r)).pipe(
-          rn(([d]) => s.includes(d.id))
+        gt(r.onCommandExecuted.bind(r)).pipe(
+          nn(([d]) => s.includes(d.id))
         )
       ).subscribe(() => {
         var l, h;
         const d = i.getCurrentSelections();
         if (d && d[0]) {
-          const p = d[0].range, v = p.startRow, f = p.startColumn, y = (h = a.getStyles().get((l = c.getCell(v, f)) == null ? void 0 : l.s)) == null ? void 0 : h.n, g = y == null ? void 0 : y.pattern;
-          let N = n.t("sheet.numfmt.general");
-          if (jt(g)) {
-            m.next(N);
+          const f = d[0].range, p = f.startRow, v = f.startColumn, b = (h = c.getStyles().get((l = a.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 (Ht(g)) {
+            u.next(I);
             return;
           }
           if (g) {
-            const w = ee.filter((R) => typeof R == "object" && R.pattern).find(
-              (R) => ce(g, R.pattern)
+            const O = Q.filter((P) => typeof P == "object" && P.pattern).find(
+              (P) => se(g, P.pattern)
             );
-            w && typeof w == "object" && w.pattern ? N = n.t(w.label) : N = n.t("sheet.numfmt.moreFmt");
+            O && typeof O == "object" && O.pattern ? I = n.t(O.label) : I = n.t("sheet.numfmt.moreFmt");
           }
-          m.next(N);
+          u.next(I);
         }
       })
     )
   );
   return {
-    label: ct,
-    id: j.id,
+    label: ot,
+    id: H.id,
     tooltip: "sheet.numfmt.title",
-    type: q.SELECTOR,
+    type: X.SELECTOR,
     slot: !0,
     selections: [
       {
         label: {
-          name: at,
+          name: ct,
           hoverable: !1,
           selectable: !1
         }
       }
     ],
     value$: o,
-    hidden$: X(e, T.UNIVER_SHEET),
-    disabled$: G(e, { workbookTypes: [z], worksheetTypes: [Z, Y], rangeTypes: [K] })
+    hidden$: z(e, T.UNIVER_SHEET),
+    disabled$: W(e, { workbookTypes: [Y], worksheetTypes: [K, Z], rangeTypes: [G] })
   };
-}, ct = "sheet.numfmt.moreNumfmtType", at = "sheet.numfmt.moreNumfmtType.options", er = (e) => {
+}, ot = "sheet.numfmt.moreNumfmtType", ct = "sheet.numfmt.moreNumfmtType.options", Zn = (e) => {
   const { value: t } = e, r = C(M), n = t != null ? t : r.t("sheet.numfmt.general");
-  return /* @__PURE__ */ u("span", { className: "univer-text-sm", children: n });
-}, tr = () => {
-  const e = C(ye), t = C(M), r = C(Jt), n = C(Ke), i = C(Ce), s = (c) => {
-    const m = i.getCurrentLastSelection();
-    if (!m)
+  return /* @__PURE__ */ m("span", { className: "univer-text-sm", children: n });
+}, Yn = () => {
+  const e = C(_e), t = C(M), r = C(qt), n = C(Ge), i = C(Ce), s = (a) => {
+    const u = i.getCurrentLastSelection();
+    if (!u)
       return;
-    const d = m.range, l = [];
-    je.foreach(d, (h, p) => {
-      c ? l.push({ row: h, col: p, pattern: c, type: ne(c) }) : l.push({ row: h, col: p });
-    }), e.executeCommand(Ze.id, { values: l }), r.focus();
-  }, o = (c) => {
-    if (c === 0)
+    const d = u.range, l = [];
+    He.foreach(d, (h, f) => {
+      a ? l.push({ row: h, col: f, pattern: a, type: Se(a) }) : l.push({ row: h, col: f });
+    }), e.executeCommand(Ke.id, { values: l }), r.focus();
+  }, o = (a) => {
+    if (a === 0)
       s(null);
-    else if (c === ee.length - 1)
-      e.executeCommand(j.id), r.focus();
+    else if (a === Q.length - 1)
+      e.executeCommand(H.id), r.focus();
     else {
-      const m = ee[c];
-      m.pattern && s(m.pattern);
+      const u = Q[a];
+      u.pattern && s(u.pattern);
     }
-  }, a = 1220;
-  return /* @__PURE__ */ u("div", { className: "univer-grid univer-gap-1 univer-p-1.5", children: ee.map((c, m) => c === "|" ? /* @__PURE__ */ u(un, {}, m) : /* @__PURE__ */ b(
+  }, c = 1220;
+  return /* @__PURE__ */ m("div", { className: "univer-grid univer-gap-1 univer-p-1.5", children: Q.map((a, u) => a === "|" ? /* @__PURE__ */ m(mn, {}, u) : /* @__PURE__ */ y(
     "div",
     {
       className: `
@@ -1015,103 +1049,103 @@ const ee = [
                           hover:univer-bg-gray-100
                         `,
       onClick: () => {
-        o(m);
+        o(u);
       },
       children: [
-        /* @__PURE__ */ u("span", { children: t.t(c.label) }),
-        /* @__PURE__ */ u("span", { className: "univer-text-xs univer-text-gray-500", children: c.pattern ? Ot(c.pattern || "", a, n.local).result.trim() : "" })
+        /* @__PURE__ */ m("span", { children: t.t(a.label) }),
+        /* @__PURE__ */ m("span", { className: "univer-text-xs univer-text-gray-500", children: a.pattern ? wt(a.pattern || "", c, n.local).result.trim() : "" })
       ]
     },
-    m
+    u
   )) });
-}, nr = {
-  [Qt.FORMULAS_INSERT]: {
-    [qe.id]: {
+}, zn = {
+  [Jt.FORMULAS_INSERT]: {
+    [Xe.id]: {
       order: 4,
-      menuItemFactory: zn
+      menuItemFactory: Bn
     },
-    [Xe.id]: {
+    [ze.id]: {
       order: 5,
-      menuItemFactory: Xn
+      menuItemFactory: Vn
     },
-    [ze.id]: {
+    [Ye.id]: {
       order: 6,
-      menuItemFactory: qn
+      menuItemFactory: Wn
     },
-    [Ye.id]: {
+    [Ze.id]: {
       order: 7,
-      menuItemFactory: Jn
+      menuItemFactory: Gn
     },
-    [j.id]: {
+    [H.id]: {
       order: 8,
-      menuItemFactory: Qn
+      menuItemFactory: Kn
     }
   }
 };
-var rr = Object.getOwnPropertyDescriptor, ir = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? rr(t, r) : t, s = e.length - 1, o; s >= 0; s--)
+var Xn = Object.getOwnPropertyDescriptor, qn = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Xn(t, r) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(i) || i);
   return i;
-}, xe = (e, t) => (r, n) => t(r, n, e);
-let ie = class extends oe {
+}, $e = (e, t) => (r, n) => t(r, n, e);
+let ne = class extends ie {
   constructor(e, t) {
     super(), this._componentManager = e, this._menuManagerService = t, this._initMenu();
   }
   _initMenu() {
-    this._menuManagerService.mergeMenu(nr), this.disposeWithMe(this._componentManager.register(ct, er)), this.disposeWithMe(this._componentManager.register(at, tr));
+    this._menuManagerService.mergeMenu(zn), this.disposeWithMe(this._componentManager.register(ot, Zn)), this.disposeWithMe(this._componentManager.register(ct, Yn));
   }
 };
-ie = ir([
-  xe(0, S(et)),
-  xe(1, en)
-], ie);
-var sr = Object.defineProperty, or = Object.getOwnPropertyDescriptor, cr = (e, t, r) => t in e ? sr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, ar = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? or(t, r) : t, s = e.length - 1, o; s >= 0; s--)
+ne = qn([
+  $e(0, S(Qe)),
+  $e(1, Qt)
+], ne);
+var Jn = Object.defineProperty, Qn = Object.getOwnPropertyDescriptor, er = (e, t, r) => t in e ? Jn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, tr = (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;
-}, ve = (e, t) => (r, n) => t(r, n, e), lt = (e, t, r) => cr(e, typeof t != "symbol" ? t + "" : t, r);
-const lr = "SHEET_NUMFMT_UI_PLUGIN";
-let se = class extends yt {
-  constructor(e = Fe, t, r, n) {
+}, fe = (e, t) => (r, n) => t(r, n, e), at = (e, t, r) => er(e, typeof t != "symbol" ? t + "" : t, r);
+const nr = "SHEET_NUMFMT_UI_PLUGIN";
+let re = class extends St {
+  constructor(e = Ue, t, r, n) {
     super(), this._config = e, this._injector = t, this._configService = r, this._renderManagerService = n;
-    const { menu: i, ...s } = bt(
+    const { menu: i, ...s } = yt(
       {},
-      Fe,
+      Ue,
       this._config
     );
     i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig("sheets-numfmt-ui.config", s);
   }
   onStarting() {
     Ct(this._injector, [
-      [W],
-      [re],
       [B],
-      [ie]
+      [te],
+      [j],
+      [ne]
     ]);
   }
   onRendered() {
-    this._registerRenderModules(), It(this._injector, [
-      [W],
-      [re],
-      [ie]
+    this._registerRenderModules(), bt(this._injector, [
+      [B],
+      [te],
+      [ne]
     ]);
   }
   _registerRenderModules() {
     [
-      [_e]
+      [pe]
     ].forEach((t) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(T.UNIVER_SHEET, t));
     });
   }
 };
-lt(se, "pluginName", lr);
-lt(se, "type", T.UNIVER_SHEET);
-se = ar([
-  St(Ht, Ut),
-  ve(1, S(Be)),
-  ve(2, Le),
-  ve(3, We)
-], se);
+at(re, "pluginName", nr);
+at(re, "type", T.UNIVER_SHEET);
+re = tr([
+  _t(At, Rt),
+  fe(1, S(je)),
+  fe(2, Fe),
+  fe(3, Be)
+], re);
 export {
-  se as UniverSheetsNumfmtUIPlugin
+  re as UniverSheetsNumfmtUIPlugin
 };