@univerjs/sheets-conditional-formatting-ui 0.7.0-nightly.202505131607 → 0.7.0-nightly.202505151607

package/lib/es/index.js

@@ -4,7 +4,7 @@ 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 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 { 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, RibbonDataGroup 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";
@@ -424,7 +424,7 @@ const Me = (t) => {
     Mt,
     {
       ref: h,
-      className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:univer-bg-gray-700 dark:univer-text-white hover:univer-border-primary-600", He),
+      className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", He),
       initValue: u,
       unitId: d,
       subUnitId: a,
@@ -494,7 +494,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
         children: r.t("sheet.cf.panel.styleRule")
       }
     ),
@@ -502,7 +502,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-3 univer-text-xs univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-3 univer-text-xs univer-text-gray-600 dark:!univer-text-gray-200",
         children: r.t("sheet.cf.valueType.min")
       }
     ),
@@ -576,7 +576,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-3 univer-text-xs univer-text-gray-600dark:univer-text-gray-200",
+        className: "univer-mt-3 univer-text-xs univer-text-gray-600dark:!univer-text-gray-200",
         children: r.t("sheet.cf.panel.medianValue")
       }
     ),
@@ -650,7 +650,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-3 univer-text-xs univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-3 univer-text-xs univer-text-gray-600 dark:!univer-text-gray-200",
         children: r.t("sheet.cf.valueType.max")
       }
     ),
@@ -742,7 +742,7 @@ const Me = (t) => {
       Mt,
       {
         ref: l,
-        className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:univer-bg-gray-700 dark:univer-text-white hover:univer-border-primary-600", He),
+        className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", He),
         initValue: T,
         unitId: a,
         subUnitId: u,
@@ -839,7 +839,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
         children: r.t("sheet.cf.panel.styleRule")
       }
     ),
@@ -862,7 +862,7 @@ const Me = (t) => {
       /* @__PURE__ */ c(
         "div",
         {
-          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
           children: r.t("sheet.cf.panel.fillType")
         }
       ),
@@ -916,7 +916,7 @@ const Me = (t) => {
       /* @__PURE__ */ c(
         "div",
         {
-          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
           children: r.t("sheet.cf.panel.colorSet")
         }
       ),
@@ -947,7 +947,7 @@ const Me = (t) => {
       /* @__PURE__ */ c(
         "div",
         {
-          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
           children: r.t("sheet.cf.valueType.min")
         }
       ),
@@ -1000,7 +1000,7 @@ const Me = (t) => {
       /* @__PURE__ */ c(
         "div",
         {
-          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
           children: r.t("sheet.cf.valueType.max")
         }
       ),
@@ -1151,7 +1151,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
         children: n.t("sheet.cf.panel.styleRule")
       }
     ),
@@ -1159,7 +1159,7 @@ const Me = (t) => {
       Mt,
       {
         ref: h,
-        className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:univer-bg-gray-700 dark:univer-text-white hover:univer-border-primary-600", He),
+        className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", He),
         errorText: T,
         isFocus: u,
         initValue: S,
@@ -1415,7 +1415,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
         children: n.t("sheet.cf.panel.styleRule")
       }
     ),
@@ -1608,7 +1608,7 @@ const Me = (t) => {
           /* @__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",
+              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__ */ k(
                   "div",
@@ -1625,7 +1625,7 @@ const Me = (t) => {
                   !T && !p && /* @__PURE__ */ k(
                     "span",
                     {
-                      className: "univer-font-medium univer-text-gray-600 dark:univer-text-gray-200",
+                      className: "univer-font-medium univer-text-gray-600 dark:!univer-text-gray-200",
                       children: [
                         "(",
                         i.t("sheet.cf.iconSet.when"),
@@ -1648,7 +1648,7 @@ const Me = (t) => {
                 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),
+                    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: [
                       S ? /* @__PURE__ */ c("img", { src: S, className: "univer-size-4", draggable: !1 }) : /* @__PURE__ */ c(
                         ot,
@@ -1665,7 +1665,7 @@ const Me = (t) => {
             p ? /* @__PURE__ */ k(
               "div",
               {
-                className: "univer-mt-0 univer-w-[45%] univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+                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: [
@@ -1691,7 +1691,7 @@ const Me = (t) => {
             /* @__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",
+                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") }),
                   /* @__PURE__ */ c("div", { children: i.t("sheet.cf.iconSet.value") })
@@ -1922,7 +1922,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
         children: n.t("sheet.cf.panel.styleRule")
       }
     ),
@@ -2091,7 +2091,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
         children: e.t("sheet.cf.panel.range")
       }
     ),
@@ -2111,7 +2111,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
         children: e.t("sheet.cf.panel.styleType")
       }
     ),
@@ -2412,7 +2412,7 @@ const Mi = (t) => {
                     /* @__PURE__ */ c(
                       "div",
                       {
-                        className: "univer-text-sm univer-text-gray-900 dark:univer-text-white",
+                        className: "univer-text-sm univer-text-gray-900 dark:!univer-text-white",
                         children: Ni(D, o)
                       }
                     ),
@@ -3337,9 +3337,9 @@ const gn = [
     disabled$: ti(t, { workbookTypes: [kn], worksheetTypes: [Mn, Nn], rangeTypes: [Vn] })
   };
 }, Qi = {
-  [Hr.FORMULAS_INSERT]: {
+  [Hr.RULES]: {
     [kt.id]: {
-      order: 0,
+      order: 1,
       menuItemFactory: Ji
     }
   }

package/lib/index.css

@@ -1 +1 @@
-.univer-pointer-events-none{pointer-events:none}.univer-absolute{position:absolute}.univer-relative{position:relative}.univer-left-0{left:0}.univer-right-1{right:4px}.univer-my-2\.5{margin-top:10px;margin-bottom:10px}.univer-mb-1{margin-bottom:4px}.univer-mb-2{margin-bottom:8px}.univer-mb-2\.5{margin-bottom:10px}.univer-mb-3{margin-bottom:12px}.univer-ml-1{margin-left:4px}.univer-ml-1\.5{margin-left:6px}.univer-ml-2{margin-left:8px}.univer-ml-3{margin-left:12px}.univer-ml-6{margin-left:24px}.univer-mr-2{margin-right:8px}.univer-mt-0{margin-top:0}.univer-mt-1{margin-top:4px}.univer-mt-3{margin-top:12px}.univer-mt-4{margin-top:16px}.univer-mt-5{margin-top:20px}.univer-mt-6{margin-top:24px}.univer-box-border{box-sizing:border-box}.univer-flex{display:flex}.univer-hidden{display:none}.univer-size-4{width:16px;height:16px}.univer-size-5{width:20px;height:20px}.univer-size-6{width:24px;height:24px}.univer-h-5{height:20px}.univer-h-8{height:32px}.univer-h-full{height:100%}.univer-w-1\/2{width:50%}.univer-w-36{width:144px}.univer-w-64{width:256px}.univer-w-80{width:320px}.univer-w-\[45\%\]{width:45%}.univer-w-full{width:100%}.univer-min-w-0{min-width:0px}.univer-min-w-\[72px\]{min-width:72px}.univer-max-w-full{max-width:100%}.univer-flex-shrink{flex-shrink:1}.univer-flex-shrink-0{flex-shrink:0}.univer-cursor-grab{cursor:grab}.univer-cursor-pointer{cursor:pointer}.univer-flex-col{flex-direction:column}.univer-flex-wrap{flex-wrap:wrap}.univer-items-center{align-items:center}.univer-justify-end{justify-content:flex-end}.univer-justify-center{justify-content:center}.univer-justify-between{justify-content:space-between}.univer-gap-2{gap:8px}.univer-gap-4{gap:16px}.univer-overflow-hidden{overflow:hidden}.univer-rounded{border-radius:4px}.univer-rounded-lg{border-radius:8px}.univer-rounded-md{border-radius:6px}.univer-border-red-500{border-color:var(--univer-red-500)}.univer-bg-gray-100{background-color:var(--univer-gray-100)}.univer-bg-white{background-color:var(--univer-white)}.univer-fill-primary-600{fill:var(--univer-primary-600)}.univer-p-1{padding:4px}.univer-p-4{padding:16px}.univer-px-1{padding-left:4px;padding-right:4px}.univer-px-4{padding-left:16px;padding-right:16px}.univer-py-2{padding-top:8px;padding-bottom:8px}.univer-pl-1{padding-left:4px}.univer-pl-5{padding-left:20px}.univer-pr-8{padding-right:32px}.univer-pt-2{padding-top:8px}.univer-text-sm{font-size:14px;line-height:20px}.univer-text-xs{font-size:12px;line-height:16px}.univer-font-bold{font-weight:700}.univer-font-medium{font-weight:500}.univer-italic{font-style:italic}.univer-text-gray-300{color:var(--univer-gray-300)}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-gray-600{color:var(--univer-gray-600)}.univer-text-gray-900{color:var(--univer-gray-900)}.univer-text-red-500{color:var(--univer-red-500)}.univer-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:univer-border-primary-600:hover{border-color:var(--univer-primary-600)}.hover\:univer-bg-gray-100:hover{background-color:var(--univer-gray-100)}.hover\:univer-bg-gray-200:hover{background-color:var(--univer-gray-200)}.univer-group:hover .group-hover\:univer-flex{display:flex}.dark\:univer-bg-gray-700:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)}.dark\:univer-text-gray-200:where(.univer-dark,.univer-dark *){color:var(--univer-gray-200)}.dark\:univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)}.\[\&\>div\:first-child\]\:univer-px-2\.5>div:first-child{padding-left:10px;padding-right:10px}.\[\&\>div\]\:univer-h-5>div{height:20px}.\[\&\>div\]\:univer-ring-transparent>div{--tw-ring-color: transparent }.\[\&_\.react-grid-item\]\:univer-transition-none .react-grid-item{transition-property:none}.\[\&_\.react-grid-placeholder\]\:univer-rounded .react-grid-placeholder{border-radius:4px}.\[\&_\.react-grid-placeholder\]\:\!univer-bg-gray-200 .react-grid-placeholder{background-color:var(--univer-gray-200)!important}
+.univer-pointer-events-none{pointer-events:none}.univer-absolute{position:absolute}.univer-relative{position:relative}.univer-left-0{left:0}.univer-right-1{right:4px}.univer-my-2\.5{margin-top:10px;margin-bottom:10px}.univer-mb-1{margin-bottom:4px}.univer-mb-2{margin-bottom:8px}.univer-mb-2\.5{margin-bottom:10px}.univer-mb-3{margin-bottom:12px}.univer-ml-1{margin-left:4px}.univer-ml-1\.5{margin-left:6px}.univer-ml-2{margin-left:8px}.univer-ml-3{margin-left:12px}.univer-ml-6{margin-left:24px}.univer-mr-2{margin-right:8px}.univer-mt-0{margin-top:0}.univer-mt-1{margin-top:4px}.univer-mt-3{margin-top:12px}.univer-mt-4{margin-top:16px}.univer-mt-5{margin-top:20px}.univer-mt-6{margin-top:24px}.univer-box-border{box-sizing:border-box}.univer-flex{display:flex}.univer-hidden{display:none}.univer-size-4{width:16px;height:16px}.univer-size-5{width:20px;height:20px}.univer-size-6{width:24px;height:24px}.univer-h-5{height:20px}.univer-h-8{height:32px}.univer-h-full{height:100%}.univer-w-1\/2{width:50%}.univer-w-36{width:144px}.univer-w-64{width:256px}.univer-w-80{width:320px}.univer-w-\[45\%\]{width:45%}.univer-w-full{width:100%}.univer-min-w-0{min-width:0px}.univer-min-w-\[72px\]{min-width:72px}.univer-max-w-full{max-width:100%}.univer-flex-shrink{flex-shrink:1}.univer-flex-shrink-0{flex-shrink:0}.univer-cursor-grab{cursor:grab}.univer-cursor-pointer{cursor:pointer}.univer-flex-col{flex-direction:column}.univer-flex-wrap{flex-wrap:wrap}.univer-items-center{align-items:center}.univer-justify-end{justify-content:flex-end}.univer-justify-center{justify-content:center}.univer-justify-between{justify-content:space-between}.univer-gap-2{gap:8px}.univer-gap-4{gap:16px}.univer-overflow-hidden{overflow:hidden}.univer-rounded{border-radius:4px}.univer-rounded-lg{border-radius:8px}.univer-rounded-md{border-radius:6px}.univer-border-red-500{border-color:var(--univer-red-500)}.univer-bg-gray-100{background-color:var(--univer-gray-100)}.univer-bg-white{background-color:var(--univer-white)}.univer-fill-primary-600{fill:var(--univer-primary-600)}.univer-p-1{padding:4px}.univer-p-4{padding:16px}.univer-px-1{padding-left:4px;padding-right:4px}.univer-px-4{padding-left:16px;padding-right:16px}.univer-py-2{padding-top:8px;padding-bottom:8px}.univer-pl-1{padding-left:4px}.univer-pl-5{padding-left:20px}.univer-pr-8{padding-right:32px}.univer-pt-2{padding-top:8px}.univer-text-sm{font-size:14px;line-height:20px}.univer-text-xs{font-size:12px;line-height:16px}.univer-font-bold{font-weight:700}.univer-font-medium{font-weight:500}.univer-italic{font-style:italic}.univer-text-gray-300{color:var(--univer-gray-300)}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-gray-600{color:var(--univer-gray-600)}.univer-text-gray-900{color:var(--univer-gray-900)}.univer-text-red-500{color:var(--univer-red-500)}.univer-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:univer-border-primary-600:hover{border-color:var(--univer-primary-600)}.hover\:univer-bg-gray-100:hover{background-color:var(--univer-gray-100)}.hover\:univer-bg-gray-200:hover{background-color:var(--univer-gray-200)}.univer-group:hover .group-hover\:univer-flex{display:flex}.dark\:\!univer-bg-gray-700:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:\!univer-text-gray-200:where(.univer-dark,.univer-dark *){color:var(--univer-gray-200)!important}.dark\:\!univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.\[\&\>div\:first-child\]\:univer-px-2\.5>div:first-child{padding-left:10px;padding-right:10px}.\[\&\>div\]\:univer-h-5>div{height:20px}.\[\&\>div\]\:univer-ring-transparent>div{--tw-ring-color: transparent }.\[\&_\.react-grid-item\]\:univer-transition-none .react-grid-item{transition-property:none}.\[\&_\.react-grid-placeholder\]\:univer-rounded .react-grid-placeholder{border-radius:4px}.\[\&_\.react-grid-placeholder\]\:\!univer-bg-gray-200 .react-grid-placeholder{background-color:var(--univer-gray-200)!important}

package/lib/index.js

@@ -4,7 +4,7 @@ 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 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 { 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, RibbonDataGroup 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";
@@ -424,7 +424,7 @@ const Me = (t) => {
     Mt,
     {
       ref: h,
-      className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:univer-bg-gray-700 dark:univer-text-white hover:univer-border-primary-600", He),
+      className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", He),
       initValue: u,
       unitId: d,
       subUnitId: a,
@@ -494,7 +494,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
         children: r.t("sheet.cf.panel.styleRule")
       }
     ),
@@ -502,7 +502,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-3 univer-text-xs univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-3 univer-text-xs univer-text-gray-600 dark:!univer-text-gray-200",
         children: r.t("sheet.cf.valueType.min")
       }
     ),
@@ -576,7 +576,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-3 univer-text-xs univer-text-gray-600dark:univer-text-gray-200",
+        className: "univer-mt-3 univer-text-xs univer-text-gray-600dark:!univer-text-gray-200",
         children: r.t("sheet.cf.panel.medianValue")
       }
     ),
@@ -650,7 +650,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-3 univer-text-xs univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-3 univer-text-xs univer-text-gray-600 dark:!univer-text-gray-200",
         children: r.t("sheet.cf.valueType.max")
       }
     ),
@@ -742,7 +742,7 @@ const Me = (t) => {
       Mt,
       {
         ref: l,
-        className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:univer-bg-gray-700 dark:univer-text-white hover:univer-border-primary-600", He),
+        className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", He),
         initValue: T,
         unitId: a,
         subUnitId: u,
@@ -839,7 +839,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
         children: r.t("sheet.cf.panel.styleRule")
       }
     ),
@@ -862,7 +862,7 @@ const Me = (t) => {
       /* @__PURE__ */ c(
         "div",
         {
-          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
           children: r.t("sheet.cf.panel.fillType")
         }
       ),
@@ -916,7 +916,7 @@ const Me = (t) => {
       /* @__PURE__ */ c(
         "div",
         {
-          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
           children: r.t("sheet.cf.panel.colorSet")
         }
       ),
@@ -947,7 +947,7 @@ const Me = (t) => {
       /* @__PURE__ */ c(
         "div",
         {
-          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
           children: r.t("sheet.cf.valueType.min")
         }
       ),
@@ -1000,7 +1000,7 @@ const Me = (t) => {
       /* @__PURE__ */ c(
         "div",
         {
-          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+          className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
           children: r.t("sheet.cf.valueType.max")
         }
       ),
@@ -1151,7 +1151,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
         children: n.t("sheet.cf.panel.styleRule")
       }
     ),
@@ -1159,7 +1159,7 @@ const Me = (t) => {
       Mt,
       {
         ref: h,
-        className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:univer-bg-gray-700 dark:univer-text-white hover:univer-border-primary-600", He),
+        className: X("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent dark:!univer-bg-gray-700 dark:!univer-text-white hover:univer-border-primary-600", He),
         errorText: T,
         isFocus: u,
         initValue: S,
@@ -1415,7 +1415,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
         children: n.t("sheet.cf.panel.styleRule")
       }
     ),
@@ -1608,7 +1608,7 @@ const Me = (t) => {
           /* @__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",
+              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__ */ k(
                   "div",
@@ -1625,7 +1625,7 @@ const Me = (t) => {
                   !T && !p && /* @__PURE__ */ k(
                     "span",
                     {
-                      className: "univer-font-medium univer-text-gray-600 dark:univer-text-gray-200",
+                      className: "univer-font-medium univer-text-gray-600 dark:!univer-text-gray-200",
                       children: [
                         "(",
                         i.t("sheet.cf.iconSet.when"),
@@ -1648,7 +1648,7 @@ const Me = (t) => {
                 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),
+                    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: [
                       S ? /* @__PURE__ */ c("img", { src: S, className: "univer-size-4", draggable: !1 }) : /* @__PURE__ */ c(
                         ot,
@@ -1665,7 +1665,7 @@ const Me = (t) => {
             p ? /* @__PURE__ */ k(
               "div",
               {
-                className: "univer-mt-0 univer-w-[45%] univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+                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: [
@@ -1691,7 +1691,7 @@ const Me = (t) => {
             /* @__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",
+                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") }),
                   /* @__PURE__ */ c("div", { children: i.t("sheet.cf.iconSet.value") })
@@ -1922,7 +1922,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
         children: n.t("sheet.cf.panel.styleRule")
       }
     ),
@@ -2091,7 +2091,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
         children: e.t("sheet.cf.panel.range")
       }
     ),
@@ -2111,7 +2111,7 @@ const Me = (t) => {
     /* @__PURE__ */ c(
       "div",
       {
-        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:univer-text-gray-200",
+        className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
         children: e.t("sheet.cf.panel.styleType")
       }
     ),
@@ -2412,7 +2412,7 @@ const Mi = (t) => {
                     /* @__PURE__ */ c(
                       "div",
                       {
-                        className: "univer-text-sm univer-text-gray-900 dark:univer-text-white",
+                        className: "univer-text-sm univer-text-gray-900 dark:!univer-text-white",
                         children: Ni(D, o)
                       }
                     ),
@@ -3337,9 +3337,9 @@ const gn = [
     disabled$: ti(t, { workbookTypes: [kn], worksheetTypes: [Mn, Nn], rangeTypes: [Vn] })
   };
 }, Qi = {
-  [Hr.FORMULAS_INSERT]: {
+  [Hr.RULES]: {
     [kt.id]: {
-      order: 0,
+      order: 1,
       menuItemFactory: Ji
     }
   }