jvs-ppt-ui 0.0.14 → 0.0.15
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.
- package/dist/lib/check_imgs.html +18 -0
- package/dist/lib/jvs-ppt-ui/iconfont/iconfont.css +187 -27
- package/dist/lib/jvs-ppt-ui/iconfont/iconfont.js +1 -1
- package/dist/lib/jvs-ppt-ui/iconfont/iconfont.json +345 -65
- package/dist/lib/jvs-ppt-ui/iconfont/iconfont.ttf +0 -0
- package/dist/lib/jvs-ppt-ui/iconfont/iconfont.woff +0 -0
- package/dist/lib/jvs-ppt-ui/iconfont/iconfont.woff2 +0 -0
- package/dist/lib/jvs-ppt-ui/img/al.png +0 -0
- package/dist/lib/jvs-ppt-ui/img/d.png +0 -0
- package/dist/lib/jvs-ppt-ui/img/dl.png +0 -0
- package/dist/lib/jvs-ppt-ui/img/l.png +0 -0
- package/dist/lib/jvs-ppt-ui.es.js +38343 -37197
- package/dist/lib/jvs-ppt-ui.umd.js +102 -102
- package/dist/lib/style.css +1 -1
- package/package.json +1 -1
- package/scripts/check-icons.mjs +22 -0
- package/scripts/patch-anim-icons.mjs +45 -0
- package/src/assets/iconfont/iconfont.css +187 -27
- package/src/assets/iconfont/iconfont.js +1 -1
- package/src/assets/iconfont/iconfont.json +345 -65
- package/src/assets/iconfont/iconfont.ttf +0 -0
- package/src/assets/iconfont/iconfont.woff +0 -0
- package/src/assets/iconfont/iconfont.woff2 +0 -0
- package/src/components/CanvasArea.vue +204 -78
- package/src/components/ChartTypeSelector.vue +505 -148
- package/src/components/Header.vue +287 -39
- package/src/components/QuickBorderPopover.vue +51 -11
- package/src/components/QuickColorPopover.vue +65 -21
- package/src/components/SidebarLeft.vue +191 -90
- package/src/components/SidebarRight.vue +39 -35
- package/src/components/TemplateGallery.vue +1110 -1237
- package/src/components/ToastNotification.vue +2 -2
- package/src/components/Toolbar.vue +825 -733
- package/src/components/canvas/CanvasQuickToolbar.vue +17 -30
- package/src/components/canvas/elements/CanvasGroupElement.vue +6 -0
- package/src/components/canvas/elements/CanvasShapeElement.vue +113 -10
- package/src/components/canvas/elements/CanvasTextElement.vue +4 -3
- package/src/components/sidebar/common/SidebarAlignGroup.vue +104 -50
- package/src/components/sidebar/common/SidebarBorderAccordion.vue +373 -146
- package/src/components/sidebar/common/SidebarPositionGroup.vue +358 -149
- package/src/components/sidebar/common/SidebarReflectionAccordion.vue +429 -203
- package/src/components/sidebar/common/SidebarShadowAccordion.vue +844 -416
- package/src/components/sidebar/panels/GradientEditor.vue +671 -316
- package/src/components/sidebar/panels/LayoutThumbSvg.vue +33 -16
- package/src/components/sidebar/panels/SidebarAnimationPanel.vue +701 -138
- package/src/components/sidebar/panels/SidebarDesignPanel.vue +1596 -419
- package/src/components/sidebar/panels/SidebarMediaFormatPanel.vue +12 -0
- package/src/components/sidebar/panels/SidebarShapeFormatPanel.vue +652 -173
- package/src/components/sidebar/panels/SidebarTextFormatPanel.vue +1938 -1427
- package/src/components/sidebar/panels/SidebarTransitionPanel.vue +780 -210
- package/src/composables/canvas/useCanvasShortcuts.ts +20 -6
- package/src/composables/canvas/useCanvasText.ts +1 -1
- package/src/composables/canvas/useCanvasTransform.ts +20 -0
- package/src/composables/presetThemes.ts +43 -44
- package/src/composables/sidebar/useSidebarAnimation.ts +101 -25
- package/src/composables/sidebar/useSidebarDesign.ts +30 -11
- package/src/composables/sidebar/useSidebarElementTransform.ts +10 -1
- package/src/composables/sidebar/useSidebarImage.ts +10 -2
- package/src/composables/sidebar/useSidebarShapeFormat.ts +323 -99
- package/src/composables/useSlides.ts +319 -153
- package/src/main.ts +2 -0
- package/src/style.css +924 -359
- package/src/utils/canvas/elementStyles.ts +20 -1
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<style>
|
|
6
|
+
body { padding: 40px; background: #f8fafc; font-family: sans-serif; display: flex; gap: 20px; }
|
|
7
|
+
.card { background: #fff; padding: 20px; border-radius: 8px; border: 1px solid #e2e8f0; display: flex; flex-direction: column; align-items: center; gap: 10px; }
|
|
8
|
+
img { border: 1px dashed #94a3b8; padding: 10px; background: #fff; }
|
|
9
|
+
</style>
|
|
10
|
+
</head>
|
|
11
|
+
<body>
|
|
12
|
+
<div class="card"><span>al.png</span><img src="/jvs-ppt-ui/img/al.png"></div>
|
|
13
|
+
<div class="card"><span>d.png</span><img src="/jvs-ppt-ui/img/d.png"></div>
|
|
14
|
+
<div class="card"><span>dl.png</span><img src="/jvs-ppt-ui/img/dl.png"></div>
|
|
15
|
+
<div class="card"><span>l.png</span><img src="/jvs-ppt-ui/img/l.png"></div>
|
|
16
|
+
<div class="card"><span>line.png</span><img src="/jvs-ppt-ui/img/line.png"></div>
|
|
17
|
+
</body>
|
|
18
|
+
</html>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
@font-face {
|
|
2
2
|
font-family: "iconfont"; /* Project id 5205012 */
|
|
3
|
-
src: url('iconfont.woff2?t=
|
|
4
|
-
url('iconfont.woff?t=
|
|
5
|
-
url('iconfont.ttf?t=
|
|
3
|
+
src: url('iconfont.woff2?t=1792372612368') format('woff2'),
|
|
4
|
+
url('iconfont.woff?t=1792372612368') format('woff'),
|
|
5
|
+
url('iconfont.ttf?t=1792372612368') format('truetype');
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.iconfont {
|
|
@@ -13,72 +13,232 @@
|
|
|
13
13
|
-moz-osx-font-smoothing: grayscale;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
.icon-
|
|
17
|
-
content: "\
|
|
16
|
+
.icon-guangsufeiru-jinru:before {
|
|
17
|
+
content: "\eafd";
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
.icon-
|
|
21
|
-
content: "\
|
|
20
|
+
.icon-feiru-jinru:before {
|
|
21
|
+
content: "\eafe";
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
-
.icon-
|
|
25
|
-
content: "\
|
|
24
|
+
.icon-dantiao-tuichu:before {
|
|
25
|
+
content: "\eafb";
|
|
26
26
|
}
|
|
27
27
|
|
|
28
|
-
.icon-
|
|
29
|
-
content: "\
|
|
28
|
+
.icon-dantiao-jinru:before {
|
|
29
|
+
content: "\eafc";
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
.icon-
|
|
33
|
-
content: "\
|
|
32
|
+
.icon-maibo-qiangtiao:before {
|
|
33
|
+
content: "\eaeb";
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.icon-xiangpijin-qiangtiao:before {
|
|
37
|
+
content: "\eaec";
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.icon-shanshuo-qiangtiao:before {
|
|
41
|
+
content: "\eaed";
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.icon-fanzhuan-jinru:before {
|
|
45
|
+
content: "\eaee";
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.icon-yaotou-qiangtiao:before {
|
|
49
|
+
content: "\eaef";
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.icon-baidong-qiangtiao:before {
|
|
53
|
+
content: "\eaf0";
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.icon-suofang-jinru:before {
|
|
57
|
+
content: "\eaf1";
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.icon-shangxiayaohuang-qiangtiao:before {
|
|
61
|
+
content: "\eaf2";
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.icon-zuoyouyaohuang-qiangtiao:before {
|
|
65
|
+
content: "\eaf3";
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.icon-guodong-qiangtiao:before {
|
|
69
|
+
content: "\eaf4";
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.icon-fanzhuan-tuichu:before {
|
|
73
|
+
content: "\eaf5";
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.icon-jingkong-qiangtiao:before {
|
|
77
|
+
content: "\eaf6";
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.icon-fangdahuaru-jinru:before {
|
|
81
|
+
content: "\eaf7";
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.icon-suofang-tuichu:before {
|
|
85
|
+
content: "\eaf8";
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.icon-jianbian-tuichu:before {
|
|
89
|
+
content: "\eaf9";
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.icon-dantiao-qiangtiao:before {
|
|
93
|
+
content: "\eafa";
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.icon-jianbian-jinru:before {
|
|
97
|
+
content: "\eae5";
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.icon-a-xintiaokuai-qiangtiao:before {
|
|
101
|
+
content: "\eae6";
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
.icon-xuanzhuan-tuichu:before {
|
|
105
|
+
content: "\eae7";
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.icon-xuanzhuan-jinru:before {
|
|
109
|
+
content: "\eae8";
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.icon-suoxiaohuachu-tuichu:before {
|
|
113
|
+
content: "\eae9";
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.icon-huangdong-qiangtiao:before {
|
|
117
|
+
content: "\eaea";
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.icon-suiji:before {
|
|
121
|
+
content: "\ead3";
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.icon-shangxiatuiyi-xuanzhong:before {
|
|
125
|
+
content: "\ead4";
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.icon-a-shangxiatuiyi3D:before {
|
|
129
|
+
content: "\ead5";
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.icon-suoxiao1:before {
|
|
133
|
+
content: "\ead9";
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.icon-wudonghua-xuanzhong:before {
|
|
137
|
+
content: "\eada";
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.icon-xuanzhuan:before {
|
|
141
|
+
content: "\eadb";
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
.icon-fangda-xuanzhong:before {
|
|
145
|
+
content: "\eadc";
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.icon-xuanzhuan-xuanzhong:before {
|
|
149
|
+
content: "\eadd";
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.icon-wudonghua:before {
|
|
153
|
+
content: "\eade";
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
.icon-fangda1:before {
|
|
157
|
+
content: "\eadf";
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
.icon-suoxiao-xuanzhong:before {
|
|
161
|
+
content: "\eae0";
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
.icon-shangxiazhankai:before {
|
|
165
|
+
content: "\eae1";
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
.icon-danrudanchu-xuanzhong:before {
|
|
169
|
+
content: "\eae2";
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.icon-shangxiazhankai-xuanzhong:before {
|
|
173
|
+
content: "\eae3";
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
.icon-danrudanchu:before {
|
|
177
|
+
content: "\eae4";
|
|
34
178
|
}
|
|
35
179
|
|
|
36
180
|
.icon-a-zuoyoutuiyi3D:before {
|
|
37
181
|
content: "\eaca";
|
|
38
182
|
}
|
|
39
183
|
|
|
40
|
-
.icon-
|
|
184
|
+
.icon-zuoyouzhankai:before {
|
|
41
185
|
content: "\eacb";
|
|
42
186
|
}
|
|
43
187
|
|
|
44
|
-
.icon-
|
|
188
|
+
.icon-zuoyouzhankai-xuanzhong:before {
|
|
45
189
|
content: "\eacc";
|
|
46
190
|
}
|
|
47
191
|
|
|
48
|
-
.icon-
|
|
192
|
+
.icon-shangxiatuiyi:before {
|
|
49
193
|
content: "\eacd";
|
|
50
194
|
}
|
|
51
195
|
|
|
52
|
-
.icon-
|
|
196
|
+
.icon-zuoyoutuiyi-xuanzhong:before {
|
|
53
197
|
content: "\eace";
|
|
54
198
|
}
|
|
55
199
|
|
|
56
|
-
.icon-
|
|
200
|
+
.icon-a-zuoyoutuiyi3D-xuanzhong:before {
|
|
57
201
|
content: "\eacf";
|
|
58
202
|
}
|
|
59
203
|
|
|
60
|
-
.icon-a-shangxiatuiyi3D:before {
|
|
204
|
+
.icon-a-shangxiatuiyi3D-xuanzhong:before {
|
|
61
205
|
content: "\ead0";
|
|
62
206
|
}
|
|
63
207
|
|
|
64
|
-
.icon-
|
|
208
|
+
.icon-suiji-xuanzhong:before {
|
|
65
209
|
content: "\ead1";
|
|
66
210
|
}
|
|
67
211
|
|
|
68
|
-
.icon-
|
|
212
|
+
.icon-zuoyoutuiyi:before {
|
|
69
213
|
content: "\ead2";
|
|
70
214
|
}
|
|
71
215
|
|
|
72
|
-
.icon-
|
|
73
|
-
content: "\
|
|
216
|
+
.icon-xiala-zhankai:before {
|
|
217
|
+
content: "\e6b5";
|
|
74
218
|
}
|
|
75
219
|
|
|
76
|
-
.icon-
|
|
77
|
-
content: "\
|
|
220
|
+
.icon-xiala-shouqi:before {
|
|
221
|
+
content: "\e6b3";
|
|
78
222
|
}
|
|
79
223
|
|
|
80
|
-
.icon-
|
|
81
|
-
content: "\
|
|
224
|
+
.icon-sucaiku:before {
|
|
225
|
+
content: "\ead8";
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
.icon-fensanduiqi:before {
|
|
229
|
+
content: "\ead6";
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
.icon-liangduanduiqi:before {
|
|
233
|
+
content: "\ead7";
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
.icon-quxiaobianzu:before {
|
|
237
|
+
content: "\ea13";
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
.icon-bianzu:before {
|
|
241
|
+
content: "\ea14";
|
|
82
242
|
}
|
|
83
243
|
|
|
84
244
|
.icon-biaoge1:before {
|