@univerjs/sheets-conditional-formatting-ui 0.21.1 → 0.22.0-insiders.20260513-09bbeca

package/README.md

@@ -1,37 +1,47 @@
 # @univerjs/sheets-conditional-formatting-ui
 
-## Package Overview
-
-| Package Name | UMD Namespace | Version | License | Downloads | Contains CSS | Contains i18n locales |
-| --- | --- | --- | --- | --- | :---: | :---: |
-| `@univerjs/sheets-conditional-formatting-ui` | `UniverSheetsConditionalFormattingUi` | [![][npm-version-shield]][npm-version-link] | ![][npm-license-shield] | ![][npm-downloads-shield] | ⭕️ | ⭕️ |
+[![npm version](https://img.shields.io/npm/v/@univerjs/sheets-conditional-formatting-ui?style=flat-square)](https://npmjs.com/package/@univerjs/sheets-conditional-formatting-ui)
+[![license](https://img.shields.io/npm/l/@univerjs/sheets-conditional-formatting-ui?style=flat-square)](https://npmjs.com/package/@univerjs/sheets-conditional-formatting-ui)
+[![downloads](https://img.shields.io/npm/dm/@univerjs/sheets-conditional-formatting-ui?style=flat-square)](https://npmjs.com/package/@univerjs/sheets-conditional-formatting-ui)
 
-## Introduction
+`@univerjs/sheets-conditional-formatting-ui` adds the conditional formatting panels, menus, and interaction UI for Univer Sheets.
 
-`@univerjs/sheets-conditional-formatting-ui` provides full capabilities for Univer Sheet conditional formatting, including panel capabilities.
-
-## Usage
+## Package Overview
 
-### Installation
+| Package | UMD global | CSS | Locales | Facade entry |
+| --- | --- | :---: | :---: | :---: |
+| `@univerjs/sheets-conditional-formatting-ui` | `UniverSheetsConditionalFormattingUi` | Yes | Yes | No |
 
-```shell
-# Using npm
-npm install @univerjs/sheets-conditional-formatting-ui
+## Installation
 
-# Using pnpm
+```sh
 pnpm add @univerjs/sheets-conditional-formatting-ui
+# or
+npm install @univerjs/sheets-conditional-formatting-ui
 ```
 
-### Register the plugin
+Keep all `@univerjs/*` packages on the same version.
 
-```typescript
+## Usage
+
+```ts
+import '@univerjs/sheets-conditional-formatting-ui/lib/index.css';
+import EnUS from '@univerjs/sheets-conditional-formatting-ui/locale/en-US';
 import { UniverSheetsConditionalFormattingUIPlugin } from '@univerjs/sheets-conditional-formatting-ui';
 
 univer.registerPlugin(UniverSheetsConditionalFormattingUIPlugin);
+
+// Merge EnUS into your Univer locale map when this package contributes UI text.
 ```
 
-<!-- Links -->
-[npm-version-shield]: https://img.shields.io/npm/v/@univerjs/sheets-conditional-formatting-ui?style=flat-square
-[npm-version-link]: https://npmjs.com/package/@univerjs/sheets-conditional-formatting-ui
-[npm-license-shield]: https://img.shields.io/npm/l/@univerjs/sheets-conditional-formatting-ui?style=flat-square
-[npm-downloads-shield]: https://img.shields.io/npm/dm/@univerjs/sheets-conditional-formatting-ui?style=flat-square
+Exported plugin classes:
+
+- `UniverSheetsConditionalFormattingUIPlugin`
+- `UniverSheetsConditionalFormattingMobileUIPlugin`
+
+## Resources
+
+- [Documentation](https://docs.univer.ai)
+- [NPM package](https://npmjs.com/package/@univerjs/sheets-conditional-formatting-ui)
+- [GitHub repository](https://github.com/dream-num/univer)
+

package/lib/cjs/index.js

@@ -1967,9 +1967,8 @@ const IconItemList = (props) => {
 	const list = (0, react.useMemo)(() => {
 		const result = [];
 		for (const key in _univerjs_sheets_conditional_formatting.iconMap) {
-			const list = _univerjs_sheets_conditional_formatting.iconMap[key];
 			const iconType = key;
-			list.forEach((base64, index) => {
+			_univerjs_sheets_conditional_formatting.iconMap[iconType].forEach((base64, index) => {
 				result.push({
 					iconType,
 					base64,
@@ -1985,7 +1984,7 @@ const IconItemList = (props) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "univer-mb-2.5 univer-flex univer-cursor-pointer univer-items-center univer-pl-1",
 		onClick: () => handleClick({
-			iconType: _univerjs_sheets_conditional_formatting.EMPTY_ICON_TYPE,
+			iconType: _univerjs_sheets_conditional_formatting.IIconSetType.empty,
 			iconId: "",
 			base64: ""
 		}),
@@ -2755,7 +2754,7 @@ const RuleEdit = (props) => {
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -2766,7 +2765,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -2779,14 +2778,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -2797,7 +2796,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -2805,7 +2804,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/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);
@@ -3220,19 +3219,6 @@ ConditionalFormattingPanelController = __decorate([
 
 //#endregion
 //#region src/commands/operations/open-conditional-formatting-panel.ts
-let CF_MENU_OPERATION = /* @__PURE__ */ function(CF_MENU_OPERATION) {
-	CF_MENU_OPERATION[CF_MENU_OPERATION["createRule"] = 1] = "createRule";
-	CF_MENU_OPERATION[CF_MENU_OPERATION["viewRule"] = 2] = "viewRule";
-	CF_MENU_OPERATION[CF_MENU_OPERATION["highlightCell"] = 3] = "highlightCell";
-	CF_MENU_OPERATION[CF_MENU_OPERATION["rank"] = 4] = "rank";
-	CF_MENU_OPERATION[CF_MENU_OPERATION["formula"] = 5] = "formula";
-	CF_MENU_OPERATION[CF_MENU_OPERATION["colorScale"] = 6] = "colorScale";
-	CF_MENU_OPERATION[CF_MENU_OPERATION["dataBar"] = 7] = "dataBar";
-	CF_MENU_OPERATION[CF_MENU_OPERATION["icon"] = 8] = "icon";
-	CF_MENU_OPERATION[CF_MENU_OPERATION["clearRangeRules"] = 9] = "clearRangeRules";
-	CF_MENU_OPERATION[CF_MENU_OPERATION["clearWorkSheetRules"] = 10] = "clearWorkSheetRules";
-	return CF_MENU_OPERATION;
-}({});
 const OpenConditionalFormattingOperator = {
 	id: "sheet.operation.open.conditional.formatting.panel",
 	type: _univerjs_core.CommandType.OPERATION,
@@ -3243,13 +3229,13 @@ const OpenConditionalFormattingOperator = {
 		const commandService = accessor.get(_univerjs_core.ICommandService);
 		const ranges = ((_selectionManagerServ = selectionManagerService.getCurrentSelections()) === null || _selectionManagerServ === void 0 ? void 0 : _selectionManagerServ.map((s) => s.range)) || [];
 		switch (params.value) {
-			case CF_MENU_OPERATION.highlightCell:
+			case 3:
 				conditionalFormattingMenuController.openPanel({
 					...(0, _univerjs_sheets_conditional_formatting.createDefaultRule)(),
 					ranges
 				});
 				break;
-			case CF_MENU_OPERATION.rank: {
+			case 4: {
 				const rule = {
 					..._univerjs_sheets_conditional_formatting.createDefaultRule,
 					ranges,
@@ -3261,7 +3247,7 @@ const OpenConditionalFormattingOperator = {
 				conditionalFormattingMenuController.openPanel(rule);
 				break;
 			}
-			case CF_MENU_OPERATION.formula: {
+			case 5: {
 				const rule = {
 					..._univerjs_sheets_conditional_formatting.createDefaultRule,
 					ranges,
@@ -3274,7 +3260,7 @@ const OpenConditionalFormattingOperator = {
 				conditionalFormattingMenuController.openPanel(rule);
 				break;
 			}
-			case CF_MENU_OPERATION.colorScale: {
+			case 6: {
 				const rule = {
 					..._univerjs_sheets_conditional_formatting.createDefaultRule,
 					ranges,
@@ -3286,7 +3272,7 @@ const OpenConditionalFormattingOperator = {
 				conditionalFormattingMenuController.openPanel(rule);
 				break;
 			}
-			case CF_MENU_OPERATION.dataBar: {
+			case 7: {
 				const rule = {
 					..._univerjs_sheets_conditional_formatting.createDefaultRule,
 					ranges,
@@ -3298,7 +3284,7 @@ const OpenConditionalFormattingOperator = {
 				conditionalFormattingMenuController.openPanel(rule);
 				break;
 			}
-			case CF_MENU_OPERATION.icon: {
+			case 8: {
 				const rule = {
 					..._univerjs_sheets_conditional_formatting.createDefaultRule,
 					ranges,
@@ -3311,19 +3297,19 @@ const OpenConditionalFormattingOperator = {
 				conditionalFormattingMenuController.openPanel(rule);
 				break;
 			}
-			case CF_MENU_OPERATION.viewRule:
+			case 2:
 				conditionalFormattingMenuController.openPanel();
 				break;
-			case CF_MENU_OPERATION.createRule:
+			case 1:
 				conditionalFormattingMenuController.openPanel({
 					...(0, _univerjs_sheets_conditional_formatting.createDefaultRule)(),
 					ranges
 				});
 				break;
-			case CF_MENU_OPERATION.clearRangeRules:
+			case 9:
 				commandService.executeCommand(_univerjs_sheets_conditional_formatting.ClearRangeCfCommand.id, { ranges });
 				break;
-			case CF_MENU_OPERATION.clearWorkSheetRules:
+			case 10:
 				commandService.executeCommand(_univerjs_sheets_conditional_formatting.ClearWorksheetCfCommand.id);
 				break;
 		}
@@ -3437,7 +3423,7 @@ function generateClearCfMutations(injector, allRules, ranges, unitId, subUnitId)
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-conditional-formatting-ui";
-var version = "0.21.1";
+var version = "0.22.0-insiders.20260513-09bbeca";
 
 //#endregion
 //#region src/config/config.ts
@@ -4572,63 +4558,63 @@ const commonSelections = [
 			name: "sheet.cf.ruleType.highlightCell",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.highlightCell
+		value: 3
 	},
 	{
 		label: {
 			name: "sheet.cf.panel.rankAndAverage",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.rank
+		value: 4
 	},
 	{
 		label: {
 			name: "sheet.cf.ruleType.formula",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.formula
+		value: 5
 	},
 	{
 		label: {
 			name: "sheet.cf.ruleType.colorScale",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.colorScale
+		value: 6
 	},
 	{
 		label: {
 			name: "sheet.cf.ruleType.dataBar",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.dataBar
+		value: 7
 	},
 	{
 		label: {
 			name: "sheet.cf.ruleType.iconSet",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.icon
+		value: 8
 	},
 	{
 		label: {
 			name: "sheet.cf.menu.manageConditionalFormatting",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.viewRule
+		value: 2
 	},
 	{
 		label: {
 			name: "sheet.cf.menu.createConditionalFormatting",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.createRule
+		value: 1
 	},
 	{
 		label: {
 			name: "sheet.cf.menu.clearRangeRules",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.clearRangeRules,
+		value: 9,
 		disabled: false
 	},
 	{
@@ -4636,7 +4622,7 @@ const commonSelections = [
 			name: "sheet.cf.menu.clearWorkSheetRules",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.clearWorkSheetRules
+		value: 10
 	}
 ];
 const FactoryManageConditionalFormattingRule = (accessor) => {
@@ -4689,14 +4675,14 @@ const FactoryManageConditionalFormattingRule = (accessor) => {
 	}));
 	const selections$ = new rxjs.Observable((subscriber) => {
 		clearRangeEnable$.subscribe((v) => {
-			const item = commonSelections.find((item) => item.value === CF_MENU_OPERATION.clearRangeRules);
+			const item = commonSelections.find((item) => item.value === 9);
 			if (item) {
 				item.disabled = !v;
 				subscriber.next(commonSelections);
 			}
 		});
 		clearSheetEnable$.subscribe((v) => {
-			const item = commonSelections.find((item) => item.value === CF_MENU_OPERATION.clearWorkSheetRules);
+			const item = commonSelections.find((item) => item.value === 10);
 			if (item) {
 				item.disabled = !v;
 				subscriber.next(commonSelections);

package/lib/es/index.js

@@ -1,6 +1,6 @@
 import { BooleanNumber, ColorKit, CommandType, DependentOn, Disposable, ICommandService, IConfigService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, InterceptorManager, LocaleService, ObjectMatrix, Plugin, Range, Rectangle, Tools, UniverInstanceType, createInterceptorKey, generateRandomId, get, merge, registerDependencies, set, toDisposable, touchDependencies } from "@univerjs/core";
 import { AFTER_CELL_EDIT, AUTO_FILL_APPLY_TYPE, AutoFillTools, ClearSelectionAllCommand, ClearSelectionFormatCommand, IAutoFillService, INTERCEPTOR_POINT, RangeMergeUtil, RangeProtectionPermissionEditPoint, RemoveSheetMutation, SetSelectionsOperation, SetWorksheetActiveOperation, SheetInterceptorService, SheetPermissionCheckController, SheetsSelectionsService, WorkbookEditablePermission, WorksheetEditPermission, WorksheetSetCellStylePermission, checkRangesEditablePermission, createTopMatrixFromMatrix, findAllRectangle, getSheetCommandTarget, rangeToDiscreteRange, setEndForRange } from "@univerjs/sheets";
-import { AddCfCommand, AddConditionalRuleMutation, AddConditionalRuleMutationUndoFactory, CFNumberOperator, CFRuleType, CFSubRuleType, CFTextOperator, CFTimePeriodOperator, CFValueType, CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH, ClearRangeCfCommand, ClearWorksheetCfCommand, ConditionalFormattingRuleModel, ConditionalFormattingService, ConditionalFormattingViewModel, DEFAULT_BG_COLOR, DEFAULT_FONT_COLOR, DEFAULT_PADDING, DEFAULT_WIDTH, DeleteCfCommand, DeleteConditionalRuleMutation, DeleteConditionalRuleMutationUndoFactory, EMPTY_ICON_TYPE, MoveCfCommand, MoveConditionalRuleMutation, SHEET_CONDITIONAL_FORMATTING_PLUGIN, SetCfCommand, SetConditionalRuleMutation, UniverSheetsConditionalFormattingPlugin, compareWithNumber, createCfId, createDefaultRule, createDefaultValue, createDefaultValueByValueType, defaultDataBarNativeColor, defaultDataBarPositiveColor, getColorScaleFromValue, getOppositeOperator, iconGroup, iconMap, removeUndefinedAttr, setConditionalRuleMutationUndoFactory } from "@univerjs/sheets-conditional-formatting";
+import { AddCfCommand, AddConditionalRuleMutation, AddConditionalRuleMutationUndoFactory, CFNumberOperator, CFRuleType, CFSubRuleType, CFTextOperator, CFTimePeriodOperator, CFValueType, CONDITIONAL_FORMATTING_VIEWPORT_CACHE_LENGTH, ClearRangeCfCommand, ClearWorksheetCfCommand, ConditionalFormattingRuleModel, ConditionalFormattingService, ConditionalFormattingViewModel, DEFAULT_BG_COLOR, DEFAULT_FONT_COLOR, DEFAULT_PADDING, DEFAULT_WIDTH, DeleteCfCommand, DeleteConditionalRuleMutation, DeleteConditionalRuleMutationUndoFactory, IIconSetType, MoveCfCommand, MoveConditionalRuleMutation, SHEET_CONDITIONAL_FORMATTING_PLUGIN, SetCfCommand, SetConditionalRuleMutation, UniverSheetsConditionalFormattingPlugin, compareWithNumber, createCfId, createDefaultRule, createDefaultValue, createDefaultValueByValueType, defaultDataBarNativeColor, defaultDataBarPositiveColor, getColorScaleFromValue, getOppositeOperator, iconGroup, iconMap, removeUndefinedAttr, setConditionalRuleMutationUndoFactory } from "@univerjs/sheets-conditional-formatting";
 import { ComponentManager, ILayoutService, IMenuManagerService, ISidebarService, MenuItemType, RibbonDataGroup, getMenuHiddenObservable, useDependency, useObservable, useScrollYOverContainer, useSidebarClick } from "@univerjs/ui";
 import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
 import { Button, Checkbox, ColorPicker, DraggableList, Dropdown, Input, InputNumber, Radio, RadioGroup, Select, Tooltip, borderClassName, clsx } from "@univerjs/design";
@@ -1966,9 +1966,8 @@ const IconItemList = (props) => {
 	const list = useMemo(() => {
 		const result = [];
 		for (const key in iconMap) {
-			const list = iconMap[key];
 			const iconType = key;
-			list.forEach((base64, index) => {
+			iconMap[iconType].forEach((base64, index) => {
 				result.push({
 					iconType,
 					base64,
@@ -1984,7 +1983,7 @@ const IconItemList = (props) => {
 	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
 		className: "univer-mb-2.5 univer-flex univer-cursor-pointer univer-items-center univer-pl-1",
 		onClick: () => handleClick({
-			iconType: EMPTY_ICON_TYPE,
+			iconType: IIconSetType.empty,
 			iconId: "",
 			base64: ""
 		}),
@@ -2754,7 +2753,7 @@ const RuleEdit = (props) => {
 };
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -2765,7 +2764,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -2778,14 +2777,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -2796,7 +2795,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -2804,7 +2803,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/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);
@@ -3219,19 +3218,6 @@ ConditionalFormattingPanelController = __decorate([
 
 //#endregion
 //#region src/commands/operations/open-conditional-formatting-panel.ts
-let CF_MENU_OPERATION = /* @__PURE__ */ function(CF_MENU_OPERATION) {
-	CF_MENU_OPERATION[CF_MENU_OPERATION["createRule"] = 1] = "createRule";
-	CF_MENU_OPERATION[CF_MENU_OPERATION["viewRule"] = 2] = "viewRule";
-	CF_MENU_OPERATION[CF_MENU_OPERATION["highlightCell"] = 3] = "highlightCell";
-	CF_MENU_OPERATION[CF_MENU_OPERATION["rank"] = 4] = "rank";
-	CF_MENU_OPERATION[CF_MENU_OPERATION["formula"] = 5] = "formula";
-	CF_MENU_OPERATION[CF_MENU_OPERATION["colorScale"] = 6] = "colorScale";
-	CF_MENU_OPERATION[CF_MENU_OPERATION["dataBar"] = 7] = "dataBar";
-	CF_MENU_OPERATION[CF_MENU_OPERATION["icon"] = 8] = "icon";
-	CF_MENU_OPERATION[CF_MENU_OPERATION["clearRangeRules"] = 9] = "clearRangeRules";
-	CF_MENU_OPERATION[CF_MENU_OPERATION["clearWorkSheetRules"] = 10] = "clearWorkSheetRules";
-	return CF_MENU_OPERATION;
-}({});
 const OpenConditionalFormattingOperator = {
 	id: "sheet.operation.open.conditional.formatting.panel",
 	type: CommandType.OPERATION,
@@ -3242,13 +3228,13 @@ const OpenConditionalFormattingOperator = {
 		const commandService = accessor.get(ICommandService);
 		const ranges = ((_selectionManagerServ = selectionManagerService.getCurrentSelections()) === null || _selectionManagerServ === void 0 ? void 0 : _selectionManagerServ.map((s) => s.range)) || [];
 		switch (params.value) {
-			case CF_MENU_OPERATION.highlightCell:
+			case 3:
 				conditionalFormattingMenuController.openPanel({
 					...createDefaultRule(),
 					ranges
 				});
 				break;
-			case CF_MENU_OPERATION.rank: {
+			case 4: {
 				const rule = {
 					...createDefaultRule,
 					ranges,
@@ -3260,7 +3246,7 @@ const OpenConditionalFormattingOperator = {
 				conditionalFormattingMenuController.openPanel(rule);
 				break;
 			}
-			case CF_MENU_OPERATION.formula: {
+			case 5: {
 				const rule = {
 					...createDefaultRule,
 					ranges,
@@ -3273,7 +3259,7 @@ const OpenConditionalFormattingOperator = {
 				conditionalFormattingMenuController.openPanel(rule);
 				break;
 			}
-			case CF_MENU_OPERATION.colorScale: {
+			case 6: {
 				const rule = {
 					...createDefaultRule,
 					ranges,
@@ -3285,7 +3271,7 @@ const OpenConditionalFormattingOperator = {
 				conditionalFormattingMenuController.openPanel(rule);
 				break;
 			}
-			case CF_MENU_OPERATION.dataBar: {
+			case 7: {
 				const rule = {
 					...createDefaultRule,
 					ranges,
@@ -3297,7 +3283,7 @@ const OpenConditionalFormattingOperator = {
 				conditionalFormattingMenuController.openPanel(rule);
 				break;
 			}
-			case CF_MENU_OPERATION.icon: {
+			case 8: {
 				const rule = {
 					...createDefaultRule,
 					ranges,
@@ -3310,19 +3296,19 @@ const OpenConditionalFormattingOperator = {
 				conditionalFormattingMenuController.openPanel(rule);
 				break;
 			}
-			case CF_MENU_OPERATION.viewRule:
+			case 2:
 				conditionalFormattingMenuController.openPanel();
 				break;
-			case CF_MENU_OPERATION.createRule:
+			case 1:
 				conditionalFormattingMenuController.openPanel({
 					...createDefaultRule(),
 					ranges
 				});
 				break;
-			case CF_MENU_OPERATION.clearRangeRules:
+			case 9:
 				commandService.executeCommand(ClearRangeCfCommand.id, { ranges });
 				break;
-			case CF_MENU_OPERATION.clearWorkSheetRules:
+			case 10:
 				commandService.executeCommand(ClearWorksheetCfCommand.id);
 				break;
 		}
@@ -3436,7 +3422,7 @@ function generateClearCfMutations(injector, allRules, ranges, unitId, subUnitId)
 //#endregion
 //#region package.json
 var name = "@univerjs/sheets-conditional-formatting-ui";
-var version = "0.21.1";
+var version = "0.22.0-insiders.20260513-09bbeca";
 
 //#endregion
 //#region src/config/config.ts
@@ -4571,63 +4557,63 @@ const commonSelections = [
 			name: "sheet.cf.ruleType.highlightCell",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.highlightCell
+		value: 3
 	},
 	{
 		label: {
 			name: "sheet.cf.panel.rankAndAverage",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.rank
+		value: 4
 	},
 	{
 		label: {
 			name: "sheet.cf.ruleType.formula",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.formula
+		value: 5
 	},
 	{
 		label: {
 			name: "sheet.cf.ruleType.colorScale",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.colorScale
+		value: 6
 	},
 	{
 		label: {
 			name: "sheet.cf.ruleType.dataBar",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.dataBar
+		value: 7
 	},
 	{
 		label: {
 			name: "sheet.cf.ruleType.iconSet",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.icon
+		value: 8
 	},
 	{
 		label: {
 			name: "sheet.cf.menu.manageConditionalFormatting",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.viewRule
+		value: 2
 	},
 	{
 		label: {
 			name: "sheet.cf.menu.createConditionalFormatting",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.createRule
+		value: 1
 	},
 	{
 		label: {
 			name: "sheet.cf.menu.clearRangeRules",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.clearRangeRules,
+		value: 9,
 		disabled: false
 	},
 	{
@@ -4635,7 +4621,7 @@ const commonSelections = [
 			name: "sheet.cf.menu.clearWorkSheetRules",
 			selectable: false
 		},
-		value: CF_MENU_OPERATION.clearWorkSheetRules
+		value: 10
 	}
 ];
 const FactoryManageConditionalFormattingRule = (accessor) => {
@@ -4688,14 +4674,14 @@ const FactoryManageConditionalFormattingRule = (accessor) => {
 	}));
 	const selections$ = new Observable((subscriber) => {
 		clearRangeEnable$.subscribe((v) => {
-			const item = commonSelections.find((item) => item.value === CF_MENU_OPERATION.clearRangeRules);
+			const item = commonSelections.find((item) => item.value === 9);
 			if (item) {
 				item.disabled = !v;
 				subscriber.next(commonSelections);
 			}
 		});
 		clearSheetEnable$.subscribe((v) => {
-			const item = commonSelections.find((item) => item.value === CF_MENU_OPERATION.clearWorkSheetRules);
+			const item = commonSelections.find((item) => item.value === 10);
 			if (item) {
 				item.disabled = !v;
 				subscriber.next(commonSelections);