@univerjs/sheets-conditional-formatting-ui 0.8.0-beta.0 → 0.8.0-nightly.202505271607

package/lib/index.js

@@ -1,125 +1,125 @@
-var rr = Object.defineProperty;
-var ir = (t, e, r) => e in t ? rr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var ye = (t, e, r) => ir(t, typeof e != "symbol" ? e + "" : e, r);
-import { CommandType as he, ICommandService as te, IUniverInstanceService as z, ColorKit as fn, BooleanNumber as ae, LocaleService as re, UniverInstanceType as $, Tools as Wt, get as sr, set as or, createInterceptorKey as pn, InterceptorManager as ar, Inject as O, Disposable as ce, Injector as ve, Rectangle as fe, generateRandomId as lr, ObjectMatrix as we, Range as pe, toDisposable as Cn, InterceptorEffectEnum as cr, DependentOn as yn, IConfigService as bn, Plugin as Sn, merge as In, registerDependencies as ur, touchDependencies as Ft } from "@univerjs/core";
-import { ConditionalFormattingRuleModel as Q, CFSubRuleType as F, CFRuleType as U, AddConditionalRuleMutation as se, CFNumberOperator as P, getColorScaleFromValue as dr, iconMap as Ee, DEFAULT_BG_COLOR as hr, DEFAULT_FONT_COLOR as vr, defaultDataBarPositiveColor as Ke, defaultDataBarNativeColor as Xe, CFValueType as A, createDefaultValueByValueType as Je, removeUndefinedAttr as gr, createDefaultValue as mt, CFTextOperator as j, CFTimePeriodOperator as ue, iconGroup as mr, getOppositeOperator as Ht, compareWithNumber as fr, EMPTY_ICON_TYPE as pr, SetCfCommand as Cr, AddCfCommand as _n, SetConditionalRuleMutation as be, DeleteConditionalRuleMutation as Se, MoveConditionalRuleMutation as Tn, ClearWorksheetCfCommand as Rn, DeleteCfCommand as Kt, MoveCfCommand as yr, ClearRangeCfCommand as br, createDefaultRule as Te, ConditionalFormattingViewModel as it, SHEET_CONDITIONAL_FORMATTING_PLUGIN as st, DeleteConditionalRuleMutationUndoFactory as Le, AddConditionalRuleMutationUndoFactory as xn, setConditionalRuleMutationUndoFactory as Ae, isRangesEqual as Sr, ConditionalFormattingService as wn, DEFAULT_PADDING as Ir, DEFAULT_WIDTH as _r, UniverSheetsConditionalFormattingPlugin as En, CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH as Tr } from "@univerjs/sheets-conditional-formatting";
-import { getSheetCommandTarget as Ce, SheetsSelectionsService as $e, RemoveSheetMutation as Rr, SetWorksheetActiveOperation as qt, setEndForRange as xr, SetSelectionsOperation as wr, checkRangesEditablePermission as ft, rangeToDiscreteRange as Er, findAllRectangle as pt, createTopMatrixFromMatrix as Ct, SheetPermissionCheckController as Nr, WorksheetEditPermission as Nn, WorksheetSetCellStylePermission as Mn, RangeProtectionPermissionEditPoint as Vn, WorkbookEditablePermission as kn, RefRangeService as Mr, handleDefaultRangeChangeWithEffectRefCommands as Vr, SheetInterceptorService as Gt, INTERCEPTOR_POINT as kr, ClearSelectionFormatCommand as Fr, ClearSelectionAllCommand as Ur, RangeMergeUtil as Pr, AFTER_CELL_EDIT as Or } from "@univerjs/sheets";
-import { useDependency as W, ComponentManager as zt, useSidebarClick as Nt, ILayoutService as Lr, useScrollYOverContainer as Ar, ISidebarService as Fn, useObservable as Dr, getMenuHiddenObservable as $r, MenuItemType as jr, RibbonDataGroup as Hr, IMenuManagerService as Br } from "@univerjs/ui";
-import { jsx as c, jsxs as k, Fragment as Bt } from "react/jsx-runtime";
-import { forwardRef as Ve, useRef as de, createElement as je, useMemo as J, useState as N, useEffect as K } from "react";
-import { Dropdown as Zt, clsx as X, ColorPicker as Wr, borderClassName as He, Select as le, InputNumber as Ne, RadioGroup as qr, Radio as Xt, Checkbox as yt, Input as Gr, Button as Jt, Tooltip as Qt, ReactGridLayout as zr } from "@univerjs/design";
-import { serializeRange as Un, deserializeRangeWithSheet as Zr } from "@univerjs/engine-formula";
-import { FormulaEditor as Mt, RangeSelector as Yr } from "@univerjs/sheets-formula-ui";
-import { useHighlightRange as Kr, ISheetClipboardService as Xr, COPY_TYPE as en, PREDEFINED_HOOK_NAME as Ut, virtualizeDiscreteRanges as Pn, getRepeatRange as Jr, SheetSkeletonManagerService as On, IAutoFillService as Qr, APPLY_TYPE as Pt, getAutoFillRepeatRange as ei, getCurrentRangeDisable$ as ti, IFormatPainterService as ni, FormatPainterStatus as Ot } from "@univerjs/sheets-ui";
-import { Observable as xe, debounceTime as tn, merge as Ln } from "rxjs";
-import { IRenderManagerService as An } from "@univerjs/engine-render";
-import { bufferTime as ri, filter as nn, debounceTime as rn } from "rxjs/operators";
-const Dn = {
-  type: he.COMMAND,
+var cr = Object.defineProperty;
+var ur = (t, e, r) => e in t ? cr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var Se = (t, e, r) => ur(t, typeof e != "symbol" ? e + "" : e, r);
+import { CommandType as me, ICommandService as te, IUniverInstanceService as Z, ColorKit as mn, BooleanNumber as le, LocaleService as re, UniverInstanceType as A, Tools as Bt, get as dr, set as hr, createInterceptorKey as fn, InterceptorManager as vr, Inject as P, Disposable as ue, Injector as fe, Rectangle as ye, generateRandomId as gr, ObjectMatrix as Me, Range as be, toDisposable as pn, InterceptorEffectEnum as mr, DependentOn as Cn, IConfigService as yn, Plugin as bn, merge as In, registerDependencies as fr, touchDependencies as kt } from "@univerjs/core";
+import { ConditionalFormattingRuleModel as Q, CFSubRuleType as F, CFRuleType as L, AddConditionalRuleMutation as se, CFNumberOperator as U, getColorScaleFromValue as pr, iconMap as Ve, DEFAULT_BG_COLOR as Cr, DEFAULT_FONT_COLOR as yr, defaultDataBarPositiveColor as Ke, defaultDataBarNativeColor as Xe, CFValueType as D, createDefaultValueByValueType as Je, removeUndefinedAttr as br, createDefaultValue as mt, CFTextOperator as H, CFTimePeriodOperator as ve, iconGroup as Ir, getOppositeOperator as Ht, compareWithNumber as Sr, EMPTY_ICON_TYPE as _r, SetCfCommand as wr, AddCfCommand as Sn, SetConditionalRuleMutation as _e, DeleteConditionalRuleMutation as we, MoveConditionalRuleMutation as _n, ClearWorksheetCfCommand as wn, DeleteCfCommand as Yt, MoveCfCommand as Rr, ClearRangeCfCommand as Tr, createDefaultRule as xe, ConditionalFormattingViewModel as it, SHEET_CONDITIONAL_FORMATTING_PLUGIN as st, DeleteConditionalRuleMutationUndoFactory as $e, AddConditionalRuleMutationUndoFactory as Rn, setConditionalRuleMutationUndoFactory as Ae, isRangesEqual as xr, ConditionalFormattingService as Tn, DEFAULT_PADDING as Er, DEFAULT_WIDTH as Nr, UniverSheetsConditionalFormattingPlugin as xn, CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH as Mr } from "@univerjs/sheets-conditional-formatting";
+import { getSheetCommandTarget as Ie, SheetsSelectionsService as je, RemoveSheetMutation as Vr, SetWorksheetActiveOperation as Wt, setEndForRange as kr, SetSelectionsOperation as Fr, checkRangesEditablePermission as ft, rangeToDiscreteRange as Lr, findAllRectangle as pt, createTopMatrixFromMatrix as Ct, SheetPermissionCheckController as Ur, WorksheetEditPermission as En, WorksheetSetCellStylePermission as Nn, RangeProtectionPermissionEditPoint as Mn, WorkbookEditablePermission as Vn, RefRangeService as Pr, handleDefaultRangeChangeWithEffectRefCommands as Or, SheetInterceptorService as qt, INTERCEPTOR_POINT as Dr, ClearSelectionFormatCommand as $r, ClearSelectionAllCommand as Ar, RangeMergeUtil as Hr, AFTER_CELL_EDIT as jr } from "@univerjs/sheets";
+import { useDependency as q, useSidebarClick as Nt, ComponentManager as kn, ILayoutService as Br, useScrollYOverContainer as Wr, ISidebarService as Fn, useObservable as qr, getMenuHiddenObservable as Gr, MenuItemType as Zr, RibbonDataGroup as zr, IMenuManagerService as Yr } from "@univerjs/ui";
+import { jsx as c, jsxs as k, Fragment as jt } from "react/jsx-runtime";
+import { forwardRef as oe, useRef as ge, createElement as de, useMemo as J, useState as N, useEffect as K } from "react";
+import { Dropdown as Gt, clsx as X, ColorPicker as Kr, borderClassName as Be, Select as ce, InputNumber as ke, RadioGroup as Xr, Radio as Kt, Checkbox as yt, Input as Jr, Button as Xt, Tooltip as Jt, ReactGridLayout as Qr } from "@univerjs/design";
+import { serializeRange as Ln, deserializeRangeWithSheet as ei } from "@univerjs/engine-formula";
+import { FormulaEditor as Mt, RangeSelector as ti } from "@univerjs/sheets-formula-ui";
+import { useHighlightRange as ni, ISheetClipboardService as ri, COPY_TYPE as Qt, PREDEFINED_HOOK_NAME as Ft, virtualizeDiscreteRanges as Un, getRepeatRange as ii, SheetSkeletonManagerService as Pn, IAutoFillService as si, APPLY_TYPE as Lt, getAutoFillRepeatRange as oi, getCurrentRangeDisable$ as ai, IFormatPainterService as li, FormatPainterStatus as Ut } from "@univerjs/sheets-ui";
+import { Observable as Ne, debounceTime as en, merge as On } from "rxjs";
+import { IRenderManagerService as Dn } from "@univerjs/engine-render";
+import { bufferTime as ci, filter as tn, debounceTime as nn } from "rxjs/operators";
+const $n = {
+  type: me.COMMAND,
   id: "sheet.command.add-average-conditional-rule",
   handler(t, e) {
     if (!e)
       return !1;
-    const { ranges: r, style: n, stopIfTrue: i, operator: s } = e, o = t.get(Q), d = t.get(te), a = t.get(z), h = Ce(a);
+    const { ranges: r, style: n, stopIfTrue: i, operator: s } = e, o = t.get(Q), u = t.get(te), a = t.get(Z), h = Ie(a);
     if (!h) return !1;
-    const { unitId: l, subUnitId: u } = h, g = o.createCfId(l, u), p = {
+    const { unitId: l, subUnitId: d } = h, v = o.createCfId(l, d), p = {
       ranges: r,
-      cfId: g,
+      cfId: v,
       stopIfTrue: !!i,
       rule: {
-        type: U.highlightCell,
+        type: L.highlightCell,
         subType: F.average,
         operator: s,
         style: n
       }
     };
-    return d.executeCommand(se.id, { unitId: l, subUnitId: u, rule: p });
+    return u.executeCommand(se.id, { unitId: l, subUnitId: d, rule: p });
   }
-}, $n = {
-  type: he.COMMAND,
+}, An = {
+  type: me.COMMAND,
   id: "sheet.command.add-color-scale-conditional-rule",
   handler(t, e) {
     if (!e)
       return !1;
-    const { ranges: r, config: n, stopIfTrue: i } = e, s = t.get(Q), o = t.get(te), d = t.get(z), a = Ce(d);
+    const { ranges: r, config: n, stopIfTrue: i } = e, s = t.get(Q), o = t.get(te), u = t.get(Z), a = Ie(u);
     if (!a) return !1;
-    const { unitId: h, subUnitId: l } = a, u = s.createCfId(h, l), g = {
+    const { unitId: h, subUnitId: l } = a, d = s.createCfId(h, l), v = {
       ranges: r,
-      cfId: u,
+      cfId: d,
       stopIfTrue: !!i,
       rule: {
-        type: U.colorScale,
+        type: L.colorScale,
         config: n
       }
     };
-    return o.executeCommand(se.id, { unitId: h, subUnitId: l, rule: g });
+    return o.executeCommand(se.id, { unitId: h, subUnitId: l, rule: v });
   }
-}, jn = {
-  type: he.COMMAND,
+}, Hn = {
+  type: me.COMMAND,
   id: "sheet.command.add-data-bar-conditional-rule",
   handler(t, e) {
     if (!e)
       return !1;
-    const { ranges: r, min: n, max: i, nativeColor: s, positiveColor: o, isGradient: d, stopIfTrue: a, isShowValue: h } = e, l = t.get(Q), u = t.get(z), g = Ce(u);
-    if (!g) return !1;
-    const { unitId: p, subUnitId: S } = g, f = t.get(te), T = l.createCfId(p, S), _ = {
+    const { ranges: r, min: n, max: i, nativeColor: s, positiveColor: o, isGradient: u, stopIfTrue: a, isShowValue: h } = e, l = t.get(Q), d = t.get(Z), v = Ie(d);
+    if (!v) return !1;
+    const { unitId: p, subUnitId: y } = v, f = t.get(te), w = l.createCfId(p, y), I = {
       ranges: r,
-      cfId: T,
+      cfId: w,
       stopIfTrue: !!a,
       rule: {
-        type: U.dataBar,
+        type: L.dataBar,
         isShowValue: h,
         config: {
           min: n,
           max: i,
           nativeColor: s,
           positiveColor: o,
-          isGradient: d
+          isGradient: u
         }
       }
     };
-    return f.executeCommand(se.id, { unitId: p, subUnitId: S, rule: _ });
+    return f.executeCommand(se.id, { unitId: p, subUnitId: y, rule: I });
   }
-}, Hn = {
-  type: he.COMMAND,
+}, jn = {
+  type: me.COMMAND,
   id: "sheet.command.add-duplicate-values-conditional-rule",
   handler(t, e) {
     if (!e)
       return !1;
-    const { ranges: r, style: n, stopIfTrue: i } = e, s = t.get(Q), o = t.get(te), d = t.get(z), a = Ce(d);
+    const { ranges: r, style: n, stopIfTrue: i } = e, s = t.get(Q), o = t.get(te), u = t.get(Z), a = Ie(u);
     if (!a) return !1;
-    const { unitId: h, subUnitId: l } = a, u = s.createCfId(h, l), g = {
+    const { unitId: h, subUnitId: l } = a, d = s.createCfId(h, l), v = {
       ranges: r,
-      cfId: u,
+      cfId: d,
       stopIfTrue: !!i,
       rule: {
-        type: U.highlightCell,
+        type: L.highlightCell,
         subType: F.duplicateValues,
         style: n
       }
     };
-    return o.executeCommand(se.id, { unitId: h, subUnitId: l, rule: g });
+    return o.executeCommand(se.id, { unitId: h, subUnitId: l, rule: v });
   }
 }, Bn = {
-  type: he.COMMAND,
+  type: me.COMMAND,
   id: "sheet.command.add-number-conditional-rule",
   handler(t, e) {
     if (!e)
       return !1;
-    const { ranges: r, style: n, stopIfTrue: i, operator: s, value: o } = e, d = t.get(Q), a = t.get(te), h = t.get(z), l = Ce(h);
+    const { ranges: r, style: n, stopIfTrue: i, operator: s, value: o } = e, u = t.get(Q), a = t.get(te), h = t.get(Z), l = Ie(h);
     if (!l) return !1;
-    const { unitId: u, subUnitId: g } = l, p = d.createCfId(u, g);
-    let S;
-    if ([P.between, P.notBetween].includes(s)) {
+    const { unitId: d, subUnitId: v } = l, p = u.createCfId(d, v);
+    let y;
+    if ([U.between, U.notBetween].includes(s)) {
       const f = o;
       if (f.length !== 2 || !Array.isArray(f))
         return !1;
-      S = {
+      y = {
         ranges: r,
         cfId: p,
         stopIfTrue: !!i,
         rule: {
-          type: U.highlightCell,
+          type: L.highlightCell,
           subType: F.number,
           operator: s,
           style: n,
@@ -130,12 +130,12 @@ const Dn = {
       const f = o;
       if (typeof f != "number")
         return !1;
-      S = {
+      y = {
         ranges: r,
         cfId: p,
         stopIfTrue: !!i,
         rule: {
-          type: U.highlightCell,
+          type: L.highlightCell,
           subType: F.number,
           operator: s,
           style: n,
@@ -143,231 +143,277 @@ const Dn = {
         }
       };
     }
-    return a.executeCommand(se.id, { unitId: u, subUnitId: g, rule: S });
+    return a.executeCommand(se.id, { unitId: d, subUnitId: v, rule: y });
   }
 }, Wn = {
-  type: he.COMMAND,
+  type: me.COMMAND,
   id: "sheet.command.add-rank-conditional-rule",
   handler(t, e) {
     if (!e)
       return !1;
-    const { ranges: r, style: n, stopIfTrue: i, isPercent: s, isBottom: o, value: d } = e, a = t.get(Q), h = t.get(z), l = t.get(te), u = Ce(h);
-    if (!u) return !1;
-    const { unitId: g, subUnitId: p } = u, S = a.createCfId(g, p), f = {
+    const { ranges: r, style: n, stopIfTrue: i, isPercent: s, isBottom: o, value: u } = e, a = t.get(Q), h = t.get(Z), l = t.get(te), d = Ie(h);
+    if (!d) return !1;
+    const { unitId: v, subUnitId: p } = d, y = a.createCfId(v, p), f = {
       ranges: r,
-      cfId: S,
+      cfId: y,
       stopIfTrue: !!i,
       rule: {
-        type: U.highlightCell,
+        type: L.highlightCell,
         subType: F.rank,
         isPercent: s,
         isBottom: o,
         style: n,
-        value: d
+        value: u
       }
     };
-    return l.executeCommand(se.id, { unitId: g, subUnitId: p, rule: f });
+    return l.executeCommand(se.id, { unitId: v, subUnitId: p, rule: f });
   }
 }, qn = {
-  type: he.COMMAND,
+  type: me.COMMAND,
   id: "sheet.command.add-text-conditional-rule",
   handler(t, e) {
     if (!e)
       return !1;
-    const { ranges: r, style: n, stopIfTrue: i, operator: s, value: o } = e, d = t.get(Q), a = t.get(z), h = Ce(a);
+    const { ranges: r, style: n, stopIfTrue: i, operator: s, value: o } = e, u = t.get(Q), a = t.get(Z), h = Ie(a);
     if (!h) return !1;
-    const { unitId: l, subUnitId: u } = h, g = t.get(te), p = d.createCfId(l, u), S = {
+    const { unitId: l, subUnitId: d } = h, v = t.get(te), p = u.createCfId(l, d), y = {
       ranges: r,
       cfId: p,
       stopIfTrue: !!i,
       rule: {
-        type: U.highlightCell,
+        type: L.highlightCell,
         subType: F.text,
         operator: s,
         style: n,
         value: o
       }
     };
-    return g.executeCommand(se.id, { unitId: l, subUnitId: u, rule: S });
+    return v.executeCommand(se.id, { unitId: l, subUnitId: d, rule: y });
   }
 }, Gn = {
-  type: he.COMMAND,
+  type: me.COMMAND,
   id: "sheet.command.add-time-period-conditional-rule",
   handler(t, e) {
     if (!e)
       return !1;
-    const { ranges: r, style: n, stopIfTrue: i, operator: s } = e, o = t.get(Q), d = t.get(z), a = t.get(te), h = Ce(d);
+    const { ranges: r, style: n, stopIfTrue: i, operator: s } = e, o = t.get(Q), u = t.get(Z), a = t.get(te), h = Ie(u);
     if (!h) return !1;
-    const { unitId: l, subUnitId: u } = h, g = o.createCfId(l, u), p = {
+    const { unitId: l, subUnitId: d } = h, v = o.createCfId(l, d), p = {
       ranges: r,
-      cfId: g,
+      cfId: v,
       stopIfTrue: !!i,
       rule: {
-        type: U.highlightCell,
+        type: L.highlightCell,
         subType: F.timePeriod,
         operator: s,
         style: n
       }
     };
-    return a.executeCommand(se.id, { unitId: l, subUnitId: u, rule: p });
+    return a.executeCommand(se.id, { unitId: l, subUnitId: d, rule: p });
   }
-}, zn = {
-  type: he.COMMAND,
+}, Zn = {
+  type: me.COMMAND,
   id: "sheet.command.add-uniqueValues-conditional-rule",
   handler(t, e) {
     if (!e)
       return !1;
-    const { ranges: r, style: n, stopIfTrue: i } = e, s = t.get(Q), o = t.get(z), d = t.get(te), a = Ce(o);
+    const { ranges: r, style: n, stopIfTrue: i } = e, s = t.get(Q), o = t.get(Z), u = t.get(te), a = Ie(o);
     if (!a) return !1;
-    const { unitId: h, subUnitId: l } = a, u = s.createCfId(h, l), g = {
+    const { unitId: h, subUnitId: l } = a, d = s.createCfId(h, l), v = {
       ranges: r,
-      cfId: u,
+      cfId: d,
       stopIfTrue: !!i,
       rule: {
-        type: U.highlightCell,
+        type: L.highlightCell,
         subType: F.uniqueValues,
         style: n
       }
     };
-    return d.executeCommand(se.id, { unitId: h, subUnitId: l, rule: g });
+    return u.executeCommand(se.id, { unitId: h, subUnitId: l, rule: v });
   }
 };
-var oe = function() {
-  return oe = Object.assign || function(t) {
+var ae = function() {
+  return ae = Object.assign || function(t) {
     for (var e, r = 1, n = arguments.length; r < n; r++) {
       e = arguments[r];
       for (var i in e) Object.prototype.hasOwnProperty.call(e, i) && (t[i] = e[i]);
     }
     return t;
-  }, oe.apply(this, arguments);
-}, ii = function(t, e) {
+  }, ae.apply(this, arguments);
+}, ui = function(t, e) {
   var r = {};
   for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && e.indexOf(n) < 0 && (r[n] = t[n]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
     for (var i = 0, n = Object.getOwnPropertySymbols(t); i < n.length; i++)
       e.indexOf(n[i]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[i]) && (r[n[i]] = t[n[i]]);
   return r;
-}, Be = Ve(function(t, e) {
-  var r = t.icon, n = t.id, i = t.className, s = t.extend, o = ii(t, ["icon", "id", "className", "extend"]), d = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), a = de("_".concat(ai()));
-  return Zn(r, "".concat(n), { defIds: r.defIds, idSuffix: a.current }, oe({ ref: e, className: d }, o), s);
+}, he = oe(function(t, e) {
+  var r = t.icon, n = t.id, i = t.className, s = t.extend, o = ui(t, ["icon", "id", "className", "extend"]), u = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), a = ge("_".concat(vi()));
+  return zn(r, "".concat(n), { defIds: r.defIds, idSuffix: a.current }, ae({ ref: e, className: u }, o), s);
 });
-function Zn(t, e, r, n, i) {
-  return je(t.tag, oe(oe({ key: e }, si(t, r, i)), n), (oi(t, r).children || []).map(function(s, o) {
-    return Zn(s, "".concat(e, "-").concat(t.tag, "-").concat(o), r, void 0, i);
+function zn(t, e, r, n, i) {
+  return de(t.tag, ae(ae({ key: e }, di(t, r, i)), n), (hi(t, r).children || []).map(function(s, o) {
+    return zn(s, "".concat(e, "-").concat(t.tag, "-").concat(o), r, void 0, i);
   }));
 }
-function si(t, e, r) {
-  var n = oe({}, t.attrs);
+function di(t, e, r) {
+  var n = ae({}, t.attrs);
   r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1), t.tag === "mask" && n.id && (n.id = n.id + e.idSuffix), Object.entries(n).forEach(function(s) {
-    var o = s[0], d = s[1];
-    o === "mask" && typeof d == "string" && (n[o] = d.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+    var o = s[0], u = s[1];
+    o === "mask" && typeof u == "string" && (n[o] = u.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   });
   var i = e.defIds;
   return !i || i.length === 0 || (t.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(s) {
-    var o = s[0], d = s[1];
-    typeof d == "string" && (n[o] = d.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+    var o = s[0], u = s[1];
+    typeof u == "string" && (n[o] = u.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), n;
 }
-function oi(t, e) {
+function hi(t, e) {
   var r, n = e.defIds;
-  return !n || n.length === 0 ? t : t.tag === "defs" && (!((r = t.children) === null || r === void 0) && r.length) ? oe(oe({}, t), { children: t.children.map(function(i) {
-    return typeof i.attrs.id == "string" && n && n.indexOf(i.attrs.id) > -1 ? oe(oe({}, i), { attrs: oe(oe({}, i.attrs), { id: i.attrs.id + e.idSuffix }) }) : i;
+  return !n || n.length === 0 ? t : t.tag === "defs" && (!((r = t.children) === null || r === void 0) && r.length) ? ae(ae({}, t), { children: t.children.map(function(i) {
+    return typeof i.attrs.id == "string" && n && n.indexOf(i.attrs.id) > -1 ? ae(ae({}, i), { attrs: ae(ae({}, i.attrs), { id: i.attrs.id + e.idSuffix }) }) : i;
   }) }) : t;
 }
-function ai() {
+function vi() {
   return Math.random().toString(36).substring(2, 8);
 }
-Be.displayName = "UniverIcon";
-var li = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, gt = Ve(function(t, e) {
-  return je(Be, Object.assign({}, t, {
-    id: "delete-single",
+he.displayName = "UniverIcon";
+var gi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.65791 1.30005C3.77355 1.30005 3.05664 2.01696 3.05664 2.90132V12.8588C3.05664 13.8755 3.88086 14.6998 4.89759 14.6998H9.1016C11.2233 14.6998 12.9433 12.9798 12.9433 10.8581C12.9433 9.13925 11.8145 7.68407 10.2578 7.1934C10.8806 6.56856 11.2655 5.70659 11.2655 4.75472C11.2655 2.84676 9.71883 1.30005 7.81087 1.30005H4.65791ZM4.25664 2.90132C4.25664 2.6797 4.4363 2.50005 4.65791 2.50005H7.81087C9.05609 2.50005 10.0655 3.5095 10.0655 4.75472C10.0655 5.99993 9.05609 7.00938 7.81087 7.00938H4.25664V2.90132ZM4.25664 12.8588V8.21636H9.1016C10.5606 8.21636 11.7433 9.39909 11.7433 10.8581C11.7433 12.317 10.5606 13.4998 9.1016 13.4998H4.89759C4.5436 13.4998 4.25664 13.2128 4.25664 12.8588Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Yn = oe(function(t, e) {
+  return de(he, Object.assign({}, t, {
+    id: "bold-icon",
+    ref: e,
+    icon: gi
+  }));
+});
+Yn.displayName = "BoldIcon";
+var mi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993 0.866699 5.9313 0.866699H10.069C10.4004 0.866699 10.669 1.13533 10.669 1.4667C10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443C14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928L9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171C10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778L9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539C9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263L6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539C5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778L6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, gt = oe(function(t, e) {
+  return de(he, Object.assign({}, t, {
+    id: "delete-icon",
+    ref: e,
+    icon: mi
+  }));
+});
+gt.displayName = "DeleteIcon";
+var fi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M10.3014 1.70389C9.85268 0.479568 8.12109 0.479557 7.67238 1.70389L4.72235 9.75326C4.60832 10.0644 4.76811 10.4091 5.07924 10.5231C5.39038 10.6371 5.73504 10.4773 5.84907 10.1662L6.99975 7.02646C7.03588 7.03324 7.07314 7.03679 7.11123 7.03679H10.9778L12.1247 10.1662C12.2387 10.4773 12.5834 10.6371 12.8945 10.5231C13.2057 10.4091 13.3654 10.0644 13.2514 9.75326L10.3014 1.70389ZM10.538 5.83679L9.17467 2.11682C9.11057 1.94192 8.8632 1.94192 8.7991 2.11682L7.43576 5.83679H10.538Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Kn = oe(function(t, e) {
+  return de(he, Object.assign({}, t, {
+    id: "font-color-double-icon",
+    ref: e,
+    icon: fi
+  }));
+});
+Kn.displayName = "FontColorDoubleIcon";
+var pi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, Xn = oe(function(t, e) {
+  return de(he, Object.assign({}, t, {
+    id: "increase-icon",
+    ref: e,
+    icon: pi
+  }));
+});
+Xn.displayName = "IncreaseIcon";
+var Ci = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M9.80385 1.40005H11.9997C12.3311 1.40005 12.5997 1.66868 12.5997 2.00005C12.5997 2.33143 12.3311 2.60005 11.9997 2.60005H10.1185L7.12251 13.4001H9.33324C9.66461 13.4001 9.93324 13.6687 9.93324 14.0001C9.93324 14.3314 9.66461 14.6001 9.33324 14.6001H6.34785C6.33847 14.6003 6.32905 14.6003 6.31962 14.6001H3.9999C3.66853 14.6001 3.3999 14.3314 3.3999 14.0001C3.3999 13.6687 3.66853 13.4001 3.9999 13.4001H5.87719L8.87322 2.60005H6.66641C6.33504 2.60005 6.06641 2.33143 6.06641 2.00005C6.06641 1.66868 6.33504 1.40005 6.66641 1.40005H9.52916C9.61698 1.37929 9.71064 1.3781 9.80385 1.40005Z" } }] }, Jn = oe(function(t, e) {
+  return de(he, Object.assign({}, t, {
+    id: "italic-icon",
+    ref: e,
+    icon: Ci
+  }));
+});
+Jn.displayName = "ItalicIcon";
+var yi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Zt = oe(function(t, e) {
+  return de(he, Object.assign({}, t, {
+    id: "more-down-icon",
     ref: e,
-    icon: li
+    icon: yi
   }));
 });
-gt.displayName = "DeleteSingle";
-var ci = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, Yn = Ve(function(t, e) {
-  return je(Be, Object.assign({}, t, {
-    id: "increase-single",
+Zt.displayName = "MoreDownIcon";
+var bi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, Qn = oe(function(t, e) {
+  return de(he, Object.assign({}, t, {
+    id: "paint-bucket-double-icon",
     ref: e,
-    icon: ci
+    icon: bi
   }));
 });
-Yn.displayName = "IncreaseSingle";
-var ui = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Vt = Ve(function(t, e) {
-  return je(Be, Object.assign({}, t, {
-    id: "more-down-single",
+Qn.displayName = "PaintBucketDoubleIcon";
+var Ii = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_622_8", 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_622_8)" }, children: [{ tag: "path", attrs: { d: "M6 5C6.55228 5 7 4.55228 7 4C7 3.44772 6.55228 3 6 3C5.44772 3 5 3.44772 5 4C5 4.55228 5.44772 5 6 5Z" } }, { tag: "path", attrs: { d: "M6 9C6.55228 9 7 8.55229 7 8C7 7.44772 6.55228 7 6 7C5.44772 7 5 7.44772 5 8C5 8.55229 5.44772 9 6 9Z" } }, { tag: "path", attrs: { d: "M7 12C7 12.5523 6.55228 13 6 13C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11C6.55228 11 7 11.4477 7 12Z" } }, { tag: "path", attrs: { d: "M10 5C10.5523 5 11 4.55228 11 4C11 3.44772 10.5523 3 10 3C9.44771 3 9 3.44772 9 4C9 4.55228 9.44771 5 10 5Z" } }, { tag: "path", attrs: { d: "M11 8C11 8.55229 10.5523 9 10 9C9.44771 9 9 8.55229 9 8C9 7.44772 9.44771 7 10 7C10.5523 7 11 7.44772 11 8Z" } }, { tag: "path", attrs: { d: "M10 13C10.5523 13 11 12.5523 11 12C11 11.4477 10.5523 11 10 11C9.44771 11 9 11.4477 9 12C9 12.5523 9.44771 13 10 13Z" } }] }] }, er = oe(function(t, e) {
+  return de(he, Object.assign({}, t, {
+    id: "sequence-icon",
     ref: e,
-    icon: ui
+    icon: Ii
   }));
 });
-Vt.displayName = "MoreDownSingle";
-var di = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_622_8", 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_622_8)" }, children: [{ tag: "path", attrs: { d: "M6 5C6.55228 5 7 4.55228 7 4 7 3.44772 6.55228 3 6 3 5.44772 3 5 3.44772 5 4 5 4.55228 5.44772 5 6 5zM6 9C6.55228 9 7 8.55229 7 8 7 7.44772 6.55228 7 6 7 5.44772 7 5 7.44772 5 8 5 8.55229 5.44772 9 6 9zM7 12C7 12.5523 6.55228 13 6 13 5.44772 13 5 12.5523 5 12 5 11.4477 5.44772 11 6 11 6.55228 11 7 11.4477 7 12zM10 5C10.5523 5 11 4.55228 11 4 11 3.44772 10.5523 3 10 3 9.44771 3 9 3.44772 9 4 9 4.55228 9.44771 5 10 5zM11 8C11 8.55229 10.5523 9 10 9 9.44771 9 9 8.55229 9 8 9 7.44772 9.44771 7 10 7 10.5523 7 11 7.44772 11 8zM10 13C10.5523 13 11 12.5523 11 12 11 11.4477 10.5523 11 10 11 9.44771 11 9 11.4477 9 12 9 12.5523 9.44771 13 10 13z" } }] }] }, Kn = Ve(function(t, e) {
-  return je(Be, Object.assign({}, t, {
-    id: "sequence-single",
+er.displayName = "SequenceIcon";
+var Si = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_436_41", width: 17, height: 17, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M.35.48H16.35V16.48H.35z" } }] }, { tag: "g", attrs: { mask: "url(#mask0_436_41)", fillRule: "evenodd", clipRule: "evenodd" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.27177 13.714L13.5855 2.40025L14.434 3.24878L3.1203 14.5625L2.27177 13.714Z" } }, { tag: "path", attrs: { fill: "#E5E5E5", d: "M4.2603 1.82495L2.89617 1.82495C2.23343 1.82495 1.69617 2.36221 1.69617 3.02495L1.69617 4.38908L3.02617 4.38908L3.02617 3.15495L4.2603 3.15495L4.2603 1.82495ZM15.0092 4.38908L15.0092 3.02495C15.0092 2.36221 14.4719 1.82495 13.8092 1.82495L12.4451 1.82495L12.4451 3.15495L13.6792 3.15495L13.6792 4.38908L15.0092 4.38908ZM6.98856 1.82495L6.98856 3.15495L9.71681 3.15495L9.71681 1.82495L6.98856 1.82495ZM15.0092 7.11734L13.6792 7.11734L13.6792 9.84559L15.0092 9.84559L15.0092 7.11734ZM15.0092 12.5739L13.6792 12.5739L13.6792 13.808L12.4451 13.808L12.4451 15.138L13.8092 15.138C14.4719 15.138 15.0092 14.6007 15.0092 13.938L15.0092 12.5739ZM9.71681 15.138L9.71681 13.808L6.98856 13.808L6.98856 15.138L9.71681 15.138ZM4.2603 15.138L4.2603 13.808L3.02617 13.808L3.02617 12.5739L1.69617 12.5739L1.69617 13.938C1.69617 14.6007 2.23343 15.138 2.89617 15.138L4.2603 15.138ZM1.69617 9.8456L3.02617 9.8456L3.02617 7.11734L1.69617 7.11734L1.69617 9.8456Z" } }] }] }, ot = oe(function(t, e) {
+  return de(he, Object.assign({}, t, {
+    id: "slash-icon",
     ref: e,
-    icon: di
+    icon: Si
   }));
 });
-Kn.displayName = "SequenceSingle";
-var hi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_436_41", style: { maskType: "alpha" }, width: 17, height: 17, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0.35 0.48H16.35V16.48H0.35z" } }] }, { tag: "g", attrs: { mask: "url(#mask0_436_41)", fillRule: "evenodd", clipRule: "evenodd" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.27177 13.714L13.5855 2.40025L14.434 3.24878L3.1203 14.5625L2.27177 13.714Z" } }, { tag: "path", attrs: { fill: "#E5E5E5", d: "M4.2603 1.82495L2.89617 1.82495C2.23343 1.82495 1.69617 2.36221 1.69617 3.02495L1.69617 4.38908L3.02617 4.38908L3.02617 3.15495L4.2603 3.15495L4.2603 1.82495ZM15.0092 4.38908L15.0092 3.02495C15.0092 2.36221 14.4719 1.82495 13.8092 1.82495L12.4451 1.82495L12.4451 3.15495L13.6792 3.15495L13.6792 4.38908L15.0092 4.38908ZM6.98856 1.82495L6.98856 3.15495L9.71681 3.15495L9.71681 1.82495L6.98856 1.82495ZM15.0092 7.11734L13.6792 7.11734L13.6792 9.84559L15.0092 9.84559L15.0092 7.11734ZM15.0092 12.5739L13.6792 12.5739L13.6792 13.808L12.4451 13.808L12.4451 15.138L13.8092 15.138C14.4719 15.138 15.0092 14.6007 15.0092 13.938L15.0092 12.5739ZM9.71681 15.138L9.71681 13.808L6.98856 13.808L6.98856 15.138L9.71681 15.138ZM4.2603 15.138L4.2603 13.808L3.02617 13.808L3.02617 12.5739L1.69617 12.5739L1.69617 13.938C1.69617 14.6007 2.23343 15.138 2.89617 15.138L4.2603 15.138ZM1.69617 9.8456L3.02617 9.8456L3.02617 7.11734L1.69617 7.11734L1.69617 9.8456Z" } }] }] }, ot = Ve(function(t, e) {
-  return je(Be, Object.assign({}, t, {
-    id: "slash-single",
+ot.displayName = "SlashIcon";
+var _i = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.00033 1.20996C6.43345 1.20996 5.23596 1.88077 4.64804 2.94304C4.06338 3.99943 4.15123 5.32084 4.90099 6.47062C5.08199 6.7482 5.45374 6.82648 5.73131 6.64548C6.00888 6.46448 6.08716 6.09273 5.90616 5.81516C5.36418 4.98402 5.35768 4.13897 5.69797 3.52412C6.035 2.91515 6.78176 2.40996 8.00033 2.40996C9.19423 2.40996 10.0017 2.93409 10.5236 3.46755C10.7871 3.73682 10.9756 4.00712 11.0974 4.20903C11.158 4.30951 11.2013 4.39164 11.2284 4.44625C11.2419 4.47351 11.2514 4.49377 11.2568 4.50588L11.2621 4.51771C11.3901 4.82216 11.7407 4.96686 12.046 4.83992C12.3519 4.71267 12.4968 4.36149 12.3695 4.05552L11.8231 4.28278C12.3695 4.05552 12.3697 4.0558 12.3695 4.05552L12.3691 4.05437L12.3685 4.05298L12.367 4.04953L12.3629 4.03993L12.3498 4.01036C12.3388 3.98619 12.3234 3.95326 12.3033 3.91282C12.2632 3.83203 12.2043 3.72072 12.1249 3.58908C11.9666 3.32674 11.7235 2.97805 11.3814 2.62834C10.6921 1.92381 9.59192 1.20996 8.00033 1.20996Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.11953 8.5999H7.88935C10.1109 9.46549 10.5895 10.7649 10.4268 11.6869C10.2475 12.703 9.26939 13.5898 8.00009 13.5898C6.63323 13.5898 5.77631 13.0502 5.25534 12.528C4.99021 12.2623 4.80823 11.9965 4.69365 11.7993C4.63659 11.7011 4.59698 11.6211 4.5727 11.5686C4.56059 11.5424 4.55236 11.5231 4.54774 11.512L4.54352 11.5016C4.4267 11.193 4.0823 11.0363 3.77279 11.1516C3.46228 11.2673 3.30438 11.6129 3.4201 11.9234L3.9649 11.7203C3.4201 11.9234 3.41998 11.9231 3.4201 11.9234L3.4206 11.9247L3.42118 11.9263L3.42262 11.9301L3.42661 11.9403C3.42977 11.9484 3.43394 11.9588 3.43914 11.9713C3.44956 11.9965 3.46418 12.0304 3.48334 12.0719C3.52161 12.1547 3.57828 12.2682 3.65608 12.4021C3.81124 12.6692 4.0534 13.0223 4.40584 13.3756C5.12 14.0914 6.27196 14.7898 8.00009 14.7898C9.82574 14.7898 11.3236 13.5101 11.6085 11.8955C11.812 10.7422 11.3901 9.55402 10.2665 8.5999H13.8804C14.2117 8.5999 14.4803 8.33127 14.4803 7.9999C14.4803 7.66853 14.2117 7.3999 13.8804 7.3999H8.01411C8.0048 7.39968 7.99551 7.39969 7.98625 7.3999H2.11953C1.78816 7.3999 1.51953 7.66853 1.51953 7.9999C1.51953 8.33127 1.78816 8.5999 2.11953 8.5999Z" } }] }, tr = oe(function(t, e) {
+  return de(he, Object.assign({}, t, {
+    id: "strikethrough-icon",
     ref: e,
-    icon: hi
+    icon: _i
   }));
 });
-ot.displayName = "SlashSingle";
-const Me = (t) => {
-  const { color: e, onChange: r, disable: n = !1, iconId: i = "PaintBucket", className: s, isNeedDropdownIcon: o = !0 } = t, d = W(zt), a = J(() => new fn(e), [e]), h = d.get(i);
-  return h ? n ? /* @__PURE__ */ c(h, { className: X("univer-fill-primary-600", s), extend: { colorChannel1: a.isValid ? e : "" } }) : /* @__PURE__ */ c(
-    Zt,
+tr.displayName = "StrikethroughIcon";
+var wi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.46416 2.03237C4.46416 1.701 4.19553 1.43237 3.86416 1.43237C3.53279 1.43237 3.26416 1.701 3.26416 2.03237V7.33338C3.26416 10.0313 5.35834 12.2667 7.9999 12.2667C10.6415 12.2667 12.7356 10.0313 12.7356 7.33338V2.03237C12.7356 1.701 12.467 1.43237 12.1356 1.43237C11.8043 1.43237 11.5356 1.701 11.5356 2.03237V7.33338C11.5356 9.42194 9.92656 11.0667 7.9999 11.0667C6.07325 11.0667 4.46416 9.42194 4.46416 7.33338V2.03237Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.66641 13.4663C2.33504 13.4663 2.06641 13.7349 2.06641 14.0663C2.06641 14.3977 2.33504 14.6663 2.66641 14.6663H13.3331C13.6644 14.6663 13.9331 14.3977 13.9331 14.0663C13.9331 13.7349 13.6644 13.4663 13.3331 13.4663H2.66641Z" } }] }, nr = oe(function(t, e) {
+  return de(he, Object.assign({}, t, {
+    id: "underline-icon",
+    ref: e,
+    icon: wi
+  }));
+});
+nr.displayName = "UnderlineIcon";
+const Fe = (t) => {
+  const { color: e, onChange: r, disable: n = !1, Icon: i = Qn, className: s } = t, o = J(() => new mn(e), [e]), u = () => {
+    const a = {
+      className: X("univer-fill-primary-600", n && s),
+      extend: { colorChannel1: o.isValid ? e : "" }
+    };
+    return /* @__PURE__ */ c(i, { ...a });
+  };
+  return n ? u() : /* @__PURE__ */ c(
+    Gt,
     {
-      overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(Wr, { value: e, onChange: r }) }),
-      children: /* @__PURE__ */ k(
+      overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(Kr, { value: e, onChange: r }) }),
+      children: /* @__PURE__ */ c(
         "span",
         {
           className: X("univer-flex univer-cursor-pointer univer-items-center univer-rounded univer-p-1 dark:hover:!univer-bg-gray-700 hover:univer-bg-gray-100", s),
-          children: [
-            /* @__PURE__ */ c(h, { className: "univer-fill-primary-600", extend: { colorChannel1: a.isValid ? e : "" } }),
-            o && /* @__PURE__ */ c(
-              Vt,
-              {
-                className: "univer-ml-1.5 univer-text-gray-400"
-              }
-            )
-          ]
+          children: u()
         }
       )
     }
-  ) : null;
+  );
 }, We = (t) => {
-  var s, o, d, a, h;
+  var s, o, u, a, h;
   const e = t.rule;
   if (!e) return null;
   const r = J(() => {
-    if (e.type === U.colorScale) {
-      const l = e.config.map((p, S) => ({ color: new fn(p.color), value: S })), u = l.length - 1;
-      return new Array(5).fill("").map((p, S, f) => S * u / (f.length - 1)).map((p) => dr(l, p));
+    if (e.type === L.colorScale) {
+      const l = e.config.map((p, y) => ({ color: new mn(p.color), value: y })), d = l.length - 1;
+      return new Array(5).fill("").map((p, y, f) => y * d / (f.length - 1)).map((p) => pr(l, p));
     }
     return null;
   }, [e]), n = J(() => {
-    if (e.type === U.iconSet)
+    if (e.type === L.iconSet)
       return e.config.map((l) => {
-        const u = Ee[l.iconType];
-        return u && u[Number(l.iconId)];
+        const d = Ve[l.iconType];
+        return d && d[Number(l.iconId)];
       });
   }, [e]), i = "univer-pointer-events-none univer-flex univer-h-5 univer-min-w-[72px] univer-items-center univer-justify-center univer-text-xs";
   switch (e.type) {
-    case U.dataBar: {
-      const { isGradient: l } = e.config, u = l ? `linear-gradient(to right, ${e.config.positiveColor || Ke}, rgb(255 255 255))` : e.config.positiveColor, g = l ? `linear-gradient(to right,  rgb(255 255 255),${e.config.nativeColor || Xe})` : e.config.nativeColor;
+    case L.dataBar: {
+      const { isGradient: l } = e.config, d = l ? `linear-gradient(to right, ${e.config.positiveColor || Ke}, rgb(255 255 255))` : e.config.positiveColor, v = l ? `linear-gradient(to right,  rgb(255 255 255),${e.config.nativeColor || Xe})` : e.config.nativeColor;
       return /* @__PURE__ */ k("div", { className: i, children: [
         /* @__PURE__ */ c(
           "div",
           {
             className: "univer-h-full univer-w-1/2 univer-border univer-border-solid",
             style: {
-              background: g,
+              background: v,
               borderColor: (s = e.config.nativeColor) != null ? s : Xe
             }
           }
@@ -377,122 +423,122 @@ const Me = (t) => {
           {
             className: "univer-h-full univer-w-1/2 univer-border univer-border-solid",
             style: {
-              background: u,
+              background: d,
               borderColor: (o = e.config.positiveColor) != null ? o : Ke
             }
           }
         )
       ] });
     }
-    case U.colorScale:
-      return r && /* @__PURE__ */ c("div", { className: i, children: r.map((l, u) => /* @__PURE__ */ c(
+    case L.colorScale:
+      return r && /* @__PURE__ */ c("div", { className: i, children: r.map((l, d) => /* @__PURE__ */ c(
         "div",
         {
           className: "univer-h-full",
           style: { width: `${100 / r.length}%`, background: l }
         },
-        u
+        d
       )) });
-    case U.iconSet:
-      return n && /* @__PURE__ */ c("div", { className: i, children: n.map((l, u) => l ? /* @__PURE__ */ c("img", { className: "univer-h-full", src: l, draggable: !1 }, u) : /* @__PURE__ */ c(ot, {}, u)) });
-    case U.highlightCell: {
-      const { ul: l, st: u, it: g, bl: p, bg: S, cl: f } = e.style, T = (l == null ? void 0 : l.s) === ae.TRUE, _ = (u == null ? void 0 : u.s) === ae.TRUE, R = g === ae.TRUE, w = p === ae.TRUE, x = (d = S == null ? void 0 : S.rgb) != null ? d : hr, v = (a = f == null ? void 0 : f.rgb) != null ? a : vr, C = {
-        textDecoration: (h = `${T ? "underline" : ""} ${_ ? "line-through" : ""}`.replace(/^ /, "")) != null ? h : void 0,
-        backgroundColor: x,
-        color: v
+    case L.iconSet:
+      return n && /* @__PURE__ */ c("div", { className: i, children: n.map((l, d) => l ? /* @__PURE__ */ c("img", { className: "univer-h-full", src: l, draggable: !1 }, d) : /* @__PURE__ */ c(ot, {}, d)) });
+    case L.highlightCell: {
+      const { ul: l, st: d, it: v, bl: p, bg: y, cl: f } = e.style, w = (l == null ? void 0 : l.s) === le.TRUE, I = (d == null ? void 0 : d.s) === le.TRUE, R = v === le.TRUE, x = p === le.TRUE, T = (u = y == null ? void 0 : y.rgb) != null ? u : Cr, g = (a = f == null ? void 0 : f.rgb) != null ? a : yr, b = {
+        textDecoration: (h = `${w ? "underline" : ""} ${I ? "line-through" : ""}`.replace(/^ /, "")) != null ? h : void 0,
+        backgroundColor: T,
+        color: g
       };
       return /* @__PURE__ */ c(
         "div",
         {
           className: X(i, {
-            "univer-font-bold": w,
+            "univer-font-bold": x,
             "univer-italic": R
           }),
-          style: C,
+          style: b,
           children: "123"
         }
       );
     }
   }
-}, at = X("univer-mt-5 univer-px-1 univer-py-2 univer-rounded", He), Re = (t, e) => ({ label: e.t(`sheet.cf.valueType.${t}`), value: t }), Lt = (t) => {
-  var S;
-  const { type: e, className: r, onChange: n, id: i, value: s } = t, o = W(z), d = o.getCurrentUnitForType($.UNIVER_SHEET).getUnitId(), a = (S = o.getCurrentUnitForType($.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : S.getSheetId(), h = J(() => String(s).startsWith("=") ? String(s) : "=", [s]), l = J(() => [A.max, A.min, "none"].includes(e) ? { disabled: !0 } : [A.percent, A.percentile].includes(e) ? {
+}, at = X("univer-mt-5 univer-px-1 univer-py-2 univer-rounded", Be), Ee = (t, e) => ({ label: e.t(`sheet.cf.valueType.${t}`), value: t }), Pt = (t) => {
+  var y;
+  const { type: e, className: r, onChange: n, id: i, value: s } = t, o = q(Z), u = o.getCurrentUnitForType(A.UNIVER_SHEET).getUnitId(), a = (y = o.getCurrentUnitForType(A.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : y.getSheetId(), h = J(() => String(s).startsWith("=") ? String(s) : "=", [s]), l = J(() => [D.max, D.min, "none"].includes(e) ? { disabled: !0 } : [D.percent, D.percentile].includes(e) ? {
     min: 0,
     max: 100
   } : {
     min: Number.MIN_SAFE_INTEGER,
     max: Number.MAX_SAFE_INTEGER
-  }, [e]), u = de(null), [g, p] = N(!1);
+  }, [e]), d = ge(null), [v, p] = N(!1);
   return Nt((f) => {
-    var _;
-    ((_ = u.current) == null ? void 0 : _.isClickOutSide(f)) && p(!1);
-  }), e === A.formula ? /* @__PURE__ */ c("div", { className: "univer-ml-1 univer-w-full", children: /* @__PURE__ */ c(
+    var I;
+    ((I = d.current) == null ? void 0 : I.isClickOutSide(f)) && p(!1);
+  }), e === D.formula ? /* @__PURE__ */ c("div", { className: "univer-ml-1 univer-w-full", children: /* @__PURE__ */ c(
     Mt,
     {
-      ref: u,
-      className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", He),
+      ref: d,
+      className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", Be),
       initValue: h,
-      unitId: d,
+      unitId: u,
       subUnitId: a,
-      isFocus: g,
+      isFocus: v,
       onChange: (f = "") => {
         n(f || "");
       },
       onFocus: () => p(!0)
     }
-  ) }) : /* @__PURE__ */ c(Ne, { className: r, value: Number(t.value) || 0, onChange: (f) => t.onChange(f || 0), ...l });
-}, vi = (t) => {
-  var L;
-  const { interceptorManager: e } = t, r = W(re), n = ((L = t.rule) == null ? void 0 : L.type) === U.colorScale ? t.rule : void 0, i = [Re(A.num, r), Re(A.percent, r), Re(A.percentile, r), Re(A.formula, r)], s = [Re(A.min, r), ...i], o = [Re("none", r), ...i], d = [Re(A.max, r), ...i], [a, h] = N(() => {
-    var I;
-    const m = A.min;
-    return n && ((I = n.config[0]) == null ? void 0 : I.value.type) || m;
-  }), [l, u] = N(() => {
-    var I;
+  ) }) : /* @__PURE__ */ c(ke, { className: r, value: Number(t.value) || 0, onChange: (f) => t.onChange(f || 0), ...l });
+}, Ri = (t) => {
+  var O;
+  const { interceptorManager: e } = t, r = q(re), n = ((O = t.rule) == null ? void 0 : O.type) === L.colorScale ? t.rule : void 0, i = [Ee(D.num, r), Ee(D.percent, r), Ee(D.percentile, r), Ee(D.formula, r)], s = [Ee(D.min, r), ...i], o = [Ee("none", r), ...i], u = [Ee(D.max, r), ...i], [a, h] = N(() => {
+    var _;
+    const m = D.min;
+    return n && ((_ = n.config[0]) == null ? void 0 : _.value.type) || m;
+  }), [l, d] = N(() => {
+    var _;
     const m = "none";
-    return !n || n.config.length !== 3 ? m : ((I = n.config[1]) == null ? void 0 : I.value.type) || m;
-  }), [g, p] = N(() => {
-    var I;
-    const m = A.max;
-    return n && ((I = n.config[n.config.length - 1]) == null ? void 0 : I.value.type) || m;
-  }), [S, f] = N(() => {
+    return !n || n.config.length !== 3 ? m : ((_ = n.config[1]) == null ? void 0 : _.value.type) || m;
+  }), [v, p] = N(() => {
+    var _;
+    const m = D.max;
+    return n && ((_ = n.config[n.config.length - 1]) == null ? void 0 : _.value.type) || m;
+  }), [y, f] = N(() => {
     if (!n)
       return 10;
-    const I = n.config[0];
-    return (I == null ? void 0 : I.value.value) === void 0 ? 10 : I == null ? void 0 : I.value.value;
-  }), [T, _] = N(() => {
-    var H;
+    const _ = n.config[0];
+    return (_ == null ? void 0 : _.value.value) === void 0 ? 10 : _ == null ? void 0 : _.value.value;
+  }), [w, I] = N(() => {
+    var j;
     if (!n || n.config.length !== 3)
       return 50;
-    const I = (H = n.config[1]) == null ? void 0 : H.value.value;
-    return I === void 0 ? 50 : I;
-  }), [R, w] = N(() => {
-    var H;
+    const _ = (j = n.config[1]) == null ? void 0 : j.value.value;
+    return _ === void 0 ? 50 : _;
+  }), [R, x] = N(() => {
+    var j;
     if (!n)
       return 90;
-    const I = (H = n.config[n.config.length - 1]) == null ? void 0 : H.value.value;
-    return I === void 0 ? 90 : I;
-  }), [x, v] = N(() => {
-    var I;
+    const _ = (j = n.config[n.config.length - 1]) == null ? void 0 : j.value.value;
+    return _ === void 0 ? 90 : _;
+  }), [T, g] = N(() => {
+    var _;
     const m = "#d0d9fb";
-    return n && ((I = n.config[0]) == null ? void 0 : I.color) || m;
-  }), [C, b] = N(() => {
-    var I;
+    return n && ((_ = n.config[0]) == null ? void 0 : _.color) || m;
+  }), [b, S] = N(() => {
+    var _;
     const m = "#7790f3";
-    return !n || n.config.length !== 3 ? m : ((I = n.config[1]) == null ? void 0 : I.color) || m;
-  }), [y, M] = N(() => {
-    var I;
+    return !n || n.config.length !== 3 ? m : ((_ = n.config[1]) == null ? void 0 : _.color) || m;
+  }), [C, M] = N(() => {
+    var _;
     const m = "#2e55ef";
-    return n && ((I = n.config[n.config.length - 1]) == null ? void 0 : I.color) || m;
+    return n && ((_ = n.config[n.config.length - 1]) == null ? void 0 : _.color) || m;
   }), E = J(() => (m) => {
-    const { minType: I, medianType: H, maxType: Y, minValue: ge, medianValue: me, maxValue: ke, minColor: Fe, medianColor: D, maxColor: B } = m, G = [];
-    return G.push({ color: Fe, value: { type: I, value: ge } }), H !== "none" && G.push({ color: D, value: { type: H, value: me } }), G.push({ color: B, value: { type: Y, value: ke } }), { config: G.map((ee, ne) => ({ ...ee, index: ne })), type: U.colorScale };
+    const { minType: _, medianType: j, maxType: Y, minValue: pe, medianValue: Ce, maxValue: Le, minColor: Ue, medianColor: $, maxColor: B } = m, G = [];
+    return G.push({ color: Ue, value: { type: _, value: pe } }), j !== "none" && G.push({ color: $, value: { type: j, value: Ce } }), G.push({ color: B, value: { type: Y, value: Le } }), { config: G.map((ee, ne) => ({ ...ee, index: ne })), type: L.colorScale };
   }, []);
   K(() => e.intercept(e.getInterceptPoints().submit, {
     handler() {
-      return E({ minType: a, medianType: l, maxType: g, minValue: S, medianValue: T, maxValue: R, minColor: x, medianColor: C, maxColor: y });
+      return E({ minType: a, medianType: l, maxType: v, minValue: y, medianValue: w, maxValue: R, minColor: T, medianColor: b, maxColor: C });
     }
-  }), [E, a, l, g, S, T, R, x, C, y, e]);
+  }), [E, a, l, v, y, w, R, T, b, C, e]);
   const V = (m) => {
     t.onChange(E(m));
   };
@@ -504,7 +550,7 @@ const Me = (t) => {
         children: r.t("sheet.cf.panel.styleRule")
       }
     ),
-    /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: E({ minType: a, medianType: l, maxType: g, minValue: S, medianValue: T, maxValue: R, minColor: x, medianColor: C, maxColor: y }) }) }),
+    /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: E({ minType: a, medianType: l, maxType: v, minValue: y, medianValue: w, maxValue: R, minColor: T, medianColor: b, maxColor: C }) }) }),
     /* @__PURE__ */ c(
       "div",
       {
@@ -514,66 +560,66 @@ const Me = (t) => {
     ),
     /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
       /* @__PURE__ */ c(
-        le,
+        ce,
         {
           className: "univer-flex-shrink-0",
           options: s,
           value: a,
           onChange: (m) => {
             h(m);
-            const I = Je(m, 10);
-            f(I), V({
+            const _ = Je(m, 10);
+            f(_), V({
               minType: m,
               medianType: l,
-              maxType: g,
-              minValue: I,
-              medianValue: T,
+              maxType: v,
+              minValue: _,
+              medianValue: w,
               maxValue: R,
-              minColor: x,
-              medianColor: C,
-              maxColor: y
+              minColor: T,
+              medianColor: b,
+              maxColor: C
             });
           }
         }
       ),
       /* @__PURE__ */ c(
-        Lt,
+        Pt,
         {
           id: "min",
           className: "univer-ml-1",
-          value: S,
+          value: y,
           type: a,
           onChange: (m) => {
             f(m), V({
               minType: a,
               medianType: l,
-              maxType: g,
+              maxType: v,
               minValue: m,
-              medianValue: T,
+              medianValue: w,
               maxValue: R,
-              minColor: x,
-              medianColor: C,
-              maxColor: y
+              minColor: T,
+              medianColor: b,
+              maxColor: C
             });
           }
         }
       ),
       /* @__PURE__ */ c(
-        Me,
+        Fe,
         {
           className: "univer-ml-1",
-          color: x,
+          color: T,
           onChange: (m) => {
-            v(m), V({
+            g(m), V({
               minType: a,
               medianType: l,
-              maxType: g,
-              minValue: S,
-              medianValue: T,
+              maxType: v,
+              minValue: y,
+              medianValue: w,
               maxValue: R,
               minColor: m,
-              medianColor: C,
-              maxColor: y
+              medianColor: b,
+              maxColor: C
             });
           }
         }
@@ -588,66 +634,66 @@ const Me = (t) => {
     ),
     /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
       /* @__PURE__ */ c(
-        le,
+        ce,
         {
           className: "univer-flex-shrink-0",
           options: o,
           value: l,
           onChange: (m) => {
-            u(m);
-            const I = Je(m, 50);
-            _(I), V({
+            d(m);
+            const _ = Je(m, 50);
+            I(_), V({
               minType: a,
               medianType: m,
-              maxType: g,
-              minValue: S,
-              medianValue: I,
+              maxType: v,
+              minValue: y,
+              medianValue: _,
               maxValue: R,
-              minColor: x,
-              medianColor: C,
-              maxColor: y
+              minColor: T,
+              medianColor: b,
+              maxColor: C
             });
           }
         }
       ),
       /* @__PURE__ */ c(
-        Lt,
+        Pt,
         {
           id: "median",
           className: "univer-ml-1",
-          value: T,
+          value: w,
           type: l,
           onChange: (m) => {
-            _(m), V({
+            I(m), V({
               minType: a,
               medianType: l,
-              maxType: g,
-              minValue: S,
+              maxType: v,
+              minValue: y,
               medianValue: m,
               maxValue: R,
-              minColor: x,
-              medianColor: C,
-              maxColor: y
+              minColor: T,
+              medianColor: b,
+              maxColor: C
             });
           }
         }
       ),
       l !== "none" && /* @__PURE__ */ c(
-        Me,
+        Fe,
         {
           className: "univer-ml-1",
-          color: C,
+          color: b,
           onChange: (m) => {
-            b(m), V({
+            S(m), V({
               minType: a,
               medianType: l,
-              maxType: g,
-              minValue: S,
-              medianValue: T,
+              maxType: v,
+              minValue: y,
+              medianValue: w,
               maxValue: R,
-              minColor: x,
+              minColor: T,
               medianColor: m,
-              maxColor: y
+              maxColor: C
             });
           }
         }
@@ -662,65 +708,65 @@ const Me = (t) => {
     ),
     /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
       /* @__PURE__ */ c(
-        le,
+        ce,
         {
           className: "univer-flex-shrink-0",
-          options: d,
-          value: g,
+          options: u,
+          value: v,
           onChange: (m) => {
             p(m);
-            const I = Je(m, 90);
-            w(I), V({
+            const _ = Je(m, 90);
+            x(_), V({
               minType: a,
               medianType: l,
               maxType: m,
-              minValue: S,
-              medianValue: T,
-              maxValue: I,
-              minColor: x,
-              medianColor: C,
-              maxColor: y
+              minValue: y,
+              medianValue: w,
+              maxValue: _,
+              minColor: T,
+              medianColor: b,
+              maxColor: C
             });
           }
         }
       ),
       /* @__PURE__ */ c(
-        Lt,
+        Pt,
         {
           id: "max",
           className: "univer-ml-1",
           value: R,
-          type: g,
+          type: v,
           onChange: (m) => {
-            w(m), V({
+            x(m), V({
               minType: a,
               medianType: l,
-              maxType: g,
-              minValue: S,
-              medianValue: T,
+              maxType: v,
+              minValue: y,
+              medianValue: w,
               maxValue: m,
-              minColor: x,
-              medianColor: C,
-              maxColor: y
+              minColor: T,
+              medianColor: b,
+              maxColor: C
             });
           }
         }
       ),
       /* @__PURE__ */ c(
-        Me,
+        Fe,
         {
           className: "univer-ml-1",
-          color: y,
+          color: C,
           onChange: (m) => {
             M(m), V({
               minType: a,
               medianType: l,
-              maxType: g,
-              minValue: S,
-              medianValue: T,
+              maxType: v,
+              minValue: y,
+              medianValue: w,
               maxValue: R,
-              minColor: x,
-              medianColor: C,
+              minColor: T,
+              medianColor: b,
               maxColor: m
             });
           }
@@ -728,119 +774,124 @@ const Me = (t) => {
       )
     ] })
   ] });
-}, Ue = (t, e) => ({ label: e.t(`sheet.cf.valueType.${t}`), value: t }), sn = (t) => {
+}, Pe = (t, e) => ({ label: e.t(`sheet.cf.valueType.${t}`), value: t }), rn = (t) => {
   var f;
-  const { onChange: e, className: r, value: n, type: i, id: s, disabled: o = !1 } = t, d = W(z), a = d.getCurrentUnitForType($.UNIVER_SHEET).getUnitId(), h = (f = d.getCurrentUnitForType($.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : f.getSheetId(), l = de(null), [u, g] = N(!1);
-  Nt((T) => {
+  const { onChange: e, className: r, value: n, type: i, id: s, disabled: o = !1 } = t, u = q(Z), a = u.getCurrentUnitOfType(A.UNIVER_SHEET).getUnitId(), h = (f = u.getCurrentUnitOfType(A.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : f.getSheetId(), l = ge(null), [d, v] = N(!1);
+  Nt((w) => {
     var R;
-    ((R = l.current) == null ? void 0 : R.isClickOutSide(T)) && g(!1);
+    ((R = l.current) == null ? void 0 : R.isClickOutSide(w)) && v(!1);
   });
-  const p = de(n), S = J(() => [A.percentile, A.percent].includes(i) ? {
+  const p = ge(n), y = J(() => [D.percentile, D.percent].includes(i) ? {
     max: 100,
     min: 0
   } : {
     min: Number.MIN_SAFE_INTEGER,
     max: Number.MAX_SAFE_INTEGER
   }, [i]);
-  if (i === A.formula) {
-    const T = String(p.current).startsWith("=") ? String(p.current) || "" : "=";
+  if (i === D.formula) {
+    const w = String(p.current).startsWith("=") ? String(p.current) || "" : "=";
     return /* @__PURE__ */ c("div", { className: "univer-ml-3 univer-w-full", children: /* @__PURE__ */ c(
       Mt,
       {
         ref: l,
-        className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", He),
-        initValue: T,
+        className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", Be),
+        initValue: w,
         unitId: a,
         subUnitId: h,
-        isFocus: u,
-        onChange: (_ = "") => {
-          e(_ || "");
+        isFocus: d,
+        onChange: (I = "") => {
+          e(I || "");
         },
-        onFocus: () => g(!0)
+        onFocus: () => v(!0)
       }
     ) });
   }
   return /* @__PURE__ */ c(
-    Ne,
+    ke,
     {
       className: r,
       value: Number(n) || 0,
       disabled: o,
-      onChange: (T) => {
-        e(T || 0);
+      onChange: (w) => {
+        e(w || 0);
       },
-      ...S
+      ...y
     }
   );
-}, gi = (t) => {
-  var L;
-  const { interceptorManager: e } = t, r = W(re), n = ((L = t.rule) == null ? void 0 : L.type) === U.dataBar ? t.rule : void 0, [i, s] = N(() => {
-    var I;
+}, Ti = (t) => {
+  var O;
+  const { interceptorManager: e } = t, r = q(re), n = ((O = t.rule) == null ? void 0 : O.type) === L.dataBar ? t.rule : void 0, [i, s] = N(() => {
+    var _;
     const m = "0";
-    return n ? (I = n.config) != null && I.isGradient ? "1" : "0" : m;
-  }), [o, d] = N(() => {
+    return n ? (_ = n.config) != null && _.isGradient ? "1" : "0" : m;
+  }), [o, u] = N(() => {
     var m;
     return n ? ((m = n.config) == null ? void 0 : m.positiveColor) || Ke : Ke;
   }), [a, h] = N(() => {
     var m;
     return n ? ((m = n.config) == null ? void 0 : m.nativeColor) || Xe : Xe;
-  }), l = [Ue(A.num, r), Ue(A.percent, r), Ue(A.percentile, r), Ue(A.formula, r)], u = [Ue(A.min, r), ...l], g = [Ue(A.max, r), ...l], [p, S] = N(() => {
-    var I;
-    const m = u[0].value;
-    return n && ((I = n.config) == null ? void 0 : I.min.type) || m;
-  }), [f, T] = N(() => {
-    var I;
-    const m = g[0].value;
-    return n && ((I = n.config) == null ? void 0 : I.max.type) || m;
-  }), [_, R] = N(() => {
-    var H;
+  }), l = [
+    Pe(D.num, r),
+    Pe(D.percent, r),
+    Pe(D.percentile, r),
+    Pe(D.formula, r)
+  ], d = [Pe(D.min, r), ...l], v = [Pe(D.max, r), ...l], [p, y] = N(() => {
+    var _;
+    const m = d[0].value;
+    return n && ((_ = n.config) == null ? void 0 : _.min.type) || m;
+  }), [f, w] = N(() => {
+    var _;
+    const m = v[0].value;
+    return n && ((_ = n.config) == null ? void 0 : _.max.type) || m;
+  }), [I, R] = N(() => {
+    var j;
     if (!n)
       return 0;
-    const I = ((H = n.config) == null ? void 0 : H.min) || {};
-    return I.type === A.formula ? I.value || "=" : I.value || 0;
-  }), [w, x] = N(() => {
-    var H;
+    const _ = ((j = n.config) == null ? void 0 : j.min) || {};
+    return _.type === D.formula ? _.value || "=" : _.value || 0;
+  }), [x, T] = N(() => {
+    var j;
     if (!n)
       return 100;
-    const I = ((H = n.config) == null ? void 0 : H.max) || {};
-    return I.type === A.formula ? I.value || "=" : I.value === void 0 ? 100 : I.value;
-  }), [v, C] = N(() => n ? n.isShowValue === void 0 ? !0 : !!n.isShowValue : !0), b = (m) => ({ config: {
+    const _ = ((j = n.config) == null ? void 0 : j.max) || {};
+    return _.type === D.formula ? _.value || "=" : _.value === void 0 ? 100 : _.value;
+  }), [g, b] = N(() => n ? n.isShowValue === void 0 ? !0 : !!n.isShowValue : !0), S = (m) => ({ config: {
     min: { type: m.minValueType, value: m.minValue },
     max: { type: m.maxValueType, value: m.maxValue },
     isGradient: m.isGradient === "1",
     positiveColor: m.positiveColor || Ke,
     nativeColor: m.nativeColor || Xe
-  }, type: U.dataBar, isShowValue: m.isShowValue });
+  }, type: L.dataBar, isShowValue: m.isShowValue });
   K(() => e.intercept(e.getInterceptPoints().submit, {
     handler() {
-      return b({ isGradient: i, minValue: _, minValueType: p, maxValue: w, maxValueType: f, positiveColor: o, nativeColor: a, isShowValue: v });
+      return S({ isGradient: i, minValue: I, minValueType: p, maxValue: x, maxValueType: f, positiveColor: o, nativeColor: a, isShowValue: g });
     }
-  }), [i, _, p, w, f, o, a, e, v]);
-  const y = (m) => {
-    t.onChange(b(m));
+  }), [i, I, p, x, f, o, a, e, g]);
+  const C = (m) => {
+    t.onChange(S(m));
   }, M = (m) => {
-    d(m), y({
+    u(m), C({
       isGradient: i,
-      minValue: _,
+      minValue: I,
       minValueType: p,
-      maxValue: w,
+      maxValue: x,
       maxValueType: f,
       positiveColor: m,
       nativeColor: a,
-      isShowValue: v
+      isShowValue: g
     });
   }, E = (m) => {
-    h(m), y({
+    h(m), C({
       isGradient: i,
-      minValue: _,
+      minValue: I,
       minValueType: p,
-      maxValue: w,
+      maxValue: x,
       maxValueType: f,
       positiveColor: o,
       nativeColor: m,
-      isShowValue: v
+      isShowValue: g
     });
-  }, V = (m) => l.map((I) => I.value).includes(m);
+  }, V = (m) => l.map((_) => _.value).includes(m);
   return /* @__PURE__ */ k("div", { children: [
     /* @__PURE__ */ c(
       "div",
@@ -852,15 +903,15 @@ const Me = (t) => {
     /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(
       We,
       {
-        rule: b({
+        rule: S({
           isGradient: i,
-          minValue: _,
+          minValue: I,
           minValueType: p,
-          maxValue: w,
+          maxValue: x,
           maxValueType: f,
           positiveColor: o,
           nativeColor: a,
-          isShowValue: v
+          isShowValue: g
         })
       }
     ) }),
@@ -874,24 +925,24 @@ const Me = (t) => {
       ),
       /* @__PURE__ */ k("div", { className: "univer-ml-1 univer-mt-3 univer-flex univer-items-center", children: [
         /* @__PURE__ */ k(
-          qr,
+          Xr,
           {
             value: i,
             onChange: (m) => {
-              s(m), y({
+              s(m), C({
                 isGradient: m,
-                minValue: _,
+                minValue: I,
                 minValueType: p,
-                maxValue: w,
+                maxValue: x,
                 maxValueType: f,
                 positiveColor: o,
                 nativeColor: a,
-                isShowValue: v
+                isShowValue: g
               });
             },
             children: [
-              /* @__PURE__ */ c(Xt, { value: "0", children: /* @__PURE__ */ c("span", { className: "univer-text-xs", children: r.t("sheet.cf.panel.pureColor") }) }),
-              /* @__PURE__ */ c(Xt, { value: "1", children: /* @__PURE__ */ c("span", { className: "univer-text-xs", children: r.t("sheet.cf.panel.gradient") }) })
+              /* @__PURE__ */ c(Kt, { value: "0", children: /* @__PURE__ */ c("span", { className: "univer-text-xs", children: r.t("sheet.cf.panel.pureColor") }) }),
+              /* @__PURE__ */ c(Kt, { value: "1", children: /* @__PURE__ */ c("span", { className: "univer-text-xs", children: r.t("sheet.cf.panel.gradient") }) })
             ]
           }
         ),
@@ -899,13 +950,13 @@ const Me = (t) => {
           /* @__PURE__ */ c(
             yt,
             {
-              checked: !v,
+              checked: !g,
               onChange: (m) => {
-                C(!m), y({
+                b(!m), C({
                   isGradient: m,
-                  minValue: _,
+                  minValue: I,
                   minValueType: p,
-                  maxValue: w,
+                  maxValue: x,
                   maxValueType: f,
                   positiveColor: o,
                   nativeColor: a,
@@ -930,7 +981,7 @@ const Me = (t) => {
         /* @__PURE__ */ k("div", { className: "univer-flex univer-items-center", children: [
           /* @__PURE__ */ c("div", { className: "univer-text-xs", children: r.t("sheet.cf.panel.native") }),
           /* @__PURE__ */ c(
-            Me,
+            Fe,
             {
               color: a,
               onChange: E
@@ -940,7 +991,7 @@ const Me = (t) => {
         /* @__PURE__ */ k("div", { className: "univer-ml-3 univer-flex univer-items-center", children: [
           /* @__PURE__ */ c("div", { className: "univer-text-xs", children: r.t("sheet.cf.panel.positive") }),
           /* @__PURE__ */ c(
-            Me,
+            Fe,
             {
               color: o,
               onChange: M
@@ -959,45 +1010,45 @@ const Me = (t) => {
       ),
       /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
         /* @__PURE__ */ c(
-          le,
+          ce,
           {
             className: "univer-w-1/2 univer-flex-shrink-0",
-            options: u,
+            options: d,
             value: p,
             onChange: (m) => {
-              S(m);
-              const I = Je(m, 10);
-              R(I), y({
+              y(m);
+              const _ = Je(m, 10);
+              R(_), C({
                 isGradient: i,
-                minValue: I,
+                minValue: _,
                 minValueType: m,
-                maxValue: w,
+                maxValue: x,
                 maxValueType: f,
                 positiveColor: o,
                 nativeColor: a,
-                isShowValue: v
+                isShowValue: g
               });
             }
           }
         ),
         /* @__PURE__ */ c(
-          sn,
+          rn,
           {
             id: "min",
             className: "univer-ml-3",
             disabled: !V(p),
             type: p,
-            value: _,
+            value: I,
             onChange: (m) => {
-              R(m || 0), y({
+              R(m || 0), C({
                 isGradient: i,
                 minValue: m || 0,
                 minValueType: p,
-                maxValue: w,
+                maxValue: x,
                 maxValueType: f,
                 positiveColor: o,
                 nativeColor: a,
-                isShowValue: v
+                isShowValue: g
               });
             }
           }
@@ -1012,45 +1063,45 @@ const Me = (t) => {
       ),
       /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
         /* @__PURE__ */ c(
-          le,
+          ce,
           {
             className: "univer-w-1/2 univer-flex-shrink-0",
-            options: g,
+            options: v,
             value: f,
             onChange: (m) => {
-              T(m);
-              const I = Je(m, 90);
-              x(I), y({
+              w(m);
+              const _ = Je(m, 90);
+              T(_), C({
                 isGradient: i,
-                minValue: _,
+                minValue: I,
                 minValueType: p,
-                maxValue: I,
+                maxValue: _,
                 maxValueType: m,
                 positiveColor: o,
                 nativeColor: a,
-                isShowValue: v
+                isShowValue: g
               });
             }
           }
         ),
         /* @__PURE__ */ c(
-          sn,
+          rn,
           {
             className: "univer-ml-3",
             disabled: !V(f),
             id: "max",
             type: f,
-            value: w,
+            value: x,
             onChange: (m) => {
-              x(m || 0), y({
+              T(m || 0), C({
                 isGradient: i,
-                minValue: _,
+                minValue: I,
                 minValueType: p,
                 maxValue: m || 0,
                 maxValueType: f,
                 positiveColor: o,
                 nativeColor: a,
-                isShowValue: v
+                isShowValue: g
               });
             }
           }
@@ -1058,101 +1109,103 @@ const Me = (t) => {
       ] })
     ] })
   ] });
-}, ct = (t) => [ae.FALSE, void 0].includes(t) ? ae.TRUE : ae.FALSE, ut = (t) => t !== ae.FALSE, Yt = (t) => {
-  const { style: e, onChange: r, className: n } = t, i = W(zt), [s, o] = N(() => {
+}, ct = (t) => [le.FALSE, void 0].includes(t) ? le.TRUE : le.FALSE, ut = (t) => t !== le.FALSE, zt = (t) => {
+  const { style: e, onChange: r, className: n } = t;
+  q(kn);
+  const [i, s] = N(() => {
     if (e != null && e.bl)
       return e.bl;
-  }), [d, a] = N(() => {
+  }), [o, u] = N(() => {
     if (e != null && e.it)
       return e.it;
-  }), [h, l] = N(() => {
+  }), [a, h] = N(() => {
     if (e != null && e.ul)
       return e.ul.s;
-  }), [u, g] = N(() => {
+  }), [l, d] = N(() => {
     if (e != null && e.st)
       return e.st.s;
-  }), [p, S] = N(() => {
-    var b;
-    const C = "#2f56ef";
-    return (b = e == null ? void 0 : e.cl) != null && b.rgb ? e.cl.rgb : C;
-  }), [f, T] = N(() => {
-    var b;
-    const C = "#e8ecfc";
-    return (b = e == null ? void 0 : e.bg) != null && b.rgb ? e.bg.rgb : C;
-  }), _ = i.get("BoldSingle"), R = i.get("ItalicSingle"), w = i.get("UnderlineSingle"), x = i.get("StrikethroughSingle");
+  }), [v, p] = N(() => {
+    var R;
+    const I = "#2f56ef";
+    return (R = e == null ? void 0 : e.cl) != null && R.rgb ? e.cl.rgb : I;
+  }), [y, f] = N(() => {
+    var R;
+    const I = "#e8ecfc";
+    return (R = e == null ? void 0 : e.bg) != null && R.rgb ? e.bg.rgb : I;
+  });
   K(() => {
-    const C = {
-      bl: s,
-      it: d
+    const I = {
+      bl: i,
+      it: o
     };
-    p !== void 0 && (C.cl = { rgb: p }), f !== void 0 && (C.bg = { rgb: f }), u !== void 0 && (C.st = { s: u }), h !== void 0 && (C.ul = { s: h }), r(gr(C));
-  }, [s, d, h, u, p, f]);
-  const v = "univer-flex univer-cursor-pointer univer-items-center univer-rounded univer-px-1";
+    v !== void 0 && (I.cl = { rgb: v }), y !== void 0 && (I.bg = { rgb: y }), l !== void 0 && (I.st = { s: l }), a !== void 0 && (I.ul = { s: a }), r(br(I));
+  }, [i, o, a, l, v, y]);
+  const w = "univer-flex univer-cursor-pointer univer-items-center univer-rounded univer-px-1";
   return /* @__PURE__ */ k("div", { className: X("univer-my-2.5 univer-flex univer-justify-between", n), children: [
-    _ && /* @__PURE__ */ c(
+    /* @__PURE__ */ c(
       "div",
       {
-        className: X(v, {
-          "univer-bg-gray-100": ut(s || ae.FALSE)
+        className: X(w, {
+          "univer-bg-gray-100 dark:!univer-bg-gray-700": ut(i || le.FALSE)
         }),
-        onClick: () => o(ct(s)),
-        children: /* @__PURE__ */ c(_, {})
+        onClick: () => s(ct(i)),
+        children: /* @__PURE__ */ c(Yn, {})
       }
     ),
-    R && /* @__PURE__ */ c(
+    /* @__PURE__ */ c(
       "div",
       {
-        className: X(v, {
-          "univer-bg-gray-100": ut(d || ae.FALSE)
+        className: X(w, {
+          "univer-bg-gray-100 dark:!univer-bg-gray-700": ut(o || le.FALSE)
         }),
-        onClick: () => a(ct(d)),
-        children: /* @__PURE__ */ c(R, {})
+        onClick: () => u(ct(o)),
+        children: /* @__PURE__ */ c(Jn, {})
       }
     ),
-    w && /* @__PURE__ */ c(
+    /* @__PURE__ */ c(
       "div",
       {
-        className: X(v, {
-          "univer-bg-gray-100": ut(h || ae.FALSE)
+        className: X(w, {
+          "univer-bg-gray-100 dark:!univer-bg-gray-700": ut(a || le.FALSE)
         }),
-        onClick: () => l(ct(h)),
-        children: /* @__PURE__ */ c(w, {})
+        onClick: () => h(ct(a)),
+        children: /* @__PURE__ */ c(nr, {})
       }
     ),
-    x && /* @__PURE__ */ c(
+    /* @__PURE__ */ c(
       "div",
       {
-        className: X(v, {
-          "univer-bg-gray-100": ut(u || ae.FALSE)
+        className: X(w, {
+          "univer-bg-gray-100 dark:!univer-bg-gray-700": ut(l || le.FALSE)
         }),
-        onClick: () => g(ct(u)),
-        children: /* @__PURE__ */ c(x, {})
+        onClick: () => d(ct(l)),
+        children: /* @__PURE__ */ c(tr, {})
       }
     ),
-    /* @__PURE__ */ c(Me, { color: p, onChange: S, iconId: "FontColor" }),
-    /* @__PURE__ */ c(Me, { color: f, onChange: T, iconId: "PaintBucket" })
+    /* @__PURE__ */ c(Fe, { color: v, onChange: p, Icon: Kn }),
+    /* @__PURE__ */ c(Fe, { color: y, onChange: f })
   ] });
-}, mi = (t) => {
-  var x;
-  const { onChange: e, interceptorManager: r } = t, n = W(re), s = W(z).getCurrentUnitForType($.UNIVER_SHEET), o = s.getActiveSheet(), d = ((x = t.rule) == null ? void 0 : x.type) === U.highlightCell ? t.rule : void 0, a = de(null), [h, l] = N(!1), u = de(null), [g, p] = N({}), [S, f] = N(() => (d == null ? void 0 : d.subType) === F.formula ? d.value : "="), [T, _] = N(void 0), R = (v) => ({
-    style: v.style,
-    value: S,
-    type: U.highlightCell,
+}, xi = (t) => {
+  var T;
+  const { onChange: e, interceptorManager: r } = t, n = q(re), s = q(Z).getCurrentUnitForType(A.UNIVER_SHEET), o = s.getActiveSheet(), u = ((T = t.rule) == null ? void 0 : T.type) === L.highlightCell ? t.rule : void 0, a = ge(null), [h, l] = N(!1), d = ge(null), [v, p] = N({}), [y, f] = N(() => (u == null ? void 0 : u.subType) === F.formula ? u.value : "="), [w, I] = N(void 0), R = (g) => ({
+    style: g.style,
+    value: y,
+    type: L.highlightCell,
     subType: F.formula
   });
   K(() => r.intercept(r.getInterceptPoints().submit, {
     handler() {
-      return R({ style: g });
+      return R({ style: v });
     }
-  }), [g, S, r]), K(() => r.intercept(r.getInterceptPoints().beforeSubmit, {
-    handler: (C, b, y) => T || S.length === 1 || !S.startsWith("=") ? (_(n.t("sheet.cf.errorMessage.formulaError")), !1) : y(C)
-  }), [T, S]);
-  const w = (v) => {
-    e(R(v));
+  }), [v, y, r]), K(() => r.intercept(r.getInterceptPoints().beforeSubmit, {
+    handler: (b, S, C) => w || y.length === 1 || !y.startsWith("=") ? (I(n.t("sheet.cf.errorMessage.formulaError")), !1) : C(b)
+  }), [w, y]);
+  const x = (g) => {
+    e(R(g));
   };
-  return Nt((v) => {
-    var b;
-    ((b = u.current) == null ? void 0 : b.isClickOutSide(v)) && l(!1);
+  return Nt((g) => {
+    var S;
+    ((S = d.current) == null ? void 0 : S.isClickOutSide(g)) && l(!1);
   }), /* @__PURE__ */ k("div", { ref: a, children: [
     /* @__PURE__ */ c(
       "div",
@@ -1164,32 +1217,32 @@ const Me = (t) => {
     /* @__PURE__ */ c("div", { className: "univer-mt-3", children: /* @__PURE__ */ c(
       Mt,
       {
-        ref: u,
-        className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", He),
-        errorText: T,
+        ref: d,
+        className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", Be),
+        errorText: w,
         isFocus: h,
-        initValue: S,
+        initValue: y,
         unitId: s.getUnitId(),
         subUnitId: o == null ? void 0 : o.getSheetId(),
         onFocus: () => {
           l(!0);
         },
-        onChange: (v) => {
-          f(v), w({ style: g });
+        onChange: (g) => {
+          f(g), x({ style: v });
         },
-        onVerify: (v, C) => {
-          !v || C.length === 1 ? _(n.t("sheet.cf.errorMessage.formulaError")) : _(void 0);
+        onVerify: (g, b) => {
+          !g || b.length === 1 ? I(n.t("sheet.cf.errorMessage.formulaError")) : I(void 0);
         }
       }
     ) }),
-    /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: R({ style: g }) }) }),
+    /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: R({ style: v }) }) }),
     /* @__PURE__ */ c(
-      Yt,
+      zt,
       {
-        style: d == null ? void 0 : d.style,
+        style: u == null ? void 0 : u.style,
         className: "univer-mt-3",
-        onChange: (v) => {
-          p(v), w({ style: v });
+        onChange: (g) => {
+          p(g), x({ style: g });
         }
       }
     )
@@ -1203,45 +1256,45 @@ const Me = (t) => {
     }
   ),
   t.children
-] }), q = (t, e) => ({ label: e.t(`sheet.cf.operator.${t}`), value: t }), fi = (t) => {
-  const { type: e, operator: r, onChange: n, value: i, interceptorManager: s } = t, o = W(re), [d, a] = N(() => typeof i == "number" ? i : 0), [h, l] = N(""), [u, g] = N(() => typeof i == "string" ? i : ""), [p, S] = N(""), [f, T] = N(() => Array.isArray(i) ? i[0] === void 0 ? 0 : i[0] : 0), [_, R] = N(""), [w, x] = N(() => Array.isArray(i) ? i[1] === void 0 ? 100 : i[1] : 100), [v, C] = N("");
+] }), W = (t, e) => ({ label: e.t(`sheet.cf.operator.${t}`), value: t }), Ei = (t) => {
+  const { type: e, operator: r, onChange: n, value: i, interceptorManager: s } = t, o = q(re), [u, a] = N(() => typeof i == "number" ? i : 0), [h, l] = N(""), [d, v] = N(() => typeof i == "string" ? i : ""), [p, y] = N(""), [f, w] = N(() => Array.isArray(i) ? i[0] === void 0 ? 0 : i[0] : 0), [I, R] = N(""), [x, T] = N(() => Array.isArray(i) ? i[1] === void 0 ? 100 : i[1] : 100), [g, b] = N("");
   switch (K(() => {
     switch (e) {
       case F.text: {
-        [j.beginsWith, j.endsWith, j.containsText, j.notContainsText, j.equal, j.notEqual].includes(r) && n(u);
+        [H.beginsWith, H.endsWith, H.containsText, H.notContainsText, H.equal, H.notEqual].includes(r) && n(d);
         break;
       }
       case F.number: {
-        [P.equal, P.notEqual, P.greaterThan, P.greaterThanOrEqual, P.lessThan, P.lessThanOrEqual].includes(r) && n(d), [P.between, P.notBetween].includes(r) && n([f, w]);
+        [U.equal, U.notEqual, U.greaterThan, U.greaterThanOrEqual, U.lessThan, U.lessThanOrEqual].includes(r) && n(u), [U.between, U.notBetween].includes(r) && n([f, x]);
         break;
       }
     }
   }, [e]), K(() => {
-    const b = s.intercept(s.getInterceptPoints().beforeSubmit, {
-      handler: (y, M, E) => {
+    const S = s.intercept(s.getInterceptPoints().beforeSubmit, {
+      handler: (C, M, E) => {
         switch (e) {
           case F.text:
-            if ([j.beginsWith, j.containsText, j.endsWith, j.notEqual, j.notContainsText, j.equal].includes(r))
-              return u ? E(y) : (S(o.t("sheet.cf.errorMessage.notBlank")), !1);
+            if ([H.beginsWith, H.containsText, H.endsWith, H.notEqual, H.notContainsText, H.equal].includes(r))
+              return d ? E(C) : (y(o.t("sheet.cf.errorMessage.notBlank")), !1);
         }
-        return E(y);
+        return E(C);
       }
     });
     return () => {
-      b();
+      S();
     };
-  }, [e, d, u, r]), e) {
+  }, [e, u, d, r]), e) {
     case F.text: {
-      if ([j.beginsWith, j.endsWith, j.containsText, j.notContainsText, j.equal, j.notEqual].includes(r)) {
-        const b = (y) => {
-          g(y), n(y);
+      if ([H.beginsWith, H.endsWith, H.containsText, H.notContainsText, H.equal, H.notEqual].includes(r)) {
+        const S = (C) => {
+          v(C), n(C);
         };
         return /* @__PURE__ */ c("div", { className: "univer-mt-3", children: /* @__PURE__ */ c(dt, { errorText: p, children: /* @__PURE__ */ c(
-          Gr,
+          Jr,
           {
-            value: u,
-            onChange: (y) => {
-              S(""), b(y);
+            value: d,
+            onChange: (C) => {
+              y(""), S(C);
             }
           }
         ) }) });
@@ -1249,37 +1302,37 @@ const Me = (t) => {
       break;
     }
     case F.number: {
-      if ([P.equal, P.notEqual, P.greaterThan, P.greaterThanOrEqual, P.lessThan, P.lessThanOrEqual].includes(r)) {
-        const b = (y) => {
-          a(y || 0), n(y || 0), l("");
+      if ([U.equal, U.notEqual, U.greaterThan, U.greaterThanOrEqual, U.lessThan, U.lessThanOrEqual].includes(r)) {
+        const S = (C) => {
+          a(C || 0), n(C || 0), l("");
         };
         return /* @__PURE__ */ c("div", { className: "univer-mt-3", children: /* @__PURE__ */ c(dt, { errorText: h, children: /* @__PURE__ */ c(
-          Ne,
+          ke,
           {
             className: "univer-w-full",
             min: Number.MIN_SAFE_INTEGER,
             max: Number.MAX_SAFE_INTEGER,
-            value: d,
-            onChange: b
+            value: u,
+            onChange: S
           }
         ) }) });
       }
-      if ([P.between, P.notBetween].includes(r)) {
-        const b = (M) => {
-          T(M || 0), n([M || 0, w]), R("");
-        }, y = (M) => {
-          x(M || 0), n([f, M || 0]), C("");
+      if ([U.between, U.notBetween].includes(r)) {
+        const S = (M) => {
+          w(M || 0), n([M || 0, x]), R("");
+        }, C = (M) => {
+          T(M || 0), n([f, M || 0]), b("");
         };
         return /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
-          /* @__PURE__ */ c(dt, { errorText: _, children: /* @__PURE__ */ c(Ne, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, value: f, onChange: b }) }),
-          /* @__PURE__ */ c(dt, { errorText: v, children: /* @__PURE__ */ c(
-            Ne,
+          /* @__PURE__ */ c(dt, { errorText: I, children: /* @__PURE__ */ c(ke, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, value: f, onChange: S }) }),
+          /* @__PURE__ */ c(dt, { errorText: g, children: /* @__PURE__ */ c(
+            ke,
             {
               className: "univer-ml-3",
               min: Number.MIN_SAFE_INTEGER,
               max: Number.MAX_SAFE_INTEGER,
-              value: w,
-              onChange: y
+              value: x,
+              onChange: C
             }
           ) })
         ] });
@@ -1287,52 +1340,52 @@ const Me = (t) => {
     }
   }
   return null;
-}, on = (t, e) => {
+}, sn = (t, e) => {
   switch (t) {
     case F.text:
       return [
-        q(j.containsText, e),
-        q(j.notContainsText, e),
-        q(j.beginsWith, e),
-        q(j.endsWith, e),
-        q(j.equal, e),
-        q(j.notEqual, e),
-        q(j.containsBlanks, e),
-        q(j.notContainsBlanks, e),
-        q(j.containsErrors, e),
-        q(j.notContainsErrors, e)
+        W(H.containsText, e),
+        W(H.notContainsText, e),
+        W(H.beginsWith, e),
+        W(H.endsWith, e),
+        W(H.equal, e),
+        W(H.notEqual, e),
+        W(H.containsBlanks, e),
+        W(H.notContainsBlanks, e),
+        W(H.containsErrors, e),
+        W(H.notContainsErrors, e)
       ];
     case F.number:
       return [
-        q(P.between, e),
-        q(P.notBetween, e),
-        q(P.equal, e),
-        q(P.notEqual, e),
-        q(P.greaterThan, e),
-        q(P.greaterThanOrEqual, e),
-        q(P.lessThan, e),
-        q(P.lessThanOrEqual, e)
+        W(U.between, e),
+        W(U.notBetween, e),
+        W(U.equal, e),
+        W(U.notEqual, e),
+        W(U.greaterThan, e),
+        W(U.greaterThanOrEqual, e),
+        W(U.lessThan, e),
+        W(U.lessThanOrEqual, e)
       ];
     case F.timePeriod:
       return [
-        q(ue.yesterday, e),
-        q(ue.today, e),
-        q(ue.tomorrow, e),
-        q(ue.last7Days, e),
-        q(ue.lastWeek, e),
-        q(ue.thisWeek, e),
-        q(ue.nextWeek, e),
-        q(ue.lastMonth, e),
-        q(ue.thisMonth, e),
-        q(ue.nextMonth, e)
+        W(ve.yesterday, e),
+        W(ve.today, e),
+        W(ve.tomorrow, e),
+        W(ve.last7Days, e),
+        W(ve.lastWeek, e),
+        W(ve.thisWeek, e),
+        W(ve.nextWeek, e),
+        W(ve.lastMonth, e),
+        W(ve.thisMonth, e),
+        W(ve.nextMonth, e)
       ];
   }
-}, an = (t) => {
-  var x;
-  const { interceptorManager: e, onChange: r } = t, n = W(re), i = ((x = t.rule) == null ? void 0 : x.type) === U.highlightCell ? t.rule : void 0, [s, o] = N(() => {
-    const v = F.text;
-    return i && i.subType || v;
-  }), d = [{
+}, on = (t) => {
+  var T;
+  const { interceptorManager: e, onChange: r } = t, n = q(re), i = ((T = t.rule) == null ? void 0 : T.type) === L.highlightCell ? t.rule : void 0, [s, o] = N(() => {
+    const g = F.text;
+    return i && i.subType || g;
+  }), u = [{
     value: F.text,
     label: n.t("sheet.cf.subRuleType.text")
   }, {
@@ -1347,70 +1400,70 @@ const Me = (t) => {
   }, {
     value: F.uniqueValues,
     label: n.t("sheet.cf.subRuleType.uniqueValues")
-  }], a = J(() => on(s, n), [s]), [h, l] = N(() => {
-    const v = a ? a[0].value : void 0;
-    return i && i.operator || v;
-  }), [u, g] = N(() => {
-    var b;
-    const v = "";
-    return i ? (b = i.value) != null ? b : mt(i.subType, i.operator) : v;
-  }), [p, S] = N({}), f = J(() => (v) => {
-    var C, b, y, M, E, V, L, m, I, H, Y, ge, me, ke, Fe;
-    switch (v.subType || s) {
+  }], a = J(() => sn(s, n), [s]), [h, l] = N(() => {
+    const g = a ? a[0].value : void 0;
+    return i && i.operator || g;
+  }), [d, v] = N(() => {
+    var S;
+    const g = "";
+    return i ? (S = i.value) != null ? S : mt(i.subType, i.operator) : g;
+  }), [p, y] = N({}), f = J(() => (g) => {
+    var b, S, C, M, E, V, O, m, _, j, Y, pe, Ce, Le, Ue;
+    switch (g.subType || s) {
       case F.text: {
-        if ([j.beginsWith, j.endsWith, j.containsText, j.notContainsText, j.equal, j.notEqual].includes(h))
+        if ([H.beginsWith, H.endsWith, H.containsText, H.notContainsText, H.equal, H.notEqual].includes(h))
           return {
-            type: U.highlightCell,
-            subType: (C = v.subType) != null ? C : s,
-            operator: (b = v.operator) != null ? b : h,
-            style: (y = v.style) != null ? y : p,
-            value: (M = v.value) != null ? M : u
+            type: L.highlightCell,
+            subType: (b = g.subType) != null ? b : s,
+            operator: (S = g.operator) != null ? S : h,
+            style: (C = g.style) != null ? C : p,
+            value: (M = g.value) != null ? M : d
           };
         break;
       }
       case F.number: {
-        if ([P.equal, P.notEqual, P.greaterThan, P.greaterThanOrEqual, P.lessThan, P.lessThanOrEqual].includes(h))
+        if ([U.equal, U.notEqual, U.greaterThan, U.greaterThanOrEqual, U.lessThan, U.lessThanOrEqual].includes(h))
           return {
-            type: U.highlightCell,
-            subType: (E = v.subType) != null ? E : s,
-            operator: (V = v.operator) != null ? V : h,
-            style: (L = v.style) != null ? L : p,
-            value: (m = v.value) != null ? m : u
+            type: L.highlightCell,
+            subType: (E = g.subType) != null ? E : s,
+            operator: (V = g.operator) != null ? V : h,
+            style: (O = g.style) != null ? O : p,
+            value: (m = g.value) != null ? m : d
           };
-        if ([P.between, P.notBetween].includes(h))
+        if ([U.between, U.notBetween].includes(h))
           return {
-            type: U.highlightCell,
-            subType: (I = v.subType) != null ? I : s,
-            operator: (H = v.operator) != null ? H : h,
-            style: (Y = v.style) != null ? Y : p,
-            value: (ge = v.value) != null ? ge : u
+            type: L.highlightCell,
+            subType: (_ = g.subType) != null ? _ : s,
+            operator: (j = g.operator) != null ? j : h,
+            style: (Y = g.style) != null ? Y : p,
+            value: (pe = g.value) != null ? pe : d
           };
         break;
       }
     }
     return {
-      type: U.highlightCell,
-      subType: (me = v.subType) != null ? me : s,
-      operator: (ke = v.operator) != null ? ke : h,
-      style: (Fe = v.style) != null ? Fe : p
+      type: L.highlightCell,
+      subType: (Ce = g.subType) != null ? Ce : s,
+      operator: (Le = g.operator) != null ? Le : h,
+      style: (Ue = g.style) != null ? Ue : p
     };
-  }, [s, h, u, p]);
+  }, [s, h, d, p]);
   K(() => e.intercept(e.getInterceptPoints().submit, {
     handler() {
       return f({});
     }
   }), [f, e]), K(() => {
-    d.some((v) => v.value === s) || o(d[0].value);
-  }, [d]);
-  const T = (v) => {
-    const C = v, b = on(C, n), y = b && b[0].value;
-    o(C), l(y), y && g(mt(C, y)), r(f({ subType: C, operator: y }));
-  }, _ = (v) => {
-    const C = v;
-    l(C), r(f({ operator: C }));
-  }, R = (v) => {
-    g(v), r(f({ value: v }));
-  }, w = J(() => `${s}_${h}_${Math.random()}`, [s, h]);
+    u.some((g) => g.value === s) || o(u[0].value);
+  }, [u]);
+  const w = (g) => {
+    const b = g, S = sn(b, n), C = S && S[0].value;
+    o(b), l(C), C && v(mt(b, C)), r(f({ subType: b, operator: C }));
+  }, I = (g) => {
+    const b = g;
+    l(b), r(f({ operator: b }));
+  }, R = (g) => {
+    v(g), r(f({ value: g }));
+  }, x = J(() => `${s}_${h}_${Math.random()}`, [s, h]);
   return /* @__PURE__ */ k("div", { children: [
     /* @__PURE__ */ c(
       "div",
@@ -1421,103 +1474,103 @@ const Me = (t) => {
     ),
     /* @__PURE__ */ k("div", { className: "univer-flex univer-justify-between univer-gap-4", children: [
       /* @__PURE__ */ c(
-        le,
+        ce,
         {
           className: "univer-mt-3 univer-w-full",
-          onChange: T,
+          onChange: w,
           value: s,
-          options: d
+          options: u
         }
       ),
       (a == null ? void 0 : a.length) && /* @__PURE__ */ c(
-        le,
+        ce,
         {
           className: "univer-mt-3 univer-w-full",
-          onChange: _,
+          onChange: I,
           value: h || "",
           options: a
         }
       )
     ] }),
     /* @__PURE__ */ c(
-      fi,
+      Ei,
       {
-        value: u,
+        value: d,
         interceptorManager: e,
         type: s,
         operator: h,
         rule: i,
         onChange: R
       },
-      w
+      x
     ),
     /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: f({}) }) }),
     /* @__PURE__ */ c(
-      Yt,
+      zt,
       {
         style: i == null ? void 0 : i.style,
         className: "univer-ml-1",
-        onChange: (v) => {
-          S(v), r(f({ style: v }));
+        onChange: (g) => {
+          y(g), r(f({ style: g }));
         }
       }
     )
   ] });
-}, Xn = (t, e) => (Ee[t] || [])[Number(e)] || "", pi = (t) => {
+}, rr = (t, e) => (Ve[t] || [])[Number(e)] || "", Ni = (t) => {
   var l;
-  const { error: e, type: r, onChange: n } = t, i = W(z), s = i.getCurrentUnitForType($.UNIVER_SHEET).getUnitId(), o = (l = i.getCurrentUnitForType($.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : l.getSheetId(), d = de(null), [a, h] = N(!1);
-  return Nt((u) => {
+  const { error: e, type: r, onChange: n } = t, i = q(Z), s = i.getCurrentUnitForType(A.UNIVER_SHEET).getUnitId(), o = (l = i.getCurrentUnitForType(A.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : l.getSheetId(), u = ge(null), [a, h] = N(!1);
+  return Nt((d) => {
     var p;
-    ((p = d.current) == null ? void 0 : p.isClickOutSide(u)) && h(!1);
-  }), /* @__PURE__ */ c("div", { className: "univer-relative", children: r !== A.formula ? /* @__PURE__ */ k(Bt, { children: [
+    ((p = u.current) == null ? void 0 : p.isClickOutSide(d)) && h(!1);
+  }), /* @__PURE__ */ c("div", { className: "univer-relative", children: r !== D.formula ? /* @__PURE__ */ k(jt, { children: [
     /* @__PURE__ */ c(
-      Ne,
+      ke,
       {
         className: X({
           "univer-border-red-500": e
         }),
         value: Number(t.value) || 0,
-        onChange: (u) => n(u != null ? u : 0)
+        onChange: (d) => n(d != null ? d : 0)
       }
     ),
     e && /* @__PURE__ */ c("div", { className: "univer-absolute univer-text-xs univer-text-red-500", children: e })
   ] }) : /* @__PURE__ */ c("div", { className: "univer-w-full", children: /* @__PURE__ */ c(
     Mt,
     {
-      ref: d,
+      ref: u,
       initValue: String(t.value),
       unitId: s,
       subUnitId: o,
       isFocus: a,
-      onChange: (u = "") => {
-        n(u || "");
+      onChange: (d = "") => {
+        n(d || "");
       },
       onFocus: () => h(!0)
     }
   ) }) });
-}, ln = (t, e, r) => ({
-  operator: P.greaterThan,
-  value: { type: A.num, value: (r.length - 1 - e) * 10 },
+}, an = (t, e, r) => ({
+  operator: U.greaterThan,
+  value: { type: D.num, value: (r.length - 1 - e) * 10 },
   iconType: t,
   iconId: String(e)
-}), Ci = Ve((t, e) => {
-  const { onClick: r } = t, n = W(re), i = (s) => {
+}), Mi = oe((t, e) => {
+  const { onClick: r } = t, n = q(re), i = (s) => {
     r(s);
   };
-  return /* @__PURE__ */ c("div", { ref: e, className: "univer-w-80", children: mr.map((s, o) => /* @__PURE__ */ k("div", { className: "univer-mb-3", children: [
+  return /* @__PURE__ */ c("div", { ref: e, className: "univer-w-80", children: Ir.map((s, o) => /* @__PURE__ */ k("div", { className: "univer-mb-3", children: [
     /* @__PURE__ */ c("div", { className: "univer-mb-1 univer-text-sm", children: n.t(s.title) }),
-    /* @__PURE__ */ c("div", { className: "univer-flex univer-flex-wrap", children: s.group.map((d) => /* @__PURE__ */ c(
+    /* @__PURE__ */ c("div", { className: "univer-flex univer-flex-wrap", children: s.group.map((u) => /* @__PURE__ */ c(
       "div",
       {
         className: "univer-mb-1 univer-flex univer-w-1/2 univer-items-center",
         onClick: () => {
-          i(d.name);
+          i(u.name);
         },
         children: /* @__PURE__ */ c(
           "a",
           {
             className: "univer-cursor-pointer univer-rounded dark:hover:!univer-bg-gray-700 hover:univer-bg-gray-100",
-            children: d.list.map((a, h) => /* @__PURE__ */ c(
+            children: u.list.map((a, h) => /* @__PURE__ */ c(
               "img",
               {
                 className: "univer-size-5",
@@ -1529,17 +1582,17 @@ const Me = (t) => {
           }
         )
       },
-      d.name
+      u.name
     )) })
   ] }, o)) });
-}), yi = (t) => {
+}), Vi = (t) => {
   const { onClick: e } = t, r = J(() => {
     const i = [];
-    for (const s in Ee) {
-      const o = Ee[s], d = s;
+    for (const s in Ve) {
+      const o = Ve[s], u = s;
       o.forEach((a, h) => {
         i.push({
-          iconType: d,
+          iconType: u,
           base64: a,
           iconId: String(h)
         });
@@ -1554,7 +1607,7 @@ const Me = (t) => {
       "div",
       {
         className: "univer-mb-2.5 univer-flex univer-cursor-pointer univer-items-center univer-pl-1",
-        onClick: () => n({ iconType: pr, iconId: "" }),
+        onClick: () => n({ iconType: _r, iconId: "" }),
         children: [
           /* @__PURE__ */ c(ot, { className: "univer-size-5" }),
           /* @__PURE__ */ c("span", { className: "univer-ml-2", children: "无单元格图标" })
@@ -1578,32 +1631,32 @@ const Me = (t) => {
       `${i.iconType}_${i.iconId}`
     )) })
   ] });
-}, bi = (t) => {
-  const { onChange: e, configList: r, errorMap: n = {} } = t, i = W(re), s = [{ label: i.t(`sheet.cf.symbol.${P.greaterThan}`), value: P.greaterThan }, { label: i.t(`sheet.cf.symbol.${P.greaterThanOrEqual}`), value: P.greaterThanOrEqual }], o = [
-    { label: i.t(`sheet.cf.valueType.${A.num}`), value: A.num },
-    { label: i.t(`sheet.cf.valueType.${A.percent}`), value: A.percent },
-    { label: i.t(`sheet.cf.valueType.${A.percentile}`), value: A.percentile },
-    { label: i.t(`sheet.cf.valueType.${A.formula}`), value: A.formula }
-  ], d = (u, g) => {
-    e([String(g), "value", "value"], u);
-  }, a = (u, g) => {
-    e([String(g), "operator"], u);
-    const p = mt(F.number, u);
-    d(p, g);
-  }, h = (u, g) => {
-    e([String(g), "value", "type"], u);
-    const p = r[g], S = mt(F.number, p.operator);
-    d(S, g);
+}, ki = (t) => {
+  const { onChange: e, configList: r, errorMap: n = {} } = t, i = q(re), s = [{ label: i.t(`sheet.cf.symbol.${U.greaterThan}`), value: U.greaterThan }, { label: i.t(`sheet.cf.symbol.${U.greaterThanOrEqual}`), value: U.greaterThanOrEqual }], o = [
+    { label: i.t(`sheet.cf.valueType.${D.num}`), value: D.num },
+    { label: i.t(`sheet.cf.valueType.${D.percent}`), value: D.percent },
+    { label: i.t(`sheet.cf.valueType.${D.percentile}`), value: D.percentile },
+    { label: i.t(`sheet.cf.valueType.${D.formula}`), value: D.formula }
+  ], u = (d, v) => {
+    e([String(v), "value", "value"], d);
+  }, a = (d, v) => {
+    e([String(v), "operator"], d);
+    const p = mt(F.number, d);
+    u(p, v);
+  }, h = (d, v) => {
+    e([String(v), "value", "type"], d);
+    const p = r[v], y = mt(F.number, p.operator);
+    u(y, v);
   };
-  return J(() => r.map((u, g) => {
-    const p = n[g], S = Xn(u.iconType, u.iconId), f = g === r.length - 1, T = g === 0, _ = r[g - 1], R = (_ == null ? void 0 : _.value.type) === A.formula ? i.t("sheet.cf.valueType.formula") : _ == null ? void 0 : _.value.value, w = (x, v) => {
-      const C = { ...u, iconId: v, iconType: x };
-      e([String(g)], C);
+  return J(() => r.map((d, v) => {
+    const p = n[v], y = rr(d.iconType, d.iconId), f = v === r.length - 1, w = v === 0, I = r[v - 1], R = (I == null ? void 0 : I.value.type) === D.formula ? i.t("sheet.cf.valueType.formula") : I == null ? void 0 : I.value.value, x = (T, g) => {
+      const b = { ...d, iconId: g, iconType: T };
+      e([String(v)], b);
     };
     return /* @__PURE__ */ k(
       "div",
       {
-        className: g ? "univer-mt-6" : "univer-mt-3",
+        className: v ? "univer-mt-6" : "univer-mt-3",
         children: [
           /* @__PURE__ */ k(
             "div",
@@ -1616,20 +1669,20 @@ const Me = (t) => {
                     className: "univer-w-[45%]",
                     children: [
                       i.t("sheet.cf.iconSet.icon"),
-                      g + 1
+                      v + 1
                     ]
                   }
                 ),
-                /* @__PURE__ */ c("div", { className: "univer-w-[45%]", children: /* @__PURE__ */ k(Bt, { children: [
-                  !T && !f && i.t("sheet.cf.iconSet.rule"),
-                  !T && !f && /* @__PURE__ */ k(
+                /* @__PURE__ */ c("div", { className: "univer-w-[45%]", children: /* @__PURE__ */ k(jt, { children: [
+                  !w && !f && i.t("sheet.cf.iconSet.rule"),
+                  !w && !f && /* @__PURE__ */ k(
                     "span",
                     {
                       className: "univer-font-medium univer-text-gray-600 dark:!univer-text-gray-200",
                       children: [
                         "(",
                         i.t("sheet.cf.iconSet.when"),
-                        i.t(`sheet.cf.symbol.${Ht(_.operator)}`),
+                        i.t(`sheet.cf.symbol.${Ht(I.operator)}`),
                         R,
                         f ? "" : ` ${i.t("sheet.cf.iconSet.and")} `,
                         ")"
@@ -1642,21 +1695,21 @@ const Me = (t) => {
           ),
           /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center univer-justify-between univer-gap-4", children: [
             /* @__PURE__ */ c("div", { className: "univer-flex univer-items-center", children: /* @__PURE__ */ c(
-              Zt,
+              Gt,
               {
-                overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(yi, { onClick: w, iconId: u.iconId, iconType: u.iconType }) }),
+                overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(Vi, { onClick: x, iconId: d.iconId, iconType: d.iconType }) }),
                 children: /* @__PURE__ */ k(
                   "div",
                   {
-                    className: X("univer-box-border univer-flex univer-h-8 univer-w-full univer-items-center univer-justify-between univer-rounded-md univer-bg-white univer-px-4 univer-py-2 univer-text-xs univer-text-gray-600 univer-transition-all dark:!univer-text-gray-200 hover:univer-border-primary-600", He),
+                    className: X("univer-box-border univer-flex univer-h-8 univer-w-full univer-items-center univer-justify-between univer-rounded-md univer-bg-white univer-px-4 univer-py-2 univer-text-xs univer-text-gray-600 univer-transition-all dark:!univer-text-gray-200 hover:univer-border-primary-600", Be),
                     children: [
-                      S ? /* @__PURE__ */ c("img", { src: S, className: "univer-size-4", draggable: !1 }) : /* @__PURE__ */ c(
+                      y ? /* @__PURE__ */ c("img", { src: y, className: "univer-size-4", draggable: !1 }) : /* @__PURE__ */ c(
                         ot,
                         {
                           className: "univer-size-4"
                         }
                       ),
-                      /* @__PURE__ */ c(Vt, {})
+                      /* @__PURE__ */ c(Zt, {})
                     ]
                   }
                 )
@@ -1670,24 +1723,24 @@ const Me = (t) => {
                   i.t("sheet.cf.iconSet.rule"),
                   /* @__PURE__ */ k("span", { className: "univer-font-medium", children: [
                     i.t("sheet.cf.iconSet.when"),
-                    i.t(`sheet.cf.symbol.${Ht(_.operator)}`),
+                    i.t(`sheet.cf.symbol.${Ht(I.operator)}`),
                     R,
                     f ? "" : ` ${i.t("sheet.cf.iconSet.and")} `
                   ] })
                 ]
               }
             ) : /* @__PURE__ */ c(
-              le,
+              ce,
               {
                 options: s,
-                value: u.operator,
-                onChange: (x) => {
-                  a(x, g);
+                value: d.operator,
+                onChange: (T) => {
+                  a(T, v);
                 }
               }
             )
           ] }),
-          f ? /* @__PURE__ */ c("div", {}) : /* @__PURE__ */ k(Bt, { children: [
+          f ? /* @__PURE__ */ c("div", {}) : /* @__PURE__ */ k(jt, { children: [
             /* @__PURE__ */ k(
               "div",
               {
@@ -1704,25 +1757,25 @@ const Me = (t) => {
                 className: "univer-mt-3 univer-flex univer-items-center univer-justify-between univer-gap-4",
                 children: [
                   /* @__PURE__ */ c(
-                    le,
+                    ce,
                     {
                       className: "univer-flex-shrink-0",
                       options: o,
-                      value: u.value.type,
-                      onChange: (x) => {
-                        h(x, g);
+                      value: d.value.type,
+                      onChange: (T) => {
+                        h(T, v);
                       }
                     }
                   ),
                   /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(
-                    pi,
+                    Ni,
                     {
-                      id: g,
-                      type: u.value.type,
+                      id: v,
+                      type: d.value.type,
                       error: p,
-                      value: u.value.value || "",
-                      onChange: (x) => {
-                        d(x, g);
+                      value: d.value.value || "",
+                      onChange: (T) => {
+                        u(T, v);
                       }
                     }
                   ) })
@@ -1732,102 +1785,102 @@ const Me = (t) => {
           ] })
         ]
       },
-      g
+      v
     );
   }), [r, n]);
-}, Si = (t) => {
-  var x;
-  const { interceptorManager: e } = t, r = ((x = t.rule) == null ? void 0 : x.type) === U.iconSet ? t.rule : void 0, n = W(re), [i, s] = N({}), [o, d] = N(() => {
-    const v = Object.keys(Ee)[0];
+}, Fi = (t) => {
+  var T;
+  const { interceptorManager: e } = t, r = ((T = t.rule) == null ? void 0 : T.type) === L.iconSet ? t.rule : void 0, n = q(re), [i, s] = N({}), [o, u] = N(() => {
+    const g = Object.keys(Ve)[0];
     if (r && r.config.length) {
-      const C = r.config[0].iconType;
-      if (!r.config.some((y) => y.iconType !== C))
-        return C;
+      const b = r.config[0].iconType;
+      if (!r.config.some((C) => C.iconType !== b))
+        return b;
     }
-    return v;
+    return g;
   }), [a, h] = N(() => {
     if (r && r.config.length)
-      return Wt.deepClone(r == null ? void 0 : r.config);
-    const v = Ee[o] || [];
-    return new Array(v.length).fill("").map((C, b, y) => b === y.length - 1 ? {
-      operator: P.lessThanOrEqual,
-      value: { type: A.num, value: Number.MAX_SAFE_INTEGER },
+      return Bt.deepClone(r == null ? void 0 : r.config);
+    const g = Ve[o] || [];
+    return new Array(g.length).fill("").map((b, S, C) => S === C.length - 1 ? {
+      operator: U.lessThanOrEqual,
+      value: { type: D.num, value: Number.MAX_SAFE_INTEGER },
       iconType: o,
-      iconId: String(b)
-    } : ln(o, b, y));
-  }), [l, u] = N(() => r ? !!r.isShowValue : !0), g = J(() => {
-    const v = a.map((C) => Xn(C.iconType, C.iconId));
-    return /* @__PURE__ */ c("div", { className: "univer-flex univer-items-center", children: v.map((C, b) => C ? /* @__PURE__ */ c(
+      iconId: String(S)
+    } : an(o, S, C));
+  }), [l, d] = N(() => r ? !!r.isShowValue : !0), v = J(() => {
+    const g = a.map((b) => rr(b.iconType, b.iconId));
+    return /* @__PURE__ */ c("div", { className: "univer-flex univer-items-center", children: g.map((b, S) => b ? /* @__PURE__ */ c(
       "img",
       {
         className: "univer-size-5",
-        src: C
+        src: b
       },
-      b
-    ) : /* @__PURE__ */ c(ot, { className: "univer-size-5" }, b)) });
-  }, [a]), p = (v) => {
-    if (v.reduce((b, y, M) => b.preType && !b.result || v.length - 1 === M ? b : y.value.type === A.formula ? {
-      preType: A.formula,
+      S
+    ) : /* @__PURE__ */ c(ot, { className: "univer-size-5" }, S)) });
+  }, [a]), p = (g) => {
+    if (g.reduce((S, C, M) => S.preType && !S.result || g.length - 1 === M ? S : C.value.type === D.formula ? {
+      preType: D.formula,
       result: !1
-    } : b.preType ? {
-      result: b.preType === y.value.type,
-      preType: y.value.type
+    } : S.preType ? {
+      result: S.preType === C.value.type,
+      preType: C.value.type
     } : {
       result: !0,
-      preType: y.value.type
-    }, { result: !0, preType: "" }).result && [A.num, A.percent, A.percentile].includes(v[0].value.type)) {
-      const b = {};
-      return v.forEach((y, M, E) => {
+      preType: C.value.type
+    }, { result: !0, preType: "" }).result && [D.num, D.percent, D.percentile].includes(g[0].value.type)) {
+      const S = {};
+      return g.forEach((C, M, E) => {
         if (M - 1 < 0 || M === E.length - 1)
           return;
-        const L = v[M - 1], m = Ht(L.operator);
-        fr({ operator: m, value: L.value.value }, y.value.value) || (b[M] = `${n.t(`sheet.cf.form.${m}`, String(L.value.value))} `);
-      }), b;
+        const O = g[M - 1], m = Ht(O.operator);
+        Sr({ operator: m, value: O.value.value }, C.value.value) || (S[M] = `${n.t(`sheet.cf.form.${m}`, String(O.value.value))} `);
+      }), S;
     }
     return {};
-  }, S = (v, C) => {
-    sr(a, v) !== C && (or(a, v, C), h([...a]), s(p(a)));
-  }, f = (v) => {
-    d(v);
-    const C = Ee[v] || [], b = new Array(C.length).fill("").map((y, M, E) => ln(v, M, E));
-    h(b), s(p(b));
+  }, y = (g, b) => {
+    dr(a, g) !== b && (hr(a, g, b), h([...a]), s(p(a)));
+  }, f = (g) => {
+    u(g);
+    const b = Ve[g] || [], S = new Array(b.length).fill("").map((C, M, E) => an(g, M, E));
+    h(S), s(p(S));
   };
   K(() => {
-    const v = e.intercept(e.getInterceptPoints().submit, {
+    const g = e.intercept(e.getInterceptPoints().submit, {
       handler() {
-        return { type: U.iconSet, isShowValue: l, config: a };
+        return { type: L.iconSet, isShowValue: l, config: a };
       }
     });
     return () => {
-      v();
+      g();
     };
   }, [l, a, e]), K(() => {
-    const v = e.intercept(e.getInterceptPoints().beforeSubmit, {
+    const g = e.intercept(e.getInterceptPoints().beforeSubmit, {
       handler() {
         return Object.keys(i).length === 0;
       }
     });
     return () => {
-      v();
+      g();
     };
   }, [l, a, e, i]);
-  const T = () => {
-    const v = a.map((C) => ({ ...C }));
-    a.forEach((C, b) => {
-      const y = a.length - 1 - b, M = v[y];
-      C.iconId = M.iconId, C.iconType = M.iconType;
+  const w = () => {
+    const g = a.map((b) => ({ ...b }));
+    a.forEach((b, S) => {
+      const C = a.length - 1 - S, M = g[C];
+      b.iconId = M.iconId, b.iconType = M.iconType;
     }), h([...a]);
-  }, _ = W(Lr), [R, w] = N();
-  return Ar(R, _.rootContainerElement), /* @__PURE__ */ k("div", { children: [
+  }, I = q(Br), [R, x] = N();
+  return Wr(R, I.rootContainerElement), /* @__PURE__ */ k("div", { children: [
     /* @__PURE__ */ c("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-600", children: n.t("sheet.cf.panel.styleRule") }),
     /* @__PURE__ */ c("div", { className: "univer-mt-3", children: /* @__PURE__ */ c(
-      Zt,
+      Gt,
       {
         overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(
-          Ci,
+          Mi,
           {
-            ref: (v) => {
-              !R && v && w(v);
+            ref: (g) => {
+              !R && g && x(g);
             },
             iconType: o,
             onClick: f
@@ -1836,10 +1889,10 @@ const Me = (t) => {
         children: /* @__PURE__ */ k(
           "div",
           {
-            className: X("univer-box-border univer-flex univer-h-8 univer-w-full univer-items-center univer-justify-between univer-rounded-md univer-bg-white univer-px-4 univer-py-2 univer-text-xs univer-text-gray-600 univer-transition-all hover:univer-border-primary-600", He),
+            className: X("univer-box-border univer-flex univer-h-8 univer-w-full univer-items-center univer-justify-between univer-rounded-md univer-bg-white univer-px-4 univer-py-2 univer-text-xs univer-text-gray-600 univer-transition-all hover:univer-border-primary-600", Be),
             children: [
-              g,
-              /* @__PURE__ */ c(Vt, {})
+              v,
+              /* @__PURE__ */ c(Zt, {})
             ]
           }
         )
@@ -1847,76 +1900,76 @@ const Me = (t) => {
     ) }),
     /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center univer-text-xs", children: [
       /* @__PURE__ */ k("div", { className: "univer-flex univer-items-center univer-text-xs", children: [
-        /* @__PURE__ */ c(yt, { onChange: T }),
+        /* @__PURE__ */ c(yt, { onChange: w }),
         n.t("sheet.cf.iconSet.reverseIconOrder")
       ] }),
       /* @__PURE__ */ k("div", { className: "univer-ml-6 univer-flex univer-items-center univer-text-xs", children: [
-        /* @__PURE__ */ c(yt, { checked: !l, onChange: (v) => {
-          u(!v);
+        /* @__PURE__ */ c(yt, { checked: !l, onChange: (g) => {
+          d(!g);
         } }),
         n.t("sheet.cf.iconSet.onlyShowIcon")
       ] })
     ] }),
-    /* @__PURE__ */ c(bi, { errorMap: i, onChange: S, configList: a })
+    /* @__PURE__ */ c(ki, { errorMap: i, onChange: y, configList: a })
   ] });
-}, Ii = (t) => {
-  var T;
-  const { onChange: e, interceptorManager: r } = t, n = W(re), i = ((T = t.rule) == null ? void 0 : T.type) === U.highlightCell ? t.rule : void 0, s = [{ label: n.t("sheet.cf.panel.isNotBottom"), value: "isNotBottom" }, { label: n.t("sheet.cf.panel.isBottom"), value: "isBottom" }, { label: n.t("sheet.cf.panel.greaterThanAverage"), value: "greaterThanAverage" }, { label: n.t("sheet.cf.panel.lessThanAverage"), value: "lessThanAverage" }], [o, d] = N(() => {
-    const _ = s[0].value, R = i == null ? void 0 : i.type;
+}, Li = (t) => {
+  var w;
+  const { onChange: e, interceptorManager: r } = t, n = q(re), i = ((w = t.rule) == null ? void 0 : w.type) === L.highlightCell ? t.rule : void 0, s = [{ label: n.t("sheet.cf.panel.isNotBottom"), value: "isNotBottom" }, { label: n.t("sheet.cf.panel.isBottom"), value: "isBottom" }, { label: n.t("sheet.cf.panel.greaterThanAverage"), value: "greaterThanAverage" }, { label: n.t("sheet.cf.panel.lessThanAverage"), value: "lessThanAverage" }], [o, u] = N(() => {
+    const I = s[0].value, R = i == null ? void 0 : i.type;
     if (!i)
-      return _;
+      return I;
     switch (R) {
-      case U.highlightCell:
+      case L.highlightCell:
         switch (i.subType) {
           case F.average:
-            return [P.greaterThan, P.greaterThanOrEqual].includes(i.operator) ? "greaterThanAverage" : [P.lessThan, P.lessThanOrEqual].includes(i.operator) ? "lessThanAverage" : _;
+            return [U.greaterThan, U.greaterThanOrEqual].includes(i.operator) ? "greaterThanAverage" : [U.lessThan, U.lessThanOrEqual].includes(i.operator) ? "lessThanAverage" : I;
           case F.rank:
             return i.isBottom ? "isBottom" : "isNotBottom";
         }
     }
-    return _;
+    return I;
   }), [a, h] = N(() => {
     const R = i == null ? void 0 : i.type;
     if (!i)
       return 10;
     switch (R) {
-      case U.highlightCell:
+      case L.highlightCell:
         switch (i.subType) {
           case F.rank:
             return i.value || 10;
         }
     }
     return 10;
-  }), [l, u] = N(() => {
+  }), [l, d] = N(() => {
     const R = i == null ? void 0 : i.type;
     if (!i)
       return !1;
     switch (R) {
-      case U.highlightCell:
+      case L.highlightCell:
         switch (i.subType) {
           case F.rank:
             return i.isPercent || !1;
         }
     }
     return !1;
-  }), [g, p] = N({}), S = (_) => {
-    const { type: R, isPercent: w, value: x, style: v } = _;
+  }), [v, p] = N({}), y = (I) => {
+    const { type: R, isPercent: x, value: T, style: g } = I;
     if (R === "isNotBottom")
-      return { type: U.highlightCell, subType: F.rank, isPercent: w, isBottom: !1, value: x, style: v };
+      return { type: L.highlightCell, subType: F.rank, isPercent: x, isBottom: !1, value: T, style: g };
     if (R === "isBottom")
-      return { type: U.highlightCell, subType: F.rank, isPercent: w, isBottom: !0, value: x, style: v };
+      return { type: L.highlightCell, subType: F.rank, isPercent: x, isBottom: !0, value: T, style: g };
     if (R === "greaterThanAverage")
-      return { type: U.highlightCell, subType: F.average, operator: P.greaterThan, style: v };
+      return { type: L.highlightCell, subType: F.average, operator: U.greaterThan, style: g };
     if (R === "lessThanAverage")
-      return { type: U.highlightCell, subType: F.average, operator: P.lessThan, style: v };
+      return { type: L.highlightCell, subType: F.average, operator: U.lessThan, style: g };
   };
   K(() => r.intercept(r.getInterceptPoints().submit, {
     handler() {
-      return S({ type: o, isPercent: l, value: a, style: g });
+      return y({ type: o, isPercent: l, value: a, style: v });
     }
-  }), [o, l, a, g, r]);
-  const f = (_) => {
-    e(S(_));
+  }), [o, l, a, v, r]);
+  const f = (I) => {
+    e(y(I));
   };
   return /* @__PURE__ */ k("div", { children: [
     /* @__PURE__ */ c(
@@ -1927,26 +1980,26 @@ const Me = (t) => {
       }
     ),
     /* @__PURE__ */ c(
-      le,
+      ce,
       {
         className: "univer-mt-3 univer-w-full",
         value: o,
         options: s,
-        onChange: (_) => {
-          d(_), f({ type: _, isPercent: l, value: a, style: g });
+        onChange: (I) => {
+          u(I), f({ type: I, isPercent: l, value: a, style: v });
         }
       }
     ),
     ["isNotBottom", "isBottom"].includes(o) && /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
       /* @__PURE__ */ c(
-        Ne,
+        ke,
         {
           min: 1,
           max: 1e3,
           value: a,
-          onChange: (_) => {
-            const R = _ || 0;
-            h(R), f({ type: o, isPercent: l, value: R, style: g });
+          onChange: (I) => {
+            const R = I || 0;
+            h(R), f({ type: o, isPercent: l, value: R, style: v });
           }
         }
       ),
@@ -1959,8 +2012,8 @@ const Me = (t) => {
               yt,
               {
                 checked: l,
-                onChange: (_) => {
-                  u(!!_), f({ type: o, isPercent: !!_, value: a, style: g });
+                onChange: (I) => {
+                  d(!!I), f({ type: o, isPercent: !!I, value: a, style: v });
                 }
               }
             ),
@@ -1969,44 +2022,44 @@ const Me = (t) => {
         }
       )
     ] }),
-    /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: S({ type: o, isPercent: l, value: a, style: g }) }) }),
+    /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: y({ type: o, isPercent: l, value: a, style: v }) }) }),
     /* @__PURE__ */ c(
-      Yt,
+      zt,
       {
         style: i == null ? void 0 : i.style,
         className: "univer-mt-3",
-        onChange: (_) => {
-          p(_), f({ type: o, isPercent: l, value: a, style: _ });
+        onChange: (I) => {
+          p(I), f({ type: o, isPercent: l, value: a, style: I });
         }
       }
     )
   ] });
-}, _i = pn("beforeSubmit"), Ti = pn("submit"), cn = (t) => t.getCurrentUnitForType($.UNIVER_SHEET).getUnitId(), un = (t) => {
+}, Ui = fn("beforeSubmit"), Pi = fn("submit"), ln = (t) => t.getCurrentUnitForType(A.UNIVER_SHEET).getUnitId(), cn = (t) => {
   var e;
-  return (e = t.getCurrentUnitForType($.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : e.getSheetId();
-}, Ri = (t) => {
-  var b, y, M;
-  const e = W(re), r = W(te), n = W(z), i = W(Q), s = W($e), o = cn(n), d = un(n), [a, h] = N(void 0), l = de((y = (b = t.rule) == null ? void 0 : b.ranges) != null ? y : []), u = J(() => {
-    var V, L, m;
+  return (e = t.getCurrentUnitForType(A.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : e.getSheetId();
+}, Oi = (t) => {
+  var S, C, M;
+  const e = q(re), r = q(te), n = q(Z), i = q(Q), s = q(je), o = ln(n), u = cn(n), [a, h] = N(void 0), l = ge((C = (S = t.rule) == null ? void 0 : S.ranges) != null ? C : []), d = J(() => {
+    var V, O, m;
     let E = (V = t.rule) == null ? void 0 : V.ranges;
-    return E != null && E.length || (E = (m = (L = s.getCurrentSelections()) == null ? void 0 : L.map((I) => I.range)) != null ? m : []), l.current = E, E != null && E.length ? E.map((I) => {
-      const H = Un(I);
-      return H === "NaN" ? "" : H;
-    }).filter((I) => !!I).join(",") : "";
-  }, [t.rule]), g = [
+    return E != null && E.length || (E = (m = (O = s.getCurrentSelections()) == null ? void 0 : O.map((_) => _.range)) != null ? m : []), l.current = E, E != null && E.length ? E.map((_) => {
+      const j = Ln(_);
+      return j === "NaN" ? "" : j;
+    }).filter((_) => !!_).join(",") : "";
+  }, [t.rule]), v = [
     { label: e.t("sheet.cf.ruleType.highlightCell"), value: "1" },
     { label: e.t("sheet.cf.panel.rankAndAverage"), value: "2" },
     { label: e.t("sheet.cf.ruleType.dataBar"), value: "3" },
     { label: e.t("sheet.cf.ruleType.colorScale"), value: "4" },
     { label: e.t("sheet.cf.ruleType.formula"), value: "5" },
     { label: e.t("sheet.cf.ruleType.iconSet"), value: "6" }
-  ], [p, S] = N(() => {
-    var L, m;
-    const E = (L = t.rule) == null ? void 0 : L.rule.type, V = g[0].value;
+  ], [p, y] = N(() => {
+    var O, m;
+    const E = (O = t.rule) == null ? void 0 : O.rule.type, V = v[0].value;
     if (!E)
       return V;
     switch (E) {
-      case U.highlightCell: {
+      case L.highlightCell: {
         switch ((m = t.rule) == null ? void 0 : m.rule.subType) {
           case F.number:
           case F.text:
@@ -2022,69 +2075,69 @@ const Me = (t) => {
         }
         break;
       }
-      case U.dataBar:
+      case L.dataBar:
         return "3";
-      case U.colorScale:
+      case L.colorScale:
         return "4";
-      case U.iconSet:
+      case L.iconSet:
         return "6";
     }
     return V;
-  }), f = de(void 0), T = J(() => new ar({ beforeSubmit: _i, submit: Ti }), []), _ = J(() => {
+  }), f = ge(void 0), w = J(() => new vr({ beforeSubmit: Ui, submit: Pi }), []), I = J(() => {
     switch (p) {
       case "1":
-        return an;
+        return on;
       case "2":
-        return Ii;
+        return Li;
       case "3":
-        return gi;
+        return Ti;
       case "4":
-        return vi;
+        return Ri;
       case "5":
-        return mi;
+        return xi;
       case "6":
-        return Si;
+        return Fi;
       default:
-        return an;
+        return on;
     }
   }, [p]);
   K(() => {
     const E = r.onCommandExecuted((V) => {
-      if (V.id === Rr.id) {
-        const L = V.params;
-        L.subUnitId === d && L.unitId === o && t.onCancel();
+      if (V.id === Vr.id) {
+        const O = V.params;
+        O.subUnitId === u && O.unitId === o && t.onCancel();
       }
-      V.id === qt.id && t.onCancel();
+      V.id === Wt.id && t.onCancel();
     });
     return () => E.dispose();
   }, []);
   const R = (E) => {
     f.current = E;
-  }, w = (E) => {
-    const V = E.split(",").filter((L) => !!L).map(Zr).map((L) => L.range);
+  }, x = (E) => {
+    const V = E.split(",").filter((O) => !!O).map(ei).map((O) => O.range);
     l.current = V;
-  }, x = () => {
+  }, T = () => {
     if (a)
       return;
     const V = (() => {
-      const m = n.getCurrentUnitForType($.UNIVER_SHEET).getActiveSheet();
+      const m = n.getCurrentUnitForType(A.UNIVER_SHEET).getActiveSheet();
       if (!m)
         throw new Error("No active sheet found");
-      return l.current.map((Y) => xr(Y, m.getRowCount(), m.getColumnCount())).filter((Y) => !(Number.isNaN(Y.startRow) || Number.isNaN(Y.startColumn)));
+      return l.current.map((Y) => kr(Y, m.getRowCount(), m.getColumnCount())).filter((Y) => !(Number.isNaN(Y.startRow) || Number.isNaN(Y.startColumn)));
     })();
-    if (T.fetchThroughInterceptors(T.getInterceptPoints().beforeSubmit)(!0, null)) {
-      const m = T.fetchThroughInterceptors(T.getInterceptPoints().submit)(null, null);
+    if (w.fetchThroughInterceptors(w.getInterceptPoints().beforeSubmit)(!0, null)) {
+      const m = w.fetchThroughInterceptors(w.getInterceptPoints().submit)(null, null);
       if (m) {
-        const I = cn(n), H = un(n);
-        if (!I || !H)
+        const _ = ln(n), j = cn(n);
+        if (!_ || !j)
           throw new Error("No active sheet found");
         let Y = {};
-        t.rule && t.rule.cfId ? (Y = { ...t.rule, ranges: V, rule: m }, r.executeCommand(Cr.id, { unitId: I, subUnitId: H, rule: Y }), t.onCancel()) : (Y = { cfId: i.createCfId(I, H), ranges: V, rule: m, stopIfTrue: !1 }, r.executeCommand(_n.id, { unitId: I, subUnitId: H, rule: Y }), t.onCancel());
+        t.rule && t.rule.cfId ? (Y = { ...t.rule, ranges: V, rule: m }, r.executeCommand(wr.id, { unitId: _, subUnitId: j, rule: Y }), t.onCancel()) : (Y = { cfId: i.createCfId(_, j), ranges: V, rule: m, stopIfTrue: !1 }, r.executeCommand(Sn.id, { unitId: _, subUnitId: j, rule: Y }), t.onCancel());
       }
     }
-  }, v = () => {
+  }, g = () => {
     t.onCancel();
-  }, C = (E, V) => {
+  }, b = (E, V) => {
     E ? V.length < 1 ? h(e.t("sheet.cf.errorMessage.rangeError")) : h(void 0) : h(e.t("sheet.cf.errorMessage.rangeError"));
   };
   return /* @__PURE__ */ k("div", { children: [
@@ -2097,13 +2150,13 @@ const Me = (t) => {
     ),
     /* @__PURE__ */ k("div", { className: "univer-mt-4", children: [
       /* @__PURE__ */ c(
-        Yr,
+        ti,
         {
           unitId: o,
-          subUnitId: d,
-          initialValue: u,
-          onChange: (E, V) => w(V),
-          onVerify: C
+          subUnitId: u,
+          initialValue: d,
+          onChange: (E, V) => x(V),
+          onVerify: b
         }
       ),
       a && /* @__PURE__ */ c("div", { className: "univer-mt-1 univer-text-xs univer-text-red-500", children: a })
@@ -2116,39 +2169,39 @@ const Me = (t) => {
       }
     ),
     /* @__PURE__ */ c(
-      le,
+      ce,
       {
         className: "univer-mt-4 univer-w-full",
         value: p,
-        options: g,
-        onChange: (E) => S(E)
+        options: v,
+        onChange: (E) => y(E)
       }
     ),
     /* @__PURE__ */ c(
-      _,
+      I,
       {
-        interceptorManager: T,
+        interceptorManager: w,
         rule: (M = t.rule) == null ? void 0 : M.rule,
         onChange: R
       }
     ),
     /* @__PURE__ */ k("div", { className: "univer-mt-4 univer-flex univer-justify-end", children: [
-      /* @__PURE__ */ c(Jt, { onClick: v, children: e.t("sheet.cf.panel.cancel") }),
-      /* @__PURE__ */ c(Jt, { className: "univer-ml-3", variant: "primary", onClick: x, children: e.t("sheet.cf.panel.submit") })
+      /* @__PURE__ */ c(Xt, { onClick: g, children: e.t("sheet.cf.panel.cancel") }),
+      /* @__PURE__ */ c(Xt, { className: "univer-ml-3", variant: "primary", onClick: T, children: e.t("sheet.cf.panel.submit") })
     ] })
   ] });
 };
-var xi = Object.getOwnPropertyDescriptor, wi = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? xi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+var Di = Object.getOwnPropertyDescriptor, $i = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Di(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, Ei = (t, e) => (r, n) => e(r, n, t);
-let De = class extends ce {
+}, Ai = (t, e) => (r, n) => e(r, n, t);
+let He = class extends ue {
   constructor(e) {
     super();
-    ye(this, "_initLocal", () => {
+    Se(this, "_initLocal", () => {
     });
-    ye(this, "_findReplaceIndex", (e) => {
+    Se(this, "_findReplaceIndex", (e) => {
       const r = /\{([^}]+)?\}/g, n = [];
       let i = r.exec(e);
       for (; i; )
@@ -2165,34 +2218,34 @@ let De = class extends ce {
     const n = this._localeService.getLocales(), i = e.split("."), s = n && this._localeService.resolveKeyPath(n, i);
     if (typeof s == "string") {
       const o = [];
-      return this._findReplaceIndex(s).forEach((d, a, h) => {
+      return this._findReplaceIndex(s).forEach((u, a, h) => {
         const l = h[a - 1] || { endIndex: -1 };
-        if (l.endIndex + 1 < d.startIndex) {
-          const u = s.slice(l.endIndex + 1, d.startIndex);
-          u && o.push(u);
+        if (l.endIndex + 1 < u.startIndex) {
+          const d = s.slice(l.endIndex + 1, u.startIndex);
+          d && o.push(d);
         }
-        if (r[d.key] && o.push(r[d.key]), a === h.length - 1) {
-          const u = s.slice(d.endIndex + 1);
-          u && o.push(u);
+        if (r[u.key] && o.push(r[u.key]), a === h.length - 1) {
+          const d = s.slice(u.endIndex + 1);
+          d && o.push(d);
         }
       }), o;
     }
     return [];
   }
 };
-De = wi([
-  Ei(0, O(re))
-], De);
-const Ni = (t, e) => {
+He = $i([
+  Ai(0, P(re))
+], He);
+const Hi = (t, e) => {
   const r = t.rule;
   switch (r.type) {
-    case U.colorScale:
+    case L.colorScale:
       return e.t("sheet.cf.ruleType.colorScale");
-    case U.dataBar:
+    case L.dataBar:
       return e.t("sheet.cf.ruleType.dataBar");
-    case U.iconSet:
+    case L.iconSet:
       return e.t("sheet.cf.ruleType.iconSet");
-    case U.highlightCell:
+    case L.highlightCell:
       switch (r.subType) {
         case F.average: {
           const n = r.operator;
@@ -2221,118 +2274,118 @@ const Ni = (t, e) => {
       }
   }
 };
-let dn = 0;
-const Mi = (t) => {
-  const { onClick: e } = t, r = W(Q), n = W(z), i = W($e), s = W(te), o = W(re), d = W(ve), a = W(Fn), h = W(De), l = Dr(() => n.getCurrentTypeOfUnit$($.UNIVER_SHEET), void 0, void 0, []), u = l.getUnitId(), g = l.getActiveSheet();
-  if (!g)
+let un = 0;
+const ji = (t) => {
+  const { onClick: e } = t, r = q(Q), n = q(Z), i = q(je), s = q(te), o = q(re), u = q(fe), a = q(Fn), h = q(He), l = qr(() => n.getCurrentTypeOfUnit$(A.UNIVER_SHEET), void 0, void 0, []), d = l.getUnitId(), v = l.getActiveSheet();
+  if (!v)
     throw new Error("No active sheet found");
-  const p = g.getSheetId(), [S, f] = N([]), [T, _] = N("2"), [R, w] = N(0), [x, v] = N(-1), [C, b] = N(dn), y = de(null), M = [
+  const p = v.getSheetId(), [y, f] = N([]), [w, I] = N("2"), [R, x] = N(0), [T, g] = N(-1), [b, S] = N(un), C = ge(null), M = [
     { label: o.t("sheet.cf.panel.workSheet"), value: "2" },
     { label: o.t("sheet.cf.panel.selectedRange"), value: "1" }
   ], E = () => {
-    const D = r.getSubunitRules(u, p);
-    if (!D || !D.length)
+    const $ = r.getSubunitRules(d, p);
+    if (!$ || !$.length)
       return [];
-    if (T === "1") {
+    if (w === "1") {
       const B = i.getCurrentLastSelection();
       if (!B)
         return [];
       const G = B.range;
-      return D.filter((ee) => ee.ranges.some((ne) => fe.intersects(ne, G)));
-    } else if (T === "2")
-      return [...D];
+      return $.filter((ee) => ee.ranges.some((ne) => ye.intersects(ne, G)));
+    } else if (w === "2")
+      return [...$];
     return [];
-  }, [V, L] = N(E);
-  Kr(S), K(() => {
-    const D = s.onCommandExecuted((B) => {
-      B.id === qt.id && w(Math.random());
+  }, [V, O] = N(E);
+  ni(y), K(() => {
+    const $ = s.onCommandExecuted((B) => {
+      B.id === Wt.id && x(Math.random());
     });
-    return () => D.dispose();
+    return () => $.dispose();
   }), K(() => {
-    L(E);
-  }, [T, R, u, p]), K(() => {
-    if (T === "2")
+    O(E);
+  }, [w, R, d, p]), K(() => {
+    if (w === "2")
       return;
-    const D = new xe((B) => {
-      const G = [wr.id, se.id, be.id, Se.id, Tn.id], Z = s.onCommandExecuted((ee) => {
-        const { id: ne, params: Ie } = ee, _e = n.getCurrentUnitOfType($.UNIVER_SHEET).getUnitId();
-        G.includes(ne) && Ie.unitId === _e && B.next(null);
+    const $ = new Ne((B) => {
+      const G = [Fr.id, se.id, _e.id, we.id, _n.id], z = s.onCommandExecuted((ee) => {
+        const { id: ne, params: Re } = ee, Te = n.getCurrentUnitOfType(A.UNIVER_SHEET).getUnitId();
+        G.includes(ne) && Re.unitId === Te && B.next(null);
       });
-      return () => Z.dispose();
-    }).pipe(tn(16)).subscribe(() => {
-      L(E);
+      return () => z.dispose();
+    }).pipe(en(16)).subscribe(() => {
+      O(E);
     });
     return () => {
-      D.unsubscribe();
+      $.unsubscribe();
     };
-  }, [n, T, u, p]), K(() => {
-    const D = r.$ruleChange.subscribe(() => {
-      w(Math.random());
+  }, [n, w, d, p]), K(() => {
+    const $ = r.$ruleChange.subscribe(() => {
+      x(Math.random());
     });
-    return () => D.unsubscribe();
+    return () => $.unsubscribe();
   }, [r]), K(() => {
-    const D = () => {
+    const $ = () => {
       var ee, ne;
-      const Z = Math.max(0, ((ne = (ee = y.current) == null ? void 0 : ee.getBoundingClientRect().width) != null ? ne : 0) - 8);
-      return dn = Z, Z;
-    }, G = new xe((Z) => {
+      const z = Math.max(0, ((ne = (ee = C.current) == null ? void 0 : ee.getBoundingClientRect().width) != null ? ne : 0) - 8);
+      return un = z, z;
+    }, G = new Ne((z) => {
       const ee = a.getContainer();
       if (ee) {
         let ne = setTimeout(() => {
-          Z.next(void 0);
+          z.next(void 0);
         }, 150);
-        const Ie = () => {
+        const Re = () => {
           ne && clearTimeout(ne), ne = null;
-        }, _e = (lt) => {
-          lt.propertyName === "width" && (Ie(), Z.next(void 0));
+        }, Te = (lt) => {
+          lt.propertyName === "width" && (Re(), z.next(void 0));
         };
-        return ee.addEventListener("transitionend", _e), () => {
-          Ie(), ee.removeEventListener("transitionend", _e);
+        return ee.addEventListener("transitionend", Te), () => {
+          Re(), ee.removeEventListener("transitionend", Te);
         };
       }
-    }).pipe(tn(16)).subscribe(() => {
-      b(D());
+    }).pipe(en(16)).subscribe(() => {
+      S($());
     });
     return () => {
       G.unsubscribe();
     };
   }, []);
-  const m = (D) => {
-    var Z;
-    const B = n.getCurrentUnitOfType($.UNIVER_SHEET).getUnitId(), G = (Z = n.getCurrentUnitOfType($.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : Z.getSheetId();
+  const m = ($) => {
+    var z;
+    const B = n.getCurrentUnitOfType(A.UNIVER_SHEET).getUnitId(), G = (z = n.getCurrentUnitOfType(A.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : z.getSheetId();
     if (!B || !G)
       throw new Error("No active sheet found");
-    s.executeCommand(Kt.id, { unitId: B, subUnitId: G, cfId: D.cfId });
-  }, I = (D, B) => {
-    v(B.y);
-  }, H = (D, B, G) => {
+    s.executeCommand(Yt.id, { unitId: B, subUnitId: G, cfId: $.cfId });
+  }, _ = ($, B) => {
+    g(B.y);
+  }, j = ($, B, G) => {
     var lt;
-    v(-1);
-    const Z = n.getCurrentUnitOfType($.UNIVER_SHEET).getUnitId(), ee = (lt = n.getCurrentUnitOfType($.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : lt.getSheetId();
-    if (!Z || !ee)
+    g(-1);
+    const z = n.getCurrentUnitOfType(A.UNIVER_SHEET).getUnitId(), ee = (lt = n.getCurrentUnitOfType(A.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : lt.getSheetId();
+    if (!z || !ee)
       throw new Error("No active sheet found");
-    const ne = (tr) => {
-      const nr = V.length;
-      return Math.min(nr - 1, Math.max(0, tr));
-    }, Ie = V[ne(B.y)].cfId, _e = V[ne(G.y)].cfId;
-    Ie !== _e && s.executeCommand(yr.id, { unitId: Z, subUnitId: ee, start: { id: Ie, type: "self" }, end: { id: _e, type: G.y > B.y ? "after" : "before" } });
+    const ne = (ar) => {
+      const lr = V.length;
+      return Math.min(lr - 1, Math.max(0, ar));
+    }, Re = V[ne(B.y)].cfId, Te = V[ne(G.y)].cfId;
+    Re !== Te && s.executeCommand(Rr.id, { unitId: z, subUnitId: ee, start: { id: Re, type: "self" }, end: { id: Te, type: G.y > B.y ? "after" : "before" } });
   }, Y = () => {
     t.onCreate();
-  }, ge = () => {
-    T === "2" ? s.executeCommand(Rn.id) : T === "1" && V.map((B) => ({ unitId: u, subUnitId: p, cfId: B.cfId })).forEach((B) => {
-      s.executeCommand(Kt.id, B);
+  }, pe = () => {
+    w === "2" ? s.executeCommand(wn.id) : w === "1" && V.map((B) => ({ unitId: d, subUnitId: p, cfId: B.cfId })).forEach((B) => {
+      s.executeCommand(Yt.id, B);
     });
-  }, me = J(() => {
-    const D = n.getCurrentUnitOfType($.UNIVER_SHEET), B = D.getActiveSheet();
+  }, Ce = J(() => {
+    const $ = n.getCurrentUnitOfType(A.UNIVER_SHEET), B = $.getActiveSheet();
     return V.filter((G) => {
-      const Z = G.ranges;
-      return ft(d, D.getUnitId(), B.getSheetId(), Z);
+      const z = G.ranges;
+      return ft(u, $.getUnitId(), B.getSheetId(), z);
     });
-  }, [V]), ke = me.map((D, B) => ({ i: D.cfId, x: 0, w: 12, y: B, h: 1, isResizable: !1 })), Fe = J(() => {
-    const D = n.getCurrentUnitOfType($.UNIVER_SHEET), B = D.getActiveSheet();
+  }, [V]), Le = Ce.map(($, B) => ({ i: $.cfId, x: 0, w: 12, y: B, h: 1, isResizable: !1 })), Ue = J(() => {
+    const $ = n.getCurrentUnitOfType(A.UNIVER_SHEET), B = $.getActiveSheet();
     return V.every((G) => {
-      const Z = G.ranges;
-      return ft(d, D.getUnitId(), B.getSheetId(), Z);
+      const z = G.ranges;
+      return ft(u, $.getUnitId(), B.getSheetId(), z);
     });
   }, [V]);
   return /* @__PURE__ */ k("div", { children: [
@@ -2340,60 +2393,60 @@ const Mi = (t) => {
       /* @__PURE__ */ c("div", { className: "univer-flex univer-items-center univer-gap-2", children: h.tWithReactNode(
         "sheet.cf.panel.managerRuleSelect",
         /* @__PURE__ */ c(
-          le,
+          ce,
           {
             className: "univer-w-36",
             options: M,
-            value: T,
-            onChange: (D) => {
-              _(D);
+            value: w,
+            onChange: ($) => {
+              I($);
             }
           }
         )
-      ).map((D, B) => /* @__PURE__ */ c("span", { children: D }, B)) }),
+      ).map(($, B) => /* @__PURE__ */ c("span", { children: $ }, B)) }),
       /* @__PURE__ */ k("div", { className: "univer-flex univer-justify-end", children: [
-        /* @__PURE__ */ c(Qt, { title: o.t("sheet.cf.panel.createRule"), placement: "bottom", children: /* @__PURE__ */ c(
+        /* @__PURE__ */ c(Jt, { title: o.t("sheet.cf.panel.createRule"), placement: "bottom", children: /* @__PURE__ */ c(
           "a",
           {
             className: "univer-size-5 univer-cursor-pointer",
             onClick: Y,
-            children: /* @__PURE__ */ c(Yn, {})
+            children: /* @__PURE__ */ c(Xn, {})
           }
         ) }),
-        V.length && Fe ? /* @__PURE__ */ c(Qt, { title: o.t("sheet.cf.panel.clear"), placement: "bottom", children: /* @__PURE__ */ c(
+        V.length && Ue ? /* @__PURE__ */ c(Jt, { title: o.t("sheet.cf.panel.clear"), placement: "bottom", children: /* @__PURE__ */ c(
           "a",
           {
             className: "univer-size-5 univer-cursor-pointer",
-            onClick: ge,
+            onClick: pe,
             children: /* @__PURE__ */ c(gt, { className: "univer-text-red-500" })
           }
         ) }) : /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(gt, { className: "univer-text-gray-300" }) })
       ] })
     ] }),
-    /* @__PURE__ */ c("div", { ref: y, children: C > 0 && /* @__PURE__ */ c(
-      zr,
+    /* @__PURE__ */ c("div", { ref: C, children: b > 0 && /* @__PURE__ */ c(
+      Qr,
       {
         className: "[&_.react-grid-item]:univer-transition-none [&_.react-grid-placeholder]:univer-rounded [&_.react-grid-placeholder]:!univer-bg-gray-200",
         draggableHandle: ".draggableHandle",
-        layout: ke,
+        layout: Le,
         cols: 12,
         rowHeight: 60,
-        width: C,
+        width: b,
         margin: [0, 10],
-        onDragStop: H,
-        onDragStart: I,
-        children: me == null ? void 0 : me.map((D, B) => /* @__PURE__ */ c("div", { children: /* @__PURE__ */ k(
+        onDragStop: j,
+        onDragStart: _,
+        children: Ce == null ? void 0 : Ce.map(($, B) => /* @__PURE__ */ c("div", { children: /* @__PURE__ */ k(
           "div",
           {
             className: X("univer-group univer-relative univer-flex univer-items-center univer-justify-between univer-rounded univer-py-2 univer-pl-5 univer-pr-8 dark:hover:!univer-bg-gray-700 hover:univer-bg-gray-100", {
-              "univer-bg-gray-100 dark:!univer-bg-gray-700": x === B
+              "univer-bg-gray-100 dark:!univer-bg-gray-700": T === B
             }),
             onMouseMove: () => {
-              D.ranges !== S && f(D.ranges);
+              $.ranges !== y && f($.ranges);
             },
             onMouseLeave: () => f([]),
             onClick: () => {
-              e(D);
+              e($);
             },
             children: [
               /* @__PURE__ */ c(
@@ -2401,7 +2454,7 @@ const Mi = (t) => {
                 {
                   className: X("univer-absolute univer-left-0 univer-hidden univer-size-5 univer-cursor-grab univer-items-center univer-justify-center univer-rounded group-hover:univer-flex", "draggableHandle"),
                   onClick: (G) => G.stopPropagation(),
-                  children: /* @__PURE__ */ c(Kn, {})
+                  children: /* @__PURE__ */ c(er, {})
                 }
               ),
               /* @__PURE__ */ k(
@@ -2413,56 +2466,56 @@ const Mi = (t) => {
                       "div",
                       {
                         className: "univer-text-sm univer-text-gray-900 dark:!univer-text-white",
-                        children: Ni(D, o)
+                        children: Hi($, o)
                       }
                     ),
-                    /* @__PURE__ */ c("div", { className: "univer-text-xs univer-text-gray-400", children: D.ranges.map((G) => Un(G)).join(",") })
+                    /* @__PURE__ */ c("div", { className: "univer-text-xs univer-text-gray-400", children: $.ranges.map((G) => Ln(G)).join(",") })
                   ]
                 }
               ),
-              /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(We, { rule: D.rule }) }),
+              /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(We, { rule: $.rule }) }),
               /* @__PURE__ */ c(
                 "div",
                 {
                   className: X("univer-absolute univer-right-1 univer-hidden univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded group-hover:univer-flex hover:univer-bg-gray-200", {
-                    "univer-flex univer-items-center univer-justify-center": x === B
+                    "univer-flex univer-items-center univer-justify-center": T === B
                   }),
                   onClick: (G) => {
-                    G.stopPropagation(), m(D), f([]);
+                    G.stopPropagation(), m($), f([]);
                   },
                   children: /* @__PURE__ */ c(gt, {})
                 }
               )
             ]
           }
-        ) }, `${D.cfId}`))
+        ) }, `${$.cfId}`))
       }
     ) })
   ] });
-}, Vi = (t) => {
+}, Bi = (t) => {
   const [e, r] = N(t.rule), [n, i] = N(!!t.rule);
-  return /* @__PURE__ */ c("div", { className: "univer-flex univer-h-full univer-flex-col univer-justify-between", children: n ? /* @__PURE__ */ c(Ri, { onCancel: () => {
+  return /* @__PURE__ */ c("div", { className: "univer-flex univer-h-full univer-flex-col univer-justify-between", children: n ? /* @__PURE__ */ c(Oi, { onCancel: () => {
     i(!1), r(void 0);
-  }, rule: e }) : /* @__PURE__ */ c(Mi, { onClick: (a) => {
+  }, rule: e }) : /* @__PURE__ */ c(ji, { onClick: (a) => {
     r(a), i(!0);
   }, onCreate: () => {
     i(!0);
   } }) });
 };
-var ki = Object.getOwnPropertyDescriptor, Fi = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? ki(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+var Wi = Object.getOwnPropertyDescriptor, qi = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Wi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
 }, qe = (t, e) => (r, n) => e(r, n, t);
 const ht = "sheet.conditional.formatting.panel";
-let Qe = class extends ce {
+let Qe = class extends ue {
   constructor(e, r, n, i, s) {
     super();
-    ye(this, "_sidebarDisposable", null);
+    Se(this, "_sidebarDisposable", null);
     this._univerInstanceService = e, this._injector = r, this._componentManager = n, this._sidebarService = i, this._localeService = s, this._initPanel(), this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$($.UNIVER_SHEET).subscribe((o) => {
-        var d;
-        o || (d = this._sidebarDisposable) == null || d.dispose();
+      this._univerInstanceService.getCurrentTypeOfUnit$(A.UNIVER_SHEET).subscribe((o) => {
+        var u;
+        o || (u = this._sidebarDisposable) == null || u.dispose();
       })
     ), this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe((o) => {
       o.id === ht && (o.visible || setTimeout(() => {
@@ -2477,7 +2530,7 @@ let Qe = class extends ce {
       children: {
         label: ht,
         rule: e,
-        key: lr(4)
+        key: gr(4)
       },
       onClose: () => this._sidebarDisposable = null
     };
@@ -2485,35 +2538,35 @@ let Qe = class extends ce {
   }
   _initPanel() {
     this.disposeWithMe(
-      this._componentManager.register(ht, Vi)
+      this._componentManager.register(ht, Bi)
     );
   }
 };
-Qe = Fi([
-  qe(0, z),
-  qe(1, O(ve)),
-  qe(2, O(zt)),
-  qe(3, O(Fn)),
-  qe(4, O(re))
+Qe = qi([
+  qe(0, Z),
+  qe(1, P(fe)),
+  qe(2, P(kn)),
+  qe(3, P(Fn)),
+  qe(4, P(re))
 ], Qe);
 var ie = /* @__PURE__ */ ((t) => (t[t.createRule = 1] = "createRule", t[t.viewRule = 2] = "viewRule", t[t.highlightCell = 3] = "highlightCell", t[t.rank = 4] = "rank", t[t.formula = 5] = "formula", t[t.colorScale = 6] = "colorScale", t[t.dataBar = 7] = "dataBar", t[t.icon = 8] = "icon", t[t.clearRangeRules = 9] = "clearRangeRules", t[t.clearWorkSheetRules = 10] = "clearWorkSheetRules", t))(ie || {});
-const kt = {
+const Vt = {
   id: "sheet.operation.open.conditional.formatting.panel",
-  type: he.OPERATION,
+  type: me.OPERATION,
   handler: (t, e) => {
-    var d;
-    const r = t.get(Qe), n = t.get($e), i = t.get(te), s = ((d = n.getCurrentSelections()) == null ? void 0 : d.map((a) => a.range)) || [];
+    var u;
+    const r = t.get(Qe), n = t.get(je), i = t.get(te), s = ((u = n.getCurrentSelections()) == null ? void 0 : u.map((a) => a.range)) || [];
     switch (e.value) {
       case 3: {
-        r.openPanel({ ...Te(), ranges: s });
+        r.openPanel({ ...xe(), ranges: s });
         break;
       }
       case 4: {
         const a = {
-          ...Te,
+          ...xe,
           ranges: s,
           rule: {
-            type: U.highlightCell,
+            type: L.highlightCell,
             subType: F.rank
           }
         };
@@ -2522,10 +2575,10 @@ const kt = {
       }
       case 5: {
         const a = {
-          ...Te,
+          ...xe,
           ranges: s,
           rule: {
-            type: U.highlightCell,
+            type: L.highlightCell,
             subType: F.formula,
             value: "="
           }
@@ -2535,10 +2588,10 @@ const kt = {
       }
       case 6: {
         const a = {
-          ...Te,
+          ...xe,
           ranges: s,
           rule: {
-            type: U.colorScale,
+            type: L.colorScale,
             config: []
           }
         };
@@ -2547,10 +2600,10 @@ const kt = {
       }
       case 7: {
         const a = {
-          ...Te,
+          ...xe,
           ranges: s,
           rule: {
-            type: U.dataBar,
+            type: L.dataBar,
             isShowValue: !0
           }
         };
@@ -2559,10 +2612,10 @@ const kt = {
       }
       case 8: {
         const a = {
-          ...Te,
+          ...xe,
           ranges: s,
           rule: {
-            type: U.iconSet,
+            type: L.iconSet,
             config: [],
             isShowValue: !0
           }
@@ -2575,30 +2628,30 @@ const kt = {
         break;
       }
       case 1: {
-        r.openPanel({ ...Te(), ranges: s });
+        r.openPanel({ ...xe(), ranges: s });
         break;
       }
       case 9: {
-        i.executeCommand(br.id, { ranges: s });
+        i.executeCommand(Tr.id, { ranges: s });
         break;
       }
       case 10: {
-        i.executeCommand(Rn.id);
+        i.executeCommand(wn.id);
         break;
       }
     }
     return !0;
   }
 };
-var Ui = Object.getOwnPropertyDescriptor, Pi = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ui(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+var Gi = Object.getOwnPropertyDescriptor, Zi = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Gi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
 }, Ge = (t, e) => (r, n) => e(r, n, t);
-let et = class extends ce {
+let et = class extends ue {
   constructor(e, r, n, i, s) {
     super();
-    ye(this, "_copyInfo");
+    Se(this, "_copyInfo");
     this._sheetClipboardService = e, this._conditionalFormattingRuleModel = r, this._injector = n, this._conditionalFormattingViewModel = i, this._univerInstanceService = s, this._initClipboardHook();
   }
   _initClipboardHook() {
@@ -2607,14 +2660,14 @@ let et = class extends ce {
         id: st,
         onBeforeCopy: (e, r, n) => this._collectConditionalRule(e, r, n),
         onPasteCells: (e, r, n, i) => {
-          const { copyType: s = en.COPY, pasteType: o } = i, { range: d } = e || {}, { range: a } = r;
-          return this._generateConditionalFormattingMutations(a, { copyType: s, pasteType: o, copyRange: d });
+          const { copyType: s = Qt.COPY, pasteType: o } = i, { range: u } = e || {}, { range: a } = r;
+          return this._generateConditionalFormattingMutations(a, { copyType: s, pasteType: o, copyRange: u });
         }
       })
     );
   }
   _collectConditionalRule(e, r, n) {
-    const i = new we(), s = {};
+    const i = new Me(), s = {};
     this._copyInfo = {
       matrix: i,
       info: {
@@ -2623,196 +2676,196 @@ let et = class extends ce {
         cfMap: s
       }
     };
-    const o = this._injector.invoke((l) => Er(n, l, e, r));
+    const o = this._injector.invoke((l) => Lr(n, l, e, r));
     if (!o)
       return;
-    const { rows: d, cols: a } = o, h = /* @__PURE__ */ new Set();
-    d.forEach((l, u) => {
-      a.forEach((g, p) => {
-        const S = this._conditionalFormattingViewModel.getCellCfs(e, r, l, g);
-        S && (S.forEach((f) => h.add(f.cfId)), i.setValue(u, p, S.map((f) => f.cfId)));
+    const { rows: u, cols: a } = o, h = /* @__PURE__ */ new Set();
+    u.forEach((l, d) => {
+      a.forEach((v, p) => {
+        const y = this._conditionalFormattingViewModel.getCellCfs(e, r, l, v);
+        y && (y.forEach((f) => h.add(f.cfId)), i.setValue(d, p, y.map((f) => f.cfId)));
       });
     }), h.forEach((l) => {
-      const u = this._conditionalFormattingRuleModel.getRule(e, r, l);
-      u && (s[l] = u.rule);
+      const d = this._conditionalFormattingRuleModel.getRule(e, r, l);
+      d && (s[l] = d.rule);
     });
   }
   // eslint-disable-next-line max-lines-per-function
   _generateConditionalFormattingMutations(e, r) {
-    const n = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET), i = n.getActiveSheet(), s = n.getUnitId();
+    const n = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET), i = n.getActiveSheet(), s = n.getUnitId();
     if (!i) return { redos: [], undos: [] };
     const o = i.getSheetId();
-    if (r.copyType === en.CUT)
+    if (r.copyType === Qt.CUT)
       return this._copyInfo = null, { redos: [], undos: [] };
     if (!this._copyInfo || !r.copyRange)
       return { redos: [], undos: [] };
     if (![
-      Ut.SPECIAL_PASTE_FORMAT,
-      Ut.DEFAULT_PASTE,
-      Ut.SPECIAL_PASTE_BESIDES_BORDER
+      Ft.SPECIAL_PASTE_FORMAT,
+      Ft.DEFAULT_PASTE,
+      Ft.SPECIAL_PASTE_BESIDES_BORDER
     ].includes(
       r.pasteType
     ))
       return { redos: [], undos: [] };
-    const { ranges: [a, h], mapFunc: l } = Pn([r.copyRange, e]), u = Jr(a, h, !0), g = {};
-    pe.foreach(h, (v, C) => {
-      const { row: b, col: y } = l(v, C), M = this._conditionalFormattingViewModel.getCellCfs(s, o, b, y);
+    const { ranges: [a, h], mapFunc: l } = Un([r.copyRange, e]), d = ii(a, h, !0), v = {};
+    be.foreach(h, (g, b) => {
+      const { row: S, col: C } = l(g, b), M = this._conditionalFormattingViewModel.getCellCfs(s, o, S, C);
       M && M.forEach((E) => {
-        if (!g[E.cfId]) {
-          const V = new we();
-          g[E.cfId] = V;
-          const L = this._conditionalFormattingRuleModel.getRule(s, o, E.cfId);
-          L == null || L.ranges.forEach((m) => {
-            pe.foreach(m, (I, H) => {
-              V.setValue(I, H, 1);
+        if (!v[E.cfId]) {
+          const V = new Me();
+          v[E.cfId] = V;
+          const O = this._conditionalFormattingRuleModel.getRule(s, o, E.cfId);
+          O == null || O.ranges.forEach((m) => {
+            be.foreach(m, (_, j) => {
+              V.setValue(_, j, 1);
             });
           });
         }
-        g[E.cfId].realDeleteValue(b, y);
+        v[E.cfId].realDeleteValue(S, C);
       });
     });
-    const { matrix: p, info: S } = this._copyInfo, f = [];
-    let T = this._conditionalFormattingRuleModel.createCfId(s, o);
-    const _ = {}, R = (v) => {
-      if (_[v])
-        return _[v];
-      const C = S == null ? void 0 : S.cfMap[v], b = [...this._conditionalFormattingRuleModel.getSubunitRules(s, o) || [], ...f].find((y) => Wt.diffValue(y.rule, C));
-      if (b)
-        return _[v] = b, b;
+    const { matrix: p, info: y } = this._copyInfo, f = [];
+    let w = this._conditionalFormattingRuleModel.createCfId(s, o);
+    const I = {}, R = (g) => {
+      if (I[g])
+        return I[g];
+      const b = y == null ? void 0 : y.cfMap[g], S = [...this._conditionalFormattingRuleModel.getSubunitRules(s, o) || [], ...f].find((C) => Bt.diffValue(C.rule, b));
+      if (S)
+        return I[g] = S, S;
       {
-        const y = {
-          rule: C,
-          cfId: T,
+        const C = {
+          rule: b,
+          cfId: w,
           ranges: [],
           stopIfTrue: !1
         };
-        return _[v] = y, f.push(y), T = `${Number(T) + 1}`, y;
+        return I[g] = C, f.push(C), w = `${Number(w) + 1}`, C;
       }
     };
-    u.forEach((v) => {
-      p && p.forValue((C, b, y) => {
-        const M = fe.getPositionRange(
+    d.forEach((g) => {
+      p && p.forValue((b, S, C) => {
+        const M = ye.getPositionRange(
           {
-            startRow: C,
-            endRow: C,
-            startColumn: b,
-            endColumn: b
+            startRow: b,
+            endRow: b,
+            startColumn: S,
+            endColumn: S
           },
-          v.startRange
+          g.startRange
         ), { row: E, col: V } = l(M.startRow, M.startColumn);
-        y.forEach((L) => {
-          if (!g[L]) {
-            const m = R(L), I = new we();
-            g[L] = I, m.ranges.forEach((H) => {
-              pe.foreach(H, (Y, ge) => {
-                I.setValue(Y, ge, 1);
+        C.forEach((O) => {
+          if (!v[O]) {
+            const m = R(O), _ = new Me();
+            v[O] = _, m.ranges.forEach((j) => {
+              be.foreach(j, (Y, pe) => {
+                _.setValue(Y, pe, 1);
               });
             });
           }
-          g[L].setValue(E, V, 1);
+          v[O].setValue(E, V, 1);
         });
       });
     });
-    const w = [], x = [];
-    for (const v in g) {
-      const C = g[v], b = pt(Ct(C));
-      if (!b.length) {
-        const y = {
+    const x = [], T = [];
+    for (const g in v) {
+      const b = v[g], S = pt(Ct(b));
+      if (!S.length) {
+        const C = {
           unitId: s,
           subUnitId: o,
-          cfId: v
+          cfId: g
         };
-        w.push({ id: Se.id, params: y }), x.push(...Le(this._injector, y));
+        x.push({ id: we.id, params: C }), T.push(...$e(this._injector, C));
       }
-      if (f.some((y) => y.cfId === v)) {
-        const y = R(v), M = {
+      if (f.some((C) => C.cfId === g)) {
+        const C = R(g), M = {
           unitId: s,
           subUnitId: o,
-          rule: { ...y, ranges: b }
+          rule: { ...C, ranges: S }
         };
-        w.push({ id: se.id, params: M }), x.push(xn(this._injector, M));
+        x.push({ id: se.id, params: M }), T.push(Rn(this._injector, M));
       } else {
-        const y = this._conditionalFormattingRuleModel.getRule(s, o, v);
-        if (!y)
+        const C = this._conditionalFormattingRuleModel.getRule(s, o, g);
+        if (!C)
           continue;
         const M = {
           unitId: s,
           subUnitId: o,
-          rule: { ...y, ranges: b }
+          rule: { ...C, ranges: S }
         };
-        w.push({ id: be.id, params: M }), x.push(...Ae(this._injector, M));
+        x.push({ id: _e.id, params: M }), T.push(...Ae(this._injector, M));
       }
     }
     return {
-      redos: w,
-      undos: x
+      redos: x,
+      undos: T
     };
   }
 };
-et = Pi([
-  Ge(0, O(Xr)),
-  Ge(1, O(Q)),
-  Ge(2, O(ve)),
-  Ge(3, O(it)),
-  Ge(4, O(z))
+et = Zi([
+  Ge(0, P(ri)),
+  Ge(1, P(Q)),
+  Ge(2, P(fe)),
+  Ge(3, P(it)),
+  Ge(4, P(Z))
 ], et);
-var Oi = Object.getOwnPropertyDescriptor, Li = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Oi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+var zi = Object.getOwnPropertyDescriptor, Yi = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? zi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, At = (t, e) => (r, n) => e(r, n, t);
-let tt = class extends ce {
+}, Ot = (t, e) => (r, n) => e(r, n, t);
+let tt = class extends ue {
   constructor(t, e, r) {
     super(), this._localeService = t, this._commandService = e, this._sheetPermissionCheckController = r, this._commandExecutedListener();
   }
   _commandExecutedListener() {
     this.disposeWithMe(
       this._commandService.beforeCommandExecuted((t) => {
-        t.id === _n.id && (this._sheetPermissionCheckController.permissionCheckWithRanges({
-          workbookTypes: [kn],
-          rangeTypes: [Vn],
-          worksheetTypes: [Nn, Mn]
+        t.id === Sn.id && (this._sheetPermissionCheckController.permissionCheckWithRanges({
+          workbookTypes: [Vn],
+          rangeTypes: [Mn],
+          worksheetTypes: [En, Nn]
         }, t.params.rule.ranges) || this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr")));
       })
     );
   }
 };
-tt = Li([
-  At(0, O(re)),
-  At(1, te),
-  At(2, O(Nr))
+tt = Yi([
+  Ot(0, P(re)),
+  Ot(1, te),
+  Ot(2, P(Ur))
 ], tt);
-var Ai = Object.getOwnPropertyDescriptor, Di = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ai(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+var Ki = Object.getOwnPropertyDescriptor, Xi = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ki(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
 }, vt = (t, e) => (r, n) => e(r, n, t);
-let nt = class extends ce {
+let nt = class extends ue {
   constructor(t, e, r, n) {
     super(), this._conditionalFormattingRuleModel = t, this._univerInstanceService = e, this._injector = r, this._refRangeService = n, this._initRefRange();
   }
   _initRefRange() {
     const t = /* @__PURE__ */ new Map(), e = (n, i, s) => `${n}_${i}_${s}`, r = (n, i, s) => {
       const o = (a) => {
-        const h = [...s.ranges], l = h.map((g) => Vr(g, a)).filter((g) => !!g);
-        if (Sr(l, h))
+        const h = [...s.ranges], l = h.map((v) => Or(v, a)).filter((v) => !!v);
+        if (xr(l, h))
           return { redos: [], undos: [] };
         if (l.length) {
-          const g = { unitId: n, subUnitId: i, rule: { ...s, ranges: l } }, p = [{ id: be.id, params: g }], S = Ae(this._injector, g);
-          return { redos: p, undos: S };
+          const v = { unitId: n, subUnitId: i, rule: { ...s, ranges: l } }, p = [{ id: _e.id, params: v }], y = Ae(this._injector, v);
+          return { redos: p, undos: y };
         } else {
-          const g = { unitId: n, subUnitId: i, cfId: s.cfId }, p = [{ id: Se.id, params: g }], S = Le(this._injector, g);
-          return { redos: p, undos: S };
+          const v = { unitId: n, subUnitId: i, cfId: s.cfId }, p = [{ id: we.id, params: v }], y = $e(this._injector, v);
+          return { redos: p, undos: y };
         }
-      }, d = [];
+      }, u = [];
       s.ranges.forEach((a) => {
         const h = this._refRangeService.registerRefRange(a, o);
-        d.push(() => h.dispose());
-      }), t.set(e(n, i, s.cfId), () => d.forEach((a) => a()));
+        u.push(() => h.dispose());
+      }), t.set(e(n, i, s.cfId), () => u.forEach((a) => a()));
     };
     this.disposeWithMe(this._conditionalFormattingRuleModel.$ruleChange.subscribe((n) => {
-      const { unitId: i, subUnitId: s, rule: o } = n, d = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET), a = d.getActiveSheet();
-      if (!(n.unitId !== d.getUnitId() || n.subUnitId !== (a == null ? void 0 : a.getSheetId())))
+      const { unitId: i, subUnitId: s, rule: o } = n, u = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET), a = u.getActiveSheet();
+      if (!(n.unitId !== u.getUnitId() || n.subUnitId !== (a == null ? void 0 : a.getSheetId())))
         switch (n.type) {
           case "add": {
             r(n.unitId, n.subUnitId, n.rule);
@@ -2828,47 +2881,47 @@ let nt = class extends ce {
             h && h(), r(n.unitId, n.subUnitId, n.rule);
           }
         }
-    })), this.disposeWithMe(Cn(() => {
+    })), this.disposeWithMe(pn(() => {
       t.forEach((n) => {
         n();
       }), t.clear();
     }));
   }
 };
-nt = Di([
-  vt(0, O(Q)),
-  vt(1, O(z)),
-  vt(2, O(ve)),
-  vt(3, O(Mr))
+nt = Xi([
+  vt(0, P(Q)),
+  vt(1, P(Z)),
+  vt(2, P(fe)),
+  vt(3, P(Pr))
 ], nt);
-var $i = Object.getOwnPropertyDescriptor, ji = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? $i(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+var Ji = Object.getOwnPropertyDescriptor, Qi = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Ji(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, Pe = (t, e) => (r, n) => e(r, n, t);
-let rt = class extends ce {
+}, Oe = (t, e) => (r, n) => e(r, n, t);
+let rt = class extends ue {
   constructor(e, r, n, i, s, o) {
     super();
     /**
      * When a set operation is triggered multiple times over a short period of time, it may result in some callbacks not being disposed,and caused a render cache exception.
      * The solution here is to store all the asynchronous tasks and focus on processing after the last callback
      */
-    ye(this, "_ruleChangeCacheMap", /* @__PURE__ */ new Map());
+    Se(this, "_ruleChangeCacheMap", /* @__PURE__ */ new Map());
     this._sheetInterceptorService = e, this._conditionalFormattingService = r, this._univerInstanceService = n, this._renderManagerService = i, this._conditionalFormattingViewModel = s, this._conditionalFormattingRuleModel = o, this._initViewModelInterceptor(), this._initSkeleton(), this.disposeWithMe(() => {
       this._ruleChangeCacheMap.clear();
     });
   }
   _markDirtySkeleton() {
     var r, n, i;
-    const e = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET).getUnitId();
-    (r = this._renderManagerService.getRenderById(e)) == null || r.with(On).reCalculate(), (i = (n = this._renderManagerService.getRenderById(e)) == null ? void 0 : n.mainComponent) == null || i.makeDirty();
+    const e = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET).getUnitId();
+    (r = this._renderManagerService.getRenderById(e)) == null || r.with(Pn).reCalculate(), (i = (n = this._renderManagerService.getRenderById(e)) == null ? void 0 : n.mainComponent) == null || i.makeDirty();
   }
   _initSkeleton() {
-    this.disposeWithMe(Ln(this._conditionalFormattingRuleModel.$ruleChange, this._conditionalFormattingViewModel.markDirty$).pipe(
-      ri(16),
-      nn((e) => !!e.length),
-      nn((e) => {
-        const r = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET);
+    this.disposeWithMe(On(this._conditionalFormattingRuleModel.$ruleChange, this._conditionalFormattingViewModel.markDirty$).pipe(
+      ci(16),
+      tn((e) => !!e.length),
+      tn((e) => {
+        const r = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET);
         if (!r) return !1;
         const n = r.getActiveSheet();
         return n ? e.filter((i) => i.unitId === r.getUnitId() && i.subUnitId === n.getSheetId()).length > 0 : !1;
@@ -2876,34 +2929,34 @@ let rt = class extends ce {
     ).subscribe(() => this._markDirtySkeleton()));
   }
   _initViewModelInterceptor() {
-    this.disposeWithMe(this._sheetInterceptorService.intercept(kr.CELL_CONTENT, {
-      effect: cr.Style,
+    this.disposeWithMe(this._sheetInterceptorService.intercept(Dr.CELL_CONTENT, {
+      effect: mr.Style,
       handler: (e, r, n) => {
         const i = this._conditionalFormattingService.composeStyle(r.unitId, r.subUnitId, r.row, r.col);
         if (!i)
           return n(e);
-        const s = r.workbook.getStyles(), d = { ...(typeof (e == null ? void 0 : e.s) == "string" ? s.get(e == null ? void 0 : e.s) : e == null ? void 0 : e.s) || {} }, a = { ...e, s: d };
-        return i.style && Object.assign(d, i.style), a.fontRenderExtension || (a.fontRenderExtension = {}, i.isShowValue !== void 0 && (a.fontRenderExtension.isSkip = !i.isShowValue)), i.dataBar && (a.dataBar = i.dataBar), i.iconSet && (a.iconSet = i.iconSet, a.fontRenderExtension.leftOffset = Ir + _r), n(a);
+        const s = r.workbook.getStyles(), o = (typeof (e == null ? void 0 : e.s) == "string" ? s.get(e == null ? void 0 : e.s) : e == null ? void 0 : e.s) || {}, u = e === r.rawData ? { ...r.rawData } : e;
+        return i.style && Object.assign(u, o), u.fontRenderExtension || (u.fontRenderExtension = {}, i.isShowValue !== void 0 && (u.fontRenderExtension.isSkip = !i.isShowValue)), i.dataBar && (u.dataBar = i.dataBar), i.iconSet && (u.iconSet = i.iconSet, u.fontRenderExtension.leftOffset = Er + Nr), n(u);
       },
       priority: 10
     }));
   }
 };
-rt = ji([
-  Pe(0, O(Gt)),
-  Pe(1, O(wn)),
-  Pe(2, O(z)),
-  Pe(3, O(An)),
-  Pe(4, O(it)),
-  Pe(5, O(Q))
+rt = Qi([
+  Oe(0, P(qt)),
+  Oe(1, P(Tn)),
+  Oe(2, P(Z)),
+  Oe(3, P(Dn)),
+  Oe(4, P(it)),
+  Oe(5, P(Q))
 ], rt);
-const Jn = "sheets-conditional-formatting-ui.config", bt = {};
-var Hi = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, Wi = (t, e, r) => e in t ? Hi(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, qi = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Bi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+const ir = "sheets-conditional-formatting-ui.config", bt = {};
+var es = Object.defineProperty, ts = Object.getOwnPropertyDescriptor, ns = (t, e, r) => e in t ? es(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, rs = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? ts(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, Dt = (t, e) => (r, n) => e(r, n, t), Qn = (t, e, r) => Wi(t, typeof e != "symbol" ? e + "" : e, r);
-let St = class extends Sn {
+}, Dt = (t, e) => (r, n) => e(r, n, t), sr = (t, e, r) => ns(t, typeof e != "symbol" ? e + "" : e, r);
+let It = class extends bn {
   constructor(t = bt, e, r, n) {
     super(), this._config = t, this._injector = e, this._commandService = r, this._configService = n;
     const { menu: i, ...s } = In(
@@ -2911,146 +2964,146 @@ let St = class extends Sn {
       bt,
       this._config
     );
-    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Jn, s), this._initCommand(), this._injector.add([rt]), this._injector.add([nt]), this._injector.add([et]), this._injector.add([tt]), this._injector.add([De]);
+    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(ir, s), this._initCommand(), this._injector.add([rt]), this._injector.add([nt]), this._injector.add([et]), this._injector.add([tt]), this._injector.add([He]);
   }
   _initCommand() {
     [
-      Dn,
       $n,
-      jn,
+      An,
       Hn,
+      jn,
       Bn,
       Wn,
       qn,
       Gn,
-      zn,
-      kt
+      Zn,
+      Vt
     ].forEach((t) => {
       this._commandService.registerCommand(t);
     });
   }
 };
-Qn(St, "pluginName", `${st}_MOBILE_UI_PLUGIN`);
-Qn(St, "type", $.UNIVER_SHEET);
-St = qi([
-  yn(En),
-  Dt(1, O(ve)),
-  Dt(2, O(te)),
-  Dt(3, bn)
-], St);
-var Gi = Object.getOwnPropertyDescriptor, zi = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Gi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+sr(It, "pluginName", `${st}_MOBILE_UI_PLUGIN`);
+sr(It, "type", A.UNIVER_SHEET);
+It = rs([
+  Cn(xn),
+  Dt(1, P(fe)),
+  Dt(2, P(te)),
+  Dt(3, yn)
+], It);
+var is = Object.getOwnPropertyDescriptor, ss = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? is(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, ze = (t, e) => (r, n) => e(r, n, t);
-let It = class extends ce {
+}, Ze = (t, e) => (r, n) => e(r, n, t);
+let St = class extends ue {
   constructor(t, e, r, n, i) {
     super(), this._injector = t, this._univerInstanceService = e, this._autoFillService = r, this._conditionalFormattingRuleModel = n, this._conditionalFormattingViewModel = i, this._initAutoFill();
   }
   // eslint-disable-next-line max-lines-per-function
   _initAutoFill() {
-    const t = () => ({ redos: [], undos: [] }), e = (i, s, o, d, a) => {
+    const t = () => ({ redos: [], undos: [] }), e = (i, s, o, u, a) => {
       var p;
-      const h = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET).getUnitId(), l = (p = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : p.getSheetId();
+      const h = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET).getUnitId(), l = (p = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : p.getSheetId();
       if (!h || !l)
         return;
-      const u = {
+      const d = {
         startRow: i.row,
         startColumn: i.col,
         endColumn: i.col,
         endRow: i.row
-      }, g = {
+      }, v = {
         startRow: s.row,
         startColumn: s.col,
         endColumn: s.col,
         endRow: s.row
       };
-      pe.foreach(o, (S, f) => {
-        const T = fe.getPositionRange(
+      be.foreach(o, (y, f) => {
+        const w = ye.getPositionRange(
           {
-            startRow: S,
+            startRow: y,
             startColumn: f,
             endColumn: f,
-            endRow: S
+            endRow: y
           },
-          u
-        ), _ = fe.getPositionRange(
+          d
+        ), I = ye.getPositionRange(
           {
-            startRow: S,
+            startRow: y,
             startColumn: f,
             endColumn: f,
-            endRow: S
+            endRow: y
           },
-          g
-        ), { row: R, col: w } = a(T.startRow, T.startColumn), x = this._conditionalFormattingViewModel.getCellCfs(
+          v
+        ), { row: R, col: x } = a(w.startRow, w.startColumn), T = this._conditionalFormattingViewModel.getCellCfs(
           h,
           l,
           R,
-          w
-        ), { row: v, col: C } = a(_.startRow, _.startColumn), b = this._conditionalFormattingViewModel.getCellCfs(
+          x
+        ), { row: g, col: b } = a(I.startRow, I.startColumn), S = this._conditionalFormattingViewModel.getCellCfs(
           h,
           l,
-          v,
-          C
+          g,
+          b
         );
-        b && b.forEach((y) => {
-          let M = d.get(y.cfId);
-          if (!d.get(y.cfId)) {
-            const E = this._conditionalFormattingRuleModel.getRule(h, l, y.cfId);
+        S && S.forEach((C) => {
+          let M = u.get(C.cfId);
+          if (!u.get(C.cfId)) {
+            const E = this._conditionalFormattingRuleModel.getRule(h, l, C.cfId);
             if (!E)
               return;
-            M = new we(), E.ranges.forEach((V) => {
-              pe.foreach(V, (L, m) => {
-                M.setValue(L, m, 1);
+            M = new Me(), E.ranges.forEach((V) => {
+              be.foreach(V, (O, m) => {
+                M.setValue(O, m, 1);
               });
-            }), d.set(y.cfId, M);
+            }), u.set(C.cfId, M);
           }
-          M.realDeleteValue(v, C);
-        }), x && x.forEach((y) => {
-          let M = d.get(y.cfId);
-          if (!d.get(y.cfId)) {
-            const E = this._conditionalFormattingRuleModel.getRule(h, l, y.cfId);
+          M.realDeleteValue(g, b);
+        }), T && T.forEach((C) => {
+          let M = u.get(C.cfId);
+          if (!u.get(C.cfId)) {
+            const E = this._conditionalFormattingRuleModel.getRule(h, l, C.cfId);
             if (!E)
               return;
-            M = new we(), E.ranges.forEach((V) => {
-              pe.foreach(V, (L, m) => {
-                M.setValue(L, m, 1);
+            M = new Me(), E.ranges.forEach((V) => {
+              be.foreach(V, (O, m) => {
+                M.setValue(O, m, 1);
               });
-            }), d.set(y.cfId, M);
+            }), u.set(C.cfId, M);
           }
-          M.setValue(v, C, 1);
+          M.setValue(g, b, 1);
         });
       });
     }, r = (i, s) => {
-      var _, R, w;
-      const o = (_ = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET)) == null ? void 0 : _.getUnitId(), d = (w = (R = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET)) == null ? void 0 : R.getActiveSheet()) == null ? void 0 : w.getSheetId(), a = /* @__PURE__ */ new Map(), h = [], l = [];
-      if (!o || !d)
+      var I, R, x;
+      const o = (I = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET)) == null ? void 0 : I.getUnitId(), u = (x = (R = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET)) == null ? void 0 : R.getActiveSheet()) == null ? void 0 : x.getSheetId(), a = /* @__PURE__ */ new Map(), h = [], l = [];
+      if (!o || !u)
         return t();
-      const u = Pn([i, s]), [g, p] = u.ranges, { mapFunc: S } = u, f = {
-        row: g.startRow,
-        col: g.startColumn
+      const d = Un([i, s]), [v, p] = d.ranges, { mapFunc: y } = d, f = {
+        row: v.startRow,
+        col: v.startColumn
       };
-      return ei(g, p).forEach((x) => {
-        e(f, x.repeatStartCell, x.relativeRange, a, S);
-      }), a.forEach((x, v) => {
-        const C = this._conditionalFormattingRuleModel.getRule(o, d, v);
-        if (!C)
+      return oi(v, p).forEach((T) => {
+        e(f, T.repeatStartCell, T.relativeRange, a, y);
+      }), a.forEach((T, g) => {
+        const b = this._conditionalFormattingRuleModel.getRule(o, u, g);
+        if (!b)
           return;
-        const b = pt(Ct(x));
-        if (b.length) {
-          const y = {
+        const S = pt(Ct(T));
+        if (S.length) {
+          const C = {
             unitId: o,
-            subUnitId: d,
-            rule: { ...C, ranges: b }
+            subUnitId: u,
+            rule: { ...b, ranges: S }
           };
-          h.push({ id: be.id, params: y }), l.push(...Ae(this._injector, y));
+          h.push({ id: _e.id, params: C }), l.push(...Ae(this._injector, C));
         } else {
-          const y = {
+          const C = {
             unitId: o,
-            subUnitId: d,
-            cfId: C.cfId
+            subUnitId: u,
+            cfId: b.cfId
           };
-          h.push({ id: Se.id, params: y }), l.push(...Le(this._injector, y));
+          h.push({ id: we.id, params: C }), l.push(...$e(this._injector, C));
         }
       }), {
         undos: l,
@@ -3059,9 +3112,9 @@ let It = class extends ce {
     }, n = {
       id: st,
       onFillData: (i, s, o) => {
-        if (o === Pt.COPY || o === Pt.ONLY_FORMAT || o === Pt.SERIES) {
-          const { source: d, target: a } = i;
-          return r(d, a);
+        if (o === Lt.COPY || o === Lt.ONLY_FORMAT || o === Lt.SERIES) {
+          const { source: u, target: a } = i;
+          return r(u, a);
         }
         return t();
       }
@@ -3069,19 +3122,19 @@ let It = class extends ce {
     this.disposeWithMe(this._autoFillService.addHook(n));
   }
 };
-It = zi([
-  ze(0, O(ve)),
-  ze(1, O(z)),
-  ze(2, O(Qr)),
-  ze(3, O(Q)),
-  ze(4, O(it))
-], It);
-var Zi = Object.getOwnPropertyDescriptor, Yi = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Zi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+St = ss([
+  Ze(0, P(fe)),
+  Ze(1, P(Z)),
+  Ze(2, P(si)),
+  Ze(3, P(Q)),
+  Ze(4, P(it))
+], St);
+var os = Object.getOwnPropertyDescriptor, as = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? os(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, Ze = (t, e) => (r, n) => e(r, n, t);
-let _t = class extends ce {
+}, ze = (t, e) => (r, n) => e(r, n, t);
+let _t = class extends ue {
   constructor(t, e, r, n, i) {
     super(), this._injector = t, this._univerInstanceService = e, this._sheetInterceptorService = r, this._selectionManagerService = n, this._conditionalFormattingRuleModel = i, this._init();
   }
@@ -3090,18 +3143,18 @@ let _t = class extends ce {
       getMutations: (t) => {
         var i;
         const e = [], r = [], n = { redos: e, undos: r };
-        if ([Fr.id, Ur.id].includes(t.id)) {
+        if ([$r.id, Ar.id].includes(t.id)) {
           const s = (i = this._selectionManagerService.getCurrentSelections()) == null ? void 0 : i.map((p) => p.range);
           if (!s)
             return n;
-          const o = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET), d = o.getActiveSheet();
-          if (!d)
+          const o = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET), u = o.getActiveSheet();
+          if (!u)
             return n;
-          const a = o.getUnitId(), h = d.getSheetId(), l = this._conditionalFormattingRuleModel.getSubunitRules(a, h);
+          const a = o.getUnitId(), h = u.getSheetId(), l = this._conditionalFormattingRuleModel.getSubunitRules(a, h);
           if (!l || !l.length)
             return n;
-          const { redos: u, undos: g } = hn(this._injector, l, s, a, h);
-          e.push(...u), r.push(...g);
+          const { redos: d, undos: v } = dn(this._injector, l, s, a, h);
+          e.push(...d), r.push(...v);
         }
         return n;
       }
@@ -3113,52 +3166,52 @@ let _t = class extends ce {
         const o = this._conditionalFormattingRuleModel.getSubunitRules(t, e);
         if (!o || !o.length)
           return s;
-        const { redos: d, undos: a } = hn(this._injector, o, r, t, e);
-        return n.push(...d), i.push(...a), s;
+        const { redos: u, undos: a } = dn(this._injector, o, r, t, e);
+        return n.push(...u), i.push(...a), s;
       }
     }));
   }
 };
-_t = Yi([
-  Ze(0, O(ve)),
-  Ze(1, O(z)),
-  Ze(2, O(Gt)),
-  Ze(3, O($e)),
-  Ze(4, O(Q))
+_t = as([
+  ze(0, P(fe)),
+  ze(1, P(Z)),
+  ze(2, P(qt)),
+  ze(3, P(je)),
+  ze(4, P(Q))
 ], _t);
-function hn(t, e, r, n, i) {
+function dn(t, e, r, n, i) {
   const s = [], o = [];
-  return e.filter((d) => r.some((a) => d.ranges.some((h) => fe.getIntersects(h, a)))).forEach((d) => {
-    const h = new Pr().add(...d.ranges).subtract(...r).merge();
+  return e.filter((u) => r.some((a) => u.ranges.some((h) => ye.getIntersects(h, a)))).forEach((u) => {
+    const h = new Hr().add(...u.ranges).subtract(...r).merge();
     if (h.length) {
       const l = {
-        id: be.id,
+        id: _e.id,
         params: {
           unitId: n,
           subUnitId: i,
-          rule: { ...d, ranges: h }
+          rule: { ...u, ranges: h }
         }
-      }, u = Ae(t, l.params);
-      s.push(l), o.push(...u);
+      }, d = Ae(t, l.params);
+      s.push(l), o.push(...d);
     } else {
       const l = {
-        id: Se.id,
+        id: we.id,
         params: {
           unitId: n,
           subUnitId: i,
-          cfId: d.cfId
+          cfId: u.cfId
         }
-      }, u = Le(t, l.params);
-      s.push(l), o.push(...u);
+      }, d = $e(t, l.params);
+      s.push(l), o.push(...d);
     }
   }), { redos: s, undos: o };
 }
-var Ki = Object.getOwnPropertyDescriptor, Xi = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ki(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+var ls = Object.getOwnPropertyDescriptor, cs = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? ls(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, vn = (t, e) => (r, n) => e(r, n, t);
-let Tt = class extends ce {
+}, hn = (t, e) => (r, n) => e(r, n, t);
+let wt = class extends ue {
   constructor(t, e) {
     super(), this._sheetInterceptorService = t, this._conditionalFormattingService = e, this._initInterceptorEditorEnd();
   }
@@ -3169,25 +3222,25 @@ let Tt = class extends ce {
    */
   _initInterceptorEditorEnd() {
     this.disposeWithMe(
-      Cn(
+      pn(
         this._sheetInterceptorService.writeCellInterceptor.intercept(
-          Or,
+          jr,
           {
             handler: (t, e, r) => {
-              var o, d, a;
+              var o, u, a;
               t || r(t);
               const n = this._conditionalFormattingService.composeStyle(e.unitId, e.subUnitId, e.row, e.col), i = (o = n == null ? void 0 : n.style) != null ? o : {}, s = Object.keys(i);
               if (t != null && t.p)
-                return (a = (d = t.p.body) == null ? void 0 : d.textRuns) == null || a.forEach((h) => {
+                return (a = (u = t.p.body) == null ? void 0 : u.textRuns) == null || a.forEach((h) => {
                   h.ts && s.forEach((l) => {
-                    var u;
-                    (u = h.ts) == null || delete u[l];
+                    var d;
+                    (d = h.ts) == null || delete d[l];
                   });
                 }), r(t);
               {
                 const h = { ...(typeof (t == null ? void 0 : t.s) == "string" ? e.workbook.getStyles().get(t.s) : t == null ? void 0 : t.s) || {} };
-                s.forEach((u) => {
-                  delete h[u];
+                s.forEach((d) => {
+                  delete h[d];
                 });
                 const l = { ...t, s: { ...h } };
                 return r(l);
@@ -3199,16 +3252,16 @@ let Tt = class extends ce {
     );
   }
 };
-Tt = Xi([
-  vn(0, O(Gt)),
-  vn(1, O(wn))
-], Tt);
-const gn = [
-  qt.id,
+wt = cs([
+  hn(0, P(qt)),
+  hn(1, P(Tn))
+], wt);
+const vn = [
+  Wt.id,
   se.id,
-  be.id,
-  Se.id,
-  Tn.id
+  _e.id,
+  we.id,
+  _n.id
 ], Ye = [
   {
     label: {
@@ -3281,94 +3334,94 @@ const gn = [
     },
     value: ie.clearWorkSheetRules
   }
-], Ji = (t) => {
-  const e = t.get($e), r = t.get(te), n = t.get(z), i = t.get(Q), s = new xe((a) => Ln(
+], us = (t) => {
+  const e = t.get(je), r = t.get(te), n = t.get(Z), i = t.get(Q), s = new Ne((a) => On(
     e.selectionMoveEnd$,
     e.selectionSet$,
-    new xe((h) => {
-      const l = r.onCommandExecuted((u) => {
+    new Ne((h) => {
+      const l = r.onCommandExecuted((d) => {
         var f;
-        const { id: g, params: p } = u, S = (f = n.getCurrentUnitForType($.UNIVER_SHEET)) == null ? void 0 : f.getUnitId();
-        gn.includes(g) && p.unitId === S && h.next(null);
+        const { id: v, params: p } = d, y = (f = n.getCurrentUnitForType(A.UNIVER_SHEET)) == null ? void 0 : f.getUnitId();
+        vn.includes(v) && p.unitId === y && h.next(null);
       });
       return () => l.dispose();
     })
-  ).pipe(rn(16)).subscribe(() => {
+  ).pipe(nn(16)).subscribe(() => {
     var f;
-    const h = ((f = e.getCurrentSelections()) == null ? void 0 : f.map((T) => T.range)) || [], l = n.getCurrentUnitForType($.UNIVER_SHEET);
+    const h = ((f = e.getCurrentSelections()) == null ? void 0 : f.map((w) => w.range)) || [], l = n.getCurrentUnitForType(A.UNIVER_SHEET);
     if (!l) return;
-    const u = l.getActiveSheet();
-    if (!u) return;
-    const S = (i.getSubunitRules(l.getUnitId(), u.getSheetId()) || []).filter((T) => T.ranges.some((_) => h.some((R) => fe.intersects(R, _)))).map((T) => T.ranges).every((T) => ft(t, l.getUnitId(), u.getSheetId(), T));
-    a.next(S);
-  })), o = new xe(
-    (a) => new xe((h) => {
-      const l = r.onCommandExecuted((u) => {
+    const d = l.getActiveSheet();
+    if (!d) return;
+    const y = (i.getSubunitRules(l.getUnitId(), d.getSheetId()) || []).filter((w) => w.ranges.some((I) => h.some((R) => ye.intersects(R, I)))).map((w) => w.ranges).every((w) => ft(t, l.getUnitId(), d.getSheetId(), w));
+    a.next(y);
+  })), o = new Ne(
+    (a) => new Ne((h) => {
+      const l = r.onCommandExecuted((d) => {
         var f;
-        const { id: g, params: p } = u, S = (f = n.getCurrentUnitForType($.UNIVER_SHEET)) == null ? void 0 : f.getUnitId();
-        gn.includes(g) && p.unitId === S && h.next(null);
+        const { id: v, params: p } = d, y = (f = n.getCurrentUnitForType(A.UNIVER_SHEET)) == null ? void 0 : f.getUnitId();
+        vn.includes(v) && p.unitId === y && h.next(null);
       });
       return () => l.dispose();
-    }).pipe(rn(16)).subscribe(() => {
-      const h = n.getCurrentUnitForType($.UNIVER_SHEET);
+    }).pipe(nn(16)).subscribe(() => {
+      const h = n.getCurrentUnitForType(A.UNIVER_SHEET);
       if (!h) return;
       const l = h.getActiveSheet();
       if (!l) return;
-      const u = i.getSubunitRules(h.getUnitId(), l.getSheetId()) || [];
-      if (!u.length)
+      const d = i.getSubunitRules(h.getUnitId(), l.getSheetId()) || [];
+      if (!d.length)
         return a.next(!1), !1;
-      const g = u.map((p) => p.ranges).every((p) => ft(t, h.getUnitId(), l.getSheetId(), p));
-      a.next(g);
+      const v = d.map((p) => p.ranges).every((p) => ft(t, h.getUnitId(), l.getSheetId(), p));
+      a.next(v);
     })
-  ), d = new xe((a) => {
+  ), u = new Ne((a) => {
     s.subscribe((h) => {
-      const l = Ye.find((u) => u.value === ie.clearRangeRules);
+      const l = Ye.find((d) => d.value === ie.clearRangeRules);
       l && (l.disabled = !h, a.next(Ye));
     }), o.subscribe((h) => {
-      const l = Ye.find((u) => u.value === ie.clearWorkSheetRules);
+      const l = Ye.find((d) => d.value === ie.clearWorkSheetRules);
       l && (l.disabled = !h, a.next(Ye));
     }), a.next(Ye);
   });
   return {
-    id: kt.id,
-    type: jr.SELECTOR,
-    icon: "Conditions",
+    id: Vt.id,
+    type: Zr.SELECTOR,
+    icon: "ConditionsDoubleIcon",
     tooltip: "sheet.cf.title",
-    selections: d,
-    hidden$: $r(t, $.UNIVER_SHEET),
-    disabled$: ti(t, { workbookTypes: [kn], worksheetTypes: [Mn, Nn], rangeTypes: [Vn] })
+    selections: u,
+    hidden$: Gr(t, A.UNIVER_SHEET),
+    disabled$: ai(t, { workbookTypes: [Vn], worksheetTypes: [Nn, En], rangeTypes: [Mn] })
   };
-}, Qi = {
-  [Hr.RULES]: {
-    [kt.id]: {
+}, ds = {
+  [zr.RULES]: {
+    [Vt.id]: {
       order: 1,
-      menuItemFactory: Ji
+      menuItemFactory: us
     }
   }
 };
-var es = Object.getOwnPropertyDescriptor, ts = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? es(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+var hs = Object.getOwnPropertyDescriptor, vs = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? hs(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, mn = (t, e) => (r, n) => e(r, n, t);
-let Rt = class extends ce {
+}, gn = (t, e) => (r, n) => e(r, n, t);
+let Rt = class extends ue {
   constructor(e, r) {
     super();
-    ye(this, "_sidebarDisposable", null);
-    this._injector = e, this._menuManagerService = r, this._menuManagerService.mergeMenu(Qi);
+    Se(this, "_sidebarDisposable", null);
+    this._injector = e, this._menuManagerService = r, this._menuManagerService.mergeMenu(ds);
   }
 };
-Rt = ts([
-  mn(0, O(ve)),
-  mn(1, Br)
+Rt = vs([
+  gn(0, P(fe)),
+  gn(1, Yr)
 ], Rt);
-var ns = Object.getOwnPropertyDescriptor, rs = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? ns(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+var gs = Object.getOwnPropertyDescriptor, ms = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? gs(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, Oe = (t, e) => (r, n) => e(r, n, t);
-const is = (t, e) => {
-  const r = (l) => l.endRow - l.startRow + 1, n = (l) => l.endColumn - l.startColumn + 1, i = r(e) % r(t), s = n(e) % n(t), o = Math.floor(r(e) / r(t)), d = Math.floor(n(e) / n(t)), a = [], h = {
+}, De = (t, e) => (r, n) => e(r, n, t);
+const fs = (t, e) => {
+  const r = (l) => l.endRow - l.startRow + 1, n = (l) => l.endColumn - l.startColumn + 1, i = r(e) % r(t), s = n(e) % n(t), o = Math.floor(r(e) / r(t)), u = Math.floor(n(e) / n(t)), a = [], h = {
     startRow: 0,
     endRow: r(t) - 1,
     startColumn: 0,
@@ -3384,28 +3437,28 @@ const is = (t, e) => {
     return a.push({ repeatRelativeRange: h, startRange: l }), a;
   }
   for (let l = 0; l < o + (i ? 0.1 : 0); l++)
-    for (let u = 0; u < d + (s ? 0.1 : 0); u++) {
-      const g = r(t) * l, p = n(t) * u, S = {
-        startRow: g + e.startRow,
-        endRow: g + e.startRow,
+    for (let d = 0; d < u + (s ? 0.1 : 0); d++) {
+      const v = r(t) * l, p = n(t) * d, y = {
+        startRow: v + e.startRow,
+        endRow: v + e.startRow,
         startColumn: p + e.startColumn,
         endColumn: p + e.startColumn
       };
       let f = h;
-      l === o && i && (f = { ...f }, f.endRow = f.endRow - (r(t) - i)), u === d && s && (f = { ...f }, f.endColumn = f.endColumn - (n(t) - s)), a.push({ repeatRelativeRange: f, startRange: S });
+      l === o && i && (f = { ...f }, f.endRow = f.endRow - (r(t) - i)), d === u && s && (f = { ...f }, f.endColumn = f.endColumn - (n(t) - s)), a.push({ repeatRelativeRange: f, startRange: y });
     }
   return a;
 };
-let xt = class extends ce {
+let Tt = class extends ue {
   constructor(e, r, n, i, s, o) {
     super();
-    ye(this, "_painterConfig", null);
+    Se(this, "_painterConfig", null);
     this._injector = e, this._univerInstanceService = r, this._formatPainterService = n, this._sheetsSelectionsService = i, this._conditionalFormattingRuleModel = s, this._conditionalFormattingViewModel = o, this._initFormattingPainter();
   }
   // eslint-disable-next-line max-lines-per-function
   _initFormattingPainter() {
-    const e = () => ({ redos: [], undos: [] }), r = (s, o, d, a, h) => {
-      const { unitId: l, subUnitId: u } = this._painterConfig, { targetUnitId: g, targetSubUnitId: p } = h, S = {
+    const e = () => ({ redos: [], undos: [] }), r = (s, o, u, a, h) => {
+      const { unitId: l, subUnitId: d } = this._painterConfig, { targetUnitId: v, targetSubUnitId: p } = h, y = {
         startRow: s.row,
         startColumn: s.col,
         endColumn: s.col,
@@ -3416,152 +3469,152 @@ let xt = class extends ce {
         endColumn: o.col,
         endRow: o.row
       };
-      pe.foreach(d, (T, _) => {
-        const R = fe.getPositionRange(
+      be.foreach(u, (w, I) => {
+        const R = ye.getPositionRange(
           {
-            startRow: T,
-            startColumn: _,
-            endColumn: _,
-            endRow: T
+            startRow: w,
+            startColumn: I,
+            endColumn: I,
+            endRow: w
           },
-          S
-        ), w = fe.getPositionRange(
+          y
+        ), x = ye.getPositionRange(
           {
-            startRow: T,
-            startColumn: _,
-            endColumn: _,
-            endRow: T
+            startRow: w,
+            startColumn: I,
+            endColumn: I,
+            endRow: w
           },
           f
-        ), x = this._conditionalFormattingViewModel.getCellCfs(
+        ), T = this._conditionalFormattingViewModel.getCellCfs(
           l,
-          u,
+          d,
           R.startRow,
           R.startColumn
-        ), v = this._conditionalFormattingViewModel.getCellCfs(
-          g,
+        ), g = this._conditionalFormattingViewModel.getCellCfs(
+          v,
           p,
-          w.startRow,
-          w.startColumn
+          x.startRow,
+          x.startColumn
         );
-        v && v.forEach((C) => {
-          let b = a.get(C.cfId);
-          if (!a.get(C.cfId)) {
-            const y = this._conditionalFormattingRuleModel.getRule(g, p, C.cfId);
-            if (!y)
+        g && g.forEach((b) => {
+          let S = a.get(b.cfId);
+          if (!a.get(b.cfId)) {
+            const C = this._conditionalFormattingRuleModel.getRule(v, p, b.cfId);
+            if (!C)
               return;
-            b = new we(), y.ranges.forEach((M) => {
-              pe.foreach(M, (E, V) => {
-                b.setValue(E, V, 1);
+            S = new Me(), C.ranges.forEach((M) => {
+              be.foreach(M, (E, V) => {
+                S.setValue(E, V, 1);
               });
-            }), a.set(C.cfId, b);
+            }), a.set(b.cfId, S);
           }
-          b.realDeleteValue(w.startRow, w.startColumn);
-        }), x && x.forEach((C) => {
-          const b = a.get(C.cfId);
-          b && b.setValue(w.startRow, w.startColumn, 1);
+          S.realDeleteValue(x.startRow, x.startColumn);
+        }), T && T.forEach((b) => {
+          const S = a.get(b.cfId);
+          S && S.setValue(x.startRow, x.startColumn, 1);
         });
       });
-    }, n = (s, o, d) => {
+    }, n = (s, o, u) => {
       var R;
-      const { range: a, unitId: h, subUnitId: l } = this._painterConfig, u = s !== h || l !== o, g = /* @__PURE__ */ new Map(), p = [], S = [];
+      const { range: a, unitId: h, subUnitId: l } = this._painterConfig, d = s !== h || l !== o, v = /* @__PURE__ */ new Map(), p = [], y = [];
       if (!s || !o || !h || !l)
         return e();
       const f = (R = this._conditionalFormattingRuleModel.getSubunitRules(h, l)) != null ? R : [];
-      f == null || f.forEach((w) => {
-        const { ranges: x, cfId: v } = w;
-        if (x.some((C) => fe.intersects(a, C))) {
-          const C = new we();
-          u || x.forEach((b) => {
-            pe.foreach(b, (y, M) => {
-              C.setValue(y, M, 1);
+      f == null || f.forEach((x) => {
+        const { ranges: T, cfId: g } = x;
+        if (T.some((b) => ye.intersects(a, b))) {
+          const b = new Me();
+          d || T.forEach((S) => {
+            be.foreach(S, (C, M) => {
+              b.setValue(C, M, 1);
             });
-          }), g.set(v, C);
+          }), v.set(g, b);
         }
       });
-      const T = {
+      const w = {
         row: a.startRow,
         col: a.startColumn
       };
-      return is(a, d).forEach((w) => {
-        r(T, { row: w.startRange.startRow, col: w.startRange.startColumn }, w.repeatRelativeRange, g, { targetUnitId: s, targetSubUnitId: o });
-      }), g.forEach((w, x) => {
-        if (u) {
-          const v = this._conditionalFormattingRuleModel.getRule(s, o, x), C = pt(Ct(w));
-          if (v)
-            if (C.length) {
-              const b = {
+      return fs(a, u).forEach((x) => {
+        r(w, { row: x.startRange.startRow, col: x.startRange.startColumn }, x.repeatRelativeRange, v, { targetUnitId: s, targetSubUnitId: o });
+      }), v.forEach((x, T) => {
+        if (d) {
+          const g = this._conditionalFormattingRuleModel.getRule(s, o, T), b = pt(Ct(x));
+          if (g)
+            if (b.length) {
+              const S = {
                 unitId: s,
                 subUnitId: o,
-                rule: { ...v, ranges: C }
+                rule: { ...g, ranges: b }
               };
-              p.push({ id: be.id, params: b }), S.push(...Ae(this._injector, b));
+              p.push({ id: _e.id, params: S }), y.push(...Ae(this._injector, S));
             } else {
-              const b = {
+              const S = {
                 unitId: s,
                 subUnitId: o,
-                cfId: v.cfId
+                cfId: g.cfId
               };
-              p.push({ id: Se.id, params: b }), S.push(...Le(this._injector, b));
+              p.push({ id: we.id, params: S }), y.push(...$e(this._injector, S));
             }
-          else if (C.length) {
-            const b = this._conditionalFormattingRuleModel.getRule(h, l, x);
-            if (b) {
-              const y = {
+          else if (b.length) {
+            const S = this._conditionalFormattingRuleModel.getRule(h, l, T);
+            if (S) {
+              const C = {
                 unitId: s,
                 subUnitId: o,
                 rule: {
-                  ...Wt.deepClone(b),
+                  ...Bt.deepClone(S),
                   cfId: this._conditionalFormattingRuleModel.createCfId(s, o),
-                  ranges: C
+                  ranges: b
                 }
               };
-              p.push({ id: se.id, params: y }), S.push(xn(this._injector, y));
+              p.push({ id: se.id, params: C }), y.push(Rn(this._injector, C));
             }
           }
         } else {
-          const v = this._conditionalFormattingRuleModel.getRule(h, l, x);
-          if (!v)
+          const g = this._conditionalFormattingRuleModel.getRule(h, l, T);
+          if (!g)
             return;
-          const C = pt(Ct(w));
-          if (C.length) {
-            const b = {
+          const b = pt(Ct(x));
+          if (b.length) {
+            const S = {
               unitId: h,
               subUnitId: l,
-              rule: { ...v, ranges: C }
+              rule: { ...g, ranges: b }
             };
-            p.push({ id: be.id, params: b }), S.push(...Ae(this._injector, b));
+            p.push({ id: _e.id, params: S }), y.push(...Ae(this._injector, S));
           } else {
-            const b = {
+            const S = {
               unitId: h,
               subUnitId: l,
-              cfId: v.cfId
+              cfId: g.cfId
             };
-            p.push({ id: Se.id, params: b }), S.push(...Le(this._injector, b));
+            p.push({ id: we.id, params: S }), y.push(...$e(this._injector, S));
           }
         }
       }), {
-        undos: S,
+        undos: y,
         redos: p
       };
     }, i = {
       id: st,
       onStatusChange: (s) => {
-        var o, d, a;
+        var o, u, a;
         switch (s) {
-          case Ot.INFINITE:
-          case Ot.ONCE: {
-            const h = (o = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET)) == null ? void 0 : o.getUnitId(), l = (a = (d = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET)) == null ? void 0 : d.getActiveSheet()) == null ? void 0 : a.getSheetId(), u = this._sheetsSelectionsService.getCurrentLastSelection(), g = u == null ? void 0 : u.range;
-            h && l && g && (this._painterConfig = { unitId: h, subUnitId: l, range: g });
+          case Ut.INFINITE:
+          case Ut.ONCE: {
+            const h = (o = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET)) == null ? void 0 : o.getUnitId(), l = (a = (u = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET)) == null ? void 0 : u.getActiveSheet()) == null ? void 0 : a.getSheetId(), d = this._sheetsSelectionsService.getCurrentLastSelection(), v = d == null ? void 0 : d.range;
+            h && l && v && (this._painterConfig = { unitId: h, subUnitId: l, range: v });
             break;
           }
-          case Ot.OFF: {
+          case Ut.OFF: {
             this._painterConfig = null;
             break;
           }
         }
       },
-      onApply: (s, o, d) => this._painterConfig ? n(s, o, d) : {
+      onApply: (s, o, u) => this._painterConfig ? n(s, o, u) : {
         redos: [],
         undos: []
       }
@@ -3569,52 +3622,52 @@ let xt = class extends ce {
     this._formatPainterService.addHook(i);
   }
 };
-xt = rs([
-  Oe(0, O(ve)),
-  Oe(1, O(z)),
-  Oe(2, O(ni)),
-  Oe(3, O($e)),
-  Oe(4, O(Q)),
-  Oe(5, O(it))
-], xt);
-var ss = Object.getOwnPropertyDescriptor, os = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? ss(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+Tt = ms([
+  De(0, P(fe)),
+  De(1, P(Z)),
+  De(2, P(li)),
+  De(3, P(je)),
+  De(4, P(Q)),
+  De(5, P(it))
+], Tt);
+var ps = Object.getOwnPropertyDescriptor, Cs = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? ps(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
 }, $t = (t, e) => (r, n) => e(r, n, t);
-let wt = class extends ce {
+let xt = class extends ue {
   constructor(t, e, r) {
     super(), this._conditionalFormattingViewModel = t, this._univerInstanceService = e, this._renderManagerService = r, this._init();
   }
   _init() {
-    const t = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET), e = (r) => {
+    const t = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET), e = (r) => {
       const n = r.getUnitId(), i = this._renderManagerService.getRenderById(n);
       if (!i)
         return;
-      const s = i.with(On);
+      const s = i.with(Pn);
       this.disposeWithMe(s.currentSkeleton$.subscribe((o) => {
         if (o) {
-          const d = o.skeleton.rowColumnSegment, a = d.endColumn - d.startColumn + 1, l = (d.endRow - d.startRow + 1) * a * 9, u = Math.max(Tr, l);
-          this._conditionalFormattingViewModel.setCacheLength(u);
+          const u = o.skeleton.rowColumnSegment, a = u.endColumn - u.startColumn + 1, l = (u.endRow - u.startRow + 1) * a * 9, d = Math.max(Mr, l);
+          this._conditionalFormattingViewModel.setCacheLength(d);
         }
       }));
     };
-    t && e(t), this._univerInstanceService.getCurrentTypeOfUnit$($.UNIVER_SHEET).subscribe((r) => {
+    t && e(t), this._univerInstanceService.getCurrentTypeOfUnit$(A.UNIVER_SHEET).subscribe((r) => {
       r && e(r);
     });
   }
 };
-wt = os([
-  $t(0, O(it)),
-  $t(1, z),
-  $t(2, An)
-], wt);
-var as = Object.defineProperty, ls = Object.getOwnPropertyDescriptor, cs = (t, e, r) => e in t ? as(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, us = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? ls(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+xt = Cs([
+  $t(0, P(it)),
+  $t(1, Z),
+  $t(2, Dn)
+], xt);
+var ys = Object.defineProperty, bs = Object.getOwnPropertyDescriptor, Is = (t, e, r) => e in t ? ys(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Ss = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? bs(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, jt = (t, e) => (r, n) => e(r, n, t), er = (t, e, r) => cs(t, typeof e != "symbol" ? e + "" : e, r);
-let Et = class extends Sn {
+}, At = (t, e) => (r, n) => e(r, n, t), or = (t, e, r) => Is(t, typeof e != "symbol" ? e + "" : e, r);
+let Et = class extends bn {
   constructor(t = bt, e, r, n) {
     super(), this._config = t, this._injector = e, this._commandService = r, this._configService = n;
     const { menu: i, ...s } = In(
@@ -3622,82 +3675,82 @@ let Et = class extends Sn {
       bt,
       this._config
     );
-    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Jn, s), this._initCommand();
+    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(ir, s), this._initCommand();
   }
   onStarting() {
-    ur(this._injector, [
+    fr(this._injector, [
       [rt],
       [nt],
       [et],
-      [It],
+      [St],
       [tt],
       [Qe],
       [Rt],
-      [De],
-      [Tt],
+      [He],
+      [wt],
       [_t],
-      [xt],
-      [wt]
-    ]), Ft(this._injector, [
+      [Tt],
+      [xt]
+    ]), kt(this._injector, [
       [rt]
     ]);
   }
   onReady() {
-    Ft(this._injector, [
+    kt(this._injector, [
       [Rt],
       [Qe]
     ]);
   }
   onRendered() {
-    Ft(this._injector, [
-      [It],
+    kt(this._injector, [
+      [St],
       [_t],
       [et],
+      [wt],
+      [He],
       [Tt],
-      [De],
-      [xt],
       [tt],
       [nt],
-      [wt]
+      [xt]
     ]);
   }
   _initCommand() {
     [
-      Dn,
       $n,
-      jn,
+      An,
       Hn,
+      jn,
       Bn,
       Wn,
       qn,
       Gn,
-      zn,
-      kt
+      Zn,
+      Vt
     ].forEach((t) => {
       this._commandService.registerCommand(t);
     });
   }
 };
-er(Et, "pluginName", `${st}_UI_PLUGIN`);
-er(Et, "type", $.UNIVER_SHEET);
-Et = us([
-  yn(En),
-  jt(1, O(ve)),
-  jt(2, O(te)),
-  jt(3, bn)
+or(Et, "pluginName", `${st}_UI_PLUGIN`);
+or(Et, "type", A.UNIVER_SHEET);
+Et = Ss([
+  Cn(xn),
+  At(1, P(fe)),
+  At(2, P(te)),
+  At(3, yn)
 ], Et);
 export {
-  Dn as AddAverageCfCommand,
-  $n as AddColorScaleConditionalRuleCommand,
-  jn as AddDataBarConditionalRuleCommand,
-  Hn as AddDuplicateValuesCfCommand,
+  $n as AddAverageCfCommand,
+  An as AddColorScaleConditionalRuleCommand,
+  Hn as AddDataBarConditionalRuleCommand,
+  jn as AddDuplicateValuesCfCommand,
   Bn as AddNumberCfCommand,
   Wn as AddRankCfCommand,
   qn as AddTextCfCommand,
   Gn as AddTimePeriodCfCommand,
-  zn as AddUniqueValuesCfCommand,
+  Zn as AddUniqueValuesCfCommand,
   _t as ConditionalFormattingClearController,
-  kt as OpenConditionalFormattingOperator,
-  St as UniverSheetsConditionalFormattingMobileUIPlugin,
+  Vt as OpenConditionalFormattingOperator,
+  It as UniverSheetsConditionalFormattingMobileUIPlugin,
   Et as UniverSheetsConditionalFormattingUIPlugin
 };