@univerjs/sheets-conditional-formatting-ui 0.6.0 → 0.6.1-nightly.202502221605

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 $e, ColorKit as fo, BooleanNumber as Me, Injector as He, UniverInstanceType as ie, 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 zn } from "@univerjs/core";
+import { ConditionalFormattingRuleModel as ve, CFSubRuleType as Y, 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 re, 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 $i, SheetInterceptorService as or, INTERCEPTOR_POINT as zi, 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 X, 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 = {
@@ -29,14 +29,14 @@ const Do = {
       stopIfTrue: !!o,
       rule: {
         type: Z.highlightCell,
-        subType: X.average,
+        subType: Y.average,
         operator: i,
         style: n
       }
     };
     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) {
@@ -110,13 +110,13 @@ const Do = {
       stopIfTrue: !!o,
       rule: {
         type: Z.highlightCell,
-        subType: X.duplicateValues,
+        subType: Y.duplicateValues,
         style: n
       }
     };
     return c.executeCommand(Ie.id, { unitId: b, subUnitId: g, rule: _ });
   }
-}, zo = {
+}, $o = {
   type: _e.COMMAND,
   id: "sheet.command.add-number-conditional-rule",
   handler(e, t) {
@@ -136,7 +136,7 @@ const Do = {
         stopIfTrue: !!o,
         rule: {
           type: Z.highlightCell,
-          subType: X.number,
+          subType: Y.number,
           operator: i,
           style: n,
           value: R
@@ -152,7 +152,7 @@ const Do = {
         stopIfTrue: !!o,
         rule: {
           type: Z.highlightCell,
-          subType: X.number,
+          subType: Y.number,
           operator: i,
           style: n,
           value: R
@@ -161,7 +161,7 @@ const Do = {
     }
     return f.executeCommand(Ie.id, { unitId: C, subUnitId: _, rule: S });
   }
-}, $o = {
+}, zo = {
   type: _e.COMMAND,
   id: "sheet.command.add-rank-conditional-rule",
   handler(e, t) {
@@ -175,7 +175,7 @@ const Do = {
       stopIfTrue: !!o,
       rule: {
         type: Z.highlightCell,
-        subType: X.rank,
+        subType: Y.rank,
         isPercent: i,
         isBottom: c,
         style: n,
@@ -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) {
@@ -198,7 +198,7 @@ const Do = {
       stopIfTrue: !!o,
       rule: {
         type: Z.highlightCell,
-        subType: X.text,
+        subType: Y.text,
         operator: i,
         style: n,
         value: c
@@ -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) {
@@ -220,7 +220,7 @@ const Do = {
       stopIfTrue: !!o,
       rule: {
         type: Z.highlightCell,
-        subType: X.timePeriod,
+        subType: Y.timePeriod,
         operator: i,
         style: n
       }
@@ -241,7 +241,7 @@ const Do = {
       stopIfTrue: !!o,
       rule: {
         type: Z.highlightCell,
-        subType: X.uniqueValues,
+        subType: Y.uniqueValues,
         style: n
       }
     };
@@ -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);
         });
       });
@@ -343,7 +343,7 @@ const Do = {
     const { unitId: c, subUnitId: v } = i, f = { unitId: c, subUnitId: v, rule: t.rule }, b = Qe(e, f), g = n.syncExecuteCommand(Ve.id, f);
     return g && r.pushUndoRedo({ unitID: c, undoMutations: b, redoMutations: [{ id: Ve.id, params: f }] }), g;
   }
-}, cs = "univer-conditional-formatting-wrap", us = "univer-title", ds = "univer-label", fs = "univer-label-container", hs = "univer-m-t-base", ps = "univer-m-t-sm", gs = "univer-m-t-xl", ms = "univer-m-l-sm", vs = "univer-m-l-xl", ys = "univer-m-l-xxs", bs = "univer-m-l-0", Ss = "univer-m-r-0", $ = {
+}, cs = "univer-conditional-formatting-wrap", us = "univer-title", ds = "univer-label", fs = "univer-label-container", hs = "univer-m-t-base", ps = "univer-m-t-sm", gs = "univer-m-t-xl", ms = "univer-m-l-sm", vs = "univer-m-l-xl", ys = "univer-m-l-xxs", bs = "univer-m-l-0", Ss = "univer-m-r-0", z = {
   conditionalFormattingWrap: cs,
   title: us,
   label: ds,
@@ -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,130 +465,130 @@ 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) {
       n(t);
     })(Ds, function(r) {
-      function n(V) {
-        return function(ue, E, T, D, z, B, q) {
-          return V(ue, E, q);
+      function n(q) {
+        return function(ue, E, T, D, $, B, F) {
+          return q(ue, E, F);
         };
       }
-      function o(V) {
+      function o(q) {
         return function(ue, E, T, D) {
           if (!ue || !E || typeof ue != "object" || typeof E != "object")
-            return V(ue, E, T, D);
-          var z = D.get(ue), B = D.get(E);
-          if (z && B)
-            return z === E && B === ue;
+            return q(ue, E, T, D);
+          var $ = D.get(ue), B = D.get(E);
+          if ($ && B)
+            return $ === E && B === ue;
           D.set(ue, E), D.set(E, ue);
-          var q = V(ue, E, T, D);
-          return D.delete(ue), D.delete(E), q;
+          var F = q(ue, E, T, D);
+          return D.delete(ue), D.delete(E), F;
         };
       }
-      function i(V, J) {
+      function i(q, J) {
         var ue = {};
-        for (var E in V)
-          ue[E] = V[E];
+        for (var E in q)
+          ue[E] = q[E];
         for (var E in J)
           ue[E] = J[E];
         return ue;
       }
-      function c(V) {
-        return V.constructor === Object || V.constructor == null;
+      function c(q) {
+        return q.constructor === Object || q.constructor == null;
       }
-      function v(V) {
-        return typeof V.then == "function";
+      function v(q) {
+        return typeof q.then == "function";
       }
-      function f(V, J) {
-        return V === J || V !== V && J !== J;
+      function f(q, J) {
+        return q === J || q !== q && J !== J;
       }
       var b = "[object Arguments]", g = "[object Boolean]", C = "[object Date]", _ = "[object RegExp]", w = "[object Map]", S = "[object Number]", R = "[object Object]", h = "[object Set]", s = "[object String]", a = Object.prototype.toString;
-      function u(V) {
-        var J = V.areArraysEqual, ue = V.areDatesEqual, E = V.areMapsEqual, T = V.areObjectsEqual, D = V.areRegExpsEqual, z = V.areSetsEqual, B = V.createIsNestedEqual, q = B(K);
-        function K(Y, re, ge) {
-          if (Y === re)
+      function u(q) {
+        var J = q.areArraysEqual, ue = q.areDatesEqual, E = q.areMapsEqual, T = q.areObjectsEqual, D = q.areRegExpsEqual, $ = q.areSetsEqual, B = q.createIsNestedEqual, F = B(K);
+        function K(G, ne, ge) {
+          if (G === ne)
             return !0;
-          if (!Y || !re || typeof Y != "object" || typeof re != "object")
-            return Y !== Y && re !== re;
-          if (c(Y) && c(re))
-            return T(Y, re, q, ge);
-          var tt = Array.isArray(Y), Pe = Array.isArray(re);
+          if (!G || !ne || typeof G != "object" || typeof ne != "object")
+            return G !== G && ne !== ne;
+          if (c(G) && c(ne))
+            return T(G, ne, F, ge);
+          var tt = Array.isArray(G), Pe = Array.isArray(ne);
           if (tt || Pe)
-            return tt === Pe && J(Y, re, q, ge);
-          var we = a.call(Y);
-          return we !== a.call(re) ? !1 : we === C ? ue(Y, re, q, ge) : we === _ ? D(Y, re, q, ge) : we === w ? E(Y, re, q, ge) : we === h ? z(Y, re, q, ge) : we === R || we === b ? v(Y) || v(re) ? !1 : T(Y, re, q, ge) : we === g || we === S || we === s ? f(Y.valueOf(), re.valueOf()) : !1;
+            return tt === Pe && J(G, ne, F, ge);
+          var we = a.call(G);
+          return we !== a.call(ne) ? !1 : we === C ? ue(G, ne, F, ge) : we === _ ? D(G, ne, F, ge) : we === w ? E(G, ne, F, ge) : we === h ? $(G, ne, F, ge) : we === R || we === b ? v(G) || v(ne) ? !1 : T(G, ne, F, ge) : we === g || we === S || we === s ? f(G.valueOf(), ne.valueOf()) : !1;
         }
         return K;
       }
-      function y(V, J, ue, E) {
-        var T = V.length;
+      function y(q, J, ue, E) {
+        var T = q.length;
         if (J.length !== T)
           return !1;
         for (; T-- > 0; )
-          if (!ue(V[T], J[T], T, T, V, J, E))
+          if (!ue(q[T], J[T], T, T, q, J, E))
             return !1;
         return !0;
       }
       var l = o(y);
-      function p(V, J) {
-        return f(V.valueOf(), J.valueOf());
+      function p(q, J) {
+        return f(q.valueOf(), J.valueOf());
       }
-      function d(V, J, ue, E) {
-        var T = V.size === J.size;
+      function d(q, J, ue, E) {
+        var T = q.size === J.size;
         if (!T)
           return !1;
-        if (!V.size)
+        if (!q.size)
           return !0;
-        var D = {}, z = 0;
-        return V.forEach(function(B, q) {
+        var D = {}, $ = 0;
+        return q.forEach(function(B, F) {
           if (T) {
-            var K = !1, Y = 0;
-            J.forEach(function(re, ge) {
-              !K && !D[Y] && (K = ue(q, ge, z, Y, V, J, E) && ue(B, re, q, ge, V, J, E)) && (D[Y] = !0), Y++;
-            }), z++, T = K;
+            var K = !1, G = 0;
+            J.forEach(function(ne, ge) {
+              !K && !D[G] && (K = ue(F, ge, $, G, q, J, E) && ue(B, ne, F, ge, q, J, E)) && (D[G] = !0), G++;
+            }), $++, T = K;
           }
         }), T;
       }
-      var m = o(d), O = "_owner", M = Object.prototype.hasOwnProperty;
-      function L(V, J, ue, E) {
-        var T = Object.keys(V), D = T.length;
+      var m = o(d), x = "_owner", M = Object.prototype.hasOwnProperty;
+      function L(q, J, ue, E) {
+        var T = Object.keys(q), D = T.length;
         if (Object.keys(J).length !== D)
           return !1;
-        for (var z; D-- > 0; ) {
-          if (z = T[D], z === O) {
-            var B = !!V.$$typeof, q = !!J.$$typeof;
-            if ((B || q) && B !== q)
+        for (var $; D-- > 0; ) {
+          if ($ = T[D], $ === x) {
+            var B = !!q.$$typeof, F = !!J.$$typeof;
+            if ((B || F) && B !== F)
               return !1;
           }
-          if (!M.call(J, z) || !ue(V[z], J[z], z, z, V, J, E))
+          if (!M.call(J, $) || !ue(q[$], J[$], $, $, q, J, E))
             return !1;
         }
         return !0;
       }
       var N = o(L);
-      function I(V, J) {
-        return V.source === J.source && V.flags === J.flags;
+      function I(q, J) {
+        return q.source === J.source && q.flags === J.flags;
       }
-      function P(V, J, ue, E) {
-        var T = V.size === J.size;
+      function P(q, J, ue, E) {
+        var T = q.size === J.size;
         if (!T)
           return !1;
-        if (!V.size)
+        if (!q.size)
           return !0;
         var D = {};
-        return V.forEach(function(z, B) {
+        return q.forEach(function($, B) {
           if (T) {
-            var q = !1, K = 0;
-            J.forEach(function(Y, re) {
-              !q && !D[K] && (q = ue(z, Y, B, re, V, J, E)) && (D[K] = !0), K++;
-            }), T = q;
+            var F = !1, K = 0;
+            J.forEach(function(G, ne) {
+              !F && !D[K] && (F = ue($, G, B, ne, q, J, E)) && (D[K] = !0), K++;
+            }), T = F;
           }
         }), T;
       }
-      var F = o(P), U = Object.freeze({
+      var k = o(P), U = Object.freeze({
         areArraysEqual: y,
         areDatesEqual: p,
         areMapsEqual: d,
@@ -599,42 +602,42 @@ function ur() {
         areMapsEqual: m,
         areObjectsEqual: N,
         areRegExpsEqual: I,
-        areSetsEqual: F,
+        areSetsEqual: k,
         createIsNestedEqual: n
-      }), ie = u(U);
-      function te(V, J) {
-        return ie(V, J, void 0);
+      }), oe = u(U);
+      function te(q, J) {
+        return oe(q, J, void 0);
       }
       var A = u(i(U, { createIsNestedEqual: function() {
         return f;
       } }));
-      function k(V, J) {
-        return A(V, J, void 0);
+      function V(q, J) {
+        return A(q, J, void 0);
       }
       var se = u(j);
-      function ae(V, J) {
-        return se(V, J, /* @__PURE__ */ new WeakMap());
+      function ae(q, J) {
+        return se(q, J, /* @__PURE__ */ new WeakMap());
       }
       var fe = u(i(j, {
         createIsNestedEqual: function() {
           return f;
         }
       }));
-      function be(V, J) {
-        return fe(V, J, /* @__PURE__ */ new WeakMap());
+      function be(q, J) {
+        return fe(q, J, /* @__PURE__ */ new WeakMap());
       }
-      function Oe(V) {
-        return u(i(U, V(U)));
+      function xe(q) {
+        return u(i(U, q(U)));
       }
-      function $e(V) {
-        var J = u(i(j, V(j)));
+      function ze(q) {
+        var J = u(i(j, q(j)));
         return function(ue, E, T) {
           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 = ze, r.createCustomEqual = xe, r.deepEqual = te, r.sameValueZeroEqual = f, r.shallowEqual = V, Object.defineProperty(r, "__esModule", { value: !0 });
     });
-  }(Ft, Ft.exports)), Ft.exports;
+  }(kt, kt.exports)), kt.exports;
 }
 var Qt = { exports: {} }, _r;
 function dr() {
@@ -666,32 +669,32 @@ 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 = q, 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 = V, le.sortLayoutItems = ae, le.sortLayoutItemsByColRow = be, le.sortLayoutItemsByRowCol = fe, le.synchronizeLayoutWithChildren = xe, le.validateLayout = ze, le.withLayoutItem = c;
   var e = /* @__PURE__ */ ur(), t = r(qe);
   function r(E) {
     return E && E.__esModule ? E : { default: E };
   }
   function n(E) {
     let T = 0, D;
-    for (let z = 0, B = E.length; z < B; z++)
-      D = E[z].y + E[z].h, D > T && (T = D);
+    for (let $ = 0, B = E.length; $ < B; $++)
+      D = E[$].y + E[$].h, D > T && (T = D);
     return T;
   }
   function o(E) {
     const T = Array(E.length);
-    for (let D = 0, z = E.length; D < z; D++)
+    for (let D = 0, $ = E.length; D < $; D++)
       T[D] = v(E[D]);
     return T;
   }
   function i(E, T) {
     const D = Array(E.length);
-    for (let z = 0, B = E.length; z < B; z++)
-      T.i === E[z].i ? D[z] = T : D[z] = E[z];
+    for (let $ = 0, B = E.length; $ < B; $++)
+      T.i === E[$].i ? D[$] = T : D[$] = E[$];
     return D;
   }
   function c(E, T, D) {
-    let z = h(E, T);
-    return z ? (z = D(v(z)), E = i(E, z), [E, z]) : [E, null];
+    let $ = h(E, T);
+    return $ ? ($ = D(v($)), E = i(E, $), [E, $]) : [E, null];
   }
   function v(E) {
     return {
@@ -723,11 +726,11 @@ function Ct() {
   function g(E, T) {
     return !(E.i === T.i || E.x + E.w <= T.x || E.x >= T.x + T.w || E.y + E.h <= T.y || E.y >= T.y + T.h);
   }
-  function C(E, T, D, z) {
-    const B = u(E), q = ae(E, T), K = Array(E.length);
-    for (let Y = 0, re = q.length; Y < re; Y++) {
-      let ge = v(q[Y]);
-      ge.static || (ge = S(B, ge, T, D, q, z), B.push(ge)), K[E.indexOf(q[Y])] = ge, ge.moved = !1;
+  function C(E, T, D, $) {
+    const B = u(E), F = ae(E, T), K = Array(E.length);
+    for (let G = 0, ne = F.length; G < ne; G++) {
+      let ge = v(F[G]);
+      ge.static || (ge = S(B, ge, T, D, F, $), B.push(ge)), K[E.indexOf(F[G])] = ge, ge.moved = !1;
     }
     return K;
   }
@@ -735,51 +738,51 @@ function Ct() {
     x: "w",
     y: "h"
   };
-  function w(E, T, D, z) {
-    const B = _[z];
-    T[z] += 1;
-    const q = E.map((K) => K.i).indexOf(T.i);
-    for (let K = q + 1; K < E.length; K++) {
-      const Y = E[K];
-      if (!Y.static) {
-        if (Y.y > T.y + T.h) break;
-        g(T, Y) && w(E, Y, D + T[B], z);
+  function w(E, T, D, $) {
+    const B = _[$];
+    T[$] += 1;
+    const F = E.map((K) => K.i).indexOf(T.i);
+    for (let K = F + 1; K < E.length; K++) {
+      const G = E[K];
+      if (!G.static) {
+        if (G.y > T.y + T.h) break;
+        g(T, G) && w(E, G, D + T[B], $);
       }
     }
-    T[z] = D;
+    T[$] = D;
   }
-  function S(E, T, D, z, B, q) {
-    const K = D === "vertical", Y = D === "horizontal";
+  function S(E, T, D, $, B, F) {
+    const K = D === "vertical", G = D === "horizontal";
     if (K)
       for (T.y = Math.min(n(E), T.y); T.y > 0 && !s(E, T); )
         T.y--;
-    else if (Y)
+    else if (G)
       for (; T.x > 0 && !s(E, T); )
         T.x--;
-    let re;
-    for (; (re = s(E, T)) && !(D === null && q); )
-      if (Y ? w(B, T, re.x + re.w, "x") : w(B, T, re.y + re.h, "y"), Y && T.x + T.w > z)
-        for (T.x = z - T.w, T.y++; T.x > 0 && !s(E, T); )
+    let ne;
+    for (; (ne = s(E, T)) && !(D === null && F); )
+      if (G ? w(B, T, ne.x + ne.w, "x") : w(B, T, ne.y + ne.h, "y"), G && T.x + T.w > $)
+        for (T.x = $ - T.w, T.y++; T.x > 0 && !s(E, T); )
           T.x--;
     return T.y = Math.max(T.y, 0), T.x = Math.max(T.x, 0), T;
   }
   function R(E, T) {
     const D = u(E);
-    for (let z = 0, B = E.length; z < B; z++) {
-      const q = E[z];
-      if (q.x + q.w > T.cols && (q.x = T.cols - q.w), q.x < 0 && (q.x = 0, q.w = T.cols), !q.static) D.push(q);
+    for (let $ = 0, B = E.length; $ < B; $++) {
+      const F = E[$];
+      if (F.x + F.w > T.cols && (F.x = T.cols - F.w), F.x < 0 && (F.x = 0, F.w = T.cols), !F.static) D.push(F);
       else
-        for (; s(D, q); )
-          q.y++;
+        for (; s(D, F); )
+          F.y++;
     }
     return E;
   }
   function h(E, T) {
-    for (let D = 0, z = E.length; D < z; D++)
+    for (let D = 0, $ = E.length; D < $; D++)
       if (E[D].i === T) return E[D];
   }
   function s(E, T) {
-    for (let D = 0, z = E.length; D < z; D++)
+    for (let D = 0, $ = E.length; D < $; D++)
       if (g(E[D], T)) return E[D];
   }
   function a(E, T) {
@@ -788,101 +791,101 @@ function Ct() {
   function u(E) {
     return E.filter((T) => T.static);
   }
-  function y(E, T, D, z, B, q, K, Y, re) {
-    if (T.static && T.isDraggable !== !0 || T.y === z && T.x === D) return E;
-    `${T.i}${String(D)}${String(z)}${T.x}${T.y}`;
+  function y(E, T, D, $, B, F, K, G, ne) {
+    if (T.static && T.isDraggable !== !0 || T.y === $ && T.x === D) return E;
+    `${T.i}${String(D)}${String($)}${T.x}${T.y}`;
     const ge = T.x, tt = T.y;
-    typeof D == "number" && (T.x = D), typeof z == "number" && (T.y = z), T.moved = !0;
+    typeof D == "number" && (T.x = D), typeof $ == "number" && (T.y = $), T.moved = !0;
     let Pe = ae(E, K);
-    (K === "vertical" && typeof z == "number" ? tt >= z : K === "horizontal" && typeof D == "number" ? ge >= D : !1) && (Pe = Pe.reverse());
+    (K === "vertical" && typeof $ == "number" ? tt >= $ : K === "horizontal" && typeof D == "number" ? ge >= D : !1) && (Pe = Pe.reverse());
     const ft = a(Pe, T), Jt = ft.length > 0;
-    if (Jt && re)
+    if (Jt && ne)
       return o(E);
-    if (Jt && q)
+    if (Jt && F)
       return `${T.i}`, T.x = ge, T.y = tt, T.moved = !1, E;
-    for (let zn = 0, li = ft.length; zn < li; zn++) {
-      const nt = ft[zn];
+    for (let $n = 0, li = ft.length; $n < li; $n++) {
+      const nt = ft[$n];
       `${T.i}${T.x}${T.y}${nt.i}${nt.x}${nt.y}`, !nt.moved && (nt.static ? E = l(E, nt, T, B, K) : E = l(E, T, nt, B, K));
     }
     return E;
   }
-  function l(E, T, D, z, B, q) {
-    const K = B === "horizontal", Y = B === "vertical", re = T.static;
-    if (z) {
-      z = !1;
+  function l(E, T, D, $, B, F) {
+    const K = B === "horizontal", G = B === "vertical", ne = T.static;
+    if ($) {
+      $ = !1;
       const Pe = {
         x: K ? Math.max(T.x - D.w, 0) : D.x,
-        y: Y ? Math.max(T.y - D.h, 0) : D.y,
+        y: G ? Math.max(T.y - D.h, 0) : D.y,
         w: D.w,
         h: D.h,
         i: "-1"
       }, we = s(E, Pe), ft = we && we.y + we.h > T.y, Jt = we && T.x + T.w > we.x;
       if (we) {
-        if (ft && Y)
-          return y(E, D, void 0, T.y + 1, z, re, B);
+        if (ft && G)
+          return y(E, D, void 0, T.y + 1, $, ne, B);
         if (ft && B == null)
           return T.y = D.y, D.y = D.y + D.h, E;
         if (Jt && K)
-          return y(E, T, D.x, void 0, z, re, B);
-      } else return `${D.i}${Pe.x}${Pe.y}`, y(E, D, K ? Pe.x : void 0, Y ? Pe.y : void 0, z, re, B);
+          return y(E, T, D.x, void 0, $, ne, B);
+      } else return `${D.i}${Pe.x}${Pe.y}`, y(E, D, K ? Pe.x : void 0, G ? Pe.y : void 0, $, ne, B);
     }
-    const ge = K ? D.x + 1 : void 0, tt = Y ? D.y + 1 : void 0;
-    return ge == null && tt == null ? E : y(E, D, K ? D.x + 1 : void 0, Y ? D.y + 1 : void 0, z, re, B);
+    const ge = K ? D.x + 1 : void 0, tt = G ? D.y + 1 : void 0;
+    return ge == null && tt == null ? E : y(E, D, K ? D.x + 1 : void 0, G ? D.y + 1 : void 0, $, ne, B);
   }
   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, $) => E + D > $ ? 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,
+      left: $,
       height: B,
-      width: q
+      width: F
     } = T;
     const K = E.top - (B - E.height);
     return {
-      left: z,
-      width: q,
+      left: $,
+      width: F,
       height: m(K, E.height, B),
       top: M(K)
     };
   }, N = (E, T, D) => {
     let {
-      top: z,
+      top: $,
       left: B,
-      height: q,
+      height: F,
       width: K
     } = T;
     return {
-      top: z,
-      height: q,
+      top: $,
+      height: F,
       width: d(E.left, E.width, K, D),
-      left: O(B)
+      left: x(B)
     };
   }, I = (E, T, D) => {
     let {
-      top: z,
+      top: $,
       height: B,
-      width: q
+      width: F
     } = T;
-    const K = E.left - (q - E.width);
+    const K = E.left - (F - E.width);
     return {
       height: B,
-      width: K < 0 ? E.width : d(E.left, E.width, q, D),
-      top: M(z),
-      left: O(K)
+      width: K < 0 ? E.width : d(E.left, E.width, F, D),
+      top: M($),
+      left: x(K)
     };
   }, P = (E, T, D) => {
     let {
-      top: z,
+      top: $,
       left: B,
-      height: q,
+      height: F,
       width: K
     } = T;
     return {
       width: K,
       left: B,
-      height: m(z, E.height, q),
-      top: M(z)
+      height: m($, E.height, F),
+      top: M($)
     };
   }, te = {
     n: L,
@@ -902,28 +905,28 @@ function Ct() {
       return L(arguments.length <= 0 ? void 0 : arguments[0], I(...arguments));
     }
   };
-  function A(E, T, D, z) {
+  function A(E, T, D, $) {
     const B = te[E];
     return B ? B(T, {
       ...T,
       ...D
-    }, z) : D;
+    }, $) : D;
   }
-  function k(E) {
+  function V(E) {
     let {
       top: T,
       left: D,
-      width: z,
+      width: $,
       height: B
     } = E;
-    const q = `translate(${D}px,${T}px)`;
+    const F = `translate(${D}px,${T}px)`;
     return {
-      transform: q,
-      WebkitTransform: q,
-      MozTransform: q,
-      msTransform: q,
-      OTransform: q,
-      width: `${z}px`,
+      transform: F,
+      WebkitTransform: F,
+      MozTransform: F,
+      msTransform: F,
+      OTransform: F,
+      width: `${$}px`,
       height: `${B}px`,
       position: "absolute"
     };
@@ -932,13 +935,13 @@ function Ct() {
     let {
       top: T,
       left: D,
-      width: z,
+      width: $,
       height: B
     } = E;
     return {
       top: `${T}px`,
       left: `${D}px`,
-      width: `${z}px`,
+      width: `${$}px`,
       height: `${B}px`,
       position: "absolute"
     };
@@ -956,40 +959,44 @@ 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, $, B) {
     E = E || [];
-    const q = [];
-    t.default.Children.forEach(T, (Y) => {
-      if ((Y == null ? void 0 : Y.key) == null) return;
-      const re = h(E, String(Y.key)), ge = Y.props["data-grid"];
-      re && ge == null ? q.push(v(re)) : ge ? q.push(v({
+    const F = [];
+    t.default.Children.forEach(T, (G) => {
+      if ((G == null ? void 0 : G.key) == null) return;
+      const ne = h(E, String(G.key)), ge = G.props["data-grid"];
+      ne && ge == null ? F.push(v(ne)) : ge ? F.push(v({
         ...ge,
-        i: Y.key
-      })) : q.push(v({
+        i: G.key
+      })) : F.push(v({
         w: 1,
         h: 1,
         x: 0,
-        y: n(q),
-        i: String(Y.key)
+        y: n(F),
+        i: String(G.key)
       }));
     });
-    const K = R(q, {
+    const K = R(F, {
       cols: D
     });
-    return B ? K : C(K, z, D);
+    return B ? K : C(K, $, D);
   }
-  function $e(E) {
+  function ze(E) {
     let T = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Layout";
     const D = ["x", "y", "w", "h"];
     if (!Array.isArray(E)) throw new Error(T + " must be an array!");
-    for (let z = 0, B = E.length; z < B; z++) {
-      const q = E[z];
-      for (let K = 0; K < D.length; K++)
-        if (typeof q[D[K]] != "number")
-          throw new Error("ReactGridLayout: " + T + "[" + z + "]." + D[K] + " must be a number!");
+    for (let $ = 0, B = E.length; $ < B; $++) {
+      const F = E[$];
+      for (let K = 0; K < D.length; K++) {
+        const G = D[K], ne = F[G];
+        if (typeof ne != "number" || Number.isNaN(ne))
+          throw new Error(`ReactGridLayout: ${T}[${$}].${G} must be a number! Received: ${ne} (${typeof ne})`);
+      }
+      if (typeof F.i < "u" && typeof F.i != "string")
+        throw new Error(`ReactGridLayout: ${T}[${$}].i must be a string! Received: ${F.i} (${typeof F.i})`);
     }
   }
-  function V(E) {
+  function q(E) {
     const {
       verticalCompact: T,
       compactType: D
@@ -1031,14 +1038,15 @@ function fr() {
   function n(c, v, f, b, g) {
     const {
       margin: C,
-      cols: _,
-      rowHeight: w,
-      maxRows: S
-    } = c, R = e(c);
-    let h = Math.round((f - C[0]) / (R + C[0])), s = Math.round((v - C[1]) / (w + C[1]));
-    return h = i(h, 0, _ - b), s = i(s, 0, S - g), {
-      x: h,
-      y: s
+      containerPadding: _,
+      cols: w,
+      rowHeight: S,
+      maxRows: R
+    } = c, h = e(c);
+    let s = Math.round((f - _[0]) / (h + C[0])), a = Math.round((v - _[1]) / (S + C[1]));
+    return s = i(s, 0, w - b), a = i(a, 0, R - g), {
+      x: s,
+      y: a
     };
   }
   function o(c, v, f, b, g, C) {
@@ -1059,17 +1067,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() {
   }
@@ -1130,11 +1138,11 @@ function Dr() {
   for (var e, t, r = 0, n = ""; r < arguments.length; ) (e = arguments[r++]) && (t = Uo(e)) && (n && (n += " "), n += t);
   return n;
 }
-const zs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const $s = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   clsx: Dr,
   default: Dr
-}, Symbol.toStringTag, { value: "Module" })), $s = /* @__PURE__ */ Ho(zs);
+}, Symbol.toStringTag, { value: "Module" })), zs = /* @__PURE__ */ Ho($s);
 var ye = {}, Ke = {}, Mr;
 function Mn() {
   if (Mr) return Ke;
@@ -1161,7 +1169,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 +1205,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 +1218,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;
@@ -1336,10 +1344,10 @@ function hr() {
   }
   return ye;
 }
-var We = {}, zr;
+var We = {}, $r;
 function jo() {
-  if (zr) return We;
-  zr = 1, Object.defineProperty(We, "__esModule", {
+  if ($r) return We;
+  $r = 1, Object.defineProperty(We, "__esModule", {
     value: !0
   }), We.canDragX = o, We.canDragY = i, We.createCoreData = v, We.createDraggableData = f, We.getBoundPosition = r, We.getControlPosition = c, We.snapToGrid = n;
   var e = Mn(), t = hr();
@@ -1431,23 +1439,23 @@ function jo() {
   }
   return We;
 }
-var Et = {}, en = {}, $r;
+var Et = {}, en = {}, zr;
 function Bo() {
-  if ($r) return en;
-  $r = 1, Object.defineProperty(en, "__esModule", {
+  if (zr) return en;
+  zr = 1, Object.defineProperty(en, "__esModule", {
     value: !0
   }), en.default = e;
   function e() {
   }
   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 +1565,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 +1750,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 +1761,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(zs), i = hr(), c = jo(), v = Mn(), f = g(Fs()), b = g(Bo());
     function g(a) {
       return a && a.__esModule ? a : { default: a };
     }
@@ -1845,12 +1853,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 +1872,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 +1920,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;
-        const j = !!!M || this.state.dragging, ie = M || p, te = {
+        let P = {}, k = null;
+        const j = !!!M || this.state.dragging, oe = M || p, te = {
           // Set left if horizontal drag is enabled
-          x: (0, c.canDragX)(this) && j ? this.state.x : ie.x,
+          x: (0, c.canDragX)(this) && j ? this.state.x : oe.x,
           // Set top if vertical drag is enabled
-          y: (0, c.canDragY)(this) && j ? this.state.y : ie.y
+          y: (0, c.canDragY)(this) && j ? this.state.y : oe.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 +1948,7 @@ function Vs() {
             ...l.props.style,
             ...P
           },
-          transform: F
+          transform: k
         }));
       }
     }
@@ -2076,7 +2084,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 +2135,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 +2249,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 +2355,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], oe = U[1];
+      return l += j, p += oe, 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), oe + (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;
+              var oe = j.left - d.lastHandleRect.left;
+              L += oe;
             }
-            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), V = d.props.height + (P ? N / d.props.transformScale : 0), se = d.runConstraints(A, V);
+          A = se[0], V = se[1];
+          var ae = A !== d.props.width || V !== 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: V
             },
             handle: p
           })), l === "onResizeStop" && d.resetData();
@@ -2396,14 +2404,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 +2420,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 +2431,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 +2439,7 @@ function Xo() {
     maxConstraints: [1 / 0, 1 / 0],
     resizeHandles: ["se"],
     transformScale: 1
-  }, Ot;
+  }, xt;
 }
 var Pt = {}, Hr;
 function As() {
@@ -2537,10 +2545,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 +2564,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);
+      var U = p.resizeHandles, j = p.style, oe = p.transformScale, te = S(p, o);
       return /* @__PURE__ */ e.createElement(r.default, {
-        axis: F,
+        axis: k,
         draggableOpts: L,
         handle: d,
         handleSize: m,
@@ -2568,11 +2576,11 @@ function As() {
         lockAspectRatio: P,
         maxConstraints: I,
         minConstraints: N,
-        onResizeStart: O,
+        onResizeStart: x,
         onResize: this.onResize,
         onResizeStop: M,
         resizeHandles: U,
-        transformScale: ie,
+        transformScale: oe,
         width: this.state.width
       }, /* @__PURE__ */ e.createElement("div", f({}, te, {
         style: g(g({}, j), {}, {
@@ -2759,8 +2767,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,22 +2797,22 @@ function Hs() {
           isBounded: p,
           i: d,
           w: m,
-          h: O,
+          h: x,
           containerWidth: M
         } = this.props, L = this.getPositionParams();
         if (p) {
           const {
-            offsetParent: U
+            offsetParent: k
           } = h;
-          if (U) {
+          if (k) {
             const {
-              margin: j,
-              rowHeight: ie,
-              containerPadding: te
-            } = this.props, A = U.clientHeight - (0, i.calcGridItemWHPx)(O, 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]);
-            l = (0, i.clamp)(l - te[0], 0, se);
+              margin: U,
+              rowHeight: j,
+              containerPadding: oe
+            } = this.props, te = k.clientHeight - (0, i.calcGridItemWHPx)(x, j, U[1]);
+            y = (0, i.clamp)(y - oe[1], 0, te);
+            const A = (0, i.calcGridColWidth)(L), V = M - (0, i.calcGridItemWHPx)(m, A, U[0]);
+            l = (0, i.clamp)(l - oe[0], 0, V);
           }
         }
         const N = {
@@ -2815,12 +2823,10 @@ function Hs() {
           dragging: N
         });
         const {
-          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, {
+          x: I,
+          y: P
+        } = (0, i.calcXY)(L, y, l, m, x);
+        return u.call(this, d, I, P, {
           e: S,
           node: h,
           newPosition: N
@@ -2838,26 +2844,25 @@ function Hs() {
         const {
           w: a,
           h: u,
-          i: y,
-          containerPadding: l
+          i: y
         } = this.props, {
-          left: p,
-          top: d
-        } = this.state.dragging, m = {
-          top: d,
-          left: p
+          left: l,
+          top: p
+        } = this.state.dragging, d = {
+          top: p,
+          left: l
         };
         this.setState({
           dragging: null
         });
         const {
-          x: O,
-          y: M
-        } = (0, i.calcXY)(this.getPositionParams(), d - l[1], p - l[0], a, u);
-        return s.call(this, y, O, M, {
+          x: m,
+          y: x
+        } = (0, i.calcXY)(this.getPositionParams(), p, l, a, u);
+        return s.call(this, y, m, x, {
           e: S,
           node: h,
-          newPosition: m
+          newPosition: d
         });
       }), b(this, "onResizeStop", (S, R, h) => this.onResizeHandler(S, R, h, "onResizeStop")), b(this, "onResizeStart", (S, R, h) => this.onResizeHandler(S, R, h, "onResizeStart")), b(this, "onResize", (S, R, h) => this.onResizeHandler(S, R, h, "onResize"));
     }
@@ -2975,7 +2980,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 +3017,7 @@ function Hs() {
         x: p,
         y: d,
         i: m,
-        maxH: O,
+        maxH: x,
         minH: M,
         containerWidth: L
       } = this.props, {
@@ -3024,10 +3029,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 +3229,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 +3240,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 +3254,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 +3267,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 +3284,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 +3322,7 @@ function Ko() {
           handle: m
         } = y;
         const {
-          oldResizeItem: O
+          oldResizeItem: x
         } = this.state, {
           layout: M
         } = this.state, {
@@ -3325,19 +3330,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 [oe, te] = (0, n.withLayoutItem)(M, s, (V) => {
           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 = V.x, j = V.y, ["sw", "w", "nw", "n", "ne"].indexOf(m) !== -1 && (["sw", "nw", "w"].indexOf(m) !== -1 && (U = V.x + (V.w - a), a = V.x !== U && U < 0 ? V.w : a, U = U < 0 ? 0 : U), ["ne", "n", "nw"].indexOf(m) !== -1 && (j = V.y + (V.h - u), u = V.y !== j && j < 0 ? V.h : u, j = j < 0 ? 0 : j), P = !0), N && !I && (se = (0, n.getAllCollisions)(M, {
+            ...V,
             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 !== V.i).length > 0, se && (j = V.y, u = V.h, U = V.x, a = V.w, P = !1)), V.w = a, V.h = u, V;
         });
         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 = oe, P && (k = (0, n.moveElement)(oe, te, U, j, !0, this.props.preventCollision, (0, n.compactType)(this.props), L, I));
         const A = {
           w: te.w,
           h: te.h,
@@ -3346,8 +3351,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 +3364,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
@@ -3374,9 +3379,9 @@ function Ko() {
           resizing: !1
         }), this.onLayoutMaybeChanged(N, I);
       }), g(this, "onDragOver", (s) => {
-        var ie;
+        var oe;
         if (s.preventDefault(), s.stopPropagation(), S && // $FlowIgnore can't figure this out
-        !((ie = s.nativeEvent.target) != null && ie.classList.contains(w)))
+        !((oe = s.nativeEvent.target) != null && oe.classList.contains(w)))
           return !1;
         const {
           droppingItem: a,
@@ -3386,7 +3391,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 +3401,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 +3412,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 +3423,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 +3525,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 +3544,7 @@ function Ko() {
         isResizable: !1,
         isBounded: !1,
         useCSSTransforms: m,
-        transformScale: O
+        transformScale: x
       }, /* @__PURE__ */ e.createElement("div", null));
     }
     /**
@@ -3557,28 +3562,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
+        resizeHandle: oe
       } = 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, V = typeof u.isDraggable == "boolean" ? u.isDraggable : !u.static && M, se = typeof u.isResizable == "boolean" ? u.isResizable : !u.static && L, ae = u.resizeHandles || j, fe = V && 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 +3591,7 @@ function Ko() {
         onResizeStart: this.onResizeStart,
         onResize: this.onResize,
         onResizeStop: this.onResizeStop,
-        isDraggable: k,
+        isDraggable: V,
         isResizable: se,
         isBounded: fe,
         useCSSTransforms: I && te,
@@ -3604,7 +3609,7 @@ function Ko() {
         static: u.static,
         droppingPosition: a ? A : void 0,
         resizeHandles: ae,
-        resizeHandle: ie
+        resizeHandle: oe
       }, s);
     }
     render() {
@@ -3819,13 +3824,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.onBreakpointChange(p, m), this.props.onLayoutChange(N, x), this.setState({
           breakpoint: p,
           layout: N,
           cols: m
@@ -3844,7 +3849,7 @@ function Us() {
         containerPadding: p,
         onBreakpointChange: d,
         onLayoutChange: m,
-        onWidthChange: O,
+        onWidthChange: x,
         ...M
       } = this.props;
       return /* @__PURE__ */ e.createElement(i.default, b({}, M, {
@@ -4342,7 +4347,7 @@ var ga = Object.getOwnPropertyDescriptor, ma = (e, t, r, n) => {
     (c = e[i]) && (o = c(o) || o);
   return o;
 }, va = (e, t) => (r, n) => t(r, n, e);
-let vt = class extends ze {
+let vt = class extends $e {
   constructor(t) {
     super();
     Ye(this, "_initLocal", () => {
@@ -4404,16 +4409,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;
-      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}` } })
+      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__ */ X("div", { className: rn.cfPreview, children: [
+        /* @__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 +4427,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 +4441,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,
@@ -4453,73 +4458,73 @@ const ya = "univer-cf-preview", rn = {
       return t.t("sheet.cf.ruleType.iconSet");
     case Z.highlightCell:
       switch (r.subType) {
-        case X.average: {
+        case Y.average: {
           const n = r.operator;
           return t.t(`sheet.cf.preview.describe.${n}`, t.t("sheet.cf.subRuleType.average"));
         }
-        case X.duplicateValues:
+        case Y.duplicateValues:
           return t.t("sheet.cf.subRuleType.duplicateValues");
-        case X.uniqueValues:
+        case Y.uniqueValues:
           return t.t("sheet.cf.subRuleType.uniqueValues");
-        case X.number: {
+        case Y.number: {
           const n = r.operator;
           return t.t(`sheet.cf.preview.describe.${n}`, ...Array.isArray(r.value) ? r.value.map((o) => String(o)) : [String(r.value || "")]);
         }
-        case X.text: {
+        case Y.text: {
           const n = r.operator;
           return t.t(`sheet.cf.preview.describe.${n}`, r.value || "");
         }
-        case X.timePeriod: {
+        case Y.timePeriod: {
           const n = r.operator;
           return t.t(`sheet.cf.preview.describe.${n}`);
         }
-        case X.rank:
+        case Y.rank:
           return r.isPercent ? r.isBottom ? t.t("sheet.cf.preview.describe.bottomNPercent", String(r.value)) : t.t("sheet.cf.preview.describe.topNPercent", String(r.value)) : r.isBottom ? t.t("sheet.cf.preview.describe.bottomN", String(r.value)) : t.t("sheet.cf.preview.describe.topN", String(r.value));
-        case X.formula:
+        case Y.formula:
           return t.t("sheet.cf.ruleType.formula");
       }
   }
 };
 let Qr = 0;
-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();
+const $a = (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$(ie.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 V = o.getCurrentLastSelection();
+      if (!V)
         return [];
-      const se = k.range;
+      const se = V.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((V) => {
+      V.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((V) => {
       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, ze = n.getCurrentUnitForType(ie.UNIVER_SHEET).getUnitId();
+        se.includes(be) && xe.unitId === ze && V.next(null);
       });
       return () => ae.dispose();
     }).pipe(Sr(16)).subscribe(() => {
-      L(O);
+      L(x);
     });
     return () => {
       A.unsubscribe();
@@ -4540,13 +4545,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());
+        }, ze = (q) => {
+          q.propertyName === "width" && (xe(), ae.next());
         };
-        return fe.addEventListener("transitionend", $e), () => {
-          Oe(), fe.removeEventListener("transitionend", $e);
+        return fe.addEventListener("transitionend", ze), () => {
+          xe(), fe.removeEventListener("transitionend", ze);
         };
       }
     }).pipe(Sr(16)).subscribe(() => {
@@ -4558,62 +4563,62 @@ 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 V = n.getCurrentUnitForType(ie.UNIVER_SHEET).getUnitId(), se = (ae = n.getCurrentUnitForType(ie.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : ae.getSheetId();
+    if (!V || !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) => {
-    var V;
+    i.executeCommand(mn.id, { unitId: V, subUnitId: se, cfId: A.cfId });
+  }, I = (A, V) => {
+    y(V.y);
+  }, P = (A, V, se) => {
+    var q;
     y(-1);
-    const ae = n.getCurrentUnitForType(oe.UNIVER_SHEET).getUnitId(), fe = (V = n.getCurrentUnitForType(oe.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : V.getSheetId();
+    const ae = n.getCurrentUnitForType(ie.UNIVER_SHEET).getUnitId(), fe = (q = n.getCurrentUnitForType(ie.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : q.getSheetId();
     if (!ae || !fe)
       throw new Error("No active sheet found");
     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(V.y)].cfId, ze = M[be(se.y)].cfId;
+    xe !== ze && i.executeCommand(lr.id, { unitId: ae, subUnitId: fe, start: { id: xe, type: "self" }, end: { id: ze, type: se.y > V.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((V) => ({ unitId: g, subUnitId: _, cfId: V.cfId })).forEach((V) => {
+      i.executeCommand(mn.id, V);
     });
   }, j = Ce(() => {
-    const A = n.getCurrentUnitForType(oe.UNIVER_SHEET), k = A.getActiveSheet();
+    const A = n.getCurrentUnitForType(ie.UNIVER_SHEET), V = A.getActiveSheet();
     return M.filter((se) => {
       const ae = se.ranges;
-      return pn(v, A.getUnitId(), k.getSheetId(), ae);
+      return pn(v, A.getUnitId(), V.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]), oe = j.map((A, V) => ({ i: A.cfId, x: 0, w: 12, y: V, h: 1, isResizable: !1 })), te = Ce(() => {
+    const A = n.getCurrentUnitForType(ie.UNIVER_SHEET), V = A.getActiveSheet();
     return M.every((se) => {
       const ae = se.ranges;
-      return pn(v, A.getUnitId(), k.getSheetId(), ae);
+      return pn(v, A.getUnitId(), V.getSheetId(), ae);
     });
   }, [M]);
-  return /* @__PURE__ */ G("div", { className: Se.cfRuleList, children: [
-    /* @__PURE__ */ G("div", { className: Se.ruleSelector, children: [
-      /* @__PURE__ */ x("div", { children: f.tWithReactNode(
+  return /* @__PURE__ */ X("div", { className: Se.cfRuleList, children: [
+    /* @__PURE__ */ X("div", { className: Se.ruleSelector, children: [
+      /* @__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)) }),
-      /* @__PURE__ */ G("div", { className: Se.btnList, children: [
-        /* @__PURE__ */ x(mr, { title: c.t("sheet.cf.panel.createRule"), placement: "bottom", children: /* @__PURE__ */ x(
+      ).map((A, V) => /* @__PURE__ */ O("span", { children: A }, V)) }),
+      /* @__PURE__ */ X("div", { className: Se.btnList, children: [
+        /* @__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,32 +4626,32 @@ 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,
         onDragStart: I,
-        layout: ie,
+        layout: oe,
         cols: 12,
         rowHeight: 60,
         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, V) => /* @__PURE__ */ O("div", { children: /* @__PURE__ */ X(
           "div",
           {
             onMouseMove: () => {
@@ -4658,10 +4663,10 @@ const za = (e) => {
             },
             className: `
                                               ${Se.ruleItem}
-                                              ${u === k ? Se.active : ""}
+                                              ${u === V ? Se.active : ""}
                                             `,
             children: [
-              /* @__PURE__ */ x(
+              /* @__PURE__ */ O(
                 "div",
                 {
                   className: `
@@ -4669,25 +4674,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__ */ X("div", { className: Se.ruleDescribe, children: [
+                /* @__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 === V ? Se.active : ""}
                                                 `,
                   onClick: (se) => {
                     se.stopPropagation(), N(A), S([]);
                   },
-                  children: /* @__PURE__ */ x(dn, {})
+                  children: /* @__PURE__ */ O(dn, {})
                 }
               )
             ]
@@ -4696,25 +4701,25 @@ const za = (e) => {
       }
     ) : null })
   ] });
-}, $a = "univer-cf-color-picker", Fa = "univer-cf-color-picker-icon", ka = "univer-icon-dropdown", Bn = {
-  cfColorPicker: $a,
-  cfColorPickerIcon: Fa,
-  iconDropdown: ka
+}, za = "univer-cf-color-picker", ka = "univer-cf-color-picker-icon", Fa = "univer-icon-dropdown", Bn = {
+  cfColorPicker: za,
+  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(
+      children: /* @__PURE__ */ X(
         "span",
         {
           className: `
@@ -4722,8 +4727,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 })
           ]
         }
       )
@@ -4758,19 +4763,19 @@ const za = (e) => {
   stress: ul
 }, it = (e, t) => ({ label: t.t(`sheet.cf.valueType.${e}`), value: e }), Gn = (e) => {
   var S;
-  const { type: t, className: r, onChange: n, id: o, value: i } = e, c = pe(de), v = c.getCurrentUnitForType(oe.UNIVER_SHEET).getUnitId(), f = (S = c.getCurrentUnitForType(oe.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : S.getSheetId(), b = Ce(() => String(i).startsWith("=") ? String(i) : "=", [i]), g = Ce(() => [ne.max, ne.min, "none"].includes(t) ? { disabled: !0 } : [ne.percent, ne.percentile].includes(t) ? {
+  const { type: t, className: r, onChange: n, id: o, value: i } = e, c = pe(de), v = c.getCurrentUnitForType(ie.UNIVER_SHEET).getUnitId(), f = (S = c.getCurrentUnitForType(ie.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : S.getSheetId(), b = Ce(() => String(i).startsWith("=") ? String(i) : "=", [i]), g = Ce(() => [re.max, re.min, "none"].includes(t) ? { disabled: !0 } : [re.percent, re.percentile].includes(t) ? {
     min: 0,
     max: 100
   } : {
     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 === re.formula ? /* @__PURE__ */ O("div", { style: { width: "100%", marginLeft: 4 }, children: /* @__PURE__ */ O(
+    xn,
     {
       initValue: b,
       unitId: v,
@@ -4782,12 +4787,12 @@ 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(() => {
+  const { interceptorManager: t } = e, r = pe(Te), n = ((N = e.rule) == null ? void 0 : N.type) === Z.colorScale ? e.rule : void 0, o = [it(re.num, r), it(re.percent, r), it(re.percentile, r), it(re.formula, r)], i = [it(re.min, r), ...o], c = [it("none", r), ...o], v = [it(re.max, r), ...o], [f, b] = H(() => {
     var P;
-    const I = ne.min;
+    const I = re.min;
     return n && ((P = n.config[0]) == null ? void 0 : P.value.type) || I;
   }), [g, C] = H(() => {
     var P;
@@ -4795,7 +4800,7 @@ const za = (e) => {
     return !n || n.config.length !== 3 ? I : ((P = n.config[1]) == null ? void 0 : P.value.type) || I;
   }), [_, w] = H(() => {
     var P;
-    const I = ne.max;
+    const I = re.max;
     return n && ((P = n.config[n.config.length - 1]) == null ? void 0 : P.value.type) || I;
   }), [S, R] = H(() => {
     if (!n)
@@ -4803,16 +4808,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 +4827,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,
+      medianValue: oe,
       maxValue: te,
       minColor: A,
-      medianColor: k,
+      medianColor: V,
       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: V, value: { type: k, value: oe } }), 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() {
@@ -4848,27 +4853,27 @@ const za = (e) => {
   const L = (I) => {
     e.onChange(M(I));
   };
-  return /* @__PURE__ */ G("div", { children: [
-    /* @__PURE__ */ x("div", { className: $.title, children: r.t("sheet.cf.panel.styleRule") }),
-    /* @__PURE__ */ x(
+  return /* @__PURE__ */ X("div", { children: [
+    /* @__PURE__ */ O("div", { className: z.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__ */ G(
+    /* @__PURE__ */ O("div", { className: z.label, children: r.t("sheet.cf.valueType.min") }),
+    /* @__PURE__ */ X(
       "div",
       {
         className: `
-              ${$.labelContainer}
-              ${$.mTSm}
+              ${z.labelContainer}
+              ${z.mTSm}
             `,
         children: [
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ O(
             Ne,
             {
               style: { flexShrink: 0 },
@@ -4881,12 +4886,12 @@ const za = (e) => {
               }
             }
           ),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ O(
             Gn,
             {
               id: "min",
               className: `
-                      ${$.mLXxs}
+                      ${z.mLXxs}
                     `,
               value: S,
               type: f,
@@ -4895,10 +4900,10 @@ const za = (e) => {
               }
             }
           ),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ O(
             ct,
             {
-              className: $.mLXxs,
+              className: z.mLXxs,
               color: y,
               onChange: (I) => {
                 l(I), L({ minType: f, medianType: g, maxType: _, minValue: S, medianValue: h, maxValue: a, minColor: I, medianColor: p, maxColor: m });
@@ -4908,16 +4913,16 @@ const za = (e) => {
         ]
       }
     ),
-    /* @__PURE__ */ x("div", { className: $.label, children: r.t("sheet.cf.panel.medianValue") }),
-    /* @__PURE__ */ G(
+    /* @__PURE__ */ O("div", { className: z.label, children: r.t("sheet.cf.panel.medianValue") }),
+    /* @__PURE__ */ X(
       "div",
       {
         className: `
-              ${$.labelContainer}
-              ${$.mTSm}
+              ${z.labelContainer}
+              ${z.mTSm}
             `,
         children: [
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ O(
             Ne,
             {
               style: { flexShrink: 0 },
@@ -4930,12 +4935,12 @@ const za = (e) => {
               }
             }
           ),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ O(
             Gn,
             {
               id: "median",
               className: `
-                      ${$.mLXxs}
+                      ${z.mLXxs}
                     `,
               value: h,
               type: g,
@@ -4944,10 +4949,10 @@ const za = (e) => {
               }
             }
           ),
-          g !== "none" && /* @__PURE__ */ x(
+          g !== "none" && /* @__PURE__ */ O(
             ct,
             {
-              className: $.mLXxs,
+              className: z.mLXxs,
               color: p,
               onChange: (I) => {
                 d(I), L({ minType: f, medianType: g, maxType: _, minValue: S, medianValue: h, maxValue: a, minColor: y, medianColor: I, maxColor: m });
@@ -4957,16 +4962,16 @@ const za = (e) => {
         ]
       }
     ),
-    /* @__PURE__ */ x("div", { className: $.label, children: r.t("sheet.cf.valueType.max") }),
-    /* @__PURE__ */ G(
+    /* @__PURE__ */ O("div", { className: z.label, children: r.t("sheet.cf.valueType.max") }),
+    /* @__PURE__ */ X(
       "div",
       {
         className: `
-              ${$.labelContainer}
-              ${$.mTSm}
+              ${z.labelContainer}
+              ${z.mTSm}
             `,
         children: [
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ O(
             Ne,
             {
               style: { flexShrink: 0 },
@@ -4979,12 +4984,12 @@ const za = (e) => {
               }
             }
           ),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ O(
             Gn,
             {
               id: "max",
               className: `
-                      ${$.mLXxs}
+                      ${z.mLXxs}
                     `,
               value: a,
               type: _,
@@ -4993,13 +4998,13 @@ const za = (e) => {
               }
             }
           ),
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ O(
             ct,
             {
-              className: $.mLXxs,
+              className: z.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,23 +5014,23 @@ 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(ie.UNIVER_SHEET).getUnitId(), b = (R = v.getCurrentUnitForType(ie.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(() => [re.percentile, re.percent].includes(o) ? {
     max: 100,
     min: 0
   } : {
     min: Number.MIN_SAFE_INTEGER,
     max: Number.MAX_SAFE_INTEGER
   }, [o]);
-  if (o === ne.formula) {
+  if (o === re.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 +5044,7 @@ const za = (e) => {
       }
     ) });
   }
-  return /* @__PURE__ */ x(
+  return /* @__PURE__ */ O(
     lt,
     {
       className: r,
@@ -5059,11 +5064,11 @@ 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;
-  }), g = [ht(ne.num, r), ht(ne.percent, r), ht(ne.percentile, r), ht(ne.formula, r)], C = [ht(ne.min, r), ...g], _ = [ht(ne.max, r), ...g], [w, S] = H(() => {
+  }), g = [ht(re.num, r), ht(re.percent, r), ht(re.percentile, r), ht(re.formula, r)], C = [ht(re.min, r), ...g], _ = [ht(re.max, r), ...g], [w, S] = H(() => {
     var P;
     const I = C[0].value;
     return n && ((P = n.config) == null ? void 0 : P.min.type) || I;
@@ -5072,22 +5077,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) || {};
-    return P.type === ne.formula ? P.value || "=" : P.value || 0;
+    const P = ((k = n.config) == null ? void 0 : k.min) || {};
+    return P.type === re.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) || {};
-    return P.type === ne.formula ? P.value || "=" : P.value === void 0 ? 100 : P.value;
+    const P = ((k = n.config) == null ? void 0 : k.max) || {};
+    return P.type === re.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,34 +5102,34 @@ 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(
+  return /* @__PURE__ */ X("div", { children: [
+    /* @__PURE__ */ O("div", { className: z.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__ */ G(
+    /* @__PURE__ */ X("div", { children: [
+      /* @__PURE__ */ O("div", { className: z.label, children: r.t("sheet.cf.panel.fillType") }),
+      /* @__PURE__ */ X(
         "div",
         {
           className: `
-                  ${$.mTSm}
-                  ${$.mLXxs}
-                  ${$.labelContainer}
+                  ${z.mTSm}
+                  ${z.mLXxs}
+                  ${z.labelContainer}
                 `,
           children: [
-            /* @__PURE__ */ G(
+            /* @__PURE__ */ X(
               Ki,
               {
                 value: o,
@@ -5132,20 +5137,20 @@ 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") }) })
                 ]
               }
             ),
-            /* @__PURE__ */ G(
+            /* @__PURE__ */ X(
               "div",
               {
                 className: `
                       ${W.utilItem}
-                      ${$.mLXl}
+                      ${z.mLXl}
                     `,
                 children: [
-                  /* @__PURE__ */ x(
+                  /* @__PURE__ */ O(
                     gn,
                     {
                       checked: !l,
@@ -5162,25 +5167,25 @@ const za = (e) => {
         }
       )
     ] }),
-    /* @__PURE__ */ G("div", { children: [
-      /* @__PURE__ */ x("div", { className: $.label, children: r.t("sheet.cf.panel.colorSet") }),
-      /* @__PURE__ */ G(
+    /* @__PURE__ */ X("div", { children: [
+      /* @__PURE__ */ O("div", { className: z.label, children: r.t("sheet.cf.panel.colorSet") }),
+      /* @__PURE__ */ X(
         "div",
         {
           className: `
-                  ${$.labelContainer}
-                  ${$.mTSm}
-                  ${$.mLXxs}
+                  ${z.labelContainer}
+                  ${z.mTSm}
+                  ${z.mLXxs}
                 `,
           children: [
-            /* @__PURE__ */ G(
+            /* @__PURE__ */ X(
               "div",
               {
                 className: `
-                      ${$.labelContainer}
+                      ${z.labelContainer}
                     `,
                 children: [
-                  /* @__PURE__ */ x(
+                  /* @__PURE__ */ O(
                     "div",
                     {
                       className: `
@@ -5189,7 +5194,7 @@ const za = (e) => {
                       children: r.t("sheet.cf.panel.native")
                     }
                   ),
-                  /* @__PURE__ */ x(
+                  /* @__PURE__ */ O(
                     ct,
                     {
                       color: f,
@@ -5199,15 +5204,15 @@ const za = (e) => {
                 ]
               }
             ),
-            /* @__PURE__ */ G(
+            /* @__PURE__ */ X(
               "div",
               {
                 className: `
-                      ${$.labelContainer}
-                      ${$.mLSm}
+                      ${z.labelContainer}
+                      ${z.mLSm}
                     `,
                 children: [
-                  /* @__PURE__ */ x(
+                  /* @__PURE__ */ O(
                     "div",
                     {
                       className: `
@@ -5216,11 +5221,11 @@ const za = (e) => {
                       children: r.t("sheet.cf.panel.positive")
                     }
                   ),
-                  /* @__PURE__ */ x(
+                  /* @__PURE__ */ O(
                     ct,
                     {
                       color: c,
-                      onChange: O
+                      onChange: x
                     }
                   )
                 ]
@@ -5230,17 +5235,17 @@ const za = (e) => {
         }
       )
     ] }),
-    /* @__PURE__ */ G("div", { children: [
-      /* @__PURE__ */ x("div", { className: $.label, children: r.t("sheet.cf.valueType.min") }),
-      /* @__PURE__ */ G(
+    /* @__PURE__ */ X("div", { children: [
+      /* @__PURE__ */ O("div", { className: z.label, children: r.t("sheet.cf.valueType.min") }),
+      /* @__PURE__ */ X(
         "div",
         {
           className: `
-                  ${$.mTSm}
-                  ${$.labelContainer}
+                  ${z.mTSm}
+                  ${z.labelContainer}
                 `,
           children: [
-            /* @__PURE__ */ x(
+            /* @__PURE__ */ O(
               Ne,
               {
                 style: { width: "50%", flexShrink: 0 },
@@ -5253,13 +5258,13 @@ const za = (e) => {
                 }
               }
             ),
-            /* @__PURE__ */ x(
+            /* @__PURE__ */ O(
               eo,
               {
                 disabled: !L(w),
                 id: "min",
                 type: w,
-                className: $.mLSm,
+                className: z.mLSm,
                 value: s,
                 onChange: (I) => {
                   a(I || 0), m({ isGradient: o, minValue: I || 0, minValueType: w, maxValue: u, maxValueType: R, positiveColor: c, nativeColor: f, isShowValue: l });
@@ -5269,16 +5274,16 @@ const za = (e) => {
           ]
         }
       ),
-      /* @__PURE__ */ x("div", { className: $.label, children: r.t("sheet.cf.valueType.max") }),
-      /* @__PURE__ */ G(
+      /* @__PURE__ */ O("div", { className: z.label, children: r.t("sheet.cf.valueType.max") }),
+      /* @__PURE__ */ X(
         "div",
         {
           className: `
-                  ${$.mTSm}
-                  ${$.labelContainer}
+                  ${z.mTSm}
+                  ${z.labelContainer}
                 `,
           children: [
-            /* @__PURE__ */ x(
+            /* @__PURE__ */ O(
               Ne,
               {
                 style: { width: "50%", flexShrink: 0 },
@@ -5291,13 +5296,13 @@ const za = (e) => {
                 }
               }
             ),
-            /* @__PURE__ */ x(
+            /* @__PURE__ */ O(
               eo,
               {
                 disabled: !L(R),
                 id: "max",
                 type: R,
-                className: $.mLSm,
+                className: z.mLSm,
                 value: u,
                 onChange: (I) => {
                   y(I || 0), m({ isGradient: o, minValue: s, minValueType: w, maxValue: I || 0, maxValueType: R, positiveColor: c, nativeColor: f, isShowValue: l });
@@ -5355,7 +5360,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
       it: v
     };
     w !== void 0 && (l.cl = { rgb: w }), R !== void 0 && (l.bg = { rgb: R }), C !== void 0 && (l.st = { s: C }), b !== void 0 && (l.ul = { s: b }), r(wi(l));
-  }, [i, v, b, C, w, R]), /* @__PURE__ */ G(
+  }, [i, v, b, C, w, R]), /* @__PURE__ */ X(
     "div",
     {
       className: `
@@ -5363,22 +5368,22 @@ 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(ie.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) === Y.formula ? v.value : "="), [h, s] = H(void 0), a = (l) => ({
     style: l.style,
     value: S,
     type: Z.highlightCell,
-    subType: X.formula
+    subType: Y.formula
   });
   Re(() => r.intercept(r.getInterceptPoints().submit, {
     handler() {
@@ -5394,25 +5399,25 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
     var d;
     const p = (d = C.current) == null ? void 0 : d.handleOutClick;
     p && p(l, () => g(!1));
-  }), /* @__PURE__ */ G("div", { ref: f, children: [
-    /* @__PURE__ */ x(
+  }), /* @__PURE__ */ X("div", { ref: f, children: [
+    /* @__PURE__ */ O(
       "div",
       {
         className: `
-                  ${$.title}
-                  ${$.mTBase}
+                  ${z.title}
+                  ${z.mTBase}
                 `,
         children: n.t("sheet.cf.panel.styleRule")
       }
     ),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O(
       "div",
       {
         className: `
-                  ${$.mTSm}
+                  ${z.mTSm}
                 `,
-        children: /* @__PURE__ */ x(
-          On,
+        children: /* @__PURE__ */ O(
+          xn,
           {
             onChange: (l) => {
               R(l), u({ style: _ });
@@ -5433,21 +5438,21 @@ 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,
         className: `
-                  ${$.mTSm}
+                  ${z.mTSm}
                 `,
         onChange: (l) => {
           w(l), u({ style: l });
@@ -5455,8 +5460,8 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
       }
     )
   ] });
-}, ln = (e) => /* @__PURE__ */ G("div", { style: { position: "relative" }, children: [
-  /* @__PURE__ */ x(
+}, ln = (e) => /* @__PURE__ */ X("div", { style: { position: "relative" }, children: [
+  /* @__PURE__ */ O(
     "div",
     {
       style: {
@@ -5474,7 +5479,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
   const { type: t, operator: r, onChange: n, value: o, interceptorManager: i } = e, c = pe(Te), [v, f] = H(() => typeof o == "number" ? o : 0), [b, g] = H(""), [C, _] = H(() => typeof o == "string" ? o : ""), [w, S] = H(""), [R, h] = H(() => Array.isArray(o) ? o[0] === void 0 ? 0 : o[0] : 0), [s, a] = H(""), [u, y] = H(() => Array.isArray(o) ? o[1] === void 0 ? 100 : o[1] : 100), [l, p] = H("");
   switch (Re(() => {
     switch (t) {
-      case X.text: {
+      case Y.text: {
         [
           ce.beginsWith,
           ce.endsWith,
@@ -5485,7 +5490,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
         ].includes(r) && n(C);
         break;
       }
-      case X.number: {
+      case Y.number: {
         [
           Q.equal,
           Q.notEqual,
@@ -5499,9 +5504,9 @@ 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:
+          case Y.text:
             if ([
               ce.beginsWith,
               ce.containsText,
@@ -5519,7 +5524,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
       d();
     };
   }, [t, v, C, r]), t) {
-    case X.text: {
+    case Y.text: {
       if ([
         ce.beginsWith,
         ce.endsWith,
@@ -5531,13 +5536,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}
+                      ${z.mTSm}
                     `,
-            children: /* @__PURE__ */ x(ln, { errorText: w, children: /* @__PURE__ */ x(
+            children: /* @__PURE__ */ O(ln, { errorText: w, children: /* @__PURE__ */ O(
               Zi,
               {
                 className: W.width100,
@@ -5552,7 +5557,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
       }
       break;
     }
-    case X.number: {
+    case Y.number: {
       if ([
         Q.equal,
         Q.notEqual,
@@ -5564,38 +5569,38 @@ 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}
+                      ${z.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(
+        return /* @__PURE__ */ X(
           "div",
           {
             className: `
-                      ${$.mTSm}
-                      ${$.labelContainer}
+                      ${z.mTSm}
+                      ${z.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,
                   max: Number.MAX_SAFE_INTEGER,
                   className: `
-                                  ${$.mLSm}
+                                  ${z.mLSm}
                                 `,
                   value: u,
                   onChange: m
@@ -5610,7 +5615,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
   return null;
 }, to = (e, t) => {
   switch (e) {
-    case X.text:
+    case Y.text:
       return [
         he(ce.containsText, t),
         he(ce.notContainsText, t),
@@ -5623,7 +5628,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
         he(ce.containsErrors, t),
         he(ce.notContainsErrors, t)
       ];
-    case X.number:
+    case Y.number:
       return [
         he(Q.between, t),
         he(Q.notBetween, t),
@@ -5634,7 +5639,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
         he(Q.lessThan, t),
         he(Q.lessThanOrEqual, t)
       ];
-    case X.timePeriod:
+    case Y.timePeriod:
       return [
         he(Ae.yesterday, t),
         he(Ae.today, t),
@@ -5651,27 +5656,27 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
 }, no = (e) => {
   var y;
   const { interceptorManager: t, onChange: r } = e, n = pe(Te), o = ((y = e.rule) == null ? void 0 : y.type) === Z.highlightCell ? e.rule : void 0, [i, c] = H(() => {
-    const l = X.text;
+    const l = Y.text;
     return o && o.subType || l;
   }), v = [
     {
-      value: X.text,
+      value: Y.text,
       label: n.t("sheet.cf.subRuleType.text")
     },
     {
-      value: X.number,
+      value: Y.number,
       label: n.t("sheet.cf.subRuleType.number")
     },
     {
-      value: X.timePeriod,
+      value: Y.timePeriod,
       label: n.t("sheet.cf.subRuleType.timePeriod")
     },
     {
-      value: X.duplicateValues,
+      value: Y.duplicateValues,
       label: n.t("sheet.cf.subRuleType.duplicateValues")
     },
     {
-      value: X.uniqueValues,
+      value: Y.uniqueValues,
       label: n.t("sheet.cf.subRuleType.uniqueValues")
     }
   ], f = Ce(() => to(i, n), [i]), [b, g] = H(() => {
@@ -5682,9 +5687,9 @@ 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, oe, te, A;
     switch (l.subType || i) {
-      case X.text: {
+      case Y.text: {
         if ([
           ce.beginsWith,
           ce.endsWith,
@@ -5698,11 +5703,11 @@ 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;
       }
-      case X.number: {
+      case Y.number: {
         if ([
           Q.equal,
           Q.notEqual,
@@ -5722,7 +5727,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
           };
@@ -5731,7 +5736,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
     }
     return {
       type: Z.highlightCell,
-      subType: (ie = l.subType) != null ? ie : i,
+      subType: (oe = l.subType) != null ? oe : i,
       operator: (te = l.operator) != null ? te : b,
       style: (A = l.style) != null ? A : w
     };
@@ -5752,22 +5757,22 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
   }, a = (l) => {
     _(l), r(R({ value: l }));
   }, u = Ce(() => `${i}_${b}_${Math.random()}`, [i, b]);
-  return /* @__PURE__ */ G("div", { children: [
-    /* @__PURE__ */ x(
+  return /* @__PURE__ */ X("div", { children: [
+    /* @__PURE__ */ O(
       "div",
       {
         className: `
-              ${$.title}
-              ${$.mTBase}
+              ${z.title}
+              ${z.mTBase}
             `,
         children: n.t("sheet.cf.panel.styleRule")
       }
     ),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O(
       Ne,
       {
         className: `
-                  ${$.mTSm}
+                  ${z.mTSm}
                   ${W.width100}
                 `,
         onChange: h,
@@ -5775,11 +5780,11 @@ 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: `
-                      ${$.mTSm}
+                      ${z.mTSm}
                       ${W.width100}
                     `,
         onChange: s,
@@ -5787,22 +5792,22 @@ 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,
         className: `
-                  ${$.mLXxs}
+                  ${z.mLXxs}
                 `,
         onChange: (l) => {
           S(l), r(R({ style: l }));
@@ -5812,16 +5817,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(ie.UNIVER_SHEET).getUnitId(), n = (f = t.getCurrentUnitForType(ie.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 !== re.formula ? /* @__PURE__ */ X(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,
@@ -5837,18 +5842,18 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
   ) }) });
 }, ro = (e, t, r) => ({
   operator: Q.greaterThan,
-  value: { type: ne.num, value: (r.length - 1 - t) * 10 },
+  value: { type: re.num, value: (r.length - 1 - t) * 10 },
   iconType: e,
   iconId: String(t)
 }), bl = dt((e, t) => {
   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__ */ X("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(() => {
@@ -5867,12 +5872,12 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
   }, []), r = (n) => {
     e.onClick(n.iconType, n.iconId);
   };
-  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: "无单元格图标" })
+  return /* @__PURE__ */ X("div", { className: W.iconItemListWrap, children: [
+    /* @__PURE__ */ X("div", { className: W.none, onClick: () => r({ iconType: Ii, iconId: "" }), 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),
@@ -5888,42 +5893,42 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
     { label: o.t(`sheet.cf.symbol.${Q.greaterThan}`), value: Q.greaterThan },
     { label: o.t(`sheet.cf.symbol.${Q.greaterThanOrEqual}`), value: Q.greaterThanOrEqual }
   ], c = [
-    { label: o.t(`sheet.cf.valueType.${ne.num}`), value: ne.num },
-    { label: o.t(`sheet.cf.valueType.${ne.percent}`), value: ne.percent },
-    { label: o.t(`sheet.cf.valueType.${ne.percentile}`), value: ne.percentile },
-    { label: o.t(`sheet.cf.valueType.${ne.formula}`), value: ne.formula }
+    { label: o.t(`sheet.cf.valueType.${re.num}`), value: re.num },
+    { label: o.t(`sheet.cf.valueType.${re.percent}`), value: re.percent },
+    { label: o.t(`sheet.cf.valueType.${re.percentile}`), value: re.percentile },
+    { label: o.t(`sheet.cf.valueType.${re.formula}`), value: re.formula }
   ], v = (C, _) => {
     t([String(_), "value", "value"], C);
   }, f = (C, _) => {
     t([String(_), "operator"], C);
-    const w = hn(X.number, C);
+    const w = hn(Y.number, C);
     v(w, _);
   }, b = (C, _) => {
     t([String(_), "value", "type"], C);
-    const w = r[_], S = hn(X.number, w.operator);
+    const w = r[_], S = hn(Y.number, w.operator);
     v(S, _);
   };
   return Ce(() => r.map((C, _) => {
-    const w = n[_], S = oi(C.iconType, C.iconId), R = _ === r.length - 1, h = _ === 0, s = r[_ - 1], a = (s == null ? void 0 : s.value.type) === ne.formula ? o.t("sheet.cf.valueType.formula") : s == null ? void 0 : s.value.value, u = (y, l) => {
+    const w = n[_], S = oi(C.iconType, C.iconId), R = _ === r.length - 1, h = _ === 0, s = r[_ - 1], a = (s == null ? void 0 : s.value.type) === re.formula ? o.t("sheet.cf.valueType.formula") : s == null ? void 0 : s.value.value, u = (y, l) => {
       const p = { ...C, iconId: l, iconType: y };
       t([String(_)], p);
     };
-    return /* @__PURE__ */ G(
+    return /* @__PURE__ */ X(
       "div",
       {
         className: `
-                      ${_ ? $.mTXl : $.mTSm}
+                      ${_ ? z.mTXl : z.mTSm}
                     `,
         children: [
-          /* @__PURE__ */ G(
+          /* @__PURE__ */ X(
             "div",
             {
               className: `
-                          ${$.label}
+                          ${z.label}
                           ${W.flex}
                         `,
               children: [
-                /* @__PURE__ */ G(
+                /* @__PURE__ */ X(
                   "div",
                   {
                     className: `
@@ -5935,15 +5940,15 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
                     ]
                   }
                 ),
-                /* @__PURE__ */ x(
+                /* @__PURE__ */ O(
                   "div",
                   {
                     className: `
                               ${W.width45}
                             `,
-                    children: /* @__PURE__ */ G(Qn, { children: [
+                    children: /* @__PURE__ */ X(Qn, { children: [
                       !h && !R && o.t("sheet.cf.iconSet.rule"),
-                      !h && !R && /* @__PURE__ */ G("span", { className: W.stress, children: [
+                      !h && !R && /* @__PURE__ */ X("span", { className: W.stress, children: [
                         "(",
                         o.t("sheet.cf.iconSet.when"),
                         o.t(`sheet.cf.symbol.${Jn(s.operator)}`),
@@ -5957,38 +5962,38 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
               ]
             }
           ),
-          /* @__PURE__ */ G(
+          /* @__PURE__ */ X(
             "div",
             {
               className: `
                           ${W.flex}
-                          ${$.mTSm}
+                          ${z.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__ */ X("div", { className: W.dropdownIcon, children: [
+                      S ? /* @__PURE__ */ O("img", { src: S, className: W.icon }) : /* @__PURE__ */ O(Zt, { className: W.icon }),
+                      /* @__PURE__ */ O(Dn, {})
                     ] }) })
                   }
                 ),
-                R ? /* @__PURE__ */ G(
+                R ? /* @__PURE__ */ X(
                   "div",
                   {
                     className: `
                                       ${W.width45}
-                                      ${$.label}
+                                      ${z.label}
                                     `,
                     style: { marginTop: 0 },
                     children: [
                       o.t("sheet.cf.iconSet.rule"),
-                      /* @__PURE__ */ G("span", { className: W.stress, children: [
+                      /* @__PURE__ */ X("span", { className: W.stress, children: [
                         "(",
                         o.t("sheet.cf.iconSet.when"),
                         o.t(`sheet.cf.symbol.${Jn(s.operator)}`),
@@ -5998,13 +6003,13 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
                       ] })
                     ]
                   }
-                ) : /* @__PURE__ */ x(
+                ) : /* @__PURE__ */ O(
                   Ne,
                   {
                     className: `
-                                      ${$.mL0}
+                                      ${z.mL0}
                                       ${W.width45}
-                                      ${$.mR0}
+                                      ${z.mR0}
                                     `,
                     options: i,
                     value: C.operator,
@@ -6016,17 +6021,17 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
               ]
             }
           ),
-          R ? /* @__PURE__ */ x("div", {}) : /* @__PURE__ */ G(Qn, { children: [
-            /* @__PURE__ */ G(
+          R ? /* @__PURE__ */ O("div", {}) : /* @__PURE__ */ X(Qn, { children: [
+            /* @__PURE__ */ X(
               "div",
               {
                 className: `
-                                      ${$.mTSm}
-                                      ${$.label}
+                                      ${z.mTSm}
+                                      ${z.label}
                                       ${W.flex}
                                     `,
                 children: [
-                  /* @__PURE__ */ x(
+                  /* @__PURE__ */ O(
                     "div",
                     {
                       className: `
@@ -6035,7 +6040,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: `
@@ -6047,21 +6052,21 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
                 ]
               }
             ),
-            /* @__PURE__ */ G(
+            /* @__PURE__ */ X(
               "div",
               {
                 className: `
-                                      ${$.mTSm}
+                                      ${z.mTSm}
                                       ${W.flex}
                                     `,
                 children: [
-                  /* @__PURE__ */ x(
+                  /* @__PURE__ */ O(
                     Ne,
                     {
                       style: { flexShrink: 0 },
                       className: `
                                           ${W.width45}
-                                          ${$.mL0}
+                                          ${z.mL0}
                                         `,
                       options: c,
                       value: C.value.type,
@@ -6070,14 +6075,14 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
                       }
                     }
                   ),
-                  /* @__PURE__ */ x(
+                  /* @__PURE__ */ O(
                     "div",
                     {
                       className: `
-                                          ${$.mL0}
+                                          ${z.mL0}
                                           ${W.width45}
                                         `,
-                      children: /* @__PURE__ */ x(
+                      children: /* @__PURE__ */ O(
                         yl,
                         {
                           id: _,
@@ -6114,23 +6119,23 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
     const l = at[c] || [];
     return new Array(l.length).fill("").map((p, d, m) => d === m.length - 1 ? {
       operator: Q.lessThanOrEqual,
-      value: { type: ne.num, value: Number.MAX_SAFE_INTEGER },
+      value: { type: re.num, value: Number.MAX_SAFE_INTEGER },
       iconType: c,
       iconId: String(d)
     } : 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 ? {
-      preType: ne.formula,
+    if (l.reduce((d, m, x) => d.preType && !d.result || l.length - 1 === x ? d : m.value.type === re.formula ? {
+      preType: re.formula,
       result: !1
     } : d.preType ? {
       result: d.preType === m.value.type,
@@ -6138,13 +6143,13 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
     } : {
       result: !0,
       preType: m.value.type
-    }, { result: !0, preType: "" }).result && [ne.num, ne.percent, ne.percentile].includes(l[0].value.type)) {
+    }, { result: !0, preType: "" }).result && [re.num, re.percent, re.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 +6157,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 +6182,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(
+  return Hi(a, s.rootContainerElement), /* @__PURE__ */ X("div", { className: W.iconSet, children: [
+    /* @__PURE__ */ O("div", { className: z.title, children: n.t("sheet.cf.panel.styleRule") }),
+    /* @__PURE__ */ O(
       "div",
       {
         className: `
-                  ${$.mTSm}
+                  ${z.mTSm}
                 `,
-        children: /* @__PURE__ */ x(
+        children: /* @__PURE__ */ O(
           sr,
           {
             placement: "bottomLeft",
-            overlay: /* @__PURE__ */ x(
+            overlay: /* @__PURE__ */ O(
               bl,
               {
                 ref: (l) => {
@@ -6203,35 +6208,35 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
                 onClick: R
               }
             ),
-            children: /* @__PURE__ */ G("div", { className: W.dropdownIcon, style: { width: "unset" }, children: [
+            children: /* @__PURE__ */ X("div", { className: W.dropdownIcon, style: { width: "unset" }, children: [
               _,
-              /* @__PURE__ */ x(Dn, {})
+              /* @__PURE__ */ O(Dn, {})
             ] })
           }
         )
       }
     ),
-    /* @__PURE__ */ G(
+    /* @__PURE__ */ X(
       "div",
       {
         className: `
-                  ${$.mTSm}
+                  ${z.mTSm}
                   ${W.renderConfig}
                 `,
         children: [
-          /* @__PURE__ */ G("div", { className: W.utilItem, children: [
-            /* @__PURE__ */ x(gn, { onChange: h }),
+          /* @__PURE__ */ X("div", { className: W.utilItem, children: [
+            /* @__PURE__ */ O(gn, { onChange: h }),
             n.t("sheet.cf.iconSet.reverseIconOrder")
           ] }),
-          /* @__PURE__ */ G(
+          /* @__PURE__ */ X(
             "div",
             {
               className: `
                       ${W.utilItem}
-                      ${$.mLXl}
+                      ${z.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 +6246,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;
@@ -6257,9 +6262,9 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
     switch (a) {
       case Z.highlightCell:
         switch (o.subType) {
-          case X.average:
+          case Y.average:
             return [Q.greaterThan, Q.greaterThanOrEqual].includes(o.operator) ? "greaterThanAverage" : [Q.lessThan, Q.lessThanOrEqual].includes(o.operator) ? "lessThanAverage" : s;
-          case X.rank:
+          case Y.rank:
             return o.isBottom ? "isBottom" : "isNotBottom";
         }
     }
@@ -6271,7 +6276,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
     switch (a) {
       case Z.highlightCell:
         switch (o.subType) {
-          case X.rank:
+          case Y.rank:
             return o.value || 10;
         }
     }
@@ -6283,7 +6288,7 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
     switch (a) {
       case Z.highlightCell:
         switch (o.subType) {
-          case X.rank:
+          case Y.rank:
             return o.isPercent || !1;
         }
     }
@@ -6291,13 +6296,13 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
   }), [_, w] = H({}), S = (s) => {
     const { type: a, isPercent: u, value: y, style: l } = s;
     if (a === "isNotBottom")
-      return { type: Z.highlightCell, subType: X.rank, isPercent: u, isBottom: !1, value: y, style: l };
+      return { type: Z.highlightCell, subType: Y.rank, isPercent: u, isBottom: !1, value: y, style: l };
     if (a === "isBottom")
-      return { type: Z.highlightCell, subType: X.rank, isPercent: u, isBottom: !0, value: y, style: l };
+      return { type: Z.highlightCell, subType: Y.rank, isPercent: u, isBottom: !0, value: y, style: l };
     if (a === "greaterThanAverage")
-      return { type: Z.highlightCell, subType: X.average, operator: Q.greaterThan, style: l };
+      return { type: Z.highlightCell, subType: Y.average, operator: Q.greaterThan, style: l };
     if (a === "lessThanAverage")
-      return { type: Z.highlightCell, subType: X.average, operator: Q.lessThan, style: l };
+      return { type: Z.highlightCell, subType: Y.average, operator: Q.lessThan, style: l };
   };
   Re(() => r.intercept(r.getInterceptPoints().submit, {
     handler() {
@@ -6307,23 +6312,23 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
   const R = (s) => {
     t(S(s));
   };
-  return /* @__PURE__ */ G("div", { children: [
-    /* @__PURE__ */ x(
+  return /* @__PURE__ */ X("div", { children: [
+    /* @__PURE__ */ O(
       "div",
       {
         className: `
-              ${$.title}
-              ${$.mTBase}
+              ${z.title}
+              ${z.mTBase}
             `,
         children: n.t("sheet.cf.panel.styleRule")
       }
     ),
-    /* @__PURE__ */ x(
+    /* @__PURE__ */ O(
       Ne,
       {
         className: `
                   ${W.width100}
-                  ${$.mTSm}
+                  ${z.mTSm}
                 `,
         value: c,
         options: i,
@@ -6332,15 +6337,15 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
         }
       }
     ),
-    ["isNotBottom", "isBottom"].includes(c) && /* @__PURE__ */ G(
+    ["isNotBottom", "isBottom"].includes(c) && /* @__PURE__ */ X(
       "div",
       {
         className: `
-                  ${$.labelContainer}
-                  ${$.mTSm}
+                  ${z.labelContainer}
+                  ${z.mTSm}
                 `,
         children: [
-          /* @__PURE__ */ x(
+          /* @__PURE__ */ O(
             lt,
             {
               min: 1,
@@ -6352,16 +6357,16 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
               }
             }
           ),
-          /* @__PURE__ */ G(
+          /* @__PURE__ */ X(
             "div",
             {
               className: `
-                      ${$.mLSm}
-                      ${$.labelContainer}
+                      ${z.mLSm}
+                      ${z.labelContainer}
                       ${W.text}
                     `,
               children: [
-                /* @__PURE__ */ x(
+                /* @__PURE__ */ O(
                   gn,
                   {
                     checked: g,
@@ -6377,21 +6382,21 @@ 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,
         className: `
-                  ${$.mTSm}
+                  ${z.mTSm}
                 `,
         onChange: (s) => {
           w(s), R({ type: c, isPercent: g, value: f, style: s });
@@ -6399,17 +6404,17 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
       }
     )
   ] });
-}, _l = ho("beforeSubmit"), Il = ho("submit"), oo = (e) => e.getCurrentUnitForType(oe.UNIVER_SHEET).getUnitId(), io = (e) => {
+}, _l = ho("beforeSubmit"), Il = ho("submit"), oo = (e) => e.getCurrentUnitForType(ie.UNIVER_SHEET).getUnitId(), io = (e) => {
   var t;
-  return (t = e.getCurrentUnitForType(oe.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : t.getSheetId();
+  return (t = e.getCurrentUnitForType(ie.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) => {
-      const ie = Io(j);
-      return ie === "NaN" ? "" : ie;
+    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 oe = Io(j);
+      return oe === "NaN" ? "" : oe;
     }).filter((j) => !!j).join(",") : "";
   }, [e.rule]), R = [
     { label: t.t("sheet.cf.ruleType.highlightCell"), value: "1" },
@@ -6419,23 +6424,23 @@ 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) {
       case Z.highlightCell: {
         switch ((U = e.rule) == null ? void 0 : U.rule.subType) {
-          case X.number:
-          case X.text:
-          case X.duplicateValues:
-          case X.uniqueValues:
-          case X.timePeriod:
+          case Y.number:
+          case Y.text:
+          case Y.duplicateValues:
+          case Y.uniqueValues:
+          case Y.timePeriod:
             return "1";
-          case X.average:
-          case X.rank:
+          case Y.average:
+          case Y.rank:
             return "2";
-          case X.formula:
+          case Y.formula:
             return "5";
         }
         break;
@@ -6448,7 +6453,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 +6474,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,13 +6484,13 @@ 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)
       return;
     const P = (() => {
-      const U = n.getCurrentUnitForType(oe.UNIVER_SHEET).getActiveSheet();
+      const U = n.getCurrentUnitForType(ie.UNIVER_SHEET).getActiveSheet();
       if (!U)
         throw new Error("No active sheet found");
       return w.current.map((te) => Mi(te, U.getRowCount(), U.getColumnCount())).filter((te) => !(Number.isNaN(te.startRow) || Number.isNaN(te.startColumn)));
@@ -6493,31 +6498,31 @@ const hl = "univer-cf-style-edit", pl = "univer-button-item", gl = "univer-isAct
     if (u.fetchThroughInterceptors(u.getInterceptPoints().beforeSubmit)(!0, null)) {
       const U = u.fetchThroughInterceptors(u.getInterceptPoints().submit)(null, null);
       if (U) {
-        const j = oo(n), ie = io(n);
-        if (!j || !ie)
+        const j = oo(n), oe = io(n);
+        if (!j || !oe)
           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: oe, rule: te }), e.onCancel()) : (te = { cfId: o.createCfId(j, oe), ranges: P, rule: U, stopIfTrue: !1 }, r.executeCommand(On.id, { unitId: j, subUnitId: oe, 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__ */ X("div", { className: W.cfRuleStyleEditor, children: [
+    /* @__PURE__ */ O("div", { className: z.title, children: t.t("sheet.cf.panel.range") }),
+    /* @__PURE__ */ O(
       "div",
       {
         className: `
-              ${$.mTBase}
+              ${z.mTBase}
             `,
-        children: /* @__PURE__ */ x(
+        children: /* @__PURE__ */ O(
           as,
           {
             unitId: c,
@@ -6525,7 +6530,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,19 +6538,19 @@ 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__ */ G(
+    /* @__PURE__ */ O("div", { className: z.title, children: t.t("sheet.cf.panel.styleType") }),
+    /* @__PURE__ */ O("div", { className: z.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__ */ X(
       "div",
       {
         className: `
-              ${$.mTBase}
+              ${z.mTBase}
               ${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: z.mLSm, size: "small", type: "primary", onClick: d, children: t.t("sheet.cf.panel.submit") })
         ]
       }
     )
@@ -6558,20 +6563,20 @@ 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: z.conditionalFormattingWrap, children: n ? /* @__PURE__ */ O(El, { onCancel: c, rule: t }) : /* @__PURE__ */ O($a, { 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);
 const cn = "sheet.conditional.formatting.panel";
-let Ht = class extends ze {
+let Ht = class extends $e {
   constructor(t, r, n, o, i) {
     super();
     Ye(this, "_sidebarDisposable", null);
     this._univerInstanceService = t, this._injector = r, this._componentManager = n, this._sidebarService = o, this._localeService = i, this._initPanel(), this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(oe.UNIVER_SHEET).subscribe((c) => {
+      this._univerInstanceService.getCurrentTypeOfUnit$(ie.UNIVER_SHEET).subscribe((c) => {
         var v;
         c || (v = this._sidebarDisposable) == null || v.dispose();
       })
@@ -6598,14 +6603,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,
@@ -6623,7 +6628,7 @@ const Ln = {
           ranges: i,
           rule: {
             type: Z.highlightCell,
-            subType: X.rank
+            subType: Y.rank
           }
         };
         r.openPanel(f);
@@ -6635,7 +6640,7 @@ const Ln = {
           ranges: i,
           rule: {
             type: Z.highlightCell,
-            subType: X.formula,
+            subType: Y.formula,
             value: "="
           }
         };
@@ -6704,7 +6709,7 @@ var Pl = Object.getOwnPropertyDescriptor, Dl = (e, t, r, n) => {
     (c = e[i]) && (o = c(o) || o);
   return o;
 }, Nt = (e, t) => (r, n) => t(r, n, e);
-let Ut = class extends ze {
+let Ut = class extends $e {
   constructor(t, r, n, o, i) {
     super();
     Ye(this, "_copyInfo");
@@ -6748,7 +6753,7 @@ let Ut = class extends ze {
   }
   // eslint-disable-next-line max-lines-per-function
   _generateConditionalFormattingMutations(t, r) {
-    const n = this._univerInstanceService.getCurrentUnitForType(oe.UNIVER_SHEET), o = n.getActiveSheet(), i = n.getUnitId();
+    const n = this._univerInstanceService.getCurrentUnitForType(ie.UNIVER_SHEET), o = n.getActiveSheet(), i = n.getUnitId();
     if (!o) return { redos: [], undos: [] };
     const c = o.getSheetId();
     if (r.copyType === br.CUT)
@@ -6756,24 +6761,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 +6805,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 +6813,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 +6839,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 {
@@ -6870,14 +6875,14 @@ var Ml = Object.getOwnPropertyDescriptor, Nl = (e, t, r, n) => {
     (c = e[i]) && (o = c(o) || o);
   return o;
 }, Xn = (e, t) => (r, n) => t(r, n, e);
-let jt = class extends ze {
+let jt = class extends $e {
   constructor(e, t, r) {
     super(), this._localeService = e, this._commandService = t, this._sheetPermissionCheckController = r, this._commandExecutedListener();
   }
   _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]
@@ -6891,19 +6896,19 @@ jt = Nl([
   Xn(1, me),
   Xn(2, ee(Ni))
 ], jt);
-var Ll = Object.getOwnPropertyDescriptor, zl = (e, t, r, n) => {
+var Ll = Object.getOwnPropertyDescriptor, $l = (e, t, r, n) => {
   for (var o = n > 1 ? void 0 : n ? Ll(t, r) : t, i = e.length - 1, c; i >= 0; i--)
     (c = e[i]) && (o = c(o) || o);
   return o;
 }, un = (e, t) => (r, n) => t(r, n, e);
-let Bt = class extends ze {
+let Bt = class extends $e {
   constructor(e, t, r, n) {
     super(), this._conditionalFormattingRuleModel = e, this._univerInstanceService = t, this._injector = r, this._refRangeService = n, this._initRefRange();
   }
   _initRefRange() {
     const e = /* @__PURE__ */ new Map(), t = (n, o, i) => `${n}_${o}_${i}`, r = (n, o, i) => {
       const c = (f) => {
-        const b = [...i.ranges], g = b.map((_) => zi(_, f)).filter((_) => !!_);
+        const b = [...i.ranges], g = b.map((_) => $i(_, f)).filter((_) => !!_);
         if (Ei(g, b))
           return { redos: [], undos: [] };
         if (g.length) {
@@ -6920,7 +6925,7 @@ let Bt = class extends ze {
       }), e.set(t(n, o, i.cfId), () => v.forEach((f) => f()));
     };
     this.disposeWithMe(this._conditionalFormattingRuleModel.$ruleChange.subscribe((n) => {
-      const { unitId: o, subUnitId: i, rule: c } = n, v = this._univerInstanceService.getCurrentUnitForType(oe.UNIVER_SHEET), f = v.getActiveSheet();
+      const { unitId: o, subUnitId: i, rule: c } = n, v = this._univerInstanceService.getCurrentUnitForType(ie.UNIVER_SHEET), f = v.getActiveSheet();
       if (!(n.unitId !== v.getUnitId() || n.subUnitId !== (f == null ? void 0 : f.getSheetId())))
         switch (n.type) {
           case "add": {
@@ -6944,18 +6949,18 @@ let Bt = class extends ze {
     }));
   }
 };
-Bt = zl([
+Bt = $l([
   un(0, ee(ve)),
   un(1, ee(de)),
   un(2, ee(He)),
   un(3, ee(Li))
 ], Bt);
-var $l = Object.getOwnPropertyDescriptor, Fl = (e, t, r, n) => {
-  for (var o = n > 1 ? void 0 : n ? $l(t, r) : t, i = e.length - 1, c; i >= 0; i--)
+var zl = Object.getOwnPropertyDescriptor, kl = (e, t, r, n) => {
+  for (var o = n > 1 ? void 0 : n ? zl(t, r) : t, i = e.length - 1, c; i >= 0; i--)
     (c = e[i]) && (o = c(o) || o);
   return o;
 }, pt = (e, t) => (r, n) => t(r, n, e);
-let Gt = class extends ze {
+let Gt = class extends $e {
   constructor(t, r, n, o, i, c) {
     super();
     /**
@@ -6969,15 +6974,15 @@ let Gt = class extends ze {
   }
   _markDirtySkeleton() {
     var r, n, o;
-    const t = this._univerInstanceService.getCurrentUnitForType(oe.UNIVER_SHEET).getUnitId();
+    const t = this._univerInstanceService.getCurrentUnitForType(ie.UNIVER_SHEET).getUnitId();
     (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) => {
-        const r = this._univerInstanceService.getCurrentUnitForType(oe.UNIVER_SHEET);
+        const r = this._univerInstanceService.getCurrentUnitForType(ie.UNIVER_SHEET);
         if (!r) return !1;
         const n = r.getActiveSheet();
         return n ? t.filter((o) => o.unitId === r.getUnitId() && o.subUnitId === n.getSheetId()).length > 0 : !1;
@@ -6985,20 +6990,20 @@ let Gt = class extends ze {
     ).subscribe(() => this._markDirtySkeleton()));
   }
   _initViewModelInterceptor() {
-    this.disposeWithMe(this._sheetInterceptorService.intercept($i.CELL_CONTENT, {
+    this.disposeWithMe(this._sheetInterceptorService.intercept(zi.CELL_CONTENT, {
       effect: gi.Style,
       handler: (t, r, n) => {
         const o = this._conditionalFormattingService.composeStyle(r.unitId, r.subUnitId, r.row, r.col);
         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 +7012,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;
@@ -7028,16 +7033,16 @@ let Sn = class extends vo {
       Mo,
       No,
       Lo,
-      zo,
       $o,
-      Fo,
+      zo,
       ko,
+      Fo,
       Vo,
       Ln,
       mn,
       cr,
       lr,
-      xn,
+      On,
       ar,
       Pn
     ].forEach((e) => {
@@ -7046,7 +7051,7 @@ let Sn = class extends vo {
   }
 };
 si(Sn, "pluginName", `${Yt}_MOBILE_UI_PLUGIN`);
-si(Sn, "type", oe.UNIVER_SHEET);
+si(Sn, "type", ie.UNIVER_SHEET);
 Sn = Al([
   go(So),
   Yn(1, ee(He)),
@@ -7058,7 +7063,7 @@ var Wl = Object.getOwnPropertyDescriptor, Hl = (e, t, r, n) => {
     (c = e[i]) && (o = c(o) || o);
   return o;
 }, Lt = (e, t) => (r, n) => t(r, n, e);
-let Cn = class extends ze {
+let Cn = class extends $e {
   constructor(e, t, r, n, o) {
     super(), this._injector = e, this._univerInstanceService = t, this._autoFillService = r, this._conditionalFormattingRuleModel = n, this._conditionalFormattingViewModel = o, this._initAutoFill();
   }
@@ -7066,7 +7071,7 @@ let Cn = class extends ze {
   _initAutoFill() {
     const e = () => ({ redos: [], undos: [] }), t = (o, i, c, v, f) => {
       var w;
-      const b = this._univerInstanceService.getCurrentUnitForType(oe.UNIVER_SHEET).getUnitId(), g = (w = this._univerInstanceService.getCurrentUnitForType(oe.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : w.getSheetId();
+      const b = this._univerInstanceService.getCurrentUnitForType(ie.UNIVER_SHEET).getUnitId(), g = (w = this._univerInstanceService.getCurrentUnitForType(ie.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : w.getSheetId();
       if (!b || !g)
         return;
       const C = {
@@ -7080,7 +7085,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,36 +7114,36 @@ 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) => {
       var s, a, u;
-      const c = (s = this._univerInstanceService.getCurrentUnitForType(oe.UNIVER_SHEET)) == null ? void 0 : s.getUnitId(), v = (u = (a = this._univerInstanceService.getCurrentUnitForType(oe.UNIVER_SHEET)) == null ? void 0 : a.getActiveSheet()) == null ? void 0 : u.getSheetId(), f = /* @__PURE__ */ new Map(), b = [], g = [];
+      const c = (s = this._univerInstanceService.getCurrentUnitForType(ie.UNIVER_SHEET)) == null ? void 0 : s.getUnitId(), v = (u = (a = this._univerInstanceService.getCurrentUnitForType(ie.UNIVER_SHEET)) == null ? void 0 : a.getActiveSheet()) == null ? void 0 : u.getSheetId(), f = /* @__PURE__ */ new Map(), b = [], g = [];
       if (!c || !v)
         return e();
       const C = Eo([o, i]), [_, w] = C.ranges, { mapFunc: S } = C, R = {
@@ -7174,7 +7179,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);
         }
@@ -7195,8 +7200,8 @@ var Ul = Object.getOwnPropertyDescriptor, jl = (e, t, r, n) => {
   for (var o = n > 1 ? void 0 : n ? Ul(t, r) : t, i = e.length - 1, c; i >= 0; i--)
     (c = e[i]) && (o = c(o) || o);
   return o;
-}, zt = (e, t) => (r, n) => t(r, n, e);
-let wn = class extends ze {
+}, $t = (e, t) => (r, n) => t(r, n, e);
+let wn = class extends $e {
   constructor(e, t, r, n, o) {
     super(), this._injector = e, this._univerInstanceService = t, this._sheetInterceptorService = r, this._selectionManagerService = n, this._conditionalFormattingRuleModel = o, this._init();
   }
@@ -7205,11 +7210,11 @@ 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;
-          const c = this._univerInstanceService.getCurrentUnitForType(oe.UNIVER_SHEET), v = c.getActiveSheet();
+          const c = this._univerInstanceService.getCurrentUnitForType(ie.UNIVER_SHEET), v = c.getActiveSheet();
           if (!v)
             return n;
           const f = c.getUnitId(), b = v.getSheetId(), g = this._conditionalFormattingRuleModel.getSubunitRules(f, b);
@@ -7235,11 +7240,11 @@ let wn = class extends ze {
   }
 };
 wn = jl([
-  zt(0, ee(He)),
-  zt(1, ee(de)),
-  zt(2, ee(or)),
-  zt(3, ee(ut)),
-  zt(4, ee(ve))
+  $t(0, ee(He)),
+  $t(1, ee(de)),
+  $t(2, ee(or)),
+  $t(3, ee(ut)),
+  $t(4, ee(ve))
 ], wn);
 function so(e, t, r, n, o) {
   const i = [], c = [];
@@ -7273,7 +7278,7 @@ var Bl = Object.getOwnPropertyDescriptor, Gl = (e, t, r, n) => {
     (c = e[i]) && (o = c(o) || o);
   return o;
 }, ao = (e, t) => (r, n) => t(r, n, e);
-let Rn = class extends ze {
+let Rn = class extends $e {
   constructor(e, t) {
     super(), this._sheetInterceptorService = e, this._conditionalFormattingService = t, this._initInterceptorEditorEnd();
   }
@@ -7324,63 +7329,63 @@ const lo = [
   Ve.id,
   Le.id,
   fn.id
-], $t = [
+], zt = [
   {
     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) => {
       const g = r.onCommandExecuted((C) => {
         var R;
-        const { id: _, params: w } = C, S = (R = n.getCurrentUnitForType(oe.UNIVER_SHEET)) == null ? void 0 : R.getUnitId();
+        const { id: _, params: w } = C, S = (R = n.getCurrentUnitForType(ie.UNIVER_SHEET)) == null ? void 0 : R.getUnitId();
         lo.includes(_) && w.unitId === S && b.next(null);
       });
       return () => g.dispose();
     })
   ).pipe(wr(16)).subscribe(() => {
     var R;
-    const b = ((R = t.getCurrentSelections()) == null ? void 0 : R.map((h) => h.range)) || [], g = n.getCurrentUnitForType(oe.UNIVER_SHEET);
+    const b = ((R = t.getCurrentSelections()) == null ? void 0 : R.map((h) => h.range)) || [], g = n.getCurrentUnitForType(ie.UNIVER_SHEET);
     if (!g) return;
     const C = g.getActiveSheet();
     if (!C) return;
@@ -7390,12 +7395,12 @@ const lo = [
     (f) => new st((b) => {
       const g = r.onCommandExecuted((C) => {
         var R;
-        const { id: _, params: w } = C, S = (R = n.getCurrentUnitForType(oe.UNIVER_SHEET)) == null ? void 0 : R.getUnitId();
+        const { id: _, params: w } = C, S = (R = n.getCurrentUnitForType(ie.UNIVER_SHEET)) == null ? void 0 : R.getUnitId();
         lo.includes(_) && w.unitId === S && b.next(null);
       });
       return () => g.dispose();
     }).pipe(wr(16)).subscribe(() => {
-      const b = n.getCurrentUnitForType(oe.UNIVER_SHEET);
+      const b = n.getCurrentUnitForType(ie.UNIVER_SHEET);
       if (!b) return;
       const g = b.getActiveSheet();
       if (!g) return;
@@ -7407,12 +7412,12 @@ const lo = [
     })
   ), v = new st((f) => {
     i.subscribe((b) => {
-      const g = $t.find((C) => C.value === xe.clearRangeRules);
-      g && (g.disabled = !b, f.next($t));
+      const g = zt.find((C) => C.value === Oe.clearRangeRules);
+      g && (g.disabled = !b, f.next(zt));
     }), c.subscribe((b) => {
-      const g = $t.find((C) => C.value === xe.clearWorkSheetRules);
-      g && (g.disabled = !b, f.next($t));
-    }), f.next($t);
+      const g = zt.find((C) => C.value === Oe.clearWorkSheetRules);
+      g && (g.disabled = !b, f.next(zt));
+    }), f.next(zt);
   });
   return {
     id: Ln.id,
@@ -7420,7 +7425,7 @@ const lo = [
     icon: "Conditions",
     tooltip: "sheet.cf.title",
     selections: v,
-    hidden$: ji(e, oe.UNIVER_SHEET),
+    hidden$: ji(e, ie.UNIVER_SHEET),
     disabled$: is(e, { workbookTypes: [_o], worksheetTypes: [wo, Co], rangeTypes: [Ro] })
   };
 }, Yl = {
@@ -7436,7 +7441,7 @@ var Kl = Object.getOwnPropertyDescriptor, Zl = (e, t, r, n) => {
     (c = e[i]) && (o = c(o) || o);
   return o;
 }, co = (e, t) => (r, n) => t(r, n, e);
-let _n = class extends ze {
+let _n = class extends $e {
   constructor(t, r) {
     super();
     Ye(this, "_sidebarDisposable", null);
@@ -7481,7 +7486,7 @@ const ec = (e, t) => {
     }
   return f;
 };
-let In = class extends ze {
+let In = class extends $e {
   constructor(t, r, n, o, i, c) {
     super();
     Ye(this, "_painterConfig", null);
@@ -7501,7 +7506,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 +7540,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 +7563,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);
         }
@@ -7636,7 +7641,7 @@ let In = class extends ze {
         switch (i) {
           case Vn.INFINITE:
           case Vn.ONCE: {
-            const b = (c = this._univerInstanceService.getCurrentUnitForType(oe.UNIVER_SHEET)) == null ? void 0 : c.getUnitId(), g = (f = (v = this._univerInstanceService.getCurrentUnitForType(oe.UNIVER_SHEET)) == null ? void 0 : v.getActiveSheet()) == null ? void 0 : f.getSheetId(), C = this._sheetsSelectionsService.getCurrentLastSelection(), _ = C == null ? void 0 : C.range;
+            const b = (c = this._univerInstanceService.getCurrentUnitForType(ie.UNIVER_SHEET)) == null ? void 0 : c.getUnitId(), g = (f = (v = this._univerInstanceService.getCurrentUnitForType(ie.UNIVER_SHEET)) == null ? void 0 : v.getActiveSheet()) == null ? void 0 : f.getSheetId(), C = this._sheetsSelectionsService.getCurrentLastSelection(), _ = C == null ? void 0 : C.range;
             b && g && _ && (this._painterConfig = { unitId: b, subUnitId: g, range: _ });
             break;
           }
@@ -7667,24 +7672,24 @@ var tc = Object.getOwnPropertyDescriptor, nc = (e, t, r, n) => {
     (c = e[i]) && (o = c(o) || o);
   return o;
 }, Kn = (e, t) => (r, n) => t(r, n, e);
-let En = class extends ze {
+let En = class extends $e {
   constructor(e, t, r) {
     super(), this._conditionalFormattingViewModel = e, this._univerInstanceService = t, this._renderManagerService = r, this._init();
   }
   _init() {
-    const e = this._univerInstanceService.getCurrentUnitForType(oe.UNIVER_SHEET), t = (r) => {
+    const e = this._univerInstanceService.getCurrentUnitForType(ie.UNIVER_SHEET), t = (r) => {
       const n = r.getUnitId(), o = this._renderManagerService.getRenderById(n);
       if (!o)
         return;
       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);
         }
       }));
     };
-    e && t(e), this._univerInstanceService.getCurrentTypeOfUnit$(oe.UNIVER_SHEET).subscribe((r) => {
+    e && t(e), this._univerInstanceService.getCurrentTypeOfUnit$(ie.UNIVER_SHEET).subscribe((r) => {
       r && t(r);
     });
   }
@@ -7723,18 +7728,18 @@ let Tn = class extends vo {
       [wn],
       [In],
       [En]
-    ]), $n(this._injector, [
+    ]), zn(this._injector, [
       [Gt]
     ]);
   }
   onReady() {
-    $n(this._injector, [
+    zn(this._injector, [
       [_n],
       [Ht]
     ]);
   }
   onRendered() {
-    $n(this._injector, [
+    zn(this._injector, [
       [Cn],
       [wn],
       [Ut],
@@ -7752,16 +7757,16 @@ let Tn = class extends vo {
       Mo,
       No,
       Lo,
-      zo,
       $o,
-      Fo,
+      zo,
       ko,
+      Fo,
       Vo,
       Ln,
       mn,
       cr,
       lr,
-      xn,
+      On,
       ar,
       Pn
     ].forEach((e) => {
@@ -7770,7 +7775,7 @@ let Tn = class extends vo {
   }
 };
 ai(Tn, "pluginName", `${Yt}_UI_PLUGIN`);
-ai(Tn, "type", oe.UNIVER_SHEET);
+ai(Tn, "type", ie.UNIVER_SHEET);
 Tn = sc([
   go(So),
   Zn(1, ee(He)),
@@ -7779,14 +7784,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,
+  $o as AddNumberCfCommand,
+  zo as AddRankCfCommand,
+  ko as AddTextCfCommand,
+  Fo as AddTimePeriodCfCommand,
   Vo as AddUniqueValuesCfCommand,
   ar as ClearRangeCfCommand,
   Pn as ClearWorksheetCfCommand,