hflveditor3 0.2.3 → 0.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/hflveditor3.es.js +5 -5
  2. package/dist/hflveditor3.umd.js +3 -3
  3. package/package.json +2 -2
package/dist/hflveditor3.umd.js CHANGED
@@ -4,7 +4,7 @@
4
4
  * Licensed under the MIT license - http://opensource.org/licenses/MIT
5
5
  *
6
6
  * Copyright (c) 2019 Daniel Eden
7
- */@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.rubberBand{-webkit-animation-name:rubberband;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translate(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translate(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translate(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translate(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translate(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translate(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translate(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translate(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translate(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translate(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translate(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headshake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skew(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skew(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skew(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skew(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skew(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skew(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skew(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skew(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartbeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bouncein;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceindown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceinleft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceinright;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceinup;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceout;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceoutdown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceoutleft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceoutright;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceoutup;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadein;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeindown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeindownbig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeinleft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeinleftbig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeinright;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeinrightbig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeinup;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeinupbig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeout;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeoutdown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeoutdownbig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeoutleft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeoutleftbig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeoutright;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeoutrightbig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeoutup;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeoutupbig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipinx;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipiny;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipoutx;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipouty;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skew(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skew(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skew(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skew(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skew(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skew(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightspeedin;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skew(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skew(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightspeedout;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotatein;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateindownleft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateindownright;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateinupleft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateinupright;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateout;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateoutdownleft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateoutdownright;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateoutupleft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateoutupright;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackinthebox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollin;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollout;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomin;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomindown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoominleft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoominright;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoominup;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomout;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomoutdown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomoutleft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomoutright;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomoutup;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideindown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideinleft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideinright;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideinup;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideoutdown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideoutleft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideoutright;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideoutup;animation-name:slideOutUp}.animated{-webkit-animation-duration:var(--time, 1s);animation-duration:var(--time, 1s);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging .splitpanes__pane,*:has(.splitpanes--dragging){-webkit-user-select:none;user-select:none;pointer-events:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out;will-change:width}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out;will-change:height}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.default-theme.splitpanes .splitpanes__pane{background-color:#f2f2f2}.default-theme.splitpanes .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.default-theme.splitpanes .splitpanes__splitter:before,.default-theme.splitpanes .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.default-theme.splitpanes .splitpanes__splitter:hover:before,.default-theme.splitpanes .splitpanes__splitter:hover:after{background-color:#00000040}.default-theme.splitpanes .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}.elCollapse[data-v-5dbe0f64] .el-collapse-item__header{padding-left:10px}.component-list[data-v-5dbe0f64]{padding:5px;display:grid;grid-gap:5px 5px;grid-template-columns:repeat(auto-fill,90px);grid-template-rows:repeat(auto-fill,90px);transition-property:opacity;transition-duration:.5s;transition-delay:.5s;transition-timing-function:ease;max-height:500px;overflow-y:auto;overflow-x:hidden}.component-list>.list[data-v-5dbe0f64]{width:90px;height:90px;border:1px solid #ddd;cursor:grab;text-align:center;padding:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.component-list>.list>.active[data-v-5dbe0f64]{cursor:grabbing}.component-list>.list>.iconfont[data-v-5dbe0f64]{margin-right:2px;font-size:20px}.component-list>.list>.comp-name[data-v-5dbe0f64]{margin-top:5px;font-size:12px}.real-time-component-list[data-v-abecf561]{height:100%}.real-time-component-list .list[data-v-abecf561]{height:40px;cursor:grab;text-align:center;color:#333;display:flex;align-items:center;padding:0 10px;position:relative;user-select:none;opacity:1;font-size:16px}.real-time-component-list .list .comp-icon[data-v-abecf561]{width:40px;height:100%;padding:2px}.real-time-component-list .list[data-v-abecf561]:active{cursor:grabbing}.real-time-component-list .list[data-v-abecf561]:hover{background-color:#c8c8c833}.real-time-component-list .list:hover .icon-container[data-v-abecf561]{display:block}.real-time-component-list .list .iconfont[data-v-abecf561]{margin-right:4px;font-size:24px}.real-time-component-list .list .icon-container[data-v-abecf561]{position:absolute;right:10px;display:none}.real-time-component-list .list .icon-container .iconfont[data-v-abecf561]{cursor:pointer}.real-time-component-list .actived[data-v-abecf561]{background:#ecf5ff;color:#409eff}.tabs[data-v-f00af19f]{height:100%}.tabs[data-v-f00af19f] .el-tabs__content{padding:2px 0 0!important}.custom-omit-input[data-v-57f6e2f9]{width:100%}.custom-omit-input[data-v-57f6e2f9] .el-input-group__append{padding:0}.cfg-request[data-v-e3032216]{width:100%;height:590px;overflow-y:auto;overflow-x:hidden}.item-label[data-v-e3032216]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-e3032216]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-e3032216]{margin-bottom:10px}.cfg-container[data-v-03216980]{width:100%;height:100%}.item-label[data-v-03216980]{display:flex;justify-content:flex-end;padding-right:5px}.cfg-container[data-v-7a388fc5]{width:100%;height:100%}.item-label[data-v-7a388fc5]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-7a388fc5]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-7a388fc5]{margin-bottom:10px}.cfg-request[data-v-596f6eca]{width:100%;height:100%}.item-label[data-v-596f6eca]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-596f6eca]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-596f6eca]{margin-bottom:10px}.cfg-request[data-v-ef6f8d3f]{width:100%;height:100%}.item-label[data-v-ef6f8d3f]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-ef6f8d3f]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-ef6f8d3f]{margin-bottom:10px}.cfg-request[data-v-420c3ae8],.cfg-request[data-v-99ed424c]{width:100%;height:100%}.item-label[data-v-99ed424c]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-99ed424c]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-99ed424c]{margin-bottom:10px}.cfg-request[data-v-09ab64b1]{width:100%;height:100%}.item-label[data-v-09ab64b1]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-09ab64b1]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-09ab64b1]{margin-bottom:10px}.cfg-request[data-v-c1ad3453]{width:100%;height:100%}.item-label[data-v-c1ad3453]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-c1ad3453]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-c1ad3453]{margin-bottom:10px}.cfg-action-end[data-v-0f9e47ce]{width:100%;height:100%}.item-label[data-v-0f9e47ce]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-0f9e47ce]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-0f9e47ce]{margin-bottom:10px}.cfg-message-box[data-v-3170afcf]{width:100%;height:100%}.item-label[data-v-3170afcf]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-3170afcf]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-3170afcf]{margin-bottom:10px}.cfg-message-box[data-v-0ce20508]{width:100%;height:100%}.item-label[data-v-0ce20508]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-0ce20508]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-0ce20508]{margin-bottom:10px}.cfg-request[data-v-388967c2]{width:100%;height:100%}.item-label[data-v-388967c2]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-388967c2]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-388967c2]{margin-bottom:10px}.container-pane[data-v-c30af151]{width:100%;height:950px;padding:5px}.item-label[data-v-c30af151]{display:flex;justify-content:flex-end;padding-right:5px}.flex-pane[data-v-c30af151]{width:100%;height:400px;display:flex}.fixed-pane[data-v-c30af151]{width:350px;flex-shrink:0;padding:2px 5px}.flexible-pane[data-v-c30af151]{flex-grow:1;padding:2px 5px}.el-row[data-v-c30af151]{margin-bottom:5px}.comp-event[data-v-848ab548]{width:100%;height:100%;padding:10px 2px}.tool-list[data-v-848ab548]{width:90%;height:40px;padding-left:10px}.tree-pane[data-v-848ab548]{width:100%;height:calc(100% - 30px)}.custom-tree-node[data-v-848ab548]{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:14px;padding-right:8px}.animation-list[data-v-b1e64e02]{width:100%;height:100%;padding:10px 2px}.item-label-start[data-v-b1e64e02]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-b1e64e02]{margin-bottom:10px}.tabs[data-v-9454352f]{height:100%}.tabs[data-v-9454352f] .el-tabs__content{padding:2px 0 0!important}.elCollapse[data-v-12c217c0] .el-collapse-item__header{padding-left:10px}.elCollapse .el-form-item[data-v-12c217c0]{margin-bottom:4px;margin-right:4px}.common-item[data-v-12c217c0]{width:200px}.tool-bar[data-v-7aeb4379]{width:100%;height:35px;padding:2px 10px;background:#f5f5f5;border-bottom:1px solid #e0e0e0}.tool-list[data-v-7aeb4379]{width:100%;height:100%}.icon-list[data-v-7aeb4379]{display:flex;height:100%;margin:0;padding:0;list-style:none;align-items:center;gap:5px}.tool-item[data-v-7aeb4379]{display:flex;height:100%;align-items:center;cursor:pointer}li.disabled[data-v-7aeb4379]{opacity:.5;cursor:not-allowed}.el-dropdown-link[data-v-7aeb4379]{cursor:pointer;display:flex;align-items:center}.tool-content[data-v-7aeb4379]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:5px;width:40px}.tool-item:hover .tool-icon[data-v-7aeb4379],.tool-item:hover .tool-text[data-v-7aeb4379]{color:#1890ff}.tool-bar[data-v-7aeb4379]::-webkit-scrollbar{height:4px}.tool-bar[data-v-7aeb4379]::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.vue-rule-container[data-v-75e5d96d]{width:100%;height:100%;overflow:auto}.vue-ruler-wrapper[data-v-75e5d96d]{left:0;top:0;z-index:999;overflow:hidden;user-select:none;position:relative}.vue-ruler-h[data-v-75e5d96d],.vue-ruler-v[data-v-75e5d96d],.vue-ruler-ref-line-v[data-v-75e5d96d],.vue-ruler-ref-line-h[data-v-75e5d96d],.vue-ruler-ref-dot-h[data-v-75e5d96d],.vue-ruler-ref-dot-v[data-v-75e5d96d]{position:absolute;left:0;top:0;overflow:hidden;z-index:999}.vue-ruler-h[data-v-75e5d96d]{width:100%;height:18px;left:18px;opacity:.6;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAASCAMAAAAuTX21AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFMzMzAAAA////BqjYlAAAACNJREFUeNpiYCAdMDKRCka1jGoBA2JZZGshiaCXFpIBQIABAAplBkCmQpujAAAAAElFTkSuQmCC) repeat-x}.vue-ruler-v[data-v-75e5d96d]{width:18px;height:100%;top:18px;opacity:.6;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAyCAMAAABmvHtTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFMzMzAAAA////BqjYlAAAACBJREFUeNpiYGBEBwwMTGiAakI0NX7U9aOuHyGuBwgwAH6bBkAR6jkzAAAAAElFTkSuQmCC) repeat-y}.vue-ruler-v .n[data-v-75e5d96d],.vue-ruler-h .n[data-v-75e5d96d]{position:absolute;font:10px/1 Arial,sans-serif;color:#333;cursor:default}.vue-ruler-v .n[data-v-75e5d96d]{width:8px;left:3px;word-wrap:break-word}.vue-ruler-h .n[data-v-75e5d96d]{top:1px}.vue-ruler-ref-line-v[data-v-75e5d96d],.vue-ruler-ref-line-h[data-v-75e5d96d],.vue-ruler-ref-dot-h[data-v-75e5d96d],.vue-ruler-ref-dot-v[data-v-75e5d96d]{z-index:998}.vue-ruler-ref-line-h[data-v-75e5d96d]{width:100%;height:1px;background-color:#000;cursor:n-resize}.vue-ruler-ref-line-v[data-v-75e5d96d]{width:1px;height:100%;background-color:#000;cursor:w-resize}.vue-ruler-ref-dot-h[data-v-75e5d96d]{width:100%;height:3px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFf39/////F3PnHQAAAAJ0Uk5T/wDltzBKAAAAEElEQVR42mJgYGRgZAQIMAAADQAExkizYQAAAABJRU5ErkJggg==) repeat-x left 1px;cursor:n-resize;top:-10px}.vue-ruler-ref-dot-v[data-v-75e5d96d]{width:3px;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFf39/////F3PnHQAAAAJ0Uk5T/wDltzBKAAAAEElEQVR42mJgYGRgZAQIMAAADQAExkizYQAAAABJRU5ErkJggg==) repeat-y 1px top;cursor:w-resize;left:-10px}.vue-ruler-content[data-v-75e5d96d]{position:absolute;z-index:997}.vue-ruler-content[data-v-75e5d96d]::-webkit-scrollbar{width:8px;height:8px}.vue-ruler-content[data-v-75e5d96d]::-webkit-scrollbar-track{background:#f1f1f1}.vue-ruler-content[data-v-75e5d96d]::-webkit-scrollbar-thumb{border-radius:10px;background:#535353;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)}.vue-ruler-content[data-v-75e5d96d]::-webkit-scrollbar-thumb:hover{background:#ededed;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px}.vue-ruler-content-mask[data-v-75e5d96d]{position:absolute;width:100%;height:100%;background:transparent;z-index:998}.grid[data-v-e0b9a335]{position:absolute;top:0;left:0}.shape[data-v-41c1336b]{position:absolute}.shape[data-v-41c1336b]:hover{cursor:move}.active[data-v-41c1336b]{outline:1px solid #70c0ff;user-select:none}.shape-point[data-v-41c1336b]{position:absolute;background:#fff;border:1px solid #59c7f9;width:8px;height:8px;border-radius:50%;z-index:1}.iconfont-xuanzhuan[data-v-41c1336b]{position:absolute;top:-34px;left:50%;transform:translate(-50%);cursor:grab;color:#59c7f9;font-size:20px;font-weight:600}.iconfont-xuanzhuan[data-v-41c1336b]:active{cursor:grabbing}.icon-suo[data-v-41c1336b]{position:absolute;top:0;right:0}.mark-line[data-v-1292994b]{height:100%}.line[data-v-1292994b]{background:#59c7f9;position:absolute;z-index:1000}.xline[data-v-1292994b]{width:100%;height:1px}.yline[data-v-1292994b]{width:1px;height:100%}.area[data-v-32734a61]{border:1px solid #70c0ff;position:absolute}.contextmenu[data-v-9c9691e4]{position:absolute;z-index:1000}.contextmenu ul[data-v-9c9691e4]{border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px #0000001a;box-sizing:border-box;margin:5px 0;padding:6px 0}.contextmenu ul li[data-v-9c9691e4]{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.contextmenu ul li[data-v-9c9691e4]:hover{background-color:#f5f7fa}.area[data-v-20f916ac]{border:1px solid #70c0ff;position:absolute}.editor[data-v-26a3b83a]{position:relative;background:#fff;margin:auto}.editor .lock[data-v-26a3b83a]{opacity:.5}.editor .lock[data-v-26a3b83a]:hover{cursor:not-allowed}.editor .component[data-v-26a3b83a]{outline:none;width:100%;height:100%}.splitpanes[data-v-6a7c1f0a]{display:flex;flex-direction:column;height:100%;width:100%;min-height:0;overflow:hidden}.fixed-pane[data-v-6a7c1f0a]{padding-top:0;height:35px;flex-shrink:0;min-height:35px}.flexible-pane[data-v-6a7c1f0a]{flex:1;min-height:500px;overflow:hidden;padding:5px}.content[data-v-6a7c1f0a]{width:100%;height:100%;overflow:hidden;padding:0}.content[data-v-6a7c1f0a]::-webkit-scrollbar{width:8px;height:8px}.content[data-v-6a7c1f0a]::-webkit-scrollbar-track{background:#f1f1f1}.content[data-v-6a7c1f0a]::-webkit-scrollbar-thumb{border-radius:10px;background:#535353;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)}.content[data-v-6a7c1f0a]::-webkit-scrollbar-thumb:hover{background:#ededed;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px}.elCollapse[data-v-53dbb572] .el-collapse-item__header{padding-left:10px}.elCollapse .el-form-item[data-v-53dbb572]{margin-bottom:4px;margin-right:4px}.common-item[data-v-53dbb572]{width:200px}.el-row[data-v-53dbb572]{margin-bottom:10px}.tabs[data-v-65dbe67d]{height:100%}.tabs[data-v-65dbe67d] .el-tabs__content{padding:0!important}.tabs[data-v-65dbe67d] .el-tab-pane{height:100%;overflow:auto}.center[data-v-65dbe67d]{width:100%;height:calc(100% - 40px);overflow:auto;padding:0;transition:all .3s}.ve-svg-icon,.comp-svg-icon[data-v-c17f5289]{width:100%;height:100%;position:relative;fill:currentColor;vertical-align:-2px}.v-common-attr .el-input-group__prepend[data-v-83204aa1]{padding:0 10px}.v-common-attr .el-form-item[data-v-83204aa1]{margin-bottom:4px;margin-right:4px}.elCollapse[data-v-83204aa1] .el-collapse-item__header{padding-left:10px}.v-common-attr .common-item[data-v-83204aa1]{width:180px}`)),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
7
+ */@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.rubberBand{-webkit-animation-name:rubberband;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translate(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translate(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translate(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translate(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translate(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translate(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translate(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translate(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translate(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translate(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translate(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headshake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skew(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skew(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skew(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skew(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skew(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skew(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skew(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skew(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skew(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skew(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skew(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartbeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bouncein;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceindown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceinleft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceinright;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceinup;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceout;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceoutdown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceoutleft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceoutright;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceoutup;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadein;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeindown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeindownbig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeinleft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeinleftbig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeinright;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeinrightbig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeinup;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeinupbig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeout;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeoutdown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeoutdownbig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeoutleft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeoutleftbig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeoutright;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeoutrightbig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeoutup;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeoutupbig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scaleZ(1) translateZ(0) rotateY(0);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipinx;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipiny;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipoutx;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipouty;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skew(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skew(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skew(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skew(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skew(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skew(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightspeedin;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skew(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skew(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightspeedout;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotatein;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateindownleft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateindownright;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateinupleft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateinupright;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateout;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateoutdownleft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateoutdownright;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateoutupleft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateoutupright;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackinthebox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollin;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollout;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomin;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomindown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoominleft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoominright;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoominup;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomout;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomoutdown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomoutleft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomoutright;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomoutup;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideindown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideinleft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideinright;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideinup;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideoutdown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideoutleft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideoutright;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideoutup;animation-name:slideOutUp}.animated{-webkit-animation-duration:var(--time, 1s);animation-duration:var(--time, 1s);-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}.splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging .splitpanes__pane,*:has(.splitpanes--dragging){-webkit-user-select:none;user-select:none;pointer-events:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out;will-change:width}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out;will-change:height}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.default-theme.splitpanes .splitpanes__pane{background-color:#f2f2f2}.default-theme.splitpanes .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.default-theme.splitpanes .splitpanes__splitter:before,.default-theme.splitpanes .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.default-theme.splitpanes .splitpanes__splitter:hover:before,.default-theme.splitpanes .splitpanes__splitter:hover:after{background-color:#00000040}.default-theme.splitpanes .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}.elCollapse[data-v-5dbe0f64] .el-collapse-item__header{padding-left:10px}.component-list[data-v-5dbe0f64]{padding:5px;display:grid;grid-gap:5px 5px;grid-template-columns:repeat(auto-fill,90px);grid-template-rows:repeat(auto-fill,90px);transition-property:opacity;transition-duration:.5s;transition-delay:.5s;transition-timing-function:ease;max-height:500px;overflow-y:auto;overflow-x:hidden}.component-list>.list[data-v-5dbe0f64]{width:90px;height:90px;border:1px solid #ddd;cursor:grab;text-align:center;padding:5px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.component-list>.list>.active[data-v-5dbe0f64]{cursor:grabbing}.component-list>.list>.iconfont[data-v-5dbe0f64]{margin-right:2px;font-size:20px}.component-list>.list>.comp-name[data-v-5dbe0f64]{margin-top:5px;font-size:12px}.real-time-component-list[data-v-abecf561]{height:100%}.real-time-component-list .list[data-v-abecf561]{height:40px;cursor:grab;text-align:center;color:#333;display:flex;align-items:center;padding:0 10px;position:relative;user-select:none;opacity:1;font-size:16px}.real-time-component-list .list .comp-icon[data-v-abecf561]{width:40px;height:100%;padding:2px}.real-time-component-list .list[data-v-abecf561]:active{cursor:grabbing}.real-time-component-list .list[data-v-abecf561]:hover{background-color:#c8c8c833}.real-time-component-list .list:hover .icon-container[data-v-abecf561]{display:block}.real-time-component-list .list .iconfont[data-v-abecf561]{margin-right:4px;font-size:24px}.real-time-component-list .list .icon-container[data-v-abecf561]{position:absolute;right:10px;display:none}.real-time-component-list .list .icon-container .iconfont[data-v-abecf561]{cursor:pointer}.real-time-component-list .actived[data-v-abecf561]{background:#ecf5ff;color:#409eff}.tabs[data-v-f00af19f]{height:100%}.tabs[data-v-f00af19f] .el-tabs__content{padding:2px 0 0!important}.custom-omit-input[data-v-57f6e2f9]{width:100%}.custom-omit-input[data-v-57f6e2f9] .el-input-group__append{padding:0}.cfg-request[data-v-e3032216]{width:100%;height:590px;overflow-y:auto;overflow-x:hidden}.item-label[data-v-e3032216]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-e3032216]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-e3032216]{margin-bottom:10px}.cfg-container[data-v-03216980]{width:100%;height:100%}.item-label[data-v-03216980]{display:flex;justify-content:flex-end;padding-right:5px}.cfg-container[data-v-7a388fc5]{width:100%;height:100%}.item-label[data-v-7a388fc5]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-7a388fc5]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-7a388fc5]{margin-bottom:10px}.cfg-request[data-v-596f6eca]{width:100%;height:100%}.item-label[data-v-596f6eca]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-596f6eca]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-596f6eca]{margin-bottom:10px}.cfg-request[data-v-ef6f8d3f]{width:100%;height:100%}.item-label[data-v-ef6f8d3f]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-ef6f8d3f]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-ef6f8d3f]{margin-bottom:10px}.cfg-request[data-v-420c3ae8],.cfg-request[data-v-99ed424c]{width:100%;height:100%}.item-label[data-v-99ed424c]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-99ed424c]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-99ed424c]{margin-bottom:10px}.cfg-request[data-v-09ab64b1]{width:100%;height:100%}.item-label[data-v-09ab64b1]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-09ab64b1]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-09ab64b1]{margin-bottom:10px}.cfg-request[data-v-c1ad3453]{width:100%;height:100%}.item-label[data-v-c1ad3453]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-c1ad3453]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-c1ad3453]{margin-bottom:10px}.cfg-action-end[data-v-0f9e47ce]{width:100%;height:100%}.item-label[data-v-0f9e47ce]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-0f9e47ce]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-0f9e47ce]{margin-bottom:10px}.cfg-message-box[data-v-3170afcf]{width:100%;height:100%}.item-label[data-v-3170afcf]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-3170afcf]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-3170afcf]{margin-bottom:10px}.cfg-message-box[data-v-0ce20508]{width:100%;height:100%}.item-label[data-v-0ce20508]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-0ce20508]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-0ce20508]{margin-bottom:10px}.cfg-request[data-v-388967c2]{width:100%;height:100%}.item-label[data-v-388967c2]{display:flex;justify-content:flex-end;padding-right:5px}.item-label-start[data-v-388967c2]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-388967c2]{margin-bottom:10px}.container-pane[data-v-c30af151]{width:100%;height:950px;padding:5px}.item-label[data-v-c30af151]{display:flex;justify-content:flex-end;padding-right:5px}.flex-pane[data-v-c30af151]{width:100%;height:400px;display:flex}.fixed-pane[data-v-c30af151]{width:350px;flex-shrink:0;padding:2px 5px}.flexible-pane[data-v-c30af151]{flex-grow:1;padding:2px 5px}.el-row[data-v-c30af151]{margin-bottom:5px}.comp-event[data-v-848ab548]{width:100%;height:100%;padding:10px 2px}.tool-list[data-v-848ab548]{width:90%;height:40px;padding-left:10px}.tree-pane[data-v-848ab548]{width:100%;height:calc(100% - 30px)}.custom-tree-node[data-v-848ab548]{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:14px;padding-right:8px}.animation-list[data-v-b1e64e02]{width:100%;height:100%;padding:10px 2px}.item-label-start[data-v-b1e64e02]{display:flex;justify-content:flex-start;padding-right:5px}.el-row[data-v-b1e64e02]{margin-bottom:10px}.tabs[data-v-9454352f]{height:100%}.tabs[data-v-9454352f] .el-tabs__content{padding:2px 0 0!important}.elCollapse[data-v-12c217c0] .el-collapse-item__header{padding-left:10px}.elCollapse .el-form-item[data-v-12c217c0]{margin-bottom:4px;margin-right:4px}.common-item[data-v-12c217c0]{width:200px}.tool-bar[data-v-7aeb4379]{width:100%;height:35px;padding:2px 10px;background:#f5f5f5;border-bottom:1px solid #e0e0e0}.tool-list[data-v-7aeb4379]{width:100%;height:100%}.icon-list[data-v-7aeb4379]{display:flex;height:100%;margin:0;padding:0;list-style:none;align-items:center;gap:5px}.tool-item[data-v-7aeb4379]{display:flex;height:100%;align-items:center;cursor:pointer}li.disabled[data-v-7aeb4379]{opacity:.5;cursor:not-allowed}.el-dropdown-link[data-v-7aeb4379]{cursor:pointer;display:flex;align-items:center}.tool-content[data-v-7aeb4379]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:5px;width:40px}.tool-item:hover .tool-icon[data-v-7aeb4379],.tool-item:hover .tool-text[data-v-7aeb4379]{color:#1890ff}.tool-bar[data-v-7aeb4379]::-webkit-scrollbar{height:4px}.tool-bar[data-v-7aeb4379]::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.vue-rule-container[data-v-75e5d96d]{width:100%;height:100%;overflow:auto}.vue-ruler-wrapper[data-v-75e5d96d]{left:0;top:0;z-index:999;overflow:hidden;user-select:none;position:relative}.vue-ruler-h[data-v-75e5d96d],.vue-ruler-v[data-v-75e5d96d],.vue-ruler-ref-line-v[data-v-75e5d96d],.vue-ruler-ref-line-h[data-v-75e5d96d],.vue-ruler-ref-dot-h[data-v-75e5d96d],.vue-ruler-ref-dot-v[data-v-75e5d96d]{position:absolute;left:0;top:0;overflow:hidden;z-index:999}.vue-ruler-h[data-v-75e5d96d]{width:100%;height:18px;left:18px;opacity:.6;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAASCAMAAAAuTX21AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFMzMzAAAA////BqjYlAAAACNJREFUeNpiYCAdMDKRCka1jGoBA2JZZGshiaCXFpIBQIABAAplBkCmQpujAAAAAElFTkSuQmCC) repeat-x}.vue-ruler-v[data-v-75e5d96d]{width:18px;height:100%;top:18px;opacity:.6;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAyCAMAAABmvHtTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRFMzMzAAAA////BqjYlAAAACBJREFUeNpiYGBEBwwMTGiAakI0NX7U9aOuHyGuBwgwAH6bBkAR6jkzAAAAAElFTkSuQmCC) repeat-y}.vue-ruler-v .n[data-v-75e5d96d],.vue-ruler-h .n[data-v-75e5d96d]{position:absolute;font:10px/1 Arial,sans-serif;color:#333;cursor:default}.vue-ruler-v .n[data-v-75e5d96d]{width:8px;left:3px;word-wrap:break-word}.vue-ruler-h .n[data-v-75e5d96d]{top:1px}.vue-ruler-ref-line-v[data-v-75e5d96d],.vue-ruler-ref-line-h[data-v-75e5d96d],.vue-ruler-ref-dot-h[data-v-75e5d96d],.vue-ruler-ref-dot-v[data-v-75e5d96d]{z-index:998}.vue-ruler-ref-line-h[data-v-75e5d96d]{width:100%;height:1px;background-color:#000;cursor:n-resize}.vue-ruler-ref-line-v[data-v-75e5d96d]{width:1px;height:100%;background-color:#000;cursor:w-resize}.vue-ruler-ref-dot-h[data-v-75e5d96d]{width:100%;height:3px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFf39/////F3PnHQAAAAJ0Uk5T/wDltzBKAAAAEElEQVR42mJgYGRgZAQIMAAADQAExkizYQAAAABJRU5ErkJggg==) repeat-x left 1px;cursor:n-resize;top:-10px}.vue-ruler-ref-dot-v[data-v-75e5d96d]{width:3px;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFf39/////F3PnHQAAAAJ0Uk5T/wDltzBKAAAAEElEQVR42mJgYGRgZAQIMAAADQAExkizYQAAAABJRU5ErkJggg==) repeat-y 1px top;cursor:w-resize;left:-10px}.vue-ruler-content[data-v-75e5d96d]{position:absolute;z-index:997}.vue-ruler-content[data-v-75e5d96d]::-webkit-scrollbar{width:8px;height:8px}.vue-ruler-content[data-v-75e5d96d]::-webkit-scrollbar-track{background:#f1f1f1}.vue-ruler-content[data-v-75e5d96d]::-webkit-scrollbar-thumb{border-radius:10px;background:#535353;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)}.vue-ruler-content[data-v-75e5d96d]::-webkit-scrollbar-thumb:hover{background:#ededed;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px}.vue-ruler-content-mask[data-v-75e5d96d]{position:absolute;width:100%;height:100%;background:transparent;z-index:998}.grid[data-v-e0b9a335]{position:absolute;top:0;left:0}.shape[data-v-41c1336b]{position:absolute}.shape[data-v-41c1336b]:hover{cursor:move}.active[data-v-41c1336b]{outline:1px solid #70c0ff;user-select:none}.shape-point[data-v-41c1336b]{position:absolute;background:#fff;border:1px solid #59c7f9;width:8px;height:8px;border-radius:50%;z-index:1}.iconfont-xuanzhuan[data-v-41c1336b]{position:absolute;top:-34px;left:50%;transform:translate(-50%);cursor:grab;color:#59c7f9;font-size:20px;font-weight:600}.iconfont-xuanzhuan[data-v-41c1336b]:active{cursor:grabbing}.icon-suo[data-v-41c1336b]{position:absolute;top:0;right:0}.mark-line[data-v-1292994b]{height:100%}.line[data-v-1292994b]{background:#59c7f9;position:absolute;z-index:1000}.xline[data-v-1292994b]{width:100%;height:1px}.yline[data-v-1292994b]{width:1px;height:100%}.area[data-v-32734a61]{border:1px solid #70c0ff;position:absolute}.contextmenu[data-v-9c9691e4]{position:absolute;z-index:1000}.contextmenu ul[data-v-9c9691e4]{border:1px solid #e4e7ed;border-radius:4px;background-color:#fff;box-shadow:0 2px 12px #0000001a;box-sizing:border-box;margin:5px 0;padding:6px 0}.contextmenu ul li[data-v-9c9691e4]{font-size:14px;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#606266;height:34px;line-height:34px;box-sizing:border-box;cursor:pointer}.contextmenu ul li[data-v-9c9691e4]:hover{background-color:#f5f7fa}.area[data-v-20f916ac]{border:1px solid #70c0ff;position:absolute}.editor[data-v-26a3b83a]{position:relative;background:#fff;margin:auto}.editor .lock[data-v-26a3b83a]{opacity:.5}.editor .lock[data-v-26a3b83a]:hover{cursor:not-allowed}.editor .component[data-v-26a3b83a]{outline:none;width:100%;height:100%}.splitpanes[data-v-6a7c1f0a]{display:flex;flex-direction:column;height:100%;width:100%;min-height:0;overflow:hidden}.fixed-pane[data-v-6a7c1f0a]{padding-top:0;height:35px;flex-shrink:0;min-height:35px}.flexible-pane[data-v-6a7c1f0a]{flex:1;min-height:500px;overflow:hidden;padding:5px}.content[data-v-6a7c1f0a]{width:100%;height:100%;overflow:hidden;padding:0}.content[data-v-6a7c1f0a]::-webkit-scrollbar{width:8px;height:8px}.content[data-v-6a7c1f0a]::-webkit-scrollbar-track{background:#f1f1f1}.content[data-v-6a7c1f0a]::-webkit-scrollbar-thumb{border-radius:10px;background:#535353;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2)}.content[data-v-6a7c1f0a]::-webkit-scrollbar-thumb:hover{background:#ededed;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:10px}.elCollapse[data-v-53dbb572] .el-collapse-item__header{padding-left:10px}.elCollapse .el-form-item[data-v-53dbb572]{margin-bottom:4px;margin-right:4px}.common-item[data-v-53dbb572]{width:200px}.el-row[data-v-53dbb572]{margin-bottom:10px}.tabs[data-v-72f604c5]{height:100%}.tabs[data-v-72f604c5] .el-tabs__content{padding:0!important}.tabs[data-v-72f604c5] .el-tab-pane{height:100%;overflow:auto}.center[data-v-72f604c5]{width:100%;height:calc(100% - 40px);overflow:auto;padding:0;transition:all .3s}.ve-svg-icon,.comp-svg-icon[data-v-c17f5289]{width:100%;height:100%;position:relative;fill:currentColor;vertical-align:-2px}.v-common-attr .el-input-group__prepend[data-v-83204aa1]{padding:0 10px}.v-common-attr .el-form-item[data-v-83204aa1]{margin-bottom:4px;margin-right:4px}.elCollapse[data-v-83204aa1] .el-collapse-item__header{padding-left:10px}.v-common-attr .common-item[data-v-83204aa1]{width:180px}`)),document.head.appendChild(t)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
8
8
  (function(Pe,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("pinia")):typeof define=="function"&&define.amd?define(["exports","vue","pinia"],e):(Pe=typeof globalThis<"u"?globalThis:Pe||self,e(Pe.hflveditor3={},Pe.Vue,Pe.Pinia))})(this,function(Pe,e,Fn){"use strict";const zl={__name:"splitpanes",props:{horizontal:{type:Boolean,default:!1},pushOtherPanes:{type:Boolean,default:!0},maximizePanes:{type:Boolean,default:!0},rtl:{type:Boolean,default:!1},firstSplitter:{type:Boolean,default:!1}},emits:["ready","resize","resized","pane-click","pane-maximize","pane-add","pane-remove","splitter-click","splitter-dblclick"],setup(n,{emit:o}){const a=o,t=n,r=e.useSlots(),i=e.ref([]),s=e.computed(()=>i.value.reduce((A,P)=>(A[~~P.id]=P)&&A,{})),l=e.computed(()=>i.value.length),c=e.ref(null),f=e.ref(!1),d=e.ref({mouseDown:!1,dragging:!1,activeSplitter:null,cursorOffset:0}),h=e.ref({splitter:null,timeoutId:null}),y=e.computed(()=>({[`splitpanes splitpanes--${t.horizontal?"horizontal":"vertical"}`]:!0,"splitpanes--dragging":d.value.dragging})),w=()=>{document.addEventListener("mousemove",p,{passive:!1}),document.addEventListener("mouseup",u),"ontouchstart"in window&&(document.addEventListener("touchmove",p,{passive:!1}),document.addEventListener("touchend",u))},g=()=>{document.removeEventListener("mousemove",p,{passive:!1}),document.removeEventListener("mouseup",u),"ontouchstart"in window&&(document.removeEventListener("touchmove",p,{passive:!1}),document.removeEventListener("touchend",u))},x=(A,P)=>{const R=A.target.closest(".splitpanes__splitter");if(R){const{left:M,top:B}=R.getBoundingClientRect(),{clientX:K,clientY:H}="ontouchstart"in window&&A.touches?A.touches[0]:A;d.value.cursorOffset=t.horizontal?H-B:K-M}w(),d.value.mouseDown=!0,d.value.activeSplitter=P},p=A=>{d.value.mouseDown&&(A.preventDefault(),d.value.dragging=!0,requestAnimationFrame(()=>{N(S(A)),pe("resize",{event:A},!0)}))},u=A=>{d.value.dragging&&(window.getSelection().removeAllRanges(),pe("resized",{event:A},!0)),d.value.mouseDown=!1,d.value.activeSplitter=null,setTimeout(()=>{d.value.dragging=!1,g()},100)},m=(A,P)=>{"ontouchstart"in window&&(A.preventDefault(),h.value.splitter===P?(clearTimeout(h.value.timeoutId),h.value.timeoutId=null,C(A,P),h.value.splitter=null):(h.value.splitter=P,h.value.timeoutId=setTimeout(()=>h.value.splitter=null,500))),d.value.dragging||pe("splitter-click",{event:A,index:P},!0)},C=(A,P)=>{if(pe("splitter-dblclick",{event:A,index:P},!0),t.maximizePanes){let R=0;i.value=i.value.map((M,B)=>(M.size=B===P?M.max:M.min,B!==P&&(R+=M.min),M)),i.value[P].size-=R,pe("pane-maximize",{event:A,index:P,pane:i.value[P]}),pe("resized",{event:A,index:P},!0)}},D=(A,P)=>{pe("pane-click",{event:A,index:s.value[P].index,pane:s.value[P]})},S=A=>{const P=c.value.getBoundingClientRect(),{clientX:R,clientY:M}="ontouchstart"in window&&A.touches?A.touches[0]:A;return{x:R-(t.horizontal?0:d.value.cursorOffset)-P.left,y:M-(t.horizontal?d.value.cursorOffset:0)-P.top}},b=A=>{A=A[t.horizontal?"y":"x"];const P=c.value[t.horizontal?"clientHeight":"clientWidth"];return t.rtl&&!t.horizontal&&(A=P-A),A*100/P},N=A=>{const P=d.value.activeSplitter;let R={prevPanesSize:T(P),nextPanesSize:_(P),prevReachedMinPanes:0,nextReachedMinPanes:0};const M=0+(t.pushOtherPanes?0:R.prevPanesSize),B=100-(t.pushOtherPanes?0:R.nextPanesSize),K=Math.max(Math.min(b(A),B),M);let H=[P,P+1],oe=i.value[H[0]]||null,he=i.value[H[1]]||null;const Et=oe.max<100&&K>=oe.max+R.prevPanesSize,Uo=he.max<100&&K<=100-(he.max+_(P+1));if(Et||Uo){Et?(oe.size=oe.max,he.size=Math.max(100-oe.max-R.prevPanesSize-R.nextPanesSize,0)):(oe.size=Math.max(100-he.max-R.prevPanesSize-_(P+1),0),he.size=he.max);return}if(t.pushOtherPanes){const An=V(R,K);if(!An)return;({sums:R,panesToResize:H}=An),oe=i.value[H[0]]||null,he=i.value[H[1]]||null}oe!==null&&(oe.size=Math.min(Math.max(K-R.prevPanesSize-R.prevReachedMinPanes,oe.min),oe.max)),he!==null&&(he.size=Math.min(Math.max(100-K-R.nextPanesSize-R.nextReachedMinPanes,he.min),he.max))},V=(A,P)=>{const R=d.value.activeSplitter,M=[R,R+1];return P<A.prevPanesSize+i.value[M[0]].min&&(M[0]=E(R).index,A.prevReachedMinPanes=0,M[0]<R&&i.value.forEach((B,K)=>{K>M[0]&&K<=R&&(B.size=B.min,A.prevReachedMinPanes+=B.min)}),A.prevPanesSize=T(M[0]),M[0]===void 0)?(A.prevReachedMinPanes=0,i.value[0].size=i.value[0].min,i.value.forEach((B,K)=>{K>0&&K<=R&&(B.size=B.min,A.prevReachedMinPanes+=B.min)}),i.value[M[1]].size=100-A.prevReachedMinPanes-i.value[0].min-A.prevPanesSize-A.nextPanesSize,null):P>100-A.nextPanesSize-i.value[M[1]].min&&(M[1]=k(R).index,A.nextReachedMinPanes=0,M[1]>R+1&&i.value.forEach((B,K)=>{K>R&&K<M[1]&&(B.size=B.min,A.nextReachedMinPanes+=B.min)}),A.nextPanesSize=_(M[1]-1),M[1]===void 0)?(A.nextReachedMinPanes=0,i.value.forEach((B,K)=>{K<l.value-1&&K>=R+1&&(B.size=B.min,A.nextReachedMinPanes+=B.min)}),i.value[M[0]].size=100-A.prevPanesSize-_(M[0]-1),null):{sums:A,panesToResize:M}},T=A=>i.value.reduce((P,R,M)=>P+(M<A?R.size:0),0),_=A=>i.value.reduce((P,R,M)=>P+(M>A+1?R.size:0),0),E=A=>[...i.value].reverse().find(P=>P.index<A&&P.size>P.min)||{},k=A=>i.value.find(P=>P.index>A+1&&P.size>P.min)||{},j=()=>{var A;const P=Array.from(((A=c.value)==null?void 0:A.children)||[]);for(const R of P){const M=R.classList.contains("splitpanes__pane"),B=R.classList.contains("splitpanes__splitter");!M&&!B&&(R.remove(),console.warn("Splitpanes: Only <pane> elements are allowed at the root of <splitpanes>. One of your DOM nodes was removed."))}},v=(A,P,R=!1)=>{const M=A-1,B=document.createElement("div");B.classList.add("splitpanes__splitter"),R||(B.onmousedown=K=>x(K,M),typeof window<"u"&&"ontouchstart"in window&&(B.ontouchstart=K=>x(K,M)),B.onclick=K=>m(K,M+1)),B.ondblclick=K=>C(K,M+1),P.parentNode.insertBefore(B,P)},q=A=>{A.onmousedown=void 0,A.onclick=void 0,A.ondblclick=void 0,A.remove()},O=()=>{var A;const P=Array.from(((A=c.value)==null?void 0:A.children)||[]);for(const M of P)M.className.includes("splitpanes__splitter")&&q(M);let R=0;for(const M of P)M.className.includes("splitpanes__pane")&&(!R&&t.firstSplitter?v(R,M,!0):R&&v(R,M),R++)},I=({uid:A,...P})=>{const R=s.value[A];for(const[M,B]of Object.entries(P))R[M]=B},L=A=>{var P;let R=-1;Array.from(((P=c.value)==null?void 0:P.children)||[]).some(M=>(M.className.includes("splitpanes__pane")&&R++,M.isSameNode(A.el))),i.value.splice(R,0,{...A,index:R}),i.value.forEach((M,B)=>M.index=B),f.value&&e.nextTick(()=>{O(),G({addedPane:i.value[R]}),pe("pane-add",{pane:i.value[R]})})},W=A=>{const P=i.value.findIndex(M=>M.id===A);i.value[P].el=null;const R=i.value.splice(P,1)[0];i.value.forEach((M,B)=>M.index=B),e.nextTick(()=>{O(),pe("pane-remove",{pane:R}),G({removedPane:{...R}})})},G=(A={})=>{!A.addedPane&&!A.removedPane?z():i.value.some(P=>P.givenSize!==null||P.min||P.max<100)?_e(A):$(),f.value&&pe("resized")},$=()=>{const A=100/l.value;let P=0;const R=[],M=[];for(const B of i.value)B.size=Math.max(Math.min(A,B.max),B.min),P-=B.size,B.size>=B.max&&R.push(B.id),B.size<=B.min&&M.push(B.id);P>.1&&ce(P,R,M)},z=()=>{let A=100;const P=[],R=[];let M=0;for(const K of i.value)A-=K.size,K.givenSize!==null&&M++,K.size>=K.max&&P.push(K.id),K.size<=K.min&&R.push(K.id);let B=100;if(A>.1){for(const K of i.value)K.givenSize===null&&(K.size=Math.max(Math.min(A/(l.value-M),K.max),K.min)),B-=K.size;B>.1&&ce(B,P,R)}},_e=({addedPane:A,removedPane:P}={})=>{let R=100/l.value,M=0;const B=[],K=[];(A?.givenSize??null)!==null&&(R=(100-A.givenSize)/(l.value-1));for(const H of i.value)M-=H.size,H.size>=H.max&&B.push(H.id),H.size<=H.min&&K.push(H.id);if(!(Math.abs(M)<.1)){for(const H of i.value)A?.givenSize!==null&&A?.id===H.id||(H.size=Math.max(Math.min(R,H.max),H.min)),M-=H.size,H.size>=H.max&&B.push(H.id),H.size<=H.min&&K.push(H.id);M>.1&&ce(M,B,K)}},ce=(A,P,R)=>{let M;A>0?M=A/(l.value-P.length):M=A/(l.value-R.length),i.value.forEach((B,K)=>{if(A>0&&!P.includes(B.id)){const H=Math.max(Math.min(B.size+M,B.max),B.min),oe=H-B.size;A-=oe,B.size=H}else if(!R.includes(B.id)){const H=Math.max(Math.min(B.size+M,B.max),B.min),oe=H-B.size;A-=oe,B.size=H}}),Math.abs(A)>.1&&e.nextTick(()=>{f.value&&console.warn("Splitpanes: Could not resize panes correctly due to their constraints.")})},pe=(A,P=void 0,R=!1)=>{const M=P?.index??d.value.activeSplitter??null;a(A,{...P,...M!==null&&{index:M},...R&&M!==null&&{prevPane:i.value[M-(t.firstSplitter?1:0)],nextPane:i.value[M+(t.firstSplitter?0:1)]},panes:i.value.map(B=>({min:B.min,max:B.max,size:B.size}))})};e.watch(()=>t.firstSplitter,()=>O()),e.onMounted(()=>{j(),O(),G(),pe("ready"),f.value=!0}),e.onBeforeUnmount(()=>f.value=!1);const Le=()=>{var A;return e.h("div",{ref:c,class:y.value},(A=r.default)==null?void 0:A.call(r))};return e.provide("panes",i),e.provide("indexedPanes",s),e.provide("horizontal",e.computed(()=>t.horizontal)),e.provide("requestUpdate",I),e.provide("onPaneAdd",L),e.provide("onPaneRemove",W),e.provide("onPaneClick",D),(A,P)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(Le)))}},Ul={__name:"pane",props:{size:{type:[Number,String]},minSize:{type:[Number,String],default:0},maxSize:{type:[Number,String],default:100}},setup(n){var o;const a=n,t=e.inject("requestUpdate"),r=e.inject("onPaneAdd"),i=e.inject("horizontal"),s=e.inject("onPaneRemove"),l=e.inject("onPaneClick"),c=(o=e.getCurrentInstance())==null?void 0:o.uid,f=e.inject("indexedPanes"),d=e.computed(()=>f.value[c]),h=e.ref(null),y=e.computed(()=>{const p=isNaN(a.size)||a.size===void 0?0:parseFloat(a.size);return Math.max(Math.min(p,g.value),w.value)}),w=e.computed(()=>{const p=parseFloat(a.minSize);return isNaN(p)?0:p}),g=e.computed(()=>{const p=parseFloat(a.maxSize);return isNaN(p)?100:p}),x=e.computed(()=>{var p;return`${i.value?"height":"width"}: ${(p=d.value)==null?void 0:p.size}%`});return e.watch(()=>y.value,p=>t({uid:c,size:p})),e.watch(()=>w.value,p=>t({uid:c,min:p})),e.watch(()=>g.value,p=>t({uid:c,max:p})),e.onMounted(()=>{r({id:c,el:h.value,min:w.value,max:g.value,givenSize:a.size===void 0?null:y.value,size:y.value})}),e.onBeforeUnmount(()=>s(c)),(p,u)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"paneEl",ref:h,class:"splitpanes__pane",onClick:u[0]||(u[0]=m=>e.unref(l)(m,p._.uid)),style:e.normalizeStyle(x.value)},[e.renderSlot(p.$slots,"default")],4))}},jo={rotate:0,opacity:1,isHide:!1,hAffix:"calc",wdSet:"calc",wdReserve:0,vAffix:"calc",htSet:"calc",htReserve:0,showDashBorder:!0},vo={animations:[],compName:"",groupStyle:{},isLock:!1,collapseName:"style",hasEvents:["onBeforeMount","onMounted","onBeforeUnmount","onUnmounted"],events:{}},Ko=[{groupName:"常用组件",compList:[]}],jl="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";let vl=(n=21)=>{let o="",a=crypto.getRandomValues(new Uint8Array(n|=0));for(;n--;)o+=jl[a[n]&63];return o};function Kl(n){return typeof Array.isArray>"u"?Object.prototype.toString.call(n)==="[object Array]":Array.isArray(n)}function ze(n){return!!(n&&n!="")}function Ee(n){if(typeof n=="object"){const o=Array.isArray(n)?[]:{};for(const a in n)typeof n[a]=="object"?o[a]=Ee(n[a]):o[a]=n[a];return o}return n}function Ho(n,o,a){const t=n[o];n[o]=n[a],n[a]=t}function Wo(n,o){if(ze(o)&&n&&n.length>0){for(let a=0;a<n.length;a++)if(n[a].componentList&&n[a].componentList.length>0){let t=n[a].componentList;for(let r=0;r<t.length;r++)if(o==t[r].component)return t[r]}}}function Ut(n,o,a){return o=o||0,isNaN(n)?n:!isNaN(parseFloat(n))&&isFinite(n)?(Number(o)?o=parseInt(o):o=0,(""+n).indexOf(".")<0?n:n.toFixed(o)):n}function Ce(n){return n+Hl()}function Hl(){return vl()}function Wl(n,o=0){if(typeof n!="number"||isNaN(n))return NaN;const t=10*Math.max(0,Math.floor(Number(o)||0));return Math.round(n*t)/t}const dt=Fn.defineStore("ve/compGroup",{state:()=>({componentGroups:[...Ko]}),actions:{registerCompGroups(n){if(Kl(n)){for(let o=0,a=n.length;o<a;o++){const t=n[o];if(t.componentList&&t.componentList.length>0)for(let r=0;r<t.componentList.length;r++){const i=t.componentList[r];i.style={...jo,...i.style},t.componentList[r]={...vo,...i}}}this.componentGroups=this.componentGroups.concat(n)}},clearCompGroups(){this.componentGroups=[...Ko]},clearAllCompGroup(){this.componentGroups=[]}}}),J=(n,o)=>{const a=n.__vccOpts||n;for(const[t,r]of o)a[t]=r;return a},ql={__name:"component-tab",setup(n,{expose:o}){o();const a=e.ref("1"),t=e.computed(()=>dt().componentGroups),f={activeNames:a,componentGroups:t,handleDragComponent:function(d,h,y){d.dataTransfer.setData("text/plain",JSON.stringify({component:h.component}))},handleDragEnd:function(d){console.log("Drag ended"),d.preventDefault()},testClick:()=>{console.log("component clicked")},isSvgIcon:function(d){return ze(d)&&d.startsWith("svg")},spanIconClass:function(d){return ze(d)&&d.startsWith("el")?d:"iconfont icon-"+d},ref:e.ref,computed:e.computed,get useVEStore(){return dt},get isNotEmpty(){return ze}};return Object.defineProperty(f,"__isScriptSetup",{enumerable:!1,value:!0}),f}};function Gl(n,o,a,t,r,i){const s=e.resolveComponent("ve-svg-icon"),l=e.resolveComponent("el-collapse-item"),c=e.resolveComponent("el-collapse");return e.openBlock(),e.createBlock(c,{modelValue:t.activeNames,"onUpdate:modelValue":o[0]||(o[0]=f=>t.activeNames=f),class:"elCollapse",accordion:""},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.componentGroups,(f,d)=>(e.openBlock(),e.createBlock(l,{title:f.groupName,name:d},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"component-list"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.componentList,(h,y)=>(e.openBlock(),e.createElementBlock("div",{key:y,class:"list","data-index":y,title:h.label,draggable:!0,onDragstart:w=>t.handleDragComponent(w,h,"common"),onClick:t.testClick},[t.isSvgIcon(h.icon)?(e.openBlock(),e.createBlock(s,{key:0,"icon-class":h.icon.substring(3)},null,8,["icon-class"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(t.spanIconClass(h.icon))},null,2)),e.createTextVNode(),e.createElementVNode("span",{class:"comp-name"},e.toDisplayString(h.label),1)],40,["data-index","title","onDragstart"]))),128))])]),_:2},1032,["title","name"]))),256))]),_:1},8,["modelValue"])}const Xl=J(ql,[["render",Gl],["__scopeId","data-v-5dbe0f64"],["__file","component-tab.vue"]]),Yl=["top","left","width","height","fontSize","padding"];function qo(n,o,a=null){const t=a||Ee(n.componentData);if(t.forEach(r=>{Object.keys(r.style).forEach(i=>{if(Yl.includes(i)){let s;a?s=(r.style[i]/a[0].lastScale*o).toFixed(4)-0:s=(r.style[i]/n.canvasStyleData.scale*o).toFixed(4)-0,i=="top"||i=="left"?r.style[i]=s:r.style[i]=s==0?1:s}})}),a)return t;n.setComponentData(t),n.setCurComponent(t[n.curComponentIndex],n.curComponentIndex),n.setCanvasStyle({...n.canvasStyleData,scale:o})}const Go=Symbol(),jt="el",Jl="is-",nt=(n,o,a,t,r)=>{let i=`${n}-${o}`;return a&&(i+=`-${a}`),t&&(i+=`__${t}`),r&&(i+=`--${r}`),i},Xo=Symbol("namespaceContextKey"),Yo=n=>{const o=n||(e.getCurrentInstance()?e.inject(Xo,e.ref(jt)):e.ref(jt));return e.computed(()=>e.unref(o)||jt)},Me=(n,o)=>{const a=Yo(o);return{namespace:a,b:(x="")=>nt(a.value,n,x,"",""),e:x=>x?nt(a.value,n,"",x,""):"",m:x=>x?nt(a.value,n,"","",x):"",be:(x,p)=>x&&p?nt(a.value,n,x,p,""):"",em:(x,p)=>x&&p?nt(a.value,n,"",x,p):"",bm:(x,p)=>x&&p?nt(a.value,n,x,"",p):"",bem:(x,p,u)=>x&&p&&u?nt(a.value,n,x,p,u):"",is:(x,...p)=>{const u=p.length>=1?p[0]:!0;return x&&u?`${Jl}${x}`:""},cssVar:x=>{const p={};for(const u in x)x[u]&&(p[`--${a.value}-${u}`]=x[u]);return p},cssVarName:x=>`--${a.value}-${x}`,cssVarBlock:x=>{const p={};for(const u in x)x[u]&&(p[`--${a.value}-${n}-${u}`]=x[u]);return p},cssVarBlockName:x=>`--${a.value}-${n}-${x}`}};/**
9
9
  * @vue/shared v3.5.16
10
10
  * (c) 2018-present Yuxi (Evan) You and Vue contributors
@@ -29,7 +29,7 @@ For more detail, please visit: ${r}
29
29
  `+p+"}"}}return r.pop(),i=p,C}function w(x){if(x.length===0)return h(x);const p=String.fromCodePoint(x.codePointAt(0));if(!de.isIdStartChar(p))return h(x);for(let u=p.length;u<x.length;u++)if(!de.isIdContinueChar(String.fromCodePoint(x.codePointAt(u))))return h(x);return x}function g(x){if(r.indexOf(x)>=0)throw TypeError("Converting circular structure to JSON5");r.push(x);let p=i;i=i+c;let u=[];for(let C=0;C<x.length;C++){const D=d(String(C),x);u.push(D!==void 0?D:"null")}let m;if(u.length===0)m="[]";else if(c==="")m="["+u.join(",")+"]";else{let C=`,
30
30
  `+i,D=u.join(C);m=`[
31
31
  `+i+D+`,
32
- `+p+"]"}return r.pop(),i=p,m}},_p={parse:ip,stringify:fp};(function(){const n=()=>{console.log("%c 可视化编辑器 hflveditor3","color: #3498db; font-size: 16px; font-weight: bold;"),console.log("%c版本号: 0.2.3","color: #2ecc71;"),console.log("%c编译日期: 2025/11/19 14:06:37","color: #3498db;"),console.log("%c版权声明:","color: #e74c3c; font-weight: bold;"),console.log('%c 1. 版权完全归"hflsoft"享有。',"color: #34495e;"),console.log("%c 2. 程序包完整引用，不得以任何形式破解、裁剪，不得隐藏或删除版权信息。","color: #34495e;"),console.log("%c 3. 保留此版权信息在控制台输出。","color: #34495e;"),console.log("%c 版权所有 ©2024-2025 hflsoft 保留对此版权信息的最终解释权.","color: #f39c12;"),console.log("%c Copyright ©2024-2025 hflsoft All rights reserved.","color: #f39c12;")};if(typeof window<"u"){window._copyright_hflveditor3=n;try{Object.defineProperty(window,_copyright_hflveditor3,{value:n,writable:!1,configurable:!1,enumerable:!1})}catch{window._copyright_hflveditor3=n}}n()})();function fn(n){return!isNaN(parseFloat(n))&&isFinite(n)}function yt(n){return!!(n&&n!="")}function ut(n){return!!(n&&typeof n=="function")}function Sr(n){return n instanceof Object&&n!==null}function bt(n){return Object.keys(n).length===0}function Br(n){return typeof n=="string"||n instanceof String}function Re(n){if(typeof n=="object"){const o=Array.isArray(n)?[]:{};for(const a in n)typeof n[a]=="object"?o[a]=Re(n[a]):o[a]=n[a];return o}return n}function Te(n,o={}){if(Br(n)&&yt(n))try{return _p.parse(n)}catch(a){return console.warn("JSON 解析错误:",a),o}else return Sr(n)?n:o}function Se(n){return Br(n)?n:Sr(n)?JSON.stringify(n,null,2):""}function se(n,o){qd({message:o||"message",type:n||"info"})}function wt(n,o="确认",a="info",t,r){xt.confirm(n,o,{confirmButtonText:"确认",cancelButtonText:"取消",type:a}).then(()=>{ut(t)&&t()}).catch(()=>{ut(r)&&r()})}function Ar(n,o="提示",a={},t,r){xt.prompt(n,o,{confirmButtonText:"确认",cancelButtonText:"取消",inputPattern:a.pattern||"",inputErrorMessage:a.errMsg||""}).then(({value:i})=>{ut(t)&&t(i)}).catch(()=>{ut(r)&&r()})}const Ne={Component:"Comp_",Page:"P_",CompEvent:"CompEvent_"},hp=[{label:"PC端",value:"0",isDisabled:!0},{label:"1920*1080",value:"1"},{label:"1680*1050",value:"9"},{label:"1600*900",value:"2"},{label:"1400*1050",value:"10"},{label:"1366*768",value:"3"},{label:"1280*720",value:"4"},{label:"移动端",value:"5",isDisabled:!0,isDivided:!0},{label:"1024*1366",value:"6"},{label:"768*1024",value:"7"},{label:"480*800",value:"8"}],fo=["rgba(245, 10, 10, 1)","rgba(255, 255, 0, 1)","rgba(0, 255, 0, 1)","rgba(239, 236, 236, 1)","rgba(114,114,114,1)","rgba(0,255,255,1)","rgba(138,43,226,1)","rgba(16, 55, 81, 1)"],mp=[{label:"不重复",value:"no-repeat"},{label:"水平重复",value:"repeat-x"},{label:"垂直重复",value:"repeat-y"},{label:"双向重复",value:"repeat"}],gp=[{label:"覆盖",value:"cover"},{label:"适应",value:"contain"},{label:"自动",value:"auto"}],Cp=[{label:"顶部",value:"top"},{label:"底部",value:"bottom"},{label:"左侧",value:"left"},{label:"右侧",value:"right"},{label:"居中",value:"center"}],xp=[{label:"不适配",value:"no-adapter"},{label:"全屏铺满",value:"all-screen"},{label:"原始比例",value:"original-ratio"},{label:"横向适配-保持纵横比",value:"h-adapter-wh"},{label:"纵向适配-保持纵横比",value:"v-adapter-wh"},{label:"横向适配",value:"h-adapter"},{label:"纵向适配",value:"v-adapter"}],_n=[{label:"选项改变",value:"selectItem"},{label:"值改变",value:"changeValue"},{label:"鼠标点击",value:"onMouseClick"},{label:"键盘回车",value:"keyEnter"},{label:"组件挂载前",value:"onBeforeMount"},{label:"组件挂载后",value:"onMounted"},{label:"组件卸载前",value:"onBeforeUnmount"},{label:"组件卸载后",value:"onUnmounted"}],Fr=[{label:"数据请求",value:"dataRequest"},{label:"路由跳转",value:"router"},{label:"缓存设置",value:"cacheSet"},{label:"Web缓存",value:"webStorage"},{label:"组件局域参数设置",value:"paramSet"},{label:"组件局域参数映射",value:"paramMap"},{label:"自定义函数",value:"customFunction"},{label:"组件设置",value:"componentSet"},{label:"操作终止",value:"actionEnd"},{label:"消息弹出框",value:"messageBox"},{label:"打开对话框",value:"openDialog"}],yp=[{label:"GET",value:"GET"},{label:"POST",value:"POST"},{label:"PUT",value:"PUT"},{label:"DELETE",value:"DELETE"}],Or=[{label:"==",value:"=="},{label:"!=",value:"!="},{label:">",value:">"},{label:">=",value:">="},{label:"<",value:"<"},{label:"<=",value:"<="},{label:"包含",value:"contain"},{label:"不包含",value:"unContain"},{label:"字符串相等",value:"equals"},{label:"字符串不相等",value:"unEquals"},{label:"字符串忽略大小写相等",value:"equalsIgnoreCase"}],et=[{value:"inputV",label:"直接输入值"},{value:"inputP",label:"组件局域参数"},{value:"cacheP",label:"缓存参数"},{value:"containerP",label:"容器参数"},{value:"sessionP",label:"会话缓存参数"},{value:"localP",label:"本地缓存参数"},{value:"jsCookieP",label:"JSCookie缓存参数"},{value:"compProp",label:"组件值"},{value:"compStyle",label:"组件样式"}],bp=[{value:"inputP",label:"组件局域参数"},{value:"cacheP",label:"缓存参数"},{value:"sessionP",label:"会话缓存参数"},{value:"localP",label:"本地缓存参数"},{value:"jsCookieP",label:"JSCookie缓存参数"}],_o=[{value:"primary",label:"primary"},{value:"success",label:"success"},{value:"warning",label:"warning"},{value:"info",label:"info"},{value:"error",label:"error"}],Lr=[{value:"msg",label:"Message"},{value:"notify",label:"Notification"}];function Vt(n){return n*Math.PI/180}function ae(n,o,a){return{x:(n.x-o.x)*Math.cos(Vt(a))-(n.y-o.y)*Math.sin(Vt(a))+o.x,y:(n.x-o.x)*Math.sin(Vt(a))+(n.y-o.y)*Math.cos(Vt(a))+o.y}}function tt(n,o){return{x:n.x+(o.x-n.x)/2,y:n.y+(o.y-n.y)/2}}function Pr(n){return Math.abs(Math.sin(Vt(n)))}function Mr(n){return Math.abs(Math.cos(Vt(n)))}function It(n){return(n+360)%360}function hn(n){return`${n*100}%`}function wp(n){const o={};return["width","height","top","left","rotate"].forEach(a=>{a!="rotate"?o[a]=`${n[a]}px`:o.transform=`rotate(${n[a]}deg)`}),o}const Ir=["fontSize","width","height","top","left","borderWidth","letterSpacing","borderRadius"];function ho(n,o=[]){const a={};return["opacity","width","height","top","left","rotate","fontSize","fontWeight","lineHeight","letterSpacing","textAlign","color"].forEach(t=>{o.includes(t)||(t!="rotate"?n[t]!==""&&(a[t]=n[t],Ir.includes(t)&&(a[t]+="px")):a.transform=`${t}(${n[t]}deg)`)}),a}function mo(n,o=[]){const a={};return Object.keys(n).forEach(t=>{o.includes(t)||(t!="rotate"?n[t]!==""&&(a[t]=n[t],Ir.includes(t)&&(a[t]+="px")):a.transform=`${t}(${n[t]}deg)`)}),a}function Q(n){if(n={...n},n.rotate!=0){const o=n.width*Mr(n.rotate)+n.height*Pr(n.rotate),a=(n.width-o)/2;n.left+=a,n.right=n.left+o;const t=n.height*Mr(n.rotate)+n.width*Pr(n.rotate),r=(t-n.height)/2;n.top-=r,n.bottom=n.top+t,n.width=o,n.height=t}else n.bottom=n.top+n.height,n.right=n.left+n.width;return n}const Vp=["width","height","scale"];function Rr(n){const o={};return Object.keys(n).filter(a=>!Vp.includes(a)).forEach(a=>{a==="fontSize"?o[a]+="px":a==="backgroundImage"?o["background-image"]="url("+n[a]+")":a==="backgroundRepeat"?o["background-repeat"]=n[a]:a==="backgroundSize"?o["background-size"]=n[a]:a==="backgroundPosition"?o["background-position"]=n[a]:o[a]=n[a]}),o}function Dp(n){const o=n.style;n.propValue.forEach(a=>{if(!Object.keys(a.groupStyle).length){const t={...a.style};a.component.startsWith("SVG")?a.groupStyle=ho(t):a.groupStyle=mo(t),a.groupStyle.left=hn((t.left-o.left)/o.width),a.groupStyle.top=hn((t.top-o.top)/o.height),a.groupStyle.width=hn(t.width/o.width),a.groupStyle.height=hn(t.height/o.height)}})}function zr(n,o,a,t){const r={x:a.left-o.left+a.width/2,y:a.top-o.top+a.height/2};n.style.rotate=It(n.style.rotate+t.rotate),n.style.width=parseFloat(n.groupStyle.width)/100*t.width,n.style.height=parseFloat(n.groupStyle.height)/100*t.height,n.style.left=r.x-n.style.width/2,n.style.top=r.y-n.style.height/2,n.groupStyle={},n.style.width=Ut(n.style.width),n.style.height=Ut(n.style.height),n.style.left=Ut(n.style.left),n.style.top=Ut(n.style.top)}function Np(n){return{all:n=n||new Map,on:function(o,a){var t=n.get(o);t?t.push(a):n.set(o,[a])},off:function(o,a){var t=n.get(o);t&&(a?t.splice(t.indexOf(a)>>>0,1):n.set(o,[]))},emit:function(o,a){var t=n.get(o);t&&t.slice().map(function(r){r(a)}),(t=n.get("*"))&&t.slice().map(function(r){r(o,a)})}}}const ee=Np(),te={openCanvasSetting:"openCanvasDrawer",openRuleSetting:"openRuleSetting",openNewPage:"openNewPage",runAnimation:"runAnimation",stopAnimation:"stopAnimation",componentClick:"componentClick",move:"move",unmove:"unmove",hideArea:"hideArea",save:"save",preview:"preview",clearCanvas:"clearCanvas",importJson:"importJson",exportJson:"exportJson",openPage:"openPage",savePage:"savePage"},mn=new Map,ne=(n="default")=>{if(mn.has(n))return mn.get(n);const o=Fn.defineStore(`editor-${n}`,{state:()=>({rule:{scale:1,minScale:.3,maxScale:3},areaData:{style:{top:0,left:0,width:0,height:0},components:[]},editor:null,editorInstance:null,isDarkMode:!1,lastScale:100,canvasStyleData:{width:1200,height:800,scale:100,color:"#000",opacity:1,background:"#fff",fontSize:14,screenAdapter:"no-adapter"},isInEditor:!1,componentData:[],dashBorderColor:"rgba(114, 114, 114, 1)",curComponent:null,curComponentIndex:null,isClickComponent:!1,snapshotData:[],snapshotIndex:-1,menuTop:0,menuLeft:0,menuShow:!1,copyData:null,isCut:!1,ruleReferenceLine:"#00FFFF",rulePresetLine:[]}),actions:{setRuleScale(a){let t=Number(a);t>0&&(t=t>this.rule.maxScale?this.rule.maxScale:t,t=t<this.rule.minScale?this.rule.minScale:t,this.rule.scale=t)},addRuleScale(a){let t=Number(a)||"0.1",r=this.rule.scale+t;this.setRuleScale(r)},subtractRuleScale(a){let t=Number(a)||"0.1",r=this.rule.scale-t;this.setRuleScale(r)},setEditor(a){this.editor=a},setEditorInstance(a){this.editorInstance=a},setAreaData(a){this.areaData=a},compose({componentData:a,areaData:t,editor:r}){const i=[];t.components.forEach(l=>{if(l.component!="Group")i.push(l);else{const c={...l.style},f=l.propValue,d=this.getEditorBoundingClientRect();let h;f.forEach(y=>{h=this.getComponentRect(y.id),zr(y,d,h,c)}),i.push(...l.propValue)}});const s={id:Ce(Ne.Component),component:"Group",label:"组合",icon:"zuhe",...vo,style:{...jo,...t.style},propValue:i};Dp(s),this.addComponent(s),ee.emit(te.hideArea),this.batchDeleteComponent(t.components),this.setCurComponent(a[a.length-1],a.length-1),t.components=[]},batchDeleteComponent(a){a.forEach(t=>{for(let r=0,i=this.componentData.length;r<i;r++)if(t.id==this.componentData[r].id){this.componentData.splice(r,1);break}})},decompose({curComponent:a,editor:t}){const r={...this.curComponent.style},i=this.curComponent.propValue,s=this.getEditorBoundingClientRect();this.deleteComponent();let l;i.forEach(c=>{l=this.getComponentRect(c.id),zr(c,s,l,r),this.addComponent(c)})},getEditorBoundingClientRect(){return this.editor?.getBoundingClientRect()},setComponentData(a=[]){this.componentData=a},addComponent(a,t){t!==void 0?this.componentData.splice(t,0,a):this.componentData.push(a)},deleteComponent(a){a===void 0&&(a=this.curComponentIndex),a==this.curComponentIndex&&(this.curComponentIndex=null,this.curComponent=null),/\d/.test(a)&&this.componentData.splice(a,1)},setClickComponentStatus(a){this.isClickComponent=a},setCanvasStyle(a){this.canvasStyleData=a},setInEditorStatus(a){this.isInEditor=a},setCurComponent(a,t){this.curComponent=a,this.curComponentIndex=t},setShapeStyle({top:a,left:t,width:r,height:i,rotate:s,padding:l}){a!==void 0&&(this.curComponent.style.top=Math.round(a)),t!==void 0&&(this.curComponent.style.left=Math.round(t)),r&&(this.curComponent.style.width=Math.round(r)),l&&(this.curComponent.style.padding=Math.round(l)),i&&(this.curComponent.style.height=Math.round(i)),s&&(this.curComponent.style.rotate=Math.round(s))},setShapeSingleStyle({key:a,value:t}){this.curComponent.style[a]=t},recordSnapshot(){let a=Ee(this.componentData);a.forEach(t=>t.lastScale=this.lastScale),this.snapshotData[++this.snapshotIndex]=a,this.snapshotIndex<this.snapshotData.length-1&&(this.snapshotData=this.snapshotData.slice(0,this.snapshotIndex+1))},undo(){if(this.snapshotIndex>=0){this.snapshotIndex--;let a=Ee(this.snapshotData[this.snapshotIndex])||[];this.curComponent&&!a.find(r=>this.curComponent.id===r.id)&&this.setCurComponent({component:null,index:null}),a=qo(this,this.lastScale,a),this.setComponentData(a)}},redo(){if(this.snapshotIndex<this.snapshotData.length-1){this.snapshotIndex++;let a=qo(this,this.lastScale,Ee(this.snapshotData[this.snapshotIndex]));this.setComponentData(a)}},addAnimation(a){this.curComponent.animations.push(a)},removeAnimation(a){this.curComponent.animations.splice(a,1)},alterAnimation({index:a,data:t={}}){if(typeof a=="number"){const r=this.curComponent.animations[a];this.curComponent.animations[a]={...r,...t}}},addComponentEvent(a){this.curComponent.events[a.type]?this.curComponent.events[a.type].push(a):this.curComponent.events[a.type]=[a]},removeComponentEvent(a,t){this.curComponent.events[a]&&t>=0&&this.curComponent.events[a].splice(t,1)},alterComponentEvent(a,t,r={}){if(this.curComponent.events[a]&&t>=0){const i=this.curComponent.events[a][t];this.curComponent.events[a][t]={...i,...r}}},showContextMenu({top:a,left:t}){this.menuShow=!0,this.menuTop=a,this.menuLeft=t},hideContextMenu(){this.menuShow=!1},lock(){this.curComponent.isLock=!0},unlock(){this.curComponent.isLock=!1},copy(){if(!this.curComponent){se("error","请选择组件");return}this._restorePreCutData(),this.copyData=this._copyCurrentData(),this.isCut=!1},paste(a){if(!this.copyData){se("error","请选择组件");return}const t=this.copyData.data;a?(t.style.top=this.menuTop,t.style.left=this.menuLeft):(t.style.top+=10,t.style.left+=10),this.addComponent(this._deepCopyHelper(t),null),this.isCut&&(this.copyData=null)},cut(){if(!this.curComponent){se("error","请选择组件");return}this._restorePreCutData(),this.copyData=this._copyCurrentData(),this.deleteComponent(),this.isCut=!0},upComponent(){this.curComponentIndex<this.componentData.length-1?(Ho(this.componentData,this.curComponentIndex,this.curComponentIndex+1),this.curComponentIndex=this.curComponentIndex+1):se("error","已经到顶了")},downComponent(){this.curComponentIndex>0?(Ho(this.componentData,this.curComponentIndex,this.curComponentIndex-1),this.curComponentIndex=this.curComponentIndex-1):se("error","已经到底了")},topComponent(){this.curComponentIndex<this.componentData.length-1?(this.componentData.splice(this.curComponentIndex,1),this.componentData.push(this.curComponent),this.curComponentIndex=this.componentData.length-1):se("error","已经到顶了")},bottomComponent(){this.curComponentIndex>0?(this.componentData.splice(this.curComponentIndex,1),this.componentData.unshift(this.curComponent),this.curComponentIndex=0):se("error","已经到底了")},leftAlign(){if(this.areaData.components.length>1){let a=Math.min(...this.areaData.components.map(t=>Q(t.style).left));this.areaData.components.forEach(t=>{let i=Q(t.style).left-a;this._changeAlign(t,{left:t.style.left-i})})}else{let a=Q(this.curComponent.style),t=this.curComponent.style.left-a.left;this._changeAlign(this.curComponent,{left:t})}},rightAlign(){if(this.areaData.components.length>1){let a=Math.max(...this.areaData.components.map(t=>Q(t.style).right));this.areaData.components.forEach(t=>{let r=Q(t.style),i=a-r.right;this._changeAlign(t,{left:t.style.left+i})})}else{let a=Q(this.curComponent.style),t=this.curComponent.style.left-a.left,r=this.canvasStyleData.width+t-a.width;this._changeAlign(this.curComponent,{left:r})}},centerAlign(){if(this.areaData.components.length>1){let a=Math.min(...this.areaData.components.map(i=>Q(i.style).left)),t=Math.max(...this.areaData.components.map(i=>Q(i.style).right)),r=(a+t)/2;this.areaData.components.forEach(i=>{let s=Q(i.style),l=(s.left+s.right)/2,c=r-l;this._changeAlign(i,{left:i.style.left+c})})}else{let a=Q(this.curComponent.style),t=this.canvasStyleData.width/2,r=(a.left+a.right)/2,i=this.curComponent.style.left+(t-r);this._changeAlign(this.curComponent,{left:i})}},topAlign(){if(this.areaData.components.length>1){let a=Math.min(...this.areaData.components.map(t=>Q(t.style).top));this.areaData.components.forEach(t=>{let i=Q(t.style).top-a;this._changeAlign(t,{top:t.style.top-i})})}else{let a=Q(this.curComponent.style),t=this.curComponent.style.top-a.top;this._changeAlign(this.curComponent,{top:t})}},bottomAlign(){if(this.areaData.components.length>1){let a=Math.max(...this.areaData.components.map(t=>Q(t.style).bottom));this.areaData.components.forEach(t=>{let r=Q(t.style),i=a-r.bottom;this._changeAlign(t,{top:t.style.top+i})})}else{let a=Q(this.curComponent.style),t=this.curComponent.style.top-a.top,r=this.canvasStyleData.height+t-a.height;this._changeAlign(this.curComponent,{top:r})}},middleAlign(){if(this.areaData.components.length>1){let a=Math.min(...this.areaData.components.map(i=>Q(i.style).top)),t=Math.max(...this.areaData.components.map(i=>Q(i.style).bottom)),r=(a+t)/2;this.areaData.components.forEach(i=>{let s=Q(i.style),l=(s.top+s.bottom)/2,c=r-l;this._changeAlign(i,{top:i.style.top+c})})}else{let a=Q(this.curComponent.style),t=this.canvasStyleData.height/2,r=(a.top+a.bottom)/2,i=this.curComponent.style.top+(t-r);this._changeAlign(this.curComponent,{top:i})}},verticalSpacing(){const{components:a}=this.areaData;if(a.length>2){let t=0;a.forEach(c=>{let f=Q(c.style);t+=f.height});const i=this.areaData.style.height-t,s=Math.floor(i/(a.length-1));a.sort((c,f)=>Q(c.style).top-Q(f.style).top);let l=0;a.forEach(c=>{this._changeAlign(c,{top:this.areaData.style.top+l}),l+=s+Q(c.style).height})}},horizontalSpacing(){const{components:a}=this.areaData;if(a.length>2){let t=0;a.forEach(c=>{let f=Q(c.style);t+=f.width});const i=this.areaData.style.width-t,s=Math.floor(i/(a.length-1));a.sort((c,f)=>Q(c.style).left-Q(f.style).left);let l=0;a.forEach(c=>{c.style.left=this.areaData.style.left+l,l+=s+Q(c.style).width})}},getComponentRect(a){return this.editorInstance.getComponentRef(a)?.getBoundingClientRect()},_changeAlign(a,t){if(Array.isArray(a)){a.forEach(r=>{this._changeAlign(r,t)});return}for(let r in t)t.hasOwnProperty(r)&&(a.style[r]=t[r])},_copyCurrentData(){return{data:Ee(this.curComponent),index:this.curComponentIndex}},_deepCopyHelper(a){const t=Ee(a);return t.id=Ce(Ne.Component),t.component==="Group"&&t.propValue.forEach((r,i)=>{t.propValue[i]=this._deepCopyHelper(r)}),t},_restorePreCutData(){if(this.isCut&&this.copyData){const a=Ee(this.copyData.data),t=this.copyData.index;this.addComponent(a,t),this.curComponentIndex>=t&&this.curComponentIndex++}}}})();return mn.set(n,o),o},Ur=n=>{mn.delete(n)},Ep={__name:"ComponentList",props:{pageId:{type:String,default:""},editorStore:{type:Object,default:()=>ne()}},setup(n,{expose:o}){o();const a=n,t=e.computed(()=>a.editorStore?.curComponent||{}),r=e.computed(()=>a.editorStore?.curComponentIndex||0),i=e.computed(()=>a.editorStore?.componentData||[]),s=C=>{let D=C.compName;return D&&D.length>0&&D.trim()!==""||(D=C.label),D},l=C=>c(C).icon||"",c=C=>i.value[i.value.length-1-C],f=C=>i.value.length-1-C,d=C=>{g(C)},h=()=>{setTimeout(()=>{a.editorStore.deleteComponent(),a.editorStore.recordSnapshot()})},y=()=>{setTimeout(()=>{a.editorStore.upComponent(),a.editorStore.recordSnapshot()})},w=()=>{setTimeout(()=>{a.editorStore.downComponent(),a.editorStore.recordSnapshot()})},g=C=>{a.editorStore.setCurComponent(i.value[C],C)},m={props:a,curComponent:t,curComponentIndex:r,componentData:i,getCompName:s,getComponentIcon:l,getComponent:c,transformIndex:f,onClick:d,deleteComponent:h,upComponent:y,downComponent:w,setCurComponent:g,isShowIcon:C=>c(C).style.isHide?"bukejian":"kejian",isSvgIcon:function(C){return ze(C)&&C.startsWith("svg")},spanIconClass:function(C){return ze(C)&&C.startsWith("el")?C:"iconfont icon-"+C},get useEditorStore(){return ne},computed:e.computed,watch:e.watch,get isNotEmpty(){return ze}};return Object.defineProperty(m,"__isScriptSetup",{enumerable:!1,value:!0}),m}};function kp(n,o,a,t,r,i){const s=e.resolveComponent("ve-svg-icon");return e.openBlock(),e.createElementBlock("div",{class:"real-time-component-list"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.componentData,(l,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:e.normalizeClass(["list",{actived:t.transformIndex(c)===t.curComponentIndex}]),onClick:f=>t.onClick(t.transformIndex(c))},[e.createElementVNode("div",{class:"comp-icon"},[t.isSvgIcon(t.getComponentIcon(c))?(e.openBlock(),e.createBlock(s,{key:0,"icon-class":t.getComponentIcon(c).substring(3)},null,8,["icon-class"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(t.spanIconClass(t.getComponentIcon(c)))},null,2))]),e.createTextVNode(),e.createElementVNode("span",{class:e.normalizeClass(["iconfont","icon-"+t.isShowIcon(c)])},null,2),e.createTextVNode(),e.createElementVNode("span",null,e.toDisplayString(t.getCompName(t.getComponent(c))),1),e.createTextVNode(),e.createElementVNode("div",{class:"icon-container"},[e.createElementVNode("span",{class:"iconfont icon-shangyi",onClick:f=>t.upComponent(t.transformIndex(c))},null,8,["onClick"]),e.createTextVNode(),e.createElementVNode("span",{class:"iconfont icon-xiayi",onClick:f=>t.downComponent(t.transformIndex(c))},null,8,["onClick"]),e.createTextVNode(),e.createElementVNode("span",{class:"iconfont icon-shanchu",onClick:f=>t.deleteComponent(t.transformIndex(c))},null,8,["onClick"])])],10,["onClick"]))),128))])}const Tp=J(Ep,[["render",kp],["__scopeId","data-v-abecf561"],["__file","ComponentList.vue"]]),Sp={__name:"index",props:{editorStore:{type:Object,default:()=>ne()},pageId:{type:String,default:""}},setup(n,{expose:o}){o();const a=n,t=e.ref("componentTab"),i={props:a,activeName:t,handleClick:()=>{},ref:e.ref,ComponentTab:Xl,get useEditorStore(){return ne},ComponentList:Tp};return Object.defineProperty(i,"__isScriptSetup",{enumerable:!1,value:!0}),i}};function Bp(n,o,a,t,r,i){const s=e.resolveComponent("el-tab-pane"),l=e.resolveComponent("el-tabs");return e.openBlock(),e.createBlock(l,{modelValue:t.activeName,"onUpdate:modelValue":o[0]||(o[0]=c=>t.activeName=c),type:"border-card",class:"tabs",onTabClick:t.handleClick},{default:e.withCtx(()=>[e.createVNode(s,{label:"组件",name:"componentTab"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.KeepAlive,null,[e.createVNode(t.ComponentTab)],1024))]),_:1}),e.createTextVNode(),e.createVNode(s,{label:"组件列表",name:"componentTreeTab"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.KeepAlive,null,[e.createVNode(t.ComponentList,{"editor-store":t.props.editorStore,"page-id":t.props.pageId},null,8,["editor-store","page-id"])],1024))]),_:1})]),_:1},8,["modelValue"])}const Ap=J(Sp,[["render",Bp],["__scopeId","data-v-f00af19f"],["__file","index.vue"]]),Fp=Object.assign({name:"CommonDialog"},{__name:"index",props:{width:{type:Number,default:500},title:{type:String,default:"对话框"},modal:{type:Boolean,default:!0}},emits:["confirm"],setup(n,{expose:o,emit:a}){const t=e.ref("弹框"),r=e.ref(!1),i=n,s=a;let l=null;const c=e.computed(()=>t.value&&yt(t.value)?t.value:i.title),f=()=>{s("confirm",{callBack:l})},d=()=>{r.value=!1},h=(w={})=>{r.value=!0,l=w.callBack,t.value=w.title||""};o({show:h,cancel:d});const y={showTitle:t,openDialog:r,props:i,emit:s,get callBack(){return l},set callBack(w){l=w},title:c,confirmInner:f,cancel:d,show:h,ref:e.ref,computed:e.computed,get isNotEmpty(){return yt}};return Object.defineProperty(y,"__isScriptSetup",{enumerable:!1,value:!0}),y}});function Op(n,o,a,t,r,i){const s=e.resolveComponent("el-button"),l=e.resolveComponent("el-dialog");return e.openBlock(),e.createBlock(l,{title:t.title,modelValue:t.openDialog,"onUpdate:modelValue":o[0]||(o[0]=c=>t.openDialog=c),width:t.props.width,"before-close":t.cancel,"destroy-on-close":!0,modal:t.props.modal,"show-close":!1,"align-center":!0,draggable:""},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"dialog-content")]),footer:e.withCtx(()=>[e.createElementVNode("div",{class:"dialog-footer"},[e.createVNode(s,{type:"primary",onClick:t.confirmInner},{default:e.withCtx(()=>[e.createTextVNode("确定")]),_:1}),e.createTextVNode(),e.createVNode(s,{onClick:t.cancel},{default:e.withCtx(()=>[e.createTextVNode("关 闭")]),_:1})])]),_:3},8,["title","modelValue","width","modal"])}const jr=J(Fp,[["render",Op],["__file","index.vue"]]);var go={exports:{}},Rt={},gn={exports:{}},Co={},xo={},vr;function yo(){if(vr)return xo;vr=1;function n(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}n.prototype.clone_empty=function(){var t=new n(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},n.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},n.prototype.has_match=function(t){for(var r=this.__items.length-1;r>=0;r--)if(this.__items[r].match(t))return!0;return!1},n.prototype.set_indent=function(t,r){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=r||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},n.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},n.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},n.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count,t.__items[0]===" "&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},n.prototype.is_empty=function(){return this.__items.length===0},n.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},n.prototype.push=function(t){this.__items.push(t);var r=t.lastIndexOf(`
32
+ `+p+"]"}return r.pop(),i=p,m}},_p={parse:ip,stringify:fp};(function(){const n=()=>{console.log("%c 可视化编辑器 hflveditor3","color: #3498db; font-size: 16px; font-weight: bold;"),console.log("%c版本号: 0.2.4","color: #2ecc71;"),console.log("%c编译日期: 2025/11/20 17:26:26","color: #3498db;"),console.log("%c版权声明:","color: #e74c3c; font-weight: bold;"),console.log('%c 1. 版权完全归"hflsoft"享有。',"color: #34495e;"),console.log("%c 2. 程序包完整引用，不得以任何形式破解、裁剪，不得隐藏或删除版权信息。","color: #34495e;"),console.log("%c 3. 保留此版权信息在控制台输出。","color: #34495e;"),console.log("%c 版权所有 ©2024-2025 hflsoft 保留对此版权信息的最终解释权.","color: #f39c12;"),console.log("%c Copyright ©2024-2025 hflsoft All rights reserved.","color: #f39c12;")};if(typeof window<"u"){window._copyright_hflveditor3=n;try{Object.defineProperty(window,_copyright_hflveditor3,{value:n,writable:!1,configurable:!1,enumerable:!1})}catch{window._copyright_hflveditor3=n}}n()})();function fn(n){return!isNaN(parseFloat(n))&&isFinite(n)}function yt(n){return!!(n&&n!="")}function ut(n){return!!(n&&typeof n=="function")}function Sr(n){return n instanceof Object&&n!==null}function bt(n){return Object.keys(n).length===0}function Br(n){return typeof n=="string"||n instanceof String}function Re(n){if(typeof n=="object"){const o=Array.isArray(n)?[]:{};for(const a in n)typeof n[a]=="object"?o[a]=Re(n[a]):o[a]=n[a];return o}return n}function Te(n,o={}){if(Br(n)&&yt(n))try{return _p.parse(n)}catch(a){return console.warn("JSON 解析错误:",a),o}else return Sr(n)?n:o}function Se(n){return Br(n)?n:Sr(n)?JSON.stringify(n,null,2):""}function se(n,o){qd({message:o||"message",type:n||"info"})}function wt(n,o="确认",a="info",t,r){xt.confirm(n,o,{confirmButtonText:"确认",cancelButtonText:"取消",type:a}).then(()=>{ut(t)&&t()}).catch(()=>{ut(r)&&r()})}function Ar(n,o="提示",a={},t,r){xt.prompt(n,o,{confirmButtonText:"确认",cancelButtonText:"取消",inputPattern:a.pattern||"",inputErrorMessage:a.errMsg||""}).then(({value:i})=>{ut(t)&&t(i)}).catch(()=>{ut(r)&&r()})}const Ne={Component:"Comp_",Page:"P_",CompEvent:"CompEvent_"},hp=[{label:"PC端",value:"0",isDisabled:!0},{label:"1920*1080",value:"1"},{label:"1680*1050",value:"9"},{label:"1600*900",value:"2"},{label:"1400*1050",value:"10"},{label:"1366*768",value:"3"},{label:"1280*720",value:"4"},{label:"移动端",value:"5",isDisabled:!0,isDivided:!0},{label:"1024*1366",value:"6"},{label:"768*1024",value:"7"},{label:"480*800",value:"8"}],fo=["rgba(245, 10, 10, 1)","rgba(255, 255, 0, 1)","rgba(0, 255, 0, 1)","rgba(239, 236, 236, 1)","rgba(114,114,114,1)","rgba(0,255,255,1)","rgba(138,43,226,1)","rgba(16, 55, 81, 1)"],mp=[{label:"不重复",value:"no-repeat"},{label:"水平重复",value:"repeat-x"},{label:"垂直重复",value:"repeat-y"},{label:"双向重复",value:"repeat"}],gp=[{label:"覆盖",value:"cover"},{label:"适应",value:"contain"},{label:"自动",value:"auto"}],Cp=[{label:"顶部",value:"top"},{label:"底部",value:"bottom"},{label:"左侧",value:"left"},{label:"右侧",value:"right"},{label:"居中",value:"center"}],xp=[{label:"不适配",value:"no-adapter"},{label:"全屏铺满",value:"all-screen"},{label:"原始比例",value:"original-ratio"},{label:"横向适配-保持纵横比",value:"h-adapter-wh"},{label:"纵向适配-保持纵横比",value:"v-adapter-wh"},{label:"横向适配",value:"h-adapter"},{label:"纵向适配",value:"v-adapter"}],_n=[{label:"选项改变",value:"selectItem"},{label:"值改变",value:"changeValue"},{label:"鼠标点击",value:"onMouseClick"},{label:"键盘回车",value:"keyEnter"},{label:"组件挂载前",value:"onBeforeMount"},{label:"组件挂载后",value:"onMounted"},{label:"组件卸载前",value:"onBeforeUnmount"},{label:"组件卸载后",value:"onUnmounted"}],Fr=[{label:"数据请求",value:"dataRequest"},{label:"路由跳转",value:"router"},{label:"缓存设置",value:"cacheSet"},{label:"Web缓存",value:"webStorage"},{label:"组件局域参数设置",value:"paramSet"},{label:"组件局域参数映射",value:"paramMap"},{label:"自定义函数",value:"customFunction"},{label:"组件设置",value:"componentSet"},{label:"操作终止",value:"actionEnd"},{label:"消息弹出框",value:"messageBox"},{label:"打开对话框",value:"openDialog"}],yp=[{label:"GET",value:"GET"},{label:"POST",value:"POST"},{label:"PUT",value:"PUT"},{label:"DELETE",value:"DELETE"}],Or=[{label:"==",value:"=="},{label:"!=",value:"!="},{label:">",value:">"},{label:">=",value:">="},{label:"<",value:"<"},{label:"<=",value:"<="},{label:"包含",value:"contain"},{label:"不包含",value:"unContain"},{label:"字符串相等",value:"equals"},{label:"字符串不相等",value:"unEquals"},{label:"字符串忽略大小写相等",value:"equalsIgnoreCase"}],et=[{value:"inputV",label:"直接输入值"},{value:"inputP",label:"组件局域参数"},{value:"cacheP",label:"缓存参数"},{value:"containerP",label:"容器参数"},{value:"sessionP",label:"会话缓存参数"},{value:"localP",label:"本地缓存参数"},{value:"jsCookieP",label:"JSCookie缓存参数"},{value:"compProp",label:"组件值"},{value:"compStyle",label:"组件样式"}],bp=[{value:"inputP",label:"组件局域参数"},{value:"cacheP",label:"缓存参数"},{value:"sessionP",label:"会话缓存参数"},{value:"localP",label:"本地缓存参数"},{value:"jsCookieP",label:"JSCookie缓存参数"}],_o=[{value:"primary",label:"primary"},{value:"success",label:"success"},{value:"warning",label:"warning"},{value:"info",label:"info"},{value:"error",label:"error"}],Lr=[{value:"msg",label:"Message"},{value:"notify",label:"Notification"}];function Vt(n){return n*Math.PI/180}function ae(n,o,a){return{x:(n.x-o.x)*Math.cos(Vt(a))-(n.y-o.y)*Math.sin(Vt(a))+o.x,y:(n.x-o.x)*Math.sin(Vt(a))+(n.y-o.y)*Math.cos(Vt(a))+o.y}}function tt(n,o){return{x:n.x+(o.x-n.x)/2,y:n.y+(o.y-n.y)/2}}function Pr(n){return Math.abs(Math.sin(Vt(n)))}function Mr(n){return Math.abs(Math.cos(Vt(n)))}function It(n){return(n+360)%360}function hn(n){return`${n*100}%`}function wp(n){const o={};return["width","height","top","left","rotate"].forEach(a=>{a!="rotate"?o[a]=`${n[a]}px`:o.transform=`rotate(${n[a]}deg)`}),o}const Ir=["fontSize","width","height","top","left","borderWidth","letterSpacing","borderRadius"];function ho(n,o=[]){const a={};return["opacity","width","height","top","left","rotate","fontSize","fontWeight","lineHeight","letterSpacing","textAlign","color"].forEach(t=>{o.includes(t)||(t!="rotate"?n[t]!==""&&(a[t]=n[t],Ir.includes(t)&&(a[t]+="px")):a.transform=`${t}(${n[t]}deg)`)}),a}function mo(n,o=[]){const a={};return Object.keys(n).forEach(t=>{o.includes(t)||(t!="rotate"?n[t]!==""&&(a[t]=n[t],Ir.includes(t)&&(a[t]+="px")):a.transform=`${t}(${n[t]}deg)`)}),a}function Q(n){if(n={...n},n.rotate!=0){const o=n.width*Mr(n.rotate)+n.height*Pr(n.rotate),a=(n.width-o)/2;n.left+=a,n.right=n.left+o;const t=n.height*Mr(n.rotate)+n.width*Pr(n.rotate),r=(t-n.height)/2;n.top-=r,n.bottom=n.top+t,n.width=o,n.height=t}else n.bottom=n.top+n.height,n.right=n.left+n.width;return n}const Vp=["width","height","scale"];function Rr(n){const o={};return Object.keys(n).filter(a=>!Vp.includes(a)).forEach(a=>{a==="fontSize"?o[a]+="px":a==="backgroundImage"?o["background-image"]="url("+n[a]+")":a==="backgroundRepeat"?o["background-repeat"]=n[a]:a==="backgroundSize"?o["background-size"]=n[a]:a==="backgroundPosition"?o["background-position"]=n[a]:o[a]=n[a]}),o}function Dp(n){const o=n.style;n.propValue.forEach(a=>{if(!Object.keys(a.groupStyle).length){const t={...a.style};a.component.startsWith("SVG")?a.groupStyle=ho(t):a.groupStyle=mo(t),a.groupStyle.left=hn((t.left-o.left)/o.width),a.groupStyle.top=hn((t.top-o.top)/o.height),a.groupStyle.width=hn(t.width/o.width),a.groupStyle.height=hn(t.height/o.height)}})}function zr(n,o,a,t){const r={x:a.left-o.left+a.width/2,y:a.top-o.top+a.height/2};n.style.rotate=It(n.style.rotate+t.rotate),n.style.width=parseFloat(n.groupStyle.width)/100*t.width,n.style.height=parseFloat(n.groupStyle.height)/100*t.height,n.style.left=r.x-n.style.width/2,n.style.top=r.y-n.style.height/2,n.groupStyle={},n.style.width=Ut(n.style.width),n.style.height=Ut(n.style.height),n.style.left=Ut(n.style.left),n.style.top=Ut(n.style.top)}function Np(n){return{all:n=n||new Map,on:function(o,a){var t=n.get(o);t?t.push(a):n.set(o,[a])},off:function(o,a){var t=n.get(o);t&&(a?t.splice(t.indexOf(a)>>>0,1):n.set(o,[]))},emit:function(o,a){var t=n.get(o);t&&t.slice().map(function(r){r(a)}),(t=n.get("*"))&&t.slice().map(function(r){r(o,a)})}}}const ee=Np(),te={openCanvasSetting:"openCanvasDrawer",openRuleSetting:"openRuleSetting",openNewPage:"openNewPage",runAnimation:"runAnimation",stopAnimation:"stopAnimation",componentClick:"componentClick",move:"move",unmove:"unmove",hideArea:"hideArea",save:"save",preview:"preview",clearCanvas:"clearCanvas",importJson:"importJson",exportJson:"exportJson",openPage:"openPage",savePage:"savePage"},mn=new Map,ne=(n="default")=>{if(mn.has(n))return mn.get(n);const o=Fn.defineStore(`editor-${n}`,{state:()=>({rule:{scale:1,minScale:.3,maxScale:3},areaData:{style:{top:0,left:0,width:0,height:0},components:[]},editor:null,editorInstance:null,isDarkMode:!1,lastScale:100,canvasStyleData:{width:1200,height:800,scale:100,color:"#000",opacity:1,background:"#fff",fontSize:14,screenAdapter:"no-adapter"},isInEditor:!1,componentData:[],dashBorderColor:"rgba(114, 114, 114, 1)",curComponent:null,curComponentIndex:null,isClickComponent:!1,snapshotData:[],snapshotIndex:-1,menuTop:0,menuLeft:0,menuShow:!1,copyData:null,isCut:!1,ruleReferenceLine:"#00FFFF",rulePresetLine:[]}),actions:{setRuleScale(a){let t=Number(a);t>0&&(t=t>this.rule.maxScale?this.rule.maxScale:t,t=t<this.rule.minScale?this.rule.minScale:t,this.rule.scale=t)},addRuleScale(a){let t=Number(a)||"0.1",r=this.rule.scale+t;this.setRuleScale(r)},subtractRuleScale(a){let t=Number(a)||"0.1",r=this.rule.scale-t;this.setRuleScale(r)},setEditor(a){this.editor=a},setEditorInstance(a){this.editorInstance=a},setAreaData(a){this.areaData=a},compose({componentData:a,areaData:t,editor:r}){const i=[];t.components.forEach(l=>{if(l.component!="Group")i.push(l);else{const c={...l.style},f=l.propValue,d=this.getEditorBoundingClientRect();let h;f.forEach(y=>{h=this.getComponentRect(y.id),zr(y,d,h,c)}),i.push(...l.propValue)}});const s={id:Ce(Ne.Component),component:"Group",label:"组合",icon:"zuhe",...vo,style:{...jo,...t.style},propValue:i};Dp(s),this.addComponent(s),ee.emit(te.hideArea),this.batchDeleteComponent(t.components),this.setCurComponent(a[a.length-1],a.length-1),t.components=[]},batchDeleteComponent(a){a.forEach(t=>{for(let r=0,i=this.componentData.length;r<i;r++)if(t.id==this.componentData[r].id){this.componentData.splice(r,1);break}})},decompose({curComponent:a,editor:t}){const r={...this.curComponent.style},i=this.curComponent.propValue,s=this.getEditorBoundingClientRect();this.deleteComponent();let l;i.forEach(c=>{l=this.getComponentRect(c.id),zr(c,s,l,r),this.addComponent(c)})},getEditorBoundingClientRect(){return this.editor?.getBoundingClientRect()},setComponentData(a=[]){this.componentData=a},addComponent(a,t){t!==void 0?this.componentData.splice(t,0,a):this.componentData.push(a)},deleteComponent(a){a===void 0&&(a=this.curComponentIndex),a==this.curComponentIndex&&(this.curComponentIndex=null,this.curComponent=null),/\d/.test(a)&&this.componentData.splice(a,1)},setClickComponentStatus(a){this.isClickComponent=a},setCanvasStyle(a){this.canvasStyleData=a},setInEditorStatus(a){this.isInEditor=a},setCurComponent(a,t){this.curComponent=a,this.curComponentIndex=t},setShapeStyle({top:a,left:t,width:r,height:i,rotate:s,padding:l}){a!==void 0&&(this.curComponent.style.top=Math.round(a)),t!==void 0&&(this.curComponent.style.left=Math.round(t)),r&&(this.curComponent.style.width=Math.round(r)),l&&(this.curComponent.style.padding=Math.round(l)),i&&(this.curComponent.style.height=Math.round(i)),s&&(this.curComponent.style.rotate=Math.round(s))},setShapeSingleStyle({key:a,value:t}){this.curComponent.style[a]=t},recordSnapshot(){let a=Ee(this.componentData);a.forEach(t=>t.lastScale=this.lastScale),this.snapshotData[++this.snapshotIndex]=a,this.snapshotIndex<this.snapshotData.length-1&&(this.snapshotData=this.snapshotData.slice(0,this.snapshotIndex+1))},undo(){if(this.snapshotIndex>=0){this.snapshotIndex--;let a=Ee(this.snapshotData[this.snapshotIndex])||[];this.curComponent&&!a.find(r=>this.curComponent.id===r.id)&&this.setCurComponent({component:null,index:null}),a=qo(this,this.lastScale,a),this.setComponentData(a)}},redo(){if(this.snapshotIndex<this.snapshotData.length-1){this.snapshotIndex++;let a=qo(this,this.lastScale,Ee(this.snapshotData[this.snapshotIndex]));this.setComponentData(a)}},addAnimation(a){this.curComponent.animations.push(a)},removeAnimation(a){this.curComponent.animations.splice(a,1)},alterAnimation({index:a,data:t={}}){if(typeof a=="number"){const r=this.curComponent.animations[a];this.curComponent.animations[a]={...r,...t}}},addComponentEvent(a){this.curComponent.events[a.type]?this.curComponent.events[a.type].push(a):this.curComponent.events[a.type]=[a]},removeComponentEvent(a,t){this.curComponent.events[a]&&t>=0&&this.curComponent.events[a].splice(t,1)},alterComponentEvent(a,t,r={}){if(this.curComponent.events[a]&&t>=0){const i=this.curComponent.events[a][t];this.curComponent.events[a][t]={...i,...r}}},showContextMenu({top:a,left:t}){this.menuShow=!0,this.menuTop=a,this.menuLeft=t},hideContextMenu(){this.menuShow=!1},lock(){this.curComponent.isLock=!0},unlock(){this.curComponent.isLock=!1},copy(){if(!this.curComponent){se("error","请选择组件");return}this._restorePreCutData(),this.copyData=this._copyCurrentData(),this.isCut=!1},paste(a){if(!this.copyData){se("error","请选择组件");return}const t=this.copyData.data;a?(t.style.top=this.menuTop,t.style.left=this.menuLeft):(t.style.top+=10,t.style.left+=10),this.addComponent(this._deepCopyHelper(t),null),this.isCut&&(this.copyData=null)},cut(){if(!this.curComponent){se("error","请选择组件");return}this._restorePreCutData(),this.copyData=this._copyCurrentData(),this.deleteComponent(),this.isCut=!0},upComponent(){this.curComponentIndex<this.componentData.length-1?(Ho(this.componentData,this.curComponentIndex,this.curComponentIndex+1),this.curComponentIndex=this.curComponentIndex+1):se("error","已经到顶了")},downComponent(){this.curComponentIndex>0?(Ho(this.componentData,this.curComponentIndex,this.curComponentIndex-1),this.curComponentIndex=this.curComponentIndex-1):se("error","已经到底了")},topComponent(){this.curComponentIndex<this.componentData.length-1?(this.componentData.splice(this.curComponentIndex,1),this.componentData.push(this.curComponent),this.curComponentIndex=this.componentData.length-1):se("error","已经到顶了")},bottomComponent(){this.curComponentIndex>0?(this.componentData.splice(this.curComponentIndex,1),this.componentData.unshift(this.curComponent),this.curComponentIndex=0):se("error","已经到底了")},leftAlign(){if(this.areaData.components.length>1){let a=Math.min(...this.areaData.components.map(t=>Q(t.style).left));this.areaData.components.forEach(t=>{let i=Q(t.style).left-a;this._changeAlign(t,{left:t.style.left-i})})}else{let a=Q(this.curComponent.style),t=this.curComponent.style.left-a.left;this._changeAlign(this.curComponent,{left:t})}},rightAlign(){if(this.areaData.components.length>1){let a=Math.max(...this.areaData.components.map(t=>Q(t.style).right));this.areaData.components.forEach(t=>{let r=Q(t.style),i=a-r.right;this._changeAlign(t,{left:t.style.left+i})})}else{let a=Q(this.curComponent.style),t=this.curComponent.style.left-a.left,r=this.canvasStyleData.width+t-a.width;this._changeAlign(this.curComponent,{left:r})}},centerAlign(){if(this.areaData.components.length>1){let a=Math.min(...this.areaData.components.map(i=>Q(i.style).left)),t=Math.max(...this.areaData.components.map(i=>Q(i.style).right)),r=(a+t)/2;this.areaData.components.forEach(i=>{let s=Q(i.style),l=(s.left+s.right)/2,c=r-l;this._changeAlign(i,{left:i.style.left+c})})}else{let a=Q(this.curComponent.style),t=this.canvasStyleData.width/2,r=(a.left+a.right)/2,i=this.curComponent.style.left+(t-r);this._changeAlign(this.curComponent,{left:i})}},topAlign(){if(this.areaData.components.length>1){let a=Math.min(...this.areaData.components.map(t=>Q(t.style).top));this.areaData.components.forEach(t=>{let i=Q(t.style).top-a;this._changeAlign(t,{top:t.style.top-i})})}else{let a=Q(this.curComponent.style),t=this.curComponent.style.top-a.top;this._changeAlign(this.curComponent,{top:t})}},bottomAlign(){if(this.areaData.components.length>1){let a=Math.max(...this.areaData.components.map(t=>Q(t.style).bottom));this.areaData.components.forEach(t=>{let r=Q(t.style),i=a-r.bottom;this._changeAlign(t,{top:t.style.top+i})})}else{let a=Q(this.curComponent.style),t=this.curComponent.style.top-a.top,r=this.canvasStyleData.height+t-a.height;this._changeAlign(this.curComponent,{top:r})}},middleAlign(){if(this.areaData.components.length>1){let a=Math.min(...this.areaData.components.map(i=>Q(i.style).top)),t=Math.max(...this.areaData.components.map(i=>Q(i.style).bottom)),r=(a+t)/2;this.areaData.components.forEach(i=>{let s=Q(i.style),l=(s.top+s.bottom)/2,c=r-l;this._changeAlign(i,{top:i.style.top+c})})}else{let a=Q(this.curComponent.style),t=this.canvasStyleData.height/2,r=(a.top+a.bottom)/2,i=this.curComponent.style.top+(t-r);this._changeAlign(this.curComponent,{top:i})}},verticalSpacing(){const{components:a}=this.areaData;if(a.length>2){let t=0;a.forEach(c=>{let f=Q(c.style);t+=f.height});const i=this.areaData.style.height-t,s=Math.floor(i/(a.length-1));a.sort((c,f)=>Q(c.style).top-Q(f.style).top);let l=0;a.forEach(c=>{this._changeAlign(c,{top:this.areaData.style.top+l}),l+=s+Q(c.style).height})}},horizontalSpacing(){const{components:a}=this.areaData;if(a.length>2){let t=0;a.forEach(c=>{let f=Q(c.style);t+=f.width});const i=this.areaData.style.width-t,s=Math.floor(i/(a.length-1));a.sort((c,f)=>Q(c.style).left-Q(f.style).left);let l=0;a.forEach(c=>{c.style.left=this.areaData.style.left+l,l+=s+Q(c.style).width})}},getComponentRect(a){return this.editorInstance.getComponentRef(a)?.getBoundingClientRect()},_changeAlign(a,t){if(Array.isArray(a)){a.forEach(r=>{this._changeAlign(r,t)});return}for(let r in t)t.hasOwnProperty(r)&&(a.style[r]=t[r])},_copyCurrentData(){return{data:Ee(this.curComponent),index:this.curComponentIndex}},_deepCopyHelper(a){const t=Ee(a);return t.id=Ce(Ne.Component),t.component==="Group"&&t.propValue.forEach((r,i)=>{t.propValue[i]=this._deepCopyHelper(r)}),t},_restorePreCutData(){if(this.isCut&&this.copyData){const a=Ee(this.copyData.data),t=this.copyData.index;this.addComponent(a,t),this.curComponentIndex>=t&&this.curComponentIndex++}}}})();return mn.set(n,o),o},Ur=n=>{mn.delete(n)},Ep={__name:"ComponentList",props:{pageId:{type:String,default:""},editorStore:{type:Object,default:()=>ne()}},setup(n,{expose:o}){o();const a=n,t=e.computed(()=>a.editorStore?.curComponent||{}),r=e.computed(()=>a.editorStore?.curComponentIndex||0),i=e.computed(()=>a.editorStore?.componentData||[]),s=C=>{let D=C.compName;return D&&D.length>0&&D.trim()!==""||(D=C.label),D},l=C=>c(C).icon||"",c=C=>i.value[i.value.length-1-C],f=C=>i.value.length-1-C,d=C=>{g(C)},h=()=>{setTimeout(()=>{a.editorStore.deleteComponent(),a.editorStore.recordSnapshot()})},y=()=>{setTimeout(()=>{a.editorStore.upComponent(),a.editorStore.recordSnapshot()})},w=()=>{setTimeout(()=>{a.editorStore.downComponent(),a.editorStore.recordSnapshot()})},g=C=>{a.editorStore.setCurComponent(i.value[C],C)},m={props:a,curComponent:t,curComponentIndex:r,componentData:i,getCompName:s,getComponentIcon:l,getComponent:c,transformIndex:f,onClick:d,deleteComponent:h,upComponent:y,downComponent:w,setCurComponent:g,isShowIcon:C=>c(C).style.isHide?"bukejian":"kejian",isSvgIcon:function(C){return ze(C)&&C.startsWith("svg")},spanIconClass:function(C){return ze(C)&&C.startsWith("el")?C:"iconfont icon-"+C},get useEditorStore(){return ne},computed:e.computed,watch:e.watch,get isNotEmpty(){return ze}};return Object.defineProperty(m,"__isScriptSetup",{enumerable:!1,value:!0}),m}};function kp(n,o,a,t,r,i){const s=e.resolveComponent("ve-svg-icon");return e.openBlock(),e.createElementBlock("div",{class:"real-time-component-list"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.componentData,(l,c)=>(e.openBlock(),e.createElementBlock("div",{key:c,class:e.normalizeClass(["list",{actived:t.transformIndex(c)===t.curComponentIndex}]),onClick:f=>t.onClick(t.transformIndex(c))},[e.createElementVNode("div",{class:"comp-icon"},[t.isSvgIcon(t.getComponentIcon(c))?(e.openBlock(),e.createBlock(s,{key:0,"icon-class":t.getComponentIcon(c).substring(3)},null,8,["icon-class"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(t.spanIconClass(t.getComponentIcon(c)))},null,2))]),e.createTextVNode(),e.createElementVNode("span",{class:e.normalizeClass(["iconfont","icon-"+t.isShowIcon(c)])},null,2),e.createTextVNode(),e.createElementVNode("span",null,e.toDisplayString(t.getCompName(t.getComponent(c))),1),e.createTextVNode(),e.createElementVNode("div",{class:"icon-container"},[e.createElementVNode("span",{class:"iconfont icon-shangyi",onClick:f=>t.upComponent(t.transformIndex(c))},null,8,["onClick"]),e.createTextVNode(),e.createElementVNode("span",{class:"iconfont icon-xiayi",onClick:f=>t.downComponent(t.transformIndex(c))},null,8,["onClick"]),e.createTextVNode(),e.createElementVNode("span",{class:"iconfont icon-shanchu",onClick:f=>t.deleteComponent(t.transformIndex(c))},null,8,["onClick"])])],10,["onClick"]))),128))])}const Tp=J(Ep,[["render",kp],["__scopeId","data-v-abecf561"],["__file","ComponentList.vue"]]),Sp={__name:"index",props:{editorStore:{type:Object,default:()=>ne()},pageId:{type:String,default:""}},setup(n,{expose:o}){o();const a=n,t=e.ref("componentTab"),i={props:a,activeName:t,handleClick:()=>{},ref:e.ref,ComponentTab:Xl,get useEditorStore(){return ne},ComponentList:Tp};return Object.defineProperty(i,"__isScriptSetup",{enumerable:!1,value:!0}),i}};function Bp(n,o,a,t,r,i){const s=e.resolveComponent("el-tab-pane"),l=e.resolveComponent("el-tabs");return e.openBlock(),e.createBlock(l,{modelValue:t.activeName,"onUpdate:modelValue":o[0]||(o[0]=c=>t.activeName=c),type:"border-card",class:"tabs",onTabClick:t.handleClick},{default:e.withCtx(()=>[e.createVNode(s,{label:"组件",name:"componentTab"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.KeepAlive,null,[e.createVNode(t.ComponentTab)],1024))]),_:1}),e.createTextVNode(),e.createVNode(s,{label:"组件列表",name:"componentTreeTab"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.KeepAlive,null,[e.createVNode(t.ComponentList,{"editor-store":t.props.editorStore,"page-id":t.props.pageId},null,8,["editor-store","page-id"])],1024))]),_:1})]),_:1},8,["modelValue"])}const Ap=J(Sp,[["render",Bp],["__scopeId","data-v-f00af19f"],["__file","index.vue"]]),Fp=Object.assign({name:"CommonDialog"},{__name:"index",props:{width:{type:Number,default:500},title:{type:String,default:"对话框"},modal:{type:Boolean,default:!0}},emits:["confirm"],setup(n,{expose:o,emit:a}){const t=e.ref("弹框"),r=e.ref(!1),i=n,s=a;let l=null;const c=e.computed(()=>t.value&&yt(t.value)?t.value:i.title),f=()=>{s("confirm",{callBack:l})},d=()=>{r.value=!1},h=(w={})=>{r.value=!0,l=w.callBack,t.value=w.title||""};o({show:h,cancel:d});const y={showTitle:t,openDialog:r,props:i,emit:s,get callBack(){return l},set callBack(w){l=w},title:c,confirmInner:f,cancel:d,show:h,ref:e.ref,computed:e.computed,get isNotEmpty(){return yt}};return Object.defineProperty(y,"__isScriptSetup",{enumerable:!1,value:!0}),y}});function Op(n,o,a,t,r,i){const s=e.resolveComponent("el-button"),l=e.resolveComponent("el-dialog");return e.openBlock(),e.createBlock(l,{title:t.title,modelValue:t.openDialog,"onUpdate:modelValue":o[0]||(o[0]=c=>t.openDialog=c),width:t.props.width,"before-close":t.cancel,"destroy-on-close":!0,modal:t.props.modal,"show-close":!1,"align-center":!0,draggable:""},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"dialog-content")]),footer:e.withCtx(()=>[e.createElementVNode("div",{class:"dialog-footer"},[e.createVNode(s,{type:"primary",onClick:t.confirmInner},{default:e.withCtx(()=>[e.createTextVNode("确定")]),_:1}),e.createTextVNode(),e.createVNode(s,{onClick:t.cancel},{default:e.withCtx(()=>[e.createTextVNode("关 闭")]),_:1})])]),_:3},8,["title","modelValue","width","modal"])}const jr=J(Fp,[["render",Op],["__file","index.vue"]]);var go={exports:{}},Rt={},gn={exports:{}},Co={},xo={},vr;function yo(){if(vr)return xo;vr=1;function n(t){this.__parent=t,this.__character_count=0,this.__indent_count=-1,this.__alignment_count=0,this.__wrap_point_index=0,this.__wrap_point_character_count=0,this.__wrap_point_indent_count=-1,this.__wrap_point_alignment_count=0,this.__items=[]}n.prototype.clone_empty=function(){var t=new n(this.__parent);return t.set_indent(this.__indent_count,this.__alignment_count),t},n.prototype.item=function(t){return t<0?this.__items[this.__items.length+t]:this.__items[t]},n.prototype.has_match=function(t){for(var r=this.__items.length-1;r>=0;r--)if(this.__items[r].match(t))return!0;return!1},n.prototype.set_indent=function(t,r){this.is_empty()&&(this.__indent_count=t||0,this.__alignment_count=r||0,this.__character_count=this.__parent.get_indent_size(this.__indent_count,this.__alignment_count))},n.prototype._set_wrap_point=function(){this.__parent.wrap_line_length&&(this.__wrap_point_index=this.__items.length,this.__wrap_point_character_count=this.__character_count,this.__wrap_point_indent_count=this.__parent.next_line.__indent_count,this.__wrap_point_alignment_count=this.__parent.next_line.__alignment_count)},n.prototype._should_wrap=function(){return this.__wrap_point_index&&this.__character_count>this.__parent.wrap_line_length&&this.__wrap_point_character_count>this.__parent.next_line.__character_count},n.prototype._allow_wrap=function(){if(this._should_wrap()){this.__parent.add_new_line();var t=this.__parent.current_line;return t.set_indent(this.__wrap_point_indent_count,this.__wrap_point_alignment_count),t.__items=this.__items.slice(this.__wrap_point_index),this.__items=this.__items.slice(0,this.__wrap_point_index),t.__character_count+=this.__character_count-this.__wrap_point_character_count,this.__character_count=this.__wrap_point_character_count,t.__items[0]===" "&&(t.__items.splice(0,1),t.__character_count-=1),!0}return!1},n.prototype.is_empty=function(){return this.__items.length===0},n.prototype.last=function(){return this.is_empty()?null:this.__items[this.__items.length-1]},n.prototype.push=function(t){this.__items.push(t);var r=t.lastIndexOf(`
33
33
  `);r!==-1?this.__character_count=t.length-r:this.__character_count+=t.length},n.prototype.pop=function(){var t=null;return this.is_empty()||(t=this.__items.pop(),this.__character_count-=t.length),t},n.prototype._remove_indent=function(){this.__indent_count>0&&(this.__indent_count-=1,this.__character_count-=this.__parent.indent_size)},n.prototype._remove_wrap_indent=function(){this.__wrap_point_indent_count>0&&(this.__wrap_point_indent_count-=1)},n.prototype.trim=function(){for(;this.last()===" ";)this.__items.pop(),this.__character_count-=1},n.prototype.toString=function(){var t="";return this.is_empty()?this.__parent.indent_empty_lines&&(t=this.__parent.get_indent_string(this.__indent_count)):(t=this.__parent.get_indent_string(this.__indent_count,this.__alignment_count),t+=this.__items.join("")),t};function o(t,r){this.__cache=[""],this.__indent_size=t.indent_size,this.__indent_string=t.indent_char,t.indent_with_tabs||(this.__indent_string=new Array(t.indent_size+1).join(t.indent_char)),r=r||"",t.indent_level>0&&(r=new Array(t.indent_level+1).join(this.__indent_string)),this.__base_string=r,this.__base_string_length=r.length}o.prototype.get_indent_size=function(t,r){var i=this.__base_string_length;return r=r||0,t<0&&(i=0),i+=t*this.__indent_size,i+=r,i},o.prototype.get_indent_string=function(t,r){var i=this.__base_string;return r=r||0,t<0&&(t=0,i=""),r+=t*this.__indent_size,this.__ensure_cache(r),i+=this.__cache[r],i},o.prototype.__ensure_cache=function(t){for(;t>=this.__cache.length;)this.__add_column()},o.prototype.__add_column=function(){var t=this.__cache.length,r=0,i="";this.__indent_size&&t>=this.__indent_size&&(r=Math.floor(t/this.__indent_size),t-=r*this.__indent_size,i=new Array(r+1).join(this.__indent_string)),t&&(i+=new Array(t+1).join(" ")),this.__cache.push(i)};function a(t,r){this.__indent_cache=new o(t,r),this.raw=!1,this._end_with_newline=t.end_with_newline,this.indent_size=t.indent_size,this.wrap_line_length=t.wrap_line_length,this.indent_empty_lines=t.indent_empty_lines,this.__lines=[],this.previous_line=null,this.current_line=null,this.next_line=new n(this),this.space_before_token=!1,this.non_breaking_space=!1,this.previous_token_wrapped=!1,this.__add_outputline()}return a.prototype.__add_outputline=function(){this.previous_line=this.current_line,this.current_line=this.next_line.clone_empty(),this.__lines.push(this.current_line)},a.prototype.get_line_number=function(){return this.__lines.length},a.prototype.get_indent_string=function(t,r){return this.__indent_cache.get_indent_string(t,r)},a.prototype.get_indent_size=function(t,r){return this.__indent_cache.get_indent_size(t,r)},a.prototype.is_empty=function(){return!this.previous_line&&this.current_line.is_empty()},a.prototype.add_new_line=function(t){return this.is_empty()||!t&&this.just_added_newline()?!1:(this.raw||this.__add_outputline(),!0)},a.prototype.get_code=function(t){this.trim(!0);var r=this.current_line.pop();r&&(r[r.length-1]===`
34
34
  `&&(r=r.replace(/\n+$/g,"")),this.current_line.push(r)),this._end_with_newline&&this.__add_outputline();var i=this.__lines.join(`
35
35
  `);return t!==`
@@ -71,4 +71,4 @@ You passed in: '`+this.raw_options[t]+"'");return s},n.prototype._is_valid_selec
71
71
  `)]),_:2},1032,["onClick"]),e.createTextVNode(),e.createVNode(c,{style:{"margin-left":"2px"},size:"small",type:"danger",link:"",onClick:y=>t.removeNode(d,h)},{default:e.withCtx(()=>[e.createTextVNode(`删除\r
72
72
  `)]),_:2},1032,["onClick"])])):e.createCommentVNode("",!0)])]),_:1},8,["data"])])]),e.createTextVNode(),e.createVNode(t.EventDialog,{ref:"eventDialogRef"},null,512)],64)}const I0=J(P0,[["render",M0],["__scopeId","data-v-848ab548"],["__file","CompEvent.vue"]]),kn=[{label:"进入",children:[{label:"渐显",value:"fadeIn"},{label:"向右进入",value:"fadeInLeft"},{label:"向左进入",value:"fadeInRight"},{label:"向上进入",value:"fadeInUp"},{label:"向下进入",value:"fadeInDown"},{label:"向右长距进入",value:"fadeInLeftBig"},{label:"向左长距进入",value:"fadeInRightBig"},{label:"向上长距进入",value:"fadeInUpBig"},{label:"向下长距进入",value:"fadeInDownBig"},{label:"旋转进入",value:"rotateIn"},{label:"左顺时针旋转",value:"rotateInDownLeft"},{label:"右逆时针旋转",value:"rotateInDownRight"},{label:"左逆时针旋转",value:"rotateInUpLeft"},{label:"右逆时针旋转",value:"rotateInUpRight"},{label:"弹入",value:"bounceIn"},{label:"向右弹入",value:"bounceInLeft"},{label:"向左弹入",value:"bounceInRight"},{label:"向上弹入",value:"bounceInUp"},{label:"向下弹入",value:"bounceInDown"},{label:"光速从右进入",value:"lightSpeedIn"},{label:"光速从右退出",value:"lightSpeedOut"},{label:"中心X轴旋转",value:"flipInX"},{label:"中心Y轴旋转",value:"flipInY"},{label:"左长半径旋转",value:"rollIn"},{label:"由小变大进入",value:"zoomIn"},{label:"左变大进入",value:"zoomInLeft"},{label:"右变大进入",value:"zoomInRight"},{label:"向上变大进入",value:"zoomInUp"},{label:"向下变大进入",value:"zoomInDown"},{label:"向右滑动展开",value:"slideInLeft"},{label:"向左滑动展开",value:"slideInRight"},{label:"向上滑动展开",value:"slideInUp"},{label:"向下滑动展开",value:"slideInDown"}]},{label:"强调",children:[{label:"弹跳",value:"bounce"},{label:"闪烁",value:"flash"},{label:"放大缩小",value:"pulse"},{label:"放大缩小弹簧",value:"rubberBand"},{label:"左右晃动",value:"headShake"},{label:"左右扇形摇摆",value:"swing"},{label:"放大晃动缩小",value:"tada"},{label:"扇形摇摆",value:"wobble"},{label:"左右上下晃动",value:"jello"},{label:"Y轴旋转",value:"flip"}]},{label:"退出",children:[{label:"渐隐",value:"fadeOut"},{label:"向左退出",value:"fadeOutLeft"},{label:"向右退出",value:"fadeOutRight"},{label:"向上退出",value:"fadeOutUp"},{label:"向下退出",value:"fadeOutDown"},{label:"向左长距退出",value:"fadeOutLeftBig"},{label:"向右长距退出",value:"fadeOutRightBig"},{label:"向上长距退出",value:"fadeOutUpBig"},{label:"向下长距退出",value:"fadeOutDownBig"},{label:"旋转退出",value:"rotateOut"},{label:"左顺时针旋转",value:"rotateOutDownLeft"},{label:"右逆时针旋转",value:"rotateOutDownRight"},{label:"左逆时针旋转",value:"rotateOutUpLeft"},{label:"右逆时针旋转",value:"rotateOutUpRight"},{label:"弹出",value:"bounceOut"},{label:"向左弹出",value:"bounceOutLeft"},{label:"向右弹出",value:"bounceOutRight"},{label:"向上弹出",value:"bounceOutUp"},{label:"向下弹出",value:"bounceOutDown"},{label:"中心X轴旋转",value:"flipOutX"},{label:"中心Y轴旋转",value:"flipOutY"},{label:"左长半径旋转",value:"rollOut"},{label:"由小变大退出",value:"zoomOut"},{label:"左变大退出",value:"zoomOutLeft"},{label:"右变大退出",value:"zoomOutRight"},{label:"向上变大退出",value:"zoomOutUp"},{label:"向下变大退出",value:"zoomOutDown"},{label:"向左滑动收起",value:"slideOutLeft"},{label:"向右滑动收起",value:"slideOutRight"},{label:"向上滑动收起",value:"slideOutUp"},{label:"向下滑动收起",value:"slideOutDown"}]}];kn.forEach(n=>{n.children.forEach(o=>{o.pending=!1,o.animationTime=1})});const R0={__name:"AnimationList",props:{editorStore:{type:Object,default:()=>ne()}},setup(n,{expose:o}){o();const a=n,t=e.computed(()=>a.editorStore?.curComponent||{}),r=e.computed(()=>t.value.animations||[]),i=e.ref([]),s=e.ref(null),l=e.ref({}),c=g=>{let x=[];for(let p=0;p<kn.length;p++){x=kn[p].children||[];const u=x.find(m=>m.value===g);if(u)return u}return null},w={props:a,curComponent:t,animations:r,selectAnimation:i,animationCfgRef:s,editAnimation:l,getAnimationData:c,addAnimation:()=>{if(i.value&&i.value.length>0){let g=i.value[i.value.length-1];const x=c(g);x&&a.editorStore?.addAnimation(Re(x))}else se("warning","请选择需要添加的动画")},updateAnimation:g=>{let x=r.value[g];x&&(l.value={...Re(x),index:g},s.value?.show())},confirmEdit:g=>{a.editorStore?.alterAnimation({index:l.value.index,data:{animationTime:l.value.animationTime,isLoop:l.value.isLoop}}),s.value?.cancel()},deleteAnimation:g=>{a.editorStore?.removeAnimation(g)},get useEditorStore(){return ne},computed:e.computed,ref:e.ref,get animationClassData(){return kn},get showMessage(){return se},get deepCopy(){return Re},CommonDialog:jr};return Object.defineProperty(w,"__isScriptSetup",{enumerable:!1,value:!0}),w}};function z0(n,o,a,t,r,i){const s=e.resolveComponent("el-cascader"),l=e.resolveComponent("el-col"),c=e.resolveComponent("el-button"),f=e.resolveComponent("el-row"),d=e.resolveComponent("el-divider"),h=e.resolveComponent("el-input"),y=e.resolveComponent("el-text"),w=e.resolveComponent("el-input-number"),g=e.resolveComponent("el-switch");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{class:"animation-list"},[e.createVNode(f,{gutter:2},{default:e.withCtx(()=>[e.createVNode(l,{span:18,class:"item-label-start"},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:t.selectAnimation,"onUpdate:modelValue":o[0]||(o[0]=x=>t.selectAnimation=x),options:t.animationClassData,"show-all-levels":!1,placeholder:"选择动画",clearable:""},null,8,["modelValue","options"])]),_:1}),e.createTextVNode(),e.createVNode(l,{span:6,class:"item-label-start"},{default:e.withCtx(()=>[e.createVNode(c,{icon:"plus",type:"primary",onClick:t.addAnimation,title:"添加"})]),_:1})]),_:1}),e.createTextVNode(),e.createVNode(d,{"content-position":"left"},{default:e.withCtx(()=>[e.createTextVNode("已添加动画")]),_:1}),e.createTextVNode(),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.animations,(x,p)=>(e.openBlock(),e.createBlock(f,{gutter:2,key:p},{default:e.withCtx(()=>[e.createVNode(l,{span:12},{default:e.withCtx(()=>[e.createVNode(h,{modelValue:x.label,"onUpdate:modelValue":u=>x.label=u,type:"text",disabled:""},null,8,["modelValue","onUpdate:modelValue"])]),_:2},1024),e.createTextVNode(),e.createVNode(l,{span:12},{default:e.withCtx(()=>[e.createVNode(c,{icon:"edit",type:"primary",onClick:u=>t.updateAnimation(p),title:"编辑"},null,8,["onClick"]),e.createTextVNode(),e.createVNode(c,{icon:"delete",type:"danger",onClick:u=>t.deleteAnimation(p),title:"删除"},null,8,["onClick"])]),_:2},1024)]),_:2},1024))),128))]),e.createTextVNode(),e.createVNode(t.CommonDialog,{ref:"animationCfgRef",title:"动画配置",onConfirm:t.confirmEdit},{"dialog-content":e.withCtx(()=>[e.createElementVNode("div",{style:{width:"100%",height:"200px","overflow-y":"auto","overflow-x":"hidden"}},[e.createVNode(f,{gutter:2},{default:e.withCtx(()=>[e.createVNode(l,{span:6,class:"item-label-start"},{default:e.withCtx(()=>[e.createVNode(y,null,{default:e.withCtx(()=>[e.createTextVNode("时长(s):")]),_:1})]),_:1}),e.createTextVNode(),e.createVNode(l,{span:6},{default:e.withCtx(()=>[e.createVNode(w,{modelValue:t.editAnimation.animationTime,"onUpdate:modelValue":o[1]||(o[1]=x=>t.editAnimation.animationTime=x),precision:2,step:.01,min:.1},null,8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(l,{span:6,class:"item-label-start"},{default:e.withCtx(()=>[e.createVNode(y,null,{default:e.withCtx(()=>[e.createTextVNode("循环:")]),_:1})]),_:1}),e.createTextVNode(),e.createVNode(l,{span:6},{default:e.withCtx(()=>[e.createVNode(g,{modelValue:t.editAnimation.isLoop,"onUpdate:modelValue":o[2]||(o[2]=x=>t.editAnimation.isLoop=x)},null,8,["modelValue"])]),_:1})]),_:1})])]),_:1},512)],64)}const U0=J(R0,[["render",z0],["__scopeId","data-v-b1e64e02"],["__file","AnimationList.vue"]]),j0={__name:"index",props:{editorStore:{type:Object,default:()=>ne()},pageId:{type:String,default:""},formSize:{type:String,default:"default"}},setup(n,{expose:o}){o();const a=n,t=e.ref("attrTab"),r=e.computed(()=>a.editorStore?.curComponent||{}),i=e.computed(()=>yt(r.value.id)),l={props:a,activeName:t,curComponent:r,hasSelectComponent:i,handleClick:()=>{},computed:e.computed,ref:e.ref,watch:e.watch,get useEditorStore(){return ne},CompEvent:I0,AnimationList:U0,get isNotEmpty(){return yt}};return Object.defineProperty(l,"__isScriptSetup",{enumerable:!1,value:!0}),l}};function v0(n,o,a,t,r,i){const s=e.resolveComponent("el-tab-pane"),l=e.resolveComponent("el-tabs");return e.openBlock(),e.createBlock(l,{modelValue:t.activeName,"onUpdate:modelValue":o[0]||(o[0]=c=>t.activeName=c),type:"border-card",class:"tabs",onTabClick:t.handleClick},{default:e.withCtx(()=>[e.createVNode(s,{label:"属性",name:"attrTab"},{default:e.withCtx(()=>[t.curComponent?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.curComponent.component+"Attr"),{key:0,"page-id":t.props.pageId,"form-size":t.props.formSize},null,8,["page-id","form-size"])):e.createCommentVNode("",!0)]),_:1}),e.createTextVNode(),e.createVNode(s,{label:"数据",name:"dataTab"},{default:e.withCtx(()=>[t.curComponent?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.curComponent.component+"Data"),{key:0,"page-id":t.props.pageId,"form-size":t.props.formSize},null,8,["page-id","form-size"])):e.createCommentVNode("",!0)]),_:1}),e.createTextVNode(),e.createVNode(s,{label:"事件",name:"eventTab"},{default:e.withCtx(()=>[t.hasSelectComponent?(e.openBlock(),e.createBlock(t.CompEvent,{key:0,"editor-store":t.props.editorStore},null,8,["editor-store"])):e.createCommentVNode("",!0)]),_:1}),e.createTextVNode(),e.createVNode(s,{label:"动画",name:"animationTab"},{default:e.withCtx(()=>[t.curComponent?(e.openBlock(),e.createBlock(t.AnimationList,{key:0,"editor-store":t.props.editorStore},null,8,["editor-store"])):e.createCommentVNode("",!0)]),_:1})]),_:1},8,["modelValue"])}const K0=J(j0,[["render",v0],["__scopeId","data-v-9454352f"],["__file","index.vue"]]),Tn=Fn.defineStore("ve/base",{state:()=>({showLeftRegion:!0,showRightRegion:!0,sketchRuleConfig:{scale:1,rate:1,thick:20,lockLine:!1,isShowReferLine:!0,showRuler:!0,showShadowText:!0,lines:[],snapsObj:[],snapThreshold:5,shadow:{x:0,y:0,width:200,height:200},gridRatio:1,panzoomOption:{startX:0,startY:0,canvas:!0,maxScale:3,minScale:.3,disableZoom:!0,disablePan:!1,contain:"inside"},palette:{bgColor:"#f6f7f9",longfgColor:"#BABBBC",fontColor:"#7D8694",fontShadowColor:"#106ebe",shadowColor:"#E8E8E8",lineColor:"#51d6a9",lineType:"solid ",lockLineColor:"#d4d7dc",hoverColor:"#fff",hoverBg:"#000",borderColor:"#eeeeef"}},rulePresetLine:[]}),actions:{setRulePresetLine(n){this.rulePresetLine=n},setSketchRulePalette(n){this.sketchRuleConfig.palette={...this.sketchRuleConfig.palette,...n}}}}),H0={__name:"CanvasDrawer",setup(n,{expose:o}){let a=ne();const t=e.ref(!1),r=e.ref("name"),i=e.ref(null),s=e.computed(()=>ne(i.value||"default")),l=e.computed(()=>s.value.canvasStyleData),c=()=>{},f=w=>{t.value=!0,i.value=w},d=()=>{t.value=!1},h=w=>{w==1?(l.value.width=1920,l.value.height=1080):w==2?(l.value.width=1600,l.value.height=900):w==3?(l.value.width=1366,l.value.height=768):w==4?(l.value.width=1280,l.value.height=720):w==6?(l.value.width=1024,l.value.height=1366):w==7?(l.value.width=768,l.value.height=1024):w==8?(l.value.width=480,l.value.height=800):w==9?(l.value.width=1680,l.value.height=1050):w==10&&(l.value.width=1400,l.value.height=1050)};ee.on(te.openCanvasSetting,w=>{console.log("oepn canvase:"+w.pageId),f(w.pageId)}),o({show:f});const y={get editorStore(){return a},set editorStore(w){a=w},drawer:t,activeNames:r,currentStoreId:i,currentStore:s,canvas:l,changeSize:c,show:f,handleClose:d,handleSetCanvasSize:h,computed:e.computed,ref:e.ref,get emitter(){return ee},get eventDef(){return te},get useEditorStore(){return ne},get bkSizeArr(){return gp},get canvasSizeOptions(){return hp},get positionArr(){return Cp},get predefineColors(){return fo},get repeatArr(){return mp},get screenAdapterArr(){return xp}};return Object.defineProperty(y,"__isScriptSetup",{enumerable:!1,value:!0}),y}};function W0(n,o,a,t,r,i){const s=e.resolveComponent("arrow-down"),l=e.resolveComponent("el-icon"),c=e.resolveComponent("el-button"),f=e.resolveComponent("el-dropdown-item"),d=e.resolveComponent("el-dropdown-menu"),h=e.resolveComponent("el-dropdown"),y=e.resolveComponent("el-form-item"),w=e.resolveComponent("el-input-number"),g=e.resolveComponent("el-input"),x=e.resolveComponent("el-color-picker"),p=e.resolveComponent("el-option"),u=e.resolveComponent("el-select"),m=e.resolveComponent("el-form"),C=e.resolveComponent("el-collapse-item"),D=e.resolveComponent("el-collapse"),S=e.resolveComponent("el-drawer");return e.openBlock(),e.createBlock(S,{modelValue:t.drawer,"onUpdate:modelValue":o[10]||(o[10]=b=>t.drawer=b),title:"画布设置",direction:"rtl","before-close":t.handleClose,size:"400"},{default:e.withCtx(()=>[e.createVNode(D,{modelValue:t.activeNames,"onUpdate:modelValue":o[9]||(o[9]=b=>t.activeNames=b),class:"elCollapse",accordion:""},{default:e.withCtx(()=>[e.createVNode(C,{title:"属性",name:"name"},{default:e.withCtx(()=>[e.createVNode(m,{ref:"paramForm","label-width":"120","label-position":"left"},{default:e.withCtx(()=>[e.createVNode(y,{label:"尺寸"},{default:e.withCtx(()=>[e.createVNode(h,{trigger:"click",onCommand:t.handleSetCanvasSize,class:"common-item"},{dropdown:e.withCtx(()=>[e.createVNode(d,null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.canvasSizeOptions,b=>(e.openBlock(),e.createBlock(f,{key:b.value,command:b.value,divided:b.isDivided,disabled:b.isDisabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(b.label),1)]),_:2},1032,["command","divided","disabled"]))),128))]),_:1})]),default:e.withCtx(()=>[e.createVNode(c,{class:"common-item"},{default:e.withCtx(()=>[e.createTextVNode(`\r
73
73
  常用尺寸\r
74
- `),e.createVNode(l,{class:"el-icon--right"},{default:e.withCtx(()=>[e.createVNode(s)]),_:1})]),_:1}),e.createTextVNode()]),_:1})]),_:1}),e.createTextVNode(),e.createVNode(y,{label:"尺寸-宽度"},{default:e.withCtx(()=>[e.createVNode(w,{modelValue:t.canvas.width,"onUpdate:modelValue":o[0]||(o[0]=b=>t.canvas.width=b),precision:0,step:1,min:100,"step-strictly":"","controls-position":"right",class:"common-item"},null,8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(y,{label:"尺寸-高度"},{default:e.withCtx(()=>[e.createVNode(w,{modelValue:t.canvas.height,"onUpdate:modelValue":o[1]||(o[1]=b=>t.canvas.height=b),precision:0,step:1,min:100,"step-strictly":"","controls-position":"right",class:"common-item"},null,8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(y,{label:"背景图片"},{default:e.withCtx(()=>[e.createVNode(g,{modelValue:t.canvas.backgroundImage,"onUpdate:modelValue":o[2]||(o[2]=b=>t.canvas.backgroundImage=b),type:"text",class:"common-item"},null,8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(y,{label:"背景色"},{default:e.withCtx(()=>[e.createVNode(x,{modelValue:t.canvas.backgroundColor,"onUpdate:modelValue":o[3]||(o[3]=b=>t.canvas.backgroundColor=b),"show-alpha":"",predefine:t.predefineColors},null,8,["modelValue","predefine"])]),_:1}),e.createTextVNode(),e.createVNode(y,{label:"透明度"},{default:e.withCtx(()=>[e.createVNode(w,{modelValue:t.canvas.opacity,"onUpdate:modelValue":o[4]||(o[4]=b=>t.canvas.opacity=b),type:"number",precision:1,step:.1,max:1,min:0,class:"common-item"},null,8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(y,{label:"图片大小"},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:t.canvas.backgroundSize,"onUpdate:modelValue":o[5]||(o[5]=b=>t.canvas.backgroundSize=b),placeholder:"请选择",class:"common-item",clearable:"",filterable:"","allow-create":""},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.bkSizeArr,b=>(e.openBlock(),e.createBlock(p,{key:b.value,label:b.label,value:b.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(y,{label:"图片重复"},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:t.canvas.backgroundRepeat,"onUpdate:modelValue":o[6]||(o[6]=b=>t.canvas.backgroundRepeat=b),placeholder:"请选择",class:"common-item",clearable:"",filterable:"","allow-create":""},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.repeatArr,b=>(e.openBlock(),e.createBlock(p,{key:b.value,label:b.label,value:b.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(y,{label:"图片位置"},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:t.canvas.backgroundPosition,"onUpdate:modelValue":o[7]||(o[7]=b=>t.canvas.backgroundPosition=b),placeholder:"请选择",class:"common-item",clearable:"",filterable:"","allow-create":""},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.positionArr,b=>(e.openBlock(),e.createBlock(p,{key:b.value,label:b.label,value:b.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(y,{label:"适配方式"},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:t.canvas.screenAdapter,"onUpdate:modelValue":o[8]||(o[8]=b=>t.canvas.screenAdapter=b),placeholder:"请选择",class:"common-item",clearable:"",filterable:"","allow-create":""},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.screenAdapterArr,b=>(e.openBlock(),e.createBlock(p,{key:b.value,label:b.label,value:b.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1})]),_:1},512)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["modelValue"])}const q0=J(H0,[["render",W0],["__scopeId","data-v-12c217c0"],["__file","CanvasDrawer.vue"]]),G0={__name:"index",props:{pageId:{type:String,required:!0,default:""}},setup(n,{expose:o}){o();const a=Tn(),t=e.ref("default"),r=e.ref(null);let i;const s=n,l=[{label:"左对齐",value:"leftAlign"},{label:"水平居中",value:"centerAlign"},{label:"右对齐",value:"rightAlign"},{label:"顶对齐",value:"topAlign"},{label:"垂直居中",value:"middleAlign"},{label:"底对齐",value:"bottomAlign"},{label:"水平等间距",value:"horizontalSpacing",isDisabled:!0},{label:"垂直等间距",value:"verticalSpacing",isDisabled:!0}];e.watch(()=>s.pageId,L=>{L&&(i=ne(L))},{immediate:!0});const c=e.computed(()=>i.curComponent),f=e.computed(()=>i.areaData),d=e.computed(()=>c.value&&!c.value.isLock||f.value.components.length>1),h=()=>{let L=Ce(Ne.Page);ee.emit(te.openNewPage,{pageId:L})},y=()=>{ee.emit(te.openPage,{})},w=()=>{let L=p(),W=JSON.stringify(L);sessionStorage.setItem("VE3PageCacheId",W),ee.emit(te.savePage,{cacheId:"VE3PageCacheId"})},g=()=>{let L=p(),W=JSON.stringify(L,null,4);localStorage.setItem("VE3PageCacheId",W),ee.emit(te.preview,{})},x=()=>{ee.emit(te.importJson,{})},p=()=>({canvasStyle:i.canvasStyleData,componentData:i.componentData}),u=()=>{let L=p(),W=JSON.stringify(L,null,4);ee.emit(te.exportJson,W)},m=()=>{i.setCurComponent(null,null),i.setComponentData([]),i.recordSnapshot(),i.rulePresetLine=[]},C=()=>{i.curComponent&&(i.deleteComponent(),i.recordSnapshot())},D=e.computed(()=>!i.areaData.components.length),S=e.computed(()=>!c.value||c.value.isLock||c.value.component!="Group"),b=e.computed(()=>!c.value||c.value.isLock),N=e.computed(()=>!c.value||!c.value.isLock),I={veBaseStore:a,size:t,sketchRuleSetRef:r,get editorStore(){return i},set editorStore(L){i=L},props:s,alignList:l,curComponent:c,areaData:f,showComponentAlign:d,openNewPage:h,openPage:y,savePage:w,previewPage:g,importJSON:x,getPageData:p,exportJSON:u,clearCanvas:m,delComponent:C,disabledCompose:D,disableDecompose:S,disabledLock:b,disabledUnLock:N,lock:()=>{b.value||i.lock()},unlock:()=>{N.value||i.unlock()},compose:()=>{D.value||(i.compose(),i.recordSnapshot())},decompose:()=>{S.value||(i.decompose(),i.recordSnapshot())},undo:()=>{i.undo()},redo:()=>{i.redo()},openRuleSetting:()=>{ee.emit(te.openRuleSetting,{pageId:s.pageId})},openCanvasSetting:()=>{ee.emit(te.openCanvasSetting,{pageId:s.pageId})},handleComponentAlign:L=>{if(typeof i[L]=="function"){if((L=="horizontalSpacing"||L=="verticalSpacing")&&f.value.components.length<3)return;i[L](L)}else{se("error","无效的命令");return}i.recordSnapshot();let W=1/0,G=1/0,$=-1/0,z=-1/0;f.value.components.length>1&&(f.value.components.forEach(_e=>{let ce=Q(_e.style);ce.left<G&&(G=ce.left),ce.top<W&&(W=ce.top),ce.right>$&&($=ce.right),ce.bottom>z&&(z=ce.bottom)}),i.setAreaData({style:{left:G,top:W,width:$-G,height:z-W},components:f.value.components}))},computed:e.computed,ref:e.ref,watch:e.watch,get useVEBaseStore(){return Tn},get emitter(){return ee},get eventDef(){return te},get useEditorStore(){return ne},get generatePrefixID(){return Ce},get keepDecimal(){return Wl},get IdPrefix(){return Ne},get showMessage(){return se},get getComponentRotatedStyle(){return Q}};return Object.defineProperty(I,"__isScriptSetup",{enumerable:!1,value:!0}),I}};function X0(n,o,a,t,r,i){const s=e.resolveComponent("comp-svg-icon"),l=e.resolveComponent("el-dropdown-item"),c=e.resolveComponent("el-dropdown-menu"),f=e.resolveComponent("el-dropdown");return e.openBlock(),e.createElementBlock("div",{class:"tool-bar"},[e.createElementVNode("div",{class:"tool-list"},[e.createElementVNode("ul",{class:"icon-list"},[e.createElementVNode("li",{class:"tool-item",title:"收缩左边",onClick:o[0]||(o[0]=d=>t.veBaseStore.showLeftRegion=!t.veBaseStore.showLeftRegion)},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"foldLeft"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"收缩右边",onClick:o[1]||(o[1]=d=>t.veBaseStore.showRightRegion=!t.veBaseStore.showRightRegion)},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"foldRight"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"新建",onClick:t.openNewPage},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"newPage"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"打开",onClick:t.openPage},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"folder"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"保存",onClick:t.savePage},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"save"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"预览",onClick:t.previewPage},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"preview"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"导入",onClick:t.importJSON},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"importSvg"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"导出",onClick:t.exportJSON},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"exportSvg"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"清空",onClick:t.clearCanvas},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"clear"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"删除",onClick:t.delComponent},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"deleteIcon"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"撤销",onClick:t.undo},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"undo"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"重做",onClick:t.redo},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"redo"})])]),e.createTextVNode(),e.createElementVNode("li",{class:e.normalizeClass(["tool-item",{disabled:t.disabledCompose}]),title:"组合",onClick:t.compose},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"combination"})])],2),e.createTextVNode(),e.createElementVNode("li",{class:e.normalizeClass(["tool-item",{disabled:t.disableDecompose}]),title:"拆分",onClick:t.decompose},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"split"})])],2),e.createTextVNode(),e.createElementVNode("li",{class:e.normalizeClass(["tool-item",{disabled:t.disabledLock}]),title:"锁定",onClick:t.lock},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"lock"})])],2),e.createTextVNode(),e.createElementVNode("li",{class:e.normalizeClass(["tool-item",{disabled:t.disabledUnLock}]),title:"解锁",onClick:t.unlock},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"unlock"})])],2),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"标尺设置",onClick:t.openRuleSetting},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"sketchRule"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"画布设置",onClick:t.openCanvasSetting},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"canvas"})])]),e.createTextVNode(),e.createCommentVNode(' <li class="tool-item" title="设置">'),e.createTextVNode(),e.createCommentVNode(' <div class="tool-content">'),e.createTextVNode(),e.createCommentVNode(' <comp-svg-icon name="setting"></comp-svg-icon>'),e.createTextVNode(),e.createCommentVNode(" </div>"),e.createTextVNode(),e.createCommentVNode(" </li>"),e.createTextVNode(),t.showComponentAlign?(e.openBlock(),e.createElementBlock("li",{key:0,class:"tool-item",title:"对齐方式"},[e.createElementVNode("div",{class:"tool-content",style:{width:"100px"}},[e.createVNode(f,{placement:"bottom-start","hide-on-click":!1,trigger:"click",onCommand:t.handleComponentAlign},{dropdown:e.withCtx(()=>[e.createVNode(c,null,{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(t.alignList,d=>e.createVNode(l,{key:d.value,command:d.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.label),1)]),_:2},1032,["command"])),64))]),_:1})]),default:e.withCtx(()=>[e.createElementVNode("span",{class:"el-dropdown-link"},"对齐方式"),e.createTextVNode()]),_:1})])])):e.createCommentVNode("",!0),e.createTextVNode(),e.createCommentVNode(' <li class="tool-item" title="缩放比">'),e.createTextVNode(),e.createCommentVNode(' <div class="tool-content">'),e.createTextVNode(),e.createCommentVNode(" <span>{{ scale }}</span>"),e.createTextVNode(),e.createCommentVNode(" </div>"),e.createTextVNode(),e.createCommentVNode(" </li>"),e.createTextVNode(),e.createCommentVNode(' <li class="tool-item" title="还原" @click="restoreCanvas">'),e.createTextVNode(),e.createCommentVNode(' <div class="tool-content">'),e.createTextVNode(),e.createCommentVNode(' <comp-svg-icon name="restore"></comp-svg-icon>'),e.createTextVNode(),e.createCommentVNode(" </div>"),e.createTextVNode(),e.createCommentVNode(" </li>"),e.createTextVNode(),e.createCommentVNode(' <li class="tool-item" title="放大" @click="zoomin">'),e.createTextVNode(),e.createCommentVNode(' <div class="tool-content">'),e.createTextVNode(),e.createCommentVNode(' <comp-svg-icon name="zoomout"></comp-svg-icon>'),e.createTextVNode(),e.createCommentVNode(" </div>"),e.createTextVNode(),e.createCommentVNode(" </li>"),e.createTextVNode(),e.createCommentVNode(' <li class="tool-item" title="缩小" @click="zoomout">'),e.createTextVNode(),e.createCommentVNode(' <div class="tool-content">'),e.createTextVNode(),e.createCommentVNode(' <comp-svg-icon name="zoomin"></comp-svg-icon>'),e.createTextVNode(),e.createCommentVNode(" </div>"),e.createTextVNode(),e.createCommentVNode(" </li>")])])])}const Y0=J(G0,[["render",X0],["__scopeId","data-v-7aeb4379"],["__file","index.vue"]]),Sn=function(){return document.addEventListener?function(n,o,a){n&&o&&a&&n.addEventListener(o,a,!1)}:function(n,o,a){n&&o&&a&&n.attachEvent("on"+o,a)}}(),Bn=function(){return document.removeEventListener?function(n,o,a){n&&o&&n.removeEventListener(o,a,!1)}:function(n,o,a){n&&o&&n.detachEvent("on"+o,a)}}(),Nt=17,Io=18,yl=82,J0={__name:"index",props:{position:{type:String,default:"relative",validator:n=>["absolute","fixed","relative","static","inherit"].includes(n)},isHotKey:{type:Boolean,default:!0},isScaleRevise:{type:Boolean,default:!1},referenceLine:{type:Array,default:()=>[]},contentLayout:{type:Object,default:()=>({top:0,left:0})},parent:{type:Boolean,default:!0},visible:{type:Boolean,default:!0},lineColor:{type:String,default:"black"}},emits:["update:visible","update:referenceLine"],setup(n,{expose:o,emit:a}){const t=n,r=a,i=e.ref([]),s=e.ref([]),l=e.ref(!1),c=e.ref(-999),f=e.ref(-999),d=e.ref(t.visible),h=e.ref(null),y=e.ref(null),w=e.ref(null);let g=0,x=0,p=0,u=0,m="",C="",D=null;const S=e.ref(null),b=e.ref(1600),N=e.ref(800),V=e.ref(1200),T=e.ref(800);let _,E;const k=e.ref({width:0,height:0});e.watch([b,N,V,T],pa(([B,K,H,oe])=>{k.value={width:B>H?B:H+100,height:K>oe?K:oe+100},console.log("执行init..."),W()},100),{immediate:!0});const j=e.computed(()=>({width:`${k.value.width}px`,height:`${k.value.height}px`,position:t.position})),v=e.computed(()=>{}),q=e.computed(()=>{}),O=e.computed(()=>({left:`${t.contentLayout.left}px`,top:`${t.contentLayout.top}px`,padding:`${d.value?Io:0}px 0 0 ${d.value?Io:0}px`})),I=e.computed(()=>{let B=t.referenceLine;return A(B)});e.watch(()=>t.visible,B=>{d.value=B},{immediate:!0});const L=()=>{!y.value||!w.value||(g=y.value.getBoundingClientRect().y,x=w.value.getBoundingClientRect().x)},W=()=>{G(),$()},G=()=>{if(t.isScaleRevise&&h.value){const B=h.value.offsetLeft,K=h.value.offsetTop;i.value=Array.from({length:Math.floor(B/50)},(H,oe)=>({id:oe*50})),s.value=Array.from({length:Math.floor(K/50)},(H,oe)=>({id:oe*50}))}y.value&&w.value&&(p=w.value.clientWidth,u=y.value.clientHeight),L()},$=()=>{i.value=Array.from({length:Math.floor(k.value.width/50)},(B,K)=>({id:K*50})),s.value=Array.from({length:Math.floor(k.value.height/50)},(B,K)=>({id:K*50}))},z=B=>{const K=B.type==="h"?{top:`${B.top}px`}:{left:`${B.left}px`};return B.color&&(K.backgroundColor=B.color),K},_e=B=>{l.value=!0,m=B==="h"?"x":"y"},ce=B=>{l.value=!0,m=B.type,C=B.id},pe=B=>{if(l.value)switch(L(),m){case"x":f.value=B.pageY-g;break;case"y":c.value=B.pageX-x;break;case"h":f.value=B.pageY-g;break;case"v":c.value=B.pageX-x;break}},Le=B=>{if(!l.value)return;L(),l.value=!1;const K=[...t.referenceLine];let H;switch(m){case"x":H=Math.round(B.pageY-g-Nt),H>0&&K.push({type:"h",site:H});break;case"y":H=Math.round(B.pageX-x-Nt),H>0&&K.push({type:"v",site:H});break;case"h":case"v":const he=K.findIndex(Et=>Et.id===C);he>=0&&(H=Math.round(m==="h"?B.pageY-g-Nt:B.pageX-x-Nt),K[he]={...K[he],site:H});break}let oe=A(K);r("update:referenceLine",oe),f.value=-999,c.value=-999},A=B=>B.map((H,oe)=>({id:`${H.type}_${oe}`,type:H.type,site:H.site,title:`${H.site}px`,[H.type==="h"?"top":"left"]:H.site+Nt,color:t.lineColor})),P=B=>{t.isHotKey&&B.keyCode===yl&&(d.value=!d.value,r("update:visible",d.value))},R=()=>{S.value&&(b.value=S.value.clientWidth,N.value=S.value.clientHeight)};e.onMounted(()=>{R(),h.value&&(E=new ResizeObserver(K=>{const{width:H,height:oe}=K[0].contentRect;V.value=H,T.value=oe,console.log("插槽内容宽高变化:",H,oe)}),E.observe(h.value));const B=e.getCurrentInstance();B?.vnode.el&&(D=B.vnode.el.parentNode,e.nextTick(W)),Sn(document,"mousemove",pe),Sn(document,"mouseup",Le),Sn(document,"keyup",P)}),e.onBeforeUnmount(()=>{Bn(document,"mousemove",pe),Bn(document,"mouseup",Le),Bn(document,"keyup",P)}),e.onUnmounted(()=>{E?.disconnect()}),o({updateSize:R});const M={props:t,emit:r,SIZE:Nt,LEFT_TOP:Io,KEY_CODE_R:yl,xScale:i,yScale:s,isDrag:l,horizontalDottedLeft:c,verticalDottedTop:f,rulerToggle:d,content:h,horizontalRuler:y,verticalRuler:w,get topSpacing(){return g},set topSpacing(B){g=B},get leftSpacing(){return x},set leftSpacing(B){x=B},get rulerWidth(){return p},set rulerWidth(B){p=B},get rulerHeight(){return u},set rulerHeight(B){u=B},get dragFlag(){return m},set dragFlag(B){m=B},get dragLineId(){return C},set dragLineId(B){C=B},get parentNode(){return D},set parentNode(B){D=B},containerRef:S,containerWidth:b,containerHeight:N,slotWidth:V,slotHeight:T,get resizeObserver(){return _},set resizeObserver(B){_=B},get resizeSlotObserver(){return E},set resizeSlotObserver(B){E=B},wrapperSize:k,wrapperStyle:j,hStyle:v,vStyle:q,contentStyle:O,lineList:I,setSpacing:L,init:W,calculateDimensions:G,calculateScales:$,getLineStyle:z,handleRulerMouseDown:_e,handleLineMouseDown:ce,handleMouseMove:pe,handleMouseUp:Le,reCalcLines:A,handleKeyUp:P,updateSize:R,ref:e.ref,computed:e.computed,watch:e.watch,onMounted:e.onMounted,onBeforeUnmount:e.onBeforeUnmount,getCurrentInstance:e.getCurrentInstance,nextTick:e.nextTick,onUnmounted:e.onUnmounted,get debounce(){return pa},get on(){return Sn},get off(){return Bn}};return Object.defineProperty(M,"__isScriptSetup",{enumerable:!1,value:!0}),M}};function Z0(n,o,a,t,r,i){return e.openBlock(),e.createElementBlock("div",{ref:"containerRef",class:"vue-rule-container",onselectstart:"return false;"},[e.createElementVNode("div",{style:e.normalizeStyle(t.wrapperStyle),class:"vue-ruler-wrapper",onselectstart:"return false;"},[e.withDirectives(e.createElementVNode("section",null,[e.createElementVNode("div",{ref:"horizontalRuler",class:"vue-ruler-h",style:e.normalizeStyle(t.hStyle),onMousedown:o[0]||(o[0]=e.withModifiers(s=>t.handleRulerMouseDown("h"),["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.xScale,(s,l)=>(e.openBlock(),e.createElementBlock("span",{key:l,style:e.normalizeStyle({left:`${l*50+2}px`}),class:"n"},e.toDisplayString(s.id),5))),128))],36),e.createTextVNode(),e.createElementVNode("div",{ref:"verticalRuler",class:"vue-ruler-v",style:e.normalizeStyle(t.vStyle),onMousedown:o[1]||(o[1]=e.withModifiers(s=>t.handleRulerMouseDown("v"),["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.yScale,(s,l)=>(e.openBlock(),e.createElementBlock("span",{key:l,style:e.normalizeStyle({top:`${l*50+2}px`}),class:"n"},e.toDisplayString(s.id),5))),128))],36),e.createTextVNode(),e.createElementVNode("div",{style:e.normalizeStyle({top:`${t.verticalDottedTop}px`}),class:"vue-ruler-ref-dot-h"},null,4),e.createTextVNode(),e.createElementVNode("div",{style:e.normalizeStyle({left:`${t.horizontalDottedLeft}px`}),class:"vue-ruler-ref-dot-v"},null,4),e.createTextVNode(),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.lineList,s=>(e.openBlock(),e.createElementBlock("div",{key:s.id,title:s.title,style:e.normalizeStyle(t.getLineStyle(s)),class:e.normalizeClass(`vue-ruler-ref-line-${s.type}`),onMousedown:l=>t.handleLineMouseDown(s)},null,46,["title","onMousedown"]))),128))],512),[[e.vShow,t.rulerToggle]]),e.createTextVNode(),e.createElementVNode("div",{ref:"content",class:"vue-ruler-content",style:e.normalizeStyle(t.contentStyle)},[e.renderSlot(n.$slots,"canvas-content",{},void 0,!0)],4),e.createTextVNode(),e.withDirectives(e.createElementVNode("div",{class:"vue-ruler-content-mask"},null,512),[[e.vShow,t.isDrag]])],4)],512)}const Q0=J(J0,[["render",Z0],["__scopeId","data-v-75e5d96d"],["__file","index.vue"]]),$0={__name:"GridLine",props:{isDarkMode:{type:Boolean,default:!1}},setup(n,{expose:o}){o();const a=Ce("SG_"),t=Ce("G_"),r={smallGridId:a,gridId:t,get generatePrefixID(){return Ce}};return Object.defineProperty(r,"__isScriptSetup",{enumerable:!1,value:!0}),r}};function ef(n,o,a,t,r,i){return e.openBlock(),e.createElementBlock("svg",{class:"grid",width:"100%",height:"100%",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("defs",null,[e.createElementVNode("pattern",{id:t.smallGridId,width:"7.236328125",height:"7.236328125",patternUnits:"userSpaceOnUse"},[e.createElementVNode("path",{d:"M 7.236328125 0 L 0 0 0 7.236328125",fill:"none",stroke:a.isDarkMode?"rgba(207, 207, 207, 0.5)":"rgba(207, 207, 207, 0.3)","stroke-width":"1"},null,8,["stroke"])],8,["id"]),e.createTextVNode(),e.createElementVNode("pattern",{id:t.gridId,width:"36.181640625",height:"36.181640625",patternUnits:"userSpaceOnUse"},[e.createElementVNode("rect",{width:"36.181640625",height:"36.181640625",fill:"url(#"+t.smallGridId+")"},null,8,["fill"]),e.createTextVNode(),e.createElementVNode("path",{d:"M 36.181640625 0 L 0 0 0 36.181640625",fill:"none",stroke:a.isDarkMode?"rgba(186, 186, 186)":"rgba(186, 186, 186, 0.5)","stroke-width":"1"},null,8,["stroke"])],8,["id"])]),e.createTextVNode(),e.createElementVNode("rect",{width:"100%",height:"100%",fill:"url(#"+t.gridId+")"},null,8,["fill"])])}const tf=J($0,[["render",ef],["__scopeId","data-v-e0b9a335"],["__file","GridLine.vue"]]),nf={lt:of,t:sf,rt:af,r:cf,rb:rf,b:uf,lb:lf,l:df};function of(n,o,a,t,r){const{symmetricPoint:i}=r;let s=tt(o,i),l=ae(o,s,-n.rotate),c=ae(i,s,-n.rotate),f=c.x-l.x,d=c.y-l.y;if(t){f/d>a?(l.x+=Math.abs(f-d*a),f=d*a):(l.y+=Math.abs(d-f/a),d=f/a);const h=ae(l,s,n.rotate);s=tt(h,i),l=ae(h,s,-n.rotate),c=ae(i,s,-n.rotate),f=c.x-l.x,d=c.y-l.y}f>0&&d>0&&(n.width=Math.round(f),n.height=Math.round(d),n.left=Math.round(l.x),n.top=Math.round(l.y))}function af(n,o,a,t,r){const{symmetricPoint:i}=r;let s=tt(o,i),l=ae(o,s,-n.rotate),c=ae(i,s,-n.rotate),f=l.x-c.x,d=c.y-l.y;if(t){f/d>a?(l.x-=Math.abs(f-d*a),f=d*a):(l.y+=Math.abs(d-f/a),d=f/a);const h=ae(l,s,n.rotate);s=tt(h,i),l=ae(h,s,-n.rotate),c=ae(i,s,-n.rotate),f=l.x-c.x,d=c.y-l.y}f>0&&d>0&&(n.width=Math.round(f),n.height=Math.round(d),n.left=Math.round(c.x),n.top=Math.round(l.y))}function rf(n,o,a,t,r){const{symmetricPoint:i}=r;let s=tt(o,i),l=ae(i,s,-n.rotate),c=ae(o,s,-n.rotate),f=c.x-l.x,d=c.y-l.y;if(t){f/d>a?(c.x-=Math.abs(f-d*a),f=d*a):(c.y-=Math.abs(d-f/a),d=f/a);const h=ae(c,s,n.rotate);s=tt(h,i),l=ae(i,s,-n.rotate),c=ae(h,s,-n.rotate),f=c.x-l.x,d=c.y-l.y}f>0&&d>0&&(n.width=Math.round(f),n.height=Math.round(d),n.left=Math.round(l.x),n.top=Math.round(l.y))}function lf(n,o,a,t,r){const{symmetricPoint:i}=r;let s=tt(o,i),l=ae(i,s,-n.rotate),c=ae(o,s,-n.rotate),f=l.x-c.x,d=c.y-l.y;if(t){f/d>a?(c.x+=Math.abs(f-d*a),f=d*a):(c.y-=Math.abs(d-f/a),d=f/a);const h=ae(c,s,n.rotate);s=tt(h,i),l=ae(i,s,-n.rotate),c=ae(h,s,-n.rotate),f=l.x-c.x,d=c.y-l.y}f>0&&d>0&&(n.width=Math.round(f),n.height=Math.round(d),n.left=Math.round(c.x),n.top=Math.round(l.y))}function sf(n,o,a,t,r){const{symmetricPoint:i,curPoint:s}=r,l=ae(o,s,-n.rotate),c=ae({x:s.x,y:l.y},s,n.rotate),f=Math.sqrt((c.x-i.x)**2+(c.y-i.y)**2),d={x:c.x-(c.x-i.x)/2,y:c.y+(i.y-c.y)/2};let h=n.width;t&&(h=f*a),n.width=h,n.height=Math.round(f),n.top=Math.round(d.y-f/2),n.left=Math.round(d.x-n.width/2)}function cf(n,o,a,t,r){const{symmetricPoint:i,curPoint:s}=r,l=ae(o,s,-n.rotate),c=ae({x:l.x,y:s.y},s,n.rotate),f=Math.sqrt((c.x-i.x)**2+(c.y-i.y)**2),d={x:c.x-(c.x-i.x)/2,y:c.y+(i.y-c.y)/2};let h=n.height;t&&(h=f/a),n.height=h,n.width=Math.round(f),n.top=Math.round(d.y-n.height/2),n.left=Math.round(d.x-f/2)}function uf(n,o,a,t,r){const{symmetricPoint:i,curPoint:s}=r,l=ae(o,s,-n.rotate),c=ae({x:s.x,y:l.y},s,n.rotate),f=Math.sqrt((c.x-i.x)**2+(c.y-i.y)**2),d={x:c.x-(c.x-i.x)/2,y:c.y+(i.y-c.y)/2};let h=n.width;t&&(h=f*a),n.width=h,n.height=Math.round(f),n.top=Math.round(d.y-f/2),n.left=Math.round(d.x-n.width/2)}function df(n,o,a,t,r){const{symmetricPoint:i,curPoint:s}=r,l=ae(o,s,-n.rotate),c=ae({x:l.x,y:s.y},s,n.rotate),f=Math.sqrt((c.x-i.x)**2+(c.y-i.y)**2),d={x:c.x-(c.x-i.x)/2,y:c.y+(i.y-c.y)/2};let h=n.height;t&&(h=f/a),n.height=h,n.width=Math.round(f),n.top=Math.round(d.y-n.height/2),n.left=Math.round(d.x-f/2)}function bl(n,o,a,t,r,i){nf[n](o,a,t,r,i)}async function wl(n,o=[]){const a=t=>new Promise(r=>{const{animationTime:i,value:s="",isLoop:l}=t;n.style.setProperty("--time",`${i}s`),n.classList.add(s,"animated",Vl(l));const c=()=>{n.removeEventListener("animationend",c),n.removeEventListener("animationcancel",c),n.classList.remove(s,"animated",Vl(l)),n.style.removeProperty("--time"),r()};n.addEventListener("animationend",c),n.addEventListener("animationcancel",c)});for(let t=0,r=o.length;t<r;t++)await a(o[t])}function Vl(n){return n?"infinite":"no-infinite"}const pf={__name:"CompShape",props:{pageId:{type:String,default:null},active:{type:Boolean,default:!1},element:{required:!0,type:Object,default:()=>{}},defaultStyle:{required:!0,type:Object,default:()=>{}},index:{required:!0,type:[Number,String],default:0}},setup(n,{expose:o}){o();const a=n,t=ne(a.pageId),r=e.ref(null),i=e.computed(()=>t.curComponent),s=e.computed(()=>t.dashBorderColor),l=["lt","t","rt","r","rb","b","lb","l"],c=["r","l"],f={lt:0,t:45,rt:90,r:135,rb:180,b:225,lb:270,l:315},d=[{start:338,end:23,cursor:"nw"},{start:23,end:68,cursor:"n"},{start:68,end:113,cursor:"ne"},{start:113,end:158,cursor:"e"},{start:158,end:203,cursor:"se"},{start:203,end:248,cursor:"s"},{start:248,end:293,cursor:"sw"},{start:293,end:338,cursor:"w"}];let h={};const y=e.computed(()=>{let N={};return a.defaultStyle.showDashBorder&&(N.border=`1px dashed ${s.value}`),N}),w=()=>a.active&&!a.element.isLock,g=()=>a.element.component==="line-shape"?c:l,x=N=>{t.setClickComponentStatus(!0),N.preventDefault(),N.stopPropagation();const V={...a.defaultStyle},T=N.clientY,_=N.clientX,E=V.rotate,k=r.value.getBoundingClientRect(),j=k.left+k.width/2,v=k.top+k.height/2,q=Math.atan2(T-v,_-j)/(Math.PI/180);let O=!1;const I=W=>{O=!0;const G=W.clientX,$=W.clientY,z=Math.atan2($-v,G-j)/(Math.PI/180);V.rotate=E+z-q,t.setShapeStyle(V)},L=()=>{O&&t.recordSnapshot(),document.removeEventListener("mousemove",I),document.removeEventListener("mouseup",L),h=u()};document.addEventListener("mousemove",I),document.addEventListener("mouseup",L)},p=N=>{const{width:V,height:T}=a.defaultStyle,_=/t/.test(N),E=/b/.test(N),k=/l/.test(N),j=/r/.test(N);let v=0,q=0;return N.length===2?(v=k?0:V,q=_?0:T):((_||E)&&(v=V/2,q=_?0:T),(k||j)&&(v=k?0:V,q=Math.floor(T/2))),{marginLeft:"-4px",marginTop:"-4px",left:`${v}px`,top:`${q}px`,cursor:h[N]}},u=()=>{const N=It(i.value.style.rotate),V={};let T=-1;return l.forEach(_=>{const E=It(f[_]+N),k=d.length;let j=0;for(;E&&j<200;){T=(T+1)%k;const v=d[T];if(E<23||E>=338){V[_]="nw-resize";return}if(v.start<=E&&E<v.end){V[_]=`${v.cursor}-resize`;return}j++}}),V},m=N=>{if(t.setInEditorStatus(!0),t.setClickComponentStatus(!0),N.stopPropagation(),t.setCurComponent(a.element,a.index),a.element.isLock)return;h=u();const V={...a.defaultStyle},T=N.clientY,_=N.clientX,E=Number(V.top),k=Number(V.left);let j=!1;const v=O=>{j=!0;const I=O.clientX,L=O.clientY;V.top=L-T+E,V.left=I-_+k,t.setShapeStyle(V),e.nextTick(()=>{ee.emit(te.move,{isDownward:L-T>0,isRightward:I-_>0})})},q=()=>{j&&t.recordSnapshot(),ee.emit(te.unmove),document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",q)};document.addEventListener("mousemove",v),document.addEventListener("mouseup",q)},C=N=>{N.stopPropagation(),N.preventDefault(),t.hideContextMenu()},D=(N,V)=>{t.setInEditorStatus(!0),t.setClickComponentStatus(!0),V.stopPropagation(),V.preventDefault();const T={...a.defaultStyle},_=T.width/T.height,E={x:T.left+T.width/2,y:T.top+T.height/2},k=t.getEditorBoundingClientRect(),j=V.target.getBoundingClientRect(),v={x:Math.round(j.left-k.left+V.target.offsetWidth/2),y:Math.round(j.top-k.top+V.target.offsetHeight/2)},q={x:E.x-(v.x-E.x),y:E.y-(v.y-E.y)};let O=!1,I=!0;const L=S(),W=$=>{if(I){I=!1;return}O=!0;const z={x:$.clientX-Math.round(k.left),y:$.clientY-Math.round(k.top)};bl(N,T,z,_,L,{center:E,curPoint:v,symmetricPoint:q}),t.setShapeStyle(T)},G=()=>{document.removeEventListener("mousemove",W),document.removeEventListener("mouseup",G),O&&t.recordSnapshot()};document.addEventListener("mousemove",W),document.addEventListener("mouseup",G)},S=()=>{if(a.element.component!="Group")return!1;const N=[0,90,180,360];for(const V of a.element.propValue)if(!N.includes(It(parseInt(V.style.rotate))))return!0;return!1};e.onMounted(()=>{i.value&&(h=u()),ee.on(te.runAnimation,()=>{a.element==i.value&&wl(r.value,i.value.animations)}),ee.on(te.stopAnimation,()=>{r.value.classList.remove("animated","infinite")})});const b={props:a,editorStore:t,rootEl:r,curComponent:i,dashBorderColor:s,pointList:l,pointList2:c,initialAngle:f,angleToCursor:d,get cursors(){return h},set cursors(N){h=N},cssVariables:y,isActive:w,getPointList:g,handleRotate:x,getPointStyle:p,getCursor:u,handleMouseDownOnShape:m,selectCurComponent:C,handleMouseDownOnPoint:D,isNeedLockProportion:S,computed:e.computed,nextTick:e.nextTick,onMounted:e.onMounted,ref:e.ref,get useEditorStore(){return ne},get mod360(){return It},get calculateComponentPositionAndSize(){return bl},get emitter(){return ee},get eventDef(){return te},get runAnimation(){return wl}};return Object.defineProperty(b,"__isScriptSetup",{enumerable:!1,value:!0}),b}};function ff(n,o,a,t,r,i){return e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref:"rootEl",class:e.normalizeClass(["shape",{active:a.active}]),onClick:t.selectCurComponent,onMousedown:t.handleMouseDownOnShape,style:e.normalizeStyle(t.cssVariables)},[e.renderSlot(n.$slots,"default",{},void 0,!0),e.createTextVNode(),e.withDirectives(e.createElementVNode("span",{class:"iconfont icon-xuanzhuan iconfont-xuanzhuan",onMousedown:t.handleRotate},null,544),[[e.vShow,t.isActive()]]),e.createTextVNode(),e.withDirectives(e.createElementVNode("span",{class:"iconfont icon-suo"},null,512),[[e.vShow,t.props.element.isLock]]),e.createTextVNode(),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.isActive()?t.getPointList():[],s=>(e.openBlock(),e.createElementBlock("div",{key:s,class:"shape-point",style:e.normalizeStyle(t.getPointStyle(s)),onMousedown:l=>t.handleMouseDownOnPoint(s,l)},null,44,["onMousedown"]))),128))],38)),[[e.vShow,!t.props.defaultStyle.isHide]])}const _f=J(pf,[["render",ff],["__scopeId","data-v-41c1336b"],["__file","CompShape.vue"]]),Dl=3,hf={__name:"MarkLine",props:{pageId:{type:String,default:null}},setup(n,{expose:o}){o();const a=n,t=e.ref({}),r=(p,u)=>{p&&(t.value[u]=p)},i=["xt","xc","xb","yl","yc","yr"],s=e.ref({xt:!1,xc:!1,xb:!1,yl:!1,yc:!1,yr:!1}),l=ne(a.pageId),c=e.computed(()=>l.curComponent),f=e.computed(()=>l.componentData),d=()=>{s.value=Object.fromEntries(Object.keys(s.value).map(p=>[p,!1]))},h=(p,u)=>{const m=f.value;if(m.length<2||!c.value)return;const C=Q(c.value.style),D=C.width/2,S=C.height/2;d(),m.forEach(b=>{if(b==c.value)return;const N=Q(b.style),{top:V,left:T,bottom:_,right:E}=N,k=N.width/2,j=N.height/2,v={top:[{isNearly:g(C.top,V),lineNode:t.value.xt,line:"xt",dragShift:V,lineShift:V},{isNearly:g(C.bottom,V),lineNode:t.value.xt,line:"xt",dragShift:V-C.height,lineShift:V},{isNearly:g(C.top+S,V+j),lineNode:t.value.xc,line:"xc",dragShift:V+j-S,lineShift:V+j},{isNearly:g(C.top,_),lineNode:t.value.xb,line:"xb",dragShift:_,lineShift:_},{isNearly:g(C.bottom,_),lineNode:t.value.xb,line:"xb",dragShift:_-C.height,lineShift:_}],left:[{isNearly:g(C.left,T),lineNode:t.value.yl,line:"yl",dragShift:T,lineShift:T},{isNearly:g(C.right,T),lineNode:t.value.yl,line:"yl",dragShift:T-C.width,lineShift:T},{isNearly:g(C.left+D,T+k),lineNode:t.value.yc,line:"yc",dragShift:T+k-D,lineShift:T+k},{isNearly:g(C.left,E),lineNode:t.value.yr,line:"yr",dragShift:E,lineShift:E},{isNearly:g(C.right,E),lineNode:t.value.yr,line:"yr",dragShift:E-C.width,lineShift:E}]},q=[],{rotate:O}=c.value.style;Object.keys(v).forEach(I=>{v[I].forEach(L=>{L.isNearly&&(l.setShapeSingleStyle({key:I,value:O!=0?y(I,L,C):L.dragShift}),L.lineNode&&L.lineNode.style&&(L.lineNode.style[I]=`${L.lineShift}px`),q.push(L.line))})}),q.length&&w(q,p,u)})},y=(p,u,m)=>{const{width:C,height:D}=c.value.style;return p=="top"?Math.round(u.dragShift-(D-m.height)/2):Math.round(u.dragShift-(C-m.width)/2)},w=(p,u,m)=>{let C=Object.fromEntries(Object.keys(s.value).map(D=>[D,!1]));m?p.includes("yr")?C.yr=!0:p.includes("yc")?C.yc=!0:p.includes("yl")&&(C.yl=!0):p.includes("yl")?C.yl=!0:p.includes("yc")?C.yc=!0:p.includes("yr")&&(C.yr=!0),u?p.includes("xb")?C.xb=!0:p.includes("xc")?C.xc=!0:p.includes("xt")&&(C.xt=!0):p.includes("xt")?C.xt=!0:p.includes("xc")?C.xc=!0:p.includes("xb")&&(C.xb=!0),s.value=C},g=(p,u)=>Math.abs(p-u)<=Dl;e.onMounted(()=>{ee.on(te.move,function({isDownward:p,isRightward:u}){h(p,u)}),ee.on(te.unmove,()=>{d()})});const x={props:a,lineRefs:t,setLineRef:r,lines:i,diff:Dl,lineStatus:s,editorStore:l,curComponent:c,componentData:f,hideLine:d,showLine:h,translateCurComponentShift:y,chooseTheTureLine:w,isNearly:g,get emitter(){return ee},get eventDef(){return te},computed:e.computed,onMounted:e.onMounted,ref:e.ref,get useEditorStore(){return ne},get getComponentRotatedStyle(){return Q}};return Object.defineProperty(x,"__isScriptSetup",{enumerable:!1,value:!0}),x}};function mf(n,o,a,t,r,i){return e.openBlock(),e.createElementBlock("div",{class:"mark-line"},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(t.lines,s=>e.withDirectives(e.createElementVNode("div",{key:s,ref_for:!0,ref:l=>t.setLineRef(l,s),class:e.normalizeClass(["line",s.includes("x")?"xline":"yline"])},null,2),[[e.vShow,t.lineStatus[s]||!1]])),64))])}const gf=J(hf,[["render",mf],["__scopeId","data-v-1292994b"],["__file","MarkLine.vue"]]),Cf={__name:"Area",props:{start:{type:Object,default:()=>{}},width:{type:Number,default:0},height:{type:Number,default:0}},setup(n,{expose:o}){o();const t={props:n};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}};function xf(n,o,a,t,r,i){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle({left:t.props.start.x+"px",top:t.props.start.y+"px",width:t.props.width+"px",height:t.props.height+"px"}),class:"area"},null,4)}const yf=J(Cf,[["render",xf],["__scopeId","data-v-32734a61"],["__file","Area.vue"]]),bf={__name:"ContextMenu",props:["pageId"],setup(n,{expose:o}){o();let a=null;const t=n,r=ne(t.pageId),i=e.computed(()=>r.curComponent),s=e.computed(()=>r.menuTop),l=e.computed(()=>r.menuLeft),c=e.computed(()=>r.menuShow),D={get copyData(){return a},set copyData(S){a=S},props:t,editorStore:r,curComponent:i,menuTop:s,menuLeft:l,menuShow:c,lock:()=>{r.lock()},unlock:()=>{r.unlock()},handleMouseUp:()=>{r.setClickComponentStatus(!0)},cut:()=>{r.cut()},copy:()=>{r.copy()},paste:()=>{r.paste(!0),r.recordSnapshot()},deleteComponent:()=>{r.deleteComponent(),r.recordSnapshot()},upComponent:()=>{r.upComponent(),r.recordSnapshot()},downComponent:()=>{r.downComponent(),r.recordSnapshot()},topComponent:()=>{r.topComponent(),r.recordSnapshot()},bottomComponent:()=>{r.bottomComponent(),r.recordSnapshot()},get useEditorStore(){return ne},computed:e.computed};return Object.defineProperty(D,"__isScriptSetup",{enumerable:!1,value:!0}),D}};function wf(n,o,a,t,r,i){return e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"contextmenu",style:e.normalizeStyle({top:t.menuTop+"px",left:t.menuLeft+"px"})},[e.createElementVNode("ul",{onMouseup:t.handleMouseUp},[t.curComponent?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.curComponent.isLock?(e.openBlock(),e.createElementBlock("li",{key:1,onClick:t.unlock},"解锁")):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("li",{onClick:t.copy},"复制"),e.createTextVNode(),e.createElementVNode("li",{onClick:t.paste},"粘贴"),e.createTextVNode(),e.createElementVNode("li",{onClick:t.cut},"剪切"),e.createTextVNode(),e.createElementVNode("li",{onClick:t.deleteComponent},"删除"),e.createTextVNode(),e.createElementVNode("li",{onClick:t.lock},"锁定"),e.createTextVNode(),e.createElementVNode("li",{onClick:t.topComponent},"置顶"),e.createTextVNode(),e.createElementVNode("li",{onClick:t.bottomComponent},"置底"),e.createTextVNode(),e.createElementVNode("li",{onClick:t.upComponent},"上移"),e.createTextVNode(),e.createElementVNode("li",{onClick:t.downComponent},"下移")],64))],64)):(e.openBlock(),e.createElementBlock("li",{key:1,onClick:t.paste},"粘贴"))],32)],4)),[[e.vShow,t.menuShow]])}const Vf=J(bf,[["render",wf],["__scopeId","data-v-9c9691e4"],["__file","ContextMenu.vue"]]),Df={__name:"GroupComponentBox",props:{width:{type:Number,default:0},height:{type:Number,default:0},left:{type:Number,default:0},top:{type:Number,default:0}},setup(n,{expose:o}){o();const t={props:n};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}};function Nf(n,o,a,t,r,i){return e.openBlock(),e.createElementBlock("div",{class:"area",style:e.normalizeStyle({left:t.props.left+"px",top:t.props.top+"px",width:t.props.width+"px",height:t.props.height+"px"})},null,4)}const Ef=J(Df,[["render",Nf],["__scopeId","data-v-20f916ac"],["__file","GroupComponentBox.vue"]]),Nl=17,El=91,kf=86,Tf=67,Sf=88,Bf=89,Af=90,Ff=71,Of=66,Lf=76,Pf=85,Mf=83,If=80,Rf=68,kl=46,zf=69,Tl={[kf]:jf,[Bf]:Kf,[Af]:Hf,[Mf]:Gf,[If]:Xf,[zf]:Yf},Sl={...Tl,[Pf]:Zf},Bl={...Tl,[Tf]:Uf,[Sf]:vf,[Ff]:Wf,[Of]:qf,[Rf]:Ol,[kl]:Ol,[Lf]:Jf};let Ro=!1,ue;function Al(n){ue=n}function Fl(){window.onkeydown=n=>{if(!ue.isInEditor)return;const o=ue.curComponent,{keyCode:a}=n;a===Nl||a===El?Ro=!0:a==kl&&o?(ue.deleteComponent(),ue.recordSnapshot()):Ro&&(Bl[a]&&(!o||!o.isLock)?(n.preventDefault(),Bl[a]()):Sl[a]&&o&&o.isLock&&(n.preventDefault(),Sl[a]()))},window.onkeyup=n=>{(n.keyCode===Nl||n.keyCode===El)&&(Ro=!1)},window.onmousedown=()=>{ue.setInEditorStatus(!1)}}function Uf(){ue.copy()}function jf(){ue.paste(),ue.recordSnapshot()}function vf(){ue.cut()}function Kf(){ue.redo()}function Hf(){ue.undo()}function Wf(){ue.areaData.components.length>0&&(ue.compose(),ue.recordSnapshot())}function qf(){const n=ue.curComponent;n&&!n.value.isLock&&n.component=="Group"&&(ue.decompose(),ue.recordSnapshot())}function Gf(){ee.emit(te.save)}function Xf(){ee.emit(te.preview)}function Ol(){ue.curComponent&&(ue.deleteComponent(),ue.recordSnapshot())}function Yf(){ee.emit(te.clearCanvas)}function Jf(){ue.lock()}function Zf(){ue.unlock()}const Qf={__name:"Editor",props:["pageId","isEdit"],setup(n,{expose:o}){const a=n,t=ne(a.pageId),r=e.ref(null),i=e.ref({});let s=0,l=0;const c=e.ref({x:0,y:0}),f=e.ref(0),d=e.ref(0),h=e.ref(!1),y=["width","height","top","left","rotate"],w=e.computed(()=>t.canvasStyleData),g=e.computed(()=>t.isDarkMode),x=e.computed(()=>t.componentData),p=e.computed(()=>t.curComponent),u=e.computed(()=>t.canvasStyleData),m=e.computed(()=>t.areaData),C=(O,I)=>{O&&(i.value[I]=O)},D=O=>i.value[O],S=O=>mo(O,y),b=O=>ho(O,y),N=O=>Rr(O),V=O=>{p.value||O.preventDefault(),T();const I=t.getEditorBoundingClientRect();s=I.x,l=I.y;const L=O.clientX,W=O.clientY;c.value.x=L-s,c.value.y=W-l,h.value=!0;const G=z=>{f.value=Math.abs(z.clientX-L),d.value=Math.abs(z.clientY-W),z.clientX<L&&(c.value.x=z.clientX-s),z.clientY<W&&(c.value.y=z.clientY-l)},$=z=>{if(document.removeEventListener("mousemove",G),document.removeEventListener("mouseup",$),z.clientX==L&&z.clientY==W){T();return}_()};document.addEventListener("mousemove",G),document.addEventListener("mouseup",$)},T=()=>{h.value=!1,f.value=0,d.value=0,t.setAreaData({style:{left:0,top:0,width:0,height:0},components:[]})},_=()=>{const O=E();if(O.length<=1){T();return}let I=1/0,L=1/0,W=-1/0,G=-1/0;O.forEach($=>{let z={};$.component=="Group"?$.propValue.forEach(_e=>{const ce=t.getComponentRect(_e.id);z.left=ce.left-s,z.top=ce.top-l,z.right=ce.right-s,z.bottom=ce.bottom-l,z.left<L&&(L=z.left),z.top<I&&(I=z.top),z.right>W&&(W=z.right),z.bottom>G&&(G=z.bottom)}):z=Q($.style),z.left<L&&(L=z.left),z.top<I&&(I=z.top),z.right>W&&(W=z.right),z.bottom>G&&(G=z.bottom)}),c.value.x=L,c.value.y=I,f.value=W-L,d.value=G-I,t.setAreaData({style:{left:L,top:I,width:f.value,height:d.value},components:O}),h.value=!1},E=()=>{const O=[],{x:I,y:L}=c.value;return x.value.forEach(W=>{if(W.isLock)return;const{left:G,top:$,width:z,height:_e}=Q(W.style);I<=G&&L<=$&&G+z<=I+f.value&&$+_e<=L+d.value&&O.push(W)}),O},k=O=>{O.stopPropagation(),O.preventDefault();let I=O.target,L=O.offsetY,W=O.offsetX;for(;I instanceof SVGElement;)I=I.parentNode;for(;!I.className.includes("editor");)W+=I.offsetLeft,L+=I.offsetTop,I=I.parentNode;t.showContextMenu({top:L,left:W})},j=(O,I)=>{t.setShapeStyle({height:v(O,I)})},v=(O,I)=>{let{lineHeight:L,fontSize:W,height:G}=O.style;L===""&&(L=1.5);const $=(I.split("<br>").length-1)*L*(W||u.value.fontSize);return G>$?G:$};e.onMounted(()=>{console.log("onMounted:"+r.value),t.setEditor(r.value),Al(t),Fl(),ee.on(te.hideArea,function(){T()})}),o({getComponentRef:D});const q={props:a,editorStore:t,editorRef:r,componentRefs:i,get editorX(){return s},set editorX(O){s=O},get editorY(){return l},set editorY(O){l=O},start:c,width:f,height:d,isShowArea:h,svgFilterAttrs:y,canvas:w,isDarkMode:g,componentData:x,curComponent:p,canvasStyleData:u,areaData:m,setComponentRef:C,getComponentRef:D,getComponentStyle:S,getSVGStyleLocal:b,getCanvasStyleLocal:N,handleMouseDown:V,hideArea:T,createGroup:_,getSelectArea:E,handleContextMenu:k,handleInput:j,getTextareaHeight:v,ref:e.ref,computed:e.computed,onMounted:e.onMounted,get useEditorStore(){return ne},GridLine:tf,CompShape:_f,get getShapeStyle(){return wp},get getSVGStyle(){return ho},get getStyle(){return mo},get getComponentRotatedStyle(){return Q},get getCanvasStyle(){return Rr},MarkLine:gf,Area:yf,ContextMenu:Vf,GroupComponentBox:Ef,get emitter(){return ee},get eventDef(){return te},get listenGlobalKeyDown(){return Fl},get shortcutKeyReceiveStoreInstance(){return Al}};return Object.defineProperty(q,"__isScriptSetup",{enumerable:!1,value:!0}),q}};function $f(n,o,a,t,r,i){return e.openBlock(),e.createElementBlock("div",{ref:"editorRef",class:e.normalizeClass(["editor",{edit:a.isEdit}]),style:e.normalizeStyle({...t.getCanvasStyleLocal(t.canvas),width:t.canvas.width+"px",height:t.canvas.height+"px"}),onContextmenu:t.handleContextMenu,onMousedown:t.handleMouseDown},[e.createCommentVNode(" 网格线 "),e.createTextVNode(),e.createVNode(t.GridLine,{"is-dark-mode":t.isDarkMode},null,8,["is-dark-mode"]),e.createTextVNode(),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.componentData,(s,l)=>(e.openBlock(),e.createBlock(t.CompShape,{"page-id":t.props.pageId,key:s.id,index:l,"default-style":s.style,style:e.normalizeStyle(t.getShapeStyle(s.style)),active:s.id===(t.curComponent||{}).id,element:s,class:e.normalizeClass({lock:s.isLock})},{default:e.withCtx(()=>[s.component.startsWith("SVG")?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.component),{key:0,id:"component"+s.id,style:e.normalizeStyle(t.getSVGStyleLocal(s.style)),class:"component","prop-value":s.propValue,element:s,designStatus:!0,ref_for:!0,ref:c=>t.setComponentRef(c,s.id)},null,8,["id","style","prop-value","element"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.component),{key:1,id:"component"+s.id,class:"component",style:e.normalizeStyle(t.getComponentStyle(s.style)),"prop-value":s.propValue,element:s,designStatus:!0,ref_for:!0,ref:c=>t.setComponentRef(c,s.id)},null,8,["id","style","prop-value","element"]))]),_:2},1032,["page-id","index","default-style","style","active","element","class"]))),128)),e.createTextVNode(),e.createCommentVNode(" 右击菜单 "),e.createTextVNode(),e.createVNode(t.ContextMenu,{"page-id":t.props.pageId},null,8,["page-id"]),e.createTextVNode(),e.createCommentVNode(" 标线"),e.createTextVNode(),e.createVNode(t.MarkLine,{"page-id":t.props.pageId},null,8,["page-id"]),e.createTextVNode(),e.createCommentVNode(" 选中区域"),e.createTextVNode(),e.withDirectives(e.createVNode(t.Area,{start:t.start,width:t.width,height:t.height},null,8,["start","width","height"]),[[e.vShow,t.isShowArea]]),e.createTextVNode(),e.createCommentVNode(" 选择的组件包裹层 "),e.createTextVNode(),t.areaData.components.length?(e.openBlock(),e.createBlock(t.GroupComponentBox,e.normalizeProps(e.mergeProps({key:0},t.areaData.style)),null,16)):e.createCommentVNode("",!0)],38)}const e_=J(Qf,[["render",$f],["__scopeId","data-v-26a3b83a"],["__file","Editor.vue"]]),t_={__name:"index",props:{pageId:{type:String,required:!0,default:""}},setup(n,{expose:o}){o();const a=n;let t;const r=dt();e.watch(()=>a.pageId,u=>{u&&(t=ne(u))},{immediate:!0});const i=e.ref(null),s=e.ref(null);let l;const c=e.ref(null),f=e.computed({get:()=>t.rulePresetLine,set:u=>{t.rulePresetLine=u}}),d=e.computed(()=>t.ruleReferenceLine),h=e.computed(()=>t.isClickComponent),y=u=>{u.preventDefault(),u.stopPropagation();const m=u.dataTransfer.getData("text/plain");try{const C=JSON.parse(m);if(console.log("接收到的拖拽数据:",C),ze(C.component)){const D=Ee(Wo(r.componentGroups,C.component)),S=t.getEditorBoundingClientRect();console.log("rect:"+S),D.style.top=u.clientY-Math.floor(S.y),D.style.left=u.clientX-Math.floor(S.x),D.id=Ce(Ne.Component),t.addComponent(D)}}catch(C){console.error("解析拖拽数据失败:",C)}},w=u=>{u.preventDefault(),u.dataTransfer.dropEffect="copy"},g=u=>{u.stopPropagation(),t.setClickComponentStatus(!1),t.setInEditorStatus(!0)},x=u=>{h.value||t.setCurComponent(null,null),u.button!=2&&t.hideContextMenu()};e.onMounted(()=>{l=new ResizeObserver(()=>{c.value?.updateSize()}),s.value&&l.observe(s.value),i.value&&t.setEditorInstance(i.value)}),e.onUnmounted(()=>{l?.disconnect()}),e.provide("VE-ContainerParam",{}),e.provide("VE-CompMethod",function(){});const p={props:a,get editorStore(){return t},set editorStore(u){t=u},veStore:r,editorRef:i,canvasRef:s,get resizeObserver(){return l},set resizeObserver(u){l=u},vRuleRef:c,rulePresetLine:f,ruleLineColor:d,isClickComponent:h,handleDrop:y,handleDragOver:w,handleMouseDown:g,deselectCurComponent:x,computed:e.computed,onMounted:e.onMounted,watch:e.watch,ref:e.ref,provide:e.provide,onUnmounted:e.onUnmounted,ToolBar:Y0,VRule:Q0,Editor:e_,get useEditorStore(){return ne},get deepCopy(){return Ee},get generatePrefixID(){return Ce},get getComponentByName2(){return Wo},get isNotEmpty(){return ze},get useVEStore(){return dt},get IdPrefix(){return Ne}};return Object.defineProperty(p,"__isScriptSetup",{enumerable:!1,value:!0}),p}};function n_(n,o,a,t,r,i){return e.openBlock(),e.createElementBlock("div",{class:"splitpanes"},[e.createElementVNode("div",{class:"fixed-pane"},[e.createVNode(t.ToolBar,{"page-id":t.props.pageId},null,8,["page-id"])]),e.createTextVNode(),e.createElementVNode("div",{ref:"canvasRef",class:"flexible-pane"},[e.createVNode(t.VRule,{ref:"vRuleRef",referenceLine:t.rulePresetLine,"onUpdate:referenceLine":o[2]||(o[2]=s=>t.rulePresetLine=s),"line-color":t.ruleLineColor},{"canvas-content":e.withCtx(()=>[e.createElementVNode("div",{class:"content",onDrop:t.handleDrop,onDragover:[t.handleDragOver,o[0]||(o[0]=e.withModifiers(()=>{},["prevent"]))],onDragenter:o[1]||(o[1]=e.withModifiers(()=>{},["prevent"])),onMousedown:t.handleMouseDown,onMouseup:t.deselectCurComponent},[e.createVNode(t.Editor,{ref:"editorRef","page-id":t.props.pageId},null,8,["page-id"])],32)]),_:1},8,["referenceLine","line-color"])],512)])}const o_=J(t_,[["render",n_],["__scopeId","data-v-6a7c1f0a"],["__file","index.vue"]]),a_={__name:"RuleDrawer",setup(n,{expose:o}){let a=ne();const t=e.ref(!1),r=e.ref("name"),i=e.ref(null),s=e.computed(()=>ne(i.value||"default")),l=e.computed({get:()=>s.value.ruleReferenceLine,set:x=>{s.value.ruleReferenceLine=x}}),c=e.computed({get:()=>s.value.rulePresetLine,set:x=>{s.value.rulePresetLine=x}}),f=x=>{s.value.rulePresetLine&&s.value.rulePresetLine.splice(x,1)},d=()=>{s.value.rulePresetLine=[]},h=(x,p)=>{const u=[...c.value];u[x]={...u[x],site:p},c.value=u},y=x=>{t.value=!0,i.value=x},w=()=>{t.value=!1};ee.on(te.openRuleSetting,x=>{console.log("oepn ruleSetting:"+x.pageId),y(x.pageId)}),o({show:y});const g={get editorStore(){return a},set editorStore(x){a=x},drawer:t,activeNames:r,currentStoreId:i,currentStore:s,ruleLineColor:l,referenceLine:c,deleteReferenceLine:f,deleteAllReferenceLine:d,updateReferenceLine:h,show:y,handleClose:w,computed:e.computed,ref:e.ref,get emitter(){return ee},get eventDef(){return te},get useEditorStore(){return ne},get predefineColors(){return fo}};return Object.defineProperty(g,"__isScriptSetup",{enumerable:!1,value:!0}),g}};function r_(n,o,a,t,r,i){const s=e.resolveComponent("el-color-picker"),l=e.resolveComponent("el-form-item"),c=e.resolveComponent("el-form"),f=e.resolveComponent("el-text"),d=e.resolveComponent("el-col"),h=e.resolveComponent("el-button"),y=e.resolveComponent("el-row"),w=e.resolveComponent("el-input-number"),g=e.resolveComponent("el-collapse-item"),x=e.resolveComponent("el-collapse"),p=e.resolveComponent("el-drawer");return e.openBlock(),e.createBlock(p,{modelValue:t.drawer,"onUpdate:modelValue":o[2]||(o[2]=u=>t.drawer=u),title:"标尺设置",direction:"rtl","before-close":t.handleClose,size:"400"},{default:e.withCtx(()=>[e.createVNode(x,{modelValue:t.activeNames,"onUpdate:modelValue":o[1]||(o[1]=u=>t.activeNames=u),class:"elCollapse",accordion:""},{default:e.withCtx(()=>[e.createVNode(g,{title:"属性",name:"name"},{default:e.withCtx(()=>[e.createVNode(c,{ref:"paramForm","label-width":"120","label-position":"left"},{default:e.withCtx(()=>[e.createVNode(l,{label:"标线颜色"},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:t.ruleLineColor,"onUpdate:modelValue":o[0]||(o[0]=u=>t.ruleLineColor=u),"show-alpha":"",predefine:t.predefineColors},null,8,["modelValue","predefine"])]),_:1})]),_:1},512),e.createTextVNode(),e.createVNode(y,{gutter:1},{default:e.withCtx(()=>[e.createVNode(d,{span:6},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createTextVNode("方向")]),_:1})]),_:1}),e.createTextVNode(),e.createVNode(d,{span:8},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createTextVNode("值")]),_:1})]),_:1}),e.createTextVNode(),e.createVNode(d,{span:10},{default:e.withCtx(()=>[e.createVNode(h,{type:"danger",icon:"delete",title:"清空",onClick:t.deleteAllReferenceLine},{default:e.withCtx(()=>[e.createTextVNode("清空")]),_:1})]),_:1})]),_:1}),e.createTextVNode(),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.referenceLine,(u,m)=>(e.openBlock(),e.createBlock(y,{gutter:1},{default:e.withCtx(()=>[e.createVNode(d,{span:6},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.type=="h"?"水平":"垂直"),1)]),_:2},1024)]),_:2},1024),e.createTextVNode(),e.createVNode(d,{span:12},{default:e.withCtx(()=>[e.createVNode(w,{"model-value":u.site,"onUpdate:modelValue":C=>t.updateReferenceLine(m,C),"controls-position":"right"},null,8,["model-value","onUpdate:modelValue"])]),_:2},1024),e.createTextVNode(),e.createVNode(d,{span:6},{default:e.withCtx(()=>[e.createVNode(h,{type:"danger",icon:"delete",title:"删除",onClick:C=>t.deleteReferenceLine(m)},null,8,["onClick"])]),_:2},1024)]),_:2},1024))),256))]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["modelValue"])}const l_=J(a_,[["render",r_],["__scopeId","data-v-53dbb572"],["__file","RuleDrawer.vue"]]),i_=Object.assign({name:"VEEditor"},{__name:"VEEditor",emits:["importJson","exportJson","preview","openPage","savePage"],setup(n,{expose:o,emit:a}){const t=Tn(),r=e.ref(20),i=e.ref(null),s=e.ref(""),l=e.ref(5),c=e.ref(null),f=a,d=e.ref([{title:"新建页面",name:Ce(Ne.Page)}]),h={background:"#8B008B"},y=e.ref(null);e.watch(()=>s.value,C=>{C&&(y.value=ne(C))},{immediate:!0});const w=C=>{C&&C.length>0&&(r.value=C[0].size)},g=C=>{const D=d.value;let S=s.value;D.length<=1?se("warning","tab页签必须保留一个"):(S===C&&D.forEach((b,N)=>{if(b.name===C){const V=D[N+1]||D[N-1];V&&(S=V.name)}}),s.value=S,d.value=D.filter(b=>b.name!==C),Ur(C))},x=()=>{const C=d.value;let D=s.value,S="";return C.forEach((b,N)=>{b.name===D&&(S=b.title)}),S};ee.on(te.openNewPage,C=>{C.pageId&&(d.value.length>=l.value?se("warning","tab页签数量超过限制"):Ar("输入页面名称","新建页面",{pattern:/^.{1,20}$/,errMsg:"输入小于20个字符的标题"},function(D){d.value.push({title:D||"新建页面",name:C.pageId}),s.value=C.pageId},null))}),e.onMounted(()=>{s.value=d.value[0].name,ee.on(te.importJson,function(C){f("importJson",C)}),ee.on(te.exportJson,function(C){typeof window._copyright_hflveditor3=="function"&&f("exportJson",C)}),ee.on(te.preview,function(C){f("preview",C)}),ee.on(te.openPage,function(C){f("openPage",C)}),ee.on(te.savePage,function(C){typeof window._copyright_hflveditor3=="function"&&(C.title=x(),f("savePage",C))})});const p=C=>{let D;typeof C=="string"?D=JSON.parse(C||"{}"):D=C,D&&(y.value.setComponentData(D.componentData||[]),y.value.setCanvasStyle(D.canvasStyle||{}))},u=C=>{if(d.value.length>=l.value)se("warning","tab页签数量超过限制");else{let D=Ce(Ne.Page);d.value.push({title:C.name||"新建页面",name:D}),s.value=D,e.nextTick(()=>{p(C.data)})}};e.onBeforeMount(()=>{}),o({setJsonData:p,loadPage:u});const m={veBaseStore:t,paneSize:r,canvasDrawerRef:i,activeName:s,maxTabNums:l,ruleDrawerRef:c,emit:f,editableTabs:d,canvasStyle:h,editorStore:y,handleResize:w,removeTab:g,getCurTabTitle:x,setJsonData:p,loadPage:u,ref:e.ref,computed:e.computed,onMounted:e.onMounted,watch:e.watch,nextTick:e.nextTick,onBeforeMount:e.onBeforeMount,get Splitpanes(){return zl},get Pane(){return Ul},LeftRegion:Ap,RightRegion:K0,get useVEBaseStore(){return Tn},CanvasDrawer:q0,PageEditor:o_,get generatePrefixID(){return Ce},get emitter(){return ee},get eventDef(){return te},get showMessage(){return se},get showPromptMessageBox(){return Ar},get clearEditorStore(){return Ur},get useEditorStore(){return ne},get IdPrefix(){return Ne},RuleDrawer:l_};return Object.defineProperty(m,"__isScriptSetup",{enumerable:!1,value:!0}),m}});function s_(n,o,a,t,r,i){const s=e.resolveComponent("el-tab-pane"),l=e.resolveComponent("el-tabs");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(t.Splitpanes,{class:"default-theme",style:{width:"100%",height:"100%"},onResize:t.handleResize},{default:e.withCtx(()=>[t.veBaseStore.showLeftRegion?(e.openBlock(),e.createBlock(t.Pane,{key:0,size:t.paneSize,"max-size":"20"},{default:e.withCtx(()=>[e.createVNode(t.LeftRegion,{"editor-store":t.editorStore,"page-id":t.activeName},null,8,["editor-store","page-id"])]),_:1},8,["size"])):e.createCommentVNode("",!0),e.createTextVNode(),e.createVNode(t.Pane,{size:100-t.paneSize},{default:e.withCtx(()=>[e.createVNode(t.Splitpanes,null,{default:e.withCtx(()=>[e.createVNode(t.Pane,null,{default:e.withCtx(()=>[e.createVNode(l,{modelValue:t.activeName,"onUpdate:modelValue":o[0]||(o[0]=c=>t.activeName=c),type:"border-card",class:"tabs",closable:"",onTabRemove:t.removeTab},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.editableTabs,c=>(e.openBlock(),e.createBlock(s,{key:c.name,label:c.title,name:c.name},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.KeepAlive,{max:t.maxTabNums},[(e.openBlock(),e.createBlock(t.PageEditor,{"page-id":c.name,key:c.name},null,8,["page-id"]))],1032,["max"]))]),_:2},1032,["label","name"]))),128))]),_:1},8,["modelValue"])]),_:1}),e.createTextVNode(),t.veBaseStore.showRightRegion?(e.openBlock(),e.createBlock(t.Pane,{key:0,size:"20","max-size":"20"},{default:e.withCtx(()=>[e.createVNode(t.RightRegion,{"editor-store":t.editorStore,"page-id":t.activeName},null,8,["editor-store","page-id"])]),_:1})):e.createCommentVNode("",!0)]),_:1})]),_:1},8,["size"])]),_:1}),e.createTextVNode(),e.createVNode(t.CanvasDrawer,{ref:"canvasDrawerRef"},null,512),e.createTextVNode(),e.createVNode(t.RuleDrawer,{ref:"ruleDrawerRef"},null,512)],64)}const c_=J(i_,[["render",s_],["__scopeId","data-v-65dbe67d"],["__file","VEEditor.vue"]]),u_=e.defineComponent({name:"ve-svg-icon",props:{iconClass:{type:String,required:!0},className:{type:String,default:""},color:{type:String,default:""}},setup(n){return{iconName:e.computed(()=>`#icon-${n.iconClass}`),svgClass:e.computed(()=>n.className?`ve-svg-icon ${n.className}`:"ve-svg-icon")}}});function d_(n,o,a,t,r,i){return e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(n.svgClass),"aria-hidden":"true"},[e.createElementVNode("use",{"xlink:href":n.iconName,fill:n.color},null,8,["xlink:href","fill"])],2)}const p_=J(u_,[["render",d_],["__file","index.vue"]]),f_={foldLeft:'<svg t="1750411641074" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6327" width="200" height="200"><path d="M867.1 141.17H156.08c-17.67 0-32 14.33-32 32s14.33 32 32 32H867.1c17.67 0 32-14.33 32-32s-14.33-32-32-32zM867.92 367.52H403.2c-17.67 0-32 14.33-32 32s14.33 32 32 32h464.73c17.67 0 32-14.33 32-32s-14.33-32-32.01-32zM867.92 573.87H403.2c-17.67 0-32 14.33-32 32s14.33 32 32 32h464.73c17.67 0 32-14.33 32-32s-14.33-32-32.01-32zM867.92 800.22H156.9c-17.67 0-32 14.33-32 32s14.33 32 32 32h711.02c17.67 0 32-14.33 32-32 0-17.68-14.32-32-32-32zM312.01 367.52v270.35L137.47 489.71z" p-id="6328"></path></svg>',foldRight:'<svg t="1750411736588" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6481" width="200" height="200"><path d="M867.1 141.17H156.08c-17.67 0-32 14.33-32 32s14.33 32 32 32H867.1c17.67 0 32-14.33 32-32s-14.33-32-32-32zM867.92 367.52H403.2c-17.67 0-32 14.33-32 32s14.33 32 32 32h464.73c17.67 0 32-14.33 32-32s-14.33-32-32.01-32zM867.92 573.87H403.2c-17.67 0-32 14.33-32 32s14.33 32 32 32h464.73c17.67 0 32-14.33 32-32s-14.33-32-32.01-32zM867.92 800.22H156.9c-17.67 0-32 14.33-32 32s14.33 32 32 32h711.02c17.67 0 32-14.33 32-32 0-17.68-14.32-32-32-32zM137.47 637.87V367.52l174.54 148.15z" p-id="6482"></path></svg>',save:'<svg t="1750486544844" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5304" width="200" height="200"><path d="M814.805 128a51.179 51.179 0 0 1 51.179 51.179V844.01a51.179 51.179 0 0 1-51.179 51.157H201.173a51.179 51.179 0 0 1-51.178-51.157V179.179A51.179 51.179 0 0 1 201.173 128h613.654zM329.024 434.837a51.093 51.093 0 0 1-51.179-51.093V179.157h-76.672v664.854h613.76V179.179H738.22v204.48a51.179 51.179 0 0 1-51.179 51.178H329.024z m0-51.093h357.995V179.157H329.024v204.587z m357.91 204.501a25.557 25.557 0 1 1 0.085 51.072H329.024a25.536 25.536 0 1 1 0-51.072h357.91z" fill="#333333" p-id="5305"></path></svg>',save2:'<svg t="1750487183059" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4694" width="200" height="200"><path d="M512 64C357.472 64 96 90.944 96 192v634.528c0 101.024 261.472 128 416 128 154.496 0 416-26.976 416-128V192c0-101.056-261.504-128-416-128zM160 457.728C247.328 499.072 405.184 512 512 512c106.88 0 264.864-12.96 352.16-54.368l0.096 148.256C852.352 629.728 725.056 672 512 672c-212.096 0-339.136-41.888-352-65.76v-148.512zM512 448c-212.096 0-339.136-41.888-352-65.76v-116.48C247.328 307.072 405.184 320 512 320c106.848 0 264.736-12.928 352.032-54.304l0.064 116.384C851.648 405.952 724.512 448 512 448z m0-320c206.88 0 332.96 39.872 351.008 64-18.048 24.128-144.128 64-351.008 64S179.04 216.128 161.024 192C179.04 167.872 305.12 128 512 128z m0 762.528c-213.568 0-341.056-42.496-352-64v-144.8C247.328 723.072 405.184 736 512 736c106.944 0 265.056-12.992 352.32-54.432l0.096 142.688c-11.392 23.776-138.848 66.272-352.416 66.272z" p-id="4695"></path></svg>',undo:'<svg t="1750487331839" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5009" width="200" height="200"><path d="M995.648 459.296C684.448 281.568 406.08 318.656 171.232 567.904L32 416v384h352l-160.736-175.328c211.168-227.072 452.192-259.776 734.304-98.688a38.4 38.4 0 0 0 38.08-66.688z" p-id="5010"></path></svg>',redo:'<svg t="1750487379046" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5163" width="200" height="200"><path d="M860.992 558.912C627.904 317.536 352.384 283.648 44.8 459.296a38.4 38.4 0 1 0 38.08 66.688c278.432-159.008 516.896-129.408 726.08 89.696L640 800h352V416l-131.008 142.912z" p-id="5164"></path></svg>',combination:'<svg t="1750479615139" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4635" width="200" height="200"><path d="M839.036 130.458h-654.072c-30.102 0-54.506 24.404-54.506 54.506v654.072c0 30.102 24.404 54.506 54.506 54.506h654.072c30.102 0 54.506-24.404 54.506-54.506v-654.072c0-30.102-24.404-54.506-54.506-54.506zM839.036 811.786c0 15.050-12.196 27.249-27.249 27.249h-598.721c-15.050 0-27.249-12.196-27.249-27.249v-598.721c0-15.050 12.196-27.249 27.249-27.249h598.721c15.049 0 27.249 12.196 27.249 27.249v598.721zM730.028 421.639h-127.324v-126.817c0-30.091-24.402-54.499-54.501-54.499h-252.755c-30.098 0-54.501 24.401-54.501 54.499v253.89c0 30.091 24.402 54.499 54.501 54.499h127.324v126.817c0 30.091 24.402 54.499 54.501 54.499h252.755c30.098 0 54.501-24.401 54.501-54.499v-253.89c0-30.091-24.402-54.499-54.501-54.499zM323.36 548.137c-15.050 0-27.251-12.207-27.251-27.26v-197.694c0-15.055 12.201-27.26 27.251-27.26h196.928c15.051 0 27.251 12.207 27.251 27.26v98.458h-70.267c-30.098 0-54.501 24.401-54.501 54.499v71.998h-99.411zM547.539 477.24v43.638c0 15.055-12.202 27.26-27.251 27.26h-42.353v-43.638c0-15.055 12.202-27.26 27.251-27.26h42.353zM729.365 702.193c0 15.055-12.201 27.26-27.251 27.26h-196.928c-15.050 0-27.251-12.207-27.251-27.26v-98.981h70.267c30.098 0 54.501-24.401 54.501-54.499v-71.474h99.411c15.050 0 27.251 12.207 27.251 27.26v197.693z" p-id="4636"></path></svg>',split:'<svg t="1750479695414" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4789" width="200" height="200"><path d="M553.396484375 822.78125H229.255859375c-26.89453125 0-48.779296875-21.884765625-48.779296875-48.779296875V208.6015625c0-26.89453125 21.884765625-48.779296875 48.779296875-48.779296875h565.400390625c27.0703125 0 48.779296875 21.62109375 48.779296875 48.515625v407.197265625c0 11.42578125 9.31640625 20.7421875 20.7421875 20.7421875 11.42578125 0 20.7421875-9.31640625 20.7421875-20.7421875V208.337890625c0-49.921875-40.341796875-90-90.17578125-90H229.255859375c-49.74609375 0-90.17578125 40.4296875-90.17578125 90.17578125V773.9140625c0 49.74609375 40.4296875 90.17578125 90.17578125 90.17578125h324.140625c11.42578125 0 20.7421875-9.31640625 20.7421875-20.7421875s-9.228515625-20.56640625-20.7421875-20.56640625z" p-id="4790"></path><path d="M553.396484375 408.376953125h165.76171875V242.703125H553.396484375v165.673828125z m-41.396484375-166.11328125c0-22.67578125 18.720703125-41.044921875 41.044921875-41.044921875h166.46484375c22.67578125 0 41.044921875 18.720703125 41.044921875 41.044921875v166.46484375c0 22.67578125-18.720703125 41.044921875-41.044921875 41.044921875H553.044921875c-22.67578125 0-41.044921875-18.720703125-41.044921875-41.044921875V242.263671875zM284.099609375 532.7421875c0-11.337890625 9.31640625-20.7421875 20.302734375-20.7421875h166.46484375c11.25 0 20.302734375 9.228515625 20.302734375 21.005859375v123.662109375c0 11.6015625-9.404296875 21.09375-20.302734375 21.09375H304.490234375c-11.25 0-20.302734375-9.140625-20.302734375-20.7421875V532.7421875z m-41.396484375 0V657.01953125c0 34.365234375 27.59765625 62.138671875 61.787109375 62.138671875h166.46484375c34.013671875 0 61.787109375-28.125 61.787109375-62.490234375V533.005859375c0-34.541015625-27.509765625-62.490234375-61.787109375-62.490234375H304.490234375c-33.92578125 0.087890625-61.787109375 28.037109375-61.787109375 62.2265625zM723.2890625 802.0390625h-50.2734375c-11.42578125 0-20.7421875-9.31640625-20.7421875-20.7421875s9.31640625-20.7421875 20.7421875-20.7421875h50.2734375v-50.2734375c0-11.42578125 9.31640625-20.7421875 20.7421875-20.7421875 11.42578125 0 20.7421875 9.31640625 20.7421875 20.7421875v50.2734375h50.2734375c11.42578125 0 20.7421875 9.31640625 20.7421875 20.7421875S826.47265625 802.0390625 815.046875 802.0390625h-50.2734375v50.2734375c0 11.42578125-9.31640625 20.7421875-20.7421875 20.7421875-11.42578125 0-20.7421875-9.31640625-20.7421875-20.7421875V802.0390625zM744.03125 905.57421875c68.642578125 0 124.27734375-55.634765625 124.27734375-124.27734375S812.673828125 657.01953125 744.03125 657.01953125s-124.27734375 55.634765625-124.27734375 124.27734375S675.388671875 905.57421875 744.03125 905.57421875z" p-id="4791"></path></svg>',lock:'<svg t="1750479364498" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1470" width="200" height="200"><path d="M806.617322 1024H217.36459A124.739125 124.739125 0 0 1 93.090909 899.260875V421.4821a124.739125 124.739125 0 0 1 124.273681-124.971847h589.252732A124.739125 124.739125 0 0 1 930.891002 421.4821v477.778775A124.739125 124.739125 0 0 1 806.617322 1024zM217.36459 319.317033A102.165067 102.165067 0 0 0 116.363134 421.4821v477.778775A101.932345 101.932345 0 0 0 217.36459 1000.727775h589.252732A101.932345 101.932345 0 0 0 907.618777 899.260875V421.4821a102.165067 102.165067 0 0 0-101.699622-102.165067z" fill="#666666" p-id="1471"></path><path d="M702.125032 319.317033a11.170668 11.170668 0 0 1-11.170668-11.40339v-139.633349a133.349848 133.349848 0 0 0-51.897061-102.630511A198.046633 198.046633 0 0 0 511.990956 23.294333c-98.674233 0-178.963409 65.627674-178.963409 146.382294v139.633349a11.170668 11.170668 0 0 1-11.170668 11.40339 11.40339 11.40339 0 0 1-11.40339-11.40339v-139.633349C310.453489 75.889561 400.982443 0.022109 511.990956 0.022109a219.45708 219.45708 0 0 1 141.495126 49.104394 155.923906 155.923906 0 0 1 60.04234 120.08468v139.633349a11.40339 11.40339 0 0 1-11.40339 10.472501zM511.990956 750.551359a90.296232 90.296232 0 1 1 91.227121-90.296233A90.994399 90.994399 0 0 1 511.990956 750.551359z m0-157.785685a67.489452 67.489452 0 1 0 68.42034 67.489452 67.954896 67.954896 0 0 0-68.42034-67.489452z" fill="#666666" p-id="1472"></path></svg>',unlock:'<svg t="1750479411662" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1625" width="200" height="200"><path d="M713.05481 1024H124.738048A124.970768 124.970768 0 0 1 0 899.261952v-477.076488a124.970768 124.970768 0 0 1 124.738048-124.738048h588.316762A124.970768 124.970768 0 0 1 837.792858 422.185464v477.076488A125.203488 125.203488 0 0 1 713.05481 1024zM124.738048 320.254A102.164185 102.164185 0 0 0 23.272024 422.185464v477.076488A102.164185 102.164185 0 0 0 124.738048 1000.727976h588.316762A102.164185 102.164185 0 0 0 814.520834 899.261952v-477.076488a102.164185 102.164185 0 0 0-102.164185-101.931464z" fill="#666666" p-id="1626"></path><path d="M418.896429 750.78644a90.295452 90.295452 0 1 1 91.226333-90.062732A90.528173 90.528173 0 0 1 418.896429 750.78644z m0-157.551601a67.488869 67.488869 0 1 0 68.41975 67.488869 67.95431 67.95431 0 0 0-68.41975-67.488869zM1012.565757 318.392238a11.403292 11.403292 0 0 1-11.403292-11.403292V168.753125C1000.697024 88.231922 918.779501 23.302976 817.546197 23.302976a206.190131 206.190131 0 0 0-130.788774 43.751404 131.254214 131.254214 0 0 0-53.060214 102.164185v138.235821a11.403292 11.403292 0 1 1-23.272024 0V168.753125a154.060798 154.060798 0 0 1 62.136303-120.083643A229.229435 229.229435 0 0 1 817.546197 0.030952C930.880953 0.030952 1023.969048 75.665029 1023.969048 168.753125v138.235821a11.403292 11.403292 0 0 1-11.403291 11.403292z" fill="#666666" p-id="1627"></path></svg>',clear:'<svg t="1750486633569" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2342" width="200" height="200"><path d="M274.56 798.997333l19.434667-25.130666-33.792 68.565333a18.133333 18.133333 0 0 0 11.562666 25.536l59.733334 16a18.133333 18.133333 0 0 0 17.28-4.48c20.522667-19.818667 35.626667-35.989333 45.290666-48.469333l19.456-25.130667-33.813333 68.565333a18.133333 18.133333 0 0 0 11.562667 25.536l84.48 22.634667a18.133333 18.133333 0 0 0 17.28-4.48c20.522667-19.84 35.626667-35.989333 45.269333-48.469333l19.456-25.130667-33.813333 68.565333A18.133333 18.133333 0 0 0 535.530667 938.666667l72.106666 19.328a18.133333 18.133333 0 0 0 17.28-4.48c20.522667-19.84 35.626667-36.010667 45.269334-48.490667l19.456-25.130667-33.813334 68.586667a18.133333 18.133333 0 0 0 11.584 25.514667l86.421334 23.338666 3.84-0.213333c13.269333-0.704 29.056-5.034667 43.84-12.8 29.781333-15.701333 48.170667-43.2 52.181333-78.250667 2.133333-18.517333 4.778667-38.549333 8.405333-63.530666 1.642667-11.221333 2.944-20.010667 6.229334-41.834667 11.050667-73.322667 14.634667-101.034667 17.130666-133.674667l0.938667-12.373333 2.837333-2.922667 12.330667-1.344a41.813333 41.813333 0 0 0 24.810667-11.221333c10.730667-10.24 14.805333-25.386667 11.093333-42.197333l-37.546667-171.584c-3.029333-13.696-11.264-27.946667-23.146666-39.829334-11.648-11.626667-25.92-20.138667-39.893334-23.893333L723.626667 331.306667l-2.261334-3.925334L774.250667 130.133333c8.32-31.061333-11.754667-63.744-44.970667-72.64l-79.509333-21.312c-33.194667-8.896-66.922667 9.365333-75.264 40.426667l-52.842667 197.269333-3.925333 2.261334-118.101334-31.637334c-13.994667-3.754667-30.634667-3.498667-46.506666 0.746667-16.256 4.352-30.506667 12.586667-39.957334 22.933333l-118.314666 129.792c-11.605333 12.714667-15.658667 27.84-11.52 42.090667 4.16 14.229333 15.850667 25.194667 32.896 30.528l13.610666 4.266667 2.133334 3.882666-3.626667 13.802667c-21.12 79.850667-52.885333 136.917333-85.717333 150.890667-47.530667 20.202667-72.938667 49.429333-78.421334 85.034666-5.034667 32.682667 9.28 67.114667 37.589334 91.541334l22.037333 8.341333 74.666667 20.010667a42.666667 42.666667 0 0 0 41.216-11.050667c15.274667-15.274667 26.88-28.032 34.837333-38.293333z m551.381333-396.565333c14.144 3.797333 29.952 19.2 32.768 32l34.56 157.781333a10.666667 10.666667 0 0 1-13.184 12.586667L240.64 433.493333a10.666667 10.666667 0 0 1-5.12-17.493333l108.8-119.36c8.832-9.685333 30.229333-15.146667 44.373333-11.349333l141.333334 37.866666a21.333333 21.333333 0 0 0 26.133333-15.082666l58.304-217.642667a21.333333 21.333333 0 0 1 26.133333-15.082667l77.056 20.650667a21.333333 21.333333 0 0 1 15.082667 26.133333l-58.325333 217.642667a21.333333 21.333333 0 0 0 15.082666 26.112l136.448 36.565333zM315.456 701.568c-33.664 45.141333-64.597333 79.082667-92.8 101.802667l-5.909333 4.778666-2.837334 0.597334-88.106666-24.106667-2.922667-3.2c-13.034667-14.165333-19.370667-31.04-16.981333-46.592 3.285333-21.333333 22.058667-39.338667 53.205333-52.586667 31.722667-13.482667 59.818667-47.104 82.922667-99.904 10.026667-22.954667 18.88-48.725333 26.389333-76.586666l3.882667-14.4 3.904-2.261334 566.165333 151.701334 2.346667 3.306666-0.789334 12.224c-1.984 30.592-30.336 229.397333-32.128 244.906667-2.346667 20.416-11.306667 34.986667-27.605333 44.394667a73.237333 73.237333 0 0 1-21.397333 8.106666l-5.013334 0.725334-60.373333-16.170667 11.242667-20.288c8.277333-14.976 22.656-43.84 43.093333-86.613333a21.12 21.12 0 0 0-9.962667-28.16l-3.136-1.493334a21.333333 21.333333 0 0 0-26.261333 6.485334c-33.642667 45.056-64.533333 78.912-92.672 101.546666l-5.909333 4.757334-2.837334 0.597333-52.544-14.08 11.114667-20.266667c3.562667-6.485333 7.04-13.013333 10.453333-19.626666 7.04-13.504 17.898667-35.797333 32.597334-66.816a21.290667 21.290667 0 0 0-9.984-28.309334l-3.029334-1.450666a21.333333 21.333333 0 0 0-26.368 6.442666c-33.6 45.013333-64.469333 78.826667-92.608 101.482667l-5.909333 4.757333-2.837333 0.597334-52.138667-13.973334 11.114667-20.266666c3.242667-5.888 6.72-12.416 10.453333-19.626667 6.997333-13.461333 17.962667-35.946667 32.896-67.434667a20.970667 20.970667 0 0 0-10.112-28.010666l-3.328-1.536a21.333333 21.333333 0 0 0-26.069333 6.613333c-33.642667 45.056-64.554667 78.976-92.778667 101.696l-5.909333 4.757333-2.837334 0.597334-32.64-8.746667 11.093334-20.245333c3.541333-6.506667 7.04-13.034667 10.453333-19.626667 6.976-13.482667 17.941333-35.968 32.874667-67.456a21.056 21.056 0 0 0-10.069334-28.074667l-3.242666-1.514666a21.333333 21.333333 0 0 0-26.154667 6.549333z" fill="#333333" p-id="2343"></path></svg>',deleteIcon:'<svg t="1750486500477" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5147" width="200" height="200"><path d="M106.666667 213.333333h810.666666v42.666667H106.666667z" fill="#3D3D3D" p-id="5148"></path><path d="M640 128v42.666667h42.666667V128c0-23.573333-19.093333-42.666667-42.538667-42.666667H383.872A42.496 42.496 0 0 0 341.333333 128v42.666667h42.666667V128h256z" fill="#3D3D3D" p-id="5149"></path><path d="M213.333333 896V256H170.666667v639.957333C170.666667 919.552 189.653333 938.666667 213.376 938.666667h597.248C834.218667 938.666667 853.333333 919.68 853.333333 895.957333V256h-42.666666v640H213.333333z" fill="#3D3D3D" p-id="5150"></path><path d="M320 341.333333h42.666667v384h-42.666667zM490.666667 341.333333h42.666666v384h-42.666666zM661.333333 341.333333h42.666667v384h-42.666667z" fill="#3D3D3D" p-id="5151"></path></svg>',makeline:'<svg t="1750488123134" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3304" width="200" height="200"><path d="M538.3 62.3h-477v900h900v-900h-423z m355.5 832.5h-765v-765h765v765z" p-id="3305"></path><path d="M623.8 485.3h76.5v54h-76.5zM772.3 485.3h76.5v54h-76.5zM322.3 485.3h76.5v54h-76.5zM173.8 485.3h76.5v54h-76.5zM484.3 773.3h54v76.5h-54zM484.3 624.8h54v76.5h-54zM484.3 548.3h54v-9h9v-54h-9v-13.5h-54v13.5h-13.5v54h13.5zM484.3 174.8h54v76.5h-54zM484.3 323.3h54v76.5h-54z" p-id="3306"></path></svg>',canvas:'<svg t="1750488310268" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1503" width="200" height="200"><path d="M911.274667 810.624H663.466667c-11.989333-1.962667-21.034667-8.106667-25.088-16.938667-4.352-9.728-2.304-34.816-2.304-52.394666v-344.32c0-9.941333-0.725333-19.413333 1.578666-25.088a32.426667 32.426667 0 0 1 7.253334-9.557334c10.069333-9.216 22.656-8.106667 42.752-8.106666h167.893333c15.232 0 35.925333-0.768 50.858667 0 4.906667 0 9.813333 0.768 14.506666 2.176 1.024 0.426667 1.365333 1.578667 2.432 2.176 1.152 0.725333 3.2 0.896 4.010667 1.493333 2.133333 1.621333 3.370667 4.010667 4.864 5.973333 0.725333 0.896 1.792 1.194667 2.432 2.133334 2.304 3.754667 2.218667 7.381333 4.010667 11.818666v404.138667c-2.517333 14.933333-11.818667 23.594667-27.392 26.538667v-0.042667z m-137.258667-21.418667c2.56 3.84 6.272 6.997333 11.306667 7.381334 2.261333 0.170667 5.930667 0 8.064-0.768a20.48 20.48 0 0 0 8.064-7.296 15.573333 15.573333 0 0 0-1.621334-14.805334 11.562667 11.562667 0 0 0-5.632-4.352c-3.626667-1.536-5.461333-2.133333-11.306666-0.768a14.336 14.336 0 0 0-10.154667 8.192 12.842667 12.842667 0 0 0 1.28 12.458667z m88.746667-401.92c-1.066667-4.266667-5.205333-4.736-12.885334-5.12-18.133333-0.853333-39.381333 0-56.533333 0-29.44 0-52.608-1.578667-75.861333 0-0.768 0-0.426667 0.597333-0.768 0.725334-3.968 1.493333-7.466667 5.290667-4.821334 10.325333 2.133333 4.138667 7.850667 3.669333 16.170667 3.712 36.906667 0.170667 67.712 0 103.253333 0 6.485333 0 14.933333 0.597333 20.992 0 4.437333-0.426667 5.504 0.085333 8.064-2.261333 1.877333-1.621333 3.413333-3.456 2.389334-7.338667z m46.037333 37.674667h-242.133333c-0.896 0.085333-0.853333 1.109333-0.810667 2.133333v326.784H908.8v-328.96z m-179.413333-88.533333h-40.362667c-0.426667-13.013333 1.408-53.76-2.432-62.72a44.202667 44.202667 0 0 0-25.770667-22.101334c-7.893333-2.133333-18.944-1.493333-30.72-1.493333H184.576c-11.093333 0-21.589333-0.64-29.866667 1.493333a41.813333 41.813333 0 0 0-26.581333 22.186667c-3.498667 8.021333-2.432 20.437333-2.432 33.877333v216.832c0 12.672-1.749333 28.288 1.621333 36.821334a41.642667 41.642667 0 0 0 25.813334 23.637333c13.653333 3.797333 35.925333 1.493333 53.290666 1.493333h411.946667v92.885334H143.445333c-12.288 0-24.746667 0.853333-33.066666-2.176-5.162667-2.133333-9.813333-5.12-13.781334-8.874667-6.997333-6.613333-8.789333-12.8-11.306666-22.869333V247.978667c3.498667-19.925333 15.872-31.658667 37.930666-34.645334h568.192c16.128 2.346667 28.8 9.770667 34.688 22.912 4.224 9.258667 3.2 21.077333 3.2 33.834667v66.389333h0.042667zM271.786667 786.986667c0.512-0.341333 1.792-0.256 2.389333-0.725334 1.92-1.493333 3.370667-3.712 5.674667-5.162666 0.554667-0.341333 1.749333-0.256 2.389333-0.725334 0.682667-0.469333 0.938667-1.749333 1.578667-2.218666 0.853333-0.469333 1.792-0.256 2.474666-0.725334 12.586667-8.533333 27.136-16.426667 41.173334-22.869333v-53.802667c-0.128-1.024-0.170667-2.090667 0.810666-2.218666h158.976v55.338666c2.645333 2.645333 6.4 3.498667 9.685334 5.12 5.12 2.56 10.666667 5.632 16.128 8.874667l6.442666 3.669333c2.090667 1.152 3.754667 2.005333 5.674667 3.669334 0.853333 0.725333 3.968 2.474667 5.632 3.712 1.28 0.938667 2.474667 1.578667 4.053333 2.944 0.981333 0.853333 2.56 1.706667 4.010667 2.986666 3.456 2.901333 15.36 9.173333 14.549333 16.170667-1.536 13.184-51.2 8.832-68.650666 8.832H291.2c-20.394667 0-38.570667-3.456-25.088-17.664 1.706667-1.877333 3.626667-3.584 5.674667-5.162667zM190.592 308.736H622.933333v222.293333H190.592v-222.293333z m501.205333 138.965333h190.976v282.88h-190.933333v-282.88h-0.042667z" fill="#4A4A4A" p-id="1504"></path></svg>',setting:'<svg t="1750488470617" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2493" width="200" height="200"><path d="M504.046527 324.145644c-105.338607 0-191.027711 85.687888-191.027711 191.027711 0 105.338607 85.689104 191.026495 191.027711 191.026495 105.334958 0 191.022846-85.687888 191.022846-191.026495C695.069373 409.833532 609.381485 324.145644 504.046527 324.145644L504.046527 324.145644 504.046527 324.145644zM504.046527 655.261965c-77.245474 0-140.089826-62.844353-140.089826-140.08861 0-77.245474 62.844353-140.084961 140.089826-140.084961S644.131488 437.927881 644.131488 515.173355C644.131488 592.417613 581.292001 655.261965 504.046527 655.261965L504.046527 655.261965 504.046527 655.261965zM925.014169 425.218649c-18.079246-1.639587-72.978655-13.394016-87.374911-44.776054-12.553545-27.31956 8.205233-65.847424 27.813382-93.361594l12.177705-17.094034-119.232527-125.560993-18.144926 13.588626c-16.367896 12.267712-69.833275 44.006129-100.298215 29.547841-24.458796-11.631581-31.143641-53.522546-32.464555-86.600121L606.535318 76.493794l-94.535334 0-94.525603 0-0.964535 24.463662c-1.316048 33.077575-8.005758 74.969756-32.454824 86.604986-30.407773 14.458288-83.94978-17.280129-100.307945-29.547841L265.579041 144.398 146.37084 269.986967 158.547329 287.085866c19.585038 27.471598 40.334086 65.961757 27.871765 93.276452-14.306249 31.324871-68.00516 43.007538-87.432078 44.861196l-23.167074 2.113948 0 76.612992L75.810211 503.950454l0 93.736217 23.167074 2.115165c19.428134 1.852442 73.130694 13.536324 87.432078 44.861196 12.462322 27.309829-8.281861 65.803637-27.865683 93.27037l-12.17284 17.10498 119.203335 125.584102 18.168036-13.617817c16.3533-12.262847 69.895307-44.004913 100.30308-29.552706 24.450282 11.641312 31.143641 53.527411 32.464555 86.611068l0.95602 24.468527 94.529252 0 94.530468 0 0.959669-24.468527c1.320914-33.083657 8.010624-74.969756 32.460906-86.611068 30.468589-14.452206 83.933968 17.28986 100.306729 29.552706l18.144926 13.593491 119.227662-125.559776-12.17284-17.10498c-19.617879-27.509304-40.375441-66.042034-27.823112-93.361594 14.401121-31.377173 69.296882-43.131602 87.379776-44.769972l23.171939-2.115165 0-92.976023 0.008514 0 0-77.373187L925.014169 425.218649 925.014169 425.218649 925.014169 425.218649zM897.243358 503.950454l-0.004865 0 0 48.76677c-31.382038 6.642274-84.719704 24.449066-105.909057 70.6032-16.29735 35.505332-9.256126 78.023913 20.899871 126.619183l-60.387405 63.619143c-29.415263-17.831118-86.187792-44.64226-133.651893-22.159969-33.41571 15.816907-53.460514 51.488874-59.756139 106.18516l-46.438751 0-46.437535 0c-6.295625-54.696286-26.341646-90.368252-59.761004-106.18516-47.440991-22.449451-104.228115 4.314255-133.656758 22.159969L211.757283 749.939607c30.159646-48.59527 37.197221-91.113851 20.904736-126.619183-21.190569-46.154134-74.531884-63.960926-105.909057-70.6032l0-48.00171 0.004865 0 0-32.408604c31.382038-6.641058 84.723353-24.449066 105.918787-70.601984 16.286403-35.506548 9.250045-78.029994-20.910817-126.620399l60.383756-63.627657c29.423777 17.849363 86.206036 44.613068 133.656758 22.163618 33.414494-15.821772 53.465379-51.484009 59.756139-106.18516l46.437535 0 46.443616 0c6.29076 54.696286 26.340429 90.368252 59.756139 106.18516 47.459236 22.487156 104.231764-4.327634 133.647028-22.163618l60.39227 63.627657c-30.160862 48.590405-37.197221 91.108986-20.909601 126.620399 21.189353 46.152918 74.536749 63.960926 105.909057 70.601984l0 31.643545L897.243358 503.950454 897.243358 503.950454 897.243358 503.950454zM897.243358 503.950454" fill="#272636" p-id="2494"></path></svg>',sketchRule:'<svg t="1750819198822" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5691" width="200" height="200"><path d="M854.633103 83.697237 586.894246 83.697237c-1.195222-0.191358-2.418073-0.290619-3.664459-0.290619-1.24434 0-2.465145 0.100284-3.65832 0.290619L168.315962 83.697237c-47.382147 0-85.770456 38.387285-85.770456 85.770456l0 686.317141c0 47.382147 38.388309 85.782735 85.770456 85.782735l162.045653 0c47.382147 0 85.772502-38.400588 85.772502-85.782735L416.134117 617.544825c-0.071631-12.402471-10.113335-22.456455-22.563902-22.456455-12.428054 0-22.515806 10.053983-22.573111 22.456455l0 0.069585c0 0.022513 0 0.022513 0 0.047072 0 0 0 0.046049 0 0.069585l0 233.540987c0 24.969695-20.224624 45.171806-45.148269 45.171806L172.831812 896.443859c-24.924669 0-45.148269-20.201088-45.148269-45.171806l0-92.394317 159.380964 0c13.173021 0 23.843034-10.682293 23.843034-23.830755 0-13.173021-10.670014-23.829731-23.843034-23.829731L127.682519 711.217251 127.682519 592.06143l111.720478 0c13.170974 0 23.840988-10.682293 23.840988-23.830755 0-13.173021-10.670014-23.831778-23.840988-23.831778L127.682519 544.398898 127.682519 425.2441l159.380964 0c13.173021 0 23.843034-10.670014 23.843034-23.830755 0-13.170974-10.670014-23.843034-23.843034-23.843034L127.682519 377.570311 127.682519 173.983543c0-24.936949 20.2236-45.149293 45.148269-45.149293L368.946398 128.83425c-0.124843 1.022283-0.195451 2.061962-0.195451 3.119037L368.750947 249.352091c0 13.648858 10.671037 24.715915 23.831778 24.715915s23.843034-11.066033 23.843034-24.715915L416.425759 131.953288c0-1.057075-0.071631-2.096754-0.195451-3.119037l143.168724 0 0 96.68504c0 13.648858 10.682293 24.715915 23.831778 24.715915 13.171997 0 23.830755-11.066033 23.830755-24.715915l0-96.68504 119.351272 0c-0.124843 1.022283-0.195451 2.061962-0.195451 3.119037L726.217385 249.352091c0 13.648858 10.68127 24.715915 23.829731 24.715915 13.174044 0 23.832801-11.066033 23.832801-24.715915L773.879917 131.953288c0-1.057075-0.070608-2.096754-0.195451-3.119037l76.435856 0c24.924669 0 45.148269 20.212344 45.148269 45.149293l0 168.875199 0 10.879792L459.838501 353.738533c-13.160741 0-23.840988 10.671037-23.840988 23.843034 0 13.160741 10.680247 23.831778 23.840988 23.831778l446.831768 0c2.075265 0 4.089132-0.26606 6.009877-0.76441 1.657756 0.387833 3.384074 0.599657 5.160533 0.599657 12.474103 0 22.575158-10.123568 22.575158-22.575158l0-35.815717L940.415838 169.468716C940.415838 122.084523 902.017296 83.697237 854.633103 83.697237z" fill="#272636" p-id="5692"></path></svg>',zoomout:'<svg t="1750819738144" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1403" width="200" height="200"><path d="M643.389627 423.537124 454.696113 423.537124 454.696113 234.843609c0-9.516538-7.674628-17.191166-17.191166-17.191166s-17.191166 7.674628-17.191166 17.191166l0 188.693515L231.620266 423.537124c-9.516538 0-17.191166 7.674628-17.191166 17.191166s7.674628 17.191166 17.191166 17.191166l188.693515 0 0 188.693515c0 9.516538 7.674628 17.191166 17.191166 17.191166s17.191166-7.674628 17.191166-17.191166L454.696113 457.817128l188.693515 0c9.516538 0 17.191166-7.674628 17.191166-17.191166S652.803837 423.537124 643.389627 423.537124z" p-id="1404"></path><path d="M1015.762566 994.734086 758.7137 737.68522C830.855201 659.608674 874.958729 555.336065 874.958729 440.72829 874.958729 199.131008 679.102228 3.274508 437.504947 3.274508S0.051164 199.131008 0.051164 440.72829s195.8565 437.453782 437.453782 437.453782c114.607775 0 218.982712-44.103528 296.95693-116.245028l257.048866 257.048866c6.651344 6.651344 17.60048 6.651344 24.251824 0C1022.516239 1012.232237 1022.516239 1001.38543 1015.762566 994.734086zM437.504947 843.79974c-222.666533 0-403.173778-180.507245-403.173778-403.173778s180.507245-403.173778 403.173778-403.173778 403.173778 180.507245 403.173778 403.173778S660.17148 843.79974 437.504947 843.79974z" p-id="1405"></path></svg>',zoomin:'<svg t="1750819767199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1558" width="200" height="200"><path d="M645.410613 421.592885 232.310982 421.592885c-9.516538 0-17.191166 7.674628-17.191166 17.191166 0 9.516538 7.674628 17.191166 17.191166 17.191166l412.997302 0c9.516538 0 17.191166-7.674628 17.191166-17.191166C662.601779 429.369841 654.824823 421.592885 645.410613 421.592885z" p-id="1559"></path><path d="M1018.909164 994.529429l-257.867493-257.867493c72.346158-78.281203 116.552014-182.860797 116.552014-297.877885C877.696013 196.470471 681.225542 0 438.809633 0S0.025582 196.470471 0.025582 438.784051s196.470471 438.784051 438.784051 438.784051c115.017088 0 219.596682-44.205856 297.877885-116.552014l257.867493 257.867493c6.753672 6.753672 17.60048 6.753672 24.354152 0C1025.662836 1012.129909 1025.662836 1001.283102 1018.909164 994.529429zM438.809633 843.288098c-223.382832 0-404.401719-181.018887-404.401719-404.401719S215.52913 34.382332 438.809633 34.382332s404.401719 181.018887 404.401719 404.401719S662.192465 843.288098 438.809633 843.288098z" p-id="1560"></path></svg>',restore:'<svg t="1750819883686" class="icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1713" width="200" height="200"><path d="M0 50.959528l0 921.978615 1024.409313 0 0-921.978615L0 50.959528zM990.231638 938.862796 34.075347 938.862796 34.075347 85.137204l956.156291 0L990.231638 938.862796z" p-id="1714"></path><path d="M290.203258 768.076746c9.41421 0 17.088838-7.674628 17.088838-17.088838L307.292096 272.909763c0-9.41421-7.674628-17.088838-17.088838-17.088838-9.41421 0-17.088838 7.674628-17.088838 17.088838l0 478.078145C273.11442 760.504447 280.789048 768.076746 290.203258 768.076746z" p-id="1715"></path><path d="M495.064655 460.784651 529.24233 460.784651c9.41421 0 17.088838-7.674628 17.088838-17.088838 0-9.41421-7.674628-17.088838-17.088838-17.088838l-34.177676 0c-9.41421 0-17.088838 7.674628-17.088838 17.088838C477.975817 453.110023 485.650445 460.784651 495.064655 460.784651z" p-id="1716"></path><path d="M495.064655 597.393025 529.24233 597.393025c9.41421 0 17.088838-7.674628 17.088838-17.088838s-7.674628-17.088838-17.088838-17.088838l-34.177676 0c-9.41421 0-17.088838 7.674628-17.088838 17.088838S485.650445 597.393025 495.064655 597.393025z" p-id="1717"></path><path d="M734.103727 768.076746c9.41421 0 17.088838-7.674628 17.088838-17.088838L751.192565 272.909763c0-9.41421-7.674628-17.088838-17.088838-17.088838s-17.088838 7.674628-17.088838 17.088838l0 478.078145C717.01489 760.504447 724.689517 768.076746 734.103727 768.076746z" p-id="1718"></path></svg>',newPage:'<svg t="1751333147233" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1568" width="200" height="200"><path d="M914.181742 251.621027L672.174208 10.295205A34.085568 34.085568 0 0 0 645.587465 0.069535H134.303944a34.085568 34.085568 0 0 0-34.085569 34.085568v954.395906a34.085568 34.085568 0 0 0 34.085569 34.085568h755.336188a34.085568 34.085568 0 0 0 34.085569-34.085568V272.754079a34.085568 34.085568 0 0 0-9.543959-21.133052z m-92.712746 3.408557H666.720517V100.962816zM168.389512 954.465441V68.240671h430.159869v220.874481a34.085568 34.085568 0 0 0 34.085568 34.085568h222.919615V954.465441z" fill="#666666" p-id="1569"></path><path d="M713.758601 545.438624H548.10274V379.782763a34.085568 34.085568 0 0 0-68.171136 0V545.438624H304.731784a34.085568 34.085568 0 0 0-34.085568 34.085568 33.403857 33.403857 0 0 0 4.771979 16.361073 34.085568 34.085568 0 0 0 31.358723 21.133052h170.427841v170.42784a34.085568 34.085568 0 1 0 68.171136 0V618.38174h170.42784a34.085568 34.085568 0 0 0 34.085568-34.085568 33.403857 33.403857 0 0 0-4.771979-16.361073A34.085568 34.085568 0 0 0 713.758601 545.438624z" fill="#666666" p-id="1570"></path></svg>',folder:'<svg t="1751333431817" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2818" width="200" height="200"><path d="M928 444H820V330.4c0-17.7-14.3-32-32-32H473L355.7 186.2c-1.5-1.4-3.5-2.2-5.5-2.2H96c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h698c13 0 24.8-7.9 29.7-20l134-332c1.5-3.8 2.3-7.9 2.3-12 0-17.7-14.3-32-32-32zM136 256h188.5l119.6 114.4H748V444H238c-13 0-24.8 7.9-29.7 20L136 643.2V256z m635.3 512H159l103.3-256h612.4L771.3 768z" p-id="2819"></path></svg>',importSvg:'<svg t="1752543539387" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1256" width="200" height="200"><path d="M111.6 148.8c7.9 0 16.9 17.9 21.6 32.2 25.9 88.7 143 182.6 248.6 194.2v-1.1c0-29.6 10.6-50.7 31.7-64.4 11.1-6.9 22.7-10.6 34.8-10.6 13.7 0 27.4 4.8 39.1 13.7L645.8 438c17.9 13.2 28.5 34.8 28.5 57.5 0 22.2-10.6 43.8-28 57L487.4 678.2c-1.6 1.1-2.6 2.1-4.2 2.6-7.4 4.2-19.5 9.5-34.3 9.5-12.1 0-23.7-3.2-34.3-10-26.4-16.9-30.6-43.8-32.2-55.4l-0.5-2.1c-0.5-1.6-0.5-3.7-0.5-5.3v-5.3c-162.6-26.9-314.1-192.6-314.1-352 0-29.6 4.2-59.6 12.7-88.1 4.2-13.8 18.4-26.5 31.6-23.3z m335.2 467.1c0.5 2.6 1.1 6.9 2.1 8.4l156.2-123.5c1.6-1.1 2.6-3.2 2.6-5.3 0-2.1-0.5-3.7-2.6-5.3L447.8 365.7c0 1.1-0.5 3.2-0.5 7.9v34.8c0 17.4-13.2 31.7-30.6 32.7-104.5 7.4-213.8-61.2-280.3-145.7 22.2 123 154.1 247.5 279.7 254.4 17.4 1.1 31.1 15.3 31.1 32.7v32.7l-0.4 0.7z m0.5-0.5" p-id="1257"></path><path d="M309 916.3c-67 0-121.4-54.9-121.4-121.4V593.2h69.1v201.6c0 29 23.8 52.3 52.3 52.3h527.3c29 0 52.3-23.8 52.3-52.3V226.4c0-29-23.8-52.3-52.3-52.3H399.8v-69.7h436.5c67 0 121.9 54.9 121.9 121.9v567.9c0 67-54.9 121.9-121.9 121.9H309v0.2z m0 0" p-id="1258"></path><path d="M841.6 626H729.1v-59.1h112.4V626z m0 154.1H545.5V721h296.1v59.1z m0-425.4h-237v-59.1h237v59.1z m0 140.9H729.1v-59.1h112.4v59.1z m0-59.1" p-id="1259"></path></svg>',exportSvg:'<svg t="1752543591120" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1408" width="200" height="200"><path d="M394.6 689.8c-13.2 3.2-27.4-9.5-31.7-23.2-8.4-28.5-12.7-58.6-12.7-88.1 0-159.4 151.5-325.1 314.1-352.1v-5.3c0-1.6 0-3.7 0.5-5.3l0.5-2.1c1.6-11.6 5.8-38.5 32.2-55.4 10.6-6.9 22.2-10 34.3-10 14.8 0 26.9 5.3 34.3 9.5 1.6 0.5 2.6 1.6 4.2 2.6L929.2 286c17.4 13.2 28 34.8 28 57 0 22.7-10.6 44.3-28.5 57.5L770.5 525.7c-11.6 9-25.3 13.7-39.1 13.7-12.1 0-23.8-3.7-34.8-10.6-21.1-13.7-31.7-34.8-31.7-64.4v-1.1C559.3 475 442.2 569 416.3 657.6c-4.8 14.3-13.7 32.2-21.7 32.2z m335.7-466.6V256c0 17.4-13.7 31.7-31.1 32.7-125.6 6.9-257.6 131.4-279.7 254.4C486 458.7 595.2 390 699.7 397.4c17.4 1.1 30.6 15.3 30.6 32.7V465c0 4.7 0.5 6.9 0.5 7.9l157.3-124.6c2.1-1.6 2.6-3.2 2.6-5.3 0-2.1-1.1-4.2-2.6-5.3L731.9 214.3c-1.1 1.6-1.6 5.8-2.1 8.4l0.5 0.5z m0 0" p-id="1409"></path><path d="M715.6 916.3H188.3c-67 0-121.9-54.9-121.9-121.9v-568c0-67 54.9-121.9 121.9-121.9h436.5v69.7H188.3c-28.5 0-52.3 23.2-52.3 52.3V795c0 28.5 23.2 52.3 52.3 52.3h527.3c28.5 0 52.3-23.2 52.3-52.3V593.2H837v201.6c0 66.6-54.4 121.5-121.4 121.5z m0 0" p-id="1410"></path><path d="M183 566.9h112.4V626H183v-59.1z m0 154.1h296.1v59.1H183V721z m0-425.4h237v59.1H183v-59.1z m0 140.9h112.4v59.1H183v-59.1z m0 0" p-id="1411"></path></svg>',preview:'<svg t="1752547223697" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3654" width="200" height="200"><path d="M242.526316 215.578947h431.157895v53.894737H242.526316V215.578947z m431.157895 269.473685H242.526316V431.157895h431.157895v53.894737z m323.368421 323.368421c0 88.279579-144.761263 215.578947-323.368421 215.578947s-323.368421-127.353263-323.368422-215.578947a164.055579 164.055579 0 0 1 53.894737-107.789474H242.526316v-53.894737h215.578947v10.778947a388.042105 388.042105 0 0 1 377.263158-28.725894V53.894737H80.842105v862.315789h323.368421v53.894737H26.947368V0h862.31579v658.054737A208.357053 208.357053 0 0 1 997.052632 808.421053z m-134.736843-107.789474H835.368421v-14.928842A356.675368 356.675368 0 0 0 673.684211 646.736842c-148.857263 0-269.473684 91.136-269.473685 161.684211 0 66.182737 120.616421 161.684211 269.473685 161.68421s269.473684-95.501474 269.473684-161.68421a149.989053 149.989053 0 0 0-80.842106-107.789474zM673.684211 916.210526a107.789474 107.789474 0 1 1 107.789473-107.789473 107.789474 107.789474 0 0 1-107.789473 107.789473z m0-161.68421a53.894737 53.894737 0 1 0 53.894736 53.894737 53.894737 53.894737 0 0 0-53.894736-53.894737z" fill="#484D55" p-id="3655"></path></svg>',addSvg:'<svg t="1752651440274" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1603" width="200" height="200"><path d="M768 505.6a6.4 6.4 0 0 1 2.005333 12.458667L768 518.4H256a6.4 6.4 0 0 1-2.005333-12.458667L256 505.6h512z" fill="#292D32" p-id="1604"></path><path d="M512 249.6a6.4 6.4 0 0 1 6.058667 4.394667L518.4 256v512a6.4 6.4 0 0 1-12.458667 2.005333L505.6 768V256a6.4 6.4 0 0 1 6.4-6.4z" fill="#292D32" p-id="1605"></path></svg>'},__=e.defineComponent({name:"comp-svg-icon",props:{name:{type:String,required:!0},className:{type:String,default:""}},setup(n){return{svgContent:f_[n.name]?.replace(/width="[^"]*"/,"").replace(/height="[^"]*"/,""),svgClass:e.computed(()=>`comp-svg-icon ${n.className}`)}}});function h_(n,o,a,t,r,i){return e.openBlock(),e.createElementBlock("svg",{innerHTML:n.svgContent,class:e.normalizeClass(n.svgClass)},null,10,["innerHTML"])}const m_=J(__,[["render",h_],["__scopeId","data-v-c17f5289"],["__file","index.vue"]]),Ll=[{key:"left",label:"x 坐标"},{key:"top",label:"y 坐标"},{key:"rotate",label:"旋转角度"},{key:"width",label:"宽"},{key:"height",label:"高"},{key:"color",label:"颜色"},{key:"backgroundColor",label:"背景色"},{key:"borderWidth",label:"边框宽度"},{key:"borderStyle",label:"边框风格"},{key:"borderColor",label:"边框颜色"},{key:"borderRadius",label:"边框半径"},{key:"fontSize",label:"字体大小"},{key:"fontWeight",label:"字体粗细"},{key:"lineHeight",label:"行高"},{key:"letterSpacing",label:"字间距"},{key:"textAlign",label:"左右对齐"},{key:"verticalAlign",label:"上下对齐"},{key:"opacity",label:"不透明度"},{key:"isHide",label:"隐藏"},{key:"hAffix",label:"水平设置"},{key:"wdSet",label:"宽度设置"},{key:"wdReserve",label:"宽度铺满预留"},{key:"vAffix",label:"垂直设置"},{key:"htSet",label:"高度设置"},{key:"htReserve",label:"高度铺满预留"},{key:"showDashBorder",label:"显示虚线边框"}],g_=[{label:"左对齐",value:"left"},{label:"居中",value:"center"},{label:"右对齐",value:"right"}],C_=[{label:"实线",value:"solid"},{label:"虚线",value:"dashed"}],x_=[{label:"上对齐",value:"top"},{label:"居中对齐",value:"middle"},{label:"下对齐",value:"bottom"}],y_=[{label:"浮动计算",value:"calc"},{label:"固定左侧",value:"left"},{label:"固定右侧",value:"right"},{label:"固定中间",value:"center"}],b_=[{label:"浮动计算",value:"calc"},{label:"固定宽度",value:"fixedWd"},{label:"铺满整宽",value:"overspread"}],w_=[{label:"浮动计算",value:"calc"},{label:"固定顶部",value:"top"},{label:"固定底部",value:"bottom"},{label:"固定中间",value:"middle"}],V_=[{label:"浮动计算",value:"calc"},{label:"固定高度",value:"fixedHt"},{label:"铺满整高",value:"overspread"}],D_=["textAlign","borderStyle","verticalAlign","hAffix","wdSet","vAffix","htSet"],N_={textAlign:g_,borderStyle:C_,verticalAlign:x_,hAffix:y_,wdSet:b_,vAffix:w_,htSet:V_},E_=["isHide","showDashBorder"],k_=Object.assign({name:"VECommonAttr"},{__name:"VECommonAttr",props:["pageId","formSize"],setup(n,{expose:o}){o();const a=n,t=ne(a.pageId);let r={};const i=e.computed(()=>t.curComponent),s=e.computed(()=>{if(i.value){const g=Object.keys(i.value.style);return Ll.filter(x=>g.includes(x.key))}return[]}),l=e.computed({get:()=>i.value?.collapseName||"",set:g=>{i.value.collapseName=g}}),w={props:a,editorStore:t,get initialStyle(){return r},set initialStyle(g){r=g},curComponent:i,styleKeys:s,activeName:l,setInitial:g=>{r=JSON.parse(JSON.stringify(g))},setFontSize:()=>{const g=i.value.style.fontSize/r.fontSize,x={width:(g*r.width).toFixed(4),height:(g*r.height).toFixed(4),padding:(g*r.padding).toFixed(4)};this.curComponent.style={...i.value.style,...x},t.setShapeStyle(i.value.style),t.recordSnapshot()},onChange:()=>{},updateCompId:()=>{xt.confirm("确认更新组件的Id?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{i.value.id=Ce(Ne.Component)}).catch(()=>{})},isIncludesColor:g=>g.toLowerCase().includes("color"),get ElMessageBox(){return xt},get useEditorStore(){return ne},computed:e.computed,ref:e.ref,watch:e.watch,get generatePrefixID(){return Ce},get selectKey(){return D_},get optionMap(){return N_},get switchKey(){return E_},get styleData(){return Ll},get Refresh(){return ru},get IdPrefix(){return Ne}};return Object.defineProperty(w,"__isScriptSetup",{enumerable:!1,value:!0}),w}});function T_(n,o,a,t,r,i){const s=e.resolveComponent("el-input"),l=e.resolveComponent("el-form-item"),c=e.resolveComponent("el-button"),f=e.resolveComponent("el-form"),d=e.resolveComponent("el-collapse-item"),h=e.resolveComponent("el-color-picker"),y=e.resolveComponent("el-option"),w=e.resolveComponent("el-select"),g=e.resolveComponent("el-switch"),x=e.resolveComponent("el-input-number"),p=e.resolveComponent("el-collapse");return e.openBlock(),e.createElementBlock("div",{class:"v-common-attr",onMousedown:o[5]||(o[5]=u=>t.setInitial(t.curComponent.style))},[e.createVNode(p,{modelValue:t.activeName,"onUpdate:modelValue":o[4]||(o[4]=u=>t.activeName=u),class:"elCollapse",accordion:"",onChange:t.onChange},{default:e.withCtx(()=>[e.createVNode(d,{title:"通用",name:"baseInfo"},{default:e.withCtx(()=>[e.createVNode(f,{size:a.formSize,"label-width":"100","label-position":"left",style:{padding:"10px"}},{default:e.withCtx(()=>[e.createVNode(l,{label:"组件"},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:t.curComponent.label,"onUpdate:modelValue":o[0]||(o[0]=u=>t.curComponent.label=u),disabled:"",type:"text",class:"common-item"},null,8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(l,{label:"组件类型"},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:t.curComponent.component,"onUpdate:modelValue":o[1]||(o[1]=u=>t.curComponent.component=u),disabled:"",type:"text",class:"common-item"},null,8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(l,{label:"组件ID"},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:t.curComponent.id,"onUpdate:modelValue":o[2]||(o[2]=u=>t.curComponent.id=u),disabled:"",type:"text",class:"common-item"},{append:e.withCtx(()=>[e.createVNode(c,{icon:t.Refresh,onClick:t.updateCompId},null,8,["icon"])]),_:1},8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(l,{label:"组件名称"},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:t.curComponent.compName,"onUpdate:modelValue":o[3]||(o[3]=u=>t.curComponent.compName=u),type:"text",class:"common-item"},null,8,["modelValue"])]),_:1})]),_:1},8,["size"])]),_:1}),e.createTextVNode(),e.createVNode(d,{title:"通用样式",name:"style"},{default:e.withCtx(()=>[e.createVNode(f,{size:a.formSize,"label-width":"100","label-position":"left",style:{padding:"10px"}},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.styleKeys,({key:u,label:m},C)=>(e.openBlock(),e.createBlock(l,{key:C,label:m},{default:e.withCtx(()=>[t.isIncludesColor(u)?(e.openBlock(),e.createBlock(h,{key:0,modelValue:t.curComponent.style[u],"onUpdate:modelValue":D=>t.curComponent.style[u]=D,"show-alpha":""},null,8,["modelValue","onUpdate:modelValue"])):t.selectKey.includes(u)?(e.openBlock(),e.createBlock(w,{key:1,modelValue:t.curComponent.style[u],"onUpdate:modelValue":D=>t.curComponent.style[u]=D,class:"common-item"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.optionMap[u],D=>(e.openBlock(),e.createBlock(y,{key:D.value,label:D.label,value:D.value},null,8,["label","value"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue"])):t.switchKey.includes(u)?(e.openBlock(),e.createBlock(g,{key:2,modelValue:t.curComponent.style[u],"onUpdate:modelValue":D=>t.curComponent.style[u]=D},null,8,["modelValue","onUpdate:modelValue"])):(e.openBlock(),e.createBlock(x,{key:3,modelValue:t.curComponent.style[u],"onUpdate:modelValue":D=>t.curComponent.style[u]=D,modelModifiers:{number:!0},type:"number",class:"common-item"},null,8,["modelValue","onUpdate:modelValue"]))]),_:2},1032,["label"]))),128))]),_:1},8,["size"])]),_:1}),e.createTextVNode(),e.createVNode(d,{title:"组件属性",name:"attr"},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default",{},void 0,!0)]),_:3})]),_:3},8,["modelValue"])],32)}const S_=[c_,p_,m_,J(k_,[["render",T_],["__scopeId","data-v-83204aa1"],["__file","VECommonAttr.vue"]])],zo=n=>{zo.installed||(zo.installed=!0,S_.forEach(o=>{n.component(o.name,o)}))},B_={install:zo,useVEStore:dt};Pe.default=B_,Pe.useEditorStore=ne,Pe.useVEStore=dt,Object.defineProperties(Pe,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
74
+ `),e.createVNode(l,{class:"el-icon--right"},{default:e.withCtx(()=>[e.createVNode(s)]),_:1})]),_:1}),e.createTextVNode()]),_:1})]),_:1}),e.createTextVNode(),e.createVNode(y,{label:"尺寸-宽度"},{default:e.withCtx(()=>[e.createVNode(w,{modelValue:t.canvas.width,"onUpdate:modelValue":o[0]||(o[0]=b=>t.canvas.width=b),precision:0,step:1,min:100,"step-strictly":"","controls-position":"right",class:"common-item"},null,8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(y,{label:"尺寸-高度"},{default:e.withCtx(()=>[e.createVNode(w,{modelValue:t.canvas.height,"onUpdate:modelValue":o[1]||(o[1]=b=>t.canvas.height=b),precision:0,step:1,min:100,"step-strictly":"","controls-position":"right",class:"common-item"},null,8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(y,{label:"背景图片"},{default:e.withCtx(()=>[e.createVNode(g,{modelValue:t.canvas.backgroundImage,"onUpdate:modelValue":o[2]||(o[2]=b=>t.canvas.backgroundImage=b),type:"text",class:"common-item"},null,8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(y,{label:"背景色"},{default:e.withCtx(()=>[e.createVNode(x,{modelValue:t.canvas.backgroundColor,"onUpdate:modelValue":o[3]||(o[3]=b=>t.canvas.backgroundColor=b),"show-alpha":"",predefine:t.predefineColors},null,8,["modelValue","predefine"])]),_:1}),e.createTextVNode(),e.createVNode(y,{label:"透明度"},{default:e.withCtx(()=>[e.createVNode(w,{modelValue:t.canvas.opacity,"onUpdate:modelValue":o[4]||(o[4]=b=>t.canvas.opacity=b),type:"number",precision:1,step:.1,max:1,min:0,class:"common-item"},null,8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(y,{label:"图片大小"},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:t.canvas.backgroundSize,"onUpdate:modelValue":o[5]||(o[5]=b=>t.canvas.backgroundSize=b),placeholder:"请选择",class:"common-item",clearable:"",filterable:"","allow-create":""},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.bkSizeArr,b=>(e.openBlock(),e.createBlock(p,{key:b.value,label:b.label,value:b.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(y,{label:"图片重复"},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:t.canvas.backgroundRepeat,"onUpdate:modelValue":o[6]||(o[6]=b=>t.canvas.backgroundRepeat=b),placeholder:"请选择",class:"common-item",clearable:"",filterable:"","allow-create":""},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.repeatArr,b=>(e.openBlock(),e.createBlock(p,{key:b.value,label:b.label,value:b.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(y,{label:"图片位置"},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:t.canvas.backgroundPosition,"onUpdate:modelValue":o[7]||(o[7]=b=>t.canvas.backgroundPosition=b),placeholder:"请选择",class:"common-item",clearable:"",filterable:"","allow-create":""},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.positionArr,b=>(e.openBlock(),e.createBlock(p,{key:b.value,label:b.label,value:b.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(y,{label:"适配方式"},{default:e.withCtx(()=>[e.createVNode(u,{modelValue:t.canvas.screenAdapter,"onUpdate:modelValue":o[8]||(o[8]=b=>t.canvas.screenAdapter=b),placeholder:"请选择",class:"common-item",clearable:"",filterable:"","allow-create":""},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.screenAdapterArr,b=>(e.openBlock(),e.createBlock(p,{key:b.value,label:b.label,value:b.value},null,8,["label","value"]))),128))]),_:1},8,["modelValue"])]),_:1})]),_:1},512)]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["modelValue"])}const q0=J(H0,[["render",W0],["__scopeId","data-v-12c217c0"],["__file","CanvasDrawer.vue"]]),G0={__name:"index",props:{pageId:{type:String,required:!0,default:""}},setup(n,{expose:o}){o();const a=Tn(),t=e.ref("default"),r=e.ref(null);let i;const s=n,l=[{label:"左对齐",value:"leftAlign"},{label:"水平居中",value:"centerAlign"},{label:"右对齐",value:"rightAlign"},{label:"顶对齐",value:"topAlign"},{label:"垂直居中",value:"middleAlign"},{label:"底对齐",value:"bottomAlign"},{label:"水平等间距",value:"horizontalSpacing",isDisabled:!0},{label:"垂直等间距",value:"verticalSpacing",isDisabled:!0}];e.watch(()=>s.pageId,L=>{L&&(i=ne(L))},{immediate:!0});const c=e.computed(()=>i.curComponent),f=e.computed(()=>i.areaData),d=e.computed(()=>c.value&&!c.value.isLock||f.value.components.length>1),h=()=>{let L=Ce(Ne.Page);ee.emit(te.openNewPage,{pageId:L})},y=()=>{ee.emit(te.openPage,{})},w=()=>{let L=p(),W=JSON.stringify(L);sessionStorage.setItem("VE3PageCacheId",W),ee.emit(te.savePage,{cacheId:"VE3PageCacheId"})},g=()=>{let L=p(),W=JSON.stringify(L,null,4);localStorage.setItem("VE3PageCacheId",W),ee.emit(te.preview,{})},x=()=>{ee.emit(te.importJson,{})},p=()=>({canvasStyle:i.canvasStyleData,componentData:i.componentData}),u=()=>{let L=p(),W=JSON.stringify(L,null,4);ee.emit(te.exportJson,W)},m=()=>{i.setCurComponent(null,null),i.setComponentData([]),i.recordSnapshot(),i.rulePresetLine=[]},C=()=>{i.curComponent&&(i.deleteComponent(),i.recordSnapshot())},D=e.computed(()=>!i.areaData.components.length),S=e.computed(()=>!c.value||c.value.isLock||c.value.component!="Group"),b=e.computed(()=>!c.value||c.value.isLock),N=e.computed(()=>!c.value||!c.value.isLock),I={veBaseStore:a,size:t,sketchRuleSetRef:r,get editorStore(){return i},set editorStore(L){i=L},props:s,alignList:l,curComponent:c,areaData:f,showComponentAlign:d,openNewPage:h,openPage:y,savePage:w,previewPage:g,importJSON:x,getPageData:p,exportJSON:u,clearCanvas:m,delComponent:C,disabledCompose:D,disableDecompose:S,disabledLock:b,disabledUnLock:N,lock:()=>{b.value||i.lock()},unlock:()=>{N.value||i.unlock()},compose:()=>{D.value||(i.compose(),i.recordSnapshot())},decompose:()=>{S.value||(i.decompose(),i.recordSnapshot())},undo:()=>{i.undo()},redo:()=>{i.redo()},openRuleSetting:()=>{ee.emit(te.openRuleSetting,{pageId:s.pageId})},openCanvasSetting:()=>{ee.emit(te.openCanvasSetting,{pageId:s.pageId})},handleComponentAlign:L=>{if(typeof i[L]=="function"){if((L=="horizontalSpacing"||L=="verticalSpacing")&&f.value.components.length<3)return;i[L](L)}else{se("error","无效的命令");return}i.recordSnapshot();let W=1/0,G=1/0,$=-1/0,z=-1/0;f.value.components.length>1&&(f.value.components.forEach(_e=>{let ce=Q(_e.style);ce.left<G&&(G=ce.left),ce.top<W&&(W=ce.top),ce.right>$&&($=ce.right),ce.bottom>z&&(z=ce.bottom)}),i.setAreaData({style:{left:G,top:W,width:$-G,height:z-W},components:f.value.components}))},computed:e.computed,ref:e.ref,watch:e.watch,get useVEBaseStore(){return Tn},get emitter(){return ee},get eventDef(){return te},get useEditorStore(){return ne},get generatePrefixID(){return Ce},get keepDecimal(){return Wl},get IdPrefix(){return Ne},get showMessage(){return se},get getComponentRotatedStyle(){return Q}};return Object.defineProperty(I,"__isScriptSetup",{enumerable:!1,value:!0}),I}};function X0(n,o,a,t,r,i){const s=e.resolveComponent("comp-svg-icon"),l=e.resolveComponent("el-dropdown-item"),c=e.resolveComponent("el-dropdown-menu"),f=e.resolveComponent("el-dropdown");return e.openBlock(),e.createElementBlock("div",{class:"tool-bar"},[e.createElementVNode("div",{class:"tool-list"},[e.createElementVNode("ul",{class:"icon-list"},[e.createElementVNode("li",{class:"tool-item",title:"收缩左边",onClick:o[0]||(o[0]=d=>t.veBaseStore.showLeftRegion=!t.veBaseStore.showLeftRegion)},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"foldLeft"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"收缩右边",onClick:o[1]||(o[1]=d=>t.veBaseStore.showRightRegion=!t.veBaseStore.showRightRegion)},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"foldRight"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"新建",onClick:t.openNewPage},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"newPage"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"打开",onClick:t.openPage},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"folder"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"保存",onClick:t.savePage},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"save"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"预览",onClick:t.previewPage},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"preview"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"导入",onClick:t.importJSON},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"importSvg"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"导出",onClick:t.exportJSON},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"exportSvg"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"清空",onClick:t.clearCanvas},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"clear"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"删除",onClick:t.delComponent},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"deleteIcon"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"撤销",onClick:t.undo},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"undo"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"重做",onClick:t.redo},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"redo"})])]),e.createTextVNode(),e.createElementVNode("li",{class:e.normalizeClass(["tool-item",{disabled:t.disabledCompose}]),title:"组合",onClick:t.compose},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"combination"})])],2),e.createTextVNode(),e.createElementVNode("li",{class:e.normalizeClass(["tool-item",{disabled:t.disableDecompose}]),title:"拆分",onClick:t.decompose},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"split"})])],2),e.createTextVNode(),e.createElementVNode("li",{class:e.normalizeClass(["tool-item",{disabled:t.disabledLock}]),title:"锁定",onClick:t.lock},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"lock"})])],2),e.createTextVNode(),e.createElementVNode("li",{class:e.normalizeClass(["tool-item",{disabled:t.disabledUnLock}]),title:"解锁",onClick:t.unlock},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"unlock"})])],2),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"标尺设置",onClick:t.openRuleSetting},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"sketchRule"})])]),e.createTextVNode(),e.createElementVNode("li",{class:"tool-item",title:"画布设置",onClick:t.openCanvasSetting},[e.createElementVNode("div",{class:"tool-content"},[e.createVNode(s,{name:"canvas"})])]),e.createTextVNode(),e.createCommentVNode(' <li class="tool-item" title="设置">'),e.createTextVNode(),e.createCommentVNode(' <div class="tool-content">'),e.createTextVNode(),e.createCommentVNode(' <comp-svg-icon name="setting"></comp-svg-icon>'),e.createTextVNode(),e.createCommentVNode(" </div>"),e.createTextVNode(),e.createCommentVNode(" </li>"),e.createTextVNode(),t.showComponentAlign?(e.openBlock(),e.createElementBlock("li",{key:0,class:"tool-item",title:"对齐方式"},[e.createElementVNode("div",{class:"tool-content",style:{width:"100px"}},[e.createVNode(f,{placement:"bottom-start","hide-on-click":!1,trigger:"click",onCommand:t.handleComponentAlign},{dropdown:e.withCtx(()=>[e.createVNode(c,null,{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(t.alignList,d=>e.createVNode(l,{key:d.value,command:d.value},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.label),1)]),_:2},1032,["command"])),64))]),_:1})]),default:e.withCtx(()=>[e.createElementVNode("span",{class:"el-dropdown-link"},"对齐方式"),e.createTextVNode()]),_:1})])])):e.createCommentVNode("",!0),e.createTextVNode(),e.createCommentVNode(' <li class="tool-item" title="缩放比">'),e.createTextVNode(),e.createCommentVNode(' <div class="tool-content">'),e.createTextVNode(),e.createCommentVNode(" <span>{{ scale }}</span>"),e.createTextVNode(),e.createCommentVNode(" </div>"),e.createTextVNode(),e.createCommentVNode(" </li>"),e.createTextVNode(),e.createCommentVNode(' <li class="tool-item" title="还原" @click="restoreCanvas">'),e.createTextVNode(),e.createCommentVNode(' <div class="tool-content">'),e.createTextVNode(),e.createCommentVNode(' <comp-svg-icon name="restore"></comp-svg-icon>'),e.createTextVNode(),e.createCommentVNode(" </div>"),e.createTextVNode(),e.createCommentVNode(" </li>"),e.createTextVNode(),e.createCommentVNode(' <li class="tool-item" title="放大" @click="zoomin">'),e.createTextVNode(),e.createCommentVNode(' <div class="tool-content">'),e.createTextVNode(),e.createCommentVNode(' <comp-svg-icon name="zoomout"></comp-svg-icon>'),e.createTextVNode(),e.createCommentVNode(" </div>"),e.createTextVNode(),e.createCommentVNode(" </li>"),e.createTextVNode(),e.createCommentVNode(' <li class="tool-item" title="缩小" @click="zoomout">'),e.createTextVNode(),e.createCommentVNode(' <div class="tool-content">'),e.createTextVNode(),e.createCommentVNode(' <comp-svg-icon name="zoomin"></comp-svg-icon>'),e.createTextVNode(),e.createCommentVNode(" </div>"),e.createTextVNode(),e.createCommentVNode(" </li>")])])])}const Y0=J(G0,[["render",X0],["__scopeId","data-v-7aeb4379"],["__file","index.vue"]]),Sn=function(){return document.addEventListener?function(n,o,a){n&&o&&a&&n.addEventListener(o,a,!1)}:function(n,o,a){n&&o&&a&&n.attachEvent("on"+o,a)}}(),Bn=function(){return document.removeEventListener?function(n,o,a){n&&o&&n.removeEventListener(o,a,!1)}:function(n,o,a){n&&o&&n.detachEvent("on"+o,a)}}(),Nt=17,Io=18,yl=82,J0={__name:"index",props:{position:{type:String,default:"relative",validator:n=>["absolute","fixed","relative","static","inherit"].includes(n)},isHotKey:{type:Boolean,default:!0},isScaleRevise:{type:Boolean,default:!1},referenceLine:{type:Array,default:()=>[]},contentLayout:{type:Object,default:()=>({top:0,left:0})},parent:{type:Boolean,default:!0},visible:{type:Boolean,default:!0},lineColor:{type:String,default:"black"}},emits:["update:visible","update:referenceLine"],setup(n,{expose:o,emit:a}){const t=n,r=a,i=e.ref([]),s=e.ref([]),l=e.ref(!1),c=e.ref(-999),f=e.ref(-999),d=e.ref(t.visible),h=e.ref(null),y=e.ref(null),w=e.ref(null);let g=0,x=0,p=0,u=0,m="",C="",D=null;const S=e.ref(null),b=e.ref(1600),N=e.ref(800),V=e.ref(1200),T=e.ref(800);let _,E;const k=e.ref({width:0,height:0});e.watch([b,N,V,T],pa(([B,K,H,oe])=>{k.value={width:B>H?B:H+100,height:K>oe?K:oe+100},console.log("执行init..."),W()},100),{immediate:!0});const j=e.computed(()=>({width:`${k.value.width}px`,height:`${k.value.height}px`,position:t.position})),v=e.computed(()=>{}),q=e.computed(()=>{}),O=e.computed(()=>({left:`${t.contentLayout.left}px`,top:`${t.contentLayout.top}px`,padding:`${d.value?Io:0}px 0 0 ${d.value?Io:0}px`})),I=e.computed(()=>{let B=t.referenceLine;return A(B)});e.watch(()=>t.visible,B=>{d.value=B},{immediate:!0});const L=()=>{!y.value||!w.value||(g=y.value.getBoundingClientRect().y,x=w.value.getBoundingClientRect().x)},W=()=>{G(),$()},G=()=>{if(t.isScaleRevise&&h.value){const B=h.value.offsetLeft,K=h.value.offsetTop;i.value=Array.from({length:Math.floor(B/50)},(H,oe)=>({id:oe*50})),s.value=Array.from({length:Math.floor(K/50)},(H,oe)=>({id:oe*50}))}y.value&&w.value&&(p=w.value.clientWidth,u=y.value.clientHeight),L()},$=()=>{i.value=Array.from({length:Math.floor(k.value.width/50)},(B,K)=>({id:K*50})),s.value=Array.from({length:Math.floor(k.value.height/50)},(B,K)=>({id:K*50}))},z=B=>{const K=B.type==="h"?{top:`${B.top}px`}:{left:`${B.left}px`};return B.color&&(K.backgroundColor=B.color),K},_e=B=>{l.value=!0,m=B==="h"?"x":"y"},ce=B=>{l.value=!0,m=B.type,C=B.id},pe=B=>{if(l.value)switch(L(),m){case"x":f.value=B.pageY-g;break;case"y":c.value=B.pageX-x;break;case"h":f.value=B.pageY-g;break;case"v":c.value=B.pageX-x;break}},Le=B=>{if(!l.value)return;L(),l.value=!1;const K=[...t.referenceLine];let H;switch(m){case"x":H=Math.round(B.pageY-g-Nt),H>0&&K.push({type:"h",site:H});break;case"y":H=Math.round(B.pageX-x-Nt),H>0&&K.push({type:"v",site:H});break;case"h":case"v":const he=K.findIndex(Et=>Et.id===C);he>=0&&(H=Math.round(m==="h"?B.pageY-g-Nt:B.pageX-x-Nt),K[he]={...K[he],site:H});break}let oe=A(K);r("update:referenceLine",oe),f.value=-999,c.value=-999},A=B=>B.map((H,oe)=>({id:`${H.type}_${oe}`,type:H.type,site:H.site,title:`${H.site}px`,[H.type==="h"?"top":"left"]:H.site+Nt,color:t.lineColor})),P=B=>{t.isHotKey&&B.keyCode===yl&&(d.value=!d.value,r("update:visible",d.value))},R=()=>{S.value&&(b.value=S.value.clientWidth,N.value=S.value.clientHeight)};e.onMounted(()=>{R(),h.value&&(E=new ResizeObserver(K=>{const{width:H,height:oe}=K[0].contentRect;V.value=H,T.value=oe,console.log("插槽内容宽高变化:",H,oe)}),E.observe(h.value));const B=e.getCurrentInstance();B?.vnode.el&&(D=B.vnode.el.parentNode,e.nextTick(W)),Sn(document,"mousemove",pe),Sn(document,"mouseup",Le),Sn(document,"keyup",P)}),e.onBeforeUnmount(()=>{Bn(document,"mousemove",pe),Bn(document,"mouseup",Le),Bn(document,"keyup",P)}),e.onUnmounted(()=>{E?.disconnect()}),o({updateSize:R});const M={props:t,emit:r,SIZE:Nt,LEFT_TOP:Io,KEY_CODE_R:yl,xScale:i,yScale:s,isDrag:l,horizontalDottedLeft:c,verticalDottedTop:f,rulerToggle:d,content:h,horizontalRuler:y,verticalRuler:w,get topSpacing(){return g},set topSpacing(B){g=B},get leftSpacing(){return x},set leftSpacing(B){x=B},get rulerWidth(){return p},set rulerWidth(B){p=B},get rulerHeight(){return u},set rulerHeight(B){u=B},get dragFlag(){return m},set dragFlag(B){m=B},get dragLineId(){return C},set dragLineId(B){C=B},get parentNode(){return D},set parentNode(B){D=B},containerRef:S,containerWidth:b,containerHeight:N,slotWidth:V,slotHeight:T,get resizeObserver(){return _},set resizeObserver(B){_=B},get resizeSlotObserver(){return E},set resizeSlotObserver(B){E=B},wrapperSize:k,wrapperStyle:j,hStyle:v,vStyle:q,contentStyle:O,lineList:I,setSpacing:L,init:W,calculateDimensions:G,calculateScales:$,getLineStyle:z,handleRulerMouseDown:_e,handleLineMouseDown:ce,handleMouseMove:pe,handleMouseUp:Le,reCalcLines:A,handleKeyUp:P,updateSize:R,ref:e.ref,computed:e.computed,watch:e.watch,onMounted:e.onMounted,onBeforeUnmount:e.onBeforeUnmount,getCurrentInstance:e.getCurrentInstance,nextTick:e.nextTick,onUnmounted:e.onUnmounted,get debounce(){return pa},get on(){return Sn},get off(){return Bn}};return Object.defineProperty(M,"__isScriptSetup",{enumerable:!1,value:!0}),M}};function Z0(n,o,a,t,r,i){return e.openBlock(),e.createElementBlock("div",{ref:"containerRef",class:"vue-rule-container",onselectstart:"return false;"},[e.createElementVNode("div",{style:e.normalizeStyle(t.wrapperStyle),class:"vue-ruler-wrapper",onselectstart:"return false;"},[e.withDirectives(e.createElementVNode("section",null,[e.createElementVNode("div",{ref:"horizontalRuler",class:"vue-ruler-h",style:e.normalizeStyle(t.hStyle),onMousedown:o[0]||(o[0]=e.withModifiers(s=>t.handleRulerMouseDown("h"),["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.xScale,(s,l)=>(e.openBlock(),e.createElementBlock("span",{key:l,style:e.normalizeStyle({left:`${l*50+2}px`}),class:"n"},e.toDisplayString(s.id),5))),128))],36),e.createTextVNode(),e.createElementVNode("div",{ref:"verticalRuler",class:"vue-ruler-v",style:e.normalizeStyle(t.vStyle),onMousedown:o[1]||(o[1]=e.withModifiers(s=>t.handleRulerMouseDown("v"),["stop"]))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.yScale,(s,l)=>(e.openBlock(),e.createElementBlock("span",{key:l,style:e.normalizeStyle({top:`${l*50+2}px`}),class:"n"},e.toDisplayString(s.id),5))),128))],36),e.createTextVNode(),e.createElementVNode("div",{style:e.normalizeStyle({top:`${t.verticalDottedTop}px`}),class:"vue-ruler-ref-dot-h"},null,4),e.createTextVNode(),e.createElementVNode("div",{style:e.normalizeStyle({left:`${t.horizontalDottedLeft}px`}),class:"vue-ruler-ref-dot-v"},null,4),e.createTextVNode(),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.lineList,s=>(e.openBlock(),e.createElementBlock("div",{key:s.id,title:s.title,style:e.normalizeStyle(t.getLineStyle(s)),class:e.normalizeClass(`vue-ruler-ref-line-${s.type}`),onMousedown:l=>t.handleLineMouseDown(s)},null,46,["title","onMousedown"]))),128))],512),[[e.vShow,t.rulerToggle]]),e.createTextVNode(),e.createElementVNode("div",{ref:"content",class:"vue-ruler-content",style:e.normalizeStyle(t.contentStyle)},[e.renderSlot(n.$slots,"canvas-content",{},void 0,!0)],4),e.createTextVNode(),e.withDirectives(e.createElementVNode("div",{class:"vue-ruler-content-mask"},null,512),[[e.vShow,t.isDrag]])],4)],512)}const Q0=J(J0,[["render",Z0],["__scopeId","data-v-75e5d96d"],["__file","index.vue"]]),$0={__name:"GridLine",props:{isDarkMode:{type:Boolean,default:!1}},setup(n,{expose:o}){o();const a=Ce("SG_"),t=Ce("G_"),r={smallGridId:a,gridId:t,get generatePrefixID(){return Ce}};return Object.defineProperty(r,"__isScriptSetup",{enumerable:!1,value:!0}),r}};function ef(n,o,a,t,r,i){return e.openBlock(),e.createElementBlock("svg",{class:"grid",width:"100%",height:"100%",xmlns:"http://www.w3.org/2000/svg"},[e.createElementVNode("defs",null,[e.createElementVNode("pattern",{id:t.smallGridId,width:"7.236328125",height:"7.236328125",patternUnits:"userSpaceOnUse"},[e.createElementVNode("path",{d:"M 7.236328125 0 L 0 0 0 7.236328125",fill:"none",stroke:a.isDarkMode?"rgba(207, 207, 207, 0.5)":"rgba(207, 207, 207, 0.3)","stroke-width":"1"},null,8,["stroke"])],8,["id"]),e.createTextVNode(),e.createElementVNode("pattern",{id:t.gridId,width:"36.181640625",height:"36.181640625",patternUnits:"userSpaceOnUse"},[e.createElementVNode("rect",{width:"36.181640625",height:"36.181640625",fill:"url(#"+t.smallGridId+")"},null,8,["fill"]),e.createTextVNode(),e.createElementVNode("path",{d:"M 36.181640625 0 L 0 0 0 36.181640625",fill:"none",stroke:a.isDarkMode?"rgba(186, 186, 186)":"rgba(186, 186, 186, 0.5)","stroke-width":"1"},null,8,["stroke"])],8,["id"])]),e.createTextVNode(),e.createElementVNode("rect",{width:"100%",height:"100%",fill:"url(#"+t.gridId+")"},null,8,["fill"])])}const tf=J($0,[["render",ef],["__scopeId","data-v-e0b9a335"],["__file","GridLine.vue"]]),nf={lt:of,t:sf,rt:af,r:cf,rb:rf,b:uf,lb:lf,l:df};function of(n,o,a,t,r){const{symmetricPoint:i}=r;let s=tt(o,i),l=ae(o,s,-n.rotate),c=ae(i,s,-n.rotate),f=c.x-l.x,d=c.y-l.y;if(t){f/d>a?(l.x+=Math.abs(f-d*a),f=d*a):(l.y+=Math.abs(d-f/a),d=f/a);const h=ae(l,s,n.rotate);s=tt(h,i),l=ae(h,s,-n.rotate),c=ae(i,s,-n.rotate),f=c.x-l.x,d=c.y-l.y}f>0&&d>0&&(n.width=Math.round(f),n.height=Math.round(d),n.left=Math.round(l.x),n.top=Math.round(l.y))}function af(n,o,a,t,r){const{symmetricPoint:i}=r;let s=tt(o,i),l=ae(o,s,-n.rotate),c=ae(i,s,-n.rotate),f=l.x-c.x,d=c.y-l.y;if(t){f/d>a?(l.x-=Math.abs(f-d*a),f=d*a):(l.y+=Math.abs(d-f/a),d=f/a);const h=ae(l,s,n.rotate);s=tt(h,i),l=ae(h,s,-n.rotate),c=ae(i,s,-n.rotate),f=l.x-c.x,d=c.y-l.y}f>0&&d>0&&(n.width=Math.round(f),n.height=Math.round(d),n.left=Math.round(c.x),n.top=Math.round(l.y))}function rf(n,o,a,t,r){const{symmetricPoint:i}=r;let s=tt(o,i),l=ae(i,s,-n.rotate),c=ae(o,s,-n.rotate),f=c.x-l.x,d=c.y-l.y;if(t){f/d>a?(c.x-=Math.abs(f-d*a),f=d*a):(c.y-=Math.abs(d-f/a),d=f/a);const h=ae(c,s,n.rotate);s=tt(h,i),l=ae(i,s,-n.rotate),c=ae(h,s,-n.rotate),f=c.x-l.x,d=c.y-l.y}f>0&&d>0&&(n.width=Math.round(f),n.height=Math.round(d),n.left=Math.round(l.x),n.top=Math.round(l.y))}function lf(n,o,a,t,r){const{symmetricPoint:i}=r;let s=tt(o,i),l=ae(i,s,-n.rotate),c=ae(o,s,-n.rotate),f=l.x-c.x,d=c.y-l.y;if(t){f/d>a?(c.x+=Math.abs(f-d*a),f=d*a):(c.y-=Math.abs(d-f/a),d=f/a);const h=ae(c,s,n.rotate);s=tt(h,i),l=ae(i,s,-n.rotate),c=ae(h,s,-n.rotate),f=l.x-c.x,d=c.y-l.y}f>0&&d>0&&(n.width=Math.round(f),n.height=Math.round(d),n.left=Math.round(c.x),n.top=Math.round(l.y))}function sf(n,o,a,t,r){const{symmetricPoint:i,curPoint:s}=r,l=ae(o,s,-n.rotate),c=ae({x:s.x,y:l.y},s,n.rotate),f=Math.sqrt((c.x-i.x)**2+(c.y-i.y)**2),d={x:c.x-(c.x-i.x)/2,y:c.y+(i.y-c.y)/2};let h=n.width;t&&(h=f*a),n.width=h,n.height=Math.round(f),n.top=Math.round(d.y-f/2),n.left=Math.round(d.x-n.width/2)}function cf(n,o,a,t,r){const{symmetricPoint:i,curPoint:s}=r,l=ae(o,s,-n.rotate),c=ae({x:l.x,y:s.y},s,n.rotate),f=Math.sqrt((c.x-i.x)**2+(c.y-i.y)**2),d={x:c.x-(c.x-i.x)/2,y:c.y+(i.y-c.y)/2};let h=n.height;t&&(h=f/a),n.height=h,n.width=Math.round(f),n.top=Math.round(d.y-n.height/2),n.left=Math.round(d.x-f/2)}function uf(n,o,a,t,r){const{symmetricPoint:i,curPoint:s}=r,l=ae(o,s,-n.rotate),c=ae({x:s.x,y:l.y},s,n.rotate),f=Math.sqrt((c.x-i.x)**2+(c.y-i.y)**2),d={x:c.x-(c.x-i.x)/2,y:c.y+(i.y-c.y)/2};let h=n.width;t&&(h=f*a),n.width=h,n.height=Math.round(f),n.top=Math.round(d.y-f/2),n.left=Math.round(d.x-n.width/2)}function df(n,o,a,t,r){const{symmetricPoint:i,curPoint:s}=r,l=ae(o,s,-n.rotate),c=ae({x:l.x,y:s.y},s,n.rotate),f=Math.sqrt((c.x-i.x)**2+(c.y-i.y)**2),d={x:c.x-(c.x-i.x)/2,y:c.y+(i.y-c.y)/2};let h=n.height;t&&(h=f/a),n.height=h,n.width=Math.round(f),n.top=Math.round(d.y-n.height/2),n.left=Math.round(d.x-f/2)}function bl(n,o,a,t,r,i){nf[n](o,a,t,r,i)}async function wl(n,o=[]){const a=t=>new Promise(r=>{const{animationTime:i,value:s="",isLoop:l}=t;n.style.setProperty("--time",`${i}s`),n.classList.add(s,"animated",Vl(l));const c=()=>{n.removeEventListener("animationend",c),n.removeEventListener("animationcancel",c),n.classList.remove(s,"animated",Vl(l)),n.style.removeProperty("--time"),r()};n.addEventListener("animationend",c),n.addEventListener("animationcancel",c)});for(let t=0,r=o.length;t<r;t++)await a(o[t])}function Vl(n){return n?"infinite":"no-infinite"}const pf={__name:"CompShape",props:{pageId:{type:String,default:null},active:{type:Boolean,default:!1},element:{required:!0,type:Object,default:()=>{}},defaultStyle:{required:!0,type:Object,default:()=>{}},index:{required:!0,type:[Number,String],default:0}},setup(n,{expose:o}){o();const a=n,t=ne(a.pageId),r=e.ref(null),i=e.computed(()=>t.curComponent),s=e.computed(()=>t.dashBorderColor),l=["lt","t","rt","r","rb","b","lb","l"],c=["r","l"],f={lt:0,t:45,rt:90,r:135,rb:180,b:225,lb:270,l:315},d=[{start:338,end:23,cursor:"nw"},{start:23,end:68,cursor:"n"},{start:68,end:113,cursor:"ne"},{start:113,end:158,cursor:"e"},{start:158,end:203,cursor:"se"},{start:203,end:248,cursor:"s"},{start:248,end:293,cursor:"sw"},{start:293,end:338,cursor:"w"}];let h={};const y=e.computed(()=>{let N={};return a.defaultStyle.showDashBorder&&(N.border=`1px dashed ${s.value}`),N}),w=()=>a.active&&!a.element.isLock,g=()=>a.element.component==="line-shape"?c:l,x=N=>{t.setClickComponentStatus(!0),N.preventDefault(),N.stopPropagation();const V={...a.defaultStyle},T=N.clientY,_=N.clientX,E=V.rotate,k=r.value.getBoundingClientRect(),j=k.left+k.width/2,v=k.top+k.height/2,q=Math.atan2(T-v,_-j)/(Math.PI/180);let O=!1;const I=W=>{O=!0;const G=W.clientX,$=W.clientY,z=Math.atan2($-v,G-j)/(Math.PI/180);V.rotate=E+z-q,t.setShapeStyle(V)},L=()=>{O&&t.recordSnapshot(),document.removeEventListener("mousemove",I),document.removeEventListener("mouseup",L),h=u()};document.addEventListener("mousemove",I),document.addEventListener("mouseup",L)},p=N=>{const{width:V,height:T}=a.defaultStyle,_=/t/.test(N),E=/b/.test(N),k=/l/.test(N),j=/r/.test(N);let v=0,q=0;return N.length===2?(v=k?0:V,q=_?0:T):((_||E)&&(v=V/2,q=_?0:T),(k||j)&&(v=k?0:V,q=Math.floor(T/2))),{marginLeft:"-4px",marginTop:"-4px",left:`${v}px`,top:`${q}px`,cursor:h[N]}},u=()=>{const N=It(i.value.style.rotate),V={};let T=-1;return l.forEach(_=>{const E=It(f[_]+N),k=d.length;let j=0;for(;E&&j<200;){T=(T+1)%k;const v=d[T];if(E<23||E>=338){V[_]="nw-resize";return}if(v.start<=E&&E<v.end){V[_]=`${v.cursor}-resize`;return}j++}}),V},m=N=>{if(t.setInEditorStatus(!0),t.setClickComponentStatus(!0),N.stopPropagation(),t.setCurComponent(a.element,a.index),a.element.isLock)return;h=u();const V={...a.defaultStyle},T=N.clientY,_=N.clientX,E=Number(V.top),k=Number(V.left);let j=!1;const v=O=>{j=!0;const I=O.clientX,L=O.clientY;V.top=L-T+E,V.left=I-_+k,t.setShapeStyle(V),e.nextTick(()=>{ee.emit(te.move,{isDownward:L-T>0,isRightward:I-_>0})})},q=()=>{j&&t.recordSnapshot(),ee.emit(te.unmove),document.removeEventListener("mousemove",v),document.removeEventListener("mouseup",q)};document.addEventListener("mousemove",v),document.addEventListener("mouseup",q)},C=N=>{N.stopPropagation(),N.preventDefault(),t.hideContextMenu()},D=(N,V)=>{t.setInEditorStatus(!0),t.setClickComponentStatus(!0),V.stopPropagation(),V.preventDefault();const T={...a.defaultStyle},_=T.width/T.height,E={x:T.left+T.width/2,y:T.top+T.height/2},k=t.getEditorBoundingClientRect(),j=V.target.getBoundingClientRect(),v={x:Math.round(j.left-k.left+V.target.offsetWidth/2),y:Math.round(j.top-k.top+V.target.offsetHeight/2)},q={x:E.x-(v.x-E.x),y:E.y-(v.y-E.y)};let O=!1,I=!0;const L=S(),W=$=>{if(I){I=!1;return}O=!0;const z={x:$.clientX-Math.round(k.left),y:$.clientY-Math.round(k.top)};bl(N,T,z,_,L,{center:E,curPoint:v,symmetricPoint:q}),t.setShapeStyle(T)},G=()=>{document.removeEventListener("mousemove",W),document.removeEventListener("mouseup",G),O&&t.recordSnapshot()};document.addEventListener("mousemove",W),document.addEventListener("mouseup",G)},S=()=>{if(a.element.component!="Group")return!1;const N=[0,90,180,360];for(const V of a.element.propValue)if(!N.includes(It(parseInt(V.style.rotate))))return!0;return!1};e.onMounted(()=>{i.value&&(h=u()),ee.on(te.runAnimation,()=>{a.element==i.value&&wl(r.value,i.value.animations)}),ee.on(te.stopAnimation,()=>{r.value.classList.remove("animated","infinite")})});const b={props:a,editorStore:t,rootEl:r,curComponent:i,dashBorderColor:s,pointList:l,pointList2:c,initialAngle:f,angleToCursor:d,get cursors(){return h},set cursors(N){h=N},cssVariables:y,isActive:w,getPointList:g,handleRotate:x,getPointStyle:p,getCursor:u,handleMouseDownOnShape:m,selectCurComponent:C,handleMouseDownOnPoint:D,isNeedLockProportion:S,computed:e.computed,nextTick:e.nextTick,onMounted:e.onMounted,ref:e.ref,get useEditorStore(){return ne},get mod360(){return It},get calculateComponentPositionAndSize(){return bl},get emitter(){return ee},get eventDef(){return te},get runAnimation(){return wl}};return Object.defineProperty(b,"__isScriptSetup",{enumerable:!1,value:!0}),b}};function ff(n,o,a,t,r,i){return e.withDirectives((e.openBlock(),e.createElementBlock("div",{ref:"rootEl",class:e.normalizeClass(["shape",{active:a.active}]),onClick:t.selectCurComponent,onMousedown:t.handleMouseDownOnShape,style:e.normalizeStyle(t.cssVariables)},[e.renderSlot(n.$slots,"default",{},void 0,!0),e.createTextVNode(),e.withDirectives(e.createElementVNode("span",{class:"iconfont icon-xuanzhuan iconfont-xuanzhuan",onMousedown:t.handleRotate},null,544),[[e.vShow,t.isActive()]]),e.createTextVNode(),e.withDirectives(e.createElementVNode("span",{class:"iconfont icon-suo"},null,512),[[e.vShow,t.props.element.isLock]]),e.createTextVNode(),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.isActive()?t.getPointList():[],s=>(e.openBlock(),e.createElementBlock("div",{key:s,class:"shape-point",style:e.normalizeStyle(t.getPointStyle(s)),onMousedown:l=>t.handleMouseDownOnPoint(s,l)},null,44,["onMousedown"]))),128))],38)),[[e.vShow,!t.props.defaultStyle.isHide]])}const _f=J(pf,[["render",ff],["__scopeId","data-v-41c1336b"],["__file","CompShape.vue"]]),Dl=3,hf={__name:"MarkLine",props:{pageId:{type:String,default:null}},setup(n,{expose:o}){o();const a=n,t=e.ref({}),r=(p,u)=>{p&&(t.value[u]=p)},i=["xt","xc","xb","yl","yc","yr"],s=e.ref({xt:!1,xc:!1,xb:!1,yl:!1,yc:!1,yr:!1}),l=ne(a.pageId),c=e.computed(()=>l.curComponent),f=e.computed(()=>l.componentData),d=()=>{s.value=Object.fromEntries(Object.keys(s.value).map(p=>[p,!1]))},h=(p,u)=>{const m=f.value;if(m.length<2||!c.value)return;const C=Q(c.value.style),D=C.width/2,S=C.height/2;d(),m.forEach(b=>{if(b==c.value)return;const N=Q(b.style),{top:V,left:T,bottom:_,right:E}=N,k=N.width/2,j=N.height/2,v={top:[{isNearly:g(C.top,V),lineNode:t.value.xt,line:"xt",dragShift:V,lineShift:V},{isNearly:g(C.bottom,V),lineNode:t.value.xt,line:"xt",dragShift:V-C.height,lineShift:V},{isNearly:g(C.top+S,V+j),lineNode:t.value.xc,line:"xc",dragShift:V+j-S,lineShift:V+j},{isNearly:g(C.top,_),lineNode:t.value.xb,line:"xb",dragShift:_,lineShift:_},{isNearly:g(C.bottom,_),lineNode:t.value.xb,line:"xb",dragShift:_-C.height,lineShift:_}],left:[{isNearly:g(C.left,T),lineNode:t.value.yl,line:"yl",dragShift:T,lineShift:T},{isNearly:g(C.right,T),lineNode:t.value.yl,line:"yl",dragShift:T-C.width,lineShift:T},{isNearly:g(C.left+D,T+k),lineNode:t.value.yc,line:"yc",dragShift:T+k-D,lineShift:T+k},{isNearly:g(C.left,E),lineNode:t.value.yr,line:"yr",dragShift:E,lineShift:E},{isNearly:g(C.right,E),lineNode:t.value.yr,line:"yr",dragShift:E-C.width,lineShift:E}]},q=[],{rotate:O}=c.value.style;Object.keys(v).forEach(I=>{v[I].forEach(L=>{L.isNearly&&(l.setShapeSingleStyle({key:I,value:O!=0?y(I,L,C):L.dragShift}),L.lineNode&&L.lineNode.style&&(L.lineNode.style[I]=`${L.lineShift}px`),q.push(L.line))})}),q.length&&w(q,p,u)})},y=(p,u,m)=>{const{width:C,height:D}=c.value.style;return p=="top"?Math.round(u.dragShift-(D-m.height)/2):Math.round(u.dragShift-(C-m.width)/2)},w=(p,u,m)=>{let C=Object.fromEntries(Object.keys(s.value).map(D=>[D,!1]));m?p.includes("yr")?C.yr=!0:p.includes("yc")?C.yc=!0:p.includes("yl")&&(C.yl=!0):p.includes("yl")?C.yl=!0:p.includes("yc")?C.yc=!0:p.includes("yr")&&(C.yr=!0),u?p.includes("xb")?C.xb=!0:p.includes("xc")?C.xc=!0:p.includes("xt")&&(C.xt=!0):p.includes("xt")?C.xt=!0:p.includes("xc")?C.xc=!0:p.includes("xb")&&(C.xb=!0),s.value=C},g=(p,u)=>Math.abs(p-u)<=Dl;e.onMounted(()=>{ee.on(te.move,function({isDownward:p,isRightward:u}){h(p,u)}),ee.on(te.unmove,()=>{d()})});const x={props:a,lineRefs:t,setLineRef:r,lines:i,diff:Dl,lineStatus:s,editorStore:l,curComponent:c,componentData:f,hideLine:d,showLine:h,translateCurComponentShift:y,chooseTheTureLine:w,isNearly:g,get emitter(){return ee},get eventDef(){return te},computed:e.computed,onMounted:e.onMounted,ref:e.ref,get useEditorStore(){return ne},get getComponentRotatedStyle(){return Q}};return Object.defineProperty(x,"__isScriptSetup",{enumerable:!1,value:!0}),x}};function mf(n,o,a,t,r,i){return e.openBlock(),e.createElementBlock("div",{class:"mark-line"},[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(t.lines,s=>e.withDirectives(e.createElementVNode("div",{key:s,ref_for:!0,ref:l=>t.setLineRef(l,s),class:e.normalizeClass(["line",s.includes("x")?"xline":"yline"])},null,2),[[e.vShow,t.lineStatus[s]||!1]])),64))])}const gf=J(hf,[["render",mf],["__scopeId","data-v-1292994b"],["__file","MarkLine.vue"]]),Cf={__name:"Area",props:{start:{type:Object,default:()=>{}},width:{type:Number,default:0},height:{type:Number,default:0}},setup(n,{expose:o}){o();const t={props:n};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}};function xf(n,o,a,t,r,i){return e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle({left:t.props.start.x+"px",top:t.props.start.y+"px",width:t.props.width+"px",height:t.props.height+"px"}),class:"area"},null,4)}const yf=J(Cf,[["render",xf],["__scopeId","data-v-32734a61"],["__file","Area.vue"]]),bf={__name:"ContextMenu",props:["pageId"],setup(n,{expose:o}){o();let a=null;const t=n,r=ne(t.pageId),i=e.computed(()=>r.curComponent),s=e.computed(()=>r.menuTop),l=e.computed(()=>r.menuLeft),c=e.computed(()=>r.menuShow),D={get copyData(){return a},set copyData(S){a=S},props:t,editorStore:r,curComponent:i,menuTop:s,menuLeft:l,menuShow:c,lock:()=>{r.lock()},unlock:()=>{r.unlock()},handleMouseUp:()=>{r.setClickComponentStatus(!0)},cut:()=>{r.cut()},copy:()=>{r.copy()},paste:()=>{r.paste(!0),r.recordSnapshot()},deleteComponent:()=>{r.deleteComponent(),r.recordSnapshot()},upComponent:()=>{r.upComponent(),r.recordSnapshot()},downComponent:()=>{r.downComponent(),r.recordSnapshot()},topComponent:()=>{r.topComponent(),r.recordSnapshot()},bottomComponent:()=>{r.bottomComponent(),r.recordSnapshot()},get useEditorStore(){return ne},computed:e.computed};return Object.defineProperty(D,"__isScriptSetup",{enumerable:!1,value:!0}),D}};function wf(n,o,a,t,r,i){return e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"contextmenu",style:e.normalizeStyle({top:t.menuTop+"px",left:t.menuLeft+"px"})},[e.createElementVNode("ul",{onMouseup:t.handleMouseUp},[t.curComponent?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t.curComponent.isLock?(e.openBlock(),e.createElementBlock("li",{key:1,onClick:t.unlock},"解锁")):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("li",{onClick:t.copy},"复制"),e.createTextVNode(),e.createElementVNode("li",{onClick:t.paste},"粘贴"),e.createTextVNode(),e.createElementVNode("li",{onClick:t.cut},"剪切"),e.createTextVNode(),e.createElementVNode("li",{onClick:t.deleteComponent},"删除"),e.createTextVNode(),e.createElementVNode("li",{onClick:t.lock},"锁定"),e.createTextVNode(),e.createElementVNode("li",{onClick:t.topComponent},"置顶"),e.createTextVNode(),e.createElementVNode("li",{onClick:t.bottomComponent},"置底"),e.createTextVNode(),e.createElementVNode("li",{onClick:t.upComponent},"上移"),e.createTextVNode(),e.createElementVNode("li",{onClick:t.downComponent},"下移")],64))],64)):(e.openBlock(),e.createElementBlock("li",{key:1,onClick:t.paste},"粘贴"))],32)],4)),[[e.vShow,t.menuShow]])}const Vf=J(bf,[["render",wf],["__scopeId","data-v-9c9691e4"],["__file","ContextMenu.vue"]]),Df={__name:"GroupComponentBox",props:{width:{type:Number,default:0},height:{type:Number,default:0},left:{type:Number,default:0},top:{type:Number,default:0}},setup(n,{expose:o}){o();const t={props:n};return Object.defineProperty(t,"__isScriptSetup",{enumerable:!1,value:!0}),t}};function Nf(n,o,a,t,r,i){return e.openBlock(),e.createElementBlock("div",{class:"area",style:e.normalizeStyle({left:t.props.left+"px",top:t.props.top+"px",width:t.props.width+"px",height:t.props.height+"px"})},null,4)}const Ef=J(Df,[["render",Nf],["__scopeId","data-v-20f916ac"],["__file","GroupComponentBox.vue"]]),Nl=17,El=91,kf=86,Tf=67,Sf=88,Bf=89,Af=90,Ff=71,Of=66,Lf=76,Pf=85,Mf=83,If=80,Rf=68,kl=46,zf=69,Tl={[kf]:jf,[Bf]:Kf,[Af]:Hf,[Mf]:Gf,[If]:Xf,[zf]:Yf},Sl={...Tl,[Pf]:Zf},Bl={...Tl,[Tf]:Uf,[Sf]:vf,[Ff]:Wf,[Of]:qf,[Rf]:Ol,[kl]:Ol,[Lf]:Jf};let Ro=!1,ue;function Al(n){ue=n}function Fl(){window.onkeydown=n=>{if(!ue.isInEditor)return;const o=ue.curComponent,{keyCode:a}=n;a===Nl||a===El?Ro=!0:a==kl&&o?(ue.deleteComponent(),ue.recordSnapshot()):Ro&&(Bl[a]&&(!o||!o.isLock)?(n.preventDefault(),Bl[a]()):Sl[a]&&o&&o.isLock&&(n.preventDefault(),Sl[a]()))},window.onkeyup=n=>{(n.keyCode===Nl||n.keyCode===El)&&(Ro=!1)},window.onmousedown=()=>{ue.setInEditorStatus(!1)}}function Uf(){ue.copy()}function jf(){ue.paste(),ue.recordSnapshot()}function vf(){ue.cut()}function Kf(){ue.redo()}function Hf(){ue.undo()}function Wf(){ue.areaData.components.length>0&&(ue.compose(),ue.recordSnapshot())}function qf(){const n=ue.curComponent;n&&!n.value.isLock&&n.component=="Group"&&(ue.decompose(),ue.recordSnapshot())}function Gf(){ee.emit(te.save)}function Xf(){ee.emit(te.preview)}function Ol(){ue.curComponent&&(ue.deleteComponent(),ue.recordSnapshot())}function Yf(){ee.emit(te.clearCanvas)}function Jf(){ue.lock()}function Zf(){ue.unlock()}const Qf={__name:"Editor",props:["pageId","isEdit"],setup(n,{expose:o}){const a=n,t=ne(a.pageId),r=e.ref(null),i=e.ref({});let s=0,l=0;const c=e.ref({x:0,y:0}),f=e.ref(0),d=e.ref(0),h=e.ref(!1),y=["width","height","top","left","rotate"],w=e.computed(()=>t.canvasStyleData),g=e.computed(()=>t.isDarkMode),x=e.computed(()=>t.componentData),p=e.computed(()=>t.curComponent),u=e.computed(()=>t.canvasStyleData),m=e.computed(()=>t.areaData),C=(O,I)=>{O&&(i.value[I]=O)},D=O=>i.value[O],S=O=>mo(O,y),b=O=>ho(O,y),N=O=>Rr(O),V=O=>{p.value||O.preventDefault(),T();const I=t.getEditorBoundingClientRect();s=I.x,l=I.y;const L=O.clientX,W=O.clientY;c.value.x=L-s,c.value.y=W-l,h.value=!0;const G=z=>{f.value=Math.abs(z.clientX-L),d.value=Math.abs(z.clientY-W),z.clientX<L&&(c.value.x=z.clientX-s),z.clientY<W&&(c.value.y=z.clientY-l)},$=z=>{if(document.removeEventListener("mousemove",G),document.removeEventListener("mouseup",$),z.clientX==L&&z.clientY==W){T();return}_()};document.addEventListener("mousemove",G),document.addEventListener("mouseup",$)},T=()=>{h.value=!1,f.value=0,d.value=0,t.setAreaData({style:{left:0,top:0,width:0,height:0},components:[]})},_=()=>{const O=E();if(O.length<=1){T();return}let I=1/0,L=1/0,W=-1/0,G=-1/0;O.forEach($=>{let z={};$.component=="Group"?$.propValue.forEach(_e=>{const ce=t.getComponentRect(_e.id);z.left=ce.left-s,z.top=ce.top-l,z.right=ce.right-s,z.bottom=ce.bottom-l,z.left<L&&(L=z.left),z.top<I&&(I=z.top),z.right>W&&(W=z.right),z.bottom>G&&(G=z.bottom)}):z=Q($.style),z.left<L&&(L=z.left),z.top<I&&(I=z.top),z.right>W&&(W=z.right),z.bottom>G&&(G=z.bottom)}),c.value.x=L,c.value.y=I,f.value=W-L,d.value=G-I,t.setAreaData({style:{left:L,top:I,width:f.value,height:d.value},components:O}),h.value=!1},E=()=>{const O=[],{x:I,y:L}=c.value;return x.value.forEach(W=>{if(W.isLock)return;const{left:G,top:$,width:z,height:_e}=Q(W.style);I<=G&&L<=$&&G+z<=I+f.value&&$+_e<=L+d.value&&O.push(W)}),O},k=O=>{O.stopPropagation(),O.preventDefault();let I=O.target,L=O.offsetY,W=O.offsetX;for(;I instanceof SVGElement;)I=I.parentNode;for(;!I.className.includes("editor");)W+=I.offsetLeft,L+=I.offsetTop,I=I.parentNode;t.showContextMenu({top:L,left:W})},j=(O,I)=>{t.setShapeStyle({height:v(O,I)})},v=(O,I)=>{let{lineHeight:L,fontSize:W,height:G}=O.style;L===""&&(L=1.5);const $=(I.split("<br>").length-1)*L*(W||u.value.fontSize);return G>$?G:$};e.onMounted(()=>{console.log("onMounted:"+r.value),t.setEditor(r.value),Al(t),Fl(),ee.on(te.hideArea,function(){T()})}),o({getComponentRef:D});const q={props:a,editorStore:t,editorRef:r,componentRefs:i,get editorX(){return s},set editorX(O){s=O},get editorY(){return l},set editorY(O){l=O},start:c,width:f,height:d,isShowArea:h,svgFilterAttrs:y,canvas:w,isDarkMode:g,componentData:x,curComponent:p,canvasStyleData:u,areaData:m,setComponentRef:C,getComponentRef:D,getComponentStyle:S,getSVGStyleLocal:b,getCanvasStyleLocal:N,handleMouseDown:V,hideArea:T,createGroup:_,getSelectArea:E,handleContextMenu:k,handleInput:j,getTextareaHeight:v,ref:e.ref,computed:e.computed,onMounted:e.onMounted,get useEditorStore(){return ne},GridLine:tf,CompShape:_f,get getShapeStyle(){return wp},get getSVGStyle(){return ho},get getStyle(){return mo},get getComponentRotatedStyle(){return Q},get getCanvasStyle(){return Rr},MarkLine:gf,Area:yf,ContextMenu:Vf,GroupComponentBox:Ef,get emitter(){return ee},get eventDef(){return te},get listenGlobalKeyDown(){return Fl},get shortcutKeyReceiveStoreInstance(){return Al}};return Object.defineProperty(q,"__isScriptSetup",{enumerable:!1,value:!0}),q}};function $f(n,o,a,t,r,i){return e.openBlock(),e.createElementBlock("div",{ref:"editorRef",class:e.normalizeClass(["editor",{edit:a.isEdit}]),style:e.normalizeStyle({...t.getCanvasStyleLocal(t.canvas),width:t.canvas.width+"px",height:t.canvas.height+"px"}),onContextmenu:t.handleContextMenu,onMousedown:t.handleMouseDown},[e.createCommentVNode(" 网格线 "),e.createTextVNode(),e.createVNode(t.GridLine,{"is-dark-mode":t.isDarkMode},null,8,["is-dark-mode"]),e.createTextVNode(),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.componentData,(s,l)=>(e.openBlock(),e.createBlock(t.CompShape,{"page-id":t.props.pageId,key:s.id,index:l,"default-style":s.style,style:e.normalizeStyle(t.getShapeStyle(s.style)),active:s.id===(t.curComponent||{}).id,element:s,class:e.normalizeClass({lock:s.isLock})},{default:e.withCtx(()=>[s.component.startsWith("SVG")?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.component),{key:0,id:"component"+s.id,style:e.normalizeStyle(t.getSVGStyleLocal(s.style)),class:"component","prop-value":s.propValue,element:s,designStatus:!0,ref_for:!0,ref:c=>t.setComponentRef(c,s.id)},null,8,["id","style","prop-value","element"])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.component),{key:1,id:"component"+s.id,class:"component",style:e.normalizeStyle(t.getComponentStyle(s.style)),"prop-value":s.propValue,element:s,designStatus:!0,ref_for:!0,ref:c=>t.setComponentRef(c,s.id)},null,8,["id","style","prop-value","element"]))]),_:2},1032,["page-id","index","default-style","style","active","element","class"]))),128)),e.createTextVNode(),e.createCommentVNode(" 右击菜单 "),e.createTextVNode(),e.createVNode(t.ContextMenu,{"page-id":t.props.pageId},null,8,["page-id"]),e.createTextVNode(),e.createCommentVNode(" 标线"),e.createTextVNode(),e.createVNode(t.MarkLine,{"page-id":t.props.pageId},null,8,["page-id"]),e.createTextVNode(),e.createCommentVNode(" 选中区域"),e.createTextVNode(),e.withDirectives(e.createVNode(t.Area,{start:t.start,width:t.width,height:t.height},null,8,["start","width","height"]),[[e.vShow,t.isShowArea]]),e.createTextVNode(),e.createCommentVNode(" 选择的组件包裹层 "),e.createTextVNode(),t.areaData.components.length?(e.openBlock(),e.createBlock(t.GroupComponentBox,e.normalizeProps(e.mergeProps({key:0},t.areaData.style)),null,16)):e.createCommentVNode("",!0)],38)}const e_=J(Qf,[["render",$f],["__scopeId","data-v-26a3b83a"],["__file","Editor.vue"]]),t_={__name:"index",props:{pageId:{type:String,required:!0,default:""}},setup(n,{expose:o}){o();const a=n;let t;const r=dt();e.watch(()=>a.pageId,u=>{u&&(t=ne(u))},{immediate:!0});const i=e.ref(null),s=e.ref(null);let l;const c=e.ref(null),f=e.computed({get:()=>t.rulePresetLine,set:u=>{t.rulePresetLine=u}}),d=e.computed(()=>t.ruleReferenceLine),h=e.computed(()=>t.isClickComponent),y=u=>{u.preventDefault(),u.stopPropagation();const m=u.dataTransfer.getData("text/plain");try{const C=JSON.parse(m);if(console.log("接收到的拖拽数据:",C),ze(C.component)){const D=Ee(Wo(r.componentGroups,C.component)),S=t.getEditorBoundingClientRect();console.log("rect:"+S),D.style.top=u.clientY-Math.floor(S.y),D.style.left=u.clientX-Math.floor(S.x),D.id=Ce(Ne.Component),t.addComponent(D)}}catch(C){console.error("解析拖拽数据失败:",C)}},w=u=>{u.preventDefault(),u.dataTransfer.dropEffect="copy"},g=u=>{u.stopPropagation(),t.setClickComponentStatus(!1),t.setInEditorStatus(!0)},x=u=>{h.value||t.setCurComponent(null,null),u.button!=2&&t.hideContextMenu()};e.onMounted(()=>{l=new ResizeObserver(()=>{c.value?.updateSize()}),s.value&&l.observe(s.value),i.value&&t.setEditorInstance(i.value)}),e.onUnmounted(()=>{l?.disconnect()}),e.provide("VE-ContainerParam",{}),e.provide("VE-CompMethod",function(){});const p={props:a,get editorStore(){return t},set editorStore(u){t=u},veStore:r,editorRef:i,canvasRef:s,get resizeObserver(){return l},set resizeObserver(u){l=u},vRuleRef:c,rulePresetLine:f,ruleLineColor:d,isClickComponent:h,handleDrop:y,handleDragOver:w,handleMouseDown:g,deselectCurComponent:x,computed:e.computed,onMounted:e.onMounted,watch:e.watch,ref:e.ref,provide:e.provide,onUnmounted:e.onUnmounted,ToolBar:Y0,VRule:Q0,Editor:e_,get useEditorStore(){return ne},get deepCopy(){return Ee},get generatePrefixID(){return Ce},get getComponentByName2(){return Wo},get isNotEmpty(){return ze},get useVEStore(){return dt},get IdPrefix(){return Ne}};return Object.defineProperty(p,"__isScriptSetup",{enumerable:!1,value:!0}),p}};function n_(n,o,a,t,r,i){return e.openBlock(),e.createElementBlock("div",{class:"splitpanes"},[e.createElementVNode("div",{class:"fixed-pane"},[e.createVNode(t.ToolBar,{"page-id":t.props.pageId},null,8,["page-id"])]),e.createTextVNode(),e.createElementVNode("div",{ref:"canvasRef",class:"flexible-pane"},[e.createVNode(t.VRule,{ref:"vRuleRef",referenceLine:t.rulePresetLine,"onUpdate:referenceLine":o[2]||(o[2]=s=>t.rulePresetLine=s),"line-color":t.ruleLineColor},{"canvas-content":e.withCtx(()=>[e.createElementVNode("div",{class:"content",onDrop:t.handleDrop,onDragover:[t.handleDragOver,o[0]||(o[0]=e.withModifiers(()=>{},["prevent"]))],onDragenter:o[1]||(o[1]=e.withModifiers(()=>{},["prevent"])),onMousedown:t.handleMouseDown,onMouseup:t.deselectCurComponent},[e.createVNode(t.Editor,{ref:"editorRef","page-id":t.props.pageId},null,8,["page-id"])],32)]),_:1},8,["referenceLine","line-color"])],512)])}const o_=J(t_,[["render",n_],["__scopeId","data-v-6a7c1f0a"],["__file","index.vue"]]),a_={__name:"RuleDrawer",setup(n,{expose:o}){let a=ne();const t=e.ref(!1),r=e.ref("name"),i=e.ref(null),s=e.computed(()=>ne(i.value||"default")),l=e.computed({get:()=>s.value.ruleReferenceLine,set:x=>{s.value.ruleReferenceLine=x}}),c=e.computed({get:()=>s.value.rulePresetLine,set:x=>{s.value.rulePresetLine=x}}),f=x=>{s.value.rulePresetLine&&s.value.rulePresetLine.splice(x,1)},d=()=>{s.value.rulePresetLine=[]},h=(x,p)=>{const u=[...c.value];u[x]={...u[x],site:p},c.value=u},y=x=>{t.value=!0,i.value=x},w=()=>{t.value=!1};ee.on(te.openRuleSetting,x=>{console.log("oepn ruleSetting:"+x.pageId),y(x.pageId)}),o({show:y});const g={get editorStore(){return a},set editorStore(x){a=x},drawer:t,activeNames:r,currentStoreId:i,currentStore:s,ruleLineColor:l,referenceLine:c,deleteReferenceLine:f,deleteAllReferenceLine:d,updateReferenceLine:h,show:y,handleClose:w,computed:e.computed,ref:e.ref,get emitter(){return ee},get eventDef(){return te},get useEditorStore(){return ne},get predefineColors(){return fo}};return Object.defineProperty(g,"__isScriptSetup",{enumerable:!1,value:!0}),g}};function r_(n,o,a,t,r,i){const s=e.resolveComponent("el-color-picker"),l=e.resolveComponent("el-form-item"),c=e.resolveComponent("el-form"),f=e.resolveComponent("el-text"),d=e.resolveComponent("el-col"),h=e.resolveComponent("el-button"),y=e.resolveComponent("el-row"),w=e.resolveComponent("el-input-number"),g=e.resolveComponent("el-collapse-item"),x=e.resolveComponent("el-collapse"),p=e.resolveComponent("el-drawer");return e.openBlock(),e.createBlock(p,{modelValue:t.drawer,"onUpdate:modelValue":o[2]||(o[2]=u=>t.drawer=u),title:"标尺设置",direction:"rtl","before-close":t.handleClose,size:"400"},{default:e.withCtx(()=>[e.createVNode(x,{modelValue:t.activeNames,"onUpdate:modelValue":o[1]||(o[1]=u=>t.activeNames=u),class:"elCollapse",accordion:""},{default:e.withCtx(()=>[e.createVNode(g,{title:"属性",name:"name"},{default:e.withCtx(()=>[e.createVNode(c,{ref:"paramForm","label-width":"120","label-position":"left"},{default:e.withCtx(()=>[e.createVNode(l,{label:"标线颜色"},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:t.ruleLineColor,"onUpdate:modelValue":o[0]||(o[0]=u=>t.ruleLineColor=u),"show-alpha":"",predefine:t.predefineColors},null,8,["modelValue","predefine"])]),_:1})]),_:1},512),e.createTextVNode(),e.createVNode(y,{gutter:1},{default:e.withCtx(()=>[e.createVNode(d,{span:6},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createTextVNode("方向")]),_:1})]),_:1}),e.createTextVNode(),e.createVNode(d,{span:8},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createTextVNode("值")]),_:1})]),_:1}),e.createTextVNode(),e.createVNode(d,{span:10},{default:e.withCtx(()=>[e.createVNode(h,{type:"danger",icon:"delete",title:"清空",onClick:t.deleteAllReferenceLine},{default:e.withCtx(()=>[e.createTextVNode("清空")]),_:1})]),_:1})]),_:1}),e.createTextVNode(),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.referenceLine,(u,m)=>(e.openBlock(),e.createBlock(y,{gutter:1},{default:e.withCtx(()=>[e.createVNode(d,{span:6},{default:e.withCtx(()=>[e.createVNode(f,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.type=="h"?"水平":"垂直"),1)]),_:2},1024)]),_:2},1024),e.createTextVNode(),e.createVNode(d,{span:12},{default:e.withCtx(()=>[e.createVNode(w,{"model-value":u.site,"onUpdate:modelValue":C=>t.updateReferenceLine(m,C),"controls-position":"right"},null,8,["model-value","onUpdate:modelValue"])]),_:2},1024),e.createTextVNode(),e.createVNode(d,{span:6},{default:e.withCtx(()=>[e.createVNode(h,{type:"danger",icon:"delete",title:"删除",onClick:C=>t.deleteReferenceLine(m)},null,8,["onClick"])]),_:2},1024)]),_:2},1024))),256))]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["modelValue"])}const l_=J(a_,[["render",r_],["__scopeId","data-v-53dbb572"],["__file","RuleDrawer.vue"]]),i_=Object.assign({name:"VEEditor"},{__name:"VEEditor",emits:["importJson","exportJson","preview","openPage","savePage"],setup(n,{expose:o,emit:a}){const t=Tn(),r=e.ref(20),i=e.ref(null),s=e.ref(""),l=e.ref(5),c=e.ref(null),f=a,d=e.ref([{title:"新建页面",name:Ce(Ne.Page)}]),h={background:"#8B008B"},y=e.ref(null);e.watch(()=>s.value,C=>{C&&(y.value=ne(C))},{immediate:!0});const w=C=>{C&&C.length>0&&(r.value=C[0].size)},g=C=>{const D=d.value;let S=s.value;D.length<=1?se("warning","tab页签必须保留一个"):(S===C&&D.forEach((b,N)=>{if(b.name===C){const V=D[N+1]||D[N-1];V&&(S=V.name)}}),s.value=S,d.value=D.filter(b=>b.name!==C),Ur(C))},x=()=>{const C=d.value;let D=s.value,S="";return C.forEach((b,N)=>{b.name===D&&(S=b.title)}),S};ee.on(te.openNewPage,C=>{C.pageId&&(d.value.length>=l.value?se("warning","tab页签数量超过限制"):Ar("输入页面名称","新建页面",{pattern:/^.{1,20}$/,errMsg:"输入小于20个字符的标题"},function(D){d.value.push({title:D||"新建页面",name:C.pageId}),s.value=C.pageId},null))}),e.onMounted(()=>{s.value=d.value[0].name,ee.on(te.importJson,function(C){f("importJson",C)}),ee.on(te.exportJson,function(C){typeof window._copyright_hflveditor3=="function"&&f("exportJson",C)}),ee.on(te.preview,function(C){f("preview",C)}),ee.on(te.openPage,function(C){f("openPage",C)}),ee.on(te.savePage,function(C){typeof window._copyright_hflveditor3=="function"&&(C.id=s.value,C.title=x(),f("savePage",C))})});const p=C=>{let D;typeof C=="string"?D=JSON.parse(C||"{}"):D=C,D&&(y.value.setComponentData(D.componentData||[]),y.value.setCanvasStyle(D.canvasStyle||{}))},u=C=>{if(d.value.length>=l.value)se("warning","tab页签数量超过限制");else{let D=isNotEmpty(C.id)?C.id:Ce(Ne.Page);d.value.push({title:C.name||"新建页面",name:D}),s.value=D,e.nextTick(()=>{p(C.data)})}};e.onBeforeMount(()=>{}),o({setJsonData:p,loadPage:u});const m={veBaseStore:t,paneSize:r,canvasDrawerRef:i,activeName:s,maxTabNums:l,ruleDrawerRef:c,emit:f,editableTabs:d,canvasStyle:h,editorStore:y,handleResize:w,removeTab:g,getCurTabTitle:x,setJsonData:p,loadPage:u,ref:e.ref,computed:e.computed,onMounted:e.onMounted,watch:e.watch,nextTick:e.nextTick,onBeforeMount:e.onBeforeMount,get Splitpanes(){return zl},get Pane(){return Ul},LeftRegion:Ap,RightRegion:K0,get useVEBaseStore(){return Tn},CanvasDrawer:q0,PageEditor:o_,get generatePrefixID(){return Ce},get emitter(){return ee},get eventDef(){return te},get showMessage(){return se},get showPromptMessageBox(){return Ar},get clearEditorStore(){return Ur},get useEditorStore(){return ne},get IdPrefix(){return Ne},RuleDrawer:l_};return Object.defineProperty(m,"__isScriptSetup",{enumerable:!1,value:!0}),m}});function s_(n,o,a,t,r,i){const s=e.resolveComponent("el-tab-pane"),l=e.resolveComponent("el-tabs");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(t.Splitpanes,{class:"default-theme",style:{width:"100%",height:"100%"},onResize:t.handleResize},{default:e.withCtx(()=>[t.veBaseStore.showLeftRegion?(e.openBlock(),e.createBlock(t.Pane,{key:0,size:t.paneSize,"max-size":"20"},{default:e.withCtx(()=>[e.createVNode(t.LeftRegion,{"editor-store":t.editorStore,"page-id":t.activeName},null,8,["editor-store","page-id"])]),_:1},8,["size"])):e.createCommentVNode("",!0),e.createTextVNode(),e.createVNode(t.Pane,{size:100-t.paneSize},{default:e.withCtx(()=>[e.createVNode(t.Splitpanes,null,{default:e.withCtx(()=>[e.createVNode(t.Pane,null,{default:e.withCtx(()=>[e.createVNode(l,{modelValue:t.activeName,"onUpdate:modelValue":o[0]||(o[0]=c=>t.activeName=c),type:"border-card",class:"tabs",closable:"",onTabRemove:t.removeTab},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.editableTabs,c=>(e.openBlock(),e.createBlock(s,{key:c.name,label:c.title,name:c.name},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.KeepAlive,{max:t.maxTabNums},[(e.openBlock(),e.createBlock(t.PageEditor,{"page-id":c.name,key:c.name},null,8,["page-id"]))],1032,["max"]))]),_:2},1032,["label","name"]))),128))]),_:1},8,["modelValue"])]),_:1}),e.createTextVNode(),t.veBaseStore.showRightRegion?(e.openBlock(),e.createBlock(t.Pane,{key:0,size:"20","max-size":"20"},{default:e.withCtx(()=>[e.createVNode(t.RightRegion,{"editor-store":t.editorStore,"page-id":t.activeName},null,8,["editor-store","page-id"])]),_:1})):e.createCommentVNode("",!0)]),_:1})]),_:1},8,["size"])]),_:1}),e.createTextVNode(),e.createVNode(t.CanvasDrawer,{ref:"canvasDrawerRef"},null,512),e.createTextVNode(),e.createVNode(t.RuleDrawer,{ref:"ruleDrawerRef"},null,512)],64)}const c_=J(i_,[["render",s_],["__scopeId","data-v-72f604c5"],["__file","VEEditor.vue"]]),u_=e.defineComponent({name:"ve-svg-icon",props:{iconClass:{type:String,required:!0},className:{type:String,default:""},color:{type:String,default:""}},setup(n){return{iconName:e.computed(()=>`#icon-${n.iconClass}`),svgClass:e.computed(()=>n.className?`ve-svg-icon ${n.className}`:"ve-svg-icon")}}});function d_(n,o,a,t,r,i){return e.openBlock(),e.createElementBlock("svg",{class:e.normalizeClass(n.svgClass),"aria-hidden":"true"},[e.createElementVNode("use",{"xlink:href":n.iconName,fill:n.color},null,8,["xlink:href","fill"])],2)}const p_=J(u_,[["render",d_],["__file","index.vue"]]),f_={foldLeft:'<svg t="1750411641074" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6327" width="200" height="200"><path d="M867.1 141.17H156.08c-17.67 0-32 14.33-32 32s14.33 32 32 32H867.1c17.67 0 32-14.33 32-32s-14.33-32-32-32zM867.92 367.52H403.2c-17.67 0-32 14.33-32 32s14.33 32 32 32h464.73c17.67 0 32-14.33 32-32s-14.33-32-32.01-32zM867.92 573.87H403.2c-17.67 0-32 14.33-32 32s14.33 32 32 32h464.73c17.67 0 32-14.33 32-32s-14.33-32-32.01-32zM867.92 800.22H156.9c-17.67 0-32 14.33-32 32s14.33 32 32 32h711.02c17.67 0 32-14.33 32-32 0-17.68-14.32-32-32-32zM312.01 367.52v270.35L137.47 489.71z" p-id="6328"></path></svg>',foldRight:'<svg t="1750411736588" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6481" width="200" height="200"><path d="M867.1 141.17H156.08c-17.67 0-32 14.33-32 32s14.33 32 32 32H867.1c17.67 0 32-14.33 32-32s-14.33-32-32-32zM867.92 367.52H403.2c-17.67 0-32 14.33-32 32s14.33 32 32 32h464.73c17.67 0 32-14.33 32-32s-14.33-32-32.01-32zM867.92 573.87H403.2c-17.67 0-32 14.33-32 32s14.33 32 32 32h464.73c17.67 0 32-14.33 32-32s-14.33-32-32.01-32zM867.92 800.22H156.9c-17.67 0-32 14.33-32 32s14.33 32 32 32h711.02c17.67 0 32-14.33 32-32 0-17.68-14.32-32-32-32zM137.47 637.87V367.52l174.54 148.15z" p-id="6482"></path></svg>',save:'<svg t="1750486544844" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5304" width="200" height="200"><path d="M814.805 128a51.179 51.179 0 0 1 51.179 51.179V844.01a51.179 51.179 0 0 1-51.179 51.157H201.173a51.179 51.179 0 0 1-51.178-51.157V179.179A51.179 51.179 0 0 1 201.173 128h613.654zM329.024 434.837a51.093 51.093 0 0 1-51.179-51.093V179.157h-76.672v664.854h613.76V179.179H738.22v204.48a51.179 51.179 0 0 1-51.179 51.178H329.024z m0-51.093h357.995V179.157H329.024v204.587z m357.91 204.501a25.557 25.557 0 1 1 0.085 51.072H329.024a25.536 25.536 0 1 1 0-51.072h357.91z" fill="#333333" p-id="5305"></path></svg>',save2:'<svg t="1750487183059" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4694" width="200" height="200"><path d="M512 64C357.472 64 96 90.944 96 192v634.528c0 101.024 261.472 128 416 128 154.496 0 416-26.976 416-128V192c0-101.056-261.504-128-416-128zM160 457.728C247.328 499.072 405.184 512 512 512c106.88 0 264.864-12.96 352.16-54.368l0.096 148.256C852.352 629.728 725.056 672 512 672c-212.096 0-339.136-41.888-352-65.76v-148.512zM512 448c-212.096 0-339.136-41.888-352-65.76v-116.48C247.328 307.072 405.184 320 512 320c106.848 0 264.736-12.928 352.032-54.304l0.064 116.384C851.648 405.952 724.512 448 512 448z m0-320c206.88 0 332.96 39.872 351.008 64-18.048 24.128-144.128 64-351.008 64S179.04 216.128 161.024 192C179.04 167.872 305.12 128 512 128z m0 762.528c-213.568 0-341.056-42.496-352-64v-144.8C247.328 723.072 405.184 736 512 736c106.944 0 265.056-12.992 352.32-54.432l0.096 142.688c-11.392 23.776-138.848 66.272-352.416 66.272z" p-id="4695"></path></svg>',undo:'<svg t="1750487331839" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5009" width="200" height="200"><path d="M995.648 459.296C684.448 281.568 406.08 318.656 171.232 567.904L32 416v384h352l-160.736-175.328c211.168-227.072 452.192-259.776 734.304-98.688a38.4 38.4 0 0 0 38.08-66.688z" p-id="5010"></path></svg>',redo:'<svg t="1750487379046" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5163" width="200" height="200"><path d="M860.992 558.912C627.904 317.536 352.384 283.648 44.8 459.296a38.4 38.4 0 1 0 38.08 66.688c278.432-159.008 516.896-129.408 726.08 89.696L640 800h352V416l-131.008 142.912z" p-id="5164"></path></svg>',combination:'<svg t="1750479615139" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4635" width="200" height="200"><path d="M839.036 130.458h-654.072c-30.102 0-54.506 24.404-54.506 54.506v654.072c0 30.102 24.404 54.506 54.506 54.506h654.072c30.102 0 54.506-24.404 54.506-54.506v-654.072c0-30.102-24.404-54.506-54.506-54.506zM839.036 811.786c0 15.050-12.196 27.249-27.249 27.249h-598.721c-15.050 0-27.249-12.196-27.249-27.249v-598.721c0-15.050 12.196-27.249 27.249-27.249h598.721c15.049 0 27.249 12.196 27.249 27.249v598.721zM730.028 421.639h-127.324v-126.817c0-30.091-24.402-54.499-54.501-54.499h-252.755c-30.098 0-54.501 24.401-54.501 54.499v253.89c0 30.091 24.402 54.499 54.501 54.499h127.324v126.817c0 30.091 24.402 54.499 54.501 54.499h252.755c30.098 0 54.501-24.401 54.501-54.499v-253.89c0-30.091-24.402-54.499-54.501-54.499zM323.36 548.137c-15.050 0-27.251-12.207-27.251-27.26v-197.694c0-15.055 12.201-27.26 27.251-27.26h196.928c15.051 0 27.251 12.207 27.251 27.26v98.458h-70.267c-30.098 0-54.501 24.401-54.501 54.499v71.998h-99.411zM547.539 477.24v43.638c0 15.055-12.202 27.26-27.251 27.26h-42.353v-43.638c0-15.055 12.202-27.26 27.251-27.26h42.353zM729.365 702.193c0 15.055-12.201 27.26-27.251 27.26h-196.928c-15.050 0-27.251-12.207-27.251-27.26v-98.981h70.267c30.098 0 54.501-24.401 54.501-54.499v-71.474h99.411c15.050 0 27.251 12.207 27.251 27.26v197.693z" p-id="4636"></path></svg>',split:'<svg t="1750479695414" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4789" width="200" height="200"><path d="M553.396484375 822.78125H229.255859375c-26.89453125 0-48.779296875-21.884765625-48.779296875-48.779296875V208.6015625c0-26.89453125 21.884765625-48.779296875 48.779296875-48.779296875h565.400390625c27.0703125 0 48.779296875 21.62109375 48.779296875 48.515625v407.197265625c0 11.42578125 9.31640625 20.7421875 20.7421875 20.7421875 11.42578125 0 20.7421875-9.31640625 20.7421875-20.7421875V208.337890625c0-49.921875-40.341796875-90-90.17578125-90H229.255859375c-49.74609375 0-90.17578125 40.4296875-90.17578125 90.17578125V773.9140625c0 49.74609375 40.4296875 90.17578125 90.17578125 90.17578125h324.140625c11.42578125 0 20.7421875-9.31640625 20.7421875-20.7421875s-9.228515625-20.56640625-20.7421875-20.56640625z" p-id="4790"></path><path d="M553.396484375 408.376953125h165.76171875V242.703125H553.396484375v165.673828125z m-41.396484375-166.11328125c0-22.67578125 18.720703125-41.044921875 41.044921875-41.044921875h166.46484375c22.67578125 0 41.044921875 18.720703125 41.044921875 41.044921875v166.46484375c0 22.67578125-18.720703125 41.044921875-41.044921875 41.044921875H553.044921875c-22.67578125 0-41.044921875-18.720703125-41.044921875-41.044921875V242.263671875zM284.099609375 532.7421875c0-11.337890625 9.31640625-20.7421875 20.302734375-20.7421875h166.46484375c11.25 0 20.302734375 9.228515625 20.302734375 21.005859375v123.662109375c0 11.6015625-9.404296875 21.09375-20.302734375 21.09375H304.490234375c-11.25 0-20.302734375-9.140625-20.302734375-20.7421875V532.7421875z m-41.396484375 0V657.01953125c0 34.365234375 27.59765625 62.138671875 61.787109375 62.138671875h166.46484375c34.013671875 0 61.787109375-28.125 61.787109375-62.490234375V533.005859375c0-34.541015625-27.509765625-62.490234375-61.787109375-62.490234375H304.490234375c-33.92578125 0.087890625-61.787109375 28.037109375-61.787109375 62.2265625zM723.2890625 802.0390625h-50.2734375c-11.42578125 0-20.7421875-9.31640625-20.7421875-20.7421875s9.31640625-20.7421875 20.7421875-20.7421875h50.2734375v-50.2734375c0-11.42578125 9.31640625-20.7421875 20.7421875-20.7421875 11.42578125 0 20.7421875 9.31640625 20.7421875 20.7421875v50.2734375h50.2734375c11.42578125 0 20.7421875 9.31640625 20.7421875 20.7421875S826.47265625 802.0390625 815.046875 802.0390625h-50.2734375v50.2734375c0 11.42578125-9.31640625 20.7421875-20.7421875 20.7421875-11.42578125 0-20.7421875-9.31640625-20.7421875-20.7421875V802.0390625zM744.03125 905.57421875c68.642578125 0 124.27734375-55.634765625 124.27734375-124.27734375S812.673828125 657.01953125 744.03125 657.01953125s-124.27734375 55.634765625-124.27734375 124.27734375S675.388671875 905.57421875 744.03125 905.57421875z" p-id="4791"></path></svg>',lock:'<svg t="1750479364498" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1470" width="200" height="200"><path d="M806.617322 1024H217.36459A124.739125 124.739125 0 0 1 93.090909 899.260875V421.4821a124.739125 124.739125 0 0 1 124.273681-124.971847h589.252732A124.739125 124.739125 0 0 1 930.891002 421.4821v477.778775A124.739125 124.739125 0 0 1 806.617322 1024zM217.36459 319.317033A102.165067 102.165067 0 0 0 116.363134 421.4821v477.778775A101.932345 101.932345 0 0 0 217.36459 1000.727775h589.252732A101.932345 101.932345 0 0 0 907.618777 899.260875V421.4821a102.165067 102.165067 0 0 0-101.699622-102.165067z" fill="#666666" p-id="1471"></path><path d="M702.125032 319.317033a11.170668 11.170668 0 0 1-11.170668-11.40339v-139.633349a133.349848 133.349848 0 0 0-51.897061-102.630511A198.046633 198.046633 0 0 0 511.990956 23.294333c-98.674233 0-178.963409 65.627674-178.963409 146.382294v139.633349a11.170668 11.170668 0 0 1-11.170668 11.40339 11.40339 11.40339 0 0 1-11.40339-11.40339v-139.633349C310.453489 75.889561 400.982443 0.022109 511.990956 0.022109a219.45708 219.45708 0 0 1 141.495126 49.104394 155.923906 155.923906 0 0 1 60.04234 120.08468v139.633349a11.40339 11.40339 0 0 1-11.40339 10.472501zM511.990956 750.551359a90.296232 90.296232 0 1 1 91.227121-90.296233A90.994399 90.994399 0 0 1 511.990956 750.551359z m0-157.785685a67.489452 67.489452 0 1 0 68.42034 67.489452 67.954896 67.954896 0 0 0-68.42034-67.489452z" fill="#666666" p-id="1472"></path></svg>',unlock:'<svg t="1750479411662" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1625" width="200" height="200"><path d="M713.05481 1024H124.738048A124.970768 124.970768 0 0 1 0 899.261952v-477.076488a124.970768 124.970768 0 0 1 124.738048-124.738048h588.316762A124.970768 124.970768 0 0 1 837.792858 422.185464v477.076488A125.203488 125.203488 0 0 1 713.05481 1024zM124.738048 320.254A102.164185 102.164185 0 0 0 23.272024 422.185464v477.076488A102.164185 102.164185 0 0 0 124.738048 1000.727976h588.316762A102.164185 102.164185 0 0 0 814.520834 899.261952v-477.076488a102.164185 102.164185 0 0 0-102.164185-101.931464z" fill="#666666" p-id="1626"></path><path d="M418.896429 750.78644a90.295452 90.295452 0 1 1 91.226333-90.062732A90.528173 90.528173 0 0 1 418.896429 750.78644z m0-157.551601a67.488869 67.488869 0 1 0 68.41975 67.488869 67.95431 67.95431 0 0 0-68.41975-67.488869zM1012.565757 318.392238a11.403292 11.403292 0 0 1-11.403292-11.403292V168.753125C1000.697024 88.231922 918.779501 23.302976 817.546197 23.302976a206.190131 206.190131 0 0 0-130.788774 43.751404 131.254214 131.254214 0 0 0-53.060214 102.164185v138.235821a11.403292 11.403292 0 1 1-23.272024 0V168.753125a154.060798 154.060798 0 0 1 62.136303-120.083643A229.229435 229.229435 0 0 1 817.546197 0.030952C930.880953 0.030952 1023.969048 75.665029 1023.969048 168.753125v138.235821a11.403292 11.403292 0 0 1-11.403291 11.403292z" fill="#666666" p-id="1627"></path></svg>',clear:'<svg t="1750486633569" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2342" width="200" height="200"><path d="M274.56 798.997333l19.434667-25.130666-33.792 68.565333a18.133333 18.133333 0 0 0 11.562666 25.536l59.733334 16a18.133333 18.133333 0 0 0 17.28-4.48c20.522667-19.818667 35.626667-35.989333 45.290666-48.469333l19.456-25.130667-33.813333 68.565333a18.133333 18.133333 0 0 0 11.562667 25.536l84.48 22.634667a18.133333 18.133333 0 0 0 17.28-4.48c20.522667-19.84 35.626667-35.989333 45.269333-48.469333l19.456-25.130667-33.813333 68.565333A18.133333 18.133333 0 0 0 535.530667 938.666667l72.106666 19.328a18.133333 18.133333 0 0 0 17.28-4.48c20.522667-19.84 35.626667-36.010667 45.269334-48.490667l19.456-25.130667-33.813334 68.586667a18.133333 18.133333 0 0 0 11.584 25.514667l86.421334 23.338666 3.84-0.213333c13.269333-0.704 29.056-5.034667 43.84-12.8 29.781333-15.701333 48.170667-43.2 52.181333-78.250667 2.133333-18.517333 4.778667-38.549333 8.405333-63.530666 1.642667-11.221333 2.944-20.010667 6.229334-41.834667 11.050667-73.322667 14.634667-101.034667 17.130666-133.674667l0.938667-12.373333 2.837333-2.922667 12.330667-1.344a41.813333 41.813333 0 0 0 24.810667-11.221333c10.730667-10.24 14.805333-25.386667 11.093333-42.197333l-37.546667-171.584c-3.029333-13.696-11.264-27.946667-23.146666-39.829334-11.648-11.626667-25.92-20.138667-39.893334-23.893333L723.626667 331.306667l-2.261334-3.925334L774.250667 130.133333c8.32-31.061333-11.754667-63.744-44.970667-72.64l-79.509333-21.312c-33.194667-8.896-66.922667 9.365333-75.264 40.426667l-52.842667 197.269333-3.925333 2.261334-118.101334-31.637334c-13.994667-3.754667-30.634667-3.498667-46.506666 0.746667-16.256 4.352-30.506667 12.586667-39.957334 22.933333l-118.314666 129.792c-11.605333 12.714667-15.658667 27.84-11.52 42.090667 4.16 14.229333 15.850667 25.194667 32.896 30.528l13.610666 4.266667 2.133334 3.882666-3.626667 13.802667c-21.12 79.850667-52.885333 136.917333-85.717333 150.890667-47.530667 20.202667-72.938667 49.429333-78.421334 85.034666-5.034667 32.682667 9.28 67.114667 37.589334 91.541334l22.037333 8.341333 74.666667 20.010667a42.666667 42.666667 0 0 0 41.216-11.050667c15.274667-15.274667 26.88-28.032 34.837333-38.293333z m551.381333-396.565333c14.144 3.797333 29.952 19.2 32.768 32l34.56 157.781333a10.666667 10.666667 0 0 1-13.184 12.586667L240.64 433.493333a10.666667 10.666667 0 0 1-5.12-17.493333l108.8-119.36c8.832-9.685333 30.229333-15.146667 44.373333-11.349333l141.333334 37.866666a21.333333 21.333333 0 0 0 26.133333-15.082666l58.304-217.642667a21.333333 21.333333 0 0 1 26.133333-15.082667l77.056 20.650667a21.333333 21.333333 0 0 1 15.082667 26.133333l-58.325333 217.642667a21.333333 21.333333 0 0 0 15.082666 26.112l136.448 36.565333zM315.456 701.568c-33.664 45.141333-64.597333 79.082667-92.8 101.802667l-5.909333 4.778666-2.837334 0.597334-88.106666-24.106667-2.922667-3.2c-13.034667-14.165333-19.370667-31.04-16.981333-46.592 3.285333-21.333333 22.058667-39.338667 53.205333-52.586667 31.722667-13.482667 59.818667-47.104 82.922667-99.904 10.026667-22.954667 18.88-48.725333 26.389333-76.586666l3.882667-14.4 3.904-2.261334 566.165333 151.701334 2.346667 3.306666-0.789334 12.224c-1.984 30.592-30.336 229.397333-32.128 244.906667-2.346667 20.416-11.306667 34.986667-27.605333 44.394667a73.237333 73.237333 0 0 1-21.397333 8.106666l-5.013334 0.725334-60.373333-16.170667 11.242667-20.288c8.277333-14.976 22.656-43.84 43.093333-86.613333a21.12 21.12 0 0 0-9.962667-28.16l-3.136-1.493334a21.333333 21.333333 0 0 0-26.261333 6.485334c-33.642667 45.056-64.533333 78.912-92.672 101.546666l-5.909333 4.757334-2.837334 0.597333-52.544-14.08 11.114667-20.266667c3.562667-6.485333 7.04-13.013333 10.453333-19.626666 7.04-13.504 17.898667-35.797333 32.597334-66.816a21.290667 21.290667 0 0 0-9.984-28.309334l-3.029334-1.450666a21.333333 21.333333 0 0 0-26.368 6.442666c-33.6 45.013333-64.469333 78.826667-92.608 101.482667l-5.909333 4.757333-2.837333 0.597334-52.138667-13.973334 11.114667-20.266666c3.242667-5.888 6.72-12.416 10.453333-19.626667 6.997333-13.461333 17.962667-35.946667 32.896-67.434667a20.970667 20.970667 0 0 0-10.112-28.010666l-3.328-1.536a21.333333 21.333333 0 0 0-26.069333 6.613333c-33.642667 45.056-64.554667 78.976-92.778667 101.696l-5.909333 4.757333-2.837334 0.597334-32.64-8.746667 11.093334-20.245333c3.541333-6.506667 7.04-13.034667 10.453333-19.626667 6.976-13.482667 17.941333-35.968 32.874667-67.456a21.056 21.056 0 0 0-10.069334-28.074667l-3.242666-1.514666a21.333333 21.333333 0 0 0-26.154667 6.549333z" fill="#333333" p-id="2343"></path></svg>',deleteIcon:'<svg t="1750486500477" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5147" width="200" height="200"><path d="M106.666667 213.333333h810.666666v42.666667H106.666667z" fill="#3D3D3D" p-id="5148"></path><path d="M640 128v42.666667h42.666667V128c0-23.573333-19.093333-42.666667-42.538667-42.666667H383.872A42.496 42.496 0 0 0 341.333333 128v42.666667h42.666667V128h256z" fill="#3D3D3D" p-id="5149"></path><path d="M213.333333 896V256H170.666667v639.957333C170.666667 919.552 189.653333 938.666667 213.376 938.666667h597.248C834.218667 938.666667 853.333333 919.68 853.333333 895.957333V256h-42.666666v640H213.333333z" fill="#3D3D3D" p-id="5150"></path><path d="M320 341.333333h42.666667v384h-42.666667zM490.666667 341.333333h42.666666v384h-42.666666zM661.333333 341.333333h42.666667v384h-42.666667z" fill="#3D3D3D" p-id="5151"></path></svg>',makeline:'<svg t="1750488123134" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3304" width="200" height="200"><path d="M538.3 62.3h-477v900h900v-900h-423z m355.5 832.5h-765v-765h765v765z" p-id="3305"></path><path d="M623.8 485.3h76.5v54h-76.5zM772.3 485.3h76.5v54h-76.5zM322.3 485.3h76.5v54h-76.5zM173.8 485.3h76.5v54h-76.5zM484.3 773.3h54v76.5h-54zM484.3 624.8h54v76.5h-54zM484.3 548.3h54v-9h9v-54h-9v-13.5h-54v13.5h-13.5v54h13.5zM484.3 174.8h54v76.5h-54zM484.3 323.3h54v76.5h-54z" p-id="3306"></path></svg>',canvas:'<svg t="1750488310268" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1503" width="200" height="200"><path d="M911.274667 810.624H663.466667c-11.989333-1.962667-21.034667-8.106667-25.088-16.938667-4.352-9.728-2.304-34.816-2.304-52.394666v-344.32c0-9.941333-0.725333-19.413333 1.578666-25.088a32.426667 32.426667 0 0 1 7.253334-9.557334c10.069333-9.216 22.656-8.106667 42.752-8.106666h167.893333c15.232 0 35.925333-0.768 50.858667 0 4.906667 0 9.813333 0.768 14.506666 2.176 1.024 0.426667 1.365333 1.578667 2.432 2.176 1.152 0.725333 3.2 0.896 4.010667 1.493333 2.133333 1.621333 3.370667 4.010667 4.864 5.973333 0.725333 0.896 1.792 1.194667 2.432 2.133334 2.304 3.754667 2.218667 7.381333 4.010667 11.818666v404.138667c-2.517333 14.933333-11.818667 23.594667-27.392 26.538667v-0.042667z m-137.258667-21.418667c2.56 3.84 6.272 6.997333 11.306667 7.381334 2.261333 0.170667 5.930667 0 8.064-0.768a20.48 20.48 0 0 0 8.064-7.296 15.573333 15.573333 0 0 0-1.621334-14.805334 11.562667 11.562667 0 0 0-5.632-4.352c-3.626667-1.536-5.461333-2.133333-11.306666-0.768a14.336 14.336 0 0 0-10.154667 8.192 12.842667 12.842667 0 0 0 1.28 12.458667z m88.746667-401.92c-1.066667-4.266667-5.205333-4.736-12.885334-5.12-18.133333-0.853333-39.381333 0-56.533333 0-29.44 0-52.608-1.578667-75.861333 0-0.768 0-0.426667 0.597333-0.768 0.725334-3.968 1.493333-7.466667 5.290667-4.821334 10.325333 2.133333 4.138667 7.850667 3.669333 16.170667 3.712 36.906667 0.170667 67.712 0 103.253333 0 6.485333 0 14.933333 0.597333 20.992 0 4.437333-0.426667 5.504 0.085333 8.064-2.261333 1.877333-1.621333 3.413333-3.456 2.389334-7.338667z m46.037333 37.674667h-242.133333c-0.896 0.085333-0.853333 1.109333-0.810667 2.133333v326.784H908.8v-328.96z m-179.413333-88.533333h-40.362667c-0.426667-13.013333 1.408-53.76-2.432-62.72a44.202667 44.202667 0 0 0-25.770667-22.101334c-7.893333-2.133333-18.944-1.493333-30.72-1.493333H184.576c-11.093333 0-21.589333-0.64-29.866667 1.493333a41.813333 41.813333 0 0 0-26.581333 22.186667c-3.498667 8.021333-2.432 20.437333-2.432 33.877333v216.832c0 12.672-1.749333 28.288 1.621333 36.821334a41.642667 41.642667 0 0 0 25.813334 23.637333c13.653333 3.797333 35.925333 1.493333 53.290666 1.493333h411.946667v92.885334H143.445333c-12.288 0-24.746667 0.853333-33.066666-2.176-5.162667-2.133333-9.813333-5.12-13.781334-8.874667-6.997333-6.613333-8.789333-12.8-11.306666-22.869333V247.978667c3.498667-19.925333 15.872-31.658667 37.930666-34.645334h568.192c16.128 2.346667 28.8 9.770667 34.688 22.912 4.224 9.258667 3.2 21.077333 3.2 33.834667v66.389333h0.042667zM271.786667 786.986667c0.512-0.341333 1.792-0.256 2.389333-0.725334 1.92-1.493333 3.370667-3.712 5.674667-5.162666 0.554667-0.341333 1.749333-0.256 2.389333-0.725334 0.682667-0.469333 0.938667-1.749333 1.578667-2.218666 0.853333-0.469333 1.792-0.256 2.474666-0.725334 12.586667-8.533333 27.136-16.426667 41.173334-22.869333v-53.802667c-0.128-1.024-0.170667-2.090667 0.810666-2.218666h158.976v55.338666c2.645333 2.645333 6.4 3.498667 9.685334 5.12 5.12 2.56 10.666667 5.632 16.128 8.874667l6.442666 3.669333c2.090667 1.152 3.754667 2.005333 5.674667 3.669334 0.853333 0.725333 3.968 2.474667 5.632 3.712 1.28 0.938667 2.474667 1.578667 4.053333 2.944 0.981333 0.853333 2.56 1.706667 4.010667 2.986666 3.456 2.901333 15.36 9.173333 14.549333 16.170667-1.536 13.184-51.2 8.832-68.650666 8.832H291.2c-20.394667 0-38.570667-3.456-25.088-17.664 1.706667-1.877333 3.626667-3.584 5.674667-5.162667zM190.592 308.736H622.933333v222.293333H190.592v-222.293333z m501.205333 138.965333h190.976v282.88h-190.933333v-282.88h-0.042667z" fill="#4A4A4A" p-id="1504"></path></svg>',setting:'<svg t="1750488470617" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2493" width="200" height="200"><path d="M504.046527 324.145644c-105.338607 0-191.027711 85.687888-191.027711 191.027711 0 105.338607 85.689104 191.026495 191.027711 191.026495 105.334958 0 191.022846-85.687888 191.022846-191.026495C695.069373 409.833532 609.381485 324.145644 504.046527 324.145644L504.046527 324.145644 504.046527 324.145644zM504.046527 655.261965c-77.245474 0-140.089826-62.844353-140.089826-140.08861 0-77.245474 62.844353-140.084961 140.089826-140.084961S644.131488 437.927881 644.131488 515.173355C644.131488 592.417613 581.292001 655.261965 504.046527 655.261965L504.046527 655.261965 504.046527 655.261965zM925.014169 425.218649c-18.079246-1.639587-72.978655-13.394016-87.374911-44.776054-12.553545-27.31956 8.205233-65.847424 27.813382-93.361594l12.177705-17.094034-119.232527-125.560993-18.144926 13.588626c-16.367896 12.267712-69.833275 44.006129-100.298215 29.547841-24.458796-11.631581-31.143641-53.522546-32.464555-86.600121L606.535318 76.493794l-94.535334 0-94.525603 0-0.964535 24.463662c-1.316048 33.077575-8.005758 74.969756-32.454824 86.604986-30.407773 14.458288-83.94978-17.280129-100.307945-29.547841L265.579041 144.398 146.37084 269.986967 158.547329 287.085866c19.585038 27.471598 40.334086 65.961757 27.871765 93.276452-14.306249 31.324871-68.00516 43.007538-87.432078 44.861196l-23.167074 2.113948 0 76.612992L75.810211 503.950454l0 93.736217 23.167074 2.115165c19.428134 1.852442 73.130694 13.536324 87.432078 44.861196 12.462322 27.309829-8.281861 65.803637-27.865683 93.27037l-12.17284 17.10498 119.203335 125.584102 18.168036-13.617817c16.3533-12.262847 69.895307-44.004913 100.30308-29.552706 24.450282 11.641312 31.143641 53.527411 32.464555 86.611068l0.95602 24.468527 94.529252 0 94.530468 0 0.959669-24.468527c1.320914-33.083657 8.010624-74.969756 32.460906-86.611068 30.468589-14.452206 83.933968 17.28986 100.306729 29.552706l18.144926 13.593491 119.227662-125.559776-12.17284-17.10498c-19.617879-27.509304-40.375441-66.042034-27.823112-93.361594 14.401121-31.377173 69.296882-43.131602 87.379776-44.769972l23.171939-2.115165 0-92.976023 0.008514 0 0-77.373187L925.014169 425.218649 925.014169 425.218649 925.014169 425.218649zM897.243358 503.950454l-0.004865 0 0 48.76677c-31.382038 6.642274-84.719704 24.449066-105.909057 70.6032-16.29735 35.505332-9.256126 78.023913 20.899871 126.619183l-60.387405 63.619143c-29.415263-17.831118-86.187792-44.64226-133.651893-22.159969-33.41571 15.816907-53.460514 51.488874-59.756139 106.18516l-46.438751 0-46.437535 0c-6.295625-54.696286-26.341646-90.368252-59.761004-106.18516-47.440991-22.449451-104.228115 4.314255-133.656758 22.159969L211.757283 749.939607c30.159646-48.59527 37.197221-91.113851 20.904736-126.619183-21.190569-46.154134-74.531884-63.960926-105.909057-70.6032l0-48.00171 0.004865 0 0-32.408604c31.382038-6.641058 84.723353-24.449066 105.918787-70.601984 16.286403-35.506548 9.250045-78.029994-20.910817-126.620399l60.383756-63.627657c29.423777 17.849363 86.206036 44.613068 133.656758 22.163618 33.414494-15.821772 53.465379-51.484009 59.756139-106.18516l46.437535 0 46.443616 0c6.29076 54.696286 26.340429 90.368252 59.756139 106.18516 47.459236 22.487156 104.231764-4.327634 133.647028-22.163618l60.39227 63.627657c-30.160862 48.590405-37.197221 91.108986-20.909601 126.620399 21.189353 46.152918 74.536749 63.960926 105.909057 70.601984l0 31.643545L897.243358 503.950454 897.243358 503.950454 897.243358 503.950454zM897.243358 503.950454" fill="#272636" p-id="2494"></path></svg>',sketchRule:'<svg t="1750819198822" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5691" width="200" height="200"><path d="M854.633103 83.697237 586.894246 83.697237c-1.195222-0.191358-2.418073-0.290619-3.664459-0.290619-1.24434 0-2.465145 0.100284-3.65832 0.290619L168.315962 83.697237c-47.382147 0-85.770456 38.387285-85.770456 85.770456l0 686.317141c0 47.382147 38.388309 85.782735 85.770456 85.782735l162.045653 0c47.382147 0 85.772502-38.400588 85.772502-85.782735L416.134117 617.544825c-0.071631-12.402471-10.113335-22.456455-22.563902-22.456455-12.428054 0-22.515806 10.053983-22.573111 22.456455l0 0.069585c0 0.022513 0 0.022513 0 0.047072 0 0 0 0.046049 0 0.069585l0 233.540987c0 24.969695-20.224624 45.171806-45.148269 45.171806L172.831812 896.443859c-24.924669 0-45.148269-20.201088-45.148269-45.171806l0-92.394317 159.380964 0c13.173021 0 23.843034-10.682293 23.843034-23.830755 0-13.173021-10.670014-23.829731-23.843034-23.829731L127.682519 711.217251 127.682519 592.06143l111.720478 0c13.170974 0 23.840988-10.682293 23.840988-23.830755 0-13.173021-10.670014-23.831778-23.840988-23.831778L127.682519 544.398898 127.682519 425.2441l159.380964 0c13.173021 0 23.843034-10.670014 23.843034-23.830755 0-13.170974-10.670014-23.843034-23.843034-23.843034L127.682519 377.570311 127.682519 173.983543c0-24.936949 20.2236-45.149293 45.148269-45.149293L368.946398 128.83425c-0.124843 1.022283-0.195451 2.061962-0.195451 3.119037L368.750947 249.352091c0 13.648858 10.671037 24.715915 23.831778 24.715915s23.843034-11.066033 23.843034-24.715915L416.425759 131.953288c0-1.057075-0.071631-2.096754-0.195451-3.119037l143.168724 0 0 96.68504c0 13.648858 10.682293 24.715915 23.831778 24.715915 13.171997 0 23.830755-11.066033 23.830755-24.715915l0-96.68504 119.351272 0c-0.124843 1.022283-0.195451 2.061962-0.195451 3.119037L726.217385 249.352091c0 13.648858 10.68127 24.715915 23.829731 24.715915 13.174044 0 23.832801-11.066033 23.832801-24.715915L773.879917 131.953288c0-1.057075-0.070608-2.096754-0.195451-3.119037l76.435856 0c24.924669 0 45.148269 20.212344 45.148269 45.149293l0 168.875199 0 10.879792L459.838501 353.738533c-13.160741 0-23.840988 10.671037-23.840988 23.843034 0 13.160741 10.680247 23.831778 23.840988 23.831778l446.831768 0c2.075265 0 4.089132-0.26606 6.009877-0.76441 1.657756 0.387833 3.384074 0.599657 5.160533 0.599657 12.474103 0 22.575158-10.123568 22.575158-22.575158l0-35.815717L940.415838 169.468716C940.415838 122.084523 902.017296 83.697237 854.633103 83.697237z" fill="#272636" p-id="5692"></path></svg>',zoomout:'<svg t="1750819738144" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1403" width="200" height="200"><path d="M643.389627 423.537124 454.696113 423.537124 454.696113 234.843609c0-9.516538-7.674628-17.191166-17.191166-17.191166s-17.191166 7.674628-17.191166 17.191166l0 188.693515L231.620266 423.537124c-9.516538 0-17.191166 7.674628-17.191166 17.191166s7.674628 17.191166 17.191166 17.191166l188.693515 0 0 188.693515c0 9.516538 7.674628 17.191166 17.191166 17.191166s17.191166-7.674628 17.191166-17.191166L454.696113 457.817128l188.693515 0c9.516538 0 17.191166-7.674628 17.191166-17.191166S652.803837 423.537124 643.389627 423.537124z" p-id="1404"></path><path d="M1015.762566 994.734086 758.7137 737.68522C830.855201 659.608674 874.958729 555.336065 874.958729 440.72829 874.958729 199.131008 679.102228 3.274508 437.504947 3.274508S0.051164 199.131008 0.051164 440.72829s195.8565 437.453782 437.453782 437.453782c114.607775 0 218.982712-44.103528 296.95693-116.245028l257.048866 257.048866c6.651344 6.651344 17.60048 6.651344 24.251824 0C1022.516239 1012.232237 1022.516239 1001.38543 1015.762566 994.734086zM437.504947 843.79974c-222.666533 0-403.173778-180.507245-403.173778-403.173778s180.507245-403.173778 403.173778-403.173778 403.173778 180.507245 403.173778 403.173778S660.17148 843.79974 437.504947 843.79974z" p-id="1405"></path></svg>',zoomin:'<svg t="1750819767199" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1558" width="200" height="200"><path d="M645.410613 421.592885 232.310982 421.592885c-9.516538 0-17.191166 7.674628-17.191166 17.191166 0 9.516538 7.674628 17.191166 17.191166 17.191166l412.997302 0c9.516538 0 17.191166-7.674628 17.191166-17.191166C662.601779 429.369841 654.824823 421.592885 645.410613 421.592885z" p-id="1559"></path><path d="M1018.909164 994.529429l-257.867493-257.867493c72.346158-78.281203 116.552014-182.860797 116.552014-297.877885C877.696013 196.470471 681.225542 0 438.809633 0S0.025582 196.470471 0.025582 438.784051s196.470471 438.784051 438.784051 438.784051c115.017088 0 219.596682-44.205856 297.877885-116.552014l257.867493 257.867493c6.753672 6.753672 17.60048 6.753672 24.354152 0C1025.662836 1012.129909 1025.662836 1001.283102 1018.909164 994.529429zM438.809633 843.288098c-223.382832 0-404.401719-181.018887-404.401719-404.401719S215.52913 34.382332 438.809633 34.382332s404.401719 181.018887 404.401719 404.401719S662.192465 843.288098 438.809633 843.288098z" p-id="1560"></path></svg>',restore:'<svg t="1750819883686" class="icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1713" width="200" height="200"><path d="M0 50.959528l0 921.978615 1024.409313 0 0-921.978615L0 50.959528zM990.231638 938.862796 34.075347 938.862796 34.075347 85.137204l956.156291 0L990.231638 938.862796z" p-id="1714"></path><path d="M290.203258 768.076746c9.41421 0 17.088838-7.674628 17.088838-17.088838L307.292096 272.909763c0-9.41421-7.674628-17.088838-17.088838-17.088838-9.41421 0-17.088838 7.674628-17.088838 17.088838l0 478.078145C273.11442 760.504447 280.789048 768.076746 290.203258 768.076746z" p-id="1715"></path><path d="M495.064655 460.784651 529.24233 460.784651c9.41421 0 17.088838-7.674628 17.088838-17.088838 0-9.41421-7.674628-17.088838-17.088838-17.088838l-34.177676 0c-9.41421 0-17.088838 7.674628-17.088838 17.088838C477.975817 453.110023 485.650445 460.784651 495.064655 460.784651z" p-id="1716"></path><path d="M495.064655 597.393025 529.24233 597.393025c9.41421 0 17.088838-7.674628 17.088838-17.088838s-7.674628-17.088838-17.088838-17.088838l-34.177676 0c-9.41421 0-17.088838 7.674628-17.088838 17.088838S485.650445 597.393025 495.064655 597.393025z" p-id="1717"></path><path d="M734.103727 768.076746c9.41421 0 17.088838-7.674628 17.088838-17.088838L751.192565 272.909763c0-9.41421-7.674628-17.088838-17.088838-17.088838s-17.088838 7.674628-17.088838 17.088838l0 478.078145C717.01489 760.504447 724.689517 768.076746 734.103727 768.076746z" p-id="1718"></path></svg>',newPage:'<svg t="1751333147233" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1568" width="200" height="200"><path d="M914.181742 251.621027L672.174208 10.295205A34.085568 34.085568 0 0 0 645.587465 0.069535H134.303944a34.085568 34.085568 0 0 0-34.085569 34.085568v954.395906a34.085568 34.085568 0 0 0 34.085569 34.085568h755.336188a34.085568 34.085568 0 0 0 34.085569-34.085568V272.754079a34.085568 34.085568 0 0 0-9.543959-21.133052z m-92.712746 3.408557H666.720517V100.962816zM168.389512 954.465441V68.240671h430.159869v220.874481a34.085568 34.085568 0 0 0 34.085568 34.085568h222.919615V954.465441z" fill="#666666" p-id="1569"></path><path d="M713.758601 545.438624H548.10274V379.782763a34.085568 34.085568 0 0 0-68.171136 0V545.438624H304.731784a34.085568 34.085568 0 0 0-34.085568 34.085568 33.403857 33.403857 0 0 0 4.771979 16.361073 34.085568 34.085568 0 0 0 31.358723 21.133052h170.427841v170.42784a34.085568 34.085568 0 1 0 68.171136 0V618.38174h170.42784a34.085568 34.085568 0 0 0 34.085568-34.085568 33.403857 33.403857 0 0 0-4.771979-16.361073A34.085568 34.085568 0 0 0 713.758601 545.438624z" fill="#666666" p-id="1570"></path></svg>',folder:'<svg t="1751333431817" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2818" width="200" height="200"><path d="M928 444H820V330.4c0-17.7-14.3-32-32-32H473L355.7 186.2c-1.5-1.4-3.5-2.2-5.5-2.2H96c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h698c13 0 24.8-7.9 29.7-20l134-332c1.5-3.8 2.3-7.9 2.3-12 0-17.7-14.3-32-32-32zM136 256h188.5l119.6 114.4H748V444H238c-13 0-24.8 7.9-29.7 20L136 643.2V256z m635.3 512H159l103.3-256h612.4L771.3 768z" p-id="2819"></path></svg>',importSvg:'<svg t="1752543539387" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1256" width="200" height="200"><path d="M111.6 148.8c7.9 0 16.9 17.9 21.6 32.2 25.9 88.7 143 182.6 248.6 194.2v-1.1c0-29.6 10.6-50.7 31.7-64.4 11.1-6.9 22.7-10.6 34.8-10.6 13.7 0 27.4 4.8 39.1 13.7L645.8 438c17.9 13.2 28.5 34.8 28.5 57.5 0 22.2-10.6 43.8-28 57L487.4 678.2c-1.6 1.1-2.6 2.1-4.2 2.6-7.4 4.2-19.5 9.5-34.3 9.5-12.1 0-23.7-3.2-34.3-10-26.4-16.9-30.6-43.8-32.2-55.4l-0.5-2.1c-0.5-1.6-0.5-3.7-0.5-5.3v-5.3c-162.6-26.9-314.1-192.6-314.1-352 0-29.6 4.2-59.6 12.7-88.1 4.2-13.8 18.4-26.5 31.6-23.3z m335.2 467.1c0.5 2.6 1.1 6.9 2.1 8.4l156.2-123.5c1.6-1.1 2.6-3.2 2.6-5.3 0-2.1-0.5-3.7-2.6-5.3L447.8 365.7c0 1.1-0.5 3.2-0.5 7.9v34.8c0 17.4-13.2 31.7-30.6 32.7-104.5 7.4-213.8-61.2-280.3-145.7 22.2 123 154.1 247.5 279.7 254.4 17.4 1.1 31.1 15.3 31.1 32.7v32.7l-0.4 0.7z m0.5-0.5" p-id="1257"></path><path d="M309 916.3c-67 0-121.4-54.9-121.4-121.4V593.2h69.1v201.6c0 29 23.8 52.3 52.3 52.3h527.3c29 0 52.3-23.8 52.3-52.3V226.4c0-29-23.8-52.3-52.3-52.3H399.8v-69.7h436.5c67 0 121.9 54.9 121.9 121.9v567.9c0 67-54.9 121.9-121.9 121.9H309v0.2z m0 0" p-id="1258"></path><path d="M841.6 626H729.1v-59.1h112.4V626z m0 154.1H545.5V721h296.1v59.1z m0-425.4h-237v-59.1h237v59.1z m0 140.9H729.1v-59.1h112.4v59.1z m0-59.1" p-id="1259"></path></svg>',exportSvg:'<svg t="1752543591120" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1408" width="200" height="200"><path d="M394.6 689.8c-13.2 3.2-27.4-9.5-31.7-23.2-8.4-28.5-12.7-58.6-12.7-88.1 0-159.4 151.5-325.1 314.1-352.1v-5.3c0-1.6 0-3.7 0.5-5.3l0.5-2.1c1.6-11.6 5.8-38.5 32.2-55.4 10.6-6.9 22.2-10 34.3-10 14.8 0 26.9 5.3 34.3 9.5 1.6 0.5 2.6 1.6 4.2 2.6L929.2 286c17.4 13.2 28 34.8 28 57 0 22.7-10.6 44.3-28.5 57.5L770.5 525.7c-11.6 9-25.3 13.7-39.1 13.7-12.1 0-23.8-3.7-34.8-10.6-21.1-13.7-31.7-34.8-31.7-64.4v-1.1C559.3 475 442.2 569 416.3 657.6c-4.8 14.3-13.7 32.2-21.7 32.2z m335.7-466.6V256c0 17.4-13.7 31.7-31.1 32.7-125.6 6.9-257.6 131.4-279.7 254.4C486 458.7 595.2 390 699.7 397.4c17.4 1.1 30.6 15.3 30.6 32.7V465c0 4.7 0.5 6.9 0.5 7.9l157.3-124.6c2.1-1.6 2.6-3.2 2.6-5.3 0-2.1-1.1-4.2-2.6-5.3L731.9 214.3c-1.1 1.6-1.6 5.8-2.1 8.4l0.5 0.5z m0 0" p-id="1409"></path><path d="M715.6 916.3H188.3c-67 0-121.9-54.9-121.9-121.9v-568c0-67 54.9-121.9 121.9-121.9h436.5v69.7H188.3c-28.5 0-52.3 23.2-52.3 52.3V795c0 28.5 23.2 52.3 52.3 52.3h527.3c28.5 0 52.3-23.2 52.3-52.3V593.2H837v201.6c0 66.6-54.4 121.5-121.4 121.5z m0 0" p-id="1410"></path><path d="M183 566.9h112.4V626H183v-59.1z m0 154.1h296.1v59.1H183V721z m0-425.4h237v59.1H183v-59.1z m0 140.9h112.4v59.1H183v-59.1z m0 0" p-id="1411"></path></svg>',preview:'<svg t="1752547223697" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3654" width="200" height="200"><path d="M242.526316 215.578947h431.157895v53.894737H242.526316V215.578947z m431.157895 269.473685H242.526316V431.157895h431.157895v53.894737z m323.368421 323.368421c0 88.279579-144.761263 215.578947-323.368421 215.578947s-323.368421-127.353263-323.368422-215.578947a164.055579 164.055579 0 0 1 53.894737-107.789474H242.526316v-53.894737h215.578947v10.778947a388.042105 388.042105 0 0 1 377.263158-28.725894V53.894737H80.842105v862.315789h323.368421v53.894737H26.947368V0h862.31579v658.054737A208.357053 208.357053 0 0 1 997.052632 808.421053z m-134.736843-107.789474H835.368421v-14.928842A356.675368 356.675368 0 0 0 673.684211 646.736842c-148.857263 0-269.473684 91.136-269.473685 161.684211 0 66.182737 120.616421 161.684211 269.473685 161.68421s269.473684-95.501474 269.473684-161.68421a149.989053 149.989053 0 0 0-80.842106-107.789474zM673.684211 916.210526a107.789474 107.789474 0 1 1 107.789473-107.789473 107.789474 107.789474 0 0 1-107.789473 107.789473z m0-161.68421a53.894737 53.894737 0 1 0 53.894736 53.894737 53.894737 53.894737 0 0 0-53.894736-53.894737z" fill="#484D55" p-id="3655"></path></svg>',addSvg:'<svg t="1752651440274" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1603" width="200" height="200"><path d="M768 505.6a6.4 6.4 0 0 1 2.005333 12.458667L768 518.4H256a6.4 6.4 0 0 1-2.005333-12.458667L256 505.6h512z" fill="#292D32" p-id="1604"></path><path d="M512 249.6a6.4 6.4 0 0 1 6.058667 4.394667L518.4 256v512a6.4 6.4 0 0 1-12.458667 2.005333L505.6 768V256a6.4 6.4 0 0 1 6.4-6.4z" fill="#292D32" p-id="1605"></path></svg>'},__=e.defineComponent({name:"comp-svg-icon",props:{name:{type:String,required:!0},className:{type:String,default:""}},setup(n){return{svgContent:f_[n.name]?.replace(/width="[^"]*"/,"").replace(/height="[^"]*"/,""),svgClass:e.computed(()=>`comp-svg-icon ${n.className}`)}}});function h_(n,o,a,t,r,i){return e.openBlock(),e.createElementBlock("svg",{innerHTML:n.svgContent,class:e.normalizeClass(n.svgClass)},null,10,["innerHTML"])}const m_=J(__,[["render",h_],["__scopeId","data-v-c17f5289"],["__file","index.vue"]]),Ll=[{key:"left",label:"x 坐标"},{key:"top",label:"y 坐标"},{key:"rotate",label:"旋转角度"},{key:"width",label:"宽"},{key:"height",label:"高"},{key:"color",label:"颜色"},{key:"backgroundColor",label:"背景色"},{key:"borderWidth",label:"边框宽度"},{key:"borderStyle",label:"边框风格"},{key:"borderColor",label:"边框颜色"},{key:"borderRadius",label:"边框半径"},{key:"fontSize",label:"字体大小"},{key:"fontWeight",label:"字体粗细"},{key:"lineHeight",label:"行高"},{key:"letterSpacing",label:"字间距"},{key:"textAlign",label:"左右对齐"},{key:"verticalAlign",label:"上下对齐"},{key:"opacity",label:"不透明度"},{key:"isHide",label:"隐藏"},{key:"hAffix",label:"水平设置"},{key:"wdSet",label:"宽度设置"},{key:"wdReserve",label:"宽度铺满预留"},{key:"vAffix",label:"垂直设置"},{key:"htSet",label:"高度设置"},{key:"htReserve",label:"高度铺满预留"},{key:"showDashBorder",label:"显示虚线边框"}],g_=[{label:"左对齐",value:"left"},{label:"居中",value:"center"},{label:"右对齐",value:"right"}],C_=[{label:"实线",value:"solid"},{label:"虚线",value:"dashed"}],x_=[{label:"上对齐",value:"top"},{label:"居中对齐",value:"middle"},{label:"下对齐",value:"bottom"}],y_=[{label:"浮动计算",value:"calc"},{label:"固定左侧",value:"left"},{label:"固定右侧",value:"right"},{label:"固定中间",value:"center"}],b_=[{label:"浮动计算",value:"calc"},{label:"固定宽度",value:"fixedWd"},{label:"铺满整宽",value:"overspread"}],w_=[{label:"浮动计算",value:"calc"},{label:"固定顶部",value:"top"},{label:"固定底部",value:"bottom"},{label:"固定中间",value:"middle"}],V_=[{label:"浮动计算",value:"calc"},{label:"固定高度",value:"fixedHt"},{label:"铺满整高",value:"overspread"}],D_=["textAlign","borderStyle","verticalAlign","hAffix","wdSet","vAffix","htSet"],N_={textAlign:g_,borderStyle:C_,verticalAlign:x_,hAffix:y_,wdSet:b_,vAffix:w_,htSet:V_},E_=["isHide","showDashBorder"],k_=Object.assign({name:"VECommonAttr"},{__name:"VECommonAttr",props:["pageId","formSize"],setup(n,{expose:o}){o();const a=n,t=ne(a.pageId);let r={};const i=e.computed(()=>t.curComponent),s=e.computed(()=>{if(i.value){const g=Object.keys(i.value.style);return Ll.filter(x=>g.includes(x.key))}return[]}),l=e.computed({get:()=>i.value?.collapseName||"",set:g=>{i.value.collapseName=g}}),w={props:a,editorStore:t,get initialStyle(){return r},set initialStyle(g){r=g},curComponent:i,styleKeys:s,activeName:l,setInitial:g=>{r=JSON.parse(JSON.stringify(g))},setFontSize:()=>{const g=i.value.style.fontSize/r.fontSize,x={width:(g*r.width).toFixed(4),height:(g*r.height).toFixed(4),padding:(g*r.padding).toFixed(4)};this.curComponent.style={...i.value.style,...x},t.setShapeStyle(i.value.style),t.recordSnapshot()},onChange:()=>{},updateCompId:()=>{xt.confirm("确认更新组件的Id?","提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{i.value.id=Ce(Ne.Component)}).catch(()=>{})},isIncludesColor:g=>g.toLowerCase().includes("color"),get ElMessageBox(){return xt},get useEditorStore(){return ne},computed:e.computed,ref:e.ref,watch:e.watch,get generatePrefixID(){return Ce},get selectKey(){return D_},get optionMap(){return N_},get switchKey(){return E_},get styleData(){return Ll},get Refresh(){return ru},get IdPrefix(){return Ne}};return Object.defineProperty(w,"__isScriptSetup",{enumerable:!1,value:!0}),w}});function T_(n,o,a,t,r,i){const s=e.resolveComponent("el-input"),l=e.resolveComponent("el-form-item"),c=e.resolveComponent("el-button"),f=e.resolveComponent("el-form"),d=e.resolveComponent("el-collapse-item"),h=e.resolveComponent("el-color-picker"),y=e.resolveComponent("el-option"),w=e.resolveComponent("el-select"),g=e.resolveComponent("el-switch"),x=e.resolveComponent("el-input-number"),p=e.resolveComponent("el-collapse");return e.openBlock(),e.createElementBlock("div",{class:"v-common-attr",onMousedown:o[5]||(o[5]=u=>t.setInitial(t.curComponent.style))},[e.createVNode(p,{modelValue:t.activeName,"onUpdate:modelValue":o[4]||(o[4]=u=>t.activeName=u),class:"elCollapse",accordion:"",onChange:t.onChange},{default:e.withCtx(()=>[e.createVNode(d,{title:"通用",name:"baseInfo"},{default:e.withCtx(()=>[e.createVNode(f,{size:a.formSize,"label-width":"100","label-position":"left",style:{padding:"10px"}},{default:e.withCtx(()=>[e.createVNode(l,{label:"组件"},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:t.curComponent.label,"onUpdate:modelValue":o[0]||(o[0]=u=>t.curComponent.label=u),disabled:"",type:"text",class:"common-item"},null,8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(l,{label:"组件类型"},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:t.curComponent.component,"onUpdate:modelValue":o[1]||(o[1]=u=>t.curComponent.component=u),disabled:"",type:"text",class:"common-item"},null,8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(l,{label:"组件ID"},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:t.curComponent.id,"onUpdate:modelValue":o[2]||(o[2]=u=>t.curComponent.id=u),disabled:"",type:"text",class:"common-item"},{append:e.withCtx(()=>[e.createVNode(c,{icon:t.Refresh,onClick:t.updateCompId},null,8,["icon"])]),_:1},8,["modelValue"])]),_:1}),e.createTextVNode(),e.createVNode(l,{label:"组件名称"},{default:e.withCtx(()=>[e.createVNode(s,{modelValue:t.curComponent.compName,"onUpdate:modelValue":o[3]||(o[3]=u=>t.curComponent.compName=u),type:"text",class:"common-item"},null,8,["modelValue"])]),_:1})]),_:1},8,["size"])]),_:1}),e.createTextVNode(),e.createVNode(d,{title:"通用样式",name:"style"},{default:e.withCtx(()=>[e.createVNode(f,{size:a.formSize,"label-width":"100","label-position":"left",style:{padding:"10px"}},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.styleKeys,({key:u,label:m},C)=>(e.openBlock(),e.createBlock(l,{key:C,label:m},{default:e.withCtx(()=>[t.isIncludesColor(u)?(e.openBlock(),e.createBlock(h,{key:0,modelValue:t.curComponent.style[u],"onUpdate:modelValue":D=>t.curComponent.style[u]=D,"show-alpha":""},null,8,["modelValue","onUpdate:modelValue"])):t.selectKey.includes(u)?(e.openBlock(),e.createBlock(w,{key:1,modelValue:t.curComponent.style[u],"onUpdate:modelValue":D=>t.curComponent.style[u]=D,class:"common-item"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.optionMap[u],D=>(e.openBlock(),e.createBlock(y,{key:D.value,label:D.label,value:D.value},null,8,["label","value"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue"])):t.switchKey.includes(u)?(e.openBlock(),e.createBlock(g,{key:2,modelValue:t.curComponent.style[u],"onUpdate:modelValue":D=>t.curComponent.style[u]=D},null,8,["modelValue","onUpdate:modelValue"])):(e.openBlock(),e.createBlock(x,{key:3,modelValue:t.curComponent.style[u],"onUpdate:modelValue":D=>t.curComponent.style[u]=D,modelModifiers:{number:!0},type:"number",class:"common-item"},null,8,["modelValue","onUpdate:modelValue"]))]),_:2},1032,["label"]))),128))]),_:1},8,["size"])]),_:1}),e.createTextVNode(),e.createVNode(d,{title:"组件属性",name:"attr"},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default",{},void 0,!0)]),_:3})]),_:3},8,["modelValue"])],32)}const S_=[c_,p_,m_,J(k_,[["render",T_],["__scopeId","data-v-83204aa1"],["__file","VECommonAttr.vue"]])],zo=n=>{zo.installed||(zo.installed=!0,S_.forEach(o=>{n.component(o.name,o)}))},B_={install:zo,useVEStore:dt};Pe.default=B_,Pe.useEditorStore=ne,Pe.useVEStore=dt,Object.defineProperties(Pe,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});