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

package/lib/es/index.js

@@ -467,7 +467,7 @@ const previewClassName = clsx("univer-mt-5 univer-px-1 univer-py-2 univer-rounde
 //#endregion
 //#region src/components/panel/rule-edit/ColorScale.tsx
 const createOptionItem$2 = (text, localeService) => ({
-	label: localeService.t(`sheet.cf.valueType.${text}`),
+	label: localeService.t(`sheets-conditional-formatting-ui.valueType.${text}`),
 	value: text
 });
 const TextInput$1 = (props) => {
@@ -660,7 +660,7 @@ const ColorScaleStyleEditor = (props) => {
 	return /* @__PURE__ */ jsxs("div", { children: [
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.panel.styleRule")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.styleRule")
 		}),
 		/* @__PURE__ */ jsx("div", {
 			className: previewClassName,
@@ -678,7 +678,7 @@ const ColorScaleStyleEditor = (props) => {
 		}),
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-3 univer-text-xs univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.valueType.min")
+			children: localeService.t("sheets-conditional-formatting-ui.valueType.min")
 		}),
 		/* @__PURE__ */ jsxs("div", {
 			className: "univer-mt-3 univer-flex univer-h-8 univer-items-center",
@@ -746,7 +746,7 @@ const ColorScaleStyleEditor = (props) => {
 		}),
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-3 univer-text-xs univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.panel.medianValue")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.medianValue")
 		}),
 		/* @__PURE__ */ jsxs("div", {
 			className: "univer-mt-3 univer-flex univer-h-8 univer-items-center",
@@ -814,7 +814,7 @@ const ColorScaleStyleEditor = (props) => {
 		}),
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-3 univer-text-xs univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.valueType.max")
+			children: localeService.t("sheets-conditional-formatting-ui.valueType.max")
 		}),
 		/* @__PURE__ */ jsxs("div", {
 			className: "univer-mt-3 univer-flex univer-h-8 univer-items-center",
@@ -886,7 +886,7 @@ const ColorScaleStyleEditor = (props) => {
 //#endregion
 //#region src/components/panel/rule-edit/DataBar.tsx
 const createOptionItem$1 = (text, localeService) => ({
-	label: localeService.t(`sheet.cf.valueType.${text}`),
+	label: localeService.t(`sheets-conditional-formatting-ui.valueType.${text}`),
 	value: text
 });
 const InputText = (props) => {
@@ -1080,7 +1080,7 @@ const DataBarStyleEditor = (props) => {
 	return /* @__PURE__ */ jsxs("div", { children: [
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.panel.styleRule")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.styleRule")
 		}),
 		/* @__PURE__ */ jsx("div", {
 			className: previewClassName,
@@ -1097,7 +1097,7 @@ const DataBarStyleEditor = (props) => {
 		}),
 		/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.panel.fillType")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.fillType")
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "univer-ml-1 univer-mt-3 univer-flex univer-items-center",
 			children: [/* @__PURE__ */ jsxs(RadioGroup, {
@@ -1119,13 +1119,13 @@ const DataBarStyleEditor = (props) => {
 					value: "0",
 					children: /* @__PURE__ */ jsx("span", {
 						className: "univer-text-xs",
-						children: localeService.t("sheet.cf.panel.pureColor")
+						children: localeService.t("sheets-conditional-formatting-ui.panel.pureColor")
 					})
 				}), /* @__PURE__ */ jsx(Radio, {
 					value: "1",
 					children: /* @__PURE__ */ jsx("span", {
 						className: "univer-text-xs",
-						children: localeService.t("sheet.cf.panel.gradient")
+						children: localeService.t("sheets-conditional-formatting-ui.panel.gradient")
 					})
 				})]
 			}), /* @__PURE__ */ jsxs("div", {
@@ -1145,19 +1145,19 @@ const DataBarStyleEditor = (props) => {
 							isShowValue: !v
 						});
 					}
-				}), localeService.t("sheet.cf.panel.onlyShowDataBar")]
+				}), localeService.t("sheets-conditional-formatting-ui.panel.onlyShowDataBar")]
 			})]
 		})] }),
 		/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.panel.colorSet")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.colorSet")
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "univer-ml-1 univer-mt-3 univer-flex univer-items-center",
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "univer-flex univer-items-center",
 				children: [/* @__PURE__ */ jsx("div", {
 					className: "univer-text-xs",
-					children: localeService.t("sheet.cf.panel.native")
+					children: localeService.t("sheets-conditional-formatting-ui.panel.native")
 				}), /* @__PURE__ */ jsx(ColorPicker$1, {
 					color: nativeColor,
 					onChange: handleNativeColorChange
@@ -1166,7 +1166,7 @@ const DataBarStyleEditor = (props) => {
 				className: "univer-ml-3 univer-flex univer-items-center",
 				children: [/* @__PURE__ */ jsx("div", {
 					className: "univer-text-xs",
-					children: localeService.t("sheet.cf.panel.positive")
+					children: localeService.t("sheets-conditional-formatting-ui.panel.positive")
 				}), /* @__PURE__ */ jsx(ColorPicker$1, {
 					color: positiveColor,
 					onChange: handlePositiveColorChange
@@ -1176,7 +1176,7 @@ const DataBarStyleEditor = (props) => {
 		/* @__PURE__ */ jsxs("div", { children: [
 			/* @__PURE__ */ jsx("div", {
 				className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-				children: localeService.t("sheet.cf.valueType.min")
+				children: localeService.t("sheets-conditional-formatting-ui.valueType.min")
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "univer-mt-3 univer-flex univer-items-center",
@@ -1222,7 +1222,7 @@ const DataBarStyleEditor = (props) => {
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "univer-mt-3 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-				children: localeService.t("sheet.cf.valueType.max")
+				children: localeService.t("sheets-conditional-formatting-ui.valueType.max")
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "univer-mt-3 univer-flex univer-items-center",
@@ -1279,23 +1279,19 @@ const getBooleanFromNumber = (v) => v !== BooleanNumber.FALSE;
 const ConditionalStyleEditor = (props) => {
 	const { style, onChange, className } = props;
 	const [isBold, setIsBold] = useState(() => {
-		const defaultV = void 0;
-		if (!(style === null || style === void 0 ? void 0 : style.bl)) return defaultV;
+		if (!(style === null || style === void 0 ? void 0 : style.bl)) return;
 		return style.bl;
 	});
 	const [isItalic, setIsItalic] = useState(() => {
-		const defaultV = void 0;
-		if (!(style === null || style === void 0 ? void 0 : style.it)) return defaultV;
+		if (!(style === null || style === void 0 ? void 0 : style.it)) return;
 		return style.it;
 	});
 	const [isUnderline, setIsUnderline] = useState(() => {
-		const defaultV = void 0;
-		if (!(style === null || style === void 0 ? void 0 : style.ul)) return defaultV;
+		if (!(style === null || style === void 0 ? void 0 : style.ul)) return;
 		return style.ul.s;
 	});
 	const [isStrikethrough, setIsStrikethrough] = useState(() => {
-		const defaultV = void 0;
-		if (!(style === null || style === void 0 ? void 0 : style.st)) return defaultV;
+		if (!(style === null || style === void 0 ? void 0 : style.st)) return;
 		return style.st.s;
 	});
 	const [fontColor, setFontColor] = useState(() => {
@@ -1406,7 +1402,7 @@ const FormulaStyleEditor = (props) => {
 	useEffect(() => {
 		return interceptorManager.intercept(interceptorManager.getInterceptPoints().beforeSubmit, { handler: (v, _c, next) => {
 			if (formulaError || formula.length === 1 || !formula.startsWith("=")) {
-				setFormulaError(localeService.t("sheet.cf.errorMessage.formulaError"));
+				setFormulaError(localeService.t("sheets-conditional-formatting-ui.errorMessage.formulaError"));
 				return false;
 			}
 			return next(v);
@@ -1424,7 +1420,7 @@ const FormulaStyleEditor = (props) => {
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-				children: localeService.t("sheet.cf.panel.styleRule")
+				children: localeService.t("sheets-conditional-formatting-ui.panel.styleRule")
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "univer-mt-3",
@@ -1447,7 +1443,7 @@ const FormulaStyleEditor = (props) => {
 						});
 					},
 					onVerify: (result, formula) => {
-						if (!result || formula.length === 1) setFormulaError(localeService.t("sheet.cf.errorMessage.formulaError"));
+						if (!result || formula.length === 1) setFormulaError(localeService.t("sheets-conditional-formatting-ui.errorMessage.formulaError"));
 						else setFormulaError(void 0);
 					}
 				})
@@ -1489,10 +1485,10 @@ const WrapperError = (props) => {
 //#endregion
 //#region src/components/panel/rule-edit/HighlightCell.tsx
 const createOptionItem = (text, localeService) => ({
-	label: localeService.t(`sheet.cf.operator.${text}`),
+	label: localeService.t(`sheets-conditional-formatting-ui.operator.${text}`),
 	value: text
 });
-const HighlightCellInput = (props) => {
+function HighlightCellInput(props) {
 	const { type, operator, onChange, value, interceptorManager } = props;
 	const localeService = useDependency(LocaleService);
 	const [inputNumberValue, setInputNumberValue] = useState(() => typeof value === "number" ? value : 0);
@@ -1540,7 +1536,7 @@ const HighlightCellInput = (props) => {
 					CFTextOperator.equal
 				].includes(operator)) {
 					if (!inputTextValue) {
-						setTextError(localeService.t("sheet.cf.errorMessage.notBlank"));
+						setTextError(localeService.t("sheets-conditional-formatting-ui.errorMessage.notBlank"));
 						return false;
 					}
 					return next(v);
@@ -1649,7 +1645,7 @@ const HighlightCellInput = (props) => {
 			}
 	}
 	return null;
-};
+}
 const getOperatorOptions = (type, localeService) => {
 	switch (type) {
 		case CFSubRuleType.text: return [
@@ -1701,23 +1697,23 @@ const HighlightCellStyleEditor = (props) => {
 	const typeOptions = [
 		{
 			value: CFSubRuleType.text,
-			label: localeService.t("sheet.cf.subRuleType.text")
+			label: localeService.t("sheets-conditional-formatting-ui.subRuleType.text")
 		},
 		{
 			value: CFSubRuleType.number,
-			label: localeService.t("sheet.cf.subRuleType.number")
+			label: localeService.t("sheets-conditional-formatting-ui.subRuleType.number")
 		},
 		{
 			value: CFSubRuleType.timePeriod,
-			label: localeService.t("sheet.cf.subRuleType.timePeriod")
+			label: localeService.t("sheets-conditional-formatting-ui.subRuleType.timePeriod")
 		},
 		{
 			value: CFSubRuleType.duplicateValues,
-			label: localeService.t("sheet.cf.subRuleType.duplicateValues")
+			label: localeService.t("sheets-conditional-formatting-ui.subRuleType.duplicateValues")
 		},
 		{
 			value: CFSubRuleType.uniqueValues,
-			label: localeService.t("sheet.cf.subRuleType.uniqueValues")
+			label: localeService.t("sheets-conditional-formatting-ui.subRuleType.uniqueValues")
 		}
 	];
 	const operatorOptions = useMemo(() => getOperatorOptions(subType, localeService), [subType]);
@@ -1832,7 +1828,7 @@ const HighlightCellStyleEditor = (props) => {
 	return /* @__PURE__ */ jsxs("div", { children: [
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.panel.styleRule")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.styleRule")
 		}),
 		/* @__PURE__ */ jsxs("div", {
 			className: "univer-flex univer-justify-between univer-gap-4",
@@ -2008,27 +2004,27 @@ const IconSetRuleEdit = (props) => {
 	const { onChange, configList, errorMap = {} } = props;
 	const localeService = useDependency(LocaleService);
 	const options = [{
-		label: localeService.t(`sheet.cf.symbol.${CFNumberOperator.greaterThan}`),
+		label: localeService.t(`sheets-conditional-formatting-ui.symbol.${CFNumberOperator.greaterThan}`),
 		value: CFNumberOperator.greaterThan
 	}, {
-		label: localeService.t(`sheet.cf.symbol.${CFNumberOperator.greaterThanOrEqual}`),
+		label: localeService.t(`sheets-conditional-formatting-ui.symbol.${CFNumberOperator.greaterThanOrEqual}`),
 		value: CFNumberOperator.greaterThanOrEqual
 	}];
 	const valueTypeOptions = [
 		{
-			label: localeService.t(`sheet.cf.valueType.${CFValueType.num}`),
+			label: localeService.t(`sheets-conditional-formatting-ui.valueType.${CFValueType.num}`),
 			value: CFValueType.num
 		},
 		{
-			label: localeService.t(`sheet.cf.valueType.${CFValueType.percent}`),
+			label: localeService.t(`sheets-conditional-formatting-ui.valueType.${CFValueType.percent}`),
 			value: CFValueType.percent
 		},
 		{
-			label: localeService.t(`sheet.cf.valueType.${CFValueType.percentile}`),
+			label: localeService.t(`sheets-conditional-formatting-ui.valueType.${CFValueType.percentile}`),
 			value: CFValueType.percentile
 		},
 		{
-			label: localeService.t(`sheet.cf.valueType.${CFValueType.formula}`),
+			label: localeService.t(`sheets-conditional-formatting-ui.valueType.${CFValueType.formula}`),
 			value: CFValueType.formula
 		}
 	];
@@ -2059,7 +2055,7 @@ const IconSetRuleEdit = (props) => {
 			const isEnd = index === configList.length - 1;
 			const isFirst = index === 0;
 			const preItem = configList[index - 1];
-			const lessThanText = (preItem === null || preItem === void 0 ? void 0 : preItem.value.type) === CFValueType.formula ? localeService.t("sheet.cf.valueType.formula") : preItem === null || preItem === void 0 ? void 0 : preItem.value.value;
+			const lessThanText = (preItem === null || preItem === void 0 ? void 0 : preItem.value.type) === CFValueType.formula ? localeService.t("sheets-conditional-formatting-ui.valueType.formula") : preItem === null || preItem === void 0 ? void 0 : preItem.value.value;
 			const handleIconClick = (iconType, iconId) => {
 				const value = {
 					...item,
@@ -2075,16 +2071,16 @@ const IconSetRuleEdit = (props) => {
 						className: "univer-mt-3 univer-flex univer-items-center univer-justify-between univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
 						children: [/* @__PURE__ */ jsxs("div", {
 							className: "univer-w-[45%]",
-							children: [localeService.t("sheet.cf.iconSet.icon"), index + 1]
+							children: [localeService.t("sheets-conditional-formatting-ui.iconSet.icon"), index + 1]
 						}), /* @__PURE__ */ jsx("div", {
 							className: "univer-w-[45%]",
-							children: /* @__PURE__ */ jsxs(Fragment, { children: [!isFirst && !isEnd && localeService.t("sheet.cf.iconSet.rule"), !isFirst && !isEnd && /* @__PURE__ */ jsxs("span", {
+							children: /* @__PURE__ */ jsxs(Fragment, { children: [!isFirst && !isEnd && localeService.t("sheets-conditional-formatting-ui.iconSet.rule"), !isFirst && !isEnd && /* @__PURE__ */ jsxs("span", {
 								className: "univer-font-medium univer-text-gray-600 dark:!univer-text-gray-200",
 								children: [
-									localeService.t("sheet.cf.iconSet.when"),
-									localeService.t(`sheet.cf.symbol.${getOppositeOperator(preItem.operator)}`),
+									localeService.t("sheets-conditional-formatting-ui.iconSet.when"),
+									localeService.t(`sheets-conditional-formatting-ui.symbol.${getOppositeOperator(preItem.operator)}`),
 									lessThanText,
-									isEnd ? "" : ` ${localeService.t("sheet.cf.iconSet.and")} `
+									isEnd ? "" : ` ${localeService.t("sheets-conditional-formatting-ui.iconSet.and")} `
 								]
 							})] })
 						})]
@@ -2119,20 +2115,20 @@ const IconSetRuleEdit = (props) => {
 							}
 						}) : /* @__PURE__ */ jsxs("div", {
 							className: "univer-mt-0 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-							children: [localeService.t("sheet.cf.iconSet.rule"), /* @__PURE__ */ jsxs("span", {
+							children: [localeService.t("sheets-conditional-formatting-ui.iconSet.rule"), /* @__PURE__ */ jsxs("span", {
 								className: "univer-font-medium",
 								children: [
-									localeService.t("sheet.cf.iconSet.when"),
-									localeService.t(`sheet.cf.symbol.${getOppositeOperator(preItem.operator)}`),
+									localeService.t("sheets-conditional-formatting-ui.iconSet.when"),
+									localeService.t(`sheets-conditional-formatting-ui.symbol.${getOppositeOperator(preItem.operator)}`),
 									lessThanText,
-									isEnd ? "" : ` ${localeService.t("sheet.cf.iconSet.and")} `
+									isEnd ? "" : ` ${localeService.t("sheets-conditional-formatting-ui.iconSet.and")} `
 								]
 							})]
 						})]
 					}),
 					!isEnd ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 						className: "univer-mt-3 univer-grid univer-grid-cols-2 univer-gap-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-						children: [/* @__PURE__ */ jsx("div", { children: localeService.t("sheet.cf.iconSet.type") }), /* @__PURE__ */ jsx("div", { children: localeService.t("sheet.cf.iconSet.value") })]
+						children: [/* @__PURE__ */ jsx("div", { children: localeService.t("sheets-conditional-formatting-ui.iconSet.type") }), /* @__PURE__ */ jsx("div", { children: localeService.t("sheets-conditional-formatting-ui.iconSet.value") })]
 					}), /* @__PURE__ */ jsxs("div", {
 						className: "univer-mt-3 univer-grid univer-grid-cols-2 univer-gap-4",
 						children: [/* @__PURE__ */ jsx(Select, {
@@ -2232,7 +2228,7 @@ const IconSet = (props) => {
 				if (!compareWithNumber({
 					operator: preOperator,
 					value: preItem.value.value
-				}, item.value.value)) result[index] = `${localeService.t(`sheet.cf.form.${preOperator}`, String(preItem.value.value))} `;
+				}, item.value.value)) result[index] = `${localeService.t(`sheets-conditional-formatting-ui.form.${preOperator}`, String(preItem.value.value))} `;
 			});
 			return result;
 		}
@@ -2296,7 +2292,7 @@ const IconSet = (props) => {
 	return /* @__PURE__ */ jsxs("div", { children: [
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-4 univer-text-sm univer-text-gray-600",
-			children: localeService.t("sheet.cf.panel.styleRule")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.styleRule")
 		}),
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-3",
@@ -2321,7 +2317,7 @@ const IconSet = (props) => {
 			className: "univer-mt-3 univer-flex univer-items-center univer-text-xs",
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "univer-flex univer-items-center univer-text-xs",
-				children: [/* @__PURE__ */ jsx(Checkbox, { onChange: reverseIcon }), localeService.t("sheet.cf.iconSet.reverseIconOrder")]
+				children: [/* @__PURE__ */ jsx(Checkbox, { onChange: reverseIcon }), localeService.t("sheets-conditional-formatting-ui.iconSet.reverseIconOrder")]
 			}), /* @__PURE__ */ jsxs("div", {
 				className: "univer-ml-6 univer-flex univer-items-center univer-text-xs",
 				children: [/* @__PURE__ */ jsx(Checkbox, {
@@ -2329,7 +2325,7 @@ const IconSet = (props) => {
 					onChange: (v) => {
 						setIsShowValue(!v);
 					}
-				}), localeService.t("sheet.cf.iconSet.onlyShowIcon")]
+				}), localeService.t("sheets-conditional-formatting-ui.iconSet.onlyShowIcon")]
 			})]
 		}),
 		/* @__PURE__ */ jsx(IconSetRuleEdit, {
@@ -2349,19 +2345,19 @@ const RankStyleEditor = (props) => {
 	const rule = ((_props$rule = props.rule) === null || _props$rule === void 0 ? void 0 : _props$rule.type) === CFRuleType.highlightCell ? props.rule : void 0;
 	const options = [
 		{
-			label: localeService.t("sheet.cf.panel.isNotBottom"),
+			label: localeService.t("sheets-conditional-formatting-ui.panel.isNotBottom"),
 			value: "isNotBottom"
 		},
 		{
-			label: localeService.t("sheet.cf.panel.isBottom"),
+			label: localeService.t("sheets-conditional-formatting-ui.panel.isBottom"),
 			value: "isBottom"
 		},
 		{
-			label: localeService.t("sheet.cf.panel.greaterThanAverage"),
+			label: localeService.t("sheets-conditional-formatting-ui.panel.greaterThanAverage"),
 			value: "greaterThanAverage"
 		},
 		{
-			label: localeService.t("sheet.cf.panel.lessThanAverage"),
+			label: localeService.t("sheets-conditional-formatting-ui.panel.lessThanAverage"),
 			value: "lessThanAverage"
 		}
 	];
@@ -2457,7 +2453,7 @@ const RankStyleEditor = (props) => {
 	return /* @__PURE__ */ jsxs("div", { children: [
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.panel.styleRule")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.styleRule")
 		}),
 		/* @__PURE__ */ jsx(Select, {
 			className: "univer-mt-3 univer-w-full",
@@ -2502,7 +2498,7 @@ const RankStyleEditor = (props) => {
 							style
 						});
 					}
-				}), localeService.t("sheet.cf.valueType.percent")]
+				}), localeService.t("sheets-conditional-formatting-ui.valueType.percent")]
 			})]
 		}),
 		/* @__PURE__ */ jsx("div", {
@@ -2569,27 +2565,27 @@ const RuleEdit = (props) => {
 	}, [props.rule]);
 	const options = [
 		{
-			label: localeService.t("sheet.cf.ruleType.highlightCell"),
+			label: localeService.t("sheets-conditional-formatting-ui.ruleType.highlightCell"),
 			value: "1"
 		},
 		{
-			label: localeService.t("sheet.cf.panel.rankAndAverage"),
+			label: localeService.t("sheets-conditional-formatting-ui.panel.rankAndAverage"),
 			value: "2"
 		},
 		{
-			label: localeService.t("sheet.cf.ruleType.dataBar"),
+			label: localeService.t("sheets-conditional-formatting-ui.ruleType.dataBar"),
 			value: "3"
 		},
 		{
-			label: localeService.t("sheet.cf.ruleType.colorScale"),
+			label: localeService.t("sheets-conditional-formatting-ui.ruleType.colorScale"),
 			value: "4"
 		},
 		{
-			label: localeService.t("sheet.cf.ruleType.formula"),
+			label: localeService.t("sheets-conditional-formatting-ui.ruleType.formula"),
 			value: "5"
 		},
 		{
-			label: localeService.t("sheet.cf.ruleType.iconSet"),
+			label: localeService.t("sheets-conditional-formatting-ui.ruleType.iconSet"),
 			value: "6"
 		}
 	];
@@ -2700,14 +2696,14 @@ const RuleEdit = (props) => {
 		props.onCancel();
 	};
 	const handleVerify = (v, rangeText) => {
-		if (v) if (rangeText.length < 1) setErrorText(localeService.t("sheet.cf.errorMessage.rangeError"));
+		if (v) if (rangeText.length < 1) setErrorText(localeService.t("sheets-conditional-formatting-ui.errorMessage.rangeError"));
 		else setErrorText(void 0);
-		else setErrorText(localeService.t("sheet.cf.errorMessage.rangeError"));
+		else setErrorText(localeService.t("sheets-conditional-formatting-ui.errorMessage.rangeError"));
 	};
 	return /* @__PURE__ */ jsxs("div", { children: [
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.panel.range")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.range")
 		}),
 		/* @__PURE__ */ jsxs("div", {
 			className: "univer-mt-4",
@@ -2724,7 +2720,7 @@ const RuleEdit = (props) => {
 		}),
 		/* @__PURE__ */ jsx("div", {
 			className: "univer-mt-4 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-			children: localeService.t("sheet.cf.panel.styleType")
+			children: localeService.t("sheets-conditional-formatting-ui.panel.styleType")
 		}),
 		/* @__PURE__ */ jsx(Select, {
 			className: "univer-mt-4 univer-w-full",
@@ -2741,19 +2737,19 @@ const RuleEdit = (props) => {
 			className: "univer-mt-4 univer-flex univer-justify-end",
 			children: [/* @__PURE__ */ jsx(Button, {
 				onClick: handleCancel,
-				children: localeService.t("sheet.cf.panel.cancel")
+				children: localeService.t("sheets-conditional-formatting-ui.panel.cancel")
 			}), /* @__PURE__ */ jsx(Button, {
 				className: "univer-ml-3",
 				variant: "primary",
 				onClick: handleSubmit,
-				children: localeService.t("sheet.cf.panel.submit")
+				children: localeService.t("sheets-conditional-formatting-ui.panel.submit")
 			})]
 		})
 	] });
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -2764,7 +2760,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -2777,14 +2773,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.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,
@@ -2795,7 +2791,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -2803,7 +2799,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.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);
@@ -2867,33 +2863,33 @@ ConditionalFormattingI18nController = __decorate([__decorateParam(0, Inject(Loca
 const getRuleDescribe = (rule, localeService) => {
 	const ruleConfig = rule.rule;
 	switch (ruleConfig.type) {
-		case CFRuleType.colorScale: return localeService.t("sheet.cf.ruleType.colorScale");
-		case CFRuleType.dataBar: return localeService.t("sheet.cf.ruleType.dataBar");
-		case CFRuleType.iconSet: return localeService.t("sheet.cf.ruleType.iconSet");
+		case CFRuleType.colorScale: return localeService.t("sheets-conditional-formatting-ui.ruleType.colorScale");
+		case CFRuleType.dataBar: return localeService.t("sheets-conditional-formatting-ui.ruleType.dataBar");
+		case CFRuleType.iconSet: return localeService.t("sheets-conditional-formatting-ui.ruleType.iconSet");
 		case CFRuleType.highlightCell: switch (ruleConfig.subType) {
 			case CFSubRuleType.average: {
 				const operator = ruleConfig.operator;
-				return localeService.t(`sheet.cf.preview.describe.${operator}`, localeService.t("sheet.cf.subRuleType.average"));
+				return localeService.t(`sheets-conditional-formatting-ui.preview.describe.${operator}`, localeService.t("sheets-conditional-formatting-ui.subRuleType.average"));
 			}
-			case CFSubRuleType.duplicateValues: return localeService.t("sheet.cf.subRuleType.duplicateValues");
-			case CFSubRuleType.uniqueValues: return localeService.t("sheet.cf.subRuleType.uniqueValues");
+			case CFSubRuleType.duplicateValues: return localeService.t("sheets-conditional-formatting-ui.subRuleType.duplicateValues");
+			case CFSubRuleType.uniqueValues: return localeService.t("sheets-conditional-formatting-ui.subRuleType.uniqueValues");
 			case CFSubRuleType.number: {
 				const operator = ruleConfig.operator;
-				return localeService.t(`sheet.cf.preview.describe.${operator}`, ...Array.isArray(ruleConfig.value) ? ruleConfig.value.map((e) => String(e)) : [String(ruleConfig.value || "")]);
+				return localeService.t(`sheets-conditional-formatting-ui.preview.describe.${operator}`, ...Array.isArray(ruleConfig.value) ? ruleConfig.value.map((e) => String(e)) : [String(ruleConfig.value || "")]);
 			}
 			case CFSubRuleType.text: {
 				const operator = ruleConfig.operator;
-				return localeService.t(`sheet.cf.preview.describe.${operator}`, ruleConfig.value || "");
+				return localeService.t(`sheets-conditional-formatting-ui.preview.describe.${operator}`, ruleConfig.value || "");
 			}
 			case CFSubRuleType.timePeriod: {
 				const operator = ruleConfig.operator;
-				return localeService.t(`sheet.cf.preview.describe.${operator}`);
+				return localeService.t(`sheets-conditional-formatting-ui.preview.describe.${operator}`);
 			}
-			case CFSubRuleType.rank: if (ruleConfig.isPercent) if (ruleConfig.isBottom) return localeService.t("sheet.cf.preview.describe.bottomNPercent", String(ruleConfig.value));
-			else return localeService.t("sheet.cf.preview.describe.topNPercent", String(ruleConfig.value));
-			else if (ruleConfig.isBottom) return localeService.t("sheet.cf.preview.describe.bottomN", String(ruleConfig.value));
-			else return localeService.t("sheet.cf.preview.describe.topN", String(ruleConfig.value));
-			case CFSubRuleType.formula: return localeService.t("sheet.cf.ruleType.formula");
+			case CFSubRuleType.rank: if (ruleConfig.isPercent) if (ruleConfig.isBottom) return localeService.t("sheets-conditional-formatting-ui.preview.describe.bottomNPercent", String(ruleConfig.value));
+			else return localeService.t("sheets-conditional-formatting-ui.preview.describe.topNPercent", String(ruleConfig.value));
+			else if (ruleConfig.isBottom) return localeService.t("sheets-conditional-formatting-ui.preview.describe.bottomN", String(ruleConfig.value));
+			else return localeService.t("sheets-conditional-formatting-ui.preview.describe.topN", String(ruleConfig.value));
+			case CFSubRuleType.formula: return localeService.t("sheets-conditional-formatting-ui.ruleType.formula");
 		}
 	}
 };
@@ -2916,10 +2912,10 @@ const RuleList = (props) => {
 	const [fetchRuleListId, setFetchRuleListId] = useState(0);
 	const [draggingId, setDraggingId] = useState("");
 	const selectOption = [{
-		label: localeService.t("sheet.cf.panel.workSheet"),
+		label: localeService.t("sheets-conditional-formatting-ui.panel.workSheet"),
 		value: "2"
 	}, {
-		label: localeService.t("sheet.cf.panel.selectedRange"),
+		label: localeService.t("sheets-conditional-formatting-ui.panel.selectedRange"),
 		value: "1"
 	}];
 	const getRuleList = () => {
@@ -3060,7 +3056,7 @@ const RuleList = (props) => {
 		className: "\n                  univer-mb-2 univer-flex univer-items-center univer-justify-between univer-gap-2 univer-text-sm\n                ",
 		children: [/* @__PURE__ */ jsx("div", {
 			className: "univer-flex univer-items-center univer-gap-2",
-			children: conditionalFormattingI18nController.tWithReactNode("sheet.cf.panel.managerRuleSelect", /* @__PURE__ */ jsx(Select, {
+			children: conditionalFormattingI18nController.tWithReactNode("sheets-conditional-formatting-ui.panel.managerRuleSelect", /* @__PURE__ */ jsx(Select, {
 				className: "univer-w-36",
 				options: selectOption,
 				value: selectValue,
@@ -3071,7 +3067,7 @@ const RuleList = (props) => {
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "univer-flex univer-justify-end univer-space-x-2",
 			children: [/* @__PURE__ */ jsx(Tooltip, {
-				title: localeService.t("sheet.cf.panel.createRule"),
+				title: localeService.t("sheets-conditional-formatting-ui.panel.createRule"),
 				placement: "bottom",
 				children: /* @__PURE__ */ jsx("a", {
 					className: "univer-size-5 univer-cursor-pointer",
@@ -3079,7 +3075,7 @@ const RuleList = (props) => {
 					children: /* @__PURE__ */ jsx(IncreaseIcon, {})
 				})
 			}), ruleList.length && isHasAllRuleEditPermission ? /* @__PURE__ */ jsx(Tooltip, {
-				title: localeService.t("sheet.cf.panel.clear"),
+				title: localeService.t("sheets-conditional-formatting-ui.panel.clear"),
 				placement: "bottom",
 				children: /* @__PURE__ */ jsx("a", {
 					className: "univer-size-5 univer-cursor-pointer",
@@ -3194,7 +3190,7 @@ let ConditionalFormattingPanelController = class ConditionalFormattingPanelContr
 	openPanel(rule) {
 		const props = {
 			id: CF_PANEL_KEY,
-			header: { title: this._localeService.t("sheet.cf.title") },
+			header: { title: this._localeService.t("sheets-conditional-formatting-ui.title") },
 			children: {
 				label: CF_PANEL_KEY,
 				rule,
@@ -3422,7 +3418,7 @@ function generateClearCfMutations(injector, allRules, ranges, unitId, subUnitId)
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-conditional-formatting-ui";
-var version = "0.24.0";
+var version = "0.25.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -3867,7 +3863,7 @@ let ConditionalFormattingPermissionController = class ConditionalFormattingPermi
 					workbookTypes: [WorkbookEditablePermission],
 					rangeTypes: [RangeProtectionPermissionEditPoint],
 					worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission]
-				}, ranges, unitId, subUnitId)) this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr"));
+				}, ranges, unitId, subUnitId)) this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("sheets-conditional-formatting-ui.permission.dialog.setStyleErr"));
 			}
 		}));
 	}
@@ -4564,63 +4560,63 @@ const commandList = [
 const commonSelections = [
 	{
 		label: {
-			name: "sheet.cf.ruleType.highlightCell",
+			name: "sheets-conditional-formatting-ui.ruleType.highlightCell",
 			selectable: false
 		},
 		value: 3
 	},
 	{
 		label: {
-			name: "sheet.cf.panel.rankAndAverage",
+			name: "sheets-conditional-formatting-ui.panel.rankAndAverage",
 			selectable: false
 		},
 		value: 4
 	},
 	{
 		label: {
-			name: "sheet.cf.ruleType.formula",
+			name: "sheets-conditional-formatting-ui.ruleType.formula",
 			selectable: false
 		},
 		value: 5
 	},
 	{
 		label: {
-			name: "sheet.cf.ruleType.colorScale",
+			name: "sheets-conditional-formatting-ui.ruleType.colorScale",
 			selectable: false
 		},
 		value: 6
 	},
 	{
 		label: {
-			name: "sheet.cf.ruleType.dataBar",
+			name: "sheets-conditional-formatting-ui.ruleType.dataBar",
 			selectable: false
 		},
 		value: 7
 	},
 	{
 		label: {
-			name: "sheet.cf.ruleType.iconSet",
+			name: "sheets-conditional-formatting-ui.ruleType.iconSet",
 			selectable: false
 		},
 		value: 8
 	},
 	{
 		label: {
-			name: "sheet.cf.menu.manageConditionalFormatting",
+			name: "sheets-conditional-formatting-ui.menu.manageConditionalFormatting",
 			selectable: false
 		},
 		value: 2
 	},
 	{
 		label: {
-			name: "sheet.cf.menu.createConditionalFormatting",
+			name: "sheets-conditional-formatting-ui.menu.createConditionalFormatting",
 			selectable: false
 		},
 		value: 1
 	},
 	{
 		label: {
-			name: "sheet.cf.menu.clearRangeRules",
+			name: "sheets-conditional-formatting-ui.menu.clearRangeRules",
 			selectable: false
 		},
 		value: 9,
@@ -4628,7 +4624,7 @@ const commonSelections = [
 	},
 	{
 		label: {
-			name: "sheet.cf.menu.clearWorkSheetRules",
+			name: "sheets-conditional-formatting-ui.menu.clearWorkSheetRules",
 			selectable: false
 		},
 		value: 10
@@ -4703,7 +4699,7 @@ const FactoryManageConditionalFormattingRule = (accessor) => {
 		id: OpenConditionalFormattingOperator.id,
 		type: MenuItemType.SELECTOR,
 		icon: "ConditionsDoubleIcon",
-		tooltip: "sheet.cf.title",
+		tooltip: "sheets-conditional-formatting-ui.title",
 		selections: selections$,
 		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
 		disabled$: getCurrentRangeDisable$(accessor, {