@univerjs/sheets-data-validation-ui 0.25.0-insiders.20260623-012b5a8 → 0.25.1

package/LICENSE

@@ -0,0 +1,176 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS

package/lib/cjs/index.js

@@ -45,10 +45,10 @@ let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region package.json
 var name = "@univerjs/sheets-data-validation-ui";
-var version = "0.25.0-insiders.20260623-012b5a8";
+var version = "0.25.1";
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -59,7 +59,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -72,14 +72,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.133.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.137.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -90,7 +90,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorateParam.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -98,7 +98,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.137.0/helpers/esm/decorate.js
+//#region \0@oxc-project+runtime@0.133.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);
@@ -199,6 +199,21 @@ 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 _univerjs_core.Disposable {
 	constructor(_sheetInterceptorService, _dataValidationModel, _dataValidatorRegistryService, _dialogService, _localeService, _sheetsDataValidationValidatorService) {
 		super();
@@ -288,10 +303,11 @@ let DataValidationDropdownManagerService = class DataValidationDropdownManagerSe
 	get activeDropdown() {
 		return this._activeDropdown;
 	}
-	constructor(_univerInstanceService, _dataValidatorRegistryService, _dataValidationModel, _sheetsSelectionsService, _cellDropdownManagerService, _sheetDataValidationModel, _commandService, _editorBridgeService, _injector, _configService) {
+	constructor(_univerInstanceService, _dataValidatorRegistryService, _zenZoneService, _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;
@@ -304,11 +320,19 @@ let DataValidationDropdownManagerService = class DataValidationDropdownManagerSe
 		_defineProperty(this, "_activeDropdown$", new rxjs.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, _univerjs_core.UniverInstanceType.UNIVER_SHEET) : this._univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
 		if (!workbook) return;
@@ -328,6 +352,7 @@ 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);
@@ -619,14 +644,15 @@ let DataValidationDropdownManagerService = class DataValidationDropdownManagerSe
 DataValidationDropdownManagerService = __decorate([
 	__decorateParam(0, _univerjs_core.IUniverInstanceService),
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_data_validation.DataValidatorRegistryService)),
-	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.SheetDataValidationModel)),
-	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetsSelectionsService)),
-	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.ISheetCellDropdownManagerService)),
-	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.SheetDataValidationModel)),
-	__decorateParam(6, _univerjs_core.ICommandService),
-	__decorateParam(7, _univerjs_sheets_ui.IEditorBridgeService),
-	__decorateParam(8, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
-	__decorateParam(9, _univerjs_core.IConfigService)
+	__decorateParam(2, _univerjs_ui.IZenZoneService),
+	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.SheetDataValidationModel)),
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetsSelectionsService)),
+	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.ISheetCellDropdownManagerService)),
+	__decorateParam(6, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.SheetDataValidationModel)),
+	__decorateParam(7, _univerjs_core.ICommandService),
+	__decorateParam(8, _univerjs_sheets_ui.IEditorBridgeService),
+	__decorateParam(9, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
+	__decorateParam(10, _univerjs_core.IConfigService)
 ], DataValidationDropdownManagerService);
 
 //#endregion
@@ -734,51 +760,23 @@ 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 _univerjs_core.Disposable {
-	constructor(_componentManager, _iconManager) {
-		super();
-		this._componentManager = _componentManager;
-		this._iconManager = _iconManager;
-		this._registerIcons();
-	}
-	_registerIcons() {
-		this.disposeWithMe(this._iconManager.register({ DataValidationIcon: _univerjs_icons.DataValidationIcon }));
-	}
-};
-ComponentsController = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)), __decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_ui.IconManager))], ComponentsController);
-
 //#endregion
 //#region src/controllers/dv-alert.controller.ts
 const ALERT_KEY = "SHEET_DATA_VALIDATION_ALERT";
 let DataValidationAlertController = class DataValidationAlertController extends _univerjs_core.Disposable {
-	constructor(_hoverManagerService, _cellAlertManagerService, _univerInstanceService, _localeService, _dataValidationModel) {
+	constructor(_hoverManagerService, _cellAlertManagerService, _univerInstanceService, _localeService, _zenZoneService, _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((0, rxjs.debounceTime)(100)).subscribe((cellPos) => {
@@ -823,13 +821,19 @@ 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, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.HoverManagerService)),
 	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.CellAlertManagerService)),
 	__decorateParam(2, _univerjs_core.IUniverInstanceService),
 	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService)),
-	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.SheetDataValidationModel))
+	__decorateParam(4, _univerjs_ui.IZenZoneService),
+	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.SheetDataValidationModel))
 ], DataValidationAlertController);
 
 //#endregion
@@ -1148,14 +1152,14 @@ function dataValidationMenuFactory(accessor) {
 		})
 	};
 }
-function openDataValidationMenuFactory() {
+function openDataValidationMenuFactory(_accessor) {
 	return {
 		id: OpenValidationPanelOperation.id,
 		title: "sheets-data-validation-ui.panel.title",
 		type: _univerjs_ui.MenuItemType.BUTTON
 	};
 }
-function addDataValidationMenuFactory() {
+function addDataValidationMenuFactory(_accessor) {
 	return {
 		id: AddSheetDataValidationAndOpenCommand.id,
 		title: "sheets-data-validation-ui.panel.add",
@@ -1492,7 +1496,7 @@ let SheetsDataValidationReRenderController = class SheetsDataValidationReRenderC
 SheetsDataValidationReRenderController = __decorate([__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.SheetDataValidationModel)), __decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.SheetSkeletonManagerService))], SheetsDataValidationReRenderController);
 
 //#endregion
-//#region src/views/components/DataValidationOptions.tsx
+//#region src/views/components/options/index.tsx
 function DataValidationOptions(props) {
 	var _value$errorStyle;
 	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
@@ -1548,7 +1552,7 @@ function DataValidationOptions(props) {
 }
 
 //#endregion
-//#region src/views/components/DataValidationDetail.tsx
+//#region src/views/components/detail/index.tsx
 const debounceExecuteFactory = (commandService) => (0, _univerjs_core.debounce)(async (id, params, options, callback) => {
 	const res = await commandService.executeCommand(id, params, options);
 	callback === null || callback === void 0 || callback(res);
@@ -1562,20 +1566,10 @@ function getSheetIdByName(univerInstanceService, unitId, name) {
 	return ((_univerInstanceServic2 = univerInstanceService.getCurrentUnitOfType(_univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _univerInstanceServic2 === void 0 || (_univerInstanceServic2 = _univerInstanceServic2.getSheetBySheetName(name)) === null || _univerInstanceServic2 === void 0 ? void 0 : _univerInstanceServic2.getSheetId()) || "";
 }
 function DataValidationDetail() {
-	const dataValidationPanelService = (0, _univerjs_ui.useDependency)(DataValidationPanelService);
-	const { unitId, subUnitId, rule } = (0, _univerjs_ui.useObservable)(dataValidationPanelService.activeRule$, dataValidationPanelService.activeRule) || {};
-	if (!unitId || !subUnitId || !rule) return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataValidationDetailInner, { activeRuleInfo: {
-		unitId,
-		subUnitId,
-		rule
-	} });
-}
-function DataValidationDetailInner(props) {
 	var _validators$sort, _localRule$allowBlank;
 	const [key, setKey] = (0, react.useState)(0);
 	const dataValidationPanelService = (0, _univerjs_ui.useDependency)(DataValidationPanelService);
-	const { unitId, subUnitId, rule } = props.activeRuleInfo;
+	const { unitId, subUnitId, rule } = (0, _univerjs_ui.useObservable)(dataValidationPanelService.activeRule$, dataValidationPanelService.activeRule) || {};
 	const ruleId = rule.uid;
 	const validatorService = (0, _univerjs_ui.useDependency)(_univerjs_data_validation.DataValidatorRegistryService);
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
@@ -1795,7 +1789,7 @@ function DataValidationDetailInner(props) {
 					value: `${localRule.operator}`,
 					options: [{
 						value: "",
-						label: localeService.t("sheets-data-validation-ui.operators.legal")
+						label: localeService.t("data-validation.operators.legal")
 					}, ...operators.map((op, i) => ({
 						value: `${op}`,
 						label: operatorNames[i]
@@ -1860,7 +1854,7 @@ function DataValidationDetailInner(props) {
 }
 
 //#endregion
-//#region src/views/components/DataValidationItem.tsx
+//#region src/views/components/item/index.tsx
 const DataValidationItem = (props) => {
 	const { rule, onClick, unitId, subUnitId, disable } = props;
 	const validatorRegistry = (0, _univerjs_ui.useDependency)(_univerjs_data_validation.DataValidatorRegistryService);
@@ -1941,7 +1935,7 @@ const DataValidationItem = (props) => {
 };
 
 //#endregion
-//#region src/views/components/DataValidationList.tsx
+//#region src/views/components/list/index.tsx
 function DataValidationList(props) {
 	const sheetDataValidationModel = (0, _univerjs_ui.useDependency)(_univerjs_sheets_data_validation.SheetDataValidationModel);
 	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
@@ -2035,7 +2029,7 @@ function DataValidationList(props) {
 }
 
 //#endregion
-//#region src/views/components/DataValidationPanel.tsx
+//#region src/views/components/panel/index.tsx
 const DataValidationPanel = () => {
 	const dataValidationPanelService = (0, _univerjs_ui.useDependency)(DataValidationPanelService);
 	const activeRule = (0, _univerjs_ui.useObservable)(dataValidationPanelService.activeRule$, dataValidationPanelService.activeRule);
@@ -2049,29 +2043,6 @@ const DataValidationPanel = () => {
 	return activeRule && (activeRule.subUnitId === worksheet.getSheetId() || activeRule.subUnitId === dataValidationPanelService.getFocusFormulaEditorActiveRuleSubUnitId()) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataValidationDetail, {}, activeRule.rule.uid) : /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.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) => {
@@ -2313,7 +2284,7 @@ const Template = (props) => {
 		children: [
 			!item.isRef && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: (0, _univerjs_design.clsx)("univer-cursor-move", "draggableHandle"),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.GripVerticalIcon, {})
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.SequenceIcon, {})
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ColorSelect, {
 				value: item.color,
@@ -2546,7 +2517,7 @@ const FORMULA_INPUTS = [
 ];
 
 //#endregion
-//#region src/views/components/ListRenderModeInput.tsx
+//#region src/views/components/render-mode/index.tsx
 const LIST_RENDER_MODE_OPTION_INPUT = "LIST_RENDER_MODE_OPTION_INPUT";
 function ListRenderModeInput(props) {
 	var _value$renderMode;
@@ -2579,6 +2550,29 @@ 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 = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.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;
@@ -2824,6 +2818,10 @@ 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
 /**
@@ -2845,7 +2843,7 @@ var DateValidatorView = class extends BaseSheetDataValidatorView {
 	constructor(..._args) {
 		super(..._args);
 		_defineProperty(this, "id", _univerjs_core.DataValidationType.DATE);
-		_defineProperty(this, "formulaInput", _univerjs_sheets_data_validation.BASE_FORMULA_INPUT_NAME);
+		_defineProperty(this, "formulaInput", BASE_FORMULA_INPUT_NAME);
 		_defineProperty(this, "optionsInput", DateShowTimeOption.componentKey);
 		_defineProperty(this, "dropdownType", _univerjs_data_validation.DataValidatorDropdownType.DATE);
 	}
@@ -3573,7 +3571,7 @@ var WholeValidatorView = class extends BaseSheetDataValidatorView {
 };
 
 //#endregion
-//#region src/controllers/ui.controller.ts
+//#region src/controllers/dv-ui.controller.ts
 let SheetsDataValidationUIController = class SheetsDataValidationUIController extends _univerjs_core.RxDisposable {
 	constructor(_injector, _componentManger, _dataValidatorRegistryService) {
 		super();
@@ -3585,6 +3583,7 @@ let SheetsDataValidationUIController = class SheetsDataValidationUIController ex
 	}
 	_initComponents() {
 		[
+			["DataValidationIcon", _univerjs_icons.DataValidationIcon],
 			[DATA_VALIDATION_PANEL, DataValidationPanel],
 			[ListRenderModeInput.componentKey, ListRenderModeInput],
 			[DateShowTimeOption.componentKey, DateShowTimeOption],
@@ -3635,8 +3634,6 @@ 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],
@@ -3697,8 +3694,6 @@ 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],
@@ -3750,6 +3745,12 @@ UniverSheetsDataValidationUIPlugin = __decorate([
 ], UniverSheetsDataValidationUIPlugin);
 
 //#endregion
+Object.defineProperty(exports, 'BaseSheetDataValidatorView', {
+  enumerable: true,
+  get: function () {
+    return BaseSheetDataValidatorView;
+  }
+});
 Object.defineProperty(exports, 'UniverSheetsDataValidationMobileUIPlugin', {
   enumerable: true,
   get: function () {

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

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

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

@@ -2,7 +2,6 @@
 //#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/cjs/locale/de-DE.js

@@ -2,7 +2,6 @@
 //#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/cjs/locale/en-US.js

@@ -17,7 +17,6 @@
 */
 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/cjs/locale/es-ES.js

@@ -2,7 +2,6 @@
 //#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",