@univerjs/sheets-conditional-formatting 1.0.0-insiders.20260813-7c9aa50 → 1.0.0

package/lib/cjs/index.js

@@ -145,9 +145,7 @@ const moveByAnchor = (start, end, ruleList, get) => {
 			ruleList.splice(endIndex + 1, 0, rule);
 			break;
 		case "self":
-		case "after":
-			ruleList.splice(endIndex, 0, rule);
-			break;
+		case "after": ruleList.splice(endIndex, 0, rule);
 	}
 };
 /**
@@ -221,7 +219,7 @@ const isAnchorEqual = (anchor1, anchor2) => {
 const createCfId = () => `${(0, _univerjs_core.generateRandomId)(8)}`;
 
 //#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) {
@@ -232,7 +230,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];
@@ -245,14 +243,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,
@@ -486,7 +484,8 @@ const AddCfCommand = {
 		const undoRedoService = accessor.get(_univerjs_core.IUndoRedoService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const conditionalFormattingRuleModel = accessor.get(ConditionalFormattingRuleModel);
-		const target = (0, _univerjs_sheets.getSheetCommandTarget)(accessor.get(_univerjs_core.IUniverInstanceService), params);
+		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService, params);
 		if (!target) return false;
 		const { unitId, subUnitId } = target;
 		const cfId = conditionalFormattingRuleModel.createCfId(unitId, subUnitId);
@@ -513,7 +512,7 @@ const AddCfCommand = {
 };
 
 //#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);
@@ -521,7 +520,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);
@@ -792,7 +791,8 @@ const DeleteCfCommand = {
 		if (!params) return false;
 		const undoRedoService = accessor.get(_univerjs_core.IUndoRedoService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
-		const target = (0, _univerjs_sheets.getSheetCommandTarget)(accessor.get(_univerjs_core.IUniverInstanceService), params);
+		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService, params);
 		if (!target) return false;
 		const { unitId, subUnitId } = target;
 		const config = {
@@ -860,7 +860,8 @@ const SetCfCommand = {
 		if (!params) return false;
 		const undoRedoService = accessor.get(_univerjs_core.IUndoRedoService);
 		const commandService = accessor.get(_univerjs_core.ICommandService);
-		const target = (0, _univerjs_sheets.getSheetCommandTarget)(accessor.get(_univerjs_core.IUniverInstanceService), params);
+		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService, params);
 		if (!target) return false;
 		const { unitId, subUnitId } = target;
 		const config = {
@@ -883,13 +884,43 @@ const SetCfCommand = {
 	}
 };
 
+//#endregion
+//#region src/utils/range.ts
+function getRangeInWorksheet(range, worksheet) {
+	const maxRows = worksheet.getMaxRows();
+	const maxColumns = worksheet.getMaxColumns();
+	if (maxRows <= 0 || maxColumns <= 0) return null;
+	const effectiveRange = (0, _univerjs_core.getIntersectRange)(_univerjs_core.Range.transformRange(range, worksheet), {
+		startRow: 0,
+		endRow: maxRows - 1,
+		startColumn: 0,
+		endColumn: maxColumns - 1
+	});
+	if (!effectiveRange) return null;
+	return {
+		startRow: effectiveRange.startRow,
+		endRow: effectiveRange.endRow,
+		startColumn: effectiveRange.startColumn,
+		endColumn: effectiveRange.endColumn
+	};
+}
+function getRangesInWorksheet(ranges, worksheet) {
+	const effectiveRanges = [];
+	ranges.forEach((range) => {
+		const effectiveRange = getRangeInWorksheet(range, worksheet);
+		if (effectiveRange) effectiveRanges.push(effectiveRange);
+	});
+	return effectiveRanges;
+}
+
 //#endregion
 //#region src/services/conditional-formatting-formula.service.ts
 let ConditionalFormattingFormulaService = class ConditionalFormattingFormulaService extends _univerjs_core.Disposable {
-	constructor(_registerOtherFormulaService, _conditionalFormattingRuleModel) {
+	constructor(_registerOtherFormulaService, _conditionalFormattingRuleModel, _univerInstanceService) {
 		super();
 		this._registerOtherFormulaService = _registerOtherFormulaService;
 		this._conditionalFormattingRuleModel = _conditionalFormattingRuleModel;
+		this._univerInstanceService = _univerInstanceService;
 		_defineProperty(this, "_formulaMap", /* @__PURE__ */ new Map());
 		_defineProperty(this, "_result$", new rxjs.Subject());
 		_defineProperty(this, "result$", this._result$.asObservable());
@@ -918,12 +949,10 @@ let ConditionalFormattingFormulaService = class ConditionalFormattingFormulaServ
 	*/
 	_registerRuleFormulas(unitId, subUnitId, rule) {
 		switch (rule.rule.type) {
-			case "highlightCell":
-				if (rule.rule.subType === "formula") {
-					const formulaText = rule.rule.value;
-					if (formulaText) this.registerFormulaWithRange(unitId, subUnitId, rule.cfId, formulaText, rule.ranges);
-				}
-				break;
+			case "highlightCell": if (rule.rule.subType === "formula") {
+				const formulaText = rule.rule.value;
+				if (formulaText) this.registerFormulaWithRange(unitId, subUnitId, rule.cfId, formulaText, rule.ranges);
+			}
 		}
 	}
 	_initFormulaResultChange() {
@@ -968,10 +997,15 @@ let ConditionalFormattingFormulaService = class ConditionalFormattingFormulaServ
 		startColumn: 0,
 		endColumn: 0
 	}]) {
+		var _this$_univerInstance;
 		const formulaMap = this._ensureSubunitFormulaMap(unitId, subUnitId);
 		const cfFormulaId = this.createCFormulaId(cfId, formulaText);
 		if (formulaMap.getValue(cfFormulaId, ["id"])) return;
-		const sortedRanges = [...ranges].sort((a, b) => a.startRow !== b.startRow ? a.startRow - b.startRow : a.startColumn - b.startColumn);
+		const worksheet = (_this$_univerInstance = this._univerInstanceService.getUnit(unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _this$_univerInstance === void 0 ? void 0 : _this$_univerInstance.getSheetBySheetId(subUnitId);
+		if (!worksheet) return;
+		const effectiveRanges = getRangesInWorksheet(ranges, worksheet);
+		if (!effectiveRanges.length) return;
+		const sortedRanges = effectiveRanges.sort((a, b) => a.startRow !== b.startRow ? a.startRow - b.startRow : a.startColumn - b.startColumn);
 		const formulaId = this._registerOtherFormulaService.registerFormulaWithRange(unitId, subUnitId, formulaText, sortedRanges, void 0, _univerjs_engine_formula.OtherFormulaBizType.CONDITIONAL_FORMATTING, cfId);
 		formulaMap.addValue({
 			formulaText,
@@ -1058,7 +1092,11 @@ let ConditionalFormattingFormulaService = class ConditionalFormattingFormulaServ
 		return `${cfId}_${formulaText}`;
 	}
 };
-ConditionalFormattingFormulaService = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_engine_formula.RegisterOtherFormulaService)), __decorateParam(1, (0, _univerjs_core.Inject)(ConditionalFormattingRuleModel))], ConditionalFormattingFormulaService);
+ConditionalFormattingFormulaService = __decorate([
+	__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_engine_formula.RegisterOtherFormulaService)),
+	__decorateParam(1, (0, _univerjs_core.Inject)(ConditionalFormattingRuleModel)),
+	__decorateParam(2, _univerjs_core.IUniverInstanceService)
+], ConditionalFormattingFormulaService);
 
 //#endregion
 //#region src/models/calculate-unit-v2/base-calculate-unit.ts
@@ -1203,15 +1241,21 @@ var DataBar = class extends _univerjs_engine_render.SheetExtension {
 		super(..._args);
 		_defineProperty(this, "_paddingRightAndLeft", 2);
 		_defineProperty(this, "_paddingTopAndBottom", 2);
+		_defineProperty(this, "_renderRangeResolver", null);
 		_defineProperty(this, "uKey", dataBarUKey);
 		_defineProperty(this, "Z_INDEX", EXTENSION_Z_INDEX$1);
 		_defineProperty(this, "_radius", 1);
 	}
+	setRenderRangeResolver(resolver) {
+		this._renderRangeResolver = resolver;
+	}
 	draw(ctx, _parentScale, spreadsheetSkeleton, diffRanges) {
 		const { worksheet } = spreadsheetSkeleton;
 		if (!worksheet) return false;
 		const mergeCellRendered = /* @__PURE__ */ new Set();
-		const renderRanges = (diffRanges === null || diffRanges === void 0 ? void 0 : diffRanges.length) ? diffRanges : [spreadsheetSkeleton.rowColumnSegment];
+		const sourceRanges = (diffRanges === null || diffRanges === void 0 ? void 0 : diffRanges.length) ? diffRanges : [spreadsheetSkeleton.rowColumnSegment];
+		const renderRanges = this._renderRangeResolver && worksheet.getMergeData().length === 0 ? this._renderRangeResolver(worksheet.getUnitId(), worksheet.getSheetId(), sourceRanges) ?? sourceRanges : sourceRanges;
+		if (!renderRanges.length) return;
 		ctx.save();
 		renderRanges.forEach((range) => {
 			_univerjs_core.Range.foreach(range, (row, col) => {
@@ -1266,6 +1310,10 @@ var DataBar = class extends _univerjs_engine_render.SheetExtension {
 		});
 		ctx.restore();
 	}
+	dispose() {
+		this._renderRangeResolver = null;
+		super.dispose();
+	}
 	_drawRectWithRoundedCorner(ctx, x, y, width, height, topLeftRadius, topRightRadius, bottomRightRadius, bottomLeftRadius) {
 		const radius = this._radius;
 		if (!height || !width) return;
@@ -1379,28 +1427,29 @@ var DataBarCalculateUnit = class extends BaseCalculateUnit {
 				isGradient,
 				isShowValue
 			};
-		} else if (min < 0 && max > 0) if (value > 0) {
-			const v = getSafeValue(Math.min(value / max, 1) * 100);
-			if (v === 0) return;
-			return {
-				color: ruleConfig.config.positiveColor || "#ffbe38",
-				startPoint,
-				value: v,
-				isGradient,
-				isShowValue
-			};
-		} else {
-			const v = getSafeValue(Math.min(Math.abs(value) / Math.abs(min), 1) * 100);
-			if (v === 0) return;
-			return {
-				color: ruleConfig.config.nativeColor || "#abd91a",
-				startPoint,
-				value: -v,
-				isGradient,
-				isShowValue
-			};
-		}
-		else if (min >= 0 && max > 0) {
+		} else if (min < 0 && max > 0) {
+			if (value > 0) {
+				const v = getSafeValue(Math.min(value / max, 1) * 100);
+				if (v === 0) return;
+				return {
+					color: ruleConfig.config.positiveColor || "#ffbe38",
+					startPoint,
+					value: v,
+					isGradient,
+					isShowValue
+				};
+			} else {
+				const v = getSafeValue(Math.min(Math.abs(value) / Math.abs(min), 1) * 100);
+				if (v === 0) return;
+				return {
+					color: ruleConfig.config.nativeColor || "#abd91a",
+					startPoint,
+					value: -v,
+					isGradient,
+					isShowValue
+				};
+			}
+		} else if (min >= 0 && max > 0) {
 			const length = max - min;
 			const startPoint = 0;
 			const v = getSafeValue((1 - (max - value) / length) * 100);
@@ -1452,7 +1501,8 @@ var HighlightCellCalculateUnit = class extends BaseCalculateUnit {
 					const cacheMap = /* @__PURE__ */ new Map();
 					ranges.forEach((range) => {
 						_univerjs_core.Range.foreach(range, (row, col) => {
-							const v = getCellValue(context.getCellValue(row, col));
+							const cell = context.getCellValue(row, col);
+							const v = getCellValue(cell);
 							if (!isNullable(v)) {
 								const cache = cacheMap.get(v);
 								if (cache) cacheMap.set(v, cache + 1);
@@ -1594,18 +1644,19 @@ var HighlightCellCalculateUnit = class extends BaseCalculateUnit {
 		const run = () => {
 			switch (ruleConfig.subType) {
 				case "number": {
-					const v = cellValue && Number(cellValue.v);
-					const isNumber = (cellValue === null || cellValue === void 0 ? void 0 : cellValue.t) === _univerjs_core.CellValueType.NUMBER;
 					const subRuleConfig = ruleConfig;
-					if (!isNumber) {
-						if (["notEqual", "notBetween"].includes(subRuleConfig.operator)) return true;
-						return false;
-					}
-					if (isNullable(v) || Number.isNaN(v)) return;
+					const value = cellValue === null || cellValue === void 0 ? void 0 : cellValue.v;
+					if ((cellValue === null || cellValue === void 0 ? void 0 : cellValue.t) !== _univerjs_core.CellValueType.FORCE_STRING && _univerjs_engine_formula.ERROR_TYPE_SET.has(value)) return false;
+					if (value != null && ((cellValue === null || cellValue === void 0 ? void 0 : cellValue.t) === _univerjs_core.CellValueType.BOOLEAN || (cellValue === null || cellValue === void 0 ? void 0 : cellValue.t) !== _univerjs_core.CellValueType.NUMBER && typeof value !== "number")) return [
+						"notEqual",
+						"notBetween",
+						"greaterThan",
+						"greaterThanOrEqual"
+					].includes(subRuleConfig.operator);
 					return compareWithNumber({
 						operator: subRuleConfig.operator,
-						value: subRuleConfig.value || 0
-					}, v || 0);
+						value: subRuleConfig.value ?? 0
+					}, Number(value ?? 0));
 				}
 				case "text": {
 					const subRuleConfig = ruleConfig;
@@ -1629,7 +1680,7 @@ var HighlightCellCalculateUnit = class extends BaseCalculateUnit {
 				case "timePeriod": {
 					const value = getCellValue(cellValue);
 					if (isNullable(value) || Number.isNaN(Number(value)) || (cellValue === null || cellValue === void 0 ? void 0 : cellValue.t) !== _univerjs_core.CellValueType.NUMBER || !preComputingResult) return;
-					const v = serialTimeToTimestamp(Number(value));
+					const v = serialTimeToTimestamp(Number(value), context.workbook.getDateSystem());
 					const { start, end } = preComputingResult.value;
 					return v >= start && v <= end;
 				}
@@ -1788,7 +1839,7 @@ var IconSetCalculateUnit = class extends BaseCalculateUnit {
 
 //#endregion
 //#region src/models/conditional-formatting-view-model.ts
-const CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH = 1e3 * 3 * 3;
+const CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH = 9e3;
 let ConditionalFormattingViewModel = class ConditionalFormattingViewModel extends _univerjs_core.Disposable {
 	constructor(_injector, _conditionalFormattingRuleModel, _conditionalFormattingRangeIndexModel, _conditionalFormattingFormulaService, _univerInstanceService) {
 		super();
@@ -1800,7 +1851,9 @@ let ConditionalFormattingViewModel = class ConditionalFormattingViewModel extend
 		_defineProperty(this, "_calculateUnitManagers", /* @__PURE__ */ new Map());
 		_defineProperty(this, "_cellCache", new _univerjs_core.LRUMap(CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH));
 		_defineProperty(this, "_markDirty$", new rxjs.Subject());
+		_defineProperty(this, "_cacheClear$", new rxjs.Subject());
 		_defineProperty(this, "markDirty$", this._markDirty$.asObservable());
+		_defineProperty(this, "cacheClear$", this._cacheClear$.asObservable());
 		_defineProperty(this, "_markRuleDirtyAtOnce", (unitId, subUnitId, cfId, isNeedResetPreComputingCache = true) => {
 			this._cellCache.clear();
 			if (isNeedResetPreComputingCache) {
@@ -1886,6 +1939,7 @@ let ConditionalFormattingViewModel = class ConditionalFormattingViewModel extend
 	clearCache() {
 		this._calculateUnitManagers.clear();
 		this._cellCache.clear();
+		this._cacheClear$.next();
 	}
 	_handleCustomFormulasSeparately() {
 		this.disposeWithMe(this._conditionalFormattingRuleModel.$ruleChange.subscribe((e) => {
@@ -1999,54 +2053,10 @@ const getCellValue = (cell) => {
 	const dataStream = (_cell$p = cell.p) === null || _cell$p === void 0 || (_cell$p = _cell$p.body) === null || _cell$p === void 0 ? void 0 : _cell$p.dataStream.replace(/\r\n$/, "");
 	return !isNullable(v) ? v : !isNullable(dataStream) ? dataStream : null;
 };
-const DAY_SIZE = 86400;
-function toYMD_1900(ord, leap1900 = true) {
-	if (leap1900 && ord >= 0) {
-		if (ord === 0) return [
-			1900,
-			1,
-			0
-		];
-		if (ord === 60) return [
-			1900,
-			2,
-			29
-		];
-		if (ord < 60) return [
-			1900,
-			ord < 32 ? 1 : 2,
-			(ord - 1) % 31 + 1
-		];
-	}
-	let l = ord + 68569 + 2415019;
-	const n = Math.floor(4 * l / 146097);
-	l = l - Math.floor((146097 * n + 3) / 4);
-	const i = Math.floor(4e3 * (l + 1) / 1461001);
-	l = l - Math.floor(1461 * i / 4) + 31;
-	const j = Math.floor(80 * l / 2447);
-	const nDay = l - Math.floor(2447 * j / 80);
-	l = Math.floor(j / 11);
-	const nMonth = j + 2 - 12 * l;
-	return [
-		100 * (n - 49) + i + l | 0,
-		nMonth | 0,
-		nDay | 0
-	];
-}
-const serialTimeToTimestamp = (value) => {
-	let date = value | 0;
-	const t = DAY_SIZE * (value - date);
-	let time = Math.floor(t);
-	if (t - time > .9999) {
-		time += 1;
-		if (time === DAY_SIZE) {
-			time = 0;
-			date += 1;
-		}
-	}
-	const x = time < 0 ? DAY_SIZE + time : time;
-	const [y, m, d] = toYMD_1900(value, true);
-	return (0, _univerjs_core.dateKit)(`${y}/${m}/${d} ${Math.floor(x / 60 / 60) % 60}:${Math.floor(x / 60) % 60}:${Math.floor(x) % 60}`).valueOf();
+const serialTimeToTimestamp = (value, dateSystem = _univerjs_core.DateSystem.Date1900) => {
+	const utcDate = (0, _univerjs_core.excelSerialToDateTime)(value, dateSystem);
+	if (Number.isNaN(utcDate.getTime())) return NaN;
+	return new Date(utcDate.getUTCFullYear(), utcDate.getUTCMonth(), utcDate.getUTCDate(), utcDate.getUTCHours(), utcDate.getUTCMinutes(), utcDate.getUTCSeconds(), utcDate.getUTCMilliseconds()).getTime();
 };
 const getValueByType = (value, matrix, context) => {
 	switch (value.type) {
@@ -2122,7 +2132,7 @@ const getCacheStyleMatrix = (unitId, subUnitId, rule, context) => {
 	const { accessor } = context;
 	const conditionalFormattingViewModel = accessor.get(ConditionalFormattingViewModel);
 	const matrix = new _univerjs_core.ObjectMatrix();
-	rule.ranges.forEach((range) => {
+	getRangesInWorksheet(rule.ranges, context.worksheet).forEach((range) => {
 		_univerjs_core.Range.foreach(range, (row, col) => {
 			const cellCfItem = conditionalFormattingViewModel.getCellCfs(unitId, subUnitId, row, col);
 			if (cellCfItem) {
@@ -2184,7 +2194,7 @@ const getColorScaleFromValue = (colorList, value) => {
 			const maxRgb = prefixRgba(maxItem.color.toRgb());
 			const length = maxItem.value - minItem.value;
 			const v = (value - minItem.value) / length;
-			return new _univerjs_core.ColorKit([
+			const rgbResult = [
 				"r",
 				"g",
 				"b",
@@ -2193,16 +2203,20 @@ const getColorScaleFromValue = (colorList, value) => {
 				const minV = minRgb[key];
 				obj[key] = (maxRgb[key] - minV) * v + minV;
 				return obj;
-			}, {})).toRgbString();
+			}, {});
+			return new _univerjs_core.ColorKit(rgbResult).toRgbString();
 		}
 	} else return colorList[colorList.length - 1].color.toRgbString();
 };
 const filterRange = (ranges, maxRow, maxCol) => {
 	return ranges.map((range) => {
-		if (range.startColumn > maxCol || range.startRow > maxRow) return null;
+		if (range.startColumn > maxCol || range.startRow > maxRow || range.endColumn < 0 || range.endRow < 0) return null;
 		const _range = { ...range };
+		_range.startRow = Math.max(_range.startRow, 0);
+		_range.startColumn = Math.max(_range.startColumn, 0);
 		_range.endRow = Math.min(_range.endRow, maxRow);
 		_range.endColumn = Math.min(_range.endColumn, maxCol);
+		if (_range.startRow > _range.endRow || _range.startColumn > _range.endColumn) return null;
 		return _range;
 	}).filter((range) => !!range);
 };
@@ -2543,7 +2557,7 @@ for (const key in iconMap) {
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-conditional-formatting";
-var version = "1.0.0-insiders.20260813-7c9aa50";
+var version = "1.0.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -2568,14 +2582,28 @@ const defaultPluginConfig = {};
 
 //#endregion
 //#region src/services/conditional-formatting-style-composer.service.ts
-let ConditionalFormattingStyleComposer = class ConditionalFormattingStyleComposer {
+let ConditionalFormattingStyleComposer = class ConditionalFormattingStyleComposer extends _univerjs_core.Disposable {
 	constructor(_conditionalFormattingRuleModel, _conditionalFormattingViewModel) {
+		super();
 		this._conditionalFormattingRuleModel = _conditionalFormattingRuleModel;
 		this._conditionalFormattingViewModel = _conditionalFormattingViewModel;
+		_defineProperty(this, "_cache", new _univerjs_core.LRUMap(CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH));
+		this.disposeWithMe(this._conditionalFormattingRuleModel.$ruleChange.subscribe(() => this._cache.clear()));
+		this.disposeWithMe(this._conditionalFormattingViewModel.markDirty$.subscribe(() => this._cache.clear()));
+		this.disposeWithMe(this._conditionalFormattingViewModel.cacheClear$.subscribe(() => this._cache.clear()));
+	}
+	dispose() {
+		this._cache.clear();
+		super.dispose();
 	}
 	composeStyle(unitId, subUnitId, row, col) {
+		const cacheKey = `${unitId}_${subUnitId}_${row}_${col}`;
+		if (this._cache.has(cacheKey)) return this._cache.get(cacheKey) ?? null;
 		const cellCfs = this._conditionalFormattingViewModel.getCellCfs(unitId, subUnitId, row, col);
-		if (!(cellCfs === null || cellCfs === void 0 ? void 0 : cellCfs.length)) return null;
+		if (!(cellCfs === null || cellCfs === void 0 ? void 0 : cellCfs.length)) {
+			this._cache.set(cacheKey, null);
+			return null;
+		}
 		const matchedRules = [];
 		let stopIfTrueIndex = -1;
 		for (const cacheItem of cellCfs) {
@@ -2587,13 +2615,17 @@ let ConditionalFormattingStyleComposer = class ConditionalFormattingStyleCompose
 			});
 			if (stopIfTrueIndex === -1 && rule.stopIfTrue && this._isRuleMatched(rule, cacheItem.result)) stopIfTrueIndex = matchedRules.length - 1;
 		}
-		if (!matchedRules.length) return null;
+		if (!matchedRules.length) {
+			this._cache.set(cacheKey, null);
+			return null;
+		}
 		const effectiveRules = stopIfTrueIndex > -1 ? matchedRules.slice(0, stopIfTrueIndex + 1) : matchedRules;
 		const result = {};
 		for (let i = effectiveRules.length - 1; i >= 0; i--) {
 			const { rule, cacheItem } = effectiveRules[i];
 			this._mergeComposeResult(result, rule, cacheItem.result);
 		}
+		this._cache.set(cacheKey, result);
 		return result;
 	}
 	_mergeComposeResult(result, rule, ruleResult) {
@@ -2957,16 +2989,22 @@ var ConditionalFormattingIcon = class extends _univerjs_engine_render.SheetExten
 		_defineProperty(this, "_paddingRightAndLeft", 2);
 		_defineProperty(this, "_width", 15);
 		_defineProperty(this, "_imageMap", /* @__PURE__ */ new Map());
+		_defineProperty(this, "_renderRangeResolver", null);
 		_defineProperty(this, "uKey", IconUKey);
 		_defineProperty(this, "Z_INDEX", EXTENSION_Z_INDEX);
 		_defineProperty(this, "_radius", 1);
 		this._init();
 	}
+	setRenderRangeResolver(resolver) {
+		this._renderRangeResolver = resolver;
+	}
 	draw(ctx, _parentScale, spreadsheetSkeleton, diffRanges) {
 		const { worksheet } = spreadsheetSkeleton;
 		if (!worksheet) return false;
 		const mergeCellRendered = /* @__PURE__ */ new Set();
-		const renderRanges = (diffRanges === null || diffRanges === void 0 ? void 0 : diffRanges.length) ? diffRanges : [spreadsheetSkeleton.rowColumnSegment];
+		const sourceRanges = (diffRanges === null || diffRanges === void 0 ? void 0 : diffRanges.length) ? diffRanges : [spreadsheetSkeleton.rowColumnSegment];
+		const renderRanges = this._renderRangeResolver && worksheet.getMergeData().length === 0 ? this._renderRangeResolver(worksheet.getUnitId(), worksheet.getSheetId(), sourceRanges) ?? sourceRanges : sourceRanges;
+		if (!renderRanges.length) return;
 		ctx.save();
 		renderRanges.forEach((range) => {
 			_univerjs_core.Range.foreach(range, (row, col) => {
@@ -2996,6 +3034,10 @@ var ConditionalFormattingIcon = class extends _univerjs_engine_render.SheetExten
 		});
 		ctx.restore();
 	}
+	dispose() {
+		this._renderRangeResolver = null;
+		super.dispose();
+	}
 	_init() {
 		for (const type in iconMap) iconMap[type].forEach((base64, index) => {
 			const key = this._createKey(type, String(index));
@@ -3134,5 +3176,4 @@ exports.moveByAnchor = moveByAnchor;
 exports.removeUndefinedAttr = removeUndefinedAttr;
 exports.serialTimeToTimestamp = serialTimeToTimestamp;
 exports.setConditionalRuleMutationUndoFactory = setConditionalRuleMutationUndoFactory;
-exports.toYMD_1900 = toYMD_1900;
 exports.transformSupportSymmetryAnchor = transformSupportSymmetryAnchor;

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

@@ -1,4 +1,3 @@
-
 //#region src/locale/ar-SA.ts
 const locale = { "sheets-conditional-formatting": { iconSet: {
 	direction: "الاتجاه",

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

@@ -1,4 +1,3 @@
-
 //#region src/locale/ca-ES.ts
 const locale = { "sheets-conditional-formatting": { iconSet: {
 	direction: "Direcció",

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

@@ -1,4 +1,3 @@
-
 //#region src/locale/de-DE.ts
 const locale = { "sheets-conditional-formatting": { iconSet: {
 	direction: "Richtung",

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": { iconSet: {
 	direction: "Dirección",

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

@@ -1,4 +1,3 @@
-
 //#region src/locale/fa-IR.ts
 const locale = { "sheets-conditional-formatting": { iconSet: {
 	direction: "جهت",

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

@@ -1,4 +1,3 @@
-
 //#region src/locale/fr-FR.ts
 const locale = { "sheets-conditional-formatting": { iconSet: {
 	direction: "Direction",

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

@@ -1,4 +1,3 @@
-
 //#region src/locale/id-ID.ts
 const locale = { "sheets-conditional-formatting": { iconSet: {
 	direction: "Arah",

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

@@ -1,4 +1,3 @@
-
 //#region src/locale/it-IT.ts
 const locale = { "sheets-conditional-formatting": { iconSet: {
 	direction: "Direzione",

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

@@ -1,4 +1,3 @@
-
 //#region src/locale/ja-JP.ts
 const locale = { "sheets-conditional-formatting": { iconSet: {
 	direction: "方向",

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

@@ -1,4 +1,3 @@
-
 //#region src/locale/ko-KR.ts
 const locale = { "sheets-conditional-formatting": { iconSet: {
 	direction: "방향",

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

@@ -1,4 +1,3 @@
-
 //#region src/locale/pl-PL.ts
 const locale = { "sheets-conditional-formatting": { iconSet: {
 	direction: "Kierunek",

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

@@ -1,4 +1,3 @@
-
 //#region src/locale/pt-BR.ts
 const locale = { "sheets-conditional-formatting": { iconSet: {
 	direction: "Direção",

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

@@ -1,4 +1,3 @@
-
 //#region src/locale/ru-RU.ts
 const locale = { "sheets-conditional-formatting": { iconSet: {
 	direction: "Направление",

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

@@ -1,4 +1,3 @@
-
 //#region src/locale/sk-SK.ts
 const locale = { "sheets-conditional-formatting": { iconSet: {
 	direction: "Smer",

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

@@ -1,4 +1,3 @@
-
 //#region src/locale/vi-VN.ts
 const locale = { "sheets-conditional-formatting": { iconSet: {
 	direction: "Hướng",

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

@@ -1,4 +1,3 @@
-
 //#region src/locale/zh-CN.ts
 const locale = { "sheets-conditional-formatting": { iconSet: {
 	direction: "方向",

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

@@ -1,4 +1,3 @@
-
 //#region src/locale/zh-HK.ts
 const locale = { "sheets-conditional-formatting": { iconSet: {
 	direction: "方向",

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

@@ -1,4 +1,3 @@
-
 //#region src/locale/zh-TW.ts
 const locale = { "sheets-conditional-formatting": { iconSet: {
 	direction: "方向",