@univerjs/sheets-ui 0.7.0-nightly.202505071607 → 0.7.0-nightly.202505081607

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/lib/cjs/index.js CHANGED
@@ -2,7 +2,7 @@
2
2
  univer-flex univer-items-center univer-gap-2 univer-rounded univer-border univer-border-solid
3
3
  univer-border-gray-200 univer-p-1
4
4
  hover:univer-bg-gray-100
5
- `,{"univer-bg-gray-100":l,"univer-bg-white":!l}),children:[b.jsx(Fa,{className:"univer-fill-green-500 univer-text-gray-900"}),B&&b.jsx(gn,{className:"univer-text-[10px] univer-text-gray-400"})]})})})})};function hs(n,i){const e=_.useDependency(he),t=_.useDependency(a.ICommandService);return H.useMemo(()=>({keyCodes:[{keyCode:_.KeyCode.ENTER},{keyCode:_.KeyCode.ESC},{keyCode:_.KeyCode.TAB}],handler:o=>{(o===_.KeyCode.ENTER||o===_.KeyCode.ESC||o===_.KeyCode.TAB)&&(e.disableForceKeepVisible(),t.executeCommand(Se.id,{visible:!1,eventType:T.DeviceInputEventType.Keyboard,keycode:o,unitId:i}))}}),[t,e,i])}const Zr=-1e3,zs={width:0,height:0,top:Zr,left:Zr},Lu=()=>{const[n,i]=H.useState({...zs}),e=_.useDependency(ar),t=_.useDependency(J.IEditorService),r=_.useDependency(a.IContextService),o=_.useDependency(_.ComponentManager),s=_.useDependency(he),l=_.useObservable(s.visible$),c=_.useDependency(a.ICommandService),d=H.useRef(0),u=_.useObservable(()=>r.subscribeContextValue$(_.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[r,_.DISABLE_AUTO_FOCUS_KEY]),h=o.get(bi),g=s.getEditLocation();H.useEffect(()=>{const v=e.state$.subscribe(C=>{if(C==null)return;const{startX:I=Zr,startY:R=Zr,endX:w=0,endY:P=0,show:y=!1}=C;if(!y)i({...zs});else{i({width:w-I,height:P-R,left:I,top:R});const M=t.getEditor(a.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);if(M==null)return;const{left:x,top:A,width:k,height:N}=M.getBoundingClientRect();e.setRect({left:x,top:A,width:k,height:N})}});return()=>{v.unsubscribe()}},[]),H.useEffect(()=>{u||e.setFocus(!0)},[u,n]);const S=_.useEvent(()=>{s.isVisible().visible&&c.executeCommand(Se.id,{visible:!1,eventType:T.DeviceInputEventType.PointerUp,unitId:g==null?void 0:g.unitId})});_.useSidebarClick(S);const f=hs(d,g==null?void 0:g.unitId),p=_.useEvent((v,C)=>{c.executeCommand(Vt.id,{keycode:v,visible:!1,eventType:T.DeviceInputEventType.Keyboard,isShift:C===_.MetaKeys.SHIFT||C===(_.MetaKeys.CTRL_COMMAND|_.MetaKeys.SHIFT),unitId:g==null?void 0:g.unitId})});return b.jsx("div",{className:`
5
+ `,{"univer-bg-gray-100":l,"univer-bg-white":!l}),children:[b.jsx(Fa,{className:"univer-fill-primary-600 univer-text-gray-900"}),B&&b.jsx(gn,{})]})})})})};function hs(n,i){const e=_.useDependency(he),t=_.useDependency(a.ICommandService);return H.useMemo(()=>({keyCodes:[{keyCode:_.KeyCode.ENTER},{keyCode:_.KeyCode.ESC},{keyCode:_.KeyCode.TAB}],handler:o=>{(o===_.KeyCode.ENTER||o===_.KeyCode.ESC||o===_.KeyCode.TAB)&&(e.disableForceKeepVisible(),t.executeCommand(Se.id,{visible:!1,eventType:T.DeviceInputEventType.Keyboard,keycode:o,unitId:i}))}}),[t,e,i])}const Zr=-1e3,zs={width:0,height:0,top:Zr,left:Zr},Lu=()=>{const[n,i]=H.useState({...zs}),e=_.useDependency(ar),t=_.useDependency(J.IEditorService),r=_.useDependency(a.IContextService),o=_.useDependency(_.ComponentManager),s=_.useDependency(he),l=_.useObservable(s.visible$),c=_.useDependency(a.ICommandService),d=H.useRef(0),u=_.useObservable(()=>r.subscribeContextValue$(_.DISABLE_AUTO_FOCUS_KEY),!1,void 0,[r,_.DISABLE_AUTO_FOCUS_KEY]),h=o.get(bi),g=s.getEditLocation();H.useEffect(()=>{const v=e.state$.subscribe(C=>{if(C==null)return;const{startX:I=Zr,startY:R=Zr,endX:w=0,endY:P=0,show:y=!1}=C;if(!y)i({...zs});else{i({width:w-I,height:P-R,left:I,top:R});const M=t.getEditor(a.DOCS_NORMAL_EDITOR_UNIT_ID_KEY);if(M==null)return;const{left:x,top:A,width:k,height:N}=M.getBoundingClientRect();e.setRect({left:x,top:A,width:k,height:N})}});return()=>{v.unsubscribe()}},[]),H.useEffect(()=>{u||e.setFocus(!0)},[u,n]);const S=_.useEvent(()=>{s.isVisible().visible&&c.executeCommand(Se.id,{visible:!1,eventType:T.DeviceInputEventType.PointerUp,unitId:g==null?void 0:g.unitId})});_.useSidebarClick(S);const f=hs(d,g==null?void 0:g.unitId),p=_.useEvent((v,C)=>{c.executeCommand(Vt.id,{keycode:v,visible:!1,eventType:T.DeviceInputEventType.Keyboard,isShift:C===_.MetaKeys.SHIFT||C===(_.MetaKeys.CTRL_COMMAND|_.MetaKeys.SHIFT),unitId:g==null?void 0:g.unitId})});return b.jsx("div",{className:`
6
6
  univer-absolute univer-left-[100px] univer-top-[200px] univer-z-10 univer-flex univer-h-[50px]
7
7
  univer-w-[100px] univer-border univer-border-solid univer-border-gray-100
8
8
  dark:univer-bg-gray-700
@@ -128,7 +128,7 @@
128
128
  univer-flex univer-cursor-pointer univer-items-center univer-gap-2 univer-rounded
129
129
  univer-border-none univer-bg-transparent univer-p-1
130
130
  hover:univer-bg-gray-100
131
- `,type:"button",children:[b.jsx(Ka,{className:"univer-fill-primary-600",extend:{colorChannel1:(l=r==null?void 0:r.color)!=null?l:""}}),b.jsx(gn,{className:"univer-text-gray-400"})]})})}),b.jsx("div",{children:b.jsx(X.Dropdown,{overlay:b.jsx("section",{className:"univer-rounded-lg univer-p-1.5",children:b.jsx("ul",{className:"univer-m-0 univer-grid univer-list-none univer-gap-1 univer-p-0",children:Og.map(c=>b.jsx("li",{className:`
131
+ `,type:"button",children:[b.jsx(Ka,{className:"univer-fill-primary-600",extend:{colorChannel1:(l=r==null?void 0:r.color)!=null?l:""}}),b.jsx(gn,{})]})})}),b.jsx("div",{children:b.jsx(X.Dropdown,{overlay:b.jsx("section",{className:"univer-rounded-lg univer-p-1.5",children:b.jsx("ul",{className:"univer-m-0 univer-grid univer-list-none univer-gap-1 univer-p-0",children:Og.map(c=>b.jsx("li",{className:`
132
132
  univer-flex univer-cursor-pointer univer-items-center
133
133
  univer-justify-center univer-rounded univer-px-1 univer-py-2
134
134
  hover:univer-bg-gray-100
@@ -136,7 +136,7 @@
136
136
  univer-flex univer-cursor-pointer univer-items-center univer-gap-2 univer-rounded
137
137
  univer-border-none univer-bg-transparent univer-p-1
138
138
  hover:univer-bg-gray-100
139
- `,type:"button",children:[b.jsx(pa,{type:a.BorderStyleTypes.THIN}),b.jsx(gn,{className:"univer-text-gray-400"})]})})})]})]})}const jl="sheets.component.cell-popup";var Ag=Object.getOwnPropertyDescriptor,kg=(n,i,e,t)=>{for(var r=t>1?void 0:t?Ag(i,e):i,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=s(r)||r);return r},wt=(n,i)=>(e,t)=>i(e,t,n);exports.SheetCanvasPopManagerService=class extends a.Disposable{constructor(e,t,r,o,s,l,c){super();E(this,"_popupMenuFeatureMap",new Map);E(this,"_isSelectionMoving",!1);this._globalPopupManagerService=e,this._renderManagerService=t,this._univerInstanceService=r,this._refRangeService=o,this._commandService=s,this._refSelectionsService=l,this._selectionManagerService=c,this._initMoving()}_initMoving(){this.disposeWithMe(this._refSelectionsService.selectionMoving$.subscribe(()=>{this._isSelectionMoving=!0})),this.disposeWithMe(this._refSelectionsService.selectionMoveEnd$.subscribe(()=>{this._isSelectionMoving=!1})),this.disposeWithMe(this._selectionManagerService.selectionMoving$.subscribe(()=>{this._isSelectionMoving=!0})),this.disposeWithMe(this._selectionManagerService.selectionMoveEnd$.subscribe(()=>{this._isSelectionMoving=!1}))}registerFeatureMenu(e,t){this._popupMenuFeatureMap.set(e,t)}getFeatureMenu(e,t,r,o){const s=this._popupMenuFeatureMap.get(o);if(s)return s(e,t,r,o)}dispose(){super.dispose(),this._popupMenuFeatureMap.clear()}_createHiddenRectObserver(e){const{row:t,column:r,worksheet:o,skeleton:s,currentRender:l}=e,c=()=>{var z,F;const g=o.getFreeze(),{startRow:S,startColumn:f,xSplit:p,ySplit:v}=g,C=S-v,I=f-p,{rowHeightAccumulation:R,columnWidthAccumulation:w,rowHeaderWidth:P,columnHeaderHeight:y}=s,M=P+(I===-1?0:w[I+p-1]-((z=w[I-1])!=null?z:0)),x=y+(C===-1?0:R[C+v-1]-((F=R[C])!=null?F:0)),A=l.engine.getCanvasElement(),k=A.getBoundingClientRect(),N=no(A.style.width),D=k.width/N,W=l.scene.getAncestorScale().scaleX,V=M*D*W,U=x*D*W,L={left:-1/0,top:-1/0,right:k.left+V,bottom:k.top+U},j={left:k.left+V,top:-1/0,right:1/0,bottom:k.top+U},B={left:-1/0,top:k.top+U,right:k.left+V,bottom:1/0};return t<S&&r<f?[]:t<S?[L]:r<f?[L]:[L,j,B]},d=c(),u=new O.BehaviorSubject(d),h=new a.DisposableCollection;return h.add(this._commandService.onCommandExecuted(g=>{g.id===m.SetFrozenMutation.id&&u.next(c())})),h.add(a.fromEventSubject(l.engine.onTransformChange$).pipe(O.throttleTime(16)).subscribe(()=>{u.next(c())})),{rects$:u,disposable:h}}_createPositionObserver(e,t,r,o){const s=()=>{const{scene:u}=t,h=fg(e,u,r,o),g=t.engine.getCanvasElement(),S=g.getBoundingClientRect(),f=no(g.style.width),p=S.width/f;return{left:h.left*p+S.left,right:h.right*p+S.left,top:h.top*p+S.top,bottom:h.bottom*p+S.top}},l=s(),c=new O.BehaviorSubject(l),d=new a.DisposableCollection;return d.add(this._commandService.onCommandExecuted(u=>{(u.id===He.id||u.id===Ne.id)&&c.next(s())})),{position:l,position$:c,disposable:d}}attachPopupToObject(e,t){var R;const r=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SHEET),o=r.getActiveSheet();if(!o||this._isSelectionMoving&&!t.showOnSelectionMoving)return{dispose:()=>{},canDispose:()=>!0};const s=r.getUnitId(),l=o.getSheetId(),c=(R=this._renderManagerService.getRenderById(s))==null?void 0:R.with(exports.SheetSkeletonManagerService).ensureSkeleton(l),d=this._renderManagerService.getRenderById(s);if(!d||!c)return{dispose:()=>{},canDispose:()=>!0};const{left:u,top:h,width:g,height:S}=e,f={left:u,right:u+g,top:h,bottom:h+S},{position:p,position$:v,disposable:C}=this._createPositionObserver(f,d,c,o),I=this._globalPopupManagerService.addPopup({...t,unitId:s,subUnitId:l,anchorRect:p,anchorRect$:v,canvasElement:d.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(I),v.complete(),C.dispose()},canDispose:()=>this._globalPopupManagerService.activePopupId!==I}}attachPopupByPosition(e,t,r){var C;const o=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SHEET),s=o.getActiveSheet();if(!s)return null;const l=o.getUnitId(),c=s.getSheetId();if(l!==r.unitId||r.subUnitId!==c)return null;if(this._isSelectionMoving&&!t.showOnSelectionMoving)return;const d=(C=this._renderManagerService.getRenderById(l))==null?void 0:C.with(exports.SheetSkeletonManagerService).getOrCreateSkeleton({sheetId:c}),u=this._renderManagerService.getRenderById(l);if(!u||!d)return null;const{position:h,position$:g,disposable:S}=this._createPositionObserver(e,u,d,s),{rects$:f,disposable:p}=this._createHiddenRectObserver({row:r.row,column:r.col,worksheet:s,skeleton:d,currentRender:u}),v=this._globalPopupManagerService.addPopup({...t,unitId:l,subUnitId:c,anchorRect:h,anchorRect$:g,hiddenRects$:f,canvasElement:u.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(v),g.complete(),S.dispose(),p.dispose()},canDispose:()=>this._globalPopupManagerService.activePopupId!==v}}attachPopupToAbsolutePosition(e,t,r,o){var f;const s=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SHEET),l=s.getActiveSheet();if(!l)return null;const c=s.getUnitId(),d=l.getSheetId();if(r&&c!==r||o&&o!==d)return null;const u=(f=this._renderManagerService.getRenderById(c))==null?void 0:f.with(exports.SheetSkeletonManagerService).ensureSkeleton(d),h=this._renderManagerService.getRenderById(c);if(!h||!u)return null;if(this._isSelectionMoving&&!t.showOnSelectionMoving)return;const g=new O.BehaviorSubject(e),S=this._globalPopupManagerService.addPopup({...t,unitId:c,subUnitId:d,anchorRect:e,anchorRect$:g.asObservable(),canvasElement:h.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(S),g.complete()},canDispose:()=>this._globalPopupManagerService.activePopupId!==S}}attachPopupToCell(e,t,r,o,s,l){const c=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SHEET),d=c.getActiveSheet();if(!d)return null;const u=c.getUnitId(),h=d.getSheetId();if(o&&u!==o||s&&h!==s)return null;const g=this._renderManagerService.getRenderById(u),S=g==null?void 0:g.with(exports.SheetSkeletonManagerService).ensureSkeleton(h),f=g==null?void 0:g.with(pe);if(!g||!S||!f)return null;if(this._isSelectionMoving&&!r.showOnSelectionMoving)return;const p=l!=null?l:ga(e,t,g.scene,d);if(!p)return null;const{position:v,position$:C,disposable:I,updateRowCol:R}=this._createCellPositionObserver(e,t,g,S,p),{rects$:w,disposable:P}=this._createHiddenRectObserver({row:e,column:t,worksheet:d,skeleton:S,currentRender:g}),y=this._globalPopupManagerService.addPopup({...r,unitId:u,subUnitId:h,anchorRect:v,anchorRect$:C,canvasElement:g.engine.getCanvasElement(),hiddenRects$:w}),M=new a.DisposableCollection;M.add(I),M.add(a.toDisposable(()=>{this._globalPopupManagerService.removePopup(y),C.complete()})),M.add(P);const x={startRow:e,endRow:e,startColumn:t,endColumn:t};return M.add(this._refRangeService.watchRange(u,h,x,(A,k)=>{k?R(k.startRow,k.startColumn):M.dispose()})),{dispose(){M.dispose()},canDispose:()=>this._globalPopupManagerService.activePopupId!==y}}attachRangePopup(e,t,r,o,s,l=!1){const c=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SHEET),d=c.getActiveSheet();if(!d)return null;const u=c.getUnitId(),h=d.getSheetId();if(r&&u!==r||o&&h!==o)return null;const g=this._renderManagerService.getRenderById(u),S=g==null?void 0:g.with(exports.SheetSkeletonManagerService).getOrCreateSkeleton({sheetId:h}),f=g==null?void 0:g.with(pe);if(!g||!S||!f)return null;if(f.selectionMoving&&!l)return;const p=s!=null?s:ga(e.startRow,e.startColumn,g.scene,d);if(!p)return null;const{position:v,position$:C,disposable:I,updateRowCol:R,topLeftPos$:w,rightBottomPos$:P}=this._createRangePositionObserver(e,g,S,p),{rects$:y,disposable:M}=this._createHiddenRectObserver({row:e.startRow,column:e.startColumn,worksheet:d,skeleton:S,currentRender:g}),x=this._globalPopupManagerService.addPopup({...t,unitId:u,subUnitId:h,anchorRect:v,anchorRect$:C,canvasElement:g.engine.getCanvasElement(),hiddenRects$:y}),A=new a.DisposableCollection;A.add(I),A.add(a.toDisposable(()=>{this._globalPopupManagerService.removePopup(x),w.complete(),P.complete()})),A.add(M);const k={...e};return A.add(this._refRangeService.watchRange(u,h,k,(N,D)=>{D?R(D.startRow,D.startColumn):A.dispose()})),{dispose(){A.dispose()},canDispose:()=>this._globalPopupManagerService.activePopupId!==x}}_createCellPositionObserver(e,t,r,o,s){let l=e,c=t;const d=this._calcCellPositionByCell(l,c,r,o,s),u=new O.BehaviorSubject(d),h=()=>u.next(this._calcCellPositionByCell(l,c,r,o,s)),g=new a.DisposableCollection;return g.add(r.engine.clientRect$.subscribe(()=>h())),g.add(a.fromEventSubject(r.engine.onTransformChange$).pipe(O.throttleTime(16)).subscribe(()=>h())),g.add(this._commandService.onCommandExecuted(f=>{if(f.id===m.SetWorksheetRowAutoHeightMutation.id&&f.params.rowsAutoHeightInfo.findIndex(v=>v.row===l)>-1){h();return}(m.COMMAND_LISTENER_SKELETON_CHANGE.indexOf(f.id)>-1||f.id===He.id||f.id===Ne.id)&&h()})),{position$:u,disposable:g,position:d,updateRowCol:(f,p)=>{l=f,c=p,h()}}}_calcCellPositionByCell(e,t,r,o,s){const{scene:l,engine:c}=r,d=o.getCellWithCoordByIndex(e,t),u=d.isMergedMainCell?d.mergeInfo:d,{scaleX:h,scaleY:g}=l.getAncestorScale(),S={x:s.viewportScrollX,y:s.viewportScrollY},f=c.getCanvasElement(),p=f.getBoundingClientRect(),v=no(f.style.width),{top:C,left:I,width:R}=p,w=R/v;return{left:(u.startX-S.x)*w*h+I,right:(u.endX-S.x)*w*h+I,top:(u.startY-S.y)*w*g+C,bottom:(u.endY-S.y)*w*g+C}}_createRangePositionObserver(e,t,r,o){let{startRow:s,startColumn:l}=e;const c=this._calcCellPositionByCell(s,l,t,r,o),d=new O.BehaviorSubject(c),u=this._calcCellPositionByCell(e.endRow,e.endColumn,t,r,o),h=new O.BehaviorSubject(u),g=()=>{const C=this._calcCellPositionByCell(s,l,t,r,o),I=this._calcCellPositionByCell(e.endRow,e.endColumn,t,r,o);d.next(C),h.next(I)},S=new a.DisposableCollection;S.add(t.engine.clientRect$.subscribe(()=>g())),S.add(this._commandService.onCommandExecuted(C=>{if(C.id===m.SetWorksheetRowAutoHeightMutation.id&&C.params.rowsAutoHeightInfo.findIndex(R=>R.row===s)>-1){g();return}(m.COMMAND_LISTENER_SKELETON_CHANGE.indexOf(C.id)>-1||C.id===He.id||C.id===Ne.id)&&g()}));const f=(C,I)=>{s=C,l=I,g()},p=d.pipe(O.map(C=>{const I=this._calcCellPositionByCell(e.endRow,e.endColumn,t,r,o);return{top:C.top,left:C.left,right:I.right,bottom:I.bottom}})),v={top:c.top,left:c.left,right:u.right,bottom:u.bottom};return{position$:p,position:v,updateRowCol:f,topLeftPos$:d,rightBottomPos$:h,disposable:S}}};exports.SheetCanvasPopManagerService=kg([wt(0,a.Inject(_.ICanvasPopupService)),wt(1,T.IRenderManagerService),wt(2,a.IUniverInstanceService),wt(3,a.Inject(m.RefRangeService)),wt(4,a.ICommandService),wt(5,m.IRefSelectionsService),wt(6,a.Inject(m.SheetsSelectionsService))],exports.SheetCanvasPopManagerService);function no(n){return Number.parseInt(n.replace("px",""))}var Ng=Object.getOwnPropertyDescriptor,Dg=(n,i,e,t)=>{for(var r=t>1?void 0:t?Ng(i,e):i,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=s(r)||r);return r},Vg=(n,i)=>(e,t)=>i(e,t,n);exports.CellPopupManagerService=class extends a.Disposable{constructor(e){super();E(this,"_cellPopupMap",new Map);E(this,"_change$",new O.Subject);E(this,"change$",this._change$.asObservable());this._sheetCanvasPopManagerService=e}_ensureCellPopupMap(e,t){let r=this._cellPopupMap.get(e);r||(r=new Map,this._cellPopupMap.set(e,r));let o=r.get(t);return o||(o=new a.ObjectMatrix,r.set(t,o)),o}showPopup(e,t){var g,S;const{direction:r="horizontal"}=t,{unitId:o,subUnitId:s,row:l,col:c}=e,d=this._ensureCellPopupMap(o,s),u=(g=d.getValue(l,c))==null?void 0:g[r];t.id=(S=t.id)!=null?S:a.generateRandomId();const h=()=>{const f=d.getValue(l,c);if(!f)return;const p=f[r];if(!p)return;const v=p==null?void 0:p.popups.findIndex(C=>C.id===t.id&&C.componentKey===t.componentKey);p==null||p.popups.splice(v,1),p.popups.length===0&&(p.disposable.dispose(),f[r]=void 0),this._change$.next({...e,direction:r})};if(u)u.popups.push(t),u.popups.sort((f,p)=>f.priority-p.priority);else{const f=this._sheetCanvasPopManagerService.attachPopupToCell(l,c,{...t,direction:r,componentKey:jl,extraProps:{...e,direction:r},noPushMinimumGap:!0},o,s);d.setValue(l,c,{...d.getValue(l,c),[r]:{disposable:f,popups:[t]}})}return this._change$.next({...e,direction:r}),a.toDisposable(h)}getPopups(e,t,r,o,s){var c,d;return((d=(c=this._ensureCellPopupMap(e,t).getValue(r,o))==null?void 0:c[s])==null?void 0:d.popups)||[]}};exports.CellPopupManagerService=Dg([Vg(0,a.Inject(exports.SheetCanvasPopManagerService))],exports.CellPopupManagerService);const Hg=n=>{const{popup:i}=n,e=i.extraProps,{row:t,col:r,direction:o,unitId:s,subUnitId:l}=e,c=_.useDependency(exports.CellPopupManagerService);_.useObservable(H.useMemo(()=>c.change$.pipe(O.filter(h=>h.row===t&&h.col===r&&h.direction===o)),[c,t,r,o]));const d=c.getPopups(s,l,t,r,o),u=_.useDependency(_.ComponentManager);return b.jsx("div",{"data-u-comp":"cell-popup",className:"univer-ml-px univer-flex univer-flex-col",children:d.map(h=>{var S;const g=u.get(h.componentKey);return g?b.jsx(g,{popup:h},(S=h.id)!=null?S:h.componentKey):null})})},va=n=>{const{inputId:i,state:e=!1,type:t="range",confirm:r,cancel:o,name:s,formulaOrRefString:l,comment:c="",localSheetId:d=m.SCOPE_WORKBOOK_VALUE_DEFINED_NAME,hidden:u=!1,id:h}=n,S=_.useDependency(a.IUniverInstanceService).getCurrentUnitForType(a.UniverInstanceType.UNIVER_SHEET),f=_.useDependency(a.LocaleService),p=_.useDependency(K.IDefinedNamesService),v=_.useDependency(K.IFunctionService),C=_.useDependency(K.LexerTreeBuilder),I=_.useDependency(_.ComponentManager),R=H.useMemo(()=>I.get(Qo),[]),w=H.useMemo(()=>I.get(bi),[]);if(S==null)return;const P=H.useMemo(()=>S.getUnitId(),[]),y=H.useMemo(()=>S.getActiveSheet().getSheetId(),[]),[M,x]=H.useState(s),[A,k]=H.useState(l),[N,D]=H.useState(c),[W,V]=H.useState(d),[U,L]=H.useState(""),[j,B]=H.useState(t),[z,F]=H.useState(!0),Z=[{label:f.t("definedName.scopeWorkbook"),value:m.SCOPE_WORKBOOK_VALUE_DEFINED_NAME}],$=ie=>!K.isReferenceStrings(ie);H.useEffect(()=>{F(!0),x(s),D(c),V(d);let ie=l;l.substring(0,1)===K.operatorToken.EQUALS?B("formula"):$(l)?(B("formula"),ie=K.operatorToken.EQUALS+l):B("range"),k(ie),L("")},[e]),S.getSheetOrders().forEach(ie=>{const oe=S.getSheetBySheetId(ie);Z.push({label:(oe==null?void 0:oe.getName())||"",value:ie})});const Q=ie=>{k(ie)},se=ie=>{k(ie||"")},G=()=>{if(M.length===0){L(f.t("definedName.nameEmpty"));return}if(p.getValueByName(P,M)!=null&&(h==null||h.length===0)){L(f.t("definedName.nameDuplicate"));return}if(!a.Tools.isValidParameter(M)||K.isReferenceStringWithEffectiveColumn(M)||!a.Tools.isStartValidPosition(M)&&!T.hasCJKText(M.substring(0,1))){L(f.t("definedName.nameInvalid"));return}if(S.getSheetOrders().map(ee=>{var me;return((me=S.getSheetBySheetId(ee))==null?void 0:me.getName())||""}).includes(M)){L(f.t("definedName.nameSheetConflict"));return}if(A.length===0){L(f.t("definedName.formulaOrRefStringEmpty"));return}if(!z){L(f.t("definedName.formulaOrRefStringInvalid"));return}if(v.hasExecutor(M.toUpperCase())){L(f.t("definedName.nameConflict"));return}const oe=S.getActiveSheet().getName();r&&r({id:h||"",name:M,formulaOrRefString:C.convertRefersToAbsolute(A,a.AbsoluteRefType.ALL,a.AbsoluteRefType.ALL,oe),comment:N,localSheetId:W})},Y=ie=>{const oe=ie;oe==="formula"?l[0]===K.operatorToken.EQUALS?k(l):k(`${K.operatorToken.EQUALS}`):l[0]===K.operatorToken.EQUALS?k(""):k(l),B(oe)},q=H.useRef(null),[ne,ce]=H.useState(!1);return _.useSidebarClick(ie=>{var ee;((ee=q.current)==null?void 0:ee.isClickOutSide(ie))&&ce(!1)}),b.jsxs("div",{className:X.clsx(`
139
+ `,type:"button",children:[b.jsx(pa,{type:a.BorderStyleTypes.THIN}),b.jsx(gn,{})]})})})]})]})}const jl="sheets.component.cell-popup";var Ag=Object.getOwnPropertyDescriptor,kg=(n,i,e,t)=>{for(var r=t>1?void 0:t?Ag(i,e):i,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=s(r)||r);return r},wt=(n,i)=>(e,t)=>i(e,t,n);exports.SheetCanvasPopManagerService=class extends a.Disposable{constructor(e,t,r,o,s,l,c){super();E(this,"_popupMenuFeatureMap",new Map);E(this,"_isSelectionMoving",!1);this._globalPopupManagerService=e,this._renderManagerService=t,this._univerInstanceService=r,this._refRangeService=o,this._commandService=s,this._refSelectionsService=l,this._selectionManagerService=c,this._initMoving()}_initMoving(){this.disposeWithMe(this._refSelectionsService.selectionMoving$.subscribe(()=>{this._isSelectionMoving=!0})),this.disposeWithMe(this._refSelectionsService.selectionMoveEnd$.subscribe(()=>{this._isSelectionMoving=!1})),this.disposeWithMe(this._selectionManagerService.selectionMoving$.subscribe(()=>{this._isSelectionMoving=!0})),this.disposeWithMe(this._selectionManagerService.selectionMoveEnd$.subscribe(()=>{this._isSelectionMoving=!1}))}registerFeatureMenu(e,t){this._popupMenuFeatureMap.set(e,t)}getFeatureMenu(e,t,r,o){const s=this._popupMenuFeatureMap.get(o);if(s)return s(e,t,r,o)}dispose(){super.dispose(),this._popupMenuFeatureMap.clear()}_createHiddenRectObserver(e){const{row:t,column:r,worksheet:o,skeleton:s,currentRender:l}=e,c=()=>{var z,F;const g=o.getFreeze(),{startRow:S,startColumn:f,xSplit:p,ySplit:v}=g,C=S-v,I=f-p,{rowHeightAccumulation:R,columnWidthAccumulation:w,rowHeaderWidth:P,columnHeaderHeight:y}=s,M=P+(I===-1?0:w[I+p-1]-((z=w[I-1])!=null?z:0)),x=y+(C===-1?0:R[C+v-1]-((F=R[C])!=null?F:0)),A=l.engine.getCanvasElement(),k=A.getBoundingClientRect(),N=no(A.style.width),D=k.width/N,W=l.scene.getAncestorScale().scaleX,V=M*D*W,U=x*D*W,L={left:-1/0,top:-1/0,right:k.left+V,bottom:k.top+U},j={left:k.left+V,top:-1/0,right:1/0,bottom:k.top+U},B={left:-1/0,top:k.top+U,right:k.left+V,bottom:1/0};return t<S&&r<f?[]:t<S?[L]:r<f?[L]:[L,j,B]},d=c(),u=new O.BehaviorSubject(d),h=new a.DisposableCollection;return h.add(this._commandService.onCommandExecuted(g=>{g.id===m.SetFrozenMutation.id&&u.next(c())})),h.add(a.fromEventSubject(l.engine.onTransformChange$).pipe(O.throttleTime(16)).subscribe(()=>{u.next(c())})),{rects$:u,disposable:h}}_createPositionObserver(e,t,r,o){const s=()=>{const{scene:u}=t,h=fg(e,u,r,o),g=t.engine.getCanvasElement(),S=g.getBoundingClientRect(),f=no(g.style.width),p=S.width/f;return{left:h.left*p+S.left,right:h.right*p+S.left,top:h.top*p+S.top,bottom:h.bottom*p+S.top}},l=s(),c=new O.BehaviorSubject(l),d=new a.DisposableCollection;return d.add(this._commandService.onCommandExecuted(u=>{(u.id===He.id||u.id===Ne.id)&&c.next(s())})),{position:l,position$:c,disposable:d}}attachPopupToObject(e,t){var R;const r=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SHEET),o=r.getActiveSheet();if(!o||this._isSelectionMoving&&!t.showOnSelectionMoving)return{dispose:()=>{},canDispose:()=>!0};const s=r.getUnitId(),l=o.getSheetId(),c=(R=this._renderManagerService.getRenderById(s))==null?void 0:R.with(exports.SheetSkeletonManagerService).ensureSkeleton(l),d=this._renderManagerService.getRenderById(s);if(!d||!c)return{dispose:()=>{},canDispose:()=>!0};const{left:u,top:h,width:g,height:S}=e,f={left:u,right:u+g,top:h,bottom:h+S},{position:p,position$:v,disposable:C}=this._createPositionObserver(f,d,c,o),I=this._globalPopupManagerService.addPopup({...t,unitId:s,subUnitId:l,anchorRect:p,anchorRect$:v,canvasElement:d.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(I),v.complete(),C.dispose()},canDispose:()=>this._globalPopupManagerService.activePopupId!==I}}attachPopupByPosition(e,t,r){var C;const o=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SHEET),s=o.getActiveSheet();if(!s)return null;const l=o.getUnitId(),c=s.getSheetId();if(l!==r.unitId||r.subUnitId!==c)return null;if(this._isSelectionMoving&&!t.showOnSelectionMoving)return;const d=(C=this._renderManagerService.getRenderById(l))==null?void 0:C.with(exports.SheetSkeletonManagerService).getOrCreateSkeleton({sheetId:c}),u=this._renderManagerService.getRenderById(l);if(!u||!d)return null;const{position:h,position$:g,disposable:S}=this._createPositionObserver(e,u,d,s),{rects$:f,disposable:p}=this._createHiddenRectObserver({row:r.row,column:r.col,worksheet:s,skeleton:d,currentRender:u}),v=this._globalPopupManagerService.addPopup({...t,unitId:l,subUnitId:c,anchorRect:h,anchorRect$:g,hiddenRects$:f,canvasElement:u.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(v),g.complete(),S.dispose(),p.dispose()},canDispose:()=>this._globalPopupManagerService.activePopupId!==v}}attachPopupToAbsolutePosition(e,t,r,o){var f;const s=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SHEET),l=s.getActiveSheet();if(!l)return null;const c=s.getUnitId(),d=l.getSheetId();if(r&&c!==r||o&&o!==d)return null;const u=(f=this._renderManagerService.getRenderById(c))==null?void 0:f.with(exports.SheetSkeletonManagerService).ensureSkeleton(d),h=this._renderManagerService.getRenderById(c);if(!h||!u)return null;if(this._isSelectionMoving&&!t.showOnSelectionMoving)return;const g=new O.BehaviorSubject(e),S=this._globalPopupManagerService.addPopup({...t,unitId:c,subUnitId:d,anchorRect:e,anchorRect$:g.asObservable(),canvasElement:h.engine.getCanvasElement()});return{dispose:()=>{this._globalPopupManagerService.removePopup(S),g.complete()},canDispose:()=>this._globalPopupManagerService.activePopupId!==S}}attachPopupToCell(e,t,r,o,s,l){const c=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SHEET),d=c.getActiveSheet();if(!d)return null;const u=c.getUnitId(),h=d.getSheetId();if(o&&u!==o||s&&h!==s)return null;const g=this._renderManagerService.getRenderById(u),S=g==null?void 0:g.with(exports.SheetSkeletonManagerService).ensureSkeleton(h),f=g==null?void 0:g.with(pe);if(!g||!S||!f)return null;if(this._isSelectionMoving&&!r.showOnSelectionMoving)return;const p=l!=null?l:ga(e,t,g.scene,d);if(!p)return null;const{position:v,position$:C,disposable:I,updateRowCol:R}=this._createCellPositionObserver(e,t,g,S,p),{rects$:w,disposable:P}=this._createHiddenRectObserver({row:e,column:t,worksheet:d,skeleton:S,currentRender:g}),y=this._globalPopupManagerService.addPopup({...r,unitId:u,subUnitId:h,anchorRect:v,anchorRect$:C,canvasElement:g.engine.getCanvasElement(),hiddenRects$:w}),M=new a.DisposableCollection;M.add(I),M.add(a.toDisposable(()=>{this._globalPopupManagerService.removePopup(y),C.complete()})),M.add(P);const x={startRow:e,endRow:e,startColumn:t,endColumn:t};return M.add(this._refRangeService.watchRange(u,h,x,(A,k)=>{k?R(k.startRow,k.startColumn):M.dispose()})),{dispose(){M.dispose()},canDispose:()=>this._globalPopupManagerService.activePopupId!==y}}attachRangePopup(e,t,r,o,s,l=!1){const c=this._univerInstanceService.getCurrentUnitForType(a.UniverInstanceType.UNIVER_SHEET),d=c.getActiveSheet();if(!d)return null;const u=c.getUnitId(),h=d.getSheetId();if(r&&u!==r||o&&h!==o)return null;const g=this._renderManagerService.getRenderById(u),S=g==null?void 0:g.with(exports.SheetSkeletonManagerService).getOrCreateSkeleton({sheetId:h}),f=g==null?void 0:g.with(pe);if(!g||!S||!f)return null;if(f.selectionMoving&&!l)return;const p=s!=null?s:ga(e.startRow,e.startColumn,g.scene,d);if(!p)return null;const{position:v,position$:C,disposable:I,updateRowCol:R,topLeftPos$:w,rightBottomPos$:P}=this._createRangePositionObserver(e,g,S,p),{rects$:y,disposable:M}=this._createHiddenRectObserver({row:e.startRow,column:e.startColumn,worksheet:d,skeleton:S,currentRender:g}),x=this._globalPopupManagerService.addPopup({...t,unitId:u,subUnitId:h,anchorRect:v,anchorRect$:C,canvasElement:g.engine.getCanvasElement(),hiddenRects$:y}),A=new a.DisposableCollection;A.add(I),A.add(a.toDisposable(()=>{this._globalPopupManagerService.removePopup(x),w.complete(),P.complete()})),A.add(M);const k={...e};return A.add(this._refRangeService.watchRange(u,h,k,(N,D)=>{D?R(D.startRow,D.startColumn):A.dispose()})),{dispose(){A.dispose()},canDispose:()=>this._globalPopupManagerService.activePopupId!==x}}_createCellPositionObserver(e,t,r,o,s){let l=e,c=t;const d=this._calcCellPositionByCell(l,c,r,o,s),u=new O.BehaviorSubject(d),h=()=>u.next(this._calcCellPositionByCell(l,c,r,o,s)),g=new a.DisposableCollection;return g.add(r.engine.clientRect$.subscribe(()=>h())),g.add(a.fromEventSubject(r.engine.onTransformChange$).pipe(O.throttleTime(16)).subscribe(()=>h())),g.add(this._commandService.onCommandExecuted(f=>{if(f.id===m.SetWorksheetRowAutoHeightMutation.id&&f.params.rowsAutoHeightInfo.findIndex(v=>v.row===l)>-1){h();return}(m.COMMAND_LISTENER_SKELETON_CHANGE.indexOf(f.id)>-1||f.id===He.id||f.id===Ne.id)&&h()})),{position$:u,disposable:g,position:d,updateRowCol:(f,p)=>{l=f,c=p,h()}}}_calcCellPositionByCell(e,t,r,o,s){const{scene:l,engine:c}=r,d=o.getCellWithCoordByIndex(e,t),u=d.isMergedMainCell?d.mergeInfo:d,{scaleX:h,scaleY:g}=l.getAncestorScale(),S={x:s.viewportScrollX,y:s.viewportScrollY},f=c.getCanvasElement(),p=f.getBoundingClientRect(),v=no(f.style.width),{top:C,left:I,width:R}=p,w=R/v;return{left:(u.startX-S.x)*w*h+I,right:(u.endX-S.x)*w*h+I,top:(u.startY-S.y)*w*g+C,bottom:(u.endY-S.y)*w*g+C}}_createRangePositionObserver(e,t,r,o){let{startRow:s,startColumn:l}=e;const c=this._calcCellPositionByCell(s,l,t,r,o),d=new O.BehaviorSubject(c),u=this._calcCellPositionByCell(e.endRow,e.endColumn,t,r,o),h=new O.BehaviorSubject(u),g=()=>{const C=this._calcCellPositionByCell(s,l,t,r,o),I=this._calcCellPositionByCell(e.endRow,e.endColumn,t,r,o);d.next(C),h.next(I)},S=new a.DisposableCollection;S.add(t.engine.clientRect$.subscribe(()=>g())),S.add(this._commandService.onCommandExecuted(C=>{if(C.id===m.SetWorksheetRowAutoHeightMutation.id&&C.params.rowsAutoHeightInfo.findIndex(R=>R.row===s)>-1){g();return}(m.COMMAND_LISTENER_SKELETON_CHANGE.indexOf(C.id)>-1||C.id===He.id||C.id===Ne.id)&&g()}));const f=(C,I)=>{s=C,l=I,g()},p=d.pipe(O.map(C=>{const I=this._calcCellPositionByCell(e.endRow,e.endColumn,t,r,o);return{top:C.top,left:C.left,right:I.right,bottom:I.bottom}})),v={top:c.top,left:c.left,right:u.right,bottom:u.bottom};return{position$:p,position:v,updateRowCol:f,topLeftPos$:d,rightBottomPos$:h,disposable:S}}};exports.SheetCanvasPopManagerService=kg([wt(0,a.Inject(_.ICanvasPopupService)),wt(1,T.IRenderManagerService),wt(2,a.IUniverInstanceService),wt(3,a.Inject(m.RefRangeService)),wt(4,a.ICommandService),wt(5,m.IRefSelectionsService),wt(6,a.Inject(m.SheetsSelectionsService))],exports.SheetCanvasPopManagerService);function no(n){return Number.parseInt(n.replace("px",""))}var Ng=Object.getOwnPropertyDescriptor,Dg=(n,i,e,t)=>{for(var r=t>1?void 0:t?Ng(i,e):i,o=n.length-1,s;o>=0;o--)(s=n[o])&&(r=s(r)||r);return r},Vg=(n,i)=>(e,t)=>i(e,t,n);exports.CellPopupManagerService=class extends a.Disposable{constructor(e){super();E(this,"_cellPopupMap",new Map);E(this,"_change$",new O.Subject);E(this,"change$",this._change$.asObservable());this._sheetCanvasPopManagerService=e}_ensureCellPopupMap(e,t){let r=this._cellPopupMap.get(e);r||(r=new Map,this._cellPopupMap.set(e,r));let o=r.get(t);return o||(o=new a.ObjectMatrix,r.set(t,o)),o}showPopup(e,t){var g,S;const{direction:r="horizontal"}=t,{unitId:o,subUnitId:s,row:l,col:c}=e,d=this._ensureCellPopupMap(o,s),u=(g=d.getValue(l,c))==null?void 0:g[r];t.id=(S=t.id)!=null?S:a.generateRandomId();const h=()=>{const f=d.getValue(l,c);if(!f)return;const p=f[r];if(!p)return;const v=p==null?void 0:p.popups.findIndex(C=>C.id===t.id&&C.componentKey===t.componentKey);p==null||p.popups.splice(v,1),p.popups.length===0&&(p.disposable.dispose(),f[r]=void 0),this._change$.next({...e,direction:r})};if(u)u.popups.push(t),u.popups.sort((f,p)=>f.priority-p.priority);else{const f=this._sheetCanvasPopManagerService.attachPopupToCell(l,c,{...t,direction:r,componentKey:jl,extraProps:{...e,direction:r},noPushMinimumGap:!0,autoRelayout:!1},o,s);d.setValue(l,c,{...d.getValue(l,c),[r]:{disposable:f,popups:[t]}})}return this._change$.next({...e,direction:r}),a.toDisposable(h)}getPopups(e,t,r,o,s){var c,d;return((d=(c=this._ensureCellPopupMap(e,t).getValue(r,o))==null?void 0:c[s])==null?void 0:d.popups)||[]}};exports.CellPopupManagerService=Dg([Vg(0,a.Inject(exports.SheetCanvasPopManagerService))],exports.CellPopupManagerService);const Hg=n=>{const{popup:i}=n,e=i.extraProps,{row:t,col:r,direction:o,unitId:s,subUnitId:l}=e,c=_.useDependency(exports.CellPopupManagerService);_.useObservable(H.useMemo(()=>c.change$.pipe(O.filter(h=>h.row===t&&h.col===r&&h.direction===o)),[c,t,r,o]));const d=c.getPopups(s,l,t,r,o),u=_.useDependency(_.ComponentManager);return b.jsx("div",{"data-u-comp":"cell-popup",className:"univer-ml-px univer-flex univer-flex-col",children:d.map(h=>{var S;const g=u.get(h.componentKey);return g?b.jsx(g,{popup:h},(S=h.id)!=null?S:h.componentKey):null})})},va=n=>{const{inputId:i,state:e=!1,type:t="range",confirm:r,cancel:o,name:s,formulaOrRefString:l,comment:c="",localSheetId:d=m.SCOPE_WORKBOOK_VALUE_DEFINED_NAME,hidden:u=!1,id:h}=n,S=_.useDependency(a.IUniverInstanceService).getCurrentUnitForType(a.UniverInstanceType.UNIVER_SHEET),f=_.useDependency(a.LocaleService),p=_.useDependency(K.IDefinedNamesService),v=_.useDependency(K.IFunctionService),C=_.useDependency(K.LexerTreeBuilder),I=_.useDependency(_.ComponentManager),R=H.useMemo(()=>I.get(Qo),[]),w=H.useMemo(()=>I.get(bi),[]);if(S==null)return;const P=H.useMemo(()=>S.getUnitId(),[]),y=H.useMemo(()=>S.getActiveSheet().getSheetId(),[]),[M,x]=H.useState(s),[A,k]=H.useState(l),[N,D]=H.useState(c),[W,V]=H.useState(d),[U,L]=H.useState(""),[j,B]=H.useState(t),[z,F]=H.useState(!0),Z=[{label:f.t("definedName.scopeWorkbook"),value:m.SCOPE_WORKBOOK_VALUE_DEFINED_NAME}],$=ie=>!K.isReferenceStrings(ie);H.useEffect(()=>{F(!0),x(s),D(c),V(d);let ie=l;l.substring(0,1)===K.operatorToken.EQUALS?B("formula"):$(l)?(B("formula"),ie=K.operatorToken.EQUALS+l):B("range"),k(ie),L("")},[e]),S.getSheetOrders().forEach(ie=>{const oe=S.getSheetBySheetId(ie);Z.push({label:(oe==null?void 0:oe.getName())||"",value:ie})});const Q=ie=>{k(ie)},se=ie=>{k(ie||"")},G=()=>{if(M.length===0){L(f.t("definedName.nameEmpty"));return}if(p.getValueByName(P,M)!=null&&(h==null||h.length===0)){L(f.t("definedName.nameDuplicate"));return}if(!a.Tools.isValidParameter(M)||K.isReferenceStringWithEffectiveColumn(M)||!a.Tools.isStartValidPosition(M)&&!T.hasCJKText(M.substring(0,1))){L(f.t("definedName.nameInvalid"));return}if(S.getSheetOrders().map(ee=>{var me;return((me=S.getSheetBySheetId(ee))==null?void 0:me.getName())||""}).includes(M)){L(f.t("definedName.nameSheetConflict"));return}if(A.length===0){L(f.t("definedName.formulaOrRefStringEmpty"));return}if(!z){L(f.t("definedName.formulaOrRefStringInvalid"));return}if(v.hasExecutor(M.toUpperCase())){L(f.t("definedName.nameConflict"));return}const oe=S.getActiveSheet().getName();r&&r({id:h||"",name:M,formulaOrRefString:C.convertRefersToAbsolute(A,a.AbsoluteRefType.ALL,a.AbsoluteRefType.ALL,oe),comment:N,localSheetId:W})},Y=ie=>{const oe=ie;oe==="formula"?l[0]===K.operatorToken.EQUALS?k(l):k(`${K.operatorToken.EQUALS}`):l[0]===K.operatorToken.EQUALS?k(""):k(l),B(oe)},q=H.useRef(null),[ne,ce]=H.useState(!1);return _.useSidebarClick(ie=>{var ee;((ee=q.current)==null?void 0:ee.isClickOutSide(ie))&&ce(!1)}),b.jsxs("div",{className:X.clsx(`
140
140
  univer-flex univer-flex-col univer-items-center univer-border-0 univer-border-b univer-border-solid
141
141
  univer-border-gray-200 univer-pb-1
142
142
  [&>div]:univer-mt-4 [&>div]:univer-w-full
package/lib/es/index.js CHANGED
@@ -5794,8 +5794,8 @@ const V1 = () => {
5794
5794
  "univer-bg-white": !l
5795
5795
  }),
5796
5796
  children: [
5797
- /* @__PURE__ */ b(mf, { className: "univer-fill-green-500 univer-text-gray-900" }),
5798
- B && /* @__PURE__ */ b(ai, { className: "univer-text-[10px] univer-text-gray-400" })
5797
+ /* @__PURE__ */ b(mf, { className: "univer-fill-primary-600 univer-text-gray-900" }),
5798
+ B && /* @__PURE__ */ b(ai, {})
5799
5799
  ]
5800
5800
  }
5801
5801
  )
@@ -14991,7 +14991,7 @@ function dm(r) {
14991
14991
  type: "button",
14992
14992
  children: [
14993
14993
  /* @__PURE__ */ b(wf, { className: "univer-fill-primary-600", extend: { colorChannel1: (l = i == null ? void 0 : i.color) != null ? l : "" } }),
14994
- /* @__PURE__ */ b(ai, { className: "univer-text-gray-400" })
14994
+ /* @__PURE__ */ b(ai, {})
14995
14995
  ]
14996
14996
  }
14997
14997
  )
@@ -15024,7 +15024,7 @@ function dm(r) {
15024
15024
  type: "button",
15025
15025
  children: [
15026
15026
  /* @__PURE__ */ b(mh, { type: ke.THIN }),
15027
- /* @__PURE__ */ b(ai, { className: "univer-text-gray-400" })
15027
+ /* @__PURE__ */ b(ai, {})
15028
15028
  ]
15029
15029
  }
15030
15030
  )
@@ -15512,7 +15512,8 @@ let fi = class extends ae {
15512
15512
  ...e,
15513
15513
  direction: n
15514
15514
  },
15515
- noPushMinimumGap: !0
15515
+ noPushMinimumGap: !0,
15516
+ autoRelayout: !1
15516
15517
  },
15517
15518
  i,
15518
15519
  o
package/lib/index.css CHANGED
@@ -1 +1 @@
1
- .univer-pointer-events-none{pointer-events:none}.univer-absolute{position:absolute}.univer-relative{position:relative}.univer-inset-0{top:0;right:0;bottom:0;left:0}.-univer-bottom-0\.5{bottom:-2px}.-univer-left-0\.5{left:-2px}.-univer-right-0\.5{right:-2px}.-univer-top-0\.5{top:-2px}.univer-left-0{left:0}.univer-left-1{left:4px}.univer-left-\[100px\]{left:100px}.univer-right-0{right:0}.univer-right-5{right:20px}.univer-right-\[60px\]{right:60px}.univer-top-0{top:0}.univer-top-0\.5{top:2px}.univer-top-5{top:20px}.univer-top-\[200px\]{top:200px}.univer-z-10{z-index:10}.univer-z-\[1001\]{z-index:1001}.univer-z-\[100\]{z-index:100}.univer-z-\[1080\]{z-index:1080}.univer-m-0{margin:0}.univer-m-\[5px_0\]{margin:5px 0}.univer-mx-1{margin-left:4px;margin-right:4px}.univer-my-1{margin-top:4px;margin-bottom:4px}.univer-my-1\.5{margin-top:6px;margin-bottom:6px}.univer-my-2{margin-top:8px;margin-bottom:8px}.univer-mb-1\.5{margin-bottom:6px}.univer-mb-2{margin-bottom:8px}.univer-mb-3{margin-bottom:12px}.univer-ml-1{margin-left:4px}.univer-ml-1\.5{margin-left:6px}.univer-ml-3{margin-left:12px}.univer-ml-5{margin-left:20px}.univer-ml-px{margin-left:1px}.univer-mr-0\.5{margin-right:2px}.univer-mr-1\.5{margin-right:6px}.univer-mr-2{margin-right:8px}.univer-mr-5{margin-right:20px}.univer-mt-1{margin-top:4px}.univer-mt-2{margin-top:8px}.univer-mt-3{margin-top:12px}.univer-mt-4{margin-top:16px}.univer-mt-auto{margin-top:auto}.univer-box-border{box-sizing:border-box}.univer-block{display:block}.univer-flex{display:flex}.univer-inline-flex{display:inline-flex}.univer-grid{display:grid}.univer-hidden{display:none}.univer-size-0{width:0px;height:0px}.univer-size-10{width:40px;height:40px}.univer-size-4{width:16px;height:16px}.univer-size-6{width:24px;height:24px}.univer-h-0\.5{height:2px}.univer-h-10{height:40px}.univer-h-4{height:16px}.univer-h-5{height:20px}.univer-h-6{height:24px}.univer-h-60{height:240px}.univer-h-7{height:28px}.univer-h-8{height:32px}.univer-h-9{height:36px}.univer-h-\[1px\]{height:1px}.univer-h-\[270px\]{height:270px}.univer-h-\[30px\]{height:30px}.univer-h-\[50px\]{height:50px}.univer-h-\[calc\(100\%-16px\)\]{height:calc(100% - 16px)}.univer-h-\[calc\(100\%-8px\)\]{height:calc(100% - 8px)}.univer-h-full{height:100%}.univer-h-px{height:1px}.univer-max-h-52{max-height:208px}.univer-max-h-\[100px\]{max-height:100px}.univer-max-h-\[360px\]{max-height:360px}.\!univer-w-\[90px\]{width:90px!important}.univer-w-16{width:64px}.univer-w-20{width:80px}.univer-w-24{width:96px}.univer-w-4{width:16px}.univer-w-5{width:20px}.univer-w-6{width:24px}.univer-w-60{width:240px}.univer-w-\[100px\]{width:100px}.univer-w-\[130px\]{width:130px}.univer-w-\[156px\]{width:156px}.univer-w-\[300px\]{width:300px}.univer-w-\[50\%\]{width:50%}.univer-w-fit{width:-moz-fit-content;width:fit-content}.univer-w-full{width:100%}.univer-min-w-0{min-width:0px}.univer-min-w-12{min-width:48px}.univer-max-w-24{max-width:96px}.univer-max-w-32{max-width:128px}.univer-max-w-64{max-width:256px}.univer-max-w-80{max-width:320px}.univer-max-w-\[120px\]{max-width:120px}.univer-max-w-\[190px\]{max-width:190px}.univer-max-w-\[200px\]{max-width:200px}.univer-max-w-\[calc\(100\%-112px\)\]{max-width:calc(100% - 112px)}.univer-flex-1{flex:1 1 0%}.univer-flex-\[0_1_auto\]{flex:0 1 auto}.univer-flex-shrink-0,.univer-shrink-0{flex-shrink:0}.univer-flex-grow{flex-grow:1}.univer-flex-grow-0{flex-grow:0}.-univer-translate-y-1\/2,.univer-translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),-50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes univer-spin{to{transform:rotate(360deg)}}.univer-animate-spin{animation:univer-spin 1s linear infinite}.univer-cursor-default{cursor:default}.univer-cursor-not-allowed{cursor:not-allowed}.univer-cursor-pointer{cursor:pointer}.univer-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.univer-list-none{list-style-type:none}.univer-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.univer-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.univer-flex-row{flex-direction:row}.univer-flex-row-reverse{flex-direction:row-reverse}.univer-flex-col{flex-direction:column}.univer-flex-nowrap{flex-wrap:nowrap}.univer-content-center{align-content:center}.univer-items-center{align-items:center}.univer-justify-end{justify-content:flex-end}.univer-justify-center{justify-content:center}.univer-justify-between{justify-content:space-between}.univer-gap-1{gap:4px}.univer-gap-2{gap:8px}.univer-gap-x-2{-moz-column-gap:8px;column-gap:8px}.univer-justify-self-center{justify-self:center}.univer-overflow-hidden{overflow:hidden}.univer-overflow-y-auto{overflow-y:auto}.univer-overflow-x-scroll{overflow-x:scroll}.univer-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-text-ellipsis{text-overflow:ellipsis}.univer-whitespace-nowrap{white-space:nowrap}.univer-break-words{word-wrap:break-word}.univer-rounded{border-radius:4px}.univer-rounded-\[8px\]{border-radius:8px}.univer-rounded-full{border-radius:9999px}.univer-rounded-lg{border-radius:8px}.univer-rounded-md{border-radius:6px}.univer-rounded-sm{border-radius:2px}.univer-border{border-width:1px}.univer-border-0{border-width:0px}.univer-border-2{border-width:2px}.univer-border-4{border-width:4px}.univer-border-b{border-bottom-width:1px}.univer-border-r{border-right-width:1px}.univer-border-t{border-top-width:1px}.univer-border-solid{border-style:solid}.univer-border-none{border-style:none}.univer-border-gray-100{border-color:var(--univer-gray-100)}.univer-border-gray-200{border-color:var(--univer-gray-200)}.univer-border-transparent{border-color:transparent}.univer-border-b-gray-200{border-bottom-color:var(--univer-gray-200)}.univer-border-r-gray-200{border-right-color:var(--univer-gray-200)}.univer-border-t-gray-200{border-top-color:var(--univer-gray-200)}.univer-border-t-primary-500{border-top-color:var(--univer-primary-500)}.univer-bg-blue-500{background-color:var(--univer-blue-500)}.univer-bg-gray-100{background-color:var(--univer-gray-100)}.univer-bg-gray-200{background-color:var(--univer-gray-200)}.univer-bg-slate-600{--tw-bg-opacity: 1;background-color:#475569;background-color:rgba(71,85,105,var(--tw-bg-opacity, 1))}.univer-bg-transparent{background-color:transparent}.univer-bg-white{background-color:var(--univer-white)}.univer-fill-green-500{fill:var(--univer-green-500)}.univer-fill-primary-600{fill:var(--univer-primary-600)}.univer-p-0{padding:0}.univer-p-1{padding:4px}.univer-p-1\.5{padding:6px}.univer-p-2{padding:8px}.univer-p-3{padding:12px}.univer-p-4{padding:16px}.univer-px-1{padding-left:4px;padding-right:4px}.univer-px-1\.5{padding-left:6px;padding-right:6px}.univer-px-2{padding-left:8px;padding-right:8px}.univer-px-5{padding-left:20px;padding-right:20px}.univer-px-\[14px\]{padding-left:14px;padding-right:14px}.univer-py-0{padding-top:0;padding-bottom:0}.univer-py-0\.5{padding-top:2px;padding-bottom:2px}.univer-py-1{padding-top:4px;padding-bottom:4px}.univer-py-1\.5{padding-top:6px;padding-bottom:6px}.univer-py-2{padding-top:8px;padding-bottom:8px}.univer-py-5{padding-top:20px;padding-bottom:20px}.univer-pb-1{padding-bottom:4px}.univer-pl-2{padding-left:8px}.univer-pl-3{padding-left:12px}.univer-pl-6{padding-left:24px}.univer-pt-2{padding-top:8px}.univer-text-center{text-align:center}.univer-text-\[10px\]{font-size:10px}.univer-text-\[13px\]{font-size:13px}.univer-text-base{font-size:16px;line-height:24px}.univer-text-sm{font-size:14px;line-height:20px}.univer-text-xs{font-size:12px;line-height:16px}.univer-font-bold{font-weight:700}.univer-font-medium{font-weight:500}.univer-font-normal{font-weight:400}.univer-font-semibold{font-weight:600}.univer-leading-5{line-height:20px}.univer-leading-6{line-height:24px}.univer-leading-7{line-height:28px}.univer-text-black{color:var(--univer-black)}.univer-text-blue-500{color:var(--univer-blue-500)}.univer-text-gray-200{color:var(--univer-gray-200)}.univer-text-gray-300{color:var(--univer-gray-300)}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-gray-500{color:var(--univer-gray-500)}.univer-text-gray-600{color:var(--univer-gray-600)}.univer-text-gray-700{color:var(--univer-gray-700)}.univer-text-gray-900{color:var(--univer-gray-900)}.univer-text-green-600{color:var(--univer-green-600)}.univer-text-primary-500{color:var(--univer-primary-500)}.univer-text-primary-600{color:var(--univer-primary-600)}.univer-text-primary-700{color:var(--univer-primary-700)}.univer-text-red-500{color:var(--univer-red-500)}.univer-text-red-600{color:var(--univer-red-600)}.univer-text-yellow-500{color:var(--univer-yellow-500)}.univer-shadow{--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-shadow-lg{--tw-shadow: 0px 4px 6px 0px rgba(30, 40, 77, .05), 0px 10px 15px -3px rgba(30, 40, 77, .1);--tw-shadow-colored: 0px 4px 6px 0px var(--tw-shadow-color), 0px 10px 15px -3px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 4px 6px #1e284d0d,0 10px 15px -3px #1e284d1a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-shadow-sm{--tw-shadow: 0px 1px 2px 0px rgba(30, 40, 77, .08);--tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 2px #1e284d14;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-outline-none{outline:2px solid transparent;outline-offset:2px}.univer-blur-sm{--tw-blur: blur(4px);filter:blur(4px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.univer-backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:blur(8px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:blur(8px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.univer-transition-\[box-shadow\]{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-duration-150{transition-duration:.15s}.univer-duration-200{transition-duration:.2s}.univer-ease-linear{transition-timing-function:linear}.after\:univer-absolute:after{content:var(--tw-content);position:absolute}.after\:univer-right-0:after{content:var(--tw-content);right:0}.after\:univer-top-1\/2:after{content:var(--tw-content);top:50%}.after\:univer-block:after{content:var(--tw-content);display:block}.after\:univer-h-4:after{content:var(--tw-content);height:16px}.after\:univer-w-px:after{content:var(--tw-content);width:1px}.after\:-univer-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),-50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:univer-bg-gray-200:after{content:var(--tw-content);background-color:var(--univer-gray-200)}.after\:univer-content-\[\"\"\]:after{--tw-content: "";content:"";content:var(--tw-content)}.last\:univer-mb-0:last-child{margin-bottom:0}.hover\:univer-border-primary-600:hover{border-color:var(--univer-primary-600)}.hover\:univer-bg-gray-100:hover{background-color:var(--univer-gray-100)}.hover\:univer-bg-gray-200:hover{background-color:var(--univer-gray-200)}.hover\:univer-bg-gray-50:hover{background-color:var(--univer-gray-50)}.hover\:univer-bg-transparent:hover{background-color:transparent}.focus\:univer-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.univer-group:hover .group-hover\:univer-block{display:block}.dark\:univer-border-gray-600:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-600)}.dark\:univer-border-gray-700:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-700)}.dark\:univer-border-b-gray-700:where(.univer-dark,.univer-dark *){border-bottom-color:var(--univer-gray-700)}.dark\:univer-border-r-gray-700:where(.univer-dark,.univer-dark *){border-right-color:var(--univer-gray-700)}.dark\:univer-border-t-gray-700:where(.univer-dark,.univer-dark *){border-top-color:var(--univer-gray-700)}.dark\:univer-bg-black:where(.univer-dark,.univer-dark *){background-color:var(--univer-black)}.dark\:univer-bg-gray-700:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)}.dark\:univer-bg-gray-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)}.dark\:univer-bg-slate-600:where(.univer-dark,.univer-dark *){--tw-bg-opacity: 1;background-color:#475569;background-color:rgba(71,85,105,var(--tw-bg-opacity, 1))}.dark\:univer-text-gray-200:where(.univer-dark,.univer-dark *){color:var(--univer-gray-200)}.dark\:univer-text-gray-700:where(.univer-dark,.univer-dark *){color:var(--univer-gray-700)}.dark\:univer-text-green-400:where(.univer-dark,.univer-dark *){color:var(--univer-green-400)}.dark\:univer-text-red-400:where(.univer-dark,.univer-dark *){color:var(--univer-red-400)}.dark\:univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)}.dark\:hover\:univer-bg-gray-600:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)}.dark\:hover\:univer-bg-gray-700:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)}.dark\:hover\:univer-bg-gray-800:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)}.\[\&\>div\:first-child\]\:univer-px-2\.5>div:first-child{padding-left:10px;padding-right:10px}.\[\&\>div\]\:univer-mt-4>div{margin-top:16px}.\[\&\>div\]\:univer-h-5>div{height:20px}.\[\&\>div\]\:univer-w-full>div{width:100%}.\[\&\>div\]\:univer-ring-transparent>div{--tw-ring-color: transparent }.\[\&_canvas\]\:univer-absolute canvas{position:absolute}
1
+ .univer-pointer-events-none{pointer-events:none}.univer-absolute{position:absolute}.univer-relative{position:relative}.univer-inset-0{top:0;right:0;bottom:0;left:0}.-univer-bottom-0\.5{bottom:-2px}.-univer-left-0\.5{left:-2px}.-univer-right-0\.5{right:-2px}.-univer-top-0\.5{top:-2px}.univer-left-0{left:0}.univer-left-1{left:4px}.univer-left-\[100px\]{left:100px}.univer-right-0{right:0}.univer-right-5{right:20px}.univer-right-\[60px\]{right:60px}.univer-top-0{top:0}.univer-top-0\.5{top:2px}.univer-top-5{top:20px}.univer-top-\[200px\]{top:200px}.univer-z-10{z-index:10}.univer-z-\[1001\]{z-index:1001}.univer-z-\[100\]{z-index:100}.univer-z-\[1080\]{z-index:1080}.univer-m-0{margin:0}.univer-m-\[5px_0\]{margin:5px 0}.univer-mx-1{margin-left:4px;margin-right:4px}.univer-my-1{margin-top:4px;margin-bottom:4px}.univer-my-1\.5{margin-top:6px;margin-bottom:6px}.univer-my-2{margin-top:8px;margin-bottom:8px}.univer-mb-1\.5{margin-bottom:6px}.univer-mb-2{margin-bottom:8px}.univer-mb-3{margin-bottom:12px}.univer-ml-1{margin-left:4px}.univer-ml-1\.5{margin-left:6px}.univer-ml-3{margin-left:12px}.univer-ml-5{margin-left:20px}.univer-ml-px{margin-left:1px}.univer-mr-0\.5{margin-right:2px}.univer-mr-1\.5{margin-right:6px}.univer-mr-2{margin-right:8px}.univer-mr-5{margin-right:20px}.univer-mt-1{margin-top:4px}.univer-mt-2{margin-top:8px}.univer-mt-3{margin-top:12px}.univer-mt-4{margin-top:16px}.univer-mt-auto{margin-top:auto}.univer-box-border{box-sizing:border-box}.univer-block{display:block}.univer-flex{display:flex}.univer-inline-flex{display:inline-flex}.univer-grid{display:grid}.univer-hidden{display:none}.univer-size-0{width:0px;height:0px}.univer-size-10{width:40px;height:40px}.univer-size-4{width:16px;height:16px}.univer-size-6{width:24px;height:24px}.univer-h-0\.5{height:2px}.univer-h-10{height:40px}.univer-h-4{height:16px}.univer-h-5{height:20px}.univer-h-6{height:24px}.univer-h-60{height:240px}.univer-h-7{height:28px}.univer-h-8{height:32px}.univer-h-9{height:36px}.univer-h-\[1px\]{height:1px}.univer-h-\[270px\]{height:270px}.univer-h-\[30px\]{height:30px}.univer-h-\[50px\]{height:50px}.univer-h-\[calc\(100\%-16px\)\]{height:calc(100% - 16px)}.univer-h-\[calc\(100\%-8px\)\]{height:calc(100% - 8px)}.univer-h-full{height:100%}.univer-h-px{height:1px}.univer-max-h-52{max-height:208px}.univer-max-h-\[100px\]{max-height:100px}.univer-max-h-\[360px\]{max-height:360px}.\!univer-w-\[90px\]{width:90px!important}.univer-w-16{width:64px}.univer-w-20{width:80px}.univer-w-24{width:96px}.univer-w-4{width:16px}.univer-w-5{width:20px}.univer-w-6{width:24px}.univer-w-60{width:240px}.univer-w-\[100px\]{width:100px}.univer-w-\[130px\]{width:130px}.univer-w-\[156px\]{width:156px}.univer-w-\[300px\]{width:300px}.univer-w-\[50\%\]{width:50%}.univer-w-fit{width:-moz-fit-content;width:fit-content}.univer-w-full{width:100%}.univer-min-w-0{min-width:0px}.univer-min-w-12{min-width:48px}.univer-max-w-24{max-width:96px}.univer-max-w-32{max-width:128px}.univer-max-w-64{max-width:256px}.univer-max-w-80{max-width:320px}.univer-max-w-\[120px\]{max-width:120px}.univer-max-w-\[190px\]{max-width:190px}.univer-max-w-\[200px\]{max-width:200px}.univer-max-w-\[calc\(100\%-112px\)\]{max-width:calc(100% - 112px)}.univer-flex-1{flex:1 1 0%}.univer-flex-\[0_1_auto\]{flex:0 1 auto}.univer-flex-shrink-0,.univer-shrink-0{flex-shrink:0}.univer-flex-grow{flex-grow:1}.univer-flex-grow-0{flex-grow:0}.-univer-translate-y-1\/2,.univer-translate-y-\[-50\%\]{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),-50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.univer-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(180deg) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes univer-spin{to{transform:rotate(360deg)}}.univer-animate-spin{animation:univer-spin 1s linear infinite}.univer-cursor-default{cursor:default}.univer-cursor-not-allowed{cursor:not-allowed}.univer-cursor-pointer{cursor:pointer}.univer-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.univer-list-none{list-style-type:none}.univer-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.univer-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.univer-flex-row{flex-direction:row}.univer-flex-row-reverse{flex-direction:row-reverse}.univer-flex-col{flex-direction:column}.univer-flex-nowrap{flex-wrap:nowrap}.univer-content-center{align-content:center}.univer-items-center{align-items:center}.univer-justify-end{justify-content:flex-end}.univer-justify-center{justify-content:center}.univer-justify-between{justify-content:space-between}.univer-gap-1{gap:4px}.univer-gap-2{gap:8px}.univer-gap-x-2{-moz-column-gap:8px;column-gap:8px}.univer-justify-self-center{justify-self:center}.univer-overflow-hidden{overflow:hidden}.univer-overflow-y-auto{overflow-y:auto}.univer-overflow-x-scroll{overflow-x:scroll}.univer-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.univer-text-ellipsis{text-overflow:ellipsis}.univer-whitespace-nowrap{white-space:nowrap}.univer-break-words{word-wrap:break-word}.univer-rounded{border-radius:4px}.univer-rounded-\[8px\]{border-radius:8px}.univer-rounded-full{border-radius:9999px}.univer-rounded-lg{border-radius:8px}.univer-rounded-md{border-radius:6px}.univer-rounded-sm{border-radius:2px}.univer-border{border-width:1px}.univer-border-0{border-width:0px}.univer-border-2{border-width:2px}.univer-border-4{border-width:4px}.univer-border-b{border-bottom-width:1px}.univer-border-r{border-right-width:1px}.univer-border-t{border-top-width:1px}.univer-border-solid{border-style:solid}.univer-border-none{border-style:none}.univer-border-gray-100{border-color:var(--univer-gray-100)}.univer-border-gray-200{border-color:var(--univer-gray-200)}.univer-border-transparent{border-color:transparent}.univer-border-b-gray-200{border-bottom-color:var(--univer-gray-200)}.univer-border-r-gray-200{border-right-color:var(--univer-gray-200)}.univer-border-t-gray-200{border-top-color:var(--univer-gray-200)}.univer-border-t-primary-500{border-top-color:var(--univer-primary-500)}.univer-bg-blue-500{background-color:var(--univer-blue-500)}.univer-bg-gray-100{background-color:var(--univer-gray-100)}.univer-bg-gray-200{background-color:var(--univer-gray-200)}.univer-bg-slate-600{--tw-bg-opacity: 1;background-color:#475569;background-color:rgba(71,85,105,var(--tw-bg-opacity, 1))}.univer-bg-transparent{background-color:transparent}.univer-bg-white{background-color:var(--univer-white)}.univer-fill-primary-600{fill:var(--univer-primary-600)}.univer-p-0{padding:0}.univer-p-1{padding:4px}.univer-p-1\.5{padding:6px}.univer-p-2{padding:8px}.univer-p-3{padding:12px}.univer-p-4{padding:16px}.univer-px-1{padding-left:4px;padding-right:4px}.univer-px-1\.5{padding-left:6px;padding-right:6px}.univer-px-2{padding-left:8px;padding-right:8px}.univer-px-5{padding-left:20px;padding-right:20px}.univer-px-\[14px\]{padding-left:14px;padding-right:14px}.univer-py-0{padding-top:0;padding-bottom:0}.univer-py-0\.5{padding-top:2px;padding-bottom:2px}.univer-py-1{padding-top:4px;padding-bottom:4px}.univer-py-1\.5{padding-top:6px;padding-bottom:6px}.univer-py-2{padding-top:8px;padding-bottom:8px}.univer-py-5{padding-top:20px;padding-bottom:20px}.univer-pb-1{padding-bottom:4px}.univer-pl-2{padding-left:8px}.univer-pl-3{padding-left:12px}.univer-pl-6{padding-left:24px}.univer-pt-2{padding-top:8px}.univer-text-center{text-align:center}.univer-text-\[13px\]{font-size:13px}.univer-text-base{font-size:16px;line-height:24px}.univer-text-sm{font-size:14px;line-height:20px}.univer-text-xs{font-size:12px;line-height:16px}.univer-font-bold{font-weight:700}.univer-font-medium{font-weight:500}.univer-font-normal{font-weight:400}.univer-font-semibold{font-weight:600}.univer-leading-5{line-height:20px}.univer-leading-6{line-height:24px}.univer-leading-7{line-height:28px}.univer-text-black{color:var(--univer-black)}.univer-text-blue-500{color:var(--univer-blue-500)}.univer-text-gray-200{color:var(--univer-gray-200)}.univer-text-gray-300{color:var(--univer-gray-300)}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-gray-500{color:var(--univer-gray-500)}.univer-text-gray-600{color:var(--univer-gray-600)}.univer-text-gray-700{color:var(--univer-gray-700)}.univer-text-gray-900{color:var(--univer-gray-900)}.univer-text-green-600{color:var(--univer-green-600)}.univer-text-primary-500{color:var(--univer-primary-500)}.univer-text-primary-600{color:var(--univer-primary-600)}.univer-text-primary-700{color:var(--univer-primary-700)}.univer-text-red-500{color:var(--univer-red-500)}.univer-text-red-600{color:var(--univer-red-600)}.univer-text-yellow-500{color:var(--univer-yellow-500)}.univer-shadow{--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 3px #0000001a,0 1px 2px -1px #0000001a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-shadow-lg{--tw-shadow: 0px 4px 6px 0px rgba(30, 40, 77, .05), 0px 10px 15px -3px rgba(30, 40, 77, .1);--tw-shadow-colored: 0px 4px 6px 0px var(--tw-shadow-color), 0px 10px 15px -3px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 4px 6px #1e284d0d,0 10px 15px -3px #1e284d1a;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-shadow-sm{--tw-shadow: 0px 1px 2px 0px rgba(30, 40, 77, .08);--tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,0 1px 2px #1e284d14;box-shadow:var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)),var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)),var(--tw-shadow)}.univer-outline-none{outline:2px solid transparent;outline-offset:2px}.univer-blur-sm{--tw-blur: blur(4px);filter:blur(4px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.univer-backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:blur(8px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:blur(8px) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.univer-transition-\[box-shadow\]{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-\[height\]{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.univer-duration-150{transition-duration:.15s}.univer-duration-200{transition-duration:.2s}.univer-ease-linear{transition-timing-function:linear}.after\:univer-absolute:after{content:var(--tw-content);position:absolute}.after\:univer-right-0:after{content:var(--tw-content);right:0}.after\:univer-top-1\/2:after{content:var(--tw-content);top:50%}.after\:univer-block:after{content:var(--tw-content);display:block}.after\:univer-h-4:after{content:var(--tw-content);height:16px}.after\:univer-w-px:after{content:var(--tw-content);width:1px}.after\:-univer-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),-50%) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\:univer-bg-gray-200:after{content:var(--tw-content);background-color:var(--univer-gray-200)}.after\:univer-content-\[\"\"\]:after{--tw-content: "";content:"";content:var(--tw-content)}.last\:univer-mb-0:last-child{margin-bottom:0}.hover\:univer-border-primary-600:hover{border-color:var(--univer-primary-600)}.hover\:univer-bg-gray-100:hover{background-color:var(--univer-gray-100)}.hover\:univer-bg-gray-200:hover{background-color:var(--univer-gray-200)}.hover\:univer-bg-gray-50:hover{background-color:var(--univer-gray-50)}.hover\:univer-bg-transparent:hover{background-color:transparent}.focus\:univer-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.univer-group:hover .group-hover\:univer-block{display:block}.dark\:univer-border-gray-600:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-600)}.dark\:univer-border-gray-700:where(.univer-dark,.univer-dark *){border-color:var(--univer-gray-700)}.dark\:univer-border-b-gray-700:where(.univer-dark,.univer-dark *){border-bottom-color:var(--univer-gray-700)}.dark\:univer-border-r-gray-700:where(.univer-dark,.univer-dark *){border-right-color:var(--univer-gray-700)}.dark\:univer-border-t-gray-700:where(.univer-dark,.univer-dark *){border-top-color:var(--univer-gray-700)}.dark\:univer-bg-black:where(.univer-dark,.univer-dark *){background-color:var(--univer-black)}.dark\:univer-bg-gray-700:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)}.dark\:univer-bg-gray-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)}.dark\:univer-bg-slate-600:where(.univer-dark,.univer-dark *){--tw-bg-opacity: 1;background-color:#475569;background-color:rgba(71,85,105,var(--tw-bg-opacity, 1))}.dark\:univer-text-gray-200:where(.univer-dark,.univer-dark *){color:var(--univer-gray-200)}.dark\:univer-text-gray-700:where(.univer-dark,.univer-dark *){color:var(--univer-gray-700)}.dark\:univer-text-green-400:where(.univer-dark,.univer-dark *){color:var(--univer-green-400)}.dark\:univer-text-red-400:where(.univer-dark,.univer-dark *){color:var(--univer-red-400)}.dark\:univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)}.dark\:hover\:univer-bg-gray-600:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)}.dark\:hover\:univer-bg-gray-700:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)}.dark\:hover\:univer-bg-gray-800:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)}.\[\&\>div\:first-child\]\:univer-px-2\.5>div:first-child{padding-left:10px;padding-right:10px}.\[\&\>div\]\:univer-mt-4>div{margin-top:16px}.\[\&\>div\]\:univer-h-5>div{height:20px}.\[\&\>div\]\:univer-w-full>div{width:100%}.\[\&\>div\]\:univer-ring-transparent>div{--tw-ring-color: transparent }.\[\&_canvas\]\:univer-absolute canvas{position:absolute}
package/lib/index.js CHANGED
@@ -5794,8 +5794,8 @@ const V1 = () => {
5794
5794
  "univer-bg-white": !l
5795
5795
  }),
5796
5796
  children: [
5797
- /* @__PURE__ */ b(mf, { className: "univer-fill-green-500 univer-text-gray-900" }),
5798
- B && /* @__PURE__ */ b(ai, { className: "univer-text-[10px] univer-text-gray-400" })
5797
+ /* @__PURE__ */ b(mf, { className: "univer-fill-primary-600 univer-text-gray-900" }),
5798
+ B && /* @__PURE__ */ b(ai, {})
5799
5799
  ]
5800
5800
  }
5801
5801
  )
@@ -14991,7 +14991,7 @@ function dm(r) {
14991
14991
  type: "button",
14992
14992
  children: [
14993
14993
  /* @__PURE__ */ b(wf, { className: "univer-fill-primary-600", extend: { colorChannel1: (l = i == null ? void 0 : i.color) != null ? l : "" } }),
14994
- /* @__PURE__ */ b(ai, { className: "univer-text-gray-400" })
14994
+ /* @__PURE__ */ b(ai, {})
14995
14995
  ]
14996
14996
  }
14997
14997
  )
@@ -15024,7 +15024,7 @@ function dm(r) {
15024
15024
  type: "button",
15025
15025
  children: [
15026
15026
  /* @__PURE__ */ b(mh, { type: ke.THIN }),
15027
- /* @__PURE__ */ b(ai, { className: "univer-text-gray-400" })
15027
+ /* @__PURE__ */ b(ai, {})
15028
15028
  ]
15029
15029
  }
15030
15030
  )
@@ -15512,7 +15512,8 @@ let fi = class extends ae {
15512
15512
  ...e,
15513
15513
  direction: n
15514
15514
  },
15515
- noPushMinimumGap: !0
15515
+ noPushMinimumGap: !0,
15516
+ autoRelayout: !1
15516
15517
  },
15517
15518
  i,
15518
15519
  o