@univerjs/drawing-ui 0.17.0 → 0.18.0

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 (92) hide show
  1. package/lib/cjs/index.js +32 -1
  2. package/lib/cjs/locale/ca-ES.js +1 -1
  3. package/lib/cjs/locale/en-US.js +1 -1
  4. package/lib/cjs/locale/es-ES.js +1 -1
  5. package/lib/cjs/locale/fa-IR.js +1 -1
  6. package/lib/cjs/locale/fr-FR.js +1 -1
  7. package/lib/cjs/locale/ja-JP.js +1 -1
  8. package/lib/cjs/locale/ko-KR.js +1 -1
  9. package/lib/cjs/locale/ru-RU.js +1 -1
  10. package/lib/cjs/locale/sk-SK.js +1 -1
  11. package/lib/cjs/locale/vi-VN.js +1 -1
  12. package/lib/cjs/locale/zh-CN.js +1 -1
  13. package/lib/cjs/locale/zh-TW.js +1 -1
  14. package/lib/es/index.js +32 -2332
  15. package/lib/es/locale/ca-ES.js +1 -65
  16. package/lib/es/locale/en-US.js +1 -65
  17. package/lib/es/locale/es-ES.js +1 -65
  18. package/lib/es/locale/fa-IR.js +1 -65
  19. package/lib/es/locale/fr-FR.js +1 -65
  20. package/lib/es/locale/ja-JP.js +1 -65
  21. package/lib/es/locale/ko-KR.js +1 -65
  22. package/lib/es/locale/ru-RU.js +1 -65
  23. package/lib/es/locale/sk-SK.js +1 -65
  24. package/lib/es/locale/vi-VN.js +1 -65
  25. package/lib/es/locale/zh-CN.js +1 -65
  26. package/lib/es/locale/zh-TW.js +1 -65
  27. package/lib/index.css +128 -1
  28. package/lib/index.js +32 -2332
  29. package/lib/locale/ca-ES.js +1 -65
  30. package/lib/locale/en-US.js +1 -65
  31. package/lib/locale/es-ES.js +1 -65
  32. package/lib/locale/fa-IR.js +1 -65
  33. package/lib/locale/fr-FR.js +1 -65
  34. package/lib/locale/ja-JP.js +1 -65
  35. package/lib/locale/ko-KR.js +1 -65
  36. package/lib/locale/ru-RU.js +1 -65
  37. package/lib/locale/sk-SK.js +1 -65
  38. package/lib/locale/vi-VN.js +1 -65
  39. package/lib/locale/zh-CN.js +1 -65
  40. package/lib/locale/zh-TW.js +1 -65
  41. package/lib/types/commands/operations/drawing-align.operation.d.ts +28 -1
  42. package/lib/types/commands/operations/drawing-arrange.operation.d.ts +29 -0
  43. package/lib/types/commands/operations/drawing-group.operation.d.ts +35 -0
  44. package/lib/types/commands/operations/image-crop.operation.d.ts +16 -1
  45. package/lib/types/commands/operations/image-reset-size.operation.d.ts +16 -1
  46. package/lib/types/config/config.d.ts +16 -1
  47. package/lib/types/controllers/drawing-ui.controller.d.ts +21 -4
  48. package/lib/types/controllers/drawing-update.controller.d.ts +15 -0
  49. package/lib/types/controllers/image-cropper.controller.d.ts +15 -0
  50. package/lib/types/controllers/image-update.controller.d.ts +15 -0
  51. package/lib/types/controllers/utils.d.ts +19 -4
  52. package/lib/types/index.d.ts +2 -0
  53. package/lib/types/locale/ca-ES.d.ts +16 -1
  54. package/lib/types/locale/es-ES.d.ts +16 -1
  55. package/lib/types/locale/fa-IR.d.ts +16 -1
  56. package/lib/types/locale/fr-FR.d.ts +16 -1
  57. package/lib/types/locale/ja-JP.d.ts +16 -1
  58. package/lib/types/locale/ko-KR.d.ts +16 -1
  59. package/lib/types/locale/ru-RU.d.ts +16 -1
  60. package/lib/types/locale/sk-SK.d.ts +16 -1
  61. package/lib/types/locale/vi-VN.d.ts +16 -1
  62. package/lib/types/locale/zh-CN.d.ts +16 -1
  63. package/lib/types/locale/zh-TW.d.ts +16 -1
  64. package/lib/types/menu/align.menu.d.ts +27 -0
  65. package/lib/types/menu/arrange.menu.d.ts +22 -0
  66. package/lib/types/menu/group.menu.d.ts +21 -0
  67. package/lib/types/menu/schema.d.ts +17 -0
  68. package/lib/types/plugin.d.ts +16 -1
  69. package/lib/types/services/drawing-render.service.d.ts +21 -3
  70. package/lib/types/utils/get-update-params.d.ts +18 -3
  71. package/lib/types/views/crop/image-cropper-object.d.ts +18 -2
  72. package/lib/types/views/image-popup-menu/ImagePopupMenu.d.ts +16 -1
  73. package/lib/types/views/panel/DrawingAlign.d.ts +16 -1
  74. package/lib/types/views/panel/DrawingArrange.d.ts +16 -1
  75. package/lib/types/views/panel/DrawingCommonPanel.d.ts +16 -1
  76. package/lib/types/views/panel/DrawingGroup.d.ts +16 -1
  77. package/lib/types/views/panel/DrawingTransform.d.ts +16 -1
  78. package/lib/types/views/panel/ImageCropper.d.ts +16 -1
  79. package/lib/umd/index.js +32 -1
  80. package/lib/umd/locale/ca-ES.js +1 -1
  81. package/lib/umd/locale/en-US.js +1 -1
  82. package/lib/umd/locale/es-ES.js +1 -1
  83. package/lib/umd/locale/fa-IR.js +1 -1
  84. package/lib/umd/locale/fr-FR.js +1 -1
  85. package/lib/umd/locale/ja-JP.js +1 -1
  86. package/lib/umd/locale/ko-KR.js +1 -1
  87. package/lib/umd/locale/ru-RU.js +1 -1
  88. package/lib/umd/locale/sk-SK.js +1 -1
  89. package/lib/umd/locale/vi-VN.js +1 -1
  90. package/lib/umd/locale/zh-CN.js +1 -1
  91. package/lib/umd/locale/zh-TW.js +1 -1
  92. package/package.json +11 -10
@@ -1,65 +1 @@
1
- const n = {
2
- "image-popup": {
3
- replace: "Thay thế",
4
- delete: "Xóa",
5
- edit: "Chỉnh sửa",
6
- crop: "Cắt",
7
- reset: "Đặt lại kích thước"
8
- },
9
- "image-cropper": {
10
- error: "Không thể cắt phần tử không phải hình ảnh"
11
- },
12
- "image-panel": {
13
- arrange: {
14
- title: "Sắp xếp",
15
- forward: "Di chuyển lên một lớp",
16
- backward: "Di chuyển xuống một lớp",
17
- front: "Đưa lên trên cùng",
18
- back: "Đưa xuống dưới cùng"
19
- },
20
- transform: {
21
- title: "Biến đổi",
22
- rotate: "Xoay (°)",
23
- x: "X (px)",
24
- y: "Y (px)",
25
- width: "Chiều rộng (px)",
26
- height: "Chiều cao (px)",
27
- lock: "Khóa tỷ lệ (%)"
28
- },
29
- crop: {
30
- title: "Cắt",
31
- start: "Bắt đầu cắt",
32
- mode: "Cắt tự do tỷ lệ"
33
- },
34
- group: {
35
- title: "Nhóm",
36
- group: "Nhóm",
37
- reGroup: "Nhóm lại",
38
- unGroup: "Hủy nhóm"
39
- },
40
- align: {
41
- title: "Căn chỉnh",
42
- default: "Chọn cách căn chỉnh",
43
- left: "Căn trái",
44
- center: "Căn giữa theo chiều ngang",
45
- right: "Căn phải",
46
- top: "Căn trên",
47
- middle: "Căn giữa theo chiều dọc",
48
- bottom: "Căn dưới",
49
- horizon: "Phân phối theo chiều ngang",
50
- vertical: "Phân phối theo chiều dọc"
51
- },
52
- null: "Không có đối tượng nào được chọn"
53
- },
54
- "drawing-view": "Drawing",
55
- shortcut: {
56
- "drawing-move-down": "Move Drawing down",
57
- "drawing-move-up": "Move Drawing up",
58
- "drawing-move-left": "Move Drawing left",
59
- "drawing-move-right": "Move Drawing right",
60
- "drawing-delete": "Delete Drawing"
61
- }
62
- };
63
- export {
64
- n as default
65
- };
1
+ const e={"image-popup":{replace:`Thay thế`,delete:`Xóa`,edit:`Chỉnh sửa`,crop:`Cắt`,reset:`Đặt lại kích thước`},"image-cropper":{error:`Không thể cắt phần tử không phải hình ảnh`},"image-panel":{arrange:{title:`Sắp xếp`,forward:`Di chuyển lên một lớp`,backward:`Di chuyển xuống một lớp`,front:`Đưa lên trên cùng`,back:`Đưa xuống dưới cùng`},transform:{title:`Biến đổi`,rotate:`Xoay (°)`,x:`X (px)`,y:`Y (px)`,width:`Chiều rộng (px)`,height:`Chiều cao (px)`,lock:`Khóa tỷ lệ (%)`},crop:{title:`Cắt`,start:`Bắt đầu cắt`,mode:`Cắt tự do tỷ lệ`},group:{title:`Nhóm`,group:`Nhóm`,reGroup:`Nhóm lại`,unGroup:`Hủy nhóm`},align:{title:`Căn chỉnh`,default:`Chọn cách căn chỉnh`,left:`Căn trái`,center:`Căn giữa theo chiều ngang`,right:`Căn phải`,top:`Căn trên`,middle:`Căn giữa theo chiều dọc`,bottom:`Căn dưới`,horizon:`Phân phối theo chiều ngang`,vertical:`Phân phối theo chiều dọc`},null:`Không có đối tượng nào được chọn`},"drawing-view":`Drawing`,shortcut:{"drawing-move-down":`Move Drawing down`,"drawing-move-up":`Move Drawing up`,"drawing-move-left":`Move Drawing left`,"drawing-move-right":`Move Drawing right`,"drawing-delete":`Delete Drawing`}};export{e as default};
@@ -1,65 +1 @@
1
- const e = {
2
- "image-popup": {
3
- replace: "替换",
4
- delete: "删除",
5
- edit: "编辑",
6
- crop: "裁剪",
7
- reset: "重置大小"
8
- },
9
- "image-cropper": {
10
- error: "无法裁剪非图片元素"
11
- },
12
- "image-panel": {
13
- arrange: {
14
- title: "排列",
15
- forward: "上移一层",
16
- backward: "下移一层",
17
- front: "置于顶层",
18
- back: "置于底层"
19
- },
20
- transform: {
21
- title: "变换",
22
- rotate: "旋转 (°)",
23
- x: "X (px)",
24
- y: "Y (px)",
25
- width: "宽度 (px)",
26
- height: "高度 (px)",
27
- lock: "锁定比例 (%)"
28
- },
29
- crop: {
30
- title: "裁剪",
31
- start: "开始裁剪",
32
- mode: "自由比例裁剪"
33
- },
34
- group: {
35
- title: "组合",
36
- group: "组合",
37
- reGroup: "重新组合",
38
- unGroup: "取消组合"
39
- },
40
- align: {
41
- title: "对齐方式",
42
- default: "选择对齐方式",
43
- left: "左对齐",
44
- center: "水平居中",
45
- right: "右对齐",
46
- top: "顶部对齐",
47
- middle: "垂直居中",
48
- bottom: "底部对齐",
49
- horizon: "水平分布",
50
- vertical: "垂直分布"
51
- },
52
- null: "未选中任何对象"
53
- },
54
- "drawing-view": "绘图",
55
- shortcut: {
56
- "drawing-move-down": "下移绘图",
57
- "drawing-move-up": "上移绘图",
58
- "drawing-move-left": "左移绘图",
59
- "drawing-move-right": "右移绘图",
60
- "drawing-delete": "删除绘图"
61
- }
62
- };
63
- export {
64
- e as default
65
- };
1
+ const e={"image-popup":{replace:`替换`,delete:`删除`,edit:`编辑`,crop:`裁剪`,reset:`重置大小`},"image-cropper":{error:`无法裁剪非图片元素`},"image-panel":{arrange:{title:`排列`,forward:`上移一层`,backward:`下移一层`,front:`置于顶层`,back:`置于底层`},transform:{title:`变换`,rotate:`旋转 (°)`,x:`X (px)`,y:`Y (px)`,width:`宽度 (px)`,height:`高度 (px)`,lock:`锁定比例 (%)`},crop:{title:`裁剪`,start:`开始裁剪`,mode:`自由比例裁剪`},group:{title:`组合`,group:`组合`,reGroup:`重新组合`,unGroup:`取消组合`},align:{title:`对齐方式`,default:`选择对齐方式`,left:`左对齐`,center:`水平居中`,right:`右对齐`,top:`顶部对齐`,middle:`垂直居中`,bottom:`底部对齐`,horizon:`水平分布`,vertical:`垂直分布`},null:`未选中任何对象`},"drawing-view":`绘图`,shortcut:{"drawing-move-down":`下移绘图`,"drawing-move-up":`上移绘图`,"drawing-move-left":`左移绘图`,"drawing-move-right":`右移绘图`,"drawing-delete":`删除绘图`}};export{e as default};
@@ -1,65 +1 @@
1
- const e = {
2
- "image-popup": {
3
- replace: "替換",
4
- delete: "刪除",
5
- edit: "編輯",
6
- crop: "裁切",
7
- reset: "重置大小"
8
- },
9
- "image-cropper": {
10
- error: "無法裁切非圖片元素"
11
- },
12
- "image-panel": {
13
- arrange: {
14
- title: "排列",
15
- forward: "上移一層",
16
- backward: "下移一層",
17
- front: "置於頂層",
18
- back: "置於底層"
19
- },
20
- transform: {
21
- title: "變換",
22
- rotate: "旋轉 (°)",
23
- x: "X (px)",
24
- y: "Y (px)",
25
- width: "寬度 (px)",
26
- height: "高度 (px)",
27
- lock: "鎖定比例 (%)"
28
- },
29
- crop: {
30
- title: "裁切",
31
- start: "開始裁切",
32
- mode: "自由比例裁切"
33
- },
34
- group: {
35
- title: "組合",
36
- group: "組合",
37
- reGroup: "重新組合",
38
- unGroup: "取消組合"
39
- },
40
- align: {
41
- title: "對齊方式",
42
- default: "選擇對齊方式",
43
- left: "左對齊",
44
- center: "水平居中",
45
- right: "右對齊",
46
- top: "頂部對齊",
47
- middle: "垂直居中",
48
- bottom: "底部對齊",
49
- horizon: "水平分佈",
50
- vertical: "垂直分佈"
51
- },
52
- null: "未選取任何物件"
53
- },
54
- "drawing-view": "繪圖",
55
- shortcut: {
56
- "drawing-move-down": "下移繪圖",
57
- "drawing-move-up": "上移繪圖",
58
- "drawing-move-left": "左移繪圖",
59
- "drawing-move-right": "右移繪圖",
60
- "drawing-delete": "刪除繪圖"
61
- }
62
- };
63
- export {
64
- e as default
65
- };
1
+ const e={"image-popup":{replace:`替換`,delete:`刪除`,edit:`編輯`,crop:`裁切`,reset:`重置大小`},"image-cropper":{error:`無法裁切非圖片元素`},"image-panel":{arrange:{title:`排列`,forward:`上移一層`,backward:`下移一層`,front:`置於頂層`,back:`置於底層`},transform:{title:`變換`,rotate:`旋轉 (°)`,x:`X (px)`,y:`Y (px)`,width:`寬度 (px)`,height:`高度 (px)`,lock:`鎖定比例 (%)`},crop:{title:`裁切`,start:`開始裁切`,mode:`自由比例裁切`},group:{title:`組合`,group:`組合`,reGroup:`重新組合`,unGroup:`取消組合`},align:{title:`對齊方式`,default:`選擇對齊方式`,left:`左對齊`,center:`水平居中`,right:`右對齊`,top:`頂部對齊`,middle:`垂直居中`,bottom:`底部對齊`,horizon:`水平分佈`,vertical:`垂直分佈`},null:`未選取任何物件`},"drawing-view":`繪圖`,shortcut:{"drawing-move-down":`下移繪圖`,"drawing-move-up":`上移繪圖`,"drawing-move-left":`左移繪圖`,"drawing-move-right":`右移繪圖`,"drawing-delete":`刪除繪圖`}};export{e as default};
package/lib/index.css CHANGED
@@ -1 +1,128 @@
1
- .univer-relative{position:relative}.univer-mt-2\.5{margin-top:.625rem}.univer-flex{display:flex}.univer-grid{display:grid}.univer-hidden{display:none}.univer-h-full{height:100%}.univer-w-full{width:100%}.univer-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.univer-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.univer-items-center{align-items:center}.univer-justify-center{justify-content:center}.univer-gap-2{gap:.5rem}.univer-rounded{border-radius:.25rem}.\!univer-bg-gray-800{background-color:var(--univer-gray-800)!important}.\!univer-bg-gray-900{background-color:var(--univer-gray-900)!important}.univer-bg-gray-100{background-color:var(--univer-gray-100)}.univer-bg-white{background-color:var(--univer-white)}.univer-fill-primary-600{fill:var(--univer-primary-600)}.univer-p-1{padding:.25rem}.univer-py-2{padding-top:.5rem;padding-bottom:.5rem}.univer-text-center{text-align:center}.univer-text-gray-400{color:var(--univer-gray-400)}.univer-text-gray-600{color:var(--univer-gray-600)}.univer-text-gray-900{color:var(--univer-gray-900)}.hover\:univer-bg-gray-100:hover{background-color:var(--univer-gray-100)}.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-text-gray-200:where(.univer-dark,.univer-dark *){color:var(--univer-gray-200)!important}.dark\:\!univer-text-white:where(.univer-dark,.univer-dark *){color:var(--univer-white)!important}.dark\:hover\:\!univer-bg-gray-800:hover:where(.univer-dark,.univer-dark *){background-color:var(--univer-gray-800)!important}.\[\&\>div\]\:univer-grid>div{display:grid}.\[\&\>div\]\:univer-gap-2>div{gap:.5rem}
1
+ .univer-relative {
2
+ position: relative;
3
+ }
4
+
5
+ .univer-mt-2\.5 {
6
+ margin-top: .625rem;
7
+ }
8
+
9
+ .univer-flex {
10
+ display: flex;
11
+ }
12
+
13
+ .univer-grid {
14
+ display: grid;
15
+ }
16
+
17
+ .univer-hidden {
18
+ display: none;
19
+ }
20
+
21
+ .univer-h-full {
22
+ height: 100%;
23
+ }
24
+
25
+ .univer-w-full {
26
+ width: 100%;
27
+ }
28
+
29
+ .univer-grid-cols-2 {
30
+ grid-template-columns: repeat(2, minmax(0, 1fr));
31
+ }
32
+
33
+ .univer-grid-cols-3 {
34
+ grid-template-columns: repeat(3, minmax(0, 1fr));
35
+ }
36
+
37
+ .univer-items-center {
38
+ align-items: center;
39
+ }
40
+
41
+ .univer-justify-center {
42
+ justify-content: center;
43
+ }
44
+
45
+ .univer-gap-2 {
46
+ gap: .5rem;
47
+ }
48
+
49
+ .univer-rounded {
50
+ border-radius: .25rem;
51
+ }
52
+
53
+ .\!univer-bg-gray-800 {
54
+ background-color: var(--univer-gray-800) !important;
55
+ }
56
+
57
+ .\!univer-bg-gray-900 {
58
+ background-color: var(--univer-gray-900) !important;
59
+ }
60
+
61
+ .univer-bg-gray-100 {
62
+ background-color: var(--univer-gray-100);
63
+ }
64
+
65
+ .univer-bg-white {
66
+ background-color: var(--univer-white);
67
+ }
68
+
69
+ .univer-fill-primary-600 {
70
+ fill: var(--univer-primary-600);
71
+ }
72
+
73
+ .univer-p-1 {
74
+ padding: .25rem;
75
+ }
76
+
77
+ .univer-py-2 {
78
+ padding-top: .5rem;
79
+ padding-bottom: .5rem;
80
+ }
81
+
82
+ .univer-text-center {
83
+ text-align: center;
84
+ }
85
+
86
+ .univer-text-gray-400 {
87
+ color: var(--univer-gray-400);
88
+ }
89
+
90
+ .univer-text-gray-600 {
91
+ color: var(--univer-gray-600);
92
+ }
93
+
94
+ .univer-text-gray-900 {
95
+ color: var(--univer-gray-900);
96
+ }
97
+
98
+ .hover\:univer-bg-gray-100:hover {
99
+ background-color: var(--univer-gray-100);
100
+ }
101
+
102
+ .dark\:\!univer-bg-gray-800:where(.univer-dark, .univer-dark *) {
103
+ background-color: var(--univer-gray-800) !important;
104
+ }
105
+
106
+ .dark\:\!univer-bg-gray-900:where(.univer-dark, .univer-dark *) {
107
+ background-color: var(--univer-gray-900) !important;
108
+ }
109
+
110
+ .dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
111
+ color: var(--univer-gray-200) !important;
112
+ }
113
+
114
+ .dark\:\!univer-text-white:where(.univer-dark, .univer-dark *) {
115
+ color: var(--univer-white) !important;
116
+ }
117
+
118
+ .dark\:hover\:\!univer-bg-gray-800:hover:where(.univer-dark, .univer-dark *) {
119
+ background-color: var(--univer-gray-800) !important;
120
+ }
121
+
122
+ .\[\&\>div\]\:univer-grid > div {
123
+ display: grid;
124
+ }
125
+
126
+ .\[\&\>div\]\:univer-gap-2 > div {
127
+ gap: .5rem;
128
+ }