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

package/lib/cjs/index.js

@@ -468,7 +468,7 @@ const previewClassName = (0, _univerjs_design.clsx)("univer-mt-5 univer-px-1 uni
 //#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) => {
@@ -661,7 +661,7 @@ const ColorScaleStyleEditor = (props) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: previewClassName,
@@ -679,7 +679,7 @@ const ColorScaleStyleEditor = (props) => {
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "univer-mt-3 univer-flex univer-h-8 univer-items-center",
@@ -747,7 +747,7 @@ const ColorScaleStyleEditor = (props) => {
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "univer-mt-3 univer-flex univer-h-8 univer-items-center",
@@ -815,7 +815,7 @@ const ColorScaleStyleEditor = (props) => {
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "univer-mt-3 univer-flex univer-h-8 univer-items-center",
@@ -887,7 +887,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) => {
@@ -1081,7 +1081,7 @@ const DataBarStyleEditor = (props) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: previewClassName,
@@ -1098,7 +1098,7 @@ const DataBarStyleEditor = (props) => {
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "univer-ml-1 univer-mt-3 univer-flex univer-items-center",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_univerjs_design.RadioGroup, {
@@ -1120,13 +1120,13 @@ const DataBarStyleEditor = (props) => {
 					value: "0",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "univer-text-xs",
-						children: localeService.t("sheet.cf.panel.pureColor")
+						children: localeService.t("sheets-conditional-formatting-ui.panel.pureColor")
 					})
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
 					value: "1",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 						className: "univer-text-xs",
-						children: localeService.t("sheet.cf.panel.gradient")
+						children: localeService.t("sheets-conditional-formatting-ui.panel.gradient")
 					})
 				})]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -1146,19 +1146,19 @@ const DataBarStyleEditor = (props) => {
 							isShowValue: !v
 						});
 					}
-				}), localeService.t("sheet.cf.panel.onlyShowDataBar")]
+				}), localeService.t("sheets-conditional-formatting-ui.panel.onlyShowDataBar")]
 			})]
 		})] }),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "univer-ml-1 univer-mt-3 univer-flex univer-items-center",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "univer-flex univer-items-center",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "univer-text-xs",
-					children: localeService.t("sheet.cf.panel.native")
+					children: localeService.t("sheets-conditional-formatting-ui.panel.native")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ColorPicker, {
 					color: nativeColor,
 					onChange: handleNativeColorChange
@@ -1167,7 +1167,7 @@ const DataBarStyleEditor = (props) => {
 				className: "univer-ml-3 univer-flex univer-items-center",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "univer-text-xs",
-					children: localeService.t("sheet.cf.panel.positive")
+					children: localeService.t("sheets-conditional-formatting-ui.panel.positive")
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ColorPicker, {
 					color: positiveColor,
 					onChange: handlePositiveColorChange
@@ -1177,7 +1177,7 @@ const DataBarStyleEditor = (props) => {
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "univer-mt-3 univer-flex univer-items-center",
@@ -1223,7 +1223,7 @@ const DataBarStyleEditor = (props) => {
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "univer-mt-3 univer-flex univer-items-center",
@@ -1280,23 +1280,19 @@ const getBooleanFromNumber = (v) => v !== _univerjs_core.BooleanNumber.FALSE;
 const ConditionalStyleEditor = (props) => {
 	const { style, onChange, className } = props;
 	const [isBold, setIsBold] = (0, react.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] = (0, react.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] = (0, react.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] = (0, react.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] = (0, react.useState)(() => {
@@ -1407,7 +1403,7 @@ const FormulaStyleEditor = (props) => {
 	(0, react.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);
@@ -1425,7 +1421,7 @@ const FormulaStyleEditor = (props) => {
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: "univer-mt-3",
@@ -1448,7 +1444,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);
 					}
 				})
@@ -1490,10 +1486,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 = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const [inputNumberValue, setInputNumberValue] = (0, react.useState)(() => typeof value === "number" ? value : 0);
@@ -1541,7 +1537,7 @@ const HighlightCellInput = (props) => {
 					_univerjs_sheets_conditional_formatting.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);
@@ -1650,7 +1646,7 @@ const HighlightCellInput = (props) => {
 			}
 	}
 	return null;
-};
+}
 const getOperatorOptions = (type, localeService) => {
 	switch (type) {
 		case _univerjs_sheets_conditional_formatting.CFSubRuleType.text: return [
@@ -1702,23 +1698,23 @@ const HighlightCellStyleEditor = (props) => {
 	const typeOptions = [
 		{
 			value: _univerjs_sheets_conditional_formatting.CFSubRuleType.text,
-			label: localeService.t("sheet.cf.subRuleType.text")
+			label: localeService.t("sheets-conditional-formatting-ui.subRuleType.text")
 		},
 		{
 			value: _univerjs_sheets_conditional_formatting.CFSubRuleType.number,
-			label: localeService.t("sheet.cf.subRuleType.number")
+			label: localeService.t("sheets-conditional-formatting-ui.subRuleType.number")
 		},
 		{
 			value: _univerjs_sheets_conditional_formatting.CFSubRuleType.timePeriod,
-			label: localeService.t("sheet.cf.subRuleType.timePeriod")
+			label: localeService.t("sheets-conditional-formatting-ui.subRuleType.timePeriod")
 		},
 		{
 			value: _univerjs_sheets_conditional_formatting.CFSubRuleType.duplicateValues,
-			label: localeService.t("sheet.cf.subRuleType.duplicateValues")
+			label: localeService.t("sheets-conditional-formatting-ui.subRuleType.duplicateValues")
 		},
 		{
 			value: _univerjs_sheets_conditional_formatting.CFSubRuleType.uniqueValues,
-			label: localeService.t("sheet.cf.subRuleType.uniqueValues")
+			label: localeService.t("sheets-conditional-formatting-ui.subRuleType.uniqueValues")
 		}
 	];
 	const operatorOptions = (0, react.useMemo)(() => getOperatorOptions(subType, localeService), [subType]);
@@ -1833,7 +1829,7 @@ const HighlightCellStyleEditor = (props) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "univer-flex univer-justify-between univer-gap-4",
@@ -2009,27 +2005,27 @@ const IconSetRuleEdit = (props) => {
 	const { onChange, configList, errorMap = {} } = props;
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
 	const options = [{
-		label: localeService.t(`sheet.cf.symbol.${_univerjs_sheets_conditional_formatting.CFNumberOperator.greaterThan}`),
+		label: localeService.t(`sheets-conditional-formatting-ui.symbol.${_univerjs_sheets_conditional_formatting.CFNumberOperator.greaterThan}`),
 		value: _univerjs_sheets_conditional_formatting.CFNumberOperator.greaterThan
 	}, {
-		label: localeService.t(`sheet.cf.symbol.${_univerjs_sheets_conditional_formatting.CFNumberOperator.greaterThanOrEqual}`),
+		label: localeService.t(`sheets-conditional-formatting-ui.symbol.${_univerjs_sheets_conditional_formatting.CFNumberOperator.greaterThanOrEqual}`),
 		value: _univerjs_sheets_conditional_formatting.CFNumberOperator.greaterThanOrEqual
 	}];
 	const valueTypeOptions = [
 		{
-			label: localeService.t(`sheet.cf.valueType.${_univerjs_sheets_conditional_formatting.CFValueType.num}`),
+			label: localeService.t(`sheets-conditional-formatting-ui.valueType.${_univerjs_sheets_conditional_formatting.CFValueType.num}`),
 			value: _univerjs_sheets_conditional_formatting.CFValueType.num
 		},
 		{
-			label: localeService.t(`sheet.cf.valueType.${_univerjs_sheets_conditional_formatting.CFValueType.percent}`),
+			label: localeService.t(`sheets-conditional-formatting-ui.valueType.${_univerjs_sheets_conditional_formatting.CFValueType.percent}`),
 			value: _univerjs_sheets_conditional_formatting.CFValueType.percent
 		},
 		{
-			label: localeService.t(`sheet.cf.valueType.${_univerjs_sheets_conditional_formatting.CFValueType.percentile}`),
+			label: localeService.t(`sheets-conditional-formatting-ui.valueType.${_univerjs_sheets_conditional_formatting.CFValueType.percentile}`),
 			value: _univerjs_sheets_conditional_formatting.CFValueType.percentile
 		},
 		{
-			label: localeService.t(`sheet.cf.valueType.${_univerjs_sheets_conditional_formatting.CFValueType.formula}`),
+			label: localeService.t(`sheets-conditional-formatting-ui.valueType.${_univerjs_sheets_conditional_formatting.CFValueType.formula}`),
 			value: _univerjs_sheets_conditional_formatting.CFValueType.formula
 		}
 	];
@@ -2060,7 +2056,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) === _univerjs_sheets_conditional_formatting.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) === _univerjs_sheets_conditional_formatting.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,
@@ -2076,16 +2072,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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
 							className: "univer-w-[45%]",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [!isFirst && !isEnd && localeService.t("sheet.cf.iconSet.rule"), !isFirst && !isEnd && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [!isFirst && !isEnd && localeService.t("sheets-conditional-formatting-ui.iconSet.rule"), !isFirst && !isEnd && /* @__PURE__ */ (0, react_jsx_runtime.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.${(0, _univerjs_sheets_conditional_formatting.getOppositeOperator)(preItem.operator)}`),
+									localeService.t("sheets-conditional-formatting-ui.iconSet.when"),
+									localeService.t(`sheets-conditional-formatting-ui.symbol.${(0, _univerjs_sheets_conditional_formatting.getOppositeOperator)(preItem.operator)}`),
 									lessThanText,
-									isEnd ? "" : ` ${localeService.t("sheet.cf.iconSet.and")} `
+									isEnd ? "" : ` ${localeService.t("sheets-conditional-formatting-ui.iconSet.and")} `
 								]
 							})] })
 						})]
@@ -2120,20 +2116,20 @@ const IconSetRuleEdit = (props) => {
 							}
 						}) : /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("span", {
+							children: [localeService.t("sheets-conditional-formatting-ui.iconSet.rule"), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 								className: "univer-font-medium",
 								children: [
-									localeService.t("sheet.cf.iconSet.when"),
-									localeService.t(`sheet.cf.symbol.${(0, _univerjs_sheets_conditional_formatting.getOppositeOperator)(preItem.operator)}`),
+									localeService.t("sheets-conditional-formatting-ui.iconSet.when"),
+									localeService.t(`sheets-conditional-formatting-ui.symbol.${(0, _univerjs_sheets_conditional_formatting.getOppositeOperator)(preItem.operator)}`),
 									lessThanText,
-									isEnd ? "" : ` ${localeService.t("sheet.cf.iconSet.and")} `
+									isEnd ? "" : ` ${localeService.t("sheets-conditional-formatting-ui.iconSet.and")} `
 								]
 							})]
 						})]
 					}),
 					!isEnd ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("sheet.cf.iconSet.type") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("sheet.cf.iconSet.value") })]
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("sheets-conditional-formatting-ui.iconSet.type") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: localeService.t("sheets-conditional-formatting-ui.iconSet.value") })]
 					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 						className: "univer-mt-3 univer-grid univer-grid-cols-2 univer-gap-4",
 						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
@@ -2233,7 +2229,7 @@ const IconSet = (props) => {
 				if (!(0, _univerjs_sheets_conditional_formatting.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;
 		}
@@ -2297,7 +2293,7 @@ const IconSet = (props) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "univer-mt-3",
@@ -2322,7 +2318,7 @@ const IconSet = (props) => {
 			className: "univer-mt-3 univer-flex univer-items-center univer-text-xs",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "univer-flex univer-items-center univer-text-xs",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, { onChange: reverseIcon }), localeService.t("sheet.cf.iconSet.reverseIconOrder")]
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, { onChange: reverseIcon }), localeService.t("sheets-conditional-formatting-ui.iconSet.reverseIconOrder")]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "univer-ml-6 univer-flex univer-items-center univer-text-xs",
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, {
@@ -2330,7 +2326,7 @@ const IconSet = (props) => {
 					onChange: (v) => {
 						setIsShowValue(!v);
 					}
-				}), localeService.t("sheet.cf.iconSet.onlyShowIcon")]
+				}), localeService.t("sheets-conditional-formatting-ui.iconSet.onlyShowIcon")]
 			})]
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconSetRuleEdit, {
@@ -2350,19 +2346,19 @@ const RankStyleEditor = (props) => {
 	const rule = ((_props$rule = props.rule) === null || _props$rule === void 0 ? void 0 : _props$rule.type) === _univerjs_sheets_conditional_formatting.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"
 		}
 	];
@@ -2458,7 +2454,7 @@ const RankStyleEditor = (props) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
 			className: "univer-mt-3 univer-w-full",
@@ -2503,7 +2499,7 @@ const RankStyleEditor = (props) => {
 							style
 						});
 					}
-				}), localeService.t("sheet.cf.valueType.percent")]
+				}), localeService.t("sheets-conditional-formatting-ui.valueType.percent")]
 			})]
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -2570,27 +2566,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"
 		}
 	];
@@ -2701,14 +2697,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__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "univer-mt-4",
@@ -2725,7 +2721,7 @@ const RuleEdit = (props) => {
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
 			className: "univer-mt-4 univer-w-full",
@@ -2742,19 +2738,19 @@ const RuleEdit = (props) => {
 			className: "univer-mt-4 univer-flex univer-justify-end",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
 				onClick: handleCancel,
-				children: localeService.t("sheet.cf.panel.cancel")
+				children: localeService.t("sheets-conditional-formatting-ui.panel.cancel")
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.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) {
@@ -2765,7 +2761,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];
@@ -2778,14 +2774,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,
@@ -2796,7 +2792,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);
@@ -2804,7 +2800,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);
@@ -2868,33 +2864,33 @@ ConditionalFormattingI18nController = __decorate([__decorateParam(0, (0, _univer
 const getRuleDescribe = (rule, localeService) => {
 	const ruleConfig = rule.rule;
 	switch (ruleConfig.type) {
-		case _univerjs_sheets_conditional_formatting.CFRuleType.colorScale: return localeService.t("sheet.cf.ruleType.colorScale");
-		case _univerjs_sheets_conditional_formatting.CFRuleType.dataBar: return localeService.t("sheet.cf.ruleType.dataBar");
-		case _univerjs_sheets_conditional_formatting.CFRuleType.iconSet: return localeService.t("sheet.cf.ruleType.iconSet");
+		case _univerjs_sheets_conditional_formatting.CFRuleType.colorScale: return localeService.t("sheets-conditional-formatting-ui.ruleType.colorScale");
+		case _univerjs_sheets_conditional_formatting.CFRuleType.dataBar: return localeService.t("sheets-conditional-formatting-ui.ruleType.dataBar");
+		case _univerjs_sheets_conditional_formatting.CFRuleType.iconSet: return localeService.t("sheets-conditional-formatting-ui.ruleType.iconSet");
 		case _univerjs_sheets_conditional_formatting.CFRuleType.highlightCell: switch (ruleConfig.subType) {
 			case _univerjs_sheets_conditional_formatting.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 _univerjs_sheets_conditional_formatting.CFSubRuleType.duplicateValues: return localeService.t("sheet.cf.subRuleType.duplicateValues");
-			case _univerjs_sheets_conditional_formatting.CFSubRuleType.uniqueValues: return localeService.t("sheet.cf.subRuleType.uniqueValues");
+			case _univerjs_sheets_conditional_formatting.CFSubRuleType.duplicateValues: return localeService.t("sheets-conditional-formatting-ui.subRuleType.duplicateValues");
+			case _univerjs_sheets_conditional_formatting.CFSubRuleType.uniqueValues: return localeService.t("sheets-conditional-formatting-ui.subRuleType.uniqueValues");
 			case _univerjs_sheets_conditional_formatting.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 _univerjs_sheets_conditional_formatting.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 _univerjs_sheets_conditional_formatting.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 _univerjs_sheets_conditional_formatting.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 _univerjs_sheets_conditional_formatting.CFSubRuleType.formula: return localeService.t("sheet.cf.ruleType.formula");
+			case _univerjs_sheets_conditional_formatting.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 _univerjs_sheets_conditional_formatting.CFSubRuleType.formula: return localeService.t("sheets-conditional-formatting-ui.ruleType.formula");
 		}
 	}
 };
@@ -2917,10 +2913,10 @@ const RuleList = (props) => {
 	const [fetchRuleListId, setFetchRuleListId] = (0, react.useState)(0);
 	const [draggingId, setDraggingId] = (0, react.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 = () => {
@@ -3061,7 +3057,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__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "univer-flex univer-items-center univer-gap-2",
-			children: conditionalFormattingI18nController.tWithReactNode("sheet.cf.panel.managerRuleSelect", /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
+			children: conditionalFormattingI18nController.tWithReactNode("sheets-conditional-formatting-ui.panel.managerRuleSelect", /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
 				className: "univer-w-36",
 				options: selectOption,
 				value: selectValue,
@@ -3072,7 +3068,7 @@ const RuleList = (props) => {
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "univer-flex univer-justify-end univer-space-x-2",
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
-				title: localeService.t("sheet.cf.panel.createRule"),
+				title: localeService.t("sheets-conditional-formatting-ui.panel.createRule"),
 				placement: "bottom",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 					className: "univer-size-5 univer-cursor-pointer",
@@ -3080,7 +3076,7 @@ const RuleList = (props) => {
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.IncreaseIcon, {})
 				})
 			}), ruleList.length && isHasAllRuleEditPermission ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Tooltip, {
-				title: localeService.t("sheet.cf.panel.clear"),
+				title: localeService.t("sheets-conditional-formatting-ui.panel.clear"),
 				placement: "bottom",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("a", {
 					className: "univer-size-5 univer-cursor-pointer",
@@ -3195,7 +3191,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,
@@ -3320,13 +3316,13 @@ const OpenConditionalFormattingOperator = {
 //#endregion
 //#region src/controllers/cf.clear.controller.ts
 let ConditionalFormattingClearController = class ConditionalFormattingClearController extends _univerjs_core.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() {
@@ -3346,7 +3342,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);
@@ -3362,7 +3358,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);
@@ -3376,15 +3372,14 @@ ConditionalFormattingClearController = __decorate([
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.IUniverInstanceService)),
 	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetInterceptorService)),
 	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetsSelectionsService)),
-	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets_conditional_formatting.ConditionalFormattingRuleModel))
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets_conditional_formatting.ConditionalFormattingRangeIndexModel))
 ], ConditionalFormattingClearController);
 function generateClearCfMutations(injector, allRules, ranges, unitId, subUnitId) {
 	const redos = [];
 	const undos = [];
-	allRules.filter((rule) => {
-		return ranges.some((range) => rule.ranges.some((ruleRange) => _univerjs_core.Rectangle.getIntersects(ruleRange, range)));
-	}).forEach((rule) => {
-		const mergeRanges = new _univerjs_sheets.RangeMergeUtil().add(...rule.ranges).subtract(...ranges).merge();
+	const rangeTransformService = injector.get(_univerjs_sheets_conditional_formatting.ConditionalFormattingRangeTransformService);
+	allRules.forEach((rule) => {
+		const mergeRanges = rangeTransformService.subtractRanges(rule.ranges, ranges);
 		if (mergeRanges.length) {
 			const redo = {
 				id: _univerjs_sheets_conditional_formatting.SetConditionalRuleMutation.id,
@@ -3423,7 +3418,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
@@ -3620,13 +3615,14 @@ const specialPastes = [
 	_univerjs_sheets_ui.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_BESIDES_BORDER
 ];
 let ConditionalFormattingCopyPasteController = class ConditionalFormattingCopyPasteController extends _univerjs_core.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();
 	}
@@ -3693,47 +3689,51 @@ let ConditionalFormattingCopyPasteController = class ConditionalFormattingCopyPa
 		}
 		const { ranges: [vCopyRange, vPastedRange], mapFunc } = (0, _univerjs_sheets_ui.virtualizeDiscreteRanges)([copyRange, pastedRange]);
 		const repeatRange = (0, _univerjs_sheets_ui.getRepeatRange)(vCopyRange, vPastedRange, true);
-		const effectedConditionalFormattingRuleMatrix = {};
+		const effectedConditionalFormattingRuleRanges = {};
 		_univerjs_core.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 _univerjs_core.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) => {
-						_univerjs_core.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 === _univerjs_sheets_ui.COPY_TYPE.CUT && (pastedUnitId !== copyUnitId || pastedSubUnitId !== copySubUnitId)) _univerjs_core.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 _univerjs_core.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) => {
-						_univerjs_core.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;
@@ -3770,28 +3770,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 _univerjs_core.ObjectMatrix();
-						effectedConditionalFormattingRuleMatrix[rule.cfId] = {
-							unitId: pastedUnitId,
-							subUnitId: pastedSubUnitId,
-							ruleMatrix
-						};
-						rule.ranges.forEach((range) => {
-							_univerjs_core.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 = (0, _univerjs_sheets.findAllRectangle)((0, _univerjs_sheets.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,
@@ -3847,7 +3846,8 @@ ConditionalFormattingCopyPasteController = __decorate([
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_sheets_conditional_formatting.ConditionalFormattingRuleModel)),
 	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
 	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_sheets_conditional_formatting.ConditionalFormattingViewModel)),
-	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_core.IUniverInstanceService))
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_core.IUniverInstanceService)),
+	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_sheets_conditional_formatting.ConditionalFormattingRangeTransformService))
 ], ConditionalFormattingCopyPasteController);
 
 //#endregion
@@ -3868,7 +3868,7 @@ let ConditionalFormattingPermissionController = class ConditionalFormattingPermi
 					workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
 					rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint],
 					worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.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"));
 			}
 		}));
 	}
@@ -4002,13 +4002,14 @@ UniverSheetsConditionalFormattingMobileUIPlugin = __decorate([
 //#endregion
 //#region src/controllers/cf.auto-fill.controller.ts
 let ConditionalFormattingAutoFillController = class ConditionalFormattingAutoFillController extends _univerjs_core.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() {
@@ -4016,11 +4017,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(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId();
 			const subUnitId = (_getActiveSheet = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.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,
@@ -4051,34 +4070,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 _univerjs_core.ObjectMatrix();
-						rule.ranges.forEach((range) => {
-							_univerjs_core.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 _univerjs_core.ObjectMatrix();
-						rule.ranges.forEach((range) => {
-							_univerjs_core.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
+					});
 				});
 			});
 		};
@@ -4086,7 +4093,8 @@ let ConditionalFormattingAutoFillController = class ConditionalFormattingAutoFil
 			var _this$_univerInstance, _this$_univerInstance2;
 			const unitId = (_this$_univerInstance = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getUnitId();
 			const subUnitId = (_this$_univerInstance2 = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.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();
@@ -4098,12 +4106,16 @@ let ConditionalFormattingAutoFillController = class ConditionalFormattingAutoFil
 				col: vSourceRange.startColumn
 			};
 			_univerjs_sheets.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 = (0, _univerjs_sheets.findAllRectangle)((0, _univerjs_sheets.createTopMatrixFromMatrix)(item));
 				if (ranges.length) {
 					const params = {
 						unitId,
@@ -4154,7 +4166,8 @@ ConditionalFormattingAutoFillController = __decorate([
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.IUniverInstanceService)),
 	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_sheets.IAutoFillService)),
 	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_sheets_conditional_formatting.ConditionalFormattingRuleModel)),
-	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets_conditional_formatting.ConditionalFormattingViewModel))
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets_conditional_formatting.ConditionalFormattingViewModel)),
+	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_sheets_conditional_formatting.ConditionalFormattingRangeTransformService))
 ], ConditionalFormattingAutoFillController);
 
 //#endregion
@@ -4272,7 +4285,7 @@ const repeatByRange = (sourceRange, targetRange) => {
 	return repeatList;
 };
 let ConditionalFormattingPainterController = class ConditionalFormattingPainterController extends _univerjs_core.Disposable {
-	constructor(_injector, _univerInstanceService, _formatPainterService, _sheetsSelectionsService, _conditionalFormattingRuleModel, _conditionalFormattingViewModel) {
+	constructor(_injector, _univerInstanceService, _formatPainterService, _sheetsSelectionsService, _conditionalFormattingRuleModel, _conditionalFormattingViewModel, _conditionalFormattingRangeTransformService) {
 		super();
 		this._injector = _injector;
 		this._univerInstanceService = _univerInstanceService;
@@ -4280,6 +4293,7 @@ let ConditionalFormattingPainterController = class ConditionalFormattingPainterC
 		this._sheetsSelectionsService = _sheetsSelectionsService;
 		this._conditionalFormattingRuleModel = _conditionalFormattingRuleModel;
 		this._conditionalFormattingViewModel = _conditionalFormattingViewModel;
+		this._conditionalFormattingRangeTransformService = _conditionalFormattingRangeTransformService;
 		_defineProperty(this, "_painterConfig", null);
 		this._initFormattingPainter();
 	}
@@ -4288,9 +4302,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,
@@ -4319,23 +4344,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 _univerjs_core.ObjectMatrix();
-						rule.ranges.forEach((range) => {
-							_univerjs_core.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
+					});
 				});
 			});
 		};
@@ -4343,22 +4371,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) => _univerjs_core.Rectangle.intersects(sourceRange, range))) {
-					const matrix = new _univerjs_core.ObjectMatrix();
-					if (!isSkipSheet) ranges.forEach((range) => {
-						_univerjs_core.Range.foreach(range, (row, col) => {
-							matrix.setValue(row, col, 1);
-						});
-					});
-					matrixMap.set(cfId, matrix);
-				}
+				if (ranges.some((range) => _univerjs_core.Rectangle.intersects(sourceRange, range))) rangeMap.set(cfId, isSkipSheet ? [] : ranges);
 			});
 			const sourceStartCell = {
 				row: sourceRange.startRow,
@@ -4368,16 +4389,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 = (0, _univerjs_sheets.findAllRectangle)((0, _univerjs_sheets.createTopMatrixFromMatrix)(item));
 					if (ranges.length) {
 						const params = {
 							unitId: sourceUnitId,
@@ -4406,7 +4431,6 @@ let ConditionalFormattingPainterController = class ConditionalFormattingPainterC
 					}
 				} else {
 					const rule = this._conditionalFormattingRuleModel.getRule(targetUnitId, targetSubUnitId, cfId);
-					const ranges = (0, _univerjs_sheets.findAllRectangle)((0, _univerjs_sheets.createTopMatrixFromMatrix)(item));
 					if (!rule) {
 						if (ranges.length) {
 							const sourceRule = this._conditionalFormattingRuleModel.getRule(sourceUnitId, sourceSubUnitId, cfId);
@@ -4500,7 +4524,8 @@ ConditionalFormattingPainterController = __decorate([
 	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.IFormatPainterService)),
 	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetsSelectionsService)),
 	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets_conditional_formatting.ConditionalFormattingRuleModel)),
-	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_sheets_conditional_formatting.ConditionalFormattingViewModel))
+	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_sheets_conditional_formatting.ConditionalFormattingViewModel)),
+	__decorateParam(6, (0, _univerjs_core.Inject)(_univerjs_sheets_conditional_formatting.ConditionalFormattingRangeTransformService))
 ], ConditionalFormattingPainterController);
 
 //#endregion
@@ -4565,63 +4590,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,
@@ -4629,7 +4654,7 @@ const commonSelections = [
 	},
 	{
 		label: {
-			name: "sheet.cf.menu.clearWorkSheetRules",
+			name: "sheets-conditional-formatting-ui.menu.clearWorkSheetRules",
 			selectable: false
 		},
 		value: 10
@@ -4704,7 +4729,7 @@ const FactoryManageConditionalFormattingRule = (accessor) => {
 		id: OpenConditionalFormattingOperator.id,
 		type: _univerjs_ui.MenuItemType.SELECTOR,
 		icon: "ConditionsDoubleIcon",
-		tooltip: "sheet.cf.title",
+		tooltip: "sheets-conditional-formatting-ui.title",
 		selections: selections$,
 		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
 		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {