npm - @univerjs/sheets-conditional-formatting-ui - Versions diffs - 0.7.0-nightly.202505091607 → 0.7.0-nightly.202505111606 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/lib/es/index.js CHANGED Viewed

@@ -1,11 +1,11 @@
 var rr = Object.defineProperty;
 var ir = (t, e, r) => e in t ? rr(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
 var ye = (t, e, r) => ir(t, typeof e != "symbol" ? e + "" : e, r);
-import { CommandType as he, ICommandService as te, IUniverInstanceService as z, ColorKit as fn, BooleanNumber as ae, LocaleService as re, UniverInstanceType as $, Tools as Wt, get as sr, set as or, createInterceptorKey as pn, InterceptorManager as ar, Inject as O, Disposable as ce, Injector as ve, Rectangle as fe, generateRandomId as lr, ObjectMatrix as Ee, Range as pe, toDisposable as Cn, InterceptorEffectEnum as cr, DependentOn as yn, IConfigService as bn, Plugin as Sn, merge as In, registerDependencies as ur, touchDependencies as kt } from "@univerjs/core";
-import { ConditionalFormattingRuleModel as Q, CFSubRuleType as k, CFRuleType as U, AddConditionalRuleMutation as se, CFNumberOperator as P, getColorScaleFromValue as dr, iconMap as we, DEFAULT_BG_COLOR as hr, DEFAULT_FONT_COLOR as vr, defaultDataBarPositiveColor as Ke, defaultDataBarNativeColor as Xe, CFValueType as A, createDefaultValueByValueType as Je, removeUndefinedAttr as mr, createDefaultValue as gt, CFTextOperator as j, CFTimePeriodOperator as ue, iconGroup as gr, getOppositeOperator as Ht, compareWithNumber as fr, EMPTY_ICON_TYPE as pr, SetCfCommand as Cr, AddCfCommand as _n, SetConditionalRuleMutation as be, DeleteConditionalRuleMutation as Se, MoveConditionalRuleMutation as Tn, ClearWorksheetCfCommand as Rn, DeleteCfCommand as Kt, MoveCfCommand as yr, ClearRangeCfCommand as br, createDefaultRule as Te, ConditionalFormattingViewModel as it, SHEET_CONDITIONAL_FORMATTING_PLUGIN as st, DeleteConditionalRuleMutationUndoFactory as Le, AddConditionalRuleMutationUndoFactory as xn, setConditionalRuleMutationUndoFactory as Ae, isRangesEqual as Sr, ConditionalFormattingService as En, DEFAULT_PADDING as Ir, DEFAULT_WIDTH as _r, UniverSheetsConditionalFormattingPlugin as wn, CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH as Tr } from "@univerjs/sheets-conditional-formatting";
-import { getSheetCommandTarget as Ce, SheetsSelectionsService as $e, RemoveSheetMutation as Rr, SetWorksheetActiveOperation as qt, setEndForRange as xr, SetSelectionsOperation as Er, checkRangesEditablePermission as ft, rangeToDiscreteRange as wr, findAllRectangle as pt, createTopMatrixFromMatrix as Ct, SheetPermissionCheckController as Nr, WorksheetEditPermission as Nn, WorksheetSetCellStylePermission as Mn, RangeProtectionPermissionEditPoint as Vn, WorkbookEditablePermission as Fn, RefRangeService as Mr, handleDefaultRangeChangeWithEffectRefCommands as Vr, SheetInterceptorService as Gt, INTERCEPTOR_POINT as Fr, ClearSelectionFormatCommand as kr, ClearSelectionAllCommand as Ur, RangeMergeUtil as Pr, AFTER_CELL_EDIT as Or } from "@univerjs/sheets";
-import { useDependency as W, ComponentManager as zt, useSidebarClick as Nt, ILayoutService as Lr, useScrollYOverContainer as Ar, ISidebarService as kn, useObservable as Dr, getMenuHiddenObservable as $r, MenuItemType as jr, RibbonStartGroup as Hr, IMenuManagerService as Br } from "@univerjs/ui";
-import { jsx as c, jsxs as F, Fragment as Bt } from "react/jsx-runtime";
+import { CommandType as he, ICommandService as te, IUniverInstanceService as z, ColorKit as fn, BooleanNumber as ae, LocaleService as re, UniverInstanceType as $, Tools as Wt, get as sr, set as or, createInterceptorKey as pn, InterceptorManager as ar, Inject as O, Disposable as ce, Injector as ve, Rectangle as fe, generateRandomId as lr, ObjectMatrix as we, Range as pe, toDisposable as Cn, InterceptorEffectEnum as cr, DependentOn as yn, IConfigService as bn, Plugin as Sn, merge as In, registerDependencies as ur, touchDependencies as Ft } from "@univerjs/core";
+import { ConditionalFormattingRuleModel as Q, CFSubRuleType as F, CFRuleType as U, AddConditionalRuleMutation as se, CFNumberOperator as P, getColorScaleFromValue as dr, iconMap as Ee, DEFAULT_BG_COLOR as hr, DEFAULT_FONT_COLOR as vr, defaultDataBarPositiveColor as Ke, defaultDataBarNativeColor as Xe, CFValueType as A, createDefaultValueByValueType as Je, removeUndefinedAttr as gr, createDefaultValue as mt, CFTextOperator as j, CFTimePeriodOperator as ue, iconGroup as mr, getOppositeOperator as Ht, compareWithNumber as fr, EMPTY_ICON_TYPE as pr, SetCfCommand as Cr, AddCfCommand as _n, SetConditionalRuleMutation as be, DeleteConditionalRuleMutation as Se, MoveConditionalRuleMutation as Tn, ClearWorksheetCfCommand as Rn, DeleteCfCommand as Kt, MoveCfCommand as yr, ClearRangeCfCommand as br, createDefaultRule as Te, ConditionalFormattingViewModel as it, SHEET_CONDITIONAL_FORMATTING_PLUGIN as st, DeleteConditionalRuleMutationUndoFactory as Le, AddConditionalRuleMutationUndoFactory as xn, setConditionalRuleMutationUndoFactory as Ae, isRangesEqual as Sr, ConditionalFormattingService as wn, DEFAULT_PADDING as Ir, DEFAULT_WIDTH as _r, UniverSheetsConditionalFormattingPlugin as En, CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH as Tr } from "@univerjs/sheets-conditional-formatting";
+import { getSheetCommandTarget as Ce, SheetsSelectionsService as $e, RemoveSheetMutation as Rr, SetWorksheetActiveOperation as qt, setEndForRange as xr, SetSelectionsOperation as wr, checkRangesEditablePermission as ft, rangeToDiscreteRange as Er, findAllRectangle as pt, createTopMatrixFromMatrix as Ct, SheetPermissionCheckController as Nr, WorksheetEditPermission as Nn, WorksheetSetCellStylePermission as Mn, RangeProtectionPermissionEditPoint as Vn, WorkbookEditablePermission as kn, RefRangeService as Mr, handleDefaultRangeChangeWithEffectRefCommands as Vr, SheetInterceptorService as Gt, INTERCEPTOR_POINT as kr, ClearSelectionFormatCommand as Fr, ClearSelectionAllCommand as Ur, RangeMergeUtil as Pr, AFTER_CELL_EDIT as Or } from "@univerjs/sheets";
+import { useDependency as W, ComponentManager as zt, useSidebarClick as Nt, ILayoutService as Lr, useScrollYOverContainer as Ar, ISidebarService as Fn, useObservable as Dr, getMenuHiddenObservable as $r, MenuItemType as jr, RibbonStartGroup as Hr, IMenuManagerService as Br } from "@univerjs/ui";
+import { jsx as c, jsxs as k, Fragment as Bt } from "react/jsx-runtime";
 import { forwardRef as Ve, useRef as de, createElement as je, useMemo as J, useState as N, useEffect as K } from "react";
 import { Dropdown as Zt, clsx as X, ColorPicker as Wr, borderClassName as He, Select as le, InputNumber as Ne, RadioGroup as qr, Radio as Xt, Checkbox as yt, Input as Gr, Button as Jt, Tooltip as Qt, ReactGridLayout as zr } from "@univerjs/design";
 import { serializeRange as Un, deserializeRangeWithSheet as Zr } from "@univerjs/engine-formula";
@@ -28,7 +28,7 @@ const Dn = {
       stopIfTrue: !!i,
       rule: {
         type: U.highlightCell,
-        subType: k.average,
+        subType: F.average,
         operator: s,
         style: n
       }
@@ -94,7 +94,7 @@ const Dn = {
       stopIfTrue: !!i,
       rule: {
         type: U.highlightCell,
-        subType: k.duplicateValues,
+        subType: F.duplicateValues,
         style: n
       }
     };
@@ -120,7 +120,7 @@ const Dn = {
         stopIfTrue: !!i,
         rule: {
           type: U.highlightCell,
-          subType: k.number,
+          subType: F.number,
           operator: s,
           style: n,
           value: p
@@ -136,7 +136,7 @@ const Dn = {
         stopIfTrue: !!i,
         rule: {
           type: U.highlightCell,
-          subType: k.number,
+          subType: F.number,
           operator: s,
           style: n,
           value: p
@@ -159,7 +159,7 @@ const Dn = {
       stopIfTrue: !!i,
       rule: {
         type: U.highlightCell,
-        subType: k.rank,
+        subType: F.rank,
         isPercent: s,
         isBottom: o,
         style: n,
@@ -182,7 +182,7 @@ const Dn = {
       stopIfTrue: !!i,
       rule: {
         type: U.highlightCell,
-        subType: k.text,
+        subType: F.text,
         operator: s,
         style: n,
         value: o
@@ -204,7 +204,7 @@ const Dn = {
       stopIfTrue: !!i,
       rule: {
         type: U.highlightCell,
-        subType: k.timePeriod,
+        subType: F.timePeriod,
         operator: s,
         style: n
       }
@@ -225,7 +225,7 @@ const Dn = {
       stopIfTrue: !!i,
       rule: {
         type: U.highlightCell,
-        subType: k.uniqueValues,
+        subType: F.uniqueValues,
         style: n
       }
     };
@@ -278,14 +278,14 @@ function ai() {
   return Math.random().toString(36).substring(2, 8);
 }
 Be.displayName = "UniverIcon";
-var li = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, mt = Ve(function(t, e) {
+var li = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, gt = Ve(function(t, e) {
   return je(Be, Object.assign({}, t, {
     id: "delete-single",
     ref: e,
     icon: li
   }));
 });
-mt.displayName = "DeleteSingle";
+gt.displayName = "DeleteSingle";
 var ci = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, Yn = Ve(function(t, e) {
   return je(Be, Object.assign({}, t, {
     id: "increase-single",
@@ -324,7 +324,7 @@ const Me = (t) => {
     Zt,
     {
       overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(Wr, { value: e, onChange: r }) }),
-      children: /* @__PURE__ */ F(
+      children: /* @__PURE__ */ k(
         "span",
         {
           className: X(`
@@ -357,7 +357,7 @@ const Me = (t) => {
   }, [e]), n = J(() => {
     if (e.type === U.iconSet)
       return e.config.map((a) => {
-        const u = we[a.iconType];
+        const u = Ee[a.iconType];
         return u && u[Number(a.iconId)];
       });
   }, [e]), i = `univer-pointer-events-none univer-flex univer-h-5 univer-min-w-[72px] univer-items-center
@@ -365,7 +365,7 @@ const Me = (t) => {
   switch (e.type) {
     case U.dataBar: {
       const { isGradient: a } = e.config, u = a ? `linear-gradient(to right, ${e.config.positiveColor || Ke}, rgb(255 255 255))` : e.config.positiveColor, l = a ? `linear-gradient(to right,  rgb(255 255 255),${e.config.nativeColor || Xe})` : e.config.nativeColor;
-      return /* @__PURE__ */ F("div", { className: i, children: [
+      return /* @__PURE__ */ k("div", { className: i, children: [
         /* @__PURE__ */ c(
           "div",
           {
@@ -393,10 +393,10 @@ const Me = (t) => {
     case U.iconSet:
       return n && /* @__PURE__ */ c("div", { className: i, children: n.map((a, u) => a ? /* @__PURE__ */ c("img", { className: "univer-h-full", src: a, draggable: !1 }, u) : /* @__PURE__ */ c(ot, {}, u)) });
     case U.highlightCell: {
-      const { ul: a, st: u, it: l, bl: h, bg: v, cl: f } = e.style, S = (a == null ? void 0 : a.s) === ae.TRUE, p = (u == null ? void 0 : u.s) === ae.TRUE, T = l === ae.TRUE, _ = h === ae.TRUE, R = (s = v == null ? void 0 : v.rgb) != null ? s : hr, E = (o = f == null ? void 0 : f.rgb) != null ? o : vr, x = {
+      const { ul: a, st: u, it: l, bl: h, bg: v, cl: f } = e.style, S = (a == null ? void 0 : a.s) === ae.TRUE, p = (u == null ? void 0 : u.s) === ae.TRUE, T = l === ae.TRUE, _ = h === ae.TRUE, R = (s = v == null ? void 0 : v.rgb) != null ? s : hr, w = (o = f == null ? void 0 : f.rgb) != null ? o : vr, x = {
         textDecoration: (d = `${S ? "underline" : ""} ${p ? "line-through" : ""}`.replace(/^ /, "")) != null ? d : void 0,
         backgroundColor: R,
-        color: E
+        color: w
       };
       return /* @__PURE__ */ c(
         "div",
@@ -449,16 +449,16 @@ const Me = (t) => {
   var L;
   const { interceptorManager: e } = t, r = W(re), n = ((L = t.rule) == null ? void 0 : L.type) === U.colorScale ? t.rule : void 0, i = [Re(A.num, r), Re(A.percent, r), Re(A.percentile, r), Re(A.formula, r)], s = [Re(A.min, r), ...i], o = [Re("none", r), ...i], d = [Re(A.max, r), ...i], [a, u] = N(() => {
     var I;
-    const g = A.min;
-    return n && ((I = n.config[0]) == null ? void 0 : I.value.type) || g;
+    const m = A.min;
+    return n && ((I = n.config[0]) == null ? void 0 : I.value.type) || m;
   }), [l, h] = N(() => {
     var I;
-    const g = "none";
-    return !n || n.config.length !== 3 ? g : ((I = n.config[1]) == null ? void 0 : I.value.type) || g;
+    const m = "none";
+    return !n || n.config.length !== 3 ? m : ((I = n.config[1]) == null ? void 0 : I.value.type) || m;
   }), [v, f] = N(() => {
     var I;
-    const g = A.max;
-    return n && ((I = n.config[n.config.length - 1]) == null ? void 0 : I.value.type) || g;
+    const m = A.max;
+    return n && ((I = n.config[n.config.length - 1]) == null ? void 0 : I.value.type) || m;
   }), [S, p] = N(() => {
     if (!n)
       return 10;
@@ -470,51 +470,79 @@ const Me = (t) => {
       return 50;
     const I = (H = n.config[1]) == null ? void 0 : H.value.value;
     return I === void 0 ? 50 : I;
-  }), [R, E] = N(() => {
+  }), [R, w] = N(() => {
     var H;
     if (!n)
       return 90;
     const I = (H = n.config[n.config.length - 1]) == null ? void 0 : H.value.value;
     return I === void 0 ? 90 : I;
-  }), [x, m] = N(() => {
+  }), [x, g] = N(() => {
     var I;
-    const g = "#d0d9fb";
-    return n && ((I = n.config[0]) == null ? void 0 : I.color) || g;
+    const m = "#d0d9fb";
+    return n && ((I = n.config[0]) == null ? void 0 : I.color) || m;
   }), [C, b] = N(() => {
     var I;
-    const g = "#7790f3";
-    return !n || n.config.length !== 3 ? g : ((I = n.config[1]) == null ? void 0 : I.color) || g;
+    const m = "#7790f3";
+    return !n || n.config.length !== 3 ? m : ((I = n.config[1]) == null ? void 0 : I.color) || m;
   }), [y, M] = N(() => {
     var I;
-    const g = "#2e55ef";
-    return n && ((I = n.config[n.config.length - 1]) == null ? void 0 : I.color) || g;
-  }), w = J(() => (g) => {
-    const { minType: I, medianType: H, maxType: Y, minValue: me, medianValue: ge, maxValue: Fe, minColor: ke, medianColor: D, maxColor: B } = g, G = [];
-    return G.push({ color: ke, value: { type: I, value: me } }), H !== "none" && G.push({ color: D, value: { type: H, value: ge } }), G.push({ color: B, value: { type: Y, value: Fe } }), { config: G.map((ee, ne) => ({ ...ee, index: ne })), type: U.colorScale };
+    const m = "#2e55ef";
+    return n && ((I = n.config[n.config.length - 1]) == null ? void 0 : I.color) || m;
+  }), E = J(() => (m) => {
+    const { minType: I, medianType: H, maxType: Y, minValue: ge, medianValue: me, maxValue: ke, minColor: Fe, medianColor: D, maxColor: B } = m, G = [];
+    return G.push({ color: Fe, value: { type: I, value: ge } }), H !== "none" && G.push({ color: D, value: { type: H, value: me } }), G.push({ color: B, value: { type: Y, value: ke } }), { config: G.map((ee, ne) => ({ ...ee, index: ne })), type: U.colorScale };
   }, []);
   K(() => e.intercept(e.getInterceptPoints().submit, {
     handler() {
-      return w({ minType: a, medianType: l, maxType: v, minValue: S, medianValue: T, maxValue: R, minColor: x, medianColor: C, maxColor: y });
+      return E({ minType: a, medianType: l, maxType: v, minValue: S, medianValue: T, maxValue: R, minColor: x, medianColor: C, maxColor: y });
     }
-  }), [w, a, l, v, S, T, R, x, C, y, e]);
-  const V = (g) => {
-    t.onChange(w(g));
+  }), [E, a, l, v, S, T, R, x, C, y, e]);
+  const V = (m) => {
+    t.onChange(E(m));
   };
-  return /* @__PURE__ */ F("div", { children: [
-    /* @__PURE__ */ c("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-600", children: r.t("sheet.cf.panel.styleRule") }),
-    /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: w({ minType: a, medianType: l, maxType: v, minValue: S, medianValue: T, maxValue: R, minColor: x, medianColor: C, maxColor: y }) }) }),
-    /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-xs univer-text-gray-600", children: r.t("sheet.cf.valueType.min") }),
-    /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
+  return /* @__PURE__ */ k("div", { children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `
+                  univer-mt-4 univer-text-sm univer-text-gray-600
+                  dark:univer-text-gray-200
+                `,
+        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: S, medianValue: T, maxValue: R, minColor: x, medianColor: C, maxColor: y }) }) }),
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `
+                  univer-mt-3 univer-text-xs univer-text-gray-600
+                  dark:univer-text-gray-200
+                `,
+        children: r.t("sheet.cf.valueType.min")
+      }
+    ),
+    /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
       /* @__PURE__ */ c(
         le,
         {
           className: "univer-flex-shrink-0",
           options: s,
           value: a,
-          onChange: (g) => {
-            u(g);
-            const I = Je(g, 10);
-            p(I), V({ minType: g, medianType: l, maxType: v, minValue: I, medianValue: T, maxValue: R, minColor: x, medianColor: C, maxColor: y });
+          onChange: (m) => {
+            u(m);
+            const I = Je(m, 10);
+            p(I), V({
+              minType: m,
+              medianType: l,
+              maxType: v,
+              minValue: I,
+              medianValue: T,
+              maxValue: R,
+              minColor: x,
+              medianColor: C,
+              maxColor: y
+            });
           }
         }
       ),
@@ -525,8 +553,18 @@ const Me = (t) => {
           className: "univer-ml-1",
           value: S,
           type: a,
-          onChange: (g) => {
-            p(g), V({ minType: a, medianType: l, maxType: v, minValue: g, medianValue: T, maxValue: R, minColor: x, medianColor: C, maxColor: y });
+          onChange: (m) => {
+            p(m), V({
+              minType: a,
+              medianType: l,
+              maxType: v,
+              minValue: m,
+              medianValue: T,
+              maxValue: R,
+              minColor: x,
+              medianColor: C,
+              maxColor: y
+            });
           }
         }
       ),
@@ -535,26 +573,45 @@ const Me = (t) => {
         {
           className: "univer-ml-1",
           color: x,
-          onChange: (g) => {
-            m(g), V({ minType: a, medianType: l, maxType: v, minValue: S, medianValue: T, maxValue: R, minColor: g, medianColor: C, maxColor: y });
+          onChange: (m) => {
+            g(m), V({
+              minType: a,
+              medianType: l,
+              maxType: v,
+              minValue: S,
+              medianValue: T,
+              maxValue: R,
+              minColor: m,
+              medianColor: C,
+              maxColor: y
+            });
           }
         }
       )
     ] }),
-    /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-xs univer-text-gray-600", children: r.t("sheet.cf.panel.medianValue") }),
-    /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `
+                  univer-mt-3 univer-text-xs
+                  univer-text-gray-600dark:univer-text-gray-200
+                `,
+        children: r.t("sheet.cf.panel.medianValue")
+      }
+    ),
+    /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
       /* @__PURE__ */ c(
         le,
         {
           className: "univer-flex-shrink-0",
           options: o,
           value: l,
-          onChange: (g) => {
-            h(g);
-            const I = Je(g, 50);
+          onChange: (m) => {
+            h(m);
+            const I = Je(m, 50);
             _(I), V({
               minType: a,
-              medianType: g,
+              medianType: m,
               maxType: v,
               minValue: S,
               medianValue: I,
@@ -573,13 +630,13 @@ const Me = (t) => {
           className: "univer-ml-1",
           value: T,
           type: l,
-          onChange: (g) => {
-            _(g), V({
+          onChange: (m) => {
+            _(m), V({
               minType: a,
               medianType: l,
               maxType: v,
               minValue: S,
-              medianValue: g,
+              medianValue: m,
               maxValue: R,
               minColor: x,
               medianColor: C,
@@ -593,8 +650,8 @@ const Me = (t) => {
         {
           className: "univer-ml-1",
           color: C,
-          onChange: (g) => {
-            b(g), V({
+          onChange: (m) => {
+            b(m), V({
               minType: a,
               medianType: l,
               maxType: v,
@@ -602,28 +659,37 @@ const Me = (t) => {
               medianValue: T,
               maxValue: R,
               minColor: x,
-              medianColor: g,
+              medianColor: m,
               maxColor: y
             });
           }
         }
       )
     ] }),
-    /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-xs univer-text-gray-600", children: r.t("sheet.cf.valueType.max") }),
-    /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `
+                  univer-mt-3 univer-text-xs univer-text-gray-600
+                  dark:univer-text-gray-200
+                `,
+        children: r.t("sheet.cf.valueType.max")
+      }
+    ),
+    /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-h-8 univer-items-center", children: [
       /* @__PURE__ */ c(
         le,
         {
           className: "univer-flex-shrink-0",
           options: d,
           value: v,
-          onChange: (g) => {
-            f(g);
-            const I = Je(g, 90);
-            E(I), V({
+          onChange: (m) => {
+            f(m);
+            const I = Je(m, 90);
+            w(I), V({
               minType: a,
               medianType: l,
-              maxType: g,
+              maxType: m,
               minValue: S,
               medianValue: T,
               maxValue: I,
@@ -641,14 +707,14 @@ const Me = (t) => {
           className: "univer-ml-1",
           value: R,
           type: v,
-          onChange: (g) => {
-            E(g), V({
+          onChange: (m) => {
+            w(m), V({
               minType: a,
               medianType: l,
               maxType: v,
               minValue: S,
               medianValue: T,
-              maxValue: g,
+              maxValue: m,
               minColor: x,
               medianColor: C,
               maxColor: y
@@ -661,8 +727,8 @@ const Me = (t) => {
         {
           className: "univer-ml-1",
           color: y,
-          onChange: (g) => {
-            M(g), V({
+          onChange: (m) => {
+            M(m), V({
               minType: a,
               medianType: l,
               maxType: v,
@@ -671,7 +737,7 @@ const Me = (t) => {
               maxValue: R,
               minColor: x,
               medianColor: C,
-              maxColor: g
+              maxColor: m
             });
           }
         }
@@ -729,59 +795,86 @@ const Me = (t) => {
       ...S
     }
   );
-}, mi = (t) => {
+}, gi = (t) => {
   var L;
   const { interceptorManager: e } = t, r = W(re), n = ((L = t.rule) == null ? void 0 : L.type) === U.dataBar ? t.rule : void 0, [i, s] = N(() => {
     var I;
-    const g = "0";
-    return n ? (I = n.config) != null && I.isGradient ? "1" : "0" : g;
+    const m = "0";
+    return n ? (I = n.config) != null && I.isGradient ? "1" : "0" : m;
   }), [o, d] = N(() => {
-    var g;
-    return n ? ((g = n.config) == null ? void 0 : g.positiveColor) || Ke : Ke;
+    var m;
+    return n ? ((m = n.config) == null ? void 0 : m.positiveColor) || Ke : Ke;
   }), [a, u] = N(() => {
-    var g;
-    return n ? ((g = n.config) == null ? void 0 : g.nativeColor) || Xe : Xe;
+    var m;
+    return n ? ((m = n.config) == null ? void 0 : m.nativeColor) || Xe : Xe;
   }), l = [Ue(A.num, r), Ue(A.percent, r), Ue(A.percentile, r), Ue(A.formula, r)], h = [Ue(A.min, r), ...l], v = [Ue(A.max, r), ...l], [f, S] = N(() => {
     var I;
-    const g = h[0].value;
-    return n && ((I = n.config) == null ? void 0 : I.min.type) || g;
+    const m = h[0].value;
+    return n && ((I = n.config) == null ? void 0 : I.min.type) || m;
   }), [p, T] = N(() => {
     var I;
-    const g = v[0].value;
-    return n && ((I = n.config) == null ? void 0 : I.max.type) || g;
+    const m = v[0].value;
+    return n && ((I = n.config) == null ? void 0 : I.max.type) || m;
   }), [_, R] = N(() => {
     var H;
     if (!n)
       return 0;
     const I = ((H = n.config) == null ? void 0 : H.min) || {};
     return I.type === A.formula ? I.value || "=" : I.value || 0;
-  }), [E, x] = N(() => {
+  }), [w, x] = N(() => {
     var H;
     if (!n)
       return 100;
     const I = ((H = n.config) == null ? void 0 : H.max) || {};
     return I.type === A.formula ? I.value || "=" : I.value === void 0 ? 100 : I.value;
-  }), [m, C] = N(() => n ? n.isShowValue === void 0 ? !0 : !!n.isShowValue : !0), b = (g) => ({ config: {
-    min: { type: g.minValueType, value: g.minValue },
-    max: { type: g.maxValueType, value: g.maxValue },
-    isGradient: g.isGradient === "1",
-    positiveColor: g.positiveColor || Ke,
-    nativeColor: g.nativeColor || Xe
-  }, type: U.dataBar, isShowValue: g.isShowValue });
+  }), [g, C] = N(() => n ? n.isShowValue === void 0 ? !0 : !!n.isShowValue : !0), b = (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 });
   K(() => e.intercept(e.getInterceptPoints().submit, {
     handler() {
-      return b({ isGradient: i, minValue: _, minValueType: f, maxValue: E, maxValueType: p, positiveColor: o, nativeColor: a, isShowValue: m });
+      return b({ isGradient: i, minValue: _, minValueType: f, maxValue: w, maxValueType: p, positiveColor: o, nativeColor: a, isShowValue: g });
     }
-  }), [i, _, f, E, p, o, a, e, m]);
-  const y = (g) => {
-    t.onChange(b(g));
-  }, M = (g) => {
-    d(g), y({ isGradient: i, minValue: _, minValueType: f, maxValue: E, maxValueType: p, positiveColor: g, nativeColor: a, isShowValue: m });
-  }, w = (g) => {
-    u(g), y({ isGradient: i, minValue: _, minValueType: f, maxValue: E, maxValueType: p, positiveColor: o, nativeColor: g, isShowValue: m });
-  }, V = (g) => l.map((I) => I.value).includes(g);
-  return /* @__PURE__ */ F("div", { children: [
-    /* @__PURE__ */ c("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-600", children: r.t("sheet.cf.panel.styleRule") }),
+  }), [i, _, f, w, p, o, a, e, g]);
+  const y = (m) => {
+    t.onChange(b(m));
+  }, M = (m) => {
+    d(m), y({
+      isGradient: i,
+      minValue: _,
+      minValueType: f,
+      maxValue: w,
+      maxValueType: p,
+      positiveColor: m,
+      nativeColor: a,
+      isShowValue: g
+    });
+  }, E = (m) => {
+    u(m), y({
+      isGradient: i,
+      minValue: _,
+      minValueType: f,
+      maxValue: w,
+      maxValueType: p,
+      positiveColor: o,
+      nativeColor: m,
+      isShowValue: g
+    });
+  }, V = (m) => l.map((I) => I.value).includes(m);
+  return /* @__PURE__ */ k("div", { children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `
+                  univer-mt-4 univer-text-sm univer-text-gray-600
+                  dark:univer-text-gray-200
+                `,
+        children: r.t("sheet.cf.panel.styleRule")
+      }
+    ),
     /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(
       We,
       {
@@ -789,23 +882,41 @@ const Me = (t) => {
           isGradient: i,
           minValue: _,
           minValueType: f,
-          maxValue: E,
+          maxValue: w,
           maxValueType: p,
           positiveColor: o,
           nativeColor: a,
-          isShowValue: m
+          isShowValue: g
         })
       }
     ) }),
-    /* @__PURE__ */ F("div", { children: [
-      /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-sm univer-text-gray-600", children: r.t("sheet.cf.panel.fillType") }),
-      /* @__PURE__ */ F("div", { className: "univer-ml-1 univer-mt-3 univer-flex univer-items-center", children: [
-        /* @__PURE__ */ F(
+    /* @__PURE__ */ k("div", { children: [
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: `
+                      univer-mt-3 univer-text-sm univer-text-gray-600
+                      dark:univer-text-gray-200
+                    `,
+          children: r.t("sheet.cf.panel.fillType")
+        }
+      ),
+      /* @__PURE__ */ k("div", { className: "univer-ml-1 univer-mt-3 univer-flex univer-items-center", children: [
+        /* @__PURE__ */ k(
           qr,
           {
             value: i,
-            onChange: (g) => {
-              s(g), y({ isGradient: g, minValue: _, minValueType: f, maxValue: E, maxValueType: p, positiveColor: o, nativeColor: a, isShowValue: m });
+            onChange: (m) => {
+              s(m), y({
+                isGradient: m,
+                minValue: _,
+                minValueType: f,
+                maxValue: w,
+                maxValueType: p,
+                positiveColor: o,
+                nativeColor: a,
+                isShowValue: g
+              });
             },
             children: [
               /* @__PURE__ */ c(Xt, { value: "0", children: /* @__PURE__ */ c("span", { className: "univer-text-xs", children: r.t("sheet.cf.panel.pureColor") }) }),
@@ -813,21 +924,21 @@ const Me = (t) => {
             ]
           }
         ),
-        /* @__PURE__ */ F("div", { className: "univer-ml-6 univer-flex univer-items-center univer-text-xs", children: [
+        /* @__PURE__ */ k("div", { className: "univer-ml-6 univer-flex univer-items-center univer-text-xs", children: [
           /* @__PURE__ */ c(
             yt,
             {
-              checked: !m,
-              onChange: (g) => {
-                C(!g), y({
-                  isGradient: g,
+              checked: !g,
+              onChange: (m) => {
+                C(!m), y({
+                  isGradient: m,
                   minValue: _,
                   minValueType: f,
-                  maxValue: E,
+                  maxValue: w,
                   maxValueType: p,
                   positiveColor: o,
                   nativeColor: a,
-                  isShowValue: !g
+                  isShowValue: !m
                 });
               }
             }
@@ -836,20 +947,29 @@ const Me = (t) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ F("div", { children: [
-      /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-sm univer-text-gray-600", children: r.t("sheet.cf.panel.colorSet") }),
-      /* @__PURE__ */ F("div", { className: "univer-ml-1 univer-mt-3 univer-flex univer-items-center", children: [
-        /* @__PURE__ */ F("div", { className: "univer-flex univer-items-center", children: [
+    /* @__PURE__ */ k("div", { children: [
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: `
+                      univer-mt-3 univer-text-sm univer-text-gray-600
+                      dark:univer-text-gray-200
+                    `,
+          children: r.t("sheet.cf.panel.colorSet")
+        }
+      ),
+      /* @__PURE__ */ k("div", { className: "univer-ml-1 univer-mt-3 univer-flex univer-items-center", children: [
+        /* @__PURE__ */ k("div", { className: "univer-flex univer-items-center", children: [
           /* @__PURE__ */ c("div", { className: "univer-text-xs", children: r.t("sheet.cf.panel.native") }),
           /* @__PURE__ */ c(
             Me,
             {
               color: a,
-              onChange: w
+              onChange: E
             }
           )
         ] }),
-        /* @__PURE__ */ F("div", { className: "univer-ml-3 univer-flex univer-items-center", children: [
+        /* @__PURE__ */ k("div", { className: "univer-ml-3 univer-flex univer-items-center", children: [
           /* @__PURE__ */ c("div", { className: "univer-text-xs", children: r.t("sheet.cf.panel.positive") }),
           /* @__PURE__ */ c(
             Me,
@@ -861,27 +981,36 @@ const Me = (t) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ F("div", { children: [
-      /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-sm univer-text-gray-600", children: r.t("sheet.cf.valueType.min") }),
-      /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
+    /* @__PURE__ */ k("div", { children: [
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: `
+                      univer-mt-3 univer-text-sm univer-text-gray-600
+                      dark:univer-text-gray-200
+                    `,
+          children: r.t("sheet.cf.valueType.min")
+        }
+      ),
+      /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
         /* @__PURE__ */ c(
           le,
           {
             className: "univer-w-1/2 univer-flex-shrink-0",
             options: h,
             value: f,
-            onChange: (g) => {
-              S(g);
-              const I = Je(g, 10);
+            onChange: (m) => {
+              S(m);
+              const I = Je(m, 10);
               R(I), y({
                 isGradient: i,
                 minValue: I,
-                minValueType: g,
-                maxValue: E,
+                minValueType: m,
+                maxValue: w,
                 maxValueType: p,
                 positiveColor: o,
                 nativeColor: a,
-                isShowValue: m
+                isShowValue: g
               });
             }
           }
@@ -894,41 +1023,50 @@ const Me = (t) => {
             disabled: !V(f),
             type: f,
             value: _,
-            onChange: (g) => {
-              R(g || 0), y({
+            onChange: (m) => {
+              R(m || 0), y({
                 isGradient: i,
-                minValue: g || 0,
+                minValue: m || 0,
                 minValueType: f,
-                maxValue: E,
+                maxValue: w,
                 maxValueType: p,
                 positiveColor: o,
                 nativeColor: a,
-                isShowValue: m
+                isShowValue: g
               });
             }
           }
         )
       ] }),
-      /* @__PURE__ */ c("div", { className: "univer-mt-3 univer-text-sm univer-text-gray-600", children: r.t("sheet.cf.valueType.max") }),
-      /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: `
+                      univer-mt-3 univer-text-sm univer-text-gray-600
+                      dark:univer-text-gray-200
+                    `,
+          children: r.t("sheet.cf.valueType.max")
+        }
+      ),
+      /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
         /* @__PURE__ */ c(
           le,
           {
             className: "univer-w-1/2 univer-flex-shrink-0",
             options: v,
             value: p,
-            onChange: (g) => {
-              T(g);
-              const I = Je(g, 90);
+            onChange: (m) => {
+              T(m);
+              const I = Je(m, 90);
               x(I), y({
                 isGradient: i,
                 minValue: _,
                 minValueType: f,
                 maxValue: I,
-                maxValueType: g,
+                maxValueType: m,
                 positiveColor: o,
                 nativeColor: a,
-                isShowValue: m
+                isShowValue: g
               });
             }
           }
@@ -940,17 +1078,17 @@ const Me = (t) => {
             disabled: !V(p),
             id: "max",
             type: p,
-            value: E,
-            onChange: (g) => {
-              x(g || 0), y({
+            value: w,
+            onChange: (m) => {
+              x(m || 0), y({
                 isGradient: i,
                 minValue: _,
                 minValueType: f,
-                maxValue: g || 0,
+                maxValue: m || 0,
                 maxValueType: p,
                 positiveColor: o,
                 nativeColor: a,
-                isShowValue: m
+                isShowValue: g
               });
             }
           }
@@ -979,20 +1117,20 @@ const Me = (t) => {
     var b;
     const C = "#e8ecfc";
     return (b = e == null ? void 0 : e.bg) != null && b.rgb ? e.bg.rgb : C;
-  }), _ = i.get("BoldSingle"), R = i.get("ItalicSingle"), E = i.get("UnderlineSingle"), x = i.get("StrikethroughSingle");
+  }), _ = i.get("BoldSingle"), R = i.get("ItalicSingle"), w = i.get("UnderlineSingle"), x = i.get("StrikethroughSingle");
   K(() => {
     const C = {
       bl: s,
       it: d
     };
-    f !== void 0 && (C.cl = { rgb: f }), p !== void 0 && (C.bg = { rgb: p }), h !== void 0 && (C.st = { s: h }), u !== void 0 && (C.ul = { s: u }), r(mr(C));
+    f !== void 0 && (C.cl = { rgb: f }), p !== void 0 && (C.bg = { rgb: p }), h !== void 0 && (C.st = { s: h }), u !== void 0 && (C.ul = { s: u }), r(gr(C));
   }, [s, d, u, h, f, p]);
-  const m = "univer-flex univer-cursor-pointer univer-items-center univer-rounded univer-px-1";
-  return /* @__PURE__ */ F("div", { className: X("univer-my-2.5 univer-flex univer-justify-between", n), children: [
+  const g = "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(m, {
+        className: X(g, {
           "univer-bg-gray-100": ut(s || ae.FALSE)
         }),
         onClick: () => o(ct(s)),
@@ -1002,27 +1140,27 @@ const Me = (t) => {
     R && /* @__PURE__ */ c(
       "div",
       {
-        className: X(m, {
+        className: X(g, {
           "univer-bg-gray-100": ut(d || ae.FALSE)
         }),
         onClick: () => a(ct(d)),
         children: /* @__PURE__ */ c(R, {})
       }
     ),
-    E && /* @__PURE__ */ c(
+    w && /* @__PURE__ */ c(
       "div",
       {
-        className: X(m, {
+        className: X(g, {
           "univer-bg-gray-100": ut(u || ae.FALSE)
         }),
         onClick: () => l(ct(u)),
-        children: /* @__PURE__ */ c(E, {})
+        children: /* @__PURE__ */ c(w, {})
       }
     ),
     x && /* @__PURE__ */ c(
       "div",
       {
-        className: X(m, {
+        className: X(g, {
           "univer-bg-gray-100": ut(h || ae.FALSE)
         }),
         onClick: () => v(ct(h)),
@@ -1032,13 +1170,13 @@ const Me = (t) => {
     /* @__PURE__ */ c(Me, { color: f, onChange: S, iconId: "FontColor" }),
     /* @__PURE__ */ c(Me, { color: p, onChange: T, iconId: "PaintBucket" })
   ] });
-}, gi = (t) => {
+}, mi = (t) => {
   var x;
-  const { onChange: e, interceptorManager: r } = t, n = W(re), s = W(z).getCurrentUnitForType($.UNIVER_SHEET), o = s.getActiveSheet(), d = ((x = t.rule) == null ? void 0 : x.type) === U.highlightCell ? t.rule : void 0, a = de(null), [u, l] = N(!1), h = de(null), [v, f] = N({}), [S, p] = N(() => (d == null ? void 0 : d.subType) === k.formula ? d.value : "="), [T, _] = N(void 0), R = (m) => ({
-    style: m.style,
+  const { onChange: e, interceptorManager: r } = t, n = W(re), s = W(z).getCurrentUnitForType($.UNIVER_SHEET), o = s.getActiveSheet(), d = ((x = t.rule) == null ? void 0 : x.type) === U.highlightCell ? t.rule : void 0, a = de(null), [u, l] = N(!1), h = de(null), [v, f] = N({}), [S, p] = N(() => (d == null ? void 0 : d.subType) === F.formula ? d.value : "="), [T, _] = N(void 0), R = (g) => ({
+    style: g.style,
     value: S,
     type: U.highlightCell,
-    subType: k.formula
+    subType: F.formula
   });
   K(() => r.intercept(r.getInterceptPoints().submit, {
     handler() {
@@ -1047,14 +1185,23 @@ const Me = (t) => {
   }), [v, S, r]), K(() => r.intercept(r.getInterceptPoints().beforeSubmit, {
     handler: (C, b, y) => T || S.length === 1 || !S.startsWith("=") ? (_(n.t("sheet.cf.errorMessage.formulaError")), !1) : y(C)
   }), [T, S]);
-  const E = (m) => {
-    e(R(m));
+  const w = (g) => {
+    e(R(g));
   };
-  return Nt((m) => {
+  return Nt((g) => {
     var b;
-    ((b = h.current) == null ? void 0 : b.isClickOutSide(m)) && l(!1);
-  }), /* @__PURE__ */ F("div", { ref: a, children: [
-    /* @__PURE__ */ c("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-600", children: n.t("sheet.cf.panel.styleRule") }),
+    ((b = h.current) == null ? void 0 : b.isClickOutSide(g)) && l(!1);
+  }), /* @__PURE__ */ k("div", { ref: a, children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `
+                  univer-mt-4 univer-text-sm univer-text-gray-600
+                  dark:univer-text-gray-200
+                `,
+        children: n.t("sheet.cf.panel.styleRule")
+      }
+    ),
     /* @__PURE__ */ c("div", { className: "univer-mt-3", children: /* @__PURE__ */ c(
       Mt,
       {
@@ -1075,11 +1222,11 @@ const Me = (t) => {
         onFocus: () => {
           l(!0);
         },
-        onChange: (m) => {
-          p(m), E({ style: v });
+        onChange: (g) => {
+          p(g), w({ style: v });
         },
-        onVerify: (m, C) => {
-          !m || C.length === 1 ? _(n.t("sheet.cf.errorMessage.formulaError")) : _(void 0);
+        onVerify: (g, C) => {
+          !g || C.length === 1 ? _(n.t("sheet.cf.errorMessage.formulaError")) : _(void 0);
         }
       }
     ) }),
@@ -1089,13 +1236,13 @@ const Me = (t) => {
       {
         style: d == null ? void 0 : d.style,
         className: "univer-mt-3",
-        onChange: (m) => {
-          f(m), E({ style: m });
+        onChange: (g) => {
+          f(g), w({ style: g });
         }
       }
     )
   ] });
-}, dt = (t) => /* @__PURE__ */ F("div", { style: { position: "relative" }, children: [
+}, dt = (t) => /* @__PURE__ */ k("div", { style: { position: "relative" }, children: [
   /* @__PURE__ */ c(
     "div",
     {
@@ -1111,34 +1258,34 @@ const Me = (t) => {
   ),
   t.children
 ] }), q = (t, e) => ({ label: e.t(`sheet.cf.operator.${t}`), value: t }), fi = (t) => {
-  const { type: e, operator: r, onChange: n, value: i, interceptorManager: s } = t, o = W(re), [d, a] = N(() => typeof i == "number" ? i : 0), [u, l] = N(""), [h, v] = N(() => typeof i == "string" ? i : ""), [f, S] = N(""), [p, T] = N(() => Array.isArray(i) ? i[0] === void 0 ? 0 : i[0] : 0), [_, R] = N(""), [E, x] = N(() => Array.isArray(i) ? i[1] === void 0 ? 100 : i[1] : 100), [m, C] = N("");
+  const { type: e, operator: r, onChange: n, value: i, interceptorManager: s } = t, o = W(re), [d, a] = N(() => typeof i == "number" ? i : 0), [u, l] = N(""), [h, v] = N(() => typeof i == "string" ? i : ""), [f, S] = N(""), [p, T] = N(() => Array.isArray(i) ? i[0] === void 0 ? 0 : i[0] : 0), [_, R] = N(""), [w, x] = N(() => Array.isArray(i) ? i[1] === void 0 ? 100 : i[1] : 100), [g, C] = N("");
   switch (K(() => {
     switch (e) {
-      case k.text: {
+      case F.text: {
         [j.beginsWith, j.endsWith, j.containsText, j.notContainsText, j.equal, j.notEqual].includes(r) && n(h);
         break;
       }
-      case k.number: {
-        [P.equal, P.notEqual, P.greaterThan, P.greaterThanOrEqual, P.lessThan, P.lessThanOrEqual].includes(r) && n(d), [P.between, P.notBetween].includes(r) && n([p, E]);
+      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([p, w]);
         break;
       }
     }
   }, [e]), K(() => {
     const b = s.intercept(s.getInterceptPoints().beforeSubmit, {
-      handler: (y, M, w) => {
+      handler: (y, M, E) => {
         switch (e) {
-          case k.text:
+          case F.text:
             if ([j.beginsWith, j.containsText, j.endsWith, j.notEqual, j.notContainsText, j.equal].includes(r))
-              return h ? w(y) : (S(o.t("sheet.cf.errorMessage.notBlank")), !1);
+              return h ? E(y) : (S(o.t("sheet.cf.errorMessage.notBlank")), !1);
         }
-        return w(y);
+        return E(y);
       }
     });
     return () => {
       b();
     };
   }, [e, d, h, r]), e) {
-    case k.text: {
+    case F.text: {
       if ([j.beginsWith, j.endsWith, j.containsText, j.notContainsText, j.equal, j.notEqual].includes(r)) {
         const b = (y) => {
           v(y), n(y);
@@ -1155,7 +1302,7 @@ const Me = (t) => {
       }
       break;
     }
-    case k.number: {
+    case F.number: {
       if ([P.equal, P.notEqual, P.greaterThan, P.greaterThanOrEqual, P.lessThan, P.lessThanOrEqual].includes(r)) {
         const b = (y) => {
           a(y || 0), n(y || 0), l("");
@@ -1173,19 +1320,19 @@ const Me = (t) => {
       }
       if ([P.between, P.notBetween].includes(r)) {
         const b = (M) => {
-          T(M || 0), n([M || 0, E]), R("");
+          T(M || 0), n([M || 0, w]), R("");
         }, y = (M) => {
           x(M || 0), n([p, M || 0]), C("");
         };
-        return /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
+        return /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
           /* @__PURE__ */ c(dt, { errorText: _, children: /* @__PURE__ */ c(Ne, { min: Number.MIN_SAFE_INTEGER, max: Number.MAX_SAFE_INTEGER, value: p, onChange: b }) }),
-          /* @__PURE__ */ c(dt, { errorText: m, children: /* @__PURE__ */ c(
+          /* @__PURE__ */ c(dt, { errorText: g, children: /* @__PURE__ */ c(
             Ne,
             {
               className: "univer-ml-3",
               min: Number.MIN_SAFE_INTEGER,
               max: Number.MAX_SAFE_INTEGER,
-              value: E,
+              value: w,
               onChange: y
             }
           ) })
@@ -1196,7 +1343,7 @@ const Me = (t) => {
   return null;
 }, on = (t, e) => {
   switch (t) {
-    case k.text:
+    case F.text:
       return [
         q(j.containsText, e),
         q(j.notContainsText, e),
@@ -1209,7 +1356,7 @@ const Me = (t) => {
         q(j.containsErrors, e),
         q(j.notContainsErrors, e)
       ];
-    case k.number:
+    case F.number:
       return [
         q(P.between, e),
         q(P.notBetween, e),
@@ -1220,7 +1367,7 @@ const Me = (t) => {
         q(P.lessThan, e),
         q(P.lessThanOrEqual, e)
       ];
-    case k.timePeriod:
+    case F.timePeriod:
       return [
         q(ue.yesterday, e),
         q(ue.today, e),
@@ -1237,69 +1384,69 @@ const Me = (t) => {
 }, an = (t) => {
   var x;
   const { interceptorManager: e, onChange: r } = t, n = W(re), i = ((x = t.rule) == null ? void 0 : x.type) === U.highlightCell ? t.rule : void 0, [s, o] = N(() => {
-    const m = k.text;
-    return i && i.subType || m;
+    const g = F.text;
+    return i && i.subType || g;
   }), d = [{
-    value: k.text,
+    value: F.text,
     label: n.t("sheet.cf.subRuleType.text")
   }, {
-    value: k.number,
+    value: F.number,
     label: n.t("sheet.cf.subRuleType.number")
   }, {
-    value: k.timePeriod,
+    value: F.timePeriod,
     label: n.t("sheet.cf.subRuleType.timePeriod")
   }, {
-    value: k.duplicateValues,
+    value: F.duplicateValues,
     label: n.t("sheet.cf.subRuleType.duplicateValues")
   }, {
-    value: k.uniqueValues,
+    value: F.uniqueValues,
     label: n.t("sheet.cf.subRuleType.uniqueValues")
   }], a = J(() => on(s, n), [s]), [u, l] = N(() => {
-    const m = a ? a[0].value : void 0;
-    return i && i.operator || m;
+    const g = a ? a[0].value : void 0;
+    return i && i.operator || g;
   }), [h, v] = N(() => {
     var b;
-    const m = "";
-    return i ? (b = i.value) != null ? b : gt(i.subType, i.operator) : m;
-  }), [f, S] = N({}), p = J(() => (m) => {
-    var C, b, y, M, w, V, L, g, I, H, Y, me, ge, Fe, ke;
-    switch (m.subType || s) {
-      case k.text: {
+    const g = "";
+    return i ? (b = i.value) != null ? b : mt(i.subType, i.operator) : g;
+  }), [f, S] = N({}), p = J(() => (g) => {
+    var C, b, y, M, E, V, L, m, I, H, Y, ge, me, ke, Fe;
+    switch (g.subType || s) {
+      case F.text: {
         if ([j.beginsWith, j.endsWith, j.containsText, j.notContainsText, j.equal, j.notEqual].includes(u))
           return {
             type: U.highlightCell,
-            subType: (C = m.subType) != null ? C : s,
-            operator: (b = m.operator) != null ? b : u,
-            style: (y = m.style) != null ? y : f,
-            value: (M = m.value) != null ? M : h
+            subType: (C = g.subType) != null ? C : s,
+            operator: (b = g.operator) != null ? b : u,
+            style: (y = g.style) != null ? y : f,
+            value: (M = g.value) != null ? M : h
           };
         break;
       }
-      case k.number: {
+      case F.number: {
         if ([P.equal, P.notEqual, P.greaterThan, P.greaterThanOrEqual, P.lessThan, P.lessThanOrEqual].includes(u))
           return {
             type: U.highlightCell,
-            subType: (w = m.subType) != null ? w : s,
-            operator: (V = m.operator) != null ? V : u,
-            style: (L = m.style) != null ? L : f,
-            value: (g = m.value) != null ? g : h
+            subType: (E = g.subType) != null ? E : s,
+            operator: (V = g.operator) != null ? V : u,
+            style: (L = g.style) != null ? L : f,
+            value: (m = g.value) != null ? m : h
           };
         if ([P.between, P.notBetween].includes(u))
           return {
             type: U.highlightCell,
-            subType: (I = m.subType) != null ? I : s,
-            operator: (H = m.operator) != null ? H : u,
-            style: (Y = m.style) != null ? Y : f,
-            value: (me = m.value) != null ? me : h
+            subType: (I = g.subType) != null ? I : s,
+            operator: (H = g.operator) != null ? H : u,
+            style: (Y = g.style) != null ? Y : f,
+            value: (ge = g.value) != null ? ge : h
           };
         break;
       }
     }
     return {
       type: U.highlightCell,
-      subType: (ge = m.subType) != null ? ge : s,
-      operator: (Fe = m.operator) != null ? Fe : u,
-      style: (ke = m.style) != null ? ke : f
+      subType: (me = g.subType) != null ? me : s,
+      operator: (ke = g.operator) != null ? ke : u,
+      style: (Fe = g.style) != null ? Fe : f
     };
   }, [s, u, h, f]);
   K(() => e.intercept(e.getInterceptPoints().submit, {
@@ -1307,20 +1454,29 @@ const Me = (t) => {
       return p({});
     }
   }), [p, e]), K(() => {
-    d.some((m) => m.value === s) || o(d[0].value);
+    d.some((g) => g.value === s) || o(d[0].value);
   }, [d]);
-  const T = (m) => {
-    const C = m, b = on(C, n), y = b && b[0].value;
-    o(C), l(y), y && v(gt(C, y)), r(p({ subType: C, operator: y }));
-  }, _ = (m) => {
-    const C = m;
+  const T = (g) => {
+    const C = g, b = on(C, n), y = b && b[0].value;
+    o(C), l(y), y && v(mt(C, y)), r(p({ subType: C, operator: y }));
+  }, _ = (g) => {
+    const C = g;
     l(C), r(p({ operator: C }));
-  }, R = (m) => {
-    v(m), r(p({ value: m }));
-  }, E = J(() => `${s}_${u}_${Math.random()}`, [s, u]);
-  return /* @__PURE__ */ F("div", { children: [
-    /* @__PURE__ */ c("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-600", children: n.t("sheet.cf.panel.styleRule") }),
-    /* @__PURE__ */ F("div", { className: "univer-flex univer-justify-between univer-gap-4", children: [
+  }, R = (g) => {
+    v(g), r(p({ value: g }));
+  }, w = J(() => `${s}_${u}_${Math.random()}`, [s, u]);
+  return /* @__PURE__ */ k("div", { children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `
+                  univer-mt-4 univer-text-sm univer-text-gray-600
+                  dark:univer-text-gray-200
+                `,
+        children: n.t("sheet.cf.panel.styleRule")
+      }
+    ),
+    /* @__PURE__ */ k("div", { className: "univer-flex univer-justify-between univer-gap-4", children: [
       /* @__PURE__ */ c(
         le,
         {
@@ -1350,7 +1506,7 @@ const Me = (t) => {
         rule: i,
         onChange: R
       },
-      E
+      w
     ),
     /* @__PURE__ */ c("div", { className: at, children: /* @__PURE__ */ c(We, { rule: p({}) }) }),
     /* @__PURE__ */ c(
@@ -1358,19 +1514,19 @@ const Me = (t) => {
       {
         style: i == null ? void 0 : i.style,
         className: "univer-ml-1",
-        onChange: (m) => {
-          S(m), r(p({ style: m }));
+        onChange: (g) => {
+          S(g), r(p({ style: g }));
         }
       }
     )
   ] });
-}, Xn = (t, e) => (we[t] || [])[Number(e)] || "", pi = (t) => {
+}, Xn = (t, e) => (Ee[t] || [])[Number(e)] || "", pi = (t) => {
   var l;
   const { error: e, type: r, onChange: n } = t, i = W(z), s = i.getCurrentUnitForType($.UNIVER_SHEET).getUnitId(), o = (l = i.getCurrentUnitForType($.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : l.getSheetId(), d = de(null), [a, u] = N(!1);
   return Nt((h) => {
     var f;
     ((f = d.current) == null ? void 0 : f.isClickOutSide(h)) && u(!1);
-  }), /* @__PURE__ */ c("div", { className: "univer-relative", children: r !== A.formula ? /* @__PURE__ */ F(Bt, { children: [
+  }), /* @__PURE__ */ c("div", { className: "univer-relative", children: r !== A.formula ? /* @__PURE__ */ k(Bt, { children: [
     /* @__PURE__ */ c(
       Ne,
       {
@@ -1405,7 +1561,7 @@ const Me = (t) => {
   const { onClick: r } = t, n = W(re), i = (s) => {
     r(s);
   };
-  return /* @__PURE__ */ c("div", { ref: e, className: "univer-w-80", children: gr.map((s, o) => /* @__PURE__ */ F("div", { className: "univer-mb-3", children: [
+  return /* @__PURE__ */ c("div", { ref: e, className: "univer-w-80", children: mr.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(
       "div",
@@ -1439,8 +1595,8 @@ const Me = (t) => {
 }), yi = (t) => {
   const { onClick: e } = t, r = J(() => {
     const i = [];
-    for (const s in we) {
-      const o = we[s], d = s;
+    for (const s in Ee) {
+      const o = Ee[s], d = s;
       o.forEach((a, u) => {
         i.push({
           iconType: d,
@@ -1453,8 +1609,8 @@ const Me = (t) => {
   }, []), n = (i) => {
     e(i.iconType, i.iconId);
   };
-  return /* @__PURE__ */ F("div", { children: [
-    /* @__PURE__ */ F(
+  return /* @__PURE__ */ k("div", { children: [
+    /* @__PURE__ */ k(
       "div",
       {
         className: "univer-mb-2.5 univer-flex univer-cursor-pointer univer-items-center univer-pl-1",
@@ -1496,32 +1652,33 @@ const Me = (t) => {
     e([String(v), "value", "value"], h);
   }, a = (h, v) => {
     e([String(v), "operator"], h);
-    const f = gt(k.number, h);
+    const f = mt(F.number, h);
     d(f, v);
   }, u = (h, v) => {
     e([String(v), "value", "type"], h);
-    const f = r[v], S = gt(k.number, f.operator);
+    const f = r[v], S = mt(F.number, f.operator);
     d(S, v);
   };
   return J(() => r.map((h, v) => {
-    const f = n[v], S = Xn(h.iconType, h.iconId), p = v === r.length - 1, T = v === 0, _ = r[v - 1], R = (_ == null ? void 0 : _.value.type) === A.formula ? i.t("sheet.cf.valueType.formula") : _ == null ? void 0 : _.value.value, E = (x, m) => {
-      const C = { ...h, iconId: m, iconType: x };
+    const f = n[v], S = Xn(h.iconType, h.iconId), p = v === r.length - 1, T = v === 0, _ = r[v - 1], R = (_ == null ? void 0 : _.value.type) === A.formula ? i.t("sheet.cf.valueType.formula") : _ == null ? void 0 : _.value.value, w = (x, g) => {
+      const C = { ...h, iconId: g, iconType: x };
       e([String(v)], C);
     };
-    return /* @__PURE__ */ F(
+    return /* @__PURE__ */ k(
       "div",
       {
         className: v ? "univer-mt-6" : "univer-mt-3",
         children: [
-          /* @__PURE__ */ F(
+          /* @__PURE__ */ k(
             "div",
             {
               className: `
                           univer-mt-3 univer-flex univer-items-center univer-justify-between univer-text-sm
                           univer-text-gray-600
+                          dark:univer-text-gray-200
                         `,
               children: [
-                /* @__PURE__ */ F(
+                /* @__PURE__ */ k(
                   "div",
                   {
                     className: "univer-w-[45%]",
@@ -1531,32 +1688,42 @@ const Me = (t) => {
                     ]
                   }
                 ),
-                /* @__PURE__ */ c("div", { className: "univer-w-[45%]", children: /* @__PURE__ */ F(Bt, { children: [
+                /* @__PURE__ */ c("div", { className: "univer-w-[45%]", children: /* @__PURE__ */ k(Bt, { children: [
                   !T && !p && i.t("sheet.cf.iconSet.rule"),
-                  !T && !p && /* @__PURE__ */ F("span", { className: "univer-font-medium univer-text-gray-600", children: [
-                    "(",
-                    i.t("sheet.cf.iconSet.when"),
-                    i.t(`sheet.cf.symbol.${Ht(_.operator)}`),
-                    R,
-                    p ? "" : ` ${i.t("sheet.cf.iconSet.and")} `,
-                    ")"
-                  ] })
+                  !T && !p && /* @__PURE__ */ k(
+                    "span",
+                    {
+                      className: `
+                                          univer-font-medium univer-text-gray-600
+                                          dark:univer-text-gray-200
+                                        `,
+                      children: [
+                        "(",
+                        i.t("sheet.cf.iconSet.when"),
+                        i.t(`sheet.cf.symbol.${Ht(_.operator)}`),
+                        R,
+                        p ? "" : ` ${i.t("sheet.cf.iconSet.and")} `,
+                        ")"
+                      ]
+                    }
+                  )
                 ] }) })
               ]
             }
           ),
-          /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-items-center univer-justify-between univer-gap-4", children: [
+          /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center univer-justify-between univer-gap-4", children: [
             /* @__PURE__ */ c("div", { className: "univer-flex univer-items-center", children: /* @__PURE__ */ c(
               Zt,
               {
-                overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(yi, { onClick: E, iconId: h.iconId, iconType: h.iconType }) }),
-                children: /* @__PURE__ */ F(
+                overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(yi, { onClick: w, iconId: h.iconId, iconType: h.iconType }) }),
+                children: /* @__PURE__ */ k(
                   "div",
                   {
                     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
+                                      dark:univer-text-gray-200
                                       hover:univer-border-primary-600
                                     `, He),
                     children: [
@@ -1572,15 +1739,24 @@ const Me = (t) => {
                 )
               }
             ) }),
-            p ? /* @__PURE__ */ F("div", { className: "univer-mt-0 univer-w-[45%] univer-text-sm univer-text-gray-600", children: [
-              i.t("sheet.cf.iconSet.rule"),
-              /* @__PURE__ */ F("span", { className: "univer-font-medium univer-text-gray-600", children: [
-                i.t("sheet.cf.iconSet.when"),
-                i.t(`sheet.cf.symbol.${Ht(_.operator)}`),
-                R,
-                p ? "" : ` ${i.t("sheet.cf.iconSet.and")} `
-              ] })
-            ] }) : /* @__PURE__ */ c(
+            p ? /* @__PURE__ */ k(
+              "div",
+              {
+                className: `
+                                      univer-mt-0 univer-w-[45%] univer-text-sm univer-text-gray-600
+                                      dark:univer-text-gray-200
+                                    `,
+                children: [
+                  i.t("sheet.cf.iconSet.rule"),
+                  /* @__PURE__ */ k("span", { className: "univer-font-medium", children: [
+                    i.t("sheet.cf.iconSet.when"),
+                    i.t(`sheet.cf.symbol.${Ht(_.operator)}`),
+                    R,
+                    p ? "" : ` ${i.t("sheet.cf.iconSet.and")} `
+                  ] })
+                ]
+              }
+            ) : /* @__PURE__ */ c(
               le,
               {
                 options: s,
@@ -1591,13 +1767,14 @@ const Me = (t) => {
               }
             )
           ] }),
-          p ? /* @__PURE__ */ c("div", {}) : /* @__PURE__ */ F(Bt, { children: [
-            /* @__PURE__ */ F(
+          p ? /* @__PURE__ */ c("div", {}) : /* @__PURE__ */ k(Bt, { children: [
+            /* @__PURE__ */ k(
               "div",
               {
                 className: `
                                       univer-mt-3 univer-flex univer-items-center univer-justify-between univer-gap-4
                                       univer-text-sm univer-text-gray-600
+                                      dark:univer-text-gray-200
                                     `,
                 children: [
                   /* @__PURE__ */ c("div", { children: i.t("sheet.cf.iconSet.type") }),
@@ -1605,7 +1782,7 @@ const Me = (t) => {
                 ]
               }
             ),
-            /* @__PURE__ */ F(
+            /* @__PURE__ */ k(
               "div",
               {
                 className: `
@@ -1647,26 +1824,26 @@ const Me = (t) => {
 }, Si = (t) => {
   var x;
   const { interceptorManager: e } = t, r = ((x = t.rule) == null ? void 0 : x.type) === U.iconSet ? t.rule : void 0, n = W(re), [i, s] = N({}), [o, d] = N(() => {
-    const m = Object.keys(we)[0];
+    const g = Object.keys(Ee)[0];
     if (r && r.config.length) {
       const C = r.config[0].iconType;
       if (!r.config.some((y) => y.iconType !== C))
         return C;
     }
-    return m;
+    return g;
   }), [a, u] = N(() => {
     if (r && r.config.length)
       return Wt.deepClone(r == null ? void 0 : r.config);
-    const m = we[o] || [];
-    return new Array(m.length).fill("").map((C, b, y) => b === y.length - 1 ? {
+    const g = Ee[o] || [];
+    return new Array(g.length).fill("").map((C, b, y) => b === y.length - 1 ? {
       operator: P.lessThanOrEqual,
       value: { type: A.num, value: Number.MAX_SAFE_INTEGER },
       iconType: o,
       iconId: String(b)
     } : ln(o, b, y));
   }), [l, h] = N(() => r ? !!r.isShowValue : !0), v = J(() => {
-    const m = a.map((C) => Xn(C.iconType, C.iconId));
-    return /* @__PURE__ */ c("div", { className: "univer-flex univer-items-center", children: m.map((C, b) => C ? /* @__PURE__ */ c(
+    const g = a.map((C) => Xn(C.iconType, C.iconId));
+    return /* @__PURE__ */ c("div", { className: "univer-flex univer-items-center", children: g.map((C, b) => C ? /* @__PURE__ */ c(
       "img",
       {
         className: "univer-size-5",
@@ -1674,8 +1851,8 @@ const Me = (t) => {
       },
       b
     ) : /* @__PURE__ */ c(ot, { className: "univer-size-5" }, b)) });
-  }, [a]), f = (m) => {
-    if (m.reduce((b, y, M) => b.preType && !b.result || m.length - 1 === M ? b : y.value.type === A.formula ? {
+  }, [a]), f = (g) => {
+    if (g.reduce((b, y, M) => b.preType && !b.result || g.length - 1 === M ? b : y.value.type === A.formula ? {
       preType: A.formula,
       result: !1
     } : b.preType ? {
@@ -1684,50 +1861,50 @@ const Me = (t) => {
     } : {
       result: !0,
       preType: y.value.type
-    }, { result: !0, preType: "" }).result && [A.num, A.percent, A.percentile].includes(m[0].value.type)) {
+    }, { result: !0, preType: "" }).result && [A.num, A.percent, A.percentile].includes(g[0].value.type)) {
       const b = {};
-      return m.forEach((y, M, w) => {
-        if (M - 1 < 0 || M === w.length - 1)
+      return g.forEach((y, M, E) => {
+        if (M - 1 < 0 || M === E.length - 1)
           return;
-        const L = m[M - 1], g = Ht(L.operator);
-        fr({ operator: g, value: L.value.value }, y.value.value) || (b[M] = `${n.t(`sheet.cf.form.${g}`, String(L.value.value))} `);
+        const L = g[M - 1], m = Ht(L.operator);
+        fr({ operator: m, value: L.value.value }, y.value.value) || (b[M] = `${n.t(`sheet.cf.form.${m}`, String(L.value.value))} `);
       }), b;
     }
     return {};
-  }, S = (m, C) => {
-    sr(a, m) !== C && (or(a, m, C), u([...a]), s(f(a)));
-  }, p = (m) => {
-    d(m);
-    const C = we[m] || [], b = new Array(C.length).fill("").map((y, M, w) => ln(m, M, w));
+  }, S = (g, C) => {
+    sr(a, g) !== C && (or(a, g, C), u([...a]), s(f(a)));
+  }, p = (g) => {
+    d(g);
+    const C = Ee[g] || [], b = new Array(C.length).fill("").map((y, M, E) => ln(g, M, E));
     u(b), s(f(b));
   };
   K(() => {
-    const m = e.intercept(e.getInterceptPoints().submit, {
+    const g = e.intercept(e.getInterceptPoints().submit, {
       handler() {
         return { type: U.iconSet, isShowValue: l, config: a };
       }
     });
     return () => {
-      m();
+      g();
     };
   }, [l, a, e]), K(() => {
-    const m = e.intercept(e.getInterceptPoints().beforeSubmit, {
+    const g = e.intercept(e.getInterceptPoints().beforeSubmit, {
       handler() {
         return Object.keys(i).length === 0;
       }
     });
     return () => {
-      m();
+      g();
     };
   }, [l, a, e, i]);
   const T = () => {
-    const m = a.map((C) => ({ ...C }));
+    const g = a.map((C) => ({ ...C }));
     a.forEach((C, b) => {
-      const y = a.length - 1 - b, M = m[y];
+      const y = a.length - 1 - b, M = g[y];
       C.iconId = M.iconId, C.iconType = M.iconType;
     }), u([...a]);
-  }, _ = W(Lr), [R, E] = N();
-  return Ar(R, _.rootContainerElement), /* @__PURE__ */ F("div", { children: [
+  }, _ = W(Lr), [R, w] = N();
+  return Ar(R, _.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(
       Zt,
@@ -1735,14 +1912,14 @@ const Me = (t) => {
         overlay: /* @__PURE__ */ c("div", { className: "univer-rounded-lg univer-p-4", children: /* @__PURE__ */ c(
           Ci,
           {
-            ref: (m) => {
-              !R && m && E(m);
+            ref: (g) => {
+              !R && g && w(g);
             },
             iconType: o,
             onClick: p
           }
         ) }),
-        children: /* @__PURE__ */ F(
+        children: /* @__PURE__ */ k(
           "div",
           {
             className: X(`
@@ -1759,14 +1936,14 @@ const Me = (t) => {
         )
       }
     ) }),
-    /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-items-center univer-text-xs", children: [
-      /* @__PURE__ */ F("div", { className: "univer-flex univer-items-center univer-text-xs", children: [
+    /* @__PURE__ */ 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: T }),
         n.t("sheet.cf.iconSet.reverseIconOrder")
       ] }),
-      /* @__PURE__ */ F("div", { className: "univer-ml-6 univer-flex univer-items-center univer-text-xs", children: [
-        /* @__PURE__ */ c(yt, { checked: !l, onChange: (m) => {
-          h(!m);
+      /* @__PURE__ */ k("div", { className: "univer-ml-6 univer-flex univer-items-center univer-text-xs", children: [
+        /* @__PURE__ */ c(yt, { checked: !l, onChange: (g) => {
+          h(!g);
         } }),
         n.t("sheet.cf.iconSet.onlyShowIcon")
       ] })
@@ -1782,9 +1959,9 @@ const Me = (t) => {
     switch (R) {
       case U.highlightCell:
         switch (i.subType) {
-          case k.average:
+          case F.average:
             return [P.greaterThan, P.greaterThanOrEqual].includes(i.operator) ? "greaterThanAverage" : [P.lessThan, P.lessThanOrEqual].includes(i.operator) ? "lessThanAverage" : _;
-          case k.rank:
+          case F.rank:
             return i.isBottom ? "isBottom" : "isNotBottom";
         }
     }
@@ -1796,7 +1973,7 @@ const Me = (t) => {
     switch (R) {
       case U.highlightCell:
         switch (i.subType) {
-          case k.rank:
+          case F.rank:
             return i.value || 10;
         }
     }
@@ -1808,21 +1985,21 @@ const Me = (t) => {
     switch (R) {
       case U.highlightCell:
         switch (i.subType) {
-          case k.rank:
+          case F.rank:
             return i.isPercent || !1;
         }
     }
     return !1;
   }), [v, f] = N({}), S = (_) => {
-    const { type: R, isPercent: E, value: x, style: m } = _;
+    const { type: R, isPercent: w, value: x, style: g } = _;
     if (R === "isNotBottom")
-      return { type: U.highlightCell, subType: k.rank, isPercent: E, isBottom: !1, value: x, style: m };
+      return { type: U.highlightCell, subType: F.rank, isPercent: w, isBottom: !1, value: x, style: g };
     if (R === "isBottom")
-      return { type: U.highlightCell, subType: k.rank, isPercent: E, isBottom: !0, value: x, style: m };
+      return { type: U.highlightCell, subType: F.rank, isPercent: w, isBottom: !0, value: x, style: g };
     if (R === "greaterThanAverage")
-      return { type: U.highlightCell, subType: k.average, operator: P.greaterThan, style: m };
+      return { type: U.highlightCell, subType: F.average, operator: P.greaterThan, style: g };
     if (R === "lessThanAverage")
-      return { type: U.highlightCell, subType: k.average, operator: P.lessThan, style: m };
+      return { type: U.highlightCell, subType: F.average, operator: P.lessThan, style: g };
   };
   K(() => r.intercept(r.getInterceptPoints().submit, {
     handler() {
@@ -1832,8 +2009,17 @@ const Me = (t) => {
   const p = (_) => {
     e(S(_));
   };
-  return /* @__PURE__ */ F("div", { children: [
-    /* @__PURE__ */ c("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-600", children: n.t("sheet.cf.panel.styleRule") }),
+  return /* @__PURE__ */ k("div", { children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `
+                  univer-mt-4 univer-text-sm univer-text-gray-600
+                  dark:univer-text-gray-200
+                `,
+        children: n.t("sheet.cf.panel.styleRule")
+      }
+    ),
     /* @__PURE__ */ c(
       le,
       {
@@ -1845,7 +2031,7 @@ const Me = (t) => {
         }
       }
     ),
-    ["isNotBottom", "isBottom"].includes(o) && /* @__PURE__ */ F("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
+    ["isNotBottom", "isBottom"].includes(o) && /* @__PURE__ */ k("div", { className: "univer-mt-3 univer-flex univer-items-center", children: [
       /* @__PURE__ */ c(
         Ne,
         {
@@ -1858,7 +2044,7 @@ const Me = (t) => {
           }
         }
       ),
-      /* @__PURE__ */ F(
+      /* @__PURE__ */ k(
         "div",
         {
           className: "univer-ml-3 univer-flex univer-items-center univer-text-xs",
@@ -1895,9 +2081,9 @@ const Me = (t) => {
 }, Ri = (t) => {
   var b, y, M;
   const e = W(re), r = W(te), n = W(z), i = W(Q), s = W($e), o = cn(n), d = un(n), [a, u] = N(void 0), l = de((y = (b = t.rule) == null ? void 0 : b.ranges) != null ? y : []), h = J(() => {
-    var V, L, g;
-    let w = (V = t.rule) == null ? void 0 : V.ranges;
-    return w != null && w.length || (w = (g = (L = s.getCurrentSelections()) == null ? void 0 : L.map((I) => I.range)) != null ? g : []), l.current = w, w != null && w.length ? w.map((I) => {
+    var V, L, 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((I) => I.range)) != null ? m : []), l.current = E, E != null && E.length ? E.map((I) => {
       const H = Un(I);
       return H === "NaN" ? "" : H;
     }).filter((I) => !!I).join(",") : "";
@@ -1909,23 +2095,23 @@ const Me = (t) => {
     { label: e.t("sheet.cf.ruleType.formula"), value: "5" },
     { label: e.t("sheet.cf.ruleType.iconSet"), value: "6" }
   ], [f, S] = N(() => {
-    var L, g;
-    const w = (L = t.rule) == null ? void 0 : L.rule.type, V = v[0].value;
-    if (!w)
+    var L, m;
+    const E = (L = t.rule) == null ? void 0 : L.rule.type, V = v[0].value;
+    if (!E)
       return V;
-    switch (w) {
+    switch (E) {
       case U.highlightCell: {
-        switch ((g = t.rule) == null ? void 0 : g.rule.subType) {
-          case k.number:
-          case k.text:
-          case k.duplicateValues:
-          case k.uniqueValues:
-          case k.timePeriod:
+        switch ((m = t.rule) == null ? void 0 : m.rule.subType) {
+          case F.number:
+          case F.text:
+          case F.duplicateValues:
+          case F.uniqueValues:
+          case F.timePeriod:
             return "1";
-          case k.average:
-          case k.rank:
+          case F.average:
+          case F.rank:
             return "2";
-          case k.formula:
+          case F.formula:
             return "5";
         }
         break;
@@ -1945,11 +2131,11 @@ const Me = (t) => {
       case "2":
         return Ii;
       case "3":
-        return mi;
+        return gi;
       case "4":
         return vi;
       case "5":
-        return gi;
+        return mi;
       case "6":
         return Si;
       default:
@@ -1957,67 +2143,85 @@ const Me = (t) => {
     }
   }, [f]);
   K(() => {
-    const w = r.onCommandExecuted((V) => {
+    const E = r.onCommandExecuted((V) => {
       if (V.id === Rr.id) {
         const L = V.params;
         L.subUnitId === d && L.unitId === o && t.onCancel();
       }
       V.id === qt.id && t.onCancel();
     });
-    return () => w.dispose();
+    return () => E.dispose();
   }, []);
-  const R = (w) => {
-    p.current = w;
-  }, E = (w) => {
-    const V = w.split(",").filter((L) => !!L).map(Zr).map((L) => L.range);
+  const R = (E) => {
+    p.current = E;
+  }, w = (E) => {
+    const V = E.split(",").filter((L) => !!L).map(Zr).map((L) => L.range);
     l.current = V;
   }, x = () => {
     if (a)
       return;
     const V = (() => {
-      const g = n.getCurrentUnitForType($.UNIVER_SHEET).getActiveSheet();
-      if (!g)
+      const m = n.getCurrentUnitForType($.UNIVER_SHEET).getActiveSheet();
+      if (!m)
         throw new Error("No active sheet found");
-      return l.current.map((Y) => xr(Y, g.getRowCount(), g.getColumnCount())).filter((Y) => !(Number.isNaN(Y.startRow) || Number.isNaN(Y.startColumn)));
+      return l.current.map((Y) => xr(Y, m.getRowCount(), m.getColumnCount())).filter((Y) => !(Number.isNaN(Y.startRow) || Number.isNaN(Y.startColumn)));
     })();
     if (T.fetchThroughInterceptors(T.getInterceptPoints().beforeSubmit)(!0, null)) {
-      const g = T.fetchThroughInterceptors(T.getInterceptPoints().submit)(null, null);
-      if (g) {
+      const m = T.fetchThroughInterceptors(T.getInterceptPoints().submit)(null, null);
+      if (m) {
         const I = cn(n), H = un(n);
         if (!I || !H)
           throw new Error("No active sheet found");
         let Y = {};
-        t.rule && t.rule.cfId ? (Y = { ...t.rule, ranges: V, rule: g }, r.executeCommand(Cr.id, { unitId: I, subUnitId: H, rule: Y }), t.onCancel()) : (Y = { cfId: i.createCfId(I, H), ranges: V, rule: g, stopIfTrue: !1 }, r.executeCommand(_n.id, { unitId: I, subUnitId: H, rule: Y }), t.onCancel());
+        t.rule && t.rule.cfId ? (Y = { ...t.rule, ranges: V, rule: m }, r.executeCommand(Cr.id, { unitId: I, subUnitId: H, rule: Y }), t.onCancel()) : (Y = { cfId: i.createCfId(I, H), ranges: V, rule: m, stopIfTrue: !1 }, r.executeCommand(_n.id, { unitId: I, subUnitId: H, rule: Y }), t.onCancel());
       }
     }
-  }, m = () => {
+  }, g = () => {
     t.onCancel();
-  }, C = (w, V) => {
-    w ? V.length < 1 ? u(e.t("sheet.cf.errorMessage.rangeError")) : u(void 0) : u(e.t("sheet.cf.errorMessage.rangeError"));
+  }, C = (E, V) => {
+    E ? V.length < 1 ? u(e.t("sheet.cf.errorMessage.rangeError")) : u(void 0) : u(e.t("sheet.cf.errorMessage.rangeError"));
   };
-  return /* @__PURE__ */ F("div", { children: [
-    /* @__PURE__ */ c("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-600", children: e.t("sheet.cf.panel.range") }),
-    /* @__PURE__ */ F("div", { className: "univer-mt-4", children: [
+  return /* @__PURE__ */ k("div", { children: [
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `
+                  univer-mt-4 univer-text-sm univer-text-gray-600
+                  dark:univer-text-gray-200
+                `,
+        children: e.t("sheet.cf.panel.range")
+      }
+    ),
+    /* @__PURE__ */ k("div", { className: "univer-mt-4", children: [
       /* @__PURE__ */ c(
         Yr,
         {
           unitId: o,
           subUnitId: d,
           initialValue: h,
-          onChange: (w, V) => E(V),
+          onChange: (E, V) => w(V),
           onVerify: C
         }
       ),
       a && /* @__PURE__ */ c("div", { className: "univer-mt-1 univer-text-xs univer-text-red-500", children: a })
     ] }),
-    /* @__PURE__ */ c("div", { className: "univer-mt-4 univer-text-sm univer-text-gray-600", children: e.t("sheet.cf.panel.styleType") }),
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `
+                  univer-mt-4 univer-text-sm univer-text-gray-600
+                  dark:univer-text-gray-200
+                `,
+        children: e.t("sheet.cf.panel.styleType")
+      }
+    ),
     /* @__PURE__ */ c(
       le,
       {
         className: "univer-mt-4 univer-w-full",
         value: f,
         options: v,
-        onChange: (w) => S(w)
+        onChange: (E) => S(E)
       }
     ),
     /* @__PURE__ */ c(
@@ -2028,17 +2232,17 @@ const Me = (t) => {
         onChange: R
       }
     ),
-    /* @__PURE__ */ F("div", { className: "univer-mt-4 univer-flex univer-justify-end", children: [
-      /* @__PURE__ */ c(Jt, { onClick: m, children: e.t("sheet.cf.panel.cancel") }),
+    /* @__PURE__ */ k("div", { className: "univer-mt-4 univer-flex univer-justify-end", children: [
+      /* @__PURE__ */ c(Jt, { onClick: g, children: e.t("sheet.cf.panel.cancel") }),
       /* @__PURE__ */ c(Jt, { className: "univer-ml-3", variant: "primary", onClick: x, children: e.t("sheet.cf.panel.submit") })
     ] })
   ] });
 };
-var xi = Object.getOwnPropertyDescriptor, Ei = (t, e, r, n) => {
+var xi = Object.getOwnPropertyDescriptor, wi = (t, e, r, n) => {
   for (var i = n > 1 ? void 0 : n ? xi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, wi = (t, e) => (r, n) => e(r, n, t);
+}, Ei = (t, e) => (r, n) => e(r, n, t);
 let De = class extends ce {
   constructor(e) {
     super();
@@ -2076,8 +2280,8 @@ let De = class extends ce {
     return [];
   }
 };
-De = Ei([
-  wi(0, O(re))
+De = wi([
+  Ei(0, O(re))
 ], De);
 const Ni = (t, e) => {
   const r = t.rule;
@@ -2090,42 +2294,42 @@ const Ni = (t, e) => {
       return e.t("sheet.cf.ruleType.iconSet");
     case U.highlightCell:
       switch (r.subType) {
-        case k.average: {
+        case F.average: {
           const n = r.operator;
           return e.t(`sheet.cf.preview.describe.${n}`, e.t("sheet.cf.subRuleType.average"));
         }
-        case k.duplicateValues:
+        case F.duplicateValues:
           return e.t("sheet.cf.subRuleType.duplicateValues");
-        case k.uniqueValues:
+        case F.uniqueValues:
           return e.t("sheet.cf.subRuleType.uniqueValues");
-        case k.number: {
+        case F.number: {
           const n = r.operator;
           return e.t(`sheet.cf.preview.describe.${n}`, ...Array.isArray(r.value) ? r.value.map((i) => String(i)) : [String(r.value || "")]);
         }
-        case k.text: {
+        case F.text: {
           const n = r.operator;
           return e.t(`sheet.cf.preview.describe.${n}`, r.value || "");
         }
-        case k.timePeriod: {
+        case F.timePeriod: {
           const n = r.operator;
           return e.t(`sheet.cf.preview.describe.${n}`);
         }
-        case k.rank:
+        case F.rank:
           return r.isPercent ? r.isBottom ? e.t("sheet.cf.preview.describe.bottomNPercent", String(r.value)) : e.t("sheet.cf.preview.describe.topNPercent", String(r.value)) : r.isBottom ? e.t("sheet.cf.preview.describe.bottomN", String(r.value)) : e.t("sheet.cf.preview.describe.topN", String(r.value));
-        case k.formula:
+        case F.formula:
           return e.t("sheet.cf.ruleType.formula");
       }
   }
 };
 let dn = 0;
 const Mi = (t) => {
-  const { onClick: e } = t, r = W(Q), n = W(z), i = W($e), s = W(te), o = W(re), d = W(ve), a = W(kn), u = W(De), l = Dr(() => n.getCurrentTypeOfUnit$($.UNIVER_SHEET), void 0, void 0, []), h = l.getUnitId(), v = l.getActiveSheet();
+  const { onClick: e } = t, r = W(Q), n = W(z), i = W($e), s = W(te), o = W(re), d = W(ve), a = W(Fn), u = W(De), l = Dr(() => n.getCurrentTypeOfUnit$($.UNIVER_SHEET), void 0, void 0, []), h = l.getUnitId(), v = l.getActiveSheet();
   if (!v)
     throw new Error("No active sheet found");
-  const f = v.getSheetId(), [S, p] = N([]), [T, _] = N("2"), [R, E] = N(0), [x, m] = N(-1), [C, b] = N(dn), y = de(null), M = [
+  const f = v.getSheetId(), [S, p] = N([]), [T, _] = N("2"), [R, w] = N(0), [x, g] = N(-1), [C, b] = N(dn), y = de(null), M = [
     { label: o.t("sheet.cf.panel.workSheet"), value: "2" },
     { label: o.t("sheet.cf.panel.selectedRange"), value: "1" }
-  ], w = () => {
+  ], E = () => {
     const D = r.getSubunitRules(h, f);
     if (!D || !D.length)
       return [];
@@ -2138,32 +2342,32 @@ const Mi = (t) => {
     } else if (T === "2")
       return [...D];
     return [];
-  }, [V, L] = N(w);
+  }, [V, L] = N(E);
   Kr(S), K(() => {
     const D = s.onCommandExecuted((B) => {
-      B.id === qt.id && E(Math.random());
+      B.id === qt.id && w(Math.random());
     });
     return () => D.dispose();
   }), K(() => {
-    L(w);
+    L(E);
   }, [T, R, h, f]), K(() => {
     if (T === "2")
       return;
     const D = new xe((B) => {
-      const G = [Er.id, se.id, be.id, Se.id, Tn.id], Z = s.onCommandExecuted((ee) => {
+      const G = [wr.id, se.id, be.id, Se.id, Tn.id], Z = s.onCommandExecuted((ee) => {
         const { id: ne, params: Ie } = ee, _e = n.getCurrentUnitOfType($.UNIVER_SHEET).getUnitId();
         G.includes(ne) && Ie.unitId === _e && B.next(null);
       });
       return () => Z.dispose();
     }).pipe(tn(16)).subscribe(() => {
-      L(w);
+      L(E);
     });
     return () => {
       D.unsubscribe();
     };
   }, [n, T, h, f]), K(() => {
     const D = r.$ruleChange.subscribe(() => {
-      E(Math.random());
+      w(Math.random());
     });
     return () => D.unsubscribe();
   }, [r]), K(() => {
@@ -2175,12 +2379,12 @@ const Mi = (t) => {
       const ee = a.getContainer();
       if (ee) {
         let ne = setTimeout(() => {
-          Z.next();
+          Z.next(void 0);
         }, 150);
         const Ie = () => {
           ne && clearTimeout(ne), ne = null;
         }, _e = (lt) => {
-          lt.propertyName === "width" && (Ie(), Z.next());
+          lt.propertyName === "width" && (Ie(), Z.next(void 0));
         };
         return ee.addEventListener("transitionend", _e), () => {
           Ie(), ee.removeEventListener("transitionend", _e);
@@ -2193,17 +2397,17 @@ const Mi = (t) => {
       G.unsubscribe();
     };
   }, []);
-  const g = (D) => {
+  const m = (D) => {
     var Z;
     const B = n.getCurrentUnitOfType($.UNIVER_SHEET).getUnitId(), G = (Z = n.getCurrentUnitOfType($.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : Z.getSheetId();
     if (!B || !G)
       throw new Error("No active sheet found");
     s.executeCommand(Kt.id, { unitId: B, subUnitId: G, cfId: D.cfId });
   }, I = (D, B) => {
-    m(B.y);
+    g(B.y);
   }, H = (D, B, G) => {
     var lt;
-    m(-1);
+    g(-1);
     const Z = n.getCurrentUnitOfType($.UNIVER_SHEET).getUnitId(), ee = (lt = n.getCurrentUnitOfType($.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : lt.getSheetId();
     if (!Z || !ee)
       throw new Error("No active sheet found");
@@ -2214,25 +2418,25 @@ const Mi = (t) => {
     Ie !== _e && s.executeCommand(yr.id, { unitId: Z, subUnitId: ee, start: { id: Ie, type: "self" }, end: { id: _e, type: G.y > B.y ? "after" : "before" } });
   }, Y = () => {
     t.onCreate();
-  }, me = () => {
+  }, ge = () => {
     T === "2" ? s.executeCommand(Rn.id) : T === "1" && V.map((B) => ({ unitId: h, subUnitId: f, cfId: B.cfId })).forEach((B) => {
       s.executeCommand(Kt.id, B);
     });
-  }, ge = J(() => {
+  }, me = J(() => {
     const D = n.getCurrentUnitOfType($.UNIVER_SHEET), B = D.getActiveSheet();
     return V.filter((G) => {
       const Z = G.ranges;
       return ft(d, D.getUnitId(), B.getSheetId(), Z);
     });
-  }, [V]), Fe = ge.map((D, B) => ({ i: D.cfId, x: 0, w: 12, y: B, h: 1, isResizable: !1 })), ke = J(() => {
+  }, [V]), ke = me.map((D, B) => ({ i: D.cfId, x: 0, w: 12, y: B, h: 1, isResizable: !1 })), Fe = J(() => {
     const D = n.getCurrentUnitOfType($.UNIVER_SHEET), B = D.getActiveSheet();
     return V.every((G) => {
       const Z = G.ranges;
       return ft(d, D.getUnitId(), B.getSheetId(), Z);
     });
   }, [V]);
-  return /* @__PURE__ */ F("div", { children: [
-    /* @__PURE__ */ F("div", { className: "univer-flex univer-items-center univer-justify-between univer-gap-2 univer-text-sm", children: [
+  return /* @__PURE__ */ k("div", { children: [
+    /* @__PURE__ */ k("div", { className: "univer-flex univer-items-center univer-justify-between univer-gap-2 univer-text-sm", children: [
       /* @__PURE__ */ c("div", { className: "univer-flex univer-items-center univer-gap-2", children: u.tWithReactNode(
         "sheet.cf.panel.managerRuleSelect",
         /* @__PURE__ */ c(
@@ -2247,7 +2451,7 @@ const Mi = (t) => {
           }
         )
       ).map((D, B) => /* @__PURE__ */ c("span", { children: D }, B)) }),
-      /* @__PURE__ */ F("div", { className: "univer-flex univer-justify-end", children: [
+      /* @__PURE__ */ k("div", { className: "univer-flex univer-justify-end", children: [
         /* @__PURE__ */ c(Qt, { title: o.t("sheet.cf.panel.createRule"), placement: "bottom", children: /* @__PURE__ */ c(
           "a",
           {
@@ -2256,14 +2460,14 @@ const Mi = (t) => {
             children: /* @__PURE__ */ c(Yn, {})
           }
         ) }),
-        V.length && ke ? /* @__PURE__ */ c(Qt, { title: o.t("sheet.cf.panel.clear"), placement: "bottom", children: /* @__PURE__ */ c(
+        V.length && Fe ? /* @__PURE__ */ c(Qt, { title: o.t("sheet.cf.panel.clear"), placement: "bottom", children: /* @__PURE__ */ c(
           "a",
           {
             className: "univer-size-5 univer-cursor-pointer",
-            onClick: me,
-            children: /* @__PURE__ */ c(mt, { className: "univer-text-red-500" })
+            onClick: ge,
+            children: /* @__PURE__ */ c(gt, { className: "univer-text-red-500" })
           }
-        ) }) : /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(mt, { className: "univer-text-gray-300" }) })
+        ) }) : /* @__PURE__ */ c("div", { children: /* @__PURE__ */ c(gt, { className: "univer-text-gray-300" }) })
       ] })
     ] }),
     /* @__PURE__ */ c("div", { ref: y, children: C > 0 && /* @__PURE__ */ c(
@@ -2274,14 +2478,14 @@ const Mi = (t) => {
                           [&_.react-grid-placeholder]:univer-rounded [&_.react-grid-placeholder]:!univer-bg-gray-200
                         `,
         draggableHandle: ".draggableHandle",
-        layout: Fe,
+        layout: ke,
         cols: 12,
         rowHeight: 60,
         width: C,
         margin: [0, 10],
         onDragStop: H,
         onDragStart: I,
-        children: ge == null ? void 0 : ge.map((D, B) => /* @__PURE__ */ c("div", { children: /* @__PURE__ */ F(
+        children: me == null ? void 0 : me.map((D, B) => /* @__PURE__ */ c("div", { children: /* @__PURE__ */ k(
           "div",
           {
             className: X(`
@@ -2312,14 +2516,23 @@ const Mi = (t) => {
                   children: /* @__PURE__ */ c(Kn, {})
                 }
               ),
-              /* @__PURE__ */ F(
+              /* @__PURE__ */ k(
                 "div",
                 {
                   className: `
                                               univer-min-w-0 univer-max-w-full univer-flex-shrink univer-overflow-hidden
                                             `,
                   children: [
-                    /* @__PURE__ */ c("div", { className: "univer-text-sm univer-text-gray-900", children: Ni(D, o) }),
+                    /* @__PURE__ */ c(
+                      "div",
+                      {
+                        className: `
+                                                  univer-text-sm univer-text-gray-900
+                                                  dark:univer-text-white
+                                                `,
+                        children: Ni(D, o)
+                      }
+                    ),
                     /* @__PURE__ */ c("div", { className: "univer-text-xs univer-text-gray-400", children: D.ranges.map((G) => Un(G)).join(",") })
                   ]
                 }
@@ -2338,9 +2551,9 @@ const Mi = (t) => {
                     "univer-flex univer-items-center univer-justify-center": x === B
                   }),
                   onClick: (G) => {
-                    G.stopPropagation(), g(D), p([]);
+                    G.stopPropagation(), m(D), p([]);
                   },
-                  children: /* @__PURE__ */ c(mt, {})
+                  children: /* @__PURE__ */ c(gt, {})
                 }
               )
             ]
@@ -2359,8 +2572,8 @@ const Mi = (t) => {
     i(!0);
   } }) });
 };
-var Fi = Object.getOwnPropertyDescriptor, ki = (t, e, r, n) => {
-  for (var i = n > 1 ? void 0 : n ? Fi(e, r) : e, s = t.length - 1, o; s >= 0; s--)
+var ki = Object.getOwnPropertyDescriptor, Fi = (t, e, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? ki(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
 }, qe = (t, e) => (r, n) => e(r, n, t);
@@ -2397,15 +2610,15 @@ let Qe = class extends ce {
     this._componentManager.register(ht, Vi);
   }
 };
-Qe = ki([
+Qe = Fi([
   qe(0, z),
   qe(1, O(ve)),
   qe(2, O(zt)),
-  qe(3, O(kn)),
+  qe(3, O(Fn)),
   qe(4, O(re))
 ], Qe);
 var ie = /* @__PURE__ */ ((t) => (t[t.createRule = 1] = "createRule", t[t.viewRule = 2] = "viewRule", t[t.highlightCell = 3] = "highlightCell", t[t.rank = 4] = "rank", t[t.formula = 5] = "formula", t[t.colorScale = 6] = "colorScale", t[t.dataBar = 7] = "dataBar", t[t.icon = 8] = "icon", t[t.clearRangeRules = 9] = "clearRangeRules", t[t.clearWorkSheetRules = 10] = "clearWorkSheetRules", t))(ie || {});
-const Ft = {
+const kt = {
   id: "sheet.operation.open.conditional.formatting.panel",
   type: he.OPERATION,
   handler: (t, e) => {
@@ -2422,7 +2635,7 @@ const Ft = {
           ranges: s,
           rule: {
             type: U.highlightCell,
-            subType: k.rank
+            subType: F.rank
           }
         };
         r.openPanel(a);
@@ -2434,7 +2647,7 @@ const Ft = {
           ranges: s,
           rule: {
             type: U.highlightCell,
-            subType: k.formula,
+            subType: F.formula,
             value: "="
           }
         };
@@ -2522,7 +2735,7 @@ let et = class extends ce {
     );
   }
   _collectConditionalRule(e, r, n) {
-    const i = new Ee(), s = {};
+    const i = new we(), s = {};
     this._copyInfo = {
       matrix: i,
       info: {
@@ -2531,7 +2744,7 @@ let et = class extends ce {
         cfMap: s
       }
     };
-    const o = this._injector.invoke((l) => wr(n, l, e, r));
+    const o = this._injector.invoke((l) => Er(n, l, e, r));
     if (!o)
       return;
     const { rows: d, cols: a } = o, u = /* @__PURE__ */ new Set();
@@ -2563,30 +2776,30 @@ let et = class extends ce {
     ))
       return { redos: [], undos: [] };
     const { ranges: [a, u], mapFunc: l } = Pn([r.copyRange, e]), h = Jr(a, u, !0), v = {};
-    pe.foreach(u, (m, C) => {
-      const { row: b, col: y } = l(m, C), M = this._conditionalFormattingViewModel.getCellCfs(s, o, b, y);
-      M && M.forEach((w) => {
-        if (!v[w.cfId]) {
-          const V = new Ee();
-          v[w.cfId] = V;
-          const L = this._conditionalFormattingRuleModel.getRule(s, o, w.cfId);
-          L == null || L.ranges.forEach((g) => {
-            pe.foreach(g, (I, H) => {
+    pe.foreach(u, (g, C) => {
+      const { row: b, col: y } = l(g, C), M = this._conditionalFormattingViewModel.getCellCfs(s, o, b, y);
+      M && M.forEach((E) => {
+        if (!v[E.cfId]) {
+          const V = new we();
+          v[E.cfId] = V;
+          const L = this._conditionalFormattingRuleModel.getRule(s, o, E.cfId);
+          L == null || L.ranges.forEach((m) => {
+            pe.foreach(m, (I, H) => {
               V.setValue(I, H, 1);
             });
           });
         }
-        v[w.cfId].realDeleteValue(b, y);
+        v[E.cfId].realDeleteValue(b, y);
       });
     });
     const { matrix: f, info: S } = this._copyInfo, p = [];
     let T = this._conditionalFormattingRuleModel.createCfId(s, o);
-    const _ = {}, R = (m) => {
-      if (_[m])
-        return _[m];
-      const C = S == null ? void 0 : S.cfMap[m], b = [...this._conditionalFormattingRuleModel.getSubunitRules(s, o) || [], ...p].find((y) => Wt.diffValue(y.rule, C));
+    const _ = {}, R = (g) => {
+      if (_[g])
+        return _[g];
+      const C = S == null ? void 0 : S.cfMap[g], b = [...this._conditionalFormattingRuleModel.getSubunitRules(s, o) || [], ...p].find((y) => Wt.diffValue(y.rule, C));
       if (b)
-        return _[m] = b, b;
+        return _[g] = b, b;
       {
         const y = {
           rule: C,
@@ -2594,10 +2807,10 @@ let et = class extends ce {
           ranges: [],
           stopIfTrue: !1
         };
-        return _[m] = y, p.push(y), T = `${Number(T) + 1}`, y;
+        return _[g] = y, p.push(y), T = `${Number(T) + 1}`, y;
       }
     };
-    h.forEach((m) => {
+    h.forEach((g) => {
       f && f.forValue((C, b, y) => {
         const M = fe.getPositionRange(
           {
@@ -2606,41 +2819,41 @@ let et = class extends ce {
             startColumn: b,
             endColumn: b
           },
-          m.startRange
-        ), { row: w, col: V } = l(M.startRow, M.startColumn);
+          g.startRange
+        ), { row: E, col: V } = l(M.startRow, M.startColumn);
         y.forEach((L) => {
           if (!v[L]) {
-            const g = R(L), I = new Ee();
-            v[L] = I, g.ranges.forEach((H) => {
-              pe.foreach(H, (Y, me) => {
-                I.setValue(Y, me, 1);
+            const m = R(L), I = new we();
+            v[L] = I, m.ranges.forEach((H) => {
+              pe.foreach(H, (Y, ge) => {
+                I.setValue(Y, ge, 1);
               });
             });
           }
-          v[L].setValue(w, V, 1);
+          v[L].setValue(E, V, 1);
         });
       });
     });
-    const E = [], x = [];
-    for (const m in v) {
-      const C = v[m], b = pt(Ct(C));
+    const w = [], x = [];
+    for (const g in v) {
+      const C = v[g], b = pt(Ct(C));
       if (!b.length) {
         const y = {
           unitId: s,
           subUnitId: o,
-          cfId: m
+          cfId: g
         };
-        E.push({ id: Se.id, params: y }), x.push(...Le(this._injector, y));
+        w.push({ id: Se.id, params: y }), x.push(...Le(this._injector, y));
       }
-      if (p.some((y) => y.cfId === m)) {
-        const y = R(m), M = {
+      if (p.some((y) => y.cfId === g)) {
+        const y = R(g), M = {
           unitId: s,
           subUnitId: o,
           rule: { ...y, ranges: b }
         };
-        E.push({ id: se.id, params: M }), x.push(xn(this._injector, M));
+        w.push({ id: se.id, params: M }), x.push(xn(this._injector, M));
       } else {
-        const y = this._conditionalFormattingRuleModel.getRule(s, o, m);
+        const y = this._conditionalFormattingRuleModel.getRule(s, o, g);
         if (!y)
           continue;
         const M = {
@@ -2648,11 +2861,11 @@ let et = class extends ce {
           subUnitId: o,
           rule: { ...y, ranges: b }
         };
-        E.push({ id: be.id, params: M }), x.push(...Ae(this._injector, M));
+        w.push({ id: be.id, params: M }), x.push(...Ae(this._injector, M));
       }
     }
     return {
-      redos: E,
+      redos: w,
       undos: x
     };
   }
@@ -2677,7 +2890,7 @@ let tt = class extends ce {
     this.disposeWithMe(
       this._commandService.beforeCommandExecuted((t) => {
         t.id === _n.id && (this._sheetPermissionCheckController.permissionCheckWithRanges({
-          workbookTypes: [Fn],
+          workbookTypes: [kn],
           rangeTypes: [Vn],
           worksheetTypes: [Nn, Mn]
         }, t.params.rule.ranges) || this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr")));
@@ -2784,7 +2997,7 @@ let rt = class extends ce {
     ).subscribe(() => this._markDirtySkeleton()));
   }
   _initViewModelInterceptor() {
-    this.disposeWithMe(this._sheetInterceptorService.intercept(Fr.CELL_CONTENT, {
+    this.disposeWithMe(this._sheetInterceptorService.intercept(kr.CELL_CONTENT, {
       effect: cr.Style,
       handler: (e, r, n) => {
         const i = this._conditionalFormattingService.composeStyle(r.unitId, r.subUnitId, r.row, r.col);
@@ -2799,7 +3012,7 @@ let rt = class extends ce {
 };
 rt = ji([
   Pe(0, O(Gt)),
-  Pe(1, O(En)),
+  Pe(1, O(wn)),
   Pe(2, O(z)),
   Pe(3, O(An)),
   Pe(4, O(it)),
@@ -2832,7 +3045,7 @@ let St = class extends Sn {
       qn,
       Gn,
       zn,
-      Ft
+      kt
     ].forEach((t) => {
       this._commandService.registerCommand(t);
     });
@@ -2841,7 +3054,7 @@ let St = class extends Sn {
 Qn(St, "pluginName", `${st}_MOBILE_UI_PLUGIN`);
 Qn(St, "type", $.UNIVER_SHEET);
 St = qi([
-  yn(wn),
+  yn(En),
   Dt(1, O(ve)),
   Dt(2, O(te)),
   Dt(3, bn)
@@ -2890,48 +3103,48 @@ let It = class extends ce {
             endRow: S
           },
           v
-        ), { row: R, col: E } = a(T.startRow, T.startColumn), x = this._conditionalFormattingViewModel.getCellCfs(
+        ), { row: R, col: w } = a(T.startRow, T.startColumn), x = this._conditionalFormattingViewModel.getCellCfs(
           u,
           l,
           R,
-          E
-        ), { row: m, col: C } = a(_.startRow, _.startColumn), b = this._conditionalFormattingViewModel.getCellCfs(
+          w
+        ), { row: g, col: C } = a(_.startRow, _.startColumn), b = this._conditionalFormattingViewModel.getCellCfs(
           u,
           l,
-          m,
+          g,
           C
         );
         b && b.forEach((y) => {
           let M = d.get(y.cfId);
           if (!d.get(y.cfId)) {
-            const w = this._conditionalFormattingRuleModel.getRule(u, l, y.cfId);
-            if (!w)
+            const E = this._conditionalFormattingRuleModel.getRule(u, l, y.cfId);
+            if (!E)
               return;
-            M = new Ee(), w.ranges.forEach((V) => {
-              pe.foreach(V, (L, g) => {
-                M.setValue(L, g, 1);
+            M = new we(), E.ranges.forEach((V) => {
+              pe.foreach(V, (L, m) => {
+                M.setValue(L, m, 1);
               });
             }), d.set(y.cfId, M);
           }
-          M.realDeleteValue(m, C);
+          M.realDeleteValue(g, C);
         }), x && x.forEach((y) => {
           let M = d.get(y.cfId);
           if (!d.get(y.cfId)) {
-            const w = this._conditionalFormattingRuleModel.getRule(u, l, y.cfId);
-            if (!w)
+            const E = this._conditionalFormattingRuleModel.getRule(u, l, y.cfId);
+            if (!E)
               return;
-            M = new Ee(), w.ranges.forEach((V) => {
-              pe.foreach(V, (L, g) => {
-                M.setValue(L, g, 1);
+            M = new we(), E.ranges.forEach((V) => {
+              pe.foreach(V, (L, m) => {
+                M.setValue(L, m, 1);
               });
             }), d.set(y.cfId, M);
           }
-          M.setValue(m, C, 1);
+          M.setValue(g, C, 1);
         });
       });
     }, r = (i, s) => {
-      var _, R, E;
-      const o = (_ = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET)) == null ? void 0 : _.getUnitId(), d = (E = (R = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET)) == null ? void 0 : R.getActiveSheet()) == null ? void 0 : E.getSheetId(), a = /* @__PURE__ */ new Map(), u = [], l = [];
+      var _, R, w;
+      const o = (_ = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET)) == null ? void 0 : _.getUnitId(), d = (w = (R = this._univerInstanceService.getCurrentUnitForType($.UNIVER_SHEET)) == null ? void 0 : R.getActiveSheet()) == null ? void 0 : w.getSheetId(), a = /* @__PURE__ */ new Map(), u = [], l = [];
       if (!o || !d)
         return t();
       const h = Pn([i, s]), [v, f] = h.ranges, { mapFunc: S } = h, p = {
@@ -2940,8 +3153,8 @@ let It = class extends ce {
       };
       return ei(v, f).forEach((x) => {
         e(p, x.repeatStartCell, x.relativeRange, a, S);
-      }), a.forEach((x, m) => {
-        const C = this._conditionalFormattingRuleModel.getRule(o, d, m);
+      }), a.forEach((x, g) => {
+        const C = this._conditionalFormattingRuleModel.getRule(o, d, g);
         if (!C)
           return;
         const b = pt(Ct(x));
@@ -2998,7 +3211,7 @@ let _t = class extends ce {
       getMutations: (t) => {
         var i;
         const e = [], r = [], n = { redos: e, undos: r };
-        if ([kr.id, Ur.id].includes(t.id)) {
+        if ([Fr.id, Ur.id].includes(t.id)) {
           const s = (i = this._selectionManagerService.getCurrentSelections()) == null ? void 0 : i.map((f) => f.range);
           if (!s)
             return n;
@@ -3109,9 +3322,9 @@ let Tt = class extends ce {
 };
 Tt = Xi([
   vn(0, O(Gt)),
-  vn(1, O(En))
+  vn(1, O(wn))
 ], Tt);
-const mn = [
+const gn = [
   qt.id,
   se.id,
   be.id,
@@ -3197,7 +3410,7 @@ const mn = [
       const l = r.onCommandExecuted((h) => {
         var p;
         const { id: v, params: f } = h, S = (p = n.getCurrentUnitForType($.UNIVER_SHEET)) == null ? void 0 : p.getUnitId();
-        mn.includes(v) && f.unitId === S && u.next(null);
+        gn.includes(v) && f.unitId === S && u.next(null);
       });
       return () => l.dispose();
     })
@@ -3214,7 +3427,7 @@ const mn = [
       const l = r.onCommandExecuted((h) => {
         var p;
         const { id: v, params: f } = h, S = (p = n.getCurrentUnitForType($.UNIVER_SHEET)) == null ? void 0 : p.getUnitId();
-        mn.includes(v) && f.unitId === S && u.next(null);
+        gn.includes(v) && f.unitId === S && u.next(null);
       });
       return () => l.dispose();
     }).pipe(rn(16)).subscribe(() => {
@@ -3238,17 +3451,17 @@ const mn = [
     }), a.next(Ye);
   });
   return {
-    id: Ft.id,
+    id: kt.id,
     type: jr.SELECTOR,
     icon: "Conditions",
     tooltip: "sheet.cf.title",
     selections: d,
     hidden$: $r(t, $.UNIVER_SHEET),
-    disabled$: ti(t, { workbookTypes: [Fn], worksheetTypes: [Mn, Nn], rangeTypes: [Vn] })
+    disabled$: ti(t, { workbookTypes: [kn], worksheetTypes: [Mn, Nn], rangeTypes: [Vn] })
   };
 }, Qi = {
   [Hr.FORMULAS_INSERT]: {
-    [Ft.id]: {
+    [kt.id]: {
       order: 0,
       menuItemFactory: Ji
     }
@@ -3258,7 +3471,7 @@ var es = Object.getOwnPropertyDescriptor, ts = (t, e, r, n) => {
   for (var i = n > 1 ? void 0 : n ? es(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
-}, gn = (t, e) => (r, n) => e(r, n, t);
+}, mn = (t, e) => (r, n) => e(r, n, t);
 let Rt = class extends ce {
   constructor(e, r) {
     super();
@@ -3267,8 +3480,8 @@ let Rt = class extends ce {
   }
 };
 Rt = ts([
-  gn(0, O(ve)),
-  gn(1, Br)
+  mn(0, O(ve)),
+  mn(1, Br)
 ], Rt);
 var ns = Object.getOwnPropertyDescriptor, rs = (t, e, r, n) => {
   for (var i = n > 1 ? void 0 : n ? ns(e, r) : e, s = t.length - 1, o; s >= 0; s--)
@@ -3333,7 +3546,7 @@ let xt = class extends ce {
             endRow: T
           },
           S
-        ), E = fe.getPositionRange(
+        ), w = fe.getPositionRange(
           {
             startRow: T,
             startColumn: _,
@@ -3346,28 +3559,28 @@ let xt = class extends ce {
           h,
           R.startRow,
           R.startColumn
-        ), m = this._conditionalFormattingViewModel.getCellCfs(
+        ), g = this._conditionalFormattingViewModel.getCellCfs(
           v,
           f,
-          E.startRow,
-          E.startColumn
+          w.startRow,
+          w.startColumn
         );
-        m && m.forEach((C) => {
+        g && g.forEach((C) => {
           let b = a.get(C.cfId);
           if (!a.get(C.cfId)) {
             const y = this._conditionalFormattingRuleModel.getRule(v, f, C.cfId);
             if (!y)
               return;
-            b = new Ee(), y.ranges.forEach((M) => {
-              pe.foreach(M, (w, V) => {
-                b.setValue(w, V, 1);
+            b = new we(), y.ranges.forEach((M) => {
+              pe.foreach(M, (E, V) => {
+                b.setValue(E, V, 1);
               });
             }), a.set(C.cfId, b);
           }
-          b.realDeleteValue(E.startRow, E.startColumn);
+          b.realDeleteValue(w.startRow, w.startColumn);
         }), x && x.forEach((C) => {
           const b = a.get(C.cfId);
-          b && b.setValue(E.startRow, E.startColumn, 1);
+          b && b.setValue(w.startRow, w.startColumn, 1);
         });
       });
     }, n = (s, o, d) => {
@@ -3376,39 +3589,39 @@ let xt = class extends ce {
       if (!s || !o || !u || !l)
         return e();
       const p = (R = this._conditionalFormattingRuleModel.getSubunitRules(u, l)) != null ? R : [];
-      p == null || p.forEach((E) => {
-        const { ranges: x, cfId: m } = E;
+      p == null || p.forEach((w) => {
+        const { ranges: x, cfId: g } = w;
         if (x.some((C) => fe.intersects(a, C))) {
-          const C = new Ee();
+          const C = new we();
           h || x.forEach((b) => {
             pe.foreach(b, (y, M) => {
               C.setValue(y, M, 1);
             });
-          }), v.set(m, C);
+          }), v.set(g, C);
         }
       });
       const T = {
         row: a.startRow,
         col: a.startColumn
       };
-      return is(a, d).forEach((E) => {
-        r(T, { row: E.startRange.startRow, col: E.startRange.startColumn }, E.repeatRelativeRange, v, { targetUnitId: s, targetSubUnitId: o });
-      }), v.forEach((E, x) => {
+      return is(a, d).forEach((w) => {
+        r(T, { row: w.startRange.startRow, col: w.startRange.startColumn }, w.repeatRelativeRange, v, { targetUnitId: s, targetSubUnitId: o });
+      }), v.forEach((w, x) => {
         if (h) {
-          const m = this._conditionalFormattingRuleModel.getRule(s, o, x), C = pt(Ct(E));
-          if (m)
+          const g = this._conditionalFormattingRuleModel.getRule(s, o, x), C = pt(Ct(w));
+          if (g)
             if (C.length) {
               const b = {
                 unitId: s,
                 subUnitId: o,
-                rule: { ...m, ranges: C }
+                rule: { ...g, ranges: C }
               };
               f.push({ id: be.id, params: b }), S.push(...Ae(this._injector, b));
             } else {
               const b = {
                 unitId: s,
                 subUnitId: o,
-                cfId: m.cfId
+                cfId: g.cfId
               };
               f.push({ id: Se.id, params: b }), S.push(...Le(this._injector, b));
             }
@@ -3428,22 +3641,22 @@ let xt = class extends ce {
             }
           }
         } else {
-          const m = this._conditionalFormattingRuleModel.getRule(u, l, x);
-          if (!m)
+          const g = this._conditionalFormattingRuleModel.getRule(u, l, x);
+          if (!g)
             return;
-          const C = pt(Ct(E));
+          const C = pt(Ct(w));
           if (C.length) {
             const b = {
               unitId: u,
               subUnitId: l,
-              rule: { ...m, ranges: C }
+              rule: { ...g, ranges: C }
             };
             f.push({ id: be.id, params: b }), S.push(...Ae(this._injector, b));
           } else {
             const b = {
               unitId: u,
               subUnitId: l,
-              cfId: m.cfId
+              cfId: g.cfId
             };
             f.push({ id: Se.id, params: b }), S.push(...Le(this._injector, b));
           }
@@ -3490,7 +3703,7 @@ var ss = Object.getOwnPropertyDescriptor, os = (t, e, r, n) => {
     (o = t[s]) && (i = o(i) || i);
   return i;
 }, $t = (t, e) => (r, n) => e(r, n, t);
-let Et = class extends ce {
+let wt = class extends ce {
   constructor(t, e, r) {
     super(), this._conditionalFormattingViewModel = t, this._univerInstanceService = e, this._renderManagerService = r, this._init();
   }
@@ -3512,17 +3725,17 @@ let Et = class extends ce {
     });
   }
 };
-Et = os([
+wt = os([
   $t(0, O(it)),
   $t(1, z),
   $t(2, An)
-], Et);
+], wt);
 var as = Object.defineProperty, ls = Object.getOwnPropertyDescriptor, cs = (t, e, r) => e in t ? as(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, us = (t, e, r, n) => {
   for (var i = n > 1 ? void 0 : n ? ls(e, r) : e, s = t.length - 1, o; s >= 0; s--)
     (o = t[s]) && (i = o(i) || i);
   return i;
 }, jt = (t, e) => (r, n) => e(r, n, t), er = (t, e, r) => cs(t, typeof e != "symbol" ? e + "" : e, r);
-let wt = class extends Sn {
+let Et = class extends Sn {
   constructor(t = bt, e, r, n) {
     super(), this._config = t, this._injector = e, this._commandService = r, this._configService = n;
     const { menu: i, ...s } = In(
@@ -3545,19 +3758,19 @@ let wt = class extends Sn {
       [Tt],
       [_t],
       [xt],
-      [Et]
-    ]), kt(this._injector, [
+      [wt]
+    ]), Ft(this._injector, [
       [rt]
     ]);
   }
   onReady() {
-    kt(this._injector, [
+    Ft(this._injector, [
       [Rt],
       [Qe]
     ]);
   }
   onRendered() {
-    kt(this._injector, [
+    Ft(this._injector, [
       [It],
       [_t],
       [et],
@@ -3566,7 +3779,7 @@ let wt = class extends Sn {
       [xt],
       [tt],
       [nt],
-      [Et]
+      [wt]
     ]);
   }
   _initCommand() {
@@ -3580,20 +3793,20 @@ let wt = class extends Sn {
       qn,
       Gn,
       zn,
-      Ft
+      kt
     ].forEach((t) => {
       this._commandService.registerCommand(t);
     });
   }
 };
-er(wt, "pluginName", `${st}_UI_PLUGIN`);
-er(wt, "type", $.UNIVER_SHEET);
-wt = us([
-  yn(wn),
+er(Et, "pluginName", `${st}_UI_PLUGIN`);
+er(Et, "type", $.UNIVER_SHEET);
+Et = us([
+  yn(En),
   jt(1, O(ve)),
   jt(2, O(te)),
   jt(3, bn)
-], wt);
+], Et);
 export {
   Dn as AddAverageCfCommand,
   $n as AddColorScaleConditionalRuleCommand,
@@ -3605,7 +3818,7 @@ export {
   Gn as AddTimePeriodCfCommand,
   zn as AddUniqueValuesCfCommand,
   _t as ConditionalFormattingClearController,
-  Ft as OpenConditionalFormattingOperator,
+  kt as OpenConditionalFormattingOperator,
   St as UniverSheetsConditionalFormattingMobileUIPlugin,
-  wt as UniverSheetsConditionalFormattingUIPlugin
+  Et as UniverSheetsConditionalFormattingUIPlugin
 };