@univerjs/sheets-data-validation-ui 0.20.1 → 0.21.0

package/lib/cjs/index.js

@@ -1 +1,3763 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`@univerjs/core`),l=require(`@univerjs/engine-render`),u=require(`@univerjs/sheets`),d=require(`@univerjs/sheets-data-validation`),f=require(`@univerjs/data-validation`),p=require(`@univerjs/ui`),m=require(`rxjs`),h=require(`@univerjs/sheets-numfmt`),g=require(`@univerjs/sheets-ui`),_=require(`@univerjs/design`),v=require(`react`);v=s(v);let y=require(`@univerjs/icons`),b=require(`@univerjs/engine-formula`),x=require(`@univerjs/sheets-formula-ui`),S=require(`react/jsx-runtime`);var C=`@univerjs/sheets-data-validation-ui`,w=`0.20.1`;function T(e){"@babel/helpers - typeof";return T=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},T(e)}function E(e,t){if(T(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(T(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function D(e){var t=E(e,`string`);return T(t)==`symbol`?t:t+``}function O(e,t,n){return(t=D(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function k(e,t){return function(n,r){t(n,r,e)}}function A(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}let j=class extends c.Disposable{get activeRule(){return this._activeRule}get isOpen(){return this._open$.getValue()}constructor(e,t){super(),this._univerInstanceService=e,this._sidebarService=t,O(this,`_open$`,new m.BehaviorSubject(!1)),O(this,`open$`,this._open$.pipe((0,m.distinctUntilChanged)())),O(this,`_activeRule`,void 0),O(this,`_activeRule$`,new m.BehaviorSubject(void 0)),O(this,`activeRule$`,this._activeRule$.asObservable()),O(this,`_closeDisposable`,null),O(this,`_focusFormulaEditorActiveRuleSubUnitId`,null),this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(c.UniverInstanceType.UNIVER_SHEET).pipe((0,m.filter)(e=>!e)).subscribe(()=>{this.close()})),this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe(e=>{e.id===`DataValidationPanel`&&(e.visible||setTimeout(()=>{this._sidebarService.sidebarOptions$.next({visible:!1})}))}))}dispose(){var e;super.dispose(),this._open$.next(!1),this._open$.complete(),this._activeRule$.complete(),(e=this._closeDisposable)==null||e.dispose()}open(){this._open$.next(!0)}close(){var e;this._open$.next(!1),(e=this._closeDisposable)==null||e.dispose()}setCloseDisposable(e){this._closeDisposable=(0,c.toDisposable)(()=>{e.dispose(),this._closeDisposable=null})}setActiveRule(e){this._activeRule=e,this._activeRule$.next(e)}setFocusFormulaEditorActiveRuleSubUnitId(e){this._focusFormulaEditorActiveRuleSubUnitId=e}getFocusFormulaEditorActiveRuleSubUnitId(){return this._focusFormulaEditorActiveRuleSubUnitId}};j=A([k(0,c.IUniverInstanceService),k(1,p.ISidebarService)],j);const M=`sheets-data-validation-ui.config`;Symbol(M);const N={};let P=class extends c.Disposable{constructor(e,t,n,r,i,a){super(),this._sheetInterceptorService=e,this._dataValidationModel=t,this._dataValidatorRegistryService=n,this._dialogService=r,this._localeService=i,this._sheetsDataValidationValidatorService=a,this._initEditorBridgeInterceptor()}_initEditorBridgeInterceptor(){this.disposeWithMe(this._sheetInterceptorService.writeCellInterceptor.intercept(u.VALIDATE_CELL,{handler:async(e,t,n)=>{let r=await e,{row:i,col:a,unitId:o,subUnitId:s}=t,l=this._dataValidationModel.getRuleIdByLocation(o,s,i,a),u=l?this._dataValidationModel.getRuleById(o,s,l):void 0;if(r===!1)return n(Promise.resolve(!1));if(!u||u.errorStyle!==c.DataValidationErrorStyle.STOP)return n(Promise.resolve(!0));let d=this._dataValidatorRegistryService.getValidatorItem(u.type);return!d||await this._sheetsDataValidationValidatorService.validatorCell(o,s,i,a)===c.DataValidationStatus.VALID?n(Promise.resolve(!0)):(this._dialogService.open({width:368,title:{title:this._localeService.t(`dataValidation.alert.title`)},id:`reject-input-dialog`,children:{title:d.getRuleFinalError(u,{row:i,col:a,unitId:o,subUnitId:s})},footer:{title:(0,v.createElement)(_.Button,{variant:`primary`,onClick:()=>this._dialogService.close(`reject-input-dialog`)},this._localeService.t(`dataValidation.alert.ok`))},onClose:()=>{this._dialogService.close(`reject-input-dialog`)}}),n(Promise.resolve(!1)))}}))}showReject(e){this._dialogService.open({width:368,title:{title:this._localeService.t(`dataValidation.alert.title`)},id:`reject-input-dialog`,children:{title:e},footer:{title:(0,v.createElement)(_.Button,{variant:`primary`,onClick:()=>this._dialogService.close(`reject-input-dialog`)},this._localeService.t(`dataValidation.alert.ok`))},onClose:()=>{this._dialogService.close(`reject-input-dialog`)}})}};P=A([k(0,(0,c.Inject)(u.SheetInterceptorService)),k(1,(0,c.Inject)(d.SheetDataValidationModel)),k(2,(0,c.Inject)(f.DataValidatorRegistryService)),k(3,p.IDialogService),k(4,(0,c.Inject)(c.LocaleService)),k(5,(0,c.Inject)(d.SheetsDataValidationValidatorService))],P);const F=e=>{if(e==null||typeof e==`boolean`)return;if(e===``)return(0,c.dateKit)();if(typeof e==`number`||!Number.isNaN(+e))return(0,c.dateKit)(c.numfmt.format(`yyyy-MM-dd HH:mm:ss`,Number(e)));let t=(0,c.dateKit)(e);if(t.isValid())return t};function I(e,t){if(e===(0,h.getPatternType)(t))return t;switch(e){case`datetime`:return`yyyy-MM-dd hh:mm:ss`;case`date`:return`yyyy-MM-dd`;case`time`:return`HH:mm:ss`}}let L=class extends c.Disposable{get activeDropdown(){return this._activeDropdown}constructor(e,t,n,r,i,a,o,s,c,l,u){super(),this._univerInstanceService=e,this._dataValidatorRegistryService=t,this._zenZoneService=n,this._dataValidationModel=r,this._sheetsSelectionsService=i,this._cellDropdownManagerService=a,this._sheetDataValidationModel=o,this._commandService=s,this._editorBridgeService=c,this._injector=l,this._configService=u,O(this,`_activeDropdown`,void 0),O(this,`_activeDropdown$`,new m.Subject),O(this,`_currentPopup`,null),O(this,`activeDropdown$`,this._activeDropdown$.asObservable()),O(this,`_zenVisible`,!1),this._init(),this._initSelectionChange(),this.disposeWithMe(()=>{this._activeDropdown$.complete()})}_init(){this.disposeWithMe(this._zenZoneService.visible$.subscribe(e=>{this._zenVisible=e,e&&this.hideDropdown()}))}_getDropdownByCell(e,t,n,r){let i=e?this._univerInstanceService.getUnit(e,c.UniverInstanceType.UNIVER_SHEET):this._univerInstanceService.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET);if(!i)return;let a=t?i.getSheetBySheetId(t):i.getActiveSheet();if(!a)return;let o=this._dataValidationModel.getRuleByLocation(i.getUnitId(),a.getSheetId(),n,r);if(!o)return;let s=this._dataValidatorRegistryService.getValidatorItem(o.type);return s==null?void 0:s.dropdownType}_initSelectionChange(){this.disposeWithMe(this._sheetsSelectionsService.selectionMoveEnd$.subscribe(e=>{e&&e.every(e=>!(e.primary&&this._getDropdownByCell(e.primary.unitId,e.primary.sheetId,e.primary.actualRow,e.primary.actualColumn)))&&this.hideDropdown()}))}showDropdown(e){let{location:t}=e,{row:n,col:r,unitId:i,subUnitId:a,workbook:o,worksheet:s}=t;if(this._currentPopup&&this._currentPopup.dispose(),this._zenVisible)return;this._activeDropdown=e,this._activeDropdown$.next(this._activeDropdown);let m=this._sheetDataValidationModel.getRuleByLocation(i,a,n,r);if(!m)return;let h=this._dataValidatorRegistryService.getValidatorItem(m.type);if(!(h!=null&&h.dropdownType))return;let _,v=async(e,t)=>{var d,f,_;if(!e)return!0;let v=e,y=s.getCell(n,r),b=v.format(t===`date`?`YYYY-MM-DD 00:00:00`:`YYYY-MM-DD HH:mm:ss`),x=(d=c.numfmt.parseDate(b))==null?void 0:d.v,S=t===`time`?x%1:x,C=o.getStyles().getStyleByCell(y),w=(f=C==null||(_=C.n)==null?void 0:_.pattern)==null?``:f;return m.errorStyle!==c.DataValidationErrorStyle.STOP||await h.validator({value:S,unitId:i,subUnitId:a,row:n,column:r,worksheet:s,workbook:o,interceptValue:b.replace(`Z`,``).replace(`T`,` `),t:c.CellValueType.NUMBER},m)?(await this._commandService.executeCommand(u.SetRangeValuesCommand.id,{unitId:i,subUnitId:a,range:{startColumn:r,endColumn:r,startRow:n,endRow:n},value:{v:S,t:2,p:null,f:null,si:null,s:{n:{pattern:I(t,w)}}}}),await this._commandService.executeCommand(g.SetCellEditVisibleOperation.id,{visible:!1,eventType:l.DeviceInputEventType.Keyboard,unitId:i,keycode:p.KeyCode.ESC}),!0):(this._injector.has(P)&&this._injector.get(P).showReject(h.getRuleFinalError(m,{row:n,col:r,unitId:i,subUnitId:a})),!1)},y;switch(h.dropdownType){case f.DataValidatorDropdownType.DATE:{var b;let e=F((0,d.getCellValueOrigin)(s.getCellRaw(n,r))),i=!!((b=m.bizInfo)!=null&&b.showTime);y={location:t,type:`datepicker`,props:{showTime:i,onChange:e=>v(e,i?`datetime`:`date`),defaultValue:e,patternType:`date`}};break}case f.DataValidatorDropdownType.TIME:y={location:t,type:`datepicker`,props:{onChange:e=>v(e,`time`),defaultValue:F((0,d.getCellValueOrigin)(s.getCellRaw(n,r))),patternType:`time`}};break;case f.DataValidatorDropdownType.DATETIME:y={location:t,type:`datepicker`,props:{onChange:e=>v(e,`datetime`),defaultValue:F((0,d.getCellValueOrigin)(s.getCellRaw(n,r))),patternType:`datetime`}};break;case f.DataValidatorDropdownType.LIST:case f.DataValidatorDropdownType.MULTIPLE_LIST:{var x,S,C,w;let e=h.dropdownType===f.DataValidatorDropdownType.MULTIPLE_LIST,o=async t=>{let o=(0,d.serializeListOptions)(t),s={unitId:i,subUnitId:a,range:{startColumn:r,endColumn:r,startRow:n,endRow:n},value:{v:o,p:null,f:null,si:null}};return this._commandService.executeCommand(u.SetRangeValuesCommand.id,s),this._editorBridgeService.isVisible().visible&&await this._commandService.executeCommand(g.SetCellEditVisibleOperation.id,{visible:!1,eventType:l.DeviceInputEventType.Keyboard,unitId:i,keycode:p.KeyCode.ESC}),!e},v=(m==null?void 0:m.renderMode)===c.DataValidationRenderMode.CUSTOM||(m==null?void 0:m.renderMode)===void 0,b=h.getListWithColor(m,i,a),T=(0,d.getDataValidationCellValue)(s.getCellRaw(n,r));y={location:t,type:`list`,props:{onChange:e=>o(e),options:b.map(e=>({label:e.label,value:e.label,color:v||e.color?e.color||`#ECECEC`:`transparent`})),onEdit:()=>{this._commandService.executeCommand(z.id,{ruleId:m.uid}),_==null||_.dispose()},defaultValue:T,multiple:e,showEdit:(x=(S=this._configService.getConfig(`sheets-data-validation-ui.config`))==null?void 0:S.showEditOnDropdown)==null?!0:x,showSearch:(C=(w=this._configService.getConfig(`sheets-data-validation-ui.config`))==null?void 0:w.showSearchOnDropdown)==null?!0:C}};break}case f.DataValidatorDropdownType.CASCADE:var T;y={type:`cascader`,props:{onChange:e=>{let t={unitId:i,subUnitId:a,range:{startColumn:r,endColumn:r,startRow:n,endRow:n},value:{v:e.join(`/`),p:null,f:null,si:null}};return this._commandService.syncExecuteCommand(u.SetRangeValuesCommand.id,t),this._editorBridgeService.isVisible().visible&&this._commandService.syncExecuteCommand(g.SetCellEditVisibleOperation.id,{visible:!1,eventType:l.DeviceInputEventType.Keyboard,unitId:i,keycode:p.KeyCode.ESC}),!0},defaultValue:(0,d.getDataValidationCellValue)(s.getCellRaw(n,r)).split(`/`),options:JSON.parse((T=m.formula1)==null?`[]`:T)},location:t};break;case f.DataValidatorDropdownType.COLOR:y={type:`color`,props:{onChange:e=>{let t={unitId:i,subUnitId:a,range:{startColumn:r,endColumn:r,startRow:n,endRow:n},value:{v:e,p:null,f:null,si:null}};return this._commandService.syncExecuteCommand(u.SetRangeValuesCommand.id,t),this._editorBridgeService.isVisible().visible&&this._commandService.syncExecuteCommand(g.SetCellEditVisibleOperation.id,{visible:!1,eventType:l.DeviceInputEventType.Keyboard,unitId:i,keycode:p.KeyCode.ESC}),!0},defaultValue:(0,d.getDataValidationCellValue)(s.getCellRaw(n,r))},location:t};break;default:throw Error(`[DataValidationDropdownManagerService]: unknown type!`)}if(_=this._cellDropdownManagerService.showDropdown({...y,onHide:()=>{this._activeDropdown=null,this._activeDropdown$.next(null)}}),!_)throw Error(`[DataValidationDropdownManagerService]: cannot show dropdown!`);let E=new c.DisposableCollection;E.add(_),E.add({dispose:()=>{var e,t;(e=this._activeDropdown)==null||(t=e.onHide)==null||t.call(e)}}),this._currentPopup=E}hideDropdown(){this._activeDropdown&&(this._currentPopup&&this._currentPopup.dispose(),this._currentPopup=null,this._activeDropdown=null,this._activeDropdown$.next(null))}showDataValidationDropdown(e,t,n,r,i){let a=this._univerInstanceService.getUnit(e,c.UniverInstanceType.UNIVER_SHEET);if(!a)return;let o=a.getSheetBySheetId(t);if(!o)return;let s=this._dataValidationModel.getRuleByLocation(a.getUnitId(),o.getSheetId(),n,r);if(!s)return;let l=this._dataValidatorRegistryService.getValidatorItem(s.type);if(!l||!l.dropdownType){this.hideDropdown();return}this.showDropdown({location:{workbook:a,worksheet:o,row:n,col:r,unitId:e,subUnitId:t},onHide:i})}};L=A([k(0,c.IUniverInstanceService),k(1,(0,c.Inject)(f.DataValidatorRegistryService)),k(2,p.IZenZoneService),k(3,(0,c.Inject)(d.SheetDataValidationModel)),k(4,(0,c.Inject)(u.SheetsSelectionsService)),k(5,(0,c.Inject)(g.ISheetCellDropdownManagerService)),k(6,(0,c.Inject)(d.SheetDataValidationModel)),k(7,c.ICommandService),k(8,g.IEditorBridgeService),k(9,(0,c.Inject)(c.Injector)),k(10,c.IConfigService)],L);const R=`DataValidationPanel`,z={id:`data-validation.operation.open-validation-panel`,type:c.CommandType.OPERATION,handler(e,t){if(!t)return!1;let{ruleId:n,isAdd:r}=t,i=e.get(j),a=e.get(f.DataValidationModel),o=e.get(c.IUniverInstanceService),s=e.get(p.ISidebarService),l=(0,u.getSheetCommandTarget)(o);if(!l)return!1;let{unitId:d,subUnitId:m}=l,h=n?a.getRuleById(d,m,n):void 0;i.open(),i.setActiveRule(h&&{unitId:d,subUnitId:m,rule:h});let g=s.open({id:R,header:{title:r?`dataValidation.panel.addTitle`:`dataValidation.panel.title`},children:{label:R},width:312,onClose:()=>i.close()});return i.setCloseDisposable(g),!0}},B={id:`data-validation.operation.close-validation-panel`,type:c.CommandType.OPERATION,handler(e){return e.get(j).close(),!0}},V={id:`data-validation.operation.toggle-validation-panel`,type:c.CommandType.OPERATION,handler(e){let t=e.get(c.ICommandService),n=e.get(j);return n.open(),n.isOpen?t.executeCommand(B.id):t.executeCommand(z.id),!0}},H={type:c.CommandType.OPERATION,id:`sheet.operation.show-data-validation-dropdown`,handler(e,t){if(!t)return!1;let n=e.get(L),{unitId:r,subUnitId:i,row:a,column:o}=t,s=n.activeDropdown,c=s==null?void 0:s.location;return c&&c.unitId===r&&c.subUnitId===i&&c.row===a&&c.col===o||n.showDataValidationDropdown(r,i,a,o),!0}},U={type:c.CommandType.OPERATION,id:`sheet.operation.hide-data-validation-dropdown`,handler(e,t){return t?(e.get(L).hideDropdown(),!0):!1}},W={type:c.CommandType.COMMAND,id:`data-validation.command.addRuleAndOpen`,handler(e){let t=(0,u.getSheetCommandTarget)(e.get(c.IUniverInstanceService));if(!t)return!1;let{workbook:n,worksheet:r}=t,i=(0,d.createDefaultNewRule)(e),a=e.get(c.ICommandService),o={rule:i,unitId:n.getUnitId(),subUnitId:r.getSheetId()};return a.syncExecuteCommand(d.AddSheetDataValidationCommand.id,o)?(a.syncExecuteCommand(z.id,{ruleId:i.uid,isAdd:!0}),!0):!1}},G=`SHEET_DATA_VALIDATION_ALERT`;let K=class extends c.Disposable{constructor(e,t,n,r,i,a){super(),this._hoverManagerService=e,this._cellAlertManagerService=t,this._univerInstanceService=n,this._localeService=r,this._zenZoneService=i,this._dataValidationModel=a,this._init()}_init(){this._initCellAlertPopup(),this._initZenService()}_initCellAlertPopup(){this.disposeWithMe(this._hoverManagerService.currentCell$.pipe((0,m.debounceTime)(100)).subscribe(e=>{if(e){let n=this._univerInstanceService.getUnit(e.location.unitId,c.UniverInstanceType.UNIVER_SHEET),r=n.getSheetBySheetId(e.location.subUnitId);if(!r)return;let i=this._dataValidationModel.getRuleByLocation(e.location.unitId,e.location.subUnitId,e.location.row,e.location.col);if(!i){this._cellAlertManagerService.removeAlert(G);return}if(this._dataValidationModel.validator(i,{...e.location,workbook:n,worksheet:r})===c.DataValidationStatus.INVALID){var t;let n=this._cellAlertManagerService.currentAlert.get(G),r=n==null||(t=n.alert)==null?void 0:t.location;if(r&&r.row===e.location.row&&r.col===e.location.col&&r.subUnitId===e.location.subUnitId&&r.unitId===e.location.unitId){this._cellAlertManagerService.removeAlert(G);return}let a=this._dataValidationModel.getValidator(i.type);if(!a){this._cellAlertManagerService.removeAlert(G);return}this._cellAlertManagerService.showAlert({type:g.CellAlertType.ERROR,title:this._localeService.t(`dataValidation.error.title`),message:a==null?void 0:a.getRuleFinalError(i,e.location),location:e.location,width:200,height:74,key:G});return}}this._cellAlertManagerService.removeAlert(G)}))}_initZenService(){this.disposeWithMe(this._zenZoneService.visible$.subscribe(e=>{e&&this._cellAlertManagerService.removeAlert(G)}))}};K=A([k(0,(0,c.Inject)(g.HoverManagerService)),k(1,(0,c.Inject)(g.CellAlertManagerService)),k(2,c.IUniverInstanceService),k(3,(0,c.Inject)(c.LocaleService)),k(4,p.IZenZoneService),k(5,(0,c.Inject)(d.SheetDataValidationModel))],K);let q=class extends c.Disposable{constructor(e,t,n){super(),this._autoFillService=e,this._sheetDataValidationModel=t,this._injector=n,this._initAutoFill()}_initAutoFill(){let e=()=>({redos:[],undos:[]}),t=(e,t)=>{let{source:n,target:r,unitId:i,subUnitId:a}=e,o=this._sheetDataValidationModel.getRuleObjectMatrix(i,a).clone(),s=(0,g.virtualizeDiscreteRanges)([n,r]),[l,f]=s.ranges,{mapFunc:p}=s,m={row:l.startRow,col:l.startColumn},h=u.AutoFillTools.getAutoFillRepeatRange(l,f),_=new c.ObjectMatrix,v=new Set;h.forEach(e=>{let t=e.repeatStartCell,n=e.relativeRange,r={startRow:m.row,startColumn:m.col,endColumn:m.col,endRow:m.row},o={startRow:t.row,startColumn:t.col,endColumn:t.col,endRow:t.row};c.Range.foreach(n,(e,t)=>{let n=c.Rectangle.getPositionRange({startRow:e,startColumn:t,endColumn:t,endRow:e},r),{row:s,col:l}=p(n.startRow,n.startColumn),u=this._sheetDataValidationModel.getRuleIdByLocation(i,a,s,l)||``,d=c.Rectangle.getPositionRange({startRow:e,startColumn:t,endColumn:t,endRow:e},o),{row:f,col:m}=p(d.startRow,d.startColumn);_.setValue(f,m,u),v.add(u)})});let y=Array.from(v).map(e=>({id:e,ranges:(0,c.queryObjectMatrix)(_,t=>t===e)}));o.addRangeRules(y);let{redoMutations:b,undoMutations:x}=(0,d.getDataValidationDiffMutations)(i,a,o.diff(this._sheetDataValidationModel.getRules(i,a)),this._injector,`patched`,t===u.AUTO_FILL_APPLY_TYPE.ONLY_FORMAT);return{undos:x,redos:b}},n={id:d.DATA_VALIDATION_PLUGIN_NAME,onBeforeFillData:e=>{let{source:t,unitId:n,subUnitId:r}=e;for(let e of t.rows)for(let i of t.cols){let t=this._sheetDataValidationModel.getRuleByLocation(n,r,e,i);if(t&&t.type===c.DataValidationType.CHECKBOX){this._autoFillService.setDisableApplyType(u.AUTO_FILL_APPLY_TYPE.SERIES,!0);return}}},onFillData:(n,r,i)=>i===u.AUTO_FILL_APPLY_TYPE.COPY||i===u.AUTO_FILL_APPLY_TYPE.ONLY_FORMAT||i===u.AUTO_FILL_APPLY_TYPE.SERIES?t(n,i):e(),onAfterFillData:()=>{}};this.disposeWithMe(this._autoFillService.addHook(n))}};q=A([k(0,u.IAutoFillService),k(1,(0,c.Inject)(d.SheetDataValidationModel)),k(2,(0,c.Inject)(c.Injector))],q);const ee=[g.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_COL_WIDTH,g.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_VALUE,g.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMAT,g.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMULA];let J=class extends c.Disposable{constructor(e,t,n,r){super(),this._sheetClipboardService=e,this._sheetDataValidationModel=t,this._injector=n,this._univerInstanceService=r,O(this,`_copyInfo`,void 0),this._initCopyPaste()}_initCopyPaste(){this._sheetClipboardService.addClipboardHook({id:d.DATA_VALIDATION_PLUGIN_NAME,onBeforeCopy:(e,t,n)=>this._collect(e,t,n),onPasteCells:(e,t,n,r)=>!e||!this._copyInfo||ee.includes(r.pasteType)?{redos:[],undos:[]}:this._generateMutations(e,t,r)})}_collect(e,t,n){let r=new c.ObjectMatrix;this._copyInfo={unitId:e,subUnitId:t,matrix:r};let i=this._injector.invoke(r=>(0,u.rangeToDiscreteRange)(n,r,e,t));if(!i)return;let{rows:a,cols:o}=i;a.forEach((n,i)=>{o.forEach((a,o)=>{let s=this._sheetDataValidationModel.getRuleIdByLocation(e,t,n,a);r.setValue(i,o,s==null?``:s)})})}_generateMutations(e,t,n){let{unitId:r,subUnitId:i,range:a}=e,{unitId:o,subUnitId:s,range:l}=t,{copyType:f=g.COPY_TYPE.COPY}=n;if(!(0,u.getSheetCommandTarget)(this._univerInstanceService,{unitId:o,subUnitId:s}))return{redos:[],undos:[]};if(f===g.COPY_TYPE.CUT&&o===r&&s===i)return this._copyInfo=null,{redos:[],undos:[]};if(o!==r||s!==i){let e=this._sheetDataValidationModel.getRuleObjectMatrix(o,s).clone(),t=new c.ObjectMatrix,n=new Set,{ranges:[u,p],mapFunc:m}=(0,g.virtualizeDiscreteRanges)([a,l]),h=(0,g.getRepeatRange)(u,p,!0),_=new Map;h.forEach(({startRange:e})=>{var a;(a=this._copyInfo)==null||a.matrix.forValue((a,l,u)=>{let d=c.Rectangle.getPositionRange({startRow:a,endRow:a,startColumn:l,endColumn:l},e),f=`${i}-${u}`,p=this._sheetDataValidationModel.getRuleById(r,i,u);!this._sheetDataValidationModel.getRuleById(o,s,f)&&p&&_.set(f,{...p,uid:f});let{row:h,col:g}=m(d.startRow,d.startColumn);n.add(f),t.setValue(h,g,f)})});let v=Array.from(n).map(e=>({id:e,ranges:(0,c.queryObjectMatrix)(t,t=>t===e)}));e.addRangeRules(v);let{redoMutations:y,undoMutations:b}=(0,d.getDataValidationDiffMutations)(o,s,e.diffWithAddition(this._sheetDataValidationModel.getRules(o,s),_.values()),this._injector,`patched`,!1);if(f===g.COPY_TYPE.CUT){let e=this._sheetDataValidationModel.getRuleObjectMatrix(r,i).clone(),t=m(u.startRow,u.startColumn),n=m(u.endRow,u.endColumn);e.addRangeRules([{id:``,ranges:[{startRow:t.row,endRow:n.row,startColumn:t.col,endColumn:n.col}]}]);let{redoMutations:a,undoMutations:o}=(0,d.getDataValidationDiffMutations)(r,i,e.diff(this._sheetDataValidationModel.getRules(r,i)),this._injector,`patched`,!1);y.push(...a),b.push(...o)}return{redos:y,undos:b}}else{let e=this._sheetDataValidationModel.getRuleObjectMatrix(r,i).clone(),t=new c.ObjectMatrix,n=new Set,{ranges:[u,f],mapFunc:p}=(0,g.virtualizeDiscreteRanges)([a,l]);(0,g.getRepeatRange)(u,f,!0).forEach(({startRange:e})=>{var r;(r=this._copyInfo)==null||r.matrix.forValue((r,i,a)=>{let o=c.Rectangle.getPositionRange({startRow:r,endRow:r,startColumn:i,endColumn:i},e),{row:s,col:l}=p(o.startRow,o.startColumn);t.setValue(s,l,a),n.add(a)})});let m=Array.from(n).map(e=>({id:e,ranges:(0,c.queryObjectMatrix)(t,t=>t===e)}));e.addRangeRules(m);let{redoMutations:h,undoMutations:_}=(0,d.getDataValidationDiffMutations)(o,s,e.diff(this._sheetDataValidationModel.getRules(r,i)),this._injector,`patched`,!1);return{redos:h,undos:_}}}};J=A([k(0,g.ISheetClipboardService),k(1,(0,c.Inject)(d.SheetDataValidationModel)),k(2,(0,c.Inject)(c.Injector)),k(3,(0,c.Inject)(c.IUniverInstanceService))],J);let Y=class extends c.Disposable{constructor(e,t,n){super(),this._localeService=e,this._commandService=t,this._sheetPermissionCheckController=n,this._commandExecutedListener()}_commandExecutedListener(){this.disposeWithMe(this._commandService.beforeCommandExecuted(e=>{if(e.id===d.AddSheetDataValidationCommand.id){let{unitId:t,subUnitId:n,rule:{ranges:r}}=e.params;this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[u.WorkbookEditablePermission],rangeTypes:[u.RangeProtectionPermissionEditPoint],worksheetTypes:[u.WorksheetEditPermission,u.WorksheetSetCellStylePermission]},r,t,n)||this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t(`permission.dialog.setStyleErr`))}if(e.id===d.UpdateSheetDataValidationRangeCommand.id){let{unitId:t,subUnitId:n,ranges:r}=e.params;this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[u.WorkbookEditablePermission],rangeTypes:[u.RangeProtectionPermissionEditPoint],worksheetTypes:[u.WorksheetEditPermission,u.WorksheetSetCellStylePermission]},r,t,n)||this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t(`permission.dialog.setStyleErr`))}}))}};Y=A([k(0,(0,c.Inject)(c.LocaleService)),k(1,c.ICommandService),k(2,(0,c.Inject)(u.SheetPermissionCheckController))],Y);const te=`sheet.menu.data-validation`;function X(e){return{id:te,type:p.MenuItemType.SUBITEMS,icon:`DataValidationIcon`,tooltip:`dataValidation.title`,hidden$:(0,p.getMenuHiddenObservable)(e,c.UniverInstanceType.UNIVER_SHEET),disabled$:(0,g.getCurrentRangeDisable$)(e,{workbookTypes:[u.WorkbookEditablePermission],worksheetTypes:[u.WorksheetSetCellStylePermission,u.WorksheetEditPermission],rangeTypes:[u.RangeProtectionPermissionEditPoint]})}}function ne(e){return{id:z.id,title:`dataValidation.panel.title`,type:p.MenuItemType.BUTTON}}function re(e){return{id:W.id,title:`dataValidation.panel.add`,type:p.MenuItemType.BUTTON}}const ie={[p.RibbonDataGroup.RULES]:{[te]:{order:0,menuItemFactory:X,[z.id]:{order:0,menuItemFactory:ne},[W.id]:{order:1,menuItemFactory:re}}}},ae={tr:{size:6,color:`#fe4b4b`}};let Z=class extends c.RxDisposable{constructor(e,t,n,r,i,a,o,s,c,l,u){super(),this._commandService=e,this._menuManagerService=t,this._renderManagerService=n,this._univerInstanceService=r,this._autoHeightController=i,this._dropdownManagerService=a,this._sheetDataValidationModel=o,this._dataValidatorRegistryService=s,this._sheetInterceptorService=c,this._dataValidationCacheService=l,this._editorBridgeService=u,this._initMenu(),this._initDropdown(),this._initViewModelIntercept(),this._initAutoHeight()}_initMenu(){this._menuManagerService.mergeMenu(ie)}_initDropdown(){this._editorBridgeService&&this.disposeWithMe(this._editorBridgeService.visible$.subscribe(e=>{if(!e.visible){var t;((t=this._dropdownManagerService.activeDropdown)==null?void 0:t.trigger)===`editor-bridge`&&this._dropdownManagerService.hideDropdown();return}let n=this._editorBridgeService.getEditCellState();if(n){let{unitId:e,sheetId:t,row:r,column:i}=n,a=this._univerInstanceService.getUniverSheetInstance(e);if(!a)return;let o=this._sheetDataValidationModel.getRuleByLocation(e,t,r,i);if(!o)return;let s=this._dataValidatorRegistryService.getValidatorItem(o.type);if(!(s!=null&&s.dropdownType))return;let c=a.getActiveSheet();if(!c)return;let l=this._dropdownManagerService.activeDropdown,u=l==null?void 0:l.location;if(u&&u.unitId===e&&u.subUnitId===t&&u.row===r&&u.col===i)return;this._dropdownManagerService.showDropdown({location:{unitId:e,subUnitId:t,row:r,col:i,workbook:a,worksheet:c},trigger:`editor-bridge`,closeOnOutSide:!1})}}))}_initViewModelIntercept(){this.disposeWithMe(this._sheetInterceptorService.intercept(u.INTERCEPTOR_POINT.CELL_CONTENT,{effect:c.InterceptorEffectEnum.Style,priority:u.InterceptCellContentPriority.DATA_VALIDATION,handler:(e,t,n)=>{var r,i,a,o,s;let{row:l,col:u,unitId:f,subUnitId:p,workbook:m,worksheet:h}=t,_=this._sheetDataValidationModel.getRuleIdByLocation(f,p,l,u);if(!_)return n(e);let v=this._sheetDataValidationModel.getRuleById(f,p,_);if(!v)return n(e);let y=(r=this._dataValidationCacheService.getValue(f,p,l,u))==null?c.DataValidationStatus.VALID:r,b=this._dataValidatorRegistryService.getValidatorItem(v.type),x=t.rawData,S,C={get value(){var e;return S===void 0&&(S=(e=(0,d.getCellValueOrigin)(x))==null?null:e),S}},w={get value(){var e;return`${(e=C.value)==null?``:e}`}};return(!e||e===t.rawData)&&(e={...t.rawData}),e.markers={...e==null?void 0:e.markers,...y===c.DataValidationStatus.INVALID?ae:null},e.customRender=[...(i=e==null?void 0:e.customRender)==null?[]:i,...b!=null&&b.canvasRender?[b.canvasRender]:[]],e.fontRenderExtension={...e==null?void 0:e.fontRenderExtension,isSkip:(e==null||(a=e.fontRenderExtension)==null?void 0:a.isSkip)||(b==null||(o=b.skipDefaultFontRender)==null?void 0:o.call(b,v,C.value,t))},e.interceptorStyle={...e==null?void 0:e.interceptorStyle,...b==null?void 0:b.getExtraStyle(v,w.value,{get style(){let t=m.getStyles();return(typeof(e==null?void 0:e.s)==`string`?t.get(e==null?void 0:e.s):e==null?void 0:e.s)||{}}},l,u)},e.interceptorAutoHeight=()=>{var t,n,r,i,a;let o=(t=this._renderManagerService.getRenderById(f))==null||(t=t.with(g.SheetSkeletonManagerService).getSkeletonParam(p))==null?void 0:t.skeleton;if(!o)return;let s=o.worksheet.getMergedCell(l,u),c={data:e,style:o.getStyles().getStyleByCell(e),primaryWithCoord:o.getCellWithCoordByIndex((n=s==null?void 0:s.startRow)==null?l:n,(r=s==null?void 0:s.startColumn)==null?u:r),unitId:f,subUnitId:p,row:l,col:u,workbook:m,worksheet:h};return b==null||(i=b.canvasRender)==null||(a=i.calcCellAutoHeight)==null?void 0:a.call(i,c)},e.interceptorAutoWidth=()=>{var t,n,r,i,a;let o=(t=this._renderManagerService.getRenderById(f))==null||(t=t.with(g.SheetSkeletonManagerService).getSkeletonParam(p))==null?void 0:t.skeleton;if(!o)return;let s=o.worksheet.getMergedCell(l,u),c={data:e,style:o.getStyles().getStyleByCell(e),primaryWithCoord:o.getCellWithCoordByIndex((n=s==null?void 0:s.startRow)==null?l:n,(r=s==null?void 0:s.startColumn)==null?u:r),unitId:f,subUnitId:p,row:l,col:u,workbook:m,worksheet:h};return b==null||(i=b.canvasRender)==null||(a=i.calcCellAutoWidth)==null?void 0:a.call(i,c)},e.coverable=((s=e==null?void 0:e.coverable)==null?!0:s)&&!(v.type===c.DataValidationType.LIST||v.type===c.DataValidationType.LIST_MULTIPLE),n(e)}}))}_initAutoHeight(){this._sheetDataValidationModel.ruleChange$.pipe((0,m.filter)(e=>e.source===`command`),(0,m.bufferTime)(100)).subscribe(e=>{if(e.length===0)return;let t=[];e.forEach(e=>{if(e.rule.type===c.DataValidationType.LIST_MULTIPLE||e.rule.type===c.DataValidationType.LIST){var n;(n=e.rule)!=null&&n.ranges&&t.push(...e.rule.ranges)}}),t.length&&(0,c.sequenceExecute)(this._autoHeightController.getUndoRedoParamsOfAutoHeight(t).redos,this._commandService)})}};Z=A([k(0,c.ICommandService),k(1,p.IMenuManagerService),k(2,l.IRenderManagerService),k(3,c.IUniverInstanceService),k(4,(0,c.Inject)(g.AutoHeightController)),k(5,(0,c.Inject)(L)),k(6,(0,c.Inject)(d.SheetDataValidationModel)),k(7,(0,c.Inject)(f.DataValidatorRegistryService)),k(8,(0,c.Inject)(u.SheetInterceptorService)),k(9,(0,c.Inject)(d.DataValidationCacheService)),k(10,(0,c.Optional)(g.IEditorBridgeService))],Z);let oe=class extends c.RxDisposable{constructor(e,t,n,r,i,a,o){super(),this._commandService=e,this._renderManagerService=t,this._autoHeightController=n,this._dataValidatorRegistryService=r,this._sheetInterceptorService=i,this._sheetDataValidationModel=a,this._dataValidationCacheService=o,this._initViewModelIntercept(),this._initAutoHeight()}_initViewModelIntercept(){this.disposeWithMe(this._sheetInterceptorService.intercept(u.INTERCEPTOR_POINT.CELL_CONTENT,{effect:c.InterceptorEffectEnum.Style,priority:u.InterceptCellContentPriority.DATA_VALIDATION,handler:(e,t,n)=>{var r,i,a,o,s;let{row:l,col:u,unitId:f,subUnitId:p,workbook:m,worksheet:h}=t,_=this._sheetDataValidationModel.getRuleIdByLocation(f,p,l,u);if(!_)return n(e);let v=this._sheetDataValidationModel.getRuleById(f,p,_);if(!v)return n(e);let y=(r=this._dataValidationCacheService.getValue(f,p,l,u))==null?c.DataValidationStatus.VALID:r,b=this._dataValidatorRegistryService.getValidatorItem(v.type),x=(0,d.getCellValueOrigin)(h.getCellRaw(l,u)),S=`${x==null?``:x}`;return(!e||e===t.rawData)&&(e={...t.rawData}),e.markers={...e==null?void 0:e.markers,...y===c.DataValidationStatus.INVALID?ae:null},e.customRender=[...(i=e==null?void 0:e.customRender)==null?[]:i,...b!=null&&b.canvasRender?[b.canvasRender]:[]],e.fontRenderExtension={...e==null?void 0:e.fontRenderExtension,isSkip:(e==null||(a=e.fontRenderExtension)==null?void 0:a.isSkip)||(b==null||(o=b.skipDefaultFontRender)==null?void 0:o.call(b,v,x,t))},e.interceptorStyle={...e==null?void 0:e.interceptorStyle,...b==null?void 0:b.getExtraStyle(v,S,{get style(){let t=m.getStyles();return(typeof(e==null?void 0:e.s)==`string`?t.get(e==null?void 0:e.s):e==null?void 0:e.s)||{}}},l,u)},e.interceptorAutoHeight=()=>{var t,n,r,i,a;let o=(t=this._renderManagerService.getRenderById(f))==null||(t=t.with(g.SheetSkeletonManagerService).getSkeletonParam(p))==null?void 0:t.skeleton;if(!o)return;let s=o.worksheet.getMergedCell(l,u),c={data:e,style:o.getStyles().getStyleByCell(e),primaryWithCoord:o.getCellWithCoordByIndex((n=s==null?void 0:s.startRow)==null?l:n,(r=s==null?void 0:s.startColumn)==null?u:r),unitId:f,subUnitId:p,row:l,col:u,workbook:m,worksheet:h};return b==null||(i=b.canvasRender)==null||(a=i.calcCellAutoHeight)==null?void 0:a.call(i,c)},e.interceptorAutoWidth=()=>{var t,n,r,i,a;let o=(t=this._renderManagerService.getRenderById(f))==null||(t=t.with(g.SheetSkeletonManagerService).getSkeletonParam(p))==null?void 0:t.skeleton;if(!o)return;let s=o.worksheet.getMergedCell(l,u),c={data:e,style:o.getStyles().getStyleByCell(e),primaryWithCoord:o.getCellWithCoordByIndex((n=s==null?void 0:s.startRow)==null?l:n,(r=s==null?void 0:s.startColumn)==null?u:r),unitId:f,subUnitId:p,row:l,col:u,workbook:m,worksheet:h};return b==null||(i=b.canvasRender)==null||(a=i.calcCellAutoWidth)==null?void 0:a.call(i,c)},e.coverable=((s=e==null?void 0:e.coverable)==null?!0:s)&&!(v.type===c.DataValidationType.LIST||v.type===c.DataValidationType.LIST_MULTIPLE),n(e)}}))}_initAutoHeight(){this._sheetDataValidationModel.ruleChange$.pipe((0,m.filter)(e=>e.source===`command`),(0,m.bufferTime)(16)).subscribe(e=>{let t=[];e.forEach(e=>{if(e.rule.type===c.DataValidationType.LIST_MULTIPLE||e.rule.type===c.DataValidationType.LIST){var n;(n=e.rule)!=null&&n.ranges&&t.push(...e.rule.ranges)}}),t.length&&(0,c.sequenceExecute)(this._autoHeightController.getUndoRedoParamsOfAutoHeight(t).redos,this._commandService)})}};oe=A([k(0,c.ICommandService),k(1,l.IRenderManagerService),k(2,(0,c.Inject)(g.AutoHeightController)),k(3,(0,c.Inject)(f.DataValidatorRegistryService)),k(4,(0,c.Inject)(u.SheetInterceptorService)),k(5,(0,c.Inject)(d.SheetDataValidationModel)),k(6,(0,c.Inject)(d.DataValidationCacheService))],oe);let se=class extends c.Disposable{constructor(e,t,n){super(),this._context=e,this._sheetDataValidationModel=t,this._sheetSkeletonManagerService=n,this._initSkeletonChange()}_initSkeletonChange(){this.disposeWithMe(this._sheetDataValidationModel.validStatusChange$.pipe((0,c.bufferDebounceTime)(16)).subscribe(e=>{var t;if(!e.length)return;let n=new Set;e.forEach(e=>{n.add(e.subUnitId)}),n.forEach(e=>{var t;(t=this._sheetSkeletonManagerService.getSkeletonParam(e))==null||t.skeleton.makeDirty(!0)}),(t=this._context.mainComponent)==null||t.makeForceDirty()}))}};se=A([k(1,(0,c.Inject)(d.SheetDataValidationModel)),k(2,(0,c.Inject)(g.SheetSkeletonManagerService))],se);function ce(e){var t;let n=(0,p.useDependency)(c.LocaleService),r=(0,p.useDependency)(p.ComponentManager),{value:i,onChange:a,extraComponent:o}=e,[s,l]=(0,v.useState)(!1),u=o?r.get(o):null;return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsxs)(`div`,{className:`univer-mb-3 univer-flex univer-cursor-pointer univer-items-center univer-text-sm univer-text-gray-900 dark:!univer-text-white`,onClick:()=>l(!s),children:[n.t(`dataValidation.panel.options`),s?(0,S.jsx)(y.MoreUpIcon,{className:`univer-ml-1`}):(0,S.jsx)(y.MoreDownIcon,{className:`univer-ml-1`})]}),s&&(0,S.jsxs)(S.Fragment,{children:[u?(0,S.jsx)(u,{value:i,onChange:a}):null,(0,S.jsx)(_.FormLayout,{label:n.t(`dataValidation.panel.invalid`),children:(0,S.jsxs)(_.RadioGroup,{value:`${(t=i.errorStyle)==null?c.DataValidationErrorStyle.WARNING:t}`,onChange:e=>a({...i,errorStyle:+e}),children:[(0,S.jsx)(_.Radio,{value:`${c.DataValidationErrorStyle.WARNING}`,children:n.t(`dataValidation.panel.showWarning`)}),(0,S.jsx)(_.Radio,{value:`${c.DataValidationErrorStyle.STOP}`,children:n.t(`dataValidation.panel.rejectInput`)})]})}),(0,S.jsx)(_.FormLayout,{label:n.t(`dataValidation.panel.messageInfo`),children:(0,S.jsx)(_.Checkbox,{checked:i.showErrorMessage,onChange:()=>a({...i,showErrorMessage:!i.showErrorMessage}),children:n.t(`dataValidation.panel.showInfo`)})}),i.showErrorMessage?(0,S.jsx)(_.FormLayout,{children:(0,S.jsx)(_.Input,{value:i.error,onChange:e=>a({...i,error:e})})}):null]})]})}const le=e=>(0,c.debounce)(async(t,n,r,i)=>{let a=await e.executeCommand(t,n,r);i==null||i(a)},1e3);function ue(e,t,n){var r;if(t){var i;return((i=e.getUnit(t))==null||(i=i.getSheetBySheetName(n))==null?void 0:i.getSheetId())||``}return((r=e.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET))==null||(r=r.getSheetBySheetName(n))==null?void 0:r.getSheetId())||``}function de(){var e,t;let[n,r]=(0,v.useState)(0),i=(0,p.useDependency)(j),{unitId:a,subUnitId:o,rule:s}=(0,p.useObservable)(i.activeRule$,i.activeRule)||{},l=s.uid,h=(0,p.useDependency)(f.DataValidatorRegistryService),g=(0,p.useDependency)(c.IUniverInstanceService),y=(0,p.useDependency)(p.ComponentManager),C=(0,p.useDependency)(c.ICommandService),w=(0,p.useDependency)(f.DataValidationModel),T=(0,p.useDependency)(c.LocaleService),E=(0,p.useObservable)(()=>g.getCurrentTypeOfUnit$(c.UniverInstanceType.UNIVER_SHEET),void 0,void 0,[]),D=(0,p.useObservable)(()=>{var e;return(e=E==null?void 0:E.activeSheet$)==null?(0,m.of)(null):e},void 0,void 0,[]),[O,k]=(0,v.useState)(s),A=h.getValidatorItem(O.type),[M,N]=(0,v.useState)(!1),P=h.getValidatorsByScope(f.DataValidatorRegistryScope.SHEET),[F,I]=(0,v.useState)(()=>O.ranges.map(e=>({unitId:``,sheetId:``,range:e}))),L=(0,v.useMemo)(()=>le(C),[C]),[R,z]=(0,v.useState)(!1),[B,V]=(0,v.useState)(!1),H=(0,v.useRef)(null),U=(0,p.useDependency)(u.SheetsSelectionsService);if((0,v.useEffect)(()=>()=>{let e=U.getCurrentLastSelection();e&&U.setSelections([e])},[U]),(0,v.useEffect)(()=>{C.onCommandExecuted(e=>{(e.id===c.UndoCommand.id||e.id===c.RedoCommand.id)&&setTimeout(()=>{let e=w.getRuleById(a,o,l);r(e=>e+1),e&&(k(e),I(e.ranges.map(e=>({unitId:``,sheetId:``,range:e}))))},20)})},[C,w,l,o,a]),!A)return null;let W=A.operators,G=A.operatorNames,K=O.operator?f.TWO_FORMULA_OPERATOR_COUNT.includes(O.operator):!1,q=()=>{(D==null?void 0:D.getSheetId())!==o&&C.syncExecuteCommand(u.SetWorksheetActiveOperation.id,{unitId:a,subUnitId:o})},ee=()=>{var e;if(!((e=H.current)==null||(e=e.editor)==null)&&e.isFocus()){var t;J((t=H.current)==null?void 0:t.getValue())}!O.ranges.length||R||(A.validatorFormula(O,a,o).success?i.setActiveRule(null):N(!0),q())},J=(0,p.useEvent)(e=>{let t=e.split(`,`).filter(Boolean).map(b.deserializeRangeWithSheet).map(e=>{let t=e.sheetName;if(t){let n=ue(g,e.unitId,t);return{...e,sheetId:n}}return{...e,sheetId:``}});if((0,c.isUnitRangesEqual)(t,F))return;I(t);let n=t.filter(e=>(!e.unitId||e.unitId===a)&&(!e.sheetId||e.sheetId===o)).map(e=>e.range);if(k({...O,ranges:n}),n.length===0)return;let r={unitId:a,subUnitId:o,ruleId:l,ranges:n};L(d.UpdateSheetDataValidationRangeCommand.id,r)}),Y=e=>{if((0,c.shallowEqual)(e,(0,f.getRuleSetting)(O)))return;k({...O,...e});let t={unitId:a,subUnitId:o,ruleId:l,setting:e};L(d.UpdateSheetDataValidationSettingCommand.id,t,void 0)},te=async()=>{await C.executeCommand(d.RemoveSheetDataValidationCommand.id,{ruleId:l,unitId:a,subUnitId:o}),i.setActiveRule(null),q()},X={type:O.type,operator:O.operator,formula1:O.formula1,formula2:O.formula2,allowBlank:O.allowBlank},ne=e=>{let t=h.getValidatorItem(e);if(!t)return;let n=t.operators,r=w.getRuleById(a,o,l),i=e===(r==null?void 0:r.type)||e.includes(`list`)&&r!=null&&r.type.includes(`list`)?{...r,type:e}:{...O,type:e,operator:n[0],formula1:void 0,formula2:void 0};k(i),C.executeCommand(d.UpdateSheetDataValidationSettingCommand.id,{unitId:a,subUnitId:o,ruleId:O.uid,setting:(0,f.getRuleSetting)(i)})},re=y.get(A.formulaInput),ie=(0,v.useMemo)(()=>F.map(e=>(0,b.serializeRange)(e.range)).join(`,`),[]),ae=(0,f.getRuleOptions)(O),Z=e=>{(0,c.shallowEqual)(e,(0,f.getRuleOptions)(O))||(k({...O,...e}),L(d.UpdateSheetDataValidationOptionsCommand.id,{unitId:a,subUnitId:o,ruleId:l,options:e}))},oe=W.length&&!O.operator;return(0,S.jsxs)(`div`,{"data-u-comp":`data-validation-detail`,className:`univer-py-2`,children:[(0,S.jsx)(_.FormLayout,{label:T.t(`dataValidation.panel.range`),error:!O.ranges.length||R?T.t(`dataValidation.panel.rangeError`):``,children:(0,S.jsx)(x.RangeSelector,{selectorRef:H,unitId:a,subUnitId:o,initialValue:ie,onChange:(e,t)=>{var n;!B&&(n=H.current)!=null&&n.verify()&&J(t)},onFocusChange:(e,t)=>{var n;V(e),!e&&t&&(n=H.current)!=null&&n.verify()&&J(t)},onVerify:e=>z(!e)})}),(0,S.jsx)(_.FormLayout,{label:T.t(`dataValidation.panel.type`),children:(0,S.jsx)(_.Select,{className:`univer-w-full`,value:O.type,options:P==null||(e=P.sort((e,t)=>e.order-t.order))==null?void 0:e.map(e=>({label:T.t(e.title),value:e.id})),onChange:ne})}),W!=null&&W.length?(0,S.jsx)(_.FormLayout,{label:T.t(`dataValidation.panel.operator`),children:(0,S.jsx)(_.Select,{className:`univer-w-full`,value:`${O.operator}`,options:[{value:``,label:T.t(`dataValidation.operators.legal`)},...W.map((e,t)=>({value:`${e}`,label:G[t]}))],onChange:e=>{Y({...X,operator:e})}})}):null,re&&!oe?(0,S.jsx)(re,{isTwoFormula:K,value:{formula1:O.formula1,formula2:O.formula2},onChange:e=>{Y({...X,...e})},showError:M,validResult:A.validatorFormula(O,a,o),unitId:a,subUnitId:o,ruleId:l},n+O.type):null,(0,S.jsx)(_.FormLayout,{children:(0,S.jsx)(_.Checkbox,{checked:(t=O.allowBlank)==null?!0:t,onChange:()=>{var e;return Y({...X,allowBlank:!((e=O.allowBlank)==null||e)})},children:T.t(`dataValidation.panel.allowBlank`)})}),(0,S.jsx)(ce,{value:ae,onChange:Z,extraComponent:A.optionsInput}),(0,S.jsxs)(`div`,{className:`univer-mt-5 univer-flex univer-flex-row univer-justify-end`,children:[(0,S.jsx)(_.Button,{className:`univer-ml-3`,onClick:te,children:T.t(`dataValidation.panel.removeRule`)}),(0,S.jsx)(_.Button,{className:`univer-ml-3`,variant:`primary`,onClick:ee,children:T.t(`dataValidation.panel.done`)})]})]})}const fe=e=>{let{rule:t,onClick:n,unitId:r,subUnitId:i,disable:a}=e,o=(0,p.useDependency)(f.DataValidatorRegistryService),s=(0,p.useDependency)(c.ICommandService),l=(0,p.useDependency)(g.IMarkSelectionService),u=o.getValidatorItem(t.type),m=(0,v.useRef)(void 0),[h,x]=(0,v.useState)(!1),C=(0,p.useDependency)(c.ThemeService),w=(0,v.useMemo)(()=>{var e;let t=C.getColorFromTheme(`primary.600`),n=C.getColorFromTheme(`loop-color.2`),r=(e=C.getColorFromTheme(n))==null?t:e,i=new c.ColorKit(r).toRgb();return{fill:`rgba(${i.r}, ${i.g}, ${i.b}, 0.1)`,stroke:r}},[(0,p.useObservable)(C.currentTheme$)]),T=e=>{s.executeCommand(d.RemoveSheetDataValidationCommand.id,{ruleId:t.uid,unitId:r,subUnitId:i}),e.stopPropagation()};return(0,v.useEffect)(()=>()=>{if(m.current){var e;(e=m.current)==null||e.forEach(e=>{e&&l.removeShape(e)})}},[l]),(0,S.jsxs)(`div`,{className:(0,_.clsx)(`univer-bg-secondary univer-relative univer--mx-2 univer-box-border univer-flex univer-w-[287px] univer-cursor-pointer univer-flex-col univer-justify-between univer-overflow-hidden univer-rounded-md univer-p-2 univer-pr-9`,{"hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-700":!a,"univer-opacity-50":a}),onClick:n,onMouseEnter:()=>{a||(x(!0),m.current=t.ranges.map(e=>l.addShape({range:e,style:w,primary:null})))},onMouseLeave:()=>{var e;x(!1),(e=m.current)==null||e.forEach(e=>{e&&l.removeShape(e)}),m.current=void 0},children:[(0,S.jsx)(`div`,{className:`univer-truncate univer-text-sm univer-font-medium univer-leading-[22px] univer-text-gray-900 dark:!univer-text-white`,children:u==null?void 0:u.generateRuleName(t)}),(0,S.jsx)(`div`,{className:`univer-text-secondary univer-truncate univer-text-xs univer-leading-[18px] dark:!univer-text-gray-300`,children:t.ranges.map(e=>(0,b.serializeRange)(e)).join(`,`)}),h?(0,S.jsx)(`div`,{className:`univer-absolute univer-right-2 univer-top-[19px] univer-flex univer-size-5 univer-items-center univer-justify-center univer-rounded hover:univer-bg-gray-200 dark:!univer-text-gray-300 dark:hover:!univer-bg-gray-700`,onClick:T,children:(0,S.jsx)(y.DeleteIcon,{})}):null]})};function pe(e){let t=(0,p.useDependency)(d.SheetDataValidationModel),n=(0,p.useDependency)(c.IUniverInstanceService),r=(0,p.useDependency)(c.ICommandService),i=(0,p.useDependency)(c.Injector),a=(0,p.useDependency)(j),o=(0,p.useDependency)(c.LocaleService),[s,l]=(0,v.useState)([]),{workbook:f}=e,m=(0,p.useObservable)(f.activeSheet$,void 0,!0),h=f.getUnitId(),g=m==null?void 0:m.getSheetId();(0,v.useEffect)(()=>{l(t.getRules(h,g));let e=t.ruleChange$.subscribe(e=>{e.unitId===h&&e.subUnitId===g&&l(t.getRules(h,g))});return()=>{e.unsubscribe()}},[h,g,t]);let y=async()=>{let e=(0,d.createDefaultNewRule)(i),t={unitId:h,subUnitId:g,rule:e};await r.executeCommand(d.AddSheetDataValidationCommand.id,t),a.setActiveRule({unitId:h,subUnitId:g,rule:e})},b=()=>{r.executeCommand(d.RemoveSheetAllDataValidationCommand.id,{unitId:h,subUnitId:g})},x=(e=>{let t=n.getCurrentUnitForType(c.UniverInstanceType.UNIVER_SHEET),r=t.getActiveSheet(),a=t.getUnitId(),o=r.getSheetId();return e.map(e=>(0,u.checkRangesEditablePermission)(i,a,o,e.ranges)?{...e}:{...e,disable:!0})})(s),C=x==null?void 0:x.some(e=>e.disable);return(0,S.jsxs)(`div`,{className:`univer-pb-4`,children:[x==null?void 0:x.map(e=>{var t;return(0,S.jsx)(fe,{unitId:h,subUnitId:g,onClick:()=>{e.disable||a.setActiveRule({unitId:h,subUnitId:g,rule:e})},rule:e,disable:(t=e.disable)==null?!1:t},e.uid)}),(0,S.jsxs)(`div`,{className:`univer-mt-4 univer-flex univer-flex-row univer-justify-end univer-gap-2`,children:[s.length&&!C?(0,S.jsx)(_.Button,{onClick:b,children:o.t(`dataValidation.panel.removeAll`)}):null,(0,S.jsx)(_.Button,{variant:`primary`,onClick:y,children:o.t(`dataValidation.panel.add`)})]})]})}const me=()=>{let e=(0,p.useDependency)(j),t=(0,p.useObservable)(e.activeRule$,e.activeRule),n=(0,p.useDependency)(c.IUniverInstanceService),r=(0,p.useObservable)(()=>n.getCurrentTypeOfUnit$(c.UniverInstanceType.UNIVER_SHEET),void 0,void 0,[]),i=(0,p.useObservable)(()=>{var e;return(e=r==null?void 0:r.activeSheet$)==null?(0,m.of)(null):e},void 0,void 0,[]);return!r||!i?null:t&&(t.subUnitId===i.getSheetId()||t.subUnitId===e.getFocusFormulaEditorActiveRuleSubUnitId())?(0,S.jsx)(de,{},t.rule.uid):(0,S.jsx)(pe,{workbook:r})},he=e=>{let{isTwoFormula:t=!1,value:n,onChange:r,showError:i,validResult:a}=e,o=(0,p.useDependency)(c.LocaleService),s=i?a==null?void 0:a.formula1:``,l=i?a==null?void 0:a.formula2:``;return t?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(_.FormLayout,{error:s,children:(0,S.jsx)(_.Input,{className:`univer-w-full`,placeholder:o.t(`dataValidation.panel.formulaPlaceholder`),value:n==null?void 0:n.formula1,onChange:e=>{r==null||r({...n,formula1:e})}})}),(0,S.jsx)(`div`,{className:`-univer-mt-2 univer-mb-1 univer-text-sm univer-text-gray-400`,children:o.t(`dataValidation.panel.formulaAnd`)}),(0,S.jsx)(_.FormLayout,{error:l,children:(0,S.jsx)(_.Input,{className:`univer-w-full`,placeholder:o.t(`dataValidation.panel.formulaPlaceholder`),value:n==null?void 0:n.formula2,onChange:e=>{r==null||r({...n,formula2:e})}})})]}):(0,S.jsx)(_.FormLayout,{error:s,children:(0,S.jsx)(_.Input,{className:`univer-w-full`,placeholder:o.t(`dataValidation.panel.formulaPlaceholder`),value:n==null?void 0:n.formula1,onChange:e=>{r==null||r({formula1:e})}})})};function ge(e){let{value:t,onChange:n,showError:r,validResult:i}=e,a=(0,p.useDependency)(c.LocaleService),o=r?i==null?void 0:i.formula1:``,s=r?i==null?void 0:i.formula2:``,[l,u]=(0,v.useState)(!((t==null?void 0:t.formula1)===void 0&&(t==null?void 0:t.formula2)===void 0));return(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(_.FormLayout,{children:(0,S.jsx)(_.Checkbox,{checked:l,onChange:e=>{e?u(!0):(u(!1),n==null||n({...t,formula1:void 0,formula2:void 0}))},children:a.t(`dataValidation.checkbox.tips`)})}),l?(0,S.jsx)(_.FormLayout,{label:a.t(`dataValidation.checkbox.checked`),error:o,children:(0,S.jsx)(_.Input,{className:`univer-w-full`,placeholder:a.t(`dataValidation.panel.valuePlaceholder`),value:t==null?void 0:t.formula1,onChange:e=>{n==null||n({...t,formula1:e||void 0})}})}):null,l?(0,S.jsx)(_.FormLayout,{label:a.t(`dataValidation.checkbox.unchecked`),error:s,children:(0,S.jsx)(_.Input,{className:`univer-w-full`,placeholder:a.t(`dataValidation.panel.valuePlaceholder`),value:t==null?void 0:t.formula2,onChange:e=>{n==null||n({...t,formula2:e||void 0})}})}):null]})}function _e(e){var t;let{unitId:n,subUnitId:r,value:i,onChange:a,showError:o,validResult:s}=e,c=o?s==null?void 0:s.formula1:void 0,l=(0,v.useRef)(null),[u,d]=(0,v.useState)(!1);return(0,p.useSidebarClick)(e=>{var t;(t=l.current)!=null&&t.isClickOutSide(e)&&d(!1)}),(0,S.jsx)(_.FormLayout,{error:c,children:(0,S.jsx)(x.FormulaEditor,{ref:l,className:(0,_.clsx)(`univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent`,_.borderClassName),initValue:(t=i==null?void 0:i.formula1)==null?`=`:t,unitId:n,subUnitId:r,isFocus:u,isSupportAcrossSheet:!0,onChange:e=>{let t=(e==null?``:e).trim();t!==(i==null?void 0:i.formula1)&&(a==null||a({...i,formula1:t}))},onFocus:()=>d(!0)})})}const ve=[`#FFFFFF`,`#FEE7E7`,`#FEF0E6`,`#EFFBD0`,`#E4F4FE`,`#E8ECFD`,`#F1EAFA`,`#FDE8F3`,`#E5E5E5`,`#FDCECE`,`#FDC49B`,`#DEF6A2`,`#9FDAFF`,`#D0D9FB`,`#E3D5F6`,`#FBD0E8`,`#656565`,`#FE4B4B`,`#FF8C51`,`#8BBB11`,`#0B9EFB`,`#3A60F7`,`#9E6DE3`,`#F248A6`],ye=e=>{let{value:t,onChange:n,disabled:r}=e,[i,a]=(0,v.useState)(!1);return(0,S.jsx)(_.Dropdown,{align:`start`,disabled:r,open:i,onOpenChange:a,overlay:(0,S.jsx)(`div`,{className:`univer-box-border univer-grid univer-w-fit univer-grid-cols-6 univer-flex-wrap univer-gap-2 univer-p-1.5`,children:ve.map(e=>(0,S.jsx)(`div`,{className:(0,_.clsx)(`univer-box-border univer-size-4 univer-cursor-pointer univer-rounded`,_.borderClassName),style:{background:e},onClick:()=>{n(e),a(!1)}},e))}),children:(0,S.jsxs)(`div`,{className:(0,_.clsx)(`univer-box-border univer-inline-flex univer-h-8 univer-w-16 univer-cursor-pointer univer-items-center univer-justify-between univer-gap-2 univer-rounded-lg univer-bg-white univer-px-2.5 univer-transition-colors univer-duration-200 hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white`,_.borderClassName),children:[(0,S.jsx)(`div`,{className:`univer-box-border univer-size-4 univer-rounded univer-text-base`,style:{background:t}}),(0,S.jsx)(y.MoreDownIcon,{})]})})},be=e=>{let{item:t,commonProps:n,className:r}=e,{onItemChange:i,onItemDelete:a}=n;return(0,S.jsxs)(`div`,{className:(0,_.clsx)(`univer-flex univer-items-center univer-gap-2`,r),children:[!t.isRef&&(0,S.jsx)(`div`,{className:(0,_.clsx)(`univer-cursor-move`,`draggableHandle`),children:(0,S.jsx)(y.SequenceIcon,{})}),(0,S.jsx)(ye,{value:t.color,onChange:e=>{i(t.id,t.label,e)}}),(0,S.jsx)(_.Input,{disabled:t.isRef,value:t.label,onChange:e=>{i(t.id,e,t.color)}}),t.isRef?null:(0,S.jsx)(`div`,{className:`univer-ml-1 univer-cursor-pointer univer-rounded univer-text-base hover:univer-bg-gray-200`,children:(0,S.jsx)(y.DeleteIcon,{onClick:()=>a(t.id)})})]})};function xe(e){let{value:t,onChange:n=()=>{},unitId:r,subUnitId:i,validResult:a,showError:o,ruleId:s}=e,{formula1:l=``,formula2:u=``}=t||{},[h,g]=(0,v.useState)(()=>(0,c.isFormulaString)(l)?`1`:`0`),[b,C]=(0,v.useState)(h===`1`?l:`=`),[w,T]=(0,v.useState)(h===`1`?l:`=`),E=(0,p.useDependency)(c.LocaleService),D=(0,p.useDependency)(f.DataValidatorRegistryService),O=(0,p.useDependency)(f.DataValidationModel),k=(0,p.useDependency)(d.DataValidationFormulaController),A=(0,p.useDependency)(j),[M,N]=(0,v.useState)(()=>u.split(`,`)),P=D.getValidatorItem(c.DataValidationType.LIST),[F,I]=(0,v.useState)([]),[L,R]=(0,v.useState)(``),z=o?a==null?void 0:a.formula1:``,B=(0,p.useObservable)((0,v.useMemo)(()=>O.ruleChange$.pipe((0,m.debounceTime)(16)),[])),V=(0,p.useEvent)(n);(0,v.useEffect)(()=>{(async()=>{await new Promise(e=>{setTimeout(()=>e(!0),100)});let e=O.getRuleById(r,i,s);(0,c.isFormulaString)(e==null?void 0:e.formula1)&&P&&e&&I(await P.getListAsync(e,r,i))})()},[O,B,P,s,i,r]),(0,v.useEffect)(()=>{(0,c.isFormulaString)(l)&&l!==w&&(C(l),T(w))},[w,l]);let[H,U]=(0,v.useState)(()=>{let e=h===`1`?[]:(0,d.deserializeListOptions)(l),t=u.split(`,`);return e.map((e,n)=>({label:e,color:t[n]||`#ECECEC`,isRef:!1,id:(0,c.generateRandomId)(4)}))}),W=(e,t,n)=>{let r=H.find(t=>t.id===e);r&&(r.label=t,r.color=n,U([...H]))},G=e=>{let t=H.findIndex(t=>t.id===e);t!==-1&&(H.splice(t,1),U([...H]))},K=u.split(`,`),q=(0,v.useMemo)(()=>F.map((e,t)=>({label:e,color:K[t]||`#ECECEC`,id:`${t}`,isRef:!0})),[K,F]),ee=(e,t,n)=>{let r=[...M];r[+e]=n,N(r),V({formula1:l,formula2:r.join(`,`)})},J=()=>{U([...H,{label:``,color:`#ECECEC`,isRef:!1,id:(0,c.generateRandomId)(4)}])};(0,v.useEffect)(()=>{if(h===`1`)return;let e=new Set,t=[];H.map(e=>({labelList:e.label.split(`,`),item:e})).forEach(({item:n,labelList:r})=>{r.forEach(r=>{e.has(r)||(e.add(r),t.push({label:r,color:n.color}))})}),V({formula1:(0,d.serializeListOptions)(t.map(e=>e.label)),formula2:t.map(e=>e.color===`#ECECEC`?``:e.color).join(`,`)})},[H,V,h,w,M]);let Y=(0,p.useEvent)(async e=>{if(!(0,c.isFormulaString)(e)){V==null||V({formula1:``,formula2:u});return}k.getFormulaRefCheck(e)?(V==null||V({formula1:(0,c.isFormulaString)(e)?e:``,formula2:u}),R(``)):(V==null||V({formula1:``,formula2:u}),C(`=`),R(E.t(`dataValidation.validFail.formulaError`)))}),te=(0,v.useRef)(null),[X,ne]=(0,v.useState)(!1);return(0,p.useSidebarClick)(e=>{var t;(t=te.current)!=null&&t.isClickOutSide(e)&&ne(!1)}),(0,v.useEffect)(()=>{X?A.setFocusFormulaEditorActiveRuleSubUnitId(i):A.setFocusFormulaEditorActiveRuleSubUnitId(null)},[X,i,A]),(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(_.FormLayout,{label:E.t(`dataValidation.list.options`),children:(0,S.jsxs)(_.RadioGroup,{value:h,onChange:e=>{g(e),C(w),e===`1`&&V({formula1:w===`=`?``:w,formula2:M.join(`,`)})},children:[(0,S.jsx)(_.Radio,{value:`0`,children:E.t(`dataValidation.list.customOptions`)}),(0,S.jsx)(_.Radio,{value:`1`,children:E.t(`dataValidation.list.refOptions`)})]})}),h===`1`?(0,S.jsxs)(_.FormLayout,{error:z||L||void 0,children:[(0,S.jsx)(x.FormulaEditor,{ref:te,className:(0,_.clsx)(`univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent`,_.borderClassName),initValue:b,unitId:r,subUnitId:i,isFocus:X,isSupportAcrossSheet:!0,onFocus:()=>ne(!0),onChange:(e=``)=>{let t=(e==null?``:e).trim();T(t),Y(t)}}),q.length>0&&(0,S.jsx)(`div`,{className:`univer-mt-3`,children:q.map(e=>(0,S.jsx)(be,{className:`univer-mb-3`,item:e,commonProps:{onItemChange:ee}},e.id))})]}):(0,S.jsx)(_.FormLayout,{error:z,children:(0,S.jsxs)(`div`,{className:`-univer-mt-3`,children:[(0,S.jsx)(_.DraggableList,{list:H,onListChange:U,rowHeight:28,margin:[0,12],draggableHandle:`.draggableHandle`,itemRender:e=>(0,S.jsx)(be,{item:e,commonProps:{onItemChange:W,onItemDelete:G}},e.id),idKey:`id`}),(0,S.jsxs)(`a`,{className:`univer-text-primary univer-flex univer-w-fit univer-cursor-pointer univer-flex-row univer-items-center univer-rounded univer-p-1 univer-px-2 univer-text-sm hover:univer-bg-primary-50 dark:hover:!univer-bg-gray-800`,onClick:J,children:[(0,S.jsx)(y.IncreaseIcon,{className:`univer-mr-1`}),E.t(`dataValidation.list.add`)]})]})})]})}const Se=[[d.CUSTOM_FORMULA_INPUT_NAME,_e],[d.BASE_FORMULA_INPUT_NAME,he],[d.LIST_FORMULA_INPUT_NAME,xe],[d.CHECKBOX_FORMULA_INPUT_NAME,ge]];function Ce(e){var t;let{value:n,onChange:r}=e,i=(0,p.useDependency)(c.LocaleService);return(0,S.jsx)(_.FormLayout,{label:i.t(`dataValidation.renderMode.label`),children:(0,S.jsxs)(_.RadioGroup,{value:`${(t=n.renderMode)==null?c.DataValidationRenderMode.CUSTOM:t}`,onChange:e=>r({...n,renderMode:+e}),children:[(0,S.jsx)(_.Radio,{value:`${c.DataValidationRenderMode.CUSTOM}`,children:i.t(`dataValidation.renderMode.chip`)}),(0,S.jsx)(_.Radio,{value:`${c.DataValidationRenderMode.ARROW}`,children:i.t(`dataValidation.renderMode.arrow`)}),(0,S.jsx)(_.Radio,{value:`${c.DataValidationRenderMode.TEXT}`,children:i.t(`dataValidation.renderMode.text`)})]})})}Ce.componentKey=`LIST_RENDER_MODE_OPTION_INPUT`;function we(e){var t;let{value:n,onChange:r}=e,i=(0,p.useDependency)(c.LocaleService);return(0,S.jsx)(_.FormLayout,{children:(0,S.jsx)(_.Checkbox,{checked:(t=n.bizInfo)==null?void 0:t.showTime,onChange:e=>{r({...n,bizInfo:{...n.bizInfo,showTime:e}})},children:i.t(`dataValidation.showTime.label`)})})}we.componentKey=`DATE_SHOW_TIME_OPTION`;let Te=class{_calc(e,t){var n,r,i;let{vt:a,ht:o}=t||{},s=e.endX-e.startX-12,l=e.endY-e.startY,u=((n=t==null?void 0:t.fs)==null?10:n)*1.6,d=0,f=0;switch(a){case c.VerticalAlign.TOP:f=0;break;case c.VerticalAlign.BOTTOM:f=0+(l-u);break;default:f=0+(l-u)/2;break}switch(o){case c.HorizontalAlign.LEFT:d=6;break;case c.HorizontalAlign.RIGHT:d=6+(s-u);break;default:d=6+(s-u)/2;break}return{left:e.startX+d,top:e.startY+f,width:((r=t==null?void 0:t.fs)==null?10:r)*1.6,height:((i=t==null?void 0:t.fs)==null?10:i)*1.6}}constructor(e,t,n,r,i,a){this._commandService=e,this._univerInstanceService=t,this._formulaService=n,this._themeService=r,this._renderManagerService=i,this._dataValidationModel=a}calcCellAutoHeight(e){var t;let{style:n}=e;return((t=n==null?void 0:n.fs)==null?10:t)*1.6}calcCellAutoWidth(e){var t;let{style:n}=e;return((t=n==null?void 0:n.fs)==null?10:t)*1.6}async _parseFormula(e,t,n){var r,i,a;let{formula1:o=d.CHECKBOX_FORMULA_1,formula2:s=d.CHECKBOX_FORMULA_2}=e,l=await this._formulaService.getRuleFormulaResult(t,n,e.uid),u=(0,d.getFormulaResult)(l==null||(r=l[0])==null||(r=r.result)==null||(r=r[0])==null?void 0:r[0]),f=(0,d.getFormulaResult)(l==null||(i=l[1])==null||(i=i.result)==null||(i=i[0])==null?void 0:i[0]),p=(0,d.isLegalFormulaResult)(String(u))&&(0,d.isLegalFormulaResult)(String(f));return{formula1:(0,c.isFormulaString)(o)?(0,d.getFormulaResult)(l==null||(a=l[0])==null||(a=a.result)==null||(a=a[0])==null?void 0:a[0]):o,formula2:(0,c.isFormulaString)(s)?f:s,isFormulaValid:p}}drawWith(e,t){var n,r,i,a;let{style:o,primaryWithCoord:s,unitId:c,subUnitId:u,worksheet:f,row:p,col:m}=t,h=s.isMergedMainCell?s.mergeInfo:s,g=(0,d.getCellValueOrigin)(f.getCellRaw(p,m)),_=this._dataValidationModel.getRuleByLocation(c,u,p,m);if(!_)return;let v=this._dataValidationModel.getValidator(_.type);if(!v||!((n=v.skipDefaultFontRender)!=null&&n.call(v,_,g,{unitId:c,subUnitId:u,row:p,column:m})))return;let{formula1:y}=v.parseFormulaSync(_,c,u),b=this._calc(h,o),{a:x,d:S}=e.getTransform(),C=(0,l.fixLineWidthByScale)(b.left,x),w=(0,l.fixLineWidthByScale)(b.top,S),T=l.Transform.create().composeMatrix({left:C,top:w,scaleX:1,scaleY:1,angle:0,skewX:0,skewY:0,flipX:!1,flipY:!1}),E=h.endX-h.startX,D=h.endY-h.startY;e.save(),e.beginPath(),e.rect(h.startX,h.startY,E,D),e.clip();let O=T.getMatrix();e.transform(O[0],O[1],O[2],O[3],O[4],O[5]);let k=((r=o==null?void 0:o.fs)==null?10:r)*1.6,A=String(g)===String(y),j=this._themeService.getColorFromTheme(`primary.600`);l.CheckboxShape.drawWith(e,{checked:A,width:k,height:k,fill:(i=o==null||(a=o.cl)==null?void 0:a.rgb)==null?j:i}),e.restore()}isHit(e,t){let n=t.primaryWithCoord.isMergedMainCell?t.primaryWithCoord.mergeInfo:t.primaryWithCoord,r=this._calc(n,t.style),i=r.top,a=r.top+r.height,o=r.left,s=r.left+r.width,{x:c,y:l}=e;return c<=s&&c>=o&&l<=a&&l>=i}async onPointerDown(e,t){var n;if(t.button===2)return;let{primaryWithCoord:r,unitId:i,subUnitId:a,worksheet:o,row:s,col:c}=e,l=(0,d.getCellValueOrigin)(o.getCellRaw(s,c)),f=this._dataValidationModel.getRuleByLocation(i,a,s,c);if(!f)return;let p=this._dataValidationModel.getValidator(f.type);if(!p||!((n=p.skipDefaultFontRender)!=null&&n.call(p,f,l,{unitId:i,subUnitId:a,row:s,column:c})))return;let{formula1:m,formula2:h}=await this._parseFormula(f,i,a),g={range:{startColumn:r.actualColumn,endColumn:r.actualColumn,startRow:r.actualRow,endRow:r.actualRow},value:{v:String(l)===(0,d.transformCheckboxValue)(String(m))?h:m,p:null}};this._commandService.executeCommand(u.SetRangeValuesCommand.id,g)}onPointerEnter(e,t){var n;(n=(0,l.getCurrentTypeOfRenderer)(c.UniverInstanceType.UNIVER_SHEET,this._univerInstanceService,this._renderManagerService))==null||(n=n.mainComponent)==null||n.setCursor(l.CURSOR_TYPE.POINTER)}onPointerLeave(e,t){var n;(n=(0,l.getCurrentTypeOfRenderer)(c.UniverInstanceType.UNIVER_SHEET,this._univerInstanceService,this._renderManagerService))==null||(n=n.mainComponent)==null||n.setCursor(l.CURSOR_TYPE.DEFAULT)}};Te=A([k(0,c.ICommandService),k(1,c.IUniverInstanceService),k(2,(0,c.Inject)(d.DataValidationFormulaService)),k(3,(0,c.Inject)(c.ThemeService)),k(4,(0,c.Inject)(l.IRenderManagerService)),k(5,(0,c.Inject)(d.SheetDataValidationModel))],Te);let Q=class{constructor(e){this.injector=e,O(this,`canvasRender`,null),O(this,`dropdownType`,void 0),O(this,`optionsInput`,void 0),O(this,`formulaInput`,d.LIST_FORMULA_INPUT_NAME)}};Q=A([k(0,(0,c.Inject)(c.Injector))],Q);var Ee=class extends Q{constructor(...e){super(...e),O(this,`id`,c.DataValidationType.CHECKBOX),O(this,`canvasRender`,this.injector.createInstance(Te)),O(this,`formulaInput`,d.CHECKBOX_FORMULA_INPUT_NAME)}},De=class extends Q{constructor(...e){super(...e),O(this,`id`,c.DataValidationType.CUSTOM),O(this,`formulaInput`,d.CUSTOM_FORMULA_INPUT_NAME)}},Oe=class extends Q{constructor(...e){super(...e),O(this,`id`,c.DataValidationType.DATE),O(this,`formulaInput`,`data-validation.formula-input`),O(this,`optionsInput`,we.componentKey),O(this,`dropdownType`,f.DataValidatorDropdownType.DATE)}},ke=class extends Q{constructor(...e){super(...e),O(this,`id`,c.DataValidationType.DECIMAL),O(this,`formulaInput`,d.BASE_FORMULA_INPUT_NAME)}};function Ae(e,t){let n=l.FontCache.getTextSize(e,t),r=n.width+8,{ba:i,bd:a}=n;return{width:r,height:i+a+0,ba:i}}function je(e,t,n,r){let i=n-26,a=r-12,o=e.map(e=>({layout:Ae(e,t),text:e})),s,c=[];o.forEach(e=>{let{layout:t}=e,{width:n,height:r}=t;!s||s.width+n+4>i?(s={width:n,height:r,items:[{...e,left:0}]},c.push(s)):(s.items.push({...e,left:s.width+4}),s.width=s.width+n+4)});let l=0,u=0;return c.forEach((e,t)=>{u=Math.max(u,e.width),t===c.length-1?l+=e.height:l+=e.height+4}),{lines:c,totalHeight:l,contentWidth:i,contentHeight:a,cellAutoHeight:l+12,calcAutoWidth:u+26}}var Me=class extends l.Shape{static drawWith(e,t){let{fontString:n,info:r,fill:i,color:a}=t,{layout:o,text:s}=r;e.save(),l.Rect.drawWith(e,{width:o.width,height:o.height,radius:8,fill:i||`#ECECEC`}),e.translateWithPrecision(4,o.ba),e.font=n,e.fillStyle=a,e.fillText(s,0,0),e.restore()}};const Ne=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`);let Pe=class{constructor(e,t,n,r){this._commandService=e,this._univerInstanceService=t,this._renderManagerService=n,this._dataValidationModel=r,O(this,`zIndex`,void 0),O(this,`_dropdownInfoMap`,new Map)}_ensureMap(e){let t=this._dropdownInfoMap.get(e);return t||(t=new Map,this._dropdownInfoMap.set(e,t)),t}_generateKey(e,t){return`${e}.${t}`}_drawDownIcon(e,t,n,r,i){let a=n-14+4,o=4;switch(i){case c.VerticalAlign.MIDDLE:o=(r-14)/2+4;break;case c.VerticalAlign.BOTTOM:o=r-14+4;break;default:break}e.save(),e.translateWithPrecision(t.startX+a,t.startY+o),e.fillStyle=`#565656`,e.fill(Ne),e.restore()}drawWith(e,t,n,r){var i,a;let{primaryWithCoord:o,row:s,col:u,style:f,data:p,subUnitId:m}=t,h=o.isMergedMainCell?o.mergeInfo:o,{leftOffset:g=0,rightOffset:_=0,topOffset:v=0,downOffset:y=0}=(p==null?void 0:p.fontRenderExtension)||{},b=this._ensureMap(m),x=this._generateKey(s,u),S=o.isMergedMainCell?o.mergeInfo.startRow:s,C=o.isMergedMainCell?o.mergeInfo.startColumn:u,w=this._dataValidationModel.getRuleByLocation(t.unitId,t.subUnitId,S,C);if(!w)return;let T=this._dataValidationModel.getValidator(w.type);if(!T)return;let E={startX:h.startX+g,endX:h.endX-_,startY:h.startY+v,endY:h.endY-y},D=E.endX-E.startX,O=E.endY-E.startY,{cl:k}=f||{},A=(i=typeof k==`object`?k==null?void 0:k.rgb:k)==null?`#000`:i,j=(0,l.getFontStyleString)(f==null?void 0:f),{vt:M,ht:N}=f||{},P=M==null?c.VerticalAlign.MIDDLE:M,F=(a=(0,d.getCellValueOrigin)(p))==null?``:a,I=T.parseCellValue(F),L=T.getListWithColorMap(w),R=je(I,j,D,O);this._drawDownIcon(e,E,D,O,P),e.save(),e.translateWithPrecision(E.startX,E.startY),e.beginPath(),e.rect(0,0,D-14,O),e.clip(),e.translateWithPrecision(6,6);let z=0;switch(P){case c.VerticalAlign.MIDDLE:z=(R.contentHeight-R.totalHeight)/2;break;case c.VerticalAlign.BOTTOM:z=R.contentHeight-R.totalHeight;break;default:break}e.translateWithPrecision(0,z),R.lines.forEach((t,n)=>{e.save();let{width:r,height:i,items:a}=t,o=0;switch(N){case c.HorizontalAlign.RIGHT:o=R.contentWidth-r;break;case c.HorizontalAlign.CENTER:o=(R.contentWidth-r)/2;break;default:break}e.translate(o,n*(i+4)),a.forEach(t=>{e.save(),e.translateWithPrecision(t.left,0),Me.drawWith(e,{...j,info:t,color:A,fill:L[t.text]}),e.restore()}),e.restore()}),e.restore(),b.set(x,{left:E.startX,top:E.startY,width:R.contentWidth+6+14,height:R.contentHeight+12})}calcCellAutoHeight(e){var t;let{primaryWithCoord:n,style:r,data:i,row:a,col:o}=e,{leftOffset:s=0,rightOffset:c=0,topOffset:u=0,downOffset:f=0}=(i==null?void 0:i.fontRenderExtension)||{},p=n.isMergedMainCell?n.mergeInfo:n,m={startX:p.startX+s,endX:p.endX-c,startY:p.startY+u,endY:p.endY-f},h=this._dataValidationModel.getRuleByLocation(e.unitId,e.subUnitId,a,o);if(!h)return;let g=this._dataValidationModel.getValidator(h.type);if(!g)return;let _=m.endX-m.startX,v=m.endY-m.startY,y=(t=(0,d.getCellValueOrigin)(i))==null?``:t;return je(g.parseCellValue(y),(0,l.getFontStyleString)(r==null?void 0:r),_,v).cellAutoHeight}calcCellAutoWidth(e){var t;let{primaryWithCoord:n,style:r,data:i,row:a,col:o}=e,{leftOffset:s=0,rightOffset:c=0,topOffset:u=0,downOffset:f=0}=(i==null?void 0:i.fontRenderExtension)||{},p=n.isMergedMainCell?n.mergeInfo:n,m={startX:p.startX+s,endX:p.endX-c,startY:p.startY+u,endY:p.endY-f},h=this._dataValidationModel.getRuleByLocation(e.unitId,e.subUnitId,a,o);if(!h)return;let g=this._dataValidationModel.getValidator(h.type);if(!g)return;let _=m.endX-m.startX,v=m.endY-m.startY,y=(t=(0,d.getCellValueOrigin)(i))==null?``:t;return je(g.parseCellValue(y),(0,l.getFontStyleString)(r==null?void 0:r),_,v).calcAutoWidth}isHit(e,t){let{primaryWithCoord:n}=t,{endX:r}=n.isMergedMainCell?n.mergeInfo:n,{x:i}=e;return i>=r-14&&i<=r}onPointerDown(e,t){if(t.button===2)return;let{unitId:n,subUnitId:r,row:i,col:a}=e,o={unitId:n,subUnitId:r,row:i,column:a};this._commandService.executeCommand(H.id,o)}onPointerEnter(e,t){var n;return(n=(0,l.getCurrentTypeOfRenderer)(c.UniverInstanceType.UNIVER_SHEET,this._univerInstanceService,this._renderManagerService))==null||(n=n.mainComponent)==null?void 0:n.setCursor(l.CURSOR_TYPE.POINTER)}onPointerLeave(e,t){var n;return(n=(0,l.getCurrentTypeOfRenderer)(c.UniverInstanceType.UNIVER_SHEET,this._univerInstanceService,this._renderManagerService))==null||(n=n.mainComponent)==null?void 0:n.setCursor(l.CURSOR_TYPE.DEFAULT)}};Pe=A([k(0,c.ICommandService),k(1,c.IUniverInstanceService),k(2,(0,c.Inject)(l.IRenderManagerService)),k(3,(0,c.Inject)(d.SheetDataValidationModel))],Pe);var Fe=class extends Q{constructor(...e){super(...e),O(this,`id`,c.DataValidationType.LIST_MULTIPLE),O(this,`canvasRender`,this.injector.createInstance(Pe)),O(this,`dropdownType`,f.DataValidatorDropdownType.MULTIPLE_LIST)}};const Ie=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 Le(e,t,n,r,i,a,o=!0){let s=0,l=o?3:0;switch(i){case c.VerticalAlign.BOTTOM:s=t-r-l;break;case c.VerticalAlign.MIDDLE:s=(t-r)/2;break;default:s=l;break}s=Math.max(3,s);let u=0;switch(a){case c.HorizontalAlign.CENTER:u=(e-n)/2;break;case c.HorizontalAlign.RIGHT:u=e-n;break;default:break}return u=Math.max(6,u),{paddingLeft:u,paddingTop:s}}let Re=class{constructor(e,t,n,r,i){this._univerInstanceService=e,this._localeService=t,this._commandService=n,this._renderManagerService=r,this._dataValidationModel=i,O(this,`_dropdownInfoMap`,new Map),O(this,`zIndex`,void 0)}_ensureMap(e){let t=this._dropdownInfoMap.get(e);return t||(t=new Map,this._dropdownInfoMap.set(e,t)),t}_generateKey(e,t){return`${e}.${t}`}_drawDownIcon(e,t,n,r,i,a,o){let{t:s=c.DEFAULT_STYLES.pd.t,b:l=c.DEFAULT_STYLES.pd.b}=o,u=n-14,d;switch(a){case c.VerticalAlign.MIDDLE:d=(r-4)/2;break;case c.VerticalAlign.BOTTOM:d=r-l-i-3+(i/2-4/2);break;default:d=s+3+(i/2-4/2);break}e.save(),e.translateWithPrecision(t.startX+u,t.startY+d),e.fillStyle=`#565656`,e.fill(Ie),e.restore()}drawWith(e,t,n){var r,i,a,o;let{primaryWithCoord:s,row:u,col:f,style:p,data:m,subUnitId:h}=t,g=s.isMergedMainCell?s.mergeInfo:s,_=s.isMergedMainCell?s.mergeInfo.startRow:u,v=s.isMergedMainCell?s.mergeInfo.startColumn:f,y=this._dataValidationModel.getRuleByLocation(t.unitId,t.subUnitId,_,v);if(!y)return;let b=this._dataValidationModel.getValidator(y.type);if(!b)return;let{leftOffset:x=0,rightOffset:S=0,topOffset:C=0,downOffset:w=0}=(m==null?void 0:m.fontRenderExtension)||{};if(!y||!b||!b||b.id.indexOf(c.DataValidationType.LIST)!==0||!b.skipDefaultFontRender(y))return;let T={startX:g.startX+x,endX:g.endX-S,startY:g.startY+C,endY:g.endY-w},E=T.endX-T.startX,D=T.endY-T.startY,O=this._ensureMap(h),k=this._generateKey(u,f),A=b.getListWithColorMap(y),j=(0,d.getCellValueOrigin)(m),M=`${j==null?``:j}`,N=A[M],{tb:P,vt:F,ht:I,pd:L}=p||{};P=(r=P)==null?c.WrapStrategy.WRAP:r,F=(i=F)==null?c.VerticalAlign.BOTTOM:i,I=(a=I)==null?c.DEFAULT_STYLES.ht:a,L=(o=L)==null?c.DEFAULT_STYLES.pd:o;let R=(0,l.getFontStyleString)(p).fontCache;if(y.renderMode===c.DataValidationRenderMode.ARROW){var z,B,V;let{l:t=c.DEFAULT_STYLES.pd.l,t:r=c.DEFAULT_STYLES.pd.t,r:i=c.DEFAULT_STYLES.pd.r,b:a=c.DEFAULT_STYLES.pd.b}=L,o=E-t-i-14-4,s=new l.DocSimpleSkeleton(M,R,P===c.WrapStrategy.WRAP,o,1/0);s.calculate();let u=s.getTotalWidth(),d=s.getTotalHeight(),{paddingTop:f,paddingLeft:m}=Le(o,D-r-a,u,d,F,I,!0);this._drawDownIcon(e,T,E,D,d,F,L),e.save(),e.translateWithPrecision(T.startX+t,T.startY+r),e.beginPath(),e.rect(0,0,E-t-i,D-r-a),e.clip(),e.translateWithPrecision(0,f),e.save(),e.translateWithPrecision(m,0),e.beginPath(),e.rect(0,0,o,d),e.clip(),l.Text.drawWith(e,{text:M,fontStyle:R,width:o,height:d,color:p==null||(z=p.cl)==null?void 0:z.rgb,strokeLine:!!(!(p==null||(B=p.st)==null)&&B.s),underline:!!(!(p==null||(V=p.ul)==null)&&V.s),warp:P===c.WrapStrategy.WRAP,hAlign:c.HorizontalAlign.LEFT},s),e.restore(),e.restore(),O.set(k,{left:T.endX-14+n.rowHeaderWidth,top:T.startY+r+n.columnHeaderHeight,width:14,height:D-r-a})}else{var H,U,W;e.save(),e.translateWithPrecision(T.startX,T.startY),e.beginPath(),e.rect(0,0,E,D),e.clip();let t=E-12-4-14-4,r=new l.DocSimpleSkeleton(M,R,P===c.WrapStrategy.WRAP,t,1/0);r.calculate();let i=r.getTotalWidth(),a=r.getTotalHeight(),o=a+2,s=Math.max(E-12,1),{paddingTop:u}=Le(s,D,i,o,F,I);e.translateWithPrecision(6,u),l.Rect.drawWith(e,{width:s,height:o,fill:N||`#ECECEC`,radius:8}),e.save(),e.translateWithPrecision(4,1),e.beginPath(),e.rect(0,0,t,a),e.clip(),l.Text.drawWith(e,{text:M,fontStyle:R,width:t,height:a,color:p==null||(H=p.cl)==null?void 0:H.rgb,strokeLine:!!(!(p==null||(U=p.st)==null)&&U.s),underline:!!(!(p==null||(W=p.ul)==null)&&W.s),warp:P===c.WrapStrategy.WRAP,hAlign:c.HorizontalAlign.LEFT},r),e.restore(),e.translateWithPrecision(t+4+4,(a-4)/2),e.fillStyle=`#565656`,e.fill(Ie),e.restore(),O.set(k,{left:T.startX+6+n.rowHeaderWidth,top:T.startY+u+n.columnHeaderHeight,width:s,height:o})}}calcCellAutoHeight(e){var t;let{primaryWithCoord:n,style:r,data:i,row:a,col:o}=e,s=n.isMergedMainCell?n.mergeInfo:n,{leftOffset:u=0,rightOffset:f=0,topOffset:p=0,downOffset:m=0}=(i==null?void 0:i.fontRenderExtension)||{},h=this._dataValidationModel.getRuleByLocation(e.unitId,e.subUnitId,a,o);if(!h||h.renderMode===c.DataValidationRenderMode.TEXT)return;let g={startX:s.startX+u,endX:s.endX-f,startY:s.startY+p,endY:s.endY-m},_=g.endX-g.startX,v=(0,d.getCellValueOrigin)(i),y=`${v==null?``:v}`,{tb:b,pd:x}=r||{},{t:S=c.DEFAULT_STYLES.pd.t,b:C=c.DEFAULT_STYLES.pd.b}=x==null?{}:x;if(b=(t=b)==null?c.WrapStrategy.WRAP:t,h.renderMode===c.DataValidationRenderMode.ARROW){let{l:e=c.DEFAULT_STYLES.pd.l,r:t=c.DEFAULT_STYLES.pd.r}=x==null?{}:x,n=_-e-t-14-4,i=new l.DocSimpleSkeleton(y,(0,l.getFontStyleString)(r).fontCache,b===c.WrapStrategy.WRAP,n,1/0);return i.calculate(),i.getTotalHeight()+S+C+6}else{let e=Math.max(_-12-4-14-4,10),t=new l.DocSimpleSkeleton(y,(0,l.getFontStyleString)(r).fontCache,b===c.WrapStrategy.WRAP,e,1/0);return t.calculate(),t.getTotalHeight()+6+2}}calcCellAutoWidth(e){var t;let{primaryWithCoord:n,style:r,data:i,row:a,col:o}=e,s=n.isMergedMainCell?n.mergeInfo:n,{leftOffset:u=0,rightOffset:f=0,topOffset:p=0,downOffset:m=0}=(i==null?void 0:i.fontRenderExtension)||{},h=this._dataValidationModel.getRuleByLocation(e.unitId,e.subUnitId,a,o);if(!h||h.renderMode===c.DataValidationRenderMode.TEXT)return;let g={startX:s.startX+u,endX:s.endX-f,startY:s.startY+p,endY:s.endY-m},_=g.endX-g.startX,v=(0,d.getCellValueOrigin)(i),y=`${v==null?``:v}`,{tb:b,pd:x}=r||{},{l:S=c.DEFAULT_STYLES.pd.l,r:C=c.DEFAULT_STYLES.pd.r}=x==null?{}:x;b=(t=b)==null?c.WrapStrategy.WRAP:t;let w=26;switch(h.renderMode){case c.DataValidationRenderMode.ARROW:w=18+C+S;break;case c.DataValidationRenderMode.CUSTOM:w=34+C+S+8/2+1;break;default:w=34+C+S+8/2+1}let T=_-w,E=new l.DocSimpleSkeleton(y,(0,l.getFontStyleString)(r).fontCache,b===c.WrapStrategy.WRAP,T,1/0);return E.calculate(),E.getTotalWidth()+w}isHit(e,t){let{subUnitId:n,row:r,col:i}=t,a=this._ensureMap(n).get(this._generateKey(r,i)),o=this._dataValidationModel.getRuleByLocation(t.unitId,t.subUnitId,r,i);if(!o||!a||o.renderMode===c.DataValidationRenderMode.TEXT)return!1;let{top:s,left:l,width:u,height:d}=a,{x:f,y:p}=e;return f>=l&&f<=l+u&&p>=s&&p<=s+d}onPointerDown(e,t){if(t.button===2)return;let{unitId:n,subUnitId:r,row:i,col:a}=e,o={unitId:n,subUnitId:r,row:i,column:a};this._commandService.executeCommand(H.id,o)}onPointerEnter(e,t){var n;(n=(0,l.getCurrentTypeOfRenderer)(c.UniverInstanceType.UNIVER_SHEET,this._univerInstanceService,this._renderManagerService))==null||(n=n.mainComponent)==null||n.setCursor(l.CURSOR_TYPE.POINTER)}onPointerLeave(e,t){var n;(n=(0,l.getCurrentTypeOfRenderer)(c.UniverInstanceType.UNIVER_SHEET,this._univerInstanceService,this._renderManagerService))==null||(n=n.mainComponent)==null||n.setCursor(l.CURSOR_TYPE.DEFAULT)}};Re=A([k(0,c.IUniverInstanceService),k(1,(0,c.Inject)(c.LocaleService)),k(2,c.ICommandService),k(3,(0,c.Inject)(l.IRenderManagerService)),k(4,(0,c.Inject)(d.SheetDataValidationModel))],Re);var ze=class extends Q{constructor(...e){super(...e),O(this,`id`,c.DataValidationType.LIST),O(this,`canvasRender`,this.injector.createInstance(Re)),O(this,`dropdownType`,f.DataValidatorDropdownType.LIST),O(this,`optionsInput`,Ce.componentKey),O(this,`formulaInput`,d.LIST_FORMULA_INPUT_NAME)}},Be=class extends Q{constructor(...e){super(...e),O(this,`id`,c.DataValidationType.TEXT_LENGTH),O(this,`formulaInput`,d.BASE_FORMULA_INPUT_NAME)}},Ve=class extends Q{constructor(...e){super(...e),O(this,`id`,c.DataValidationType.WHOLE),O(this,`formulaInput`,d.BASE_FORMULA_INPUT_NAME)}};let He=class extends c.RxDisposable{constructor(e,t,n){super(),this._injector=e,this._componentManger=t,this._dataValidatorRegistryService=n,this._initComponents(),this._registerValidatorViews()}_initComponents(){[[`DataValidationIcon`,y.DataValidationIcon],[R,me],[Ce.componentKey,Ce],[we.componentKey,we],...Se].forEach(([e,t])=>{this.disposeWithMe(this._componentManger.register(e,t))})}_registerValidatorViews(){[ke,Ve,Be,Oe,Ee,ze,Fe,De].forEach(e=>{let t=this._injector.createInstance(e),n=this._dataValidatorRegistryService.getValidatorItem(t.id);n&&(n.formulaInput=t.formulaInput,n.canvasRender=t.canvasRender,n.dropdownType=t.dropdownType,n.optionsInput=t.optionsInput)})}};He=A([k(0,(0,c.Inject)(c.Injector)),k(1,(0,c.Inject)(p.ComponentManager)),k(2,(0,c.Inject)(f.DataValidatorRegistryService))],He);let $=class extends c.Plugin{constructor(e=N,t,n,r){super(),this._config=e,this._injector=t,this._commandService=n,this._configService=r;let{menu:i,...a}=(0,c.merge)({},N,this._config);i&&this._configService.setConfig(`menu`,i,{merge:!0}),this._configService.setConfig(M,a)}onStarting(){[[j],[L],[K],[q],[Z],[Y],[J],[He]].forEach(e=>{this._injector.add(e)}),[W,H,U,B,z,V].forEach(e=>{this._commandService.registerCommand(e)})}onReady(){this._injector.get(J),this._injector.get(Y),this._injector.get(l.IRenderManagerService).registerRenderModule(c.UniverInstanceType.UNIVER_SHEET,[se])}onRendered(){this._injector.get(He),this._injector.get(Z)}onSteady(){this._injector.get(q)}};O($,`pluginName`,`SHEET_DATA_VALIDATION_UI_PLUGIN`),O($,`packageName`,C),O($,`version`,w),O($,`type`,c.UniverInstanceType.UNIVER_SHEET),$=A([k(1,(0,c.Inject)(c.Injector)),k(2,c.ICommandService),k(3,c.IConfigService)],$);let Ue=class extends c.Plugin{constructor(e=N,t,n,r){super(),this._config=e,this._injector=t,this._commandService=n,this._configService=r;let{menu:i,...a}=(0,c.merge)({},N,this._config);i&&this._configService.setConfig(`menu`,i,{merge:!0}),this._configService.setConfig(M,a)}onStarting(){[[j],[L],[K],[q],[Z],[Y],[J],[P],[He]].forEach(e=>{this._injector.add(e)}),[W,H,U,B,z,V].forEach(e=>{this._commandService.registerCommand(e)})}onReady(){this._injector.get(J),this._injector.get(Y),this._injector.get(P),this._injector.get(K),this._injector.get(l.IRenderManagerService).registerRenderModule(c.UniverInstanceType.UNIVER_SHEET,[se])}onRendered(){this._injector.get(He),this._injector.get(Z)}onSteady(){this._injector.get(q)}};O(Ue,`pluginName`,`SHEET_DATA_VALIDATION_UI_PLUGIN`),O(Ue,`packageName`,C),O(Ue,`version`,w),O(Ue,`type`,c.UniverInstanceType.UNIVER_SHEET),Ue=A([(0,c.DependentOn)(d.UniverSheetsDataValidationPlugin),k(1,(0,c.Inject)(c.Injector)),k(2,c.ICommandService),k(3,c.IConfigService)],Ue),Object.defineProperty(exports,`BaseSheetDataValidatorView`,{enumerable:!0,get:function(){return Q}}),Object.defineProperty(exports,`UniverSheetsDataValidationMobileUIPlugin`,{enumerable:!0,get:function(){return $}}),Object.defineProperty(exports,`UniverSheetsDataValidationUIPlugin`,{enumerable:!0,get:function(){return Ue}});
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+let _univerjs_core = require("@univerjs/core");
+let _univerjs_engine_render = require("@univerjs/engine-render");
+let _univerjs_sheets = require("@univerjs/sheets");
+let _univerjs_sheets_data_validation = require("@univerjs/sheets-data-validation");
+let _univerjs_data_validation = require("@univerjs/data-validation");
+let _univerjs_ui = require("@univerjs/ui");
+let rxjs = require("rxjs");
+let _univerjs_sheets_numfmt = require("@univerjs/sheets-numfmt");
+let _univerjs_sheets_ui = require("@univerjs/sheets-ui");
+let _univerjs_design = require("@univerjs/design");
+let react = require("react");
+react = __toESM(react);
+let _univerjs_icons = require("@univerjs/icons");
+let _univerjs_engine_formula = require("@univerjs/engine-formula");
+let _univerjs_sheets_formula_ui = require("@univerjs/sheets-formula-ui");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region package.json
+var name = "@univerjs/sheets-data-validation-ui";
+var version = "0.21.0";
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/typeof.js
+function _typeof(o) {
+	"@babel/helpers - typeof";
+	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
+		return typeof o;
+	} : function(o) {
+		return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	}, _typeof(o);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPrimitive.js
+function toPrimitive(t, r) {
+	if ("object" != _typeof(t) || !t) return t;
+	var e = t[Symbol.toPrimitive];
+	if (void 0 !== e) {
+		var i = e.call(t, r || "default");
+		if ("object" != _typeof(i)) return i;
+		throw new TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return ("string" === r ? String : Number)(t);
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/toPropertyKey.js
+function toPropertyKey(t) {
+	var i = toPrimitive(t, "string");
+	return "symbol" == _typeof(i) ? i : i + "";
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/defineProperty.js
+function _defineProperty(e, r, t) {
+	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+		value: t,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[r] = t, e;
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorateParam.js
+function __decorateParam(paramIndex, decorator) {
+	return function(target, key) {
+		decorator(target, key, paramIndex);
+	};
+}
+
+//#endregion
+//#region \0@oxc-project+runtime@0.124.0/helpers/decorate.js
+function __decorate(decorators, target, key, desc) {
+	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+	return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+//#endregion
+//#region src/services/data-validation-panel.service.ts
+let DataValidationPanelService = class DataValidationPanelService extends _univerjs_core.Disposable {
+	get activeRule() {
+		return this._activeRule;
+	}
+	get isOpen() {
+		return this._open$.getValue();
+	}
+	constructor(_univerInstanceService, _sidebarService) {
+		super();
+		this._univerInstanceService = _univerInstanceService;
+		this._sidebarService = _sidebarService;
+		_defineProperty(this, "_open$", new rxjs.BehaviorSubject(false));
+		_defineProperty(this, "open$", this._open$.pipe((0, rxjs.distinctUntilChanged)()));
+		_defineProperty(this, "_activeRule", void 0);
+		_defineProperty(this, "_activeRule$", new rxjs.BehaviorSubject(void 0));
+		_defineProperty(this, "activeRule$", this._activeRule$.asObservable());
+		_defineProperty(this, "_closeDisposable", null);
+		_defineProperty(this, "_focusFormulaEditorActiveRuleSubUnitId", null);
+		this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET).pipe((0, rxjs.filter)((sheet) => !sheet)).subscribe(() => {
+			this.close();
+		}));
+		this.disposeWithMe(this._sidebarService.sidebarOptions$.subscribe((info) => {
+			if (info.id === "DataValidationPanel") {
+				if (!info.visible) setTimeout(() => {
+					this._sidebarService.sidebarOptions$.next({ visible: false });
+				});
+			}
+		}));
+	}
+	dispose() {
+		var _this$_closeDisposabl;
+		super.dispose();
+		this._open$.next(false);
+		this._open$.complete();
+		this._activeRule$.complete();
+		(_this$_closeDisposabl = this._closeDisposable) === null || _this$_closeDisposabl === void 0 || _this$_closeDisposabl.dispose();
+	}
+	open() {
+		this._open$.next(true);
+	}
+	close() {
+		var _this$_closeDisposabl2;
+		this._open$.next(false);
+		(_this$_closeDisposabl2 = this._closeDisposable) === null || _this$_closeDisposabl2 === void 0 || _this$_closeDisposabl2.dispose();
+	}
+	setCloseDisposable(disposable) {
+		this._closeDisposable = (0, _univerjs_core.toDisposable)(() => {
+			disposable.dispose();
+			this._closeDisposable = null;
+		});
+	}
+	setActiveRule(rule) {
+		this._activeRule = rule;
+		this._activeRule$.next(rule);
+	}
+	setFocusFormulaEditorActiveRuleSubUnitId(subUnitId) {
+		this._focusFormulaEditorActiveRuleSubUnitId = subUnitId;
+	}
+	getFocusFormulaEditorActiveRuleSubUnitId() {
+		return this._focusFormulaEditorActiveRuleSubUnitId;
+	}
+};
+DataValidationPanelService = __decorate([__decorateParam(0, _univerjs_core.IUniverInstanceService), __decorateParam(1, _univerjs_ui.ISidebarService)], DataValidationPanelService);
+
+//#endregion
+//#region src/config/config.ts
+const SHEETS_DATA_VALIDATION_UI_PLUGIN_CONFIG_KEY = "sheets-data-validation-ui.config";
+const configSymbol = Symbol(SHEETS_DATA_VALIDATION_UI_PLUGIN_CONFIG_KEY);
+const defaultPluginConfig = {};
+
+//#endregion
+//#region src/const.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.
+*/
+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();
+		this._sheetInterceptorService = _sheetInterceptorService;
+		this._dataValidationModel = _dataValidationModel;
+		this._dataValidatorRegistryService = _dataValidatorRegistryService;
+		this._dialogService = _dialogService;
+		this._localeService = _localeService;
+		this._sheetsDataValidationValidatorService = _sheetsDataValidationValidatorService;
+		this._initEditorBridgeInterceptor();
+	}
+	_initEditorBridgeInterceptor() {
+		this.disposeWithMe(this._sheetInterceptorService.writeCellInterceptor.intercept(_univerjs_sheets.VALIDATE_CELL, { handler: async (lastResult, context, next) => {
+			const cell = await lastResult;
+			const { row, col, unitId, subUnitId } = context;
+			const ruleId = this._dataValidationModel.getRuleIdByLocation(unitId, subUnitId, row, col);
+			const rule = ruleId ? this._dataValidationModel.getRuleById(unitId, subUnitId, ruleId) : void 0;
+			if (cell === false) return next(Promise.resolve(false));
+			if (!rule || rule.errorStyle !== _univerjs_core.DataValidationErrorStyle.STOP) return next(Promise.resolve(true));
+			const validator = this._dataValidatorRegistryService.getValidatorItem(rule.type);
+			if (!validator) return next(Promise.resolve(true));
+			if (await this._sheetsDataValidationValidatorService.validatorCell(unitId, subUnitId, row, col) === _univerjs_core.DataValidationStatus.VALID) return next(Promise.resolve(true));
+			this._dialogService.open({
+				width: 368,
+				title: { title: this._localeService.t("dataValidation.alert.title") },
+				id: "reject-input-dialog",
+				children: { title: validator.getRuleFinalError(rule, {
+					row,
+					col,
+					unitId,
+					subUnitId
+				}) },
+				footer: { title: (0, react.createElement)(_univerjs_design.Button, {
+					variant: "primary",
+					onClick: () => this._dialogService.close("reject-input-dialog")
+				}, this._localeService.t("dataValidation.alert.ok")) },
+				onClose: () => {
+					this._dialogService.close("reject-input-dialog");
+				}
+			});
+			return next(Promise.resolve(false));
+		} }));
+	}
+	showReject(title) {
+		this._dialogService.open({
+			width: 368,
+			title: { title: this._localeService.t("dataValidation.alert.title") },
+			id: "reject-input-dialog",
+			children: { title },
+			footer: { title: (0, react.createElement)(_univerjs_design.Button, {
+				variant: "primary",
+				onClick: () => this._dialogService.close("reject-input-dialog")
+			}, this._localeService.t("dataValidation.alert.ok")) },
+			onClose: () => {
+				this._dialogService.close("reject-input-dialog");
+			}
+		});
+	}
+};
+DataValidationRejectInputController = __decorate([
+	__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetInterceptorService)),
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.SheetDataValidationModel)),
+	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_data_validation.DataValidatorRegistryService)),
+	__decorateParam(3, _univerjs_ui.IDialogService),
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService)),
+	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.SheetsDataValidationValidatorService))
+], DataValidationRejectInputController);
+
+//#endregion
+//#region src/services/dropdown-manager.service.ts
+const transformDate = (value) => {
+	if (value === void 0 || value === null || typeof value === "boolean") return;
+	if (value === "") return (0, _univerjs_core.dateKit)();
+	if (typeof value === "number" || !Number.isNaN(+value)) return (0, _univerjs_core.dateKit)(_univerjs_core.numfmt.format("yyyy-MM-dd HH:mm:ss", Number(value)));
+	const date = (0, _univerjs_core.dateKit)(value);
+	if (date.isValid()) return date;
+};
+function getDefaultFormat(patternType, format) {
+	if (patternType === (0, _univerjs_sheets_numfmt.getPatternType)(format)) return format;
+	switch (patternType) {
+		case "datetime": return "yyyy-MM-dd hh:mm:ss";
+		case "date": return "yyyy-MM-dd";
+		case "time": return "HH:mm:ss";
+	}
+}
+let DataValidationDropdownManagerService = class DataValidationDropdownManagerService extends _univerjs_core.Disposable {
+	get activeDropdown() {
+		return this._activeDropdown;
+	}
+	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;
+		this._sheetDataValidationModel = _sheetDataValidationModel;
+		this._commandService = _commandService;
+		this._editorBridgeService = _editorBridgeService;
+		this._injector = _injector;
+		this._configService = _configService;
+		_defineProperty(this, "_activeDropdown", void 0);
+		_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.getCurrentUnitForType(_univerjs_core.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 || validator === void 0 ? void 0 : validator.dropdownType;
+	}
+	_initSelectionChange() {
+		this.disposeWithMe(this._sheetsSelectionsService.selectionMoveEnd$.subscribe((selections) => {
+			if (selections && selections.every((selection) => !(selection.primary && this._getDropdownByCell(selection.primary.unitId, selection.primary.sheetId, selection.primary.actualRow, selection.primary.actualColumn)))) this.hideDropdown();
+		}));
+	}
+	showDropdown(param) {
+		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);
+		if (!rule) return;
+		const validator = this._dataValidatorRegistryService.getValidatorItem(rule.type);
+		if (!(validator === null || validator === void 0 ? void 0 : validator.dropdownType)) return;
+		let popupDisposable;
+		const handleSave = async (date, targetPatternType) => {
+			var _numfmt$parseDate, _cellStyle$n$pattern, _cellStyle$n;
+			if (!date) return true;
+			const newValue = date;
+			const cellData = worksheet.getCell(row, col);
+			const dateStr = newValue.format(targetPatternType === "date" ? "YYYY-MM-DD 00:00:00" : "YYYY-MM-DD HH:mm:ss");
+			const serialNum = (_numfmt$parseDate = _univerjs_core.numfmt.parseDate(dateStr)) === null || _numfmt$parseDate === void 0 ? void 0 : _numfmt$parseDate.v;
+			const serialTime = targetPatternType === "time" ? serialNum % 1 : serialNum;
+			const cellStyle = workbook.getStyles().getStyleByCell(cellData);
+			const format = (_cellStyle$n$pattern = cellStyle === null || cellStyle === void 0 || (_cellStyle$n = cellStyle.n) === null || _cellStyle$n === void 0 ? void 0 : _cellStyle$n.pattern) !== null && _cellStyle$n$pattern !== void 0 ? _cellStyle$n$pattern : "";
+			if (rule.errorStyle !== _univerjs_core.DataValidationErrorStyle.STOP || await validator.validator({
+				value: serialTime,
+				unitId,
+				subUnitId,
+				row,
+				column: col,
+				worksheet,
+				workbook,
+				interceptValue: dateStr.replace("Z", "").replace("T", " "),
+				t: _univerjs_core.CellValueType.NUMBER
+			}, rule)) {
+				await this._commandService.executeCommand(_univerjs_sheets.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: getDefaultFormat(targetPatternType, format) } }
+					}
+				});
+				await this._commandService.executeCommand(_univerjs_sheets_ui.SetCellEditVisibleOperation.id, {
+					visible: false,
+					eventType: _univerjs_engine_render.DeviceInputEventType.Keyboard,
+					unitId,
+					keycode: _univerjs_ui.KeyCode.ESC
+				});
+				return true;
+			} else {
+				if (this._injector.has(DataValidationRejectInputController)) this._injector.get(DataValidationRejectInputController).showReject(validator.getRuleFinalError(rule, {
+					row,
+					col,
+					unitId,
+					subUnitId
+				}));
+				return false;
+			}
+		};
+		let dropdownParam;
+		switch (validator.dropdownType) {
+			case _univerjs_data_validation.DataValidatorDropdownType.DATE: {
+				var _rule$bizInfo;
+				const originDate = transformDate((0, _univerjs_sheets_data_validation.getCellValueOrigin)(worksheet.getCellRaw(row, col)));
+				const showTime = Boolean((_rule$bizInfo = rule.bizInfo) === null || _rule$bizInfo === void 0 ? void 0 : _rule$bizInfo.showTime);
+				dropdownParam = {
+					location,
+					type: "datepicker",
+					props: {
+						showTime,
+						onChange: (newValue) => handleSave(newValue, showTime ? "datetime" : "date"),
+						defaultValue: originDate,
+						patternType: "date"
+					}
+				};
+				break;
+			}
+			case _univerjs_data_validation.DataValidatorDropdownType.TIME:
+				dropdownParam = {
+					location,
+					type: "datepicker",
+					props: {
+						onChange: (newValue) => handleSave(newValue, "time"),
+						defaultValue: transformDate((0, _univerjs_sheets_data_validation.getCellValueOrigin)(worksheet.getCellRaw(row, col))),
+						patternType: "time"
+					}
+				};
+				break;
+			case _univerjs_data_validation.DataValidatorDropdownType.DATETIME:
+				dropdownParam = {
+					location,
+					type: "datepicker",
+					props: {
+						onChange: (newValue) => handleSave(newValue, "datetime"),
+						defaultValue: transformDate((0, _univerjs_sheets_data_validation.getCellValueOrigin)(worksheet.getCellRaw(row, col))),
+						patternType: "datetime"
+					}
+				};
+				break;
+			case _univerjs_data_validation.DataValidatorDropdownType.LIST:
+			case _univerjs_data_validation.DataValidatorDropdownType.MULTIPLE_LIST: {
+				var _this$_configService$, _this$_configService$2, _this$_configService$3, _this$_configService$4;
+				const multiple = validator.dropdownType === _univerjs_data_validation.DataValidatorDropdownType.MULTIPLE_LIST;
+				const handleSave = async (newValue) => {
+					const str = (0, _univerjs_sheets_data_validation.serializeListOptions)(newValue);
+					const params = {
+						unitId,
+						subUnitId,
+						range: {
+							startColumn: col,
+							endColumn: col,
+							startRow: row,
+							endRow: row
+						},
+						value: {
+							v: str,
+							p: null,
+							f: null,
+							si: null
+						}
+					};
+					this._commandService.executeCommand(_univerjs_sheets.SetRangeValuesCommand.id, params);
+					if (this._editorBridgeService.isVisible().visible) await this._commandService.executeCommand(_univerjs_sheets_ui.SetCellEditVisibleOperation.id, {
+						visible: false,
+						eventType: _univerjs_engine_render.DeviceInputEventType.Keyboard,
+						unitId,
+						keycode: _univerjs_ui.KeyCode.ESC
+					});
+					if (multiple) return false;
+					return true;
+				};
+				const showColor = (rule === null || rule === void 0 ? void 0 : rule.renderMode) === _univerjs_core.DataValidationRenderMode.CUSTOM || (rule === null || rule === void 0 ? void 0 : rule.renderMode) === void 0;
+				const list = validator.getListWithColor(rule, unitId, subUnitId);
+				const cellStr = (0, _univerjs_sheets_data_validation.getDataValidationCellValue)(worksheet.getCellRaw(row, col));
+				const handleEdit = () => {
+					this._commandService.executeCommand(OpenValidationPanelOperation.id, { ruleId: rule.uid });
+					popupDisposable === null || popupDisposable === void 0 || popupDisposable.dispose();
+				};
+				dropdownParam = {
+					location,
+					type: "list",
+					props: {
+						onChange: (newValue) => handleSave(newValue),
+						options: list.map((item) => ({
+							label: item.label,
+							value: item.label,
+							color: showColor || item.color ? item.color || "#ECECEC" : "transparent"
+						})),
+						onEdit: handleEdit,
+						defaultValue: cellStr,
+						multiple,
+						showEdit: (_this$_configService$ = (_this$_configService$2 = this._configService.getConfig("sheets-data-validation-ui.config")) === null || _this$_configService$2 === void 0 ? void 0 : _this$_configService$2.showEditOnDropdown) !== null && _this$_configService$ !== void 0 ? _this$_configService$ : true,
+						showSearch: (_this$_configService$3 = (_this$_configService$4 = this._configService.getConfig("sheets-data-validation-ui.config")) === null || _this$_configService$4 === void 0 ? void 0 : _this$_configService$4.showSearchOnDropdown) !== null && _this$_configService$3 !== void 0 ? _this$_configService$3 : true
+					}
+				};
+				break;
+			}
+			case _univerjs_data_validation.DataValidatorDropdownType.CASCADE: {
+				var _rule$formula;
+				const handleSave = (newValue) => {
+					const params = {
+						unitId,
+						subUnitId,
+						range: {
+							startColumn: col,
+							endColumn: col,
+							startRow: row,
+							endRow: row
+						},
+						value: {
+							v: newValue.join("/"),
+							p: null,
+							f: null,
+							si: null
+						}
+					};
+					this._commandService.syncExecuteCommand(_univerjs_sheets.SetRangeValuesCommand.id, params);
+					if (this._editorBridgeService.isVisible().visible) this._commandService.syncExecuteCommand(_univerjs_sheets_ui.SetCellEditVisibleOperation.id, {
+						visible: false,
+						eventType: _univerjs_engine_render.DeviceInputEventType.Keyboard,
+						unitId,
+						keycode: _univerjs_ui.KeyCode.ESC
+					});
+					return true;
+				};
+				dropdownParam = {
+					type: "cascader",
+					props: {
+						onChange: handleSave,
+						defaultValue: (0, _univerjs_sheets_data_validation.getDataValidationCellValue)(worksheet.getCellRaw(row, col)).split("/"),
+						options: JSON.parse((_rule$formula = rule.formula1) !== null && _rule$formula !== void 0 ? _rule$formula : "[]")
+					},
+					location
+				};
+				break;
+			}
+			case _univerjs_data_validation.DataValidatorDropdownType.COLOR: {
+				const handleSave = (newValue) => {
+					const params = {
+						unitId,
+						subUnitId,
+						range: {
+							startColumn: col,
+							endColumn: col,
+							startRow: row,
+							endRow: row
+						},
+						value: {
+							v: newValue,
+							p: null,
+							f: null,
+							si: null
+						}
+					};
+					this._commandService.syncExecuteCommand(_univerjs_sheets.SetRangeValuesCommand.id, params);
+					if (this._editorBridgeService.isVisible().visible) this._commandService.syncExecuteCommand(_univerjs_sheets_ui.SetCellEditVisibleOperation.id, {
+						visible: false,
+						eventType: _univerjs_engine_render.DeviceInputEventType.Keyboard,
+						unitId,
+						keycode: _univerjs_ui.KeyCode.ESC
+					});
+					return true;
+				};
+				dropdownParam = {
+					type: "color",
+					props: {
+						onChange: handleSave,
+						defaultValue: (0, _univerjs_sheets_data_validation.getDataValidationCellValue)(worksheet.getCellRaw(row, col))
+					},
+					location
+				};
+				break;
+			}
+			default: throw new Error("[DataValidationDropdownManagerService]: unknown type!");
+		}
+		popupDisposable = this._cellDropdownManagerService.showDropdown({
+			...dropdownParam,
+			onHide: () => {
+				this._activeDropdown = null;
+				this._activeDropdown$.next(null);
+			}
+		});
+		if (!popupDisposable) throw new Error("[DataValidationDropdownManagerService]: cannot show dropdown!");
+		const disposableCollection = new _univerjs_core.DisposableCollection();
+		disposableCollection.add(popupDisposable);
+		disposableCollection.add({ dispose: () => {
+			var _this$_activeDropdown, _this$_activeDropdown2;
+			(_this$_activeDropdown = this._activeDropdown) === null || _this$_activeDropdown === void 0 || (_this$_activeDropdown2 = _this$_activeDropdown.onHide) === null || _this$_activeDropdown2 === void 0 || _this$_activeDropdown2.call(_this$_activeDropdown);
+		} });
+		this._currentPopup = disposableCollection;
+	}
+	hideDropdown() {
+		if (!this._activeDropdown) return;
+		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, _univerjs_core.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.dropdownType) {
+			this.hideDropdown();
+			return;
+		}
+		this.showDropdown({
+			location: {
+				workbook,
+				worksheet,
+				row,
+				col,
+				unitId,
+				subUnitId
+			},
+			onHide
+		});
+	}
+};
+DataValidationDropdownManagerService = __decorate([
+	__decorateParam(0, _univerjs_core.IUniverInstanceService),
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_data_validation.DataValidatorRegistryService)),
+	__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
+//#region src/commands/operations/data-validation.operation.ts
+const DATA_VALIDATION_PANEL = "DataValidationPanel";
+const OpenValidationPanelOperation = {
+	id: "data-validation.operation.open-validation-panel",
+	type: _univerjs_core.CommandType.OPERATION,
+	handler(accessor, params) {
+		if (!params) return false;
+		const { ruleId, isAdd } = params;
+		const dataValidationPanelService = accessor.get(DataValidationPanelService);
+		const dataValidationModel = accessor.get(_univerjs_data_validation.DataValidationModel);
+		const univerInstanceService = accessor.get(_univerjs_core.IUniverInstanceService);
+		const sidebarService = accessor.get(_univerjs_ui.ISidebarService);
+		const target = (0, _univerjs_sheets.getSheetCommandTarget)(univerInstanceService);
+		if (!target) return false;
+		const { unitId, subUnitId } = target;
+		const rule = ruleId ? dataValidationModel.getRuleById(unitId, subUnitId, ruleId) : void 0;
+		dataValidationPanelService.open();
+		dataValidationPanelService.setActiveRule(rule && {
+			unitId,
+			subUnitId,
+			rule
+		});
+		const disposable = sidebarService.open({
+			id: DATA_VALIDATION_PANEL,
+			header: { title: isAdd ? "dataValidation.panel.addTitle" : "dataValidation.panel.title" },
+			children: { label: DATA_VALIDATION_PANEL },
+			width: 312,
+			onClose: () => dataValidationPanelService.close()
+		});
+		dataValidationPanelService.setCloseDisposable(disposable);
+		return true;
+	}
+};
+const CloseValidationPanelOperation = {
+	id: "data-validation.operation.close-validation-panel",
+	type: _univerjs_core.CommandType.OPERATION,
+	handler(accessor) {
+		accessor.get(DataValidationPanelService).close();
+		return true;
+	}
+};
+const ToggleValidationPanelOperation = {
+	id: "data-validation.operation.toggle-validation-panel",
+	type: _univerjs_core.CommandType.OPERATION,
+	handler(accessor) {
+		const commandService = accessor.get(_univerjs_core.ICommandService);
+		const dataValidationPanelService = accessor.get(DataValidationPanelService);
+		dataValidationPanelService.open();
+		if (dataValidationPanelService.isOpen) commandService.executeCommand(CloseValidationPanelOperation.id);
+		else commandService.executeCommand(OpenValidationPanelOperation.id);
+		return true;
+	}
+};
+const ShowDataValidationDropdown = {
+	type: _univerjs_core.CommandType.OPERATION,
+	id: "sheet.operation.show-data-validation-dropdown",
+	handler(accessor, params) {
+		if (!params) return false;
+		const dataValidationDropdownManagerService = accessor.get(DataValidationDropdownManagerService);
+		const { unitId, subUnitId, row, column } = params;
+		const activeDropdown = dataValidationDropdownManagerService.activeDropdown;
+		const currLoc = activeDropdown === null || activeDropdown === void 0 ? void 0 : activeDropdown.location;
+		if (currLoc && currLoc.unitId === unitId && currLoc.subUnitId === subUnitId && currLoc.row === row && currLoc.col === column) return true;
+		dataValidationDropdownManagerService.showDataValidationDropdown(unitId, subUnitId, row, column);
+		return true;
+	}
+};
+const HideDataValidationDropdown = {
+	type: _univerjs_core.CommandType.OPERATION,
+	id: "sheet.operation.hide-data-validation-dropdown",
+	handler(accessor, params) {
+		if (!params) return false;
+		accessor.get(DataValidationDropdownManagerService).hideDropdown();
+		return true;
+	}
+};
+
+//#endregion
+//#region src/commands/commands/data-validation-ui.command.ts
+const AddSheetDataValidationAndOpenCommand = {
+	type: _univerjs_core.CommandType.COMMAND,
+	id: "data-validation.command.addRuleAndOpen",
+	handler(accessor) {
+		const target = (0, _univerjs_sheets.getSheetCommandTarget)(accessor.get(_univerjs_core.IUniverInstanceService));
+		if (!target) return false;
+		const { workbook, worksheet } = target;
+		const rule = (0, _univerjs_sheets_data_validation.createDefaultNewRule)(accessor);
+		const commandService = accessor.get(_univerjs_core.ICommandService);
+		const addParams = {
+			rule,
+			unitId: workbook.getUnitId(),
+			subUnitId: worksheet.getSheetId()
+		};
+		if (commandService.syncExecuteCommand(_univerjs_sheets_data_validation.AddSheetDataValidationCommand.id, addParams)) {
+			commandService.syncExecuteCommand(OpenValidationPanelOperation.id, {
+				ruleId: rule.uid,
+				isAdd: true
+			});
+			return true;
+		}
+		return false;
+	}
+};
+
+//#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, _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) => {
+			if (cellPos) {
+				const workbook = this._univerInstanceService.getUnit(cellPos.location.unitId, _univerjs_core.UniverInstanceType.UNIVER_SHEET);
+				const worksheet = workbook.getSheetBySheetId(cellPos.location.subUnitId);
+				if (!worksheet) return;
+				const rule = this._dataValidationModel.getRuleByLocation(cellPos.location.unitId, cellPos.location.subUnitId, cellPos.location.row, cellPos.location.col);
+				if (!rule) {
+					this._cellAlertManagerService.removeAlert(ALERT_KEY);
+					return;
+				}
+				if (this._dataValidationModel.validator(rule, {
+					...cellPos.location,
+					workbook,
+					worksheet
+				}) === _univerjs_core.DataValidationStatus.INVALID) {
+					var _currentAlert$alert;
+					const currentAlert = this._cellAlertManagerService.currentAlert.get(ALERT_KEY);
+					const currentLoc = currentAlert === null || currentAlert === void 0 || (_currentAlert$alert = currentAlert.alert) === null || _currentAlert$alert === void 0 ? void 0 : _currentAlert$alert.location;
+					if (currentLoc && currentLoc.row === cellPos.location.row && currentLoc.col === cellPos.location.col && currentLoc.subUnitId === cellPos.location.subUnitId && currentLoc.unitId === cellPos.location.unitId) {
+						this._cellAlertManagerService.removeAlert(ALERT_KEY);
+						return;
+					}
+					const validator = this._dataValidationModel.getValidator(rule.type);
+					if (!validator) {
+						this._cellAlertManagerService.removeAlert(ALERT_KEY);
+						return;
+					}
+					this._cellAlertManagerService.showAlert({
+						type: _univerjs_sheets_ui.CellAlertType.ERROR,
+						title: this._localeService.t("dataValidation.error.title"),
+						message: validator === null || validator === void 0 ? void 0 : validator.getRuleFinalError(rule, cellPos.location),
+						location: cellPos.location,
+						width: 200,
+						height: 74,
+						key: ALERT_KEY
+					});
+					return;
+				}
+			}
+			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, _univerjs_ui.IZenZoneService),
+	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.SheetDataValidationModel))
+], DataValidationAlertController);
+
+//#endregion
+//#region src/controllers/dv-auto-fill.controller.ts
+let DataValidationAutoFillController = class DataValidationAutoFillController extends _univerjs_core.Disposable {
+	constructor(_autoFillService, _sheetDataValidationModel, _injector) {
+		super();
+		this._autoFillService = _autoFillService;
+		this._sheetDataValidationModel = _sheetDataValidationModel;
+		this._injector = _injector;
+		this._initAutoFill();
+	}
+	_initAutoFill() {
+		const noopReturnFunc = () => ({
+			redos: [],
+			undos: []
+		});
+		const generalApplyFunc = (location, applyType) => {
+			const { source: sourceRange, target: targetRange, unitId, subUnitId } = location;
+			const ruleMatrixCopy = this._sheetDataValidationModel.getRuleObjectMatrix(unitId, subUnitId).clone();
+			const virtualRange = (0, _univerjs_sheets_ui.virtualizeDiscreteRanges)([sourceRange, targetRange]);
+			const [vSourceRange, vTargetRange] = virtualRange.ranges;
+			const { mapFunc } = virtualRange;
+			const sourceStartCell = {
+				row: vSourceRange.startRow,
+				col: vSourceRange.startColumn
+			};
+			const repeats = _univerjs_sheets.AutoFillTools.getAutoFillRepeatRange(vSourceRange, vTargetRange);
+			const additionMatrix = new _univerjs_core.ObjectMatrix();
+			const additionRules = /* @__PURE__ */ new Set();
+			repeats.forEach((repeat) => {
+				const targetStartCell = repeat.repeatStartCell;
+				const relativeRange = repeat.relativeRange;
+				const sourceRange = {
+					startRow: sourceStartCell.row,
+					startColumn: sourceStartCell.col,
+					endColumn: sourceStartCell.col,
+					endRow: sourceStartCell.row
+				};
+				const targetRange = {
+					startRow: targetStartCell.row,
+					startColumn: targetStartCell.col,
+					endColumn: targetStartCell.col,
+					endRow: targetStartCell.row
+				};
+				_univerjs_core.Range.foreach(relativeRange, (row, col) => {
+					const sourcePositionRange = _univerjs_core.Rectangle.getPositionRange({
+						startRow: row,
+						startColumn: col,
+						endColumn: col,
+						endRow: row
+					}, sourceRange);
+					const { row: sourceRow, col: sourceCol } = mapFunc(sourcePositionRange.startRow, sourcePositionRange.startColumn);
+					const ruleId = this._sheetDataValidationModel.getRuleIdByLocation(unitId, subUnitId, sourceRow, sourceCol) || "";
+					const targetPositionRange = _univerjs_core.Rectangle.getPositionRange({
+						startRow: row,
+						startColumn: col,
+						endColumn: col,
+						endRow: row
+					}, targetRange);
+					const { 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: (0, _univerjs_core.queryObjectMatrix)(additionMatrix, (value) => value === id)
+			}));
+			ruleMatrixCopy.addRangeRules(additions);
+			const { redoMutations, undoMutations } = (0, _univerjs_sheets_data_validation.getDataValidationDiffMutations)(unitId, subUnitId, ruleMatrixCopy.diff(this._sheetDataValidationModel.getRules(unitId, subUnitId)), this._injector, "patched", applyType === _univerjs_sheets.AUTO_FILL_APPLY_TYPE.ONLY_FORMAT);
+			return {
+				undos: undoMutations,
+				redos: redoMutations
+			};
+		};
+		const hook = {
+			id: _univerjs_sheets_data_validation.DATA_VALIDATION_PLUGIN_NAME,
+			onBeforeFillData: (location) => {
+				const { source: sourceRange, unitId, subUnitId } = location;
+				for (const row of sourceRange.rows) for (const col of sourceRange.cols) {
+					const dv = this._sheetDataValidationModel.getRuleByLocation(unitId, subUnitId, row, col);
+					if (dv && dv.type === _univerjs_core.DataValidationType.CHECKBOX) {
+						this._autoFillService.setDisableApplyType(_univerjs_sheets.AUTO_FILL_APPLY_TYPE.SERIES, true);
+						return;
+					}
+				}
+			},
+			onFillData: (location, direction, applyType) => {
+				if (applyType === _univerjs_sheets.AUTO_FILL_APPLY_TYPE.COPY || applyType === _univerjs_sheets.AUTO_FILL_APPLY_TYPE.ONLY_FORMAT || applyType === _univerjs_sheets.AUTO_FILL_APPLY_TYPE.SERIES) return generalApplyFunc(location, applyType);
+				return noopReturnFunc();
+			},
+			onAfterFillData: () => {}
+		};
+		this.disposeWithMe(this._autoFillService.addHook(hook));
+	}
+};
+DataValidationAutoFillController = __decorate([
+	__decorateParam(0, _univerjs_sheets.IAutoFillService),
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.SheetDataValidationModel)),
+	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_core.Injector))
+], DataValidationAutoFillController);
+
+//#endregion
+//#region src/controllers/dv-copy-paste.controller.ts
+const specialPastes = [
+	_univerjs_sheets_ui.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_COL_WIDTH,
+	_univerjs_sheets_ui.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_VALUE,
+	_univerjs_sheets_ui.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMAT,
+	_univerjs_sheets_ui.PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMULA
+];
+let DataValidationCopyPasteController = class DataValidationCopyPasteController extends _univerjs_core.Disposable {
+	constructor(_sheetClipboardService, _sheetDataValidationModel, _injector, _univerInstanceService) {
+		super();
+		this._sheetClipboardService = _sheetClipboardService;
+		this._sheetDataValidationModel = _sheetDataValidationModel;
+		this._injector = _injector;
+		this._univerInstanceService = _univerInstanceService;
+		_defineProperty(this, "_copyInfo", void 0);
+		this._initCopyPaste();
+	}
+	_initCopyPaste() {
+		this._sheetClipboardService.addClipboardHook({
+			id: _univerjs_sheets_data_validation.DATA_VALIDATION_PLUGIN_NAME,
+			onBeforeCopy: (unitId, subUnitId, range) => this._collect(unitId, subUnitId, range),
+			onPasteCells: (pasteFrom, pasteTo, data, payload) => {
+				if (!pasteFrom || !this._copyInfo || specialPastes.includes(payload.pasteType)) return {
+					redos: [],
+					undos: []
+				};
+				return this._generateMutations(pasteFrom, pasteTo, payload);
+			}
+		});
+	}
+	_collect(unitId, subUnitId, range) {
+		const matrix = new _univerjs_core.ObjectMatrix();
+		this._copyInfo = {
+			unitId,
+			subUnitId,
+			matrix
+		};
+		const discreteRange = this._injector.invoke((accessor) => {
+			return (0, _univerjs_sheets.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 !== void 0 ? ruleId : "");
+			});
+		});
+	}
+	_generateMutations(pasteFrom, pasteTo, payload) {
+		const { unitId: copyUnitId, subUnitId: copySubUnitId, range: copyRange } = pasteFrom;
+		const { unitId: pastedUnitId, subUnitId: pastedSubUnitId, range: pastedRange } = pasteTo;
+		const { copyType = _univerjs_sheets_ui.COPY_TYPE.COPY } = payload;
+		if (!(0, _univerjs_sheets.getSheetCommandTarget)(this._univerInstanceService, {
+			unitId: pastedUnitId,
+			subUnitId: pastedSubUnitId
+		})) return {
+			redos: [],
+			undos: []
+		};
+		if (copyType === _univerjs_sheets_ui.COPY_TYPE.CUT && pastedUnitId === copyUnitId && pastedSubUnitId === copySubUnitId) {
+			this._copyInfo = null;
+			return {
+				redos: [],
+				undos: []
+			};
+		}
+		if (pastedUnitId !== copyUnitId || pastedSubUnitId !== copySubUnitId) {
+			const ruleMatrix = this._sheetDataValidationModel.getRuleObjectMatrix(pastedUnitId, pastedSubUnitId).clone();
+			const additionMatrix = new _univerjs_core.ObjectMatrix();
+			const addRules = /* @__PURE__ */ new Set();
+			const { ranges: [vCopyRange, vPastedRange], mapFunc } = (0, _univerjs_sheets_ui.virtualizeDiscreteRanges)([copyRange, pastedRange]);
+			const repeatRange = (0, _univerjs_sheets_ui.getRepeatRange)(vCopyRange, vPastedRange, true);
+			const additionRules = /* @__PURE__ */ new Map();
+			repeatRange.forEach(({ startRange }) => {
+				var _this$_copyInfo;
+				(_this$_copyInfo = this._copyInfo) === null || _this$_copyInfo === void 0 || _this$_copyInfo.matrix.forValue((row, col, ruleId) => {
+					const range = _univerjs_core.Rectangle.getPositionRange({
+						startRow: row,
+						endRow: row,
+						startColumn: col,
+						endColumn: col
+					}, startRange);
+					const transformedRuleId = `${copySubUnitId}-${ruleId}`;
+					const oldRule = this._sheetDataValidationModel.getRuleById(copyUnitId, copySubUnitId, ruleId);
+					if (!this._sheetDataValidationModel.getRuleById(pastedUnitId, pastedSubUnitId, 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: (0, _univerjs_core.queryObjectMatrix)(additionMatrix, (value) => value === id)
+			}));
+			ruleMatrix.addRangeRules(additions);
+			const { redoMutations, undoMutations } = (0, _univerjs_sheets_data_validation.getDataValidationDiffMutations)(pastedUnitId, pastedSubUnitId, ruleMatrix.diffWithAddition(this._sheetDataValidationModel.getRules(pastedUnitId, pastedSubUnitId), additionRules.values()), this._injector, "patched", false);
+			if (copyType === _univerjs_sheets_ui.COPY_TYPE.CUT) {
+				const copySheetRuleMatrix = this._sheetDataValidationModel.getRuleObjectMatrix(copyUnitId, copySubUnitId).clone();
+				const deleteRangeStartCell = mapFunc(vCopyRange.startRow, vCopyRange.startColumn);
+				const deleteRangeEndCell = mapFunc(vCopyRange.endRow, vCopyRange.endColumn);
+				copySheetRuleMatrix.addRangeRules([{
+					id: "",
+					ranges: [{
+						startRow: deleteRangeStartCell.row,
+						endRow: deleteRangeEndCell.row,
+						startColumn: deleteRangeStartCell.col,
+						endColumn: deleteRangeEndCell.col
+					}]
+				}]);
+				const { redoMutations: cutRedos, undoMutations: cutUndos } = (0, _univerjs_sheets_data_validation.getDataValidationDiffMutations)(copyUnitId, copySubUnitId, copySheetRuleMatrix.diff(this._sheetDataValidationModel.getRules(copyUnitId, copySubUnitId)), this._injector, "patched", false);
+				redoMutations.push(...cutRedos);
+				undoMutations.push(...cutUndos);
+			}
+			return {
+				redos: redoMutations,
+				undos: undoMutations
+			};
+		} else {
+			const ruleMatrix = this._sheetDataValidationModel.getRuleObjectMatrix(copyUnitId, copySubUnitId).clone();
+			const additionMatrix = new _univerjs_core.ObjectMatrix();
+			const additionRules = /* @__PURE__ */ new Set();
+			const { ranges: [vCopyRange, vPastedRange], mapFunc } = (0, _univerjs_sheets_ui.virtualizeDiscreteRanges)([copyRange, pastedRange]);
+			(0, _univerjs_sheets_ui.getRepeatRange)(vCopyRange, vPastedRange, true).forEach(({ startRange }) => {
+				var _this$_copyInfo2;
+				(_this$_copyInfo2 = this._copyInfo) === null || _this$_copyInfo2 === void 0 || _this$_copyInfo2.matrix.forValue((row, col, ruleId) => {
+					const range = _univerjs_core.Rectangle.getPositionRange({
+						startRow: row,
+						endRow: row,
+						startColumn: col,
+						endColumn: col
+					}, startRange);
+					const { 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: (0, _univerjs_core.queryObjectMatrix)(additionMatrix, (value) => value === id)
+			}));
+			ruleMatrix.addRangeRules(additions);
+			const { redoMutations, undoMutations } = (0, _univerjs_sheets_data_validation.getDataValidationDiffMutations)(pastedUnitId, pastedSubUnitId, ruleMatrix.diff(this._sheetDataValidationModel.getRules(copyUnitId, copySubUnitId)), this._injector, "patched", false);
+			return {
+				redos: redoMutations,
+				undos: undoMutations
+			};
+		}
+	}
+};
+DataValidationCopyPasteController = __decorate([
+	__decorateParam(0, _univerjs_sheets_ui.ISheetClipboardService),
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.SheetDataValidationModel)),
+	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
+	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_core.IUniverInstanceService))
+], DataValidationCopyPasteController);
+
+//#endregion
+//#region src/controllers/dv-permission.controller.ts
+let DataValidationPermissionController = class DataValidationPermissionController extends _univerjs_core.Disposable {
+	constructor(_localeService, _commandService, _sheetPermissionCheckController) {
+		super();
+		this._localeService = _localeService;
+		this._commandService = _commandService;
+		this._sheetPermissionCheckController = _sheetPermissionCheckController;
+		this._commandExecutedListener();
+	}
+	_commandExecutedListener() {
+		this.disposeWithMe(this._commandService.beforeCommandExecuted((command) => {
+			if (command.id === _univerjs_sheets_data_validation.AddSheetDataValidationCommand.id) {
+				const { unitId, subUnitId, rule: { ranges } } = command.params;
+				if (!this._sheetPermissionCheckController.permissionCheckWithRanges({
+					workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+					rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint],
+					worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetCellStylePermission]
+				}, ranges, unitId, subUnitId)) this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr"));
+			}
+			if (command.id === _univerjs_sheets_data_validation.UpdateSheetDataValidationRangeCommand.id) {
+				const { unitId, subUnitId, ranges } = command.params;
+				if (!this._sheetPermissionCheckController.permissionCheckWithRanges({
+					workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+					rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint],
+					worksheetTypes: [_univerjs_sheets.WorksheetEditPermission, _univerjs_sheets.WorksheetSetCellStylePermission]
+				}, ranges, unitId, subUnitId)) this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr"));
+			}
+		}));
+	}
+};
+DataValidationPermissionController = __decorate([
+	__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService)),
+	__decorateParam(1, _univerjs_core.ICommandService),
+	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetPermissionCheckController))
+], DataValidationPermissionController);
+
+//#endregion
+//#region src/menu/dv.menu.ts
+const DATA_VALIDATION_MENU_ID = "sheet.menu.data-validation";
+function dataValidationMenuFactory(accessor) {
+	return {
+		id: DATA_VALIDATION_MENU_ID,
+		type: _univerjs_ui.MenuItemType.SUBITEMS,
+		icon: "DataValidationIcon",
+		tooltip: "dataValidation.title",
+		hidden$: (0, _univerjs_ui.getMenuHiddenObservable)(accessor, _univerjs_core.UniverInstanceType.UNIVER_SHEET),
+		disabled$: (0, _univerjs_sheets_ui.getCurrentRangeDisable$)(accessor, {
+			workbookTypes: [_univerjs_sheets.WorkbookEditablePermission],
+			worksheetTypes: [_univerjs_sheets.WorksheetSetCellStylePermission, _univerjs_sheets.WorksheetEditPermission],
+			rangeTypes: [_univerjs_sheets.RangeProtectionPermissionEditPoint]
+		})
+	};
+}
+function openDataValidationMenuFactory(_accessor) {
+	return {
+		id: OpenValidationPanelOperation.id,
+		title: "dataValidation.panel.title",
+		type: _univerjs_ui.MenuItemType.BUTTON
+	};
+}
+function addDataValidationMenuFactory(_accessor) {
+	return {
+		id: AddSheetDataValidationAndOpenCommand.id,
+		title: "dataValidation.panel.add",
+		type: _univerjs_ui.MenuItemType.BUTTON
+	};
+}
+
+//#endregion
+//#region src/menu/schema.ts
+const menuSchema = { [_univerjs_ui.RibbonDataGroup.RULES]: { [DATA_VALIDATION_MENU_ID]: {
+	order: 0,
+	menuItemFactory: dataValidationMenuFactory,
+	[OpenValidationPanelOperation.id]: {
+		order: 0,
+		menuItemFactory: openDataValidationMenuFactory
+	},
+	[AddSheetDataValidationAndOpenCommand.id]: {
+		order: 1,
+		menuItemFactory: addDataValidationMenuFactory
+	}
+} } };
+
+//#endregion
+//#region src/controllers/dv-render.controller.ts
+const INVALID_MARK = { tr: {
+	size: 6,
+	color: "#fe4b4b"
+} };
+let SheetsDataValidationRenderController = class SheetsDataValidationRenderController extends _univerjs_core.RxDisposable {
+	constructor(_commandService, _menuManagerService, _renderManagerService, _univerInstanceService, _autoHeightController, _dropdownManagerService, _sheetDataValidationModel, _dataValidatorRegistryService, _sheetInterceptorService, _dataValidationCacheService, _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._dataValidationCacheService = _dataValidationCacheService;
+		this._editorBridgeService = _editorBridgeService;
+		this._initMenu();
+		this._initDropdown();
+		this._initViewModelIntercept();
+		this._initAutoHeight();
+	}
+	_initMenu() {
+		this._menuManagerService.mergeMenu(menuSchema);
+	}
+	_initDropdown() {
+		if (!this._editorBridgeService) return;
+		this.disposeWithMe(this._editorBridgeService.visible$.subscribe((visible) => {
+			if (!visible.visible) {
+				var _this$_dropdownManage;
+				if (((_this$_dropdownManage = this._dropdownManagerService.activeDropdown) === null || _this$_dropdownManage === void 0 ? void 0 : _this$_dropdownManage.trigger) === "editor-bridge") this._dropdownManagerService.hideDropdown();
+				return;
+			}
+			const state = this._editorBridgeService.getEditCellState();
+			if (state) {
+				const { unitId, sheetId, row, column } = state;
+				const 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 === void 0 ? void 0 : validator.dropdownType)) return;
+				const worksheet = workbook.getActiveSheet();
+				if (!worksheet) return;
+				const activeDropdown = this._dropdownManagerService.activeDropdown;
+				const currLoc = activeDropdown === null || activeDropdown === void 0 ? 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
+					},
+					trigger: "editor-bridge",
+					closeOnOutSide: false
+				});
+			}
+		}));
+	}
+	_initViewModelIntercept() {
+		this.disposeWithMe(this._sheetInterceptorService.intercept(_univerjs_sheets.INTERCEPTOR_POINT.CELL_CONTENT, {
+			effect: _univerjs_core.InterceptorEffectEnum.Style,
+			priority: _univerjs_sheets.InterceptCellContentPriority.DATA_VALIDATION,
+			handler: (cell, pos, next) => {
+				var _this$_dataValidation, _cell$customRender, _cell$fontRenderExten, _validator$skipDefaul, _cell$coverable;
+				const { row, col, unitId, subUnitId, workbook, worksheet } = pos;
+				const 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$_dataValidation = this._dataValidationCacheService.getValue(unitId, subUnitId, row, col)) !== null && _this$_dataValidation !== void 0 ? _this$_dataValidation : _univerjs_core.DataValidationStatus.VALID;
+				const validator = this._dataValidatorRegistryService.getValidatorItem(rule.type);
+				const cellOrigin = pos.rawData;
+				let cache;
+				const cellValue = { get value() {
+					var _getCellValueOrigin;
+					if (cache !== void 0) return cache;
+					cache = (_getCellValueOrigin = (0, _univerjs_sheets_data_validation.getCellValueOrigin)(cellOrigin)) !== null && _getCellValueOrigin !== void 0 ? _getCellValueOrigin : null;
+					return cache;
+				} };
+				const valueStr = { get value() {
+					var _cellValue$value;
+					return `${(_cellValue$value = cellValue.value) !== null && _cellValue$value !== void 0 ? _cellValue$value : ""}`;
+				} };
+				if (!cell || cell === pos.rawData) cell = { ...pos.rawData };
+				cell.markers = {
+					...cell === null || cell === void 0 ? void 0 : cell.markers,
+					...validStatus === _univerjs_core.DataValidationStatus.INVALID ? INVALID_MARK : null
+				};
+				cell.customRender = [...(_cell$customRender = cell === null || cell === void 0 ? void 0 : cell.customRender) !== null && _cell$customRender !== void 0 ? _cell$customRender : [], ...(validator === null || validator === void 0 ? void 0 : validator.canvasRender) ? [validator.canvasRender] : []];
+				cell.fontRenderExtension = {
+					...cell === null || cell === void 0 ? void 0 : cell.fontRenderExtension,
+					isSkip: (cell === null || cell === void 0 || (_cell$fontRenderExten = cell.fontRenderExtension) === null || _cell$fontRenderExten === void 0 ? void 0 : _cell$fontRenderExten.isSkip) || (validator === null || validator === void 0 || (_validator$skipDefaul = validator.skipDefaultFontRender) === null || _validator$skipDefaul === void 0 ? void 0 : _validator$skipDefaul.call(validator, rule, cellValue.value, pos))
+				};
+				cell.interceptorStyle = {
+					...cell === null || cell === void 0 ? void 0 : cell.interceptorStyle,
+					...validator === null || validator === void 0 ? void 0 : validator.getExtraStyle(rule, valueStr.value, { get style() {
+						const styleMap = workbook.getStyles();
+						return (typeof (cell === null || cell === void 0 ? void 0 : cell.s) === "string" ? styleMap.get(cell === null || cell === void 0 ? void 0 : cell.s) : cell === null || cell === void 0 ? void 0 : cell.s) || {};
+					} }, row, col)
+				};
+				cell.interceptorAutoHeight = () => {
+					var _this$_renderManagerS, _mergeCell$startRow, _mergeCell$startColum, _validator$canvasRend, _validator$canvasRend2;
+					const skeleton = (_this$_renderManagerS = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS === void 0 || (_this$_renderManagerS = _this$_renderManagerS.with(_univerjs_sheets_ui.SheetSkeletonManagerService).getSkeletonParam(subUnitId)) === null || _this$_renderManagerS === void 0 ? void 0 : _this$_renderManagerS.skeleton;
+					if (!skeleton) return;
+					const mergeCell = skeleton.worksheet.getMergedCell(row, col);
+					const info = {
+						data: cell,
+						style: skeleton.getStyles().getStyleByCell(cell),
+						primaryWithCoord: skeleton.getCellWithCoordByIndex((_mergeCell$startRow = mergeCell === null || mergeCell === void 0 ? void 0 : mergeCell.startRow) !== null && _mergeCell$startRow !== void 0 ? _mergeCell$startRow : row, (_mergeCell$startColum = mergeCell === null || mergeCell === void 0 ? void 0 : mergeCell.startColumn) !== null && _mergeCell$startColum !== void 0 ? _mergeCell$startColum : col),
+						unitId,
+						subUnitId,
+						row,
+						col,
+						workbook,
+						worksheet
+					};
+					return validator === null || validator === void 0 || (_validator$canvasRend = validator.canvasRender) === null || _validator$canvasRend === void 0 || (_validator$canvasRend2 = _validator$canvasRend.calcCellAutoHeight) === null || _validator$canvasRend2 === void 0 ? void 0 : _validator$canvasRend2.call(_validator$canvasRend, info);
+				};
+				cell.interceptorAutoWidth = () => {
+					var _this$_renderManagerS2, _mergeCell$startRow2, _mergeCell$startColum2, _validator$canvasRend3, _validator$canvasRend4;
+					const skeleton = (_this$_renderManagerS2 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS2 === void 0 || (_this$_renderManagerS2 = _this$_renderManagerS2.with(_univerjs_sheets_ui.SheetSkeletonManagerService).getSkeletonParam(subUnitId)) === null || _this$_renderManagerS2 === void 0 ? void 0 : _this$_renderManagerS2.skeleton;
+					if (!skeleton) return;
+					const mergeCell = skeleton.worksheet.getMergedCell(row, col);
+					const info = {
+						data: cell,
+						style: skeleton.getStyles().getStyleByCell(cell),
+						primaryWithCoord: skeleton.getCellWithCoordByIndex((_mergeCell$startRow2 = mergeCell === null || mergeCell === void 0 ? void 0 : mergeCell.startRow) !== null && _mergeCell$startRow2 !== void 0 ? _mergeCell$startRow2 : row, (_mergeCell$startColum2 = mergeCell === null || mergeCell === void 0 ? void 0 : mergeCell.startColumn) !== null && _mergeCell$startColum2 !== void 0 ? _mergeCell$startColum2 : col),
+						unitId,
+						subUnitId,
+						row,
+						col,
+						workbook,
+						worksheet
+					};
+					return validator === null || validator === void 0 || (_validator$canvasRend3 = validator.canvasRender) === null || _validator$canvasRend3 === void 0 || (_validator$canvasRend4 = _validator$canvasRend3.calcCellAutoWidth) === null || _validator$canvasRend4 === void 0 ? void 0 : _validator$canvasRend4.call(_validator$canvasRend3, info);
+				};
+				cell.coverable = ((_cell$coverable = cell === null || cell === void 0 ? void 0 : cell.coverable) !== null && _cell$coverable !== void 0 ? _cell$coverable : true) && !(rule.type === _univerjs_core.DataValidationType.LIST || rule.type === _univerjs_core.DataValidationType.LIST_MULTIPLE);
+				return next(cell);
+			}
+		}));
+	}
+	_initAutoHeight() {
+		this._sheetDataValidationModel.ruleChange$.pipe((0, rxjs.filter)((change) => change.source === "command"), (0, rxjs.bufferTime)(100)).subscribe((infos) => {
+			if (infos.length === 0) return;
+			const ranges = [];
+			infos.forEach((info) => {
+				if (info.rule.type === _univerjs_core.DataValidationType.LIST_MULTIPLE || info.rule.type === _univerjs_core.DataValidationType.LIST) {
+					var _info$rule;
+					if ((_info$rule = info.rule) === null || _info$rule === void 0 ? void 0 : _info$rule.ranges) ranges.push(...info.rule.ranges);
+				}
+			});
+			if (ranges.length) (0, _univerjs_core.sequenceExecute)(this._autoHeightController.getUndoRedoParamsOfAutoHeight(ranges).redos, this._commandService);
+		});
+	}
+};
+SheetsDataValidationRenderController = __decorate([
+	__decorateParam(0, _univerjs_core.ICommandService),
+	__decorateParam(1, _univerjs_ui.IMenuManagerService),
+	__decorateParam(2, _univerjs_engine_render.IRenderManagerService),
+	__decorateParam(3, _univerjs_core.IUniverInstanceService),
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.AutoHeightController)),
+	__decorateParam(5, (0, _univerjs_core.Inject)(DataValidationDropdownManagerService)),
+	__decorateParam(6, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.SheetDataValidationModel)),
+	__decorateParam(7, (0, _univerjs_core.Inject)(_univerjs_data_validation.DataValidatorRegistryService)),
+	__decorateParam(8, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetInterceptorService)),
+	__decorateParam(9, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.DataValidationCacheService)),
+	__decorateParam(10, (0, _univerjs_core.Optional)(_univerjs_sheets_ui.IEditorBridgeService))
+], SheetsDataValidationRenderController);
+let SheetsDataValidationMobileRenderController = class SheetsDataValidationMobileRenderController extends _univerjs_core.RxDisposable {
+	constructor(_commandService, _renderManagerService, _autoHeightController, _dataValidatorRegistryService, _sheetInterceptorService, _sheetDataValidationModel, _dataValidationCacheService) {
+		super();
+		this._commandService = _commandService;
+		this._renderManagerService = _renderManagerService;
+		this._autoHeightController = _autoHeightController;
+		this._dataValidatorRegistryService = _dataValidatorRegistryService;
+		this._sheetInterceptorService = _sheetInterceptorService;
+		this._sheetDataValidationModel = _sheetDataValidationModel;
+		this._dataValidationCacheService = _dataValidationCacheService;
+		this._initViewModelIntercept();
+		this._initAutoHeight();
+	}
+	_initViewModelIntercept() {
+		this.disposeWithMe(this._sheetInterceptorService.intercept(_univerjs_sheets.INTERCEPTOR_POINT.CELL_CONTENT, {
+			effect: _univerjs_core.InterceptorEffectEnum.Style,
+			priority: _univerjs_sheets.InterceptCellContentPriority.DATA_VALIDATION,
+			handler: (cell, pos, next) => {
+				var _this$_dataValidation2, _cell$customRender2, _cell$fontRenderExten2, _validator$skipDefaul2, _cell$coverable2;
+				const { row, col, unitId, subUnitId, workbook, worksheet } = pos;
+				const 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$_dataValidation2 = this._dataValidationCacheService.getValue(unitId, subUnitId, row, col)) !== null && _this$_dataValidation2 !== void 0 ? _this$_dataValidation2 : _univerjs_core.DataValidationStatus.VALID;
+				const validator = this._dataValidatorRegistryService.getValidatorItem(rule.type);
+				const cellValue = (0, _univerjs_sheets_data_validation.getCellValueOrigin)(worksheet.getCellRaw(row, col));
+				const valueStr = `${cellValue !== null && cellValue !== void 0 ? cellValue : ""}`;
+				if (!cell || cell === pos.rawData) cell = { ...pos.rawData };
+				cell.markers = {
+					...cell === null || cell === void 0 ? void 0 : cell.markers,
+					...validStatus === _univerjs_core.DataValidationStatus.INVALID ? INVALID_MARK : null
+				};
+				cell.customRender = [...(_cell$customRender2 = cell === null || cell === void 0 ? void 0 : cell.customRender) !== null && _cell$customRender2 !== void 0 ? _cell$customRender2 : [], ...(validator === null || validator === void 0 ? void 0 : validator.canvasRender) ? [validator.canvasRender] : []];
+				cell.fontRenderExtension = {
+					...cell === null || cell === void 0 ? void 0 : cell.fontRenderExtension,
+					isSkip: (cell === null || cell === void 0 || (_cell$fontRenderExten2 = cell.fontRenderExtension) === null || _cell$fontRenderExten2 === void 0 ? void 0 : _cell$fontRenderExten2.isSkip) || (validator === null || validator === void 0 || (_validator$skipDefaul2 = validator.skipDefaultFontRender) === null || _validator$skipDefaul2 === void 0 ? void 0 : _validator$skipDefaul2.call(validator, rule, cellValue, pos))
+				};
+				cell.interceptorStyle = {
+					...cell === null || cell === void 0 ? void 0 : cell.interceptorStyle,
+					...validator === null || validator === void 0 ? void 0 : validator.getExtraStyle(rule, valueStr, { get style() {
+						const styleMap = workbook.getStyles();
+						return (typeof (cell === null || cell === void 0 ? void 0 : cell.s) === "string" ? styleMap.get(cell === null || cell === void 0 ? void 0 : cell.s) : cell === null || cell === void 0 ? void 0 : cell.s) || {};
+					} }, row, col)
+				};
+				cell.interceptorAutoHeight = () => {
+					var _this$_renderManagerS3, _mergeCell$startRow3, _mergeCell$startColum3, _validator$canvasRend5, _validator$canvasRend6;
+					const skeleton = (_this$_renderManagerS3 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS3 === void 0 || (_this$_renderManagerS3 = _this$_renderManagerS3.with(_univerjs_sheets_ui.SheetSkeletonManagerService).getSkeletonParam(subUnitId)) === null || _this$_renderManagerS3 === void 0 ? void 0 : _this$_renderManagerS3.skeleton;
+					if (!skeleton) return;
+					const mergeCell = skeleton.worksheet.getMergedCell(row, col);
+					const info = {
+						data: cell,
+						style: skeleton.getStyles().getStyleByCell(cell),
+						primaryWithCoord: skeleton.getCellWithCoordByIndex((_mergeCell$startRow3 = mergeCell === null || mergeCell === void 0 ? void 0 : mergeCell.startRow) !== null && _mergeCell$startRow3 !== void 0 ? _mergeCell$startRow3 : row, (_mergeCell$startColum3 = mergeCell === null || mergeCell === void 0 ? void 0 : mergeCell.startColumn) !== null && _mergeCell$startColum3 !== void 0 ? _mergeCell$startColum3 : col),
+						unitId,
+						subUnitId,
+						row,
+						col,
+						workbook,
+						worksheet
+					};
+					return validator === null || validator === void 0 || (_validator$canvasRend5 = validator.canvasRender) === null || _validator$canvasRend5 === void 0 || (_validator$canvasRend6 = _validator$canvasRend5.calcCellAutoHeight) === null || _validator$canvasRend6 === void 0 ? void 0 : _validator$canvasRend6.call(_validator$canvasRend5, info);
+				};
+				cell.interceptorAutoWidth = () => {
+					var _this$_renderManagerS4, _mergeCell$startRow4, _mergeCell$startColum4, _validator$canvasRend7, _validator$canvasRend8;
+					const skeleton = (_this$_renderManagerS4 = this._renderManagerService.getRenderById(unitId)) === null || _this$_renderManagerS4 === void 0 || (_this$_renderManagerS4 = _this$_renderManagerS4.with(_univerjs_sheets_ui.SheetSkeletonManagerService).getSkeletonParam(subUnitId)) === null || _this$_renderManagerS4 === void 0 ? void 0 : _this$_renderManagerS4.skeleton;
+					if (!skeleton) return;
+					const mergeCell = skeleton.worksheet.getMergedCell(row, col);
+					const info = {
+						data: cell,
+						style: skeleton.getStyles().getStyleByCell(cell),
+						primaryWithCoord: skeleton.getCellWithCoordByIndex((_mergeCell$startRow4 = mergeCell === null || mergeCell === void 0 ? void 0 : mergeCell.startRow) !== null && _mergeCell$startRow4 !== void 0 ? _mergeCell$startRow4 : row, (_mergeCell$startColum4 = mergeCell === null || mergeCell === void 0 ? void 0 : mergeCell.startColumn) !== null && _mergeCell$startColum4 !== void 0 ? _mergeCell$startColum4 : col),
+						unitId,
+						subUnitId,
+						row,
+						col,
+						workbook,
+						worksheet
+					};
+					return validator === null || validator === void 0 || (_validator$canvasRend7 = validator.canvasRender) === null || _validator$canvasRend7 === void 0 || (_validator$canvasRend8 = _validator$canvasRend7.calcCellAutoWidth) === null || _validator$canvasRend8 === void 0 ? void 0 : _validator$canvasRend8.call(_validator$canvasRend7, info);
+				};
+				cell.coverable = ((_cell$coverable2 = cell === null || cell === void 0 ? void 0 : cell.coverable) !== null && _cell$coverable2 !== void 0 ? _cell$coverable2 : true) && !(rule.type === _univerjs_core.DataValidationType.LIST || rule.type === _univerjs_core.DataValidationType.LIST_MULTIPLE);
+				return next(cell);
+			}
+		}));
+	}
+	_initAutoHeight() {
+		this._sheetDataValidationModel.ruleChange$.pipe((0, rxjs.filter)((change) => change.source === "command"), (0, rxjs.bufferTime)(16)).subscribe((infos) => {
+			const ranges = [];
+			infos.forEach((info) => {
+				if (info.rule.type === _univerjs_core.DataValidationType.LIST_MULTIPLE || info.rule.type === _univerjs_core.DataValidationType.LIST) {
+					var _info$rule2;
+					if ((_info$rule2 = info.rule) === null || _info$rule2 === void 0 ? void 0 : _info$rule2.ranges) ranges.push(...info.rule.ranges);
+				}
+			});
+			if (ranges.length) (0, _univerjs_core.sequenceExecute)(this._autoHeightController.getUndoRedoParamsOfAutoHeight(ranges).redos, this._commandService);
+		});
+	}
+};
+SheetsDataValidationMobileRenderController = __decorate([
+	__decorateParam(0, _univerjs_core.ICommandService),
+	__decorateParam(1, _univerjs_engine_render.IRenderManagerService),
+	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_sheets_ui.AutoHeightController)),
+	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_data_validation.DataValidatorRegistryService)),
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets.SheetInterceptorService)),
+	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.SheetDataValidationModel)),
+	__decorateParam(6, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.DataValidationCacheService))
+], SheetsDataValidationMobileRenderController);
+
+//#endregion
+//#region src/controllers/dv-rerender.controller.ts
+let SheetsDataValidationReRenderController = class SheetsDataValidationReRenderController extends _univerjs_core.Disposable {
+	constructor(_context, _sheetDataValidationModel, _sheetSkeletonManagerService) {
+		super();
+		this._context = _context;
+		this._sheetDataValidationModel = _sheetDataValidationModel;
+		this._sheetSkeletonManagerService = _sheetSkeletonManagerService;
+		this._initSkeletonChange();
+	}
+	_initSkeletonChange() {
+		const reRender = (values) => {
+			var _this$_context$mainCo;
+			if (!values.length) return;
+			const sheetIds = /* @__PURE__ */ new Set();
+			values.forEach((value) => {
+				sheetIds.add(value.subUnitId);
+			});
+			sheetIds.forEach((sheetId) => {
+				var _this$_sheetSkeletonM;
+				(_this$_sheetSkeletonM = this._sheetSkeletonManagerService.getSkeletonParam(sheetId)) === null || _this$_sheetSkeletonM === void 0 || _this$_sheetSkeletonM.skeleton.makeDirty(true);
+			});
+			(_this$_context$mainCo = this._context.mainComponent) === null || _this$_context$mainCo === void 0 || _this$_context$mainCo.makeForceDirty();
+		};
+		this.disposeWithMe(this._sheetDataValidationModel.validStatusChange$.pipe((0, _univerjs_core.bufferDebounceTime)(16)).subscribe(reRender));
+	}
+};
+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/options/index.tsx
+function DataValidationOptions(props) {
+	var _value$errorStyle;
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const componentManager = (0, _univerjs_ui.useDependency)(_univerjs_ui.ComponentManager);
+	const { value, onChange, extraComponent } = props;
+	const [show, setShow] = (0, react.useState)(false);
+	const ExtraOptions = extraComponent ? componentManager.get(extraComponent) : null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "univer-mb-3 univer-flex univer-cursor-pointer univer-items-center univer-text-sm univer-text-gray-900 dark:!univer-text-white",
+		onClick: () => setShow(!show),
+		children: [localeService.t("dataValidation.panel.options"), show ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.MoreUpIcon, { className: "univer-ml-1" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.MoreDownIcon, { className: "univer-ml-1" })]
+	}), show && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		ExtraOptions ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ExtraOptions, {
+			value,
+			onChange
+		}) : null,
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+			label: localeService.t("dataValidation.panel.invalid"),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_univerjs_design.RadioGroup, {
+				value: `${(_value$errorStyle = value.errorStyle) !== null && _value$errorStyle !== void 0 ? _value$errorStyle : _univerjs_core.DataValidationErrorStyle.WARNING}`,
+				onChange: (errorStyle) => onChange({
+					...value,
+					errorStyle: +errorStyle
+				}),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
+					value: `${_univerjs_core.DataValidationErrorStyle.WARNING}`,
+					children: localeService.t("dataValidation.panel.showWarning")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
+					value: `${_univerjs_core.DataValidationErrorStyle.STOP}`,
+					children: localeService.t("dataValidation.panel.rejectInput")
+				})]
+			})
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+			label: localeService.t("dataValidation.panel.messageInfo"),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, {
+				checked: value.showErrorMessage,
+				onChange: () => onChange({
+					...value,
+					showErrorMessage: !value.showErrorMessage
+				}),
+				children: localeService.t("dataValidation.panel.showInfo")
+			})
+		}),
+		value.showErrorMessage ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
+			value: value.error,
+			onChange: (error) => onChange({
+				...value,
+				error
+			})
+		}) }) : null
+	] })] });
+}
+
+//#endregion
+//#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);
+}, 1e3);
+function getSheetIdByName(univerInstanceService, unitId, name) {
+	var _univerInstanceServic2;
+	if (unitId) {
+		var _univerInstanceServic;
+		return ((_univerInstanceServic = univerInstanceService.getUnit(unitId)) === null || _univerInstanceServic === void 0 || (_univerInstanceServic = _univerInstanceServic.getSheetBySheetName(name)) === null || _univerInstanceServic === void 0 ? void 0 : _univerInstanceServic.getSheetId()) || "";
+	}
+	return ((_univerInstanceServic2 = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET)) === null || _univerInstanceServic2 === void 0 || (_univerInstanceServic2 = _univerInstanceServic2.getSheetBySheetName(name)) === null || _univerInstanceServic2 === void 0 ? void 0 : _univerInstanceServic2.getSheetId()) || "";
+}
+function DataValidationDetail() {
+	var _validators$sort, _localRule$allowBlank;
+	const [key, setKey] = (0, react.useState)(0);
+	const dataValidationPanelService = (0, _univerjs_ui.useDependency)(DataValidationPanelService);
+	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);
+	const componentManager = (0, _univerjs_ui.useDependency)(_univerjs_ui.ComponentManager);
+	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	const dataValidationModel = (0, _univerjs_ui.useDependency)(_univerjs_data_validation.DataValidationModel);
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const workbook = (0, _univerjs_ui.useObservable)(() => univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET), void 0, void 0, []);
+	const worksheet = (0, _univerjs_ui.useObservable)(() => {
+		var _workbook$activeSheet;
+		return (_workbook$activeSheet = workbook === null || workbook === void 0 ? void 0 : workbook.activeSheet$) !== null && _workbook$activeSheet !== void 0 ? _workbook$activeSheet : (0, rxjs.of)(null);
+	}, void 0, void 0, []);
+	const [localRule, setLocalRule] = (0, react.useState)(rule);
+	const validator = validatorService.getValidatorItem(localRule.type);
+	const [showError, setShowError] = (0, react.useState)(false);
+	const validators = validatorService.getValidatorsByScope(_univerjs_data_validation.DataValidatorRegistryScope.SHEET);
+	const [localRanges, setLocalRanges] = (0, react.useState)(() => localRule.ranges.map((i) => ({
+		unitId: "",
+		sheetId: "",
+		range: i
+	})));
+	const debounceExecute = (0, react.useMemo)(() => debounceExecuteFactory(commandService), [commandService]);
+	const [isRangeError, setIsRangeError] = (0, react.useState)(false);
+	const [isFocusRangeSelector, setIsFocusRangeSelector] = (0, react.useState)(false);
+	const rangeSelectorInstance = (0, react.useRef)(null);
+	const sheetSelectionService = (0, _univerjs_ui.useDependency)(_univerjs_sheets.SheetsSelectionsService);
+	(0, react.useEffect)(() => {
+		return () => {
+			const currentSelection = sheetSelectionService.getCurrentLastSelection();
+			if (currentSelection) sheetSelectionService.setSelections([currentSelection]);
+		};
+	}, [sheetSelectionService]);
+	(0, react.useEffect)(() => {
+		commandService.onCommandExecuted((commandInfo) => {
+			if (commandInfo.id === _univerjs_core.UndoCommand.id || commandInfo.id === _univerjs_core.RedoCommand.id) setTimeout(() => {
+				const activeRule = dataValidationModel.getRuleById(unitId, subUnitId, ruleId);
+				setKey((k) => k + 1);
+				if (activeRule) {
+					setLocalRule(activeRule);
+					setLocalRanges(activeRule.ranges.map((i) => ({
+						unitId: "",
+						sheetId: "",
+						range: i
+					})));
+				}
+			}, 20);
+		});
+	}, [
+		commandService,
+		dataValidationModel,
+		ruleId,
+		subUnitId,
+		unitId
+	]);
+	if (!validator) return null;
+	const operators = validator.operators;
+	const operatorNames = validator.operatorNames;
+	const isTwoFormula = localRule.operator ? _univerjs_data_validation.TWO_FORMULA_OPERATOR_COUNT.includes(localRule.operator) : false;
+	const goBackActiveRuleSheet = () => {
+		if ((worksheet === null || worksheet === void 0 ? void 0 : worksheet.getSheetId()) !== subUnitId) commandService.syncExecuteCommand(_univerjs_sheets.SetWorksheetActiveOperation.id, {
+			unitId,
+			subUnitId
+		});
+	};
+	const handleOk = () => {
+		var _rangeSelectorInstanc;
+		if ((_rangeSelectorInstanc = rangeSelectorInstance.current) === null || _rangeSelectorInstanc === void 0 || (_rangeSelectorInstanc = _rangeSelectorInstanc.editor) === null || _rangeSelectorInstanc === void 0 ? void 0 : _rangeSelectorInstanc.isFocus()) {
+			var _rangeSelectorInstanc2;
+			handleUpdateRuleRanges((_rangeSelectorInstanc2 = rangeSelectorInstance.current) === null || _rangeSelectorInstanc2 === void 0 ? void 0 : _rangeSelectorInstanc2.getValue());
+		}
+		if (!localRule.ranges.length || isRangeError) return;
+		if (validator.validatorFormula(localRule, unitId, subUnitId).success) dataValidationPanelService.setActiveRule(null);
+		else setShowError(true);
+		goBackActiveRuleSheet();
+	};
+	const handleUpdateRuleRanges = (0, _univerjs_ui.useEvent)((rangeText) => {
+		const unitRanges = rangeText.split(",").filter(Boolean).map(_univerjs_engine_formula.deserializeRangeWithSheet).map((unitRange) => {
+			const sheetName = unitRange.sheetName;
+			if (sheetName) {
+				const sheetId = getSheetIdByName(univerInstanceService, unitRange.unitId, sheetName);
+				return {
+					...unitRange,
+					sheetId
+				};
+			}
+			return {
+				...unitRange,
+				sheetId: ""
+			};
+		});
+		if ((0, _univerjs_core.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);
+		setLocalRule({
+			...localRule,
+			ranges
+		});
+		if (ranges.length === 0) return;
+		const params = {
+			unitId,
+			subUnitId,
+			ruleId,
+			ranges
+		};
+		debounceExecute(_univerjs_sheets_data_validation.UpdateSheetDataValidationRangeCommand.id, params);
+	});
+	const handleUpdateRuleSetting = (setting) => {
+		if ((0, _univerjs_core.shallowEqual)(setting, (0, _univerjs_data_validation.getRuleSetting)(localRule))) return;
+		setLocalRule({
+			...localRule,
+			...setting
+		});
+		const params = {
+			unitId,
+			subUnitId,
+			ruleId,
+			setting
+		};
+		debounceExecute(_univerjs_sheets_data_validation.UpdateSheetDataValidationSettingCommand.id, params, void 0);
+	};
+	const handleDelete = async () => {
+		await commandService.executeCommand(_univerjs_sheets_data_validation.RemoveSheetDataValidationCommand.id, {
+			ruleId,
+			unitId,
+			subUnitId
+		});
+		dataValidationPanelService.setActiveRule(null);
+		goBackActiveRuleSheet();
+	};
+	const baseRule = {
+		type: localRule.type,
+		operator: localRule.operator,
+		formula1: localRule.formula1,
+		formula2: localRule.formula2,
+		allowBlank: localRule.allowBlank
+	};
+	const handleChangeType = (newType) => {
+		const validator = validatorService.getValidatorItem(newType);
+		if (!validator) return;
+		const operators = validator.operators;
+		const rule = dataValidationModel.getRuleById(unitId, subUnitId, ruleId);
+		const newRule = newType === (rule === null || rule === void 0 ? void 0 : rule.type) || newType.includes("list") && (rule === null || rule === void 0 ? void 0 : rule.type.includes("list")) ? {
+			...rule,
+			type: newType
+		} : {
+			...localRule,
+			type: newType,
+			operator: operators[0],
+			formula1: void 0,
+			formula2: void 0
+		};
+		setLocalRule(newRule);
+		commandService.executeCommand(_univerjs_sheets_data_validation.UpdateSheetDataValidationSettingCommand.id, {
+			unitId,
+			subUnitId,
+			ruleId: localRule.uid,
+			setting: (0, _univerjs_data_validation.getRuleSetting)(newRule)
+		});
+	};
+	const FormulaInput = componentManager.get(validator.formulaInput);
+	const rangeStr = (0, react.useMemo)(() => localRanges.map((i) => (0, _univerjs_engine_formula.serializeRange)(i.range)).join(","), []);
+	const options = (0, _univerjs_data_validation.getRuleOptions)(localRule);
+	const handleUpdateRuleOptions = (newOptions) => {
+		if ((0, _univerjs_core.shallowEqual)(newOptions, (0, _univerjs_data_validation.getRuleOptions)(localRule))) return;
+		setLocalRule({
+			...localRule,
+			...newOptions
+		});
+		debounceExecute(_univerjs_sheets_data_validation.UpdateSheetDataValidationOptionsCommand.id, {
+			unitId,
+			subUnitId,
+			ruleId,
+			options: newOptions
+		});
+	};
+	const shouldHideFormula = operators.length && !localRule.operator;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		"data-u-comp": "data-validation-detail",
+		className: "univer-py-2",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+				label: localeService.t("dataValidation.panel.range"),
+				error: !localRule.ranges.length || isRangeError ? localeService.t("dataValidation.panel.rangeError") : "",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_sheets_formula_ui.RangeSelector, {
+					selectorRef: rangeSelectorInstance,
+					unitId,
+					subUnitId,
+					initialValue: rangeStr,
+					onChange: (doc, str) => {
+						var _rangeSelectorInstanc3;
+						if (!isFocusRangeSelector && ((_rangeSelectorInstanc3 = rangeSelectorInstance.current) === null || _rangeSelectorInstanc3 === void 0 ? void 0 : _rangeSelectorInstanc3.verify())) handleUpdateRuleRanges(str);
+					},
+					onFocusChange: (focusing, str) => {
+						var _rangeSelectorInstanc4;
+						setIsFocusRangeSelector(focusing);
+						if (!focusing && str && ((_rangeSelectorInstanc4 = rangeSelectorInstance.current) === null || _rangeSelectorInstanc4 === void 0 ? void 0 : _rangeSelectorInstanc4.verify())) handleUpdateRuleRanges(str);
+					},
+					onVerify: (isValid) => setIsRangeError(!isValid)
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+				label: localeService.t("dataValidation.panel.type"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
+					className: "univer-w-full",
+					value: localRule.type,
+					options: validators === null || validators === void 0 || (_validators$sort = validators.sort((a, b) => a.order - b.order)) === null || _validators$sort === void 0 ? void 0 : _validators$sort.map((validator) => ({
+						label: localeService.t(validator.title),
+						value: validator.id
+					})),
+					onChange: handleChangeType
+				})
+			}),
+			(operators === null || operators === void 0 ? void 0 : operators.length) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+				label: localeService.t("dataValidation.panel.operator"),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Select, {
+					className: "univer-w-full",
+					value: `${localRule.operator}`,
+					options: [{
+						value: "",
+						label: localeService.t("dataValidation.operators.legal")
+					}, ...operators.map((op, i) => ({
+						value: `${op}`,
+						label: operatorNames[i]
+					}))],
+					onChange: (operator) => {
+						handleUpdateRuleSetting({
+							...baseRule,
+							operator
+						});
+					}
+				})
+			}) : null,
+			FormulaInput && !shouldHideFormula ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormulaInput, {
+				isTwoFormula,
+				value: {
+					formula1: localRule.formula1,
+					formula2: localRule.formula2
+				},
+				onChange: (value) => {
+					handleUpdateRuleSetting({
+						...baseRule,
+						...value
+					});
+				},
+				showError,
+				validResult: validator.validatorFormula(localRule, unitId, subUnitId),
+				unitId,
+				subUnitId,
+				ruleId
+			}, key + localRule.type) : null,
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, {
+				checked: (_localRule$allowBlank = localRule.allowBlank) !== null && _localRule$allowBlank !== void 0 ? _localRule$allowBlank : true,
+				onChange: () => {
+					var _localRule$allowBlank2;
+					return handleUpdateRuleSetting({
+						...baseRule,
+						allowBlank: !((_localRule$allowBlank2 = localRule.allowBlank) !== null && _localRule$allowBlank2 !== void 0 ? _localRule$allowBlank2 : true)
+					});
+				},
+				children: localeService.t("dataValidation.panel.allowBlank")
+			}) }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataValidationOptions, {
+				value: options,
+				onChange: handleUpdateRuleOptions,
+				extraComponent: validator.optionsInput
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "univer-mt-5 univer-flex univer-flex-row univer-justify-end",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
+					className: "univer-ml-3",
+					onClick: handleDelete,
+					children: localeService.t("dataValidation.panel.removeRule")
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
+					className: "univer-ml-3",
+					variant: "primary",
+					onClick: handleOk,
+					children: localeService.t("dataValidation.panel.done")
+				})]
+			})
+		]
+	});
+}
+
+//#endregion
+//#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);
+	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	const markSelectionService = (0, _univerjs_ui.useDependency)(_univerjs_sheets_ui.IMarkSelectionService);
+	const validator = validatorRegistry.getValidatorItem(rule.type);
+	const ids = (0, react.useRef)(void 0);
+	const [isHover, setIsHover] = (0, react.useState)(false);
+	const themeService = (0, _univerjs_ui.useDependency)(_univerjs_core.ThemeService);
+	const style = (0, react.useMemo)(() => {
+		var _themeService$getColo;
+		const defaultColor = themeService.getColorFromTheme("primary.600");
+		const key = themeService.getColorFromTheme("loop-color.2");
+		const color = (_themeService$getColo = themeService.getColorFromTheme(key)) !== null && _themeService$getColo !== void 0 ? _themeService$getColo : defaultColor;
+		const rgb = new _univerjs_core.ColorKit(color).toRgb();
+		return {
+			fill: `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, 0.1)`,
+			stroke: color
+		};
+	}, [(0, _univerjs_ui.useObservable)(themeService.currentTheme$)]);
+	const handleDelete = (e) => {
+		commandService.executeCommand(_univerjs_sheets_data_validation.RemoveSheetDataValidationCommand.id, {
+			ruleId: rule.uid,
+			unitId,
+			subUnitId
+		});
+		e.stopPropagation();
+	};
+	(0, react.useEffect)(() => {
+		return () => {
+			if (ids.current) {
+				var _ids$current;
+				(_ids$current = ids.current) === null || _ids$current === void 0 || _ids$current.forEach((id) => {
+					id && markSelectionService.removeShape(id);
+				});
+			}
+		};
+	}, [markSelectionService]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, _univerjs_design.clsx)("univer-bg-secondary univer-relative univer--mx-2 univer-box-border univer-flex univer-w-[287px] univer-cursor-pointer univer-flex-col univer-justify-between univer-overflow-hidden univer-rounded-md univer-p-2 univer-pr-9", {
+			"hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-700": !disable,
+			"univer-opacity-50": disable
+		}),
+		onClick,
+		onMouseEnter: () => {
+			if (disable) return;
+			setIsHover(true);
+			ids.current = rule.ranges.map((range) => markSelectionService.addShape({
+				range,
+				style,
+				primary: null
+			}));
+		},
+		onMouseLeave: () => {
+			var _ids$current2;
+			setIsHover(false);
+			(_ids$current2 = ids.current) === null || _ids$current2 === void 0 || _ids$current2.forEach((id) => {
+				id && markSelectionService.removeShape(id);
+			});
+			ids.current = void 0;
+		},
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "univer-truncate univer-text-sm univer-font-medium univer-leading-[22px] univer-text-gray-900 dark:!univer-text-white",
+				children: validator === null || validator === void 0 ? void 0 : validator.generateRuleName(rule)
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "univer-text-secondary univer-truncate univer-text-xs univer-leading-[18px] dark:!univer-text-gray-300",
+				children: rule.ranges.map((range) => (0, _univerjs_engine_formula.serializeRange)(range)).join(",")
+			}),
+			isHover ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "univer-absolute univer-right-2 univer-top-[19px] univer-flex univer-size-5 univer-items-center univer-justify-center univer-rounded hover:univer-bg-gray-200 dark:!univer-text-gray-300 dark:hover:!univer-bg-gray-700",
+				onClick: handleDelete,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.DeleteIcon, {})
+			}) : null
+		]
+	});
+};
+
+//#endregion
+//#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);
+	const commandService = (0, _univerjs_ui.useDependency)(_univerjs_core.ICommandService);
+	const injector = (0, _univerjs_ui.useDependency)(_univerjs_core.Injector);
+	const dataValidationPanelService = (0, _univerjs_ui.useDependency)(DataValidationPanelService);
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const [rules, setRules] = (0, react.useState)([]);
+	const { workbook } = props;
+	const worksheet = (0, _univerjs_ui.useObservable)(workbook.activeSheet$, void 0, true);
+	const unitId = workbook.getUnitId();
+	const subUnitId = worksheet === null || worksheet === void 0 ? void 0 : worksheet.getSheetId();
+	(0, react.useEffect)(() => {
+		setRules(sheetDataValidationModel.getRules(unitId, subUnitId));
+		const subscription = sheetDataValidationModel.ruleChange$.subscribe((change) => {
+			if (change.unitId === unitId && change.subUnitId === subUnitId) setRules(sheetDataValidationModel.getRules(unitId, subUnitId));
+		});
+		return () => {
+			subscription.unsubscribe();
+		};
+	}, [
+		unitId,
+		subUnitId,
+		sheetDataValidationModel
+	]);
+	const handleAddRule = async () => {
+		const rule = (0, _univerjs_sheets_data_validation.createDefaultNewRule)(injector);
+		const params = {
+			unitId,
+			subUnitId,
+			rule
+		};
+		await commandService.executeCommand(_univerjs_sheets_data_validation.AddSheetDataValidationCommand.id, params);
+		dataValidationPanelService.setActiveRule({
+			unitId,
+			subUnitId,
+			rule
+		});
+	};
+	const handleRemoveAll = () => {
+		commandService.executeCommand(_univerjs_sheets_data_validation.RemoveSheetAllDataValidationCommand.id, {
+			unitId,
+			subUnitId
+		});
+	};
+	const getDvRulesByPermissionCorrect = (rules) => {
+		const workbook = univerInstanceService.getCurrentUnitForType(_univerjs_core.UniverInstanceType.UNIVER_SHEET);
+		const worksheet = workbook.getActiveSheet();
+		const unitId = workbook.getUnitId();
+		const subUnitId = worksheet.getSheetId();
+		return rules.map((rule) => {
+			if ((0, _univerjs_sheets.checkRangesEditablePermission)(injector, unitId, subUnitId, rule.ranges)) return { ...rule };
+			else return {
+				...rule,
+				disable: true
+			};
+		});
+	};
+	const rulesByPermissionCheck = getDvRulesByPermissionCorrect(rules);
+	const hasDisableRule = rulesByPermissionCheck === null || rulesByPermissionCheck === void 0 ? void 0 : rulesByPermissionCheck.some((rule) => rule.disable);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "univer-pb-4",
+		children: [rulesByPermissionCheck === null || rulesByPermissionCheck === void 0 ? void 0 : rulesByPermissionCheck.map((rule) => {
+			var _rule$disable;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataValidationItem, {
+				unitId,
+				subUnitId,
+				onClick: () => {
+					if (rule.disable) return;
+					dataValidationPanelService.setActiveRule({
+						unitId,
+						subUnitId,
+						rule
+					});
+				},
+				rule,
+				disable: (_rule$disable = rule.disable) !== null && _rule$disable !== void 0 ? _rule$disable : false
+			}, rule.uid);
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "univer-mt-4 univer-flex univer-flex-row univer-justify-end univer-gap-2",
+			children: [rules.length && !hasDisableRule ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
+				onClick: handleRemoveAll,
+				children: localeService.t("dataValidation.panel.removeAll")
+			}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Button, {
+				variant: "primary",
+				onClick: handleAddRule,
+				children: localeService.t("dataValidation.panel.add")
+			})]
+		})]
+	});
+}
+
+//#endregion
+//#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);
+	const univerInstanceService = (0, _univerjs_ui.useDependency)(_univerjs_core.IUniverInstanceService);
+	const workbook = (0, _univerjs_ui.useObservable)(() => univerInstanceService.getCurrentTypeOfUnit$(_univerjs_core.UniverInstanceType.UNIVER_SHEET), void 0, void 0, []);
+	const worksheet = (0, _univerjs_ui.useObservable)(() => {
+		var _workbook$activeSheet;
+		return (_workbook$activeSheet = workbook === null || workbook === void 0 ? void 0 : workbook.activeSheet$) !== null && _workbook$activeSheet !== void 0 ? _workbook$activeSheet : (0, rxjs.of)(null);
+	}, void 0, void 0, []);
+	if (!workbook || !worksheet) return null;
+	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/formula-input/BaseFormulaInput.tsx
+const BaseFormulaInput = (props) => {
+	const { isTwoFormula = false, value, onChange, showError, validResult } = props;
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const formula1Res = showError ? validResult === null || validResult === void 0 ? void 0 : validResult.formula1 : "";
+	const formula2Res = showError ? validResult === null || validResult === void 0 ? void 0 : validResult.formula2 : "";
+	if (isTwoFormula) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+			error: formula1Res,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
+				className: "univer-w-full",
+				placeholder: localeService.t("dataValidation.panel.formulaPlaceholder"),
+				value: value === null || value === void 0 ? void 0 : value.formula1,
+				onChange: (newValue) => {
+					onChange === null || onChange === void 0 || onChange({
+						...value,
+						formula1: newValue
+					});
+				}
+			})
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "-univer-mt-2 univer-mb-1 univer-text-sm univer-text-gray-400",
+			children: localeService.t("dataValidation.panel.formulaAnd")
+		}),
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+			error: formula2Res,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
+				className: "univer-w-full",
+				placeholder: localeService.t("dataValidation.panel.formulaPlaceholder"),
+				value: value === null || value === void 0 ? void 0 : value.formula2,
+				onChange: (newValue) => {
+					onChange === null || onChange === void 0 || onChange({
+						...value,
+						formula2: newValue
+					});
+				}
+			})
+		})
+	] });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+		error: formula1Res,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
+			className: "univer-w-full",
+			placeholder: localeService.t("dataValidation.panel.formulaPlaceholder"),
+			value: value === null || value === void 0 ? void 0 : value.formula1,
+			onChange: (newValue) => {
+				onChange === null || onChange === void 0 || onChange({ formula1: newValue });
+			}
+		})
+	});
+};
+
+//#endregion
+//#region src/views/components/formula-input/CheckboxFormulaInput.tsx
+function CheckboxFormulaInput(props) {
+	const { value, onChange, showError, validResult } = props;
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const formula1Res = showError ? validResult === null || validResult === void 0 ? void 0 : validResult.formula1 : "";
+	const formula2Res = showError ? validResult === null || validResult === void 0 ? void 0 : validResult.formula2 : "";
+	const [checked, setChecked] = (0, react.useState)(!((value === null || value === void 0 ? void 0 : value.formula1) === void 0 && (value === null || value === void 0 ? void 0 : value.formula2) === void 0));
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Checkbox, {
+			checked,
+			onChange: (newValue) => {
+				if (newValue) setChecked(true);
+				else {
+					setChecked(false);
+					onChange === null || onChange === void 0 || onChange({
+						...value,
+						formula1: void 0,
+						formula2: void 0
+					});
+				}
+			},
+			children: localeService.t("dataValidation.checkbox.tips")
+		}) }),
+		checked ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+			label: localeService.t("dataValidation.checkbox.checked"),
+			error: formula1Res,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
+				className: "univer-w-full",
+				placeholder: localeService.t("dataValidation.panel.valuePlaceholder"),
+				value: value === null || value === void 0 ? void 0 : value.formula1,
+				onChange: (newValue) => {
+					onChange === null || onChange === void 0 || onChange({
+						...value,
+						formula1: newValue || void 0
+					});
+				}
+			})
+		}) : null,
+		checked ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+			label: localeService.t("dataValidation.checkbox.unchecked"),
+			error: formula2Res,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
+				className: "univer-w-full",
+				placeholder: localeService.t("dataValidation.panel.valuePlaceholder"),
+				value: value === null || value === void 0 ? void 0 : value.formula2,
+				onChange: (newValue) => {
+					onChange === null || onChange === void 0 || onChange({
+						...value,
+						formula2: newValue || void 0
+					});
+				}
+			})
+		}) : null
+	] });
+}
+
+//#endregion
+//#region src/views/components/formula-input/CustomFormulaInput.tsx
+function CustomFormulaInput(props) {
+	var _value$formula;
+	const { unitId, subUnitId, value, onChange, showError, validResult } = props;
+	const formula1Res = showError ? validResult === null || validResult === void 0 ? void 0 : validResult.formula1 : void 0;
+	const formulaEditorRef = (0, react.useRef)(null);
+	const [isFocusFormulaEditor, setIsFocusFormulaEditor] = (0, react.useState)(false);
+	(0, _univerjs_ui.useSidebarClick)((e) => {
+		var _formulaEditorRef$cur;
+		!((_formulaEditorRef$cur = formulaEditorRef.current) === null || _formulaEditorRef$cur === void 0) && _formulaEditorRef$cur.isClickOutSide(e) && setIsFocusFormulaEditor(false);
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+		error: formula1Res,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_sheets_formula_ui.FormulaEditor, {
+			ref: formulaEditorRef,
+			className: (0, _univerjs_design.clsx)("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent", _univerjs_design.borderClassName),
+			initValue: (_value$formula = value === null || value === void 0 ? void 0 : value.formula1) !== null && _value$formula !== void 0 ? _value$formula : "=",
+			unitId,
+			subUnitId,
+			isFocus: isFocusFormulaEditor,
+			isSupportAcrossSheet: true,
+			onChange: (newValue) => {
+				const newFormula = (newValue !== null && newValue !== void 0 ? newValue : "").trim();
+				if (newFormula === (value === null || value === void 0 ? void 0 : value.formula1)) return;
+				onChange === null || onChange === void 0 || onChange({
+					...value,
+					formula1: newFormula
+				});
+			},
+			onFocus: () => setIsFocusFormulaEditor(true)
+		})
+	});
+}
+
+//#endregion
+//#region src/views/components/formula-input/ListFormulaInput.tsx
+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"
+];
+const ColorSelect = (props) => {
+	const { value, onChange, disabled } = props;
+	const [open, setOpen] = (0, react.useState)(false);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Dropdown, {
+		align: "start",
+		disabled,
+		open,
+		onOpenChange: setOpen,
+		overlay: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "univer-box-border univer-grid univer-w-fit univer-grid-cols-6 univer-flex-wrap univer-gap-2 univer-p-1.5",
+			children: DEFAULT_COLOR_PRESET.map((color) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: (0, _univerjs_design.clsx)("univer-box-border univer-size-4 univer-cursor-pointer univer-rounded", _univerjs_design.borderClassName),
+				style: { background: color },
+				onClick: () => {
+					onChange(color);
+					setOpen(false);
+				}
+			}, color))
+		}),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: (0, _univerjs_design.clsx)("univer-box-border univer-inline-flex univer-h-8 univer-w-16 univer-cursor-pointer univer-items-center univer-justify-between univer-gap-2 univer-rounded-lg univer-bg-white univer-px-2.5 univer-transition-colors univer-duration-200 hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white", _univerjs_design.borderClassName),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "univer-box-border univer-size-4 univer-rounded univer-text-base",
+				style: { background: value }
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.MoreDownIcon, {})]
+		})
+	});
+};
+const Template = (props) => {
+	const { item, commonProps, className } = props;
+	const { onItemChange, onItemDelete } = commonProps;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: (0, _univerjs_design.clsx)("univer-flex univer-items-center univer-gap-2", className),
+		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.SequenceIcon, {})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ColorSelect, {
+				value: item.color,
+				onChange: (color) => {
+					onItemChange(item.id, item.label, color);
+				}
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Input, {
+				disabled: item.isRef,
+				value: item.label,
+				onChange: (label) => {
+					onItemChange(item.id, label, item.color);
+				}
+			}),
+			item.isRef ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "univer-ml-1 univer-cursor-pointer univer-rounded univer-text-base hover:univer-bg-gray-200",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.DeleteIcon, { onClick: () => onItemDelete(item.id) })
+			})
+		]
+	});
+};
+function ListFormulaInput(props) {
+	const { value, onChange: _onChange = () => {}, unitId, subUnitId, validResult, showError, ruleId } = props;
+	const { formula1 = "", formula2 = "" } = value || {};
+	const [isFormulaStr, setIsFormulaStr] = (0, react.useState)(() => (0, _univerjs_core.isFormulaString)(formula1) ? "1" : "0");
+	const [formulaStr, setFormulaStr] = (0, react.useState)(isFormulaStr === "1" ? formula1 : "=");
+	const [formulaStrCopy, setFormulaStrCopy] = (0, react.useState)(isFormulaStr === "1" ? formula1 : "=");
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	const dataValidatorRegistryService = (0, _univerjs_ui.useDependency)(_univerjs_data_validation.DataValidatorRegistryService);
+	const dataValidationModel = (0, _univerjs_ui.useDependency)(_univerjs_data_validation.DataValidationModel);
+	const dataValidationFormulaController = (0, _univerjs_ui.useDependency)(_univerjs_sheets_data_validation.DataValidationFormulaController);
+	const dataValidationPanelService = (0, _univerjs_ui.useDependency)(DataValidationPanelService);
+	const [refColors, setRefColors] = (0, react.useState)(() => formula2.split(","));
+	const listValidator = dataValidatorRegistryService.getValidatorItem(_univerjs_core.DataValidationType.LIST);
+	const [refOptions, setRefOptions] = (0, react.useState)([]);
+	const [localError, setLocalError] = (0, react.useState)("");
+	const formula1Res = showError ? validResult === null || validResult === void 0 ? void 0 : validResult.formula1 : "";
+	const ruleChange = (0, _univerjs_ui.useObservable)((0, react.useMemo)(() => dataValidationModel.ruleChange$.pipe((0, rxjs.debounceTime)(16)), []));
+	const onChange = (0, _univerjs_ui.useEvent)(_onChange);
+	(0, react.useEffect)(() => {
+		(async () => {
+			await new Promise((resolve) => {
+				setTimeout(() => resolve(true), 100);
+			});
+			const rule = dataValidationModel.getRuleById(unitId, subUnitId, ruleId);
+			if ((0, _univerjs_core.isFormulaString)(rule === null || rule === void 0 ? void 0 : rule.formula1) && listValidator && rule) setRefOptions(await listValidator.getListAsync(rule, unitId, subUnitId));
+		})();
+	}, [
+		dataValidationModel,
+		ruleChange,
+		listValidator,
+		ruleId,
+		subUnitId,
+		unitId
+	]);
+	(0, react.useEffect)(() => {
+		if ((0, _univerjs_core.isFormulaString)(formula1) && formula1 !== formulaStrCopy) {
+			setFormulaStr(formula1);
+			setFormulaStrCopy(formulaStrCopy);
+		}
+	}, [formulaStrCopy, formula1]);
+	const [strList, setStrList] = (0, react.useState)(() => {
+		const strOptions = isFormulaStr !== "1" ? (0, _univerjs_sheets_data_validation.deserializeListOptions)(formula1) : [];
+		const strColors = formula2.split(",");
+		return strOptions.map((label, i) => ({
+			label,
+			color: strColors[i] || "#ECECEC",
+			isRef: false,
+			id: (0, _univerjs_core.generateRandomId)(4)
+		}));
+	});
+	const handleStrItemChange = (id, value, color) => {
+		const item = strList.find((i) => i.id === id);
+		if (!item) return;
+		item.label = value;
+		item.color = color;
+		setStrList([...strList]);
+	};
+	const handleStrItemDelete = (id) => {
+		const index = strList.findIndex((i) => i.id === id);
+		if (index !== -1) {
+			strList.splice(index, 1);
+			setStrList([...strList]);
+		}
+	};
+	const colorList = formula2.split(",");
+	const refFinalList = (0, react.useMemo)(() => refOptions.map((label, i) => ({
+		label,
+		color: colorList[i] || "#ECECEC",
+		id: `${i}`,
+		isRef: true
+	})), [colorList, refOptions]);
+	const handleRefItemChange = (id, value, color) => {
+		const newColors = [...refColors];
+		newColors[+id] = color;
+		setRefColors(newColors);
+		onChange({
+			formula1,
+			formula2: newColors.join(",")
+		});
+	};
+	const handleAdd = () => {
+		setStrList([...strList, {
+			label: "",
+			color: DROP_DOWN_DEFAULT_COLOR,
+			isRef: false,
+			id: (0, _univerjs_core.generateRandomId)(4)
+		}]);
+	};
+	(0, react.useEffect)(() => {
+		if (isFormulaStr === "1") return;
+		const labelSet = /* @__PURE__ */ new Set();
+		const finalList = [];
+		strList.map((item) => {
+			return {
+				labelList: item.label.split(","),
+				item
+			};
+		}).forEach(({ item, labelList }) => {
+			labelList.forEach((labelItem) => {
+				if (!labelSet.has(labelItem)) {
+					labelSet.add(labelItem);
+					finalList.push({
+						label: labelItem,
+						color: item.color
+					});
+				}
+			});
+		});
+		onChange({
+			formula1: (0, _univerjs_sheets_data_validation.serializeListOptions)(finalList.map((item) => item.label)),
+			formula2: finalList.map((item) => item.color === "#ECECEC" ? "" : item.color).join(",")
+		});
+	}, [
+		strList,
+		onChange,
+		isFormulaStr,
+		formulaStrCopy,
+		refColors
+	]);
+	const updateFormula = (0, _univerjs_ui.useEvent)(async (str) => {
+		if (!(0, _univerjs_core.isFormulaString)(str)) {
+			onChange === null || onChange === void 0 || onChange({
+				formula1: "",
+				formula2
+			});
+			return;
+		}
+		if (dataValidationFormulaController.getFormulaRefCheck(str)) {
+			onChange === null || onChange === void 0 || onChange({
+				formula1: (0, _univerjs_core.isFormulaString)(str) ? str : "",
+				formula2
+			});
+			setLocalError("");
+		} else {
+			onChange === null || onChange === void 0 || onChange({
+				formula1: "",
+				formula2
+			});
+			setFormulaStr("=");
+			setLocalError(localeService.t("dataValidation.validFail.formulaError"));
+		}
+	});
+	const formulaEditorRef = (0, react.useRef)(null);
+	const [isFocusFormulaEditor, setIsFocusFormulaEditor] = (0, react.useState)(false);
+	(0, _univerjs_ui.useSidebarClick)((e) => {
+		var _formulaEditorRef$cur;
+		!((_formulaEditorRef$cur = formulaEditorRef.current) === null || _formulaEditorRef$cur === void 0) && _formulaEditorRef$cur.isClickOutSide(e) && setIsFocusFormulaEditor(false);
+	});
+	(0, react.useEffect)(() => {
+		if (isFocusFormulaEditor) dataValidationPanelService.setFocusFormulaEditorActiveRuleSubUnitId(subUnitId);
+		else dataValidationPanelService.setFocusFormulaEditorActiveRuleSubUnitId(null);
+	}, [
+		isFocusFormulaEditor,
+		subUnitId,
+		dataValidationPanelService
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+		label: localeService.t("dataValidation.list.options"),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_univerjs_design.RadioGroup, {
+			value: isFormulaStr,
+			onChange: (v) => {
+				setIsFormulaStr(v);
+				setFormulaStr(formulaStrCopy);
+				if (v === "1") onChange({
+					formula1: formulaStrCopy === "=" ? "" : formulaStrCopy,
+					formula2: refColors.join(",")
+				});
+			},
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
+				value: "0",
+				children: localeService.t("dataValidation.list.customOptions")
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
+				value: "1",
+				children: localeService.t("dataValidation.list.refOptions")
+			})]
+		})
+	}), isFormulaStr === "1" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_univerjs_design.FormLayout, {
+		error: formula1Res || localError || void 0,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_sheets_formula_ui.FormulaEditor, {
+			ref: formulaEditorRef,
+			className: (0, _univerjs_design.clsx)("univer-box-border univer-h-8 univer-w-full univer-cursor-pointer univer-items-center univer-rounded-lg univer-bg-white univer-pt-2 univer-transition-colors hover:univer-border-primary-600 dark:!univer-bg-gray-700 dark:!univer-text-white [&>div:first-child]:univer-px-2.5 [&>div]:univer-h-5 [&>div]:univer-ring-transparent", _univerjs_design.borderClassName),
+			initValue: formulaStr,
+			unitId,
+			subUnitId,
+			isFocus: isFocusFormulaEditor,
+			isSupportAcrossSheet: true,
+			onFocus: () => setIsFocusFormulaEditor(true),
+			onChange: (v = "") => {
+				const str = (v !== null && v !== void 0 ? v : "").trim();
+				setFormulaStrCopy(str);
+				updateFormula(str);
+			}
+		}), refFinalList.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "univer-mt-3",
+			children: refFinalList.map((item) => {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Template, {
+					className: "univer-mb-3",
+					item,
+					commonProps: { onItemChange: handleRefItemChange }
+				}, item.id);
+			})
+		})]
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+		error: formula1Res,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "-univer-mt-3",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.DraggableList, {
+				list: strList,
+				onListChange: setStrList,
+				rowHeight: 28,
+				margin: [0, 12],
+				draggableHandle: ".draggableHandle",
+				itemRender: (item) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Template, {
+					item,
+					commonProps: {
+						onItemChange: handleStrItemChange,
+						onItemDelete: handleStrItemDelete
+					}
+				}, item.id),
+				idKey: "id"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
+				className: "univer-text-primary univer-flex univer-w-fit univer-cursor-pointer univer-flex-row univer-items-center univer-rounded univer-p-1 univer-px-2 univer-text-sm hover:univer-bg-primary-50 dark:hover:!univer-bg-gray-800",
+				onClick: handleAdd,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_icons.IncreaseIcon, { className: "univer-mr-1" }), localeService.t("dataValidation.list.add")]
+			})]
+		})
+	})] });
+}
+
+//#endregion
+//#region src/views/components/formula-input/index.ts
+const FORMULA_INPUTS = [
+	[_univerjs_sheets_data_validation.CUSTOM_FORMULA_INPUT_NAME, CustomFormulaInput],
+	[_univerjs_sheets_data_validation.BASE_FORMULA_INPUT_NAME, BaseFormulaInput],
+	[_univerjs_sheets_data_validation.LIST_FORMULA_INPUT_NAME, ListFormulaInput],
+	[_univerjs_sheets_data_validation.CHECKBOX_FORMULA_INPUT_NAME, CheckboxFormulaInput]
+];
+
+//#endregion
+//#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;
+	const { value, onChange } = props;
+	const localeService = (0, _univerjs_ui.useDependency)(_univerjs_core.LocaleService);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.FormLayout, {
+		label: localeService.t("dataValidation.renderMode.label"),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_univerjs_design.RadioGroup, {
+			value: `${(_value$renderMode = value.renderMode) !== null && _value$renderMode !== void 0 ? _value$renderMode : _univerjs_core.DataValidationRenderMode.CUSTOM}`,
+			onChange: (renderMode) => onChange({
+				...value,
+				renderMode: +renderMode
+			}),
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
+					value: `${_univerjs_core.DataValidationRenderMode.CUSTOM}`,
+					children: localeService.t("dataValidation.renderMode.chip")
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
+					value: `${_univerjs_core.DataValidationRenderMode.ARROW}`,
+					children: localeService.t("dataValidation.renderMode.arrow")
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_univerjs_design.Radio, {
+					value: `${_univerjs_core.DataValidationRenderMode.TEXT}`,
+					children: localeService.t("dataValidation.renderMode.text")
+				})
+			]
+		})
+	});
+}
+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("dataValidation.showTime.label")
+	}) });
+}
+DateShowTimeOption.componentKey = DATE_SHOW_TIME_OPTION;
+
+//#endregion
+//#region src/views/widgets/checkbox-widget.ts
+const MARGIN_H$2 = 6;
+let CheckboxRender = class CheckboxRender {
+	_calc(cellInfo, style) {
+		var _style$fs, _style$fs2, _style$fs3;
+		const { vt, ht } = style || {};
+		const width = cellInfo.endX - cellInfo.startX - MARGIN_H$2 * 2;
+		const height = cellInfo.endY - cellInfo.startY;
+		const size = ((_style$fs = style === null || style === void 0 ? void 0 : style.fs) !== null && _style$fs !== void 0 ? _style$fs : 10) * 1.6;
+		let widgetLeft = 0;
+		let widgetTop = 0;
+		switch (vt) {
+			case _univerjs_core.VerticalAlign.TOP:
+				widgetTop = 0;
+				break;
+			case _univerjs_core.VerticalAlign.BOTTOM:
+				widgetTop = 0 + (height - size);
+				break;
+			default:
+				widgetTop = 0 + (height - size) / 2;
+				break;
+		}
+		switch (ht) {
+			case _univerjs_core.HorizontalAlign.LEFT:
+				widgetLeft = MARGIN_H$2;
+				break;
+			case _univerjs_core.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: ((_style$fs2 = style === null || style === void 0 ? void 0 : style.fs) !== null && _style$fs2 !== void 0 ? _style$fs2 : 10) * 1.6,
+			height: ((_style$fs3 = style === null || style === void 0 ? void 0 : style.fs) !== null && _style$fs3 !== void 0 ? _style$fs3 : 10) * 1.6
+		};
+	}
+	constructor(_commandService, _univerInstanceService, _formulaService, _themeService, _renderManagerService, _dataValidationModel) {
+		this._commandService = _commandService;
+		this._univerInstanceService = _univerInstanceService;
+		this._formulaService = _formulaService;
+		this._themeService = _themeService;
+		this._renderManagerService = _renderManagerService;
+		this._dataValidationModel = _dataValidationModel;
+	}
+	calcCellAutoHeight(info) {
+		var _style$fs4;
+		const { style } = info;
+		return ((_style$fs4 = style === null || style === void 0 ? void 0 : style.fs) !== null && _style$fs4 !== void 0 ? _style$fs4 : 10) * 1.6;
+	}
+	calcCellAutoWidth(info) {
+		var _style$fs5;
+		const { style } = info;
+		return ((_style$fs5 = style === null || style === void 0 ? void 0 : style.fs) !== null && _style$fs5 !== void 0 ? _style$fs5 : 10) * 1.6;
+	}
+	async _parseFormula(rule, unitId, subUnitId) {
+		var _results$, _results$2, _results$3;
+		const { formula1 = _univerjs_sheets_data_validation.CHECKBOX_FORMULA_1, formula2 = _univerjs_sheets_data_validation.CHECKBOX_FORMULA_2 } = rule;
+		const results = await this._formulaService.getRuleFormulaResult(unitId, subUnitId, rule.uid);
+		const formulaResult1 = (0, _univerjs_sheets_data_validation.getFormulaResult)(results === null || results === void 0 || (_results$ = results[0]) === null || _results$ === void 0 || (_results$ = _results$.result) === null || _results$ === void 0 || (_results$ = _results$[0]) === null || _results$ === void 0 ? void 0 : _results$[0]);
+		const formulaResult2 = (0, _univerjs_sheets_data_validation.getFormulaResult)(results === null || results === void 0 || (_results$2 = results[1]) === null || _results$2 === void 0 || (_results$2 = _results$2.result) === null || _results$2 === void 0 || (_results$2 = _results$2[0]) === null || _results$2 === void 0 ? void 0 : _results$2[0]);
+		const isFormulaValid = (0, _univerjs_sheets_data_validation.isLegalFormulaResult)(String(formulaResult1)) && (0, _univerjs_sheets_data_validation.isLegalFormulaResult)(String(formulaResult2));
+		return {
+			formula1: (0, _univerjs_core.isFormulaString)(formula1) ? (0, _univerjs_sheets_data_validation.getFormulaResult)(results === null || results === void 0 || (_results$3 = results[0]) === null || _results$3 === void 0 || (_results$3 = _results$3.result) === null || _results$3 === void 0 || (_results$3 = _results$3[0]) === null || _results$3 === void 0 ? void 0 : _results$3[0]) : formula1,
+			formula2: (0, _univerjs_core.isFormulaString)(formula2) ? formulaResult2 : formula2,
+			isFormulaValid
+		};
+	}
+	drawWith(ctx, info) {
+		var _validator$skipDefaul, _style$fs6, _style$cl$rgb, _style$cl;
+		const { style, primaryWithCoord, unitId, subUnitId, worksheet, row, col } = info;
+		const cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord;
+		const value = (0, _univerjs_sheets_data_validation.getCellValueOrigin)(worksheet.getCellRaw(row, col));
+		const rule = this._dataValidationModel.getRuleByLocation(unitId, subUnitId, row, col);
+		if (!rule) return;
+		const validator = this._dataValidationModel.getValidator(rule.type);
+		if (!validator) return;
+		if (!((_validator$skipDefaul = validator.skipDefaultFontRender) === null || _validator$skipDefaul === void 0 ? void 0 : _validator$skipDefaul.call(validator, rule, value, {
+			unitId,
+			subUnitId,
+			row,
+			column: col
+		}))) return;
+		const { formula1 } = validator.parseFormulaSync(rule, unitId, subUnitId);
+		const layout = this._calc(cellBounding, style);
+		const { a: scaleX, d: scaleY } = ctx.getTransform();
+		const left = (0, _univerjs_engine_render.fixLineWidthByScale)(layout.left, scaleX);
+		const top = (0, _univerjs_engine_render.fixLineWidthByScale)(layout.top, scaleY);
+		const transform = _univerjs_engine_render.Transform.create().composeMatrix({
+			left,
+			top,
+			scaleX: 1,
+			scaleY: 1,
+			angle: 0,
+			skewX: 0,
+			skewY: 0,
+			flipX: false,
+			flipY: false
+		});
+		const cellWidth = cellBounding.endX - cellBounding.startX;
+		const cellHeight = cellBounding.endY - cellBounding.startY;
+		ctx.save();
+		ctx.beginPath();
+		ctx.rect(cellBounding.startX, cellBounding.startY, cellWidth, cellHeight);
+		ctx.clip();
+		const m = transform.getMatrix();
+		ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);
+		const size = ((_style$fs6 = style === null || style === void 0 ? void 0 : style.fs) !== null && _style$fs6 !== void 0 ? _style$fs6 : 10) * 1.6;
+		const checked = String(value) === String(formula1);
+		const defaultColor = this._themeService.getColorFromTheme("primary.600");
+		_univerjs_engine_render.CheckboxShape.drawWith(ctx, {
+			checked,
+			width: size,
+			height: size,
+			fill: (_style$cl$rgb = style === null || style === void 0 || (_style$cl = style.cl) === null || _style$cl === void 0 ? void 0 : _style$cl.rgb) !== null && _style$cl$rgb !== void 0 ? _style$cl$rgb : defaultColor
+		});
+		ctx.restore();
+	}
+	isHit(evt, info) {
+		const cellBounding = info.primaryWithCoord.isMergedMainCell ? info.primaryWithCoord.mergeInfo : info.primaryWithCoord;
+		const layout = this._calc(cellBounding, info.style);
+		const startY = layout.top;
+		const endY = layout.top + layout.height;
+		const startX = layout.left;
+		const endX = layout.left + layout.width;
+		const { x: offsetX, y: offsetY } = evt;
+		if (offsetX <= endX && offsetX >= startX && offsetY <= endY && offsetY >= startY) return true;
+		return false;
+	}
+	async onPointerDown(info, evt) {
+		var _validator$skipDefaul2;
+		if (evt.button === 2) return;
+		const { primaryWithCoord, unitId, subUnitId, worksheet, row, col } = info;
+		const value = (0, _univerjs_sheets_data_validation.getCellValueOrigin)(worksheet.getCellRaw(row, col));
+		const rule = this._dataValidationModel.getRuleByLocation(unitId, subUnitId, row, col);
+		if (!rule) return;
+		const validator = this._dataValidationModel.getValidator(rule.type);
+		if (!validator) return;
+		if (!((_validator$skipDefaul2 = validator.skipDefaultFontRender) === null || _validator$skipDefaul2 === void 0 ? void 0 : _validator$skipDefaul2.call(validator, rule, value, {
+			unitId,
+			subUnitId,
+			row,
+			column: col
+		}))) return;
+		const { formula1, formula2 } = await this._parseFormula(rule, unitId, subUnitId);
+		const params = {
+			range: {
+				startColumn: primaryWithCoord.actualColumn,
+				endColumn: primaryWithCoord.actualColumn,
+				startRow: primaryWithCoord.actualRow,
+				endRow: primaryWithCoord.actualRow
+			},
+			value: {
+				v: String(value) === (0, _univerjs_sheets_data_validation.transformCheckboxValue)(String(formula1)) ? formula2 : formula1,
+				p: null
+			}
+		};
+		this._commandService.executeCommand(_univerjs_sheets.SetRangeValuesCommand.id, params);
+	}
+	onPointerEnter(info, evt) {
+		var _getCurrentTypeOfRend;
+		(_getCurrentTypeOfRend = (0, _univerjs_engine_render.getCurrentTypeOfRenderer)(_univerjs_core.UniverInstanceType.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) === null || _getCurrentTypeOfRend === void 0 || (_getCurrentTypeOfRend = _getCurrentTypeOfRend.mainComponent) === null || _getCurrentTypeOfRend === void 0 || _getCurrentTypeOfRend.setCursor(_univerjs_engine_render.CURSOR_TYPE.POINTER);
+	}
+	onPointerLeave(info, evt) {
+		var _getCurrentTypeOfRend2;
+		(_getCurrentTypeOfRend2 = (0, _univerjs_engine_render.getCurrentTypeOfRenderer)(_univerjs_core.UniverInstanceType.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) === null || _getCurrentTypeOfRend2 === void 0 || (_getCurrentTypeOfRend2 = _getCurrentTypeOfRend2.mainComponent) === null || _getCurrentTypeOfRend2 === void 0 || _getCurrentTypeOfRend2.setCursor(_univerjs_engine_render.CURSOR_TYPE.DEFAULT);
+	}
+};
+CheckboxRender = __decorate([
+	__decorateParam(0, _univerjs_core.ICommandService),
+	__decorateParam(1, _univerjs_core.IUniverInstanceService),
+	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.DataValidationFormulaService)),
+	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_core.ThemeService)),
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_engine_render.IRenderManagerService)),
+	__decorateParam(5, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.SheetDataValidationModel))
+], CheckboxRender);
+
+//#endregion
+//#region src/views/validator-views/sheet-validator-view.ts
+let BaseSheetDataValidatorView = class BaseSheetDataValidatorView {
+	constructor(injector) {
+		this.injector = injector;
+		_defineProperty(this, "canvasRender", null);
+		_defineProperty(this, "dropdownType", void 0);
+		_defineProperty(this, "optionsInput", void 0);
+		_defineProperty(this, "formulaInput", _univerjs_sheets_data_validation.LIST_FORMULA_INPUT_NAME);
+	}
+};
+BaseSheetDataValidatorView = __decorate([__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.Injector))], BaseSheetDataValidatorView);
+
+//#endregion
+//#region src/views/validator-views/checkbox-validator-view.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.
+*/
+var CheckboxValidatorView = class extends BaseSheetDataValidatorView {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "id", _univerjs_core.DataValidationType.CHECKBOX);
+		_defineProperty(this, "canvasRender", this.injector.createInstance(CheckboxRender));
+		_defineProperty(this, "formulaInput", _univerjs_sheets_data_validation.CHECKBOX_FORMULA_INPUT_NAME);
+	}
+};
+
+//#endregion
+//#region src/views/validator-views/custom-validator-view.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.
+*/
+var CustomFormulaValidatorView = class extends BaseSheetDataValidatorView {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "id", _univerjs_core.DataValidationType.CUSTOM);
+		_defineProperty(this, "formulaInput", _univerjs_sheets_data_validation.CUSTOM_FORMULA_INPUT_NAME);
+	}
+};
+
+//#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
+/**
+* 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.
+*/
+var DateValidatorView = class extends BaseSheetDataValidatorView {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "id", _univerjs_core.DataValidationType.DATE);
+		_defineProperty(this, "formulaInput", BASE_FORMULA_INPUT_NAME);
+		_defineProperty(this, "optionsInput", DateShowTimeOption.componentKey);
+		_defineProperty(this, "dropdownType", _univerjs_data_validation.DataValidatorDropdownType.DATE);
+	}
+};
+
+//#endregion
+//#region src/views/validator-views/decimal-validator-view.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.
+*/
+var DecimalValidatorView = class extends BaseSheetDataValidatorView {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "id", _univerjs_core.DataValidationType.DECIMAL);
+		_defineProperty(this, "formulaInput", _univerjs_sheets_data_validation.BASE_FORMULA_INPUT_NAME);
+	}
+};
+
+//#endregion
+//#region src/views/widgets/shape/layout.ts
+const PADDING_H$1 = 4;
+const PADDING_V$1 = 0;
+const MARGIN_H$1 = 4;
+const MARGIN_V$1 = 4;
+const CELL_PADDING_H = 6;
+const CELL_PADDING_V = 6;
+const ICON_PLACE$1 = 14;
+function getDropdownItemSize(text, fontStyle) {
+	const bBox = _univerjs_engine_render.FontCache.getTextSize(text, fontStyle);
+	const rectWidth = bBox.width + 4 * 2;
+	const { ba, bd } = bBox;
+	return {
+		width: rectWidth,
+		height: ba + bd + 0 * 2,
+		ba
+	};
+}
+function layoutDropdowns(items, fontStyle, cellWidth, cellHeight) {
+	const cellPaddingH = 14 + 6 * 2;
+	const widthAvailableForContent = cellWidth - cellPaddingH;
+	const heightAvailableForContent = cellHeight - 6 * 2;
+	const textLayout = items.map((item) => ({
+		layout: getDropdownItemSize(item, fontStyle),
+		text: item
+	}));
+	let currentLine;
+	const lines = [];
+	textLayout.forEach((item) => {
+		const { layout } = item;
+		const { width, height } = layout;
+		if (!currentLine || currentLine.width + width + 4 > widthAvailableForContent) {
+			currentLine = {
+				width,
+				height,
+				items: [{
+					...item,
+					left: 0
+				}]
+			};
+			lines.push(currentLine);
+		} else {
+			currentLine.items.push({
+				...item,
+				left: currentLine.width + 4
+			});
+			currentLine.width = currentLine.width + width + 4;
+		}
+	});
+	let totalHeight = 0;
+	let maxLineWidth = 0;
+	lines.forEach((line, index) => {
+		maxLineWidth = Math.max(maxLineWidth, line.width);
+		if (index === lines.length - 1) totalHeight += line.height;
+		else totalHeight += line.height + 4;
+	});
+	return {
+		lines,
+		totalHeight,
+		contentWidth: widthAvailableForContent,
+		contentHeight: heightAvailableForContent,
+		cellAutoHeight: totalHeight + 6 * 2,
+		calcAutoWidth: maxLineWidth + cellPaddingH
+	};
+}
+
+//#endregion
+//#region src/views/widgets/shape/dropdown.ts
+const RADIUS = 8;
+var Dropdown = class extends _univerjs_engine_render.Shape {
+	static drawWith(ctx, props) {
+		const { fontString, info, fill, color } = props;
+		const { layout, text } = info;
+		ctx.save();
+		_univerjs_engine_render.Rect.drawWith(ctx, {
+			width: layout.width,
+			height: layout.height,
+			radius: RADIUS,
+			fill: fill || "#ECECEC"
+		});
+		ctx.translateWithPrecision(4, layout.ba);
+		ctx.font = fontString;
+		ctx.fillStyle = color;
+		ctx.fillText(text, 0, 0);
+		ctx.restore();
+	}
+};
+
+//#endregion
+//#region src/views/widgets/dropdown-multiple-widget.ts
+const 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");
+let DropdownMultipleWidget = class DropdownMultipleWidget {
+	constructor(_commandService, _univerInstanceService, _renderManagerService, _dataValidationModel) {
+		this._commandService = _commandService;
+		this._univerInstanceService = _univerInstanceService;
+		this._renderManagerService = _renderManagerService;
+		this._dataValidationModel = _dataValidationModel;
+		_defineProperty(this, "zIndex", void 0);
+		_defineProperty(this, "_dropdownInfoMap", /* @__PURE__ */ new Map());
+	}
+	_ensureMap(subUnitId) {
+		let map = this._dropdownInfoMap.get(subUnitId);
+		if (!map) {
+			map = /* @__PURE__ */ new Map();
+			this._dropdownInfoMap.set(subUnitId, map);
+		}
+		return map;
+	}
+	_generateKey(row, col) {
+		return `${row}.${col}`;
+	}
+	_drawDownIcon(ctx, cellBounding, cellWidth, cellHeight, vt) {
+		const left = cellWidth - 14 + 4;
+		let top = 4;
+		switch (vt) {
+			case _univerjs_core.VerticalAlign.MIDDLE:
+				top = (cellHeight - 14) / 2 + 4;
+				break;
+			case _univerjs_core.VerticalAlign.BOTTOM:
+				top = cellHeight - 14 + 4;
+				break;
+			default: break;
+		}
+		ctx.save();
+		ctx.translateWithPrecision(cellBounding.startX + left, cellBounding.startY + top);
+		ctx.fillStyle = "#565656";
+		ctx.fill(downPath$1);
+		ctx.restore();
+	}
+	drawWith(ctx, info, skeleton, spreadsheets) {
+		var _ref, _getCellValueOrigin;
+		const { primaryWithCoord, row, col, style, data, subUnitId } = info;
+		const _cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord;
+		const { leftOffset = 0, rightOffset = 0, topOffset = 0, downOffset = 0 } = (data === null || data === void 0 ? void 0 : data.fontRenderExtension) || {};
+		const map = this._ensureMap(subUnitId);
+		const key = this._generateKey(row, col);
+		const _row = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo.startRow : row;
+		const _col = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo.startColumn : col;
+		const rule = this._dataValidationModel.getRuleByLocation(info.unitId, info.subUnitId, _row, _col);
+		if (!rule) return;
+		const validator = this._dataValidationModel.getValidator(rule.type);
+		if (!validator) return;
+		const cellBounding = {
+			startX: _cellBounding.startX + leftOffset,
+			endX: _cellBounding.endX - rightOffset,
+			startY: _cellBounding.startY + topOffset,
+			endY: _cellBounding.endY - downOffset
+		};
+		const cellWidth = cellBounding.endX - cellBounding.startX;
+		const cellHeight = cellBounding.endY - cellBounding.startY;
+		const { cl } = style || {};
+		const color = (_ref = typeof cl === "object" ? cl === null || cl === void 0 ? void 0 : cl.rgb : cl) !== null && _ref !== void 0 ? _ref : "#000";
+		const fontStyle = (0, _univerjs_engine_render.getFontStyleString)(style !== null && style !== void 0 ? style : void 0);
+		const { vt: _vt, ht } = style || {};
+		const vt = _vt !== null && _vt !== void 0 ? _vt : _univerjs_core.VerticalAlign.MIDDLE;
+		const cellValue = (_getCellValueOrigin = (0, _univerjs_sheets_data_validation.getCellValueOrigin)(data)) !== null && _getCellValueOrigin !== void 0 ? _getCellValueOrigin : "";
+		const items = validator.parseCellValue(cellValue);
+		const labelColorMap = validator.getListWithColorMap(rule);
+		const 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 - 14, cellHeight);
+		ctx.clip();
+		ctx.translateWithPrecision(6, 6);
+		let top = 0;
+		switch (vt) {
+			case _univerjs_core.VerticalAlign.MIDDLE:
+				top = (layout.contentHeight - layout.totalHeight) / 2;
+				break;
+			case _univerjs_core.VerticalAlign.BOTTOM:
+				top = layout.contentHeight - layout.totalHeight;
+				break;
+			default: break;
+		}
+		ctx.translateWithPrecision(0, top);
+		layout.lines.forEach((line, index) => {
+			ctx.save();
+			const { width, height, items } = line;
+			let left = 0;
+			switch (ht) {
+				case _univerjs_core.HorizontalAlign.RIGHT:
+					left = layout.contentWidth - width;
+					break;
+				case _univerjs_core.HorizontalAlign.CENTER:
+					left = (layout.contentWidth - width) / 2;
+					break;
+				default: break;
+			}
+			ctx.translate(left, index * (height + 4));
+			items.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 + 6 + 14,
+			height: layout.contentHeight + 6 * 2
+		});
+	}
+	calcCellAutoHeight(info) {
+		var _getCellValueOrigin2;
+		const { primaryWithCoord, style, data, row, col } = info;
+		const { leftOffset = 0, rightOffset = 0, topOffset = 0, downOffset = 0 } = (data === null || data === void 0 ? void 0 : data.fontRenderExtension) || {};
+		const _cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord;
+		const cellBounding = {
+			startX: _cellBounding.startX + leftOffset,
+			endX: _cellBounding.endX - rightOffset,
+			startY: _cellBounding.startY + topOffset,
+			endY: _cellBounding.endY - downOffset
+		};
+		const rule = this._dataValidationModel.getRuleByLocation(info.unitId, info.subUnitId, row, col);
+		if (!rule) return;
+		const validator = this._dataValidationModel.getValidator(rule.type);
+		if (!validator) return;
+		const cellWidth = cellBounding.endX - cellBounding.startX;
+		const cellHeight = cellBounding.endY - cellBounding.startY;
+		const cellValue = (_getCellValueOrigin2 = (0, _univerjs_sheets_data_validation.getCellValueOrigin)(data)) !== null && _getCellValueOrigin2 !== void 0 ? _getCellValueOrigin2 : "";
+		return layoutDropdowns(validator.parseCellValue(cellValue), (0, _univerjs_engine_render.getFontStyleString)(style !== null && style !== void 0 ? style : void 0), cellWidth, cellHeight).cellAutoHeight;
+	}
+	calcCellAutoWidth(info) {
+		var _getCellValueOrigin3;
+		const { primaryWithCoord, style, data, row, col } = info;
+		const { leftOffset = 0, rightOffset = 0, topOffset = 0, downOffset = 0 } = (data === null || data === void 0 ? void 0 : data.fontRenderExtension) || {};
+		const _cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord;
+		const cellBounding = {
+			startX: _cellBounding.startX + leftOffset,
+			endX: _cellBounding.endX - rightOffset,
+			startY: _cellBounding.startY + topOffset,
+			endY: _cellBounding.endY - downOffset
+		};
+		const rule = this._dataValidationModel.getRuleByLocation(info.unitId, info.subUnitId, row, col);
+		if (!rule) return;
+		const validator = this._dataValidationModel.getValidator(rule.type);
+		if (!validator) return;
+		const cellWidth = cellBounding.endX - cellBounding.startX;
+		const cellHeight = cellBounding.endY - cellBounding.startY;
+		const cellValue = (_getCellValueOrigin3 = (0, _univerjs_sheets_data_validation.getCellValueOrigin)(data)) !== null && _getCellValueOrigin3 !== void 0 ? _getCellValueOrigin3 : "";
+		return layoutDropdowns(validator.parseCellValue(cellValue), (0, _univerjs_engine_render.getFontStyleString)(style !== null && style !== void 0 ? style : void 0), cellWidth, cellHeight).calcAutoWidth;
+	}
+	isHit(position, info) {
+		const { primaryWithCoord } = info;
+		const { endX } = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord;
+		const { x } = position;
+		if (x >= endX - 14 && x <= endX) return true;
+		return false;
+	}
+	onPointerDown(info, evt) {
+		if (evt.button === 2) return;
+		const { unitId, subUnitId, row, col } = info;
+		const params = {
+			unitId,
+			subUnitId,
+			row,
+			column: col
+		};
+		this._commandService.executeCommand(ShowDataValidationDropdown.id, params);
+	}
+	onPointerEnter(info, evt) {
+		var _getCurrentTypeOfRend;
+		return (_getCurrentTypeOfRend = (0, _univerjs_engine_render.getCurrentTypeOfRenderer)(_univerjs_core.UniverInstanceType.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) === null || _getCurrentTypeOfRend === void 0 || (_getCurrentTypeOfRend = _getCurrentTypeOfRend.mainComponent) === null || _getCurrentTypeOfRend === void 0 ? void 0 : _getCurrentTypeOfRend.setCursor(_univerjs_engine_render.CURSOR_TYPE.POINTER);
+	}
+	onPointerLeave(info, evt) {
+		var _getCurrentTypeOfRend2;
+		return (_getCurrentTypeOfRend2 = (0, _univerjs_engine_render.getCurrentTypeOfRenderer)(_univerjs_core.UniverInstanceType.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) === null || _getCurrentTypeOfRend2 === void 0 || (_getCurrentTypeOfRend2 = _getCurrentTypeOfRend2.mainComponent) === null || _getCurrentTypeOfRend2 === void 0 ? void 0 : _getCurrentTypeOfRend2.setCursor(_univerjs_engine_render.CURSOR_TYPE.DEFAULT);
+	}
+};
+DropdownMultipleWidget = __decorate([
+	__decorateParam(0, _univerjs_core.ICommandService),
+	__decorateParam(1, _univerjs_core.IUniverInstanceService),
+	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_engine_render.IRenderManagerService)),
+	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.SheetDataValidationModel))
+], DropdownMultipleWidget);
+
+//#endregion
+//#region src/views/validator-views/list-multiple-view.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.
+*/
+var ListMultipleValidatorView = class extends BaseSheetDataValidatorView {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "id", _univerjs_core.DataValidationType.LIST_MULTIPLE);
+		_defineProperty(this, "canvasRender", this.injector.createInstance(DropdownMultipleWidget));
+		_defineProperty(this, "dropdownType", _univerjs_data_validation.DataValidatorDropdownType.MULTIPLE_LIST);
+	}
+};
+
+//#endregion
+//#region src/views/widgets/dropdown-widget.ts
+/**
+* padding in Capsule
+*/
+const PADDING_H = 4;
+const ICON_SIZE = 4;
+const ICON_PLACE = 14;
+const PADDING_V = 1;
+/**
+* margin for Capsule, that means distance between capsule and cell border
+*/
+const MARGIN_H = 6;
+const MARGIN_V = 3;
+const RADIUS_BG = 8;
+const DROP_DOWN_ICON_COLOR = "#565656";
+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");
+function calcPadding(cellWidth, cellHeight, fontWidth, fontHeight, vt, ht, margin = true) {
+	let paddingTop = 0;
+	const realMargin = margin ? MARGIN_V : 0;
+	switch (vt) {
+		case _univerjs_core.VerticalAlign.BOTTOM:
+			paddingTop = cellHeight - fontHeight - realMargin;
+			break;
+		case _univerjs_core.VerticalAlign.MIDDLE:
+			paddingTop = (cellHeight - fontHeight) / 2;
+			break;
+		default:
+			paddingTop = realMargin;
+			break;
+	}
+	paddingTop = Math.max(MARGIN_V, paddingTop);
+	let paddingLeft = 0;
+	switch (ht) {
+		case _univerjs_core.HorizontalAlign.CENTER:
+			paddingLeft = (cellWidth - fontWidth) / 2;
+			break;
+		case _univerjs_core.HorizontalAlign.RIGHT:
+			paddingLeft = cellWidth - fontWidth;
+			break;
+		default: break;
+	}
+	paddingLeft = Math.max(MARGIN_H, paddingLeft);
+	return {
+		paddingLeft,
+		paddingTop
+	};
+}
+let DropdownWidget = class DropdownWidget {
+	constructor(_univerInstanceService, _localeService, _commandService, _renderManagerService, _dataValidationModel) {
+		this._univerInstanceService = _univerInstanceService;
+		this._localeService = _localeService;
+		this._commandService = _commandService;
+		this._renderManagerService = _renderManagerService;
+		this._dataValidationModel = _dataValidationModel;
+		_defineProperty(this, "_dropdownInfoMap", /* @__PURE__ */ new Map());
+		_defineProperty(this, "zIndex", void 0);
+	}
+	_ensureMap(subUnitId) {
+		let map = this._dropdownInfoMap.get(subUnitId);
+		if (!map) {
+			map = /* @__PURE__ */ new Map();
+			this._dropdownInfoMap.set(subUnitId, map);
+		}
+		return map;
+	}
+	_generateKey(row, col) {
+		return `${row}.${col}`;
+	}
+	_drawDownIcon(ctx, cellBounding, cellWidth, cellHeight, fontHeight, vt, pd) {
+		const { t = _univerjs_core.DEFAULT_STYLES.pd.t, b = _univerjs_core.DEFAULT_STYLES.pd.b } = pd;
+		const left = cellWidth - ICON_PLACE;
+		let top;
+		switch (vt) {
+			case _univerjs_core.VerticalAlign.MIDDLE:
+				top = (cellHeight - ICON_SIZE) / 2;
+				break;
+			case _univerjs_core.VerticalAlign.BOTTOM:
+				top = cellHeight - b - fontHeight - MARGIN_V + (fontHeight / 2 - ICON_SIZE / 2);
+				break;
+			default:
+				top = t + MARGIN_V + (fontHeight / 2 - ICON_SIZE / 2);
+				break;
+		}
+		ctx.save();
+		ctx.translateWithPrecision(cellBounding.startX + left, cellBounding.startY + top);
+		ctx.fillStyle = "#565656";
+		ctx.fill(downPath);
+		ctx.restore();
+	}
+	drawWith(ctx, info, skeleton) {
+		var _tb, _vt, _ht, _pd;
+		const { primaryWithCoord, row, col, style, data, subUnitId } = info;
+		const _cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord;
+		const _row = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo.startRow : row;
+		const _col = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo.startColumn : col;
+		const rule = this._dataValidationModel.getRuleByLocation(info.unitId, info.subUnitId, _row, _col);
+		if (!rule) return;
+		const validator = this._dataValidationModel.getValidator(rule.type);
+		if (!validator) return;
+		const { leftOffset = 0, rightOffset = 0, topOffset = 0, downOffset = 0 } = (data === null || data === void 0 ? void 0 : data.fontRenderExtension) || {};
+		if (!rule || !validator || !validator || validator.id.indexOf(_univerjs_core.DataValidationType.LIST) !== 0) return;
+		if (!validator.skipDefaultFontRender(rule)) return;
+		const cellBounding = {
+			startX: _cellBounding.startX + leftOffset,
+			endX: _cellBounding.endX - rightOffset,
+			startY: _cellBounding.startY + topOffset,
+			endY: _cellBounding.endY - downOffset
+		};
+		const cellWidth = cellBounding.endX - cellBounding.startX;
+		const cellHeight = cellBounding.endY - cellBounding.startY;
+		const map = this._ensureMap(subUnitId);
+		const key = this._generateKey(row, col);
+		const colorMap = validator.getListWithColorMap(rule);
+		const value = (0, _univerjs_sheets_data_validation.getCellValueOrigin)(data);
+		const valueStr = `${value !== null && value !== void 0 ? value : ""}`;
+		const activeColor = colorMap[valueStr];
+		let { tb, vt, ht, pd } = style || {};
+		tb = (_tb = tb) !== null && _tb !== void 0 ? _tb : _univerjs_core.WrapStrategy.WRAP;
+		vt = (_vt = vt) !== null && _vt !== void 0 ? _vt : _univerjs_core.VerticalAlign.BOTTOM;
+		ht = (_ht = ht) !== null && _ht !== void 0 ? _ht : _univerjs_core.DEFAULT_STYLES.ht;
+		pd = (_pd = pd) !== null && _pd !== void 0 ? _pd : _univerjs_core.DEFAULT_STYLES.pd;
+		const fontStyle = (0, _univerjs_engine_render.getFontStyleString)(style).fontCache;
+		if (rule.renderMode === _univerjs_core.DataValidationRenderMode.ARROW) {
+			var _style$cl, _style$st, _style$ul;
+			const { l = _univerjs_core.DEFAULT_STYLES.pd.l, t = _univerjs_core.DEFAULT_STYLES.pd.t, r = _univerjs_core.DEFAULT_STYLES.pd.r, b = _univerjs_core.DEFAULT_STYLES.pd.b } = pd;
+			const realWidth = cellWidth - l - r - ICON_PLACE - 4;
+			const textSkeleton = new _univerjs_engine_render.DocSimpleSkeleton(valueStr, fontStyle, Boolean(tb === _univerjs_core.WrapStrategy.WRAP), realWidth, Infinity);
+			textSkeleton.calculate();
+			const fontWidth = textSkeleton.getTotalWidth();
+			const fontHeight = textSkeleton.getTotalHeight();
+			const { paddingTop, paddingLeft } = calcPadding(realWidth, cellHeight - t - b, fontWidth, fontHeight, vt, ht, true);
+			this._drawDownIcon(ctx, cellBounding, cellWidth, cellHeight, fontHeight, vt, pd);
+			ctx.save();
+			ctx.translateWithPrecision(cellBounding.startX + l, cellBounding.startY + t);
+			ctx.beginPath();
+			ctx.rect(0, 0, cellWidth - l - r, cellHeight - t - b);
+			ctx.clip();
+			ctx.translateWithPrecision(0, paddingTop);
+			ctx.save();
+			ctx.translateWithPrecision(paddingLeft, 0);
+			ctx.beginPath();
+			ctx.rect(0, 0, realWidth, fontHeight);
+			ctx.clip();
+			_univerjs_engine_render.Text.drawWith(ctx, {
+				text: valueStr,
+				fontStyle,
+				width: realWidth,
+				height: fontHeight,
+				color: style === null || style === void 0 || (_style$cl = style.cl) === null || _style$cl === void 0 ? void 0 : _style$cl.rgb,
+				strokeLine: Boolean(style === null || style === void 0 || (_style$st = style.st) === null || _style$st === void 0 ? void 0 : _style$st.s),
+				underline: Boolean(style === null || style === void 0 || (_style$ul = style.ul) === null || _style$ul === void 0 ? void 0 : _style$ul.s),
+				warp: tb === _univerjs_core.WrapStrategy.WRAP,
+				hAlign: _univerjs_core.HorizontalAlign.LEFT
+			}, textSkeleton);
+			ctx.restore();
+			ctx.restore();
+			map.set(key, {
+				left: cellBounding.endX - ICON_PLACE + skeleton.rowHeaderWidth,
+				top: cellBounding.startY + t + skeleton.columnHeaderHeight,
+				width: ICON_PLACE,
+				height: cellHeight - t - b
+			});
+		} else {
+			var _style$cl2, _style$st2, _style$ul2;
+			ctx.save();
+			ctx.translateWithPrecision(cellBounding.startX, cellBounding.startY);
+			ctx.beginPath();
+			ctx.rect(0, 0, cellWidth, cellHeight);
+			ctx.clip();
+			const realWidth = cellWidth - MARGIN_H * 2 - PADDING_H - ICON_PLACE - 4;
+			const textSkeleton = new _univerjs_engine_render.DocSimpleSkeleton(valueStr, fontStyle, Boolean(tb === _univerjs_core.WrapStrategy.WRAP), realWidth, Infinity);
+			textSkeleton.calculate();
+			const fontWidth = textSkeleton.getTotalWidth();
+			const fontHeight = textSkeleton.getTotalHeight();
+			const rectHeight = fontHeight + PADDING_V * 2;
+			const rectWidth = Math.max(cellWidth - MARGIN_H * 2, 1);
+			const { paddingTop } = calcPadding(rectWidth, cellHeight, fontWidth, rectHeight, vt, ht);
+			ctx.translateWithPrecision(MARGIN_H, paddingTop);
+			_univerjs_engine_render.Rect.drawWith(ctx, {
+				width: rectWidth,
+				height: rectHeight,
+				fill: activeColor || "#ECECEC",
+				radius: RADIUS_BG
+			});
+			ctx.save();
+			ctx.translateWithPrecision(PADDING_H, PADDING_V);
+			ctx.beginPath();
+			ctx.rect(0, 0, realWidth, fontHeight);
+			ctx.clip();
+			_univerjs_engine_render.Text.drawWith(ctx, {
+				text: valueStr,
+				fontStyle,
+				width: realWidth,
+				height: fontHeight,
+				color: style === null || style === void 0 || (_style$cl2 = style.cl) === null || _style$cl2 === void 0 ? void 0 : _style$cl2.rgb,
+				strokeLine: Boolean(style === null || style === void 0 || (_style$st2 = style.st) === null || _style$st2 === void 0 ? void 0 : _style$st2.s),
+				underline: Boolean(style === null || style === void 0 || (_style$ul2 = style.ul) === null || _style$ul2 === void 0 ? void 0 : _style$ul2.s),
+				warp: tb === _univerjs_core.WrapStrategy.WRAP,
+				hAlign: _univerjs_core.HorizontalAlign.LEFT
+			}, textSkeleton);
+			ctx.restore();
+			ctx.translateWithPrecision(realWidth + PADDING_H + 4, (fontHeight - ICON_SIZE) / 2);
+			ctx.fillStyle = DROP_DOWN_ICON_COLOR;
+			ctx.fill(downPath);
+			ctx.restore();
+			map.set(key, {
+				left: cellBounding.startX + MARGIN_H + skeleton.rowHeaderWidth,
+				top: cellBounding.startY + paddingTop + skeleton.columnHeaderHeight,
+				width: rectWidth,
+				height: rectHeight
+			});
+		}
+	}
+	calcCellAutoHeight(info) {
+		var _tb2;
+		const { primaryWithCoord, style, data, row, col } = info;
+		const _cellBounding = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord;
+		const { leftOffset = 0, rightOffset = 0, topOffset = 0, downOffset = 0 } = (data === null || data === void 0 ? void 0 : data.fontRenderExtension) || {};
+		const rule = this._dataValidationModel.getRuleByLocation(info.unitId, info.subUnitId, row, col);
+		if (!rule) return;
+		if (rule.renderMode === _univerjs_core.DataValidationRenderMode.TEXT) return;
+		const cellBounding = {
+			startX: _cellBounding.startX + leftOffset,
+			endX: _cellBounding.endX - rightOffset,
+			startY: _cellBounding.startY + topOffset,
+			endY: _cellBounding.endY - downOffset
+		};
+		const cellWidth = cellBounding.endX - cellBounding.startX;
+		const value = (0, _univerjs_sheets_data_validation.getCellValueOrigin)(data);
+		const valueStr = `${value !== null && value !== void 0 ? value : ""}`;
+		let { tb, pd } = style || {};
+		const { t = _univerjs_core.DEFAULT_STYLES.pd.t, b = _univerjs_core.DEFAULT_STYLES.pd.b } = pd !== null && pd !== void 0 ? pd : {};
+		tb = (_tb2 = tb) !== null && _tb2 !== void 0 ? _tb2 : _univerjs_core.WrapStrategy.WRAP;
+		if (rule.renderMode === _univerjs_core.DataValidationRenderMode.ARROW) {
+			const { l = _univerjs_core.DEFAULT_STYLES.pd.l, r = _univerjs_core.DEFAULT_STYLES.pd.r } = pd !== null && pd !== void 0 ? pd : {};
+			const realWidth = cellWidth - l - r - ICON_PLACE - 4;
+			const skeleton = new _univerjs_engine_render.DocSimpleSkeleton(valueStr, (0, _univerjs_engine_render.getFontStyleString)(style).fontCache, Boolean(tb === _univerjs_core.WrapStrategy.WRAP), realWidth, Infinity);
+			skeleton.calculate();
+			return skeleton.getTotalHeight() + t + b + MARGIN_V * 2;
+		} else {
+			const realWidth = Math.max(cellWidth - MARGIN_H * 2 - PADDING_H - ICON_PLACE - 4, 10);
+			const skeleton = new _univerjs_engine_render.DocSimpleSkeleton(valueStr, (0, _univerjs_engine_render.getFontStyleString)(style).fontCache, Boolean(tb === _univerjs_core.WrapStrategy.WRAP), realWidth, Infinity);
+			skeleton.calculate();
+			return skeleton.getTotalHeight() + MARGIN_V * 2 + PADDING_V * 2;
+		}
+	}
+	calcCellAutoWidth(info) {
+		var _tb3;
+		const { primaryWithCoord, style, data, row, col } = info;
+		const cellRange = primaryWithCoord.isMergedMainCell ? primaryWithCoord.mergeInfo : primaryWithCoord;
+		const { leftOffset = 0, rightOffset = 0, topOffset = 0, downOffset = 0 } = (data === null || data === void 0 ? void 0 : data.fontRenderExtension) || {};
+		const rule = this._dataValidationModel.getRuleByLocation(info.unitId, info.subUnitId, row, col);
+		if (!rule) return;
+		if (rule.renderMode === _univerjs_core.DataValidationRenderMode.TEXT) return;
+		const cellBounding = {
+			startX: cellRange.startX + leftOffset,
+			endX: cellRange.endX - rightOffset,
+			startY: cellRange.startY + topOffset,
+			endY: cellRange.endY - downOffset
+		};
+		const cellWidth = cellBounding.endX - cellBounding.startX;
+		const value = (0, _univerjs_sheets_data_validation.getCellValueOrigin)(data);
+		const valueStr = `${value !== null && value !== void 0 ? value : ""}`;
+		let { tb, pd } = style || {};
+		const { l = _univerjs_core.DEFAULT_STYLES.pd.l, r = _univerjs_core.DEFAULT_STYLES.pd.r } = pd !== null && pd !== void 0 ? pd : {};
+		tb = (_tb3 = tb) !== null && _tb3 !== void 0 ? _tb3 : _univerjs_core.WrapStrategy.WRAP;
+		let paddingAll = MARGIN_H * 2 + ICON_PLACE;
+		switch (rule.renderMode) {
+			case _univerjs_core.DataValidationRenderMode.ARROW:
+				paddingAll = ICON_PLACE + 4 + r + l;
+				break;
+			case _univerjs_core.DataValidationRenderMode.CUSTOM:
+				paddingAll = ICON_PLACE + MARGIN_H * 2 + PADDING_H * 2 + r + l + RADIUS_BG / 2 + 1;
+				break;
+			default: paddingAll = ICON_PLACE + MARGIN_H * 2 + PADDING_H * 2 + r + l + RADIUS_BG / 2 + 1;
+		}
+		const widthForTextLayout = cellWidth - paddingAll;
+		const skeleton = new _univerjs_engine_render.DocSimpleSkeleton(valueStr, (0, _univerjs_engine_render.getFontStyleString)(style).fontCache, Boolean(tb === _univerjs_core.WrapStrategy.WRAP), widthForTextLayout, Infinity);
+		skeleton.calculate();
+		return skeleton.getTotalWidth() + paddingAll;
+	}
+	isHit(position, info) {
+		const { subUnitId, row, col } = info;
+		const dropdownInfo = this._ensureMap(subUnitId).get(this._generateKey(row, col));
+		const rule = this._dataValidationModel.getRuleByLocation(info.unitId, info.subUnitId, row, col);
+		if (!rule) return false;
+		if (!dropdownInfo) return false;
+		if (rule.renderMode === _univerjs_core.DataValidationRenderMode.TEXT) return false;
+		const { top, left, width, height } = dropdownInfo;
+		const { x, y } = position;
+		if (x >= left && x <= left + width && y >= top && y <= top + height) return true;
+		return false;
+	}
+	onPointerDown(info, evt) {
+		if (evt.button === 2) return;
+		const { unitId, subUnitId, row, col } = info;
+		const params = {
+			unitId,
+			subUnitId,
+			row,
+			column: col
+		};
+		this._commandService.executeCommand(ShowDataValidationDropdown.id, params);
+	}
+	onPointerEnter(_info, _evt) {
+		var _getCurrentTypeOfRend;
+		(_getCurrentTypeOfRend = (0, _univerjs_engine_render.getCurrentTypeOfRenderer)(_univerjs_core.UniverInstanceType.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) === null || _getCurrentTypeOfRend === void 0 || (_getCurrentTypeOfRend = _getCurrentTypeOfRend.mainComponent) === null || _getCurrentTypeOfRend === void 0 || _getCurrentTypeOfRend.setCursor(_univerjs_engine_render.CURSOR_TYPE.POINTER);
+	}
+	onPointerLeave(_info, _evt) {
+		var _getCurrentTypeOfRend2;
+		(_getCurrentTypeOfRend2 = (0, _univerjs_engine_render.getCurrentTypeOfRenderer)(_univerjs_core.UniverInstanceType.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) === null || _getCurrentTypeOfRend2 === void 0 || (_getCurrentTypeOfRend2 = _getCurrentTypeOfRend2.mainComponent) === null || _getCurrentTypeOfRend2 === void 0 || _getCurrentTypeOfRend2.setCursor(_univerjs_engine_render.CURSOR_TYPE.DEFAULT);
+	}
+};
+DropdownWidget = __decorate([
+	__decorateParam(0, _univerjs_core.IUniverInstanceService),
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.LocaleService)),
+	__decorateParam(2, _univerjs_core.ICommandService),
+	__decorateParam(3, (0, _univerjs_core.Inject)(_univerjs_engine_render.IRenderManagerService)),
+	__decorateParam(4, (0, _univerjs_core.Inject)(_univerjs_sheets_data_validation.SheetDataValidationModel))
+], DropdownWidget);
+
+//#endregion
+//#region src/views/validator-views/list-validator-view.ts
+var ListValidatorView = class extends BaseSheetDataValidatorView {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "id", _univerjs_core.DataValidationType.LIST);
+		_defineProperty(this, "canvasRender", this.injector.createInstance(DropdownWidget));
+		_defineProperty(this, "dropdownType", _univerjs_data_validation.DataValidatorDropdownType.LIST);
+		_defineProperty(this, "optionsInput", ListRenderModeInput.componentKey);
+		_defineProperty(this, "formulaInput", _univerjs_sheets_data_validation.LIST_FORMULA_INPUT_NAME);
+	}
+};
+
+//#endregion
+//#region src/views/validator-views/text-length-validator.view.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.
+*/
+var TextLengthValidatorView = class extends BaseSheetDataValidatorView {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "id", _univerjs_core.DataValidationType.TEXT_LENGTH);
+		_defineProperty(this, "formulaInput", _univerjs_sheets_data_validation.BASE_FORMULA_INPUT_NAME);
+	}
+};
+
+//#endregion
+//#region src/views/validator-views/whole-validator-view.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.
+*/
+var WholeValidatorView = class extends BaseSheetDataValidatorView {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "id", _univerjs_core.DataValidationType.WHOLE);
+		_defineProperty(this, "formulaInput", _univerjs_sheets_data_validation.BASE_FORMULA_INPUT_NAME);
+	}
+};
+
+//#endregion
+//#region src/controllers/dv-ui.controller.ts
+let SheetsDataValidationUIController = class SheetsDataValidationUIController extends _univerjs_core.RxDisposable {
+	constructor(_injector, _componentManger, _dataValidatorRegistryService) {
+		super();
+		this._injector = _injector;
+		this._componentManger = _componentManger;
+		this._dataValidatorRegistryService = _dataValidatorRegistryService;
+		this._initComponents();
+		this._registerValidatorViews();
+	}
+	_initComponents() {
+		[
+			["DataValidationIcon", _univerjs_icons.DataValidationIcon],
+			[DATA_VALIDATION_PANEL, DataValidationPanel],
+			[ListRenderModeInput.componentKey, ListRenderModeInput],
+			[DateShowTimeOption.componentKey, DateShowTimeOption],
+			...FORMULA_INPUTS
+		].forEach(([key, comp]) => {
+			this.disposeWithMe(this._componentManger.register(key, comp));
+		});
+	}
+	_registerValidatorViews() {
+		[
+			DecimalValidatorView,
+			WholeValidatorView,
+			TextLengthValidatorView,
+			DateValidatorView,
+			CheckboxValidatorView,
+			ListValidatorView,
+			ListMultipleValidatorView,
+			CustomFormulaValidatorView
+		].forEach((v) => {
+			const view = this._injector.createInstance(v);
+			const validator = this._dataValidatorRegistryService.getValidatorItem(view.id);
+			if (validator) {
+				validator.formulaInput = view.formulaInput;
+				validator.canvasRender = view.canvasRender;
+				validator.dropdownType = view.dropdownType;
+				validator.optionsInput = view.optionsInput;
+			}
+		});
+	}
+};
+SheetsDataValidationUIController = __decorate([
+	__decorateParam(0, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_ui.ComponentManager)),
+	__decorateParam(2, (0, _univerjs_core.Inject)(_univerjs_data_validation.DataValidatorRegistryService))
+], SheetsDataValidationUIController);
+
+//#endregion
+//#region src/mobile-plugin.ts
+let UniverSheetsDataValidationMobileUIPlugin = class UniverSheetsDataValidationMobileUIPlugin extends _univerjs_core.Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _commandService, _configService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._commandService = _commandService;
+		this._configService = _configService;
+		const { menu, ...rest } = (0, _univerjs_core.merge)({}, defaultPluginConfig, this._config);
+		if (menu) this._configService.setConfig("menu", menu, { merge: true });
+		this._configService.setConfig(SHEETS_DATA_VALIDATION_UI_PLUGIN_CONFIG_KEY, rest);
+	}
+	onStarting() {
+		[
+			[DataValidationPanelService],
+			[DataValidationDropdownManagerService],
+			[DataValidationAlertController],
+			[DataValidationAutoFillController],
+			[SheetsDataValidationRenderController],
+			[DataValidationPermissionController],
+			[DataValidationCopyPasteController],
+			[SheetsDataValidationUIController]
+		].forEach((dep) => {
+			this._injector.add(dep);
+		});
+		[
+			AddSheetDataValidationAndOpenCommand,
+			ShowDataValidationDropdown,
+			HideDataValidationDropdown,
+			CloseValidationPanelOperation,
+			OpenValidationPanelOperation,
+			ToggleValidationPanelOperation
+		].forEach((command) => {
+			this._commandService.registerCommand(command);
+		});
+	}
+	onReady() {
+		this._injector.get(DataValidationCopyPasteController);
+		this._injector.get(DataValidationPermissionController);
+		this._injector.get(_univerjs_engine_render.IRenderManagerService).registerRenderModule(_univerjs_core.UniverInstanceType.UNIVER_SHEET, [SheetsDataValidationReRenderController]);
+	}
+	onRendered() {
+		this._injector.get(SheetsDataValidationUIController);
+		this._injector.get(SheetsDataValidationRenderController);
+	}
+	onSteady() {
+		this._injector.get(DataValidationAutoFillController);
+	}
+};
+_defineProperty(UniverSheetsDataValidationMobileUIPlugin, "pluginName", "SHEET_DATA_VALIDATION_UI_PLUGIN");
+_defineProperty(UniverSheetsDataValidationMobileUIPlugin, "packageName", name);
+_defineProperty(UniverSheetsDataValidationMobileUIPlugin, "version", version);
+_defineProperty(UniverSheetsDataValidationMobileUIPlugin, "type", _univerjs_core.UniverInstanceType.UNIVER_SHEET);
+UniverSheetsDataValidationMobileUIPlugin = __decorate([
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
+	__decorateParam(2, _univerjs_core.ICommandService),
+	__decorateParam(3, _univerjs_core.IConfigService)
+], UniverSheetsDataValidationMobileUIPlugin);
+
+//#endregion
+//#region src/plugin.ts
+let UniverSheetsDataValidationUIPlugin = class UniverSheetsDataValidationUIPlugin extends _univerjs_core.Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _commandService, _configService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._commandService = _commandService;
+		this._configService = _configService;
+		const { menu, ...rest } = (0, _univerjs_core.merge)({}, defaultPluginConfig, this._config);
+		if (menu) this._configService.setConfig("menu", menu, { merge: true });
+		this._configService.setConfig(SHEETS_DATA_VALIDATION_UI_PLUGIN_CONFIG_KEY, rest);
+	}
+	onStarting() {
+		[
+			[DataValidationPanelService],
+			[DataValidationDropdownManagerService],
+			[DataValidationAlertController],
+			[DataValidationAutoFillController],
+			[SheetsDataValidationRenderController],
+			[DataValidationPermissionController],
+			[DataValidationCopyPasteController],
+			[DataValidationRejectInputController],
+			[SheetsDataValidationUIController]
+		].forEach((dep) => {
+			this._injector.add(dep);
+		});
+		[
+			AddSheetDataValidationAndOpenCommand,
+			ShowDataValidationDropdown,
+			HideDataValidationDropdown,
+			CloseValidationPanelOperation,
+			OpenValidationPanelOperation,
+			ToggleValidationPanelOperation
+		].forEach((command) => {
+			this._commandService.registerCommand(command);
+		});
+	}
+	onReady() {
+		this._injector.get(DataValidationCopyPasteController);
+		this._injector.get(DataValidationPermissionController);
+		this._injector.get(DataValidationRejectInputController);
+		this._injector.get(DataValidationAlertController);
+		this._injector.get(_univerjs_engine_render.IRenderManagerService).registerRenderModule(_univerjs_core.UniverInstanceType.UNIVER_SHEET, [SheetsDataValidationReRenderController]);
+	}
+	onRendered() {
+		this._injector.get(SheetsDataValidationUIController);
+		this._injector.get(SheetsDataValidationRenderController);
+	}
+	onSteady() {
+		this._injector.get(DataValidationAutoFillController);
+	}
+};
+_defineProperty(UniverSheetsDataValidationUIPlugin, "pluginName", "SHEET_DATA_VALIDATION_UI_PLUGIN");
+_defineProperty(UniverSheetsDataValidationUIPlugin, "packageName", name);
+_defineProperty(UniverSheetsDataValidationUIPlugin, "version", version);
+_defineProperty(UniverSheetsDataValidationUIPlugin, "type", _univerjs_core.UniverInstanceType.UNIVER_SHEET);
+UniverSheetsDataValidationUIPlugin = __decorate([
+	(0, _univerjs_core.DependentOn)(_univerjs_sheets_data_validation.UniverSheetsDataValidationPlugin),
+	__decorateParam(1, (0, _univerjs_core.Inject)(_univerjs_core.Injector)),
+	__decorateParam(2, _univerjs_core.ICommandService),
+	__decorateParam(3, _univerjs_core.IConfigService)
+], UniverSheetsDataValidationUIPlugin);
+
+//#endregion
+Object.defineProperty(exports, 'BaseSheetDataValidatorView', {
+  enumerable: true,
+  get: function () {
+    return BaseSheetDataValidatorView;
+  }
+});
+Object.defineProperty(exports, 'UniverSheetsDataValidationMobileUIPlugin', {
+  enumerable: true,
+  get: function () {
+    return UniverSheetsDataValidationMobileUIPlugin;
+  }
+});
+Object.defineProperty(exports, 'UniverSheetsDataValidationUIPlugin', {
+  enumerable: true,
+  get: function () {
+    return UniverSheetsDataValidationUIPlugin;
+  }
+});