@univerjs/ui 1.0.0-rc.0 → 1.0.1

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 (111) hide show
  1. package/README.md +16 -0
  2. package/lib/cjs/facade.js +12 -6
  3. package/lib/cjs/index.js +1820 -635
  4. package/lib/cjs/locale/ar-SA.js +2 -1
  5. package/lib/cjs/locale/ca-ES.js +2 -1
  6. package/lib/cjs/locale/de-DE.js +2 -1
  7. package/lib/cjs/locale/en-US.js +2 -1
  8. package/lib/cjs/locale/es-ES.js +2 -1
  9. package/lib/cjs/locale/fa-IR.js +2 -1
  10. package/lib/cjs/locale/fr-FR.js +2 -1
  11. package/lib/cjs/locale/id-ID.js +2 -1
  12. package/lib/cjs/locale/it-IT.js +2 -1
  13. package/lib/cjs/locale/ja-JP.js +2 -1
  14. package/lib/cjs/locale/ko-KR.js +2 -1
  15. package/lib/cjs/locale/pl-PL.js +2 -1
  16. package/lib/cjs/locale/pt-BR.js +2 -1
  17. package/lib/cjs/locale/ru-RU.js +2 -1
  18. package/lib/cjs/locale/sk-SK.js +2 -1
  19. package/lib/cjs/locale/vi-VN.js +2 -1
  20. package/lib/cjs/locale/zh-CN.js +2 -1
  21. package/lib/cjs/locale/zh-HK.js +2 -1
  22. package/lib/cjs/locale/zh-TW.js +2 -1
  23. package/lib/es/facade.js +12 -6
  24. package/lib/es/index.js +1815 -638
  25. package/lib/es/locale/ar-SA.js +2 -0
  26. package/lib/es/locale/ca-ES.js +2 -0
  27. package/lib/es/locale/de-DE.js +2 -0
  28. package/lib/es/locale/en-US.js +2 -0
  29. package/lib/es/locale/es-ES.js +2 -0
  30. package/lib/es/locale/fa-IR.js +2 -0
  31. package/lib/es/locale/fr-FR.js +2 -0
  32. package/lib/es/locale/id-ID.js +2 -0
  33. package/lib/es/locale/it-IT.js +2 -0
  34. package/lib/es/locale/ja-JP.js +2 -0
  35. package/lib/es/locale/ko-KR.js +2 -0
  36. package/lib/es/locale/pl-PL.js +2 -0
  37. package/lib/es/locale/pt-BR.js +2 -0
  38. package/lib/es/locale/ru-RU.js +2 -0
  39. package/lib/es/locale/sk-SK.js +2 -0
  40. package/lib/es/locale/vi-VN.js +2 -0
  41. package/lib/es/locale/zh-CN.js +2 -0
  42. package/lib/es/locale/zh-HK.js +2 -0
  43. package/lib/es/locale/zh-TW.js +2 -0
  44. package/lib/facade.js +12 -6
  45. package/lib/index.css +102 -34
  46. package/lib/index.js +1815 -638
  47. package/lib/locale/ar-SA.js +2 -0
  48. package/lib/locale/ca-ES.js +2 -0
  49. package/lib/locale/de-DE.js +2 -0
  50. package/lib/locale/en-US.js +2 -0
  51. package/lib/locale/es-ES.js +2 -0
  52. package/lib/locale/fa-IR.js +2 -0
  53. package/lib/locale/fr-FR.js +2 -0
  54. package/lib/locale/id-ID.js +2 -0
  55. package/lib/locale/it-IT.js +2 -0
  56. package/lib/locale/ja-JP.js +2 -0
  57. package/lib/locale/ko-KR.js +2 -0
  58. package/lib/locale/pl-PL.js +2 -0
  59. package/lib/locale/pt-BR.js +2 -0
  60. package/lib/locale/ru-RU.js +2 -0
  61. package/lib/locale/sk-SK.js +2 -0
  62. package/lib/locale/vi-VN.js +2 -0
  63. package/lib/locale/zh-CN.js +2 -0
  64. package/lib/locale/zh-HK.js +2 -0
  65. package/lib/locale/zh-TW.js +2 -0
  66. package/lib/types/controllers/format-painter.controller.d.ts +25 -0
  67. package/lib/types/facade/f-menu-builder.d.ts +14 -1
  68. package/lib/types/facade/f-univer.d.ts +30 -5
  69. package/lib/types/index.d.ts +10 -0
  70. package/lib/types/locale/en-US.d.ts +2 -0
  71. package/lib/types/menu/format-painter.menu.d.ts +19 -0
  72. package/lib/types/services/contextmenu/contextmenu.service.d.ts +1 -0
  73. package/lib/types/services/format-painter/format-painter-canvas.d.ts +28 -0
  74. package/lib/types/services/format-painter/format-painter-session.service.d.ts +61 -0
  75. package/lib/types/services/menu/menu-manager.service.d.ts +13 -1
  76. package/lib/types/services/menu/menu.d.ts +6 -0
  77. package/lib/types/utils/mobile-canvas-gesture.d.ts +50 -0
  78. package/lib/types/views/components/context-menu/MobileContextMenu.d.ts +6 -0
  79. package/lib/types/views/components/dialog-part/MobileDialogPart.d.ts +5 -0
  80. package/lib/types/views/components/mobile-drawer/MobileDrawer.d.ts +2 -0
  81. package/lib/types/views/components/mobile-zoom-indicator/mobile-zoom-indicator.d.ts +26 -0
  82. package/lib/types/views/components/ribbon/ToolbarButton.d.ts +1 -1
  83. package/lib/types/views/components/sidebar/MobileSidebar.d.ts +5 -0
  84. package/lib/types/views/emoji-picker/emoji-picker-utils.d.ts +1 -1
  85. package/lib/types/views/font-family/MobileFontFamilyDropdown.d.ts +17 -0
  86. package/lib/types/views/menu/mobile/MobileMenu.d.ts +1 -1
  87. package/lib/types/views/mobile-workbench/MobileCanvasLayout.d.ts +42 -0
  88. package/lib/types/views/mobile-workbench/MobileWorkbench.d.ts +2 -0
  89. package/lib/types/views/notification/Notification.d.ts +6 -1
  90. package/lib/umd/facade.js +1 -1
  91. package/lib/umd/index.js +34 -16
  92. package/lib/umd/locale/ar-SA.js +1 -1
  93. package/lib/umd/locale/ca-ES.js +1 -1
  94. package/lib/umd/locale/de-DE.js +1 -1
  95. package/lib/umd/locale/en-US.js +1 -1
  96. package/lib/umd/locale/es-ES.js +1 -1
  97. package/lib/umd/locale/fa-IR.js +1 -1
  98. package/lib/umd/locale/fr-FR.js +1 -1
  99. package/lib/umd/locale/id-ID.js +1 -1
  100. package/lib/umd/locale/it-IT.js +1 -1
  101. package/lib/umd/locale/ja-JP.js +1 -1
  102. package/lib/umd/locale/ko-KR.js +1 -1
  103. package/lib/umd/locale/pl-PL.js +1 -1
  104. package/lib/umd/locale/pt-BR.js +1 -1
  105. package/lib/umd/locale/ru-RU.js +1 -1
  106. package/lib/umd/locale/sk-SK.js +1 -1
  107. package/lib/umd/locale/vi-VN.js +1 -1
  108. package/lib/umd/locale/zh-CN.js +1 -1
  109. package/lib/umd/locale/zh-HK.js +1 -1
  110. package/lib/umd/locale/zh-TW.js +1 -1
  111. package/package.json +12 -12
@@ -7357,6 +7357,8 @@ const emojiLocale = {
7357
7357
  //#endregion
7358
7358
  //#region src/locale/ar-SA.ts
7359
7359
  const locale = { ui: {
7360
+ clearFormatting: "مسح التنسيق",
7361
+ formatPainter: "نسخ التنسيق",
7360
7362
  accessibility: {
7361
7363
  menu: "القائمة",
7362
7364
  zoom: "التكبير والتصغير",
@@ -7357,6 +7357,8 @@ const emojiLocale = {
7357
7357
  //#endregion
7358
7358
  //#region src/locale/ca-ES.ts
7359
7359
  const locale = { ui: {
7360
+ clearFormatting: "Esborra el format",
7361
+ formatPainter: "Copia el format",
7360
7362
  accessibility: {
7361
7363
  menu: "Menú",
7362
7364
  zoom: "Zoom",
@@ -7357,6 +7357,8 @@ const emojiLocale = {
7357
7357
  //#endregion
7358
7358
  //#region src/locale/de-DE.ts
7359
7359
  const locale = { ui: {
7360
+ clearFormatting: "Formatierung löschen",
7361
+ formatPainter: "Format übertragen",
7360
7362
  accessibility: {
7361
7363
  menu: "Menü",
7362
7364
  zoom: "Zoom",
@@ -7372,6 +7372,8 @@ const emojiLocale = {
7372
7372
  * limitations under the License.
7373
7373
  */
7374
7374
  const locale = { ui: {
7375
+ clearFormatting: "Clear formatting",
7376
+ formatPainter: "Format Painter",
7375
7377
  accessibility: {
7376
7378
  menu: "Menu",
7377
7379
  zoom: "Zoom",
@@ -7357,6 +7357,8 @@ const emojiLocale = {
7357
7357
  //#endregion
7358
7358
  //#region src/locale/es-ES.ts
7359
7359
  const locale = { ui: {
7360
+ clearFormatting: "Borrar formato",
7361
+ formatPainter: "Copiar formato",
7360
7362
  accessibility: {
7361
7363
  menu: "Menú",
7362
7364
  zoom: "Zoom",
@@ -7357,6 +7357,8 @@ const emojiLocale = {
7357
7357
  //#endregion
7358
7358
  //#region src/locale/fa-IR.ts
7359
7359
  const locale = { ui: {
7360
+ clearFormatting: "پاک کردن قالب‌بندی",
7361
+ formatPainter: "کپی قالب‌بندی",
7360
7362
  accessibility: {
7361
7363
  menu: "منو",
7362
7364
  zoom: "بزرگ‌نمایی",
@@ -7357,6 +7357,8 @@ const emojiLocale = {
7357
7357
  //#endregion
7358
7358
  //#region src/locale/fr-FR.ts
7359
7359
  const locale = { ui: {
7360
+ clearFormatting: "Effacer la mise en forme",
7361
+ formatPainter: "Reproduire la mise en forme",
7360
7362
  accessibility: {
7361
7363
  menu: "Menu",
7362
7364
  zoom: "Zoom",
@@ -7357,6 +7357,8 @@ const emojiLocale = {
7357
7357
  //#endregion
7358
7358
  //#region src/locale/id-ID.ts
7359
7359
  const locale = { ui: {
7360
+ clearFormatting: "Hapus pemformatan",
7361
+ formatPainter: "Salin Format",
7360
7362
  accessibility: {
7361
7363
  menu: "Menu",
7362
7364
  zoom: "Zoom",
@@ -7357,6 +7357,8 @@ const emojiLocale = {
7357
7357
  //#endregion
7358
7358
  //#region src/locale/it-IT.ts
7359
7359
  const locale = { ui: {
7360
+ clearFormatting: "Cancella formattazione",
7361
+ formatPainter: "Copia formato",
7360
7362
  accessibility: {
7361
7363
  menu: "Menu",
7362
7364
  zoom: "Zoom",
@@ -7357,6 +7357,8 @@ const emojiLocale = {
7357
7357
  //#endregion
7358
7358
  //#region src/locale/ja-JP.ts
7359
7359
  const locale = { ui: {
7360
+ clearFormatting: "書式をクリア",
7361
+ formatPainter: "書式のコピー",
7360
7362
  accessibility: {
7361
7363
  menu: "メニュー",
7362
7364
  zoom: "ズーム",
@@ -7357,6 +7357,8 @@ const emojiLocale = {
7357
7357
  //#endregion
7358
7358
  //#region src/locale/ko-KR.ts
7359
7359
  const locale = { ui: {
7360
+ clearFormatting: "서식 지우기",
7361
+ formatPainter: "서식 복사",
7360
7362
  accessibility: {
7361
7363
  menu: "메뉴",
7362
7364
  zoom: "확대/축소",
@@ -7357,6 +7357,8 @@ const emojiLocale = {
7357
7357
  //#endregion
7358
7358
  //#region src/locale/pl-PL.ts
7359
7359
  const locale = { ui: {
7360
+ clearFormatting: "Wyczyść formatowanie",
7361
+ formatPainter: "Malarz formatów",
7360
7362
  accessibility: {
7361
7363
  menu: "Menu",
7362
7364
  zoom: "Powiększenie",
@@ -7357,6 +7357,8 @@ const emojiLocale = {
7357
7357
  //#endregion
7358
7358
  //#region src/locale/pt-BR.ts
7359
7359
  const locale = { ui: {
7360
+ clearFormatting: "Limpar formatação",
7361
+ formatPainter: "Pincel de Formatação",
7360
7362
  accessibility: {
7361
7363
  menu: "Menu",
7362
7364
  zoom: "Zoom",
@@ -7357,6 +7357,8 @@ const emojiLocale = {
7357
7357
  //#endregion
7358
7358
  //#region src/locale/ru-RU.ts
7359
7359
  const locale = { ui: {
7360
+ clearFormatting: "Очистить форматирование",
7361
+ formatPainter: "Формат по образцу",
7360
7362
  accessibility: {
7361
7363
  menu: "Меню",
7362
7364
  zoom: "Масштаб",
@@ -7357,6 +7357,8 @@ const emojiLocale = {
7357
7357
  //#endregion
7358
7358
  //#region src/locale/sk-SK.ts
7359
7359
  const locale = { ui: {
7360
+ clearFormatting: "Vymazať formátovanie",
7361
+ formatPainter: "Kopírovať formát",
7360
7362
  accessibility: {
7361
7363
  menu: "Ponuka",
7362
7364
  zoom: "Priblíženie",
@@ -7357,6 +7357,8 @@ const emojiLocale = {
7357
7357
  //#endregion
7358
7358
  //#region src/locale/vi-VN.ts
7359
7359
  const locale = { ui: {
7360
+ clearFormatting: "Xóa định dạng",
7361
+ formatPainter: "Sao chép định dạng",
7360
7362
  accessibility: {
7361
7363
  menu: "Trình đơn",
7362
7364
  zoom: "Thu phóng",
@@ -7357,6 +7357,8 @@ const emojiLocale = {
7357
7357
  //#endregion
7358
7358
  //#region src/locale/zh-CN.ts
7359
7359
  const locale = { ui: {
7360
+ clearFormatting: "清除格式",
7361
+ formatPainter: "格式刷",
7360
7362
  accessibility: {
7361
7363
  menu: "菜单",
7362
7364
  zoom: "缩放",
@@ -7357,6 +7357,8 @@ const emojiLocale = {
7357
7357
  //#endregion
7358
7358
  //#region src/locale/zh-HK.ts
7359
7359
  const locale = { ui: {
7360
+ clearFormatting: "清除格式",
7361
+ formatPainter: "複製格式",
7360
7362
  accessibility: {
7361
7363
  menu: "選單",
7362
7364
  zoom: "縮放",
@@ -7357,6 +7357,8 @@ const emojiLocale = {
7357
7357
  //#endregion
7358
7358
  //#region src/locale/zh-TW.ts
7359
7359
  const locale = { ui: {
7360
+ clearFormatting: "清除格式",
7361
+ formatPainter: "複製格式",
7360
7362
  accessibility: {
7361
7363
  menu: "選單",
7362
7364
  zoom: "縮放",
package/lib/facade.js CHANGED
@@ -3,7 +3,7 @@ import { FBase, FEnum, FUniver } from "@univerjs/core/facade";
3
3
  import { IRenderManagerService } from "@univerjs/engine-render";
4
4
  import { BuiltInUIPart, ComponentManager, CopyCommand, IDialogService, IFontService, IMenuManagerService, IMessageService, IShortcutService, ISidebarService, IUIPartsService, KeyCode, MenuItemType, MenuManagerPosition, PasteCommand, RibbonPosition, RibbonStartGroup, UI_PLUGIN_CONFIG_KEY, connectInjector } from "@univerjs/ui";
5
5
 
6
- //#region \0@oxc-project+runtime@0.140.0/helpers/esm/typeof.js
6
+ //#region \0@oxc-project+runtime@0.149.0/helpers/esm/typeof.js
7
7
  function _typeof(o) {
8
8
  "@babel/helpers - typeof";
9
9
  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -14,7 +14,7 @@ function _typeof(o) {
14
14
  }
15
15
 
16
16
  //#endregion
17
- //#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPrimitive.js
17
+ //#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPrimitive.js
18
18
  function toPrimitive(t, r) {
19
19
  if ("object" != _typeof(t) || !t) return t;
20
20
  var e = t[Symbol.toPrimitive];
@@ -27,14 +27,14 @@ function toPrimitive(t, r) {
27
27
  }
28
28
 
29
29
  //#endregion
30
- //#region \0@oxc-project+runtime@0.140.0/helpers/esm/toPropertyKey.js
30
+ //#region \0@oxc-project+runtime@0.149.0/helpers/esm/toPropertyKey.js
31
31
  function toPropertyKey(t) {
32
32
  var i = toPrimitive(t, "string");
33
33
  return "symbol" == _typeof(i) ? i : i + "";
34
34
  }
35
35
 
36
36
  //#endregion
37
- //#region \0@oxc-project+runtime@0.140.0/helpers/esm/defineProperty.js
37
+ //#region \0@oxc-project+runtime@0.149.0/helpers/esm/defineProperty.js
38
38
  function _defineProperty(e, r, t) {
39
39
  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
40
40
  value: t,
@@ -45,7 +45,7 @@ function _defineProperty(e, r, t) {
45
45
  }
46
46
 
47
47
  //#endregion
48
- //#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorateParam.js
48
+ //#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorateParam.js
49
49
  function __decorateParam(paramIndex, decorator) {
50
50
  return function(target, key) {
51
51
  decorator(target, key, paramIndex);
@@ -53,7 +53,7 @@ function __decorateParam(paramIndex, decorator) {
53
53
  }
54
54
 
55
55
  //#endregion
56
- //#region \0@oxc-project+runtime@0.140.0/helpers/esm/decorate.js
56
+ //#region \0@oxc-project+runtime@0.149.0/helpers/esm/decorate.js
57
57
  function __decorate(decorators, target, key, desc) {
58
58
  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
59
59
  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -128,6 +128,7 @@ let FMenu = class FMenu extends FMenuBase {
128
128
  commandId
129
129
  }) };
130
130
  if (typeof _item.order !== "undefined") this._buildingSchema.order = _item.order;
131
+ if (_item.gridLayout) this._buildingSchema.gridLayout = _item.gridLayout;
131
132
  }
132
133
  /**
133
134
  * @ignore
@@ -169,6 +170,7 @@ let FSubmenu = class FSubmenu extends FMenuBase {
169
170
  tooltip: _item.tooltip
170
171
  }) };
171
172
  if (typeof _item.order !== "undefined") this._buildingSchema.order = _item.order;
173
+ if (_item.gridLayout) this._buildingSchema.gridLayout = _item.gridLayout;
172
174
  }
173
175
  /**
174
176
  * Add a menu to the submenu. It can be a {@link FMenu} or a {@link FSubmenu}.
@@ -393,6 +395,10 @@ var FUniverUIMixin = class extends FUniver {
393
395
  createSubmenu(submenuItem) {
394
396
  return this._injector.createInstance(FSubmenu, submenuItem);
395
397
  }
398
+ updateMenuConfig(config) {
399
+ this._injector.get(IMenuManagerService).updateMenuConfig(config);
400
+ return this;
401
+ }
396
402
  openSidebar(params) {
397
403
  return this._injector.get(ISidebarService).open(params);
398
404
  }
package/lib/index.css CHANGED
@@ -47,6 +47,11 @@
47
47
  right: 0;
48
48
  }
49
49
 
50
+ .univer-inset-x-3 {
51
+ left: .75rem;
52
+ right: .75rem;
53
+ }
54
+
50
55
  .\!univer-bottom-0 {
51
56
  bottom: 0 !important;
52
57
  }
@@ -63,10 +68,18 @@
63
68
  top: auto !important;
64
69
  }
65
70
 
71
+ .-univer-bottom-1 {
72
+ bottom: -.25rem;
73
+ }
74
+
66
75
  .-univer-left-\[99999\] {
67
76
  left: -99999px;
68
77
  }
69
78
 
79
+ .-univer-top-1 {
80
+ top: -.25rem;
81
+ }
82
+
70
83
  .-univer-top-\[99999\] {
71
84
  top: -99999px;
72
85
  }
@@ -95,6 +108,10 @@
95
108
  right: 0;
96
109
  }
97
110
 
111
+ .univer-right-1\.5 {
112
+ right: .375rem;
113
+ }
114
+
98
115
  .univer-right-2 {
99
116
  right: .5rem;
100
117
  }
@@ -107,6 +124,10 @@
107
124
  top: 0;
108
125
  }
109
126
 
127
+ .univer-top-1\.5 {
128
+ top: .375rem;
129
+ }
130
+
110
131
  .univer-top-1\/2 {
111
132
  top: 50%;
112
133
  }
@@ -286,6 +307,11 @@
286
307
  height: 3rem;
287
308
  }
288
309
 
310
+ .univer-size-2 {
311
+ width: .5rem;
312
+ height: .5rem;
313
+ }
314
+
289
315
  .univer-size-3 {
290
316
  width: .75rem;
291
317
  height: .75rem;
@@ -399,10 +425,6 @@
399
425
  height: 340px;
400
426
  }
401
427
 
402
- .univer-h-\[88px\] {
403
- height: 88px;
404
- }
405
-
406
428
  .univer-h-full {
407
429
  height: 100%;
408
430
  }
@@ -427,6 +449,10 @@
427
449
  min-height: 3rem;
428
450
  }
429
451
 
452
+ .univer-min-h-20 {
453
+ min-height: 5rem;
454
+ }
455
+
430
456
  .univer-min-h-8 {
431
457
  min-height: 2rem;
432
458
  }
@@ -459,10 +485,6 @@
459
485
  width: 2.5rem;
460
486
  }
461
487
 
462
- .univer-w-11 {
463
- width: 2.75rem;
464
- }
465
-
466
488
  .univer-w-14 {
467
489
  width: 3.5rem;
468
490
  }
@@ -503,6 +525,10 @@
503
525
  width: 2rem;
504
526
  }
505
527
 
528
+ .univer-w-9 {
529
+ width: 2.25rem;
530
+ }
531
+
506
532
  .univer-w-96 {
507
533
  width: 24rem;
508
534
  }
@@ -515,6 +541,10 @@
515
541
  width: 68px;
516
542
  }
517
543
 
544
+ .univer-w-fit {
545
+ width: fit-content;
546
+ }
547
+
518
548
  .univer-w-full {
519
549
  width: 100%;
520
550
  }
@@ -555,12 +585,8 @@
555
585
  min-width: 16rem;
556
586
  }
557
587
 
558
- .univer-min-w-8 {
559
- min-width: 2rem;
560
- }
561
-
562
- .univer-min-w-\[72px\] {
563
- min-width: 72px;
588
+ .univer-min-w-\[60px\] {
589
+ min-width: 60px;
564
590
  }
565
591
 
566
592
  .univer-min-w-min {
@@ -587,6 +613,10 @@
587
613
  max-width: 32%;
588
614
  }
589
615
 
616
+ .univer-max-w-\[560px\] {
617
+ max-width: 560px;
618
+ }
619
+
590
620
  .univer-max-w-\[calc\(100vw-16px\)\] {
591
621
  max-width: calc(100vw - 16px);
592
622
  }
@@ -641,6 +671,12 @@
641
671
  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
642
672
  }
643
673
 
674
+ .univer-rotate-45 {
675
+ --univer-tw-rotate: 45deg;
676
+ transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(45deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
677
+ transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
678
+ }
679
+
644
680
  .univer-scale-105 {
645
681
  --univer-tw-scale-x: 1.05;
646
682
  --univer-tw-scale-y: 1.05;
@@ -750,10 +786,6 @@
750
786
  grid-template-columns: auto 1fr auto;
751
787
  }
752
788
 
753
- .univer-grid-rows-2 {
754
- grid-template-rows: repeat(2, minmax(0, 1fr));
755
- }
756
-
757
789
  .univer-grid-rows-\[100\%\] {
758
790
  grid-template-rows: 100%;
759
791
  }
@@ -766,6 +798,10 @@
766
798
  grid-template-rows: auto 1fr auto;
767
799
  }
768
800
 
801
+ .univer-grid-rows-\[repeat\(2\,1\.5rem\)\] {
802
+ grid-template-rows: repeat(2, 1.5rem);
803
+ }
804
+
769
805
  .univer-flex-row {
770
806
  flex-direction: row;
771
807
  }
@@ -858,15 +894,6 @@
858
894
  gap: 1.5rem;
859
895
  }
860
896
 
861
- .univer-gap-x-1 {
862
- -moz-column-gap: .25rem;
863
- column-gap: .25rem;
864
- }
865
-
866
- .univer-gap-y-2 {
867
- row-gap: .5rem;
868
- }
869
-
870
897
  .univer-overflow-auto {
871
898
  overflow: auto;
872
899
  }
@@ -1111,6 +1138,10 @@
1111
1138
  background-color: var(--univer-gray-700);
1112
1139
  }
1113
1140
 
1141
+ .univer-bg-gray-900 {
1142
+ background-color: var(--univer-gray-900);
1143
+ }
1144
+
1114
1145
  .univer-bg-primary-50 {
1115
1146
  background-color: var(--univer-primary-50);
1116
1147
  }
@@ -1231,6 +1262,11 @@
1231
1262
  padding-right: 1rem;
1232
1263
  }
1233
1264
 
1265
+ .univer-px-6 {
1266
+ padding-left: 1.5rem;
1267
+ padding-right: 1.5rem;
1268
+ }
1269
+
1234
1270
  .univer-py-0\.5 {
1235
1271
  padding-top: .125rem;
1236
1272
  padding-bottom: .125rem;
@@ -1762,10 +1798,11 @@
1762
1798
  background-color: var(--univer-gray-200);
1763
1799
  }
1764
1800
 
1765
- @media (hover: hover) and (pointer: fine) {
1766
- .enabled\:hover\:univer-bg-gray-50:hover:enabled {
1767
- background-color: var(--univer-gray-50);
1768
- }
1801
+ .enabled\:active\:univer-scale-\[0\.98\]:active:enabled {
1802
+ --univer-tw-scale-x: .98;
1803
+ --univer-tw-scale-y: .98;
1804
+ transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(.98) scaleY(.98);
1805
+ transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
1769
1806
  }
1770
1807
 
1771
1808
  .enabled\:active\:univer-bg-gray-100:active:enabled {
@@ -2166,6 +2203,13 @@
2166
2203
  width: 100%;
2167
2204
  }
2168
2205
 
2206
+ .\[\&\>span\]\:univer-line-clamp-2 > span {
2207
+ -webkit-line-clamp: 2;
2208
+ -webkit-box-orient: vertical;
2209
+ display: -webkit-box;
2210
+ overflow: hidden;
2211
+ }
2212
+
2169
2213
  .\[\&\>span\]\:univer-block > span {
2170
2214
  display: block;
2171
2215
  }
@@ -2189,6 +2233,11 @@
2189
2233
  line-height: 1.5rem;
2190
2234
  }
2191
2235
 
2236
+ .\[\&\>span\]\:univer-text-xs > span {
2237
+ font-size: .75rem;
2238
+ line-height: 1rem;
2239
+ }
2240
+
2192
2241
  .\[\&\>span\]\:univer-font-medium > span {
2193
2242
  font-weight: 500;
2194
2243
  }
@@ -2198,9 +2247,9 @@
2198
2247
  height: 1rem;
2199
2248
  }
2200
2249
 
2201
- .\[\&\>svg\]\:univer-size-8 > svg {
2202
- width: 2rem;
2203
- height: 2rem;
2250
+ .\[\&\>svg\]\:univer-size-6 > svg {
2251
+ width: 1.5rem;
2252
+ height: 1.5rem;
2204
2253
  }
2205
2254
 
2206
2255
  .\[\&\>svg\]\:univer-shrink-0 > svg {
@@ -2499,6 +2548,11 @@
2499
2548
  text-align: center;
2500
2549
  }
2501
2550
 
2551
+ .\[\&_input\]\:\!univer-text-base input {
2552
+ font-size: 1rem !important;
2553
+ line-height: 1.5rem !important;
2554
+ }
2555
+
2502
2556
  .\[\&_input\]\:univer-text-sm input {
2503
2557
  font-size: .875rem;
2504
2558
  line-height: 1.25rem;
@@ -2526,7 +2580,21 @@
2526
2580
  outline: 2px solid #0000 !important;
2527
2581
  }
2528
2582
 
2583
+ .\[\&_select\]\:\!univer-text-base select {
2584
+ font-size: 1rem !important;
2585
+ line-height: 1.5rem !important;
2586
+ }
2587
+
2529
2588
  .\[\&_svg\]\:univer-size-5 svg {
2530
2589
  width: 1.25rem;
2531
2590
  height: 1.25rem;
2532
2591
  }
2592
+
2593
+ .\[\&_svg\]\:univer-shrink-0 svg {
2594
+ flex-shrink: 0;
2595
+ }
2596
+
2597
+ .\[\&_textarea\]\:\!univer-text-base textarea {
2598
+ font-size: 1rem !important;
2599
+ line-height: 1.5rem !important;
2600
+ }