@univerjs/design 1.0.0-alpha.2 → 1.0.0-alpha.4

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 (88) hide show
  1. package/lib/cjs/index.js +126 -109
  2. package/lib/cjs/locale/ar-SA.js +11 -1
  3. package/lib/cjs/locale/ca-ES.js +11 -1
  4. package/lib/cjs/locale/de-DE.js +11 -1
  5. package/lib/cjs/locale/en-US.js +10 -0
  6. package/lib/cjs/locale/es-ES.js +20 -10
  7. package/lib/cjs/locale/fa-IR.js +11 -1
  8. package/lib/cjs/locale/fr-FR.js +11 -1
  9. package/lib/cjs/locale/id-ID.js +11 -1
  10. package/lib/cjs/locale/it-IT.js +11 -1
  11. package/lib/cjs/locale/ja-JP.js +11 -1
  12. package/lib/cjs/locale/ko-KR.js +11 -1
  13. package/lib/cjs/locale/pl-PL.js +11 -1
  14. package/lib/cjs/locale/pt-BR.js +11 -1
  15. package/lib/cjs/locale/ru-RU.js +11 -1
  16. package/lib/cjs/locale/sk-SK.js +11 -1
  17. package/lib/cjs/locale/vi-VN.js +11 -1
  18. package/lib/cjs/locale/zh-CN.js +10 -0
  19. package/lib/cjs/locale/zh-HK.js +10 -0
  20. package/lib/cjs/locale/zh-TW.js +10 -0
  21. package/lib/es/index.js +127 -111
  22. package/lib/es/locale/ar-SA.js +11 -1
  23. package/lib/es/locale/ca-ES.js +11 -1
  24. package/lib/es/locale/de-DE.js +11 -1
  25. package/lib/es/locale/en-US.js +10 -0
  26. package/lib/es/locale/es-ES.js +20 -10
  27. package/lib/es/locale/fa-IR.js +11 -1
  28. package/lib/es/locale/fr-FR.js +11 -1
  29. package/lib/es/locale/id-ID.js +11 -1
  30. package/lib/es/locale/it-IT.js +11 -1
  31. package/lib/es/locale/ja-JP.js +11 -1
  32. package/lib/es/locale/ko-KR.js +11 -1
  33. package/lib/es/locale/pl-PL.js +11 -1
  34. package/lib/es/locale/pt-BR.js +11 -1
  35. package/lib/es/locale/ru-RU.js +11 -1
  36. package/lib/es/locale/sk-SK.js +11 -1
  37. package/lib/es/locale/vi-VN.js +11 -1
  38. package/lib/es/locale/zh-CN.js +10 -0
  39. package/lib/es/locale/zh-HK.js +10 -0
  40. package/lib/es/locale/zh-TW.js +10 -0
  41. package/lib/index.css +44 -0
  42. package/lib/index.js +127 -111
  43. package/lib/locale/ar-SA.js +11 -1
  44. package/lib/locale/ca-ES.js +11 -1
  45. package/lib/locale/de-DE.js +11 -1
  46. package/lib/locale/en-US.js +10 -0
  47. package/lib/locale/es-ES.js +20 -10
  48. package/lib/locale/fa-IR.js +11 -1
  49. package/lib/locale/fr-FR.js +11 -1
  50. package/lib/locale/id-ID.js +11 -1
  51. package/lib/locale/it-IT.js +11 -1
  52. package/lib/locale/ja-JP.js +11 -1
  53. package/lib/locale/ko-KR.js +11 -1
  54. package/lib/locale/pl-PL.js +11 -1
  55. package/lib/locale/pt-BR.js +11 -1
  56. package/lib/locale/ru-RU.js +11 -1
  57. package/lib/locale/sk-SK.js +11 -1
  58. package/lib/locale/vi-VN.js +11 -1
  59. package/lib/locale/zh-CN.js +10 -0
  60. package/lib/locale/zh-HK.js +10 -0
  61. package/lib/locale/zh-TW.js +10 -0
  62. package/lib/types/components/accordion/Accordion.d.ts +4 -0
  63. package/lib/types/components/button/Button.d.ts +1 -1
  64. package/lib/types/components/message/Message.d.ts +2 -2
  65. package/lib/types/components/segmented/Segmented.d.ts +2 -1
  66. package/lib/types/index.d.ts +1 -1
  67. package/lib/types/locale/en-US.d.ts +10 -0
  68. package/lib/umd/index.js +14 -14
  69. package/lib/umd/locale/ar-SA.js +1 -1
  70. package/lib/umd/locale/ca-ES.js +1 -1
  71. package/lib/umd/locale/de-DE.js +1 -1
  72. package/lib/umd/locale/en-US.js +1 -1
  73. package/lib/umd/locale/es-ES.js +1 -1
  74. package/lib/umd/locale/fa-IR.js +1 -1
  75. package/lib/umd/locale/fr-FR.js +1 -1
  76. package/lib/umd/locale/id-ID.js +1 -1
  77. package/lib/umd/locale/it-IT.js +1 -1
  78. package/lib/umd/locale/ja-JP.js +1 -1
  79. package/lib/umd/locale/ko-KR.js +1 -1
  80. package/lib/umd/locale/pl-PL.js +1 -1
  81. package/lib/umd/locale/pt-BR.js +1 -1
  82. package/lib/umd/locale/ru-RU.js +1 -1
  83. package/lib/umd/locale/sk-SK.js +1 -1
  84. package/lib/umd/locale/vi-VN.js +1 -1
  85. package/lib/umd/locale/zh-CN.js +1 -1
  86. package/lib/umd/locale/zh-HK.js +1 -1
  87. package/lib/umd/locale/zh-TW.js +1 -1
  88. package/package.json +9 -9
@@ -1,8 +1,18 @@
1
1
  //#region src/locale/es-ES.ts
2
2
  const locale = { design: {
3
+ Accessibility: {
4
+ closeBadge: "Cerrar insignia",
5
+ imageGallery: "Galería de imágenes",
6
+ image: "Imagen {0} de {1}",
7
+ zoomIn: "Acercar",
8
+ zoomOut: "Alejar",
9
+ resetZoom: "Restablecer zoom",
10
+ increment: "Incrementar",
11
+ decrement: "Disminuir"
12
+ },
3
13
  Confirm: {
4
- cancel: "cancel·la",
5
- confirm: "ok"
14
+ cancel: "Cancelar",
15
+ confirm: "Aceptar"
6
16
  },
7
17
  CascaderList: { empty: "Cap" },
8
18
  Calendar: {
@@ -39,20 +49,20 @@ const locale = { design: {
39
49
  },
40
50
  Select: { empty: "Cap" },
41
51
  ColorPicker: {
42
- more: "Més colors",
43
- cancel: "cancel·la",
44
- confirm: "ok"
52
+ more: "Más colores",
53
+ cancel: "Cancelar",
54
+ confirm: "Aceptar"
45
55
  },
46
56
  GradientColorPicker: {
47
57
  linear: "Lineal",
48
58
  radial: "Radial",
49
59
  angular: "Angular",
50
- diamond: "Diamant",
51
- offset: "Desplaçament",
52
- angle: "Angle",
53
- flip: "Girar",
60
+ diamond: "Diamante",
61
+ offset: "Desplazamiento",
62
+ angle: "Ángulo",
63
+ flip: "Invertir",
54
64
  delete: "Eliminar",
55
- transparency: "Transparency"
65
+ transparency: "Transparencia"
56
66
  }
57
67
  } };
58
68
 
@@ -1,5 +1,15 @@
1
1
  //#region src/locale/fa-IR.ts
2
2
  const locale = { design: {
3
+ Accessibility: {
4
+ closeBadge: "بستن نشان",
5
+ imageGallery: "گالری تصاویر",
6
+ image: "تصویر {0} از {1}",
7
+ zoomIn: "بزرگ‌نمایی",
8
+ zoomOut: "کوچک‌نمایی",
9
+ resetZoom: "بازنشانی بزرگ‌نمایی",
10
+ increment: "افزایش",
11
+ decrement: "کاهش"
12
+ },
3
13
  Confirm: {
4
14
  cancel: "لغو",
5
15
  confirm: "باشه"
@@ -52,7 +62,7 @@ const locale = { design: {
52
62
  angle: "زاویه",
53
63
  flip: "برگردان",
54
64
  delete: "حذف",
55
- transparency: "Transparency"
65
+ transparency: "شفافیت"
56
66
  }
57
67
  } };
58
68
 
@@ -1,5 +1,15 @@
1
1
  //#region src/locale/fr-FR.ts
2
2
  const locale = { design: {
3
+ Accessibility: {
4
+ closeBadge: "Fermer le badge",
5
+ imageGallery: "Galerie d’images",
6
+ image: "Image {0} sur {1}",
7
+ zoomIn: "Zoom avant",
8
+ zoomOut: "Zoom arrière",
9
+ resetZoom: "Réinitialiser le zoom",
10
+ increment: "Augmenter",
11
+ decrement: "Diminuer"
12
+ },
3
13
  Confirm: {
4
14
  cancel: "annuler",
5
15
  confirm: "ok"
@@ -52,7 +62,7 @@ const locale = { design: {
52
62
  angle: "Angle",
53
63
  flip: "Retourner",
54
64
  delete: "Supprimer",
55
- transparency: "Transparency"
65
+ transparency: "Transparence"
56
66
  }
57
67
  } };
58
68
 
@@ -1,5 +1,15 @@
1
1
  //#region src/locale/id-ID.ts
2
2
  const locale = { design: {
3
+ Accessibility: {
4
+ closeBadge: "Tutup lencana",
5
+ imageGallery: "Galeri gambar",
6
+ image: "Gambar {0} dari {1}",
7
+ zoomIn: "Perbesar",
8
+ zoomOut: "Perkecil",
9
+ resetZoom: "Atur ulang zoom",
10
+ increment: "Tambah",
11
+ decrement: "Kurangi"
12
+ },
3
13
  Confirm: {
4
14
  cancel: "Batal",
5
15
  confirm: "OK"
@@ -52,7 +62,7 @@ const locale = { design: {
52
62
  angle: "Sudut",
53
63
  flip: "Balik",
54
64
  delete: "Hapus",
55
- transparency: "Transparency"
65
+ transparency: "Transparansi"
56
66
  }
57
67
  } };
58
68
 
@@ -1,5 +1,15 @@
1
1
  //#region src/locale/it-IT.ts
2
2
  const locale = { design: {
3
+ Accessibility: {
4
+ closeBadge: "Chiudi badge",
5
+ imageGallery: "Galleria immagini",
6
+ image: "Immagine {0} di {1}",
7
+ zoomIn: "Ingrandisci",
8
+ zoomOut: "Riduci",
9
+ resetZoom: "Reimposta zoom",
10
+ increment: "Incrementa",
11
+ decrement: "Decrementa"
12
+ },
3
13
  Confirm: {
4
14
  cancel: "annulla",
5
15
  confirm: "ok"
@@ -52,7 +62,7 @@ const locale = { design: {
52
62
  angle: "Angolo",
53
63
  flip: "Capovolgi",
54
64
  delete: "Elimina",
55
- transparency: "Transparency"
65
+ transparency: "Trasparenza"
56
66
  }
57
67
  } };
58
68
 
@@ -1,5 +1,15 @@
1
1
  //#region src/locale/ja-JP.ts
2
2
  const locale = { design: {
3
+ Accessibility: {
4
+ closeBadge: "バッジを閉じる",
5
+ imageGallery: "画像ギャラリー",
6
+ image: "画像 {0}/{1}",
7
+ zoomIn: "拡大",
8
+ zoomOut: "縮小",
9
+ resetZoom: "ズームをリセット",
10
+ increment: "増加",
11
+ decrement: "減少"
12
+ },
3
13
  Confirm: {
4
14
  cancel: "キャンセル",
5
15
  confirm: "確認"
@@ -52,7 +62,7 @@ const locale = { design: {
52
62
  angle: "角度",
53
63
  flip: "反転",
54
64
  delete: "削除",
55
- transparency: "Transparency"
65
+ transparency: "透明度"
56
66
  }
57
67
  } };
58
68
 
@@ -1,5 +1,15 @@
1
1
  //#region src/locale/ko-KR.ts
2
2
  const locale = { design: {
3
+ Accessibility: {
4
+ closeBadge: "배지 닫기",
5
+ imageGallery: "이미지 갤러리",
6
+ image: "이미지 {0}/{1}",
7
+ zoomIn: "확대",
8
+ zoomOut: "축소",
9
+ resetZoom: "확대/축소 초기화",
10
+ increment: "증가",
11
+ decrement: "감소"
12
+ },
3
13
  Confirm: {
4
14
  cancel: "취소",
5
15
  confirm: "확인"
@@ -52,7 +62,7 @@ const locale = { design: {
52
62
  angle: "각도",
53
63
  flip: "뒤집기",
54
64
  delete: "삭제",
55
- transparency: "Transparency"
65
+ transparency: "투명도"
56
66
  }
57
67
  } };
58
68
 
@@ -1,5 +1,15 @@
1
1
  //#region src/locale/pl-PL.ts
2
2
  const locale = { design: {
3
+ Accessibility: {
4
+ closeBadge: "Zamknij plakietkę",
5
+ imageGallery: "Galeria obrazów",
6
+ image: "Obraz {0} z {1}",
7
+ zoomIn: "Powiększ",
8
+ zoomOut: "Pomniejsz",
9
+ resetZoom: "Resetuj powiększenie",
10
+ increment: "Zwiększ",
11
+ decrement: "Zmniejsz"
12
+ },
3
13
  Confirm: {
4
14
  cancel: "anuluj",
5
15
  confirm: "ok"
@@ -52,7 +62,7 @@ const locale = { design: {
52
62
  angle: "Kąt",
53
63
  flip: "Obrót",
54
64
  delete: "Usuń",
55
- transparency: "Transparency"
65
+ transparency: "Przezroczystość"
56
66
  }
57
67
  } };
58
68
 
@@ -1,5 +1,15 @@
1
1
  //#region src/locale/pt-BR.ts
2
2
  const locale = { design: {
3
+ Accessibility: {
4
+ closeBadge: "Fechar selo",
5
+ imageGallery: "Galeria de imagens",
6
+ image: "Imagem {0} de {1}",
7
+ zoomIn: "Ampliar",
8
+ zoomOut: "Reduzir",
9
+ resetZoom: "Redefinir zoom",
10
+ increment: "Incrementar",
11
+ decrement: "Diminuir"
12
+ },
3
13
  Confirm: {
4
14
  cancel: "cancelar",
5
15
  confirm: "ok"
@@ -52,7 +62,7 @@ const locale = { design: {
52
62
  angle: "Ângulo",
53
63
  flip: "Inverter",
54
64
  delete: "Excluir",
55
- transparency: "Transparency"
65
+ transparency: "Transparência"
56
66
  }
57
67
  } };
58
68
 
@@ -1,5 +1,15 @@
1
1
  //#region src/locale/ru-RU.ts
2
2
  const locale = { design: {
3
+ Accessibility: {
4
+ closeBadge: "Закрыть метку",
5
+ imageGallery: "Галерея изображений",
6
+ image: "Изображение {0} из {1}",
7
+ zoomIn: "Увеличить",
8
+ zoomOut: "Уменьшить",
9
+ resetZoom: "Сбросить масштаб",
10
+ increment: "Увеличить значение",
11
+ decrement: "Уменьшить значение"
12
+ },
3
13
  Confirm: {
4
14
  cancel: "отмена",
5
15
  confirm: "ок"
@@ -52,7 +62,7 @@ const locale = { design: {
52
62
  angle: "угол",
53
63
  flip: "перевернуть",
54
64
  delete: "удалить",
55
- transparency: "Transparency"
65
+ transparency: "прозрачность"
56
66
  }
57
67
  } };
58
68
 
@@ -1,5 +1,15 @@
1
1
  //#region src/locale/sk-SK.ts
2
2
  const locale = { design: {
3
+ Accessibility: {
4
+ closeBadge: "Zavrieť odznak",
5
+ imageGallery: "Galéria obrázkov",
6
+ image: "Obrázok {0} z {1}",
7
+ zoomIn: "Priblížiť",
8
+ zoomOut: "Oddialiť",
9
+ resetZoom: "Obnoviť priblíženie",
10
+ increment: "Zvýšiť",
11
+ decrement: "Znížiť"
12
+ },
3
13
  Confirm: {
4
14
  cancel: "zrušiť",
5
15
  confirm: "ok"
@@ -52,7 +62,7 @@ const locale = { design: {
52
62
  angle: "Uhol",
53
63
  flip: "Prevrátiť",
54
64
  delete: "Odstrániť",
55
- transparency: "Transparency"
65
+ transparency: "Priehľadnosť"
56
66
  }
57
67
  } };
58
68
 
@@ -1,5 +1,15 @@
1
1
  //#region src/locale/vi-VN.ts
2
2
  const locale = { design: {
3
+ Accessibility: {
4
+ closeBadge: "Đóng huy hiệu",
5
+ imageGallery: "Thư viện ảnh",
6
+ image: "Ảnh {0} trên {1}",
7
+ zoomIn: "Phóng to",
8
+ zoomOut: "Thu nhỏ",
9
+ resetZoom: "Đặt lại thu phóng",
10
+ increment: "Tăng",
11
+ decrement: "Giảm"
12
+ },
3
13
  Confirm: {
4
14
  cancel: "Hủy bỏ",
5
15
  confirm: "Xác nhận"
@@ -52,7 +62,7 @@ const locale = { design: {
52
62
  angle: "Góc",
53
63
  flip: "Lật",
54
64
  delete: "Xóa",
55
- transparency: "Transparency"
65
+ transparency: "Độ trong suốt"
56
66
  }
57
67
  } };
58
68
 
@@ -1,5 +1,15 @@
1
1
  //#region src/locale/zh-CN.ts
2
2
  const locale = { design: {
3
+ Accessibility: {
4
+ closeBadge: "关闭徽章",
5
+ imageGallery: "图片库",
6
+ image: "第 {0} 张图片,共 {1} 张",
7
+ zoomIn: "放大",
8
+ zoomOut: "缩小",
9
+ resetZoom: "重置缩放",
10
+ increment: "增加",
11
+ decrement: "减少"
12
+ },
3
13
  Confirm: {
4
14
  cancel: "取消",
5
15
  confirm: "确定"
@@ -1,5 +1,15 @@
1
1
  //#region src/locale/zh-HK.ts
2
2
  const locale = { design: {
3
+ Accessibility: {
4
+ closeBadge: "關閉徽章",
5
+ imageGallery: "圖片庫",
6
+ image: "第 {0} 張圖片,共 {1} 張",
7
+ zoomIn: "放大",
8
+ zoomOut: "縮小",
9
+ resetZoom: "重設縮放",
10
+ increment: "增加",
11
+ decrement: "減少"
12
+ },
3
13
  Confirm: {
4
14
  cancel: "取消",
5
15
  confirm: "確定"
@@ -1,5 +1,15 @@
1
1
  //#region src/locale/zh-TW.ts
2
2
  const locale = { design: {
3
+ Accessibility: {
4
+ closeBadge: "關閉徽章",
5
+ imageGallery: "圖片庫",
6
+ image: "第 {0} 張圖片,共 {1} 張",
7
+ zoomIn: "放大",
8
+ zoomOut: "縮小",
9
+ resetZoom: "重設縮放",
10
+ increment: "增加",
11
+ decrement: "減少"
12
+ },
3
13
  Confirm: {
4
14
  cancel: "取消",
5
15
  confirm: "確定"
package/lib/index.css CHANGED
@@ -353,6 +353,11 @@
353
353
  height: 1.75rem;
354
354
  }
355
355
 
356
+ .univer-size-8 {
357
+ width: 2rem;
358
+ height: 2rem;
359
+ }
360
+
356
361
  .univer-size-9 {
357
362
  width: 2.25rem;
358
363
  height: 2.25rem;
@@ -415,6 +420,10 @@
415
420
  height: 150px;
416
421
  }
417
422
 
423
+ .univer-h-\[78px\] {
424
+ height: 78px;
425
+ }
426
+
418
427
  .univer-h-\[calc\(100\%-2px\)\] {
419
428
  height: calc(100% - 2px);
420
429
  }
@@ -1057,6 +1066,12 @@
1057
1066
  background-color: var(--univer-primary-600) !important;
1058
1067
  }
1059
1068
 
1069
+ .univer-bg-\[\#e8eefc\] {
1070
+ --univer-tw-bg-opacity: 1;
1071
+ background-color: #e8eefc;
1072
+ background-color: rgba(232, 238, 252, var(--univer-tw-bg-opacity, 1));
1073
+ }
1074
+
1060
1075
  .univer-bg-\[rgba\(0\,0\,0\,0\.8\)\] {
1061
1076
  background-color: #000c;
1062
1077
  }
@@ -1149,6 +1164,10 @@
1149
1164
  object-fit: contain;
1150
1165
  }
1151
1166
 
1167
+ .\!univer-p-0 {
1168
+ padding: 0 !important;
1169
+ }
1170
+
1152
1171
  .\!univer-p-2\.5 {
1153
1172
  padding: .625rem !important;
1154
1173
  }
@@ -1231,6 +1250,11 @@
1231
1250
  padding-right: 1.75rem;
1232
1251
  }
1233
1252
 
1253
+ .univer-px-8 {
1254
+ padding-left: 2rem;
1255
+ padding-right: 2rem;
1256
+ }
1257
+
1234
1258
  .univer-py-0\.5 {
1235
1259
  padding-top: .125rem;
1236
1260
  padding-bottom: .125rem;
@@ -2197,6 +2221,18 @@
2197
2221
  right: auto;
2198
2222
  }
2199
2223
 
2224
+ .rtl\:\!univer-rotate-0:where([dir="rtl"], [dir="rtl"] *) {
2225
+ --univer-tw-rotate: 0deg !important;
2226
+ transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(0deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y)) !important;
2227
+ 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)) !important;
2228
+ }
2229
+
2230
+ .rtl\:univer-rotate-180:where([dir="rtl"], [dir="rtl"] *) {
2231
+ --univer-tw-rotate: 180deg;
2232
+ transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(180deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
2233
+ 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));
2234
+ }
2235
+
2200
2236
  .rtl\:univer-rounded-l-md:where([dir="rtl"], [dir="rtl"] *) {
2201
2237
  border-top-left-radius: .375rem;
2202
2238
  border-bottom-left-radius: .375rem;
@@ -2229,6 +2265,14 @@
2229
2265
  }
2230
2266
  }
2231
2267
 
2268
+ .dark\:\!univer-h-6:where(.univer-dark, .univer-dark *) {
2269
+ height: 1.5rem !important;
2270
+ }
2271
+
2272
+ .dark\:\!univer-h-\[78px\]:where(.univer-dark, .univer-dark *) {
2273
+ height: 78px !important;
2274
+ }
2275
+
2232
2276
  .dark\:\!univer-divide-gray-600:where(.univer-dark, .univer-dark *) > :not([hidden]) ~ :not([hidden]) {
2233
2277
  border-color: var(--univer-gray-600) !important;
2234
2278
  }