@leafer-in/editor
Version:
3 lines (2 loc) • 41.5 kB
JavaScript
this.LeaferIN=this.LeaferIN||{},this.LeaferIN.editor=function(t,e,i){"use strict";function o(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var a=t.length-1;a>=0;a--)(s=t[a])&&(r=(n<3?s(r):n>3?s(e,i,r):s(e,i))||r);return n>3&&r&&Object.defineProperty(e,i,r),r}function s(t){return t?t instanceof Array?t:[t]:[]}"function"==typeof SuppressedError&&SuppressedError;class n extends e.Event{get list(){return s(this.value)}get oldList(){return s(this.oldValue)}constructor(t,e){super(t),e&&Object.assign(this,e)}}n.BEFORE_SELECT="editor.before_select",n.SELECT="editor.select",n.BEFORE_HOVER="editor.before_hover",n.HOVER="editor.hover";class r extends n{constructor(t,e){super(t,e)}}r.BEFORE_MOVE="editor.before_move",r.MOVE="editor.move";class a extends n{constructor(t,e){super(t,e)}}a.BEFORE_SCALE="editor.before_scale",a.SCALE="editor.scale";class h extends n{constructor(t,e){super(t,e)}}h.BEFORE_ROTATE="editor.before_rotate",h.ROTATE="editor.rotate";class l extends n{constructor(t,e){super(t,e)}}function d(t){return(i,o)=>{const s="_"+o;e.defineKey(i,o,{get(){return this[s]},set(e){const i=this[s];if(i!==e){if(this.config){const t="target"===o;if(t){e instanceof Array&&e.length>1&&e[0].locked&&e.splice(0,1);const{beforeSelect:t}=this.config;if(t){const i=t({target:e});if("object"==typeof i)e=i;else if(!1===i)return}}const s=t?n.BEFORE_SELECT:n.BEFORE_HOVER;this.hasEvent(s)&&this.emitEvent(new n(s,{editor:this,value:e,oldValue:i}))}this[s]=e,t(this,i)}}})}}l.BEFORE_SKEW="editor.before_skew",l.SKEW="editor.skew";const{abs:c}=Math,{copy:g,scale:u}=e.MatrixHelper,{setListWithFn:f}=e.BoundsHelper,{worldBounds:p}=e.LeafBoundsHelper,E=e.getMatrixData(),m=e.getBoundsData();class v extends e.UI{constructor(){super(),this.list=[],this.visible=0,this.hittable=!1,this.strokeAlign="center"}setTarget(t,e){this.set(e),this.target=t,this.update()}update(){const{list:t}=this;t.length?(f(m,t,p),this.set(m),this.visible=!0):this.visible=0}__draw(t,i){const{list:o}=this;if(o.length){let s;const n=this.__,{stroke:r,strokeWidth:a,fill:h}=n,{bounds:l}=i;for(let d=0;d<o.length;d++){s=o[d];const{worldTransform:f,worldRenderBounds:p}=s;if(p.width&&p.height&&(!l||l.hit(p,i.matrix))){const o=c(f.scaleX),l=c(f.scaleY);if(g(E,f),E.half=a%2,o!==l){u(E,1/o,1/l),t.setWorld(E,i.matrix),t.beginPath(),n.strokeWidth=a;const{x:e,y:r,width:h,height:d}=s.__layout.boxBounds;t.rect(e*o,r*l,h*o,d*l)}else t.setWorld(E,i.matrix),t.beginPath(),s.__.__useArrow?s.__drawPath(t):s.__.__pathForRender?s.__drawRenderPath(t):s.__drawPathByBox(t),n.strokeWidth=a/c(f.scaleX);r&&("string"==typeof r?e.Paint.stroke(r,this,t):e.Paint.strokes(r,this,t)),h&&("string"==typeof h?e.Paint.fill(h,this,t):e.Paint.fills(h,this,t))}}n.strokeWidth=a}}destroy(){this.target=null,super.destroy()}}o([d((function(t){const e=t.target;t.list=e?e instanceof Array?e:[e]:[]}))],v.prototype,"target",void 0);class b extends e.Group{constructor(t){super(t),this.strokeArea=new e.Rect({strokeAlign:"center"}),this.fillArea=new e.Rect,this.visible=0,this.hittable=!1,this.addMany(this.fillArea,this.strokeArea)}setStyle(t,e){const{visible:i,stroke:o,strokeWidth:s}=t;this.visible=i,this.strokeArea.reset(Object.assign({stroke:o,strokeWidth:s},e||{})),this.fillArea.reset({visible:!e,fill:o,opacity:.2})}setBounds(t){this.strokeArea.set(t),this.fillArea.set(t)}}const L={findOne:t=>t.list.find((t=>t.editable)),findByBounds(t,e){const i=[];return w([t],i,e),i}};function w(t,e,i){let o,s;for(let n=0,r=t.length;n<r;n++)if(o=t[n],s=o.__,s.hittable&&s.visible&&!s.locked&&i.hit(o.__world)){if(s.editable){if(o.isBranch&&!s.hitChildren){s.hitSelf&&e.push(o);continue}if(o.isFrame){if(i.includes(o.__layout.boxBounds,o.__world)){e.push(o);continue}}else i.hit(o.__layout.boxBounds,o.__world)&&s.hitSelf&&e.push(o)}o.isBranch&&w(o.children,e,i)}}const{findOne:y,findByBounds:k}=L;class _ extends e.Group{get dragging(){return!!this.originList}get running(){const{editor:t}=this;return this.hittable&&t.visible&&t.hittable&&t.mergeConfig.selector}get isMoveMode(){return this.app&&this.app.interaction.moveMode}constructor(t){super(),this.hoverStroker=new v,this.targetStroker=new v,this.bounds=new e.Bounds,this.selectArea=new b,this.__eventIds=[],this.editor=t,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{stroke:e,strokeWidth:i,hover:o,hoverStyle:s}=t.mergeConfig;this.hoverStroker.setTarget(o?this.editor.hoverTarget:null,Object.assign({stroke:e,strokeWidth:i},s||{}))}}onSelect(){if(this.running){const{mergeConfig:t,list:e}=this.editor,{stroke:i,strokeWidth:o,selectedStyle:s}=t;this.targetStroker.setTarget(e,Object.assign({stroke:i,strokeWidth:Math.max(1,o/2)},s||{})),this.hoverStroker.target=null}}update(){this.hoverStroker.update(),this.targetStroker.update()}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}=e.mergeConfig;"tap"===i?this.checkAndSelect(t):this.waitSelect&&this.waitSelect(),this.needRemoveItem?e.removeItem(this.needRemoveItem):this.isMoveMode&&(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:this.allow(t.target)&&(t.shiftKey||(e.target=null))}}onDragStart(t){if(!t.multiTouch&&(this.waitSelect&&this.waitSelect(),this.allowDrag(t))){const{editor:e}=this,{stroke:i,area:o}=e.mergeConfig,{x:s,y:n}=t.getInnerPoint(this);this.bounds.set(s,n),this.selectArea.setStyle({visible:!0,stroke:i,x:s,y:n},o),this.selectArea.setBounds(this.bounds.get()),this.originList=e.leafList.clone()}}onDrag(t){if(!t.multiTouch){if(this.editor.dragging)return this.onDragEnd(t);if(this.dragging){const{editor:i}=this,o=t.getInnerTotal(this),s=this.bounds.clone().unsign(),n=new e.LeafList(k(i.app,s));if(this.bounds.width=o.x,this.bounds.height=o.y,this.selectArea.setBounds(s.get()),n.length){const t=[];this.originList.forEach((e=>{n.has(e)||t.push(e)})),n.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)||t.shiftKey&&!y(t.path))}allowSelect(t){return this.running&&!this.isMoveMode&&!t.middle}findDeepOne(t){const i={exclude:new e.LeafList(this.editor.editBox.rect)};return y(t.target.leafer.interaction.findPath(t,i))}findUI(t){return this.isMultipleSelect(t)?this.findDeepOne(t):y(t.path)}isMultipleSelect(t){const{multipleSelect:e,continuousSelect:i}=this.editor.mergeConfig;return e&&(t.shiftKey||i)}__listenEvents(){const{editor:t}=this;t.waitLeafer((()=>{const{app:e}=t;e.selector.proxy=t,this.__eventIds=[t.on_(n.HOVER,this.onHover,this),t.on_(n.SELECT,this.onSelect,this),e.on_(i.PointerEvent.MOVE,this.onPointerMove,this),e.on_(i.PointerEvent.BEFORE_DOWN,this.onBeforeDown,this),e.on_(i.PointerEvent.TAP,this.onTap,this),e.on_(i.DragEvent.START,this.onDragStart,this,!0),e.on_(i.DragEvent.DRAG,this.onDrag,this),e.on_(i.DragEvent.END,this.onDragEnd,this),e.on_(i.MoveEvent.MOVE,this.onAutoMove,this),e.on_([i.ZoomEvent.ZOOM,i.MoveEvent.MOVE],(()=>{this.editor.hoverTarget=null}))]}))}__removeListenEvents(){this.__eventIds&&(this.off_(this.__eventIds),this.__eventIds.length=0)}destroy(){this.editor=this.originList=this.needRemoveItem=null,this.__removeListenEvents(),super.destroy()}}const{topLeft:x,top:O,topRight:T,right:S,bottomRight:M,bottom:B,bottomLeft:P,left:C}=e.Direction9,{toPoint:R}=e.AroundHelper,{within:H}=e.MathHelper,I={getScaleData(t,i,o,s,n,r,a,h){let l,d={},c=1,g=1;const{boxBounds:u,widthRange:f,heightRange:p,dragBounds:E,worldBoxBounds:m}=t,{width:v,height:b}=i;r&&(s.x*=2,s.y*=2);const L=t.scaleX/i.scaleX,w=t.scaleY/i.scaleY,y=L<0?-1:1,k=w<0?-1:1,_=h?L:y*u.width/v,I=h?w:k*u.height/b;s.x*=h?L:y,s.y*=h?w:k;const V=(-s.y+b)/b,D=(s.x+v)/v,A=(s.y+b)/b,F=(-s.x+v)/v;switch(o){case O:g=V,l="bottom";break;case S:c=D,l="left";break;case B:g=A,l="top";break;case C:c=F,l="right";break;case x:g=V,c=F,l="bottom-right";break;case T:g=V,c=D,l="bottom-left";break;case M:g=A,c=D,l="top-left";break;case P:g=A,c=F,l="top-right"}if(n)if("corner"===n&&o%2)n=!1;else{let t;switch(o){case O:case B:t=g;break;case C:case S:t=c;break;default:t=Math.sqrt(Math.abs(c*g))}c=c<0?-t:t,g=g<0?-t:t}const z=1!==c,Z=1!==g;if(z&&(c/=_),Z&&(g/=I),!a){const{worldTransform:e}=t;c<0&&(c=1/u.width/e.scaleX),g<0&&(g=1/u.height/e.scaleY)}if(R(r||l,u,d,!0),E){const i="parent"===E?t.parent.boxBounds:E,o=new e.Bounds(t.__localBoxBounds);if(o.scaleOf(t.getLocalPointByInner(d),c,g),!e.BoundsHelper.includes(i,o)){const t=o.getIntersect(i),e=t.width/o.width,s=t.height/o.height;z&&(c*=e),Z&&(g*=s)}}if(z&&f){const e=u.width*t.scaleX;c=H(e*c,f)/e}if(Z&&p){const e=u.height*t.scaleY;g=H(e*g,p)/e}return z&&Math.abs(c*m.width)<1&&(c=(c<0?-1:1)/m.width),Z&&Math.abs(g*m.height)<1&&(g=(g<0?-1:1)/m.height),n&&c!==g&&(g=c=Math.min(c,g)),{origin:d,scaleX:c,scaleY:g,direction:o,lockRatio:n,around:r}},getRotateData(t,i,o,s,n){let r,a={};switch(i){case x:r="bottom-right";break;case T:r="bottom-left";break;case M:r="top-left";break;case P:r="top-right";break;default:r="center"}return R(n||r,t,a,!0),{origin:a,rotation:e.PointHelper.getRotation(s,a,o)}},getSkewData(t,i,o,s){let n,r,a={},h=0,l=0;switch(i){case O:case x:r={x:.5,y:0},n="bottom",h=1;break;case B:case M:r={x:.5,y:1},n="top",h=1;break;case C:case P:r={x:0,y:.5},n="right",l=1;break;case S:case T:r={x:1,y:.5},n="left",l=1}const{width:d,height:c}=t;r.x=r.x*d,r.y=r.y*c,R(s||n,t,a,!0);const g=e.PointHelper.getRotation(r,a,{x:r.x+(h?o.x:0),y:r.y+(l?o.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 C:t=S;break;case x:t=T;break;case P:t=M;break;case S:t=C;break;case T:t=x;break;case M:t=P}if(i)switch(t){case O:t=B;break;case x:t=P;break;case T:t=M;break;case B:t=O;break;case P:t=x;break;case M:t=T}return t}},V={};function D(t,i){const{editBox:o}=t,s=o.enterPoint;if(!s||!t.editing||!o.visible)return;if("circle"===s.name)return;if("button"===s.pointType)return void(s.cursor||(s.cursor="pointer"));let{rotation:n}=o;const{resizeCursor:r,rotateCursor:a,skewCursor:h,resizeable:l,rotateable:d,skewable:c}=t.mergeConfig,{pointType:g}=s,{flippedX:u,flippedY:f}=o;let p=g.includes("resize");p&&d&&(i.metaKey||i.ctrlKey||!l)&&(p=!1);const E=c&&!p&&("resize-line"===s.name||"skew"===g)?h:p?r:a;n+=45*(I.getFlipDirection(s.direction,u,f)+1),n=2*Math.round(e.MathHelper.formatRotation(n,!0)/2);const{url:m,x:v,y:b}=E,L=m+n;V[L]?s.cursor=V[L]:V[L]=s.cursor={url:F(m,n),x:v,y:b}}function A(t){const{moveCursor:e,moveable:i}=t.mergeConfig;t.editBox.rect.cursor=i?e:void 0}function F(t,e){return'"data:image/svg+xml,'+encodeURIComponent(t.replace("{{rotation}}",e.toString()))+'"'}class z extends e.Box{}const Z=["top","right","bottom","left"],G=void 0;class W extends e.Group{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}constructor(t){super(),this.view=new e.Group,this.rect=new e.Box({name:"rect",hitFill:"all",hitStroke:"none",strokeAlign:"center",hitRadius:5}),this.circle=new z({name:"circle",strokeAlign:"center",around:"center",cursor:"crosshair",hitRadius:5}),this.buttons=new e.Group({around:"center",hitSelf:!1,visible:0}),this.resizePoints=[],this.rotatePoints=[],this.resizeLines=[],this.dragStartData={},this.__eventIds=[],this.editor=t,this.visible=!1,this.create(),this.__listenEvents()}create(){let t,e,i;const{view:o,resizePoints:s,rotatePoints:n,resizeLines:r,rect:a,circle:h,buttons:l}=this,d=["bottom-right","bottom","bottom-left","left","top-left","top","top-right","right"];for(let o=0;o<8;o++)t=new z({name:"rotate-point",around:d[o],width:15,height:15,hitFill:"all"}),n.push(t),this.listenPointEvents(t,"rotate",o),o%2&&(e=new z({name:"resize-line",around:"center",width:10,height:10,hitFill:"all"}),r.push(e),this.listenPointEvents(e,"resize",o)),i=new z({name:"resize-point",hitRadius:5}),s.push(i),this.listenPointEvents(i,"resize",o);this.listenPointEvents(h,"rotate",2),o.addMany(...n,a,h,l,...r,...s),this.add(o)}load(){const{mergeConfig:t,element:e,single:i}=this.editor,{rect:o,circle:s,resizePoints:n}=this,{stroke:r,strokeWidth:a}=t,h=this.getPointsStyle(),l=this.getMiddlePointsStyle();let d;for(let t=0;t<8;t++)d=n[t],d.set(this.getPointStyle(t%2?l[(t-1)/2%l.length]:h[t/2%h.length])),t%2||(d.rotation=t/2*90);s.set(this.getPointStyle(t.circle||t.rotatePoint||h[0])),o.set(Object.assign({stroke:r,strokeWidth:a,editConfig:G},t.rect||{})),o.hittable=!i,o.syncEventer=i&&this.editor,i&&(e.syncEventer=o,this.app.interaction.bottomList=[{target:o,proxy:e}])}update(t){const{rect:i,circle:o,buttons:s,resizePoints:n,rotatePoints:r,resizeLines:a,editor:h}=this,{mergeConfig:l,element:d,multiple:c,editMask:g}=h,{middlePoint:u,resizeable:f,rotateable:p,hideOnSmall:E,editBox:m,mask:v}=l;if(this.visible=!d.locked,g.visible=!!v||0,this.view.worldOpacity){const{width:h,height:d}=t,g="number"==typeof E?E:10,v=m&&!(E&&h<g&&d<g);let b,L,w,y={};for(let i=0;i<8;i++)e.AroundHelper.toPoint(e.AroundHelper.directionData[i],t,y),L=n[i],b=r[i],w=a[Math.floor(i/2)],L.set(y),b.set(y),w.set(y),L.visible=w.visible=v&&!(!f&&!p),b.visible=v&&p&&f&&!l.rotatePoint,i%2&&(L.visible=b.visible=v&&!!u,(i+1)/2%2?(w.width=h,E&&2*L.width>h&&(L.visible=!1)):(w.height=d,L.rotation=90,E&&2*L.width>d&&(L.visible=!1)));o.visible=v&&p&&!(!l.circle&&!l.rotatePoint),o.visible&&this.layoutCircle(l),i.path&&(i.path=null),i.set(Object.assign(Object.assign({},t),{visible:!!c||m})),s.visible=v&&s.children.length>0||0,s.visible&&this.layoutButtons(l)}else i.set(t)}layoutCircle(t){const{circleDirection:e,circleMargin:i,buttonsMargin:o,buttonsDirection:s,middlePoint:n}=t,r=Z.indexOf(e||(this.buttons.children.length&&"bottom"===s?"top":"bottom"));this.setButtonPosition(this.circle,r,i||o,!!n)}layoutButtons(t){const{buttons:e}=this,{buttonsDirection:i,buttonsFixed:o,buttonsMargin:s,middlePoint:n}=t,{flippedX:r,flippedY:a}=this;let h=Z.indexOf(i);(h%2&&r||(h+1)%2&&a)&&o&&(h=(h+2)%4);const l=o?I.getRotateDirection(h,this.flippedOne?this.rotation:-this.rotation,4):h;this.setButtonPosition(e,l,s,!!n),o&&(e.rotation=90*(l-h)),e.scaleX=r?-1:1,e.scaleY=a?-1:1}setButtonPosition(t,e,i,o){const s=this.resizePoints[2*e+1],n=e%2,r=e&&3!==e?1:-1,a=(i+(e%2?(o?s.width:0)+t.boxBounds.width:(o?s.height:0)+t.boxBounds.height)/2)*r;n?(t.x=s.x+a,t.y=s.y):(t.x=s.x,t.y=s.y+a)}unload(){this.visible=!1}getPointStyle(t){const{stroke:e,strokeWidth:i,pointFill:o,pointSize:s,pointRadius:n}=this.editor.mergeConfig,r={fill:o,stroke:e,strokeWidth:i,around:"center",strokeAlign:"center",width:s,height:s,cornerRadius:n,offsetX:0,offsetY:0,editConfig:G};return t?Object.assign(r,t):r}getPointsStyle(){const{point:t}=this.editor.mergeConfig;return t instanceof Array?t:[t]}getMiddlePointsStyle(){const{middlePoint:t}=this.editor.mergeConfig;return t instanceof Array?t:t?[t]:this.getPointsStyle()}onSelect(t){1===t.oldList.length&&(t.oldList[0].syncEventer=null,this.app&&(this.app.interaction.bottomList=null))}onDragStart(t){this.dragging=!0;const i=this.dragPoint=t.current,{pointType:o}=i,{editor:s,dragStartData:n}=this,{element:r}=s;"rect"===i.name&&(this.moving=!0,s.opacity=s.mergeConfig.hideOnMove?0:1),n.x=t.x,n.y=t.y,n.point={x:r.x,y:r.y},n.bounds=Object.assign({},r.getLayoutBounds("box","local")),n.rotation=r.rotation,o&&o.includes("resize")&&(e.ResizeEvent.resizingKeys=s.leafList.keys)}onDragEnd(t){this.dragging=!1,this.dragPoint=null,this.moving=!1;const{name:i,pointType:o}=t.current;"rect"===i&&(this.editor.opacity=1),o&&o.includes("resize")&&(e.ResizeEvent.resizingKeys=null)}onDrag(t){const{editor:e}=this,{pointType:i}=this.enterPoint=t.current;i.includes("rotate")||t.metaKey||t.ctrlKey||!e.mergeConfig.resizeable?(e.onRotate(t),"resize-rotate"===i&&e.onScale(t)):"resize"===i&&e.onScale(t),"skew"===i&&e.onSkew(t),D(e,t)}onArrow(t){const{editor:e}=this;if(e.editing&&e.mergeConfig.keyEvent){let i=0,o=0;const s=t.shiftKey?10:1;switch(t.code){case"ArrowDown":o=s;break;case"ArrowUp":o=-s;break;case"ArrowLeft":i=-s;break;case"ArrowRight":i=s}(i||o)&&e.move(i,o)}}onDoubleTap(t){"double"===this.editor.mergeConfig.openInner&&this.openInner(t)}onLongPress(t){"long"===this.editor.mergeConfig.openInner&&this.openInner(t)}openInner(t){const{editor:i}=this;if(i.single){const{element:o}=i;if(o.locked)return;if(o.isBranch&&!o.editInner){if(o.textBox){const{children:t}=o,s=t.find((t=>t.editable&&t instanceof e.Text))||t.find((t=>t instanceof e.Text));if(s)return i.openInnerEditor(s)}i.openGroup(o),i.target=i.selector.findDeepOne(t)}else i.openInnerEditor()}}listenPointEvents(t,e,o){const{editor:s}=this;t.direction=o,t.pointType=e,t.on_(i.DragEvent.START,this.onDragStart,this),t.on_(i.DragEvent.DRAG,this.onDrag,this),t.on_(i.DragEvent.END,this.onDragEnd,this),t.on_(i.PointerEvent.LEAVE,(()=>this.enterPoint=null)),"circle"!==t.name&&t.on_(i.PointerEvent.ENTER,(e=>{this.enterPoint=t,D(s,e)}))}__listenEvents(){const{rect:t,editor:e}=this;this.__eventIds=[e.on_(n.SELECT,this.onSelect,this),t.on_(i.DragEvent.START,this.onDragStart,this),t.on_(i.DragEvent.DRAG,e.onMove,e),t.on_(i.DragEvent.END,this.onDragEnd,this),t.on_(i.PointerEvent.ENTER,(()=>A(e))),t.on_(i.PointerEvent.DOUBLE_TAP,this.onDoubleTap,this),t.on_(i.PointerEvent.LONG_PRESS,this.onLongPress,this)]}__removeListenEvents(){this.off_(this.__eventIds),this.__eventIds.length=0}destroy(){this.editor=null,this.__removeListenEvents(),super.destroy()}}const U={x:0,y:0,width:1e5,height:1e5};class X extends e.UI{constructor(t){super(),this.editor=t,this.hittable=!1,this.visible=0}__updateWorldBounds(){Object.assign(this.__local,U),Object.assign(this.__world,U)}__draw(t,e){const{editor:i}=this,{mask:o}=i.mergedConfig;if(o&&i.editing){if(t.fillWorld(t.bounds,!0===o?"rgba(0,0,0,0.8)":o),e.bounds&&!e.bounds.hit(i.editBox.rect.__world,e.matrix))return;t.saveBlendMode("destination-out"),i.list.forEach((i=>{i.__renderShape(t,e);const{__box:o,parent:s}=i;((i=o)||(i=s)&&s.textBox)&&i.__renderShape(t,e)})),t.restoreBlendMode()}}destroy(){this.editor=null,super.destroy()}}const Y='\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"/>',N={editSize:"size",keyEvent:!0,stroke:"#836DFF",strokeWidth:2,pointFill:"#FFFFFF",pointSize:10,pointRadius:16,rotateGap:45,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${Y}\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${Y}\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${Y}\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},K=new e.Bounds;function j(t){const{simulateTarget:e,list:i}=t,{zoomLayer:o}=i[0].leafer.zoomLayer;e.safeChange((()=>{K.setListWithFn(i,(t=>t.getBounds("box","page"))),0===K.width&&(K.width=.1),0===K.height&&(K.height=.1),e.reset(K.get())})),o.add(e)}const $=(t,e)=>t.parent.children.indexOf(t)-e.parent.children.indexOf(e),q=(t,e)=>e.parent.children.indexOf(e)-t.parent.children.indexOf(t),J={group(t,i,o){t.sort(q);const{app:s,parent:n}=t[0];let r;r=o&&o.add?o:new e.Group(o),n.addAt(r,n.children.indexOf(t[0])),t.sort($);const a=new e.Matrix(i.worldTransform);return a.divideParent(n.worldTransform),r.setTransform(a),r.editable=!0,r.hitChildren=!1,s.lockLayout(),t.forEach((t=>t.dropTo(r))),s.unlockLayout(),r},ungroup(t){const{app:e}=t[0],i=[];return e.lockLayout(),t.forEach((t=>{if(t.isBranch){const{parent:e,children:o}=t;for(;o.length;)i.push(o[0]),o[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($),t.forEach((t=>{t.parent&&t.parent.add(t)}))},toBottom(t){t.sort(q),t.forEach((t=>{t.parent&&t.parent.addAt(t,0)}))}},Q=e.Debug.get("EditToolCreator");function tt(){return t=>{it.register(t)}}const et=tt,it={list:{},register(t){const{tag:e}=t.prototype;ot[e]&&Q.repeat(e),ot[e]=t},get:(t,e)=>new ot[t](e)},{list:ot}=it;class st extends n{constructor(t,e){super(t,e)}}st.BEFORE_OPEN="innerEditor.before_open",st.OPEN="innerEditor.open",st.BEFORE_CLOSE="innerEditor.before_close",st.CLOSE="innerEditor.close";class nt extends n{constructor(t,e){super(t,e)}}nt.BEFORE_GROUP="editor.before_group",nt.GROUP="editor.group",nt.BEFORE_UNGROUP="editor.before_ungroup",nt.UNGROUP="editor.ungroup",nt.BEFORE_OPEN="editor.before_open_group",nt.OPEN="editor.open_group",nt.BEFORE_CLOSE="editor.before_close_group",nt.CLOSE="editor.close_group";const{updateMatrix:rt}=e.LeafHelper,at={x:1,y:1,scaleX:1,scaleY:1,rotation:1,skewX:1,skewY:1},ht="top-left";class lt extends e.Rect{get __tag(){return"SimulateElement"}constructor(t){super(),this.checkChange=!0,this.canChange=!0,this.visible=this.hittable=!1,this.on(e.PropertyEvent.CHANGE,(i=>{if(this.checkChange&&at[i.attrName]){const{attrName:o,newValue:s,oldValue:n}=i,r="s"===o[0]?(s||1)/(n||1):(s||0)-(n||0);this.canChange=!1;const a=this.__;a[o]=n,rt(this.parent),rt(this);const h=new e.Matrix(this.__world);switch(a[o]=s,this.__layout.rotationChange(),rt(this),this.changedTransform=new e.Matrix(this.__world).divide(h),o){case"x":t.move(r,0);break;case"y":t.move(0,r);break;case"rotation":t.rotateOf(ht,r);break;case"scaleX":t.scaleOf(ht,r,1);break;case"scaleY":t.scaleOf(ht,1,r);break;case"skewX":t.skewOf(ht,r,0);break;case"skewY":t.skewOf(ht,0,r)}this.canChange=!0}}))}safeChange(t){this.canChange&&(this.checkChange=!1,t(),this.checkChange=!0)}}class dt extends e.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 dragging(){return this.editBox.dragging}get moving(){return this.editBox.moving}get dragPoint(){return this.editBox.dragPoint}get element(){return this.multiple?this.simulateTarget:this.list[0]}get buttons(){return this.editBox.buttons}constructor(t,o){super(o),this.leafList=new e.LeafList,this.openedGroupList=new e.LeafList,this.simulateTarget=new lt(this),this.editBox=new W(this),this.editToolList={},this.selector=new _(this),this.editMask=new X(this),this.targetEventIds=[];let s=e.DataHelper.clone(N);t&&(s=e.DataHelper.default(t,s)),this.mergedConfig=this.config=s,this.addMany(this.editMask,this.selector,this.editBox),i.Plugin.has("resize")||(this.config.editSize="scale")}select(t){this.target=t}cancel(){this.target=null}hasItem(t){return this.leafList.has(t)}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)}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&&j(this),this.update()}updateEditTool(){const t=this.editTool;if(t&&(this.editBox.unload(),t.unload(),this.editTool=null),this.editing){const t=this.single?this.list[0].editOuter:"EditTool";this.editTool=this.editToolList[t]=this.editToolList[t]||it.get(t,this),this.editBox.load(),this.editTool.load()}}getEditSize(t){return this.mergeConfig.editSize}onMove(t){if(t instanceof i.MoveEvent){if("drag"!==t.moveType){const{moveable:e,resizeable:i}=this.mergeConfig,o=t.getLocalMove(this.element);"move"===e?(t.stop(),this.move(o.x,o.y)):"zoom"===i&&t.stop()}}else{const e={x:t.totalX,y:t.totalY};t.shiftKey&&(Math.abs(e.x)>Math.abs(e.y)?e.y=0:e.x=0),this.move(i.DragEvent.getValidMove(this.element,this.editBox.dragStartData.point,e))}}onScale(t){const{element:e}=this;let{around:o,lockRatio:s,resizeable:n,flipable:r,editSize:a}=this.mergeConfig;if(t instanceof i.ZoomEvent)"zoom"===n&&(t.stop(),this.scaleOf(e.getBoxPoint(t),t.scale,t.scale));else{const{direction:i}=t.current;(t.shiftKey||e.lockRatio)&&(s=!0);const n=I.getScaleData(e,this.editBox.dragStartData.bounds,i,t.getInnerTotal(e),s,I.getAround(o,t.altKey),r,this.multiple||"scale"===a);this.editTool.onScaleWithDrag?(n.drag=t,this.scaleWithDrag(n)):this.scaleOf(n.origin,n.scaleX,n.scaleY)}}onRotate(t){const{skewable:o,rotateable:s,around:n,rotateGap:r}=this.mergeConfig,{direction:a,name:h}=t.current;if(o&&"resize-line"===h)return this.onSkew(t);const{element:l}=this,{dragStartData:d}=this.editBox;let c,g;if(t instanceof i.RotateEvent){if("rotate"!==s)return;t.stop(),g=t.rotation,c=l.getBoxPoint(t),l.scaleX*l.scaleY<0&&(g=-g)}else{const e=I.getRotateData(l.boxBounds,a,t.getBoxPoint(l),l.getBoxPoint(d),t.shiftKey?null:l.around||l.origin||n||"center");g=e.rotation,c=e.origin}l.scaleX*l.scaleY<0&&(g=-g),t instanceof i.DragEvent&&(g=d.rotation+g-l.rotation),g=e.MathHelper.float(e.MathHelper.getGapRotation(g,r,l.rotation),2),g&&this.rotateOf(c,g)}onSkew(t){const{element:e}=this,{around:i}=this.mergeConfig,{origin:o,skewX:s,skewY:n}=I.getSkewData(e.boxBounds,t.current.direction,t.getInnerMove(e),I.getAround(i,t.altKey));(s||n)&&this.skewOf(o,s,n)}move(t,e=0){if(!this.checkTransform("moveable"))return;"object"==typeof t&&(e=t.y,t=t.x);const{element:i}=this,{beforeMove:o}=this.mergeConfig;if(o){const s=o({target:i,x:t,y:e});if("object"==typeof s)t=s.x,e=s.y;else if(!1===s)return}const s=i.getWorldPointByLocal({x:t,y:e},null,!0);this.multiple&&i.safeChange((()=>i.move(t,e)));const n={target:i,editor:this,moveX:s.x,moveY:s.y};this.emitEvent(new r(r.BEFORE_MOVE,n));const a=new r(r.MOVE,n);this.editTool.onMove(a),this.emitEvent(a)}scaleWithDrag(t){if(!this.checkTransform("resizeable"))return;const{element:e}=this,{beforeScale:i}=this.mergeConfig;if(i){const{origin:o,scaleX:s,scaleY:n,drag:r}=t;if(!1===i({target:e,drag:r,origin:o,scaleX:s,scaleY:n}))return}t=Object.assign(Object.assign({},t),{target:e,editor:this,worldOrigin:e.getWorldPoint(t.origin)}),this.emitEvent(new a(a.BEFORE_SCALE,t));const o=new a(a.SCALE,t);this.editTool.onScaleWithDrag(o),this.emitEvent(o)}scaleOf(t,e,i=e,o){if(!this.checkTransform("resizeable"))return;const{element:s}=this,{beforeScale:n}=this.mergeConfig;if(n){const o=n({target:s,origin:t,scaleX:e,scaleY:i});if("object"==typeof o)e=o.scaleX,i=o.scaleY;else if(!1===o)return}const r=this.getWorldOrigin(t),h=this.multiple&&this.getChangedTransform((()=>s.safeChange((()=>s.scaleOf(t,e,i))))),l={target:s,editor:this,worldOrigin:r,scaleX:e,scaleY:i,transform:h};this.emitEvent(new a(a.BEFORE_SCALE,l));const d=new a(a.SCALE,l);this.editTool.onScale(d),this.emitEvent(d)}flip(t){if(!this.checkTransform("resizeable"))return;const{element:i}=this,o=this.getWorldOrigin("center"),s=this.multiple?this.getChangedTransform((()=>i.safeChange((()=>i.flip(t))))):new e.Matrix(e.LeafHelper.getFlipTransform(i,t)),n={target:i,editor:this,worldOrigin:o,scaleX:"x"===t?-1:1,scaleY:"y"===t?-1:1,transform:s};this.emitEvent(new a(a.BEFORE_SCALE,n));const r=new a(a.SCALE,n);this.editTool.onScale(r),this.emitEvent(r)}rotateOf(t,e){if(!this.checkTransform("rotateable"))return;const{element:i}=this,{beforeRotate:o}=this.mergeConfig;if(o){const s=o({target:i,origin:t,rotation:e});if("number"==typeof s)e=s;else if(!1===s)return}const s=this.getWorldOrigin(t),n=this.multiple&&this.getChangedTransform((()=>i.safeChange((()=>i.rotateOf(t,e))))),r={target:i,editor:this,worldOrigin:s,rotation:e,transform:n};this.emitEvent(new h(h.BEFORE_ROTATE,r));const a=new h(h.ROTATE,r);this.editTool.onRotate(a),this.emitEvent(a)}skewOf(t,e,i=0,o){if(!this.checkTransform("skewable"))return;const{element:s}=this,{beforeSkew:n}=this.mergeConfig;if(n){const o=n({target:s,origin:t,skewX:e,skewY:i});if("object"==typeof o)e=o.skewX,i=o.skewY;else if(!1===o)return}const r=this.getWorldOrigin(t),a=this.multiple&&this.getChangedTransform((()=>s.safeChange((()=>s.skewOf(t,e,i))))),h={target:s,editor:this,worldOrigin:r,skewX:e,skewY:i,transform:a};this.emitEvent(new l(l.BEFORE_SKEW,h));const d=new l(l.SKEW,h);this.editTool.onSkew(d),this.emitEvent(d)}checkTransform(t){return this.element&&!this.element.locked&&this.mergeConfig[t]}getWorldOrigin(t){return this.element.getWorldPoint(e.LeafHelper.getInnerOrigin(this.element,t))}getChangedTransform(t){const{element:i}=this;if(this.multiple&&!i.canChange)return i.changedTransform;const o=new e.Matrix(i.worldTransform);return t(),new e.Matrix(i.worldTransform).divide(o)}group(t){return this.multiple&&(this.emitGroupEvent(nt.BEFORE_GROUP),this.target=J.group(this.list,this.element,t),this.emitGroupEvent(nt.GROUP,this.target)),this.target}ungroup(){const{list:t}=this;return t.length&&(t.forEach((t=>t.isBranch&&this.emitGroupEvent(nt.BEFORE_UNGROUP,t))),this.target=J.ungroup(t),t.forEach((t=>t.isBranch&&this.emitGroupEvent(nt.UNGROUP,t)))),this.list}openGroup(t){this.emitGroupEvent(nt.BEFORE_OPEN,t),this.openedGroupList.add(t),t.hitChildren=!0,this.emitGroupEvent(nt.OPEN,t)}closeGroup(t){this.emitGroupEvent(nt.BEFORE_CLOSE,t),this.openedGroupList.remove(t),t.hitChildren=!1,this.emitGroupEvent(nt.CLOSE,t)}checkOpenedGroups(){const t=this.openedGroupList;if(t.length){let{list:i}=t;this.editing&&(i=[],t.forEach((t=>this.list.every((i=>!e.LeafHelper.hasParent(i,t)))&&i.push(t)))),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 nt(t,{editTarget:e});this.emitEvent(i),e&&e.emitEvent(i)}openInnerEditor(t,e){if(t&&e&&(this.target=t),this.single){const e=t||this.element,i=e.editInner;i&&it.list[i]&&(this.editTool.unload(),this.innerEditing=!0,this.innerEditor=this.editToolList[i]||it.get(i,this),this.innerEditor.editTarget=e,this.emitInnerEvent(st.BEFORE_OPEN),this.innerEditor.load(),this.emitInnerEvent(st.OPEN))}}closeInnerEditor(){this.innerEditing&&(this.innerEditing=!1,this.emitInnerEvent(st.BEFORE_CLOSE),this.innerEditor.unload(),this.emitInnerEvent(st.CLOSE),this.editTool.load(),this.innerEditor=null)}emitInnerEvent(t){const{innerEditor:e}=this,{editTarget:i}=e,o=new st(t,{editTarget:i,innerEditor:e});this.emitEvent(o),i.emitEvent(o)}lock(){this.list.forEach((t=>t.locked=!0)),this.update()}unlock(){this.list.forEach((t=>t.locked=!1)),this.update()}toTop(){this.list.length&&(J.toTop(this.list),this.leafList.update())}toBottom(){this.list.length&&(J.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()}onKey(t){D(this,t)}listenTargetEvents(){if(!this.targetEventIds.length){const{app:t,leafer:o,editBox:s,editMask:n}=this;this.targetEventIds=[o.on_(e.RenderEvent.START,this.onRenderStart,this),t.on_(e.RenderEvent.CHILD_START,this.onAppRenderStart,this),t.on_(i.MoveEvent.BEFORE_MOVE,this.onMove,this,!0),t.on_(i.ZoomEvent.BEFORE_ZOOM,this.onScale,this,!0),t.on_(i.RotateEvent.BEFORE_ROTATE,this.onRotate,this,!0),t.on_([i.KeyEvent.HOLD,i.KeyEvent.UP],this.onKey,this),t.on_(i.KeyEvent.DOWN,s.onArrow,s)],n.visible&&n.forceRender()}}removeTargetEvents(){const{targetEventIds:t,editMask:e}=this;t.length&&(this.off_(t),t.length=0,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())}}o([(t,i)=>{e.defineKey(t,i,{get(){const{config:t,element:i,dragPoint:o}=this,s=Object.assign({},t);return i&&i.editConfig&&Object.assign(s,i.editConfig),o&&(o.editConfig&&Object.assign(s,o.editConfig),"font-size"===s.editSize&&(s.lockRatio=!0),"resize-rotate"===o.pointType&&(s.around||(s.around="center"),e.isNull(s.lockRatio)&&(s.lockRatio=!0))),this.mergedConfig=s}})}],dt.prototype,"mergeConfig",void 0),o([d((function(t,e){t.emitEvent(new n(n.HOVER,{editor:t,value:t.hoverTarget,oldValue:e}))}))],dt.prototype,"hoverTarget",void 0),o([d((function(t,i){const{target:o}=t;o?(t.leafList=o instanceof e.LeafList?o:new e.LeafList(o),t.multiple&&j(t)):(t.simulateTarget.remove(),t.leafList.reset(),t.closeInnerEditor()),t.emitEvent(new n(n.SELECT,{editor:t,value:o,oldValue:i})),t.checkOpenedGroups(),t.editing?t.waitLeafer((()=>{A(t),t.updateEditTool(),t.update(),t.listenTargetEvents()})):(t.updateEditTool(),t.removeTargetEvents())}))],dt.prototype,"target",void 0);class ct{static registerInnerEditor(){it.register(this)}get tag(){return"InnerEditor"}get editBox(){return this.editor.editBox}constructor(t){this.editor=t,this.create()}onCreate(){}create(){this.view=new e.Group,this.onCreate()}onLoad(){}load(){const{editor:t}=this;t&&(t.app&&(t.selector.hittable=t.app.tree.hitChildren=!1),this.onLoad())}onUpdate(){}update(){this.onUpdate()}onUnload(){}unload(){const{editor:t}=this;t&&(t.app&&(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)}}t.EditTool=class extends ct{static registerEditTool(){it.register(this)}get tag(){return"EditTool"}onMove(t){const{moveX:e,moveY:i,editor:o}=t,{app:s,list:n}=o;s.lockLayout(),n.forEach((t=>{t.moveWorld(e,i)})),s.unlockLayout()}onScale(t){const{scaleX:e,scaleY:i,transform:o,worldOrigin:s,editor:n}=t,{app:r,list:a}=n;r.lockLayout(),a.forEach((t=>{const r="scale"!==n.getEditSize(t);o?t.transformWorld(o,r):t.scaleOfWorld(s,e,i,r)})),r.unlockLayout()}onRotate(t){const{rotation:e,transform:i,worldOrigin:o,editor:s}=t,{app:n,list:r}=s;n.lockLayout(),r.forEach((t=>{const n="scale"!==s.getEditSize(t);i?t.transformWorld(i,n):t.rotateOfWorld(o,e)})),n.unlockLayout()}onSkew(t){const{skewX:e,skewY:i,transform:o,worldOrigin:s,editor:n}=t,{app:r,list:a}=n;r.lockLayout(),a.forEach((t=>{const r="scale"!==n.getEditSize(t);o?t.transformWorld(o,r):t.skewOfWorld(s,e,i,r)})),r.unlockLayout()}load(){this.editBox.view.visible=!0,this.onLoad()}update(){const{editor:t,editBox:e}=this,{x:i,y:o,scaleX:s,scaleY:n,rotation:r,skewX:a,skewY:h,width:l,height:d}=t.element.getLayoutBounds("box",t,!0);e.set({x:i,y:o,scaleX:s,scaleY:n,rotation:r,skewX:a,skewY:h}),e.update({x:0,y:0,width:l,height:d}),this.onUpdate()}unload(){this.editBox.view.visible=!1,this.onUnload()}},t.EditTool=o([tt()],t.EditTool);const{left:gt,right:ut}=e.Direction9,{move:ft,copy:pt,toNumberPoints:Et}=e.PointHelper;return t.LineEditTool=class extends t.EditTool{constructor(){super(...arguments),this.scaleOfEvent=!0}get tag(){return"LineEditTool"}onScaleWithDrag(t){const{drag:i,direction:o,lockRatio:s,around:n}=t,r=t.target,a=o===gt;if(r.pathInputed){const{path:t}=r.__,{from:e,to:o}=this.getFromToByPath(t);this.dragPoint(e,o,a,n,this.getInnerMove(r,i,s)),t[1]=e.x,t[2]=e.y,t[4]=o.x,t[5]=o.y,r.path=t}else if(r.points){const{points:t}=r,{from:e,to:o}=this.getFromToByPoints(t);this.dragPoint(e,o,a,n,this.getInnerMove(r,i,s)),t[0]=e.x,t[1]=e.y,t[2]=o.x,t[3]=o.y,r.points=t}else{const t=e.getPointData(),{toPoint:o}=r;r.rotation=0,this.dragPoint(t,o,a,n,this.getInnerMove(r,i,s)),r.getLocalPointByInner(t,null,null,!0),r.getLocalPointByInner(o,null,null,!0),r.x=t.x,r.y=t.y,r.getInnerPointByLocal(o,null,null,!0),r.toPoint=o}}getInnerMove(t,e,i){const o=e.getInnerMove(t);return i&&(Math.abs(o.x)>Math.abs(o.y)?o.y=0:o.x=0),o}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,o,s){const{x:n,y:r}=s;i?(ft(t,n,r),o&&ft(e,-n,-r)):(o&&ft(t,-n,-r),ft(e,n,r))}onSkew(t){}onUpdate(){const{editBox:t}=this,{rotatePoints:e,resizeLines:i,resizePoints:o,rect:s}=t,n=this.editor.element;let r,a;if(n.pathInputed?r=this.getFromToByPath(n.__.path):n.points&&(r=this.getFromToByPoints(n.__.points)),r){const{from:i,to:a}=r;n.innerToWorld(i,i,!1,t),n.innerToWorld(a,a,!1,t),s.pen.clearPath().moveTo(i.x,i.y).lineTo(a.x,a.y),pt(o[7],i),pt(e[7],i),pt(o[3],a),pt(e[3],a)}for(let t=0;t<8;t++)t<4&&(i[t].visible=!1),a=t===gt||t===ut,o[t].visible=a,e[t].visible=!r&&a}},t.LineEditTool=o([tt()],t.LineEditTool),e.Plugin.add("editor","resize"),e.Creator.editor=function(t){return new dt(t)},e.Box.addAttr("textBox",!1,e.dataType),e.UI.addAttr("editConfig",void 0,e.dataType),e.UI.addAttr("editOuter",(t=>t.__.__isLinePath?"LineEditTool":"EditTool"),e.dataType),e.UI.addAttr("editInner","PathEditor",e.dataType),e.Group.addAttr("editInner","",e.dataType),e.Text.addAttr("editInner","TextEditor",e.dataType),e.UI.setEditConfig=function(t){this.changeAttr("editConfig",t)},e.UI.setEditOuter=function(t){this.changeAttr("editOuter",t)},e.UI.setEditInner=function(t){this.changeAttr("editInner",t)},t.EditBox=W,t.EditDataHelper=I,t.EditPoint=z,t.EditSelect=_,t.EditSelectHelper=L,t.EditToolCreator=it,t.Editor=dt,t.EditorEvent=n,t.EditorGroupEvent=nt,t.EditorHelper=J,t.EditorMoveEvent=r,t.EditorRotateEvent=h,t.EditorScaleEvent=a,t.EditorSkewEvent=l,t.InnerEditor=ct,t.InnerEditorEvent=st,t.SelectArea=b,t.Stroker=v,t.registerEditTool=tt,t.registerInnerEditor=et,t}({},LeaferUI,LeaferUI);
//# sourceMappingURL=editor.min.js.map