@univerjs/sheets-conditional-formatting-ui 1.0.0-rc.0 → 1.0.0

package/lib/cjs/index.js

@@ -24,7 +24,8 @@ const AddAverageCfCommand = {
 		const { ranges, style, stopIfTrue, operator } = params;
 		const conditionalFormattingRuleModel = accessor.get(_univerjs_sheets_conditional_formatting.ConditionalFormattingRuleModel);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
-		const target = (0, _univerjs_sheets.getSheetCommandTarget)(accessor.get(_univerjs_core.IUniverInstanceService));
+		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService);
 		if (!target) return false;
 		const { unitId, subUnitId } = target;
 		const rule = {
@@ -56,7 +57,8 @@ const AddColorScaleConditionalRuleCommand = {
 		const { ranges, config, stopIfTrue } = params;
 		const conditionalFormattingRuleModel = accessor.get(_univerjs_sheets_conditional_formatting.ConditionalFormattingRuleModel);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
-		const target = (0, _univerjs_sheets.getSheetCommandTarget)(accessor.get(_univerjs_core.IUniverInstanceService));
+		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService);
 		if (!target) return false;
 		const { unitId, subUnitId } = target;
 		const rule = {
@@ -87,7 +89,8 @@ const AddDataBarConditionalRuleCommand = {
 		const ranges = params.ranges ?? accessor.get(_univerjs_sheets.SheetsSelectionsService).getCurrentSelections().map((selection) => selection.range);
 		if (!ranges.length) return false;
 		const conditionalFormattingRuleModel = accessor.get(_univerjs_sheets_conditional_formatting.ConditionalFormattingRuleModel);
-		const target = (0, _univerjs_sheets.getSheetCommandTarget)(accessor.get(_univerjs_core.IUniverInstanceService));
+		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService);
 		if (!target) return false;
 		const { unitId, subUnitId } = target;
 		const commandService = accessor.get(_univerjs_core.ICommandService);
@@ -125,7 +128,8 @@ const AddDuplicateValuesCfCommand = {
 		const { ranges, style, stopIfTrue } = params;
 		const conditionalFormattingRuleModel = accessor.get(_univerjs_sheets_conditional_formatting.ConditionalFormattingRuleModel);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
-		const target = (0, _univerjs_sheets.getSheetCommandTarget)(accessor.get(_univerjs_core.IUniverInstanceService));
+		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService);
 		if (!target) return false;
 		const { unitId, subUnitId } = target;
 		const rule = {
@@ -186,7 +190,8 @@ const AddNumberCfCommand = {
 		const { ranges, style, stopIfTrue, operator, value } = params;
 		const conditionalFormattingRuleModel = accessor.get(_univerjs_sheets_conditional_formatting.ConditionalFormattingRuleModel);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
-		const target = (0, _univerjs_sheets.getSheetCommandTarget)(accessor.get(_univerjs_core.IUniverInstanceService));
+		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService);
 		if (!target) return false;
 		const { unitId, subUnitId } = target;
 		const cfId = conditionalFormattingRuleModel.createCfId(unitId, subUnitId);
@@ -274,7 +279,8 @@ const AddTextCfCommand = {
 		if (!params) return false;
 		const { ranges, style, stopIfTrue, operator, value } = params;
 		const conditionalFormattingRuleModel = accessor.get(_univerjs_sheets_conditional_formatting.ConditionalFormattingRuleModel);
-		const target = (0, _univerjs_sheets.getSheetCommandTarget)(accessor.get(_univerjs_core.IUniverInstanceService));
+		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService);
 		if (!target) return false;
 		const { unitId, subUnitId } = target;
 		const commandService = accessor.get(_univerjs_core.ICommandService);
@@ -383,7 +389,7 @@ const AddUniqueValuesCfCommand = {
 const CF_PANEL_KEY = "sheet.conditional.formatting.panel";
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -394,7 +400,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -407,14 +413,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.149.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.140.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -425,7 +431,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -433,7 +439,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.149.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);
@@ -574,9 +580,7 @@ const OpenConditionalFormattingOperator = {
 			case 9:
 				commandService.executeCommand(_univerjs_sheets_conditional_formatting.ClearRangeCfCommand.id, { ranges });
 				break;
-			case 10:
-				commandService.executeCommand(_univerjs_sheets_conditional_formatting.ClearWorksheetCfCommand.id);
-				break;
+			case 10: commandService.executeCommand(_univerjs_sheets_conditional_formatting.ClearWorksheetCfCommand.id);
 		}
 		return true;
 	}
@@ -1004,7 +1008,7 @@ const menuSchema = {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-conditional-formatting-ui";
-var version = "1.0.0-rc.0";
+var version = "1.0.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -1044,11 +1048,9 @@ let ConditionalFormattingFormulaRefRangeController = class ConditionalFormatting
 					if (item.value.type === _univerjs_sheets_conditional_formatting.CFValueType.formula) formulas.push(item.value.value);
 				});
 				break;
-			case _univerjs_sheets_conditional_formatting.CFRuleType.iconSet:
-				ruleConfig.config.forEach((item) => {
-					if (item.value.type === _univerjs_sheets_conditional_formatting.CFValueType.formula) formulas.push(item.value.value);
-				});
-				break;
+			case _univerjs_sheets_conditional_formatting.CFRuleType.iconSet: ruleConfig.config.forEach((item) => {
+				if (item.value.type === _univerjs_sheets_conditional_formatting.CFValueType.formula) formulas.push(item.value.value);
+			});
 		}
 		return formulas;
 	}
@@ -1071,11 +1073,9 @@ let ConditionalFormattingFormulaRefRangeController = class ConditionalFormatting
 					if (item.value.type === _univerjs_sheets_conditional_formatting.CFValueType.formula) item.value.value = formulas[formulaIndex++];
 				});
 				break;
-			case _univerjs_sheets_conditional_formatting.CFRuleType.iconSet:
-				ruleConfig.config.forEach((item) => {
-					if (item.value.type === _univerjs_sheets_conditional_formatting.CFValueType.formula) item.value.value = formulas[formulaIndex++];
-				});
-				break;
+			case _univerjs_sheets_conditional_formatting.CFRuleType.iconSet: ruleConfig.config.forEach((item) => {
+				if (item.value.type === _univerjs_sheets_conditional_formatting.CFValueType.formula) item.value.value = formulas[formulaIndex++];
+			});
 		}
 		return newRule;
 	}
@@ -1726,12 +1726,13 @@ function Preview(props) {
 		case _univerjs_sheets_conditional_formatting.CFRuleType.dataBar: {
 			const { isGradient } = rule.config;
 			const positiveColor = isGradient ? `linear-gradient(to right, ${rule.config.positiveColor || _univerjs_sheets_conditional_formatting.defaultDataBarPositiveColor}, rgb(255 255 255))` : rule.config.positiveColor;
+			const nativeColor = isGradient ? `linear-gradient(to right,  rgb(255 255 255),${rule.config.nativeColor || _univerjs_sheets_conditional_formatting.defaultDataBarNativeColor})` : rule.config.nativeColor;
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: previewClassName,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: "univer-h-full univer-w-1/2 univer-border univer-border-solid",
 					style: {
-						background: isGradient ? `linear-gradient(to right,  rgb(255 255 255),${rule.config.nativeColor || _univerjs_sheets_conditional_formatting.defaultDataBarNativeColor})` : rule.config.nativeColor,
+						background: nativeColor,
 						borderColor: rule.config.nativeColor ?? _univerjs_sheets_conditional_formatting.defaultDataBarNativeColor
 					}
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -2889,7 +2890,6 @@ function HighlightCellInput(props) {
 					_univerjs_sheets_conditional_formatting.CFNumberOperator.lessThanOrEqual
 				].includes(operator)) onChange(inputNumberValue);
 				if ([_univerjs_sheets_conditional_formatting.CFNumberOperator.between, _univerjs_sheets_conditional_formatting.CFNumberOperator.notBetween].includes(operator)) onChange([inputNumberMin, inputNumberMax]);
-				break;
 		}
 	}, [type]);
 	(0, react.useEffect)(() => {
@@ -3578,12 +3578,13 @@ const IconSet = (props) => {
 		return !!rule.isShowValue;
 	});
 	const previewIcon = (0, react.useMemo)(() => {
+		const list = configList.map((item) => {
+			return getIcon(item.iconType, item.iconId);
+		});
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			"data-u-comp": "cf-icon-set-preview",
 			className: "univer-flex univer-items-center rtl:univer-flex-row-reverse",
-			children: configList.map((item) => {
-				return getIcon(item.iconType, item.iconId);
-			}).map((icon, index) => icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
+			children: list.map((icon, index) => icon ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
 				className: "univer-size-5",
 				src: icon
 			}, index) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.SlashDoubleIcon, { className: "univer-size-5" }, index))
@@ -4114,9 +4115,10 @@ const RuleEdit = (props) => {
 			setErrorText(void 0);
 			return;
 		}
-		if (v) if (rangeText.length < 1) setErrorText(localeService.t("sheets-conditional-formatting-ui.errorMessage.rangeError"));
-		else setErrorText(void 0);
-		else setErrorText(localeService.t("sheets-conditional-formatting-ui.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("sheets-conditional-formatting-ui.errorMessage.rangeError"));
 	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -4196,9 +4198,10 @@ const getRuleDescribe = (rule, localeService) => {
 				const operator = ruleConfig.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("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));
+			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");
 		}
@@ -4525,7 +4528,10 @@ MobileComponentsController = __decorate([__decorateParam(0, (0, _univerjs_core.I
 
 //#endregion
 //#region src/menu/mobile-schema.ts
-const mobileMenuSchema = { ...conditionalFormattingRuleMenuSchema };
+const mobileMenuSchema = { [_univerjs_ui.RibbonDataGroup.RULES]: { [OpenConditionalFormattingOperator.id]: {
+	order: 1,
+	menuItemFactory: FactoryManageConditionalFormattingRule
+} } };
 
 //#endregion
 //#region src/menu/mobile-cf.menu.controller.ts
@@ -4993,31 +4999,33 @@ let ConditionalFormattingPainterController = class ConditionalFormattingPainterC
 						return;
 					}
 					const rule = this._conditionalFormattingRuleModel.getRule(targetUnitId, targetSubUnitId, cfId);
-					if (rule) if (ranges.length) {
-						const params = {
-							unitId: targetUnitId,
-							subUnitId: targetSubUnitId,
-							rule: {
-								...rule,
-								ranges
-							}
-						};
-						redos.push({
-							id: _univerjs_sheets_conditional_formatting.SetConditionalRuleMutation.id,
-							params
-						});
-						undos.push(...(0, _univerjs_sheets_conditional_formatting.setConditionalRuleMutationUndoFactory)(this._injector, params));
-					} else {
-						const params = {
-							unitId: targetUnitId,
-							subUnitId: targetSubUnitId,
-							cfId: rule.cfId
-						};
-						redos.push({
-							id: _univerjs_sheets_conditional_formatting.DeleteConditionalRuleMutation.id,
-							params
-						});
-						undos.push(...(0, _univerjs_sheets_conditional_formatting.DeleteConditionalRuleMutationUndoFactory)(this._injector, params));
+					if (rule) {
+						if (ranges.length) {
+							const params = {
+								unitId: targetUnitId,
+								subUnitId: targetSubUnitId,
+								rule: {
+									...rule,
+									ranges
+								}
+							};
+							redos.push({
+								id: _univerjs_sheets_conditional_formatting.SetConditionalRuleMutation.id,
+								params
+							});
+							undos.push(...(0, _univerjs_sheets_conditional_formatting.setConditionalRuleMutationUndoFactory)(this._injector, params));
+						} else {
+							const params = {
+								unitId: targetUnitId,
+								subUnitId: targetSubUnitId,
+								cfId: rule.cfId
+							};
+							redos.push({
+								id: _univerjs_sheets_conditional_formatting.DeleteConditionalRuleMutation.id,
+								params
+							});
+							undos.push(...(0, _univerjs_sheets_conditional_formatting.DeleteConditionalRuleMutationUndoFactory)(this._injector, params));
+						}
 					}
 				}
 			});
@@ -5044,9 +5052,7 @@ let ConditionalFormattingPainterController = class ConditionalFormattingPainterC
 						};
 						break;
 					}
-					case _univerjs_sheets_ui.FormatPainterStatus.OFF:
-						this._painterConfig = null;
-						break;
+					case _univerjs_sheets_ui.FormatPainterStatus.OFF: this._painterConfig = null;
 				}
 			},
 			onApply: (unitId, subUnitId, targetRange) => {

package/lib/cjs/locale/ar-SA.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/ar-SA.ts
 const locale = { "sheets-conditional-formatting-ui": {
 	title: "التنسيق الشرطي",

package/lib/cjs/locale/ca-ES.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/ca-ES.ts
 const locale = { "sheets-conditional-formatting-ui": {
 	title: "Format condicional",

package/lib/cjs/locale/de-DE.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/de-DE.ts
 const locale = { "sheets-conditional-formatting-ui": {
 	title: "Bedingte Formatierung",

package/lib/cjs/locale/en-US.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/en-US.ts
 /**
 * Copyright 2023-present DreamNum Co., Ltd.

package/lib/cjs/locale/es-ES.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/es-ES.ts
 const locale = { "sheets-conditional-formatting-ui": {
 	title: "Formato condicional",

package/lib/cjs/locale/fa-IR.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/fa-IR.ts
 const locale = { "sheets-conditional-formatting-ui": {
 	title: "قالب‌بندی شرطی",

package/lib/cjs/locale/fr-FR.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/fr-FR.ts
 const locale = { "sheets-conditional-formatting-ui": {
 	title: "Mise en forme conditionnelle",

package/lib/cjs/locale/id-ID.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/id-ID.ts
 const locale = { "sheets-conditional-formatting-ui": {
 	title: "Format Bersyarat",

package/lib/cjs/locale/it-IT.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/it-IT.ts
 const locale = { "sheets-conditional-formatting-ui": {
 	title: "Formattazione Condizionale",

package/lib/cjs/locale/ja-JP.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/ja-JP.ts
 const locale = { "sheets-conditional-formatting-ui": {
 	title: "条件付き書式",

package/lib/cjs/locale/ko-KR.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/ko-KR.ts
 const locale = { "sheets-conditional-formatting-ui": {
 	title: "조건부 서식",

package/lib/cjs/locale/pl-PL.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/pl-PL.ts
 const locale = { "sheets-conditional-formatting-ui": {
 	title: "Formatowanie warunkowe",

package/lib/cjs/locale/pt-BR.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/pt-BR.ts
 const locale = { "sheets-conditional-formatting-ui": {
 	title: "Formatação Condicional",

package/lib/cjs/locale/ru-RU.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/ru-RU.ts
 const locale = { "sheets-conditional-formatting-ui": {
 	title: "Условное форматирование",

package/lib/cjs/locale/sk-SK.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/sk-SK.ts
 const locale = { "sheets-conditional-formatting-ui": {
 	title: "Podmienené formátovanie",

package/lib/cjs/locale/vi-VN.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/vi-VN.ts
 const locale = { "sheets-conditional-formatting-ui": {
 	title: "Định dạng có điều kiện",

package/lib/cjs/locale/zh-CN.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/zh-CN.ts
 const locale = { "sheets-conditional-formatting-ui": {
 	title: "条件格式",

package/lib/cjs/locale/zh-HK.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/zh-HK.ts
 const locale = { "sheets-conditional-formatting-ui": {
 	title: "條件格式",

package/lib/cjs/locale/zh-TW.js

@@ -1,4 +1,3 @@
-
 //#region src/locale/zh-TW.ts
 const locale = { "sheets-conditional-formatting-ui": {
 	title: "條件格式",