@univerjs/sheets-data-validation 0.3.0 → 0.4.0-alpha.0

package/lib/es/index.js

@@ -2,24 +2,15 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: !0 });
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key != "symbol" ? key + "" : key, value);
-import { ObjectMatrix, Range, Inject, Disposable, UniverInstanceType, DataValidationType, isFormulaString, IUniverInstanceService, ILogService, getOriginCellValue, debounce, Rectangle, Tools, OnLifecycle, LifecycleStages, DataValidationStatus, ICommandService, DataValidationOperator, createInternalEditorID, useDependency, LocaleService, IPermissionService, ThemeService, VerticalAlign, HorizontalAlign, WrapStrategy, DataValidationErrorStyle, numfmt, CellValueType, DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY, DisposableCollection, toDisposable, CommandType, BuildTextUtils, DataValidationRenderMode, IConfigService, UndoCommand, RedoCommand, isUnitRangesEqual, isValidRange, shallowEqual, Injector, DEFAULT_STYLES, DocumentDataModel, DEFAULT_EMPTY_DOCUMENT_VALUE, BooleanNumber, IUndoRedoService, sequenceExecuteAsync, sequenceExecute, RxDisposable, queryObjectMatrix, isRangesEqual, Optional, InterceptorEffectEnum, DependentOn, Plugin } from "@univerjs/core";
-import { DataValidationModel, DataValidatorRegistryService, UpdateRuleType, BaseDataValidator, DataValidatorRegistryScope, TWO_FORMULA_OPERATOR_COUNT as TWO_FORMULA_OPERATOR_COUNT$1, getRuleOptions, getRuleSetting, TextLengthErrorTitleMap, AddDataValidationMutation, RemoveDataValidationMutation, UpdateDataValidationMutation, UniverDataValidationPlugin } from "@univerjs/data-validation";
+import { ObjectMatrix, Range, Inject, Disposable, UniverInstanceType, DataValidationType, isFormulaString, IUniverInstanceService, ILogService, getOriginCellValue, debounce, Rectangle, Tools, DataValidationStatus, ICommandService, WrapStrategy, DataValidationOperator, numfmt, DataValidationRenderMode, CommandType, IUndoRedoService, sequenceExecuteAsync, sequenceExecute, CellValueType, Injector, RxDisposable, toDisposable, IPermissionService, isRangesEqual, DependentOn, Plugin, IConfigService } from "@univerjs/core";
+import { DataValidationModel, DataValidatorRegistryService, UpdateRuleType, BaseDataValidator, TextLengthErrorTitleMap, AddDataValidationMutation, RemoveDataValidationMutation, UpdateDataValidationMutation, getRuleSetting, getRuleOptions, UniverDataValidationPlugin } from "@univerjs/data-validation";
 import { DataValidationModel as DataValidationModel2 } from "@univerjs/data-validation";
-import { RemoveSheetMutation, SheetsSelectionsService, WorksheetViewPermission, SetRangeValuesCommand, getSheetCommandTarget, WorkbookEditablePermission, RangeProtectionPermissionEditPoint, WorksheetEditPermission, checkRangesEditablePermission, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, WorksheetSetCellStylePermission, SheetInterceptorService, ClearSelectionAllCommand, RefRangeService, handleCommonDefaultRangeChangeWithEffectRefCommands, INTERCEPTOR_POINT, InterceptCellContentPriority, UniverSheetsPlugin, RemoveSheetCommand } from "@univerjs/sheets";
-import { IEditorBridgeService, SheetCanvasPopManagerService, SheetPermissionInterceptorBaseController, IMarkSelectionService, getCurrentRangeDisable$, HoverManagerService, CellAlertManagerService, CellAlertType, COPY_TYPE, rangeToDiscreteRange, PREDEFINED_HOOK_NAME, virtualizeDiscreteRanges, getRepeatRange, ISheetClipboardService, AutoHeightController, SheetSkeletonManagerService, UniverSheetsUIPlugin, IAutoFillService, APPLY_TYPE, getAutoFillRepeatRange } from "@univerjs/sheets-ui";
-import { Subject, debounceTime, filter, BehaviorSubject, distinctUntilChanged, bufferTime } from "rxjs";
-import { LexerTreeBuilder, deserializeRangeWithSheet, serializeRange, isReferenceString, sequenceNodeType, ERROR_TYPE_SET } from "@univerjs/engine-formula";
+import { RemoveSheetMutation, getSheetCommandTarget, SetRangeValuesMutation, SetRangeValuesUndoMutationFactory, SheetsSelectionsService, SheetInterceptorService, ClearSelectionAllCommand, WorksheetViewPermission, RefRangeService, handleCommonDefaultRangeChangeWithEffectRefCommands, RemoveSheetCommand } from "@univerjs/sheets";
+import { Subject } from "rxjs";
+import { LexerTreeBuilder, isReferenceString, sequenceNodeType, deserializeRangeWithSheet, ERROR_TYPE_SET } from "@univerjs/engine-formula";
 import { RegisterOtherFormulaService, FormulaRefRangeService } from "@univerjs/sheets-formula";
-import React, { forwardRef, useRef, createElement, useState, useMemo, useEffect } from "react";
-import { FormLayout, Input, RadioGroup, Radio, DraggableList, Select, Checkbox, Button, DatePanel, RectPopup, Scrollbar } from "@univerjs/design";
-import { TextEditor, RangeSelector } from "@univerjs/docs-ui";
-import { useObservable, useEvent, IDialogService, ComponentManager, IZenZoneService, ISidebarService, KeyCode, MenuItemType, getMenuHiddenObservable, RibbonStartGroup, IMenuManagerService } from "@univerjs/ui";
-import cs from "clsx";
-import { fixLineWidthByScale, Transform, Checkbox as Checkbox$1, IRenderManagerService, DeviceInputEventType, getDocsSkeletonPageSize, Rect, DocumentViewModel, DocumentSkeleton, Documents, FontCache, Shape, getFontStyleString } from "@univerjs/engine-render";
 import dayjs from "dayjs";
-import { getPatternType, UniverSheetsNumfmtPlugin } from "@univerjs/sheets-numfmt";
-import { RichTextEditingMutation } from "@univerjs/docs";
-const DATA_VALIDATION_PLUGIN_NAME = "SHEET_DATA_VALIDATION_PLUGIN", DROP_DOWN_DEFAULT_COLOR = "#ECECEC", _DataValidationCacheService = class _DataValidationCacheService {
+const DATA_VALIDATION_PLUGIN_NAME = "SHEET_DATA_VALIDATION_PLUGIN", _DataValidationCacheService = class _DataValidationCacheService {
   constructor() {
     __publicField(this, "_cacheMatrix", /* @__PURE__ */ new Map());
   }
@@ -85,11 +76,11 @@ const DATA_VALIDATION_PLUGIN_NAME = "SHEET_DATA_VALIDATION_PLUGIN", DROP_DOWN_DE
 };
 __name(_DataValidationCacheService, "DataValidationCacheService");
 let DataValidationCacheService = _DataValidationCacheService;
-var __defProp$k = Object.defineProperty, __getOwnPropDesc$k = Object.getOwnPropertyDescriptor, __decorateClass$k = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$k(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$8 = Object.defineProperty, __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor, __decorateClass$8 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$k(target, key, result), result;
-}, "__decorateClass$k"), __decorateParam$k = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$k");
+  return kind && result && __defProp$8(target, key, result), result;
+}, "__decorateClass$8"), __decorateParam$8 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$8");
 function transformFormula(lexerTreeBuilder, formula, originRow, originCol, targetRow, targetCol) {
   return lexerTreeBuilder.moveFormulaRefOffset(formula, targetCol - originCol, targetRow - originRow);
 }
@@ -117,8 +108,8 @@ let DataValidationCustomFormulaService = (_a = class extends Disposable {
           for (const subUnitId in unitMap) {
             const results = unitMap[subUnitId], { formulaCellMap, ruleFormulaMap } = this._ensureMaps(unitId, subUnitId);
             results.forEach((result) => {
-              var _a24, _b;
-              const ruleInfo = ruleFormulaMap.get((_a24 = result.extra) == null ? void 0 : _a24.ruleId), cellInfo = formulaCellMap.get(result.formulaId), rule = this._dataValidationModel.getRuleById(unitId, subUnitId, (_b = result.extra) == null ? void 0 : _b.ruleId);
+              var _a11, _b;
+              const ruleInfo = ruleFormulaMap.get((_a11 = result.extra) == null ? void 0 : _a11.ruleId), cellInfo = formulaCellMap.get(result.formulaId), rule = this._dataValidationModel.getRuleById(unitId, subUnitId, (_b = result.extra) == null ? void 0 : _b.ruleId);
               rule && ruleInfo && !ruleInfo.isTransformable && this._dataValidationCacheService.markRangeDirty(unitId, subUnitId, rule.ranges), cellInfo && this._dataValidationCacheService.markCellDirty(unitId, subUnitId, cellInfo.row, cellInfo.column);
             });
           }
@@ -196,8 +187,8 @@ let DataValidationCustomFormulaService = (_a = class extends Disposable {
       });
     }), newRanges.forEach((range) => {
       Range.foreach(range, (row, col) => {
-        var _a24;
-        const oldValue = (_a24 = formulaMap.getValue(row, col)) != null ? _a24 : {};
+        var _a11;
+        const oldValue = (_a11 = formulaMap.getValue(row, col)) != null ? _a11 : {};
         if (oldValue.ruleId !== ruleId) {
           const oldRuleFormula = ruleFormulaMap.get(oldValue.ruleId);
           if (oldRuleFormula != null && oldRuleFormula.isTransformable && deleteFormulaIdList.add(oldValue.formulaId), isTransformable) {
@@ -237,19 +228,19 @@ let DataValidationCustomFormulaService = (_a = class extends Disposable {
     return ruleFormulaMap.get(ruleId);
   }
 }, __name(_a, "DataValidationCustomFormulaService"), _a);
-DataValidationCustomFormulaService = __decorateClass$k([
-  __decorateParam$k(0, IUniverInstanceService),
-  __decorateParam$k(1, Inject(RegisterOtherFormulaService)),
-  __decorateParam$k(2, Inject(LexerTreeBuilder)),
-  __decorateParam$k(3, Inject(DataValidationModel)),
-  __decorateParam$k(4, Inject(DataValidationCacheService)),
-  __decorateParam$k(5, ILogService)
+DataValidationCustomFormulaService = __decorateClass$8([
+  __decorateParam$8(0, IUniverInstanceService),
+  __decorateParam$8(1, Inject(RegisterOtherFormulaService)),
+  __decorateParam$8(2, Inject(LexerTreeBuilder)),
+  __decorateParam$8(3, Inject(DataValidationModel)),
+  __decorateParam$8(4, Inject(DataValidationCacheService)),
+  __decorateParam$8(5, ILogService)
 ], DataValidationCustomFormulaService);
-var __defProp$j = Object.defineProperty, __getOwnPropDesc$j = Object.getOwnPropertyDescriptor, __decorateClass$j = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$j(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$7 = Object.defineProperty, __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor, __decorateClass$7 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$j(target, key, result), result;
-}, "__decorateClass$j"), __decorateParam$j = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$j"), _a2;
+  return kind && result && __defProp$7(target, key, result), result;
+}, "__decorateClass$7"), __decorateParam$7 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$7"), _a2;
 let DataValidationFormulaService = (_a2 = class extends Disposable {
   constructor(_instanceService, _registerOtherFormulaService, _dataValidationCacheService, _dataValidationModel) {
     super();
@@ -264,8 +255,8 @@ let DataValidationFormulaService = (_a2 = class extends Disposable {
           for (const subUnitId in unitMap) {
             const results = unitMap[subUnitId], formulaMap = this._ensureRuleFormulaMap(unitId, subUnitId);
             results.forEach((result) => {
-              var _a24, _b;
-              if (formulaMap.get((_a24 = result.extra) == null ? void 0 : _a24.ruleId)) {
+              var _a11, _b;
+              if (formulaMap.get((_a11 = result.extra) == null ? void 0 : _a11.ruleId)) {
                 const rule = this._dataValidationModel.getRuleById(unitId, subUnitId, (_b = result.extra) == null ? void 0 : _b.ruleId);
                 rule && this._dataValidationCacheService.markRangeDirty(unitId, subUnitId, rule.ranges);
               }
@@ -350,19 +341,19 @@ let DataValidationFormulaService = (_a2 = class extends Disposable {
     return this._ensureRuleFormulaMap(unitId, subUnitId).get(ruleId);
   }
 }, __name(_a2, "DataValidationFormulaService"), _a2);
-DataValidationFormulaService = __decorateClass$j([
-  __decorateParam$j(0, IUniverInstanceService),
-  __decorateParam$j(1, Inject(RegisterOtherFormulaService)),
-  __decorateParam$j(2, Inject(DataValidationCacheService)),
-  __decorateParam$j(3, Inject(DataValidationModel))
+DataValidationFormulaService = __decorateClass$7([
+  __decorateParam$7(0, IUniverInstanceService),
+  __decorateParam$7(1, Inject(RegisterOtherFormulaService)),
+  __decorateParam$7(2, Inject(DataValidationCacheService)),
+  __decorateParam$7(3, Inject(DataValidationModel))
 ], DataValidationFormulaService);
 function getCellValueOrigin(cell) {
   return getOriginCellValue(cell);
 }
 __name(getCellValueOrigin, "getCellValueOrigin");
 function getStringCellValue(cell) {
-  var _a24;
-  return String((_a24 = getCellValueOrigin(cell)) != null ? _a24 : "");
+  var _a11;
+  return String((_a11 = getCellValueOrigin(cell)) != null ? _a11 : "");
 }
 __name(getStringCellValue, "getStringCellValue");
 var _a3;
@@ -790,8 +781,8 @@ const _RuleMatrix = class _RuleMatrix {
     this._unitId = _unitId, this._subUnitId = _subUnitId, this._univerInstanceService = _univerInstanceService, this._disableTree = _disableTree, this._map = value, this._buildTree();
   }
   get _worksheet() {
-    var _a24;
-    return (_a24 = this._univerInstanceService.getUnit(this._unitId, UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a24.getSheetBySheetId(this._subUnitId);
+    var _a11;
+    return (_a11 = this._univerInstanceService.getUnit(this._unitId, UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _a11.getSheetBySheetId(this._subUnitId);
   }
   addRule(rule) {
     if (!this._worksheet)
@@ -841,8 +832,8 @@ const _RuleMatrix = class _RuleMatrix {
     const mutations = [];
     let deleteIndex = 0;
     return rules.forEach((rule, index) => {
-      var _a24;
-      const newRanges = (_a24 = this._map.get(rule.uid)) != null ? _a24 : [], oldRanges = rule.ranges;
+      var _a11;
+      const newRanges = (_a11 = this._map.get(rule.uid)) != null ? _a11 : [], oldRanges = rule.ranges;
       newRanges.length !== 0 && (newRanges.length !== oldRanges.length || newRanges.some((range, i) => !Rectangle.equals(range, oldRanges[i]))) && mutations.push({
         type: "update",
         ruleId: rule.uid,
@@ -859,8 +850,8 @@ const _RuleMatrix = class _RuleMatrix {
     const mutations = [];
     let deleteIndex = 0;
     return rules.forEach((rule, index) => {
-      var _a24;
-      const newRanges = (_a24 = this._map.get(rule.uid)) != null ? _a24 : [], oldRanges = rule.ranges;
+      var _a11;
+      const newRanges = (_a11 = this._map.get(rule.uid)) != null ? _a11 : [], oldRanges = rule.ranges;
       newRanges.length !== 0 && (newRanges.length !== oldRanges.length || newRanges.some((range, i) => !Rectangle.equals(range, oldRanges[i]))) && mutations.push({
         type: "update",
         ruleId: rule.uid,
@@ -872,8 +863,8 @@ const _RuleMatrix = class _RuleMatrix {
         index: index - deleteIndex
       }), deleteIndex++);
     }), Array.from(additionRules).forEach((rule) => {
-      var _a24;
-      const newRanges = (_a24 = this._map.get(rule.uid)) != null ? _a24 : [];
+      var _a11;
+      const newRanges = (_a11 = this._map.get(rule.uid)) != null ? _a11 : [];
       mutations.push({
         type: "add",
         rule: {
@@ -904,11 +895,11 @@ const _RuleMatrix = class _RuleMatrix {
 };
 __name(_RuleMatrix, "RuleMatrix");
 let RuleMatrix = _RuleMatrix;
-var __defProp$i = Object.defineProperty, __getOwnPropDesc$i = Object.getOwnPropertyDescriptor, __decorateClass$i = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$i(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$6 = Object.defineProperty, __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor, __decorateClass$6 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$i(target, key, result), result;
-}, "__decorateClass$i"), __decorateParam$i = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$i"), _a4;
+  return kind && result && __defProp$6(target, key, result), result;
+}, "__decorateClass$6"), __decorateParam$6 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$6"), _a4;
 let SheetDataValidationModel = (_a4 = class extends Disposable {
   constructor(_dataValidationModel, _univerInstanceService, _dataValidatorRegistryService, _dataValidationCacheService, _dataValidationFormulaService, _dataValidationCustomFormulaService, _commandService) {
     super();
@@ -1068,730 +1059,25 @@ let SheetDataValidationModel = (_a4 = class extends Disposable {
     return this._dataValidationModel.getAll();
   }
 }, __name(_a4, "SheetDataValidationModel"), _a4);
-SheetDataValidationModel = __decorateClass$i([
-  OnLifecycle(LifecycleStages.Starting, SheetDataValidationModel),
-  __decorateParam$i(0, Inject(DataValidationModel)),
-  __decorateParam$i(1, IUniverInstanceService),
-  __decorateParam$i(2, Inject(DataValidatorRegistryService)),
-  __decorateParam$i(3, Inject(DataValidationCacheService)),
-  __decorateParam$i(4, Inject(DataValidationFormulaService)),
-  __decorateParam$i(5, Inject(DataValidationCustomFormulaService)),
-  __decorateParam$i(6, ICommandService)
+SheetDataValidationModel = __decorateClass$6([
+  __decorateParam$6(0, Inject(DataValidationModel)),
+  __decorateParam$6(1, IUniverInstanceService),
+  __decorateParam$6(2, Inject(DataValidatorRegistryService)),
+  __decorateParam$6(3, Inject(DataValidationCacheService)),
+  __decorateParam$6(4, Inject(DataValidationFormulaService)),
+  __decorateParam$6(5, Inject(DataValidationCustomFormulaService)),
+  __decorateParam$6(6, ICommandService)
 ], SheetDataValidationModel);
-function createDefaultNewRule(accessor) {
-  const currentRanges = accessor.get(SheetsSelectionsService).getCurrentSelections().map((s) => s.range);
-  return {
-    uid: Tools.generateRandomId(6),
-    type: DataValidationType.DECIMAL,
-    operator: DataValidationOperator.EQUAL,
-    formula1: "100",
-    ranges: currentRanges != null ? currentRanges : [{ startColumn: 0, endColumn: 0, startRow: 0, endRow: 0 }]
-  };
-}
-__name(createDefaultNewRule, "createDefaultNewRule");
 function getFormulaResult(result) {
-  var _a24, _b;
-  return (_b = (_a24 = result == null ? void 0 : result[0]) == null ? void 0 : _a24[0]) == null ? void 0 : _b.v;
+  var _a11, _b;
+  return (_b = (_a11 = result == null ? void 0 : result[0]) == null ? void 0 : _a11[0]) == null ? void 0 : _b.v;
 }
 __name(getFormulaResult, "getFormulaResult");
 function getFormulaCellData(result) {
-  var _a24;
-  return (_a24 = result == null ? void 0 : result[0]) == null ? void 0 : _a24[0];
+  var _a11;
+  return (_a11 = result == null ? void 0 : result[0]) == null ? void 0 : _a11[0];
 }
 __name(getFormulaCellData, "getFormulaCellData");
-var commonjsGlobal = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x.default : x;
-}
-__name(getDefaultExportFromCjs, "getDefaultExportFromCjs");
-var jsxRuntime = { exports: {} }, reactJsxRuntime_production_min = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var f = React, k = Symbol.for("react.element"), l = Symbol.for("react.fragment"), m = Object.prototype.hasOwnProperty, n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
-function q(c, a, g) {
-  var b, d = {}, e = null, h = null;
-  g !== void 0 && (e = "" + g), a.key !== void 0 && (e = "" + a.key), a.ref !== void 0 && (h = a.ref);
-  for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
-  if (c && c.defaultProps) for (b in a = c.defaultProps, a) d[b] === void 0 && (d[b] = a[b]);
-  return { $$typeof: k, type: c, key: e, ref: h, props: d, _owner: n.current };
-}
-__name(q, "q");
-reactJsxRuntime_production_min.Fragment = l;
-reactJsxRuntime_production_min.jsx = q;
-reactJsxRuntime_production_min.jsxs = q;
-jsxRuntime.exports = reactJsxRuntime_production_min;
-var jsxRuntimeExports = jsxRuntime.exports;
-function CustomFormulaInput(props) {
-  var _a24;
-  const { unitId, subUnitId, value, onChange, showError, validResult } = props, formula1Res = showError ? validResult == null ? void 0 : validResult.formula1 : "";
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: formula1Res, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    TextEditor,
-    {
-      value: (_a24 = value == null ? void 0 : value.formula1) != null ? _a24 : "",
-      id: createInternalEditorID(`dataValidation-custom-formula-${unitId}-${subUnitId}`),
-      onChange: /* @__PURE__ */ __name((newValue) => {
-        onChange == null || onChange({
-          ...value,
-          formula1: (newValue != null ? newValue : "").trim()
-        });
-      }, "onChange"),
-      onlyInputFormula: !0,
-      openForSheetUnitId: unitId,
-      openForSheetSubUnitId: subUnitId
-    }
-  ) });
-}
-__name(CustomFormulaInput, "CustomFormulaInput");
-const dataValidationFormula = "univer-data-validation-formula", dataValidationFormulaAnd = "univer-data-validation-formula-and", dataValidationFormulaListItem = "univer-data-validation-formula-list-item", dataValidationFormulaListItemIcon = "univer-data-validation-formula-list-item-icon", dataValidationFormulaListItemDrag = "univer-data-validation-formula-list-item-drag", dataValidationFormulaListAdd = "univer-data-validation-formula-list-add", dataValidationFormulaColorSelect = "univer-data-validation-formula-color-select", dataValidationFormulaColorSelectPanel = "univer-data-validation-formula-color-select-panel", dataValidationFormulaColorItem = "univer-data-validation-formula-color-item", styles$6 = {
-  dataValidationFormula,
-  dataValidationFormulaAnd,
-  dataValidationFormulaListItem,
-  dataValidationFormulaListItemIcon,
-  dataValidationFormulaListItemDrag,
-  dataValidationFormulaListAdd,
-  dataValidationFormulaColorSelect,
-  dataValidationFormulaColorSelectPanel,
-  dataValidationFormulaColorItem
-}, BaseFormulaInput = /* @__PURE__ */ __name((props) => {
-  const { isTwoFormula = !1, value, onChange, showError, validResult } = props, localeService = useDependency(LocaleService), formula1Res = showError ? validResult == null ? void 0 : validResult.formula1 : "", formula2Res = showError ? validResult == null ? void 0 : validResult.formula2 : "";
-  return isTwoFormula ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: formula1Res, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Input,
-      {
-        className: styles$6.dataValidationFormula,
-        placeholder: localeService.t("dataValidation.panel.formulaPlaceholder"),
-        value: value == null ? void 0 : value.formula1,
-        onChange: /* @__PURE__ */ __name((newValue) => {
-          onChange == null || onChange({
-            ...value,
-            formula1: newValue
-          });
-        }, "onChange")
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$6.dataValidationFormulaAnd, children: localeService.t("dataValidation.panel.formulaAnd") }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: formula2Res, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Input,
-      {
-        className: styles$6.dataValidationFormula,
-        placeholder: localeService.t("dataValidation.panel.formulaPlaceholder"),
-        value: value == null ? void 0 : value.formula2,
-        onChange: /* @__PURE__ */ __name((newValue) => {
-          onChange == null || onChange({
-            ...value,
-            formula2: newValue
-          });
-        }, "onChange")
-      }
-    ) })
-  ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: formula1Res, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Input,
-    {
-      className: styles$6.dataValidationFormula,
-      placeholder: localeService.t("dataValidation.panel.formulaPlaceholder"),
-      value: value == null ? void 0 : value.formula1,
-      onChange: /* @__PURE__ */ __name((newValue) => {
-        onChange == null || onChange({ formula1: newValue });
-      }, "onChange")
-    }
-  ) });
-}, "BaseFormulaInput");
-var __assign = function() {
-  return __assign = Object.assign || function(t) {
-    for (var s, i = 1, n2 = arguments.length; i < n2; i++) {
-      s = arguments[i];
-      for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && (t[p2] = s[p2]);
-    }
-    return t;
-  }, __assign.apply(this, arguments);
-}, __rest = function(s, e) {
-  var t = {};
-  for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && e.indexOf(p2) < 0 && (t[p2] = s[p2]);
-  if (s != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, p2 = Object.getOwnPropertySymbols(s); i < p2.length; i++)
-      e.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p2[i]) && (t[p2[i]] = s[p2[i]]);
-  return t;
-}, IconBase = forwardRef(function(props, ref) {
-  var icon = props.icon, id = props.id, className = props.className, extend = props.extend, restProps = __rest(props, ["icon", "id", "className", "extend"]), cls = "univerjs-icon univerjs-icon-".concat(id, " ").concat(className || "").trim(), idSuffix = useRef("_".concat(generateShortUuid()));
-  return render(icon, "".concat(id), { defIds: icon.defIds, idSuffix: idSuffix.current }, __assign({ ref, className: cls }, restProps), extend);
-});
-function render(node, id, runtimeProps, rootProps, extend) {
-  return createElement(node.tag, __assign(__assign({ key: id }, replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend)), rootProps), (replaceRuntimeIdsInDefs(node, runtimeProps).children || []).map(function(child, index) {
-    return render(child, "".concat(id, "-").concat(node.tag, "-").concat(index), runtimeProps, void 0, extend);
-  }));
-}
-__name(render, "render");
-function replaceRuntimeIdsAndExtInAttrs(node, runtimeProps, extend) {
-  var attrs = __assign({}, node.attrs);
-  extend != null && extend.colorChannel1 && attrs.fill === "colorChannel1" && (attrs.fill = extend.colorChannel1);
-  var defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 || (node.tag === "use" && attrs["xlink:href"] && (attrs["xlink:href"] = attrs["xlink:href"] + runtimeProps.idSuffix), Object.entries(attrs).forEach(function(_a24) {
-    var key = _a24[0], value = _a24[1];
-    typeof value == "string" && (attrs[key] = value.replace(/url\(#(.*)\)/, "url(#$1".concat(runtimeProps.idSuffix, ")")));
-  })), attrs;
-}
-__name(replaceRuntimeIdsAndExtInAttrs, "replaceRuntimeIdsAndExtInAttrs");
-function replaceRuntimeIdsInDefs(node, runtimeProps) {
-  var _a24, defIds = runtimeProps.defIds;
-  return !defIds || defIds.length === 0 ? node : node.tag === "defs" && (!((_a24 = node.children) === null || _a24 === void 0) && _a24.length) ? __assign(__assign({}, node), { children: node.children.map(function(child) {
-    return typeof child.attrs.id == "string" && defIds && defIds.indexOf(child.attrs.id) > -1 ? __assign(__assign({}, child), { attrs: __assign(__assign({}, child.attrs), { id: child.attrs.id + runtimeProps.idSuffix }) }) : child;
-  }) }) : node;
-}
-__name(replaceRuntimeIdsInDefs, "replaceRuntimeIdsInDefs");
-function generateShortUuid() {
-  return Math.random().toString(36).substring(2, 8);
-}
-__name(generateShortUuid, "generateShortUuid");
-IconBase.displayName = "UniverIcon";
-var element$6 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M14.1544 3.75557C14.3887 3.98988 14.3887 4.36978 14.1544 4.6041L6.51409 12.2444C6.40157 12.3569 6.24896 12.4201 6.08983 12.4201C5.9307 12.4201 5.77808 12.3569 5.66556 12.2444L1.84541 8.42425C1.6111 8.18993 1.6111 7.81003 1.84541 7.57572C2.07973 7.34141 2.45963 7.34141 2.69394 7.57572L6.08983 10.9716L13.3059 3.75557C13.5402 3.52126 13.9201 3.52126 14.1544 3.75557Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, CheckMarkSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "check-mark-single",
-    ref,
-    icon: element$6
-  }));
-});
-CheckMarkSingle.displayName = "CheckMarkSingle";
-var element$5 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 17 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M1.4917 3.07803C1.4917 2.19437 2.20804 1.47803 3.0917 1.47803H5.6917C6.57536 1.47803 7.2917 2.19437 7.2917 3.07803V5.67803C7.2917 6.56168 6.57535 7.27803 5.6917 7.27803H3.0917C2.20804 7.27803 1.4917 6.56168 1.4917 5.67803V3.07803ZM3.0917 2.67803C2.87078 2.67803 2.6917 2.85711 2.6917 3.07803V5.67803C2.6917 5.89894 2.87079 6.07803 3.0917 6.07803H5.6917C5.91261 6.07803 6.0917 5.89894 6.0917 5.67803V3.07803C6.0917 2.85711 5.91261 2.67803 5.6917 2.67803H3.0917Z", fillRule: "evenodd", clipRule: "evenodd" } }, { tag: "path", attrs: { fill: "currentColor", d: "M14.6175 2.45279C14.8518 2.68711 14.8518 3.06701 14.6175 3.30132L11.6151 6.30365C11.3957 6.52307 11.0451 6.53897 10.8067 6.34031L8.80915 4.67566C8.55458 4.46352 8.52019 4.08518 8.73233 3.83062 8.94447 3.57605 9.32281 3.54166 9.57737 3.7538L11.154 5.06767 13.769 2.45278C14.0033 2.21847 14.3832 2.21848 14.6175 2.45279zM14.1175 9.19746C14.3518 9.43178 14.3518 9.81168 14.1175 10.046L12.5418 11.6217 14.1175 13.1975C14.3518 13.4318 14.3518 13.8117 14.1175 14.046 13.8832 14.2803 13.5033 14.2803 13.269 14.046L11.6933 12.4703 10.1175 14.046C9.88321 14.2803 9.50331 14.2803 9.269 14.046 9.03468 13.8117 9.03468 13.4318 9.269 13.1975L10.8447 11.6217 9.269 10.046C9.03468 9.81168 9.03468 9.43178 9.269 9.19746 9.50331 8.96315 9.88321 8.96315 10.1175 9.19746L11.6933 10.7732 13.269 9.19746C13.5033 8.96315 13.8832 8.96315 14.1175 9.19746z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M3.0917 8.72168C2.20804 8.72168 1.4917 9.43802 1.4917 10.3217V12.9217C1.4917 13.8053 2.20804 14.5217 3.0917 14.5217H5.6917C6.57535 14.5217 7.2917 13.8053 7.2917 12.9217V10.3217C7.2917 9.43802 6.57536 8.72168 5.6917 8.72168H3.0917ZM2.6917 10.3217C2.6917 10.1008 2.87078 9.92168 3.0917 9.92168H5.6917C5.91261 9.92168 6.0917 10.1008 6.0917 10.3217V12.9217C6.0917 13.1426 5.91261 13.3217 5.6917 13.3217H3.0917C2.87079 13.3217 2.6917 13.1426 2.6917 12.9217V10.3217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, DataValidationSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "data-validation-single",
-    ref,
-    icon: element$5
-  }));
-});
-DataValidationSingle.displayName = "DataValidationSingle";
-var element$4 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M5.3313 1.4667C5.3313 1.13533 5.59993.866699 5.9313.866699H10.069C10.4004.866699 10.669 1.13533 10.669 1.4667 10.669 1.79807 10.4004 2.0667 10.069 2.0667H5.9313C5.59993 2.0667 5.3313 1.79807 5.3313 1.4667zM1.09985 3.64443C1.09985 3.31306 1.36848 3.04443 1.69985 3.04443H14.2999C14.6312 3.04443 14.8999 3.31306 14.8999 3.64443 14.8999 3.9758 14.6312 4.24443 14.2999 4.24443H1.69985C1.36848 4.24443 1.09985 3.9758 1.09985 3.64443zM6.12398 8.30171C6.35829 8.0674 6.73819 8.0674 6.97251 8.30171L8.00007 9.32928 9.02764 8.30171C9.26195 8.0674 9.64185 8.0674 9.87617 8.30171 10.1105 8.53603 10.1105 8.91593 9.87617 9.15024L8.8486 10.1778 9.87617 11.2054C10.1105 11.4397 10.1105 11.8196 9.87617 12.0539 9.64185 12.2882 9.26195 12.2882 9.02764 12.0539L8.00007 11.0263 6.97251 12.0539C6.73819 12.2882 6.35829 12.2882 6.12398 12.0539 5.88966 11.8196 5.88966 11.4397 6.12398 11.2054L7.15154 10.1778 6.12398 9.15024C5.88966 8.91593 5.88966 8.53603 6.12398 8.30171z" } }, { tag: "path", attrs: { fill: "currentColor", d: "M4.75332 5.22217C3.86966 5.22217 3.15332 5.93851 3.15332 6.82217V12.5331C3.15332 13.9691 4.31738 15.1332 5.75332 15.1332H10.2465C11.6825 15.1332 12.8465 13.9691 12.8465 12.5331V6.82217C12.8465 5.93851 12.1302 5.22217 11.2465 5.22217H4.75332ZM4.35332 6.82217C4.35332 6.60125 4.53241 6.42217 4.75332 6.42217H11.2465C11.4674 6.42217 11.6465 6.60125 11.6465 6.82217V12.5331C11.6465 13.3063 11.0197 13.9332 10.2465 13.9332H5.75332C4.98012 13.9332 4.35332 13.3063 4.35332 12.5331V6.82217Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, DeleteSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "delete-single",
-    ref,
-    icon: element$4
-  }));
-});
-DeleteSingle.displayName = "DeleteSingle";
-var element$3 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M8.6 1.99991C8.60001 1.66854 8.33138 1.39991 8.00001 1.3999C7.66864 1.3999 7.40001 1.66853 7.4 1.9999L7.39996 7.3999H1.9999C1.66853 7.3999 1.3999 7.66853 1.3999 7.9999C1.3999 8.33127 1.66853 8.5999 1.9999 8.5999H7.39995L7.3999 13.9999C7.3999 14.3313 7.66853 14.5999 7.9999 14.5999C8.33127 14.5999 8.5999 14.3313 8.5999 13.9999L8.59995 8.5999H13.9999C14.3313 8.5999 14.5999 8.33127 14.5999 7.9999C14.5999 7.66853 14.3313 7.3999 13.9999 7.3999H8.59996L8.6 1.99991Z" } }] }, IncreaseSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "increase-single",
-    ref,
-    icon: element$3
-  }));
-});
-IncreaseSingle.displayName = "IncreaseSingle";
-var element$2 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M11.3536 6.14645C11.5488 6.34171 11.5488 6.65829 11.3536 6.85355L8.35355 9.85355C8.15829 10.0488 7.84171 10.0488 7.64645 9.85355L4.64645 6.85355C4.45118 6.65829 4.45118 6.34171 4.64645 6.14645C4.84171 5.95118 5.15829 5.95118 5.35355 6.14645L8 8.79289L10.6464 6.14645C10.8417 5.95118 11.1583 5.95118 11.3536 6.14645Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, MoreDownSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "more-down-single",
-    ref,
-    icon: element$2
-  }));
-});
-MoreDownSingle.displayName = "MoreDownSingle";
-var element$1 = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "path", attrs: { fill: "currentColor", d: "M4.64645 9.85355C4.45118 9.65829 4.45118 9.34171 4.64645 9.14645L7.64645 6.14645C7.84171 5.95118 8.15829 5.95118 8.35355 6.14645L11.3536 9.14645C11.5488 9.34171 11.5488 9.65829 11.3536 9.85355C11.1583 10.0488 10.8417 10.0488 10.6464 9.85355L8 7.20711L5.35355 9.85355C5.15829 10.0488 4.84171 10.0488 4.64645 9.85355Z", fillRule: "evenodd", clipRule: "evenodd" } }] }, MoreUpSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "more-up-single",
-    ref,
-    icon: element$1
-  }));
-});
-MoreUpSingle.displayName = "MoreUpSingle";
-var element = { tag: "svg", attrs: { fill: "none", viewBox: "0 0 16 16", width: "1em", height: "1em" }, children: [{ tag: "mask", attrs: { id: "mask0_622_8", style: { maskType: "alpha" }, width: 16, height: 16, x: 0, y: 0, maskUnits: "userSpaceOnUse" }, children: [{ tag: "path", attrs: { fill: "#D9D9D9", d: "M0 0H16V16H0z" } }] }, { tag: "g", attrs: { fill: "currentColor", mask: "url(#mask0_622_8)" }, children: [{ tag: "path", attrs: { d: "M6 5C6.55228 5 7 4.55228 7 4 7 3.44772 6.55228 3 6 3 5.44772 3 5 3.44772 5 4 5 4.55228 5.44772 5 6 5zM6 9C6.55228 9 7 8.55229 7 8 7 7.44772 6.55228 7 6 7 5.44772 7 5 7.44772 5 8 5 8.55229 5.44772 9 6 9zM7 12C7 12.5523 6.55228 13 6 13 5.44772 13 5 12.5523 5 12 5 11.4477 5.44772 11 6 11 6.55228 11 7 11.4477 7 12zM10 5C10.5523 5 11 4.55228 11 4 11 3.44772 10.5523 3 10 3 9.44771 3 9 3.44772 9 4 9 4.55228 9.44771 5 10 5zM11 8C11 8.55229 10.5523 9 10 9 9.44771 9 9 8.55229 9 8 9 7.44772 9.44771 7 10 7 10.5523 7 11 7.44772 11 8zM10 13C10.5523 13 11 12.5523 11 12 11 11.4477 10.5523 11 10 11 9.44771 11 9 11.4477 9 12 9 12.5523 9.44771 13 10 13z" } }] }] }, SequenceSingle = forwardRef(function(props, ref) {
-  return createElement(IconBase, Object.assign({}, props, {
-    id: "sequence-single",
-    ref,
-    icon: element
-  }));
-});
-SequenceSingle.displayName = "SequenceSingle";
-var P = /* @__PURE__ */ ((E) => (E[E.View = 0] = "View", E[E.Edit = 1] = "Edit", E[E.ManageCollaborator = 2] = "ManageCollaborator", E[E.Print = 3] = "Print", E[E.Duplicate = 4] = "Duplicate", E[E.Comment = 5] = "Comment", E[E.Copy = 6] = "Copy", E[E.Share = 7] = "Share", E[E.Export = 8] = "Export", E[E.MoveWorksheet = 9] = "MoveWorksheet", E[E.DeleteWorksheet = 10] = "DeleteWorksheet", E[E.HideWorksheet = 11] = "HideWorksheet", E[E.RenameWorksheet = 12] = "RenameWorksheet", E[E.CreateWorksheet = 13] = "CreateWorksheet", E[E.SetWorksheetStyle = 14] = "SetWorksheetStyle", E[E.EditWorksheetCell = 15] = "EditWorksheetCell", E[E.InsertHyperlink = 16] = "InsertHyperlink", E[E.Sort = 17] = "Sort", E[E.Filter = 18] = "Filter", E[E.PivotTable = 19] = "PivotTable", E[E.FloatImg = 20] = "FloatImg", E[E.History = 21] = "History", E[E.RwHgtClWdt = 22] = "RwHgtClWdt", E[E.ViemRwHgtClWdt = 23] = "ViemRwHgtClWdt", E[E.ViewFilter = 24] = "ViewFilter", E[E.MoveSheet = 25] = "MoveSheet", E[E.DeleteSheet = 26] = "DeleteSheet", E[E.HideSheet = 27] = "HideSheet", E[E.CopySheet = 28] = "CopySheet", E[E.RenameSheet = 29] = "RenameSheet", E[E.CreateSheet = 30] = "CreateSheet", E[E.SelectProtectedCells = 31] = "SelectProtectedCells", E[E.SelectUnProtectedCells = 32] = "SelectUnProtectedCells", E[E.SetCellStyle = 33] = "SetCellStyle", E[E.SetCellValue = 34] = "SetCellValue", E[E.SetRowStyle = 35] = "SetRowStyle", E[E.SetColumnStyle = 36] = "SetColumnStyle", E[E.InsertRow = 37] = "InsertRow", E[E.InsertColumn = 38] = "InsertColumn", E[E.DeleteRow = 39] = "DeleteRow", E[E.DeleteColumn = 40] = "DeleteColumn", E[E.EditExtraObject = 41] = "EditExtraObject", E[E.Delete = 42] = "Delete", E[E.RecoverHistory = 43] = "RecoverHistory", E[E.ViewHistory = 44] = "ViewHistory", E[E.UNRECOGNIZED = -1] = "UNRECOGNIZED", E))(P || {}), __defProp$h = Object.defineProperty, __getOwnPropDesc$h = Object.getOwnPropertyDescriptor, __decorateClass$h = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$h(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$h(target, key, result), result;
-}, "__decorateClass$h"), __decorateParam$h = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$h"), _a5;
-let DataValidationFormulaController = (_a5 = class extends Disposable {
-  constructor(_univerInstanceService, _permissionService, _lexerTreeBuilder) {
-    super(), this._univerInstanceService = _univerInstanceService, this._permissionService = _permissionService, this._lexerTreeBuilder = _lexerTreeBuilder;
-  }
-  getFormulaRefCheck(formulaString) {
-    var _a24, _b;
-    const sequenceNodes = this._lexerTreeBuilder.sequenceNodesBuilder(formulaString);
-    if (!sequenceNodes)
-      return !0;
-    for (let i = 0; i < sequenceNodes.length; i++) {
-      const node = sequenceNodes[i];
-      if (typeof node == "string")
-        continue;
-      const { token } = node, sequenceGrid = deserializeRangeWithSheet(token), workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
-      let targetSheet = workbook.getActiveSheet();
-      const unitId = workbook.getUnitId();
-      if (sequenceGrid.sheetName) {
-        if (targetSheet = workbook.getSheetBySheetName(sequenceGrid.sheetName), !targetSheet)
-          return !1;
-        const subUnitId = targetSheet == null ? void 0 : targetSheet.getSheetId();
-        if (!this._permissionService.getPermissionPoint(new WorksheetViewPermission(unitId, subUnitId).id)) return !1;
-      }
-      if (!targetSheet)
-        return !1;
-      const { startRow, endRow, startColumn, endColumn } = sequenceGrid.range;
-      for (let i2 = startRow; i2 <= endRow; i2++)
-        for (let j = startColumn; j <= endColumn; j++) {
-          const permission = (_b = (_a24 = targetSheet.getCell(i2, j)) == null ? void 0 : _a24.selectionProtection) == null ? void 0 : _b[0];
-          if ((permission == null ? void 0 : permission[P.View]) === !1)
-            return !1;
-        }
-    }
-    return !0;
-  }
-}, __name(_a5, "DataValidationFormulaController"), _a5);
-DataValidationFormulaController = __decorateClass$h([
-  OnLifecycle(LifecycleStages.Rendered, DataValidationFormulaController),
-  __decorateParam$h(0, IUniverInstanceService),
-  __decorateParam$h(1, IPermissionService),
-  __decorateParam$h(2, Inject(LexerTreeBuilder))
-], DataValidationFormulaController);
-function serializeListOptions(options) {
-  return options.filter(Boolean).join(",");
-}
-__name(serializeListOptions, "serializeListOptions");
-function deserializeListOptions(optionsStr) {
-  return optionsStr.split(",").filter(Boolean);
-}
-__name(deserializeListOptions, "deserializeListOptions");
-function getDataValidationCellValue(cellData) {
-  const cellValue = getCellValueOrigin(cellData);
-  return cellValue == null ? "" : cellValue.toString();
-}
-__name(getDataValidationCellValue, "getDataValidationCellValue");
-const DEFAULT_COLOR_PRESET = [
-  "#FFFFFF",
-  "#FEE7E7",
-  "#FEF0E6",
-  "#EFFBD0",
-  "#E4F4FE",
-  "#E8ECFD",
-  "#F1EAFA",
-  "#FDE8F3",
-  "#E5E5E5",
-  "#FDCECE",
-  "#FDC49B",
-  "#DEF6A2",
-  "#9FDAFF",
-  "#D0D9FB",
-  "#E3D5F6",
-  "#FBD0E8",
-  "#656565",
-  "#FE4B4B",
-  "#FF8C51",
-  "#8BBB11",
-  "#0B9EFB",
-  "#3A60F7",
-  "#9E6DE3",
-  "#F248A6"
-], ColorSelect = /* @__PURE__ */ __name((props) => {
-  const { value, onChange, disabled } = props, [open, setOpen] = useState(!1);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Select,
-    {
-      disabled,
-      open,
-      onDropdownVisibleChange: setOpen,
-      dropdownStyle: { width: 112 },
-      className: styles$6.dataValidationFormulaColorSelect,
-      value,
-      onChange,
-      labelRender: /* @__PURE__ */ __name((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: styles$6.dataValidationFormulaColorItem,
-          style: { background: item.value, marginTop: 5 }
-        }
-      ), "labelRender"),
-      dropdownRender: /* @__PURE__ */ __name(() => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$6.dataValidationFormulaColorSelectPanel, children: DEFAULT_COLOR_PRESET.map(
-        (color) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "div",
-          {
-            onClick: /* @__PURE__ */ __name(() => {
-              onChange(color), setOpen(!1);
-            }, "onClick"),
-            className: styles$6.dataValidationFormulaColorItem,
-            style: { background: color }
-          },
-          color
-        )
-      ) }), "dropdownRender")
-    }
-  );
-}, "ColorSelect"), Template = /* @__PURE__ */ __name((props) => {
-  const { item, commonProps, style } = props, { onItemChange, onItemDelete } = commonProps;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$6.dataValidationFormulaListItem, style, children: [
-    item.isRef ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cs(styles$6.dataValidationFormulaListItemDrag, "draggableHandle"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(SequenceSingle, {}) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      ColorSelect,
-      {
-        value: item.color,
-        onChange: /* @__PURE__ */ __name((color) => {
-          onItemChange(item.id, item.label, color);
-        }, "onChange")
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Input,
-      {
-        disabled: item.isRef,
-        value: item.label,
-        onChange: /* @__PURE__ */ __name((label) => {
-          onItemChange(item.id, label, item.color);
-        }, "onChange")
-      }
-    ),
-    item.isRef ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$6.dataValidationFormulaListItemIcon, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteSingle, { onClick: /* @__PURE__ */ __name(() => onItemDelete(item.id), "onClick") }) })
-  ] });
-}, "Template");
-function ListFormulaInput(props) {
-  const { value, onChange: _onChange = /* @__PURE__ */ __name(() => {
-  }, "_onChange"), unitId, subUnitId, validResult, showError, ruleId } = props, { formula1 = "", formula2 = "" } = value || {}, containerRef = useRef(null), [isFormulaStr, setIsFormulaStr] = useState(() => isFormulaString(formula1) ? "1" : "0"), [formulaStr, setFormulaStr] = useState(isFormulaStr === "1" ? formula1 : "="), [formulaStrCopy, setFormulaStrCopy] = useState(isFormulaStr === "1" ? formula1 : "="), localeService = useDependency(LocaleService), dataValidatorRegistryService = useDependency(DataValidatorRegistryService), dataValidationModel = useDependency(DataValidationModel), dataValidationFormulaController = useDependency(DataValidationFormulaController), [refColors, setRefColors] = useState(() => formula2.split(",")), listValidator = dataValidatorRegistryService.getValidatorItem(DataValidationType.LIST), [refOptions, setRefOptions] = useState([]), [localError, setLocalError] = useState(""), formula1Res = showError ? validResult == null ? void 0 : validResult.formula1 : "", ruleChange$ = useMemo(() => dataValidationModel.ruleChange$.pipe(debounceTime(16)), []), ruleChange = useObservable(ruleChange$), onChange = useEvent(_onChange);
-  useEffect(() => {
-    (async () => {
-      await new Promise((resolve) => {
-        setTimeout(() => resolve(!0), 100);
-      });
-      const rule = dataValidationModel.getRuleById(unitId, subUnitId, ruleId), formula12 = rule == null ? void 0 : rule.formula1;
-      if (isFormulaString(formula12) && listValidator && rule) {
-        const res = await listValidator.getListAsync(rule, unitId, subUnitId);
-        setRefOptions(res);
-      }
-    })();
-  }, [dataValidationModel, ruleChange, listValidator, ruleId, subUnitId, unitId]), useEffect(() => {
-    isFormulaString(formula1) && formula1 !== formulaStrCopy && (setFormulaStr(formula1), setFormulaStrCopy(formulaStrCopy));
-  }, [formulaStrCopy, formula1]);
-  const [strList, setStrList] = useState(() => {
-    const strOptions = isFormulaStr !== "1" ? deserializeListOptions(formula1) : [], strColors = formula2.split(",");
-    return strOptions.map((label, i) => ({
-      label,
-      color: strColors[i] || DROP_DOWN_DEFAULT_COLOR,
-      isRef: !1,
-      id: Tools.generateRandomId(4)
-    }));
-  }), handleStrItemChange = /* @__PURE__ */ __name((id, value2, color) => {
-    const item = strList.find((i) => i.id === id);
-    item && (item.label = value2, item.color = color, setStrList([...strList]));
-  }, "handleStrItemChange"), handleStrItemDelete = /* @__PURE__ */ __name((id) => {
-    const index = strList.findIndex((i) => i.id === id);
-    index !== -1 && (strList.splice(index, 1), setStrList([...strList]));
-  }, "handleStrItemDelete"), colorList = formula2.split(","), refFinalList = useMemo(() => refOptions.map((label, i) => ({
-    label,
-    color: colorList[i] || DROP_DOWN_DEFAULT_COLOR,
-    id: `${i}`,
-    isRef: !0
-  })), [colorList, refOptions]), handleRefItemChange = /* @__PURE__ */ __name((id, value2, color) => {
-    const newColors = [...refColors];
-    newColors[+id] = color, setRefColors(newColors), onChange({
-      formula1,
-      formula2: newColors.join(",")
-    });
-  }, "handleRefItemChange"), handleAdd = /* @__PURE__ */ __name(() => {
-    setStrList([
-      ...strList,
-      {
-        label: "",
-        color: DROP_DOWN_DEFAULT_COLOR,
-        isRef: !1,
-        id: Tools.generateRandomId(4)
-      }
-    ]);
-  }, "handleAdd");
-  useEffect(() => {
-    if (isFormulaStr === "1")
-      return;
-    const labelSet = /* @__PURE__ */ new Set(), finalList = [];
-    strList.map((item) => ({
-      labelList: item.label.split(","),
-      item
-    })).forEach(({ item, labelList }) => {
-      labelList.forEach((labelItem) => {
-        labelSet.has(labelItem) || (labelSet.add(labelItem), finalList.push({
-          label: labelItem,
-          color: item.color
-        }));
-      });
-    }), onChange({
-      formula1: serializeListOptions(finalList.map((item) => item.label)),
-      formula2: finalList.map((item) => item.color === DROP_DOWN_DEFAULT_COLOR ? "" : item.color).join(",")
-    });
-  }, [strList, onChange, isFormulaStr, formulaStrCopy, refColors]);
-  const updateFormula = useMemo(
-    () => async (str) => {
-      if (!isFormulaString(str)) {
-        onChange == null || onChange({
-          formula1: "",
-          formula2
-        });
-        return;
-      }
-      dataValidationFormulaController.getFormulaRefCheck(str) ? (onChange == null || onChange({
-        formula1: isFormulaString(str) ? str : "",
-        formula2
-      }), setLocalError("")) : (onChange == null || onChange({
-        formula1: "",
-        formula2
-      }), setFormulaStr("="), setLocalError(localeService.t("dataValidation.validFail.formulaError")));
-    },
-    [formula2, onChange]
-  );
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("dataValidation.list.options"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      RadioGroup,
-      {
-        value: isFormulaStr,
-        onChange: /* @__PURE__ */ __name((v) => {
-          setIsFormulaStr(v), setFormulaStr(formulaStrCopy), v === "1" && onChange({
-            formula1: formulaStrCopy === "=" ? "" : formulaStrCopy,
-            formula2: refColors.join(",")
-          });
-        }, "onChange"),
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { value: "0", children: localeService.t("dataValidation.list.customOptions") }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { value: "1", children: localeService.t("dataValidation.list.refOptions") })
-        ]
-      }
-    ) }),
-    isFormulaStr === "1" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: formula1Res || localError, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        TextEditor,
-        {
-          id: createInternalEditorID(`list-ref-range-${unitId}-${subUnitId}`),
-          value: formulaStr,
-          openForSheetUnitId: unitId,
-          openForSheetSubUnitId: subUnitId,
-          onlyInputFormula: !0,
-          onChange: /* @__PURE__ */ __name(async (newString) => {
-            const str = (newString != null ? newString : "").trim();
-            setFormulaStrCopy(str), updateFormula(str);
-          }, "onChange")
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: containerRef, children: refFinalList.map((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(Template, { item, commonProps: { onItemChange: handleRefItemChange }, style: { marginBottom: 12 } }, item.id)) }) })
-    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { error: formula1Res, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: containerRef, style: { marginTop: "-12px" }, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        DraggableList,
-        {
-          list: strList,
-          onListChange: setStrList,
-          rowHeight: 32,
-          margin: [0, 12],
-          draggableHandle: ".draggableHandle",
-          itemRender: /* @__PURE__ */ __name((item) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Template,
-            {
-              item,
-              commonProps: {
-                onItemChange: handleStrItemChange,
-                onItemDelete: handleStrItemDelete
-              }
-            },
-            item.id
-          ), "itemRender"),
-          idKey: "id"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("a", { className: styles$6.dataValidationFormulaListAdd, onClick: handleAdd, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(IncreaseSingle, {}),
-        localeService.t("dataValidation.list.add")
-      ] })
-    ] }) })
-  ] });
-}
-__name(ListFormulaInput, "ListFormulaInput");
-function CheckboxFormulaInput(props) {
-  const { value, onChange, showError, validResult } = props, localeService = useDependency(LocaleService), formula1Res = showError ? validResult == null ? void 0 : validResult.formula1 : "", formula2Res = showError ? validResult == null ? void 0 : validResult.formula2 : "", [checked, setChecked] = useState(!((value == null ? void 0 : value.formula1) === void 0 && (value == null ? void 0 : value.formula2) === void 0));
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Checkbox,
-      {
-        checked,
-        onChange: /* @__PURE__ */ __name((newValue) => {
-          newValue ? setChecked(!0) : (setChecked(!1), onChange == null || onChange({
-            ...value,
-            formula1: void 0,
-            formula2: void 0
-          }));
-        }, "onChange"),
-        children: localeService.t("dataValidation.checkbox.tips")
-      }
-    ) }),
-    checked ? /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("dataValidation.checkbox.checked"), error: formula1Res, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Input,
-      {
-        className: styles$6.dataValidationFormula,
-        placeholder: localeService.t("dataValidation.panel.valuePlaceholder"),
-        value: value == null ? void 0 : value.formula1,
-        onChange: /* @__PURE__ */ __name((newValue) => {
-          onChange == null || onChange({
-            ...value,
-            formula1: newValue || void 0
-          });
-        }, "onChange")
-      }
-    ) }) : null,
-    checked ? /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("dataValidation.checkbox.unchecked"), error: formula2Res, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Input,
-      {
-        className: styles$6.dataValidationFormula,
-        placeholder: localeService.t("dataValidation.panel.valuePlaceholder"),
-        value: value == null ? void 0 : value.formula2,
-        onChange: /* @__PURE__ */ __name((newValue) => {
-          onChange == null || onChange({
-            ...value,
-            formula2: newValue || void 0
-          });
-        }, "onChange")
-      }
-    ) }) : null
-  ] });
-}
-__name(CheckboxFormulaInput, "CheckboxFormulaInput");
-const CUSTOM_FORMULA_INPUT_NAME = "data-validation.custom-formula-input", BASE_FORMULA_INPUT_NAME = "data-validation.formula-input", LIST_FORMULA_INPUT_NAME = "data-validation.list-formula-input", CHECKBOX_FORMULA_INPUT_NAME = "data-validation.checkbox-formula-input", FORMULA_INPUTS = [
-  [
-    CUSTOM_FORMULA_INPUT_NAME,
-    CustomFormulaInput
-  ],
-  [
-    BASE_FORMULA_INPUT_NAME,
-    BaseFormulaInput
-  ],
-  [
-    LIST_FORMULA_INPUT_NAME,
-    ListFormulaInput
-  ],
-  [
-    CHECKBOX_FORMULA_INPUT_NAME,
-    CheckboxFormulaInput
-  ]
-];
-var __defProp$g = Object.defineProperty, __getOwnPropDesc$g = Object.getOwnPropertyDescriptor, __decorateClass$g = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$g(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$g(target, key, result), result;
-}, "__decorateClass$g"), __decorateParam$g = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$g");
-const MARGIN_H$2 = 6;
-var _a6;
-let CheckboxRender = (_a6 = class {
-  constructor(_commandService, _formulaService, _themeService) {
-    this._commandService = _commandService, this._formulaService = _formulaService, this._themeService = _themeService;
-  }
-  _calc(cellInfo, style) {
-    var _a24, _b, _c;
-    const { vt, ht } = style || {}, width = cellInfo.endX - cellInfo.startX - MARGIN_H$2 * 2, height = cellInfo.endY - cellInfo.startY, size = ((_a24 = style == null ? void 0 : style.fs) != null ? _a24 : 10) * 1.6;
-    let widgetLeft = 0, widgetTop = 0;
-    switch (vt) {
-      case VerticalAlign.TOP:
-        widgetTop = 0;
-        break;
-      case VerticalAlign.BOTTOM:
-        widgetTop = 0 + (height - size);
-        break;
-      default:
-        widgetTop = 0 + (height - size) / 2;
-        break;
-    }
-    switch (ht) {
-      case HorizontalAlign.LEFT:
-        widgetLeft = MARGIN_H$2;
-        break;
-      case HorizontalAlign.RIGHT:
-        widgetLeft = MARGIN_H$2 + (width - size);
-        break;
-      default:
-        widgetLeft = MARGIN_H$2 + (width - size) / 2;
-        break;
-    }
-    return {
-      left: cellInfo.startX + widgetLeft,
-      top: cellInfo.startY + widgetTop,
-      width: ((_b = style == null ? void 0 : style.fs) != null ? _b : 10) * 1.6,
-      height: ((_c = style == null ? void 0 : style.fs) != null ? _c : 10) * 1.6
-    };
-  }
-  calcCellAutoHeight(info) {
-    var _a24;
-    const { style } = info;
-    return ((_a24 = style == null ? void 0 : style.fs) != null ? _a24 : 10) * 1.6;
-  }
-  async _parseFormula(rule, unitId, subUnitId) {
-    var _a24, _b;
-    const { formula1 = CHECKBOX_FORMULA_1, formula2 = CHECKBOX_FORMULA_2 } = rule, results = await this._formulaService.getRuleFormulaResult(unitId, subUnitId, rule.uid);
-    return {
-      formula1: isFormulaString(formula1) ? getFormulaResult((_a24 = results == null ? void 0 : results[0]) == null ? void 0 : _a24.result) : formula1,
-      formula2: isFormulaString(formula2) ? getFormulaResult((_b = results == null ? void 0 : results[1]) == null ? void 0 : _b.result) : formula2
-    };
-  }
-  drawWith(ctx, info) {
-    var _a24, _b, _c, _d, _e, _f;
-    const { style, data, primaryWithCoord, unitId, subUnitId, worksheet, row, col } = info, cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord, value = getCellValueOrigin(worksheet.getCellRaw(row, col)), rule = (_a24 = data.dataValidation) == null ? void 0 : _a24.rule, validator = (_b = data.dataValidation) == null ? void 0 : _b.validator;
-    if (!rule || !validator)
-      return;
-    const colors = this._themeService.getCurrentTheme();
-    if (!((_c = validator.skipDefaultFontRender) != null && _c.call(validator, rule, value, { unitId, subUnitId })))
-      return;
-    const result = validator.parseFormulaSync(rule, unitId, subUnitId), { formula1 } = result, layout = this._calc(cellBounding, style), { a: scaleX, d: scaleY } = ctx.getTransform(), left = fixLineWidthByScale(layout.left, scaleX), top = fixLineWidthByScale(layout.top, scaleY), transform = Transform.create().composeMatrix({
-      left,
-      top,
-      scaleX: 1,
-      scaleY: 1,
-      angle: 0,
-      skewX: 0,
-      skewY: 0,
-      flipX: !1,
-      flipY: !1
-    }), cellWidth = cellBounding.endX - cellBounding.startX, cellHeight = cellBounding.endY - cellBounding.startY;
-    ctx.save(), ctx.beginPath(), ctx.rect(cellBounding.startX, cellBounding.startY, cellWidth, cellHeight), ctx.clip();
-    const m2 = transform.getMatrix();
-    ctx.transform(m2[0], m2[1], m2[2], m2[3], m2[4], m2[5]);
-    const size = ((_d = style == null ? void 0 : style.fs) != null ? _d : 10) * 1.6, checked = String(value) === String(formula1), defaultColor = colors.hyacinth500;
-    Checkbox$1.drawWith(ctx, {
-      checked,
-      width: size,
-      height: size,
-      fill: (_f = (_e = style == null ? void 0 : style.cl) == null ? void 0 : _e.rgb) != null ? _f : defaultColor
-    }), ctx.restore();
-  }
-  isHit(evt, info) {
-    const cellBounding = info.primaryWithCoord.isMergedMainCell ? info.primaryWithCoord.mergeInfo : info.primaryWithCoord, layout = this._calc(cellBounding, info.style), startY = layout.top, endY = layout.top + layout.height, startX = layout.left, endX = layout.left + layout.width, { x: offsetX, y: offsetY } = evt;
-    return offsetX <= endX && offsetX >= startX && offsetY <= endY && offsetY >= startY;
-  }
-  async onPointerDown(info, evt) {
-    var _a24, _b, _c;
-    if (evt.button === 2)
-      return;
-    const { primaryWithCoord, unitId, subUnitId, data, worksheet, row, col } = info, value = getCellValueOrigin(worksheet.getCellRaw(row, col)), rule = (_a24 = data.dataValidation) == null ? void 0 : _a24.rule, validator = (_b = data.dataValidation) == null ? void 0 : _b.validator;
-    if (!rule || !validator || !((_c = validator.skipDefaultFontRender) != null && _c.call(validator, rule, value, { unitId, subUnitId })))
-      return;
-    const { formula1, formula2 } = await this._parseFormula(rule, unitId, subUnitId), params = {
-      range: {
-        startColumn: primaryWithCoord.actualColumn,
-        endColumn: primaryWithCoord.actualColumn,
-        startRow: primaryWithCoord.actualRow,
-        endRow: primaryWithCoord.actualRow
-      },
-      value: {
-        v: String(value) === transformCheckboxValue(String(formula1)) ? formula2 : formula1,
-        p: null
-      }
-    };
-    this._commandService.executeCommand(
-      SetRangeValuesCommand.id,
-      params
-    );
-  }
-}, __name(_a6, "CheckboxRender"), _a6);
-CheckboxRender = __decorateClass$g([
-  __decorateParam$g(0, ICommandService),
-  __decorateParam$g(1, Inject(DataValidationFormulaService)),
-  __decorateParam$g(2, Inject(ThemeService))
-], CheckboxRender);
 const CHECKBOX_FORMULA_1 = 1, CHECKBOX_FORMULA_2 = 0;
 function getFailMessage(formula, localeService) {
   return Tools.isBlank(formula) ? localeService.t("dataValidation.validFail.value") : isFormulaString(formula) ? localeService.t("dataValidation.validFail.primitive") : "";
@@ -1804,8 +1090,6 @@ const transformCheckboxValue = /* @__PURE__ */ __name((value) => Tools.isDefine(
     __publicField(this, "title", "dataValidation.checkbox.title");
     __publicField(this, "operators", []);
     __publicField(this, "scopes", ["sheet"]);
-    __publicField(this, "formulaInput", CHECKBOX_FORMULA_INPUT_NAME);
-    __publicField(this, "canvasRender", this.injector.createInstance(CheckboxRender));
     __publicField(this, "_formulaService", this.injector.get(DataValidationFormulaService));
     __publicField(this, "skipDefaultFontRender", /* @__PURE__ */ __name((rule, cellValue, pos) => {
       const { formula1, formula2 } = this.parseFormulaSync(rule, pos.unitId, pos.subUnitId), valueStr = `${cellValue != null ? cellValue : ""}`;
@@ -1832,8 +1116,8 @@ const transformCheckboxValue = /* @__PURE__ */ __name((value) => Tools.isDefine(
     };
   }
   async parseFormula(rule, unitId, subUnitId) {
-    var _a24, _b;
-    const { formula1 = CHECKBOX_FORMULA_1, formula2 = CHECKBOX_FORMULA_2 } = rule, results = await this._formulaService.getRuleFormulaResult(unitId, subUnitId, rule.uid), originFormula1 = isFormulaString(formula1) ? getFormulaResult((_a24 = results == null ? void 0 : results[0]) == null ? void 0 : _a24.result) : formula1, originFormula2 = isFormulaString(formula2) ? getFormulaResult((_b = results == null ? void 0 : results[1]) == null ? void 0 : _b.result) : formula2;
+    var _a11, _b;
+    const { formula1 = CHECKBOX_FORMULA_1, formula2 = CHECKBOX_FORMULA_2 } = rule, results = await this._formulaService.getRuleFormulaResult(unitId, subUnitId, rule.uid), originFormula1 = isFormulaString(formula1) ? getFormulaResult((_a11 = results == null ? void 0 : results[0]) == null ? void 0 : _a11.result) : formula1, originFormula2 = isFormulaString(formula2) ? getFormulaResult((_b = results == null ? void 0 : results[1]) == null ? void 0 : _b.result) : formula2;
     return {
       formula1: transformCheckboxValue(originFormula1),
       formula2: transformCheckboxValue(originFormula2),
@@ -1847,8 +1131,8 @@ const transformCheckboxValue = /* @__PURE__ */ __name((value) => Tools.isDefine(
     };
   }
   parseFormulaSync(rule, unitId, subUnitId) {
-    var _a24, _b;
-    const { formula1 = CHECKBOX_FORMULA_1, formula2 = CHECKBOX_FORMULA_2 } = rule, results = this._formulaService.getRuleFormulaResultSync(unitId, subUnitId, rule.uid), originFormula1 = isFormulaString(formula1) ? getFormulaResult((_a24 = results == null ? void 0 : results[0]) == null ? void 0 : _a24.result) : formula1, originFormula2 = isFormulaString(formula2) ? getFormulaResult((_b = results == null ? void 0 : results[1]) == null ? void 0 : _b.result) : formula2;
+    var _a11, _b;
+    const { formula1 = CHECKBOX_FORMULA_1, formula2 = CHECKBOX_FORMULA_2 } = rule, results = this._formulaService.getRuleFormulaResultSync(unitId, subUnitId, rule.uid), originFormula1 = isFormulaString(formula1) ? getFormulaResult((_a11 = results == null ? void 0 : results[0]) == null ? void 0 : _a11.result) : formula1, originFormula2 = isFormulaString(formula2) ? getFormulaResult((_b = results == null ? void 0 : results[1]) == null ? void 0 : _b.result) : formula2;
     return {
       formula1: transformCheckboxValue(originFormula1),
       formula2: transformCheckboxValue(originFormula2),
@@ -1898,1064 +1182,54 @@ const DateOperatorTitleMap = {
 }, TWO_FORMULA_OPERATOR_COUNT = [
   DataValidationOperator.BETWEEN,
   DataValidationOperator.NOT_BETWEEN
-];
-var utc$1 = { exports: {} };
-(function(module, exports) {
-  (function(t, i) {
-    module.exports = i();
-  })(commonjsGlobal, function() {
-    var t = "minute", i = /[+-]\d\d(?::?\d\d)?/g, e = /([+-]|\d\d)/g;
-    return function(s, f2, n2) {
-      var u = f2.prototype;
-      n2.utc = function(t2) {
-        var i2 = { date: t2, utc: !0, args: arguments };
-        return new f2(i2);
-      }, u.utc = function(i2) {
-        var e2 = n2(this.toDate(), { locale: this.$L, utc: !0 });
-        return i2 ? e2.add(this.utcOffset(), t) : e2;
-      }, u.local = function() {
-        return n2(this.toDate(), { locale: this.$L, utc: !1 });
-      };
-      var o = u.parse;
-      u.parse = function(t2) {
-        t2.utc && (this.$u = !0), this.$utils().u(t2.$offset) || (this.$offset = t2.$offset), o.call(this, t2);
-      };
-      var r = u.init;
-      u.init = function() {
-        if (this.$u) {
-          var t2 = this.$d;
-          this.$y = t2.getUTCFullYear(), this.$M = t2.getUTCMonth(), this.$D = t2.getUTCDate(), this.$W = t2.getUTCDay(), this.$H = t2.getUTCHours(), this.$m = t2.getUTCMinutes(), this.$s = t2.getUTCSeconds(), this.$ms = t2.getUTCMilliseconds();
-        } else r.call(this);
-      };
-      var a = u.utcOffset;
-      u.utcOffset = function(s2, f3) {
-        var n3 = this.$utils().u;
-        if (n3(s2)) return this.$u ? 0 : n3(this.$offset) ? a.call(this) : this.$offset;
-        if (typeof s2 == "string" && (s2 = function(t2) {
-          t2 === void 0 && (t2 = "");
-          var s3 = t2.match(i);
-          if (!s3) return null;
-          var f4 = ("" + s3[0]).match(e) || ["-", 0, 0], n4 = f4[0], u3 = 60 * +f4[1] + +f4[2];
-          return u3 === 0 ? 0 : n4 === "+" ? u3 : -u3;
-        }(s2), s2 === null)) return this;
-        var u2 = Math.abs(s2) <= 16 ? 60 * s2 : s2, o2 = this;
-        if (f3) return o2.$offset = u2, o2.$u = s2 === 0, o2;
-        if (s2 !== 0) {
-          var r2 = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
-          (o2 = this.local().add(u2 + r2, t)).$offset = u2, o2.$x.$localOffset = r2;
-        } else o2 = this.utc();
-        return o2;
-      };
-      var h = u.format;
-      u.format = function(t2) {
-        var i2 = t2 || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
-        return h.call(this, i2);
-      }, u.valueOf = function() {
-        var t2 = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
-        return this.$d.valueOf() - 6e4 * t2;
-      }, u.isUTC = function() {
-        return !!this.$u;
-      }, u.toISOString = function() {
-        return this.toDate().toISOString();
-      }, u.toString = function() {
-        return this.toDate().toUTCString();
-      };
-      var l2 = u.toDate;
-      u.toDate = function(t2) {
-        return t2 === "s" && this.$offset ? n2(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : l2.call(this);
-      };
-      var c = u.diff;
-      u.diff = function(t2, i2, e2) {
-        if (t2 && this.$u === t2.$u) return c.call(this, t2, i2, e2);
-        var s2 = this.local(), f3 = n2(t2).local();
-        return c.call(s2, f3, i2, e2);
-      };
-    };
-  });
-})(utc$1);
-var utcExports = utc$1.exports;
-const utc = /* @__PURE__ */ getDefaultExportFromCjs(utcExports);
-var __defProp$f = Object.defineProperty, __getOwnPropDesc$f = Object.getOwnPropertyDescriptor, __decorateClass$f = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$f(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$f(target, key, result), result;
-}, "__decorateClass$f"), __decorateParam$f = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$f"), _a7;
-let DataValidationRejectInputController = (_a7 = class extends Disposable {
-  constructor(_editorBridgeService, _dataValidationModel, _dataValidatorRegistryService, _dialogService, _localeService) {
-    super(), this._editorBridgeService = _editorBridgeService, this._dataValidationModel = _dataValidationModel, this._dataValidatorRegistryService = _dataValidatorRegistryService, this._dialogService = _dialogService, this._localeService = _localeService, this._initEditorBridgeInterceptor();
-  }
-  _initEditorBridgeInterceptor() {
-    this._editorBridgeService.interceptor.intercept(
-      this._editorBridgeService.interceptor.getInterceptPoints().AFTER_CELL_EDIT_ASYNC,
-      {
-        handler: /* @__PURE__ */ __name(async (cellPromise, context, next) => {
-          var _a24;
-          const cell = await cellPromise, { worksheet, row, col, unitId, subUnitId, workbook } = context, ruleId = this._dataValidationModel.getRuleIdByLocation(unitId, subUnitId, row, col), rule = ruleId ? this._dataValidationModel.getRuleById(unitId, subUnitId, ruleId) : void 0;
-          if (!rule || rule.errorStyle !== DataValidationErrorStyle.STOP)
-            return next(Promise.resolve(cell));
-          const validator = await this._dataValidatorRegistryService.getValidatorItem(rule.type);
-          if (!validator || await validator.validator(
-            {
-              value: getCellValueOrigin(cell),
-              interceptValue: getCellValueOrigin((_a24 = context == null ? void 0 : context.origin) != null ? _a24 : cell),
-              row,
-              column: col,
-              unitId,
-              subUnitId,
-              worksheet,
-              workbook,
-              t: cell == null ? void 0 : cell.t
-            },
-            rule
-          ))
-            return next(Promise.resolve(cell));
-          const oldCell = worksheet.getCellRaw(row, col);
-          return this._dialogService.open({
-            width: 368,
-            title: {
-              title: this._localeService.t("dataValidation.alert.title")
-            },
-            id: "reject-input-dialog",
-            children: {
-              title: validator.getRuleFinalError(rule)
-            },
-            footer: {
-              title: React.createElement(
-                Button,
-                {
-                  type: "primary",
-                  onClick: /* @__PURE__ */ __name(() => this._dialogService.close("reject-input-dialog"), "onClick")
-                },
-                this._localeService.t("dataValidation.alert.ok")
-              )
-            },
-            onClose: /* @__PURE__ */ __name(() => {
-              this._dialogService.close("reject-input-dialog");
-            }, "onClose")
-          }), next(Promise.resolve(oldCell));
-        }, "handler")
-      }
-    );
-  }
-  showReject(title) {
-    this._dialogService.open({
-      width: 368,
-      title: {
-        title: this._localeService.t("dataValidation.alert.title")
-      },
-      id: "reject-input-dialog",
-      children: {
-        title
-      },
-      footer: {
-        title: React.createElement(
-          Button,
-          {
-            type: "primary",
-            onClick: /* @__PURE__ */ __name(() => this._dialogService.close("reject-input-dialog"), "onClick")
-          },
-          this._localeService.t("dataValidation.alert.ok")
-        )
-      },
-      onClose: /* @__PURE__ */ __name(() => {
-        this._dialogService.close("reject-input-dialog");
-      }, "onClose")
-    });
-  }
-}, __name(_a7, "DataValidationRejectInputController"), _a7);
-DataValidationRejectInputController = __decorateClass$f([
-  OnLifecycle(LifecycleStages.Ready, DataValidationRejectInputController),
-  __decorateParam$f(0, IEditorBridgeService),
-  __decorateParam$f(1, Inject(SheetDataValidationModel)),
-  __decorateParam$f(2, Inject(DataValidatorRegistryService)),
-  __decorateParam$f(3, IDialogService),
-  __decorateParam$f(4, Inject(LocaleService))
-], DataValidationRejectInputController);
-const dvDateDropdown = "univer-dv-date-dropdown", dvDateDropdownBtns = "univer-dv-date-dropdown-btns", styles$5 = {
-  dvDateDropdown,
-  dvDateDropdownBtns
-};
-dayjs.extend(utc);
-const transformDate = /* @__PURE__ */ __name((value) => {
+], FORMULA1$1 = "{FORMULA1}", FORMULA2$1 = "{FORMULA2}", transformDate2SerialNumber = /* @__PURE__ */ __name((value) => {
+  var _a11, _b;
   if (value == null || typeof value == "boolean")
     return;
   if (typeof value == "number" || !Number.isNaN(+value))
-    return dayjs(numfmt.format("yyyy-MM-dd HH:mm:ss", Number(value)));
-  const date = dayjs(value);
-  if (date.isValid())
-    return date;
-}, "transformDate");
-function DateDropdown(props) {
-  var _a24, _b, _c;
-  const { location, hideFn } = props, { worksheet, row, col, unitId, subUnitId, workbook } = location, commandService = useDependency(ICommandService), rejectInputController = useDependency(DataValidationRejectInputController), cellData = worksheet.getCell(row, col), rule = (_a24 = cellData == null ? void 0 : cellData.dataValidation) == null ? void 0 : _a24.rule, validator = (_b = cellData == null ? void 0 : cellData.dataValidation) == null ? void 0 : _b.validator, cellStr = getCellValueOrigin(worksheet.getCellRaw(row, col)), originDate = transformDate(cellStr), [localDate, setLocalDate] = useState(originDate), showTime = !!((_c = rule == null ? void 0 : rule.bizInfo) != null && _c.showTime), date = localDate && localDate.isValid() ? localDate : dayjs(), localeService = useDependency(LocaleService);
-  if (!cellData || !rule || !validator)
-    return;
-  const handleSave = /* @__PURE__ */ __name(async () => {
-    var _a25, _b2, _c2;
-    if (!date)
-      return;
-    const dateStr = date.format(showTime ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD 00:00:00"), serialTime = (_a25 = numfmt.parseDate(dateStr)) == null ? void 0 : _a25.v, cellStyle = workbook.getStyles().getStyleByCell(cellData), format = (_c2 = (_b2 = cellStyle == null ? void 0 : cellStyle.n) == null ? void 0 : _b2.pattern) != null ? _c2 : "", patternType = getPatternType(format);
-    rule.errorStyle !== DataValidationErrorStyle.STOP || await validator.validator({
-      value: serialTime,
-      unitId,
-      subUnitId,
-      row,
-      column: col,
-      worksheet,
-      workbook,
-      interceptValue: dateStr.replace("Z", "").replace("T", " "),
-      t: CellValueType.NUMBER
-    }, rule) ? (commandService.executeCommand(SetRangeValuesCommand.id, {
-      unitId,
-      subUnitId,
-      range: {
-        startColumn: col,
-        endColumn: col,
-        startRow: row,
-        endRow: row
-      },
-      value: {
-        v: serialTime,
-        t: 2,
-        p: null,
-        f: null,
-        si: null,
-        s: {
-          n: {
-            pattern: showTime ? patternType === "datetime" ? format : "yyyy-MM-dd hh:mm:ss" : patternType === "date" ? format : "yyyy-MM-dd"
-          }
-        }
-      }
-    }), hideFn()) : rejectInputController.showReject(validator.getRuleFinalError(rule));
-  }, "handleSave");
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$5.dvDateDropdown, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      DatePanel,
-      {
-        defaultValue: date,
-        pickerValue: date,
-        showTime: showTime || void 0,
-        onSelect: /* @__PURE__ */ __name(async (newValue) => {
-          setLocalDate(newValue);
-        }, "onSelect"),
-        onPanelChange: /* @__PURE__ */ __name((value) => {
-          setLocalDate(value);
-        }, "onPanelChange"),
-        disabledDate: /* @__PURE__ */ __name((current) => !numfmt.parseDate(current.format("YYYY-MM-DD")), "disabledDate")
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$5.dvDateDropdownBtns, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { size: "small", type: "primary", onClick: handleSave, disabled: !date.isValid(), children: localeService.t("dataValidation.alert.ok") }) })
-  ] });
-}
-__name(DateDropdown, "DateDropdown");
-function CellDropdown() {
-  const dropdownManagerService = useDependency(DataValidationDropdownManagerService), activeDropdown = useObservable(dropdownManagerService.activeDropdown$, dropdownManagerService.activeDropdown), componentManager = useDependency(ComponentManager);
-  if (!activeDropdown)
-    return null;
-  const { location, componentKey } = activeDropdown, Component = componentManager.get(componentKey), key = `${location.unitId}-${location.subUnitId}-${location.row}-${location.col}`;
-  if (!Component)
-    return null;
-  const hideFn = /* @__PURE__ */ __name(() => {
-    dropdownManagerService.hideDropdown();
-  }, "hideFn");
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Component,
-    {
-      location,
-      hideFn
-    },
-    key
-  );
-}
-__name(CellDropdown, "CellDropdown");
-const DROP_DOWN_KEY = "sheet.ui.dropdown";
-var __defProp$e = Object.defineProperty, __getOwnPropDesc$e = Object.getOwnPropertyDescriptor, __decorateClass$e = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$e(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$e(target, key, result), result;
-}, "__decorateClass$e"), __decorateParam$e = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$e"), _a8;
-let DataValidationDropdownManagerService = (_a8 = class extends Disposable {
-  constructor(_canvasPopupManagerService, _univerInstanceService, _dataValidatorRegistryService, _zenZoneService, _renderManagerService, _dataValidationModel, _sheetsSelectionsService) {
-    super();
-    __publicField(this, "_activeDropdown");
-    __publicField(this, "_activeDropdown$", new Subject());
-    __publicField(this, "_currentPopup", null);
-    __publicField(this, "activeDropdown$", this._activeDropdown$.asObservable());
-    __publicField(this, "_zenVisible", !1);
-    this._canvasPopupManagerService = _canvasPopupManagerService, this._univerInstanceService = _univerInstanceService, this._dataValidatorRegistryService = _dataValidatorRegistryService, this._zenZoneService = _zenZoneService, this._renderManagerService = _renderManagerService, this._dataValidationModel = _dataValidationModel, this._sheetsSelectionsService = _sheetsSelectionsService, this._init(), this._initSelectionChange(), this.disposeWithMe(() => {
-      this._activeDropdown$.complete();
-    });
-  }
-  get activeDropdown() {
-    return this._activeDropdown;
-  }
-  _init() {
-    this.disposeWithMe(this._zenZoneService.visible$.subscribe((visible) => {
-      this._zenVisible = visible, visible && this.hideDropdown();
-    }));
-  }
-  _getDropdownByCell(unitId, subUnitId, row, col) {
-    const workbook = unitId ? this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET) : this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
-    if (!workbook)
-      return;
-    const worksheet = subUnitId ? workbook.getSheetBySheetId(subUnitId) : workbook.getActiveSheet();
-    if (!worksheet)
-      return;
-    const rule = this._dataValidationModel.getRuleByLocation(workbook.getUnitId(), worksheet.getSheetId(), row, col);
-    if (!rule)
-      return;
-    const validator = this._dataValidatorRegistryService.getValidatorItem(rule.type);
-    return validator == null ? void 0 : validator.dropdown;
-  }
-  _initSelectionChange() {
-    this.disposeWithMe(this._sheetsSelectionsService.selectionMoveEnd$.subscribe((selections) => {
-      selections && selections.every((selection) => !(selection.primary && this._getDropdownByCell(selection.primary.unitId, selection.primary.sheetId, selection.primary.actualRow, selection.primary.actualColumn))) && this.hideDropdown();
-    }));
-  }
-  showDropdown(param, closeOnOutSide = !0) {
-    const { location } = param, { row, col, unitId, subUnitId } = location;
-    if (this._currentPopup && this._currentPopup.dispose(), this._zenVisible)
-      return;
-    this._activeDropdown = param, this._activeDropdown$.next(this._activeDropdown);
-    const currentRender = this._renderManagerService.getRenderById(DOCS_FORMULA_BAR_EDITOR_UNIT_ID_KEY), popupDisposable = this._canvasPopupManagerService.attachPopupToCell(
-      row,
-      col,
-      {
-        componentKey: DROP_DOWN_KEY,
-        onClickOutside: /* @__PURE__ */ __name(() => {
-          closeOnOutSide && this.hideDropdown();
-        }, "onClickOutside"),
-        offset: [0, 3],
-        excludeOutside: [currentRender == null ? void 0 : currentRender.engine.getCanvasElement()].filter(Boolean)
-      },
-      unitId,
-      subUnitId
-    );
-    if (!popupDisposable)
-      throw new Error("[DataValidationDropdownManagerService]: cannot show dropdown!");
-    const disposableCollection = new DisposableCollection();
-    disposableCollection.add(popupDisposable), disposableCollection.add({
-      dispose: /* @__PURE__ */ __name(() => {
-        var _a24, _b;
-        (_b = (_a24 = this._activeDropdown) == null ? void 0 : _a24.onHide) == null || _b.call(_a24);
-      }, "dispose")
-    }), this._currentPopup = disposableCollection;
-  }
-  hideDropdown() {
-    this._activeDropdown && (this._currentPopup && this._currentPopup.dispose(), this._currentPopup = null, this._activeDropdown = null, this._activeDropdown$.next(null));
-  }
-  showDataValidationDropdown(unitId, subUnitId, row, col, onHide) {
-    const workbook = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET);
-    if (!workbook)
-      return;
-    const worksheet = workbook.getSheetBySheetId(subUnitId);
-    if (!worksheet)
-      return;
-    const rule = this._dataValidationModel.getRuleByLocation(workbook.getUnitId(), worksheet.getSheetId(), row, col);
-    if (!rule)
-      return;
-    const validator = this._dataValidatorRegistryService.getValidatorItem(rule.type);
-    if (!validator || !validator.dropdown) {
-      this.hideDropdown();
-      return;
-    }
-    this.showDropdown({
-      location: {
-        workbook,
-        worksheet,
-        row,
-        col,
-        unitId,
-        subUnitId
-      },
-      componentKey: validator.dropdown,
-      onHide
-    });
+    return +value;
+  const v = (_a11 = numfmt.parseDate(value)) == null ? void 0 : _a11.v;
+  return Tools.isDefine(v) ? v : (_b = numfmt.parseDate(dayjs(value).format("YYYY-MM-DD HH:mm:ss"))) == null ? void 0 : _b.v;
+}, "transformDate2SerialNumber"), _DateValidator = class _DateValidator extends BaseDataValidator {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "id", DataValidationType.DATE);
+    __publicField(this, "title", "dataValidation.date.title");
+    __publicField(this, "operators", [
+      DataValidationOperator.BETWEEN,
+      DataValidationOperator.EQUAL,
+      DataValidationOperator.GREATER_THAN,
+      DataValidationOperator.GREATER_THAN_OR_EQUAL,
+      DataValidationOperator.LESS_THAN,
+      DataValidationOperator.LESS_THAN_OR_EQUAL,
+      DataValidationOperator.NOT_BETWEEN,
+      DataValidationOperator.NOT_EQUAL
+    ]);
+    __publicField(this, "scopes", ["sheet"]);
+    __publicField(this, "_formulaService", this.injector.get(DataValidationFormulaService));
   }
-}, __name(_a8, "DataValidationDropdownManagerService"), _a8);
-DataValidationDropdownManagerService = __decorateClass$e([
-  __decorateParam$e(0, Inject(SheetCanvasPopManagerService)),
-  __decorateParam$e(1, IUniverInstanceService),
-  __decorateParam$e(2, Inject(DataValidatorRegistryService)),
-  __decorateParam$e(3, IZenZoneService),
-  __decorateParam$e(4, IRenderManagerService),
-  __decorateParam$e(5, Inject(SheetDataValidationModel)),
-  __decorateParam$e(6, Inject(SheetsSelectionsService))
-], DataValidationDropdownManagerService);
-var __defProp$d = Object.defineProperty, __getOwnPropDesc$d = Object.getOwnPropertyDescriptor, __decorateClass$d = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$d(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$d(target, key, result), result;
-}, "__decorateClass$d"), __decorateParam$d = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$d"), _a9;
-let DataValidationPanelService = (_a9 = class extends Disposable {
-  constructor(_univerInstanceService, _sidebarService) {
-    super();
-    __publicField(this, "_open$", new BehaviorSubject(!1));
-    __publicField(this, "open$", this._open$.pipe(distinctUntilChanged()));
-    __publicField(this, "_activeRule");
-    __publicField(this, "_activeRule$", new BehaviorSubject(void 0));
-    __publicField(this, "activeRule$", this._activeRule$.asObservable());
-    __publicField(this, "_closeDisposable", null);
-    this._univerInstanceService = _univerInstanceService, this._sidebarService = _sidebarService, this.disposeWithMe(
-      this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(filter((sheet) => !sheet)).subscribe(() => {
-        this.close();
-      })
-    );
+  async parseFormula(rule, unitId, subUnitId) {
+    var _a11, _b;
+    const results = await this._formulaService.getRuleFormulaResult(unitId, subUnitId, rule.uid), { formula1, formula2 } = rule;
+    return {
+      formula1: transformDate2SerialNumber(isFormulaString(formula1) ? getFormulaResult((_a11 = results == null ? void 0 : results[0]) == null ? void 0 : _a11.result) : formula1),
+      formula2: transformDate2SerialNumber(isFormulaString(formula2) ? getFormulaResult((_b = results == null ? void 0 : results[1]) == null ? void 0 : _b.result) : formula2)
+    };
   }
-  get activeRule() {
-    return this._activeRule;
+  parseFormulaSync(rule, unitId, subUnitId) {
+    var _a11, _b;
+    const results = this._formulaService.getRuleFormulaResultSync(unitId, subUnitId, rule.uid), { formula1, formula2 } = rule;
+    return {
+      formula1: transformDate2SerialNumber(isFormulaString(formula1) ? getFormulaResult((_a11 = results == null ? void 0 : results[0]) == null ? void 0 : _a11.result) : formula1),
+      formula2: transformDate2SerialNumber(isFormulaString(formula2) ? getFormulaResult((_b = results == null ? void 0 : results[1]) == null ? void 0 : _b.result) : formula2)
+    };
   }
-  get isOpen() {
-    return this._open$.getValue();
+  async isValidType(info) {
+    const { interceptValue, value } = info;
+    return typeof value == "number" && typeof interceptValue == "string" ? !0 : typeof interceptValue == "string" ? !!numfmt.parseDate(interceptValue) : !1;
   }
-  dispose() {
-    var _a24;
-    super.dispose(), this._open$.next(!1), this._open$.complete(), this._activeRule$.complete(), (_a24 = this._closeDisposable) == null || _a24.dispose();
-  }
-  open() {
-    this._open$.next(!0);
-  }
-  close() {
-    var _a24;
-    this._open$.next(!1), (_a24 = this._closeDisposable) == null || _a24.dispose();
-  }
-  setCloseDisposable(disposable) {
-    this._closeDisposable = toDisposable(() => {
-      disposable.dispose(), this._closeDisposable = null;
-    });
-  }
-  setActiveRule(rule) {
-    this._activeRule = rule, this._activeRule$.next(rule);
-  }
-}, __name(_a9, "DataValidationPanelService"), _a9);
-DataValidationPanelService = __decorateClass$d([
-  __decorateParam$d(0, IUniverInstanceService),
-  __decorateParam$d(1, ISidebarService)
-], DataValidationPanelService);
-const DATA_VALIDATION_PANEL = "DataValidationPanel", OpenValidationPanelOperation = {
-  id: "data-validation.operation.open-validation-panel",
-  type: CommandType.OPERATION,
-  handler(accessor, params) {
-    if (!params)
-      return !1;
-    const { ruleId, isAdd } = params, dataValidationPanelService = accessor.get(DataValidationPanelService), dataValidationModel = accessor.get(DataValidationModel), univerInstanceService = accessor.get(IUniverInstanceService), sidebarService = accessor.get(ISidebarService), target = getSheetCommandTarget(univerInstanceService);
-    if (!target) return !1;
-    const { unitId, subUnitId } = target, rule = ruleId ? dataValidationModel.getRuleById(unitId, subUnitId, ruleId) : void 0;
-    dataValidationPanelService.open(), dataValidationPanelService.setActiveRule(rule && {
-      unitId,
-      subUnitId,
-      rule
-    });
-    const disposable = sidebarService.open({
-      header: { title: isAdd ? "dataValidation.panel.addTitle" : "dataValidation.panel.title" },
-      children: { label: DATA_VALIDATION_PANEL },
-      width: 312,
-      onClose: /* @__PURE__ */ __name(() => dataValidationPanelService.close(), "onClose")
-    });
-    return dataValidationPanelService.setCloseDisposable(disposable), !0;
-  }
-}, CloseValidationPanelOperation = {
-  id: "data-validation.operation.close-validation-panel",
-  type: CommandType.OPERATION,
-  handler(accessor) {
-    return accessor.get(DataValidationPanelService).close(), !0;
-  }
-}, ToggleValidationPanelOperation = {
-  id: "data-validation.operation.toggle-validation-panel",
-  type: CommandType.OPERATION,
-  handler(accessor) {
-    const commandService = accessor.get(ICommandService), dataValidationPanelService = accessor.get(DataValidationPanelService);
-    return dataValidationPanelService.open(), dataValidationPanelService.isOpen ? commandService.executeCommand(CloseValidationPanelOperation.id) : commandService.executeCommand(OpenValidationPanelOperation.id), !0;
-  }
-}, ShowDataValidationDropdown = {
-  type: CommandType.OPERATION,
-  id: "sheet.operation.show-data-validation-dropdown",
-  handler(accessor, params) {
-    if (!params)
-      return !1;
-    const dataValidationDropdownManagerService = accessor.get(DataValidationDropdownManagerService), { unitId, subUnitId, row, column } = params, activeDropdown = dataValidationDropdownManagerService.activeDropdown, currLoc = activeDropdown == null ? void 0 : activeDropdown.location;
-    return currLoc && currLoc.unitId === unitId && currLoc.subUnitId === subUnitId && currLoc.row === row && currLoc.col === column || dataValidationDropdownManagerService.showDataValidationDropdown(
-      unitId,
-      subUnitId,
-      row,
-      column
-    ), !0;
-  }
-}, HideDataValidationDropdown = {
-  type: CommandType.OPERATION,
-  id: "sheet.operation.hide-data-validation-dropdown",
-  handler(accessor, params) {
-    return params ? (accessor.get(DataValidationDropdownManagerService).hideDropdown(), !0) : !1;
-  }
-}, PLUGIN_CONFIG_KEY = "sheets-data-validation.config", defaultPluginConfig = {}, dvListDropdown = "univer-dv-list-dropdown", dvListDropdownTitle = "univer-dv-list-dropdown-title", dvListDropdownList = "univer-dv-list-dropdown-list", dvListDropdownListContainer = "univer-dv-list-dropdown-list-container", dvListDropdownSelectedIcon = "univer-dv-list-dropdown-selected-icon", dvListDropdownItemContainer = "univer-dv-list-dropdown-item-container", dvListDropdownItem = "univer-dv-list-dropdown-item", dvListDropdownSplit = "univer-dv-list-dropdown-split", dvListDropdownEdit = "univer-dv-list-dropdown-edit", styles$4 = {
-  dvListDropdown,
-  dvListDropdownTitle,
-  dvListDropdownList,
-  dvListDropdownListContainer,
-  dvListDropdownSelectedIcon,
-  dvListDropdownItemContainer,
-  dvListDropdownItem,
-  dvListDropdownSplit,
-  dvListDropdownEdit
-}, SelectList = /* @__PURE__ */ __name((props) => {
-  var _a24, _b;
-  const { value, onChange, multiple, options, title, onEdit, style, filter: filter2, location } = props, localeService = useDependency(LocaleService), configService = useDependency(IConfigService), lowerFilter = filter2 == null ? void 0 : filter2.toLowerCase(), { row, col, unitId, subUnitId } = location, filteredOptions = options.filter((item) => lowerFilter ? item.label.toLowerCase().includes(lowerFilter) : !0), showEditOnDropdown = (_b = (_a24 = configService.getConfig(PLUGIN_CONFIG_KEY)) == null ? void 0 : _a24.showEditOnDropdown) != null ? _b : !0, sheetPermissionInterceptorBaseController = useDependency(SheetPermissionInterceptorBaseController), hasPermission = useMemo(() => sheetPermissionInterceptorBaseController.permissionCheckWithRanges(
-    {
-      workbookTypes: [WorkbookEditablePermission],
-      rangeTypes: [RangeProtectionPermissionEditPoint],
-      worksheetTypes: [WorksheetEditPermission]
-    },
-    [{ startColumn: col, startRow: row, endColumn: col, endRow: row }],
-    unitId,
-    subUnitId
-  ), [sheetPermissionInterceptorBaseController, col, row, unitId, subUnitId]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$4.dvListDropdown, style, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.dvListDropdownTitle, children: title }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.dvListDropdownList, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Scrollbar, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.dvListDropdownListContainer, children: filteredOptions.map((item, i) => {
-      const selected = value.indexOf(item.value) > -1, handleClick = /* @__PURE__ */ __name(() => {
-        let set;
-        selected ? set = new Set(value.filter((sub) => sub !== item.value)) : set = new Set(multiple ? [...value, item.value] : [item.value]);
-        const newValue = [];
-        options.forEach((opt) => {
-          set.has(opt.value) && newValue.push(opt.value);
-        }), onChange(newValue);
-      }, "handleClick"), index = item.label.toLocaleLowerCase().indexOf(lowerFilter);
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$4.dvListDropdownItemContainer, onClick: handleClick, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.dvListDropdownItem, style: { background: item.color || DROP_DOWN_DEFAULT_COLOR }, children: lowerFilter && item.label.toLowerCase().includes(lowerFilter) ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: item.label.substring(0, index) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontWeight: "bold" }, children: item.label.substring(index, index + lowerFilter.length) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: item.label.substring(index + lowerFilter.length) })
-        ] }) : item.label }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.dvListDropdownSelectedIcon, children: selected ? /* @__PURE__ */ jsxRuntimeExports.jsx(CheckMarkSingle, {}) : null })
-      ] }, i);
-    }) }) }, filter2) }),
-    showEditOnDropdown && hasPermission ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.dvListDropdownSplit }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$4.dvListDropdownEdit, children: /* @__PURE__ */ jsxRuntimeExports.jsx("a", { onClick: onEdit, children: localeService.t("dataValidation.list.edit") }) })
-    ] }) : null
-  ] });
-}, "SelectList");
-function ListDropDown(props) {
-  var _a24, _b;
-  const { location, hideFn } = props, { worksheet, row, col, unitId, subUnitId } = location, dataValidationModel = useDependency(DataValidationModel), [editingText, setEditingText] = useState(""), commandService = useDependency(ICommandService), localeService = useDependency(LocaleService), [localValue, setLocalValue] = useState(""), editorBridgeService = useDependency(IEditorBridgeService), instanceService = useDependency(IUniverInstanceService), ruleChange$ = useMemo(() => dataValidationModel.ruleChange$.pipe(debounceTime(16)), []);
-  useObservable(ruleChange$);
-  const anchorRect = RectPopup.useContext(), cellWidth = anchorRect.right - anchorRect.left;
-  if (useEffect(() => {
-    const dispose = commandService.onCommandExecuted((command) => {
-      var _a25, _b2;
-      if (command.id === RichTextEditingMutation.id) {
-        const params = command.params, { unitId: unitId2 } = params, unit = instanceService.getUnit(unitId2, UniverInstanceType.UNIVER_DOC);
-        if (!unit)
-          return;
-        const text = BuildTextUtils.transform.getPlainText((_b2 = (_a25 = unit.getSnapshot().body) == null ? void 0 : _a25.dataStream) != null ? _b2 : "");
-        setEditingText(text);
-      }
-    });
-    return () => {
-      dispose.dispose();
-    };
-  }, [commandService, instanceService]), !worksheet)
-    return null;
-  const cellData = worksheet.getCell(row, col), rule = (_a24 = cellData == null ? void 0 : cellData.dataValidation) == null ? void 0 : _a24.rule, validator = (_b = cellData == null ? void 0 : cellData.dataValidation) == null ? void 0 : _b.validator, showColor = (rule == null ? void 0 : rule.renderMode) === DataValidationRenderMode.CUSTOM || (rule == null ? void 0 : rule.renderMode) === void 0;
-  if (!cellData || !rule || !validator || validator.id.indexOf(DataValidationType.LIST) !== 0)
-    return;
-  const multiple = rule.type === DataValidationType.LIST_MULTIPLE, list = validator.getListWithColor(rule, unitId, subUnitId), cellStr = localValue || getDataValidationCellValue(worksheet.getCellRaw(row, col)), value = deserializeListOptions(cellStr), handleEdit = /* @__PURE__ */ __name(() => {
-    commandService.executeCommand(OpenValidationPanelOperation.id, {
-      ruleId: rule.uid
-    }), hideFn();
-  }, "handleEdit"), options = list.map((item) => ({
-    label: item.label,
-    value: item.label,
-    color: showColor ? item.color : "transparent"
-  }));
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    SelectList,
-    {
-      style: { minWidth: cellWidth, maxWidth: Math.max(cellWidth, 200) },
-      title: multiple ? localeService.t("dataValidation.listMultiple.dropdown") : localeService.t("dataValidation.list.dropdown"),
-      value,
-      multiple,
-      onChange: /* @__PURE__ */ __name((newValue) => {
-        const str = serializeListOptions(newValue), params = {
-          unitId,
-          subUnitId,
-          range: {
-            startColumn: col,
-            endColumn: col,
-            startRow: row,
-            endRow: row
-          },
-          value: {
-            v: str,
-            p: null,
-            f: null,
-            si: null
-          }
-        };
-        editorBridgeService.isVisible() && editorBridgeService.changeVisible({
-          visible: !1,
-          keycode: KeyCode.ESC,
-          eventType: DeviceInputEventType.Keyboard,
-          unitId
-        }), commandService.executeCommand(SetRangeValuesCommand.id, params), setLocalValue(str), multiple || hideFn();
-      }, "onChange"),
-      options,
-      onEdit: handleEdit,
-      filter: editingText,
-      location
-    }
-  );
-}
-__name(ListDropDown, "ListDropDown");
-const dataValidationOptionsButton = "univer-data-validation-options-button", dataValidationOptionsButtonIcon = "univer-data-validation-options-button-icon", styles$3 = {
-  dataValidationOptionsButton,
-  dataValidationOptionsButtonIcon
-};
-function DataValidationOptions(props) {
-  var _a24;
-  const localeService = useDependency(LocaleService), componentManager = useDependency(ComponentManager), { value, onChange, extraComponent } = props, [show, setShow] = useState(!1), ExtraOptions = extraComponent ? componentManager.get(extraComponent) : null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$3.dataValidationOptionsButton, onClick: /* @__PURE__ */ __name(() => setShow(!show), "onClick"), children: [
-      localeService.t("dataValidation.panel.options"),
-      show ? /* @__PURE__ */ jsxRuntimeExports.jsx(MoreUpSingle, { className: styles$3.dataValidationOptionsButtonIcon }) : /* @__PURE__ */ jsxRuntimeExports.jsx(MoreDownSingle, { className: styles$3.dataValidationOptionsButtonIcon })
-    ] }),
-    show && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      ExtraOptions ? /* @__PURE__ */ jsxRuntimeExports.jsx(ExtraOptions, { value, onChange }) : null,
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        FormLayout,
-        {
-          label: localeService.t("dataValidation.panel.invalid"),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            RadioGroup,
-            {
-              value: `${(_a24 = value.errorStyle) != null ? _a24 : DataValidationErrorStyle.WARNING}`,
-              onChange: /* @__PURE__ */ __name((errorStyle) => onChange({ ...value, errorStyle: +errorStyle }), "onChange"),
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { value: `${DataValidationErrorStyle.WARNING}`, children: localeService.t("dataValidation.panel.showWarning") }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { value: `${DataValidationErrorStyle.STOP}`, children: localeService.t("dataValidation.panel.rejectInput") })
-              ]
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        FormLayout,
-        {
-          label: localeService.t("dataValidation.panel.messageInfo"),
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            Checkbox,
-            {
-              checked: value.showErrorMessage,
-              onChange: /* @__PURE__ */ __name(() => onChange({
-                ...value,
-                showErrorMessage: !value.showErrorMessage
-              }), "onChange"),
-              children: localeService.t("dataValidation.panel.showInfo")
-            }
-          )
-        }
-      ),
-      value.showErrorMessage ? /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { value: value.error, onChange: /* @__PURE__ */ __name((error) => onChange({ ...value, error }), "onChange") }) }) : null
-    ] })
-  ] });
-}
-__name(DataValidationOptions, "DataValidationOptions");
-const dataValidationDetail = "univer-data-validation-detail", dataValidationDetailFormItem = "univer-data-validation-detail-form-item", dataValidationDetailButtons = "univer-data-validation-detail-buttons", dataValidationDetailButton = "univer-data-validation-detail-button", styles$2 = {
-  dataValidationDetail,
-  dataValidationDetailFormItem,
-  dataValidationDetailButtons,
-  dataValidationDetailButton
-}, debounceExecuteFactory = /* @__PURE__ */ __name((commandService) => debounce(
-  async (id, params, options, callback) => {
-    const res = await commandService.executeCommand(id, params, options);
-    callback == null || callback(res);
-  },
-  1e3
-), "debounceExecuteFactory");
-function DataValidationDetail() {
-  const [key, setKey] = useState(0), dataValidationPanelService = useDependency(DataValidationPanelService), activeRuleInfo = useObservable(dataValidationPanelService.activeRule$, dataValidationPanelService.activeRule), { unitId, subUnitId, rule } = activeRuleInfo || {}, ruleId = rule.uid, validatorService = useDependency(DataValidatorRegistryService), componentManager = useDependency(ComponentManager), commandService = useDependency(ICommandService), dataValidationModel = useDependency(DataValidationModel), localeService = useDependency(LocaleService), [localRule, setLocalRule] = useState(rule), validator = validatorService.getValidatorItem(localRule.type), [showError, setShowError] = useState(!1), validators = validatorService.getValidatorsByScope(DataValidatorRegistryScope.SHEET), [localRanges, setLocalRanges] = useState(() => localRule.ranges.map((i) => ({ unitId: "", sheetId: "", range: i }))), debounceExecute = useMemo(() => debounceExecuteFactory(commandService), [commandService]);
-  if (useEffect(() => {
-    commandService.onCommandExecuted((commandInfo) => {
-      (commandInfo.id === UndoCommand.id || commandInfo.id === RedoCommand.id) && setTimeout(() => {
-        const activeRule = dataValidationModel.getRuleById(unitId, subUnitId, ruleId);
-        setKey((k2) => k2 + 1), activeRule && (setLocalRule(activeRule), setLocalRanges(activeRule.ranges.map((i) => ({ unitId: "", sheetId: "", range: i }))));
-      }, 20);
-    });
-  }, [commandService, dataValidationModel, ruleId, subUnitId, unitId]), !validator)
-    return null;
-  const operators = validator.operators, operatorNames = validator.operatorNames, isTwoFormula = localRule.operator ? TWO_FORMULA_OPERATOR_COUNT$1.includes(localRule.operator) : !1, handleOk = /* @__PURE__ */ __name(() => {
-    localRule.ranges.length && (validator.validatorFormula(localRule, unitId, subUnitId).success ? dataValidationPanelService.setActiveRule(null) : setShowError(!0));
-  }, "handleOk"), handleUpdateRuleRanges = useEvent((unitRanges) => {
-    if (isUnitRangesEqual(unitRanges, localRanges))
-      return;
-    setLocalRanges(unitRanges);
-    const ranges = unitRanges.filter((i) => (!i.unitId || i.unitId === unitId) && (!i.sheetId || i.sheetId === subUnitId)).map((i) => i.range);
-    if (setLocalRule({
-      ...localRule,
-      ranges
-    }), ranges.length === 0)
-      return;
-    const params = {
-      unitId,
-      subUnitId,
-      ruleId,
-      ranges
-    };
-    debounceExecute(UpdateSheetDataValidationRangeCommand.id, params);
-  }), handleUpdateRuleSetting = /* @__PURE__ */ __name((setting) => {
-    if (shallowEqual(setting, getRuleSetting(localRule)))
-      return;
-    setLocalRule({
-      ...localRule,
-      ...setting
-    });
-    const params = {
-      unitId,
-      subUnitId,
-      ruleId,
-      setting
-    };
-    debounceExecute(
-      UpdateSheetDataValidationSettingCommand.id,
-      params,
-      void 0
-    );
-  }, "handleUpdateRuleSetting"), handleDelete = /* @__PURE__ */ __name(async () => {
-    await commandService.executeCommand(RemoveSheetDataValidationCommand.id, {
-      ruleId,
-      unitId,
-      subUnitId
-    }), dataValidationPanelService.setActiveRule(null);
-  }, "handleDelete"), baseRule = {
-    type: localRule.type,
-    operator: localRule.operator,
-    formula1: localRule.formula1,
-    formula2: localRule.formula2,
-    allowBlank: localRule.allowBlank
-  }, handleChangeType = /* @__PURE__ */ __name((newType) => {
-    const validator2 = validatorService.getValidatorItem(newType);
-    if (!validator2)
-      return;
-    const operators2 = validator2.operators, rule2 = dataValidationModel.getRuleById(unitId, subUnitId, ruleId), newRule = newType === (rule2 == null ? void 0 : rule2.type) || newType.includes("list") && (rule2 != null && rule2.type.includes("list")) ? {
-      ...rule2,
-      type: newType
-    } : {
-      ...localRule,
-      type: newType,
-      operator: operators2[0],
-      formula1: void 0,
-      formula2: void 0
-    };
-    setLocalRule(newRule), commandService.executeCommand(UpdateSheetDataValidationSettingCommand.id, {
-      unitId,
-      subUnitId,
-      ruleId: localRule.uid,
-      setting: getRuleSetting(newRule)
-    });
-  }, "handleChangeType"), FormulaInput = componentManager.get(validator.formulaInput), rangeStr = useMemo(() => localRanges.map((i) => serializeRange(i.range)).join(","), []), options = getRuleOptions(localRule), handleUpdateRuleOptions = /* @__PURE__ */ __name((newOptions) => {
-    shallowEqual(newOptions, getRuleOptions(localRule)) || (setLocalRule({
-      ...localRule,
-      ...newOptions
-    }), debounceExecute(
-      UpdateSheetDataValidationOptionsCommand.id,
-      {
-        unitId,
-        subUnitId,
-        ruleId,
-        options: newOptions
-      }
-    ));
-  }, "handleUpdateRuleOptions");
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$2.dataValidationDetail, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      FormLayout,
-      {
-        label: localeService.t("dataValidation.panel.range"),
-        error: localRule.ranges.length ? "" : localeService.t("dataValidation.panel.rangeError"),
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          RangeSelector,
-          {
-            className: styles$2.dataValidationDetailFormItem,
-            value: rangeStr,
-            id: createInternalEditorID("data-validation-detail"),
-            openForSheetUnitId: unitId,
-            openForSheetSubUnitId: subUnitId,
-            onChange: /* @__PURE__ */ __name((newRange) => {
-              newRange.some((i) => !isValidRange(i.range) || i.range.endColumn < i.range.startColumn || i.range.endRow < i.range.startRow) || handleUpdateRuleRanges(newRange);
-            }, "onChange")
-          },
-          key
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("dataValidation.panel.type"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Select,
-      {
-        options: validators == null ? void 0 : validators.map((validator2) => ({
-          label: localeService.t(validator2.title),
-          value: validator2.id
-        })),
-        value: localRule.type,
-        onChange: handleChangeType,
-        className: styles$2.dataValidationDetailFormItem
-      }
-    ) }),
-    operators != null && operators.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("dataValidation.panel.operator"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      Select,
-      {
-        options: operators.map((op, i) => ({
-          value: `${op}`,
-          label: operatorNames[i]
-        })),
-        value: `${localRule.operator}`,
-        onChange: /* @__PURE__ */ __name((operator) => {
-          handleUpdateRuleSetting({
-            ...baseRule,
-            operator
-          });
-        }, "onChange"),
-        className: styles$2.dataValidationDetailFormItem
-      }
-    ) }) : null,
-    FormulaInput ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      FormulaInput,
-      {
-        isTwoFormula,
-        value: {
-          formula1: localRule.formula1,
-          formula2: localRule.formula2
-        },
-        onChange: /* @__PURE__ */ __name((value) => {
-          handleUpdateRuleSetting({
-            ...baseRule,
-            ...value
-          });
-        }, "onChange"),
-        showError,
-        validResult: validator.validatorFormula(localRule, unitId, subUnitId),
-        unitId,
-        subUnitId,
-        ruleId
-      },
-      key + localRule.type
-    ) : null,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(DataValidationOptions, { value: options, onChange: handleUpdateRuleOptions, extraComponent: validator.optionsInput }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$2.dataValidationDetailButtons, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { className: styles$2.dataValidationDetailButton, onClick: handleDelete, children: localeService.t("dataValidation.panel.removeRule") }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { className: styles$2.dataValidationDetailButton, type: "primary", onClick: handleOk, children: localeService.t("dataValidation.panel.done") })
-    ] })
-  ] });
-}
-__name(DataValidationDetail, "DataValidationDetail");
-const dataValidationItemContainer = "univer-data-validation-item-container", dataValidationItemTitle = "univer-data-validation-item-title", dataValidationItemContent = "univer-data-validation-item-content", dataValidationItemIcon = "univer-data-validation-item-icon", styles$1 = {
-  dataValidationItemContainer,
-  dataValidationItemTitle,
-  dataValidationItemContent,
-  dataValidationItemIcon
-}, DataValidationItem = /* @__PURE__ */ __name((props) => {
-  const { rule, onClick, unitId, subUnitId, disable } = props, validatorRegistry = useDependency(DataValidatorRegistryService), commandService = useDependency(ICommandService), markSelectionService = useDependency(IMarkSelectionService), validator = validatorRegistry.getValidatorItem(rule.type), ids = useRef(), [isHover, setIsHover] = useState(!1), handleDelete = /* @__PURE__ */ __name((e) => {
-    commandService.executeCommand(RemoveSheetDataValidationCommand.id, {
-      ruleId: rule.uid,
-      unitId,
-      subUnitId
-    }), e.stopPropagation();
-  }, "handleDelete");
-  return useEffect(() => () => {
-    var _a24;
-    ids.current && ((_a24 = ids.current) == null || _a24.forEach((id) => {
-      id && markSelectionService.removeShape(id);
-    }));
-  }, [markSelectionService]), /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "div",
-    {
-      className: styles$1.dataValidationItemContainer,
-      onClick,
-      onMouseEnter: /* @__PURE__ */ __name(() => {
-        disable || (setIsHover(!0), ids.current = rule.ranges.map((range) => markSelectionService.addShape({
-          range,
-          style: {
-            hasAutoFill: !1,
-            fill: "rgba(73, 184, 17, 0.05)",
-            strokeWidth: 1,
-            stroke: "#49B811",
-            widgets: {}
-          },
-          primary: {
-            startColumn: range.startColumn,
-            endColumn: range.endColumn,
-            startRow: range.startRow,
-            endRow: range.endRow,
-            actualRow: range.startRow,
-            actualColumn: range.startColumn,
-            isMerged: !1,
-            isMergedMainCell: !1
-          }
-        })));
-      }, "onMouseEnter"),
-      onMouseLeave: /* @__PURE__ */ __name(() => {
-        var _a24;
-        setIsHover(!1), (_a24 = ids.current) == null || _a24.forEach((id) => {
-          id && markSelectionService.removeShape(id);
-        }), ids.current = void 0;
-      }, "onMouseLeave"),
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1.dataValidationItemTitle, children: validator == null ? void 0 : validator.generateRuleName(rule) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1.dataValidationItemContent, children: rule.ranges.map((range) => serializeRange(range)).join(",") }),
-        isHover ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1.dataValidationItemIcon, onClick: handleDelete, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteSingle, {}) }) : null
-      ]
-    }
-  );
-}, "DataValidationItem"), dataValidationList = "univer-data-validation-list", dataValidationListButtons = "univer-data-validation-list-buttons", dataValidationListButton = "univer-data-validation-list-button", styles = {
-  dataValidationList,
-  dataValidationListButtons,
-  dataValidationListButton
-};
-function DataValidationList() {
-  const univerInstanceService = useDependency(IUniverInstanceService), workbook = useObservable(
-    () => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET),
-    void 0,
-    void 0,
-    []
-  );
-  return workbook ? /* @__PURE__ */ jsxRuntimeExports.jsx(DataValidationListWithWorkbook, { workbook }) : null;
-}
-__name(DataValidationList, "DataValidationList");
-function DataValidationListWithWorkbook(props) {
-  const sheetDataValidationModel = useDependency(SheetDataValidationModel), univerInstanceService = useDependency(IUniverInstanceService), commandService = useDependency(ICommandService), injector = useDependency(Injector), dataValidationPanelService = useDependency(DataValidationPanelService), localeService = useDependency(LocaleService), [rules, setRules] = useState([]), { workbook } = props, worksheet = useObservable(workbook.activeSheet$, void 0, !0), unitId = workbook.getUnitId(), subUnitId = worksheet == null ? void 0 : worksheet.getSheetId();
-  useEffect(() => {
-    setRules(sheetDataValidationModel.getRules(unitId, subUnitId));
-    const subscription = sheetDataValidationModel.ruleChange$.subscribe((change) => {
-      change.unitId === unitId && change.subUnitId === subUnitId && setRules(sheetDataValidationModel.getRules(unitId, subUnitId));
-    });
-    return () => {
-      subscription.unsubscribe();
-    };
-  }, [unitId, subUnitId, sheetDataValidationModel]);
-  const handleAddRule = /* @__PURE__ */ __name(async () => {
-    const rule = createDefaultNewRule(injector), params = {
-      unitId,
-      subUnitId,
-      rule
-    };
-    await commandService.executeCommand(AddSheetDataValidationCommand.id, params), dataValidationPanelService.setActiveRule({
-      unitId,
-      subUnitId,
-      rule
-    });
-  }, "handleAddRule"), handleRemoveAll = /* @__PURE__ */ __name(() => {
-    commandService.executeCommand(RemoveSheetAllDataValidationCommand.id, {
-      unitId,
-      subUnitId
-    });
-  }, "handleRemoveAll"), rulesByPermissionCheck = (/* @__PURE__ */ __name((rules2) => {
-    const workbook2 = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), worksheet2 = workbook2.getActiveSheet(), unitId2 = workbook2.getUnitId(), subUnitId2 = worksheet2.getSheetId();
-    return rules2.map((rule) => checkRangesEditablePermission(injector, unitId2, subUnitId2, rule.ranges) ? { ...rule } : { ...rule, disable: !0 });
-  }, "getDvRulesByPermissionCorrect"))(rules), hasDisableRule = rulesByPermissionCheck == null ? void 0 : rulesByPermissionCheck.some((rule) => rule.disable);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.dataValidationList, children: [
-    rulesByPermissionCheck == null ? void 0 : rulesByPermissionCheck.map((rule) => {
-      var _a24;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(
-        DataValidationItem,
-        {
-          unitId,
-          subUnitId,
-          onClick: /* @__PURE__ */ __name(() => {
-            rule.disable || dataValidationPanelService.setActiveRule({
-              unitId,
-              subUnitId,
-              rule
-            });
-          }, "onClick"),
-          rule,
-          disable: (_a24 = rule.disable) != null ? _a24 : !1
-        },
-        rule.uid
-      );
-    }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles.dataValidationListButtons, children: [
-      rules.length && !hasDisableRule ? /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { className: styles.dataValidationListButton, onClick: handleRemoveAll, children: localeService.t("dataValidation.panel.removeAll") }) : null,
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { className: styles.dataValidationListButton, type: "primary", onClick: handleAddRule, children: localeService.t("dataValidation.panel.add") })
-    ] })
-  ] });
-}
-__name(DataValidationListWithWorkbook, "DataValidationListWithWorkbook");
-const DataValidationPanel = /* @__PURE__ */ __name(() => {
-  const dataValidationPanelService = useDependency(DataValidationPanelService), activeRule = useObservable(dataValidationPanelService.activeRule$, dataValidationPanelService.activeRule);
-  return activeRule ? /* @__PURE__ */ jsxRuntimeExports.jsx(DataValidationDetail, {}, activeRule.rule.uid) : /* @__PURE__ */ jsxRuntimeExports.jsx(DataValidationList, {});
-}, "DataValidationPanel"), LIST_DROPDOWN_KEY = "data-validation.list.dropdown", DATE_DROPDOWN_KEY = "data-validation.date.dropdown", DATE_SHOW_TIME_OPTION = "DATE_SHOW_TIME_OPTION";
-function DateShowTimeOption(props) {
-  var _a24;
-  const { value, onChange } = props, localeService = useDependency(LocaleService);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Checkbox,
-    {
-      checked: (_a24 = value.bizInfo) == null ? void 0 : _a24.showTime,
-      onChange: /* @__PURE__ */ __name((showTime) => {
-        onChange({
-          ...value,
-          bizInfo: {
-            ...value.bizInfo,
-            showTime
-          }
-        });
-      }, "onChange"),
-      children: localeService.t("dataValidation.showTime.label")
-    }
-  ) });
-}
-__name(DateShowTimeOption, "DateShowTimeOption");
-DateShowTimeOption.componentKey = DATE_SHOW_TIME_OPTION;
-const FORMULA1$1 = "{FORMULA1}", FORMULA2$1 = "{FORMULA2}", transformDate2SerialNumber = /* @__PURE__ */ __name((value) => {
-  var _a24, _b;
-  if (value == null || typeof value == "boolean")
-    return;
-  if (typeof value == "number" || !Number.isNaN(+value))
-    return +value;
-  const v = (_a24 = numfmt.parseDate(value)) == null ? void 0 : _a24.v;
-  return Tools.isDefine(v) ? v : (_b = numfmt.parseDate(dayjs(value).format("YYYY-MM-DD HH:mm:ss"))) == null ? void 0 : _b.v;
-}, "transformDate2SerialNumber"), _DateValidator = class _DateValidator extends BaseDataValidator {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "id", DataValidationType.DATE);
-    __publicField(this, "title", "dataValidation.date.title");
-    __publicField(this, "operators", [
-      DataValidationOperator.BETWEEN,
-      DataValidationOperator.EQUAL,
-      DataValidationOperator.GREATER_THAN,
-      DataValidationOperator.GREATER_THAN_OR_EQUAL,
-      DataValidationOperator.LESS_THAN,
-      DataValidationOperator.LESS_THAN_OR_EQUAL,
-      DataValidationOperator.NOT_BETWEEN,
-      DataValidationOperator.NOT_EQUAL
-    ]);
-    __publicField(this, "scopes", ["sheet"]);
-    __publicField(this, "formulaInput", BASE_FORMULA_INPUT_NAME);
-    __publicField(this, "optionsInput", DateShowTimeOption.componentKey);
-    __publicField(this, "dropdown", DATE_DROPDOWN_KEY);
-    __publicField(this, "_formulaService", this.injector.get(DataValidationFormulaService));
-  }
-  async parseFormula(rule, unitId, subUnitId) {
-    var _a24, _b;
-    const results = await this._formulaService.getRuleFormulaResult(unitId, subUnitId, rule.uid), { formula1, formula2 } = rule;
-    return {
-      formula1: transformDate2SerialNumber(isFormulaString(formula1) ? getFormulaResult((_a24 = results == null ? void 0 : results[0]) == null ? void 0 : _a24.result) : formula1),
-      formula2: transformDate2SerialNumber(isFormulaString(formula2) ? getFormulaResult((_b = results == null ? void 0 : results[1]) == null ? void 0 : _b.result) : formula2)
-    };
-  }
-  parseFormulaSync(rule, unitId, subUnitId) {
-    var _a24, _b;
-    const results = this._formulaService.getRuleFormulaResultSync(unitId, subUnitId, rule.uid), { formula1, formula2 } = rule;
-    return {
-      formula1: transformDate2SerialNumber(isFormulaString(formula1) ? getFormulaResult((_a24 = results == null ? void 0 : results[0]) == null ? void 0 : _a24.result) : formula1),
-      formula2: transformDate2SerialNumber(isFormulaString(formula2) ? getFormulaResult((_b = results == null ? void 0 : results[1]) == null ? void 0 : _b.result) : formula2)
-    };
-  }
-  async isValidType(info) {
-    const { interceptValue, value } = info;
-    return typeof value == "number" && typeof interceptValue == "string" ? !0 : typeof interceptValue == "string" ? !!numfmt.parseDate(interceptValue) : !1;
-  }
-  _validatorSingleFormula(formula) {
-    return !Tools.isBlank(formula) && (isFormulaString(formula) || !Number.isNaN(+formula) || !!(formula && numfmt.parseDate(formula)));
+  _validatorSingleFormula(formula) {
+    return !Tools.isBlank(formula) && (isFormulaString(formula) || !Number.isNaN(+formula) || !!(formula && numfmt.parseDate(formula)));
   }
   validatorFormula(rule, unitId, subUnitId) {
     const operator = rule.operator;
@@ -2979,14 +1253,14 @@ const FORMULA1$1 = "{FORMULA1}", FORMULA2$1 = "{FORMULA2}", transformDate2Serial
   }
   normalizeFormula(rule, _unitId, _subUnitId) {
     const { formula1, formula2, bizInfo } = rule, normlizeSingleFormula = /* @__PURE__ */ __name((formula) => {
-      var _a24;
+      var _a11;
       if (!formula)
         return formula;
       let date;
       if (!Number.isNaN(+formula))
         date = numfmt.dateFromSerial(+formula);
       else {
-        const res = (_a24 = numfmt.parseDate(formula)) == null ? void 0 : _a24.v;
+        const res = (_a11 = numfmt.parseDate(formula)) == null ? void 0 : _a11.v;
         if (res == null)
           return "";
         date = numfmt.dateFromSerial(res);
@@ -3047,15 +1321,15 @@ const FORMULA1$1 = "{FORMULA1}", FORMULA2$1 = "{FORMULA2}", transformDate2Serial
     return this.operators.map((operator) => this.localeService.t(DateOperatorNameMap[operator]));
   }
   generateRuleName(rule) {
-    var _a24, _b;
+    var _a11, _b;
     if (!rule.operator)
       return this.titleStr;
-    const ruleName = this.localeService.t(DateOperatorTitleMap[rule.operator]).replace(FORMULA1$1, (_a24 = rule.formula1) != null ? _a24 : "").replace(FORMULA2$1, (_b = rule.formula2) != null ? _b : "");
+    const ruleName = this.localeService.t(DateOperatorTitleMap[rule.operator]).replace(FORMULA1$1, (_a11 = rule.formula1) != null ? _a11 : "").replace(FORMULA2$1, (_b = rule.formula2) != null ? _b : "");
     return `${this.titleStr} ${ruleName}`;
   }
   generateRuleErrorMessage(rule) {
-    var _a24, _b;
-    return rule.operator ? `${this.localeService.t(DateOperatorErrorTitleMap[rule.operator]).replace(FORMULA1$1, (_a24 = rule.formula1) != null ? _a24 : "").replace(FORMULA2$1, (_b = rule.formula2) != null ? _b : "")}` : this.titleStr;
+    var _a11, _b;
+    return rule.operator ? `${this.localeService.t(DateOperatorErrorTitleMap[rule.operator]).replace(FORMULA1$1, (_a11 = rule.formula1) != null ? _a11 : "").replace(FORMULA2$1, (_b = rule.formula2) != null ? _b : "")}` : this.titleStr;
   }
 };
 __name(_DateValidator, "DateValidator");
@@ -3082,8 +1356,6 @@ const _DecimalValidator = class _DecimalValidator extends BaseDataValidator {
       DataValidationOperator.NOT_EQUAL
     ]);
     __publicField(this, "scopes", ["sheet"]);
-    __publicField(this, "formulaInput", BASE_FORMULA_INPUT_NAME);
-    __publicField(this, "dropDownInput");
   }
   _isFormulaOrNumber(formula) {
     return !Tools.isBlank(formula) && (isFormulaString(formula) || !Number.isNaN(+formula));
@@ -3103,10 +1375,10 @@ const _DecimalValidator = class _DecimalValidator extends BaseDataValidator {
     return formula == null ? Number.NaN : +formula;
   }
   async parseFormula(rule, unitId, subUnitId) {
-    var _a24, _b, _c, _d, _e, _f, _g, _h;
+    var _a11, _b, _c, _d, _e, _f, _g, _h;
     const formulaInfo = await this._formulaService.getRuleFormulaResult(unitId, subUnitId, rule.uid), { formula1, formula2 } = rule;
     return {
-      formula1: this._parseNumber(isFormulaString(formula1) ? (_d = (_c = (_b = (_a24 = formulaInfo == null ? void 0 : formulaInfo[0]) == null ? void 0 : _a24.result) == null ? void 0 : _b[0]) == null ? void 0 : _c[0]) == null ? void 0 : _d.v : formula1),
+      formula1: this._parseNumber(isFormulaString(formula1) ? (_d = (_c = (_b = (_a11 = formulaInfo == null ? void 0 : formulaInfo[0]) == null ? void 0 : _a11.result) == null ? void 0 : _b[0]) == null ? void 0 : _c[0]) == null ? void 0 : _d.v : formula1),
       formula2: this._parseNumber(isFormulaString(formula2) ? (_h = (_g = (_f = (_e = formulaInfo == null ? void 0 : formulaInfo[1]) == null ? void 0 : _e.result) == null ? void 0 : _f[0]) == null ? void 0 : _g[0]) == null ? void 0 : _h.v : formula2)
     };
   }
@@ -3167,246 +1439,19 @@ const _DecimalValidator = class _DecimalValidator extends BaseDataValidator {
 };
 __name(_DecimalValidator, "DecimalValidator");
 let DecimalValidator = _DecimalValidator;
-const LIST_RENDER_MODE_OPTION_INPUT = "LIST_RENDER_MODE_OPTION_INPUT";
-function ListRenderModeInput(props) {
-  var _a24;
-  const { value, onChange } = props, localeService = useDependency(LocaleService);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(FormLayout, { label: localeService.t("dataValidation.renderMode.label"), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(RadioGroup, { value: `${(_a24 = value.renderMode) != null ? _a24 : DataValidationRenderMode.CUSTOM}`, onChange: /* @__PURE__ */ __name((renderMode) => onChange({ ...value, renderMode: +renderMode }), "onChange"), children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { value: `${DataValidationRenderMode.CUSTOM}`, children: localeService.t("dataValidation.renderMode.chip") }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { value: `${DataValidationRenderMode.ARROW}`, children: localeService.t("dataValidation.renderMode.arrow") }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Radio, { value: `${DataValidationRenderMode.TEXT}`, children: localeService.t("dataValidation.renderMode.text") })
-  ] }) });
-}
-__name(ListRenderModeInput, "ListRenderModeInput");
-ListRenderModeInput.componentKey = LIST_RENDER_MODE_OPTION_INPUT;
-var __defProp$c = Object.defineProperty, __getOwnPropDesc$c = Object.getOwnPropertyDescriptor, __decorateClass$c = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$c(target, key, result), result;
-}, "__decorateClass$c"), __decorateParam$c = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$c");
-const PADDING_H$1 = 4, ICON_SIZE = 4, ICON_PLACE$1 = 14, MARGIN_H$1 = 6, MARGIN_V$1 = 4, DROP_DOWN_ICON_COLOR = "#565656", downPath$1 = new Path2D("M3.32201 4.84556C3.14417 5.05148 2.85583 5.05148 2.67799 4.84556L0.134292 1.90016C-0.152586 1.56798 0.0505937 1 0.456301 1L5.5437 1C5.94941 1 6.15259 1.56798 5.86571 1.90016L3.32201 4.84556Z");
-function convertToDocumentData(text, style) {
-  const contentLength = text.length;
-  return {
-    id: "d",
-    body: {
-      dataStream: `${text}${DEFAULT_EMPTY_DOCUMENT_VALUE}`,
-      textRuns: [
-        {
-          ts: {
-            fs: 11,
-            ff: void 0,
-            it: BooleanNumber.FALSE,
-            bl: BooleanNumber.FALSE,
-            ul: {
-              s: BooleanNumber.FALSE
-            },
-            st: {
-              s: BooleanNumber.FALSE
-            },
-            ol: {
-              s: BooleanNumber.FALSE
-            },
-            cl: void 0,
-            ...style,
-            bg: void 0,
-            bd: void 0
-          },
-          st: 0,
-          ed: contentLength
-        }
-      ]
-    },
-    documentStyle: {
-      pageSize: {
-        width: Number.POSITIVE_INFINITY,
-        height: Number.POSITIVE_INFINITY
-      }
-    }
-  };
-}
-__name(convertToDocumentData, "convertToDocumentData");
-function createDocSkeleton(text, localeService, style) {
-  const documentData = convertToDocumentData(text, style), docModel = new DocumentDataModel(documentData), docViewModel = new DocumentViewModel(docModel);
-  return {
-    documentSkeleton: DocumentSkeleton.create(docViewModel, localeService),
-    docModel,
-    docViewModel
-  };
+function serializeListOptions(options) {
+  return options.filter(Boolean).join(",");
 }
-__name(createDocSkeleton, "createDocSkeleton");
-function createDocuments(text, localeService, style) {
-  const {
-    documentSkeleton,
-    docModel,
-    docViewModel
-  } = createDocSkeleton(text, localeService, style);
-  return {
-    documents: new Documents(`DOCUMENTS_${Tools.generateRandomId()}`, documentSkeleton, {
-      pageMarginLeft: 0,
-      pageMarginTop: 0
-    }),
-    documentSkeleton,
-    docModel,
-    docViewModel
-  };
+__name(serializeListOptions, "serializeListOptions");
+function deserializeListOptions(optionsStr) {
+  return optionsStr.split(",").filter(Boolean);
 }
-__name(createDocuments, "createDocuments");
-function calcPadding(cellWidth, cellHeight, fontWidth, fontHeight, vt, ht, margin = !0) {
-  let paddingTop = 0;
-  const realMargin = margin ? MARGIN_V$1 : 0;
-  switch (vt) {
-    case VerticalAlign.BOTTOM:
-      paddingTop = cellHeight - fontHeight - realMargin;
-      break;
-    case VerticalAlign.MIDDLE:
-      paddingTop = (cellHeight - fontHeight) / 2;
-      break;
-    default:
-      paddingTop = realMargin;
-      break;
-  }
-  paddingTop = Math.max(MARGIN_V$1, paddingTop);
-  let paddingLeft = 0;
-  switch (ht) {
-    case HorizontalAlign.CENTER:
-      paddingLeft = (cellWidth - fontWidth) / 2;
-      break;
-    case HorizontalAlign.RIGHT:
-      paddingLeft = cellWidth - fontWidth;
-      break;
-  }
-  return paddingLeft = Math.max(MARGIN_H$1, paddingLeft), {
-    paddingLeft,
-    paddingTop
-  };
+__name(deserializeListOptions, "deserializeListOptions");
+function getDataValidationCellValue(cellData) {
+  const cellValue = getCellValueOrigin(cellData);
+  return cellValue == null ? "" : cellValue.toString();
 }
-__name(calcPadding, "calcPadding");
-var _a10;
-let DropdownWidget = (_a10 = class {
-  constructor(_localeService, _commandService) {
-    __publicField(this, "_dropdownInfoMap", /* @__PURE__ */ new Map());
-    __publicField(this, "zIndex");
-    __publicField(this, "onPointerEnter");
-    __publicField(this, "onPointerLeave");
-    this._localeService = _localeService, this._commandService = _commandService;
-  }
-  _ensureMap(subUnitId) {
-    let map = this._dropdownInfoMap.get(subUnitId);
-    return map || (map = /* @__PURE__ */ new Map(), this._dropdownInfoMap.set(subUnitId, map)), map;
-  }
-  _generateKey(row, col) {
-    return `${row}.${col}`;
-  }
-  _drawDownIcon(ctx, cellBounding, cellWidth, cellHeight, fontHeight, vt, pd) {
-    const { t = DEFAULT_STYLES.pd.t, b = DEFAULT_STYLES.pd.b } = pd, left = cellWidth - ICON_PLACE$1;
-    let top;
-    switch (vt) {
-      case VerticalAlign.MIDDLE:
-        top = (cellHeight - ICON_SIZE) / 2;
-        break;
-      case VerticalAlign.BOTTOM:
-        top = cellHeight - b - fontHeight - MARGIN_V$1 + (fontHeight / 2 - ICON_SIZE / 2);
-        break;
-      default:
-        top = t + MARGIN_V$1 + (fontHeight / 2 - ICON_SIZE / 2);
-        break;
-    }
-    ctx.save(), ctx.translateWithPrecision(cellBounding.startX + left, cellBounding.startY + top), ctx.fillStyle = "#565656", ctx.fill(downPath$1), ctx.restore();
-  }
-  // eslint-disable-next-line max-lines-per-function, complexity
-  drawWith(ctx, info, skeleton) {
-    var _a24, _b;
-    const { primaryWithCoord, row, col, style, data, subUnitId } = info, _cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord, rule = (_a24 = data.dataValidation) == null ? void 0 : _a24.rule, validator = (_b = data.dataValidation) == null ? void 0 : _b.validator, fontRenderExtension = data.fontRenderExtension, { leftOffset = 0, rightOffset = 0, topOffset = 0, downOffset = 0 } = fontRenderExtension || {};
-    if (!rule || !validator || !validator || validator.id.indexOf(DataValidationType.LIST) !== 0 || !validator.skipDefaultFontRender(rule))
-      return;
-    const cellBounding = {
-      startX: _cellBounding.startX + leftOffset,
-      endX: _cellBounding.endX - rightOffset,
-      startY: _cellBounding.startY + topOffset,
-      endY: _cellBounding.endY - downOffset
-    }, cellWidth = cellBounding.endX - cellBounding.startX, cellHeight = cellBounding.endY - cellBounding.startY, map = this._ensureMap(subUnitId), key = this._generateKey(row, col), list = validator.getListWithColor(rule), value = getCellValueOrigin(data), valueStr = `${value != null ? value : ""}`, activeItem = list.find((i) => i.label === valueStr);
-    let { tb, vt, ht, pd } = style || {};
-    if (tb = tb != null ? tb : WrapStrategy.WRAP, vt = vt != null ? vt : VerticalAlign.BOTTOM, ht = ht != null ? ht : DEFAULT_STYLES.ht, pd = pd != null ? pd : DEFAULT_STYLES.pd, rule.renderMode === DataValidationRenderMode.ARROW) {
-      const { l: l2 = DEFAULT_STYLES.pd.l, t = DEFAULT_STYLES.pd.t, r = DEFAULT_STYLES.pd.r, b = DEFAULT_STYLES.pd.b } = pd, realWidth = cellWidth - l2 - r - ICON_PLACE$1, { documentSkeleton, documents, docModel } = createDocuments(valueStr, this._localeService, style);
-      tb === WrapStrategy.WRAP && docModel.updateDocumentDataPageSize(Math.max(realWidth, 1)), documentSkeleton.calculate(), documentSkeleton.getActualSize();
-      const textLayout = getDocsSkeletonPageSize(documentSkeleton), { height: fontHeight, width: fontWidth } = textLayout, { paddingTop, paddingLeft } = calcPadding(realWidth, cellHeight - t - b, fontWidth, fontHeight, vt, ht, !0);
-      this._drawDownIcon(ctx, cellBounding, cellWidth, cellHeight, fontHeight, vt, pd), ctx.save(), ctx.translateWithPrecision(cellBounding.startX + l2, cellBounding.startY + t), ctx.beginPath(), ctx.rect(0, 0, cellWidth - l2 - r, cellHeight - t - b), ctx.clip(), ctx.translateWithPrecision(0, paddingTop), ctx.save(), ctx.translateWithPrecision(PADDING_H$1, 0), ctx.beginPath(), ctx.rect(0, 0, realWidth, fontHeight), ctx.clip(), documents.render(ctx), ctx.translateWithPrecision(paddingLeft, 0), ctx.restore(), ctx.restore(), map.set(key, {
-        left: cellBounding.endX + l2 + skeleton.rowHeaderWidth - ICON_PLACE$1,
-        top: cellBounding.startY + t + skeleton.columnHeaderHeight,
-        width: ICON_PLACE$1,
-        height: cellHeight - t - b
-      });
-    } else {
-      ctx.save(), ctx.translateWithPrecision(cellBounding.startX, cellBounding.startY), ctx.beginPath(), ctx.rect(0, 0, cellWidth, cellHeight), ctx.clip();
-      const realWidth = cellWidth - MARGIN_H$1 * 2 - PADDING_H$1 - ICON_PLACE$1, { documentSkeleton, documents, docModel } = createDocuments(valueStr, this._localeService, style);
-      tb === WrapStrategy.WRAP && docModel.updateDocumentDataPageSize(Math.max(realWidth, 1)), documentSkeleton.calculate();
-      const textLayout = getDocsSkeletonPageSize(documentSkeleton), { height: fontHeight, width: fontWidth } = textLayout, { paddingTop, paddingLeft } = calcPadding(realWidth, cellHeight, fontWidth, fontHeight, vt, ht);
-      ctx.translateWithPrecision(MARGIN_H$1, paddingTop);
-      const rectWidth = Math.max(cellWidth - MARGIN_H$1 * 2, 1), rectHeight = fontHeight;
-      Rect.drawWith(ctx, {
-        width: rectWidth,
-        height: rectHeight,
-        fill: (activeItem == null ? void 0 : activeItem.color) || DROP_DOWN_DEFAULT_COLOR,
-        radius: 8
-      }), ctx.save(), ctx.translateWithPrecision(PADDING_H$1, 0), ctx.beginPath(), ctx.rect(0, 0, realWidth, fontHeight), ctx.clip(), ctx.translateWithPrecision(paddingLeft, 0), documents.render(ctx), ctx.restore(), ctx.translateWithPrecision(realWidth + PADDING_H$1 + 4, (fontHeight - ICON_SIZE) / 2), ctx.fillStyle = DROP_DOWN_ICON_COLOR, ctx.fill(downPath$1), ctx.restore(), map.set(key, {
-        left: cellBounding.startX + MARGIN_H$1 + skeleton.rowHeaderWidth,
-        top: cellBounding.startY + paddingTop + skeleton.columnHeaderHeight,
-        width: rectWidth,
-        height: rectHeight
-      });
-    }
-  }
-  calcCellAutoHeight(info) {
-    var _a24;
-    const { primaryWithCoord, style, data } = info, _cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord, fontRenderExtension = data.fontRenderExtension, { leftOffset = 0, rightOffset = 0, topOffset = 0, downOffset = 0 } = fontRenderExtension || {}, rule = (_a24 = data.dataValidation) == null ? void 0 : _a24.rule;
-    if (!rule || rule.renderMode === DataValidationRenderMode.TEXT)
-      return;
-    const cellBounding = {
-      startX: _cellBounding.startX + leftOffset,
-      endX: _cellBounding.endX - rightOffset,
-      startY: _cellBounding.startY + topOffset,
-      endY: _cellBounding.endY - downOffset
-    }, cellWidth = cellBounding.endX - cellBounding.startX, value = getCellValueOrigin(data), valueStr = `${value != null ? value : ""}`;
-    let { tb, pd } = style || {};
-    const { t = DEFAULT_STYLES.pd.t, b = DEFAULT_STYLES.pd.b } = pd != null ? pd : {};
-    if (tb = tb != null ? tb : WrapStrategy.WRAP, rule.renderMode === DataValidationRenderMode.ARROW) {
-      const realWidth = cellWidth - ICON_PLACE$1, { documentSkeleton, docModel } = createDocuments(valueStr, this._localeService, style);
-      tb === WrapStrategy.WRAP && docModel.updateDocumentDataPageSize(Math.max(realWidth, 1)), documentSkeleton.calculate(), documentSkeleton.getActualSize();
-      const textLayout = getDocsSkeletonPageSize(documentSkeleton), { height: fontHeight } = textLayout;
-      return fontHeight + t + b + MARGIN_V$1 * 2;
-    } else {
-      const realWidth = cellWidth - MARGIN_H$1 * 2 - PADDING_H$1 - ICON_PLACE$1, { documentSkeleton, docModel } = createDocSkeleton(valueStr, this._localeService, style);
-      tb === WrapStrategy.WRAP && docModel.updateDocumentDataPageSize(Math.max(realWidth, 1)), documentSkeleton.calculate();
-      const textLayout = getDocsSkeletonPageSize(documentSkeleton), {
-        height: fontHeight
-      } = textLayout;
-      return fontHeight + MARGIN_V$1 * 2;
-    }
-  }
-  isHit(position, info) {
-    const { data, subUnitId, row, col } = info, dropdownInfo = this._ensureMap(subUnitId).get(this._generateKey(row, col)), validation = data.dataValidation;
-    if (!validation || !dropdownInfo || validation.rule.renderMode === DataValidationRenderMode.TEXT)
-      return !1;
-    const { top, left, width, height } = dropdownInfo, { x, y } = position;
-    return x >= left && x <= left + width && y >= top && y <= top + height;
-  }
-  onPointerDown(info, evt) {
-    if (evt.button === 2)
-      return;
-    const { unitId, subUnitId, row, col } = info, params = {
-      unitId,
-      subUnitId,
-      row,
-      column: col
-    };
-    this._commandService.executeCommand(ShowDataValidationDropdown.id, params);
-  }
-}, __name(_a10, "DropdownWidget"), _a10);
-DropdownWidget = __decorateClass$c([
-  __decorateParam$c(0, Inject(LocaleService)),
-  __decorateParam$c(1, ICommandService)
-], DropdownWidget);
+__name(getDataValidationCellValue, "getDataValidationCellValue");
 function getRuleFormulaResultSet(result) {
   if (!result)
     return [];
@@ -3414,10 +1459,10 @@ function getRuleFormulaResultSet(result) {
   return result.forEach(
     (row) => {
       row.forEach((cell) => {
-        var _a24, _b;
+        var _a11, _b;
         const value = getCellValueOrigin(cell);
         if (value != null) {
-          if (typeof value != "string" && typeof (cell == null ? void 0 : cell.s) == "object" && ((_b = (_a24 = cell.s) == null ? void 0 : _a24.n) != null && _b.pattern)) {
+          if (typeof value != "string" && typeof (cell == null ? void 0 : cell.s) == "object" && ((_b = (_a11 = cell.s) == null ? void 0 : _a11.n) != null && _b.pattern)) {
             resultSet.add(numfmt.format(cell.s.n.pattern, value, { throws: !1 }));
             return;
           }
@@ -3461,23 +1506,19 @@ const _ListValidator = class _ListValidator extends BaseDataValidator {
     __publicField(this, "title", "dataValidation.list.title");
     __publicField(this, "operators", []);
     __publicField(this, "scopes", ["sheet"]);
-    __publicField(this, "formulaInput", LIST_FORMULA_INPUT_NAME);
-    __publicField(this, "canvasRender", this.injector.createInstance(DropdownWidget));
-    __publicField(this, "dropdown", LIST_DROPDOWN_KEY);
-    __publicField(this, "optionsInput", ListRenderModeInput.componentKey);
     __publicField(this, "skipDefaultFontRender", /* @__PURE__ */ __name((rule) => rule.renderMode !== DataValidationRenderMode.TEXT, "skipDefaultFontRender"));
   }
   validatorFormula(rule, unitId, subUnitId) {
-    var _a24, _b, _c;
-    const success = !Tools.isBlank(rule.formula1), valid = isValidListFormula((_a24 = rule.formula1) != null ? _a24 : "", this._lexer), sheetName = (_c = (_b = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _b.getSheetBySheetId(subUnitId)) == null ? void 0 : _c.getName(), isIntersects = isRuleIntersects(rule, sheetName != null ? sheetName : "");
+    var _a11, _b, _c;
+    const success = !Tools.isBlank(rule.formula1), valid = isValidListFormula((_a11 = rule.formula1) != null ? _a11 : "", this._lexer), sheetName = (_c = (_b = this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET)) == null ? void 0 : _b.getSheetBySheetId(subUnitId)) == null ? void 0 : _c.getName(), isIntersects = isRuleIntersects(rule, sheetName != null ? sheetName : "");
     return {
       success: !!(success && valid && !isIntersects),
       formula1: success ? valid ? isIntersects ? this.localeService.t("dataValidation.validFail.listIntersects") : void 0 : this.localeService.t("dataValidation.validFail.listInvalid") : this.localeService.t("dataValidation.validFail.list")
     };
   }
   getExtraStyle(rule, value, { style: defaultStyle }) {
-    var _a24;
-    const tb = (_a24 = defaultStyle.tb !== WrapStrategy.OVERFLOW ? defaultStyle.tb : WrapStrategy.CLIP) != null ? _a24 : WrapStrategy.WRAP;
+    var _a11;
+    const tb = (_a11 = defaultStyle.tb !== WrapStrategy.OVERFLOW ? defaultStyle.tb : WrapStrategy.CLIP) != null ? _a11 : WrapStrategy.WRAP;
     if (rule.type === DataValidationType.LIST && (rule.renderMode === DataValidationRenderMode.ARROW || rule.renderMode === DataValidationRenderMode.TEXT)) {
       const colorMap = this.getListWithColorMap(rule), valueStr = `${value != null ? value : ""}`, color = colorMap[valueStr];
       if (color)
@@ -3497,10 +1538,10 @@ const _ListValidator = class _ListValidator extends BaseDataValidator {
     return deserializeListOptions(cellString);
   }
   async parseFormula(rule, unitId, subUnitId) {
-    var _a24;
+    var _a11;
     const { formula1 = "" } = rule, results = await this.formulaService.getRuleFormulaResult(unitId, subUnitId, rule.uid);
     return {
-      formula1: isFormulaString(formula1) ? getRuleFormulaResultSet((_a24 = results == null ? void 0 : results[0]) == null ? void 0 : _a24.result) : deserializeListOptions(formula1),
+      formula1: isFormulaString(formula1) ? getRuleFormulaResultSet((_a11 = results == null ? void 0 : results[0]) == null ? void 0 : _a11.result) : deserializeListOptions(formula1),
       formula2: void 0
     };
   }
@@ -3515,8 +1556,8 @@ const _ListValidator = class _ListValidator extends BaseDataValidator {
     return this.localeService.t("dataValidation.list.error");
   }
   getList(rule, currentUnitId, currentSubUnitId) {
-    var _a24, _b, _c;
-    const { formula1 = "" } = rule, univerInstanceService = this.injector.get(IUniverInstanceService), workbook = (_a24 = currentUnitId ? univerInstanceService.getUniverSheetInstance(currentUnitId) : void 0) != null ? _a24 : univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+    var _a11, _b, _c;
+    const { formula1 = "" } = rule, univerInstanceService = this.injector.get(IUniverInstanceService), workbook = (_a11 = currentUnitId ? univerInstanceService.getUniverSheetInstance(currentUnitId) : void 0) != null ? _a11 : univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
     if (!workbook) return [];
     const worksheet = (_b = currentSubUnitId ? workbook.getSheetBySheetId(currentSubUnitId) : void 0) != null ? _b : workbook.getActiveSheet();
     if (!worksheet) return [];
@@ -3524,8 +1565,8 @@ const _ListValidator = class _ListValidator extends BaseDataValidator {
     return isFormulaString(formula1) ? getRuleFormulaResultSet((_c = results == null ? void 0 : results[0]) == null ? void 0 : _c.result) : deserializeListOptions(formula1);
   }
   async getListAsync(rule, currentUnitId, currentSubUnitId) {
-    var _a24, _b, _c;
-    const { formula1 = "" } = rule, univerInstanceService = this.injector.get(IUniverInstanceService), workbook = (_a24 = currentUnitId ? univerInstanceService.getUniverSheetInstance(currentUnitId) : void 0) != null ? _a24 : univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+    var _a11, _b, _c;
+    const { formula1 = "" } = rule, univerInstanceService = this.injector.get(IUniverInstanceService), workbook = (_a11 = currentUnitId ? univerInstanceService.getUniverSheetInstance(currentUnitId) : void 0) != null ? _a11 : univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
     if (!workbook) return [];
     const worksheet = (_b = currentSubUnitId ? workbook.getSheetBySheetId(currentSubUnitId) : void 0) != null ? _b : workbook.getActiveSheet();
     if (!worksheet) return [];
@@ -3561,7 +1602,6 @@ const FORMULA1 = "{FORMULA1}", FORMULA2 = "{FORMULA2}", _TextLengthValidator = c
       DataValidationOperator.NOT_EQUAL
     ]);
     __publicField(this, "scopes", ["sheet"]);
-    __publicField(this, "formulaInput", BASE_FORMULA_INPUT_NAME);
     __publicField(this, "_formulaService", this.injector.get(DataValidationFormulaService));
   }
   _isFormulaOrInt(formula) {
@@ -3590,10 +1630,10 @@ const FORMULA1 = "{FORMULA1}", FORMULA2 = "{FORMULA2}", _TextLengthValidator = c
     return !Number.isNaN(formula);
   }
   async parseFormula(rule, unitId, subUnitId) {
-    var _a24, _b, _c, _d, _e, _f, _g, _h;
+    var _a11, _b, _c, _d, _e, _f, _g, _h;
     const formulaInfo = await this._formulaService.getRuleFormulaResult(unitId, subUnitId, rule.uid), { formula1, formula2 } = rule;
     return {
-      formula1: this._parseNumber(isFormulaString(formula1) ? (_d = (_c = (_b = (_a24 = formulaInfo == null ? void 0 : formulaInfo[0]) == null ? void 0 : _a24.result) == null ? void 0 : _b[0]) == null ? void 0 : _c[0]) == null ? void 0 : _d.v : formula1),
+      formula1: this._parseNumber(isFormulaString(formula1) ? (_d = (_c = (_b = (_a11 = formulaInfo == null ? void 0 : formulaInfo[0]) == null ? void 0 : _a11.result) == null ? void 0 : _b[0]) == null ? void 0 : _c[0]) == null ? void 0 : _d.v : formula1),
       formula2: this._parseNumber(isFormulaString(formula2) ? (_h = (_g = (_f = (_e = formulaInfo == null ? void 0 : formulaInfo[1]) == null ? void 0 : _e.result) == null ? void 0 : _f[0]) == null ? void 0 : _g[0]) == null ? void 0 : _h.v : formula2)
     };
   }
@@ -3646,15 +1686,15 @@ const FORMULA1 = "{FORMULA1}", FORMULA2 = "{FORMULA2}", _TextLengthValidator = c
     return this._isValidFormula(formula1) ? cellValue <= formula1 : !1;
   }
   generateRuleErrorMessage(rule) {
-    var _a24, _b;
-    return rule.operator ? `${this.localeService.t(TextLengthErrorTitleMap[rule.operator]).replace(FORMULA1, (_a24 = rule.formula1) != null ? _a24 : "").replace(FORMULA2, (_b = rule.formula2) != null ? _b : "")}` : this.titleStr;
+    var _a11, _b;
+    return rule.operator ? `${this.localeService.t(TextLengthErrorTitleMap[rule.operator]).replace(FORMULA1, (_a11 = rule.formula1) != null ? _a11 : "").replace(FORMULA2, (_b = rule.formula2) != null ? _b : "")}` : this.titleStr;
   }
 };
 __name(_TextLengthValidator, "TextLengthValidator");
 let TextLengthValidator = _TextLengthValidator;
 function isBlankCell(cellData) {
-  var _a24, _b;
-  return cellData ? cellData.p ? !((_b = (_a24 = cellData.p.body) == null ? void 0 : _a24.dataStream) != null ? _b : "").slice(0, -2).trim() : Tools.isBlank(cellData.v) : !0;
+  var _a11, _b;
+  return cellData ? cellData.p ? !((_b = (_a11 = cellData.p.body) == null ? void 0 : _a11.dataStream) != null ? _b : "").slice(0, -2).trim() : Tools.isBlank(cellData.v) : !0;
 }
 __name(isBlankCell, "isBlankCell");
 function getDataValidationDiffMutations(unitId, subUnitId, diffs, accessor, source = "command", fillDefaultValue = !0) {
@@ -3820,22 +1860,6 @@ const UpdateSheetDataValidationRangeCommand = {
       undoMutations
     }), await sequenceExecuteAsync(redoMutations, commandService), !0;
   }
-}, AddSheetDataValidationAndOpenCommand = {
-  type: CommandType.COMMAND,
-  id: "data-validation.command.addRuleAndOpen",
-  async handler(accessor) {
-    const univerInstanceService = accessor.get(IUniverInstanceService), target = getSheetCommandTarget(univerInstanceService);
-    if (!target) return !1;
-    const { workbook, worksheet } = target, rule = createDefaultNewRule(accessor), commandService = accessor.get(ICommandService), unitId = workbook.getUnitId(), subUnitId = worksheet.getSheetId(), addParams = {
-      rule,
-      unitId,
-      subUnitId
-    };
-    return await commandService.executeCommand(AddSheetDataValidationCommand.id, addParams) ? (commandService.executeCommand(OpenValidationPanelOperation.id, {
-      ruleId: rule.uid,
-      isAdd: !0
-    }), !0) : !1;
-  }
 }, UpdateSheetDataValidationSettingCommand = {
   type: CommandType.COMMAND,
   id: "sheets.command.update-data-validation-setting",
@@ -4047,7 +2071,7 @@ const UpdateSheetDataValidationRangeCommand = {
       unitID: params.unitId
     }), commandService.executeCommand(RemoveDataValidationMutation.id, params), !0;
   }
-};
+}, PLUGIN_CONFIG_KEY = "sheets-data-validation.config", defaultPluginConfig = {};
 function isLegalFormulaResult(res) {
   return !ERROR_TYPE_SET.has(res);
 }
@@ -4059,7 +2083,6 @@ const _CustomFormulaValidator = class _CustomFormulaValidator extends BaseDataVa
     __publicField(this, "title", "dataValidation.custom.title");
     __publicField(this, "operators", []);
     __publicField(this, "scopes", ["sheet"]);
-    __publicField(this, "formulaInput", CUSTOM_FORMULA_INPUT_NAME);
     __publicField(this, "_customFormulaService", this.injector.get(DataValidationCustomFormulaService));
   }
   validatorFormula(rule, unitId, subUnitId) {
@@ -4085,182 +2108,11 @@ const _CustomFormulaValidator = class _CustomFormulaValidator extends BaseDataVa
 };
 __name(_CustomFormulaValidator, "CustomFormulaValidator");
 let CustomFormulaValidator = _CustomFormulaValidator;
-const PADDING_H = 4, PADDING_V = 0, MARGIN_H = 4, MARGIN_V = 4, CELL_PADDING_H = 6, CELL_PADDING_V = 6, ICON_PLACE = 14;
-function getDropdownItemSize(text, fontStyle) {
-  const bBox = FontCache.getTextSize(text, fontStyle), rectWidth = bBox.width + PADDING_H * 2, { ba, bd } = bBox, height = ba + bd;
-  return {
-    width: rectWidth,
-    height: height + PADDING_V * 2,
-    ba
-  };
-}
-__name(getDropdownItemSize, "getDropdownItemSize");
-function layoutDropdowns(items, fontStyle, cellWidth, cellHeight) {
-  const contentWidth = cellWidth - ICON_PLACE - CELL_PADDING_H, contentHeight = cellHeight - CELL_PADDING_V * 2, textLayout = items.map((item) => ({
-    layout: getDropdownItemSize(item, fontStyle),
-    text: item
-  }));
-  let currentLine;
-  const lines = [];
-  textLayout.forEach((item) => {
-    const { layout } = item, { width, height } = layout;
-    !currentLine || currentLine.width + width + MARGIN_H > contentWidth ? (currentLine = {
-      width,
-      height,
-      items: [{
-        ...item,
-        left: 0
-      }]
-    }, lines.push(currentLine)) : (currentLine.items.push({
-      ...item,
-      left: currentLine.width + MARGIN_H
-    }), currentLine.width = currentLine.width + width + MARGIN_H);
-  });
-  let totalHeight = 0;
-  return lines.forEach((line, index) => {
-    index === lines.length - 1 ? totalHeight += line.height : totalHeight += line.height + MARGIN_V;
-  }), {
-    lines,
-    totalHeight,
-    contentWidth,
-    contentHeight,
-    cellAutoHeight: totalHeight + CELL_PADDING_V * 2
-  };
-}
-__name(layoutDropdowns, "layoutDropdowns");
-const RADIUS = 8, _Dropdown = class _Dropdown extends Shape {
-  static drawWith(ctx, props) {
-    const { fontFamily, fontString, fontSize, info, fill, color } = props, { layout, text } = info;
-    ctx.save(), Rect.drawWith(ctx, {
-      width: layout.width,
-      height: layout.height,
-      radius: RADIUS,
-      fill: fill || DROP_DOWN_DEFAULT_COLOR
-    }), ctx.translateWithPrecision(PADDING_H, layout.ba), ctx.font = fontString, ctx.fillStyle = color, ctx.fillText(text, 0, 0), ctx.restore();
-  }
-};
-__name(_Dropdown, "Dropdown");
-let Dropdown = _Dropdown;
-var __defProp$b = Object.defineProperty, __getOwnPropDesc$b = Object.getOwnPropertyDescriptor, __decorateClass$b = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$b(target, key, result), result;
-}, "__decorateClass$b"), __decorateParam$b = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$b");
-const downPath = new Path2D("M3.32201 4.84556C3.14417 5.05148 2.85583 5.05148 2.67799 4.84556L0.134292 1.90016C-0.152586 1.56798 0.0505937 1 0.456301 1L5.5437 1C5.94941 1 6.15259 1.56798 5.86571 1.90016L3.32201 4.84556Z");
-var _a11;
-let DropdownMultipleWidget = (_a11 = class {
-  constructor(_commandService) {
-    __publicField(this, "zIndex");
-    __publicField(this, "_dropdownInfoMap", /* @__PURE__ */ new Map());
-    this._commandService = _commandService;
-  }
-  _ensureMap(subUnitId) {
-    let map = this._dropdownInfoMap.get(subUnitId);
-    return map || (map = /* @__PURE__ */ new Map(), this._dropdownInfoMap.set(subUnitId, map)), map;
-  }
-  _generateKey(row, col) {
-    return `${row}.${col}`;
-  }
-  _drawDownIcon(ctx, cellBounding, cellWidth, cellHeight, vt) {
-    const left = cellWidth - ICON_PLACE + 4;
-    let top = 4;
-    switch (vt) {
-      case VerticalAlign.MIDDLE:
-        top = (cellHeight - ICON_PLACE) / 2 + 4;
-        break;
-      case VerticalAlign.BOTTOM:
-        top = cellHeight - ICON_PLACE + 4;
-        break;
-    }
-    ctx.save(), ctx.translateWithPrecision(cellBounding.startX + left, cellBounding.startY + top), ctx.fillStyle = "#565656", ctx.fill(downPath), ctx.restore();
-  }
-  // eslint-disable-next-line max-lines-per-function
-  drawWith(ctx, info, skeleton, spreadsheets) {
-    var _a24, _b;
-    const { primaryWithCoord, row, col, style, data, subUnitId } = info, _cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord, fontRenderExtension = data.fontRenderExtension, { leftOffset = 0, rightOffset = 0, topOffset = 0, downOffset = 0 } = fontRenderExtension || {}, validation = data.dataValidation, map = this._ensureMap(subUnitId), key = this._generateKey(row, col);
-    if (!validation)
-      return;
-    const cellBounding = {
-      startX: _cellBounding.startX + leftOffset,
-      endX: _cellBounding.endX - rightOffset,
-      startY: _cellBounding.startY + topOffset,
-      endY: _cellBounding.endY - downOffset
-    }, cellWidth = cellBounding.endX - cellBounding.startX, cellHeight = cellBounding.endY - cellBounding.startY, { cl } = style || {}, color = (_a24 = typeof cl == "object" ? cl == null ? void 0 : cl.rgb : cl) != null ? _a24 : "#000", fontStyle = getFontStyleString(style != null ? style : void 0), { rule, validator: _validator } = validation, validator = _validator, { vt: _vt, ht } = style || {}, vt = _vt != null ? _vt : VerticalAlign.MIDDLE, cellValue = (_b = getCellValueOrigin(data)) != null ? _b : "", items = validator.parseCellValue(cellValue), labelColorMap = validator.getListWithColorMap(rule), layout = layoutDropdowns(items, fontStyle, cellWidth, cellHeight);
-    this._drawDownIcon(ctx, cellBounding, cellWidth, cellHeight, vt), ctx.save(), ctx.translateWithPrecision(cellBounding.startX, cellBounding.startY), ctx.beginPath(), ctx.rect(0, 0, cellWidth - ICON_PLACE, cellHeight), ctx.clip(), ctx.translateWithPrecision(CELL_PADDING_H, CELL_PADDING_V);
-    let top = 0;
-    switch (vt) {
-      case VerticalAlign.MIDDLE:
-        top = (layout.contentHeight - layout.totalHeight) / 2;
-        break;
-      case VerticalAlign.BOTTOM:
-        top = layout.contentHeight - layout.totalHeight;
-        break;
-    }
-    ctx.translateWithPrecision(0, top), layout.lines.forEach((line, index) => {
-      ctx.save();
-      const { width, height, items: items2 } = line;
-      let left = 0;
-      switch (ht) {
-        case HorizontalAlign.RIGHT:
-          left = layout.contentWidth - width;
-          break;
-        case HorizontalAlign.CENTER:
-          left = (layout.contentWidth - width) / 2;
-          break;
-      }
-      ctx.translate(left, index * (height + MARGIN_V)), items2.forEach((item) => {
-        ctx.save(), ctx.translateWithPrecision(item.left, 0), Dropdown.drawWith(ctx, {
-          ...fontStyle,
-          info: item,
-          color,
-          fill: labelColorMap[item.text]
-        }), ctx.restore();
-      }), ctx.restore();
-    }), ctx.restore(), map.set(key, {
-      left: cellBounding.startX,
-      top: cellBounding.startY,
-      width: layout.contentWidth + CELL_PADDING_H + ICON_PLACE,
-      height: layout.contentHeight + CELL_PADDING_V * 2
-    });
-  }
-  calcCellAutoHeight(info) {
-    var _a24;
-    const { primaryWithCoord, style, data } = info, fontRenderExtension = data.fontRenderExtension, { leftOffset = 0, rightOffset = 0, topOffset = 0, downOffset = 0 } = fontRenderExtension || {}, _cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord, cellBounding = {
-      startX: _cellBounding.startX + leftOffset,
-      endX: _cellBounding.endX - rightOffset,
-      startY: _cellBounding.startY + topOffset,
-      endY: _cellBounding.endY - downOffset
-    }, validation = data.dataValidation;
-    if (!validation)
-      return;
-    const cellWidth = cellBounding.endX - cellBounding.startX, cellHeight = cellBounding.endY - cellBounding.startY, cellValue = (_a24 = getCellValueOrigin(data)) != null ? _a24 : "", { validator: _validator } = validation, items = _validator.parseCellValue(cellValue), fontStyle = getFontStyleString(style != null ? style : void 0);
-    return layoutDropdowns(items, fontStyle, cellWidth, cellHeight).cellAutoHeight;
-  }
-  isHit(position, info) {
-    const { primaryWithCoord } = info, cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord, { endX } = cellBounding, { x } = position;
-    return x >= endX - ICON_PLACE && x <= endX;
-  }
-  onPointerDown(info, evt) {
-    if (evt.button === 2)
-      return;
-    const { unitId, subUnitId, row, col } = info, params = {
-      unitId,
-      subUnitId,
-      row,
-      column: col
-    };
-    this._commandService.executeCommand(ShowDataValidationDropdown.id, params);
-  }
-}, __name(_a11, "DropdownMultipleWidget"), _a11);
-DropdownMultipleWidget = __decorateClass$b([
-  __decorateParam$b(0, ICommandService)
-], DropdownMultipleWidget);
 const _ListMultipleValidator = class _ListMultipleValidator extends ListValidator {
   constructor() {
     super(...arguments);
     __publicField(this, "id", DataValidationType.LIST_MULTIPLE);
     __publicField(this, "title", "dataValidation.listMultiple.title");
-    __publicField(this, "canvasRender", this.injector.createInstance(DropdownMultipleWidget));
     __publicField(this, "skipDefaultFontRender", /* @__PURE__ */ __name(() => !0, "skipDefaultFontRender"));
   }
 };
@@ -4283,8 +2135,6 @@ const _WholeValidator = class _WholeValidator extends BaseDataValidator {
       DataValidationOperator.NOT_EQUAL
     ]);
     __publicField(this, "scopes", ["sheet"]);
-    __publicField(this, "formulaInput", BASE_FORMULA_INPUT_NAME);
-    __publicField(this, "dropDownInput");
   }
   _isFormulaOrInt(formula) {
     return !Tools.isBlank(formula) && (isFormulaString(formula) || !Number.isNaN(+formula) && Number.isInteger(+formula));
@@ -4304,10 +2154,10 @@ const _WholeValidator = class _WholeValidator extends BaseDataValidator {
     return formula == null ? Number.NaN : +formula;
   }
   async parseFormula(rule, unitId, subUnitId) {
-    var _a24, _b, _c, _d, _e, _f, _g, _h;
+    var _a11, _b, _c, _d, _e, _f, _g, _h;
     const formulaInfo = await this._formulaService.getRuleFormulaResult(unitId, subUnitId, rule.uid), { formula1, formula2 } = rule;
     return {
-      formula1: this._parseNumber(isFormulaString(formula1) ? (_d = (_c = (_b = (_a24 = formulaInfo == null ? void 0 : formulaInfo[0]) == null ? void 0 : _a24.result) == null ? void 0 : _b[0]) == null ? void 0 : _c[0]) == null ? void 0 : _d.v : formula1),
+      formula1: this._parseNumber(isFormulaString(formula1) ? (_d = (_c = (_b = (_a11 = formulaInfo == null ? void 0 : formulaInfo[0]) == null ? void 0 : _a11.result) == null ? void 0 : _b[0]) == null ? void 0 : _c[0]) == null ? void 0 : _d.v : formula1),
       formula2: this._parseNumber(isFormulaString(formula2) ? (_h = (_g = (_f = (_e = formulaInfo == null ? void 0 : formulaInfo[1]) == null ? void 0 : _e.result) == null ? void 0 : _f[0]) == null ? void 0 : _g[0]) == null ? void 0 : _h.v : formula2)
     };
   }
@@ -4368,45 +2218,17 @@ const _WholeValidator = class _WholeValidator extends BaseDataValidator {
 };
 __name(_WholeValidator, "WholeValidator");
 let WholeValidator = _WholeValidator;
-const DataValidationIcon = "data-validation-single", DATA_VALIDATION_MENU_ID = "sheet.menu.data-validation";
-function dataValidationMenuFactory(accessor) {
-  return {
-    id: DATA_VALIDATION_MENU_ID,
-    type: MenuItemType.SUBITEMS,
-    icon: DataValidationIcon,
-    tooltip: "dataValidation.title",
-    hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
-    disabled$: getCurrentRangeDisable$(accessor, { workbookTypes: [WorkbookEditablePermission], worksheetTypes: [WorksheetSetCellStylePermission, WorksheetEditPermission], rangeTypes: [RangeProtectionPermissionEditPoint] })
-  };
-}
-__name(dataValidationMenuFactory, "dataValidationMenuFactory");
-function openDataValidationMenuFactory(_accessor) {
-  return {
-    id: OpenValidationPanelOperation.id,
-    title: "dataValidation.panel.title",
-    type: MenuItemType.BUTTON
-  };
-}
-__name(openDataValidationMenuFactory, "openDataValidationMenuFactory");
-function addDataValidationMenuFactory(_accessor) {
-  return {
-    id: AddSheetDataValidationAndOpenCommand.id,
-    title: "dataValidation.panel.add",
-    type: MenuItemType.BUTTON
-  };
-}
-__name(addDataValidationMenuFactory, "addDataValidationMenuFactory");
-var __defProp$a = Object.defineProperty, __getOwnPropDesc$a = Object.getOwnPropertyDescriptor, __decorateClass$a = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$5 = Object.defineProperty, __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor, __decorateClass$5 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$a(target, key, result), result;
-}, "__decorateClass$a"), __decorateParam$a = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$a"), _a12;
-let DataValidationController = (_a12 = class extends RxDisposable {
-  constructor(_univerInstanceService, _dataValidatorRegistryService, _injector, _componentManger, _selectionManagerService, _sheetInterceptorService, _sheetDataValidationModel) {
-    super(), this._univerInstanceService = _univerInstanceService, this._dataValidatorRegistryService = _dataValidatorRegistryService, this._injector = _injector, this._componentManger = _componentManger, this._selectionManagerService = _selectionManagerService, this._sheetInterceptorService = _sheetInterceptorService, this._sheetDataValidationModel = _sheetDataValidationModel, this._init();
+  return kind && result && __defProp$5(target, key, result), result;
+}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$5"), _a5;
+let DataValidationController = (_a5 = class extends RxDisposable {
+  constructor(_univerInstanceService, _dataValidatorRegistryService, _injector, _selectionManagerService, _sheetInterceptorService, _sheetDataValidationModel) {
+    super(), this._univerInstanceService = _univerInstanceService, this._dataValidatorRegistryService = _dataValidatorRegistryService, this._injector = _injector, this._selectionManagerService = _selectionManagerService, this._sheetInterceptorService = _sheetInterceptorService, this._sheetDataValidationModel = _sheetDataValidationModel, this._init();
   }
   _init() {
-    this._registerValidators(), this._initCommandInterceptor(), this._initComponents();
+    this._registerValidators(), this._initCommandInterceptor();
   }
   _registerValidators() {
     [
@@ -4420,24 +2242,18 @@ let DataValidationController = (_a12 = class extends RxDisposable {
       CustomFormulaValidator
     ].forEach((Validator) => {
       const validator = this._injector.createInstance(Validator);
-      this.disposeWithMe(
-        this._dataValidatorRegistryService.register(validator)
-      ), this.disposeWithMe({
-        dispose: /* @__PURE__ */ __name(() => {
-          this._injector.delete(Validator);
-        }, "dispose")
-      });
+      this.disposeWithMe(this._dataValidatorRegistryService.register(validator)), this.disposeWithMe(toDisposable(() => this._injector.delete(Validator)));
     });
   }
   _initCommandInterceptor() {
     this._sheetInterceptorService.interceptCommand({
       getMutations: /* @__PURE__ */ __name((commandInfo) => {
-        var _a24;
+        var _a11;
         if (commandInfo.id === ClearSelectionAllCommand.id) {
           const workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET), unitId = workbook.getUnitId(), worksheet = workbook.getActiveSheet();
           if (!worksheet)
             throw new Error("No active sheet found");
-          const subUnitId = worksheet.getSheetId(), selections = (_a24 = this._selectionManagerService.getCurrentSelections()) == null ? void 0 : _a24.map((s) => s.range), ruleMatrix = this._sheetDataValidationModel.getRuleObjectMatrix(unitId, subUnitId).clone();
+          const subUnitId = worksheet.getSheetId(), selections = (_a11 = this._selectionManagerService.getCurrentSelections()) == null ? void 0 : _a11.map((s) => s.range), ruleMatrix = this._sheetDataValidationModel.getRuleObjectMatrix(unitId, subUnitId).clone();
           selections && ruleMatrix.removeRange(selections);
           const diffs = ruleMatrix.diff(this._sheetDataValidationModel.getRules(unitId, subUnitId)), { redoMutations, undoMutations } = getDataValidationDiffMutations(unitId, subUnitId, diffs, this._injector, "patched");
           return {
@@ -4452,256 +2268,66 @@ let DataValidationController = (_a12 = class extends RxDisposable {
       }, "getMutations")
     });
   }
-  _initComponents() {
-    [
-      [DataValidationIcon, DataValidationSingle],
-      [DATA_VALIDATION_PANEL, DataValidationPanel],
-      [DROP_DOWN_KEY, CellDropdown],
-      [LIST_DROPDOWN_KEY, ListDropDown],
-      [DATE_DROPDOWN_KEY, DateDropdown],
-      [ListRenderModeInput.componentKey, ListRenderModeInput],
-      [DateShowTimeOption.componentKey, DateShowTimeOption],
-      ...FORMULA_INPUTS
-    ].forEach(([key, component]) => {
-      this.disposeWithMe(this._componentManger.register(
-        key,
-        component
-      ));
-    });
-  }
-}, __name(_a12, "DataValidationController"), _a12);
-DataValidationController = __decorateClass$a([
-  OnLifecycle(LifecycleStages.Rendered, DataValidationController),
-  __decorateParam$a(0, IUniverInstanceService),
-  __decorateParam$a(1, Inject(DataValidatorRegistryService)),
-  __decorateParam$a(2, Inject(Injector)),
-  __decorateParam$a(3, Inject(ComponentManager)),
-  __decorateParam$a(4, Inject(SheetsSelectionsService)),
-  __decorateParam$a(5, Inject(SheetInterceptorService)),
-  __decorateParam$a(6, Inject(SheetDataValidationModel))
+}, __name(_a5, "DataValidationController"), _a5);
+DataValidationController = __decorateClass$5([
+  __decorateParam$5(0, IUniverInstanceService),
+  __decorateParam$5(1, Inject(DataValidatorRegistryService)),
+  __decorateParam$5(2, Inject(Injector)),
+  __decorateParam$5(3, Inject(SheetsSelectionsService)),
+  __decorateParam$5(4, Inject(SheetInterceptorService)),
+  __decorateParam$5(5, Inject(SheetDataValidationModel))
 ], DataValidationController);
-var __defProp$9 = Object.defineProperty, __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor, __decorateClass$9 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var P = /* @__PURE__ */ ((E) => (E[E.View = 0] = "View", E[E.Edit = 1] = "Edit", E[E.ManageCollaborator = 2] = "ManageCollaborator", E[E.Print = 3] = "Print", E[E.Duplicate = 4] = "Duplicate", E[E.Comment = 5] = "Comment", E[E.Copy = 6] = "Copy", E[E.Share = 7] = "Share", E[E.Export = 8] = "Export", E[E.MoveWorksheet = 9] = "MoveWorksheet", E[E.DeleteWorksheet = 10] = "DeleteWorksheet", E[E.HideWorksheet = 11] = "HideWorksheet", E[E.RenameWorksheet = 12] = "RenameWorksheet", E[E.CreateWorksheet = 13] = "CreateWorksheet", E[E.SetWorksheetStyle = 14] = "SetWorksheetStyle", E[E.EditWorksheetCell = 15] = "EditWorksheetCell", E[E.InsertHyperlink = 16] = "InsertHyperlink", E[E.Sort = 17] = "Sort", E[E.Filter = 18] = "Filter", E[E.PivotTable = 19] = "PivotTable", E[E.FloatImg = 20] = "FloatImg", E[E.History = 21] = "History", E[E.RwHgtClWdt = 22] = "RwHgtClWdt", E[E.ViemRwHgtClWdt = 23] = "ViemRwHgtClWdt", E[E.ViewFilter = 24] = "ViewFilter", E[E.MoveSheet = 25] = "MoveSheet", E[E.DeleteSheet = 26] = "DeleteSheet", E[E.HideSheet = 27] = "HideSheet", E[E.CopySheet = 28] = "CopySheet", E[E.RenameSheet = 29] = "RenameSheet", E[E.CreateSheet = 30] = "CreateSheet", E[E.SelectProtectedCells = 31] = "SelectProtectedCells", E[E.SelectUnProtectedCells = 32] = "SelectUnProtectedCells", E[E.SetCellStyle = 33] = "SetCellStyle", E[E.SetCellValue = 34] = "SetCellValue", E[E.SetRowStyle = 35] = "SetRowStyle", E[E.SetColumnStyle = 36] = "SetColumnStyle", E[E.InsertRow = 37] = "InsertRow", E[E.InsertColumn = 38] = "InsertColumn", E[E.DeleteRow = 39] = "DeleteRow", E[E.DeleteColumn = 40] = "DeleteColumn", E[E.EditExtraObject = 41] = "EditExtraObject", E[E.Delete = 42] = "Delete", E[E.RecoverHistory = 43] = "RecoverHistory", E[E.ViewHistory = 44] = "ViewHistory", E[E.UNRECOGNIZED = -1] = "UNRECOGNIZED", E))(P || {}), __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$9(target, key, result), result;
-}, "__decorateClass$9"), __decorateParam$9 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$9");
-const ALERT_KEY = "SHEET_DATA_VALIDATION_ALERT";
-var _a13;
-let DataValidationAlertController = (_a13 = class extends Disposable {
-  constructor(_hoverManagerService, _cellAlertManagerService, _univerInstanceService, _localeService, _zenZoneService) {
-    super(), this._hoverManagerService = _hoverManagerService, this._cellAlertManagerService = _cellAlertManagerService, this._univerInstanceService = _univerInstanceService, this._localeService = _localeService, this._zenZoneService = _zenZoneService, this._init();
+  return kind && result && __defProp$4(target, key, result), result;
+}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4"), _a6;
+let DataValidationFormulaController = (_a6 = class extends Disposable {
+  constructor(_univerInstanceService, _permissionService, _lexerTreeBuilder) {
+    super(), this._univerInstanceService = _univerInstanceService, this._permissionService = _permissionService, this._lexerTreeBuilder = _lexerTreeBuilder;
   }
-  _init() {
-    this._initCellAlertPopup(), this._initZenService();
-  }
-  _initCellAlertPopup() {
-    this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(debounceTime(100)).subscribe((cellPos) => {
-      var _a24, _b;
-      if (cellPos) {
-        const worksheet = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getActiveSheet();
-        if (!worksheet) return;
-        const cellData = worksheet.getCell(cellPos.location.row, cellPos.location.col);
-        if (((_a24 = cellData == null ? void 0 : cellData.dataValidation) == null ? void 0 : _a24.validStatus) === DataValidationStatus.INVALID) {
-          const currentAlert = this._cellAlertManagerService.currentAlert.get(ALERT_KEY), currentLoc = (_b = currentAlert == null ? void 0 : currentAlert.alert) == null ? void 0 : _b.location;
-          if (currentLoc && currentLoc.row === cellPos.location.row && currentLoc.col === cellPos.location.col && currentLoc.subUnitId === cellPos.location.subUnitId && currentLoc.unitId === cellPos.location.unitId)
-            return;
-          const validator = cellData.dataValidation.validator, rule = cellData.dataValidation.rule;
-          if (!validator)
-            return;
-          this._cellAlertManagerService.showAlert({
-            type: CellAlertType.ERROR,
-            title: this._localeService.t("dataValidation.error.title"),
-            message: validator == null ? void 0 : validator.getRuleFinalError(rule),
-            location: cellPos.location,
-            width: 200,
-            height: 74,
-            key: ALERT_KEY
-          });
-          return;
-        }
+  getFormulaRefCheck(formulaString) {
+    var _a11, _b;
+    const sequenceNodes = this._lexerTreeBuilder.sequenceNodesBuilder(formulaString);
+    if (!sequenceNodes)
+      return !0;
+    for (let i = 0; i < sequenceNodes.length; i++) {
+      const node = sequenceNodes[i];
+      if (typeof node == "string")
+        continue;
+      const { token } = node, sequenceGrid = deserializeRangeWithSheet(token), workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+      let targetSheet = workbook.getActiveSheet();
+      const unitId = workbook.getUnitId();
+      if (sequenceGrid.sheetName) {
+        if (targetSheet = workbook.getSheetBySheetName(sequenceGrid.sheetName), !targetSheet)
+          return !1;
+        const subUnitId = targetSheet == null ? void 0 : targetSheet.getSheetId();
+        if (!this._permissionService.getPermissionPoint(new WorksheetViewPermission(unitId, subUnitId).id)) return !1;
       }
-      this._cellAlertManagerService.removeAlert(ALERT_KEY);
-    }));
-  }
-  _initZenService() {
-    this.disposeWithMe(this._zenZoneService.visible$.subscribe((visible) => {
-      visible && this._cellAlertManagerService.removeAlert(ALERT_KEY);
-    }));
-  }
-}, __name(_a13, "DataValidationAlertController"), _a13);
-DataValidationAlertController = __decorateClass$9([
-  OnLifecycle(LifecycleStages.Rendered, DataValidationAlertController),
-  __decorateParam$9(0, Inject(HoverManagerService)),
-  __decorateParam$9(1, Inject(CellAlertManagerService)),
-  __decorateParam$9(2, IUniverInstanceService),
-  __decorateParam$9(3, Inject(LocaleService)),
-  __decorateParam$9(4, IZenZoneService)
-], DataValidationAlertController);
-var __defProp$8 = Object.defineProperty, __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor, __decorateClass$8 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$8(target, key, result), result;
-}, "__decorateClass$8"), __decorateParam$8 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$8"), _a14;
-let DataValidationCopyPasteController = (_a14 = class extends Disposable {
-  constructor(_sheetClipboardService, _sheetDataValidationModel, _injector) {
-    super();
-    __publicField(this, "_copyInfo");
-    this._sheetClipboardService = _sheetClipboardService, this._sheetDataValidationModel = _sheetDataValidationModel, this._injector = _injector, this._initCopyPaste();
-  }
-  _initCopyPaste() {
-    this._sheetClipboardService.addClipboardHook({
-      id: DATA_VALIDATION_PLUGIN_NAME,
-      onBeforeCopy: /* @__PURE__ */ __name((unitId, subUnitId, range) => this._collect(unitId, subUnitId, range), "onBeforeCopy"),
-      onPasteCells: /* @__PURE__ */ __name((pasteFrom, pasteTo, data, payload) => {
-        const { copyType = COPY_TYPE.COPY, pasteType } = payload, { range: copyRange } = pasteFrom || {}, { range: pastedRange, unitId, subUnitId } = pasteTo;
-        return this._generateMutations(pastedRange, { copyType, pasteType, copyRange, unitId, subUnitId });
-      }, "onPasteCells")
-    });
-  }
-  _collect(unitId, subUnitId, range) {
-    const matrix = new ObjectMatrix();
-    this._copyInfo = {
-      unitId,
-      subUnitId,
-      matrix
-    };
-    const discreteRange = this._injector.invoke((accessor) => rangeToDiscreteRange(range, accessor, unitId, subUnitId));
-    if (!discreteRange)
-      return;
-    const { rows, cols } = discreteRange;
-    rows.forEach((row, rowIndex) => {
-      cols.forEach((col, colIndex) => {
-        const ruleId = this._sheetDataValidationModel.getRuleIdByLocation(unitId, subUnitId, row, col);
-        matrix.setValue(rowIndex, colIndex, ruleId != null ? ruleId : "");
-      });
-    });
-  }
-  // eslint-disable-next-line max-lines-per-function
-  _generateMutations(pastedRange, copyInfo) {
-    if (!this._copyInfo)
-      return { redos: [], undos: [] };
-    if (copyInfo.copyType === COPY_TYPE.CUT)
-      return this._copyInfo = null, { redos: [], undos: [] };
-    if (!this._copyInfo || !this._copyInfo.matrix.getSizeOf() || !copyInfo.copyRange)
-      return { redos: [], undos: [] };
-    if ([
-      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_COL_WIDTH,
-      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_VALUE,
-      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_FORMAT,
-      PREDEFINED_HOOK_NAME.SPECIAL_PASTE_FORMULA
-    ].includes(
-      copyInfo.pasteType
-    ))
-      return { redos: [], undos: [] };
-    const { unitId, subUnitId } = this._copyInfo;
-    if (copyInfo.unitId !== unitId || subUnitId !== copyInfo.subUnitId) {
-      const ruleMatrix = this._sheetDataValidationModel.getRuleObjectMatrix(copyInfo.unitId, copyInfo.subUnitId).clone(), additionMatrix = new ObjectMatrix(), addRules = /* @__PURE__ */ new Set(), { ranges: [vCopyRange, vPastedRange], mapFunc } = virtualizeDiscreteRanges([copyInfo.copyRange, pastedRange]), repeatRange = getRepeatRange(vCopyRange, vPastedRange, !0), additionRules = /* @__PURE__ */ new Map();
-      repeatRange.forEach(({ startRange }) => {
-        var _a24;
-        (_a24 = this._copyInfo) == null || _a24.matrix.forValue((row, col, ruleId) => {
-          const range = Rectangle.getPositionRange(
-            {
-              startRow: row,
-              endRow: row,
-              startColumn: col,
-              endColumn: col
-            },
-            startRange
-          ), transformedRuleId = `${subUnitId}-${ruleId}`, oldRule = this._sheetDataValidationModel.getRuleById(unitId, subUnitId, ruleId);
-          !this._sheetDataValidationModel.getRuleById(copyInfo.unitId, copyInfo.subUnitId, transformedRuleId) && oldRule && additionRules.set(transformedRuleId, { ...oldRule, uid: transformedRuleId });
-          const { row: startRow, col: startColumn } = mapFunc(range.startRow, range.startColumn);
-          addRules.add(transformedRuleId), additionMatrix.setValue(startRow, startColumn, transformedRuleId);
-        });
-      });
-      const additions = Array.from(addRules).map((id) => ({ id, ranges: queryObjectMatrix(additionMatrix, (value) => value === id) }));
-      ruleMatrix.addRangeRules(additions);
-      const { redoMutations, undoMutations } = getDataValidationDiffMutations(
-        copyInfo.unitId,
-        copyInfo.subUnitId,
-        ruleMatrix.diffWithAddition(this._sheetDataValidationModel.getRules(copyInfo.unitId, copyInfo.subUnitId), additionRules.values()),
-        this._injector,
-        "patched"
-      );
-      return {
-        redos: redoMutations,
-        undos: undoMutations
-      };
-    } else {
-      const ruleMatrix = this._sheetDataValidationModel.getRuleObjectMatrix(unitId, subUnitId).clone(), additionMatrix = new ObjectMatrix(), additionRules = /* @__PURE__ */ new Set(), { ranges: [vCopyRange, vPastedRange], mapFunc } = virtualizeDiscreteRanges([copyInfo.copyRange, pastedRange]);
-      getRepeatRange(vCopyRange, vPastedRange, !0).forEach(({ startRange }) => {
-        var _a24;
-        (_a24 = this._copyInfo) == null || _a24.matrix.forValue((row, col, ruleId) => {
-          const range = Rectangle.getPositionRange(
-            {
-              startRow: row,
-              endRow: row,
-              startColumn: col,
-              endColumn: col
-            },
-            startRange
-          ), { row: startRow, col: startColumn } = mapFunc(range.startRow, range.startColumn);
-          additionMatrix.setValue(startRow, startColumn, ruleId), additionRules.add(ruleId);
-        });
-      });
-      const additions = Array.from(additionRules).map((id) => ({ id, ranges: queryObjectMatrix(additionMatrix, (value) => value === id) }));
-      ruleMatrix.addRangeRules(additions);
-      const { redoMutations, undoMutations } = getDataValidationDiffMutations(
-        unitId,
-        subUnitId,
-        ruleMatrix.diff(this._sheetDataValidationModel.getRules(unitId, subUnitId)),
-        this._injector,
-        "patched"
-      );
-      return {
-        redos: redoMutations,
-        undos: undoMutations
-      };
+      if (!targetSheet)
+        return !1;
+      const { startRow, endRow, startColumn, endColumn } = sequenceGrid.range;
+      for (let i2 = startRow; i2 <= endRow; i2++)
+        for (let j = startColumn; j <= endColumn; j++) {
+          const permission = (_b = (_a11 = targetSheet.getCell(i2, j)) == null ? void 0 : _a11.selectionProtection) == null ? void 0 : _b[0];
+          if ((permission == null ? void 0 : permission[P.View]) === !1)
+            return !1;
+        }
     }
+    return !0;
   }
-}, __name(_a14, "DataValidationCopyPasteController"), _a14);
-DataValidationCopyPasteController = __decorateClass$8([
-  OnLifecycle(LifecycleStages.Ready, DataValidationCopyPasteController),
-  __decorateParam$8(0, ISheetClipboardService),
-  __decorateParam$8(1, Inject(SheetDataValidationModel)),
-  __decorateParam$8(2, Inject(Injector))
-], DataValidationCopyPasteController);
-var __defProp$7 = Object.defineProperty, __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor, __decorateClass$7 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$7(target, key, result), result;
-}, "__decorateClass$7"), __decorateParam$7 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$7"), _a15;
-let DataValidationPermissionController = (_a15 = class extends Disposable {
-  constructor(_localeService, _commandService, _sheetPermissionInterceptorBaseController) {
-    super(), this._localeService = _localeService, this._commandService = _commandService, this._sheetPermissionInterceptorBaseController = _sheetPermissionInterceptorBaseController, this._commandExecutedListener();
-  }
-  _commandExecutedListener() {
-    this.disposeWithMe(
-      this._commandService.beforeCommandExecuted((command) => {
-        command.id === AddSheetDataValidationCommand.id && (this._sheetPermissionInterceptorBaseController.permissionCheckWithRanges({
-          workbookTypes: [WorkbookEditablePermission],
-          rangeTypes: [RangeProtectionPermissionEditPoint],
-          worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission]
-        }) || this._sheetPermissionInterceptorBaseController.haveNotPermissionHandle(this._localeService.t("permission.dialog.setStyleErr"))), command.id === UpdateSheetDataValidationRangeCommand.id && (this._sheetPermissionInterceptorBaseController.permissionCheckWithRanges({
-          workbookTypes: [WorkbookEditablePermission],
-          rangeTypes: [RangeProtectionPermissionEditPoint],
-          worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission]
-        }, command.params.ranges) || this._sheetPermissionInterceptorBaseController.haveNotPermissionHandle(this._localeService.t("permission.dialog.setStyleErr")));
-      })
-    );
-  }
-}, __name(_a15, "DataValidationPermissionController"), _a15);
-DataValidationPermissionController = __decorateClass$7([
-  OnLifecycle(LifecycleStages.Ready, DataValidationPermissionController),
-  __decorateParam$7(0, Inject(LocaleService)),
-  __decorateParam$7(1, ICommandService),
-  __decorateParam$7(2, Inject(SheetPermissionInterceptorBaseController))
-], DataValidationPermissionController);
-var __defProp$6 = Object.defineProperty, __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor, __decorateClass$6 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+}, __name(_a6, "DataValidationFormulaController"), _a6);
+DataValidationFormulaController = __decorateClass$4([
+  __decorateParam$4(0, IUniverInstanceService),
+  __decorateParam$4(1, IPermissionService),
+  __decorateParam$4(2, Inject(LexerTreeBuilder))
+], DataValidationFormulaController);
+var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$6(target, key, result), result;
-}, "__decorateClass$6"), __decorateParam$6 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$6"), _a16;
-let DataValidationRefRangeController = (_a16 = class extends Disposable {
+  return kind && result && __defProp$3(target, key, result), result;
+}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$3"), _a7;
+let DataValidationRefRangeController = (_a7 = class extends Disposable {
   constructor(_dataValidationModel, _injector, _refRangeService, _dataValidationCustomFormulaService, _dataValidationFormulaService, _formulaRefRangeService) {
     super();
     __publicField(this, "_disposableMap", /* @__PURE__ */ new Map());
@@ -4715,8 +2341,8 @@ let DataValidationRefRangeController = (_a16 = class extends Disposable {
   }
   // eslint-disable-next-line max-lines-per-function
   registerFormula(unitId, subUnitId, rule) {
-    var _a24;
-    const ruleId = rule.uid, id = this._getIdWithUnitId(unitId, subUnitId, ruleId), disposeSet = (_a24 = this._disposableMap.get(id)) != null ? _a24 : /* @__PURE__ */ new Set(), handleFormulaChange = /* @__PURE__ */ __name((type, formulaString) => {
+    var _a11;
+    const ruleId = rule.uid, id = this._getIdWithUnitId(unitId, subUnitId, ruleId), disposeSet = (_a11 = this._disposableMap.get(id)) != null ? _a11 : /* @__PURE__ */ new Set(), handleFormulaChange = /* @__PURE__ */ __name((type, formulaString) => {
       const oldRule = this._dataValidationModel.getRuleById(unitId, subUnitId, ruleId);
       if (!oldRule)
         return { redos: [], undos: [] };
@@ -4793,7 +2419,7 @@ let DataValidationRefRangeController = (_a16 = class extends Disposable {
     }
   }
   register(unitId, subUnitId, rule) {
-    var _a24;
+    var _a11;
     const handleRangeChange = /* @__PURE__ */ __name((commandInfo) => {
       const oldRanges = [...rule.ranges], resultRanges = oldRanges.map((range) => handleCommonDefaultRangeChangeWithEffectRefCommands(range, commandInfo)).filter((range) => !!range).flat();
       if (isRangesEqual(resultRanges, oldRanges))
@@ -4831,7 +2457,7 @@ let DataValidationRefRangeController = (_a16 = class extends Disposable {
       const disposable = this._refRangeService.registerRefRange(range, handleRangeChange, unitId, subUnitId);
       disposeList.push(() => disposable.dispose());
     });
-    const id = this._getIdWithUnitId(unitId, subUnitId, rule.uid), current = (_a24 = this._disposableMap.get(id)) != null ? _a24 : /* @__PURE__ */ new Set();
+    const id = this._getIdWithUnitId(unitId, subUnitId, rule.uid), current = (_a11 = this._disposableMap.get(id)) != null ? _a11 : /* @__PURE__ */ new Set();
     current.add(() => disposeList.forEach((dispose) => dispose())), this._disposableMap.set(id, current);
   }
   _initRefRange() {
@@ -4867,360 +2493,78 @@ let DataValidationRefRangeController = (_a16 = class extends Disposable {
       }), this._disposableMap.clear();
     }));
   }
-}, __name(_a16, "DataValidationRefRangeController"), _a16);
-DataValidationRefRangeController = __decorateClass$6([
-  OnLifecycle(LifecycleStages.Starting, DataValidationRefRangeController),
-  __decorateParam$6(0, Inject(SheetDataValidationModel)),
-  __decorateParam$6(1, Inject(Injector)),
-  __decorateParam$6(2, Inject(RefRangeService)),
-  __decorateParam$6(3, Inject(DataValidationCustomFormulaService)),
-  __decorateParam$6(4, Inject(DataValidationFormulaService)),
-  __decorateParam$6(5, Inject(FormulaRefRangeService))
+}, __name(_a7, "DataValidationRefRangeController"), _a7);
+DataValidationRefRangeController = __decorateClass$3([
+  __decorateParam$3(0, Inject(SheetDataValidationModel)),
+  __decorateParam$3(1, Inject(Injector)),
+  __decorateParam$3(2, Inject(RefRangeService)),
+  __decorateParam$3(3, Inject(DataValidationCustomFormulaService)),
+  __decorateParam$3(4, Inject(DataValidationFormulaService)),
+  __decorateParam$3(5, Inject(FormulaRefRangeService))
 ], DataValidationRefRangeController);
-const menuSchema = {
-  [RibbonStartGroup.FORMULAS_INSERT]: {
-    [DATA_VALIDATION_MENU_ID]: {
-      order: 9,
-      menuItemFactory: dataValidationMenuFactory,
-      [OpenValidationPanelOperation.id]: {
-        order: 0,
-        menuItemFactory: openDataValidationMenuFactory
-      },
-      [AddSheetDataValidationAndOpenCommand.id]: {
-        order: 1,
-        menuItemFactory: addDataValidationMenuFactory
-      }
-    }
-  }
-};
-var __defProp$5 = Object.defineProperty, __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor, __decorateClass$5 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$5(target, key, result), result;
-}, "__decorateClass$5"), __decorateParam$5 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$5");
-const INVALID_MARK = {
-  tr: {
-    size: 6,
-    color: "#fe4b4b"
-  }
-};
-var _a17;
-let SheetsDataValidationRenderController = (_a17 = class extends RxDisposable {
-  constructor(_commandService, _menuManagerService, _renderManagerService, _univerInstanceService, _autoHeightController, _dropdownManagerService, _sheetDataValidationModel, _dataValidatorRegistryService, _sheetInterceptorService, _editorBridgeService) {
-    super(), this._commandService = _commandService, this._menuManagerService = _menuManagerService, this._renderManagerService = _renderManagerService, this._univerInstanceService = _univerInstanceService, this._autoHeightController = _autoHeightController, this._dropdownManagerService = _dropdownManagerService, this._sheetDataValidationModel = _sheetDataValidationModel, this._dataValidatorRegistryService = _dataValidatorRegistryService, this._sheetInterceptorService = _sheetInterceptorService, this._editorBridgeService = _editorBridgeService, this._initMenu(), this._initSkeletonChange(), this._initDropdown(), this._initViewModelIntercept(), this._initAutoHeight();
-  }
-  _initMenu() {
-    this._menuManagerService.mergeMenu(menuSchema);
-  }
-  _initDropdown() {
-    this._editorBridgeService && this.disposeWithMe(this._editorBridgeService.visible$.subscribe((visible) => {
-      var _a24;
-      if (!visible.visible) {
-        ((_a24 = this._dropdownManagerService.activeDropdown) == null ? void 0 : _a24.trigger) === "editor-bridge" && this._dropdownManagerService.hideDropdown();
-        return;
-      }
-      const state = this._editorBridgeService.getEditCellState();
-      if (state) {
-        const { unitId, sheetId, row, column } = state, workbook = this._univerInstanceService.getUniverSheetInstance(unitId);
-        if (!workbook)
-          return;
-        const rule = this._sheetDataValidationModel.getRuleByLocation(unitId, sheetId, row, column);
-        if (!rule)
-          return;
-        const validator = this._dataValidatorRegistryService.getValidatorItem(rule.type);
-        if (!(validator != null && validator.dropdown))
-          return;
-        const worksheet = workbook.getActiveSheet();
-        if (!worksheet) return;
-        const activeDropdown = this._dropdownManagerService.activeDropdown, currLoc = activeDropdown == null ? void 0 : activeDropdown.location;
-        if (currLoc && currLoc.unitId === unitId && currLoc.subUnitId === sheetId && currLoc.row === row && currLoc.col === column)
-          return;
-        this._dropdownManagerService.showDropdown(
-          {
-            location: {
-              unitId,
-              subUnitId: sheetId,
-              row,
-              col: column,
-              workbook,
-              worksheet
-            },
-            componentKey: validator.dropdown,
-            onHide: /* @__PURE__ */ __name(() => {
-            }, "onHide"),
-            trigger: "editor-bridge"
-          },
-          !1
-        );
-      }
-    }));
-  }
-  _initSkeletonChange() {
-    const markSkeletonDirty = /* @__PURE__ */ __name(() => {
-      var _a24, _b, _c;
-      const workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
-      if (!workbook) return;
-      const unitId = workbook.getUnitId(), subUnitId = (_a24 = workbook.getActiveSheet()) == null ? void 0 : _a24.getSheetId();
-      if (!subUnitId) return;
-      const skeleton = (_c = (_b = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _b.with(SheetSkeletonManagerService).getWorksheetSkeleton(subUnitId)) == null ? void 0 : _c.skeleton, currentRender = this._renderManagerService.getRenderById(unitId);
-      skeleton == null || skeleton.makeDirty(!0), skeleton == null || skeleton.calculate(), currentRender && currentRender.mainComponent.makeForceDirty();
-    }, "markSkeletonDirty");
-    this.disposeWithMe(this._sheetDataValidationModel.ruleChange$.pipe(debounceTime(16)).subscribe(() => markSkeletonDirty())), this.disposeWithMe(this._sheetDataValidationModel.validStatusChange$.pipe(debounceTime(16)).subscribe(() => markSkeletonDirty()));
+  return kind && result && __defProp$2(target, key, result), result;
+}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2"), _a8;
+let SheetDataValidationSheetController = (_a8 = class extends Disposable {
+  constructor(_sheetInterceptorService, _univerInstanceService, _sheetDataValidationModel) {
+    super(), this._sheetInterceptorService = _sheetInterceptorService, this._univerInstanceService = _univerInstanceService, this._sheetDataValidationModel = _sheetDataValidationModel, this._initSheetChange();
   }
-  // eslint-disable-next-line max-lines-per-function
-  _initViewModelIntercept() {
+  _initSheetChange() {
     this.disposeWithMe(
-      this._sheetInterceptorService.intercept(
-        INTERCEPTOR_POINT.CELL_CONTENT,
-        {
-          effect: InterceptorEffectEnum.Style,
-          // must be after numfmt
-          priority: InterceptCellContentPriority.DATA_VALIDATION,
-          // eslint-disable-next-line max-lines-per-function, complexity
-          handler: /* @__PURE__ */ __name((cell, pos, next) => {
-            var _a24, _b, _c, _d;
-            const { row, col, unitId, subUnitId, workbook, worksheet } = pos, ruleId = this._sheetDataValidationModel.getRuleIdByLocation(unitId, subUnitId, row, col);
-            if (!ruleId)
-              return next(cell);
-            const rule = this._sheetDataValidationModel.getRuleById(unitId, subUnitId, ruleId);
-            if (!rule)
-              return next(cell);
-            const validStatus = this._sheetDataValidationModel.validator(cell, rule, pos), validator = this._dataValidatorRegistryService.getValidatorItem(rule.type), cellOrigin = pos.rawData;
-            let cache;
-            const cellValue = {
-              get value() {
-                var _a25;
-                return cache !== void 0 || (cache = (_a25 = getCellValueOrigin(cellOrigin)) != null ? _a25 : null), cache;
-              }
-            }, valueStr = {
-              get value() {
-                var _a25;
-                return `${(_a25 = cellValue.value) != null ? _a25 : ""}`;
-              }
+      this._sheetInterceptorService.interceptCommand({
+        getMutations: /* @__PURE__ */ __name((commandInfo) => {
+          var _a11;
+          if (commandInfo.id === RemoveSheetCommand.id) {
+            const params = commandInfo.params, unitId = params.unitId || this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId(), workbook = this._univerInstanceService.getUniverSheetInstance(unitId);
+            if (!workbook)
+              return { redos: [], undos: [] };
+            const subUnitId = params.subUnitId || ((_a11 = workbook.getActiveSheet()) == null ? void 0 : _a11.getSheetId());
+            if (!subUnitId)
+              return { redos: [], undos: [] };
+            const rules = this._sheetDataValidationModel.getRules(unitId, subUnitId);
+            if (rules.length === 0)
+              return { redos: [], undos: [] };
+            const ids = rules.map((i) => i.uid), redoParams = {
+              unitId,
+              subUnitId,
+              ruleId: ids,
+              source: "patched"
+            }, undoParams = {
+              unitId,
+              subUnitId,
+              rule: [...rules],
+              source: "patched"
             };
-            return next({
-              ...cell,
-              dataValidation: {
-                ruleId,
-                validStatus,
-                rule,
-                validator
-              },
-              markers: {
-                ...cell == null ? void 0 : cell.markers,
-                ...validStatus === DataValidationStatus.INVALID ? INVALID_MARK : null
-              },
-              customRender: [
-                ...(_a24 = cell == null ? void 0 : cell.customRender) != null ? _a24 : [],
-                ...validator != null && validator.canvasRender ? [validator.canvasRender] : []
-              ],
-              fontRenderExtension: {
-                ...cell == null ? void 0 : cell.fontRenderExtension,
-                isSkip: ((_b = cell == null ? void 0 : cell.fontRenderExtension) == null ? void 0 : _b.isSkip) || ((_c = validator == null ? void 0 : validator.skipDefaultFontRender) == null ? void 0 : _c.call(validator, rule, cellValue.value, pos))
-              },
-              interceptorStyle: {
-                ...cell == null ? void 0 : cell.interceptorStyle,
-                ...validator == null ? void 0 : validator.getExtraStyle(rule, valueStr.value, {
-                  get style() {
-                    const styleMap = workbook.getStyles();
-                    return (typeof (cell == null ? void 0 : cell.s) == "string" ? styleMap.get(cell == null ? void 0 : cell.s) : cell == null ? void 0 : cell.s) || {};
-                  }
-                })
-              },
-              interceptorAutoHeight: /* @__PURE__ */ __name(() => {
-                var _a25, _b2, _c2, _d2, _e, _f;
-                const skeleton = (_b2 = (_a25 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a25.with(SheetSkeletonManagerService).getWorksheetSkeleton(subUnitId)) == null ? void 0 : _b2.skeleton;
-                if (!skeleton)
-                  return;
-                const mergeCell = skeleton.worksheet.getMergedCell(row, col), info = {
-                  data: {
-                    ...cell,
-                    dataValidation: {
-                      ruleId,
-                      validStatus,
-                      rule,
-                      validator
-                    }
-                  },
-                  style: skeleton.getsStyles().getStyleByCell(cell),
-                  primaryWithCoord: skeleton.getCellByIndex((_c2 = mergeCell == null ? void 0 : mergeCell.startRow) != null ? _c2 : row, (_d2 = mergeCell == null ? void 0 : mergeCell.startColumn) != null ? _d2 : col),
-                  unitId,
-                  subUnitId,
-                  row,
-                  col,
-                  workbook,
-                  worksheet
-                };
-                return (_f = (_e = validator == null ? void 0 : validator.canvasRender) == null ? void 0 : _e.calcCellAutoHeight) == null ? void 0 : _f.call(_e, info);
-              }, "interceptorAutoHeight"),
-              coverable: ((_d = cell == null ? void 0 : cell.coverable) != null ? _d : !0) && !(rule.type === DataValidationType.LIST || rule.type === DataValidationType.LIST_MULTIPLE)
-            });
-          }, "handler")
-        }
-      )
-    );
-  }
-  _initAutoHeight() {
-    this._sheetDataValidationModel.ruleChange$.pipe(
-      // patched data-validation change don't need to re-calc row height
-      // re-calc of row height will be triggered precisely by the origin command
-      filter((change) => change.source === "command"),
-      bufferTime(16)
-    ).subscribe((infos) => {
-      const ranges = [];
-      if (infos.forEach((info) => {
-        var _a24;
-        (_a24 = info.rule) != null && _a24.ranges && ranges.push(...info.rule.ranges);
-      }), ranges.length) {
-        const mutations = this._autoHeightController.getUndoRedoParamsOfAutoHeight(ranges);
-        sequenceExecute(mutations.redos, this._commandService);
-      }
-    });
-  }
-}, __name(_a17, "SheetsDataValidationRenderController"), _a17);
-SheetsDataValidationRenderController = __decorateClass$5([
-  OnLifecycle(LifecycleStages.Rendered, SheetsDataValidationRenderController),
-  __decorateParam$5(0, ICommandService),
-  __decorateParam$5(1, IMenuManagerService),
-  __decorateParam$5(2, IRenderManagerService),
-  __decorateParam$5(3, IUniverInstanceService),
-  __decorateParam$5(4, Inject(AutoHeightController)),
-  __decorateParam$5(5, Inject(DataValidationDropdownManagerService)),
-  __decorateParam$5(6, Inject(SheetDataValidationModel)),
-  __decorateParam$5(7, Inject(DataValidatorRegistryService)),
-  __decorateParam$5(8, Inject(SheetInterceptorService)),
-  __decorateParam$5(9, Optional(IEditorBridgeService))
-], SheetsDataValidationRenderController);
-var _a18;
-let SheetsDataValidationMobileRenderController = (_a18 = class extends RxDisposable {
-  constructor(_commandService, _renderManagerService, _univerInstanceService, _autoHeightController, _dataValidatorRegistryService, _sheetInterceptorService, _sheetDataValidationModel) {
-    super(), this._commandService = _commandService, this._renderManagerService = _renderManagerService, this._univerInstanceService = _univerInstanceService, this._autoHeightController = _autoHeightController, this._dataValidatorRegistryService = _dataValidatorRegistryService, this._sheetInterceptorService = _sheetInterceptorService, this._sheetDataValidationModel = _sheetDataValidationModel, this._initSkeletonChange(), this._initViewModelIntercept(), this._initAutoHeight();
-  }
-  _initSkeletonChange() {
-    const markSkeletonDirty = /* @__PURE__ */ __name(() => {
-      var _a24, _b, _c;
-      const workbook = this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
-      if (!workbook) return;
-      const unitId = workbook.getUnitId(), subUnitId = (_a24 = workbook.getActiveSheet()) == null ? void 0 : _a24.getSheetId();
-      if (!subUnitId) return;
-      const skeleton = (_c = (_b = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _b.with(SheetSkeletonManagerService).getWorksheetSkeleton(subUnitId)) == null ? void 0 : _c.skeleton, currentRender = this._renderManagerService.getRenderById(unitId);
-      skeleton == null || skeleton.makeDirty(!0), skeleton == null || skeleton.calculate(), currentRender && currentRender.mainComponent.makeForceDirty();
-    }, "markSkeletonDirty");
-    this.disposeWithMe(this._sheetDataValidationModel.ruleChange$.pipe(debounceTime(16)).subscribe(() => markSkeletonDirty())), this.disposeWithMe(this._sheetDataValidationModel.validStatusChange$.pipe(debounceTime(16)).subscribe(() => markSkeletonDirty()));
-  }
-  // eslint-disable-next-line max-lines-per-function
-  _initViewModelIntercept() {
-    this.disposeWithMe(
-      this._sheetInterceptorService.intercept(
-        INTERCEPTOR_POINT.CELL_CONTENT,
-        {
-          effect: InterceptorEffectEnum.Style,
-          // must be after numfmt
-          priority: InterceptCellContentPriority.DATA_VALIDATION,
-          // eslint-disable-next-line complexity
-          handler: /* @__PURE__ */ __name((cell, pos, next) => {
-            var _a24, _b, _c, _d;
-            const { row, col, unitId, subUnitId, workbook, worksheet } = pos, ruleId = this._sheetDataValidationModel.getRuleIdByLocation(unitId, subUnitId, row, col);
-            if (!ruleId)
-              return next(cell);
-            const rule = this._sheetDataValidationModel.getRuleById(unitId, subUnitId, ruleId);
-            if (!rule)
-              return next(cell);
-            const validStatus = this._sheetDataValidationModel.validator(cell, rule, pos), validator = this._dataValidatorRegistryService.getValidatorItem(rule.type), cellOrigin = worksheet.getCellRaw(row, col), cellValue = getCellValueOrigin(cellOrigin), valueStr = `${cellValue != null ? cellValue : ""}`;
-            return next({
-              ...cell,
-              dataValidation: {
-                ruleId,
-                validStatus,
-                rule,
-                validator
-              },
-              markers: {
-                ...cell == null ? void 0 : cell.markers,
-                ...validStatus === DataValidationStatus.INVALID ? INVALID_MARK : null
-              },
-              customRender: [
-                ...(_a24 = cell == null ? void 0 : cell.customRender) != null ? _a24 : [],
-                ...validator != null && validator.canvasRender ? [validator.canvasRender] : []
-              ],
-              fontRenderExtension: {
-                ...cell == null ? void 0 : cell.fontRenderExtension,
-                isSkip: ((_b = cell == null ? void 0 : cell.fontRenderExtension) == null ? void 0 : _b.isSkip) || ((_c = validator == null ? void 0 : validator.skipDefaultFontRender) == null ? void 0 : _c.call(validator, rule, cellValue, pos))
-              },
-              interceptorStyle: {
-                ...cell == null ? void 0 : cell.interceptorStyle,
-                ...validator == null ? void 0 : validator.getExtraStyle(rule, valueStr, {
-                  get style() {
-                    const styleMap = workbook.getStyles();
-                    return (typeof (cell == null ? void 0 : cell.s) == "string" ? styleMap.get(cell == null ? void 0 : cell.s) : cell == null ? void 0 : cell.s) || {};
-                  }
-                })
-              },
-              interceptorAutoHeight: /* @__PURE__ */ __name(() => {
-                var _a25, _b2, _c2, _d2, _e, _f;
-                const skeleton = (_b2 = (_a25 = this._renderManagerService.getRenderById(unitId)) == null ? void 0 : _a25.with(SheetSkeletonManagerService).getWorksheetSkeleton(subUnitId)) == null ? void 0 : _b2.skeleton;
-                if (!skeleton)
-                  return;
-                const mergeCell = skeleton.worksheet.getMergedCell(row, col), info = {
-                  data: {
-                    ...cell,
-                    dataValidation: {
-                      ruleId,
-                      validStatus,
-                      rule,
-                      validator
-                    }
-                  },
-                  style: skeleton.getsStyles().getStyleByCell(cell),
-                  primaryWithCoord: skeleton.getCellByIndex((_c2 = mergeCell == null ? void 0 : mergeCell.startRow) != null ? _c2 : row, (_d2 = mergeCell == null ? void 0 : mergeCell.startColumn) != null ? _d2 : col),
-                  unitId,
-                  subUnitId,
-                  row,
-                  col,
-                  workbook,
-                  worksheet
-                };
-                return (_f = (_e = validator == null ? void 0 : validator.canvasRender) == null ? void 0 : _e.calcCellAutoHeight) == null ? void 0 : _f.call(_e, info);
-              }, "interceptorAutoHeight"),
-              coverable: ((_d = cell == null ? void 0 : cell.coverable) != null ? _d : !0) && !(rule.type === DataValidationType.LIST || rule.type === DataValidationType.LIST_MULTIPLE)
-            });
-          }, "handler")
-        }
-      )
+            return {
+              redos: [{
+                id: RemoveDataValidationMutation.id,
+                params: redoParams
+              }],
+              undos: [{
+                id: AddDataValidationMutation.id,
+                params: undoParams
+              }]
+            };
+          }
+          return { redos: [], undos: [] };
+        }, "getMutations")
+      })
     );
   }
-  _initAutoHeight() {
-    this._sheetDataValidationModel.ruleChange$.pipe(
-      filter((change) => change.source === "command"),
-      bufferTime(16)
-    ).subscribe((infos) => {
-      const ranges = [];
-      if (infos.forEach((info) => {
-        var _a24;
-        (_a24 = info.rule) != null && _a24.ranges && ranges.push(...info.rule.ranges);
-      }), ranges.length) {
-        const mutations = this._autoHeightController.getUndoRedoParamsOfAutoHeight(ranges);
-        sequenceExecute(mutations.redos, this._commandService);
-      }
-    });
-  }
-}, __name(_a18, "SheetsDataValidationMobileRenderController"), _a18);
-SheetsDataValidationMobileRenderController = __decorateClass$5([
-  OnLifecycle(LifecycleStages.Rendered, SheetsDataValidationMobileRenderController),
-  __decorateParam$5(0, ICommandService),
-  __decorateParam$5(1, IRenderManagerService),
-  __decorateParam$5(2, IUniverInstanceService),
-  __decorateParam$5(3, Inject(AutoHeightController)),
-  __decorateParam$5(4, Inject(DataValidatorRegistryService)),
-  __decorateParam$5(5, Inject(SheetInterceptorService)),
-  __decorateParam$5(6, Inject(SheetDataValidationModel))
-], SheetsDataValidationMobileRenderController);
-var __defProp$4 = Object.defineProperty, __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor, __decorateClass$4 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
+}, __name(_a8, "SheetDataValidationSheetController"), _a8);
+SheetDataValidationSheetController = __decorateClass$2([
+  __decorateParam$2(0, Inject(SheetInterceptorService)),
+  __decorateParam$2(1, Inject(IUniverInstanceService)),
+  __decorateParam$2(2, Inject(SheetDataValidationModel))
+], SheetDataValidationSheetController);
+var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
+  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$4(target, key, result), result;
-}, "__decorateClass$4"), __decorateParam$4 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$4"), _a19;
-let SheetsDataValidationValidatorService = (_a19 = class {
+  return kind && result && __defProp$1(target, key, result), result;
+}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1"), _a9;
+let SheetsDataValidationValidatorService = (_a9 = class {
   constructor(_univerInstanceService, _sheetDataValidationModel, _dataValidationCacheService) {
     this._univerInstanceService = _univerInstanceService, this._sheetDataValidationModel = _sheetDataValidationModel, this._dataValidationCacheService = _dataValidationCacheService;
   }
@@ -5273,299 +2617,104 @@ let SheetsDataValidationValidatorService = (_a19 = class {
   getDataValidation(unitId, subUnitId, ranges) {
     return this.getDataValidations(unitId, subUnitId, ranges)[0];
   }
-}, __name(_a19, "SheetsDataValidationValidatorService"), _a19);
-SheetsDataValidationValidatorService = __decorateClass$4([
-  __decorateParam$4(0, IUniverInstanceService),
-  __decorateParam$4(1, Inject(SheetDataValidationModel)),
-  __decorateParam$4(2, Inject(DataValidationCacheService))
+}, __name(_a9, "SheetsDataValidationValidatorService"), _a9);
+SheetsDataValidationValidatorService = __decorateClass$1([
+  __decorateParam$1(0, IUniverInstanceService),
+  __decorateParam$1(1, Inject(SheetDataValidationModel)),
+  __decorateParam$1(2, Inject(DataValidationCacheService))
 ], SheetsDataValidationValidatorService);
-var __defProp$3 = Object.defineProperty, __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor, __defNormalProp$1 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, "__defNormalProp$1"), __decorateClass$3 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$3(target, key, result), result;
-}, "__decorateClass$3"), __decorateParam$3 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$3"), __publicField$1 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp$1(obj, typeof key != "symbol" ? key + "" : key, value), "__publicField$1"), _a20;
-let UniverSheetsDataValidationMobilePlugin = (_a20 = class extends Plugin {
-  constructor(_config = defaultPluginConfig, _injector, _commandService, _configService) {
-    super(), this._config = _config, this._injector = _injector, this._commandService = _commandService, this._configService = _configService;
-    const { menu, ...rest } = this._config;
-    menu && this._configService.setConfig("menu", menu, { merge: !0 }), this._configService.setConfig(PLUGIN_CONFIG_KEY, rest);
-  }
-  onStarting() {
-    [
-      [DataValidationPanelService],
-      [DataValidationCacheService],
-      [DataValidationFormulaService],
-      [DataValidationCustomFormulaService],
-      [DataValidationDropdownManagerService],
-      [SheetsDataValidationValidatorService],
-      [SheetDataValidationModel],
-      // controller
-      [DataValidationController],
-      [SheetsDataValidationMobileRenderController],
-      [DataValidationAlertController],
-      [DataValidationRefRangeController],
-      [DataValidationPermissionController],
-      [DataValidationCopyPasteController],
-      [DataValidationFormulaController]
-    ].forEach((dep) => {
-      this._injector.add(dep);
-    }), [
-      AddSheetDataValidationCommand,
-      AddSheetDataValidationAndOpenCommand,
-      UpdateSheetDataValidationRangeCommand,
-      UpdateSheetDataValidationSettingCommand,
-      UpdateSheetDataValidationOptionsCommand,
-      RemoveSheetDataValidationCommand,
-      RemoveSheetAllDataValidationCommand,
-      ClearRangeDataValidationCommand,
-      // operation
-      ShowDataValidationDropdown,
-      HideDataValidationDropdown,
-      CloseValidationPanelOperation,
-      OpenValidationPanelOperation,
-      ToggleValidationPanelOperation
-    ].forEach((command) => {
-      this._commandService.registerCommand(command);
-    });
-  }
-}, __name(_a20, "UniverSheetsDataValidationMobilePlugin"), _a20);
-__publicField$1(UniverSheetsDataValidationMobilePlugin, "pluginName", DATA_VALIDATION_PLUGIN_NAME);
-__publicField$1(UniverSheetsDataValidationMobilePlugin, "type", UniverInstanceType.UNIVER_SHEET);
-UniverSheetsDataValidationMobilePlugin = __decorateClass$3([
-  DependentOn(UniverDataValidationPlugin, UniverSheetsPlugin, UniverSheetsUIPlugin),
-  __decorateParam$3(1, Inject(Injector)),
-  __decorateParam$3(2, ICommandService),
-  __decorateParam$3(3, IConfigService)
-], UniverSheetsDataValidationMobilePlugin);
-var __defProp$2 = Object.defineProperty, __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor, __decorateClass$2 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$2(target, key, result), result;
-}, "__decorateClass$2"), __decorateParam$2 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$2"), _a21;
-let DataValidationAutoFillController = (_a21 = class extends Disposable {
-  constructor(_autoFillService, _dataValidationModel, _injector) {
-    super(), this._autoFillService = _autoFillService, this._dataValidationModel = _dataValidationModel, this._injector = _injector, this._initAutoFill();
-  }
-  // eslint-disable-next-line max-lines-per-function
-  _initAutoFill() {
-    const noopReturnFunc = /* @__PURE__ */ __name(() => ({ redos: [], undos: [] }), "noopReturnFunc"), generalApplyFunc = /* @__PURE__ */ __name((location, applyType) => {
-      const { source: sourceRange, target: targetRange, unitId, subUnitId } = location, ruleMatrixCopy = this._dataValidationModel.getRuleObjectMatrix(unitId, subUnitId).clone(), virtualRange = virtualizeDiscreteRanges([sourceRange, targetRange]), [vSourceRange, vTargetRange] = virtualRange.ranges, { mapFunc } = virtualRange, sourceStartCell = {
-        row: vSourceRange.startRow,
-        col: vSourceRange.startColumn
-      }, repeats = getAutoFillRepeatRange(vSourceRange, vTargetRange), additionMatrix = new ObjectMatrix(), additionRules = /* @__PURE__ */ new Set();
-      repeats.forEach((repeat) => {
-        const targetStartCell = repeat.repeatStartCell, relativeRange = repeat.relativeRange, sourceRange2 = {
-          startRow: sourceStartCell.row,
-          startColumn: sourceStartCell.col,
-          endColumn: sourceStartCell.col,
-          endRow: sourceStartCell.row
-        }, targetRange2 = {
-          startRow: targetStartCell.row,
-          startColumn: targetStartCell.col,
-          endColumn: targetStartCell.col,
-          endRow: targetStartCell.row
-        };
-        Range.foreach(relativeRange, (row, col) => {
-          const sourcePositionRange = Rectangle.getPositionRange(
-            {
-              startRow: row,
-              startColumn: col,
-              endColumn: col,
-              endRow: row
-            },
-            sourceRange2
-          ), { row: sourceRow, col: sourceCol } = mapFunc(sourcePositionRange.startRow, sourcePositionRange.startColumn), ruleId = this._dataValidationModel.getRuleIdByLocation(unitId, subUnitId, sourceRow, sourceCol);
-          if (ruleId) {
-            const targetPositionRange = Rectangle.getPositionRange(
-              {
-                startRow: row,
-                startColumn: col,
-                endColumn: col,
-                endRow: row
-              },
-              targetRange2
-            ), { row: targetRow, col: targetCol } = mapFunc(targetPositionRange.startRow, targetPositionRange.startColumn);
-            additionMatrix.setValue(targetRow, targetCol, ruleId), additionRules.add(ruleId);
-          }
-        });
-      });
-      const additions = Array.from(additionRules).map((id) => ({ id, ranges: queryObjectMatrix(additionMatrix, (value) => value === id) }));
-      ruleMatrixCopy.addRangeRules(additions);
-      const diffs = ruleMatrixCopy.diff(this._dataValidationModel.getRules(unitId, subUnitId)), { redoMutations, undoMutations } = getDataValidationDiffMutations(unitId, subUnitId, diffs, this._injector, "patched", applyType === APPLY_TYPE.ONLY_FORMAT);
-      return {
-        undos: undoMutations,
-        redos: redoMutations
-      };
-    }, "generalApplyFunc"), disabledDataVallation = [
-      DataValidationType.CHECKBOX
-    ], hook = {
-      id: DATA_VALIDATION_PLUGIN_NAME,
-      onBeforeFillData: /* @__PURE__ */ __name((location) => {
-        const { source: sourceRange, unitId, subUnitId } = location;
-        for (const row of sourceRange.rows)
-          for (const col of sourceRange.cols) {
-            const dv = this._dataValidationModel.getRuleByLocation(unitId, subUnitId, row, col);
-            if (dv && disabledDataVallation.indexOf(dv.type) > -1) {
-              this._autoFillService.setDisableApplyType(APPLY_TYPE.SERIES, !0);
-              return;
-            }
-          }
-      }, "onBeforeFillData"),
-      onFillData: /* @__PURE__ */ __name((location, direction, applyType) => applyType === APPLY_TYPE.COPY || applyType === APPLY_TYPE.ONLY_FORMAT || applyType === APPLY_TYPE.SERIES ? generalApplyFunc(location, applyType) : noopReturnFunc(), "onFillData"),
-      onAfterFillData: /* @__PURE__ */ __name(() => {
-      }, "onAfterFillData")
-    };
-    this.disposeWithMe(this._autoFillService.addHook(hook));
-  }
-}, __name(_a21, "DataValidationAutoFillController"), _a21);
-DataValidationAutoFillController = __decorateClass$2([
-  OnLifecycle(LifecycleStages.Ready, DataValidationAutoFillController),
-  __decorateParam$2(0, IAutoFillService),
-  __decorateParam$2(1, Inject(SheetDataValidationModel)),
-  __decorateParam$2(2, Inject(Injector))
-], DataValidationAutoFillController);
-var __defProp$1 = Object.defineProperty, __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor, __decorateClass$1 = /* @__PURE__ */ __name((decorators, target, key, kind) => {
-  for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
-    (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
-  return kind && result && __defProp$1(target, key, result), result;
-}, "__decorateClass$1"), __decorateParam$1 = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam$1"), _a22;
-let SheetDataValidationSheetController = (_a22 = class extends Disposable {
-  constructor(_sheetInterceptorService, _univerInstanceService, _sheetDataValidationModel) {
-    super(), this._sheetInterceptorService = _sheetInterceptorService, this._univerInstanceService = _univerInstanceService, this._sheetDataValidationModel = _sheetDataValidationModel, this._initSheetChange();
-  }
-  _initSheetChange() {
-    this.disposeWithMe(
-      this._sheetInterceptorService.interceptCommand({
-        getMutations: /* @__PURE__ */ __name((commandInfo) => {
-          var _a24;
-          if (commandInfo.id === RemoveSheetCommand.id) {
-            const params = commandInfo.params, unitId = params.unitId || this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET).getUnitId(), workbook = this._univerInstanceService.getUniverSheetInstance(unitId);
-            if (!workbook)
-              return { redos: [], undos: [] };
-            const subUnitId = params.subUnitId || ((_a24 = workbook.getActiveSheet()) == null ? void 0 : _a24.getSheetId());
-            if (!subUnitId)
-              return { redos: [], undos: [] };
-            const rules = this._sheetDataValidationModel.getRules(unitId, subUnitId);
-            if (rules.length === 0)
-              return { redos: [], undos: [] };
-            const ids = rules.map((i) => i.uid), redoParams = {
-              unitId,
-              subUnitId,
-              ruleId: ids,
-              source: "patched"
-            }, undoParams = {
-              unitId,
-              subUnitId,
-              rule: [...rules],
-              source: "patched"
-            };
-            return {
-              redos: [{
-                id: RemoveDataValidationMutation.id,
-                params: redoParams
-              }],
-              undos: [{
-                id: AddDataValidationMutation.id,
-                params: undoParams
-              }]
-            };
-          }
-          return { redos: [], undos: [] };
-        }, "getMutations")
-      })
-    );
-  }
-}, __name(_a22, "SheetDataValidationSheetController"), _a22);
-SheetDataValidationSheetController = __decorateClass$1([
-  OnLifecycle(LifecycleStages.Ready, SheetDataValidationSheetController),
-  __decorateParam$1(0, Inject(SheetInterceptorService)),
-  __decorateParam$1(1, Inject(IUniverInstanceService)),
-  __decorateParam$1(2, Inject(SheetDataValidationModel))
-], SheetDataValidationSheetController);
 var __defProp2 = Object.defineProperty, __getOwnPropDesc = Object.getOwnPropertyDescriptor, __defNormalProp2 = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, "__defNormalProp"), __decorateClass = /* @__PURE__ */ __name((decorators, target, key, kind) => {
   for (var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target, i = decorators.length - 1, decorator; i >= 0; i--)
     (decorator = decorators[i]) && (result = (kind ? decorator(target, key, result) : decorator(result)) || result);
   return kind && result && __defProp2(target, key, result), result;
-}, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam"), __publicField2 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp2(obj, typeof key != "symbol" ? key + "" : key, value), "__publicField"), _a23;
-let UniverSheetsDataValidationPlugin = (_a23 = class extends Plugin {
+}, "__decorateClass"), __decorateParam = /* @__PURE__ */ __name((index, decorator) => (target, key) => decorator(target, key, index), "__decorateParam"), __publicField2 = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp2(obj, typeof key != "symbol" ? key + "" : key, value), "__publicField"), _a10;
+let UniverSheetsDataValidationPlugin = (_a10 = class extends Plugin {
   constructor(_config = defaultPluginConfig, _injector, _commandService, _configService) {
     super(), this._config = _config, this._injector = _injector, this._commandService = _commandService, this._configService = _configService;
-    const { menu, ...rest } = this._config;
-    menu && this._configService.setConfig("menu", menu, { merge: !0 }), this._configService.setConfig(PLUGIN_CONFIG_KEY, rest);
+    const { ...rest } = this._config;
+    this._configService.setConfig(PLUGIN_CONFIG_KEY, rest);
   }
   onStarting() {
     [
-      [DataValidationPanelService],
       [DataValidationCacheService],
       [DataValidationFormulaService],
       [DataValidationCustomFormulaService],
-      [DataValidationDropdownManagerService],
       [SheetsDataValidationValidatorService],
       [SheetDataValidationModel],
-      // controller
       [DataValidationController],
-      [SheetsDataValidationRenderController],
-      [DataValidationAlertController],
       [DataValidationRefRangeController],
-      [DataValidationPermissionController],
-      [DataValidationAutoFillController],
-      [DataValidationCopyPasteController],
       [DataValidationFormulaController],
-      [DataValidationRejectInputController],
       [SheetDataValidationSheetController]
     ].forEach((dep) => {
       this._injector.add(dep);
     }), [
       AddSheetDataValidationCommand,
-      AddSheetDataValidationAndOpenCommand,
       UpdateSheetDataValidationRangeCommand,
       UpdateSheetDataValidationSettingCommand,
       UpdateSheetDataValidationOptionsCommand,
       RemoveSheetDataValidationCommand,
       RemoveSheetAllDataValidationCommand,
-      ClearRangeDataValidationCommand,
-      // operation
-      ShowDataValidationDropdown,
-      HideDataValidationDropdown,
-      CloseValidationPanelOperation,
-      OpenValidationPanelOperation,
-      ToggleValidationPanelOperation
+      ClearRangeDataValidationCommand
     ].forEach((command) => {
       this._commandService.registerCommand(command);
-    });
+    }), this._injector.get(DataValidationRefRangeController);
+  }
+  onReady() {
+    this._injector.get(SheetDataValidationSheetController);
   }
-}, __name(_a23, "UniverSheetsDataValidationPlugin"), _a23);
+  onRendered() {
+    this._injector.get(DataValidationController), this._injector.get(DataValidationFormulaController);
+  }
+}, __name(_a10, "UniverSheetsDataValidationPlugin"), _a10);
 __publicField2(UniverSheetsDataValidationPlugin, "pluginName", DATA_VALIDATION_PLUGIN_NAME);
 __publicField2(UniverSheetsDataValidationPlugin, "type", UniverInstanceType.UNIVER_SHEET);
 UniverSheetsDataValidationPlugin = __decorateClass([
-  DependentOn(UniverSheetsNumfmtPlugin, UniverDataValidationPlugin, UniverSheetsUIPlugin),
+  DependentOn(UniverDataValidationPlugin),
   __decorateParam(1, Inject(Injector)),
   __decorateParam(2, ICommandService),
   __decorateParam(3, IConfigService)
 ], UniverSheetsDataValidationPlugin);
+function createDefaultNewRule(accessor) {
+  const currentRanges = accessor.get(SheetsSelectionsService).getCurrentSelections().map((s) => s.range);
+  return {
+    uid: Tools.generateRandomId(6),
+    type: DataValidationType.DECIMAL,
+    operator: DataValidationOperator.EQUAL,
+    formula1: "100",
+    ranges: currentRanges != null ? currentRanges : [{ startColumn: 0, endColumn: 0, startRow: 0, endRow: 0 }]
+  };
+}
+__name(createDefaultNewRule, "createDefaultNewRule");
 export {
-  AddSheetDataValidationAndOpenCommand,
   AddSheetDataValidationCommand,
+  CHECKBOX_FORMULA_1,
+  CHECKBOX_FORMULA_2,
+  CheckboxValidator,
   ClearRangeDataValidationCommand,
-  CloseValidationPanelOperation,
   DATA_VALIDATION_PLUGIN_NAME,
-  DATE_DROPDOWN_KEY,
   DataValidationCacheService,
   DataValidationCustomFormulaService,
+  DataValidationFormulaController,
   DataValidationFormulaService,
   DataValidationModel2 as DataValidationModel,
-  HideDataValidationDropdown,
-  LIST_DROPDOWN_KEY,
-  OpenValidationPanelOperation,
+  DateValidator,
+  ListMultipleValidator,
+  ListValidator,
   RemoveSheetAllDataValidationCommand,
   RemoveSheetDataValidationCommand,
   SheetDataValidationModel,
   SheetsDataValidationValidatorService,
-  ShowDataValidationDropdown,
-  ToggleValidationPanelOperation,
-  UniverSheetsDataValidationMobilePlugin,
   UniverSheetsDataValidationPlugin,
   UpdateSheetDataValidationOptionsCommand,
   UpdateSheetDataValidationRangeCommand,
-  UpdateSheetDataValidationSettingCommand
+  UpdateSheetDataValidationSettingCommand,
+  createDefaultNewRule,
+  deserializeListOptions,
+  getCellValueOrigin,
+  getDataValidationCellValue,
+  getDataValidationDiffMutations,
+  getFormulaCellData,
+  getFormulaResult,
+  serializeListOptions,
+  transformCheckboxValue
 };