@univerjs/sheets-drawing-ui 1.0.3 → 1.0.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 +425 -12
  2. package/lib/cjs/locale/ar-SA.js +1 -0
  3. package/lib/cjs/locale/ca-ES.js +1 -0
  4. package/lib/cjs/locale/de-DE.js +1 -0
  5. package/lib/cjs/locale/en-US.js +1 -0
  6. package/lib/cjs/locale/es-ES.js +1 -0
  7. package/lib/cjs/locale/fa-IR.js +1 -0
  8. package/lib/cjs/locale/fr-FR.js +1 -0
  9. package/lib/cjs/locale/id-ID.js +1 -0
  10. package/lib/cjs/locale/it-IT.js +1 -0
  11. package/lib/cjs/locale/ja-JP.js +1 -0
  12. package/lib/cjs/locale/ko-KR.js +1 -0
  13. package/lib/cjs/locale/pl-PL.js +1 -0
  14. package/lib/cjs/locale/pt-BR.js +1 -0
  15. package/lib/cjs/locale/ru-RU.js +1 -0
  16. package/lib/cjs/locale/sk-SK.js +1 -0
  17. package/lib/cjs/locale/vi-VN.js +1 -0
  18. package/lib/cjs/locale/zh-CN.js +1 -0
  19. package/lib/cjs/locale/zh-HK.js +1 -0
  20. package/lib/cjs/locale/zh-TW.js +1 -0
  21. package/lib/es/index.js +430 -17
  22. package/lib/es/locale/ar-SA.js +1 -0
  23. package/lib/es/locale/ca-ES.js +1 -0
  24. package/lib/es/locale/de-DE.js +1 -0
  25. package/lib/es/locale/en-US.js +1 -0
  26. package/lib/es/locale/es-ES.js +1 -0
  27. package/lib/es/locale/fa-IR.js +1 -0
  28. package/lib/es/locale/fr-FR.js +1 -0
  29. package/lib/es/locale/id-ID.js +1 -0
  30. package/lib/es/locale/it-IT.js +1 -0
  31. package/lib/es/locale/ja-JP.js +1 -0
  32. package/lib/es/locale/ko-KR.js +1 -0
  33. package/lib/es/locale/pl-PL.js +1 -0
  34. package/lib/es/locale/pt-BR.js +1 -0
  35. package/lib/es/locale/ru-RU.js +1 -0
  36. package/lib/es/locale/sk-SK.js +1 -0
  37. package/lib/es/locale/vi-VN.js +1 -0
  38. package/lib/es/locale/zh-CN.js +1 -0
  39. package/lib/es/locale/zh-HK.js +1 -0
  40. package/lib/es/locale/zh-TW.js +1 -0
  41. package/lib/index.css +290 -0
  42. package/lib/index.js +430 -17
  43. package/lib/locale/ar-SA.js +1 -0
  44. package/lib/locale/ca-ES.js +1 -0
  45. package/lib/locale/de-DE.js +1 -0
  46. package/lib/locale/en-US.js +1 -0
  47. package/lib/locale/es-ES.js +1 -0
  48. package/lib/locale/fa-IR.js +1 -0
  49. package/lib/locale/fr-FR.js +1 -0
  50. package/lib/locale/id-ID.js +1 -0
  51. package/lib/locale/it-IT.js +1 -0
  52. package/lib/locale/ja-JP.js +1 -0
  53. package/lib/locale/ko-KR.js +1 -0
  54. package/lib/locale/pl-PL.js +1 -0
  55. package/lib/locale/pt-BR.js +1 -0
  56. package/lib/locale/ru-RU.js +1 -0
  57. package/lib/locale/sk-SK.js +1 -0
  58. package/lib/locale/vi-VN.js +1 -0
  59. package/lib/locale/zh-CN.js +1 -0
  60. package/lib/locale/zh-HK.js +1 -0
  61. package/lib/locale/zh-TW.js +1 -0
  62. package/lib/types/commands/operations/preview-sheet-image-opacity.operation.d.ts +20 -0
  63. package/lib/types/controllers/sheet-drawing-active-render.controller.d.ts +4 -0
  64. package/lib/types/locale/en-US.d.ts +3 -0
  65. package/lib/types/views/sheet-image-panel/SheetImageTransparency.d.ts +20 -0
  66. package/lib/types/views/sheet-image-panel/SheetImageTransparencySlider.d.ts +24 -0
  67. package/lib/types/views/sheet-image-panel/sheet-drawing-panel.util.d.ts +18 -0
  68. package/lib/umd/index.js +2 -2
  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 +14 -14
@@ -39,6 +39,7 @@ const locale = { "sheets-drawing-ui": {
39
39
  exceedMaxCount: "Jednocześnie można przesłać tylko {0} obrazów",
40
40
  invalidImage: "Nieprawidłowy obraz"
41
41
  },
42
+ "image-transparency": { title: "Przezroczystość" },
42
43
  "drawing-anchor": {
43
44
  title: "Właściwości kotwicy",
44
45
  both: "Przesuwaj i zmieniaj rozmiar razem z komórkami",
@@ -39,6 +39,7 @@ const locale = { "sheets-drawing-ui": {
39
39
  exceedMaxCount: "Apenas {0} imagens podem ser enviadas de cada vez",
40
40
  invalidImage: "Imagem inválida"
41
41
  },
42
+ "image-transparency": { title: "Transparência" },
42
43
  "drawing-anchor": {
43
44
  title: "Propriedades da âncora",
44
45
  both: "Mover e dimensionar com as células",
@@ -39,6 +39,7 @@ const locale = { "sheets-drawing-ui": {
39
39
  exceedMaxCount: "За один раз можно загрузить только {0} изображений",
40
40
  invalidImage: "Недопустимое изображение"
41
41
  },
42
+ "image-transparency": { title: "Прозрачность" },
42
43
  "drawing-anchor": {
43
44
  title: "Свойства привязки",
44
45
  both: "Перемещать и изменять размер с ячейками",
@@ -39,6 +39,7 @@ const locale = { "sheets-drawing-ui": {
39
39
  exceedMaxCount: "Naraz možno nahrať iba {0} obrázkov",
40
40
  invalidImage: "Neplatný obrázok"
41
41
  },
42
+ "image-transparency": { title: "Priehľadnosť" },
42
43
  "drawing-anchor": {
43
44
  title: "Vlastnosti ukotvenia",
44
45
  both: "Presúvať a meniť veľkosť s bunkami",
@@ -39,6 +39,7 @@ const locale = { "sheets-drawing-ui": {
39
39
  exceedMaxCount: "Chỉ có thể tải lên {0} hình ảnh một lần",
40
40
  invalidImage: "Hình ảnh không hợp lệ"
41
41
  },
42
+ "image-transparency": { title: "Độ trong suốt" },
42
43
  "drawing-anchor": {
43
44
  title: "Thuộc tính neo",
44
45
  both: "Di chuyển và thay đổi kích thước cùng với ô",
@@ -39,6 +39,7 @@ const locale = { "sheets-drawing-ui": {
39
39
  exceedMaxCount: "图片只能一次上传{0}张",
40
40
  invalidImage: "无效图片"
41
41
  },
42
+ "image-transparency": { title: "透明度" },
42
43
  "drawing-anchor": {
43
44
  title: "锚点属性",
44
45
  both: "与单元格一起移动和调整大小",
@@ -39,6 +39,7 @@ const locale = { "sheets-drawing-ui": {
39
39
  exceedMaxCount: "圖片只能一次上傳{0}張",
40
40
  invalidImage: "無效圖片"
41
41
  },
42
+ "image-transparency": { title: "透明度" },
42
43
  "drawing-anchor": {
43
44
  title: "錨點屬性",
44
45
  both: "與儲存格一起移動和調整大小",
@@ -39,6 +39,7 @@ const locale = { "sheets-drawing-ui": {
39
39
  exceedMaxCount: "圖片只能一次上傳{0}張",
40
40
  invalidImage: "無效圖片"
41
41
  },
42
+ "image-transparency": { title: "透明度" },
42
43
  "drawing-anchor": {
43
44
  title: "錨點屬性",
44
45
  both: "與儲存格一起移動和調整大小",
package/lib/index.css CHANGED
@@ -1,3 +1,31 @@
1
+ .univer-absolute {
2
+ position: absolute;
3
+ }
4
+
5
+ .univer-relative {
6
+ position: relative;
7
+ }
8
+
9
+ .univer-left-0 {
10
+ left: 0;
11
+ }
12
+
13
+ .univer-right-0 {
14
+ right: 0;
15
+ }
16
+
17
+ .univer-top-0 {
18
+ top: 0;
19
+ }
20
+
21
+ .univer-top-1\/2 {
22
+ top: 50%;
23
+ }
24
+
25
+ .univer-box-border {
26
+ box-sizing: border-box;
27
+ }
28
+
1
29
  .univer-flex {
2
30
  display: flex;
3
31
  }
@@ -10,26 +38,160 @@
10
38
  display: none;
11
39
  }
12
40
 
41
+ .univer-size-3 {
42
+ width: .75rem;
43
+ height: .75rem;
44
+ }
45
+
46
+ .univer-size-3\.5 {
47
+ width: .875rem;
48
+ height: .875rem;
49
+ }
50
+
51
+ .univer-h-1\.5 {
52
+ height: .375rem;
53
+ }
54
+
55
+ .univer-h-6 {
56
+ height: 1.5rem;
57
+ }
58
+
59
+ .univer-h-full {
60
+ height: 100%;
61
+ }
62
+
63
+ .univer-w-4 {
64
+ width: 1rem;
65
+ }
66
+
67
+ .univer-w-\[68px\] {
68
+ width: 68px;
69
+ }
70
+
71
+ .univer-w-full {
72
+ width: 100%;
73
+ }
74
+
75
+ .univer-min-w-0 {
76
+ min-width: 0;
77
+ }
78
+
79
+ .univer-flex-1 {
80
+ flex: 1;
81
+ }
82
+
83
+ .univer-flex-shrink-0 {
84
+ flex-shrink: 0;
85
+ }
86
+
87
+ .-univer-translate-x-1\/2 {
88
+ --univer-tw-translate-x: -50%;
89
+ transform: translate(-50%, 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));
90
+ 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));
91
+ }
92
+
93
+ .-univer-translate-y-1\/2 {
94
+ --univer-tw-translate-y: -50%;
95
+ transform: translate(var(--univer-tw-translate-x), -50%) 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));
96
+ 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));
97
+ }
98
+
99
+ .univer-scale-105 {
100
+ --univer-tw-scale-x: 1.05;
101
+ --univer-tw-scale-y: 1.05;
102
+ 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(1.05) scaleY(1.05);
103
+ 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));
104
+ }
105
+
106
+ .univer-cursor-not-allowed {
107
+ cursor: not-allowed;
108
+ }
109
+
110
+ .univer-cursor-pointer {
111
+ cursor: pointer;
112
+ }
113
+
114
+ .univer-select-none {
115
+ user-select: none;
116
+ }
117
+
13
118
  .univer-flex-col {
14
119
  flex-direction: column;
15
120
  }
16
121
 
122
+ .univer-items-center {
123
+ align-items: center;
124
+ }
125
+
17
126
  .univer-justify-end {
18
127
  justify-content: flex-end;
19
128
  }
20
129
 
130
+ .univer-gap-1\.5 {
131
+ gap: .375rem;
132
+ }
133
+
21
134
  .univer-gap-2 {
22
135
  gap: .5rem;
23
136
  }
24
137
 
138
+ .univer-overflow-hidden {
139
+ overflow: hidden;
140
+ }
141
+
142
+ .univer-rounded-full {
143
+ border-radius: 9999px;
144
+ }
145
+
146
+ .univer-rounded-md {
147
+ border-radius: .375rem;
148
+ }
149
+
150
+ .univer-rounded-none {
151
+ border-radius: 0;
152
+ }
153
+
154
+ .univer-border {
155
+ border-width: 1px;
156
+ }
157
+
25
158
  .univer-border-t {
26
159
  border-top-width: 1px;
27
160
  }
28
161
 
162
+ .univer-border-none {
163
+ border-style: none;
164
+ }
165
+
29
166
  .univer-border-gray-200 {
30
167
  border-color: var(--univer-gray-200);
31
168
  }
32
169
 
170
+ .univer-border-primary-600 {
171
+ border-color: var(--univer-primary-600);
172
+ }
173
+
174
+ .univer-bg-gray-0 {
175
+ background-color: var(--univer-gray-0);
176
+ }
177
+
178
+ .univer-bg-gray-200 {
179
+ background-color: var(--univer-gray-200);
180
+ }
181
+
182
+ .univer-bg-transparent {
183
+ background-color: #0000;
184
+ }
185
+
186
+ .univer-p-0 {
187
+ padding: 0;
188
+ }
189
+
190
+ .univer-px-1\.5 {
191
+ padding-left: .375rem;
192
+ padding-right: .375rem;
193
+ }
194
+
33
195
  .univer-py-2 {
34
196
  padding-top: .5rem;
35
197
  padding-bottom: .5rem;
@@ -53,6 +215,10 @@
53
215
  color: var(--univer-gray-400);
54
216
  }
55
217
 
218
+ .univer-text-gray-500 {
219
+ color: var(--univer-gray-500);
220
+ }
221
+
56
222
  .univer-text-gray-600 {
57
223
  color: var(--univer-gray-600);
58
224
  }
@@ -61,6 +227,130 @@
61
227
  color: var(--univer-red-500);
62
228
  }
63
229
 
230
+ .univer-opacity-60 {
231
+ opacity: .6;
232
+ }
233
+
234
+ .univer-shadow-md {
235
+ --univer-tw-shadow: 0px 1px 6px -2px #1e284d14, 0px 2px 6px -1px #1e284d1a;
236
+ --univer-tw-shadow-colored: 0px 1px 6px -2px var(--univer-tw-shadow-color), 0px 2px 6px -1px var(--univer-tw-shadow-color);
237
+ box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 6px -2px #1e284d14, 0 2px 6px -1px #1e284d1a;
238
+ box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
239
+ }
240
+
241
+ .univer-shadow-sm {
242
+ --univer-tw-shadow: 0px 1px 2px 0px #1e284d14;
243
+ --univer-tw-shadow-colored: 0px 1px 2px 0px var(--univer-tw-shadow-color);
244
+ box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px #1e284d14;
245
+ box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
246
+ }
247
+
248
+ .univer-transition-all {
249
+ transition-property: all;
250
+ transition-duration: .15s;
251
+ transition-timing-function: cubic-bezier(.4, 0, .2, 1);
252
+ }
253
+
254
+ .univer-transition-colors {
255
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
256
+ transition-duration: .15s;
257
+ transition-timing-function: cubic-bezier(.4, 0, .2, 1);
258
+ }
259
+
260
+ .univer-transition-none {
261
+ transition-property: none;
262
+ }
263
+
264
+ @media (hover: hover) and (pointer: fine) {
265
+ .hover\:univer-border-primary-600:hover {
266
+ border-color: var(--univer-primary-600);
267
+ }
268
+
269
+ .hover\:univer-shadow-md:hover {
270
+ --univer-tw-shadow: 0px 1px 6px -2px #1e284d14, 0px 2px 6px -1px #1e284d1a;
271
+ --univer-tw-shadow-colored: 0px 1px 6px -2px var(--univer-tw-shadow-color), 0px 2px 6px -1px var(--univer-tw-shadow-color);
272
+ box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 6px -2px #1e284d14, 0 2px 6px -1px #1e284d1a;
273
+ box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
274
+ }
275
+ }
276
+
277
+ .focus-visible\:univer-outline-none:focus-visible {
278
+ outline-offset: 2px;
279
+ outline: 2px solid #0000;
280
+ }
281
+
282
+ .focus-visible\:univer-ring-2:focus-visible {
283
+ --univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color);
284
+ --univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(2px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color);
285
+ box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), 0 0 #0000;
286
+ box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), var(--univer-tw-shadow, 0 0 #0000);
287
+ }
288
+
289
+ .focus-visible\:univer-ring-primary-100:focus-visible {
290
+ --univer-tw-ring-color: var(--univer-primary-100);
291
+ }
292
+
293
+ .dark\:\!univer-border-gray-600:where(.univer-dark, .univer-dark *) {
294
+ border-color: var(--univer-gray-600) !important;
295
+ }
296
+
297
+ .dark\:\!univer-bg-gray-600:where(.univer-dark, .univer-dark *) {
298
+ background-color: var(--univer-gray-600) !important;
299
+ }
300
+
301
+ .dark\:\!univer-bg-gray-800:where(.univer-dark, .univer-dark *) {
302
+ background-color: var(--univer-gray-800) !important;
303
+ }
304
+
64
305
  .dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
65
306
  color: var(--univer-gray-200) !important;
66
307
  }
308
+
309
+ .dark\:\!univer-text-gray-300:where(.univer-dark, .univer-dark *) {
310
+ color: var(--univer-gray-300) !important;
311
+ }
312
+
313
+ .\[\&_input\:focus\]\:\!univer-ring-0 input:focus {
314
+ --univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color) !important;
315
+ --univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(0px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color) !important;
316
+ box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), 0 0 #0000 !important;
317
+ box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), var(--univer-tw-shadow, 0 0 #0000) !important;
318
+ }
319
+
320
+ .\[\&_input\]\:univer-h-6 input {
321
+ height: 1.5rem;
322
+ }
323
+
324
+ .\[\&_input\]\:univer-w-full input {
325
+ width: 100%;
326
+ }
327
+
328
+ .\[\&_input\]\:univer-border-none input {
329
+ border-style: none;
330
+ }
331
+
332
+ .\[\&_input\]\:\!univer-bg-transparent input {
333
+ background-color: #0000 !important;
334
+ }
335
+
336
+ .\[\&_input\]\:univer-px-1 input {
337
+ padding-left: .25rem;
338
+ padding-right: .25rem;
339
+ }
340
+
341
+ .\[\&_input\]\:univer-text-center input {
342
+ text-align: center;
343
+ }
344
+
345
+ .\[\&_input\]\:univer-text-xs input {
346
+ font-size: .75rem;
347
+ line-height: 1rem;
348
+ }
349
+
350
+ .\[\&_input\]\:univer-tabular-nums input {
351
+ --univer-tw-numeric-spacing: tabular-nums;
352
+ font-feature-settings: var(--univer-tw-ordinal) var(--univer-tw-slashed-zero) var(--univer-tw-numeric-figure) tabular-nums var(--univer-tw-numeric-fraction);
353
+ font-feature-settings: var(--univer-tw-ordinal) var(--univer-tw-slashed-zero) var(--univer-tw-numeric-figure) var(--univer-tw-numeric-spacing) var(--univer-tw-numeric-fraction);
354
+ font-variant-numeric: var(--univer-tw-ordinal) var(--univer-tw-slashed-zero) var(--univer-tw-numeric-figure) tabular-nums var(--univer-tw-numeric-fraction);
355
+ font-variant-numeric: var(--univer-tw-ordinal) var(--univer-tw-slashed-zero) var(--univer-tw-numeric-figure) var(--univer-tw-numeric-spacing) var(--univer-tw-numeric-fraction);
356
+ }