@leafer-in/editor
Version:
3 lines (2 loc) • 47.7 kB
JavaScript
"use strict";var t=require("@leafer-ui/draw"),e=require("@leafer-ui/core");function i(t,e,i,s){var o,r=arguments.length,n=r<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,i,s);else for(var a=t.length-1;a>=0;a--)(o=t[a])&&(n=(r<3?o(n):r>3?o(e,i,n):o(e,i))||n);return r>3&&n&&Object.defineProperty(e,i,n),n}function s(e){return e?t.isArray(e)?e:[e]:[]}require("@leafer-in/resize"),"function"==typeof SuppressedError&&SuppressedError;class o extends t.Event{get list(){return s(this.value)}get oldList(){return s(this.oldValue)}constructor(t,e){super(t),e&&Object.assign(this,e)}}function r(e){return(i,s)=>{const r="_"+s;t.defineKey(i,s,{get(){return this[r]},set(i){const n=this[r];if(n!==i){const a=this;if(a.config){const e="target"===s;if(e){const{beforeSelect:e}=a.config;if(e){const s=e({target:i});if(t.isObject(s))i=s;else if(!1===s)return}a.hasDimOthers&&a.cancelDimOthers(),t.isArray(i)&&i.length>1&&i[0].locked&&i.splice(0,1),a.single&&(delete a.element.syncEventer,delete a.element.__world.ignorePixelSnap)}const r=e?o.BEFORE_SELECT:o.BEFORE_HOVER;this.hasEvent(r)&&this.emitEvent(new o(r,{editor:a,value:i,oldValue:n}))}this[r]=i,e(this,n)}}})}}o.BEFORE_SELECT="editor.before_select",o.SELECT="editor.select",o.AFTER_SELECT="editor.after_select",o.BEFORE_HOVER="editor.before_hover",o.HOVER="editor.hover";const{abs:n}=Math,{copy:a}=t.MatrixHelper,{setListWithFn:h}=t.BoundsHelper,{worldBounds:l}=t.LeafBoundsHelper,d=t.getMatrixData(),c=t.getBoundsData();class g extends t.UI{constructor(){super(),this.list=[],this.visible=0,this.hittable=!1,this.strokeAlign="center"}setTarget(t,e){e&&this.set(e),this.target=t,this.update()}update(t){const{list:e}=this;e.length?(h(c,e,l),t&&this.set(t),this.set(c),this.visible=!0):this.visible=0}__draw(e,i){const{list:s}=this;if(s.length){let o;const r=this.__,{stroke:h,strokeWidth:l,fill:c}=r,{bounds:g}=i;for(let u=0;u<s.length;u++){o=s[u];const{worldTransform:f,worldRenderBounds:p}=o;if(p.width&&p.height&&(!g||g.hit(p,i.matrix))){const s=n(f.scaleX),g=n(f.scaleY);if(a(d,f),d.half=l%2,e.setWorld(d,i.matrix),e.beginPath(),"path"===this.strokePathType||o.__.__useArrow?o.__drawPath(e):o.__.__pathForRender?o.__drawRenderPath(e):o.__drawPathByBox(e),r.strokeWidth=l/Math.max(s,g),r.shadow){const i=r.shadow[0],{scaleX:s,scaleY:o}=this.getRenderScaleData(!0,i.scaleFixed);e.save(),e.setWorldShadow(i.x*s,i.y*o,i.blur*s,t.ColorConvert.string(i.color))}h&&(t.isString(h)?t.Paint.stroke(h,this,e,i):t.Paint.strokes(h,this,e,i)),c&&(t.isString(c)?t.Paint.fill(c,this,e,i):t.Paint.fills(c,this,e,i)),r.shadow&&e.restore()}}r.strokeWidth=l}}destroy(){this.target=null,super.destroy()}}i([r(function(e){const i=e.target;e.list=i?t.isArray(i)?i:[i]:[]})],g.prototype,"target",void 0),i([t.surfaceType("render-path")],g.prototype,"strokePathType",void 0);class u extends t.Group{constructor(e){super(e),this.strokeArea=new t.Rect({strokeAlign:"center"}),this.fillArea=new t.Rect,this.visible=0,this.hittable=!1,this.addMany(this.fillArea,this.strokeArea)}setStyle(t,e){const{visible:i,stroke:s,strokeWidth:o}=t;this.visible=i,this.strokeArea.reset(Object.assign({stroke:s,strokeWidth:o},e||{})),this.fillArea.reset({visible:!e,fill:s,opacity:.2})}setBounds(t){this.strokeArea.set(t),this.fillArea.set(t)}}const f={findOne:t=>t.list.find(t=>t.editable),findByBounds(t,e){const i=[];return p([t],i,e),i}};function p(t,e,i){let s,o;for(let r=0,n=t.length;r<n;r++)if(s=t[r],o=s.__,o.hittable&&o.visible&&!o.locked&&i.hit(s.__world)){if(o.editable){if(s.isBranch&&!o.hitChildren){o.hitSelf&&e.push(s);continue}if(s.isFrame){if(i.includes(s.__layout.boxBounds,s.__world)){e.push(s);continue}}else i.hit(s.__layout.boxBounds,s.__world)&&o.hitSelf&&e.push(s)}s.isBranch&&p(s.children,e,i)}}const{findOne:E,findByBounds:m}=f;class v extends t.Group{get dragging(){return!!this.originList}get running(){const{editor:t,app:e}=this;return this.hittable&&t.visible&&t.hittable&&t.mergeConfig.selector&&e&&"normal"===e.mode}get isMoveMode(){const{app:t}=this;return t&&t.interaction.moveMode}constructor(e){super(),this.hoverStroker=new g,this.targetStroker=new g,this.bounds=new t.Bounds,this.selectArea=new u,this.__eventIds=[],this.editor=e,this.addMany(this.targetStroker,this.hoverStroker,this.selectArea),this.__listenEvents()}onHover(){const{editor:t}=this;if(!this.running||this.dragging||t.dragging)this.hoverStroker.target=null;else{const{hoverTarget:e,mergeConfig:i}=t,s=Object.assign({},i);e&&e.editConfig&&Object.assign(s,e.editConfig);const{stroke:o,strokeWidth:r,hover:n,hoverStyle:a}=s;this.hoverStroker.setTarget(n?e:null,Object.assign({stroke:o,strokeWidth:r},a||{}))}}onSelect(){this.running&&(this.targetStroker.setTarget(this.editor.list),this.hoverStroker.target=null)}update(){this.hoverStroker.update();const{stroke:t,strokeWidth:e,selectedPathType:i,selectedStyle:s}=this.editor.mergedConfig;this.targetStroker.update(Object.assign({stroke:t,strokeWidth:e&&Math.max(1,e/2),strokePathType:i},s||{}))}onPointerMove(t){const{app:e,editor:i}=this;if(this.running&&!this.isMoveMode&&e.interaction.canHover&&!e.interaction.dragging){const e=this.findUI(t);i.hoverTarget=i.hasItem(e)?null:e}this.isMoveMode&&(i.hoverTarget=null)}onBeforeDown(t){if(t.multiTouch)return;const{select:e}=this.editor.mergeConfig;"press"===e&&(this.app.config.mobile?this.waitSelect=()=>this.checkAndSelect(t):this.checkAndSelect(t))}onTap(t){if(t.multiTouch)return;const{editor:e}=this,{select:i,selectKeep:s}=e.mergeConfig;"tap"===i?this.checkAndSelect(t):this.waitSelect&&this.waitSelect(),this.needRemoveItem?e.removeItem(this.needRemoveItem):this.isMoveMode&&(s||(e.target=null))}checkAndSelect(t){if(this.needRemoveItem=null,this.allowSelect(t)){const{editor:e}=this,i=this.findUI(t);i?(this.isMultipleSelect(t)?e.hasItem(i)?this.needRemoveItem=i:e.addItem(i):e.target=i,t.path.needUpdate=!0):this.allow(t.target)&&(this.isHoldMultipleSelectKey(t)||this.editor.mergedConfig.selectKeep||(e.target=null))}}onDragStart(t){if(!t.multiTouch&&(this.waitSelect&&this.waitSelect(),this.allowDrag(t))){const{editor:e}=this,{stroke:i,area:s}=e.mergeConfig,{x:o,y:r}=t.getInnerPoint(this);this.bounds.set(o,r),this.selectArea.setStyle({visible:!0,stroke:i,x:o,y:r},s),this.selectArea.setBounds(this.bounds.get()),this.originList=e.leafList.clone()}}onDrag(e){if(!e.multiTouch){if(this.editor.dragging)return this.onDragEnd(e);if(this.dragging){const{editor:i}=this,s=e.getInnerTotal(this),o=this.bounds.clone().unsign(),r=new t.LeafList(m(i.app,o));if(this.bounds.width=s.x,this.bounds.height=s.y,this.selectArea.setBounds(o.get()),r.length){const t=[];this.originList.forEach(e=>{r.has(e)||t.push(e)}),r.forEach(e=>{this.originList.has(e)||t.push(e)}),(t.length!==i.list.length||i.list.some((e,i)=>e!==t[i]))&&(i.target=t)}else i.target=this.originList.list}}}onDragEnd(t){t.multiTouch||this.dragging&&(this.originList=null,this.selectArea.visible=0)}onAutoMove(t){if(this.dragging){const{x:e,y:i}=t.getLocalMove(this);this.bounds.x+=e,this.bounds.y+=i}}allow(t){return t.leafer!==this.editor.leafer}allowDrag(t){const{boxSelect:e,multipleSelect:i}=this.editor.mergeConfig;return!(!(this.running&&i&&e)||t.target.draggable)&&(!this.editor.editing&&this.allow(t.target)||this.isHoldMultipleSelectKey(t)&&!E(t.path))}allowSelect(t){return this.running&&!this.isMoveMode&&!t.middle}findDeepOne(e){const i={exclude:new t.LeafList(this.editor.editBox.rect)};return E(e.target.leafer.interaction.findPath(e,i))}findUI(t){return this.isMultipleSelect(t)?this.findDeepOne(t):E(t.path)}isMultipleSelect(t){const{multipleSelect:e,continuousSelect:i}=this.editor.mergeConfig;return e&&(this.isHoldMultipleSelectKey(t)||i)}isHoldMultipleSelectKey(t){const{multipleSelectKey:e}=this.editor.mergedConfig;return e?t.isHoldKeys(e):t.shiftKey}__listenEvents(){const{editor:t}=this;t.waitLeafer(()=>{const{app:i}=t;i.selector.proxy=t,this.__eventIds=[t.on_([[o.HOVER,this.onHover,this],[o.SELECT,this.onSelect,this]]),i.on_([[e.PointerEvent.MOVE,this.onPointerMove,this],[e.PointerEvent.BEFORE_DOWN,this.onBeforeDown,this],[e.PointerEvent.TAP,this.onTap,this],[e.DragEvent.START,this.onDragStart,this,!0],[e.DragEvent.DRAG,this.onDrag,this],[e.DragEvent.END,this.onDragEnd,this],[e.MoveEvent.MOVE,this.onAutoMove,this],[[e.ZoomEvent.ZOOM,e.MoveEvent.MOVE],()=>{this.editor.hoverTarget=null}]])]})}__removeListenEvents(){this.off_(this.__eventIds)}destroy(){this.editor=this.originList=this.needRemoveItem=null,this.__removeListenEvents(),super.destroy()}}const{topLeft:b,top:w,topRight:y,right:x,bottomRight:L,bottom:k,bottomLeft:T,left:O}=t.Direction9,{toPoint:S}=t.AroundHelper,{within:_,sign:M}=t.MathHelper,{abs:B}=Math,C={getScaleData(i,s,o,r,n,a,h,l){let d,c,g={},u=1,f=1;const{boxBounds:p,widthRange:E,heightRange:m,dragBounds:v,worldBoxBounds:C}=i,{width:R,height:P}=s,H=i.scaleX/s.scaleX,D=i.scaleY/s.scaleY,A=M(H),I=M(D),V=l?H:A*p.width/R,z=l?D:I*p.height/P;if(t.isNumber(r))u=f=Math.sqrt(r);else{a&&(r.x*=2,r.y*=2),r.x*=l?H:A,r.y*=l?D:I;const t=(-r.y+P)/P,e=(r.x+R)/R,i=(r.y+P)/P,s=(-r.x+R)/R;switch(o){case w:f=t,d="bottom";break;case x:u=e,d="left";break;case k:f=i,d="top";break;case O:u=s,d="right";break;case b:f=t,u=s,d="bottom-right";break;case y:f=t,u=e,d="bottom-left";break;case L:f=i,u=e,d="top-left";break;case T:f=i,u=s,d="top-right"}if(n)if("corner"===n&&o%2)n=!1;else switch(o){case w:case k:u=f;break;case O:case x:f=u;break;default:c=Math.sqrt(B(u*f)),u=M(u)*c,f=M(f)*c}}const F=1!==u,Z=1!==f;if(F&&(u/=V),Z&&(f/=z),!h){const{worldTransform:t}=i;u<0&&(u=1/p.width/t.scaleX),f<0&&(f=1/p.height/t.scaleY)}if(S(a||d,p,g,!0),v){const t={x:u,y:f};e.DragBoundsHelper.limitScaleOf(i,g,t,n),u=t.x,f=t.y}if(F&&E){const t=p.width*i.scaleX;u=_(t*u,E)/t}if(Z&&m){const t=p.height*i.scaleY;f=_(t*f,m)/t}return F&&B(u*C.width)<1&&(u=M(u)/C.width),Z&&B(f*C.height)<1&&(f=M(f)/C.height),n&&u!==f&&(c=Math.min(B(u),B(f)),u=M(u)*c,f=M(f)*c),isFinite(u)||(u=1),isFinite(f)||(f=1),{origin:g,scaleX:u,scaleY:f,direction:o,lockRatio:n,around:a}},getRotateData(e,i,s,o,r){let n,a={};switch(i){case b:n="bottom-right";break;case y:n="bottom-left";break;case L:n="top-left";break;case T:n="top-right";break;default:n="center"}return S(r||n,e.boxBounds,a,!0),{origin:a,rotation:t.PointHelper.getRotation(o,e.getWorldPointByBox(a),s)}},getSkewData(e,i,s,o){let r,n,a={},h=0,l=0;switch(i){case w:case b:n={x:.5,y:0},r="bottom",h=1;break;case k:case L:n={x:.5,y:1},r="top",h=1;break;case O:case T:n={x:0,y:.5},r="right",l=1;break;case x:case y:n={x:1,y:.5},r="left",l=1}const{width:d,height:c}=e;n.x=n.x*d,n.y=n.y*c,S(o||r,e,a,!0);const g=t.PointHelper.getRotation(n,a,{x:n.x+(h?s.x:0),y:n.y+(l?s.y:0)});return h?h=-g:l=g,{origin:a,skewX:h,skewY:l}},getAround:(t,e)=>e&&!t?"center":t,getRotateDirection:(t,e,i=8)=>((t=(t+Math.round(e/(360/i)))%i)<0&&(t+=i),t),getFlipDirection(t,e,i){if(e)switch(t){case O:t=x;break;case b:t=y;break;case T:t=L;break;case x:t=O;break;case y:t=b;break;case L:t=T}if(i)switch(t){case w:t=k;break;case b:t=T;break;case y:t=L;break;case k:t=w;break;case T:t=b;break;case L:t=y}return t}},R={};function P(e,i){const{enterPoint:s,dragging:o,skewing:r,resizing:n,flippedX:a,flippedY:h}=e;if(!s||!e.editor.editing||!e.canUse)return;if("rect"===s.name)return H(e);if("circle"===s.name)return;let{rotation:l}=e;const{pointType:d}=s,{moveCursor:c,resizeCursor:g,rotateCursor:u,skewCursor:f,moveable:p,resizeable:E,rotateable:m,skewable:v}=e.mergeConfig;if("move"===d)return s.cursor=c,void(p||(s.visible=!1));if("button"===d)return void(s.cursor||(s.cursor="pointer"));let b=d.includes("resize");b&&m&&(e.isHoldRotateKey(i)||!E)&&(b=!1);const w=v&&!b&&("resize-line"===s.name||"skew"===d),y=o?r?f:n?g:u:w?f:b?g:u;l+=45*(C.getFlipDirection(s.direction,a,h)+1),l=2*Math.round(t.MathHelper.formatRotation(l,!0)/2);const{url:x,x:L,y:k}=y,T=x+l;R[T]?s.cursor=R[T]:R[T]=s.cursor={url:D(x,l),x:L,y:k}}function H(t){const{moveCursor:e,moveable:i}=t.mergeConfig;t.canUse&&(t.rect.cursor=i?e:void 0)}function D(t,e){return'"data:image/svg+xml,'+encodeURIComponent(t.replace("{{rotation}}",e.toString()))+'"'}class A extends t.Box{constructor(t){super(t),this.useFastShadow=!0}}const I=["top","right","bottom","left"],V=void 0;class z extends t.Group{get mergeConfig(){const{config:t}=this,{mergeConfig:e,editBox:i}=this.editor;return this.mergedConfig=t&&i!==this?Object.assign(Object.assign({},e),t):e}get target(){return this._target||this.editor.element}set target(t){this._target=t}get single(){return!!this._target||this.editor.single}get transformTool(){return this._transformTool||this.editor}set transformTool(t){this._transformTool=t}get flipped(){return this.flippedX||this.flippedY}get flippedX(){return this.scaleX<0}get flippedY(){return this.scaleY<0}get flippedOne(){return this.scaleX*this.scaleY<0}get canUse(){return this.app&&this.editor.editing}get canGesture(){if(!this.canUse)return!1;const{moveable:e,resizeable:i,rotateable:s}=this.mergeConfig;return t.isString(e)||t.isString(i)||t.isString(s)}get canDragLimitAnimate(){return this.moving&&this.mergeConfig.dragLimitAnimate&&this.target.dragBounds}constructor(e){super(),this.view=new t.Group,this.rect=new A({name:"rect",hitFill:"all",hitStroke:"none",strokeAlign:"center",hitRadius:5}),this.circle=new A({name:"circle",strokeAlign:"center",around:"center",cursor:"crosshair",hitRadius:5}),this.buttons=new t.Group({around:"center",hitSelf:!1,visible:0}),this.resizePoints=[],this.rotatePoints=[],this.resizeLines=[],this.dragStartData={},this.__eventIds=[],this.editor=e,this.visible=!1,this.create(),this.__listenEvents()}create(){let t,e,i;const{view:s,resizePoints:o,rotatePoints:r,resizeLines:n,rect:a,circle:h,buttons:l}=this,d=["bottom-right","bottom","bottom-left","left","top-left","top","top-right","right"];for(let s=0;s<8;s++)t=new A({name:"rotate-point",around:d[s],width:15,height:15,hitFill:"all"}),r.push(t),this.listenPointEvents(t,"rotate",s),s%2&&(e=new A({name:"resize-line",around:"center",width:10,height:10,hitFill:"all"}),n.push(e),this.listenPointEvents(e,"resize",s)),i=new A({name:"resize-point",hitRadius:5}),o.push(i),this.listenPointEvents(i,"resize",s);this.listenPointEvents(h,"rotate",2),this.listenPointEvents(a,"move",8),s.addMany(...r,a,h,l,...n,...o),this.add(s)}load(){const{target:e,mergeConfig:i,single:s,rect:o,circle:r,resizePoints:n,resizeLines:a}=this,{stroke:h,strokeWidth:l,ignorePixelSnap:d}=i,c=this.getPointsStyle(),g=this.getMiddlePointsStyle(),u=this.getResizeLinesStyle();let f;this.visible=!e.locked;for(let t=0;t<8;t++)f=n[t],f.set(this.getPointStyle(t%2?g[(t-1)/2%g.length]:c[t/2%c.length])),f.rotation=(t-(t%2?1:0))/2*90,t%2&&a[(t-1)/2].set(Object.assign({pointType:"resize",rotation:(t-1)/2*90},u[(t-1)/2%u.length]||{}));r.set(this.getPointStyle(i.circle||i.rotatePoint||c[0])),o.set(Object.assign({stroke:h,strokeWidth:l,opacity:1,editConfig:V},i.rect||{}));const p=t.isNull(i.rectThrough)?s:i.rectThrough;o.hittable=!p,p&&(e.syncEventer=o,this.app.interaction.bottomList=[{target:o,proxy:e}]),s&&t.DataHelper.stintSet(e.__world,"ignorePixelSnap",d),H(this)}update(){const{editor:t}=this,{x:e,y:i,scaleX:s,scaleY:o,rotation:r,skewX:n,skewY:a,width:h,height:l}=this.target.getLayoutBounds("box",t,!0);this.visible=!this.target.locked,this.set({x:e,y:i,scaleX:s,scaleY:o,rotation:r,skewX:n,skewY:a}),this.updateBounds({x:0,y:0,width:h,height:l})}unload(){this.visible=!1,this.app&&(this.rect.syncEventer=this.app.interaction.bottomList=null)}updateBounds(e){const{editor:i,mergeConfig:s,single:o,rect:r,circle:n,buttons:a,resizePoints:h,rotatePoints:l,resizeLines:d}=this,{editMask:c}=i,{middlePoint:g,resizeable:u,rotateable:f,hideOnSmall:p,editBox:E,mask:m,dimOthers:v,bright:b,spread:w,hideRotatePoints:y,hideResizeLines:x}=s;if(c.visible=!!m||0,t.isUndefined(v)&&t.isUndefined(b)?i.hasDimOthers&&i.cancelDimOthers():(i.setDimOthers(v),i.setBright(!!v||b),i.hasDimOthers=!0),w&&t.BoundsHelper.spread(e,w),this.view.worldOpacity){const{width:i,height:c}=e,m=t.isNumber(p)?p:10,v=E&&!(p&&i<m&&c<m);let b,w,L,k={};for(let s=0;s<8;s++)t.AroundHelper.toPoint(t.AroundHelper.directionData[s],e,k),w=h[s],b=l[s],w.set(k),b.set(k),w.visible=v&&!(!u&&!f),b.visible=v&&f&&u&&!y,s%2&&(L=d[(s-1)/2],L.set(k),L.visible=w.visible&&!x,w.visible&&(w.visible=!!g),b.visible&&(b.visible=!!g),(s+1)/2%2?(L.width=i+L.height,p&&2*w.width>i&&(w.visible=!1)):(L.width=c+L.height,p&&2*w.width>c&&(w.visible=!1)));n.visible=v&&f&&!(!s.circle&&!s.rotatePoint),n.visible&&this.layoutCircle(),r.path&&(r.path=null),r.set(Object.assign(Object.assign({},e),{visible:!o||E})),a.visible=v&&a.children.length>0||0,a.visible&&this.layoutButtons()}else r.set(e)}layoutCircle(){const{circleDirection:t,circleMargin:e,buttonsMargin:i,buttonsDirection:s,middlePoint:o}=this.mergedConfig,r=I.indexOf(t||(this.buttons.children.length&&"bottom"===s?"top":"bottom"));this.setButtonPosition(this.circle,r,e||i,!!o)}layoutButtons(){const{buttons:t}=this,{buttonsDirection:e,buttonsFixed:i,buttonsMargin:s,middlePoint:o}=this.mergedConfig,{flippedX:r,flippedY:n}=this;let a=I.indexOf(e);(a%2&&r||(a+1)%2&&n)&&i&&(a=(a+2)%4);const h=i?C.getRotateDirection(a,this.flippedOne?this.rotation:-this.rotation,4):a;this.setButtonPosition(t,h,s,!!o),i&&(t.rotation=90*(h-a)),t.scaleX=r?-1:1,t.scaleY=n?-1:1}setButtonPosition(t,e,i,s){const o=this.resizePoints[2*e+1],r=e%2,n=e&&3!==e?1:-1,a=(i+(e%2?(s?o.width:0)+t.boxBounds.width:(s?o.height:0)+t.boxBounds.height)/2)*n;r?(t.x=o.x+a,t.y=o.y):(t.x=o.x,t.y=o.y+a)}getPointStyle(t){const{stroke:e,strokeWidth:i,pointFill:s,pointSize:o,pointRadius:r}=this.mergedConfig,n={fill:s,stroke:e,strokeWidth:i,around:"center",strokeAlign:"center",opacity:1,width:o,height:o,cornerRadius:r,offsetX:0,offsetY:0,editConfig:V};return t?Object.assign(n,t):n}getPointsStyle(){const{point:e}=this.mergedConfig;return t.isArray(e)?e:[e]}getMiddlePointsStyle(){const{middlePoint:e}=this.mergedConfig;return t.isArray(e)?e:e?[e]:this.getPointsStyle()}getResizeLinesStyle(){const{resizeLine:e}=this.mergedConfig;return t.isArray(e)?e:[e]}onDragStart(t){this.dragging=!0;const e=this.dragPoint=t.current,{pointType:i}=e,{moveable:s,resizeable:o,rotateable:r,skewable:n,onCopy:a}=this.mergeConfig;"move"===i?(t.altKey&&a&&a()&&this.editor.single&&this.app.interaction.replaceDownTarget(this.target),s&&(this.moving=!0)):(i.includes("rotate")||this.isHoldRotateKey(t)||!o?(r&&(this.rotating=!0),"resize-rotate"===i?o&&(this.resizing=!0):"resize-line"===e.name&&(n&&(this.skewing=!0),this.rotating=!1)):"resize"===i&&o&&(this.resizing=!0),"skew"===i&&n&&(this.skewing=!0)),this.onTransformStart(t)}onDrag(t){const{transformTool:e,moving:i,resizing:s,rotating:o,skewing:r}=this;if(i)e.onMove(t);else if(s||o||r){const i=t.current;i.pointType&&(this.enterPoint=i),o&&e.onRotate(t),s&&e.onScale(t),r&&e.onSkew(t)}P(this,t)}onDragEnd(t){this.onTransformEnd(t),this.dragPoint=null}onTransformStart(e){(this.moving||this.gesturing)&&(this.editor.opacity=this.mergedConfig.hideOnMove?0:1),this.resizing&&(t.ResizeEvent.resizingKeys=this.editor.leafList.keys);const{dragStartData:i,target:s}=this;i.x=e.x,i.y=e.y,i.totalOffset=t.getPointData(),i.point={x:s.x,y:s.y},i.bounds=Object.assign({},s.getLayoutBounds("box","local")),i.rotation=s.rotation}onTransformEnd(i){this.canDragLimitAnimate&&(i instanceof e.DragEvent||i instanceof e.MoveEvent)&&this.transformTool.onMove(i),this.resizing&&(t.ResizeEvent.resizingKeys=null),this.dragging=this.gesturing=this.moving=this.resizing=this.rotating=this.skewing=!1,this.editor.opacity=1,this.editor.update()}onMove(i){if(this.canGesture&&"drag"!==i.moveType&&(i.stop(),t.isString(this.mergedConfig.moveable)))switch(this.gesturing=this.moving=!0,i.type){case e.MoveEvent.START:this.onTransformStart(i);break;case e.MoveEvent.END:this.onTransformEnd(i);break;default:this.transformTool.onMove(i)}}onScale(i){if(this.canGesture&&(i.stop(),t.isString(this.mergedConfig.resizeable)))switch(this.gesturing=this.resizing=!0,i.type){case e.ZoomEvent.START:this.onTransformStart(i);break;case e.ZoomEvent.END:this.onTransformEnd(i);break;default:this.transformTool.onScale(i)}}onRotate(i){if(this.canGesture&&(i.stop(),t.isString(this.mergedConfig.rotateable)))switch(this.gesturing=this.rotating=!0,i.type){case e.ZoomEvent.START:this.onTransformStart(i);break;case e.ZoomEvent.END:this.onTransformEnd(i);break;default:this.transformTool.onRotate(i)}}isHoldRotateKey(t){const{rotateKey:e}=this.mergedConfig;return e?t.isHoldKeys(e):t.metaKey||t.ctrlKey}onKey(t){P(this,t)}onArrow(t){if(this.canUse){let e=0,i=0;switch(t.code){case"ArrowDown":i=1;break;case"ArrowUp":i=-1;break;case"ArrowLeft":e=-1;break;case"ArrowRight":e=1}if(e||i){const{keyEvent:s,arrowStep:o,arrowFastStep:r}=this.mergeConfig;if(s){const s=t.shiftKey?r:o;this.transformTool.move(e*s,i*s)}}}}onDoubleTap(t){const{openInner:e,preventEditInner:i}=this.mergeConfig;"double"!==e||i||this.openInner(t)}onLongPress(t){const{openInner:e,preventEditInner:i}=this.mergeConfig;"long"===e&&i&&this.openInner(t)}openInner(e){const{editor:i,target:s}=this;if(this.single){if(s.locked)return;if(s.isBranch&&!s.editInner){if(s.textBox){const{children:e}=s,o=e.find(e=>e.editable&&e instanceof t.Text)||e.find(e=>e instanceof t.Text);if(o)return i.openInnerEditor(o)}i.openGroup(s),i.target=i.selector.findDeepOne(e)}else i.openInnerEditor()}}listenPointEvents(t,i,s){t.direction=s,t.pointType=i,this.__eventIds.push(t.on_([[e.DragEvent.START,this.onDragStart,this],[e.DragEvent.DRAG,this.onDrag,this],[e.DragEvent.END,this.onDragEnd,this],[e.PointerEvent.ENTER,e=>{this.enterPoint=t,P(this,e)}],[e.PointerEvent.LEAVE,()=>{this.enterPoint=null}]]))}__listenEvents(){const{rect:t,editor:i,__eventIds:s}=this;s.push(t.on_([[e.PointerEvent.DOUBLE_TAP,this.onDoubleTap,this],[e.PointerEvent.LONG_PRESS,this.onLongPress,this]])),this.waitLeafer(()=>{s.push(i.app.on_([[[e.KeyEvent.HOLD,e.KeyEvent.UP],this.onKey,this],[e.KeyEvent.DOWN,this.onArrow,this],[[e.MoveEvent.START,e.MoveEvent.BEFORE_MOVE,e.MoveEvent.END],this.onMove,this,!0],[[e.ZoomEvent.START,e.ZoomEvent.BEFORE_ZOOM,e.ZoomEvent.END],this.onScale,this,!0],[[e.RotateEvent.START,e.RotateEvent.BEFORE_ROTATE,e.RotateEvent.END],this.onRotate,this,!0]]))})}__removeListenEvents(){this.off_(this.__eventIds)}destroy(){this.editor=null,this.__removeListenEvents(),super.destroy()}}const F={x:0,y:0,width:1e5,height:1e5};class Z extends t.UI{constructor(t){super(),this.editor=t,this.hittable=!1,this.visible=0}__updateWorldBounds(){Object.assign(this.__local,F),Object.assign(this.__world,F)}__draw(t,e){const{editor:i}=this,{mask:s}=i.mergedConfig;if(s&&i.editing){if(t.fillWorld(t.bounds,!0===s?"rgba(0,0,0,0.8)":s),e.bounds&&!e.bounds.hit(i.editBox.rect.__world,e.matrix))return;t.saveBlendMode("destination-out"),e=Object.assign(Object.assign({},e),{shape:!0}),i.list.forEach(i=>{i.__render(t,e);const{parent:s}=i;s&&s.textBox&&s.__renderShape(t,e)}),t.restoreBlendMode()}}destroy(){this.editor=null,super.destroy()}}const W='\n<feOffset dy="1"/>\n<feGaussianBlur stdDeviation="1.5"/>\n<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0"/>\n<feBlend mode="normal" in="SourceGraphic" result="shape"/>',G={editSize:"size",keyEvent:!0,stroke:"#836DFF",strokeWidth:2,pointFill:"#FFFFFF",pointSize:10,pointRadius:16,rotateGap:45,arrowStep:1,arrowFastStep:10,buttonsDirection:"bottom",buttonsMargin:12,hideOnSmall:!0,moveCursor:"move",resizeCursor:{url:`\n<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#f)">\n<g transform="rotate({{rotation}},12,12)">\n<path d="M7.5 8.0H8.5V5.9L6.8 7.2L7.5 8.0ZM3 11.4L2.3 10.6L1.3 11.4L2.3 12.2L3 11.4ZM7.5 10.4H6.5V11.4H7.5V10.4ZM16.5 10.4V11.4H17.5V10.4H16.5ZM16.5 8.0L17.1 7.2L15.5 5.9V8.0H16.5ZM21 11.4L21.6 12.2L22.6 11.4L21.6 10.6L21 11.4ZM16.5 14.9H15.5V16.9L17.1 15.7L16.5 14.9ZM16.5 12.4H17.5V11.4H16.5V12.4ZM7.5 12.4V11.4H6.5V12.4H7.5ZM7.5 14.9L6.8 15.7L8.5 16.9V14.9H7.5ZM6.8 7.2L2.3 10.6L3.6 12.2L8.1 8.7L6.8 7.2ZM8.5 10.4V8.0H6.5V10.4H8.5ZM16.5 9.4H7.5V11.4H16.5V9.4ZM17.5 10.4V8.0H15.5V10.4H17.5ZM15.8 8.7L20.3 12.2L21.6 10.6L17.1 7.2L15.8 8.7ZM20.3 10.6L15.8 14.1L17.1 15.7L21.6 12.2L20.3 10.6ZM17.5 14.9V12.4H15.5V14.9H17.5ZM7.5 13.4H16.5V11.4H7.5V13.4ZM8.5 14.9V12.4H6.5V14.9H8.5ZM2.3 12.2L6.8 15.7L8.1 14.1L3.6 10.6L2.3 12.2Z" fill="white"/>\n<path fill-rule="evenodd" d="M3 11.4L7.5 8.0V10.4H16.5V8.0L21 11.4L16.5 14.9V12.4H7.5V14.9L3 11.4Z" fill="black"/>\n</g>\n</g>\n<defs>\n<filter id="f" x="-1.6" y="3.9" width="27.2" height="16.9" filterUnits="userSpaceOnUse">\n${W}\n</filter>\n</defs>\n</svg>\n`,x:12,y:12},rotateCursor:{url:`\n<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#f)">\n<g transform="rotate(135,12,12),rotate({{rotation}},12,12)">\n<path d="M20.4 8H21.4L20.8 7.1L17.3 2.6L17 2.1L16.6 2.6L13.1 7.1L12.5 8H13.5H15.4C14.9 11.8 11.8 14.9 8 15.4V13.5V12.5L7.1 13.1L2.6 16.6L2.1 17L2.6 17.3L7.1 20.8L8 21.4V20.4V18.4C13.5 17.9 17.9 13.5 18.4 8H20.4Z" stroke="white"/>\n<path fill-rule="evenodd" d="M17 3L20.4 7.5H17.9C17.7 13.1 13.1 17.7 7.5 17.9V20.4L3 17L7.5 13.5V15.9C12.0 15.7 15.7 12.0 15.9 7.5H13.5L17 3Z" fill="black"/>\n</g>\n</g>\n<defs>\n<filter id="f" x="-1.6" y="-0.6" width="27.1" height="27.1" filterUnits="userSpaceOnUse">\n${W}\n</filter>\n</defs>\n</svg>\n`,x:12,y:12},skewCursor:{url:`\n<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg">\n<g filter="url(#f)">\n<g transform="rotate(90,12,12),rotate({{rotation}},12,12)">\n<path d="M21 10.4L21 11.4L23.8 11.4L21.6 9.6L21 10.4ZM17 10.4V11.4L17 11.4L17 10.4ZM15.5 6L16.1 5.2L14.5 3.9V6H15.5ZM15.5 8.4V9.4H16.5V8.4H15.5ZM6 8.4V7.4H5V8.4H6ZM6 10.4H5V11.4H6V10.4ZM7 14.4V13.4L7 13.4L7 14.4ZM3 14.4L3 13.4L0.1 13.4L2.3 15.2L3 14.4ZM8.5 18.9L7.8 19.7L9.5 21.0V18.9H8.5ZM8.5 16.4V15.4H7.5V16.4H8.5ZM19 16.4V17.4H20V16.4H19ZM19 14.4H20V13.4H19V14.4ZM21 9.4L17 9.4L17 11.4L21 11.4L21 9.4ZM14.8 6.7L20.3 11.2L21.6 9.6L16.1 5.2L14.8 6.7ZM16.5 8.4V6H14.5V8.4H16.5ZM6 9.4H15.5V7.4H6V9.4ZM7 10.4V8.4H5V10.4H7ZM15.5 9.4H6V11.4H15.5V9.4ZM17 9.4H15.5V11.4H17V9.4ZM7 15.4H8.5V13.4H7V15.4ZM3 15.4L7 15.4L7 13.4L3 13.4L3 15.4ZM9.1 18.1L3.6 13.6L2.3 15.2L7.8 19.7L9.1 18.1ZM7.5 16.4V18.9H9.5V16.4H7.5ZM19 15.4H8.5V17.4H19V15.4ZM18 14.4V16.4H20V14.4H18ZM8.5 15.4H19V13.4H8.5V15.4Z" fill="white"/>\n<path fill-rule="evenodd" d="M17 10.4L21 10.4L15.5 6V8.4H6V10.4H15.5H17ZM8.5 14.4H7L3 14.4L8.5 18.9V16.4H19V14.4H8.5Z" fill="black"/>\n</g>\n</g>\n<defs>\n<filter x="-2.8" y="1.9" width="29.6" height="23.1" filterUnits="userSpaceOnUse" >\n${W}\n</filter>\n</defs>\n</svg>\n`,x:12,y:12},selector:!0,editBox:!0,hover:!0,select:"press",openInner:"double",multipleSelect:!0,boxSelect:!0,moveable:!0,resizeable:!0,flipable:!0,rotateable:!0,skewable:!0},U=new t.Bounds;function X(t){const{simulateTarget:e,list:i}=t,{zoomLayer:s}=i[0].leafer;e.safeChange(()=>{U.setListWithFn(i,t=>t.getBounds("box","page")),0===U.width&&(U.width=.1),0===U.height&&(U.height=.1),e.reset(U.get())}),s.add(e)}const Y=(t,e)=>t.parent.children.indexOf(t)-e.parent.children.indexOf(e),K=(t,e)=>e.parent.children.indexOf(e)-t.parent.children.indexOf(t),N={group(e,i,s){e.sort(K);const{app:o,parent:r}=e[0];let n;n=s&&s.add?s:new t.Group(s),r.addAt(n,r.children.indexOf(e[0])),e.sort(Y);const a=new t.Matrix(i.worldTransform);return a.divideParent(r.scrollWorldTransform),n.setTransform(a),n.editable=!0,n.hitChildren=!1,o.lockLayout(),e.forEach(t=>t.dropTo(n)),o.unlockLayout(),n},ungroup(t){const{app:e}=t[0],i=[];return e.lockLayout(),t.forEach(t=>{if(t.isBranch){const{parent:e,children:s}=t;for(;s.length;)i.push(s[0]),s[0].dropTo(e,e.children.indexOf(t));t.isBranchLeaf?i.push(t):t.remove()}else i.push(t)}),e.unlockLayout(),i},toTop(t){t.sort(Y),t.forEach(t=>{t.parent&&t.parent.add(t)})},toBottom(t){t.sort(K),t.forEach(t=>{t.parent&&t.parent.addAt(t,0)})}},j=t.Debug.get("EditToolCreator");function q(){return t=>{J.register(t)}}const $=q,J={list:{},register(t){const{tag:e}=t.prototype;Q[e]&&j.repeat(e),Q[e]=t},get:(t,e)=>new Q[t](e)},{list:Q}=J;class tt extends o{constructor(t,e){super(t,e)}}tt.BEFORE_OPEN="innerEditor.before_open",tt.OPEN="innerEditor.open",tt.BEFORE_CLOSE="innerEditor.before_close",tt.CLOSE="innerEditor.close";class et extends o{constructor(t,e){super(t,e)}}et.BEFORE_GROUP="editor.before_group",et.GROUP="editor.group",et.BEFORE_UNGROUP="editor.before_ungroup",et.UNGROUP="editor.ungroup",et.BEFORE_OPEN="editor.before_open_group",et.OPEN="editor.open_group",et.BEFORE_CLOSE="editor.before_close_group",et.CLOSE="editor.close_group";const{updateMatrix:it}=t.LeafHelper,st={x:1,y:1,scaleX:1,scaleY:1,rotation:1,skewX:1,skewY:1},ot="top-left";class rt extends t.Rect{get __tag(){return"SimulateElement"}constructor(e){super(),this.checkChange=!0,this.canChange=!0,this.visible=this.hittable=!1,this.skipJSON=!0,this.on(t.PropertyEvent.CHANGE,i=>{if(this.checkChange&&st[i.attrName]){const{attrName:s,newValue:o,oldValue:r}=i,n="s"===s[0]?(o||1)/(r||1):(o||0)-(r||0);this.canChange=!1;const a=this.__;a[s]=r,it(this.parent),it(this);const h=new t.Matrix(this.__world);switch(a[s]=o,this.__layout.rotationChange(),it(this),this.changedTransform=new t.Matrix(this.__world).divide(h),s){case"x":e.move(n,0);break;case"y":e.move(0,n);break;case"rotation":e.rotateOf(ot,n);break;case"scaleX":e.scaleOf(ot,n,1);break;case"scaleY":e.scaleOf(ot,1,n);break;case"skewX":e.skewOf(ot,n,0);break;case"skewY":e.skewOf(ot,0,n)}this.canChange=!0}})}safeChange(t){this.canChange&&(this.checkChange=!1,t(),this.checkChange=!0)}}class nt extends o{constructor(t,e){super(t,e)}}nt.BEFORE_MOVE="editor.before_move",nt.MOVE="editor.move";class at extends o{constructor(t,e){super(t,e)}}at.BEFORE_SCALE="editor.before_scale",at.SCALE="editor.scale";class ht extends o{constructor(t,e){super(t,e)}}ht.BEFORE_ROTATE="editor.before_rotate",ht.ROTATE="editor.rotate";class lt extends o{constructor(t,e){super(t,e)}}lt.BEFORE_SKEW="editor.before_skew",lt.SKEW="editor.skew";class dt{onMove(i){const{target:s,mergeConfig:o,dragStartData:r}=this.editBox;let n,{dragLimitAnimate:a}=o;const h=i.type===e.MoveEvent.END||i.type===e.DragEvent.END,l=t.isString(s.draggable),d=!a||h||l,c={x:i.totalX,y:i.totalY};i instanceof e.MoveEvent&&t.PointHelper.move(c,s.getWorldPointByLocal(r.totalOffset,null,!0)),i.shiftKey&&(Math.abs(c.x)>Math.abs(c.y)?c.y=0:c.x=0),n=e.DragEvent.getValidMove(s,r.point,c,d),(n.x||n.y)&&(a&&!l&&h?t.LeafHelper.animateMove(this,n,t.isNumber(a)?a:.3):this.move(n))}onScale(i){const{target:s,mergeConfig:o,single:r,dragStartData:n}=this.editBox;let a,{around:h,lockRatio:l,flipable:d,editSize:c}=o;i instanceof e.ZoomEvent?(h||(h=s.getBoxPoint(i)),a=i.totalScale):a=i.getInnerTotal(s);const{direction:g}=i.current;(i.shiftKey||s.lockRatio)&&(l=!0);const u=C.getScaleData(s,n.bounds,g,a,l,C.getAround(h,i.altKey),d,!r||"scale"===c),f=s.x,p=s.y;i instanceof e.DragEvent&&this.editTool&&this.editTool.onScaleWithDrag?(u.drag=i,this.scaleWithDrag(u)):this.scaleOf(u.origin,u.scaleX,u.scaleY),t.PointHelper.move(n.totalOffset,s.x-f,s.y-p)}onRotate(i){const{target:s,mergeConfig:o,dragStartData:r}=this.editBox,{around:n,rotateAround:a,rotateGap:h,diagonalRotateKey:l}=o,{direction:d}=i.current;let c,g;if(i instanceof e.RotateEvent)g=i.rotation,c=a?t.AroundHelper.getPoint(a,s.boxBounds):s.getBoxPoint(i);else{const t=l?i.isHoldKeys(l):i.shiftKey,e=C.getRotateData(s,d,i,r,t?null:a||s.around||s.origin||n||"center");g=r.rotation+e.rotation-s.rotation,c=e.origin}if(g=t.MathHelper.float(t.MathHelper.getGapRotation(g,h,s.rotation),2),!g)return;const u=s.x,f=s.y;this.rotateOf(c,g),t.PointHelper.move(r.totalOffset,s.x-u,s.y-f)}onSkew(t){const{target:e,mergeConfig:i}=this.editBox,{around:s}=i,{origin:o,skewX:r,skewY:n}=C.getSkewData(e.boxBounds,t.current.direction,t.getInnerMove(e),C.getAround(s,t.altKey));(r||n)&&this.skewOf(o,r,n)}move(e,i=0){if(!this.checkTransform("moveable"))return;t.isObject(e)&&(i=e.y,e=e.x);const{target:s,mergeConfig:o,single:r,editor:n}=this.editBox,{beforeMove:a}=o;if(a){const o=a({target:s,x:e,y:i});if(t.isObject(o))e=o.x,i=o.y;else if(!1===o)return}const h=s.getWorldPointByLocal({x:e,y:i},null,!0);r||s.safeChange(()=>s.move(e,i));const l={target:s,editor:n,moveX:h.x,moveY:h.y};this.emitEvent(new nt(nt.BEFORE_MOVE,l));const d=new nt(nt.MOVE,l);this.doMove(d),this.emitEvent(d)}scaleWithDrag(t){if(!this.checkTransform("resizeable"))return;const{target:e,mergeConfig:i,editor:s}=this.editBox,{beforeScale:o}=i;if(o){const{origin:i,scaleX:s,scaleY:r,drag:n}=t;if(!1===o({target:e,drag:n,origin:i,scaleX:s,scaleY:r}))return}t=Object.assign(Object.assign({},t),{target:e,editor:s,worldOrigin:e.getWorldPoint(t.origin)}),this.emitEvent(new at(at.BEFORE_SCALE,t));const r=new at(at.SCALE,t);this.editTool.onScaleWithDrag(r),this.emitEvent(r)}scaleOf(e,i,s=i,o){if(!this.checkTransform("resizeable"))return;const{target:r,mergeConfig:n,single:a,editor:h}=this.editBox,{beforeScale:l}=n;if(l){const o=l({target:r,origin:e,scaleX:i,scaleY:s});if(t.isObject(o))i=o.scaleX,s=o.scaleY;else if(!1===o)return}const d=this.getWorldOrigin(e),c=!a&&this.getChangedTransform(()=>r.safeChange(()=>r.scaleOf(e,i,s))),g={target:r,editor:h,worldOrigin:d,scaleX:i,scaleY:s,transform:c};this.emitEvent(new at(at.BEFORE_SCALE,g));const u=new at(at.SCALE,g);this.doScale(u),this.emitEvent(u)}flip(e){if(!this.checkTransform("resizeable"))return;const{target:i,single:s,editor:o}=this.editBox,r=this.getWorldOrigin("center"),n=s?new t.Matrix(t.LeafHelper.getFlipTransform(i,e)):this.getChangedTransform(()=>i.safeChange(()=>i.flip(e))),a={target:i,editor:o,worldOrigin:r,scaleX:"x"===e?-1:1,scaleY:"y"===e?-1:1,transform:n};this.emitEvent(new at(at.BEFORE_SCALE,a));const h=new at(at.SCALE,a);this.doScale(h),this.emitEvent(h)}rotateOf(e,i){if(!this.checkTransform("rotateable"))return;const{target:s,mergeConfig:o,single:r,editor:n}=this.editBox,{beforeRotate:a}=o;if(a){const o=a({target:s,origin:e,rotation:i});if(t.isNumber(o))i=o;else if(!1===o)return}const h=this.getWorldOrigin(e),l=!r&&this.getChangedTransform(()=>s.safeChange(()=>s.rotateOf(e,i))),d={target:s,editor:n,worldOrigin:h,rotation:i,transform:l};this.emitEvent(new ht(ht.BEFORE_ROTATE,d));const c=new ht(ht.ROTATE,d);this.doRotate(c),this.emitEvent(c)}skewOf(e,i,s=0,o){if(!this.checkTransform("skewable"))return;const{target:r,mergeConfig:n,single:a,editor:h}=this.editBox,{beforeSkew:l}=n;if(l){const o=l({target:r,origin:e,skewX:i,skewY:s});if(t.isObject(o))i=o.skewX,s=o.skewY;else if(!1===o)return}const d=this.getWorldOrigin(e),c=!a&&this.getChangedTransform(()=>r.safeChange(()=>r.skewOf(e,i,s))),g={target:r,editor:h,worldOrigin:d,skewX:i,skewY:s,transform:c};this.emitEvent(new lt(lt.BEFORE_SKEW,g));const u=new lt(lt.SKEW,g);this.doSkew(u),this.emitEvent(u)}doMove(t){this.editTool.onMove(t)}doScale(t){this.editTool.onScale(t)}doRotate(t){this.editTool.onRotate(t)}doSkew(t){this.editTool.onSkew(t)}checkTransform(t){const{target:e,mergeConfig:i}=this.editBox;return e&&!e.locked&&i[t]}getWorldOrigin(e){const{target:i}=this.editBox;return i.getWorldPoint(t.LeafHelper.getInnerOrigin(i,e))}getChangedTransform(e){const{target:i,single:s}=this.editBox;if(!s&&!i.canChange)return i.changedTransform;const o=new t.Matrix(i.worldTransform);return e(),new t.Matrix(i.worldTransform).divide(o)}emitEvent(t,e){this.editBox.editor.emitEvent(t,e)}}exports.Editor=class extends t.Group{get list(){return this.leafList.list}get dragHoverExclude(){return[this.editBox.rect]}get editing(){return!!this.list.length}get groupOpening(){return!!this.openedGroupList.length}get multiple(){return this.list.length>1}get single(){return 1===this.list.length}get dragPoint(){return this.editBox.dragPoint}get dragging(){return this.editBox.dragging}get gesturing(){return this.editBox.gesturing}get moving(){return this.editBox.moving}get resizing(){return this.editBox.resizing}get rotating(){return this.editBox.rotating}get skewing(){return this.editBox.skewing}get element(){return this.multiple?this.simulateTarget:this.list[0]}get buttons(){return this.editBox.buttons}get targetLeafer(){const t=this.list[0];return t&&t.leafer}constructor(e,i){super(i),this.leafList=new t.LeafList,this.openedGroupList=new t.LeafList,this.simulateTarget=new rt(this),this.editBox=new z(this),this.editToolList={},this.selector=new v(this),this.editMask=new Z(this),this.targetEventIds=[];let s=t.DataHelper.clone(G);e&&(s=t.DataHelper.default(e,s)),this.mergedConfig=this.config=s,this.addMany(this.editMask,this.selector,this.editBox),t.Plugin.has("resize")||(this.config.editSize="scale")}select(t){this.target=t}cancel(){this.target=null}hasItem(t){return this.leafList.has(t)}getItem(t){return this.list[t||0]}addItem(t){this.hasItem(t)||t.locked||(this.leafList.add(t),this.target=this.leafList.list)}removeItem(t){this.hasItem(t)&&(this.leafList.remove(t),this.target=this.leafList.list)}shiftItem(t){this.hasItem(t)?this.removeItem(t):this.addItem(t)}setDimOthers(e,i="dim",s){if(!s){const{dimTarget:e,targetLeafer:i}=this;s=e?t.isArray(e)?e:[e]:[i]}s[0]&&s[0][i]!==(e||!1)&&s.forEach(s=>t.DataHelper.stintSet(s,i,e))}setBright(t){this.setDimOthers(t,"bright",this.list)}cancelDimOthers(){this.setDimOthers(!1),this.setBright(!1),this.hasDimOthers=void 0}update(){if(this.editing){if(!this.element.parent)return this.cancel();this.innerEditing&&this.innerEditor.update(),this.editTool.update(),this.selector.update()}}updateEditBox(){this.multiple&&X(this),this.update()}getEditTool(t){return this.editToolList[t]=this.editToolList[t]||J.get(t,this)}updateEditTool(){if(this.unloadEditTool(),this.editing){const e=this.element;let i=e.editOuter||"EditTool";const{beforeEditOuter:s}=this.mergeConfig;if(s){const o=s({target:e,name:i});if(t.isString(o))i=o;else if(!1===o)return}if(J.list[i]){const t=this.editTool=this.getEditTool(i);this.editBox.load(),t.load(),this.update()}}}unloadEditTool(){let t=this.editTool;t&&(this.editBox.unload(),t.unload(),this.editTool=null)}getEditSize(t){return this.mergeConfig.editSize}onMove(t){}onScale(t){}onRotate(t){}onSkew(t){}move(t,e=0){}scaleWithDrag(t){}scaleOf(t,e,i=e,s){}flip(t){}rotateOf(t,e){}skewOf(t,e,i=0,s){}checkTransform(t){}getWorldOrigin(t){}getChangedTransform(t){}group(t){return this.multiple&&(this.emitGroupEvent(et.BEFORE_GROUP),this.target=N.group(this.list,this.element,t),this.emitGroupEvent(et.GROUP,this.target)),this.target}ungroup(){const{list:t}=this;return t.length&&(t.forEach(t=>t.isBranch&&this.emitGroupEvent(et.BEFORE_UNGROUP,t)),this.target=N.ungroup(t),t.forEach(t=>t.isBranch&&this.emitGroupEvent(et.UNGROUP,t))),this.list}openGroup(t){this.emitGroupEvent(et.BEFORE_OPEN,t),this.openedGroupList.add(t),t.hitChildren=!0,this.emitGroupEvent(et.OPEN,t)}closeGroup(t){this.emitGroupEvent(et.BEFORE_CLOSE,t),this.openedGroupList.remove(t),t.hitChildren=!1,this.emitGroupEvent(et.CLOSE,t)}checkOpenedGroups(){const e=this.openedGroupList;if(e.length){let{list:i}=e;this.editing&&(i=[],e.forEach(e=>this.list.every(i=>!t.LeafHelper.hasParent(i,e))&&i.push(e))),i.forEach(t=>this.closeGroup(t))}this.editing&&!this.selector.dragging&&this.checkDeepSelect()}checkDeepSelect(){let t,{list:e}=this;for(let i=0;i<e.length;i++)for(t=e[i].parent;t&&!t.hitChildren;)this.openGroup(t),t=t.parent}emitGroupEvent(t,e){const i=new et(t,{editTarget:e});this.emitEvent(i),e&&e.emitEvent(i)}getInnerEditor(t){return this.editToolList[t]=this.editToolList[t]||J.get(t,this)}openInnerEditor(e,i,s){let o;if(t.isString(i)?o=i:s||(s=i),e&&s&&(this.target=e),this.single){e||(e=this.element),o||(o=e.editInner);const{beforeEditInner:i}=this.mergeConfig;if(i){const s=i({target:e,name:o});if(t.isString(s))o=s;else if(!1===s)return}J.list[o]&&(this.editTool.unload(),this.innerEditing=!0,this.innerEditor=this.getInnerEditor(o),this.innerEditor.editTarget=e,this.emitInnerEvent(tt.BEFORE_OPEN),this.innerEditor.load(),this.emitInnerEvent(tt.OPEN))}}closeInnerEditor(t){this.innerEditing&&(this.innerEditing=!1,this.emitInnerEvent(tt.BEFORE_CLOSE),this.innerEditor.unload(),this.emitInnerEvent(tt.CLOSE),t||this.updateEditTool(),this.innerEditor=null)}emitInnerEvent(t){const{innerEditor:e}=this,{editTarget:i}=e,s=new tt(t,{editTarget:i,innerEditor:e});this.emitEvent(s),i.emitEvent(s)}lock(){this.list.forEach(t=>t.locked=!0),this.update()}unlock(){this.list.forEach(t=>t.locked=!1),this.update()}toTop(){this.list.length&&(N.toTop(this.list),this.leafList.update())}toBottom(){this.list.length&&(N.toBottom(this.list),this.leafList.update())}onAppRenderStart(t){(this.targetChanged=t.children.some(t=>t!==this.leafer&&t.renderer.changed))&&this.editBox.forceRender()}onRenderStart(){this.targetChanged&&this.update()}onChildScroll(){this.multiple&&this.updateEditBox()}listenTargetEvents(){if(!this.targetEventIds.length){const{app:e,leafer:i,targetLeafer:s,editMask:o}=this;this.targetEventIds=[i.on_(t.RenderEvent.START,this.onRenderStart,this),s&&s.on_(t.PropertyEvent.SCROLL,this.onChildScroll,this),e.on_(t.RenderEvent.CHILD_START,this.onAppRenderStart,this),e.on_(t.LeaferEvent.UPDATE_MODE,t=>{t.mode&&"normal"!==t.mode&&this.cancel()})],o.visible&&o.forceRender()}}removeTargetEvents(){const{targetEventIds:t,editMask:e}=this;t.length&&(this.off_(t),e.visible&&e.forceRender())}destroy(){this.destroyed||(this.target=this.hoverTarget=null,Object.values(this.editToolList).forEach(t=>t.destroy()),this.simulateTarget.destroy(),this.editToolList={},this.simulateTarget=this.editTool=this.innerEditor=null,super.destroy())}},i([(e,i)=>{t.defineKey(e,i,{get(){const{config:e,element:i,dragPoint:s,editBox:o,editTool:r,innerEditor:n,app:a}=this,h=Object.assign({},e);if(n?n.editConfig&&Object.assign(h,n.editConfig):r&&r.editConfig&&Object.assign(h,r.editConfig),i&&i.editConfig){let{editConfig:t}=i;(t.hover||t.hoverStyle)&&(t=Object.assign({},t),delete t.hover,delete t.hoverStyle),Object.assign(h,t)}return o.config&&Object.assign(h,o.config),s&&(s.editConfig&&Object.assign(h,s.editConfig),"font-size"===h.editSize&&(h.lockRatio=!0),"resize-rotate"===s.pointType&&(h.around||(h.around="center"),t.isNull(h.lockRatio)&&(h.lockRatio=!0))),t.isUndefined(h.dragLimitAnimate)&&(h.dragLimitAnimate=a&&a.config.pointer.dragLimitAnimate),this.mergedConfig=h}})}],exports.Editor.prototype,"mergeConfig",void 0),i([r(function(e,i){const{target:s}=e;s?(e.leafList=s instanceof t.LeafList?s:new t.LeafList(s),e.multiple&&X(e)):(e.simulateTarget.remove(),e.leafList.reset()),e.closeInnerEditor(!0),e.unloadEditTool();const r={editor:e,value:s,oldValue:i};e.emitEvent(new o(o.SELECT,r)),e.checkOpenedGroups(),e.editing?e.waitLeafer(()=>{e.updateEditTool(),e.listenTargetEvents()}):(e.updateEditTool(),e.removeTargetEvents()),e.emitEvent(new o(o.AFTER_SELECT,r))})],exports.Editor.prototype,"target",void 0),i([r(function(t,e){t.emitEvent(new o(o.HOVER,{editor:t,value:t.hoverTarget,oldValue:e}))})],exports.Editor.prototype,"hoverTarget",void 0),exports.Editor=i([e.useModule(dt,["editBox","editTool","emitEvent"])],exports.Editor);class ct{static registerInnerEditor(){J.register(this)}get tag(){return"InnerEditor"}get mode(){return"focus"}get editBox(){return this._editBox||this.editor.editBox}set editBox(t){this._editBox=t}constructor(t){this.eventIds=[],this.editor=t,this.create()}onCreate(){}create(){this.view=new t.Group,this.onCreate()}onLoad(){}load(){const{editor:t}=this;t&&(t.app&&"focus"===this.mode&&(t.selector.hittable=t.app.tree.hitChildren=!1),this.onLoad())}onUpdate(){}update(){this.onUpdate()}onUnload(){}unload(){const{editor:t}=this;t&&(t.app&&"focus"===this.mode&&(t.selector.hittable=t.app.tree.hitChildren=!0),this.onUnload())}onDestroy(){}destroy(){this.onDestroy(),this.editor&&(this.view&&this.view.destroy(),this.eventIds&&this.editor.off_(this.eventIds),this.editor=this.view=this.eventIds=null)}}exports.EditTool=class extends ct{static registerEditTool(){J.register(this)}get tag(){return"EditTool"}onMove(t){const{moveX:e,moveY:i,editor:s}=t,{app:o,list:r}=s;o.lockLayout(),r.forEach(t=>{t.moveWorld(e,i)}),o.unlockLayout()}onScale(t){const{scaleX:e,scaleY:i,transform:s,worldOrigin:o,editor:r}=t,{app:n,list:a}=r;n.lockLayout(),a.forEach(t=>{const n="scale"!==r.getEditSize(t);s?t.transformWorld(s,n):t.scaleOfWorld(o,e,i,n)}),n.unlockLayout()}onRotate(t){const{rotation:e,transform:i,worldOrigin:s,editor:o}=t,{app:r,list:n}=o;r.lockLayout(),n.forEach(t=>{const r="scale"!==o.getEditSize(t);i?t.transformWorld(i,r):t.rotateOfWorld(s,e)}),r.unlockLayout()}onSkew(t){const{skewX:e,skewY:i,transform:s,worldOrigin:o,editor:r}=t,{app:n,list:a}=r;n.lockLayout(),a.forEach(t=>{const n="scale"!==r.getEditSize(t);s?t.transformWorld(s,n):t.skewOfWorld(o,e,i,n)}),n.unlockLayout()}load(){this.editBox.view.visible=!0,this.onLoad()}update(){this.editBox.update(),this.onUpdate()}unload(){this.editBox.view.visible=!1,this.onUnload()}},exports.EditTool=i([q()],exports.EditTool);const{left:gt,right:ut}=t.Direction9,{move:ft,copy:pt,toNumberPoints:Et}=t.PointHelper;exports.LineEditTool=class extends exports.EditTool{constructor(){super(...arguments),this.scaleOfEvent=!0}get tag(){return"LineEditTool"}onScaleWithDrag(e){const{drag:i,direction:s,lockRatio:o,around:r}=e,n=e.target,a=s===gt;if(n.pathInputed){const{path:t}=n.__,{from:e,to:s}=this.getFromToByPath(t);this.dragPoint(e,s,a,r,this.getInnerMove(n,i,o)),t[1]=e.x,t[2]=e.y,t[4]=s.x,t[5]=s.y,n.path=t}else if(n.points){const{points:t}=n,{from:e,to:s}=this.getFromToByPoints(t);this.dragPoint(e,s,a,r,this.getInnerMove(n,i,o)),t[0]=e.x,t[1]=e.y,t[2]=s.x,t[3]=s.y,n.points=t}else{const e=t.getPointData(),{toPoint:s}=n;n.rotation=0,this.dragPoint(e,s,a,r,this.getInnerMove(n,i,o)),n.getLocalPointByInner(e,null,null,!0),n.getLocalPointByInner(s,null,null,!0),n.x=e.x,n.y=e.y,n.getInnerPointByLocal(s,null,null,!0),n.toPoint=s}}getInnerMove(t,e,i){const s=e.getInnerMove(t);return i&&(Math.abs(s.x)>Math.abs(s.y)?s.y=0:s.x=0),s}getFromToByPath(t){return{from:{x:t[1],y:t[2]},to:{x:t[4],y:t[5]}}}getFromToByPoints(t){const e=Et(t);return{from:{x:e[0],y:e[1]},to:{x:e[2],y:e[3]}}}dragPoint(t,e,i,s,o){const{x:r,y:n}=o;i?(ft(t,r,n),s&&ft(e,-r,-n)):(s&&ft(t,-r,-n),ft(e,r,n))}onSkew(t){}onUpdate(){const{editBox:t}=this,{rotatePoints:e,resizeLines:i,resizePoints:s,rect:o}=t,r=t.target;let n,a;if(r.pathInputed?n=this.getFromToByPath(r.__.path):r.points&&(n=this.getFromToByPoints(r.__.points)),n){const{from:i,to:a}=n;r.innerToWorld(i,i,!1,t),r.innerToWorld(a,a,!1,t),o.pen.clearPath().moveTo(i.x,i.y).lineTo(a.x,a.y),pt(s[7],i),pt(e[7],i),pt(s[3],a),pt(e[3],a)}for(let t=0;t<8;t++)t<4&&(i[t].visible=!1),a=t===gt||t===ut,s[t].visible=a,e[t].visible=!n&&a}},exports.LineEditTool=i([q()],exports.LineEditTool),t.Plugin.add("editor","resize"),t.Creator.editor=function(t,e){const i=new exports.Editor(t);return e&&e.sky.add(e.editor=i),i},t.Box.addAttr("textBox",!1,t.dataType),t.UI.addAttr("editConfig",void 0,t.dataType),t.UI.addAttr("editOuter",t=>(t.updateLayout(),t.__.__isLinePath?"LineEditTool":"EditTool"),t.dataType),t.UI.addAttr("editInner","PathEditor",t.dataType),t.Group.addAttr("editInner","",t.dataType),t.Text.addAttr("editInner","TextEditor",t.dataType),t.UI.setEditConfig=function(t){this.changeAttr("editConfig",t)},t.UI.setEditOuter=function(t){this.changeAttr("editOuter",t)},t.UI.setEditInner=function(t){this.changeAttr("editInner",t)},exports.EditBox=z,exports.EditDataHelper=C,exports.EditPoint=A,exports.EditSelect=v,exports.EditSelectHelper=f,exports.EditToolCreator=J,exports.EditorEvent=o,exports.EditorGroupEvent=et,exports.EditorHelper=N,exports.EditorMoveEvent=nt,exports.EditorRotateEvent=ht,exports.EditorScaleEvent=at,exports.EditorSkewEvent=lt,exports.InnerEditor=ct,exports.InnerEditorEvent=tt,exports.SelectArea=u,exports.Stroker=g,exports.TransformTool=dt,exports.registerEditTool=q,exports.registerInnerEditor=$;
//# sourceMappingURL=editor.min.cjs.map