@univerjs/sheets-ui 0.8.0-beta.0 → 0.8.0-nightly.202505271607

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.
Files changed (19) hide show
  1. package/lib/cjs/facade.js +1 -1
  2. package/lib/cjs/index.js +20 -21
  3. package/lib/es/facade.js +100 -106
  4. package/lib/es/index.js +6945 -6844
  5. package/lib/facade.js +100 -106
  6. package/lib/index.css +1 -1
  7. package/lib/index.js +6945 -6844
  8. package/lib/types/controllers/auto-height.controller.d.ts +3 -3
  9. package/lib/types/controllers/menu/merge.menu.d.ts +1 -1
  10. package/lib/types/services/auto-height.service.d.ts +32 -0
  11. package/lib/types/services/cell-alert-manager.service.d.ts +1 -3
  12. package/lib/types/views/auto-fill-popup-menu/AutoFillPopupMenu.d.ts +1 -2
  13. package/lib/types/views/permission/spin/index.d.ts +2 -2
  14. package/lib/types/views/sheet-bar/sheet-bar-button/SheetBarButton.d.ts +4 -4
  15. package/lib/types/views/sheet-bar/sheet-bar-menu/SheetBarMenu.d.ts +2 -2
  16. package/lib/umd/facade.js +1 -1
  17. package/lib/umd/index.js +17 -18
  18. package/package.json +13 -13
  19. package/LICENSE +0 -176
package/lib/facade.js CHANGED
@@ -17,15 +17,15 @@ class Ue extends q {
17
17
  if (t.id !== f.id) return;
18
18
  const i = this.getActiveSheet();
19
19
  if (!i) return;
20
- const { workbook: o, worksheet: a } = i, d = e.get(R), l = t.params, { visible: h, keycode: g, eventType: s } = l, n = d.getEditLocation();
20
+ const { workbook: o, worksheet: s } = i, d = e.get(R), l = t.params, { visible: h, keycode: g, eventType: a } = l, n = d.getEditLocation();
21
21
  if (h) {
22
22
  const c = {
23
23
  row: n.row,
24
24
  column: n.column,
25
- eventType: s,
25
+ eventType: a,
26
26
  keycode: g,
27
27
  workbook: o,
28
- worksheet: a,
28
+ worksheet: s,
29
29
  isZenEditor: !1
30
30
  };
31
31
  if (this.fireEvent(this.Event.BeforeSheetEditStart, c), c.cancel)
@@ -38,18 +38,18 @@ class Ue extends q {
38
38
  if (t.id !== f.id) return;
39
39
  const i = this.getActiveSheet();
40
40
  if (!i) return;
41
- const { workbook: o, worksheet: a } = i, d = e.get(R), l = e.get($), h = t.params, { visible: g, keycode: s, eventType: n } = h, c = d.getEditLocation();
41
+ const { workbook: o, worksheet: s } = i, d = e.get(R), l = e.get($), h = t.params, { visible: g, keycode: a, eventType: n } = h, c = d.getEditLocation();
42
42
  if (!g) {
43
43
  const P = {
44
44
  row: c.row,
45
45
  column: c.column,
46
46
  eventType: n,
47
- keycode: s,
47
+ keycode: a,
48
48
  workbook: o,
49
- worksheet: a,
49
+ worksheet: s,
50
50
  isZenEditor: !1,
51
51
  value: j.create(l.getUnit(T).getSnapshot()),
52
- isConfirm: s !== D.ESC
52
+ isConfirm: a !== D.ESC
53
53
  };
54
54
  if (this.fireEvent(this.Event.BeforeSheetEditEnd, P), P.cancel)
55
55
  throw new b();
@@ -61,15 +61,15 @@ class Ue extends q {
61
61
  if (t.id !== f.id) return;
62
62
  const i = this.getCommandSheetTarget(t);
63
63
  if (!i) return;
64
- const { workbook: o, worksheet: a } = i, d = e.get(R), l = t.params, { visible: h, keycode: g, eventType: s } = l, n = d.getEditLocation();
64
+ const { workbook: o, worksheet: s } = i, d = e.get(R), l = t.params, { visible: h, keycode: g, eventType: a } = l, n = d.getEditLocation();
65
65
  if (h) {
66
66
  const c = {
67
67
  row: n.row,
68
68
  column: n.column,
69
- eventType: s,
69
+ eventType: a,
70
70
  keycode: g,
71
71
  workbook: o,
72
- worksheet: a,
72
+ worksheet: s,
73
73
  isZenEditor: !1
74
74
  };
75
75
  this.fireEvent(this.Event.SheetEditStarted, c);
@@ -81,15 +81,15 @@ class Ue extends q {
81
81
  if (t.id !== f.id) return;
82
82
  const i = this.getCommandSheetTarget(t);
83
83
  if (!i) return;
84
- const { workbook: o, worksheet: a } = i, d = e.get(R), l = t.params, { visible: h, keycode: g, eventType: s } = l, n = d.getEditLocation();
84
+ const { workbook: o, worksheet: s } = i, d = e.get(R), l = t.params, { visible: h, keycode: g, eventType: a } = l, n = d.getEditLocation();
85
85
  if (!h) {
86
86
  const c = {
87
87
  row: n.row,
88
88
  column: n.column,
89
- eventType: s,
89
+ eventType: a,
90
90
  keycode: g,
91
91
  workbook: o,
92
- worksheet: a,
92
+ worksheet: s,
93
93
  isZenEditor: !1,
94
94
  isConfirm: g !== D.ESC
95
95
  };
@@ -102,14 +102,14 @@ class Ue extends q {
102
102
  if (t.id !== he.id) return;
103
103
  const i = this.getActiveSheet();
104
104
  if (!i) return;
105
- const { workbook: o, worksheet: a } = i, d = e.get(R), l = e.get($), h = t.params;
105
+ const { workbook: o, worksheet: s } = i, d = e.get(R), l = e.get($), h = t.params;
106
106
  if (!d.isVisible().visible) return;
107
107
  const { unitId: g } = h;
108
108
  if (g === T) {
109
- const { row: s, column: n } = d.getEditLocation(), c = {
109
+ const { row: a, column: n } = d.getEditLocation(), c = {
110
110
  workbook: o,
111
- worksheet: a,
112
- row: s,
111
+ worksheet: s,
112
+ row: a,
113
113
  column: n,
114
114
  value: j.create(l.getUnit(T).getSnapshot()),
115
115
  isZenEditor: !1
@@ -123,10 +123,10 @@ class Ue extends q {
123
123
  if (t.id !== A.id) return;
124
124
  const i = this.getCommandSheetTarget(t);
125
125
  if (!i) return;
126
- const { workbook: o, worksheet: a } = i, d = {
126
+ const { workbook: o, worksheet: s } = i, d = {
127
127
  zoom: t.params.zoomRatio,
128
128
  workbook: o,
129
- worksheet: a
129
+ worksheet: s
130
130
  };
131
131
  if (this.fireEvent(this.Event.BeforeSheetZoomChange, d), d.cancel)
132
132
  throw new b();
@@ -137,11 +137,11 @@ class Ue extends q {
137
137
  if (t.id !== A.id) return;
138
138
  const i = this.getCommandSheetTarget(t);
139
139
  if (!i) return;
140
- const { workbook: o, worksheet: a } = i;
140
+ const { workbook: o, worksheet: s } = i;
141
141
  this.fireEvent(this.Event.SheetZoomChanged, {
142
- zoom: a.getZoom(),
142
+ zoom: s.getZoom(),
143
143
  workbook: o,
144
- worksheet: a
144
+ worksheet: s
145
145
  });
146
146
  })
147
147
  );
@@ -156,8 +156,8 @@ class Ue extends q {
156
156
  h && (this.registerEventHandler(
157
157
  this.Event.CellClicked,
158
158
  () => {
159
- var s;
160
- return (s = h.currentClickedCell$) == null ? void 0 : s.pipe(u((n) => !!n)).subscribe((n) => {
159
+ var a;
160
+ return (a = h.currentClickedCell$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
161
161
  const c = this.getSheetTarget(n.location.unitId, n.location.subUnitId);
162
162
  c && this.fireEvent(this.Event.CellClicked, {
163
163
  ...c,
@@ -170,8 +170,8 @@ class Ue extends q {
170
170
  ), this.registerEventHandler(
171
171
  this.Event.CellHover,
172
172
  () => {
173
- var s;
174
- return (s = h.currentRichText$) == null ? void 0 : s.pipe(u((n) => !!n)).subscribe((n) => {
173
+ var a;
174
+ return (a = h.currentRichText$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
175
175
  const c = this.getSheetTarget(n.unitId, n.subUnitId);
176
176
  c && this.fireEvent(this.Event.CellHover, {
177
177
  ...c,
@@ -184,8 +184,8 @@ class Ue extends q {
184
184
  ), this.registerEventHandler(
185
185
  this.Event.CellPointerDown,
186
186
  () => {
187
- var s;
188
- return (s = h.currentPointerDownCell$) == null ? void 0 : s.pipe(u((n) => !!n)).subscribe((n) => {
187
+ var a;
188
+ return (a = h.currentPointerDownCell$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
189
189
  const c = this.getSheetTarget(n.unitId, n.subUnitId);
190
190
  c && this.fireEvent(this.Event.CellPointerDown, {
191
191
  ...c,
@@ -198,8 +198,8 @@ class Ue extends q {
198
198
  ), this.registerEventHandler(
199
199
  this.Event.CellPointerUp,
200
200
  () => {
201
- var s;
202
- return (s = h.currentPointerUpCell$) == null ? void 0 : s.pipe(u((n) => !!n)).subscribe((n) => {
201
+ var a;
202
+ return (a = h.currentPointerUpCell$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
203
203
  const c = this.getSheetTarget(n.unitId, n.subUnitId);
204
204
  c && this.fireEvent(this.Event.CellPointerUp, {
205
205
  ...c,
@@ -212,8 +212,8 @@ class Ue extends q {
212
212
  ), this.registerEventHandler(
213
213
  this.Event.CellPointerMove,
214
214
  () => {
215
- var s;
216
- return (s = h.currentCellPosWithEvent$) == null ? void 0 : s.pipe(u((n) => !!n)).subscribe((n) => {
215
+ var a;
216
+ return (a = h.currentCellPosWithEvent$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
217
217
  const c = this.getSheetTarget(n.unitId, n.subUnitId);
218
218
  c && this.fireEvent(this.Event.CellPointerMove, {
219
219
  ...c,
@@ -226,8 +226,8 @@ class Ue extends q {
226
226
  ), this.registerEventHandler(
227
227
  this.Event.DragOver,
228
228
  () => {
229
- var s;
230
- return (s = g.currentCell$) == null ? void 0 : s.pipe(u((n) => !!n)).subscribe((n) => {
229
+ var a;
230
+ return (a = g.currentCell$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
231
231
  const c = this.getSheetTarget(n.location.unitId, n.location.subUnitId);
232
232
  c && this.fireEvent(this.Event.DragOver, {
233
233
  ...c,
@@ -240,8 +240,8 @@ class Ue extends q {
240
240
  ), this.registerEventHandler(
241
241
  this.Event.Drop,
242
242
  () => {
243
- var s;
244
- return (s = g.endCell$) == null ? void 0 : s.pipe(u((n) => !!n)).subscribe((n) => {
243
+ var a;
244
+ return (a = g.endCell$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
245
245
  const c = this.getSheetTarget(n.location.unitId, n.location.subUnitId);
246
246
  c && this.fireEvent(this.Event.Drop, {
247
247
  ...c,
@@ -254,8 +254,8 @@ class Ue extends q {
254
254
  ), this.registerEventHandler(
255
255
  this.Event.RowHeaderClick,
256
256
  () => {
257
- var s;
258
- return (s = h.currentRowHeaderClick$) == null ? void 0 : s.pipe(u((n) => !!n)).subscribe((n) => {
257
+ var a;
258
+ return (a = h.currentRowHeaderClick$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
259
259
  const c = this.getSheetTarget(n.unitId, n.subUnitId);
260
260
  c && this.fireEvent(this.Event.RowHeaderClick, {
261
261
  ...c,
@@ -266,8 +266,8 @@ class Ue extends q {
266
266
  ), this.registerEventHandler(
267
267
  this.Event.RowHeaderPointerDown,
268
268
  () => {
269
- var s;
270
- return (s = h.currentRowHeaderPointerDown$) == null ? void 0 : s.pipe(u((n) => !!n)).subscribe((n) => {
269
+ var a;
270
+ return (a = h.currentRowHeaderPointerDown$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
271
271
  const c = this.getSheetTarget(n.unitId, n.subUnitId);
272
272
  c && this.fireEvent(this.Event.RowHeaderPointerDown, {
273
273
  ...c,
@@ -278,8 +278,8 @@ class Ue extends q {
278
278
  ), this.registerEventHandler(
279
279
  this.Event.RowHeaderPointerUp,
280
280
  () => {
281
- var s;
282
- return (s = h.currentRowHeaderPointerUp$) == null ? void 0 : s.pipe(u((n) => !!n)).subscribe((n) => {
281
+ var a;
282
+ return (a = h.currentRowHeaderPointerUp$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
283
283
  const c = this.getSheetTarget(n.unitId, n.subUnitId);
284
284
  c && this.fireEvent(this.Event.RowHeaderPointerUp, {
285
285
  ...c,
@@ -290,8 +290,8 @@ class Ue extends q {
290
290
  ), this.registerEventHandler(
291
291
  this.Event.RowHeaderHover,
292
292
  () => {
293
- var s;
294
- return (s = h.currentHoveredRowHeader$) == null ? void 0 : s.pipe(u((n) => !!n)).subscribe((n) => {
293
+ var a;
294
+ return (a = h.currentHoveredRowHeader$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
295
295
  const c = this.getSheetTarget(n.unitId, n.subUnitId);
296
296
  c && this.fireEvent(this.Event.RowHeaderHover, {
297
297
  ...c,
@@ -302,8 +302,8 @@ class Ue extends q {
302
302
  ), this.registerEventHandler(
303
303
  this.Event.ColumnHeaderClick,
304
304
  () => {
305
- var s;
306
- return (s = h.currentColHeaderClick$) == null ? void 0 : s.pipe(u((n) => !!n)).subscribe((n) => {
305
+ var a;
306
+ return (a = h.currentColHeaderClick$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
307
307
  const c = this.getSheetTarget(n.unitId, n.subUnitId);
308
308
  c && this.fireEvent(this.Event.ColumnHeaderClick, {
309
309
  ...c,
@@ -314,8 +314,8 @@ class Ue extends q {
314
314
  ), this.registerEventHandler(
315
315
  this.Event.ColumnHeaderPointerDown,
316
316
  () => {
317
- var s;
318
- return (s = h.currentColHeaderPointerDown$) == null ? void 0 : s.pipe(u((n) => !!n)).subscribe((n) => {
317
+ var a;
318
+ return (a = h.currentColHeaderPointerDown$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
319
319
  const c = this.getSheetTarget(n.unitId, n.subUnitId);
320
320
  c && this.fireEvent(this.Event.ColumnHeaderPointerDown, {
321
321
  ...c,
@@ -326,8 +326,8 @@ class Ue extends q {
326
326
  ), this.registerEventHandler(
327
327
  this.Event.ColumnHeaderPointerUp,
328
328
  () => {
329
- var s;
330
- return (s = h.currentColHeaderPointerUp$) == null ? void 0 : s.pipe(u((n) => !!n)).subscribe((n) => {
329
+ var a;
330
+ return (a = h.currentColHeaderPointerUp$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
331
331
  const c = this.getSheetTarget(n.unitId, n.subUnitId);
332
332
  c && this.fireEvent(this.Event.ColumnHeaderPointerUp, {
333
333
  ...c,
@@ -338,8 +338,8 @@ class Ue extends q {
338
338
  ), this.registerEventHandler(
339
339
  this.Event.ColumnHeaderHover,
340
340
  () => {
341
- var s;
342
- return (s = h.currentHoveredColHeader$) == null ? void 0 : s.pipe(u((n) => !!n)).subscribe((n) => {
341
+ var a;
342
+ return (a = h.currentHoveredColHeader$) == null ? void 0 : a.pipe(u((n) => !!n)).subscribe((n) => {
343
343
  const c = this.getSheetTarget(n.unitId, n.subUnitId);
344
344
  c && this.fireEvent(this.Event.ColumnHeaderHover, {
345
345
  ...c,
@@ -350,24 +350,24 @@ class Ue extends q {
350
350
  ));
351
351
  })), this.disposeWithMe(i);
352
352
  const o = /* @__PURE__ */ new Map();
353
- let a;
353
+ let s;
354
354
  const d = ye([
355
355
  r.created$,
356
356
  t.lifecycle$
357
357
  ]);
358
358
  this.disposeWithMe(d.subscribe(([l, h]) => {
359
359
  var P;
360
- if (l.type === oe.UNIVER_SHEET && (a = l), h <= O.Rendered || !a) return;
361
- const g = new B(), s = this.getWorkbook(a.unitId);
362
- if (!s) return;
363
- o.get(a.unitId) && ((P = o.get(a.unitId)) == null || P.dispose()), o.set(a.unitId, g);
364
- const n = a.with(x), c = a.with(ue);
360
+ if (l.type === oe.UNIVER_SHEET && (s = l), h <= O.Rendered || !s) return;
361
+ const g = new B(), a = this.getWorkbook(s.unitId);
362
+ if (!a) return;
363
+ o.get(s.unitId) && ((P = o.get(s.unitId)) == null || P.dispose()), o.set(s.unitId, g);
364
+ const n = s.with(x), c = s.with(ue);
365
365
  g.add(this.registerEventHandler(
366
366
  this.Event.Scroll,
367
367
  () => n.validViewportScrollInfo$.subscribe((v) => {
368
368
  v && this.fireEvent(this.Event.Scroll, {
369
- workbook: s,
370
- worksheet: s.getActiveSheet(),
369
+ workbook: a,
370
+ worksheet: a.getActiveSheet(),
371
371
  ...v
372
372
  });
373
373
  })
@@ -376,8 +376,8 @@ class Ue extends q {
376
376
  () => c.selectionMoveStart$.subscribe((v) => {
377
377
  var m;
378
378
  this.fireEvent(this.Event.SelectionMoveStart, {
379
- workbook: s,
380
- worksheet: s.getActiveSheet(),
379
+ workbook: a,
380
+ worksheet: a.getActiveSheet(),
381
381
  selections: (m = v == null ? void 0 : v.map((k) => k.range)) != null ? m : []
382
382
  });
383
383
  })
@@ -386,8 +386,8 @@ class Ue extends q {
386
386
  () => c.selectionMoving$.subscribe((v) => {
387
387
  var m;
388
388
  this.fireEvent(this.Event.SelectionMoving, {
389
- workbook: s,
390
- worksheet: s.getActiveSheet(),
389
+ workbook: a,
390
+ worksheet: a.getActiveSheet(),
391
391
  selections: (m = v == null ? void 0 : v.map((k) => k.range)) != null ? m : []
392
392
  });
393
393
  })
@@ -396,8 +396,8 @@ class Ue extends q {
396
396
  () => c.selectionMoveEnd$.subscribe((v) => {
397
397
  var m;
398
398
  this.fireEvent(this.Event.SelectionMoveEnd, {
399
- workbook: s,
400
- worksheet: s.getActiveSheet(),
399
+ workbook: a,
400
+ worksheet: a.getActiveSheet(),
401
401
  selections: (m = v == null ? void 0 : v.map((k) => k.range)) != null ? m : []
402
402
  });
403
403
  })
@@ -406,12 +406,12 @@ class Ue extends q {
406
406
  () => c.selectionChanged$.subscribe((v) => {
407
407
  var m;
408
408
  this.fireEvent(this.Event.SelectionChanged, {
409
- workbook: s,
410
- worksheet: s.getActiveSheet(),
409
+ workbook: a,
410
+ worksheet: a.getActiveSheet(),
411
411
  selections: (m = v == null ? void 0 : v.map((k) => k.range)) != null ? m : []
412
412
  });
413
413
  })
414
- )), a = null, this.disposeWithMe(g);
414
+ )), s = null, this.disposeWithMe(g);
415
415
  })), this.disposeWithMe(r.disposed$.subscribe((l) => {
416
416
  var h;
417
417
  (h = o.get(l)) == null || h.dispose(), o.delete(l);
@@ -477,9 +477,9 @@ class Ue extends q {
477
477
  if (ve.indexOf(t.id) > -1) {
478
478
  const i = this.getActiveSheet();
479
479
  if (!i) return;
480
- const o = Se(t, i.worksheet.getMaxColumns()).map((a) => {
480
+ const o = Se(t, i.worksheet.getMaxColumns()).map((s) => {
481
481
  var d, l;
482
- return (l = (d = this.getWorkbook(a.unitId)) == null ? void 0 : d.getSheetBySheetId(a.subUnitId)) == null ? void 0 : l.getRange(a.range);
482
+ return (l = (d = this.getWorkbook(s.unitId)) == null ? void 0 : d.getSheetBySheetId(s.subUnitId)) == null ? void 0 : l.getRange(s.range);
483
483
  }).filter(Boolean);
484
484
  if (!o.length) return;
485
485
  this.fireEvent(this.Event.SheetSkeletonChanged, {
@@ -500,12 +500,12 @@ class Ue extends q {
500
500
  const o = this._injector.get(Q).generateCopyContent(e.getId(), r.getSheetId(), t.getRange());
501
501
  if (!o)
502
502
  return;
503
- const { html: a, plain: d } = o;
503
+ const { html: s, plain: d } = o;
504
504
  return {
505
505
  workbook: e,
506
506
  worksheet: r,
507
507
  text: d,
508
- html: a,
508
+ html: s,
509
509
  fromSheet: r,
510
510
  fromRange: t
511
511
  };
@@ -535,17 +535,17 @@ class Ue extends q {
535
535
  if (!e || !r)
536
536
  return;
537
537
  const o = (await this._injector.get(Re).read())[0];
538
- let a;
538
+ let s;
539
539
  if (o) {
540
540
  const d = o.types, l = d.indexOf(K) !== -1 ? await o.getType(K).then((g) => g && g.text()) : "", h = d.indexOf(Y) !== -1 ? await o.getType(Y).then((g) => g && g.text()) : "";
541
- a = {
541
+ s = {
542
542
  workbook: e,
543
543
  worksheet: r,
544
544
  text: l,
545
545
  html: h
546
546
  };
547
547
  }
548
- return a;
548
+ return s;
549
549
  }
550
550
  _beforeClipboardPaste(e) {
551
551
  const r = this._generateClipboardPasteParam(e);
@@ -582,8 +582,8 @@ class Ue extends q {
582
582
  console.error("WorkBook not exist");
583
583
  return;
584
584
  }
585
- const t = r == null ? void 0 : r.getId(), i = this._injector.get(S), o = r.getActiveSheet(), a = o.getSheetId(), d = i.getRenderById(t);
586
- d && ((h = e.headerStyle) != null && h.size) && (d.with(_).setColumnHeaderSize(d, a, (g = e.headerStyle) == null ? void 0 : g.size), o == null || o.refreshCanvas()), this._getSheetRenderComponent(t, w.COLUMN).setCustomHeader(e), o == null || o.refreshCanvas();
585
+ const t = r == null ? void 0 : r.getId(), i = this._injector.get(S), o = r.getActiveSheet(), s = o.getSheetId(), d = i.getRenderById(t);
586
+ d && ((h = e.headerStyle) != null && h.size) && (d.with(_).setColumnHeaderSize(d, s, (g = e.headerStyle) == null ? void 0 : g.size), o == null || o.refreshCanvas()), this._getSheetRenderComponent(t, w.COLUMN).setCustomHeader(e), o == null || o.refreshCanvas();
587
587
  }
588
588
  customizeRowHeader(e) {
589
589
  const r = this.getActiveWorkbook();
@@ -623,10 +623,10 @@ class Ue extends q {
623
623
  const i = this._injector.get(S).getRenderById(e);
624
624
  if (!i)
625
625
  throw new Error(`Render Unit with unitId ${e} not found`);
626
- const { components: o } = i, a = o.get(r);
627
- if (!a)
626
+ const { components: o } = i, s = o.get(r);
627
+ if (!s)
628
628
  throw new Error("Render component not found");
629
- return a;
629
+ return s;
630
630
  }
631
631
  /**
632
632
  * Get sheet hooks.
@@ -796,11 +796,11 @@ class De extends te {
796
796
  endRow: 0
797
797
  };
798
798
  if (!t) return i;
799
- const a = t.with(_).getCurrentSkeleton();
800
- if (!a) return i;
801
- const d = a == null ? void 0 : a.getVisibleRanges();
799
+ const s = t.with(_).getCurrentSkeleton();
800
+ if (!s) return i;
801
+ const d = s == null ? void 0 : s.getVisibleRanges();
802
802
  if (!d) return i;
803
- i = a.getVisibleRangeByViewport(le.VIEW_MAIN);
803
+ i = s.getVisibleRangeByViewport(le.VIEW_MAIN);
804
804
  for (const [l, h] of d)
805
805
  ge.indexOf(l) !== -1 && (i.startColumn = Math.min(i.startColumn, h.startColumn), i.startRow = Math.min(i.startRow, h.startRow), i.endColumn = Math.max(i.endColumn, h.endColumn), i.endRow = Math.max(i.endRow, h.endRow));
806
806
  return i;
@@ -822,10 +822,10 @@ class De extends te {
822
822
  var o;
823
823
  const r = this._workbook.getUnitId(), i = (o = this._injector.get(S).getRenderById(r)) == null ? void 0 : o.with(x);
824
824
  if (i) {
825
- const a = i.validViewportScrollInfo$.subscribe((d) => {
825
+ const s = i.validViewportScrollInfo$.subscribe((d) => {
826
826
  e(d);
827
827
  });
828
- return C(a);
828
+ return C(s);
829
829
  }
830
830
  return C(() => {
831
831
  });
@@ -873,8 +873,8 @@ class De extends te {
873
873
  }
874
874
  customizeColumnHeader(e) {
875
875
  var l, h;
876
- const r = this, t = this._fWorkbook.getId(), i = this._injector.get(S), o = r.getSheetId(), a = i.getRenderById(t);
877
- a && ((l = e.headerStyle) != null && l.size) && (a.with(_).setColumnHeaderSize(a, o, (h = e.headerStyle) == null ? void 0 : h.size), r == null || r.refreshCanvas());
876
+ const r = this, t = this._fWorkbook.getId(), i = this._injector.get(S), o = r.getSheetId(), s = i.getRenderById(t);
877
+ s && ((l = e.headerStyle) != null && l.size) && (s.with(_).setColumnHeaderSize(s, o, (h = e.headerStyle) == null ? void 0 : h.size), r == null || r.refreshCanvas());
878
878
  const d = this._getSheetRenderComponent(t, w.COLUMN);
879
879
  d && (d.setCustomHeader(e), r == null || r.refreshCanvas());
880
880
  }
@@ -911,10 +911,10 @@ class De extends te {
911
911
  const i = this._injector.get(S).getRenderById(e);
912
912
  if (!i)
913
913
  throw new Error(`Render Unit with unitId ${e} not found`);
914
- const { components: o } = i, a = o.get(r);
915
- if (!a)
914
+ const { components: o } = i, s = o.get(r);
915
+ if (!s)
916
916
  throw new Error("Render component not found");
917
- return a;
917
+ return s;
918
918
  }
919
919
  }
920
920
  te.extend(De);
@@ -940,13 +940,7 @@ class Be extends W {
940
940
  onCellRender(e, r = ae.Style, t = me.DATA_VALIDATION) {
941
941
  return this._injector.get(Ee).intercept(be.CELL_CONTENT, {
942
942
  effect: r,
943
- handler: (i, o, a) => a({
944
- ...i,
945
- customRender: [
946
- ...(i == null ? void 0 : i.customRender) || [],
947
- ...e || []
948
- ]
949
- }),
943
+ handler: (i, o, s) => (i && (i.customRender = [...i.customRender || [], ...e || []]), s(i)),
950
944
  priority: t
951
945
  });
952
946
  }
@@ -1073,10 +1067,10 @@ de.extend(Ae);
1073
1067
  class We extends ne {
1074
1068
  getCell() {
1075
1069
  var d;
1076
- const e = this._injector.get(S), r = this._injector.get(U), t = this._workbook.getUnitId(), i = this._worksheet.getSheetId(), o = e.getRenderById(t), a = (d = o == null ? void 0 : o.with(_).getSkeletonParam(i)) == null ? void 0 : d.skeleton;
1077
- if (!a)
1070
+ const e = this._injector.get(S), r = this._injector.get(U), t = this._workbook.getUnitId(), i = this._worksheet.getSheetId(), o = e.getRenderById(t), s = (d = o == null ? void 0 : o.with(_).getSkeletonParam(i)) == null ? void 0 : d.skeleton;
1071
+ if (!s)
1078
1072
  throw r.error("[Facade]: `FRange.getCell` can only be called in current worksheet"), new Error("`FRange.getCell` can only be called in current worksheet");
1079
- return a.getCellWithCoordByIndex(this._range.startRow, this._range.startColumn);
1073
+ return s.getCellWithCoordByIndex(this._range.startRow, this._range.startColumn);
1080
1074
  }
1081
1075
  getCellRect() {
1082
1076
  const { startX: e, startY: r, endX: t, endY: i } = this.getCell(), o = { x: e, y: r, width: t - e, height: i - r, top: r, left: e, bottom: i, right: t };
@@ -1092,8 +1086,8 @@ class We extends ne {
1092
1086
  return (t = r == null ? void 0 : r.html) != null ? t : "";
1093
1087
  }
1094
1088
  attachPopup(e) {
1095
- var a, d, l;
1096
- e.direction = (a = e.direction) != null ? a : "horizontal", e.extraProps = (d = e.extraProps) != null ? d : {}, e.offset = (l = e.offset) != null ? l : [0, 0];
1089
+ var s, d, l;
1090
+ e.direction = (s = e.direction) != null ? s : "horizontal", e.extraProps = (d = e.extraProps) != null ? d : {}, e.offset = (l = e.offset) != null ? l : [0, 0];
1097
1091
  const { key: r, disposableCollection: t } = G(e, this._injector.get(J)), o = this._injector.get(N).attachPopupToCell(
1098
1092
  this._range.startRow,
1099
1093
  this._range.startColumn,
@@ -1134,8 +1128,8 @@ class We extends ne {
1134
1128
  });
1135
1129
  */
1136
1130
  attachRangePopup(e) {
1137
- var a, d, l;
1138
- e.direction = (a = e.direction) != null ? a : "top-center", e.extraProps = (d = e.extraProps) != null ? d : {}, e.offset = (l = e.offset) != null ? l : [0, 0];
1131
+ var s, d, l;
1132
+ e.direction = (s = e.direction) != null ? s : "top-center", e.extraProps = (d = e.extraProps) != null ? d : {}, e.offset = (l = e.offset) != null ? l : [0, 0];
1139
1133
  const { key: r, disposableCollection: t } = G(e, this._injector.get(J)), o = this._injector.get(N).attachRangePopup(
1140
1134
  this._range,
1141
1135
  { ...e, componentKey: r },
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-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-z-10{z-index:10}.univer-z-\[1001\]{z-index:1001}.univer-z-\[100\]{z-index:100}.univer-m-0{margin: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-mb-4{margin-bottom:16px}.univer-ml-1{margin-left:4px}.univer-ml-1\.5{margin-left:6px}.univer-ml-3{margin-left:12px}.univer-ml-px{margin-left:1px}.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-20{height:80px}.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-\[270px\]{height:270px}.univer-h-\[30px\]{height:30px}.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{--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-flow-col{grid-auto-flow:column}.univer-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.univer-grid-cols-\[1fr\,auto\,auto\,auto\]{grid-template-columns:1fr auto auto auto}.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-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-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(8px * (1 - var(--tw-space-y-reverse)));margin-top:8px;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:0;margin-bottom:calc(8px * var(--tw-space-y-reverse))}.univer-divide-x-0>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:0px;border-right-width:calc(0px * var(--tw-divide-x-reverse));border-left-width:calc(0px * (1 - var(--tw-divide-x-reverse)));border-left-width:0px;border-left-width:calc(0px * calc(1 - var(--tw-divide-x-reverse)))}.univer-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * (1 - var(--tw-divide-y-reverse)));border-top-width:1px;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:0px;border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.univer-divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.univer-divide-gray-200>:not([hidden])~:not([hidden]){border-color:var(--univer-gray-200)}.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-full{border-radius:9999px}.univer-rounded-lg{border-radius:8px}.univer-rounded-md{border-radius:6px}.univer-rounded-sm{border-radius:2px}.univer-border-2{border-width:2px}.univer-border-4{border-width:4px}.univer-border-solid{border-style:solid}.univer-border-none{border-style:none}.univer-border-gray-100{border-color:var(--univer-gray-100)}.univer-border-transparent{border-color:transparent}.univer-border-r-gray-200{border-right-color:var(--univer-gray-200)}.univer-border-t-primary-500{border-top-color:var(--univer-primary-500)}.\!univer-bg-gray-600{background-color:var(--univer-gray-600)!important}.\!univer-bg-gray-800{background-color:var(--univer-gray-800)!important}.\!univer-bg-gray-900{background-color:var(--univer-gray-900)!important}.\!univer-bg-slate-600{--tw-bg-opacity: 1 !important;background-color:#475569!important;background-color:rgba(71,85,105,var(--tw-bg-opacity, 1))!important}.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-transparent{background-color:transparent}.univer-bg-white{background-color:var(--univer-white)}.univer-fill-gray-900{fill:var(--univer-gray-900)}.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-3\.5{padding-left:14px;padding-right:14px}.univer-px-5{padding-left:20px;padding-right:20px}.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-3{padding-left:12px}.univer-pl-6{padding-left:24px}.univer-pt-2{padding-top:8px}.univer-text-center{text-align:center}.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-semibold{font-weight:600}.univer-leading-5{line-height:20px}.univer-leading-6{line-height:24px}.univer-leading-7{line-height:28px}.\!univer-text-gray-700{color:var(--univer-gray-700)!important}.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-\[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-transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);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-divide-gray-600:where(.univer-dark,.univer-dark *)>:not([hidden])~:not([hidden]){border-color:var(--univer-gray-600)!important}.dark\:\!univer-border-r-gray-700:where(.univer-dark,.univer-dark *){border-right-color:var(--univer-gray-700)!important}.dark\:\!univer-bg-black:where(.univer-dark,.univer-dark *){background-color:var(--univer-black)!important}.dark\:\!univer-bg-gray-600:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:\!univer-bg-gray-700:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:\!univer-bg-gray-800:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)!important}.dark\:\!univer-bg-gray-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)!important}.dark\:\!univer-bg-slate-600:where(.univer-dark,.univer-dark *){--tw-bg-opacity: 1 !important;background-color:#475569!important;background-color:rgba(71,85,105,var(--tw-bg-opacity, 1))!important}.dark\:\!univer-fill-white:where(.univer-dark,.univer-dark *){fill:var(--univer-white)!important}.dark\:\!univer-text-gray-200:where(.univer-dark,.univer-dark *){color:var(--univer-gray-200)!important}.dark\:\!univer-text-gray-700:where(.univer-dark,.univer-dark *){color:var(--univer-gray-700)!important}.dark\:\!univer-text-green-400:where(.univer-dark,.univer-dark *){color:var(--univer-green-400)!important}.dark\:\!univer-text-red-400:where(.univer-dark,.univer-dark *){color:var(--univer-red-400)!important}.dark\:\!univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:hover\:\!univer-bg-gray-800:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)!important}.\[\&\>div\:first-child\]\:univer-px-2\.5>div:first-child{padding-left:10px;padding-right:10px}.\[\&\>div\]\:univer-h-5>div{height:20px}.\[\&\>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-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-z-10{z-index:10}.univer-z-\[1001\]{z-index:1001}.univer-z-\[100\]{z-index:100}.univer-m-0{margin: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-mb-4{margin-bottom:16px}.univer-ml-1{margin-left:4px}.univer-ml-1\.5{margin-left:6px}.univer-ml-3{margin-left:12px}.univer-ml-px{margin-left:1px}.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-20{height:80px}.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-\[270px\]{height:270px}.univer-h-\[30px\]{height:30px}.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{--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-flow-col{grid-auto-flow:column}.univer-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.univer-grid-cols-\[1fr\,auto\,auto\,auto\]{grid-template-columns:1fr auto auto auto}.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-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-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(8px * (1 - var(--tw-space-y-reverse)));margin-top:8px;margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:0;margin-bottom:calc(8px * var(--tw-space-y-reverse))}.univer-divide-x-0>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:0px;border-right-width:calc(0px * var(--tw-divide-x-reverse));border-left-width:calc(0px * (1 - var(--tw-divide-x-reverse)));border-left-width:0px;border-left-width:calc(0px * calc(1 - var(--tw-divide-x-reverse)))}.univer-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * (1 - var(--tw-divide-y-reverse)));border-top-width:1px;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:0px;border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.univer-divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.univer-divide-gray-200>:not([hidden])~:not([hidden]){border-color:var(--univer-gray-200)}.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-full{border-radius:9999px}.univer-rounded-lg{border-radius:8px}.univer-rounded-md{border-radius:6px}.univer-rounded-sm{border-radius:2px}.univer-border-2{border-width:2px}.univer-border-4{border-width:4px}.univer-border-solid{border-style:solid}.univer-border-none{border-style:none}.univer-border-gray-100{border-color:var(--univer-gray-100)}.univer-border-transparent{border-color:transparent}.univer-border-r-gray-200{border-right-color:var(--univer-gray-200)}.univer-border-t-primary-500{border-top-color:var(--univer-primary-500)}.\!univer-bg-gray-600{background-color:var(--univer-gray-600)!important}.\!univer-bg-gray-800{background-color:var(--univer-gray-800)!important}.\!univer-bg-gray-900{background-color:var(--univer-gray-900)!important}.\!univer-bg-slate-600{--tw-bg-opacity: 1 !important;background-color:#475569!important;background-color:rgba(71,85,105,var(--tw-bg-opacity, 1))!important}.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-transparent{background-color:transparent}.univer-bg-white{background-color:var(--univer-white)}.univer-fill-gray-900{fill:var(--univer-gray-900)}.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-3\.5{padding-left:14px;padding-right:14px}.univer-px-5{padding-left:20px;padding-right:20px}.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-3{padding-left:12px}.univer-pl-6{padding-left:24px}.univer-pt-2{padding-top:8px}.univer-text-center{text-align:center}.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-semibold{font-weight:600}.univer-leading-5{line-height:20px}.univer-leading-6{line-height:24px}.univer-leading-7{line-height:28px}.\!univer-text-gray-700{color:var(--univer-gray-700)!important}.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-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-\[colors\,box-shadow\]{transition-property:colors,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-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-divide-gray-600:where(.univer-dark,.univer-dark *)>:not([hidden])~:not([hidden]){border-color:var(--univer-gray-600)!important}.dark\:\!univer-border-r-gray-700:where(.univer-dark,.univer-dark *){border-right-color:var(--univer-gray-700)!important}.dark\:\!univer-bg-black:where(.univer-dark,.univer-dark *){background-color:var(--univer-black)!important}.dark\:\!univer-bg-gray-600:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:\!univer-bg-gray-700:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:\!univer-bg-gray-800:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)!important}.dark\:\!univer-bg-gray-900:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-900)!important}.dark\:\!univer-bg-slate-600:where(.univer-dark,.univer-dark *){--tw-bg-opacity: 1 !important;background-color:#475569!important;background-color:rgba(71,85,105,var(--tw-bg-opacity, 1))!important}.dark\:\!univer-fill-white:where(.univer-dark,.univer-dark *){fill:var(--univer-white)!important}.dark\:\!univer-text-gray-200:where(.univer-dark,.univer-dark *){color:var(--univer-gray-200)!important}.dark\:\!univer-text-gray-700:where(.univer-dark,.univer-dark *){color:var(--univer-gray-700)!important}.dark\:\!univer-text-green-400:where(.univer-dark,.univer-dark *){color:var(--univer-green-400)!important}.dark\:\!univer-text-red-400:where(.univer-dark,.univer-dark *){color:var(--univer-red-400)!important}.dark\:\!univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-600)!important}.dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-700)!important}.dark\:hover\:\!univer-bg-gray-800:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)!important}.\[\&\>div\:first-child\]\:univer-px-2\.5>div:first-child{padding-left:10px;padding-right:10px}.\[\&\>div\]\:univer-h-5>div{height:20px}.\[\&\>div\]\:univer-ring-transparent>div{--tw-ring-color: transparent }.\[\&_canvas\]\:univer-absolute canvas{position:absolute}