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

package/lib/es/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 Ee, 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 kt } from "@univerjs/core";
+import { ConditionalFormattingRuleModel as Q, CFSubRuleType as k, CFRuleType as U, AddConditionalRuleMutation as se, CFNumberOperator as P, getColorScaleFromValue as dr, iconMap as we, DEFAULT_BG_COLOR as hr, DEFAULT_FONT_COLOR as vr, defaultDataBarPositiveColor as Ke, defaultDataBarNativeColor as Xe, CFValueType as A, createDefaultValueByValueType as Je, removeUndefinedAttr as mr, createDefaultValue as gt, CFTextOperator as j, CFTimePeriodOperator as ue, iconGroup as gr, 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 En, DEFAULT_PADDING as Ir, DEFAULT_WIDTH as _r, UniverSheetsConditionalFormattingPlugin as wn, 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 Er, checkRangesEditablePermission as ft, rangeToDiscreteRange as wr, findAllRectangle as pt, createTopMatrixFromMatrix as Ct, SheetPermissionCheckController as Nr, WorksheetEditPermission as Nn, WorksheetSetCellStylePermission as Mn, RangeProtectionPermissionEditPoint as Vn, WorkbookEditablePermission as Fn, RefRangeService as Mr, handleDefaultRangeChangeWithEffectRefCommands as Vr, SheetInterceptorService as Gt, INTERCEPTOR_POINT as Fr, ClearSelectionFormatCommand as kr, 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 kn, useObservable as Dr, getMenuHiddenObservable as $r, MenuItemType as jr, RibbonStartGroup as Hr, IMenuManagerService as Br } from "@univerjs/ui";
+import { jsx as c, jsxs as F, 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,
@@ -28,20 +28,20 @@ const An = {
       stopIfTrue: !!i,
       rule: {
         type: U.highlightCell,
-        subType: F.average,
+        subType: k.average,
         operator: s,
         style: n
       }
     };
     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,
@@ -94,19 +94,19 @@ const An = {
       stopIfTrue: !!i,
       rule: {
         type: U.highlightCell,
-        subType: F.duplicateValues,
+        subType: k.duplicateValues,
         style: n
       }
     };
     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;
@@ -120,7 +120,7 @@ const An = {
         stopIfTrue: !!i,
         rule: {
           type: U.highlightCell,
-          subType: F.number,
+          subType: k.number,
           operator: s,
           style: n,
           value: p
@@ -136,7 +136,7 @@ const An = {
         stopIfTrue: !!i,
         rule: {
           type: U.highlightCell,
-          subType: F.number,
+          subType: k.number,
           operator: s,
           style: n,
           value: p
@@ -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,
@@ -159,7 +159,7 @@ const An = {
       stopIfTrue: !!i,
       rule: {
         type: U.highlightCell,
-        subType: F.rank,
+        subType: k.rank,
         isPercent: s,
         isBottom: o,
         style: n,
@@ -168,21 +168,21 @@ 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,
       rule: {
         type: U.highlightCell,
-        subType: F.text,
+        subType: k.text,
         operator: s,
         style: n,
         value: o
@@ -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,
@@ -204,20 +204,20 @@ const An = {
       stopIfTrue: !!i,
       rule: {
         type: U.highlightCell,
-        subType: F.timePeriod,
+        subType: k.timePeriod,
         operator: s,
         style: n
       }
     };
     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,
@@ -225,7 +225,7 @@ const An = {
       stopIfTrue: !!i,
       rule: {
         type: U.highlightCell,
-        subType: F.uniqueValues,
+        subType: k.uniqueValues,
         style: n
       }
     };
@@ -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" } }] }, mt = 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, {
+mt.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 }) }),
-      children: /* @__PURE__ */ k(
+      overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(Wr, { value: e, onChange: r }) }),
+      children: /* @__PURE__ */ F(
         "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,17 +344,17 @@ 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];
@@ -364,15 +364,15 @@ const Me = (t) => {
     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;
-      return /* @__PURE__ */ k("div", { className: i, children: [
+      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__ */ F("div", { className: i, children: [
         /* @__PURE__ */ c(
           "div",
           {
             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,9 +391,9 @@ 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, E = (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
@@ -401,7 +401,7 @@ const Me = (t) => {
       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,9 +445,9 @@ 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;
@@ -489,9 +488,9 @@ const Me = (t) => {
     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 };
+  }), w = J(() => (g) => {
+    const { minType: I, medianType: H, maxType: Y, minValue: me, medianValue: ge, maxValue: Fe, minColor: ke, medianColor: D, maxColor: B } = g, G = [];
+    return G.push({ color: ke, value: { type: I, value: me } }), H !== "none" && G.push({ color: D, value: { type: H, value: ge } }), G.push({ color: B, value: { type: Y, value: Fe } }), { config: G.map((ee, ne) => ({ ...ee, index: ne })), type: U.colorScale };
   }, []);
   K(() => e.intercept(e.getInterceptPoints().submit, {
     handler() {
@@ -501,11 +500,11 @@ const Me = (t) => {
   const V = (g) => {
     t.onChange(w(g));
   };
-  return /* @__PURE__ */ k("div", { children: [
+  return /* @__PURE__ */ F("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: at, children: /* @__PURE__ */ c(We, { 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__ */ k("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
+    /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
       /* @__PURE__ */ c(
         le,
         {
@@ -514,13 +513,13 @@ const Me = (t) => {
           value: a,
           onChange: (g) => {
             u(g);
-            const I = Xe(g, 10);
+            const I = Je(g, 10);
             p(I), V({ minType: g, 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",
@@ -543,7 +542,7 @@ const Me = (t) => {
       )
     ] }),
     /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-xs univer-text-gray-600", children: r.t("sheet.cf.panel.medianValue") }),
-    /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
+    /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
       /* @__PURE__ */ c(
         le,
         {
@@ -552,7 +551,7 @@ const Me = (t) => {
           value: l,
           onChange: (g) => {
             h(g);
-            const I = Xe(g, 50);
+            const I = Je(g, 50);
             _(I), V({
               minType: a,
               medianType: g,
@@ -568,7 +567,7 @@ const Me = (t) => {
         }
       ),
       /* @__PURE__ */ c(
-        Ot,
+        Lt,
         {
           id: "median",
           className: "univer-ml-1",
@@ -611,7 +610,7 @@ const Me = (t) => {
       )
     ] }),
     /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-xs univer-text-gray-600", children: r.t("sheet.cf.valueType.max") }),
-    /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
+    /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
       /* @__PURE__ */ c(
         le,
         {
@@ -620,7 +619,7 @@ const Me = (t) => {
           value: v,
           onChange: (g) => {
             f(g);
-            const I = Xe(g, 90);
+            const I = Je(g, 90);
             E(I), V({
               minType: a,
               medianType: l,
@@ -636,7 +635,7 @@ const Me = (t) => {
         }
       ),
       /* @__PURE__ */ c(
-        Ot,
+        Lt,
         {
           id: "max",
           className: "univer-ml-1",
@@ -679,14 +678,14 @@ const Me = (t) => {
       )
     ] })
   ] });
-}, 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 +695,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,18 +729,18 @@ const Me = (t) => {
       ...S
     }
   );
-}, vi = (t) => {
+}, mi = (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;
   }), [o, d] = N(() => {
     var g;
-    return n ? ((g = n.config) == null ? void 0 : g.positiveColor) || Ye : Ye;
+    return n ? ((g = n.config) == null ? void 0 : g.positiveColor) || Ke : Ke;
   }), [a, u] = N(() => {
     var g;
-    return n ? ((g = n.config) == null ? void 0 : g.nativeColor) || Ke : Ke;
+    return n ? ((g = n.config) == null ? void 0 : g.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;
@@ -767,8 +765,8 @@ const Me = (t) => {
     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
+    positiveColor: g.positiveColor || Ke,
+    nativeColor: g.nativeColor || Xe
   }, type: U.dataBar, isShowValue: g.isShowValue });
   K(() => e.intercept(e.getInterceptPoints().submit, {
     handler() {
@@ -782,10 +780,10 @@ const Me = (t) => {
   }, 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);
-  return /* @__PURE__ */ k("div", { children: [
+  return /* @__PURE__ */ F("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: at, children: /* @__PURE__ */ c(
+      We,
       {
         rule: b({
           isGradient: i,
@@ -799,25 +797,25 @@ const Me = (t) => {
         })
       }
     ) }),
-    /* @__PURE__ */ k("div", { children: [
+    /* @__PURE__ */ F("div", { children: [
       /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-sm univer-text-gray-600", 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,
+      /* @__PURE__ */ F("div", { className: "univer-ml-1 univer-mt-3 univer-flex univer-items-center", children: [
+        /* @__PURE__ */ F(
+          qr,
           {
             value: i,
             onChange: (g) => {
               s(g), y({ isGradient: g, minValue: _, minValueType: f, maxValue: E, maxValueType: p, positiveColor: o, nativeColor: a, isShowValue: m });
             },
             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__ */ F("div", { className: "univer-ml-6 univer-flex univer-items-center univer-text-xs", children: [
           /* @__PURE__ */ c(
-            Ct,
+            yt,
             {
               checked: !m,
               onChange: (g) => {
@@ -838,10 +836,10 @@ const Me = (t) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ k("div", { children: [
+    /* @__PURE__ */ F("div", { children: [
       /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-sm univer-text-gray-600", 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__ */ F("div", { className: "univer-ml-1 univer-mt-3 univer-flex univer-items-center", children: [
+        /* @__PURE__ */ F("div", { className: "univer-flex univer-items-center", children: [
           /* @__PURE__ */ c("div", { className: "univer-text-xs", children: r.t("sheet.cf.panel.native") }),
           /* @__PURE__ */ c(
             Me,
@@ -851,7 +849,7 @@ const Me = (t) => {
             }
           )
         ] }),
-        /* @__PURE__ */ k("div", { className: "univer-ml-3 univer-flex univer-items-center", children: [
+        /* @__PURE__ */ F("div", { className: "univer-ml-3 univer-flex univer-items-center", children: [
           /* @__PURE__ */ c("div", { className: "univer-text-xs", children: r.t("sheet.cf.panel.positive") }),
           /* @__PURE__ */ c(
             Me,
@@ -863,9 +861,9 @@ const Me = (t) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ k("div", { children: [
+    /* @__PURE__ */ F("div", { children: [
       /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-sm univer-text-gray-600", children: r.t("sheet.cf.valueType.min") }),
-      /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
+      /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
         /* @__PURE__ */ c(
           le,
           {
@@ -874,7 +872,7 @@ const Me = (t) => {
             value: f,
             onChange: (g) => {
               S(g);
-              const I = Xe(g, 10);
+              const I = Je(g, 10);
               R(I), y({
                 isGradient: i,
                 minValue: I,
@@ -889,7 +887,7 @@ const Me = (t) => {
           }
         ),
         /* @__PURE__ */ c(
-          rn,
+          sn,
           {
             id: "min",
             className: "univer-ml-3",
@@ -912,7 +910,7 @@ const Me = (t) => {
         )
       ] }),
       /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-sm univer-text-gray-600", children: r.t("sheet.cf.valueType.max") }),
-      /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
+      /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
         /* @__PURE__ */ c(
           le,
           {
@@ -921,7 +919,7 @@ const Me = (t) => {
             value: p,
             onChange: (g) => {
               T(g);
-              const I = Xe(g, 90);
+              const I = Je(g, 90);
               x(I), y({
                 isGradient: i,
                 minValue: _,
@@ -936,7 +934,7 @@ const Me = (t) => {
           }
         ),
         /* @__PURE__ */ c(
-          rn,
+          sn,
           {
             className: "univer-ml-3",
             disabled: !V(p),
@@ -960,8 +958,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(() => {
@@ -987,60 +985,60 @@ const Me = (t) => {
       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(mr(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: [
+  return /* @__PURE__ */ F("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(m, {
+          "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(m, {
+          "univer-bg-gray-100": ut(d || ae.FALSE)
         }),
-        onClick: () => a(lt(d)),
+        onClick: () => a(ct(d)),
         children: /* @__PURE__ */ c(R, {})
       }
     ),
     E && /* @__PURE__ */ c(
       "div",
       {
-        className: ie(m, {
-          "univer-bg-gray-100": ct(u || ae.FALSE)
+        className: X(m, {
+          "univer-bg-gray-100": ut(u || ae.FALSE)
         }),
-        onClick: () => l(lt(u)),
+        onClick: () => l(ct(u)),
         children: /* @__PURE__ */ c(E, {})
       }
     ),
     x && /* @__PURE__ */ c(
       "div",
       {
-        className: ie(m, {
-          "univer-bg-gray-100": ct(h || ae.FALSE)
+        className: X(m, {
+          "univer-bg-gray-100": ut(h || ae.FALSE)
         }),
-        onClick: () => v(lt(h)),
+        onClick: () => v(ct(h)),
         children: /* @__PURE__ */ c(x, {})
       }
     ),
     /* @__PURE__ */ c(Me, { color: f, onChange: S, iconId: "FontColor" }),
     /* @__PURE__ */ c(Me, { color: p, onChange: T, iconId: "PaintBucket" })
   ] });
-}, mi = (t) => {
+}, gi = (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) => ({
+  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) === k.formula ? d.value : "="), [T, _] = N(void 0), R = (m) => ({
     style: m.style,
     value: S,
     type: U.highlightCell,
-    subType: F.formula
+    subType: k.formula
   });
   K(() => r.intercept(r.getInterceptPoints().submit, {
     handler() {
@@ -1052,24 +1050,23 @@ const Me = (t) => {
   const E = (m) => {
     e(R(m));
   };
-  return wt((m) => {
+  return Nt((m) => {
     var b;
     ((b = h.current) == null ? void 0 : b.isClickOutSide(m)) && l(!1);
-  }), /* @__PURE__ */ k("div", { ref: a, children: [
+  }), /* @__PURE__ */ F("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-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,
@@ -1086,9 +1083,9 @@ const Me = (t) => {
         }
       }
     ) }),
-    /* @__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",
@@ -1098,7 +1095,7 @@ const Me = (t) => {
       }
     )
   ] });
-}, ut = (t) => /* @__PURE__ */ k("div", { style: { position: "relative" }, children: [
+}, dt = (t) => /* @__PURE__ */ F("div", { style: { position: "relative" }, children: [
   /* @__PURE__ */ c(
     "div",
     {
@@ -1113,15 +1110,15 @@ 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(""), [E, x] = N(() => Array.isArray(i) ? i[1] === void 0 ? 100 : i[1] : 100), [m, C] = N("");
   switch (K(() => {
     switch (e) {
-      case F.text: {
+      case k.text: {
         [j.beginsWith, j.endsWith, j.containsText, j.notContainsText, j.equal, j.notEqual].includes(r) && n(h);
         break;
       }
-      case F.number: {
+      case k.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]);
         break;
       }
@@ -1130,7 +1127,7 @@ const Me = (t) => {
     const b = s.intercept(s.getInterceptPoints().beforeSubmit, {
       handler: (y, M, w) => {
         switch (e) {
-          case F.text:
+          case k.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);
         }
@@ -1141,13 +1138,13 @@ const Me = (t) => {
       b();
     };
   }, [e, d, h, r]), e) {
-    case F.text: {
+    case k.text: {
       if ([j.beginsWith, j.endsWith, j.containsText, j.notContainsText, j.equal, j.notEqual].includes(r)) {
         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) => {
@@ -1158,12 +1155,12 @@ const Me = (t) => {
       }
       break;
     }
-    case F.number: {
+    case k.number: {
       if ([P.equal, P.notEqual, P.greaterThan, P.greaterThanOrEqual, P.lessThan, P.lessThanOrEqual].includes(r)) {
         const b = (y) => {
           a(y || 0), n(y || 0), l("");
         };
-        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",
@@ -1180,9 +1177,9 @@ const Me = (t) => {
         }, 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(
+        return /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
+          /* @__PURE__ */ c(dt, { errorText: _, children: /* @__PURE__ */ c(Ne, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, value: p, onChange: b }) }),
+          /* @__PURE__ */ c(dt, { errorText: m, children: /* @__PURE__ */ c(
             Ne,
             {
               className: "univer-ml-3",
@@ -1197,9 +1194,9 @@ const Me = (t) => {
     }
   }
   return null;
-}, sn = (t, e) => {
+}, on = (t, e) => {
   switch (t) {
-    case F.text:
+    case k.text:
       return [
         q(j.containsText, e),
         q(j.notContainsText, e),
@@ -1212,7 +1209,7 @@ const Me = (t) => {
         q(j.containsErrors, e),
         q(j.notContainsErrors, e)
       ];
-    case F.number:
+    case k.number:
       return [
         q(P.between, e),
         q(P.notBetween, e),
@@ -1223,7 +1220,7 @@ const Me = (t) => {
         q(P.lessThan, e),
         q(P.lessThanOrEqual, e)
       ];
-    case F.timePeriod:
+    case k.timePeriod:
       return [
         q(ue.yesterday, e),
         q(ue.today, e),
@@ -1237,37 +1234,37 @@ 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;
+  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 m = k.text;
     return i && i.subType || m;
   }), d = [{
-    value: F.text,
+    value: k.text,
     label: n.t("sheet.cf.subRuleType.text")
   }, {
-    value: F.number,
+    value: k.number,
     label: n.t("sheet.cf.subRuleType.number")
   }, {
-    value: F.timePeriod,
+    value: k.timePeriod,
     label: n.t("sheet.cf.subRuleType.timePeriod")
   }, {
-    value: F.duplicateValues,
+    value: k.duplicateValues,
     label: n.t("sheet.cf.subRuleType.duplicateValues")
   }, {
-    value: F.uniqueValues,
+    value: k.uniqueValues,
     label: n.t("sheet.cf.subRuleType.uniqueValues")
-  }], a = X(() => sn(s, n), [s]), [u, l] = N(() => {
+  }], a = J(() => on(s, n), [s]), [u, l] = N(() => {
     const m = a ? a[0].value : void 0;
     return i && i.operator || m;
   }), [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;
+    return i ? (b = i.value) != null ? b : gt(i.subType, i.operator) : m;
+  }), [f, S] = N({}), p = J(() => (m) => {
+    var C, b, y, M, w, V, L, g, I, H, Y, me, ge, Fe, ke;
     switch (m.subType || s) {
-      case F.text: {
+      case k.text: {
         if ([j.beginsWith, j.endsWith, j.containsText, j.notContainsText, j.equal, j.notEqual].includes(u))
           return {
             type: U.highlightCell,
@@ -1278,7 +1275,7 @@ const Me = (t) => {
           };
         break;
       }
-      case F.number: {
+      case k.number: {
         if ([P.equal, P.notEqual, P.greaterThan, P.greaterThanOrEqual, P.lessThan, P.lessThanOrEqual].includes(u))
           return {
             type: U.highlightCell,
@@ -1301,8 +1298,8 @@ const Me = (t) => {
     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
+      operator: (Fe = m.operator) != null ? Fe : u,
+      style: (ke = m.style) != null ? ke : f
     };
   }, [s, u, h, f]);
   K(() => e.intercept(e.getInterceptPoints().submit, {
@@ -1313,17 +1310,17 @@ const Me = (t) => {
     d.some((m) => m.value === s) || o(d[0].value);
   }, [d]);
   const T = (m) => {
-    const C = m, b = sn(C, n), y = b && b[0].value;
-    o(C), l(y), y && v(mt(C, y)), r(p({ subType: C, operator: y }));
+    const C = m, b = on(C, n), y = b && b[0].value;
+    o(C), l(y), y && v(gt(C, y)), r(p({ subType: C, operator: y }));
   }, _ = (m) => {
     const C = m;
     l(C), r(p({ operator: C }));
   }, R = (m) => {
     v(m), r(p({ value: m }));
-  }, E = X(() => `${s}_${u}_${Math.random()}`, [s, u]);
-  return /* @__PURE__ */ k("div", { children: [
+  }, E = J(() => `${s}_${u}_${Math.random()}`, [s, u]);
+  return /* @__PURE__ */ F("div", { children: [
     /* @__PURE__ */ c("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-600", children: n.t("sheet.cf.panel.styleRule") }),
-    /* @__PURE__ */ k("div", { className: "univer-flex univer-justify-between univer-gap-4", children: [
+    /* @__PURE__ */ F("div", { className: "univer-flex univer-justify-between univer-gap-4", children: [
       /* @__PURE__ */ c(
         le,
         {
@@ -1344,7 +1341,7 @@ const Me = (t) => {
       )
     ] }),
     /* @__PURE__ */ c(
-      gi,
+      fi,
       {
         value: h,
         interceptorManager: e,
@@ -1355,9 +1352,9 @@ const Me = (t) => {
       },
       E
     ),
-    /* @__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",
@@ -1367,17 +1364,17 @@ const Me = (t) => {
       }
     )
   ] });
-}, Kn = (t, e) => (we[t] || [])[Number(e)] || "", fi = (t) => {
+}, Xn = (t, e) => (we[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__ */ F(Bt, { children: [
     /* @__PURE__ */ c(
       Ne,
       {
-        className: ie({
+        className: X({
           "univer-border-red-500": e
         }),
         value: Number(t.value) || 0,
@@ -1386,7 +1383,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,16 +1396,16 @@ 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: [
+  return /* @__PURE__ */ c("div", { ref: e, className: "univer-w-80", children: gr.map((s, o) => /* @__PURE__ */ F("div", { className: "univer-mb-3", children: [
     /* @__PURE__ */ c("div", { className: "univer-mb-1 univer-text-sm", children: n.t(s.title) }),
     /* @__PURE__ */ c("div", { className: "univer-flex univer-flex-wrap", children: s.group.map((d) => /* @__PURE__ */ c(
       "div",
@@ -1439,8 +1436,8 @@ 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;
@@ -1456,14 +1453,14 @@ const Me = (t) => {
   }, []), n = (i) => {
     e(i.iconType, i.iconId);
   };
-  return /* @__PURE__ */ k("div", { children: [
-    /* @__PURE__ */ k(
+  return /* @__PURE__ */ F("div", { children: [
+    /* @__PURE__ */ F(
       "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 +1486,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 },
@@ -1499,24 +1496,24 @@ const Me = (t) => {
     e([String(v), "value", "value"], h);
   }, a = (h, v) => {
     e([String(v), "operator"], h);
-    const f = mt(F.number, h);
+    const f = gt(k.number, h);
     d(f, v);
   }, u = (h, v) => {
     e([String(v), "value", "type"], h);
-    const f = r[v], S = mt(F.number, f.operator);
+    const f = r[v], S = gt(k.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) => {
+  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, E = (x, m) => {
       const C = { ...h, iconId: m, iconType: x };
       e([String(v)], C);
     };
-    return /* @__PURE__ */ k(
+    return /* @__PURE__ */ F(
       "div",
       {
         className: v ? "univer-mt-6" : "univer-mt-3",
         children: [
-          /* @__PURE__ */ k(
+          /* @__PURE__ */ F(
             "div",
             {
               className: `
@@ -1524,7 +1521,7 @@ const Me = (t) => {
                           univer-text-gray-600
                         `,
               children: [
-                /* @__PURE__ */ k(
+                /* @__PURE__ */ F(
                   "div",
                   {
                     className: "univer-w-[45%]",
@@ -1534,12 +1531,12 @@ const Me = (t) => {
                     ]
                   }
                 ),
-                /* @__PURE__ */ c("div", { className: "univer-w-[45%]", children: /* @__PURE__ */ k(Ht, { children: [
+                /* @__PURE__ */ c("div", { className: "univer-w-[45%]", children: /* @__PURE__ */ F(Bt, { children: [
                   !T && !p && i.t("sheet.cf.iconSet.rule"),
-                  !T && !p && /* @__PURE__ */ k("span", { className: "univer-font-medium univer-text-gray-600", children: [
+                  !T && !p && /* @__PURE__ */ F("span", { className: "univer-font-medium univer-text-gray-600", children: [
                     "(",
                     i.t("sheet.cf.iconSet.when"),
-                    i.t(`sheet.cf.symbol.${jt(_.operator)}`),
+                    i.t(`sheet.cf.symbol.${Ht(_.operator)}`),
                     R,
                     p ? "" : ` ${i.t("sheet.cf.iconSet.and")} `,
                     ")"
@@ -1548,39 +1545,38 @@ const Me = (t) => {
               ]
             }
           ),
-          /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center univer-justify-between univer-gap-4", children: [
+          /* @__PURE__ */ F("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 }) }),
-                children: /* @__PURE__ */ k(
+                overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(yi, { onClick: E, iconId: h.iconId, iconType: h.iconType }) }),
+                children: /* @__PURE__ */ F(
                   "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
                                       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: [
+            p ? /* @__PURE__ */ F("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: [
+              /* @__PURE__ */ F("span", { className: "univer-font-medium univer-text-gray-600", children: [
                 i.t("sheet.cf.iconSet.when"),
-                i.t(`sheet.cf.symbol.${jt(_.operator)}`),
+                i.t(`sheet.cf.symbol.${Ht(_.operator)}`),
                 R,
                 p ? "" : ` ${i.t("sheet.cf.iconSet.and")} `
               ] })
@@ -1595,8 +1591,8 @@ const Me = (t) => {
               }
             )
           ] }),
-          p ? /* @__PURE__ */ c("div", {}) : /* @__PURE__ */ k(Ht, { children: [
-            /* @__PURE__ */ k(
+          p ? /* @__PURE__ */ c("div", {}) : /* @__PURE__ */ F(Bt, { children: [
+            /* @__PURE__ */ F(
               "div",
               {
                 className: `
@@ -1609,7 +1605,7 @@ const Me = (t) => {
                 ]
               }
             ),
-            /* @__PURE__ */ k(
+            /* @__PURE__ */ F(
               "div",
               {
                 className: `
@@ -1628,7 +1624,7 @@ const Me = (t) => {
                     }
                   ),
                   /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(
-                    fi,
+                    pi,
                     {
                       id: v,
                       type: h.value.type,
@@ -1648,9 +1644,9 @@ 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 { 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 m = Object.keys(we)[0];
     if (r && r.config.length) {
       const C = r.config[0].iconType;
@@ -1660,16 +1656,16 @@ const Me = (t) => {
     return m;
   }), [a, u] = N(() => {
     if (r && r.config.length)
-      return Bt.deepClone(r == null ? void 0 : r.config);
+      return Wt.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 ? {
       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));
+    } : ln(o, b, y));
+  }), [l, h] = N(() => r ? !!r.isShowValue : !0), v = J(() => {
+    const m = a.map((C) => Xn(C.iconType, C.iconId));
     return /* @__PURE__ */ c("div", { className: "univer-flex univer-items-center", children: m.map((C, b) => C ? /* @__PURE__ */ c(
       "img",
       {
@@ -1677,7 +1673,7 @@ const Me = (t) => {
         src: C
       },
       b
-    ) : /* @__PURE__ */ c(st, { className: "univer-size-5" }, b)) });
+    ) : /* @__PURE__ */ c(ot, { 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 ? {
       preType: A.formula,
@@ -1693,16 +1689,16 @@ const Me = (t) => {
       return m.forEach((y, M, w) => {
         if (M - 1 < 0 || M === w.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 = m[M - 1], g = Ht(L.operator);
+        fr({ operator: g, value: L.value.value }, y.value.value) || (b[M] = `${n.t(`sheet.cf.form.${g}`, String(L.value.value))} `);
       }), b;
     }
     return {};
   }, S = (m, C) => {
-    ir(a, m) !== C && (sr(a, m, C), u([...a]), s(f(a)));
+    sr(a, m) !== C && (or(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));
+    const C = we[m] || [], b = new Array(C.length).fill("").map((y, M, w) => ln(m, M, w));
     u(b), s(f(b));
   };
   K(() => {
@@ -1730,14 +1726,14 @@ const Me = (t) => {
       const y = a.length - 1 - b, M = m[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, E] = N();
+  return Ar(R, _.rootContainerElement), /* @__PURE__ */ F("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);
@@ -1746,50 +1742,49 @@ const Me = (t) => {
             onClick: p
           }
         ) }),
-        children: /* @__PURE__ */ k(
+        children: /* @__PURE__ */ F(
           "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, {})
             ]
           }
         )
       }
     ) }),
-    /* @__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__ */ F("div", { className: "univer-mt-3 univer-flex univer-items-center univer-text-xs", children: [
+      /* @__PURE__ */ F("div", { className: "univer-flex univer-items-center univer-text-xs", children: [
+        /* @__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) => {
+      /* @__PURE__ */ F("div", { className: "univer-ml-6 univer-flex univer-items-center univer-text-xs", children: [
+        /* @__PURE__ */ c(yt, { checked: !l, onChange: (m) => {
           h(!m);
         } }),
         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 _;
     switch (R) {
       case U.highlightCell:
         switch (i.subType) {
-          case F.average:
+          case k.average:
             return [P.greaterThan, P.greaterThanOrEqual].includes(i.operator) ? "greaterThanAverage" : [P.lessThan, P.lessThanOrEqual].includes(i.operator) ? "lessThanAverage" : _;
-          case F.rank:
+          case k.rank:
             return i.isBottom ? "isBottom" : "isNotBottom";
         }
     }
@@ -1801,7 +1796,7 @@ const Me = (t) => {
     switch (R) {
       case U.highlightCell:
         switch (i.subType) {
-          case F.rank:
+          case k.rank:
             return i.value || 10;
         }
     }
@@ -1813,7 +1808,7 @@ const Me = (t) => {
     switch (R) {
       case U.highlightCell:
         switch (i.subType) {
-          case F.rank:
+          case k.rank:
             return i.isPercent || !1;
         }
     }
@@ -1821,13 +1816,13 @@ const Me = (t) => {
   }), [v, f] = N({}), S = (_) => {
     const { type: R, isPercent: E, value: x, style: m } = _;
     if (R === "isNotBottom")
-      return { type: U.highlightCell, subType: F.rank, isPercent: E, isBottom: !1, value: x, style: m };
+      return { type: U.highlightCell, subType: k.rank, isPercent: E, isBottom: !1, value: x, style: m };
     if (R === "isBottom")
-      return { type: U.highlightCell, subType: F.rank, isPercent: E, isBottom: !0, value: x, style: m };
+      return { type: U.highlightCell, subType: k.rank, isPercent: E, isBottom: !0, value: x, style: m };
     if (R === "greaterThanAverage")
-      return { type: U.highlightCell, subType: F.average, operator: P.greaterThan, style: m };
+      return { type: U.highlightCell, subType: k.average, operator: P.greaterThan, style: m };
     if (R === "lessThanAverage")
-      return { type: U.highlightCell, subType: F.average, operator: P.lessThan, style: m };
+      return { type: U.highlightCell, subType: k.average, operator: P.lessThan, style: m };
   };
   K(() => r.intercept(r.getInterceptPoints().submit, {
     handler() {
@@ -1837,7 +1832,7 @@ const Me = (t) => {
   const p = (_) => {
     e(S(_));
   };
-  return /* @__PURE__ */ k("div", { children: [
+  return /* @__PURE__ */ F("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(
       le,
@@ -1850,7 +1845,7 @@ const Me = (t) => {
         }
       }
     ),
-    ["isNotBottom", "isBottom"].includes(o) && /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
+    ["isNotBottom", "isBottom"].includes(o) && /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
       /* @__PURE__ */ c(
         Ne,
         {
@@ -1863,13 +1858,13 @@ const Me = (t) => {
           }
         }
       ),
-      /* @__PURE__ */ k(
+      /* @__PURE__ */ F(
         "div",
         {
           className: "univer-ml-3 univer-flex univer-items-center univer-text-xs",
           children: [
             /* @__PURE__ */ c(
-              Ct,
+              yt,
               {
                 checked: l,
                 onChange: (_) => {
@@ -1882,9 +1877,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 +1889,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(() => {
+  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, 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 H = Un(I);
       return H === "NaN" ? "" : H;
     }).filter((I) => !!I).join(",") : "";
   }, [t.rule]), v = [
@@ -1921,16 +1916,16 @@ const Me = (t) => {
     switch (w) {
       case U.highlightCell: {
         switch ((g = t.rule) == null ? void 0 : g.rule.subType) {
-          case F.number:
-          case F.text:
-          case F.duplicateValues:
-          case F.uniqueValues:
-          case F.timePeriod:
+          case k.number:
+          case k.text:
+          case k.duplicateValues:
+          case k.uniqueValues:
+          case k.timePeriod:
             return "1";
-          case F.average:
-          case F.rank:
+          case k.average:
+          case k.rank:
             return "2";
-          case F.formula:
+          case k.formula:
             return "5";
         }
         break;
@@ -1943,38 +1938,38 @@ 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 mi;
       case "4":
-        return hi;
+        return vi;
       case "5":
-        return mi;
+        return gi;
       case "6":
-        return bi;
+        return Si;
       default:
-        return on;
+        return an;
     }
   }, [f]);
   K(() => {
     const w = r.onCommandExecuted((V) => {
-      if (V.id === Tr.id) {
+      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();
   }, []);
   const R = (w) => {
     p.current = w;
   }, E = (w) => {
-    const V = w.split(",").filter((L) => !!L).map(zr).map((L) => L.range);
+    const V = w.split(",").filter((L) => !!L).map(Zr).map((L) => L.range);
     l.current = V;
   }, x = () => {
     if (a)
@@ -1983,16 +1978,16 @@ const Me = (t) => {
       const g = n.getCurrentUnitForType($.UNIVER_SHEET).getActiveSheet();
       if (!g)
         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, g.getRowCount(), g.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 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: g }, r.executeCommand(Cr.id, { unitId: I, subUnitId: H, rule: Y }), t.onCancel()) : (Y = { cfId: i.createCfId(I, H), ranges: V, rule: g, stopIfTrue: !1 }, r.executeCommand(_n.id, { unitId: I, subUnitId: H, rule: Y }), t.onCancel());
       }
     }
   }, m = () => {
@@ -2000,11 +1995,11 @@ const Me = (t) => {
   }, C = (w, V) => {
     w ? 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: [
+  return /* @__PURE__ */ F("div", { children: [
     /* @__PURE__ */ c("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-600", children: e.t("sheet.cf.panel.range") }),
-    /* @__PURE__ */ k("div", { className: "univer-mt-4", children: [
+    /* @__PURE__ */ F("div", { className: "univer-mt-4", children: [
       /* @__PURE__ */ c(
-        Zr,
+        Yr,
         {
           unitId: o,
           subUnitId: d,
@@ -2033,17 +2028,17 @@ const Me = (t) => {
         onChange: R
       }
     ),
-    /* @__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__ */ F("div", { className: "univer-mt-4 univer-flex univer-justify-end", children: [
+      /* @__PURE__ */ c(Jt, { onClick: m, 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, Ei = (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);
+}, wi = (t, e) => (r, n) => e(r, n, t);
 let De = class extends ce {
   constructor(e) {
     super();
@@ -2081,10 +2076,10 @@ let De = class extends ce {
     return [];
   }
 };
-De = xi([
-  Ei(0, O(ne))
+De = Ei([
+  wi(0, O(re))
 ], De);
-const wi = (t, e) => {
+const Ni = (t, e) => {
   const r = t.rule;
   switch (r.type) {
     case U.colorScale:
@@ -2095,39 +2090,39 @@ const wi = (t, e) => {
       return e.t("sheet.cf.ruleType.iconSet");
     case U.highlightCell:
       switch (r.subType) {
-        case F.average: {
+        case k.average: {
           const n = r.operator;
           return e.t(`sheet.cf.preview.describe.${n}`, e.t("sheet.cf.subRuleType.average"));
         }
-        case F.duplicateValues:
+        case k.duplicateValues:
           return e.t("sheet.cf.subRuleType.duplicateValues");
-        case F.uniqueValues:
+        case k.uniqueValues:
           return e.t("sheet.cf.subRuleType.uniqueValues");
-        case F.number: {
+        case k.number: {
           const n = r.operator;
           return e.t(`sheet.cf.preview.describe.${n}`, ...Array.isArray(r.value) ? r.value.map((i) => String(i)) : [String(r.value || "")]);
         }
-        case F.text: {
+        case k.text: {
           const n = r.operator;
           return e.t(`sheet.cf.preview.describe.${n}`, r.value || "");
         }
-        case F.timePeriod: {
+        case k.timePeriod: {
           const n = r.operator;
           return e.t(`sheet.cf.preview.describe.${n}`);
         }
-        case F.rank:
+        case k.rank:
           return r.isPercent ? r.isBottom ? e.t("sheet.cf.preview.describe.bottomNPercent", String(r.value)) : e.t("sheet.cf.preview.describe.topNPercent", String(r.value)) : r.isBottom ? e.t("sheet.cf.preview.describe.bottomN", String(r.value)) : e.t("sheet.cf.preview.describe.topN", String(r.value));
-        case F.formula:
+        case k.formula:
           return e.t("sheet.cf.ruleType.formula");
       }
   }
 };
-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(kn), 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, E] = N(0), [x, m] = 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 = () => {
@@ -2139,14 +2134,14 @@ 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(() => {
+  Kr(S), K(() => {
     const D = s.onCommandExecuted((B) => {
-      B.id === Wt.id && E(Math.random());
+      B.id === qt.id && E(Math.random());
     });
     return () => D.dispose();
   }), K(() => {
@@ -2155,12 +2150,12 @@ const Ni = (t) => {
     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 = [Er.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(() => {
+    }).pipe(tn(16)).subscribe(() => {
       L(w);
     });
     return () => {
@@ -2173,25 +2168,25 @@ const Ni = (t) => {
     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(() => {
+      const ee = a.getContainer();
+      if (ee) {
+        let ne = setTimeout(() => {
           Z.next();
         }, 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());
         };
-        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 () => {
@@ -2203,41 +2198,41 @@ const Ni = (t) => {
     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);
   }, H = (D, B, G) => {
-    var at;
+    var lt;
     m(-1);
-    const Z = n.getCurrentUnitOfType($.UNIVER_SHEET).getUnitId(), Q = (at = n.getCurrentUnitOfType($.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : at.getSheetId();
-    if (!Z || !Q)
+    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);
+    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(() => {
+  }, ge = 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]), Fe = ge.map((D, B) => ({ i: D.cfId, x: 0, w: 12, y: B, h: 1, isResizable: !1 })), ke = 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: [
-    /* @__PURE__ */ k("div", { className: "univer-flex univer-items-center univer-justify-between univer-gap-2 univer-text-sm", children: [
+  return /* @__PURE__ */ F("div", { children: [
+    /* @__PURE__ */ F("div", { className: "univer-flex univer-items-center univer-justify-between univer-gap-2 univer-text-sm", children: [
       /* @__PURE__ */ c("div", { className: "univer-flex univer-items-center univer-gap-2", children: u.tWithReactNode(
         "sheet.cf.panel.managerRuleSelect",
         /* @__PURE__ */ c(
@@ -2252,44 +2247,44 @@ 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__ */ F("div", { className: "univer-flex univer-justify-end", children: [
+        /* @__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 && ke ? /* @__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" })
+            children: /* @__PURE__ */ c(mt, { className: "univer-text-red-500" })
           }
-        ) }) : /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(vt, { className: "univer-text-gray-300" }) })
+        ) }) : /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(mt, { className: "univer-text-gray-300" }) })
       ] })
     ] }),
     /* @__PURE__ */ c("div", { ref: y, children: C > 0 && /* @__PURE__ */ c(
-      Gr,
+      zr,
       {
         className: `
                           [&_.react-grid-item]:univer-transition-none
                           [&_.react-grid-placeholder]:univer-rounded [&_.react-grid-placeholder]:!univer-bg-gray-200
                         `,
         draggableHandle: ".draggableHandle",
-        layout: ke,
+        layout: Fe,
         cols: 12,
         rowHeight: 60,
         width: C,
         margin: [0, 10],
         onDragStop: H,
         onDragStart: I,
-        children: ge == null ? void 0 : ge.map((D, B) => /* @__PURE__ */ c("div", { children: /* @__PURE__ */ k(
+        children: ge == null ? void 0 : ge.map((D, B) => /* @__PURE__ */ c("div", { children: /* @__PURE__ */ F(
           "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,33 +2302,33 @@ 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(
+              /* @__PURE__ */ F(
                 "div",
                 {
                   className: `
                                               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", 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
@@ -2345,7 +2340,7 @@ const Ni = (t) => {
                   onClick: (G) => {
                     G.stopPropagation(), g(D), p([]);
                   },
-                  children: /* @__PURE__ */ c(vt, {})
+                  children: /* @__PURE__ */ c(mt, {})
                 }
               )
             ]
@@ -2354,23 +2349,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 Fi = Object.getOwnPropertyDescriptor, ki = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Fi(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 +2375,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 = ki([
+  qe(0, z),
+  qe(1, O(ve)),
+  qe(2, O(zt)),
+  qe(3, O(kn)),
+  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 Ft = {
   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 });
@@ -2427,7 +2422,7 @@ const Vt = {
           ranges: s,
           rule: {
             type: U.highlightCell,
-            subType: F.rank
+            subType: k.rank
           }
         };
         r.openPanel(a);
@@ -2439,7 +2434,7 @@ const Vt = {
           ranges: s,
           rule: {
             type: U.highlightCell,
-            subType: F.formula,
+            subType: k.formula,
             value: "="
           }
         };
@@ -2492,23 +2487,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,10 +2512,10 @@ 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 });
         }
       })
@@ -2536,7 +2531,7 @@ let Qe = class extends ce {
         cfMap: s
       }
     };
-    const o = this._injector.invoke((l) => Er(n, l, e, r));
+    const o = this._injector.invoke((l) => wr(n, l, e, r));
     if (!o)
       return;
     const { rows: d, cols: a } = o, u = /* @__PURE__ */ new Set();
@@ -2555,19 +2550,19 @@ 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 = {};
+    const { ranges: [a, u], mapFunc: l } = Pn([r.copyRange, e]), h = Jr(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) => {
@@ -2589,7 +2584,7 @@ let Qe = class extends ce {
     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 C = S == null ? void 0 : S.cfMap[m], b = [...this._conditionalFormattingRuleModel.getSubunitRules(s, o) || [], ...p].find((y) => Wt.diffValue(y.rule, C));
       if (b)
         return _[m] = b, b;
       {
@@ -2628,7 +2623,7 @@ let Qe = class extends ce {
     });
     const E = [], x = [];
     for (const m in v) {
-      const C = v[m], b = ft(pt(C));
+      const C = v[m], b = pt(Ct(C));
       if (!b.length) {
         const y = {
           unitId: s,
@@ -2643,7 +2638,7 @@ let Qe = class extends ce {
           subUnitId: o,
           rule: { ...y, ranges: b }
         };
-        E.push({ id: se.id, params: M }), x.push(Rn(this._injector, M));
+        E.push({ id: se.id, params: M }), x.push(xn(this._injector, M));
       } else {
         const y = this._conditionalFormattingRuleModel.getRule(s, o, m);
         if (!y)
@@ -2662,53 +2657,53 @@ let Qe = class extends ce {
     };
   }
 };
-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: [Fn],
+          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 +2736,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 +2769,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 +2784,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(Fr.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(En)),
   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 +2831,27 @@ let bt = class extends bn {
       Wn,
       qn,
       Gn,
-      Vt
+      zn,
+      Ft
     ].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(wn),
+  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();
   }
@@ -2939,17 +2934,17 @@ let St = class extends ce {
       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 = [];
       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);
         if (!C)
           return;
-        const b = ft(pt(x));
+        const b = pt(Ct(x));
         if (b.length) {
           const y = {
             unitId: o,
@@ -2970,9 +2965,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 +2977,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 +2998,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 ([kr.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 +3008,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 +3021,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 +3061,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 +3077,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 +3107,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(En))
+], Tt);
+const mn = [
+  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 +3187,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);
+        mn.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);
+        mn.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 +3225,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: Ft.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: [Fn], worksheetTypes: [Mn, Nn], rangeTypes: [Vn] })
   };
-}, Ji = {
-  [jr.FORMULAS_INSERT]: {
-    [Vt.id]: {
+}, Qi = {
+  [Hr.FORMULAS_INSERT]: {
+    [Ft.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 {
+}, gn = (t, e) => (r, n) => e(r, n, t);
+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([
-  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--)
+Rt = ts([
+  gn(0, O(ve)),
+  gn(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 +3304,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);
@@ -3396,11 +3391,11 @@ let Rt = class extends ce {
         row: a.startRow,
         col: a.startColumn
       };
-      return rs(a, d).forEach((E) => {
+      return is(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) => {
         if (h) {
-          const m = this._conditionalFormattingRuleModel.getRule(s, o, x), C = ft(pt(E));
+          const m = this._conditionalFormattingRuleModel.getRule(s, o, x), C = pt(Ct(E));
           if (m)
             if (C.length) {
               const b = {
@@ -3424,19 +3419,19 @@ 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)
             return;
-          const C = ft(pt(E));
+          const C = pt(Ct(E));
           if (C.length) {
             const b = {
               unitId: u,
@@ -3458,17 +3453,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 +3477,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 Et = class extends ce {
   constructor(t, e, r) {
     super(), this._conditionalFormattingViewModel = t, this._univerInstanceService = e, this._renderManagerService = r, this._init();
   }
@@ -3504,10 +3499,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 +3512,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--)
+Et = os([
+  $t(0, O(it)),
+  $t(1, z),
+  $t(2, An)
+], Et);
+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 wt = 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]
+      [xt],
+      [Et]
     ]), kt(this._injector, [
-      [nt]
+      [rt]
     ]);
   }
   onReady() {
     kt(this._injector, [
-      [Tt],
-      [Je]
+      [Rt],
+      [Qe]
     ]);
   }
   onRendered() {
     kt(this._injector, [
-      [St],
       [It],
-      [Qe],
       [_t],
-      [De],
-      [Rt],
       [et],
+      [Tt],
+      [De],
+      [xt],
       [tt],
-      [xt]
+      [nt],
+      [Et]
     ]);
   }
   _initCommand() {
     [
-      An,
       Dn,
       $n,
       jn,
@@ -3585,32 +3579,33 @@ let Et = class extends bn {
       Wn,
       qn,
       Gn,
-      Vt
+      zn,
+      Ft
     ].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)
-], Et);
+er(wt, "pluginName", `${st}_UI_PLUGIN`);
+er(wt, "type", $.UNIVER_SHEET);
+wt = us([
+  yn(wn),
+  jt(1, O(ve)),
+  jt(2, O(te)),
+  jt(3, bn)
+], wt);
 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,
-  Et as UniverSheetsConditionalFormattingUIPlugin
+  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,
+  Ft as OpenConditionalFormattingOperator,
+  St as UniverSheetsConditionalFormattingMobileUIPlugin,
+  wt as UniverSheetsConditionalFormattingUIPlugin
 };