@univerjs/sheets-conditional-formatting-ui 0.6.0 → 0.6.1

package/lib/es/index.js

@@ -1,18 +1,18 @@
 var ci = Object.defineProperty;
 var ui = (e, t, r) => t in e ? ci(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
 var Ye = (e, t, r) => ui(e, typeof t != "symbol" ? t + "" : t, r);
-import { CommandType as _e, ICommandService as me, IUniverInstanceService as de, IUndoRedoService as yt, ObjectMatrix as Je, Range as Fe, sequenceExecute as uo, Inject as ee, LocaleService as Te, Disposable as ze, ColorKit as fo, BooleanNumber as Me, Injector as He, UniverInstanceType as oe, Rectangle as Ge, Tools as tr, get as di, set as fi, createInterceptorKey as ho, InterceptorManager as hi, generateRandomId as pi, toDisposable as po, InterceptorEffectEnum as gi, DependentOn as go, IConfigService as mo, Plugin as vo, merge as yo, registerDependencies as mi, touchDependencies as $n } from "@univerjs/core";
-import { ConditionalFormattingRuleModel as ve, CFSubRuleType as X, CFRuleType as Z, AddConditionalRuleMutation as Ie, AddConditionalRuleMutationUndoFactory as nr, CFNumberOperator as Q, setConditionalRuleMutationUndoFactory as Qe, SetConditionalRuleMutation as Ve, DeleteConditionalRuleMutationUndoFactory as Xe, DeleteConditionalRuleMutation as Le, transformSupportSymmetryAnchor as vi, MoveConditionalRuleMutationUndoFactory as yi, MoveConditionalRuleMutation as fn, getColorScaleFromValue as bi, iconMap as at, DEFAULT_BG_COLOR as Si, DEFAULT_FONT_COLOR as Ci, defaultDataBarPositiveColor as kt, defaultDataBarNativeColor as Vt, CFValueType as ne, createDefaultValueByValueType as qt, removeUndefinedAttr as wi, createDefaultValue as hn, CFTextOperator as ce, CFTimePeriodOperator as Ae, iconGroup as Ri, getOppositeOperator as Jn, compareWithNumber as _i, EMPTY_ICON_TYPE as Ii, createDefaultRule as rt, ConditionalFormattingViewModel as Xt, SHEET_CONDITIONAL_FORMATTING_PLUGIN as Yt, isRangesEqual as Ei, ConditionalFormattingService as bo, DEFAULT_PADDING as Ti, DEFAULT_WIDTH as Oi, UniverSheetsConditionalFormattingPlugin as So, CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH as xi } from "@univerjs/sheets-conditional-formatting";
-import { getSheetCommandTarget as Ee, SheetsSelectionsService as ut, findAllRectangle as At, createTopMatrixFromMatrix as Wt, SetWorksheetActiveOperation as rr, SetSelectionsOperation as Pi, checkRangesEditablePermission as pn, RemoveSheetMutation as Di, setEndForRange as Mi, SheetPermissionCheckController as Ni, WorksheetEditPermission as Co, WorksheetSetCellStylePermission as wo, RangeProtectionPermissionEditPoint as Ro, WorkbookEditablePermission as _o, RefRangeService as Li, handleDefaultRangeChangeWithEffectRefCommands as zi, SheetInterceptorService as or, INTERCEPTOR_POINT as $i, ClearSelectionFormatCommand as Fi, ClearSelectionAllCommand as ki, RangeMergeUtil as Vi, AFTER_CELL_EDIT as qi } from "@univerjs/sheets";
+import { CommandType as _e, ICommandService as me, IUniverInstanceService as de, IUndoRedoService as yt, ObjectMatrix as Je, Range as ke, sequenceExecute as uo, Inject as ee, LocaleService as Te, Disposable as ze, ColorKit as fo, BooleanNumber as Me, Injector as He, UniverInstanceType as oe, Rectangle as Ge, Tools as tr, get as di, set as fi, createInterceptorKey as ho, InterceptorManager as hi, generateRandomId as pi, toDisposable as po, InterceptorEffectEnum as gi, DependentOn as go, IConfigService as mo, Plugin as vo, merge as yo, registerDependencies as mi, touchDependencies as $n } from "@univerjs/core";
+import { ConditionalFormattingRuleModel as ve, CFSubRuleType as X, CFRuleType as Z, AddConditionalRuleMutation as Ie, AddConditionalRuleMutationUndoFactory as nr, CFNumberOperator as Q, setConditionalRuleMutationUndoFactory as Qe, SetConditionalRuleMutation as Ve, DeleteConditionalRuleMutationUndoFactory as Xe, DeleteConditionalRuleMutation as Le, transformSupportSymmetryAnchor as vi, MoveConditionalRuleMutationUndoFactory as yi, MoveConditionalRuleMutation as fn, getColorScaleFromValue as bi, iconMap as at, DEFAULT_BG_COLOR as Si, DEFAULT_FONT_COLOR as Ci, defaultDataBarPositiveColor as Ft, defaultDataBarNativeColor as Vt, CFValueType as ne, createDefaultValueByValueType as qt, removeUndefinedAttr as wi, createDefaultValue as hn, CFTextOperator as ce, CFTimePeriodOperator as Ae, iconGroup as Ri, getOppositeOperator as Jn, compareWithNumber as _i, EMPTY_ICON_TYPE as Ii, createDefaultRule as rt, ConditionalFormattingViewModel as Xt, SHEET_CONDITIONAL_FORMATTING_PLUGIN as Yt, isRangesEqual as Ei, ConditionalFormattingService as bo, DEFAULT_PADDING as Ti, DEFAULT_WIDTH as xi, UniverSheetsConditionalFormattingPlugin as So, CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH as Oi } from "@univerjs/sheets-conditional-formatting";
+import { getSheetCommandTarget as Ee, SheetsSelectionsService as ut, findAllRectangle as At, createTopMatrixFromMatrix as Wt, SetWorksheetActiveOperation as rr, SetSelectionsOperation as Pi, checkRangesEditablePermission as pn, RemoveSheetMutation as Di, setEndForRange as Mi, SheetPermissionCheckController as Ni, WorksheetEditPermission as Co, WorksheetSetCellStylePermission as wo, RangeProtectionPermissionEditPoint as Ro, WorkbookEditablePermission as _o, RefRangeService as Li, handleDefaultRangeChangeWithEffectRefCommands as zi, SheetInterceptorService as or, INTERCEPTOR_POINT as $i, ClearSelectionFormatCommand as ki, ClearSelectionAllCommand as Fi, RangeMergeUtil as Vi, AFTER_CELL_EDIT as qi } from "@univerjs/sheets";
 import { useDependency as pe, useObservable as Ai, ComponentManager as ir, useSidebarClick as Kt, ILayoutService as Wi, useScrollYOverContainer as Hi, ISidebarService as Ui, getMenuHiddenObservable as ji, MenuItemType as Bi, RibbonStartGroup as Gi, IMenuManagerService as Xi } from "@univerjs/ui";
-import { jsx as x, jsxs as G, Fragment as Qn } from "react/jsx-runtime";
-import qe, { forwardRef as dt, useRef as ke, createElement as bt, useMemo as Ce, useState as H, useEffect as Re } from "react";
+import { jsx as O, jsxs as G, Fragment as Qn } from "react/jsx-runtime";
+import qe, { forwardRef as dt, useRef as Fe, createElement as bt, useMemo as Ce, useState as H, useEffect as Re } from "react";
 import { Select as Ne, Tooltip as mr, DropdownLegacy as sr, ColorPicker as Yi, InputNumber as lt, RadioGroup as Ki, Radio as vr, Checkbox as gn, Input as Zi, Button as yr } from "@univerjs/design";
 import { serializeRange as Io, deserializeRangeWithSheet as Ji } from "@univerjs/engine-formula";
-import { useHighlightRange as Qi, ISheetClipboardService as es, COPY_TYPE as br, rangeToDiscreteRange as ts, PREDEFINED_HOOK_NAME as Fn, virtualizeDiscreteRanges as Eo, getRepeatRange as ns, SheetSkeletonManagerService as To, IAutoFillService as rs, APPLY_TYPE as kn, getAutoFillRepeatRange as os, getCurrentRangeDisable$ as is, IFormatPainterService as ss, FormatPainterStatus as Vn } from "@univerjs/sheets-ui";
-import Oo from "react-dom";
-import { Observable as st, debounceTime as Sr, merge as xo } from "rxjs";
-import { FormulaEditor as On, RangeSelector as as } from "@univerjs/sheets-formula-ui";
+import { useHighlightRange as Qi, ISheetClipboardService as es, COPY_TYPE as br, rangeToDiscreteRange as ts, PREDEFINED_HOOK_NAME as kn, virtualizeDiscreteRanges as Eo, getRepeatRange as ns, SheetSkeletonManagerService as To, IAutoFillService as rs, APPLY_TYPE as Fn, getAutoFillRepeatRange as os, getCurrentRangeDisable$ as is, IFormatPainterService as ss, FormatPainterStatus as Vn } from "@univerjs/sheets-ui";
+import xo from "react-dom";
+import { Observable as st, debounceTime as Sr, merge as Oo } from "rxjs";
+import { FormulaEditor as xn, RangeSelector as as } from "@univerjs/sheets-formula-ui";
 import { IRenderManagerService as Po } from "@univerjs/engine-render";
 import { bufferTime as ls, filter as Cr, debounceTime as wr } from "rxjs/operators";
 const Do = {
@@ -36,7 +36,7 @@ const Do = {
     };
     return v.executeCommand(Ie.id, { unitId: g, subUnitId: C, rule: w });
   }
-}, xn = {
+}, On = {
   type: _e.COMMAND,
   id: "sheet.command.add-conditional-rule",
   handler(e, t) {
@@ -184,7 +184,7 @@ const Do = {
     };
     return g.executeCommand(Ie.id, { unitId: _, subUnitId: w, rule: R });
   }
-}, Fo = {
+}, ko = {
   type: _e.COMMAND,
   id: "sheet.command.add-text-conditional-rule",
   handler(e, t) {
@@ -206,7 +206,7 @@ const Do = {
     };
     return _.executeCommand(Ie.id, { unitId: g, subUnitId: C, rule: S });
   }
-}, ko = {
+}, Fo = {
   type: _e.COMMAND,
   id: "sheet.command.add-time-period-conditional-rule",
   handler(e, t) {
@@ -263,11 +263,11 @@ const Do = {
     C.forEach((h) => {
       const s = new Je();
       h.ranges.forEach((u) => {
-        Fe.foreach(u, (y, l) => {
+        ke.foreach(u, (y, l) => {
           s.setValue(y, l, 1);
         });
       }), g.forEach((u) => {
-        Fe.foreach(u, (y, l) => {
+        ke.foreach(u, (y, l) => {
           s.realDeleteValue(y, l);
         });
       });
@@ -373,7 +373,7 @@ var De = function() {
       t.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[o]) && (r[n[o]] = e[n[o]]);
   return r;
 }, St = dt(function(e, t) {
-  var r = e.icon, n = e.id, o = e.className, i = e.extend, c = Cs(e, ["icon", "id", "className", "extend"]), v = "univerjs-icon univerjs-icon-".concat(n, " ").concat(o || "").trim(), f = ke("_".concat(_s()));
+  var r = e.icon, n = e.id, o = e.className, i = e.extend, c = Cs(e, ["icon", "id", "className", "extend"]), v = "univerjs-icon univerjs-icon-".concat(n, " ").concat(o || "").trim(), f = Fe("_".concat(_s()));
   return qo(r, "".concat(n), { defIds: r.defIds, idSuffix: f.current }, De({ ref: t, className: v }, c), i);
 });
 function qo(e, t, r, n, o) {
@@ -383,7 +383,10 @@ function qo(e, t, r, n, o) {
 }
 function ws(e, t, r) {
   var n = De({}, e.attrs);
-  r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1);
+  r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1), e.tag === "mask" && n.id && (n.id = n.id + t.idSuffix), Object.entries(n).forEach(function(i) {
+    var c = i[0], v = i[1];
+    c === "mask" && typeof v == "string" && (n[c] = v.replace(/url\(#(.*)\)/, "url(#$1".concat(t.idSuffix, ")")));
+  });
   var o = t.defIds;
   return !o || o.length === 0 || (e.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + t.idSuffix), Object.entries(n).forEach(function(i) {
     var c = i[0], v = i[1];
@@ -424,19 +427,19 @@ var Ts = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em"
   }));
 });
 Dn.displayName = "MoreDownSingle";
-var Os = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_622_8", style: { maskType: "alpha" }, width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { fill: "currentColor", mask: "url(#mask0_622_8)" }, children: [{ tag: "path", attrs: { d: "M6 5C6.55228 5 7 4.55228 7 4 7 3.44772 6.55228 3 6 3 5.44772 3 5 3.44772 5 4 5 4.55228 5.44772 5 6 5zM6 9C6.55228 9 7 8.55229 7 8 7 7.44772 6.55228 7 6 7 5.44772 7 5 7.44772 5 8 5 8.55229 5.44772 9 6 9zM7 12C7 12.5523 6.55228 13 6 13 5.44772 13 5 12.5523 5 12 5 11.4477 5.44772 11 6 11 6.55228 11 7 11.4477 7 12zM10 5C10.5523 5 11 4.55228 11 4 11 3.44772 10.5523 3 10 3 9.44771 3 9 3.44772 9 4 9 4.55228 9.44771 5 10 5zM11 8C11 8.55229 10.5523 9 10 9 9.44771 9 9 8.55229 9 8 9 7.44772 9.44771 7 10 7 10.5523 7 11 7.44772 11 8zM10 13C10.5523 13 11 12.5523 11 12 11 11.4477 10.5523 11 10 11 9.44771 11 9 11.4477 9 12 9 12.5523 9.44771 13 10 13z" } }] }] }, Wo = dt(function(e, t) {
+var xs = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_622_8", style: { maskType: "alpha" }, width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { fill: "currentColor", mask: "url(#mask0_622_8)" }, children: [{ tag: "path", attrs: { d: "M6 5C6.55228 5 7 4.55228 7 4 7 3.44772 6.55228 3 6 3 5.44772 3 5 3.44772 5 4 5 4.55228 5.44772 5 6 5zM6 9C6.55228 9 7 8.55229 7 8 7 7.44772 6.55228 7 6 7 5.44772 7 5 7.44772 5 8 5 8.55229 5.44772 9 6 9zM7 12C7 12.5523 6.55228 13 6 13 5.44772 13 5 12.5523 5 12 5 11.4477 5.44772 11 6 11 6.55228 11 7 11.4477 7 12zM10 5C10.5523 5 11 4.55228 11 4 11 3.44772 10.5523 3 10 3 9.44771 3 9 3.44772 9 4 9 4.55228 9.44771 5 10 5zM11 8C11 8.55229 10.5523 9 10 9 9.44771 9 9 8.55229 9 8 9 7.44772 9.44771 7 10 7 10.5523 7 11 7.44772 11 8zM10 13C10.5523 13 11 12.5523 11 12 11 11.4477 10.5523 11 10 11 9.44771 11 9 11.4477 9 12 9 12.5523 9.44771 13 10 13z" } }] }] }, Wo = dt(function(e, t) {
   return bt(St, Object.assign({}, e, {
     id: "sequence-single",
     ref: t,
-    icon: Os
+    icon: xs
   }));
 });
 Wo.displayName = "SequenceSingle";
-var xs = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_436_41", style: { maskType: "alpha" }, width: 17, height: 17, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0.35 0.48H16.35V16.48H0.35z" } }] }, { tag: "g", attrs: { mask: "url(#mask0_436_41)", fillRule: "evenodd", clipRule: "evenodd" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.27177 13.714L13.5855 2.40025L14.434 3.24878L3.1203 14.5625L2.27177 13.714Z" } }, { tag: "path", attrs: { fill: "#E5E5E5", d: "M4.2603 1.82495L2.89617 1.82495C2.23343 1.82495 1.69617 2.36221 1.69617 3.02495L1.69617 4.38908L3.02617 4.38908L3.02617 3.15495L4.2603 3.15495L4.2603 1.82495ZM15.0092 4.38908L15.0092 3.02495C15.0092 2.36221 14.4719 1.82495 13.8092 1.82495L12.4451 1.82495L12.4451 3.15495L13.6792 3.15495L13.6792 4.38908L15.0092 4.38908ZM6.98856 1.82495L6.98856 3.15495L9.71681 3.15495L9.71681 1.82495L6.98856 1.82495ZM15.0092 7.11734L13.6792 7.11734L13.6792 9.84559L15.0092 9.84559L15.0092 7.11734ZM15.0092 12.5739L13.6792 12.5739L13.6792 13.808L12.4451 13.808L12.4451 15.138L13.8092 15.138C14.4719 15.138 15.0092 14.6007 15.0092 13.938L15.0092 12.5739ZM9.71681 15.138L9.71681 13.808L6.98856 13.808L6.98856 15.138L9.71681 15.138ZM4.2603 15.138L4.2603 13.808L3.02617 13.808L3.02617 12.5739L1.69617 12.5739L1.69617 13.938C1.69617 14.6007 2.23343 15.138 2.89617 15.138L4.2603 15.138ZM1.69617 9.8456L3.02617 9.8456L3.02617 7.11734L1.69617 7.11734L1.69617 9.8456Z" } }] }] }, Zt = dt(function(e, t) {
+var Os = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_436_41", style: { maskType: "alpha" }, width: 17, height: 17, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0.35 0.48H16.35V16.48H0.35z" } }] }, { tag: "g", attrs: { mask: "url(#mask0_436_41)", fillRule: "evenodd", clipRule: "evenodd" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.27177 13.714L13.5855 2.40025L14.434 3.24878L3.1203 14.5625L2.27177 13.714Z" } }, { tag: "path", attrs: { fill: "#E5E5E5", d: "M4.2603 1.82495L2.89617 1.82495C2.23343 1.82495 1.69617 2.36221 1.69617 3.02495L1.69617 4.38908L3.02617 4.38908L3.02617 3.15495L4.2603 3.15495L4.2603 1.82495ZM15.0092 4.38908L15.0092 3.02495C15.0092 2.36221 14.4719 1.82495 13.8092 1.82495L12.4451 1.82495L12.4451 3.15495L13.6792 3.15495L13.6792 4.38908L15.0092 4.38908ZM6.98856 1.82495L6.98856 3.15495L9.71681 3.15495L9.71681 1.82495L6.98856 1.82495ZM15.0092 7.11734L13.6792 7.11734L13.6792 9.84559L15.0092 9.84559L15.0092 7.11734ZM15.0092 12.5739L13.6792 12.5739L13.6792 13.808L12.4451 13.808L12.4451 15.138L13.8092 15.138C14.4719 15.138 15.0092 14.6007 15.0092 13.938L15.0092 12.5739ZM9.71681 15.138L9.71681 13.808L6.98856 13.808L6.98856 15.138L9.71681 15.138ZM4.2603 15.138L4.2603 13.808L3.02617 13.808L3.02617 12.5739L1.69617 12.5739L1.69617 13.938C1.69617 14.6007 2.23343 15.138 2.89617 15.138L4.2603 15.138ZM1.69617 9.8456L3.02617 9.8456L3.02617 7.11734L1.69617 7.11734L1.69617 9.8456Z" } }] }] }, Zt = dt(function(e, t) {
   return bt(St, Object.assign({}, e, {
     id: "slash-single",
     ref: t,
-    icon: xs
+    icon: Os
   }));
 });
 Zt.displayName = "SlashSingle";
@@ -462,7 +465,7 @@ function Ho(e) {
     });
   }), r;
 }
-var qn = { exports: {} }, Rt = {}, Ft = { exports: {} }, Ds = Ft.exports, Rr;
+var qn = { exports: {} }, Rt = {}, kt = { exports: {} }, Ds = kt.exports, Rr;
 function ur() {
   return Rr || (Rr = 1, function(e, t) {
     (function(r, n) {
@@ -549,13 +552,13 @@ function ur() {
           }
         }), T;
       }
-      var m = o(d), O = "_owner", M = Object.prototype.hasOwnProperty;
+      var m = o(d), x = "_owner", M = Object.prototype.hasOwnProperty;
       function L(V, J, ue, E) {
         var T = Object.keys(V), D = T.length;
         if (Object.keys(J).length !== D)
           return !1;
         for (var z; D-- > 0; ) {
-          if (z = T[D], z === O) {
+          if (z = T[D], z === x) {
             var B = !!V.$$typeof, q = !!J.$$typeof;
             if ((B || q) && B !== q)
               return !1;
@@ -585,7 +588,7 @@ function ur() {
           }
         }), T;
       }
-      var F = o(P), U = Object.freeze({
+      var k = o(P), U = Object.freeze({
         areArraysEqual: y,
         areDatesEqual: p,
         areMapsEqual: d,
@@ -599,7 +602,7 @@ function ur() {
         areMapsEqual: m,
         areObjectsEqual: N,
         areRegExpsEqual: I,
-        areSetsEqual: F,
+        areSetsEqual: k,
         createIsNestedEqual: n
       }), ie = u(U);
       function te(V, J) {
@@ -608,7 +611,7 @@ function ur() {
       var A = u(i(U, { createIsNestedEqual: function() {
         return f;
       } }));
-      function k(V, J) {
+      function F(V, J) {
         return A(V, J, void 0);
       }
       var se = u(j);
@@ -623,7 +626,7 @@ function ur() {
       function be(V, J) {
         return fe(V, J, /* @__PURE__ */ new WeakMap());
       }
-      function Oe(V) {
+      function xe(V) {
         return u(i(U, V(U)));
       }
       function $e(V) {
@@ -632,9 +635,9 @@ function ur() {
           return T === void 0 && (T = /* @__PURE__ */ new WeakMap()), J(ue, E, T);
         };
       }
-      r.circularDeepEqual = ae, r.circularShallowEqual = be, r.createCustomCircularEqual = $e, r.createCustomEqual = Oe, r.deepEqual = te, r.sameValueZeroEqual = f, r.shallowEqual = k, Object.defineProperty(r, "__esModule", { value: !0 });
+      r.circularDeepEqual = ae, r.circularShallowEqual = be, r.createCustomCircularEqual = $e, r.createCustomEqual = xe, r.deepEqual = te, r.sameValueZeroEqual = f, r.shallowEqual = F, Object.defineProperty(r, "__esModule", { value: !0 });
     });
-  }(Ft, Ft.exports)), Ft.exports;
+  }(kt, kt.exports)), kt.exports;
 }
 var Qt = { exports: {} }, _r;
 function dr() {
@@ -666,7 +669,7 @@ function Ct() {
   if (Er) return le;
   Er = 1, Object.defineProperty(le, "__esModule", {
     value: !0
-  }), le.bottom = n, le.childrenEqual = f, le.cloneLayout = o, le.cloneLayoutItem = v, le.collides = g, le.compact = C, le.compactItem = S, le.compactType = V, le.correctBounds = R, le.fastPositionEqual = b, le.fastRGLPropsEqual = void 0, le.getAllCollisions = a, le.getFirstCollision = s, le.getLayoutItem = h, le.getStatics = u, le.modifyLayout = i, le.moveElement = y, le.moveElementAwayFromCollision = l, le.noop = void 0, le.perc = p, le.resizeItemInDirection = A, le.setTopLeft = se, le.setTransform = k, le.sortLayoutItems = ae, le.sortLayoutItemsByColRow = be, le.sortLayoutItemsByRowCol = fe, le.synchronizeLayoutWithChildren = Oe, le.validateLayout = $e, le.withLayoutItem = c;
+  }), le.bottom = n, le.childrenEqual = f, le.cloneLayout = o, le.cloneLayoutItem = v, le.collides = g, le.compact = C, le.compactItem = S, le.compactType = V, le.correctBounds = R, le.fastPositionEqual = b, le.fastRGLPropsEqual = void 0, le.getAllCollisions = a, le.getFirstCollision = s, le.getLayoutItem = h, le.getStatics = u, le.modifyLayout = i, le.moveElement = y, le.moveElementAwayFromCollision = l, le.noop = void 0, le.perc = p, le.resizeItemInDirection = A, le.setTopLeft = se, le.setTransform = F, le.sortLayoutItems = ae, le.sortLayoutItemsByColRow = be, le.sortLayoutItemsByRowCol = fe, le.synchronizeLayoutWithChildren = xe, le.validateLayout = $e, le.withLayoutItem = c;
   var e = /* @__PURE__ */ ur(), t = r(qe);
   function r(E) {
     return E && E.__esModule ? E : { default: E };
@@ -832,7 +835,7 @@ function Ct() {
   function p(E) {
     return E * 100 + "%";
   }
-  const d = (E, T, D, z) => E + D > z ? T : D, m = (E, T, D) => E < 0 ? T : D, O = (E) => Math.max(0, E), M = (E) => Math.max(0, E), L = (E, T, D) => {
+  const d = (E, T, D, z) => E + D > z ? T : D, m = (E, T, D) => E < 0 ? T : D, x = (E) => Math.max(0, E), M = (E) => Math.max(0, E), L = (E, T, D) => {
     let {
       left: z,
       height: B,
@@ -856,7 +859,7 @@ function Ct() {
       top: z,
       height: q,
       width: d(E.left, E.width, K, D),
-      left: O(B)
+      left: x(B)
     };
   }, I = (E, T, D) => {
     let {
@@ -869,7 +872,7 @@ function Ct() {
       height: B,
       width: K < 0 ? E.width : d(E.left, E.width, q, D),
       top: M(z),
-      left: O(K)
+      left: x(K)
     };
   }, P = (E, T, D) => {
     let {
@@ -909,7 +912,7 @@ function Ct() {
       ...D
     }, z) : D;
   }
-  function k(E) {
+  function F(E) {
     let {
       top: T,
       left: D,
@@ -956,7 +959,7 @@ function Ct() {
       return T.x > D.x || T.x === D.x && T.y > D.y ? 1 : -1;
     });
   }
-  function Oe(E, T, D, z, B) {
+  function xe(E, T, D, z, B) {
     E = E || [];
     const q = [];
     t.default.Children.forEach(T, (Y) => {
@@ -1059,17 +1062,17 @@ function fr() {
   }
   return Ue;
 }
-var _t = {}, Wn = { exports: {} }, Hn, Or;
+var _t = {}, Wn = { exports: {} }, Hn, xr;
 function Ns() {
-  if (Or) return Hn;
-  Or = 1;
+  if (xr) return Hn;
+  xr = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return Hn = e, Hn;
 }
-var Un, xr;
+var Un, Or;
 function Ls() {
-  if (xr) return Un;
-  xr = 1;
+  if (Or) return Un;
+  Or = 1;
   var e = /* @__PURE__ */ Ns();
   function t() {
   }
@@ -1161,7 +1164,7 @@ function Mn() {
   return Ke;
 }
 var Ze = {}, Nr;
-function Fs() {
+function ks() {
   if (Nr) return Ze;
   Nr = 1, Object.defineProperty(Ze, "__esModule", {
     value: !0
@@ -1197,12 +1200,12 @@ function hr() {
   Lr = 1, Object.defineProperty(ye, "__esModule", {
     value: !0
   }), ye.addClassName = l, ye.addEvent = v, ye.addUserSelectStyles = u, ye.createCSSTransform = S, ye.createSVGTransform = R, ye.getTouch = s, ye.getTouchIdentifier = a, ye.getTranslation = h, ye.innerHeight = C, ye.innerWidth = _, ye.matchesSelector = i, ye.matchesSelectorAndParentsTo = c, ye.offsetXYFromParent = w, ye.outerHeight = b, ye.outerWidth = g, ye.removeClassName = p, ye.removeEvent = f, ye.removeUserSelectStyles = y;
-  var e = Mn(), t = n(Fs());
+  var e = Mn(), t = n(ks());
   function r(d) {
     if (typeof WeakMap != "function") return null;
-    var m = /* @__PURE__ */ new WeakMap(), O = /* @__PURE__ */ new WeakMap();
+    var m = /* @__PURE__ */ new WeakMap(), x = /* @__PURE__ */ new WeakMap();
     return (r = function(M) {
-      return M ? O : m;
+      return M ? x : m;
     })(d);
   }
   function n(d, m) {
@@ -1210,100 +1213,100 @@ function hr() {
       return d;
     if (d === null || typeof d != "object" && typeof d != "function")
       return { default: d };
-    var O = r(m);
-    if (O && O.has(d))
-      return O.get(d);
+    var x = r(m);
+    if (x && x.has(d))
+      return x.get(d);
     var M = {}, L = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for (var N in d)
       if (N !== "default" && Object.prototype.hasOwnProperty.call(d, N)) {
         var I = L ? Object.getOwnPropertyDescriptor(d, N) : null;
         I && (I.get || I.set) ? Object.defineProperty(M, N, I) : M[N] = d[N];
       }
-    return M.default = d, O && O.set(d, M), M;
+    return M.default = d, x && x.set(d, M), M;
   }
   let o = "";
   function i(d, m) {
-    return o || (o = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(O) {
-      return (0, e.isFunction)(d[O]);
+    return o || (o = (0, e.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(x) {
+      return (0, e.isFunction)(d[x]);
     })), (0, e.isFunction)(d[o]) ? d[o](m) : !1;
   }
-  function c(d, m, O) {
+  function c(d, m, x) {
     let M = d;
     do {
       if (i(M, m)) return !0;
-      if (M === O) return !1;
+      if (M === x) return !1;
       M = M.parentNode;
     } while (M);
     return !1;
   }
-  function v(d, m, O, M) {
+  function v(d, m, x, M) {
     if (!d) return;
     const L = {
       capture: !0,
       ...M
     };
-    d.addEventListener ? d.addEventListener(m, O, L) : d.attachEvent ? d.attachEvent("on" + m, O) : d["on" + m] = O;
+    d.addEventListener ? d.addEventListener(m, x, L) : d.attachEvent ? d.attachEvent("on" + m, x) : d["on" + m] = x;
   }
-  function f(d, m, O, M) {
+  function f(d, m, x, M) {
     if (!d) return;
     const L = {
       capture: !0,
       ...M
     };
-    d.removeEventListener ? d.removeEventListener(m, O, L) : d.detachEvent ? d.detachEvent("on" + m, O) : d["on" + m] = null;
+    d.removeEventListener ? d.removeEventListener(m, x, L) : d.detachEvent ? d.detachEvent("on" + m, x) : d["on" + m] = null;
   }
   function b(d) {
     let m = d.clientHeight;
-    const O = d.ownerDocument.defaultView.getComputedStyle(d);
-    return m += (0, e.int)(O.borderTopWidth), m += (0, e.int)(O.borderBottomWidth), m;
+    const x = d.ownerDocument.defaultView.getComputedStyle(d);
+    return m += (0, e.int)(x.borderTopWidth), m += (0, e.int)(x.borderBottomWidth), m;
   }
   function g(d) {
     let m = d.clientWidth;
-    const O = d.ownerDocument.defaultView.getComputedStyle(d);
-    return m += (0, e.int)(O.borderLeftWidth), m += (0, e.int)(O.borderRightWidth), m;
+    const x = d.ownerDocument.defaultView.getComputedStyle(d);
+    return m += (0, e.int)(x.borderLeftWidth), m += (0, e.int)(x.borderRightWidth), m;
   }
   function C(d) {
     let m = d.clientHeight;
-    const O = d.ownerDocument.defaultView.getComputedStyle(d);
-    return m -= (0, e.int)(O.paddingTop), m -= (0, e.int)(O.paddingBottom), m;
+    const x = d.ownerDocument.defaultView.getComputedStyle(d);
+    return m -= (0, e.int)(x.paddingTop), m -= (0, e.int)(x.paddingBottom), m;
   }
   function _(d) {
     let m = d.clientWidth;
-    const O = d.ownerDocument.defaultView.getComputedStyle(d);
-    return m -= (0, e.int)(O.paddingLeft), m -= (0, e.int)(O.paddingRight), m;
+    const x = d.ownerDocument.defaultView.getComputedStyle(d);
+    return m -= (0, e.int)(x.paddingLeft), m -= (0, e.int)(x.paddingRight), m;
   }
-  function w(d, m, O) {
+  function w(d, m, x) {
     const L = m === m.ownerDocument.body ? {
       left: 0,
       top: 0
-    } : m.getBoundingClientRect(), N = (d.clientX + m.scrollLeft - L.left) / O, I = (d.clientY + m.scrollTop - L.top) / O;
+    } : m.getBoundingClientRect(), N = (d.clientX + m.scrollLeft - L.left) / x, I = (d.clientY + m.scrollTop - L.top) / x;
     return {
       x: N,
       y: I
     };
   }
   function S(d, m) {
-    const O = h(d, m, "px");
+    const x = h(d, m, "px");
     return {
-      [(0, t.browserPrefixToKey)("transform", t.default)]: O
+      [(0, t.browserPrefixToKey)("transform", t.default)]: x
     };
   }
   function R(d, m) {
     return h(d, m, "");
   }
-  function h(d, m, O) {
+  function h(d, m, x) {
     let {
       x: M,
       y: L
-    } = d, N = "translate(".concat(M).concat(O, ",").concat(L).concat(O, ")");
+    } = d, N = "translate(".concat(M).concat(x, ",").concat(L).concat(x, ")");
     if (m) {
-      const I = "".concat(typeof m.x == "string" ? m.x : m.x + O), P = "".concat(typeof m.y == "string" ? m.y : m.y + O);
+      const I = "".concat(typeof m.x == "string" ? m.x : m.x + x), P = "".concat(typeof m.y == "string" ? m.y : m.y + x);
       N = "translate(".concat(I, ", ").concat(P, ")") + N;
     }
     return N;
   }
   function s(d, m) {
-    return d.targetTouches && (0, e.findInArray)(d.targetTouches, (O) => m === O.identifier) || d.changedTouches && (0, e.findInArray)(d.changedTouches, (O) => m === O.identifier);
+    return d.targetTouches && (0, e.findInArray)(d.targetTouches, (x) => m === x.identifier) || d.changedTouches && (0, e.findInArray)(d.changedTouches, (x) => m === x.identifier);
   }
   function a(d) {
     if (d.targetTouches && d.targetTouches[0]) return d.targetTouches[0].identifier;
@@ -1441,13 +1444,13 @@ function Bo() {
   }
   return en;
 }
-var Fr;
-function ks() {
-  if (Fr) return Et;
-  Fr = 1, Object.defineProperty(Et, "__esModule", {
+var kr;
+function Fs() {
+  if (kr) return Et;
+  kr = 1, Object.defineProperty(Et, "__esModule", {
     value: !0
   }), Et.default = void 0;
-  var e = b(qe), t = v(/* @__PURE__ */ et()), r = v(Oo), n = hr(), o = jo(), i = Mn(), c = v(Bo());
+  var e = b(qe), t = v(/* @__PURE__ */ et()), r = v(xo), n = hr(), o = jo(), i = Mn(), c = v(Bo());
   function v(h) {
     return h && h.__esModule ? h : { default: h };
   }
@@ -1557,8 +1560,8 @@ function ks() {
           y
         } = a;
         if (Array.isArray(this.props.grid)) {
-          let m = u - this.lastX || 0, O = y - this.lastY || 0;
-          [m, O] = (0, o.snapToGrid)(this.props.grid, m, O), u = this.lastX + m, y = this.lastY + O;
+          let m = u - this.lastX || 0, x = y - this.lastY || 0;
+          [m, x] = (0, o.snapToGrid)(this.props.grid, m, x), u = this.lastX + m, y = this.lastY + x;
         }
         const l = (0, o.createCoreData)(this, u, y);
         if (this.props.onStop(s, l) === !1 || this.mounted === !1) return !1;
@@ -1742,9 +1745,9 @@ function ks() {
     scale: 1
   }), Et;
 }
-var kr;
+var Fr;
 function Vs() {
-  return kr || (kr = 1, function(e) {
+  return Fr || (Fr = 1, function(e) {
     Object.defineProperty(e, "__esModule", {
       value: !0
     }), Object.defineProperty(e, "DraggableCore", {
@@ -1753,7 +1756,7 @@ function Vs() {
         return f.default;
       }
     }), e.default = void 0;
-    var t = _(qe), r = g(/* @__PURE__ */ et()), n = g(Oo), o = g($s), i = hr(), c = jo(), v = Mn(), f = g(ks()), b = g(Bo());
+    var t = _(qe), r = g(/* @__PURE__ */ et()), n = g(xo), o = g($s), i = hr(), c = jo(), v = Mn(), f = g(Fs()), b = g(Bo());
     function g(a) {
       return a && a.__esModule ? a : { default: a };
     }
@@ -1845,12 +1848,12 @@ function Vs() {
           };
           if (this.props.bounds) {
             const {
-              x: O,
+              x,
               y: M
             } = d;
             d.x += this.state.slackX, d.y += this.state.slackY;
             const [L, N] = (0, c.getBoundPosition)(this, d.x, d.y);
-            d.x = L, d.y = N, d.slackX = this.state.slackX + (O - d.x), d.slackY = this.state.slackY + (M - d.y), p.x = d.x, p.y = d.y, p.deltaX = d.x - this.state.x, p.deltaY = d.y - this.state.y;
+            d.x = L, d.y = N, d.slackX = this.state.slackX + (x - d.x), d.slackY = this.state.slackY + (M - d.y), p.x = d.x, p.y = d.y, p.deltaX = d.x - this.state.x, p.deltaY = d.y - this.state.y;
           }
           if (this.props.onDrag(y, p) === !1) return !1;
           this.setState(d);
@@ -1864,10 +1867,10 @@ function Vs() {
           };
           if (!!this.props.position) {
             const {
-              x: O,
+              x,
               y: M
             } = this.props.position;
-            d.x = O, d.y = M;
+            d.x = x, d.y = M;
           }
           this.setState(d);
         }), this.state = {
@@ -1912,23 +1915,23 @@ function Vs() {
           defaultPosition: p,
           defaultClassName: d,
           defaultClassNameDragging: m,
-          defaultClassNameDragged: O,
+          defaultClassNameDragged: x,
           position: M,
           positionOffset: L,
           scale: N,
           ...I
         } = this.props;
-        let P = {}, F = null;
+        let P = {}, k = null;
         const j = !!!M || this.state.dragging, ie = M || p, te = {
           // Set left if horizontal drag is enabled
           x: (0, c.canDragX)(this) && j ? this.state.x : ie.x,
           // Set top if vertical drag is enabled
           y: (0, c.canDragY)(this) && j ? this.state.y : ie.y
         };
-        this.state.isElementSVG ? F = (0, i.createSVGTransform)(te, L) : P = (0, i.createCSSTransform)(te, L);
+        this.state.isElementSVG ? k = (0, i.createSVGTransform)(te, L) : P = (0, i.createCSSTransform)(te, L);
         const A = (0, o.default)(l.props.className || "", d, {
           [m]: this.state.dragging,
-          [O]: this.state.dragged
+          [x]: this.state.dragged
         });
         return /* @__PURE__ */ t.createElement(f.default, w({}, I, {
           onStart: this.onDragStart,
@@ -1940,7 +1943,7 @@ function Vs() {
             ...l.props.style,
             ...P
           },
-          transform: F
+          transform: k
         }));
       }
     }
@@ -2076,7 +2079,7 @@ function pr() {
   } = Vs();
   return It.exports = e, It.exports.default = e, It.exports.DraggableCore = t, It.exports;
 }
-var Tt = { exports: {} }, Ot = {}, tn = {}, qr;
+var Tt = { exports: {} }, xt = {}, tn = {}, qr;
 function qs() {
   if (qr) return tn;
   qr = 1, tn.__esModule = !0, tn.cloneElement = v;
@@ -2127,10 +2130,10 @@ function qs() {
   }
   return tn;
 }
-var xt = {}, Ar;
+var Ot = {}, Ar;
 function Go() {
-  if (Ar) return xt;
-  Ar = 1, xt.__esModule = !0, xt.resizableProps = void 0;
+  if (Ar) return Ot;
+  Ar = 1, Ot.__esModule = !0, Ot.resizableProps = void 0;
   var e = t(/* @__PURE__ */ et());
   pr();
   function t(n) {
@@ -2241,12 +2244,12 @@ function Go() {
       return e.default.number.apply(e.default, i);
     }
   };
-  return xt.resizableProps = r, xt;
+  return Ot.resizableProps = r, Ot;
 }
 var Wr;
 function Xo() {
-  if (Wr) return Ot;
-  Wr = 1, Ot.__esModule = !0, Ot.default = void 0;
+  if (Wr) return xt;
+  Wr = 1, xt.__esModule = !0, xt.default = void 0;
   var e = c(qe), t = pr(), r = qs(), n = Go(), o = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
   function i(s) {
     if (typeof WeakMap != "function") return null;
@@ -2347,41 +2350,41 @@ function Xo() {
     }, u.resetData = function() {
       this.lastHandleRect = this.slack = null;
     }, u.runConstraints = function(l, p) {
-      var d = this.props, m = d.minConstraints, O = d.maxConstraints, M = d.lockAspectRatio;
-      if (!m && !O && !M) return [l, p];
+      var d = this.props, m = d.minConstraints, x = d.maxConstraints, M = d.lockAspectRatio;
+      if (!m && !x && !M) return [l, p];
       if (M) {
         var L = this.props.width / this.props.height, N = l - this.props.width, I = p - this.props.height;
         Math.abs(N) > Math.abs(I * L) ? p = l / L : l = p * L;
       }
-      var P = l, F = p, U = this.slack || [0, 0], j = U[0], ie = U[1];
-      return l += j, p += ie, m && (l = Math.max(m[0], l), p = Math.max(m[1], p)), O && (l = Math.min(O[0], l), p = Math.min(O[1], p)), this.slack = [j + (P - l), ie + (F - p)], [l, p];
+      var P = l, k = p, U = this.slack || [0, 0], j = U[0], ie = U[1];
+      return l += j, p += ie, m && (l = Math.max(m[0], l), p = Math.max(m[1], p)), x && (l = Math.min(x[0], l), p = Math.min(x[1], p)), this.slack = [j + (P - l), ie + (k - p)], [l, p];
     }, u.resizeHandler = function(l, p) {
       var d = this;
-      return function(m, O) {
-        var M = O.node, L = O.deltaX, N = O.deltaY;
+      return function(m, x) {
+        var M = x.node, L = x.deltaX, N = x.deltaY;
         l === "onResizeStart" && d.resetData();
         var I = (d.props.axis === "both" || d.props.axis === "x") && p !== "n" && p !== "s", P = (d.props.axis === "both" || d.props.axis === "y") && p !== "e" && p !== "w";
         if (!(!I && !P)) {
-          var F = p[0], U = p[p.length - 1], j = M.getBoundingClientRect();
+          var k = p[0], U = p[p.length - 1], j = M.getBoundingClientRect();
           if (d.lastHandleRect != null) {
             if (U === "w") {
               var ie = j.left - d.lastHandleRect.left;
               L += ie;
             }
-            if (F === "n") {
+            if (k === "n") {
               var te = j.top - d.lastHandleRect.top;
               N += te;
             }
           }
-          d.lastHandleRect = j, U === "w" && (L = -L), F === "n" && (N = -N);
-          var A = d.props.width + (I ? L / d.props.transformScale : 0), k = d.props.height + (P ? N / d.props.transformScale : 0), se = d.runConstraints(A, k);
-          A = se[0], k = se[1];
-          var ae = A !== d.props.width || k !== d.props.height, fe = typeof d.props[l] == "function" ? d.props[l] : null, be = l === "onResize" && !ae;
+          d.lastHandleRect = j, U === "w" && (L = -L), k === "n" && (N = -N);
+          var A = d.props.width + (I ? L / d.props.transformScale : 0), F = d.props.height + (P ? N / d.props.transformScale : 0), se = d.runConstraints(A, F);
+          A = se[0], F = se[1];
+          var ae = A !== d.props.width || F !== d.props.height, fe = typeof d.props[l] == "function" ? d.props[l] : null, be = l === "onResize" && !ae;
           fe && !be && (m.persist == null || m.persist(), fe(m, {
             node: M,
             size: {
               width: A,
-              height: k
+              height: F
             },
             handle: p
           })), l === "onResizeStop" && d.resetData();
@@ -2396,14 +2399,14 @@ function Xo() {
         });
       if (typeof d == "function")
         return d(l, p);
-      var m = typeof d.type == "string", O = g({
+      var m = typeof d.type == "string", x = g({
         ref: p
       }, m ? {} : {
         handleAxis: l
       });
-      return /* @__PURE__ */ e.cloneElement(d, O);
+      return /* @__PURE__ */ e.cloneElement(d, x);
     }, u.render = function() {
-      var l = this, p = this.props, d = p.children, m = p.className, O = p.draggableOpts;
+      var l = this, p = this.props, d = p.children, m = p.className, x = p.draggableOpts;
       p.width, p.height, p.handle, p.handleSize, p.lockAspectRatio, p.axis, p.minConstraints, p.maxConstraints, p.onResize, p.onResizeStop, p.onResizeStart;
       var M = p.resizeHandles;
       p.transformScale;
@@ -2412,7 +2415,7 @@ function Xo() {
         className: (m ? m + " " : "") + "react-resizable",
         children: [].concat(d.props.children, M.map(function(N) {
           var I, P = (I = l.handleRefs[N]) != null ? I : l.handleRefs[N] = /* @__PURE__ */ e.createRef();
-          return /* @__PURE__ */ e.createElement(t.DraggableCore, v({}, O, {
+          return /* @__PURE__ */ e.createElement(t.DraggableCore, v({}, x, {
             nodeRef: P,
             key: "resizableHandle-" + N,
             onStop: l.resizeHandler("onResizeStop", N),
@@ -2423,7 +2426,7 @@ function Xo() {
       }));
     }, a;
   }(e.Component);
-  return Ot.default = h, h.propTypes = n.resizableProps, h.defaultProps = {
+  return xt.default = h, h.propTypes = n.resizableProps, h.defaultProps = {
     axis: "both",
     handleSize: [20, 20],
     lockAspectRatio: !1,
@@ -2431,7 +2434,7 @@ function Xo() {
     maxConstraints: [1 / 0, 1 / 0],
     resizeHandles: ["se"],
     transformScale: 1
-  }, Ot;
+  }, xt;
 }
 var Pt = {}, Hr;
 function As() {
@@ -2537,10 +2540,10 @@ function As() {
         height: l.props.height,
         propsWidth: l.props.width,
         propsHeight: l.props.height
-      }, l.onResize = function(O, M) {
+      }, l.onResize = function(x, M) {
         var L = M.size;
-        l.props.onResize ? (O.persist == null || O.persist(), l.setState(L, function() {
-          return l.props.onResize && l.props.onResize(O, M);
+        l.props.onResize ? (x.persist == null || x.persist(), l.setState(L, function() {
+          return l.props.onResize && l.props.onResize(x, M);
         })) : l.setState(L);
       }, l;
     }
@@ -2556,11 +2559,11 @@ function As() {
     return y.render = function() {
       var p = this.props, d = p.handle, m = p.handleSize;
       p.onResize;
-      var O = p.onResizeStart, M = p.onResizeStop, L = p.draggableOpts, N = p.minConstraints, I = p.maxConstraints, P = p.lockAspectRatio, F = p.axis;
+      var x = p.onResizeStart, M = p.onResizeStop, L = p.draggableOpts, N = p.minConstraints, I = p.maxConstraints, P = p.lockAspectRatio, k = p.axis;
       p.width, p.height;
       var U = p.resizeHandles, j = p.style, ie = p.transformScale, te = S(p, o);
       return /* @__PURE__ */ e.createElement(r.default, {
-        axis: F,
+        axis: k,
         draggableOpts: L,
         handle: d,
         handleSize: m,
@@ -2568,7 +2571,7 @@ function As() {
         lockAspectRatio: P,
         maxConstraints: I,
         minConstraints: N,
-        onResizeStart: O,
+        onResizeStart: x,
         onResize: this.onResize,
         onResizeStop: M,
         resizeHandles: U,
@@ -2759,8 +2762,8 @@ function Hs() {
           offsetParent: y
         } = h;
         if (!y) return;
-        const l = y.getBoundingClientRect(), p = h.getBoundingClientRect(), d = p.left / a, m = l.left / a, O = p.top / a, M = l.top / a;
-        u.left = d - m + y.scrollLeft, u.top = O - M + y.scrollTop, this.setState({
+        const l = y.getBoundingClientRect(), p = h.getBoundingClientRect(), d = p.left / a, m = l.left / a, x = p.top / a, M = l.top / a;
+        u.left = d - m + y.scrollLeft, u.top = x - M + y.scrollTop, this.setState({
           dragging: u
         });
         const {
@@ -2789,7 +2792,7 @@ function Hs() {
           isBounded: p,
           i: d,
           w: m,
-          h: O,
+          h: x,
           containerWidth: M
         } = this.props, L = this.getPositionParams();
         if (p) {
@@ -2801,9 +2804,9 @@ function Hs() {
               margin: j,
               rowHeight: ie,
               containerPadding: te
-            } = this.props, A = U.clientHeight - (0, i.calcGridItemWHPx)(O, ie, j[1]);
+            } = this.props, A = U.clientHeight - (0, i.calcGridItemWHPx)(x, ie, j[1]);
             y = (0, i.clamp)(y - te[1], 0, A);
-            const k = (0, i.calcGridColWidth)(L), se = M - (0, i.calcGridItemWHPx)(m, k, j[0]);
+            const F = (0, i.calcGridColWidth)(L), se = M - (0, i.calcGridItemWHPx)(m, F, j[0]);
             l = (0, i.clamp)(l - te[0], 0, se);
           }
         }
@@ -2818,9 +2821,9 @@ function Hs() {
           containerPadding: I
         } = this.props, {
           x: P,
-          y: F
-        } = (0, i.calcXY)(L, y - I[1], l - I[0], m, O);
-        return u.call(this, d, P, F, {
+          y: k
+        } = (0, i.calcXY)(L, y - I[1], l - I[0], m, x);
+        return u.call(this, d, P, k, {
           e: S,
           node: h,
           newPosition: N
@@ -2851,10 +2854,10 @@ function Hs() {
           dragging: null
         });
         const {
-          x: O,
+          x,
           y: M
         } = (0, i.calcXY)(this.getPositionParams(), d - l[1], p - l[0], a, u);
-        return s.call(this, y, O, M, {
+        return s.call(this, y, x, M, {
           e: S,
           node: h,
           newPosition: m
@@ -2975,7 +2978,7 @@ function Hs() {
         transformScale: p,
         resizeHandles: d,
         resizeHandle: m
-      } = this.props, O = this.getPositionParams(), M = (0, i.calcGridItemPosition)(O, 0, 0, s, 0).width, L = (0, i.calcGridItemPosition)(O, 0, 0, a, u), N = (0, i.calcGridItemPosition)(O, 0, 0, y, l), I = [L.width, L.height], P = [Math.min(N.width, M), Math.min(N.height, 1 / 0)];
+      } = this.props, x = this.getPositionParams(), M = (0, i.calcGridItemPosition)(x, 0, 0, s, 0).width, L = (0, i.calcGridItemPosition)(x, 0, 0, a, u), N = (0, i.calcGridItemPosition)(x, 0, 0, y, l), I = [L.width, L.height], P = [Math.min(N.width, M), Math.min(N.height, 1 / 0)];
       return /* @__PURE__ */ e.default.createElement(
         n.Resizable,
         {
@@ -3012,7 +3015,7 @@ function Hs() {
         x: p,
         y: d,
         i: m,
-        maxH: O,
+        maxH: x,
         minH: M,
         containerWidth: L
       } = this.props, {
@@ -3024,10 +3027,10 @@ function Hs() {
         resizing: s === "onResizeStop" ? null : P
       }));
       let {
-        w: F,
+        w: k,
         h: U
       } = (0, i.calcWH)(this.getPositionParams(), P.width, P.height, p, d, y);
-      F = (0, i.clamp)(F, Math.max(N, 1), I), U = (0, i.clamp)(U, M, O), l.call(this, m, F, U, {
+      k = (0, i.clamp)(k, Math.max(N, 1), I), U = (0, i.clamp)(U, M, x), l.call(this, m, k, U, {
         e: S,
         node: a,
         size: P,
@@ -3224,7 +3227,7 @@ function Ko() {
           layout: d
         } = this.state, m = (0, n.getLayoutItem)(d, s);
         if (!m) return;
-        const O = {
+        const x = {
           w: m.w,
           h: m.h,
           x: m.x,
@@ -3235,7 +3238,7 @@ function Ko() {
         return this.setState({
           oldDragItem: (0, n.cloneLayoutItem)(m),
           oldLayout: d,
-          activeDrag: O
+          activeDrag: x
         }), this.props.onDragStart(d, m, m, null, l, p);
       }), g(this, "onDrag", (s, a, u, y) => {
         let {
@@ -3249,7 +3252,7 @@ function Ko() {
           layout: m
         } = this.state;
         const {
-          cols: O,
+          cols: x,
           allowOverlap: M,
           preventCollision: L
         } = this.props, N = (0, n.getLayoutItem)(m, s);
@@ -3262,8 +3265,8 @@ function Ko() {
           placeholder: !0,
           i: s
         };
-        m = (0, n.moveElement)(m, N, a, u, !0, L, (0, n.compactType)(this.props), O, M), this.props.onDrag(m, d, N, I, l, p), this.setState({
-          layout: M ? m : (0, n.compact)(m, (0, n.compactType)(this.props), O),
+        m = (0, n.moveElement)(m, N, a, u, !0, L, (0, n.compactType)(this.props), x, M), this.props.onDrag(m, d, N, I, l, p), this.setState({
+          layout: M ? m : (0, n.compact)(m, (0, n.compactType)(this.props), x),
           activeDrag: I
         });
       }), g(this, "onDragStop", (s, a, u, y) => {
@@ -3279,23 +3282,23 @@ function Ko() {
           layout: m
         } = this.state;
         const {
-          cols: O,
+          cols: x,
           preventCollision: M,
           allowOverlap: L
         } = this.props, N = (0, n.getLayoutItem)(m, s);
         if (!N) return;
-        m = (0, n.moveElement)(m, N, a, u, !0, M, (0, n.compactType)(this.props), O, L);
-        const P = L ? m : (0, n.compact)(m, (0, n.compactType)(this.props), O);
+        m = (0, n.moveElement)(m, N, a, u, !0, M, (0, n.compactType)(this.props), x, L);
+        const P = L ? m : (0, n.compact)(m, (0, n.compactType)(this.props), x);
         this.props.onDragStop(P, d, N, null, l, p);
         const {
-          oldLayout: F
+          oldLayout: k
         } = this.state;
         this.setState({
           activeDrag: null,
           layout: P,
           oldDragItem: null,
           oldLayout: null
-        }), this.onLayoutMaybeChanged(P, F);
+        }), this.onLayoutMaybeChanged(P, k);
       }), g(this, "onResizeStart", (s, a, u, y) => {
         let {
           e: l,
@@ -3317,7 +3320,7 @@ function Ko() {
           handle: m
         } = y;
         const {
-          oldResizeItem: O
+          oldResizeItem: x
         } = this.state, {
           layout: M
         } = this.state, {
@@ -3325,19 +3328,19 @@ function Ko() {
           preventCollision: N,
           allowOverlap: I
         } = this.props;
-        let P = !1, F, U, j;
-        const [ie, te] = (0, n.withLayoutItem)(M, s, (k) => {
+        let P = !1, k, U, j;
+        const [ie, te] = (0, n.withLayoutItem)(M, s, (F) => {
           let se;
-          return U = k.x, j = k.y, ["sw", "w", "nw", "n", "ne"].indexOf(m) !== -1 && (["sw", "nw", "w"].indexOf(m) !== -1 && (U = k.x + (k.w - a), a = k.x !== U && U < 0 ? k.w : a, U = U < 0 ? 0 : U), ["ne", "n", "nw"].indexOf(m) !== -1 && (j = k.y + (k.h - u), u = k.y !== j && j < 0 ? k.h : u, j = j < 0 ? 0 : j), P = !0), N && !I && (se = (0, n.getAllCollisions)(M, {
-            ...k,
+          return U = F.x, j = F.y, ["sw", "w", "nw", "n", "ne"].indexOf(m) !== -1 && (["sw", "nw", "w"].indexOf(m) !== -1 && (U = F.x + (F.w - a), a = F.x !== U && U < 0 ? F.w : a, U = U < 0 ? 0 : U), ["ne", "n", "nw"].indexOf(m) !== -1 && (j = F.y + (F.h - u), u = F.y !== j && j < 0 ? F.h : u, j = j < 0 ? 0 : j), P = !0), N && !I && (se = (0, n.getAllCollisions)(M, {
+            ...F,
             w: a,
             h: u,
             x: U,
             y: j
-          }).filter((fe) => fe.i !== k.i).length > 0, se && (j = k.y, u = k.h, U = k.x, a = k.w, P = !1)), k.w = a, k.h = u, k;
+          }).filter((fe) => fe.i !== F.i).length > 0, se && (j = F.y, u = F.h, U = F.x, a = F.w, P = !1)), F.w = a, F.h = u, F;
         });
         if (!te) return;
-        F = ie, P && (F = (0, n.moveElement)(ie, te, U, j, !0, this.props.preventCollision, (0, n.compactType)(this.props), L, I));
+        k = ie, P && (k = (0, n.moveElement)(ie, te, U, j, !0, this.props.preventCollision, (0, n.compactType)(this.props), L, I));
         const A = {
           w: te.w,
           h: te.h,
@@ -3346,8 +3349,8 @@ function Ko() {
           static: !0,
           i: s
         };
-        this.props.onResize(F, O, te, A, l, p), this.setState({
-          layout: I ? F : (0, n.compact)(F, (0, n.compactType)(this.props), L),
+        this.props.onResize(k, x, te, A, l, p), this.setState({
+          layout: I ? k : (0, n.compact)(k, (0, n.compactType)(this.props), L),
           activeDrag: A
         });
       }), g(this, "onResizeStop", (s, a, u, y) => {
@@ -3359,9 +3362,9 @@ function Ko() {
           layout: d,
           oldResizeItem: m
         } = this.state, {
-          cols: O,
+          cols: x,
           allowOverlap: M
-        } = this.props, L = (0, n.getLayoutItem)(d, s), N = M ? d : (0, n.compact)(d, (0, n.compactType)(this.props), O);
+        } = this.props, L = (0, n.getLayoutItem)(d, s), N = M ? d : (0, n.compact)(d, (0, n.compactType)(this.props), x);
         this.props.onResizeStop(N, m, L, null, l, p);
         const {
           oldLayout: I
@@ -3386,7 +3389,7 @@ function Ko() {
           rowHeight: p,
           maxRows: d,
           width: m,
-          containerPadding: O,
+          containerPadding: x,
           transformScale: M
         } = this.props, L = u == null ? void 0 : u(s);
         if (L === !1)
@@ -3396,8 +3399,8 @@ function Ko() {
           ...L
         }, {
           layout: I
-        } = this.state, P = s.currentTarget.getBoundingClientRect(), F = s.clientX - P.left, U = s.clientY - P.top, j = {
-          left: F / M,
+        } = this.state, P = s.currentTarget.getBoundingClientRect(), k = s.clientX - P.left, U = s.clientY - P.top, j = {
+          left: k / M,
           top: U / M,
           e: s
         };
@@ -3407,7 +3410,7 @@ function Ko() {
               left: te,
               top: A
             } = this.state.droppingPosition;
-            (te != F || A != U) && this.setState({
+            (te != k || A != U) && this.setState({
               droppingPosition: j
             });
           }
@@ -3418,8 +3421,8 @@ function Ko() {
             maxRows: d,
             rowHeight: p,
             containerWidth: m,
-            containerPadding: O || y
-          }, A = (0, o.calcXY)(te, U, F, N.w, N.h);
+            containerPadding: x || y
+          }, A = (0, o.calcXY)(te, U, k, N.w, N.h);
           this.setState({
             droppingDOMNode: /* @__PURE__ */ e.createElement("div", {
               key: N.i
@@ -3520,7 +3523,7 @@ function Ko() {
         rowHeight: p,
         maxRows: d,
         useCSSTransforms: m,
-        transformScale: O
+        transformScale: x
       } = this.props;
       return /* @__PURE__ */ e.createElement(i.default, {
         w: s.w,
@@ -3539,7 +3542,7 @@ function Ko() {
         isResizable: !1,
         isBounded: !1,
         useCSSTransforms: m,
-        transformScale: O
+        transformScale: x
       }, /* @__PURE__ */ e.createElement("div", null));
     }
     /**
@@ -3557,28 +3560,28 @@ function Ko() {
         margin: p,
         containerPadding: d,
         rowHeight: m,
-        maxRows: O,
+        maxRows: x,
         isDraggable: M,
         isResizable: L,
         isBounded: N,
         useCSSTransforms: I,
         transformScale: P,
-        draggableCancel: F,
+        draggableCancel: k,
         draggableHandle: U,
         resizeHandles: j,
         resizeHandle: ie
       } = this.props, {
         mounted: te,
         droppingPosition: A
-      } = this.state, k = typeof u.isDraggable == "boolean" ? u.isDraggable : !u.static && M, se = typeof u.isResizable == "boolean" ? u.isResizable : !u.static && L, ae = u.resizeHandles || j, fe = k && N && u.isBounded !== !1;
+      } = this.state, F = typeof u.isDraggable == "boolean" ? u.isDraggable : !u.static && M, se = typeof u.isResizable == "boolean" ? u.isResizable : !u.static && L, ae = u.resizeHandles || j, fe = F && N && u.isBounded !== !1;
       return /* @__PURE__ */ e.createElement(i.default, {
         containerWidth: y,
         cols: l,
         margin: p,
         containerPadding: d || p,
-        maxRows: O,
+        maxRows: x,
         rowHeight: m,
-        cancel: F,
+        cancel: k,
         handle: U,
         onDragStop: this.onDragStop,
         onDragStart: this.onDragStart,
@@ -3586,7 +3589,7 @@ function Ko() {
         onResizeStart: this.onResizeStart,
         onResize: this.onResize,
         onResizeStop: this.onResizeStop,
-        isDraggable: k,
+        isDraggable: F,
         isResizable: se,
         isBounded: fe,
         useCSSTransforms: I && te,
@@ -3819,13 +3822,13 @@ function Us() {
         cols: u,
         layouts: y,
         compactType: l
-      } = this.props, p = this.props.breakpoint || (0, o.getBreakpointFromWidth)(this.props.breakpoints, this.props.width), d = this.state.breakpoint, m = (0, o.getColsFromBreakpoint)(p, u), O = {
+      } = this.props, p = this.props.breakpoint || (0, o.getBreakpointFromWidth)(this.props.breakpoints, this.props.width), d = this.state.breakpoint, m = (0, o.getColsFromBreakpoint)(p, u), x = {
         ...y
       };
       if (d !== p || s.breakpoints !== a || s.cols !== u) {
-        d in O || (O[d] = (0, n.cloneLayout)(this.state.layout));
-        let N = (0, o.findOrGenerateResponsiveLayout)(O, a, p, d, m, l);
-        N = (0, n.synchronizeLayoutWithChildren)(N, this.props.children, m, l, this.props.allowOverlap), O[p] = N, this.props.onLayoutChange(N, O), this.props.onBreakpointChange(p, m), this.setState({
+        d in x || (x[d] = (0, n.cloneLayout)(this.state.layout));
+        let N = (0, o.findOrGenerateResponsiveLayout)(x, a, p, d, m, l);
+        N = (0, n.synchronizeLayoutWithChildren)(N, this.props.children, m, l, this.props.allowOverlap), x[p] = N, this.props.onLayoutChange(N, x), this.props.onBreakpointChange(p, m), this.setState({
           breakpoint: p,
           layout: N,
           cols: m
@@ -3844,7 +3847,7 @@ function Us() {
         containerPadding: p,
         onBreakpointChange: d,
         onLayoutChange: m,
-        onWidthChange: O,
+        onWidthChange: x,
         ...M
       } = this.props;
       return /* @__PURE__ */ e.createElement(i.default, b({}, M, {
@@ -4404,16 +4407,16 @@ const ya = "univer-cf-preview", rn = {
   }, [t]);
   switch (t.type) {
     case Z.dataBar: {
-      const { isGradient: c } = t.config, v = { width: "50%", height: "100%" }, f = c ? `linear-gradient(to right, ${t.config.positiveColor || kt}, rgb(255 255 255))` : t.config.positiveColor, b = c ? `linear-gradient(to right,  rgb(255 255 255),${t.config.nativeColor || Vt})` : t.config.nativeColor;
+      const { isGradient: c } = t.config, v = { width: "50%", height: "100%" }, f = c ? `linear-gradient(to right, ${t.config.positiveColor || Ft}, rgb(255 255 255))` : t.config.positiveColor, b = c ? `linear-gradient(to right,  rgb(255 255 255),${t.config.nativeColor || Vt})` : t.config.nativeColor;
       return /* @__PURE__ */ G("div", { className: rn.cfPreview, children: [
-        /* @__PURE__ */ x("div", { style: { ...v, background: b, border: `1px solid ${t.config.nativeColor || Vt}` } }),
-        /* @__PURE__ */ x("div", { style: { ...v, background: f, border: `1px solid ${t.config.positiveColor || kt}` } })
+        /* @__PURE__ */ O("div", { style: { ...v, background: b, border: `1px solid ${t.config.nativeColor || Vt}` } }),
+        /* @__PURE__ */ O("div", { style: { ...v, background: f, border: `1px solid ${t.config.positiveColor || Ft}` } })
       ] });
     }
     case Z.colorScale:
-      return r && /* @__PURE__ */ x("div", { className: rn.cfPreview, children: r.map((c, v) => /* @__PURE__ */ x("div", { style: { width: `${100 / r.length}%`, height: "100%", background: c } }, v)) });
+      return r && /* @__PURE__ */ O("div", { className: rn.cfPreview, children: r.map((c, v) => /* @__PURE__ */ O("div", { style: { width: `${100 / r.length}%`, height: "100%", background: c } }, v)) });
     case Z.iconSet:
-      return n && /* @__PURE__ */ x("div", { className: rn.cfPreview, children: n.map((c, v) => c ? /* @__PURE__ */ x("img", { style: { height: "100%" }, src: c }, v) : /* @__PURE__ */ x(Zt, {}, v)) });
+      return n && /* @__PURE__ */ O("div", { className: rn.cfPreview, children: n.map((c, v) => c ? /* @__PURE__ */ O("img", { style: { height: "100%" }, src: c }, v) : /* @__PURE__ */ O(Zt, {}, v)) });
     case Z.highlightCell: {
       const { ul: c, st: v, it: f, bl: b, bg: g, cl: C } = t.style, _ = (c == null ? void 0 : c.s) === Me.TRUE, w = (v == null ? void 0 : v.s) === Me.TRUE, S = f === Me.TRUE, R = b === Me.TRUE, h = (o = g == null ? void 0 : g.rgb) != null ? o : Si, s = (i = C == null ? void 0 : C.rgb) != null ? i : Ci, a = {
         fontWeight: R ? "bold" : void 0,
@@ -4422,11 +4425,11 @@ const ya = "univer-cf-preview", rn = {
         backgroundColor: h,
         color: s
       };
-      return /* @__PURE__ */ x("div", { style: a, className: rn.cfPreview, children: "123" });
+      return /* @__PURE__ */ O("div", { style: a, className: rn.cfPreview, children: "123" });
     }
   }
   return null;
-}, ba = "univer-cf-rule-list", Sa = "univer-rule-selector", Ca = "univer-select", wa = "univer-btn-list", Ra = "univer-gap", _a = "univer-icon", Ia = "univer-disabled", Ea = "univer-rule-item", Ta = "univer-rule-describe", Oa = "univer-rule-type", xa = "univer-rule-range", Pa = "univer-active", Da = "univer-draggableHandle", Ma = "univer-delete-item", Na = "univer-grid-layout-wrap", Se = {
+}, ba = "univer-cf-rule-list", Sa = "univer-rule-selector", Ca = "univer-select", wa = "univer-btn-list", Ra = "univer-gap", _a = "univer-icon", Ia = "univer-disabled", Ea = "univer-rule-item", Ta = "univer-rule-describe", xa = "univer-rule-type", Oa = "univer-rule-range", Pa = "univer-active", Da = "univer-draggableHandle", Ma = "univer-delete-item", Na = "univer-grid-layout-wrap", Se = {
   cfRuleList: ba,
   ruleSelector: Sa,
   select: Ca,
@@ -4436,8 +4439,8 @@ const ya = "univer-cf-preview", rn = {
   disabled: Ia,
   ruleItem: Ea,
   ruleDescribe: Ta,
-  ruleType: Oa,
-  ruleRange: xa,
+  ruleType: xa,
+  ruleRange: Oa,
   active: Pa,
   draggableHandle: Da,
   deleteItem: Ma,
@@ -4485,41 +4488,41 @@ const za = (e) => {
   const { onClick: t } = e, r = pe(ve), n = pe(de), o = pe(ut), i = pe(me), c = pe(Te), v = pe(He), f = pe(vt), b = Ai(() => n.getCurrentTypeOfUnit$(oe.UNIVER_SHEET), void 0, void 0, []), g = b.getUnitId(), C = b.getActiveSheet();
   if (!C)
     throw new Error("No active sheet found");
-  const _ = C.getSheetId(), [w, S] = H([]), [R, h] = H("2"), [s, a] = H(0), [u, y] = H(-1), [l, p] = H(Qr), d = ke(null), m = [
+  const _ = C.getSheetId(), [w, S] = H([]), [R, h] = H("2"), [s, a] = H(0), [u, y] = H(-1), [l, p] = H(Qr), d = Fe(null), m = [
     { label: c.t("sheet.cf.panel.workSheet"), value: "2" },
     { label: c.t("sheet.cf.panel.selectedRange"), value: "1" }
-  ], O = () => {
+  ], x = () => {
     const A = r.getSubunitRules(g, _);
     if (!A || !A.length)
       return [];
     if (R === "1") {
-      const k = o.getCurrentLastSelection();
-      if (!k)
+      const F = o.getCurrentLastSelection();
+      if (!F)
         return [];
-      const se = k.range;
+      const se = F.range;
       return A.filter((fe) => fe.ranges.some((be) => Ge.intersects(be, se)));
     } else if (R === "2")
       return [...A];
     return [];
-  }, [M, L] = H(O);
+  }, [M, L] = H(x);
   Qi(w), Re(() => {
-    const A = i.onCommandExecuted((k) => {
-      k.id === rr.id && a(Math.random());
+    const A = i.onCommandExecuted((F) => {
+      F.id === rr.id && a(Math.random());
     });
     return () => A.dispose();
   }), Re(() => {
-    L(O);
+    L(x);
   }, [R, s, g, _]), Re(() => {
     if (R === "2")
       return;
-    const A = new st((k) => {
+    const A = new st((F) => {
       const se = [Pi.id, Ie.id, Ve.id, Le.id, fn.id], ae = i.onCommandExecuted((fe) => {
-        const { id: be, params: Oe } = fe, $e = n.getCurrentUnitForType(oe.UNIVER_SHEET).getUnitId();
-        se.includes(be) && Oe.unitId === $e && k.next(null);
+        const { id: be, params: xe } = fe, $e = n.getCurrentUnitForType(oe.UNIVER_SHEET).getUnitId();
+        se.includes(be) && xe.unitId === $e && F.next(null);
       });
       return () => ae.dispose();
     }).pipe(Sr(16)).subscribe(() => {
-      L(O);
+      L(x);
     });
     return () => {
       A.unsubscribe();
@@ -4540,13 +4543,13 @@ const za = (e) => {
         let be = setTimeout(() => {
           ae.next();
         }, 150);
-        const Oe = () => {
+        const xe = () => {
           be && clearTimeout(be), be = null;
         }, $e = (V) => {
-          V.propertyName === "width" && (Oe(), ae.next());
+          V.propertyName === "width" && (xe(), ae.next());
         };
         return fe.addEventListener("transitionend", $e), () => {
-          Oe(), fe.removeEventListener("transitionend", $e);
+          xe(), fe.removeEventListener("transitionend", $e);
         };
       }
     }).pipe(Sr(16)).subscribe(() => {
@@ -4558,13 +4561,13 @@ const za = (e) => {
   }, []);
   const N = (A) => {
     var ae;
-    const k = n.getCurrentUnitForType(oe.UNIVER_SHEET).getUnitId(), se = (ae = n.getCurrentUnitForType(oe.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : ae.getSheetId();
-    if (!k || !se)
+    const F = n.getCurrentUnitForType(oe.UNIVER_SHEET).getUnitId(), se = (ae = n.getCurrentUnitForType(oe.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : ae.getSheetId();
+    if (!F || !se)
       throw new Error("No active sheet found");
-    i.executeCommand(mn.id, { unitId: k, subUnitId: se, cfId: A.cfId });
-  }, I = (A, k) => {
-    y(k.y);
-  }, P = (A, k, se) => {
+    i.executeCommand(mn.id, { unitId: F, subUnitId: se, cfId: A.cfId });
+  }, I = (A, F) => {
+    y(F.y);
+  }, P = (A, F, se) => {
     var V;
     y(-1);
     const ae = n.getCurrentUnitForType(oe.UNIVER_SHEET).getUnitId(), fe = (V = n.getCurrentUnitForType(oe.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : V.getSheetId();
@@ -4573,47 +4576,47 @@ const za = (e) => {
     const be = (J) => {
       const ue = M.length;
       return Math.min(ue - 1, Math.max(0, J));
-    }, Oe = M[be(k.y)].cfId, $e = M[be(se.y)].cfId;
-    Oe !== $e && i.executeCommand(lr.id, { unitId: ae, subUnitId: fe, start: { id: Oe, type: "self" }, end: { id: $e, type: se.y > k.y ? "after" : "before" } });
-  }, F = () => {
+    }, xe = M[be(F.y)].cfId, $e = M[be(se.y)].cfId;
+    xe !== $e && i.executeCommand(lr.id, { unitId: ae, subUnitId: fe, start: { id: xe, type: "self" }, end: { id: $e, type: se.y > F.y ? "after" : "before" } });
+  }, k = () => {
     e.onCreate();
   }, U = () => {
-    R === "2" ? i.executeCommand(Pn.id) : R === "1" && M.map((k) => ({ unitId: g, subUnitId: _, cfId: k.cfId })).forEach((k) => {
-      i.executeCommand(mn.id, k);
+    R === "2" ? i.executeCommand(Pn.id) : R === "1" && M.map((F) => ({ unitId: g, subUnitId: _, cfId: F.cfId })).forEach((F) => {
+      i.executeCommand(mn.id, F);
     });
   }, j = Ce(() => {
-    const A = n.getCurrentUnitForType(oe.UNIVER_SHEET), k = A.getActiveSheet();
+    const A = n.getCurrentUnitForType(oe.UNIVER_SHEET), F = A.getActiveSheet();
     return M.filter((se) => {
       const ae = se.ranges;
-      return pn(v, A.getUnitId(), k.getSheetId(), ae);
+      return pn(v, A.getUnitId(), F.getSheetId(), ae);
     });
-  }, [M]), ie = j.map((A, k) => ({ i: A.cfId, x: 0, w: 12, y: k, h: 1, isResizable: !1 })), te = Ce(() => {
-    const A = n.getCurrentUnitForType(oe.UNIVER_SHEET), k = A.getActiveSheet();
+  }, [M]), ie = j.map((A, F) => ({ i: A.cfId, x: 0, w: 12, y: F, h: 1, isResizable: !1 })), te = Ce(() => {
+    const A = n.getCurrentUnitForType(oe.UNIVER_SHEET), F = A.getActiveSheet();
     return M.every((se) => {
       const ae = se.ranges;
-      return pn(v, A.getUnitId(), k.getSheetId(), ae);
+      return pn(v, A.getUnitId(), F.getSheetId(), ae);
     });
   }, [M]);
   return /* @__PURE__ */ G("div", { className: Se.cfRuleList, children: [
     /* @__PURE__ */ G("div", { className: Se.ruleSelector, children: [
-      /* @__PURE__ */ x("div", { children: f.tWithReactNode(
+      /* @__PURE__ */ O("div", { children: f.tWithReactNode(
         "sheet.cf.panel.managerRuleSelect",
-        /* @__PURE__ */ x(Ne, { className: Se.select, options: m, value: R, onChange: (A) => {
+        /* @__PURE__ */ O(Ne, { className: Se.select, options: m, value: R, onChange: (A) => {
           h(A);
         } })
-      ).map((A, k) => /* @__PURE__ */ x("span", { children: A }, k)) }),
+      ).map((A, F) => /* @__PURE__ */ O("span", { children: A }, F)) }),
       /* @__PURE__ */ G("div", { className: Se.btnList, children: [
-        /* @__PURE__ */ x(mr, { title: c.t("sheet.cf.panel.createRule"), placement: "bottom", children: /* @__PURE__ */ x(
+        /* @__PURE__ */ O(mr, { title: c.t("sheet.cf.panel.createRule"), placement: "bottom", children: /* @__PURE__ */ O(
           "div",
           {
             className: `
                               ${Se.icon}
                             `,
-            onClick: F,
-            children: /* @__PURE__ */ x(Ao, {})
+            onClick: k,
+            children: /* @__PURE__ */ O(Ao, {})
           }
         ) }),
-        M.length && te ? /* @__PURE__ */ x(mr, { title: c.t("sheet.cf.panel.clear"), placement: "bottom", children: /* @__PURE__ */ x(
+        M.length && te ? /* @__PURE__ */ O(mr, { title: c.t("sheet.cf.panel.clear"), placement: "bottom", children: /* @__PURE__ */ O(
           "div",
           {
             className: `
@@ -4621,21 +4624,21 @@ const za = (e) => {
                                       ${Se.icon}
                                     `,
             onClick: U,
-            children: /* @__PURE__ */ x(dn, {})
+            children: /* @__PURE__ */ O(dn, {})
           }
-        ) }) : /* @__PURE__ */ x(
+        ) }) : /* @__PURE__ */ O(
           "div",
           {
             className: `
                               ${Se.gap}
                               ${Se.disabled}
                             `,
-            children: /* @__PURE__ */ x(dn, {})
+            children: /* @__PURE__ */ O(dn, {})
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ x("div", { ref: d, className: Se.gridLayoutWrap, children: l ? /* @__PURE__ */ x(
+    /* @__PURE__ */ O("div", { ref: d, className: Se.gridLayoutWrap, children: l ? /* @__PURE__ */ O(
       pa,
       {
         onDragStop: P,
@@ -4646,7 +4649,7 @@ const za = (e) => {
         width: l,
         margin: [0, 10],
         draggableHandle: ".draggableHandle",
-        children: j == null ? void 0 : j.map((A, k) => /* @__PURE__ */ x("div", { children: /* @__PURE__ */ G(
+        children: j == null ? void 0 : j.map((A, F) => /* @__PURE__ */ O("div", { children: /* @__PURE__ */ G(
           "div",
           {
             onMouseMove: () => {
@@ -4658,10 +4661,10 @@ const za = (e) => {
             },
             className: `
                                               ${Se.ruleItem}
-                                              ${u === k ? Se.active : ""}
+                                              ${u === F ? Se.active : ""}
                                             `,
             children: [
-              /* @__PURE__ */ x(
+              /* @__PURE__ */ O(
                 "div",
                 {
                   className: `
@@ -4669,25 +4672,25 @@ const za = (e) => {
                                                   draggableHandle
                                                 `,
                   onClick: (se) => se.stopPropagation(),
-                  children: /* @__PURE__ */ x(Wo, {})
+                  children: /* @__PURE__ */ O(Wo, {})
                 }
               ),
               /* @__PURE__ */ G("div", { className: Se.ruleDescribe, children: [
-                /* @__PURE__ */ x("div", { className: Se.ruleType, children: La(A, c) }),
-                /* @__PURE__ */ x("div", { className: Se.ruleRange, children: A.ranges.map((se) => Io(se)).join(",") })
+                /* @__PURE__ */ O("div", { className: Se.ruleType, children: La(A, c) }),
+                /* @__PURE__ */ O("div", { className: Se.ruleRange, children: A.ranges.map((se) => Io(se)).join(",") })
               ] }),
-              /* @__PURE__ */ x("div", { className: Se.preview, children: /* @__PURE__ */ x(wt, { rule: A.rule }) }),
-              /* @__PURE__ */ x(
+              /* @__PURE__ */ O("div", { className: Se.preview, children: /* @__PURE__ */ O(wt, { rule: A.rule }) }),
+              /* @__PURE__ */ O(
                 "div",
                 {
                   className: `
                                                   ${Se.deleteItem}
-                                                  ${u === k ? Se.active : ""}
+                                                  ${u === F ? Se.active : ""}
                                                 `,
                   onClick: (se) => {
                     se.stopPropagation(), N(A), S([]);
                   },
-                  children: /* @__PURE__ */ x(dn, {})
+                  children: /* @__PURE__ */ O(dn, {})
                 }
               )
             ]
@@ -4696,22 +4699,22 @@ const za = (e) => {
       }
     ) : null })
   ] });
-}, $a = "univer-cf-color-picker", Fa = "univer-cf-color-picker-icon", ka = "univer-icon-dropdown", Bn = {
+}, $a = "univer-cf-color-picker", ka = "univer-cf-color-picker-icon", Fa = "univer-icon-dropdown", Bn = {
   cfColorPicker: $a,
-  cfColorPickerIcon: Fa,
-  iconDropdown: ka
+  cfColorPickerIcon: ka,
+  iconDropdown: Fa
 }, ct = (e) => {
   const { color: t, onChange: r, disable: n = !1, iconId: o = "PaintBucket", className: i, isNeedDropdownIcon: c = !0 } = e, v = pe(ir), f = Ce(() => new fo(t), [t]), b = v.get(o);
-  return b && (n ? /* @__PURE__ */ x(b, { className: i, extend: { colorChannel1: f.isValid ? t : "rgb(var(--primary-color))" } }) : /* @__PURE__ */ x(
+  return b && (n ? /* @__PURE__ */ O(b, { className: i, extend: { colorChannel1: f.isValid ? t : "rgb(var(--primary-color))" } }) : /* @__PURE__ */ O(
     sr,
     {
-      overlay: /* @__PURE__ */ x(
+      overlay: /* @__PURE__ */ O(
         "div",
         {
           className: `
                       ${Bn.cfColorPicker}
                     `,
-          children: /* @__PURE__ */ x(Yi, { value: t, onChange: r })
+          children: /* @__PURE__ */ O(Yi, { value: t, onChange: r })
         }
       ),
       children: /* @__PURE__ */ G(
@@ -4722,8 +4725,8 @@ const za = (e) => {
                   ${i}
                 `,
           children: [
-            /* @__PURE__ */ x(b, { extend: { colorChannel1: f.isValid ? t : "rgb(var(--primary-color))" } }),
-            c && /* @__PURE__ */ x(Dn, { className: Bn.iconDropdown })
+            /* @__PURE__ */ O(b, { extend: { colorChannel1: f.isValid ? t : "rgb(var(--primary-color))" } }),
+            c && /* @__PURE__ */ O(Dn, { className: Bn.iconDropdown })
           ]
         }
       )
@@ -4764,13 +4767,13 @@ const za = (e) => {
   } : {
     min: Number.MIN_SAFE_INTEGER,
     max: Number.MAX_SAFE_INTEGER
-  }, [t]), C = ke({}), [_, w] = H(!1);
+  }, [t]), C = Fe({}), [_, w] = H(!1);
   return Kt((R) => {
     var s;
     const h = (s = C.current) == null ? void 0 : s.handleOutClick;
     h && h(R, () => w(!1));
-  }), t === ne.formula ? /* @__PURE__ */ x("div", { style: { width: "100%", marginLeft: 4 }, children: /* @__PURE__ */ x(
-    On,
+  }), t === ne.formula ? /* @__PURE__ */ O("div", { style: { width: "100%", marginLeft: 4 }, children: /* @__PURE__ */ O(
+    xn,
     {
       initValue: b,
       unitId: v,
@@ -4782,7 +4785,7 @@ const za = (e) => {
       onFocus: () => w(!0),
       actions: C.current
     }
-  ) }) : /* @__PURE__ */ x(lt, { className: r, value: Number(e.value) || 0, onChange: (R) => e.onChange(R || 0), ...g });
+  ) }) : /* @__PURE__ */ O(lt, { className: r, value: Number(e.value) || 0, onChange: (R) => e.onChange(R || 0), ...g });
 }, dl = (e) => {
   var N;
   const { interceptorManager: t } = e, r = pe(Te), n = ((N = e.rule) == null ? void 0 : N.type) === Z.colorScale ? e.rule : void 0, o = [it(ne.num, r), it(ne.percent, r), it(ne.percentile, r), it(ne.formula, r)], i = [it(ne.min, r), ...o], c = [it("none", r), ...o], v = [it(ne.max, r), ...o], [f, b] = H(() => {
@@ -4803,16 +4806,16 @@ const za = (e) => {
     const P = n.config[0];
     return (P == null ? void 0 : P.value.value) === void 0 ? 10 : P == null ? void 0 : P.value.value;
   }), [h, s] = H(() => {
-    var F;
+    var k;
     if (!n || n.config.length !== 3)
       return 50;
-    const P = (F = n.config[1]) == null ? void 0 : F.value.value;
+    const P = (k = n.config[1]) == null ? void 0 : k.value.value;
     return P === void 0 ? 50 : P;
   }), [a, u] = H(() => {
-    var F;
+    var k;
     if (!n)
       return 90;
-    const P = (F = n.config[n.config.length - 1]) == null ? void 0 : F.value.value;
+    const P = (k = n.config[n.config.length - 1]) == null ? void 0 : k.value.value;
     return P === void 0 ? 90 : P;
   }), [y, l] = H(() => {
     var P;
@@ -4822,23 +4825,23 @@ const za = (e) => {
     var P;
     const I = "#7790f3";
     return !n || n.config.length !== 3 ? I : ((P = n.config[1]) == null ? void 0 : P.color) || I;
-  }), [m, O] = H(() => {
+  }), [m, x] = H(() => {
     var P;
     const I = "#2e55ef";
     return n && ((P = n.config[n.config.length - 1]) == null ? void 0 : P.color) || I;
   }), M = Ce(() => (I) => {
     const {
       minType: P,
-      medianType: F,
+      medianType: k,
       maxType: U,
       minValue: j,
       medianValue: ie,
       maxValue: te,
       minColor: A,
-      medianColor: k,
+      medianColor: F,
       maxColor: se
     } = I, ae = [];
-    return ae.push({ color: A, value: { type: P, value: j } }), F !== "none" && ae.push({ color: k, value: { type: F, value: ie } }), ae.push({ color: se, value: { type: U, value: te } }), { config: ae.map((be, Oe) => ({ ...be, index: Oe })), type: Z.colorScale };
+    return ae.push({ color: A, value: { type: P, value: j } }), k !== "none" && ae.push({ color: F, value: { type: k, value: ie } }), ae.push({ color: se, value: { type: U, value: te } }), { config: ae.map((be, xe) => ({ ...be, index: xe })), type: Z.colorScale };
   }, []);
   Re(() => t.intercept(t.getInterceptPoints().submit, {
     handler() {
@@ -4849,17 +4852,17 @@ const za = (e) => {
     e.onChange(M(I));
   };
   return /* @__PURE__ */ G("div", { children: [
-    /* @__PURE__ */ x("div", { className: $.title, children: r.t("sheet.cf.panel.styleRule") }),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O("div", { className: $.title, children: r.t("sheet.cf.panel.styleRule") }),
+    /* @__PURE__ */ O(
       "div",
       {
         className: `
               ${W.cfPreviewWrap}
             `,
-        children: /* @__PURE__ */ x(wt, { rule: M({ minType: f, medianType: g, maxType: _, minValue: S, medianValue: h, maxValue: a, minColor: y, medianColor: p, maxColor: m }) })
+        children: /* @__PURE__ */ O(wt, { rule: M({ minType: f, medianType: g, maxType: _, minValue: S, medianValue: h, maxValue: a, minColor: y, medianColor: p, maxColor: m }) })
       }
     ),
-    /* @__PURE__ */ x("div", { className: $.label, children: r.t("sheet.cf.valueType.min") }),
+    /* @__PURE__ */ O("div", { className: $.label, children: r.t("sheet.cf.valueType.min") }),
     /* @__PURE__ */ G(
       "div",
       {
@@ -4868,7 +4871,7 @@ const za = (e) => {
               ${$.mTSm}
             `,
         children: [
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ O(
             Ne,
             {
               style: { flexShrink: 0 },
@@ -4881,7 +4884,7 @@ const za = (e) => {
               }
             }
           ),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ O(
             Gn,
             {
               id: "min",
@@ -4895,7 +4898,7 @@ const za = (e) => {
               }
             }
           ),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ O(
             ct,
             {
               className: $.mLXxs,
@@ -4908,7 +4911,7 @@ const za = (e) => {
         ]
       }
     ),
-    /* @__PURE__ */ x("div", { className: $.label, children: r.t("sheet.cf.panel.medianValue") }),
+    /* @__PURE__ */ O("div", { className: $.label, children: r.t("sheet.cf.panel.medianValue") }),
     /* @__PURE__ */ G(
       "div",
       {
@@ -4917,7 +4920,7 @@ const za = (e) => {
               ${$.mTSm}
             `,
         children: [
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ O(
             Ne,
             {
               style: { flexShrink: 0 },
@@ -4930,7 +4933,7 @@ const za = (e) => {
               }
             }
           ),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ O(
             Gn,
             {
               id: "median",
@@ -4944,7 +4947,7 @@ const za = (e) => {
               }
             }
           ),
-          g !== "none" && /* @__PURE__ */ x(
+          g !== "none" && /* @__PURE__ */ O(
             ct,
             {
               className: $.mLXxs,
@@ -4957,7 +4960,7 @@ const za = (e) => {
         ]
       }
     ),
-    /* @__PURE__ */ x("div", { className: $.label, children: r.t("sheet.cf.valueType.max") }),
+    /* @__PURE__ */ O("div", { className: $.label, children: r.t("sheet.cf.valueType.max") }),
     /* @__PURE__ */ G(
       "div",
       {
@@ -4966,7 +4969,7 @@ const za = (e) => {
               ${$.mTSm}
             `,
         children: [
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ O(
             Ne,
             {
               style: { flexShrink: 0 },
@@ -4979,7 +4982,7 @@ const za = (e) => {
               }
             }
           ),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ O(
             Gn,
             {
               id: "max",
@@ -4993,13 +4996,13 @@ const za = (e) => {
               }
             }
           ),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ O(
             ct,
             {
               className: $.mLXxs,
               color: m,
               onChange: (I) => {
-                O(I), L({ minType: f, medianType: g, maxType: _, minValue: S, medianValue: h, maxValue: a, minColor: y, medianColor: p, maxColor: I });
+                x(I), L({ minType: f, medianType: g, maxType: _, minValue: S, medianValue: h, maxValue: a, minColor: y, medianColor: p, maxColor: I });
               }
             }
           )
@@ -5009,13 +5012,13 @@ const za = (e) => {
   ] });
 }, ht = (e, t) => ({ label: t.t(`sheet.cf.valueType.${e}`), value: e }), eo = (e) => {
   var R;
-  const { onChange: t, className: r, value: n, type: o, id: i, disabled: c = !1 } = e, v = pe(de), f = v.getCurrentUnitForType(oe.UNIVER_SHEET).getUnitId(), b = (R = v.getCurrentUnitForType(oe.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : R.getSheetId(), g = ke({}), [C, _] = H(!1);
+  const { onChange: t, className: r, value: n, type: o, id: i, disabled: c = !1 } = e, v = pe(de), f = v.getCurrentUnitForType(oe.UNIVER_SHEET).getUnitId(), b = (R = v.getCurrentUnitForType(oe.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : R.getSheetId(), g = Fe({}), [C, _] = H(!1);
   Kt((h) => {
     var a;
     const s = (a = g.current) == null ? void 0 : a.handleOutClick;
     s && s(h, () => _(!1));
   });
-  const w = ke(n), S = Ce(() => [ne.percentile, ne.percent].includes(o) ? {
+  const w = Fe(n), S = Ce(() => [ne.percentile, ne.percent].includes(o) ? {
     max: 100,
     min: 0
   } : {
@@ -5024,8 +5027,8 @@ const za = (e) => {
   }, [o]);
   if (o === ne.formula) {
     const h = String(w.current).startsWith("=") ? String(w.current) || "" : "=";
-    return /* @__PURE__ */ x("div", { style: { width: "100%", marginLeft: 12 }, children: /* @__PURE__ */ x(
-      On,
+    return /* @__PURE__ */ O("div", { style: { width: "100%", marginLeft: 12 }, children: /* @__PURE__ */ O(
+      xn,
       {
         initValue: h,
         unitId: f,
@@ -5039,7 +5042,7 @@ const za = (e) => {
       }
     ) });
   }
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ O(
     lt,
     {
       className: r,
@@ -5059,7 +5062,7 @@ const za = (e) => {
     return n ? (P = n.config) != null && P.isGradient ? "1" : "0" : I;
   }), [c, v] = H(() => {
     var I;
-    return n ? ((I = n.config) == null ? void 0 : I.positiveColor) || kt : kt;
+    return n ? ((I = n.config) == null ? void 0 : I.positiveColor) || Ft : Ft;
   }), [f, b] = H(() => {
     var I;
     return n ? ((I = n.config) == null ? void 0 : I.nativeColor) || Vt : Vt;
@@ -5072,22 +5075,22 @@ const za = (e) => {
     const I = _[0].value;
     return n && ((P = n.config) == null ? void 0 : P.max.type) || I;
   }), [s, a] = H(() => {
-    var F;
+    var k;
     if (!n)
       return 0;
-    const P = ((F = n.config) == null ? void 0 : F.min) || {};
+    const P = ((k = n.config) == null ? void 0 : k.min) || {};
     return P.type === ne.formula ? P.value || "=" : P.value || 0;
   }), [u, y] = H(() => {
-    var F;
+    var k;
     if (!n)
       return 100;
-    const P = ((F = n.config) == null ? void 0 : F.max) || {};
+    const P = ((k = n.config) == null ? void 0 : k.max) || {};
     return P.type === ne.formula ? P.value || "=" : P.value === void 0 ? 100 : P.value;
   }), [l, p] = H(() => n ? n.isShowValue === void 0 ? !0 : !!n.isShowValue : !0), d = (I) => ({ config: {
     min: { type: I.minValueType, value: I.minValue },
     max: { type: I.maxValueType, value: I.maxValue },
     isGradient: I.isGradient === "1",
-    positiveColor: I.positiveColor || kt,
+    positiveColor: I.positiveColor || Ft,
     nativeColor: I.nativeColor || Vt
   }, type: Z.dataBar, isShowValue: I.isShowValue });
   Re(() => t.intercept(t.getInterceptPoints().submit, {
@@ -5097,24 +5100,24 @@ const za = (e) => {
   }), [o, s, w, u, R, c, f, t, l]);
   const m = (I) => {
     e.onChange(d(I));
-  }, O = (I) => {
+  }, x = (I) => {
     v(I), m({ isGradient: o, minValue: s, minValueType: w, maxValue: u, maxValueType: R, positiveColor: I, nativeColor: f, isShowValue: l });
   }, M = (I) => {
     b(I), m({ isGradient: o, minValue: s, minValueType: w, maxValue: u, maxValueType: R, positiveColor: c, nativeColor: I, isShowValue: l });
   }, L = (I) => g.map((P) => P.value).includes(I);
   return /* @__PURE__ */ G("div", { children: [
-    /* @__PURE__ */ x("div", { className: $.title, children: r.t("sheet.cf.panel.styleRule") }),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O("div", { className: $.title, children: r.t("sheet.cf.panel.styleRule") }),
+    /* @__PURE__ */ O(
       "div",
       {
         className: `
               ${W.cfPreviewWrap}
             `,
-        children: /* @__PURE__ */ x(wt, { rule: d({ isGradient: o, minValue: s, minValueType: w, maxValue: u, maxValueType: R, positiveColor: c, nativeColor: f, isShowValue: l }) })
+        children: /* @__PURE__ */ O(wt, { rule: d({ isGradient: o, minValue: s, minValueType: w, maxValue: u, maxValueType: R, positiveColor: c, nativeColor: f, isShowValue: l }) })
       }
     ),
     /* @__PURE__ */ G("div", { children: [
-      /* @__PURE__ */ x("div", { className: $.label, children: r.t("sheet.cf.panel.fillType") }),
+      /* @__PURE__ */ O("div", { className: $.label, children: r.t("sheet.cf.panel.fillType") }),
       /* @__PURE__ */ G(
         "div",
         {
@@ -5132,8 +5135,8 @@ const za = (e) => {
                   i(I), m({ isGradient: I, minValue: s, minValueType: w, maxValue: u, maxValueType: R, positiveColor: c, nativeColor: f, isShowValue: l });
                 },
                 children: [
-                  /* @__PURE__ */ x(vr, { value: "0", children: /* @__PURE__ */ x("span", { className: W.text, children: r.t("sheet.cf.panel.pureColor") }) }),
-                  /* @__PURE__ */ x(vr, { value: "1", children: /* @__PURE__ */ x("span", { className: W.text, children: r.t("sheet.cf.panel.gradient") }) })
+                  /* @__PURE__ */ O(vr, { value: "0", children: /* @__PURE__ */ O("span", { className: W.text, children: r.t("sheet.cf.panel.pureColor") }) }),
+                  /* @__PURE__ */ O(vr, { value: "1", children: /* @__PURE__ */ O("span", { className: W.text, children: r.t("sheet.cf.panel.gradient") }) })
                 ]
               }
             ),
@@ -5145,7 +5148,7 @@ const za = (e) => {
                       ${$.mLXl}
                     `,
                 children: [
-                  /* @__PURE__ */ x(
+                  /* @__PURE__ */ O(
                     gn,
                     {
                       checked: !l,
@@ -5163,7 +5166,7 @@ const za = (e) => {
       )
     ] }),
     /* @__PURE__ */ G("div", { children: [
-      /* @__PURE__ */ x("div", { className: $.label, children: r.t("sheet.cf.panel.colorSet") }),
+      /* @__PURE__ */ O("div", { className: $.label, children: r.t("sheet.cf.panel.colorSet") }),
       /* @__PURE__ */ G(
         "div",
         {
@@ -5180,7 +5183,7 @@ const za = (e) => {
                       ${$.labelContainer}
                     `,
                 children: [
-                  /* @__PURE__ */ x(
+                  /* @__PURE__ */ O(
                     "div",
                     {
                       className: `
@@ -5189,7 +5192,7 @@ const za = (e) => {
                       children: r.t("sheet.cf.panel.native")
                     }
                   ),
-                  /* @__PURE__ */ x(
+                  /* @__PURE__ */ O(
                     ct,
                     {
                       color: f,
@@ -5207,7 +5210,7 @@ const za = (e) => {
                       ${$.mLSm}
                     `,
                 children: [
-                  /* @__PURE__ */ x(
+                  /* @__PURE__ */ O(
                     "div",
                     {
                       className: `
@@ -5216,11 +5219,11 @@ const za = (e) => {
                       children: r.t("sheet.cf.panel.positive")
                     }
                   ),
-                  /* @__PURE__ */ x(
+                  /* @__PURE__ */ O(
                     ct,
                     {
                       color: c,
-                      onChange: O
+                      onChange: x
                     }
                   )
                 ]
@@ -5231,7 +5234,7 @@ const za = (e) => {
       )
     ] }),
     /* @__PURE__ */ G("div", { children: [
-      /* @__PURE__ */ x("div", { className: $.label, children: r.t("sheet.cf.valueType.min") }),
+      /* @__PURE__ */ O("div", { className: $.label, children: r.t("sheet.cf.valueType.min") }),
       /* @__PURE__ */ G(
         "div",
         {
@@ -5240,7 +5243,7 @@ const za = (e) => {
                   ${$.labelContainer}
                 `,
           children: [
-            /* @__PURE__ */ x(
+            /* @__PURE__ */ O(
               Ne,
               {
                 style: { width: "50%", flexShrink: 0 },
@@ -5253,7 +5256,7 @@ const za = (e) => {
                 }
               }
             ),
-            /* @__PURE__ */ x(
+            /* @__PURE__ */ O(
               eo,
               {
                 disabled: !L(w),
@@ -5269,7 +5272,7 @@ const za = (e) => {
           ]
         }
       ),
-      /* @__PURE__ */ x("div", { className: $.label, children: r.t("sheet.cf.valueType.max") }),
+      /* @__PURE__ */ O("div", { className: $.label, children: r.t("sheet.cf.valueType.max") }),
       /* @__PURE__ */ G(
         "div",
         {
@@ -5278,7 +5281,7 @@ const za = (e) => {
                   ${$.labelContainer}
                 `,
           children: [
-            /* @__PURE__ */ x(
+            /* @__PURE__ */ O(
               Ne,
               {
                 style: { width: "50%", flexShrink: 0 },
@@ -5291,7 +5294,7 @@ const za = (e) => {
                 }
               }
             ),
-            /* @__PURE__ */ x(
+            /* @__PURE__ */ O(
               eo,
               {
                 disabled: !L(R),
@@ -5363,18 +5366,18 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
           ${n}
         `,
       children: [
-        s && /* @__PURE__ */ x("div", { className: on({ [Be.isActive]: an(i || Me.FALSE) }, Be.buttonItem), onClick: () => c(sn(i)), children: /* @__PURE__ */ x(s, {}) }),
-        a && /* @__PURE__ */ x("div", { className: on({ [Be.isActive]: an(v || Me.FALSE) }, Be.buttonItem), onClick: () => f(sn(v)), children: /* @__PURE__ */ x(a, {}) }),
-        u && /* @__PURE__ */ x("div", { className: on({ [Be.isActive]: an(b || Me.FALSE) }, Be.buttonItem), onClick: () => g(sn(b)), children: /* @__PURE__ */ x(u, {}) }),
-        y && /* @__PURE__ */ x("div", { className: on({ [Be.isActive]: an(C || Me.FALSE) }, Be.buttonItem), onClick: () => _(sn(C)), children: /* @__PURE__ */ x(y, {}) }),
-        /* @__PURE__ */ x(ct, { color: w, onChange: S, iconId: "FontColor" }),
-        /* @__PURE__ */ x(ct, { color: R, onChange: h, iconId: "PaintBucket" })
+        s && /* @__PURE__ */ O("div", { className: on({ [Be.isActive]: an(i || Me.FALSE) }, Be.buttonItem), onClick: () => c(sn(i)), children: /* @__PURE__ */ O(s, {}) }),
+        a && /* @__PURE__ */ O("div", { className: on({ [Be.isActive]: an(v || Me.FALSE) }, Be.buttonItem), onClick: () => f(sn(v)), children: /* @__PURE__ */ O(a, {}) }),
+        u && /* @__PURE__ */ O("div", { className: on({ [Be.isActive]: an(b || Me.FALSE) }, Be.buttonItem), onClick: () => g(sn(b)), children: /* @__PURE__ */ O(u, {}) }),
+        y && /* @__PURE__ */ O("div", { className: on({ [Be.isActive]: an(C || Me.FALSE) }, Be.buttonItem), onClick: () => _(sn(C)), children: /* @__PURE__ */ O(y, {}) }),
+        /* @__PURE__ */ O(ct, { color: w, onChange: S, iconId: "FontColor" }),
+        /* @__PURE__ */ O(ct, { color: R, onChange: h, iconId: "PaintBucket" })
       ]
     }
   );
 }, ml = (e) => {
   var y;
-  const { onChange: t, interceptorManager: r } = e, n = pe(Te), i = pe(de).getCurrentUnitForType(oe.UNIVER_SHEET), c = i.getActiveSheet(), v = ((y = e.rule) == null ? void 0 : y.type) === Z.highlightCell ? e.rule : void 0, f = ke(null), [b, g] = H(!1), C = ke({}), [_, w] = H({}), [S, R] = H(() => (v == null ? void 0 : v.subType) === X.formula ? v.value : "="), [h, s] = H(void 0), a = (l) => ({
+  const { onChange: t, interceptorManager: r } = e, n = pe(Te), i = pe(de).getCurrentUnitForType(oe.UNIVER_SHEET), c = i.getActiveSheet(), v = ((y = e.rule) == null ? void 0 : y.type) === Z.highlightCell ? e.rule : void 0, f = Fe(null), [b, g] = H(!1), C = Fe({}), [_, w] = H({}), [S, R] = H(() => (v == null ? void 0 : v.subType) === X.formula ? v.value : "="), [h, s] = H(void 0), a = (l) => ({
     style: l.style,
     value: S,
     type: Z.highlightCell,
@@ -5395,7 +5398,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
     const p = (d = C.current) == null ? void 0 : d.handleOutClick;
     p && p(l, () => g(!1));
   }), /* @__PURE__ */ G("div", { ref: f, children: [
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O(
       "div",
       {
         className: `
@@ -5405,14 +5408,14 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
         children: n.t("sheet.cf.panel.styleRule")
       }
     ),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O(
       "div",
       {
         className: `
                   ${$.mTSm}
                 `,
-        children: /* @__PURE__ */ x(
-          On,
+        children: /* @__PURE__ */ O(
+          xn,
           {
             onChange: (l) => {
               R(l), u({ style: _ });
@@ -5433,16 +5436,16 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
         )
       }
     ),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O(
       "div",
       {
         className: `
                   ${W.cfPreviewWrap}
                 `,
-        children: /* @__PURE__ */ x(wt, { rule: a({ style: _ }) })
+        children: /* @__PURE__ */ O(wt, { rule: a({ style: _ }) })
       }
     ),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O(
       gr,
       {
         style: v == null ? void 0 : v.style,
@@ -5456,7 +5459,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
     )
   ] });
 }, ln = (e) => /* @__PURE__ */ G("div", { style: { position: "relative" }, children: [
-  /* @__PURE__ */ x(
+  /* @__PURE__ */ O(
     "div",
     {
       style: {
@@ -5499,7 +5502,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
     }
   }, [t]), Re(() => {
     const d = i.intercept(i.getInterceptPoints().beforeSubmit, {
-      handler: (m, O, M) => {
+      handler: (m, x, M) => {
         switch (t) {
           case X.text:
             if ([
@@ -5531,13 +5534,13 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
         const d = (m) => {
           _(m), n(m);
         };
-        return /* @__PURE__ */ x(
+        return /* @__PURE__ */ O(
           "div",
           {
             className: `
                       ${$.mTSm}
                     `,
-            children: /* @__PURE__ */ x(ln, { errorText: w, children: /* @__PURE__ */ x(
+            children: /* @__PURE__ */ O(ln, { errorText: w, children: /* @__PURE__ */ O(
               Zi,
               {
                 className: W.width100,
@@ -5564,21 +5567,21 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
         const d = (m) => {
           f(m || 0), n(m || 0), g("");
         };
-        return /* @__PURE__ */ x(
+        return /* @__PURE__ */ O(
           "div",
           {
             className: `
                       ${$.mTSm}
                     `,
-            children: /* @__PURE__ */ x(ln, { errorText: b, children: /* @__PURE__ */ x(lt, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, className: W.width100, value: v, onChange: d }) })
+            children: /* @__PURE__ */ O(ln, { errorText: b, children: /* @__PURE__ */ O(lt, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, className: W.width100, value: v, onChange: d }) })
           }
         );
       }
       if ([Q.between, Q.notBetween].includes(r)) {
-        const d = (O) => {
-          h(O || 0), n([O || 0, u]), a("");
-        }, m = (O) => {
-          y(O || 0), n([R, O || 0]), p("");
+        const d = (x) => {
+          h(x || 0), n([x || 0, u]), a("");
+        }, m = (x) => {
+          y(x || 0), n([R, x || 0]), p("");
         };
         return /* @__PURE__ */ G(
           "div",
@@ -5588,8 +5591,8 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
                       ${$.labelContainer}
                     `,
             children: [
-              /* @__PURE__ */ x(ln, { errorText: s, children: /* @__PURE__ */ x(lt, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, value: R, onChange: d }) }),
-              /* @__PURE__ */ x(ln, { errorText: l, children: /* @__PURE__ */ x(
+              /* @__PURE__ */ O(ln, { errorText: s, children: /* @__PURE__ */ O(lt, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, value: R, onChange: d }) }),
+              /* @__PURE__ */ O(ln, { errorText: l, children: /* @__PURE__ */ O(
                 lt,
                 {
                   min: Number.MIN_SAFE_INTEGER,
@@ -5682,7 +5685,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
     const l = "";
     return o ? (d = o.value) != null ? d : hn(o.subType, o.operator) : l;
   }), [w, S] = H({}), R = Ce(() => (l) => {
-    var p, d, m, O, M, L, N, I, P, F, U, j, ie, te, A;
+    var p, d, m, x, M, L, N, I, P, k, U, j, ie, te, A;
     switch (l.subType || i) {
       case X.text: {
         if ([
@@ -5698,7 +5701,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
             subType: (p = l.subType) != null ? p : i,
             operator: (d = l.operator) != null ? d : b,
             style: (m = l.style) != null ? m : w,
-            value: (O = l.value) != null ? O : C
+            value: (x = l.value) != null ? x : C
           };
         break;
       }
@@ -5722,7 +5725,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
           return {
             type: Z.highlightCell,
             subType: (P = l.subType) != null ? P : i,
-            operator: (F = l.operator) != null ? F : b,
+            operator: (k = l.operator) != null ? k : b,
             style: (U = l.style) != null ? U : w,
             value: (j = l.value) != null ? j : C
           };
@@ -5753,7 +5756,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
     _(l), r(R({ value: l }));
   }, u = Ce(() => `${i}_${b}_${Math.random()}`, [i, b]);
   return /* @__PURE__ */ G("div", { children: [
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O(
       "div",
       {
         className: `
@@ -5763,7 +5766,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
         children: n.t("sheet.cf.panel.styleRule")
       }
     ),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O(
       Ne,
       {
         className: `
@@ -5775,7 +5778,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
         options: v
       }
     ),
-    (f == null ? void 0 : f.length) && /* @__PURE__ */ x(
+    (f == null ? void 0 : f.length) && /* @__PURE__ */ O(
       Ne,
       {
         className: `
@@ -5787,17 +5790,17 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
         options: f
       }
     ),
-    /* @__PURE__ */ x(vl, { value: C, interceptorManager: t, type: i, operator: b, rule: o, onChange: a }, u),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O(vl, { value: C, interceptorManager: t, type: i, operator: b, rule: o, onChange: a }, u),
+    /* @__PURE__ */ O(
       "div",
       {
         className: `
               ${W.cfPreviewWrap}
             `,
-        children: /* @__PURE__ */ x(wt, { rule: R({}) })
+        children: /* @__PURE__ */ O(wt, { rule: R({}) })
       }
     ),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O(
       gr,
       {
         style: o == null ? void 0 : o.style,
@@ -5812,16 +5815,16 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
   ] });
 }, oi = (e, t) => (at[e] || [])[Number(t)] || "", yl = (e) => {
   var f;
-  const t = pe(de), r = t.getCurrentUnitForType(oe.UNIVER_SHEET).getUnitId(), n = (f = t.getCurrentUnitForType(oe.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : f.getSheetId(), o = Ce(() => e.error ? W.errorInput : "", [e.error]), i = ke({}), [c, v] = H(!1);
+  const t = pe(de), r = t.getCurrentUnitForType(oe.UNIVER_SHEET).getUnitId(), n = (f = t.getCurrentUnitForType(oe.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : f.getSheetId(), o = Ce(() => e.error ? W.errorInput : "", [e.error]), i = Fe({}), [c, v] = H(!1);
   return Kt((b) => {
     var C;
     const g = (C = i.current) == null ? void 0 : C.handleOutClick;
     g && g(b, () => v(!1));
-  }), /* @__PURE__ */ x("div", { className: W.positionRelative, children: e.type !== ne.formula ? /* @__PURE__ */ G(Qn, { children: [
-    /* @__PURE__ */ x(lt, { className: o, value: Number(e.value) || 0, onChange: (b) => e.onChange(b != null ? b : 0) }),
-    e.error && /* @__PURE__ */ x("div", { className: W.errorText, children: e.error })
-  ] }) : /* @__PURE__ */ x("div", { style: { width: "100%" }, children: /* @__PURE__ */ x(
-    On,
+  }), /* @__PURE__ */ O("div", { className: W.positionRelative, children: e.type !== ne.formula ? /* @__PURE__ */ G(Qn, { children: [
+    /* @__PURE__ */ O(lt, { className: o, value: Number(e.value) || 0, onChange: (b) => e.onChange(b != null ? b : 0) }),
+    e.error && /* @__PURE__ */ O("div", { className: W.errorText, children: e.error })
+  ] }) : /* @__PURE__ */ O("div", { style: { width: "100%" }, children: /* @__PURE__ */ O(
+    xn,
     {
       initValue: String(e.value),
       unitId: r,
@@ -5844,11 +5847,11 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
   const r = pe(Te), n = (o) => {
     e.onClick(o);
   };
-  return /* @__PURE__ */ x("div", { ref: t, className: W.iconGroupList, children: Ri.map((o, i) => /* @__PURE__ */ G("div", { className: W.group, children: [
-    /* @__PURE__ */ x("div", { className: W.title, children: r.t(o.title) }),
-    /* @__PURE__ */ x("div", { className: W.itemContent, children: o.group.map((c) => /* @__PURE__ */ x("div", { className: W.itemWrap, onClick: () => {
+  return /* @__PURE__ */ O("div", { ref: t, className: W.iconGroupList, children: Ri.map((o, i) => /* @__PURE__ */ G("div", { className: W.group, children: [
+    /* @__PURE__ */ O("div", { className: W.title, children: r.t(o.title) }),
+    /* @__PURE__ */ O("div", { className: W.itemContent, children: o.group.map((c) => /* @__PURE__ */ O("div", { className: W.itemWrap, onClick: () => {
       n(c.name);
-    }, children: /* @__PURE__ */ x("div", { className: W.item, children: c.list.map((v, f) => /* @__PURE__ */ x("img", { className: W.icon, src: v }, f)) }) }, c.name)) })
+    }, children: /* @__PURE__ */ O("div", { className: W.item, children: c.list.map((v, f) => /* @__PURE__ */ O("img", { className: W.icon, src: v }, f)) }) }, c.name)) })
   ] }, i)) });
 }), Sl = (e) => {
   const t = Ce(() => {
@@ -5869,10 +5872,10 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
   };
   return /* @__PURE__ */ G("div", { className: W.iconItemListWrap, children: [
     /* @__PURE__ */ G("div", { className: W.none, onClick: () => r({ iconType: Ii, iconId: "" }), children: [
-      /* @__PURE__ */ x(Zt, { className: W.icon }),
-      /* @__PURE__ */ x("span", { children: "无单元格图标" })
+      /* @__PURE__ */ O(Zt, { className: W.icon }),
+      /* @__PURE__ */ O("span", { children: "无单元格图标" })
     ] }),
-    /* @__PURE__ */ x("div", { className: W.iconItemList, children: t.map((n) => /* @__PURE__ */ x("div", { className: W.item, children: /* @__PURE__ */ x(
+    /* @__PURE__ */ O("div", { className: W.iconItemList, children: t.map((n) => /* @__PURE__ */ O("div", { className: W.item, children: /* @__PURE__ */ O(
       "img",
       {
         onClick: () => r(n),
@@ -5935,7 +5938,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
                     ]
                   }
                 ),
-                /* @__PURE__ */ x(
+                /* @__PURE__ */ O(
                   "div",
                   {
                     className: `
@@ -5965,16 +5968,16 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
                           ${$.mTSm}
                         `,
               children: [
-                /* @__PURE__ */ x(
+                /* @__PURE__ */ O(
                   "div",
                   {
                     className: `
                               ${W.iconWrap}
                               ${W.width45}
                             `,
-                    children: /* @__PURE__ */ x(sr, { overlay: /* @__PURE__ */ x(Sl, { onClick: u, iconId: C.iconId, iconType: C.iconType }), children: /* @__PURE__ */ G("div", { className: W.dropdownIcon, children: [
-                      S ? /* @__PURE__ */ x("img", { src: S, className: W.icon }) : /* @__PURE__ */ x(Zt, { className: W.icon }),
-                      /* @__PURE__ */ x(Dn, {})
+                    children: /* @__PURE__ */ O(sr, { overlay: /* @__PURE__ */ O(Sl, { onClick: u, iconId: C.iconId, iconType: C.iconType }), children: /* @__PURE__ */ G("div", { className: W.dropdownIcon, children: [
+                      S ? /* @__PURE__ */ O("img", { src: S, className: W.icon }) : /* @__PURE__ */ O(Zt, { className: W.icon }),
+                      /* @__PURE__ */ O(Dn, {})
                     ] }) })
                   }
                 ),
@@ -5998,7 +6001,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
                       ] })
                     ]
                   }
-                ) : /* @__PURE__ */ x(
+                ) : /* @__PURE__ */ O(
                   Ne,
                   {
                     className: `
@@ -6016,7 +6019,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
               ]
             }
           ),
-          R ? /* @__PURE__ */ x("div", {}) : /* @__PURE__ */ G(Qn, { children: [
+          R ? /* @__PURE__ */ O("div", {}) : /* @__PURE__ */ G(Qn, { children: [
             /* @__PURE__ */ G(
               "div",
               {
@@ -6026,7 +6029,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
                                       ${W.flex}
                                     `,
                 children: [
-                  /* @__PURE__ */ x(
+                  /* @__PURE__ */ O(
                     "div",
                     {
                       className: `
@@ -6035,7 +6038,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
                       children: o.t("sheet.cf.iconSet.type")
                     }
                   ),
-                  /* @__PURE__ */ x(
+                  /* @__PURE__ */ O(
                     "div",
                     {
                       className: `
@@ -6055,7 +6058,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
                                       ${W.flex}
                                     `,
                 children: [
-                  /* @__PURE__ */ x(
+                  /* @__PURE__ */ O(
                     Ne,
                     {
                       style: { flexShrink: 0 },
@@ -6070,14 +6073,14 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
                       }
                     }
                   ),
-                  /* @__PURE__ */ x(
+                  /* @__PURE__ */ O(
                     "div",
                     {
                       className: `
                                           ${$.mL0}
                                           ${W.width45}
                                         `,
-                      children: /* @__PURE__ */ x(
+                      children: /* @__PURE__ */ O(
                         yl,
                         {
                           id: _,
@@ -6120,16 +6123,16 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
     } : ro(c, d, m));
   }), [g, C] = H(() => r ? !!r.isShowValue : !0), _ = Ce(() => {
     const l = f.map((p) => oi(p.iconType, p.iconId));
-    return /* @__PURE__ */ x("div", { className: W.iconWrap, children: l.map((p, d) => p ? /* @__PURE__ */ x(
+    return /* @__PURE__ */ O("div", { className: W.iconWrap, children: l.map((p, d) => p ? /* @__PURE__ */ O(
       "img",
       {
         className: W.icon,
         src: p
       },
       d
-    ) : /* @__PURE__ */ x(Zt, { className: W.icon }, d)) });
+    ) : /* @__PURE__ */ O(Zt, { className: W.icon }, d)) });
   }, [f]), w = (l) => {
-    if (l.reduce((d, m, O) => d.preType && !d.result || l.length - 1 === O ? d : m.value.type === ne.formula ? {
+    if (l.reduce((d, m, x) => d.preType && !d.result || l.length - 1 === x ? d : m.value.type === ne.formula ? {
       preType: ne.formula,
       result: !1
     } : d.preType ? {
@@ -6140,11 +6143,11 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
       preType: m.value.type
     }, { result: !0, preType: "" }).result && [ne.num, ne.percent, ne.percentile].includes(l[0].value.type)) {
       const d = {};
-      return l.forEach((m, O, M) => {
-        if (O - 1 < 0 || O === M.length - 1)
+      return l.forEach((m, x, M) => {
+        if (x - 1 < 0 || x === M.length - 1)
           return;
-        const N = l[O - 1], I = Jn(N.operator);
-        _i({ operator: I, value: N.value.value }, m.value.value) || (d[O] = `${n.t(`sheet.cf.form.${I}`, String(N.value.value))} `);
+        const N = l[x - 1], I = Jn(N.operator);
+        _i({ operator: I, value: N.value.value }, m.value.value) || (d[x] = `${n.t(`sheet.cf.form.${I}`, String(N.value.value))} `);
       }), d;
     }
     return {};
@@ -6152,7 +6155,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
     di(f, l) !== p && (fi(f, l, p), b([...f]), i(w(f)));
   }, R = (l) => {
     v(l);
-    const p = at[l] || [], d = new Array(p.length).fill("").map((m, O, M) => ro(l, O, M));
+    const p = at[l] || [], d = new Array(p.length).fill("").map((m, x, M) => ro(l, x, M));
     b(d), i(w(d));
   };
   Re(() => {
@@ -6177,23 +6180,23 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
   const h = () => {
     const l = f.map((p) => ({ ...p }));
     f.forEach((p, d) => {
-      const m = f.length - 1 - d, O = l[m];
-      p.iconId = O.iconId, p.iconType = O.iconType;
+      const m = f.length - 1 - d, x = l[m];
+      p.iconId = x.iconId, p.iconType = x.iconType;
     }), b([...f]);
   }, s = pe(Wi), [a, u] = H();
   return Hi(a, s.rootContainerElement), /* @__PURE__ */ G("div", { className: W.iconSet, children: [
-    /* @__PURE__ */ x("div", { className: $.title, children: n.t("sheet.cf.panel.styleRule") }),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O("div", { className: $.title, children: n.t("sheet.cf.panel.styleRule") }),
+    /* @__PURE__ */ O(
       "div",
       {
         className: `
                   ${$.mTSm}
                 `,
-        children: /* @__PURE__ */ x(
+        children: /* @__PURE__ */ O(
           sr,
           {
             placement: "bottomLeft",
-            overlay: /* @__PURE__ */ x(
+            overlay: /* @__PURE__ */ O(
               bl,
               {
                 ref: (l) => {
@@ -6205,7 +6208,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
             ),
             children: /* @__PURE__ */ G("div", { className: W.dropdownIcon, style: { width: "unset" }, children: [
               _,
-              /* @__PURE__ */ x(Dn, {})
+              /* @__PURE__ */ O(Dn, {})
             ] })
           }
         )
@@ -6220,7 +6223,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
                 `,
         children: [
           /* @__PURE__ */ G("div", { className: W.utilItem, children: [
-            /* @__PURE__ */ x(gn, { onChange: h }),
+            /* @__PURE__ */ O(gn, { onChange: h }),
             n.t("sheet.cf.iconSet.reverseIconOrder")
           ] }),
           /* @__PURE__ */ G(
@@ -6231,7 +6234,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
                       ${$.mLXl}
                     `,
               children: [
-                /* @__PURE__ */ x(gn, { checked: !g, onChange: (l) => {
+                /* @__PURE__ */ O(gn, { checked: !g, onChange: (l) => {
                   C(!l);
                 } }),
                 n.t("sheet.cf.iconSet.onlyShowIcon")
@@ -6241,7 +6244,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
         ]
       }
     ),
-    /* @__PURE__ */ x(Cl, { errorMap: o, onChange: S, configList: f })
+    /* @__PURE__ */ O(Cl, { errorMap: o, onChange: S, configList: f })
   ] });
 }, Rl = (e) => {
   var h;
@@ -6308,7 +6311,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
     t(S(s));
   };
   return /* @__PURE__ */ G("div", { children: [
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O(
       "div",
       {
         className: `
@@ -6318,7 +6321,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
         children: n.t("sheet.cf.panel.styleRule")
       }
     ),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O(
       Ne,
       {
         className: `
@@ -6340,7 +6343,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
                   ${$.mTSm}
                 `,
         children: [
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ O(
             lt,
             {
               min: 1,
@@ -6361,7 +6364,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
                       ${W.text}
                     `,
               children: [
-                /* @__PURE__ */ x(
+                /* @__PURE__ */ O(
                   gn,
                   {
                     checked: g,
@@ -6377,16 +6380,16 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
         ]
       }
     ),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O(
       "div",
       {
         className: `
               ${W.cfPreviewWrap}
             `,
-        children: /* @__PURE__ */ x(wt, { rule: S({ type: c, isPercent: g, value: f, style: _ }) })
+        children: /* @__PURE__ */ O(wt, { rule: S({ type: c, isPercent: g, value: f, style: _ }) })
       }
     ),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O(
       gr,
       {
         style: o == null ? void 0 : o.style,
@@ -6404,10 +6407,10 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
   return (t = e.getCurrentUnitForType(oe.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : t.getSheetId();
 }, El = (e) => {
   var M, L, N;
-  const t = pe(Te), r = pe(me), n = pe(de), o = pe(ve), i = pe(ut), c = oo(n), v = io(n), [f, b] = H(!0), g = ke({}), [C, _] = H(void 0), w = ke((L = (M = e.rule) == null ? void 0 : M.ranges) != null ? L : []), S = Ce(() => {
-    var P, F, U;
+  const t = pe(Te), r = pe(me), n = pe(de), o = pe(ve), i = pe(ut), c = oo(n), v = io(n), [f, b] = H(!0), g = Fe({}), [C, _] = H(void 0), w = Fe((L = (M = e.rule) == null ? void 0 : M.ranges) != null ? L : []), S = Ce(() => {
+    var P, k, U;
     let I = (P = e.rule) == null ? void 0 : P.ranges;
-    return I != null && I.length || (I = (U = (F = i.getCurrentSelections()) == null ? void 0 : F.map((j) => j.range)) != null ? U : []), w.current = I, I != null && I.length ? I.map((j) => {
+    return I != null && I.length || (I = (U = (k = i.getCurrentSelections()) == null ? void 0 : k.map((j) => j.range)) != null ? U : []), w.current = I, I != null && I.length ? I.map((j) => {
       const ie = Io(j);
       return ie === "NaN" ? "" : ie;
     }).filter((j) => !!j).join(",") : "";
@@ -6419,8 +6422,8 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
     { label: t.t("sheet.cf.ruleType.formula"), value: "5" },
     { label: t.t("sheet.cf.ruleType.iconSet"), value: "6" }
   ], [h, s] = H(() => {
-    var F, U;
-    const I = (F = e.rule) == null ? void 0 : F.rule.type, P = R[0].value;
+    var k, U;
+    const I = (k = e.rule) == null ? void 0 : k.rule.type, P = R[0].value;
     if (!I)
       return P;
     switch (I) {
@@ -6448,7 +6451,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
         return "6";
     }
     return P;
-  }), a = ke(void 0), u = Ce(() => new hi({ beforeSubmit: _l, submit: Il }), []), y = Ce(() => {
+  }), a = Fe(void 0), u = Ce(() => new hi({ beforeSubmit: _l, submit: Il }), []), y = Ce(() => {
     switch (h) {
       case "1":
         return no;
@@ -6469,8 +6472,8 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
   Re(() => {
     const I = r.onCommandExecuted((P) => {
       if (P.id === Di.id) {
-        const F = P.params;
-        F.subUnitId === v && F.unitId === c && e.onCancel();
+        const k = P.params;
+        k.subUnitId === v && k.unitId === c && e.onCancel();
       }
       P.id === rr.id && e.onCancel();
     });
@@ -6479,7 +6482,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
   const l = (I) => {
     a.current = I;
   }, p = (I) => {
-    const P = I.split(",").filter((F) => !!F).map(Ji).map((F) => F.range);
+    const P = I.split(",").filter((k) => !!k).map(Ji).map((k) => k.range);
     w.current = P;
   }, d = () => {
     if (C)
@@ -6497,27 +6500,27 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
         if (!j || !ie)
           throw new Error("No active sheet found");
         let te = {};
-        e.rule && e.rule.cfId ? (te = { ...e.rule, ranges: P, rule: U }, r.executeCommand(cr.id, { unitId: j, subUnitId: ie, rule: te }), e.onCancel()) : (te = { cfId: o.createCfId(j, ie), ranges: P, rule: U, stopIfTrue: !1 }, r.executeCommand(xn.id, { unitId: j, subUnitId: ie, rule: te }), e.onCancel());
+        e.rule && e.rule.cfId ? (te = { ...e.rule, ranges: P, rule: U }, r.executeCommand(cr.id, { unitId: j, subUnitId: ie, rule: te }), e.onCancel()) : (te = { cfId: o.createCfId(j, ie), ranges: P, rule: U, stopIfTrue: !1 }, r.executeCommand(On.id, { unitId: j, subUnitId: ie, rule: te }), e.onCancel());
       }
     }
   }, m = () => {
     e.onCancel();
-  }, O = (I, P) => {
+  }, x = (I, P) => {
     I ? P.length < 1 ? _(t.t("sheet.cf.errorMessage.rangeError")) : _(void 0) : _(t.t("sheet.cf.errorMessage.rangeError"));
   };
   return Kt((I) => {
-    var F;
-    const P = (F = g.current) == null ? void 0 : F.handleOutClick;
+    var k;
+    const P = (k = g.current) == null ? void 0 : k.handleOutClick;
     P && P(I, () => b(!1));
   }), /* @__PURE__ */ G("div", { className: W.cfRuleStyleEditor, children: [
-    /* @__PURE__ */ x("div", { className: $.title, children: t.t("sheet.cf.panel.range") }),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O("div", { className: $.title, children: t.t("sheet.cf.panel.range") }),
+    /* @__PURE__ */ O(
       "div",
       {
         className: `
               ${$.mTBase}
             `,
-        children: /* @__PURE__ */ x(
+        children: /* @__PURE__ */ O(
           as,
           {
             unitId: c,
@@ -6525,7 +6528,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
             subUnitId: v,
             initValue: S,
             onChange: p,
-            onVerify: O,
+            onVerify: x,
             onFocus: () => b(!0),
             isFocus: f,
             actions: g.current
@@ -6533,9 +6536,9 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
         )
       }
     ),
-    /* @__PURE__ */ x("div", { className: $.title, children: t.t("sheet.cf.panel.styleType") }),
-    /* @__PURE__ */ x("div", { className: $.mTBase, children: /* @__PURE__ */ x(Ne, { className: W.width100, value: h, options: R, onChange: (I) => s(I) }) }),
-    /* @__PURE__ */ x(y, { interceptorManager: u, rule: (N = e.rule) == null ? void 0 : N.rule, onChange: l }),
+    /* @__PURE__ */ O("div", { className: $.title, children: t.t("sheet.cf.panel.styleType") }),
+    /* @__PURE__ */ O("div", { className: $.mTBase, children: /* @__PURE__ */ O(Ne, { className: W.width100, value: h, options: R, onChange: (I) => s(I) }) }),
+    /* @__PURE__ */ O(y, { interceptorManager: u, rule: (N = e.rule) == null ? void 0 : N.rule, onChange: l }),
     /* @__PURE__ */ G(
       "div",
       {
@@ -6544,8 +6547,8 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
               ${W.btnList}
             `,
         children: [
-          /* @__PURE__ */ x(yr, { size: "small", onClick: m, children: t.t("sheet.cf.panel.cancel") }),
-          /* @__PURE__ */ x(yr, { className: $.mLSm, size: "small", type: "primary", onClick: d, children: t.t("sheet.cf.panel.submit") })
+          /* @__PURE__ */ O(yr, { size: "small", onClick: m, children: t.t("sheet.cf.panel.cancel") }),
+          /* @__PURE__ */ O(yr, { className: $.mLSm, size: "small", type: "primary", onClick: d, children: t.t("sheet.cf.panel.submit") })
         ]
       }
     )
@@ -6558,10 +6561,10 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
   }, v = (f) => {
     r(f), o(!0);
   };
-  return /* @__PURE__ */ x("div", { className: $.conditionalFormattingWrap, children: n ? /* @__PURE__ */ x(El, { onCancel: c, rule: t }) : /* @__PURE__ */ x(za, { onClick: v, onCreate: i }) });
+  return /* @__PURE__ */ O("div", { className: $.conditionalFormattingWrap, children: n ? /* @__PURE__ */ O(El, { onCancel: c, rule: t }) : /* @__PURE__ */ O(za, { onClick: v, onCreate: i }) });
 };
-var Ol = Object.getOwnPropertyDescriptor, xl = (e, t, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? Ol(t, r) : t, i = e.length - 1, c; i >= 0; i--)
+var xl = Object.getOwnPropertyDescriptor, Ol = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? xl(t, r) : t, i = e.length - 1, c; i >= 0; i--)
     (c = e[i]) && (o = c(o) || o);
   return o;
 }, Mt = (e, t) => (r, n) => t(r, n, e);
@@ -6598,14 +6601,14 @@ let Ht = class extends ze {
     this._componentManager.register(cn, Tl);
   }
 };
-Ht = xl([
+Ht = Ol([
   Mt(0, de),
   Mt(1, ee(He)),
   Mt(2, ee(ir)),
   Mt(3, ee(Ui)),
   Mt(4, ee(Te))
 ], Ht);
-var xe = /* @__PURE__ */ ((e) => (e[e.createRule = 1] = "createRule", e[e.viewRule = 2] = "viewRule", e[e.highlightCell = 3] = "highlightCell", e[e.rank = 4] = "rank", e[e.formula = 5] = "formula", e[e.colorScale = 6] = "colorScale", e[e.dataBar = 7] = "dataBar", e[e.icon = 8] = "icon", e[e.clearRangeRules = 9] = "clearRangeRules", e[e.clearWorkSheetRules = 10] = "clearWorkSheetRules", e))(xe || {});
+var Oe = /* @__PURE__ */ ((e) => (e[e.createRule = 1] = "createRule", e[e.viewRule = 2] = "viewRule", e[e.highlightCell = 3] = "highlightCell", e[e.rank = 4] = "rank", e[e.formula = 5] = "formula", e[e.colorScale = 6] = "colorScale", e[e.dataBar = 7] = "dataBar", e[e.icon = 8] = "icon", e[e.clearRangeRules = 9] = "clearRangeRules", e[e.clearWorkSheetRules = 10] = "clearWorkSheetRules", e))(Oe || {});
 const Ln = {
   id: "sheet.operation.open.conditional.formatting.panel",
   type: _e.OPERATION,
@@ -6756,24 +6759,24 @@ let Ut = class extends ze {
     if (!this._copyInfo || !r.copyRange)
       return { redos: [], undos: [] };
     if (![
-      Fn.SPECIAL_PASTE_FORMAT,
-      Fn.DEFAULT_PASTE,
-      Fn.SPECIAL_PASTE_BESIDES_BORDER
+      kn.SPECIAL_PASTE_FORMAT,
+      kn.DEFAULT_PASTE,
+      kn.SPECIAL_PASTE_BESIDES_BORDER
     ].includes(
       r.pasteType
     ))
       return { redos: [], undos: [] };
     const { ranges: [f, b], mapFunc: g } = Eo([r.copyRange, t]), C = ns(f, b, !0), _ = {};
-    Fe.foreach(b, (l, p) => {
-      const { row: d, col: m } = g(l, p), O = this._conditionalFormattingViewModel.getCellCfs(i, c, d, m);
-      O && O.forEach((M) => {
+    ke.foreach(b, (l, p) => {
+      const { row: d, col: m } = g(l, p), x = this._conditionalFormattingViewModel.getCellCfs(i, c, d, m);
+      x && x.forEach((M) => {
         if (!_[M.cfId]) {
           const L = new Je();
           _[M.cfId] = L;
           const N = this._conditionalFormattingRuleModel.getRule(i, c, M.cfId);
           N == null || N.ranges.forEach((I) => {
-            Fe.foreach(I, (P, F) => {
-              L.setValue(P, F, 1);
+            ke.foreach(I, (P, k) => {
+              L.setValue(P, k, 1);
             });
           });
         }
@@ -6800,7 +6803,7 @@ let Ut = class extends ze {
     };
     C.forEach((l) => {
       w && w.forValue((p, d, m) => {
-        const O = Ge.getPositionRange(
+        const x = Ge.getPositionRange(
           {
             startRow: p,
             endRow: p,
@@ -6808,12 +6811,12 @@ let Ut = class extends ze {
             endColumn: d
           },
           l.startRange
-        ), { row: M, col: L } = g(O.startRow, O.startColumn);
+        ), { row: M, col: L } = g(x.startRow, x.startColumn);
         m.forEach((N) => {
           if (!_[N]) {
             const I = a(N), P = new Je();
-            _[N] = P, I.ranges.forEach((F) => {
-              Fe.foreach(F, (U, j) => {
+            _[N] = P, I.ranges.forEach((k) => {
+              ke.foreach(k, (U, j) => {
                 P.setValue(U, j, 1);
               });
             });
@@ -6834,22 +6837,22 @@ let Ut = class extends ze {
         u.push({ id: Le.id, params: m }), y.push(...Xe(this._injector, m));
       }
       if (R.some((m) => m.cfId === l)) {
-        const m = a(l), O = {
+        const m = a(l), x = {
           unitId: i,
           subUnitId: c,
           rule: { ...m, ranges: d }
         };
-        u.push({ id: Ie.id, params: O }), y.push(nr(this._injector, O));
+        u.push({ id: Ie.id, params: x }), y.push(nr(this._injector, x));
       } else {
         const m = this._conditionalFormattingRuleModel.getRule(i, c, l);
         if (!m)
           continue;
-        const O = {
+        const x = {
           unitId: i,
           subUnitId: c,
           rule: { ...m, ranges: d }
         };
-        u.push({ id: Ve.id, params: O }), y.push(...Qe(this._injector, O));
+        u.push({ id: Ve.id, params: x }), y.push(...Qe(this._injector, x));
       }
     }
     return {
@@ -6877,7 +6880,7 @@ let jt = class extends ze {
   _commandExecutedListener() {
     this.disposeWithMe(
       this._commandService.beforeCommandExecuted((e) => {
-        e.id === xn.id && (this._sheetPermissionCheckController.permissionCheckWithRanges({
+        e.id === On.id && (this._sheetPermissionCheckController.permissionCheckWithRanges({
           workbookTypes: [_o],
           rangeTypes: [Ro],
           worksheetTypes: [Co, wo]
@@ -6950,7 +6953,7 @@ Bt = zl([
   un(2, ee(He)),
   un(3, ee(Li))
 ], Bt);
-var $l = Object.getOwnPropertyDescriptor, Fl = (e, t, r, n) => {
+var $l = Object.getOwnPropertyDescriptor, kl = (e, t, r, n) => {
   for (var o = n > 1 ? void 0 : n ? $l(t, r) : t, i = e.length - 1, c; i >= 0; i--)
     (c = e[i]) && (o = c(o) || o);
   return o;
@@ -6973,7 +6976,7 @@ let Gt = class extends ze {
     (r = this._renderManagerService.getRenderById(t)) == null || r.with(To).reCalculate(), (o = (n = this._renderManagerService.getRenderById(t)) == null ? void 0 : n.mainComponent) == null || o.makeDirty();
   }
   _initSkeleton() {
-    this.disposeWithMe(xo(this._conditionalFormattingRuleModel.$ruleChange, this._conditionalFormattingViewModel.markDirty$).pipe(
+    this.disposeWithMe(Oo(this._conditionalFormattingRuleModel.$ruleChange, this._conditionalFormattingViewModel.markDirty$).pipe(
       ls(16),
       Cr((t) => !!t.length),
       Cr((t) => {
@@ -6992,13 +6995,13 @@ let Gt = class extends ze {
         if (!o)
           return n(t);
         const i = r.workbook.getStyles(), v = { ...(typeof (t == null ? void 0 : t.s) == "string" ? i.get(t == null ? void 0 : t.s) : t == null ? void 0 : t.s) || {} }, f = { ...t, s: v };
-        return o.style && Object.assign(v, o.style), f.fontRenderExtension || (f.fontRenderExtension = {}, o.isShowValue !== void 0 && (f.fontRenderExtension.isSkip = !o.isShowValue)), o.dataBar && (f.dataBar = o.dataBar), o.iconSet && (f.iconSet = o.iconSet, f.fontRenderExtension.leftOffset = Ti + Oi), n(f);
+        return o.style && Object.assign(v, o.style), f.fontRenderExtension || (f.fontRenderExtension = {}, o.isShowValue !== void 0 && (f.fontRenderExtension.isSkip = !o.isShowValue)), o.dataBar && (f.dataBar = o.dataBar), o.iconSet && (f.iconSet = o.iconSet, f.fontRenderExtension.leftOffset = Ti + xi), n(f);
       },
       priority: 10
     }));
   }
 };
-Gt = Fl([
+Gt = kl([
   pt(0, ee(or)),
   pt(1, ee(bo)),
   pt(2, ee(de)),
@@ -7007,7 +7010,7 @@ Gt = Fl([
   pt(5, ee(ve))
 ], Gt);
 const ii = "sheets-conditional-formatting-ui.config", bn = {};
-var kl = Object.defineProperty, Vl = Object.getOwnPropertyDescriptor, ql = (e, t, r) => t in e ? kl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Al = (e, t, r, n) => {
+var Fl = Object.defineProperty, Vl = Object.getOwnPropertyDescriptor, ql = (e, t, r) => t in e ? Fl(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Al = (e, t, r, n) => {
   for (var o = n > 1 ? void 0 : n ? Vl(t, r) : t, i = e.length - 1, c; i >= 0; i--)
     (c = e[i]) && (o = c(o) || o);
   return o;
@@ -7030,14 +7033,14 @@ let Sn = class extends vo {
       Lo,
       zo,
       $o,
-      Fo,
       ko,
+      Fo,
       Vo,
       Ln,
       mn,
       cr,
       lr,
-      xn,
+      On,
       ar,
       Pn
     ].forEach((e) => {
@@ -7080,7 +7083,7 @@ let Cn = class extends ze {
         endColumn: i.col,
         endRow: i.row
       };
-      Fe.foreach(c, (S, R) => {
+      ke.foreach(c, (S, R) => {
         const h = Ge.getPositionRange(
           {
             startRow: S,
@@ -7109,31 +7112,31 @@ let Cn = class extends ze {
           p
         );
         d && d.forEach((m) => {
-          let O = v.get(m.cfId);
+          let x = v.get(m.cfId);
           if (!v.get(m.cfId)) {
             const M = this._conditionalFormattingRuleModel.getRule(b, g, m.cfId);
             if (!M)
               return;
-            O = new Je(), M.ranges.forEach((L) => {
-              Fe.foreach(L, (N, I) => {
-                O.setValue(N, I, 1);
+            x = new Je(), M.ranges.forEach((L) => {
+              ke.foreach(L, (N, I) => {
+                x.setValue(N, I, 1);
               });
-            }), v.set(m.cfId, O);
+            }), v.set(m.cfId, x);
           }
-          O.realDeleteValue(l, p);
+          x.realDeleteValue(l, p);
         }), y && y.forEach((m) => {
-          let O = v.get(m.cfId);
+          let x = v.get(m.cfId);
           if (!v.get(m.cfId)) {
             const M = this._conditionalFormattingRuleModel.getRule(b, g, m.cfId);
             if (!M)
               return;
-            O = new Je(), M.ranges.forEach((L) => {
-              Fe.foreach(L, (N, I) => {
-                O.setValue(N, I, 1);
+            x = new Je(), M.ranges.forEach((L) => {
+              ke.foreach(L, (N, I) => {
+                x.setValue(N, I, 1);
               });
-            }), v.set(m.cfId, O);
+            }), v.set(m.cfId, x);
           }
-          O.setValue(l, p, 1);
+          x.setValue(l, p, 1);
         });
       });
     }, r = (o, i) => {
@@ -7174,7 +7177,7 @@ let Cn = class extends ze {
     }, n = {
       id: Yt,
       onFillData: (o, i, c) => {
-        if (c === kn.COPY || c === kn.ONLY_FORMAT || c === kn.SERIES) {
+        if (c === Fn.COPY || c === Fn.ONLY_FORMAT || c === Fn.SERIES) {
           const { source: v, target: f } = o;
           return r(v, f);
         }
@@ -7205,7 +7208,7 @@ let wn = class extends ze {
       getMutations: (e) => {
         var o;
         const t = [], r = [], n = { redos: t, undos: r };
-        if ([Fi.id, ki.id].includes(e.id)) {
+        if ([ki.id, Fi.id].includes(e.id)) {
           const i = (o = this._selectionManagerService.getCurrentSelections()) == null ? void 0 : o.map((w) => w.range);
           if (!i)
             return n;
@@ -7327,47 +7330,47 @@ const lo = [
 ], $t = [
   {
     label: "sheet.cf.ruleType.highlightCell",
-    value: xe.highlightCell
+    value: Oe.highlightCell
   },
   {
     label: "sheet.cf.panel.rankAndAverage",
-    value: xe.rank
+    value: Oe.rank
   },
   {
     label: "sheet.cf.ruleType.formula",
-    value: xe.formula
+    value: Oe.formula
   },
   {
     label: "sheet.cf.ruleType.colorScale",
-    value: xe.colorScale
+    value: Oe.colorScale
   },
   {
     label: "sheet.cf.ruleType.dataBar",
-    value: xe.dataBar
+    value: Oe.dataBar
   },
   {
     label: "sheet.cf.ruleType.iconSet",
-    value: xe.icon
+    value: Oe.icon
   },
   {
     label: "sheet.cf.menu.manageConditionalFormatting",
-    value: xe.viewRule
+    value: Oe.viewRule
   },
   {
     label: "sheet.cf.menu.createConditionalFormatting",
-    value: xe.createRule
+    value: Oe.createRule
   },
   {
     label: "sheet.cf.menu.clearRangeRules",
-    value: xe.clearRangeRules,
+    value: Oe.clearRangeRules,
     disabled: !1
   },
   {
     label: "sheet.cf.menu.clearWorkSheetRules",
-    value: xe.clearWorkSheetRules
+    value: Oe.clearWorkSheetRules
   }
 ], Xl = (e) => {
-  const t = e.get(ut), r = e.get(me), n = e.get(de), o = e.get(ve), i = new st((f) => xo(
+  const t = e.get(ut), r = e.get(me), n = e.get(de), o = e.get(ve), i = new st((f) => Oo(
     t.selectionMoveEnd$,
     t.selectionSet$,
     new st((b) => {
@@ -7407,10 +7410,10 @@ const lo = [
     })
   ), v = new st((f) => {
     i.subscribe((b) => {
-      const g = $t.find((C) => C.value === xe.clearRangeRules);
+      const g = $t.find((C) => C.value === Oe.clearRangeRules);
       g && (g.disabled = !b, f.next($t));
     }), c.subscribe((b) => {
-      const g = $t.find((C) => C.value === xe.clearWorkSheetRules);
+      const g = $t.find((C) => C.value === Oe.clearWorkSheetRules);
       g && (g.disabled = !b, f.next($t));
     }), f.next($t);
   });
@@ -7501,7 +7504,7 @@ let In = class extends ze {
         endColumn: c.col,
         endRow: c.row
       };
-      Fe.foreach(v, (h, s) => {
+      ke.foreach(v, (h, s) => {
         const a = Ge.getPositionRange(
           {
             startRow: h,
@@ -7535,8 +7538,8 @@ let In = class extends ze {
             const m = this._conditionalFormattingRuleModel.getRule(_, w, p.cfId);
             if (!m)
               return;
-            d = new Je(), m.ranges.forEach((O) => {
-              Fe.foreach(O, (M, L) => {
+            d = new Je(), m.ranges.forEach((x) => {
+              ke.foreach(x, (M, L) => {
                 d.setValue(M, L, 1);
               });
             }), f.set(p.cfId, d);
@@ -7558,8 +7561,8 @@ let In = class extends ze {
         if (y.some((p) => Ge.intersects(f, p))) {
           const p = new Je();
           C || y.forEach((d) => {
-            Fe.foreach(d, (m, O) => {
-              p.setValue(m, O, 1);
+            ke.foreach(d, (m, x) => {
+              p.setValue(m, x, 1);
             });
           }), _.set(l, p);
         }
@@ -7679,7 +7682,7 @@ let En = class extends ze {
       const i = o.with(To);
       this.disposeWithMe(i.currentSkeleton$.subscribe((c) => {
         if (c) {
-          const v = c.skeleton.rowColumnSegment, f = v.endColumn - v.startColumn + 1, g = (v.endRow - v.startRow + 1) * f * 9, C = Math.max(xi, g);
+          const v = c.skeleton.rowColumnSegment, f = v.endColumn - v.startColumn + 1, g = (v.endRow - v.startRow + 1) * f * 9, C = Math.max(Oi, g);
           this._conditionalFormattingViewModel.setCacheLength(C);
         }
       }));
@@ -7754,14 +7757,14 @@ let Tn = class extends vo {
       Lo,
       zo,
       $o,
-      Fo,
       ko,
+      Fo,
       Vo,
       Ln,
       mn,
       cr,
       lr,
-      xn,
+      On,
       ar,
       Pn
     ].forEach((e) => {
@@ -7779,14 +7782,14 @@ Tn = sc([
 ], Tn);
 export {
   Do as AddAverageCfCommand,
-  xn as AddCfCommand,
+  On as AddCfCommand,
   Mo as AddColorScaleConditionalRuleCommand,
   No as AddDataBarConditionalRuleCommand,
   Lo as AddDuplicateValuesCfCommand,
   zo as AddNumberCfCommand,
   $o as AddRankCfCommand,
-  Fo as AddTextCfCommand,
-  ko as AddTimePeriodCfCommand,
+  ko as AddTextCfCommand,
+  Fo as AddTimePeriodCfCommand,
   Vo as AddUniqueValuesCfCommand,
   ar as ClearRangeCfCommand,
   Pn as ClearWorksheetCfCommand,