@univerjs/sheets-conditional-formatting-ui 0.8.0-nightly.202505261607 → 0.8.0-nightly.202505271607

package/lib/es/index.js

@@ -1,54 +1,54 @@
 var cr = Object.defineProperty;
 var ur = (t, e, r) => e in t ? cr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
 var Se = (t, e, r) => ur(t, typeof e != "symbol" ? e + "" : e, r);
-import { CommandType as me, ICommandService as te, IUniverInstanceService as z, ColorKit as mn, BooleanNumber as le, LocaleService as re, UniverInstanceType as D, Tools as Bt, get as dr, set as hr, createInterceptorKey as fn, InterceptorManager as vr, Inject as O, Disposable as ue, Injector as fe, Rectangle as ye, generateRandomId as gr, ObjectMatrix as Me, Range as be, toDisposable as pn, InterceptorEffectEnum as mr, DependentOn as Cn, IConfigService as yn, Plugin as bn, merge as In, registerDependencies as fr, touchDependencies as kt } from "@univerjs/core";
-import { ConditionalFormattingRuleModel as Q, CFSubRuleType as F, CFRuleType as U, AddConditionalRuleMutation as se, CFNumberOperator as P, getColorScaleFromValue as pr, iconMap as Ve, DEFAULT_BG_COLOR as Cr, DEFAULT_FONT_COLOR as yr, defaultDataBarPositiveColor as Ke, defaultDataBarNativeColor as Xe, CFValueType as $, createDefaultValueByValueType as Je, removeUndefinedAttr as br, createDefaultValue as mt, CFTextOperator as H, CFTimePeriodOperator as ve, iconGroup as Ir, getOppositeOperator as Ht, compareWithNumber as Sr, EMPTY_ICON_TYPE as _r, SetCfCommand as Rr, AddCfCommand as Sn, SetConditionalRuleMutation as _e, DeleteConditionalRuleMutation as Re, MoveConditionalRuleMutation as _n, ClearWorksheetCfCommand as Rn, DeleteCfCommand as Yt, MoveCfCommand as Tr, ClearRangeCfCommand as xr, createDefaultRule as we, ConditionalFormattingViewModel as it, SHEET_CONDITIONAL_FORMATTING_PLUGIN as st, DeleteConditionalRuleMutationUndoFactory as Ae, AddConditionalRuleMutationUndoFactory as Tn, setConditionalRuleMutationUndoFactory as De, isRangesEqual as wr, ConditionalFormattingService as xn, DEFAULT_PADDING as Er, DEFAULT_WIDTH as Nr, UniverSheetsConditionalFormattingPlugin as wn, CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH as Mr } from "@univerjs/sheets-conditional-formatting";
-import { getSheetCommandTarget as Ie, SheetsSelectionsService as je, RemoveSheetMutation as Vr, SetWorksheetActiveOperation as Wt, setEndForRange as kr, SetSelectionsOperation as Fr, checkRangesEditablePermission as ft, rangeToDiscreteRange as Ur, findAllRectangle as pt, createTopMatrixFromMatrix as Ct, SheetPermissionCheckController as Pr, WorksheetEditPermission as En, WorksheetSetCellStylePermission as Nn, RangeProtectionPermissionEditPoint as Mn, WorkbookEditablePermission as Vn, RefRangeService as Or, handleDefaultRangeChangeWithEffectRefCommands as Lr, SheetInterceptorService as qt, INTERCEPTOR_POINT as $r, ClearSelectionFormatCommand as Ar, ClearSelectionAllCommand as Dr, RangeMergeUtil as Hr, AFTER_CELL_EDIT as jr } from "@univerjs/sheets";
-import { useDependency as q, useSidebarClick as Nt, ComponentManager as kn, ILayoutService as Br, useScrollYOverContainer as Wr, ISidebarService as Fn, useObservable as qr, getMenuHiddenObservable as Gr, MenuItemType as zr, RibbonDataGroup as Zr, IMenuManagerService as Yr } from "@univerjs/ui";
+import { CommandType as me, ICommandService as te, IUniverInstanceService as Z, ColorKit as mn, BooleanNumber as le, LocaleService as re, UniverInstanceType as A, Tools as Bt, get as dr, set as hr, createInterceptorKey as fn, InterceptorManager as vr, Inject as P, Disposable as ue, Injector as fe, Rectangle as ye, generateRandomId as gr, ObjectMatrix as Me, Range as be, toDisposable as pn, InterceptorEffectEnum as mr, DependentOn as Cn, IConfigService as yn, Plugin as bn, merge as In, registerDependencies as fr, touchDependencies as kt } from "@univerjs/core";
+import { ConditionalFormattingRuleModel as Q, CFSubRuleType as F, CFRuleType as L, AddConditionalRuleMutation as se, CFNumberOperator as U, getColorScaleFromValue as pr, iconMap as Ve, DEFAULT_BG_COLOR as Cr, DEFAULT_FONT_COLOR as yr, defaultDataBarPositiveColor as Ke, defaultDataBarNativeColor as Xe, CFValueType as D, createDefaultValueByValueType as Je, removeUndefinedAttr as br, createDefaultValue as mt, CFTextOperator as H, CFTimePeriodOperator as ve, iconGroup as Ir, getOppositeOperator as Ht, compareWithNumber as Sr, EMPTY_ICON_TYPE as _r, SetCfCommand as wr, AddCfCommand as Sn, SetConditionalRuleMutation as _e, DeleteConditionalRuleMutation as we, MoveConditionalRuleMutation as _n, ClearWorksheetCfCommand as wn, DeleteCfCommand as Yt, MoveCfCommand as Rr, ClearRangeCfCommand as Tr, createDefaultRule as xe, ConditionalFormattingViewModel as it, SHEET_CONDITIONAL_FORMATTING_PLUGIN as st, DeleteConditionalRuleMutationUndoFactory as $e, AddConditionalRuleMutationUndoFactory as Rn, setConditionalRuleMutationUndoFactory as Ae, isRangesEqual as xr, ConditionalFormattingService as Tn, DEFAULT_PADDING as Er, DEFAULT_WIDTH as Nr, UniverSheetsConditionalFormattingPlugin as xn, CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH as Mr } from "@univerjs/sheets-conditional-formatting";
+import { getSheetCommandTarget as Ie, SheetsSelectionsService as je, RemoveSheetMutation as Vr, SetWorksheetActiveOperation as Wt, setEndForRange as kr, SetSelectionsOperation as Fr, checkRangesEditablePermission as ft, rangeToDiscreteRange as Lr, findAllRectangle as pt, createTopMatrixFromMatrix as Ct, SheetPermissionCheckController as Ur, WorksheetEditPermission as En, WorksheetSetCellStylePermission as Nn, RangeProtectionPermissionEditPoint as Mn, WorkbookEditablePermission as Vn, RefRangeService as Pr, handleDefaultRangeChangeWithEffectRefCommands as Or, SheetInterceptorService as qt, INTERCEPTOR_POINT as Dr, ClearSelectionFormatCommand as $r, ClearSelectionAllCommand as Ar, RangeMergeUtil as Hr, AFTER_CELL_EDIT as jr } from "@univerjs/sheets";
+import { useDependency as q, useSidebarClick as Nt, ComponentManager as kn, ILayoutService as Br, useScrollYOverContainer as Wr, ISidebarService as Fn, useObservable as qr, getMenuHiddenObservable as Gr, MenuItemType as Zr, RibbonDataGroup as zr, IMenuManagerService as Yr } from "@univerjs/ui";
 import { jsx as c, jsxs as k, Fragment as jt } from "react/jsx-runtime";
 import { forwardRef as oe, useRef as ge, createElement as de, useMemo as J, useState as N, useEffect as K } from "react";
 import { Dropdown as Gt, clsx as X, ColorPicker as Kr, borderClassName as Be, Select as ce, InputNumber as ke, RadioGroup as Xr, Radio as Kt, Checkbox as yt, Input as Jr, Button as Xt, Tooltip as Jt, ReactGridLayout as Qr } from "@univerjs/design";
-import { serializeRange as Un, deserializeRangeWithSheet as ei } from "@univerjs/engine-formula";
+import { serializeRange as Ln, deserializeRangeWithSheet as ei } from "@univerjs/engine-formula";
 import { FormulaEditor as Mt, RangeSelector as ti } from "@univerjs/sheets-formula-ui";
-import { useHighlightRange as ni, ISheetClipboardService as ri, COPY_TYPE as Qt, PREDEFINED_HOOK_NAME as Ft, virtualizeDiscreteRanges as Pn, getRepeatRange as ii, SheetSkeletonManagerService as On, IAutoFillService as si, APPLY_TYPE as Ut, getAutoFillRepeatRange as oi, getCurrentRangeDisable$ as ai, IFormatPainterService as li, FormatPainterStatus as Pt } from "@univerjs/sheets-ui";
-import { Observable as Ne, debounceTime as en, merge as Ln } from "rxjs";
-import { IRenderManagerService as $n } from "@univerjs/engine-render";
+import { useHighlightRange as ni, ISheetClipboardService as ri, COPY_TYPE as Qt, PREDEFINED_HOOK_NAME as Ft, virtualizeDiscreteRanges as Un, getRepeatRange as ii, SheetSkeletonManagerService as Pn, IAutoFillService as si, APPLY_TYPE as Lt, getAutoFillRepeatRange as oi, getCurrentRangeDisable$ as ai, IFormatPainterService as li, FormatPainterStatus as Ut } from "@univerjs/sheets-ui";
+import { Observable as Ne, debounceTime as en, merge as On } from "rxjs";
+import { IRenderManagerService as Dn } from "@univerjs/engine-render";
 import { bufferTime as ci, filter as tn, debounceTime as nn } from "rxjs/operators";
-const An = {
+const $n = {
   type: me.COMMAND,
   id: "sheet.command.add-average-conditional-rule",
   handler(t, e) {
     if (!e)
       return !1;
-    const { ranges: r, style: n, stopIfTrue: i, operator: s } = e, o = t.get(Q), d = t.get(te), a = t.get(z), h = Ie(a);
+    const { ranges: r, style: n, stopIfTrue: i, operator: s } = e, o = t.get(Q), u = t.get(te), a = t.get(Z), h = Ie(a);
     if (!h) return !1;
-    const { unitId: l, subUnitId: u } = h, v = o.createCfId(l, u), p = {
+    const { unitId: l, subUnitId: d } = h, v = o.createCfId(l, d), p = {
       ranges: r,
       cfId: v,
       stopIfTrue: !!i,
       rule: {
-        type: U.highlightCell,
+        type: L.highlightCell,
         subType: F.average,
         operator: s,
         style: n
       }
     };
-    return d.executeCommand(se.id, { unitId: l, subUnitId: u, rule: p });
+    return u.executeCommand(se.id, { unitId: l, subUnitId: d, rule: p });
   }
-}, Dn = {
+}, An = {
   type: me.COMMAND,
   id: "sheet.command.add-color-scale-conditional-rule",
   handler(t, e) {
     if (!e)
       return !1;
-    const { ranges: r, config: n, stopIfTrue: i } = e, s = t.get(Q), o = t.get(te), d = t.get(z), a = Ie(d);
+    const { ranges: r, config: n, stopIfTrue: i } = e, s = t.get(Q), o = t.get(te), u = t.get(Z), a = Ie(u);
     if (!a) return !1;
-    const { unitId: h, subUnitId: l } = a, u = s.createCfId(h, l), v = {
+    const { unitId: h, subUnitId: l } = a, d = s.createCfId(h, l), v = {
       ranges: r,
-      cfId: u,
+      cfId: d,
       stopIfTrue: !!i,
       rule: {
-        type: U.colorScale,
+        type: L.colorScale,
         config: n
       }
     };
@@ -60,21 +60,21 @@ const An = {
   handler(t, e) {
     if (!e)
       return !1;
-    const { ranges: r, min: n, max: i, nativeColor: s, positiveColor: o, isGradient: d, stopIfTrue: a, isShowValue: h } = e, l = t.get(Q), u = t.get(z), v = Ie(u);
+    const { ranges: r, min: n, max: i, nativeColor: s, positiveColor: o, isGradient: u, stopIfTrue: a, isShowValue: h } = e, l = t.get(Q), d = t.get(Z), v = Ie(d);
     if (!v) return !1;
-    const { unitId: p, subUnitId: y } = v, f = t.get(te), R = l.createCfId(p, y), I = {
+    const { unitId: p, subUnitId: y } = v, f = t.get(te), w = l.createCfId(p, y), I = {
       ranges: r,
-      cfId: R,
+      cfId: w,
       stopIfTrue: !!a,
       rule: {
-        type: U.dataBar,
+        type: L.dataBar,
         isShowValue: h,
         config: {
           min: n,
           max: i,
           nativeColor: s,
           positiveColor: o,
-          isGradient: d
+          isGradient: u
         }
       }
     };
@@ -86,14 +86,14 @@ const An = {
   handler(t, e) {
     if (!e)
       return !1;
-    const { ranges: r, style: n, stopIfTrue: i } = e, s = t.get(Q), o = t.get(te), d = t.get(z), a = Ie(d);
+    const { ranges: r, style: n, stopIfTrue: i } = e, s = t.get(Q), o = t.get(te), u = t.get(Z), a = Ie(u);
     if (!a) return !1;
-    const { unitId: h, subUnitId: l } = a, u = s.createCfId(h, l), v = {
+    const { unitId: h, subUnitId: l } = a, d = s.createCfId(h, l), v = {
       ranges: r,
-      cfId: u,
+      cfId: d,
       stopIfTrue: !!i,
       rule: {
-        type: U.highlightCell,
+        type: L.highlightCell,
         subType: F.duplicateValues,
         style: n
       }
@@ -106,11 +106,11 @@ const An = {
   handler(t, e) {
     if (!e)
       return !1;
-    const { ranges: r, style: n, stopIfTrue: i, operator: s, value: o } = e, d = t.get(Q), a = t.get(te), h = t.get(z), l = Ie(h);
+    const { ranges: r, style: n, stopIfTrue: i, operator: s, value: o } = e, u = t.get(Q), a = t.get(te), h = t.get(Z), l = Ie(h);
     if (!l) return !1;
-    const { unitId: u, subUnitId: v } = l, p = d.createCfId(u, v);
+    const { unitId: d, subUnitId: v } = l, p = u.createCfId(d, v);
     let y;
-    if ([P.between, P.notBetween].includes(s)) {
+    if ([U.between, U.notBetween].includes(s)) {
       const f = o;
       if (f.length !== 2 || !Array.isArray(f))
         return !1;
@@ -119,7 +119,7 @@ const An = {
         cfId: p,
         stopIfTrue: !!i,
         rule: {
-          type: U.highlightCell,
+          type: L.highlightCell,
           subType: F.number,
           operator: s,
           style: n,
@@ -135,7 +135,7 @@ const An = {
         cfId: p,
         stopIfTrue: !!i,
         rule: {
-          type: U.highlightCell,
+          type: L.highlightCell,
           subType: F.number,
           operator: s,
           style: n,
@@ -143,7 +143,7 @@ const An = {
         }
       };
     }
-    return a.executeCommand(se.id, { unitId: u, subUnitId: v, rule: y });
+    return a.executeCommand(se.id, { unitId: d, subUnitId: v, rule: y });
   }
 }, Wn = {
   type: me.COMMAND,
@@ -151,19 +151,19 @@ const An = {
   handler(t, e) {
     if (!e)
       return !1;
-    const { ranges: r, style: n, stopIfTrue: i, isPercent: s, isBottom: o, value: d } = e, a = t.get(Q), h = t.get(z), l = t.get(te), u = Ie(h);
-    if (!u) return !1;
-    const { unitId: v, subUnitId: p } = u, y = a.createCfId(v, p), f = {
+    const { ranges: r, style: n, stopIfTrue: i, isPercent: s, isBottom: o, value: u } = e, a = t.get(Q), h = t.get(Z), l = t.get(te), d = Ie(h);
+    if (!d) return !1;
+    const { unitId: v, subUnitId: p } = d, y = a.createCfId(v, p), f = {
       ranges: r,
       cfId: y,
       stopIfTrue: !!i,
       rule: {
-        type: U.highlightCell,
+        type: L.highlightCell,
         subType: F.rank,
         isPercent: s,
         isBottom: o,
         style: n,
-        value: d
+        value: u
       }
     };
     return l.executeCommand(se.id, { unitId: v, subUnitId: p, rule: f });
@@ -174,21 +174,21 @@ const An = {
   handler(t, e) {
     if (!e)
       return !1;
-    const { ranges: r, style: n, stopIfTrue: i, operator: s, value: o } = e, d = t.get(Q), a = t.get(z), h = Ie(a);
+    const { ranges: r, style: n, stopIfTrue: i, operator: s, value: o } = e, u = t.get(Q), a = t.get(Z), h = Ie(a);
     if (!h) return !1;
-    const { unitId: l, subUnitId: u } = h, v = t.get(te), p = d.createCfId(l, u), y = {
+    const { unitId: l, subUnitId: d } = h, v = t.get(te), p = u.createCfId(l, d), y = {
       ranges: r,
       cfId: p,
       stopIfTrue: !!i,
       rule: {
-        type: U.highlightCell,
+        type: L.highlightCell,
         subType: F.text,
         operator: s,
         style: n,
         value: o
       }
     };
-    return v.executeCommand(se.id, { unitId: l, subUnitId: u, rule: y });
+    return v.executeCommand(se.id, { unitId: l, subUnitId: d, rule: y });
   }
 }, Gn = {
   type: me.COMMAND,
@@ -196,40 +196,40 @@ const An = {
   handler(t, e) {
     if (!e)
       return !1;
-    const { ranges: r, style: n, stopIfTrue: i, operator: s } = e, o = t.get(Q), d = t.get(z), a = t.get(te), h = Ie(d);
+    const { ranges: r, style: n, stopIfTrue: i, operator: s } = e, o = t.get(Q), u = t.get(Z), a = t.get(te), h = Ie(u);
     if (!h) return !1;
-    const { unitId: l, subUnitId: u } = h, v = o.createCfId(l, u), p = {
+    const { unitId: l, subUnitId: d } = h, v = o.createCfId(l, d), p = {
       ranges: r,
       cfId: v,
       stopIfTrue: !!i,
       rule: {
-        type: U.highlightCell,
+        type: L.highlightCell,
         subType: F.timePeriod,
         operator: s,
         style: n
       }
     };
-    return a.executeCommand(se.id, { unitId: l, subUnitId: u, rule: p });
+    return a.executeCommand(se.id, { unitId: l, subUnitId: d, rule: p });
   }
-}, zn = {
+}, Zn = {
   type: me.COMMAND,
   id: "sheet.command.add-uniqueValues-conditional-rule",
   handler(t, e) {
     if (!e)
       return !1;
-    const { ranges: r, style: n, stopIfTrue: i } = e, s = t.get(Q), o = t.get(z), d = t.get(te), a = Ie(o);
+    const { ranges: r, style: n, stopIfTrue: i } = e, s = t.get(Q), o = t.get(Z), u = t.get(te), a = Ie(o);
     if (!a) return !1;
-    const { unitId: h, subUnitId: l } = a, u = s.createCfId(h, l), v = {
+    const { unitId: h, subUnitId: l } = a, d = s.createCfId(h, l), v = {
       ranges: r,
-      cfId: u,
+      cfId: d,
       stopIfTrue: !!i,
       rule: {
-        type: U.highlightCell,
+        type: L.highlightCell,
         subType: F.uniqueValues,
         style: n
       }
     };
-    return d.executeCommand(se.id, { unitId: h, subUnitId: l, rule: v });
+    return u.executeCommand(se.id, { unitId: h, subUnitId: l, rule: v });
   }
 };
 var ae = function() {
@@ -248,24 +248,24 @@ var ae = function() {
       e.indexOf(n[i]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[i]) && (r[n[i]] = t[n[i]]);
   return r;
 }, he = oe(function(t, e) {
-  var r = t.icon, n = t.id, i = t.className, s = t.extend, o = ui(t, ["icon", "id", "className", "extend"]), d = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), a = ge("_".concat(vi()));
-  return Zn(r, "".concat(n), { defIds: r.defIds, idSuffix: a.current }, ae({ ref: e, className: d }, o), s);
+  var r = t.icon, n = t.id, i = t.className, s = t.extend, o = ui(t, ["icon", "id", "className", "extend"]), u = "univerjs-icon univerjs-icon-".concat(n, " ").concat(i || "").trim(), a = ge("_".concat(vi()));
+  return zn(r, "".concat(n), { defIds: r.defIds, idSuffix: a.current }, ae({ ref: e, className: u }, o), s);
 });
-function Zn(t, e, r, n, i) {
+function zn(t, e, r, n, i) {
   return de(t.tag, ae(ae({ key: e }, di(t, r, i)), n), (hi(t, r).children || []).map(function(s, o) {
-    return Zn(s, "".concat(e, "-").concat(t.tag, "-").concat(o), r, void 0, i);
+    return zn(s, "".concat(e, "-").concat(t.tag, "-").concat(o), r, void 0, i);
   }));
 }
 function di(t, e, r) {
   var n = ae({}, t.attrs);
   r != null && r.colorChannel1 && n.fill === "colorChannel1" && (n.fill = r.colorChannel1), t.tag === "mask" && n.id && (n.id = n.id + e.idSuffix), Object.entries(n).forEach(function(s) {
-    var o = s[0], d = s[1];
-    o === "mask" && typeof d == "string" && (n[o] = d.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+    var o = s[0], u = s[1];
+    o === "mask" && typeof u == "string" && (n[o] = u.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   });
   var i = e.defIds;
   return !i || i.length === 0 || (t.tag === "use" && n["xlink:href"] && (n["xlink:href"] = n["xlink:href"] + e.idSuffix), Object.entries(n).forEach(function(s) {
-    var o = s[0], d = s[1];
-    typeof d == "string" && (n[o] = d.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
+    var o = s[0], u = s[1];
+    typeof u == "string" && (n[o] = u.replace(/url\(#(.*)\)/, "url(#$1".concat(e.idSuffix, ")")));
   })), n;
 }
 function hi(t, e) {
@@ -278,103 +278,103 @@ function vi() {
   return Math.random().toString(36).substring(2, 8);
 }
 he.displayName = "UniverIcon";
-var gi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.65791 1.30005C3.77355 1.30005 3.05664 2.01696 3.05664 2.90132V12.8588C3.05664 13.8755 3.88086 14.6998 4.89759 14.6998H9.1016C11.2233 14.6998 12.9433 12.9798 12.9433 10.8581C12.9433 9.13925 11.8145 7.68407 10.2578 7.1934C10.8806 6.56856 11.2655 5.70659 11.2655 4.75472C11.2655 2.84676 9.71883 1.30005 7.81087 1.30005H4.65791ZM4.25664 2.90132C4.25664 2.6797 4.4363 2.50005 4.65791 2.50005H7.81087C9.05609 2.50005 10.0655 3.5095 10.0655 4.75472C10.0655 5.99993 9.05609 7.00938 7.81087 7.00938H4.25664V2.90132ZM4.25664 12.8588V8.21636H9.1016C10.5606 8.21636 11.7433 9.39909 11.7433 10.8581C11.7433 12.317 10.5606 13.4998 9.1016 13.4998H4.89759C4.5436 13.4998 4.25664 13.2128 4.25664 12.8588Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Yn = oe(function(t, e) {
+var gi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.65791 1.30005C3.77355 1.30005 3.05664 2.01696 3.05664 2.90132V12.8588C3.05664 13.8755 3.88086 14.6998 4.89759 14.6998H9.1016C11.2233 14.6998 12.9433 12.9798 12.9433 10.8581C12.9433 9.13925 11.8145 7.68407 10.2578 7.1934C10.8806 6.56856 11.2655 5.70659 11.2655 4.75472C11.2655 2.84676 9.71883 1.30005 7.81087 1.30005H4.65791ZM4.25664 2.90132C4.25664 2.6797 4.4363 2.50005 4.65791 2.50005H7.81087C9.05609 2.50005 10.0655 3.5095 10.0655 4.75472C10.0655 5.99993 9.05609 7.00938 7.81087 7.00938H4.25664V2.90132ZM4.25664 12.8588V8.21636H9.1016C10.5606 8.21636 11.7433 9.39909 11.7433 10.8581C11.7433 12.317 10.5606 13.4998 9.1016 13.4998H4.89759C4.5436 13.4998 4.25664 13.2128 4.25664 12.8588Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Yn = oe(function(t, e) {
   return de(he, Object.assign({}, t, {
-    id: "bold-single",
+    id: "bold-icon",
     ref: e,
     icon: gi
   }));
 });
-Yn.displayName = "BoldSingle";
-var mi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, gt = oe(function(t, e) {
+Yn.displayName = "BoldIcon";
+var mi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993 0.866699 5.9313 0.866699H10.069C10.4004 0.866699 10.669 1.13533 10.669 1.4667C10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443C14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928L9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171C10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778L9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539C9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263L6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539C5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778L6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, gt = oe(function(t, e) {
   return de(he, Object.assign({}, t, {
-    id: "delete-single",
+    id: "delete-icon",
     ref: e,
     icon: mi
   }));
 });
-gt.displayName = "DeleteSingle";
-var fi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M10.3014 1.70389C9.85268 0.479568 8.12109 0.479557 7.67238 1.70389L4.72235 9.75326C4.60832 10.0644 4.76811 10.4091 5.07924 10.5231C5.39038 10.6371 5.73504 10.4773 5.84907 10.1662L6.99975 7.02646C7.03588 7.03324 7.07314 7.03679 7.11123 7.03679H10.9778L12.1247 10.1662C12.2387 10.4773 12.5834 10.6371 12.8945 10.5231C13.2057 10.4091 13.3654 10.0644 13.2514 9.75326L10.3014 1.70389ZM10.538 5.83679L9.17467 2.11682C9.11057 1.94192 8.8632 1.94192 8.7991 2.11682L7.43576 5.83679H10.538Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Kn = oe(function(t, e) {
+gt.displayName = "DeleteIcon";
+var fi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M10.3014 1.70389C9.85268 0.479568 8.12109 0.479557 7.67238 1.70389L4.72235 9.75326C4.60832 10.0644 4.76811 10.4091 5.07924 10.5231C5.39038 10.6371 5.73504 10.4773 5.84907 10.1662L6.99975 7.02646C7.03588 7.03324 7.07314 7.03679 7.11123 7.03679H10.9778L12.1247 10.1662C12.2387 10.4773 12.5834 10.6371 12.8945 10.5231C13.2057 10.4091 13.3654 10.0644 13.2514 9.75326L10.3014 1.70389ZM10.538 5.83679L9.17467 2.11682C9.11057 1.94192 8.8632 1.94192 8.7991 2.11682L7.43576 5.83679H10.538Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Kn = oe(function(t, e) {
   return de(he, Object.assign({}, t, {
-    id: "font-color",
+    id: "font-color-double-icon",
     ref: e,
     icon: fi
   }));
 });
-Kn.displayName = "FontColor";
-var pi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, Xn = oe(function(t, e) {
+Kn.displayName = "FontColorDoubleIcon";
+var pi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, Xn = oe(function(t, e) {
   return de(he, Object.assign({}, t, {
-    id: "increase-single",
+    id: "increase-icon",
     ref: e,
     icon: pi
   }));
 });
-Xn.displayName = "IncreaseSingle";
-var Ci = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M9.80385 1.40005H11.9997C12.3311 1.40005 12.5997 1.66868 12.5997 2.00005C12.5997 2.33143 12.3311 2.60005 11.9997 2.60005H10.1185L7.12251 13.4001H9.33324C9.66461 13.4001 9.93324 13.6687 9.93324 14.0001C9.93324 14.3314 9.66461 14.6001 9.33324 14.6001H6.34785C6.33847 14.6003 6.32905 14.6003 6.31962 14.6001H3.9999C3.66853 14.6001 3.3999 14.3314 3.3999 14.0001C3.3999 13.6687 3.66853 13.4001 3.9999 13.4001H5.87719L8.87322 2.60005H6.66641C6.33504 2.60005 6.06641 2.33143 6.06641 2.00005C6.06641 1.66868 6.33504 1.40005 6.66641 1.40005H9.52916C9.61698 1.37929 9.71064 1.3781 9.80385 1.40005Z" } }] }, Jn = oe(function(t, e) {
+Xn.displayName = "IncreaseIcon";
+var Ci = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M9.80385 1.40005H11.9997C12.3311 1.40005 12.5997 1.66868 12.5997 2.00005C12.5997 2.33143 12.3311 2.60005 11.9997 2.60005H10.1185L7.12251 13.4001H9.33324C9.66461 13.4001 9.93324 13.6687 9.93324 14.0001C9.93324 14.3314 9.66461 14.6001 9.33324 14.6001H6.34785C6.33847 14.6003 6.32905 14.6003 6.31962 14.6001H3.9999C3.66853 14.6001 3.3999 14.3314 3.3999 14.0001C3.3999 13.6687 3.66853 13.4001 3.9999 13.4001H5.87719L8.87322 2.60005H6.66641C6.33504 2.60005 6.06641 2.33143 6.06641 2.00005C6.06641 1.66868 6.33504 1.40005 6.66641 1.40005H9.52916C9.61698 1.37929 9.71064 1.3781 9.80385 1.40005Z" } }] }, Jn = oe(function(t, e) {
   return de(he, Object.assign({}, t, {
-    id: "italic-single",
+    id: "italic-icon",
     ref: e,
     icon: Ci
   }));
 });
-Jn.displayName = "ItalicSingle";
-var yi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, zt = oe(function(t, e) {
+Jn.displayName = "ItalicIcon";
+var yi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, Zt = oe(function(t, e) {
   return de(he, Object.assign({}, t, {
-    id: "more-down-single",
+    id: "more-down-icon",
     ref: e,
     icon: yi
   }));
 });
-zt.displayName = "MoreDownSingle";
-var bi = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, Qn = oe(function(t, e) {
+Zt.displayName = "MoreDownIcon";
+var bi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.01281 1.36643C8.79386 0.585377 10.0602 0.585378 10.8412 1.36643L12.9223 3.44752C13.7034 4.22857 13.7034 5.4949 12.9223 6.27595L9.36445 9.83383C8.5834 10.6149 7.31707 10.6149 6.53602 9.83383L4.45493 7.75273C3.67388 6.97168 3.67388 5.70535 4.45493 4.9243L8.01281 1.36643ZM9.9927 2.21495C9.68028 1.90253 9.17375 1.90253 8.86133 2.21495L5.30346 5.77283L5.29671 5.77966L10.839 6.66224L12.0738 5.42742C12.3862 5.115 12.3862 4.60847 12.0738 4.29605L9.9927 2.21495Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.5179 9.48875C14.5179 9.99175 14.1101 10.3995 13.607 10.3995C13.1041 10.3995 12.6963 9.99175 12.6963 9.48875C12.6963 9.1773 13.0455 8.59966 13.3114 8.20487C13.4549 7.99177 13.7591 7.99177 13.9027 8.20486C14.1687 8.59965 14.5179 9.1773 14.5179 9.48875Z" } }, { tag: "path", attrs: { fill: "colorChannel1", d: "M1.98682 13.4992C1.98682 12.5603 2.74793 11.7992 3.68682 11.7992H14.2868C15.2257 11.7992 15.9868 12.5603 15.9868 13.4992V13.4992C15.9868 14.4381 15.2257 15.1992 14.2868 15.1992H3.68682C2.74793 15.1992 1.98682 14.4381 1.98682 13.4992V13.4992Z" } }] }, Qn = oe(function(t, e) {
   return de(he, Object.assign({}, t, {
-    id: "paint-bucket",
+    id: "paint-bucket-double-icon",
     ref: e,
     icon: bi
   }));
 });
-Qn.displayName = "PaintBucket";
-var Ii = { 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" } }] }] }, er = oe(function(t, e) {
+Qn.displayName = "PaintBucketDoubleIcon";
+var Ii = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_622_8", 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 4C7 3.44772 6.55228 3 6 3C5.44772 3 5 3.44772 5 4C5 4.55228 5.44772 5 6 5Z" } }, { tag: "path", attrs: { d: "M6 9C6.55228 9 7 8.55229 7 8C7 7.44772 6.55228 7 6 7C5.44772 7 5 7.44772 5 8C5 8.55229 5.44772 9 6 9Z" } }, { tag: "path", attrs: { d: "M7 12C7 12.5523 6.55228 13 6 13C5.44772 13 5 12.5523 5 12C5 11.4477 5.44772 11 6 11C6.55228 11 7 11.4477 7 12Z" } }, { tag: "path", attrs: { d: "M10 5C10.5523 5 11 4.55228 11 4C11 3.44772 10.5523 3 10 3C9.44771 3 9 3.44772 9 4C9 4.55228 9.44771 5 10 5Z" } }, { tag: "path", attrs: { d: "M11 8C11 8.55229 10.5523 9 10 9C9.44771 9 9 8.55229 9 8C9 7.44772 9.44771 7 10 7C10.5523 7 11 7.44772 11 8Z" } }, { tag: "path", attrs: { d: "M10 13C10.5523 13 11 12.5523 11 12C11 11.4477 10.5523 11 10 11C9.44771 11 9 11.4477 9 12C9 12.5523 9.44771 13 10 13Z" } }] }] }, er = oe(function(t, e) {
   return de(he, Object.assign({}, t, {
-    id: "sequence-single",
+    id: "sequence-icon",
     ref: e,
     icon: Ii
   }));
 });
-er.displayName = "SequenceSingle";
-var Si = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_436_41", style: { maskType: "alpha" }, width: 17, height: 17, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0.35 0.48H16.35V16.48H0.35z" } }] }, { tag: "g", attrs: { mask: "url(#mask0_436_41)", fillRule: "evenodd", clipRule: "evenodd" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.27177 13.714L13.5855 2.40025L14.434 3.24878L3.1203 14.5625L2.27177 13.714Z" } }, { tag: "path", attrs: { fill: "#E5E5E5", d: "M4.2603 1.82495L2.89617 1.82495C2.23343 1.82495 1.69617 2.36221 1.69617 3.02495L1.69617 4.38908L3.02617 4.38908L3.02617 3.15495L4.2603 3.15495L4.2603 1.82495ZM15.0092 4.38908L15.0092 3.02495C15.0092 2.36221 14.4719 1.82495 13.8092 1.82495L12.4451 1.82495L12.4451 3.15495L13.6792 3.15495L13.6792 4.38908L15.0092 4.38908ZM6.98856 1.82495L6.98856 3.15495L9.71681 3.15495L9.71681 1.82495L6.98856 1.82495ZM15.0092 7.11734L13.6792 7.11734L13.6792 9.84559L15.0092 9.84559L15.0092 7.11734ZM15.0092 12.5739L13.6792 12.5739L13.6792 13.808L12.4451 13.808L12.4451 15.138L13.8092 15.138C14.4719 15.138 15.0092 14.6007 15.0092 13.938L15.0092 12.5739ZM9.71681 15.138L9.71681 13.808L6.98856 13.808L6.98856 15.138L9.71681 15.138ZM4.2603 15.138L4.2603 13.808L3.02617 13.808L3.02617 12.5739L1.69617 12.5739L1.69617 13.938C1.69617 14.6007 2.23343 15.138 2.89617 15.138L4.2603 15.138ZM1.69617 9.8456L3.02617 9.8456L3.02617 7.11734L1.69617 7.11734L1.69617 9.8456Z" } }] }] }, ot = oe(function(t, e) {
+er.displayName = "SequenceIcon";
+var Si = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 17 17", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_436_41", width: 17, height: 17, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M.35.48H16.35V16.48H.35z" } }] }, { tag: "g", attrs: { mask: "url(#mask0_436_41)", fillRule: "evenodd", clipRule: "evenodd" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M2.27177 13.714L13.5855 2.40025L14.434 3.24878L3.1203 14.5625L2.27177 13.714Z" } }, { tag: "path", attrs: { fill: "#E5E5E5", d: "M4.2603 1.82495L2.89617 1.82495C2.23343 1.82495 1.69617 2.36221 1.69617 3.02495L1.69617 4.38908L3.02617 4.38908L3.02617 3.15495L4.2603 3.15495L4.2603 1.82495ZM15.0092 4.38908L15.0092 3.02495C15.0092 2.36221 14.4719 1.82495 13.8092 1.82495L12.4451 1.82495L12.4451 3.15495L13.6792 3.15495L13.6792 4.38908L15.0092 4.38908ZM6.98856 1.82495L6.98856 3.15495L9.71681 3.15495L9.71681 1.82495L6.98856 1.82495ZM15.0092 7.11734L13.6792 7.11734L13.6792 9.84559L15.0092 9.84559L15.0092 7.11734ZM15.0092 12.5739L13.6792 12.5739L13.6792 13.808L12.4451 13.808L12.4451 15.138L13.8092 15.138C14.4719 15.138 15.0092 14.6007 15.0092 13.938L15.0092 12.5739ZM9.71681 15.138L9.71681 13.808L6.98856 13.808L6.98856 15.138L9.71681 15.138ZM4.2603 15.138L4.2603 13.808L3.02617 13.808L3.02617 12.5739L1.69617 12.5739L1.69617 13.938C1.69617 14.6007 2.23343 15.138 2.89617 15.138L4.2603 15.138ZM1.69617 9.8456L3.02617 9.8456L3.02617 7.11734L1.69617 7.11734L1.69617 9.8456Z" } }] }] }, ot = oe(function(t, e) {
   return de(he, Object.assign({}, t, {
-    id: "slash-single",
+    id: "slash-icon",
     ref: e,
     icon: Si
   }));
 });
-ot.displayName = "SlashSingle";
-var _i = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.00033 1.20996C6.43345 1.20996 5.23596 1.88077 4.64804 2.94304 4.06338 3.99943 4.15123 5.32084 4.90099 6.47062 5.08199 6.7482 5.45374 6.82648 5.73131 6.64548 6.00888 6.46448 6.08716 6.09273 5.90616 5.81516 5.36418 4.98402 5.35768 4.13897 5.69797 3.52412 6.035 2.91515 6.78176 2.40996 8.00033 2.40996 9.19423 2.40996 10.0017 2.93409 10.5236 3.46755 10.7871 3.73682 10.9756 4.00712 11.0974 4.20903 11.158 4.30951 11.2013 4.39164 11.2284 4.44625 11.2419 4.47351 11.2514 4.49377 11.2568 4.50588L11.2621 4.51771C11.3901 4.82216 11.7407 4.96686 12.046 4.83992 12.3519 4.71267 12.4968 4.36149 12.3695 4.05552L11.8231 4.28278C12.3695 4.05552 12.3697 4.0558 12.3695 4.05552L12.3691 4.05437 12.3685 4.05298 12.367 4.04953 12.3629 4.03993 12.3498 4.01036C12.3388 3.98619 12.3234 3.95326 12.3033 3.91282 12.2632 3.83203 12.2043 3.72072 12.1249 3.58908 11.9666 3.32674 11.7235 2.97805 11.3814 2.62834 10.6921 1.92381 9.59192 1.20996 8.00033 1.20996zM2.11953 8.5999H7.88935C10.1109 9.46549 10.5895 10.7649 10.4268 11.6869 10.2475 12.703 9.26939 13.5898 8.00009 13.5898 6.63323 13.5898 5.77631 13.0502 5.25534 12.528 4.99021 12.2623 4.80823 11.9965 4.69365 11.7993 4.63659 11.7011 4.59698 11.6211 4.5727 11.5686 4.56059 11.5424 4.55236 11.5231 4.54774 11.512L4.54352 11.5016C4.4267 11.193 4.0823 11.0363 3.77279 11.1516 3.46228 11.2673 3.30438 11.6129 3.4201 11.9234L3.9649 11.7203C3.4201 11.9234 3.41998 11.9231 3.4201 11.9234L3.4206 11.9247 3.42118 11.9263 3.42262 11.9301 3.42661 11.9403C3.42977 11.9484 3.43394 11.9588 3.43914 11.9713 3.44956 11.9965 3.46418 12.0304 3.48334 12.0719 3.52161 12.1547 3.57828 12.2682 3.65608 12.4021 3.81124 12.6692 4.0534 13.0223 4.40584 13.3756 5.12 14.0914 6.27196 14.7898 8.00009 14.7898 9.82574 14.7898 11.3236 13.5101 11.6085 11.8955 11.812 10.7422 11.3901 9.55402 10.2665 8.5999H13.8804C14.2117 8.5999 14.4803 8.33127 14.4803 7.9999 14.4803 7.66853 14.2117 7.3999 13.8804 7.3999H8.01411C8.0048 7.39968 7.99551 7.39969 7.98625 7.3999H2.11953C1.78816 7.3999 1.51953 7.66853 1.51953 7.9999 1.51953 8.33127 1.78816 8.5999 2.11953 8.5999z" } }] }, tr = oe(function(t, e) {
+ot.displayName = "SlashIcon";
+var _i = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.00033 1.20996C6.43345 1.20996 5.23596 1.88077 4.64804 2.94304C4.06338 3.99943 4.15123 5.32084 4.90099 6.47062C5.08199 6.7482 5.45374 6.82648 5.73131 6.64548C6.00888 6.46448 6.08716 6.09273 5.90616 5.81516C5.36418 4.98402 5.35768 4.13897 5.69797 3.52412C6.035 2.91515 6.78176 2.40996 8.00033 2.40996C9.19423 2.40996 10.0017 2.93409 10.5236 3.46755C10.7871 3.73682 10.9756 4.00712 11.0974 4.20903C11.158 4.30951 11.2013 4.39164 11.2284 4.44625C11.2419 4.47351 11.2514 4.49377 11.2568 4.50588L11.2621 4.51771C11.3901 4.82216 11.7407 4.96686 12.046 4.83992C12.3519 4.71267 12.4968 4.36149 12.3695 4.05552L11.8231 4.28278C12.3695 4.05552 12.3697 4.0558 12.3695 4.05552L12.3691 4.05437L12.3685 4.05298L12.367 4.04953L12.3629 4.03993L12.3498 4.01036C12.3388 3.98619 12.3234 3.95326 12.3033 3.91282C12.2632 3.83203 12.2043 3.72072 12.1249 3.58908C11.9666 3.32674 11.7235 2.97805 11.3814 2.62834C10.6921 1.92381 9.59192 1.20996 8.00033 1.20996Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.11953 8.5999H7.88935C10.1109 9.46549 10.5895 10.7649 10.4268 11.6869C10.2475 12.703 9.26939 13.5898 8.00009 13.5898C6.63323 13.5898 5.77631 13.0502 5.25534 12.528C4.99021 12.2623 4.80823 11.9965 4.69365 11.7993C4.63659 11.7011 4.59698 11.6211 4.5727 11.5686C4.56059 11.5424 4.55236 11.5231 4.54774 11.512L4.54352 11.5016C4.4267 11.193 4.0823 11.0363 3.77279 11.1516C3.46228 11.2673 3.30438 11.6129 3.4201 11.9234L3.9649 11.7203C3.4201 11.9234 3.41998 11.9231 3.4201 11.9234L3.4206 11.9247L3.42118 11.9263L3.42262 11.9301L3.42661 11.9403C3.42977 11.9484 3.43394 11.9588 3.43914 11.9713C3.44956 11.9965 3.46418 12.0304 3.48334 12.0719C3.52161 12.1547 3.57828 12.2682 3.65608 12.4021C3.81124 12.6692 4.0534 13.0223 4.40584 13.3756C5.12 14.0914 6.27196 14.7898 8.00009 14.7898C9.82574 14.7898 11.3236 13.5101 11.6085 11.8955C11.812 10.7422 11.3901 9.55402 10.2665 8.5999H13.8804C14.2117 8.5999 14.4803 8.33127 14.4803 7.9999C14.4803 7.66853 14.2117 7.3999 13.8804 7.3999H8.01411C8.0048 7.39968 7.99551 7.39969 7.98625 7.3999H2.11953C1.78816 7.3999 1.51953 7.66853 1.51953 7.9999C1.51953 8.33127 1.78816 8.5999 2.11953 8.5999Z" } }] }, tr = oe(function(t, e) {
   return de(he, Object.assign({}, t, {
-    id: "strikethrough-single",
+    id: "strikethrough-icon",
     ref: e,
     icon: _i
   }));
 });
-tr.displayName = "StrikethroughSingle";
-var Ri = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.46416 2.03237C4.46416 1.701 4.19553 1.43237 3.86416 1.43237 3.53279 1.43237 3.26416 1.701 3.26416 2.03237V7.33338C3.26416 10.0313 5.35834 12.2667 7.9999 12.2667 10.6415 12.2667 12.7356 10.0313 12.7356 7.33338V2.03237C12.7356 1.701 12.467 1.43237 12.1356 1.43237 11.8043 1.43237 11.5356 1.701 11.5356 2.03237V7.33338C11.5356 9.42194 9.92656 11.0667 7.9999 11.0667 6.07325 11.0667 4.46416 9.42194 4.46416 7.33338V2.03237zM2.66641 13.4663C2.33504 13.4663 2.06641 13.7349 2.06641 14.0663 2.06641 14.3977 2.33504 14.6663 2.66641 14.6663H13.3331C13.6644 14.6663 13.9331 14.3977 13.9331 14.0663 13.9331 13.7349 13.6644 13.4663 13.3331 13.4663H2.66641z" } }] }, nr = oe(function(t, e) {
+tr.displayName = "StrikethroughIcon";
+var wi = { tag: "svg", attrs: { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.46416 2.03237C4.46416 1.701 4.19553 1.43237 3.86416 1.43237C3.53279 1.43237 3.26416 1.701 3.26416 2.03237V7.33338C3.26416 10.0313 5.35834 12.2667 7.9999 12.2667C10.6415 12.2667 12.7356 10.0313 12.7356 7.33338V2.03237C12.7356 1.701 12.467 1.43237 12.1356 1.43237C11.8043 1.43237 11.5356 1.701 11.5356 2.03237V7.33338C11.5356 9.42194 9.92656 11.0667 7.9999 11.0667C6.07325 11.0667 4.46416 9.42194 4.46416 7.33338V2.03237Z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M2.66641 13.4663C2.33504 13.4663 2.06641 13.7349 2.06641 14.0663C2.06641 14.3977 2.33504 14.6663 2.66641 14.6663H13.3331C13.6644 14.6663 13.9331 14.3977 13.9331 14.0663C13.9331 13.7349 13.6644 13.4663 13.3331 13.4663H2.66641Z" } }] }, nr = oe(function(t, e) {
   return de(he, Object.assign({}, t, {
-    id: "underline-single",
+    id: "underline-icon",
     ref: e,
-    icon: Ri
+    icon: wi
   }));
 });
-nr.displayName = "UnderlineSingle";
+nr.displayName = "UnderlineIcon";
 const Fe = (t) => {
-  const { color: e, onChange: r, disable: n = !1, Icon: i = Qn, className: s } = t, o = J(() => new mn(e), [e]), d = () => {
+  const { color: e, onChange: r, disable: n = !1, Icon: i = Qn, className: s } = t, o = J(() => new mn(e), [e]), u = () => {
     const a = {
       className: X("univer-fill-primary-600", n && s),
       extend: { colorChannel1: o.isValid ? e : "" }
     };
     return /* @__PURE__ */ c(i, { ...a });
   };
-  return n ? d() : /* @__PURE__ */ c(
+  return n ? u() : /* @__PURE__ */ c(
     Gt,
     {
       overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(Kr, { value: e, onChange: r }) }),
@@ -382,31 +382,31 @@ const Fe = (t) => {
         "span",
         {
           className: X("univer-flex univer-cursor-pointer univer-items-center univer-rounded univer-p-1 dark:hover:!univer-bg-gray-700 hover:univer-bg-gray-100", s),
-          children: d()
+          children: u()
         }
       )
     }
   );
 }, We = (t) => {
-  var s, o, d, a, h;
+  var s, o, u, a, h;
   const e = t.rule;
   if (!e) return null;
   const r = J(() => {
-    if (e.type === U.colorScale) {
-      const l = e.config.map((p, y) => ({ color: new mn(p.color), value: y })), u = l.length - 1;
-      return new Array(5).fill("").map((p, y, f) => y * u / (f.length - 1)).map((p) => pr(l, p));
+    if (e.type === L.colorScale) {
+      const l = e.config.map((p, y) => ({ color: new mn(p.color), value: y })), d = l.length - 1;
+      return new Array(5).fill("").map((p, y, f) => y * d / (f.length - 1)).map((p) => pr(l, p));
     }
     return null;
   }, [e]), n = J(() => {
-    if (e.type === U.iconSet)
+    if (e.type === L.iconSet)
       return e.config.map((l) => {
-        const u = Ve[l.iconType];
-        return u && u[Number(l.iconId)];
+        const d = Ve[l.iconType];
+        return d && d[Number(l.iconId)];
       });
   }, [e]), i = "univer-pointer-events-none univer-flex univer-h-5 univer-min-w-[72px] univer-items-center univer-justify-center univer-text-xs";
   switch (e.type) {
-    case U.dataBar: {
-      const { isGradient: l } = e.config, u = l ? `linear-gradient(to right, ${e.config.positiveColor || Ke}, rgb(255 255 255))` : e.config.positiveColor, v = l ? `linear-gradient(to right,  rgb(255 255 255),${e.config.nativeColor || Xe})` : e.config.nativeColor;
+    case L.dataBar: {
+      const { isGradient: l } = e.config, d = l ? `linear-gradient(to right, ${e.config.positiveColor || Ke}, rgb(255 255 255))` : e.config.positiveColor, v = l ? `linear-gradient(to right,  rgb(255 255 255),${e.config.nativeColor || Xe})` : e.config.nativeColor;
       return /* @__PURE__ */ k("div", { className: i, children: [
         /* @__PURE__ */ c(
           "div",
@@ -423,36 +423,36 @@ const Fe = (t) => {
           {
             className: "univer-h-full univer-w-1/2 univer-border univer-border-solid",
             style: {
-              background: u,
+              background: d,
               borderColor: (o = e.config.positiveColor) != null ? o : Ke
             }
           }
         )
       ] });
     }
-    case U.colorScale:
-      return r && /* @__PURE__ */ c("div", { className: i, children: r.map((l, u) => /* @__PURE__ */ c(
+    case L.colorScale:
+      return r && /* @__PURE__ */ c("div", { className: i, children: r.map((l, d) => /* @__PURE__ */ c(
         "div",
         {
           className: "univer-h-full",
           style: { width: `${100 / r.length}%`, background: l }
         },
-        u
+        d
       )) });
-    case U.iconSet:
-      return n && /* @__PURE__ */ c("div", { className: i, children: n.map((l, u) => l ? /* @__PURE__ */ c("img", { className: "univer-h-full", src: l, draggable: !1 }, u) : /* @__PURE__ */ c(ot, {}, u)) });
-    case U.highlightCell: {
-      const { ul: l, st: u, it: v, bl: p, bg: y, cl: f } = e.style, R = (l == null ? void 0 : l.s) === le.TRUE, I = (u == null ? void 0 : u.s) === le.TRUE, T = v === le.TRUE, w = p === le.TRUE, x = (d = y == null ? void 0 : y.rgb) != null ? d : Cr, g = (a = f == null ? void 0 : f.rgb) != null ? a : yr, b = {
-        textDecoration: (h = `${R ? "underline" : ""} ${I ? "line-through" : ""}`.replace(/^ /, "")) != null ? h : void 0,
-        backgroundColor: x,
+    case L.iconSet:
+      return n && /* @__PURE__ */ c("div", { className: i, children: n.map((l, d) => l ? /* @__PURE__ */ c("img", { className: "univer-h-full", src: l, draggable: !1 }, d) : /* @__PURE__ */ c(ot, {}, d)) });
+    case L.highlightCell: {
+      const { ul: l, st: d, it: v, bl: p, bg: y, cl: f } = e.style, w = (l == null ? void 0 : l.s) === le.TRUE, I = (d == null ? void 0 : d.s) === le.TRUE, R = v === le.TRUE, x = p === le.TRUE, T = (u = y == null ? void 0 : y.rgb) != null ? u : Cr, g = (a = f == null ? void 0 : f.rgb) != null ? a : yr, b = {
+        textDecoration: (h = `${w ? "underline" : ""} ${I ? "line-through" : ""}`.replace(/^ /, "")) != null ? h : void 0,
+        backgroundColor: T,
         color: g
       };
       return /* @__PURE__ */ c(
         "div",
         {
           className: X(i, {
-            "univer-font-bold": w,
-            "univer-italic": T
+            "univer-font-bold": x,
+            "univer-italic": R
           }),
           style: b,
           children: "123"
@@ -460,25 +460,25 @@ const Fe = (t) => {
       );
     }
   }
-}, at = X("univer-mt-5 univer-px-1 univer-py-2 univer-rounded", Be), Ee = (t, e) => ({ label: e.t(`sheet.cf.valueType.${t}`), value: t }), Ot = (t) => {
+}, at = X("univer-mt-5 univer-px-1 univer-py-2 univer-rounded", Be), Ee = (t, e) => ({ label: e.t(`sheet.cf.valueType.${t}`), value: t }), Pt = (t) => {
   var y;
-  const { type: e, className: r, onChange: n, id: i, value: s } = t, o = q(z), d = o.getCurrentUnitForType(D.UNIVER_SHEET).getUnitId(), a = (y = o.getCurrentUnitForType(D.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : y.getSheetId(), h = J(() => String(s).startsWith("=") ? String(s) : "=", [s]), l = J(() => [$.max, $.min, "none"].includes(e) ? { disabled: !0 } : [$.percent, $.percentile].includes(e) ? {
+  const { type: e, className: r, onChange: n, id: i, value: s } = t, o = q(Z), u = o.getCurrentUnitForType(A.UNIVER_SHEET).getUnitId(), a = (y = o.getCurrentUnitForType(A.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : y.getSheetId(), h = J(() => String(s).startsWith("=") ? String(s) : "=", [s]), l = J(() => [D.max, D.min, "none"].includes(e) ? { disabled: !0 } : [D.percent, D.percentile].includes(e) ? {
     min: 0,
     max: 100
   } : {
     min: Number.MIN_SAFE_INTEGER,
     max: Number.MAX_SAFE_INTEGER
-  }, [e]), u = ge(null), [v, p] = N(!1);
+  }, [e]), d = ge(null), [v, p] = N(!1);
   return Nt((f) => {
     var I;
-    ((I = u.current) == null ? void 0 : I.isClickOutSide(f)) && p(!1);
-  }), e === $.formula ? /* @__PURE__ */ c("div", { className: "univer-ml-1 univer-w-full", children: /* @__PURE__ */ c(
+    ((I = d.current) == null ? void 0 : I.isClickOutSide(f)) && p(!1);
+  }), e === D.formula ? /* @__PURE__ */ c("div", { className: "univer-ml-1 univer-w-full", children: /* @__PURE__ */ c(
     Mt,
     {
-      ref: u,
+      ref: d,
       className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", Be),
       initValue: h,
-      unitId: d,
+      unitId: u,
       subUnitId: a,
       isFocus: v,
       onChange: (f = "") => {
@@ -487,38 +487,38 @@ const Fe = (t) => {
       onFocus: () => p(!0)
     }
   ) }) : /* @__PURE__ */ c(ke, { className: r, value: Number(t.value) || 0, onChange: (f) => t.onChange(f || 0), ...l });
-}, Ti = (t) => {
-  var L;
-  const { interceptorManager: e } = t, r = q(re), n = ((L = t.rule) == null ? void 0 : L.type) === U.colorScale ? t.rule : void 0, i = [Ee($.num, r), Ee($.percent, r), Ee($.percentile, r), Ee($.formula, r)], s = [Ee($.min, r), ...i], o = [Ee("none", r), ...i], d = [Ee($.max, r), ...i], [a, h] = N(() => {
+}, Ri = (t) => {
+  var O;
+  const { interceptorManager: e } = t, r = q(re), n = ((O = t.rule) == null ? void 0 : O.type) === L.colorScale ? t.rule : void 0, i = [Ee(D.num, r), Ee(D.percent, r), Ee(D.percentile, r), Ee(D.formula, r)], s = [Ee(D.min, r), ...i], o = [Ee("none", r), ...i], u = [Ee(D.max, r), ...i], [a, h] = N(() => {
     var _;
-    const m = $.min;
+    const m = D.min;
     return n && ((_ = n.config[0]) == null ? void 0 : _.value.type) || m;
-  }), [l, u] = N(() => {
+  }), [l, d] = N(() => {
     var _;
     const m = "none";
     return !n || n.config.length !== 3 ? m : ((_ = n.config[1]) == null ? void 0 : _.value.type) || m;
   }), [v, p] = N(() => {
     var _;
-    const m = $.max;
+    const m = D.max;
     return n && ((_ = n.config[n.config.length - 1]) == null ? void 0 : _.value.type) || m;
   }), [y, f] = N(() => {
     if (!n)
       return 10;
     const _ = n.config[0];
     return (_ == null ? void 0 : _.value.value) === void 0 ? 10 : _ == null ? void 0 : _.value.value;
-  }), [R, I] = N(() => {
+  }), [w, I] = N(() => {
     var j;
     if (!n || n.config.length !== 3)
       return 50;
     const _ = (j = n.config[1]) == null ? void 0 : j.value.value;
     return _ === void 0 ? 50 : _;
-  }), [T, w] = N(() => {
+  }), [R, x] = N(() => {
     var j;
     if (!n)
       return 90;
     const _ = (j = n.config[n.config.length - 1]) == null ? void 0 : j.value.value;
     return _ === void 0 ? 90 : _;
-  }), [x, g] = N(() => {
+  }), [T, g] = N(() => {
     var _;
     const m = "#d0d9fb";
     return n && ((_ = n.config[0]) == null ? void 0 : _.color) || m;
@@ -531,14 +531,14 @@ const Fe = (t) => {
     const m = "#2e55ef";
     return n && ((_ = n.config[n.config.length - 1]) == null ? void 0 : _.color) || m;
   }), E = J(() => (m) => {
-    const { minType: _, medianType: j, maxType: Y, minValue: pe, medianValue: Ce, maxValue: Ue, minColor: Pe, medianColor: A, maxColor: B } = m, G = [];
-    return G.push({ color: Pe, value: { type: _, value: pe } }), j !== "none" && G.push({ color: A, value: { type: j, value: Ce } }), G.push({ color: B, value: { type: Y, value: Ue } }), { config: G.map((ee, ne) => ({ ...ee, index: ne })), type: U.colorScale };
+    const { minType: _, medianType: j, maxType: Y, minValue: pe, medianValue: Ce, maxValue: Le, minColor: Ue, medianColor: $, maxColor: B } = m, G = [];
+    return G.push({ color: Ue, value: { type: _, value: pe } }), j !== "none" && G.push({ color: $, value: { type: j, value: Ce } }), G.push({ color: B, value: { type: Y, value: Le } }), { config: G.map((ee, ne) => ({ ...ee, index: ne })), type: L.colorScale };
   }, []);
   K(() => e.intercept(e.getInterceptPoints().submit, {
     handler() {
-      return E({ minType: a, medianType: l, maxType: v, minValue: y, medianValue: R, maxValue: T, minColor: x, medianColor: b, maxColor: C });
+      return E({ minType: a, medianType: l, maxType: v, minValue: y, medianValue: w, maxValue: R, minColor: T, medianColor: b, maxColor: C });
     }
-  }), [E, a, l, v, y, R, T, x, b, C, e]);
+  }), [E, a, l, v, y, w, R, T, b, C, e]);
   const V = (m) => {
     t.onChange(E(m));
   };
@@ -550,7 +550,7 @@ const Fe = (t) => {
         children: r.t("sheet.cf.panel.styleRule")
       }
     ),
-    /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: E({ minType: a, medianType: l, maxType: v, minValue: y, medianValue: R, maxValue: T, minColor: x, medianColor: b, maxColor: C }) }) }),
+    /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: E({ minType: a, medianType: l, maxType: v, minValue: y, medianValue: w, maxValue: R, minColor: T, medianColor: b, maxColor: C }) }) }),
     /* @__PURE__ */ c(
       "div",
       {
@@ -573,9 +573,9 @@ const Fe = (t) => {
               medianType: l,
               maxType: v,
               minValue: _,
-              medianValue: R,
-              maxValue: T,
-              minColor: x,
+              medianValue: w,
+              maxValue: R,
+              minColor: T,
               medianColor: b,
               maxColor: C
             });
@@ -583,7 +583,7 @@ const Fe = (t) => {
         }
       ),
       /* @__PURE__ */ c(
-        Ot,
+        Pt,
         {
           id: "min",
           className: "univer-ml-1",
@@ -595,9 +595,9 @@ const Fe = (t) => {
               medianType: l,
               maxType: v,
               minValue: m,
-              medianValue: R,
-              maxValue: T,
-              minColor: x,
+              medianValue: w,
+              maxValue: R,
+              minColor: T,
               medianColor: b,
               maxColor: C
             });
@@ -608,15 +608,15 @@ const Fe = (t) => {
         Fe,
         {
           className: "univer-ml-1",
-          color: x,
+          color: T,
           onChange: (m) => {
             g(m), V({
               minType: a,
               medianType: l,
               maxType: v,
               minValue: y,
-              medianValue: R,
-              maxValue: T,
+              medianValue: w,
+              maxValue: R,
               minColor: m,
               medianColor: b,
               maxColor: C
@@ -640,7 +640,7 @@ const Fe = (t) => {
           options: o,
           value: l,
           onChange: (m) => {
-            u(m);
+            d(m);
             const _ = Je(m, 50);
             I(_), V({
               minType: a,
@@ -648,8 +648,8 @@ const Fe = (t) => {
               maxType: v,
               minValue: y,
               medianValue: _,
-              maxValue: T,
-              minColor: x,
+              maxValue: R,
+              minColor: T,
               medianColor: b,
               maxColor: C
             });
@@ -657,11 +657,11 @@ const Fe = (t) => {
         }
       ),
       /* @__PURE__ */ c(
-        Ot,
+        Pt,
         {
           id: "median",
           className: "univer-ml-1",
-          value: R,
+          value: w,
           type: l,
           onChange: (m) => {
             I(m), V({
@@ -670,8 +670,8 @@ const Fe = (t) => {
               maxType: v,
               minValue: y,
               medianValue: m,
-              maxValue: T,
-              minColor: x,
+              maxValue: R,
+              minColor: T,
               medianColor: b,
               maxColor: C
             });
@@ -689,9 +689,9 @@ const Fe = (t) => {
               medianType: l,
               maxType: v,
               minValue: y,
-              medianValue: R,
-              maxValue: T,
-              minColor: x,
+              medianValue: w,
+              maxValue: R,
+              minColor: T,
               medianColor: m,
               maxColor: C
             });
@@ -711,19 +711,19 @@ const Fe = (t) => {
         ce,
         {
           className: "univer-flex-shrink-0",
-          options: d,
+          options: u,
           value: v,
           onChange: (m) => {
             p(m);
             const _ = Je(m, 90);
-            w(_), V({
+            x(_), V({
               minType: a,
               medianType: l,
               maxType: m,
               minValue: y,
-              medianValue: R,
+              medianValue: w,
               maxValue: _,
-              minColor: x,
+              minColor: T,
               medianColor: b,
               maxColor: C
             });
@@ -731,21 +731,21 @@ const Fe = (t) => {
         }
       ),
       /* @__PURE__ */ c(
-        Ot,
+        Pt,
         {
           id: "max",
           className: "univer-ml-1",
-          value: T,
+          value: R,
           type: v,
           onChange: (m) => {
-            w(m), V({
+            x(m), V({
               minType: a,
               medianType: l,
               maxType: v,
               minValue: y,
-              medianValue: R,
+              medianValue: w,
               maxValue: m,
-              minColor: x,
+              minColor: T,
               medianColor: b,
               maxColor: C
             });
@@ -763,9 +763,9 @@ const Fe = (t) => {
               medianType: l,
               maxType: v,
               minValue: y,
-              medianValue: R,
-              maxValue: T,
-              minColor: x,
+              medianValue: w,
+              maxValue: R,
+              minColor: T,
               medianColor: b,
               maxColor: m
             });
@@ -774,31 +774,31 @@ const Fe = (t) => {
       )
     ] })
   ] });
-}, Oe = (t, e) => ({ label: e.t(`sheet.cf.valueType.${t}`), value: t }), rn = (t) => {
+}, Pe = (t, e) => ({ label: e.t(`sheet.cf.valueType.${t}`), value: t }), rn = (t) => {
   var f;
-  const { onChange: e, className: r, value: n, type: i, id: s, disabled: o = !1 } = t, d = q(z), a = d.getCurrentUnitOfType(D.UNIVER_SHEET).getUnitId(), h = (f = d.getCurrentUnitOfType(D.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : f.getSheetId(), l = ge(null), [u, v] = N(!1);
-  Nt((R) => {
-    var T;
-    ((T = l.current) == null ? void 0 : T.isClickOutSide(R)) && v(!1);
+  const { onChange: e, className: r, value: n, type: i, id: s, disabled: o = !1 } = t, u = q(Z), a = u.getCurrentUnitOfType(A.UNIVER_SHEET).getUnitId(), h = (f = u.getCurrentUnitOfType(A.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : f.getSheetId(), l = ge(null), [d, v] = N(!1);
+  Nt((w) => {
+    var R;
+    ((R = l.current) == null ? void 0 : R.isClickOutSide(w)) && v(!1);
   });
-  const p = ge(n), y = J(() => [$.percentile, $.percent].includes(i) ? {
+  const p = ge(n), y = J(() => [D.percentile, D.percent].includes(i) ? {
     max: 100,
     min: 0
   } : {
     min: Number.MIN_SAFE_INTEGER,
     max: Number.MAX_SAFE_INTEGER
   }, [i]);
-  if (i === $.formula) {
-    const R = String(p.current).startsWith("=") ? String(p.current) || "" : "=";
+  if (i === D.formula) {
+    const w = String(p.current).startsWith("=") ? String(p.current) || "" : "=";
     return /* @__PURE__ */ c("div", { className: "univer-ml-3 univer-w-full", children: /* @__PURE__ */ c(
       Mt,
       {
         ref: l,
         className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", Be),
-        initValue: R,
+        initValue: w,
         unitId: a,
         subUnitId: h,
-        isFocus: u,
+        isFocus: d,
         onChange: (I = "") => {
           e(I || "");
         },
@@ -812,69 +812,69 @@ const Fe = (t) => {
       className: r,
       value: Number(n) || 0,
       disabled: o,
-      onChange: (R) => {
-        e(R || 0);
+      onChange: (w) => {
+        e(w || 0);
       },
       ...y
     }
   );
-}, xi = (t) => {
-  var L;
-  const { interceptorManager: e } = t, r = q(re), n = ((L = t.rule) == null ? void 0 : L.type) === U.dataBar ? t.rule : void 0, [i, s] = N(() => {
+}, Ti = (t) => {
+  var O;
+  const { interceptorManager: e } = t, r = q(re), n = ((O = t.rule) == null ? void 0 : O.type) === L.dataBar ? t.rule : void 0, [i, s] = N(() => {
     var _;
     const m = "0";
     return n ? (_ = n.config) != null && _.isGradient ? "1" : "0" : m;
-  }), [o, d] = N(() => {
+  }), [o, u] = N(() => {
     var m;
     return n ? ((m = n.config) == null ? void 0 : m.positiveColor) || Ke : Ke;
   }), [a, h] = N(() => {
     var m;
     return n ? ((m = n.config) == null ? void 0 : m.nativeColor) || Xe : Xe;
   }), l = [
-    Oe($.num, r),
-    Oe($.percent, r),
-    Oe($.percentile, r),
-    Oe($.formula, r)
-  ], u = [Oe($.min, r), ...l], v = [Oe($.max, r), ...l], [p, y] = N(() => {
+    Pe(D.num, r),
+    Pe(D.percent, r),
+    Pe(D.percentile, r),
+    Pe(D.formula, r)
+  ], d = [Pe(D.min, r), ...l], v = [Pe(D.max, r), ...l], [p, y] = N(() => {
     var _;
-    const m = u[0].value;
+    const m = d[0].value;
     return n && ((_ = n.config) == null ? void 0 : _.min.type) || m;
-  }), [f, R] = N(() => {
+  }), [f, w] = N(() => {
     var _;
     const m = v[0].value;
     return n && ((_ = n.config) == null ? void 0 : _.max.type) || m;
-  }), [I, T] = N(() => {
+  }), [I, R] = N(() => {
     var j;
     if (!n)
       return 0;
     const _ = ((j = n.config) == null ? void 0 : j.min) || {};
-    return _.type === $.formula ? _.value || "=" : _.value || 0;
-  }), [w, x] = N(() => {
+    return _.type === D.formula ? _.value || "=" : _.value || 0;
+  }), [x, T] = N(() => {
     var j;
     if (!n)
       return 100;
     const _ = ((j = n.config) == null ? void 0 : j.max) || {};
-    return _.type === $.formula ? _.value || "=" : _.value === void 0 ? 100 : _.value;
+    return _.type === D.formula ? _.value || "=" : _.value === void 0 ? 100 : _.value;
   }), [g, b] = N(() => n ? n.isShowValue === void 0 ? !0 : !!n.isShowValue : !0), S = (m) => ({ config: {
     min: { type: m.minValueType, value: m.minValue },
     max: { type: m.maxValueType, value: m.maxValue },
     isGradient: m.isGradient === "1",
     positiveColor: m.positiveColor || Ke,
     nativeColor: m.nativeColor || Xe
-  }, type: U.dataBar, isShowValue: m.isShowValue });
+  }, type: L.dataBar, isShowValue: m.isShowValue });
   K(() => e.intercept(e.getInterceptPoints().submit, {
     handler() {
-      return S({ isGradient: i, minValue: I, minValueType: p, maxValue: w, maxValueType: f, positiveColor: o, nativeColor: a, isShowValue: g });
+      return S({ isGradient: i, minValue: I, minValueType: p, maxValue: x, maxValueType: f, positiveColor: o, nativeColor: a, isShowValue: g });
     }
-  }), [i, I, p, w, f, o, a, e, g]);
+  }), [i, I, p, x, f, o, a, e, g]);
   const C = (m) => {
     t.onChange(S(m));
   }, M = (m) => {
-    d(m), C({
+    u(m), C({
       isGradient: i,
       minValue: I,
       minValueType: p,
-      maxValue: w,
+      maxValue: x,
       maxValueType: f,
       positiveColor: m,
       nativeColor: a,
@@ -885,7 +885,7 @@ const Fe = (t) => {
       isGradient: i,
       minValue: I,
       minValueType: p,
-      maxValue: w,
+      maxValue: x,
       maxValueType: f,
       positiveColor: o,
       nativeColor: m,
@@ -907,7 +907,7 @@ const Fe = (t) => {
           isGradient: i,
           minValue: I,
           minValueType: p,
-          maxValue: w,
+          maxValue: x,
           maxValueType: f,
           positiveColor: o,
           nativeColor: a,
@@ -933,7 +933,7 @@ const Fe = (t) => {
                 isGradient: m,
                 minValue: I,
                 minValueType: p,
-                maxValue: w,
+                maxValue: x,
                 maxValueType: f,
                 positiveColor: o,
                 nativeColor: a,
@@ -956,7 +956,7 @@ const Fe = (t) => {
                   isGradient: m,
                   minValue: I,
                   minValueType: p,
-                  maxValue: w,
+                  maxValue: x,
                   maxValueType: f,
                   positiveColor: o,
                   nativeColor: a,
@@ -1013,16 +1013,16 @@ const Fe = (t) => {
           ce,
           {
             className: "univer-w-1/2 univer-flex-shrink-0",
-            options: u,
+            options: d,
             value: p,
             onChange: (m) => {
               y(m);
               const _ = Je(m, 10);
-              T(_), C({
+              R(_), C({
                 isGradient: i,
                 minValue: _,
                 minValueType: m,
-                maxValue: w,
+                maxValue: x,
                 maxValueType: f,
                 positiveColor: o,
                 nativeColor: a,
@@ -1040,11 +1040,11 @@ const Fe = (t) => {
             type: p,
             value: I,
             onChange: (m) => {
-              T(m || 0), C({
+              R(m || 0), C({
                 isGradient: i,
                 minValue: m || 0,
                 minValueType: p,
-                maxValue: w,
+                maxValue: x,
                 maxValueType: f,
                 positiveColor: o,
                 nativeColor: a,
@@ -1069,9 +1069,9 @@ const Fe = (t) => {
             options: v,
             value: f,
             onChange: (m) => {
-              R(m);
+              w(m);
               const _ = Je(m, 90);
-              x(_), C({
+              T(_), C({
                 isGradient: i,
                 minValue: I,
                 minValueType: p,
@@ -1091,9 +1091,9 @@ const Fe = (t) => {
             disabled: !V(f),
             id: "max",
             type: f,
-            value: w,
+            value: x,
             onChange: (m) => {
-              x(m || 0), C({
+              T(m || 0), C({
                 isGradient: i,
                 minValue: I,
                 minValueType: p,
@@ -1109,29 +1109,29 @@ const Fe = (t) => {
       ] })
     ] })
   ] });
-}, ct = (t) => [le.FALSE, void 0].includes(t) ? le.TRUE : le.FALSE, ut = (t) => t !== le.FALSE, Zt = (t) => {
+}, ct = (t) => [le.FALSE, void 0].includes(t) ? le.TRUE : le.FALSE, ut = (t) => t !== le.FALSE, zt = (t) => {
   const { style: e, onChange: r, className: n } = t;
   q(kn);
   const [i, s] = N(() => {
     if (e != null && e.bl)
       return e.bl;
-  }), [o, d] = N(() => {
+  }), [o, u] = N(() => {
     if (e != null && e.it)
       return e.it;
   }), [a, h] = N(() => {
     if (e != null && e.ul)
       return e.ul.s;
-  }), [l, u] = N(() => {
+  }), [l, d] = N(() => {
     if (e != null && e.st)
       return e.st.s;
   }), [v, p] = N(() => {
-    var T;
+    var R;
     const I = "#2f56ef";
-    return (T = e == null ? void 0 : e.cl) != null && T.rgb ? e.cl.rgb : I;
+    return (R = e == null ? void 0 : e.cl) != null && R.rgb ? e.cl.rgb : I;
   }), [y, f] = N(() => {
-    var T;
+    var R;
     const I = "#e8ecfc";
-    return (T = e == null ? void 0 : e.bg) != null && T.rgb ? e.bg.rgb : I;
+    return (R = e == null ? void 0 : e.bg) != null && R.rgb ? e.bg.rgb : I;
   });
   K(() => {
     const I = {
@@ -1140,13 +1140,13 @@ const Fe = (t) => {
     };
     v !== void 0 && (I.cl = { rgb: v }), y !== void 0 && (I.bg = { rgb: y }), l !== void 0 && (I.st = { s: l }), a !== void 0 && (I.ul = { s: a }), r(br(I));
   }, [i, o, a, l, v, y]);
-  const R = "univer-flex univer-cursor-pointer univer-items-center univer-rounded univer-px-1";
+  const w = "univer-flex univer-cursor-pointer univer-items-center univer-rounded univer-px-1";
   return /* @__PURE__ */ k("div", { className: X("univer-my-2.5 univer-flex univer-justify-between", n), children: [
     /* @__PURE__ */ c(
       "div",
       {
-        className: X(R, {
-          "univer-bg-gray-100 dark:univer-bg-gray-700": ut(i || le.FALSE)
+        className: X(w, {
+          "univer-bg-gray-100 dark:!univer-bg-gray-700": ut(i || le.FALSE)
         }),
         onClick: () => s(ct(i)),
         children: /* @__PURE__ */ c(Yn, {})
@@ -1155,18 +1155,18 @@ const Fe = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: X(R, {
-          "univer-bg-gray-100 dark:univer-bg-gray-700": ut(o || le.FALSE)
+        className: X(w, {
+          "univer-bg-gray-100 dark:!univer-bg-gray-700": ut(o || le.FALSE)
         }),
-        onClick: () => d(ct(o)),
+        onClick: () => u(ct(o)),
         children: /* @__PURE__ */ c(Jn, {})
       }
     ),
     /* @__PURE__ */ c(
       "div",
       {
-        className: X(R, {
-          "univer-bg-gray-100 dark:univer-bg-gray-700": ut(a || le.FALSE)
+        className: X(w, {
+          "univer-bg-gray-100 dark:!univer-bg-gray-700": ut(a || le.FALSE)
         }),
         onClick: () => h(ct(a)),
         children: /* @__PURE__ */ c(nr, {})
@@ -1175,37 +1175,37 @@ const Fe = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: X(R, {
-          "univer-bg-gray-100 dark:univer-bg-gray-700": ut(l || le.FALSE)
+        className: X(w, {
+          "univer-bg-gray-100 dark:!univer-bg-gray-700": ut(l || le.FALSE)
         }),
-        onClick: () => u(ct(l)),
+        onClick: () => d(ct(l)),
         children: /* @__PURE__ */ c(tr, {})
       }
     ),
     /* @__PURE__ */ c(Fe, { color: v, onChange: p, Icon: Kn }),
     /* @__PURE__ */ c(Fe, { color: y, onChange: f })
   ] });
-}, wi = (t) => {
-  var x;
-  const { onChange: e, interceptorManager: r } = t, n = q(re), s = q(z).getCurrentUnitForType(D.UNIVER_SHEET), o = s.getActiveSheet(), d = ((x = t.rule) == null ? void 0 : x.type) === U.highlightCell ? t.rule : void 0, a = ge(null), [h, l] = N(!1), u = ge(null), [v, p] = N({}), [y, f] = N(() => (d == null ? void 0 : d.subType) === F.formula ? d.value : "="), [R, I] = N(void 0), T = (g) => ({
+}, xi = (t) => {
+  var T;
+  const { onChange: e, interceptorManager: r } = t, n = q(re), s = q(Z).getCurrentUnitForType(A.UNIVER_SHEET), o = s.getActiveSheet(), u = ((T = t.rule) == null ? void 0 : T.type) === L.highlightCell ? t.rule : void 0, a = ge(null), [h, l] = N(!1), d = ge(null), [v, p] = N({}), [y, f] = N(() => (u == null ? void 0 : u.subType) === F.formula ? u.value : "="), [w, I] = N(void 0), R = (g) => ({
     style: g.style,
     value: y,
-    type: U.highlightCell,
+    type: L.highlightCell,
     subType: F.formula
   });
   K(() => r.intercept(r.getInterceptPoints().submit, {
     handler() {
-      return T({ style: v });
+      return R({ style: v });
     }
   }), [v, y, r]), K(() => r.intercept(r.getInterceptPoints().beforeSubmit, {
-    handler: (b, S, C) => R || y.length === 1 || !y.startsWith("=") ? (I(n.t("sheet.cf.errorMessage.formulaError")), !1) : C(b)
-  }), [R, y]);
-  const w = (g) => {
-    e(T(g));
+    handler: (b, S, C) => w || y.length === 1 || !y.startsWith("=") ? (I(n.t("sheet.cf.errorMessage.formulaError")), !1) : C(b)
+  }), [w, y]);
+  const x = (g) => {
+    e(R(g));
   };
   return Nt((g) => {
     var S;
-    ((S = u.current) == null ? void 0 : S.isClickOutSide(g)) && l(!1);
+    ((S = d.current) == null ? void 0 : S.isClickOutSide(g)) && l(!1);
   }), /* @__PURE__ */ k("div", { ref: a, children: [
     /* @__PURE__ */ c(
       "div",
@@ -1217,9 +1217,9 @@ const Fe = (t) => {
     /* @__PURE__ */ c("div", { className: "univer-mt-3", children: /* @__PURE__ */ c(
       Mt,
       {
-        ref: u,
+        ref: d,
         className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", Be),
-        errorText: R,
+        errorText: w,
         isFocus: h,
         initValue: y,
         unitId: s.getUnitId(),
@@ -1228,21 +1228,21 @@ const Fe = (t) => {
           l(!0);
         },
         onChange: (g) => {
-          f(g), w({ style: v });
+          f(g), x({ style: v });
         },
         onVerify: (g, b) => {
           !g || b.length === 1 ? I(n.t("sheet.cf.errorMessage.formulaError")) : I(void 0);
         }
       }
     ) }),
-    /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: T({ style: v }) }) }),
+    /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: R({ style: v }) }) }),
     /* @__PURE__ */ c(
-      Zt,
+      zt,
       {
-        style: d == null ? void 0 : d.style,
+        style: u == null ? void 0 : u.style,
         className: "univer-mt-3",
         onChange: (g) => {
-          p(g), w({ style: g });
+          p(g), x({ style: g });
         }
       }
     )
@@ -1257,15 +1257,15 @@ const Fe = (t) => {
   ),
   t.children
 ] }), W = (t, e) => ({ label: e.t(`sheet.cf.operator.${t}`), value: t }), Ei = (t) => {
-  const { type: e, operator: r, onChange: n, value: i, interceptorManager: s } = t, o = q(re), [d, a] = N(() => typeof i == "number" ? i : 0), [h, l] = N(""), [u, v] = N(() => typeof i == "string" ? i : ""), [p, y] = N(""), [f, R] = N(() => Array.isArray(i) ? i[0] === void 0 ? 0 : i[0] : 0), [I, T] = N(""), [w, x] = N(() => Array.isArray(i) ? i[1] === void 0 ? 100 : i[1] : 100), [g, b] = N("");
+  const { type: e, operator: r, onChange: n, value: i, interceptorManager: s } = t, o = q(re), [u, a] = N(() => typeof i == "number" ? i : 0), [h, l] = N(""), [d, v] = N(() => typeof i == "string" ? i : ""), [p, y] = N(""), [f, w] = N(() => Array.isArray(i) ? i[0] === void 0 ? 0 : i[0] : 0), [I, R] = N(""), [x, T] = N(() => Array.isArray(i) ? i[1] === void 0 ? 100 : i[1] : 100), [g, b] = N("");
   switch (K(() => {
     switch (e) {
       case F.text: {
-        [H.beginsWith, H.endsWith, H.containsText, H.notContainsText, H.equal, H.notEqual].includes(r) && n(u);
+        [H.beginsWith, H.endsWith, H.containsText, H.notContainsText, H.equal, H.notEqual].includes(r) && n(d);
         break;
       }
       case F.number: {
-        [P.equal, P.notEqual, P.greaterThan, P.greaterThanOrEqual, P.lessThan, P.lessThanOrEqual].includes(r) && n(d), [P.between, P.notBetween].includes(r) && n([f, w]);
+        [U.equal, U.notEqual, U.greaterThan, U.greaterThanOrEqual, U.lessThan, U.lessThanOrEqual].includes(r) && n(u), [U.between, U.notBetween].includes(r) && n([f, x]);
         break;
       }
     }
@@ -1275,7 +1275,7 @@ const Fe = (t) => {
         switch (e) {
           case F.text:
             if ([H.beginsWith, H.containsText, H.endsWith, H.notEqual, H.notContainsText, H.equal].includes(r))
-              return u ? E(C) : (y(o.t("sheet.cf.errorMessage.notBlank")), !1);
+              return d ? E(C) : (y(o.t("sheet.cf.errorMessage.notBlank")), !1);
         }
         return E(C);
       }
@@ -1283,7 +1283,7 @@ const Fe = (t) => {
     return () => {
       S();
     };
-  }, [e, d, u, r]), e) {
+  }, [e, u, d, r]), e) {
     case F.text: {
       if ([H.beginsWith, H.endsWith, H.containsText, H.notContainsText, H.equal, H.notEqual].includes(r)) {
         const S = (C) => {
@@ -1292,7 +1292,7 @@ const Fe = (t) => {
         return /* @__PURE__ */ c("div", { className: "univer-mt-3", children: /* @__PURE__ */ c(dt, { errorText: p, children: /* @__PURE__ */ c(
           Jr,
           {
-            value: u,
+            value: d,
             onChange: (C) => {
               y(""), S(C);
             }
@@ -1302,7 +1302,7 @@ const Fe = (t) => {
       break;
     }
     case F.number: {
-      if ([P.equal, P.notEqual, P.greaterThan, P.greaterThanOrEqual, P.lessThan, P.lessThanOrEqual].includes(r)) {
+      if ([U.equal, U.notEqual, U.greaterThan, U.greaterThanOrEqual, U.lessThan, U.lessThanOrEqual].includes(r)) {
         const S = (C) => {
           a(C || 0), n(C || 0), l("");
         };
@@ -1312,16 +1312,16 @@ const Fe = (t) => {
             className: "univer-w-full",
             min: Number.MIN_SAFE_INTEGER,
             max: Number.MAX_SAFE_INTEGER,
-            value: d,
+            value: u,
             onChange: S
           }
         ) }) });
       }
-      if ([P.between, P.notBetween].includes(r)) {
+      if ([U.between, U.notBetween].includes(r)) {
         const S = (M) => {
-          R(M || 0), n([M || 0, w]), T("");
+          w(M || 0), n([M || 0, x]), R("");
         }, C = (M) => {
-          x(M || 0), n([f, M || 0]), b("");
+          T(M || 0), n([f, M || 0]), b("");
         };
         return /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
           /* @__PURE__ */ c(dt, { errorText: I, children: /* @__PURE__ */ c(ke, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, value: f, onChange: S }) }),
@@ -1331,7 +1331,7 @@ const Fe = (t) => {
               className: "univer-ml-3",
               min: Number.MIN_SAFE_INTEGER,
               max: Number.MAX_SAFE_INTEGER,
-              value: w,
+              value: x,
               onChange: C
             }
           ) })
@@ -1357,14 +1357,14 @@ const Fe = (t) => {
       ];
     case F.number:
       return [
-        W(P.between, e),
-        W(P.notBetween, e),
-        W(P.equal, e),
-        W(P.notEqual, e),
-        W(P.greaterThan, e),
-        W(P.greaterThanOrEqual, e),
-        W(P.lessThan, e),
-        W(P.lessThanOrEqual, e)
+        W(U.between, e),
+        W(U.notBetween, e),
+        W(U.equal, e),
+        W(U.notEqual, e),
+        W(U.greaterThan, e),
+        W(U.greaterThanOrEqual, e),
+        W(U.lessThan, e),
+        W(U.lessThanOrEqual, e)
       ];
     case F.timePeriod:
       return [
@@ -1381,11 +1381,11 @@ const Fe = (t) => {
       ];
   }
 }, on = (t) => {
-  var x;
-  const { interceptorManager: e, onChange: r } = t, n = q(re), i = ((x = t.rule) == null ? void 0 : x.type) === U.highlightCell ? t.rule : void 0, [s, o] = N(() => {
+  var T;
+  const { interceptorManager: e, onChange: r } = t, n = q(re), i = ((T = t.rule) == null ? void 0 : T.type) === L.highlightCell ? t.rule : void 0, [s, o] = N(() => {
     const g = F.text;
     return i && i.subType || g;
-  }), d = [{
+  }), u = [{
     value: F.text,
     label: n.t("sheet.cf.subRuleType.text")
   }, {
@@ -1403,67 +1403,67 @@ const Fe = (t) => {
   }], a = J(() => sn(s, n), [s]), [h, l] = N(() => {
     const g = a ? a[0].value : void 0;
     return i && i.operator || g;
-  }), [u, v] = N(() => {
+  }), [d, v] = N(() => {
     var S;
     const g = "";
     return i ? (S = i.value) != null ? S : mt(i.subType, i.operator) : g;
   }), [p, y] = N({}), f = J(() => (g) => {
-    var b, S, C, M, E, V, L, m, _, j, Y, pe, Ce, Ue, Pe;
+    var b, S, C, M, E, V, O, m, _, j, Y, pe, Ce, Le, Ue;
     switch (g.subType || s) {
       case F.text: {
         if ([H.beginsWith, H.endsWith, H.containsText, H.notContainsText, H.equal, H.notEqual].includes(h))
           return {
-            type: U.highlightCell,
+            type: L.highlightCell,
             subType: (b = g.subType) != null ? b : s,
             operator: (S = g.operator) != null ? S : h,
             style: (C = g.style) != null ? C : p,
-            value: (M = g.value) != null ? M : u
+            value: (M = g.value) != null ? M : d
           };
         break;
       }
       case F.number: {
-        if ([P.equal, P.notEqual, P.greaterThan, P.greaterThanOrEqual, P.lessThan, P.lessThanOrEqual].includes(h))
+        if ([U.equal, U.notEqual, U.greaterThan, U.greaterThanOrEqual, U.lessThan, U.lessThanOrEqual].includes(h))
           return {
-            type: U.highlightCell,
+            type: L.highlightCell,
             subType: (E = g.subType) != null ? E : s,
             operator: (V = g.operator) != null ? V : h,
-            style: (L = g.style) != null ? L : p,
-            value: (m = g.value) != null ? m : u
+            style: (O = g.style) != null ? O : p,
+            value: (m = g.value) != null ? m : d
           };
-        if ([P.between, P.notBetween].includes(h))
+        if ([U.between, U.notBetween].includes(h))
           return {
-            type: U.highlightCell,
+            type: L.highlightCell,
             subType: (_ = g.subType) != null ? _ : s,
             operator: (j = g.operator) != null ? j : h,
             style: (Y = g.style) != null ? Y : p,
-            value: (pe = g.value) != null ? pe : u
+            value: (pe = g.value) != null ? pe : d
           };
         break;
       }
     }
     return {
-      type: U.highlightCell,
+      type: L.highlightCell,
       subType: (Ce = g.subType) != null ? Ce : s,
-      operator: (Ue = g.operator) != null ? Ue : h,
-      style: (Pe = g.style) != null ? Pe : p
+      operator: (Le = g.operator) != null ? Le : h,
+      style: (Ue = g.style) != null ? Ue : p
     };
-  }, [s, h, u, p]);
+  }, [s, h, d, p]);
   K(() => e.intercept(e.getInterceptPoints().submit, {
     handler() {
       return f({});
     }
   }), [f, e]), K(() => {
-    d.some((g) => g.value === s) || o(d[0].value);
-  }, [d]);
-  const R = (g) => {
+    u.some((g) => g.value === s) || o(u[0].value);
+  }, [u]);
+  const w = (g) => {
     const b = g, S = sn(b, n), C = S && S[0].value;
     o(b), l(C), C && v(mt(b, C)), r(f({ subType: b, operator: C }));
   }, I = (g) => {
     const b = g;
     l(b), r(f({ operator: b }));
-  }, T = (g) => {
+  }, R = (g) => {
     v(g), r(f({ value: g }));
-  }, w = J(() => `${s}_${h}_${Math.random()}`, [s, h]);
+  }, x = J(() => `${s}_${h}_${Math.random()}`, [s, h]);
   return /* @__PURE__ */ k("div", { children: [
     /* @__PURE__ */ c(
       "div",
@@ -1477,9 +1477,9 @@ const Fe = (t) => {
         ce,
         {
           className: "univer-mt-3 univer-w-full",
-          onChange: R,
+          onChange: w,
           value: s,
-          options: d
+          options: u
         }
       ),
       (a == null ? void 0 : a.length) && /* @__PURE__ */ c(
@@ -1495,18 +1495,18 @@ const Fe = (t) => {
     /* @__PURE__ */ c(
       Ei,
       {
-        value: u,
+        value: d,
         interceptorManager: e,
         type: s,
         operator: h,
         rule: i,
-        onChange: T
+        onChange: R
       },
-      w
+      x
     ),
     /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: f({}) }) }),
     /* @__PURE__ */ c(
-      Zt,
+      zt,
       {
         style: i == null ? void 0 : i.style,
         className: "univer-ml-1",
@@ -1518,11 +1518,11 @@ const Fe = (t) => {
   ] });
 }, rr = (t, e) => (Ve[t] || [])[Number(e)] || "", Ni = (t) => {
   var l;
-  const { error: e, type: r, onChange: n } = t, i = q(z), s = i.getCurrentUnitForType(D.UNIVER_SHEET).getUnitId(), o = (l = i.getCurrentUnitForType(D.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : l.getSheetId(), d = ge(null), [a, h] = N(!1);
-  return Nt((u) => {
+  const { error: e, type: r, onChange: n } = t, i = q(Z), s = i.getCurrentUnitForType(A.UNIVER_SHEET).getUnitId(), o = (l = i.getCurrentUnitForType(A.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : l.getSheetId(), u = ge(null), [a, h] = N(!1);
+  return Nt((d) => {
     var p;
-    ((p = d.current) == null ? void 0 : p.isClickOutSide(u)) && h(!1);
-  }), /* @__PURE__ */ c("div", { className: "univer-relative", children: r !== $.formula ? /* @__PURE__ */ k(jt, { children: [
+    ((p = u.current) == null ? void 0 : p.isClickOutSide(d)) && h(!1);
+  }), /* @__PURE__ */ c("div", { className: "univer-relative", children: r !== D.formula ? /* @__PURE__ */ k(jt, { children: [
     /* @__PURE__ */ c(
       ke,
       {
@@ -1530,27 +1530,27 @@ const Fe = (t) => {
           "univer-border-red-500": e
         }),
         value: Number(t.value) || 0,
-        onChange: (u) => n(u != null ? u : 0)
+        onChange: (d) => n(d != null ? d : 0)
       }
     ),
     e && /* @__PURE__ */ c("div", { className: "univer-absolute univer-text-xs univer-text-red-500", children: e })
   ] }) : /* @__PURE__ */ c("div", { className: "univer-w-full", children: /* @__PURE__ */ c(
     Mt,
     {
-      ref: d,
+      ref: u,
       initValue: String(t.value),
       unitId: s,
       subUnitId: o,
       isFocus: a,
-      onChange: (u = "") => {
-        n(u || "");
+      onChange: (d = "") => {
+        n(d || "");
       },
       onFocus: () => h(!0)
     }
   ) }) });
 }, an = (t, e, r) => ({
-  operator: P.greaterThan,
-  value: { type: $.num, value: (r.length - 1 - e) * 10 },
+  operator: U.greaterThan,
+  value: { type: D.num, value: (r.length - 1 - e) * 10 },
   iconType: t,
   iconId: String(e)
 }), Mi = oe((t, e) => {
@@ -1559,18 +1559,18 @@ const Fe = (t) => {
   };
   return /* @__PURE__ */ c("div", { ref: e, className: "univer-w-80", children: Ir.map((s, o) => /* @__PURE__ */ k("div", { className: "univer-mb-3", children: [
     /* @__PURE__ */ c("div", { className: "univer-mb-1 univer-text-sm", children: n.t(s.title) }),
-    /* @__PURE__ */ c("div", { className: "univer-flex univer-flex-wrap", children: s.group.map((d) => /* @__PURE__ */ c(
+    /* @__PURE__ */ c("div", { className: "univer-flex univer-flex-wrap", children: s.group.map((u) => /* @__PURE__ */ c(
       "div",
       {
         className: "univer-mb-1 univer-flex univer-w-1/2 univer-items-center",
         onClick: () => {
-          i(d.name);
+          i(u.name);
         },
         children: /* @__PURE__ */ c(
           "a",
           {
             className: "univer-cursor-pointer univer-rounded dark:hover:!univer-bg-gray-700 hover:univer-bg-gray-100",
-            children: d.list.map((a, h) => /* @__PURE__ */ c(
+            children: u.list.map((a, h) => /* @__PURE__ */ c(
               "img",
               {
                 className: "univer-size-5",
@@ -1582,17 +1582,17 @@ const Fe = (t) => {
           }
         )
       },
-      d.name
+      u.name
     )) })
   ] }, o)) });
 }), Vi = (t) => {
   const { onClick: e } = t, r = J(() => {
     const i = [];
     for (const s in Ve) {
-      const o = Ve[s], d = s;
+      const o = Ve[s], u = s;
       o.forEach((a, h) => {
         i.push({
-          iconType: d,
+          iconType: u,
           base64: a,
           iconId: String(h)
         });
@@ -1632,25 +1632,25 @@ const Fe = (t) => {
     )) })
   ] });
 }, ki = (t) => {
-  const { onChange: e, configList: r, errorMap: n = {} } = t, i = q(re), s = [{ label: i.t(`sheet.cf.symbol.${P.greaterThan}`), value: P.greaterThan }, { label: i.t(`sheet.cf.symbol.${P.greaterThanOrEqual}`), value: P.greaterThanOrEqual }], o = [
-    { label: i.t(`sheet.cf.valueType.${$.num}`), value: $.num },
-    { label: i.t(`sheet.cf.valueType.${$.percent}`), value: $.percent },
-    { label: i.t(`sheet.cf.valueType.${$.percentile}`), value: $.percentile },
-    { label: i.t(`sheet.cf.valueType.${$.formula}`), value: $.formula }
-  ], d = (u, v) => {
-    e([String(v), "value", "value"], u);
-  }, a = (u, v) => {
-    e([String(v), "operator"], u);
-    const p = mt(F.number, u);
-    d(p, v);
-  }, h = (u, v) => {
-    e([String(v), "value", "type"], u);
+  const { onChange: e, configList: r, errorMap: n = {} } = t, i = q(re), s = [{ label: i.t(`sheet.cf.symbol.${U.greaterThan}`), value: U.greaterThan }, { label: i.t(`sheet.cf.symbol.${U.greaterThanOrEqual}`), value: U.greaterThanOrEqual }], o = [
+    { label: i.t(`sheet.cf.valueType.${D.num}`), value: D.num },
+    { label: i.t(`sheet.cf.valueType.${D.percent}`), value: D.percent },
+    { label: i.t(`sheet.cf.valueType.${D.percentile}`), value: D.percentile },
+    { label: i.t(`sheet.cf.valueType.${D.formula}`), value: D.formula }
+  ], u = (d, v) => {
+    e([String(v), "value", "value"], d);
+  }, a = (d, v) => {
+    e([String(v), "operator"], d);
+    const p = mt(F.number, d);
+    u(p, v);
+  }, h = (d, v) => {
+    e([String(v), "value", "type"], d);
     const p = r[v], y = mt(F.number, p.operator);
-    d(y, v);
+    u(y, v);
   };
-  return J(() => r.map((u, v) => {
-    const p = n[v], y = rr(u.iconType, u.iconId), f = v === r.length - 1, R = v === 0, I = r[v - 1], T = (I == null ? void 0 : I.value.type) === $.formula ? i.t("sheet.cf.valueType.formula") : I == null ? void 0 : I.value.value, w = (x, g) => {
-      const b = { ...u, iconId: g, iconType: x };
+  return J(() => r.map((d, v) => {
+    const p = n[v], y = rr(d.iconType, d.iconId), f = v === r.length - 1, w = v === 0, I = r[v - 1], R = (I == null ? void 0 : I.value.type) === D.formula ? i.t("sheet.cf.valueType.formula") : I == null ? void 0 : I.value.value, x = (T, g) => {
+      const b = { ...d, iconId: g, iconType: T };
       e([String(v)], b);
     };
     return /* @__PURE__ */ k(
@@ -1674,8 +1674,8 @@ const Fe = (t) => {
                   }
                 ),
                 /* @__PURE__ */ c("div", { className: "univer-w-[45%]", children: /* @__PURE__ */ k(jt, { children: [
-                  !R && !f && i.t("sheet.cf.iconSet.rule"),
-                  !R && !f && /* @__PURE__ */ k(
+                  !w && !f && i.t("sheet.cf.iconSet.rule"),
+                  !w && !f && /* @__PURE__ */ k(
                     "span",
                     {
                       className: "univer-font-medium univer-text-gray-600 dark:!univer-text-gray-200",
@@ -1683,7 +1683,7 @@ const Fe = (t) => {
                         "(",
                         i.t("sheet.cf.iconSet.when"),
                         i.t(`sheet.cf.symbol.${Ht(I.operator)}`),
-                        T,
+                        R,
                         f ? "" : ` ${i.t("sheet.cf.iconSet.and")} `,
                         ")"
                       ]
@@ -1697,7 +1697,7 @@ const Fe = (t) => {
             /* @__PURE__ */ c("div", { className: "univer-flex univer-items-center", children: /* @__PURE__ */ c(
               Gt,
               {
-                overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(Vi, { onClick: w, iconId: u.iconId, iconType: u.iconType }) }),
+                overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(Vi, { onClick: x, iconId: d.iconId, iconType: d.iconType }) }),
                 children: /* @__PURE__ */ k(
                   "div",
                   {
@@ -1709,7 +1709,7 @@ const Fe = (t) => {
                           className: "univer-size-4"
                         }
                       ),
-                      /* @__PURE__ */ c(zt, {})
+                      /* @__PURE__ */ c(Zt, {})
                     ]
                   }
                 )
@@ -1724,7 +1724,7 @@ const Fe = (t) => {
                   /* @__PURE__ */ k("span", { className: "univer-font-medium", children: [
                     i.t("sheet.cf.iconSet.when"),
                     i.t(`sheet.cf.symbol.${Ht(I.operator)}`),
-                    T,
+                    R,
                     f ? "" : ` ${i.t("sheet.cf.iconSet.and")} `
                   ] })
                 ]
@@ -1733,9 +1733,9 @@ const Fe = (t) => {
               ce,
               {
                 options: s,
-                value: u.operator,
-                onChange: (x) => {
-                  a(x, v);
+                value: d.operator,
+                onChange: (T) => {
+                  a(T, v);
                 }
               }
             )
@@ -1761,9 +1761,9 @@ const Fe = (t) => {
                     {
                       className: "univer-flex-shrink-0",
                       options: o,
-                      value: u.value.type,
-                      onChange: (x) => {
-                        h(x, v);
+                      value: d.value.type,
+                      onChange: (T) => {
+                        h(T, v);
                       }
                     }
                   ),
@@ -1771,11 +1771,11 @@ const Fe = (t) => {
                     Ni,
                     {
                       id: v,
-                      type: u.value.type,
+                      type: d.value.type,
                       error: p,
-                      value: u.value.value || "",
-                      onChange: (x) => {
-                        d(x, v);
+                      value: d.value.value || "",
+                      onChange: (T) => {
+                        u(T, v);
                       }
                     }
                   ) })
@@ -1789,8 +1789,8 @@ const Fe = (t) => {
     );
   }), [r, n]);
 }, Fi = (t) => {
-  var x;
-  const { interceptorManager: e } = t, r = ((x = t.rule) == null ? void 0 : x.type) === U.iconSet ? t.rule : void 0, n = q(re), [i, s] = N({}), [o, d] = N(() => {
+  var T;
+  const { interceptorManager: e } = t, r = ((T = t.rule) == null ? void 0 : T.type) === L.iconSet ? t.rule : void 0, n = q(re), [i, s] = N({}), [o, u] = N(() => {
     const g = Object.keys(Ve)[0];
     if (r && r.config.length) {
       const b = r.config[0].iconType;
@@ -1803,12 +1803,12 @@ const Fe = (t) => {
       return Bt.deepClone(r == null ? void 0 : r.config);
     const g = Ve[o] || [];
     return new Array(g.length).fill("").map((b, S, C) => S === C.length - 1 ? {
-      operator: P.lessThanOrEqual,
-      value: { type: $.num, value: Number.MAX_SAFE_INTEGER },
+      operator: U.lessThanOrEqual,
+      value: { type: D.num, value: Number.MAX_SAFE_INTEGER },
       iconType: o,
       iconId: String(S)
     } : an(o, S, C));
-  }), [l, u] = N(() => r ? !!r.isShowValue : !0), v = J(() => {
+  }), [l, d] = N(() => r ? !!r.isShowValue : !0), v = J(() => {
     const g = a.map((b) => rr(b.iconType, b.iconId));
     return /* @__PURE__ */ c("div", { className: "univer-flex univer-items-center", children: g.map((b, S) => b ? /* @__PURE__ */ c(
       "img",
@@ -1819,8 +1819,8 @@ const Fe = (t) => {
       S
     ) : /* @__PURE__ */ c(ot, { className: "univer-size-5" }, S)) });
   }, [a]), p = (g) => {
-    if (g.reduce((S, C, M) => S.preType && !S.result || g.length - 1 === M ? S : C.value.type === $.formula ? {
-      preType: $.formula,
+    if (g.reduce((S, C, M) => S.preType && !S.result || g.length - 1 === M ? S : C.value.type === D.formula ? {
+      preType: D.formula,
       result: !1
     } : S.preType ? {
       result: S.preType === C.value.type,
@@ -1828,27 +1828,27 @@ const Fe = (t) => {
     } : {
       result: !0,
       preType: C.value.type
-    }, { result: !0, preType: "" }).result && [$.num, $.percent, $.percentile].includes(g[0].value.type)) {
+    }, { result: !0, preType: "" }).result && [D.num, D.percent, D.percentile].includes(g[0].value.type)) {
       const S = {};
       return g.forEach((C, M, E) => {
         if (M - 1 < 0 || M === E.length - 1)
           return;
-        const L = g[M - 1], m = Ht(L.operator);
-        Sr({ operator: m, value: L.value.value }, C.value.value) || (S[M] = `${n.t(`sheet.cf.form.${m}`, String(L.value.value))} `);
+        const O = g[M - 1], m = Ht(O.operator);
+        Sr({ operator: m, value: O.value.value }, C.value.value) || (S[M] = `${n.t(`sheet.cf.form.${m}`, String(O.value.value))} `);
       }), S;
     }
     return {};
   }, y = (g, b) => {
     dr(a, g) !== b && (hr(a, g, b), h([...a]), s(p(a)));
   }, f = (g) => {
-    d(g);
+    u(g);
     const b = Ve[g] || [], S = new Array(b.length).fill("").map((C, M, E) => an(g, M, E));
     h(S), s(p(S));
   };
   K(() => {
     const g = e.intercept(e.getInterceptPoints().submit, {
       handler() {
-        return { type: U.iconSet, isShowValue: l, config: a };
+        return { type: L.iconSet, isShowValue: l, config: a };
       }
     });
     return () => {
@@ -1864,14 +1864,14 @@ const Fe = (t) => {
       g();
     };
   }, [l, a, e, i]);
-  const R = () => {
+  const w = () => {
     const g = a.map((b) => ({ ...b }));
     a.forEach((b, S) => {
       const C = a.length - 1 - S, M = g[C];
       b.iconId = M.iconId, b.iconType = M.iconType;
     }), h([...a]);
-  }, I = q(Br), [T, w] = N();
-  return Wr(T, I.rootContainerElement), /* @__PURE__ */ k("div", { children: [
+  }, I = q(Br), [R, x] = N();
+  return Wr(R, I.rootContainerElement), /* @__PURE__ */ k("div", { children: [
     /* @__PURE__ */ c("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-600", children: n.t("sheet.cf.panel.styleRule") }),
     /* @__PURE__ */ c("div", { className: "univer-mt-3", children: /* @__PURE__ */ c(
       Gt,
@@ -1880,7 +1880,7 @@ const Fe = (t) => {
           Mi,
           {
             ref: (g) => {
-              !T && g && w(g);
+              !R && g && x(g);
             },
             iconType: o,
             onClick: f
@@ -1892,7 +1892,7 @@ const Fe = (t) => {
             className: X("univer-box-border univer-flex univer-h-8 univer-w-full univer-items-center univer-justify-between univer-rounded-md univer-bg-white univer-px-4 univer-py-2 univer-text-xs univer-text-gray-600 univer-transition-all hover:univer-border-primary-600", Be),
             children: [
               v,
-              /* @__PURE__ */ c(zt, {})
+              /* @__PURE__ */ c(Zt, {})
             ]
           }
         )
@@ -1900,52 +1900,52 @@ const Fe = (t) => {
     ) }),
     /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center univer-text-xs", children: [
       /* @__PURE__ */ k("div", { className: "univer-flex univer-items-center univer-text-xs", children: [
-        /* @__PURE__ */ c(yt, { onChange: R }),
+        /* @__PURE__ */ c(yt, { onChange: w }),
         n.t("sheet.cf.iconSet.reverseIconOrder")
       ] }),
       /* @__PURE__ */ k("div", { className: "univer-ml-6 univer-flex univer-items-center univer-text-xs", children: [
         /* @__PURE__ */ c(yt, { checked: !l, onChange: (g) => {
-          u(!g);
+          d(!g);
         } }),
         n.t("sheet.cf.iconSet.onlyShowIcon")
       ] })
     ] }),
     /* @__PURE__ */ c(ki, { errorMap: i, onChange: y, configList: a })
   ] });
-}, Ui = (t) => {
-  var R;
-  const { onChange: e, interceptorManager: r } = t, n = q(re), i = ((R = t.rule) == null ? void 0 : R.type) === U.highlightCell ? t.rule : void 0, s = [{ label: n.t("sheet.cf.panel.isNotBottom"), value: "isNotBottom" }, { label: n.t("sheet.cf.panel.isBottom"), value: "isBottom" }, { label: n.t("sheet.cf.panel.greaterThanAverage"), value: "greaterThanAverage" }, { label: n.t("sheet.cf.panel.lessThanAverage"), value: "lessThanAverage" }], [o, d] = N(() => {
-    const I = s[0].value, T = i == null ? void 0 : i.type;
+}, Li = (t) => {
+  var w;
+  const { onChange: e, interceptorManager: r } = t, n = q(re), i = ((w = t.rule) == null ? void 0 : w.type) === L.highlightCell ? t.rule : void 0, s = [{ label: n.t("sheet.cf.panel.isNotBottom"), value: "isNotBottom" }, { label: n.t("sheet.cf.panel.isBottom"), value: "isBottom" }, { label: n.t("sheet.cf.panel.greaterThanAverage"), value: "greaterThanAverage" }, { label: n.t("sheet.cf.panel.lessThanAverage"), value: "lessThanAverage" }], [o, u] = N(() => {
+    const I = s[0].value, R = i == null ? void 0 : i.type;
     if (!i)
       return I;
-    switch (T) {
-      case U.highlightCell:
+    switch (R) {
+      case L.highlightCell:
         switch (i.subType) {
           case F.average:
-            return [P.greaterThan, P.greaterThanOrEqual].includes(i.operator) ? "greaterThanAverage" : [P.lessThan, P.lessThanOrEqual].includes(i.operator) ? "lessThanAverage" : I;
+            return [U.greaterThan, U.greaterThanOrEqual].includes(i.operator) ? "greaterThanAverage" : [U.lessThan, U.lessThanOrEqual].includes(i.operator) ? "lessThanAverage" : I;
           case F.rank:
             return i.isBottom ? "isBottom" : "isNotBottom";
         }
     }
     return I;
   }), [a, h] = N(() => {
-    const T = i == null ? void 0 : i.type;
+    const R = i == null ? void 0 : i.type;
     if (!i)
       return 10;
-    switch (T) {
-      case U.highlightCell:
+    switch (R) {
+      case L.highlightCell:
         switch (i.subType) {
           case F.rank:
             return i.value || 10;
         }
     }
     return 10;
-  }), [l, u] = N(() => {
-    const T = i == null ? void 0 : i.type;
+  }), [l, d] = N(() => {
+    const R = i == null ? void 0 : i.type;
     if (!i)
       return !1;
-    switch (T) {
-      case U.highlightCell:
+    switch (R) {
+      case L.highlightCell:
         switch (i.subType) {
           case F.rank:
             return i.isPercent || !1;
@@ -1953,15 +1953,15 @@ const Fe = (t) => {
     }
     return !1;
   }), [v, p] = N({}), y = (I) => {
-    const { type: T, isPercent: w, value: x, style: g } = I;
-    if (T === "isNotBottom")
-      return { type: U.highlightCell, subType: F.rank, isPercent: w, isBottom: !1, value: x, style: g };
-    if (T === "isBottom")
-      return { type: U.highlightCell, subType: F.rank, isPercent: w, isBottom: !0, value: x, style: g };
-    if (T === "greaterThanAverage")
-      return { type: U.highlightCell, subType: F.average, operator: P.greaterThan, style: g };
-    if (T === "lessThanAverage")
-      return { type: U.highlightCell, subType: F.average, operator: P.lessThan, style: g };
+    const { type: R, isPercent: x, value: T, style: g } = I;
+    if (R === "isNotBottom")
+      return { type: L.highlightCell, subType: F.rank, isPercent: x, isBottom: !1, value: T, style: g };
+    if (R === "isBottom")
+      return { type: L.highlightCell, subType: F.rank, isPercent: x, isBottom: !0, value: T, style: g };
+    if (R === "greaterThanAverage")
+      return { type: L.highlightCell, subType: F.average, operator: U.greaterThan, style: g };
+    if (R === "lessThanAverage")
+      return { type: L.highlightCell, subType: F.average, operator: U.lessThan, style: g };
   };
   K(() => r.intercept(r.getInterceptPoints().submit, {
     handler() {
@@ -1986,7 +1986,7 @@ const Fe = (t) => {
         value: o,
         options: s,
         onChange: (I) => {
-          d(I), f({ type: I, isPercent: l, value: a, style: v });
+          u(I), f({ type: I, isPercent: l, value: a, style: v });
         }
       }
     ),
@@ -1998,8 +1998,8 @@ const Fe = (t) => {
           max: 1e3,
           value: a,
           onChange: (I) => {
-            const T = I || 0;
-            h(T), f({ type: o, isPercent: l, value: T, style: v });
+            const R = I || 0;
+            h(R), f({ type: o, isPercent: l, value: R, style: v });
           }
         }
       ),
@@ -2013,7 +2013,7 @@ const Fe = (t) => {
               {
                 checked: l,
                 onChange: (I) => {
-                  u(!!I), f({ type: o, isPercent: !!I, value: a, style: v });
+                  d(!!I), f({ type: o, isPercent: !!I, value: a, style: v });
                 }
               }
             ),
@@ -2024,7 +2024,7 @@ const Fe = (t) => {
     ] }),
     /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: y({ type: o, isPercent: l, value: a, style: v }) }) }),
     /* @__PURE__ */ c(
-      Zt,
+      zt,
       {
         style: i == null ? void 0 : i.style,
         className: "univer-mt-3",
@@ -2034,16 +2034,16 @@ const Fe = (t) => {
       }
     )
   ] });
-}, Pi = fn("beforeSubmit"), Oi = fn("submit"), ln = (t) => t.getCurrentUnitForType(D.UNIVER_SHEET).getUnitId(), cn = (t) => {
+}, Ui = fn("beforeSubmit"), Pi = fn("submit"), ln = (t) => t.getCurrentUnitForType(A.UNIVER_SHEET).getUnitId(), cn = (t) => {
   var e;
-  return (e = t.getCurrentUnitForType(D.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : e.getSheetId();
-}, Li = (t) => {
+  return (e = t.getCurrentUnitForType(A.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : e.getSheetId();
+}, Oi = (t) => {
   var S, C, M;
-  const e = q(re), r = q(te), n = q(z), i = q(Q), s = q(je), o = ln(n), d = cn(n), [a, h] = N(void 0), l = ge((C = (S = t.rule) == null ? void 0 : S.ranges) != null ? C : []), u = J(() => {
-    var V, L, m;
+  const e = q(re), r = q(te), n = q(Z), i = q(Q), s = q(je), o = ln(n), u = cn(n), [a, h] = N(void 0), l = ge((C = (S = t.rule) == null ? void 0 : S.ranges) != null ? C : []), d = J(() => {
+    var V, O, m;
     let E = (V = t.rule) == null ? void 0 : V.ranges;
-    return E != null && E.length || (E = (m = (L = s.getCurrentSelections()) == null ? void 0 : L.map((_) => _.range)) != null ? m : []), l.current = E, E != null && E.length ? E.map((_) => {
-      const j = Un(_);
+    return E != null && E.length || (E = (m = (O = s.getCurrentSelections()) == null ? void 0 : O.map((_) => _.range)) != null ? m : []), l.current = E, E != null && E.length ? E.map((_) => {
+      const j = Ln(_);
       return j === "NaN" ? "" : j;
     }).filter((_) => !!_).join(",") : "";
   }, [t.rule]), v = [
@@ -2054,12 +2054,12 @@ const Fe = (t) => {
     { label: e.t("sheet.cf.ruleType.formula"), value: "5" },
     { label: e.t("sheet.cf.ruleType.iconSet"), value: "6" }
   ], [p, y] = N(() => {
-    var L, m;
-    const E = (L = t.rule) == null ? void 0 : L.rule.type, V = v[0].value;
+    var O, m;
+    const E = (O = t.rule) == null ? void 0 : O.rule.type, V = v[0].value;
     if (!E)
       return V;
     switch (E) {
-      case U.highlightCell: {
+      case L.highlightCell: {
         switch ((m = t.rule) == null ? void 0 : m.rule.subType) {
           case F.number:
           case F.text:
@@ -2075,26 +2075,26 @@ const Fe = (t) => {
         }
         break;
       }
-      case U.dataBar:
+      case L.dataBar:
         return "3";
-      case U.colorScale:
+      case L.colorScale:
         return "4";
-      case U.iconSet:
+      case L.iconSet:
         return "6";
     }
     return V;
-  }), f = ge(void 0), R = J(() => new vr({ beforeSubmit: Pi, submit: Oi }), []), I = J(() => {
+  }), f = ge(void 0), w = J(() => new vr({ beforeSubmit: Ui, submit: Pi }), []), I = J(() => {
     switch (p) {
       case "1":
         return on;
       case "2":
-        return Ui;
+        return Li;
       case "3":
-        return xi;
-      case "4":
         return Ti;
+      case "4":
+        return Ri;
       case "5":
-        return wi;
+        return xi;
       case "6":
         return Fi;
       default:
@@ -2104,35 +2104,35 @@ const Fe = (t) => {
   K(() => {
     const E = r.onCommandExecuted((V) => {
       if (V.id === Vr.id) {
-        const L = V.params;
-        L.subUnitId === d && L.unitId === o && t.onCancel();
+        const O = V.params;
+        O.subUnitId === u && O.unitId === o && t.onCancel();
       }
       V.id === Wt.id && t.onCancel();
     });
     return () => E.dispose();
   }, []);
-  const T = (E) => {
+  const R = (E) => {
     f.current = E;
-  }, w = (E) => {
-    const V = E.split(",").filter((L) => !!L).map(ei).map((L) => L.range);
+  }, x = (E) => {
+    const V = E.split(",").filter((O) => !!O).map(ei).map((O) => O.range);
     l.current = V;
-  }, x = () => {
+  }, T = () => {
     if (a)
       return;
     const V = (() => {
-      const m = n.getCurrentUnitForType(D.UNIVER_SHEET).getActiveSheet();
+      const m = n.getCurrentUnitForType(A.UNIVER_SHEET).getActiveSheet();
       if (!m)
         throw new Error("No active sheet found");
       return l.current.map((Y) => kr(Y, m.getRowCount(), m.getColumnCount())).filter((Y) => !(Number.isNaN(Y.startRow) || Number.isNaN(Y.startColumn)));
     })();
-    if (R.fetchThroughInterceptors(R.getInterceptPoints().beforeSubmit)(!0, null)) {
-      const m = R.fetchThroughInterceptors(R.getInterceptPoints().submit)(null, null);
+    if (w.fetchThroughInterceptors(w.getInterceptPoints().beforeSubmit)(!0, null)) {
+      const m = w.fetchThroughInterceptors(w.getInterceptPoints().submit)(null, null);
       if (m) {
         const _ = ln(n), j = cn(n);
         if (!_ || !j)
           throw new Error("No active sheet found");
         let Y = {};
-        t.rule && t.rule.cfId ? (Y = { ...t.rule, ranges: V, rule: m }, r.executeCommand(Rr.id, { unitId: _, subUnitId: j, rule: Y }), t.onCancel()) : (Y = { cfId: i.createCfId(_, j), ranges: V, rule: m, stopIfTrue: !1 }, r.executeCommand(Sn.id, { unitId: _, subUnitId: j, rule: Y }), t.onCancel());
+        t.rule && t.rule.cfId ? (Y = { ...t.rule, ranges: V, rule: m }, r.executeCommand(wr.id, { unitId: _, subUnitId: j, rule: Y }), t.onCancel()) : (Y = { cfId: i.createCfId(_, j), ranges: V, rule: m, stopIfTrue: !1 }, r.executeCommand(Sn.id, { unitId: _, subUnitId: j, rule: Y }), t.onCancel());
       }
     }
   }, g = () => {
@@ -2153,9 +2153,9 @@ const Fe = (t) => {
         ti,
         {
           unitId: o,
-          subUnitId: d,
-          initialValue: u,
-          onChange: (E, V) => w(V),
+          subUnitId: u,
+          initialValue: d,
+          onChange: (E, V) => x(V),
           onVerify: b
         }
       ),
@@ -2180,22 +2180,22 @@ const Fe = (t) => {
     /* @__PURE__ */ c(
       I,
       {
-        interceptorManager: R,
+        interceptorManager: w,
         rule: (M = t.rule) == null ? void 0 : M.rule,
-        onChange: T
+        onChange: R
       }
     ),
     /* @__PURE__ */ k("div", { className: "univer-mt-4 univer-flex univer-justify-end", children: [
       /* @__PURE__ */ c(Xt, { onClick: g, children: e.t("sheet.cf.panel.cancel") }),
-      /* @__PURE__ */ c(Xt, { className: "univer-ml-3", variant: "primary", onClick: x, children: e.t("sheet.cf.panel.submit") })
+      /* @__PURE__ */ c(Xt, { className: "univer-ml-3", variant: "primary", onClick: T, children: e.t("sheet.cf.panel.submit") })
     ] })
   ] });
 };
-var $i = Object.getOwnPropertyDescriptor, Ai = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? $i(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+var Di = Object.getOwnPropertyDescriptor, $i = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? Di(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, Di = (t, e) => (r, n) => e(r, n, t);
+}, Ai = (t, e) => (r, n) => e(r, n, t);
 let He = class extends ue {
   constructor(e) {
     super();
@@ -2218,34 +2218,34 @@ let He = class extends ue {
     const n = this._localeService.getLocales(), i = e.split("."), s = n && this._localeService.resolveKeyPath(n, i);
     if (typeof s == "string") {
       const o = [];
-      return this._findReplaceIndex(s).forEach((d, a, h) => {
+      return this._findReplaceIndex(s).forEach((u, a, h) => {
         const l = h[a - 1] || { endIndex: -1 };
-        if (l.endIndex + 1 < d.startIndex) {
-          const u = s.slice(l.endIndex + 1, d.startIndex);
-          u && o.push(u);
+        if (l.endIndex + 1 < u.startIndex) {
+          const d = s.slice(l.endIndex + 1, u.startIndex);
+          d && o.push(d);
         }
-        if (r[d.key] && o.push(r[d.key]), a === h.length - 1) {
-          const u = s.slice(d.endIndex + 1);
-          u && o.push(u);
+        if (r[u.key] && o.push(r[u.key]), a === h.length - 1) {
+          const d = s.slice(u.endIndex + 1);
+          d && o.push(d);
         }
       }), o;
     }
     return [];
   }
 };
-He = Ai([
-  Di(0, O(re))
+He = $i([
+  Ai(0, P(re))
 ], He);
 const Hi = (t, e) => {
   const r = t.rule;
   switch (r.type) {
-    case U.colorScale:
+    case L.colorScale:
       return e.t("sheet.cf.ruleType.colorScale");
-    case U.dataBar:
+    case L.dataBar:
       return e.t("sheet.cf.ruleType.dataBar");
-    case U.iconSet:
+    case L.iconSet:
       return e.t("sheet.cf.ruleType.iconSet");
-    case U.highlightCell:
+    case L.highlightCell:
       switch (r.subType) {
         case F.average: {
           const n = r.operator;
@@ -2276,116 +2276,116 @@ const Hi = (t, e) => {
 };
 let un = 0;
 const ji = (t) => {
-  const { onClick: e } = t, r = q(Q), n = q(z), i = q(je), s = q(te), o = q(re), d = q(fe), a = q(Fn), h = q(He), l = qr(() => n.getCurrentTypeOfUnit$(D.UNIVER_SHEET), void 0, void 0, []), u = l.getUnitId(), v = l.getActiveSheet();
+  const { onClick: e } = t, r = q(Q), n = q(Z), i = q(je), s = q(te), o = q(re), u = q(fe), a = q(Fn), h = q(He), l = qr(() => n.getCurrentTypeOfUnit$(A.UNIVER_SHEET), void 0, void 0, []), d = l.getUnitId(), v = l.getActiveSheet();
   if (!v)
     throw new Error("No active sheet found");
-  const p = v.getSheetId(), [y, f] = N([]), [R, I] = N("2"), [T, w] = N(0), [x, g] = N(-1), [b, S] = N(un), C = ge(null), M = [
+  const p = v.getSheetId(), [y, f] = N([]), [w, I] = N("2"), [R, x] = N(0), [T, g] = N(-1), [b, S] = N(un), C = ge(null), M = [
     { label: o.t("sheet.cf.panel.workSheet"), value: "2" },
     { label: o.t("sheet.cf.panel.selectedRange"), value: "1" }
   ], E = () => {
-    const A = r.getSubunitRules(u, p);
-    if (!A || !A.length)
+    const $ = r.getSubunitRules(d, p);
+    if (!$ || !$.length)
       return [];
-    if (R === "1") {
+    if (w === "1") {
       const B = i.getCurrentLastSelection();
       if (!B)
         return [];
       const G = B.range;
-      return A.filter((ee) => ee.ranges.some((ne) => ye.intersects(ne, G)));
-    } else if (R === "2")
-      return [...A];
+      return $.filter((ee) => ee.ranges.some((ne) => ye.intersects(ne, G)));
+    } else if (w === "2")
+      return [...$];
     return [];
-  }, [V, L] = N(E);
+  }, [V, O] = N(E);
   ni(y), K(() => {
-    const A = s.onCommandExecuted((B) => {
-      B.id === Wt.id && w(Math.random());
+    const $ = s.onCommandExecuted((B) => {
+      B.id === Wt.id && x(Math.random());
     });
-    return () => A.dispose();
+    return () => $.dispose();
   }), K(() => {
-    L(E);
-  }, [R, T, u, p]), K(() => {
-    if (R === "2")
+    O(E);
+  }, [w, R, d, p]), K(() => {
+    if (w === "2")
       return;
-    const A = new Ne((B) => {
-      const G = [Fr.id, se.id, _e.id, Re.id, _n.id], Z = s.onCommandExecuted((ee) => {
-        const { id: ne, params: Te } = ee, xe = n.getCurrentUnitOfType(D.UNIVER_SHEET).getUnitId();
-        G.includes(ne) && Te.unitId === xe && B.next(null);
+    const $ = new Ne((B) => {
+      const G = [Fr.id, se.id, _e.id, we.id, _n.id], z = s.onCommandExecuted((ee) => {
+        const { id: ne, params: Re } = ee, Te = n.getCurrentUnitOfType(A.UNIVER_SHEET).getUnitId();
+        G.includes(ne) && Re.unitId === Te && B.next(null);
       });
-      return () => Z.dispose();
+      return () => z.dispose();
     }).pipe(en(16)).subscribe(() => {
-      L(E);
+      O(E);
     });
     return () => {
-      A.unsubscribe();
+      $.unsubscribe();
     };
-  }, [n, R, u, p]), K(() => {
-    const A = r.$ruleChange.subscribe(() => {
-      w(Math.random());
+  }, [n, w, d, p]), K(() => {
+    const $ = r.$ruleChange.subscribe(() => {
+      x(Math.random());
     });
-    return () => A.unsubscribe();
+    return () => $.unsubscribe();
   }, [r]), K(() => {
-    const A = () => {
+    const $ = () => {
       var ee, ne;
-      const Z = Math.max(0, ((ne = (ee = C.current) == null ? void 0 : ee.getBoundingClientRect().width) != null ? ne : 0) - 8);
-      return un = Z, Z;
-    }, G = new Ne((Z) => {
+      const z = Math.max(0, ((ne = (ee = C.current) == null ? void 0 : ee.getBoundingClientRect().width) != null ? ne : 0) - 8);
+      return un = z, z;
+    }, G = new Ne((z) => {
       const ee = a.getContainer();
       if (ee) {
         let ne = setTimeout(() => {
-          Z.next(void 0);
+          z.next(void 0);
         }, 150);
-        const Te = () => {
+        const Re = () => {
           ne && clearTimeout(ne), ne = null;
-        }, xe = (lt) => {
-          lt.propertyName === "width" && (Te(), Z.next(void 0));
+        }, Te = (lt) => {
+          lt.propertyName === "width" && (Re(), z.next(void 0));
         };
-        return ee.addEventListener("transitionend", xe), () => {
-          Te(), ee.removeEventListener("transitionend", xe);
+        return ee.addEventListener("transitionend", Te), () => {
+          Re(), ee.removeEventListener("transitionend", Te);
         };
       }
     }).pipe(en(16)).subscribe(() => {
-      S(A());
+      S($());
     });
     return () => {
       G.unsubscribe();
     };
   }, []);
-  const m = (A) => {
-    var Z;
-    const B = n.getCurrentUnitOfType(D.UNIVER_SHEET).getUnitId(), G = (Z = n.getCurrentUnitOfType(D.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : Z.getSheetId();
+  const m = ($) => {
+    var z;
+    const B = n.getCurrentUnitOfType(A.UNIVER_SHEET).getUnitId(), G = (z = n.getCurrentUnitOfType(A.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : z.getSheetId();
     if (!B || !G)
       throw new Error("No active sheet found");
-    s.executeCommand(Yt.id, { unitId: B, subUnitId: G, cfId: A.cfId });
-  }, _ = (A, B) => {
+    s.executeCommand(Yt.id, { unitId: B, subUnitId: G, cfId: $.cfId });
+  }, _ = ($, B) => {
     g(B.y);
-  }, j = (A, B, G) => {
+  }, j = ($, B, G) => {
     var lt;
     g(-1);
-    const Z = n.getCurrentUnitOfType(D.UNIVER_SHEET).getUnitId(), ee = (lt = n.getCurrentUnitOfType(D.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : lt.getSheetId();
-    if (!Z || !ee)
+    const z = n.getCurrentUnitOfType(A.UNIVER_SHEET).getUnitId(), ee = (lt = n.getCurrentUnitOfType(A.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : lt.getSheetId();
+    if (!z || !ee)
       throw new Error("No active sheet found");
     const ne = (ar) => {
       const lr = V.length;
       return Math.min(lr - 1, Math.max(0, ar));
-    }, Te = V[ne(B.y)].cfId, xe = V[ne(G.y)].cfId;
-    Te !== xe && s.executeCommand(Tr.id, { unitId: Z, subUnitId: ee, start: { id: Te, type: "self" }, end: { id: xe, type: G.y > B.y ? "after" : "before" } });
+    }, Re = V[ne(B.y)].cfId, Te = V[ne(G.y)].cfId;
+    Re !== Te && s.executeCommand(Rr.id, { unitId: z, subUnitId: ee, start: { id: Re, type: "self" }, end: { id: Te, type: G.y > B.y ? "after" : "before" } });
   }, Y = () => {
     t.onCreate();
   }, pe = () => {
-    R === "2" ? s.executeCommand(Rn.id) : R === "1" && V.map((B) => ({ unitId: u, subUnitId: p, cfId: B.cfId })).forEach((B) => {
+    w === "2" ? s.executeCommand(wn.id) : w === "1" && V.map((B) => ({ unitId: d, subUnitId: p, cfId: B.cfId })).forEach((B) => {
       s.executeCommand(Yt.id, B);
     });
   }, Ce = J(() => {
-    const A = n.getCurrentUnitOfType(D.UNIVER_SHEET), B = A.getActiveSheet();
+    const $ = n.getCurrentUnitOfType(A.UNIVER_SHEET), B = $.getActiveSheet();
     return V.filter((G) => {
-      const Z = G.ranges;
-      return ft(d, A.getUnitId(), B.getSheetId(), Z);
+      const z = G.ranges;
+      return ft(u, $.getUnitId(), B.getSheetId(), z);
     });
-  }, [V]), Ue = Ce.map((A, B) => ({ i: A.cfId, x: 0, w: 12, y: B, h: 1, isResizable: !1 })), Pe = J(() => {
-    const A = n.getCurrentUnitOfType(D.UNIVER_SHEET), B = A.getActiveSheet();
+  }, [V]), Le = Ce.map(($, B) => ({ i: $.cfId, x: 0, w: 12, y: B, h: 1, isResizable: !1 })), Ue = J(() => {
+    const $ = n.getCurrentUnitOfType(A.UNIVER_SHEET), B = $.getActiveSheet();
     return V.every((G) => {
-      const Z = G.ranges;
-      return ft(d, A.getUnitId(), B.getSheetId(), Z);
+      const z = G.ranges;
+      return ft(u, $.getUnitId(), B.getSheetId(), z);
     });
   }, [V]);
   return /* @__PURE__ */ k("div", { children: [
@@ -2397,13 +2397,13 @@ const ji = (t) => {
           {
             className: "univer-w-36",
             options: M,
-            value: R,
-            onChange: (A) => {
-              I(A);
+            value: w,
+            onChange: ($) => {
+              I($);
             }
           }
         )
-      ).map((A, B) => /* @__PURE__ */ c("span", { children: A }, B)) }),
+      ).map(($, B) => /* @__PURE__ */ c("span", { children: $ }, B)) }),
       /* @__PURE__ */ k("div", { className: "univer-flex univer-justify-end", children: [
         /* @__PURE__ */ c(Jt, { title: o.t("sheet.cf.panel.createRule"), placement: "bottom", children: /* @__PURE__ */ c(
           "a",
@@ -2413,7 +2413,7 @@ const ji = (t) => {
             children: /* @__PURE__ */ c(Xn, {})
           }
         ) }),
-        V.length && Pe ? /* @__PURE__ */ c(Jt, { title: o.t("sheet.cf.panel.clear"), placement: "bottom", children: /* @__PURE__ */ c(
+        V.length && Ue ? /* @__PURE__ */ c(Jt, { title: o.t("sheet.cf.panel.clear"), placement: "bottom", children: /* @__PURE__ */ c(
           "a",
           {
             className: "univer-size-5 univer-cursor-pointer",
@@ -2428,25 +2428,25 @@ const ji = (t) => {
       {
         className: "[&_.react-grid-item]:univer-transition-none [&_.react-grid-placeholder]:univer-rounded [&_.react-grid-placeholder]:!univer-bg-gray-200",
         draggableHandle: ".draggableHandle",
-        layout: Ue,
+        layout: Le,
         cols: 12,
         rowHeight: 60,
         width: b,
         margin: [0, 10],
         onDragStop: j,
         onDragStart: _,
-        children: Ce == null ? void 0 : Ce.map((A, B) => /* @__PURE__ */ c("div", { children: /* @__PURE__ */ k(
+        children: Ce == null ? void 0 : Ce.map(($, B) => /* @__PURE__ */ c("div", { children: /* @__PURE__ */ k(
           "div",
           {
             className: X("univer-group univer-relative univer-flex univer-items-center univer-justify-between univer-rounded univer-py-2 univer-pl-5 univer-pr-8 dark:hover:!univer-bg-gray-700 hover:univer-bg-gray-100", {
-              "univer-bg-gray-100 dark:!univer-bg-gray-700": x === B
+              "univer-bg-gray-100 dark:!univer-bg-gray-700": T === B
             }),
             onMouseMove: () => {
-              A.ranges !== y && f(A.ranges);
+              $.ranges !== y && f($.ranges);
             },
             onMouseLeave: () => f([]),
             onClick: () => {
-              e(A);
+              e($);
             },
             children: [
               /* @__PURE__ */ c(
@@ -2466,35 +2466,35 @@ const ji = (t) => {
                       "div",
                       {
                         className: "univer-text-sm univer-text-gray-900 dark:!univer-text-white",
-                        children: Hi(A, o)
+                        children: Hi($, o)
                       }
                     ),
-                    /* @__PURE__ */ c("div", { className: "univer-text-xs univer-text-gray-400", children: A.ranges.map((G) => Un(G)).join(",") })
+                    /* @__PURE__ */ c("div", { className: "univer-text-xs univer-text-gray-400", children: $.ranges.map((G) => Ln(G)).join(",") })
                   ]
                 }
               ),
-              /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(We, { rule: A.rule }) }),
+              /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(We, { rule: $.rule }) }),
               /* @__PURE__ */ c(
                 "div",
                 {
                   className: X("univer-absolute univer-right-1 univer-hidden univer-size-6 univer-cursor-pointer univer-items-center univer-justify-center univer-rounded group-hover:univer-flex hover:univer-bg-gray-200", {
-                    "univer-flex univer-items-center univer-justify-center": x === B
+                    "univer-flex univer-items-center univer-justify-center": T === B
                   }),
                   onClick: (G) => {
-                    G.stopPropagation(), m(A), f([]);
+                    G.stopPropagation(), m($), f([]);
                   },
                   children: /* @__PURE__ */ c(gt, {})
                 }
               )
             ]
           }
-        ) }, `${A.cfId}`))
+        ) }, `${$.cfId}`))
       }
     ) })
   ] });
 }, Bi = (t) => {
   const [e, r] = N(t.rule), [n, i] = N(!!t.rule);
-  return /* @__PURE__ */ c("div", { className: "univer-flex univer-h-full univer-flex-col univer-justify-between", children: n ? /* @__PURE__ */ c(Li, { onCancel: () => {
+  return /* @__PURE__ */ c("div", { className: "univer-flex univer-h-full univer-flex-col univer-justify-between", children: n ? /* @__PURE__ */ c(Oi, { onCancel: () => {
     i(!1), r(void 0);
   }, rule: e }) : /* @__PURE__ */ c(ji, { onClick: (a) => {
     r(a), i(!0);
@@ -2513,9 +2513,9 @@ let Qe = class extends ue {
     super();
     Se(this, "_sidebarDisposable", null);
     this._univerInstanceService = e, this._injector = r, this._componentManager = n, this._sidebarService = i, this._localeService = s, this._initPanel(), this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(D.UNIVER_SHEET).subscribe((o) => {
-        var d;
-        o || (d = this._sidebarDisposable) == null || d.dispose();
+      this._univerInstanceService.getCurrentTypeOfUnit$(A.UNIVER_SHEET).subscribe((o) => {
+        var u;
+        o || (u = this._sidebarDisposable) == null || u.dispose();
       })
     ), this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe((o) => {
       o.id === ht && (o.visible || setTimeout(() => {
@@ -2543,30 +2543,30 @@ let Qe = class extends ue {
   }
 };
 Qe = qi([
-  qe(0, z),
-  qe(1, O(fe)),
-  qe(2, O(kn)),
-  qe(3, O(Fn)),
-  qe(4, O(re))
+  qe(0, Z),
+  qe(1, P(fe)),
+  qe(2, P(kn)),
+  qe(3, P(Fn)),
+  qe(4, P(re))
 ], Qe);
 var ie = /* @__PURE__ */ ((t) => (t[t.createRule = 1] = "createRule", t[t.viewRule = 2] = "viewRule", t[t.highlightCell = 3] = "highlightCell", t[t.rank = 4] = "rank", t[t.formula = 5] = "formula", t[t.colorScale = 6] = "colorScale", t[t.dataBar = 7] = "dataBar", t[t.icon = 8] = "icon", t[t.clearRangeRules = 9] = "clearRangeRules", t[t.clearWorkSheetRules = 10] = "clearWorkSheetRules", t))(ie || {});
 const Vt = {
   id: "sheet.operation.open.conditional.formatting.panel",
   type: me.OPERATION,
   handler: (t, e) => {
-    var d;
-    const r = t.get(Qe), n = t.get(je), i = t.get(te), s = ((d = n.getCurrentSelections()) == null ? void 0 : d.map((a) => a.range)) || [];
+    var u;
+    const r = t.get(Qe), n = t.get(je), i = t.get(te), s = ((u = n.getCurrentSelections()) == null ? void 0 : u.map((a) => a.range)) || [];
     switch (e.value) {
       case 3: {
-        r.openPanel({ ...we(), ranges: s });
+        r.openPanel({ ...xe(), ranges: s });
         break;
       }
       case 4: {
         const a = {
-          ...we,
+          ...xe,
           ranges: s,
           rule: {
-            type: U.highlightCell,
+            type: L.highlightCell,
             subType: F.rank
           }
         };
@@ -2575,10 +2575,10 @@ const Vt = {
       }
       case 5: {
         const a = {
-          ...we,
+          ...xe,
           ranges: s,
           rule: {
-            type: U.highlightCell,
+            type: L.highlightCell,
             subType: F.formula,
             value: "="
           }
@@ -2588,10 +2588,10 @@ const Vt = {
       }
       case 6: {
         const a = {
-          ...we,
+          ...xe,
           ranges: s,
           rule: {
-            type: U.colorScale,
+            type: L.colorScale,
             config: []
           }
         };
@@ -2600,10 +2600,10 @@ const Vt = {
       }
       case 7: {
         const a = {
-          ...we,
+          ...xe,
           ranges: s,
           rule: {
-            type: U.dataBar,
+            type: L.dataBar,
             isShowValue: !0
           }
         };
@@ -2612,10 +2612,10 @@ const Vt = {
       }
       case 8: {
         const a = {
-          ...we,
+          ...xe,
           ranges: s,
           rule: {
-            type: U.iconSet,
+            type: L.iconSet,
             config: [],
             isShowValue: !0
           }
@@ -2628,22 +2628,22 @@ const Vt = {
         break;
       }
       case 1: {
-        r.openPanel({ ...we(), ranges: s });
+        r.openPanel({ ...xe(), ranges: s });
         break;
       }
       case 9: {
-        i.executeCommand(xr.id, { ranges: s });
+        i.executeCommand(Tr.id, { ranges: s });
         break;
       }
       case 10: {
-        i.executeCommand(Rn.id);
+        i.executeCommand(wn.id);
         break;
       }
     }
     return !0;
   }
 };
-var Gi = Object.getOwnPropertyDescriptor, zi = (t, e, r, n) => {
+var Gi = Object.getOwnPropertyDescriptor, Zi = (t, e, r, n) => {
   for (var i = n > 1 ? void 0 : n ? Gi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
@@ -2660,8 +2660,8 @@ let et = class extends ue {
         id: st,
         onBeforeCopy: (e, r, n) => this._collectConditionalRule(e, r, n),
         onPasteCells: (e, r, n, i) => {
-          const { copyType: s = Qt.COPY, pasteType: o } = i, { range: d } = e || {}, { range: a } = r;
-          return this._generateConditionalFormattingMutations(a, { copyType: s, pasteType: o, copyRange: d });
+          const { copyType: s = Qt.COPY, pasteType: o } = i, { range: u } = e || {}, { range: a } = r;
+          return this._generateConditionalFormattingMutations(a, { copyType: s, pasteType: o, copyRange: u });
         }
       })
     );
@@ -2676,23 +2676,23 @@ let et = class extends ue {
         cfMap: s
       }
     };
-    const o = this._injector.invoke((l) => Ur(n, l, e, r));
+    const o = this._injector.invoke((l) => Lr(n, l, e, r));
     if (!o)
       return;
-    const { rows: d, cols: a } = o, h = /* @__PURE__ */ new Set();
-    d.forEach((l, u) => {
+    const { rows: u, cols: a } = o, h = /* @__PURE__ */ new Set();
+    u.forEach((l, d) => {
       a.forEach((v, p) => {
         const y = this._conditionalFormattingViewModel.getCellCfs(e, r, l, v);
-        y && (y.forEach((f) => h.add(f.cfId)), i.setValue(u, p, y.map((f) => f.cfId)));
+        y && (y.forEach((f) => h.add(f.cfId)), i.setValue(d, p, y.map((f) => f.cfId)));
       });
     }), h.forEach((l) => {
-      const u = this._conditionalFormattingRuleModel.getRule(e, r, l);
-      u && (s[l] = u.rule);
+      const d = this._conditionalFormattingRuleModel.getRule(e, r, l);
+      d && (s[l] = d.rule);
     });
   }
   // eslint-disable-next-line max-lines-per-function
   _generateConditionalFormattingMutations(e, r) {
-    const n = this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SHEET), i = n.getActiveSheet(), s = n.getUnitId();
+    const n = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET), i = n.getActiveSheet(), s = n.getUnitId();
     if (!i) return { redos: [], undos: [] };
     const o = i.getSheetId();
     if (r.copyType === Qt.CUT)
@@ -2707,15 +2707,15 @@ let et = class extends ue {
       r.pasteType
     ))
       return { redos: [], undos: [] };
-    const { ranges: [a, h], mapFunc: l } = Pn([r.copyRange, e]), u = ii(a, h, !0), v = {};
+    const { ranges: [a, h], mapFunc: l } = Un([r.copyRange, e]), d = ii(a, h, !0), v = {};
     be.foreach(h, (g, b) => {
       const { row: S, col: C } = l(g, b), M = this._conditionalFormattingViewModel.getCellCfs(s, o, S, C);
       M && M.forEach((E) => {
         if (!v[E.cfId]) {
           const V = new Me();
           v[E.cfId] = V;
-          const L = this._conditionalFormattingRuleModel.getRule(s, o, E.cfId);
-          L == null || L.ranges.forEach((m) => {
+          const O = this._conditionalFormattingRuleModel.getRule(s, o, E.cfId);
+          O == null || O.ranges.forEach((m) => {
             be.foreach(m, (_, j) => {
               V.setValue(_, j, 1);
             });
@@ -2725,8 +2725,8 @@ let et = class extends ue {
       });
     });
     const { matrix: p, info: y } = this._copyInfo, f = [];
-    let R = this._conditionalFormattingRuleModel.createCfId(s, o);
-    const I = {}, T = (g) => {
+    let w = this._conditionalFormattingRuleModel.createCfId(s, o);
+    const I = {}, R = (g) => {
       if (I[g])
         return I[g];
       const b = y == null ? void 0 : y.cfMap[g], S = [...this._conditionalFormattingRuleModel.getSubunitRules(s, o) || [], ...f].find((C) => Bt.diffValue(C.rule, b));
@@ -2735,14 +2735,14 @@ let et = class extends ue {
       {
         const C = {
           rule: b,
-          cfId: R,
+          cfId: w,
           ranges: [],
           stopIfTrue: !1
         };
-        return I[g] = C, f.push(C), R = `${Number(R) + 1}`, C;
+        return I[g] = C, f.push(C), w = `${Number(w) + 1}`, C;
       }
     };
-    u.forEach((g) => {
+    d.forEach((g) => {
       p && p.forValue((b, S, C) => {
         const M = ye.getPositionRange(
           {
@@ -2753,20 +2753,20 @@ let et = class extends ue {
           },
           g.startRange
         ), { row: E, col: V } = l(M.startRow, M.startColumn);
-        C.forEach((L) => {
-          if (!v[L]) {
-            const m = T(L), _ = new Me();
-            v[L] = _, m.ranges.forEach((j) => {
+        C.forEach((O) => {
+          if (!v[O]) {
+            const m = R(O), _ = new Me();
+            v[O] = _, m.ranges.forEach((j) => {
               be.foreach(j, (Y, pe) => {
                 _.setValue(Y, pe, 1);
               });
             });
           }
-          v[L].setValue(E, V, 1);
+          v[O].setValue(E, V, 1);
         });
       });
     });
-    const w = [], x = [];
+    const x = [], T = [];
     for (const g in v) {
       const b = v[g], S = pt(Ct(b));
       if (!S.length) {
@@ -2775,15 +2775,15 @@ let et = class extends ue {
           subUnitId: o,
           cfId: g
         };
-        w.push({ id: Re.id, params: C }), x.push(...Ae(this._injector, C));
+        x.push({ id: we.id, params: C }), T.push(...$e(this._injector, C));
       }
       if (f.some((C) => C.cfId === g)) {
-        const C = T(g), M = {
+        const C = R(g), M = {
           unitId: s,
           subUnitId: o,
           rule: { ...C, ranges: S }
         };
-        w.push({ id: se.id, params: M }), x.push(Tn(this._injector, M));
+        x.push({ id: se.id, params: M }), T.push(Rn(this._injector, M));
       } else {
         const C = this._conditionalFormattingRuleModel.getRule(s, o, g);
         if (!C)
@@ -2793,27 +2793,27 @@ let et = class extends ue {
           subUnitId: o,
           rule: { ...C, ranges: S }
         };
-        w.push({ id: _e.id, params: M }), x.push(...De(this._injector, M));
+        x.push({ id: _e.id, params: M }), T.push(...Ae(this._injector, M));
       }
     }
     return {
-      redos: w,
-      undos: x
+      redos: x,
+      undos: T
     };
   }
 };
-et = zi([
-  Ge(0, O(ri)),
-  Ge(1, O(Q)),
-  Ge(2, O(fe)),
-  Ge(3, O(it)),
-  Ge(4, O(z))
+et = Zi([
+  Ge(0, P(ri)),
+  Ge(1, P(Q)),
+  Ge(2, P(fe)),
+  Ge(3, P(it)),
+  Ge(4, P(Z))
 ], et);
-var Zi = Object.getOwnPropertyDescriptor, Yi = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Zi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+var zi = Object.getOwnPropertyDescriptor, Yi = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? zi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, Lt = (t, e) => (r, n) => e(r, n, t);
+}, Ot = (t, e) => (r, n) => e(r, n, t);
 let tt = class extends ue {
   constructor(t, e, r) {
     super(), this._localeService = t, this._commandService = e, this._sheetPermissionCheckController = r, this._commandExecutedListener();
@@ -2831,9 +2831,9 @@ let tt = class extends ue {
   }
 };
 tt = Yi([
-  Lt(0, O(re)),
-  Lt(1, te),
-  Lt(2, O(Pr))
+  Ot(0, P(re)),
+  Ot(1, te),
+  Ot(2, P(Ur))
 ], tt);
 var Ki = Object.getOwnPropertyDescriptor, Xi = (t, e, r, n) => {
   for (var i = n > 1 ? void 0 : n ? Ki(e, r) : e, s = t.length - 1, o; s >= 0; s--)
@@ -2847,25 +2847,25 @@ let nt = class extends ue {
   _initRefRange() {
     const t = /* @__PURE__ */ new Map(), e = (n, i, s) => `${n}_${i}_${s}`, r = (n, i, s) => {
       const o = (a) => {
-        const h = [...s.ranges], l = h.map((v) => Lr(v, a)).filter((v) => !!v);
-        if (wr(l, h))
+        const h = [...s.ranges], l = h.map((v) => Or(v, a)).filter((v) => !!v);
+        if (xr(l, h))
           return { redos: [], undos: [] };
         if (l.length) {
-          const v = { unitId: n, subUnitId: i, rule: { ...s, ranges: l } }, p = [{ id: _e.id, params: v }], y = De(this._injector, v);
+          const v = { unitId: n, subUnitId: i, rule: { ...s, ranges: l } }, p = [{ id: _e.id, params: v }], y = Ae(this._injector, v);
           return { redos: p, undos: y };
         } else {
-          const v = { unitId: n, subUnitId: i, cfId: s.cfId }, p = [{ id: Re.id, params: v }], y = Ae(this._injector, v);
+          const v = { unitId: n, subUnitId: i, cfId: s.cfId }, p = [{ id: we.id, params: v }], y = $e(this._injector, v);
           return { redos: p, undos: y };
         }
-      }, d = [];
+      }, u = [];
       s.ranges.forEach((a) => {
         const h = this._refRangeService.registerRefRange(a, o);
-        d.push(() => h.dispose());
-      }), t.set(e(n, i, s.cfId), () => d.forEach((a) => a()));
+        u.push(() => h.dispose());
+      }), t.set(e(n, i, s.cfId), () => u.forEach((a) => a()));
     };
     this.disposeWithMe(this._conditionalFormattingRuleModel.$ruleChange.subscribe((n) => {
-      const { unitId: i, subUnitId: s, rule: o } = n, d = this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SHEET), a = d.getActiveSheet();
-      if (!(n.unitId !== d.getUnitId() || n.subUnitId !== (a == null ? void 0 : a.getSheetId())))
+      const { unitId: i, subUnitId: s, rule: o } = n, u = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET), a = u.getActiveSheet();
+      if (!(n.unitId !== u.getUnitId() || n.subUnitId !== (a == null ? void 0 : a.getSheetId())))
         switch (n.type) {
           case "add": {
             r(n.unitId, n.subUnitId, n.rule);
@@ -2889,16 +2889,16 @@ let nt = class extends ue {
   }
 };
 nt = Xi([
-  vt(0, O(Q)),
-  vt(1, O(z)),
-  vt(2, O(fe)),
-  vt(3, O(Or))
+  vt(0, P(Q)),
+  vt(1, P(Z)),
+  vt(2, P(fe)),
+  vt(3, P(Pr))
 ], nt);
 var Ji = Object.getOwnPropertyDescriptor, Qi = (t, e, r, n) => {
   for (var i = n > 1 ? void 0 : n ? Ji(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, Le = (t, e) => (r, n) => e(r, n, t);
+}, Oe = (t, e) => (r, n) => e(r, n, t);
 let rt = class extends ue {
   constructor(e, r, n, i, s, o) {
     super();
@@ -2913,15 +2913,15 @@ let rt = class extends ue {
   }
   _markDirtySkeleton() {
     var r, n, i;
-    const e = this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SHEET).getUnitId();
-    (r = this._renderManagerService.getRenderById(e)) == null || r.with(On).reCalculate(), (i = (n = this._renderManagerService.getRenderById(e)) == null ? void 0 : n.mainComponent) == null || i.makeDirty();
+    const e = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET).getUnitId();
+    (r = this._renderManagerService.getRenderById(e)) == null || r.with(Pn).reCalculate(), (i = (n = this._renderManagerService.getRenderById(e)) == null ? void 0 : n.mainComponent) == null || i.makeDirty();
   }
   _initSkeleton() {
-    this.disposeWithMe(Ln(this._conditionalFormattingRuleModel.$ruleChange, this._conditionalFormattingViewModel.markDirty$).pipe(
+    this.disposeWithMe(On(this._conditionalFormattingRuleModel.$ruleChange, this._conditionalFormattingViewModel.markDirty$).pipe(
       ci(16),
       tn((e) => !!e.length),
       tn((e) => {
-        const r = this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SHEET);
+        const r = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET);
         if (!r) return !1;
         const n = r.getActiveSheet();
         return n ? e.filter((i) => i.unitId === r.getUnitId() && i.subUnitId === n.getSheetId()).length > 0 : !1;
@@ -2929,33 +2929,33 @@ let rt = class extends ue {
     ).subscribe(() => this._markDirtySkeleton()));
   }
   _initViewModelInterceptor() {
-    this.disposeWithMe(this._sheetInterceptorService.intercept($r.CELL_CONTENT, {
+    this.disposeWithMe(this._sheetInterceptorService.intercept(Dr.CELL_CONTENT, {
       effect: mr.Style,
       handler: (e, r, n) => {
         const i = this._conditionalFormattingService.composeStyle(r.unitId, r.subUnitId, r.row, r.col);
         if (!i)
           return n(e);
-        const s = r.workbook.getStyles(), d = { ...(typeof (e == null ? void 0 : e.s) == "string" ? s.get(e == null ? void 0 : e.s) : e == null ? void 0 : e.s) || {} }, a = { ...e, s: d };
-        return i.style && Object.assign(d, i.style), a.fontRenderExtension || (a.fontRenderExtension = {}, i.isShowValue !== void 0 && (a.fontRenderExtension.isSkip = !i.isShowValue)), i.dataBar && (a.dataBar = i.dataBar), i.iconSet && (a.iconSet = i.iconSet, a.fontRenderExtension.leftOffset = Er + Nr), n(a);
+        const s = r.workbook.getStyles(), o = (typeof (e == null ? void 0 : e.s) == "string" ? s.get(e == null ? void 0 : e.s) : e == null ? void 0 : e.s) || {}, u = e === r.rawData ? { ...r.rawData } : e;
+        return i.style && Object.assign(u, o), u.fontRenderExtension || (u.fontRenderExtension = {}, i.isShowValue !== void 0 && (u.fontRenderExtension.isSkip = !i.isShowValue)), i.dataBar && (u.dataBar = i.dataBar), i.iconSet && (u.iconSet = i.iconSet, u.fontRenderExtension.leftOffset = Er + Nr), n(u);
       },
       priority: 10
     }));
   }
 };
 rt = Qi([
-  Le(0, O(qt)),
-  Le(1, O(xn)),
-  Le(2, O(z)),
-  Le(3, O($n)),
-  Le(4, O(it)),
-  Le(5, O(Q))
+  Oe(0, P(qt)),
+  Oe(1, P(Tn)),
+  Oe(2, P(Z)),
+  Oe(3, P(Dn)),
+  Oe(4, P(it)),
+  Oe(5, P(Q))
 ], rt);
 const ir = "sheets-conditional-formatting-ui.config", bt = {};
 var es = Object.defineProperty, ts = Object.getOwnPropertyDescriptor, ns = (t, e, r) => e in t ? es(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, rs = (t, e, r, n) => {
   for (var i = n > 1 ? void 0 : n ? ts(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, $t = (t, e) => (r, n) => e(r, n, t), sr = (t, e, r) => ns(t, typeof e != "symbol" ? e + "" : e, r);
+}, Dt = (t, e) => (r, n) => e(r, n, t), sr = (t, e, r) => ns(t, typeof e != "symbol" ? e + "" : e, r);
 let It = class extends bn {
   constructor(t = bt, e, r, n) {
     super(), this._config = t, this._injector = e, this._commandService = r, this._configService = n;
@@ -2968,15 +2968,15 @@ let It = class extends bn {
   }
   _initCommand() {
     [
+      $n,
       An,
-      Dn,
       Hn,
       jn,
       Bn,
       Wn,
       qn,
       Gn,
-      zn,
+      Zn,
       Vt
     ].forEach((t) => {
       this._commandService.registerCommand(t);
@@ -2984,30 +2984,30 @@ let It = class extends bn {
   }
 };
 sr(It, "pluginName", `${st}_MOBILE_UI_PLUGIN`);
-sr(It, "type", D.UNIVER_SHEET);
+sr(It, "type", A.UNIVER_SHEET);
 It = rs([
-  Cn(wn),
-  $t(1, O(fe)),
-  $t(2, O(te)),
-  $t(3, yn)
+  Cn(xn),
+  Dt(1, P(fe)),
+  Dt(2, P(te)),
+  Dt(3, yn)
 ], It);
 var is = Object.getOwnPropertyDescriptor, ss = (t, e, r, n) => {
   for (var i = n > 1 ? void 0 : n ? is(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, ze = (t, e) => (r, n) => e(r, n, t);
+}, Ze = (t, e) => (r, n) => e(r, n, t);
 let St = class extends ue {
   constructor(t, e, r, n, i) {
     super(), this._injector = t, this._univerInstanceService = e, this._autoFillService = r, this._conditionalFormattingRuleModel = n, this._conditionalFormattingViewModel = i, this._initAutoFill();
   }
   // eslint-disable-next-line max-lines-per-function
   _initAutoFill() {
-    const t = () => ({ redos: [], undos: [] }), e = (i, s, o, d, a) => {
+    const t = () => ({ redos: [], undos: [] }), e = (i, s, o, u, a) => {
       var p;
-      const h = this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SHEET).getUnitId(), l = (p = this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : p.getSheetId();
+      const h = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET).getUnitId(), l = (p = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : p.getSheetId();
       if (!h || !l)
         return;
-      const u = {
+      const d = {
         startRow: i.row,
         startColumn: i.col,
         endColumn: i.col,
@@ -3019,14 +3019,14 @@ let St = class extends ue {
         endRow: s.row
       };
       be.foreach(o, (y, f) => {
-        const R = ye.getPositionRange(
+        const w = ye.getPositionRange(
           {
             startRow: y,
             startColumn: f,
             endColumn: f,
             endRow: y
           },
-          u
+          d
         ), I = ye.getPositionRange(
           {
             startRow: y,
@@ -3035,11 +3035,11 @@ let St = class extends ue {
             endRow: y
           },
           v
-        ), { row: T, col: w } = a(R.startRow, R.startColumn), x = this._conditionalFormattingViewModel.getCellCfs(
+        ), { row: R, col: x } = a(w.startRow, w.startColumn), T = this._conditionalFormattingViewModel.getCellCfs(
           h,
           l,
-          T,
-          w
+          R,
+          x
         ), { row: g, col: b } = a(I.startRow, I.startColumn), S = this._conditionalFormattingViewModel.getCellCfs(
           h,
           l,
@@ -3047,63 +3047,63 @@ let St = class extends ue {
           b
         );
         S && S.forEach((C) => {
-          let M = d.get(C.cfId);
-          if (!d.get(C.cfId)) {
+          let M = u.get(C.cfId);
+          if (!u.get(C.cfId)) {
             const E = this._conditionalFormattingRuleModel.getRule(h, l, C.cfId);
             if (!E)
               return;
             M = new Me(), E.ranges.forEach((V) => {
-              be.foreach(V, (L, m) => {
-                M.setValue(L, m, 1);
+              be.foreach(V, (O, m) => {
+                M.setValue(O, m, 1);
               });
-            }), d.set(C.cfId, M);
+            }), u.set(C.cfId, M);
           }
           M.realDeleteValue(g, b);
-        }), x && x.forEach((C) => {
-          let M = d.get(C.cfId);
-          if (!d.get(C.cfId)) {
+        }), T && T.forEach((C) => {
+          let M = u.get(C.cfId);
+          if (!u.get(C.cfId)) {
             const E = this._conditionalFormattingRuleModel.getRule(h, l, C.cfId);
             if (!E)
               return;
             M = new Me(), E.ranges.forEach((V) => {
-              be.foreach(V, (L, m) => {
-                M.setValue(L, m, 1);
+              be.foreach(V, (O, m) => {
+                M.setValue(O, m, 1);
               });
-            }), d.set(C.cfId, M);
+            }), u.set(C.cfId, M);
           }
           M.setValue(g, b, 1);
         });
       });
     }, r = (i, s) => {
-      var I, T, w;
-      const o = (I = this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SHEET)) == null ? void 0 : I.getUnitId(), d = (w = (T = this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SHEET)) == null ? void 0 : T.getActiveSheet()) == null ? void 0 : w.getSheetId(), a = /* @__PURE__ */ new Map(), h = [], l = [];
-      if (!o || !d)
+      var I, R, x;
+      const o = (I = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET)) == null ? void 0 : I.getUnitId(), u = (x = (R = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET)) == null ? void 0 : R.getActiveSheet()) == null ? void 0 : x.getSheetId(), a = /* @__PURE__ */ new Map(), h = [], l = [];
+      if (!o || !u)
         return t();
-      const u = Pn([i, s]), [v, p] = u.ranges, { mapFunc: y } = u, f = {
+      const d = Un([i, s]), [v, p] = d.ranges, { mapFunc: y } = d, f = {
         row: v.startRow,
         col: v.startColumn
       };
-      return oi(v, p).forEach((x) => {
-        e(f, x.repeatStartCell, x.relativeRange, a, y);
-      }), a.forEach((x, g) => {
-        const b = this._conditionalFormattingRuleModel.getRule(o, d, g);
+      return oi(v, p).forEach((T) => {
+        e(f, T.repeatStartCell, T.relativeRange, a, y);
+      }), a.forEach((T, g) => {
+        const b = this._conditionalFormattingRuleModel.getRule(o, u, g);
         if (!b)
           return;
-        const S = pt(Ct(x));
+        const S = pt(Ct(T));
         if (S.length) {
           const C = {
             unitId: o,
-            subUnitId: d,
+            subUnitId: u,
             rule: { ...b, ranges: S }
           };
-          h.push({ id: _e.id, params: C }), l.push(...De(this._injector, C));
+          h.push({ id: _e.id, params: C }), l.push(...Ae(this._injector, C));
         } else {
           const C = {
             unitId: o,
-            subUnitId: d,
+            subUnitId: u,
             cfId: b.cfId
           };
-          h.push({ id: Re.id, params: C }), l.push(...Ae(this._injector, C));
+          h.push({ id: we.id, params: C }), l.push(...$e(this._injector, C));
         }
       }), {
         undos: l,
@@ -3112,9 +3112,9 @@ let St = class extends ue {
     }, n = {
       id: st,
       onFillData: (i, s, o) => {
-        if (o === Ut.COPY || o === Ut.ONLY_FORMAT || o === Ut.SERIES) {
-          const { source: d, target: a } = i;
-          return r(d, a);
+        if (o === Lt.COPY || o === Lt.ONLY_FORMAT || o === Lt.SERIES) {
+          const { source: u, target: a } = i;
+          return r(u, a);
         }
         return t();
       }
@@ -3123,17 +3123,17 @@ let St = class extends ue {
   }
 };
 St = ss([
-  ze(0, O(fe)),
-  ze(1, O(z)),
-  ze(2, O(si)),
-  ze(3, O(Q)),
-  ze(4, O(it))
+  Ze(0, P(fe)),
+  Ze(1, P(Z)),
+  Ze(2, P(si)),
+  Ze(3, P(Q)),
+  Ze(4, P(it))
 ], St);
 var os = Object.getOwnPropertyDescriptor, as = (t, e, r, n) => {
   for (var i = n > 1 ? void 0 : n ? os(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, Ze = (t, e) => (r, n) => e(r, n, t);
+}, ze = (t, e) => (r, n) => e(r, n, t);
 let _t = class extends ue {
   constructor(t, e, r, n, i) {
     super(), this._injector = t, this._univerInstanceService = e, this._sheetInterceptorService = r, this._selectionManagerService = n, this._conditionalFormattingRuleModel = i, this._init();
@@ -3143,18 +3143,18 @@ let _t = class extends ue {
       getMutations: (t) => {
         var i;
         const e = [], r = [], n = { redos: e, undos: r };
-        if ([Ar.id, Dr.id].includes(t.id)) {
+        if ([$r.id, Ar.id].includes(t.id)) {
           const s = (i = this._selectionManagerService.getCurrentSelections()) == null ? void 0 : i.map((p) => p.range);
           if (!s)
             return n;
-          const o = this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SHEET), d = o.getActiveSheet();
-          if (!d)
+          const o = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET), u = o.getActiveSheet();
+          if (!u)
             return n;
-          const a = o.getUnitId(), h = d.getSheetId(), l = this._conditionalFormattingRuleModel.getSubunitRules(a, h);
+          const a = o.getUnitId(), h = u.getSheetId(), l = this._conditionalFormattingRuleModel.getSubunitRules(a, h);
           if (!l || !l.length)
             return n;
-          const { redos: u, undos: v } = dn(this._injector, l, s, a, h);
-          e.push(...u), r.push(...v);
+          const { redos: d, undos: v } = dn(this._injector, l, s, a, h);
+          e.push(...d), r.push(...v);
         }
         return n;
       }
@@ -3166,43 +3166,43 @@ let _t = class extends ue {
         const o = this._conditionalFormattingRuleModel.getSubunitRules(t, e);
         if (!o || !o.length)
           return s;
-        const { redos: d, undos: a } = dn(this._injector, o, r, t, e);
-        return n.push(...d), i.push(...a), s;
+        const { redos: u, undos: a } = dn(this._injector, o, r, t, e);
+        return n.push(...u), i.push(...a), s;
       }
     }));
   }
 };
 _t = as([
-  Ze(0, O(fe)),
-  Ze(1, O(z)),
-  Ze(2, O(qt)),
-  Ze(3, O(je)),
-  Ze(4, O(Q))
+  ze(0, P(fe)),
+  ze(1, P(Z)),
+  ze(2, P(qt)),
+  ze(3, P(je)),
+  ze(4, P(Q))
 ], _t);
 function dn(t, e, r, n, i) {
   const s = [], o = [];
-  return e.filter((d) => r.some((a) => d.ranges.some((h) => ye.getIntersects(h, a)))).forEach((d) => {
-    const h = new Hr().add(...d.ranges).subtract(...r).merge();
+  return e.filter((u) => r.some((a) => u.ranges.some((h) => ye.getIntersects(h, a)))).forEach((u) => {
+    const h = new Hr().add(...u.ranges).subtract(...r).merge();
     if (h.length) {
       const l = {
         id: _e.id,
         params: {
           unitId: n,
           subUnitId: i,
-          rule: { ...d, ranges: h }
+          rule: { ...u, ranges: h }
         }
-      }, u = De(t, l.params);
-      s.push(l), o.push(...u);
+      }, d = Ae(t, l.params);
+      s.push(l), o.push(...d);
     } else {
       const l = {
-        id: Re.id,
+        id: we.id,
         params: {
           unitId: n,
           subUnitId: i,
-          cfId: d.cfId
+          cfId: u.cfId
         }
-      }, u = Ae(t, l.params);
-      s.push(l), o.push(...u);
+      }, d = $e(t, l.params);
+      s.push(l), o.push(...d);
     }
   }), { redos: s, undos: o };
 }
@@ -3211,7 +3211,7 @@ var ls = Object.getOwnPropertyDescriptor, cs = (t, e, r, n) => {
     (o = t[s]) && (i = o(i) || i);
   return i;
 }, hn = (t, e) => (r, n) => e(r, n, t);
-let Rt = class extends ue {
+let wt = class extends ue {
   constructor(t, e) {
     super(), this._sheetInterceptorService = t, this._conditionalFormattingService = e, this._initInterceptorEditorEnd();
   }
@@ -3227,20 +3227,20 @@ let Rt = class extends ue {
           jr,
           {
             handler: (t, e, r) => {
-              var o, d, a;
+              var o, u, a;
               t || r(t);
               const n = this._conditionalFormattingService.composeStyle(e.unitId, e.subUnitId, e.row, e.col), i = (o = n == null ? void 0 : n.style) != null ? o : {}, s = Object.keys(i);
               if (t != null && t.p)
-                return (a = (d = t.p.body) == null ? void 0 : d.textRuns) == null || a.forEach((h) => {
+                return (a = (u = t.p.body) == null ? void 0 : u.textRuns) == null || a.forEach((h) => {
                   h.ts && s.forEach((l) => {
-                    var u;
-                    (u = h.ts) == null || delete u[l];
+                    var d;
+                    (d = h.ts) == null || delete d[l];
                   });
                 }), r(t);
               {
                 const h = { ...(typeof (t == null ? void 0 : t.s) == "string" ? e.workbook.getStyles().get(t.s) : t == null ? void 0 : t.s) || {} };
-                s.forEach((u) => {
-                  delete h[u];
+                s.forEach((d) => {
+                  delete h[d];
                 });
                 const l = { ...t, s: { ...h } };
                 return r(l);
@@ -3252,15 +3252,15 @@ let Rt = class extends ue {
     );
   }
 };
-Rt = cs([
-  hn(0, O(qt)),
-  hn(1, O(xn))
-], Rt);
+wt = cs([
+  hn(0, P(qt)),
+  hn(1, P(Tn))
+], wt);
 const vn = [
   Wt.id,
   se.id,
   _e.id,
-  Re.id,
+  we.id,
   _n.id
 ], Ye = [
   {
@@ -3335,64 +3335,64 @@ const vn = [
     value: ie.clearWorkSheetRules
   }
 ], us = (t) => {
-  const e = t.get(je), r = t.get(te), n = t.get(z), i = t.get(Q), s = new Ne((a) => Ln(
+  const e = t.get(je), r = t.get(te), n = t.get(Z), i = t.get(Q), s = new Ne((a) => On(
     e.selectionMoveEnd$,
     e.selectionSet$,
     new Ne((h) => {
-      const l = r.onCommandExecuted((u) => {
+      const l = r.onCommandExecuted((d) => {
         var f;
-        const { id: v, params: p } = u, y = (f = n.getCurrentUnitForType(D.UNIVER_SHEET)) == null ? void 0 : f.getUnitId();
+        const { id: v, params: p } = d, y = (f = n.getCurrentUnitForType(A.UNIVER_SHEET)) == null ? void 0 : f.getUnitId();
         vn.includes(v) && p.unitId === y && h.next(null);
       });
       return () => l.dispose();
     })
   ).pipe(nn(16)).subscribe(() => {
     var f;
-    const h = ((f = e.getCurrentSelections()) == null ? void 0 : f.map((R) => R.range)) || [], l = n.getCurrentUnitForType(D.UNIVER_SHEET);
+    const h = ((f = e.getCurrentSelections()) == null ? void 0 : f.map((w) => w.range)) || [], l = n.getCurrentUnitForType(A.UNIVER_SHEET);
     if (!l) return;
-    const u = l.getActiveSheet();
-    if (!u) return;
-    const y = (i.getSubunitRules(l.getUnitId(), u.getSheetId()) || []).filter((R) => R.ranges.some((I) => h.some((T) => ye.intersects(T, I)))).map((R) => R.ranges).every((R) => ft(t, l.getUnitId(), u.getSheetId(), R));
+    const d = l.getActiveSheet();
+    if (!d) return;
+    const y = (i.getSubunitRules(l.getUnitId(), d.getSheetId()) || []).filter((w) => w.ranges.some((I) => h.some((R) => ye.intersects(R, I)))).map((w) => w.ranges).every((w) => ft(t, l.getUnitId(), d.getSheetId(), w));
     a.next(y);
   })), o = new Ne(
     (a) => new Ne((h) => {
-      const l = r.onCommandExecuted((u) => {
+      const l = r.onCommandExecuted((d) => {
         var f;
-        const { id: v, params: p } = u, y = (f = n.getCurrentUnitForType(D.UNIVER_SHEET)) == null ? void 0 : f.getUnitId();
+        const { id: v, params: p } = d, y = (f = n.getCurrentUnitForType(A.UNIVER_SHEET)) == null ? void 0 : f.getUnitId();
         vn.includes(v) && p.unitId === y && h.next(null);
       });
       return () => l.dispose();
     }).pipe(nn(16)).subscribe(() => {
-      const h = n.getCurrentUnitForType(D.UNIVER_SHEET);
+      const h = n.getCurrentUnitForType(A.UNIVER_SHEET);
       if (!h) return;
       const l = h.getActiveSheet();
       if (!l) return;
-      const u = i.getSubunitRules(h.getUnitId(), l.getSheetId()) || [];
-      if (!u.length)
+      const d = i.getSubunitRules(h.getUnitId(), l.getSheetId()) || [];
+      if (!d.length)
         return a.next(!1), !1;
-      const v = u.map((p) => p.ranges).every((p) => ft(t, h.getUnitId(), l.getSheetId(), p));
+      const v = d.map((p) => p.ranges).every((p) => ft(t, h.getUnitId(), l.getSheetId(), p));
       a.next(v);
     })
-  ), d = new Ne((a) => {
+  ), u = new Ne((a) => {
     s.subscribe((h) => {
-      const l = Ye.find((u) => u.value === ie.clearRangeRules);
+      const l = Ye.find((d) => d.value === ie.clearRangeRules);
       l && (l.disabled = !h, a.next(Ye));
     }), o.subscribe((h) => {
-      const l = Ye.find((u) => u.value === ie.clearWorkSheetRules);
+      const l = Ye.find((d) => d.value === ie.clearWorkSheetRules);
       l && (l.disabled = !h, a.next(Ye));
     }), a.next(Ye);
   });
   return {
     id: Vt.id,
-    type: zr.SELECTOR,
-    icon: "Conditions",
+    type: Zr.SELECTOR,
+    icon: "ConditionsDoubleIcon",
     tooltip: "sheet.cf.title",
-    selections: d,
-    hidden$: Gr(t, D.UNIVER_SHEET),
+    selections: u,
+    hidden$: Gr(t, A.UNIVER_SHEET),
     disabled$: ai(t, { workbookTypes: [Vn], worksheetTypes: [Nn, En], rangeTypes: [Mn] })
   };
 }, ds = {
-  [Zr.RULES]: {
+  [zr.RULES]: {
     [Vt.id]: {
       order: 1,
       menuItemFactory: us
@@ -3404,24 +3404,24 @@ var hs = Object.getOwnPropertyDescriptor, vs = (t, e, r, n) => {
     (o = t[s]) && (i = o(i) || i);
   return i;
 }, gn = (t, e) => (r, n) => e(r, n, t);
-let Tt = class extends ue {
+let Rt = class extends ue {
   constructor(e, r) {
     super();
     Se(this, "_sidebarDisposable", null);
     this._injector = e, this._menuManagerService = r, this._menuManagerService.mergeMenu(ds);
   }
 };
-Tt = vs([
-  gn(0, O(fe)),
+Rt = vs([
+  gn(0, P(fe)),
   gn(1, Yr)
-], Tt);
+], Rt);
 var gs = Object.getOwnPropertyDescriptor, ms = (t, e, r, n) => {
   for (var i = n > 1 ? void 0 : n ? gs(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, $e = (t, e) => (r, n) => e(r, n, t);
+}, De = (t, e) => (r, n) => e(r, n, t);
 const fs = (t, e) => {
-  const r = (l) => l.endRow - l.startRow + 1, n = (l) => l.endColumn - l.startColumn + 1, i = r(e) % r(t), s = n(e) % n(t), o = Math.floor(r(e) / r(t)), d = Math.floor(n(e) / n(t)), a = [], h = {
+  const r = (l) => l.endRow - l.startRow + 1, n = (l) => l.endColumn - l.startColumn + 1, i = r(e) % r(t), s = n(e) % n(t), o = Math.floor(r(e) / r(t)), u = Math.floor(n(e) / n(t)), a = [], h = {
     startRow: 0,
     endRow: r(t) - 1,
     startColumn: 0,
@@ -3437,19 +3437,19 @@ const fs = (t, e) => {
     return a.push({ repeatRelativeRange: h, startRange: l }), a;
   }
   for (let l = 0; l < o + (i ? 0.1 : 0); l++)
-    for (let u = 0; u < d + (s ? 0.1 : 0); u++) {
-      const v = r(t) * l, p = n(t) * u, y = {
+    for (let d = 0; d < u + (s ? 0.1 : 0); d++) {
+      const v = r(t) * l, p = n(t) * d, y = {
         startRow: v + e.startRow,
         endRow: v + e.startRow,
         startColumn: p + e.startColumn,
         endColumn: p + e.startColumn
       };
       let f = h;
-      l === o && i && (f = { ...f }, f.endRow = f.endRow - (r(t) - i)), u === d && s && (f = { ...f }, f.endColumn = f.endColumn - (n(t) - s)), a.push({ repeatRelativeRange: f, startRange: y });
+      l === o && i && (f = { ...f }, f.endRow = f.endRow - (r(t) - i)), d === u && s && (f = { ...f }, f.endColumn = f.endColumn - (n(t) - s)), a.push({ repeatRelativeRange: f, startRange: y });
     }
   return a;
 };
-let xt = class extends ue {
+let Tt = class extends ue {
   constructor(e, r, n, i, s, o) {
     super();
     Se(this, "_painterConfig", null);
@@ -3457,8 +3457,8 @@ let xt = class extends ue {
   }
   // eslint-disable-next-line max-lines-per-function
   _initFormattingPainter() {
-    const e = () => ({ redos: [], undos: [] }), r = (s, o, d, a, h) => {
-      const { unitId: l, subUnitId: u } = this._painterConfig, { targetUnitId: v, targetSubUnitId: p } = h, y = {
+    const e = () => ({ redos: [], undos: [] }), r = (s, o, u, a, h) => {
+      const { unitId: l, subUnitId: d } = this._painterConfig, { targetUnitId: v, targetSubUnitId: p } = h, y = {
         startRow: s.row,
         startColumn: s.col,
         endColumn: s.col,
@@ -3469,33 +3469,33 @@ let xt = class extends ue {
         endColumn: o.col,
         endRow: o.row
       };
-      be.foreach(d, (R, I) => {
-        const T = ye.getPositionRange(
+      be.foreach(u, (w, I) => {
+        const R = ye.getPositionRange(
           {
-            startRow: R,
+            startRow: w,
             startColumn: I,
             endColumn: I,
-            endRow: R
+            endRow: w
           },
           y
-        ), w = ye.getPositionRange(
+        ), x = ye.getPositionRange(
           {
-            startRow: R,
+            startRow: w,
             startColumn: I,
             endColumn: I,
-            endRow: R
+            endRow: w
           },
           f
-        ), x = this._conditionalFormattingViewModel.getCellCfs(
+        ), T = this._conditionalFormattingViewModel.getCellCfs(
           l,
-          u,
-          T.startRow,
-          T.startColumn
+          d,
+          R.startRow,
+          R.startColumn
         ), g = this._conditionalFormattingViewModel.getCellCfs(
           v,
           p,
-          w.startRow,
-          w.startColumn
+          x.startRow,
+          x.startColumn
         );
         g && g.forEach((b) => {
           let S = a.get(b.cfId);
@@ -3509,38 +3509,38 @@ let xt = class extends ue {
               });
             }), a.set(b.cfId, S);
           }
-          S.realDeleteValue(w.startRow, w.startColumn);
-        }), x && x.forEach((b) => {
+          S.realDeleteValue(x.startRow, x.startColumn);
+        }), T && T.forEach((b) => {
           const S = a.get(b.cfId);
-          S && S.setValue(w.startRow, w.startColumn, 1);
+          S && S.setValue(x.startRow, x.startColumn, 1);
         });
       });
-    }, n = (s, o, d) => {
-      var T;
-      const { range: a, unitId: h, subUnitId: l } = this._painterConfig, u = s !== h || l !== o, v = /* @__PURE__ */ new Map(), p = [], y = [];
+    }, n = (s, o, u) => {
+      var R;
+      const { range: a, unitId: h, subUnitId: l } = this._painterConfig, d = s !== h || l !== o, v = /* @__PURE__ */ new Map(), p = [], y = [];
       if (!s || !o || !h || !l)
         return e();
-      const f = (T = this._conditionalFormattingRuleModel.getSubunitRules(h, l)) != null ? T : [];
-      f == null || f.forEach((w) => {
-        const { ranges: x, cfId: g } = w;
-        if (x.some((b) => ye.intersects(a, b))) {
+      const f = (R = this._conditionalFormattingRuleModel.getSubunitRules(h, l)) != null ? R : [];
+      f == null || f.forEach((x) => {
+        const { ranges: T, cfId: g } = x;
+        if (T.some((b) => ye.intersects(a, b))) {
           const b = new Me();
-          u || x.forEach((S) => {
+          d || T.forEach((S) => {
             be.foreach(S, (C, M) => {
               b.setValue(C, M, 1);
             });
           }), v.set(g, b);
         }
       });
-      const R = {
+      const w = {
         row: a.startRow,
         col: a.startColumn
       };
-      return fs(a, d).forEach((w) => {
-        r(R, { row: w.startRange.startRow, col: w.startRange.startColumn }, w.repeatRelativeRange, v, { targetUnitId: s, targetSubUnitId: o });
-      }), v.forEach((w, x) => {
-        if (u) {
-          const g = this._conditionalFormattingRuleModel.getRule(s, o, x), b = pt(Ct(w));
+      return fs(a, u).forEach((x) => {
+        r(w, { row: x.startRange.startRow, col: x.startRange.startColumn }, x.repeatRelativeRange, v, { targetUnitId: s, targetSubUnitId: o });
+      }), v.forEach((x, T) => {
+        if (d) {
+          const g = this._conditionalFormattingRuleModel.getRule(s, o, T), b = pt(Ct(x));
           if (g)
             if (b.length) {
               const S = {
@@ -3548,17 +3548,17 @@ let xt = class extends ue {
                 subUnitId: o,
                 rule: { ...g, ranges: b }
               };
-              p.push({ id: _e.id, params: S }), y.push(...De(this._injector, S));
+              p.push({ id: _e.id, params: S }), y.push(...Ae(this._injector, S));
             } else {
               const S = {
                 unitId: s,
                 subUnitId: o,
                 cfId: g.cfId
               };
-              p.push({ id: Re.id, params: S }), y.push(...Ae(this._injector, S));
+              p.push({ id: we.id, params: S }), y.push(...$e(this._injector, S));
             }
           else if (b.length) {
-            const S = this._conditionalFormattingRuleModel.getRule(h, l, x);
+            const S = this._conditionalFormattingRuleModel.getRule(h, l, T);
             if (S) {
               const C = {
                 unitId: s,
@@ -3569,28 +3569,28 @@ let xt = class extends ue {
                   ranges: b
                 }
               };
-              p.push({ id: se.id, params: C }), y.push(Tn(this._injector, C));
+              p.push({ id: se.id, params: C }), y.push(Rn(this._injector, C));
             }
           }
         } else {
-          const g = this._conditionalFormattingRuleModel.getRule(h, l, x);
+          const g = this._conditionalFormattingRuleModel.getRule(h, l, T);
           if (!g)
             return;
-          const b = pt(Ct(w));
+          const b = pt(Ct(x));
           if (b.length) {
             const S = {
               unitId: h,
               subUnitId: l,
               rule: { ...g, ranges: b }
             };
-            p.push({ id: _e.id, params: S }), y.push(...De(this._injector, S));
+            p.push({ id: _e.id, params: S }), y.push(...Ae(this._injector, S));
           } else {
             const S = {
               unitId: h,
               subUnitId: l,
               cfId: g.cfId
             };
-            p.push({ id: Re.id, params: S }), y.push(...Ae(this._injector, S));
+            p.push({ id: we.id, params: S }), y.push(...$e(this._injector, S));
           }
         }
       }), {
@@ -3600,21 +3600,21 @@ let xt = class extends ue {
     }, i = {
       id: st,
       onStatusChange: (s) => {
-        var o, d, a;
+        var o, u, a;
         switch (s) {
-          case Pt.INFINITE:
-          case Pt.ONCE: {
-            const h = (o = this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SHEET)) == null ? void 0 : o.getUnitId(), l = (a = (d = this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SHEET)) == null ? void 0 : d.getActiveSheet()) == null ? void 0 : a.getSheetId(), u = this._sheetsSelectionsService.getCurrentLastSelection(), v = u == null ? void 0 : u.range;
+          case Ut.INFINITE:
+          case Ut.ONCE: {
+            const h = (o = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET)) == null ? void 0 : o.getUnitId(), l = (a = (u = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET)) == null ? void 0 : u.getActiveSheet()) == null ? void 0 : a.getSheetId(), d = this._sheetsSelectionsService.getCurrentLastSelection(), v = d == null ? void 0 : d.range;
             h && l && v && (this._painterConfig = { unitId: h, subUnitId: l, range: v });
             break;
           }
-          case Pt.OFF: {
+          case Ut.OFF: {
             this._painterConfig = null;
             break;
           }
         }
       },
-      onApply: (s, o, d) => this._painterConfig ? n(s, o, d) : {
+      onApply: (s, o, u) => this._painterConfig ? n(s, o, u) : {
         redos: [],
         undos: []
       }
@@ -3622,51 +3622,51 @@ let xt = class extends ue {
     this._formatPainterService.addHook(i);
   }
 };
-xt = ms([
-  $e(0, O(fe)),
-  $e(1, O(z)),
-  $e(2, O(li)),
-  $e(3, O(je)),
-  $e(4, O(Q)),
-  $e(5, O(it))
-], xt);
+Tt = ms([
+  De(0, P(fe)),
+  De(1, P(Z)),
+  De(2, P(li)),
+  De(3, P(je)),
+  De(4, P(Q)),
+  De(5, P(it))
+], Tt);
 var ps = Object.getOwnPropertyDescriptor, Cs = (t, e, r, n) => {
   for (var i = n > 1 ? void 0 : n ? ps(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, At = (t, e) => (r, n) => e(r, n, t);
-let wt = class extends ue {
+}, $t = (t, e) => (r, n) => e(r, n, t);
+let xt = class extends ue {
   constructor(t, e, r) {
     super(), this._conditionalFormattingViewModel = t, this._univerInstanceService = e, this._renderManagerService = r, this._init();
   }
   _init() {
-    const t = this._univerInstanceService.getCurrentUnitForType(D.UNIVER_SHEET), e = (r) => {
+    const t = this._univerInstanceService.getCurrentUnitForType(A.UNIVER_SHEET), e = (r) => {
       const n = r.getUnitId(), i = this._renderManagerService.getRenderById(n);
       if (!i)
         return;
-      const s = i.with(On);
+      const s = i.with(Pn);
       this.disposeWithMe(s.currentSkeleton$.subscribe((o) => {
         if (o) {
-          const d = o.skeleton.rowColumnSegment, a = d.endColumn - d.startColumn + 1, l = (d.endRow - d.startRow + 1) * a * 9, u = Math.max(Mr, l);
-          this._conditionalFormattingViewModel.setCacheLength(u);
+          const u = o.skeleton.rowColumnSegment, a = u.endColumn - u.startColumn + 1, l = (u.endRow - u.startRow + 1) * a * 9, d = Math.max(Mr, l);
+          this._conditionalFormattingViewModel.setCacheLength(d);
         }
       }));
     };
-    t && e(t), this._univerInstanceService.getCurrentTypeOfUnit$(D.UNIVER_SHEET).subscribe((r) => {
+    t && e(t), this._univerInstanceService.getCurrentTypeOfUnit$(A.UNIVER_SHEET).subscribe((r) => {
       r && e(r);
     });
   }
 };
-wt = Cs([
-  At(0, O(it)),
-  At(1, z),
-  At(2, $n)
-], wt);
+xt = Cs([
+  $t(0, P(it)),
+  $t(1, Z),
+  $t(2, Dn)
+], xt);
 var ys = Object.defineProperty, bs = Object.getOwnPropertyDescriptor, Is = (t, e, r) => e in t ? ys(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, Ss = (t, e, r, n) => {
   for (var i = n > 1 ? void 0 : n ? bs(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, Dt = (t, e) => (r, n) => e(r, n, t), or = (t, e, r) => Is(t, typeof e != "symbol" ? e + "" : e, r);
+}, At = (t, e) => (r, n) => e(r, n, t), or = (t, e, r) => Is(t, typeof e != "symbol" ? e + "" : e, r);
 let Et = class extends bn {
   constructor(t = bt, e, r, n) {
     super(), this._config = t, this._injector = e, this._commandService = r, this._configService = n;
@@ -3685,19 +3685,19 @@ let Et = class extends bn {
       [St],
       [tt],
       [Qe],
-      [Tt],
-      [He],
       [Rt],
+      [He],
+      [wt],
       [_t],
-      [xt],
-      [wt]
+      [Tt],
+      [xt]
     ]), kt(this._injector, [
       [rt]
     ]);
   }
   onReady() {
     kt(this._injector, [
-      [Tt],
+      [Rt],
       [Qe]
     ]);
   }
@@ -3706,25 +3706,25 @@ let Et = class extends bn {
       [St],
       [_t],
       [et],
-      [Rt],
+      [wt],
       [He],
-      [xt],
+      [Tt],
       [tt],
       [nt],
-      [wt]
+      [xt]
     ]);
   }
   _initCommand() {
     [
+      $n,
       An,
-      Dn,
       Hn,
       jn,
       Bn,
       Wn,
       qn,
       Gn,
-      zn,
+      Zn,
       Vt
     ].forEach((t) => {
       this._commandService.registerCommand(t);
@@ -3732,23 +3732,23 @@ let Et = class extends bn {
   }
 };
 or(Et, "pluginName", `${st}_UI_PLUGIN`);
-or(Et, "type", D.UNIVER_SHEET);
+or(Et, "type", A.UNIVER_SHEET);
 Et = Ss([
-  Cn(wn),
-  Dt(1, O(fe)),
-  Dt(2, O(te)),
-  Dt(3, yn)
+  Cn(xn),
+  At(1, P(fe)),
+  At(2, P(te)),
+  At(3, yn)
 ], Et);
 export {
-  An as AddAverageCfCommand,
-  Dn as AddColorScaleConditionalRuleCommand,
+  $n as AddAverageCfCommand,
+  An as AddColorScaleConditionalRuleCommand,
   Hn as AddDataBarConditionalRuleCommand,
   jn as AddDuplicateValuesCfCommand,
   Bn as AddNumberCfCommand,
   Wn as AddRankCfCommand,
   qn as AddTextCfCommand,
   Gn as AddTimePeriodCfCommand,
-  zn as AddUniqueValuesCfCommand,
+  Zn as AddUniqueValuesCfCommand,
   _t as ConditionalFormattingClearController,
   Vt as OpenConditionalFormattingOperator,
   It as UniverSheetsConditionalFormattingMobileUIPlugin,