@wbiokr/arrow 1.0.2 → 1.0.4

package/README.md

@@ -2,6 +2,10 @@
 
 箭头绘制编辑器 - 在网页上绘制可编辑的箭头
 
+## 环境要求
+
+- Node.js >= 20.19.0 或 >= 22.12.0
+
 ## 安装
 
 ```bash
@@ -64,6 +68,11 @@ const editor = new ArrowEditor('#container')
 
 1. 点击箭头选中
 2. 按 `Delete` 或 `Backspace` 键
+3. 或在工具条上点击"删除箭头"按钮
+
+### 切换选中
+
+点击其他箭头可快速切换选中状态。
 
 ### 取消选中
 

package/dist/bundle.cjs.js

@@ -1,148 +1,2 @@
-(function(g,_){typeof exports=="object"&&typeof module<"u"?_(exports,require("@wbiokr/keybinding")):typeof define=="function"&&define.amd?define(["exports","@wbiokr/keybinding"],_):(g=typeof globalThis<"u"?globalThis:g||self,_(g.ArrowEditor={},g.Keybinding))})(this,(function(g,_){"use strict";const D=`
-.ae-d2-container {
-  position: relative;
-  width: 1000px;
-  height: 600px;
-  background: #fff;
-  margin: auto;
-}
-
-.ae-d2-svg {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  left: 0;
-  top: 0;
-  z-index: 10;
-}
-
-
-.ae-arrow-path {
-  fill: none;
-  stroke-linecap: round;
-  stroke-linejoin: round;
-  cursor: pointer;
-}
-
-.ae-arrow-path:hover {
-  stroke: #00aaff;
-}
-
-.ae-transform-box {
-  fill: none;
-  stroke: #00aaff;
-  stroke-width: 2;
-  stroke-dasharray: 4;
-}
-
-.ae-transform-handle {
-  fill: #fff;
-  stroke: #00aaff;
-  stroke-width: 2;
-  cursor: pointer;
-}
-
-.ae-transform-handle:hover {
-  fill: #00aaff;
-}
-
-.ae-rotate-handle {
-  fill: #fff;
-  stroke: #ff6600;
-  stroke-width: 2;
-  cursor: grab;
-}
-
-.ae-rotate-handle:hover {
-  fill: #ff6600;
-}
-
-.ae-rotate-line {
-  stroke: #ff6600;
-  stroke-width: 1;
-  stroke-dasharray: 4;
-}
-
-/* 工具条样式 */
-.ae-toolbar {
-  position: absolute;
-  display: none;
-  flex-direction: column;
-  gap: 10px;
-  padding: 12px;
-  background: #fff;
-  border: 1px solid #ddd;
-  border-radius: 8px;
-  box-shadow: 0 2px 12px rgba(0,0,0,0.15);
-  z-index: 20;
-  pointer-events: auto;
-  min-width: 140px;
-}
-
-.ae-toolbar-drag-handle {
-  cursor: grab;
-  text-align: center;
-  padding: 4px;
-  color: #999;
-  font-size: 14px;
-  line-height: 1;
-  user-select: none;
-  border-bottom: 1px solid #eee;
-  margin: -12px -12px 8px -12px;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  border-radius: 8px 8px 0 0;
-}
-
-.ae-toolbar-drag-handle:active {
-  cursor: grabbing;
-}
-
-.ae-toolbar-item {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-
-.ae-toolbar-label {
-  font-size: 11px;
-  color: #666;
-}
-
-.ae-toolbar input[type="color"] {
-  width: 40px;
-  height: 30px;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  cursor: pointer;
-  padding: 0;
-  background: none;
-}
-
-.ae-toolbar input[type="range"] {
-  width: 120px;
-  cursor: pointer;
-}
-
-.ae-toolbar-value {
-  font-size: 10px;
-  color: #999;
-  text-align: right;
-}
-`;if(typeof document<"u"){const w=document.createElement("style");w.textContent=D,document.head.appendChild(w)}class S{constructor(t,e={}){this.container=typeof t=="string"?document.querySelector(t):t,this.svg=null,this.arrows=[],this.drawing=!1,this.current=null,this.selected=null,this.mode=null,this.lastClickTime=0,this.lastClickPos=null,this._shouldBlockClick=!1,this._defaultColor="#2b8cff",this.isCtrl=e.isCtrl||!1,this.stopPropagation=e.stopPropagation||!1,this.preventDefault=e.preventDefault||!1,this.onDrawEnd=e.onDrawEnd||null,this.onRemove=e.onRemove||null,this.onChange=e.onChange||null,this._transformMode=null,this._transformHandle=null,this._transformStartPos=null,this._transformStartPoints=null,this._transformCenter=null,this._transformStartAngle=null,this._rotationOffset=0,this._toolbar=null,this._strokeWidth=8,this._curveRate=0,this._createSVG(),this._initKeybindings(),this._initEvents()}_createSVG(){typeof getComputedStyle<"u"&&getComputedStyle(this.container).position==="static"&&(this.container.style.position="relative"),this.svg=document.createElementNS("http://www.w3.org/2000/svg","svg"),this.svg.setAttribute("class","ae-d2-svg"),this.container.appendChild(this.svg);const t=document.createElementNS("http://www.w3.org/2000/svg","defs");this.svg.appendChild(t);const e=document.createElementNS("http://www.w3.org/2000/svg","marker");e.setAttribute("id","ae-arrowhead"),e.setAttribute("markerWidth","10"),e.setAttribute("markerHeight","10"),e.setAttribute("refX","9"),e.setAttribute("refY","5"),e.setAttribute("orient","auto");const s=document.createElementNS("http://www.w3.org/2000/svg","polygon");s.setAttribute("points","0,0 10,5 0,10 2,5"),s.setAttribute("fill",this._defaultColor),e.appendChild(s),t.appendChild(e)}_createToolbar(){this._toolbar&&this._toolbar.remove(),this._toolbar=document.createElement("div"),this._toolbar.className="ae-toolbar";const t=this.selected.color||this._defaultColor,e=this.selected.strokeWidth||this._strokeWidth,s=this.selected.curveRate??this.selected.cornerRoundness??0;this._toolbar.innerHTML=`
-      <div class="ae-toolbar-drag-handle">:::</div>
-      <div class="ae-toolbar-item">
-        <span class="ae-toolbar-label">颜色</span>
-        <input type="color" class="ae-color-input" value="${t}" />
-      </div>
-      <div class="ae-toolbar-item">
-        <span class="ae-toolbar-label">粗细</span>
-        <input type="range" class="ae-stroke-input" min="1" max="60" value="${e}" />
-        <span class="ae-toolbar-value">${e}px</span>
-      </div>
-      <div class="ae-toolbar-item">
-        <span class="ae-toolbar-label">曲线率</span>
-        <input type="range" class="ae-round-input" min="0" max="1" step="0.1" value="${s}" />
-      </div>
-    `,this._toolbar.querySelector(".ae-color-input").addEventListener("input",r=>{this.selected&&(this.selected.color=r.target.value,this._defaultColor=r.target.value,this._updateMarkerColor(r.target.value),this.render(),this.onChange&&this.onChange({type:"color",arrow:this.selected,value:r.target.value,arrows:this.getData()}))});const i=this._toolbar.querySelector(".ae-stroke-input"),n=this._toolbar.querySelector(".ae-stroke-input + .ae-toolbar-value");i.addEventListener("input",r=>{this.selected&&(this.selected.strokeWidth=parseInt(r.target.value),n.textContent=r.target.value+"px",this.render(),this.onChange&&this.onChange({type:"strokeWidth",arrow:this.selected,value:parseInt(r.target.value),arrows:this.getData()}))}),this._toolbar.querySelector(".ae-round-input").addEventListener("input",r=>{this.selected&&(this.selected.curveRate=parseFloat(r.target.value),this.render(),this.onChange&&this.onChange({type:"curveRate",arrow:this.selected,value:parseFloat(r.target.value),arrows:this.getData()}))});const l=this._toolbar.querySelector(".ae-toolbar-drag-handle");this._setupToolbarDrag(l),this._toolbar.addEventListener("mousedown",r=>{r.stopPropagation()}),this._toolbar.addEventListener("mouseup",r=>{r.stopPropagation()}),this.container.appendChild(this._toolbar)}_setupToolbarDrag(t){let e=!1,s={x:0,y:0};t.addEventListener("mousedown",o=>{e=!0,this._toolbarDragging=!0;const i=this._toolbar.getBoundingClientRect();s.x=o.clientX-i.left,s.y=o.clientY-i.top,o.preventDefault(),o.stopPropagation();const n=l=>{if(!e)return;const r=this.container.getBoundingClientRect();let h=l.clientX-r.left-s.x,c=l.clientY-r.top-s.y;const d=this._toolbar.offsetWidth,u=this._toolbar.offsetHeight;h=Math.max(0,Math.min(h,r.width-d)),c=Math.max(0,Math.min(c,r.height-u)),this._toolbar.style.left=h+"px",this._toolbar.style.top=c+"px"},a=l=>{e=!1,this._toolbarDragging=!1,document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",a),this._toolbar.removeEventListener("mouseup",a),l.preventDefault(),l.stopPropagation()};document.addEventListener("mousemove",n),document.addEventListener("mouseup",a),this._toolbar.addEventListener("mouseup",a)})}_showToolbar(){if(this.selected){this._toolbar||this._createToolbar(),this._toolbar.style.display="flex";const t=this.selected.color||this._defaultColor,e=this.selected.strokeWidth||this._strokeWidth,s=this.selected.curveRate??this.selected.cornerRoundness??0,o=this._toolbar.querySelector(".ae-color-input"),i=this._toolbar.querySelector(".ae-stroke-input"),n=this._toolbar.querySelector(".ae-stroke-input + .ae-toolbar-value"),a=this._toolbar.querySelector(".ae-round-input");o&&(o.value=t),i&&(i.value=e,n.textContent=e+"px"),a&&(a.value=s);const l=this._getArrowBBox(this.selected),r=this._toolbar.offsetWidth||150,h=this._toolbar.offsetHeight||120;let c=l.maxX+20;c+r>this.container.offsetWidth&&(c=l.minX-r-20);let d=l.centerY-h/2;d<0&&(d=0),d+h>this.container.offsetHeight&&(d=this.container.offsetHeight-h),this._toolbar.style.left=c+"px",this._toolbar.style.top=d+"px"}}_hideToolbar(){this._toolbar&&(this._toolbar.style.display="none")}_updateMarkerColor(t){const e=this.svg.querySelector("#ae-arrowhead polygon");e&&e.setAttribute("fill",t)}_initKeybindings(){this._kb=new _.Keybinding("arrow-editor"),this._kb.on("enter",()=>{this._handleEnter()}),this._kb.on("esc",()=>{this._handleEsc()}),this._kb.on("delete",()=>{this._handleDelete()}),this._kb.on("backspace",()=>{this._handleDelete()})}_initEvents(){this.container.onclick=t=>{if(this._toolbar&&(t.target===this._toolbar||this._toolbar.contains(t.target)))return;this.preventDefault&&t.preventDefault(),this.stopPropagation&&t.stopPropagation();const e=this._mousePos(t);this._handleClick(e,t)},this.container.onmousemove=t=>{this.preventDefault&&t.preventDefault(),this.stopPropagation&&t.stopPropagation();const e=this._mousePos(t);this._handleMouseMove(t,e)},this.container.onmousedown=t=>{if(!(this._toolbar&&(t.target===this._toolbar||this._toolbar.contains(t.target)))&&(this.preventDefault&&t.preventDefault(),this.stopPropagation&&t.stopPropagation(),this.selected)){const e=t.target.getAttribute("data-handle");if(e){this._transformMode=e,this._transformHandle=e;const s=this._mousePos(t);if(this._transformStartPos=s,this._transformStartPoints=this.selected.points.map(o=>({x:o.x,y:o.y})),this._transformCenter=this._getArrowBBox(this.selected),e==="rotate"){const o=this._transformCenter,i=s.x-o.centerX,n=s.y-o.centerY;this._transformStartAngle=Math.atan2(n,i),this._rotationOffset=0}t.stopPropagation();return}this.mode="move"}},this.container.onmouseup=t=>{this._transformMode&&this.selected&&this.onChange&&this.onChange({type:this._transformMode,arrow:this.selected,arrows:this.getData()}),this.mode=null,this._transformMode=null,this._transformHandle=null}}_mousePos(t){const e=this.container.getBoundingClientRect();return{x:t.clientX-e.left,y:t.clientY-e.top}}_generatePath(t,e=0){if(t.length<2)return"";if(e===0){let o=`M ${t[0].x} ${t[0].y}`;for(let i=1;i<t.length;i++)o+=` L ${t[i].x} ${t[i].y}`;return o}let s=`M ${t[0].x} ${t[0].y}`;for(let o=0;o<t.length-1;o++){const i=t[o],n=t[o+1],a=n.x-i.x,l=n.y-i.y,r=Math.hypot(a,l);if(r===0)continue;let h=a,c=l;if(o>0){const b=t[o-1];h=i.x-b.x,c=i.y-b.y}let d=a,u=l;if(o<t.length-2){const b=t[o+2];d=b.x-n.x,u=b.y-n.y}const f=Math.hypot(h,c)||1,p=Math.hypot(d,u)||1,k=h/f,C=c/f,x=d/p,v=u/p,m=r*e*.3,y=i.x+k*m,P=i.y+C*m,A=n.x-x*m,E=n.y-v*m;s+=` C ${y} ${P} ${A} ${E} ${n.x} ${n.y}`}return s}_generateArrowHead(t,e=8){if(t.length<2)return"";const s=t[t.length-1];let o=t[t.length-2];t.length>=3&&Math.hypot(s.x-o.x,s.y-o.y)<5&&(o=t[t.length-3]);const i=s.x-o.x,n=s.y-o.y,a=Math.hypot(i,n);if(a<1)return"";const l=i/a,r=n/a,h=s.x,c=s.y,d=e/8,u=40*d,f=20*d,p=20*d,k=s.x+l*p,C=s.y+r*p,x=s.x-l*(u-p),v=s.y-r*(u-p),m=-r,y=l,P=x+m*f,A=v+y*f,E=x-m*f,b=v-y*f;return`M ${k} ${C} L ${P} ${A} L ${h} ${c} L ${E} ${b} Z`}_createArrowGroup(t,e){const s=document.createElementNS("http://www.w3.org/2000/svg","g");s.setAttribute("data-index",e);const o=t.color||this._defaultColor,i=t.strokeWidth||this._strokeWidth,n=t.curveRate??t.cornerRoundness??0,a=document.createElementNS("http://www.w3.org/2000/svg","path");a.setAttribute("class","ae-arrow-path"),a.style.stroke=o,a.style.strokeWidth=i+"px",a.setAttribute("d",this._generatePath(t.points,n)),s.appendChild(a);const l=document.createElementNS("http://www.w3.org/2000/svg","path");if(l.setAttribute("fill",o),l.setAttribute("d",this._generateArrowHead(t.points,i)),s.appendChild(l),t===this.selected){const r=this._getArrowBBox(t),h=document.createElementNS("http://www.w3.org/2000/svg","rect");h.setAttribute("class","ae-transform-box"),h.setAttribute("x",r.minX-10),h.setAttribute("y",r.minY-10),h.setAttribute("width",r.width+20),h.setAttribute("height",r.height+20),s.appendChild(h);const c=document.createElementNS("http://www.w3.org/2000/svg","circle");c.setAttribute("class","ae-transform-handle"),c.setAttribute("cx",r.maxX+10),c.setAttribute("cy",r.maxY+10),c.setAttribute("r",6),c.setAttribute("data-handle","scale"),s.appendChild(c);const d=r.minY-30,u=r.centerX,f=document.createElementNS("http://www.w3.org/2000/svg","line");f.setAttribute("class","ae-rotate-line"),f.setAttribute("x1",r.centerX),f.setAttribute("y1",r.minY-10),f.setAttribute("x2",u),f.setAttribute("y2",d),s.appendChild(f);const p=document.createElementNS("http://www.w3.org/2000/svg","circle");p.setAttribute("class","ae-rotate-handle"),p.setAttribute("cx",u),p.setAttribute("cy",d),p.setAttribute("r",8),p.setAttribute("data-handle","rotate"),s.appendChild(p)}return s}render(){if(this.svg.querySelectorAll("g").forEach(t=>t.remove()),this.arrows.forEach((t,e)=>{const s=this._createArrowGroup(t,e);this.svg.appendChild(s)}),this.current){const t=this._createArrowGroup(this.current,this.arrows.length);this.svg.appendChild(t)}}_isDoubleClick(t){const e=Date.now(),s=e-this.lastClickTime;return this.lastClickTime=e,s<300&&this.lastClickPos&&Math.hypot(t.x-this.lastClickPos.x,t.y-this.lastClickPos.y)<10?(this.lastClickPos=null,!0):(this.lastClickPos=t,!1)}_handleClick(t,e){if(!(this.isCtrl&&!e.ctrlKey)){if(this._shouldBlockClick){this._shouldBlockClick=!1;return}if(this._isDoubleClick(t)){if(this.drawing&&this.current&&this.current.points.length>=2){this.drawing=!1,this.arrows.push(this.current);const s=this.current;this.current=null,this.svg.classList.remove("ae-d2-svg-fixed"),this.render(),this.onDrawEnd&&this.onDrawEnd({arrow:s,arrows:this.getData()})}return}if(this.selected){for(const s of this.arrows)if(this._hitArrow(s,t)){this.render();return}this.selected=null,this._hideToolbar(),this.render();return}for(const s of this.arrows)if(this._hitArrow(s,t)){this.selected=s,this._showToolbar(),this.render();return}this.drawing?this.current.points.push(t):(this.drawing=!0,this.current={points:[t,t],color:this._defaultColor},this.svg.classList.add("ae-d2-svg-fixed")),this.render()}}_handleEnter(){if(this.drawing&&this.current&&this.current.points.length>=2){this.drawing=!1,this.arrows.push(this.current);const t=this.current;this.current=null,this.svg.classList.remove("ae-d2-svg-fixed"),this.render(),this.onDrawEnd&&this.onDrawEnd({arrow:t,arrows:this.getData()})}}_handleEsc(){this.drawing&&(this.drawing=!1,this.current=null,this.svg.classList.remove("ae-d2-svg-fixed")),this.selected&&(this.selected=null),this._hideColorPicker(),this._hideToolbar(),this.render()}_handleDelete(){if(this.selected){const t=this.selected,e=this.arrows.indexOf(this.selected);e>-1&&this.arrows.splice(e,1),this.selected=null,this._hideToolbar(),this.render(),this.onRemove&&this.onRemove({arrow:t,arrows:this.getData()})}}_showColorPicker(t){if(this._showingColorPicker){this._hideColorPicker();return}this._showingColorPicker=!0;const e=document.createElement("div");e.className="ae-color-picker-popup";const s=document.createElement("span");s.textContent="选择颜色",s.style.cssText="font-size: 12px; color: #666;";const o=document.createElement("input");o.type="color",o.value=this.selected.color||this._defaultColor,o.showPicker(),e.appendChild(s),e.appendChild(o);const i=this.container.getBoundingClientRect(),n=this._getArrowBBox(this.selected),a=i.left+n.minX-50,l=i.top+n.maxY+15;e.style.left=a+"px",e.style.top=l+"px",o.addEventListener("input",h=>{this.selected.color=h.target.value,this._defaultColor=h.target.value,this.render(),this.onChange&&this.onChange({type:"color",arrow:this.selected,value:h.target.value,arrows:this.getData()})});const r=h=>{e.contains(h.target)||(this._hideColorPicker(),document.removeEventListener("click",r))};document.body.appendChild(e),this._colorPickerPopup=e,document.addEventListener("click",r)}_hideColorPicker(){this._colorPickerPopup&&(this._colorPickerPopup.remove(),this._colorPickerPopup=null),this._showingColorPicker=!1}deleteSelected(){this.selected&&(this.arrows=this.arrows.filter(t=>t!==this.selected),this.selected=null,this.render())}_handleMouseMove(t,e){if(!this._toolbarDragging&&!(this._toolbar&&(t.target===this._toolbar||this._toolbar.contains(t.target)))){if(this.isCtrl&&!t.ctrlKey){if(this.drawing&&this.current&&this.current.points.length>=2){this.drawing=!1,this.arrows.push(this.current);const s=this.current;this.current=null,this.svg.classList.remove("ae-d2-svg-fixed"),this.render(),this.onDrawEnd&&this.onDrawEnd({arrow:s,arrows:this.getData()})}return}if(this.drawing&&(this.current.points[this.current.points.length-1]=e,this.render()),this._transformMode&&this.selected){this._transformMode==="rotate"?this._handleRotate(e):this._transformMode==="scale"&&this._handleScale(e),this.render();return}if(this.selected&&this.mode==="move"){const s=t.movementX,o=t.movementY;(s!==0||o!==0)&&(this._shouldBlockClick=!0),this.selected.points.forEach(i=>{i.x+=s,i.y+=o}),this.render()}}}_getArrowBBox(t){const e=t.points;let s=1/0,o=1/0,i=-1/0,n=-1/0;for(const a of e)s=Math.min(s,a.x),o=Math.min(o,a.y),i=Math.max(i,a.x),n=Math.max(n,a.y);return{minX:s,minY:o,maxX:i,maxY:n,width:i-s,height:n-o,centerX:(s+i)/2,centerY:(o+n)/2}}_handleRotate(t){const e=this._transformCenter,s=e.centerX,o=e.centerY,i=Math.atan2(t.y-o,t.x-s),n=Math.atan2(this._transformStartPos.y-o,this._transformStartPos.x-s),a=i-n,l=Math.cos(a),r=Math.sin(a);this.selected.points.forEach((h,c)=>{const d=this._transformStartPoints[c].x-s,u=this._transformStartPoints[c].y-o;h.x=s+d*l-u*r,h.y=o+d*r+u*l})}_handleScale(t){const e=this._transformCenter,s=e.centerX,o=e.centerY,i=this._transformStartPoints,n=this._transformStartPos,a=t.x-s,l=t.y-o,r=n.x-s,h=n.y-o,c=Math.hypot(a,l),d=Math.hypot(r,h),u=c/d;this.selected.points.forEach((f,p)=>{f.x=s+(i[p].x-s)*u,f.y=o+(i[p].y-o)*u})}_hitArrow(t,e){for(let s=0;s<t.points.length-1;s++)if(this._dist(e,t.points[s],t.points[s+1])<15)return!0;return!1}_dist(t,e,s){const o=s.x-e.x,i=s.y-e.y,n=((t.x-e.x)*o+(t.y-e.y)*i)/(o*o+i*i),a=Math.max(0,Math.min(1,n)),l=e.x+a*o,r=e.y+a*i;return Math.hypot(t.x-l,t.y-r)}getData(){return this.arrows.map(t=>({points:t.points,curveRate:t.curveRate??t.cornerRoundness??0,strokeWidth:t.strokeWidth,color:t.color}))}setData(t){this.arrows=t.map(e=>({points:e.points,curveRate:e.curveRate??0,strokeWidth:e.strokeWidth??8,color:e.color})),this.render()}clear(){this.arrows=[],this.drawing=!1,this.current=null,this.selected=null,this.render()}destroy(){this._kb&&this._kb.destroy&&this._kb.destroy(),this.container.onclick=null,this.container.onmousemove=null,this.container.onmousedown=null,this.container.onmouseup=null,this.container.ondblclick=null,this.svg&&(this.svg.remove(),this.svg=null),this._toolbar&&(this._toolbar.remove(),this._toolbar=null),this._colorPickerPopup&&(this._colorPickerPopup.remove(),this._colorPickerPopup=null),this.arrows=[],this.drawing=!1,this.current=null,this.selected=null,this.mode=null,this._transformMode=null,this._transformHandle=null}}g.ArrowEditor=S,Object.defineProperty(g,Symbol.toStringTag,{value:"Module"})}));
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@wbiokr/keybinding");if("undefined"!=typeof document){const t=document.createElement("style");t.textContent='\n.ae-d2-container {\n  position: relative;\n  width: 1000px;\n  height: 600px;\n  background: #fff;\n  margin: auto;\n}\n\n.ae-d2-svg {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 10;\n}\n\n\n.ae-arrow-path {\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  cursor: pointer;\n}\n\n.ae-arrow-path:hover {\n  stroke: #00aaff;\n}\n\n.ae-transform-box {\n  fill: none;\n  stroke: #00aaff;\n  stroke-width: 2;\n  stroke-dasharray: 4;\n}\n\n.ae-transform-handle {\n  fill: #fff;\n  stroke: #00aaff;\n  stroke-width: 2;\n  cursor: pointer;\n}\n\n.ae-transform-handle:hover {\n  fill: #00aaff;\n}\n\n.ae-rotate-handle {\n  fill: #fff;\n  stroke: #ff6600;\n  stroke-width: 2;\n  cursor: grab;\n}\n\n.ae-rotate-handle:hover {\n  fill: #ff6600;\n}\n\n.ae-rotate-line {\n  stroke: #ff6600;\n  stroke-width: 1;\n  stroke-dasharray: 4;\n}\n\n/* 工具条样式 */\n.ae-toolbar {\n  position: absolute;\n  display: none;\n  flex-direction: column;\n  gap: 10px;\n  padding: 12px;\n  background: #fff;\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  box-shadow: 0 2px 12px rgba(0,0,0,0.15);\n  z-index: 20;\n  pointer-events: auto;\n  min-width: 140px;\n}\n\n.ae-toolbar-drag-handle {\n  cursor: grab;\n  text-align: center;\n  padding: 4px;\n  color: #999;\n  font-size: 14px;\n  line-height: 1;\n  user-select: none;\n  border-bottom: 1px solid #eee;\n  margin: -12px -12px 8px -12px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  border-radius: 8px 8px 0 0;\n}\n\n.ae-toolbar-drag-handle:active {\n  cursor: grabbing;\n}\n\n.ae-toolbar-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.ae-toolbar-label {\n  font-size: 11px;\n  color: #666;\n}\n\n.ae-toolbar input[type="color"] {\n  width: 40px;\n  height: 30px;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  cursor: pointer;\n  padding: 0;\n  background: none;\n}\n\n.ae-toolbar input[type="range"] {\n  width: 120px;\n  cursor: pointer;\n}\n\n.ae-toolbar-value {\n  font-size: 10px;\n  color: #999;\n  text-align: right;\n}\n\n.ae-delete-btn {\n  width: 100%;\n  padding: 8px 12px;\n  background: #ff4d4f;\n  color: #fff;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 12px;\n  transition: background 0.2s;\n}\n\n.ae-delete-btn:hover {\n  background: #ff7875;\n}\n\n.ae-delete-btn:active {\n  background: #d9363e;\n}\n',document.head.appendChild(t)}exports.ArrowEditor=class{constructor(t,e={}){this.container="string"==typeof t?document.querySelector(t):t,this.svg=null,this.arrows=[],this.drawing=!1,this.current=null,this.selected=null,this.mode=null,this.lastClickTime=0,this.lastClickPos=null,this._shouldBlockClick=!1,this._defaultColor="#2b8cff",this.isCtrl=e.isCtrl||!1,this.stopPropagation=e.stopPropagation||!1,this.preventDefault=e.preventDefault||!1,this.onDrawEnd=e.onDrawEnd||null,this.onRemove=e.onRemove||null,this.onChange=e.onChange||null,this._transformMode=null,this._transformHandle=null,this._transformStartPos=null,this._transformStartPoints=null,this._transformCenter=null,this._transformStartAngle=null,this._rotationOffset=0,this._toolbar=null,this._strokeWidth=8,this._curveRate=0,this._createSVG(),this._initKeybindings(),this._initEvents()}_createSVG(){if("undefined"!=typeof getComputedStyle){"static"===getComputedStyle(this.container).position&&(this.container.style.position="relative")}this.svg=document.createElementNS("http://www.w3.org/2000/svg","svg"),this.svg.setAttribute("class","ae-d2-svg"),this.container.appendChild(this.svg);const t=document.createElementNS("http://www.w3.org/2000/svg","defs");this.svg.appendChild(t);const e=document.createElementNS("http://www.w3.org/2000/svg","marker");e.setAttribute("id","ae-arrowhead"),e.setAttribute("markerWidth","10"),e.setAttribute("markerHeight","10"),e.setAttribute("refX","9"),e.setAttribute("refY","5"),e.setAttribute("orient","auto");const s=document.createElementNS("http://www.w3.org/2000/svg","polygon");s.setAttribute("points","0,0 10,5 0,10 2,5"),s.setAttribute("fill",this._defaultColor),e.appendChild(s),t.appendChild(e)}_createToolbar(){var t,e;this._toolbar&&this._toolbar.remove(),this._toolbar=document.createElement("div"),this._toolbar.className="ae-toolbar";const s=this.selected.color||this._defaultColor,r=this.selected.strokeWidth||this._strokeWidth,n=null!=(e=null!=(t=this.selected.curveRate)?t:this.selected.cornerRoundness)?e:0;this._toolbar.innerHTML=`\n      <div class="ae-toolbar-drag-handle">:::</div>\n      <div class="ae-toolbar-item">\n        <span class="ae-toolbar-label">颜色</span>\n        <input type="color" class="ae-color-input" value="${s}" />\n      </div>\n      <div class="ae-toolbar-item">\n        <span class="ae-toolbar-label">粗细</span>\n        <input type="range" class="ae-stroke-input" min="1" max="60" value="${r}" />\n        <span class="ae-toolbar-value">${r}px</span>\n      </div>\n      <div class="ae-toolbar-item">\n        <span class="ae-toolbar-label">曲线率</span>\n        <input type="range" class="ae-round-input" min="0" max="1" step="0.1" value="${n}" />\n      </div>\n      <div class="ae-toolbar-item">\n        <button class="ae-delete-btn">删除箭头</button>\n      </div>\n    `;this._toolbar.querySelector(".ae-color-input").addEventListener("input",t=>{this.selected&&(this.selected.color=t.target.value,this._defaultColor=t.target.value,this._updateMarkerColor(t.target.value),this.render(),this.onChange&&this.onChange({type:"color",arrow:this.selected,value:t.target.value,arrows:this.getData()}))});const o=this._toolbar.querySelector(".ae-stroke-input"),i=this._toolbar.querySelector(".ae-stroke-input + .ae-toolbar-value");o.addEventListener("input",t=>{this.selected&&(this.selected.strokeWidth=parseInt(t.target.value),i.textContent=t.target.value+"px",this.render(),this.onChange&&this.onChange({type:"strokeWidth",arrow:this.selected,value:parseInt(t.target.value),arrows:this.getData()}))});this._toolbar.querySelector(".ae-round-input").addEventListener("input",t=>{this.selected&&(this.selected.curveRate=parseFloat(t.target.value),this.render(),this.onChange&&this.onChange({type:"curveRate",arrow:this.selected,value:parseFloat(t.target.value),arrows:this.getData()}))});this._toolbar.querySelector(".ae-delete-btn").addEventListener("click",()=>{if(!this.selected)return;const t=this.selected,e=this.arrows.indexOf(this.selected);e>-1&&this.arrows.splice(e,1),this.selected=null,this._hideToolbar(),this.render(),this.onRemove&&this.onRemove({arrow:t,arrows:this.getData()})});const a=this._toolbar.querySelector(".ae-toolbar-drag-handle");this._setupToolbarDrag(a),this._toolbar.addEventListener("mousedown",t=>{t.stopPropagation()}),this._toolbar.addEventListener("mouseup",t=>{t.stopPropagation()}),this.container.appendChild(this._toolbar)}_setupToolbarDrag(t){let e=!1,s={x:0,y:0};t.addEventListener("mousedown",t=>{e=!0,this._toolbarDragging=!0;const r=this._toolbar.getBoundingClientRect();s.x=t.clientX-r.left,s.y=t.clientY-r.top,t.preventDefault(),t.stopPropagation();const n=t=>{if(!e)return;const r=this.container.getBoundingClientRect();let n=t.clientX-r.left-s.x,o=t.clientY-r.top-s.y;const i=this._toolbar.offsetWidth,a=this._toolbar.offsetHeight;n=Math.max(0,Math.min(n,r.width-i)),o=Math.max(0,Math.min(o,r.height-a)),this._toolbar.style.left=n+"px",this._toolbar.style.top=o+"px"},o=t=>{e=!1,this._toolbarDragging=!1,document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",o),this._toolbar.removeEventListener("mouseup",o),t.preventDefault(),t.stopPropagation()};document.addEventListener("mousemove",n),document.addEventListener("mouseup",o),this._toolbar.addEventListener("mouseup",o)})}_showToolbar(){var t,e;if(this.selected){this._toolbar||this._createToolbar(),this._toolbar.style.display="flex";const s=this.selected.color||this._defaultColor,r=this.selected.strokeWidth||this._strokeWidth,n=null!=(e=null!=(t=this.selected.curveRate)?t:this.selected.cornerRoundness)?e:0,o=this._toolbar.querySelector(".ae-color-input"),i=this._toolbar.querySelector(".ae-stroke-input"),a=this._toolbar.querySelector(".ae-stroke-input + .ae-toolbar-value"),l=this._toolbar.querySelector(".ae-round-input");o&&(o.value=s),i&&(i.value=r,a.textContent=r+"px"),l&&(l.value=n);const h=this._getArrowBBox(this.selected),d=this._toolbar.offsetWidth||150,c=this._toolbar.offsetHeight||120;let u=h.maxX+20;u+d>this.container.offsetWidth&&(u=h.minX-d-20);let p=h.centerY-c/2;p<0&&(p=0),p+c>this.container.offsetHeight&&(p=this.container.offsetHeight-c),this._toolbar.style.left=u+"px",this._toolbar.style.top=p+"px"}}_hideToolbar(){this._toolbar&&(this._toolbar.style.display="none")}_updateMarkerColor(t){const e=this.svg.querySelector("#ae-arrowhead polygon");e&&e.setAttribute("fill",t)}_initKeybindings(){this._kb=new t.Keybinding("arrow-editor"),this._kb.on("enter",()=>{this._handleEnter()}),this._kb.on("esc",()=>{this._handleEsc()}),this._kb.on("delete",()=>{this._handleDelete()}),this._kb.on("backspace",()=>{this._handleDelete()})}_initEvents(){this.container.onclick=t=>{if(this._toolbar&&(t.target===this._toolbar||this._toolbar.contains(t.target)))return;this.preventDefault&&t.preventDefault(),this.stopPropagation&&t.stopPropagation();const e=this._mousePos(t);this._handleClick(e,t)},this.container.onmousemove=t=>{this.preventDefault&&t.preventDefault(),this.stopPropagation&&t.stopPropagation();const e=this._mousePos(t);this._handleMouseMove(t,e)},this.container.onmousedown=t=>{if((!this._toolbar||t.target!==this._toolbar&&!this._toolbar.contains(t.target))&&(this.preventDefault&&t.preventDefault(),this.stopPropagation&&t.stopPropagation(),this.selected)){const e=t.target.getAttribute("data-handle");if(e){this._transformMode=e,this._transformHandle=e;const s=this._mousePos(t);if(this._transformStartPos=s,this._transformStartPoints=this.selected.points.map(t=>({x:t.x,y:t.y})),this._transformCenter=this._getArrowBBox(this.selected),"rotate"===e){const t=this._transformCenter,e=s.x-t.centerX,r=s.y-t.centerY;this._transformStartAngle=Math.atan2(r,e),this._rotationOffset=0}return void t.stopPropagation()}this.mode="move"}},this.container.onmouseup=t=>{this._transformMode&&this.selected&&this.onChange&&this.onChange({type:this._transformMode,arrow:this.selected,arrows:this.getData()}),this.mode=null,this._transformMode=null,this._transformHandle=null}}_mousePos(t){const e=this.container.getBoundingClientRect();return{x:t.clientX-e.left,y:t.clientY-e.top}}_generatePath(t,e=0){if(t.length<2)return"";if(0===e){let e=`M ${t[0].x} ${t[0].y}`;for(let s=1;s<t.length;s++)e+=` L ${t[s].x} ${t[s].y}`;return e}let s=`M ${t[0].x} ${t[0].y}`;for(let r=0;r<t.length-1;r++){const n=t[r],o=t[r+1],i=o.x-n.x,a=o.y-n.y,l=Math.hypot(i,a);if(0===l)continue;let h=i,d=a;if(r>0){const e=t[r-1];h=n.x-e.x,d=n.y-e.y}let c=i,u=a;if(r<t.length-2){const e=t[r+2];c=e.x-o.x,u=e.y-o.y}const p=Math.hypot(h,d)||1,g=Math.hypot(c,u)||1,f=h/p,m=d/p,_=c/g,b=u/g,v=l*e*.3;s+=` C ${n.x+f*v} ${n.y+m*v} ${o.x-_*v} ${o.y-b*v} ${o.x} ${o.y}`}return s}_generateArrowHead(t,e=8){if(t.length<2)return"";const s=t[t.length-1];let r=t[t.length-2];if(t.length>=3){Math.hypot(s.x-r.x,s.y-r.y)<5&&(r=t[t.length-3])}const n=s.x-r.x,o=s.y-r.y,i=Math.hypot(n,o);if(i<1)return"";const a=n/i,l=o/i,h=s.x,d=s.y,c=e/8,u=40*c,p=20*c,g=20*c,f=s.x+a*g,m=s.y+l*g,_=s.x-a*(u-g),b=s.y-l*(u-g),v=-l;return`M ${f} ${m} L ${_+v*p} ${b+a*p} L ${h} ${d} L ${_-v*p} ${b-a*p} Z`}_createArrowGroup(t,e){var s,r;const n=document.createElementNS("http://www.w3.org/2000/svg","g");n.setAttribute("data-index",e);const o=t.color||this._defaultColor,i=t.strokeWidth||this._strokeWidth,a=null!=(r=null!=(s=t.curveRate)?s:t.cornerRoundness)?r:0,l=document.createElementNS("http://www.w3.org/2000/svg","path");l.setAttribute("class","ae-arrow-path"),l.style.stroke=o,l.style.strokeWidth=i+"px",l.setAttribute("d",this._generatePath(t.points,a)),n.appendChild(l);const h=document.createElementNS("http://www.w3.org/2000/svg","path");if(h.setAttribute("fill",o),h.setAttribute("d",this._generateArrowHead(t.points,i)),n.appendChild(h),t===this.selected){const e=this._getArrowBBox(t),s=document.createElementNS("http://www.w3.org/2000/svg","rect");s.setAttribute("class","ae-transform-box"),s.setAttribute("x",e.minX-10),s.setAttribute("y",e.minY-10),s.setAttribute("width",e.width+20),s.setAttribute("height",e.height+20),n.appendChild(s);const r=document.createElementNS("http://www.w3.org/2000/svg","circle");r.setAttribute("class","ae-transform-handle"),r.setAttribute("cx",e.maxX+10),r.setAttribute("cy",e.maxY+10),r.setAttribute("r",6),r.setAttribute("data-handle","scale"),n.appendChild(r);const o=e.minY-30,i=e.centerX,a=document.createElementNS("http://www.w3.org/2000/svg","line");a.setAttribute("class","ae-rotate-line"),a.setAttribute("x1",e.centerX),a.setAttribute("y1",e.minY-10),a.setAttribute("x2",i),a.setAttribute("y2",o),n.appendChild(a);const l=document.createElementNS("http://www.w3.org/2000/svg","circle");l.setAttribute("class","ae-rotate-handle"),l.setAttribute("cx",i),l.setAttribute("cy",o),l.setAttribute("r",8),l.setAttribute("data-handle","rotate"),n.appendChild(l)}return n}render(){if(this.svg.querySelectorAll("g").forEach(t=>t.remove()),this.arrows.forEach((t,e)=>{const s=this._createArrowGroup(t,e);this.svg.appendChild(s)}),this.current){const t=this._createArrowGroup(this.current,this.arrows.length);this.svg.appendChild(t)}}_isDoubleClick(t){const e=Date.now(),s=e-this.lastClickTime;return this.lastClickTime=e,s<300&&this.lastClickPos&&Math.hypot(t.x-this.lastClickPos.x,t.y-this.lastClickPos.y)<10?(this.lastClickPos=null,!0):(this.lastClickPos=t,!1)}_handleClick(t,e){if(!this.isCtrl||e.ctrlKey)if(this._shouldBlockClick)this._shouldBlockClick=!1;else if(this._isDoubleClick(t)){if(this.drawing&&this.current&&this.current.points.length>=2){this.drawing=!1,this.arrows.push(this.current);const t=this.current;this.current=null,this.svg.classList.remove("ae-d2-svg-fixed"),this.render(),this.onDrawEnd&&this.onDrawEnd({arrow:t,arrows:this.getData()})}}else{if(this.selected){for(const e of this.arrows)if(this._hitArrow(e,t))return e!==this.selected&&(this.selected=e,this._showToolbar()),void this.render();return this.selected=null,this._hideToolbar(),void this.render()}for(const e of this.arrows)if(this._hitArrow(e,t))return this.selected=e,this._showToolbar(),void this.render();this.drawing?this.current.points.push(t):(this.drawing=!0,this.current={points:[t,t],color:this._defaultColor},this.svg.classList.add("ae-d2-svg-fixed")),this.render()}}_handleEnter(){if(this.drawing&&this.current&&this.current.points.length>=2){this.drawing=!1,this.arrows.push(this.current);const t=this.current;this.current=null,this.svg.classList.remove("ae-d2-svg-fixed"),this.render(),this.onDrawEnd&&this.onDrawEnd({arrow:t,arrows:this.getData()})}}_handleEsc(){this.drawing&&(this.drawing=!1,this.current=null,this.svg.classList.remove("ae-d2-svg-fixed")),this.selected&&(this.selected=null),this._hideColorPicker(),this._hideToolbar(),this.render()}_handleDelete(){if(this.selected){const t=this.selected,e=this.arrows.indexOf(this.selected);e>-1&&this.arrows.splice(e,1),this.selected=null,this._hideToolbar(),this.render(),this.onRemove&&this.onRemove({arrow:t,arrows:this.getData()})}}_showColorPicker(t){if(this._showingColorPicker)return void this._hideColorPicker();this._showingColorPicker=!0;const e=document.createElement("div");e.className="ae-color-picker-popup";const s=document.createElement("span");s.textContent="选择颜色",s.style.cssText="font-size: 12px; color: #666;";const r=document.createElement("input");r.type="color",r.value=this.selected.color||this._defaultColor,r.showPicker(),e.appendChild(s),e.appendChild(r);const n=this.container.getBoundingClientRect(),o=this._getArrowBBox(this.selected),i=n.left+o.minX-50,a=n.top+o.maxY+15;e.style.left=i+"px",e.style.top=a+"px",r.addEventListener("input",t=>{this.selected.color=t.target.value,this._defaultColor=t.target.value,this.render(),this.onChange&&this.onChange({type:"color",arrow:this.selected,value:t.target.value,arrows:this.getData()})});const l=t=>{e.contains(t.target)||(this._hideColorPicker(),document.removeEventListener("click",l))};document.body.appendChild(e),this._colorPickerPopup=e,document.addEventListener("click",l)}_hideColorPicker(){this._colorPickerPopup&&(this._colorPickerPopup.remove(),this._colorPickerPopup=null),this._showingColorPicker=!1}deleteSelected(){this.selected&&(this.arrows=this.arrows.filter(t=>t!==this.selected),this.selected=null,this.render())}_handleMouseMove(t,e){if(!this._toolbarDragging&&(!this._toolbar||t.target!==this._toolbar&&!this._toolbar.contains(t.target)))if(!this.isCtrl||t.ctrlKey){if(this.drawing&&(this.current.points[this.current.points.length-1]=e,this.render()),this._transformMode&&this.selected)return"rotate"===this._transformMode?this._handleRotate(e):"scale"===this._transformMode&&this._handleScale(e),void this.render();if(this.selected&&"move"===this.mode){const e=t.movementX,s=t.movementY;0===e&&0===s||(this._shouldBlockClick=!0),this.selected.points.forEach(t=>{t.x+=e,t.y+=s}),this.render()}}else if(this.drawing&&this.current&&this.current.points.length>=2){this.drawing=!1,this.arrows.push(this.current);const t=this.current;this.current=null,this.svg.classList.remove("ae-d2-svg-fixed"),this.render(),this.onDrawEnd&&this.onDrawEnd({arrow:t,arrows:this.getData()})}}_getArrowBBox(t){const e=t.points;let s=1/0,r=1/0,n=-1/0,o=-1/0;for(const i of e)s=Math.min(s,i.x),r=Math.min(r,i.y),n=Math.max(n,i.x),o=Math.max(o,i.y);return{minX:s,minY:r,maxX:n,maxY:o,width:n-s,height:o-r,centerX:(s+n)/2,centerY:(r+o)/2}}_handleRotate(t){const e=this._transformCenter,s=e.centerX,r=e.centerY,n=Math.atan2(t.y-r,t.x-s)-Math.atan2(this._transformStartPos.y-r,this._transformStartPos.x-s),o=Math.cos(n),i=Math.sin(n);this.selected.points.forEach((t,e)=>{const n=this._transformStartPoints[e].x-s,a=this._transformStartPoints[e].y-r;t.x=s+n*o-a*i,t.y=r+n*i+a*o})}_handleScale(t){const e=this._transformCenter,s=e.centerX,r=e.centerY,n=this._transformStartPoints,o=this._transformStartPos,i=t.x-s,a=t.y-r,l=o.x-s,h=o.y-r,d=Math.hypot(i,a)/Math.hypot(l,h);this.selected.points.forEach((t,e)=>{t.x=s+(n[e].x-s)*d,t.y=r+(n[e].y-r)*d})}_hitArrow(t,e){for(let s=0;s<t.points.length-1;s++)if(this._dist(e,t.points[s],t.points[s+1])<15)return!0;return!1}_dist(t,e,s){const r=s.x-e.x,n=s.y-e.y,o=((t.x-e.x)*r+(t.y-e.y)*n)/(r*r+n*n),i=Math.max(0,Math.min(1,o)),a=e.x+i*r,l=e.y+i*n;return Math.hypot(t.x-a,t.y-l)}getData(){return this.arrows.map(t=>{var e,s;return{points:t.points,curveRate:null!=(s=null!=(e=t.curveRate)?e:t.cornerRoundness)?s:0,strokeWidth:t.strokeWidth,color:t.color}})}setData(t){this.arrows=t.map(t=>{var e,s;return{points:t.points,curveRate:null!=(e=t.curveRate)?e:0,strokeWidth:null!=(s=t.strokeWidth)?s:8,color:t.color}}),this.render()}clear(){this.arrows=[],this.drawing=!1,this.current=null,this.selected=null,this.render()}destroy(){this._kb&&this._kb.destroy&&this._kb.destroy(),this.container.onclick=null,this.container.onmousemove=null,this.container.onmousedown=null,this.container.onmouseup=null,this.container.ondblclick=null,this.svg&&(this.svg.remove(),this.svg=null),this._toolbar&&(this._toolbar.remove(),this._toolbar=null),this._colorPickerPopup&&(this._colorPickerPopup.remove(),this._colorPickerPopup=null),this.arrows=[],this.drawing=!1,this.current=null,this.selected=null,this.mode=null,this._transformMode=null,this._transformHandle=null}};
 //# sourceMappingURL=bundle.cjs.js.map

package/dist/bundle.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle.cjs.js","sources":["../src/editor.js"],"sourcesContent":["import { Keybinding } from '@wbiokr/keybinding'\n\n// 样式注入\nconst STYLES = `\n.ae-d2-container {\n  position: relative;\n  width: 1000px;\n  height: 600px;\n  background: #fff;\n  margin: auto;\n}\n\n.ae-d2-svg {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 10;\n}\n\n\n.ae-arrow-path {\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  cursor: pointer;\n}\n\n.ae-arrow-path:hover {\n  stroke: #00aaff;\n}\n\n.ae-transform-box {\n  fill: none;\n  stroke: #00aaff;\n  stroke-width: 2;\n  stroke-dasharray: 4;\n}\n\n.ae-transform-handle {\n  fill: #fff;\n  stroke: #00aaff;\n  stroke-width: 2;\n  cursor: pointer;\n}\n\n.ae-transform-handle:hover {\n  fill: #00aaff;\n}\n\n.ae-rotate-handle {\n  fill: #fff;\n  stroke: #ff6600;\n  stroke-width: 2;\n  cursor: grab;\n}\n\n.ae-rotate-handle:hover {\n  fill: #ff6600;\n}\n\n.ae-rotate-line {\n  stroke: #ff6600;\n  stroke-width: 1;\n  stroke-dasharray: 4;\n}\n\n/* 工具条样式 */\n.ae-toolbar {\n  position: absolute;\n  display: none;\n  flex-direction: column;\n  gap: 10px;\n  padding: 12px;\n  background: #fff;\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  box-shadow: 0 2px 12px rgba(0,0,0,0.15);\n  z-index: 20;\n  pointer-events: auto;\n  min-width: 140px;\n}\n\n.ae-toolbar-drag-handle {\n  cursor: grab;\n  text-align: center;\n  padding: 4px;\n  color: #999;\n  font-size: 14px;\n  line-height: 1;\n  user-select: none;\n  border-bottom: 1px solid #eee;\n  margin: -12px -12px 8px -12px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  border-radius: 8px 8px 0 0;\n}\n\n.ae-toolbar-drag-handle:active {\n  cursor: grabbing;\n}\n\n.ae-toolbar-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.ae-toolbar-label {\n  font-size: 11px;\n  color: #666;\n}\n\n.ae-toolbar input[type=\"color\"] {\n  width: 40px;\n  height: 30px;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  cursor: pointer;\n  padding: 0;\n  background: none;\n}\n\n.ae-toolbar input[type=\"range\"] {\n  width: 120px;\n  cursor: pointer;\n}\n\n.ae-toolbar-value {\n  font-size: 10px;\n  color: #999;\n  text-align: right;\n}\n`\n\n// 注入样式\nif (typeof document !== 'undefined') {\n  const styleEl = document.createElement('style')\n  styleEl.textContent = STYLES\n  document.head.appendChild(styleEl)\n}\n\nexport class ArrowEditor {\n\n  constructor(container, options = {}) {\n    this.container = typeof container === 'string' ? document.querySelector(container) : container\n    this.svg = null\n\n    this.arrows = []\n    this.drawing = false\n    this.current = null\n    this.selected = null\n    this.mode = null\n    this.lastClickTime = 0\n    this.lastClickPos = null\n    this._shouldBlockClick = false\n    this._defaultColor = '#2b8cff'\n\n    // 配置选项\n    this.isCtrl = options.isCtrl || false\n    this.stopPropagation = options.stopPropagation || false\n    this.preventDefault = options.preventDefault || false\n    this.onDrawEnd = options.onDrawEnd || null\n    this.onRemove = options.onRemove || null\n    this.onChange = options.onChange || null\n\n    // 变换相关\n    this._transformMode = null // 'rotate' | 'scale'\n    this._transformHandle = null\n    this._transformStartPos = null\n    this._transformStartPoints = null\n    this._transformCenter = null\n    this._transformStartAngle = null\n    this._rotationOffset = 0\n\n    // 工具条相关\n    this._toolbar = null\n    this._strokeWidth = 8\n    this._curveRate = 0\n\n    this._createSVG()\n    this._initKeybindings()\n    this._initEvents()\n  }\n\n  _createSVG() {\n    // 检查并设置容器的定位\n    if (typeof getComputedStyle !== 'undefined') {\n      const containerStyle = getComputedStyle(this.container)\n      if (containerStyle.position === 'static') {\n        this.container.style.position = 'relative'\n      }\n    }\n\n    // 创建 SVG 元素\n    this.svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n    this.svg.setAttribute('class', 'ae-d2-svg')\n    this.container.appendChild(this.svg)\n\n    // 创建 defs 和 marker\n    const defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs')\n    this.svg.appendChild(defs)\n\n    const marker = document.createElementNS('http://www.w3.org/2000/svg', 'marker')\n    marker.setAttribute('id', 'ae-arrowhead')\n    marker.setAttribute('markerWidth', '10')\n    marker.setAttribute('markerHeight', '10')\n    marker.setAttribute('refX', '9')\n    marker.setAttribute('refY', '5')\n    marker.setAttribute('orient', 'auto')\n\n    const polygon = document.createElementNS('http://www.w3.org/2000/svg', 'polygon')\n    polygon.setAttribute('points', '0,0 10,5 0,10 2,5')\n    polygon.setAttribute('fill', this._defaultColor)\n\n    marker.appendChild(polygon)\n    defs.appendChild(marker)\n  }\n\n  _createToolbar() {\n    if (this._toolbar) {\n      this._toolbar.remove()\n    }\n\n    this._toolbar = document.createElement('div')\n    this._toolbar.className = 'ae-toolbar'\n\n    const color = this.selected.color || this._defaultColor\n    const strokeWidth = this.selected.strokeWidth || this._strokeWidth\n    const curveRate = this.selected.curveRate ?? this.selected.cornerRoundness ?? 0\n\n    this._toolbar.innerHTML = `\n      <div class=\"ae-toolbar-drag-handle\">:::</div>\n      <div class=\"ae-toolbar-item\">\n        <span class=\"ae-toolbar-label\">颜色</span>\n        <input type=\"color\" class=\"ae-color-input\" value=\"${color}\" />\n      </div>\n      <div class=\"ae-toolbar-item\">\n        <span class=\"ae-toolbar-label\">粗细</span>\n        <input type=\"range\" class=\"ae-stroke-input\" min=\"1\" max=\"60\" value=\"${strokeWidth}\" />\n        <span class=\"ae-toolbar-value\">${strokeWidth}px</span>\n      </div>\n      <div class=\"ae-toolbar-item\">\n        <span class=\"ae-toolbar-label\">曲线率</span>\n        <input type=\"range\" class=\"ae-round-input\" min=\"0\" max=\"1\" step=\"0.1\" value=\"${curveRate}\" />\n      </div>\n    `\n\n    // 颜色选择\n    const colorInput = this._toolbar.querySelector('.ae-color-input')\n    colorInput.addEventListener('input', (e) => {\n      if (!this.selected) return\n      this.selected.color = e.target.value\n      this._defaultColor = e.target.value\n      this._updateMarkerColor(e.target.value)\n      this.render()\n      if (this.onChange) {\n        this.onChange({ type: 'color', arrow: this.selected, value: e.target.value, arrows: this.getData() })\n      }\n    })\n\n    // 粗细调整\n    const strokeInput = this._toolbar.querySelector('.ae-stroke-input')\n    const strokeValue = this._toolbar.querySelector('.ae-stroke-input + .ae-toolbar-value')\n    strokeInput.addEventListener('input', (e) => {\n      if (!this.selected) return\n      this.selected.strokeWidth = parseInt(e.target.value)\n      strokeValue.textContent = e.target.value + 'px'\n      this.render()\n      if (this.onChange) {\n        this.onChange({ type: 'strokeWidth', arrow: this.selected, value: parseInt(e.target.value), arrows: this.getData() })\n      }\n    })\n\n    // 曲线率调整\n    const roundInput = this._toolbar.querySelector('.ae-round-input')\n    roundInput.addEventListener('input', (e) => {\n      if (!this.selected) return\n      this.selected.curveRate = parseFloat(e.target.value)\n      this.render()\n      if (this.onChange) {\n        this.onChange({ type: 'curveRate', arrow: this.selected, value: parseFloat(e.target.value), arrows: this.getData() })\n      }\n    })\n\n    // 拖拽功能 - 使用类实例绑定\n    const dragHandle = this._toolbar.querySelector('.ae-toolbar-drag-handle')\n    this._setupToolbarDrag(dragHandle)\n\n    // 阻止工具条上的事件触发到容器\n    this._toolbar.addEventListener('mousedown', (e) => {\n      e.stopPropagation()\n    })\n    this._toolbar.addEventListener('mouseup', (e) => {\n      e.stopPropagation()\n    })\n\n    this.container.appendChild(this._toolbar)\n  }\n\n  // 工具条拖拽设置\n  _setupToolbarDrag(dragHandle) {\n    let isDragging = false\n    let dragOffset = { x: 0, y: 0 }\n\n    dragHandle.addEventListener('mousedown', (e) => {\n      isDragging = true\n      this._toolbarDragging = true\n      const rect = this._toolbar.getBoundingClientRect()\n      dragOffset.x = e.clientX - rect.left\n      dragOffset.y = e.clientY - rect.top\n      e.preventDefault()\n      e.stopPropagation()\n\n      const onMove = (moveEvent) => {\n        if (!isDragging) return\n        const containerRect = this.container.getBoundingClientRect()\n        let newLeft = moveEvent.clientX - containerRect.left - dragOffset.x\n        let newTop = moveEvent.clientY - containerRect.top - dragOffset.y\n        const toolbarWidth = this._toolbar.offsetWidth\n        const toolbarHeight = this._toolbar.offsetHeight\n        newLeft = Math.max(0, Math.min(newLeft, containerRect.width - toolbarWidth))\n        newTop = Math.max(0, Math.min(newTop, containerRect.height - toolbarHeight))\n        this._toolbar.style.left = newLeft + 'px'\n        this._toolbar.style.top = newTop + 'px'\n      }\n\n      const onUp = (e) => {\n        isDragging = false\n        this._toolbarDragging = false\n        document.removeEventListener('mousemove', onMove)\n        document.removeEventListener('mouseup', onUp)\n        this._toolbar.removeEventListener('mouseup', onUp)\n        \n        e.preventDefault()\n        e.stopPropagation()\n      }\n\n      document.addEventListener('mousemove', onMove)\n      document.addEventListener('mouseup', onUp)\n\n      this._toolbar.addEventListener('mouseup', onUp)\n    })\n  }\n\n  _showToolbar() {\n    if (this.selected) {\n      if (!this._toolbar) {\n        this._createToolbar()\n      }\n      this._toolbar.style.display = 'flex'\n\n      // 更新工具条值\n      const color = this.selected.color || this._defaultColor\n      const strokeWidth = this.selected.strokeWidth || this._strokeWidth\n      const curveRate = this.selected.curveRate ?? this.selected.cornerRoundness ?? 0\n\n      const colorInput = this._toolbar.querySelector('.ae-color-input')\n      const strokeInput = this._toolbar.querySelector('.ae-stroke-input')\n      const strokeValue = this._toolbar.querySelector('.ae-stroke-input + .ae-toolbar-value')\n      const roundInput = this._toolbar.querySelector('.ae-round-input')\n\n      if (colorInput) colorInput.value = color\n      if (strokeInput) {\n        strokeInput.value = strokeWidth\n        strokeValue.textContent = strokeWidth + 'px'\n      }\n      if (roundInput) roundInput.value = curveRate\n\n      // 定位到所选箭头旁边\n      const bbox = this._getArrowBBox(this.selected)\n      const toolbarWidth = this._toolbar.offsetWidth || 150\n      const toolbarHeight = this._toolbar.offsetHeight || 120\n\n      // 计算位置：放在箭头右侧，如果空间不够则放左侧\n      let left = bbox.maxX + 20\n      if (left + toolbarWidth > this.container.offsetWidth) {\n        left = bbox.minX - toolbarWidth - 20\n      }\n\n      // 垂直居中于箭头\n      let top = bbox.centerY - toolbarHeight / 2\n      if (top < 0) top = 0\n      if (top + toolbarHeight > this.container.offsetHeight) {\n        top = this.container.offsetHeight - toolbarHeight\n      }\n\n      this._toolbar.style.left = left + 'px'\n      this._toolbar.style.top = top + 'px'\n    }\n  }\n\n  _hideToolbar() {\n    if (this._toolbar) {\n      this._toolbar.style.display = 'none'\n    }\n  }\n\n  _updateMarkerColor(color) {\n    const marker = this.svg.querySelector('#ae-arrowhead polygon')\n    if (marker) {\n      marker.setAttribute('fill', color)\n    }\n  }\n\n  _initKeybindings() {\n    // 创建快捷键实例，绑定到 container 上\n    this._kb = new Keybinding('arrow-editor')\n\n    // Enter: 完成绘制\n    this._kb.on('enter', () => {\n      this._handleEnter()\n    })\n\n    // Esc: 结束绘制、取消选中\n    this._kb.on('esc', () => {\n      this._handleEsc()\n    })\n\n    // Delete/Backspace: 删除选中的箭头\n    this._kb.on('delete', () => {\n      this._handleDelete()\n    })\n\n    this._kb.on('backspace', () => {\n      this._handleDelete()\n    })\n  }\n\n  _initEvents() {\n    this.container.onclick = e => {\n      // 点击工具条时不处理\n      if (this._toolbar && (e.target === this._toolbar || this._toolbar.contains(e.target))) {\n        return\n      }\n      if (this.preventDefault) e.preventDefault()\n      if (this.stopPropagation) e.stopPropagation()\n      const p = this._mousePos(e)\n      this._handleClick(p, e)\n    }\n\n    this.container.onmousemove = e => {\n      if (this.preventDefault) e.preventDefault()\n      if (this.stopPropagation) e.stopPropagation()\n      const p = this._mousePos(e)\n      this._handleMouseMove(e, p)\n    }\n\n    this.container.onmousedown = e => {\n      // 点击工具条不触发移动\n      if (this._toolbar && (e.target === this._toolbar || this._toolbar.contains(e.target))) {\n        return\n      }\n\n      if (this.preventDefault) e.preventDefault()\n      if (this.stopPropagation) e.stopPropagation()\n\n      if (this.selected) {\n        const handle = e.target.getAttribute('data-handle')\n        if (handle) {\n          this._transformMode = handle\n          this._transformHandle = handle\n          const p = this._mousePos(e)\n          this._transformStartPos = p\n          this._transformStartPoints = this.selected.points.map(pt => ({ x: pt.x, y: pt.y }))\n          this._transformCenter = this._getArrowBBox(this.selected)\n\n          if (handle === 'rotate') {\n            const center = this._transformCenter\n            const dx = p.x - center.centerX\n            const dy = p.y - center.centerY\n            this._transformStartAngle = Math.atan2(dy, dx)\n            this._rotationOffset = 0\n          }\n\n          e.stopPropagation()\n          return\n        }\n\n        this.mode = 'move'\n      }\n    }\n\n    this.container.onmouseup = (e) => {\n      // 如果有变换操作，调用 onChange 回调\n      if (this._transformMode && this.selected) {\n        if (this.onChange) {\n          this.onChange({ type: this._transformMode, arrow: this.selected, arrows: this.getData() })\n        }\n      }\n      this.mode = null\n      this._transformMode = null\n      this._transformHandle = null\n    }\n  }\n\n  _mousePos(e) {\n    const r = this.container.getBoundingClientRect()\n    return {\n      x: e.clientX - r.left,\n      y: e.clientY - r.top\n    }\n  }\n\n  _generatePath(pts, curveRate = 0) {\n    if (pts.length < 2) return ''\n\n    // curveRate 为 0 时画直线\n    if (curveRate === 0) {\n      let d = `M ${pts[0].x} ${pts[0].y}`\n      for (let i = 1; i < pts.length; i++) {\n        d += ` L ${pts[i].x} ${pts[i].y}`\n      }\n      return d\n    }\n\n    // 根据曲线率计算控制点位置\n    // curveRate: 0 - 直线，1 - 最弯曲\n    let d = `M ${pts[0].x} ${pts[0].y}`\n\n    for (let i = 0; i < pts.length - 1; i++) {\n      const curr = pts[i]\n      const next = pts[i + 1]\n\n      // 计算当前线段的向量\n      const dx = next.x - curr.x\n      const dy = next.y - curr.y\n      const len = Math.hypot(dx, dy)\n\n      if (len === 0) continue\n\n      // 计算进入当前点的切线向量（前一段线段）\n      let inDx = dx\n      let inDy = dy\n\n      if (i > 0) {\n        const prev = pts[i - 1]\n        inDx = curr.x - prev.x\n        inDy = curr.y - prev.y\n      }\n\n      // 计算出当前点的切线向量（下一段线段）\n      let outDx = dx\n      let outDy = dy\n\n      if (i < pts.length - 2) {\n        const after = pts[i + 2]\n        outDx = after.x - next.x\n        outDy = after.y - next.y\n      }\n\n      // 单位向量\n      const inLen = Math.hypot(inDx, inDy) || 1\n      const outLen = Math.hypot(outDx, outDy) || 1\n      const uxIn = inDx / inLen\n      const uyIn = inDy / inLen\n      const uxOut = outDx / outLen\n      const uyOut = outDy / outLen\n\n      // 控制点距离：曲线率 * 线段长度 * 系数\n      const controlDist = len * curveRate * 0.3\n\n      // 第一个控制点：从当前点沿进入方向的切线\n      const cp1X = curr.x + uxIn * controlDist\n      const cp1Y = curr.y + uyIn * controlDist\n\n      // 第二个控制点：从下一个点沿出去方向的切线反方向\n      const cp2X = next.x - uxOut * controlDist\n      const cp2Y = next.y - uyOut * controlDist\n\n      d += ` C ${cp1X} ${cp1Y} ${cp2X} ${cp2Y} ${next.x} ${next.y}`\n    }\n\n    return d\n  }\n\n  _generateArrowHead(pts, strokeWidth = 8) {\n    if (pts.length < 2) return ''\n\n    const last = pts[pts.length - 1]\n    let prev = pts[pts.length - 2]\n\n    if (pts.length >= 3) {\n      const dist = Math.hypot(last.x - prev.x, last.y - prev.y)\n      if (dist < 5) {\n        prev = pts[pts.length - 3]\n      }\n    }\n\n    const dx = last.x - prev.x\n    const dy = last.y - prev.y\n    const len = Math.hypot(dx, dy)\n\n    if (len < 1) return ''\n\n    const ux = dx / len\n    const uy = dy / len\n\n    const notchX = last.x\n    const notchY = last.y\n\n    // 根据粗细调整箭头大小\n    const scale = strokeWidth / 8\n    const baseLen = 40 * scale\n    const baseWidth = 20 * scale\n    const notchLen = 20 * scale\n\n    const tipX = last.x + ux * notchLen\n    const tipY = last.y + uy * notchLen\n    const baseX = last.x - ux * (baseLen - notchLen)\n    const baseY = last.y - uy * (baseLen - notchLen)\n\n    const px = -uy\n    const py = ux\n\n    const leftX = baseX + px * baseWidth\n    const leftY = baseY + py * baseWidth\n    const rightX = baseX - px * baseWidth\n    const rightY = baseY - py * baseWidth\n\n    return `M ${tipX} ${tipY} L ${leftX} ${leftY} L ${notchX} ${notchY} L ${rightX} ${rightY} Z`\n  }\n\n  _createArrowGroup(arrow, index) {\n    const g = document.createElementNS('http://www.w3.org/2000/svg', 'g')\n    g.setAttribute('data-index', index)\n\n    const color = arrow.color || this._defaultColor\n    const strokeWidth = arrow.strokeWidth || this._strokeWidth\n    const curveRate = arrow.curveRate ?? arrow.cornerRoundness ?? 0\n\n    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n    path.setAttribute('class', 'ae-arrow-path')\n    path.style.stroke = color\n    path.style.strokeWidth = strokeWidth + 'px'\n    path.setAttribute('d', this._generatePath(arrow.points, curveRate))\n    g.appendChild(path)\n\n    const arrowHead = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n    arrowHead.setAttribute('fill', color)\n    arrowHead.setAttribute('d', this._generateArrowHead(arrow.points, strokeWidth))\n    g.appendChild(arrowHead)\n\n    if (arrow === this.selected) {\n      const bbox = this._getArrowBBox(arrow)\n\n      // 变换框\n      const rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect')\n      rect.setAttribute('class', 'ae-transform-box')\n      rect.setAttribute('x', bbox.minX - 10)\n      rect.setAttribute('y', bbox.minY - 10)\n      rect.setAttribute('width', bbox.width + 20)\n      rect.setAttribute('height', bbox.height + 20)\n      g.appendChild(rect)\n\n      // 缩放手柄（右下角）\n      const scaleHandle = document.createElementNS('http://www.w3.org/2000/svg', 'circle')\n      scaleHandle.setAttribute('class', 'ae-transform-handle')\n      scaleHandle.setAttribute('cx', bbox.maxX + 10)\n      scaleHandle.setAttribute('cy', bbox.maxY + 10)\n      scaleHandle.setAttribute('r', 6)\n      scaleHandle.setAttribute('data-handle', 'scale')\n      g.appendChild(scaleHandle)\n\n      // 旋转手柄（顶部中间）\n      const rotateY = bbox.minY - 30\n      const rotateX = bbox.centerX\n      const rotateLine = document.createElementNS('http://www.w3.org/2000/svg', 'line')\n      rotateLine.setAttribute('class', 'ae-rotate-line')\n      rotateLine.setAttribute('x1', bbox.centerX)\n      rotateLine.setAttribute('y1', bbox.minY - 10)\n      rotateLine.setAttribute('x2', rotateX)\n      rotateLine.setAttribute('y2', rotateY)\n      g.appendChild(rotateLine)\n\n      const rotateHandle = document.createElementNS('http://www.w3.org/2000/svg', 'circle')\n      rotateHandle.setAttribute('class', 'ae-rotate-handle')\n      rotateHandle.setAttribute('cx', rotateX)\n      rotateHandle.setAttribute('cy', rotateY)\n      rotateHandle.setAttribute('r', 8)\n      rotateHandle.setAttribute('data-handle', 'rotate')\n      g.appendChild(rotateHandle)\n    }\n\n    return g\n  }\n\n  render() {\n    this.svg.querySelectorAll('g').forEach(g => g.remove())\n\n    this.arrows.forEach((arrow, index) => {\n      const g = this._createArrowGroup(arrow, index)\n      this.svg.appendChild(g)\n    })\n\n    if (this.current) {\n      const g = this._createArrowGroup(this.current, this.arrows.length)\n      this.svg.appendChild(g)\n    }\n  }\n\n  _isDoubleClick(p) {\n    const now = Date.now()\n    const dt = now - this.lastClickTime\n    this.lastClickTime = now\n\n    if (dt < 300 && this.lastClickPos && Math.hypot(p.x - this.lastClickPos.x, p.y - this.lastClickPos.y) < 10) {\n      this.lastClickPos = null\n      return true\n    }\n\n    this.lastClickPos = p\n    return false\n  }\n\n  _handleClick(p, e) {\n    // 如果配置了 isCtrl，需要按着 Ctrl 键才能绘制\n    if (this.isCtrl && !e.ctrlKey) {\n      return\n    }\n\n    // 如果刚才有拖拽，阻止点击事件\n    if (this._shouldBlockClick) {\n      this._shouldBlockClick = false\n      return\n    }\n\n    if (this._isDoubleClick(p)) {\n      if (this.drawing && this.current && this.current.points.length >= 2) {\n        this.drawing = false\n        this.arrows.push(this.current)\n        const arrow = this.current\n        this.current = null\n        this.svg.classList.remove('ae-d2-svg-fixed')\n        this.render()\n        if (this.onDrawEnd) {\n          this.onDrawEnd({ arrow, arrows: this.getData() })\n        }\n      }\n      return\n    }\n\n    // 有选中的箭头时，点击空白处取消选中\n    if (this.selected) {\n      for (const a of this.arrows) {\n        if (this._hitArrow(a, p)) {\n          this.render()\n          return\n        }\n      }\n      // 点击空白处，取消选中\n      this.selected = null\n      this._hideToolbar()\n      this.render()\n      return\n    }\n\n    // 没有选中时，检查是否点击到箭头\n    for (const a of this.arrows) {\n      if (this._hitArrow(a, p)) {\n        this.selected = a\n        this._showToolbar()\n        this.render()\n        return\n      }\n    }\n\n    // 点击空白处\n    if (this.drawing) {\n      // 正在绘制中，添加点\n      this.current.points.push(p)\n    } else {\n      // 开始绘制\n      this.drawing = true\n      this.current = {\n        points: [p, p],\n        color: this._defaultColor\n      }\n      // 添加 fixed 类，让 SVG 固定定位覆盖整个视口\n      this.svg.classList.add('ae-d2-svg-fixed')\n    }\n\n    this.render()\n  }\n\n  _handleEnter() {\n    // 正在绘制时，按 Enter 完成绘制\n    if (this.drawing && this.current && this.current.points.length >= 2) {\n      this.drawing = false\n      this.arrows.push(this.current)\n      const arrow = this.current\n      this.current = null\n      this.svg.classList.remove('ae-d2-svg-fixed')\n      this.render()\n      if (this.onDrawEnd) {\n        this.onDrawEnd({ arrow, arrows: this.getData() })\n      }\n    }\n  }\n\n  _handleEsc() {\n    // 按 Esc: 结束绘制、取消选中\n    if (this.drawing) {\n      this.drawing = false\n      this.current = null\n      this.svg.classList.remove('ae-d2-svg-fixed')\n    }\n    if (this.selected) {\n      this.selected = null\n    }\n    this._hideColorPicker()\n    this._hideToolbar()\n    this.render()\n  }\n\n  _handleDelete() {\n    // 删除选中的箭头\n    if (this.selected) {\n      const arrow = this.selected\n      const index = this.arrows.indexOf(this.selected)\n      if (index > -1) {\n        this.arrows.splice(index, 1)\n      }\n      this.selected = null\n      this._hideToolbar()\n      this.render()\n      if (this.onRemove) {\n        this.onRemove({ arrow, arrows: this.getData() })\n      }\n    }\n  }\n\n  _showColorPicker(e) {\n    if (this._showingColorPicker) {\n      this._hideColorPicker()\n      return\n    }\n\n    this._showingColorPicker = true\n\n    // 创建颜色选择器浮窗\n    const popup = document.createElement('div')\n    popup.className = 'ae-color-picker-popup'\n\n    const label = document.createElement('span')\n    label.textContent = '选择颜色'\n    label.style.cssText = 'font-size: 12px; color: #666;'\n\n    const colorInput = document.createElement('input')\n    colorInput.type = 'color'\n    colorInput.value = this.selected.color || this._defaultColor\n    // 自动打开颜色选择器\n    colorInput.showPicker()\n\n    popup.appendChild(label)\n    popup.appendChild(colorInput)\n\n    // 定位到颜色手柄位置\n    const rect = this.container.getBoundingClientRect()\n    const bbox = this._getArrowBBox(this.selected)\n    const x = rect.left + bbox.minX - 50\n    const y = rect.top + bbox.maxY + 15\n\n    popup.style.left = x + 'px'\n    popup.style.top = y + 'px'\n\n    // 颜色改变时实时更新\n    colorInput.addEventListener('input', (ev) => {\n      this.selected.color = ev.target.value\n      this._defaultColor = ev.target.value\n      this.render()\n      if (this.onChange) {\n        this.onChange({ type: 'color', arrow: this.selected, value: ev.target.value, arrows: this.getData() })\n      }\n    })\n\n    // 点击外部关闭\n    const closeHandler = (ev) => {\n      if (!popup.contains(ev.target)) {\n        this._hideColorPicker()\n        document.removeEventListener('click', closeHandler)\n      }\n    }\n\n    document.body.appendChild(popup)\n    this._colorPickerPopup = popup\n\n    document.addEventListener('click', closeHandler)\n  }\n\n  _hideColorPicker() {\n    if (this._colorPickerPopup) {\n      this._colorPickerPopup.remove()\n      this._colorPickerPopup = null\n    }\n    this._showingColorPicker = false\n  }\n\n  // 删除选中的箭头\n  deleteSelected() {\n    if (this.selected) {\n      this.arrows = this.arrows.filter(a => a !== this.selected)\n      this.selected = null\n      this.render()\n    }\n  }\n\n  _handleMouseMove(e, p) {\n    // 如果正在拖拽工具条，不处理\n    if (this._toolbarDragging) {\n      return\n    }\n\n    // 如果鼠标在工具条上，不处理\n    if (this._toolbar && (e.target === this._toolbar || this._toolbar.contains(e.target))) {\n      return\n    }\n\n    // 如果配置了 isCtrl，需要按着 Ctrl 键才能绘制\n    if (this.isCtrl && !e.ctrlKey) {\n      // 如果正在绘制中，按 Ctrl 键松开则结束绘制\n      if (this.drawing && this.current && this.current.points.length >= 2) {\n        this.drawing = false\n        this.arrows.push(this.current)\n        const arrow = this.current\n        this.current = null\n        this.svg.classList.remove('ae-d2-svg-fixed')\n        this.render()\n        if (this.onDrawEnd) {\n          this.onDrawEnd({ arrow, arrows: this.getData() })\n        }\n      }\n      return\n    }\n\n    if (this.drawing) {\n      this.current.points[this.current.points.length - 1] = p\n      this.render()\n    }\n\n    // 变换处理（旋转/缩放）\n    if (this._transformMode && this.selected) {\n      if (this._transformMode === 'rotate') {\n        this._handleRotate(p)\n      } else if (this._transformMode === 'scale') {\n        this._handleScale(p)\n      }\n      this.render()\n      return\n    }\n\n    if (this.selected && this.mode === 'move') {\n      const dx = e.movementX\n      const dy = e.movementY\n\n      // 如果有移动，标记需要阻止点击\n      if (dx !== 0 || dy !== 0) {\n        this._shouldBlockClick = true\n      }\n\n      this.selected.points.forEach(pt => {\n        pt.x += dx\n        pt.y += dy\n      })\n\n      this.render()\n    }\n  }\n\n  _getArrowBBox(arrow) {\n    const points = arrow.points\n    let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity\n\n    for (const pt of points) {\n      minX = Math.min(minX, pt.x)\n      minY = Math.min(minY, pt.y)\n      maxX = Math.max(maxX, pt.x)\n      maxY = Math.max(maxY, pt.y)\n    }\n\n    return {\n      minX,\n      minY,\n      maxX,\n      maxY,\n      width: maxX - minX,\n      height: maxY - minY,\n      centerX: (minX + maxX) / 2,\n      centerY: (minY + maxY) / 2\n    }\n  }\n\n  _handleRotate(p) {\n    const center = this._transformCenter\n    const centerX = center.centerX\n    const centerY = center.centerY\n\n    // 计算当前角度和起始角度\n    const currentAngle = Math.atan2(p.y - centerY, p.x - centerX)\n    const startAngle = Math.atan2(this._transformStartPos.y - centerY, this._transformStartPos.x - centerX)\n    const angleDiff = currentAngle - startAngle\n\n    // 旋转点\n    const cos = Math.cos(angleDiff)\n    const sin = Math.sin(angleDiff)\n\n    this.selected.points.forEach((pt, i) => {\n      const relX = this._transformStartPoints[i].x - centerX\n      const relY = this._transformStartPoints[i].y - centerY\n      pt.x = centerX + relX * cos - relY * sin\n      pt.y = centerY + relX * sin + relY * cos\n    })\n  }\n\n  _handleScale(p) {\n    const center = this._transformCenter\n    const centerX = center.centerX\n    const centerY = center.centerY\n    const startPoints = this._transformStartPoints\n    const startPos = this._transformStartPos\n\n    // 计算缩放比例\n    const dx = p.x - centerX\n    const dy = p.y - centerY\n    const startDx = startPos.x - centerX\n    const startDy = startPos.y - centerY\n\n    const currentDist = Math.hypot(dx, dy)\n    const startDist = Math.hypot(startDx, startDy)\n    const scale = currentDist / startDist\n\n    // 应用缩放\n    this.selected.points.forEach((pt, i) => {\n      pt.x = centerX + (startPoints[i].x - centerX) * scale\n      pt.y = centerY + (startPoints[i].y - centerY) * scale\n    })\n  }\n\n  _hitArrow(a, p) {\n    for (let i = 0; i < a.points.length - 1; i++) {\n      if (this._dist(p, a.points[i], a.points[i + 1]) < 15)\n        return true\n    }\n    return false\n  }\n\n  _dist(p, a, b) {\n    const dx = b.x - a.x\n    const dy = b.y - a.y\n    const t = ((p.x - a.x) * dx + (p.y - a.y) * dy) / (dx * dx + dy * dy)\n    const tt = Math.max(0, Math.min(1, t))\n    const px = a.x + tt * dx\n    const py = a.y + tt * dy\n    return Math.hypot(p.x - px, p.y - py)\n  }\n\n  // 获取所有箭头数据\n  getData() {\n    return this.arrows.map(arrow => ({\n      points: arrow.points,\n      curveRate: arrow.curveRate ?? arrow.cornerRoundness ?? 0,\n      strokeWidth: arrow.strokeWidth,\n      color: arrow.color\n    }))\n  }\n\n  // 设置箭头数据\n  setData(data) {\n    this.arrows = data.map(item => ({\n      points: item.points,\n      curveRate: item.curveRate ?? 0,\n      strokeWidth: item.strokeWidth ?? 8,\n      color: item.color\n    }))\n    this.render()\n  }\n\n  // 清空所有箭头\n  clear() {\n    this.arrows = []\n    this.drawing = false\n    this.current = null\n    this.selected = null\n    this.render()\n  }\n\n  // 销毁编辑器，移除所有事件和元素\n  destroy() {\n    // 销毁键盘绑定\n    if (this._kb && this._kb.destroy) {\n      this._kb.destroy()\n    }\n\n    // 移除容器上的事件\n    this.container.onclick = null\n    this.container.onmousemove = null\n    this.container.onmousedown = null\n    this.container.onmouseup = null\n    this.container.ondblclick = null\n\n    // 移除 SVG 元素\n    if (this.svg) {\n      this.svg.remove()\n      this.svg = null\n    }\n\n    // 移除工具条\n    if (this._toolbar) {\n      this._toolbar.remove()\n      this._toolbar = null\n    }\n\n    // 移除颜色选择器\n    if (this._colorPickerPopup) {\n      this._colorPickerPopup.remove()\n      this._colorPickerPopup = null\n    }\n\n    // 清空数据\n    this.arrows = []\n    this.drawing = false\n    this.current = null\n    this.selected = null\n    this.mode = null\n    this._transformMode = null\n    this._transformHandle = null\n  }\n}\n"],"names":["STYLES","styleEl","ArrowEditor","container","options","defs","marker","polygon","color","strokeWidth","curveRate","e","strokeInput","strokeValue","dragHandle","isDragging","dragOffset","rect","onMove","moveEvent","containerRect","newLeft","newTop","toolbarWidth","toolbarHeight","onUp","colorInput","roundInput","bbox","left","top","Keybinding","p","handle","pt","center","dx","dy","r","pts","d","i","curr","next","len","inDx","inDy","prev","outDx","outDy","after","inLen","outLen","uxIn","uyIn","uxOut","uyOut","controlDist","cp1X","cp1Y","cp2X","cp2Y","last","ux","uy","notchX","notchY","scale","baseLen","baseWidth","notchLen","tipX","tipY","baseX","baseY","px","py","leftX","leftY","rightX","rightY","arrow","index","g","path","arrowHead","scaleHandle","rotateY","rotateX","rotateLine","rotateHandle","now","dt","a","popup","label","x","y","ev","closeHandler","points","minX","minY","maxX","maxY","centerX","centerY","currentAngle","startAngle","angleDiff","cos","sin","relX","relY","startPoints","startPos","startDx","startDy","currentDist","startDist","b","t","tt","data","item"],"mappings":"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"}
+{"version":3,"file":"bundle.cjs.js","sources":["../src/editor.js"],"sourcesContent":["import { Keybinding } from '@wbiokr/keybinding'\n\n// 样式注入\nconst STYLES = `\n.ae-d2-container {\n  position: relative;\n  width: 1000px;\n  height: 600px;\n  background: #fff;\n  margin: auto;\n}\n\n.ae-d2-svg {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  left: 0;\n  top: 0;\n  z-index: 10;\n}\n\n\n.ae-arrow-path {\n  fill: none;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  cursor: pointer;\n}\n\n.ae-arrow-path:hover {\n  stroke: #00aaff;\n}\n\n.ae-transform-box {\n  fill: none;\n  stroke: #00aaff;\n  stroke-width: 2;\n  stroke-dasharray: 4;\n}\n\n.ae-transform-handle {\n  fill: #fff;\n  stroke: #00aaff;\n  stroke-width: 2;\n  cursor: pointer;\n}\n\n.ae-transform-handle:hover {\n  fill: #00aaff;\n}\n\n.ae-rotate-handle {\n  fill: #fff;\n  stroke: #ff6600;\n  stroke-width: 2;\n  cursor: grab;\n}\n\n.ae-rotate-handle:hover {\n  fill: #ff6600;\n}\n\n.ae-rotate-line {\n  stroke: #ff6600;\n  stroke-width: 1;\n  stroke-dasharray: 4;\n}\n\n/* 工具条样式 */\n.ae-toolbar {\n  position: absolute;\n  display: none;\n  flex-direction: column;\n  gap: 10px;\n  padding: 12px;\n  background: #fff;\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  box-shadow: 0 2px 12px rgba(0,0,0,0.15);\n  z-index: 20;\n  pointer-events: auto;\n  min-width: 140px;\n}\n\n.ae-toolbar-drag-handle {\n  cursor: grab;\n  text-align: center;\n  padding: 4px;\n  color: #999;\n  font-size: 14px;\n  line-height: 1;\n  user-select: none;\n  border-bottom: 1px solid #eee;\n  margin: -12px -12px 8px -12px;\n  padding-top: 8px;\n  padding-bottom: 8px;\n  border-radius: 8px 8px 0 0;\n}\n\n.ae-toolbar-drag-handle:active {\n  cursor: grabbing;\n}\n\n.ae-toolbar-item {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.ae-toolbar-label {\n  font-size: 11px;\n  color: #666;\n}\n\n.ae-toolbar input[type=\"color\"] {\n  width: 40px;\n  height: 30px;\n  border: 1px solid #ddd;\n  border-radius: 4px;\n  cursor: pointer;\n  padding: 0;\n  background: none;\n}\n\n.ae-toolbar input[type=\"range\"] {\n  width: 120px;\n  cursor: pointer;\n}\n\n.ae-toolbar-value {\n  font-size: 10px;\n  color: #999;\n  text-align: right;\n}\n\n.ae-delete-btn {\n  width: 100%;\n  padding: 8px 12px;\n  background: #ff4d4f;\n  color: #fff;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  font-size: 12px;\n  transition: background 0.2s;\n}\n\n.ae-delete-btn:hover {\n  background: #ff7875;\n}\n\n.ae-delete-btn:active {\n  background: #d9363e;\n}\n`\n\n// 注入样式\nif (typeof document !== 'undefined') {\n  const styleEl = document.createElement('style')\n  styleEl.textContent = STYLES\n  document.head.appendChild(styleEl)\n}\n\nexport class ArrowEditor {\n\n  constructor(container, options = {}) {\n    this.container = typeof container === 'string' ? document.querySelector(container) : container\n    this.svg = null\n\n    this.arrows = []\n    this.drawing = false\n    this.current = null\n    this.selected = null\n    this.mode = null\n    this.lastClickTime = 0\n    this.lastClickPos = null\n    this._shouldBlockClick = false\n    this._defaultColor = '#2b8cff'\n\n    // 配置选项\n    this.isCtrl = options.isCtrl || false\n    this.stopPropagation = options.stopPropagation || false\n    this.preventDefault = options.preventDefault || false\n    this.onDrawEnd = options.onDrawEnd || null\n    this.onRemove = options.onRemove || null\n    this.onChange = options.onChange || null\n\n    // 变换相关\n    this._transformMode = null // 'rotate' | 'scale'\n    this._transformHandle = null\n    this._transformStartPos = null\n    this._transformStartPoints = null\n    this._transformCenter = null\n    this._transformStartAngle = null\n    this._rotationOffset = 0\n\n    // 工具条相关\n    this._toolbar = null\n    this._strokeWidth = 8\n    this._curveRate = 0\n\n    this._createSVG()\n    this._initKeybindings()\n    this._initEvents()\n  }\n\n  _createSVG() {\n    // 检查并设置容器的定位\n    if (typeof getComputedStyle !== 'undefined') {\n      const containerStyle = getComputedStyle(this.container)\n      if (containerStyle.position === 'static') {\n        this.container.style.position = 'relative'\n      }\n    }\n\n    // 创建 SVG 元素\n    this.svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg')\n    this.svg.setAttribute('class', 'ae-d2-svg')\n    this.container.appendChild(this.svg)\n\n    // 创建 defs 和 marker\n    const defs = document.createElementNS('http://www.w3.org/2000/svg', 'defs')\n    this.svg.appendChild(defs)\n\n    const marker = document.createElementNS('http://www.w3.org/2000/svg', 'marker')\n    marker.setAttribute('id', 'ae-arrowhead')\n    marker.setAttribute('markerWidth', '10')\n    marker.setAttribute('markerHeight', '10')\n    marker.setAttribute('refX', '9')\n    marker.setAttribute('refY', '5')\n    marker.setAttribute('orient', 'auto')\n\n    const polygon = document.createElementNS('http://www.w3.org/2000/svg', 'polygon')\n    polygon.setAttribute('points', '0,0 10,5 0,10 2,5')\n    polygon.setAttribute('fill', this._defaultColor)\n\n    marker.appendChild(polygon)\n    defs.appendChild(marker)\n  }\n\n  _createToolbar() {\n    if (this._toolbar) {\n      this._toolbar.remove()\n    }\n\n    this._toolbar = document.createElement('div')\n    this._toolbar.className = 'ae-toolbar'\n\n    const color = this.selected.color || this._defaultColor\n    const strokeWidth = this.selected.strokeWidth || this._strokeWidth\n    const curveRate = this.selected.curveRate ?? this.selected.cornerRoundness ?? 0\n\n    this._toolbar.innerHTML = `\n      <div class=\"ae-toolbar-drag-handle\">:::</div>\n      <div class=\"ae-toolbar-item\">\n        <span class=\"ae-toolbar-label\">颜色</span>\n        <input type=\"color\" class=\"ae-color-input\" value=\"${color}\" />\n      </div>\n      <div class=\"ae-toolbar-item\">\n        <span class=\"ae-toolbar-label\">粗细</span>\n        <input type=\"range\" class=\"ae-stroke-input\" min=\"1\" max=\"60\" value=\"${strokeWidth}\" />\n        <span class=\"ae-toolbar-value\">${strokeWidth}px</span>\n      </div>\n      <div class=\"ae-toolbar-item\">\n        <span class=\"ae-toolbar-label\">曲线率</span>\n        <input type=\"range\" class=\"ae-round-input\" min=\"0\" max=\"1\" step=\"0.1\" value=\"${curveRate}\" />\n      </div>\n      <div class=\"ae-toolbar-item\">\n        <button class=\"ae-delete-btn\">删除箭头</button>\n      </div>\n    `\n\n    // 颜色选择\n    const colorInput = this._toolbar.querySelector('.ae-color-input')\n    colorInput.addEventListener('input', (e) => {\n      if (!this.selected) return\n      this.selected.color = e.target.value\n      this._defaultColor = e.target.value\n      this._updateMarkerColor(e.target.value)\n      this.render()\n      if (this.onChange) {\n        this.onChange({ type: 'color', arrow: this.selected, value: e.target.value, arrows: this.getData() })\n      }\n    })\n\n    // 粗细调整\n    const strokeInput = this._toolbar.querySelector('.ae-stroke-input')\n    const strokeValue = this._toolbar.querySelector('.ae-stroke-input + .ae-toolbar-value')\n    strokeInput.addEventListener('input', (e) => {\n      if (!this.selected) return\n      this.selected.strokeWidth = parseInt(e.target.value)\n      strokeValue.textContent = e.target.value + 'px'\n      this.render()\n      if (this.onChange) {\n        this.onChange({ type: 'strokeWidth', arrow: this.selected, value: parseInt(e.target.value), arrows: this.getData() })\n      }\n    })\n\n    // 曲线率调整\n    const roundInput = this._toolbar.querySelector('.ae-round-input')\n    roundInput.addEventListener('input', (e) => {\n      if (!this.selected) return\n      this.selected.curveRate = parseFloat(e.target.value)\n      this.render()\n      if (this.onChange) {\n        this.onChange({ type: 'curveRate', arrow: this.selected, value: parseFloat(e.target.value), arrows: this.getData() })\n      }\n    })\n\n    // 删除按钮\n    const deleteBtn = this._toolbar.querySelector('.ae-delete-btn')\n    deleteBtn.addEventListener('click', () => {\n      if (!this.selected) return\n      const arrow = this.selected\n      const index = this.arrows.indexOf(this.selected)\n      if (index > -1) {\n        this.arrows.splice(index, 1)\n      }\n      this.selected = null\n      this._hideToolbar()\n      this.render()\n      if (this.onRemove) {\n        this.onRemove({ arrow, arrows: this.getData() })\n      }\n    })\n\n    // 拖拽功能 - 使用类实例绑定\n    const dragHandle = this._toolbar.querySelector('.ae-toolbar-drag-handle')\n    this._setupToolbarDrag(dragHandle)\n\n    // 阻止工具条上的事件触发到容器\n    this._toolbar.addEventListener('mousedown', (e) => {\n      e.stopPropagation()\n    })\n    this._toolbar.addEventListener('mouseup', (e) => {\n      e.stopPropagation()\n    })\n\n    this.container.appendChild(this._toolbar)\n  }\n\n  // 工具条拖拽设置\n  _setupToolbarDrag(dragHandle) {\n    let isDragging = false\n    let dragOffset = { x: 0, y: 0 }\n\n    dragHandle.addEventListener('mousedown', (e) => {\n      isDragging = true\n      this._toolbarDragging = true\n      const rect = this._toolbar.getBoundingClientRect()\n      dragOffset.x = e.clientX - rect.left\n      dragOffset.y = e.clientY - rect.top\n      e.preventDefault()\n      e.stopPropagation()\n\n      const onMove = (moveEvent) => {\n        if (!isDragging) return\n        const containerRect = this.container.getBoundingClientRect()\n        let newLeft = moveEvent.clientX - containerRect.left - dragOffset.x\n        let newTop = moveEvent.clientY - containerRect.top - dragOffset.y\n        const toolbarWidth = this._toolbar.offsetWidth\n        const toolbarHeight = this._toolbar.offsetHeight\n        newLeft = Math.max(0, Math.min(newLeft, containerRect.width - toolbarWidth))\n        newTop = Math.max(0, Math.min(newTop, containerRect.height - toolbarHeight))\n        this._toolbar.style.left = newLeft + 'px'\n        this._toolbar.style.top = newTop + 'px'\n      }\n\n      const onUp = (e) => {\n        isDragging = false\n        this._toolbarDragging = false\n        document.removeEventListener('mousemove', onMove)\n        document.removeEventListener('mouseup', onUp)\n        this._toolbar.removeEventListener('mouseup', onUp)\n        \n        e.preventDefault()\n        e.stopPropagation()\n      }\n\n      document.addEventListener('mousemove', onMove)\n      document.addEventListener('mouseup', onUp)\n\n      this._toolbar.addEventListener('mouseup', onUp)\n    })\n  }\n\n  _showToolbar() {\n    if (this.selected) {\n      if (!this._toolbar) {\n        this._createToolbar()\n      }\n      this._toolbar.style.display = 'flex'\n\n      // 更新工具条值\n      const color = this.selected.color || this._defaultColor\n      const strokeWidth = this.selected.strokeWidth || this._strokeWidth\n      const curveRate = this.selected.curveRate ?? this.selected.cornerRoundness ?? 0\n\n      const colorInput = this._toolbar.querySelector('.ae-color-input')\n      const strokeInput = this._toolbar.querySelector('.ae-stroke-input')\n      const strokeValue = this._toolbar.querySelector('.ae-stroke-input + .ae-toolbar-value')\n      const roundInput = this._toolbar.querySelector('.ae-round-input')\n\n      if (colorInput) colorInput.value = color\n      if (strokeInput) {\n        strokeInput.value = strokeWidth\n        strokeValue.textContent = strokeWidth + 'px'\n      }\n      if (roundInput) roundInput.value = curveRate\n\n      // 定位到所选箭头旁边\n      const bbox = this._getArrowBBox(this.selected)\n      const toolbarWidth = this._toolbar.offsetWidth || 150\n      const toolbarHeight = this._toolbar.offsetHeight || 120\n\n      // 计算位置：放在箭头右侧，如果空间不够则放左侧\n      let left = bbox.maxX + 20\n      if (left + toolbarWidth > this.container.offsetWidth) {\n        left = bbox.minX - toolbarWidth - 20\n      }\n\n      // 垂直居中于箭头\n      let top = bbox.centerY - toolbarHeight / 2\n      if (top < 0) top = 0\n      if (top + toolbarHeight > this.container.offsetHeight) {\n        top = this.container.offsetHeight - toolbarHeight\n      }\n\n      this._toolbar.style.left = left + 'px'\n      this._toolbar.style.top = top + 'px'\n    }\n  }\n\n  _hideToolbar() {\n    if (this._toolbar) {\n      this._toolbar.style.display = 'none'\n    }\n  }\n\n  _updateMarkerColor(color) {\n    const marker = this.svg.querySelector('#ae-arrowhead polygon')\n    if (marker) {\n      marker.setAttribute('fill', color)\n    }\n  }\n\n  _initKeybindings() {\n    // 创建快捷键实例，绑定到 container 上\n    this._kb = new Keybinding('arrow-editor')\n\n    // Enter: 完成绘制\n    this._kb.on('enter', () => {\n      this._handleEnter()\n    })\n\n    // Esc: 结束绘制、取消选中\n    this._kb.on('esc', () => {\n      this._handleEsc()\n    })\n\n    // Delete/Backspace: 删除选中的箭头\n    this._kb.on('delete', () => {\n      this._handleDelete()\n    })\n\n    this._kb.on('backspace', () => {\n      this._handleDelete()\n    })\n  }\n\n  _initEvents() {\n    this.container.onclick = e => {\n      // 点击工具条时不处理\n      if (this._toolbar && (e.target === this._toolbar || this._toolbar.contains(e.target))) {\n        return\n      }\n      if (this.preventDefault) e.preventDefault()\n      if (this.stopPropagation) e.stopPropagation()\n      const p = this._mousePos(e)\n      this._handleClick(p, e)\n    }\n\n    this.container.onmousemove = e => {\n      if (this.preventDefault) e.preventDefault()\n      if (this.stopPropagation) e.stopPropagation()\n      const p = this._mousePos(e)\n      this._handleMouseMove(e, p)\n    }\n\n    this.container.onmousedown = e => {\n      // 点击工具条不触发移动\n      if (this._toolbar && (e.target === this._toolbar || this._toolbar.contains(e.target))) {\n        return\n      }\n\n      if (this.preventDefault) e.preventDefault()\n      if (this.stopPropagation) e.stopPropagation()\n\n      if (this.selected) {\n        const handle = e.target.getAttribute('data-handle')\n        if (handle) {\n          this._transformMode = handle\n          this._transformHandle = handle\n          const p = this._mousePos(e)\n          this._transformStartPos = p\n          this._transformStartPoints = this.selected.points.map(pt => ({ x: pt.x, y: pt.y }))\n          this._transformCenter = this._getArrowBBox(this.selected)\n\n          if (handle === 'rotate') {\n            const center = this._transformCenter\n            const dx = p.x - center.centerX\n            const dy = p.y - center.centerY\n            this._transformStartAngle = Math.atan2(dy, dx)\n            this._rotationOffset = 0\n          }\n\n          e.stopPropagation()\n          return\n        }\n\n        this.mode = 'move'\n      }\n    }\n\n    this.container.onmouseup = (e) => {\n      // 如果有变换操作，调用 onChange 回调\n      if (this._transformMode && this.selected) {\n        if (this.onChange) {\n          this.onChange({ type: this._transformMode, arrow: this.selected, arrows: this.getData() })\n        }\n      }\n      this.mode = null\n      this._transformMode = null\n      this._transformHandle = null\n    }\n  }\n\n  _mousePos(e) {\n    const r = this.container.getBoundingClientRect()\n    return {\n      x: e.clientX - r.left,\n      y: e.clientY - r.top\n    }\n  }\n\n  _generatePath(pts, curveRate = 0) {\n    if (pts.length < 2) return ''\n\n    // curveRate 为 0 时画直线\n    if (curveRate === 0) {\n      let d = `M ${pts[0].x} ${pts[0].y}`\n      for (let i = 1; i < pts.length; i++) {\n        d += ` L ${pts[i].x} ${pts[i].y}`\n      }\n      return d\n    }\n\n    // 根据曲线率计算控制点位置\n    // curveRate: 0 - 直线，1 - 最弯曲\n    let d = `M ${pts[0].x} ${pts[0].y}`\n\n    for (let i = 0; i < pts.length - 1; i++) {\n      const curr = pts[i]\n      const next = pts[i + 1]\n\n      // 计算当前线段的向量\n      const dx = next.x - curr.x\n      const dy = next.y - curr.y\n      const len = Math.hypot(dx, dy)\n\n      if (len === 0) continue\n\n      // 计算进入当前点的切线向量（前一段线段）\n      let inDx = dx\n      let inDy = dy\n\n      if (i > 0) {\n        const prev = pts[i - 1]\n        inDx = curr.x - prev.x\n        inDy = curr.y - prev.y\n      }\n\n      // 计算出当前点的切线向量（下一段线段）\n      let outDx = dx\n      let outDy = dy\n\n      if (i < pts.length - 2) {\n        const after = pts[i + 2]\n        outDx = after.x - next.x\n        outDy = after.y - next.y\n      }\n\n      // 单位向量\n      const inLen = Math.hypot(inDx, inDy) || 1\n      const outLen = Math.hypot(outDx, outDy) || 1\n      const uxIn = inDx / inLen\n      const uyIn = inDy / inLen\n      const uxOut = outDx / outLen\n      const uyOut = outDy / outLen\n\n      // 控制点距离：曲线率 * 线段长度 * 系数\n      const controlDist = len * curveRate * 0.3\n\n      // 第一个控制点：从当前点沿进入方向的切线\n      const cp1X = curr.x + uxIn * controlDist\n      const cp1Y = curr.y + uyIn * controlDist\n\n      // 第二个控制点：从下一个点沿出去方向的切线反方向\n      const cp2X = next.x - uxOut * controlDist\n      const cp2Y = next.y - uyOut * controlDist\n\n      d += ` C ${cp1X} ${cp1Y} ${cp2X} ${cp2Y} ${next.x} ${next.y}`\n    }\n\n    return d\n  }\n\n  _generateArrowHead(pts, strokeWidth = 8) {\n    if (pts.length < 2) return ''\n\n    const last = pts[pts.length - 1]\n    let prev = pts[pts.length - 2]\n\n    if (pts.length >= 3) {\n      const dist = Math.hypot(last.x - prev.x, last.y - prev.y)\n      if (dist < 5) {\n        prev = pts[pts.length - 3]\n      }\n    }\n\n    const dx = last.x - prev.x\n    const dy = last.y - prev.y\n    const len = Math.hypot(dx, dy)\n\n    if (len < 1) return ''\n\n    const ux = dx / len\n    const uy = dy / len\n\n    const notchX = last.x\n    const notchY = last.y\n\n    // 根据粗细调整箭头大小\n    const scale = strokeWidth / 8\n    const baseLen = 40 * scale\n    const baseWidth = 20 * scale\n    const notchLen = 20 * scale\n\n    const tipX = last.x + ux * notchLen\n    const tipY = last.y + uy * notchLen\n    const baseX = last.x - ux * (baseLen - notchLen)\n    const baseY = last.y - uy * (baseLen - notchLen)\n\n    const px = -uy\n    const py = ux\n\n    const leftX = baseX + px * baseWidth\n    const leftY = baseY + py * baseWidth\n    const rightX = baseX - px * baseWidth\n    const rightY = baseY - py * baseWidth\n\n    return `M ${tipX} ${tipY} L ${leftX} ${leftY} L ${notchX} ${notchY} L ${rightX} ${rightY} Z`\n  }\n\n  _createArrowGroup(arrow, index) {\n    const g = document.createElementNS('http://www.w3.org/2000/svg', 'g')\n    g.setAttribute('data-index', index)\n\n    const color = arrow.color || this._defaultColor\n    const strokeWidth = arrow.strokeWidth || this._strokeWidth\n    const curveRate = arrow.curveRate ?? arrow.cornerRoundness ?? 0\n\n    const path = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n    path.setAttribute('class', 'ae-arrow-path')\n    path.style.stroke = color\n    path.style.strokeWidth = strokeWidth + 'px'\n    path.setAttribute('d', this._generatePath(arrow.points, curveRate))\n    g.appendChild(path)\n\n    const arrowHead = document.createElementNS('http://www.w3.org/2000/svg', 'path')\n    arrowHead.setAttribute('fill', color)\n    arrowHead.setAttribute('d', this._generateArrowHead(arrow.points, strokeWidth))\n    g.appendChild(arrowHead)\n\n    if (arrow === this.selected) {\n      const bbox = this._getArrowBBox(arrow)\n\n      // 变换框\n      const rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect')\n      rect.setAttribute('class', 'ae-transform-box')\n      rect.setAttribute('x', bbox.minX - 10)\n      rect.setAttribute('y', bbox.minY - 10)\n      rect.setAttribute('width', bbox.width + 20)\n      rect.setAttribute('height', bbox.height + 20)\n      g.appendChild(rect)\n\n      // 缩放手柄（右下角）\n      const scaleHandle = document.createElementNS('http://www.w3.org/2000/svg', 'circle')\n      scaleHandle.setAttribute('class', 'ae-transform-handle')\n      scaleHandle.setAttribute('cx', bbox.maxX + 10)\n      scaleHandle.setAttribute('cy', bbox.maxY + 10)\n      scaleHandle.setAttribute('r', 6)\n      scaleHandle.setAttribute('data-handle', 'scale')\n      g.appendChild(scaleHandle)\n\n      // 旋转手柄（顶部中间）\n      const rotateY = bbox.minY - 30\n      const rotateX = bbox.centerX\n      const rotateLine = document.createElementNS('http://www.w3.org/2000/svg', 'line')\n      rotateLine.setAttribute('class', 'ae-rotate-line')\n      rotateLine.setAttribute('x1', bbox.centerX)\n      rotateLine.setAttribute('y1', bbox.minY - 10)\n      rotateLine.setAttribute('x2', rotateX)\n      rotateLine.setAttribute('y2', rotateY)\n      g.appendChild(rotateLine)\n\n      const rotateHandle = document.createElementNS('http://www.w3.org/2000/svg', 'circle')\n      rotateHandle.setAttribute('class', 'ae-rotate-handle')\n      rotateHandle.setAttribute('cx', rotateX)\n      rotateHandle.setAttribute('cy', rotateY)\n      rotateHandle.setAttribute('r', 8)\n      rotateHandle.setAttribute('data-handle', 'rotate')\n      g.appendChild(rotateHandle)\n    }\n\n    return g\n  }\n\n  render() {\n    this.svg.querySelectorAll('g').forEach(g => g.remove())\n\n    this.arrows.forEach((arrow, index) => {\n      const g = this._createArrowGroup(arrow, index)\n      this.svg.appendChild(g)\n    })\n\n    if (this.current) {\n      const g = this._createArrowGroup(this.current, this.arrows.length)\n      this.svg.appendChild(g)\n    }\n  }\n\n  _isDoubleClick(p) {\n    const now = Date.now()\n    const dt = now - this.lastClickTime\n    this.lastClickTime = now\n\n    if (dt < 300 && this.lastClickPos && Math.hypot(p.x - this.lastClickPos.x, p.y - this.lastClickPos.y) < 10) {\n      this.lastClickPos = null\n      return true\n    }\n\n    this.lastClickPos = p\n    return false\n  }\n\n  _handleClick(p, e) {\n    // 如果配置了 isCtrl，需要按着 Ctrl 键才能绘制\n    if (this.isCtrl && !e.ctrlKey) {\n      return\n    }\n\n    // 如果刚才有拖拽，阻止点击事件\n    if (this._shouldBlockClick) {\n      this._shouldBlockClick = false\n      return\n    }\n\n    if (this._isDoubleClick(p)) {\n      if (this.drawing && this.current && this.current.points.length >= 2) {\n        this.drawing = false\n        this.arrows.push(this.current)\n        const arrow = this.current\n        this.current = null\n        this.svg.classList.remove('ae-d2-svg-fixed')\n        this.render()\n        if (this.onDrawEnd) {\n          this.onDrawEnd({ arrow, arrows: this.getData() })\n        }\n      }\n      return\n    }\n\n    // 有选中的箭头时，检查是否点击到其他箭头\n    if (this.selected) {\n      for (const a of this.arrows) {\n        if (this._hitArrow(a, p)) {\n          // 点击到不同的箭头，切换选中\n          if (a !== this.selected) {\n            this.selected = a\n            this._showToolbar()\n          }\n          this.render()\n          return\n        }\n      }\n      // 点击空白处，取消选中\n      this.selected = null\n      this._hideToolbar()\n      this.render()\n      return\n    }\n\n    // 没有选中时，检查是否点击到箭头\n    for (const a of this.arrows) {\n      if (this._hitArrow(a, p)) {\n        this.selected = a\n        this._showToolbar()\n        this.render()\n        return\n      }\n    }\n\n    // 点击空白处\n    if (this.drawing) {\n      // 正在绘制中，添加点\n      this.current.points.push(p)\n    } else {\n      // 开始绘制\n      this.drawing = true\n      this.current = {\n        points: [p, p],\n        color: this._defaultColor\n      }\n      // 添加 fixed 类，让 SVG 固定定位覆盖整个视口\n      this.svg.classList.add('ae-d2-svg-fixed')\n    }\n\n    this.render()\n  }\n\n  _handleEnter() {\n    // 正在绘制时，按 Enter 完成绘制\n    if (this.drawing && this.current && this.current.points.length >= 2) {\n      this.drawing = false\n      this.arrows.push(this.current)\n      const arrow = this.current\n      this.current = null\n      this.svg.classList.remove('ae-d2-svg-fixed')\n      this.render()\n      if (this.onDrawEnd) {\n        this.onDrawEnd({ arrow, arrows: this.getData() })\n      }\n    }\n  }\n\n  _handleEsc() {\n    // 按 Esc: 结束绘制、取消选中\n    if (this.drawing) {\n      this.drawing = false\n      this.current = null\n      this.svg.classList.remove('ae-d2-svg-fixed')\n    }\n    if (this.selected) {\n      this.selected = null\n    }\n    this._hideColorPicker()\n    this._hideToolbar()\n    this.render()\n  }\n\n  _handleDelete() {\n    // 删除选中的箭头\n    if (this.selected) {\n      const arrow = this.selected\n      const index = this.arrows.indexOf(this.selected)\n      if (index > -1) {\n        this.arrows.splice(index, 1)\n      }\n      this.selected = null\n      this._hideToolbar()\n      this.render()\n      if (this.onRemove) {\n        this.onRemove({ arrow, arrows: this.getData() })\n      }\n    }\n  }\n\n  _showColorPicker(e) {\n    if (this._showingColorPicker) {\n      this._hideColorPicker()\n      return\n    }\n\n    this._showingColorPicker = true\n\n    // 创建颜色选择器浮窗\n    const popup = document.createElement('div')\n    popup.className = 'ae-color-picker-popup'\n\n    const label = document.createElement('span')\n    label.textContent = '选择颜色'\n    label.style.cssText = 'font-size: 12px; color: #666;'\n\n    const colorInput = document.createElement('input')\n    colorInput.type = 'color'\n    colorInput.value = this.selected.color || this._defaultColor\n    // 自动打开颜色选择器\n    colorInput.showPicker()\n\n    popup.appendChild(label)\n    popup.appendChild(colorInput)\n\n    // 定位到颜色手柄位置\n    const rect = this.container.getBoundingClientRect()\n    const bbox = this._getArrowBBox(this.selected)\n    const x = rect.left + bbox.minX - 50\n    const y = rect.top + bbox.maxY + 15\n\n    popup.style.left = x + 'px'\n    popup.style.top = y + 'px'\n\n    // 颜色改变时实时更新\n    colorInput.addEventListener('input', (ev) => {\n      this.selected.color = ev.target.value\n      this._defaultColor = ev.target.value\n      this.render()\n      if (this.onChange) {\n        this.onChange({ type: 'color', arrow: this.selected, value: ev.target.value, arrows: this.getData() })\n      }\n    })\n\n    // 点击外部关闭\n    const closeHandler = (ev) => {\n      if (!popup.contains(ev.target)) {\n        this._hideColorPicker()\n        document.removeEventListener('click', closeHandler)\n      }\n    }\n\n    document.body.appendChild(popup)\n    this._colorPickerPopup = popup\n\n    document.addEventListener('click', closeHandler)\n  }\n\n  _hideColorPicker() {\n    if (this._colorPickerPopup) {\n      this._colorPickerPopup.remove()\n      this._colorPickerPopup = null\n    }\n    this._showingColorPicker = false\n  }\n\n  // 删除选中的箭头\n  deleteSelected() {\n    if (this.selected) {\n      this.arrows = this.arrows.filter(a => a !== this.selected)\n      this.selected = null\n      this.render()\n    }\n  }\n\n  _handleMouseMove(e, p) {\n    // 如果正在拖拽工具条，不处理\n    if (this._toolbarDragging) {\n      return\n    }\n\n    // 如果鼠标在工具条上，不处理\n    if (this._toolbar && (e.target === this._toolbar || this._toolbar.contains(e.target))) {\n      return\n    }\n\n    // 如果配置了 isCtrl，需要按着 Ctrl 键才能绘制\n    if (this.isCtrl && !e.ctrlKey) {\n      // 如果正在绘制中，按 Ctrl 键松开则结束绘制\n      if (this.drawing && this.current && this.current.points.length >= 2) {\n        this.drawing = false\n        this.arrows.push(this.current)\n        const arrow = this.current\n        this.current = null\n        this.svg.classList.remove('ae-d2-svg-fixed')\n        this.render()\n        if (this.onDrawEnd) {\n          this.onDrawEnd({ arrow, arrows: this.getData() })\n        }\n      }\n      return\n    }\n\n    if (this.drawing) {\n      this.current.points[this.current.points.length - 1] = p\n      this.render()\n    }\n\n    // 变换处理（旋转/缩放）\n    if (this._transformMode && this.selected) {\n      if (this._transformMode === 'rotate') {\n        this._handleRotate(p)\n      } else if (this._transformMode === 'scale') {\n        this._handleScale(p)\n      }\n      this.render()\n      return\n    }\n\n    if (this.selected && this.mode === 'move') {\n      const dx = e.movementX\n      const dy = e.movementY\n\n      // 如果有移动，标记需要阻止点击\n      if (dx !== 0 || dy !== 0) {\n        this._shouldBlockClick = true\n      }\n\n      this.selected.points.forEach(pt => {\n        pt.x += dx\n        pt.y += dy\n      })\n\n      this.render()\n    }\n  }\n\n  _getArrowBBox(arrow) {\n    const points = arrow.points\n    let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity\n\n    for (const pt of points) {\n      minX = Math.min(minX, pt.x)\n      minY = Math.min(minY, pt.y)\n      maxX = Math.max(maxX, pt.x)\n      maxY = Math.max(maxY, pt.y)\n    }\n\n    return {\n      minX,\n      minY,\n      maxX,\n      maxY,\n      width: maxX - minX,\n      height: maxY - minY,\n      centerX: (minX + maxX) / 2,\n      centerY: (minY + maxY) / 2\n    }\n  }\n\n  _handleRotate(p) {\n    const center = this._transformCenter\n    const centerX = center.centerX\n    const centerY = center.centerY\n\n    // 计算当前角度和起始角度\n    const currentAngle = Math.atan2(p.y - centerY, p.x - centerX)\n    const startAngle = Math.atan2(this._transformStartPos.y - centerY, this._transformStartPos.x - centerX)\n    const angleDiff = currentAngle - startAngle\n\n    // 旋转点\n    const cos = Math.cos(angleDiff)\n    const sin = Math.sin(angleDiff)\n\n    this.selected.points.forEach((pt, i) => {\n      const relX = this._transformStartPoints[i].x - centerX\n      const relY = this._transformStartPoints[i].y - centerY\n      pt.x = centerX + relX * cos - relY * sin\n      pt.y = centerY + relX * sin + relY * cos\n    })\n  }\n\n  _handleScale(p) {\n    const center = this._transformCenter\n    const centerX = center.centerX\n    const centerY = center.centerY\n    const startPoints = this._transformStartPoints\n    const startPos = this._transformStartPos\n\n    // 计算缩放比例\n    const dx = p.x - centerX\n    const dy = p.y - centerY\n    const startDx = startPos.x - centerX\n    const startDy = startPos.y - centerY\n\n    const currentDist = Math.hypot(dx, dy)\n    const startDist = Math.hypot(startDx, startDy)\n    const scale = currentDist / startDist\n\n    // 应用缩放\n    this.selected.points.forEach((pt, i) => {\n      pt.x = centerX + (startPoints[i].x - centerX) * scale\n      pt.y = centerY + (startPoints[i].y - centerY) * scale\n    })\n  }\n\n  _hitArrow(a, p) {\n    for (let i = 0; i < a.points.length - 1; i++) {\n      if (this._dist(p, a.points[i], a.points[i + 1]) < 15)\n        return true\n    }\n    return false\n  }\n\n  _dist(p, a, b) {\n    const dx = b.x - a.x\n    const dy = b.y - a.y\n    const t = ((p.x - a.x) * dx + (p.y - a.y) * dy) / (dx * dx + dy * dy)\n    const tt = Math.max(0, Math.min(1, t))\n    const px = a.x + tt * dx\n    const py = a.y + tt * dy\n    return Math.hypot(p.x - px, p.y - py)\n  }\n\n  // 获取所有箭头数据\n  getData() {\n    return this.arrows.map(arrow => ({\n      points: arrow.points,\n      curveRate: arrow.curveRate ?? arrow.cornerRoundness ?? 0,\n      strokeWidth: arrow.strokeWidth,\n      color: arrow.color\n    }))\n  }\n\n  // 设置箭头数据\n  setData(data) {\n    this.arrows = data.map(item => ({\n      points: item.points,\n      curveRate: item.curveRate ?? 0,\n      strokeWidth: item.strokeWidth ?? 8,\n      color: item.color\n    }))\n    this.render()\n  }\n\n  // 清空所有箭头\n  clear() {\n    this.arrows = []\n    this.drawing = false\n    this.current = null\n    this.selected = null\n    this.render()\n  }\n\n  // 销毁编辑器，移除所有事件和元素\n  destroy() {\n    // 销毁键盘绑定\n    if (this._kb && this._kb.destroy) {\n      this._kb.destroy()\n    }\n\n    // 移除容器上的事件\n    this.container.onclick = null\n    this.container.onmousemove = null\n    this.container.onmousedown = null\n    this.container.onmouseup = null\n    this.container.ondblclick = null\n\n    // 移除 SVG 元素\n    if (this.svg) {\n      this.svg.remove()\n      this.svg = null\n    }\n\n    // 移除工具条\n    if (this._toolbar) {\n      this._toolbar.remove()\n      this._toolbar = null\n    }\n\n    // 移除颜色选择器\n    if (this._colorPickerPopup) {\n      this._colorPickerPopup.remove()\n      this._colorPickerPopup = null\n    }\n\n    // 清空数据\n    this.arrows = []\n    this.drawing = false\n    this.current = null\n    this.selected = null\n    this.mode = null\n    this._transformMode = null\n    this._transformHandle = null\n  }\n}\n"],"names":["document","styleEl","createElement","textContent","head","appendChild","constructor","container","options","this","querySelector","svg","arrows","drawing","current","selected","mode","lastClickTime","lastClickPos","_shouldBlockClick","_defaultColor","isCtrl","stopPropagation","preventDefault","onDrawEnd","onRemove","onChange","_transformMode","_transformHandle","_transformStartPos","_transformStartPoints","_transformCenter","_transformStartAngle","_rotationOffset","_toolbar","_strokeWidth","_curveRate","_createSVG","_initKeybindings","_initEvents","getComputedStyle","position","style","createElementNS","setAttribute","defs","marker","polygon","_createToolbar","remove","className","color","strokeWidth","curveRate","_b","cornerRoundness","innerHTML","addEventListener","e","target","value","_updateMarkerColor","render","type","arrow","getData","strokeInput","strokeValue","parseInt","parseFloat","index","indexOf","splice","_hideToolbar","dragHandle","_setupToolbarDrag","isDragging","dragOffset","x","y","_toolbarDragging","rect","getBoundingClientRect","clientX","left","clientY","top","onMove","moveEvent","containerRect","newLeft","newTop","toolbarWidth","offsetWidth","toolbarHeight","offsetHeight","Math","max","min","width","height","onUp","removeEventListener","_showToolbar","display","colorInput","roundInput","bbox","_getArrowBBox","maxX","minX","centerY","_kb","Keybinding","on","_handleEnter","_handleEsc","_handleDelete","onclick","contains","p","_mousePos","_handleClick","onmousemove","_handleMouseMove","onmousedown","handle","getAttribute","points","map","pt","center","dx","centerX","dy","atan2","onmouseup","r","_generatePath","pts","length","d","i","curr","next","len","hypot","inDx","inDy","prev","outDx","outDy","after","inLen","outLen","uxIn","uyIn","uxOut","uyOut","controlDist","_generateArrowHead","last","ux","uy","notchX","notchY","scale","baseLen","baseWidth","notchLen","tipX","tipY","baseX","baseY","px","_createArrowGroup","g","_a","path","stroke","arrowHead","minY","scaleHandle","maxY","rotateY","rotateX","rotateLine","rotateHandle","querySelectorAll","forEach","_isDoubleClick","now","Date","dt","ctrlKey","push","classList","a","_hitArrow","add","_hideColorPicker","_showColorPicker","_showingColorPicker","popup","label","cssText","showPicker","ev","closeHandler","body","_colorPickerPopup","deleteSelected","filter","_handleRotate","_handleScale","movementX","movementY","Infinity","angleDiff","cos","sin","relX","relY","startPoints","startPos","startDx","startDy","_dist","b","t","tt","py","setData","data","item","clear","destroy","ondblclick"],"mappings":"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"}