@versa_ai/vmml-editor 1.0.12 → 1.0.14
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/.turbo/turbo-build.log +8 -8
- package/dist/index.js +85 -17
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +85 -17
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/assets/css/index.scss +67 -7
- package/src/components/EditorCanvas.tsx +3 -4
- package/src/components/SeekBar.tsx +3 -2
- package/src/index.tsx +12 -6
- package/src/utils/usePeekControl.ts +15 -13
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
> @versa_ai/vmml-editor@1.0.
|
|
2
|
+
> @versa_ai/vmml-editor@1.0.14 build D:\code\work\vmml-player\packages\editor
|
|
3
3
|
> tsup
|
|
4
4
|
|
|
5
5
|
[34mCLI[39m Building entry: src/index.tsx
|
|
@@ -124,12 +124,12 @@ More info and automated migrator: https://sass-lang.com/d/slash-div[0m [1m[35
|
|
|
124
124
|
|
|
125
125
|
|
|
126
126
|
[34mDTS[39m Build start
|
|
127
|
-
[32mESM[39m [1mdist\index.mjs [22m[
|
|
128
|
-
[32mESM[39m [1mdist\index.mjs.map [22m[
|
|
129
|
-
[32mESM[39m ⚡️ Build success in
|
|
130
|
-
[32mCJS[39m [1mdist\index.js [22m[
|
|
131
|
-
[32mCJS[39m [1mdist\index.js.map [22m[
|
|
132
|
-
[32mCJS[39m ⚡️ Build success in
|
|
133
|
-
[32mDTS[39m ⚡️ Build success in
|
|
127
|
+
[32mESM[39m [1mdist\index.mjs [22m[32m107.63 KB[39m
|
|
128
|
+
[32mESM[39m [1mdist\index.mjs.map [22m[32m206.39 KB[39m
|
|
129
|
+
[32mESM[39m ⚡️ Build success in 805ms
|
|
130
|
+
[32mCJS[39m [1mdist\index.js [22m[32m109.17 KB[39m
|
|
131
|
+
[32mCJS[39m [1mdist\index.js.map [22m[32m206.67 KB[39m
|
|
132
|
+
[32mCJS[39m ⚡️ Build success in 805ms
|
|
133
|
+
[32mDTS[39m ⚡️ Build success in 2430ms
|
|
134
134
|
[32mDTS[39m [1mdist\index.d.ts [22m[32m158.00 B[39m
|
|
135
135
|
[32mDTS[39m [1mdist\index.d.mts [22m[32m158.00 B[39m
|
package/dist/index.js
CHANGED
|
@@ -90,9 +90,9 @@ var css = `@charset "UTF-8";
|
|
|
90
90
|
height: 100%;
|
|
91
91
|
}
|
|
92
92
|
.editor .main .controls-box {
|
|
93
|
-
height:
|
|
93
|
+
height: 12vw;
|
|
94
94
|
position: absolute;
|
|
95
|
-
bottom:
|
|
95
|
+
bottom: 0;
|
|
96
96
|
width: 100%;
|
|
97
97
|
border-radius: 3.2vw;
|
|
98
98
|
}
|
|
@@ -101,7 +101,7 @@ var css = `@charset "UTF-8";
|
|
|
101
101
|
align-items: center;
|
|
102
102
|
width: 100%;
|
|
103
103
|
height: 100%;
|
|
104
|
-
padding: 0
|
|
104
|
+
padding: 0 2.13vw;
|
|
105
105
|
box-sizing: border-box;
|
|
106
106
|
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
|
|
107
107
|
}
|
|
@@ -110,8 +110,8 @@ var css = `@charset "UTF-8";
|
|
|
110
110
|
}
|
|
111
111
|
.editor .main .player-controls .player-controls-toggle > img {
|
|
112
112
|
display: block;
|
|
113
|
-
width:
|
|
114
|
-
height:
|
|
113
|
+
width: 4.8vw;
|
|
114
|
+
height: 4.8vw;
|
|
115
115
|
cursor: pointer;
|
|
116
116
|
}
|
|
117
117
|
.editor .main .player-controls .player-controls-seekbar {
|
|
@@ -254,7 +254,63 @@ var css = `@charset "UTF-8";
|
|
|
254
254
|
height: 100%;
|
|
255
255
|
object-fit: contain;
|
|
256
256
|
}
|
|
257
|
-
|
|
257
|
+
|
|
258
|
+
@media screen and (min-width: 750px) {
|
|
259
|
+
.editor .controls-box {
|
|
260
|
+
height: 20% !important;
|
|
261
|
+
border-radius: 3.2vw;
|
|
262
|
+
}
|
|
263
|
+
.editor .player-controls {
|
|
264
|
+
display: flex;
|
|
265
|
+
align-items: center;
|
|
266
|
+
width: 100%;
|
|
267
|
+
height: 100%;
|
|
268
|
+
padding: 0 1%;
|
|
269
|
+
}
|
|
270
|
+
.editor .player-controls .mr-16 {
|
|
271
|
+
margin-right: 2.13vw;
|
|
272
|
+
}
|
|
273
|
+
.editor .player-controls .player-controls-toggle > img {
|
|
274
|
+
display: block;
|
|
275
|
+
width: 30px !important;
|
|
276
|
+
height: 30px !important;
|
|
277
|
+
cursor: pointer;
|
|
278
|
+
}
|
|
279
|
+
.editor .player-controls .player-controls-seekbar {
|
|
280
|
+
flex: 1;
|
|
281
|
+
}
|
|
282
|
+
.editor .player-controls .player-controls-seekbar .seekbar-container {
|
|
283
|
+
height: 2px !important;
|
|
284
|
+
}
|
|
285
|
+
.editor .player-controls .player-controls-seekbar .seekbar-container .seekbar-background {
|
|
286
|
+
height: 8px !important;
|
|
287
|
+
width: 100%;
|
|
288
|
+
border-radius: 1vw;
|
|
289
|
+
}
|
|
290
|
+
.editor .player-controls .player-controls-seekbar .seekbar-container .seekbar-background .seekbar-fill {
|
|
291
|
+
width: 100%;
|
|
292
|
+
height: 80%;
|
|
293
|
+
border-radius: 1vw;
|
|
294
|
+
}
|
|
295
|
+
.editor .player-controls .player-controls-seekbar .seekbar-container .seekbar-background .seekbar-line {
|
|
296
|
+
height: 100%;
|
|
297
|
+
border-radius: 1vw;
|
|
298
|
+
}
|
|
299
|
+
.editor .player-controls .player-controls-seekbar .seekbar-container .seekbar-background .seekbar-sign {
|
|
300
|
+
width: 10px;
|
|
301
|
+
top: 50%;
|
|
302
|
+
margin-top: -6px;
|
|
303
|
+
}
|
|
304
|
+
.editor .player-controls .player-controls-seekbar .seekbar-container .seekbar-background .seekbar-cirle {
|
|
305
|
+
top: -5px !important;
|
|
306
|
+
width: 20px !important;
|
|
307
|
+
height: 20px !important;
|
|
308
|
+
}
|
|
309
|
+
.editor .player-controls .player-controls-time {
|
|
310
|
+
width: 6vw !important;
|
|
311
|
+
}
|
|
312
|
+
}
|
|
313
|
+
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiRDpcXGNvZGVcXHdvcmtcXHZtbWwtcGxheWVyXFxwYWNrYWdlc1xcZWRpdG9yXFxzcmNcXGFzc2V0c1xcY3NzIiwic291cmNlcyI6WyJpbmRleC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBOztBQUdKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBOztBQUVGO0VBQ0U7O0FBR0o7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0U7O0FBR0Y7RUFDRTtFQUVBOztBQUdGO0VBRUU7RUFDQTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFHQTtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0U7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBS1I7RUFDRTtFQUNBOztBQUdKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTs7QUFHSjtFQUNFOztBQUtKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUtOO0VBQ0U7O0FBR0Y7RUFDRTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFFRjtFQUNFO0VBQ0E7O0FBRUY7RUFDRTs7QUFHSjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBOzs7QUFRVjtFQUVJO0lBQ0U7SUFDQTs7RUFFRjtJQUNFO0lBQ0E7SUFDQTtJQUNBO0lBQ0E7O0VBQ0E7SUFDRTs7RUFHQTtJQUNFO0lBQ0E7SUFDQTtJQUNBOztFQUdKO0lBQ0U7O0VBQ0E7SUFDRTs7RUFDQTtJQUNFO0lBQ0E7SUFDQTs7RUFDQTtJQUNFO0lBQ0E7SUFDQTs7RUFFRjtJQUNFO0lBQ0E7O0VBRUY7SUFDRTtJQUNBO0lBQ0E7O0VBRUY7SUFDRTtJQUNBO0lBQ0E7O0VBS1I7SUFDRSIsInNvdXJjZXNDb250ZW50IjpbIi5lZGl0b3J7XHJcbiAgYmFja2dyb3VuZDogIzAwMDtcclxuICB3aWR0aDogMTAwJTtcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAucGFkZGluZy1ib3gge1xyXG4gICAgZmxleDogMTtcclxuICB9XHJcbiAgLy8g6aG26YOoXHJcbiAgJj4uaGVhZGVye1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIGhlaWdodDogMTEuNDY3dnc7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDQuNHZ3O1xyXG4gICAgcGFkZGluZy1yaWdodDogMy4ydnc7XHJcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgJj4uY2xvc2V7XHJcbiAgICAgIHdpZHRoOiA0dnc7XHJcbiAgICAgIGhlaWdodDogNHZ3O1xyXG4gICAgICBpbWd7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAmPi5oaXN0b3J5LW9wZXJhdGV7XHJcbiAgICAgIGhlaWdodDogNy4ydnc7XHJcbiAgICAgIGRpc3BsYXk6IG5vbmU7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgbGVmdDogNTAlO1xyXG4gICAgICB0b3A6IDUwJTtcclxuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwtNTAlKTtcclxuICAgICAgaW1ne1xyXG4gICAgICAgIHdpZHRoOiA0LjY2N3Z3O1xyXG4gICAgICAgIGhlaWdodDogNS4wNjd2dztcclxuICAgICAgfVxyXG4gICAgICAmPmltZzpsYXN0LWNoaWxke1xyXG4gICAgICAgIG1hcmdpbi1sZWZ0OiA4dnc7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgICY+Lm5leHQtYnV0dG9ue1xyXG4gICAgICB3aWR0aDogMTZ2dztcclxuICAgICAgaGVpZ2h0OiA3LjJ2dztcclxuICAgICAgbGluZS1oZWlnaHQ6IDcuMnZ3O1xyXG4gICAgICBiYWNrZ3JvdW5kOiAjMTY3N0ZGO1xyXG4gICAgICBib3JkZXItcmFkaXVzOiA2LjUzM3Z3O1xyXG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICAgIGZvbnQtc2l6ZTogMy4ydnc7XHJcbiAgICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgfVxyXG4gIH1cclxuICAudGV4dC1zdHlsZXtcclxuICAgIGZpbHRlcjpibHVyKDEwcHgpXHJcbiAgfVxyXG5cclxuICAuZWRpdG9yLXZlc3NlbCB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIC8vIHBhZGRpbmctdG9wOiAzLjJ2dztcclxuICAgIGhlaWdodDogMTAwJTtcclxuICB9XHJcbiAgLy9wbGF5ZXLkuI7nlLvluINcclxuICAubWFpbntcclxuICAgIC8vIHdpZHRoOiA4MS40Njd2dztcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgLy8gaGVpZ2h0OiAxNDQuOHZ3O1xyXG4gICAgbWFyZ2luOiBhdXRvO1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgYm9yZGVyLXJhZGl1czogMy4ydnc7XHJcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgLnZlc3NlbCB7XHJcbiAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICB9XHJcbiAgICAuY29udHJvbHMtYm94IHtcclxuICAgICAgaGVpZ2h0OiAxMnZ3O1xyXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgIGJvdHRvbTogMDtcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6IDMuMnZ3O1xyXG4gICAgfVxyXG4gICAgLnBsYXllci1jb250cm9scyB7XHJcbiAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgIHBhZGRpbmc6IDAgMi4xM3Z3O1xyXG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoIDE4MGRlZywgcmdiYSgwLDAsMCwwKSAwJSwgcmdiYSgwLDAsMCwwLjYpIDEwMCUpO1xyXG4gICAgICAubXItMTYge1xyXG4gICAgICAgIG1hcmdpbi1yaWdodDogMi4xM3Z3O1xyXG4gICAgICB9XHJcbiAgICAgIC5wbGF5ZXItY29udHJvbHMtdG9nZ2xlIHtcclxuICAgICAgICA+aW1nIHtcclxuICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgICAgd2lkdGg6IDQuOHZ3O1xyXG4gICAgICAgICAgaGVpZ2h0OiA0Ljh2dztcclxuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgICAgLnBsYXllci1jb250cm9scy1zZWVrYmFyIHtcclxuICAgICAgICBmbGV4OiAxO1xyXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgICAgICAuc2Vla2Jhci1jb250YWluZXIge1xyXG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XHJcbiAgICAgICAgICB0b3VjaC1hY3Rpb246IG5vbmU7XHJcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgICAgICAgLnNlZWtiYXItYmFja2dyb3VuZCB7XHJcbiAgICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xyXG4gICAgICAgICAgICBoZWlnaHQ6IDEuNnZ3O1xyXG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpO1xyXG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxdnc7XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLWZpbGwge1xyXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcclxuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMXZ3O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLWxpbmUge1xyXG4gICAgICAgICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxdnc7XHJcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2VlZWVlZTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAuc2Vla2Jhci1zaWduIHtcclxuICAgICAgICAgICAgICB3aWR0aDogMTBweDtcclxuICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgICAgICAgdG9wOiA1MCU7XHJcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogLTZweDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAuc2Vla2Jhci1jaXJsZSB7XHJcbiAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgICAgICAgIHRvcDogLTAuOHZ3O1xyXG4gICAgICAgICAgICAgIHdpZHRoOiAzLjJ2dztcclxuICAgICAgICAgICAgICBoZWlnaHQ6IDMuMnZ3O1xyXG4gICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAjZWVlZWVlO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICAgIC5wbGF5ZXItY29udHJvbHMtdGltZSB7XHJcbiAgICAgICAgd2lkdGg6IDEwdnc7XHJcbiAgICAgICAgY29sb3I6ICNmZmY7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIC5wbGF5LWJ0biB7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgYm90dG9tOiA0dnc7XHJcbiAgICAgIGxlZnQ6IDN2dztcclxuICAgICAgd2lkdGg6IDQuOHZ3O1xyXG4gICAgICBoZWlnaHQ6IDQuOHZ3O1xyXG4gICAgICBpbWcge1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgLm9wYWNpdHktMDYge1xyXG4gICAgICBvcGFjaXR5OiAwLjY7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvL+W6lemDqFxyXG4gIC5mb290ZXJ7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwYWRkaW5nOiAwIDIwLjMzM3Z3IDEwLjkzM3Z3O1xyXG4gICAgJj5kaXZ7XHJcbiAgICAgIHdpZHRoOiAzMCU7XHJcbiAgICAgIG1hcmdpbjogMCAxNSU7XHJcbiAgICAgIGltZ3tcclxuICAgICAgICB3aWR0aDogNi40dnc7XHJcbiAgICAgICAgaGVpZ2h0OiA2LjR2dztcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICBtYXJnaW46IGF1dG87XHJcbiAgICAgIH1cclxuICAgICAgcHtcclxuICAgICAgICBmb250LXNpemU6IDMuMnZ3O1xyXG4gICAgICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDEuODY3dnc7XHJcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAubm90LXNob3ctdGV4dHtcclxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xyXG4gIH1cclxuXHJcbiAgLmVkaXRvci12aWRlby1tZW51IHtcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIC8vIGhlaWdodDogMzguMTN2aDtcclxuICAgIGhlaWdodDogMDtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgYmFja2dyb3VuZDogIzFFMUUxRTtcclxuICAgIGJvdHRvbTogMDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDhweCA4cHggMCAwO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIDAuNXMgZWFzZS1pbi1vdXQ7ICBcclxuICAgICYuYWN0aXZlIHtcclxuICAgICAgaGVpZ2h0OiAzOC4xM3ZoO1xyXG4gICAgfVxyXG4gICAgLmVkaXRvci12aWRlby1tZW51LWhlYWRlciB7XHJcbiAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgIHBhZGRpbmc6IDEuNnZ3IDEuNnZ3IDA7XHJcbiAgICAgIGhlaWdodDogNC44MXZoO1xyXG4gICAgICBsaW5lLWhlaWdodDogNC44MXZoO1xyXG4gICAgICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQwKTtcclxuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgICAgb3ZlcmZsb3cteDogYXV0bztcclxuICAgICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xyXG4gICAgICAgIGRpc3BsYXk6IG5vbmU7IC8qIOmakOiXj+a7muWKqOadoSAqL1xyXG4gICAgICB9XHJcbiAgICAgID5kaXYge1xyXG4gICAgICAgIG1hcmdpbjogMCAzLjJ2dztcclxuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgICB9XHJcbiAgICAgIC5hY3RpdmUge1xyXG4gICAgICAgIGNvbG9yOiAjRkZGRkZGO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAuZWRpdG9yLXZpZGVvLW1lbnUtaXRtZXMge1xyXG4gICAgICBwYWRkaW5nOiAwIDMuMzN2dztcclxuICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gNC44MXZoIC0gMS42dncpO1xyXG4gICAgICBkaXNwbGF5OiBncmlkO1xyXG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xyXG4gICAgICByb3ctZ2FwOiAzLjJ2dztcclxuICAgICAgY29sdW1uLWdhcDogMi42dnc7XHJcbiAgICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgICA+ZGl2IHtcclxuICAgICAgICB3aWR0aDogMjEuMzN2dztcclxuICAgICAgICBoZWlnaHQ6IDIxLjMzdnc7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzFlMWUxZTtcclxuICAgICAgICBpbWcge1xyXG4gICAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgICBvYmplY3QtZml0OiBjb250YWluO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbn1cclxuXHJcbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc1MHB4KSB7XHJcbiAgLmVkaXRvciB7XHJcbiAgICAuY29udHJvbHMtYm94IHtcclxuICAgICAgaGVpZ2h0OiAyMCUgIWltcG9ydGFudDtcclxuICAgICAgYm9yZGVyLXJhZGl1czogMy4ydnc7XHJcbiAgICB9XHJcbiAgICAucGxheWVyLWNvbnRyb2xzIHtcclxuICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgcGFkZGluZzogMCAxJTtcclxuICAgICAgLm1yLTE2IHtcclxuICAgICAgICBtYXJnaW4tcmlnaHQ6IDIuMTN2dztcclxuICAgICAgfVxyXG4gICAgICAucGxheWVyLWNvbnRyb2xzLXRvZ2dsZSB7XHJcbiAgICAgICAgPmltZyB7XHJcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICAgIHdpZHRoOiAzMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICBoZWlnaHQ6IDMwcHggIWltcG9ydGFudDtcclxuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgICAgLnBsYXllci1jb250cm9scy1zZWVrYmFyIHtcclxuICAgICAgICBmbGV4OiAxO1xyXG4gICAgICAgIC5zZWVrYmFyLWNvbnRhaW5lciB7XHJcbiAgICAgICAgICBoZWlnaHQ6IDJweCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgLnNlZWtiYXItYmFja2dyb3VuZCB7XHJcbiAgICAgICAgICAgIGhlaWdodDogOHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxdnc7XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLWZpbGwge1xyXG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgICAgICAgIGhlaWdodDogODAlO1xyXG4gICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDF2dztcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAuc2Vla2Jhci1saW5lIHtcclxuICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMXZ3O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLXNpZ24ge1xyXG4gICAgICAgICAgICAgIHdpZHRoOiAxMHB4O1xyXG4gICAgICAgICAgICAgIHRvcDogNTAlO1xyXG4gICAgICAgICAgICAgIG1hcmdpbi10b3A6IC02cHg7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLnNlZWtiYXItY2lybGUge1xyXG4gICAgICAgICAgICAgIHRvcDogLTVweCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgIHdpZHRoOiAyMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgaGVpZ2h0OiAyMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgICAgLnBsYXllci1jb250cm9scy10aW1lIHtcclxuICAgICAgICB3aWR0aDogNnZ3ICFpbXBvcnRhbnQ7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbn1cclxuXHJcbiJdfQ== */`;
|
|
258
314
|
document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
|
|
259
315
|
|
|
260
316
|
// src/utils/const.ts
|
|
@@ -276,12 +332,12 @@ var getFrameFromX = (clientX, durationInFrames, width) => {
|
|
|
276
332
|
);
|
|
277
333
|
return frame;
|
|
278
334
|
};
|
|
279
|
-
console.log(2222);
|
|
280
335
|
var SeekBar = ({ player, vmmlRef, frame, durationInFrames, intoEdit, setDragState, signList }) => {
|
|
281
336
|
const containerRef = react.useRef(null);
|
|
282
337
|
const [dragging, setDragging] = react.useState({
|
|
283
338
|
dragging: false
|
|
284
339
|
});
|
|
340
|
+
const max750 = document.body.clientWidth > 750;
|
|
285
341
|
const fillStyle = react.useMemo(() => {
|
|
286
342
|
return {
|
|
287
343
|
width: `${frame / (durationInFrames - 1) * 100}%`
|
|
@@ -289,7 +345,7 @@ var SeekBar = ({ player, vmmlRef, frame, durationInFrames, intoEdit, setDragStat
|
|
|
289
345
|
}, [frame, durationInFrames]);
|
|
290
346
|
const cirleStyle = react.useMemo(() => {
|
|
291
347
|
return {
|
|
292
|
-
left: `calc(${frame / (durationInFrames - 1) * 100}% - 1.6vw)`
|
|
348
|
+
left: `calc(${frame / (durationInFrames - 1) * 100}% - ${max750 ? "10px" : "1.6vw"})`
|
|
293
349
|
};
|
|
294
350
|
}, [frame, durationInFrames]);
|
|
295
351
|
const onPointerDown = react.useCallback((e) => {
|
|
@@ -800,14 +856,19 @@ function drawImg(ctx, left, top, img, wSize, hSize, angle) {
|
|
|
800
856
|
ctx.drawImage(img, -wSize / 2, -hSize / 2, wSize, hSize);
|
|
801
857
|
ctx.restore();
|
|
802
858
|
}
|
|
803
|
-
function usePeekControl(canvas) {
|
|
859
|
+
function usePeekControl(canvas, hideConfig) {
|
|
804
860
|
const iconUrls = {
|
|
805
861
|
delete: "https://mass.alipay.com/finmedia_versaassets/uri/file/as/0c7084a9-6067-4277-a5af-2932983cbeb7.png",
|
|
862
|
+
// 删除
|
|
806
863
|
// zoom: "https://mass.alipay.com/finmedia_versaassets/uri/file/as/ff6aea73-4d12-4201-9404-3134d5f9525c.png",
|
|
807
864
|
zoom: "https://mass.alipay.com/finmedia_versaassets/uri/file/as/0909485d-46db-47b4-8bb1-5a686510ddb3.png",
|
|
865
|
+
// 缩放
|
|
808
866
|
mute: "https://mass.alipay.com/finmedia_versaassets/uri/file/as/3fef2c5d-7576-424d-813c-34508b051884.png",
|
|
867
|
+
// 静音
|
|
809
868
|
volume: "https://mass.alipay.com/finmedia_versaassets/uri/file/as/1ab2e829-c5b1-4177-8554-ae2f74b02e1d.png",
|
|
869
|
+
// 音量
|
|
810
870
|
edit: "https://mass.alipay.com/finmedia_versaassets/uri/file/as/9e9ed472-62cf-4b71-891f-bc08c8b08a5d.png"
|
|
871
|
+
// 编辑
|
|
811
872
|
};
|
|
812
873
|
const createIconElement = (url) => {
|
|
813
874
|
const img = document.createElement("img");
|
|
@@ -816,6 +877,7 @@ function usePeekControl(canvas) {
|
|
|
816
877
|
};
|
|
817
878
|
const deleteObject = (mouseEvent, target) => {
|
|
818
879
|
if (target.action === "rotate") return true;
|
|
880
|
+
if (hideConfig.hideDelete) return true;
|
|
819
881
|
const activeObject = canvas.getActiveObjects();
|
|
820
882
|
if (activeObject) {
|
|
821
883
|
activeObject.map((item) => canvas.remove(item));
|
|
@@ -830,7 +892,7 @@ function usePeekControl(canvas) {
|
|
|
830
892
|
const volumeImg = createIconElement(iconUrls.volume);
|
|
831
893
|
const editImg = createIconElement(iconUrls.edit);
|
|
832
894
|
const renderDelIcon = (ctx, left, top, styleOverride, fabricObject) => {
|
|
833
|
-
drawImg(ctx, left, top, delImg, 28, 28, fabricObject.angle);
|
|
895
|
+
if (!hideConfig.hideDelete) drawImg(ctx, left, top, delImg, 28, 28, fabricObject.angle);
|
|
834
896
|
};
|
|
835
897
|
const renderIconRotate = (ctx, left, top, styleOverride, fabricObject) => {
|
|
836
898
|
drawImg(ctx, left, top, zoomImg, 28, 28, fabricObject.angle);
|
|
@@ -849,7 +911,7 @@ function usePeekControl(canvas) {
|
|
|
849
911
|
const renderEditIcon = (ctx, left, top, styleOverride, fabricObject) => {
|
|
850
912
|
if (!fabricObject.clipData) return false;
|
|
851
913
|
if (fabricObject.clipData.type === "\u6587\u5B57") {
|
|
852
|
-
drawImg(ctx, left, top, editImg, 28, 28, fabricObject.angle);
|
|
914
|
+
if (!hideConfig.hideEdit) drawImg(ctx, left, top, editImg, 28, 28, fabricObject.angle);
|
|
853
915
|
}
|
|
854
916
|
};
|
|
855
917
|
const muteAction = (eventData, transform, x, y) => {
|
|
@@ -861,6 +923,7 @@ function usePeekControl(canvas) {
|
|
|
861
923
|
return true;
|
|
862
924
|
};
|
|
863
925
|
const editAction = (eventData, transform, x, y) => {
|
|
926
|
+
if (hideConfig.hideEdit) return true;
|
|
864
927
|
if (transform.target.clipData.type === "\u6587\u5B57") {
|
|
865
928
|
canvas.fire("object:textEdit", { target: transform.target });
|
|
866
929
|
}
|
|
@@ -938,7 +1001,7 @@ function usePeekControl(canvas) {
|
|
|
938
1001
|
return canvas;
|
|
939
1002
|
}
|
|
940
1003
|
var EditorCanvas = react.forwardRef(
|
|
941
|
-
({ previewState, showCanvas, canvasSize, enterPreview, intoTextEdit, frame, vmml, dragState, initFcObjs, onVideoChange }, ref) => {
|
|
1004
|
+
({ previewState, showCanvas, canvasSize, enterPreview, intoTextEdit, frame, vmml, dragState, initFcObjs, onVideoChange, isBatchModify, hideConfig }, ref) => {
|
|
942
1005
|
const [fc, setFc] = react.useState(null);
|
|
943
1006
|
const [history, setHistory] = react.useState(null);
|
|
944
1007
|
const waitFcTasks = react.useRef([]);
|
|
@@ -959,7 +1022,7 @@ var EditorCanvas = react.forwardRef(
|
|
|
959
1022
|
}
|
|
960
1023
|
setFc(canvas);
|
|
961
1024
|
initCanvasEvent(canvas);
|
|
962
|
-
usePeekControl(canvas);
|
|
1025
|
+
usePeekControl(canvas, hideConfig);
|
|
963
1026
|
};
|
|
964
1027
|
const createFcObjs = (canvas) => {
|
|
965
1028
|
const ns = Math.floor(frame / 30 * 1e6);
|
|
@@ -996,7 +1059,7 @@ var EditorCanvas = react.forwardRef(
|
|
|
996
1059
|
const active = canvas.getActiveObject();
|
|
997
1060
|
if (active) {
|
|
998
1061
|
if (active.isSelected !== null && active.clipData.type === "\u6587\u5B57") {
|
|
999
|
-
imitateDBclick(active, canvas);
|
|
1062
|
+
if (!hideConfig.hideEdit) imitateDBclick(active, canvas);
|
|
1000
1063
|
}
|
|
1001
1064
|
} else {
|
|
1002
1065
|
enterPreview(canvas);
|
|
@@ -2236,7 +2299,10 @@ var EditorFn = ({
|
|
|
2236
2299
|
templateId,
|
|
2237
2300
|
strategyId,
|
|
2238
2301
|
height = "100vh",
|
|
2239
|
-
pauseWhenBuffering = false
|
|
2302
|
+
pauseWhenBuffering = false,
|
|
2303
|
+
isBatchModify = false,
|
|
2304
|
+
hideConfig = null
|
|
2305
|
+
// { hideDelete: false, hideEdit: false, hideMute: false, hideVolume: false }
|
|
2240
2306
|
}, ref) => {
|
|
2241
2307
|
var _a;
|
|
2242
2308
|
vmml = vmmlUtils.convertVmmlTextScaleByForbidden(vmml);
|
|
@@ -2629,7 +2695,9 @@ var EditorFn = ({
|
|
|
2629
2695
|
vmml,
|
|
2630
2696
|
dragState,
|
|
2631
2697
|
initFcObjs,
|
|
2632
|
-
onVideoChange
|
|
2698
|
+
onVideoChange,
|
|
2699
|
+
isBatchModify,
|
|
2700
|
+
hideConfig
|
|
2633
2701
|
}
|
|
2634
2702
|
),
|
|
2635
2703
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "controls-box", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -2650,7 +2718,7 @@ var EditorFn = ({
|
|
|
2650
2718
|
/* @__PURE__ */ jsxRuntime.jsx(Loading_default, { show: loading })
|
|
2651
2719
|
] }) }),
|
|
2652
2720
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "padding-box" }),
|
|
2653
|
-
/* @__PURE__ */ jsxRuntime.jsxs("section", { style: menuStyles, className: `footer ${menuState === "text" ? "text-style" : ""}`, children: [
|
|
2721
|
+
(maxText > 0 || maxVideo > 0) && /* @__PURE__ */ jsxRuntime.jsxs("section", { style: menuStyles, className: `footer ${menuState === "text" ? "text-style" : ""}`, children: [
|
|
2654
2722
|
maxText > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2655
2723
|
"div",
|
|
2656
2724
|
{
|