@univerjs/sheets-conditional-formatting-ui 0.7.0-nightly.202505071607 → 0.7.0-nightly.202505101606

package/lib/index.js

@@ -1,26 +1,26 @@
-var nr = Object.defineProperty;
-var rr = (t, e, r) => e in t ? nr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var ye = (t, e, r) => rr(t, typeof e != "symbol" ? e + "" : e, r);
-import { CommandType as he, ICommandService as ee, IUniverInstanceService as z, ColorKit as gn, BooleanNumber as ae, LocaleService as ne, UniverInstanceType as $, Tools as Bt, get as ir, set as sr, createInterceptorKey as fn, InterceptorManager as or, Inject as O, Disposable as ce, Injector as ve, Rectangle as fe, generateRandomId as ar, ObjectMatrix as Ee, Range as pe, toDisposable as pn, InterceptorEffectEnum as lr, DependentOn as Cn, IConfigService as yn, Plugin as bn, merge as Sn, registerDependencies as cr, touchDependencies as kt } from "@univerjs/core";
-import { ConditionalFormattingRuleModel as J, CFSubRuleType as F, CFRuleType as U, AddConditionalRuleMutation as se, CFNumberOperator as P, getColorScaleFromValue as ur, iconMap as we, DEFAULT_BG_COLOR as dr, DEFAULT_FONT_COLOR as hr, defaultDataBarPositiveColor as Ye, defaultDataBarNativeColor as Ke, CFValueType as A, createDefaultValueByValueType as Xe, removeUndefinedAttr as vr, createDefaultValue as mt, CFTextOperator as j, CFTimePeriodOperator as ue, iconGroup as mr, getOppositeOperator as jt, compareWithNumber as gr, EMPTY_ICON_TYPE as fr, SetCfCommand as pr, AddCfCommand as In, SetConditionalRuleMutation as be, DeleteConditionalRuleMutation as Se, MoveConditionalRuleMutation as _n, ClearWorksheetCfCommand as Tn, DeleteCfCommand as Yt, MoveCfCommand as Cr, ClearRangeCfCommand as yr, createDefaultRule as Te, ConditionalFormattingViewModel as rt, SHEET_CONDITIONAL_FORMATTING_PLUGIN as it, DeleteConditionalRuleMutationUndoFactory as Le, AddConditionalRuleMutationUndoFactory as Rn, setConditionalRuleMutationUndoFactory as Ae, isRangesEqual as br, ConditionalFormattingService as xn, DEFAULT_PADDING as Sr, DEFAULT_WIDTH as Ir, UniverSheetsConditionalFormattingPlugin as En, CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH as _r } from "@univerjs/sheets-conditional-formatting";
-import { getSheetCommandTarget as Ce, SheetsSelectionsService as $e, RemoveSheetMutation as Tr, SetWorksheetActiveOperation as Wt, setEndForRange as Rr, SetSelectionsOperation as xr, checkRangesEditablePermission as gt, rangeToDiscreteRange as Er, findAllRectangle as ft, createTopMatrixFromMatrix as pt, SheetPermissionCheckController as wr, WorksheetEditPermission as wn, WorksheetSetCellStylePermission as Nn, RangeProtectionPermissionEditPoint as Mn, WorkbookEditablePermission as Vn, RefRangeService as Nr, handleDefaultRangeChangeWithEffectRefCommands as Mr, SheetInterceptorService as qt, INTERCEPTOR_POINT as Vr, ClearSelectionFormatCommand as kr, ClearSelectionAllCommand as Fr, RangeMergeUtil as Ur, AFTER_CELL_EDIT as Pr } from "@univerjs/sheets";
-import { useDependency as W, ComponentManager as Gt, useSidebarClick as wt, ILayoutService as Or, useScrollYOverContainer as Lr, ISidebarService as kn, useObservable as Ar, getMenuHiddenObservable as Dr, MenuItemType as $r, RibbonStartGroup as jr, IMenuManagerService as Hr } from "@univerjs/ui";
-import { jsx as c, jsxs as k, Fragment as Ht } from "react/jsx-runtime";
-import { forwardRef as Ve, useRef as de, createElement as je, useMemo as X, useState as N, useEffect as K } from "react";
-import { Dropdown as zt, clsx as ie, ColorPicker as Br, Select as le, InputNumber as Ne, RadioGroup as Wr, Radio as Kt, Checkbox as Ct, Input as qr, Button as Xt, Tooltip as Jt, ReactGridLayout as Gr } from "@univerjs/design";
-import { serializeRange as Fn, deserializeRangeWithSheet as zr } from "@univerjs/engine-formula";
-import { FormulaEditor as Nt, RangeSelector as Zr } from "@univerjs/sheets-formula-ui";
-import { useHighlightRange as Yr, ISheetClipboardService as Kr, COPY_TYPE as Qt, PREDEFINED_HOOK_NAME as Ft, virtualizeDiscreteRanges as Un, getRepeatRange as Xr, SheetSkeletonManagerService as Pn, IAutoFillService as Jr, APPLY_TYPE as Ut, getAutoFillRepeatRange as Qr, getCurrentRangeDisable$ as ei, IFormatPainterService as ti, FormatPainterStatus as Pt } from "@univerjs/sheets-ui";
-import { Observable as xe, debounceTime as en, merge as On } from "rxjs";
-import { IRenderManagerService as Ln } from "@univerjs/engine-render";
-import { bufferTime as ni, filter as tn, debounceTime as nn } from "rxjs/operators";
-const An = {
+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, RibbonStartGroup 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,
   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(J), d = t.get(ee), a = t.get(z), u = Ce(a);
+    const { ranges: r, style: n, stopIfTrue: i, operator: s } = e, o = t.get(Q), d = t.get(te), a = t.get(z), u = Ce(a);
     if (!u) return !1;
     const { unitId: l, subUnitId: h } = u, v = o.createCfId(l, h), f = {
       ranges: r,
@@ -35,13 +35,13 @@ const An = {
     };
     return d.executeCommand(se.id, { unitId: l, subUnitId: h, rule: f });
   }
-}, Dn = {
+}, $n = {
   type: he.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(J), o = t.get(ee), d = t.get(z), a = Ce(d);
+    const { ranges: r, config: n, stopIfTrue: i } = e, s = t.get(Q), o = t.get(te), d = t.get(z), a = Ce(d);
     if (!a) return !1;
     const { unitId: u, subUnitId: l } = a, h = s.createCfId(u, l), v = {
       ranges: r,
@@ -54,15 +54,15 @@ const An = {
     };
     return o.executeCommand(se.id, { unitId: u, subUnitId: l, rule: v });
   }
-}, $n = {
+}, jn = {
   type: he.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: u } = e, l = t.get(J), h = t.get(z), v = Ce(h);
+    const { ranges: r, min: n, max: i, nativeColor: s, positiveColor: o, isGradient: d, stopIfTrue: a, isShowValue: u } = e, l = t.get(Q), h = t.get(z), v = Ce(h);
     if (!v) return !1;
-    const { unitId: f, subUnitId: S } = v, p = t.get(ee), T = l.createCfId(f, S), _ = {
+    const { unitId: f, subUnitId: S } = v, p = t.get(te), T = l.createCfId(f, S), _ = {
       ranges: r,
       cfId: T,
       stopIfTrue: !!a,
@@ -80,13 +80,13 @@ const An = {
     };
     return p.executeCommand(se.id, { unitId: f, subUnitId: S, rule: _ });
   }
-}, jn = {
+}, Hn = {
   type: he.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(J), o = t.get(ee), d = t.get(z), a = Ce(d);
+    const { ranges: r, style: n, stopIfTrue: i } = e, s = t.get(Q), o = t.get(te), d = t.get(z), a = Ce(d);
     if (!a) return !1;
     const { unitId: u, subUnitId: l } = a, h = s.createCfId(u, l), v = {
       ranges: r,
@@ -100,13 +100,13 @@ const An = {
     };
     return o.executeCommand(se.id, { unitId: u, subUnitId: l, rule: v });
   }
-}, Hn = {
+}, Bn = {
   type: he.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(J), a = t.get(ee), u = t.get(z), l = Ce(u);
+    const { ranges: r, style: n, stopIfTrue: i, operator: s, value: o } = e, d = t.get(Q), a = t.get(te), u = t.get(z), l = Ce(u);
     if (!l) return !1;
     const { unitId: h, subUnitId: v } = l, f = d.createCfId(h, v);
     let S;
@@ -145,13 +145,13 @@ const An = {
     }
     return a.executeCommand(se.id, { unitId: h, subUnitId: v, rule: S });
   }
-}, Bn = {
+}, Wn = {
   type: he.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(J), u = t.get(z), l = t.get(ee), h = Ce(u);
+    const { ranges: r, style: n, stopIfTrue: i, isPercent: s, isBottom: o, value: d } = e, a = t.get(Q), u = t.get(z), l = t.get(te), h = Ce(u);
     if (!h) return !1;
     const { unitId: v, subUnitId: f } = h, S = a.createCfId(v, f), p = {
       ranges: r,
@@ -168,15 +168,15 @@ const An = {
     };
     return l.executeCommand(se.id, { unitId: v, subUnitId: f, rule: p });
   }
-}, Wn = {
+}, qn = {
   type: he.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(J), a = t.get(z), u = Ce(a);
+    const { ranges: r, style: n, stopIfTrue: i, operator: s, value: o } = e, d = t.get(Q), a = t.get(z), u = Ce(a);
     if (!u) return !1;
-    const { unitId: l, subUnitId: h } = u, v = t.get(ee), f = d.createCfId(l, h), S = {
+    const { unitId: l, subUnitId: h } = u, v = t.get(te), f = d.createCfId(l, h), S = {
       ranges: r,
       cfId: f,
       stopIfTrue: !!i,
@@ -190,13 +190,13 @@ const An = {
     };
     return v.executeCommand(se.id, { unitId: l, subUnitId: h, rule: S });
   }
-}, qn = {
+}, Gn = {
   type: he.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(J), d = t.get(z), a = t.get(ee), u = Ce(d);
+    const { ranges: r, style: n, stopIfTrue: i, operator: s } = e, o = t.get(Q), d = t.get(z), a = t.get(te), u = Ce(d);
     if (!u) return !1;
     const { unitId: l, subUnitId: h } = u, v = o.createCfId(l, h), f = {
       ranges: r,
@@ -211,13 +211,13 @@ const An = {
     };
     return a.executeCommand(se.id, { unitId: l, subUnitId: h, rule: f });
   }
-}, Gn = {
+}, zn = {
   type: he.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(J), o = t.get(z), d = t.get(ee), a = Ce(o);
+    const { ranges: r, style: n, stopIfTrue: i } = e, s = t.get(Q), o = t.get(z), d = t.get(te), a = Ce(o);
     if (!a) return !1;
     const { unitId: u, subUnitId: l } = a, h = s.createCfId(u, l), v = {
       ranges: r,
@@ -240,23 +240,23 @@ var oe = function() {
     }
     return t;
   }, oe.apply(this, arguments);
-}, ri = function(t, e) {
+}, ii = 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;
-}, He = Ve(function(t, e) {
-  var r = t.icon, n = t.id, i = t.className, s = t.extend, o = ri(t, ["icon", "id", "className", "extend"]), d = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), a = de("_".concat(oi()));
-  return zn(r, "".concat(n), { defIds: r.defIds, idSuffix: a.current }, oe({ ref: e, className: d }, o), s);
+}, 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);
 });
-function zn(t, e, r, n, i) {
-  return je(t.tag, oe(oe({ key: e }, ii(t, r, i)), n), (si(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 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 ii(t, e, r) {
+function si(t, e, r) {
   var n = oe({}, 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];
@@ -268,75 +268,75 @@ function ii(t, e, r) {
     typeof d == "string" && (n[o] = d.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), n;
 }
-function si(t, e) {
+function oi(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;
   }) }) : t;
 }
-function oi() {
+function ai() {
   return Math.random().toString(36).substring(2, 8);
 }
-He.displayName = "UniverIcon";
-var ai = { 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" } }] }, vt = Ve(function(t, e) {
-  return je(He, Object.assign({}, t, {
+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",
     ref: e,
-    icon: ai
+    icon: li
   }));
 });
-vt.displayName = "DeleteSingle";
-var li = { 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" } }] }, Zn = Ve(function(t, e) {
-  return je(He, Object.assign({}, t, {
+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",
     ref: e,
-    icon: li
+    icon: ci
   }));
 });
-Zn.displayName = "IncreaseSingle";
-var ci = { 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" } }] }, Mt = Ve(function(t, e) {
-  return je(He, Object.assign({}, t, {
+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",
     ref: e,
-    icon: ci
+    icon: ui
   }));
 });
-Mt.displayName = "MoreDownSingle";
-var ui = { 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" } }] }] }, Yn = Ve(function(t, e) {
-  return je(He, Object.assign({}, t, {
+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",
     ref: e,
-    icon: ui
+    icon: di
   }));
 });
-Yn.displayName = "SequenceSingle";
-var di = { 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" } }] }] }, st = Ve(function(t, e) {
-  return je(He, Object.assign({}, t, {
+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",
     ref: e,
-    icon: di
+    icon: hi
   }));
 });
-st.displayName = "SlashSingle";
+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(Gt), a = X(() => new gn(e), [e]), u = d.get(i);
-  return u ? n ? /* @__PURE__ */ c(u, { className: ie("univer-fill-primary-600", s), extend: { colorChannel1: a.isValid ? e : "" } }) : /* @__PURE__ */ c(
-    zt,
+  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]), u = d.get(i);
+  return u ? n ? /* @__PURE__ */ c(u, { className: X("univer-fill-primary-600", s), extend: { colorChannel1: a.isValid ? e : "" } }) : /* @__PURE__ */ c(
+    Zt,
     {
-      overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(Br, { value: e, onChange: r }) }),
+      overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(Wr, { value: e, onChange: r }) }),
       children: /* @__PURE__ */ k(
         "span",
         {
-          className: ie(`
+          className: X(`
                       univer-flex univer-cursor-pointer univer-items-center univer-rounded univer-p-1
                       hover:univer-bg-gray-100
                     `, s),
           children: [
             /* @__PURE__ */ c(u, { className: "univer-fill-primary-600", extend: { colorChannel1: a.isValid ? e : "" } }),
             o && /* @__PURE__ */ c(
-              Mt,
+              Vt,
               {
-                className: "univer-ml-1.5 univer-text-[10px] univer-text-gray-400"
+                className: "univer-ml-1.5 univer-text-gray-400"
               }
             )
           ]
@@ -344,27 +344,27 @@ const Me = (t) => {
       )
     }
   ) : null;
-}, Be = (t) => {
+}, We = (t) => {
   var s, o, d;
   const e = t.rule;
   if (!e) return null;
-  const r = X(() => {
+  const r = J(() => {
     if (e.type === U.colorScale) {
-      const a = e.config.map((h, v) => ({ color: new gn(h.color), value: v })), u = a.length - 1;
-      return new Array(5).fill("").map((h, v, f) => v * u / (f.length - 1)).map((h) => ur(a, h));
+      const a = e.config.map((h, v) => ({ color: new fn(h.color), value: v })), u = a.length - 1;
+      return new Array(5).fill("").map((h, v, f) => v * u / (f.length - 1)).map((h) => dr(a, h));
     }
     return null;
-  }, [e]), n = X(() => {
+  }, [e]), n = J(() => {
     if (e.type === U.iconSet)
       return e.config.map((a) => {
-        const u = we[a.iconType];
+        const u = Ee[a.iconType];
         return u && u[Number(a.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: a } = e.config, u = a ? `linear-gradient(to right, ${e.config.positiveColor || Ye}, rgb(255 255 255))` : e.config.positiveColor, l = a ? `linear-gradient(to right,  rgb(255 255 255),${e.config.nativeColor || Ke})` : e.config.nativeColor;
+      const { isGradient: a } = e.config, u = a ? `linear-gradient(to right, ${e.config.positiveColor || Ke}, rgb(255 255 255))` : e.config.positiveColor, l = a ? `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",
@@ -372,7 +372,7 @@ const Me = (t) => {
             className: "univer-h-full univer-w-1/2",
             style: {
               background: l,
-              border: `1px solid ${e.config.nativeColor || Ke}`
+              border: `1px solid ${e.config.nativeColor || Xe}`
             }
           }
         ),
@@ -382,7 +382,7 @@ const Me = (t) => {
             className: "univer-h-full univer-w-1/2",
             style: {
               background: u,
-              border: `1px solid ${e.config.positiveColor || Ye}`
+              border: `1px solid ${e.config.positiveColor || Ke}`
             }
           }
         )
@@ -391,17 +391,17 @@ const Me = (t) => {
     case U.colorScale:
       return r && /* @__PURE__ */ c("div", { className: i, children: r.map((a, u) => /* @__PURE__ */ c("div", { className: "univer-h-full", style: { width: `${100 / r.length}%`, background: a } }, u)) });
     case U.iconSet:
-      return n && /* @__PURE__ */ c("div", { className: i, children: n.map((a, u) => a ? /* @__PURE__ */ c("img", { className: "univer-h-full", src: a, draggable: !1 }, u) : /* @__PURE__ */ c(st, {}, u)) });
+      return n && /* @__PURE__ */ c("div", { className: i, children: n.map((a, u) => a ? /* @__PURE__ */ c("img", { className: "univer-h-full", src: a, draggable: !1 }, u) : /* @__PURE__ */ c(ot, {}, u)) });
     case U.highlightCell: {
-      const { ul: a, st: u, it: l, bl: h, bg: v, cl: f } = e.style, S = (a == null ? void 0 : a.s) === ae.TRUE, p = (u == null ? void 0 : u.s) === ae.TRUE, T = l === ae.TRUE, _ = h === ae.TRUE, R = (s = v == null ? void 0 : v.rgb) != null ? s : dr, E = (o = f == null ? void 0 : f.rgb) != null ? o : hr, x = {
+      const { ul: a, st: u, it: l, bl: h, bg: v, cl: f } = e.style, S = (a == null ? void 0 : a.s) === ae.TRUE, p = (u == null ? void 0 : u.s) === ae.TRUE, T = l === ae.TRUE, _ = h === ae.TRUE, R = (s = v == null ? void 0 : v.rgb) != null ? s : hr, w = (o = f == null ? void 0 : f.rgb) != null ? o : vr, x = {
         textDecoration: (d = `${S ? "underline" : ""} ${p ? "line-through" : ""}`.replace(/^ /, "")) != null ? d : void 0,
         backgroundColor: R,
-        color: E
+        color: w
       };
       return /* @__PURE__ */ c(
         "div",
         {
-          className: ie(i, {
+          className: X(i, {
             "univer-font-bold": _,
             "univer-italic": T
           }),
@@ -411,31 +411,30 @@ const Me = (t) => {
       );
     }
   }
-}, ot = "univer-mt-5 univer-px-1 univer-py-2 univer-border univer-border-solid univer-border-gray-200 univer-rounded", Re = (t, e) => ({ label: e.t(`sheet.cf.valueType.${t}`), value: t }), Ot = (t) => {
+}, 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(), u = X(() => String(s).startsWith("=") ? String(s) : "=", [s]), l = X(() => [A.max, A.min, "none"].includes(e) ? { disabled: !0 } : [A.percent, A.percentile].includes(e) ? {
+  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(), u = J(() => String(s).startsWith("=") ? String(s) : "=", [s]), l = J(() => [A.max, A.min, "none"].includes(e) ? { disabled: !0 } : [A.percent, A.percentile].includes(e) ? {
     min: 0,
     max: 100
   } : {
     min: Number.MIN_SAFE_INTEGER,
     max: Number.MAX_SAFE_INTEGER
   }, [e]), h = de(null), [v, f] = N(!1);
-  return wt((p) => {
+  return Nt((p) => {
     var _;
     ((_ = h.current) == null ? void 0 : _.isClickOutSide(p)) && f(!1);
   }), e === A.formula ? /* @__PURE__ */ c("div", { className: "univer-ml-1 univer-w-full", children: /* @__PURE__ */ c(
-    Nt,
+    Mt,
     {
       ref: h,
-      className: `
+      className: X(`
                       univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center
-                      univer-rounded-lg univer-border univer-border-solid univer-border-gray-200 univer-bg-white
-                      univer-pt-2 univer-transition-colors
+                      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-border-gray-600 dark:univer-bg-gray-700 dark:univer-text-white
+                      dark:univer-bg-gray-700 dark:univer-text-white
                       hover:univer-border-primary-600
-                    `,
+                    `, He),
       initValue: u,
       unitId: d,
       subUnitId: a,
@@ -446,20 +445,20 @@ const Me = (t) => {
       onFocus: () => f(!0)
     }
   ) }) : /* @__PURE__ */ c(Ne, { className: r, value: Number(t.value) || 0, onChange: (p) => t.onChange(p || 0), ...l });
-}, hi = (t) => {
+}, vi = (t) => {
   var L;
-  const { interceptorManager: e } = t, r = W(ne), 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, u] = N(() => {
+  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, u] = N(() => {
     var I;
-    const g = A.min;
-    return n && ((I = n.config[0]) == null ? void 0 : I.value.type) || g;
+    const m = A.min;
+    return n && ((I = n.config[0]) == null ? void 0 : I.value.type) || m;
   }), [l, h] = N(() => {
     var I;
-    const g = "none";
-    return !n || n.config.length !== 3 ? g : ((I = n.config[1]) == null ? void 0 : I.value.type) || g;
+    const m = "none";
+    return !n || n.config.length !== 3 ? m : ((I = n.config[1]) == null ? void 0 : I.value.type) || m;
   }), [v, f] = N(() => {
     var I;
-    const g = A.max;
-    return n && ((I = n.config[n.config.length - 1]) == null ? void 0 : I.value.type) || g;
+    const m = A.max;
+    return n && ((I = n.config[n.config.length - 1]) == null ? void 0 : I.value.type) || m;
   }), [S, p] = N(() => {
     if (!n)
       return 10;
@@ -471,40 +470,58 @@ const Me = (t) => {
       return 50;
     const I = (H = n.config[1]) == null ? void 0 : H.value.value;
     return I === void 0 ? 50 : I;
-  }), [R, E] = N(() => {
+  }), [R, w] = N(() => {
     var H;
     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, m] = N(() => {
+  }), [x, g] = N(() => {
     var I;
-    const g = "#d0d9fb";
-    return n && ((I = n.config[0]) == null ? void 0 : I.color) || g;
+    const m = "#d0d9fb";
+    return n && ((I = n.config[0]) == null ? void 0 : I.color) || m;
   }), [C, b] = N(() => {
     var I;
-    const g = "#7790f3";
-    return !n || n.config.length !== 3 ? g : ((I = n.config[1]) == null ? void 0 : I.color) || g;
+    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;
-    const g = "#2e55ef";
-    return n && ((I = n.config[n.config.length - 1]) == null ? void 0 : I.color) || g;
-  }), w = X(() => (g) => {
-    const { minType: I, medianType: H, maxType: Y, minValue: me, medianValue: ge, maxValue: ke, minColor: Fe, medianColor: D, maxColor: B } = g, G = [];
-    return G.push({ color: Fe, value: { type: I, value: me } }), H !== "none" && G.push({ color: D, value: { type: H, value: ge } }), G.push({ color: B, value: { type: Y, value: ke } }), { config: G.map((Q, te) => ({ ...Q, index: te })), type: U.colorScale };
+    const m = "#2e55ef";
+    return n && ((I = n.config[n.config.length - 1]) == null ? void 0 : I.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 };
   }, []);
   K(() => e.intercept(e.getInterceptPoints().submit, {
     handler() {
-      return w({ minType: a, medianType: l, maxType: v, minValue: S, medianValue: T, maxValue: R, minColor: x, medianColor: C, maxColor: y });
+      return E({ minType: a, medianType: l, maxType: v, minValue: S, medianValue: T, maxValue: R, minColor: x, medianColor: C, maxColor: y });
     }
-  }), [w, a, l, v, S, T, R, x, C, y, e]);
-  const V = (g) => {
-    t.onChange(w(g));
+  }), [E, a, l, v, S, T, R, x, C, y, e]);
+  const V = (m) => {
+    t.onChange(E(m));
   };
   return /* @__PURE__ */ k("div", { children: [
-    /* @__PURE__ */ c("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-600", children: r.t("sheet.cf.panel.styleRule") }),
-    /* @__PURE__ */ c("div", { className: ot, children: /* @__PURE__ */ c(Be, { rule: w({ minType: a, medianType: l, maxType: v, minValue: S, medianValue: T, maxValue: R, minColor: x, medianColor: C, maxColor: y }) }) }),
-    /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-xs univer-text-gray-600", children: r.t("sheet.cf.valueType.min") }),
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `
+                  univer-mt-4 univer-text-sm univer-text-gray-600
+                  dark:univer-text-gray-200
+                `,
+        children: r.t("sheet.cf.panel.styleRule")
+      }
+    ),
+    /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: E({ minType: a, medianType: l, maxType: v, minValue: S, medianValue: T, maxValue: R, minColor: x, medianColor: C, maxColor: y }) }) }),
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `
+                  univer-mt-3 univer-text-xs univer-text-gray-600
+                  dark:univer-text-gray-200
+                `,
+        children: r.t("sheet.cf.valueType.min")
+      }
+    ),
     /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
       /* @__PURE__ */ c(
         le,
@@ -512,22 +529,42 @@ const Me = (t) => {
           className: "univer-flex-shrink-0",
           options: s,
           value: a,
-          onChange: (g) => {
-            u(g);
-            const I = Xe(g, 10);
-            p(I), V({ minType: g, medianType: l, maxType: v, minValue: I, medianValue: T, maxValue: R, minColor: x, medianColor: C, maxColor: y });
+          onChange: (m) => {
+            u(m);
+            const I = Je(m, 10);
+            p(I), V({
+              minType: m,
+              medianType: l,
+              maxType: v,
+              minValue: I,
+              medianValue: T,
+              maxValue: R,
+              minColor: x,
+              medianColor: C,
+              maxColor: y
+            });
           }
         }
       ),
       /* @__PURE__ */ c(
-        Ot,
+        Lt,
         {
           id: "min",
           className: "univer-ml-1",
           value: S,
           type: a,
-          onChange: (g) => {
-            p(g), V({ minType: a, medianType: l, maxType: v, minValue: g, medianValue: T, maxValue: R, minColor: x, medianColor: C, maxColor: y });
+          onChange: (m) => {
+            p(m), V({
+              minType: a,
+              medianType: l,
+              maxType: v,
+              minValue: m,
+              medianValue: T,
+              maxValue: R,
+              minColor: x,
+              medianColor: C,
+              maxColor: y
+            });
           }
         }
       ),
@@ -536,13 +573,32 @@ const Me = (t) => {
         {
           className: "univer-ml-1",
           color: x,
-          onChange: (g) => {
-            m(g), V({ minType: a, medianType: l, maxType: v, minValue: S, medianValue: T, maxValue: R, minColor: g, medianColor: C, maxColor: y });
+          onChange: (m) => {
+            g(m), V({
+              minType: a,
+              medianType: l,
+              maxType: v,
+              minValue: S,
+              medianValue: T,
+              maxValue: R,
+              minColor: m,
+              medianColor: C,
+              maxColor: y
+            });
           }
         }
       )
     ] }),
-    /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-xs univer-text-gray-600", children: r.t("sheet.cf.panel.medianValue") }),
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `
+                  univer-mt-3 univer-text-xs
+                  univer-text-gray-600dark:univer-text-gray-200
+                `,
+        children: r.t("sheet.cf.panel.medianValue")
+      }
+    ),
     /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
       /* @__PURE__ */ c(
         le,
@@ -550,12 +606,12 @@ const Me = (t) => {
           className: "univer-flex-shrink-0",
           options: o,
           value: l,
-          onChange: (g) => {
-            h(g);
-            const I = Xe(g, 50);
+          onChange: (m) => {
+            h(m);
+            const I = Je(m, 50);
             _(I), V({
               minType: a,
-              medianType: g,
+              medianType: m,
               maxType: v,
               minValue: S,
               medianValue: I,
@@ -568,19 +624,19 @@ const Me = (t) => {
         }
       ),
       /* @__PURE__ */ c(
-        Ot,
+        Lt,
         {
           id: "median",
           className: "univer-ml-1",
           value: T,
           type: l,
-          onChange: (g) => {
-            _(g), V({
+          onChange: (m) => {
+            _(m), V({
               minType: a,
               medianType: l,
               maxType: v,
               minValue: S,
-              medianValue: g,
+              medianValue: m,
               maxValue: R,
               minColor: x,
               medianColor: C,
@@ -594,8 +650,8 @@ const Me = (t) => {
         {
           className: "univer-ml-1",
           color: C,
-          onChange: (g) => {
-            b(g), V({
+          onChange: (m) => {
+            b(m), V({
               minType: a,
               medianType: l,
               maxType: v,
@@ -603,14 +659,23 @@ const Me = (t) => {
               medianValue: T,
               maxValue: R,
               minColor: x,
-              medianColor: g,
+              medianColor: m,
               maxColor: y
             });
           }
         }
       )
     ] }),
-    /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-xs univer-text-gray-600", children: r.t("sheet.cf.valueType.max") }),
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `
+                  univer-mt-3 univer-text-xs univer-text-gray-600
+                  dark:univer-text-gray-200
+                `,
+        children: r.t("sheet.cf.valueType.max")
+      }
+    ),
     /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
       /* @__PURE__ */ c(
         le,
@@ -618,13 +683,13 @@ const Me = (t) => {
           className: "univer-flex-shrink-0",
           options: d,
           value: v,
-          onChange: (g) => {
-            f(g);
-            const I = Xe(g, 90);
-            E(I), V({
+          onChange: (m) => {
+            f(m);
+            const I = Je(m, 90);
+            w(I), V({
               minType: a,
               medianType: l,
-              maxType: g,
+              maxType: m,
               minValue: S,
               medianValue: T,
               maxValue: I,
@@ -636,20 +701,20 @@ const Me = (t) => {
         }
       ),
       /* @__PURE__ */ c(
-        Ot,
+        Lt,
         {
           id: "max",
           className: "univer-ml-1",
           value: R,
           type: v,
-          onChange: (g) => {
-            E(g), V({
+          onChange: (m) => {
+            w(m), V({
               minType: a,
               medianType: l,
               maxType: v,
               minValue: S,
               medianValue: T,
-              maxValue: g,
+              maxValue: m,
               minColor: x,
               medianColor: C,
               maxColor: y
@@ -662,8 +727,8 @@ const Me = (t) => {
         {
           className: "univer-ml-1",
           color: y,
-          onChange: (g) => {
-            M(g), V({
+          onChange: (m) => {
+            M(m), V({
               minType: a,
               medianType: l,
               maxType: v,
@@ -672,21 +737,21 @@ const Me = (t) => {
               maxValue: R,
               minColor: x,
               medianColor: C,
-              maxColor: g
+              maxColor: m
             });
           }
         }
       )
     ] })
   ] });
-}, Ue = (t, e) => ({ label: e.t(`sheet.cf.valueType.${t}`), value: t }), rn = (t) => {
+}, Ue = (t, e) => ({ label: e.t(`sheet.cf.valueType.${t}`), value: t }), sn = (t) => {
   var p;
   const { onChange: e, className: r, value: n, type: i, id: s, disabled: o = !1 } = t, d = W(z), a = d.getCurrentUnitForType($.UNIVER_SHEET).getUnitId(), u = (p = d.getCurrentUnitForType($.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : p.getSheetId(), l = de(null), [h, v] = N(!1);
-  wt((T) => {
+  Nt((T) => {
     var R;
     ((R = l.current) == null ? void 0 : R.isClickOutSide(T)) && v(!1);
   });
-  const f = de(n), S = X(() => [A.percentile, A.percent].includes(i) ? {
+  const f = de(n), S = J(() => [A.percentile, A.percent].includes(i) ? {
     max: 100,
     min: 0
   } : {
@@ -696,18 +761,17 @@ const Me = (t) => {
   if (i === A.formula) {
     const T = String(f.current).startsWith("=") ? String(f.current) || "" : "=";
     return /* @__PURE__ */ c("div", { className: "univer-ml-3 univer-w-full", children: /* @__PURE__ */ c(
-      Nt,
+      Mt,
       {
         ref: l,
-        className: `
+        className: X(`
                       univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center
-                      univer-rounded-lg univer-border univer-border-solid univer-border-gray-200 univer-bg-white
-                      univer-pt-2 univer-transition-colors
+                      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-border-gray-600 dark:univer-bg-gray-700 dark:univer-text-white
+                      dark:univer-bg-gray-700 dark:univer-text-white
                       hover:univer-border-primary-600
-                    `,
+                    `, He),
         initValue: T,
         unitId: a,
         subUnitId: u,
@@ -731,105 +795,150 @@ const Me = (t) => {
       ...S
     }
   );
-}, vi = (t) => {
+}, gi = (t) => {
   var L;
-  const { interceptorManager: e } = t, r = W(ne), n = ((L = t.rule) == null ? void 0 : L.type) === U.dataBar ? t.rule : void 0, [i, s] = N(() => {
+  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;
-    const g = "0";
-    return n ? (I = n.config) != null && I.isGradient ? "1" : "0" : g;
+    const m = "0";
+    return n ? (I = n.config) != null && I.isGradient ? "1" : "0" : m;
   }), [o, d] = N(() => {
-    var g;
-    return n ? ((g = n.config) == null ? void 0 : g.positiveColor) || Ye : Ye;
+    var m;
+    return n ? ((m = n.config) == null ? void 0 : m.positiveColor) || Ke : Ke;
   }), [a, u] = N(() => {
-    var g;
-    return n ? ((g = n.config) == null ? void 0 : g.nativeColor) || Ke : Ke;
+    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)], h = [Ue(A.min, r), ...l], v = [Ue(A.max, r), ...l], [f, S] = N(() => {
     var I;
-    const g = h[0].value;
-    return n && ((I = n.config) == null ? void 0 : I.min.type) || g;
+    const m = h[0].value;
+    return n && ((I = n.config) == null ? void 0 : I.min.type) || m;
   }), [p, T] = N(() => {
     var I;
-    const g = v[0].value;
-    return n && ((I = n.config) == null ? void 0 : I.max.type) || g;
+    const m = v[0].value;
+    return n && ((I = n.config) == null ? void 0 : I.max.type) || m;
   }), [_, R] = N(() => {
     var H;
     if (!n)
       return 0;
     const I = ((H = n.config) == null ? void 0 : H.min) || {};
     return I.type === A.formula ? I.value || "=" : I.value || 0;
-  }), [E, x] = N(() => {
+  }), [w, x] = N(() => {
     var H;
     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;
-  }), [m, C] = N(() => n ? n.isShowValue === void 0 ? !0 : !!n.isShowValue : !0), b = (g) => ({ config: {
-    min: { type: g.minValueType, value: g.minValue },
-    max: { type: g.maxValueType, value: g.maxValue },
-    isGradient: g.isGradient === "1",
-    positiveColor: g.positiveColor || Ye,
-    nativeColor: g.nativeColor || Ke
-  }, type: U.dataBar, isShowValue: g.isShowValue });
+  }), [g, C] = N(() => n ? n.isShowValue === void 0 ? !0 : !!n.isShowValue : !0), b = (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 });
   K(() => e.intercept(e.getInterceptPoints().submit, {
     handler() {
-      return b({ isGradient: i, minValue: _, minValueType: f, maxValue: E, maxValueType: p, positiveColor: o, nativeColor: a, isShowValue: m });
+      return b({ isGradient: i, minValue: _, minValueType: f, maxValue: w, maxValueType: p, positiveColor: o, nativeColor: a, isShowValue: g });
     }
-  }), [i, _, f, E, p, o, a, e, m]);
-  const y = (g) => {
-    t.onChange(b(g));
-  }, M = (g) => {
-    d(g), y({ isGradient: i, minValue: _, minValueType: f, maxValue: E, maxValueType: p, positiveColor: g, nativeColor: a, isShowValue: m });
-  }, w = (g) => {
-    u(g), y({ isGradient: i, minValue: _, minValueType: f, maxValue: E, maxValueType: p, positiveColor: o, nativeColor: g, isShowValue: m });
-  }, V = (g) => l.map((I) => I.value).includes(g);
+  }), [i, _, f, w, p, o, a, e, g]);
+  const y = (m) => {
+    t.onChange(b(m));
+  }, M = (m) => {
+    d(m), y({
+      isGradient: i,
+      minValue: _,
+      minValueType: f,
+      maxValue: w,
+      maxValueType: p,
+      positiveColor: m,
+      nativeColor: a,
+      isShowValue: g
+    });
+  }, E = (m) => {
+    u(m), y({
+      isGradient: i,
+      minValue: _,
+      minValueType: f,
+      maxValue: w,
+      maxValueType: p,
+      positiveColor: o,
+      nativeColor: m,
+      isShowValue: g
+    });
+  }, V = (m) => l.map((I) => I.value).includes(m);
   return /* @__PURE__ */ k("div", { children: [
-    /* @__PURE__ */ c("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-600", children: r.t("sheet.cf.panel.styleRule") }),
-    /* @__PURE__ */ c("div", { className: ot, children: /* @__PURE__ */ c(
-      Be,
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `
+                  univer-mt-4 univer-text-sm univer-text-gray-600
+                  dark:univer-text-gray-200
+                `,
+        children: r.t("sheet.cf.panel.styleRule")
+      }
+    ),
+    /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(
+      We,
       {
         rule: b({
           isGradient: i,
           minValue: _,
           minValueType: f,
-          maxValue: E,
+          maxValue: w,
           maxValueType: p,
           positiveColor: o,
           nativeColor: a,
-          isShowValue: m
+          isShowValue: g
         })
       }
     ) }),
     /* @__PURE__ */ k("div", { children: [
-      /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-sm univer-text-gray-600", children: r.t("sheet.cf.panel.fillType") }),
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: `
+                      univer-mt-3 univer-text-sm univer-text-gray-600
+                      dark:univer-text-gray-200
+                    `,
+          children: r.t("sheet.cf.panel.fillType")
+        }
+      ),
       /* @__PURE__ */ k("div", { className: "univer-ml-1 univer-mt-3 univer-flex univer-items-center", children: [
         /* @__PURE__ */ k(
-          Wr,
+          qr,
           {
             value: i,
-            onChange: (g) => {
-              s(g), y({ isGradient: g, minValue: _, minValueType: f, maxValue: E, maxValueType: p, positiveColor: o, nativeColor: a, isShowValue: m });
+            onChange: (m) => {
+              s(m), y({
+                isGradient: m,
+                minValue: _,
+                minValueType: f,
+                maxValue: w,
+                maxValueType: p,
+                positiveColor: o,
+                nativeColor: a,
+                isShowValue: g
+              });
             },
             children: [
-              /* @__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") }) })
+              /* @__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__ */ k("div", { className: "univer-ml-6 univer-flex univer-items-center univer-text-xs", children: [
           /* @__PURE__ */ c(
-            Ct,
+            yt,
             {
-              checked: !m,
-              onChange: (g) => {
-                C(!g), y({
-                  isGradient: g,
+              checked: !g,
+              onChange: (m) => {
+                C(!m), y({
+                  isGradient: m,
                   minValue: _,
                   minValueType: f,
-                  maxValue: E,
+                  maxValue: w,
                   maxValueType: p,
                   positiveColor: o,
                   nativeColor: a,
-                  isShowValue: !g
+                  isShowValue: !m
                 });
               }
             }
@@ -839,7 +948,16 @@ const Me = (t) => {
       ] })
     ] }),
     /* @__PURE__ */ k("div", { children: [
-      /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-sm univer-text-gray-600", children: r.t("sheet.cf.panel.colorSet") }),
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: `
+                      univer-mt-3 univer-text-sm univer-text-gray-600
+                      dark:univer-text-gray-200
+                    `,
+          children: r.t("sheet.cf.panel.colorSet")
+        }
+      ),
       /* @__PURE__ */ k("div", { className: "univer-ml-1 univer-mt-3 univer-flex univer-items-center", children: [
         /* @__PURE__ */ k("div", { className: "univer-flex univer-items-center", children: [
           /* @__PURE__ */ c("div", { className: "univer-text-xs", children: r.t("sheet.cf.panel.native") }),
@@ -847,7 +965,7 @@ const Me = (t) => {
             Me,
             {
               color: a,
-              onChange: w
+              onChange: E
             }
           )
         ] }),
@@ -864,7 +982,16 @@ const Me = (t) => {
       ] })
     ] }),
     /* @__PURE__ */ k("div", { children: [
-      /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-sm univer-text-gray-600", children: r.t("sheet.cf.valueType.min") }),
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: `
+                      univer-mt-3 univer-text-sm univer-text-gray-600
+                      dark:univer-text-gray-200
+                    `,
+          children: r.t("sheet.cf.valueType.min")
+        }
+      ),
       /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
         /* @__PURE__ */ c(
           le,
@@ -872,46 +999,55 @@ const Me = (t) => {
             className: "univer-w-1/2 univer-flex-shrink-0",
             options: h,
             value: f,
-            onChange: (g) => {
-              S(g);
-              const I = Xe(g, 10);
+            onChange: (m) => {
+              S(m);
+              const I = Je(m, 10);
               R(I), y({
                 isGradient: i,
                 minValue: I,
-                minValueType: g,
-                maxValue: E,
+                minValueType: m,
+                maxValue: w,
                 maxValueType: p,
                 positiveColor: o,
                 nativeColor: a,
-                isShowValue: m
+                isShowValue: g
               });
             }
           }
         ),
         /* @__PURE__ */ c(
-          rn,
+          sn,
           {
             id: "min",
             className: "univer-ml-3",
             disabled: !V(f),
             type: f,
             value: _,
-            onChange: (g) => {
-              R(g || 0), y({
+            onChange: (m) => {
+              R(m || 0), y({
                 isGradient: i,
-                minValue: g || 0,
+                minValue: m || 0,
                 minValueType: f,
-                maxValue: E,
+                maxValue: w,
                 maxValueType: p,
                 positiveColor: o,
                 nativeColor: a,
-                isShowValue: m
+                isShowValue: g
               });
             }
           }
         )
       ] }),
-      /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-sm univer-text-gray-600", children: r.t("sheet.cf.valueType.max") }),
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: `
+                      univer-mt-3 univer-text-sm univer-text-gray-600
+                      dark:univer-text-gray-200
+                    `,
+          children: r.t("sheet.cf.valueType.max")
+        }
+      ),
       /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
         /* @__PURE__ */ c(
           le,
@@ -919,40 +1055,40 @@ const Me = (t) => {
             className: "univer-w-1/2 univer-flex-shrink-0",
             options: v,
             value: p,
-            onChange: (g) => {
-              T(g);
-              const I = Xe(g, 90);
+            onChange: (m) => {
+              T(m);
+              const I = Je(m, 90);
               x(I), y({
                 isGradient: i,
                 minValue: _,
                 minValueType: f,
                 maxValue: I,
-                maxValueType: g,
+                maxValueType: m,
                 positiveColor: o,
                 nativeColor: a,
-                isShowValue: m
+                isShowValue: g
               });
             }
           }
         ),
         /* @__PURE__ */ c(
-          rn,
+          sn,
           {
             className: "univer-ml-3",
             disabled: !V(p),
             id: "max",
             type: p,
-            value: E,
-            onChange: (g) => {
-              x(g || 0), y({
+            value: w,
+            onChange: (m) => {
+              x(m || 0), y({
                 isGradient: i,
                 minValue: _,
                 minValueType: f,
-                maxValue: g || 0,
+                maxValue: m || 0,
                 maxValueType: p,
                 positiveColor: o,
                 nativeColor: a,
-                isShowValue: m
+                isShowValue: g
               });
             }
           }
@@ -960,8 +1096,8 @@ const Me = (t) => {
       ] })
     ] })
   ] });
-}, lt = (t) => [ae.FALSE, void 0].includes(t) ? ae.TRUE : ae.FALSE, ct = (t) => t !== ae.FALSE, Zt = (t) => {
-  const { style: e, onChange: r, className: n } = t, i = W(Gt), [s, o] = N(() => {
+}, 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(() => {
     if (e != null && e.bl)
       return e.bl;
   }), [d, a] = N(() => {
@@ -981,53 +1117,53 @@ const Me = (t) => {
     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"), E = i.get("UnderlineSingle"), x = i.get("StrikethroughSingle");
+  }), _ = i.get("BoldSingle"), R = i.get("ItalicSingle"), w = i.get("UnderlineSingle"), x = i.get("StrikethroughSingle");
   K(() => {
     const C = {
       bl: s,
       it: d
     };
-    f !== void 0 && (C.cl = { rgb: f }), p !== void 0 && (C.bg = { rgb: p }), h !== void 0 && (C.st = { s: h }), u !== void 0 && (C.ul = { s: u }), r(vr(C));
+    f !== void 0 && (C.cl = { rgb: f }), p !== void 0 && (C.bg = { rgb: p }), h !== void 0 && (C.st = { s: h }), u !== void 0 && (C.ul = { s: u }), r(gr(C));
   }, [s, d, u, h, f, p]);
-  const m = "univer-flex univer-cursor-pointer univer-items-center univer-rounded univer-px-1";
-  return /* @__PURE__ */ k("div", { className: ie("univer-my-2.5 univer-flex univer-justify-between", n), children: [
+  const g = "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(
       "div",
       {
-        className: ie(m, {
-          "univer-bg-gray-100": ct(s || ae.FALSE)
+        className: X(g, {
+          "univer-bg-gray-100": ut(s || ae.FALSE)
         }),
-        onClick: () => o(lt(s)),
+        onClick: () => o(ct(s)),
         children: /* @__PURE__ */ c(_, {})
       }
     ),
     R && /* @__PURE__ */ c(
       "div",
       {
-        className: ie(m, {
-          "univer-bg-gray-100": ct(d || ae.FALSE)
+        className: X(g, {
+          "univer-bg-gray-100": ut(d || ae.FALSE)
         }),
-        onClick: () => a(lt(d)),
+        onClick: () => a(ct(d)),
         children: /* @__PURE__ */ c(R, {})
       }
     ),
-    E && /* @__PURE__ */ c(
+    w && /* @__PURE__ */ c(
       "div",
       {
-        className: ie(m, {
-          "univer-bg-gray-100": ct(u || ae.FALSE)
+        className: X(g, {
+          "univer-bg-gray-100": ut(u || ae.FALSE)
         }),
-        onClick: () => l(lt(u)),
-        children: /* @__PURE__ */ c(E, {})
+        onClick: () => l(ct(u)),
+        children: /* @__PURE__ */ c(w, {})
       }
     ),
     x && /* @__PURE__ */ c(
       "div",
       {
-        className: ie(m, {
-          "univer-bg-gray-100": ct(h || ae.FALSE)
+        className: X(g, {
+          "univer-bg-gray-100": ut(h || ae.FALSE)
         }),
-        onClick: () => v(lt(h)),
+        onClick: () => v(ct(h)),
         children: /* @__PURE__ */ c(x, {})
       }
     ),
@@ -1036,8 +1172,8 @@ const Me = (t) => {
   ] });
 }, mi = (t) => {
   var x;
-  const { onChange: e, interceptorManager: r } = t, n = W(ne), 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), [u, l] = N(!1), h = de(null), [v, f] = N({}), [S, p] = N(() => (d == null ? void 0 : d.subType) === F.formula ? d.value : "="), [T, _] = N(void 0), R = (m) => ({
-    style: m.style,
+  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), [u, l] = N(!1), h = de(null), [v, f] = N({}), [S, p] = N(() => (d == null ? void 0 : d.subType) === F.formula ? d.value : "="), [T, _] = N(void 0), R = (g) => ({
+    style: g.style,
     value: S,
     type: U.highlightCell,
     subType: F.formula
@@ -1049,27 +1185,35 @@ const Me = (t) => {
   }), [v, 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 E = (m) => {
-    e(R(m));
+  const w = (g) => {
+    e(R(g));
   };
-  return wt((m) => {
+  return Nt((g) => {
     var b;
-    ((b = h.current) == null ? void 0 : b.isClickOutSide(m)) && l(!1);
+    ((b = h.current) == null ? void 0 : b.isClickOutSide(g)) && l(!1);
   }), /* @__PURE__ */ k("div", { ref: a, 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-4 univer-text-sm univer-text-gray-600
+                  dark:univer-text-gray-200
+                `,
+        children: n.t("sheet.cf.panel.styleRule")
+      }
+    ),
     /* @__PURE__ */ c("div", { className: "univer-mt-3", children: /* @__PURE__ */ c(
-      Nt,
+      Mt,
       {
         ref: h,
-        className: `
+        className: X(`
                       univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center
-                      univer-rounded-lg univer-border univer-border-solid univer-border-gray-200 univer-bg-white
-                      univer-pt-2 univer-transition-colors
+                      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-border-gray-600 dark:univer-bg-gray-700 dark:univer-text-white
+                      dark:univer-bg-gray-700 dark:univer-text-white
                       hover:univer-border-primary-600
-                    `,
+                    `, He),
         errorText: T,
         isFocus: u,
         initValue: S,
@@ -1078,27 +1222,27 @@ const Me = (t) => {
         onFocus: () => {
           l(!0);
         },
-        onChange: (m) => {
-          p(m), E({ style: v });
+        onChange: (g) => {
+          p(g), w({ style: v });
         },
-        onVerify: (m, C) => {
-          !m || C.length === 1 ? _(n.t("sheet.cf.errorMessage.formulaError")) : _(void 0);
+        onVerify: (g, C) => {
+          !g || C.length === 1 ? _(n.t("sheet.cf.errorMessage.formulaError")) : _(void 0);
         }
       }
     ) }),
-    /* @__PURE__ */ c("div", { className: ot, children: /* @__PURE__ */ c(Be, { rule: R({ style: v }) }) }),
+    /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: R({ style: v }) }) }),
     /* @__PURE__ */ c(
-      Zt,
+      Yt,
       {
         style: d == null ? void 0 : d.style,
         className: "univer-mt-3",
-        onChange: (m) => {
-          f(m), E({ style: m });
+        onChange: (g) => {
+          f(g), w({ style: g });
         }
       }
     )
   ] });
-}, ut = (t) => /* @__PURE__ */ k("div", { style: { position: "relative" }, children: [
+}, dt = (t) => /* @__PURE__ */ k("div", { style: { position: "relative" }, children: [
   /* @__PURE__ */ c(
     "div",
     {
@@ -1113,8 +1257,8 @@ const Me = (t) => {
     }
   ),
   t.children
-] }), q = (t, e) => ({ label: e.t(`sheet.cf.operator.${t}`), value: t }), gi = (t) => {
-  const { type: e, operator: r, onChange: n, value: i, interceptorManager: s } = t, o = W(ne), [d, a] = N(() => typeof i == "number" ? i : 0), [u, l] = N(""), [h, v] = N(() => typeof i == "string" ? i : ""), [f, S] = N(""), [p, T] = N(() => Array.isArray(i) ? i[0] === void 0 ? 0 : i[0] : 0), [_, R] = N(""), [E, x] = N(() => Array.isArray(i) ? i[1] === void 0 ? 100 : i[1] : 100), [m, C] = N("");
+] }), 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), [u, l] = N(""), [h, v] = N(() => typeof i == "string" ? i : ""), [f, S] = N(""), [p, 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), [g, C] = N("");
   switch (K(() => {
     switch (e) {
       case F.text: {
@@ -1122,19 +1266,19 @@ const Me = (t) => {
         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([p, E]);
+        [P.equal, P.notEqual, P.greaterThan, P.greaterThanOrEqual, P.lessThan, P.lessThanOrEqual].includes(r) && n(d), [P.between, P.notBetween].includes(r) && n([p, w]);
         break;
       }
     }
   }, [e]), K(() => {
     const b = s.intercept(s.getInterceptPoints().beforeSubmit, {
-      handler: (y, M, w) => {
+      handler: (y, M, E) => {
         switch (e) {
           case F.text:
             if ([j.beginsWith, j.containsText, j.endsWith, j.notEqual, j.notContainsText, j.equal].includes(r))
-              return h ? w(y) : (S(o.t("sheet.cf.errorMessage.notBlank")), !1);
+              return h ? E(y) : (S(o.t("sheet.cf.errorMessage.notBlank")), !1);
         }
-        return w(y);
+        return E(y);
       }
     });
     return () => {
@@ -1146,8 +1290,8 @@ const Me = (t) => {
         const b = (y) => {
           v(y), n(y);
         };
-        return /* @__PURE__ */ c("div", { className: "univer-mt-3", children: /* @__PURE__ */ c(ut, { errorText: f, children: /* @__PURE__ */ c(
-          qr,
+        return /* @__PURE__ */ c("div", { className: "univer-mt-3", children: /* @__PURE__ */ c(dt, { errorText: f, children: /* @__PURE__ */ c(
+          Gr,
           {
             value: h,
             onChange: (y) => {
@@ -1163,7 +1307,7 @@ const Me = (t) => {
         const b = (y) => {
           a(y || 0), n(y || 0), l("");
         };
-        return /* @__PURE__ */ c("div", { className: "univer-mt-3", children: /* @__PURE__ */ c(ut, { errorText: u, children: /* @__PURE__ */ c(
+        return /* @__PURE__ */ c("div", { className: "univer-mt-3", children: /* @__PURE__ */ c(dt, { errorText: u, children: /* @__PURE__ */ c(
           Ne,
           {
             className: "univer-w-full",
@@ -1176,19 +1320,19 @@ const Me = (t) => {
       }
       if ([P.between, P.notBetween].includes(r)) {
         const b = (M) => {
-          T(M || 0), n([M || 0, E]), R("");
+          T(M || 0), n([M || 0, w]), R("");
         }, y = (M) => {
           x(M || 0), n([p, M || 0]), C("");
         };
         return /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
-          /* @__PURE__ */ c(ut, { errorText: _, children: /* @__PURE__ */ c(Ne, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, value: p, onChange: b }) }),
-          /* @__PURE__ */ c(ut, { errorText: m, children: /* @__PURE__ */ c(
+          /* @__PURE__ */ c(dt, { errorText: _, children: /* @__PURE__ */ c(Ne, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, value: p, onChange: b }) }),
+          /* @__PURE__ */ c(dt, { errorText: g, children: /* @__PURE__ */ c(
             Ne,
             {
               className: "univer-ml-3",
               min: Number.MIN_SAFE_INTEGER,
               max: Number.MAX_SAFE_INTEGER,
-              value: E,
+              value: w,
               onChange: y
             }
           ) })
@@ -1197,7 +1341,7 @@ const Me = (t) => {
     }
   }
   return null;
-}, sn = (t, e) => {
+}, on = (t, e) => {
   switch (t) {
     case F.text:
       return [
@@ -1237,11 +1381,11 @@ const Me = (t) => {
         q(ue.nextMonth, e)
       ];
   }
-}, on = (t) => {
+}, an = (t) => {
   var x;
-  const { interceptorManager: e, onChange: r } = t, n = W(ne), i = ((x = t.rule) == null ? void 0 : x.type) === U.highlightCell ? t.rule : void 0, [s, o] = N(() => {
-    const m = F.text;
-    return i && i.subType || m;
+  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 g = F.text;
+    return i && i.subType || g;
   }), d = [{
     value: F.text,
     label: n.t("sheet.cf.subRuleType.text")
@@ -1257,24 +1401,24 @@ const Me = (t) => {
   }, {
     value: F.uniqueValues,
     label: n.t("sheet.cf.subRuleType.uniqueValues")
-  }], a = X(() => sn(s, n), [s]), [u, l] = N(() => {
-    const m = a ? a[0].value : void 0;
-    return i && i.operator || m;
+  }], a = J(() => on(s, n), [s]), [u, l] = N(() => {
+    const g = a ? a[0].value : void 0;
+    return i && i.operator || g;
   }), [h, v] = N(() => {
     var b;
-    const m = "";
-    return i ? (b = i.value) != null ? b : mt(i.subType, i.operator) : m;
-  }), [f, S] = N({}), p = X(() => (m) => {
-    var C, b, y, M, w, V, L, g, I, H, Y, me, ge, ke, Fe;
-    switch (m.subType || s) {
+    const g = "";
+    return i ? (b = i.value) != null ? b : mt(i.subType, i.operator) : g;
+  }), [f, S] = N({}), p = J(() => (g) => {
+    var C, b, y, M, E, V, L, m, I, H, Y, ge, me, ke, Fe;
+    switch (g.subType || s) {
       case F.text: {
         if ([j.beginsWith, j.endsWith, j.containsText, j.notContainsText, j.equal, j.notEqual].includes(u))
           return {
             type: U.highlightCell,
-            subType: (C = m.subType) != null ? C : s,
-            operator: (b = m.operator) != null ? b : u,
-            style: (y = m.style) != null ? y : f,
-            value: (M = m.value) != null ? M : h
+            subType: (C = g.subType) != null ? C : s,
+            operator: (b = g.operator) != null ? b : u,
+            style: (y = g.style) != null ? y : f,
+            value: (M = g.value) != null ? M : h
           };
         break;
       }
@@ -1282,27 +1426,27 @@ const Me = (t) => {
         if ([P.equal, P.notEqual, P.greaterThan, P.greaterThanOrEqual, P.lessThan, P.lessThanOrEqual].includes(u))
           return {
             type: U.highlightCell,
-            subType: (w = m.subType) != null ? w : s,
-            operator: (V = m.operator) != null ? V : u,
-            style: (L = m.style) != null ? L : f,
-            value: (g = m.value) != null ? g : h
+            subType: (E = g.subType) != null ? E : s,
+            operator: (V = g.operator) != null ? V : u,
+            style: (L = g.style) != null ? L : f,
+            value: (m = g.value) != null ? m : h
           };
         if ([P.between, P.notBetween].includes(u))
           return {
             type: U.highlightCell,
-            subType: (I = m.subType) != null ? I : s,
-            operator: (H = m.operator) != null ? H : u,
-            style: (Y = m.style) != null ? Y : f,
-            value: (me = m.value) != null ? me : h
+            subType: (I = g.subType) != null ? I : s,
+            operator: (H = g.operator) != null ? H : u,
+            style: (Y = g.style) != null ? Y : f,
+            value: (ge = g.value) != null ? ge : h
           };
         break;
       }
     }
     return {
       type: U.highlightCell,
-      subType: (ge = m.subType) != null ? ge : s,
-      operator: (ke = m.operator) != null ? ke : u,
-      style: (Fe = m.style) != null ? Fe : f
+      subType: (me = g.subType) != null ? me : s,
+      operator: (ke = g.operator) != null ? ke : u,
+      style: (Fe = g.style) != null ? Fe : f
     };
   }, [s, u, h, f]);
   K(() => e.intercept(e.getInterceptPoints().submit, {
@@ -1310,19 +1454,28 @@ const Me = (t) => {
       return p({});
     }
   }), [p, e]), K(() => {
-    d.some((m) => m.value === s) || o(d[0].value);
+    d.some((g) => g.value === s) || o(d[0].value);
   }, [d]);
-  const T = (m) => {
-    const C = m, b = sn(C, n), y = b && b[0].value;
+  const T = (g) => {
+    const C = g, b = on(C, n), y = b && b[0].value;
     o(C), l(y), y && v(mt(C, y)), r(p({ subType: C, operator: y }));
-  }, _ = (m) => {
-    const C = m;
+  }, _ = (g) => {
+    const C = g;
     l(C), r(p({ operator: C }));
-  }, R = (m) => {
-    v(m), r(p({ value: m }));
-  }, E = X(() => `${s}_${u}_${Math.random()}`, [s, u]);
+  }, R = (g) => {
+    v(g), r(p({ value: g }));
+  }, w = J(() => `${s}_${u}_${Math.random()}`, [s, u]);
   return /* @__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-4 univer-text-sm univer-text-gray-600
+                  dark:univer-text-gray-200
+                `,
+        children: n.t("sheet.cf.panel.styleRule")
+      }
+    ),
     /* @__PURE__ */ k("div", { className: "univer-flex univer-justify-between univer-gap-4", children: [
       /* @__PURE__ */ c(
         le,
@@ -1344,7 +1497,7 @@ const Me = (t) => {
       )
     ] }),
     /* @__PURE__ */ c(
-      gi,
+      fi,
       {
         value: h,
         interceptorManager: e,
@@ -1353,31 +1506,31 @@ const Me = (t) => {
         rule: i,
         onChange: R
       },
-      E
+      w
     ),
-    /* @__PURE__ */ c("div", { className: ot, children: /* @__PURE__ */ c(Be, { rule: p({}) }) }),
+    /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: p({}) }) }),
     /* @__PURE__ */ c(
-      Zt,
+      Yt,
       {
         style: i == null ? void 0 : i.style,
         className: "univer-ml-1",
-        onChange: (m) => {
-          S(m), r(p({ style: m }));
+        onChange: (g) => {
+          S(g), r(p({ style: g }));
         }
       }
     )
   ] });
-}, Kn = (t, e) => (we[t] || [])[Number(e)] || "", fi = (t) => {
+}, Xn = (t, e) => (Ee[t] || [])[Number(e)] || "", pi = (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, u] = N(!1);
-  return wt((h) => {
+  return Nt((h) => {
     var f;
     ((f = d.current) == null ? void 0 : f.isClickOutSide(h)) && u(!1);
-  }), /* @__PURE__ */ c("div", { className: "univer-relative", children: r !== A.formula ? /* @__PURE__ */ k(Ht, { children: [
+  }), /* @__PURE__ */ c("div", { className: "univer-relative", children: r !== A.formula ? /* @__PURE__ */ k(Bt, { children: [
     /* @__PURE__ */ c(
       Ne,
       {
-        className: ie({
+        className: X({
           "univer-border-red-500": e
         }),
         value: Number(t.value) || 0,
@@ -1386,7 +1539,7 @@ const Me = (t) => {
     ),
     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(
-    Nt,
+    Mt,
     {
       ref: d,
       initValue: String(t.value),
@@ -1399,13 +1552,13 @@ const Me = (t) => {
       onFocus: () => u(!0)
     }
   ) }) });
-}, an = (t, e, r) => ({
+}, ln = (t, e, r) => ({
   operator: P.greaterThan,
   value: { type: A.num, value: (r.length - 1 - e) * 10 },
   iconType: t,
   iconId: String(e)
-}), pi = Ve((t, e) => {
-  const { onClick: r } = t, n = W(ne), i = (s) => {
+}), Ci = Ve((t, e) => {
+  const { onClick: r } = t, n = W(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: [
@@ -1439,11 +1592,11 @@ const Me = (t) => {
       d.name
     )) })
   ] }, o)) });
-}), Ci = (t) => {
-  const { onClick: e } = t, r = X(() => {
+}), yi = (t) => {
+  const { onClick: e } = t, r = J(() => {
     const i = [];
-    for (const s in we) {
-      const o = we[s], d = s;
+    for (const s in Ee) {
+      const o = Ee[s], d = s;
       o.forEach((a, u) => {
         i.push({
           iconType: d,
@@ -1461,9 +1614,9 @@ const Me = (t) => {
       "div",
       {
         className: "univer-mb-2.5 univer-flex univer-cursor-pointer univer-items-center univer-pl-1",
-        onClick: () => n({ iconType: fr, iconId: "" }),
+        onClick: () => n({ iconType: pr, iconId: "" }),
         children: [
-          /* @__PURE__ */ c(st, { className: "univer-size-5" }),
+          /* @__PURE__ */ c(ot, { className: "univer-size-5" }),
           /* @__PURE__ */ c("span", { className: "univer-ml-2", children: "无单元格图标" })
         ]
       }
@@ -1489,8 +1642,8 @@ const Me = (t) => {
       `${i.iconType}_${i.iconId}`
     )) })
   ] });
-}, yi = (t) => {
-  const { onChange: e, configList: r, errorMap: n = {} } = t, i = W(ne), s = [{ label: i.t(`sheet.cf.symbol.${P.greaterThan}`), value: P.greaterThan }, { label: i.t(`sheet.cf.symbol.${P.greaterThanOrEqual}`), value: P.greaterThanOrEqual }], o = [
+}, 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 },
@@ -1506,9 +1659,9 @@ const Me = (t) => {
     const f = r[v], S = mt(F.number, f.operator);
     d(S, v);
   };
-  return X(() => r.map((h, v) => {
-    const f = n[v], S = Kn(h.iconType, h.iconId), p = v === r.length - 1, T = v === 0, _ = r[v - 1], R = (_ == null ? void 0 : _.value.type) === A.formula ? i.t("sheet.cf.valueType.formula") : _ == null ? void 0 : _.value.value, E = (x, m) => {
-      const C = { ...h, iconId: m, iconType: x };
+  return J(() => r.map((h, v) => {
+    const f = n[v], S = Xn(h.iconType, h.iconId), p = v === r.length - 1, T = v === 0, _ = r[v - 1], R = (_ == null ? void 0 : _.value.type) === A.formula ? i.t("sheet.cf.valueType.formula") : _ == null ? void 0 : _.value.value, w = (x, g) => {
+      const C = { ...h, iconId: g, iconType: x };
       e([String(v)], C);
     };
     return /* @__PURE__ */ k(
@@ -1522,6 +1675,7 @@ const Me = (t) => {
               className: `
                           univer-mt-3 univer-flex univer-items-center univer-justify-between univer-text-sm
                           univer-text-gray-600
+                          dark:univer-text-gray-200
                         `,
               children: [
                 /* @__PURE__ */ k(
@@ -1534,57 +1688,75 @@ const Me = (t) => {
                     ]
                   }
                 ),
-                /* @__PURE__ */ c("div", { className: "univer-w-[45%]", children: /* @__PURE__ */ k(Ht, { children: [
+                /* @__PURE__ */ c("div", { className: "univer-w-[45%]", children: /* @__PURE__ */ k(Bt, { children: [
                   !T && !p && i.t("sheet.cf.iconSet.rule"),
-                  !T && !p && /* @__PURE__ */ k("span", { className: "univer-font-medium univer-text-gray-600", children: [
-                    "(",
-                    i.t("sheet.cf.iconSet.when"),
-                    i.t(`sheet.cf.symbol.${jt(_.operator)}`),
-                    R,
-                    p ? "" : ` ${i.t("sheet.cf.iconSet.and")} `,
-                    ")"
-                  ] })
+                  !T && !p && /* @__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)}`),
+                        R,
+                        p ? "" : ` ${i.t("sheet.cf.iconSet.and")} `,
+                        ")"
+                      ]
+                    }
+                  )
                 ] }) })
               ]
             }
           ),
           /* @__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,
+              Zt,
               {
-                overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(Ci, { onClick: E, iconId: h.iconId, iconType: h.iconType }) }),
+                overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(yi, { onClick: w, iconId: h.iconId, iconType: h.iconType }) }),
                 children: /* @__PURE__ */ k(
                   "div",
                   {
-                    className: `
+                    className: X(`
                                       univer-box-border univer-flex univer-h-8 univer-w-full univer-items-center
-                                      univer-justify-between univer-rounded-md univer-border univer-border-solid
-                                      univer-border-gray-200 univer-bg-white univer-px-4 univer-py-2 univer-text-xs
-                                      univer-text-gray-600 univer-transition-all
+                                      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),
                     children: [
                       S ? /* @__PURE__ */ c("img", { src: S, className: "univer-size-4", draggable: !1 }) : /* @__PURE__ */ c(
-                        st,
+                        ot,
                         {
                           className: "univer-size-4"
                         }
                       ),
-                      /* @__PURE__ */ c(Mt, {})
+                      /* @__PURE__ */ c(Vt, {})
                     ]
                   }
                 )
               }
             ) }),
-            p ? /* @__PURE__ */ k("div", { className: "univer-mt-0 univer-w-[45%] univer-text-sm univer-text-gray-600", children: [
-              i.t("sheet.cf.iconSet.rule"),
-              /* @__PURE__ */ k("span", { className: "univer-font-medium univer-text-gray-600", children: [
-                i.t("sheet.cf.iconSet.when"),
-                i.t(`sheet.cf.symbol.${jt(_.operator)}`),
-                R,
-                p ? "" : ` ${i.t("sheet.cf.iconSet.and")} `
-              ] })
-            ] }) : /* @__PURE__ */ c(
+            p ? /* @__PURE__ */ k(
+              "div",
+              {
+                className: `
+                                      univer-mt-0 univer-w-[45%] univer-text-sm univer-text-gray-600
+                                      dark:univer-text-gray-200
+                                    `,
+                children: [
+                  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)}`),
+                    R,
+                    p ? "" : ` ${i.t("sheet.cf.iconSet.and")} `
+                  ] })
+                ]
+              }
+            ) : /* @__PURE__ */ c(
               le,
               {
                 options: s,
@@ -1595,13 +1767,14 @@ const Me = (t) => {
               }
             )
           ] }),
-          p ? /* @__PURE__ */ c("div", {}) : /* @__PURE__ */ k(Ht, { children: [
+          p ? /* @__PURE__ */ c("div", {}) : /* @__PURE__ */ k(Bt, { children: [
             /* @__PURE__ */ k(
               "div",
               {
                 className: `
                                       univer-mt-3 univer-flex univer-items-center univer-justify-between univer-gap-4
                                       univer-text-sm univer-text-gray-600
+                                      dark:univer-text-gray-200
                                     `,
                 children: [
                   /* @__PURE__ */ c("div", { children: i.t("sheet.cf.iconSet.type") }),
@@ -1628,7 +1801,7 @@ const Me = (t) => {
                     }
                   ),
                   /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(
-                    fi,
+                    pi,
                     {
                       id: v,
                       type: h.value.type,
@@ -1648,38 +1821,38 @@ const Me = (t) => {
       v
     );
   }), [r, n]);
-}, bi = (t) => {
+}, 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(ne), [i, s] = N({}), [o, d] = N(() => {
-    const m = Object.keys(we)[0];
+  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 g = Object.keys(Ee)[0];
     if (r && r.config.length) {
       const C = r.config[0].iconType;
       if (!r.config.some((y) => y.iconType !== C))
         return C;
     }
-    return m;
+    return g;
   }), [a, u] = N(() => {
     if (r && r.config.length)
-      return Bt.deepClone(r == null ? void 0 : r.config);
-    const m = we[o] || [];
-    return new Array(m.length).fill("").map((C, b, y) => b === y.length - 1 ? {
+      return Wt.deepClone(r == null ? void 0 : r.config);
+    const g = Ee[o] || [];
+    return new Array(g.length).fill("").map((C, b, y) => b === y.length - 1 ? {
       operator: P.lessThanOrEqual,
       value: { type: A.num, value: Number.MAX_SAFE_INTEGER },
       iconType: o,
       iconId: String(b)
-    } : an(o, b, y));
-  }), [l, h] = N(() => r ? !!r.isShowValue : !0), v = X(() => {
-    const m = a.map((C) => Kn(C.iconType, C.iconId));
-    return /* @__PURE__ */ c("div", { className: "univer-flex univer-items-center", children: m.map((C, b) => C ? /* @__PURE__ */ c(
+    } : ln(o, b, y));
+  }), [l, h] = N(() => r ? !!r.isShowValue : !0), v = J(() => {
+    const g = a.map((C) => Xn(C.iconType, C.iconId));
+    return /* @__PURE__ */ c("div", { className: "univer-flex univer-items-center", children: g.map((C, b) => C ? /* @__PURE__ */ c(
       "img",
       {
         className: "univer-size-5",
         src: C
       },
       b
-    ) : /* @__PURE__ */ c(st, { className: "univer-size-5" }, b)) });
-  }, [a]), f = (m) => {
-    if (m.reduce((b, y, M) => b.preType && !b.result || m.length - 1 === M ? b : y.value.type === A.formula ? {
+    ) : /* @__PURE__ */ c(ot, { className: "univer-size-5" }, b)) });
+  }, [a]), f = (g) => {
+    if (g.reduce((b, y, M) => b.preType && !b.result || g.length - 1 === M ? b : y.value.type === A.formula ? {
       preType: A.formula,
       result: !1
     } : b.preType ? {
@@ -1688,59 +1861,59 @@ const Me = (t) => {
     } : {
       result: !0,
       preType: y.value.type
-    }, { result: !0, preType: "" }).result && [A.num, A.percent, A.percentile].includes(m[0].value.type)) {
+    }, { result: !0, preType: "" }).result && [A.num, A.percent, A.percentile].includes(g[0].value.type)) {
       const b = {};
-      return m.forEach((y, M, w) => {
-        if (M - 1 < 0 || M === w.length - 1)
+      return g.forEach((y, M, E) => {
+        if (M - 1 < 0 || M === E.length - 1)
           return;
-        const L = m[M - 1], g = jt(L.operator);
-        gr({ operator: g, value: L.value.value }, y.value.value) || (b[M] = `${n.t(`sheet.cf.form.${g}`, String(L.value.value))} `);
+        const L = g[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;
     }
     return {};
-  }, S = (m, C) => {
-    ir(a, m) !== C && (sr(a, m, C), u([...a]), s(f(a)));
-  }, p = (m) => {
-    d(m);
-    const C = we[m] || [], b = new Array(C.length).fill("").map((y, M, w) => an(m, M, w));
+  }, S = (g, C) => {
+    sr(a, g) !== C && (or(a, g, C), u([...a]), s(f(a)));
+  }, p = (g) => {
+    d(g);
+    const C = Ee[g] || [], b = new Array(C.length).fill("").map((y, M, E) => ln(g, M, E));
     u(b), s(f(b));
   };
   K(() => {
-    const m = e.intercept(e.getInterceptPoints().submit, {
+    const g = e.intercept(e.getInterceptPoints().submit, {
       handler() {
         return { type: U.iconSet, isShowValue: l, config: a };
       }
     });
     return () => {
-      m();
+      g();
     };
   }, [l, a, e]), K(() => {
-    const m = e.intercept(e.getInterceptPoints().beforeSubmit, {
+    const g = e.intercept(e.getInterceptPoints().beforeSubmit, {
       handler() {
         return Object.keys(i).length === 0;
       }
     });
     return () => {
-      m();
+      g();
     };
   }, [l, a, e, i]);
   const T = () => {
-    const m = a.map((C) => ({ ...C }));
+    const g = a.map((C) => ({ ...C }));
     a.forEach((C, b) => {
-      const y = a.length - 1 - b, M = m[y];
+      const y = a.length - 1 - b, M = g[y];
       C.iconId = M.iconId, C.iconType = M.iconType;
     }), u([...a]);
-  }, _ = W(Or), [R, E] = N();
-  return Lr(R, _.rootContainerElement), /* @__PURE__ */ k("div", { children: [
+  }, _ = W(Lr), [R, w] = N();
+  return Ar(R, _.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,
+      Zt,
       {
         overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(
-          pi,
+          Ci,
           {
-            ref: (m) => {
-              !R && m && E(m);
+            ref: (g) => {
+              !R && g && w(g);
             },
             iconType: o,
             onClick: p
@@ -1749,16 +1922,15 @@ const Me = (t) => {
         children: /* @__PURE__ */ k(
           "div",
           {
-            className: ie(`
+            className: X(`
                           univer-box-border univer-flex univer-h-8 univer-w-full univer-items-center
-                          univer-justify-between univer-rounded-md univer-border univer-border-solid
-                          univer-border-gray-200 univer-bg-white univer-px-4 univer-py-2 univer-text-xs
-                          univer-text-gray-600 univer-transition-all
+                          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),
             children: [
               v,
-              /* @__PURE__ */ c(Mt, {})
+              /* @__PURE__ */ c(Vt, {})
             ]
           }
         )
@@ -1766,21 +1938,21 @@ 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(Ct, { onChange: T }),
+        /* @__PURE__ */ c(yt, { onChange: T }),
         n.t("sheet.cf.iconSet.reverseIconOrder")
       ] }),
       /* @__PURE__ */ k("div", { className: "univer-ml-6 univer-flex univer-items-center univer-text-xs", children: [
-        /* @__PURE__ */ c(Ct, { checked: !l, onChange: (m) => {
-          h(!m);
+        /* @__PURE__ */ c(yt, { checked: !l, onChange: (g) => {
+          h(!g);
         } }),
         n.t("sheet.cf.iconSet.onlyShowIcon")
       ] })
     ] }),
-    /* @__PURE__ */ c(yi, { errorMap: i, onChange: S, configList: a })
+    /* @__PURE__ */ c(bi, { errorMap: i, onChange: S, configList: a })
   ] });
-}, Si = (t) => {
+}, Ii = (t) => {
   var T;
-  const { onChange: e, interceptorManager: r } = t, n = W(ne), 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 { 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;
     if (!i)
       return _;
@@ -1819,15 +1991,15 @@ const Me = (t) => {
     }
     return !1;
   }), [v, f] = N({}), S = (_) => {
-    const { type: R, isPercent: E, value: x, style: m } = _;
+    const { type: R, isPercent: w, value: x, style: g } = _;
     if (R === "isNotBottom")
-      return { type: U.highlightCell, subType: F.rank, isPercent: E, isBottom: !1, value: x, style: m };
+      return { type: U.highlightCell, subType: F.rank, isPercent: w, isBottom: !1, value: x, style: g };
     if (R === "isBottom")
-      return { type: U.highlightCell, subType: F.rank, isPercent: E, isBottom: !0, value: x, style: m };
+      return { type: U.highlightCell, subType: F.rank, isPercent: w, isBottom: !0, value: x, style: g };
     if (R === "greaterThanAverage")
-      return { type: U.highlightCell, subType: F.average, operator: P.greaterThan, style: m };
+      return { type: U.highlightCell, subType: F.average, operator: P.greaterThan, style: g };
     if (R === "lessThanAverage")
-      return { type: U.highlightCell, subType: F.average, operator: P.lessThan, style: m };
+      return { type: U.highlightCell, subType: F.average, operator: P.lessThan, style: g };
   };
   K(() => r.intercept(r.getInterceptPoints().submit, {
     handler() {
@@ -1838,7 +2010,16 @@ const Me = (t) => {
     e(S(_));
   };
   return /* @__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-4 univer-text-sm univer-text-gray-600
+                  dark:univer-text-gray-200
+                `,
+        children: n.t("sheet.cf.panel.styleRule")
+      }
+    ),
     /* @__PURE__ */ c(
       le,
       {
@@ -1869,7 +2050,7 @@ const Me = (t) => {
           className: "univer-ml-3 univer-flex univer-items-center univer-text-xs",
           children: [
             /* @__PURE__ */ c(
-              Ct,
+              yt,
               {
                 checked: l,
                 onChange: (_) => {
@@ -1882,9 +2063,9 @@ const Me = (t) => {
         }
       )
     ] }),
-    /* @__PURE__ */ c("div", { className: ot, children: /* @__PURE__ */ c(Be, { rule: S({ type: o, isPercent: l, value: a, style: v }) }) }),
+    /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: S({ type: o, isPercent: l, value: a, style: v }) }) }),
     /* @__PURE__ */ c(
-      Zt,
+      Yt,
       {
         style: i == null ? void 0 : i.style,
         className: "univer-mt-3",
@@ -1894,16 +2075,16 @@ const Me = (t) => {
       }
     )
   ] });
-}, Ii = fn("beforeSubmit"), _i = fn("submit"), ln = (t) => t.getCurrentUnitForType($.UNIVER_SHEET).getUnitId(), cn = (t) => {
+}, _i = pn("beforeSubmit"), Ti = pn("submit"), cn = (t) => t.getCurrentUnitForType($.UNIVER_SHEET).getUnitId(), un = (t) => {
   var e;
   return (e = t.getCurrentUnitForType($.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : e.getSheetId();
-}, Ti = (t) => {
+}, Ri = (t) => {
   var b, y, M;
-  const e = W(ne), r = W(ee), n = W(z), i = W(J), s = W($e), o = ln(n), d = cn(n), [a, u] = N(void 0), l = de((y = (b = t.rule) == null ? void 0 : b.ranges) != null ? y : []), h = X(() => {
-    var V, L, g;
-    let w = (V = t.rule) == null ? void 0 : V.ranges;
-    return w != null && w.length || (w = (g = (L = s.getCurrentSelections()) == null ? void 0 : L.map((I) => I.range)) != null ? g : []), l.current = w, w != null && w.length ? w.map((I) => {
-      const H = Fn(I);
+  const e = W(re), r = W(te), n = W(z), i = W(Q), s = W($e), o = cn(n), d = un(n), [a, u] = N(void 0), l = de((y = (b = t.rule) == null ? void 0 : b.ranges) != null ? y : []), h = J(() => {
+    var V, L, 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]), v = [
@@ -1914,13 +2095,13 @@ const Me = (t) => {
     { label: e.t("sheet.cf.ruleType.formula"), value: "5" },
     { label: e.t("sheet.cf.ruleType.iconSet"), value: "6" }
   ], [f, S] = N(() => {
-    var L, g;
-    const w = (L = t.rule) == null ? void 0 : L.rule.type, V = v[0].value;
-    if (!w)
+    var L, m;
+    const E = (L = t.rule) == null ? void 0 : L.rule.type, V = v[0].value;
+    if (!E)
       return V;
-    switch (w) {
+    switch (E) {
       case U.highlightCell: {
-        switch ((g = t.rule) == null ? void 0 : g.rule.subType) {
+        switch ((m = t.rule) == null ? void 0 : m.rule.subType) {
           case F.number:
           case F.text:
           case F.duplicateValues:
@@ -1943,86 +2124,104 @@ const Me = (t) => {
         return "6";
     }
     return V;
-  }), p = de(void 0), T = X(() => new or({ beforeSubmit: Ii, submit: _i }), []), _ = X(() => {
+  }), p = de(void 0), T = J(() => new ar({ beforeSubmit: _i, submit: Ti }), []), _ = J(() => {
     switch (f) {
       case "1":
-        return on;
+        return an;
       case "2":
-        return Si;
+        return Ii;
       case "3":
-        return vi;
+        return gi;
       case "4":
-        return hi;
+        return vi;
       case "5":
         return mi;
       case "6":
-        return bi;
+        return Si;
       default:
-        return on;
+        return an;
     }
   }, [f]);
   K(() => {
-    const w = r.onCommandExecuted((V) => {
-      if (V.id === Tr.id) {
+    const E = r.onCommandExecuted((V) => {
+      if (V.id === Rr.id) {
         const L = V.params;
         L.subUnitId === d && L.unitId === o && t.onCancel();
       }
-      V.id === Wt.id && t.onCancel();
+      V.id === qt.id && t.onCancel();
     });
-    return () => w.dispose();
+    return () => E.dispose();
   }, []);
-  const R = (w) => {
-    p.current = w;
-  }, E = (w) => {
-    const V = w.split(",").filter((L) => !!L).map(zr).map((L) => L.range);
+  const R = (E) => {
+    p.current = E;
+  }, w = (E) => {
+    const V = E.split(",").filter((L) => !!L).map(Zr).map((L) => L.range);
     l.current = V;
   }, x = () => {
     if (a)
       return;
     const V = (() => {
-      const g = n.getCurrentUnitForType($.UNIVER_SHEET).getActiveSheet();
-      if (!g)
+      const m = n.getCurrentUnitForType($.UNIVER_SHEET).getActiveSheet();
+      if (!m)
         throw new Error("No active sheet found");
-      return l.current.map((Y) => Rr(Y, g.getRowCount(), g.getColumnCount())).filter((Y) => !(Number.isNaN(Y.startRow) || Number.isNaN(Y.startColumn)));
+      return l.current.map((Y) => xr(Y, m.getRowCount(), m.getColumnCount())).filter((Y) => !(Number.isNaN(Y.startRow) || Number.isNaN(Y.startColumn)));
     })();
     if (T.fetchThroughInterceptors(T.getInterceptPoints().beforeSubmit)(!0, null)) {
-      const g = T.fetchThroughInterceptors(T.getInterceptPoints().submit)(null, null);
-      if (g) {
-        const I = ln(n), H = cn(n);
+      const m = T.fetchThroughInterceptors(T.getInterceptPoints().submit)(null, null);
+      if (m) {
+        const I = cn(n), H = un(n);
         if (!I || !H)
           throw new Error("No active sheet found");
         let Y = {};
-        t.rule && t.rule.cfId ? (Y = { ...t.rule, ranges: V, rule: g }, r.executeCommand(pr.id, { unitId: I, subUnitId: H, rule: Y }), t.onCancel()) : (Y = { cfId: i.createCfId(I, H), ranges: V, rule: g, stopIfTrue: !1 }, r.executeCommand(In.id, { unitId: I, subUnitId: H, rule: Y }), t.onCancel());
+        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());
       }
     }
-  }, m = () => {
+  }, g = () => {
     t.onCancel();
-  }, C = (w, V) => {
-    w ? V.length < 1 ? u(e.t("sheet.cf.errorMessage.rangeError")) : u(void 0) : u(e.t("sheet.cf.errorMessage.rangeError"));
+  }, C = (E, V) => {
+    E ? V.length < 1 ? u(e.t("sheet.cf.errorMessage.rangeError")) : u(void 0) : u(e.t("sheet.cf.errorMessage.rangeError"));
   };
   return /* @__PURE__ */ k("div", { children: [
-    /* @__PURE__ */ c("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-600", children: e.t("sheet.cf.panel.range") }),
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `
+                  univer-mt-4 univer-text-sm univer-text-gray-600
+                  dark:univer-text-gray-200
+                `,
+        children: e.t("sheet.cf.panel.range")
+      }
+    ),
     /* @__PURE__ */ k("div", { className: "univer-mt-4", children: [
       /* @__PURE__ */ c(
-        Zr,
+        Yr,
         {
           unitId: o,
           subUnitId: d,
           initialValue: h,
-          onChange: (w, V) => E(V),
+          onChange: (E, V) => w(V),
           onVerify: C
         }
       ),
       a && /* @__PURE__ */ c("div", { className: "univer-mt-1 univer-text-xs univer-text-red-500", children: a })
     ] }),
-    /* @__PURE__ */ c("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-600", children: e.t("sheet.cf.panel.styleType") }),
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `
+                  univer-mt-4 univer-text-sm univer-text-gray-600
+                  dark:univer-text-gray-200
+                `,
+        children: e.t("sheet.cf.panel.styleType")
+      }
+    ),
     /* @__PURE__ */ c(
       le,
       {
         className: "univer-mt-4 univer-w-full",
         value: f,
         options: v,
-        onChange: (w) => S(w)
+        onChange: (E) => S(E)
       }
     ),
     /* @__PURE__ */ c(
@@ -2034,13 +2233,13 @@ const Me = (t) => {
       }
     ),
     /* @__PURE__ */ k("div", { className: "univer-mt-4 univer-flex univer-justify-end", children: [
-      /* @__PURE__ */ c(Xt, { onClick: m, children: e.t("sheet.cf.panel.cancel") }),
-      /* @__PURE__ */ c(Xt, { className: "univer-ml-3", variant: "primary", onClick: x, children: e.t("sheet.cf.panel.submit") })
+      /* @__PURE__ */ c(Jt, { onClick: g, 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") })
     ] })
   ] });
 };
-var Ri = Object.getOwnPropertyDescriptor, xi = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Ri(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+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--)
     (o = t[s]) && (i = o(i) || i);
   return i;
 }, Ei = (t, e) => (r, n) => e(r, n, t);
@@ -2081,10 +2280,10 @@ let De = class extends ce {
     return [];
   }
 };
-De = xi([
-  Ei(0, O(ne))
+De = wi([
+  Ei(0, O(re))
 ], De);
-const wi = (t, e) => {
+const Ni = (t, e) => {
   const r = t.rule;
   switch (r.type) {
     case U.colorScale:
@@ -2122,15 +2321,15 @@ const wi = (t, e) => {
       }
   }
 };
-let un = 0;
-const Ni = (t) => {
-  const { onClick: e } = t, r = W(J), n = W(z), i = W($e), s = W(ee), o = W(ne), d = W(ve), a = W(kn), u = W(De), l = Ar(() => n.getCurrentTypeOfUnit$($.UNIVER_SHEET), void 0, void 0, []), h = l.getUnitId(), v = l.getActiveSheet();
+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), u = W(De), l = Dr(() => n.getCurrentTypeOfUnit$($.UNIVER_SHEET), void 0, void 0, []), h = l.getUnitId(), v = l.getActiveSheet();
   if (!v)
     throw new Error("No active sheet found");
-  const f = v.getSheetId(), [S, p] = N([]), [T, _] = N("2"), [R, E] = N(0), [x, m] = N(-1), [C, b] = N(un), y = de(null), M = [
+  const f = v.getSheetId(), [S, p] = N([]), [T, _] = N("2"), [R, w] = N(0), [x, g] = N(-1), [C, b] = N(dn), y = de(null), M = [
     { label: o.t("sheet.cf.panel.workSheet"), value: "2" },
     { label: o.t("sheet.cf.panel.selectedRange"), value: "1" }
-  ], w = () => {
+  ], E = () => {
     const D = r.getSubunitRules(h, f);
     if (!D || !D.length)
       return [];
@@ -2139,101 +2338,101 @@ const Ni = (t) => {
       if (!B)
         return [];
       const G = B.range;
-      return D.filter((Q) => Q.ranges.some((te) => fe.intersects(te, G)));
+      return D.filter((ee) => ee.ranges.some((ne) => fe.intersects(ne, G)));
     } else if (T === "2")
       return [...D];
     return [];
-  }, [V, L] = N(w);
-  Yr(S), K(() => {
+  }, [V, L] = N(E);
+  Kr(S), K(() => {
     const D = s.onCommandExecuted((B) => {
-      B.id === Wt.id && E(Math.random());
+      B.id === qt.id && w(Math.random());
     });
     return () => D.dispose();
   }), K(() => {
-    L(w);
+    L(E);
   }, [T, R, h, f]), K(() => {
     if (T === "2")
       return;
     const D = new xe((B) => {
-      const G = [xr.id, se.id, be.id, Se.id, _n.id], Z = s.onCommandExecuted((Q) => {
-        const { id: te, params: Ie } = Q, _e = n.getCurrentUnitOfType($.UNIVER_SHEET).getUnitId();
-        G.includes(te) && Ie.unitId === _e && B.next(null);
+      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);
       });
       return () => Z.dispose();
-    }).pipe(en(16)).subscribe(() => {
-      L(w);
+    }).pipe(tn(16)).subscribe(() => {
+      L(E);
     });
     return () => {
       D.unsubscribe();
     };
   }, [n, T, h, f]), K(() => {
     const D = r.$ruleChange.subscribe(() => {
-      E(Math.random());
+      w(Math.random());
     });
     return () => D.unsubscribe();
   }, [r]), K(() => {
     const D = () => {
-      var Q, te;
-      const Z = Math.max(0, ((te = (Q = y.current) == null ? void 0 : Q.getBoundingClientRect().width) != null ? te : 0) - 8);
-      return un = Z, Z;
+      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 Q = a.getContainer();
-      if (Q) {
-        let te = setTimeout(() => {
-          Z.next();
+      const ee = a.getContainer();
+      if (ee) {
+        let ne = setTimeout(() => {
+          Z.next(void 0);
         }, 150);
         const Ie = () => {
-          te && clearTimeout(te), te = null;
-        }, _e = (at) => {
-          at.propertyName === "width" && (Ie(), Z.next());
+          ne && clearTimeout(ne), ne = null;
+        }, _e = (lt) => {
+          lt.propertyName === "width" && (Ie(), Z.next(void 0));
         };
-        return Q.addEventListener("transitionend", _e), () => {
-          Ie(), Q.removeEventListener("transitionend", _e);
+        return ee.addEventListener("transitionend", _e), () => {
+          Ie(), ee.removeEventListener("transitionend", _e);
         };
       }
-    }).pipe(en(16)).subscribe(() => {
+    }).pipe(tn(16)).subscribe(() => {
       b(D());
     });
     return () => {
       G.unsubscribe();
     };
   }, []);
-  const g = (D) => {
+  const m = (D) => {
     var Z;
     const B = n.getCurrentUnitOfType($.UNIVER_SHEET).getUnitId(), G = (Z = n.getCurrentUnitOfType($.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : Z.getSheetId();
     if (!B || !G)
       throw new Error("No active sheet found");
-    s.executeCommand(Yt.id, { unitId: B, subUnitId: G, cfId: D.cfId });
+    s.executeCommand(Kt.id, { unitId: B, subUnitId: G, cfId: D.cfId });
   }, I = (D, B) => {
-    m(B.y);
+    g(B.y);
   }, H = (D, B, G) => {
-    var at;
-    m(-1);
-    const Z = n.getCurrentUnitOfType($.UNIVER_SHEET).getUnitId(), Q = (at = n.getCurrentUnitOfType($.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : at.getSheetId();
-    if (!Z || !Q)
+    var lt;
+    g(-1);
+    const Z = n.getCurrentUnitOfType($.UNIVER_SHEET).getUnitId(), ee = (lt = n.getCurrentUnitOfType($.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : lt.getSheetId();
+    if (!Z || !ee)
       throw new Error("No active sheet found");
-    const te = (er) => {
-      const tr = V.length;
-      return Math.min(tr - 1, Math.max(0, er));
-    }, Ie = V[te(B.y)].cfId, _e = V[te(G.y)].cfId;
-    Ie !== _e && s.executeCommand(Cr.id, { unitId: Z, subUnitId: Q, start: { id: Ie, type: "self" }, end: { id: _e, type: G.y > B.y ? "after" : "before" } });
+    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" } });
   }, Y = () => {
     t.onCreate();
-  }, me = () => {
-    T === "2" ? s.executeCommand(Tn.id) : T === "1" && V.map((B) => ({ unitId: h, subUnitId: f, cfId: B.cfId })).forEach((B) => {
-      s.executeCommand(Yt.id, B);
+  }, ge = () => {
+    T === "2" ? s.executeCommand(Rn.id) : T === "1" && V.map((B) => ({ unitId: h, subUnitId: f, cfId: B.cfId })).forEach((B) => {
+      s.executeCommand(Kt.id, B);
     });
-  }, ge = X(() => {
+  }, me = J(() => {
     const D = n.getCurrentUnitOfType($.UNIVER_SHEET), B = D.getActiveSheet();
     return V.filter((G) => {
       const Z = G.ranges;
-      return gt(d, D.getUnitId(), B.getSheetId(), Z);
+      return ft(d, D.getUnitId(), B.getSheetId(), Z);
     });
-  }, [V]), ke = ge.map((D, B) => ({ i: D.cfId, x: 0, w: 12, y: B, h: 1, isResizable: !1 })), Fe = X(() => {
+  }, [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();
     return V.every((G) => {
       const Z = G.ranges;
-      return gt(d, D.getUnitId(), B.getSheetId(), Z);
+      return ft(d, D.getUnitId(), B.getSheetId(), Z);
     });
   }, [V]);
   return /* @__PURE__ */ k("div", { children: [
@@ -2253,26 +2452,26 @@ const Ni = (t) => {
         )
       ).map((D, B) => /* @__PURE__ */ c("span", { children: D }, B)) }),
       /* @__PURE__ */ k("div", { className: "univer-flex univer-justify-end", children: [
-        /* @__PURE__ */ c(Jt, { title: o.t("sheet.cf.panel.createRule"), placement: "bottom", children: /* @__PURE__ */ c(
+        /* @__PURE__ */ c(Qt, { 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(Zn, {})
+            children: /* @__PURE__ */ c(Yn, {})
           }
         ) }),
-        V.length && Fe ? /* @__PURE__ */ c(Jt, { title: o.t("sheet.cf.panel.clear"), placement: "bottom", children: /* @__PURE__ */ c(
+        V.length && Fe ? /* @__PURE__ */ c(Qt, { title: o.t("sheet.cf.panel.clear"), placement: "bottom", children: /* @__PURE__ */ c(
           "a",
           {
             className: "univer-size-5 univer-cursor-pointer",
-            onClick: me,
-            children: /* @__PURE__ */ c(vt, { className: "univer-text-red-500" })
+            onClick: ge,
+            children: /* @__PURE__ */ c(gt, { className: "univer-text-red-500" })
           }
-        ) }) : /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(vt, { className: "univer-text-gray-300" }) })
+        ) }) : /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(gt, { className: "univer-text-gray-300" }) })
       ] })
     ] }),
     /* @__PURE__ */ c("div", { ref: y, children: C > 0 && /* @__PURE__ */ c(
-      Gr,
+      zr,
       {
         className: `
                           [&_.react-grid-item]:univer-transition-none
@@ -2286,10 +2485,10 @@ const Ni = (t) => {
         margin: [0, 10],
         onDragStop: H,
         onDragStart: I,
-        children: ge == null ? void 0 : ge.map((D, B) => /* @__PURE__ */ c("div", { children: /* @__PURE__ */ k(
+        children: me == null ? void 0 : me.map((D, B) => /* @__PURE__ */ c("div", { children: /* @__PURE__ */ k(
           "div",
           {
-            className: ie(`
+            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
                                           hover:univer-bg-gray-100
@@ -2307,14 +2506,14 @@ const Ni = (t) => {
               /* @__PURE__ */ c(
                 "div",
                 {
-                  className: ie(`
+                  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(Yn, {})
+                  children: /* @__PURE__ */ c(Kn, {})
                 }
               ),
               /* @__PURE__ */ k(
@@ -2324,16 +2523,25 @@ const Ni = (t) => {
                                               univer-min-w-0 univer-max-w-full univer-flex-shrink univer-overflow-hidden
                                             `,
                   children: [
-                    /* @__PURE__ */ c("div", { className: "univer-text-sm univer-text-gray-900", children: wi(D, o) }),
-                    /* @__PURE__ */ c("div", { className: "univer-text-xs univer-text-gray-400", children: D.ranges.map((G) => Fn(G)).join(",") })
+                    /* @__PURE__ */ c(
+                      "div",
+                      {
+                        className: `
+                                                  univer-text-sm univer-text-gray-900
+                                                  dark:univer-text-white
+                                                `,
+                        children: Ni(D, o)
+                      }
+                    ),
+                    /* @__PURE__ */ c("div", { className: "univer-text-xs univer-text-gray-400", children: D.ranges.map((G) => Un(G)).join(",") })
                   ]
                 }
               ),
-              /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(Be, { rule: D.rule }) }),
+              /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(We, { rule: D.rule }) }),
               /* @__PURE__ */ c(
                 "div",
                 {
-                  className: ie(`
+                  className: X(`
                                               univer-absolute univer-right-1 univer-hidden univer-size-6
                                               univer-cursor-pointer univer-items-center univer-justify-center
                                               univer-rounded
@@ -2343,9 +2551,9 @@ const Ni = (t) => {
                     "univer-flex univer-items-center univer-justify-center": x === B
                   }),
                   onClick: (G) => {
-                    G.stopPropagation(), g(D), p([]);
+                    G.stopPropagation(), m(D), p([]);
                   },
-                  children: /* @__PURE__ */ c(vt, {})
+                  children: /* @__PURE__ */ c(gt, {})
                 }
               )
             ]
@@ -2354,23 +2562,23 @@ const Ni = (t) => {
       }
     ) })
   ] });
-}, Mi = (t) => {
+}, Vi = (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(Ti, { onCancel: () => {
+  return /* @__PURE__ */ c("div", { className: "univer-flex univer-h-full univer-flex-col univer-justify-between", children: n ? /* @__PURE__ */ c(Ri, { onCancel: () => {
     i(!1), r(void 0);
-  }, rule: e }) : /* @__PURE__ */ c(Ni, { onClick: (a) => {
+  }, rule: e }) : /* @__PURE__ */ c(Mi, { onClick: (a) => {
     r(a), i(!0);
   }, onCreate: () => {
     i(!0);
   } }) });
 };
-var Vi = Object.getOwnPropertyDescriptor, ki = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Vi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+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--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, We = (t, e) => (r, n) => e(r, n, t);
-const dt = "sheet.conditional.formatting.panel";
-let Je = class extends ce {
+}, qe = (t, e) => (r, n) => e(r, n, t);
+const ht = "sheet.conditional.formatting.panel";
+let Qe = class extends ce {
   constructor(e, r, n, i, s) {
     super();
     ye(this, "_sidebarDisposable", null);
@@ -2380,42 +2588,42 @@ let Je = class extends ce {
         o || (d = this._sidebarDisposable) == null || d.dispose();
       })
     ), this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe((o) => {
-      o.id === dt && (o.visible || setTimeout(() => {
+      o.id === ht && (o.visible || setTimeout(() => {
         this._sidebarService.sidebarOptions$.next({ visible: !1 });
       }));
     }));
   }
   openPanel(e) {
     const r = {
-      id: dt,
+      id: ht,
       header: { title: this._localeService.t("sheet.cf.title") },
       children: {
-        label: dt,
+        label: ht,
         rule: e,
-        key: ar(4)
+        key: lr(4)
       },
       onClose: () => this._sidebarDisposable = null
     };
     this._sidebarDisposable = this._sidebarService.open(r);
   }
   _initPanel() {
-    this._componentManager.register(dt, Mi);
+    this._componentManager.register(ht, Vi);
   }
 };
-Je = ki([
-  We(0, z),
-  We(1, O(ve)),
-  We(2, O(Gt)),
-  We(3, O(kn)),
-  We(4, O(ne))
-], Je);
-var re = /* @__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))(re || {});
-const Vt = {
+Qe = Fi([
+  qe(0, z),
+  qe(1, O(ve)),
+  qe(2, O(zt)),
+  qe(3, O(Fn)),
+  qe(4, O(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 = {
   id: "sheet.operation.open.conditional.formatting.panel",
   type: he.OPERATION,
   handler: (t, e) => {
     var d;
-    const r = t.get(Je), n = t.get($e), i = t.get(ee), s = ((d = n.getCurrentSelections()) == null ? void 0 : d.map((a) => a.range)) || [];
+    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)) || [];
     switch (e.value) {
       case 3: {
         r.openPanel({ ...Te(), ranges: s });
@@ -2492,23 +2700,23 @@ const Vt = {
         break;
       }
       case 9: {
-        i.executeCommand(yr.id, { ranges: s });
+        i.executeCommand(br.id, { ranges: s });
         break;
       }
       case 10: {
-        i.executeCommand(Tn.id);
+        i.executeCommand(Rn.id);
         break;
       }
     }
     return !0;
   }
 };
-var Fi = Object.getOwnPropertyDescriptor, Ui = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Fi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+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--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, qe = (t, e) => (r, n) => e(r, n, t);
-let Qe = class extends ce {
+}, Ge = (t, e) => (r, n) => e(r, n, t);
+let et = class extends ce {
   constructor(e, r, n, i, s) {
     super();
     ye(this, "_copyInfo");
@@ -2517,17 +2725,17 @@ let Qe = class extends ce {
   _initClipboardHook() {
     this.disposeWithMe(
       this._sheetClipboardService.addClipboardHook({
-        id: it,
+        id: st,
         onBeforeCopy: (e, r, n) => this._collectConditionalRule(e, r, n),
         onPasteCells: (e, r, n, i) => {
-          const { copyType: s = Qt.COPY, pasteType: o } = i, { range: d } = e || {}, { range: a } = r;
+          const { copyType: s = en.COPY, pasteType: o } = i, { range: d } = e || {}, { range: a } = r;
           return this._generateConditionalFormattingMutations(a, { copyType: s, pasteType: o, copyRange: d });
         }
       })
     );
   }
   _collectConditionalRule(e, r, n) {
-    const i = new Ee(), s = {};
+    const i = new we(), s = {};
     this._copyInfo = {
       matrix: i,
       info: {
@@ -2555,43 +2763,43 @@ let Qe = class extends ce {
     const n = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET), i = n.getActiveSheet(), s = n.getUnitId();
     if (!i) return { redos: [], undos: [] };
     const o = i.getSheetId();
-    if (r.copyType === Qt.CUT)
+    if (r.copyType === en.CUT)
       return this._copyInfo = null, { redos: [], undos: [] };
     if (!this._copyInfo || !r.copyRange)
       return { redos: [], undos: [] };
     if (![
-      Ft.SPECIAL_PASTE_FORMAT,
-      Ft.DEFAULT_PASTE,
-      Ft.SPECIAL_PASTE_BESIDES_BORDER
+      Ut.SPECIAL_PASTE_FORMAT,
+      Ut.DEFAULT_PASTE,
+      Ut.SPECIAL_PASTE_BESIDES_BORDER
     ].includes(
       r.pasteType
     ))
       return { redos: [], undos: [] };
-    const { ranges: [a, u], mapFunc: l } = Un([r.copyRange, e]), h = Xr(a, u, !0), v = {};
-    pe.foreach(u, (m, C) => {
-      const { row: b, col: y } = l(m, C), M = this._conditionalFormattingViewModel.getCellCfs(s, o, b, y);
-      M && M.forEach((w) => {
-        if (!v[w.cfId]) {
-          const V = new Ee();
-          v[w.cfId] = V;
-          const L = this._conditionalFormattingRuleModel.getRule(s, o, w.cfId);
-          L == null || L.ranges.forEach((g) => {
-            pe.foreach(g, (I, H) => {
+    const { ranges: [a, u], mapFunc: l } = Pn([r.copyRange, e]), h = Jr(a, u, !0), v = {};
+    pe.foreach(u, (g, C) => {
+      const { row: b, col: y } = l(g, C), M = this._conditionalFormattingViewModel.getCellCfs(s, o, b, y);
+      M && M.forEach((E) => {
+        if (!v[E.cfId]) {
+          const V = new we();
+          v[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);
             });
           });
         }
-        v[w.cfId].realDeleteValue(b, y);
+        v[E.cfId].realDeleteValue(b, y);
       });
     });
     const { matrix: f, info: S } = this._copyInfo, p = [];
     let T = this._conditionalFormattingRuleModel.createCfId(s, o);
-    const _ = {}, R = (m) => {
-      if (_[m])
-        return _[m];
-      const C = S == null ? void 0 : S.cfMap[m], b = [...this._conditionalFormattingRuleModel.getSubunitRules(s, o) || [], ...p].find((y) => Bt.diffValue(y.rule, C));
+    const _ = {}, R = (g) => {
+      if (_[g])
+        return _[g];
+      const C = S == null ? void 0 : S.cfMap[g], b = [...this._conditionalFormattingRuleModel.getSubunitRules(s, o) || [], ...p].find((y) => Wt.diffValue(y.rule, C));
       if (b)
-        return _[m] = b, b;
+        return _[g] = b, b;
       {
         const y = {
           rule: C,
@@ -2599,10 +2807,10 @@ let Qe = class extends ce {
           ranges: [],
           stopIfTrue: !1
         };
-        return _[m] = y, p.push(y), T = `${Number(T) + 1}`, y;
+        return _[g] = y, p.push(y), T = `${Number(T) + 1}`, y;
       }
     };
-    h.forEach((m) => {
+    h.forEach((g) => {
       f && f.forValue((C, b, y) => {
         const M = fe.getPositionRange(
           {
@@ -2611,41 +2819,41 @@ let Qe = class extends ce {
             startColumn: b,
             endColumn: b
           },
-          m.startRange
-        ), { row: w, col: V } = l(M.startRow, M.startColumn);
+          g.startRange
+        ), { row: E, col: V } = l(M.startRow, M.startColumn);
         y.forEach((L) => {
           if (!v[L]) {
-            const g = R(L), I = new Ee();
-            v[L] = I, g.ranges.forEach((H) => {
-              pe.foreach(H, (Y, me) => {
-                I.setValue(Y, me, 1);
+            const m = R(L), I = new we();
+            v[L] = I, m.ranges.forEach((H) => {
+              pe.foreach(H, (Y, ge) => {
+                I.setValue(Y, ge, 1);
               });
             });
           }
-          v[L].setValue(w, V, 1);
+          v[L].setValue(E, V, 1);
         });
       });
     });
-    const E = [], x = [];
-    for (const m in v) {
-      const C = v[m], b = ft(pt(C));
+    const w = [], x = [];
+    for (const g in v) {
+      const C = v[g], b = pt(Ct(C));
       if (!b.length) {
         const y = {
           unitId: s,
           subUnitId: o,
-          cfId: m
+          cfId: g
         };
-        E.push({ id: Se.id, params: y }), x.push(...Le(this._injector, y));
+        w.push({ id: Se.id, params: y }), x.push(...Le(this._injector, y));
       }
-      if (p.some((y) => y.cfId === m)) {
-        const y = R(m), M = {
+      if (p.some((y) => y.cfId === g)) {
+        const y = R(g), M = {
           unitId: s,
           subUnitId: o,
           rule: { ...y, ranges: b }
         };
-        E.push({ id: se.id, params: M }), x.push(Rn(this._injector, M));
+        w.push({ id: se.id, params: M }), x.push(xn(this._injector, M));
       } else {
-        const y = this._conditionalFormattingRuleModel.getRule(s, o, m);
+        const y = this._conditionalFormattingRuleModel.getRule(s, o, g);
         if (!y)
           continue;
         const M = {
@@ -2653,62 +2861,62 @@ let Qe = class extends ce {
           subUnitId: o,
           rule: { ...y, ranges: b }
         };
-        E.push({ id: be.id, params: M }), x.push(...Ae(this._injector, M));
+        w.push({ id: be.id, params: M }), x.push(...Ae(this._injector, M));
       }
     }
     return {
-      redos: E,
+      redos: w,
       undos: x
     };
   }
 };
-Qe = Ui([
-  qe(0, O(Kr)),
-  qe(1, O(J)),
-  qe(2, O(ve)),
-  qe(3, O(rt)),
-  qe(4, O(z))
-], Qe);
-var Pi = Object.getOwnPropertyDescriptor, Oi = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Pi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+et = Pi([
+  Ge(0, O(Xr)),
+  Ge(1, O(Q)),
+  Ge(2, O(ve)),
+  Ge(3, O(it)),
+  Ge(4, O(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--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, Lt = (t, e) => (r, n) => e(r, n, t);
-let et = class extends ce {
+}, At = (t, e) => (r, n) => e(r, n, t);
+let tt = class extends ce {
   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 === In.id && (this._sheetPermissionCheckController.permissionCheckWithRanges({
-          workbookTypes: [Vn],
-          rangeTypes: [Mn],
-          worksheetTypes: [wn, Nn]
+        t.id === _n.id && (this._sheetPermissionCheckController.permissionCheckWithRanges({
+          workbookTypes: [kn],
+          rangeTypes: [Vn],
+          worksheetTypes: [Nn, Mn]
         }, t.params.rule.ranges) || this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr")));
       })
     );
   }
 };
-et = Oi([
-  Lt(0, O(ne)),
-  Lt(1, ee),
-  Lt(2, O(wr))
-], et);
-var Li = Object.getOwnPropertyDescriptor, Ai = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Li(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+tt = Li([
+  At(0, O(re)),
+  At(1, te),
+  At(2, O(Nr))
+], 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--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, ht = (t, e) => (r, n) => e(r, n, t);
-let tt = class extends ce {
+}, vt = (t, e) => (r, n) => e(r, n, t);
+let nt = class extends ce {
   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 u = [...s.ranges], l = u.map((v) => Mr(v, a)).filter((v) => !!v);
-        if (br(l, u))
+        const u = [...s.ranges], l = u.map((v) => Vr(v, a)).filter((v) => !!v);
+        if (Sr(l, u))
           return { redos: [], undos: [] };
         if (l.length) {
           const v = { unitId: n, subUnitId: i, rule: { ...s, ranges: l } }, f = [{ id: be.id, params: v }], S = Ae(this._injector, v);
@@ -2741,25 +2949,25 @@ let tt = class extends ce {
             u && u(), r(n.unitId, n.subUnitId, n.rule);
           }
         }
-    })), this.disposeWithMe(pn(() => {
+    })), this.disposeWithMe(Cn(() => {
       t.forEach((n) => {
         n();
       }), t.clear();
     }));
   }
 };
-tt = Ai([
-  ht(0, O(J)),
-  ht(1, O(z)),
-  ht(2, O(ve)),
-  ht(3, O(Nr))
-], tt);
-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--)
+nt = Di([
+  vt(0, O(Q)),
+  vt(1, O(z)),
+  vt(2, O(ve)),
+  vt(3, O(Mr))
+], 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--)
     (o = t[s]) && (i = o(i) || i);
   return i;
 }, Pe = (t, e) => (r, n) => e(r, n, t);
-let nt = class extends ce {
+let rt = class extends ce {
   constructor(e, r, n, i, s, o) {
     super();
     /**
@@ -2774,13 +2982,13 @@ let nt = class extends ce {
   _markDirtySkeleton() {
     var r, n, i;
     const e = this._univerInstanceService.getCurrentUnitForType($.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();
+    (r = this._renderManagerService.getRenderById(e)) == null || r.with(On).reCalculate(), (i = (n = this._renderManagerService.getRenderById(e)) == null ? void 0 : n.mainComponent) == null || i.makeDirty();
   }
   _initSkeleton() {
-    this.disposeWithMe(On(this._conditionalFormattingRuleModel.$ruleChange, this._conditionalFormattingViewModel.markDirty$).pipe(
-      ni(16),
-      tn((e) => !!e.length),
-      tn((e) => {
+    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);
         if (!r) return !1;
         const n = r.getActiveSheet();
@@ -2789,46 +2997,45 @@ let nt = class extends ce {
     ).subscribe(() => this._markDirtySkeleton()));
   }
   _initViewModelInterceptor() {
-    this.disposeWithMe(this._sheetInterceptorService.intercept(Vr.CELL_CONTENT, {
-      effect: lr.Style,
+    this.disposeWithMe(this._sheetInterceptorService.intercept(kr.CELL_CONTENT, {
+      effect: cr.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 = Sr + Ir), n(a);
+        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);
       },
       priority: 10
     }));
   }
 };
-nt = $i([
-  Pe(0, O(qt)),
-  Pe(1, O(xn)),
+rt = ji([
+  Pe(0, O(Gt)),
+  Pe(1, O(wn)),
   Pe(2, O(z)),
-  Pe(3, O(Ln)),
-  Pe(4, O(rt)),
-  Pe(5, O(J))
-], nt);
-const Xn = "sheets-conditional-formatting-ui.config", yt = {};
-var ji = Object.defineProperty, Hi = Object.getOwnPropertyDescriptor, Bi = (t, e, r) => e in t ? ji(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Wi = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Hi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+  Pe(3, O(An)),
+  Pe(4, O(it)),
+  Pe(5, O(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--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, At = (t, e) => (r, n) => e(r, n, t), Jn = (t, e, r) => Bi(t, typeof e != "symbol" ? e + "" : e, r);
-let bt = class extends bn {
-  constructor(t = yt, e, r, n) {
+}, 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 {
+  constructor(t = bt, e, r, n) {
     super(), this._config = t, this._injector = e, this._commandService = r, this._configService = n;
-    const { menu: i, ...s } = Sn(
+    const { menu: i, ...s } = In(
       {},
-      yt,
+      bt,
       this._config
     );
-    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Xn, s), this._initCommand(), this._injector.add([nt]), this._injector.add([tt]), this._injector.add([Qe]), this._injector.add([et]), this._injector.add([De]);
+    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]);
   }
   _initCommand() {
     [
-      An,
       Dn,
       $n,
       jn,
@@ -2837,26 +3044,27 @@ let bt = class extends bn {
       Wn,
       qn,
       Gn,
-      Vt
+      zn,
+      kt
     ].forEach((t) => {
       this._commandService.registerCommand(t);
     });
   }
 };
-Jn(bt, "pluginName", `${it}_MOBILE_UI_PLUGIN`);
-Jn(bt, "type", $.UNIVER_SHEET);
-bt = Wi([
-  Cn(En),
-  At(1, O(ve)),
-  At(2, O(ee)),
-  At(3, yn)
-], bt);
-var qi = Object.getOwnPropertyDescriptor, Gi = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? qi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+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--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, Ge = (t, e) => (r, n) => e(r, n, t);
-let St = class extends ce {
+}, ze = (t, e) => (r, n) => e(r, n, t);
+let It = class extends ce {
   constructor(t, e, r, n, i) {
     super(), this._injector = t, this._univerInstanceService = e, this._autoFillService = r, this._conditionalFormattingRuleModel = n, this._conditionalFormattingViewModel = i, this._initAutoFill();
   }
@@ -2895,61 +3103,61 @@ let St = class extends ce {
             endRow: S
           },
           v
-        ), { row: R, col: E } = a(T.startRow, T.startColumn), x = this._conditionalFormattingViewModel.getCellCfs(
+        ), { row: R, col: w } = a(T.startRow, T.startColumn), x = this._conditionalFormattingViewModel.getCellCfs(
           u,
           l,
           R,
-          E
-        ), { row: m, col: C } = a(_.startRow, _.startColumn), b = this._conditionalFormattingViewModel.getCellCfs(
+          w
+        ), { row: g, col: C } = a(_.startRow, _.startColumn), b = this._conditionalFormattingViewModel.getCellCfs(
           u,
           l,
-          m,
+          g,
           C
         );
         b && b.forEach((y) => {
           let M = d.get(y.cfId);
           if (!d.get(y.cfId)) {
-            const w = this._conditionalFormattingRuleModel.getRule(u, l, y.cfId);
-            if (!w)
+            const E = this._conditionalFormattingRuleModel.getRule(u, l, y.cfId);
+            if (!E)
               return;
-            M = new Ee(), w.ranges.forEach((V) => {
-              pe.foreach(V, (L, g) => {
-                M.setValue(L, g, 1);
+            M = new we(), E.ranges.forEach((V) => {
+              pe.foreach(V, (L, m) => {
+                M.setValue(L, m, 1);
               });
             }), d.set(y.cfId, M);
           }
-          M.realDeleteValue(m, C);
+          M.realDeleteValue(g, C);
         }), x && x.forEach((y) => {
           let M = d.get(y.cfId);
           if (!d.get(y.cfId)) {
-            const w = this._conditionalFormattingRuleModel.getRule(u, l, y.cfId);
-            if (!w)
+            const E = this._conditionalFormattingRuleModel.getRule(u, l, y.cfId);
+            if (!E)
               return;
-            M = new Ee(), w.ranges.forEach((V) => {
-              pe.foreach(V, (L, g) => {
-                M.setValue(L, g, 1);
+            M = new we(), E.ranges.forEach((V) => {
+              pe.foreach(V, (L, m) => {
+                M.setValue(L, m, 1);
               });
             }), d.set(y.cfId, M);
           }
-          M.setValue(m, C, 1);
+          M.setValue(g, C, 1);
         });
       });
     }, r = (i, s) => {
-      var _, R, E;
-      const o = (_ = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET)) == null ? void 0 : _.getUnitId(), d = (E = (R = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET)) == null ? void 0 : R.getActiveSheet()) == null ? void 0 : E.getSheetId(), a = /* @__PURE__ */ new Map(), u = [], l = [];
+      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(), u = [], l = [];
       if (!o || !d)
         return t();
-      const h = Un([i, s]), [v, f] = h.ranges, { mapFunc: S } = h, p = {
+      const h = Pn([i, s]), [v, f] = h.ranges, { mapFunc: S } = h, p = {
         row: v.startRow,
         col: v.startColumn
       };
-      return Qr(v, f).forEach((x) => {
+      return ei(v, f).forEach((x) => {
         e(p, x.repeatStartCell, x.relativeRange, a, S);
-      }), a.forEach((x, m) => {
-        const C = this._conditionalFormattingRuleModel.getRule(o, d, m);
+      }), a.forEach((x, g) => {
+        const C = this._conditionalFormattingRuleModel.getRule(o, d, g);
         if (!C)
           return;
-        const b = ft(pt(x));
+        const b = pt(Ct(x));
         if (b.length) {
           const y = {
             unitId: o,
@@ -2970,9 +3178,9 @@ let St = class extends ce {
         redos: u
       };
     }, n = {
-      id: it,
+      id: st,
       onFillData: (i, s, o) => {
-        if (o === Ut.COPY || o === Ut.ONLY_FORMAT || o === Ut.SERIES) {
+        if (o === Pt.COPY || o === Pt.ONLY_FORMAT || o === Pt.SERIES) {
           const { source: d, target: a } = i;
           return r(d, a);
         }
@@ -2982,19 +3190,19 @@ let St = class extends ce {
     this.disposeWithMe(this._autoFillService.addHook(n));
   }
 };
-St = Gi([
-  Ge(0, O(ve)),
-  Ge(1, O(z)),
-  Ge(2, O(Jr)),
-  Ge(3, O(J)),
-  Ge(4, O(rt))
-], St);
-var zi = Object.getOwnPropertyDescriptor, Zi = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? zi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+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--)
     (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 _t = class extends ce {
   constructor(t, e, r, n, i) {
     super(), this._injector = t, this._univerInstanceService = e, this._sheetInterceptorService = r, this._selectionManagerService = n, this._conditionalFormattingRuleModel = i, this._init();
   }
@@ -3003,7 +3211,7 @@ let It = class extends ce {
       getMutations: (t) => {
         var i;
         const e = [], r = [], n = { redos: e, undos: r };
-        if ([kr.id, Fr.id].includes(t.id)) {
+        if ([Fr.id, Ur.id].includes(t.id)) {
           const s = (i = this._selectionManagerService.getCurrentSelections()) == null ? void 0 : i.map((f) => f.range);
           if (!s)
             return n;
@@ -3013,7 +3221,7 @@ let It = class extends ce {
           const a = o.getUnitId(), u = d.getSheetId(), l = this._conditionalFormattingRuleModel.getSubunitRules(a, u);
           if (!l || !l.length)
             return n;
-          const { redos: h, undos: v } = dn(this._injector, l, s, a, u);
+          const { redos: h, undos: v } = hn(this._injector, l, s, a, u);
           e.push(...h), r.push(...v);
         }
         return n;
@@ -3026,23 +3234,23 @@ let It = class extends ce {
         const o = this._conditionalFormattingRuleModel.getSubunitRules(t, e);
         if (!o || !o.length)
           return s;
-        const { redos: d, undos: a } = dn(this._injector, o, r, t, e);
+        const { redos: d, undos: a } = hn(this._injector, o, r, t, e);
         return n.push(...d), i.push(...a), s;
       }
     }));
   }
 };
-It = Zi([
-  ze(0, O(ve)),
-  ze(1, O(z)),
-  ze(2, O(qt)),
-  ze(3, O($e)),
-  ze(4, O(J))
-], It);
-function dn(t, e, r, n, i) {
+_t = Yi([
+  Ze(0, O(ve)),
+  Ze(1, O(z)),
+  Ze(2, O(Gt)),
+  Ze(3, O($e)),
+  Ze(4, O(Q))
+], _t);
+function hn(t, e, r, n, i) {
   const s = [], o = [];
   return e.filter((d) => r.some((a) => d.ranges.some((u) => fe.getIntersects(u, a)))).forEach((d) => {
-    const u = new Ur().add(...d.ranges).subtract(...r).merge();
+    const u = new Pr().add(...d.ranges).subtract(...r).merge();
     if (u.length) {
       const l = {
         id: be.id,
@@ -3066,12 +3274,12 @@ function dn(t, e, r, n, i) {
     }
   }), { redos: s, undos: o };
 }
-var Yi = Object.getOwnPropertyDescriptor, Ki = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Yi(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;
-}, hn = (t, e) => (r, n) => e(r, n, t);
-let _t = class extends ce {
+}, vn = (t, e) => (r, n) => e(r, n, t);
+let Tt = class extends ce {
   constructor(t, e) {
     super(), this._sheetInterceptorService = t, this._conditionalFormattingService = e, this._initInterceptorEditorEnd();
   }
@@ -3082,9 +3290,9 @@ let _t = class extends ce {
    */
   _initInterceptorEditorEnd() {
     this.disposeWithMe(
-      pn(
+      Cn(
         this._sheetInterceptorService.writeCellInterceptor.intercept(
-          Pr,
+          Or,
           {
             handler: (t, e, r) => {
               var o, d, a;
@@ -3112,79 +3320,79 @@ let _t = class extends ce {
     );
   }
 };
-_t = Ki([
-  hn(0, O(qt)),
-  hn(1, O(xn))
-], _t);
-const vn = [
-  Wt.id,
+Tt = Xi([
+  vn(0, O(Gt)),
+  vn(1, O(wn))
+], Tt);
+const gn = [
+  qt.id,
   se.id,
   be.id,
   Se.id,
-  _n.id
-], Ze = [
+  Tn.id
+], Ye = [
   {
     label: {
       name: "sheet.cf.ruleType.highlightCell",
       selectable: !1
     },
-    value: re.highlightCell
+    value: ie.highlightCell
   },
   {
     label: {
       name: "sheet.cf.panel.rankAndAverage",
       selectable: !1
     },
-    value: re.rank
+    value: ie.rank
   },
   {
     label: {
       name: "sheet.cf.ruleType.formula",
       selectable: !1
     },
-    value: re.formula
+    value: ie.formula
   },
   {
     label: {
       name: "sheet.cf.ruleType.colorScale",
       selectable: !1
     },
-    value: re.colorScale
+    value: ie.colorScale
   },
   {
     label: {
       name: "sheet.cf.ruleType.dataBar",
       selectable: !1
     },
-    value: re.dataBar
+    value: ie.dataBar
   },
   {
     label: {
       name: "sheet.cf.ruleType.iconSet",
       selectable: !1
     },
-    value: re.icon
+    value: ie.icon
   },
   {
     label: {
       name: "sheet.cf.menu.manageConditionalFormatting",
       selectable: !1
     },
-    value: re.viewRule
+    value: ie.viewRule
   },
   {
     label: {
       name: "sheet.cf.menu.createConditionalFormatting",
       selectable: !1
     },
-    value: re.createRule
+    value: ie.createRule
   },
   {
     label: {
       name: "sheet.cf.menu.clearRangeRules",
       selectable: !1
     },
-    value: re.clearRangeRules,
+    value: ie.clearRangeRules,
     disabled: !1
   },
   {
@@ -3192,37 +3400,37 @@ const vn = [
       name: "sheet.cf.menu.clearWorkSheetRules",
       selectable: !1
     },
-    value: re.clearWorkSheetRules
+    value: ie.clearWorkSheetRules
   }
-], Xi = (t) => {
-  const e = t.get($e), r = t.get(ee), n = t.get(z), i = t.get(J), s = new xe((a) => On(
+], Ji = (t) => {
+  const e = t.get($e), r = t.get(te), n = t.get(z), i = t.get(Q), s = new xe((a) => Ln(
     e.selectionMoveEnd$,
     e.selectionSet$,
     new xe((u) => {
       const l = r.onCommandExecuted((h) => {
         var p;
         const { id: v, params: f } = h, S = (p = n.getCurrentUnitForType($.UNIVER_SHEET)) == null ? void 0 : p.getUnitId();
-        vn.includes(v) && f.unitId === S && u.next(null);
+        gn.includes(v) && f.unitId === S && u.next(null);
       });
       return () => l.dispose();
     })
-  ).pipe(nn(16)).subscribe(() => {
+  ).pipe(rn(16)).subscribe(() => {
     var p;
     const u = ((p = e.getCurrentSelections()) == null ? void 0 : p.map((T) => T.range)) || [], l = n.getCurrentUnitForType($.UNIVER_SHEET);
     if (!l) return;
     const h = l.getActiveSheet();
     if (!h) return;
-    const S = (i.getSubunitRules(l.getUnitId(), h.getSheetId()) || []).filter((T) => T.ranges.some((_) => u.some((R) => fe.intersects(R, _)))).map((T) => T.ranges).every((T) => gt(t, l.getUnitId(), h.getSheetId(), T));
+    const S = (i.getSubunitRules(l.getUnitId(), h.getSheetId()) || []).filter((T) => T.ranges.some((_) => u.some((R) => fe.intersects(R, _)))).map((T) => T.ranges).every((T) => ft(t, l.getUnitId(), h.getSheetId(), T));
     a.next(S);
   })), o = new xe(
     (a) => new xe((u) => {
       const l = r.onCommandExecuted((h) => {
         var p;
         const { id: v, params: f } = h, S = (p = n.getCurrentUnitForType($.UNIVER_SHEET)) == null ? void 0 : p.getUnitId();
-        vn.includes(v) && f.unitId === S && u.next(null);
+        gn.includes(v) && f.unitId === S && u.next(null);
       });
       return () => l.dispose();
-    }).pipe(nn(16)).subscribe(() => {
+    }).pipe(rn(16)).subscribe(() => {
       const u = n.getCurrentUnitForType($.UNIVER_SHEET);
       if (!u) return;
       const l = u.getActiveSheet();
@@ -3230,57 +3438,57 @@ const vn = [
       const h = i.getSubunitRules(u.getUnitId(), l.getSheetId()) || [];
       if (!h.length)
         return a.next(!1), !1;
-      const v = h.map((f) => f.ranges).every((f) => gt(t, u.getUnitId(), l.getSheetId(), f));
+      const v = h.map((f) => f.ranges).every((f) => ft(t, u.getUnitId(), l.getSheetId(), f));
       a.next(v);
     })
   ), d = new xe((a) => {
     s.subscribe((u) => {
-      const l = Ze.find((h) => h.value === re.clearRangeRules);
-      l && (l.disabled = !u, a.next(Ze));
+      const l = Ye.find((h) => h.value === ie.clearRangeRules);
+      l && (l.disabled = !u, a.next(Ye));
     }), o.subscribe((u) => {
-      const l = Ze.find((h) => h.value === re.clearWorkSheetRules);
-      l && (l.disabled = !u, a.next(Ze));
-    }), a.next(Ze);
+      const l = Ye.find((h) => h.value === ie.clearWorkSheetRules);
+      l && (l.disabled = !u, a.next(Ye));
+    }), a.next(Ye);
   });
   return {
-    id: Vt.id,
-    type: $r.SELECTOR,
+    id: kt.id,
+    type: jr.SELECTOR,
     icon: "Conditions",
     tooltip: "sheet.cf.title",
     selections: d,
-    hidden$: Dr(t, $.UNIVER_SHEET),
-    disabled$: ei(t, { workbookTypes: [Vn], worksheetTypes: [Nn, wn], rangeTypes: [Mn] })
+    hidden$: $r(t, $.UNIVER_SHEET),
+    disabled$: ti(t, { workbookTypes: [kn], worksheetTypes: [Mn, Nn], rangeTypes: [Vn] })
   };
-}, Ji = {
-  [jr.FORMULAS_INSERT]: {
-    [Vt.id]: {
+}, Qi = {
+  [Hr.FORMULAS_INSERT]: {
+    [kt.id]: {
       order: 0,
-      menuItemFactory: Xi
+      menuItemFactory: Ji
     }
   }
 };
-var Qi = Object.getOwnPropertyDescriptor, es = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Qi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+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--)
     (o = t[s]) && (i = o(i) || i);
   return i;
 }, mn = (t, e) => (r, n) => e(r, n, t);
-let Tt = class extends ce {
+let Rt = class extends ce {
   constructor(e, r) {
     super();
     ye(this, "_sidebarDisposable", null);
-    this._injector = e, this._menuManagerService = r, this._menuManagerService.mergeMenu(Ji);
+    this._injector = e, this._menuManagerService = r, this._menuManagerService.mergeMenu(Qi);
   }
 };
-Tt = es([
+Rt = ts([
   mn(0, O(ve)),
-  mn(1, Hr)
-], Tt);
-var ts = Object.getOwnPropertyDescriptor, ns = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? ts(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+  mn(1, Br)
+], 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--)
     (o = t[s]) && (i = o(i) || i);
   return i;
 }, Oe = (t, e) => (r, n) => e(r, n, t);
-const rs = (t, e) => {
+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 = [], u = {
     startRow: 0,
     endRow: r(t) - 1,
@@ -3309,7 +3517,7 @@ const rs = (t, e) => {
     }
   return a;
 };
-let Rt = class extends ce {
+let xt = class extends ce {
   constructor(e, r, n, i, s, o) {
     super();
     ye(this, "_painterConfig", null);
@@ -3338,7 +3546,7 @@ let Rt = class extends ce {
             endRow: T
           },
           S
-        ), E = fe.getPositionRange(
+        ), w = fe.getPositionRange(
           {
             startRow: T,
             startColumn: _,
@@ -3351,28 +3559,28 @@ let Rt = class extends ce {
           h,
           R.startRow,
           R.startColumn
-        ), m = this._conditionalFormattingViewModel.getCellCfs(
+        ), g = this._conditionalFormattingViewModel.getCellCfs(
           v,
           f,
-          E.startRow,
-          E.startColumn
+          w.startRow,
+          w.startColumn
         );
-        m && m.forEach((C) => {
+        g && g.forEach((C) => {
           let b = a.get(C.cfId);
           if (!a.get(C.cfId)) {
             const y = this._conditionalFormattingRuleModel.getRule(v, f, C.cfId);
             if (!y)
               return;
-            b = new Ee(), y.ranges.forEach((M) => {
-              pe.foreach(M, (w, V) => {
-                b.setValue(w, V, 1);
+            b = new we(), y.ranges.forEach((M) => {
+              pe.foreach(M, (E, V) => {
+                b.setValue(E, V, 1);
               });
             }), a.set(C.cfId, b);
           }
-          b.realDeleteValue(E.startRow, E.startColumn);
+          b.realDeleteValue(w.startRow, w.startColumn);
         }), x && x.forEach((C) => {
           const b = a.get(C.cfId);
-          b && b.setValue(E.startRow, E.startColumn, 1);
+          b && b.setValue(w.startRow, w.startColumn, 1);
         });
       });
     }, n = (s, o, d) => {
@@ -3381,39 +3589,39 @@ let Rt = class extends ce {
       if (!s || !o || !u || !l)
         return e();
       const p = (R = this._conditionalFormattingRuleModel.getSubunitRules(u, l)) != null ? R : [];
-      p == null || p.forEach((E) => {
-        const { ranges: x, cfId: m } = E;
+      p == null || p.forEach((w) => {
+        const { ranges: x, cfId: g } = w;
         if (x.some((C) => fe.intersects(a, C))) {
-          const C = new Ee();
+          const C = new we();
           h || x.forEach((b) => {
             pe.foreach(b, (y, M) => {
               C.setValue(y, M, 1);
             });
-          }), v.set(m, C);
+          }), v.set(g, C);
         }
       });
       const T = {
         row: a.startRow,
         col: a.startColumn
       };
-      return rs(a, d).forEach((E) => {
-        r(T, { row: E.startRange.startRow, col: E.startRange.startColumn }, E.repeatRelativeRange, v, { targetUnitId: s, targetSubUnitId: o });
-      }), v.forEach((E, x) => {
+      return is(a, d).forEach((w) => {
+        r(T, { row: w.startRange.startRow, col: w.startRange.startColumn }, w.repeatRelativeRange, v, { targetUnitId: s, targetSubUnitId: o });
+      }), v.forEach((w, x) => {
         if (h) {
-          const m = this._conditionalFormattingRuleModel.getRule(s, o, x), C = ft(pt(E));
-          if (m)
+          const g = this._conditionalFormattingRuleModel.getRule(s, o, x), C = pt(Ct(w));
+          if (g)
             if (C.length) {
               const b = {
                 unitId: s,
                 subUnitId: o,
-                rule: { ...m, ranges: C }
+                rule: { ...g, ranges: C }
               };
               f.push({ id: be.id, params: b }), S.push(...Ae(this._injector, b));
             } else {
               const b = {
                 unitId: s,
                 subUnitId: o,
-                cfId: m.cfId
+                cfId: g.cfId
               };
               f.push({ id: Se.id, params: b }), S.push(...Le(this._injector, b));
             }
@@ -3424,31 +3632,31 @@ let Rt = class extends ce {
                 unitId: s,
                 subUnitId: o,
                 rule: {
-                  ...Bt.deepClone(b),
+                  ...Wt.deepClone(b),
                   cfId: this._conditionalFormattingRuleModel.createCfId(s, o),
                   ranges: C
                 }
               };
-              f.push({ id: se.id, params: y }), S.push(Rn(this._injector, y));
+              f.push({ id: se.id, params: y }), S.push(xn(this._injector, y));
             }
           }
         } else {
-          const m = this._conditionalFormattingRuleModel.getRule(u, l, x);
-          if (!m)
+          const g = this._conditionalFormattingRuleModel.getRule(u, l, x);
+          if (!g)
             return;
-          const C = ft(pt(E));
+          const C = pt(Ct(w));
           if (C.length) {
             const b = {
               unitId: u,
               subUnitId: l,
-              rule: { ...m, ranges: C }
+              rule: { ...g, ranges: C }
             };
             f.push({ id: be.id, params: b }), S.push(...Ae(this._injector, b));
           } else {
             const b = {
               unitId: u,
               subUnitId: l,
-              cfId: m.cfId
+              cfId: g.cfId
             };
             f.push({ id: Se.id, params: b }), S.push(...Le(this._injector, b));
           }
@@ -3458,17 +3666,17 @@ let Rt = class extends ce {
         redos: f
       };
     }, i = {
-      id: it,
+      id: st,
       onStatusChange: (s) => {
         var o, d, a;
         switch (s) {
-          case Pt.INFINITE:
-          case Pt.ONCE: {
+          case Ot.INFINITE:
+          case Ot.ONCE: {
             const u = (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(), h = this._sheetsSelectionsService.getCurrentLastSelection(), v = h == null ? void 0 : h.range;
             u && l && v && (this._painterConfig = { unitId: u, subUnitId: l, range: v });
             break;
           }
-          case Pt.OFF: {
+          case Ot.OFF: {
             this._painterConfig = null;
             break;
           }
@@ -3482,20 +3690,20 @@ let Rt = class extends ce {
     this._formatPainterService.addHook(i);
   }
 };
-Rt = ns([
+xt = rs([
   Oe(0, O(ve)),
   Oe(1, O(z)),
-  Oe(2, O(ti)),
+  Oe(2, O(ni)),
   Oe(3, O($e)),
-  Oe(4, O(J)),
-  Oe(5, O(rt))
-], Rt);
-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--)
+  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--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, Dt = (t, e) => (r, n) => e(r, n, t);
-let xt = class extends ce {
+}, $t = (t, e) => (r, n) => e(r, n, t);
+let wt = class extends ce {
   constructor(t, e, r) {
     super(), this._conditionalFormattingViewModel = t, this._univerInstanceService = e, this._renderManagerService = r, this._init();
   }
@@ -3504,10 +3712,10 @@ let xt = class extends ce {
       const n = r.getUnitId(), i = this._renderManagerService.getRenderById(n);
       if (!i)
         return;
-      const s = i.with(Pn);
+      const s = i.with(On);
       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, h = Math.max(_r, l);
+          const d = o.skeleton.rowColumnSegment, a = d.endColumn - d.startColumn + 1, l = (d.endRow - d.startRow + 1) * a * 9, h = Math.max(Tr, l);
           this._conditionalFormattingViewModel.setCacheLength(h);
         }
       }));
@@ -3517,66 +3725,65 @@ let xt = class extends ce {
     });
   }
 };
-xt = ss([
-  Dt(0, O(rt)),
-  Dt(1, z),
-  Dt(2, Ln)
-], xt);
-var os = Object.defineProperty, as = Object.getOwnPropertyDescriptor, ls = (t, e, r) => e in t ? os(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, cs = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? as(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+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--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, $t = (t, e) => (r, n) => e(r, n, t), Qn = (t, e, r) => ls(t, typeof e != "symbol" ? e + "" : e, r);
-let Et = class extends bn {
-  constructor(t = yt, e, r, n) {
+}, 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 {
+  constructor(t = bt, e, r, n) {
     super(), this._config = t, this._injector = e, this._commandService = r, this._configService = n;
-    const { menu: i, ...s } = Sn(
+    const { menu: i, ...s } = In(
       {},
-      yt,
+      bt,
       this._config
     );
-    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Xn, s), this._initCommand();
+    i && this._configService.setConfig("menu", i, { merge: !0 }), this._configService.setConfig(Jn, s), this._initCommand();
   }
   onStarting() {
-    cr(this._injector, [
+    ur(this._injector, [
+      [rt],
       [nt],
+      [et],
+      [It],
       [tt],
       [Qe],
-      [St],
-      [et],
-      [Je],
-      [Tt],
+      [Rt],
       [De],
+      [Tt],
       [_t],
-      [It],
-      [Rt],
-      [xt]
-    ]), kt(this._injector, [
-      [nt]
+      [xt],
+      [wt]
+    ]), Ft(this._injector, [
+      [rt]
     ]);
   }
   onReady() {
-    kt(this._injector, [
-      [Tt],
-      [Je]
+    Ft(this._injector, [
+      [Rt],
+      [Qe]
     ]);
   }
   onRendered() {
-    kt(this._injector, [
-      [St],
+    Ft(this._injector, [
       [It],
-      [Qe],
       [_t],
-      [De],
-      [Rt],
       [et],
+      [Tt],
+      [De],
+      [xt],
       [tt],
-      [xt]
+      [nt],
+      [wt]
     ]);
   }
   _initCommand() {
     [
-      An,
       Dn,
       $n,
       jn,
@@ -3585,32 +3792,33 @@ let Et = class extends bn {
       Wn,
       qn,
       Gn,
-      Vt
+      zn,
+      kt
     ].forEach((t) => {
       this._commandService.registerCommand(t);
     });
   }
 };
-Qn(Et, "pluginName", `${it}_UI_PLUGIN`);
-Qn(Et, "type", $.UNIVER_SHEET);
-Et = cs([
-  Cn(En),
-  $t(1, O(ve)),
-  $t(2, O(ee)),
-  $t(3, yn)
+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)
 ], Et);
 export {
-  An as AddAverageCfCommand,
-  Dn as AddColorScaleConditionalRuleCommand,
-  $n as AddDataBarConditionalRuleCommand,
-  jn as AddDuplicateValuesCfCommand,
-  Hn as AddNumberCfCommand,
-  Bn as AddRankCfCommand,
-  Wn as AddTextCfCommand,
-  qn as AddTimePeriodCfCommand,
-  Gn as AddUniqueValuesCfCommand,
-  It as ConditionalFormattingClearController,
-  Vt as OpenConditionalFormattingOperator,
-  bt as UniverSheetsConditionalFormattingMobileUIPlugin,
+  Dn as AddAverageCfCommand,
+  $n as AddColorScaleConditionalRuleCommand,
+  jn as AddDataBarConditionalRuleCommand,
+  Hn as AddDuplicateValuesCfCommand,
+  Bn as AddNumberCfCommand,
+  Wn as AddRankCfCommand,
+  qn as AddTextCfCommand,
+  Gn as AddTimePeriodCfCommand,
+  zn as AddUniqueValuesCfCommand,
+  _t as ConditionalFormattingClearController,
+  kt as OpenConditionalFormattingOperator,
+  St as UniverSheetsConditionalFormattingMobileUIPlugin,
   Et as UniverSheetsConditionalFormattingUIPlugin
 };