@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/dist/index.mjs
CHANGED
|
@@ -88,9 +88,9 @@ var css = `@charset "UTF-8";
|
|
|
88
88
|
height: 100%;
|
|
89
89
|
}
|
|
90
90
|
.editor .main .controls-box {
|
|
91
|
-
height:
|
|
91
|
+
height: 12vw;
|
|
92
92
|
position: absolute;
|
|
93
|
-
bottom:
|
|
93
|
+
bottom: 0;
|
|
94
94
|
width: 100%;
|
|
95
95
|
border-radius: 3.2vw;
|
|
96
96
|
}
|
|
@@ -99,7 +99,7 @@ var css = `@charset "UTF-8";
|
|
|
99
99
|
align-items: center;
|
|
100
100
|
width: 100%;
|
|
101
101
|
height: 100%;
|
|
102
|
-
padding: 0
|
|
102
|
+
padding: 0 2.13vw;
|
|
103
103
|
box-sizing: border-box;
|
|
104
104
|
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
|
|
105
105
|
}
|
|
@@ -108,8 +108,8 @@ var css = `@charset "UTF-8";
|
|
|
108
108
|
}
|
|
109
109
|
.editor .main .player-controls .player-controls-toggle > img {
|
|
110
110
|
display: block;
|
|
111
|
-
width:
|
|
112
|
-
height:
|
|
111
|
+
width: 4.8vw;
|
|
112
|
+
height: 4.8vw;
|
|
113
113
|
cursor: pointer;
|
|
114
114
|
}
|
|
115
115
|
.editor .main .player-controls .player-controls-seekbar {
|
|
@@ -252,7 +252,63 @@ var css = `@charset "UTF-8";
|
|
|
252
252
|
height: 100%;
|
|
253
253
|
object-fit: contain;
|
|
254
254
|
}
|
|
255
|
-
|
|
255
|
+
|
|
256
|
+
@media screen and (min-width: 750px) {
|
|
257
|
+
.editor .controls-box {
|
|
258
|
+
height: 20% !important;
|
|
259
|
+
border-radius: 3.2vw;
|
|
260
|
+
}
|
|
261
|
+
.editor .player-controls {
|
|
262
|
+
display: flex;
|
|
263
|
+
align-items: center;
|
|
264
|
+
width: 100%;
|
|
265
|
+
height: 100%;
|
|
266
|
+
padding: 0 1%;
|
|
267
|
+
}
|
|
268
|
+
.editor .player-controls .mr-16 {
|
|
269
|
+
margin-right: 2.13vw;
|
|
270
|
+
}
|
|
271
|
+
.editor .player-controls .player-controls-toggle > img {
|
|
272
|
+
display: block;
|
|
273
|
+
width: 30px !important;
|
|
274
|
+
height: 30px !important;
|
|
275
|
+
cursor: pointer;
|
|
276
|
+
}
|
|
277
|
+
.editor .player-controls .player-controls-seekbar {
|
|
278
|
+
flex: 1;
|
|
279
|
+
}
|
|
280
|
+
.editor .player-controls .player-controls-seekbar .seekbar-container {
|
|
281
|
+
height: 2px !important;
|
|
282
|
+
}
|
|
283
|
+
.editor .player-controls .player-controls-seekbar .seekbar-container .seekbar-background {
|
|
284
|
+
height: 8px !important;
|
|
285
|
+
width: 100%;
|
|
286
|
+
border-radius: 1vw;
|
|
287
|
+
}
|
|
288
|
+
.editor .player-controls .player-controls-seekbar .seekbar-container .seekbar-background .seekbar-fill {
|
|
289
|
+
width: 100%;
|
|
290
|
+
height: 80%;
|
|
291
|
+
border-radius: 1vw;
|
|
292
|
+
}
|
|
293
|
+
.editor .player-controls .player-controls-seekbar .seekbar-container .seekbar-background .seekbar-line {
|
|
294
|
+
height: 100%;
|
|
295
|
+
border-radius: 1vw;
|
|
296
|
+
}
|
|
297
|
+
.editor .player-controls .player-controls-seekbar .seekbar-container .seekbar-background .seekbar-sign {
|
|
298
|
+
width: 10px;
|
|
299
|
+
top: 50%;
|
|
300
|
+
margin-top: -6px;
|
|
301
|
+
}
|
|
302
|
+
.editor .player-controls .player-controls-seekbar .seekbar-container .seekbar-background .seekbar-cirle {
|
|
303
|
+
top: -5px !important;
|
|
304
|
+
width: 20px !important;
|
|
305
|
+
height: 20px !important;
|
|
306
|
+
}
|
|
307
|
+
.editor .player-controls .player-controls-time {
|
|
308
|
+
width: 6vw !important;
|
|
309
|
+
}
|
|
310
|
+
}
|
|
311
|
+
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiRDpcXGNvZGVcXHdvcmtcXHZtbWwtcGxheWVyXFxwYWNrYWdlc1xcZWRpdG9yXFxzcmNcXGFzc2V0c1xcY3NzIiwic291cmNlcyI6WyJpbmRleC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBOztBQUdKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBOztBQUVGO0VBQ0U7O0FBR0o7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0U7O0FBR0Y7RUFDRTtFQUVBOztBQUdGO0VBRUU7RUFDQTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFHQTtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0U7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBS1I7RUFDRTtFQUNBOztBQUdKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTs7QUFHSjtFQUNFOztBQUtKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUtOO0VBQ0U7O0FBR0Y7RUFDRTtFQUVBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFFRjtFQUNFO0VBQ0E7O0FBRUY7RUFDRTs7QUFHSjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBOzs7QUFRVjtFQUVJO0lBQ0U7SUFDQTs7RUFFRjtJQUNFO0lBQ0E7SUFDQTtJQUNBO0lBQ0E7O0VBQ0E7SUFDRTs7RUFHQTtJQUNFO0lBQ0E7SUFDQTtJQUNBOztFQUdKO0lBQ0U7O0VBQ0E7SUFDRTs7RUFDQTtJQUNFO0lBQ0E7SUFDQTs7RUFDQTtJQUNFO0lBQ0E7SUFDQTs7RUFFRjtJQUNFO0lBQ0E7O0VBRUY7SUFDRTtJQUNBO0lBQ0E7O0VBRUY7SUFDRTtJQUNBO0lBQ0E7O0VBS1I7SUFDRSIsInNvdXJjZXNDb250ZW50IjpbIi5lZGl0b3J7XHJcbiAgYmFja2dyb3VuZDogIzAwMDtcclxuICB3aWR0aDogMTAwJTtcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAucGFkZGluZy1ib3gge1xyXG4gICAgZmxleDogMTtcclxuICB9XHJcbiAgLy8g6aG26YOoXHJcbiAgJj4uaGVhZGVye1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIGhlaWdodDogMTEuNDY3dnc7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDQuNHZ3O1xyXG4gICAgcGFkZGluZy1yaWdodDogMy4ydnc7XHJcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgJj4uY2xvc2V7XHJcbiAgICAgIHdpZHRoOiA0dnc7XHJcbiAgICAgIGhlaWdodDogNHZ3O1xyXG4gICAgICBpbWd7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAmPi5oaXN0b3J5LW9wZXJhdGV7XHJcbiAgICAgIGhlaWdodDogNy4ydnc7XHJcbiAgICAgIGRpc3BsYXk6IG5vbmU7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgbGVmdDogNTAlO1xyXG4gICAgICB0b3A6IDUwJTtcclxuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwtNTAlKTtcclxuICAgICAgaW1ne1xyXG4gICAgICAgIHdpZHRoOiA0LjY2N3Z3O1xyXG4gICAgICAgIGhlaWdodDogNS4wNjd2dztcclxuICAgICAgfVxyXG4gICAgICAmPmltZzpsYXN0LWNoaWxke1xyXG4gICAgICAgIG1hcmdpbi1sZWZ0OiA4dnc7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgICY+Lm5leHQtYnV0dG9ue1xyXG4gICAgICB3aWR0aDogMTZ2dztcclxuICAgICAgaGVpZ2h0OiA3LjJ2dztcclxuICAgICAgbGluZS1oZWlnaHQ6IDcuMnZ3O1xyXG4gICAgICBiYWNrZ3JvdW5kOiAjMTY3N0ZGO1xyXG4gICAgICBib3JkZXItcmFkaXVzOiA2LjUzM3Z3O1xyXG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICAgIGZvbnQtc2l6ZTogMy4ydnc7XHJcbiAgICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgfVxyXG4gIH1cclxuICAudGV4dC1zdHlsZXtcclxuICAgIGZpbHRlcjpibHVyKDEwcHgpXHJcbiAgfVxyXG5cclxuICAuZWRpdG9yLXZlc3NlbCB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIC8vIHBhZGRpbmctdG9wOiAzLjJ2dztcclxuICAgIGhlaWdodDogMTAwJTtcclxuICB9XHJcbiAgLy9wbGF5ZXLkuI7nlLvluINcclxuICAubWFpbntcclxuICAgIC8vIHdpZHRoOiA4MS40Njd2dztcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgLy8gaGVpZ2h0OiAxNDQuOHZ3O1xyXG4gICAgbWFyZ2luOiBhdXRvO1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xyXG4gICAgYm9yZGVyLXJhZGl1czogMy4ydnc7XHJcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgLnZlc3NlbCB7XHJcbiAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICB9XHJcbiAgICAuY29udHJvbHMtYm94IHtcclxuICAgICAgaGVpZ2h0OiAxMnZ3O1xyXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgIGJvdHRvbTogMDtcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6IDMuMnZ3O1xyXG4gICAgfVxyXG4gICAgLnBsYXllci1jb250cm9scyB7XHJcbiAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgIHBhZGRpbmc6IDAgMi4xM3Z3O1xyXG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoIDE4MGRlZywgcmdiYSgwLDAsMCwwKSAwJSwgcmdiYSgwLDAsMCwwLjYpIDEwMCUpO1xyXG4gICAgICAubXItMTYge1xyXG4gICAgICAgIG1hcmdpbi1yaWdodDogMi4xM3Z3O1xyXG4gICAgICB9XHJcbiAgICAgIC5wbGF5ZXItY29udHJvbHMtdG9nZ2xlIHtcclxuICAgICAgICA+aW1nIHtcclxuICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgICAgd2lkdGg6IDQuOHZ3O1xyXG4gICAgICAgICAgaGVpZ2h0OiA0Ljh2dztcclxuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgICAgLnBsYXllci1jb250cm9scy1zZWVrYmFyIHtcclxuICAgICAgICBmbGV4OiAxO1xyXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgICAgICAuc2Vla2Jhci1jb250YWluZXIge1xyXG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XHJcbiAgICAgICAgICB0b3VjaC1hY3Rpb246IG5vbmU7XHJcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XHJcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgICAgICAgLnNlZWtiYXItYmFja2dyb3VuZCB7XHJcbiAgICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xyXG4gICAgICAgICAgICBoZWlnaHQ6IDEuNnZ3O1xyXG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpO1xyXG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxdnc7XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLWZpbGwge1xyXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcclxuICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMXZ3O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLWxpbmUge1xyXG4gICAgICAgICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxdnc7XHJcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2VlZWVlZTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAuc2Vla2Jhci1zaWduIHtcclxuICAgICAgICAgICAgICB3aWR0aDogMTBweDtcclxuICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgICAgICAgdG9wOiA1MCU7XHJcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogLTZweDtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAuc2Vla2Jhci1jaXJsZSB7XHJcbiAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgICAgICAgIHRvcDogLTAuOHZ3O1xyXG4gICAgICAgICAgICAgIHdpZHRoOiAzLjJ2dztcclxuICAgICAgICAgICAgICBoZWlnaHQ6IDMuMnZ3O1xyXG4gICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kOiAjZWVlZWVlO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICAgIC5wbGF5ZXItY29udHJvbHMtdGltZSB7XHJcbiAgICAgICAgd2lkdGg6IDEwdnc7XHJcbiAgICAgICAgY29sb3I6ICNmZmY7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIC5wbGF5LWJ0biB7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgYm90dG9tOiA0dnc7XHJcbiAgICAgIGxlZnQ6IDN2dztcclxuICAgICAgd2lkdGg6IDQuOHZ3O1xyXG4gICAgICBoZWlnaHQ6IDQuOHZ3O1xyXG4gICAgICBpbWcge1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgLm9wYWNpdHktMDYge1xyXG4gICAgICBvcGFjaXR5OiAwLjY7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAvL+W6lemDqFxyXG4gIC5mb290ZXJ7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwYWRkaW5nOiAwIDIwLjMzM3Z3IDEwLjkzM3Z3O1xyXG4gICAgJj5kaXZ7XHJcbiAgICAgIHdpZHRoOiAzMCU7XHJcbiAgICAgIG1hcmdpbjogMCAxNSU7XHJcbiAgICAgIGltZ3tcclxuICAgICAgICB3aWR0aDogNi40dnc7XHJcbiAgICAgICAgaGVpZ2h0OiA2LjR2dztcclxuICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICBtYXJnaW46IGF1dG87XHJcbiAgICAgIH1cclxuICAgICAgcHtcclxuICAgICAgICBmb250LXNpemU6IDMuMnZ3O1xyXG4gICAgICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgICAgIG1hcmdpbi10b3A6IDEuODY3dnc7XHJcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICAubm90LXNob3ctdGV4dHtcclxuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xyXG4gIH1cclxuXHJcbiAgLmVkaXRvci12aWRlby1tZW51IHtcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIC8vIGhlaWdodDogMzguMTN2aDtcclxuICAgIGhlaWdodDogMDtcclxuICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgYmFja2dyb3VuZDogIzFFMUUxRTtcclxuICAgIGJvdHRvbTogMDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDhweCA4cHggMCAwO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIDAuNXMgZWFzZS1pbi1vdXQ7ICBcclxuICAgICYuYWN0aXZlIHtcclxuICAgICAgaGVpZ2h0OiAzOC4xM3ZoO1xyXG4gICAgfVxyXG4gICAgLmVkaXRvci12aWRlby1tZW51LWhlYWRlciB7XHJcbiAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgIHBhZGRpbmc6IDEuNnZ3IDEuNnZ3IDA7XHJcbiAgICAgIGhlaWdodDogNC44MXZoO1xyXG4gICAgICBsaW5lLWhlaWdodDogNC44MXZoO1xyXG4gICAgICBjb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQwKTtcclxuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAgICAgb3ZlcmZsb3cteDogYXV0bztcclxuICAgICAgJjo6LXdlYmtpdC1zY3JvbGxiYXIge1xyXG4gICAgICAgIGRpc3BsYXk6IG5vbmU7IC8qIOmakOiXj+a7muWKqOadoSAqL1xyXG4gICAgICB9XHJcbiAgICAgID5kaXYge1xyXG4gICAgICAgIG1hcmdpbjogMCAzLjJ2dztcclxuICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xyXG4gICAgICB9XHJcbiAgICAgIC5hY3RpdmUge1xyXG4gICAgICAgIGNvbG9yOiAjRkZGRkZGO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAuZWRpdG9yLXZpZGVvLW1lbnUtaXRtZXMge1xyXG4gICAgICBwYWRkaW5nOiAwIDMuMzN2dztcclxuICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gNC44MXZoIC0gMS42dncpO1xyXG4gICAgICBkaXNwbGF5OiBncmlkO1xyXG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xyXG4gICAgICByb3ctZ2FwOiAzLjJ2dztcclxuICAgICAgY29sdW1uLWdhcDogMi42dnc7XHJcbiAgICAgIG92ZXJmbG93OiBhdXRvO1xyXG4gICAgICA+ZGl2IHtcclxuICAgICAgICB3aWR0aDogMjEuMzN2dztcclxuICAgICAgICBoZWlnaHQ6IDIxLjMzdnc7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzFlMWUxZTtcclxuICAgICAgICBpbWcge1xyXG4gICAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgICBvYmplY3QtZml0OiBjb250YWluO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbn1cclxuXHJcbkBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc1MHB4KSB7XHJcbiAgLmVkaXRvciB7XHJcbiAgICAuY29udHJvbHMtYm94IHtcclxuICAgICAgaGVpZ2h0OiAyMCUgIWltcG9ydGFudDtcclxuICAgICAgYm9yZGVyLXJhZGl1czogMy4ydnc7XHJcbiAgICB9XHJcbiAgICAucGxheWVyLWNvbnRyb2xzIHtcclxuICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgcGFkZGluZzogMCAxJTtcclxuICAgICAgLm1yLTE2IHtcclxuICAgICAgICBtYXJnaW4tcmlnaHQ6IDIuMTN2dztcclxuICAgICAgfVxyXG4gICAgICAucGxheWVyLWNvbnRyb2xzLXRvZ2dsZSB7XHJcbiAgICAgICAgPmltZyB7XHJcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgICAgIHdpZHRoOiAzMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICBoZWlnaHQ6IDMwcHggIWltcG9ydGFudDtcclxuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgICAgLnBsYXllci1jb250cm9scy1zZWVrYmFyIHtcclxuICAgICAgICBmbGV4OiAxO1xyXG4gICAgICAgIC5zZWVrYmFyLWNvbnRhaW5lciB7XHJcbiAgICAgICAgICBoZWlnaHQ6IDJweCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgLnNlZWtiYXItYmFja2dyb3VuZCB7XHJcbiAgICAgICAgICAgIGhlaWdodDogOHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxdnc7XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLWZpbGwge1xyXG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgICAgICAgIGhlaWdodDogODAlO1xyXG4gICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDF2dztcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAuc2Vla2Jhci1saW5lIHtcclxuICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMXZ3O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLXNpZ24ge1xyXG4gICAgICAgICAgICAgIHdpZHRoOiAxMHB4O1xyXG4gICAgICAgICAgICAgIHRvcDogNTAlO1xyXG4gICAgICAgICAgICAgIG1hcmdpbi10b3A6IC02cHg7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLnNlZWtiYXItY2lybGUge1xyXG4gICAgICAgICAgICAgIHRvcDogLTVweCAhaW1wb3J0YW50O1xyXG4gICAgICAgICAgICAgIHdpZHRoOiAyMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgICAgaGVpZ2h0OiAyMHB4ICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgICAgLnBsYXllci1jb250cm9scy10aW1lIHtcclxuICAgICAgICB3aWR0aDogNnZ3ICFpbXBvcnRhbnQ7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbn1cclxuXHJcbiJdfQ== */`;
|
|
256
312
|
document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
|
|
257
313
|
|
|
258
314
|
// src/utils/const.ts
|
|
@@ -274,12 +330,12 @@ var getFrameFromX = (clientX, durationInFrames, width) => {
|
|
|
274
330
|
);
|
|
275
331
|
return frame;
|
|
276
332
|
};
|
|
277
|
-
console.log(2222);
|
|
278
333
|
var SeekBar = ({ player, vmmlRef, frame, durationInFrames, intoEdit, setDragState, signList }) => {
|
|
279
334
|
const containerRef = useRef(null);
|
|
280
335
|
const [dragging, setDragging] = useState({
|
|
281
336
|
dragging: false
|
|
282
337
|
});
|
|
338
|
+
const max750 = document.body.clientWidth > 750;
|
|
283
339
|
const fillStyle = useMemo(() => {
|
|
284
340
|
return {
|
|
285
341
|
width: `${frame / (durationInFrames - 1) * 100}%`
|
|
@@ -287,7 +343,7 @@ var SeekBar = ({ player, vmmlRef, frame, durationInFrames, intoEdit, setDragStat
|
|
|
287
343
|
}, [frame, durationInFrames]);
|
|
288
344
|
const cirleStyle = useMemo(() => {
|
|
289
345
|
return {
|
|
290
|
-
left: `calc(${frame / (durationInFrames - 1) * 100}% - 1.6vw)`
|
|
346
|
+
left: `calc(${frame / (durationInFrames - 1) * 100}% - ${max750 ? "10px" : "1.6vw"})`
|
|
291
347
|
};
|
|
292
348
|
}, [frame, durationInFrames]);
|
|
293
349
|
const onPointerDown = useCallback((e) => {
|
|
@@ -798,14 +854,19 @@ function drawImg(ctx, left, top, img, wSize, hSize, angle) {
|
|
|
798
854
|
ctx.drawImage(img, -wSize / 2, -hSize / 2, wSize, hSize);
|
|
799
855
|
ctx.restore();
|
|
800
856
|
}
|
|
801
|
-
function usePeekControl(canvas) {
|
|
857
|
+
function usePeekControl(canvas, hideConfig) {
|
|
802
858
|
const iconUrls = {
|
|
803
859
|
delete: "https://mass.alipay.com/finmedia_versaassets/uri/file/as/0c7084a9-6067-4277-a5af-2932983cbeb7.png",
|
|
860
|
+
// 删除
|
|
804
861
|
// zoom: "https://mass.alipay.com/finmedia_versaassets/uri/file/as/ff6aea73-4d12-4201-9404-3134d5f9525c.png",
|
|
805
862
|
zoom: "https://mass.alipay.com/finmedia_versaassets/uri/file/as/0909485d-46db-47b4-8bb1-5a686510ddb3.png",
|
|
863
|
+
// 缩放
|
|
806
864
|
mute: "https://mass.alipay.com/finmedia_versaassets/uri/file/as/3fef2c5d-7576-424d-813c-34508b051884.png",
|
|
865
|
+
// 静音
|
|
807
866
|
volume: "https://mass.alipay.com/finmedia_versaassets/uri/file/as/1ab2e829-c5b1-4177-8554-ae2f74b02e1d.png",
|
|
867
|
+
// 音量
|
|
808
868
|
edit: "https://mass.alipay.com/finmedia_versaassets/uri/file/as/9e9ed472-62cf-4b71-891f-bc08c8b08a5d.png"
|
|
869
|
+
// 编辑
|
|
809
870
|
};
|
|
810
871
|
const createIconElement = (url) => {
|
|
811
872
|
const img = document.createElement("img");
|
|
@@ -814,6 +875,7 @@ function usePeekControl(canvas) {
|
|
|
814
875
|
};
|
|
815
876
|
const deleteObject = (mouseEvent, target) => {
|
|
816
877
|
if (target.action === "rotate") return true;
|
|
878
|
+
if (hideConfig.hideDelete) return true;
|
|
817
879
|
const activeObject = canvas.getActiveObjects();
|
|
818
880
|
if (activeObject) {
|
|
819
881
|
activeObject.map((item) => canvas.remove(item));
|
|
@@ -828,7 +890,7 @@ function usePeekControl(canvas) {
|
|
|
828
890
|
const volumeImg = createIconElement(iconUrls.volume);
|
|
829
891
|
const editImg = createIconElement(iconUrls.edit);
|
|
830
892
|
const renderDelIcon = (ctx, left, top, styleOverride, fabricObject) => {
|
|
831
|
-
drawImg(ctx, left, top, delImg, 28, 28, fabricObject.angle);
|
|
893
|
+
if (!hideConfig.hideDelete) drawImg(ctx, left, top, delImg, 28, 28, fabricObject.angle);
|
|
832
894
|
};
|
|
833
895
|
const renderIconRotate = (ctx, left, top, styleOverride, fabricObject) => {
|
|
834
896
|
drawImg(ctx, left, top, zoomImg, 28, 28, fabricObject.angle);
|
|
@@ -847,7 +909,7 @@ function usePeekControl(canvas) {
|
|
|
847
909
|
const renderEditIcon = (ctx, left, top, styleOverride, fabricObject) => {
|
|
848
910
|
if (!fabricObject.clipData) return false;
|
|
849
911
|
if (fabricObject.clipData.type === "\u6587\u5B57") {
|
|
850
|
-
drawImg(ctx, left, top, editImg, 28, 28, fabricObject.angle);
|
|
912
|
+
if (!hideConfig.hideEdit) drawImg(ctx, left, top, editImg, 28, 28, fabricObject.angle);
|
|
851
913
|
}
|
|
852
914
|
};
|
|
853
915
|
const muteAction = (eventData, transform, x, y) => {
|
|
@@ -859,6 +921,7 @@ function usePeekControl(canvas) {
|
|
|
859
921
|
return true;
|
|
860
922
|
};
|
|
861
923
|
const editAction = (eventData, transform, x, y) => {
|
|
924
|
+
if (hideConfig.hideEdit) return true;
|
|
862
925
|
if (transform.target.clipData.type === "\u6587\u5B57") {
|
|
863
926
|
canvas.fire("object:textEdit", { target: transform.target });
|
|
864
927
|
}
|
|
@@ -936,7 +999,7 @@ function usePeekControl(canvas) {
|
|
|
936
999
|
return canvas;
|
|
937
1000
|
}
|
|
938
1001
|
var EditorCanvas = forwardRef(
|
|
939
|
-
({ previewState, showCanvas, canvasSize, enterPreview, intoTextEdit, frame, vmml, dragState, initFcObjs, onVideoChange }, ref) => {
|
|
1002
|
+
({ previewState, showCanvas, canvasSize, enterPreview, intoTextEdit, frame, vmml, dragState, initFcObjs, onVideoChange, isBatchModify, hideConfig }, ref) => {
|
|
940
1003
|
const [fc, setFc] = useState(null);
|
|
941
1004
|
const [history, setHistory] = useState(null);
|
|
942
1005
|
const waitFcTasks = useRef([]);
|
|
@@ -957,7 +1020,7 @@ var EditorCanvas = forwardRef(
|
|
|
957
1020
|
}
|
|
958
1021
|
setFc(canvas);
|
|
959
1022
|
initCanvasEvent(canvas);
|
|
960
|
-
usePeekControl(canvas);
|
|
1023
|
+
usePeekControl(canvas, hideConfig);
|
|
961
1024
|
};
|
|
962
1025
|
const createFcObjs = (canvas) => {
|
|
963
1026
|
const ns = Math.floor(frame / 30 * 1e6);
|
|
@@ -994,7 +1057,7 @@ var EditorCanvas = forwardRef(
|
|
|
994
1057
|
const active = canvas.getActiveObject();
|
|
995
1058
|
if (active) {
|
|
996
1059
|
if (active.isSelected !== null && active.clipData.type === "\u6587\u5B57") {
|
|
997
|
-
imitateDBclick(active, canvas);
|
|
1060
|
+
if (!hideConfig.hideEdit) imitateDBclick(active, canvas);
|
|
998
1061
|
}
|
|
999
1062
|
} else {
|
|
1000
1063
|
enterPreview(canvas);
|
|
@@ -2234,7 +2297,10 @@ var EditorFn = ({
|
|
|
2234
2297
|
templateId,
|
|
2235
2298
|
strategyId,
|
|
2236
2299
|
height = "100vh",
|
|
2237
|
-
pauseWhenBuffering = false
|
|
2300
|
+
pauseWhenBuffering = false,
|
|
2301
|
+
isBatchModify = false,
|
|
2302
|
+
hideConfig = null
|
|
2303
|
+
// { hideDelete: false, hideEdit: false, hideMute: false, hideVolume: false }
|
|
2238
2304
|
}, ref) => {
|
|
2239
2305
|
var _a;
|
|
2240
2306
|
vmml = convertVmmlTextScaleByForbidden(vmml);
|
|
@@ -2627,7 +2693,9 @@ var EditorFn = ({
|
|
|
2627
2693
|
vmml,
|
|
2628
2694
|
dragState,
|
|
2629
2695
|
initFcObjs,
|
|
2630
|
-
onVideoChange
|
|
2696
|
+
onVideoChange,
|
|
2697
|
+
isBatchModify,
|
|
2698
|
+
hideConfig
|
|
2631
2699
|
}
|
|
2632
2700
|
),
|
|
2633
2701
|
/* @__PURE__ */ jsx("div", { className: "controls-box", children: /* @__PURE__ */ jsx(
|
|
@@ -2648,7 +2716,7 @@ var EditorFn = ({
|
|
|
2648
2716
|
/* @__PURE__ */ jsx(Loading_default, { show: loading })
|
|
2649
2717
|
] }) }),
|
|
2650
2718
|
/* @__PURE__ */ jsx("div", { className: "padding-box" }),
|
|
2651
|
-
/* @__PURE__ */ jsxs("section", { style: menuStyles, className: `footer ${menuState === "text" ? "text-style" : ""}`, children: [
|
|
2719
|
+
(maxText > 0 || maxVideo > 0) && /* @__PURE__ */ jsxs("section", { style: menuStyles, className: `footer ${menuState === "text" ? "text-style" : ""}`, children: [
|
|
2652
2720
|
maxText > 0 && /* @__PURE__ */ jsxs(
|
|
2653
2721
|
"div",
|
|
2654
2722
|
{
|