@univerjs/sheets-conditional-formatting-ui 0.24.0 → 0.25.0-insiders.20260608-e4336f7

package/lib/es/index.js

@@ -1,6 +1,6 @@
 import { BooleanNumber, ColorKit, CommandType, DependentOn, Disposable, DisposableCollection, ICommandService, IConfigService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, InterceptorManager, LocaleService, ObjectMatrix, Plugin, Range, Rectangle, Tools, UniverInstanceType, createInterceptorKey, generateRandomId, get, merge, registerDependencies, set, toDisposable, touchDependencies } from "@univerjs/core";
-import { AFTER_CELL_EDIT, AUTO_FILL_APPLY_TYPE, AutoFillTools, ClearSelectionAllCommand, ClearSelectionFormatCommand, IAutoFillService, INTERCEPTOR_POINT, RangeMergeUtil, RangeProtectionPermissionEditPoint, RemoveSheetMutation, SetSelectionsOperation, SetWorksheetActiveOperation, SheetInterceptorService, SheetPermissionCheckController, SheetsSelectionsService, WorkbookEditablePermission, WorksheetEditPermission, WorksheetSetCellStylePermission, checkRangesEditablePermission, createTopMatrixFromMatrix, findAllRectangle, getSheetCommandTarget, rangeToDiscreteRange, setEndForRange } from "@univerjs/sheets";
-import { AddCfCommand, AddConditionalRuleMutation, AddConditionalRuleMutationUndoFactory, CFNumberOperator, CFRuleType, CFSubRuleType, CFTextOperator, CFTimePeriodOperator, CFValueType, CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH, ClearRangeCfCommand, ClearWorksheetCfCommand, ConditionalFormattingRuleModel, ConditionalFormattingService, ConditionalFormattingViewModel, DEFAULT_BG_COLOR, DEFAULT_FONT_COLOR, DEFAULT_PADDING, DEFAULT_WIDTH, DeleteCfCommand, DeleteConditionalRuleMutation, DeleteConditionalRuleMutationUndoFactory, IIconSetType, MoveCfCommand, MoveConditionalRuleMutation, SHEET_CONDITIONAL_FORMATTING_PLUGIN, SetCfCommand, SetConditionalRuleMutation, UniverSheetsConditionalFormattingPlugin, compareWithNumber, createCfId, createDefaultRule, createDefaultValue, createDefaultValueByValueType, defaultDataBarNativeColor, defaultDataBarPositiveColor, getColorScaleFromValue, getOppositeOperator, iconGroup, iconMap, removeUndefinedAttr, setConditionalRuleMutationUndoFactory } from "@univerjs/sheets-conditional-formatting";
+import { AFTER_CELL_EDIT, AUTO_FILL_APPLY_TYPE, AutoFillTools, ClearSelectionAllCommand, ClearSelectionFormatCommand, IAutoFillService, INTERCEPTOR_POINT, RangeProtectionPermissionEditPoint, RemoveSheetMutation, SetSelectionsOperation, SetWorksheetActiveOperation, SheetInterceptorService, SheetPermissionCheckController, SheetsSelectionsService, WorkbookEditablePermission, WorksheetEditPermission, WorksheetSetCellStylePermission, checkRangesEditablePermission, getSheetCommandTarget, rangeToDiscreteRange, setEndForRange } from "@univerjs/sheets";
+import { AddCfCommand, AddConditionalRuleMutation, AddConditionalRuleMutationUndoFactory, CFNumberOperator, CFRuleType, CFSubRuleType, CFTextOperator, CFTimePeriodOperator, CFValueType, CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH, ClearRangeCfCommand, ClearWorksheetCfCommand, ConditionalFormattingRangeIndexModel, ConditionalFormattingRangeTransformService, ConditionalFormattingRuleModel, ConditionalFormattingService, ConditionalFormattingViewModel, DEFAULT_BG_COLOR, DEFAULT_FONT_COLOR, DEFAULT_PADDING, DEFAULT_WIDTH, DeleteCfCommand, DeleteConditionalRuleMutation, DeleteConditionalRuleMutationUndoFactory, IIconSetType, MoveCfCommand, MoveConditionalRuleMutation, SHEET_CONDITIONAL_FORMATTING_PLUGIN, SetCfCommand, SetConditionalRuleMutation, UniverSheetsConditionalFormattingPlugin, compareWithNumber, createCfId, createDefaultRule, createDefaultValue, createDefaultValueByValueType, defaultDataBarNativeColor, defaultDataBarPositiveColor, getColorScaleFromValue, getOppositeOperator, iconGroup, iconMap, removeUndefinedAttr, setConditionalRuleMutationUndoFactory } from "@univerjs/sheets-conditional-formatting";
 import { ComponentManager, ILayoutService, IMenuManagerService, ISidebarService, MenuItemType, RibbonDataGroup, getMenuHiddenObservable, useDependency, useObservable, useScrollYOverContainer, useSidebarClick } from "@univerjs/ui";
 import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
 import { Button, Checkbox, ColorPicker, DraggableList, Dropdown, Input, InputNumber, Radio, RadioGroup, Select, Tooltip, borderClassName, clsx } from "@univerjs/design";
@@ -467,7 +467,7 @@ const previewClassName = clsx("univer-mt-5 univer-px-1 univer-py-2 univer-rounde
 //#endregion
 //#region src/components/panel/rule-edit/ColorScale.tsx
 const createOptionItem$2 = (text, localeService) => ({
-	label: localeService.t(`sheet.cf.valueType.${text}`),
+	label: localeService.t(`sheets-conditional-formatting-ui.valueType.${text}`),
 	value: text
 });
 const TextInput$1 = (props) => {
@@ -660,7 +660,7 @@ const ColorScaleStyleEditor = (props) => {
 	return /* @__PURE__ */ jsxs("div", { children: [
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.panel.styleRule")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.styleRule")
 		}),
 		/* @__PURE__ */ jsx("div", {
 			className: previewClassName,
@@ -678,7 +678,7 @@ const ColorScaleStyleEditor = (props) => {
 		}),
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-3 univer-text-xs univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.valueType.min")
+			children: localeService.t("sheets-conditional-formatting-ui.valueType.min")
 		}),
 		/* @__PURE__ */ jsxs("div", {
 			className: "univer-mt-3 univer-flex univer-h-8 univer-items-center",
@@ -746,7 +746,7 @@ const ColorScaleStyleEditor = (props) => {
 		}),
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-3 univer-text-xs univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.panel.medianValue")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.medianValue")
 		}),
 		/* @__PURE__ */ jsxs("div", {
 			className: "univer-mt-3 univer-flex univer-h-8 univer-items-center",
@@ -814,7 +814,7 @@ const ColorScaleStyleEditor = (props) => {
 		}),
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-3 univer-text-xs univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.valueType.max")
+			children: localeService.t("sheets-conditional-formatting-ui.valueType.max")
 		}),
 		/* @__PURE__ */ jsxs("div", {
 			className: "univer-mt-3 univer-flex univer-h-8 univer-items-center",
@@ -886,7 +886,7 @@ const ColorScaleStyleEditor = (props) => {
 //#endregion
 //#region src/components/panel/rule-edit/DataBar.tsx
 const createOptionItem$1 = (text, localeService) => ({
-	label: localeService.t(`sheet.cf.valueType.${text}`),
+	label: localeService.t(`sheets-conditional-formatting-ui.valueType.${text}`),
 	value: text
 });
 const InputText = (props) => {
@@ -1080,7 +1080,7 @@ const DataBarStyleEditor = (props) => {
 	return /* @__PURE__ */ jsxs("div", { children: [
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.panel.styleRule")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.styleRule")
 		}),
 		/* @__PURE__ */ jsx("div", {
 			className: previewClassName,
@@ -1097,7 +1097,7 @@ const DataBarStyleEditor = (props) => {
 		}),
 		/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.panel.fillType")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.fillType")
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "univer-ml-1 univer-mt-3 univer-flex univer-items-center",
 			children: [/* @__PURE__ */ jsxs(RadioGroup, {
@@ -1119,13 +1119,13 @@ const DataBarStyleEditor = (props) => {
 					value: "0",
 					children: /* @__PURE__ */ jsx("span", {
 						className: "univer-text-xs",
-						children: localeService.t("sheet.cf.panel.pureColor")
+						children: localeService.t("sheets-conditional-formatting-ui.panel.pureColor")
 					})
 				}), /* @__PURE__ */ jsx(Radio, {
 					value: "1",
 					children: /* @__PURE__ */ jsx("span", {
 						className: "univer-text-xs",
-						children: localeService.t("sheet.cf.panel.gradient")
+						children: localeService.t("sheets-conditional-formatting-ui.panel.gradient")
 					})
 				})]
 			}), /* @__PURE__ */ jsxs("div", {
@@ -1145,19 +1145,19 @@ const DataBarStyleEditor = (props) => {
 							isShowValue: !v
 						});
 					}
-				}), localeService.t("sheet.cf.panel.onlyShowDataBar")]
+				}), localeService.t("sheets-conditional-formatting-ui.panel.onlyShowDataBar")]
 			})]
 		})] }),
 		/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.panel.colorSet")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.colorSet")
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "univer-ml-1 univer-mt-3 univer-flex univer-items-center",
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "univer-flex univer-items-center",
 				children: [/* @__PURE__ */ jsx("div", {
 					className: "univer-text-xs",
-					children: localeService.t("sheet.cf.panel.native")
+					children: localeService.t("sheets-conditional-formatting-ui.panel.native")
 				}), /* @__PURE__ */ jsx(ColorPicker$1, {
 					color: nativeColor,
 					onChange: handleNativeColorChange
@@ -1166,7 +1166,7 @@ const DataBarStyleEditor = (props) => {
 				className: "univer-ml-3 univer-flex univer-items-center",
 				children: [/* @__PURE__ */ jsx("div", {
 					className: "univer-text-xs",
-					children: localeService.t("sheet.cf.panel.positive")
+					children: localeService.t("sheets-conditional-formatting-ui.panel.positive")
 				}), /* @__PURE__ */ jsx(ColorPicker$1, {
 					color: positiveColor,
 					onChange: handlePositiveColorChange
@@ -1176,7 +1176,7 @@ const DataBarStyleEditor = (props) => {
 		/* @__PURE__ */ jsxs("div", { children: [
 			/* @__PURE__ */ jsx("div", {
 				className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-				children: localeService.t("sheet.cf.valueType.min")
+				children: localeService.t("sheets-conditional-formatting-ui.valueType.min")
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "univer-mt-3 univer-flex univer-items-center",
@@ -1222,7 +1222,7 @@ const DataBarStyleEditor = (props) => {
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-				children: localeService.t("sheet.cf.valueType.max")
+				children: localeService.t("sheets-conditional-formatting-ui.valueType.max")
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "univer-mt-3 univer-flex univer-items-center",
@@ -1279,23 +1279,19 @@ const getBooleanFromNumber = (v) => v !== BooleanNumber.FALSE;
 const ConditionalStyleEditor = (props) => {
 	const { style, onChange, className } = props;
 	const [isBold, setIsBold] = useState(() => {
-		const defaultV = void 0;
-		if (!(style === null || style === void 0 ? void 0 : style.bl)) return defaultV;
+		if (!(style === null || style === void 0 ? void 0 : style.bl)) return;
 		return style.bl;
 	});
 	const [isItalic, setIsItalic] = useState(() => {
-		const defaultV = void 0;
-		if (!(style === null || style === void 0 ? void 0 : style.it)) return defaultV;
+		if (!(style === null || style === void 0 ? void 0 : style.it)) return;
 		return style.it;
 	});
 	const [isUnderline, setIsUnderline] = useState(() => {
-		const defaultV = void 0;
-		if (!(style === null || style === void 0 ? void 0 : style.ul)) return defaultV;
+		if (!(style === null || style === void 0 ? void 0 : style.ul)) return;
 		return style.ul.s;
 	});
 	const [isStrikethrough, setIsStrikethrough] = useState(() => {
-		const defaultV = void 0;
-		if (!(style === null || style === void 0 ? void 0 : style.st)) return defaultV;
+		if (!(style === null || style === void 0 ? void 0 : style.st)) return;
 		return style.st.s;
 	});
 	const [fontColor, setFontColor] = useState(() => {
@@ -1406,7 +1402,7 @@ const FormulaStyleEditor = (props) => {
 	useEffect(() => {
 		return interceptorManager.intercept(interceptorManager.getInterceptPoints().beforeSubmit, { handler: (v, _c, next) => {
 			if (formulaError || formula.length === 1 || !formula.startsWith("=")) {
-				setFormulaError(localeService.t("sheet.cf.errorMessage.formulaError"));
+				setFormulaError(localeService.t("sheets-conditional-formatting-ui.errorMessage.formulaError"));
 				return false;
 			}
 			return next(v);
@@ -1424,7 +1420,7 @@ const FormulaStyleEditor = (props) => {
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-				children: localeService.t("sheet.cf.panel.styleRule")
+				children: localeService.t("sheets-conditional-formatting-ui.panel.styleRule")
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "univer-mt-3",
@@ -1447,7 +1443,7 @@ const FormulaStyleEditor = (props) => {
 						});
 					},
 					onVerify: (result, formula) => {
-						if (!result || formula.length === 1) setFormulaError(localeService.t("sheet.cf.errorMessage.formulaError"));
+						if (!result || formula.length === 1) setFormulaError(localeService.t("sheets-conditional-formatting-ui.errorMessage.formulaError"));
 						else setFormulaError(void 0);
 					}
 				})
@@ -1489,10 +1485,10 @@ const WrapperError = (props) => {
 //#endregion
 //#region src/components/panel/rule-edit/HighlightCell.tsx
 const createOptionItem = (text, localeService) => ({
-	label: localeService.t(`sheet.cf.operator.${text}`),
+	label: localeService.t(`sheets-conditional-formatting-ui.operator.${text}`),
 	value: text
 });
-const HighlightCellInput = (props) => {
+function HighlightCellInput(props) {
 	const { type, operator, onChange, value, interceptorManager } = props;
 	const localeService = useDependency(LocaleService);
 	const [inputNumberValue, setInputNumberValue] = useState(() => typeof value === "number" ? value : 0);
@@ -1540,7 +1536,7 @@ const HighlightCellInput = (props) => {
 					CFTextOperator.equal
 				].includes(operator)) {
 					if (!inputTextValue) {
-						setTextError(localeService.t("sheet.cf.errorMessage.notBlank"));
+						setTextError(localeService.t("sheets-conditional-formatting-ui.errorMessage.notBlank"));
 						return false;
 					}
 					return next(v);
@@ -1649,7 +1645,7 @@ const HighlightCellInput = (props) => {
 			}
 	}
 	return null;
-};
+}
 const getOperatorOptions = (type, localeService) => {
 	switch (type) {
 		case CFSubRuleType.text: return [
@@ -1701,23 +1697,23 @@ const HighlightCellStyleEditor = (props) => {
 	const typeOptions = [
 		{
 			value: CFSubRuleType.text,
-			label: localeService.t("sheet.cf.subRuleType.text")
+			label: localeService.t("sheets-conditional-formatting-ui.subRuleType.text")
 		},
 		{
 			value: CFSubRuleType.number,
-			label: localeService.t("sheet.cf.subRuleType.number")
+			label: localeService.t("sheets-conditional-formatting-ui.subRuleType.number")
 		},
 		{
 			value: CFSubRuleType.timePeriod,
-			label: localeService.t("sheet.cf.subRuleType.timePeriod")
+			label: localeService.t("sheets-conditional-formatting-ui.subRuleType.timePeriod")
 		},
 		{
 			value: CFSubRuleType.duplicateValues,
-			label: localeService.t("sheet.cf.subRuleType.duplicateValues")
+			label: localeService.t("sheets-conditional-formatting-ui.subRuleType.duplicateValues")
 		},
 		{
 			value: CFSubRuleType.uniqueValues,
-			label: localeService.t("sheet.cf.subRuleType.uniqueValues")
+			label: localeService.t("sheets-conditional-formatting-ui.subRuleType.uniqueValues")
 		}
 	];
 	const operatorOptions = useMemo(() => getOperatorOptions(subType, localeService), [subType]);
@@ -1832,7 +1828,7 @@ const HighlightCellStyleEditor = (props) => {
 	return /* @__PURE__ */ jsxs("div", { children: [
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.panel.styleRule")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.styleRule")
 		}),
 		/* @__PURE__ */ jsxs("div", {
 			className: "univer-flex univer-justify-between univer-gap-4",
@@ -2008,27 +2004,27 @@ const IconSetRuleEdit = (props) => {
 	const { onChange, configList, errorMap = {} } = props;
 	const localeService = useDependency(LocaleService);
 	const options = [{
-		label: localeService.t(`sheet.cf.symbol.${CFNumberOperator.greaterThan}`),
+		label: localeService.t(`sheets-conditional-formatting-ui.symbol.${CFNumberOperator.greaterThan}`),
 		value: CFNumberOperator.greaterThan
 	}, {
-		label: localeService.t(`sheet.cf.symbol.${CFNumberOperator.greaterThanOrEqual}`),
+		label: localeService.t(`sheets-conditional-formatting-ui.symbol.${CFNumberOperator.greaterThanOrEqual}`),
 		value: CFNumberOperator.greaterThanOrEqual
 	}];
 	const valueTypeOptions = [
 		{
-			label: localeService.t(`sheet.cf.valueType.${CFValueType.num}`),
+			label: localeService.t(`sheets-conditional-formatting-ui.valueType.${CFValueType.num}`),
 			value: CFValueType.num
 		},
 		{
-			label: localeService.t(`sheet.cf.valueType.${CFValueType.percent}`),
+			label: localeService.t(`sheets-conditional-formatting-ui.valueType.${CFValueType.percent}`),
 			value: CFValueType.percent
 		},
 		{
-			label: localeService.t(`sheet.cf.valueType.${CFValueType.percentile}`),
+			label: localeService.t(`sheets-conditional-formatting-ui.valueType.${CFValueType.percentile}`),
 			value: CFValueType.percentile
 		},
 		{
-			label: localeService.t(`sheet.cf.valueType.${CFValueType.formula}`),
+			label: localeService.t(`sheets-conditional-formatting-ui.valueType.${CFValueType.formula}`),
 			value: CFValueType.formula
 		}
 	];
@@ -2059,7 +2055,7 @@ const IconSetRuleEdit = (props) => {
 			const isEnd = index === configList.length - 1;
 			const isFirst = index === 0;
 			const preItem = configList[index - 1];
-			const lessThanText = (preItem === null || preItem === void 0 ? void 0 : preItem.value.type) === CFValueType.formula ? localeService.t("sheet.cf.valueType.formula") : preItem === null || preItem === void 0 ? void 0 : preItem.value.value;
+			const lessThanText = (preItem === null || preItem === void 0 ? void 0 : preItem.value.type) === CFValueType.formula ? localeService.t("sheets-conditional-formatting-ui.valueType.formula") : preItem === null || preItem === void 0 ? void 0 : preItem.value.value;
 			const handleIconClick = (iconType, iconId) => {
 				const value = {
 					...item,
@@ -2075,16 +2071,16 @@ const IconSetRuleEdit = (props) => {
 						className: "univer-mt-3 univer-flex univer-items-center univer-justify-between univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
 						children: [/* @__PURE__ */ jsxs("div", {
 							className: "univer-w-[45%]",
-							children: [localeService.t("sheet.cf.iconSet.icon"), index + 1]
+							children: [localeService.t("sheets-conditional-formatting-ui.iconSet.icon"), index + 1]
 						}), /* @__PURE__ */ jsx("div", {
 							className: "univer-w-[45%]",
-							children: /* @__PURE__ */ jsxs(Fragment, { children: [!isFirst && !isEnd && localeService.t("sheet.cf.iconSet.rule"), !isFirst && !isEnd && /* @__PURE__ */ jsxs("span", {
+							children: /* @__PURE__ */ jsxs(Fragment, { children: [!isFirst && !isEnd && localeService.t("sheets-conditional-formatting-ui.iconSet.rule"), !isFirst && !isEnd && /* @__PURE__ */ jsxs("span", {
 								className: "univer-font-medium univer-text-gray-600 dark:!univer-text-gray-200",
 								children: [
-									localeService.t("sheet.cf.iconSet.when"),
-									localeService.t(`sheet.cf.symbol.${getOppositeOperator(preItem.operator)}`),
+									localeService.t("sheets-conditional-formatting-ui.iconSet.when"),
+									localeService.t(`sheets-conditional-formatting-ui.symbol.${getOppositeOperator(preItem.operator)}`),
 									lessThanText,
-									isEnd ? "" : ` ${localeService.t("sheet.cf.iconSet.and")} `
+									isEnd ? "" : ` ${localeService.t("sheets-conditional-formatting-ui.iconSet.and")} `
 								]
 							})] })
 						})]
@@ -2119,20 +2115,20 @@ const IconSetRuleEdit = (props) => {
 							}
 						}) : /* @__PURE__ */ jsxs("div", {
 							className: "univer-mt-0 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-							children: [localeService.t("sheet.cf.iconSet.rule"), /* @__PURE__ */ jsxs("span", {
+							children: [localeService.t("sheets-conditional-formatting-ui.iconSet.rule"), /* @__PURE__ */ jsxs("span", {
 								className: "univer-font-medium",
 								children: [
-									localeService.t("sheet.cf.iconSet.when"),
-									localeService.t(`sheet.cf.symbol.${getOppositeOperator(preItem.operator)}`),
+									localeService.t("sheets-conditional-formatting-ui.iconSet.when"),
+									localeService.t(`sheets-conditional-formatting-ui.symbol.${getOppositeOperator(preItem.operator)}`),
 									lessThanText,
-									isEnd ? "" : ` ${localeService.t("sheet.cf.iconSet.and")} `
+									isEnd ? "" : ` ${localeService.t("sheets-conditional-formatting-ui.iconSet.and")} `
 								]
 							})]
 						})]
 					}),
 					!isEnd ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 						className: "univer-mt-3 univer-grid univer-grid-cols-2 univer-gap-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-						children: [/* @__PURE__ */ jsx("div", { children: localeService.t("sheet.cf.iconSet.type") }), /* @__PURE__ */ jsx("div", { children: localeService.t("sheet.cf.iconSet.value") })]
+						children: [/* @__PURE__ */ jsx("div", { children: localeService.t("sheets-conditional-formatting-ui.iconSet.type") }), /* @__PURE__ */ jsx("div", { children: localeService.t("sheets-conditional-formatting-ui.iconSet.value") })]
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "univer-mt-3 univer-grid univer-grid-cols-2 univer-gap-4",
 						children: [/* @__PURE__ */ jsx(Select, {
@@ -2232,7 +2228,7 @@ const IconSet = (props) => {
 				if (!compareWithNumber({
 					operator: preOperator,
 					value: preItem.value.value
-				}, item.value.value)) result[index] = `${localeService.t(`sheet.cf.form.${preOperator}`, String(preItem.value.value))} `;
+				}, item.value.value)) result[index] = `${localeService.t(`sheets-conditional-formatting-ui.form.${preOperator}`, String(preItem.value.value))} `;
 			});
 			return result;
 		}
@@ -2296,7 +2292,7 @@ const IconSet = (props) => {
 	return /* @__PURE__ */ jsxs("div", { children: [
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-4 univer-text-sm univer-text-gray-600",
-			children: localeService.t("sheet.cf.panel.styleRule")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.styleRule")
 		}),
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-3",
@@ -2321,7 +2317,7 @@ const IconSet = (props) => {
 			className: "univer-mt-3 univer-flex univer-items-center univer-text-xs",
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "univer-flex univer-items-center univer-text-xs",
-				children: [/* @__PURE__ */ jsx(Checkbox, { onChange: reverseIcon }), localeService.t("sheet.cf.iconSet.reverseIconOrder")]
+				children: [/* @__PURE__ */ jsx(Checkbox, { onChange: reverseIcon }), localeService.t("sheets-conditional-formatting-ui.iconSet.reverseIconOrder")]
 			}), /* @__PURE__ */ jsxs("div", {
 				className: "univer-ml-6 univer-flex univer-items-center univer-text-xs",
 				children: [/* @__PURE__ */ jsx(Checkbox, {
@@ -2329,7 +2325,7 @@ const IconSet = (props) => {
 					onChange: (v) => {
 						setIsShowValue(!v);
 					}
-				}), localeService.t("sheet.cf.iconSet.onlyShowIcon")]
+				}), localeService.t("sheets-conditional-formatting-ui.iconSet.onlyShowIcon")]
 			})]
 		}),
 		/* @__PURE__ */ jsx(IconSetRuleEdit, {
@@ -2349,19 +2345,19 @@ const RankStyleEditor = (props) => {
 	const rule = ((_props$rule = props.rule) === null || _props$rule === void 0 ? void 0 : _props$rule.type) === CFRuleType.highlightCell ? props.rule : void 0;
 	const options = [
 		{
-			label: localeService.t("sheet.cf.panel.isNotBottom"),
+			label: localeService.t("sheets-conditional-formatting-ui.panel.isNotBottom"),
 			value: "isNotBottom"
 		},
 		{
-			label: localeService.t("sheet.cf.panel.isBottom"),
+			label: localeService.t("sheets-conditional-formatting-ui.panel.isBottom"),
 			value: "isBottom"
 		},
 		{
-			label: localeService.t("sheet.cf.panel.greaterThanAverage"),
+			label: localeService.t("sheets-conditional-formatting-ui.panel.greaterThanAverage"),
 			value: "greaterThanAverage"
 		},
 		{
-			label: localeService.t("sheet.cf.panel.lessThanAverage"),
+			label: localeService.t("sheets-conditional-formatting-ui.panel.lessThanAverage"),
 			value: "lessThanAverage"
 		}
 	];
@@ -2457,7 +2453,7 @@ const RankStyleEditor = (props) => {
 	return /* @__PURE__ */ jsxs("div", { children: [
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.panel.styleRule")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.styleRule")
 		}),
 		/* @__PURE__ */ jsx(Select, {
 			className: "univer-mt-3 univer-w-full",
@@ -2502,7 +2498,7 @@ const RankStyleEditor = (props) => {
 							style
 						});
 					}
-				}), localeService.t("sheet.cf.valueType.percent")]
+				}), localeService.t("sheets-conditional-formatting-ui.valueType.percent")]
 			})]
 		}),
 		/* @__PURE__ */ jsx("div", {
@@ -2569,27 +2565,27 @@ const RuleEdit = (props) => {
 	}, [props.rule]);
 	const options = [
 		{
-			label: localeService.t("sheet.cf.ruleType.highlightCell"),
+			label: localeService.t("sheets-conditional-formatting-ui.ruleType.highlightCell"),
 			value: "1"
 		},
 		{
-			label: localeService.t("sheet.cf.panel.rankAndAverage"),
+			label: localeService.t("sheets-conditional-formatting-ui.panel.rankAndAverage"),
 			value: "2"
 		},
 		{
-			label: localeService.t("sheet.cf.ruleType.dataBar"),
+			label: localeService.t("sheets-conditional-formatting-ui.ruleType.dataBar"),
 			value: "3"
 		},
 		{
-			label: localeService.t("sheet.cf.ruleType.colorScale"),
+			label: localeService.t("sheets-conditional-formatting-ui.ruleType.colorScale"),
 			value: "4"
 		},
 		{
-			label: localeService.t("sheet.cf.ruleType.formula"),
+			label: localeService.t("sheets-conditional-formatting-ui.ruleType.formula"),
 			value: "5"
 		},
 		{
-			label: localeService.t("sheet.cf.ruleType.iconSet"),
+			label: localeService.t("sheets-conditional-formatting-ui.ruleType.iconSet"),
 			value: "6"
 		}
 	];
@@ -2700,14 +2696,14 @@ const RuleEdit = (props) => {
 		props.onCancel();
 	};
 	const handleVerify = (v, rangeText) => {
-		if (v) if (rangeText.length < 1) setErrorText(localeService.t("sheet.cf.errorMessage.rangeError"));
+		if (v) if (rangeText.length < 1) setErrorText(localeService.t("sheets-conditional-formatting-ui.errorMessage.rangeError"));
 		else setErrorText(void 0);
-		else setErrorText(localeService.t("sheet.cf.errorMessage.rangeError"));
+		else setErrorText(localeService.t("sheets-conditional-formatting-ui.errorMessage.rangeError"));
 	};
 	return /* @__PURE__ */ jsxs("div", { children: [
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.panel.range")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.range")
 		}),
 		/* @__PURE__ */ jsxs("div", {
 			className: "univer-mt-4",
@@ -2724,7 +2720,7 @@ const RuleEdit = (props) => {
 		}),
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.panel.styleType")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.styleType")
 		}),
 		/* @__PURE__ */ jsx(Select, {
 			className: "univer-mt-4 univer-w-full",
@@ -2741,19 +2737,19 @@ const RuleEdit = (props) => {
 			className: "univer-mt-4 univer-flex univer-justify-end",
 			children: [/* @__PURE__ */ jsx(Button, {
 				onClick: handleCancel,
-				children: localeService.t("sheet.cf.panel.cancel")
+				children: localeService.t("sheets-conditional-formatting-ui.panel.cancel")
 			}), /* @__PURE__ */ jsx(Button, {
 				className: "univer-ml-3",
 				variant: "primary",
 				onClick: handleSubmit,
-				children: localeService.t("sheet.cf.panel.submit")
+				children: localeService.t("sheets-conditional-formatting-ui.panel.submit")
 			})]
 		})
 	] });
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.134.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -2764,7 +2760,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.134.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -2777,14 +2773,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.134.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
+//#region \0@oxc-project+runtime@0.134.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -2795,7 +2791,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
+//#region \0@oxc-project+runtime@0.134.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -2803,7 +2799,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.134.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -2867,33 +2863,33 @@ ConditionalFormattingI18nController = __decorate([__decorateParam(0, Inject(Loca
 const getRuleDescribe = (rule, localeService) => {
 	const ruleConfig = rule.rule;
 	switch (ruleConfig.type) {
-		case CFRuleType.colorScale: return localeService.t("sheet.cf.ruleType.colorScale");
-		case CFRuleType.dataBar: return localeService.t("sheet.cf.ruleType.dataBar");
-		case CFRuleType.iconSet: return localeService.t("sheet.cf.ruleType.iconSet");
+		case CFRuleType.colorScale: return localeService.t("sheets-conditional-formatting-ui.ruleType.colorScale");
+		case CFRuleType.dataBar: return localeService.t("sheets-conditional-formatting-ui.ruleType.dataBar");
+		case CFRuleType.iconSet: return localeService.t("sheets-conditional-formatting-ui.ruleType.iconSet");
 		case CFRuleType.highlightCell: switch (ruleConfig.subType) {
 			case CFSubRuleType.average: {
 				const operator = ruleConfig.operator;
-				return localeService.t(`sheet.cf.preview.describe.${operator}`, localeService.t("sheet.cf.subRuleType.average"));
+				return localeService.t(`sheets-conditional-formatting-ui.preview.describe.${operator}`, localeService.t("sheets-conditional-formatting-ui.subRuleType.average"));
 			}
-			case CFSubRuleType.duplicateValues: return localeService.t("sheet.cf.subRuleType.duplicateValues");
-			case CFSubRuleType.uniqueValues: return localeService.t("sheet.cf.subRuleType.uniqueValues");
+			case CFSubRuleType.duplicateValues: return localeService.t("sheets-conditional-formatting-ui.subRuleType.duplicateValues");
+			case CFSubRuleType.uniqueValues: return localeService.t("sheets-conditional-formatting-ui.subRuleType.uniqueValues");
 			case CFSubRuleType.number: {
 				const operator = ruleConfig.operator;
-				return localeService.t(`sheet.cf.preview.describe.${operator}`, ...Array.isArray(ruleConfig.value) ? ruleConfig.value.map((e) => String(e)) : [String(ruleConfig.value || "")]);
+				return localeService.t(`sheets-conditional-formatting-ui.preview.describe.${operator}`, ...Array.isArray(ruleConfig.value) ? ruleConfig.value.map((e) => String(e)) : [String(ruleConfig.value || "")]);
 			}
 			case CFSubRuleType.text: {
 				const operator = ruleConfig.operator;
-				return localeService.t(`sheet.cf.preview.describe.${operator}`, ruleConfig.value || "");
+				return localeService.t(`sheets-conditional-formatting-ui.preview.describe.${operator}`, ruleConfig.value || "");
 			}
 			case CFSubRuleType.timePeriod: {
 				const operator = ruleConfig.operator;
-				return localeService.t(`sheet.cf.preview.describe.${operator}`);
+				return localeService.t(`sheets-conditional-formatting-ui.preview.describe.${operator}`);
 			}
-			case CFSubRuleType.rank: if (ruleConfig.isPercent) if (ruleConfig.isBottom) return localeService.t("sheet.cf.preview.describe.bottomNPercent", String(ruleConfig.value));
-			else return localeService.t("sheet.cf.preview.describe.topNPercent", String(ruleConfig.value));
-			else if (ruleConfig.isBottom) return localeService.t("sheet.cf.preview.describe.bottomN", String(ruleConfig.value));
-			else return localeService.t("sheet.cf.preview.describe.topN", String(ruleConfig.value));
-			case CFSubRuleType.formula: return localeService.t("sheet.cf.ruleType.formula");
+			case CFSubRuleType.rank: if (ruleConfig.isPercent) if (ruleConfig.isBottom) return localeService.t("sheets-conditional-formatting-ui.preview.describe.bottomNPercent", String(ruleConfig.value));
+			else return localeService.t("sheets-conditional-formatting-ui.preview.describe.topNPercent", String(ruleConfig.value));
+			else if (ruleConfig.isBottom) return localeService.t("sheets-conditional-formatting-ui.preview.describe.bottomN", String(ruleConfig.value));
+			else return localeService.t("sheets-conditional-formatting-ui.preview.describe.topN", String(ruleConfig.value));
+			case CFSubRuleType.formula: return localeService.t("sheets-conditional-formatting-ui.ruleType.formula");
 		}
 	}
 };
@@ -2916,10 +2912,10 @@ const RuleList = (props) => {
 	const [fetchRuleListId, setFetchRuleListId] = useState(0);
 	const [draggingId, setDraggingId] = useState("");
 	const selectOption = [{
-		label: localeService.t("sheet.cf.panel.workSheet"),
+		label: localeService.t("sheets-conditional-formatting-ui.panel.workSheet"),
 		value: "2"
 	}, {
-		label: localeService.t("sheet.cf.panel.selectedRange"),
+		label: localeService.t("sheets-conditional-formatting-ui.panel.selectedRange"),
 		value: "1"
 	}];
 	const getRuleList = () => {
@@ -3060,7 +3056,7 @@ const RuleList = (props) => {
 		className: "\n                  univer-mb-2 univer-flex univer-items-center univer-justify-between univer-gap-2 univer-text-sm\n                ",
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "univer-flex univer-items-center univer-gap-2",
-			children: conditionalFormattingI18nController.tWithReactNode("sheet.cf.panel.managerRuleSelect", /* @__PURE__ */ jsx(Select, {
+			children: conditionalFormattingI18nController.tWithReactNode("sheets-conditional-formatting-ui.panel.managerRuleSelect", /* @__PURE__ */ jsx(Select, {
 				className: "univer-w-36",
 				options: selectOption,
 				value: selectValue,
@@ -3071,7 +3067,7 @@ const RuleList = (props) => {
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "univer-flex univer-justify-end univer-space-x-2",
 			children: [/* @__PURE__ */ jsx(Tooltip, {
-				title: localeService.t("sheet.cf.panel.createRule"),
+				title: localeService.t("sheets-conditional-formatting-ui.panel.createRule"),
 				placement: "bottom",
 				children: /* @__PURE__ */ jsx("a", {
 					className: "univer-size-5 univer-cursor-pointer",
@@ -3079,7 +3075,7 @@ const RuleList = (props) => {
 					children: /* @__PURE__ */ jsx(IncreaseIcon, {})
 				})
 			}), ruleList.length && isHasAllRuleEditPermission ? /* @__PURE__ */ jsx(Tooltip, {
-				title: localeService.t("sheet.cf.panel.clear"),
+				title: localeService.t("sheets-conditional-formatting-ui.panel.clear"),
 				placement: "bottom",
 				children: /* @__PURE__ */ jsx("a", {
 					className: "univer-size-5 univer-cursor-pointer",
@@ -3194,7 +3190,7 @@ let ConditionalFormattingPanelController = class ConditionalFormattingPanelContr
 	openPanel(rule) {
 		const props = {
 			id: CF_PANEL_KEY,
-			header: { title: this._localeService.t("sheet.cf.title") },
+			header: { title: this._localeService.t("sheets-conditional-formatting-ui.title") },
 			children: {
 				label: CF_PANEL_KEY,
 				rule,
@@ -3319,13 +3315,13 @@ const OpenConditionalFormattingOperator = {
 //#endregion
 //#region src/controllers/cf.clear.controller.ts
 let ConditionalFormattingClearController = class ConditionalFormattingClearController extends Disposable {
-	constructor(_injector, _univerInstanceService, _sheetInterceptorService, _selectionManagerService, _conditionalFormattingRuleModel) {
+	constructor(_injector, _univerInstanceService, _sheetInterceptorService, _selectionManagerService, _conditionalFormattingRangeIndexModel) {
 		super();
 		this._injector = _injector;
 		this._univerInstanceService = _univerInstanceService;
 		this._sheetInterceptorService = _sheetInterceptorService;
 		this._selectionManagerService = _selectionManagerService;
-		this._conditionalFormattingRuleModel = _conditionalFormattingRuleModel;
+		this._conditionalFormattingRangeIndexModel = _conditionalFormattingRangeIndexModel;
 		this._init();
 	}
 	_init() {
@@ -3345,7 +3341,7 @@ let ConditionalFormattingClearController = class ConditionalFormattingClearContr
 				if (!worksheet) return defaultV;
 				const unitId = workbook.getUnitId();
 				const subUnitId = worksheet.getSheetId();
-				const allRules = this._conditionalFormattingRuleModel.getSubunitRules(unitId, subUnitId);
+				const allRules = this._conditionalFormattingRangeIndexModel.getRulesByRanges(unitId, subUnitId, ranges);
 				if (!allRules || !allRules.length) return defaultV;
 				const { redos: interceptRedos, undos: interceptUndos } = generateClearCfMutations(this._injector, allRules, ranges, unitId, subUnitId);
 				redos.push(...interceptRedos);
@@ -3361,7 +3357,7 @@ let ConditionalFormattingClearController = class ConditionalFormattingClearContr
 				undos
 			};
 			if (!ranges || !ranges.length) return emptyInterceptorArr;
-			const allRules = this._conditionalFormattingRuleModel.getSubunitRules(unitId, subUnitId);
+			const allRules = this._conditionalFormattingRangeIndexModel.getRulesByRanges(unitId, subUnitId, ranges);
 			if (!allRules || !allRules.length) return emptyInterceptorArr;
 			const { redos: interceptRedos, undos: interceptUndos } = generateClearCfMutations(this._injector, allRules, ranges, unitId, subUnitId);
 			redos.push(...interceptRedos);
@@ -3375,15 +3371,14 @@ ConditionalFormattingClearController = __decorate([
 	__decorateParam(1, Inject(IUniverInstanceService)),
 	__decorateParam(2, Inject(SheetInterceptorService)),
 	__decorateParam(3, Inject(SheetsSelectionsService)),
-	__decorateParam(4, Inject(ConditionalFormattingRuleModel))
+	__decorateParam(4, Inject(ConditionalFormattingRangeIndexModel))
 ], ConditionalFormattingClearController);
 function generateClearCfMutations(injector, allRules, ranges, unitId, subUnitId) {
 	const redos = [];
 	const undos = [];
-	allRules.filter((rule) => {
-		return ranges.some((range) => rule.ranges.some((ruleRange) => Rectangle.getIntersects(ruleRange, range)));
-	}).forEach((rule) => {
-		const mergeRanges = new RangeMergeUtil().add(...rule.ranges).subtract(...ranges).merge();
+	const rangeTransformService = injector.get(ConditionalFormattingRangeTransformService);
+	allRules.forEach((rule) => {
+		const mergeRanges = rangeTransformService.subtractRanges(rule.ranges, ranges);
 		if (mergeRanges.length) {
 			const redo = {
 				id: SetConditionalRuleMutation.id,
@@ -3422,7 +3417,7 @@ function generateClearCfMutations(injector, allRules, ranges, unitId, subUnitId)
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-conditional-formatting-ui";
-var version = "0.24.0";
+var version = "0.25.0-insiders.20260608-e4336f7";
 
 //#endregion
 //#region src/config/config.ts
@@ -3619,13 +3614,14 @@ const specialPastes = [
 	PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_BESIDES_BORDER
 ];
 let ConditionalFormattingCopyPasteController = class ConditionalFormattingCopyPasteController extends Disposable {
-	constructor(_sheetClipboardService, _conditionalFormattingRuleModel, _injector, _conditionalFormattingViewModel, _univerInstanceService) {
+	constructor(_sheetClipboardService, _conditionalFormattingRuleModel, _injector, _conditionalFormattingViewModel, _univerInstanceService, _conditionalFormattingRangeTransformService) {
 		super();
 		this._sheetClipboardService = _sheetClipboardService;
 		this._conditionalFormattingRuleModel = _conditionalFormattingRuleModel;
 		this._injector = _injector;
 		this._conditionalFormattingViewModel = _conditionalFormattingViewModel;
 		this._univerInstanceService = _univerInstanceService;
+		this._conditionalFormattingRangeTransformService = _conditionalFormattingRangeTransformService;
 		_defineProperty(this, "_copyInfo", void 0);
 		this._initClipboardHook();
 	}
@@ -3692,47 +3688,51 @@ let ConditionalFormattingCopyPasteController = class ConditionalFormattingCopyPa
 		}
 		const { ranges: [vCopyRange, vPastedRange], mapFunc } = virtualizeDiscreteRanges([copyRange, pastedRange]);
 		const repeatRange = getRepeatRange(vCopyRange, vPastedRange, true);
-		const effectedConditionalFormattingRuleMatrix = {};
+		const effectedConditionalFormattingRuleRanges = {};
 		Range.foreach(vPastedRange, (row, col) => {
 			const { row: realRow, col: realCol } = mapFunc(row, col);
 			const cellCfList = this._conditionalFormattingViewModel.getCellCfs(pastedUnitId, pastedSubUnitId, realRow, realCol);
 			if (cellCfList) cellCfList.forEach((item) => {
-				if (!effectedConditionalFormattingRuleMatrix[item.cfId]) {
-					const ruleMatrix = new ObjectMatrix();
-					effectedConditionalFormattingRuleMatrix[item.cfId] = {
+				if (!effectedConditionalFormattingRuleRanges[item.cfId]) {
+					const rule = this._conditionalFormattingRuleModel.getRule(pastedUnitId, pastedSubUnitId, item.cfId);
+					if (!rule) return;
+					effectedConditionalFormattingRuleRanges[item.cfId] = {
 						unitId: pastedUnitId,
 						subUnitId: pastedSubUnitId,
-						ruleMatrix
+						ranges: rule.ranges,
+						add: [],
+						remove: []
 					};
-					const rule = this._conditionalFormattingRuleModel.getRule(pastedUnitId, pastedSubUnitId, item.cfId);
-					rule === null || rule === void 0 || rule.ranges.forEach((range) => {
-						Range.foreach(range, (row, col) => {
-							ruleMatrix.setValue(row, col, 1);
-						});
-					});
 				}
-				effectedConditionalFormattingRuleMatrix[item.cfId].ruleMatrix.realDeleteValue(realRow, realCol);
+				effectedConditionalFormattingRuleRanges[item.cfId].remove.push({
+					startRow: realRow,
+					endRow: realRow,
+					startColumn: realCol,
+					endColumn: realCol
+				});
 			});
 		});
 		if (copyType === COPY_TYPE.CUT && (pastedUnitId !== copyUnitId || pastedSubUnitId !== copySubUnitId)) Range.foreach(vCopyRange, (row, col) => {
 			const { row: realRow, col: realCol } = mapFunc(row, col);
 			const cellCfList = this._conditionalFormattingViewModel.getCellCfs(copyUnitId, copySubUnitId, realRow, realCol);
 			if (cellCfList) cellCfList.forEach((item) => {
-				if (!effectedConditionalFormattingRuleMatrix[item.cfId]) {
-					const ruleMatrix = new ObjectMatrix();
-					effectedConditionalFormattingRuleMatrix[item.cfId] = {
+				if (!effectedConditionalFormattingRuleRanges[item.cfId]) {
+					const rule = this._conditionalFormattingRuleModel.getRule(copyUnitId, copySubUnitId, item.cfId);
+					if (!rule) return;
+					effectedConditionalFormattingRuleRanges[item.cfId] = {
 						unitId: copyUnitId,
 						subUnitId: copySubUnitId,
-						ruleMatrix
+						ranges: rule.ranges,
+						add: [],
+						remove: []
 					};
-					const rule = this._conditionalFormattingRuleModel.getRule(copyUnitId, copySubUnitId, item.cfId);
-					rule === null || rule === void 0 || rule.ranges.forEach((range) => {
-						Range.foreach(range, (row, col) => {
-							ruleMatrix.setValue(row, col, 1);
-						});
-					});
 				}
-				effectedConditionalFormattingRuleMatrix[item.cfId].ruleMatrix.realDeleteValue(realRow, realCol);
+				effectedConditionalFormattingRuleRanges[item.cfId].remove.push({
+					startRow: realRow,
+					endRow: realRow,
+					startColumn: realCol,
+					endColumn: realCol
+				});
 			});
 		});
 		const { matrix, info } = this._copyInfo;
@@ -3769,28 +3769,27 @@ let ConditionalFormattingCopyPasteController = class ConditionalFormattingCopyPa
 				const { row: _row, col: _col } = mapFunc(range.startRow, range.startColumn);
 				copyRangeCfIdList.forEach((cfId) => {
 					const rule = cacheCfIdMap[cfId] || getCurrentSheetCfRule(cfId);
-					if (!effectedConditionalFormattingRuleMatrix[rule.cfId]) {
-						const ruleMatrix = new ObjectMatrix();
-						effectedConditionalFormattingRuleMatrix[rule.cfId] = {
-							unitId: pastedUnitId,
-							subUnitId: pastedSubUnitId,
-							ruleMatrix
-						};
-						rule.ranges.forEach((range) => {
-							Range.foreach(range, (row, col) => {
-								ruleMatrix.setValue(row, col, 1);
-							});
-						});
-					}
-					effectedConditionalFormattingRuleMatrix[rule.cfId].ruleMatrix.setValue(_row, _col, 1);
+					if (!effectedConditionalFormattingRuleRanges[rule.cfId]) effectedConditionalFormattingRuleRanges[rule.cfId] = {
+						unitId: pastedUnitId,
+						subUnitId: pastedSubUnitId,
+						ranges: rule.ranges,
+						add: [],
+						remove: []
+					};
+					effectedConditionalFormattingRuleRanges[rule.cfId].add.push({
+						startRow: _row,
+						endRow: _row,
+						startColumn: _col,
+						endColumn: _col
+					});
 				});
 			});
 		});
 		const redos = [];
 		const undos = [];
-		for (const cfId in effectedConditionalFormattingRuleMatrix) {
-			const { unitId, subUnitId, ruleMatrix } = effectedConditionalFormattingRuleMatrix[cfId];
-			const ranges = findAllRectangle(createTopMatrixFromMatrix(ruleMatrix));
+		for (const cfId in effectedConditionalFormattingRuleRanges) {
+			const { unitId, subUnitId, ranges: sourceRanges, add, remove } = effectedConditionalFormattingRuleRanges[cfId];
+			const ranges = this._conditionalFormattingRangeTransformService.applyRangeDelta(sourceRanges, remove, add);
 			if (!ranges.length) {
 				const deleteParams = {
 					unitId,
@@ -3846,7 +3845,8 @@ ConditionalFormattingCopyPasteController = __decorate([
 	__decorateParam(1, Inject(ConditionalFormattingRuleModel)),
 	__decorateParam(2, Inject(Injector)),
 	__decorateParam(3, Inject(ConditionalFormattingViewModel)),
-	__decorateParam(4, Inject(IUniverInstanceService))
+	__decorateParam(4, Inject(IUniverInstanceService)),
+	__decorateParam(5, Inject(ConditionalFormattingRangeTransformService))
 ], ConditionalFormattingCopyPasteController);
 
 //#endregion
@@ -3867,7 +3867,7 @@ let ConditionalFormattingPermissionController = class ConditionalFormattingPermi
 					workbookTypes: [WorkbookEditablePermission],
 					rangeTypes: [RangeProtectionPermissionEditPoint],
 					worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission]
-				}, ranges, unitId, subUnitId)) this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr"));
+				}, ranges, unitId, subUnitId)) this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("sheets-conditional-formatting-ui.permission.dialog.setStyleErr"));
 			}
 		}));
 	}
@@ -4001,13 +4001,14 @@ UniverSheetsConditionalFormattingMobileUIPlugin = __decorate([
 //#endregion
 //#region src/controllers/cf.auto-fill.controller.ts
 let ConditionalFormattingAutoFillController = class ConditionalFormattingAutoFillController extends Disposable {
-	constructor(_injector, _univerInstanceService, _autoFillService, _conditionalFormattingRuleModel, _conditionalFormattingViewModel) {
+	constructor(_injector, _univerInstanceService, _autoFillService, _conditionalFormattingRuleModel, _conditionalFormattingViewModel, _conditionalFormattingRangeTransformService) {
 		super();
 		this._injector = _injector;
 		this._univerInstanceService = _univerInstanceService;
 		this._autoFillService = _autoFillService;
 		this._conditionalFormattingRuleModel = _conditionalFormattingRuleModel;
 		this._conditionalFormattingViewModel = _conditionalFormattingViewModel;
+		this._conditionalFormattingRangeTransformService = _conditionalFormattingRangeTransformService;
 		this._initAutoFill();
 	}
 	_initAutoFill() {
@@ -4015,11 +4016,29 @@ let ConditionalFormattingAutoFillController = class ConditionalFormattingAutoFil
 			redos: [],
 			undos: []
 		});
-		const loopFunc = (sourceStartCell, targetStartCell, relativeRange, matrixMap, mapFunc) => {
+		const loopFunc = (sourceStartCell, targetStartCell, relativeRange, rangeMap, rangeDeltaMap, mapFunc) => {
 			var _getActiveSheet;
 			const unitId = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET).getUnitId();
 			const subUnitId = (_getActiveSheet = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET).getActiveSheet()) === null || _getActiveSheet === void 0 ? void 0 : _getActiveSheet.getSheetId();
 			if (!unitId || !subUnitId) return;
+			const getRangeDelta = (cfId) => {
+				let rangeDelta = rangeDeltaMap.get(cfId);
+				if (!rangeDelta) {
+					rangeDelta = {
+						add: [],
+						remove: []
+					};
+					rangeDeltaMap.set(cfId, rangeDelta);
+				}
+				return rangeDelta;
+			};
+			const ensureRuleRanges = (cfId) => {
+				if (rangeMap.has(cfId)) return true;
+				const rule = this._conditionalFormattingRuleModel.getRule(unitId, subUnitId, cfId);
+				if (!rule) return false;
+				rangeMap.set(cfId, rule.ranges);
+				return true;
+			};
 			const sourceRange = {
 				startRow: sourceStartCell.row,
 				startColumn: sourceStartCell.col,
@@ -4050,34 +4069,22 @@ let ConditionalFormattingAutoFillController = class ConditionalFormattingAutoFil
 				const { row: targetRow, col: targetCol } = mapFunc(targetPositionRange.startRow, targetPositionRange.startColumn);
 				const targetCellCf = this._conditionalFormattingViewModel.getCellCfs(unitId, subUnitId, targetRow, targetCol);
 				if (targetCellCf) targetCellCf.forEach((cf) => {
-					let matrix = matrixMap.get(cf.cfId);
-					if (!matrixMap.get(cf.cfId)) {
-						const rule = this._conditionalFormattingRuleModel.getRule(unitId, subUnitId, cf.cfId);
-						if (!rule) return;
-						matrix = new ObjectMatrix();
-						rule.ranges.forEach((range) => {
-							Range.foreach(range, (row, col) => {
-								matrix.setValue(row, col, 1);
-							});
-						});
-						matrixMap.set(cf.cfId, matrix);
-					}
-					matrix.realDeleteValue(targetRow, targetCol);
+					if (!ensureRuleRanges(cf.cfId)) return;
+					getRangeDelta(cf.cfId).remove.push({
+						startRow: targetRow,
+						endRow: targetRow,
+						startColumn: targetCol,
+						endColumn: targetCol
+					});
 				});
 				if (sourceCellCf) sourceCellCf.forEach((cf) => {
-					let matrix = matrixMap.get(cf.cfId);
-					if (!matrixMap.get(cf.cfId)) {
-						const rule = this._conditionalFormattingRuleModel.getRule(unitId, subUnitId, cf.cfId);
-						if (!rule) return;
-						matrix = new ObjectMatrix();
-						rule.ranges.forEach((range) => {
-							Range.foreach(range, (row, col) => {
-								matrix.setValue(row, col, 1);
-							});
-						});
-						matrixMap.set(cf.cfId, matrix);
-					}
-					matrix.setValue(targetRow, targetCol, 1);
+					if (!ensureRuleRanges(cf.cfId)) return;
+					getRangeDelta(cf.cfId).add.push({
+						startRow: targetRow,
+						endRow: targetRow,
+						startColumn: targetCol,
+						endColumn: targetCol
+					});
 				});
 			});
 		};
@@ -4085,7 +4092,8 @@ let ConditionalFormattingAutoFillController = class ConditionalFormattingAutoFil
 			var _this$_univerInstance, _this$_univerInstance2;
 			const unitId = (_this$_univerInstance = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getUnitId();
 			const subUnitId = (_this$_univerInstance2 = this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance2 === void 0 || (_this$_univerInstance2 = _this$_univerInstance2.getActiveSheet()) === null || _this$_univerInstance2 === void 0 ? void 0 : _this$_univerInstance2.getSheetId();
-			const matrixMap = /* @__PURE__ */ new Map();
+			const rangeMap = /* @__PURE__ */ new Map();
+			const rangeDeltaMap = /* @__PURE__ */ new Map();
 			const redos = [];
 			const undos = [];
 			if (!unitId || !subUnitId) return noopReturnFunc();
@@ -4097,12 +4105,16 @@ let ConditionalFormattingAutoFillController = class ConditionalFormattingAutoFil
 				col: vSourceRange.startColumn
 			};
 			AutoFillTools.getAutoFillRepeatRange(vSourceRange, vTargetRange).forEach((repeat) => {
-				loopFunc(sourceStartCell, repeat.repeatStartCell, repeat.relativeRange, matrixMap, mapFunc);
+				loopFunc(sourceStartCell, repeat.repeatStartCell, repeat.relativeRange, rangeMap, rangeDeltaMap, mapFunc);
+			});
+			rangeDeltaMap.forEach((rangeDelta, cfId) => {
+				const ranges = rangeMap.get(cfId);
+				if (!ranges) return;
+				rangeMap.set(cfId, this._conditionalFormattingRangeTransformService.applyRangeDelta(ranges, rangeDelta.remove, rangeDelta.add));
 			});
-			matrixMap.forEach((item, cfId) => {
+			rangeMap.forEach((ranges, cfId) => {
 				const rule = this._conditionalFormattingRuleModel.getRule(unitId, subUnitId, cfId);
 				if (!rule) return;
-				const ranges = findAllRectangle(createTopMatrixFromMatrix(item));
 				if (ranges.length) {
 					const params = {
 						unitId,
@@ -4153,7 +4165,8 @@ ConditionalFormattingAutoFillController = __decorate([
 	__decorateParam(1, Inject(IUniverInstanceService)),
 	__decorateParam(2, Inject(IAutoFillService)),
 	__decorateParam(3, Inject(ConditionalFormattingRuleModel)),
-	__decorateParam(4, Inject(ConditionalFormattingViewModel))
+	__decorateParam(4, Inject(ConditionalFormattingViewModel)),
+	__decorateParam(5, Inject(ConditionalFormattingRangeTransformService))
 ], ConditionalFormattingAutoFillController);
 
 //#endregion
@@ -4271,7 +4284,7 @@ const repeatByRange = (sourceRange, targetRange) => {
 	return repeatList;
 };
 let ConditionalFormattingPainterController = class ConditionalFormattingPainterController extends Disposable {
-	constructor(_injector, _univerInstanceService, _formatPainterService, _sheetsSelectionsService, _conditionalFormattingRuleModel, _conditionalFormattingViewModel) {
+	constructor(_injector, _univerInstanceService, _formatPainterService, _sheetsSelectionsService, _conditionalFormattingRuleModel, _conditionalFormattingViewModel, _conditionalFormattingRangeTransformService) {
 		super();
 		this._injector = _injector;
 		this._univerInstanceService = _univerInstanceService;
@@ -4279,6 +4292,7 @@ let ConditionalFormattingPainterController = class ConditionalFormattingPainterC
 		this._sheetsSelectionsService = _sheetsSelectionsService;
 		this._conditionalFormattingRuleModel = _conditionalFormattingRuleModel;
 		this._conditionalFormattingViewModel = _conditionalFormattingViewModel;
+		this._conditionalFormattingRangeTransformService = _conditionalFormattingRangeTransformService;
 		_defineProperty(this, "_painterConfig", null);
 		this._initFormattingPainter();
 	}
@@ -4287,9 +4301,20 @@ let ConditionalFormattingPainterController = class ConditionalFormattingPainterC
 			redos: [],
 			undos: []
 		});
-		const loopFunc = (sourceStartCell, targetStartCell, relativeRange, matrixMap, config) => {
+		const loopFunc = (sourceStartCell, targetStartCell, relativeRange, rangeMap, rangeDeltaMap, config) => {
 			const { unitId: sourceUnitId, subUnitId: sourceSubUnitId } = this._painterConfig;
 			const { targetUnitId, targetSubUnitId } = config;
+			const getRangeDelta = (cfId) => {
+				let rangeDelta = rangeDeltaMap.get(cfId);
+				if (!rangeDelta) {
+					rangeDelta = {
+						add: [],
+						remove: []
+					};
+					rangeDeltaMap.set(cfId, rangeDelta);
+				}
+				return rangeDelta;
+			};
 			const sourceRange = {
 				startRow: sourceStartCell.row,
 				startColumn: sourceStartCell.col,
@@ -4318,23 +4343,26 @@ let ConditionalFormattingPainterController = class ConditionalFormattingPainterC
 				const sourceCellCf = this._conditionalFormattingViewModel.getCellCfs(sourceUnitId, sourceSubUnitId, sourcePositionRange.startRow, sourcePositionRange.startColumn);
 				const targetCellCf = this._conditionalFormattingViewModel.getCellCfs(targetUnitId, targetSubUnitId, targetPositionRange.startRow, targetPositionRange.startColumn);
 				if (targetCellCf) targetCellCf.forEach((cf) => {
-					let matrix = matrixMap.get(cf.cfId);
-					if (!matrixMap.get(cf.cfId)) {
+					if (!rangeMap.has(cf.cfId)) {
 						const rule = this._conditionalFormattingRuleModel.getRule(targetUnitId, targetSubUnitId, cf.cfId);
 						if (!rule) return;
-						matrix = new ObjectMatrix();
-						rule.ranges.forEach((range) => {
-							Range.foreach(range, (row, col) => {
-								matrix.setValue(row, col, 1);
-							});
-						});
-						matrixMap.set(cf.cfId, matrix);
+						rangeMap.set(cf.cfId, rule.ranges);
 					}
-					matrix.realDeleteValue(targetPositionRange.startRow, targetPositionRange.startColumn);
+					getRangeDelta(cf.cfId).remove.push({
+						startRow: targetPositionRange.startRow,
+						endRow: targetPositionRange.startRow,
+						startColumn: targetPositionRange.startColumn,
+						endColumn: targetPositionRange.startColumn
+					});
 				});
 				if (sourceCellCf) sourceCellCf.forEach((cf) => {
-					const matrix = matrixMap.get(cf.cfId);
-					matrix && matrix.setValue(targetPositionRange.startRow, targetPositionRange.startColumn, 1);
+					if (!rangeMap.has(cf.cfId)) return;
+					getRangeDelta(cf.cfId).add.push({
+						startRow: targetPositionRange.startRow,
+						endRow: targetPositionRange.startRow,
+						startColumn: targetPositionRange.startColumn,
+						endColumn: targetPositionRange.startColumn
+					});
 				});
 			});
 		};
@@ -4342,22 +4370,15 @@ let ConditionalFormattingPainterController = class ConditionalFormattingPainterC
 			var _this$_conditionalFor;
 			const { range: sourceRange, unitId: sourceUnitId, subUnitId: sourceSubUnitId } = this._painterConfig;
 			const isSkipSheet = targetUnitId !== sourceUnitId || sourceSubUnitId !== targetSubUnitId;
-			const matrixMap = /* @__PURE__ */ new Map();
+			const rangeMap = /* @__PURE__ */ new Map();
+			const rangeDeltaMap = /* @__PURE__ */ new Map();
 			const redos = [];
 			const undos = [];
 			if (!targetUnitId || !targetSubUnitId || !sourceUnitId || !sourceSubUnitId) return noopReturnFunc();
 			const ruleList = (_this$_conditionalFor = this._conditionalFormattingRuleModel.getSubunitRules(sourceUnitId, sourceSubUnitId)) !== null && _this$_conditionalFor !== void 0 ? _this$_conditionalFor : [];
 			ruleList === null || ruleList === void 0 || ruleList.forEach((rule) => {
 				const { ranges, cfId } = rule;
-				if (ranges.some((range) => Rectangle.intersects(sourceRange, range))) {
-					const matrix = new ObjectMatrix();
-					if (!isSkipSheet) ranges.forEach((range) => {
-						Range.foreach(range, (row, col) => {
-							matrix.setValue(row, col, 1);
-						});
-					});
-					matrixMap.set(cfId, matrix);
-				}
+				if (ranges.some((range) => Rectangle.intersects(sourceRange, range))) rangeMap.set(cfId, isSkipSheet ? [] : ranges);
 			});
 			const sourceStartCell = {
 				row: sourceRange.startRow,
@@ -4367,16 +4388,20 @@ let ConditionalFormattingPainterController = class ConditionalFormattingPainterC
 				loopFunc(sourceStartCell, {
 					row: repeat.startRange.startRow,
 					col: repeat.startRange.startColumn
-				}, repeat.repeatRelativeRange, matrixMap, {
+				}, repeat.repeatRelativeRange, rangeMap, rangeDeltaMap, {
 					targetUnitId,
 					targetSubUnitId
 				});
 			});
-			matrixMap.forEach((item, cfId) => {
+			rangeDeltaMap.forEach((rangeDelta, cfId) => {
+				const ranges = rangeMap.get(cfId);
+				if (!ranges) return;
+				rangeMap.set(cfId, this._conditionalFormattingRangeTransformService.applyRangeDelta(ranges, rangeDelta.remove, rangeDelta.add));
+			});
+			rangeMap.forEach((ranges, cfId) => {
 				if (!isSkipSheet) {
 					const rule = this._conditionalFormattingRuleModel.getRule(sourceUnitId, sourceSubUnitId, cfId);
 					if (!rule) return;
-					const ranges = findAllRectangle(createTopMatrixFromMatrix(item));
 					if (ranges.length) {
 						const params = {
 							unitId: sourceUnitId,
@@ -4405,7 +4430,6 @@ let ConditionalFormattingPainterController = class ConditionalFormattingPainterC
 					}
 				} else {
 					const rule = this._conditionalFormattingRuleModel.getRule(targetUnitId, targetSubUnitId, cfId);
-					const ranges = findAllRectangle(createTopMatrixFromMatrix(item));
 					if (!rule) {
 						if (ranges.length) {
 							const sourceRule = this._conditionalFormattingRuleModel.getRule(sourceUnitId, sourceSubUnitId, cfId);
@@ -4499,7 +4523,8 @@ ConditionalFormattingPainterController = __decorate([
 	__decorateParam(2, Inject(IFormatPainterService)),
 	__decorateParam(3, Inject(SheetsSelectionsService)),
 	__decorateParam(4, Inject(ConditionalFormattingRuleModel)),
-	__decorateParam(5, Inject(ConditionalFormattingViewModel))
+	__decorateParam(5, Inject(ConditionalFormattingViewModel)),
+	__decorateParam(6, Inject(ConditionalFormattingRangeTransformService))
 ], ConditionalFormattingPainterController);
 
 //#endregion
@@ -4564,63 +4589,63 @@ const commandList = [
 const commonSelections = [
 	{
 		label: {
-			name: "sheet.cf.ruleType.highlightCell",
+			name: "sheets-conditional-formatting-ui.ruleType.highlightCell",
 			selectable: false
 		},
 		value: 3
 	},
 	{
 		label: {
-			name: "sheet.cf.panel.rankAndAverage",
+			name: "sheets-conditional-formatting-ui.panel.rankAndAverage",
 			selectable: false
 		},
 		value: 4
 	},
 	{
 		label: {
-			name: "sheet.cf.ruleType.formula",
+			name: "sheets-conditional-formatting-ui.ruleType.formula",
 			selectable: false
 		},
 		value: 5
 	},
 	{
 		label: {
-			name: "sheet.cf.ruleType.colorScale",
+			name: "sheets-conditional-formatting-ui.ruleType.colorScale",
 			selectable: false
 		},
 		value: 6
 	},
 	{
 		label: {
-			name: "sheet.cf.ruleType.dataBar",
+			name: "sheets-conditional-formatting-ui.ruleType.dataBar",
 			selectable: false
 		},
 		value: 7
 	},
 	{
 		label: {
-			name: "sheet.cf.ruleType.iconSet",
+			name: "sheets-conditional-formatting-ui.ruleType.iconSet",
 			selectable: false
 		},
 		value: 8
 	},
 	{
 		label: {
-			name: "sheet.cf.menu.manageConditionalFormatting",
+			name: "sheets-conditional-formatting-ui.menu.manageConditionalFormatting",
 			selectable: false
 		},
 		value: 2
 	},
 	{
 		label: {
-			name: "sheet.cf.menu.createConditionalFormatting",
+			name: "sheets-conditional-formatting-ui.menu.createConditionalFormatting",
 			selectable: false
 		},
 		value: 1
 	},
 	{
 		label: {
-			name: "sheet.cf.menu.clearRangeRules",
+			name: "sheets-conditional-formatting-ui.menu.clearRangeRules",
 			selectable: false
 		},
 		value: 9,
@@ -4628,7 +4653,7 @@ const commonSelections = [
 	},
 	{
 		label: {
-			name: "sheet.cf.menu.clearWorkSheetRules",
+			name: "sheets-conditional-formatting-ui.menu.clearWorkSheetRules",
 			selectable: false
 		},
 		value: 10
@@ -4703,7 +4728,7 @@ const FactoryManageConditionalFormattingRule = (accessor) => {
 		id: OpenConditionalFormattingOperator.id,
 		type: MenuItemType.SELECTOR,
 		icon: "ConditionsDoubleIcon",
-		tooltip: "sheet.cf.title",
+		tooltip: "sheets-conditional-formatting-ui.title",
 		selections: selections$,
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
 		disabled$: getCurrentRangeDisable$(accessor, {