@univerjs/sheets-conditional-formatting-ui 0.24.0 → 0.25.0

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.133.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.133.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.133.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.133.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.133.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.133.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,
@@ -3423,7 +3419,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";
 
 //#endregion
 //#region src/config/config.ts
@@ -3868,7 +3864,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"));
 			}
 		}));
 	}
@@ -4565,63 +4561,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 +4625,7 @@ const commonSelections = [
 	},
 	{
 		label: {
-			name: "sheet.cf.menu.clearWorkSheetRules",
+			name: "sheets-conditional-formatting-ui.menu.clearWorkSheetRules",
 			selectable: false
 		},
 		value: 10
@@ -4704,7 +4700,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, {