@univerjs/sheets-numfmt-ui 0.6.7 → 0.6.9-experimental.20250403-d914ddc

package/lib/es/index.js

@@ -3,20 +3,20 @@ var ht = (e, t, r) => t in e ? dt(e, t, { enumerable: !0, configurable: !0, writ
 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 Ye, SetPercentCommand as Ze, 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 { 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 ze, SubtractDecimalCommand as Ye, 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 { IZenZoneService as At, useDependency as C, ComponentManager as Je, ISidebarService as jt, getMenuHiddenObservable as K, MenuItemType as Y, ILayoutService as Bt, RibbonStartGroup as Wt, IMenuManagerService as Vt, UI_PLUGIN_CONFIG_KEY as Gt } from "@univerjs/ui";
-import { FormulaDataModel as Kt } from "@univerjs/engine-formula";
-import { isTextFormat as Qe, isDefaultFormat as Yt, DEFAULT_TEXT_FORMAT_EXCEL as Zt } from "@univerjs/engine-numfmt";
-import { INumfmtService as be, SheetInterceptorService as et, SheetsSelectionsService as Ce, INTERCEPTOR_POINT as zt, RemoveNumfmtMutation as Ie, SetNumfmtMutation as Ne, BEFORE_CELL_EDIT as Xt, AFTER_CELL_EDIT as qt, SetRangeValuesCommand as Jt, transformCellsToRange as Qt, factorySetNumfmtUndoMutation as en, factoryRemoveNumfmtUndoMutation as tn, RangeProtectionPermissionEditPoint as Z, WorksheetSetCellStylePermission as z, WorksheetEditPermission as X, WorkbookEditablePermission as q } from "@univerjs/sheets";
-import { debounceTime as nn, merge as tt, Observable as A, combineLatest as rn, filter as sn } from "rxjs";
-import { map as on, switchMap as cn, tap as an, debounceTime as ln } from "rxjs/operators";
+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 zt, factoryRemoveNumfmtUndoMutation as Yt, RangeProtectionPermissionEditPoint as K, WorksheetSetCellStylePermission as Z, WorksheetEditPermission as z, WorkbookEditablePermission as Y } 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 mn, 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 un, Button as De, Separator as dn } from "@univerjs/design";
+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 hn = Object.getOwnPropertyDescriptor, fn = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? hn(t, r) : t, s = e.length - 1, o; s >= 0; s--)
+var 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);
@@ -29,7 +29,7 @@ let _e = class extends oe {
     this._initCellAlertPopup(), this._initZenService();
   }
   _initCellAlertPopup() {
-    this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(nn(100)).subscribe((e) => {
+    this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(tn(100)).subscribe((e) => {
       var t, r;
       if (e) {
         const n = e.location, i = this._context.unit, s = i.getActiveSheet();
@@ -45,7 +45,7 @@ let _e = class extends oe {
           this._hideAlert();
           return;
         }
-        if (Qe(c.pattern) && (m != null && m.v) && ft(m.v)) {
+        if (Je(c.pattern) && (m != null && m.v) && ft(m.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;
@@ -75,12 +75,12 @@ let _e = class extends oe {
     this._cellAlertManagerService.removeAlert(de);
   }
 };
-_e = fn([
+_e = hn([
   D(1, S(Dt)),
   D(2, S(Ft)),
   D(3, S(M)),
-  D(4, S(Kt)),
-  D(5, At),
+  D(4, S(At)),
+  D(5, Xt),
   D(6, S(be)),
   D(7, Le)
 ], _e);
@@ -96,12 +96,12 @@ const he = {
   type: He.OPERATION,
   handler: (e) => (e.get(W).openPanel(), !0)
 };
-var pn = Object.getOwnPropertyDescriptor, vn = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? pn(t, r) : t, s = e.length - 1, o; s >= 0; s--)
+var fn = Object.getOwnPropertyDescriptor, pn = (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;
-}, gn = (e, t) => (r, n) => t(r, n, e);
-const Re = mn([]);
+}, vn = (e, t) => (r, n) => t(r, n, e);
+const Re = ln([]);
 let B = class {
   constructor(e) {
     this._localStorageService = e;
@@ -146,10 +146,10 @@ let B = class {
     this._localStorageService.removeItem(e);
   }
 };
-B = vn([
-  gn(0, S(Ae))
+B = pn([
+  vn(0, S(Ae))
 ], B);
-const ke = "numfmtCurrency", _n = (e) => {
+const ke = "numfmtCurrency", gn = (e) => {
   const t = C(B), [r, n] = I(Ue);
   return ae(() => {
     t.addHabit("numfmtCurrency", []).then(() => {
@@ -160,7 +160,7 @@ const ke = "numfmtCurrency", _n = (e) => {
   }, []), { userHabitCurrency: r, mark: (s) => {
     t.markHabit(ke, s);
   } };
-}, Sn = () => {
+}, _n = () => {
   const e = Ee([]), [t, r] = I({});
   return ae(() => {
     e.current.forEach((i) => {
@@ -169,7 +169,7 @@ const ke = "numfmtCurrency", _n = (e) => {
   }, [t]), (i) => {
     e.current.push(i), r({});
   };
-}, yn = (e) => !!V(e) && e.startsWith("_("), bn = (e) => {
+}, 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) => {
@@ -191,7 +191,7 @@ const ke = "numfmtCurrency", _n = (e) => {
     ] }),
     /* @__PURE__ */ u("div", { className: "describe m-t-14", children: l("sheet.numfmt.accountingDes") })
   ] });
-}, Cn = (e) => !!V(e) && !e.startsWith("_("), In = (e) => {
+}, 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(() => {
     var g;
     const f = ue(i);
@@ -233,7 +233,7 @@ var E = function() {
     }
     return e;
   }, E.apply(this, arguments);
-}, Nn = function(e, t) {
+}, In = 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")
@@ -241,15 +241,15 @@ var E = function() {
       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 = Nn(e, ["icon", "id", "className", "extend"]), a = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), c = Ee("_".concat(Mn()));
+  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);
 });
 function st(e, t, r, n, i) {
-  return Te(e.tag, E(E({ key: t }, En(e, r, i)), n), (Tn(e, r).children || []).map(function(s, o) {
+  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 En(e, t, r) {
+function Nn(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];
@@ -261,33 +261,33 @@ function En(e, t, r) {
     typeof a == "string" && (n[o] = a.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
   })), n;
 }
-function Tn(e, t) {
+function En(e, t) {
   var r, n = t.defIds;
   return !n || n.length === 0 ? e : e.tag === "defs" && (!((r = e.children) === null || r === void 0) && r.length) ? E(E({}, e), { children: e.children.map(function(i) {
     return typeof i.attrs.id == "string" && n && n.indexOf(i.attrs.id) > -1 ? E(E({}, i), { attrs: E(E({}, i.attrs), { id: i.attrs.id + t.idSuffix }) }) : i;
   }) }) : e;
 }
-function Mn() {
+function Tn() {
   return Math.random().toString(36).substring(2, 8);
 }
 it.displayName = "UniverIcon";
-var Pn = { 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) {
+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, {
     id: "check-mark-single",
     ref: t,
-    icon: Pn
+    icon: Mn
   }));
 });
 ot.displayName = "CheckMarkSingle";
-const wn = "univer-custom-format-title", Rn = "univer-custom-format-input", On = "univer-custom-format-history-list", Un = "univer-custom-format-history-list-item", Dn = "univer-custom-format-history-list-item-icon-wrap", Fn = "univer-custom-format-des", F = {
-  customFormatTitle: wn,
-  customFormatInput: Rn,
-  customFormatHistoryList: On,
-  customFormatHistoryListItem: Un,
-  customFormatHistoryListItemIconWrap: Dn,
-  customFormatDes: Fn
+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 kn(e) {
+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);
@@ -315,7 +315,7 @@ function kn(e) {
   };
   return /* @__PURE__ */ b("div", { className: F.customFormat, children: [
     /* @__PURE__ */ u("div", { className: F.customFormatTitle, children: o.t("sheet.numfmt.customFormat") }),
-    /* @__PURE__ */ u(un, { placeholder: o.t("sheet.numfmt.customFormat"), onBlur: h, value: a, onChange: c, className: F.customFormatInput }),
+    /* @__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 })
@@ -323,10 +323,10 @@ function kn(e) {
     /* @__PURE__ */ u("div", { className: F.customFormatDes, children: o.t("sheet.numfmt.customFormatDes") })
   ] });
 }
-const $n = (e) => {
+const kn = (e) => {
   const t = Q.getInfo(e);
   return Ve().map((r) => r.value).includes(e) || ["date", "datetime", "time"].includes(t.type);
-}, xn = (e) => {
+}, $n = (e) => {
   const t = U(Ve, []), n = C(M).t, [i, s] = I(() => {
     if (e.defaultPattern) {
       const a = t.find((c) => c.value === e.defaultPattern);
@@ -344,10 +344,10 @@ const $n = (e) => {
     /* @__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") })
   ] });
-}, Ln = (e) => !e, Hn = (e) => {
+}, xn = (e) => !e, Ln = (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") }) });
-}, An = (e) => Ge().some((t) => ce(t.value, e)), jn = (e) => {
+}, 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 (l == null ? void 0 : l.value) || r[0].value;
@@ -375,23 +375,23 @@ const $n = (e) => {
     /* @__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") })
   ] });
-}, Bn = (e) => {
-  const { defaultValue: t, defaultPattern: r, row: n, col: i } = e.value, s = C(M), o = Ee(() => ""), a = s.t, c = Sn(), m = U(
+}, 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(
     () => [
-      { label: "sheet.numfmt.general", component: Hn },
-      { label: "sheet.numfmt.accounting", component: bn },
-      { label: "sheet.numfmt.currency", component: In },
-      { label: "sheet.numfmt.date", component: xn },
-      { label: "sheet.numfmt.thousandthPercentile", component: jn },
-      { label: "sheet.numfmt.customFormat", component: kn }
+      { label: "sheet.numfmt.general", component: Ln },
+      { 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) })),
     []
-  ), [d, l] = I(g), [h, p] = I(() => `${n}_${i}`), { mark: v, userHabitCurrency: f } = _n(() => p(`${n}_${i}_userCurrency'`)), y = U(() => {
+  ), [d, l] = I(g), [h, p] = I(() => `${n}_${i}`), { mark: v, userHabitCurrency: f } = gn(() => p(`${n}_${i}_userCurrency'`)), y = U(() => {
     var _;
     return (_ = m.find((k) => k.label === d)) == null ? void 0 : _.component;
   }, [d]);
   function g() {
-    return [Ln, yn, Cn, $n, An].reduce((k, mt, ut) => k || (mt(r) ? m[ut].label : ""), "") || m[0].label;
+    return [xn, Sn, bn, kn, Hn].reduce((k, mt, ut) => k || (mt(r) ? m[ut].label : ""), "") || m[0].label;
   }
   const N = m.map((_) => ({
     label: _.label,
@@ -425,8 +425,8 @@ const $n = (e) => {
     ] })
   ] });
 };
-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--)
+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--)
     (o = e[s]) && (i = o(i) || i);
   return i;
 }, P = (e, t) => (r, n) => t(r, n, e);
@@ -481,7 +481,7 @@ let W = class extends oe {
                 type: le
               });
             });
-          }), n.executeCommand(Ye.id, R), t.close();
+          }), n.executeCommand(Ze.id, R), t.close();
         } else g.type === "cancel" && t.close();
       },
       value: { defaultPattern: p, defaultValue: v, row: c.startRow, col: c.startColumn }
@@ -514,7 +514,7 @@ let W = class extends oe {
     });
   }
   _initPanel() {
-    this._componentManager.register($e, Bn);
+    this._componentManager.register($e, jn);
   }
   // eslint-disable-next-line max-lines-per-function
   _initRealTimeRenderingInterceptor() {
@@ -522,16 +522,16 @@ let W = class extends oe {
       this._commandService.onCommandExecuted((i) => {
         i.id === j.id && n.next(!0), i.id === he.id && n.next(!1);
       });
-    }), r = rn([
+    }), r = nn([
       t,
       this._selectionManagerService.selectionMoveEnd$.pipe(
-        on((n) => n ? n.map((i) => i.range) : [])
+        sn((n) => n ? n.map((i) => i.range) : [])
       )
     ]);
     this.disposeWithMe(
       ge(
         r.pipe(
-          cn(
+          on(
             ([n, i]) => new A((s) => {
               const o = new vt();
               return n && i.length && s.next({ selectionRanges: i, disposableCollection: o }), () => {
@@ -539,14 +539,14 @@ let W = class extends oe {
               };
             })
           ),
-          an(() => {
+          cn(() => {
             this._previewPattern = null;
           })
         ).subscribe(({ disposableCollection: n, selectionRanges: i }) => {
           var o, a;
           const s = this._univerInstanceService.getCurrentUnitForType(T.UNIVER_SHEET);
           this.openPanel(), n.add(
-            this._sheetInterceptorService.intercept(zt.CELL_CONTENT, {
+            this._sheetInterceptorService.intercept(Wt.CELL_CONTENT, {
               priority: 99,
               effect: Oe.Value | Oe.Style,
               handler: (c, m, d) => {
@@ -592,7 +592,7 @@ let W = class extends oe {
           }
         });
         return () => n.dispose();
-      }).pipe(ln(16)).subscribe((r) => this._forceUpdate(r))
+      }).pipe(an(16)).subscribe((r) => this._forceUpdate(r))
     );
   }
   _initCloseListener() {
@@ -602,25 +602,25 @@ let W = class extends oe {
     });
   }
 };
-W = Vn([
-  P(0, S(et)),
+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(Je)),
-  P(8, jt),
+  P(7, S(et)),
+  P(8, qt),
   P(9, S(M)),
   P(10, S(Ke))
 ], W);
-var Gn = Object.getOwnPropertyDescriptor, Kn = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Gn(t, r) : t, s = e.length - 1, o; s >= 0; s--)
+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--)
     (o = e[s]) && (i = o(i) || i);
   return i;
 }, H = (e, t) => (r, n) => t(r, n, e);
-const Yn = () => {
+const Kn = () => {
   let e = [];
   return {
     add: (i, s, o, a, c) => e.push({ unitId: i, subUnitId: s, row: o, col: a, value: c }),
@@ -634,13 +634,13 @@ let re = class extends oe {
   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", Yn());
+    J(this, "_collectEffectMutation", Kn());
     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(
-        this._sheetInterceptorService.writeCellInterceptor.intercept(Xt, {
+        this._sheetInterceptorService.writeCellInterceptor.intercept(Vt, {
           handler: (t, r, n) => {
             const i = r.row, s = r.col, o = this._numfmtService.getValue(
               r.unitId,
@@ -678,7 +678,7 @@ let re = class extends oe {
   _initInterceptorEditorEnd() {
     this.disposeWithMe(
       ge(
-        this._sheetInterceptorService.writeCellInterceptor.intercept(qt, {
+        this._sheetInterceptorService.writeCellInterceptor.intercept(Gt, {
           // eslint-disable-next-line complexity
           handler: (t, r, n) => {
             var d, l, h, p;
@@ -697,7 +697,7 @@ let re = class extends oe {
                 null
               );
             };
-            if (!(t != null && t.v) && !(t != null && t.p) || Qe(i == null ? void 0 : i.pattern) || t.t === x.FORCE_STRING)
+            if (!(t != null && t.v) && !(t != null && t.p) || Je(i == null ? void 0 : i.pattern) || t.t === x.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)
@@ -733,7 +733,7 @@ let re = class extends oe {
         getMutations(r) {
           var n;
           switch (r.id) {
-            case Jt.id: {
+            case Kt.id: {
               const i = t._univerInstanceService.getCurrentUnitForType(T.UNIVER_SHEET), s = i.getUnitId(), o = (n = i.getActiveSheet()) == null ? void 0 : n.getSheetId();
               if (!o)
                 return {
@@ -765,9 +765,9 @@ let re = class extends oe {
               if (c.length) {
                 const h = {
                   id: Ne.id,
-                  params: Qt(s, o, c)
+                  params: Zt(s, o, c)
                 };
-                d.push(h), l.push(...en(t._injector, h.params));
+                d.push(h), l.push(...zt(t._injector, h.params));
               }
               if (m.length) {
                 const h = {
@@ -778,7 +778,7 @@ let re = class extends oe {
                     ranges: m
                   }
                 };
-                d.push(h), l.push(...tn(t._injector, h.params));
+                d.push(h), l.push(...Yt(t._injector, h.params));
               }
               return {
                 redos: d,
@@ -795,8 +795,8 @@ let re = class extends oe {
     );
   }
 };
-re = Kn([
-  H(0, S(et)),
+re = Gn([
+  H(0, S(Qe)),
   H(1, S(be)),
   H(2, S(Se)),
   H(3, S(Be)),
@@ -816,13 +816,21 @@ const ee = [
   },
   {
     label: "sheet.numfmt.text",
-    pattern: Zt
+    pattern: Bt
   },
   "|",
   {
     label: "sheet.numfmt.number",
     pattern: "0"
   },
+  {
+    label: "sheet.numfmt.percent",
+    pattern: "0.00%"
+  },
+  {
+    label: "sheet.numfmt.scientific",
+    pattern: "0.00E+00"
+  },
   "|",
   {
     label: "sheet.numfmt.accounting",
@@ -858,16 +866,11 @@ const ee = [
     pattern: "h:mm:ss"
   },
   "|",
-  {
-    label: "sheet.numfmt.percent",
-    pattern: "0.00%"
-  },
-  "|",
   {
     label: "sheet.numfmt.moreFmt",
     pattern: ""
   }
-], Xn = (e) => ({
+], Yn = (e) => ({
   icon: new A((t) => {
     const r = e.get(Rt);
     function n(s) {
@@ -887,34 +890,34 @@ const ee = [
   id: qe.id,
   title: "sheet.numfmt.currency",
   tooltip: "sheet.numfmt.currency",
-  type: Y.BUTTON,
-  hidden$: K(e, T.UNIVER_SHEET),
-  disabled$: G(e, { workbookTypes: [q], worksheetTypes: [X, z], rangeTypes: [Z] })
-}), qn = (e) => ({
+  type: q.BUTTON,
+  hidden$: X(e, T.UNIVER_SHEET),
+  disabled$: G(e, { workbookTypes: [Y], worksheetTypes: [z, Z], rangeTypes: [K] })
+}), Xn = (e) => ({
   icon: "AddDigitsSingle",
   id: Xe.id,
   title: "sheet.numfmt.addDecimal",
   tooltip: "sheet.numfmt.addDecimal",
-  type: Y.BUTTON,
-  hidden$: K(e, T.UNIVER_SHEET),
-  disabled$: G(e, { workbookTypes: [q], worksheetTypes: [X, z], rangeTypes: [Z] })
-}), Jn = (e) => ({
+  type: q.BUTTON,
+  hidden$: X(e, T.UNIVER_SHEET),
+  disabled$: G(e, { workbookTypes: [Y], worksheetTypes: [z, Z], rangeTypes: [K] })
+}), qn = (e) => ({
   icon: "ReduceDigitsSingle",
-  id: ze.id,
+  id: Ye.id,
   title: "sheet.numfmt.subtractDecimal",
   tooltip: "sheet.numfmt.subtractDecimal",
-  type: Y.BUTTON,
-  hidden$: K(e, T.UNIVER_SHEET),
-  disabled$: G(e, { workbookTypes: [q], worksheetTypes: [X, z], rangeTypes: [Z] })
-}), Qn = (e) => ({
+  type: q.BUTTON,
+  hidden$: X(e, T.UNIVER_SHEET),
+  disabled$: G(e, { workbookTypes: [Y], worksheetTypes: [z, Z], rangeTypes: [K] })
+}), Jn = (e) => ({
   icon: "PercentSingle",
-  id: Ze.id,
+  id: ze.id,
   title: "sheet.numfmt.percent",
   tooltip: "sheet.numfmt.percent",
-  type: Y.BUTTON,
-  hidden$: K(e, T.UNIVER_SHEET),
-  disabled$: G(e, { workbookTypes: [q], worksheetTypes: [X, z], rangeTypes: [Z] })
-}), er = (e) => {
+  type: q.BUTTON,
+  hidden$: X(e, T.UNIVER_SHEET),
+  disabled$: G(e, { workbookTypes: [Y], worksheetTypes: [z, 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(
     t,
     "",
@@ -922,7 +925,7 @@ const ee = [
       (m) => tt(
         i.selectionMoveEnd$,
         _t(r.onCommandExecuted.bind(r)).pipe(
-          sn(([d]) => s.includes(d.id))
+          rn(([d]) => s.includes(d.id))
         )
       ).subscribe(() => {
         var l, h;
@@ -930,7 +933,7 @@ const ee = [
         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 (Yt(g)) {
+          if (jt(g)) {
             m.next(N);
             return;
           }
@@ -949,7 +952,7 @@ const ee = [
     label: ct,
     id: j.id,
     tooltip: "sheet.numfmt.title",
-    type: Y.SELECTOR,
+    type: q.SELECTOR,
     slot: !0,
     selections: [
       {
@@ -961,21 +964,21 @@ const ee = [
       }
     ],
     value$: o,
-    hidden$: K(e, T.UNIVER_SHEET),
-    disabled$: G(e, { workbookTypes: [q], worksheetTypes: [z, X], rangeTypes: [Z] })
+    hidden$: X(e, T.UNIVER_SHEET),
+    disabled$: G(e, { workbookTypes: [Y], worksheetTypes: [Z, z], rangeTypes: [K] })
   };
-}, ct = "sheet.numfmt.moreNumfmtType", at = "sheet.numfmt.moreNumfmtType.options", tr = (e) => {
+}, ct = "sheet.numfmt.moreNumfmtType", at = "sheet.numfmt.moreNumfmtType.options", er = (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 });
-}, nr = () => {
-  const e = C(ye), t = C(M), r = C(Bt), n = C(Ke), i = C(Ce), s = (c) => {
+}, 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;
     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(Ye.id, { values: l }), r.focus();
+    }), e.executeCommand(Ze.id, { values: l }), r.focus();
   }, o = (c) => {
     if (c === 0)
       s(null);
@@ -986,7 +989,7 @@ const ee = [
       m.pattern && s(m.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(dn, {}, m) : /* @__PURE__ */ b(
+  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(
     "div",
     {
       className: `
@@ -1004,32 +1007,32 @@ const ee = [
     },
     m
   )) });
-}, rr = {
-  [Wt.FORMULAS_INSERT]: {
+}, nr = {
+  [Qt.FORMULAS_INSERT]: {
     [qe.id]: {
       order: 4,
-      menuItemFactory: Xn
+      menuItemFactory: Yn
     },
     [Xe.id]: {
       order: 5,
-      menuItemFactory: qn
+      menuItemFactory: Xn
     },
-    [ze.id]: {
+    [Ye.id]: {
       order: 6,
-      menuItemFactory: Jn
+      menuItemFactory: qn
     },
-    [Ze.id]: {
+    [ze.id]: {
       order: 7,
-      menuItemFactory: Qn
+      menuItemFactory: Jn
     },
     [j.id]: {
       order: 8,
-      menuItemFactory: er
+      menuItemFactory: Qn
     }
   }
 };
-var ir = Object.getOwnPropertyDescriptor, sr = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? ir(t, r) : t, s = e.length - 1, o; s >= 0; s--)
+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--)
     (o = e[s]) && (i = o(i) || i);
   return i;
 }, xe = (e, t) => (r, n) => t(r, n, e);
@@ -1038,19 +1041,19 @@ let ie = class extends oe {
     super(), this._componentManager = e, this._menuManagerService = t, this._initMenu();
   }
   _initMenu() {
-    this._menuManagerService.mergeMenu(rr), this.disposeWithMe(this._componentManager.register(ct, tr)), this.disposeWithMe(this._componentManager.register(at, nr));
+    this._menuManagerService.mergeMenu(nr), this.disposeWithMe(this._componentManager.register(ct, er)), this.disposeWithMe(this._componentManager.register(at, tr));
   }
 };
-ie = sr([
-  xe(0, S(Je)),
-  xe(1, Vt)
+ie = ir([
+  xe(0, S(et)),
+  xe(1, en)
 ], ie);
-var or = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, ar = (e, t, r) => t in e ? or(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, lr = (e, t, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? cr(t, r) : t, s = e.length - 1, o; s >= 0; s--)
+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--)
     (o = e[s]) && (i = o(i) || i);
   return i;
-}, ve = (e, t) => (r, n) => t(r, n, e), lt = (e, t, r) => ar(e, typeof t != "symbol" ? t + "" : t, r);
-const mr = "SHEET_NUMFMT_UI_PLUGIN";
+}, 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) {
     super(), this._config = e, this._injector = t, this._configService = r, this._renderManagerService = n;
@@ -1059,7 +1062,7 @@ let se = class extends yt {
       Fe,
       this._config
     );
-    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Gt, s);
+    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig("sheets-numfmt-ui.config", s);
   }
   onStarting() {
     Ct(this._injector, [
@@ -1084,9 +1087,9 @@ let se = class extends yt {
     });
   }
 };
-lt(se, "pluginName", mr);
+lt(se, "pluginName", lr);
 lt(se, "type", T.UNIVER_SHEET);
-se = lr([
+se = ar([
   St(Ht, Ut),
   ve(1, S(Be)),
   ve(2, Le),