@univerjs/sheets-numfmt-ui 0.15.5 → 0.16.0

package/lib/index.js

@@ -1,26 +1,26 @@
-var ut = Object.defineProperty;
-var mt = (e, t, r) => t in e ? ut(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var X = (e, t, r) => mt(e, typeof t != "symbol" ? t + "" : t, r);
-import { Inject as C, LocaleService as E, IConfigService as ke, Disposable as te, isTextFormat as Ue, Tools as dt, isRealNum as De, CommandType as Fe, ILocalStorageService as Le, isPatternEqualWithoutDecimal as ne, numfmt as ht, ThemeService as vt, IUniverInstanceService as he, ICommandService as ve, UniverInstanceType as T, CellValueType as P, toDisposable as me, DisposableCollection as ft, InterceptorEffectEnum as Te, Range as Ae, Injector as He, Optional as pt, getNumfmtParseValueFilter as gt, willLoseNumericPrecision as _t, fromCallback as St, isDefaultFormat as Ct, DEFAULT_TEXT_FORMAT_EXCEL as yt, DependentOn as bt, Plugin as It, merge as Nt, registerDependencies as Et, touchDependencies as Tt } from "@univerjs/core";
-import { IRenderManagerService as je } from "@univerjs/engine-render";
-import { SHEETS_NUMFMT_PLUGIN_CONFIG_KEY as Mt, currencySymbols as Me, getDecimalFromPattern as q, getCurrencyType as B, setPatternDecimal as $, getCurrencyFormatOptions as se, CURRENCYFORMAT as wt, DATEFMTLISG as Pt, NUMBERFORMAT as xt, getDateFormatOptions as Be, getNumberFormatOptions as Ve, isPatternHasDecimal as Rt, SheetsNumfmtCellContentController as We, getPatternPreviewIgnoreGeneral as $t, getPatternType as fe, SetNumfmtCommand as Ge, SubtractDecimalCommand as Ke, AddDecimalCommand as Ye, SetCurrencyCommand as Ze, getCurrencySymbolIconByLocale as we, SetPercentCommand as ze, getCurrencySymbolByLocale as Ot, localeCurrencySymbolMap as kt, getPatternPreview as Ut, UniverSheetsNumfmtPlugin as Dt } from "@univerjs/sheets-numfmt";
-import { HoverManagerService as Ft, CellAlertManagerService as Lt, CellAlertType as At, SheetSkeletonManagerService as Ht, IEditorBridgeService as jt, getCurrentRangeDisable$ as V, deriveStateFromActiveSheet$ as Bt, UniverSheetsUIPlugin as Vt } from "@univerjs/sheets-ui";
-import { INumfmtService as pe, SheetInterceptorService as Xe, SheetsSelectionsService as ge, INTERCEPTOR_POINT as Wt, RemoveNumfmtMutation as _e, SetNumfmtMutation as Se, BEFORE_CELL_EDIT as Gt, AFTER_CELL_EDIT as Kt, SetRangeValuesCommand as Yt, transformCellsToRange as Zt, factorySetNumfmtUndoMutation as zt, factoryRemoveNumfmtUndoMutation as Xt, RangeProtectionPermissionEditPoint as W, WorksheetEditPermission as G, WorksheetSetCellStylePermission as K, WorkbookEditablePermission as Y } from "@univerjs/sheets";
-import { IZenZoneService as qt, useDependency as b, ComponentManager as qe, ISidebarService as Jt, getMenuHiddenObservable as Z, MenuItemType as z, ILayoutService as Qt, RibbonStartGroup as en, IMenuManagerService as tn } from "@univerjs/ui";
-import { debounceTime as nn, merge as Je, Observable as L, combineLatest as rn, filter as sn } from "rxjs";
-import { map as on, switchMap as cn, tap as an, debounceTime as ln } from "rxjs/operators";
+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 C, LocaleService as E, IConfigService as De, Disposable as ne, isTextFormat as Fe, Tools as ht, isRealNum as he, CommandType as Le, ILocalStorageService as Ae, isPatternEqualWithoutDecimal as re, numfmt as vt, ThemeService as ft, IUniverInstanceService as pe, ICommandService as ge, UniverInstanceType as T, CellValueType as w, toDisposable as ve, DisposableCollection as pt, InterceptorEffectEnum as we, Range as He, Injector as je, Optional as gt, getNumfmtParseValueFilter as _t, willLoseNumericPrecision as St, fromCallback as Ct, isDefaultFormat as yt, DEFAULT_TEXT_FORMAT_EXCEL as bt, DependentOn as It, Plugin as Nt, merge as Et, registerDependencies as Tt, touchDependencies as Mt } from "@univerjs/core";
+import { IRenderManagerService as Be } from "@univerjs/engine-render";
+import { SHEETS_NUMFMT_PLUGIN_CONFIG_KEY as wt, currencySymbols as Pe, getDecimalFromPattern as J, getCurrencyType as W, setPatternDecimal as $, getCurrencyFormatOptions as oe, CURRENCYFORMAT as Pt, DATEFMTLISG as Rt, NUMBERFORMAT as xt, getDateFormatOptions as We, getNumberFormatOptions as Ve, isPatternHasDecimal as $t, SheetsNumfmtCellContentController as Ge, getPatternPreviewIgnoreGeneral as Ot, getPatternType as L, SetNumfmtCommand as Ke, SubtractDecimalCommand as Ye, AddDecimalCommand as Ze, SetCurrencyCommand as ze, getCurrencySymbolIconByLocale as Re, SetPercentCommand as Xe, getCurrencySymbolByLocale as kt, localeCurrencySymbolMap as Ut, getPatternPreview as Dt, UniverSheetsNumfmtPlugin as Ft } from "@univerjs/sheets-numfmt";
+import { HoverManagerService as Lt, CellAlertManagerService as At, CellAlertType as Ht, SheetSkeletonManagerService as jt, IEditorBridgeService as Bt, getCurrentRangeDisable$ as V, deriveStateFromActiveSheet$ as Wt, UniverSheetsUIPlugin as Vt } from "@univerjs/sheets-ui";
+import { INumfmtService as _e, SheetInterceptorService as qe, SheetsSelectionsService as Se, INTERCEPTOR_POINT as Gt, RemoveNumfmtMutation as Ce, SetNumfmtMutation as ye, BEFORE_CELL_EDIT as Kt, AFTER_CELL_EDIT as Yt, SetRangeValuesCommand as Zt, transformCellsToRange as zt, factorySetNumfmtUndoMutation as Xt, factoryRemoveNumfmtUndoMutation as qt, RangeProtectionPermissionEditPoint as G, WorksheetEditPermission as K, WorksheetSetCellStylePermission as Y, WorkbookEditablePermission as Z } from "@univerjs/sheets";
+import { IZenZoneService as Jt, useDependency as b, ComponentManager as Je, ISidebarService as Qt, getMenuHiddenObservable as z, MenuItemType as X, ILayoutService as en, RibbonStartGroup as tn, IMenuManagerService as nn } from "@univerjs/ui";
+import { debounceTime as rn, merge as Qe, Observable as A, combineLatest as sn, filter as on } from "rxjs";
+import { map as cn, switchMap as an, tap as ln, debounceTime as un } from "rxjs/operators";
 import { jsxs as y, jsx as h } from "react/jsx-runtime";
-import { createContext as un, useState as N, useEffect as re, useRef as Ce, useContext as Qe, useMemo as x, createElement as ye, forwardRef as mn, useCallback as dn } from "react";
-import { InputNumber as be, Select as Ie, SelectList as Ne, Input as hn, clsx as et, borderClassName as vn, Button as Pe, scrollbarClassName as fn, Separator as pn } from "@univerjs/design";
-import { stripErrorMargin as gn } from "@univerjs/engine-formula";
-const xe = {};
+import { createContext as mn, useState as N, useEffect as ie, useRef as be, useContext as et, useMemo as R, createElement as Ie, forwardRef as dn, useCallback as hn } from "react";
+import { InputNumber as Ne, Select as Ee, SelectList as Te, Input as vn, clsx as tt, borderClassName as fn, Button as xe, scrollbarClassName as pn, Separator as gn } from "@univerjs/design";
+import { stripErrorMargin as ce } from "@univerjs/engine-formula";
+const $e = {};
 var _n = Object.getOwnPropertyDescriptor, Sn = (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;
 }, U = (e, t) => (r, n) => t(r, n, e);
-const oe = "SHEET_NUMFMT_ALERT";
-let de = class extends te {
+const ae = "SHEET_NUMFMT_ALERT";
+let fe = class extends ne {
   constructor(e, t, r, n, i, s, o) {
     super(), this._context = e, this._hoverManagerService = t, this._cellAlertManagerService = r, this._localeService = n, this._zenZoneService = i, this._numfmtService = s, this._configService = o, this._init();
   }
@@ -28,7 +28,7 @@ let de = class extends te {
     this._initCellAlertPopup(), this._initZenService();
   }
   _initCellAlertPopup() {
-    this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(nn(100)).subscribe((e) => {
+    this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(rn(100)).subscribe((e) => {
       var t, r;
       if (e) {
         const n = e.location, i = this._context.unit, s = i.getActiveSheet();
@@ -44,22 +44,22 @@ let de = class extends te {
           this._hideAlert();
           return;
         }
-        if (Ue(c.pattern) && dt.isDefine(a == null ? void 0 : a.v) && De(a.v)) {
-          if ((t = this._configService.getConfig(Mt)) != null && t.disableTextFormatAlert)
+        if (Fe(c.pattern) && ht.isDefine(a == null ? void 0 : a.v) && he(a.v)) {
+          if ((t = this._configService.getConfig(wt)) != null && t.disableTextFormatAlert)
             return;
-          const u = this._cellAlertManagerService.currentAlert.get(oe), l = (r = u == null ? void 0 : u.alert) == null ? void 0 : r.location;
+          const u = this._cellAlertManagerService.currentAlert.get(ae), l = (r = u == null ? void 0 : u.alert) == null ? void 0 : r.location;
           if (l && l.row === n.row && l.col === n.col && l.subUnitId === n.subUnitId && l.unitId === n.unitId) {
             this._hideAlert();
             return;
           }
           this._cellAlertManagerService.showAlert({
-            type: At.ERROR,
+            type: Ht.ERROR,
             title: this._localeService.t("info.error"),
             message: this._localeService.t("info.forceStringInfo"),
             location: n,
             width: 200,
             height: 74,
-            key: oe
+            key: ae
           });
           return;
         }
@@ -73,36 +73,36 @@ let de = class extends te {
     }));
   }
   _hideAlert() {
-    this._cellAlertManagerService.removeAlert(oe);
+    this._cellAlertManagerService.removeAlert(ae);
   }
 };
-de = Sn([
-  U(1, C(Ft)),
-  U(2, C(Lt)),
+fe = Sn([
+  U(1, C(Lt)),
+  U(2, C(At)),
   U(3, C(E)),
-  U(4, qt),
-  U(5, C(pe)),
-  U(6, ke)
-], de);
-const ce = {
+  U(4, Jt),
+  U(5, C(_e)),
+  U(6, De)
+], fe);
+const le = {
   id: "sheet.operation.close.numfmt.panel",
-  type: Fe.OPERATION,
+  type: Le.OPERATION,
   handler: () => (
     // do nothing, just notify panel is closed
     !0
   )
-}, A = {
+}, H = {
   id: "sheet.operation.open.numfmt.panel",
-  type: Fe.OPERATION,
-  handler: (e) => (e.get(j).openPanel(), !0)
+  type: Le.OPERATION,
+  handler: (e) => (e.get(B).openPanel(), !0)
 };
 var Cn = Object.getOwnPropertyDescriptor, yn = (e, t, r, n) => {
   for (var i = n > 1 ? void 0 : n ? Cn(t, r) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(i) || i);
   return i;
 }, bn = (e, t) => (r, n) => t(r, n, e);
-const Ee = un([]);
-let H = class {
+const Me = mn([]);
+let j = class {
   constructor(e) {
     this._localStorageService = e;
   }
@@ -146,31 +146,31 @@ let H = class {
     this._localStorageService.removeItem(e);
   }
 };
-H = yn([
-  bn(0, C(Le))
-], H);
-const Re = "numfmtCurrency", In = (e) => {
-  const t = b(H), [r, n] = N(Me);
-  return re(() => {
+j = yn([
+  bn(0, C(Ae))
+], j);
+const Oe = "numfmtCurrency", In = (e) => {
+  const t = b(j), [r, n] = N(Pe);
+  return ie(() => {
     t.addHabit("numfmtCurrency", []).then(() => {
-      t.getHabit(Re, [...Me]).then((s) => {
+      t.getHabit(Oe, [...Pe]).then((s) => {
         n(s), e && e(s);
       });
     });
   }, []), { userHabitCurrency: r, mark: (s) => {
-    t.markHabit(Re, s);
+    t.markHabit(Oe, s);
   } };
 }, Nn = () => {
-  const e = Ce([]), [t, r] = N({});
-  return re(() => {
+  const e = be([]), [t, r] = N({});
+  return ie(() => {
     e.current.forEach((i) => {
       i();
     }), e.current = [];
   }, [t]), (i) => {
     e.current.push(i), r({});
   };
-}, En = (e) => !!B(e) && e.startsWith("_("), Tn = (e) => {
-  const { defaultPattern: t, action: r, onChange: n } = e, [i, s] = N(() => q(t || "", 2)), o = Qe(Ee), [m, c] = N(() => B(t) || o[0]), a = x(() => o.map((p) => ({ label: p, value: p })), []), l = b(E).t;
+}, En = (e) => !!W(e) && e.startsWith("_("), Tn = (e) => {
+  const { defaultPattern: t, action: r, onChange: n } = e, [i, s] = N(() => J(t || "", 2)), o = et(Me), [m, c] = N(() => W(t) || o[0]), a = R(() => o.map((p) => ({ label: p, value: p })), []), l = b(E).t;
   r.current = () => $(`_("${m}"* #,##0${i > 0 ? ".0" : ""}_)`, i);
   const v = (p) => {
     c(p), n($(`_("${p}"* #,##0${i > 0 ? ".0" : ""}_)`, i));
@@ -183,7 +183,7 @@ const Re = "numfmtCurrency", In = (e) => {
       /* @__PURE__ */ y("div", { className: "option", children: [
         /* @__PURE__ */ h("div", { className: "univer-text-sm univer-text-gray-400", children: l("sheet.numfmt.decimalLength") }),
         /* @__PURE__ */ h("div", { className: "univer-mt-2 univer-w-32", children: /* @__PURE__ */ h(
-          be,
+          Ne,
           {
             value: i,
             step: 1,
@@ -197,7 +197,7 @@ const Re = "numfmtCurrency", In = (e) => {
       /* @__PURE__ */ y("div", { className: "option", children: [
         /* @__PURE__ */ h("div", { className: "univer-text-sm univer-text-gray-400", children: l("sheet.numfmt.currencyType") }),
         /* @__PURE__ */ h("div", { className: "univer-mt-2 univer-w-36", children: /* @__PURE__ */ h(
-          Ie,
+          Ee,
           {
             options: a,
             value: m,
@@ -208,18 +208,18 @@ const Re = "numfmtCurrency", In = (e) => {
     ] }),
     /* @__PURE__ */ h("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: l("sheet.numfmt.accountingDes") })
   ] });
-}, Mn = (e) => !!B(e) && !e.startsWith("_("), wn = (e) => {
-  const r = b(E).t, n = Qe(Ee), [i, s] = N(() => B(e.defaultPattern) || n[0]), [o, m] = N(() => q(e.defaultPattern || "", 2)), [c, a] = N(() => {
+}, Mn = (e) => !!W(e) && !e.startsWith("_("), wn = (e) => {
+  const r = b(E).t, n = et(Me), [i, s] = N(() => W(e.defaultPattern) || n[0]), [o, m] = N(() => J(e.defaultPattern || "", 2)), [c, a] = N(() => {
     var g;
-    const d = se(i);
-    return ((g = d.find((I) => ne(I.value, e.defaultPattern))) == null ? void 0 : g.value) || d[0].value;
-  }), u = x(() => se(i), [i]), l = x(() => n.map((d) => ({ label: d, value: d })), [n]);
+    const d = oe(i);
+    return ((g = d.find((I) => re(I.value, e.defaultPattern))) == null ? void 0 : g.value) || d[0].value;
+  }), u = R(() => oe(i), [i]), l = R(() => n.map((d) => ({ label: d, value: d })), [n]);
   e.action.current = () => $(c, o);
   const v = (d) => {
     if (d === void 0)
       return;
     s(d);
-    const S = se(d)[0].value;
+    const S = oe(d)[0].value;
     a(S), e.onChange($(S, o));
   }, f = (d) => {
     d !== void 0 && (a(d), e.onChange($(d, o)));
@@ -231,7 +231,7 @@ const Re = "numfmtCurrency", In = (e) => {
       /* @__PURE__ */ y("div", { className: "option", children: [
         /* @__PURE__ */ h("div", { className: "univer-text-sm univer-text-gray-400", children: r("sheet.numfmt.decimalLength") }),
         /* @__PURE__ */ h("div", { className: "univer-mt-2 univer-w-32", children: /* @__PURE__ */ h(
-          be,
+          Ne,
           {
             value: o,
             max: 20,
@@ -243,7 +243,7 @@ const Re = "numfmtCurrency", In = (e) => {
       /* @__PURE__ */ y("div", { className: "option", children: [
         /* @__PURE__ */ h("div", { className: "univer-text-sm univer-text-gray-400", children: r("sheet.numfmt.currencyType") }),
         /* @__PURE__ */ h("div", { className: "univer-mt-2 univer-w-36", children: /* @__PURE__ */ h(
-          Ie,
+          Ee,
           {
             value: i,
             options: l,
@@ -253,13 +253,13 @@ const Re = "numfmtCurrency", In = (e) => {
       ] })
     ] }),
     /* @__PURE__ */ h("div", { className: "label univer-mt-4", children: r("sheet.numfmt.negType") }),
-    /* @__PURE__ */ h("div", { className: "univer-mt-2", children: /* @__PURE__ */ h(Ne, { value: c, options: u, onChange: f }) }),
+    /* @__PURE__ */ h("div", { className: "univer-mt-2", children: /* @__PURE__ */ h(Te, { value: c, options: u, onChange: f }) }),
     /* @__PURE__ */ h("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: r("sheet.numfmt.currencyDes") })
   ] });
 };
-function tt({ ref: e, ...t }) {
-  const { icon: r, id: n, className: i, extend: s, ...o } = t, m = `univerjs-icon univerjs-icon-${n} ${i || ""}`.trim(), c = Ce(`_${Rn()}`);
-  return nt(r, `${n}`, {
+function nt({ ref: e, ...t }) {
+  const { icon: r, id: n, className: i, extend: s, ...o } = t, m = `univerjs-icon univerjs-icon-${n} ${i || ""}`.trim(), c = be(`_${xn()}`);
+  return rt(r, `${n}`, {
     defIds: r.defIds,
     idSuffix: c.current
   }, {
@@ -268,12 +268,12 @@ function tt({ ref: e, ...t }) {
     ...o
   }, s);
 }
-function nt(e, t, r, n, i) {
-  return ye(e.tag, {
+function rt(e, t, r, n, i) {
+  return Ie(e.tag, {
     key: t,
     ...Pn(e, r, i),
     ...n
-  }, (xn(e, r).children || []).map((s, o) => nt(s, `${t}-${e.tag}-${o}`, r, void 0, i)));
+  }, (Rn(e, r).children || []).map((s, o) => rt(s, `${t}-${e.tag}-${o}`, r, void 0, i)));
 }
 function Pn(e, t, r) {
   const n = { ...e.attrs };
@@ -285,7 +285,7 @@ function Pn(e, t, r) {
     typeof o == "string" && (n[s] = o.replace(/url\(#(.*)\)/, `url(#$1${t.idSuffix})`));
   })), n;
 }
-function xn(e, t) {
+function Rn(e, t) {
   var n;
   const { defIds: r } = t;
   return !r || r.length === 0 ? e : e.tag === "defs" && ((n = e.children) != null && n.length) ? {
@@ -299,10 +299,10 @@ function xn(e, t) {
     } : i)
   } : e;
 }
-function Rn() {
+function xn() {
   return Math.random().toString(36).substring(2, 8);
 }
-tt.displayName = "UniverIcon";
+nt.displayName = "UniverIcon";
 const $n = {
   tag: "svg",
   attrs: {
@@ -321,31 +321,31 @@ const $n = {
       clipRule: "evenodd"
     }
   }]
-}, rt = mn(function(t, r) {
-  return ye(tt, Object.assign({}, t, {
+}, it = dn(function(t, r) {
+  return Ie(nt, Object.assign({}, t, {
     id: "check-mark-icon",
     ref: r,
     icon: $n
   }));
 });
-rt.displayName = "CheckMarkIcon";
-const ae = "customFormat", le = "numfmt_custom_pattern";
+it.displayName = "CheckMarkIcon";
+const ue = "customFormat", me = "numfmt_custom_pattern";
 function On(e) {
-  const { defaultPattern: t, action: r, onChange: n } = e, i = b(H), s = b(Le), o = b(E), [m, c] = N(t);
-  r.current = () => (i.markHabit(ae, m), s.getItem(le).then((f = []) => {
+  const { defaultPattern: t, action: r, onChange: n } = e, i = b(j), s = b(Ae), o = b(E), [m, c] = N(t);
+  r.current = () => (i.markHabit(ue, m), s.getItem(me).then((f = []) => {
     const p = [.../* @__PURE__ */ new Set([m, ...f || []])].splice(0, 10).filter((d) => !!d);
-    s.setItem(le, p);
+    s.setItem(me, p);
   }), m);
   const [a, u] = N([]);
-  re(() => {
-    s.getItem(le).then((f) => {
+  ie(() => {
+    s.getItem(me).then((f) => {
       const p = [
-        ...wt.map((d) => d.suffix("$")),
-        ...Pt.map((d) => d.suffix),
+        ...Pt.map((d) => d.suffix("$")),
+        ...Rt.map((d) => d.suffix),
         ...xt.map((d) => d.suffix)
       ];
-      p.push(...f || []), i.addHabit(ae, []).finally(() => {
-        i.getHabit(ae, p).then((d) => {
+      p.push(...f || []), i.addHabit(ue, []).finally(() => {
+        i.getHabit(ue, p).then((d) => {
           u([...new Set(d)]);
         });
       });
@@ -359,7 +359,7 @@ function On(e) {
   return /* @__PURE__ */ y("div", { children: [
     /* @__PURE__ */ h("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: o.t("sheet.numfmt.customFormat") }),
     /* @__PURE__ */ h(
-      hn,
+      vn,
       {
         placeholder: o.t("sheet.numfmt.customFormat"),
         onBlur: v,
@@ -371,14 +371,14 @@ function On(e) {
     /* @__PURE__ */ h(
       "div",
       {
-        className: et("univer-mt-2 univer-max-h-[400px] univer-overflow-auto univer-rounded-lg univer-p-2", vn),
+        className: tt("univer-mt-2 univer-max-h-[400px] univer-overflow-auto univer-rounded-lg univer-p-2", fn),
         children: a.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__ */ h("div", { className: "univer-flex univer-w-4 univer-items-center univer-text-primary-600", children: m === f && /* @__PURE__ */ h(rt, {}) }),
+              /* @__PURE__ */ h("div", { className: "univer-flex univer-w-4 univer-items-center univer-text-primary-600", children: m === f && /* @__PURE__ */ h(it, {}) }),
               /* @__PURE__ */ h("div", { children: f })
             ]
           },
@@ -396,11 +396,11 @@ function On(e) {
   ] });
 }
 const kn = (e) => {
-  const t = ht.getFormatInfo(e);
-  return Be().map((r) => r.value).includes(e) || ["date", "datetime", "time"].includes(t.type);
+  const t = vt.getFormatInfo(e);
+  return We().map((r) => r.value).includes(e) || ["date", "datetime", "time"].includes(t.type);
 };
 function Un(e) {
-  const { onChange: t, defaultPattern: r } = e, n = x(Be, []), i = b(E), [s, o] = N(() => {
+  const { onChange: t, defaultPattern: r } = e, n = R(We, []), i = b(E), [s, o] = N(() => {
     if (r) {
       const c = n.find((a) => a.value === r);
       if (c)
@@ -414,7 +414,7 @@ function Un(e) {
   };
   return /* @__PURE__ */ y("div", { children: [
     /* @__PURE__ */ h("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: i.t("sheet.numfmt.dateType") }),
-    /* @__PURE__ */ h("div", { className: "univer-mt-2", children: /* @__PURE__ */ h(Ne, { value: s, options: n, onChange: m }) }),
+    /* @__PURE__ */ h("div", { className: "univer-mt-2", children: /* @__PURE__ */ h(Te, { value: s, options: n, onChange: m }) }),
     /* @__PURE__ */ h(
       "div",
       {
@@ -433,20 +433,20 @@ const Dn = (e) => !e, Fn = (e) => {
       children: r("sheet.numfmt.generalDes")
     }
   ) });
-}, Ln = (e) => Ve().some((t) => ne(t.value, e));
+}, Ln = (e) => Ve().some((t) => re(t.value, e));
 function An(e) {
-  const t = b(E), r = x(Ve, []), [n, i] = N(() => q(e.defaultPattern || "", 0)), [s, o] = N(() => {
-    const l = r.find((v) => ne(v.value, e.defaultPattern || ""));
+  const t = b(E), r = R(Ve, []), [n, i] = N(() => J(e.defaultPattern || "", 0)), [s, o] = N(() => {
+    const l = r.find((v) => re(v.value, e.defaultPattern || ""));
     return (l == null ? void 0 : l.value) || r[0].value;
-  }), m = x(() => $(s, Number(n || 0)), [s, n]), c = x(() => !Rt(s), [s]), a = (l) => {
+  }), m = R(() => $(s, Number(n || 0)), [s, n]), c = R(() => !$t(s), [s]), a = (l) => {
     i(l || 0), e.onChange($(s, Number(l || 0)));
   }, u = (l) => {
-    l !== void 0 && (i(q(l, 0)), o(l), e.onChange(l));
+    l !== void 0 && (i(J(l, 0)), o(l), e.onChange(l));
   };
   return e.action.current = () => m, /* @__PURE__ */ y("div", { children: [
     /* @__PURE__ */ h("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-400", children: t.t("sheet.numfmt.decimalLength") }),
     /* @__PURE__ */ h("div", { className: "univer-mt-2", children: /* @__PURE__ */ h(
-      be,
+      Ne,
       {
         disabled: c,
         value: n,
@@ -459,7 +459,7 @@ function An(e) {
       " ",
       t.t("sheet.numfmt.negType")
     ] }),
-    /* @__PURE__ */ h("div", { className: "univer-mt-2", children: /* @__PURE__ */ h(Ne, { onChange: u, options: r, value: s }) }),
+    /* @__PURE__ */ h("div", { className: "univer-mt-2", children: /* @__PURE__ */ h(Te, { onChange: u, options: r, value: s }) }),
     /* @__PURE__ */ h(
       "div",
       {
@@ -470,7 +470,7 @@ function An(e) {
   ] });
 }
 const Hn = (e) => {
-  const { defaultValue: t, defaultPattern: r, row: n, col: i } = e.value, s = b(E), o = Ce(() => ""), m = s.t, c = Nn(), a = x(
+  const { defaultValue: t, defaultPattern: r, row: n, col: i } = e.value, s = b(E), o = be(() => ""), m = s.t, c = Nn(), a = R(
     () => [
       { label: "sheet.numfmt.general", component: Fn },
       { label: "sheet.numfmt.accounting", component: Tn },
@@ -480,46 +480,46 @@ const Hn = (e) => {
       { label: "sheet.numfmt.customFormat", component: On }
     ].map((_) => ({ ..._, label: m(_.label) })),
     []
-  ), [u, l] = N(g), [v, f] = N(() => `${n}_${i}`), { mark: p, userHabitCurrency: d } = In(() => f(`${n}_${i}_userCurrency'`)), S = x(() => {
+  ), [u, l] = N(g), [v, f] = N(() => `${n}_${i}`), { mark: p, userHabitCurrency: d } = In(() => f(`${n}_${i}_userCurrency'`)), S = R(() => {
     var _;
     return (_ = a.find((k) => k.label === u)) == null ? void 0 : _.component;
   }, [u]);
   function g() {
-    return [Dn, En, Mn, kn, Ln].reduce((k, at, lt) => k || (at(r) ? a[lt].label : ""), "") || a[0].label;
+    return [Dn, En, Mn, kn, Ln].reduce((k, lt, ut) => k || (lt(r) ? a[ut].label : ""), "") || a[0].label;
   }
   const I = a.map((_) => ({
     label: _.label,
     value: _.label
-  })), w = (_) => {
+  })), P = (_) => {
     l(_), c(() => e.onChange({ type: "change", value: o.current() || "" }));
-  }, R = dn((_) => {
+  }, x = hn((_) => {
     e.onChange({ type: "change", value: _ });
   }, []), O = () => {
-    const _ = o.current() || "", k = B(_);
+    const _ = o.current() || "", k = W(_);
     k && p(k), e.onChange({ type: "confirm", value: _ });
   }, D = () => {
     e.onChange({ type: "cancel", value: "" });
-  }, ie = {
-    onChange: R,
+  }, se = {
+    onChange: x,
     defaultValue: t,
     defaultPattern: r,
     action: o
   };
-  return re(() => {
+  return ie(() => {
     l(g()), f(`${n}_${i}`);
   }, [n, i]), /* @__PURE__ */ y(
     "div",
     {
-      className: et("univer-flex univer-h-full univer-flex-col univer-justify-between univer-overflow-y-auto univer-pb-5", fn),
+      className: tt("univer-flex univer-h-full univer-flex-col univer-justify-between univer-overflow-y-auto univer-pb-5", pn),
       children: [
         /* @__PURE__ */ y("div", { children: [
           /* @__PURE__ */ h("div", { className: "univer-mt-3.5 univer-text-sm univer-text-gray-400", children: m("sheet.numfmt.numfmtType") }),
-          /* @__PURE__ */ h("div", { className: "univer-mt-2", children: /* @__PURE__ */ h(Ie, { className: "univer-w-full", value: u, options: I, onChange: w }) }),
-          /* @__PURE__ */ h("div", { children: S && /* @__PURE__ */ h(Ee.Provider, { value: d, children: /* @__PURE__ */ ye(S, { ...ie, key: v }) }) })
+          /* @__PURE__ */ h("div", { className: "univer-mt-2", children: /* @__PURE__ */ h(Ee, { className: "univer-w-full", value: u, options: I, onChange: P }) }),
+          /* @__PURE__ */ h("div", { children: S && /* @__PURE__ */ h(Me.Provider, { value: d, children: /* @__PURE__ */ Ie(S, { ...se, key: v }) }) })
         ] }),
         /* @__PURE__ */ y("div", { className: "univer-mb-5 univer-mt-3.5 univer-flex univer-justify-end", children: [
-          /* @__PURE__ */ h(Pe, { onClick: D, className: "univer-mr-3", children: m("sheet.numfmt.cancel") }),
-          /* @__PURE__ */ h(Pe, { variant: "primary", onClick: O, children: m("sheet.numfmt.confirm") })
+          /* @__PURE__ */ h(xe, { onClick: D, className: "univer-mr-3", children: m("sheet.numfmt.cancel") }),
+          /* @__PURE__ */ h(xe, { variant: "primary", onClick: O, children: m("sheet.numfmt.confirm") })
         ] })
       ]
     }
@@ -530,8 +530,8 @@ var jn = Object.getOwnPropertyDescriptor, Bn = (e, t, r, n) => {
     (o = e[s]) && (i = o(i) || i);
   return i;
 }, M = (e, t) => (r, n) => t(r, n, e);
-const $e = "SHEET_NUMFMT_PANEL";
-let j = class extends te {
+const ke = "SHEET_NUMFMT_PANEL";
+let B = class extends ne {
   constructor(t, r, n, i, s, o, m, c, a, u, l) {
     super();
     /**
@@ -540,12 +540,12 @@ let j = class extends te {
      * @type {(string | null)}
      * @memberof NumfmtController
      */
-    X(this, "_previewPattern", "");
-    X(this, "_sidebarDisposable", null);
+    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 = m, this._componentManager = c, this._sidebarService = a, this._localeService = u, this._sheetsNumfmtCellContentController = l, this._initRealTimeRenderingInterceptor(), this._initPanel(), this._initCommands(), this._initCloseListener(), this._commandExecutedListener(), this._initNumfmtLocalChange();
   }
   _initNumfmtLocalChange() {
-    this.disposeWithMe(Je(this._sheetsNumfmtCellContentController.locale$, this._localeService.currentLocale$).subscribe(() => {
+    this.disposeWithMe(Qe(this._sheetsNumfmtCellContentController.locale$, this._localeService.currentLocale$).subscribe(() => {
       this._forceUpdate();
     }));
   }
@@ -565,23 +565,23 @@ let j = class extends te {
     );
     let f = "";
     v && (f = v.pattern);
-    const p = (l == null ? void 0 : l.t) === P.NUMBER ? l.v : 12345678, d = {
+    const p = (l == null ? void 0 : l.t) === w.NUMBER ? l.v : 12345678, d = {
       onChange: (g) => {
         var I;
         if (g.type === "change")
           this._previewPattern = g.value, this._forceUpdate();
         else if (g.type === "confirm") {
-          const w = ((I = r.getCurrentSelections()) == null ? void 0 : I.map((D) => D.range)) || [], R = { values: [] }, O = fe(g.value);
-          w.forEach((D) => {
-            Ae.foreach(D, (ie, _) => {
-              R.values.push({
-                row: ie,
+          const P = ((I = r.getCurrentSelections()) == null ? void 0 : I.map((D) => D.range)) || [], x = { values: [] }, O = L(g.value);
+          P.forEach((D) => {
+            He.foreach(D, (se, _) => {
+              x.values.push({
+                row: se,
                 col: _,
                 pattern: g.value,
                 type: O
               });
             });
-          }), n.executeCommand(Ge.id, R), t.close();
+          }), n.executeCommand(Ke.id, x), t.close();
         } else g.type === "cancel" && t.close();
       },
       value: { defaultPattern: f, defaultValue: p, row: c.startRow, col: c.startColumn }
@@ -589,12 +589,12 @@ let j = class extends te {
     return this._sidebarDisposable = t.open({
       header: { title: o.t("sheet.numfmt.title") },
       children: {
-        label: $e,
+        label: ke,
         ...d
         // need passthrough to react props.
       },
       onClose: () => {
-        this._forceUpdate(), n.executeCommand(ce.id);
+        this._forceUpdate(), n.executeCommand(le.id);
       }
     }), !0;
   }
@@ -603,54 +603,54 @@ let j = class extends te {
     const r = this._renderManagerService.getRenderById(
       t != null ? t : this._univerInstanceService.getCurrentUnitForType(T.UNIVER_SHEET).getUnitId()
     );
-    r == null || r.with(Ht).reCalculate(), (n = r == null ? void 0 : r.mainComponent) == null || n.makeDirty();
+    r == null || r.with(jt).reCalculate(), (n = r == null ? void 0 : r.mainComponent) == null || n.makeDirty();
   }
   _initCommands() {
     [
-      A,
-      ce
+      H,
+      le
     ].forEach((t) => {
       this.disposeWithMe(this._commandService.registerCommand(t));
     });
   }
   _initPanel() {
     this.disposeWithMe(
-      this._componentManager.register($e, Hn)
+      this._componentManager.register(ke, Hn)
     );
   }
   // eslint-disable-next-line max-lines-per-function
   _initRealTimeRenderingInterceptor() {
-    const t = new L((n) => {
+    const t = new A((n) => {
       this._commandService.onCommandExecuted((i) => {
-        i.id === A.id && n.next(!0), i.id === ce.id && n.next(!1);
+        i.id === H.id && n.next(!0), i.id === le.id && n.next(!1);
       });
-    }), r = rn([
+    }), r = sn([
       t,
       this._selectionManagerService.selectionMoveEnd$.pipe(
-        on((n) => n ? n.map((i) => i.range) : [])
+        cn((n) => n ? n.map((i) => i.range) : [])
       )
     ]);
     this.disposeWithMe(
-      me(
+      ve(
         r.pipe(
-          cn(
-            ([n, i]) => new L((s) => {
-              const o = new ft();
+          an(
+            ([n, i]) => new A((s) => {
+              const o = new pt();
               return n && i.length && s.next({ selectionRanges: i, disposableCollection: o }), () => {
                 o.dispose();
               };
             })
           ),
-          an(() => {
+          ln(() => {
             this._previewPattern = null;
           })
         ).subscribe(({ disposableCollection: n, selectionRanges: i }) => {
           var o, m;
           const s = this._univerInstanceService.getCurrentUnitForType(T.UNIVER_SHEET);
           this.openPanel(), n.add(
-            this._sheetInterceptorService.intercept(Wt.CELL_CONTENT, {
+            this._sheetInterceptorService.intercept(Gt.CELL_CONTENT, {
               priority: 99,
-              effect: Te.Value | Te.Style,
+              effect: we.Value | we.Style,
               handler: (c, a, u) => {
                 var p;
                 const { row: l, col: v } = a, f = u(c) || {};
@@ -658,22 +658,22 @@ let j = class extends te {
                   (d) => d.startColumn <= v && d.endColumn >= v && d.startRow <= l && d.endRow >= l
                 )) {
                   const d = a.worksheet.getCellRaw(l, v), S = d == null ? void 0 : d.v, g = d == null ? void 0 : d.t;
-                  if (S == null || g !== P.NUMBER || this._previewPattern === null)
+                  if (S == null || g !== w.NUMBER || this._previewPattern === null)
                     return f;
-                  const I = $t(this._previewPattern, S, this._sheetsNumfmtCellContentController.locale);
+                  const I = Ot(this._previewPattern, S, this._sheetsNumfmtCellContentController.locale);
                   if (I.color) {
-                    const w = (p = this._themeService.getColorFromTheme(`${I.color}.500`)) != null ? p : I.color;
+                    const P = (p = this._themeService.getColorFromTheme(`${I.color}.500`)) != null ? p : I.color;
                     return {
                       ...f,
                       v: I.result,
-                      t: P.STRING,
-                      s: { cl: { rgb: w } }
+                      t: w.STRING,
+                      s: { cl: { rgb: P } }
                     };
                   }
                   return {
                     ...f,
                     v: I.result,
-                    t: P.STRING
+                    t: w.STRING
                   };
                 }
                 return f;
@@ -685,9 +685,9 @@ let j = class extends te {
     );
   }
   _commandExecutedListener() {
-    const t = [_e.id, Se.id];
+    const t = [Ce.id, ye.id];
     this.disposeWithMe(
-      new L((r) => {
+      new A((r) => {
         const n = this._commandService.onCommandExecuted((i) => {
           if (t.includes(i.id)) {
             const s = i.params;
@@ -695,7 +695,7 @@ let j = class extends te {
           }
         });
         return () => n.dispose();
-      }).pipe(ln(16)).subscribe((r) => this._forceUpdate(r))
+      }).pipe(un(16)).subscribe((r) => this._forceUpdate(r))
     );
   }
   _initCloseListener() {
@@ -705,21 +705,21 @@ let j = class extends te {
     });
   }
 };
-j = Bn([
-  M(0, C(Xe)),
-  M(1, C(vt)),
-  M(2, he),
-  M(3, ve),
-  M(4, C(ge)),
-  M(5, je),
-  M(6, pe),
-  M(7, C(qe)),
-  M(8, Jt),
+B = Bn([
+  M(0, C(qe)),
+  M(1, C(ft)),
+  M(2, pe),
+  M(3, ge),
+  M(4, C(Se)),
+  M(5, Be),
+  M(6, _e),
+  M(7, C(Je)),
+  M(8, Qt),
   M(9, C(E)),
-  M(10, C(We))
-], j);
-var Vn = Object.getOwnPropertyDescriptor, Wn = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Vn(t, r) : t, s = e.length - 1, o; s >= 0; s--)
+  M(10, C(Ge))
+], B);
+var Wn = Object.getOwnPropertyDescriptor, Vn = (e, t, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Wn(t, r) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(i) || i);
   return i;
 }, F = (e, t) => (r, n) => t(r, n, e);
@@ -733,17 +733,17 @@ const Gn = () => {
     }
   };
 };
-let J = class extends te {
+let Q = class extends ne {
   constructor(t, r, n, i, s) {
     super();
     // collect effect mutations when edit end and push this to  commands stack in next commands progress
-    X(this, "_collectEffectMutation", Gn());
+    q(this, "_collectEffectMutation", Gn());
     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(
-      me(
-        this._sheetInterceptorService.writeCellInterceptor.intercept(Gt, {
+      ve(
+        this._sheetInterceptorService.writeCellInterceptor.intercept(Kt, {
           handler: (t, r, n) => {
             const i = r.row, s = r.col, o = this._numfmtService.getValue(
               r.unitId,
@@ -752,13 +752,25 @@ let J = class extends te {
               s
             );
             if (o)
-              switch (fe(o.pattern)) {
+              switch (L(o.pattern)) {
+                /**
+                 * For scientific, currency, grouped and number format, the editor should display the raw number value without format, unlike the cell render which display the formatted value.
+                 */
                 case "scientific":
                 case "currency":
                 case "grouped":
                 case "number": {
-                  const c = r.worksheet.getCellRaw(i, s);
-                  return (c == null ? void 0 : c.t) === P.NUMBER && (c == null ? void 0 : c.v) !== void 0 && c.v !== null && De(c.v) && (c.v = gn(Number(c.v))), n && n(c);
+                  const c = { ...r.worksheet.getCellRaw(i, s) };
+                  return (c == null ? void 0 : c.t) === w.NUMBER && he(c.v) && (c.v = ce(Number(c.v))), n && n(c);
+                }
+                /**
+                 * For percent format, the editor should display the full percent value, unlike the cell render which display the limited decimal places.
+                 * e.g. { v: 1.001234567, t: 2, s: { n: { pattern: '0.00%' } } } should display as '100.12%' in cell render, but when edit this cell, the editor should display '100.1234567%' rather than '100.12%'.
+                 * If the editor also display '100.12%', will lose precision when before edit.
+                 */
+                case "percent": {
+                  const c = { ...r.worksheet.getCellRaw(i, s) };
+                  return (c == null ? void 0 : c.t) === w.NUMBER && he(c.v) && (c.v = `${ce(Number(c.v) * 100)}%`), n && n(c);
                 }
                 default:
                   return n && n(t);
@@ -777,9 +789,9 @@ let J = class extends te {
   // eslint-disable-next-line max-lines-per-function
   _initInterceptorEditorEnd() {
     this.disposeWithMe(
-      me(
-        this._sheetInterceptorService.writeCellInterceptor.intercept(Kt, {
-          // eslint-disable-next-line complexity
+      ve(
+        this._sheetInterceptorService.writeCellInterceptor.intercept(Yt, {
+          // eslint-disable-next-line max-lines-per-function,complexity
           handler: (t, r, n) => {
             var a, u, l;
             if (!(t != null && t.v) && !(t != null && t.p))
@@ -791,9 +803,9 @@ let J = class extends te {
               r.row,
               r.col
             ), s = r.worksheet.getCellRaw(r.row, r.col);
-            if (Ue(i == null ? void 0 : i.pattern) || t.t === P.FORCE_STRING)
+            if (Fe(i == null ? void 0 : i.pattern) || t.t === w.FORCE_STRING)
               return n(t);
-            const o = (a = t.p) == null ? void 0 : a.body, m = (l = (u = t == null ? void 0 : t.p) == null ? void 0 : u.body) != null && l.dataStream ? t.p.body.dataStream.replace(/\r\n$/, "") : String(t.v), c = gt(m);
+            const o = (a = t.p) == null ? void 0 : a.body, m = (l = (u = t == null ? void 0 : t.p) == null ? void 0 : u.body) != null && l.dataStream ? t.p.body.dataStream.replace(/\r\n$/, "") : String(t.v), c = _t(m);
             if (o)
               if (Kn(o)) {
                 const { dataStream: v } = o, f = v.replace(/\r\n$/, ""), p = Number(f);
@@ -802,14 +814,14 @@ let J = class extends te {
               } else
                 return n(t);
             if (c) {
-              if (!c.z && !(i != null && i.pattern) && (s == null ? void 0 : s.t) !== P.STRING && (s == null ? void 0 : s.t) !== P.FORCE_STRING && _t(m))
+              if (!c.z && !(i != null && i.pattern) && (s == null ? void 0 : s.t) !== w.STRING && (s == null ? void 0 : s.t) !== w.FORCE_STRING && St(m))
                 return n({
                   ...t,
                   p: void 0,
                   v: m,
-                  t: P.FORCE_STRING
+                  t: w.FORCE_STRING
                 });
-              c.z && this._collectEffectMutation.add(
+              c.z && (!(i != null && i.pattern) || L(c.z) !== L(i.pattern)) && this._collectEffectMutation.add(
                 r.unitId,
                 r.subUnitId,
                 r.row,
@@ -818,8 +830,8 @@ let J = class extends te {
                   pattern: c.z
                 }
               );
-              const v = Number(c.v);
-              return n({ ...t, p: void 0, v, t: P.NUMBER });
+              const v = ce(Number(c.v), 16);
+              return n({ ...t, p: void 0, v, t: w.NUMBER });
             }
             return n(t);
           }
@@ -834,7 +846,7 @@ let J = class extends te {
         getMutations(r) {
           var n;
           switch (r.id) {
-            case Yt.id: {
+            case Zt.id: {
               const i = t._univerInstanceService.getCurrentUnitForType(T.UNIVER_SHEET), s = i.getUnitId(), o = (n = i.getActiveSheet()) == null ? void 0 : n.getSheetId();
               if (!o)
                 return {
@@ -865,21 +877,21 @@ let J = class extends te {
               })), u = [], l = [];
               if (c.length) {
                 const v = {
-                  id: Se.id,
-                  params: Zt(s, o, c)
+                  id: ye.id,
+                  params: zt(s, o, c)
                 };
-                u.push(v), l.push(...zt(t._injector, v.params));
+                u.push(v), l.push(...Xt(t._injector, v.params));
               }
               if (a.length) {
                 const v = {
-                  id: _e.id,
+                  id: Ce.id,
                   params: {
                     unitId: s,
                     subUnitId: o,
                     ranges: a
                   }
                 };
-                u.push(v), l.push(...Xt(t._injector, v.params));
+                u.push(v), l.push(...qt(t._injector, v.params));
               }
               return {
                 redos: u,
@@ -899,25 +911,25 @@ let J = class extends te {
     super.dispose(), this._collectEffectMutation.clean();
   }
 };
-J = Wn([
-  F(0, C(Xe)),
-  F(1, C(pe)),
-  F(2, C(he)),
-  F(3, C(He)),
-  F(4, pt(jt))
-], J);
+Q = Vn([
+  F(0, C(qe)),
+  F(1, C(_e)),
+  F(2, C(pe)),
+  F(3, C(je)),
+  F(4, gt(Bt))
+], Q);
 function Kn(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);
 }
-const it = (e) => [
+const st = (e) => [
   {
     label: "sheet.numfmt.general",
     pattern: null
   },
   {
     label: "sheet.numfmt.text",
-    pattern: yt
+    pattern: bt
   },
   "|",
   {
@@ -972,118 +984,118 @@ const it = (e) => [
     pattern: ""
   }
 ], Yn = (e) => ({
-  icon: new L((t) => {
+  icon: new A((t) => {
     const r = e.get(E);
-    return t.next(we(r.getCurrentLocale()).icon), r.localeChanged$.subscribe(() => {
-      t.next(we(r.getCurrentLocale()).icon);
+    return t.next(Re(r.getCurrentLocale()).icon), r.localeChanged$.subscribe(() => {
+      t.next(Re(r.getCurrentLocale()).icon);
     });
   }),
-  id: Ze.id,
+  id: ze.id,
   title: "sheet.numfmt.currency",
   tooltip: "sheet.numfmt.currency",
-  type: z.BUTTON,
-  hidden$: Z(e, T.UNIVER_SHEET),
-  disabled$: V(e, { workbookTypes: [Y], worksheetTypes: [G, K], rangeTypes: [W] })
+  type: X.BUTTON,
+  hidden$: z(e, T.UNIVER_SHEET),
+  disabled$: V(e, { workbookTypes: [Z], worksheetTypes: [K, Y], rangeTypes: [G] })
 }), Zn = (e) => ({
   icon: "AddDigitsIcon",
-  id: Ye.id,
+  id: Ze.id,
   title: "sheet.numfmt.addDecimal",
   tooltip: "sheet.numfmt.addDecimal",
-  type: z.BUTTON,
-  hidden$: Z(e, T.UNIVER_SHEET),
-  disabled$: V(e, { workbookTypes: [Y], worksheetTypes: [G, K], rangeTypes: [W] })
+  type: X.BUTTON,
+  hidden$: z(e, T.UNIVER_SHEET),
+  disabled$: V(e, { workbookTypes: [Z], worksheetTypes: [K, Y], rangeTypes: [G] })
 }), zn = (e) => ({
   icon: "ReduceDigitsIcon",
-  id: Ke.id,
+  id: Ye.id,
   title: "sheet.numfmt.subtractDecimal",
   tooltip: "sheet.numfmt.subtractDecimal",
-  type: z.BUTTON,
-  hidden$: Z(e, T.UNIVER_SHEET),
-  disabled$: V(e, { workbookTypes: [Y], worksheetTypes: [G, K], rangeTypes: [W] })
+  type: X.BUTTON,
+  hidden$: z(e, T.UNIVER_SHEET),
+  disabled$: V(e, { workbookTypes: [Z], worksheetTypes: [K, Y], rangeTypes: [G] })
 }), Xn = (e) => ({
   icon: "PercentIcon",
-  id: ze.id,
+  id: Xe.id,
   title: "sheet.numfmt.percent",
   tooltip: "sheet.numfmt.percent",
-  type: z.BUTTON,
-  hidden$: Z(e, T.UNIVER_SHEET),
-  disabled$: V(e, { workbookTypes: [Y], worksheetTypes: [G, K], rangeTypes: [W] })
+  type: X.BUTTON,
+  hidden$: z(e, T.UNIVER_SHEET),
+  disabled$: V(e, { workbookTypes: [Z], worksheetTypes: [K, Y], rangeTypes: [G] })
 }), qn = (e) => {
-  const t = e.get(he), r = e.get(ve), n = e.get(E), i = e.get(ge), s = [_e.id, Se.id], o = Bt(
+  const t = e.get(pe), r = e.get(ge), n = e.get(E), i = e.get(Se), s = [Ce.id, ye.id], o = Wt(
     t,
     "",
-    ({ workbook: m, worksheet: c }) => new L(
-      (a) => Je(
+    ({ workbook: m, worksheet: c }) => new A(
+      (a) => Qe(
         i.selectionMoveEnd$,
-        St(r.onCommandExecuted.bind(r)).pipe(
-          sn(([u]) => s.includes(u.id))
+        Ct(r.onCommandExecuted.bind(r)).pipe(
+          on(([u]) => s.includes(u.id))
         )
       ).subscribe(() => {
         var l, v;
         const u = i.getCurrentSelections();
         if (u && u[0]) {
-          const f = u[0].range, p = f.startRow, d = f.startColumn, S = (v = m.getStyles().get((l = c.getCell(p, d)) == null ? void 0 : l.s)) == null ? void 0 : v.n, g = S == null ? void 0 : S.pattern, I = Ot(n.getCurrentLocale());
-          let w = n.t("sheet.numfmt.general");
-          if (Ct(g)) {
-            a.next(w);
+          const f = u[0].range, p = f.startRow, d = f.startColumn, S = (v = m.getStyles().get((l = c.getCell(p, d)) == null ? void 0 : l.s)) == null ? void 0 : v.n, g = S == null ? void 0 : S.pattern, I = kt(n.getCurrentLocale());
+          let P = n.t("sheet.numfmt.general");
+          if (yt(g)) {
+            a.next(P);
             return;
           }
           if (g) {
-            const R = it(I).filter((O) => typeof O == "object" && O.pattern).find(
-              (O) => ne(g, O.pattern)
+            const x = st(I).filter((O) => typeof O == "object" && O.pattern).find(
+              (O) => re(g, O.pattern)
             );
-            R && typeof R == "object" && R.pattern ? w = n.t(R.label) : w = n.t("sheet.numfmt.moreFmt");
+            x && typeof x == "object" && x.pattern ? P = n.t(x.label) : P = n.t("sheet.numfmt.moreFmt");
           }
-          a.next(w);
+          a.next(P);
         }
       })
     )
   );
   return {
-    label: st,
-    id: A.id,
+    label: ot,
+    id: H.id,
     tooltip: "sheet.numfmt.title",
-    type: z.SELECTOR,
+    type: X.SELECTOR,
     slot: !0,
     selections: [{
       label: {
-        name: ot,
+        name: ct,
         hoverable: !1,
         selectable: !1
       }
     }],
     value$: o,
-    hidden$: Z(e, T.UNIVER_SHEET),
-    disabled$: V(e, { workbookTypes: [Y], worksheetTypes: [K, G], rangeTypes: [W] })
+    hidden$: z(e, T.UNIVER_SHEET),
+    disabled$: V(e, { workbookTypes: [Z], worksheetTypes: [Y, K], rangeTypes: [G] })
   };
-}, st = "sheet.numfmt.moreNumfmtType", ot = "sheet.numfmt.moreNumfmtType.options";
+}, ot = "sheet.numfmt.moreNumfmtType", ct = "sheet.numfmt.moreNumfmtType.options";
 function Jn(e) {
   const { value: t } = e, r = b(E), n = t != null ? t : r.t("sheet.numfmt.general");
   return /* @__PURE__ */ h("span", { className: "univer-text-sm", children: n });
 }
 function Qn() {
-  const e = b(ve), t = b(E), r = b(Qt), n = b(We), i = b(ge), s = (a) => {
+  const e = b(ge), t = b(E), r = b(en), n = b(Ge), i = b(Se), s = (a) => {
     const u = i.getCurrentLastSelection();
     if (!u)
       return;
     const l = u.range, v = [];
-    Ae.foreach(l, (f, p) => {
-      a ? v.push({ row: f, col: p, pattern: a, type: fe(a) }) : v.push({ row: f, col: p });
-    }), e.executeCommand(Ge.id, { values: v }), r.focus();
-  }, o = x(() => {
-    const a = kt.get(t.getCurrentLocale());
-    return it(a);
+    He.foreach(l, (f, p) => {
+      a ? v.push({ row: f, col: p, pattern: a, type: L(a) }) : v.push({ row: f, col: p });
+    }), e.executeCommand(Ke.id, { values: v }), r.focus();
+  }, o = R(() => {
+    const a = Ut.get(t.getCurrentLocale());
+    return st(a);
   }, [t]), m = (a) => {
     if (a === 0)
       s(null);
     else if (a === o.length - 1)
-      e.executeCommand(A.id), r.focus();
+      e.executeCommand(H.id), r.focus();
     else {
       const u = o[a];
       u.pattern && s(u.pattern);
     }
   }, c = 1220;
-  return /* @__PURE__ */ h("div", { className: "univer-grid univer-gap-1 univer-p-1.5", children: o.map((a, u) => a === "|" ? /* @__PURE__ */ h(pn, {}, u) : /* @__PURE__ */ y(
+  return /* @__PURE__ */ h("div", { className: "univer-grid univer-gap-1 univer-p-1.5", children: o.map((a, u) => a === "|" ? /* @__PURE__ */ h(gn, {}, u) : /* @__PURE__ */ y(
     "div",
     {
       className: "univer-flex univer-h-7 univer-cursor-default univer-items-center univer-justify-between univer-gap-6 univer-rounded univer-px-2 univer-text-sm hover:univer-bg-gray-100 dark:hover:!univer-bg-gray-700",
@@ -1094,7 +1106,7 @@ function Qn() {
           "span",
           {
             className: "univer-text-xs univer-text-gray-500 dark:!univer-text-gray-400",
-            children: a.pattern ? Ut(a.pattern || "", c, n.locale).result.trim() : ""
+            children: a.pattern ? Dt(a.pattern || "", c, n.locale).result.trim() : ""
           }
         )
       ]
@@ -1103,24 +1115,24 @@ function Qn() {
   )) });
 }
 const er = {
-  [en.LAYOUT]: {
-    [A.id]: {
+  [tn.LAYOUT]: {
+    [H.id]: {
       order: 9,
       menuItemFactory: qn
     },
-    [ze.id]: {
+    [Xe.id]: {
       order: 9.1,
       menuItemFactory: Xn
     },
-    [Ze.id]: {
+    [ze.id]: {
       order: 9.2,
       menuItemFactory: Yn
     },
-    [Ye.id]: {
+    [Ze.id]: {
       order: 9.3,
       menuItemFactory: Zn
     },
-    [Ke.id]: {
+    [Ye.id]: {
       order: 9.4,
       menuItemFactory: zn
     }
@@ -1130,15 +1142,15 @@ var tr = Object.getOwnPropertyDescriptor, nr = (e, t, r, n) => {
   for (var i = n > 1 ? void 0 : n ? tr(t, r) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(i) || i);
   return i;
-}, Oe = (e, t) => (r, n) => t(r, n, e);
-let Q = class extends te {
+}, Ue = (e, t) => (r, n) => t(r, n, e);
+let ee = class extends ne {
   constructor(e, t) {
     super(), this._componentManager = e, this._menuManagerService = t, this._initMenu();
   }
   _initMenu() {
     this._menuManagerService.mergeMenu(er), [
-      [st, Jn],
-      [ot, Qn]
+      [ot, Jn],
+      [ct, Qn]
     ].forEach(([e, t]) => {
       this.disposeWithMe(
         this._componentManager.register(e, t)
@@ -1146,57 +1158,57 @@ let Q = class extends te {
     });
   }
 };
-Q = nr([
-  Oe(0, C(qe)),
-  Oe(1, tn)
-], Q);
+ee = nr([
+  Ue(0, C(Je)),
+  Ue(1, nn)
+], ee);
 var rr = Object.defineProperty, ir = Object.getOwnPropertyDescriptor, sr = (e, t, r) => t in e ? rr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, or = (e, t, r, n) => {
   for (var i = n > 1 ? void 0 : n ? ir(t, r) : t, s = e.length - 1, o; s >= 0; s--)
     (o = e[s]) && (i = o(i) || i);
   return i;
-}, ue = (e, t) => (r, n) => t(r, n, e), ct = (e, t, r) => sr(e, typeof t != "symbol" ? t + "" : t, r);
+}, de = (e, t) => (r, n) => t(r, n, e), at = (e, t, r) => sr(e, typeof t != "symbol" ? t + "" : t, r);
 const cr = "SHEET_NUMFMT_UI_PLUGIN";
-let ee = class extends It {
-  constructor(e = xe, t, r, n) {
+let te = class extends Nt {
+  constructor(e = $e, t, r, n) {
     super(), this._config = e, this._injector = t, this._configService = r, this._renderManagerService = n;
-    const { menu: i, ...s } = Nt(
+    const { menu: i, ...s } = Et(
       {},
-      xe,
+      $e,
       this._config
     );
     i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig("sheets-numfmt-ui.config", s);
   }
   onStarting() {
-    Et(this._injector, [
+    Tt(this._injector, [
+      [B],
+      [Q],
       [j],
-      [J],
-      [H],
-      [Q]
+      [ee]
     ]);
   }
   onRendered() {
-    this._registerRenderModules(), Tt(this._injector, [
-      [j],
-      [J],
-      [Q]
+    this._registerRenderModules(), Mt(this._injector, [
+      [B],
+      [Q],
+      [ee]
     ]);
   }
   _registerRenderModules() {
     [
-      [de]
+      [fe]
     ].forEach((t) => {
       this.disposeWithMe(this._renderManagerService.registerRenderModule(T.UNIVER_SHEET, t));
     });
   }
 };
-ct(ee, "pluginName", cr);
-ct(ee, "type", T.UNIVER_SHEET);
-ee = or([
-  bt(Vt, Dt),
-  ue(1, C(He)),
-  ue(2, ke),
-  ue(3, je)
-], ee);
+at(te, "pluginName", cr);
+at(te, "type", T.UNIVER_SHEET);
+te = or([
+  It(Vt, Ft),
+  de(1, C(je)),
+  de(2, De),
+  de(3, Be)
+], te);
 export {
-  ee as UniverSheetsNumfmtUIPlugin
+  te as UniverSheetsNumfmtUIPlugin
 };