@univerjs/sheets-conditional-formatting-ui 0.23.0 → 0.24.0-insiders.20260527-b1d726f

package/lib/cjs/index.js

@@ -468,15 +468,15 @@ 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) => {
 	var _getActiveSheet;
 	const { type, className, onChange, id, value } = props;
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
-	const unitId = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId();
-	const subUnitId = (_getActiveSheet = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getActiveSheet()) === null || _getActiveSheet === void 0 ? void 0 : _getActiveSheet.getSheetId();
+	const unitId = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId();
+	const subUnitId = (_getActiveSheet = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getActiveSheet()) === null || _getActiveSheet === void 0 ? void 0 : _getActiveSheet.getSheetId();
 	const formulaInitValue = (0, react.useMemo)(() => {
 		return String(value).startsWith("=") ? String(value) : "=";
 	}, [value]);
@@ -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",
@@ -1372,7 +1372,7 @@ const FormulaStyleEditor = (props) => {
 	var _props$rule;
 	const { onChange, interceptorManager } = props;
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
-	const workbook = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService).getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+	const workbook = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService).getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 	const worksheet = workbook.getActiveSheet();
 	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 divEleRef = (0, react.useRef)(null);
@@ -1407,7 +1407,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 +1425,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 +1448,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 +1490,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 +1541,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 +1650,7 @@ const HighlightCellInput = (props) => {
 			}
 	}
 	return null;
-};
+}
 const getOperatorOptions = (type, localeService) => {
 	switch (type) {
 		case _univerjs_sheets_conditional_formatting.CFSubRuleType.text: return [
@@ -1702,23 +1702,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 +1833,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",
@@ -1881,8 +1881,8 @@ const TextInput = (props) => {
 	var _getActiveSheet;
 	const { error, type, onChange } = props;
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
-	const unitId = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId();
-	const subUnitId = (_getActiveSheet = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getActiveSheet()) === null || _getActiveSheet === void 0 ? void 0 : _getActiveSheet.getSheetId();
+	const unitId = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId();
+	const subUnitId = (_getActiveSheet = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getActiveSheet()) === null || _getActiveSheet === void 0 ? void 0 : _getActiveSheet.getSheetId();
 	const formulaEditorRef = (0, react.useRef)(null);
 	const [isFocusFormulaEditor, setIsFocusFormulaEditor] = (0, react.useState)(false);
 	(0, _univerjs_ui.useSidebarClick)((e) => {
@@ -2009,27 +2009,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 +2060,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 +2076,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 +2120,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 +2233,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 +2297,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 +2322,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 +2330,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 +2350,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 +2458,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 +2503,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", {
@@ -2538,10 +2538,10 @@ const submit = (0, _univerjs_core.createInterceptorKey)("submit");
 
 //#endregion
 //#region src/components/panel/rule-edit/index.tsx
-const getUnitId = (univerInstanceService) => univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId();
+const getUnitId = (univerInstanceService) => univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId();
 const getSubUnitId = (univerInstanceService) => {
 	var _getActiveSheet;
-	return (_getActiveSheet = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getActiveSheet()) === null || _getActiveSheet === void 0 ? void 0 : _getActiveSheet.getSheetId();
+	return (_getActiveSheet = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getActiveSheet()) === null || _getActiveSheet === void 0 ? void 0 : _getActiveSheet.getSheetId();
 };
 const RuleEdit = (props) => {
 	var _props$rule$ranges, _props$rule, _props$rule5;
@@ -2570,27 +2570,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"
 		}
 	];
@@ -2656,7 +2656,7 @@ const RuleEdit = (props) => {
 	const handleSubmit = () => {
 		if (errorText) return;
 		const getRanges = () => {
-			const worksheet = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getActiveSheet();
+			const worksheet = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getActiveSheet();
 			if (!worksheet) throw new Error("No active sheet found");
 			return rangeResult.current.map((range) => (0, _univerjs_sheets.setEndForRange)(range, worksheet.getRowCount(), worksheet.getColumnCount())).filter((range) => !(Number.isNaN(range.startRow) || Number.isNaN(range.startColumn)));
 		};
@@ -2701,14 +2701,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 +2725,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,12 +2742,12 @@ 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")
 			})]
 		})
 	] });
@@ -2868,33 +2868,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 +2917,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 +3061,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 +3072,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 +3080,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 +3195,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,
@@ -3341,7 +3341,7 @@ let ConditionalFormattingClearController = class ConditionalFormattingClearContr
 				var _this$_selectionManag;
 				const ranges = (_this$_selectionManag = this._selectionManagerService.getCurrentSelections()) === null || _this$_selectionManag === void 0 ? void 0 : _this$_selectionManag.map((s) => s.range);
 				if (!ranges) return defaultV;
-				const workbook = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+				const workbook = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 				const worksheet = workbook.getActiveSheet();
 				if (!worksheet) return defaultV;
 				const unitId = workbook.getUnitId();
@@ -3423,7 +3423,7 @@ function generateClearCfMutations(injector, allRules, ranges, unitId, subUnitId)
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-conditional-formatting-ui";
-var version = "0.23.0";
+var version = "0.24.0-insiders.20260527-b1d726f";
 
 //#endregion
 //#region src/config/config.ts
@@ -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"));
 			}
 		}));
 	}
@@ -3899,13 +3899,13 @@ let SheetsCfRenderController = class SheetsCfRenderController extends _univerjs_
 	}
 	_markDirtySkeleton() {
 		var _this$_renderManagerS, _this$_renderManagerS2;
-		const unitId = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId();
+		const unitId = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId();
 		(_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 || _this$_renderManagerS.with(_univerjs_sheets_ui.SheetSkeletonManagerService).reCalculate();
 		(_this$_renderManagerS2 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS2 === void 0 || (_this$_renderManagerS2 = _this$_renderManagerS2.mainComponent) === null || _this$_renderManagerS2 === void 0 || _this$_renderManagerS2.makeDirty();
 	}
 	_initSkeleton() {
 		this.disposeWithMe((0, rxjs.merge)(this._conditionalFormattingRuleModel.$ruleChange, this._conditionalFormattingViewModel.markDirty$).pipe((0, rxjs_operators.bufferTime)(16), (0, rxjs_operators.filter)((v) => !!v.length), (0, rxjs_operators.filter)((v) => {
-			const workbook = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+			const workbook = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 			if (!workbook) return false;
 			const worksheet = workbook.getActiveSheet();
 			if (!worksheet) return false;
@@ -4018,8 +4018,8 @@ let ConditionalFormattingAutoFillController = class ConditionalFormattingAutoFil
 		});
 		const loopFunc = (sourceStartCell, targetStartCell, relativeRange, matrixMap, mapFunc) => {
 			var _getActiveSheet;
-			const unitId = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getUnitId();
-			const subUnitId = (_getActiveSheet = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET).getActiveSheet()) === null || _getActiveSheet === void 0 ? void 0 : _getActiveSheet.getSheetId();
+			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 sourceRange = {
 				startRow: sourceStartCell.row,
@@ -4084,8 +4084,8 @@ let ConditionalFormattingAutoFillController = class ConditionalFormattingAutoFil
 		};
 		const generalApplyFunc = (sourceRange, targetRange) => {
 			var _this$_univerInstance, _this$_univerInstance2;
-			const unitId = (_this$_univerInstance = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getUnitId();
-			const subUnitId = (_this$_univerInstance2 = this._univerInstanceService.getCurrentUnitForType(_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 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 redos = [];
 			const undos = [];
@@ -4467,8 +4467,8 @@ let ConditionalFormattingPainterController = class ConditionalFormattingPainterC
 					case _univerjs_sheets_ui.FormatPainterStatus.INFINITE:
 					case _univerjs_sheets_ui.FormatPainterStatus.ONCE: {
 						var _this$_univerInstance, _this$_univerInstance2;
-						const unitId = (_this$_univerInstance = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getUnitId();
-						const subUnitId = (_this$_univerInstance2 = this._univerInstanceService.getCurrentUnitForType(_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 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 selection = this._sheetsSelectionsService.getCurrentLastSelection();
 						const range = selection === null || selection === void 0 ? void 0 : selection.range;
 						if (unitId && subUnitId && range) this._painterConfig = {
@@ -4515,7 +4515,7 @@ let ConditionalFormattingViewportController = class ConditionalFormattingViewpor
 		this._init();
 	}
 	_init() {
-		const unit = this._univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const unit = this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		const bindUnit = (unit) => {
 			this._unitDisposable.dispose();
 			this._unitDisposable = new _univerjs_core.DisposableCollection();
@@ -4565,63 +4565,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 +4629,7 @@ const commonSelections = [
 	},
 	{
 		label: {
-			name: "sheet.cf.menu.clearWorkSheetRules",
+			name: "sheets-conditional-formatting-ui.menu.clearWorkSheetRules",
 			selectable: false
 		},
 		value: 10
@@ -4644,14 +4644,14 @@ const FactoryManageConditionalFormattingRule = (accessor) => {
 		const disposable = commandService.onCommandExecuted((commandInfo) => {
 			var _univerInstanceServic;
 			const { id, params } = commandInfo;
-			const unitId = (_univerInstanceServic = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getUnitId();
+			const unitId = (_univerInstanceServic = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getUnitId();
 			if (commandList.includes(id) && params.unitId === unitId) commandSubscribe.next(null);
 		});
 		return () => disposable.dispose();
 	})).pipe((0, rxjs_operators.debounceTime)(16)).subscribe(() => {
 		var _selectionManagerServ;
 		const ranges = ((_selectionManagerServ = selectionManagerService.getCurrentSelections()) === null || _selectionManagerServ === void 0 ? void 0 : _selectionManagerServ.map((selection) => selection.range)) || [];
-		const workbook = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		if (!workbook) return;
 		const worksheet = workbook.getActiveSheet();
 		if (!worksheet) return;
@@ -4664,12 +4664,12 @@ const FactoryManageConditionalFormattingRule = (accessor) => {
 		const disposable = commandService.onCommandExecuted((commandInfo) => {
 			var _univerInstanceServic2;
 			const { id, params } = commandInfo;
-			const unitId = (_univerInstanceServic2 = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _univerInstanceServic2 === void 0 ? void 0 : _univerInstanceServic2.getUnitId();
+			const unitId = (_univerInstanceServic2 = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _univerInstanceServic2 === void 0 ? void 0 : _univerInstanceServic2.getUnitId();
 			if (commandList.includes(id) && params.unitId === unitId) commandSubscribe.next(null);
 		});
 		return () => disposable.dispose();
 	}).pipe((0, rxjs_operators.debounceTime)(16)).subscribe(() => {
-		const workbook = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const workbook = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		if (!workbook) return;
 		const worksheet = workbook.getActiveSheet();
 		if (!worksheet) return;
@@ -4704,7 +4704,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, {