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

package/lib/index.js

@@ -1 +1,3717 @@
-import{CellValueType as e,ColorKit as t,CommandType as n,DEFAULT_STYLES as r,DataValidationErrorStyle as i,DataValidationRenderMode as a,DataValidationStatus as o,DataValidationType as s,DependentOn as c,Disposable as l,DisposableCollection as u,HorizontalAlign as d,ICommandService as f,IConfigService as p,IUniverInstanceService as m,Inject as h,Injector as g,InterceptorEffectEnum as _,LocaleService as v,ObjectMatrix as y,Optional as b,Plugin as x,Range as S,Rectangle as C,RedoCommand as w,RxDisposable as T,ThemeService as E,UndoCommand as D,UniverInstanceType as O,VerticalAlign as k,WrapStrategy as A,bufferDebounceTime as ee,dateKit as j,debounce as M,generateRandomId as te,isFormulaString as N,isUnitRangesEqual as ne,merge as P,numfmt as F,queryObjectMatrix as I,sequenceExecute as re,shallowEqual as ie,toDisposable as ae}from"@univerjs/core";import{CURSOR_TYPE as L,CheckboxShape as oe,DeviceInputEventType as R,DocSimpleSkeleton as z,FontCache as se,IRenderManagerService as B,Rect as ce,Shape as le,Text as ue,Transform as de,fixLineWidthByScale as fe,getCurrentTypeOfRenderer as pe,getFontStyleString as me}from"@univerjs/engine-render";import{AUTO_FILL_APPLY_TYPE as he,AutoFillTools as ge,IAutoFillService as _e,INTERCEPTOR_POINT as ve,InterceptCellContentPriority as ye,RangeProtectionPermissionEditPoint as be,SetRangeValuesCommand as xe,SetWorksheetActiveOperation as Se,SheetInterceptorService as Ce,SheetPermissionCheckController as we,SheetsSelectionsService as Te,VALIDATE_CELL as Ee,WorkbookEditablePermission as De,WorksheetEditPermission as Oe,WorksheetSetCellStylePermission as ke,checkRangesEditablePermission as Ae,getSheetCommandTarget as je,rangeToDiscreteRange as Me}from"@univerjs/sheets";import{AddSheetDataValidationCommand as Ne,BASE_FORMULA_INPUT_NAME as Pe,CHECKBOX_FORMULA_1 as Fe,CHECKBOX_FORMULA_2 as Ie,CHECKBOX_FORMULA_INPUT_NAME as Le,CUSTOM_FORMULA_INPUT_NAME as Re,DATA_VALIDATION_PLUGIN_NAME as ze,DataValidationCacheService as Be,DataValidationFormulaController as Ve,DataValidationFormulaService as He,LIST_FORMULA_INPUT_NAME as Ue,RemoveSheetAllDataValidationCommand as We,RemoveSheetDataValidationCommand as Ge,SheetDataValidationModel as V,SheetsDataValidationValidatorService as Ke,UniverSheetsDataValidationPlugin as qe,UpdateSheetDataValidationOptionsCommand as Je,UpdateSheetDataValidationRangeCommand as Ye,UpdateSheetDataValidationSettingCommand as Xe,createDefaultNewRule as Ze,deserializeListOptions as Qe,getCellValueOrigin as H,getDataValidationCellValue as $e,getDataValidationDiffMutations as et,getFormulaResult as tt,isLegalFormulaResult as nt,serializeListOptions as rt,transformCheckboxValue as it}from"@univerjs/sheets-data-validation";import{DataValidationModel as at,DataValidatorDropdownType as U,DataValidatorRegistryScope as ot,DataValidatorRegistryService as st,TWO_FORMULA_OPERATOR_COUNT as ct,getRuleOptions as lt,getRuleSetting as ut}from"@univerjs/data-validation";import{ComponentManager as dt,IDialogService as ft,IMenuManagerService as pt,ISidebarService as mt,IZenZoneService as ht,KeyCode as gt,MenuItemType as _t,RibbonDataGroup as vt,getMenuHiddenObservable as yt,useDependency as W,useEvent as bt,useObservable as xt,useSidebarClick as St}from"@univerjs/ui";import{BehaviorSubject as Ct,Subject as wt,bufferTime as Tt,debounceTime as Et,distinctUntilChanged as Dt,filter as Ot,of as kt}from"rxjs";import{getPatternType as At}from"@univerjs/sheets-numfmt";import{AutoHeightController as jt,COPY_TYPE as Mt,CellAlertManagerService as Nt,CellAlertType as Pt,HoverManagerService as Ft,IEditorBridgeService as It,IMarkSelectionService as Lt,ISheetCellDropdownManagerService as Rt,ISheetClipboardService as zt,PREDEFINED_HOOK_NAME_PASTE as Bt,SetCellEditVisibleOperation as Vt,SheetSkeletonManagerService as Ht,getCurrentRangeDisable$ as Ut,getRepeatRange as Wt,virtualizeDiscreteRanges as Gt}from"@univerjs/sheets-ui";import{Button as Kt,Checkbox as qt,DraggableList as Jt,Dropdown as Yt,FormLayout as G,Input as Xt,Radio as Zt,RadioGroup as Qt,Select as $t,borderClassName as en,clsx as tn}from"@univerjs/design";import{createElement as nn,useEffect as rn,useMemo as an,useRef as on,useState as K}from"react";import{DataValidationIcon as sn,DeleteIcon as cn,IncreaseIcon as ln,MoreDownIcon as un,MoreUpIcon as dn,SequenceIcon as fn}from"@univerjs/icons";import{deserializeRangeWithSheet as pn,serializeRange as mn}from"@univerjs/engine-formula";import{FormulaEditor as hn,RangeSelector as gn}from"@univerjs/sheets-formula-ui";import{Fragment as _n,jsx as q,jsxs as J}from"react/jsx-runtime";var vn=`@univerjs/sheets-data-validation-ui`,yn=`0.20.1`;function bn(e){"@babel/helpers - typeof";return bn=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},bn(e)}function xn(e,t){if(bn(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(bn(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Sn(e){var t=xn(e,`string`);return bn(t)==`symbol`?t:t+``}function Y(e,t,n){return(t=Sn(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function X(e,t){return function(n,r){t(n,r,e)}}function Z(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 Q=class extends l{get activeRule(){return this._activeRule}get isOpen(){return this._open$.getValue()}constructor(e,t){super(),this._univerInstanceService=e,this._sidebarService=t,Y(this,`_open$`,new Ct(!1)),Y(this,`open$`,this._open$.pipe(Dt())),Y(this,`_activeRule`,void 0),Y(this,`_activeRule$`,new Ct(void 0)),Y(this,`activeRule$`,this._activeRule$.asObservable()),Y(this,`_closeDisposable`,null),Y(this,`_focusFormulaEditorActiveRuleSubUnitId`,null),this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(O.UNIVER_SHEET).pipe(Ot(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=ae(()=>{e.dispose(),this._closeDisposable=null})}setActiveRule(e){this._activeRule=e,this._activeRule$.next(e)}setFocusFormulaEditorActiveRuleSubUnitId(e){this._focusFormulaEditorActiveRuleSubUnitId=e}getFocusFormulaEditorActiveRuleSubUnitId(){return this._focusFormulaEditorActiveRuleSubUnitId}};Q=Z([X(0,m),X(1,mt)],Q);const Cn=`sheets-data-validation-ui.config`;Symbol(Cn);const wn={};let Tn=class extends l{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(Ee,{handler:async(e,t,n)=>{let r=await e,{row:a,col:s,unitId:c,subUnitId:l}=t,u=this._dataValidationModel.getRuleIdByLocation(c,l,a,s),d=u?this._dataValidationModel.getRuleById(c,l,u):void 0;if(r===!1)return n(Promise.resolve(!1));if(!d||d.errorStyle!==i.STOP)return n(Promise.resolve(!0));let f=this._dataValidatorRegistryService.getValidatorItem(d.type);return!f||await this._sheetsDataValidationValidatorService.validatorCell(c,l,a,s)===o.VALID?n(Promise.resolve(!0)):(this._dialogService.open({width:368,title:{title:this._localeService.t(`dataValidation.alert.title`)},id:`reject-input-dialog`,children:{title:f.getRuleFinalError(d,{row:a,col:s,unitId:c,subUnitId:l})},footer:{title:nn(Kt,{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:nn(Kt,{variant:`primary`,onClick:()=>this._dialogService.close(`reject-input-dialog`)},this._localeService.t(`dataValidation.alert.ok`))},onClose:()=>{this._dialogService.close(`reject-input-dialog`)}})}};Tn=Z([X(0,h(Ce)),X(1,h(V)),X(2,h(st)),X(3,ft),X(4,h(v)),X(5,h(Ke))],Tn);const En=e=>{if(e==null||typeof e==`boolean`)return;if(e===``)return j();if(typeof e==`number`||!Number.isNaN(+e))return j(F.format(`yyyy-MM-dd HH:mm:ss`,Number(e)));let t=j(e);if(t.isValid())return t};function Dn(e,t){if(e===At(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 On=class extends l{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,Y(this,`_activeDropdown`,void 0),Y(this,`_activeDropdown$`,new wt),Y(this,`_currentPopup`,null),Y(this,`activeDropdown$`,this._activeDropdown$.asObservable()),Y(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,O.UNIVER_SHEET):this._univerInstanceService.getCurrentUnitForType(O.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(t){let{location:n}=t,{row:r,col:o,unitId:s,subUnitId:c,workbook:l,worksheet:d}=n;if(this._currentPopup&&this._currentPopup.dispose(),this._zenVisible)return;this._activeDropdown=t,this._activeDropdown$.next(this._activeDropdown);let f=this._sheetDataValidationModel.getRuleByLocation(s,c,r,o);if(!f)return;let p=this._dataValidatorRegistryService.getValidatorItem(f.type);if(!(p!=null&&p.dropdownType))return;let m,h=async(t,n)=>{var a,u,m;if(!t)return!0;let h=t,g=d.getCell(r,o),_=h.format(n===`date`?`YYYY-MM-DD 00:00:00`:`YYYY-MM-DD HH:mm:ss`),v=(a=F.parseDate(_))==null?void 0:a.v,y=n===`time`?v%1:v,b=l.getStyles().getStyleByCell(g),x=(u=b==null||(m=b.n)==null?void 0:m.pattern)==null?``:u;return f.errorStyle!==i.STOP||await p.validator({value:y,unitId:s,subUnitId:c,row:r,column:o,worksheet:d,workbook:l,interceptValue:_.replace(`Z`,``).replace(`T`,` `),t:e.NUMBER},f)?(await this._commandService.executeCommand(xe.id,{unitId:s,subUnitId:c,range:{startColumn:o,endColumn:o,startRow:r,endRow:r},value:{v:y,t:2,p:null,f:null,si:null,s:{n:{pattern:Dn(n,x)}}}}),await this._commandService.executeCommand(Vt.id,{visible:!1,eventType:R.Keyboard,unitId:s,keycode:gt.ESC}),!0):(this._injector.has(Tn)&&this._injector.get(Tn).showReject(p.getRuleFinalError(f,{row:r,col:o,unitId:s,subUnitId:c})),!1)},g;switch(p.dropdownType){case U.DATE:{var _;let e=En(H(d.getCellRaw(r,o))),t=!!((_=f.bizInfo)!=null&&_.showTime);g={location:n,type:`datepicker`,props:{showTime:t,onChange:e=>h(e,t?`datetime`:`date`),defaultValue:e,patternType:`date`}};break}case U.TIME:g={location:n,type:`datepicker`,props:{onChange:e=>h(e,`time`),defaultValue:En(H(d.getCellRaw(r,o))),patternType:`time`}};break;case U.DATETIME:g={location:n,type:`datepicker`,props:{onChange:e=>h(e,`datetime`),defaultValue:En(H(d.getCellRaw(r,o))),patternType:`datetime`}};break;case U.LIST:case U.MULTIPLE_LIST:{var v,y,b,x;let e=p.dropdownType===U.MULTIPLE_LIST,t=async t=>{let n=rt(t),i={unitId:s,subUnitId:c,range:{startColumn:o,endColumn:o,startRow:r,endRow:r},value:{v:n,p:null,f:null,si:null}};return this._commandService.executeCommand(xe.id,i),this._editorBridgeService.isVisible().visible&&await this._commandService.executeCommand(Vt.id,{visible:!1,eventType:R.Keyboard,unitId:s,keycode:gt.ESC}),!e},i=(f==null?void 0:f.renderMode)===a.CUSTOM||(f==null?void 0:f.renderMode)===void 0,l=p.getListWithColor(f,s,c),u=$e(d.getCellRaw(r,o));g={location:n,type:`list`,props:{onChange:e=>t(e),options:l.map(e=>({label:e.label,value:e.label,color:i||e.color?e.color||`#ECECEC`:`transparent`})),onEdit:()=>{this._commandService.executeCommand(An.id,{ruleId:f.uid}),m==null||m.dispose()},defaultValue:u,multiple:e,showEdit:(v=(y=this._configService.getConfig(`sheets-data-validation-ui.config`))==null?void 0:y.showEditOnDropdown)==null?!0:v,showSearch:(b=(x=this._configService.getConfig(`sheets-data-validation-ui.config`))==null?void 0:x.showSearchOnDropdown)==null?!0:b}};break}case U.CASCADE:var S;g={type:`cascader`,props:{onChange:e=>{let t={unitId:s,subUnitId:c,range:{startColumn:o,endColumn:o,startRow:r,endRow:r},value:{v:e.join(`/`),p:null,f:null,si:null}};return this._commandService.syncExecuteCommand(xe.id,t),this._editorBridgeService.isVisible().visible&&this._commandService.syncExecuteCommand(Vt.id,{visible:!1,eventType:R.Keyboard,unitId:s,keycode:gt.ESC}),!0},defaultValue:$e(d.getCellRaw(r,o)).split(`/`),options:JSON.parse((S=f.formula1)==null?`[]`:S)},location:n};break;case U.COLOR:g={type:`color`,props:{onChange:e=>{let t={unitId:s,subUnitId:c,range:{startColumn:o,endColumn:o,startRow:r,endRow:r},value:{v:e,p:null,f:null,si:null}};return this._commandService.syncExecuteCommand(xe.id,t),this._editorBridgeService.isVisible().visible&&this._commandService.syncExecuteCommand(Vt.id,{visible:!1,eventType:R.Keyboard,unitId:s,keycode:gt.ESC}),!0},defaultValue:$e(d.getCellRaw(r,o))},location:n};break;default:throw Error(`[DataValidationDropdownManagerService]: unknown type!`)}if(m=this._cellDropdownManagerService.showDropdown({...g,onHide:()=>{this._activeDropdown=null,this._activeDropdown$.next(null)}}),!m)throw Error(`[DataValidationDropdownManagerService]: cannot show dropdown!`);let C=new u;C.add(m),C.add({dispose:()=>{var e,t;(e=this._activeDropdown)==null||(t=e.onHide)==null||t.call(e)}}),this._currentPopup=C}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,O.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 c=this._dataValidatorRegistryService.getValidatorItem(s.type);if(!c||!c.dropdownType){this.hideDropdown();return}this.showDropdown({location:{workbook:a,worksheet:o,row:n,col:r,unitId:e,subUnitId:t},onHide:i})}};On=Z([X(0,m),X(1,h(st)),X(2,ht),X(3,h(V)),X(4,h(Te)),X(5,h(Rt)),X(6,h(V)),X(7,f),X(8,It),X(9,h(g)),X(10,p)],On);const kn=`DataValidationPanel`,An={id:`data-validation.operation.open-validation-panel`,type:n.OPERATION,handler(e,t){if(!t)return!1;let{ruleId:n,isAdd:r}=t,i=e.get(Q),a=e.get(at),o=e.get(m),s=e.get(mt),c=je(o);if(!c)return!1;let{unitId:l,subUnitId:u}=c,d=n?a.getRuleById(l,u,n):void 0;i.open(),i.setActiveRule(d&&{unitId:l,subUnitId:u,rule:d});let f=s.open({id:kn,header:{title:r?`dataValidation.panel.addTitle`:`dataValidation.panel.title`},children:{label:kn},width:312,onClose:()=>i.close()});return i.setCloseDisposable(f),!0}},jn={id:`data-validation.operation.close-validation-panel`,type:n.OPERATION,handler(e){return e.get(Q).close(),!0}},Mn={id:`data-validation.operation.toggle-validation-panel`,type:n.OPERATION,handler(e){let t=e.get(f),n=e.get(Q);return n.open(),n.isOpen?t.executeCommand(jn.id):t.executeCommand(An.id),!0}},Nn={type:n.OPERATION,id:`sheet.operation.show-data-validation-dropdown`,handler(e,t){if(!t)return!1;let n=e.get(On),{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}},Pn={type:n.OPERATION,id:`sheet.operation.hide-data-validation-dropdown`,handler(e,t){return t?(e.get(On).hideDropdown(),!0):!1}},Fn={type:n.COMMAND,id:`data-validation.command.addRuleAndOpen`,handler(e){let t=je(e.get(m));if(!t)return!1;let{workbook:n,worksheet:r}=t,i=Ze(e),a=e.get(f),o={rule:i,unitId:n.getUnitId(),subUnitId:r.getSheetId()};return a.syncExecuteCommand(Ne.id,o)?(a.syncExecuteCommand(An.id,{ruleId:i.uid,isAdd:!0}),!0):!1}},In=`SHEET_DATA_VALIDATION_ALERT`;let Ln=class extends l{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(Et(100)).subscribe(e=>{if(e){let n=this._univerInstanceService.getUnit(e.location.unitId,O.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(In);return}if(this._dataValidationModel.validator(i,{...e.location,workbook:n,worksheet:r})===o.INVALID){var t;let n=this._cellAlertManagerService.currentAlert.get(In),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(In);return}let a=this._dataValidationModel.getValidator(i.type);if(!a){this._cellAlertManagerService.removeAlert(In);return}this._cellAlertManagerService.showAlert({type:Pt.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:In});return}}this._cellAlertManagerService.removeAlert(In)}))}_initZenService(){this.disposeWithMe(this._zenZoneService.visible$.subscribe(e=>{e&&this._cellAlertManagerService.removeAlert(In)}))}};Ln=Z([X(0,h(Ft)),X(1,h(Nt)),X(2,m),X(3,h(v)),X(4,ht),X(5,h(V))],Ln);let Rn=class extends l{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=Gt([n,r]),[c,l]=s.ranges,{mapFunc:u}=s,d={row:c.startRow,col:c.startColumn},f=ge.getAutoFillRepeatRange(c,l),p=new y,m=new Set;f.forEach(e=>{let t=e.repeatStartCell,n=e.relativeRange,r={startRow:d.row,startColumn:d.col,endColumn:d.col,endRow:d.row},o={startRow:t.row,startColumn:t.col,endColumn:t.col,endRow:t.row};S.foreach(n,(e,t)=>{let n=C.getPositionRange({startRow:e,startColumn:t,endColumn:t,endRow:e},r),{row:s,col:c}=u(n.startRow,n.startColumn),l=this._sheetDataValidationModel.getRuleIdByLocation(i,a,s,c)||``,d=C.getPositionRange({startRow:e,startColumn:t,endColumn:t,endRow:e},o),{row:f,col:h}=u(d.startRow,d.startColumn);p.setValue(f,h,l),m.add(l)})});let h=Array.from(m).map(e=>({id:e,ranges:I(p,t=>t===e)}));o.addRangeRules(h);let{redoMutations:g,undoMutations:_}=et(i,a,o.diff(this._sheetDataValidationModel.getRules(i,a)),this._injector,`patched`,t===he.ONLY_FORMAT);return{undos:_,redos:g}},n={id:ze,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===s.CHECKBOX){this._autoFillService.setDisableApplyType(he.SERIES,!0);return}}},onFillData:(n,r,i)=>i===he.COPY||i===he.ONLY_FORMAT||i===he.SERIES?t(n,i):e(),onAfterFillData:()=>{}};this.disposeWithMe(this._autoFillService.addHook(n))}};Rn=Z([X(0,_e),X(1,h(V)),X(2,h(g))],Rn);const zn=[Bt.SPECIAL_PASTE_COL_WIDTH,Bt.SPECIAL_PASTE_VALUE,Bt.SPECIAL_PASTE_FORMAT,Bt.SPECIAL_PASTE_FORMULA];let Bn=class extends l{constructor(e,t,n,r){super(),this._sheetClipboardService=e,this._sheetDataValidationModel=t,this._injector=n,this._univerInstanceService=r,Y(this,`_copyInfo`,void 0),this._initCopyPaste()}_initCopyPaste(){this._sheetClipboardService.addClipboardHook({id:ze,onBeforeCopy:(e,t,n)=>this._collect(e,t,n),onPasteCells:(e,t,n,r)=>!e||!this._copyInfo||zn.includes(r.pasteType)?{redos:[],undos:[]}:this._generateMutations(e,t,r)})}_collect(e,t,n){let r=new y;this._copyInfo={unitId:e,subUnitId:t,matrix:r};let i=this._injector.invoke(r=>Me(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:c}=t,{copyType:l=Mt.COPY}=n;if(!je(this._univerInstanceService,{unitId:o,subUnitId:s}))return{redos:[],undos:[]};if(l===Mt.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 y,n=new Set,{ranges:[u,d],mapFunc:f}=Gt([a,c]),p=Wt(u,d,!0),m=new Map;p.forEach(({startRange:e})=>{var a;(a=this._copyInfo)==null||a.matrix.forValue((a,c,l)=>{let u=C.getPositionRange({startRow:a,endRow:a,startColumn:c,endColumn:c},e),d=`${i}-${l}`,p=this._sheetDataValidationModel.getRuleById(r,i,l);!this._sheetDataValidationModel.getRuleById(o,s,d)&&p&&m.set(d,{...p,uid:d});let{row:h,col:g}=f(u.startRow,u.startColumn);n.add(d),t.setValue(h,g,d)})});let h=Array.from(n).map(e=>({id:e,ranges:I(t,t=>t===e)}));e.addRangeRules(h);let{redoMutations:g,undoMutations:_}=et(o,s,e.diffWithAddition(this._sheetDataValidationModel.getRules(o,s),m.values()),this._injector,`patched`,!1);if(l===Mt.CUT){let e=this._sheetDataValidationModel.getRuleObjectMatrix(r,i).clone(),t=f(u.startRow,u.startColumn),n=f(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}=et(r,i,e.diff(this._sheetDataValidationModel.getRules(r,i)),this._injector,`patched`,!1);g.push(...a),_.push(...o)}return{redos:g,undos:_}}else{let e=this._sheetDataValidationModel.getRuleObjectMatrix(r,i).clone(),t=new y,n=new Set,{ranges:[l,u],mapFunc:d}=Gt([a,c]);Wt(l,u,!0).forEach(({startRange:e})=>{var r;(r=this._copyInfo)==null||r.matrix.forValue((r,i,a)=>{let o=C.getPositionRange({startRow:r,endRow:r,startColumn:i,endColumn:i},e),{row:s,col:c}=d(o.startRow,o.startColumn);t.setValue(s,c,a),n.add(a)})});let f=Array.from(n).map(e=>({id:e,ranges:I(t,t=>t===e)}));e.addRangeRules(f);let{redoMutations:p,undoMutations:m}=et(o,s,e.diff(this._sheetDataValidationModel.getRules(r,i)),this._injector,`patched`,!1);return{redos:p,undos:m}}}};Bn=Z([X(0,zt),X(1,h(V)),X(2,h(g)),X(3,h(m))],Bn);let Vn=class extends l{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===Ne.id){let{unitId:t,subUnitId:n,rule:{ranges:r}}=e.params;this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[De],rangeTypes:[be],worksheetTypes:[Oe,ke]},r,t,n)||this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t(`permission.dialog.setStyleErr`))}if(e.id===Ye.id){let{unitId:t,subUnitId:n,ranges:r}=e.params;this._sheetPermissionCheckController.permissionCheckWithRanges({workbookTypes:[De],rangeTypes:[be],worksheetTypes:[Oe,ke]},r,t,n)||this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t(`permission.dialog.setStyleErr`))}}))}};Vn=Z([X(0,h(v)),X(1,f),X(2,h(we))],Vn);const Hn=`sheet.menu.data-validation`;function Un(e){return{id:Hn,type:_t.SUBITEMS,icon:`DataValidationIcon`,tooltip:`dataValidation.title`,hidden$:yt(e,O.UNIVER_SHEET),disabled$:Ut(e,{workbookTypes:[De],worksheetTypes:[ke,Oe],rangeTypes:[be]})}}function Wn(e){return{id:An.id,title:`dataValidation.panel.title`,type:_t.BUTTON}}function Gn(e){return{id:Fn.id,title:`dataValidation.panel.add`,type:_t.BUTTON}}const Kn={[vt.RULES]:{[Hn]:{order:0,menuItemFactory:Un,[An.id]:{order:0,menuItemFactory:Wn},[Fn.id]:{order:1,menuItemFactory:Gn}}}},qn={tr:{size:6,color:`#fe4b4b`}};let Jn=class extends T{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(Kn)}_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(ve.CELL_CONTENT,{effect:_.Style,priority:ye.DATA_VALIDATION,handler:(e,t,n)=>{var r,i,a,c,l;let{row:u,col:d,unitId:f,subUnitId:p,workbook:m,worksheet:h}=t,g=this._sheetDataValidationModel.getRuleIdByLocation(f,p,u,d);if(!g)return n(e);let _=this._sheetDataValidationModel.getRuleById(f,p,g);if(!_)return n(e);let v=(r=this._dataValidationCacheService.getValue(f,p,u,d))==null?o.VALID:r,y=this._dataValidatorRegistryService.getValidatorItem(_.type),b=t.rawData,x,S={get value(){var e;return x===void 0&&(x=(e=H(b))==null?null:e),x}},C={get value(){var e;return`${(e=S.value)==null?``:e}`}};return(!e||e===t.rawData)&&(e={...t.rawData}),e.markers={...e==null?void 0:e.markers,...v===o.INVALID?qn:null},e.customRender=[...(i=e==null?void 0:e.customRender)==null?[]:i,...y!=null&&y.canvasRender?[y.canvasRender]:[]],e.fontRenderExtension={...e==null?void 0:e.fontRenderExtension,isSkip:(e==null||(a=e.fontRenderExtension)==null?void 0:a.isSkip)||(y==null||(c=y.skipDefaultFontRender)==null?void 0:c.call(y,_,S.value,t))},e.interceptorStyle={...e==null?void 0:e.interceptorStyle,...y==null?void 0:y.getExtraStyle(_,C.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)||{}}},u,d)},e.interceptorAutoHeight=()=>{var t,n,r,i,a;let o=(t=this._renderManagerService.getRenderById(f))==null||(t=t.with(Ht).getSkeletonParam(p))==null?void 0:t.skeleton;if(!o)return;let s=o.worksheet.getMergedCell(u,d),c={data:e,style:o.getStyles().getStyleByCell(e),primaryWithCoord:o.getCellWithCoordByIndex((n=s==null?void 0:s.startRow)==null?u:n,(r=s==null?void 0:s.startColumn)==null?d:r),unitId:f,subUnitId:p,row:u,col:d,workbook:m,worksheet:h};return y==null||(i=y.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(Ht).getSkeletonParam(p))==null?void 0:t.skeleton;if(!o)return;let s=o.worksheet.getMergedCell(u,d),c={data:e,style:o.getStyles().getStyleByCell(e),primaryWithCoord:o.getCellWithCoordByIndex((n=s==null?void 0:s.startRow)==null?u:n,(r=s==null?void 0:s.startColumn)==null?d:r),unitId:f,subUnitId:p,row:u,col:d,workbook:m,worksheet:h};return y==null||(i=y.canvasRender)==null||(a=i.calcCellAutoWidth)==null?void 0:a.call(i,c)},e.coverable=((l=e==null?void 0:e.coverable)==null?!0:l)&&!(_.type===s.LIST||_.type===s.LIST_MULTIPLE),n(e)}}))}_initAutoHeight(){this._sheetDataValidationModel.ruleChange$.pipe(Ot(e=>e.source===`command`),Tt(100)).subscribe(e=>{if(e.length===0)return;let t=[];e.forEach(e=>{if(e.rule.type===s.LIST_MULTIPLE||e.rule.type===s.LIST){var n;(n=e.rule)!=null&&n.ranges&&t.push(...e.rule.ranges)}}),t.length&&re(this._autoHeightController.getUndoRedoParamsOfAutoHeight(t).redos,this._commandService)})}};Jn=Z([X(0,f),X(1,pt),X(2,B),X(3,m),X(4,h(jt)),X(5,h(On)),X(6,h(V)),X(7,h(st)),X(8,h(Ce)),X(9,h(Be)),X(10,b(It))],Jn);let Yn=class extends T{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(ve.CELL_CONTENT,{effect:_.Style,priority:ye.DATA_VALIDATION,handler:(e,t,n)=>{var r,i,a,c,l;let{row:u,col:d,unitId:f,subUnitId:p,workbook:m,worksheet:h}=t,g=this._sheetDataValidationModel.getRuleIdByLocation(f,p,u,d);if(!g)return n(e);let _=this._sheetDataValidationModel.getRuleById(f,p,g);if(!_)return n(e);let v=(r=this._dataValidationCacheService.getValue(f,p,u,d))==null?o.VALID:r,y=this._dataValidatorRegistryService.getValidatorItem(_.type),b=H(h.getCellRaw(u,d)),x=`${b==null?``:b}`;return(!e||e===t.rawData)&&(e={...t.rawData}),e.markers={...e==null?void 0:e.markers,...v===o.INVALID?qn:null},e.customRender=[...(i=e==null?void 0:e.customRender)==null?[]:i,...y!=null&&y.canvasRender?[y.canvasRender]:[]],e.fontRenderExtension={...e==null?void 0:e.fontRenderExtension,isSkip:(e==null||(a=e.fontRenderExtension)==null?void 0:a.isSkip)||(y==null||(c=y.skipDefaultFontRender)==null?void 0:c.call(y,_,b,t))},e.interceptorStyle={...e==null?void 0:e.interceptorStyle,...y==null?void 0:y.getExtraStyle(_,x,{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)||{}}},u,d)},e.interceptorAutoHeight=()=>{var t,n,r,i,a;let o=(t=this._renderManagerService.getRenderById(f))==null||(t=t.with(Ht).getSkeletonParam(p))==null?void 0:t.skeleton;if(!o)return;let s=o.worksheet.getMergedCell(u,d),c={data:e,style:o.getStyles().getStyleByCell(e),primaryWithCoord:o.getCellWithCoordByIndex((n=s==null?void 0:s.startRow)==null?u:n,(r=s==null?void 0:s.startColumn)==null?d:r),unitId:f,subUnitId:p,row:u,col:d,workbook:m,worksheet:h};return y==null||(i=y.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(Ht).getSkeletonParam(p))==null?void 0:t.skeleton;if(!o)return;let s=o.worksheet.getMergedCell(u,d),c={data:e,style:o.getStyles().getStyleByCell(e),primaryWithCoord:o.getCellWithCoordByIndex((n=s==null?void 0:s.startRow)==null?u:n,(r=s==null?void 0:s.startColumn)==null?d:r),unitId:f,subUnitId:p,row:u,col:d,workbook:m,worksheet:h};return y==null||(i=y.canvasRender)==null||(a=i.calcCellAutoWidth)==null?void 0:a.call(i,c)},e.coverable=((l=e==null?void 0:e.coverable)==null?!0:l)&&!(_.type===s.LIST||_.type===s.LIST_MULTIPLE),n(e)}}))}_initAutoHeight(){this._sheetDataValidationModel.ruleChange$.pipe(Ot(e=>e.source===`command`),Tt(16)).subscribe(e=>{let t=[];e.forEach(e=>{if(e.rule.type===s.LIST_MULTIPLE||e.rule.type===s.LIST){var n;(n=e.rule)!=null&&n.ranges&&t.push(...e.rule.ranges)}}),t.length&&re(this._autoHeightController.getUndoRedoParamsOfAutoHeight(t).redos,this._commandService)})}};Yn=Z([X(0,f),X(1,B),X(2,h(jt)),X(3,h(st)),X(4,h(Ce)),X(5,h(V)),X(6,h(Be))],Yn);let Xn=class extends l{constructor(e,t,n){super(),this._context=e,this._sheetDataValidationModel=t,this._sheetSkeletonManagerService=n,this._initSkeletonChange()}_initSkeletonChange(){this.disposeWithMe(this._sheetDataValidationModel.validStatusChange$.pipe(ee(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()}))}};Xn=Z([X(1,h(V)),X(2,h(Ht))],Xn);function Zn(e){var t;let n=W(v),r=W(dt),{value:a,onChange:o,extraComponent:s}=e,[c,l]=K(!1),u=s?r.get(s):null;return J(_n,{children:[J(`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(!c),children:[n.t(`dataValidation.panel.options`),q(c?dn:un,{className:`univer-ml-1`})]}),c&&J(_n,{children:[u?q(u,{value:a,onChange:o}):null,q(G,{label:n.t(`dataValidation.panel.invalid`),children:J(Qt,{value:`${(t=a.errorStyle)==null?i.WARNING:t}`,onChange:e=>o({...a,errorStyle:+e}),children:[q(Zt,{value:`${i.WARNING}`,children:n.t(`dataValidation.panel.showWarning`)}),q(Zt,{value:`${i.STOP}`,children:n.t(`dataValidation.panel.rejectInput`)})]})}),q(G,{label:n.t(`dataValidation.panel.messageInfo`),children:q(qt,{checked:a.showErrorMessage,onChange:()=>o({...a,showErrorMessage:!a.showErrorMessage}),children:n.t(`dataValidation.panel.showInfo`)})}),a.showErrorMessage?q(G,{children:q(Xt,{value:a.error,onChange:e=>o({...a,error:e})})}):null]})]})}const Qn=e=>M(async(t,n,r,i)=>{let a=await e.executeCommand(t,n,r);i==null||i(a)},1e3);function $n(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(O.UNIVER_SHEET))==null||(r=r.getSheetBySheetName(n))==null?void 0:r.getSheetId())||``}function er(){var e,t;let[n,r]=K(0),i=W(Q),{unitId:a,subUnitId:o,rule:s}=xt(i.activeRule$,i.activeRule)||{},c=s.uid,l=W(st),u=W(m),d=W(dt),p=W(f),h=W(at),g=W(v),_=xt(()=>u.getCurrentTypeOfUnit$(O.UNIVER_SHEET),void 0,void 0,[]),y=xt(()=>{var e;return(e=_==null?void 0:_.activeSheet$)==null?kt(null):e},void 0,void 0,[]),[b,x]=K(s),S=l.getValidatorItem(b.type),[C,T]=K(!1),E=l.getValidatorsByScope(ot.SHEET),[k,A]=K(()=>b.ranges.map(e=>({unitId:``,sheetId:``,range:e}))),ee=an(()=>Qn(p),[p]),[j,M]=K(!1),[te,N]=K(!1),P=on(null),F=W(Te);if(rn(()=>()=>{let e=F.getCurrentLastSelection();e&&F.setSelections([e])},[F]),rn(()=>{p.onCommandExecuted(e=>{(e.id===D.id||e.id===w.id)&&setTimeout(()=>{let e=h.getRuleById(a,o,c);r(e=>e+1),e&&(x(e),A(e.ranges.map(e=>({unitId:``,sheetId:``,range:e}))))},20)})},[p,h,c,o,a]),!S)return null;let I=S.operators,re=S.operatorNames,ae=b.operator?ct.includes(b.operator):!1,L=()=>{(y==null?void 0:y.getSheetId())!==o&&p.syncExecuteCommand(Se.id,{unitId:a,subUnitId:o})},oe=()=>{var e;if(!((e=P.current)==null||(e=e.editor)==null)&&e.isFocus()){var t;R((t=P.current)==null?void 0:t.getValue())}!b.ranges.length||j||(S.validatorFormula(b,a,o).success?i.setActiveRule(null):T(!0),L())},R=bt(e=>{let t=e.split(`,`).filter(Boolean).map(pn).map(e=>{let t=e.sheetName;if(t){let n=$n(u,e.unitId,t);return{...e,sheetId:n}}return{...e,sheetId:``}});if(ne(t,k))return;A(t);let n=t.filter(e=>(!e.unitId||e.unitId===a)&&(!e.sheetId||e.sheetId===o)).map(e=>e.range);if(x({...b,ranges:n}),n.length===0)return;let r={unitId:a,subUnitId:o,ruleId:c,ranges:n};ee(Ye.id,r)}),z=e=>{if(ie(e,ut(b)))return;x({...b,...e});let t={unitId:a,subUnitId:o,ruleId:c,setting:e};ee(Xe.id,t,void 0)},se=async()=>{await p.executeCommand(Ge.id,{ruleId:c,unitId:a,subUnitId:o}),i.setActiveRule(null),L()},B={type:b.type,operator:b.operator,formula1:b.formula1,formula2:b.formula2,allowBlank:b.allowBlank},ce=e=>{let t=l.getValidatorItem(e);if(!t)return;let n=t.operators,r=h.getRuleById(a,o,c),i=e===(r==null?void 0:r.type)||e.includes(`list`)&&r!=null&&r.type.includes(`list`)?{...r,type:e}:{...b,type:e,operator:n[0],formula1:void 0,formula2:void 0};x(i),p.executeCommand(Xe.id,{unitId:a,subUnitId:o,ruleId:b.uid,setting:ut(i)})},le=d.get(S.formulaInput),ue=an(()=>k.map(e=>mn(e.range)).join(`,`),[]),de=lt(b),fe=e=>{ie(e,lt(b))||(x({...b,...e}),ee(Je.id,{unitId:a,subUnitId:o,ruleId:c,options:e}))},pe=I.length&&!b.operator;return J(`div`,{"data-u-comp":`data-validation-detail`,className:`univer-py-2`,children:[q(G,{label:g.t(`dataValidation.panel.range`),error:!b.ranges.length||j?g.t(`dataValidation.panel.rangeError`):``,children:q(gn,{selectorRef:P,unitId:a,subUnitId:o,initialValue:ue,onChange:(e,t)=>{var n;!te&&(n=P.current)!=null&&n.verify()&&R(t)},onFocusChange:(e,t)=>{var n;N(e),!e&&t&&(n=P.current)!=null&&n.verify()&&R(t)},onVerify:e=>M(!e)})}),q(G,{label:g.t(`dataValidation.panel.type`),children:q($t,{className:`univer-w-full`,value:b.type,options:E==null||(e=E.sort((e,t)=>e.order-t.order))==null?void 0:e.map(e=>({label:g.t(e.title),value:e.id})),onChange:ce})}),I!=null&&I.length?q(G,{label:g.t(`dataValidation.panel.operator`),children:q($t,{className:`univer-w-full`,value:`${b.operator}`,options:[{value:``,label:g.t(`dataValidation.operators.legal`)},...I.map((e,t)=>({value:`${e}`,label:re[t]}))],onChange:e=>{z({...B,operator:e})}})}):null,le&&!pe?q(le,{isTwoFormula:ae,value:{formula1:b.formula1,formula2:b.formula2},onChange:e=>{z({...B,...e})},showError:C,validResult:S.validatorFormula(b,a,o),unitId:a,subUnitId:o,ruleId:c},n+b.type):null,q(G,{children:q(qt,{checked:(t=b.allowBlank)==null?!0:t,onChange:()=>{var e;return z({...B,allowBlank:!((e=b.allowBlank)==null||e)})},children:g.t(`dataValidation.panel.allowBlank`)})}),q(Zn,{value:de,onChange:fe,extraComponent:S.optionsInput}),J(`div`,{className:`univer-mt-5 univer-flex univer-flex-row univer-justify-end`,children:[q(Kt,{className:`univer-ml-3`,onClick:se,children:g.t(`dataValidation.panel.removeRule`)}),q(Kt,{className:`univer-ml-3`,variant:`primary`,onClick:oe,children:g.t(`dataValidation.panel.done`)})]})]})}const tr=e=>{let{rule:n,onClick:r,unitId:i,subUnitId:a,disable:o}=e,s=W(st),c=W(f),l=W(Lt),u=s.getValidatorItem(n.type),d=on(void 0),[p,m]=K(!1),h=W(E),g=an(()=>{var e;let n=h.getColorFromTheme(`primary.600`),r=h.getColorFromTheme(`loop-color.2`),i=(e=h.getColorFromTheme(r))==null?n:e,a=new t(i).toRgb();return{fill:`rgba(${a.r}, ${a.g}, ${a.b}, 0.1)`,stroke:i}},[xt(h.currentTheme$)]),_=e=>{c.executeCommand(Ge.id,{ruleId:n.uid,unitId:i,subUnitId:a}),e.stopPropagation()};return rn(()=>()=>{if(d.current){var e;(e=d.current)==null||e.forEach(e=>{e&&l.removeShape(e)})}},[l]),J(`div`,{className:tn(`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":!o,"univer-opacity-50":o}),onClick:r,onMouseEnter:()=>{o||(m(!0),d.current=n.ranges.map(e=>l.addShape({range:e,style:g,primary:null})))},onMouseLeave:()=>{var e;m(!1),(e=d.current)==null||e.forEach(e=>{e&&l.removeShape(e)}),d.current=void 0},children:[q(`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(n)}),q(`div`,{className:`univer-text-secondary univer-truncate univer-text-xs univer-leading-[18px] dark:!univer-text-gray-300`,children:n.ranges.map(e=>mn(e)).join(`,`)}),p?q(`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:_,children:q(cn,{})}):null]})};function nr(e){let t=W(V),n=W(m),r=W(f),i=W(g),a=W(Q),o=W(v),[s,c]=K([]),{workbook:l}=e,u=xt(l.activeSheet$,void 0,!0),d=l.getUnitId(),p=u==null?void 0:u.getSheetId();rn(()=>{c(t.getRules(d,p));let e=t.ruleChange$.subscribe(e=>{e.unitId===d&&e.subUnitId===p&&c(t.getRules(d,p))});return()=>{e.unsubscribe()}},[d,p,t]);let h=async()=>{let e=Ze(i),t={unitId:d,subUnitId:p,rule:e};await r.executeCommand(Ne.id,t),a.setActiveRule({unitId:d,subUnitId:p,rule:e})},_=()=>{r.executeCommand(We.id,{unitId:d,subUnitId:p})},y=(e=>{let t=n.getCurrentUnitForType(O.UNIVER_SHEET),r=t.getActiveSheet(),a=t.getUnitId(),o=r.getSheetId();return e.map(e=>Ae(i,a,o,e.ranges)?{...e}:{...e,disable:!0})})(s),b=y==null?void 0:y.some(e=>e.disable);return J(`div`,{className:`univer-pb-4`,children:[y==null?void 0:y.map(e=>{var t;return q(tr,{unitId:d,subUnitId:p,onClick:()=>{e.disable||a.setActiveRule({unitId:d,subUnitId:p,rule:e})},rule:e,disable:(t=e.disable)==null?!1:t},e.uid)}),J(`div`,{className:`univer-mt-4 univer-flex univer-flex-row univer-justify-end univer-gap-2`,children:[s.length&&!b?q(Kt,{onClick:_,children:o.t(`dataValidation.panel.removeAll`)}):null,q(Kt,{variant:`primary`,onClick:h,children:o.t(`dataValidation.panel.add`)})]})]})}const rr=()=>{let e=W(Q),t=xt(e.activeRule$,e.activeRule),n=W(m),r=xt(()=>n.getCurrentTypeOfUnit$(O.UNIVER_SHEET),void 0,void 0,[]),i=xt(()=>{var e;return(e=r==null?void 0:r.activeSheet$)==null?kt(null):e},void 0,void 0,[]);return!r||!i?null:t&&(t.subUnitId===i.getSheetId()||t.subUnitId===e.getFocusFormulaEditorActiveRuleSubUnitId())?q(er,{},t.rule.uid):q(nr,{workbook:r})},ir=e=>{let{isTwoFormula:t=!1,value:n,onChange:r,showError:i,validResult:a}=e,o=W(v),s=i?a==null?void 0:a.formula1:``,c=i?a==null?void 0:a.formula2:``;return t?J(_n,{children:[q(G,{error:s,children:q(Xt,{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})}})}),q(`div`,{className:`-univer-mt-2 univer-mb-1 univer-text-sm univer-text-gray-400`,children:o.t(`dataValidation.panel.formulaAnd`)}),q(G,{error:c,children:q(Xt,{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})}})})]}):q(G,{error:s,children:q(Xt,{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 ar(e){let{value:t,onChange:n,showError:r,validResult:i}=e,a=W(v),o=r?i==null?void 0:i.formula1:``,s=r?i==null?void 0:i.formula2:``,[c,l]=K(!((t==null?void 0:t.formula1)===void 0&&(t==null?void 0:t.formula2)===void 0));return J(_n,{children:[q(G,{children:q(qt,{checked:c,onChange:e=>{e?l(!0):(l(!1),n==null||n({...t,formula1:void 0,formula2:void 0}))},children:a.t(`dataValidation.checkbox.tips`)})}),c?q(G,{label:a.t(`dataValidation.checkbox.checked`),error:o,children:q(Xt,{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,c?q(G,{label:a.t(`dataValidation.checkbox.unchecked`),error:s,children:q(Xt,{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 or(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=on(null),[u,d]=K(!1);return St(e=>{var t;(t=l.current)!=null&&t.isClickOutSide(e)&&d(!1)}),q(G,{error:c,children:q(hn,{ref:l,className:tn(`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`,en),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 sr=[`#FFFFFF`,`#FEE7E7`,`#FEF0E6`,`#EFFBD0`,`#E4F4FE`,`#E8ECFD`,`#F1EAFA`,`#FDE8F3`,`#E5E5E5`,`#FDCECE`,`#FDC49B`,`#DEF6A2`,`#9FDAFF`,`#D0D9FB`,`#E3D5F6`,`#FBD0E8`,`#656565`,`#FE4B4B`,`#FF8C51`,`#8BBB11`,`#0B9EFB`,`#3A60F7`,`#9E6DE3`,`#F248A6`],cr=e=>{let{value:t,onChange:n,disabled:r}=e,[i,a]=K(!1);return q(Yt,{align:`start`,disabled:r,open:i,onOpenChange:a,overlay:q(`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:sr.map(e=>q(`div`,{className:tn(`univer-box-border univer-size-4 univer-cursor-pointer univer-rounded`,en),style:{background:e},onClick:()=>{n(e),a(!1)}},e))}),children:J(`div`,{className:tn(`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`,en),children:[q(`div`,{className:`univer-box-border univer-size-4 univer-rounded univer-text-base`,style:{background:t}}),q(un,{})]})})},lr=e=>{let{item:t,commonProps:n,className:r}=e,{onItemChange:i,onItemDelete:a}=n;return J(`div`,{className:tn(`univer-flex univer-items-center univer-gap-2`,r),children:[!t.isRef&&q(`div`,{className:tn(`univer-cursor-move`,`draggableHandle`),children:q(fn,{})}),q(cr,{value:t.color,onChange:e=>{i(t.id,t.label,e)}}),q(Xt,{disabled:t.isRef,value:t.label,onChange:e=>{i(t.id,e,t.color)}}),t.isRef?null:q(`div`,{className:`univer-ml-1 univer-cursor-pointer univer-rounded univer-text-base hover:univer-bg-gray-200`,children:q(cn,{onClick:()=>a(t.id)})})]})};function ur(e){let{value:t,onChange:n=()=>{},unitId:r,subUnitId:i,validResult:a,showError:o,ruleId:c}=e,{formula1:l=``,formula2:u=``}=t||{},[d,f]=K(()=>N(l)?`1`:`0`),[p,m]=K(d===`1`?l:`=`),[h,g]=K(d===`1`?l:`=`),_=W(v),y=W(st),b=W(at),x=W(Ve),S=W(Q),[C,w]=K(()=>u.split(`,`)),T=y.getValidatorItem(s.LIST),[E,D]=K([]),[O,k]=K(``),A=o?a==null?void 0:a.formula1:``,ee=xt(an(()=>b.ruleChange$.pipe(Et(16)),[])),j=bt(n);rn(()=>{(async()=>{await new Promise(e=>{setTimeout(()=>e(!0),100)});let e=b.getRuleById(r,i,c);N(e==null?void 0:e.formula1)&&T&&e&&D(await T.getListAsync(e,r,i))})()},[b,ee,T,c,i,r]),rn(()=>{N(l)&&l!==h&&(m(l),g(h))},[h,l]);let[M,ne]=K(()=>{let e=d===`1`?[]:Qe(l),t=u.split(`,`);return e.map((e,n)=>({label:e,color:t[n]||`#ECECEC`,isRef:!1,id:te(4)}))}),P=(e,t,n)=>{let r=M.find(t=>t.id===e);r&&(r.label=t,r.color=n,ne([...M]))},F=e=>{let t=M.findIndex(t=>t.id===e);t!==-1&&(M.splice(t,1),ne([...M]))},I=u.split(`,`),re=an(()=>E.map((e,t)=>({label:e,color:I[t]||`#ECECEC`,id:`${t}`,isRef:!0})),[I,E]),ie=(e,t,n)=>{let r=[...C];r[+e]=n,w(r),j({formula1:l,formula2:r.join(`,`)})},ae=()=>{ne([...M,{label:``,color:`#ECECEC`,isRef:!1,id:te(4)}])};rn(()=>{if(d===`1`)return;let e=new Set,t=[];M.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}))})}),j({formula1:rt(t.map(e=>e.label)),formula2:t.map(e=>e.color===`#ECECEC`?``:e.color).join(`,`)})},[M,j,d,h,C]);let L=bt(async e=>{if(!N(e)){j==null||j({formula1:``,formula2:u});return}x.getFormulaRefCheck(e)?(j==null||j({formula1:N(e)?e:``,formula2:u}),k(``)):(j==null||j({formula1:``,formula2:u}),m(`=`),k(_.t(`dataValidation.validFail.formulaError`)))}),oe=on(null),[R,z]=K(!1);return St(e=>{var t;(t=oe.current)!=null&&t.isClickOutSide(e)&&z(!1)}),rn(()=>{R?S.setFocusFormulaEditorActiveRuleSubUnitId(i):S.setFocusFormulaEditorActiveRuleSubUnitId(null)},[R,i,S]),J(_n,{children:[q(G,{label:_.t(`dataValidation.list.options`),children:J(Qt,{value:d,onChange:e=>{f(e),m(h),e===`1`&&j({formula1:h===`=`?``:h,formula2:C.join(`,`)})},children:[q(Zt,{value:`0`,children:_.t(`dataValidation.list.customOptions`)}),q(Zt,{value:`1`,children:_.t(`dataValidation.list.refOptions`)})]})}),d===`1`?J(G,{error:A||O||void 0,children:[q(hn,{ref:oe,className:tn(`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`,en),initValue:p,unitId:r,subUnitId:i,isFocus:R,isSupportAcrossSheet:!0,onFocus:()=>z(!0),onChange:(e=``)=>{let t=(e==null?``:e).trim();g(t),L(t)}}),re.length>0&&q(`div`,{className:`univer-mt-3`,children:re.map(e=>q(lr,{className:`univer-mb-3`,item:e,commonProps:{onItemChange:ie}},e.id))})]}):q(G,{error:A,children:J(`div`,{className:`-univer-mt-3`,children:[q(Jt,{list:M,onListChange:ne,rowHeight:28,margin:[0,12],draggableHandle:`.draggableHandle`,itemRender:e=>q(lr,{item:e,commonProps:{onItemChange:P,onItemDelete:F}},e.id),idKey:`id`}),J(`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:ae,children:[q(ln,{className:`univer-mr-1`}),_.t(`dataValidation.list.add`)]})]})})]})}const dr=[[Re,or],[Pe,ir],[Ue,ur],[Le,ar]];function fr(e){var t;let{value:n,onChange:r}=e,i=W(v);return q(G,{label:i.t(`dataValidation.renderMode.label`),children:J(Qt,{value:`${(t=n.renderMode)==null?a.CUSTOM:t}`,onChange:e=>r({...n,renderMode:+e}),children:[q(Zt,{value:`${a.CUSTOM}`,children:i.t(`dataValidation.renderMode.chip`)}),q(Zt,{value:`${a.ARROW}`,children:i.t(`dataValidation.renderMode.arrow`)}),q(Zt,{value:`${a.TEXT}`,children:i.t(`dataValidation.renderMode.text`)})]})})}fr.componentKey=`LIST_RENDER_MODE_OPTION_INPUT`;function pr(e){var t;let{value:n,onChange:r}=e,i=W(v);return q(G,{children:q(qt,{checked:(t=n.bizInfo)==null?void 0:t.showTime,onChange:e=>{r({...n,bizInfo:{...n.bizInfo,showTime:e}})},children:i.t(`dataValidation.showTime.label`)})})}pr.componentKey=`DATE_SHOW_TIME_OPTION`;let mr=class{_calc(e,t){var n,r,i;let{vt:a,ht:o}=t||{},s=e.endX-e.startX-12,c=e.endY-e.startY,l=((n=t==null?void 0:t.fs)==null?10:n)*1.6,u=0,f=0;switch(a){case k.TOP:f=0;break;case k.BOTTOM:f=0+(c-l);break;default:f=0+(c-l)/2;break}switch(o){case d.LEFT:u=6;break;case d.RIGHT:u=6+(s-l);break;default:u=6+(s-l)/2;break}return{left:e.startX+u,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=Fe,formula2:s=Ie}=e,c=await this._formulaService.getRuleFormulaResult(t,n,e.uid),l=tt(c==null||(r=c[0])==null||(r=r.result)==null||(r=r[0])==null?void 0:r[0]),u=tt(c==null||(i=c[1])==null||(i=i.result)==null||(i=i[0])==null?void 0:i[0]),d=nt(String(l))&&nt(String(u));return{formula1:N(o)?tt(c==null||(a=c[0])==null||(a=a.result)==null||(a=a[0])==null?void 0:a[0]):o,formula2:N(s)?u:s,isFormulaValid:d}}drawWith(e,t){var n,r,i,a;let{style:o,primaryWithCoord:s,unitId:c,subUnitId:l,worksheet:u,row:d,col:f}=t,p=s.isMergedMainCell?s.mergeInfo:s,m=H(u.getCellRaw(d,f)),h=this._dataValidationModel.getRuleByLocation(c,l,d,f);if(!h)return;let g=this._dataValidationModel.getValidator(h.type);if(!g||!((n=g.skipDefaultFontRender)!=null&&n.call(g,h,m,{unitId:c,subUnitId:l,row:d,column:f})))return;let{formula1:_}=g.parseFormulaSync(h,c,l),v=this._calc(p,o),{a:y,d:b}=e.getTransform(),x=fe(v.left,y),S=fe(v.top,b),C=de.create().composeMatrix({left:x,top:S,scaleX:1,scaleY:1,angle:0,skewX:0,skewY:0,flipX:!1,flipY:!1}),w=p.endX-p.startX,T=p.endY-p.startY;e.save(),e.beginPath(),e.rect(p.startX,p.startY,w,T),e.clip();let E=C.getMatrix();e.transform(E[0],E[1],E[2],E[3],E[4],E[5]);let D=((r=o==null?void 0:o.fs)==null?10:r)*1.6,O=String(m)===String(_),k=this._themeService.getColorFromTheme(`primary.600`);oe.drawWith(e,{checked:O,width:D,height:D,fill:(i=o==null||(a=o.cl)==null?void 0:a.rgb)==null?k: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=H(o.getCellRaw(s,c)),u=this._dataValidationModel.getRuleByLocation(i,a,s,c);if(!u)return;let d=this._dataValidationModel.getValidator(u.type);if(!d||!((n=d.skipDefaultFontRender)!=null&&n.call(d,u,l,{unitId:i,subUnitId:a,row:s,column:c})))return;let{formula1:f,formula2:p}=await this._parseFormula(u,i,a),m={range:{startColumn:r.actualColumn,endColumn:r.actualColumn,startRow:r.actualRow,endRow:r.actualRow},value:{v:String(l)===it(String(f))?p:f,p:null}};this._commandService.executeCommand(xe.id,m)}onPointerEnter(e,t){var n;(n=pe(O.UNIVER_SHEET,this._univerInstanceService,this._renderManagerService))==null||(n=n.mainComponent)==null||n.setCursor(L.POINTER)}onPointerLeave(e,t){var n;(n=pe(O.UNIVER_SHEET,this._univerInstanceService,this._renderManagerService))==null||(n=n.mainComponent)==null||n.setCursor(L.DEFAULT)}};mr=Z([X(0,f),X(1,m),X(2,h(He)),X(3,h(E)),X(4,h(B)),X(5,h(V))],mr);let $=class{constructor(e){this.injector=e,Y(this,`canvasRender`,null),Y(this,`dropdownType`,void 0),Y(this,`optionsInput`,void 0),Y(this,`formulaInput`,Ue)}};$=Z([X(0,h(g))],$);var hr=class extends ${constructor(...e){super(...e),Y(this,`id`,s.CHECKBOX),Y(this,`canvasRender`,this.injector.createInstance(mr)),Y(this,`formulaInput`,Le)}},gr=class extends ${constructor(...e){super(...e),Y(this,`id`,s.CUSTOM),Y(this,`formulaInput`,Re)}},_r=class extends ${constructor(...e){super(...e),Y(this,`id`,s.DATE),Y(this,`formulaInput`,`data-validation.formula-input`),Y(this,`optionsInput`,pr.componentKey),Y(this,`dropdownType`,U.DATE)}},vr=class extends ${constructor(...e){super(...e),Y(this,`id`,s.DECIMAL),Y(this,`formulaInput`,Pe)}};function yr(e,t){let n=se.getTextSize(e,t),r=n.width+8,{ba:i,bd:a}=n;return{width:r,height:i+a+0,ba:i}}function br(e,t,n,r){let i=n-26,a=r-12,o=e.map(e=>({layout:yr(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 xr=class extends le{static drawWith(e,t){let{fontString:n,info:r,fill:i,color:a}=t,{layout:o,text:s}=r;e.save(),ce.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 Sr=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 Cr=class{constructor(e,t,n,r){this._commandService=e,this._univerInstanceService=t,this._renderManagerService=n,this._dataValidationModel=r,Y(this,`zIndex`,void 0),Y(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 k.MIDDLE:o=(r-14)/2+4;break;case k.BOTTOM:o=r-14+4;break;default:break}e.save(),e.translateWithPrecision(t.startX+a,t.startY+o),e.fillStyle=`#565656`,e.fill(Sr),e.restore()}drawWith(e,t,n,r){var i,a;let{primaryWithCoord:o,row:s,col:c,style:l,data:u,subUnitId:f}=t,p=o.isMergedMainCell?o.mergeInfo:o,{leftOffset:m=0,rightOffset:h=0,topOffset:g=0,downOffset:_=0}=(u==null?void 0:u.fontRenderExtension)||{},v=this._ensureMap(f),y=this._generateKey(s,c),b=o.isMergedMainCell?o.mergeInfo.startRow:s,x=o.isMergedMainCell?o.mergeInfo.startColumn:c,S=this._dataValidationModel.getRuleByLocation(t.unitId,t.subUnitId,b,x);if(!S)return;let C=this._dataValidationModel.getValidator(S.type);if(!C)return;let w={startX:p.startX+m,endX:p.endX-h,startY:p.startY+g,endY:p.endY-_},T=w.endX-w.startX,E=w.endY-w.startY,{cl:D}=l||{},O=(i=typeof D==`object`?D==null?void 0:D.rgb:D)==null?`#000`:i,A=me(l==null?void 0:l),{vt:ee,ht:j}=l||{},M=ee==null?k.MIDDLE:ee,te=(a=H(u))==null?``:a,N=C.parseCellValue(te),ne=C.getListWithColorMap(S),P=br(N,A,T,E);this._drawDownIcon(e,w,T,E,M),e.save(),e.translateWithPrecision(w.startX,w.startY),e.beginPath(),e.rect(0,0,T-14,E),e.clip(),e.translateWithPrecision(6,6);let F=0;switch(M){case k.MIDDLE:F=(P.contentHeight-P.totalHeight)/2;break;case k.BOTTOM:F=P.contentHeight-P.totalHeight;break;default:break}e.translateWithPrecision(0,F),P.lines.forEach((t,n)=>{e.save();let{width:r,height:i,items:a}=t,o=0;switch(j){case d.RIGHT:o=P.contentWidth-r;break;case d.CENTER:o=(P.contentWidth-r)/2;break;default:break}e.translate(o,n*(i+4)),a.forEach(t=>{e.save(),e.translateWithPrecision(t.left,0),xr.drawWith(e,{...A,info:t,color:O,fill:ne[t.text]}),e.restore()}),e.restore()}),e.restore(),v.set(y,{left:w.startX,top:w.startY,width:P.contentWidth+6+14,height:P.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:l=0,downOffset:u=0}=(i==null?void 0:i.fontRenderExtension)||{},d=n.isMergedMainCell?n.mergeInfo:n,f={startX:d.startX+s,endX:d.endX-c,startY:d.startY+l,endY:d.endY-u},p=this._dataValidationModel.getRuleByLocation(e.unitId,e.subUnitId,a,o);if(!p)return;let m=this._dataValidationModel.getValidator(p.type);if(!m)return;let h=f.endX-f.startX,g=f.endY-f.startY,_=(t=H(i))==null?``:t;return br(m.parseCellValue(_),me(r==null?void 0:r),h,g).cellAutoHeight}calcCellAutoWidth(e){var t;let{primaryWithCoord:n,style:r,data:i,row:a,col:o}=e,{leftOffset:s=0,rightOffset:c=0,topOffset:l=0,downOffset:u=0}=(i==null?void 0:i.fontRenderExtension)||{},d=n.isMergedMainCell?n.mergeInfo:n,f={startX:d.startX+s,endX:d.endX-c,startY:d.startY+l,endY:d.endY-u},p=this._dataValidationModel.getRuleByLocation(e.unitId,e.subUnitId,a,o);if(!p)return;let m=this._dataValidationModel.getValidator(p.type);if(!m)return;let h=f.endX-f.startX,g=f.endY-f.startY,_=(t=H(i))==null?``:t;return br(m.parseCellValue(_),me(r==null?void 0:r),h,g).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(Nn.id,o)}onPointerEnter(e,t){var n;return(n=pe(O.UNIVER_SHEET,this._univerInstanceService,this._renderManagerService))==null||(n=n.mainComponent)==null?void 0:n.setCursor(L.POINTER)}onPointerLeave(e,t){var n;return(n=pe(O.UNIVER_SHEET,this._univerInstanceService,this._renderManagerService))==null||(n=n.mainComponent)==null?void 0:n.setCursor(L.DEFAULT)}};Cr=Z([X(0,f),X(1,m),X(2,h(B)),X(3,h(V))],Cr);var wr=class extends ${constructor(...e){super(...e),Y(this,`id`,s.LIST_MULTIPLE),Y(this,`canvasRender`,this.injector.createInstance(Cr)),Y(this,`dropdownType`,U.MULTIPLE_LIST)}};const Tr=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 Er(e,t,n,r,i,a,o=!0){let s=0,c=o?3:0;switch(i){case k.BOTTOM:s=t-r-c;break;case k.MIDDLE:s=(t-r)/2;break;default:s=c;break}s=Math.max(3,s);let l=0;switch(a){case d.CENTER:l=(e-n)/2;break;case d.RIGHT:l=e-n;break;default:break}return l=Math.max(6,l),{paddingLeft:l,paddingTop:s}}let Dr=class{constructor(e,t,n,r,i){this._univerInstanceService=e,this._localeService=t,this._commandService=n,this._renderManagerService=r,this._dataValidationModel=i,Y(this,`_dropdownInfoMap`,new Map),Y(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,i,a,o,s){let{t:c=r.pd.t,b:l=r.pd.b}=s,u=n-14,d;switch(o){case k.MIDDLE:d=(i-4)/2;break;case k.BOTTOM:d=i-l-a-3+(a/2-4/2);break;default:d=c+3+(a/2-4/2);break}e.save(),e.translateWithPrecision(t.startX+u,t.startY+d),e.fillStyle=`#565656`,e.fill(Tr),e.restore()}drawWith(e,t,n){var i,o,c,l;let{primaryWithCoord:u,row:f,col:p,style:m,data:h,subUnitId:g}=t,_=u.isMergedMainCell?u.mergeInfo:u,v=u.isMergedMainCell?u.mergeInfo.startRow:f,y=u.isMergedMainCell?u.mergeInfo.startColumn:p,b=this._dataValidationModel.getRuleByLocation(t.unitId,t.subUnitId,v,y);if(!b)return;let x=this._dataValidationModel.getValidator(b.type);if(!x)return;let{leftOffset:S=0,rightOffset:C=0,topOffset:w=0,downOffset:T=0}=(h==null?void 0:h.fontRenderExtension)||{};if(!b||!x||!x||x.id.indexOf(s.LIST)!==0||!x.skipDefaultFontRender(b))return;let E={startX:_.startX+S,endX:_.endX-C,startY:_.startY+w,endY:_.endY-T},D=E.endX-E.startX,O=E.endY-E.startY,ee=this._ensureMap(g),j=this._generateKey(f,p),M=x.getListWithColorMap(b),te=H(h),N=`${te==null?``:te}`,ne=M[N],{tb:P,vt:F,ht:I,pd:re}=m||{};P=(i=P)==null?A.WRAP:i,F=(o=F)==null?k.BOTTOM:o,I=(c=I)==null?r.ht:c,re=(l=re)==null?r.pd:l;let ie=me(m).fontCache;if(b.renderMode===a.ARROW){var ae,L,oe;let{l:t=r.pd.l,t:i=r.pd.t,r:a=r.pd.r,b:o=r.pd.b}=re,s=D-t-a-14-4,c=new z(N,ie,P===A.WRAP,s,1/0);c.calculate();let l=c.getTotalWidth(),u=c.getTotalHeight(),{paddingTop:f,paddingLeft:p}=Er(s,O-i-o,l,u,F,I,!0);this._drawDownIcon(e,E,D,O,u,F,re),e.save(),e.translateWithPrecision(E.startX+t,E.startY+i),e.beginPath(),e.rect(0,0,D-t-a,O-i-o),e.clip(),e.translateWithPrecision(0,f),e.save(),e.translateWithPrecision(p,0),e.beginPath(),e.rect(0,0,s,u),e.clip(),ue.drawWith(e,{text:N,fontStyle:ie,width:s,height:u,color:m==null||(ae=m.cl)==null?void 0:ae.rgb,strokeLine:!!(!(m==null||(L=m.st)==null)&&L.s),underline:!!(!(m==null||(oe=m.ul)==null)&&oe.s),warp:P===A.WRAP,hAlign:d.LEFT},c),e.restore(),e.restore(),ee.set(j,{left:E.endX-14+n.rowHeaderWidth,top:E.startY+i+n.columnHeaderHeight,width:14,height:O-i-o})}else{var R,se,B;e.save(),e.translateWithPrecision(E.startX,E.startY),e.beginPath(),e.rect(0,0,D,O),e.clip();let t=D-12-4-14-4,r=new z(N,ie,P===A.WRAP,t,1/0);r.calculate();let i=r.getTotalWidth(),a=r.getTotalHeight(),o=a+2,s=Math.max(D-12,1),{paddingTop:c}=Er(s,O,i,o,F,I);e.translateWithPrecision(6,c),ce.drawWith(e,{width:s,height:o,fill:ne||`#ECECEC`,radius:8}),e.save(),e.translateWithPrecision(4,1),e.beginPath(),e.rect(0,0,t,a),e.clip(),ue.drawWith(e,{text:N,fontStyle:ie,width:t,height:a,color:m==null||(R=m.cl)==null?void 0:R.rgb,strokeLine:!!(!(m==null||(se=m.st)==null)&&se.s),underline:!!(!(m==null||(B=m.ul)==null)&&B.s),warp:P===A.WRAP,hAlign:d.LEFT},r),e.restore(),e.translateWithPrecision(t+4+4,(a-4)/2),e.fillStyle=`#565656`,e.fill(Tr),e.restore(),ee.set(j,{left:E.startX+6+n.rowHeaderWidth,top:E.startY+c+n.columnHeaderHeight,width:s,height:o})}}calcCellAutoHeight(e){var t;let{primaryWithCoord:n,style:i,data:o,row:s,col:c}=e,l=n.isMergedMainCell?n.mergeInfo:n,{leftOffset:u=0,rightOffset:d=0,topOffset:f=0,downOffset:p=0}=(o==null?void 0:o.fontRenderExtension)||{},m=this._dataValidationModel.getRuleByLocation(e.unitId,e.subUnitId,s,c);if(!m||m.renderMode===a.TEXT)return;let h={startX:l.startX+u,endX:l.endX-d,startY:l.startY+f,endY:l.endY-p},g=h.endX-h.startX,_=H(o),v=`${_==null?``:_}`,{tb:y,pd:b}=i||{},{t:x=r.pd.t,b:S=r.pd.b}=b==null?{}:b;if(y=(t=y)==null?A.WRAP:t,m.renderMode===a.ARROW){let{l:e=r.pd.l,r:t=r.pd.r}=b==null?{}:b,n=g-e-t-14-4,a=new z(v,me(i).fontCache,y===A.WRAP,n,1/0);return a.calculate(),a.getTotalHeight()+x+S+6}else{let e=Math.max(g-12-4-14-4,10),t=new z(v,me(i).fontCache,y===A.WRAP,e,1/0);return t.calculate(),t.getTotalHeight()+6+2}}calcCellAutoWidth(e){var t;let{primaryWithCoord:n,style:i,data:o,row:s,col:c}=e,l=n.isMergedMainCell?n.mergeInfo:n,{leftOffset:u=0,rightOffset:d=0,topOffset:f=0,downOffset:p=0}=(o==null?void 0:o.fontRenderExtension)||{},m=this._dataValidationModel.getRuleByLocation(e.unitId,e.subUnitId,s,c);if(!m||m.renderMode===a.TEXT)return;let h={startX:l.startX+u,endX:l.endX-d,startY:l.startY+f,endY:l.endY-p},g=h.endX-h.startX,_=H(o),v=`${_==null?``:_}`,{tb:y,pd:b}=i||{},{l:x=r.pd.l,r:S=r.pd.r}=b==null?{}:b;y=(t=y)==null?A.WRAP:t;let C=26;switch(m.renderMode){case a.ARROW:C=18+S+x;break;case a.CUSTOM:C=34+S+x+8/2+1;break;default:C=34+S+x+8/2+1}let w=g-C,T=new z(v,me(i).fontCache,y===A.WRAP,w,1/0);return T.calculate(),T.getTotalWidth()+C}isHit(e,t){let{subUnitId:n,row:r,col:i}=t,o=this._ensureMap(n).get(this._generateKey(r,i)),s=this._dataValidationModel.getRuleByLocation(t.unitId,t.subUnitId,r,i);if(!s||!o||s.renderMode===a.TEXT)return!1;let{top:c,left:l,width:u,height:d}=o,{x:f,y:p}=e;return f>=l&&f<=l+u&&p>=c&&p<=c+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(Nn.id,o)}onPointerEnter(e,t){var n;(n=pe(O.UNIVER_SHEET,this._univerInstanceService,this._renderManagerService))==null||(n=n.mainComponent)==null||n.setCursor(L.POINTER)}onPointerLeave(e,t){var n;(n=pe(O.UNIVER_SHEET,this._univerInstanceService,this._renderManagerService))==null||(n=n.mainComponent)==null||n.setCursor(L.DEFAULT)}};Dr=Z([X(0,m),X(1,h(v)),X(2,f),X(3,h(B)),X(4,h(V))],Dr);var Or=class extends ${constructor(...e){super(...e),Y(this,`id`,s.LIST),Y(this,`canvasRender`,this.injector.createInstance(Dr)),Y(this,`dropdownType`,U.LIST),Y(this,`optionsInput`,fr.componentKey),Y(this,`formulaInput`,Ue)}},kr=class extends ${constructor(...e){super(...e),Y(this,`id`,s.TEXT_LENGTH),Y(this,`formulaInput`,Pe)}},Ar=class extends ${constructor(...e){super(...e),Y(this,`id`,s.WHOLE),Y(this,`formulaInput`,Pe)}};let jr=class extends T{constructor(e,t,n){super(),this._injector=e,this._componentManger=t,this._dataValidatorRegistryService=n,this._initComponents(),this._registerValidatorViews()}_initComponents(){[[`DataValidationIcon`,sn],[kn,rr],[fr.componentKey,fr],[pr.componentKey,pr],...dr].forEach(([e,t])=>{this.disposeWithMe(this._componentManger.register(e,t))})}_registerValidatorViews(){[vr,Ar,kr,_r,hr,Or,wr,gr].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)})}};jr=Z([X(0,h(g)),X(1,h(dt)),X(2,h(st))],jr);let Mr=class extends x{constructor(e=wn,t,n,r){super(),this._config=e,this._injector=t,this._commandService=n,this._configService=r;let{menu:i,...a}=P({},wn,this._config);i&&this._configService.setConfig(`menu`,i,{merge:!0}),this._configService.setConfig(Cn,a)}onStarting(){[[Q],[On],[Ln],[Rn],[Jn],[Vn],[Bn],[jr]].forEach(e=>{this._injector.add(e)}),[Fn,Nn,Pn,jn,An,Mn].forEach(e=>{this._commandService.registerCommand(e)})}onReady(){this._injector.get(Bn),this._injector.get(Vn),this._injector.get(B).registerRenderModule(O.UNIVER_SHEET,[Xn])}onRendered(){this._injector.get(jr),this._injector.get(Jn)}onSteady(){this._injector.get(Rn)}};Y(Mr,`pluginName`,`SHEET_DATA_VALIDATION_UI_PLUGIN`),Y(Mr,`packageName`,vn),Y(Mr,`version`,yn),Y(Mr,`type`,O.UNIVER_SHEET),Mr=Z([X(1,h(g)),X(2,f),X(3,p)],Mr);let Nr=class extends x{constructor(e=wn,t,n,r){super(),this._config=e,this._injector=t,this._commandService=n,this._configService=r;let{menu:i,...a}=P({},wn,this._config);i&&this._configService.setConfig(`menu`,i,{merge:!0}),this._configService.setConfig(Cn,a)}onStarting(){[[Q],[On],[Ln],[Rn],[Jn],[Vn],[Bn],[Tn],[jr]].forEach(e=>{this._injector.add(e)}),[Fn,Nn,Pn,jn,An,Mn].forEach(e=>{this._commandService.registerCommand(e)})}onReady(){this._injector.get(Bn),this._injector.get(Vn),this._injector.get(Tn),this._injector.get(Ln),this._injector.get(B).registerRenderModule(O.UNIVER_SHEET,[Xn])}onRendered(){this._injector.get(jr),this._injector.get(Jn)}onSteady(){this._injector.get(Rn)}};Y(Nr,`pluginName`,`SHEET_DATA_VALIDATION_UI_PLUGIN`),Y(Nr,`packageName`,vn),Y(Nr,`version`,yn),Y(Nr,`type`,O.UNIVER_SHEET),Nr=Z([c(qe),X(1,h(g)),X(2,f),X(3,p)],Nr);export{$ as BaseSheetDataValidatorView,Mr as UniverSheetsDataValidationMobileUIPlugin,Nr as UniverSheetsDataValidationUIPlugin};
+import { CellValueType, ColorKit, CommandType, DEFAULT_STYLES, DataValidationErrorStyle, DataValidationRenderMode, DataValidationStatus, DataValidationType, DependentOn, Disposable, DisposableCollection, HorizontalAlign, ICommandService, IConfigService, IUniverInstanceService, Inject, Injector, InterceptorEffectEnum, LocaleService, ObjectMatrix, Optional, Plugin, Range, Rectangle, RedoCommand, RxDisposable, ThemeService, UndoCommand, UniverInstanceType, VerticalAlign, WrapStrategy, bufferDebounceTime, dateKit, debounce, generateRandomId, isFormulaString, isUnitRangesEqual, merge, numfmt, queryObjectMatrix, sequenceExecute, shallowEqual, toDisposable } from "@univerjs/core";
+import { CURSOR_TYPE, CheckboxShape, DeviceInputEventType, DocSimpleSkeleton, FontCache, IRenderManagerService, Rect, Shape, Text, Transform, fixLineWidthByScale, getCurrentTypeOfRenderer, getFontStyleString } from "@univerjs/engine-render";
+import { AUTO_FILL_APPLY_TYPE, AutoFillTools, IAutoFillService, INTERCEPTOR_POINT, InterceptCellContentPriority, RangeProtectionPermissionEditPoint, SetRangeValuesCommand, SetWorksheetActiveOperation, SheetInterceptorService, SheetPermissionCheckController, SheetsSelectionsService, VALIDATE_CELL, WorkbookEditablePermission, WorksheetEditPermission, WorksheetSetCellStylePermission, checkRangesEditablePermission, getSheetCommandTarget, rangeToDiscreteRange } from "@univerjs/sheets";
+import { AddSheetDataValidationCommand, BASE_FORMULA_INPUT_NAME as BASE_FORMULA_INPUT_NAME$1, CHECKBOX_FORMULA_1, CHECKBOX_FORMULA_2, CHECKBOX_FORMULA_INPUT_NAME, CUSTOM_FORMULA_INPUT_NAME, DATA_VALIDATION_PLUGIN_NAME, DataValidationCacheService, DataValidationFormulaController, DataValidationFormulaService, LIST_FORMULA_INPUT_NAME, RemoveSheetAllDataValidationCommand, RemoveSheetDataValidationCommand, SheetDataValidationModel, SheetsDataValidationValidatorService, UniverSheetsDataValidationPlugin, UpdateSheetDataValidationOptionsCommand, UpdateSheetDataValidationRangeCommand, UpdateSheetDataValidationSettingCommand, createDefaultNewRule, deserializeListOptions, getCellValueOrigin, getDataValidationCellValue, getDataValidationDiffMutations, getFormulaResult, isLegalFormulaResult, serializeListOptions, transformCheckboxValue } from "@univerjs/sheets-data-validation";
+import { DataValidationModel, DataValidatorDropdownType, DataValidatorRegistryScope, DataValidatorRegistryService, TWO_FORMULA_OPERATOR_COUNT, getRuleOptions, getRuleSetting } from "@univerjs/data-validation";
+import { ComponentManager, IDialogService, IMenuManagerService, ISidebarService, IZenZoneService, KeyCode, MenuItemType, RibbonDataGroup, getMenuHiddenObservable, useDependency, useEvent, useObservable, useSidebarClick } from "@univerjs/ui";
+import { BehaviorSubject, Subject, bufferTime, debounceTime, distinctUntilChanged, filter, of } from "rxjs";
+import { getPatternType } from "@univerjs/sheets-numfmt";
+import { AutoHeightController, COPY_TYPE, CellAlertManagerService, CellAlertType, HoverManagerService, IEditorBridgeService, IMarkSelectionService, ISheetCellDropdownManagerService, ISheetClipboardService, PREDEFINED_HOOK_NAME_PASTE, SetCellEditVisibleOperation, SheetSkeletonManagerService, getCurrentRangeDisable$, getRepeatRange, virtualizeDiscreteRanges } from "@univerjs/sheets-ui";
+import { Button, Checkbox, DraggableList, Dropdown, FormLayout, Input, Radio, RadioGroup, Select, borderClassName, clsx } from "@univerjs/design";
+import { createElement, useEffect, useMemo, useRef, useState } from "react";
+import { DataValidationIcon, DeleteIcon, IncreaseIcon, MoreDownIcon, MoreUpIcon, SequenceIcon } from "@univerjs/icons";
+import { deserializeRangeWithSheet, serializeRange } from "@univerjs/engine-formula";
+import { FormulaEditor, RangeSelector } from "@univerjs/sheets-formula-ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region package.json
+var name = "@univerjs/sheets-data-validation-ui";
+var version = "0.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 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 BehaviorSubject(false));
+		_defineProperty(this, "open$", this._open$.pipe(distinctUntilChanged()));
+		_defineProperty(this, "_activeRule", void 0);
+		_defineProperty(this, "_activeRule$", new BehaviorSubject(void 0));
+		_defineProperty(this, "activeRule$", this._activeRule$.asObservable());
+		_defineProperty(this, "_closeDisposable", null);
+		_defineProperty(this, "_focusFormulaEditorActiveRuleSubUnitId", null);
+		this.disposeWithMe(this._univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET).pipe(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 = 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, IUniverInstanceService), __decorateParam(1, 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 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(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 !== 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) === 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: createElement(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: createElement(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, Inject(SheetInterceptorService)),
+	__decorateParam(1, Inject(SheetDataValidationModel)),
+	__decorateParam(2, Inject(DataValidatorRegistryService)),
+	__decorateParam(3, IDialogService),
+	__decorateParam(4, Inject(LocaleService)),
+	__decorateParam(5, Inject(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 dateKit();
+	if (typeof value === "number" || !Number.isNaN(+value)) return dateKit(numfmt.format("yyyy-MM-dd HH:mm:ss", Number(value)));
+	const date = dateKit(value);
+	if (date.isValid()) return date;
+};
+function getDefaultFormat(patternType, format) {
+	if (patternType === 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 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 Subject());
+		_defineProperty(this, "_currentPopup", null);
+		_defineProperty(this, "activeDropdown$", this._activeDropdown$.asObservable());
+		_defineProperty(this, "_zenVisible", false);
+		this._init();
+		this._initSelectionChange();
+		this.disposeWithMe(() => {
+			this._activeDropdown$.complete();
+		});
+	}
+	_init() {
+		this.disposeWithMe(this._zenZoneService.visible$.subscribe((visible) => {
+			this._zenVisible = visible;
+			if (visible) this.hideDropdown();
+		}));
+	}
+	_getDropdownByCell(unitId, subUnitId, row, col) {
+		const workbook = unitId ? this._univerInstanceService.getUnit(unitId, UniverInstanceType.UNIVER_SHEET) : this._univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+		if (!workbook) return;
+		const worksheet = subUnitId ? workbook.getSheetBySheetId(subUnitId) : workbook.getActiveSheet();
+		if (!worksheet) return;
+		const rule = this._dataValidationModel.getRuleByLocation(workbook.getUnitId(), worksheet.getSheetId(), row, col);
+		if (!rule) return;
+		const validator = this._dataValidatorRegistryService.getValidatorItem(rule.type);
+		return validator === null || 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 = 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 !== DataValidationErrorStyle.STOP || await validator.validator({
+				value: serialTime,
+				unitId,
+				subUnitId,
+				row,
+				column: col,
+				worksheet,
+				workbook,
+				interceptValue: dateStr.replace("Z", "").replace("T", " "),
+				t: CellValueType.NUMBER
+			}, rule)) {
+				await this._commandService.executeCommand(SetRangeValuesCommand.id, {
+					unitId,
+					subUnitId,
+					range: {
+						startColumn: col,
+						endColumn: col,
+						startRow: row,
+						endRow: row
+					},
+					value: {
+						v: serialTime,
+						t: 2,
+						p: null,
+						f: null,
+						si: null,
+						s: { n: { pattern: getDefaultFormat(targetPatternType, format) } }
+					}
+				});
+				await this._commandService.executeCommand(SetCellEditVisibleOperation.id, {
+					visible: false,
+					eventType: DeviceInputEventType.Keyboard,
+					unitId,
+					keycode: 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 DataValidatorDropdownType.DATE: {
+				var _rule$bizInfo;
+				const originDate = transformDate(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 DataValidatorDropdownType.TIME:
+				dropdownParam = {
+					location,
+					type: "datepicker",
+					props: {
+						onChange: (newValue) => handleSave(newValue, "time"),
+						defaultValue: transformDate(getCellValueOrigin(worksheet.getCellRaw(row, col))),
+						patternType: "time"
+					}
+				};
+				break;
+			case DataValidatorDropdownType.DATETIME:
+				dropdownParam = {
+					location,
+					type: "datepicker",
+					props: {
+						onChange: (newValue) => handleSave(newValue, "datetime"),
+						defaultValue: transformDate(getCellValueOrigin(worksheet.getCellRaw(row, col))),
+						patternType: "datetime"
+					}
+				};
+				break;
+			case DataValidatorDropdownType.LIST:
+			case DataValidatorDropdownType.MULTIPLE_LIST: {
+				var _this$_configService$, _this$_configService$2, _this$_configService$3, _this$_configService$4;
+				const multiple = validator.dropdownType === DataValidatorDropdownType.MULTIPLE_LIST;
+				const handleSave = async (newValue) => {
+					const str = 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(SetRangeValuesCommand.id, params);
+					if (this._editorBridgeService.isVisible().visible) await this._commandService.executeCommand(SetCellEditVisibleOperation.id, {
+						visible: false,
+						eventType: DeviceInputEventType.Keyboard,
+						unitId,
+						keycode: KeyCode.ESC
+					});
+					if (multiple) return false;
+					return true;
+				};
+				const showColor = (rule === null || rule === void 0 ? void 0 : rule.renderMode) === DataValidationRenderMode.CUSTOM || (rule === null || rule === void 0 ? void 0 : rule.renderMode) === void 0;
+				const list = validator.getListWithColor(rule, unitId, subUnitId);
+				const cellStr = 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 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(SetRangeValuesCommand.id, params);
+					if (this._editorBridgeService.isVisible().visible) this._commandService.syncExecuteCommand(SetCellEditVisibleOperation.id, {
+						visible: false,
+						eventType: DeviceInputEventType.Keyboard,
+						unitId,
+						keycode: KeyCode.ESC
+					});
+					return true;
+				};
+				dropdownParam = {
+					type: "cascader",
+					props: {
+						onChange: handleSave,
+						defaultValue: getDataValidationCellValue(worksheet.getCellRaw(row, col)).split("/"),
+						options: JSON.parse((_rule$formula = rule.formula1) !== null && _rule$formula !== void 0 ? _rule$formula : "[]")
+					},
+					location
+				};
+				break;
+			}
+			case 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(SetRangeValuesCommand.id, params);
+					if (this._editorBridgeService.isVisible().visible) this._commandService.syncExecuteCommand(SetCellEditVisibleOperation.id, {
+						visible: false,
+						eventType: DeviceInputEventType.Keyboard,
+						unitId,
+						keycode: KeyCode.ESC
+					});
+					return true;
+				};
+				dropdownParam = {
+					type: "color",
+					props: {
+						onChange: handleSave,
+						defaultValue: 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 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, 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, IUniverInstanceService),
+	__decorateParam(1, Inject(DataValidatorRegistryService)),
+	__decorateParam(2, IZenZoneService),
+	__decorateParam(3, Inject(SheetDataValidationModel)),
+	__decorateParam(4, Inject(SheetsSelectionsService)),
+	__decorateParam(5, Inject(ISheetCellDropdownManagerService)),
+	__decorateParam(6, Inject(SheetDataValidationModel)),
+	__decorateParam(7, ICommandService),
+	__decorateParam(8, IEditorBridgeService),
+	__decorateParam(9, Inject(Injector)),
+	__decorateParam(10, IConfigService)
+], 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: CommandType.OPERATION,
+	handler(accessor, params) {
+		if (!params) return false;
+		const { ruleId, isAdd } = params;
+		const dataValidationPanelService = accessor.get(DataValidationPanelService);
+		const dataValidationModel = accessor.get(DataValidationModel);
+		const univerInstanceService = accessor.get(IUniverInstanceService);
+		const sidebarService = accessor.get(ISidebarService);
+		const target = 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: CommandType.OPERATION,
+	handler(accessor) {
+		accessor.get(DataValidationPanelService).close();
+		return true;
+	}
+};
+const ToggleValidationPanelOperation = {
+	id: "data-validation.operation.toggle-validation-panel",
+	type: CommandType.OPERATION,
+	handler(accessor) {
+		const commandService = accessor.get(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: 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: 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: CommandType.COMMAND,
+	id: "data-validation.command.addRuleAndOpen",
+	handler(accessor) {
+		const target = getSheetCommandTarget(accessor.get(IUniverInstanceService));
+		if (!target) return false;
+		const { workbook, worksheet } = target;
+		const rule = createDefaultNewRule(accessor);
+		const commandService = accessor.get(ICommandService);
+		const addParams = {
+			rule,
+			unitId: workbook.getUnitId(),
+			subUnitId: worksheet.getSheetId()
+		};
+		if (commandService.syncExecuteCommand(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 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(debounceTime(100)).subscribe((cellPos) => {
+			if (cellPos) {
+				const workbook = this._univerInstanceService.getUnit(cellPos.location.unitId, 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
+				}) === 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: 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, Inject(HoverManagerService)),
+	__decorateParam(1, Inject(CellAlertManagerService)),
+	__decorateParam(2, IUniverInstanceService),
+	__decorateParam(3, Inject(LocaleService)),
+	__decorateParam(4, IZenZoneService),
+	__decorateParam(5, Inject(SheetDataValidationModel))
+], DataValidationAlertController);
+
+//#endregion
+//#region src/controllers/dv-auto-fill.controller.ts
+let DataValidationAutoFillController = class DataValidationAutoFillController extends 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 = virtualizeDiscreteRanges([sourceRange, targetRange]);
+			const [vSourceRange, vTargetRange] = virtualRange.ranges;
+			const { mapFunc } = virtualRange;
+			const sourceStartCell = {
+				row: vSourceRange.startRow,
+				col: vSourceRange.startColumn
+			};
+			const repeats = AutoFillTools.getAutoFillRepeatRange(vSourceRange, vTargetRange);
+			const additionMatrix = new 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
+				};
+				Range.foreach(relativeRange, (row, col) => {
+					const sourcePositionRange = 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 = 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: queryObjectMatrix(additionMatrix, (value) => value === id)
+			}));
+			ruleMatrixCopy.addRangeRules(additions);
+			const { redoMutations, undoMutations } = getDataValidationDiffMutations(unitId, subUnitId, ruleMatrixCopy.diff(this._sheetDataValidationModel.getRules(unitId, subUnitId)), this._injector, "patched", applyType === AUTO_FILL_APPLY_TYPE.ONLY_FORMAT);
+			return {
+				undos: undoMutations,
+				redos: redoMutations
+			};
+		};
+		const hook = {
+			id: 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 === DataValidationType.CHECKBOX) {
+						this._autoFillService.setDisableApplyType(AUTO_FILL_APPLY_TYPE.SERIES, true);
+						return;
+					}
+				}
+			},
+			onFillData: (location, direction, applyType) => {
+				if (applyType === AUTO_FILL_APPLY_TYPE.COPY || applyType === AUTO_FILL_APPLY_TYPE.ONLY_FORMAT || applyType === AUTO_FILL_APPLY_TYPE.SERIES) return generalApplyFunc(location, applyType);
+				return noopReturnFunc();
+			},
+			onAfterFillData: () => {}
+		};
+		this.disposeWithMe(this._autoFillService.addHook(hook));
+	}
+};
+DataValidationAutoFillController = __decorate([
+	__decorateParam(0, IAutoFillService),
+	__decorateParam(1, Inject(SheetDataValidationModel)),
+	__decorateParam(2, Inject(Injector))
+], DataValidationAutoFillController);
+
+//#endregion
+//#region src/controllers/dv-copy-paste.controller.ts
+const specialPastes = [
+	PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_COL_WIDTH,
+	PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_VALUE,
+	PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMAT,
+	PREDEFINED_HOOK_NAME_PASTE.SPECIAL_PASTE_FORMULA
+];
+let DataValidationCopyPasteController = class DataValidationCopyPasteController extends 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: 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 ObjectMatrix();
+		this._copyInfo = {
+			unitId,
+			subUnitId,
+			matrix
+		};
+		const discreteRange = this._injector.invoke((accessor) => {
+			return 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 = COPY_TYPE.COPY } = payload;
+		if (!getSheetCommandTarget(this._univerInstanceService, {
+			unitId: pastedUnitId,
+			subUnitId: pastedSubUnitId
+		})) return {
+			redos: [],
+			undos: []
+		};
+		if (copyType === 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 ObjectMatrix();
+			const addRules = /* @__PURE__ */ new Set();
+			const { ranges: [vCopyRange, vPastedRange], mapFunc } = virtualizeDiscreteRanges([copyRange, pastedRange]);
+			const repeatRange = 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 = 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: queryObjectMatrix(additionMatrix, (value) => value === id)
+			}));
+			ruleMatrix.addRangeRules(additions);
+			const { redoMutations, undoMutations } = getDataValidationDiffMutations(pastedUnitId, pastedSubUnitId, ruleMatrix.diffWithAddition(this._sheetDataValidationModel.getRules(pastedUnitId, pastedSubUnitId), additionRules.values()), this._injector, "patched", false);
+			if (copyType === 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 } = 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 ObjectMatrix();
+			const additionRules = /* @__PURE__ */ new Set();
+			const { ranges: [vCopyRange, vPastedRange], mapFunc } = virtualizeDiscreteRanges([copyRange, pastedRange]);
+			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 = 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: queryObjectMatrix(additionMatrix, (value) => value === id)
+			}));
+			ruleMatrix.addRangeRules(additions);
+			const { redoMutations, undoMutations } = getDataValidationDiffMutations(pastedUnitId, pastedSubUnitId, ruleMatrix.diff(this._sheetDataValidationModel.getRules(copyUnitId, copySubUnitId)), this._injector, "patched", false);
+			return {
+				redos: redoMutations,
+				undos: undoMutations
+			};
+		}
+	}
+};
+DataValidationCopyPasteController = __decorate([
+	__decorateParam(0, ISheetClipboardService),
+	__decorateParam(1, Inject(SheetDataValidationModel)),
+	__decorateParam(2, Inject(Injector)),
+	__decorateParam(3, Inject(IUniverInstanceService))
+], DataValidationCopyPasteController);
+
+//#endregion
+//#region src/controllers/dv-permission.controller.ts
+let DataValidationPermissionController = class DataValidationPermissionController extends 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 === AddSheetDataValidationCommand.id) {
+				const { unitId, subUnitId, rule: { ranges } } = command.params;
+				if (!this._sheetPermissionCheckController.permissionCheckWithRanges({
+					workbookTypes: [WorkbookEditablePermission],
+					rangeTypes: [RangeProtectionPermissionEditPoint],
+					worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission]
+				}, ranges, unitId, subUnitId)) this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr"));
+			}
+			if (command.id === UpdateSheetDataValidationRangeCommand.id) {
+				const { unitId, subUnitId, ranges } = command.params;
+				if (!this._sheetPermissionCheckController.permissionCheckWithRanges({
+					workbookTypes: [WorkbookEditablePermission],
+					rangeTypes: [RangeProtectionPermissionEditPoint],
+					worksheetTypes: [WorksheetEditPermission, WorksheetSetCellStylePermission]
+				}, ranges, unitId, subUnitId)) this._sheetPermissionCheckController.blockExecuteWithoutPermission(this._localeService.t("permission.dialog.setStyleErr"));
+			}
+		}));
+	}
+};
+DataValidationPermissionController = __decorate([
+	__decorateParam(0, Inject(LocaleService)),
+	__decorateParam(1, ICommandService),
+	__decorateParam(2, Inject(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: MenuItemType.SUBITEMS,
+		icon: "DataValidationIcon",
+		tooltip: "dataValidation.title",
+		hidden$: getMenuHiddenObservable(accessor, UniverInstanceType.UNIVER_SHEET),
+		disabled$: getCurrentRangeDisable$(accessor, {
+			workbookTypes: [WorkbookEditablePermission],
+			worksheetTypes: [WorksheetSetCellStylePermission, WorksheetEditPermission],
+			rangeTypes: [RangeProtectionPermissionEditPoint]
+		})
+	};
+}
+function openDataValidationMenuFactory(_accessor) {
+	return {
+		id: OpenValidationPanelOperation.id,
+		title: "dataValidation.panel.title",
+		type: MenuItemType.BUTTON
+	};
+}
+function addDataValidationMenuFactory(_accessor) {
+	return {
+		id: AddSheetDataValidationAndOpenCommand.id,
+		title: "dataValidation.panel.add",
+		type: MenuItemType.BUTTON
+	};
+}
+
+//#endregion
+//#region src/menu/schema.ts
+const menuSchema = { [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 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(INTERCEPTOR_POINT.CELL_CONTENT, {
+			effect: InterceptorEffectEnum.Style,
+			priority: 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 : 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 = 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 === 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(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(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 === DataValidationType.LIST || rule.type === DataValidationType.LIST_MULTIPLE);
+				return next(cell);
+			}
+		}));
+	}
+	_initAutoHeight() {
+		this._sheetDataValidationModel.ruleChange$.pipe(filter((change) => change.source === "command"), bufferTime(100)).subscribe((infos) => {
+			if (infos.length === 0) return;
+			const ranges = [];
+			infos.forEach((info) => {
+				if (info.rule.type === DataValidationType.LIST_MULTIPLE || info.rule.type === 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) sequenceExecute(this._autoHeightController.getUndoRedoParamsOfAutoHeight(ranges).redos, this._commandService);
+		});
+	}
+};
+SheetsDataValidationRenderController = __decorate([
+	__decorateParam(0, ICommandService),
+	__decorateParam(1, IMenuManagerService),
+	__decorateParam(2, IRenderManagerService),
+	__decorateParam(3, IUniverInstanceService),
+	__decorateParam(4, Inject(AutoHeightController)),
+	__decorateParam(5, Inject(DataValidationDropdownManagerService)),
+	__decorateParam(6, Inject(SheetDataValidationModel)),
+	__decorateParam(7, Inject(DataValidatorRegistryService)),
+	__decorateParam(8, Inject(SheetInterceptorService)),
+	__decorateParam(9, Inject(DataValidationCacheService)),
+	__decorateParam(10, Optional(IEditorBridgeService))
+], SheetsDataValidationRenderController);
+let SheetsDataValidationMobileRenderController = class SheetsDataValidationMobileRenderController extends 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(INTERCEPTOR_POINT.CELL_CONTENT, {
+			effect: InterceptorEffectEnum.Style,
+			priority: 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 : DataValidationStatus.VALID;
+				const validator = this._dataValidatorRegistryService.getValidatorItem(rule.type);
+				const cellValue = 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 === 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(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(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 === DataValidationType.LIST || rule.type === DataValidationType.LIST_MULTIPLE);
+				return next(cell);
+			}
+		}));
+	}
+	_initAutoHeight() {
+		this._sheetDataValidationModel.ruleChange$.pipe(filter((change) => change.source === "command"), bufferTime(16)).subscribe((infos) => {
+			const ranges = [];
+			infos.forEach((info) => {
+				if (info.rule.type === DataValidationType.LIST_MULTIPLE || info.rule.type === 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) sequenceExecute(this._autoHeightController.getUndoRedoParamsOfAutoHeight(ranges).redos, this._commandService);
+		});
+	}
+};
+SheetsDataValidationMobileRenderController = __decorate([
+	__decorateParam(0, ICommandService),
+	__decorateParam(1, IRenderManagerService),
+	__decorateParam(2, Inject(AutoHeightController)),
+	__decorateParam(3, Inject(DataValidatorRegistryService)),
+	__decorateParam(4, Inject(SheetInterceptorService)),
+	__decorateParam(5, Inject(SheetDataValidationModel)),
+	__decorateParam(6, Inject(DataValidationCacheService))
+], SheetsDataValidationMobileRenderController);
+
+//#endregion
+//#region src/controllers/dv-rerender.controller.ts
+let SheetsDataValidationReRenderController = class SheetsDataValidationReRenderController extends 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(bufferDebounceTime(16)).subscribe(reRender));
+	}
+};
+SheetsDataValidationReRenderController = __decorate([__decorateParam(1, Inject(SheetDataValidationModel)), __decorateParam(2, Inject(SheetSkeletonManagerService))], SheetsDataValidationReRenderController);
+
+//#endregion
+//#region src/views/components/options/index.tsx
+function DataValidationOptions(props) {
+	var _value$errorStyle;
+	const localeService = useDependency(LocaleService);
+	const componentManager = useDependency(ComponentManager);
+	const { value, onChange, extraComponent } = props;
+	const [show, setShow] = useState(false);
+	const ExtraOptions = extraComponent ? componentManager.get(extraComponent) : null;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ 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__ */ jsx(MoreUpIcon, { className: "univer-ml-1" }) : /* @__PURE__ */ jsx(MoreDownIcon, { className: "univer-ml-1" })]
+	}), show && /* @__PURE__ */ jsxs(Fragment, { children: [
+		ExtraOptions ? /* @__PURE__ */ jsx(ExtraOptions, {
+			value,
+			onChange
+		}) : null,
+		/* @__PURE__ */ jsx(FormLayout, {
+			label: localeService.t("dataValidation.panel.invalid"),
+			children: /* @__PURE__ */ jsxs(RadioGroup, {
+				value: `${(_value$errorStyle = value.errorStyle) !== null && _value$errorStyle !== void 0 ? _value$errorStyle : DataValidationErrorStyle.WARNING}`,
+				onChange: (errorStyle) => onChange({
+					...value,
+					errorStyle: +errorStyle
+				}),
+				children: [/* @__PURE__ */ jsx(Radio, {
+					value: `${DataValidationErrorStyle.WARNING}`,
+					children: localeService.t("dataValidation.panel.showWarning")
+				}), /* @__PURE__ */ jsx(Radio, {
+					value: `${DataValidationErrorStyle.STOP}`,
+					children: localeService.t("dataValidation.panel.rejectInput")
+				})]
+			})
+		}),
+		/* @__PURE__ */ jsx(FormLayout, {
+			label: localeService.t("dataValidation.panel.messageInfo"),
+			children: /* @__PURE__ */ jsx(Checkbox, {
+				checked: value.showErrorMessage,
+				onChange: () => onChange({
+					...value,
+					showErrorMessage: !value.showErrorMessage
+				}),
+				children: localeService.t("dataValidation.panel.showInfo")
+			})
+		}),
+		value.showErrorMessage ? /* @__PURE__ */ jsx(FormLayout, { children: /* @__PURE__ */ jsx(Input, {
+			value: value.error,
+			onChange: (error) => onChange({
+				...value,
+				error
+			})
+		}) }) : null
+	] })] });
+}
+
+//#endregion
+//#region src/views/components/detail/index.tsx
+const debounceExecuteFactory = (commandService) => debounce(async (id, params, options, callback) => {
+	const res = await commandService.executeCommand(id, params, options);
+	callback === null || callback === void 0 || callback(res);
+}, 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(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] = useState(0);
+	const dataValidationPanelService = useDependency(DataValidationPanelService);
+	const { unitId, subUnitId, rule } = useObservable(dataValidationPanelService.activeRule$, dataValidationPanelService.activeRule) || {};
+	const ruleId = rule.uid;
+	const validatorService = useDependency(DataValidatorRegistryService);
+	const univerInstanceService = useDependency(IUniverInstanceService);
+	const componentManager = useDependency(ComponentManager);
+	const commandService = useDependency(ICommandService);
+	const dataValidationModel = useDependency(DataValidationModel);
+	const localeService = useDependency(LocaleService);
+	const workbook = useObservable(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET), void 0, void 0, []);
+	const worksheet = useObservable(() => {
+		var _workbook$activeSheet;
+		return (_workbook$activeSheet = workbook === null || workbook === void 0 ? void 0 : workbook.activeSheet$) !== null && _workbook$activeSheet !== void 0 ? _workbook$activeSheet : of(null);
+	}, void 0, void 0, []);
+	const [localRule, setLocalRule] = useState(rule);
+	const validator = validatorService.getValidatorItem(localRule.type);
+	const [showError, setShowError] = useState(false);
+	const validators = validatorService.getValidatorsByScope(DataValidatorRegistryScope.SHEET);
+	const [localRanges, setLocalRanges] = useState(() => localRule.ranges.map((i) => ({
+		unitId: "",
+		sheetId: "",
+		range: i
+	})));
+	const debounceExecute = useMemo(() => debounceExecuteFactory(commandService), [commandService]);
+	const [isRangeError, setIsRangeError] = useState(false);
+	const [isFocusRangeSelector, setIsFocusRangeSelector] = useState(false);
+	const rangeSelectorInstance = useRef(null);
+	const sheetSelectionService = useDependency(SheetsSelectionsService);
+	useEffect(() => {
+		return () => {
+			const currentSelection = sheetSelectionService.getCurrentLastSelection();
+			if (currentSelection) sheetSelectionService.setSelections([currentSelection]);
+		};
+	}, [sheetSelectionService]);
+	useEffect(() => {
+		commandService.onCommandExecuted((commandInfo) => {
+			if (commandInfo.id === UndoCommand.id || commandInfo.id === 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 ? TWO_FORMULA_OPERATOR_COUNT.includes(localRule.operator) : false;
+	const goBackActiveRuleSheet = () => {
+		if ((worksheet === null || worksheet === void 0 ? void 0 : worksheet.getSheetId()) !== subUnitId) commandService.syncExecuteCommand(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 = useEvent((rangeText) => {
+		const unitRanges = rangeText.split(",").filter(Boolean).map(deserializeRangeWithSheet).map((unitRange) => {
+			const sheetName = unitRange.sheetName;
+			if (sheetName) {
+				const sheetId = getSheetIdByName(univerInstanceService, unitRange.unitId, sheetName);
+				return {
+					...unitRange,
+					sheetId
+				};
+			}
+			return {
+				...unitRange,
+				sheetId: ""
+			};
+		});
+		if (isUnitRangesEqual(unitRanges, localRanges)) return;
+		setLocalRanges(unitRanges);
+		const ranges = unitRanges.filter((i) => (!i.unitId || i.unitId === unitId) && (!i.sheetId || i.sheetId === subUnitId)).map((i) => i.range);
+		setLocalRule({
+			...localRule,
+			ranges
+		});
+		if (ranges.length === 0) return;
+		const params = {
+			unitId,
+			subUnitId,
+			ruleId,
+			ranges
+		};
+		debounceExecute(UpdateSheetDataValidationRangeCommand.id, params);
+	});
+	const handleUpdateRuleSetting = (setting) => {
+		if (shallowEqual(setting, getRuleSetting(localRule))) return;
+		setLocalRule({
+			...localRule,
+			...setting
+		});
+		const params = {
+			unitId,
+			subUnitId,
+			ruleId,
+			setting
+		};
+		debounceExecute(UpdateSheetDataValidationSettingCommand.id, params, void 0);
+	};
+	const handleDelete = async () => {
+		await commandService.executeCommand(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(UpdateSheetDataValidationSettingCommand.id, {
+			unitId,
+			subUnitId,
+			ruleId: localRule.uid,
+			setting: getRuleSetting(newRule)
+		});
+	};
+	const FormulaInput = componentManager.get(validator.formulaInput);
+	const rangeStr = useMemo(() => localRanges.map((i) => serializeRange(i.range)).join(","), []);
+	const options = getRuleOptions(localRule);
+	const handleUpdateRuleOptions = (newOptions) => {
+		if (shallowEqual(newOptions, getRuleOptions(localRule))) return;
+		setLocalRule({
+			...localRule,
+			...newOptions
+		});
+		debounceExecute(UpdateSheetDataValidationOptionsCommand.id, {
+			unitId,
+			subUnitId,
+			ruleId,
+			options: newOptions
+		});
+	};
+	const shouldHideFormula = operators.length && !localRule.operator;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-u-comp": "data-validation-detail",
+		className: "univer-py-2",
+		children: [
+			/* @__PURE__ */ jsx(FormLayout, {
+				label: localeService.t("dataValidation.panel.range"),
+				error: !localRule.ranges.length || isRangeError ? localeService.t("dataValidation.panel.rangeError") : "",
+				children: /* @__PURE__ */ jsx(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__ */ jsx(FormLayout, {
+				label: localeService.t("dataValidation.panel.type"),
+				children: /* @__PURE__ */ jsx(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__ */ jsx(FormLayout, {
+				label: localeService.t("dataValidation.panel.operator"),
+				children: /* @__PURE__ */ jsx(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__ */ 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__ */ jsx(FormLayout, { children: /* @__PURE__ */ jsx(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__ */ jsx(DataValidationOptions, {
+				value: options,
+				onChange: handleUpdateRuleOptions,
+				extraComponent: validator.optionsInput
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "univer-mt-5 univer-flex univer-flex-row univer-justify-end",
+				children: [/* @__PURE__ */ jsx(Button, {
+					className: "univer-ml-3",
+					onClick: handleDelete,
+					children: localeService.t("dataValidation.panel.removeRule")
+				}), /* @__PURE__ */ jsx(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 = useDependency(DataValidatorRegistryService);
+	const commandService = useDependency(ICommandService);
+	const markSelectionService = useDependency(IMarkSelectionService);
+	const validator = validatorRegistry.getValidatorItem(rule.type);
+	const ids = useRef(void 0);
+	const [isHover, setIsHover] = useState(false);
+	const themeService = useDependency(ThemeService);
+	const style = 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 ColorKit(color).toRgb();
+		return {
+			fill: `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, 0.1)`,
+			stroke: color
+		};
+	}, [useObservable(themeService.currentTheme$)]);
+	const handleDelete = (e) => {
+		commandService.executeCommand(RemoveSheetDataValidationCommand.id, {
+			ruleId: rule.uid,
+			unitId,
+			subUnitId
+		});
+		e.stopPropagation();
+	};
+	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__ */ jsxs("div", {
+		className: 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__ */ 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__ */ jsx("div", {
+				className: "univer-text-secondary univer-truncate univer-text-xs univer-leading-[18px] dark:!univer-text-gray-300",
+				children: rule.ranges.map((range) => serializeRange(range)).join(",")
+			}),
+			isHover ? /* @__PURE__ */ 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__ */ jsx(DeleteIcon, {})
+			}) : null
+		]
+	});
+};
+
+//#endregion
+//#region src/views/components/list/index.tsx
+function DataValidationList(props) {
+	const sheetDataValidationModel = useDependency(SheetDataValidationModel);
+	const univerInstanceService = useDependency(IUniverInstanceService);
+	const commandService = useDependency(ICommandService);
+	const injector = useDependency(Injector);
+	const dataValidationPanelService = useDependency(DataValidationPanelService);
+	const localeService = useDependency(LocaleService);
+	const [rules, setRules] = useState([]);
+	const { workbook } = props;
+	const worksheet = useObservable(workbook.activeSheet$, void 0, true);
+	const unitId = workbook.getUnitId();
+	const subUnitId = worksheet === null || worksheet === void 0 ? void 0 : worksheet.getSheetId();
+	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 = createDefaultNewRule(injector);
+		const params = {
+			unitId,
+			subUnitId,
+			rule
+		};
+		await commandService.executeCommand(AddSheetDataValidationCommand.id, params);
+		dataValidationPanelService.setActiveRule({
+			unitId,
+			subUnitId,
+			rule
+		});
+	};
+	const handleRemoveAll = () => {
+		commandService.executeCommand(RemoveSheetAllDataValidationCommand.id, {
+			unitId,
+			subUnitId
+		});
+	};
+	const getDvRulesByPermissionCorrect = (rules) => {
+		const workbook = univerInstanceService.getCurrentUnitForType(UniverInstanceType.UNIVER_SHEET);
+		const worksheet = workbook.getActiveSheet();
+		const unitId = workbook.getUnitId();
+		const subUnitId = worksheet.getSheetId();
+		return rules.map((rule) => {
+			if (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__ */ jsxs("div", {
+		className: "univer-pb-4",
+		children: [rulesByPermissionCheck === null || rulesByPermissionCheck === void 0 ? void 0 : rulesByPermissionCheck.map((rule) => {
+			var _rule$disable;
+			return /* @__PURE__ */ 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__ */ jsxs("div", {
+			className: "univer-mt-4 univer-flex univer-flex-row univer-justify-end univer-gap-2",
+			children: [rules.length && !hasDisableRule ? /* @__PURE__ */ jsx(Button, {
+				onClick: handleRemoveAll,
+				children: localeService.t("dataValidation.panel.removeAll")
+			}) : null, /* @__PURE__ */ jsx(Button, {
+				variant: "primary",
+				onClick: handleAddRule,
+				children: localeService.t("dataValidation.panel.add")
+			})]
+		})]
+	});
+}
+
+//#endregion
+//#region src/views/components/panel/index.tsx
+const DataValidationPanel = () => {
+	const dataValidationPanelService = useDependency(DataValidationPanelService);
+	const activeRule = useObservable(dataValidationPanelService.activeRule$, dataValidationPanelService.activeRule);
+	const univerInstanceService = useDependency(IUniverInstanceService);
+	const workbook = useObservable(() => univerInstanceService.getCurrentTypeOfUnit$(UniverInstanceType.UNIVER_SHEET), void 0, void 0, []);
+	const worksheet = useObservable(() => {
+		var _workbook$activeSheet;
+		return (_workbook$activeSheet = workbook === null || workbook === void 0 ? void 0 : workbook.activeSheet$) !== null && _workbook$activeSheet !== void 0 ? _workbook$activeSheet : of(null);
+	}, void 0, void 0, []);
+	if (!workbook || !worksheet) return null;
+	return activeRule && (activeRule.subUnitId === worksheet.getSheetId() || activeRule.subUnitId === dataValidationPanelService.getFocusFormulaEditorActiveRuleSubUnitId()) ? /* @__PURE__ */ jsx(DataValidationDetail, {}, activeRule.rule.uid) : /* @__PURE__ */ jsx(DataValidationList, { workbook });
+};
+
+//#endregion
+//#region src/views/components/formula-input/BaseFormulaInput.tsx
+const BaseFormulaInput = (props) => {
+	const { isTwoFormula = false, value, onChange, showError, validResult } = props;
+	const localeService = useDependency(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__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(FormLayout, {
+			error: formula1Res,
+			children: /* @__PURE__ */ jsx(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__ */ jsx("div", {
+			className: "-univer-mt-2 univer-mb-1 univer-text-sm univer-text-gray-400",
+			children: localeService.t("dataValidation.panel.formulaAnd")
+		}),
+		/* @__PURE__ */ jsx(FormLayout, {
+			error: formula2Res,
+			children: /* @__PURE__ */ jsx(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__ */ jsx(FormLayout, {
+		error: formula1Res,
+		children: /* @__PURE__ */ jsx(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 = useDependency(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] = 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__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(FormLayout, { children: /* @__PURE__ */ jsx(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__ */ jsx(FormLayout, {
+			label: localeService.t("dataValidation.checkbox.checked"),
+			error: formula1Res,
+			children: /* @__PURE__ */ jsx(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__ */ jsx(FormLayout, {
+			label: localeService.t("dataValidation.checkbox.unchecked"),
+			error: formula2Res,
+			children: /* @__PURE__ */ jsx(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 = useRef(null);
+	const [isFocusFormulaEditor, setIsFocusFormulaEditor] = useState(false);
+	useSidebarClick((e) => {
+		var _formulaEditorRef$cur;
+		!((_formulaEditorRef$cur = formulaEditorRef.current) === null || _formulaEditorRef$cur === void 0) && _formulaEditorRef$cur.isClickOutSide(e) && setIsFocusFormulaEditor(false);
+	});
+	return /* @__PURE__ */ jsx(FormLayout, {
+		error: formula1Res,
+		children: /* @__PURE__ */ jsx(FormulaEditor, {
+			ref: formulaEditorRef,
+			className: 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: (_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] = useState(false);
+	return /* @__PURE__ */ jsx(Dropdown, {
+		align: "start",
+		disabled,
+		open,
+		onOpenChange: setOpen,
+		overlay: /* @__PURE__ */ 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__ */ jsx("div", {
+				className: clsx("univer-box-border univer-size-4 univer-cursor-pointer univer-rounded", borderClassName),
+				style: { background: color },
+				onClick: () => {
+					onChange(color);
+					setOpen(false);
+				}
+			}, color))
+		}),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: 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: [/* @__PURE__ */ jsx("div", {
+				className: "univer-box-border univer-size-4 univer-rounded univer-text-base",
+				style: { background: value }
+			}), /* @__PURE__ */ jsx(MoreDownIcon, {})]
+		})
+	});
+};
+const Template = (props) => {
+	const { item, commonProps, className } = props;
+	const { onItemChange, onItemDelete } = commonProps;
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx("univer-flex univer-items-center univer-gap-2", className),
+		children: [
+			!item.isRef && /* @__PURE__ */ jsx("div", {
+				className: clsx("univer-cursor-move", "draggableHandle"),
+				children: /* @__PURE__ */ jsx(SequenceIcon, {})
+			}),
+			/* @__PURE__ */ jsx(ColorSelect, {
+				value: item.color,
+				onChange: (color) => {
+					onItemChange(item.id, item.label, color);
+				}
+			}),
+			/* @__PURE__ */ jsx(Input, {
+				disabled: item.isRef,
+				value: item.label,
+				onChange: (label) => {
+					onItemChange(item.id, label, item.color);
+				}
+			}),
+			item.isRef ? null : /* @__PURE__ */ jsx("div", {
+				className: "univer-ml-1 univer-cursor-pointer univer-rounded univer-text-base hover:univer-bg-gray-200",
+				children: /* @__PURE__ */ jsx(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] = useState(() => isFormulaString(formula1) ? "1" : "0");
+	const [formulaStr, setFormulaStr] = useState(isFormulaStr === "1" ? formula1 : "=");
+	const [formulaStrCopy, setFormulaStrCopy] = useState(isFormulaStr === "1" ? formula1 : "=");
+	const localeService = useDependency(LocaleService);
+	const dataValidatorRegistryService = useDependency(DataValidatorRegistryService);
+	const dataValidationModel = useDependency(DataValidationModel);
+	const dataValidationFormulaController = useDependency(DataValidationFormulaController);
+	const dataValidationPanelService = useDependency(DataValidationPanelService);
+	const [refColors, setRefColors] = useState(() => formula2.split(","));
+	const listValidator = dataValidatorRegistryService.getValidatorItem(DataValidationType.LIST);
+	const [refOptions, setRefOptions] = useState([]);
+	const [localError, setLocalError] = useState("");
+	const formula1Res = showError ? validResult === null || validResult === void 0 ? void 0 : validResult.formula1 : "";
+	const ruleChange = useObservable(useMemo(() => dataValidationModel.ruleChange$.pipe(debounceTime(16)), []));
+	const onChange = useEvent(_onChange);
+	useEffect(() => {
+		(async () => {
+			await new Promise((resolve) => {
+				setTimeout(() => resolve(true), 100);
+			});
+			const rule = dataValidationModel.getRuleById(unitId, subUnitId, ruleId);
+			if (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
+	]);
+	useEffect(() => {
+		if (isFormulaString(formula1) && formula1 !== formulaStrCopy) {
+			setFormulaStr(formula1);
+			setFormulaStrCopy(formulaStrCopy);
+		}
+	}, [formulaStrCopy, formula1]);
+	const [strList, setStrList] = useState(() => {
+		const strOptions = isFormulaStr !== "1" ? deserializeListOptions(formula1) : [];
+		const strColors = formula2.split(",");
+		return strOptions.map((label, i) => ({
+			label,
+			color: strColors[i] || "#ECECEC",
+			isRef: false,
+			id: 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 = 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: generateRandomId(4)
+		}]);
+	};
+	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: serializeListOptions(finalList.map((item) => item.label)),
+			formula2: finalList.map((item) => item.color === "#ECECEC" ? "" : item.color).join(",")
+		});
+	}, [
+		strList,
+		onChange,
+		isFormulaStr,
+		formulaStrCopy,
+		refColors
+	]);
+	const updateFormula = useEvent(async (str) => {
+		if (!isFormulaString(str)) {
+			onChange === null || onChange === void 0 || onChange({
+				formula1: "",
+				formula2
+			});
+			return;
+		}
+		if (dataValidationFormulaController.getFormulaRefCheck(str)) {
+			onChange === null || onChange === void 0 || onChange({
+				formula1: isFormulaString(str) ? str : "",
+				formula2
+			});
+			setLocalError("");
+		} else {
+			onChange === null || onChange === void 0 || onChange({
+				formula1: "",
+				formula2
+			});
+			setFormulaStr("=");
+			setLocalError(localeService.t("dataValidation.validFail.formulaError"));
+		}
+	});
+	const formulaEditorRef = useRef(null);
+	const [isFocusFormulaEditor, setIsFocusFormulaEditor] = useState(false);
+	useSidebarClick((e) => {
+		var _formulaEditorRef$cur;
+		!((_formulaEditorRef$cur = formulaEditorRef.current) === null || _formulaEditorRef$cur === void 0) && _formulaEditorRef$cur.isClickOutSide(e) && setIsFocusFormulaEditor(false);
+	});
+	useEffect(() => {
+		if (isFocusFormulaEditor) dataValidationPanelService.setFocusFormulaEditorActiveRuleSubUnitId(subUnitId);
+		else dataValidationPanelService.setFocusFormulaEditorActiveRuleSubUnitId(null);
+	}, [
+		isFocusFormulaEditor,
+		subUnitId,
+		dataValidationPanelService
+	]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FormLayout, {
+		label: localeService.t("dataValidation.list.options"),
+		children: /* @__PURE__ */ jsxs(RadioGroup, {
+			value: isFormulaStr,
+			onChange: (v) => {
+				setIsFormulaStr(v);
+				setFormulaStr(formulaStrCopy);
+				if (v === "1") onChange({
+					formula1: formulaStrCopy === "=" ? "" : formulaStrCopy,
+					formula2: refColors.join(",")
+				});
+			},
+			children: [/* @__PURE__ */ jsx(Radio, {
+				value: "0",
+				children: localeService.t("dataValidation.list.customOptions")
+			}), /* @__PURE__ */ jsx(Radio, {
+				value: "1",
+				children: localeService.t("dataValidation.list.refOptions")
+			})]
+		})
+	}), isFormulaStr === "1" ? /* @__PURE__ */ jsxs(FormLayout, {
+		error: formula1Res || localError || void 0,
+		children: [/* @__PURE__ */ jsx(FormulaEditor, {
+			ref: formulaEditorRef,
+			className: 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: 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__ */ jsx("div", {
+			className: "univer-mt-3",
+			children: refFinalList.map((item) => {
+				return /* @__PURE__ */ jsx(Template, {
+					className: "univer-mb-3",
+					item,
+					commonProps: { onItemChange: handleRefItemChange }
+				}, item.id);
+			})
+		})]
+	}) : /* @__PURE__ */ jsx(FormLayout, {
+		error: formula1Res,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "-univer-mt-3",
+			children: [/* @__PURE__ */ jsx(DraggableList, {
+				list: strList,
+				onListChange: setStrList,
+				rowHeight: 28,
+				margin: [0, 12],
+				draggableHandle: ".draggableHandle",
+				itemRender: (item) => /* @__PURE__ */ jsx(Template, {
+					item,
+					commonProps: {
+						onItemChange: handleStrItemChange,
+						onItemDelete: handleStrItemDelete
+					}
+				}, item.id),
+				idKey: "id"
+			}), /* @__PURE__ */ 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__ */ jsx(IncreaseIcon, { className: "univer-mr-1" }), localeService.t("dataValidation.list.add")]
+			})]
+		})
+	})] });
+}
+
+//#endregion
+//#region src/views/components/formula-input/index.ts
+const FORMULA_INPUTS = [
+	[CUSTOM_FORMULA_INPUT_NAME, CustomFormulaInput],
+	[BASE_FORMULA_INPUT_NAME$1, BaseFormulaInput],
+	[LIST_FORMULA_INPUT_NAME, ListFormulaInput],
+	[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 = useDependency(LocaleService);
+	return /* @__PURE__ */ jsx(FormLayout, {
+		label: localeService.t("dataValidation.renderMode.label"),
+		children: /* @__PURE__ */ jsxs(RadioGroup, {
+			value: `${(_value$renderMode = value.renderMode) !== null && _value$renderMode !== void 0 ? _value$renderMode : DataValidationRenderMode.CUSTOM}`,
+			onChange: (renderMode) => onChange({
+				...value,
+				renderMode: +renderMode
+			}),
+			children: [
+				/* @__PURE__ */ jsx(Radio, {
+					value: `${DataValidationRenderMode.CUSTOM}`,
+					children: localeService.t("dataValidation.renderMode.chip")
+				}),
+				/* @__PURE__ */ jsx(Radio, {
+					value: `${DataValidationRenderMode.ARROW}`,
+					children: localeService.t("dataValidation.renderMode.arrow")
+				}),
+				/* @__PURE__ */ jsx(Radio, {
+					value: `${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 = useDependency(LocaleService);
+	return /* @__PURE__ */ jsx(FormLayout, { children: /* @__PURE__ */ jsx(Checkbox, {
+		checked: (_value$bizInfo = value.bizInfo) === null || _value$bizInfo === void 0 ? void 0 : _value$bizInfo.showTime,
+		onChange: (showTime) => {
+			onChange({
+				...value,
+				bizInfo: {
+					...value.bizInfo,
+					showTime
+				}
+			});
+		},
+		children: localeService.t("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 VerticalAlign.TOP:
+				widgetTop = 0;
+				break;
+			case VerticalAlign.BOTTOM:
+				widgetTop = 0 + (height - size);
+				break;
+			default:
+				widgetTop = 0 + (height - size) / 2;
+				break;
+		}
+		switch (ht) {
+			case HorizontalAlign.LEFT:
+				widgetLeft = MARGIN_H$2;
+				break;
+			case HorizontalAlign.RIGHT:
+				widgetLeft = MARGIN_H$2 + (width - size);
+				break;
+			default:
+				widgetLeft = MARGIN_H$2 + (width - size) / 2;
+				break;
+		}
+		return {
+			left: cellInfo.startX + widgetLeft,
+			top: cellInfo.startY + widgetTop,
+			width: ((_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 = CHECKBOX_FORMULA_1, formula2 = CHECKBOX_FORMULA_2 } = rule;
+		const results = await this._formulaService.getRuleFormulaResult(unitId, subUnitId, rule.uid);
+		const formulaResult1 = 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 = 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 = isLegalFormulaResult(String(formulaResult1)) && isLegalFormulaResult(String(formulaResult2));
+		return {
+			formula1: isFormulaString(formula1) ? 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: 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 = 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 = fixLineWidthByScale(layout.left, scaleX);
+		const top = fixLineWidthByScale(layout.top, scaleY);
+		const transform = 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");
+		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 = 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) === transformCheckboxValue(String(formula1)) ? formula2 : formula1,
+				p: null
+			}
+		};
+		this._commandService.executeCommand(SetRangeValuesCommand.id, params);
+	}
+	onPointerEnter(info, evt) {
+		var _getCurrentTypeOfRend;
+		(_getCurrentTypeOfRend = getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) === null || _getCurrentTypeOfRend === void 0 || (_getCurrentTypeOfRend = _getCurrentTypeOfRend.mainComponent) === null || _getCurrentTypeOfRend === void 0 || _getCurrentTypeOfRend.setCursor(CURSOR_TYPE.POINTER);
+	}
+	onPointerLeave(info, evt) {
+		var _getCurrentTypeOfRend2;
+		(_getCurrentTypeOfRend2 = getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) === null || _getCurrentTypeOfRend2 === void 0 || (_getCurrentTypeOfRend2 = _getCurrentTypeOfRend2.mainComponent) === null || _getCurrentTypeOfRend2 === void 0 || _getCurrentTypeOfRend2.setCursor(CURSOR_TYPE.DEFAULT);
+	}
+};
+CheckboxRender = __decorate([
+	__decorateParam(0, ICommandService),
+	__decorateParam(1, IUniverInstanceService),
+	__decorateParam(2, Inject(DataValidationFormulaService)),
+	__decorateParam(3, Inject(ThemeService)),
+	__decorateParam(4, Inject(IRenderManagerService)),
+	__decorateParam(5, Inject(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", LIST_FORMULA_INPUT_NAME);
+	}
+};
+BaseSheetDataValidatorView = __decorate([__decorateParam(0, Inject(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", DataValidationType.CHECKBOX);
+		_defineProperty(this, "canvasRender", this.injector.createInstance(CheckboxRender));
+		_defineProperty(this, "formulaInput", 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", DataValidationType.CUSTOM);
+		_defineProperty(this, "formulaInput", 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", DataValidationType.DATE);
+		_defineProperty(this, "formulaInput", BASE_FORMULA_INPUT_NAME);
+		_defineProperty(this, "optionsInput", DateShowTimeOption.componentKey);
+		_defineProperty(this, "dropdownType", 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", DataValidationType.DECIMAL);
+		_defineProperty(this, "formulaInput", BASE_FORMULA_INPUT_NAME$1);
+	}
+};
+
+//#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 = 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$1 = class extends Shape {
+	static drawWith(ctx, props) {
+		const { fontString, info, fill, color } = props;
+		const { layout, text } = info;
+		ctx.save();
+		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 VerticalAlign.MIDDLE:
+				top = (cellHeight - 14) / 2 + 4;
+				break;
+			case 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 = getFontStyleString(style !== null && style !== void 0 ? style : void 0);
+		const { vt: _vt, ht } = style || {};
+		const vt = _vt !== null && _vt !== void 0 ? _vt : VerticalAlign.MIDDLE;
+		const cellValue = (_getCellValueOrigin = 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 VerticalAlign.MIDDLE:
+				top = (layout.contentHeight - layout.totalHeight) / 2;
+				break;
+			case 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 HorizontalAlign.RIGHT:
+					left = layout.contentWidth - width;
+					break;
+				case 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$1.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 = getCellValueOrigin(data)) !== null && _getCellValueOrigin2 !== void 0 ? _getCellValueOrigin2 : "";
+		return layoutDropdowns(validator.parseCellValue(cellValue), 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 = getCellValueOrigin(data)) !== null && _getCellValueOrigin3 !== void 0 ? _getCellValueOrigin3 : "";
+		return layoutDropdowns(validator.parseCellValue(cellValue), 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 = getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) === null || _getCurrentTypeOfRend === void 0 || (_getCurrentTypeOfRend = _getCurrentTypeOfRend.mainComponent) === null || _getCurrentTypeOfRend === void 0 ? void 0 : _getCurrentTypeOfRend.setCursor(CURSOR_TYPE.POINTER);
+	}
+	onPointerLeave(info, evt) {
+		var _getCurrentTypeOfRend2;
+		return (_getCurrentTypeOfRend2 = getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) === null || _getCurrentTypeOfRend2 === void 0 || (_getCurrentTypeOfRend2 = _getCurrentTypeOfRend2.mainComponent) === null || _getCurrentTypeOfRend2 === void 0 ? void 0 : _getCurrentTypeOfRend2.setCursor(CURSOR_TYPE.DEFAULT);
+	}
+};
+DropdownMultipleWidget = __decorate([
+	__decorateParam(0, ICommandService),
+	__decorateParam(1, IUniverInstanceService),
+	__decorateParam(2, Inject(IRenderManagerService)),
+	__decorateParam(3, Inject(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", DataValidationType.LIST_MULTIPLE);
+		_defineProperty(this, "canvasRender", this.injector.createInstance(DropdownMultipleWidget));
+		_defineProperty(this, "dropdownType", 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 VerticalAlign.BOTTOM:
+			paddingTop = cellHeight - fontHeight - realMargin;
+			break;
+		case VerticalAlign.MIDDLE:
+			paddingTop = (cellHeight - fontHeight) / 2;
+			break;
+		default:
+			paddingTop = realMargin;
+			break;
+	}
+	paddingTop = Math.max(MARGIN_V, paddingTop);
+	let paddingLeft = 0;
+	switch (ht) {
+		case HorizontalAlign.CENTER:
+			paddingLeft = (cellWidth - fontWidth) / 2;
+			break;
+		case 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 = DEFAULT_STYLES.pd.t, b = DEFAULT_STYLES.pd.b } = pd;
+		const left = cellWidth - ICON_PLACE;
+		let top;
+		switch (vt) {
+			case VerticalAlign.MIDDLE:
+				top = (cellHeight - ICON_SIZE) / 2;
+				break;
+			case 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(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 = 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 : WrapStrategy.WRAP;
+		vt = (_vt = vt) !== null && _vt !== void 0 ? _vt : VerticalAlign.BOTTOM;
+		ht = (_ht = ht) !== null && _ht !== void 0 ? _ht : DEFAULT_STYLES.ht;
+		pd = (_pd = pd) !== null && _pd !== void 0 ? _pd : DEFAULT_STYLES.pd;
+		const fontStyle = getFontStyleString(style).fontCache;
+		if (rule.renderMode === DataValidationRenderMode.ARROW) {
+			var _style$cl, _style$st, _style$ul;
+			const { l = DEFAULT_STYLES.pd.l, t = DEFAULT_STYLES.pd.t, r = DEFAULT_STYLES.pd.r, b = DEFAULT_STYLES.pd.b } = pd;
+			const realWidth = cellWidth - l - r - ICON_PLACE - 4;
+			const textSkeleton = new DocSimpleSkeleton(valueStr, fontStyle, Boolean(tb === 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();
+			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 === WrapStrategy.WRAP,
+				hAlign: 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 DocSimpleSkeleton(valueStr, fontStyle, Boolean(tb === 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);
+			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();
+			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 === WrapStrategy.WRAP,
+				hAlign: 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 === 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 = getCellValueOrigin(data);
+		const valueStr = `${value !== null && value !== void 0 ? value : ""}`;
+		let { tb, pd } = style || {};
+		const { t = DEFAULT_STYLES.pd.t, b = DEFAULT_STYLES.pd.b } = pd !== null && pd !== void 0 ? pd : {};
+		tb = (_tb2 = tb) !== null && _tb2 !== void 0 ? _tb2 : WrapStrategy.WRAP;
+		if (rule.renderMode === DataValidationRenderMode.ARROW) {
+			const { l = DEFAULT_STYLES.pd.l, r = DEFAULT_STYLES.pd.r } = pd !== null && pd !== void 0 ? pd : {};
+			const realWidth = cellWidth - l - r - ICON_PLACE - 4;
+			const skeleton = new DocSimpleSkeleton(valueStr, getFontStyleString(style).fontCache, Boolean(tb === 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 DocSimpleSkeleton(valueStr, getFontStyleString(style).fontCache, Boolean(tb === 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 === 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 = getCellValueOrigin(data);
+		const valueStr = `${value !== null && value !== void 0 ? value : ""}`;
+		let { tb, pd } = style || {};
+		const { l = DEFAULT_STYLES.pd.l, r = DEFAULT_STYLES.pd.r } = pd !== null && pd !== void 0 ? pd : {};
+		tb = (_tb3 = tb) !== null && _tb3 !== void 0 ? _tb3 : WrapStrategy.WRAP;
+		let paddingAll = MARGIN_H * 2 + ICON_PLACE;
+		switch (rule.renderMode) {
+			case DataValidationRenderMode.ARROW:
+				paddingAll = ICON_PLACE + 4 + r + l;
+				break;
+			case 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 DocSimpleSkeleton(valueStr, getFontStyleString(style).fontCache, Boolean(tb === 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 === 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 = getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) === null || _getCurrentTypeOfRend === void 0 || (_getCurrentTypeOfRend = _getCurrentTypeOfRend.mainComponent) === null || _getCurrentTypeOfRend === void 0 || _getCurrentTypeOfRend.setCursor(CURSOR_TYPE.POINTER);
+	}
+	onPointerLeave(_info, _evt) {
+		var _getCurrentTypeOfRend2;
+		(_getCurrentTypeOfRend2 = getCurrentTypeOfRenderer(UniverInstanceType.UNIVER_SHEET, this._univerInstanceService, this._renderManagerService)) === null || _getCurrentTypeOfRend2 === void 0 || (_getCurrentTypeOfRend2 = _getCurrentTypeOfRend2.mainComponent) === null || _getCurrentTypeOfRend2 === void 0 || _getCurrentTypeOfRend2.setCursor(CURSOR_TYPE.DEFAULT);
+	}
+};
+DropdownWidget = __decorate([
+	__decorateParam(0, IUniverInstanceService),
+	__decorateParam(1, Inject(LocaleService)),
+	__decorateParam(2, ICommandService),
+	__decorateParam(3, Inject(IRenderManagerService)),
+	__decorateParam(4, Inject(SheetDataValidationModel))
+], DropdownWidget);
+
+//#endregion
+//#region src/views/validator-views/list-validator-view.ts
+var ListValidatorView = class extends BaseSheetDataValidatorView {
+	constructor(..._args) {
+		super(..._args);
+		_defineProperty(this, "id", DataValidationType.LIST);
+		_defineProperty(this, "canvasRender", this.injector.createInstance(DropdownWidget));
+		_defineProperty(this, "dropdownType", DataValidatorDropdownType.LIST);
+		_defineProperty(this, "optionsInput", ListRenderModeInput.componentKey);
+		_defineProperty(this, "formulaInput", 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", DataValidationType.TEXT_LENGTH);
+		_defineProperty(this, "formulaInput", BASE_FORMULA_INPUT_NAME$1);
+	}
+};
+
+//#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", DataValidationType.WHOLE);
+		_defineProperty(this, "formulaInput", BASE_FORMULA_INPUT_NAME$1);
+	}
+};
+
+//#endregion
+//#region src/controllers/dv-ui.controller.ts
+let SheetsDataValidationUIController = class SheetsDataValidationUIController extends RxDisposable {
+	constructor(_injector, _componentManger, _dataValidatorRegistryService) {
+		super();
+		this._injector = _injector;
+		this._componentManger = _componentManger;
+		this._dataValidatorRegistryService = _dataValidatorRegistryService;
+		this._initComponents();
+		this._registerValidatorViews();
+	}
+	_initComponents() {
+		[
+			["DataValidationIcon", 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, Inject(Injector)),
+	__decorateParam(1, Inject(ComponentManager)),
+	__decorateParam(2, Inject(DataValidatorRegistryService))
+], SheetsDataValidationUIController);
+
+//#endregion
+//#region src/mobile-plugin.ts
+let UniverSheetsDataValidationMobileUIPlugin = class UniverSheetsDataValidationMobileUIPlugin extends Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _commandService, _configService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._commandService = _commandService;
+		this._configService = _configService;
+		const { menu, ...rest } = 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(IRenderManagerService).registerRenderModule(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", UniverInstanceType.UNIVER_SHEET);
+UniverSheetsDataValidationMobileUIPlugin = __decorate([
+	__decorateParam(1, Inject(Injector)),
+	__decorateParam(2, ICommandService),
+	__decorateParam(3, IConfigService)
+], UniverSheetsDataValidationMobileUIPlugin);
+
+//#endregion
+//#region src/plugin.ts
+let UniverSheetsDataValidationUIPlugin = class UniverSheetsDataValidationUIPlugin extends Plugin {
+	constructor(_config = defaultPluginConfig, _injector, _commandService, _configService) {
+		super();
+		this._config = _config;
+		this._injector = _injector;
+		this._commandService = _commandService;
+		this._configService = _configService;
+		const { menu, ...rest } = 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(IRenderManagerService).registerRenderModule(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", UniverInstanceType.UNIVER_SHEET);
+UniverSheetsDataValidationUIPlugin = __decorate([
+	DependentOn(UniverSheetsDataValidationPlugin),
+	__decorateParam(1, Inject(Injector)),
+	__decorateParam(2, ICommandService),
+	__decorateParam(3, IConfigService)
+], UniverSheetsDataValidationUIPlugin);
+
+//#endregion
+export { BaseSheetDataValidatorView, UniverSheetsDataValidationMobileUIPlugin, UniverSheetsDataValidationUIPlugin };