@versa_ai/vmml-editor 1.0.7 → 1.0.9
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 +12 -288
- package/dist/index.js +7 -770
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8 -771
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
- package/src/index.tsx +12 -49
- package/src/utils/HistoryClass.ts +0 -1
package/dist/index.js
CHANGED
|
@@ -254,17 +254,12 @@ var css = `@charset "UTF-8";
|
|
|
254
254
|
height: 100%;
|
|
255
255
|
object-fit: contain;
|
|
256
256
|
}
|
|
257
|
-
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
257
|
+
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiRDpcXHByb2plY3RzXFx2bW1sLXBsYXllclxccGFja2FnZXNcXGVkaXRvclxcc3JjXFxhc3NldHNcXGNzcyIsInNvdXJjZXMiOlsiaW5kZXguc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBOztBQUdKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBOztBQUVGO0VBQ0U7O0FBR0o7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdKO0VBQ0U7O0FBR0Y7RUFDRTs7QUFHRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7O0FBR0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFHSjtFQUNFO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBOztBQUVGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUtSO0VBQ0U7RUFDQTs7QUFHSjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7O0FBR0o7RUFDRTs7QUFLSjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7O0FBRUY7RUFDRTtFQUNBO0VBQ0E7RUFDQTs7QUFLTjtFQUNFOztBQUdGO0VBQ0U7RUFFQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7O0FBRUY7RUFDRTtFQUNBOztBQUVGO0VBQ0U7O0FBR0o7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIi5lZGl0b3J7XHJcbiAgYmFja2dyb3VuZDogIzAwMDtcclxuICB3aWR0aDogMTAwJTtcclxuICBtaW4taGVpZ2h0OiAxMDB2aDtcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIGRpc3BsYXk6IGZsZXg7XHJcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuICAucGFkZGluZy1ib3gge1xyXG4gICAgZmxleDogMTtcclxuICB9XHJcbiAgLy8g6aG26YOoXHJcbiAgJj4uaGVhZGVye1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgIGhlaWdodDogMTEuNDY3dnc7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IDQuNHZ3O1xyXG4gICAgcGFkZGluZy1yaWdodDogMy4ydnc7XHJcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgJj4uY2xvc2V7XHJcbiAgICAgIHdpZHRoOiA0dnc7XHJcbiAgICAgIGhlaWdodDogNHZ3O1xyXG4gICAgICBpbWd7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAmPi5oaXN0b3J5LW9wZXJhdGV7XHJcbiAgICAgIGhlaWdodDogNy4ydnc7XHJcbiAgICAgIGRpc3BsYXk6IG5vbmU7XHJcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgbGVmdDogNTAlO1xyXG4gICAgICB0b3A6IDUwJTtcclxuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwtNTAlKTtcclxuICAgICAgaW1ne1xyXG4gICAgICAgIHdpZHRoOiA0LjY2N3Z3O1xyXG4gICAgICAgIGhlaWdodDogNS4wNjd2dztcclxuICAgICAgfVxyXG4gICAgICAmPmltZzpsYXN0LWNoaWxke1xyXG4gICAgICAgIG1hcmdpbi1sZWZ0OiA4dnc7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgICY+Lm5leHQtYnV0dG9ue1xyXG4gICAgICB3aWR0aDogMTZ2dztcclxuICAgICAgaGVpZ2h0OiA3LjJ2dztcclxuICAgICAgbGluZS1oZWlnaHQ6IDcuMnZ3O1xyXG4gICAgICBiYWNrZ3JvdW5kOiAjMTY3N0ZGO1xyXG4gICAgICBib3JkZXItcmFkaXVzOiA2LjUzM3Z3O1xyXG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICAgIGZvbnQtc2l6ZTogMy4ydnc7XHJcbiAgICAgIGNvbG9yOiAjZmZmO1xyXG4gICAgfVxyXG4gIH1cclxuICAudGV4dC1zdHlsZXtcclxuICAgIGZpbHRlcjpibHVyKDEwcHgpXHJcbiAgfVxyXG5cclxuICAuZWRpdG9yLXZlc3NlbCB7XHJcbiAgICBwYWRkaW5nLXRvcDogMy4ydnc7XHJcbiAgfVxyXG4gIC8vcGxheWVy5LiO55S75biDXHJcbiAgLm1haW57XHJcbiAgICB3aWR0aDogODEuNDY3dnc7XHJcbiAgICBoZWlnaHQ6IDE0NC44dnc7XHJcbiAgICBtYXJnaW46IGF1dG87XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XHJcbiAgICBib3JkZXItcmFkaXVzOiAzLjJ2dztcclxuICAgIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgICAudmVzc2VsIHtcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIGhlaWdodDogMTAwJTtcclxuICAgIH1cclxuICAgIC5jb250cm9scy1ib3gge1xyXG4gICAgICBoZWlnaHQ6IDEydnc7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgYm90dG9tOiAwO1xyXG4gICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgYm9yZGVyLXJhZGl1czogMy4ydnc7XHJcbiAgICB9XHJcbiAgICAucGxheWVyLWNvbnRyb2xzIHtcclxuICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgcGFkZGluZzogMCAyLjEzdnc7XHJcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgICAgIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCggMTgwZGVnLCByZ2JhKDAsMCwwLDApIDAlLCByZ2JhKDAsMCwwLDAuNikgMTAwJSk7XHJcbiAgICAgIC5tci0xNiB7XHJcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAyLjEzdnc7XHJcbiAgICAgIH1cclxuICAgICAgLnBsYXllci1jb250cm9scy10b2dnbGUge1xyXG4gICAgICAgID5pbWcge1xyXG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgICAgICB3aWR0aDogNC44dnc7XHJcbiAgICAgICAgICBoZWlnaHQ6IDQuOHZ3O1xyXG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgICAucGxheWVyLWNvbnRyb2xzLXNlZWtiYXIge1xyXG4gICAgICAgIGZsZXg6IDE7XHJcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgICAgIC5zZWVrYmFyLWNvbnRhaW5lciB7XHJcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcclxuICAgICAgICAgIHRvdWNoLWFjdGlvbjogbm9uZTtcclxuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcclxuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgICAgICAgICAuc2Vla2Jhci1iYWNrZ3JvdW5kIHtcclxuICAgICAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XHJcbiAgICAgICAgICAgIGhlaWdodDogMS42dnc7XHJcbiAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMik7XHJcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDF2dztcclxuICAgICAgICAgICAgLnNlZWtiYXItZmlsbCB7XHJcbiAgICAgICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xyXG4gICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiAxdnc7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgLnNlZWtiYXItbGluZSB7XHJcbiAgICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDF2dztcclxuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZWVlZWVlO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLXNpZ24ge1xyXG4gICAgICAgICAgICAgIHdpZHRoOiAxMHB4O1xyXG4gICAgICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgICAgICAgICB0b3A6IDUwJTtcclxuICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAtNnB4O1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIC5zZWVrYmFyLWNpcmxlIHtcclxuICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgICAgICAgdG9wOiAtMC44dnc7XHJcbiAgICAgICAgICAgICAgd2lkdGg6IDMuMnZ3O1xyXG4gICAgICAgICAgICAgIGhlaWdodDogMy4ydnc7XHJcbiAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xyXG4gICAgICAgICAgICAgIGJhY2tncm91bmQ6ICNlZWVlZWU7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgIH1cclxuICAgICAgLnBsYXllci1jb250cm9scy10aW1lIHtcclxuICAgICAgICB3aWR0aDogMTB2dztcclxuICAgICAgICBjb2xvcjogI2ZmZjtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgLnBsYXktYnRuIHtcclxuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICBib3R0b206IDR2dztcclxuICAgICAgbGVmdDogM3Z3O1xyXG4gICAgICB3aWR0aDogNC44dnc7XHJcbiAgICAgIGhlaWdodDogNC44dnc7XHJcbiAgICAgIGltZyB7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgICAub3BhY2l0eS0wNiB7XHJcbiAgICAgIG9wYWNpdHk6IDAuNjtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8v5bqV6YOoXHJcbiAgLmZvb3RlcntcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIHBhZGRpbmc6IDAgMjAuMzMzdncgMTAuOTMzdnc7XHJcbiAgICAmPmRpdntcclxuICAgICAgd2lkdGg6IDMwJTtcclxuICAgICAgbWFyZ2luOiAwIDE1JTtcclxuICAgICAgaW1ne1xyXG4gICAgICAgIHdpZHRoOiA2LjR2dztcclxuICAgICAgICBoZWlnaHQ6IDYuNHZ3O1xyXG4gICAgICAgIGRpc3BsYXk6IGJsb2NrO1xyXG4gICAgICAgIG1hcmdpbjogYXV0bztcclxuICAgICAgfVxyXG4gICAgICBwe1xyXG4gICAgICAgIGZvbnQtc2l6ZTogMy4ydnc7XHJcbiAgICAgICAgY29sb3I6ICNmZmY7XHJcbiAgICAgICAgbWFyZ2luLXRvcDogMS44Njd2dztcclxuICAgICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcblxyXG4gIC5ub3Qtc2hvdy10ZXh0e1xyXG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1hcm91bmQ7XHJcbiAgfVxyXG5cclxuICAuZWRpdG9yLXZpZGVvLW1lbnUge1xyXG4gICAgcG9zaXRpb246IGZpeGVkO1xyXG4gICAgLy8gaGVpZ2h0OiAzOC4xM3ZoO1xyXG4gICAgaGVpZ2h0OiAwO1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBiYWNrZ3JvdW5kOiAjMUUxRTFFO1xyXG4gICAgYm90dG9tOiAwO1xyXG4gICAgYm9yZGVyLXJhZGl1czogOHB4IDhweCAwIDA7XHJcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC41cyBlYXNlLWluLW91dDsgIFxyXG4gICAgJi5hY3RpdmUge1xyXG4gICAgICBoZWlnaHQ6IDM4LjEzdmg7XHJcbiAgICB9XHJcbiAgICAuZWRpdG9yLXZpZGVvLW1lbnUtaGVhZGVyIHtcclxuICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgcGFkZGluZzogMS42dncgMS42dncgMDtcclxuICAgICAgaGVpZ2h0OiA0Ljgxdmg7XHJcbiAgICAgIGxpbmUtaGVpZ2h0OiA0Ljgxdmg7XHJcbiAgICAgIGNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNDApO1xyXG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gICAgICBvdmVyZmxvdy14OiBhdXRvO1xyXG4gICAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7XHJcbiAgICAgICAgZGlzcGxheTogbm9uZTsgLyog6ZqQ6JeP5rua5Yqo5p2hICovXHJcbiAgICAgIH1cclxuICAgICAgPmRpdiB7XHJcbiAgICAgICAgbWFyZ2luOiAwIDMuMnZ3O1xyXG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XHJcbiAgICAgIH1cclxuICAgICAgLmFjdGl2ZSB7XHJcbiAgICAgICAgY29sb3I6ICNGRkZGRkY7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIC5lZGl0b3ItdmlkZW8tbWVudS1pdG1lcyB7XHJcbiAgICAgIHBhZGRpbmc6IDAgMy4zM3Z3O1xyXG4gICAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMCUgLSA0LjgxdmggLSAxLjZ2dyk7XHJcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XHJcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDQsIDFmcik7XHJcbiAgICAgIHJvdy1nYXA6IDMuMnZ3O1xyXG4gICAgICBjb2x1bW4tZ2FwOiAyLjZ2dztcclxuICAgICAgb3ZlcmZsb3c6IGF1dG87XHJcbiAgICAgID5kaXYge1xyXG4gICAgICAgIHdpZHRoOiAyMS4zM3Z3O1xyXG4gICAgICAgIGhlaWdodDogMjEuMzN2dztcclxuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMWUxZTFlO1xyXG4gICAgICAgIGltZyB7XHJcbiAgICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgICAgIG9iamVjdC1maXQ6IGNvbnRhaW47XHJcbiAgICAgICAgfVxyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgfVxyXG5cclxufVxyXG4iXX0= */`;
|
|
258
258
|
document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css));
|
|
259
259
|
|
|
260
260
|
// src/utils/const.ts
|
|
261
|
-
var closeIcon = "https://mass.alipay.com/finmedia_versaassets/uri/file/as/c5dc68e4-2db5-4ea6-ada6-191bb9128a4c.png";
|
|
262
|
-
var wordIcon = "https://mass.alipay.com/finmedia_versaassets/uri/file/as/6ba37577-5fef-4722-9a61-f7ab5e5790ad.png";
|
|
263
|
-
var emotionIcon = "https://mass.alipay.com/finmedia_versaassets/uri/file/as/a6bb2684-4f26-481a-81dd-90500c1f7544.png";
|
|
264
261
|
var playIcon = "https://mass.alipay.com/finmedia_versaassets/uri/file/as/9c6d947f-071a-4875-9546-fd0dce371928.png";
|
|
265
262
|
var pauseIcon = "https://mass.alipay.com/finmedia_versaassets/uri/file/as/65076da8-c1e4-42a9-90af-839a2e42ace7.png";
|
|
266
|
-
var iconText2 = "https://mass.alipay.com/finmedia_versaassets/uri/file/as/f50a1be1-512b-49f5-8be5-61b85c7cbb66.png";
|
|
267
|
-
var iconText1 = "https://mass.alipay.com/finmedia_versaassets/uri/file/as/f9071de5-48d0-42ca-8b9a-13ae19ed48e3.png";
|
|
268
263
|
var signIcon = "https://mass.alipay.com/finmedia_versaassets/uri/file/as/bcbd9a71-ec40-4c4d-ba03-29c2bec2bf89.png";
|
|
269
264
|
var getFrameFromX = (clientX, durationInFrames, width) => {
|
|
270
265
|
const pos = clientX;
|
|
@@ -396,7 +391,6 @@ var HistoryClass = class {
|
|
|
396
391
|
editorInstance;
|
|
397
392
|
actionTypeList;
|
|
398
393
|
constructor(canvas) {
|
|
399
|
-
console.log("history init");
|
|
400
394
|
this.canvas = canvas;
|
|
401
395
|
this.historyUndo = [];
|
|
402
396
|
this.historyRedo = [];
|
|
@@ -1480,7 +1474,7 @@ var css2 = `.page-loader {
|
|
|
1480
1474
|
transform: skew(-45deg) translateX(200%);
|
|
1481
1475
|
}
|
|
1482
1476
|
}
|
|
1483
|
-
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
1477
|
+
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiRDpcXHByb2plY3RzXFx2bW1sLXBsYXllclxccGFja2FnZXNcXGVkaXRvclxcc3JjXFxhc3NldHNcXGNzcyIsInNvdXJjZXMiOlsibG9hZGluZy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBO0VBT0E7RUFDQTs7O0FBSUo7RUFDRTtJQUNFIiwic291cmNlc0NvbnRlbnQiOlsiXHJcbi5wYWdlLWxvYWRlciB7XHJcbiAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gIHRvcDogMDtcclxuICB3aWR0aDogMTAwJTtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIHotaW5kZXg6IDEwMDtcclxuICBvdmVyZmxvdzogaGlkZGVuO1xyXG4gIC5saWdodCB7XHJcbiAgICB3aWR0aDogNzUlO1xyXG4gICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDkwZGVnLFxyXG4gICAgICAgIHJnYmEoMjU1LCAyNTUsIDI1NSwgMCksXHJcbiAgICAgICAgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE1KSxcclxuICAgICAgICByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMyksXHJcbiAgICAgICAgcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE1KSxcclxuICAgICAgICByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMCksXHJcbiAgICAgICk7XHJcbiAgICB0cmFuc2Zvcm06IHNrZXcoLTQ1ZGVnKSB0cmFuc2xhdGVYKC00MDAlKTtcclxuICAgIGFuaW1hdGlvbjogYW5pbWF0ZV9saWdodCAxcyBpbmZpbml0ZTtcclxuICB9XHJcbn1cclxuXHJcbkBrZXlmcmFtZXMgYW5pbWF0ZV9saWdodCB7XHJcbiAgMTAwJSB7XHJcbiAgICB0cmFuc2Zvcm06IHNrZXcoLTQ1ZGVnKSB0cmFuc2xhdGVYKDIwMCUpO1xyXG4gIH1cclxufSJdfQ== */`;
|
|
1484
1478
|
document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css2));
|
|
1485
1479
|
var Loaidng = ({ show }) => {
|
|
1486
1480
|
const styles = {
|
|
@@ -1514,7 +1508,7 @@ var css3 = `.container {
|
|
|
1514
1508
|
text-align: right;
|
|
1515
1509
|
font-style: normal;
|
|
1516
1510
|
}
|
|
1517
|
-
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
1511
|
+
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiRDpcXHByb2plY3RzXFx2bW1sLXBsYXllclxccGFja2FnZXNcXGVkaXRvclxcc3JjXFxhc3NldHNcXGNzcyIsInNvdXJjZXMiOlsibWF4VGV4dExheWVyLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUUE7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBQ0E7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQSIsInNvdXJjZXNDb250ZW50IjpbIiR2bV9iYXNlOiA3NTA7XHJcblxyXG5AZnVuY3Rpb24gdm0oJHB4KSB7XHJcblxyXG4gICAgQHJldHVybiAoJHB4IC8gNzUwKSAqIDEwMHZ3O1xyXG5cclxufVxyXG5cclxuLmNvbnRhaW5lcntcclxuICB3aWR0aDogMTAwdnc7XHJcbiAgaGVpZ2h0OiAxMDB2aDtcclxuICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgbGVmdDogMDtcclxuICB0b3A6IDA7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWZsb3c6IHJvdyBub3dyYXA7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAubWFpbl90ZXh0e1xyXG4gICAgYmFja2dyb3VuZDogIzAwMDAwMDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDE2cHg7XHJcbiAgICBiYWNrZHJvcC1maWx0ZXI6IGJsdXIoNDBweCk7XHJcbiAgICBwYWRkaW5nOiB2bSgyNCk7XHJcbiAgICBmb250LXdlaWdodDogNDAwO1xyXG4gICAgZm9udC1zaXplOiB2bSgzMCk7XHJcbiAgICBjb2xvcjogI0ZGRkZGRjtcclxuICAgIGxpbmUtaGVpZ2h0OiB2bSg0Mik7XHJcbiAgICB0ZXh0LWFsaWduOiByaWdodDtcclxuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcclxuICB9XHJcbn0iXX0= */`;
|
|
1518
1512
|
document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css3));
|
|
1519
1513
|
var MaxTextLayer = ({
|
|
1520
1514
|
show = false,
|
|
@@ -1532,677 +1526,6 @@ var MaxTextLayer = ({
|
|
|
1532
1526
|
return show && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container", onClick: textLayerHide, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "main_text", children: text }) }) });
|
|
1533
1527
|
};
|
|
1534
1528
|
var MaxTextLayer_default = MaxTextLayer;
|
|
1535
|
-
|
|
1536
|
-
// src/assets/css/editorTextMenu.scss
|
|
1537
|
-
var css4 = `@charset "UTF-8";
|
|
1538
|
-
.overlay {
|
|
1539
|
-
position: fixed;
|
|
1540
|
-
top: 0;
|
|
1541
|
-
left: 0;
|
|
1542
|
-
width: 100%;
|
|
1543
|
-
height: 100%;
|
|
1544
|
-
background-color: rgba(0, 0, 0, 0.5);
|
|
1545
|
-
display: flex;
|
|
1546
|
-
justify-content: center;
|
|
1547
|
-
align-items: center;
|
|
1548
|
-
color: white;
|
|
1549
|
-
font-size: 24px;
|
|
1550
|
-
overflow: hidden;
|
|
1551
|
-
}
|
|
1552
|
-
.overlay > .text-header {
|
|
1553
|
-
width: 100%;
|
|
1554
|
-
display: flex;
|
|
1555
|
-
justify-content: space-between;
|
|
1556
|
-
align-items: center;
|
|
1557
|
-
height: 11.467vw;
|
|
1558
|
-
padding-left: 4.4vw;
|
|
1559
|
-
padding-right: 3.2vw;
|
|
1560
|
-
box-sizing: border-box;
|
|
1561
|
-
position: fixed;
|
|
1562
|
-
top: 0;
|
|
1563
|
-
transition: all 0.01s;
|
|
1564
|
-
z-index: 16;
|
|
1565
|
-
}
|
|
1566
|
-
.overlay > .text-header > .close {
|
|
1567
|
-
width: 5.0666666667vw;
|
|
1568
|
-
height: 5.0666666667vw;
|
|
1569
|
-
}
|
|
1570
|
-
.overlay > .text-header > .close img {
|
|
1571
|
-
width: 100%;
|
|
1572
|
-
height: 100%;
|
|
1573
|
-
}
|
|
1574
|
-
.overlay > .text-header > .history-operate {
|
|
1575
|
-
height: 7.2vw;
|
|
1576
|
-
display: none;
|
|
1577
|
-
align-items: center;
|
|
1578
|
-
position: absolute;
|
|
1579
|
-
left: 50%;
|
|
1580
|
-
top: 50%;
|
|
1581
|
-
transform: translate(-50%, -50%);
|
|
1582
|
-
}
|
|
1583
|
-
.overlay > .text-header > .history-operate img {
|
|
1584
|
-
width: 4.667vw;
|
|
1585
|
-
height: 5.067vw;
|
|
1586
|
-
}
|
|
1587
|
-
.overlay > .text-header > .history-operate > img:last-child {
|
|
1588
|
-
margin-left: 8vw;
|
|
1589
|
-
}
|
|
1590
|
-
.overlay > .text-header > .next-button {
|
|
1591
|
-
display: flex;
|
|
1592
|
-
justify-content: center;
|
|
1593
|
-
align-items: center;
|
|
1594
|
-
width: 16vw;
|
|
1595
|
-
height: 7.2vw;
|
|
1596
|
-
line-height: 7.2vw;
|
|
1597
|
-
background: #1677FF;
|
|
1598
|
-
border-radius: 6.533vw;
|
|
1599
|
-
text-align: center;
|
|
1600
|
-
font-size: 3.2vw;
|
|
1601
|
-
color: #fff;
|
|
1602
|
-
border: 0;
|
|
1603
|
-
}
|
|
1604
|
-
.overlay .cover {
|
|
1605
|
-
position: fixed;
|
|
1606
|
-
bottom: 8vw;
|
|
1607
|
-
width: 100%;
|
|
1608
|
-
height: 10.6666666667vw;
|
|
1609
|
-
z-index: 999;
|
|
1610
|
-
transition: all 0.1s;
|
|
1611
|
-
}
|
|
1612
|
-
.overlay .text-input, .overlay .mappingarea {
|
|
1613
|
-
font-family: PingFangSC, PingFang SC;
|
|
1614
|
-
border: none;
|
|
1615
|
-
font-size: 22px;
|
|
1616
|
-
/* \u53D6\u6D88\u5916\u8FB9\u6846 */
|
|
1617
|
-
outline: none;
|
|
1618
|
-
background-color: rgba(0, 0, 0, 0);
|
|
1619
|
-
line-height: 30px;
|
|
1620
|
-
-ms-overflow-style: none; /* IE and Edge */
|
|
1621
|
-
scrollbar-width: none; /* Firefox */
|
|
1622
|
-
transition: all 0.1s;
|
|
1623
|
-
}
|
|
1624
|
-
.overlay .text-input::-webkit-scrollbar, .overlay .mappingarea::-webkit-scrollbar {
|
|
1625
|
-
display: none;
|
|
1626
|
-
}
|
|
1627
|
-
.overlay .text-input {
|
|
1628
|
-
padding-top: 1.0666666667vw;
|
|
1629
|
-
padding-bottom: 1.0666666667vw;
|
|
1630
|
-
padding-left: 1.6vw;
|
|
1631
|
-
padding-right: 1.3333333333vw;
|
|
1632
|
-
z-index: 10;
|
|
1633
|
-
width: 84vw;
|
|
1634
|
-
caret-color: #1677ff;
|
|
1635
|
-
position: absolute;
|
|
1636
|
-
top: 30%;
|
|
1637
|
-
left: 5%;
|
|
1638
|
-
height: 200px;
|
|
1639
|
-
word-break: break-all;
|
|
1640
|
-
}
|
|
1641
|
-
.overlay .mappingarea {
|
|
1642
|
-
padding-top: 1.0666666667vw;
|
|
1643
|
-
padding-bottom: 1.0666666667vw;
|
|
1644
|
-
padding-left: 1.6vw;
|
|
1645
|
-
padding-right: 1.3333333333vw;
|
|
1646
|
-
border-radius: 1.3333333333vw;
|
|
1647
|
-
border: 0;
|
|
1648
|
-
position: fixed;
|
|
1649
|
-
top: 30%;
|
|
1650
|
-
left: 5%;
|
|
1651
|
-
height: fit-content;
|
|
1652
|
-
max-height: 200px;
|
|
1653
|
-
color: transparent;
|
|
1654
|
-
overflow-y: scroll;
|
|
1655
|
-
z-index: 9;
|
|
1656
|
-
display: flex;
|
|
1657
|
-
flex-flow: column nowrap;
|
|
1658
|
-
box-sizing: content-box;
|
|
1659
|
-
}
|
|
1660
|
-
.overlay .mappingarea .mappingarea_span {
|
|
1661
|
-
font-size: 22px;
|
|
1662
|
-
max-width: 84vw;
|
|
1663
|
-
white-space: pre-wrap;
|
|
1664
|
-
word-break: break-all;
|
|
1665
|
-
}
|
|
1666
|
-
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiRDpcXGNvZGVcXHdvcmtcXHZtbWwtcGxheWVyXFxwYWNrYWdlc1xcZWRpdG9yXFxzcmNcXGFzc2V0c1xcY3NzIiwic291cmNlcyI6WyJlZGl0b3JUZXh0TWVudS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFPQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUdBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFQTtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUlKO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUE7RUFDRTtFQUNBOztBQUdGO0VBQ0U7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBSUo7RUFDRTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBR0Y7RUFFRTtFQUNBO0VBRUE7QUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUtBO0VBQ0E7RUFDQTs7QUFMQTtFQUNFOztBQU1KO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUdGO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFDQTtFQUNFO0VBQ0E7RUFDQTtFQUNBIiwic291cmNlc0NvbnRlbnQiOlsiJHZtX2Jhc2U6IDc1MDtcclxuXHJcbkBmdW5jdGlvbiB2bSgkcHgpIHtcclxuXHJcbiAgICBAcmV0dXJuICgkcHggLyA3NTApICogMTAwdnc7XHJcblxyXG59XHJcbi5vdmVybGF5IHtcclxuICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgdG9wOiAwO1xyXG4gIGxlZnQ6IDA7XHJcbiAgd2lkdGg6IDEwMCU7XHJcbiAgaGVpZ2h0OiAxMDAlO1xyXG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC41KTtcclxuICAvLyBiYWNrZHJvcC1maWx0ZXI6IGJsdXIoMTBweCk7XHJcbiAgLy8gLXdlYmtpdC1iYWNrZHJvcC1maWx0ZXI6IGJsdXIoMTBweCk7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIGNvbG9yOiB3aGl0ZTtcclxuICBmb250LXNpemU6IDI0cHg7XHJcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICAvLyDpobbpg6hcclxuICAmPi50ZXh0LWhlYWRlciB7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gICAgaGVpZ2h0OiAxMS40Njd2dztcclxuICAgIHBhZGRpbmctbGVmdDogNC40dnc7XHJcbiAgICBwYWRkaW5nLXJpZ2h0OiAzLjJ2dztcclxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XHJcbiAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICB0b3A6IDA7XHJcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC4wMXM7XHJcbiAgICB6LWluZGV4OjE2O1xyXG4gICAgJj4uY2xvc2Uge1xyXG4gICAgICB3aWR0aDogdm0oMzgpO1xyXG4gICAgICBoZWlnaHQ6IHZtKDM4KTtcclxuXHJcbiAgICAgIGltZyB7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgJj4uaGlzdG9yeS1vcGVyYXRlIHtcclxuICAgICAgaGVpZ2h0OiA3LjJ2dztcclxuICAgICAgZGlzcGxheTogbm9uZTtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICBsZWZ0OiA1MCU7XHJcbiAgICAgIHRvcDogNTAlO1xyXG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcclxuXHJcbiAgICAgIGltZyB7XHJcbiAgICAgICAgd2lkdGg6IDQuNjY3dnc7XHJcbiAgICAgICAgaGVpZ2h0OiA1LjA2N3Z3O1xyXG4gICAgICB9XHJcblxyXG4gICAgICAmPmltZzpsYXN0LWNoaWxkIHtcclxuICAgICAgICBtYXJnaW4tbGVmdDogOHZ3O1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgJj4ubmV4dC1idXR0b24ge1xyXG4gICAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcclxuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgd2lkdGg6IDE2dnc7XHJcbiAgICAgIGhlaWdodDogNy4ydnc7XHJcbiAgICAgIGxpbmUtaGVpZ2h0OiA3LjJ2dztcclxuICAgICAgYmFja2dyb3VuZDogIzE2NzdGRjtcclxuICAgICAgYm9yZGVyLXJhZGl1czogNi41MzN2dztcclxuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgICBmb250LXNpemU6IDMuMnZ3O1xyXG4gICAgICBjb2xvcjogI2ZmZjtcclxuICAgICAgYm9yZGVyOiAwO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgLmNvdmVyIHtcclxuICAgIHBvc2l0aW9uOiBmaXhlZDtcclxuICAgIGJvdHRvbTogdm0oNjApO1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBoZWlnaHQ6dm0oODApO1xyXG4gICAgei1pbmRleDogOTk5O1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIDAuMXM7XHJcbiAgfVxyXG5cclxuICAudGV4dC1pbnB1dCwubWFwcGluZ2FyZWF7XHJcbiAgICAvLyBmb250LWZhbWlseTo7XHJcbiAgICBmb250LWZhbWlseTogUGluZ0ZhbmdTQywgUGluZ0ZhbmcgU0M7XHJcbiAgICBib3JkZXI6IG5vbmU7XHJcbiAgICAvLyBmb250LXdlaWdodDogNjAwO1xyXG4gICAgZm9udC1zaXplOiAyMnB4O1xyXG4gICAgLyog5Y+W5raI5aSW6L655qGGICovXHJcbiAgICBvdXRsaW5lOiBub25lO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwKTtcclxuICAgIGxpbmUtaGVpZ2h0OiAzMHB4O1xyXG4gICAgLy8g6ZqQ6JeP5rua5Yqo5p2h77yM5L2G5LuN54S25L+d5oyB5rua5Yqo5Yqf6IO9XHJcbiAgICAmOjotd2Via2l0LXNjcm9sbGJhciB7IFxyXG4gICAgICBkaXNwbGF5OiBub25lOyBcclxuICAgIH1cclxuICAgIC1tcy1vdmVyZmxvdy1zdHlsZTogbm9uZTsgIC8qIElFIGFuZCBFZGdlICovXHJcbiAgICBzY3JvbGxiYXItd2lkdGg6IG5vbmU7ICAvKiBGaXJlZm94ICovXHJcbiAgICB0cmFuc2l0aW9uOiBhbGwgMC4xcztcclxuICB9XHJcbiAgLnRleHQtaW5wdXR7XHJcbiAgICBwYWRkaW5nLXRvcDogdm0oOCk7XHJcbiAgICBwYWRkaW5nLWJvdHRvbTogdm0oOCk7XHJcbiAgICBwYWRkaW5nLWxlZnQ6IHZtKDEyKTtcclxuICAgIHBhZGRpbmctcmlnaHQ6IHZtKDEwKTtcclxuICAgIHotaW5kZXg6IDEwO1xyXG4gICAgd2lkdGg6IDg0dnc7XHJcbiAgICBjYXJldC1jb2xvcjogIzE2NzdGRkZGO1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgdG9wOiAzMCU7XHJcbiAgICBsZWZ0OiA1JTtcclxuICAgIGhlaWdodDogMjAwcHg7XHJcbiAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XHJcbiAgICAvLyBwYWRkaW5nOiB2bSgxOCk7XHJcbiAgfVxyXG4gIC5tYXBwaW5nYXJlYXtcclxuICAgIHBhZGRpbmctdG9wOiB2bSg4KTtcclxuICAgIHBhZGRpbmctYm90dG9tOiB2bSg4KTtcclxuICAgIHBhZGRpbmctbGVmdDogdm0oMTIpO1xyXG4gICAgcGFkZGluZy1yaWdodDogdm0oMTApO1xyXG4gICAgYm9yZGVyLXJhZGl1czogdm0oMTApO1xyXG4gICAgYm9yZGVyOjA7XHJcbiAgICBwb3NpdGlvbjogZml4ZWQ7XHJcbiAgICB0b3A6IDMwJTtcclxuICAgIGxlZnQ6IDUlO1xyXG4gICAgaGVpZ2h0OiBmaXQtY29udGVudDtcclxuICAgIG1heC1oZWlnaHQ6IDIwMHB4O1xyXG4gICAgY29sb3I6IHRyYW5zcGFyZW50OyAvL+iuvue9ruminOiJsumAj+aYju+8jOS/neivgeiDjOaZr+minOiJslxyXG4gICAgb3ZlcmZsb3cteTogc2Nyb2xsO1xyXG4gICAgei1pbmRleDogOTtcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWZsb3c6IGNvbHVtbiBub3dyYXA7XHJcbiAgICBib3gtc2l6aW5nOiBjb250ZW50LWJveDtcclxuICAgIC5tYXBwaW5nYXJlYV9zcGFue1xyXG4gICAgICBmb250LXNpemU6IDIycHg7XHJcbiAgICAgIG1heC13aWR0aDogODR2dztcclxuICAgICAgd2hpdGUtc3BhY2U6IHByZS13cmFwO1xyXG4gICAgICB3b3JkLWJyZWFrOiBicmVhay1hbGw7XHJcbiAgICB9XHJcbiAgfVxyXG59Il19 */`;
|
|
1667
|
-
document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css4));
|
|
1668
|
-
var checkIPhoneSeries = () => {
|
|
1669
|
-
const screenWidth = window.screen.width;
|
|
1670
|
-
const screenHeight = window.screen.height;
|
|
1671
|
-
if (screenWidth === 320 && screenHeight === 480) {
|
|
1672
|
-
return "iPhone 4 or 4S";
|
|
1673
|
-
} else if (screenWidth === 375 && screenHeight === 667) {
|
|
1674
|
-
return "iPhone 6/7/8";
|
|
1675
|
-
} else if (screenWidth === 414 && screenHeight === 736) {
|
|
1676
|
-
return "iPhone 6/7/8 Plus";
|
|
1677
|
-
} else if (screenWidth === 375 && screenHeight === 812) {
|
|
1678
|
-
return "iPhone X/XS";
|
|
1679
|
-
} else if (screenWidth === 414 && screenHeight === 896) {
|
|
1680
|
-
return "iPhone XR/11";
|
|
1681
|
-
} else if (screenWidth === 414 && screenHeight === 844) {
|
|
1682
|
-
return "iPhone 12 mini";
|
|
1683
|
-
} else if (screenWidth === 414 && screenHeight === 915) {
|
|
1684
|
-
return "iPhone 13 Pro Max/12 Pro Max";
|
|
1685
|
-
} else if (screenWidth === 390 && screenHeight === 844) {
|
|
1686
|
-
return "iPhone 13 mini";
|
|
1687
|
-
} else {
|
|
1688
|
-
return "Unknown iPhone model";
|
|
1689
|
-
}
|
|
1690
|
-
};
|
|
1691
|
-
var iPhoneAdapter = (series) => {
|
|
1692
|
-
const seriesArr = ["iPhone 6/7/8 Plus", "iPhone 6/7/8"];
|
|
1693
|
-
return seriesArr.includes(series);
|
|
1694
|
-
};
|
|
1695
|
-
var watchKeyBoard = (callback) => {
|
|
1696
|
-
const focusInHandler = (e) => {
|
|
1697
|
-
callback(true);
|
|
1698
|
-
stopMove();
|
|
1699
|
-
};
|
|
1700
|
-
const focusOutHandler = (e) => {
|
|
1701
|
-
callback(false);
|
|
1702
|
-
};
|
|
1703
|
-
document.body.addEventListener("focusin", focusInHandler);
|
|
1704
|
-
document.body.addEventListener("focusout", focusOutHandler);
|
|
1705
|
-
return () => {
|
|
1706
|
-
document.body.removeEventListener("focusin", focusInHandler);
|
|
1707
|
-
document.body.removeEventListener("focusout", focusOutHandler);
|
|
1708
|
-
};
|
|
1709
|
-
};
|
|
1710
|
-
var stopMove = () => {
|
|
1711
|
-
const dom = document.getElementsByClassName("overlay")[0];
|
|
1712
|
-
const element = document.querySelector(".mappingarea");
|
|
1713
|
-
const stopScroll = (e) => {
|
|
1714
|
-
var _a, _b, _c;
|
|
1715
|
-
const lastTouchPositionX = 0;
|
|
1716
|
-
const lastTouchPositionY = 0;
|
|
1717
|
-
const currentTouchPositionX = e.touches[0].clientX;
|
|
1718
|
-
const currentTouchPositionY = e.touches[0].clientY;
|
|
1719
|
-
const deltaX = currentTouchPositionX - lastTouchPositionX;
|
|
1720
|
-
const deltaY = currentTouchPositionY - lastTouchPositionY;
|
|
1721
|
-
if (["text-header", "overlay", "text_bg_change"].includes((_a = e.target) == null ? void 0 : _a.className)) {
|
|
1722
|
-
e.preventDefault();
|
|
1723
|
-
}
|
|
1724
|
-
if (element) {
|
|
1725
|
-
const willOverflow = element.scrollHeight > element.clientHeight;
|
|
1726
|
-
if (willOverflow) {
|
|
1727
|
-
return;
|
|
1728
|
-
} else if (((_b = e.target) == null ? void 0 : _b.className.split(" ").includes("color-item")) || ((_c = e.target) == null ? void 0 : _c.className) === "text_color_change") {
|
|
1729
|
-
if (deltaX < 0 || deltaX > 0) {
|
|
1730
|
-
return;
|
|
1731
|
-
} else {
|
|
1732
|
-
e.preventDefault();
|
|
1733
|
-
}
|
|
1734
|
-
} else {
|
|
1735
|
-
if (Math.abs(deltaY) > Math.abs(deltaX)) {
|
|
1736
|
-
e.preventDefault();
|
|
1737
|
-
}
|
|
1738
|
-
}
|
|
1739
|
-
}
|
|
1740
|
-
e.preventDefault();
|
|
1741
|
-
};
|
|
1742
|
-
if (dom) {
|
|
1743
|
-
dom.addEventListener("touchmove", stopScroll);
|
|
1744
|
-
}
|
|
1745
|
-
};
|
|
1746
|
-
var onKeyBoardAction = (status, headerRef, textareaRef, coverRef, mappingareaRef, aimTop) => {
|
|
1747
|
-
if (vmmlUtils.isIOS()) {
|
|
1748
|
-
forIos(status, headerRef, textareaRef, coverRef);
|
|
1749
|
-
}
|
|
1750
|
-
};
|
|
1751
|
-
var forIos = (status, headerRef, textareaRef, coverRef, mappingareaRef) => {
|
|
1752
|
-
const series = checkIPhoneSeries();
|
|
1753
|
-
const isIPhoneAdapt = iPhoneAdapter(series);
|
|
1754
|
-
if (status) {
|
|
1755
|
-
const totalHeight = document.documentElement.clientHeight || document.body.clientHeight;
|
|
1756
|
-
const keyBoardHeight = totalHeight * 0.25;
|
|
1757
|
-
if (coverRef && textareaRef) {
|
|
1758
|
-
const textareaRefPos = textareaRef.getBoundingClientRect();
|
|
1759
|
-
const { height } = textareaRefPos;
|
|
1760
|
-
if (isIPhoneAdapt) {
|
|
1761
|
-
coverRef.style.bottom = `${keyBoardHeight + 50}px`;
|
|
1762
|
-
} else {
|
|
1763
|
-
coverRef.style.transform = `translateY(${-(height + 10)}px)`;
|
|
1764
|
-
}
|
|
1765
|
-
}
|
|
1766
|
-
} else {
|
|
1767
|
-
if (coverRef) {
|
|
1768
|
-
if (isIPhoneAdapt) {
|
|
1769
|
-
coverRef.style.bottom = `8vw`;
|
|
1770
|
-
} else {
|
|
1771
|
-
coverRef.style.transform = `translateY(0px)`;
|
|
1772
|
-
}
|
|
1773
|
-
}
|
|
1774
|
-
}
|
|
1775
|
-
};
|
|
1776
|
-
|
|
1777
|
-
// src/assets/css/colorSelector.scss
|
|
1778
|
-
var css5 = `@charset "UTF-8";
|
|
1779
|
-
.color-selector {
|
|
1780
|
-
width: 100%;
|
|
1781
|
-
height: 100%;
|
|
1782
|
-
display: flex;
|
|
1783
|
-
flex-flow: row nowrap;
|
|
1784
|
-
align-items: center;
|
|
1785
|
-
padding-right: 2.6666666667vw;
|
|
1786
|
-
}
|
|
1787
|
-
.color-selector .text_bg_change {
|
|
1788
|
-
width: 6.4vw;
|
|
1789
|
-
height: 6.4vw;
|
|
1790
|
-
flex: 0 0 auto;
|
|
1791
|
-
text-align: center;
|
|
1792
|
-
line-height: 6.4vw;
|
|
1793
|
-
padding: 0 4.8vw;
|
|
1794
|
-
margin-right: 4vw;
|
|
1795
|
-
border-right: 2px solid rgba(255, 255, 255, 0.4); /* \u8BBE\u7F6E\u5DE6\u8FB9\u6846\u7684\u5BBD\u5EA6\u3001\u6837\u5F0F\u548C\u989C\u8272 */
|
|
1796
|
-
}
|
|
1797
|
-
.color-selector .text_color_change {
|
|
1798
|
-
flex: 1 1 auto;
|
|
1799
|
-
display: flex;
|
|
1800
|
-
flex-flow: row nowrap;
|
|
1801
|
-
overflow-x: auto;
|
|
1802
|
-
white-space: nowrap;
|
|
1803
|
-
height: 100%;
|
|
1804
|
-
padding-right: 1.3333333333vw;
|
|
1805
|
-
align-items: center;
|
|
1806
|
-
-ms-overflow-style: none; /* IE and Edge */
|
|
1807
|
-
scrollbar-width: none; /* Firefox */
|
|
1808
|
-
}
|
|
1809
|
-
.color-selector .text_color_change > * {
|
|
1810
|
-
flex-shrink: 0;
|
|
1811
|
-
}
|
|
1812
|
-
.color-selector .text_color_change .color-item {
|
|
1813
|
-
width: 6.4vw;
|
|
1814
|
-
height: 6.4vw;
|
|
1815
|
-
border-radius: 50%;
|
|
1816
|
-
margin: 0 2vw;
|
|
1817
|
-
box-sizing: border-box;
|
|
1818
|
-
}
|
|
1819
|
-
.color-selector .text_color_change .black-border {
|
|
1820
|
-
border: 0.2666666667vw solid #333333;
|
|
1821
|
-
}
|
|
1822
|
-
.color-selector .text_color_change .current {
|
|
1823
|
-
box-shadow: 0 0 0 0.8vw #1677FF;
|
|
1824
|
-
}
|
|
1825
|
-
.color-selector .text_color_change::-webkit-scrollbar {
|
|
1826
|
-
display: none;
|
|
1827
|
-
}
|
|
1828
|
-
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiRDpcXGNvZGVcXHdvcmtcXHZtbWwtcGxheWVyXFxwYWNrYWdlc1xcZWRpdG9yXFxzcmNcXGFzc2V0c1xcY3NzIiwic291cmNlcyI6WyJjb2xvclNlbGVjdG9yLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQVFBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBOztBQUNBO0VBQ0U7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFzQkE7RUFDQTs7QUF0QkE7RUFDRTs7QUFFRjtFQUNFO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7O0FBRUY7RUFDRTs7QUFFRjtFQUVFOztBQUdGO0VBQ0kiLCJzb3VyY2VzQ29udGVudCI6WyIkdm1fYmFzZTogNzUwO1xyXG5cclxuQGZ1bmN0aW9uIHZtKCRweCkge1xyXG5cclxuICAgIEByZXR1cm4gKCRweCAvIDc1MCkgKiAxMDB2dztcclxuXHJcbn1cclxuXHJcbi5jb2xvci1zZWxlY3RvcntcclxuICB3aWR0aDogMTAwJTtcclxuICBoZWlnaHQ6IDEwMCU7XHJcbiAgZGlzcGxheTogZmxleDtcclxuICBmbGV4LWZsb3c6IHJvdyBub3dyYXA7XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICBwYWRkaW5nLXJpZ2h0OiB2bSgyMCk7XHJcbiAgLnRleHRfYmdfY2hhbmdle1xyXG4gICAgd2lkdGg6IHZtKDQ4KTtcclxuICAgIGhlaWdodDogdm0oNDgpO1xyXG4gICAgZmxleDogMCAwIGF1dG87XHJcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XHJcbiAgICBsaW5lLWhlaWdodDogdm0oNDgpO1xyXG4gICAgcGFkZGluZzowIHZtKDM2KTtcclxuICAgIG1hcmdpbi1yaWdodDogdm0oMzApO1xyXG4gICAgYm9yZGVyLXJpZ2h0OiAycHggc29saWQgI0ZGRkZGRjY2OyAvKiDorr7nva7lt6bovrnmoYbnmoTlrr3luqbjgIHmoLflvI/lkozpopzoibIgKi9cclxuICB9XHJcbiAgLnRleHRfY29sb3JfY2hhbmdle1xyXG4gICAgZmxleDogMSAxIGF1dG87XHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1mbG93OiByb3cgbm93cmFwO1xyXG4gICAgb3ZlcmZsb3cteDogYXV0bzsgLy8g5YWB6K645qiq5ZCR5rua5YqoXHJcbiAgICB3aGl0ZS1zcGFjZTogbm93cmFwOyAvLyDnoa7kv53mlofmnKzkuI3kvJrmjaLooYxcclxuICAgIGhlaWdodDoxMDAlO1xyXG4gICAgcGFkZGluZy1yaWdodDogdm0oMTApO1xyXG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICYgPiAqIHtcclxuICAgICAgZmxleC1zaHJpbms6IDA7IC8vIOmYsuatouWtkOWFg+e0oOe8qeWwj1xyXG4gICAgfVxyXG4gICAgLmNvbG9yLWl0ZW17XHJcbiAgICAgIHdpZHRoOiB2bSg0OCk7XHJcbiAgICAgIGhlaWdodDp2bSg0OCk7XHJcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgICAgbWFyZ2luOiAwIHZtKDE1KTtcclxuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcclxuICAgIH1cclxuICAgIC5ibGFjay1ib3JkZXJ7XHJcbiAgICAgIGJvcmRlcjp2bSgyKSBzb2xpZCAjMzMzMzMzRkZcclxuICAgIH1cclxuICAgIC5jdXJyZW50e1xyXG4gICAgICAvLyBib3JkZXI6IHZtKDYpIHNvbGlkICMxNjc3RkY7XHJcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAwIHZtKDYpICMxNjc3RkY7XHJcbiAgICB9XHJcbiAgICAvLyDpmpDol4/mu5rliqjmnaHvvIzkvYbku43nhLbkv53mjIHmu5rliqjlip/og71cclxuICAgICY6Oi13ZWJraXQtc2Nyb2xsYmFyIHsgXHJcbiAgICAgICAgZGlzcGxheTogbm9uZTsgXHJcbiAgICB9XHJcbiAgICAtbXMtb3ZlcmZsb3ctc3R5bGU6IG5vbmU7ICAvKiBJRSBhbmQgRWRnZSAqL1xyXG4gICAgc2Nyb2xsYmFyLXdpZHRoOiBub25lOyAgLyogRmlyZWZveCAqL1xyXG4gIH1cclxufSJdfQ== */`;
|
|
1829
|
-
document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(css5));
|
|
1830
|
-
var colorList = [
|
|
1831
|
-
{ colorName: "white", colorValue: "rgb(255,255,255)" },
|
|
1832
|
-
{ colorName: "black", colorValue: "rgb(0,0,0)" },
|
|
1833
|
-
{ colorName: "gray", colorValue: "rgb(153,153,153)" },
|
|
1834
|
-
{ colorName: "red", colorValue: "rgb(248,82,81)" },
|
|
1835
|
-
{ colorName: "orange", colorValue: "rgb(250,158,60)" },
|
|
1836
|
-
{ colorName: "yellow", colorValue: "rgb(255,196,0)" },
|
|
1837
|
-
{ colorName: "lightGreen", colorValue: "rgb(145,212,0)" },
|
|
1838
|
-
{ colorName: "green", colorValue: "rgb(0,181,212)" },
|
|
1839
|
-
{ colorName: "lightBlue", colorValue: "rgb(0,183,244)" },
|
|
1840
|
-
{ colorName: "blue", colorValue: "rgb(23,120,255)" },
|
|
1841
|
-
{ colorName: "purple", colorValue: "rgb(82,95,255)" }
|
|
1842
|
-
];
|
|
1843
|
-
var ColorSelector = react.forwardRef(({ onColorChange, onBackGroundChange }, ref) => {
|
|
1844
|
-
const [currentColorItem, setCurrentColorItem] = react.useState(colorList.find((color) => color.colorName === "red"));
|
|
1845
|
-
react.useState(null);
|
|
1846
|
-
const [isSetBack, setIsSetBack] = react.useState(false);
|
|
1847
|
-
const setColorClass = (item) => {
|
|
1848
|
-
const { colorName } = currentColorItem;
|
|
1849
|
-
const classes = [
|
|
1850
|
-
item.colorName === "black" && "black-border",
|
|
1851
|
-
item.colorName === colorName && "current",
|
|
1852
|
-
"color-item"
|
|
1853
|
-
].filter(Boolean).join(" ");
|
|
1854
|
-
return classes;
|
|
1855
|
-
};
|
|
1856
|
-
const handleColorClick = (item) => {
|
|
1857
|
-
setCurrentColorItem(item);
|
|
1858
|
-
onColorChange(item);
|
|
1859
|
-
};
|
|
1860
|
-
const handleChangeBackGround = () => {
|
|
1861
|
-
const setBgStatus = new Promise((resolve, reject) => {
|
|
1862
|
-
setIsSetBack(!isSetBack);
|
|
1863
|
-
resolve();
|
|
1864
|
-
});
|
|
1865
|
-
setBgStatus.then(() => {
|
|
1866
|
-
onBackGroundChange(currentColorItem);
|
|
1867
|
-
});
|
|
1868
|
-
};
|
|
1869
|
-
const getBackState = () => {
|
|
1870
|
-
return isSetBack;
|
|
1871
|
-
};
|
|
1872
|
-
react.useImperativeHandle(ref, () => ({
|
|
1873
|
-
getBackState,
|
|
1874
|
-
setIsSetBack,
|
|
1875
|
-
setCurrentColorItem
|
|
1876
|
-
}));
|
|
1877
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "color-selector", children: [
|
|
1878
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
1879
|
-
"div",
|
|
1880
|
-
{
|
|
1881
|
-
className: "text_bg_change",
|
|
1882
|
-
onClick: () => {
|
|
1883
|
-
handleChangeBackGround();
|
|
1884
|
-
},
|
|
1885
|
-
children: /* @__PURE__ */ jsxRuntime.jsx("img", { alt: "", src: isSetBack ? iconText2 : iconText1, style: { width: "100%", height: "100%" } })
|
|
1886
|
-
}
|
|
1887
|
-
),
|
|
1888
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "text_color_change", children: colorList.map((item) => {
|
|
1889
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1890
|
-
"div",
|
|
1891
|
-
{
|
|
1892
|
-
className: setColorClass(item),
|
|
1893
|
-
style: { backgroundColor: item.colorValue },
|
|
1894
|
-
onClick: () => {
|
|
1895
|
-
handleColorClick(item);
|
|
1896
|
-
}
|
|
1897
|
-
},
|
|
1898
|
-
item.colorName
|
|
1899
|
-
);
|
|
1900
|
-
}) })
|
|
1901
|
-
] });
|
|
1902
|
-
});
|
|
1903
|
-
var ColorSelector_default = ColorSelector;
|
|
1904
|
-
var formatText = (text, maxLengthBase = 40) => {
|
|
1905
|
-
var _a;
|
|
1906
|
-
const newlineRegex = /(\r\n|\r|\n)/g;
|
|
1907
|
-
const matches = ((_a = text.match(newlineRegex)) == null ? void 0 : _a.length) || 0;
|
|
1908
|
-
const maxLength = maxLengthBase + matches;
|
|
1909
|
-
let trimmedText = text.substring(0, maxLength);
|
|
1910
|
-
if (text.length - matches === maxLengthBase) {
|
|
1911
|
-
trimmedText = trimmedText.replace(/(\r\n|\r|\n)+$/g, "");
|
|
1912
|
-
}
|
|
1913
|
-
return trimmedText;
|
|
1914
|
-
};
|
|
1915
|
-
var TextMenu = react.forwardRef(({ createText, textClose, textInfo, showTextButtons }, ref) => {
|
|
1916
|
-
const formRef = react.useRef(null);
|
|
1917
|
-
const headerRef = react.useRef(null);
|
|
1918
|
-
const textareaRef = react.useRef(null);
|
|
1919
|
-
const coverRef = react.useRef(null);
|
|
1920
|
-
const mappingarea = react.useRef(null);
|
|
1921
|
-
const [textContent, setTextContent] = react.useState("");
|
|
1922
|
-
const [bgColor, setBgColor] = react.useState("transparent");
|
|
1923
|
-
const [textColor, setTextColor] = react.useState("rgb(248,82,81)");
|
|
1924
|
-
const [textPos, setTextPos] = react.useState({ left: 0, top: 0, angle: 0, scaleX: 0.75, scaleY: 0.75, zoomX: 0, zoomY: 0 });
|
|
1925
|
-
const [textBasicInfo, setTextBasicInfo] = react.useState({
|
|
1926
|
-
colorName: "red",
|
|
1927
|
-
colorValue: "rgb(248,82,81)",
|
|
1928
|
-
isBack: false,
|
|
1929
|
-
textAlign: "left"
|
|
1930
|
-
});
|
|
1931
|
-
const colorSelectorRef = react.useRef(null);
|
|
1932
|
-
const [textContentOnShow, setTextContentOnShow] = react.useState([]);
|
|
1933
|
-
const [scrollYValue, setScrollYValue] = react.useState(() => {
|
|
1934
|
-
return Number.parseInt(localStorage.getItem("scrollYValue")) || null;
|
|
1935
|
-
});
|
|
1936
|
-
const scrollYValueRef = react.useRef(scrollYValue);
|
|
1937
|
-
react.useEffect(() => {
|
|
1938
|
-
const callback = (status) => {
|
|
1939
|
-
if (scrollYValueRef.current === null) {
|
|
1940
|
-
setTimeout(() => {
|
|
1941
|
-
const newScrollYValue = window.scrollY;
|
|
1942
|
-
setScrollYValue(newScrollYValue);
|
|
1943
|
-
scrollYValueRef.current = newScrollYValue;
|
|
1944
|
-
localStorage.setItem("scrollYValue", newScrollYValue.toString());
|
|
1945
|
-
}, 150);
|
|
1946
|
-
}
|
|
1947
|
-
setTimeout(() => {
|
|
1948
|
-
onKeyBoardAction(
|
|
1949
|
-
status,
|
|
1950
|
-
headerRef.current,
|
|
1951
|
-
textareaRef.current,
|
|
1952
|
-
coverRef.current,
|
|
1953
|
-
mappingarea.current
|
|
1954
|
-
);
|
|
1955
|
-
}, 200);
|
|
1956
|
-
};
|
|
1957
|
-
const removeListeners = watchKeyBoard(callback);
|
|
1958
|
-
return () => {
|
|
1959
|
-
removeListeners();
|
|
1960
|
-
};
|
|
1961
|
-
}, []);
|
|
1962
|
-
react.useEffect(() => {
|
|
1963
|
-
const syncScroll = () => {
|
|
1964
|
-
if (textareaRef.current && mappingarea.current) {
|
|
1965
|
-
const scrollPosition = textareaRef.current.scrollTop;
|
|
1966
|
-
mappingarea.current.scrollTop = scrollPosition;
|
|
1967
|
-
}
|
|
1968
|
-
};
|
|
1969
|
-
if (textareaRef.current) {
|
|
1970
|
-
textareaRef.current.addEventListener("scroll", syncScroll);
|
|
1971
|
-
textareaRef.current.addEventListener("input", syncScroll);
|
|
1972
|
-
}
|
|
1973
|
-
return () => {
|
|
1974
|
-
if (textareaRef.current) {
|
|
1975
|
-
textareaRef.current.removeEventListener("scroll", syncScroll);
|
|
1976
|
-
textareaRef.current.removeEventListener("input", syncScroll);
|
|
1977
|
-
}
|
|
1978
|
-
};
|
|
1979
|
-
}, []);
|
|
1980
|
-
react.useEffect(() => {
|
|
1981
|
-
let lines = [];
|
|
1982
|
-
if (textContent.includes("\r")) {
|
|
1983
|
-
lines = textContent.split("\r");
|
|
1984
|
-
} else {
|
|
1985
|
-
lines = textContent.split("\n");
|
|
1986
|
-
}
|
|
1987
|
-
setTextContentOnShow(lines);
|
|
1988
|
-
}, [textContent]);
|
|
1989
|
-
react.useEffect(() => {
|
|
1990
|
-
if (Object.keys(textInfo).length > 0) {
|
|
1991
|
-
setText(textInfo);
|
|
1992
|
-
} else {
|
|
1993
|
-
resetInfo();
|
|
1994
|
-
}
|
|
1995
|
-
}, [textInfo]);
|
|
1996
|
-
react.useEffect(() => {
|
|
1997
|
-
if (!vmmlUtils.isIOS()) {
|
|
1998
|
-
if (mappingarea.current && textareaRef.current) {
|
|
1999
|
-
textareaRef.current.style.position = "static";
|
|
2000
|
-
mappingarea.current.style.maxHeight = textareaRef.current.style.height = "50vh";
|
|
2001
|
-
mappingarea.current.style.maxWidth = getComputedStyle(textareaRef.current).width;
|
|
2002
|
-
textareaRef.current.focus();
|
|
2003
|
-
}
|
|
2004
|
-
} else {
|
|
2005
|
-
if (textareaRef.current) {
|
|
2006
|
-
textareaRef.current.focus();
|
|
2007
|
-
}
|
|
2008
|
-
}
|
|
2009
|
-
}, []);
|
|
2010
|
-
const handleOnChange = (e) => {
|
|
2011
|
-
const inputValue = e.target.value;
|
|
2012
|
-
setTextContent(formatText(inputValue));
|
|
2013
|
-
};
|
|
2014
|
-
const handleSubmit = (e) => {
|
|
2015
|
-
if (showTextButtons) {
|
|
2016
|
-
e.preventDefault();
|
|
2017
|
-
}
|
|
2018
|
-
if (formRef.current) {
|
|
2019
|
-
const formData = new FormData(formRef.current);
|
|
2020
|
-
const formJson = Object.fromEntries(formData.entries());
|
|
2021
|
-
const { input_content } = formJson;
|
|
2022
|
-
renderText(input_content);
|
|
2023
|
-
}
|
|
2024
|
-
};
|
|
2025
|
-
const handleChangeColor = (item) => {
|
|
2026
|
-
setColor(item);
|
|
2027
|
-
};
|
|
2028
|
-
const onBackGroundChange = (currentColorItem) => {
|
|
2029
|
-
setColor(currentColorItem);
|
|
2030
|
-
};
|
|
2031
|
-
const setColor = (colorItem) => {
|
|
2032
|
-
if (textareaRef.current) {
|
|
2033
|
-
textareaRef.current.focus();
|
|
2034
|
-
}
|
|
2035
|
-
const { current } = colorSelectorRef;
|
|
2036
|
-
const { colorName, colorValue } = colorItem;
|
|
2037
|
-
const isBack = current ? current.getBackState() : false;
|
|
2038
|
-
const textBasic = {
|
|
2039
|
-
colorName,
|
|
2040
|
-
colorValue,
|
|
2041
|
-
isBack,
|
|
2042
|
-
textAlign: textBasicInfo.textAlign
|
|
2043
|
-
};
|
|
2044
|
-
setTextBasicInfo(textBasic);
|
|
2045
|
-
if (!isBack) {
|
|
2046
|
-
setBgColor("transparent");
|
|
2047
|
-
setTextColor(colorValue);
|
|
2048
|
-
} else {
|
|
2049
|
-
setBgColor(colorValue);
|
|
2050
|
-
colorName === "white" || colorValue === "rgba(255, 255, 255, 1)" ? setTextColor("#000") : setTextColor("#fff");
|
|
2051
|
-
}
|
|
2052
|
-
};
|
|
2053
|
-
const setText = (textInfo2) => {
|
|
2054
|
-
const { bgColor: bgColor2, text, textColor: textColor2, left, top, angle, scaleX, scaleY, zoomX, zoomY, textBasicInfo: textBasicInfo2, width, height } = textInfo2;
|
|
2055
|
-
const { isBack, colorName, colorValue } = textBasicInfo2;
|
|
2056
|
-
const fillColor = text === "\u8BF7\u8F93\u5165\u6587\u6848" && textColor2 === "rgba(0, 0, 0, 0)" ? "rgba(255, 255, 255, 1)" : textColor2;
|
|
2057
|
-
setBgColor(bgColor2);
|
|
2058
|
-
setTextColor(fillColor);
|
|
2059
|
-
setTextContent(text);
|
|
2060
|
-
setTextBasicInfo(textBasicInfo2);
|
|
2061
|
-
setTextPos({ left, top, angle, scaleX, scaleY, zoomX, zoomY, width, height });
|
|
2062
|
-
const { current } = colorSelectorRef;
|
|
2063
|
-
if (!current) return;
|
|
2064
|
-
current.setIsSetBack(isBack);
|
|
2065
|
-
current.setCurrentColorItem({ colorName, colorValue });
|
|
2066
|
-
};
|
|
2067
|
-
const resetInfo = () => {
|
|
2068
|
-
setBgColor("transparent");
|
|
2069
|
-
setTextColor("rgb(248,82,81)");
|
|
2070
|
-
setTextContent("");
|
|
2071
|
-
setTextPos({ left: 0, top: 0, angle: 0, scaleX: 0.75, scaleY: 0.75, zoomX: 0, zoomY: 0 });
|
|
2072
|
-
};
|
|
2073
|
-
const close = () => {
|
|
2074
|
-
textClose(textInfo.id);
|
|
2075
|
-
};
|
|
2076
|
-
const renderText = (input_content) => {
|
|
2077
|
-
const { current } = mappingarea;
|
|
2078
|
-
if (current) {
|
|
2079
|
-
const computedStyle = window.getComputedStyle(current);
|
|
2080
|
-
const { width, height } = computedStyle;
|
|
2081
|
-
setTextPos(
|
|
2082
|
-
Object.assign(textPos, { width: Number(width.split("px")[0]), height: Number(height.split("px")[0]) })
|
|
2083
|
-
);
|
|
2084
|
-
}
|
|
2085
|
-
if (input_content && input_content.trim() !== "") {
|
|
2086
|
-
const { id, fontFamily, fontAssetUrl } = textInfo;
|
|
2087
|
-
createText({ textContent: input_content, bgColor, textColor, position: textPos, textBasicInfo, id, fontFamily, fontAssetUrl });
|
|
2088
|
-
} else {
|
|
2089
|
-
textClose(textInfo.id);
|
|
2090
|
-
}
|
|
2091
|
-
};
|
|
2092
|
-
react.useImperativeHandle(ref, () => ({
|
|
2093
|
-
setText,
|
|
2094
|
-
close,
|
|
2095
|
-
handleSubmit
|
|
2096
|
-
}));
|
|
2097
|
-
return /* @__PURE__ */ jsxRuntime.jsx("form", { method: "post", onSubmit: handleSubmit, ref: formRef, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overlay", children: [
|
|
2098
|
-
showTextButtons && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-header", ref: headerRef, children: [
|
|
2099
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { onClick: () => close(), className: "close", children: /* @__PURE__ */ jsxRuntime.jsx("img", { crossOrigin: "anonymous", src: closeIcon, alt: "close" }) }),
|
|
2100
|
-
/* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", className: "next-button", children: "\u5B8C\u6210" })
|
|
2101
|
-
] }),
|
|
2102
|
-
!vmmlUtils.isIOS() && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "edit_container", style: {
|
|
2103
|
-
width: "100%",
|
|
2104
|
-
position: "relative",
|
|
2105
|
-
paddingLeft: "4.4vw",
|
|
2106
|
-
paddingRight: "3.2vw",
|
|
2107
|
-
display: "flex"
|
|
2108
|
-
}, children: [
|
|
2109
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2110
|
-
"textarea",
|
|
2111
|
-
{
|
|
2112
|
-
ref: textareaRef,
|
|
2113
|
-
cols: 20,
|
|
2114
|
-
wrap: "hard",
|
|
2115
|
-
name: "input_content",
|
|
2116
|
-
className: "text-input",
|
|
2117
|
-
value: textContent,
|
|
2118
|
-
onChange: handleOnChange,
|
|
2119
|
-
style: { color: textColor, width: "94%", fontFamily: textInfo.fontFamily }
|
|
2120
|
-
}
|
|
2121
|
-
),
|
|
2122
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2123
|
-
"div",
|
|
2124
|
-
{
|
|
2125
|
-
className: "mappingarea",
|
|
2126
|
-
ref: mappingarea,
|
|
2127
|
-
contentEditable: true,
|
|
2128
|
-
suppressContentEditableWarning: true,
|
|
2129
|
-
style: {
|
|
2130
|
-
background: bgColor,
|
|
2131
|
-
position: "absolute",
|
|
2132
|
-
top: "0",
|
|
2133
|
-
zIndex: "-1",
|
|
2134
|
-
left: "4.4vw"
|
|
2135
|
-
},
|
|
2136
|
-
children: textContentOnShow.map((text, index) => {
|
|
2137
|
-
return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mappingarea_span", style: { maxWidth: "100%" }, children: text ? text : " " }, index);
|
|
2138
|
-
})
|
|
2139
|
-
}
|
|
2140
|
-
)
|
|
2141
|
-
] }),
|
|
2142
|
-
vmmlUtils.isIOS() && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
2143
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2144
|
-
"textarea",
|
|
2145
|
-
{
|
|
2146
|
-
ref: textareaRef,
|
|
2147
|
-
cols: 20,
|
|
2148
|
-
wrap: "hard",
|
|
2149
|
-
name: "input_content",
|
|
2150
|
-
className: "text-input",
|
|
2151
|
-
value: textContent,
|
|
2152
|
-
onChange: handleOnChange,
|
|
2153
|
-
style: { color: textColor, fontFamily: textInfo.fontFamily }
|
|
2154
|
-
}
|
|
2155
|
-
),
|
|
2156
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2157
|
-
"div",
|
|
2158
|
-
{
|
|
2159
|
-
className: "mappingarea",
|
|
2160
|
-
ref: mappingarea,
|
|
2161
|
-
contentEditable: true,
|
|
2162
|
-
suppressContentEditableWarning: true,
|
|
2163
|
-
style: { background: bgColor },
|
|
2164
|
-
children: textContentOnShow.map((text, index) => {
|
|
2165
|
-
return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mappingarea_span", children: text ? text : " " }, index);
|
|
2166
|
-
})
|
|
2167
|
-
}
|
|
2168
|
-
)
|
|
2169
|
-
] }),
|
|
2170
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { ref: coverRef, className: "cover", children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2171
|
-
ColorSelector_default,
|
|
2172
|
-
{
|
|
2173
|
-
ref: colorSelectorRef,
|
|
2174
|
-
onColorChange: handleChangeColor,
|
|
2175
|
-
onBackGroundChange
|
|
2176
|
-
}
|
|
2177
|
-
) })
|
|
2178
|
-
] }) });
|
|
2179
|
-
});
|
|
2180
|
-
var TextMenu_default = TextMenu;
|
|
2181
|
-
var VideoMenu = ({ createImage, videoMenus, menuState }) => {
|
|
2182
|
-
const [active, setActive] = react.useState();
|
|
2183
|
-
const [menus, setMenus] = react.useState([]);
|
|
2184
|
-
const [items, setItems] = react.useState([]);
|
|
2185
|
-
const onClickClass = ({ id, emojiList }) => {
|
|
2186
|
-
setActive(id);
|
|
2187
|
-
setItems(emojiList);
|
|
2188
|
-
};
|
|
2189
|
-
const onClickItem = ({ emojiId, fileUrl }) => {
|
|
2190
|
-
if (menuState === "video") {
|
|
2191
|
-
createImage(fileUrl, emojiId);
|
|
2192
|
-
}
|
|
2193
|
-
};
|
|
2194
|
-
react.useEffect(() => {
|
|
2195
|
-
setMenus(videoMenus);
|
|
2196
|
-
if (videoMenus.length) {
|
|
2197
|
-
onClickClass(videoMenus[0]);
|
|
2198
|
-
}
|
|
2199
|
-
}, [videoMenus]);
|
|
2200
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `editor-video-menu ${menuState === "video" ? "active" : ""}`, children: [
|
|
2201
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "editor-video-menu-header", children: menus.map((item) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: active === item.id ? "active" : "", onClick: () => onClickClass(item), children: item.classifyType }, item.id)) }),
|
|
2202
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "editor-video-menu-itmes", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx("div", { onClick: () => onClickItem(item), children: /* @__PURE__ */ jsxRuntime.jsx("img", { loading: "lazy", src: item.fileUrl.thumbnailUrl, alt: "\u7D20\u6750" }) }, item.emojiId)) })
|
|
2203
|
-
] });
|
|
2204
|
-
};
|
|
2205
|
-
var VideoMenu_default = VideoMenu;
|
|
2206
1529
|
var historyClass = new HistoryClass();
|
|
2207
1530
|
var EditorFn = ({
|
|
2208
1531
|
vmml,
|
|
@@ -2254,7 +1577,7 @@ var EditorFn = ({
|
|
|
2254
1577
|
current.setVmml(vmml, frame);
|
|
2255
1578
|
}
|
|
2256
1579
|
};
|
|
2257
|
-
const
|
|
1580
|
+
const onPlayerReady = () => {
|
|
2258
1581
|
const { current } = vmmlPlayerRef;
|
|
2259
1582
|
vmmlFlag.current = false;
|
|
2260
1583
|
if (current && current.playerRef) {
|
|
@@ -2304,39 +1627,6 @@ var EditorFn = ({
|
|
|
2304
1627
|
setPreviewState(true);
|
|
2305
1628
|
}
|
|
2306
1629
|
};
|
|
2307
|
-
const onClickMenu = (type) => {
|
|
2308
|
-
if (type === "text" && checkTextNum()) return;
|
|
2309
|
-
if (type === "video" && checkVideoNum()) return;
|
|
2310
|
-
if (previewState) {
|
|
2311
|
-
intoEdit();
|
|
2312
|
-
}
|
|
2313
|
-
setTextInfo({});
|
|
2314
|
-
setMenuState(type);
|
|
2315
|
-
};
|
|
2316
|
-
const checkTextNum = () => {
|
|
2317
|
-
const { current } = canvasRef;
|
|
2318
|
-
if (current) {
|
|
2319
|
-
const textNums = current.getfObjectNums("\u6587\u5B57");
|
|
2320
|
-
if (textNums >= maxText) {
|
|
2321
|
-
setTips(`\u6700\u591A\u6DFB\u52A0${maxText}\u4E2A\u6587\u5B57`);
|
|
2322
|
-
setIsShowMaxTextLayer(true);
|
|
2323
|
-
return true;
|
|
2324
|
-
}
|
|
2325
|
-
}
|
|
2326
|
-
return false;
|
|
2327
|
-
};
|
|
2328
|
-
const checkVideoNum = () => {
|
|
2329
|
-
const { current } = canvasRef;
|
|
2330
|
-
if (current) {
|
|
2331
|
-
const videoNum = current.getfObjectNums("\u8868\u60C5\u5305");
|
|
2332
|
-
if (videoNum >= maxVideo) {
|
|
2333
|
-
setTips(`\u6700\u591A\u6DFB\u52A0${maxVideo}\u4E2A\u8868\u60C5\u5305`);
|
|
2334
|
-
setIsShowMaxTextLayer(true);
|
|
2335
|
-
return true;
|
|
2336
|
-
}
|
|
2337
|
-
}
|
|
2338
|
-
return false;
|
|
2339
|
-
};
|
|
2340
1630
|
const getfcObject = () => {
|
|
2341
1631
|
const { current } = canvasRef;
|
|
2342
1632
|
if (current) {
|
|
@@ -2368,23 +1658,6 @@ var EditorFn = ({
|
|
|
2368
1658
|
current.updateImage(id, base64);
|
|
2369
1659
|
}
|
|
2370
1660
|
};
|
|
2371
|
-
const createImage = async (file, emojiId) => {
|
|
2372
|
-
const { current } = canvasRef;
|
|
2373
|
-
if (current && !checkVideoNum()) {
|
|
2374
|
-
const fObj = await current.createImage(file, emojiId);
|
|
2375
|
-
vmmlConverterRef.current.addVideoClip(fObj);
|
|
2376
|
-
setMenuState("");
|
|
2377
|
-
setPreviewState(true);
|
|
2378
|
-
}
|
|
2379
|
-
};
|
|
2380
|
-
const createText = async (data) => {
|
|
2381
|
-
const { current } = canvasRef;
|
|
2382
|
-
if (current) {
|
|
2383
|
-
const server = data.id ? "updateText" : "createText";
|
|
2384
|
-
await current[server](data);
|
|
2385
|
-
setMenuState("");
|
|
2386
|
-
}
|
|
2387
|
-
};
|
|
2388
1661
|
const onVideoChange = (clipData) => {
|
|
2389
1662
|
const index = videoList.current.findIndex((item) => item.id === clipData.id);
|
|
2390
1663
|
if (index > -1) {
|
|
@@ -2398,11 +1671,6 @@ var EditorFn = ({
|
|
|
2398
1671
|
const { current } = canvasRef;
|
|
2399
1672
|
return current.getActions().length;
|
|
2400
1673
|
};
|
|
2401
|
-
const textClose = (id) => {
|
|
2402
|
-
const { current } = canvasRef;
|
|
2403
|
-
id && current.changeObjectVisible(id);
|
|
2404
|
-
setMenuState("");
|
|
2405
|
-
};
|
|
2406
1674
|
const intoTextEdit = (textInfo2) => {
|
|
2407
1675
|
setMenuState("text");
|
|
2408
1676
|
setTextInfo(textInfo2);
|
|
@@ -2566,7 +1834,7 @@ var EditorFn = ({
|
|
|
2566
1834
|
textMenuRef.current.handleSubmit();
|
|
2567
1835
|
}
|
|
2568
1836
|
};
|
|
2569
|
-
|
|
1837
|
+
react.useMemo(() => {
|
|
2570
1838
|
if (loading) {
|
|
2571
1839
|
return {
|
|
2572
1840
|
opacity: 0.4,
|
|
@@ -2587,10 +1855,9 @@ var EditorFn = ({
|
|
|
2587
1855
|
vmml,
|
|
2588
1856
|
existenceBorderRadio: true,
|
|
2589
1857
|
moveToBeginningWhenEnded: true,
|
|
2590
|
-
isEditorState: true,
|
|
2591
1858
|
muted: true,
|
|
2592
1859
|
fps,
|
|
2593
|
-
|
|
1860
|
+
onPlayerReady,
|
|
2594
1861
|
editableArray,
|
|
2595
1862
|
premountFor: 40,
|
|
2596
1863
|
pauseWhenBuffering,
|
|
@@ -2630,37 +1897,7 @@ var EditorFn = ({
|
|
|
2630
1897
|
) }),
|
|
2631
1898
|
/* @__PURE__ */ jsxRuntime.jsx(Loading_default, { show: loading })
|
|
2632
1899
|
] }) }),
|
|
2633
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "padding-box" })
|
|
2634
|
-
/* @__PURE__ */ jsxRuntime.jsxs("section", { style: menuStyles, className: `footer ${menuState === "text" ? "text-style" : ""}`, children: [
|
|
2635
|
-
maxText > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2636
|
-
"div",
|
|
2637
|
-
{
|
|
2638
|
-
onClick: () => onClickMenu("text"),
|
|
2639
|
-
"data-aspm-click": "c375146.d480849",
|
|
2640
|
-
"data-aspm-expo": true,
|
|
2641
|
-
"data-aspm-param": `Template_Id=${templateId}^Strategy_Id=${strategyId}`,
|
|
2642
|
-
children: [
|
|
2643
|
-
/* @__PURE__ */ jsxRuntime.jsx("img", { src: wordIcon, alt: "word" }),
|
|
2644
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { children: "\u6587\u5B57" })
|
|
2645
|
-
]
|
|
2646
|
-
}
|
|
2647
|
-
),
|
|
2648
|
-
maxVideo > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
|
|
2649
|
-
"div",
|
|
2650
|
-
{
|
|
2651
|
-
onClick: () => onClickMenu("video"),
|
|
2652
|
-
"data-aspm-click": "c375146.d480850",
|
|
2653
|
-
"data-aspm-expo": true,
|
|
2654
|
-
"data-aspm-param": `Template_Id=${templateId}^Strategy_Id=${strategyId}`,
|
|
2655
|
-
children: [
|
|
2656
|
-
/* @__PURE__ */ jsxRuntime.jsx("img", { src: emotionIcon, alt: "emotion" }),
|
|
2657
|
-
/* @__PURE__ */ jsxRuntime.jsx("p", { children: "\u8868\u60C5\u5305" })
|
|
2658
|
-
]
|
|
2659
|
-
}
|
|
2660
|
-
)
|
|
2661
|
-
] }),
|
|
2662
|
-
maxVideo > 0 && /* @__PURE__ */ jsxRuntime.jsx(VideoMenu_default, { menuState, createImage, videoMenus }),
|
|
2663
|
-
menuState === "text" && /* @__PURE__ */ jsxRuntime.jsx(TextMenu_default, { ref: textMenuRef, createText, textClose, textInfo, showTextButtons })
|
|
1900
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "padding-box" })
|
|
2664
1901
|
] }),
|
|
2665
1902
|
/* @__PURE__ */ jsxRuntime.jsx(MaxTextLayer_default, { textLayerHide: () => setIsShowMaxTextLayer(false), show: isShowMaxTextLayer, text: tips })
|
|
2666
1903
|
] });
|