@univerjs/sheets-conditional-formatting-ui 0.2.12 → 0.2.13

package/lib/es/index.js

@@ -8,7 +8,7 @@ import { getSheetCommandTarget, SheetsSelectionsService, findAllRectangle, creat
 import { useObservable, ComponentManager, TextEditor, ILayoutService, useScrollYOverContainer, RangeSelector, ISidebarService, MenuItemType, getMenuHiddenObservable, RibbonStartGroup, IMenuManagerService } from "@univerjs/ui";
 import require$$0, { forwardRef, useRef, createElement, useMemo, useState, useEffect } from "react";
 import { Select, Tooltip, Dropdown, ColorPicker as ColorPicker$1, InputNumber, RadioGroup, Radio, Checkbox, Input, Button } from "@univerjs/design";
-import { useHighlightRange, SheetSkeletonManagerService, COPY_TYPE, rangeToDiscreteRange, PREDEFINED_HOOK_NAME, virtualizeDiscreteRanges, getRepeatRange, ISheetClipboardService, SheetPermissionInterceptorBaseController, IAutoFillService, APPLY_TYPE, getAutoFillRepeatRange, getCurrentRangeDisable$, IEditorBridgeService } from "@univerjs/sheets-ui";
+import { useHighlightRange, SheetSkeletonManagerService, COPY_TYPE, rangeToDiscreteRange, PREDEFINED_HOOK_NAME, virtualizeDiscreteRanges, getRepeatRange, ISheetClipboardService, SheetPermissionInterceptorBaseController, IAutoFillService, APPLY_TYPE, getAutoFillRepeatRange, IEditorBridgeService, getCurrentRangeDisable$, IFormatPainterService, FormatPainterStatus } from "@univerjs/sheets-ui";
 import { serializeRange } from "@univerjs/engine-formula";
 import cl from "clsx";
 import require$$2$1 from "react-dom";
@@ -236,12 +236,12 @@ const AddAverageCfCommand = {
   type: CommandType.COMMAND,
   id: "sheet.command.clear-range-conditional-rule",
   handler(accessor, params) {
-    var _a14;
+    var _a15;
     if (!params)
       return !1;
     const conditionalFormattingRuleModel = accessor.get(ConditionalFormattingRuleModel), univerInstanceService = accessor.get(IUniverInstanceService), commandService = accessor.get(ICommandService), undoRedoService = accessor.get(IUndoRedoService), selectionManagerService = accessor.get(SheetsSelectionsService), target = getSheetCommandTarget(univerInstanceService, params);
     if (!target) return !1;
-    const { unitId, subUnitId } = target, ranges = ((_a14 = selectionManagerService.getCurrentSelections()) == null ? void 0 : _a14.map((selection) => selection.range)) || [], allRuleList = conditionalFormattingRuleModel.getSubunitRules(unitId, subUnitId);
+    const { unitId, subUnitId } = target, ranges = ((_a15 = selectionManagerService.getCurrentSelections()) == null ? void 0 : _a15.map((selection) => selection.range)) || [], allRuleList = conditionalFormattingRuleModel.getSubunitRules(unitId, subUnitId);
     if (!(allRuleList != null && allRuleList.length) || !ranges.length)
       return !1;
     const redos = [], undos = [];
@@ -386,15 +386,15 @@ function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
   var attrs = __assign({}, node.attrs);
   extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
   var defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a14) {
-    var key = _a14[0], value = _a14[1];
+  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a15) {
+    var key = _a15[0], value = _a15[1];
     typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
   })), attrs;
 }
 __name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
 function replaceRuntimeIdsInDefs(node, runtimeProps) {
-  var _a14, defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a14 = node.children) === null || _a14 === void 0) && _a14.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
+  var _a15, defIds = runtimeProps.defIds;
+  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a15 = node.children) === null || _a15 === void 0) && _a15.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
     return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
   }) }) : node;
 }
@@ -490,8 +490,8 @@ var reactGridLayout = { exports: {} }, ReactGridLayout$1 = {}, fastEquals = { ex
     }
     __name(sameValueZeroEqual, "sameValueZeroEqual");
     var ARGUMENTS_TAG = "[object Arguments]", BOOLEAN_TAG = "[object Boolean]", DATE_TAG = "[object Date]", REG_EXP_TAG = "[object RegExp]", MAP_TAG = "[object Map]", NUMBER_TAG = "[object Number]", OBJECT_TAG = "[object Object]", SET_TAG = "[object Set]", STRING_TAG = "[object String]", toString2 = Object.prototype.toString;
-    function createComparator(_a14) {
-      var areArraysEqual2 = _a14.areArraysEqual, areDatesEqual2 = _a14.areDatesEqual, areMapsEqual2 = _a14.areMapsEqual, areObjectsEqual2 = _a14.areObjectsEqual, areRegExpsEqual2 = _a14.areRegExpsEqual, areSetsEqual2 = _a14.areSetsEqual, createIsNestedEqual = _a14.createIsNestedEqual, isEqual = createIsNestedEqual(comparator);
+    function createComparator(_a15) {
+      var areArraysEqual2 = _a15.areArraysEqual, areDatesEqual2 = _a15.areDatesEqual, areMapsEqual2 = _a15.areMapsEqual, areObjectsEqual2 = _a15.areObjectsEqual, areRegExpsEqual2 = _a15.areRegExpsEqual, areSetsEqual2 = _a15.areSetsEqual, createIsNestedEqual = _a15.createIsNestedEqual, isEqual = createIsNestedEqual(comparator);
       function comparator(a, b, meta) {
         if (a === b)
           return !0;
@@ -3478,9 +3478,9 @@ const _ReactGridLayout = class _ReactGridLayout extends React$2.Component {
         resizing: !1
       }), this.onLayoutMaybeChanged(newLayout, oldLayout);
     }), _defineProperty$2(this, "onDragOver", (e) => {
-      var _a14;
+      var _a15;
       if (e.preventDefault(), e.stopPropagation(), isFirefox && // $FlowIgnore can't figure this out
-      !((_a14 = e.nativeEvent.target) != null && _a14.classList.contains(layoutClassName$1)))
+      !((_a15 = e.nativeEvent.target) != null && _a15.classList.contains(layoutClassName$1)))
         return !1;
       const {
         droppingItem,
@@ -4092,8 +4092,8 @@ var WidthProvider = {}, MapShim = function() {
       this.__entries__.splice(0);
     }, class_1.prototype.forEach = function(callback, ctx) {
       ctx === void 0 && (ctx = null);
-      for (var _i = 0, _a14 = this.__entries__; _i < _a14.length; _i++) {
-        var entry = _a14[_i];
+      for (var _i = 0, _a15 = this.__entries__; _i < _a15.length; _i++) {
+        var entry = _a15[_i];
         callback.call(ctx, entry[1], entry[0]);
       }
     }, class_1;
@@ -4160,8 +4160,8 @@ var REFRESH_DELAY = 20, transitionKeys = ["top", "right", "bottom", "left", "wid
       })) : (document.addEventListener("DOMSubtreeModified", this.refresh), this.mutationEventsAdded_ = !0), this.connected_ = !0);
     }, ResizeObserverController2.prototype.disconnect_ = function() {
       !isBrowser || !this.connected_ || (document.removeEventListener("transitionend", this.onTransitionEnd_), window.removeEventListener("resize", this.refresh), this.mutationsObserver_ && this.mutationsObserver_.disconnect(), this.mutationEventsAdded_ && document.removeEventListener("DOMSubtreeModified", this.refresh), this.mutationsObserver_ = null, this.mutationEventsAdded_ = !1, this.connected_ = !1);
-    }, ResizeObserverController2.prototype.onTransitionEnd_ = function(_a14) {
-      var _b = _a14.propertyName, propertyName = _b === void 0 ? "" : _b, isReflowProperty = transitionKeys.some(function(key) {
+    }, ResizeObserverController2.prototype.onTransitionEnd_ = function(_a15) {
+      var _b = _a15.propertyName, propertyName = _b === void 0 ? "" : _b, isReflowProperty = transitionKeys.some(function(key) {
         return !!~propertyName.indexOf(key);
       });
       isReflowProperty && this.refresh();
@@ -4170,8 +4170,8 @@ var REFRESH_DELAY = 20, transitionKeys = ["top", "right", "bottom", "left", "wid
     }, ResizeObserverController2.instance_ = null, ResizeObserverController2;
   }()
 ), defineConfigurable = /* @__PURE__ */ __name(function(target, props) {
-  for (var _i = 0, _a14 = Object.keys(props); _i < _a14.length; _i++) {
-    var key = _a14[_i];
+  for (var _i = 0, _a15 = Object.keys(props); _i < _a15.length; _i++) {
+    var key = _a15[_i];
     Object.defineProperty(target, key, {
       value: props[key],
       enumerable: !1,
@@ -4237,8 +4237,8 @@ function getContentRect(target) {
   return isBrowser ? isSVGGraphicsElement(target) ? getSVGContentRect(target) : getHTMLElementContentRect(target) : emptyRect;
 }
 __name(getContentRect, "getContentRect");
-function createReadOnlyRect(_a14) {
-  var x = _a14.x, y = _a14.y, width2 = _a14.width, height2 = _a14.height, Constr = typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object, rect = Object.create(Constr.prototype);
+function createReadOnlyRect(_a15) {
+  var x = _a15.x, y = _a15.y, width2 = _a15.width, height2 = _a15.height, Constr = typeof DOMRectReadOnly < "u" ? DOMRectReadOnly : Object, rect = Object.create(Constr.prototype);
   return defineConfigurable(rect, {
     x,
     y,
@@ -4344,8 +4344,8 @@ var ResizeObservation = (
   "disconnect"
 ].forEach(function(method) {
   ResizeObserver.prototype[method] = function() {
-    var _a14;
-    return (_a14 = observers.get(this))[method].apply(_a14, arguments);
+    var _a15;
+    return (_a15 = observers.get(this))[method].apply(_a15, arguments);
   };
 });
 var index = function() {
@@ -4418,9 +4418,9 @@ function _toPrimitive(input, hint) {
 __name(_toPrimitive, "_toPrimitive");
 const layoutClassName = "react-grid-layout";
 function WidthProvideRGL(ComposedComponent) {
-  var _a14;
+  var _a15;
   var _class;
-  return _class = (_a14 = class extends React.Component {
+  return _class = (_a15 = class extends React.Component {
     constructor() {
       super(...arguments), _defineProperty(this, "state", {
         width: 1280
@@ -4456,7 +4456,7 @@ function WidthProvideRGL(ComposedComponent) {
         innerRef: this.elementRef
       }, rest, this.state));
     }
-  }, __name(_a14, "WidthProvider"), _a14), _defineProperty(_class, "defaultProps", {
+  }, __name(_a15, "WidthProvider"), _a15), _defineProperty(_class, "defaultProps", {
     measureBeforeMount: !1
   }), _defineProperty(_class, "propTypes", {
     // If true, will not render children until mounted. Useful for getting the exact width before
@@ -4501,7 +4501,7 @@ const GridLayout = /* @__PURE__ */ getDefaultExportFromCjs(reactGridLayoutExport
 }, cfPreview = "univer-cf-preview", styles$4 = {
   cfPreview
 }, Preview = /* @__PURE__ */ __name((props) => {
-  var _a14, _b;
+  var _a15, _b;
   const rule = props.rule;
   if (!rule)
     return null;
@@ -4531,7 +4531,7 @@ const GridLayout = /* @__PURE__ */ getDefaultExportFromCjs(reactGridLayoutExport
     case CFRuleType.iconSet:
       return iconSet2 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.cfPreview, children: iconSet2.map((base64, index2) => base64 ? /* @__PURE__ */ jsxRuntimeExports.jsx("img", { style: { height: "100%" }, src: base64 }, index2) : /* @__PURE__ */ jsxRuntimeExports.jsx(SlashSingle, {}, index2)) });
     case CFRuleType.highlightCell: {
-      const { ul, st, it, bl, bg, cl: cl2 } = rule.style, isUnderline = (ul == null ? void 0 : ul.s) === BooleanNumber.TRUE, isStrikethrough = (st == null ? void 0 : st.s) === BooleanNumber.TRUE, isItalic = it === BooleanNumber.TRUE, isBold = bl === BooleanNumber.TRUE, bgColor = (_a14 = bg == null ? void 0 : bg.rgb) != null ? _a14 : DEFAULT_BG_COLOR, fontColor = (_b = cl2 == null ? void 0 : cl2.rgb) != null ? _b : DEFAULT_FONT_COLOR, style = {
+      const { ul, st, it, bl, bg, cl: cl2 } = rule.style, isUnderline = (ul == null ? void 0 : ul.s) === BooleanNumber.TRUE, isStrikethrough = (st == null ? void 0 : st.s) === BooleanNumber.TRUE, isItalic = it === BooleanNumber.TRUE, isBold = bl === BooleanNumber.TRUE, bgColor = (_a15 = bg == null ? void 0 : bg.rgb) != null ? _a15 : DEFAULT_BG_COLOR, fontColor = (_b = cl2 == null ? void 0 : cl2.rgb) != null ? _b : DEFAULT_FONT_COLOR, style = {
         fontWeight: isBold ? "bold" : void 0,
         fontStyle: isItalic ? "italic" : void 0,
         textDecoration: `${isUnderline ? "underline" : ""} ${isStrikethrough ? "line-through" : ""}`.replace(/^ /, "") || void 0,
@@ -4543,11 +4543,11 @@ const GridLayout = /* @__PURE__ */ getDefaultExportFromCjs(reactGridLayoutExport
   }
   return null;
 }, "Preview");
-var __defProp$b = Object.defineProperty, __getOwnPropDesc$b = Object.getOwnPropertyDescriptor, __decorateClass$b = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$c = Object.defineProperty, __getOwnPropDesc$c = Object.getOwnPropertyDescriptor, __decorateClass$c = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$b(target, key, result), result;
-}, "__decorateClass$b"), __decorateParam$b = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$b"), _a2;
+  return kind && result && __defProp$c(target, key, result), result;
+}, "__decorateClass$c"), __decorateParam$c = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$c"), _a2;
 let ConditionalFormattingI18nController = (_a2 = class extends Disposable {
   constructor(_localeService) {
     super();
@@ -4585,9 +4585,9 @@ let ConditionalFormattingI18nController = (_a2 = class extends Disposable {
     return [];
   }
 }, __name(_a2, "ConditionalFormattingI18nController"), _a2);
-ConditionalFormattingI18nController = __decorateClass$b([
+ConditionalFormattingI18nController = __decorateClass$c([
   OnLifecycle(LifecycleStages.Rendered, ConditionalFormattingI18nController),
-  __decorateParam$b(0, Inject(LocaleService))
+  __decorateParam$c(0, Inject(LocaleService))
 ], ConditionalFormattingI18nController);
 const cfRuleList = "univer-cf-rule-list", ruleSelector = "univer-rule-selector", select = "univer-select", selectSelector = "univer-select-selector", selectSelectionItem = "univer-select-selection-item", selectSelectionSearchInput = "univer-select-selection-search-input", btnList$1 = "univer-btn-list", gap = "univer-gap", icon$1 = "univer-icon", disabled = "univer-disabled", ruleItem = "univer-rule-item", ruleDescribe = "univer-rule-describe", ruleType = "univer-rule-type", ruleRange = "univer-rule-range", active = "univer-active", draggableHandle = "univer-draggableHandle", deleteItem = "univer-delete-item", gridLayoutWrap = "univer-grid-layout-wrap", reactGridItem = "univer-react-grid-item", styles$3 = {
   cfRuleList,
@@ -4698,8 +4698,8 @@ const RuleList = /* @__PURE__ */ __name((props) => {
     return () => dispose.unsubscribe();
   }, [conditionalFormattingRuleModel]), useEffect(() => {
     const getWidth = /* @__PURE__ */ __name(() => {
-      var _a14;
-      const width2 = Math.max(0, (((_a14 = layoutContainerRef.current) == null ? void 0 : _a14.getBoundingClientRect().width) || 0) - 8);
+      var _a15;
+      const width2 = Math.max(0, (((_a15 = layoutContainerRef.current) == null ? void 0 : _a15.getBoundingClientRect().width) || 0) - 8);
       return defaultWidth = width2, width2;
     }, "getWidth"), subscription = new Observable((subscribe) => {
       const targetElement = document.querySelector(".univer-sidebar");
@@ -4724,17 +4724,17 @@ const RuleList = /* @__PURE__ */ __name((props) => {
     };
   }, []);
   const handleDelete = /* @__PURE__ */ __name((rule) => {
-    var _a14;
-    const unitId2 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId(), subUnitId2 = (_a14 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : _a14.getSheetId();
+    var _a15;
+    const unitId2 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId(), subUnitId2 = (_a15 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : _a15.getSheetId();
     if (!unitId2 || !subUnitId2)
       throw new Error("No active sheet found");
     commandService.executeCommand(DeleteCfCommand.id, { unitId: unitId2, subUnitId: subUnitId2, cfId: rule.cfId });
   }, "handleDelete"), handleDragStart = /* @__PURE__ */ __name((_layout, from) => {
     draggingIdSet(from.y);
   }, "handleDragStart"), handleDragStop = /* @__PURE__ */ __name((_layout, from, to) => {
-    var _a14;
+    var _a15;
     draggingIdSet(-1);
-    const unitId2 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId(), subUnitId2 = (_a14 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : _a14.getSheetId();
+    const unitId2 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId(), subUnitId2 = (_a15 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : _a15.getSheetId();
     if (!unitId2 || !subUnitId2)
       throw new Error("No active sheet found");
     const getSaveIndex = /* @__PURE__ */ __name((index2) => {
@@ -4896,8 +4896,8 @@ const RuleList = /* @__PURE__ */ __name((props) => {
   width100,
   stress
 }, createOptionItem$2 = /* @__PURE__ */ __name((text2, localeService) => ({ label: localeService.t(`sheet.cf.valueType.${text2}`), value: text2 }), "createOptionItem$2"), TextInput$1 = /* @__PURE__ */ __name((props) => {
-  var _a14;
-  const { type: type2, className, onChange, id, value } = props, univerInstanceService = useDependency(IUniverInstanceService), unitId = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId(), subUnitId = (_a14 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : _a14.getSheetId(), formulaInitValue = useMemo(() => String(value).startsWith("=") ? String(value) : "=", [value]), config = useMemo(() => [CFValueType.max, CFValueType.min, "none"].includes(type2) ? { disabled: !0 } : [CFValueType.percent, CFValueType.percentile].includes(type2) ? {
+  var _a15;
+  const { type: type2, className, onChange, id, value } = props, univerInstanceService = useDependency(IUniverInstanceService), unitId = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId(), subUnitId = (_a15 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : _a15.getSheetId(), formulaInitValue = useMemo(() => String(value).startsWith("=") ? String(value) : "=", [value]), config = useMemo(() => [CFValueType.max, CFValueType.min, "none"].includes(type2) ? { disabled: !0 } : [CFValueType.percent, CFValueType.percentile].includes(type2) ? {
     min: 0,
     max: 100
   } : {
@@ -4920,48 +4920,48 @@ const RuleList = /* @__PURE__ */ __name((props) => {
     }
   ) : /* @__PURE__ */ jsxRuntimeExports.jsx(InputNumber, { className, value: Number(props.value) || 0, onChange: /* @__PURE__ */ __name((v) => props.onChange(v || 0), "onChange"), ...config });
 }, "TextInput$1"), ColorScaleStyleEditor = /* @__PURE__ */ __name((props) => {
-  var _a14;
-  const { interceptorManager } = props, localeService = useDependency(LocaleService), rule = ((_a14 = props.rule) == null ? void 0 : _a14.type) === CFRuleType.colorScale ? props.rule : void 0, commonOptions = [createOptionItem$2(CFValueType.num, localeService), createOptionItem$2(CFValueType.percent, localeService), createOptionItem$2(CFValueType.percentile, localeService), createOptionItem$2(CFValueType.formula, localeService)], minOptions = [createOptionItem$2(CFValueType.min, localeService), ...commonOptions], medianOptions = [createOptionItem$2("none", localeService), ...commonOptions], maxOptions = [createOptionItem$2(CFValueType.max, localeService), ...commonOptions], [minType, minTypeSet] = useState(() => {
-    var _a15;
+  var _a15;
+  const { interceptorManager } = props, localeService = useDependency(LocaleService), rule = ((_a15 = props.rule) == null ? void 0 : _a15.type) === CFRuleType.colorScale ? props.rule : void 0, commonOptions = [createOptionItem$2(CFValueType.num, localeService), createOptionItem$2(CFValueType.percent, localeService), createOptionItem$2(CFValueType.percentile, localeService), createOptionItem$2(CFValueType.formula, localeService)], minOptions = [createOptionItem$2(CFValueType.min, localeService), ...commonOptions], medianOptions = [createOptionItem$2("none", localeService), ...commonOptions], maxOptions = [createOptionItem$2(CFValueType.max, localeService), ...commonOptions], [minType, minTypeSet] = useState(() => {
+    var _a16;
     const defaultV = CFValueType.min;
-    return rule && ((_a15 = rule.config[0]) == null ? void 0 : _a15.value.type) || defaultV;
+    return rule && ((_a16 = rule.config[0]) == null ? void 0 : _a16.value.type) || defaultV;
   }), [medianType, medianTypeSet] = useState(() => {
-    var _a15;
+    var _a16;
     const defaultV = "none";
-    return !rule || rule.config.length !== 3 ? defaultV : ((_a15 = rule.config[1]) == null ? void 0 : _a15.value.type) || defaultV;
+    return !rule || rule.config.length !== 3 ? defaultV : ((_a16 = rule.config[1]) == null ? void 0 : _a16.value.type) || defaultV;
   }), [maxType, maxTypeSet] = useState(() => {
-    var _a15;
+    var _a16;
     const defaultV = CFValueType.max;
-    return rule && ((_a15 = rule.config[rule.config.length - 1]) == null ? void 0 : _a15.value.type) || defaultV;
+    return rule && ((_a16 = rule.config[rule.config.length - 1]) == null ? void 0 : _a16.value.type) || defaultV;
   }), [minValue, minValueSet] = useState(() => {
     if (!rule)
       return 10;
     const valueConfig = rule.config[0];
     return (valueConfig == null ? void 0 : valueConfig.value.value) === void 0 ? 10 : valueConfig == null ? void 0 : valueConfig.value.value;
   }), [medianValue, medianValueSet] = useState(() => {
-    var _a15;
+    var _a16;
     if (!rule || rule.config.length !== 3)
       return 50;
-    const v = (_a15 = rule.config[1]) == null ? void 0 : _a15.value.value;
+    const v = (_a16 = rule.config[1]) == null ? void 0 : _a16.value.value;
     return v === void 0 ? 50 : v;
   }), [maxValue, maxValueSet] = useState(() => {
-    var _a15;
+    var _a16;
     if (!rule)
       return 90;
-    const v = (_a15 = rule.config[rule.config.length - 1]) == null ? void 0 : _a15.value.value;
+    const v = (_a16 = rule.config[rule.config.length - 1]) == null ? void 0 : _a16.value.value;
     return v === void 0 ? 90 : v;
   }), [minColor, minColorSet] = useState(() => {
-    var _a15;
+    var _a16;
     const defaultV = "#d0d9fb";
-    return rule && ((_a15 = rule.config[0]) == null ? void 0 : _a15.color) || defaultV;
+    return rule && ((_a16 = rule.config[0]) == null ? void 0 : _a16.color) || defaultV;
   }), [medianColor, medianColorSet] = useState(() => {
-    var _a15;
+    var _a16;
     const defaultV = "#7790f3";
-    return !rule || rule.config.length !== 3 ? defaultV : ((_a15 = rule.config[1]) == null ? void 0 : _a15.color) || defaultV;
+    return !rule || rule.config.length !== 3 ? defaultV : ((_a16 = rule.config[1]) == null ? void 0 : _a16.color) || defaultV;
   }), [maxColor, maxColorSet] = useState(() => {
-    var _a15;
+    var _a16;
     const defaultV = "#2e55ef";
-    return rule && ((_a15 = rule.config[rule.config.length - 1]) == null ? void 0 : _a15.color) || defaultV;
+    return rule && ((_a16 = rule.config[rule.config.length - 1]) == null ? void 0 : _a16.color) || defaultV;
   }), getResult = useMemo(() => (option) => {
     const {
       minType: minType2,
@@ -5100,8 +5100,8 @@ const RuleList = /* @__PURE__ */ __name((props) => {
     ] })
   ] });
 }, "ColorScaleStyleEditor"), createOptionItem$1 = /* @__PURE__ */ __name((text2, localeService) => ({ label: localeService.t(`sheet.cf.valueType.${text2}`), value: text2 }), "createOptionItem$1"), InputText = /* @__PURE__ */ __name((props) => {
-  var _a14;
-  const { onChange, className, value, type: type2, id, disabled: disabled2 = !1 } = props, univerInstanceService = useDependency(IUniverInstanceService), unitId = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId(), subUnitId = (_a14 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : _a14.getSheetId(), _value = useRef(value), config = useMemo(() => [CFValueType.percentile, CFValueType.percent].includes(type2) ? {
+  var _a15;
+  const { onChange, className, value, type: type2, id, disabled: disabled2 = !1 } = props, univerInstanceService = useDependency(IUniverInstanceService), unitId = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId(), subUnitId = (_a15 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : _a15.getSheetId(), _value = useRef(value), config = useMemo(() => [CFValueType.percentile, CFValueType.percent].includes(type2) ? {
     max: 100,
     min: 0
   } : {
@@ -5139,36 +5139,36 @@ const RuleList = /* @__PURE__ */ __name((props) => {
     }
   );
 }, "InputText"), DataBarStyleEditor = /* @__PURE__ */ __name((props) => {
-  var _a14;
-  const { interceptorManager } = props, localeService = useDependency(LocaleService), rule = ((_a14 = props.rule) == null ? void 0 : _a14.type) === CFRuleType.dataBar ? props.rule : void 0, [isGradient, isGradientSet] = useState(() => {
-    var _a15;
+  var _a15;
+  const { interceptorManager } = props, localeService = useDependency(LocaleService), rule = ((_a15 = props.rule) == null ? void 0 : _a15.type) === CFRuleType.dataBar ? props.rule : void 0, [isGradient, isGradientSet] = useState(() => {
+    var _a16;
     const defaultV = "0";
-    return rule ? (_a15 = rule.config) != null && _a15.isGradient ? "1" : "0" : defaultV;
+    return rule ? (_a16 = rule.config) != null && _a16.isGradient ? "1" : "0" : defaultV;
   }), [positiveColor, positiveColorSet] = useState(() => {
-    var _a15;
-    return rule ? ((_a15 = rule.config) == null ? void 0 : _a15.positiveColor) || defaultDataBarPositiveColor : defaultDataBarPositiveColor;
+    var _a16;
+    return rule ? ((_a16 = rule.config) == null ? void 0 : _a16.positiveColor) || defaultDataBarPositiveColor : defaultDataBarPositiveColor;
   }), [nativeColor, nativeColorSet] = useState(() => {
-    var _a15;
-    return rule ? ((_a15 = rule.config) == null ? void 0 : _a15.nativeColor) || defaultDataBarNativeColor : defaultDataBarNativeColor;
+    var _a16;
+    return rule ? ((_a16 = rule.config) == null ? void 0 : _a16.nativeColor) || defaultDataBarNativeColor : defaultDataBarNativeColor;
   }), commonOptions = [createOptionItem$1(CFValueType.num, localeService), createOptionItem$1(CFValueType.percent, localeService), createOptionItem$1(CFValueType.percentile, localeService), createOptionItem$1(CFValueType.formula, localeService)], minOptions = [createOptionItem$1(CFValueType.min, localeService), ...commonOptions], maxOptions = [createOptionItem$1(CFValueType.max, localeService), ...commonOptions], [minValueType, minValueTypeSet] = useState(() => {
-    var _a15;
+    var _a16;
     const defaultV = minOptions[0].value;
-    return rule && ((_a15 = rule.config) == null ? void 0 : _a15.min.type) || defaultV;
+    return rule && ((_a16 = rule.config) == null ? void 0 : _a16.min.type) || defaultV;
   }), [maxValueType, maxValueTypeSet] = useState(() => {
-    var _a15;
+    var _a16;
     const defaultV = maxOptions[0].value;
-    return rule && ((_a15 = rule.config) == null ? void 0 : _a15.max.type) || defaultV;
+    return rule && ((_a16 = rule.config) == null ? void 0 : _a16.max.type) || defaultV;
   }), [minValue, minValueSet] = useState(() => {
-    var _a15;
+    var _a16;
     if (!rule)
       return 0;
-    const value = ((_a15 = rule.config) == null ? void 0 : _a15.min) || {};
+    const value = ((_a16 = rule.config) == null ? void 0 : _a16.min) || {};
     return value.type === CFValueType.formula ? value.value || "=" : value.value || 0;
   }), [maxValue, maxValueSet] = useState(() => {
-    var _a15;
+    var _a16;
     if (!rule)
       return 100;
-    const value = ((_a15 = rule.config) == null ? void 0 : _a15.max) || {};
+    const value = ((_a16 = rule.config) == null ? void 0 : _a16.max) || {};
     return value.type === CFValueType.formula ? value.value || "=" : value.value === void 0 ? 100 : value.value;
   }), [isShowValue, isShowValueSet] = useState(() => rule ? rule.isShowValue === void 0 ? !0 : !!rule.isShowValue : !0), getResult = /* @__PURE__ */ __name((option) => ({ config: {
     min: { type: option.minValueType, value: option.minValue },
@@ -5324,13 +5324,13 @@ const RuleList = /* @__PURE__ */ __name((props) => {
     if (style != null && style.st)
       return style.st.s;
   }), [fontColor, fontColorSet] = useState(() => {
-    var _a14;
+    var _a15;
     const defaultV = "#2f56ef";
-    return (_a14 = style == null ? void 0 : style.cl) != null && _a14.rgb ? style.cl.rgb : defaultV;
+    return (_a15 = style == null ? void 0 : style.cl) != null && _a15.rgb ? style.cl.rgb : defaultV;
   }), [bgColor, bgColorSet] = useState(() => {
-    var _a14;
+    var _a15;
     const defaultV = "#e8ecfc";
-    return (_a14 = style == null ? void 0 : style.bg) != null && _a14.rgb ? style.bg.rgb : defaultV;
+    return (_a15 = style == null ? void 0 : style.bg) != null && _a15.rgb ? style.bg.rgb : defaultV;
   }), BoldSingleIcon = componentManager.get("BoldSingle"), ItalicSingleIcon = componentManager.get("ItalicSingle"), UnderlineSingleIcon = componentManager.get("UnderlineSingle"), StrikethroughSingle = componentManager.get("StrikethroughSingle");
   return useEffect(() => {
     const resultStyle = {
@@ -5347,8 +5347,8 @@ const RuleList = /* @__PURE__ */ __name((props) => {
     /* @__PURE__ */ jsxRuntimeExports.jsx(ColorPicker, { color: bgColor, onChange: bgColorSet, iconId: "PaintBucket" })
   ] });
 }, "ConditionalStyleEditor"), RankStyleEditor = /* @__PURE__ */ __name((props) => {
-  var _a14;
-  const { onChange, interceptorManager } = props, localeService = useDependency(LocaleService), rule = ((_a14 = props.rule) == null ? void 0 : _a14.type) === CFRuleType.highlightCell ? props.rule : void 0, options = [
+  var _a15;
+  const { onChange, interceptorManager } = props, localeService = useDependency(LocaleService), rule = ((_a15 = props.rule) == null ? void 0 : _a15.type) === CFRuleType.highlightCell ? props.rule : void 0, options = [
     { label: localeService.t("sheet.cf.panel.isNotBottom"), value: "isNotBottom" },
     { label: localeService.t("sheet.cf.panel.isBottom"), value: "isBottom" },
     { label: localeService.t("sheet.cf.panel.greaterThanAverage"), value: "greaterThanAverage" },
@@ -5619,8 +5619,8 @@ const RuleList = /* @__PURE__ */ __name((props) => {
       ];
   }
 }, "getOperatorOptions"), HighlightCellStyleEditor = /* @__PURE__ */ __name((props) => {
-  var _a14;
-  const { interceptorManager, onChange } = props, localeService = useDependency(LocaleService), rule = ((_a14 = props.rule) == null ? void 0 : _a14.type) === CFRuleType.highlightCell ? props.rule : void 0, [subType, subTypeSet] = useState(() => {
+  var _a15;
+  const { interceptorManager, onChange } = props, localeService = useDependency(LocaleService), rule = ((_a15 = props.rule) == null ? void 0 : _a15.type) === CFRuleType.highlightCell ? props.rule : void 0, [subType, subTypeSet] = useState(() => {
     const defaultV = CFSubRuleType.text;
     return rule && rule.subType || defaultV;
   }), typeOptions = [
@@ -5648,11 +5648,11 @@ const RuleList = /* @__PURE__ */ __name((props) => {
     const defaultV = operatorOptions ? operatorOptions[0].value : void 0;
     return rule && rule.operator || defaultV;
   }), [value, valueSet] = useState(() => {
-    var _a15;
+    var _a16;
     const defaultV = "";
-    return rule ? (_a15 = rule.value) != null ? _a15 : createDefaultValue(rule.subType, rule.operator) : defaultV;
+    return rule ? (_a16 = rule.value) != null ? _a16 : createDefaultValue(rule.subType, rule.operator) : defaultV;
   }), [style, styleSet] = useState({}), getResult = useMemo(() => (option) => {
-    var _a15, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+    var _a16, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
     switch (option.subType || subType) {
       case CFSubRuleType.text: {
         if ([
@@ -5665,7 +5665,7 @@ const RuleList = /* @__PURE__ */ __name((props) => {
         ].includes(operator))
           return {
             type: CFRuleType.highlightCell,
-            subType: (_a15 = option.subType) != null ? _a15 : subType,
+            subType: (_a16 = option.subType) != null ? _a16 : subType,
             operator: (_b = option.operator) != null ? _b : operator,
             style: (_c = option.style) != null ? _c : style,
             value: (_d = option.value) != null ? _d : value
@@ -5740,8 +5740,8 @@ const RuleList = /* @__PURE__ */ __name((props) => {
     )
   ] });
 }, "HighlightCellStyleEditor"), FormulaStyleEditor = /* @__PURE__ */ __name((props) => {
-  var _a14;
-  const { onChange, interceptorManager } = props, localeService = useDependency(LocaleService), workbook = useDependency(IUniverInstanceService).getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), worksheet = workbook.getActiveSheet(), rule = ((_a14 = props.rule) == null ? void 0 : _a14.type) === CFRuleType.highlightCell ? props.rule : void 0, [style, styleSet] = useState({}), [formula, formulaSet] = useState(() => (rule == null ? void 0 : rule.subType) === CFSubRuleType.formula ? rule.value : "="), [formulaError, formulaErrorSet] = useState(""), getResult = /* @__PURE__ */ __name((config) => ({
+  var _a15;
+  const { onChange, interceptorManager } = props, localeService = useDependency(LocaleService), workbook = useDependency(IUniverInstanceService).getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), worksheet = workbook.getActiveSheet(), rule = ((_a15 = props.rule) == null ? void 0 : _a15.type) === CFRuleType.highlightCell ? props.rule : void 0, [style, styleSet] = useState({}), [formula, formulaSet] = useState(() => (rule == null ? void 0 : rule.subType) === CFSubRuleType.formula ? rule.value : "="), [formulaError, formulaErrorSet] = useState(""), getResult = /* @__PURE__ */ __name((config) => ({
     style: config.style,
     value: formula,
     type: CFRuleType.highlightCell,
@@ -6349,8 +6349,8 @@ function get(object, path, defaultValue) {
 __name(get, "get");
 var lodash_get = get;
 const get$1 = /* @__PURE__ */ getDefaultExportFromCjs(lodash_get), getIcon = /* @__PURE__ */ __name((iconType, iconId) => (iconMap[iconType] || [])[Number(iconId)] || "", "getIcon"), TextInput = /* @__PURE__ */ __name((props) => {
-  var _a14;
-  const univerInstanceService = useDependency(IUniverInstanceService), unitId = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId(), subUnitId = (_a14 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : _a14.getSheetId(), className = useMemo(() => props.error ? styles$1.errorInput : "", [props.error]);
+  var _a15;
+  const univerInstanceService = useDependency(IUniverInstanceService), unitId = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId(), subUnitId = (_a15 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : _a15.getSheetId(), className = useMemo(() => props.error ? styles$1.errorInput : "", [props.error]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1.positionRelative, children: props.type !== CFValueType.formula ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(InputNumber, { className, value: Number(props.value) || 0, onChange: /* @__PURE__ */ __name((v) => props.onChange(v != null ? v : 0), "onChange") }),
     props.error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1.errorText, children: props.error })
@@ -6483,8 +6483,8 @@ const get$1 = /* @__PURE__ */ getDefaultExportFromCjs(lodash_get), getIcon = /*
     ] }, index2);
   }), [configList, errorMap]);
 }, "IconSetRuleEdit"), IconSet = /* @__PURE__ */ __name((props) => {
-  var _a14;
-  const { interceptorManager } = props, rule = ((_a14 = props.rule) == null ? void 0 : _a14.type) === CFRuleType.iconSet ? props.rule : void 0, localeService = useDependency(LocaleService), [errorMap, errorMapSet] = useState({}), [currentIconType, currentIconTypeSet] = useState(() => {
+  var _a15;
+  const { interceptorManager } = props, rule = ((_a15 = props.rule) == null ? void 0 : _a15.type) === CFRuleType.iconSet ? props.rule : void 0, localeService = useDependency(LocaleService), [errorMap, errorMapSet] = useState({}), [currentIconType, currentIconTypeSet] = useState(() => {
     const defaultV = Object.keys(iconMap)[0];
     if (rule && rule.config.length) {
       const type2 = rule.config[0].iconType;
@@ -6575,13 +6575,13 @@ const get$1 = /* @__PURE__ */ getDefaultExportFromCjs(lodash_get), getIcon = /*
     /* @__PURE__ */ jsxRuntimeExports.jsx(IconSetRuleEdit, { errorMap, onChange: handleChange, configList })
   ] });
 }, "IconSet"), getUnitId = /* @__PURE__ */ __name((univerInstanceService) => univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId(), "getUnitId"), getSubUnitId = /* @__PURE__ */ __name((univerInstanceService) => {
-  var _a14;
-  return (_a14 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : _a14.getSheetId();
+  var _a15;
+  return (_a15 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : _a15.getSheetId();
 }, "getSubUnitId"), RuleEdit = /* @__PURE__ */ __name((props) => {
-  var _a14, _b, _c;
-  const localeService = useDependency(LocaleService), commandService = useDependency(ICommandService), univerInstanceService = useDependency(IUniverInstanceService), conditionalFormattingRuleModel = useDependency(ConditionalFormattingRuleModel), selectionManagerService = useDependency(SheetsSelectionsService), unitId = getUnitId(univerInstanceService), subUnitId = getSubUnitId(univerInstanceService), rangeResult = useRef((_b = (_a14 = props.rule) == null ? void 0 : _a14.ranges) != null ? _b : []), rangeString = useMemo(() => {
-    var _a15, _b2, _c2;
-    let ranges = (_a15 = props.rule) == null ? void 0 : _a15.ranges;
+  var _a15, _b, _c;
+  const localeService = useDependency(LocaleService), commandService = useDependency(ICommandService), univerInstanceService = useDependency(IUniverInstanceService), conditionalFormattingRuleModel = useDependency(ConditionalFormattingRuleModel), selectionManagerService = useDependency(SheetsSelectionsService), unitId = getUnitId(univerInstanceService), subUnitId = getSubUnitId(univerInstanceService), rangeResult = useRef((_b = (_a15 = props.rule) == null ? void 0 : _a15.ranges) != null ? _b : []), rangeString = useMemo(() => {
+    var _a16, _b2, _c2;
+    let ranges = (_a16 = props.rule) == null ? void 0 : _a16.ranges;
     return ranges != null && ranges.length || (ranges = (_c2 = (_b2 = selectionManagerService.getCurrentSelections()) == null ? void 0 : _b2.map((s) => s.range)) != null ? _c2 : []), rangeResult.current = ranges, ranges != null && ranges.length ? ranges.map((range) => {
       const v = serializeRange(range);
       return v === "NaN" ? "" : v;
@@ -6594,8 +6594,8 @@ const get$1 = /* @__PURE__ */ getDefaultExportFromCjs(lodash_get), getIcon = /*
     { label: localeService.t("sheet.cf.ruleType.formula"), value: "5" },
     { label: localeService.t("sheet.cf.ruleType.iconSet"), value: "6" }
   ], [ruleType2, ruleTypeSet] = useState(() => {
-    var _a15, _b2;
-    const type2 = (_a15 = props.rule) == null ? void 0 : _a15.rule.type, defaultType = options[0].value;
+    var _a16, _b2;
+    const type2 = (_a16 = props.rule) == null ? void 0 : _a16.rule.type, defaultType = options[0].value;
     if (!type2)
       return defaultType;
     switch (type2) {
@@ -6707,11 +6707,11 @@ const get$1 = /* @__PURE__ */ getDefaultExportFromCjs(lodash_get), getIcon = /*
   }, "handleRuleClick");
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.conditionalFormattingWrap, children: isShowRuleEditor ? /* @__PURE__ */ jsxRuntimeExports.jsx(RuleEdit, { onCancel: handleCancel, rule: currentEditRule }) : /* @__PURE__ */ jsxRuntimeExports.jsx(RuleList, { onClick: handleRuleClick, onCreate: createCfRule }) });
 }, "ConditionFormattingPanel");
-var __defProp$a = Object.defineProperty, __getOwnPropDesc$a = Object.getOwnPropertyDescriptor, __decorateClass$a = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$b = Object.defineProperty, __getOwnPropDesc$b = Object.getOwnPropertyDescriptor, __decorateClass$b = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$a(target, key, result), result;
-}, "__decorateClass$a"), __decorateParam$a = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$a");
+  return kind && result && __defProp$b(target, key, result), result;
+}, "__decorateClass$b"), __decorateParam$b = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$b");
 const CF_PANEL_KEY = "sheet.conditional.formatting.panel";
 var _a3;
 let ConditionalFormattingPanelController = (_a3 = class extends Disposable {
@@ -6720,8 +6720,8 @@ let ConditionalFormattingPanelController = (_a3 = class extends Disposable {
     __publicField(this, "_sidebarDisposable", null);
     this._univerInstanceService = _univerInstanceService, this._injector = _injector, this._componentManager = _componentManager, this._sidebarService = _sidebarService, this._localeService = _localeService, this._initPanel(), this.disposeWithMe(
       this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).subscribe((sheet) => {
-        var _a14;
-        sheet || (_a14 = this._sidebarDisposable) == null || _a14.dispose();
+        var _a15;
+        sheet || (_a15 = this._sidebarDisposable) == null || _a15.dispose();
       })
     );
   }
@@ -6741,21 +6741,21 @@ let ConditionalFormattingPanelController = (_a3 = class extends Disposable {
     this._componentManager.register(CF_PANEL_KEY, ConditionFormattingPanel);
   }
 }, __name(_a3, "ConditionalFormattingPanelController"), _a3);
-ConditionalFormattingPanelController = __decorateClass$a([
+ConditionalFormattingPanelController = __decorateClass$b([
   OnLifecycle(LifecycleStages.Ready, ConditionalFormattingPanelController),
-  __decorateParam$a(0, IUniverInstanceService),
-  __decorateParam$a(1, Inject(Injector)),
-  __decorateParam$a(2, Inject(ComponentManager)),
-  __decorateParam$a(3, Inject(ISidebarService)),
-  __decorateParam$a(4, Inject(LocaleService))
+  __decorateParam$b(0, IUniverInstanceService),
+  __decorateParam$b(1, Inject(Injector)),
+  __decorateParam$b(2, Inject(ComponentManager)),
+  __decorateParam$b(3, Inject(ISidebarService)),
+  __decorateParam$b(4, Inject(LocaleService))
 ], ConditionalFormattingPanelController);
 var CF_MENU_OPERATION = /* @__PURE__ */ ((CF_MENU_OPERATION2) => (CF_MENU_OPERATION2[CF_MENU_OPERATION2.createRule = 1] = "createRule", CF_MENU_OPERATION2[CF_MENU_OPERATION2.viewRule = 2] = "viewRule", CF_MENU_OPERATION2[CF_MENU_OPERATION2.highlightCell = 3] = "highlightCell", CF_MENU_OPERATION2[CF_MENU_OPERATION2.rank = 4] = "rank", CF_MENU_OPERATION2[CF_MENU_OPERATION2.formula = 5] = "formula", CF_MENU_OPERATION2[CF_MENU_OPERATION2.colorScale = 6] = "colorScale", CF_MENU_OPERATION2[CF_MENU_OPERATION2.dataBar = 7] = "dataBar", CF_MENU_OPERATION2[CF_MENU_OPERATION2.icon = 8] = "icon", CF_MENU_OPERATION2[CF_MENU_OPERATION2.clearRangeRules = 9] = "clearRangeRules", CF_MENU_OPERATION2[CF_MENU_OPERATION2.clearWorkSheetRules = 10] = "clearWorkSheetRules", CF_MENU_OPERATION2))(CF_MENU_OPERATION || {});
 const OpenConditionalFormattingOperator = {
   id: "sheet.operation.open.conditional.formatting.panel",
   type: CommandType.OPERATION,
   handler: /* @__PURE__ */ __name((accessor, params) => {
-    var _a14;
-    const conditionalFormattingMenuController = accessor.get(ConditionalFormattingPanelController), selectionManagerService = accessor.get(SheetsSelectionsService), commandService = accessor.get(ICommandService), ranges = ((_a14 = selectionManagerService.getCurrentSelections()) == null ? void 0 : _a14.map((s) => s.range)) || [];
+    var _a15;
+    const conditionalFormattingMenuController = accessor.get(ConditionalFormattingPanelController), selectionManagerService = accessor.get(SheetsSelectionsService), commandService = accessor.get(ICommandService), ranges = ((_a15 = selectionManagerService.getCurrentSelections()) == null ? void 0 : _a15.map((s) => s.range)) || [];
     switch (params.value) {
       case 3: {
         conditionalFormattingMenuController.openPanel({ ...createDefaultRule(), ranges });
@@ -6843,11 +6843,11 @@ const OpenConditionalFormattingOperator = {
     return !0;
   }, "handler")
 };
-var __defProp$9 = Object.defineProperty, __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor, __decorateClass$9 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$a = Object.defineProperty, __getOwnPropDesc$a = Object.getOwnPropertyDescriptor, __decorateClass$a = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$9(target, key, result), result;
-}, "__decorateClass$9"), __decorateParam$9 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$9"), _a4;
+  return kind && result && __defProp$a(target, key, result), result;
+}, "__decorateClass$a"), __decorateParam$a = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$a"), _a4;
 let SheetsCfRenderController = (_a4 = class extends Disposable {
   constructor(_sheetInterceptorService, _conditionalFormattingService, _univerInstanceService, _renderManagerService, _conditionalFormattingViewModel, _conditionalFormattingRuleModel) {
     super();
@@ -6861,9 +6861,9 @@ let SheetsCfRenderController = (_a4 = class extends Disposable {
     });
   }
   markDirtySkeleton() {
-    var _a14, _b, _c;
+    var _a15, _b, _c;
     const unitId = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId();
-    (_a14 = this._renderManagerService.getRenderById(unitId)) == null || _a14.with(SheetSkeletonManagerService).reCalculate(), (_c = (_b = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _b.mainComponent) == null || _c.makeDirty();
+    (_a15 = this._renderManagerService.getRenderById(unitId)) == null || _a15.with(SheetSkeletonManagerService).reCalculate(), (_c = (_b = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _b.mainComponent) == null || _c.makeDirty();
   }
   _initSkeleton() {
     this.disposeWithMe(this._conditionalFormattingViewModel.markDirty$.pipe(bufferTime(16), filter((v) => {
@@ -6980,20 +6980,20 @@ let SheetsCfRenderController = (_a4 = class extends Disposable {
     }));
   }
 }, __name(_a4, "SheetsCfRenderController"), _a4);
-SheetsCfRenderController = __decorateClass$9([
+SheetsCfRenderController = __decorateClass$a([
   OnLifecycle(LifecycleStages.Starting, SheetsCfRenderController),
-  __decorateParam$9(0, Inject(SheetInterceptorService)),
-  __decorateParam$9(1, Inject(ConditionalFormattingService)),
-  __decorateParam$9(2, Inject(IUniverInstanceService)),
-  __decorateParam$9(3, Inject(IRenderManagerService)),
-  __decorateParam$9(4, Inject(ConditionalFormattingViewModel)),
-  __decorateParam$9(5, Inject(ConditionalFormattingRuleModel))
+  __decorateParam$a(0, Inject(SheetInterceptorService)),
+  __decorateParam$a(1, Inject(ConditionalFormattingService)),
+  __decorateParam$a(2, Inject(IUniverInstanceService)),
+  __decorateParam$a(3, Inject(IRenderManagerService)),
+  __decorateParam$a(4, Inject(ConditionalFormattingViewModel)),
+  __decorateParam$a(5, Inject(ConditionalFormattingRuleModel))
 ], SheetsCfRenderController);
-var __defProp$8 = Object.defineProperty, __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor, __decorateClass$8 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$9 = Object.defineProperty, __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor, __decorateClass$9 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$8(target, key, result), result;
-}, "__decorateClass$8"), __decorateParam$8 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$8"), _a5;
+  return kind && result && __defProp$9(target, key, result), result;
+}, "__decorateClass$9"), __decorateParam$9 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$9"), _a5;
 let ConditionalFormattingCopyPasteController = (_a5 = class extends Disposable {
   constructor(_sheetClipboardService, _conditionalFormattingRuleModel, _injector, _conditionalFormattingViewModel, _univerInstanceService) {
     super();
@@ -7147,19 +7147,19 @@ let ConditionalFormattingCopyPasteController = (_a5 = class extends Disposable {
     };
   }
 }, __name(_a5, "ConditionalFormattingCopyPasteController"), _a5);
-ConditionalFormattingCopyPasteController = __decorateClass$8([
+ConditionalFormattingCopyPasteController = __decorateClass$9([
   OnLifecycle(LifecycleStages.Rendered, ConditionalFormattingCopyPasteController),
-  __decorateParam$8(0, Inject(ISheetClipboardService)),
-  __decorateParam$8(1, Inject(ConditionalFormattingRuleModel)),
-  __decorateParam$8(2, Inject(Injector)),
-  __decorateParam$8(3, Inject(ConditionalFormattingViewModel)),
-  __decorateParam$8(4, Inject(IUniverInstanceService))
+  __decorateParam$9(0, Inject(ISheetClipboardService)),
+  __decorateParam$9(1, Inject(ConditionalFormattingRuleModel)),
+  __decorateParam$9(2, Inject(Injector)),
+  __decorateParam$9(3, Inject(ConditionalFormattingViewModel)),
+  __decorateParam$9(4, Inject(IUniverInstanceService))
 ], ConditionalFormattingCopyPasteController);
-var __defProp$7 = Object.defineProperty, __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor, __decorateClass$7 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$8 = Object.defineProperty, __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor, __decorateClass$8 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$7(target, key, result), result;
-}, "__decorateClass$7"), __decorateParam$7 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$7"), _a6;
+  return kind && result && __defProp$8(target, key, result), result;
+}, "__decorateClass$8"), __decorateParam$8 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$8"), _a6;
 let SheetsCfRefRangeController = (_a6 = class extends Disposable {
   constructor(_conditionalFormattingRuleModel, _univerInstanceService, _injector, _refRangeService) {
     super(), this._conditionalFormattingRuleModel = _conditionalFormattingRuleModel, this._univerInstanceService = _univerInstanceService, this._injector = _injector, this._refRangeService = _refRangeService, this._initRefRange();
@@ -7208,18 +7208,18 @@ let SheetsCfRefRangeController = (_a6 = class extends Disposable {
     }));
   }
 }, __name(_a6, "SheetsCfRefRangeController"), _a6);
-SheetsCfRefRangeController = __decorateClass$7([
+SheetsCfRefRangeController = __decorateClass$8([
   OnLifecycle(LifecycleStages.Rendered, SheetsCfRefRangeController),
-  __decorateParam$7(0, Inject(ConditionalFormattingRuleModel)),
-  __decorateParam$7(1, Inject(IUniverInstanceService)),
-  __decorateParam$7(2, Inject(Injector)),
-  __decorateParam$7(3, Inject(RefRangeService))
+  __decorateParam$8(0, Inject(ConditionalFormattingRuleModel)),
+  __decorateParam$8(1, Inject(IUniverInstanceService)),
+  __decorateParam$8(2, Inject(Injector)),
+  __decorateParam$8(3, Inject(RefRangeService))
 ], SheetsCfRefRangeController);
-var __defProp$6 = Object.defineProperty, __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor, __decorateClass$6 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$7 = Object.defineProperty, __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor, __decorateClass$7 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$6(target, key, result), result;
-}, "__decorateClass$6"), __decorateParam$6 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$6"), _a7;
+  return kind && result && __defProp$7(target, key, result), result;
+}, "__decorateClass$7"), __decorateParam$7 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$7"), _a7;
 let ConditionalFormattingPermissionController = (_a7 = class extends Disposable {
   constructor(_localeService, _commandService, _sheetPermissionInterceptorBaseController) {
     super(), this._localeService = _localeService, this._commandService = _commandService, this._sheetPermissionInterceptorBaseController = _sheetPermissionInterceptorBaseController, this._commandExecutedListener();
@@ -7236,18 +7236,18 @@ let ConditionalFormattingPermissionController = (_a7 = class extends Disposable
     );
   }
 }, __name(_a7, "ConditionalFormattingPermissionController"), _a7);
-ConditionalFormattingPermissionController = __decorateClass$6([
+ConditionalFormattingPermissionController = __decorateClass$7([
   OnLifecycle(LifecycleStages.Rendered, ConditionalFormattingPermissionController),
-  __decorateParam$6(0, Inject(LocaleService)),
-  __decorateParam$6(1, ICommandService),
-  __decorateParam$6(2, Inject(SheetPermissionInterceptorBaseController))
+  __decorateParam$7(0, Inject(LocaleService)),
+  __decorateParam$7(1, ICommandService),
+  __decorateParam$7(2, Inject(SheetPermissionInterceptorBaseController))
 ], ConditionalFormattingPermissionController);
 const PLUGIN_CONFIG_KEY = "sheets-conditional-formatting-ui.config", defaultPluginConfig = {};
-var __defProp$5 = Object.defineProperty, __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor, __defNormalProp$1 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, "__defNormalProp$1"), __decorateClass$5 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$6 = Object.defineProperty, __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor, __defNormalProp$1 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, "__defNormalProp$1"), __decorateClass$6 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$5(target, key, result), result;
-}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$5"), __publicField$1 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp$1(obj, typeof key != "symbol" ? key + "" : key, value), "__publicField$1"), _a8;
+  return kind && result && __defProp$6(target, key, result), result;
+}, "__decorateClass$6"), __decorateParam$6 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$6"), __publicField$1 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp$1(obj, typeof key != "symbol" ? key + "" : key, value), "__publicField$1"), _a8;
 let UniverSheetsConditionalFormattingMobileUIPlugin = (_a8 = class extends Plugin {
   constructor(_config = defaultPluginConfig, _injector, _commandService, _configService) {
     super(), this._config = _config, this._injector = _injector, this._commandService = _commandService, this._configService = _configService;
@@ -7279,17 +7279,17 @@ let UniverSheetsConditionalFormattingMobileUIPlugin = (_a8 = class extends Plugi
 }, __name(_a8, "UniverSheetsConditionalFormattingMobileUIPlugin"), _a8);
 __publicField$1(UniverSheetsConditionalFormattingMobileUIPlugin, "pluginName", `${SHEET_CONDITIONAL_FORMATTING_PLUGIN}_MOBILE_UI_PLUGIN`);
 __publicField$1(UniverSheetsConditionalFormattingMobileUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
-UniverSheetsConditionalFormattingMobileUIPlugin = __decorateClass$5([
+UniverSheetsConditionalFormattingMobileUIPlugin = __decorateClass$6([
   DependentOn(UniverSheetsConditionalFormattingPlugin),
-  __decorateParam$5(1, Inject(Injector)),
-  __decorateParam$5(2, Inject(ICommandService)),
-  __decorateParam$5(3, IConfigService)
+  __decorateParam$6(1, Inject(Injector)),
+  __decorateParam$6(2, Inject(ICommandService)),
+  __decorateParam$6(3, IConfigService)
 ], UniverSheetsConditionalFormattingMobileUIPlugin);
-var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$5 = Object.defineProperty, __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor, __decorateClass$5 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$4(target, key, result), result;
-}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$4"), _a9;
+  return kind && result && __defProp$5(target, key, result), result;
+}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$5"), _a9;
 let ConditionalFormattingAutoFillController = (_a9 = class extends Disposable {
   constructor(_injector, _univerInstanceService, _autoFillService, _conditionalFormattingRuleModel, _conditionalFormattingViewModel) {
     super(), this._injector = _injector, this._univerInstanceService = _univerInstanceService, this._autoFillService = _autoFillService, this._conditionalFormattingRuleModel = _conditionalFormattingRuleModel, this._conditionalFormattingViewModel = _conditionalFormattingViewModel, this._initAutoFill();
@@ -7297,8 +7297,8 @@ let ConditionalFormattingAutoFillController = (_a9 = class extends Disposable {
   // eslint-disable-next-line max-lines-per-function
   _initAutoFill() {
     const noopReturnFunc = /* @__PURE__ */ __name(() => ({ redos: [], undos: [] }), "noopReturnFunc"), loopFunc = /* @__PURE__ */ __name((sourceStartCell, targetStartCell, relativeRange, matrixMap, mapFunc) => {
-      var _a14;
-      const unitId = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId(), subUnitId = (_a14 = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : _a14.getSheetId();
+      var _a15;
+      const unitId = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId(), subUnitId = (_a15 = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getActiveSheet()) == null ? void 0 : _a15.getSheetId();
       if (!unitId || !subUnitId)
         return;
       const sourceRange = {
@@ -7369,8 +7369,8 @@ let ConditionalFormattingAutoFillController = (_a9 = class extends Disposable {
         });
       });
     }, "loopFunc"), generalApplyFunc = /* @__PURE__ */ __name((sourceRange, targetRange) => {
-      var _a14, _b, _c;
-      const unitId = (_a14 = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a14.getUnitId(), subUnitId = (_c = (_b = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _b.getActiveSheet()) == null ? void 0 : _c.getSheetId(), matrixMap = /* @__PURE__ */ new Map(), redos = [], undos = [];
+      var _a15, _b, _c;
+      const unitId = (_a15 = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a15.getUnitId(), subUnitId = (_c = (_b = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _b.getActiveSheet()) == null ? void 0 : _c.getSheetId(), matrixMap = /* @__PURE__ */ new Map(), redos = [], undos = [];
       if (!unitId || !subUnitId)
         return noopReturnFunc();
       const virtualRange = virtualizeDiscreteRanges([sourceRange, targetRange]), [vSourceRange, vTargetRange] = virtualRange.ranges, { mapFunc } = virtualRange, sourceStartCell = {
@@ -7416,14 +7416,139 @@ let ConditionalFormattingAutoFillController = (_a9 = class extends Disposable {
     this.disposeWithMe(this._autoFillService.addHook(hook));
   }
 }, __name(_a9, "ConditionalFormattingAutoFillController"), _a9);
-ConditionalFormattingAutoFillController = __decorateClass$4([
+ConditionalFormattingAutoFillController = __decorateClass$5([
   OnLifecycle(LifecycleStages.Rendered, ConditionalFormattingAutoFillController),
+  __decorateParam$5(0, Inject(Injector)),
+  __decorateParam$5(1, Inject(IUniverInstanceService)),
+  __decorateParam$5(2, Inject(IAutoFillService)),
+  __decorateParam$5(3, Inject(ConditionalFormattingRuleModel)),
+  __decorateParam$5(4, Inject(ConditionalFormattingViewModel))
+], ConditionalFormattingAutoFillController);
+var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$4(target, key, result), result;
+}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$4"), _a10;
+let ConditionalFormattingClearController = (_a10 = class extends Disposable {
+  constructor(_injector, _univerInstanceService, _sheetInterceptorService, _selectionManagerService, _conditionalFormattingRuleModel) {
+    super(), this._injector = _injector, this._univerInstanceService = _univerInstanceService, this._sheetInterceptorService = _sheetInterceptorService, this._selectionManagerService = _selectionManagerService, this._conditionalFormattingRuleModel = _conditionalFormattingRuleModel, this._init();
+  }
+  _init() {
+    this.disposeWithMe(this._sheetInterceptorService.interceptCommand({
+      getMutations: /* @__PURE__ */ __name((commandInfo) => {
+        var _a15;
+        const redos = [], undos = [], defaultV = { redos, undos };
+        if ([ClearSelectionFormatCommand.id, ClearSelectionAllCommand.id].includes(commandInfo.id)) {
+          const ranges = (_a15 = this._selectionManagerService.getCurrentSelections()) == null ? void 0 : _a15.map((s) => s.range);
+          if (!ranges)
+            return defaultV;
+          const workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), worksheet = workbook.getActiveSheet();
+          if (!worksheet)
+            return defaultV;
+          const unitId = workbook.getUnitId(), subUnitId = worksheet.getSheetId(), allRules = this._conditionalFormattingRuleModel.getSubunitRules(unitId, subUnitId);
+          if (!allRules || !allRules.length)
+            return defaultV;
+          const { redos: interceptRedos, undos: interceptUndos } = generateClearCfMutations(this._injector, allRules, ranges, unitId, subUnitId);
+          redos.push(...interceptRedos), undos.push(...interceptUndos);
+        }
+        return defaultV;
+      }, "getMutations")
+    })), this.disposeWithMe(this._sheetInterceptorService.interceptRanges({
+      getMutations: /* @__PURE__ */ __name(({ unitId, subUnitId, ranges }) => {
+        const redos = [], undos = [], emptyInterceptorArr = { redos, undos };
+        if (!ranges || !ranges.length)
+          return emptyInterceptorArr;
+        const allRules = this._conditionalFormattingRuleModel.getSubunitRules(unitId, subUnitId);
+        if (!allRules || !allRules.length)
+          return emptyInterceptorArr;
+        const { redos: interceptRedos, undos: interceptUndos } = generateClearCfMutations(this._injector, allRules, ranges, unitId, subUnitId);
+        return redos.push(...interceptRedos), undos.push(...interceptUndos), emptyInterceptorArr;
+      }, "getMutations")
+    }));
+  }
+}, __name(_a10, "ConditionalFormattingClearController"), _a10);
+ConditionalFormattingClearController = __decorateClass$4([
+  OnLifecycle(LifecycleStages.Rendered, ConditionalFormattingClearController),
   __decorateParam$4(0, Inject(Injector)),
   __decorateParam$4(1, Inject(IUniverInstanceService)),
-  __decorateParam$4(2, Inject(IAutoFillService)),
-  __decorateParam$4(3, Inject(ConditionalFormattingRuleModel)),
-  __decorateParam$4(4, Inject(ConditionalFormattingViewModel))
-], ConditionalFormattingAutoFillController);
+  __decorateParam$4(2, Inject(SheetInterceptorService)),
+  __decorateParam$4(3, Inject(SheetsSelectionsService)),
+  __decorateParam$4(4, Inject(ConditionalFormattingRuleModel))
+], ConditionalFormattingClearController);
+function generateClearCfMutations(injector, allRules, ranges, unitId, subUnitId) {
+  const redos = [], undos = [];
+  return allRules.filter((rule) => ranges.some((range) => rule.ranges.some((ruleRange2) => Rectangle.getIntersects(ruleRange2, range)))).forEach((rule) => {
+    const mergeRanges = new RangeMergeUtil().add(...rule.ranges).subtract(...ranges).merge();
+    if (mergeRanges.length) {
+      const redo = {
+        id: SetConditionalRuleMutation.id,
+        params: {
+          unitId,
+          subUnitId,
+          rule: { ...rule, ranges: mergeRanges }
+        }
+      }, undo = setConditionalRuleMutationUndoFactory(injector, redo.params);
+      redos.push(redo), undos.push(...undo);
+    } else {
+      const redo = {
+        id: DeleteConditionalRuleMutation.id,
+        params: {
+          unitId,
+          subUnitId,
+          cfId: rule.cfId
+        }
+      }, undo = DeleteConditionalRuleMutationUndoFactory(injector, redo.params);
+      redos.push(redo), undos.push(...undo);
+    }
+  }), { redos, undos };
+}
+__name(generateClearCfMutations, "generateClearCfMutations");
+var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
+  return kind && result && __defProp$3(target, key, result), result;
+}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$3"), _a11;
+let ConditionalFormattingEditorController = (_a11 = class extends Disposable {
+  constructor(_editorBridgeService, _conditionalFormattingService) {
+    super(), this._editorBridgeService = _editorBridgeService, this._conditionalFormattingService = _conditionalFormattingService, this._initInterceptorEditorEnd();
+  }
+  /**
+   * Process the  values after  edit
+   * @private
+   * @memberof NumfmtService
+   */
+  _initInterceptorEditorEnd() {
+    this.disposeWithMe(
+      toDisposable(
+        this._editorBridgeService.interceptor.intercept(
+          this._editorBridgeService.interceptor.getInterceptPoints().AFTER_CELL_EDIT,
+          {
+            handler: /* @__PURE__ */ __name((value, context, next) => {
+              const result = this._conditionalFormattingService.composeStyle(context.unitId, context.subUnitId, context.row, context.col);
+              if (result != null && result.style && (value != null && value.p)) {
+                const keys = Object.keys(result == null ? void 0 : result.style);
+                if (keys.length > 0) {
+                  const v = getStringFromDataStream(value.p), s = { ...(typeof value.s == "string" ? context.workbook.getStyles().get(value.s) : value.s) || {} };
+                  keys.forEach((key) => {
+                    delete s[key];
+                  });
+                  const cellData = { ...value, s: { ...s }, v };
+                  return delete cellData.p, next(cellData);
+                }
+              }
+              return next(value);
+            }, "handler")
+          }
+        )
+      )
+    );
+  }
+}, __name(_a11, "ConditionalFormattingEditorController"), _a11);
+ConditionalFormattingEditorController = __decorateClass$3([
+  OnLifecycle(LifecycleStages.Rendered, ConditionalFormattingEditorController),
+  __decorateParam$3(0, Inject(IEditorBridgeService)),
+  __decorateParam$3(1, Inject(ConditionalFormattingService))
+], ConditionalFormattingEditorController);
 const commandList = [
   SetWorksheetActiveOperation.id,
   AddConditionalRuleMutation.id,
@@ -7477,15 +7602,15 @@ const commandList = [
     selectionManagerService.selectionMoveEnd$,
     new Observable((commandSubscribe) => {
       const disposable = commandService.onCommandExecuted((commandInfo) => {
-        var _a14;
-        const { id, params } = commandInfo, unitId = (_a14 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a14.getUnitId();
+        var _a15;
+        const { id, params } = commandInfo, unitId = (_a15 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a15.getUnitId();
         commandList.includes(id) && params.unitId === unitId && commandSubscribe.next(null);
       });
       return () => disposable.dispose();
     })
   ).pipe(debounceTime$1(16)).subscribe(() => {
-    var _a14;
-    const ranges = ((_a14 = selectionManagerService.getCurrentSelections()) == null ? void 0 : _a14.map((selection) => selection.range)) || [], workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+    var _a15;
+    const ranges = ((_a15 = selectionManagerService.getCurrentSelections()) == null ? void 0 : _a15.map((selection) => selection.range)) || [], workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
     if (!workbook) return;
     const worksheet = workbook.getActiveSheet();
     if (!worksheet) return;
@@ -7494,8 +7619,8 @@ const commandList = [
   })), clearSheetEnable$ = new Observable(
     (subscriber) => new Observable((commandSubscribe) => {
       const disposable = commandService.onCommandExecuted((commandInfo) => {
-        var _a14;
-        const { id, params } = commandInfo, unitId = (_a14 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a14.getUnitId();
+        var _a15;
+        const { id, params } = commandInfo, unitId = (_a15 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a15.getUnitId();
         commandList.includes(id) && params.unitId === unitId && commandSubscribe.next(null);
       });
       return () => disposable.dispose();
@@ -7536,158 +7661,250 @@ const commandList = [
     }
   }
 };
-var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$3(target, key, result), result;
-}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$3"), _a10;
-let ConditionalFormattingMenuController = (_a10 = class extends Disposable {
+  return kind && result && __defProp$2(target, key, result), result;
+}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$2"), _a12;
+let ConditionalFormattingMenuController = (_a12 = class extends Disposable {
   constructor(_injector, _menuManagerService) {
     super();
     __publicField(this, "_sidebarDisposable", null);
     this._injector = _injector, this._menuManagerService = _menuManagerService, this._menuManagerService.mergeMenu(menuSchema);
   }
-}, __name(_a10, "ConditionalFormattingMenuController"), _a10);
-ConditionalFormattingMenuController = __decorateClass$3([
+}, __name(_a12, "ConditionalFormattingMenuController"), _a12);
+ConditionalFormattingMenuController = __decorateClass$2([
   OnLifecycle(LifecycleStages.Ready, ConditionalFormattingMenuController),
-  __decorateParam$3(0, Inject(Injector)),
-  __decorateParam$3(1, IMenuManagerService)
+  __decorateParam$2(0, Inject(Injector)),
+  __decorateParam$2(1, IMenuManagerService)
 ], ConditionalFormattingMenuController);
-var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$2(target, key, result), result;
-}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$2"), _a11;
-let ConditionalFormattingEditorController = (_a11 = class extends Disposable {
-  constructor(_editorBridgeService, _conditionalFormattingService) {
-    super(), this._editorBridgeService = _editorBridgeService, this._conditionalFormattingService = _conditionalFormattingService, this._initInterceptorEditorEnd();
-  }
-  /**
-   * Process the  values after  edit
-   * @private
-   * @memberof NumfmtService
-   */
-  _initInterceptorEditorEnd() {
-    this.disposeWithMe(
-      toDisposable(
-        this._editorBridgeService.interceptor.intercept(
-          this._editorBridgeService.interceptor.getInterceptPoints().AFTER_CELL_EDIT,
-          {
-            handler: /* @__PURE__ */ __name((value, context, next) => {
-              const result = this._conditionalFormattingService.composeStyle(context.unitId, context.subUnitId, context.row, context.col);
-              if (result != null && result.style && (value != null && value.p)) {
-                const keys = Object.keys(result == null ? void 0 : result.style);
-                if (keys.length > 0) {
-                  const v = getStringFromDataStream(value.p), s = { ...(typeof value.s == "string" ? context.workbook.getStyles().get(value.s) : value.s) || {} };
-                  keys.forEach((key) => {
-                    delete s[key];
-                  });
-                  const cellData = { ...value, s: { ...s }, v };
-                  return delete cellData.p, next(cellData);
-                }
-              }
-              return next(value);
-            }, "handler")
-          }
-        )
-      )
-    );
-  }
-}, __name(_a11, "ConditionalFormattingEditorController"), _a11);
-ConditionalFormattingEditorController = __decorateClass$2([
-  OnLifecycle(LifecycleStages.Rendered, ConditionalFormattingEditorController),
-  __decorateParam$2(0, Inject(IEditorBridgeService)),
-  __decorateParam$2(1, Inject(ConditionalFormattingService))
-], ConditionalFormattingEditorController);
 var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
   return kind && result && __defProp$1(target, key, result), result;
-}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$1"), _a12;
-let ConditionalFormattingClearController = (_a12 = class extends Disposable {
-  constructor(_injector, _univerInstanceService, _sheetInterceptorService, _selectionManagerService, _conditionalFormattingRuleModel) {
-    super(), this._injector = _injector, this._univerInstanceService = _univerInstanceService, this._sheetInterceptorService = _sheetInterceptorService, this._selectionManagerService = _selectionManagerService, this._conditionalFormattingRuleModel = _conditionalFormattingRuleModel, this._init();
+}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam$1");
+const repeatByRange = /* @__PURE__ */ __name((sourceRange, targetRange) => {
+  const getRowLength = /* @__PURE__ */ __name((range) => range.endRow - range.startRow + 1, "getRowLength"), getColLength = /* @__PURE__ */ __name((range) => range.endColumn - range.startColumn + 1, "getColLength"), rowMod = getRowLength(targetRange) % getRowLength(sourceRange), colMod = getColLength(targetRange) % getColLength(sourceRange), repeatRow = Math.floor(getRowLength(targetRange) / getRowLength(sourceRange)), repeatCol = Math.floor(getColLength(targetRange) / getColLength(sourceRange)), repeatList = [], repeatRelativeRange = {
+    startRow: 0,
+    endRow: getRowLength(sourceRange) - 1,
+    startColumn: 0,
+    endColumn: getColLength(sourceRange) - 1
+  };
+  if (getRowLength(targetRange) === 1 && getColLength(targetRange) === 1) {
+    const startRange = {
+      startRow: targetRange.startRow,
+      endRow: targetRange.startRow,
+      startColumn: targetRange.startColumn,
+      endColumn: targetRange.startColumn
+    };
+    return repeatList.push({ repeatRelativeRange, startRange }), repeatList;
+  }
+  for (let countRow = 0; countRow < repeatRow + (rowMod ? 0.1 : 0); countRow++)
+    for (let countCol = 0; countCol < repeatCol + (colMod ? 0.1 : 0); countCol++) {
+      const row = getRowLength(sourceRange) * countRow, col = getColLength(sourceRange) * countCol, startRange = {
+        startRow: row + targetRange.startRow,
+        endRow: row + targetRange.startRow,
+        startColumn: col + targetRange.startColumn,
+        endColumn: col + targetRange.startColumn
+      };
+      let _repeatRelativeRange = repeatRelativeRange;
+      countRow === repeatRow && rowMod && (_repeatRelativeRange = { ..._repeatRelativeRange }, _repeatRelativeRange.endRow = _repeatRelativeRange.endRow - (getRowLength(sourceRange) - rowMod)), countCol === repeatCol && colMod && (_repeatRelativeRange = { ..._repeatRelativeRange }, _repeatRelativeRange.endColumn = _repeatRelativeRange.endColumn - (getColLength(sourceRange) - colMod)), repeatList.push({ repeatRelativeRange: _repeatRelativeRange, startRange });
+    }
+  return repeatList;
+}, "repeatByRange");
+var _a13;
+let ConditionalFormattingPainterController = (_a13 = class extends Disposable {
+  constructor(_injector, _univerInstanceService, _formatPainterService, _sheetsSelectionsService, _conditionalFormattingRuleModel, _conditionalFormattingViewModel) {
+    super();
+    __publicField(this, "_painterConfig", null);
+    this._injector = _injector, this._univerInstanceService = _univerInstanceService, this._formatPainterService = _formatPainterService, this._sheetsSelectionsService = _sheetsSelectionsService, this._conditionalFormattingRuleModel = _conditionalFormattingRuleModel, this._conditionalFormattingViewModel = _conditionalFormattingViewModel, this._initFormattingPainter();
   }
-  _init() {
-    this.disposeWithMe(this._sheetInterceptorService.interceptCommand({
-      getMutations: /* @__PURE__ */ __name((commandInfo) => {
-        var _a14;
-        const redos = [], undos = [], defaultV = { redos, undos };
-        if ([ClearSelectionFormatCommand.id, ClearSelectionAllCommand.id].includes(commandInfo.id)) {
-          const ranges = (_a14 = this._selectionManagerService.getCurrentSelections()) == null ? void 0 : _a14.map((s) => s.range);
-          if (!ranges)
-            return defaultV;
-          const workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), worksheet = workbook.getActiveSheet();
-          if (!worksheet)
-            return defaultV;
-          const unitId = workbook.getUnitId(), subUnitId = worksheet.getSheetId(), allRules = this._conditionalFormattingRuleModel.getSubunitRules(unitId, subUnitId);
-          if (!allRules || !allRules.length)
-            return defaultV;
-          const { redos: interceptRedos, undos: interceptUndos } = generateClearCfMutations(this._injector, allRules, ranges, unitId, subUnitId);
-          redos.push(...interceptRedos), undos.push(...interceptUndos);
+  // eslint-disable-next-line max-lines-per-function
+  _initFormattingPainter() {
+    const noopReturnFunc = /* @__PURE__ */ __name(() => ({ redos: [], undos: [] }), "noopReturnFunc"), loopFunc = /* @__PURE__ */ __name((sourceStartCell, targetStartCell, relativeRange, matrixMap, config) => {
+      const { unitId: sourceUnitId, subUnitId: sourceSubUnitId } = this._painterConfig, { targetUnitId, targetSubUnitId } = config, sourceRange = {
+        startRow: sourceStartCell.row,
+        startColumn: sourceStartCell.col,
+        endColumn: sourceStartCell.col,
+        endRow: sourceStartCell.row
+      }, targetRange = {
+        startRow: targetStartCell.row,
+        startColumn: targetStartCell.col,
+        endColumn: targetStartCell.col,
+        endRow: targetStartCell.row
+      };
+      Range.foreach(relativeRange, (row, col) => {
+        const sourcePositionRange = Rectangle.getPositionRange(
+          {
+            startRow: row,
+            startColumn: col,
+            endColumn: col,
+            endRow: row
+          },
+          sourceRange
+        ), targetPositionRange = Rectangle.getPositionRange(
+          {
+            startRow: row,
+            startColumn: col,
+            endColumn: col,
+            endRow: row
+          },
+          targetRange
+        ), sourceCellCf = this._conditionalFormattingViewModel.getCellCf(
+          sourceUnitId,
+          sourceSubUnitId,
+          sourcePositionRange.startRow,
+          sourcePositionRange.startColumn
+        ), targetCellCf = this._conditionalFormattingViewModel.getCellCf(
+          targetUnitId,
+          targetSubUnitId,
+          targetPositionRange.startRow,
+          targetPositionRange.startColumn
+        );
+        targetCellCf && targetCellCf.cfList.forEach((cf) => {
+          let matrix = matrixMap.get(cf.cfId);
+          if (!matrixMap.get(cf.cfId)) {
+            const rule = this._conditionalFormattingRuleModel.getRule(targetUnitId, targetSubUnitId, cf.cfId);
+            if (!rule)
+              return;
+            matrix = new ObjectMatrix(), rule.ranges.forEach((range) => {
+              Range.foreach(range, (row2, col2) => {
+                matrix.setValue(row2, col2, 1);
+              });
+            }), matrixMap.set(cf.cfId, matrix);
+          }
+          matrix.realDeleteValue(targetPositionRange.startRow, targetPositionRange.startColumn);
+        }), sourceCellCf && sourceCellCf.cfList.forEach((cf) => {
+          const matrix = matrixMap.get(cf.cfId);
+          matrix && matrix.setValue(targetPositionRange.startRow, targetPositionRange.startColumn, 1);
+        });
+      });
+    }, "loopFunc"), generalApplyFunc = /* @__PURE__ */ __name((targetUnitId, targetSubUnitId, targetRange) => {
+      var _a15;
+      const { range: sourceRange, unitId: sourceUnitId, subUnitId: sourceSubUnitId } = this._painterConfig, isSkipSheet = targetUnitId !== sourceUnitId || sourceSubUnitId !== targetSubUnitId, matrixMap = /* @__PURE__ */ new Map(), redos = [], undos = [];
+      if (!targetUnitId || !targetSubUnitId || !sourceUnitId || !sourceSubUnitId)
+        return noopReturnFunc();
+      const ruleList = (_a15 = this._conditionalFormattingRuleModel.getSubunitRules(sourceUnitId, sourceSubUnitId)) != null ? _a15 : [];
+      ruleList == null || ruleList.forEach((rule) => {
+        const { ranges, cfId } = rule;
+        if (ranges.some((range) => Rectangle.intersects(sourceRange, range))) {
+          const matrix = new ObjectMatrix();
+          isSkipSheet || ranges.forEach((range) => {
+            Range.foreach(range, (row, col) => {
+              matrix.setValue(row, col, 1);
+            });
+          }), matrixMap.set(cfId, matrix);
         }
-        return defaultV;
-      }, "getMutations")
-    })), this.disposeWithMe(this._sheetInterceptorService.interceptRanges({
-      getMutations: /* @__PURE__ */ __name(({ unitId, subUnitId, ranges }) => {
-        const redos = [], undos = [], emptyInterceptorArr = { redos, undos };
-        if (!ranges || !ranges.length)
-          return emptyInterceptorArr;
-        const allRules = this._conditionalFormattingRuleModel.getSubunitRules(unitId, subUnitId);
-        if (!allRules || !allRules.length)
-          return emptyInterceptorArr;
-        const { redos: interceptRedos, undos: interceptUndos } = generateClearCfMutations(this._injector, allRules, ranges, unitId, subUnitId);
-        return redos.push(...interceptRedos), undos.push(...interceptUndos), emptyInterceptorArr;
-      }, "getMutations")
-    }));
+      });
+      const sourceStartCell = {
+        row: sourceRange.startRow,
+        col: sourceRange.startColumn
+      };
+      return repeatByRange(sourceRange, targetRange).forEach((repeat) => {
+        loopFunc(sourceStartCell, { row: repeat.startRange.startRow, col: repeat.startRange.startColumn }, repeat.repeatRelativeRange, matrixMap, { targetUnitId, targetSubUnitId });
+      }), matrixMap.forEach((item2, cfId) => {
+        if (isSkipSheet) {
+          const rule = this._conditionalFormattingRuleModel.getRule(targetUnitId, targetSubUnitId, cfId), ranges = findAllRectangle(createTopMatrixFromMatrix(item2));
+          if (rule)
+            if (ranges.length) {
+              const params = {
+                unitId: targetUnitId,
+                subUnitId: targetSubUnitId,
+                rule: { ...rule, ranges }
+              };
+              redos.push({ id: SetConditionalRuleMutation.id, params }), undos.push(...setConditionalRuleMutationUndoFactory(this._injector, params));
+            } else {
+              const params = {
+                unitId: targetUnitId,
+                subUnitId: targetSubUnitId,
+                cfId: rule.cfId
+              };
+              redos.push({ id: DeleteConditionalRuleMutation.id, params }), undos.push(...DeleteConditionalRuleMutationUndoFactory(this._injector, params));
+            }
+          else if (ranges.length) {
+            const sourceRule = this._conditionalFormattingRuleModel.getRule(sourceUnitId, sourceSubUnitId, cfId);
+            if (sourceRule) {
+              const params = {
+                unitId: targetUnitId,
+                subUnitId: targetSubUnitId,
+                rule: {
+                  ...Tools.deepClone(sourceRule),
+                  cfId: this._conditionalFormattingRuleModel.createCfId(targetUnitId, targetSubUnitId),
+                  ranges
+                }
+              };
+              redos.push({ id: AddConditionalRuleMutation.id, params }), undos.push(AddConditionalRuleMutationUndoFactory(this._injector, params));
+            }
+          }
+        } else {
+          const rule = this._conditionalFormattingRuleModel.getRule(sourceUnitId, sourceSubUnitId, cfId);
+          if (!rule)
+            return;
+          const ranges = findAllRectangle(createTopMatrixFromMatrix(item2));
+          if (ranges.length) {
+            const params = {
+              unitId: sourceUnitId,
+              subUnitId: sourceSubUnitId,
+              rule: { ...rule, ranges }
+            };
+            redos.push({ id: SetConditionalRuleMutation.id, params }), undos.push(...setConditionalRuleMutationUndoFactory(this._injector, params));
+          } else {
+            const params = {
+              unitId: sourceUnitId,
+              subUnitId: sourceSubUnitId,
+              cfId: rule.cfId
+            };
+            redos.push({ id: DeleteConditionalRuleMutation.id, params }), undos.push(...DeleteConditionalRuleMutationUndoFactory(this._injector, params));
+          }
+        }
+      }), {
+        undos,
+        redos
+      };
+    }, "generalApplyFunc"), hook = {
+      id: SHEET_CONDITIONAL_FORMATTING_PLUGIN,
+      onStatusChange: /* @__PURE__ */ __name((status) => {
+        var _a15, _b, _c;
+        switch (status) {
+          case FormatPainterStatus.INFINITE:
+          case FormatPainterStatus.ONCE: {
+            const unitId = (_a15 = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a15.getUnitId(), subUnitId = (_c = (_b = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _b.getActiveSheet()) == null ? void 0 : _c.getSheetId(), selection = this._sheetsSelectionsService.getCurrentLastSelection(), range = selection == null ? void 0 : selection.range;
+            unitId && subUnitId && range && (this._painterConfig = { unitId, subUnitId, range });
+            break;
+          }
+          case FormatPainterStatus.OFF: {
+            this._painterConfig = null;
+            break;
+          }
+        }
+      }, "onStatusChange"),
+      onApply: /* @__PURE__ */ __name((unitId, subUnitId, targetRange) => this._painterConfig ? generalApplyFunc(unitId, subUnitId, targetRange) : {
+        redos: [],
+        undos: []
+      }, "onApply")
+    };
+    this._formatPainterService.addHook(hook);
   }
-}, __name(_a12, "ConditionalFormattingClearController"), _a12);
-ConditionalFormattingClearController = __decorateClass$1([
-  OnLifecycle(LifecycleStages.Rendered, ConditionalFormattingClearController),
+}, __name(_a13, "ConditionalFormattingPainterController"), _a13);
+ConditionalFormattingPainterController = __decorateClass$1([
+  OnLifecycle(LifecycleStages.Rendered, ConditionalFormattingPainterController),
   __decorateParam$1(0, Inject(Injector)),
   __decorateParam$1(1, Inject(IUniverInstanceService)),
-  __decorateParam$1(2, Inject(SheetInterceptorService)),
+  __decorateParam$1(2, Inject(IFormatPainterService)),
   __decorateParam$1(3, Inject(SheetsSelectionsService)),
-  __decorateParam$1(4, Inject(ConditionalFormattingRuleModel))
-], ConditionalFormattingClearController);
-function generateClearCfMutations(injector, allRules, ranges, unitId, subUnitId) {
-  const redos = [], undos = [];
-  return allRules.filter((rule) => ranges.some((range) => rule.ranges.some((ruleRange2) => Rectangle.getIntersects(ruleRange2, range)))).forEach((rule) => {
-    const mergeRanges = new RangeMergeUtil().add(...rule.ranges).subtract(...ranges).merge();
-    if (mergeRanges.length) {
-      const redo = {
-        id: SetConditionalRuleMutation.id,
-        params: {
-          unitId,
-          subUnitId,
-          rule: { ...rule, ranges: mergeRanges }
-        }
-      }, undo = setConditionalRuleMutationUndoFactory(injector, redo.params);
-      redos.push(redo), undos.push(...undo);
-    } else {
-      const redo = {
-        id: DeleteConditionalRuleMutation.id,
-        params: {
-          unitId,
-          subUnitId,
-          cfId: rule.cfId
-        }
-      }, undo = DeleteConditionalRuleMutationUndoFactory(injector, redo.params);
-      redos.push(redo), undos.push(...undo);
-    }
-  }), { redos, undos };
-}
-__name(generateClearCfMutations, "generateClearCfMutations");
+  __decorateParam$1(4, Inject(ConditionalFormattingRuleModel)),
+  __decorateParam$1(5, Inject(ConditionalFormattingViewModel))
+], ConditionalFormattingPainterController);
 var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __defNormalProp2 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, "__defNormalProp"), __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
   return kind && result && __defProp2(target, key, result), result;
-}, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam"), __publicField2 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp2(obj, typeof key != "symbol" ? key + "" : key, value), "__publicField"), _a13;
-let UniverSheetsConditionalFormattingUIPlugin = (_a13 = class extends Plugin {
+}, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index2, decorator) => (target, key) => decorator(target, key, index2), "__decorateParam"), __publicField2 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp2(obj, typeof key != "symbol" ? key + "" : key, value), "__publicField"), _a14;
+let UniverSheetsConditionalFormattingUIPlugin = (_a14 = class extends Plugin {
   constructor(_config = defaultPluginConfig, _injector, _commandService, _configService) {
     super(), this._config = _config, this._injector = _injector, this._commandService = _commandService, this._configService = _configService;
     const { menu, ...rest } = this._config;
-    menu && this._configService.setConfig("menu", menu, { merge: !0 }), this._configService.setConfig(PLUGIN_CONFIG_KEY, rest), this._initCommand(), this._injector.add([SheetsCfRenderController]), this._injector.add([SheetsCfRefRangeController]), this._injector.add([ConditionalFormattingCopyPasteController]), this._injector.add([ConditionalFormattingAutoFillController]), this._injector.add([ConditionalFormattingPermissionController]), this._injector.add([ConditionalFormattingPanelController]), this._injector.add([ConditionalFormattingMenuController]), this._injector.add([ConditionalFormattingI18nController]), this._injector.add([ConditionalFormattingEditorController]), this._injector.add([ConditionalFormattingClearController]);
+    menu && this._configService.setConfig("menu", menu, { merge: !0 }), this._configService.setConfig(PLUGIN_CONFIG_KEY, rest), this._initCommand(), this._injector.add([SheetsCfRenderController]), this._injector.add([SheetsCfRefRangeController]), this._injector.add([ConditionalFormattingCopyPasteController]), this._injector.add([ConditionalFormattingAutoFillController]), this._injector.add([ConditionalFormattingPermissionController]), this._injector.add([ConditionalFormattingPanelController]), this._injector.add([ConditionalFormattingMenuController]), this._injector.add([ConditionalFormattingI18nController]), this._injector.add([ConditionalFormattingEditorController]), this._injector.add([ConditionalFormattingClearController]), this._injector.add([ConditionalFormattingPainterController]);
   }
   _initCommand() {
     [
@@ -7711,7 +7928,7 @@ let UniverSheetsConditionalFormattingUIPlugin = (_a13 = class extends Plugin {
       this._commandService.registerCommand(m2);
     });
   }
-}, __name(_a13, "UniverSheetsConditionalFormattingUIPlugin"), _a13);
+}, __name(_a14, "UniverSheetsConditionalFormattingUIPlugin"), _a14);
 __publicField2(UniverSheetsConditionalFormattingUIPlugin, "pluginName", `${SHEET_CONDITIONAL_FORMATTING_PLUGIN}_UI_PLUGIN`);
 __publicField2(UniverSheetsConditionalFormattingUIPlugin, "type", UniverInstanceType.UNIVER_SHEET);
 UniverSheetsConditionalFormattingUIPlugin = __decorateClass([