@univerjs/sheets-conditional-formatting-ui 0.2.4 → 0.2.5

package/lib/es/index.js

@@ -1,9 +1,8 @@
 var ra = Object.defineProperty;
 var oa = (e, t, n) => t in e ? ra(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Qt = (e, t, n) => oa(e, typeof t != "symbol" ? t + "" : t, n);
-import { CommandType as Re, ICommandService as ue, IUniverInstanceService as re, IUndoRedoService as qt, ObjectMatrix as Vt, Range as ut, sequenceExecute as yi, UniverInstanceType as G, Rectangle as At, ColorKit as bi, BooleanNumber as He, Disposable as rt, OnLifecycle as ot, LifecycleStages as it, LocaleService as $e, createInterceptorKey as Si, createInternalEditorID as yn, Tools as bn, InterceptorManager as ia, toDisposable as Ci, Plugin as _i, DependentOn as wi } from "@univerjs/core";
-import { Inject as q, Injector as Rt } from "@wendellhu/redi";
-import { ConditionalFormattingRuleModel as he, CFRuleType as L, CFSubRuleType as j, AddConditionalRuleMutation as De, CFNumberOperator as F, setConditionalRuleMutationUndoFactory as Bt, SetConditionalRuleMutation as nt, DeleteConditionalRuleMutationUndoFactory as It, DeleteConditionalRuleMutation as Ye, MoveConditionalRuleMutation as Ln, transformSupportSymmetryAnchor as sa, MoveConditionalRuleMutationUndoFactory as aa, getColorScaleFromValue as la, iconMap as bt, DEFAULT_BG_COLOR as ca, DEFAULT_FONT_COLOR as ua, AddConditionalRuleMutationUndoFactory as xi, CFValueType as A, createDefaultValueByValueType as cn, SHEET_CONDITIONAL_FORMATTING_PLUGIN as st, removeUndefinedAttr as da, createDefaultValue as Pr, CFTextOperator as X, CFTimePeriodOperator as Ge, iconGroup as fa, getOppositeOperator as Dr, compareWithNumber as ha, EMPTY_ICON_TYPE as pa, createDefaultRule as ft, DEFAULT_PADDING as ga, DEFAULT_WIDTH as ma, ConditionalFormattingService as Ri, ConditionalFormattingViewModel as Ar, isRangesEqual as va, UniverSheetsConditionalFormattingPlugin as Ii, getStringFromDataStream as ya } from "@univerjs/sheets-conditional-formatting";
+import { CommandType as Re, ICommandService as ue, IUniverInstanceService as re, IUndoRedoService as qt, ObjectMatrix as Vt, Range as ut, sequenceExecute as yi, UniverInstanceType as G, Rectangle as At, ColorKit as bi, BooleanNumber as He, Disposable as rt, OnLifecycle as ot, LifecycleStages as it, Inject as q, LocaleService as $e, useDependency as oe, createInterceptorKey as Si, createInternalEditorID as yn, Tools as bn, InterceptorManager as ia, Injector as Rt, toDisposable as Ci, Plugin as _i, DependentOn as wi } from "@univerjs/core";
+import { ConditionalFormattingRuleModel as he, CFRuleType as j, CFSubRuleType as N, AddConditionalRuleMutation as De, CFNumberOperator as F, setConditionalRuleMutationUndoFactory as Bt, SetConditionalRuleMutation as nt, DeleteConditionalRuleMutationUndoFactory as It, DeleteConditionalRuleMutation as Ye, MoveConditionalRuleMutation as Ln, transformSupportSymmetryAnchor as sa, MoveConditionalRuleMutationUndoFactory as aa, getColorScaleFromValue as la, iconMap as bt, DEFAULT_BG_COLOR as ca, DEFAULT_FONT_COLOR as ua, AddConditionalRuleMutationUndoFactory as xi, CFValueType as A, createDefaultValueByValueType as cn, SHEET_CONDITIONAL_FORMATTING_PLUGIN as st, removeUndefinedAttr as da, createDefaultValue as Pr, CFTextOperator as X, CFTimePeriodOperator as Ge, iconGroup as fa, getOppositeOperator as Dr, compareWithNumber as ha, EMPTY_ICON_TYPE as pa, createDefaultRule as ft, DEFAULT_PADDING as ga, DEFAULT_WIDTH as ma, ConditionalFormattingService as Ri, ConditionalFormattingViewModel as Ar, isRangesEqual as va, UniverSheetsConditionalFormattingPlugin as Ii, getStringFromDataStream as ya } from "@univerjs/sheets-conditional-formatting";
 import { getSheetCommandTarget as Te, SheetsSelectionsService as Gt, findAllRectangle as kr, createTopMatrixFromMatrix as qr, SetWorksheetActiveOperation as Br, WorkbookEditablePermission as Ti, WorksheetSetCellStylePermission as Oi, WorksheetEditPermission as Ei, RangeProtectionPermissionEditPoint as Pi, SetSelectionsOperation as ba, RemoveSheetMutation as Sa, setEndForRange as Ca, INTERCEPTOR_POINT as _a, SheetInterceptorService as Di, RefRangeService as wa, handleDefaultRangeChangeWithEffectRefCommands as xa, ClearSelectionFormatCommand as Ra, ClearSelectionAllCommand as Ia, RangeMergeUtil as Ta } from "@univerjs/sheets";
 import { MenuItemType as Oa, MenuGroup as Ea, MenuPosition as Pa, getMenuHiddenObservable as Da, useObservable as $a, ComponentManager as Gr, TextEditor as Bn, ILayoutService as Ma, useScrollYOverContainer as Na, RangeSelector as ja, IMenuService as La, ISidebarService as za } from "@univerjs/ui";
 import { Observable as mt, merge as Mo, debounceTime as No } from "rxjs";
@@ -11,7 +10,6 @@ import { debounceTime as jo, bufferTime as pr, filter as gr } from "rxjs/operato
 import { getCurrentRangeDisable$ as Ha, useHighlightRange as Va, SheetSkeletonManagerService as Fa, COPY_TYPE as Lo, rangeToDiscreteRange as Wa, PREDEFINED_HOOK_NAME as mr, virtualizeDiscreteRanges as $i, getRepeatRange as Ua, ISheetClipboardService as Aa, SheetPermissionInterceptorBaseController as ka, IAutoFillService as qa, APPLY_TYPE as vr, getAutoFillRepeatRange as Ba, IEditorBridgeService as Ga } from "@univerjs/sheets-ui";
 import Fe, { forwardRef as Tt, useRef as pn, createElement as Xt, useMemo as be, useState as M, useEffect as ve } from "react";
 import { Select as Ve, Tooltip as zo, Dropdown as Xr, ColorPicker as Xa, InputNumber as St, RadioGroup as Ya, Radio as Ho, Checkbox as zn, Input as Ka, Button as Vo } from "@univerjs/design";
-import { useDependency as oe } from "@wendellhu/redi/react-bindings";
 import { serializeRange as Mi } from "@univerjs/engine-formula";
 import ct from "clsx";
 import Ni from "react-dom";
@@ -29,8 +27,8 @@ const ji = {
       cfId: f,
       stopIfTrue: !!o,
       rule: {
-        type: L.highlightCell,
-        subType: j.average,
+        type: j.highlightCell,
+        subType: N.average,
         operator: i,
         style: r
       }
@@ -50,7 +48,7 @@ const ji = {
       cfId: h,
       stopIfTrue: !!o,
       rule: {
-        type: L.colorScale,
+        type: j.colorScale,
         config: r
       }
     };
@@ -64,12 +62,12 @@ const ji = {
       return !1;
     const { ranges: n, min: r, max: o, nativeColor: i, positiveColor: s, isGradient: l, stopIfTrue: a, isShowValue: c } = t, u = e.get(he), h = e.get(re), f = Te(h);
     if (!f) return !1;
-    const { unitId: g, subUnitId: m } = f, S = e.get(ue), I = u.createCfId(g, m), v = {
+    const { unitId: g, subUnitId: m } = f, S = e.get(ue), I = u.createCfId(g, m), y = {
       ranges: n,
       cfId: I,
       stopIfTrue: !!a,
       rule: {
-        type: L.dataBar,
+        type: j.dataBar,
         isShowValue: c,
         config: {
           min: r,
@@ -80,7 +78,7 @@ const ji = {
         }
       }
     };
-    return S.executeCommand(De.id, { unitId: g, subUnitId: m, rule: v });
+    return S.executeCommand(De.id, { unitId: g, subUnitId: m, rule: y });
   }
 }, Hi = {
   type: Re.COMMAND,
@@ -95,8 +93,8 @@ const ji = {
       cfId: h,
       stopIfTrue: !!o,
       rule: {
-        type: L.highlightCell,
-        subType: j.duplicateValues,
+        type: j.highlightCell,
+        subType: N.duplicateValues,
         style: r
       }
     };
@@ -121,8 +119,8 @@ const ji = {
         cfId: g,
         stopIfTrue: !!o,
         rule: {
-          type: L.highlightCell,
-          subType: j.number,
+          type: j.highlightCell,
+          subType: N.number,
           operator: i,
           style: r,
           value: S
@@ -137,8 +135,8 @@ const ji = {
         cfId: g,
         stopIfTrue: !!o,
         rule: {
-          type: L.highlightCell,
-          subType: j.number,
+          type: j.highlightCell,
+          subType: N.number,
           operator: i,
           style: r,
           value: S
@@ -160,8 +158,8 @@ const ji = {
       cfId: m,
       stopIfTrue: !!o,
       rule: {
-        type: L.highlightCell,
-        subType: j.rank,
+        type: j.highlightCell,
+        subType: N.rank,
         isPercent: i,
         isBottom: s,
         style: r,
@@ -183,8 +181,8 @@ const ji = {
       cfId: g,
       stopIfTrue: !!o,
       rule: {
-        type: L.highlightCell,
-        subType: j.text,
+        type: j.highlightCell,
+        subType: N.text,
         operator: i,
         style: r,
         value: s
@@ -205,8 +203,8 @@ const ji = {
       cfId: f,
       stopIfTrue: !!o,
       rule: {
-        type: L.highlightCell,
-        subType: j.timePeriod,
+        type: j.highlightCell,
+        subType: N.timePeriod,
         operator: i,
         style: r
       }
@@ -226,8 +224,8 @@ const ji = {
       cfId: h,
       stopIfTrue: !!o,
       rule: {
-        type: L.highlightCell,
-        subType: j.uniqueValues,
+        type: j.highlightCell,
+        subType: N.uniqueValues,
         style: r
       }
     };
@@ -247,23 +245,23 @@ const ji = {
       return !1;
     const f = [], g = [];
     h.forEach((I) => {
-      const v = new Vt();
+      const y = new Vt();
       I.ranges.forEach((C) => {
-        ut.foreach(C, (w, p) => {
-          v.setValue(w, p, 1);
+        ut.foreach(C, (x, p) => {
+          y.setValue(x, p, 1);
         });
       }), u.forEach((C) => {
-        ut.foreach(C, (w, p) => {
-          v.realDeleteValue(w, p);
+        ut.foreach(C, (x, p) => {
+          y.realDeleteValue(x, p);
         });
       });
-      const _ = kr(qr(v));
-      if (_.length) {
-        const C = { ...I, ranges: _ }, w = { unitId: a, subUnitId: c, rule: C }, p = Bt(e, w);
-        f.push({ id: nt.id, params: w }), g.push(...p);
+      const w = kr(qr(y));
+      if (w.length) {
+        const C = { ...I, ranges: w }, x = { unitId: a, subUnitId: c, rule: C }, p = Bt(e, x);
+        f.push({ id: nt.id, params: x }), g.push(...p);
       } else {
-        const C = { unitId: a, subUnitId: c, cfId: I.cfId }, w = It(e, C);
-        f.push({ id: Ye.id, params: C }), g.push(...w);
+        const C = { unitId: a, subUnitId: c, cfId: I.cfId }, x = It(e, C);
+        f.push({ id: Ye.id, params: C }), g.push(...x);
       }
     });
     const m = yi(f, o).result;
@@ -350,7 +348,7 @@ const Fo = [Br.id, De.id, nt.id, Ye.id, Ln.id], Ja = (e) => {
     if (!h) return;
     const f = h.getActiveSheet();
     if (!f) return;
-    const m = (i.getSubunitRules(h.getUnitId(), f.getSheetId()) || []).filter((I) => I.ranges.some((v) => u.some((_) => At.intersects(_, v))));
+    const m = (i.getSubunitRules(h.getUnitId(), f.getSheetId()) || []).filter((I) => I.ranges.some((y) => u.some((w) => At.intersects(w, y))));
     c.next(!!m.length);
   })), l = new mt(
     (c) => Mo(
@@ -372,11 +370,11 @@ const Fo = [Br.id, De.id, nt.id, Ye.id, Ln.id], Ja = (e) => {
       if (!f.length)
         return c.next(!1), !1;
       const g = f.some((m) => m.ranges.some((I) => {
-        var p, x;
-        const { startRow: v, startColumn: _, endRow: C, endColumn: w } = I;
-        for (let R = v; R <= C; R++)
-          for (let y = _; y <= w; y++) {
-            const E = (x = (p = h.getCell(R, y)) == null ? void 0 : p.selectionProtection) == null ? void 0 : x[0];
+        var p, R;
+        const { startRow: y, startColumn: w, endRow: C, endColumn: x } = I;
+        for (let _ = y; _ <= C; _++)
+          for (let b = w; b <= x; b++) {
+            const E = (R = (p = h.getCell(_, b)) == null ? void 0 : p.selectionProtection) == null ? void 0 : R[0];
             if ((E == null ? void 0 : E[gn.Edit]) === !1 || (E == null ? void 0 : E[gn.View]) === !1)
               return !0;
           }
@@ -592,7 +590,7 @@ var Yi = { exports: {} }, Cn = {}, $r = { exports: {} };
     function a(P, z) {
       return P === z || P !== P && z !== z;
     }
-    var c = "[object Arguments]", u = "[object Boolean]", h = "[object Date]", f = "[object RegExp]", g = "[object Map]", m = "[object Number]", S = "[object Object]", I = "[object Set]", v = "[object String]", _ = Object.prototype.toString;
+    var c = "[object Arguments]", u = "[object Boolean]", h = "[object Date]", f = "[object RegExp]", g = "[object Map]", m = "[object Number]", S = "[object Object]", I = "[object Set]", y = "[object String]", w = Object.prototype.toString;
     function C(P) {
       var z = P.areArraysEqual, K = P.areDatesEqual, Z = P.areMapsEqual, Y = P.areObjectsEqual, se = P.areRegExpsEqual, ce = P.areSetsEqual, _e = P.createIsNestedEqual, te = _e(ke);
       function ke(ae, fe, qe) {
@@ -605,12 +603,12 @@ var Yi = { exports: {} }, Cn = {}, $r = { exports: {} };
         var Do = Array.isArray(ae), $o = Array.isArray(fe);
         if (Do || $o)
           return Do === $o && z(ae, fe, te, qe);
-        var Be = _.call(ae);
-        return Be !== _.call(fe) ? !1 : Be === h ? K(ae, fe, te, qe) : Be === f ? se(ae, fe, te, qe) : Be === g ? Z(ae, fe, te, qe) : Be === I ? ce(ae, fe, te, qe) : Be === S || Be === c ? l(ae) || l(fe) ? !1 : Y(ae, fe, te, qe) : Be === u || Be === m || Be === v ? a(ae.valueOf(), fe.valueOf()) : !1;
+        var Be = w.call(ae);
+        return Be !== w.call(fe) ? !1 : Be === h ? K(ae, fe, te, qe) : Be === f ? se(ae, fe, te, qe) : Be === g ? Z(ae, fe, te, qe) : Be === I ? ce(ae, fe, te, qe) : Be === S || Be === c ? l(ae) || l(fe) ? !1 : Y(ae, fe, te, qe) : Be === u || Be === m || Be === y ? a(ae.valueOf(), fe.valueOf()) : !1;
       }
       return ke;
     }
-    function w(P, z, K, Z) {
+    function x(P, z, K, Z) {
       var Y = P.length;
       if (z.length !== Y)
         return !1;
@@ -619,11 +617,11 @@ var Yi = { exports: {} }, Cn = {}, $r = { exports: {} };
           return !1;
       return !0;
     }
-    var p = o(w);
-    function x(P, z) {
+    var p = o(x);
+    function R(P, z) {
       return a(P.valueOf(), z.valueOf());
     }
-    function R(P, z, K, Z) {
+    function _(P, z, K, Z) {
       var Y = P.size === z.size;
       if (!Y)
         return !1;
@@ -639,8 +637,8 @@ var Yi = { exports: {} }, Cn = {}, $r = { exports: {} };
         }
       }), Y;
     }
-    var y = o(R), E = "_owner", $ = Object.prototype.hasOwnProperty;
-    function N(P, z, K, Z) {
+    var b = o(_), E = "_owner", D = Object.prototype.hasOwnProperty;
+    function L(P, z, K, Z) {
       var Y = Object.keys(P), se = Y.length;
       if (Object.keys(z).length !== se)
         return !1;
@@ -650,13 +648,13 @@ var Yi = { exports: {} }, Cn = {}, $r = { exports: {} };
           if ((_e || te) && _e !== te)
             return !1;
         }
-        if (!$.call(z, ce) || !K(P[ce], z[ce], ce, ce, P, z, Z))
+        if (!D.call(z, ce) || !K(P[ce], z[ce], ce, ce, P, z, Z))
           return !1;
       }
       return !0;
     }
-    var W = o(N);
-    function b(P, z) {
+    var W = o(L);
+    function v(P, z) {
       return P.source === z.source && P.flags === z.flags;
     }
     function T(P, z, K, Z) {
@@ -676,19 +674,19 @@ var Yi = { exports: {} }, Cn = {}, $r = { exports: {} };
       }), Y;
     }
     var ee = o(T), Oe = Object.freeze({
-      areArraysEqual: w,
-      areDatesEqual: x,
-      areMapsEqual: R,
-      areObjectsEqual: N,
-      areRegExpsEqual: b,
+      areArraysEqual: x,
+      areDatesEqual: R,
+      areMapsEqual: _,
+      areObjectsEqual: L,
+      areRegExpsEqual: v,
       areSetsEqual: T,
       createIsNestedEqual: r
     }), Se = Object.freeze({
       areArraysEqual: p,
-      areDatesEqual: x,
-      areMapsEqual: y,
+      areDatesEqual: R,
+      areMapsEqual: b,
       areObjectsEqual: W,
-      areRegExpsEqual: b,
+      areRegExpsEqual: v,
       areSetsEqual: ee,
       createIsNestedEqual: r
     }), Ce = C(Oe);
@@ -894,8 +892,8 @@ function an(e, t, n, r, o, i, s, l, a) {
   if (m && i)
     return `${t.i}`, t.x = c, t.y = u, t.moved = !1, e;
   for (let S = 0, I = g.length; S < I; S++) {
-    const v = g[S];
-    `${t.i}${t.x}${t.y}${v.i}${v.x}${v.y}`, !v.moved && (v.static ? e = Nr(e, v, t, o, s) : e = Nr(e, t, v, o, s));
+    const y = g[S];
+    `${t.i}${t.x}${t.y}${y.i}${y.x}${y.y}`, !y.moved && (y.static ? e = Nr(e, y, t, o, s) : e = Nr(e, t, y, o, s));
   }
   return e;
 }
@@ -1828,71 +1826,71 @@ Ie(nr, "defaultProps", {
     }
   }), e.default = void 0;
   var t = f(Fe), n = u(dt), r = u(Ni), o = u(ct), i = de, s = Je, l = Ze, a = u(er), c = u(tr);
-  function u(_) {
-    return _ && _.__esModule ? _ : { default: _ };
+  function u(w) {
+    return w && w.__esModule ? w : { default: w };
   }
-  function h(_) {
+  function h(w) {
     if (typeof WeakMap != "function") return null;
-    var C = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new WeakMap();
+    var C = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap();
     return (h = function(p) {
-      return p ? w : C;
-    })(_);
-  }
-  function f(_, C) {
-    if (_ && _.__esModule)
-      return _;
-    if (_ === null || typeof _ != "object" && typeof _ != "function")
-      return { default: _ };
-    var w = h(C);
-    if (w && w.has(_))
-      return w.get(_);
-    var p = {}, x = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for (var R in _)
-      if (R !== "default" && Object.prototype.hasOwnProperty.call(_, R)) {
-        var y = x ? Object.getOwnPropertyDescriptor(_, R) : null;
-        y && (y.get || y.set) ? Object.defineProperty(p, R, y) : p[R] = _[R];
+      return p ? x : C;
+    })(w);
+  }
+  function f(w, C) {
+    if (w && w.__esModule)
+      return w;
+    if (w === null || typeof w != "object" && typeof w != "function")
+      return { default: w };
+    var x = h(C);
+    if (x && x.has(w))
+      return x.get(w);
+    var p = {}, R = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for (var _ in w)
+      if (_ !== "default" && Object.prototype.hasOwnProperty.call(w, _)) {
+        var b = R ? Object.getOwnPropertyDescriptor(w, _) : null;
+        b && (b.get || b.set) ? Object.defineProperty(p, _, b) : p[_] = w[_];
       }
-    return p.default = _, w && w.set(_, p), p;
+    return p.default = w, x && x.set(w, p), p;
   }
   function g() {
-    return g = Object.assign ? Object.assign.bind() : function(_) {
+    return g = Object.assign ? Object.assign.bind() : function(w) {
       for (var C = 1; C < arguments.length; C++) {
-        var w = arguments[C];
-        for (var p in w)
-          Object.prototype.hasOwnProperty.call(w, p) && (_[p] = w[p]);
+        var x = arguments[C];
+        for (var p in x)
+          Object.prototype.hasOwnProperty.call(x, p) && (w[p] = x[p]);
       }
-      return _;
+      return w;
     }, g.apply(this, arguments);
   }
-  function m(_, C, w) {
-    return C = S(C), C in _ ? Object.defineProperty(_, C, { value: w, enumerable: !0, configurable: !0, writable: !0 }) : _[C] = w, _;
+  function m(w, C, x) {
+    return C = S(C), C in w ? Object.defineProperty(w, C, { value: x, enumerable: !0, configurable: !0, writable: !0 }) : w[C] = x, w;
   }
-  function S(_) {
-    var C = I(_, "string");
+  function S(w) {
+    var C = I(w, "string");
     return typeof C == "symbol" ? C : String(C);
   }
-  function I(_, C) {
-    if (typeof _ != "object" || _ === null) return _;
-    var w = _[Symbol.toPrimitive];
-    if (w !== void 0) {
-      var p = w.call(_, C || "default");
+  function I(w, C) {
+    if (typeof w != "object" || w === null) return w;
+    var x = w[Symbol.toPrimitive];
+    if (x !== void 0) {
+      var p = x.call(w, C || "default");
       if (typeof p != "object") return p;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (C === "string" ? String : Number)(_);
+    return (C === "string" ? String : Number)(w);
   }
-  class v extends t.Component {
+  class y extends t.Component {
     // React 16.3+
     // Arity (props, state)
-    static getDerivedStateFromProps(C, w) {
+    static getDerivedStateFromProps(C, x) {
       let {
         position: p
       } = C, {
-        prevPropsPosition: x
-      } = w;
-      return p && (!x || p.x !== x.x || p.y !== x.y) ? ((0, c.default)("Draggable: getDerivedStateFromProps %j", {
+        prevPropsPosition: R
+      } = x;
+      return p && (!R || p.x !== R.x || p.y !== R.y) ? ((0, c.default)("Draggable: getDerivedStateFromProps %j", {
         position: p,
-        prevPropsPosition: x
+        prevPropsPosition: R
       }), {
         x: p.x,
         y: p.y,
@@ -1902,36 +1900,36 @@ Ie(nr, "defaultProps", {
       }) : null;
     }
     constructor(C) {
-      super(C), m(this, "onDragStart", (w, p) => {
-        if ((0, c.default)("Draggable: onDragStart: %j", p), this.props.onStart(w, (0, s.createDraggableData)(this, p)) === !1) return !1;
+      super(C), m(this, "onDragStart", (x, p) => {
+        if ((0, c.default)("Draggable: onDragStart: %j", p), this.props.onStart(x, (0, s.createDraggableData)(this, p)) === !1) return !1;
         this.setState({
           dragging: !0,
           dragged: !0
         });
-      }), m(this, "onDrag", (w, p) => {
+      }), m(this, "onDrag", (x, p) => {
         if (!this.state.dragging) return !1;
         (0, c.default)("Draggable: onDrag: %j", p);
-        const x = (0, s.createDraggableData)(this, p), R = {
-          x: x.x,
-          y: x.y,
+        const R = (0, s.createDraggableData)(this, p), _ = {
+          x: R.x,
+          y: R.y,
           slackX: 0,
           slackY: 0
         };
         if (this.props.bounds) {
           const {
             x: E,
-            y: $
-          } = R;
-          R.x += this.state.slackX, R.y += this.state.slackY;
-          const [N, W] = (0, s.getBoundPosition)(this, R.x, R.y);
-          R.x = N, R.y = W, R.slackX = this.state.slackX + (E - R.x), R.slackY = this.state.slackY + ($ - R.y), x.x = R.x, x.y = R.y, x.deltaX = R.x - this.state.x, x.deltaY = R.y - this.state.y;
+            y: D
+          } = _;
+          _.x += this.state.slackX, _.y += this.state.slackY;
+          const [L, W] = (0, s.getBoundPosition)(this, _.x, _.y);
+          _.x = L, _.y = W, _.slackX = this.state.slackX + (E - _.x), _.slackY = this.state.slackY + (D - _.y), R.x = _.x, R.y = _.y, R.deltaX = _.x - this.state.x, R.deltaY = _.y - this.state.y;
         }
-        if (this.props.onDrag(w, x) === !1) return !1;
-        this.setState(R);
-      }), m(this, "onDragStop", (w, p) => {
-        if (!this.state.dragging || this.props.onStop(w, (0, s.createDraggableData)(this, p)) === !1) return !1;
+        if (this.props.onDrag(x, R) === !1) return !1;
+        this.setState(_);
+      }), m(this, "onDragStop", (x, p) => {
+        if (!this.state.dragging || this.props.onStop(x, (0, s.createDraggableData)(this, p)) === !1) return !1;
         (0, c.default)("Draggable: onDragStop: %j", p);
-        const R = {
+        const _ = {
           dragging: !1,
           slackX: 0,
           slackY: 0
@@ -1939,11 +1937,11 @@ Ie(nr, "defaultProps", {
         if (!!this.props.position) {
           const {
             x: E,
-            y: $
+            y: D
           } = this.props.position;
-          R.x = E, R.y = $;
+          _.x = E, _.y = D;
         }
-        this.setState(R);
+        this.setState(_);
       }), this.state = {
         // Whether or not we are currently dragging.
         dragging: !1,
@@ -1975,36 +1973,36 @@ Ie(nr, "defaultProps", {
     // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
     // the underlying DOM node ourselves. See the README for more information.
     findDOMNode() {
-      var C, w;
-      return (C = (w = this.props) === null || w === void 0 || (w = w.nodeRef) === null || w === void 0 ? void 0 : w.current) !== null && C !== void 0 ? C : r.default.findDOMNode(this);
+      var C, x;
+      return (C = (x = this.props) === null || x === void 0 || (x = x.nodeRef) === null || x === void 0 ? void 0 : x.current) !== null && C !== void 0 ? C : r.default.findDOMNode(this);
     }
     render() {
       const {
         axis: C,
-        bounds: w,
+        bounds: x,
         children: p,
-        defaultPosition: x,
-        defaultClassName: R,
-        defaultClassNameDragging: y,
+        defaultPosition: R,
+        defaultClassName: _,
+        defaultClassNameDragging: b,
         defaultClassNameDragged: E,
-        position: $,
-        positionOffset: N,
+        position: D,
+        positionOffset: L,
         scale: W,
-        ...b
+        ...v
       } = this.props;
       let T = {}, ee = null;
-      const Se = !!!$ || this.state.dragging, Ce = $ || x, We = {
+      const Se = !!!D || this.state.dragging, Ce = D || R, We = {
         // Set left if horizontal drag is enabled
         x: (0, s.canDragX)(this) && Se ? this.state.x : Ce.x,
         // Set top if vertical drag is enabled
         y: (0, s.canDragY)(this) && Se ? this.state.y : Ce.y
       };
-      this.state.isElementSVG ? ee = (0, i.createSVGTransform)(We, N) : T = (0, i.createCSSTransform)(We, N);
-      const H = (0, o.default)(p.props.className || "", R, {
-        [y]: this.state.dragging,
+      this.state.isElementSVG ? ee = (0, i.createSVGTransform)(We, L) : T = (0, i.createCSSTransform)(We, L);
+      const H = (0, o.default)(p.props.className || "", _, {
+        [b]: this.state.dragging,
         [E]: this.state.dragged
       });
-      return /* @__PURE__ */ t.createElement(a.default, g({}, b, {
+      return /* @__PURE__ */ t.createElement(a.default, g({}, v, {
         onStart: this.onDragStart,
         onDrag: this.onDrag,
         onStop: this.onDragStop
@@ -2018,7 +2016,7 @@ Ie(nr, "defaultProps", {
       }));
     }
   }
-  e.default = v, m(v, "displayName", "Draggable"), m(v, "propTypes", {
+  e.default = y, m(y, "displayName", "Draggable"), m(y, "propTypes", {
     // Accepts all props <DraggableCore> accepts.
     ...a.default.propTypes,
     /**
@@ -2125,7 +2123,7 @@ Ie(nr, "defaultProps", {
     className: l.dontSetMe,
     style: l.dontSetMe,
     transform: l.dontSetMe
-  }), m(v, "defaultProps", {
+  }), m(y, "defaultProps", {
     ...a.default.defaultProps,
     axis: "both",
     bounds: !1,
@@ -2415,8 +2413,8 @@ var fo = /* @__PURE__ */ function(e) {
       var u = this.props.width / this.props.height, h = o - this.props.width, f = i - this.props.height;
       Math.abs(h) > Math.abs(f * u) ? i = o / u : o = i * u;
     }
-    var g = o, m = i, S = this.slack || [0, 0], I = S[0], v = S[1];
-    return o += I, i += v, l && (o = Math.max(l[0], o), i = Math.max(l[1], i)), a && (o = Math.min(a[0], o), i = Math.min(a[1], i)), this.slack = [I + (g - o), v + (m - i)], [o, i];
+    var g = o, m = i, S = this.slack || [0, 0], I = S[0], y = S[1];
+    return o += I, i += y, l && (o = Math.max(l[0], o), i = Math.max(l[1], i)), a && (o = Math.min(a[0], o), i = Math.min(a[1], i)), this.slack = [I + (g - o), y + (m - i)], [o, i];
   }, n.resizeHandler = function(o, i) {
     var s = this;
     return function(l, a) {
@@ -2427,23 +2425,23 @@ var fo = /* @__PURE__ */ function(e) {
         var m = i[0], S = i[i.length - 1], I = c.getBoundingClientRect();
         if (s.lastHandleRect != null) {
           if (S === "w") {
-            var v = I.left - s.lastHandleRect.left;
-            u += v;
+            var y = I.left - s.lastHandleRect.left;
+            u += y;
           }
           if (m === "n") {
-            var _ = I.top - s.lastHandleRect.top;
-            h += _;
+            var w = I.top - s.lastHandleRect.top;
+            h += w;
           }
         }
         s.lastHandleRect = I, S === "w" && (u = -u), m === "n" && (h = -h);
-        var C = s.props.width + (f ? u / s.props.transformScale : 0), w = s.props.height + (g ? h / s.props.transformScale : 0), p = s.runConstraints(C, w);
-        C = p[0], w = p[1];
-        var x = C !== s.props.width || w !== s.props.height, R = typeof s.props[o] == "function" ? s.props[o] : null, y = o === "onResize" && !x;
-        R && !y && (l.persist == null || l.persist(), R(l, {
+        var C = s.props.width + (f ? u / s.props.transformScale : 0), x = s.props.height + (g ? h / s.props.transformScale : 0), p = s.runConstraints(C, x);
+        C = p[0], x = p[1];
+        var R = C !== s.props.width || x !== s.props.height, _ = typeof s.props[o] == "function" ? s.props[o] : null, b = o === "onResize" && !R;
+        _ && !b && (l.persist == null || l.persist(), _(l, {
           node: c,
           size: {
             width: C,
-            height: w
+            height: x
           },
           handle: i
         })), o === "onResizeStop" && s.resetData();
@@ -2620,7 +2618,7 @@ var ws = /* @__PURE__ */ function(e) {
     o.onResize;
     var l = o.onResizeStart, a = o.onResizeStop, c = o.draggableOpts, u = o.minConstraints, h = o.maxConstraints, f = o.lockAspectRatio, g = o.axis;
     o.width, o.height;
-    var m = o.resizeHandles, S = o.style, I = o.transformScale, v = fu(o, au);
+    var m = o.resizeHandles, S = o.style, I = o.transformScale, y = fu(o, au);
     return /* @__PURE__ */ _r.createElement(iu.default, {
       axis: g,
       draggableOpts: c,
@@ -2636,7 +2634,7 @@ var ws = /* @__PURE__ */ function(e) {
       resizeHandles: m,
       transformScale: I,
       width: this.state.width
-    }, /* @__PURE__ */ _r.createElement("div", Hr({}, v, {
+    }, /* @__PURE__ */ _r.createElement("div", Hr({}, y, {
       style: Hn(Hn({}, S), {}, {
         width: this.state.width + "px",
         height: this.state.height + "px"
@@ -2855,13 +2853,13 @@ class po extends $t.default.Component {
         } = r;
         if (C) {
           const {
-            margin: w,
+            margin: x,
             rowHeight: p,
-            containerPadding: x
-          } = this.props, R = C.clientHeight - (0, ye.calcGridItemWHPx)(f, p, w[1]);
-          l = (0, ye.clamp)(l - x[1], 0, R);
-          const y = (0, ye.calcGridColWidth)(m), E = g - (0, ye.calcGridItemWHPx)(h, y, w[0]);
-          a = (0, ye.clamp)(a - x[0], 0, E);
+            containerPadding: R
+          } = this.props, _ = C.clientHeight - (0, ye.calcGridItemWHPx)(f, p, x[1]);
+          l = (0, ye.clamp)(l - R[1], 0, _);
+          const b = (0, ye.calcGridColWidth)(m), E = g - (0, ye.calcGridItemWHPx)(h, b, x[0]);
+          a = (0, ye.clamp)(a - R[0], 0, E);
         }
       }
       const S = {
@@ -2874,10 +2872,10 @@ class po extends $t.default.Component {
       const {
         containerPadding: I
       } = this.props, {
-        x: v,
-        y: _
+        x: y,
+        y: w
       } = (0, ye.calcXY)(m, l - I[1], a - I[0], h, f);
-      return s.call(this, u, v, _, {
+      return s.call(this, u, y, w, {
         e: t,
         node: r,
         newPosition: S
@@ -3032,7 +3030,7 @@ class po extends $t.default.Component {
       transformScale: c,
       resizeHandles: u,
       resizeHandle: h
-    } = this.props, f = this.getPositionParams(), g = (0, ye.calcGridItemPosition)(f, 0, 0, o, 0).width, m = (0, ye.calcGridItemPosition)(f, 0, 0, i, s), S = (0, ye.calcGridItemPosition)(f, 0, 0, l, a), I = [m.width, m.height], v = [Math.min(S.width, g), Math.min(S.height, 1 / 0)];
+    } = this.props, f = this.getPositionParams(), g = (0, ye.calcGridItemPosition)(f, 0, 0, o, 0).width, m = (0, ye.calcGridItemPosition)(f, 0, 0, i, s), S = (0, ye.calcGridItemPosition)(f, 0, 0, l, a), I = [m.width, m.height], y = [Math.min(S.width, g), Math.min(S.height, 1 / 0)];
     return /* @__PURE__ */ $t.default.createElement(
       bu.Resizable,
       {
@@ -3043,7 +3041,7 @@ class po extends $t.default.Component {
         width: n.width,
         height: n.height,
         minConstraints: I,
-        maxConstraints: v,
+        maxConstraints: y,
         onResizeStop: this.curryResizeHandler(n, this.onResizeStop),
         onResizeStart: this.curryResizeHandler(n, this.onResizeStart),
         onResize: this.curryResizeHandler(n, this.onResize),
@@ -3076,18 +3074,18 @@ class po extends $t.default.Component {
       minW: S,
       maxW: I
     } = this.props;
-    let v = s;
-    i && (v = (0, Mt.resizeItemInDirection)(l, r, s, m), this.setState({
-      resizing: o === "onResizeStop" ? null : v
+    let y = s;
+    i && (y = (0, Mt.resizeItemInDirection)(l, r, s, m), this.setState({
+      resizing: o === "onResizeStop" ? null : y
     }));
     let {
-      w: _,
+      w,
       h: C
-    } = (0, ye.calcWH)(this.getPositionParams(), v.width, v.height, c, u, l);
-    _ = (0, ye.clamp)(_, Math.max(S, 1), I), C = (0, ye.clamp)(C, g, f), a.call(this, h, _, C, {
+    } = (0, ye.calcWH)(this.getPositionParams(), y.width, y.height, c, u, l);
+    w = (0, ye.clamp)(w, Math.max(S, 1), I), C = (0, ye.clamp)(C, g, f), a.call(this, h, w, C, {
       e: t,
       node: i,
-      size: v,
+      size: y,
       handle: l
     });
   }
@@ -3381,20 +3379,20 @@ class ir extends ht.Component {
         preventCollision: f,
         allowOverlap: g
       } = this.props;
-      let m = !1, S, I, v;
-      const [_, C] = (0, V.withLayoutItem)(u, t, (p) => {
-        let x;
-        return I = p.x, v = p.y, ["sw", "w", "nw", "n", "ne"].indexOf(a) !== -1 && (["sw", "nw", "w"].indexOf(a) !== -1 && (I = p.x + (p.w - n), n = p.x !== I && I < 0 ? p.w : n, I = I < 0 ? 0 : I), ["ne", "n", "nw"].indexOf(a) !== -1 && (v = p.y + (p.h - r), r = p.y !== v && v < 0 ? p.h : r, v = v < 0 ? 0 : v), m = !0), f && !g && (x = (0, V.getAllCollisions)(u, {
+      let m = !1, S, I, y;
+      const [w, C] = (0, V.withLayoutItem)(u, t, (p) => {
+        let R;
+        return I = p.x, y = p.y, ["sw", "w", "nw", "n", "ne"].indexOf(a) !== -1 && (["sw", "nw", "w"].indexOf(a) !== -1 && (I = p.x + (p.w - n), n = p.x !== I && I < 0 ? p.w : n, I = I < 0 ? 0 : I), ["ne", "n", "nw"].indexOf(a) !== -1 && (y = p.y + (p.h - r), r = p.y !== y && y < 0 ? p.h : r, y = y < 0 ? 0 : y), m = !0), f && !g && (R = (0, V.getAllCollisions)(u, {
           ...p,
           w: n,
           h: r,
           x: I,
-          y: v
-        }).filter((y) => y.i !== p.i).length > 0, x && (v = p.y, r = p.h, I = p.x, n = p.w, m = !1)), p.w = n, p.h = r, p;
+          y
+        }).filter((b) => b.i !== p.i).length > 0, R && (y = p.y, r = p.h, I = p.x, n = p.w, m = !1)), p.w = n, p.h = r, p;
       });
       if (!C) return;
-      S = _, m && (S = (0, V.moveElement)(_, C, I, v, !0, this.props.preventCollision, (0, V.compactType)(this.props), h, g));
-      const w = {
+      S = w, m && (S = (0, V.moveElement)(w, C, I, y, !0, this.props.preventCollision, (0, V.compactType)(this.props), h, g));
+      const x = {
         w: C.w,
         h: C.h,
         x: C.x,
@@ -3402,9 +3400,9 @@ class ir extends ht.Component {
         static: !0,
         i: t
       };
-      this.props.onResize(S, c, C, w, i, s), this.setState({
+      this.props.onResize(S, c, C, x, i, s), this.setState({
         layout: g ? S : (0, V.compact)(S, (0, V.compactType)(this.props), h),
-        activeDrag: w
+        activeDrag: x
       });
     }), xe(this, "onResizeStop", (t, n, r, o) => {
       let {
@@ -3430,9 +3428,9 @@ class ir extends ht.Component {
         resizing: !1
       }), this.onLayoutMaybeChanged(f, g);
     }), xe(this, "onDragOver", (t) => {
-      var _;
+      var w;
       if (t.preventDefault(), t.stopPropagation(), Is && // $FlowIgnore can't figure this out
-      !((_ = t.nativeEvent.target) != null && _.classList.contains(Yo)))
+      !((w = t.nativeEvent.target) != null && w.classList.contains(Yo)))
         return !1;
       const {
         droppingItem: n,
@@ -3452,7 +3450,7 @@ class ir extends ht.Component {
         ...h
       }, {
         layout: g
-      } = this.state, m = t.currentTarget.getBoundingClientRect(), S = t.clientX - m.left, I = t.clientY - m.top, v = {
+      } = this.state, m = t.currentTarget.getBoundingClientRect(), S = t.clientX - m.left, I = t.clientY - m.top, y = {
         left: S / u,
         top: I / u,
         e: t
@@ -3461,10 +3459,10 @@ class ir extends ht.Component {
         if (this.state.droppingPosition) {
           const {
             left: C,
-            top: w
+            top: x
           } = this.state.droppingPosition;
-          (C != S || w != I) && this.setState({
-            droppingPosition: v
+          (C != S || x != I) && this.setState({
+            droppingPosition: y
           });
         }
       } else {
@@ -3475,16 +3473,16 @@ class ir extends ht.Component {
           rowHeight: s,
           containerWidth: a,
           containerPadding: c || o
-        }, w = (0, xu.calcXY)(C, I, S, f.w, f.h);
+        }, x = (0, xu.calcXY)(C, I, S, f.w, f.h);
         this.setState({
           droppingDOMNode: /* @__PURE__ */ ht.createElement("div", {
             key: f.i
           }),
-          droppingPosition: v,
+          droppingPosition: y,
           layout: [...g, {
             ...f,
-            x: w.x,
-            y: w.y,
+            x: x.x,
+            y: x.y,
             static: !1,
             isDraggable: !0
           }]
@@ -3621,12 +3619,12 @@ class ir extends ht.Component {
       transformScale: m,
       draggableCancel: S,
       draggableHandle: I,
-      resizeHandles: v,
-      resizeHandle: _
+      resizeHandles: y,
+      resizeHandle: w
     } = this.props, {
       mounted: C,
-      droppingPosition: w
-    } = this.state, p = typeof r.isDraggable == "boolean" ? r.isDraggable : !r.static && u, x = typeof r.isResizable == "boolean" ? r.isResizable : !r.static && h, R = r.resizeHandles || v, y = p && f && r.isBounded !== !1;
+      droppingPosition: x
+    } = this.state, p = typeof r.isDraggable == "boolean" ? r.isDraggable : !r.static && u, R = typeof r.isResizable == "boolean" ? r.isResizable : !r.static && h, _ = r.resizeHandles || y, b = p && f && r.isBounded !== !1;
     return /* @__PURE__ */ ht.createElement(Xo.default, {
       containerWidth: o,
       cols: i,
@@ -3643,8 +3641,8 @@ class ir extends ht.Component {
       onResize: this.onResize,
       onResizeStop: this.onResizeStop,
       isDraggable: p,
-      isResizable: x,
-      isBounded: y,
+      isResizable: R,
+      isBounded: b,
       useCSSTransforms: g && C,
       usePercentages: !C,
       transformScale: m,
@@ -3658,9 +3656,9 @@ class ir extends ht.Component {
       maxH: r.maxH,
       maxW: r.maxW,
       static: r.static,
-      droppingPosition: n ? w : void 0,
-      resizeHandles: R,
-      resizeHandle: _
+      droppingPosition: n ? x : void 0,
+      resizeHandles: _,
+      resizeHandle: w
     }, t);
   }
   render() {
@@ -4423,39 +4421,39 @@ const dd = /* @__PURE__ */ Kr(ud), Un = {
   if (!t)
     return null;
   const n = be(() => {
-    if (t.type === L.colorScale) {
+    if (t.type === j.colorScale) {
       const s = t.config.map((c, u) => ({ color: new bi(c.color), value: u })), l = s.length - 1;
       return new Array(5).fill("").map((c, u, h) => u * l / (h.length - 1)).map((c) => la(s, c));
     }
     return null;
   }, [t]), r = be(() => {
-    if (t.type === L.iconSet)
+    if (t.type === j.iconSet)
       return t.config.map((s) => {
         const l = bt[s.iconType];
         return l && l[Number(s.iconId)];
       });
   }, [t]);
   switch (t.type) {
-    case L.dataBar: {
+    case j.dataBar: {
       const { isGradient: s } = t.config, l = { width: "50%", height: "100%" }, a = s ? `linear-gradient(to right, ${t.config.positiveColor}, rgb(255 255 255))` : t.config.positiveColor, c = s ? `linear-gradient(to right,  rgb(255 255 255),${t.config.nativeColor})` : t.config.nativeColor;
       return /* @__PURE__ */ d.jsxs("div", { className: On.cfPreview, children: [
         /* @__PURE__ */ d.jsx("div", { style: { ...l, background: c, border: `1px solid ${t.config.nativeColor}` } }),
         /* @__PURE__ */ d.jsx("div", { style: { ...l, background: a, border: `1px solid ${t.config.positiveColor}` } })
       ] });
     }
-    case L.colorScale:
+    case j.colorScale:
       return n && /* @__PURE__ */ d.jsx("div", { className: On.cfPreview, children: n.map((s, l) => /* @__PURE__ */ d.jsx("div", { style: { width: `${100 / n.length}%`, height: "100%", background: s } }, l)) });
-    case L.iconSet:
+    case j.iconSet:
       return r && /* @__PURE__ */ d.jsx("div", { className: On.cfPreview, children: r.map((s, l) => s ? /* @__PURE__ */ d.jsx("img", { style: { height: "100%" }, src: s }, l) : /* @__PURE__ */ d.jsx(Sn, {}, l)) });
-    case L.highlightCell: {
-      const { ul: s, st: l, it: a, bl: c, bg: u, cl: h } = t.style, f = (s == null ? void 0 : s.s) === He.TRUE, g = (l == null ? void 0 : l.s) === He.TRUE, m = a === He.TRUE, S = c === He.TRUE, I = (o = u == null ? void 0 : u.rgb) != null ? o : ca, v = (i = h == null ? void 0 : h.rgb) != null ? i : ua, _ = {
+    case j.highlightCell: {
+      const { ul: s, st: l, it: a, bl: c, bg: u, cl: h } = t.style, f = (s == null ? void 0 : s.s) === He.TRUE, g = (l == null ? void 0 : l.s) === He.TRUE, m = a === He.TRUE, S = c === He.TRUE, I = (o = u == null ? void 0 : u.rgb) != null ? o : ca, y = (i = h == null ? void 0 : h.rgb) != null ? i : ua, w = {
         fontWeight: S ? "bold" : void 0,
         fontStyle: m ? "italic" : void 0,
         textDecoration: `${f ? "underline" : ""} ${g ? "line-through" : ""}`.replace(/^ /, "") || void 0,
         backgroundColor: I,
-        color: v
+        color: y
       };
-      return /* @__PURE__ */ d.jsx("div", { style: _, className: On.cfPreview, children: "123" });
+      return /* @__PURE__ */ d.jsx("div", { style: w, className: On.cfPreview, children: "123" });
     }
   }
   return null;
@@ -4529,50 +4527,50 @@ const vd = "univer-cf-rule-list", yd = "univer-rule-selector", bd = "univer-sele
 }, Ld = (e, t) => {
   const n = e.rule;
   switch (n.type) {
-    case L.colorScale:
+    case j.colorScale:
       return t.t("sheet.cf.ruleType.colorScale");
-    case L.dataBar:
+    case j.dataBar:
       return t.t("sheet.cf.ruleType.dataBar");
-    case L.iconSet:
+    case j.iconSet:
       return t.t("sheet.cf.ruleType.iconSet");
-    case L.highlightCell:
+    case j.highlightCell:
       switch (n.subType) {
-        case j.average: {
+        case N.average: {
           const r = n.operator;
           return t.t(`sheet.cf.preview.describe.${r}`, t.t("sheet.cf.subRuleType.average"));
         }
-        case j.duplicateValues:
+        case N.duplicateValues:
           return t.t("sheet.cf.subRuleType.duplicateValues");
-        case j.uniqueValues:
+        case N.uniqueValues:
           return t.t("sheet.cf.subRuleType.uniqueValues");
-        case j.number: {
+        case N.number: {
           const r = n.operator;
           return t.t(`sheet.cf.preview.describe.${r}`, ...Array.isArray(n.value) ? n.value.map((o) => String(o)) : [String(n.value || "")]);
         }
-        case j.text: {
+        case N.text: {
           const r = n.operator;
           return t.t(`sheet.cf.preview.describe.${r}`, n.value || "");
         }
-        case j.timePeriod: {
+        case N.timePeriod: {
           const r = n.operator;
           return t.t(`sheet.cf.preview.describe.${r}`);
         }
-        case j.rank:
+        case N.rank:
           return n.isPercent ? n.isBottom ? t.t("sheet.cf.preview.describe.bottomNPercent", String(n.value)) : t.t("sheet.cf.preview.describe.topNPercent", String(n.value)) : n.isBottom ? t.t("sheet.cf.preview.describe.bottomN", String(n.value)) : t.t("sheet.cf.preview.describe.topN", String(n.value));
-        case j.formula:
+        case N.formula:
           return t.t("sheet.cf.ruleType.formula");
       }
   }
 };
 let Qo = 0;
 const zd = (e) => {
-  const { onClick: t } = e, n = oe(he), r = oe(re), o = oe(Gt), i = oe(ue), s = oe($e), l = oe(Wt), a = $a(r.getCurrentTypeOfUnit$(G.UNIVER_SHEET)), c = a.getUnitId(), u = a.getActiveSheet();
+  const { onClick: t } = e, n = oe(he), r = oe(re), o = oe(Gt), i = oe(ue), s = oe($e), l = oe(Wt), a = $a(() => r.getCurrentTypeOfUnit$(G.UNIVER_SHEET), void 0, void 0, []), c = a.getUnitId(), u = a.getActiveSheet();
   if (!u)
     throw new Error("No active sheet found");
-  const h = u.getSheetId(), [f, g] = M([]), [m, S] = M("2"), [I, v] = M(0), [_, C] = M(-1), [w, p] = M(Qo), x = pn(null), R = [
+  const h = u.getSheetId(), [f, g] = M([]), [m, S] = M("2"), [I, y] = M(0), [w, C] = M(-1), [x, p] = M(Qo), R = pn(null), _ = [
     { label: s.t("sheet.cf.panel.workSheet"), value: "2" },
     { label: s.t("sheet.cf.panel.selectedRange"), value: "1" }
-  ], y = () => {
+  ], b = () => {
     const H = n.getSubunitRules(c, h);
     if (!H || !H.length)
       return [];
@@ -4601,14 +4599,14 @@ const zd = (e) => {
         return !1;
       })) ? { ...pe, disable: !0 } : { ...pe };
     });
-  }, [$, N] = M(y);
+  }, [D, L] = M(b);
   Va(f), ve(() => {
     const H = i.onCommandExecuted((J) => {
-      J.id === Br.id && v(Math.random());
+      J.id === Br.id && y(Math.random());
     });
     return () => H.dispose();
   }), ve(() => {
-    N(y);
+    L(b);
   }, [m, I, c, h]), ve(() => {
     if (m === "2")
       return;
@@ -4619,20 +4617,20 @@ const zd = (e) => {
       });
       return () => le.dispose();
     }).pipe(No(16)).subscribe(() => {
-      N(y);
+      L(b);
     });
     return () => {
       H.unsubscribe();
     };
   }, [r, m, c, h]), ve(() => {
     const H = n.$ruleChange.subscribe(() => {
-      v(Math.random());
+      y(Math.random());
     });
     return () => H.unsubscribe();
   }, [n]), ve(() => {
     const H = () => {
       var pe;
-      const le = Math.max(0, (((pe = x.current) == null ? void 0 : pe.getBoundingClientRect().width) || 0) - 8);
+      const le = Math.max(0, (((pe = R.current) == null ? void 0 : pe.getBoundingClientRect().width) || 0) - 8);
       return Qo = le, le;
     }, ie = new mt((le) => {
       const pe = document.querySelector(".univer-sidebar");
@@ -4662,7 +4660,7 @@ const zd = (e) => {
     if (!J || !ie)
       throw new Error("No active sheet found");
     i.executeCommand(Un.id, { unitId: J, subUnitId: ie, cfId: H.cfId });
-  }, b = (H, J) => {
+  }, v = (H, J) => {
     C(J.y);
   }, T = (H, J, ie) => {
     var P;
@@ -4671,39 +4669,39 @@ const zd = (e) => {
     if (!le || !pe)
       throw new Error("No active sheet found");
     const me = (z) => {
-      const K = $.length;
+      const K = D.length;
       return Math.min(K - 1, Math.max(0, z));
-    }, Le = $[me(J.y)].cfId, Ue = $[me(ie.y)].cfId;
+    }, Le = D[me(J.y)].cfId, Ue = D[me(ie.y)].cfId;
     Le !== Ue && i.executeCommand(So.id, { unitId: le, subUnitId: pe, start: { id: Le, type: "self" }, end: { id: Ue, type: ie.y > J.y ? "after" : "before" } });
   }, ee = () => {
     e.onCreate();
   }, Oe = () => {
-    m === "2" ? i.executeCommand(Gn.id) : m === "1" && $.map((J) => ({ unitId: c, subUnitId: h, cfId: J.cfId })).forEach((J) => {
+    m === "2" ? i.executeCommand(Gn.id) : m === "1" && D.map((J) => ({ unitId: c, subUnitId: h, cfId: J.cfId })).forEach((J) => {
       i.executeCommand(Un.id, J);
     });
-  }, Se = $.map((H, J) => ({ i: H.cfId, x: 0, w: 12, y: J, h: 1, isResizable: !1 })), Ce = E($), We = Ce == null ? void 0 : Ce.some((H) => H.disable);
+  }, Se = D.map((H, J) => ({ i: H.cfId, x: 0, w: 12, y: J, h: 1, isResizable: !1 })), Ce = E(D), We = Ce == null ? void 0 : Ce.some((H) => H.disable);
   return /* @__PURE__ */ d.jsxs("div", { className: ge.cfRuleList, children: [
     /* @__PURE__ */ d.jsxs("div", { className: ge.ruleSelector, children: [
       /* @__PURE__ */ d.jsx("div", { children: l.tWithReactNode(
         "sheet.cf.panel.managerRuleSelect",
-        /* @__PURE__ */ d.jsx(Ve, { className: ge.select, options: R, value: m, onChange: (H) => {
+        /* @__PURE__ */ d.jsx(Ve, { className: ge.select, options: _, value: m, onChange: (H) => {
           S(H);
         } })
       ).map((H, J) => /* @__PURE__ */ d.jsx("span", { children: H }, J)) }),
       /* @__PURE__ */ d.jsxs("div", { className: ge.btnList, children: [
         /* @__PURE__ */ d.jsx(zo, { title: s.t("sheet.cf.panel.createRule"), placement: "bottom", children: /* @__PURE__ */ d.jsx("div", { className: `${ge.icon}`, onClick: ee, children: /* @__PURE__ */ d.jsx(Gi, {}) }) }),
-        $.length && !We ? /* @__PURE__ */ d.jsx(zo, { title: s.t("sheet.cf.panel.clear"), placement: "bottom", children: /* @__PURE__ */ d.jsx("div", { className: `${ge.gap} ${ge.icon}`, onClick: Oe, children: /* @__PURE__ */ d.jsx($n, {}) }) }) : /* @__PURE__ */ d.jsx("div", { className: `${ge.gap}  ${ge.disabled}`, children: /* @__PURE__ */ d.jsx($n, {}) })
+        D.length && !We ? /* @__PURE__ */ d.jsx(zo, { title: s.t("sheet.cf.panel.clear"), placement: "bottom", children: /* @__PURE__ */ d.jsx("div", { className: `${ge.gap} ${ge.icon}`, onClick: Oe, children: /* @__PURE__ */ d.jsx($n, {}) }) }) : /* @__PURE__ */ d.jsx("div", { className: `${ge.gap}  ${ge.disabled}`, children: /* @__PURE__ */ d.jsx($n, {}) })
       ] })
     ] }),
-    /* @__PURE__ */ d.jsx("div", { ref: x, className: ge.gridLayoutWrap, children: w ? /* @__PURE__ */ d.jsx(
+    /* @__PURE__ */ d.jsx("div", { ref: R, className: ge.gridLayoutWrap, children: x ? /* @__PURE__ */ d.jsx(
       dd,
       {
         onDragStop: T,
-        onDragStart: b,
+        onDragStart: v,
         layout: Se,
         cols: 12,
         rowHeight: 60,
-        width: w,
+        width: x,
         margin: [0, 10],
         draggableHandle: ".draggableHandle",
         children: Ce == null ? void 0 : Ce.map((H, J) => /* @__PURE__ */ d.jsx("div", { children: /* @__PURE__ */ d.jsxs(
@@ -4716,7 +4714,7 @@ const zd = (e) => {
             onClick: () => {
               H.disable || t(H);
             },
-            className: `${ge.ruleItem} ${_ === J ? ge.active : ""}`,
+            className: `${ge.ruleItem} ${w === J ? ge.active : ""}`,
             children: [
               /* @__PURE__ */ d.jsx(
                 "div",
@@ -4734,7 +4732,7 @@ const zd = (e) => {
               !H.disable && /* @__PURE__ */ d.jsx(
                 "div",
                 {
-                  className: `${ge.deleteItem} ${_ === J ? ge.active : ""}`,
+                  className: `${ge.deleteItem} ${w === J ? ge.active : ""}`,
                   onClick: (ie) => {
                     ie.stopPropagation(), W(H);
                   },
@@ -4789,7 +4787,7 @@ const zd = (e) => {
       ] })
     }
   ));
-}, Ad = "univer-cf-rule-style-editor", kd = "univer-cf-preview-wrap", qd = "univer-text", Bd = "univer-position-relative", Gd = "univer-btn-list", Xd = "univer-util-item", Yd = "univer-icon-set", Kd = "univer-render-config", Zd = "univer-flex", Jd = "univer-width45", Qd = "univer-icon-wrap", ef = "univer-icon", tf = "univer-dropdown-icon", nf = "univer-error-input", rf = "univer-error-text", of = "univer-icon-group-list", sf = "univer-title", af = "univer-group", lf = "univer-item-content", cf = "univer-item-wrap", uf = "univer-item", df = "univer-icon-item-list-wrap", ff = "univer-none", hf = "univer-icon-item-list", pf = "univer-width100", gf = "univer-stress", D = {
+}, Ad = "univer-cf-rule-style-editor", kd = "univer-cf-preview-wrap", qd = "univer-text", Bd = "univer-position-relative", Gd = "univer-btn-list", Xd = "univer-util-item", Yd = "univer-icon-set", Kd = "univer-render-config", Zd = "univer-flex", Jd = "univer-width45", Qd = "univer-icon-wrap", ef = "univer-icon", tf = "univer-dropdown-icon", nf = "univer-error-input", rf = "univer-error-text", of = "univer-icon-group-list", sf = "univer-title", af = "univer-group", lf = "univer-item-content", cf = "univer-item-wrap", uf = "univer-item", df = "univer-icon-item-list-wrap", ff = "univer-none", hf = "univer-icon-item-list", pf = "univer-width100", gf = "univer-stress", $ = {
   cfRuleStyleEditor: Ad,
   cfPreviewWrap: kd,
   text: qd,
@@ -4842,48 +4840,48 @@ const zd = (e) => {
   ) : /* @__PURE__ */ d.jsx(St, { className: n, value: Number(e.value) || 0, onChange: (f) => e.onChange(f || 0), ...u });
 }, mf = (e) => {
   var W;
-  const { interceptorManager: t } = e, n = oe($e), r = ((W = e.rule) == null ? void 0 : W.type) === L.colorScale ? e.rule : void 0, o = [gt(A.num, n), gt(A.percent, n), gt(A.percentile, n), gt(A.formula, n)], i = [gt(A.min, n), ...o], s = [gt("none", n), ...o], l = [gt(A.max, n), ...o], [a, c] = M(() => {
+  const { interceptorManager: t } = e, n = oe($e), r = ((W = e.rule) == null ? void 0 : W.type) === j.colorScale ? e.rule : void 0, o = [gt(A.num, n), gt(A.percent, n), gt(A.percentile, n), gt(A.formula, n)], i = [gt(A.min, n), ...o], s = [gt("none", n), ...o], l = [gt(A.max, n), ...o], [a, c] = M(() => {
     var T;
-    const b = A.min;
-    return r && ((T = r.config[0]) == null ? void 0 : T.value.type) || b;
+    const v = A.min;
+    return r && ((T = r.config[0]) == null ? void 0 : T.value.type) || v;
   }), [u, h] = M(() => {
     var T;
-    const b = "none";
-    return !r || r.config.length !== 3 ? b : ((T = r.config[1]) == null ? void 0 : T.value.type) || b;
+    const v = "none";
+    return !r || r.config.length !== 3 ? v : ((T = r.config[1]) == null ? void 0 : T.value.type) || v;
   }), [f, g] = M(() => {
     var T;
-    const b = A.max;
-    return r && ((T = r.config[r.config.length - 1]) == null ? void 0 : T.value.type) || b;
+    const v = A.max;
+    return r && ((T = r.config[r.config.length - 1]) == null ? void 0 : T.value.type) || v;
   }), [m, S] = M(() => {
     if (!r)
       return 10;
     const T = r.config[0];
     return (T == null ? void 0 : T.value.value) === void 0 ? 10 : T == null ? void 0 : T.value.value;
-  }), [I, v] = M(() => {
+  }), [I, y] = M(() => {
     var ee;
     if (!r || r.config.length !== 3)
       return 50;
     const T = (ee = r.config[1]) == null ? void 0 : ee.value.value;
     return T === void 0 ? 50 : T;
-  }), [_, C] = M(() => {
+  }), [w, C] = M(() => {
     var ee;
     if (!r)
       return 90;
     const T = (ee = r.config[r.config.length - 1]) == null ? void 0 : ee.value.value;
     return T === void 0 ? 90 : T;
-  }), [w, p] = M(() => {
+  }), [x, p] = M(() => {
     var T;
-    const b = "#d0d9fb";
-    return r && ((T = r.config[0]) == null ? void 0 : T.color) || b;
-  }), [x, R] = M(() => {
+    const v = "#d0d9fb";
+    return r && ((T = r.config[0]) == null ? void 0 : T.color) || v;
+  }), [R, _] = M(() => {
     var T;
-    const b = "#7790f3";
-    return !r || r.config.length !== 3 ? b : ((T = r.config[1]) == null ? void 0 : T.color) || b;
-  }), [y, E] = M(() => {
+    const v = "#7790f3";
+    return !r || r.config.length !== 3 ? v : ((T = r.config[1]) == null ? void 0 : T.color) || v;
+  }), [b, E] = M(() => {
     var T;
-    const b = "#2e55ef";
-    return r && ((T = r.config[r.config.length - 1]) == null ? void 0 : T.color) || b;
-  }), $ = be(() => (b) => {
+    const v = "#2e55ef";
+    return r && ((T = r.config[r.config.length - 1]) == null ? void 0 : T.color) || v;
+  }), D = be(() => (v) => {
     const {
       minType: T,
       medianType: ee,
@@ -4894,20 +4892,20 @@ const zd = (e) => {
       minColor: H,
       medianColor: J,
       maxColor: ie
-    } = b, le = [];
-    return le.push({ color: H, value: { type: T, value: Se } }), ee !== "none" && le.push({ color: J, value: { type: ee, value: Ce } }), le.push({ color: ie, value: { type: Oe, value: We } }), { config: le.map((me, Le) => ({ ...me, index: Le })), type: L.colorScale };
+    } = v, le = [];
+    return le.push({ color: H, value: { type: T, value: Se } }), ee !== "none" && le.push({ color: J, value: { type: ee, value: Ce } }), le.push({ color: ie, value: { type: Oe, value: We } }), { config: le.map((me, Le) => ({ ...me, index: Le })), type: j.colorScale };
   }, []);
   ve(() => t.intercept(t.getInterceptPoints().submit, {
     handler() {
-      return $({ minType: a, medianType: u, maxType: f, minValue: m, medianValue: I, maxValue: _, minColor: w, medianColor: x, maxColor: y });
+      return D({ minType: a, medianType: u, maxType: f, minValue: m, medianValue: I, maxValue: w, minColor: x, medianColor: R, maxColor: b });
     }
-  }), [$, a, u, f, m, I, _, w, x, y, t]);
-  const N = (b) => {
-    e.onChange($(b));
+  }), [D, a, u, f, m, I, w, x, R, b, t]);
+  const L = (v) => {
+    e.onChange(D(v));
   };
   return /* @__PURE__ */ d.jsxs("div", { children: [
     /* @__PURE__ */ d.jsx("div", { className: O.title, children: n.t("sheet.cf.panel.styleRule") }),
-    /* @__PURE__ */ d.jsx("div", { className: `${D.cfPreviewWrap}`, children: /* @__PURE__ */ d.jsx(Kt, { rule: $({ minType: a, medianType: u, maxType: f, minValue: m, medianValue: I, maxValue: _, minColor: w, medianColor: x, maxColor: y }) }) }),
+    /* @__PURE__ */ d.jsx("div", { className: `${$.cfPreviewWrap}`, children: /* @__PURE__ */ d.jsx(Kt, { rule: D({ minType: a, medianType: u, maxType: f, minValue: m, medianValue: I, maxValue: w, minColor: x, medianColor: R, maxColor: b }) }) }),
     /* @__PURE__ */ d.jsx("div", { className: O.label, children: n.t("sheet.cf.valueType.min") }),
     /* @__PURE__ */ d.jsxs("div", { className: `${O.labelContainer} ${O.mTSm}`, children: [
       /* @__PURE__ */ d.jsx(
@@ -4915,10 +4913,10 @@ const zd = (e) => {
         {
           options: i,
           value: a,
-          onChange: (b) => {
-            c(b);
-            const T = cn(b, 10);
-            S(T), N({ minType: b, medianType: u, maxType: f, minValue: T, medianValue: I, maxValue: _, minColor: w, medianColor: x, maxColor: y });
+          onChange: (v) => {
+            c(v);
+            const T = cn(v, 10);
+            S(T), L({ minType: v, medianType: u, maxType: f, minValue: T, medianValue: I, maxValue: w, minColor: x, medianColor: R, maxColor: b });
           }
         }
       ),
@@ -4929,8 +4927,8 @@ const zd = (e) => {
           className: `${O.mLXxs}`,
           value: m,
           type: a,
-          onChange: (b) => {
-            S(b), N({ minType: a, medianType: u, maxType: f, minValue: b, medianValue: I, maxValue: _, minColor: w, medianColor: x, maxColor: y });
+          onChange: (v) => {
+            S(v), L({ minType: a, medianType: u, maxType: f, minValue: v, medianValue: I, maxValue: w, minColor: x, medianColor: R, maxColor: b });
           }
         }
       ),
@@ -4938,9 +4936,9 @@ const zd = (e) => {
         _t,
         {
           className: O.mLXxs,
-          color: w,
-          onChange: (b) => {
-            p(b), N({ minType: a, medianType: u, maxType: f, minValue: m, medianValue: I, maxValue: _, minColor: b, medianColor: x, maxColor: y });
+          color: x,
+          onChange: (v) => {
+            p(v), L({ minType: a, medianType: u, maxType: f, minValue: m, medianValue: I, maxValue: w, minColor: v, medianColor: R, maxColor: b });
           }
         }
       )
@@ -4952,10 +4950,10 @@ const zd = (e) => {
         {
           options: s,
           value: u,
-          onChange: (b) => {
-            h(b);
-            const T = cn(b, 50);
-            v(T), N({ minType: a, medianType: b, maxType: f, minValue: m, medianValue: T, maxValue: _, minColor: w, medianColor: x, maxColor: y });
+          onChange: (v) => {
+            h(v);
+            const T = cn(v, 50);
+            y(T), L({ minType: a, medianType: v, maxType: f, minValue: m, medianValue: T, maxValue: w, minColor: x, medianColor: R, maxColor: b });
           }
         }
       ),
@@ -4966,8 +4964,8 @@ const zd = (e) => {
           className: ` ${O.mLXxs}`,
           value: I,
           type: u,
-          onChange: (b) => {
-            v(b), N({ minType: a, medianType: u, maxType: f, minValue: m, medianValue: b, maxValue: _, minColor: w, medianColor: x, maxColor: y });
+          onChange: (v) => {
+            y(v), L({ minType: a, medianType: u, maxType: f, minValue: m, medianValue: v, maxValue: w, minColor: x, medianColor: R, maxColor: b });
           }
         }
       ),
@@ -4975,9 +4973,9 @@ const zd = (e) => {
         _t,
         {
           className: O.mLXxs,
-          color: x,
-          onChange: (b) => {
-            R(b), N({ minType: a, medianType: u, maxType: f, minValue: m, medianValue: I, maxValue: _, minColor: w, medianColor: b, maxColor: y });
+          color: R,
+          onChange: (v) => {
+            _(v), L({ minType: a, medianType: u, maxType: f, minValue: m, medianValue: I, maxValue: w, minColor: x, medianColor: v, maxColor: b });
           }
         }
       )
@@ -4989,10 +4987,10 @@ const zd = (e) => {
         {
           options: l,
           value: f,
-          onChange: (b) => {
-            g(b);
-            const T = cn(b, 90);
-            C(T), N({ minType: a, medianType: u, maxType: b, minValue: m, medianValue: I, maxValue: T, minColor: w, medianColor: x, maxColor: y });
+          onChange: (v) => {
+            g(v);
+            const T = cn(v, 90);
+            C(T), L({ minType: a, medianType: u, maxType: v, minValue: m, medianValue: I, maxValue: T, minColor: x, medianColor: R, maxColor: b });
           }
         }
       ),
@@ -5001,10 +4999,10 @@ const zd = (e) => {
         {
           id: "max",
           className: `${O.mLXxs}`,
-          value: _,
+          value: w,
           type: f,
-          onChange: (b) => {
-            C(b), N({ minType: a, medianType: u, maxType: f, minValue: m, medianValue: I, maxValue: b, minColor: w, medianColor: x, maxColor: y });
+          onChange: (v) => {
+            C(v), L({ minType: a, medianType: u, maxType: f, minValue: m, medianValue: I, maxValue: v, minColor: x, medianColor: R, maxColor: b });
           }
         }
       ),
@@ -5012,9 +5010,9 @@ const zd = (e) => {
         _t,
         {
           className: O.mLXxs,
-          color: y,
-          onChange: (b) => {
-            E(b), N({ minType: a, medianType: u, maxType: f, minValue: m, medianValue: I, maxValue: _, minColor: w, medianColor: x, maxColor: b });
+          color: b,
+          onChange: (v) => {
+            E(v), L({ minType: a, medianType: u, maxType: f, minValue: m, medianValue: I, maxValue: w, minColor: x, medianColor: R, maxColor: v });
           }
         }
       )
@@ -5061,60 +5059,60 @@ const zd = (e) => {
   );
 }, vf = (e) => {
   var W;
-  const { interceptorManager: t } = e, n = oe($e), r = ((W = e.rule) == null ? void 0 : W.type) === L.dataBar ? e.rule : void 0, [o, i] = M(() => {
+  const { interceptorManager: t } = e, n = oe($e), r = ((W = e.rule) == null ? void 0 : W.type) === j.dataBar ? e.rule : void 0, [o, i] = M(() => {
     var T;
-    const b = "0";
-    return r ? (T = r.config) != null && T.isGradient ? "1" : "0" : b;
+    const v = "0";
+    return r ? (T = r.config) != null && T.isGradient ? "1" : "0" : v;
   }), [s, l] = M(() => {
     var T;
-    const b = "#abd91a";
-    return r && ((T = r.config) == null ? void 0 : T.positiveColor) || b;
+    const v = "#abd91a";
+    return r && ((T = r.config) == null ? void 0 : T.positiveColor) || v;
   }), [a, c] = M(() => {
     var T;
-    const b = "#ffbe38";
-    return r && ((T = r.config) == null ? void 0 : T.nativeColor) || b;
+    const v = "#ffbe38";
+    return r && ((T = r.config) == null ? void 0 : T.nativeColor) || v;
   }), u = [jt(A.num, n), jt(A.percent, n), jt(A.percentile, n), jt(A.formula, n)], h = [jt(A.min, n), ...u], f = [jt(A.max, n), ...u], [g, m] = M(() => {
     var T;
-    const b = h[0].value;
-    return r && ((T = r.config) == null ? void 0 : T.min.type) || b;
+    const v = h[0].value;
+    return r && ((T = r.config) == null ? void 0 : T.min.type) || v;
   }), [S, I] = M(() => {
     var T;
-    const b = f[0].value;
-    return r && ((T = r.config) == null ? void 0 : T.max.type) || b;
-  }), [v, _] = M(() => {
+    const v = f[0].value;
+    return r && ((T = r.config) == null ? void 0 : T.max.type) || v;
+  }), [y, w] = M(() => {
     var ee;
     if (!r)
       return 0;
     const T = ((ee = r.config) == null ? void 0 : ee.min) || {};
     return T.type === A.formula ? T.value || "=" : T.value || 0;
-  }), [C, w] = M(() => {
+  }), [C, x] = M(() => {
     var ee;
     if (!r)
       return 100;
     const T = ((ee = r.config) == null ? void 0 : ee.max) || {};
     return T.type === A.formula ? T.value || "=" : T.value === void 0 ? 100 : T.value;
-  }), [p, x] = M(() => r ? r.isShowValue === void 0 ? !0 : !!r.isShowValue : !0), R = (b) => ({ config: {
-    min: { type: b.minValueType, value: b.minValue },
-    max: { type: b.maxValueType, value: b.maxValue },
-    isGradient: b.isGradient === "1",
-    positiveColor: b.positiveColor,
-    nativeColor: b.nativeColor
-  }, type: L.dataBar, isShowValue: b.isShowValue });
+  }), [p, R] = M(() => r ? r.isShowValue === void 0 ? !0 : !!r.isShowValue : !0), _ = (v) => ({ config: {
+    min: { type: v.minValueType, value: v.minValue },
+    max: { type: v.maxValueType, value: v.maxValue },
+    isGradient: v.isGradient === "1",
+    positiveColor: v.positiveColor,
+    nativeColor: v.nativeColor
+  }, type: j.dataBar, isShowValue: v.isShowValue });
   ve(() => t.intercept(t.getInterceptPoints().submit, {
     handler() {
-      return R({ isGradient: o, minValue: v, minValueType: g, maxValue: C, maxValueType: S, positiveColor: s, nativeColor: a, isShowValue: p });
+      return _({ isGradient: o, minValue: y, minValueType: g, maxValue: C, maxValueType: S, positiveColor: s, nativeColor: a, isShowValue: p });
     }
-  }), [o, v, g, C, S, s, a, t, p]);
-  const y = (b) => {
-    e.onChange(R(b));
-  }, E = (b) => {
-    l(b), y({ isGradient: o, minValue: v, minValueType: g, maxValue: C, maxValueType: S, positiveColor: b, nativeColor: a, isShowValue: p });
-  }, $ = (b) => {
-    c(b), y({ isGradient: o, minValue: v, minValueType: g, maxValue: C, maxValueType: S, positiveColor: s, nativeColor: b, isShowValue: p });
-  }, N = (b) => u.map((T) => T.value).includes(b);
+  }), [o, y, g, C, S, s, a, t, p]);
+  const b = (v) => {
+    e.onChange(_(v));
+  }, E = (v) => {
+    l(v), b({ isGradient: o, minValue: y, minValueType: g, maxValue: C, maxValueType: S, positiveColor: v, nativeColor: a, isShowValue: p });
+  }, D = (v) => {
+    c(v), b({ isGradient: o, minValue: y, minValueType: g, maxValue: C, maxValueType: S, positiveColor: s, nativeColor: v, isShowValue: p });
+  }, L = (v) => u.map((T) => T.value).includes(v);
   return /* @__PURE__ */ d.jsxs("div", { children: [
     /* @__PURE__ */ d.jsx("div", { className: O.title, children: n.t("sheet.cf.panel.styleRule") }),
-    /* @__PURE__ */ d.jsx("div", { className: `${D.cfPreviewWrap}`, children: /* @__PURE__ */ d.jsx(Kt, { rule: R({ isGradient: o, minValue: v, minValueType: g, maxValue: C, maxValueType: S, positiveColor: s, nativeColor: a, isShowValue: p }) }) }),
+    /* @__PURE__ */ d.jsx("div", { className: `${$.cfPreviewWrap}`, children: /* @__PURE__ */ d.jsx(Kt, { rule: _({ isGradient: o, minValue: y, minValueType: g, maxValue: C, maxValueType: S, positiveColor: s, nativeColor: a, isShowValue: p }) }) }),
     /* @__PURE__ */ d.jsxs("div", { children: [
       /* @__PURE__ */ d.jsx("div", { className: O.label, children: n.t("sheet.cf.panel.fillType") }),
       /* @__PURE__ */ d.jsxs("div", { className: `${O.mTSm} ${O.mLXxs} ${O.labelContainer} `, children: [
@@ -5122,22 +5120,22 @@ const zd = (e) => {
           Ya,
           {
             value: o,
-            onChange: (b) => {
-              i(b), y({ isGradient: b, minValue: v, minValueType: g, maxValue: C, maxValueType: S, positiveColor: s, nativeColor: a, isShowValue: p });
+            onChange: (v) => {
+              i(v), b({ isGradient: v, minValue: y, minValueType: g, maxValue: C, maxValueType: S, positiveColor: s, nativeColor: a, isShowValue: p });
             },
             children: [
-              /* @__PURE__ */ d.jsx(Ho, { value: "0", children: /* @__PURE__ */ d.jsx("span", { className: D.text, children: n.t("sheet.cf.panel.pureColor") }) }),
-              /* @__PURE__ */ d.jsx(Ho, { value: "1", children: /* @__PURE__ */ d.jsx("span", { className: D.text, children: n.t("sheet.cf.panel.gradient") }) })
+              /* @__PURE__ */ d.jsx(Ho, { value: "0", children: /* @__PURE__ */ d.jsx("span", { className: $.text, children: n.t("sheet.cf.panel.pureColor") }) }),
+              /* @__PURE__ */ d.jsx(Ho, { value: "1", children: /* @__PURE__ */ d.jsx("span", { className: $.text, children: n.t("sheet.cf.panel.gradient") }) })
             ]
           }
         ),
-        /* @__PURE__ */ d.jsxs("div", { className: `${D.utilItem} ${O.mLXl}`, children: [
+        /* @__PURE__ */ d.jsxs("div", { className: `${$.utilItem} ${O.mLXl}`, children: [
           /* @__PURE__ */ d.jsx(
             zn,
             {
               checked: !p,
-              onChange: (b) => {
-                x(!b), y({ isGradient: b, minValue: v, minValueType: g, maxValue: C, maxValueType: S, positiveColor: s, nativeColor: a, isShowValue: !b });
+              onChange: (v) => {
+                R(!v), b({ isGradient: v, minValue: y, minValueType: g, maxValue: C, maxValueType: S, positiveColor: s, nativeColor: a, isShowValue: !v });
               }
             }
           ),
@@ -5149,17 +5147,17 @@ const zd = (e) => {
       /* @__PURE__ */ d.jsx("div", { className: O.label, children: n.t("sheet.cf.panel.colorSet") }),
       /* @__PURE__ */ d.jsxs("div", { className: `${O.labelContainer} ${O.mTSm} ${O.mLXxs}`, children: [
         /* @__PURE__ */ d.jsxs("div", { className: `${O.labelContainer}`, children: [
-          /* @__PURE__ */ d.jsx("div", { className: `${D.text}`, children: n.t("sheet.cf.panel.native") }),
+          /* @__PURE__ */ d.jsx("div", { className: `${$.text}`, children: n.t("sheet.cf.panel.native") }),
           /* @__PURE__ */ d.jsx(
             _t,
             {
               color: a,
-              onChange: $
+              onChange: D
             }
           )
         ] }),
         /* @__PURE__ */ d.jsxs("div", { className: `${O.labelContainer} ${O.mLSm} `, children: [
-          /* @__PURE__ */ d.jsx("div", { className: `${D.text} `, children: n.t("sheet.cf.panel.positive") }),
+          /* @__PURE__ */ d.jsx("div", { className: `${$.text} `, children: n.t("sheet.cf.panel.positive") }),
           /* @__PURE__ */ d.jsx(
             _t,
             {
@@ -5178,23 +5176,23 @@ const zd = (e) => {
           {
             options: h,
             value: g,
-            onChange: (b) => {
-              m(b);
-              const T = cn(b, 10);
-              _(T), y({ isGradient: o, minValue: T, minValueType: b, maxValue: C, maxValueType: S, positiveColor: s, nativeColor: a, isShowValue: p });
+            onChange: (v) => {
+              m(v);
+              const T = cn(v, 10);
+              w(T), b({ isGradient: o, minValue: T, minValueType: v, maxValue: C, maxValueType: S, positiveColor: s, nativeColor: a, isShowValue: p });
             }
           }
         ),
         /* @__PURE__ */ d.jsx(
           ei,
           {
-            disabled: !N(g),
+            disabled: !L(g),
             id: "min",
             type: g,
             className: O.mLSm,
-            value: v,
-            onChange: (b) => {
-              _(b || 0), y({ isGradient: o, minValue: b || 0, minValueType: g, maxValue: C, maxValueType: S, positiveColor: s, nativeColor: a, isShowValue: p });
+            value: y,
+            onChange: (v) => {
+              w(v || 0), b({ isGradient: o, minValue: v || 0, minValueType: g, maxValue: C, maxValueType: S, positiveColor: s, nativeColor: a, isShowValue: p });
             }
           }
         )
@@ -5206,23 +5204,23 @@ const zd = (e) => {
           {
             options: f,
             value: S,
-            onChange: (b) => {
-              I(b);
-              const T = cn(b, 90);
-              w(T), y({ isGradient: o, minValue: v, minValueType: g, maxValue: T, maxValueType: b, positiveColor: s, nativeColor: a, isShowValue: p });
+            onChange: (v) => {
+              I(v);
+              const T = cn(v, 90);
+              x(T), b({ isGradient: o, minValue: y, minValueType: g, maxValue: T, maxValueType: v, positiveColor: s, nativeColor: a, isShowValue: p });
             }
           }
         ),
         /* @__PURE__ */ d.jsx(
           ei,
           {
-            disabled: !N(S),
+            disabled: !L(S),
             id: "max",
             type: S,
             className: O.mLSm,
             value: C,
-            onChange: (b) => {
-              w(b || 0), y({ isGradient: o, minValue: v, minValueType: g, maxValue: b || 0, maxValueType: S, positiveColor: s, nativeColor: a, isShowValue: p });
+            onChange: (v) => {
+              x(v || 0), b({ isGradient: o, minValue: y, minValueType: g, maxValue: v || 0, maxValueType: S, positiveColor: s, nativeColor: a, isShowValue: p });
             }
           }
         )
@@ -5247,14 +5245,14 @@ const zd = (e) => {
     if (t != null && t.st)
       return t.st.s;
   }), [g, m] = M(() => {
-    var x;
+    var R;
     const p = "#2f56ef";
-    return (x = t == null ? void 0 : t.cl) != null && x.rgb ? t.cl.rgb : p;
+    return (R = t == null ? void 0 : t.cl) != null && R.rgb ? t.cl.rgb : p;
   }), [S, I] = M(() => {
-    var x;
+    var R;
     const p = "#e8ecfc";
-    return (x = t == null ? void 0 : t.bg) != null && x.rgb ? t.bg.rgb : p;
-  }), v = o.get("BoldSingle"), _ = o.get("ItalicSingle"), C = o.get("UnderlineSingle"), w = o.get("StrikethroughSingle");
+    return (R = t == null ? void 0 : t.bg) != null && R.rgb ? t.bg.rgb : p;
+  }), y = o.get("BoldSingle"), w = o.get("ItalicSingle"), C = o.get("UnderlineSingle"), x = o.get("StrikethroughSingle");
   return ve(() => {
     const p = {
       bl: i,
@@ -5262,87 +5260,87 @@ const zd = (e) => {
     };
     g !== void 0 && (p.cl = { rgb: g }), S !== void 0 && (p.bg = { rgb: S }), h !== void 0 && (p.st = { s: h }), c !== void 0 && (p.ul = { s: c }), n(da(p));
   }, [i, l, c, h, g, S]), /* @__PURE__ */ d.jsxs("div", { className: `${Qe.cfStyleEdit} ${r}`, children: [
-    v && /* @__PURE__ */ d.jsx("div", { className: ct({ [Qe.isActive]: Pn(i || He.FALSE) }, Qe.buttonItem), onClick: () => s(En(i)), children: /* @__PURE__ */ d.jsx(v, {}) }),
-    _ && /* @__PURE__ */ d.jsx("div", { className: ct({ [Qe.isActive]: Pn(l || He.FALSE) }, Qe.buttonItem), onClick: () => a(En(l)), children: /* @__PURE__ */ d.jsx(_, {}) }),
+    y && /* @__PURE__ */ d.jsx("div", { className: ct({ [Qe.isActive]: Pn(i || He.FALSE) }, Qe.buttonItem), onClick: () => s(En(i)), children: /* @__PURE__ */ d.jsx(y, {}) }),
+    w && /* @__PURE__ */ d.jsx("div", { className: ct({ [Qe.isActive]: Pn(l || He.FALSE) }, Qe.buttonItem), onClick: () => a(En(l)), children: /* @__PURE__ */ d.jsx(w, {}) }),
     C && /* @__PURE__ */ d.jsx("div", { className: ct({ [Qe.isActive]: Pn(c || He.FALSE) }, Qe.buttonItem), onClick: () => u(En(c)), children: /* @__PURE__ */ d.jsx(C, {}) }),
-    w && /* @__PURE__ */ d.jsx("div", { className: ct({ [Qe.isActive]: Pn(h || He.FALSE) }, Qe.buttonItem), onClick: () => f(En(h)), children: /* @__PURE__ */ d.jsx(w, {}) }),
+    x && /* @__PURE__ */ d.jsx("div", { className: ct({ [Qe.isActive]: Pn(h || He.FALSE) }, Qe.buttonItem), onClick: () => f(En(h)), children: /* @__PURE__ */ d.jsx(x, {}) }),
     /* @__PURE__ */ d.jsx(_t, { color: g, onChange: m, iconId: "FontColor" }),
     /* @__PURE__ */ d.jsx(_t, { color: S, onChange: I, iconId: "PaintBucket" })
   ] });
 }, Cf = (e) => {
   var I;
-  const { onChange: t, interceptorManager: n } = e, r = oe($e), o = ((I = e.rule) == null ? void 0 : I.type) === L.highlightCell ? e.rule : void 0, i = [
+  const { onChange: t, interceptorManager: n } = e, r = oe($e), o = ((I = e.rule) == null ? void 0 : I.type) === j.highlightCell ? e.rule : void 0, i = [
     { label: r.t("sheet.cf.panel.isNotBottom"), value: "isNotBottom" },
     { label: r.t("sheet.cf.panel.isBottom"), value: "isBottom" },
     { label: r.t("sheet.cf.panel.greaterThanAverage"), value: "greaterThanAverage" },
     { label: r.t("sheet.cf.panel.lessThanAverage"), value: "lessThanAverage" }
   ], [s, l] = M(() => {
-    const v = i[0].value, _ = o == null ? void 0 : o.type;
+    const y = i[0].value, w = o == null ? void 0 : o.type;
     if (!o)
-      return v;
-    switch (_) {
-      case L.highlightCell:
+      return y;
+    switch (w) {
+      case j.highlightCell:
         switch (o.subType) {
-          case j.average:
-            return [F.greaterThan, F.greaterThanOrEqual].includes(o.operator) ? "greaterThanAverage" : [F.lessThan, F.lessThanOrEqual].includes(o.operator) ? "lessThanAverage" : v;
-          case j.rank:
+          case N.average:
+            return [F.greaterThan, F.greaterThanOrEqual].includes(o.operator) ? "greaterThanAverage" : [F.lessThan, F.lessThanOrEqual].includes(o.operator) ? "lessThanAverage" : y;
+          case N.rank:
             return o.isBottom ? "isBottom" : "isNotBottom";
         }
     }
-    return v;
+    return y;
   }), [a, c] = M(() => {
-    const _ = o == null ? void 0 : o.type;
+    const w = o == null ? void 0 : o.type;
     if (!o)
       return 10;
-    switch (_) {
-      case L.highlightCell:
+    switch (w) {
+      case j.highlightCell:
         switch (o.subType) {
-          case j.rank:
+          case N.rank:
             return o.value || 10;
         }
     }
     return 10;
   }), [u, h] = M(() => {
-    const _ = o == null ? void 0 : o.type;
+    const w = o == null ? void 0 : o.type;
     if (!o)
       return !1;
-    switch (_) {
-      case L.highlightCell:
+    switch (w) {
+      case j.highlightCell:
         switch (o.subType) {
-          case j.rank:
+          case N.rank:
             return o.isPercent || !1;
         }
     }
     return !1;
-  }), [f, g] = M({}), m = (v) => {
-    const { type: _, isPercent: C, value: w, style: p } = v;
-    if (_ === "isNotBottom")
-      return { type: L.highlightCell, subType: j.rank, isPercent: C, isBottom: !1, value: w, style: p };
-    if (_ === "isBottom")
-      return { type: L.highlightCell, subType: j.rank, isPercent: C, isBottom: !0, value: w, style: p };
-    if (_ === "greaterThanAverage")
-      return { type: L.highlightCell, subType: j.average, operator: F.greaterThan, style: p };
-    if (_ === "lessThanAverage")
-      return { type: L.highlightCell, subType: j.average, operator: F.lessThan, style: p };
+  }), [f, g] = M({}), m = (y) => {
+    const { type: w, isPercent: C, value: x, style: p } = y;
+    if (w === "isNotBottom")
+      return { type: j.highlightCell, subType: N.rank, isPercent: C, isBottom: !1, value: x, style: p };
+    if (w === "isBottom")
+      return { type: j.highlightCell, subType: N.rank, isPercent: C, isBottom: !0, value: x, style: p };
+    if (w === "greaterThanAverage")
+      return { type: j.highlightCell, subType: N.average, operator: F.greaterThan, style: p };
+    if (w === "lessThanAverage")
+      return { type: j.highlightCell, subType: N.average, operator: F.lessThan, style: p };
   };
   ve(() => n.intercept(n.getInterceptPoints().submit, {
     handler() {
       return m({ type: s, isPercent: u, value: a, style: f });
     }
   }), [s, u, a, f, n]);
-  const S = (v) => {
-    t(m(v));
+  const S = (y) => {
+    t(m(y));
   };
   return /* @__PURE__ */ d.jsxs("div", { children: [
     /* @__PURE__ */ d.jsx("div", { className: `${O.title} ${O.mTBase}`, children: r.t("sheet.cf.panel.styleRule") }),
     /* @__PURE__ */ d.jsx(
       Ve,
       {
-        className: `${D.width100} ${O.mTSm}`,
+        className: `${$.width100} ${O.mTSm}`,
         value: s,
         options: i,
-        onChange: (v) => {
-          l(v), S({ type: v, isPercent: u, value: a, style: f });
+        onChange: (y) => {
+          l(y), S({ type: y, isPercent: u, value: a, style: f });
         }
       }
     ),
@@ -5353,33 +5351,33 @@ const zd = (e) => {
           min: 1,
           max: 1e3,
           value: a,
-          onChange: (v) => {
-            const _ = v || 0;
-            c(_), S({ type: s, isPercent: u, value: _, style: f });
+          onChange: (y) => {
+            const w = y || 0;
+            c(w), S({ type: s, isPercent: u, value: w, style: f });
           }
         }
       ),
-      /* @__PURE__ */ d.jsxs("div", { className: `${O.mLSm} ${O.labelContainer} ${D.text}`, children: [
+      /* @__PURE__ */ d.jsxs("div", { className: `${O.mLSm} ${O.labelContainer} ${$.text}`, children: [
         /* @__PURE__ */ d.jsx(
           zn,
           {
             checked: u,
-            onChange: (v) => {
-              h(!!v), S({ type: s, isPercent: !!v, value: a, style: f });
+            onChange: (y) => {
+              h(!!y), S({ type: s, isPercent: !!y, value: a, style: f });
             }
           }
         ),
         r.t("sheet.cf.valueType.percent")
       ] })
     ] }),
-    /* @__PURE__ */ d.jsx("div", { className: `${D.cfPreviewWrap} `, children: /* @__PURE__ */ d.jsx(Kt, { rule: m({ type: s, isPercent: u, value: a, style: f }) }) }),
+    /* @__PURE__ */ d.jsx("div", { className: `${$.cfPreviewWrap} `, children: /* @__PURE__ */ d.jsx(Kt, { rule: m({ type: s, isPercent: u, value: a, style: f }) }) }),
     /* @__PURE__ */ d.jsx(
       _o,
       {
         style: o == null ? void 0 : o.style,
         className: `${O.mTSm} `,
-        onChange: (v) => {
-          g(v), S({ type: s, isPercent: u, value: a, style: v });
+        onChange: (y) => {
+          g(y), S({ type: s, isPercent: u, value: a, style: y });
         }
       }
     )
@@ -5400,10 +5398,10 @@ const zd = (e) => {
   ),
   e.children
 ] }), ne = (e, t) => ({ label: t.t(`sheet.cf.operator.${e}`), value: e }), _f = (e) => {
-  const { type: t, operator: n, onChange: r, value: o, interceptorManager: i } = e, s = oe($e), [l, a] = M(() => typeof o == "number" ? o : 0), [c, u] = M(""), [h, f] = M(() => typeof o == "string" ? o : ""), [g, m] = M(""), [S, I] = M(() => Array.isArray(o) ? o[0] === void 0 ? 0 : o[0] : 0), [v, _] = M(""), [C, w] = M(() => Array.isArray(o) ? o[1] === void 0 ? 100 : o[1] : 100), [p, x] = M("");
+  const { type: t, operator: n, onChange: r, value: o, interceptorManager: i } = e, s = oe($e), [l, a] = M(() => typeof o == "number" ? o : 0), [c, u] = M(""), [h, f] = M(() => typeof o == "string" ? o : ""), [g, m] = M(""), [S, I] = M(() => Array.isArray(o) ? o[0] === void 0 ? 0 : o[0] : 0), [y, w] = M(""), [C, x] = M(() => Array.isArray(o) ? o[1] === void 0 ? 100 : o[1] : 100), [p, R] = M("");
   switch (ve(() => {
     switch (t) {
-      case j.text: {
+      case N.text: {
         [
           X.beginsWith,
           X.endsWith,
@@ -5414,7 +5412,7 @@ const zd = (e) => {
         ].includes(n) && r(h);
         break;
       }
-      case j.number: {
+      case N.number: {
         [
           F.equal,
           F.notEqual,
@@ -5427,20 +5425,20 @@ const zd = (e) => {
       }
     }
   }, [t]), ve(() => {
-    const R = i.intercept(i.getInterceptPoints().beforeSubmit, {
-      handler: (y, E, $) => {
+    const _ = i.intercept(i.getInterceptPoints().beforeSubmit, {
+      handler: (b, E, D) => {
         switch (t) {
-          case j.text:
-            return X.beginsWith, X.containsText, X.endsWith, X.notEqual, X.notContainsText, X.equal, h ? $(y) : (m(s.t("sheet.cf.errorMessage.notBlank")), !1);
+          case N.text:
+            return X.beginsWith, X.containsText, X.endsWith, X.notEqual, X.notContainsText, X.equal, h ? D(b) : (m(s.t("sheet.cf.errorMessage.notBlank")), !1);
         }
-        return $(y);
+        return D(b);
       }
     });
     return () => {
-      R();
+      _();
     };
   }, [t, l, h, S, C]), t) {
-    case j.text: {
+    case N.text: {
       if ([
         X.beginsWith,
         X.endsWith,
@@ -5449,23 +5447,23 @@ const zd = (e) => {
         X.equal,
         X.notEqual
       ].includes(n)) {
-        const R = (y) => {
-          f(y), r(y);
+        const _ = (b) => {
+          f(b), r(b);
         };
         return /* @__PURE__ */ d.jsx("div", { className: `${O.mTSm}`, children: /* @__PURE__ */ d.jsx(ln, { errorText: g, children: /* @__PURE__ */ d.jsx(
           Ka,
           {
-            className: D.width100,
+            className: $.width100,
             value: h,
-            onChange: (y) => {
-              m(""), R(y);
+            onChange: (b) => {
+              m(""), _(b);
             }
           }
         ) }) });
       }
       break;
     }
-    case j.number: {
+    case N.number: {
       if ([
         F.equal,
         F.notEqual,
@@ -5474,20 +5472,20 @@ const zd = (e) => {
         F.lessThan,
         F.lessThanOrEqual
       ].includes(n)) {
-        const R = (y) => {
-          a(y || 0), r(y || 0), u("");
+        const _ = (b) => {
+          a(b || 0), r(b || 0), u("");
         };
-        return /* @__PURE__ */ d.jsx("div", { className: `${O.mTSm}`, children: /* @__PURE__ */ d.jsx(ln, { errorText: c, children: /* @__PURE__ */ d.jsx(St, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, className: D.width100, value: l, onChange: R }) }) });
+        return /* @__PURE__ */ d.jsx("div", { className: `${O.mTSm}`, children: /* @__PURE__ */ d.jsx(ln, { errorText: c, children: /* @__PURE__ */ d.jsx(St, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, className: $.width100, value: l, onChange: _ }) }) });
       }
       if ([F.between, F.notBetween].includes(n)) {
-        const R = (E) => {
-          I(E || 0), r([E || 0, C]), _("");
-        }, y = (E) => {
-          w(E || 0), r([S, E || 0]), x("");
+        const _ = (E) => {
+          I(E || 0), r([E || 0, C]), w("");
+        }, b = (E) => {
+          x(E || 0), r([S, E || 0]), R("");
         };
         return /* @__PURE__ */ d.jsxs("div", { className: `${O.mTSm} ${O.labelContainer} `, children: [
-          /* @__PURE__ */ d.jsx(ln, { errorText: v, children: /* @__PURE__ */ d.jsx(St, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, value: S, onChange: R }) }),
-          /* @__PURE__ */ d.jsx(ln, { errorText: p, children: /* @__PURE__ */ d.jsx(St, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, className: `${O.mLSm}`, value: C, onChange: y }) })
+          /* @__PURE__ */ d.jsx(ln, { errorText: y, children: /* @__PURE__ */ d.jsx(St, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, value: S, onChange: _ }) }),
+          /* @__PURE__ */ d.jsx(ln, { errorText: p, children: /* @__PURE__ */ d.jsx(St, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, className: `${O.mLSm}`, value: C, onChange: b }) })
         ] });
       }
     }
@@ -5495,7 +5493,7 @@ const zd = (e) => {
   return null;
 }, ti = (e, t) => {
   switch (e) {
-    case j.text:
+    case N.text:
       return [
         ne(X.containsText, t),
         ne(X.notContainsText, t),
@@ -5508,7 +5506,7 @@ const zd = (e) => {
         ne(X.containsErrors, t),
         ne(X.notContainsErrors, t)
       ];
-    case j.number:
+    case N.number:
       return [
         ne(F.between, t),
         ne(F.notBetween, t),
@@ -5519,7 +5517,7 @@ const zd = (e) => {
         ne(F.lessThan, t),
         ne(F.lessThanOrEqual, t)
       ];
-    case j.timePeriod:
+    case N.timePeriod:
       return [
         ne(Ge.yesterday, t),
         ne(Ge.today, t),
@@ -5534,42 +5532,42 @@ const zd = (e) => {
       ];
   }
 }, ni = (e) => {
-  var w;
-  const { interceptorManager: t, onChange: n } = e, r = oe($e), o = ((w = e.rule) == null ? void 0 : w.type) === L.highlightCell ? e.rule : void 0, [i, s] = M(() => {
-    const p = j.text;
+  var x;
+  const { interceptorManager: t, onChange: n } = e, r = oe($e), o = ((x = e.rule) == null ? void 0 : x.type) === j.highlightCell ? e.rule : void 0, [i, s] = M(() => {
+    const p = N.text;
     return o && o.subType || p;
   }), l = [
     {
-      value: j.text,
+      value: N.text,
       label: r.t("sheet.cf.subRuleType.text")
     },
     {
-      value: j.number,
+      value: N.number,
       label: r.t("sheet.cf.subRuleType.number")
     },
     {
-      value: j.timePeriod,
+      value: N.timePeriod,
       label: r.t("sheet.cf.subRuleType.timePeriod")
     },
     {
-      value: j.duplicateValues,
+      value: N.duplicateValues,
       label: r.t("sheet.cf.subRuleType.duplicateValues")
     },
     {
-      value: j.uniqueValues,
+      value: N.uniqueValues,
       label: r.t("sheet.cf.subRuleType.uniqueValues")
     }
   ], a = be(() => ti(i, r), [i]), [c, u] = M(() => {
     const p = a ? a[0].value : void 0;
     return o && o.operator || p;
   }), [h, f] = M(() => {
-    var R;
+    var _;
     const p = "";
-    return o ? (R = o.value) != null ? R : Pr(o.subType, o.operator) : p;
+    return o ? (_ = o.value) != null ? _ : Pr(o.subType, o.operator) : p;
   }), [g, m] = M({}), S = be(() => (p) => {
-    var x, R, y, E, $, N, W, b, T, ee, Oe, Se, Ce, We, H;
+    var R, _, b, E, D, L, W, v, T, ee, Oe, Se, Ce, We, H;
     switch (p.subType || i) {
-      case j.text: {
+      case N.text: {
         if ([
           X.beginsWith,
           X.endsWith,
@@ -5579,15 +5577,15 @@ const zd = (e) => {
           X.notEqual
         ].includes(c))
           return {
-            type: L.highlightCell,
-            subType: (x = p.subType) != null ? x : i,
-            operator: (R = p.operator) != null ? R : c,
-            style: (y = p.style) != null ? y : g,
+            type: j.highlightCell,
+            subType: (R = p.subType) != null ? R : i,
+            operator: (_ = p.operator) != null ? _ : c,
+            style: (b = p.style) != null ? b : g,
             value: (E = p.value) != null ? E : h
           };
         break;
       }
-      case j.number: {
+      case N.number: {
         if ([
           F.equal,
           F.notEqual,
@@ -5597,15 +5595,15 @@ const zd = (e) => {
           F.lessThanOrEqual
         ].includes(c))
           return {
-            type: L.highlightCell,
-            subType: ($ = p.subType) != null ? $ : i,
-            operator: (N = p.operator) != null ? N : c,
+            type: j.highlightCell,
+            subType: (D = p.subType) != null ? D : i,
+            operator: (L = p.operator) != null ? L : c,
             style: (W = p.style) != null ? W : g,
-            value: (b = p.value) != null ? b : h
+            value: (v = p.value) != null ? v : h
           };
         if ([F.between, F.notBetween].includes(c))
           return {
-            type: L.highlightCell,
+            type: j.highlightCell,
             subType: (T = p.subType) != null ? T : i,
             operator: (ee = p.operator) != null ? ee : c,
             style: (Oe = p.style) != null ? Oe : g,
@@ -5615,7 +5613,7 @@ const zd = (e) => {
       }
     }
     return {
-      type: L.highlightCell,
+      type: j.highlightCell,
       subType: (Ce = p.subType) != null ? Ce : i,
       operator: (We = p.operator) != null ? We : c,
       style: (H = p.style) != null ? H : g
@@ -5629,20 +5627,20 @@ const zd = (e) => {
     l.some((p) => p.value === i) || s(l[0].value);
   }, [l]);
   const I = (p) => {
-    const x = p, R = ti(x, r), y = R && R[0].value;
-    s(x), u(y), y && f(Pr(x, y)), n(S({ subType: x, operator: y }));
-  }, v = (p) => {
-    const x = p;
-    u(x), n(S({ operator: x }));
-  }, _ = (p) => {
+    const R = p, _ = ti(R, r), b = _ && _[0].value;
+    s(R), u(b), b && f(Pr(R, b)), n(S({ subType: R, operator: b }));
+  }, y = (p) => {
+    const R = p;
+    u(R), n(S({ operator: R }));
+  }, w = (p) => {
     f(p), n(S({ value: p }));
   }, C = be(() => `${i}_${c}_${Math.random()}`, [i, c]);
   return /* @__PURE__ */ d.jsxs("div", { children: [
     /* @__PURE__ */ d.jsx("div", { className: `${O.title} ${O.mTBase}`, children: r.t("sheet.cf.panel.styleRule") }),
-    /* @__PURE__ */ d.jsx(Ve, { className: `${O.mTSm} ${D.width100}`, onChange: I, value: i, options: l }),
-    (a == null ? void 0 : a.length) && /* @__PURE__ */ d.jsx(Ve, { className: `${O.mTSm} ${D.width100}`, onChange: v, value: c || "", options: a }),
-    /* @__PURE__ */ d.jsx(_f, { value: h, interceptorManager: t, type: i, operator: c, rule: o, onChange: _ }, C),
-    /* @__PURE__ */ d.jsx("div", { className: `${D.cfPreviewWrap}`, children: /* @__PURE__ */ d.jsx(Kt, { rule: S({}) }) }),
+    /* @__PURE__ */ d.jsx(Ve, { className: `${O.mTSm} ${$.width100}`, onChange: I, value: i, options: l }),
+    (a == null ? void 0 : a.length) && /* @__PURE__ */ d.jsx(Ve, { className: `${O.mTSm} ${$.width100}`, onChange: y, value: c || "", options: a }),
+    /* @__PURE__ */ d.jsx(_f, { value: h, interceptorManager: t, type: i, operator: c, rule: o, onChange: w }, C),
+    /* @__PURE__ */ d.jsx("div", { className: `${$.cfPreviewWrap}`, children: /* @__PURE__ */ d.jsx(Kt, { rule: S({}) }) }),
     /* @__PURE__ */ d.jsx(
       _o,
       {
@@ -5656,11 +5654,11 @@ const zd = (e) => {
   ] });
 }, wf = (e) => {
   var I;
-  const { onChange: t, interceptorManager: n } = e, r = oe($e), i = oe(re).getCurrentUnitForType(G.UNIVER_SHEET), s = i.getActiveSheet(), l = ((I = e.rule) == null ? void 0 : I.type) === L.highlightCell ? e.rule : void 0, [a, c] = M({}), [u, h] = M(() => (l == null ? void 0 : l.subType) === j.formula ? l.value : "="), [f, g] = M(""), m = (v) => ({
-    style: v.style,
+  const { onChange: t, interceptorManager: n } = e, r = oe($e), i = oe(re).getCurrentUnitForType(G.UNIVER_SHEET), s = i.getActiveSheet(), l = ((I = e.rule) == null ? void 0 : I.type) === j.highlightCell ? e.rule : void 0, [a, c] = M({}), [u, h] = M(() => (l == null ? void 0 : l.subType) === N.formula ? l.value : "="), [f, g] = M(""), m = (y) => ({
+    style: y.style,
     value: u,
-    type: L.highlightCell,
-    subType: j.formula
+    type: j.highlightCell,
+    subType: N.formula
   });
   ve(() => n.intercept(n.getInterceptPoints().submit, {
     handler() {
@@ -5668,11 +5666,11 @@ const zd = (e) => {
     }
   }), [a, u, n]), ve(() => {
     n.intercept(n.getInterceptPoints().beforeSubmit, {
-      handler: (v, _, C) => !u || u.length === 1 || !f.startsWith("=") ? (g(r.t("sheet.cf.errorMessage.formulaError")), !1) : C(v)
+      handler: (y, w, C) => !u || u.length === 1 || !f.startsWith("=") ? (g(r.t("sheet.cf.errorMessage.formulaError")), !1) : C(y)
     });
   }, [u]);
-  const S = (v) => {
-    t(m(v));
+  const S = (y) => {
+    t(m(y));
   };
   return /* @__PURE__ */ d.jsxs("div", { children: [
     /* @__PURE__ */ d.jsx("div", { className: `${O.title} ${O.mTBase}`, children: r.t("sheet.cf.panel.styleRule") }),
@@ -5685,20 +5683,20 @@ const zd = (e) => {
         value: u,
         canvasStyle: { fontSize: 10 },
         onlyInputFormula: !0,
-        onChange: (v = "") => {
-          const _ = v || "";
-          h(_), S({ style: a, formula: _ }), g("");
+        onChange: (y = "") => {
+          const w = y || "";
+          h(w), S({ style: a, formula: w }), g("");
         }
       }
     ) }) }),
-    /* @__PURE__ */ d.jsx("div", { className: `${D.cfPreviewWrap} `, children: /* @__PURE__ */ d.jsx(Kt, { rule: m({ style: a, formula: u }) }) }),
+    /* @__PURE__ */ d.jsx("div", { className: `${$.cfPreviewWrap} `, children: /* @__PURE__ */ d.jsx(Kt, { rule: m({ style: a, formula: u }) }) }),
     /* @__PURE__ */ d.jsx(
       _o,
       {
         style: l == null ? void 0 : l.style,
         className: `${O.mTSm} `,
-        onChange: (v) => {
-          c(v), S({ style: v, formula: u });
+        onChange: (y) => {
+          c(y), S({ style: y, formula: u });
         }
       }
     )
@@ -6185,10 +6183,10 @@ function Sp(e, t, n) {
 var Cp = Sp;
 const _p = /* @__PURE__ */ Kr(Cp), Zs = (e, t) => (bt[e] || [])[Number(t)] || "", wp = (e) => {
   var i;
-  const t = oe(re), n = t.getCurrentUnitForType(G.UNIVER_SHEET).getUnitId(), r = (i = t.getCurrentUnitForType(G.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : i.getSheetId(), o = be(() => e.error ? D.errorInput : "", [e.error]);
-  return /* @__PURE__ */ d.jsx("div", { className: D.positionRelative, children: e.type !== A.formula ? /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+  const t = oe(re), n = t.getCurrentUnitForType(G.UNIVER_SHEET).getUnitId(), r = (i = t.getCurrentUnitForType(G.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : i.getSheetId(), o = be(() => e.error ? $.errorInput : "", [e.error]);
+  return /* @__PURE__ */ d.jsx("div", { className: $.positionRelative, children: e.type !== A.formula ? /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
     /* @__PURE__ */ d.jsx(St, { className: o, value: Number(e.value) || 0, onChange: (s) => e.onChange(s != null ? s : 0) }),
-    e.error && /* @__PURE__ */ d.jsx("div", { className: D.errorText, children: e.error })
+    e.error && /* @__PURE__ */ d.jsx("div", { className: $.errorText, children: e.error })
   ] }) : /* @__PURE__ */ d.jsx(
     Bn,
     {
@@ -6213,11 +6211,11 @@ const _p = /* @__PURE__ */ Kr(Cp), Zs = (e, t) => (bt[e] || [])[Number(t)] || ""
   const n = oe($e), r = (o) => {
     e.onClick(o);
   };
-  return /* @__PURE__ */ d.jsx("div", { ref: t, className: D.iconGroupList, children: fa.map((o, i) => /* @__PURE__ */ d.jsxs("div", { className: D.group, children: [
-    /* @__PURE__ */ d.jsx("div", { className: D.title, children: n.t(o.title) }),
-    /* @__PURE__ */ d.jsx("div", { className: D.itemContent, children: o.group.map((s) => /* @__PURE__ */ d.jsx("div", { className: D.itemWrap, onClick: () => {
+  return /* @__PURE__ */ d.jsx("div", { ref: t, className: $.iconGroupList, children: fa.map((o, i) => /* @__PURE__ */ d.jsxs("div", { className: $.group, children: [
+    /* @__PURE__ */ d.jsx("div", { className: $.title, children: n.t(o.title) }),
+    /* @__PURE__ */ d.jsx("div", { className: $.itemContent, children: o.group.map((s) => /* @__PURE__ */ d.jsx("div", { className: $.itemWrap, onClick: () => {
       r(s.name);
-    }, children: /* @__PURE__ */ d.jsx("div", { className: D.item, children: s.list.map((l, a) => /* @__PURE__ */ d.jsx("img", { className: D.icon, src: l }, a)) }) }, s.name)) })
+    }, children: /* @__PURE__ */ d.jsx("div", { className: $.item, children: s.list.map((l, a) => /* @__PURE__ */ d.jsx("img", { className: $.icon, src: l }, a)) }) }, s.name)) })
   ] }, i)) });
 }), Rp = (e) => {
   const t = be(() => {
@@ -6236,12 +6234,12 @@ const _p = /* @__PURE__ */ Kr(Cp), Zs = (e, t) => (bt[e] || [])[Number(t)] || ""
   }, []), n = (r) => {
     e.onClick(r.iconType, r.iconId);
   };
-  return /* @__PURE__ */ d.jsxs("div", { className: D.iconItemListWrap, children: [
-    /* @__PURE__ */ d.jsxs("div", { className: D.none, onClick: () => n({ iconType: pa, iconId: "", base64: "" }), children: [
-      /* @__PURE__ */ d.jsx(Sn, { className: D.icon }),
+  return /* @__PURE__ */ d.jsxs("div", { className: $.iconItemListWrap, children: [
+    /* @__PURE__ */ d.jsxs("div", { className: $.none, onClick: () => n({ iconType: pa, iconId: "", base64: "" }), children: [
+      /* @__PURE__ */ d.jsx(Sn, { className: $.icon }),
       /* @__PURE__ */ d.jsx("span", { children: "无单元格图标" })
     ] }),
-    /* @__PURE__ */ d.jsx("div", { className: D.iconItemList, children: t.map((r) => /* @__PURE__ */ d.jsx("div", { className: D.item, children: /* @__PURE__ */ d.jsx("img", { onClick: () => n(r), className: `${D.icon}`, src: r.base64 }) }, `${r.iconType}_${r.iconId}`)) })
+    /* @__PURE__ */ d.jsx("div", { className: $.iconItemList, children: t.map((r) => /* @__PURE__ */ d.jsx("div", { className: $.item, children: /* @__PURE__ */ d.jsx("img", { onClick: () => n(r), className: `${$.icon}`, src: r.base64 }) }, `${r.iconType}_${r.iconId}`)) })
   ] });
 }, Ip = (e) => {
   const { onChange: t, configList: n, errorMap: r = {} } = e, o = oe($e), i = [
@@ -6256,120 +6254,120 @@ const _p = /* @__PURE__ */ Kr(Cp), Zs = (e, t) => (bt[e] || [])[Number(t)] || ""
     t([String(f), "value", "value"], h);
   }, a = (h, f) => {
     t([String(f), "operator"], h);
-    const g = Pr(j.number, h);
+    const g = Pr(N.number, h);
     l(g, f);
   }, c = (h, f) => {
     t([String(f), "value", "type"], h);
   };
   return be(() => n.map((h, f) => {
-    const g = r[f], m = Zs(h.iconType, h.iconId), S = f === n.length - 1, I = f === 0, v = n[f - 1], _ = (v == null ? void 0 : v.value.type) === A.formula ? o.t("sheet.cf.valueType.formula") : v == null ? void 0 : v.value.value, C = (w, p) => {
-      const x = { ...h, iconId: p, iconType: w };
-      t([String(f)], x);
+    const g = r[f], m = Zs(h.iconType, h.iconId), S = f === n.length - 1, I = f === 0, y = n[f - 1], w = (y == null ? void 0 : y.value.type) === A.formula ? o.t("sheet.cf.valueType.formula") : y == null ? void 0 : y.value.value, C = (x, p) => {
+      const R = { ...h, iconId: p, iconType: x };
+      t([String(f)], R);
     };
     return /* @__PURE__ */ d.jsxs("div", { className: `${f ? O.mTXl : O.mTSm}`, children: [
-      /* @__PURE__ */ d.jsxs("div", { className: `${O.label} ${D.flex}`, children: [
-        /* @__PURE__ */ d.jsxs("div", { className: `${D.width45}`, children: [
+      /* @__PURE__ */ d.jsxs("div", { className: `${O.label} ${$.flex}`, children: [
+        /* @__PURE__ */ d.jsxs("div", { className: `${$.width45}`, children: [
           o.t("sheet.cf.iconSet.icon"),
           f + 1
         ] }),
-        /* @__PURE__ */ d.jsx("div", { className: `${D.width45}`, children: /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+        /* @__PURE__ */ d.jsx("div", { className: `${$.width45}`, children: /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
           !I && !S && o.t("sheet.cf.iconSet.rule"),
-          !I && !S && /* @__PURE__ */ d.jsxs("span", { className: D.stress, children: [
+          !I && !S && /* @__PURE__ */ d.jsxs("span", { className: $.stress, children: [
             "(",
             o.t("sheet.cf.iconSet.when"),
-            o.t(`sheet.cf.symbol.${Dr(v.operator)}`),
-            _,
+            o.t(`sheet.cf.symbol.${Dr(y.operator)}`),
+            w,
             S ? "" : ` ${o.t("sheet.cf.iconSet.and")} `,
             ")"
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ d.jsxs("div", { className: `${D.flex} ${O.mTSm}`, children: [
-        /* @__PURE__ */ d.jsx("div", { className: `${D.iconWrap} ${D.width45}`, children: /* @__PURE__ */ d.jsx(Xr, { overlay: /* @__PURE__ */ d.jsx(Rp, { onClick: C, iconId: h.iconId, iconType: h.iconType }), children: /* @__PURE__ */ d.jsxs("div", { className: D.dropdownIcon, children: [
-          m ? /* @__PURE__ */ d.jsx("img", { src: m, className: D.icon }) : /* @__PURE__ */ d.jsx(Sn, { className: D.icon }),
+      /* @__PURE__ */ d.jsxs("div", { className: `${$.flex} ${O.mTSm}`, children: [
+        /* @__PURE__ */ d.jsx("div", { className: `${$.iconWrap} ${$.width45}`, children: /* @__PURE__ */ d.jsx(Xr, { overlay: /* @__PURE__ */ d.jsx(Rp, { onClick: C, iconId: h.iconId, iconType: h.iconType }), children: /* @__PURE__ */ d.jsxs("div", { className: $.dropdownIcon, children: [
+          m ? /* @__PURE__ */ d.jsx("img", { src: m, className: $.icon }) : /* @__PURE__ */ d.jsx(Sn, { className: $.icon }),
           /* @__PURE__ */ d.jsx(Yn, {})
         ] }) }) }),
-        S ? /* @__PURE__ */ d.jsxs("div", { className: `${D.width45} ${O.label}`, style: { marginTop: 0 }, children: [
+        S ? /* @__PURE__ */ d.jsxs("div", { className: `${$.width45} ${O.label}`, style: { marginTop: 0 }, children: [
           o.t("sheet.cf.iconSet.rule"),
-          /* @__PURE__ */ d.jsxs("span", { className: D.stress, children: [
+          /* @__PURE__ */ d.jsxs("span", { className: $.stress, children: [
             "(",
             o.t("sheet.cf.iconSet.when"),
-            o.t(`sheet.cf.symbol.${Dr(v.operator)}`),
-            _,
+            o.t(`sheet.cf.symbol.${Dr(y.operator)}`),
+            w,
             S ? "" : ` ${o.t("sheet.cf.iconSet.and")} `,
             ")"
           ] })
-        ] }) : /* @__PURE__ */ d.jsx(Ve, { className: `${O.mL0} ${D.width45} ${O.mR0}`, options: i, value: h.operator, onChange: (w) => {
-          a(w, f);
+        ] }) : /* @__PURE__ */ d.jsx(Ve, { className: `${O.mL0} ${$.width45} ${O.mR0}`, options: i, value: h.operator, onChange: (x) => {
+          a(x, f);
         } })
       ] }),
       S ? /* @__PURE__ */ d.jsx("div", {}) : /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
-        /* @__PURE__ */ d.jsxs("div", { className: `${O.mTSm} ${O.label} ${D.flex}`, children: [
-          /* @__PURE__ */ d.jsx("div", { className: `${D.width45}`, children: o.t("sheet.cf.iconSet.type") }),
-          /* @__PURE__ */ d.jsx("div", { className: `${D.width45}`, children: o.t("sheet.cf.iconSet.value") })
+        /* @__PURE__ */ d.jsxs("div", { className: `${O.mTSm} ${O.label} ${$.flex}`, children: [
+          /* @__PURE__ */ d.jsx("div", { className: `${$.width45}`, children: o.t("sheet.cf.iconSet.type") }),
+          /* @__PURE__ */ d.jsx("div", { className: `${$.width45}`, children: o.t("sheet.cf.iconSet.value") })
         ] }),
-        /* @__PURE__ */ d.jsxs("div", { className: `${O.mTSm} ${D.flex}`, children: [
-          /* @__PURE__ */ d.jsx(Ve, { className: `${D.width45} ${O.mL0}`, options: s, value: h.value.type, onChange: (w) => {
-            c(w, f);
+        /* @__PURE__ */ d.jsxs("div", { className: `${O.mTSm} ${$.flex}`, children: [
+          /* @__PURE__ */ d.jsx(Ve, { className: `${$.width45} ${O.mL0}`, options: s, value: h.value.type, onChange: (x) => {
+            c(x, f);
           } }),
-          /* @__PURE__ */ d.jsx("div", { className: `${O.mL0} ${D.width45}`, children: /* @__PURE__ */ d.jsx(wp, { id: f, type: h.value.type, error: g, value: h.value.value || "", onChange: (w) => l(w, f) }) })
+          /* @__PURE__ */ d.jsx("div", { className: `${O.mL0} ${$.width45}`, children: /* @__PURE__ */ d.jsx(wp, { id: f, type: h.value.type, error: g, value: h.value.value || "", onChange: (x) => l(x, f) }) })
         ] })
       ] })
     ] }, f);
   }), [n, r]);
 }, Tp = (e) => {
-  var w;
-  const { interceptorManager: t } = e, n = ((w = e.rule) == null ? void 0 : w.type) === L.iconSet ? e.rule : void 0, r = oe($e), [o, i] = M({}), [s, l] = M(() => {
+  var x;
+  const { interceptorManager: t } = e, n = ((x = e.rule) == null ? void 0 : x.type) === j.iconSet ? e.rule : void 0, r = oe($e), [o, i] = M({}), [s, l] = M(() => {
     const p = Object.keys(bt)[0];
     if (n && n.config.length) {
-      const x = n.config[0].iconType;
-      if (!n.config.some((y) => y.iconType !== x))
-        return x;
+      const R = n.config[0].iconType;
+      if (!n.config.some((b) => b.iconType !== R))
+        return R;
     }
     return p;
   }), [a, c] = M(() => {
     if (n && n.config.length)
       return bn.deepClone(n == null ? void 0 : n.config);
     const p = bt[s] || [];
-    return new Array(p.length).fill("").map((x, R, y) => R === y.length - 1 ? {
+    return new Array(p.length).fill("").map((R, _, b) => _ === b.length - 1 ? {
       operator: F.lessThanOrEqual,
       value: { type: A.num, value: Number.MAX_SAFE_INTEGER },
       iconType: s,
-      iconId: String(R)
-    } : di(s, R, y));
+      iconId: String(_)
+    } : di(s, _, b));
   }), [u, h] = M(() => n ? !!n.isShowValue : !0), f = be(() => {
-    const p = a.map((x) => Zs(x.iconType, x.iconId));
-    return /* @__PURE__ */ d.jsx("div", { className: D.iconWrap, children: p.map((x, R) => x ? /* @__PURE__ */ d.jsx("img", { className: D.icon, src: x }, R) : /* @__PURE__ */ d.jsx(Sn, { className: D.icon }, R)) });
+    const p = a.map((R) => Zs(R.iconType, R.iconId));
+    return /* @__PURE__ */ d.jsx("div", { className: $.iconWrap, children: p.map((R, _) => R ? /* @__PURE__ */ d.jsx("img", { className: $.icon, src: R }, _) : /* @__PURE__ */ d.jsx(Sn, { className: $.icon }, _)) });
   }, [a]), g = (p) => {
-    if (p.reduce((R, y, E) => R.preType && !R.result || p.length - 1 === E ? R : y.value.type === A.formula ? {
+    if (p.reduce((_, b, E) => _.preType && !_.result || p.length - 1 === E ? _ : b.value.type === A.formula ? {
       preType: A.formula,
       result: !1
-    } : R.preType ? {
-      result: R.preType === y.value.type,
-      preType: y.value.type
+    } : _.preType ? {
+      result: _.preType === b.value.type,
+      preType: b.value.type
     } : {
       result: !0,
-      preType: y.value.type
+      preType: b.value.type
     }, { result: !0, preType: "" }).result && [A.num, A.percent, A.percentile].includes(p[0].value.type)) {
-      const R = {};
-      return p.forEach((y, E, $) => {
-        if (E - 1 < 0 || E === $.length - 1)
+      const _ = {};
+      return p.forEach((b, E, D) => {
+        if (E - 1 < 0 || E === D.length - 1)
           return;
-        const W = p[E - 1], b = Dr(W.operator);
-        ha({ operator: b, value: W.value.value }, y.value.value) || (R[E] = `${r.t(`sheet.cf.form.${b}`, String(W.value.value))} `);
-      }), R;
+        const W = p[E - 1], v = Dr(W.operator);
+        ha({ operator: v, value: W.value.value }, b.value.value) || (_[E] = `${r.t(`sheet.cf.form.${v}`, String(W.value.value))} `);
+      }), _;
     }
     return {};
-  }, m = (p, x) => {
-    _p(a, p) !== x && (xh(a, p, x), c([...a]), i(g(a)));
+  }, m = (p, R) => {
+    _p(a, p) !== R && (xh(a, p, R), c([...a]), i(g(a)));
   }, S = (p) => {
     l(p);
-    const x = bt[p] || [], R = new Array(x.length).fill("").map((y, E, $) => di(p, E, $));
-    c(R), i(g(R));
+    const R = bt[p] || [], _ = new Array(R.length).fill("").map((b, E, D) => di(p, E, D));
+    c(_), i(g(_));
   };
   ve(() => {
     const p = t.intercept(t.getInterceptPoints().submit, { handler() {
-      return { type: L.iconSet, isShowValue: u, config: a };
+      return { type: j.iconSet, isShowValue: u, config: a };
     } });
     return () => {
       p();
@@ -6383,24 +6381,24 @@ const _p = /* @__PURE__ */ Kr(Cp), Zs = (e, t) => (bt[e] || [])[Number(t)] || ""
     };
   }, [u, a, t, o]);
   const I = () => {
-    const p = a.map((x) => ({ ...x }));
-    a.forEach((x, R) => {
-      const y = a.length - 1 - R, E = p[y];
-      x.iconId = E.iconId, x.iconType = E.iconType;
+    const p = a.map((R) => ({ ...R }));
+    a.forEach((R, _) => {
+      const b = a.length - 1 - _, E = p[b];
+      R.iconId = E.iconId, R.iconType = E.iconType;
     }), c([...a]);
-  }, v = oe(Ma), [_, C] = M();
-  return Na(_, v.rootContainerElement), /* @__PURE__ */ d.jsxs("div", { className: D.iconSet, children: [
+  }, y = oe(Ma), [w, C] = M();
+  return Na(w, y.rootContainerElement), /* @__PURE__ */ d.jsxs("div", { className: $.iconSet, children: [
     /* @__PURE__ */ d.jsx("div", { className: O.title, children: r.t("sheet.cf.panel.styleRule") }),
-    /* @__PURE__ */ d.jsx("div", { className: `${O.mTSm}`, children: /* @__PURE__ */ d.jsx(Xr, { placement: "bottomLeft", overlay: /* @__PURE__ */ d.jsx(xp, { ref: (p) => !_ && p && C(p), iconType: s, onClick: S }), children: /* @__PURE__ */ d.jsxs("div", { className: D.dropdownIcon, style: { width: "unset" }, children: [
+    /* @__PURE__ */ d.jsx("div", { className: `${O.mTSm}`, children: /* @__PURE__ */ d.jsx(Xr, { placement: "bottomLeft", overlay: /* @__PURE__ */ d.jsx(xp, { ref: (p) => !w && p && C(p), iconType: s, onClick: S }), children: /* @__PURE__ */ d.jsxs("div", { className: $.dropdownIcon, style: { width: "unset" }, children: [
       f,
       /* @__PURE__ */ d.jsx(Yn, {})
     ] }) }) }),
-    /* @__PURE__ */ d.jsxs("div", { className: `${O.mTSm} ${D.renderConfig}`, children: [
-      /* @__PURE__ */ d.jsxs("div", { className: D.utilItem, children: [
+    /* @__PURE__ */ d.jsxs("div", { className: `${O.mTSm} ${$.renderConfig}`, children: [
+      /* @__PURE__ */ d.jsxs("div", { className: $.utilItem, children: [
         /* @__PURE__ */ d.jsx(zn, { onChange: I }),
         r.t("sheet.cf.iconSet.reverseIconOrder")
       ] }),
-      /* @__PURE__ */ d.jsxs("div", { className: `${D.utilItem} ${O.mLXl}`, children: [
+      /* @__PURE__ */ d.jsxs("div", { className: `${$.utilItem} ${O.mLXl}`, children: [
         /* @__PURE__ */ d.jsx(zn, { checked: !u, onChange: (p) => {
           h(!p);
         } }),
@@ -6413,14 +6411,14 @@ const _p = /* @__PURE__ */ Kr(Cp), Zs = (e, t) => (bt[e] || [])[Number(t)] || ""
   var t;
   return (t = e.getCurrentUnitForType(G.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : t.getSheetId();
 }, Op = (e) => {
-  var w, p, x, R;
-  const t = oe($e), n = oe(ue), r = oe(re), o = oe(he), i = oe(Gt), s = fi(r), l = hi(r), a = pn((p = (w = e.rule) == null ? void 0 : w.ranges) != null ? p : []), c = be(() => {
-    var E, $, N;
-    let y = (E = e.rule) == null ? void 0 : E.ranges;
-    return y != null && y.length || (y = (N = ($ = i.getCurrentSelections()) == null ? void 0 : $.map((W) => W.range)) != null ? N : []), a.current = y, y != null && y.length ? y.map((W) => {
-      const b = Mi(W);
-      return b === "NaN" ? "" : b;
-    }).filter((W) => !!W).join(",") : "";
+  var x, p, R;
+  const t = oe($e), n = oe(ue), r = oe(re), o = oe(he), i = oe(Gt), s = fi(r), l = hi(r), a = pn((p = (x = e.rule) == null ? void 0 : x.ranges) != null ? p : []), c = be(() => {
+    var b, E, D;
+    let _ = (b = e.rule) == null ? void 0 : b.ranges;
+    return _ != null && _.length || (_ = (D = (E = i.getCurrentSelections()) == null ? void 0 : E.map((L) => L.range)) != null ? D : []), a.current = _, _ != null && _.length ? _.map((L) => {
+      const W = Mi(L);
+      return W === "NaN" ? "" : W;
+    }).filter((L) => !!L).join(",") : "";
   }, [e.rule]), u = [
     { label: t.t("sheet.cf.ruleType.highlightCell"), value: "1" },
     { label: t.t("sheet.cf.panel.rankAndAverage"), value: "2" },
@@ -6429,35 +6427,35 @@ const _p = /* @__PURE__ */ Kr(Cp), Zs = (e, t) => (bt[e] || [])[Number(t)] || ""
     { label: t.t("sheet.cf.ruleType.formula"), value: "5" },
     { label: t.t("sheet.cf.ruleType.iconSet"), value: "6" }
   ], [h, f] = M(() => {
-    var $, N;
-    const y = ($ = e.rule) == null ? void 0 : $.rule.type, E = u[0].value;
-    if (!y)
-      return E;
-    switch (y) {
-      case L.highlightCell: {
-        switch ((N = e.rule) == null ? void 0 : N.rule.subType) {
-          case j.number:
-          case j.text:
-          case j.duplicateValues:
-          case j.uniqueValues:
-          case j.timePeriod:
+    var E, D;
+    const _ = (E = e.rule) == null ? void 0 : E.rule.type, b = u[0].value;
+    if (!_)
+      return b;
+    switch (_) {
+      case j.highlightCell: {
+        switch ((D = e.rule) == null ? void 0 : D.rule.subType) {
+          case N.number:
+          case N.text:
+          case N.duplicateValues:
+          case N.uniqueValues:
+          case N.timePeriod:
             return "1";
-          case j.average:
-          case j.rank:
+          case N.average:
+          case N.rank:
             return "2";
-          case j.formula:
+          case N.formula:
             return "5";
         }
         break;
       }
-      case L.dataBar:
+      case j.dataBar:
         return "3";
-      case L.colorScale:
+      case j.colorScale:
         return "4";
-      case L.iconSet:
+      case j.iconSet:
         return "6";
     }
-    return E;
+    return b;
   }), g = pn(), m = be(() => new ia({ beforeSubmit: Hd, submit: Vd }), []), S = be(() => {
     switch (h) {
       case "1":
@@ -6477,43 +6475,40 @@ const _p = /* @__PURE__ */ Kr(Cp), Zs = (e, t) => (bt[e] || [])[Number(t)] || ""
     }
   }, [h]);
   ve(() => {
-    var y;
-    if (((y = e.rule) == null ? void 0 : y.cfId) !== void 0) {
-      const E = n.onCommandExecuted(($) => {
-        if ($.id === Sa.id) {
-          const N = $.params;
-          N.subUnitId === l && N.unitId === s && e.onCancel();
-        }
-        $.id === Br.id && e.onCancel();
-      });
-      return () => E.dispose();
-    }
-  }, [(x = e.rule) == null ? void 0 : x.cfId]);
-  const I = (y) => {
-    g.current = y;
-  }, v = (y) => {
-    a.current = y.map((E) => E.range);
-  }, _ = () => {
-    const E = (() => {
-      const N = r.getCurrentUnitForType(G.UNIVER_SHEET).getActiveSheet();
-      if (!N)
+    const _ = n.onCommandExecuted((b) => {
+      if (b.id === Sa.id) {
+        const E = b.params;
+        E.subUnitId === l && E.unitId === s && e.onCancel();
+      }
+      b.id === Br.id && e.onCancel();
+    });
+    return () => _.dispose();
+  }, []);
+  const I = (_) => {
+    g.current = _;
+  }, y = (_) => {
+    a.current = _.map((b) => b.range);
+  }, w = () => {
+    const b = (() => {
+      const D = r.getCurrentUnitForType(G.UNIVER_SHEET).getActiveSheet();
+      if (!D)
         throw new Error("No active sheet found");
-      return a.current.map((T) => Ca(T, N.getRowCount(), N.getColumnCount())).filter((T) => !(Number.isNaN(T.startRow) || Number.isNaN(T.startColumn)));
+      return a.current.map((v) => Ca(v, D.getRowCount(), D.getColumnCount())).filter((v) => !(Number.isNaN(v.startRow) || Number.isNaN(v.startColumn)));
     })();
     if (m.fetchThroughInterceptors(m.getInterceptPoints().beforeSubmit)(!0, null)) {
-      const N = m.fetchThroughInterceptors(m.getInterceptPoints().submit)(null, null);
-      if (N) {
-        const W = fi(r), b = hi(r);
-        if (!W || !b)
+      const D = m.fetchThroughInterceptors(m.getInterceptPoints().submit)(null, null);
+      if (D) {
+        const L = fi(r), W = hi(r);
+        if (!L || !W)
           throw new Error("No active sheet found");
-        let T = {};
-        e.rule && e.rule.cfId ? (T = { ...e.rule, ranges: E, rule: N }, n.executeCommand(Co.id, { unitId: W, subUnitId: b, rule: T }), e.onCancel()) : (T = { cfId: o.createCfId(W, b), ranges: E, rule: N, stopIfTrue: !1 }, n.executeCommand(lr.id, { unitId: W, subUnitId: b, rule: T }), e.onCancel());
+        let v = {};
+        e.rule && e.rule.cfId ? (v = { ...e.rule, ranges: b, rule: D }, n.executeCommand(Co.id, { unitId: L, subUnitId: W, rule: v }), e.onCancel()) : (v = { cfId: o.createCfId(L, W), ranges: b, rule: D, stopIfTrue: !1 }, n.executeCommand(lr.id, { unitId: L, subUnitId: W, rule: v }), e.onCancel());
       }
     }
   }, C = () => {
     e.onCancel();
   };
-  return /* @__PURE__ */ d.jsxs("div", { className: D.cfRuleStyleEditor, children: [
+  return /* @__PURE__ */ d.jsxs("div", { className: $.cfRuleStyleEditor, children: [
     /* @__PURE__ */ d.jsx("div", { className: O.title, children: t.t("sheet.cf.panel.range") }),
     /* @__PURE__ */ d.jsx("div", { className: `${O.mTBase}`, children: /* @__PURE__ */ d.jsx(
       ja,
@@ -6524,15 +6519,15 @@ const _p = /* @__PURE__ */ Kr(Cp), Zs = (e, t) => (bt[e] || [])[Number(t)] || ""
         openForSheetUnitId: s,
         value: c,
         id: yn(`${st}_rangeSelector`),
-        onChange: v
+        onChange: y
       }
     ) }),
     /* @__PURE__ */ d.jsx("div", { className: O.title, children: t.t("sheet.cf.panel.styleType") }),
-    /* @__PURE__ */ d.jsx("div", { className: O.mTBase, children: /* @__PURE__ */ d.jsx(Ve, { className: D.width100, value: h, options: u, onChange: (y) => f(y) }) }),
+    /* @__PURE__ */ d.jsx("div", { className: O.mTBase, children: /* @__PURE__ */ d.jsx(Ve, { className: $.width100, value: h, options: u, onChange: (_) => f(_) }) }),
     /* @__PURE__ */ d.jsx(S, { interceptorManager: m, rule: (R = e.rule) == null ? void 0 : R.rule, onChange: I }),
-    /* @__PURE__ */ d.jsxs("div", { className: `${O.mTBase} ${D.btnList}`, children: [
+    /* @__PURE__ */ d.jsxs("div", { className: `${O.mTBase} ${$.btnList}`, children: [
       /* @__PURE__ */ d.jsx(Vo, { size: "small", onClick: C, children: t.t("sheet.cf.panel.cancel") }),
-      /* @__PURE__ */ d.jsx(Vo, { className: O.mLSm, size: "small", type: "primary", onClick: _, children: t.t("sheet.cf.panel.submit") })
+      /* @__PURE__ */ d.jsx(Vo, { className: O.mLSm, size: "small", type: "primary", onClick: w, children: t.t("sheet.cf.panel.submit") })
     ] })
   ] });
 }, Ep = (e) => {
@@ -6608,8 +6603,8 @@ const Po = {
           ...ft,
           ranges: i,
           rule: {
-            type: L.highlightCell,
-            subType: j.rank
+            type: j.highlightCell,
+            subType: N.rank
           }
         };
         n.openPanel(a);
@@ -6620,8 +6615,8 @@ const Po = {
           ...ft,
           ranges: i,
           rule: {
-            type: L.highlightCell,
-            subType: j.formula,
+            type: j.highlightCell,
+            subType: N.formula,
             value: "="
           }
         };
@@ -6633,7 +6628,7 @@ const Po = {
           ...ft,
           ranges: i,
           rule: {
-            type: L.colorScale,
+            type: j.colorScale,
             config: []
           }
         };
@@ -6645,7 +6640,7 @@ const Po = {
           ...ft,
           ranges: i,
           rule: {
-            type: L.dataBar,
+            type: j.dataBar,
             isShowValue: !0
           }
         };
@@ -6657,7 +6652,7 @@ const Po = {
           ...ft,
           ranges: i,
           rule: {
-            type: L.iconSet,
+            type: j.iconSet,
             config: [],
             isShowValue: !0
           }
@@ -6784,7 +6779,7 @@ let dn = class extends rt {
     c.forEach((f, g) => {
       u.forEach((m, S) => {
         const I = this._conditionalFormattingViewModel.getCellCf(t, n, f, m, s);
-        I && (I.cfList.forEach((v) => h.add(v.cfId)), o.setValue(g, S, I.cfList.map((v) => v.cfId)));
+        I && (I.cfList.forEach((y) => h.add(y.cfId)), o.setValue(g, S, I.cfList.map((y) => y.cfId)));
       });
     }), h.forEach((f) => {
       const g = this._conditionalFormattingRuleModel.getRule(t, n, f);
@@ -6805,97 +6800,97 @@ let dn = class extends rt {
     ))
       return { redos: [], undos: [] };
     const { ranges: [l, a], mapFunc: c } = $i([n.copyRange, t]), u = Ua(l, a, !0), h = this._conditionalFormattingViewModel.getMatrix(i, s), f = {};
-    ut.foreach(a, (p, x) => {
-      const { row: R, col: y } = c(p, x), E = this._conditionalFormattingViewModel.getCellCf(i, s, R, y, h);
-      E && E.cfList.forEach(($) => {
-        if (!f[$.cfId]) {
-          const N = new Vt();
-          f[$.cfId] = N;
-          const W = this._conditionalFormattingRuleModel.getRule(i, s, $.cfId);
-          W == null || W.ranges.forEach((b) => {
-            ut.foreach(b, (T, ee) => {
-              N.setValue(T, ee, 1);
+    ut.foreach(a, (p, R) => {
+      const { row: _, col: b } = c(p, R), E = this._conditionalFormattingViewModel.getCellCf(i, s, _, b, h);
+      E && E.cfList.forEach((D) => {
+        if (!f[D.cfId]) {
+          const L = new Vt();
+          f[D.cfId] = L;
+          const W = this._conditionalFormattingRuleModel.getRule(i, s, D.cfId);
+          W == null || W.ranges.forEach((v) => {
+            ut.foreach(v, (T, ee) => {
+              L.setValue(T, ee, 1);
             });
           });
         }
-        f[$.cfId].realDeleteValue(R, y);
+        f[D.cfId].realDeleteValue(_, b);
       });
     });
     const { matrix: g, info: m } = this._copyInfo, S = [];
     let I = this._conditionalFormattingRuleModel.createCfId(i, s);
-    const v = {}, _ = (p) => {
-      if (v[p])
-        return v[p];
-      const x = m == null ? void 0 : m.cfMap[p], R = [...this._conditionalFormattingRuleModel.getSubunitRules(i, s) || [], ...S].find((y) => bn.diffValue(y.rule, x));
-      if (R)
-        return v[p] = R, R;
+    const y = {}, w = (p) => {
+      if (y[p])
+        return y[p];
+      const R = m == null ? void 0 : m.cfMap[p], _ = [...this._conditionalFormattingRuleModel.getSubunitRules(i, s) || [], ...S].find((b) => bn.diffValue(b.rule, R));
+      if (_)
+        return y[p] = _, _;
       {
-        const y = {
-          rule: x,
+        const b = {
+          rule: R,
           cfId: I,
           ranges: [],
           stopIfTrue: !1
         };
-        return v[p] = y, S.push(y), I = `${Number(I) + 1}`, y;
+        return y[p] = b, S.push(b), I = `${Number(I) + 1}`, b;
       }
     };
     u.forEach((p) => {
-      g && g.forValue((x, R, y) => {
+      g && g.forValue((R, _, b) => {
         const E = At.getPositionRange(
           {
-            startRow: x,
-            endRow: x,
-            startColumn: R,
-            endColumn: R
+            startRow: R,
+            endRow: R,
+            startColumn: _,
+            endColumn: _
           },
           p.startRange
-        ), { row: $, col: N } = c(E.startRow, E.startColumn);
-        y.forEach((W) => {
+        ), { row: D, col: L } = c(E.startRow, E.startColumn);
+        b.forEach((W) => {
           if (!f[W]) {
-            const b = _(W), T = new Vt();
-            f[W] = T, b.ranges.forEach((ee) => {
+            const v = w(W), T = new Vt();
+            f[W] = T, v.ranges.forEach((ee) => {
               ut.foreach(ee, (Oe, Se) => {
                 T.setValue(Oe, Se, 1);
               });
             });
           }
-          f[W].setValue($, N, 1);
+          f[W].setValue(D, L, 1);
         });
       });
     });
-    const C = [], w = [];
+    const C = [], x = [];
     for (const p in f) {
-      const x = f[p], R = kr(qr(x));
-      if (!R.length) {
-        const y = {
+      const R = f[p], _ = kr(qr(R));
+      if (!_.length) {
+        const b = {
           unitId: i,
           subUnitId: s,
           cfId: p
         };
-        C.push({ id: Ye.id, params: y }), w.push(...It(this._injector, y));
+        C.push({ id: Ye.id, params: b }), x.push(...It(this._injector, b));
       }
-      if (S.some((y) => y.cfId === p)) {
-        const y = _(p), E = {
+      if (S.some((b) => b.cfId === p)) {
+        const b = w(p), E = {
           unitId: i,
           subUnitId: s,
-          rule: { ...y, ranges: R }
+          rule: { ...b, ranges: _ }
         };
-        C.push({ id: De.id, params: E }), w.push(xi(this._injector, E));
+        C.push({ id: De.id, params: E }), x.push(xi(this._injector, E));
       } else {
-        const y = this._conditionalFormattingRuleModel.getRule(i, s, p);
-        if (!y)
+        const b = this._conditionalFormattingRuleModel.getRule(i, s, p);
+        if (!b)
           continue;
         const E = {
           unitId: i,
           subUnitId: s,
-          rule: { ...y, ranges: R }
+          rule: { ...b, ranges: _ }
         };
-        C.push({ id: nt.id, params: E }), w.push(...Bt(this._injector, E));
+        C.push({ id: nt.id, params: E }), x.push(...Bt(this._injector, E));
       }
     }
     return {
       redos: C,
-      undos: w
+      undos: x
     };
   }
 };
@@ -7069,7 +7064,7 @@ let Mn = class extends rt {
             endRow: m
           },
           h
-        ), v = At.getPositionRange(
+        ), y = At.getPositionRange(
           {
             startRow: m,
             startColumn: S,
@@ -7077,75 +7072,75 @@ let Mn = class extends rt {
             endRow: m
           },
           f
-        ), { row: _, col: C } = a(I.startRow, I.startColumn), w = this._conditionalFormattingViewModel.getCellCf(
+        ), { row: w, col: C } = a(I.startRow, I.startColumn), x = this._conditionalFormattingViewModel.getCellCf(
           c,
           u,
-          _,
+          w,
           C
-        ), { row: p, col: x } = a(v.startRow, v.startColumn), R = this._conditionalFormattingViewModel.getCellCf(
+        ), { row: p, col: R } = a(y.startRow, y.startColumn), _ = this._conditionalFormattingViewModel.getCellCf(
           c,
           u,
           p,
-          x
+          R
         );
-        R && R.cfList.forEach((y) => {
-          let E = l.get(y.cfId);
-          if (!l.get(y.cfId)) {
-            const $ = this._conditionalFormattingRuleModel.getRule(c, u, y.cfId);
-            if (!$)
+        _ && _.cfList.forEach((b) => {
+          let E = l.get(b.cfId);
+          if (!l.get(b.cfId)) {
+            const D = this._conditionalFormattingRuleModel.getRule(c, u, b.cfId);
+            if (!D)
               return;
-            E = new Vt(), $.ranges.forEach((N) => {
-              ut.foreach(N, (W, b) => {
-                E.setValue(W, b, 1);
+            E = new Vt(), D.ranges.forEach((L) => {
+              ut.foreach(L, (W, v) => {
+                E.setValue(W, v, 1);
               });
-            }), l.set(y.cfId, E);
+            }), l.set(b.cfId, E);
           }
-          E.realDeleteValue(p, x);
-        }), w && w.cfList.forEach((y) => {
-          let E = l.get(y.cfId);
-          if (!l.get(y.cfId)) {
-            const $ = this._conditionalFormattingRuleModel.getRule(c, u, y.cfId);
-            if (!$)
+          E.realDeleteValue(p, R);
+        }), x && x.cfList.forEach((b) => {
+          let E = l.get(b.cfId);
+          if (!l.get(b.cfId)) {
+            const D = this._conditionalFormattingRuleModel.getRule(c, u, b.cfId);
+            if (!D)
               return;
-            E = new Vt(), $.ranges.forEach((N) => {
-              ut.foreach(N, (W, b) => {
-                E.setValue(W, b, 1);
+            E = new Vt(), D.ranges.forEach((L) => {
+              ut.foreach(L, (W, v) => {
+                E.setValue(W, v, 1);
               });
-            }), l.set(y.cfId, E);
+            }), l.set(b.cfId, E);
           }
-          E.setValue(p, x, 1);
+          E.setValue(p, R, 1);
         });
       });
     }, n = (o, i) => {
-      var v, _, C;
-      const s = (v = this._univerInstanceService.getCurrentUnitForType(G.UNIVER_SHEET)) == null ? void 0 : v.getUnitId(), l = (C = (_ = this._univerInstanceService.getCurrentUnitForType(G.UNIVER_SHEET)) == null ? void 0 : _.getActiveSheet()) == null ? void 0 : C.getSheetId(), a = /* @__PURE__ */ new Map(), c = [], u = [];
+      var y, w, C;
+      const s = (y = this._univerInstanceService.getCurrentUnitForType(G.UNIVER_SHEET)) == null ? void 0 : y.getUnitId(), l = (C = (w = this._univerInstanceService.getCurrentUnitForType(G.UNIVER_SHEET)) == null ? void 0 : w.getActiveSheet()) == null ? void 0 : C.getSheetId(), a = /* @__PURE__ */ new Map(), c = [], u = [];
       if (!s || !l)
         return e();
       const h = $i([o, i]), [f, g] = h.ranges, { mapFunc: m } = h, S = {
         row: f.startRow,
         col: f.startColumn
       };
-      return Ba(f, g).forEach((w) => {
-        t(S, w.repeatStartCell, w.relativeRange, a, m);
-      }), a.forEach((w, p) => {
-        const x = this._conditionalFormattingRuleModel.getRule(s, l, p);
-        if (!x)
+      return Ba(f, g).forEach((x) => {
+        t(S, x.repeatStartCell, x.relativeRange, a, m);
+      }), a.forEach((x, p) => {
+        const R = this._conditionalFormattingRuleModel.getRule(s, l, p);
+        if (!R)
           return;
-        const R = kr(qr(w));
-        if (R.length) {
-          const y = {
+        const _ = kr(qr(x));
+        if (_.length) {
+          const b = {
             unitId: s,
             subUnitId: l,
-            rule: { ...x, ranges: R }
+            rule: { ...R, ranges: _ }
           };
-          c.push({ id: nt.id, params: y }), u.push(...Bt(this._injector, y));
+          c.push({ id: nt.id, params: b }), u.push(...Bt(this._injector, b));
         } else {
-          const y = {
+          const b = {
             unitId: s,
             subUnitId: l,
-            cfId: x.cfId
+            cfId: R.cfId
           };
-          c.push({ id: Ye.id, params: y }), u.push(...It(this._injector, y));
+          c.push({ id: Ye.id, params: b }), u.push(...It(this._injector, b));
         }
       }), {
         undos: u,