@univerjs/sheets-data-validation-ui 0.25.1 → 1.0.0-alpha.1

package/lib/es/index.js

@@ -1,25 +1,25 @@
 import { CellValueType, ColorKit, CommandType, DEFAULT_STYLES, DataValidationErrorStyle, DataValidationRenderMode, DataValidationStatus, DataValidationType, DependentOn, Disposable, DisposableCollection, HorizontalAlign, ICommandService, IConfigService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, LocaleService, ObjectMatrix, Optional, Plugin, Range, Rectangle, RedoCommand, RxDisposable, ThemeService, UndoCommand, UniverInstanceType, VerticalAlign, WrapStrategy, awaitTime, bufferDebounceTime, dateKit, debounce, generateRandomId, isFormulaString, isUnitRangesEqual, merge, numfmt, queryObjectMatrix, sequenceExecute, shallowEqual, toDisposable } from "@univerjs/core";
 import { CURSOR_TYPE, CheckboxShape, DeviceInputEventType, DocSimpleSkeleton, FontCache, IRenderManagerService, Rect, Shape, Text, Transform, fixLineWidthByScale, getCurrentTypeOfRenderer, getFontStyleString } from "@univerjs/engine-render";
 import { AUTO_FILL_APPLY_TYPE, AutoFillTools, IAutoFillService, INTERCEPTOR_POINT, InterceptCellContentPriority, RangeProtectionPermissionEditPoint, SetRangeValuesCommand, SetWorksheetActiveOperation, SheetInterceptorService, SheetPermissionCheckController, SheetsSelectionsService, VALIDATE_CELL, WorkbookEditablePermission, WorksheetEditPermission, WorksheetSetCellStylePermission, checkRangesEditablePermission, deserializeListOptions, getSheetCommandTarget, rangeToDiscreteRange, serializeListOptions } from "@univerjs/sheets";
-import { AddSheetDataValidationCommand, BASE_FORMULA_INPUT_NAME as BASE_FORMULA_INPUT_NAME$1, CHECKBOX_FORMULA_1, CHECKBOX_FORMULA_2, CHECKBOX_FORMULA_INPUT_NAME, CUSTOM_FORMULA_INPUT_NAME, DATA_VALIDATION_PLUGIN_NAME, DataValidationCacheService, DataValidationFormulaController, DataValidationFormulaService, LIST_FORMULA_INPUT_NAME, RemoveSheetAllDataValidationCommand, RemoveSheetDataValidationCommand, SheetDataValidationModel, SheetsDataValidationValidatorService, UniverSheetsDataValidationPlugin, UpdateSheetDataValidationOptionsCommand, UpdateSheetDataValidationRangeCommand, UpdateSheetDataValidationSettingCommand, createDefaultNewRule, getCellValueOrigin, getDataValidationCellValue, getDataValidationDiffMutations, getFormulaResult, isLegalFormulaResult, transformCheckboxValue } from "@univerjs/sheets-data-validation";
+import { AddSheetDataValidationCommand, BASE_FORMULA_INPUT_NAME, CHECKBOX_FORMULA_1, CHECKBOX_FORMULA_2, CHECKBOX_FORMULA_INPUT_NAME, CUSTOM_FORMULA_INPUT_NAME, DATA_VALIDATION_PLUGIN_NAME, DataValidationCacheService, DataValidationFormulaController, DataValidationFormulaService, LIST_FORMULA_INPUT_NAME, RemoveSheetAllDataValidationCommand, RemoveSheetDataValidationCommand, SheetDataValidationModel, SheetsDataValidationValidatorService, UniverSheetsDataValidationPlugin, UpdateSheetDataValidationOptionsCommand, UpdateSheetDataValidationRangeCommand, UpdateSheetDataValidationSettingCommand, createDefaultNewRule, getCellValueOrigin, getDataValidationCellValue, getDataValidationDiffMutations, getFormulaResult, isLegalFormulaResult, transformCheckboxValue } from "@univerjs/sheets-data-validation";
 import { DataValidationModel, DataValidatorDropdownType, DataValidatorRegistryScope, DataValidatorRegistryService, TWO_FORMULA_OPERATOR_COUNT, getRuleOptions, getRuleSetting } from "@univerjs/data-validation";
-import { ComponentManager, IDialogService, IMenuManagerService, ISidebarService, IZenZoneService, KeyCode, MenuItemType, RibbonDataGroup, getMenuHiddenObservable, useDependency, useEvent, useObservable, useSidebarClick } from "@univerjs/ui";
+import { ComponentManager, IDialogService, IMenuManagerService, ISidebarService, IconManager, KeyCode, MenuItemType, RibbonDataGroup, getMenuHiddenObservable, useDependency, useEvent, useObservable, useSidebarClick } from "@univerjs/ui";
 import { BehaviorSubject, Subject, bufferTime, debounceTime, distinctUntilChanged, filter, of } from "rxjs";
 import { getPatternType } from "@univerjs/sheets-numfmt";
 import { AutoHeightController, COPY_TYPE, CellAlertManagerService, CellAlertType, HoverManagerService, IEditorBridgeService, IMarkSelectionService, ISheetCellDropdownManagerService, ISheetClipboardService, PREDEFINED_HOOK_NAME_PASTE, SetCellEditVisibleOperation, SheetSkeletonManagerService, getCurrentRangeDisable$, getRepeatRange, virtualizeDiscreteRanges } from "@univerjs/sheets-ui";
 import { Button, Checkbox, DraggableList, Dropdown, FormLayout, Input, Radio, RadioGroup, Select, borderClassName, clsx } from "@univerjs/design";
 import { createElement, useEffect, useMemo, useRef, useState } from "react";
-import { DataValidationIcon, DeleteIcon, IncreaseIcon, MoreDownIcon, MoreUpIcon, SequenceIcon } from "@univerjs/icons";
+import { DataValidationIcon, DeleteIcon, GripVerticalIcon, IncreaseIcon, MoreDownIcon, MoreUpIcon } from "@univerjs/icons";
 import { deserializeRangeWithSheet, serializeRange } from "@univerjs/engine-formula";
 import { FormulaEditor, RangeSelector } from "@univerjs/sheets-formula-ui";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region package.json
 var name = "@univerjs/sheets-data-validation-ui";
-var version = "0.25.1";
+var version = "1.0.0-alpha.1";
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -30,7 +30,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -43,14 +43,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -61,7 +61,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -69,7 +69,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -170,21 +170,6 @@ const DROP_DOWN_DEFAULT_COLOR = "#ECECEC";
 
 //#endregion
 //#region src/controllers/dv-reject-input.controller.ts
-/**
-* Copyright 2023-present DreamNum Co., Ltd.
-*
-* Licensed under the Apache License, Version 2.0 (the "License");
-* you may not use this file except in compliance with the License.
-* You may obtain a copy of the License at
-*
-*     http://www.apache.org/licenses/LICENSE-2.0
-*
-* Unless required by applicable law or agreed to in writing, software
-* distributed under the License is distributed on an "AS IS" BASIS,
-* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-* See the License for the specific language governing permissions and
-* limitations under the License.
-*/
 let DataValidationRejectInputController = class DataValidationRejectInputController extends Disposable {
 	constructor(_sheetInterceptorService, _dataValidationModel, _dataValidatorRegistryService, _dialogService, _localeService, _sheetsDataValidationValidatorService) {
 		super();
@@ -274,11 +259,10 @@ let DataValidationDropdownManagerService = class DataValidationDropdownManagerSe
 	get activeDropdown() {
 		return this._activeDropdown;
 	}
-	constructor(_univerInstanceService, _dataValidatorRegistryService, _zenZoneService, _dataValidationModel, _sheetsSelectionsService, _cellDropdownManagerService, _sheetDataValidationModel, _commandService, _editorBridgeService, _injector, _configService) {
+	constructor(_univerInstanceService, _dataValidatorRegistryService, _dataValidationModel, _sheetsSelectionsService, _cellDropdownManagerService, _sheetDataValidationModel, _commandService, _editorBridgeService, _injector, _configService) {
 		super();
 		this._univerInstanceService = _univerInstanceService;
 		this._dataValidatorRegistryService = _dataValidatorRegistryService;
-		this._zenZoneService = _zenZoneService;
 		this._dataValidationModel = _dataValidationModel;
 		this._sheetsSelectionsService = _sheetsSelectionsService;
 		this._cellDropdownManagerService = _cellDropdownManagerService;
@@ -291,19 +275,11 @@ let DataValidationDropdownManagerService = class DataValidationDropdownManagerSe
 		_defineProperty(this, "_activeDropdown$", new Subject());
 		_defineProperty(this, "_currentPopup", null);
 		_defineProperty(this, "activeDropdown$", this._activeDropdown$.asObservable());
-		_defineProperty(this, "_zenVisible", false);
-		this._init();
 		this._initSelectionChange();
 		this.disposeWithMe(() => {
 			this._activeDropdown$.complete();
 		});
 	}
-	_init() {
-		this.disposeWithMe(this._zenZoneService.visible$.subscribe((visible) => {
-			this._zenVisible = visible;
-			if (visible) this.hideDropdown();
-		}));
-	}
 	_getDropdownByCell(unitId, subUnitId, row, col) {
 		const workbook = unitId ? this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET) : this._univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET);
 		if (!workbook) return;
@@ -323,7 +299,6 @@ let DataValidationDropdownManagerService = class DataValidationDropdownManagerSe
 		const { location } = param;
 		const { row, col, unitId, subUnitId, workbook, worksheet } = location;
 		if (this._currentPopup) this._currentPopup.dispose();
-		if (this._zenVisible) return;
 		this._activeDropdown = param;
 		this._activeDropdown$.next(this._activeDropdown);
 		const rule = this._sheetDataValidationModel.getRuleByLocation(unitId, subUnitId, row, col);
@@ -615,15 +590,14 @@ let DataValidationDropdownManagerService = class DataValidationDropdownManagerSe
 DataValidationDropdownManagerService = __decorate([
 	__decorateParam(0, IUniverInstanceService),
 	__decorateParam(1, Inject(DataValidatorRegistryService)),
-	__decorateParam(2, IZenZoneService),
-	__decorateParam(3, Inject(SheetDataValidationModel)),
-	__decorateParam(4, Inject(SheetsSelectionsService)),
-	__decorateParam(5, Inject(ISheetCellDropdownManagerService)),
-	__decorateParam(6, Inject(SheetDataValidationModel)),
-	__decorateParam(7, ICommandService),
-	__decorateParam(8, IEditorBridgeService),
-	__decorateParam(9, Inject(Injector)),
-	__decorateParam(10, IConfigService)
+	__decorateParam(2, Inject(SheetDataValidationModel)),
+	__decorateParam(3, Inject(SheetsSelectionsService)),
+	__decorateParam(4, Inject(ISheetCellDropdownManagerService)),
+	__decorateParam(5, Inject(SheetDataValidationModel)),
+	__decorateParam(6, ICommandService),
+	__decorateParam(7, IEditorBridgeService),
+	__decorateParam(8, Inject(Injector)),
+	__decorateParam(9, IConfigService)
 ], DataValidationDropdownManagerService);
 
 //#endregion
@@ -731,23 +705,51 @@ const AddSheetDataValidationAndOpenCommand = {
 	}
 };
 
+//#endregion
+//#region src/controllers/components.controller.ts
+/**
+* Copyright 2023-present DreamNum Co., Ltd.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*     http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+let ComponentsController = class ComponentsController extends Disposable {
+	constructor(_componentManager, _iconManager) {
+		super();
+		this._componentManager = _componentManager;
+		this._iconManager = _iconManager;
+		this._registerIcons();
+	}
+	_registerIcons() {
+		this.disposeWithMe(this._iconManager.register({ DataValidationIcon }));
+	}
+};
+ComponentsController = __decorate([__decorateParam(0, Inject(ComponentManager)), __decorateParam(1, Inject(IconManager))], ComponentsController);
+
 //#endregion
 //#region src/controllers/dv-alert.controller.ts
 const ALERT_KEY = "SHEET_DATA_VALIDATION_ALERT";
 let DataValidationAlertController = class DataValidationAlertController extends Disposable {
-	constructor(_hoverManagerService, _cellAlertManagerService, _univerInstanceService, _localeService, _zenZoneService, _dataValidationModel) {
+	constructor(_hoverManagerService, _cellAlertManagerService, _univerInstanceService, _localeService, _dataValidationModel) {
 		super();
 		this._hoverManagerService = _hoverManagerService;
 		this._cellAlertManagerService = _cellAlertManagerService;
 		this._univerInstanceService = _univerInstanceService;
 		this._localeService = _localeService;
-		this._zenZoneService = _zenZoneService;
 		this._dataValidationModel = _dataValidationModel;
 		this._init();
 	}
 	_init() {
 		this._initCellAlertPopup();
-		this._initZenService();
 	}
 	_initCellAlertPopup() {
 		this.disposeWithMe(this._hoverManagerService.currentCell$.pipe(debounceTime(100)).subscribe((cellPos) => {
@@ -792,19 +794,13 @@ let DataValidationAlertController = class DataValidationAlertController extends
 			this._cellAlertManagerService.removeAlert(ALERT_KEY);
 		}));
 	}
-	_initZenService() {
-		this.disposeWithMe(this._zenZoneService.visible$.subscribe((visible) => {
-			if (visible) this._cellAlertManagerService.removeAlert(ALERT_KEY);
-		}));
-	}
 };
 DataValidationAlertController = __decorate([
 	__decorateParam(0, Inject(HoverManagerService)),
 	__decorateParam(1, Inject(CellAlertManagerService)),
 	__decorateParam(2, IUniverInstanceService),
 	__decorateParam(3, Inject(LocaleService)),
-	__decorateParam(4, IZenZoneService),
-	__decorateParam(5, Inject(SheetDataValidationModel))
+	__decorateParam(4, Inject(SheetDataValidationModel))
 ], DataValidationAlertController);
 
 //#endregion
@@ -1123,14 +1119,14 @@ function dataValidationMenuFactory(accessor) {
 		})
 	};
 }
-function openDataValidationMenuFactory(_accessor) {
+function openDataValidationMenuFactory() {
 	return {
 		id: OpenValidationPanelOperation.id,
 		title: "sheets-data-validation-ui.panel.title",
 		type: MenuItemType.BUTTON
 	};
 }
-function addDataValidationMenuFactory(_accessor) {
+function addDataValidationMenuFactory() {
 	return {
 		id: AddSheetDataValidationAndOpenCommand.id,
 		title: "sheets-data-validation-ui.panel.add",
@@ -1467,7 +1463,7 @@ let SheetsDataValidationReRenderController = class SheetsDataValidationReRenderC
 SheetsDataValidationReRenderController = __decorate([__decorateParam(1, Inject(SheetDataValidationModel)), __decorateParam(2, Inject(SheetSkeletonManagerService))], SheetsDataValidationReRenderController);
 
 //#endregion
-//#region src/views/components/options/index.tsx
+//#region src/views/components/DataValidationOptions.tsx
 function DataValidationOptions(props) {
 	var _value$errorStyle;
 	const localeService = useDependency(LocaleService);
@@ -1523,7 +1519,7 @@ function DataValidationOptions(props) {
 }
 
 //#endregion
-//#region src/views/components/detail/index.tsx
+//#region src/views/components/DataValidationDetail.tsx
 const debounceExecuteFactory = (commandService) => debounce(async (id, params, options, callback) => {
 	const res = await commandService.executeCommand(id, params, options);
 	callback === null || callback === void 0 || callback(res);
@@ -1537,10 +1533,20 @@ function getSheetIdByName(univerInstanceService, unitId, name) {
 	return ((_univerInstanceServic2 = univerInstanceService.getCurrentUnitOfType(UniverInstanceType.UNIVER_SHEET)) === null || _univerInstanceServic2 === void 0 || (_univerInstanceServic2 = _univerInstanceServic2.getSheetBySheetName(name)) === null || _univerInstanceServic2 === void 0 ? void 0 : _univerInstanceServic2.getSheetId()) || "";
 }
 function DataValidationDetail() {
+	const dataValidationPanelService = useDependency(DataValidationPanelService);
+	const { unitId, subUnitId, rule } = useObservable(dataValidationPanelService.activeRule$, dataValidationPanelService.activeRule) || {};
+	if (!unitId || !subUnitId || !rule) return null;
+	return /* @__PURE__ */ jsx(DataValidationDetailInner, { activeRuleInfo: {
+		unitId,
+		subUnitId,
+		rule
+	} });
+}
+function DataValidationDetailInner(props) {
 	var _validators$sort, _localRule$allowBlank;
 	const [key, setKey] = useState(0);
 	const dataValidationPanelService = useDependency(DataValidationPanelService);
-	const { unitId, subUnitId, rule } = useObservable(dataValidationPanelService.activeRule$, dataValidationPanelService.activeRule) || {};
+	const { unitId, subUnitId, rule } = props.activeRuleInfo;
 	const ruleId = rule.uid;
 	const validatorService = useDependency(DataValidatorRegistryService);
 	const univerInstanceService = useDependency(IUniverInstanceService);
@@ -1760,7 +1766,7 @@ function DataValidationDetail() {
 					value: `${localRule.operator}`,
 					options: [{
 						value: "",
-						label: localeService.t("data-validation.operators.legal")
+						label: localeService.t("sheets-data-validation-ui.operators.legal")
 					}, ...operators.map((op, i) => ({
 						value: `${op}`,
 						label: operatorNames[i]
@@ -1825,7 +1831,7 @@ function DataValidationDetail() {
 }
 
 //#endregion
-//#region src/views/components/item/index.tsx
+//#region src/views/components/DataValidationItem.tsx
 const DataValidationItem = (props) => {
 	const { rule, onClick, unitId, subUnitId, disable } = props;
 	const validatorRegistry = useDependency(DataValidatorRegistryService);
@@ -1906,7 +1912,7 @@ const DataValidationItem = (props) => {
 };
 
 //#endregion
-//#region src/views/components/list/index.tsx
+//#region src/views/components/DataValidationList.tsx
 function DataValidationList(props) {
 	const sheetDataValidationModel = useDependency(SheetDataValidationModel);
 	const univerInstanceService = useDependency(IUniverInstanceService);
@@ -2000,7 +2006,7 @@ function DataValidationList(props) {
 }
 
 //#endregion
-//#region src/views/components/panel/index.tsx
+//#region src/views/components/DataValidationPanel.tsx
 const DataValidationPanel = () => {
 	const dataValidationPanelService = useDependency(DataValidationPanelService);
 	const activeRule = useObservable(dataValidationPanelService.activeRule$, dataValidationPanelService.activeRule);
@@ -2014,6 +2020,29 @@ const DataValidationPanel = () => {
 	return activeRule && (activeRule.subUnitId === worksheet.getSheetId() || activeRule.subUnitId === dataValidationPanelService.getFocusFormulaEditorActiveRuleSubUnitId()) ? /* @__PURE__ */ jsx(DataValidationDetail, {}, activeRule.rule.uid) : /* @__PURE__ */ jsx(DataValidationList, { workbook });
 };
 
+//#endregion
+//#region src/views/components/DateShowTimeOption.tsx
+const DATE_SHOW_TIME_OPTION = "DATE_SHOW_TIME_OPTION";
+function DateShowTimeOption(props) {
+	var _value$bizInfo;
+	const { value, onChange } = props;
+	const localeService = useDependency(LocaleService);
+	return /* @__PURE__ */ jsx(FormLayout, { children: /* @__PURE__ */ jsx(Checkbox, {
+		checked: (_value$bizInfo = value.bizInfo) === null || _value$bizInfo === void 0 ? void 0 : _value$bizInfo.showTime,
+		onChange: (showTime) => {
+			onChange({
+				...value,
+				bizInfo: {
+					...value.bizInfo,
+					showTime
+				}
+			});
+		},
+		children: localeService.t("sheets-data-validation-ui.showTime.label")
+	}) });
+}
+DateShowTimeOption.componentKey = DATE_SHOW_TIME_OPTION;
+
 //#endregion
 //#region src/views/components/formula-input/BaseFormulaInput.tsx
 const BaseFormulaInput = (props) => {
@@ -2255,7 +2284,7 @@ const Template = (props) => {
 		children: [
 			!item.isRef && /* @__PURE__ */ jsx("div", {
 				className: clsx("univer-cursor-move", "draggableHandle"),
-				children: /* @__PURE__ */ jsx(SequenceIcon, {})
+				children: /* @__PURE__ */ jsx(GripVerticalIcon, {})
 			}),
 			/* @__PURE__ */ jsx(ColorSelect, {
 				value: item.color,
@@ -2482,13 +2511,13 @@ function ListFormulaInput(props) {
 //#region src/views/components/formula-input/index.ts
 const FORMULA_INPUTS = [
 	[CUSTOM_FORMULA_INPUT_NAME, CustomFormulaInput],
-	[BASE_FORMULA_INPUT_NAME$1, BaseFormulaInput],
+	[BASE_FORMULA_INPUT_NAME, BaseFormulaInput],
 	[LIST_FORMULA_INPUT_NAME, ListFormulaInput],
 	[CHECKBOX_FORMULA_INPUT_NAME, CheckboxFormulaInput]
 ];
 
 //#endregion
-//#region src/views/components/render-mode/index.tsx
+//#region src/views/components/ListRenderModeInput.tsx
 const LIST_RENDER_MODE_OPTION_INPUT = "LIST_RENDER_MODE_OPTION_INPUT";
 function ListRenderModeInput(props) {
 	var _value$renderMode;
@@ -2521,29 +2550,6 @@ function ListRenderModeInput(props) {
 }
 ListRenderModeInput.componentKey = LIST_RENDER_MODE_OPTION_INPUT;
 
-//#endregion
-//#region src/views/components/show-time/index.tsx
-const DATE_SHOW_TIME_OPTION = "DATE_SHOW_TIME_OPTION";
-function DateShowTimeOption(props) {
-	var _value$bizInfo;
-	const { value, onChange } = props;
-	const localeService = useDependency(LocaleService);
-	return /* @__PURE__ */ jsx(FormLayout, { children: /* @__PURE__ */ jsx(Checkbox, {
-		checked: (_value$bizInfo = value.bizInfo) === null || _value$bizInfo === void 0 ? void 0 : _value$bizInfo.showTime,
-		onChange: (showTime) => {
-			onChange({
-				...value,
-				bizInfo: {
-					...value.bizInfo,
-					showTime
-				}
-			});
-		},
-		children: localeService.t("sheets-data-validation-ui.showTime.label")
-	}) });
-}
-DateShowTimeOption.componentKey = DATE_SHOW_TIME_OPTION;
-
 //#endregion
 //#region src/views/widgets/checkbox-widget.ts
 const MARGIN_H$2 = 6;
@@ -2789,10 +2795,6 @@ var CustomFormulaValidatorView = class extends BaseSheetDataValidatorView {
 	}
 };
 
-//#endregion
-//#region src/views/components/formula-input/formula-input.ts
-const BASE_FORMULA_INPUT_NAME = "data-validation.formula-input";
-
 //#endregion
 //#region src/views/validator-views/date-validator-view.ts
 /**
@@ -2841,7 +2843,7 @@ var DecimalValidatorView = class extends BaseSheetDataValidatorView {
 	constructor(..._args) {
 		super(..._args);
 		_defineProperty(this, "id", DataValidationType.DECIMAL);
-		_defineProperty(this, "formulaInput", BASE_FORMULA_INPUT_NAME$1);
+		_defineProperty(this, "formulaInput", BASE_FORMULA_INPUT_NAME);
 	}
 };
 
@@ -3512,7 +3514,7 @@ var TextLengthValidatorView = class extends BaseSheetDataValidatorView {
 	constructor(..._args) {
 		super(..._args);
 		_defineProperty(this, "id", DataValidationType.TEXT_LENGTH);
-		_defineProperty(this, "formulaInput", BASE_FORMULA_INPUT_NAME$1);
+		_defineProperty(this, "formulaInput", BASE_FORMULA_INPUT_NAME);
 	}
 };
 
@@ -3537,12 +3539,12 @@ var WholeValidatorView = class extends BaseSheetDataValidatorView {
 	constructor(..._args) {
 		super(..._args);
 		_defineProperty(this, "id", DataValidationType.WHOLE);
-		_defineProperty(this, "formulaInput", BASE_FORMULA_INPUT_NAME$1);
+		_defineProperty(this, "formulaInput", BASE_FORMULA_INPUT_NAME);
 	}
 };
 
 //#endregion
-//#region src/controllers/dv-ui.controller.ts
+//#region src/controllers/ui.controller.ts
 let SheetsDataValidationUIController = class SheetsDataValidationUIController extends RxDisposable {
 	constructor(_injector, _componentManger, _dataValidatorRegistryService) {
 		super();
@@ -3554,7 +3556,6 @@ let SheetsDataValidationUIController = class SheetsDataValidationUIController ex
 	}
 	_initComponents() {
 		[
-			["DataValidationIcon", DataValidationIcon],
 			[DATA_VALIDATION_PANEL, DataValidationPanel],
 			[ListRenderModeInput.componentKey, ListRenderModeInput],
 			[DateShowTimeOption.componentKey, DateShowTimeOption],
@@ -3605,6 +3606,8 @@ let UniverSheetsDataValidationMobileUIPlugin = class UniverSheetsDataValidationM
 		this._configService.setConfig(SHEETS_DATA_VALIDATION_UI_PLUGIN_CONFIG_KEY, rest);
 	}
 	onStarting() {
+		this._injector.add([ComponentsController]);
+		this._injector.get(ComponentsController);
 		[
 			[DataValidationPanelService],
 			[DataValidationDropdownManagerService],
@@ -3665,6 +3668,8 @@ let UniverSheetsDataValidationUIPlugin = class UniverSheetsDataValidationUIPlugi
 		this._configService.setConfig(SHEETS_DATA_VALIDATION_UI_PLUGIN_CONFIG_KEY, rest);
 	}
 	onStarting() {
+		this._injector.add([ComponentsController]);
+		this._injector.get(ComponentsController);
 		[
 			[DataValidationPanelService],
 			[DataValidationDropdownManagerService],
@@ -3716,4 +3721,4 @@ UniverSheetsDataValidationUIPlugin = __decorate([
 ], UniverSheetsDataValidationUIPlugin);
 
 //#endregion
-export { BaseSheetDataValidatorView, UniverSheetsDataValidationMobileUIPlugin, UniverSheetsDataValidationUIPlugin };
+export { UniverSheetsDataValidationMobileUIPlugin, UniverSheetsDataValidationUIPlugin };

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

@@ -1,6 +1,7 @@
 //#region src/locale/ar-SA.ts
 const locale = { "sheets-data-validation-ui": {
 	title: "التحقق من صحة البيانات",
+	operators: { legal: "نوع قانوني" },
 	validFail: {
 		value: "يُرجى إدخال قيمة",
 		common: "يُرجى إدخال قيمة أو صيغة",

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

@@ -1,6 +1,7 @@
 //#region src/locale/ca-ES.ts
 const locale = { "sheets-data-validation-ui": {
 	title: "Validació de dades",
+	operators: { legal: "és tipus legal" },
 	validFail: {
 		value: "Si us plau, introdueix un valor",
 		common: "Si us plau, introdueix un valor o una fórmula",

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

@@ -1,6 +1,7 @@
 //#region src/locale/de-DE.ts
 const locale = { "sheets-data-validation-ui": {
 	title: "Datenüberprüfung",
+	operators: { legal: "ist gültiger Typ" },
 	validFail: {
 		value: "Bitte einen Wert eingeben",
 		common: "Bitte Wert oder Formel eingeben",

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

@@ -16,6 +16,7 @@
 */
 const locale = { "sheets-data-validation-ui": {
 	title: "Data validation",
+	operators: { legal: "is legal type" },
 	validFail: {
 		value: "Please input a value",
 		common: "Please input value or formula",

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

@@ -1,6 +1,7 @@
 //#region src/locale/es-ES.ts
 const locale = { "sheets-data-validation-ui": {
 	title: "Validación de datos",
+	operators: { legal: "es tipo legal" },
 	validFail: {
 		value: "Por favor, introduce un valor",
 		common: "Por favor, introduce un valor o fórmula",

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

@@ -1,6 +1,7 @@
 //#region src/locale/fa-IR.ts
 const locale = { "sheets-data-validation-ui": {
 	title: "اعتبارسنجی داده",
+	operators: { legal: "نوع قانونی است" },
 	validFail: {
 		value: "لطفا یک مقدار وارد کنید",
 		common: "لطفا مقدار یا فرمول را وارد کنید",

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

@@ -1,6 +1,7 @@
 //#region src/locale/fr-FR.ts
 const locale = { "sheets-data-validation-ui": {
 	title: "Validation des données",
+	operators: { legal: "est de type légal" },
 	validFail: {
 		value: "Veuillez entrer une valeur",
 		common: "Veuillez entrer une valeur ou une formule",

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

@@ -1,6 +1,7 @@
 //#region src/locale/id-ID.ts
 const locale = { "sheets-data-validation-ui": {
 	title: "Validasi data",
+	operators: { legal: "tipe yang sah" },
 	validFail: {
 		value: "Harap masukkan nilai",
 		common: "Harap masukkan nilai atau rumus",

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

@@ -1,6 +1,7 @@
 //#region src/locale/it-IT.ts
 const locale = { "sheets-data-validation-ui": {
 	title: "Convalida dati",
+	operators: { legal: "è un tipo valido" },
 	validFail: {
 		value: "Inserisci un valore",
 		common: "Inserisci valore o formula",

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

@@ -1,6 +1,7 @@
 //#region src/locale/ja-JP.ts
 const locale = { "sheets-data-validation-ui": {
 	title: "データの入力規則",
+	operators: { legal: "有効な形式" },
 	validFail: {
 		value: "値を入力してください",
 		common: "値または数式を入力してください",

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

@@ -1,6 +1,7 @@
 //#region src/locale/ko-KR.ts
 const locale = { "sheets-data-validation-ui": {
 	title: "데이터 유효성 검사",
+	operators: { legal: "유효한 형식" },
 	validFail: {
 		value: "값을 입력하세요",
 		common: "값 또는 수식을 입력하세요",

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

@@ -1,6 +1,7 @@
 //#region src/locale/pl-PL.ts
 const locale = { "sheets-data-validation-ui": {
 	title: "Sprawdzanie poprawności danych",
+	operators: { legal: "jest prawidłowym typem" },
 	validFail: {
 		value: "Wprowadź wartość",
 		common: "Wprowadź wartość lub formułę",

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

@@ -1,6 +1,7 @@
 //#region src/locale/pt-BR.ts
 const locale = { "sheets-data-validation-ui": {
 	title: "Validação de dados",
+	operators: { legal: "é tipo válido" },
 	validFail: {
 		value: "Insira um valor",
 		common: "Insira um valor ou fórmula",

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

@@ -1,6 +1,7 @@
 //#region src/locale/ru-RU.ts
 const locale = { "sheets-data-validation-ui": {
 	title: "Проверка данных",
+	operators: { legal: "является допустимым типом" },
 	validFail: {
 		value: "Пожалуйста, введите значение",
 		common: "Пожалуйста, введите значение или формулу",

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

@@ -1,6 +1,7 @@
 //#region src/locale/sk-SK.ts
 const locale = { "sheets-data-validation-ui": {
 	title: "Overenie údajov",
+	operators: { legal: "je platný typ" },
 	validFail: {
 		value: "Zadajte hodnotu",
 		common: "Zadajte hodnotu alebo vzorec",

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

@@ -1,6 +1,7 @@
 //#region src/locale/vi-VN.ts
 const locale = { "sheets-data-validation-ui": {
 	title: "Xác thực dữ liệu",
+	operators: { legal: "là kiểu hợp lệ" },
 	validFail: {
 		value: "Vui lòng nhập một giá trị hợp lệ",
 		common: "Vui lòng nhập giá trị hoặc công thức",

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

@@ -1,6 +1,7 @@
 //#region src/locale/zh-CN.ts
 const locale = { "sheets-data-validation-ui": {
 	title: "数据验证",
+	operators: { legal: "是合法类型" },
 	validFail: {
 		value: "请输入一个合法值",
 		common: "请输入值或公式",

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

@@ -1,6 +1,7 @@
 //#region src/locale/zh-HK.ts
 const locale = { "sheets-data-validation-ui": {
 	title: "資料驗證",
+	operators: { legal: "是合法類型" },
 	validFail: {
 		value: "請輸入一個合法值",
 		common: "請輸入數值或公式",

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

@@ -1,6 +1,7 @@
 //#region src/locale/zh-TW.ts
 const locale = { "sheets-data-validation-ui": {
 	title: "資料驗證",
+	operators: { legal: "是合法類型" },
 	validFail: {
 		value: "請輸入一個合法值",
 		common: "請輸入數值或公式",