npm - @univerjs/sheets-numfmt - Versions diffs - 0.1.1 → 0.1.3 - Mend

@univerjs/sheets-numfmt 0.1.1 → 0.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/README.md +34 -2
package/lib/cjs/index.js +2 -2
package/lib/es/index.js +564 -616
package/lib/index.css +1 -1
package/lib/types/commands/commands/set-percent.command.d.ts +17 -0
package/lib/types/menu/menu.d.ts +11 -0
package/lib/umd/index.js +2 -2
package/package.json +23 -23
/package/lib/types/components/stories/{panel.stories.d.ts → Panel.stories.d.ts} +0 -0

package/lib/es/index.js CHANGED Viewed

@@ -1,26 +1,26 @@
-var Et = Object.defineProperty;
-var $t = (e, t, r) => t in e ? Et(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var Y = (e, t, r) => ($t(e, typeof t != "symbol" ? t + "" : t, r), r);
-import { CommandType as ne, ICommandService as V, IUniverInstanceService as $, IUndoRedoService as Tt, sequenceExecute as Ut, Tools as At, Disposable as H, OnLifecycle as k, LifecycleStages as T, Range as M, Rectangle as xe, ObjectMatrix as lt, CellValueType as ee, toDisposable as Z, ThemeService as ut, runOnLifecycle as Lt, ILocalStorageService as Vt, LocaleService as D, DisposableCollection as dt, UniverInstanceType as De, Plugin as Ht, PluginType as kt } from "@univerjs/core";
-import { transformCellsToRange as ue, rangeMerge as W, SetNumfmtMutation as w, factorySetNumfmtUndoMutation as de, RemoveNumfmtMutation as I, factoryRemoveNumfmtUndoMutation as J, INumfmtService as U, INTERCEPTOR_POINT as mt, SheetInterceptorService as Ee, SelectionManagerService as re, ClearSelectionFormatCommand as Ft, ClearSelectionAllCommand as Bt, SetRangeValuesCommand as Wt, getCurrentSheetDisabled$ as $e, RefRangeService as zt, EffectRefRangId as j, handleMoveRows as Kt, handleMoveCols as Gt, handleIRemoveRow as Yt, handleIRemoveCol as qt, handleMoveRange as Zt, handleInsertRow as Jt, handleInsertRangeMoveRight as Qt, handleInsertRangeMoveDown as Xt, handleInsertCol as en, handleDeleteRangeMoveUp as tn, handleDeleteRangeMoveLeft as nn, runRefRangeMutations as rn, RemoveSheetCommand as sn } from "@univerjs/sheets";
-import { Inject as g, Injector as K, createIdentifier as an } from "@wendellhu/redi";
-import { IAutoFillService as on, APPLY_TYPE as He, getAutoFillRepeatRange as cn, SheetSkeletonManagerService as Ke, COPY_TYPE as nt, PREDEFINED_HOOK_NAME as rt, getRepeatRange as ln, ISheetClipboardService as un, IEditorBridgeService as dn } from "@univerjs/sheets-ui";
-import { map as ce, distinctUntilChanged as ht, switchMap as ft, tap as mn, debounceTime as hn, filter as st, bufferTime as fn } from "rxjs/operators";
-import E from "@univerjs/engine-numfmt";
-import { IRenderManagerService as vn, ITextSelectionRenderManager as pn } from "@univerjs/engine-render";
-import { ComponentManager as vt, ISidebarService as gn, MenuItemType as Te, MenuGroup as Ue, MenuPosition as Ae, getMenuHiddenObservable as Le, IMenuService as _n } from "@univerjs/ui";
-import { Observable as q, combineLatest as Sn, merge as Ge } from "rxjs";
-import Cn, { createContext as bn, useState as x, useEffect as Ye, useRef as qe, useContext as pt, useMemo as L, createElement as se, forwardRef as me } from "react";
+var $t = Object.defineProperty;
+var Ut = (e, t, r) => t in e ? $t(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var Y = (e, t, r) => (Ut(e, typeof t != "symbol" ? t + "" : t, r), r);
+import { CommandType as X, ICommandService as E, IUniverInstanceService as $, IUndoRedoService as At, sequenceExecute as Lt, Tools as Vt, Disposable as H, OnLifecycle as k, LifecycleStages as U, Range as R, Rectangle as De, ObjectMatrix as lt, CellValueType as se, toDisposable as Z, ThemeService as ut, runOnLifecycle as Ht, ILocalStorageService as kt, LocaleService as T, DisposableCollection as dt, UniverInstanceType as de, Plugin as Ft, PluginType as Bt } from "@univerjs/core";
+import { transformCellsToRange as me, rangeMerge as z, SetNumfmtMutation as w, factorySetNumfmtUndoMutation as he, RemoveNumfmtMutation as M, factoryRemoveNumfmtUndoMutation as J, INumfmtService as A, INTERCEPTOR_POINT as mt, SheetInterceptorService as Ae, SelectionManagerService as ee, ClearSelectionFormatCommand as zt, ClearSelectionAllCommand as Wt, SetRangeValuesCommand as Kt, getCurrentSheetDisabled$ as fe, RefRangeService as Gt, EffectRefRangId as j, handleMoveRows as Yt, handleMoveCols as qt, handleIRemoveRow as Zt, handleIRemoveCol as Jt, handleMoveRange as Qt, handleInsertRow as Xt, handleInsertRangeMoveRight as en, handleInsertRangeMoveDown as tn, handleInsertCol as nn, handleDeleteRangeMoveUp as rn, handleDeleteRangeMoveLeft as sn, runRefRangeMutations as an, RemoveSheetCommand as on } from "@univerjs/sheets";
+import { Inject as g, Injector as K, createIdentifier as cn } from "@wendellhu/redi";
+import { IAutoFillService as ln, APPLY_TYPE as He, getAutoFillRepeatRange as un, SheetSkeletonManagerService as Ke, COPY_TYPE as nt, PREDEFINED_HOOK_NAME as rt, getRepeatRange as dn, ISheetClipboardService as mn, IEditorBridgeService as hn } from "@univerjs/sheets-ui";
+import { map as le, distinctUntilChanged as ht, switchMap as ft, tap as fn, debounceTime as pn, filter as st, bufferTime as vn } from "rxjs/operators";
+import D from "@univerjs/engine-numfmt";
+import { IRenderManagerService as gn, ITextSelectionRenderManager as _n } from "@univerjs/engine-render";
+import { ComponentManager as pt, ISidebarService as Sn, MenuItemType as pe, MenuGroup as ve, MenuPosition as ge, getMenuHiddenObservable as _e, IMenuService as Cn } from "@univerjs/ui";
+import { Observable as q, combineLatest as bn, merge as Ge } from "rxjs";
+import yn, { createContext as Rn, useState as x, useEffect as Ye, useRef as qe, useContext as vt, useMemo as V, createElement as te, forwardRef as ie } from "react";
 import { InputNumber as Ze, Select as Je, SelectList as Qe, Button as it } from "@univerjs/design";
-import { useDependency as N, useInjector as Rn } from "@wendellhu/redi/react-bindings";
-import { FormulaDataModel as yn } from "@univerjs/engine-formula";
-const te = {
+import { useDependency as N, useInjector as In } from "@wendellhu/redi/react-bindings";
+import { FormulaDataModel as Mn } from "@univerjs/engine-formula";
+const Q = {
   id: "sheet.command.numfmt.set.numfmt",
-  type: ne.COMMAND,
+  type: X.COMMAND,
   handler: (e, t) => {
     if (!t)
       return !1;
-    const r = e.get(V), n = e.get($), s = e.get(Tt), i = n.getCurrentUniverSheetInstance(), a = i.getUnitId(), c = i.getActiveSheet().getSheetId(), d = t.values.filter((f) => !!f.pattern), l = t.values.filter((f) => !f.pattern), u = ue(a, c, d), m = {
+    const r = e.get(E), n = e.get($), s = e.get(At), i = n.getCurrentUniverSheetInstance(), a = i.getUnitId(), c = i.getActiveSheet().getSheetId(), d = t.values.filter((f) => !!f.pattern), l = t.values.filter((f) => !f.pattern), u = me(a, c, d), m = {
       unitId: a,
       subUnitId: c,
       ranges: l.map((f) => ({
@@ -33,67 +33,67 @@ const te = {
     if (d.length) {
       Object.keys(u.values).forEach((S) => {
         const C = u.values[S];
-        C.ranges = W(C.ranges);
+        C.ranges = z(C.ranges);
       }), h.push({
         id: w.id,
         params: u
       });
-      const f = de(e, u);
+      const f = he(e, u);
       _.push(...f);
     }
     if (l.length) {
-      m.ranges = W(m.ranges), h.push({
-        id: I.id,
+      m.ranges = z(m.ranges), h.push({
+        id: M.id,
         params: m
       });
       const f = J(e, m);
       _.push(...f);
     }
-    const p = Ut(h, r).result;
-    return p && s.pushUndoRedo({
+    const v = Lt(h, r).result;
+    return v && s.pushUndoRedo({
       unitID: a,
       undoMutations: _,
       redoMutations: h
-    }), p;
+    }), v;
   }
-}, In = {
+}, On = {
   sheet: {
     numfmt: {
-      title: "数据格式",
-      numfmtType: "格式类型",
-      cancel: "取消",
-      confirm: "确认",
-      general: "常规",
-      accounting: "会计",
-      text: "文本",
-      number: "数值",
-      currency: "货币",
-      date: "日期",
-      time: "时间",
-      thousandthPercentile: "千分位符",
-      preview: "示例",
-      dateTime: "日期时间",
-      decimalLength: "小数位数",
-      currencyType: "货币类型",
-      moreFmt: "更多格式",
-      financialValue: "财务数值",
-      roundingCurrency: "货币取整",
-      timeDuration: "持续时间",
-      currencyDes: "货币格式用于表示一般货币数值。会计格式可以对一列数值进行小数点对齐",
-      accountingDes: "会计数字格式可对一列数值进行货币符号和小数点对齐",
-      dateType: "日期类型",
-      dateDes: "日期格式将日期和时间系列数值品示为日期值。",
-      negType: "负数类型",
-      generalDes: "常规格式不包含任何特定的数字格式。",
-      thousandthPercentileDes: "千分位符格式用于一般数字的表示。货币和会计格式则提供货币值计算的专用格式。",
-      addDecimal: "增加小数位",
-      subtractDecimal: "减少小数位"
+      title: "Number format",
+      numfmtType: "Format types",
+      cancel: "Cancel",
+      confirm: "Confirm",
+      general: "General",
+      accounting: "Accounting",
+      text: "Text",
+      number: "Number",
+      currency: "Currency",
+      date: "Date",
+      time: "Time",
+      thousandthPercentile: "Thousands separator",
+      preview: "Preview",
+      dateTime: "Date and time",
+      decimalLength: "Decimal places",
+      currencyType: "Currency Symbol",
+      moreFmt: "More Formats",
+      financialValue: "Financial value",
+      roundingCurrency: "Rounding up the currency",
+      timeDuration: "Duration Time",
+      currencyDes: "The currency format is used to represent general currency values. The accounting format aligns a column of values with decimal points",
+      accountingDes: "The accounting number format aligns a column of values with currency symbols and decimal points",
+      dateType: "Date Type",
+      dateDes: "The date format presents date and time series values as date values.",
+      negType: "A negative number type",
+      generalDes: "The regular format does not contain any specific number format.",
+      thousandthPercentileDes: "The percentile format is used for the representation of ordinary numbers. Monetary and accounting formats provide a specialized format for monetary value calculations.",
+      addDecimal: "Increase decimal places",
+      subtractDecimal: "Decreasing decimal places"
     }
   }
-}, fs = In, Mn = {
+}, Pn = On, xn = {
   sheet: {
     numfmt: {
-      title: "数据格式",
+      title: "数字格式",
       numfmtType: "格式类型",
       cancel: "取消",
       confirm: "确认",
@@ -124,8 +124,8 @@ const te = {
       subtractDecimal: "减少小数位"
     }
   }
-}, On = Mn, le = "SHEET_NUMFMT_PLUGIN", we = (e) => {
-  const t = e.filter((i) => i.id === I.id).map((i) => i.params), r = e.filter((i) => i.id === w.id).map((i) => i.params), n = [];
+}, wn = xn, ue = "SHEET_NUMFMT_PLUGIN", Ee = (e) => {
+  const t = e.filter((i) => i.id === M.id).map((i) => i.params), r = e.filter((i) => i.id === w.id).map((i) => i.params), n = [];
   if (t[0]) {
     const i = t.reduce(
       (a, o) => (a.ranges.push(...o.ranges), a),
@@ -135,12 +135,12 @@ const te = {
         subUnitId: t[0].subUnitId
       }
     );
-    i.ranges = W(i.ranges), n.push({ id: I.id, params: i });
+    i.ranges = z(i.ranges), n.push({ id: M.id, params: i });
   }
   const s = (i, a) => {
     const o = Object.keys(i), c = o.findIndex((d) => {
       const l = i[d];
-      return At.diffValue(l, a);
+      return Vt.diffValue(l, a);
     });
     return o[c];
   };
@@ -166,17 +166,17 @@ const te = {
     );
     Object.keys(i.values).forEach((a) => {
       const o = i.values[a];
-      o.ranges = W(o.ranges);
+      o.ranges = z(o.ranges);
     }), n.push({ id: w.id, params: i });
   }
   return n;
 };
-var Pn = Object.defineProperty, xn = Object.getOwnPropertyDescriptor, wn = (e, t, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? xn(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+var jn = Object.defineProperty, Nn = Object.getOwnPropertyDescriptor, Tn = (e, t, r, n) => {
+  for (var s = n > 1 ? void 0 : n ? Nn(t, r) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (n ? a(t, r, s) : a(s)) || s);
-  return n && s && Pn(t, r, s), s;
-}, ve = (e, t) => (r, n) => t(r, n, e);
-let _e = class extends H {
+  return n && s && jn(t, r, s), s;
+}, Ce = (e, t) => (r, n) => t(r, n, e);
+let Re = class extends H {
   constructor(e, t, r, n) {
     super(), this._injector = e, this._univerInstanceService = t, this._numfmtService = r, this._autoFillService = n, this._initAutoFill();
   }
@@ -193,8 +193,8 @@ let _e = class extends H {
         endColumn: i.col,
         endRow: i.row
       }, u = [];
-      if (M.foreach(a, (m, h) => {
-        const _ = xe.getPositionRange(
+      if (R.foreach(a, (m, h) => {
+        const _ = De.getPositionRange(
           {
             startRow: m,
             startColumn: h,
@@ -202,14 +202,14 @@ let _e = class extends H {
             endRow: m
           },
           d
-        ), p = this._numfmtService.getValue(
+        ), v = this._numfmtService.getValue(
           o,
           c,
           _.startRow,
           _.startColumn
         );
-        if (p) {
-          const f = xe.getPositionRange(
+        if (v) {
+          const f = De.getPositionRange(
             {
               startRow: m,
               startColumn: h,
@@ -219,8 +219,8 @@ let _e = class extends H {
             l
           );
           u.push({
-            pattern: p.pattern,
-            type: p.type,
+            pattern: v.pattern,
+            type: v.type,
             row: f.startRow,
             col: f.startColumn
           });
@@ -228,8 +228,8 @@ let _e = class extends H {
       }), u.length) {
         const m = {
           id: w.id,
-          params: ue(o, c, u)
-        }, h = de(this._injector, m.params);
+          params: me(o, c, u)
+        }, h = he(this._injector, m.params);
         return {
           redos: [m],
           undos: h
@@ -241,15 +241,15 @@ let _e = class extends H {
         row: s.startRow,
         col: s.startColumn
       };
-      return cn(s, i).forEach((l) => {
+      return un(s, i).forEach((l) => {
         const { undos: u, redos: m } = t(c, l.repeatStartCell, l.relativeRange);
         a.push(...u), o.push(...m);
       }), {
-        undos: we(a),
-        redos: we(o)
+        undos: Ee(a),
+        redos: Ee(o)
       };
     }, n = {
-      id: le,
+      id: ue,
       onFillData: (s, i, a) => {
         if (a === He.COPY || a === He.ONLY_FORMAT || a === He.SERIES) {
           const { source: o, target: c } = s;
@@ -261,15 +261,15 @@ let _e = class extends H {
     this.disposeWithMe(this._autoFillService.addHook(n));
   }
 };
-_e = wn([
-  k(T.Rendered, _e),
-  ve(0, g(K)),
-  ve(1, g($)),
-  ve(2, g(U)),
-  ve(3, g(on))
-], _e);
-const Xe = (e) => E.getInfo(e).type || "unknown", gt = (e, t) => {
-  const n = E.getInfo(e)._partitions[1], s = E.format(e, t, { locale: "zh-CN" });
+Re = Tn([
+  k(U.Rendered, Re),
+  Ce(0, g(K)),
+  Ce(1, g($)),
+  Ce(2, g(A)),
+  Ce(3, g(ln))
+], Re);
+const Xe = (e) => D.getInfo(e).type || "unknown", gt = (e, t) => {
+  const n = D.getInfo(e)._partitions[1], s = D.format(e, t, { locale: "zh-CN" });
   return t < 0 ? {
     result: s,
     color: n.color
@@ -277,12 +277,12 @@ const Xe = (e) => E.getInfo(e).type || "unknown", gt = (e, t) => {
     result: s
   };
 };
-var jn = Object.defineProperty, Nn = Object.getOwnPropertyDescriptor, Dn = (e, t, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? Nn(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+var Dn = Object.defineProperty, En = Object.getOwnPropertyDescriptor, $n = (e, t, r, n) => {
+  for (var s = n > 1 ? void 0 : n ? En(t, r) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (n ? a(t, r, s) : a(s)) || s);
-  return n && s && jn(t, r, s), s;
-}, ae = (e, t) => (r, n) => t(r, n, e);
-let Se = class extends H {
+  return n && s && Dn(t, r, s), s;
+}, oe = (e, t) => (r, n) => t(r, n, e);
+let Ie = class extends H {
   constructor(e, t, r, n, s) {
     super(), this._sheetInterceptorService = e, this._themeService = t, this._sheetSkeletonManagerService = r, this._commandService = n, this._numfmtService = s, this._initInterceptorCellContent();
   }
@@ -295,7 +295,7 @@ let Se = class extends H {
           if (!a)
             return n(t);
           const o = t;
-          if (!o || o.t !== ee.NUMBER)
+          if (!o || o.t !== se.NUMBER)
             return n(t);
           let c = "";
           const d = e.getValue(r.row, r.col);
@@ -321,7 +321,7 @@ let Se = class extends H {
           const r = t.params;
           Object.keys(r.values).forEach((n) => {
             r.values[n].ranges.forEach((i) => {
-              M.foreach(i, (a, o) => {
+              R.foreach(i, (a, o) => {
                 e.realDeleteValue(a, o);
               });
             });
@@ -331,7 +331,7 @@ let Se = class extends H {
     ), this.disposeWithMe(
       Z(
         this._sheetSkeletonManagerService.currentSkeleton$.pipe(
-          ce((t) => t == null ? void 0 : t.sheetId),
+          le((t) => t == null ? void 0 : t.sheetId),
           ht()
         ).subscribe(() => {
           e.reset();
@@ -340,18 +340,18 @@ let Se = class extends H {
     );
   }
 };
-Se = Dn([
-  k(T.Rendered, Se),
-  ae(0, g(Ee)),
-  ae(1, g(ut)),
-  ae(2, g(Ke)),
-  ae(3, g(V)),
-  ae(4, g(U))
-], Se);
-const z = (e, t = 0) => {
+Ie = $n([
+  k(U.Rendered, Ie),
+  oe(0, g(Ae)),
+  oe(1, g(ut)),
+  oe(2, g(Ke)),
+  oe(3, g(E)),
+  oe(4, g(A))
+], Ie);
+const W = (e, t = 0) => {
   var n;
-  return e && (n = E.getInfo(e).maxDecimals) != null ? n : t;
-}, ie = (e, t) => {
+  return e && (n = D.getInfo(e).maxDecimals) != null ? n : t;
+}, Le = (e, t) => {
   if (e && !t || !e && t)
     return !1;
   const r = (d) => d.reduce(
@@ -362,54 +362,54 @@ const z = (e, t = 0) => {
       return u.type === "point" ? (l.isEnd = !0, l) : { ...l, result: l.result + m };
     },
     { isEnd: !1, result: "" }
-  ).result, n = E.getInfo(e)._partitions, s = E.getInfo(t)._partitions, i = r(n[0].tokens), a = r(s[0].tokens), o = r(n[1].tokens), c = r(s[1].tokens);
+  ).result, n = D.getInfo(e)._partitions, s = D.getInfo(t)._partitions, i = r(n[0].tokens), a = r(s[0].tokens), o = r(n[1].tokens), c = r(s[1].tokens);
   return i === a && o === c && n[1].color === s[1].color;
-}, at = (e) => new Array(Math.min(Math.max(0, Number(e)), 30)).fill(0).join(""), y = (e, t) => e.split(";").map((n) => /\.0?/.test(n) ? n.replace(
+}, at = (e) => new Array(Math.min(Math.max(0, Number(e)), 30)).fill(0).join(""), I = (e, t) => e.split(";").map((n) => /\.0?/.test(n) ? n.replace(
   /\.0*/g,
   `${t > 0 ? "." : ""}${at(Number(t || 0))}`
 ) : /0([^0]?)|0$/.test(n) ? n.replace(
   /0([^0]+)|0$/,
   `0${t > 0 ? "." : ""}${at(Number(t || 0))}$1`
-) : n).join(";"), En = (e) => /\.0?/.test(e) || /0([^0]?)|0$/.test(e), _t = {
+) : n).join(";"), Un = (e) => /\.0?/.test(e) || /0([^0]?)|0$/.test(e), _t = {
   id: "sheet.command.numfmt.add.decimal.command",
-  type: ne.COMMAND,
+  type: X.COMMAND,
   handler: async (e) => {
-    const t = e.get(V), r = e.get(re), n = e.get(U), s = e.get($), i = r.getSelections();
+    const t = e.get(E), r = e.get(ee), n = e.get(A), s = e.get($), i = r.getSelections();
     if (!i || !i.length)
       return !1;
     const a = s.getCurrentUniverSheetInstance(), o = a.getActiveSheet(), c = a.getUnitId(), d = o.getSheetId();
     let l = 0;
     i.forEach((_) => {
-      M.foreach(_.range, (p, f) => {
-        const S = n.getValue(c, d, p, f);
+      R.foreach(_.range, (v, f) => {
+        const S = n.getValue(c, d, v, f);
         if (!S)
           return;
-        const C = z(S.pattern);
+        const C = W(S.pattern);
         l = C > l ? C : l;
       });
     });
-    const u = l + 1, m = y(`0${u > 0 ? ".0" : ""}`, u), h = [];
+    const u = l + 1, m = I(`0${u > 0 ? ".0" : ""}`, u), h = [];
     return i.forEach((_) => {
-      M.foreach(_.range, (p, f) => {
-        const S = n.getValue(c, d, p, f);
-        if (!S || ie(S.pattern, "0.0"))
+      R.foreach(_.range, (v, f) => {
+        const S = n.getValue(c, d, v, f);
+        if (!S)
           h.push({
-            row: p,
+            row: v,
             col: f,
             pattern: m
           });
         else {
-          const C = z(S.pattern), R = y(S.pattern, C + 1);
-          R !== S.pattern && h.push({
-            row: p,
+          const C = W(S.pattern), y = I(S.pattern, C + 1);
+          y !== S.pattern && h.push({
+            row: v,
             col: f,
-            pattern: R
+            pattern: y
           });
         }
       });
-    }), h.length ? await t.executeCommand(te.id, { values: h }) : !1;
+    }), h.length ? await t.executeCommand(Q.id, { values: h }) : !1;
   }
-}, $n = [
+}, An = [
   {
     label: "1930-08-05",
     suffix: "yyyy-MM-dd"
@@ -454,7 +454,7 @@ const z = (e, t = 0) => {
     label: "08-05 下午 01:30",
     suffix: "MM-dd A/P hh:mm"
   }
-], Tn = [
+], Ln = [
   {
     label: "(1,235)",
     suffix: "#,##0_);(#,##0)"
@@ -512,72 +512,72 @@ const z = (e, t = 0) => {
   }
 ], Ct = {
   id: "sheet.command.numfmt.set.currency",
-  type: ne.COMMAND,
+  type: X.COMMAND,
   handler: async (e) => {
-    const t = e.get(V), n = e.get(re).getSelections();
+    const t = e.get(E), n = e.get(ee).getSelections();
     if (!n || !n.length)
       return !1;
     const s = [], i = St[0].suffix("¥");
     return n.forEach((o) => {
-      M.foreach(o.range, (c, d) => {
+      R.foreach(o.range, (c, d) => {
         s.push({ row: c, col: d, pattern: i, type: "currency" });
       });
-    }), await t.executeCommand(te.id, { values: s });
+    }), await t.executeCommand(Q.id, { values: s });
   }
 }, bt = {
   id: "sheet.command.numfmt.subtract.decimal.command",
-  type: ne.COMMAND,
+  type: X.COMMAND,
   handler: async (e) => {
-    const t = e.get(V), r = e.get(re), n = e.get(U), s = e.get($), i = r.getSelections();
+    const t = e.get(E), r = e.get(ee), n = e.get(A), s = e.get($), i = r.getSelections();
     if (!i || !i.length)
       return !1;
     const a = s.getCurrentUniverSheetInstance(), o = a.getActiveSheet(), c = a.getUnitId(), d = o.getSheetId();
     let l = 0;
-    i.forEach((p) => {
-      M.foreach(p.range, (f, S) => {
+    i.forEach((v) => {
+      R.foreach(v.range, (f, S) => {
         const C = n.getValue(c, d, f, S);
         if (!C)
           return;
-        const R = z(C.pattern);
-        l = R > l ? R : l;
+        const y = W(C.pattern);
+        l = y > l ? y : l;
       });
     });
-    const u = l - 1, m = y(`0${u > 0 ? ".0" : "."}`, u), h = [];
-    return i.forEach((p) => {
-      M.foreach(p.range, (f, S) => {
+    const u = l - 1, m = I(`0${u > 0 ? ".0" : "."}`, u), h = [];
+    return i.forEach((v) => {
+      R.foreach(v.range, (f, S) => {
         const C = n.getValue(c, d, f, S);
-        if (!C || ie(C.pattern, "0.0"))
+        if (!C)
           h.push({
             row: f,
             col: S,
             pattern: m
           });
         else {
-          const R = z(C.pattern);
+          const y = W(C.pattern);
           h.push({
             row: f,
             col: S,
-            pattern: y(C.pattern, R - 1)
+            pattern: I(C.pattern, y - 1)
           });
         }
       });
-    }), await t.executeCommand(te.id, { values: h });
+    }), await t.executeCommand(Q.id, { values: h });
   }
 }, ke = {
   id: "sheet.operation.close.numfmt.panel",
-  type: ne.OPERATION,
+  type: X.OPERATION,
   handler: () => (
     // do nothing,just notify panel is closed
     !0
   )
-}, et = an("INumfmtController");
-Lt(T.Rendered, et);
-const je = {
+}, et = cn("INumfmtController");
+Ht(U.Rendered, et);
+const $e = {
   id: "sheet.operation.open.numfmt.panel",
-  type: ne.OPERATION,
+  type: X.OPERATION,
   handler: (e) => (e.get(et).openPanel(), !0)
 };
-var Rt = { exports: {} }, Ve = {};
+var yt = { exports: {} }, Ve = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -587,23 +587,23 @@ var Rt = { exports: {} }, Ve = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Un = Cn, An = Symbol.for("react.element"), Ln = Symbol.for("react.fragment"), Vn = Object.prototype.hasOwnProperty, Hn = Un.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, kn = { key: !0, ref: !0, __self: !0, __source: !0 };
-function yt(e, t, r) {
+var Vn = yn, Hn = Symbol.for("react.element"), kn = Symbol.for("react.fragment"), Fn = Object.prototype.hasOwnProperty, Bn = Vn.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, zn = { key: !0, ref: !0, __self: !0, __source: !0 };
+function Rt(e, t, r) {
   var n, s = {}, i = null, a = null;
   r !== void 0 && (i = "" + r), t.key !== void 0 && (i = "" + t.key), t.ref !== void 0 && (a = t.ref);
   for (n in t)
-    Vn.call(t, n) && !kn.hasOwnProperty(n) && (s[n] = t[n]);
+    Fn.call(t, n) && !zn.hasOwnProperty(n) && (s[n] = t[n]);
   if (e && e.defaultProps)
     for (n in t = e.defaultProps, t)
       s[n] === void 0 && (s[n] = t[n]);
-  return { $$typeof: An, type: e, key: i, ref: a, props: s, _owner: Hn.current };
+  return { $$typeof: Hn, type: e, key: i, ref: a, props: s, _owner: Bn.current };
 }
-Ve.Fragment = Ln;
-Ve.jsx = yt;
-Ve.jsxs = yt;
-Rt.exports = Ve;
-var v = Rt.exports;
-const tt = bn([]), ze = [
+Ve.Fragment = kn;
+Ve.jsx = Rt;
+Ve.jsxs = Rt;
+yt.exports = Ve;
+var p = yt.exports;
+const tt = Rn([]), We = [
   "$",
   "£",
   "¥",
@@ -632,12 +632,12 @@ const tt = bn([]), ze = [
   "₾",
   "₿"
 ];
-var Fn = Object.defineProperty, Bn = Object.getOwnPropertyDescriptor, Wn = (e, t, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? Bn(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+var Wn = Object.defineProperty, Kn = Object.getOwnPropertyDescriptor, Gn = (e, t, r, n) => {
+  for (var s = n > 1 ? void 0 : n ? Kn(t, r) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (n ? a(t, r, s) : a(s)) || s);
-  return n && s && Fn(t, r, s), s;
-}, zn = (e, t) => (r, n) => t(r, n, e);
-let Ne = class {
+  return n && s && Wn(t, r, s), s;
+}, Yn = (e, t) => (r, n) => t(r, n, e);
+let Ue = class {
   constructor(e) {
     this._localStorageService = e;
   }
@@ -681,21 +681,21 @@ let Ne = class {
     this._localStorageService.removeItem(e);
   }
 };
-Ne = Wn([
-  zn(0, g(Vt))
-], Ne);
-const ot = "numfmtCurrency", Kn = (e) => {
-  const t = N(Ne), [r, n] = x(ze);
+Ue = Gn([
+  Yn(0, g(kt))
+], Ue);
+const ot = "numfmtCurrency", qn = (e) => {
+  const t = N(Ue), [r, n] = x(We);
   return Ye(() => {
     t.addHabit("numfmtCurrency", []).then(() => {
-      t.getHabit(ot, [...ze]).then((i) => {
+      t.getHabit(ot, [...We]).then((i) => {
         n(i), e && e(i);
       });
     });
   }, []), { userHabitCurrency: r, mark: (i) => {
     t.markHabit(ot, i);
   } };
-}, Gn = () => {
+}, Zn = () => {
   const e = qe([]), [t, r] = x({});
   return Ye(() => {
     e.current.forEach((s) => {
@@ -704,68 +704,68 @@ const ot = "numfmtCurrency", Kn = (e) => {
   }, [t]), (s) => {
     e.current.push(s), r({});
   };
-}, he = (e) => ze.find((r) => e.includes(r)), Yn = (e) => !!he(e) && e.startsWith("_("), qn = (e) => {
-  const [t, r] = x(() => z(e.defaultPattern || "", 2)), n = pt(tt), [s, i] = x(() => he(e.defaultPattern) || n[0]), a = L(() => n.map((u) => ({ label: u, value: u })), []), c = N(D).t;
-  e.action.current = () => y(`_("${s}"* #,##0${t > 0 ? ".0" : ""}_)`, t);
+}, Se = (e) => We.find((r) => e.includes(r)), Jn = (e) => !!Se(e) && e.startsWith("_("), Qn = (e) => {
+  const [t, r] = x(() => W(e.defaultPattern || "", 2)), n = vt(tt), [s, i] = x(() => Se(e.defaultPattern) || n[0]), a = V(() => n.map((u) => ({ label: u, value: u })), []), c = N(T).t;
+  e.action.current = () => I(`_("${s}"* #,##0${t > 0 ? ".0" : ""}_)`, t);
   const d = (u) => {
-    i(u), e.onChange(y(`_("${u}"* #,##0${t > 0 ? ".0" : ""}_)`, t));
+    i(u), e.onChange(I(`_("${u}"* #,##0${t > 0 ? ".0" : ""}_)`, t));
   }, l = (u) => {
     const m = u || 0;
-    r(m), e.onChange(y(`_("${s}"* #,##0${m > 0 ? ".0" : ""}_)`, m));
+    r(m), e.onChange(I(`_("${s}"* #,##0${m > 0 ? ".0" : ""}_)`, m));
   };
-  return /* @__PURE__ */ v.jsxs("div", { children: [
-    /* @__PURE__ */ v.jsxs("div", { className: "m-t-16 options ", children: [
-      /* @__PURE__ */ v.jsxs("div", { className: "option", children: [
-        /* @__PURE__ */ v.jsx("div", { className: "label", children: c("sheet.numfmt.decimalLength") }),
-        /* @__PURE__ */ v.jsx("div", { className: "m-t-8 w-120", children: /* @__PURE__ */ v.jsx(Ze, { value: t, max: 20, min: 0, onChange: l }) })
+  return /* @__PURE__ */ p.jsxs("div", { children: [
+    /* @__PURE__ */ p.jsxs("div", { className: "m-t-16 options ", children: [
+      /* @__PURE__ */ p.jsxs("div", { className: "option", children: [
+        /* @__PURE__ */ p.jsx("div", { className: "label", children: c("sheet.numfmt.decimalLength") }),
+        /* @__PURE__ */ p.jsx("div", { className: "m-t-8 w-120", children: /* @__PURE__ */ p.jsx(Ze, { value: t, max: 20, min: 0, onChange: l }) })
       ] }),
-      /* @__PURE__ */ v.jsxs("div", { className: "option", children: [
-        /* @__PURE__ */ v.jsx("div", { className: "label", children: c("sheet.numfmt.currencyType") }),
-        /* @__PURE__ */ v.jsx("div", { className: "m-t-8 w-140", children: /* @__PURE__ */ v.jsx(Je, { onChange: d, options: a, value: s }) })
+      /* @__PURE__ */ p.jsxs("div", { className: "option", children: [
+        /* @__PURE__ */ p.jsx("div", { className: "label", children: c("sheet.numfmt.currencyType") }),
+        /* @__PURE__ */ p.jsx("div", { className: "m-t-8 w-140", children: /* @__PURE__ */ p.jsx(Je, { onChange: d, options: a, value: s }) })
       ] })
     ] }),
-    /* @__PURE__ */ v.jsx("div", { className: "describe m-t-14", children: c("sheet.numfmt.accountingDes") })
+    /* @__PURE__ */ p.jsx("div", { className: "describe m-t-14", children: c("sheet.numfmt.accountingDes") })
   ] });
 }, Fe = (e) => St.map((t) => ({
   label: t.label(e),
   value: t.suffix(e),
   color: t.color
-})), It = () => $n.map((e) => ({ label: e.label, value: e.suffix })), Mt = () => Tn.map((e) => ({ label: e.label, value: e.suffix, color: e.color })), Zn = (e) => !!he(e) && !e.startsWith("_("), Jn = (e) => {
-  const r = N(D).t, n = pt(tt), [s, i] = x(() => he(e.defaultPattern) || n[0]), [a, o] = x(() => z(e.defaultPattern || "", 2)), [c, d] = x(() => {
+})), It = () => An.map((e) => ({ label: e.label, value: e.suffix })), Mt = () => Ln.map((e) => ({ label: e.label, value: e.suffix, color: e.color })), Xn = (e) => !!Se(e) && !e.startsWith("_("), er = (e) => {
+  const r = N(T).t, n = vt(tt), [s, i] = x(() => Se(e.defaultPattern) || n[0]), [a, o] = x(() => W(e.defaultPattern || "", 2)), [c, d] = x(() => {
     var S;
-    const p = Fe(s);
-    return ((S = p.find((C) => ie(C.value, e.defaultPattern))) == null ? void 0 : S.value) || p[0].value;
-  }), l = L(() => Fe(s), [s]), u = L(() => n.map((p) => ({ label: p, value: p })), [n]);
-  e.action.current = () => y(c, a);
-  const m = (p) => {
-    i(p);
-    const f = Fe(p)[0].value;
-    d(f), e.onChange(y(f, a));
-  }, h = (p) => {
-    d(p), e.onChange(y(p, a));
-  }, _ = (p) => {
-    o(p || 0), e.onChange(y(c, p || 0));
+    const v = Fe(s);
+    return ((S = v.find((C) => Le(C.value, e.defaultPattern))) == null ? void 0 : S.value) || v[0].value;
+  }), l = V(() => Fe(s), [s]), u = V(() => n.map((v) => ({ label: v, value: v })), [n]);
+  e.action.current = () => I(c, a);
+  const m = (v) => {
+    i(v);
+    const f = Fe(v)[0].value;
+    d(f), e.onChange(I(f, a));
+  }, h = (v) => {
+    d(v), e.onChange(I(v, a));
+  }, _ = (v) => {
+    o(v || 0), e.onChange(I(c, v || 0));
   };
-  return /* @__PURE__ */ v.jsxs("div", { children: [
-    /* @__PURE__ */ v.jsxs("div", { className: "m-t-16 options ", children: [
-      /* @__PURE__ */ v.jsxs("div", { className: "option", children: [
-        /* @__PURE__ */ v.jsx("div", { className: "label", children: r("sheet.numfmt.decimalLength") }),
-        /* @__PURE__ */ v.jsx("div", { className: "m-t-8 w-120", children: /* @__PURE__ */ v.jsx(Ze, { value: a, max: 20, min: 0, onChange: _ }) })
+  return /* @__PURE__ */ p.jsxs("div", { children: [
+    /* @__PURE__ */ p.jsxs("div", { className: "m-t-16 options ", children: [
+      /* @__PURE__ */ p.jsxs("div", { className: "option", children: [
+        /* @__PURE__ */ p.jsx("div", { className: "label", children: r("sheet.numfmt.decimalLength") }),
+        /* @__PURE__ */ p.jsx("div", { className: "m-t-8 w-120", children: /* @__PURE__ */ p.jsx(Ze, { value: a, max: 20, min: 0, onChange: _ }) })
       ] }),
-      /* @__PURE__ */ v.jsxs("div", { className: "option", children: [
-        /* @__PURE__ */ v.jsx("div", { className: "label", children: r("sheet.numfmt.currencyType") }),
-        /* @__PURE__ */ v.jsx("div", { className: "m-t-8 w-140", children: /* @__PURE__ */ v.jsx(Je, { onChange: m, options: u, value: s }) })
+      /* @__PURE__ */ p.jsxs("div", { className: "option", children: [
+        /* @__PURE__ */ p.jsx("div", { className: "label", children: r("sheet.numfmt.currencyType") }),
+        /* @__PURE__ */ p.jsx("div", { className: "m-t-8 w-140", children: /* @__PURE__ */ p.jsx(Je, { onChange: m, options: u, value: s }) })
       ] })
     ] }),
-    /* @__PURE__ */ v.jsx("div", { className: "m-t-16 label", children: r("sheet.numfmt.negType") }),
-    /* @__PURE__ */ v.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ v.jsx(Qe, { onChange: h, options: l, value: c }) }),
-    /* @__PURE__ */ v.jsx("div", { className: "describe m-t-14", children: r("sheet.numfmt.currencyDes") })
+    /* @__PURE__ */ p.jsx("div", { className: "m-t-16 label", children: r("sheet.numfmt.negType") }),
+    /* @__PURE__ */ p.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ p.jsx(Qe, { onChange: h, options: l, value: c }) }),
+    /* @__PURE__ */ p.jsx("div", { className: "describe m-t-14", children: r("sheet.numfmt.currencyDes") })
   ] });
-}, Qn = (e) => {
-  const t = E.getInfo(e);
+}, tr = (e) => {
+  const t = D.getInfo(e);
   return It().map((r) => r.value).includes(e) || ["date", "datetime", "time"].includes(t.type);
-}, Xn = (e) => {
-  const t = L(It, []), n = N(D).t, [s, i] = x(() => {
+}, nr = (e) => {
+  const t = V(It, []), n = N(T).t, [s, i] = x(() => {
     if (e.defaultPattern) {
       const o = t.find((c) => c.value === e.defaultPattern);
       if (o)
@@ -777,26 +777,26 @@ const ot = "numfmtCurrency", Kn = (e) => {
   const a = (o) => {
     i(o), e.onChange(o);
   };
-  return /* @__PURE__ */ v.jsxs("div", { children: [
-    /* @__PURE__ */ v.jsx("div", { className: "m-t-16 label", children: n("sheet.numfmt.dateType") }),
-    /* @__PURE__ */ v.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ v.jsx(Qe, { value: s, options: t, onChange: a }) }),
-    /* @__PURE__ */ v.jsx("div", { className: "describe m-t-14", children: n("sheet.numfmt.dateDes") })
+  return /* @__PURE__ */ p.jsxs("div", { children: [
+    /* @__PURE__ */ p.jsx("div", { className: "m-t-16 label", children: n("sheet.numfmt.dateType") }),
+    /* @__PURE__ */ p.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ p.jsx(Qe, { value: s, options: t, onChange: a }) }),
+    /* @__PURE__ */ p.jsx("div", { className: "describe m-t-14", children: n("sheet.numfmt.dateDes") })
   ] });
-}, er = (e) => !e, tr = (e) => {
-  const r = N(D).t;
-  return e.action.current = () => "", /* @__PURE__ */ v.jsx("div", { children: /* @__PURE__ */ v.jsx("div", { className: "describe m-t-14", children: r("sheet.numfmt.generalDes") }) });
-}, nr = (e) => Mt().some((t) => ie(t.value, e)), rr = (e) => {
-  const t = N(D), r = L(Mt, []), [n, s] = x(() => z(e.defaultPattern || "", 0)), [i, a] = x(() => {
-    const u = r.find((m) => ie(m.value, e.defaultPattern || ""));
+}, rr = (e) => !e, sr = (e) => {
+  const r = N(T).t;
+  return e.action.current = () => "", /* @__PURE__ */ p.jsx("div", { children: /* @__PURE__ */ p.jsx("div", { className: "describe m-t-14", children: r("sheet.numfmt.generalDes") }) });
+}, ir = (e) => Mt().some((t) => Le(t.value, e)), ar = (e) => {
+  const t = N(T), r = V(Mt, []), [n, s] = x(() => W(e.defaultPattern || "", 0)), [i, a] = x(() => {
+    const u = r.find((m) => Le(m.value, e.defaultPattern || ""));
     return (u == null ? void 0 : u.value) || r[0].value;
-  }), o = L(() => y(i, Number(n || 0)), [i, n]), c = L(() => !En(i), [i]), d = (u) => {
-    s(u || 0), e.onChange(y(i, Number(u || 0)));
+  }), o = V(() => I(i, Number(n || 0)), [i, n]), c = V(() => !Un(i), [i]), d = (u) => {
+    s(u || 0), e.onChange(I(i, Number(u || 0)));
   }, l = (u) => {
-    s(z(u, 0)), a(u), e.onChange(u);
+    s(W(u, 0)), a(u), e.onChange(u);
   };
-  return e.action.current = () => o, /* @__PURE__ */ v.jsxs("div", { children: [
-    /* @__PURE__ */ v.jsx("div", { className: "m-t-16 label", children: t.t("sheet.numfmt.decimalLength") }),
-    /* @__PURE__ */ v.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ v.jsx(
+  return e.action.current = () => o, /* @__PURE__ */ p.jsxs("div", { children: [
+    /* @__PURE__ */ p.jsx("div", { className: "m-t-16 label", children: t.t("sheet.numfmt.decimalLength") }),
+    /* @__PURE__ */ p.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ p.jsx(
       Ze,
       {
         disabled: c,
@@ -806,68 +806,82 @@ const ot = "numfmtCurrency", Kn = (e) => {
         onChange: d
       }
     ) }),
-    /* @__PURE__ */ v.jsxs("div", { className: "m-t-16 label", children: [
+    /* @__PURE__ */ p.jsxs("div", { className: "m-t-16 label", children: [
       " ",
       t.t("sheet.numfmt.negType")
     ] }),
-    /* @__PURE__ */ v.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ v.jsx(Qe, { onChange: l, options: r, value: i }) }),
-    /* @__PURE__ */ v.jsx("div", { className: "describe m-t-14", children: t.t("sheet.numfmt.thousandthPercentileDes") })
+    /* @__PURE__ */ p.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ p.jsx(Qe, { onChange: l, options: r, value: i }) }),
+    /* @__PURE__ */ p.jsx("div", { className: "describe m-t-14", children: t.t("sheet.numfmt.thousandthPercentileDes") })
   ] });
-}, sr = (e) => {
-  const { defaultValue: t, defaultPattern: r, row: n, col: s } = e.value, i = N(D), a = qe(() => ""), o = i.t, c = Gn(), d = L(
+}, or = (e) => {
+  const { defaultValue: t, defaultPattern: r, row: n, col: s } = e.value, i = N(T), a = qe(() => ""), o = i.t, c = Zn(), d = V(
     () => [
-      { label: "sheet.numfmt.general", component: tr },
-      { label: "sheet.numfmt.accounting", component: qn },
-      { label: "sheet.numfmt.currency", component: Jn },
-      { label: "sheet.numfmt.date", component: Xn },
-      { label: "sheet.numfmt.thousandthPercentile", component: rr }
+      { label: "sheet.numfmt.general", component: sr },
+      { label: "sheet.numfmt.accounting", component: Qn },
+      { label: "sheet.numfmt.currency", component: er },
+      { label: "sheet.numfmt.date", component: nr },
+      { label: "sheet.numfmt.thousandthPercentile", component: ar }
     ].map((b) => ({ ...b, label: o(b.label) })),
     []
-  ), [l, u] = x(S), [m, h] = x(() => `${n}_${s}`), { mark: _, userHabitCurrency: p } = Kn(() => h(`${n}_${s}_userCurrency'`)), f = L(() => {
+  ), [l, u] = x(S), [m, h] = x(() => `${n}_${s}`), { mark: _, userHabitCurrency: v } = qn(() => h(`${n}_${s}_userCurrency'`)), f = V(() => {
     var b;
-    return (b = d.find((Q) => Q.label === l)) == null ? void 0 : b.component;
+    return (b = d.find((ne) => ne.label === l)) == null ? void 0 : b.component;
   }, [l]);
   function S() {
-    return [er, Yn, Zn, Qn, nr].reduce((Q, Nt, Dt) => Q || (Nt(r) ? d[Dt].label : ""), "") || d[0].label;
+    return [rr, Jn, Xn, tr, ir].reduce((ne, Dt, Et) => ne || (Dt(r) ? d[Et].label : ""), "") || d[0].label;
   }
   const C = d.map((b) => ({
     label: b.label,
     value: b.label
-  })), R = (b) => {
+  })), y = (b) => {
     u(b), c(() => e.onChange({ type: "change", value: a.current() || "" }));
-  }, A = (b) => {
+  }, L = (b) => {
     e.onChange({ type: "change", value: b });
   }, G = () => {
-    const b = a.current() || "", Q = he(b);
-    Q && _(Q), e.onChange({ type: "confirm", value: b });
+    const b = a.current() || "", ne = Se(b);
+    ne && _(ne), e.onChange({ type: "confirm", value: b });
   }, F = () => {
     e.onChange({ type: "cancel", value: "" });
   }, B = {
-    onChange: A,
+    onChange: L,
     defaultValue: t,
     defaultPattern: r,
     action: a
   };
   return Ye(() => {
     u(S()), h(`${n}_${s}`);
-  }, [n, s]), /* @__PURE__ */ v.jsxs("div", { className: "numfmt-panel p-b-20", children: [
-    /* @__PURE__ */ v.jsxs("div", { children: [
-      /* @__PURE__ */ v.jsx("div", { className: "label m-t-14", children: o("sheet.numfmt.numfmtType") }),
-      /* @__PURE__ */ v.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ v.jsx(Je, { onChange: R, options: C, value: l }) }),
-      /* @__PURE__ */ v.jsx("div", { children: f && /* @__PURE__ */ v.jsx(tt.Provider, { value: p, children: /* @__PURE__ */ se(f, { ...B, key: m }) }) })
+  }, [n, s]), /* @__PURE__ */ p.jsxs("div", { className: "numfmt-panel p-b-20", children: [
+    /* @__PURE__ */ p.jsxs("div", { children: [
+      /* @__PURE__ */ p.jsx("div", { className: "label m-t-14", children: o("sheet.numfmt.numfmtType") }),
+      /* @__PURE__ */ p.jsx("div", { className: "m-t-8", children: /* @__PURE__ */ p.jsx(Je, { onChange: y, options: C, value: l }) }),
+      /* @__PURE__ */ p.jsx("div", { children: f && /* @__PURE__ */ p.jsx(tt.Provider, { value: v, children: /* @__PURE__ */ te(f, { ...B, key: m }) }) })
     ] }),
-    /* @__PURE__ */ v.jsxs("div", { className: "btn-list m-t-14 m-b-20", children: [
-      /* @__PURE__ */ v.jsx(it, { size: "small", onClick: F, className: "m-r-12", children: o("sheet.numfmt.cancel") }),
-      /* @__PURE__ */ v.jsx(it, { type: "primary", size: "small", onClick: G, children: o("sheet.numfmt.confirm") })
+    /* @__PURE__ */ p.jsxs("div", { className: "btn-list m-t-14 m-b-20", children: [
+      /* @__PURE__ */ p.jsx(it, { size: "small", onClick: F, className: "m-r-12", children: o("sheet.numfmt.cancel") }),
+      /* @__PURE__ */ p.jsx(it, { type: "primary", size: "small", onClick: G, children: o("sheet.numfmt.confirm") })
     ] })
   ] });
+}, Ot = {
+  id: "sheet.command.numfmt.set.percent",
+  type: X.COMMAND,
+  handler: async (e) => {
+    const t = e.get(E), n = e.get(ee).getSelections();
+    if (!n || !n.length)
+      return !1;
+    const s = [], i = "0%";
+    return n.forEach((o) => {
+      R.foreach(o.range, (c, d) => {
+        s.push({ row: c, col: d, pattern: i, type: "percent" });
+      });
+    }), await t.executeCommand(Q.id, { values: s });
+  }
 };
-var ir = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, or = (e, t, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? ar(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+var cr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, ur = (e, t, r, n) => {
+  for (var s = n > 1 ? void 0 : n ? lr(t, r) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (n ? a(t, r, s) : a(s)) || s);
-  return n && s && ir(t, r, s), s;
+  return n && s && cr(t, r, s), s;
 }, O = (e, t) => (r, n) => t(r, n, e);
-let Ce = class extends H {
+let Me = class extends H {
   constructor(t, r, n, s, i, a, o, c, d, l, u, m) {
     super();
     /**
@@ -889,23 +903,23 @@ let Ce = class extends H {
       );
       let h = "";
       m && (h = m.pattern);
-      const _ = (u == null ? void 0 : u.t) === ee.NUMBER ? u.v : 12345678, p = {
+      const _ = (u == null ? void 0 : u.t) === se.NUMBER ? u.v : 12345678, v = {
         onChange: (f) => {
           var S, C;
           if (f.type === "change")
             this._previewPattern = f.value, this._sheetSkeletonManagerService.reCalculate(), (C = (S = this._renderManagerService.getRenderById(d.getUnitId())) == null ? void 0 : S.mainComponent) == null || C.makeDirty();
           else if (f.type === "confirm") {
-            const R = r.getSelectionRanges() || [], A = { values: [] }, G = Xe(f.value);
-            R.forEach((F) => {
-              M.foreach(F, (B, b) => {
-                A.values.push({
+            const y = r.getSelectionRanges() || [], L = { values: [] }, G = Xe(f.value);
+            y.forEach((F) => {
+              R.foreach(F, (B, b) => {
+                L.values.push({
                   row: B,
                   col: b,
                   pattern: f.value,
                   type: G
                 });
               });
-            }), n.executeCommand(te.id, A), t.close();
+            }), n.executeCommand(Q.id, L), t.close();
           } else
             f.type === "cancel" && t.close();
         },
@@ -914,8 +928,8 @@ let Ce = class extends H {
       t.open({
         header: { title: a.t("sheet.numfmt.title") },
         children: {
-          label: le,
-          ...p
+          label: ue,
+          ...v
           // need passthrough to react props.
         },
         onClose: () => {
@@ -931,15 +945,16 @@ let Ce = class extends H {
       _t,
       bt,
       Ct,
-      je,
+      Ot,
+      $e,
       ke,
-      te
+      Q
     ].forEach((t) => {
       this.disposeWithMe(this._commandService.registerCommand(t));
     });
   }
   _initPanel() {
-    this._componentManager.register(le, sr);
+    this._componentManager.register(ue, or);
   }
   _initInterceptorCommands() {
     const t = this;
@@ -947,8 +962,8 @@ let Ce = class extends H {
       this._sheetInterceptorService.interceptCommand({
         getMutations(r) {
           switch (r.id) {
-            case Bt.id:
-            case Ft.id: {
+            case Wt.id:
+            case zt.id: {
               const n = t._univerInstanceService.getCurrentUniverSheetInstance().getUnitId(), s = t._univerInstanceService.getCurrentUniverSheetInstance().getActiveSheet().getSheetId(), i = t._selectionManagerService.getSelectionRanges();
               if (!(i != null && i.length))
                 break;
@@ -958,7 +973,7 @@ let Ce = class extends H {
                 ranges: []
               }, o = t._numfmtService.getModel(n, s);
               i.forEach((d) => {
-                M.foreach(d, (l, u) => {
+                R.foreach(d, (l, u) => {
                   o != null && o.getValue(l, u) && a.ranges.push({
                     startColumn: u,
                     endColumn: u,
@@ -966,10 +981,10 @@ let Ce = class extends H {
                     endRow: l
                   });
                 });
-              }), a.ranges = W(a.ranges);
+              }), a.ranges = z(a.ranges);
               const c = J(t._injector, a);
               return {
-                redos: [{ id: I.id, params: a }],
+                redos: [{ id: M.id, params: a }],
                 undos: c
               };
             }
@@ -985,12 +1000,12 @@ let Ce = class extends H {
   _initRealTimeRenderingInterceptor() {
     const t = new q((n) => {
       this._commandService.onCommandExecuted((s) => {
-        s.id === je.id && n.next(!0), s.id === ke.id && n.next(!1);
+        s.id === $e.id && n.next(!0), s.id === ke.id && n.next(!1);
       });
-    }), r = Sn([
+    }), r = bn([
       t,
       this._selectionManagerService.selectionMoveEnd$.pipe(
-        ce((n) => n ? n.map((s) => s.range) : [])
+        le((n) => n ? n.map((s) => s.range) : [])
       )
     ]);
     this.disposeWithMe(
@@ -1004,7 +1019,7 @@ let Ce = class extends H {
               };
             })
           ),
-          mn(() => {
+          fn(() => {
             this._previewPattern = null;
           })
         ).subscribe(({ disposableCollection: n, selectionRanges: s }) => {
@@ -1018,8 +1033,8 @@ let Ce = class extends H {
                 if (s.find(
                   (h) => h.startColumn <= m && h.endColumn >= m && h.startRow <= u && h.endRow >= u
                 )) {
-                  const h = d.worksheet.getCellRaw(u, m), _ = h == null ? void 0 : h.v, p = h == null ? void 0 : h.t;
-                  if (_ == null || p !== ee.NUMBER || this._previewPattern === null)
+                  const h = d.worksheet.getCellRaw(u, m), _ = h == null ? void 0 : h.v, v = h == null ? void 0 : h.t;
+                  if (_ == null || v !== se.NUMBER || this._previewPattern === null)
                     return l(c);
                   const f = gt(this._previewPattern, _);
                   if (f.color) {
@@ -1027,14 +1042,14 @@ let Ce = class extends H {
                     return {
                       ...c,
                       v: f.result,
-                      t: ee.STRING,
+                      t: se.STRING,
                       s: { cl: { rgb: C } }
                     };
                   }
                   return {
                     ...c,
                     v: f.result,
-                    t: ee.STRING
+                    t: se.STRING
                   };
                 }
                 return l(c);
@@ -1046,7 +1061,7 @@ let Ce = class extends H {
     );
   }
   _commandExecutedListener() {
-    const t = [I.id, w.id];
+    const t = [M.id, w.id];
     this.disposeWithMe(
       Z(
         Ge(
@@ -1062,7 +1077,7 @@ let Ce = class extends H {
             };
           }),
           this._numfmtService.modelReplace$
-        ).pipe(hn(16)).subscribe((r) => {
+        ).pipe(pn(16)).subscribe((r) => {
           var n, s;
           this._sheetSkeletonManagerService.reCalculate(), (s = (n = this._renderManagerService.getRenderById(r)) == null ? void 0 : n.mainComponent) == null || s.makeDirty();
         })
@@ -1070,27 +1085,27 @@ let Ce = class extends H {
     );
   }
 };
-Ce = or([
-  k(T.Rendered, Ce),
-  O(0, g(Ee)),
+Me = ur([
+  k(U.Rendered, Me),
+  O(0, g(Ae)),
   O(1, g(ut)),
   O(2, g(K)),
   O(3, g($)),
   O(4, g(Ke)),
-  O(5, g(V)),
-  O(6, g(re)),
-  O(7, g(vn)),
-  O(8, g(U)),
-  O(9, g(vt)),
-  O(10, g(gn)),
-  O(11, g(D))
-], Ce);
-var cr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, ur = (e, t, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? lr(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+  O(5, g(E)),
+  O(6, g(ee)),
+  O(7, g(gn)),
+  O(8, g(A)),
+  O(9, g(pt)),
+  O(10, g(Sn)),
+  O(11, g(T))
+], Me);
+var dr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, hr = (e, t, r, n) => {
+  for (var s = n > 1 ? void 0 : n ? mr(t, r) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (n ? a(t, r, s) : a(s)) || s);
-  return n && s && cr(t, r, s), s;
-}, pe = (e, t) => (r, n) => t(r, n, e);
-let be = class extends H {
+  return n && s && dr(t, r, s), s;
+}, be = (e, t) => (r, n) => t(r, n, e);
+let Oe = class extends H {
   constructor(t, r, n, s) {
     super();
     Y(this, "_copyInfo");
@@ -1099,7 +1114,7 @@ let be = class extends H {
   _initClipboardHook() {
     this.disposeWithMe(
       this._sheetClipboardService.addClipboardHook({
-        id: le,
+        id: ue,
         onBeforeCopy: (t, r, n) => this._collectNumfmt(t, r, n),
         onPasteCells: (t, r, n, s) => {
           const { copyType: i = nt.COPY, pasteType: a } = s, { range: o } = t || {}, { range: c } = r;
@@ -1118,11 +1133,11 @@ let be = class extends H {
       }
     };
     const i = this._numfmtService.getModel(t, r);
-    i && M.foreach(n, (a, o) => {
+    i && R.foreach(n, (a, o) => {
       const c = this._numfmtService.getValue(t, r, a, o, i);
       if (!c)
         return;
-      const d = xe.getRelativeRange(
+      const d = De.getRelativeRange(
         {
           startRow: a,
           endRow: a,
@@ -1147,17 +1162,17 @@ let be = class extends H {
       r.pasteType
     ))
       return { redos: [], undos: [] };
-    const o = ln(r.copyRange, t, !0), c = [], d = { unitId: i, subUnitId: a, ranges: [] }, l = this._numfmtService.getModel(i, a);
-    M.foreach(t, (h, _) => {
+    const o = dn(r.copyRange, t, !0), c = [], d = { unitId: i, subUnitId: a, ranges: [] }, l = this._numfmtService.getModel(i, a);
+    R.foreach(t, (h, _) => {
       this._numfmtService.getValue(i, a, h, _, l) && d.ranges.push({ startRow: h, startColumn: _, endRow: h, endColumn: _ });
     }), o.forEach((h) => {
-      this._copyInfo && this._copyInfo.matrix.forValue((_, p, f) => {
-        const S = xe.getPositionRange(
+      this._copyInfo && this._copyInfo.matrix.forValue((_, v, f) => {
+        const S = De.getPositionRange(
           {
             startRow: _,
             endRow: _,
-            startColumn: p,
-            endColumn: p
+            startColumn: v,
+            endColumn: v
           },
           h.startRange
         );
@@ -1169,37 +1184,37 @@ let be = class extends H {
         });
       });
     });
-    const u = ue(i, a, c);
+    const u = me(i, a, c);
     Object.keys(u.values).forEach((h) => {
       const _ = u.values[h];
-      _.ranges = W(_.ranges);
-    }), d.ranges = W(d.ranges);
+      _.ranges = z(_.ranges);
+    }), d.ranges = z(d.ranges);
     const m = [
-      ...de(this._injector, u),
+      ...he(this._injector, u),
       ...J(this._injector, d)
     ];
     return {
       redos: [
-        { id: I.id, params: d },
+        { id: M.id, params: d },
         { id: w.id, params: u }
       ],
-      undos: we(m)
+      undos: Ee(m)
     };
   }
 };
-be = ur([
-  k(T.Rendered, be),
-  pe(0, g(un)),
-  pe(1, g(K)),
-  pe(2, g(U)),
-  pe(3, g($))
-], be);
-var dr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, hr = (e, t, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? mr(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+Oe = hr([
+  k(U.Rendered, Oe),
+  be(0, g(mn)),
+  be(1, g(K)),
+  be(2, g(A)),
+  be(3, g($))
+], Oe);
+var fr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, vr = (e, t, r, n) => {
+  for (var s = n > 1 ? void 0 : n ? pr(t, r) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (n ? a(t, r, s) : a(s)) || s);
-  return n && s && dr(t, r, s), s;
-}, oe = (e, t) => (r, n) => t(r, n, e);
-const fr = () => {
+  return n && s && fr(t, r, s), s;
+}, ce = (e, t) => (r, n) => t(r, n, e);
+const gr = () => {
   let e = [];
   return {
     add: (s, i, a, o, c) => e.push({ unitId: s, subUnitId: i, row: a, col: o, value: c }),
@@ -1209,11 +1224,11 @@ const fr = () => {
     }
   };
 };
-let Re = class extends H {
+let Pe = class extends H {
   constructor(t, r, n, s, i) {
     super();
     // collect effect mutations when edit end and push this to  commands stack in next commands progress
-    Y(this, "_collectEffectMutation", fr());
+    Y(this, "_collectEffectMutation", gr());
     this._sheetInterceptorService = t, this._numfmtService = r, this._univerInstanceService = n, this._injector = s, this._editorBridgeService = i, this._initInterceptorEditorStart(), this._initInterceptorEditorEnd(), this._initInterceptorCommands();
   }
   _initInterceptorEditorStart() {
@@ -1279,7 +1294,7 @@ let Re = class extends H {
               };
               if (!(t != null && t.v))
                 return n(t);
-              const a = String(t.v), o = E.parseDate(a) || E.parseTime(a);
+              const a = String(t.v), o = D.parseDate(a) || D.parseTime(a);
               if (!!o) {
                 if (o && o.z) {
                   const d = Number(o.v);
@@ -1292,10 +1307,10 @@ let Re = class extends H {
                       type: "date",
                       pattern: o.z
                     }
-                  ), { ...t, v: d, t: ee.NUMBER };
+                  ), { ...t, v: d, t: se.NUMBER };
                 }
               } else
-                (["date", "time", "datetime"].includes((s == null ? void 0 : s.type) || "") || !vr(a)) && i();
+                (["date", "time", "datetime"].includes((s == null ? void 0 : s.type) || "") || !_r(a)) && i();
               return n(t);
             }
           }
@@ -1309,7 +1324,7 @@ let Re = class extends H {
       this._sheetInterceptorService.interceptCommand({
         getMutations(r) {
           switch (r.id) {
-            case Wt.id: {
+            case Kt.id: {
               const n = t._univerInstanceService.getCurrentUniverSheetInstance().getUnitId(), s = t._univerInstanceService.getCurrentUniverSheetInstance().getActiveSheet().getSheetId(), i = t._collectEffectMutation.getEffects();
               if (!i.length)
                 return {
@@ -1336,13 +1351,13 @@ let Re = class extends H {
               if (a) {
                 const l = {
                   id: w.id,
-                  params: ue(n, s, a)
+                  params: me(n, s, a)
                 };
-                c.push(l), d.push(...de(t._injector, l.params));
+                c.push(l), d.push(...he(t._injector, l.params));
               }
               if (o) {
                 const l = {
-                  id: I.id,
+                  id: M.id,
                   params: {
                     unitId: n,
                     subUnitId: s,
@@ -1366,35 +1381,35 @@ let Re = class extends H {
     );
   }
 };
-Re = hr([
-  k(T.Rendered, Re),
-  oe(0, g(Ee)),
-  oe(1, g(U)),
-  oe(2, g($)),
-  oe(3, g(K)),
-  oe(4, g(dn))
-], Re);
-function vr(e) {
+Pe = vr([
+  k(U.Rendered, Pe),
+  ce(0, g(Ae)),
+  ce(1, g(A)),
+  ce(2, g($)),
+  ce(3, g(K)),
+  ce(4, g(hn))
+], Pe);
+function _r(e) {
   return /^-?\d+(\.\d+)?$/.test(e);
 }
-var pr = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, _r = (e, t, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? gr(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+var Sr = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, br = (e, t, r, n) => {
+  for (var s = n > 1 ? void 0 : n ? Cr(t, r) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (n ? a(t, r, s) : a(s)) || s);
-  return n && s && pr(t, r, s), s;
-}, Sr = (e, t) => (r, n) => t(r, n, e);
-let ye = class extends H {
+  return n && s && Sr(t, r, s), s;
+}, yr = (e, t) => (r, n) => t(r, n, e);
+let xe = class extends H {
   constructor(t) {
     super();
     Y(this, "_initLocal", () => {
-      this._localeService.load({ zhCN: On });
+      this._localeService.load({ zhCN: wn, enUS: Pn });
     });
     this._localeService = t, this._initLocal();
   }
 };
-ye = _r([
-  k(T.Rendered, ye),
-  Sr(0, g(D))
-], ye);
+xe = br([
+  k(U.Rendered, xe),
+  yr(0, g(T))
+], xe);
 var P = function() {
   return P = Object.assign || function(e) {
     for (var t, r = 1, n = arguments.length; r < n; r++) {
@@ -1404,7 +1419,7 @@ var P = function() {
     }
     return e;
   }, P.apply(this, arguments);
-}, Cr = function(e, t) {
+}, Rr = function(e, t) {
   var r = {};
   for (var n in e)
     Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
@@ -1412,16 +1427,16 @@ var P = function() {
     for (var s = 0, n = Object.getOwnPropertySymbols(e); s < n.length; s++)
       t.indexOf(n[s]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[s]) && (r[n[s]] = e[n[s]]);
   return r;
-}, fe = me(function(e, t) {
-  var r = e.icon, n = e.id, s = e.className, i = e.extend, a = Cr(e, ["icon", "id", "className", "extend"]), o = "univerjs-icon univerjs-icon-".concat(n, " ").concat(s || "").trim(), c = qe("_".concat(yr()));
-  return Ot(r, "".concat(n), { defIds: r.defIds, idSuffix: c.current }, P({ ref: t, className: o }, a), i);
+}, ae = ie(function(e, t) {
+  var r = e.icon, n = e.id, s = e.className, i = e.extend, a = Rr(e, ["icon", "id", "className", "extend"]), o = "univerjs-icon univerjs-icon-".concat(n, " ").concat(s || "").trim(), c = qe("_".concat(Or()));
+  return Pt(r, "".concat(n), { defIds: r.defIds, idSuffix: c.current }, P({ ref: t, className: o }, a), i);
 });
-function Ot(e, t, r, n, s) {
-  return se(e.tag, P(P({ key: t }, br(e, r, s)), n), (Rr(e, r).children || []).map(function(i, a) {
-    return Ot(i, "".concat(t, "-").concat(e.tag, "-").concat(a), r, void 0, s);
+function Pt(e, t, r, n, s) {
+  return te(e.tag, P(P({ key: t }, Ir(e, r, s)), n), (Mr(e, r).children || []).map(function(i, a) {
+    return Pt(i, "".concat(t, "-").concat(e.tag, "-").concat(a), r, void 0, s);
   }));
 }
-function br(e, t, r) {
+function Ir(e, t, r) {
   var n = P({}, e.attrs);
   r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1);
   var s = t.defIds;
@@ -1430,141 +1445,61 @@ function br(e, t, r) {
     typeof o == "string" && (n[a] = o.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
   })), n;
 }
-function Rr(e, t) {
+function Mr(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) ? P(P({}, e), { children: e.children.map(function(s) {
     return typeof s.attrs.id == "string" && n && n.indexOf(s.attrs.id) > -1 ? P(P({}, s), { attrs: P(P({}, s.attrs), { id: s.attrs.id + t.idSuffix }) }) : s;
   }) }) : e;
 }
-function yr() {
+function Or() {
   return Math.random().toString(36).substring(2, 8);
 }
-fe.displayName = "UniverIcon";
-var Ir = {
-  tag: "svg",
-  attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" },
-  children: [
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M3.99988 3.60921C3.99988 2.32055 5.04456 1.27588 6.33321 1.27588 7.62187 1.27588 8.66654 2.32055 8.66654 3.60921V6.24136C8.66654 7.53002 7.62187 8.5747 6.33321 8.5747 5.04455 8.5747 3.99988 7.53002 3.99988 6.24136V3.60921zM6.33321 2.60921C5.78093 2.60921 5.33321 3.05693 5.33321 3.60921V6.24136C5.33321 6.79364 5.78093 7.24136 6.33321 7.24136 6.88549 7.24136 7.33321 6.79364 7.33321 6.24136V3.60921C7.33321 3.05693 6.88549 2.60921 6.33321 2.60921zM9.99988 3.60921C9.99988 2.32055 11.0446 1.27588 12.3332 1.27588 13.6219 1.27588 14.6665 2.32055 14.6665 3.60921V6.24136C14.6665 7.53002 13.6219 8.5747 12.3332 8.5747 11.0446 8.5747 9.99988 7.53002 9.99988 6.24136V3.60921zM12.3332 2.60921C11.7809 2.60921 11.3332 3.05693 11.3332 3.60921V6.24136C11.3332 6.79364 11.7809 7.24136 12.3332 7.24136 12.8855 7.24136 13.3332 6.79364 13.3332 6.24136V3.60921C13.3332 3.05693 12.8855 2.60921 12.3332 2.60921z",
-        fillRule: "evenodd",
-        clipRule: "evenodd"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M12.4713 9.58625C12.211 9.3259 11.7889 9.3259 11.5285 9.58625 11.2682 9.8466 11.2682 10.2687 11.5285 10.5291L12.3904 11.391H6.33329C5.9651 11.391 5.66663 11.6895 5.66663 12.0577 5.66663 12.4258 5.9651 12.7243 6.33329 12.7243H12.3904L11.5285 13.5862C11.2682 13.8466 11.2682 14.2687 11.5285 14.5291 11.7889 14.7894 12.211 14.7894 12.4713 14.5291L14.4669 12.5335C14.4851 12.5156 14.5022 12.4968 14.5183 12.477 14.5484 12.4399 14.5739 12.4003 14.5948 12.359 14.6407 12.2685 14.6666 12.1661 14.6666 12.0577 14.6666 11.9492 14.6407 11.8468 14.5948 11.7563 14.5739 11.715 14.5484 11.6754 14.5183 11.6383 14.5022 11.6185 14.4851 11.5997 14.4669 11.5818L12.4713 9.58625zM1.33325 7.98825C1.33325 7.62006 1.63173 7.32159 1.99992 7.32159H2.33325C2.70144 7.32159 2.99992 7.62006 2.99992 7.98825 2.99992 8.35644 2.70144 8.65492 2.33325 8.65492H1.99992C1.63173 8.65492 1.33325 8.35644 1.33325 7.98825z"
-      }
-    }
-  ]
-}, Pt = me(function(e, t) {
-  return se(fe, Object.assign({}, e, {
+ae.displayName = "UniverIcon";
+var Pr = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M3.99988 3.60921C3.99988 2.32055 5.04456 1.27588 6.33321 1.27588 7.62187 1.27588 8.66654 2.32055 8.66654 3.60921V6.24136C8.66654 7.53002 7.62187 8.5747 6.33321 8.5747 5.04455 8.5747 3.99988 7.53002 3.99988 6.24136V3.60921zM6.33321 2.60921C5.78093 2.60921 5.33321 3.05693 5.33321 3.60921V6.24136C5.33321 6.79364 5.78093 7.24136 6.33321 7.24136 6.88549 7.24136 7.33321 6.79364 7.33321 6.24136V3.60921C7.33321 3.05693 6.88549 2.60921 6.33321 2.60921zM9.99988 3.60921C9.99988 2.32055 11.0446 1.27588 12.3332 1.27588 13.6219 1.27588 14.6665 2.32055 14.6665 3.60921V6.24136C14.6665 7.53002 13.6219 8.5747 12.3332 8.5747 11.0446 8.5747 9.99988 7.53002 9.99988 6.24136V3.60921zM12.3332 2.60921C11.7809 2.60921 11.3332 3.05693 11.3332 3.60921V6.24136C11.3332 6.79364 11.7809 7.24136 12.3332 7.24136 12.8855 7.24136 13.3332 6.79364 13.3332 6.24136V3.60921C13.3332 3.05693 12.8855 2.60921 12.3332 2.60921z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M12.4713 9.58625C12.211 9.3259 11.7889 9.3259 11.5285 9.58625 11.2682 9.8466 11.2682 10.2687 11.5285 10.5291L12.3904 11.391H6.33329C5.9651 11.391 5.66663 11.6895 5.66663 12.0577 5.66663 12.4258 5.9651 12.7243 6.33329 12.7243H12.3904L11.5285 13.5862C11.2682 13.8466 11.2682 14.2687 11.5285 14.5291 11.7889 14.7894 12.211 14.7894 12.4713 14.5291L14.4669 12.5335C14.4851 12.5156 14.5022 12.4968 14.5183 12.477 14.5484 12.4399 14.5739 12.4003 14.5948 12.359 14.6407 12.2685 14.6666 12.1661 14.6666 12.0577 14.6666 11.9492 14.6407 11.8468 14.5948 11.7563 14.5739 11.715 14.5484 11.6754 14.5183 11.6383 14.5022 11.6185 14.4851 11.5997 14.4669 11.5818L12.4713 9.58625zM1.33325 7.98825C1.33325 7.62006 1.63173 7.32159 1.99992 7.32159H2.33325C2.70144 7.32159 2.99992 7.62006 2.99992 7.98825 2.99992 8.35644 2.70144 8.65492 2.33325 8.65492H1.99992C1.63173 8.65492 1.33325 8.35644 1.33325 7.98825z" } }] }, xt = ie(function(e, t) {
+  return te(ae, Object.assign({}, e, {
     id: "add-digits-single",
     ref: t,
-    icon: Ir
+    icon: Pr
   }));
 });
-Pt.displayName = "AddDigitsSingle";
-const Mr = Pt;
-var Or = {
-  tag: "svg",
-  attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" },
-  children: [
-    {
-      tag: "mask",
-      attrs: {
-        id: "mask0_102_556",
-        style: { maskType: "alpha" },
-        width: 16,
-        height: 16,
-        x: 0,
-        y: 0,
-        maskUnits: "userSpaceOnUse"
-      },
-      children: [
-        { tag: "path", attrs: { fill: "#D9D9D9", d: "M0 0H16V16H0z" } }
-      ]
-    },
-    {
-      tag: "g",
-      attrs: { mask: "url(#mask0_102_556)" },
-      children: [
-        {
-          tag: "path",
-          attrs: {
-            fill: "currentColor",
-            d: "M0.629584 3.99986C1.13729 3.4922 1.9604 3.49224 2.46806 3.99995L7.57569 9.10806C7.81 9.3424 8.18992 9.3424 8.42424 9.10808L13.5323 3.99998C14.04 3.4923 14.8631 3.4923 15.3708 3.99998C15.8785 4.50766 15.8785 5.33078 15.3708 5.83846L9.41415 11.7951C8.63307 12.5762 7.36669 12.5762 6.58565 11.7951L0.629497 5.83834C0.121839 5.33063 0.121879 4.50752 0.629584 3.99986Z",
-            fillRule: "evenodd",
-            clipRule: "evenodd"
-          }
-        }
-      ]
-    }
-  ]
-}, xt = me(function(e, t) {
-  return se(fe, Object.assign({}, e, {
+xt.displayName = "AddDigitsSingle";
+const xr = xt;
+var wr = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_102_556", style: { maskType: "alpha" }, width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { mask: "url(#mask0_102_556)" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M0.629584 3.99986C1.13729 3.4922 1.9604 3.49224 2.46806 3.99995L7.57569 9.10806C7.81 9.3424 8.18992 9.3424 8.42424 9.10808L13.5323 3.99998C14.04 3.4923 14.8631 3.4923 15.3708 3.99998C15.8785 4.50766 15.8785 5.33078 15.3708 5.83846L9.41415 11.7951C8.63307 12.5762 7.36669 12.5762 6.58565 11.7951L0.629497 5.83834C0.121839 5.33063 0.121879 4.50752 0.629584 3.99986Z", fillRule: "evenodd", clipRule: "evenodd" } }] }] }, wt = ie(function(e, t) {
+  return te(ae, Object.assign({}, e, {
     id: "more-down-single",
     ref: t,
-    icon: Or
+    icon: wr
   }));
 });
-xt.displayName = "MoreDownSingle";
-const Pr = xt;
-var xr = {
-  tag: "svg",
-  attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" },
-  children: [
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M5 3.61825C5 2.32958 6.04468 1.28491 7.33333 1.28491C8.62199 1.28491 9.66667 2.32958 9.66667 3.61825V6.30787C9.66667 7.59653 8.62199 8.64121 7.33333 8.64121C6.04468 8.64121 5 7.59653 5 6.30787V3.61825ZM7.33333 2.61825C6.78105 2.61825 6.33333 3.06596 6.33333 3.61825V6.30787C6.33333 6.86015 6.78106 7.30787 7.33333 7.30787C7.88561 7.30787 8.33333 6.86015 8.33333 6.30787V3.61825C8.33333 3.06596 7.88561 2.61825 7.33333 2.61825Z",
-        fillRule: "evenodd",
-        clipRule: "evenodd"
-      }
-    },
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M2 7.9745C2 7.60631 2.29848 7.30783 2.66667 7.30783H3C3.36819 7.30783 3.66667 7.60631 3.66667 7.9745 3.66667 8.34269 3.36819 8.64117 3 8.64117H2.66667C2.29848 8.64117 2 8.34269 2 7.9745zM8.80482 9.56197C9.06517 9.82232 9.06517 10.2444 8.80482 10.5048L7.94289 11.3667H13.3334C13.7016 11.3667 14.0001 11.6652 14.0001 12.0334 14.0001 12.4016 13.7016 12.7 13.3334 12.7H7.94289L8.80482 13.562C9.06517 13.8223 9.06517 14.2444 8.80482 14.5048 8.54447 14.7651 8.12236 14.7651 7.86201 14.5048L5.86201 12.5048C5.79809 12.4409 5.74987 12.3672 5.71733 12.2886 5.68474 12.21 5.66675 12.1238 5.66675 12.0334 5.66675 11.943 5.68474 11.8568 5.71733 11.7782 5.74987 11.6996 5.79809 11.6259 5.86201 11.562L7.86201 9.56197C8.12236 9.30162 8.54447 9.30162 8.80482 9.56197z"
-      }
-    }
-  ]
-}, wt = me(function(e, t) {
-  return se(fe, Object.assign({}, e, {
+wt.displayName = "MoreDownSingle";
+const jr = wt;
+var Nr = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_561_2", style: { maskType: "alpha" }, width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { fill: "currentColor", mask: "url(#mask0_561_2)", fillRule: "evenodd", clipRule: "evenodd" }, children: [{ tag: "path", attrs: { d: "M4.91876 2.65039C3.66601 2.65039 2.65045 3.66595 2.65045 4.9187 2.65045 6.17146 3.66601 7.18702 4.91876 7.18702 6.17152 7.18702 7.18708 6.17146 7.18708 4.9187 7.18708 3.66595 6.17152 2.65039 4.91876 2.65039zM3.94663 4.9187C3.94663 4.38181 4.38187 3.94657 4.91876 3.94657 5.45566 3.94657 5.8909 4.38181 5.8909 4.9187 5.8909 5.4556 5.45566 5.89084 4.91876 5.89084 4.38187 5.89084 3.94663 5.4556 3.94663 4.9187zM11.0812 8.81299C9.82842 8.81299 8.81286 9.82855 8.81286 11.0813 8.81286 12.3341 9.82842 13.3496 11.0812 13.3496 12.3339 13.3496 13.3495 12.3341 13.3495 11.0813 13.3495 9.82855 12.3339 8.81299 11.0812 8.81299zM10.109 11.0813C10.109 10.5444 10.5443 10.1092 11.0812 10.1092 11.6181 10.1092 12.0533 10.5444 12.0533 11.0813 12.0533 11.6182 11.6181 12.0534 11.0812 12.0534 10.5443 12.0534 10.109 11.6182 10.109 11.0813zM13.1597 2.84021C13.4128 3.09331 13.4128 3.50365 13.1597 3.75675L3.7568 13.1596C3.5037 13.4127 3.09336 13.4127 2.84026 13.1596 2.58717 12.9065 2.58717 12.4962 2.84026 12.2431L12.2431 2.84021C12.4962 2.58712 12.9066 2.58712 13.1597 2.84021z" } }] }] }, jt = ie(function(e, t) {
+  return te(ae, Object.assign({}, e, {
+    id: "percent-single",
+    ref: t,
+    icon: Nr
+  }));
+});
+jt.displayName = "PercentSingle";
+const Tr = jt;
+var Dr = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5 3.61825C5 2.32958 6.04468 1.28491 7.33333 1.28491C8.62199 1.28491 9.66667 2.32958 9.66667 3.61825V6.30787C9.66667 7.59653 8.62199 8.64121 7.33333 8.64121C6.04468 8.64121 5 7.59653 5 6.30787V3.61825ZM7.33333 2.61825C6.78105 2.61825 6.33333 3.06596 6.33333 3.61825V6.30787C6.33333 6.86015 6.78106 7.30787 7.33333 7.30787C7.88561 7.30787 8.33333 6.86015 8.33333 6.30787V3.61825C8.33333 3.06596 7.88561 2.61825 7.33333 2.61825Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2 7.9745C2 7.60631 2.29848 7.30783 2.66667 7.30783H3C3.36819 7.30783 3.66667 7.60631 3.66667 7.9745 3.66667 8.34269 3.36819 8.64117 3 8.64117H2.66667C2.29848 8.64117 2 8.34269 2 7.9745zM8.80482 9.56197C9.06517 9.82232 9.06517 10.2444 8.80482 10.5048L7.94289 11.3667H13.3334C13.7016 11.3667 14.0001 11.6652 14.0001 12.0334 14.0001 12.4016 13.7016 12.7 13.3334 12.7H7.94289L8.80482 13.562C9.06517 13.8223 9.06517 14.2444 8.80482 14.5048 8.54447 14.7651 8.12236 14.7651 7.86201 14.5048L5.86201 12.5048C5.79809 12.4409 5.74987 12.3672 5.71733 12.2886 5.68474 12.21 5.66675 12.1238 5.66675 12.0334 5.66675 11.943 5.68474 11.8568 5.71733 11.7782 5.74987 11.6996 5.79809 11.6259 5.86201 11.562L7.86201 9.56197C8.12236 9.30162 8.54447 9.30162 8.80482 9.56197z" } }] }, Nt = ie(function(e, t) {
+  return te(ae, Object.assign({}, e, {
     id: "reduce-digits-single",
     ref: t,
-    icon: xr
+    icon: Dr
   }));
 });
-wt.displayName = "ReduceDigitsSingle";
-const wr = wt;
-var jr = {
-  tag: "svg",
-  attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" },
-  children: [
-    {
-      tag: "path",
-      attrs: {
-        fill: "currentColor",
-        d: "M4.05443 1.55744C4.34898 1.33653 4.76685 1.39623 4.98776 1.69078L7.99996 5.98276L11.0122 1.69078C11.2331 1.39623 11.6509 1.33653 11.9455 1.55744C12.24 1.77836 12.2997 2.19623 12.0788 2.49078L9.33338 6.42708H12.0788C12.447 6.42708 12.7455 6.72556 12.7455 7.09375C12.7455 7.46194 12.447 7.76042 12.0788 7.76042H8.66659V9.69702H12.3348C12.703 9.69702 13.0015 9.9955 13.0015 10.3637C13.0015 10.7319 12.703 11.0304 12.3348 11.0304H8.66659V13.9091C8.66659 14.2773 8.36811 14.5758 7.99992 14.5758C7.63173 14.5758 7.33325 14.2773 7.33325 13.9091V11.0304H3.66508C3.29689 11.0304 2.99841 10.7319 2.99841 10.3637C2.99841 9.9955 3.29689 9.69702 3.66508 9.69702H7.33325V7.76042H3.92109C3.5529 7.76042 3.25443 7.46194 3.25443 7.09375C3.25443 6.72556 3.5529 6.42708 3.92109 6.42708H6.66653L3.92109 2.49078C3.70018 2.19623 3.75987 1.77836 4.05443 1.55744Z"
-      }
-    }
-  ]
-}, jt = me(function(e, t) {
-  return se(fe, Object.assign({}, e, {
+Nt.displayName = "ReduceDigitsSingle";
+const Er = Nt;
+var $r = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.05443 1.55744C4.34898 1.33653 4.76685 1.39623 4.98776 1.69078L7.99996 5.98276L11.0122 1.69078C11.2331 1.39623 11.6509 1.33653 11.9455 1.55744C12.24 1.77836 12.2997 2.19623 12.0788 2.49078L9.33338 6.42708H12.0788C12.447 6.42708 12.7455 6.72556 12.7455 7.09375C12.7455 7.46194 12.447 7.76042 12.0788 7.76042H8.66659V9.69702H12.3348C12.703 9.69702 13.0015 9.9955 13.0015 10.3637C13.0015 10.7319 12.703 11.0304 12.3348 11.0304H8.66659V13.9091C8.66659 14.2773 8.36811 14.5758 7.99992 14.5758C7.63173 14.5758 7.33325 14.2773 7.33325 13.9091V11.0304H3.66508C3.29689 11.0304 2.99841 10.7319 2.99841 10.3637C2.99841 9.9955 3.29689 9.69702 3.66508 9.69702H7.33325V7.76042H3.92109C3.5529 7.76042 3.25443 7.46194 3.25443 7.09375C3.25443 6.72556 3.5529 6.42708 3.92109 6.42708H6.66653L3.92109 2.49078C3.70018 2.19623 3.75987 1.77836 4.05443 1.55744Z" } }] }, Tt = ie(function(e, t) {
+  return te(ae, Object.assign({}, e, {
     id: "rmb-single",
     ref: t,
-    icon: jr
+    icon: $r
   }));
 });
-jt.displayName = "RmbSingle";
-const Nr = jt, Ie = [
+Tt.displayName = "RmbSingle";
+const Ur = Tt, we = [
   {
     label: "sheet.numfmt.general",
     pattern: null
@@ -1617,30 +1552,30 @@ const Nr = jt, Ie = [
     label: "sheet.numfmt.moreFmt",
     pattern: ""
   }
-], Dr = (e) => {
+], Ar = (e) => {
   var n;
-  const t = N(D), r = (n = e.value) != null ? n : t.t("sheet.numfmt.general");
-  return /* @__PURE__ */ v.jsx("span", { className: "more-numfmt-type", children: r });
-}, Er = () => {
-  const e = N(V), t = N(D), r = Rn(), n = N(re), s = (o) => {
+  const t = N(T), r = (n = e.value) != null ? n : t.t("sheet.numfmt.general");
+  return /* @__PURE__ */ p.jsx("span", { className: "more-numfmt-type", children: r });
+}, Lr = () => {
+  const e = N(E), t = N(T), r = In(), n = N(ee), s = (o) => {
     const c = n.getLast();
     if (!c)
       return;
-    const d = r.get(pn), l = c.range, u = [];
-    M.foreach(l, (m, h) => {
+    const d = r.get(_n), l = c.range, u = [];
+    R.foreach(l, (m, h) => {
       o ? u.push({ row: m, col: h, pattern: o, type: Xe(o) }) : u.push({ row: m, col: h });
-    }), e.executeCommand(te.id, { values: u }), d.focus();
+    }), e.executeCommand(Q.id, { values: u }), d.focus();
   }, i = (o) => {
     if (o === 0)
       s(null);
-    else if (o === Ie.length - 1)
-      e.executeCommand(je.id);
+    else if (o === we.length - 1)
+      e.executeCommand($e.id);
     else {
-      const c = Ie[o];
+      const c = we[o];
       c.pattern && s(c.pattern);
     }
   }, a = 1220;
-  return /* @__PURE__ */ v.jsx("div", { className: "more-numfmt-type-options", children: Ie.map((o, c) => o === "|" ? /* @__PURE__ */ v.jsx("div", { className: "line m-t-4", onClick: (d) => d.stopPropagation() }, c) : /* @__PURE__ */ v.jsxs(
+  return /* @__PURE__ */ p.jsx("div", { className: "more-numfmt-type-options", children: we.map((o, c) => o === "|" ? /* @__PURE__ */ p.jsx("div", { className: "line m-t-4", onClick: (d) => d.stopPropagation() }, c) : /* @__PURE__ */ p.jsxs(
     "div",
     {
       className: "option-item m-t-4",
@@ -1648,71 +1583,84 @@ const Nr = jt, Ie = [
         i(c);
       },
       children: [
-        /* @__PURE__ */ v.jsx("div", { children: t.t(o.label) }),
-        /* @__PURE__ */ v.jsx("div", { className: "m-l-26", children: o.pattern ? E.format(o.pattern || "", a, { locale: "zh-CN" }) : "" })
+        /* @__PURE__ */ p.jsx("div", { children: t.t(o.label) }),
+        /* @__PURE__ */ p.jsx("div", { className: "m-l-26", children: o.pattern ? D.format(o.pattern || "", a, { locale: "zh-CN" }) : "" })
       ]
     },
     c
   )) });
-}, $r = (e) => {
+}, Vr = (e) => {
   const t = "icon-rmbSingle";
-  return e.register(t, Nr), e.register("MoreDownSingle", Pr), (r) => ({
+  return e.register(t, Ur), e.register("MoreDownSingle", jr), (r) => ({
     icon: t,
     id: Ct.id,
     title: "sheet.numfmt.currency",
     tooltip: "sheet.numfmt.currency",
-    type: Te.BUTTON,
-    group: Ue.TOOLBAR_FORMULAS_INSERT,
-    positions: [Ae.TOOLBAR_START],
-    hidden$: Le(r, De.SHEET),
-    disabled$: $e(r)
+    type: pe.BUTTON,
+    group: ve.TOOLBAR_FORMULAS_INSERT,
+    positions: [ge.TOOLBAR_START],
+    hidden$: _e(r, de.SHEET),
+    disabled$: fe(r)
   });
-}, Tr = (e) => {
+}, Hr = (e) => {
   const t = "icon-addDigitsSingle";
-  return e.register(t, Mr), (r) => ({
+  return e.register(t, xr), (r) => ({
     icon: t,
     id: _t.id,
     title: "sheet.numfmt.addDecimal",
     tooltip: "sheet.numfmt.addDecimal",
-    type: Te.BUTTON,
-    positions: [Ae.TOOLBAR_START],
-    group: Ue.TOOLBAR_FORMULAS_INSERT,
-    hidden$: Le(r, De.SHEET),
-    disabled$: $e(r)
+    type: pe.BUTTON,
+    positions: [ge.TOOLBAR_START],
+    group: ve.TOOLBAR_FORMULAS_INSERT,
+    hidden$: _e(r, de.SHEET),
+    disabled$: fe(r)
   });
-}, Ur = (e) => {
+}, kr = (e) => {
   const t = "icon-reduceDigitsSingle";
-  return e.register(t, wr), (r) => ({
+  return e.register(t, Er), (r) => ({
     icon: t,
     id: bt.id,
     title: "sheet.numfmt.subtractDecimal",
     tooltip: "sheet.numfmt.subtractDecimal",
-    type: Te.BUTTON,
-    group: Ue.TOOLBAR_FORMULAS_INSERT,
-    positions: [Ae.TOOLBAR_START],
-    hidden$: Le(r, De.SHEET),
-    disabled$: $e(r)
+    type: pe.BUTTON,
+    group: ve.TOOLBAR_FORMULAS_INSERT,
+    positions: [ge.TOOLBAR_START],
+    hidden$: _e(r, de.SHEET),
+    disabled$: fe(r)
+  });
+}, Fr = (e) => {
+  const t = "icon-PercentSingle";
+  return e.register(t, Tr), (r) => ({
+    icon: t,
+    id: Ot.id,
+    title: "sheet.numfmt.percent",
+    tooltip: "sheet.numfmt.percent",
+    type: pe.BUTTON,
+    group: ve.TOOLBAR_FORMULAS_INSERT,
+    positions: [ge.TOOLBAR_START],
+    hidden$: _e(r, de.SHEET),
+    disabled$: fe(r)
   });
-}, Ar = (e) => {
+}, Br = (e) => {
   const t = "sheet.numfmt.moreNumfmtType", r = "sheet.numfmt.moreNumfmtType.options";
-  return e.register(t, Dr), e.register(r, Er), (n) => {
-    const s = n.get(U), i = n.get(yn), a = n.get($), o = n.get(V), c = n.get(D), d = n.get(re), l = new q(
+  return e.register(t, Ar), e.register(r, Lr), (n) => {
+    const s = n.get(A), i = n.get(Mn), a = n.get($), o = n.get(E), c = n.get(T), d = n.get(ee), l = new q(
       (u) => Ge(
         d.selectionMoveEnd$,
         new q((m) => {
-          const h = [I.id, w.id], _ = o.onCommandExecuted((p) => {
-            h.includes(p.id) && m.next(null);
+          const h = [M.id, w.id], _ = o.onCommandExecuted((v) => {
+            h.includes(v.id) && m.next(null);
           });
           return () => _.dispose();
         })
       ).subscribe(() => {
         const m = d.getSelections();
         if (m && m[0]) {
-          const h = a.getCurrentUniverSheetInstance(), _ = h.getActiveSheet(), p = m[0].range, f = p.startRow, S = p.startColumn, C = s.getValue(h.getUnitId(), _.getSheetId(), f, S), R = i.getNumfmtValue(h.getUnitId(), _.getSheetId(), f, S), A = (C == null ? void 0 : C.pattern) || R;
+          const h = a.getCurrentUniverSheetInstance(), _ = h.getActiveSheet(), v = m[0].range, f = v.startRow, S = v.startColumn, C = s.getValue(h.getUnitId(), _.getSheetId(), f, S), y = i.getNumfmtValue(h.getUnitId(), _.getSheetId(), f, S), L = (C == null ? void 0 : C.pattern) || y;
           let G = c.t("sheet.numfmt.general");
-          if (A) {
-            const F = Ie.filter((B) => typeof B == "object" && B.pattern).find(
-              (B) => ie(A, B.pattern)
+          if (L) {
+            const F = we.filter((B) => typeof B == "object" && B.pattern).find(
+              (B) => Le(L, B.pattern)
             );
             F && typeof F == "object" && F.pattern ? G = c.t(F.label) : G = c.t("sheet.numfmt.moreFmt");
           }
@@ -1723,11 +1671,11 @@ const Nr = jt, Ie = [
     return {
       // icon: 'MoreDownSingle',
       label: t,
-      id: je.id,
+      id: $e.id,
       tooltip: "sheet.numfmt.title",
-      type: Te.SELECTOR,
-      group: Ue.TOOLBAR_FORMULAS_INSERT,
-      positions: [Ae.TOOLBAR_START],
+      type: pe.SELECTOR,
+      group: ve.TOOLBAR_FORMULAS_INSERT,
+      positions: [ge.TOOLBAR_START],
       selections: [
         {
           label: {
@@ -1737,39 +1685,39 @@ const Nr = jt, Ie = [
         }
       ],
       value$: l,
-      hidden$: Le(n, De.SHEET),
-      disabled$: $e(n)
+      hidden$: _e(n, de.SHEET),
+      disabled$: fe(n)
     };
   };
 };
-var Lr = Object.defineProperty, Vr = Object.getOwnPropertyDescriptor, Hr = (e, t, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? Vr(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+var zr = Object.defineProperty, Wr = Object.getOwnPropertyDescriptor, Kr = (e, t, r, n) => {
+  for (var s = n > 1 ? void 0 : n ? Wr(t, r) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (n ? a(t, r, s) : a(s)) || s);
-  return n && s && Lr(t, r, s), s;
+  return n && s && zr(t, r, s), s;
 }, Be = (e, t) => (r, n) => t(r, n, e);
-let Me = class extends H {
+let je = class extends H {
   constructor(e, t, r) {
     super(), this._injector = e, this._componentManager = t, this._menuService = r, this._initMenu();
   }
   _initMenu() {
-    [Tr, Ur, $r, Ar].map((e) => e(this._componentManager)).forEach((e) => {
+    [Fr, Hr, kr, Vr, Br].map((e) => e(this._componentManager)).forEach((e) => {
       this.disposeWithMe(this._menuService.addMenuItem(e(this._injector)));
     });
   }
 };
-Me = Hr([
-  k(T.Rendered, Me),
+je = Kr([
+  k(U.Rendered, je),
   Be(0, g(K)),
-  Be(1, g(vt)),
-  Be(2, g(_n))
-], Me);
-var kr = Object.defineProperty, Fr = Object.getOwnPropertyDescriptor, Br = (e, t, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? Fr(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+  Be(1, g(pt)),
+  Be(2, g(Cn))
+], je);
+var Gr = Object.defineProperty, Yr = Object.getOwnPropertyDescriptor, qr = (e, t, r, n) => {
+  for (var s = n > 1 ? void 0 : n ? Yr(t, r) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (n ? a(t, r, s) : a(s)) || s);
-  return n && s && kr(t, r, s), s;
-}, X = (e, t) => (r, n) => t(r, n, e);
-const Wr = [w.id, I.id];
-let Oe = class extends H {
+  return n && s && Gr(t, r, s), s;
+}, re = (e, t) => (r, n) => t(r, n, e);
+const Zr = [w.id, M.id];
+let Ne = class extends H {
   constructor(e, t, r, n, s, i) {
     super(), this._numfmtService = e, this._univerInstanceService = t, this._injector = r, this._refRangeService = n, this._sheetSkeletonManagerService = s, this._commandService = i, this._registerRefRange(), this._mergeRefMutations();
   }
@@ -1778,8 +1726,8 @@ let Oe = class extends H {
       handler: (e, t, r) => {
         if (!e)
           return r(e);
-        const n = e.filter((s) => !Wr.includes(s.id));
-        return n.push(...we(e)), r(n);
+        const n = e.filter((s) => !Zr.includes(s.id));
+        return n.push(...Ee(e)), r(n);
       }
     });
   }
@@ -1788,7 +1736,7 @@ let Oe = class extends H {
       Z(
         Ge(
           this._sheetSkeletonManagerService.currentSkeleton$.pipe(
-            ce((e) => e == null ? void 0 : e.sheetId),
+            le((e) => e == null ? void 0 : e.sheetId),
             ht()
           ),
           this._numfmtService.modelReplace$
@@ -1812,65 +1760,65 @@ let Oe = class extends H {
             let u = [];
             switch (o.id) {
               case j.DeleteRangeMoveLeftCommandId: {
-                u = nn(o, l);
+                u = sn(o, l);
                 break;
               }
               case j.DeleteRangeMoveUpCommandId: {
-                u = tn(o, l);
+                u = rn(o, l);
                 break;
               }
               case j.InsertColCommandId: {
-                u = en(o, l);
+                u = nn(o, l);
                 break;
               }
               case j.InsertRangeMoveDownCommandId: {
-                u = Xt(o, l);
+                u = tn(o, l);
                 break;
               }
               case j.InsertRangeMoveRightCommandId: {
-                u = Qt(o, l);
+                u = en(o, l);
                 break;
               }
               case j.InsertRowCommandId: {
-                u = Jt(o, l);
+                u = Xt(o, l);
                 break;
               }
               case j.MoveRangeCommandId: {
-                u = Zt(o, l);
+                u = Qt(o, l);
                 break;
               }
               case j.RemoveColCommandId: {
-                u = qt(o, l);
+                u = Jt(o, l);
                 break;
               }
               case j.RemoveRowCommandId: {
-                u = Yt(o, l);
+                u = Zt(o, l);
                 break;
               }
               case j.MoveColsCommandId: {
-                u = Gt(o, l);
+                u = qt(o, l);
                 break;
               }
               case j.MoveRowsCommandId:
-                u = Kt(o, l);
+                u = Yt(o, l);
             }
-            const m = rn(u, l), h = this._numfmtService.getValue(r, n, c, d);
+            const m = an(u, l), h = this._numfmtService.getValue(r, n, c, d);
             if (!m && h) {
               const _ = {
-                id: I.id,
+                id: M.id,
                 params: {
                   unitId: r,
                   subUnitId: n,
                   ranges: [{ startColumn: d, startRow: c, endColumn: d, endRow: c }]
                 }
-              }, p = J(this._injector, _.params);
+              }, v = J(this._injector, _.params);
               return {
                 redos: [_],
-                undos: p
+                undos: v
               };
             }
             if (h && m) {
-              const _ = [], p = [], f = [
+              const _ = [], v = [], f = [
                 {
                   pattern: h.pattern,
                   type: h.type,
@@ -1879,18 +1827,18 @@ let Oe = class extends H {
                 }
               ], S = {
                 id: w.id,
-                params: ue(r, n, f)
-              }, C = de(this._injector, S.params), R = {
-                id: I.id,
+                params: me(r, n, f)
+              }, C = he(this._injector, S.params), y = {
+                id: M.id,
                 params: {
                   unitId: r,
                   subUnitId: n,
                   ranges: [{ startColumn: d, startRow: c, endColumn: d, endRow: c }]
                 }
-              }, A = J(this._injector, R.params);
-              return _.push(S, R), p.push(...C, ...A), {
+              }, L = J(this._injector, y.params);
+              return _.push(S, y), v.push(...C, ...L), {
                 redos: _,
-                undos: p.reverse()
+                undos: v.reverse()
               };
             }
             return { redos: [], undos: [] };
@@ -1911,26 +1859,26 @@ let Oe = class extends H {
               new q((o) => {
                 e.add(
                   this._commandService.onCommandExecuted((c) => {
-                    [w.id, I.id].includes(c.id) && o.next(c.params);
+                    [w.id, M.id].includes(c.id) && o.next(c.params);
                   })
                 );
               }).pipe(
                 st(
                   (o) => o.unitId === r && o.subUnitId === n
                 ),
-                ce((o) => o.ranges ? o.ranges : o.values ? Object.keys(o.values).reduce((c, d) => {
+                le((o) => o.ranges ? o.ranges : o.values ? Object.keys(o.values).reduce((c, d) => {
                   const l = o.values[d];
                   return c.push(...l.ranges), c;
                 }, []) : []),
-                fn(300),
+                vn(300),
                 // updating the listener moves to the next queue
-                ce(
+                le(
                   (o) => o.reduce((c, d) => (c.push(...d), c), [])
                 ),
                 st((o) => !!o.length)
               ).subscribe((o) => {
                 o.forEach((c) => {
-                  M.foreach(c, (d, l) => {
+                  R.foreach(c, (d, l) => {
                     const u = `${d}_${l}`, m = i.get(u);
                     if (i.delete(u), m && m.dispose(), this._numfmtService.getValue(r, n, d, l)) {
                       const _ = {
@@ -1938,11 +1886,11 @@ let Oe = class extends H {
                         startColumn: l,
                         endRow: d,
                         endColumn: l
-                      }, p = this._refRangeService.registerRefRange(
+                      }, v = this._refRangeService.registerRefRange(
                         _,
                         (f) => a(f, d, l)
                       );
-                      i.set(u, p), e.add(p);
+                      i.set(u, v), e.add(v);
                     }
                   });
                 });
@@ -1954,21 +1902,21 @@ let Oe = class extends H {
     );
   }
 };
-Oe = Br([
-  k(T.Rendered, Oe),
-  X(0, g(U)),
-  X(1, g($)),
-  X(2, g(K)),
-  X(3, g(zt)),
-  X(4, g(Ke)),
-  X(5, g(V))
-], Oe);
-var zr = Object.defineProperty, Kr = Object.getOwnPropertyDescriptor, Gr = (e, t, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? Kr(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+Ne = qr([
+  k(U.Rendered, Ne),
+  re(0, g(A)),
+  re(1, g($)),
+  re(2, g(K)),
+  re(3, g(Gt)),
+  re(4, g(Ke)),
+  re(5, g(E))
+], Ne);
+var Jr = Object.defineProperty, Qr = Object.getOwnPropertyDescriptor, Xr = (e, t, r, n) => {
+  for (var s = n > 1 ? void 0 : n ? Qr(t, r) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (n ? a(t, r, s) : a(s)) || s);
-  return n && s && zr(t, r, s), s;
-}, ge = (e, t) => (r, n) => t(r, n, e);
-let Pe = class extends H {
+  return n && s && Jr(t, r, s), s;
+}, ye = (e, t) => (r, n) => t(r, n, e);
+let Te = class extends H {
   constructor(e, t, r, n) {
     super(), this._numfmtService = e, this._sheetInterceptorService = t, this._univerInstanceService = r, this._injector = n, this._initSheetChange();
   }
@@ -1976,8 +1924,8 @@ let Pe = class extends H {
     this.disposeWithMe(
       this._sheetInterceptorService.interceptCommand({
         getMutations: (e) => {
-          if (e.id === sn.id) {
-            const t = e.params, r = t.unitId || Yr(this._univerInstanceService), n = t.subUnitId || qr(this._univerInstanceService), s = this._numfmtService.getModel(r, n);
+          if (e.id === on.id) {
+            const t = e.params, r = t.unitId || es(this._univerInstanceService), n = t.subUnitId || ts(this._univerInstanceService), s = this._numfmtService.getModel(r, n);
             if (!s)
               return { redos: [], undos: [] };
             const i = [];
@@ -1987,10 +1935,10 @@ let Pe = class extends H {
             const a = {
               unitId: r,
               subUnitId: n,
-              ranges: W(i)
+              ranges: z(i)
             }, o = J(this._injector, a);
             return {
-              redos: [{ id: I.id, params: a }],
+              redos: [{ id: M.id, params: a }],
               undos: o
             };
           }
@@ -2000,34 +1948,34 @@ let Pe = class extends H {
     );
   }
 };
-Pe = Gr([
-  k(T.Rendered, Pe),
-  ge(0, g(U)),
-  ge(1, g(Ee)),
-  ge(2, g($)),
-  ge(3, g(K))
-], Pe);
-const Yr = (e) => e.getCurrentUniverSheetInstance().getUnitId(), qr = (e) => e.getCurrentUniverSheetInstance().getActiveSheet().getSheetId();
-var Zr = Object.defineProperty, Jr = Object.getOwnPropertyDescriptor, Qr = (e, t, r, n) => {
-  for (var s = n > 1 ? void 0 : n ? Jr(t, r) : t, i = e.length - 1, a; i >= 0; i--)
+Te = Xr([
+  k(U.Rendered, Te),
+  ye(0, g(A)),
+  ye(1, g(Ae)),
+  ye(2, g($)),
+  ye(3, g(K))
+], Te);
+const es = (e) => e.getCurrentUniverSheetInstance().getUnitId(), ts = (e) => e.getCurrentUniverSheetInstance().getActiveSheet().getSheetId();
+var ns = Object.defineProperty, rs = Object.getOwnPropertyDescriptor, ss = (e, t, r, n) => {
+  for (var s = n > 1 ? void 0 : n ? rs(t, r) : t, i = e.length - 1, a; i >= 0; i--)
     (a = e[i]) && (s = (n ? a(t, r, s) : a(s)) || s);
-  return n && s && Zr(t, r, s), s;
-}, Xr = (e, t) => (r, n) => t(r, n, e), We;
-let ct = (We = class extends Ht {
+  return n && s && ns(t, r, s), s;
+}, is = (e, t) => (r, n) => t(r, n, e), ze;
+let ct = (ze = class extends Ft {
   constructor(e, t) {
-    super(le), this._injector = t;
+    super(ue), this._injector = t;
   }
   onStarting() {
-    this._injector.add([et, { useClass: Ce, lazy: !1 }]), this._injector.add([Re]), this._injector.add([Ne]), this._injector.add([Oe]), this._injector.add([Pe]), this._injector.add([be]), this._injector.add([_e]), this._injector.add([Se]), this._injector.add([ye]), this._injector.add([Me]);
+    this._injector.add([et, { useClass: Me, lazy: !1 }]), this._injector.add([Pe]), this._injector.add([Ue]), this._injector.add([Ne]), this._injector.add([Te]), this._injector.add([Oe]), this._injector.add([Re]), this._injector.add([Ie]), this._injector.add([xe]), this._injector.add([je]);
   }
-}, Y(We, "type", kt.Sheet), We);
-ct = Qr([
-  Xr(1, g(K))
+}, Y(ze, "type", Bt.Sheet), ze);
+ct = ss([
+  is(1, g(K))
 ], ct);
 export {
-  te as SetNumfmtCommand,
+  Q as SetNumfmtCommand,
   ct as UniverSheetsNumfmtPlugin,
-  fs as enUS,
+  Pn as enUS,
   gt as getPatternPreview,
-  On as zhCN
+  wn as zhCN
 };