npm - drawui-react - Versions diffs - 0.4.2 → 0.5.0 - Mend

drawui-react 0.4.2 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { ToolType, Language, Shape, EditorData, Editor, ExportFormat, ArrowStyle } from 'drawui-core';
+import { ToolType, Language, Shape, EditorData, Editor, ImageUploadOption, ExportFormat, ArrowStyle } from 'drawui-core';
 export { ToolType } from 'drawui-core';
 interface CanvasBoardProps {
@@ -15,8 +15,14 @@ interface CanvasBoardProps {
     onChange?: (data: EditorData) => void;
     /** 编辑器实例就绪回调：可拿到 Editor 做完全控制（setShapes/undo/zoom 等） */
     onReady?: (editor: Editor) => void;
+    /**
+     * 图片上传通道（「图片」按钮 / 粘贴 / 拖入文件时用）：
+     *  - `{ url }` 配置或自定义上传函数 → 图片传到接入方服务器，只存返回的 URL（刷新不丢）
+     *  - 不传 → 退回本地临时 blob（图形带 temporary，刷新即失效）
+     */
+    imageUpload?: ImageUploadOption;
 }
-declare function CanvasBoard({ initialTool, className, themeColor, language, data, onChange, onReady, }: CanvasBoardProps): react.JSX.Element;
+declare function CanvasBoard({ initialTool, className, themeColor, language, data, onChange, onReady, imageUpload, }: CanvasBoardProps): react.JSX.Element;
 interface ToolbarProps {
     activeTool: ToolType;
@@ -40,6 +46,8 @@ interface ToolbarProps {
     onInsertIcon?: (iconId: string) => void;
     /** 「表格」行列选择器里选了 rows×cols：宿主负责插入画布 */
     onInsertTable?: (rows: number, cols: number) => void;
+    /** 「图片」按钮选了文件（多选）：宿主负责上传并插入画布 */
+    onInsertImage?: (files: File[]) => void;
     /** 新建箭头的默认样式（工具栏「箭头」下拉里展示/修改） */
     arrowStyle?: ArrowStyle;
     onArrowStyleChange?: (updates: Partial<ArrowStyle>) => void;

package/dist/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- import {memo,useState,useRef,useEffect,useMemo,useCallback,useLayoutEffect}from'react';import {ICON_CATEGORIES,getIcon,searchIcons,iconsByCategory,ICON_CATEGORY_INK,ICON_DEFAULT_INK,t,iconInk,STICKY_NOTE_COLORS,getContentBounds,UML_FONT_SIZE,TABLE_FONT_SIZE,TABLE_LINE_HEIGHT_RATIO,tableExpandRangeToMerges,tableCoveredMap,tableRangeHasMerge,MINDMAP_COLORS,layoutMindMap,getTheme,hexToRgba,subscribeTheme,getLanguage,subscribeLanguage,ICON_GRID,DEFAULT_HIGHLIGHTER_COLOR,STICKY_NOTE_DEFAULT_COLOR,UML_LINE_HEIGHT,UML_PADDING_Y,UML_PADDING_X,UML_HEADER_HEIGHT,MINDMAP_FONT_SIZE,TABLE_CELL_PADDING_Y,TABLE_CELL_PADDING_X,Editor,shadeColor,setLanguage,isFlippableShapeType}from'drawui-core';import {jsxs,jsx,Fragment}from'react/jsx-runtime';function Z(){let[t,e]=useState(getLanguage());return useEffect(()=>subscribeLanguage(()=>e(getLanguage())),[]),t}var gn=["#ffeb3b","#22c55e","#3b82f6","#ec4899","#8b5cf6","#f97316"],wn="drawui:highlighterColor";function Ct(){if(typeof window>"u")return DEFAULT_HIGHLIGHTER_COLOR;try{let t=window.localStorage.getItem(wn);return t&&/^#[0-9a-fA-F]{6}$/.test(t)?t.toLowerCase():DEFAULT_HIGHLIGHTER_COLOR}catch{return DEFAULT_HIGHLIGHTER_COLOR}}function vn(t){if(!(typeof window>"u"))try{window.localStorage.setItem(wn,t);}catch{}}var kn="drawui:stickyNoteColor";function St(){if(typeof window>"u")return STICKY_NOTE_DEFAULT_COLOR;try{let t=window.localStorage.getItem(kn);return t&&/^#[0-9a-fA-F]{6}$/.test(t)?t.toLowerCase():STICKY_NOTE_DEFAULT_COLOR}catch{return STICKY_NOTE_DEFAULT_COLOR}}function Cn(t){if(!(typeof window>"u"))try{window.localStorage.setItem(kn,t);}catch{}}function Co({icon:t,size:e=24,ink:n=ICON_DEFAULT_INK}){return jsxs("svg",{viewBox:`0 0 ${ICON_GRID} ${ICON_GRID}`,width:e,height:e,fill:"none","aria-hidden":"true",children:[t.disc&&jsx("circle",{cx:ICON_GRID/2,cy:ICON_GRID/2,r:ICON_GRID/2-1,fill:t.disc}),t.layers.map((a,y)=>{let c=a.fill??"ink",r=a.stroke??"ink";return jsx("path",{d:a.d,fill:c==="none"?"none":c==="ink"?n:c,...r==="none"?{}:{stroke:r==="ink"?n:r,strokeWidth:a.w??1.8,strokeLinecap:"round",strokeLinejoin:"round"}},y)}),t.label&&jsx("text",{x:ICON_GRID/2,y:ICON_GRID/2+.5,textAnchor:"middle",dominantBaseline:"central",fontFamily:"sans-serif",fontSize:t.label.size??13,fill:t.label.color,children:t.label.text})]})}var Nn="drawui:recentIcons",En=12;function Vt(t,e){let n=/^#?([0-9a-f]{6})$/i.exec(t.trim());if(!n)return t;let a=parseInt(n[1],16);return `rgba(${a>>16&255}, ${a>>8&255}, ${a&255}, ${e})`}function So(){if(typeof window>"u")return [];try{let t=JSON.parse(window.localStorage.getItem(Nn)\|\|"[]");return Array.isArray(t)?t.filter(e=>typeof e=="string").slice(0,En):[]}catch{return []}}function Mo(t){if(!(typeof window>"u"))try{window.localStorage.setItem(Nn,JSON.stringify(t));}catch{}}var Tn=t=>({"--dw-icon-cat":t,"--dw-icon-cat-soft":Vt(t,.12)}),In=memo(function({onPick:e,onClose:n}){Z();let[a,y]=useState(""),[c,r]=useState(ICON_CATEGORIES[0].id),[s,S]=useState(So),f=useRef(null),d=useRef(null);useEffect(()=>{d.current?.focus();},[]),useEffect(()=>{let u=C=>{let F=f.current;F&&(F.contains(C.target)\|\|C.target?.closest?.("[data-icon-toggle]")\|\|n());},E=C=>{C.key==="Escape"&&(C.stopPropagation(),n());};return window.addEventListener("pointerdown",u),window.addEventListener("keydown",E),()=>{window.removeEventListener("pointerdown",u),window.removeEventListener("keydown",E);}},[n]);let b=useMemo(()=>s.map(u=>getIcon(u)).filter(u=>!!u),[s]),v=useMemo(()=>a.trim()?searchIcons(a):c==="recent"?b:iconsByCategory(c),[a,c,b]),T=c==="recent"?ICON_CATEGORY_INK.status:ICON_CATEGORY_INK[c]??ICON_DEFAULT_INK,H=a.trim()?t("icon.search"):c==="recent"?t("icon.recent"):t(ICON_CATEGORIES.find(u=>u.id===c)?.labelKey??"icon.search"),I=u=>{e(u),S(E=>{let C=[u.id,...E.filter(F=>F!==u.id)].slice(0,En);return Mo(C),C});};return jsxs("div",{className:"drawui-icon-panel",ref:f,style:{"--dw-icon-accent":T,"--dw-icon-soft":Vt(T,.08),"--dw-icon-ring":Vt(T,.22)},children:[jsxs("label",{className:"drawui-icon-search",children:[jsxs("svg",{viewBox:"0 0 24 24",width:"15",height:"15",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[jsx("circle",{cx:"10.5",cy:"10.5",r:"6.5"}),jsx("path",{d:"M15.4 15.4L20 20"})]}),jsx("input",{ref:d,value:a,onChange:u=>y(u.target.value),onKeyDown:u=>{u.key==="Enter"&&v.length>0&&I(v[0]);},placeholder:t("icon.search"),"aria-label":t("icon.search")}),jsx("span",{className:"drawui-icon-count",children:v.length})]}),!a.trim()&&jsxs("div",{className:"drawui-icon-cats",children:[b.length>0&&jsxs("button",{type:"button",className:`drawui-icon-cat${c==="recent"?" active":""}`,style:Tn(ICON_CATEGORY_INK.status),onClick:()=>r("recent"),children:[jsx("i",{className:"drawui-icon-dot"}),t("icon.recent")]}),ICON_CATEGORIES.map(u=>jsxs("button",{type:"button",className:`drawui-icon-cat${c===u.id?" active":""}`,style:Tn(ICON_CATEGORY_INK[u.id]??ICON_DEFAULT_INK),onClick:()=>r(u.id),children:[jsx("i",{className:"drawui-icon-dot"}),t(u.labelKey)]},u.id))]}),jsxs("div",{className:"drawui-icon-card",children:[jsxs("div",{className:"drawui-icon-card-head",children:[jsx("span",{className:"drawui-icon-card-title",children:H}),jsx("span",{className:"drawui-icon-card-count",children:v.length})]}),jsxs("div",{className:"drawui-icon-grid",children:[v.map(u=>jsx("button",{type:"button",className:"drawui-icon-item",title:`${u.zh} / ${u.en}`,"aria-label":`${u.zh} ${u.en}`,onClick:()=>I(u),children:jsx(Co,{icon:u,size:30,ink:iconInk(u)})},u.id)),v.length===0&&jsx("div",{className:"drawui-icon-empty",children:t("icon.empty")})]})]})]})});var Ie=t=>`${t.x.toFixed(1)},${t.y.toFixed(1)}`,Rn=(t,e)=>{let n=eMath.PI/180;return {x:t.xMath.cos(n)-t.yMath.sin(n),y:t.xMath.sin(n)+t.yMath.cos(n)}},pt={x:Math.SQRT1_2,y:-Math.SQRT1_2},Yt={x:4.6,y:19.4},bt={x:19,y:5};function jt(t,e,n){let a={x:-n.y,y:n.x},y=r=>({x:e.x-n.xr,y:e.y-n.yr}),c=(r,s)=>({x:r.x+a.xs,y:r.y+a.ys});switch(t){case "end":{let r=y(5.6);return jsx("polygon",{points:`${Ie(e)} ${Ie(c(r,2.7))} ${Ie(c(r,-2.7))}`,fill:"currentColor",stroke:"none"})}case "inheritance":case "realization":{let r=y(8.6);return jsx("polygon",{points:`${Ie(e)} ${Ie(c(r,3.5))} ${Ie(c(r,-3.5))}`,fill:"none"})}case "aggregation":case "composition":{let r=y(4.3),s=y(8.6);return jsx("polygon",{points:`${Ie(e)} ${Ie(c(r,2.7))} ${Ie(s)} ${Ie(c(r,-2.7))}`,fill:t==="composition"?"currentColor":"none",stroke:"currentColor"})}case "dependency":{let r=Rn({x:-n.x,y:-n.y},30),s=Rn({x:-n.x,y:-n.y},-30);return jsx("path",{d:`M ${Ie({x:e.x+r.x5.8,y:e.y+r.y5.8})} L ${Ie(e)} L ${Ie({x:e.x+s.x5.8,y:e.y+s.y5.8})}`,fill:"none"})}default:return null}}function De(t,e){let n=e\|\|t==="dependency"\|\|t==="realization",a=n?{x:bt.x-pt.x8.6,y:bt.y-pt.y8.6}:bt,y={x:-pt.x,y:-pt.y};return jsxs("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("line",{x1:Yt.x,y1:Yt.y,x2:a.x,y2:a.y,strokeDasharray:n?"3 2.6":void 0}),(t==="end"\|\|t==="both")&&jt("end",bt,pt),(t==="start"\|\|t==="both")&&jt("end",Yt,y),t!=="none"&&t!=="start"&&t!=="end"&&t!=="both"?jt(t,bt,pt):null]})}var Lt=t=>jsx("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("path",{d:t})}),To=[{type:"straight",labelKey:"style.connection.straight",icon:Lt("M3 12h18")},{type:"polyline",labelKey:"style.connection.polyline",icon:Lt("M4 8 C 12 8, 12 16, 20 16")},{type:"orthogonal",labelKey:"style.connection.orthogonal",icon:Lt("M5 5v14h14")},{type:"curve",labelKey:"style.connection.curve",icon:Lt("M3 13 C 6 7, 9 7, 12 12 C 15 17, 18 17, 21 11")}],Pn=[{key:"none",arrowHead:"none",dashed:false,labelKey:"style.arrowhead.none",icon:De("none",false)},{key:"end",arrowHead:"end",dashed:false,labelKey:"style.arrowhead.end",icon:De("end",false)},{key:"start",arrowHead:"start",dashed:false,labelKey:"style.arrowhead.start",icon:De("start",false)},{key:"both",arrowHead:"both",dashed:false,labelKey:"style.arrowhead.both",icon:De("both",false)},{key:"none-dashed",arrowHead:"none",dashed:true,labelKey:"style.arrowhead.none-dashed",icon:De("none",true)},{key:"both-dashed",arrowHead:"both",dashed:true,labelKey:"style.arrowhead.both-dashed",icon:De("both",true)}],An=[{key:"inheritance",arrowHead:"inheritance",dashed:false,labelKey:"style.arrowhead.inheritance",icon:De("inheritance",false)},{key:"composition",arrowHead:"composition",dashed:false,labelKey:"style.arrowhead.composition",icon:De("composition",false)},{key:"aggregation",arrowHead:"aggregation",dashed:false,labelKey:"style.arrowhead.aggregation",icon:De("aggregation",false)},{key:"dependency",arrowHead:"dependency",dashed:true,labelKey:"style.arrowhead.dependency",icon:De("dependency",true)},{key:"realization",arrowHead:"realization",dashed:true,labelKey:"style.arrowhead.realization",icon:De("realization",true)}],Hn=[...Pn,...An];function No(t,e){let n=Hn.find(a=>a.arrowHead===t&&a.dashed===e);return n?n.key:Hn.find(a=>a.arrowHead===t)?.key}var Nt=memo(function({connectionType:e,arrowHead:n,dashed:a,onConnectionTypeChange:y,onArrowStyleChange:c,onOptionHover:r,onOptionLeave:s}){Z();let S=No(n,a),f=d=>jsx("div",{className:"drawui-connection-row",children:d.map(b=>jsxs("button",{className:`drawui-connection-btn${S===b.key?" active":""}`,onClick:()=>c(b),"data-drawui-tip":r?void 0:t(b.labelKey),onMouseEnter:r?v=>r(b.labelKey,v.currentTarget):void 0,onMouseLeave:r?s:void 0,"aria-label":t(b.labelKey),type:"button",children:[jsx("span",{className:"drawui-connection-icon",children:b.icon}),jsx("span",{className:"drawui-connection-label",children:t(b.labelKey)})]},b.key))});return jsxs(Fragment,{children:[jsx("div",{className:"drawui-style-popover-title",children:t("style.connection")}),jsx("div",{className:"drawui-connection-row",children:To.map(d=>jsxs("button",{className:`drawui-connection-btn${e===d.type?" active":""}`,onClick:()=>y(d.type),"data-drawui-tip":r?void 0:t(d.labelKey),onMouseEnter:r?b=>r(d.labelKey,b.currentTarget):void 0,onMouseLeave:r?s:void 0,"aria-label":t(d.labelKey),type:"button",children:[jsx("span",{className:"drawui-connection-icon",children:d.icon}),jsx("span",{className:"drawui-connection-label",children:t(d.labelKey)})]},d.type))}),jsx("div",{className:"drawui-style-popover-title",children:t("style.arrow")}),f(Pn),jsx("div",{className:"drawui-style-popover-title",children:t("style.uml")}),f(An)]})});var Kn=[{type:"rectangle",icon:jsx("rect",{x:"3",y:"5",width:"18",height:"14",rx:"0"})},{type:"rounded-rectangle",icon:jsx("rect",{x:"3",y:"5",width:"18",height:"14",rx:"4"})},{type:"circle",icon:jsx("circle",{cx:"12",cy:"12",r:"8"})},{type:"ellipse",icon:jsx("ellipse",{cx:"12",cy:"12",rx:"9",ry:"6"})},{type:"diamond",icon:jsx("path",{d:"M12 3L21 12L12 21L3 12Z"})},{type:"triangle",icon:jsx("path",{d:"M12 4L20 19L4 19Z"})},{type:"hexagon",icon:jsx("path",{d:"M12 3L20 7.5V16.5L12 21L4 16.5V7.5Z"})},{type:"parallelogram",icon:jsx("path",{d:"M7 5L20 5L17 19L4 19Z"})},{type:"trapezoid",icon:jsx("path",{d:"M6 5L18 5L21 19L3 19Z"})},{type:"pentagon",icon:jsx("path",{d:"M12 3L21 10L17.5 21L6.5 21L3 10Z"})},{type:"octagon",icon:jsx("path",{d:"M8 3L16 3L21 8L21 16L16 21L8 21L3 16L3 8Z"})},{type:"star",icon:jsx("path",{d:"M12 2L14.5 8.5L21 9L16 13.5L17.5 20L12 16.5L6.5 20L8 13.5L3 9L9.5 8.5Z"})},{type:"cylinder",icon:jsxs(Fragment,{children:[jsx("ellipse",{cx:"12",cy:"6.5",rx:"6",ry:"2.8"}),jsx("path",{d:"M6 6.5v11c0 1.5 2.7 2.8 6 2.8s6-1.3 6-2.8v-11"})]})},{type:"cloud",icon:jsx("path",{d:"M7 18.5h9.4a3.4 3.4 0 0 0 .3-6.8 5 5 0 0 0-9.5-1.2A3.9 3.9 0 0 0 7 18.5Z"})},{type:"heart",icon:jsx("path",{d:"M12 20.3S4.6 15.7 4.6 10.5A4.1 4.1 0 0 1 12 7.6a4.1 4.1 0 0 1 7.4 2.9c0 5.2-7.4 9.8-7.4 9.8Z"})},{type:"block-arrow-right",icon:jsx("path",{d:"M3 9h9V5l9 7-9 7v-4H3Z"})},{type:"block-arrow-left",icon:jsx("path",{d:"M21 9h-9V5L3 12l9 7v-4h9Z"})},{type:"block-arrow-up",icon:jsx("path",{d:"M9 21v-9H5l7-9 7 9h-4v9Z"})},{type:"block-arrow-down",icon:jsx("path",{d:"M9 3v9H5l7 9 7-9h-4V3Z"})},{type:"block-arrow-double",icon:jsx("path",{d:"M2 12l4.5-6v3.5h11V6L22 12l-4.5 6v-3.5h-11V18Z"})},{type:"right-triangle",icon:jsx("path",{d:"M4 4v16h16Z"})},{type:"cross",icon:jsx("path",{d:"M9.5 3h5v6.5H21v5h-6.5V21h-5v-6.5H3v-5h6.5Z"})},{type:"envelope",icon:jsxs(Fragment,{children:[jsx("rect",{x:"3",y:"5",width:"18",height:"14"}),jsx("path",{d:"M3 5l18 14M21 5L3 19"})]})},{type:"checkbox",icon:jsxs(Fragment,{children:[jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"3"}),jsx("path",{d:"M7.8 12.3l2.7 2.7 5.7-6.2"})]})},{type:"speech-rect",icon:jsx(Fragment,{children:jsx("path",{d:"M3 5h18v11H8l-3.2 3.2V16H3Z"})})},{type:"speech-round",icon:jsxs(Fragment,{children:[jsx("ellipse",{cx:"12",cy:"10.5",rx:"9",ry:"6.5"}),jsx("path",{d:"M8 16.2 6 21l5-3.4"})]})},{type:"cube",icon:jsxs(Fragment,{children:[jsx("path",{d:"M12 3 20 7.5v9L12 21 4 16.5v-9Z"}),jsx("path",{d:"M4 7.5 12 12l8-4.5M12 12v9"})]})},{type:"cuboid",icon:jsxs(Fragment,{children:[jsx("path",{d:"M12 4 21 8.5v7L12 20 3 15.5v-7Z"}),jsx("path",{d:"M3 8.5 12 13l9-4.5M12 13v7"})]})},{type:"triangular-pyramid",icon:jsxs(Fragment,{children:[jsx("path",{d:"M12 3 21.5 16.5 12 21 2.5 16.5Z"}),jsx("path",{d:"M12 3v18M2.5 16.5h19"})]})},{type:"quadrangular-pyramid",icon:jsxs(Fragment,{children:[jsx("path",{d:"M12 3 22.5 17 12 21 1.5 17Z"}),jsx("path",{d:"M12 3v18M12 12 1.5 17M12 12l10.5 5"})]})},{type:"sphere",icon:jsxs(Fragment,{children:[jsx("circle",{cx:"12",cy:"12",r:"9"}),jsx("ellipse",{cx:"12",cy:"12",rx:"9",ry:"2.5"})]})},{type:"ellipsoid",icon:jsxs(Fragment,{children:[jsx("ellipse",{cx:"12",cy:"12",rx:"10",ry:"6.5"}),jsx("ellipse",{cx:"12",cy:"12",rx:"10",ry:"1.9"})]})},{type:"pie",icon:jsxs(Fragment,{children:[jsx("ellipse",{cx:"12",cy:"9",rx:"9",ry:"3.5"}),jsx("path",{d:"M3 9v5c0 1.9 4 3.5 9 3.5s9-1.6 9-3.5V9"}),jsx("path",{d:"M12 9 5.6 12M12 9l6.4 3"})]})},{type:"hollow-pie",icon:jsxs(Fragment,{children:[jsx("ellipse",{cx:"12",cy:"9",rx:"9",ry:"3.5"}),jsx("path",{d:"M3 9v5c0 1.9 4 3.5 9 3.5s9-1.6 9-3.5V9"}),jsx("ellipse",{cx:"12",cy:"9",rx:"3.6",ry:"1.5"})]})},{type:"sector",icon:jsx("path",{d:"M12 3a9 9 0 1 0 9 9h-9Z"})},{type:"delay",icon:jsx("path",{d:"M3 5h12a7 7 0 0 1 0 14H3Z"})},{type:"predefined-process",icon:jsxs(Fragment,{children:[jsx("rect",{x:"3",y:"5",width:"18",height:"14"}),jsx("path",{d:"M6.5 5v14M17.5 5v14"})]})},{type:"document",icon:jsx("path",{d:"M3 5h18v10.5c-5 3.5-13-3.5-18 0Z"})},{type:"stadium",icon:jsx("rect",{x:"3",y:"6.5",width:"18",height:"11",rx:"5.5"})},{type:"chevron",icon:jsx("path",{d:"M2 4h9l9 8-9 8H2l8-8Z"})},{type:"brace-left",icon:jsxs(Fragment,{children:[jsx("path",{d:"M1 1C3.9 1 5.1 2.4 5.1 5.1c0 3.7 1.2 6.9 2.9 6.9-1.7 0-2.9 3.2-2.9 6.9 0 2.7-1.2 4.1-4.1 4.1"}),jsx("path",{d:"M12 9.6h10M12 14.4h10"})]})},{type:"brace-right",icon:jsxs(Fragment,{children:[jsx("path",{d:"M23 1c-2.9 0-4.1 1.4-4.1 4.1 0 3.7-1.2 6.9-2.9 6.9 1.7 0 2.9 3.2 2.9 6.9 0 2.7 1.2 4.1 4.1 4.1"}),jsx("path",{d:"M2 9.6h10M2 14.4h10"})]})},{type:"uml-class",icon:jsxs(Fragment,{children:[jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),jsx("line",{x1:"3",y1:"9",x2:"21",y2:"9"}),jsx("line",{x1:"3",y1:"15",x2:"21",y2:"15"}),jsx("line",{x1:"7",y1:"6",x2:"17",y2:"6"}),jsx("line",{x1:"7",y1:"12",x2:"13",y2:"12"}),jsx("line",{x1:"7",y1:"18",x2:"11",y2:"18"})]})},{type:"uml-interface",icon:jsxs(Fragment,{children:[jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),jsx("line",{x1:"3",y1:"9",x2:"21",y2:"9"}),jsx("line",{x1:"7",y1:"6",x2:"17",y2:"6"}),jsx("line",{x1:"7",y1:"12",x2:"13",y2:"12"})]})},{type:"class-catalog",icon:jsxs(Fragment,{children:[jsx("rect",{x:"3",y:"5",width:"18",height:"14",rx:"1.5"}),jsx("line",{x1:"6.6",y1:"5",x2:"6.6",y2:"19"}),jsx("line",{x1:"17.4",y1:"5",x2:"17.4",y2:"19"})]})}],Ro=[{key:"basic",labelKey:"shapeGroup.basic",items:[{type:"rectangle"},{type:"rounded-rectangle"},{type:"stadium"},{type:"circle"},{type:"ellipse"},{type:"diamond"},{type:"triangle"},{type:"right-triangle"},{type:"hexagon"},{type:"parallelogram"},{type:"trapezoid"},{type:"pentagon"},{type:"octagon"},{type:"star"},{type:"envelope"},{type:"checkbox"}]},{key:"flowchart",labelKey:"shapeGroup.flowchart",items:[{type:"rectangle",labelKey:"flow.process"},{type:"rounded-rectangle",labelKey:"flow.step"},{type:"stadium",labelKey:"flow.startEnd"},{type:"diamond",labelKey:"flow.decision"},{type:"parallelogram",labelKey:"flow.data"},{type:"trapezoid",labelKey:"flow.manual"},{type:"hexagon",labelKey:"flow.preparation"},{type:"cylinder",labelKey:"flow.database"},{type:"delay",labelKey:"flow.delay"},{type:"predefined-process"},{type:"document"},{type:"block-arrow-right"},{type:"block-arrow-left"},{type:"block-arrow-up"},{type:"block-arrow-down"},{type:"block-arrow-double"}]},{key:"uml",labelKey:"shapeGroup.uml",items:[{type:"uml-class"},{type:"uml-interface"},{type:"rounded-rectangle",labelKey:"class.plain"},{type:"class-catalog"}]},{key:"solid",labelKey:"shapeGroup.solid",items:[{type:"cylinder"},{type:"cube"},{type:"cuboid"},{type:"triangular-pyramid"},{type:"quadrangular-pyramid"},{type:"sphere"},{type:"ellipsoid"},{type:"pie"},{type:"hollow-pie"}]},{key:"other",labelKey:"shapeGroup.other",items:[{type:"cloud"},{type:"heart"},{type:"cross"},{type:"sector"},{type:"chevron"},{type:"speech-rect"},{type:"speech-round"},{type:"brace-left"},{type:"brace-right"}]}],Ho=new Map(Kn.map(t=>[t.type,t.icon])),Po=new Set(Kn.map(t=>t.type)),Ao=jsxs(Fragment,{children:[jsx("path",{d:"M4 4h16v11l-5 5H4Z"}),jsx("path",{d:"M20 15h-5v5"})]}),Ko=[{type:"arrow",icon:"M5 12h14M12 5l7 7-7 7",labelKey:"toolbar.arrow"},{type:"text",icon:"M4 7V4h16v3M9 20h6M12 4v16",labelKey:"toolbar.text"}],Oo="M17 3a2.85 2.85 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3Z",Xt=8,$o=6,qt="M0 -1Q0.24 -0.24 1 0Q0.24 0.24 0 1Q-0.24 0.24 -1 0Q-0.24 -0.24 0 -1Z",Do=[{type:"eraser",icon:"M7 21l-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21M22 21H7M5 11l9 9",labelKey:"toolbar.eraser"}],Jt=memo(function({activeTool:e,onToolChange:n,showGrid:a,onToggleGrid:y,canUndo:c=false,canRedo:r=false,onUndo:s,onRedo:S,onExport:f,onExportData:d,onImportData:b,onHighlighterColorChange:v,onStickyNoteColorChange:T,onInsertIcon:H,onInsertTable:I,arrowStyle:u,onArrowStyleChange:E}){let[C,F]=useState(false),[i,x]=useState(false),[p,_]=useState(null),[w,R]=useState(false),[B,O]=useState(false),[P,X]=useState(Ct),[q,te]=useState(false),[M,pe]=useState(St),[Se,U]=useState(false),[Ke,be]=useState(false),[ce,Ee]=useState(null),Me=useRef(null),Re=useRef(null),ge=useRef(null),$=useRef(null),k=useRef(null);Z();let ye=[{format:"png",labelKey:"toolbar.export.png"},{format:"svg",labelKey:"toolbar.export.svg"},{format:"pdf",labelKey:"toolbar.export.pdf"}],re=()=>{Me.current&&(clearTimeout(Me.current),Me.current=null),R(true);},de=()=>{Me.current=window.setTimeout(()=>R(false),200);},J=useRef(null),Oe=()=>{R(false),m(),J.current?.click();},we=h=>{let V=h.target.files?.[0];V&&b?.(V),h.target.value="";},Ye=()=>{Re.current&&(clearTimeout(Re.current),Re.current=null),F(true);},je=()=>{Re.current=window.setTimeout(()=>{F(false),m();},200);},et=()=>{ge.current&&(clearTimeout(ge.current),ge.current=null),x(true);},tt=()=>{ge.current=window.setTimeout(()=>{x(false),m();},200);},He=(h,V)=>{let l=h.closest(".drawui-toolbar");if(!l)return;let L=h.getBoundingClientRect(),ue=l.getBoundingClientRect(),G=L.bottom+46>window.innerHeight;_({label:V,x:L.left-ue.left+L.width/2,y:G?L.top-ue.top-8:L.bottom-ue.top+8,above:G});},m=()=>_(null),D=()=>{$.current&&(clearTimeout($.current),$.current=null),O(true);},z=()=>{$.current=window.setTimeout(()=>O(false),200);},W=h=>{X(h),vn(h),v?.(h),n("highlighter");},Q=()=>{k.current&&(clearTimeout(k.current),k.current=null),te(true);},ae=()=>{k.current=window.setTimeout(()=>te(false),200);},Pe=h=>{pe(h),Cn(h),T?.(h),n("sticky-note"),te(false);};return jsx("div",{className:"drawui-toolbar-container",children:jsxs("div",{className:"drawui-toolbar",children:[jsx("button",{className:`drawui-toolbar-button ${e==="select"?"active":""}`,onClick:()=>n("select"),onMouseEnter:h=>He(h.currentTarget,"toolbar.select"),onMouseLeave:m,children:jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("path",{d:"M6 3 6 19.6 10.3 15.7 13 21.1 15.8 19.8 13.1 14.5 18.6 14 Z"})})}),jsx("button",{className:`drawui-toolbar-button ${e==="hand"?"active":""}`,onClick:()=>n("hand"),onMouseEnter:h=>He(h.currentTarget,"toolbar.hand"),onMouseLeave:m,children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M7.6 12.6V5.6a1.5 1.5 0 0 1 3 0v4.6"}),jsx("path",{d:"M10.6 10.2V4.1a1.5 1.5 0 0 1 3 0v6.1"}),jsx("path",{d:"M13.6 10.4V5.2a1.5 1.5 0 0 1 3 0v6.6"}),jsx("path",{d:"M16.6 11.8V8.1a1.5 1.5 0 0 1 3 0v6.6a6.2 6.2 0 0 1-6.2 6.2h-1.5a6.2 6.2 0 0 1-5-2.5l-3.2-4.4a1.5 1.5 0 0 1 2.3-1.9l2.6 2.5"})]})}),jsx("div",{className:"drawui-toolbar-divider"}),jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:Ye,onMouseLeave:je,children:[jsx("button",{className:`drawui-toolbar-button ${Po.has(e)?"active":""}`,onClick:()=>{n("rounded-rectangle"),F(false),m();},"data-drawui-tip":C?void 0:t("toolbar.shapes"),children:jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("rect",{x:"3",y:"5",width:"18",height:"14",rx:"4",ry:"4"})})}),C&&jsx("div",{className:"drawui-toolbar-shape-grid drawui-shape-menu",children:jsx("div",{className:"drawui-shape-menu-scroll",children:Ro.map(h=>jsxs("div",{className:"drawui-shape-group",children:[jsx("div",{className:"drawui-shape-group-title",children:t(h.labelKey)}),jsx("div",{className:"drawui-shape-group-grid",children:h.items.map(V=>{let l=V.labelKey??`tool.${V.type}`;return jsx("button",{type:"button",className:`drawui-toolbar-shape-item ${e===V.type?"active":""}`,onClick:()=>{n(V.type),F(false),m();},onMouseEnter:L=>He(L.currentTarget,l),onMouseLeave:m,"aria-label":t(l),children:jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:Ho.get(V.type)})},`${h.key}-${V.type}`)})})]},h.key))})})]}),jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:Q,onMouseLeave:ae,children:[jsxs("button",{className:`drawui-toolbar-button ${e==="sticky-note"?"active":""}`,onClick:()=>{n("sticky-note"),te(false),m();},"data-drawui-tip":q?void 0:t("tool.sticky-note"),children:[jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:Ao}),jsx("span",{className:"drawui-toolbar-color-chip",style:{background:M}})]}),q&&jsxs("div",{className:"drawui-toolbar-shape-grid drawui-sticky-panel",children:[jsxs("div",{className:"drawui-sticky-panel-head",children:[jsx("span",{className:"drawui-sticky-panel-title",children:t("tool.sticky-note")}),jsx("span",{className:"drawui-sticky-panel-key",children:"N"})]}),jsx("div",{className:"drawui-sticky-panel-grid",children:STICKY_NOTE_COLORS.map(h=>jsx("button",{type:"button","aria-label":h,className:`drawui-sticky-swatch${M.toLowerCase()===h.toLowerCase()?" active":""}`,style:{background:h},onClick:()=>Pe(h)},h))})]})]}),jsxs("div",{className:"drawui-toolbar-dropdown",children:[jsx("button",{className:`drawui-toolbar-button ${Se?"active":""}`,"data-icon-toggle":"","data-drawui-tip":Se?void 0:t("toolbar.icon"),onClick:()=>{U(h=>!h),m();},children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("circle",{cx:"12",cy:"12",r:"9"}),jsx("path",{d:"M8.5 10.2h0.01"}),jsx("path",{d:"M15.5 10.2h0.01"}),jsx("path",{d:"M8.8 14.2c0.9 1 2 1.5 3.2 1.5s2.3 -0.5 3.2 -1.5"})]})}),Se&&jsx(In,{onPick:h=>H?.(h.id),onClose:()=>U(false)})]}),jsx("div",{className:"drawui-toolbar-divider"}),jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:et,onMouseLeave:tt,children:[jsx("button",{className:`drawui-toolbar-button ${e==="arrow"?"active":""}`,onClick:()=>{n("arrow"),x(false),m();},"data-drawui-tip":i?void 0:t("toolbar.arrow"),children:jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("path",{d:"M5 12h14M12 5l7 7-7 7"})})}),i&&jsx("div",{className:"drawui-toolbar-shape-grid drawui-arrow-menu",onPointerDown:h=>{h.target.closest("button")\|\|(x(false),m());},children:jsx(Nt,{connectionType:u?.connectionType??"straight",arrowHead:u?.arrowHead??"end",dashed:!!u?.dashed,onConnectionTypeChange:h=>{E?.({connectionType:h}),n("arrow"),x(false),m();},onArrowStyleChange:h=>{E?.({arrowHead:h.arrowHead,dashed:h.dashed}),n("arrow"),x(false),m();},onOptionHover:(h,V)=>He(V,h),onOptionLeave:m})})]}),Ko.filter(h=>h.type!=="arrow").map(h=>jsx("button",{className:`drawui-toolbar-button ${e===h.type?"active":""}`,onClick:()=>n(h.type),"data-drawui-tip":t(h.labelKey),children:jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("path",{d:h.icon})})},h.type)),jsx("div",{className:"drawui-toolbar-divider"}),jsx("button",{className:`drawui-toolbar-button ${e==="pen"?"active":""}`,onClick:()=>n("pen"),"data-drawui-tip":t("toolbar.pen"),children:jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("path",{d:Oo})})}),jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:D,onMouseLeave:z,children:[jsxs("button",{className:`drawui-toolbar-button ${e==="highlighter"?"active":""}`,onClick:()=>n("highlighter"),onMouseEnter:h=>He(h.currentTarget,"toolbar.highlighter"),onMouseLeave:m,children:[jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M4.6 19.6 12.8 11.4",strokeWidth:"3.6",strokeLinecap:"square"}),jsx("path",{d:"M14.6 9.6 16.2 8",strokeWidth:"3.6",strokeLinecap:"square"}),jsxs("g",{fill:"currentColor",stroke:"none",children:[jsx("path",{d:qt,transform:"translate(7.4 5.4) scale(2.4)"}),jsx("path",{d:qt,transform:"translate(18.4 3.4) scale(2.5)"}),jsx("path",{d:qt,transform:"translate(21 10.6) scale(2.2)"})]})]}),jsx("span",{className:"drawui-toolbar-color-chip",style:{background:P}})]}),B&&jsx("div",{className:"drawui-toolbar-shape-grid drawui-toolbar-highlighter-grid",children:gn.map(h=>jsx("button",{type:"button","aria-label":h,className:`drawui-highlighter-swatch${P.toLowerCase()===h.toLowerCase()?" active":""}`,style:{background:h},onClick:()=>W(h)},h))})]}),jsx("div",{className:"drawui-toolbar-divider"}),Do.map(h=>jsx("button",{className:`drawui-toolbar-button ${e===h.type?"active":""}`,onClick:()=>n(h.type),"data-drawui-tip":t(h.labelKey),children:jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("path",{d:h.icon})})},h.type)),jsx("button",{className:`drawui-toolbar-button ${e==="mind-map"?"active":""}`,onClick:()=>n("mind-map"),"data-drawui-tip":t("toolbar.mind-map"),children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("circle",{cx:"5",cy:"12",r:"2.4"}),jsx("path",{d:"M7.4 12h3.6"}),jsx("path",{d:"M11 12c0-2.6 1.6-4.4 3.4-4.4"}),jsx("path",{d:"M11 12c0 2.6 1.6 4.4 3.4 4.4"}),jsx("circle",{cx:"17.4",cy:"7.6",r:"1.7"}),jsx("circle",{cx:"17.4",cy:"16.4",r:"1.7"}),jsx("circle",{cx:"15.6",cy:"12",r:"1.7"})]})}),jsxs("div",{className:"drawui-toolbar-dropdown",children:[jsx("button",{className:`drawui-toolbar-button ${Ke?"active":""}`,onClick:()=>be(h=>!h),"data-drawui-tip":t("toolbar.table"),"data-table-toggle":true,children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinejoin:"round",children:[jsx("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),jsx("line",{x1:"3",y1:"9.3",x2:"21",y2:"9.3"}),jsx("line",{x1:"9",y1:"4",x2:"9",y2:"20"}),jsx("line",{x1:"15",y1:"4",x2:"15",y2:"20"})]})}),Ke&&jsxs("div",{className:"drawui-table-picker",children:[jsx("div",{className:"drawui-table-picker-hint",children:ce?`${ce.rows} \xD7 ${ce.cols}`:t("table.pickHint")}),jsx("div",{className:"drawui-table-picker-grid",children:Array.from({length:$oXt},(h,V)=>{let l=Math.floor(V/Xt),L=V%Xt,ue=ce&&l<ce.rows&&L<ce.cols;return jsx("button",{type:"button","aria-label":`${l+1}x${L+1}`,className:"drawui-table-picker-cell",style:ue?{borderColor:"var(--dw-primary)",background:"var(--dw-primary-weak)"}:void 0,onMouseEnter:()=>Ee({rows:l+1,cols:L+1}),onClick:()=>{I?.(l+1,L+1),be(false),Ee(null),m();}},V)})})]})]}),jsx("div",{className:"drawui-toolbar-divider"}),jsx("button",{className:`drawui-toolbar-button ${a?"active":""}`,onClick:y,"data-drawui-tip":t("toolbar.grid"),children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("rect",{x:"3",y:"3",width:"7",height:"7",rx:"1"}),jsx("rect",{x:"14",y:"3",width:"7",height:"7",rx:"1"}),jsx("rect",{x:"14",y:"14",width:"7",height:"7",rx:"1"}),jsx("rect",{x:"3",y:"14",width:"7",height:"7",rx:"1"})]})}),jsx("div",{className:"drawui-toolbar-divider"}),jsx("button",{className:"drawui-toolbar-button",onClick:s,disabled:!c,style:c?void 0:{opacity:.4,cursor:"default"},"data-drawui-tip":t("toolbar.undo"),children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M3 7v6h6"}),jsx("path",{d:"M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"})]})}),jsx("button",{className:"drawui-toolbar-button",onClick:S,disabled:!r,style:r?void 0:{opacity:.4,cursor:"default"},"data-drawui-tip":t("toolbar.redo"),children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M21 7v6h-6"}),jsx("path",{d:"M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13"})]})}),jsx("div",{className:"drawui-toolbar-divider"}),jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:re,onMouseLeave:de,children:[jsx("button",{className:"drawui-toolbar-button","data-drawui-tip":w?void 0:t("toolbar.export"),children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),jsx("polyline",{points:"7 10 12 15 17 10"}),jsx("line",{x1:"12",y1:"15",x2:"12",y2:"3"})]})}),w&&jsxs("div",{className:"drawui-toolbar-shape-grid drawui-toolbar-export-grid",children:[ye.map(h=>jsx("button",{className:"drawui-toolbar-shape-item drawui-toolbar-export-item",onClick:()=>{f?.(h.format),R(false);},"data-drawui-tip":t(h.labelKey),children:t(h.labelKey)},h.format)),jsx("div",{className:"drawui-toolbar-export-divider"}),jsx("button",{className:"drawui-toolbar-shape-item drawui-toolbar-export-item",onClick:()=>{d?.(),R(false);},"data-drawui-tip":t("toolbar.export.data"),children:t("toolbar.export.data")}),jsx("button",{className:"drawui-toolbar-shape-item drawui-toolbar-export-item",onClick:Oe,"data-drawui-tip":t("toolbar.import.data"),children:t("toolbar.import.data")})]})]}),jsx("input",{ref:J,type:"file",accept:".json,application/json",style:{display:"none"},onChange:we}),p&&jsx("div",{className:`drawui-shape-tip ${p.above?"is-above":"is-below"}`,style:{left:p.x,top:p.y},children:t(p.label)})]})})});var en=memo(function({onZoomIn:e,onZoomOut:n,onReset:a,zoomLevel:y=100}){return Z(),jsxs("div",{className:"drawui-zoom-control",children:[jsx("button",{className:"drawui-zoom-button",onClick:e,"data-drawui-tip":t("zoom.in"),children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]})}),jsxs("div",{className:"drawui-zoom-level",children:[y,"%"]}),jsx("button",{className:"drawui-zoom-button",onClick:n,"data-drawui-tip":t("zoom.out"),children:jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"})})}),jsx("button",{className:"drawui-zoom-button",onClick:a,"data-drawui-tip":t("zoom.reset"),children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}),jsx("path",{d:"M3 3v5h5"})]})})]})});var $n=["#ffffff","#f1f5f9","#e2e8f0","#ede9fe","#dbeafe","#e0e7ff","#dcfce7","#fef9c3","#fee2e2"],Dn=["#0f172a","#475569","#94a3b8","#8b5cf6","#3b82f6","#1d4ed8","#16a34a","#eab308","#dc2626"],Go=$n.filter(t=>t!=="#f1f5f9"),Fo=[...Go,...Dn],Vo=[...$n,...Dn],Bn=15,zn="drawui:customColors";function Yo(){if(typeof window>"u")return [];try{let t=window.localStorage.getItem(zn);if(!t)return [];let e=JSON.parse(t);return Array.isArray(e)?e.filter(n=>typeof n=="string").slice(-Bn):[]}catch{return []}}function jo(t){if(!(typeof window>"u"))try{window.localStorage.setItem(zn,JSON.stringify(t));}catch{}}var tn=[{key:"fill",labelKey:"style.fill",hasTransparent:true,hasOpacity:true},{key:"stroke",labelKey:"style.stroke",hasTransparent:false,hasOpacity:true},{key:"text",labelKey:"style.text",hasTransparent:false},{key:"highlight",labelKey:"style.highlight",hasTransparent:true,hasOpacity:true}],On=(t,e)=>!!t&&!!e&&t.toLowerCase()===e.toLowerCase(),wt=10,ot=12,Qe=t=>!t\|\|t==="transparent",_n=memo(function({editor:e,selectedCount:n,hasLineSelection:a,currentConnectionType:y,currentArrowHead:c,currentDashed:r}){Z();let s=!!e?.getEditingShapeId(),[S,f]=useState(null),[d,b]=useState(null),[,v]=useState(0),T=useRef(null),H=useRef(null),I=useRef(null),[u,E]=useState({tw:168,th:42,pw:228,ph:160}),[C,F]=useState(Yo),i=useRef(null),x=useCallback(l=>{let L=l.trim().toLowerCase();/^#[0-9a-f]{6}$/.test(L)&&F(ue=>{let G=ue.filter($e=>$e!==L);for(G.push(L);G.length>Bn;)G.shift();return jo(G),G});},[]);if(useEffect(()=>{let l=i.current;if(!l)return;let L=()=>{l.value&&x(l.value);};return l.addEventListener("change",L),()=>l.removeEventListener("change",L)},[x,d]),useEffect(()=>{if(!e)return;let l=e.subscribe(()=>v(L=>(L+1)%1e6));return ()=>{l();}},[e]),useEffect(()=>{b(null);},[n,s]),useEffect(()=>{if(!d)return;let l=L=>{T.current&&!T.current.contains(L.target)&&b(null);};return document.addEventListener("pointerdown",l,true),()=>document.removeEventListener("pointerdown",l,true)},[d]),useLayoutEffect(()=>{let l=H.current?.offsetWidth??u.tw,L=H.current?.offsetHeight??u.th,ue=I.current?.offsetWidth??u.pw,G=I.current?.offsetHeight??u.ph;E($e=>$e.tw===l&&$e.th===L&&$e.pw===ue&&$e.ph===G?$e:{tw:l,th:L,pw:ue,ph:G});}),!e\|\|n===0\|\|s)return null;let p=e.getSelectedIds(),w=e.getShapes().filter(l=>p.includes(l.id)),R=w[0],B=R?.id??"",O=R?.style.fillColor,P=R?.style.strokeColor??"#1f2937",X=R?.textColor??"#1f2937",q=R?.highlightColor,te={fill:O,stroke:P,text:X,highlight:q},M=w.length>0&&w.every(l=>l.type==="sticky-note"),pe={fill:R?.style.fillOpacity??1,stroke:R?.style.strokeOpacity??1,highlight:R?.highlightOpacity??1},Se=l=>S&&S.key===`${B}:${l}`?S.value:pe[l]??1,U=(l,L)=>{switch(l){case "stroke":e.updateSelectedShapesStyle({strokeColor:L});break;case "fill":e.updateSelectedShapesStyle({fillColor:L});break;case "text":e.updateSelectedShapesText({textColor:L});break;case "highlight":e.updateSelectedShapesText({highlightColor:L});break}},Ke=(l,L)=>{f({key:`${B}:${l}`,value:L}),l==="highlight"?e.updateSelectedShapesText({highlightOpacity:L}):l==="stroke"?e.updateSelectedShapesStyle({strokeOpacity:L}):e.updateSelectedShapesStyle({fillOpacity:L});},be=l=>e.updateConnectionType(l),ce=l=>e.updateArrowStyle({arrowHead:l.arrowHead,dashed:l.dashed}),Ee=!!a&&w.length>0&&w.every(l=>l.type==="line"\|\|l.type==="arrow"),Me=w.length>0&&w.every(l=>l.type==="text"),Re=w.length>0&&w.every(l=>l.type==="sticky-note"\|\|l.type==="icon"),ge=Ee?tn.filter(l=>l.key==="stroke"):Re?tn.filter(l=>l.key!=="stroke"):tn,$=l=>l.key==="stroke"&&Ee?"style.line":l.labelKey,k=d&&d!=="more"?ge.find(l=>l.key===d):void 0,ye=!!d&&(d==="more"\|\|d==="prefix"\|\|!!k),re=M&&k?.key==="fill",de=e.getCamera(),J=getContentBounds(w,0),Oe=de.pageToScreen({x:J.x,y:J.y}),we=de.pageToScreen({x:J.x+J.width,y:J.y+J.height}),Ye=window.innerWidth,je=window.innerHeight,et=we.y+wt,tt=Oe.y-wt,He=u.th+(ye?wt+u.ph:0),m=et+He<=je-ot,D=tt-He>=ot,z=m\|\|!D,W=(Oe.x+we.x)/2,Q=(l,L,ue)=>Math.max(L,Math.min(l,Math.max(L,ue))),ae=Q(W-u.tw/2,ot,Ye-u.tw-ot),Pe=z?et:tt-u.th,h=Q(W-u.pw/2,ot,Ye-u.pw-ot),V=ye?Q(z?Pe+u.th+wt:Pe-wt-u.ph,ot,je-u.ph-ot):0;return jsxs("div",{className:"drawui-style-floating",ref:T,children:[jsxs("div",{className:"drawui-style-toolbar",ref:H,style:{left:ae,top:Pe},children:[ge.map(l=>jsxs("button",{className:`drawui-style-tool-btn${d===l.key?" active":""}`,onClick:()=>b(d===l.key?null:l.key),"data-drawui-tip":t($(l)),type:"button",children:[l.key==="fill"&&jsx("span",{className:`drawui-st-swatch${Qe(O)?" drawui-st-none":""}`,style:Qe(O)?void 0:{background:O}}),l.key==="stroke"&&(Ee?jsx("span",{className:`drawui-st-line${Qe(P)?" drawui-st-line-none":""}`,style:Qe(P)?void 0:{background:P}}):jsx("span",{className:`drawui-st-frame${Qe(P)?" drawui-st-frame-none":""}`,style:Qe(P)?void 0:{borderColor:P}})),l.key==="text"&&jsx("span",{className:"drawui-st-text",style:{color:X},children:"A"}),l.key==="highlight"&&jsx("span",{className:`drawui-st-hl${Qe(q)?" drawui-st-none":""}`,style:Qe(q)?void 0:{background:q},children:"A"})]},l.key)),a&&jsx("button",{className:`drawui-style-tool-btn${d==="more"?" active":""}`,onClick:()=>b(d==="more"?null:"more"),"data-drawui-tip":t("style.connection"),type:"button",children:"\u22EF"}),Me&&jsx("button",{className:`drawui-style-tool-btn${d==="prefix"?" active":""}`,onClick:()=>b(d==="prefix"?null:"prefix"),"data-drawui-tip":t("style.prefix"),type:"button",children:jsxs("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[jsx("circle",{cx:"5",cy:"8",r:"1.7",fill:"currentColor",stroke:"none"}),jsx("circle",{cx:"5",cy:"16",r:"1.7",fill:"currentColor",stroke:"none"}),jsx("line",{x1:"10.5",y1:"8",x2:"20",y2:"8"}),jsx("line",{x1:"10.5",y1:"16",x2:"20",y2:"16"})]})})]}),ye&&jsx("div",{className:"drawui-style-popover",ref:I,style:{left:h,top:V},children:d==="prefix"?jsxs(Fragment,{children:[jsx("div",{className:"drawui-style-popover-title",children:t("style.prefix")}),jsx("div",{className:"drawui-muted-hint",children:t("style.prefix.soon")})]}):k?jsxs(Fragment,{children:[jsx("div",{className:"drawui-style-popover-title",children:t($(k))}),jsxs("div",{className:"drawui-color-row",children:[k.hasTransparent&&!re&&jsx("button",{className:`drawui-color-swatch drawui-color-swatch-transparent${Qe(te[k.key])?" active":""}`,onClick:()=>U(k.key,"transparent"),"aria-label":t("style.none"),type:"button"}),(re?STICKY_NOTE_COLORS:k.hasTransparent?Fo:Vo).map(l=>jsx("button",{className:`drawui-color-swatch${On(l,te[k.key])?" active":""}`,style:{background:l},onClick:()=>U(k.key,l),"aria-label":l,type:"button"},l)),C.map(l=>jsx("button",{className:`drawui-color-swatch drawui-color-custom${On(l,te[k.key])?" active":""}`,style:{background:l},onClick:()=>U(k.key,l),"aria-label":l,type:"button"},`custom-${l}`)),jsxs("span",{className:"drawui-color-swatch drawui-color-add","data-drawui-tip":t("style.addColor"),children:["+",jsx("input",{ref:i,type:"color",defaultValue:"#3b82f6",className:"drawui-color-add-input","aria-label":t("style.addColor")})]})]}),k.hasOpacity&&jsxs("div",{className:"drawui-opacity-row",children:[jsx("span",{className:"drawui-opacity-label",children:t("style.opacity")}),jsx("input",{type:"range",min:0,max:100,value:Math.round(Se(k.key)100),onChange:l=>Ke(k.key,Number(l.target.value)/100),className:"drawui-opacity-slider"}),jsxs("span",{className:"drawui-opacity-value",children:[Math.round(Se(k.key)100),"%"]})]})]}):jsx(Fragment,{children:jsx(Nt,{connectionType:y??"straight",arrowHead:c??"end",dashed:!!r,onConnectionTypeChange:be,onArrowStyleChange:ce})})})]})});var rn=14,Zn=20,nr=["#1f2937","#ef4444","#f97316","#facc15","#22c55e","#3b82f6","#8b5cf6","#ec4899","#9ca3af"],or=[12,14,16,18,20,24];function Gn(t,e){let n=t,a="",y=n.charAt(0);if(n.length>1&&(y==="+"\|\|y==="-"\|\|y==="#"\|\|y==="~")&&n.charAt(1)===" "&&(a=y,n=n.slice(2)),n=n.replace(/^\s+\|\s+$/g,""),e==="attribute"){let d=n.indexOf(":");return d===-1?{visibility:a,name:n,type:"",params:"",returnType:""}:{visibility:a,name:n.slice(0,d).replace(/^\s+\|\s+$/g,""),type:n.slice(d+1).replace(/^\s+\|\s+$/g,""),params:"",returnType:""}}let c=n.indexOf("(");if(c===-1){let d=n.lastIndexOf(":");return d===-1?{visibility:a,name:n,type:"",params:"",returnType:""}:{visibility:a,name:n.slice(0,d).replace(/^\s+\|\s+$/g,""),type:"",params:"",returnType:n.slice(d+1).replace(/^\s+\|\s+$/g,"")}}let r=n.slice(0,c).replace(/^\s+\|\s+$/g,""),s=n.indexOf(")",c);if(s===-1)return {visibility:a,name:r,type:"",params:n.slice(c+1).replace(/^\s+\|\s+$/g,""),returnType:""};let S=n.slice(c+1,s).replace(/^\s+\|\s+$/g,""),f=n.slice(s+1).replace(/^\s+\|\s+$/g,"");return f.startsWith(":")&&(f=f.slice(1).replace(/^\s+\|\s+$/g,"")),{visibility:a,name:r,type:"",params:S,returnType:f}}function rr(t,e){let n=e.visibility?`${e.visibility} `:"";return t==="attribute"?`${n}${e.name}${e.type?`: ${e.type}`:""}`:`${n}${e.name}(${e.params??""})${e.returnType?`: ${e.returnType}`:""}`}var Vn=memo(function({editor:e,umlClass:n,editing:a}){let[,y]=useState(0);Z(),useEffect(()=>{if(!e)return;let m=e.subscribe(()=>y(D=>D+1));return ()=>{m();}},[e]);let[c,r]=useState(null),[s,S]=useState(false),[f,d]=useState(null),b=useRef(null),v=useRef(null),T=useCallback((m,D)=>{b.current&&(clearTimeout(b.current),b.current=null),r({section:m,rowId:D}),S(false);},[]),H=useCallback(()=>{b.current&&clearTimeout(b.current),b.current=window.setTimeout(()=>{r(null),S(false);},150);},[]);if(!e\|\|!n\|\|a!==n.id)return null;let I=e.getCamera(),{id:u,x:E,y:C,width:F,height:i,className:x,methods:p}=n,_=n.type==="uml-interface",w=_?[]:n.attributes,R=F/2,B=i/2,O=UML_HEADER_HEIGHT,P=UML_LINE_HEIGHT,X=UML_PADDING_X,q=UML_PADDING_Y,te=_?0:w.length>0?w.lengthP+q2:q2,M=I.zoom,pe=(F-X2)M,Se=4M,U=I.pageToScreen({x:E-R+X,y:C}),Ke=I.pageToScreen({x:E,y:C-B+O/2}),be=m=>I.pageToScreen({x:E,y:m}).y,ce=PM,Ee=m=>C+(-B+O+q+P/2+mP),Me=m=>C+(-B+O+te+q+P/2+mP),Re=C+(-B+O+te),ge=C+B,$={background:"#ffffff",borderWidth:1,borderStyle:"solid",borderColor:"transparent",outline:"none",padding:0,fontFamily:"sans-serif",boxSizing:"border-box"},k=(m,D)=>{if(!w.find(Q=>Q.id===m))return;let W=Gn(D,"attribute");e.updateUmlClass(u,{attributes:w.map(Q=>Q.id===m?{...Q,...W}:Q)});},ye=(m,D)=>{if(!p.find(ae=>ae.id===m))return;let W=Gn(D,"method"),Q=p.map(ae=>ae.id===m?{...ae,...W}:ae);_?e.updateUmlInterface(u,{methods:Q}):e.updateUmlClass(u,{methods:Q});},re=(m,D,z)=>{v.current={section:m,from:D},z.dataTransfer.effectAllowed="move",z.dataTransfer.setData("text/plain",`${m}:${D}`);},de=m=>{m.preventDefault(),m.dataTransfer.dropEffect="move";},J=(m,D,z)=>{z.preventDefault();let W=v.current;!W\|\|W.section!==m\|\|(m==="attribute"?e.reorderUmlAttribute(u,W.from,D):e.reorderUmlMethod(u,W.from,D),v.current=null);},Oe=(m,D,z,W)=>{let Q=be(W),ae=c?.section===m&&c.rowId===z.id,Pe=(z.fontSize\|\|UML_FONT_SIZE)M,h=z.textColor\|\|"#1f2937",V={position:"absolute",left:U.x-rnM-Se,top:Q-ce/2,width:rnM+Se+pe+ZnM,height:ce,display:"flex",alignItems:"center",gap:2,pointerEvents:"none",zIndex:53},l={...$,width:pe,height:ce-2,fontSize:Pe,color:h,textDecoration:z.strikethrough?"line-through":"none",pointerEvents:"auto",...ae?{borderColor:"var(--dw-primary)"}:{}},L={width:rnM,height:ce-2,cursor:"grab",color:"#9ca3af",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none",fontSize:12M,lineHeight:1,opacity:ae?1:.55,pointerEvents:"auto"},ue={width:ZnM,height:ce-6,border:"none",background:"transparent",color:"#9ca3af",cursor:"pointer",borderRadius:3,fontSize:14M,opacity:ae?1:.35,pointerEvents:"auto"};return jsxs("div",{style:V,onDragOver:de,onDrop:G=>J(m,D,G),children:[jsx("span",{style:L,draggable:true,onDragStart:G=>re(m,D,G),"data-drawui-tip":t("uml.drag"),children:"\u22EE\u22EE"}),jsx("input",{style:l,value:f&&f.rowId===z.id?f.text:rr(m,z),onChange:G=>{d({rowId:z.id,text:G.target.value}),m==="attribute"?k(z.id,G.target.value):ye(z.id,G.target.value);},onFocus:()=>T(m,z.id),onBlur:()=>{d(null),H();},spellCheck:false}),jsx("button",{style:ue,onMouseDown:G=>G.preventDefault(),onClick:()=>{m==="attribute"?e.removeUmlAttribute(u,z.id):e.removeUmlMethod(u,z.id);},"data-drawui-tip":t("uml.delete"),children:"\xD7"})]},z.id)},we=(m,D,z)=>{let W=be(D),Q=m==="attribute";return jsxs("button",{onMouseDown:ae=>ae.preventDefault(),onClick:()=>Q?e.addUmlAttribute(u):e.addUmlMethod(u),className:"drawui-uml-add-row",style:{position:"absolute",left:U.x,top:W-9M,height:18M,padding:`0 ${6M}px`,fontSize:11M,lineHeight:1,border:"1px dashed #cbd5e1",background:"rgba(255,255,255,0.85)",color:"#64748b",borderRadius:3,cursor:"pointer",pointerEvents:"auto",display:"flex",alignItems:"center",gap:3,whiteSpace:"nowrap",zIndex:53},"data-drawui-tip":z,children:[jsx("span",{style:{fontSize:13M,lineHeight:1},children:"+"}),jsx("span",{children:z})]},`add-${m}`)},Ye=()=>{if(!c\|\|c.section==="className")return null;let m=c.section,D=c.rowId,W=(m==="attribute"?w:p).find(he=>he.id===D);if(!W)return null;let Q=224M,ae=30M,Pe=I.pageToScreen({x:E,y:C}).x,h=I.pageToScreen({x:E,y:C-B}).y,V=20M,l=h-ae-V,L=Pe-Q/2,ue=l+ae,G=W.textColor\|\|"#1f2937",$e=W.fontSize\|\|UML_FONT_SIZE,mt=!!W.strikethrough;return jsxs(Fragment,{children:[jsx("div",{style:{position:"absolute",left:Pe-.5,top:ue,width:1,height:V,background:"#d1d5db",pointerEvents:"none",zIndex:59}}),jsxs("div",{className:"drawui-uml-toolbar",style:{position:"absolute",left:L,top:l,width:Q,height:ae,background:"#ffffff",border:"1px solid #e5e7eb",borderRadius:6,boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",display:"flex",alignItems:"center",gap:4M,padding:`0 ${6M}px`,pointerEvents:"auto",zIndex:60,fontSize:12M},onMouseDown:he=>he.preventDefault(),children:[jsxs("div",{style:{position:"relative"},children:[jsxs("button",{onClick:()=>S(he=>!he),className:"drawui-uml-toolbar-btn","data-drawui-tip":t("uml.textColor"),style:{border:"none",background:"transparent",cursor:"pointer",padding:2,display:"flex",alignItems:"center",borderRadius:3},children:[jsx("span",{style:{fontWeight:700,color:G,fontSize:13M,textDecoration:mt?"line-through":"none"},children:"A"}),jsx("span",{style:{width:10M,height:2M,background:G,marginLeft:3,borderRadius:1}})]}),s&&jsxs("div",{style:{position:"absolute",top:"100%",left:0,marginTop:4,background:"#ffffff",border:"1px solid #e5e7eb",borderRadius:4,padding:4,display:"flex",gap:2,boxShadow:"0 2px 8px rgba(0, 0, 0, 0.1)",zIndex:61},children:[jsx("button",{onClick:()=>{e.updateUmlRowStyle(u,m,W.id,{textColor:null}),S(false);},style:{width:14,height:14,border:"1px solid #e5e7eb",background:"transparent",cursor:"pointer",borderRadius:2},"data-drawui-tip":t("uml.defaultColor")}),nr.map(he=>jsx("button",{onClick:()=>{e.updateUmlRowStyle(u,m,W.id,{textColor:he}),S(false);},style:{width:14,height:14,border:"none",background:he,cursor:"pointer",borderRadius:2},"data-drawui-tip":he},he))]})]}),jsx("select",{value:$e,onChange:he=>e.updateUmlRowStyle(u,m,W.id,{fontSize:Number(he.target.value)}),style:{border:"1px solid #e5e7eb",borderRadius:3,padding:`0 ${2M}px`,fontSize:12M,height:20M,background:"#ffffff"},"data-drawui-tip":t("uml.fontSize"),children:or.map(he=>jsx("option",{value:he,children:he},he))}),jsx("button",{onClick:()=>e.updateUmlRowStyle(u,m,W.id,{strikethrough:!mt}),className:"drawui-uml-toolbar-btn","data-drawui-tip":t("uml.strikethrough"),style:{border:"none",background:mt?"var(--dw-primary-weak)":"transparent",cursor:"pointer",padding:2,borderRadius:3},children:jsx("span",{style:{fontWeight:700,fontSize:13M,textDecoration:"line-through"},children:"A"})}),jsx("button",{onClick:()=>{m==="attribute"?e.removeUmlAttribute(u,W.id):e.removeUmlMethod(u,W.id),r(null);},className:"drawui-uml-toolbar-btn","data-drawui-tip":t("uml.delete"),style:{border:"none",background:"transparent",cursor:"pointer",color:"#ef4444",padding:2,marginLeft:"auto",borderRadius:3},children:jsxs("svg",{width:14M,height:14M,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("polyline",{points:"3 6 5 6 21 6"}),jsx("path",{d:"M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"}),jsx("path",{d:"M10 11v6"}),jsx("path",{d:"M14 11v6"}),jsx("path",{d:"M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2"})]})})]})]})},je=I.pageToScreen({x:E-R,y:C}).x,et=I.pageToScreen({x:E,y:C-B}).y,tt=FM,He=iM;return jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none",zIndex:50},children:[jsx("div",{style:{position:"absolute",left:je+1,top:et+1,width:Math.max(0,tt-2),height:Math.max(0,He-2),background:"#ffffff",pointerEvents:"none",zIndex:51}}),jsx("input",{style:{...$,position:"absolute",left:Ke.x-pe/2,top:Ke.y-OM/2+2,width:pe,height:OM-4,textAlign:"center",fontWeight:700,fontSize:(n.fontSize\|\|UML_FONT_SIZE)M,color:n.textColor\|\|"#1f2937",pointerEvents:"auto",zIndex:52,...c?.section==="className"?{borderColor:"var(--dw-primary)"}:{}},value:x,onChange:m=>_?e.updateUmlInterface(u,{className:m.target.value}):e.updateUmlClass(u,{className:m.target.value}),onFocus:()=>T("className",""),onBlur:H,spellCheck:false}),!_&&jsxs(Fragment,{children:[w.map((m,D)=>Oe("attribute",D,m,Ee(D))),we("attribute",Re,"\u5C5E\u6027")]}),p.map((m,D)=>Oe("method",D,m,Me(D))),we("method",ge,t("uml.method")),Ye()]})});var qn=memo(function({editor:e,panelOpen:n,onOpenPanel:a}){let[,y]=useState(0);Z(),useEffect(()=>{if(!e)return;let i=e.subscribe(()=>y(x=>x+1));return ()=>{i();}},[e]);let c=useRef(false),r=useRef(false),s=e?.getMindMapEditingShapeId()??null,S=e?.getMindMapSelectedNode()?.nodeId??"",f=s?`${s}\0${S}`:"";if(useEffect(()=>{c.current=false;},[f]),!e)return null;let d=e.getMindMapEditingShapeId();if(!d\|\|n)return null;let b=e.getMindMapSelectedNode();if(!b\|\|b.shapeId!==d)return null;let v=e.getMindMapNode(d,b.nodeId),T=e.getMindMapNodeScreenRect(d,b.nodeId);if(!v\|\|!T)return null;let H=e.getCamera().getZoom(),I=MINDMAP_FONT_SIZEH,u=Math.max(100,T.width+24),E=T.height+8,C={position:"absolute",left:T.x+T.width/2,top:T.y-4,transform:"translateX(-50%)",width:u,height:E,border:"1.5px solid var(--dw-primary, #3b82f6)",borderRadius:6,background:"#ffffff",boxShadow:"0 2px 10px rgba(0,0,0,0.15)",outline:"none",padding:`0 ${(v.icon?24:12)H}px`,fontFamily:"sans-serif",fontSize:I,color:"#1f2937",boxSizing:"border-box",pointerEvents:"auto",zIndex:55},F={position:"absolute",left:T.x+T.width+12,top:T.y+T.height/2-11,width:22,height:22,border:"1px solid #e5e7eb",background:"#ffffff",borderRadius:"50%",cursor:"pointer",color:"#6b7280",fontSize:13,lineHeight:1,display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 4px rgba(0,0,0,0.12)",pointerEvents:"auto",zIndex:55};return jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none",zIndex:50},children:[jsx("input",{autoFocus:true,style:C,value:v.text,spellCheck:false,onChange:i=>{let x=!c.current;c.current=true,e.updateMindMapNode(d,b.nodeId,{text:i.target.value},x);},onBlur:()=>{if(r.current){r.current=false;return}e.exitMindMapEdit();},onKeyDown:i=>{i.key==="Enter"?i.target.blur():i.key==="Escape"&&e.exitMindMapEdit();}}),jsx("button",{style:F,"data-drawui-tip":t("mindmap.more"),onMouseDown:i=>{i.preventDefault(),r.current=true,setTimeout(()=>{r.current=false;},300);},onClick:a,children:"\u22EF"})]})});var eo=memo(function({editor:e,panelOpen:n}){let[,a]=useState(0);Z(),useEffect(()=>{if(!e)return;let E=e.subscribe(()=>a(C=>C+1));return ()=>{E();}},[e]);let y=useRef(false),c=e?.getTableEditing()??null,r=c?`${c.shapeId}\0${c.row}\0${c.col}`:"";if(useEffect(()=>{y.current=false;},[r]),!e\|\|n)return null;let s=e.getTableEditing();if(!s)return null;let{shapeId:S,row:f,col:d}=s,b=e.getTableCell(S,f,d),v=e.getTableScreenRect(S,f,d);if(!b\|\|!v)return null;let T=e.getSelectedTable(),H=b.fontSize\|\|T?.fontSize\|\|TABLE_FONT_SIZE,I=e.getCamera().getZoom(),u={left:v.x-1,top:v.y-1,width:v.width+2,height:v.height+2,padding:`${TABLE_CELL_PADDING_YI}px ${TABLE_CELL_PADDING_XI}px`,fontFamily:"sans-serif",fontSize:HI,lineHeight:TABLE_LINE_HEIGHT_RATIO,fontWeight:b.bold?700:400,color:b.textColor\|\|T?.textColor\|\|"#1f2937",textAlign:b.align==="center"?"center":b.align==="right"?"right":"left"};return jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none",zIndex:50},children:jsx("textarea",{autoFocus:true,rows:1,className:"drawui-table-cell-input",style:u,value:b.text,spellCheck:false,onChange:E=>{let C=!y.current;y.current=true,e.updateTableCell(S,f,d,{text:E.target.value},C);},onBlur:()=>{e.exitTableEdit();},onKeyDown:E=>{(E.key==="Enter"\|\|E.key==="Escape")&&(E.preventDefault(),E.target.blur());}})})});var oo=memo(function({editor:e}){let[,n]=useState(0),[a,y]=useState(null),c=useRef(null);if(Z(),useEffect(()=>{if(!e)return;let P=e.subscribe(()=>n(X=>X+1));return ()=>{P();}},[e]),useEffect(()=>{if(!a)return;let P=q=>{let te=q.target;te&&c.current?.contains(te)\|\|y(null);},X=q=>{q.key==="Escape"&&y(null);};return window.addEventListener("pointerdown",P,true),window.addEventListener("keydown",X),()=>{window.removeEventListener("pointerdown",P,true),window.removeEventListener("keydown",X);}},[a]),!e)return null;let r=e.getSelectedTable();if(!r)return null;let s=e.getTableSelection();if(!s\|\|s.shapeId!==r.id)return null;let S=e.getTableScreenRect(r.id);if(!S)return null;let f=r.cells.length,d=r.cells[0]?.length??0,b=tableExpandRangeToMerges(r,s.anchor.row,s.anchor.col,s.focus.row,s.focus.col),{r1:v,c1:T,r2:H,c2:I}=b,u=tableCoveredMap(r.cells),E=0;for(let P=v;P<=H;P++)for(let X=T;X<=I;X++)u[P]?.[X]\|\|E++;let C=E>1,F=tableRangeHasMerge(r,v,T,H,I),i=v===H?`${v+1}`:`${v+1}\u2013${H+1}`,x=T===I?`${T+1}`:`${T+1}\u2013${I+1}`,p=f-(H-v+1)>=1,_=d-(I-T+1)>=1,R=S.y>56?S.y-40:S.y+S.height+10,B=P=>P.stopPropagation(),O=P=>()=>{P(),y(null);};return jsxs("div",{className:"drawui-table-toolbar","data-table-toolbar":r.id,style:{left:S.x+S.width/2,top:R},onPointerDown:B,children:[jsxs("div",{className:"drawui-table-split",children:[jsx("button",{className:"drawui-table-btn-main",title:t("table.insertRowBelow"),onClick:()=>e.insertTableRowRelative(r.id,"below"),children:t("table.insertRow")}),jsx("button",{className:`drawui-table-btn-caret ${a==="row"?"active":""}`,"data-table-insert-row":true,title:`${t("table.insertRowAbove")} / ${t("table.insertRowBelow")}`,onClick:()=>y(a==="row"?null:"row"),children:jsx("svg",{viewBox:"0 0 10 10",width:"8",height:"8","aria-hidden":"true",children:jsx("path",{d:"M1 3l4 4 4-4",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),a==="row"&&jsxs("div",{className:"drawui-table-menu",ref:c,"data-table-row-menu":true,children:[jsx("button",{onClick:O(()=>e.insertTableRowRelative(r.id,"above")),children:t("table.insertRowAbove")}),jsx("button",{onClick:O(()=>e.insertTableRowRelative(r.id,"below")),children:t("table.insertRowBelow")})]})]}),jsx("button",{title:`${t("table.deleteRow")} \xB7 ${i}`,disabled:!p,onClick:()=>e.deleteTableRowsInSelection(r.id),children:t("table.deleteRow")}),jsxs("div",{className:"drawui-table-split",children:[jsx("button",{className:"drawui-table-btn-main",title:t("table.insertColRight"),onClick:()=>e.insertTableColumnRelative(r.id,"right"),children:t("table.insertCol")}),jsx("button",{className:`drawui-table-btn-caret ${a==="col"?"active":""}`,"data-table-insert-col":true,title:`${t("table.insertColLeft")} / ${t("table.insertColRight")}`,onClick:()=>y(a==="col"?null:"col"),children:jsx("svg",{viewBox:"0 0 10 10",width:"8",height:"8","aria-hidden":"true",children:jsx("path",{d:"M1 3l4 4 4-4",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),a==="col"&&jsxs("div",{className:"drawui-table-menu",ref:c,"data-table-col-menu":true,children:[jsx("button",{onClick:O(()=>e.insertTableColumnRelative(r.id,"left")),children:t("table.insertColLeft")}),jsx("button",{onClick:O(()=>e.insertTableColumnRelative(r.id,"right")),children:t("table.insertColRight")})]})]}),jsx("button",{title:`${t("table.deleteCol")} \xB7 ${x}`,disabled:!_,onClick:()=>e.deleteTableColsInSelection(r.id),children:t("table.deleteCol")}),jsx("button",{title:t("table.merge"),disabled:!C,onClick:()=>e.mergeTableCells(r.id),children:t("table.merge")}),jsx("button",{title:t("table.split"),disabled:!F,onClick:()=>e.splitTableCells(r.id),children:t("table.split")})]})});var ro=[...MINDMAP_COLORS,"#1f2937","#9ca3af"],ao=["\u{1F4A1}","\u2B50","\u{1F525}","\u{1F4CC}","\u2705","\u2757","\u26A0\uFE0F","\u{1F3F7}\uFE0F"],Nr={position:"absolute",width:232,background:"rgba(255,255,255,0.96)",border:"1px solid #e5e7eb",borderRadius:8,boxShadow:"0 6px 20px rgba(0,0,0,0.12)",padding:"10px 12px",fontSize:12,color:"#1f2937",zIndex:70,boxSizing:"border-box",fontFamily:"sans-serif"},an={fontSize:11,color:"#6b7280",marginBottom:4,display:"block"},Pt={display:"flex",gap:4,alignItems:"center",flexWrap:"wrap"},At={border:"1px solid #e5e7eb",background:"#ffffff",borderRadius:5,padding:"3px 8px",fontSize:12,color:"#374151",cursor:"pointer",lineHeight:1.5},sn={width:"100%",border:"1px solid #e5e7eb",borderRadius:5,padding:"4px 8px",fontSize:12,outline:"none",boxSizing:"border-box",background:"#ffffff",color:"#1f2937"},io=memo(function({editor:e,mindMap:n}){let[,a]=useState(0);Z(),useEffect(()=>{if(!e)return;let i=e.subscribe(()=>a(x=>x+1));return ()=>{i();}},[e]);let y=useRef(null);if(!e\|\|!n\|\|e.getMindMapEditingShapeId()!==n.id)return null;let c=e.getMindMapSelectedNode();if(!c\|\|c.shapeId!==n.id)return null;let r=i=>{if(i.id===c.nodeId)return i;for(let x of i.children??[]){let p=r(x);if(p)return p}return null},s=r(n.root);if(!s)return null;let S=e.getCamera(),d=layoutMindMap(n.root).positions.get(s.id);if(!d)return null;let b=S.zoom,v=S.pageToScreen({x:n.x+d.x,y:n.y+d.y}),T=v.x+d.widthb/2+14,H=v.y-80,u=Math.max(8,Math.min(T,(window.innerWidth\|\|1024)-232-8)),E=Math.max(8,Math.min(H,(window.innerHeight\|\|768)-320)),C=i=>{e.updateMindMapNode(n.id,s.id,i);},F=!!s.id&&s.id!==n.root.id;return jsxs("div",{ref:y,style:{...Nr,left:u,top:E},onMouseDown:i=>i.stopPropagation(),children:[jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:8},children:[jsx("span",{style:{fontWeight:600,fontSize:12},children:t("mindmap.nodeText")}),jsx("button",{onClick:()=>e.exitMindMapEdit(),"data-drawui-tip":t("mindmap.close"),style:{border:"none",background:"transparent",cursor:"pointer",color:"#9ca3af",fontSize:14,lineHeight:1,padding:2},children:"\xD7"})]}),jsx("input",{style:{...sn,marginBottom:8},value:s.text,onChange:i=>C({text:i.target.value}),spellCheck:false}),jsxs("div",{style:{...Pt,marginBottom:10},children:[jsxs("button",{style:At,onClick:()=>e.addMindMapChild(n.id,s.id),children:["+ ",t("mindmap.addChild")]}),F&&jsxs("button",{style:At,onClick:()=>e.addMindMapSibling(n.id,s.id),children:["+ ",t("mindmap.addSibling")]}),!!s.children?.length&&jsx("button",{style:At,onClick:()=>e.toggleMindMapCollapse(n.id,s.id),children:s.collapsed?t("mindmap.expand"):t("mindmap.collapse")}),jsx("button",{style:{...At,color:"#ef4444",borderColor:"#fecaca",marginLeft:"auto"},onClick:()=>e.deleteMindMapNode(n.id,s.id),children:t("mindmap.deleteNode")})]}),jsx("span",{style:an,children:t("mindmap.color")}),jsxs("div",{style:{...Pt,marginBottom:10},children:[jsx("button",{"data-drawui-tip":t("mindmap.levelColor"),onClick:()=>C({color:void 0}),style:{width:18,height:18,borderRadius:4,border:"1.5px solid #d1d5db",background:"conic-gradient(#ef4444, #f59e0b, #10b981, #3b82f6, #8b5cf6, #ec4899, #ef4444)",cursor:"pointer",flexShrink:0}}),ro.map(i=>jsx("button",{"data-drawui-tip":i,onClick:()=>C({color:i}),style:{width:18,height:18,borderRadius:4,border:s.color===i?"2px solid #111827":"1px solid #d1d5db",background:i,cursor:"pointer",flexShrink:0}},i))]}),jsx("span",{style:an,children:t("mindmap.icon")}),jsxs("div",{style:{...Pt,marginBottom:10},children:[jsx("button",{"data-drawui-tip":t("mindmap.noIcon"),onClick:()=>C({icon:void 0}),style:{width:22,height:22,borderRadius:4,border:s.icon?"1px solid #d1d5db":"2px solid #111827",background:"#f9fafb",cursor:"pointer",fontSize:11,color:"#9ca3af",lineHeight:1},children:"\u2205"}),ao.map(i=>jsx("button",{onClick:()=>C({icon:i}),style:{width:22,height:22,borderRadius:4,border:s.icon===i?"2px solid #111827":"1px solid #d1d5db",background:"#f9fafb",cursor:"pointer",fontSize:13,lineHeight:1},children:i},i)),jsx("input",{placeholder:"\u270F\uFE0F",defaultValue:s.icon&&!ao.includes(s.icon)?s.icon:"",onKeyDown:i=>{if(i.key==="Enter"){let x=i.target.value.trim();C({icon:x\|\|void 0});}},onBlur:i=>{let x=i.target.value.trim();x!==s.icon&&C({icon:x\|\|void 0});},style:{...sn,width:56,padding:"2px 4px",textAlign:"center"}})]}),jsx("span",{style:an,children:t("mindmap.note")}),jsx("input",{style:{...sn,marginBottom:6},value:s.note??"",placeholder:t("mindmap.notePlaceholder"),onChange:i=>C({note:i.target.value\|\|void 0}),spellCheck:false}),!!s.note&&jsxs("div",{style:{...Pt,marginTop:4},children:[jsx("span",{style:{fontSize:11,color:"#6b7280"},children:t("mindmap.noteColor")}),jsx("button",{"data-drawui-tip":t("mindmap.noteColorDefault"),onClick:()=>C({noteColor:void 0}),style:{width:16,height:16,borderRadius:3,border:s.noteColor?"1px solid #d1d5db":"2px solid #111827",background:"repeating-conic-gradient(#ef4444 0% 25%, #f59e0b 0% 50%, #10b981 0% 75%, #3b82f6 0% 100%)",cursor:"pointer"}}),ro.map(i=>jsx("button",{onClick:()=>C({noteColor:i}),style:{width:16,height:16,borderRadius:3,border:s.noteColor===i?"2px solid #111827":"1px solid #d1d5db",background:i,cursor:"pointer"}},i))]})]})});var cn=220,dn=140,Pr="#fafafa";function Ar(t,e){let n=Math.min(t.x,e.x),a=Math.min(t.y,e.y),y=Math.max(t.x+t.width,e.x+e.width),c=Math.max(t.y+t.height,e.y+e.height);return {x:n,y:a,width:y-n,height:c-a}}function Kr(t){return {x:t.x+t.width/2,y:t.y+t.height/2}}function Or(){return {x:0,y:0,width:0,height:0}}function $r(t){let e=1/0,n=1/0,a=-1/0,y=-1/0,c=false;for(let r of t){let s=pn(r);s&&(c=true,s.x<e&&(e=s.x),s.y<n&&(n=s.y),s.x+s.width>a&&(a=s.x+s.width),s.y+s.height>y&&(y=s.y+s.height));}return c?{x:e,y:n,width:a-e,height:y-n}:null}function pn(t){switch(t.type){case "rectangle":case "sticky-note":case "icon":case "rounded-rectangle":case "ellipse":case "diamond":case "triangle":case "hexagon":case "parallelogram":case "trapezoid":case "pentagon":case "octagon":case "star":case "cylinder":case "cloud":case "heart":case "block-arrow-right":case "block-arrow-left":case "block-arrow-up":case "block-arrow-down":case "block-arrow-double":case "right-triangle":case "cross":case "speech-rect":case "speech-round":case "cube":case "sector":case "delay":case "predefined-process":case "document":case "stadium":case "class-catalog":case "chevron":case "brace-left":case "brace-right":case "envelope":case "checkbox":case "triangular-pyramid":case "quadrangular-pyramid":case "cuboid":case "sphere":case "ellipsoid":case "pie":case "hollow-pie":case "uml-class":case "uml-interface":case "mind-map":case "table":case "text":return {x:t.x-t.width/2,y:t.y-t.height/2,width:t.width,height:t.height};case "circle":return {x:t.x-t.radius,y:t.y-t.radius,width:t.radius2,height:t.radius2};case "line":case "arrow":{let e=t.points;if(!e\|\|e.length===0)return null;let n=1/0,a=1/0,y=-1/0,c=-1/0;for(let r of e)r.x<n&&(n=r.x),r.y<a&&(a=r.y),r.x>y&&(y=r.x),r.y>c&&(c=r.y);return {x:n,y:a,width:y-n,height:c-a}}case "draw":{let e=t,n=e.width,a=e.height;if(typeof n=="number"&&typeof a=="number")return {x:e.x-n/2,y:e.y-a/2,width:n,height:a};let y=e.points;if(!y\|\|y.length===0)return null;let c=1/0,r=1/0,s=-1/0,S=-1/0;for(let f of y){let d=f.x+e.x,b=f.y+e.y;d<c&&(c=d),b<r&&(r=b),d>s&&(s=d),b>S&&(S=b);}return {x:c,y:r,width:s-c,height:S-r}}default:return null}}function Dr(t){let e=t.getCamera(),n=e.screenToPage({x:0,y:0}),a=e.screenToPage({x:window.innerWidth,y:window.innerHeight});return {x:n.x,y:n.y,width:a.x-n.x,height:a.y-n.y}}function Br(t,e,n){if(t.width<=0\|\|t.height<=0)return {x:t.x-e/2,y:t.y-n/2,width:e,height:n};let a=e/n,y=t.width,c=y/a;c<t.height&&(c=t.height,y=ca);let r=Kr(t);return {x:r.x-y/2,y:r.y-c/2,width:y,height:c}}function un(t,e,n,a){let y=(t-n.left)/n.width,c=(e-n.top)/n.height;return {x:a.x+ya.width,y:a.y+ca.height}}var co=memo(function({editor:e}){let n=useRef(null),a=useRef(null),[y,c]=useState(false),[r,s]=useState(100),[S,f]=useState(false),[d,b]=useState(false);Z();let v=useRef(null),T=useRef(null);useLayoutEffect(()=>{let i=n.current,x=a.current;if(!i\|\|!x)return;let p=window.devicePixelRatio\|\|1;i.width=Math.round(cnp),i.height=Math.round(dnp),i.style.width=`${cn}px`,i.style.height=`${dn}px`;},[y]);let H=useCallback(()=>{let i=n.current,x=a.current;if(!i\|\|!x\|\|!e)return;let p=i.getContext("2d");if(!p)return;let _=cn,w=dn,R=i.width,B=i.height,O=e.getShapes(),P=new Set(e.getSelectedIds()),X=getTheme(),q=hexToRgba(X.text,.16),te=X.primary,M=hexToRgba(X.primary,.18),pe=hexToRgba(X.primary,.85),Se=$r(O),U=Dr(e),Ke=Se?Ar(Se,U):U.width>0?U:Or(),be=Br(Ke,_,w);T.current=be;let ce=R/be.width,Ee=B/be.height,Me=_/be.width;p.setTransform(1,0,0,1,0,0),p.fillStyle=Pr,p.fillRect(0,0,R,B),p.setTransform(ce,0,0,Ee,-cebe.x,-Eebe.y),p.fillStyle=q;for(let $ of O){let k=pn($);k&&p.fillRect(k.x,k.y,k.width,k.height);}p.fillStyle=te;for(let $ of O){if(!P.has($.id))continue;let k=pn($);k&&p.fillRect(k.x,k.y,k.width,k.height);}p.fillStyle=M,p.fillRect(U.x,U.y,U.width,U.height);let Re=1.5/Me;p.strokeStyle=pe,p.lineWidth=Re,p.lineJoin="round";let ge=Math.min(U.width/6,U.height/6,6/Me);if(p.beginPath(),geMe<1)p.rect(U.x,U.y,U.width,U.height);else {let $=U.x,k=U.y,ye=U.width,re=U.height,de=Math.min(ge,ye/2,re/2);p.moveTo($+de,k),p.lineTo($+ye-de,k),p.quadraticCurveTo($+ye,k,$+ye,k+de),p.lineTo($+ye,k+re-de),p.quadraticCurveTo($+ye,k+re,$+ye-de,k+re),p.lineTo($+de,k+re),p.quadraticCurveTo($,k+re,$,k+re-de),p.lineTo($,k+de),p.quadraticCurveTo($,k,$+de,k),p.closePath();}p.stroke(),p.setTransform(1,0,0,1,0,0);},[e]);useEffect(()=>{if(!e\|\|y)return;H();let i=e.subscribe(H),x=subscribeTheme(H),p=()=>H();return window.addEventListener("resize",p),()=>{i(),x(),window.removeEventListener("resize",p);}},[e,y,H]),useEffect(()=>{if(!e)return;let i=()=>{let p=e.getCamera().getZoom();s(Math.round(p100));};i();let x=e.subscribe(i);return ()=>{x();}},[e]);let I=useCallback((i,x)=>{if(!e)return;let p=e.getCamera(),_=p.getZoom(),w=window.innerWidth/2,R=window.innerHeight/2,B=p;B.x=w-i_,B.y=R-x_,e.requestRender();},[e]),u=i=>{if(!e\|\|!a.current\|\|i.button!==0)return;let x=a.current.getBoundingClientRect(),p=T.current;if(!p)return;let _=un(i.clientX,i.clientY,x,p);v.current={pointerId:i.pointerId,rect:{left:x.left,top:x.top,width:x.width,height:x.height},canvasBox:p},i.currentTarget.setPointerCapture(i.pointerId),b(true),I(_.x,_.y);},E=i=>{if(!d\|\|!e\|\|!v.current\|\|!a.current)return;let x=v.current,p=un(i.clientX,i.clientY,x.rect,x.canvasBox);I(p.x,p.y);},C=i=>{if(d){b(false),v.current=null;try{i.currentTarget.releasePointerCapture(i.pointerId);}catch{}}},F=i=>{if(!e\|\|!a.current)return;let x=T.current;if(!x)return;let p=a.current.getBoundingClientRect(),_=un(i.clientX,i.clientY,p,x);I(_.x,_.y);};return jsxs("div",{className:`drawui-minimap ${y?"collapsed":""}`,children:[jsx("button",{className:"drawui-minimap-toggle",onClick:()=>c(i=>!i),"data-drawui-tip":y?t("minimap.expand"):t("minimap.collapse"),"data-drawui-tip-pos":"top","aria-label":y?t("minimap.expand"):t("minimap.collapse"),children:jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:y?jsx("polyline",{points:"9 6 15 12 9 18"}):jsx("polyline",{points:"15 6 9 12 15 18"})})}),!y&&jsxs("div",{className:"drawui-minimap-panel",children:[jsxs("div",{className:"drawui-minimap-header",children:[jsx("span",{className:"drawui-minimap-title",children:t("minimap.title")}),jsxs("span",{className:"drawui-minimap-zoom",children:[r,"%"]})]}),jsx("div",{ref:a,className:"drawui-minimap-canvas-wrap",style:{cursor:d?"grabbing":S?"pointer":"default"},onPointerEnter:()=>f(true),onPointerLeave:()=>f(false),children:jsx("canvas",{ref:n,className:"drawui-minimap-canvas",onPointerDown:u,onPointerMove:E,onPointerUp:C,onPointerCancel:C,onDoubleClick:F})})]})]})});var ke=t=>jsx("svg",{viewBox:"0 0 24 24",width:"18",height:"18",className:"drawui-gen-shape-glyph",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:t}),Wr=[{type:"rectangle",labelKey:"shape.rectangle",glyph:ke(jsx("rect",{x:"4",y:"7",width:"16",height:"10",rx:"1"}))},{type:"rounded-rectangle",labelKey:"shape.rounded-rectangle",glyph:ke(jsx("rect",{x:"4",y:"7",width:"16",height:"10",rx:"4"}))},{type:"circle",labelKey:"shape.circle",glyph:ke(jsx("circle",{cx:"12",cy:"12",r:"5.5"}))},{type:"ellipse",labelKey:"shape.ellipse",glyph:ke(jsx("ellipse",{cx:"12",cy:"12",rx:"7",ry:"4.5"}))},{type:"diamond",labelKey:"shape.diamond",glyph:ke(jsx("path",{d:"M12 5 L19 12 L12 19 L5 12 Z"}))},{type:"triangle",labelKey:"shape.triangle",glyph:ke(jsx("path",{d:"M12 4 L20 19 H4 Z"}))},{type:"hexagon",labelKey:"shape.hexagon",glyph:ke(jsx("path",{d:"M12 3 L19.5 7.5 V16.5 L12 21 L4.5 16.5 V7.5 Z"}))},{type:"parallelogram",labelKey:"shape.parallelogram",glyph:ke(jsx("path",{d:"M6 7 L19 7 L16 17 H7 Z"}))},{type:"trapezoid",labelKey:"shape.trapezoid",glyph:ke(jsx("path",{d:"M7 6 H17 L20 18 H4 Z"}))},{type:"pentagon",labelKey:"shape.pentagon",glyph:ke(jsx("path",{d:"M12 4 L19.5 9.5 L16.5 18.5 H7.5 L4.5 9.5 Z"}))},{type:"octagon",labelKey:"shape.octagon",glyph:ke(jsx("path",{d:"M8 4 H16 L20 8 V16 L16 20 H8 L4 16 V8 Z"}))},{type:"star",labelKey:"shape.star",glyph:ke(jsx("path",{d:"M12 3 L14 9.5 L20.5 10 L15.5 14 L17.5 20.5 L12 16.8 L6.5 20.5 L8.5 14 L3.5 10 L10 9.5 Z"}))},{type:"sticky-note",labelKey:"shape.sticky-note",glyph:ke(jsxs(Fragment,{children:[jsx("path",{d:"M4 4h16v11l-5 5H4Z"}),jsx("path",{d:"M20 15h-5v5"})]}))},{type:"uml-class",labelKey:"shape.uml-class",glyph:ke(jsxs(Fragment,{children:[jsx("rect",{x:"3",y:"4",width:"18",height:"16",rx:"1"}),jsx("path",{d:"M3 9 H21"}),jsx("path",{d:"M3 15 H21"}),jsx("path",{d:"M6 6.5 H10"}),jsx("path",{d:"M6 12.5 H12"})]}))},{type:"uml-interface",labelKey:"shape.uml-interface",glyph:ke(jsxs(Fragment,{children:[jsx("rect",{x:"3",y:"4",width:"18",height:"16",rx:"1"}),jsx("path",{d:"M3 9 H21"}),jsx("path",{d:"M6 6.5 H10"}),jsx("path",{d:"M6 12.5 H12"})]}))},{type:"mind-map",labelKey:"shape.mind-map",glyph:ke(jsxs(Fragment,{children:[jsx("circle",{cx:"5",cy:"12",r:"2"}),jsx("path",{d:"M7 12h2.6"}),jsx("path",{d:"M9.6 12c0-2 1.2-3.4 2.6-3.4"}),jsx("path",{d:"M9.6 12c0 2 1.2 3.4 2.6 3.4"}),jsx("circle",{cx:"15.2",cy:"8.6",r:"1.3"}),jsx("circle",{cx:"15.2",cy:"15.4",r:"1.3"}),jsx("circle",{cx:"13.6",cy:"12",r:"1.3"})]}))}];function uo({editor:t$1,x:e,y:n,context:a,existingArrowId:y,defaultShapeType:c,onClose:r}){let s=useRef(null);Z();let S=f=>{t$1?.createGeneratedConnection(a,{type:f,existingArrowId:y}),r();};return useEffect(()=>{let f=v=>{s.current&&!s.current.contains(v.target)&&r();},d=v=>{v.key==="Escape"&&(v.preventDefault(),r());},b=setTimeout(()=>{window.addEventListener("pointerdown",f,true),window.addEventListener("keydown",d,true);},0);return ()=>{clearTimeout(b),window.removeEventListener("pointerdown",f,true),window.removeEventListener("keydown",d,true);}},[r]),jsxs("div",{className:"drawui-gen-menu",ref:s,style:{left:e,top:n},children:[jsx("div",{className:"drawui-gen-menu-label",children:t("menu.title")}),jsx("div",{className:"drawui-gen-shape-grid",children:Wr.map(f=>jsxs("button",{className:`drawui-gen-shape-btn${f.type===c?" drawui-gen-shape-active":""}`,onClick:()=>S(f.type),"data-drawui-tip":t(f.labelKey),children:[f.glyph,jsx("span",{className:"drawui-gen-shape-label",children:t(f.labelKey)})]},f.type))}),jsx("div",{className:"drawui-gen-menu-hint",children:t("menu.cancel")})]})}var Fr=typeof navigator<"u"&&/mac\|iphone\|ipad/i.test(navigator.platform\|\|navigator.userAgent);function Ne(t){if(Fr)switch(t){case "copy":return "\u2318C";case "copyAsImage":return "\u21E7\u2318C";case "paste":return "\u2318V";case "duplicate":return "\u2318D";case "copyStyle":return "\u2325\u2318C";case "pasteStyle":return "\u2325\u2318V";case "lock":return "\u2325\u2318L";case "flipH":return "\u21E7H";case "flipV":return "\u21E7V";case "delete":return "\u232B";case "group":return "\u2318G";case "ungroup":return "\u21E7\u2318G"}switch(t){case "copy":return "Ctrl + C";case "copyAsImage":return "Ctrl + Shift + C";case "paste":return "Ctrl + V";case "duplicate":return "Ctrl + D";case "copyStyle":return "Ctrl + Alt + C";case "pasteStyle":return "Ctrl + Alt + V";case "lock":return "Ctrl + Alt + L";case "flipH":return "Shift + H";case "flipV":return "Shift + V";case "delete":return "Del";case "group":return "Ctrl + G";case "ungroup":return "Ctrl + Shift + G"}}var yo={sep:true},Vr=t=>"sep"in t&&t.sep===true;function ho({editor:t$1,pos:e,onClose:n}){Z();let[,a]=useState(0),y=useRef(null),[c,r]=useState(null),[s,S]=useState(null);useEffect(()=>{let w=t$1.subscribe(()=>a(R=>R+1));return ()=>{w();}},[t$1]),useLayoutEffect(()=>{let w=y.current;if(!w)return;let R=w.getBoundingClientRect(),B=Math.max(8,Math.min(e.x,window.innerWidth-R.width-8)),O=Math.max(8,Math.min(e.y,window.innerHeight-R.height-8));r({left:B,top:O});},[e.x,e.y]),useEffect(()=>{let w=O=>{y.current&&!y.current.contains(O.target)&&n();},R=O=>{O.key==="Escape"&&(O.preventDefault(),n());},B=setTimeout(()=>{window.addEventListener("pointerdown",w,true),window.addEventListener("keydown",R,true);},0);return ()=>{clearTimeout(B),window.removeEventListener("pointerdown",w,true),window.removeEventListener("keydown",R,true);}},[n]);let f=t$1.getSelectedIds(),d=f.length>0,b=e.shapeId,v=b?t$1.isShapeLocked(b):false,T=t$1.getSelectedShapes().some(w=>!w.locked&&isFlippableShapeType(w.type)),H=d&&!v&&t$1.hasCopiedStyle(),I=t$1.hasClipboard(),u=d&&!v,E=d&&!v?t$1.getSelectedGroupId():null,C=d&&!v&&f.length>=2&&!E,i=(b?t$1.getShapes().find(w=>w.id===b):void 0)?.groupId??null,x=E?true:!!i&&!v,p=w=>()=>{w(),n();},_;return v?_=i?[{key:"ctx.unlockGroup",action:p(()=>i&&t$1.setGroupLocked(i,false))},{key:"ctx.ungroup",shortcut:Ne("ungroup"),action:p(()=>i&&t$1.ungroupIds([i]))}]:[{key:"ctx.unlock",action:()=>b&&t$1.setShapeLocked(b,false)}]:d?_=[{key:"ctx.copy",shortcut:Ne("copy"),action:p(()=>t$1.copySelected())},{key:"ctx.copyAsImage",shortcut:Ne("copyAsImage"),action:p(()=>{t$1.copySelectedAsImage();})},{key:"ctx.paste",shortcut:Ne("paste"),disabled:!I,action:p(()=>t$1.paste())},{key:"ctx.duplicate",shortcut:Ne("duplicate"),action:p(()=>t$1.duplicateSelected())},{key:"ctx.layer",submenu:[{key:"ctx.bringToFront",disabled:!u,action:()=>t$1.bringToFront()},{key:"ctx.bringForward",disabled:!u,action:()=>t$1.bringForward()},{key:"ctx.sendBackward",disabled:!u,action:()=>t$1.sendBackward()},{key:"ctx.sendToBack",disabled:!u,action:()=>t$1.sendToBack()}]},{key:"ctx.copyStyle",shortcut:Ne("copyStyle"),action:p(()=>t$1.copyStyle())},{key:"ctx.pasteStyle",shortcut:Ne("pasteStyle"),disabled:!H,action:p(()=>t$1.pasteStyle())},yo,{key:"ctx.flipH",shortcut:Ne("flipH"),disabled:!T,action:p(()=>t$1.flipSelected("horizontal"))},{key:"ctx.flipV",shortcut:Ne("flipV"),disabled:!T,action:p(()=>t$1.flipSelected("vertical"))},{key:"ctx.rotate",action:p(()=>t$1.rotateSelected90(true))},E?{key:"ctx.ungroup",shortcut:Ne("ungroup"),disabled:!x,action:p(()=>t$1.ungroupSelected())}:{key:"ctx.group",shortcut:Ne("group"),disabled:!C,action:p(()=>t$1.groupSelected())},yo,{key:"ctx.lock",shortcut:Ne("lock"),action:p(()=>t$1.setSelectedShapesLocked(true))},{key:"ctx.delete",shortcut:Ne("delete"),action:p(()=>t$1.deleteSelected())}]:_=[{key:"ctx.paste",shortcut:Ne("paste"),disabled:!I,action:p(()=>t$1.paste())}],jsx("div",{ref:y,className:"drawui-context-menu",style:c?{left:c.left,top:c.top}:{visibility:"hidden",left:e.x,top:e.y},onContextMenu:w=>w.preventDefault(),children:_.map((w,R)=>Vr(w)?jsx("div",{className:"drawui-context-sep"},`sep-${R}`):w.submenu?jsxs("div",{className:"drawui-context-sub",onMouseEnter:()=>S(w.key),onMouseLeave:()=>S(null),children:[jsxs("button",{type:"button",className:"drawui-context-item",disabled:w.disabled,children:[jsx("span",{children:t(w.key)}),jsx("svg",{className:"drawui-context-caret",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("polyline",{points:"9 18 15 12 9 6"})})]}),s===w.key&&jsx("div",{className:"drawui-context-submenu",children:w.submenu.map(B=>jsx("button",{type:"button",className:"drawui-context-item",disabled:B.disabled,onClick:()=>{B.action(),n();},children:jsx("span",{children:t(B.key)})},B.key))})]},w.key):jsxs("button",{type:"button",className:"drawui-context-item",disabled:w.disabled,onClick:w.action,children:[jsx("span",{children:t(w.key)}),w.shortcut&&jsx("span",{className:"drawui-context-kbd",children:w.shortcut})]},w.key))})}var qr={select:"tool.select",hand:"tool.hand",rectangle:"tool.rectangle","rounded-rectangle":"tool.rounded-rectangle",circle:"tool.circle",ellipse:"tool.ellipse",diamond:"tool.diamond",triangle:"tool.triangle",hexagon:"tool.hexagon",parallelogram:"tool.parallelogram",trapezoid:"tool.trapezoid",pentagon:"tool.pentagon",octagon:"tool.octagon",star:"tool.star",cylinder:"tool.cylinder",cloud:"tool.cloud",heart:"tool.heart","block-arrow-right":"tool.block-arrow-right","block-arrow-left":"tool.block-arrow-left","block-arrow-up":"tool.block-arrow-up","block-arrow-down":"tool.block-arrow-down","block-arrow-double":"tool.block-arrow-double","right-triangle":"tool.right-triangle",cross:"tool.cross","speech-rect":"tool.speech-rect","speech-round":"tool.speech-round",cube:"tool.cube",sector:"tool.sector",delay:"tool.delay","predefined-process":"tool.predefined-process",document:"tool.document",stadium:"tool.stadium","class-catalog":"tool.class-catalog",chevron:"tool.chevron","brace-left":"tool.brace-left","brace-right":"tool.brace-right",envelope:"tool.envelope",checkbox:"tool.checkbox","sticky-note":"tool.sticky-note",icon:"toolbar.icon","triangular-pyramid":"tool.triangular-pyramid","quadrangular-pyramid":"tool.quadrangular-pyramid",cuboid:"tool.cuboid",sphere:"tool.sphere",ellipsoid:"tool.ellipsoid",pie:"tool.pie","hollow-pie":"tool.hollow-pie","uml-class":"tool.uml-class","uml-interface":"tool.uml-interface",line:"tool.line",arrow:"tool.arrow",text:"tool.text",draw:"tool.draw",pen:"tool.pen",highlighter:"tool.highlighter",eraser:"tool.eraser","mind-map":"tool.mind-map",table:"tool.table"};function Jr({initialTool:t$1="select",className:e="",themeColor:n,language:a="zh-CN",data:y,onChange:c,onReady:r}){let s=useRef(null),S=useRef(null),f=useRef(null),[d,b]=useState(null);Z();let[v,T]=useState(t$1),[H,I]=useState(false),[u,E]=useState(0),[C,F]=useState(false),[i,x]=useState("straight"),[p,_]=useState("end"),[w,R]=useState(false),[B,O]=useState(void 0),[P,X]=useState(100),[q,te]=useState(null),[M,pe]=useState(null),[Se,U]=useState(false),[Ke,be]=useState(false),[ce,Ee]=useState(null),[Me,Re]=useState(null),[ge,$]=useState(false),[k,ye]=useState(null),[re,de]=useState(null),J=useRef(null),Oe=useRef(0),we=useRef(null),Ye=useRef(c);Ye.current=c;let je=useRef(r);je.current=r,useEffect(()=>{if(!s.current)return;let g=new Editor(s.current,{theme:n?{primary:n,editBorder:n,selection:{outline:n,handleStroke:n,handleFill:"#ffffff",outlineFill:hexToRgba(n,.1),shadow:n}}:void 0,language:a,shapes:y,persist:!y});f.current=g,b(g),window.__drawuiEditor=g,g.setHighlighterColor(Ct()),g.setStickyNoteColor(St()),je.current?.(g),t$1&&g.setActiveTool(t$1);let K=g.subscribe(()=>{T(g.getActiveTool());let Y=g.getSelectedIds();E(Y.length);let Le=g.getShapes().filter(We=>Y.includes(We.id)&&(We.type==="line"\|\|We.type==="arrow"));if(F(Le.length>0),Le.length>0&&Le[0].connectionType?x(Le[0].connectionType):Le.length>0&&x("straight"),Le.length>0){let We=Le.find(_t=>_t.type==="arrow");We&&(_(We.arrowHead??"end"),R(We.dashed??false));}X(Math.round(g.getCamera().getZoom()100)),O(g.getArrowStyle()),U(g.canUndo()),be(g.canRedo());let _e=g.getSelectedUml();Ee(_e),_e\|\|ye(null);let Xe=g.getSelectedMindMap();Re(Xe),g.getMindMapEditingShapeId()\|\|$(false),Ye.current?.(g.getData());}),Ae=g.subscribeNotifications(Y=>{pe({type:"success",text:Y}),J.current&&clearTimeout(J.current),J.current=setTimeout(()=>pe(null),3500);}),ze=g.subscribeUi(Y=>{Y.kind==="shapeTypeMenu"&&de({x:Y.screenX,y:Y.screenY,context:Y.context,existingArrowId:Y.existingArrowId,defaultShapeType:Y.defaultShapeType});});return ()=>{K(),Ae(),ze(),J.current&&clearTimeout(J.current),cancelAnimationFrame(Oe.current),g.dispose();}},[t$1]),useEffect(()=>{if(!n)return;let g=S.current;g&&(g.style.setProperty("--dw-primary",n),g.style.setProperty("--dw-primary-hover",shadeColor(n,-0.12)),g.style.setProperty("--dw-primary-weak",hexToRgba(n,.1)),g.style.setProperty("--dw-primary-contrast","#ffffff"),g.style.setProperty("--dw-shadow-primary",`0 2px 8px ${hexToRgba(n,.3)}`)),f.current?.setTheme({primary:n,editBorder:n,selection:{outline:n,handleStroke:n,handleFill:"#ffffff",outlineFill:hexToRgba(n,.1),shadow:n}});},[n]),useEffect(()=>{setLanguage(a),f.current?.setLanguage(a);},[a]);let et=useCallback(g=>{f.current?.setActiveTool(g);},[]),tt=useCallback(()=>{f.current?.zoomIn();},[]),He=useCallback(()=>{f.current?.zoomOut();},[]),m=useCallback(()=>{f.current?.resetZoom();},[]),D=useCallback(()=>{let g=!H;I(g),f.current?.setShowGrid(g);},[H]),z=useCallback(()=>{f.current?.undo();},[]),W=useCallback(()=>{f.current?.redo();},[]),Q=useCallback(g=>{f.current?.downloadImage("drawui",g,{background:"#ffffff"});},[]),ae=useCallback(()=>{f.current?.downloadJSON("drawui-data");},[]),Pe=useCallback(g=>{let K=new FileReader;K.onload=()=>{let Ae=typeof K.result=="string"?K.result:"";if(f.current?.importJSON(Ae)??false){let Y=f.current?.getShapes().length??0;pe({type:"success",text:t("import.success",{n:Y})});}else pe({type:"error",text:t("import.fail")});J.current&&clearTimeout(J.current),J.current=setTimeout(()=>pe(null),3500);},K.onerror=()=>{pe({type:"error",text:t("import.fail")}),J.current&&clearTimeout(J.current),J.current=setTimeout(()=>pe(null),3500);},K.readAsText(g,"utf-8");},[]),h=useCallback(g=>{let K=f.current,Ae=s.current;if(!K\|\|!Ae)return;if(K.isPointerDown()){we.current!==null&&(we.current=null,te(null));return}let ze=g.clientX,Y=g.clientY;cancelAnimationFrame(Oe.current),Oe.current=requestAnimationFrame(()=>{let st=Ae.getBoundingClientRect(),Le=ze-st.left,_e=Y-st.top,Xe=Le+12,We=_e+12,_t=K.getSelectedUml()?.id,lt=K.getUmlRowAtScreenPoint({x:Le,y:_e});if(lt&&lt.shape.id!==_t&&lt.text&&K.isUmlRowTextTruncated(lt)){we.current!==lt.text&&(we.current=lt.text,te({text:lt.text,x:Xe,y:We}));return}let ut=K.getShapeAtScreenPoint({x:Le,y:_e});ut&&ut.text&&K.isShapeTextTruncated(ut.id)?we.current!==ut.text&&(we.current=ut.text,te({text:ut.text,x:Xe,y:We})):we.current!==null&&(we.current=null,te(null));});},[]),V=useCallback(()=>{te(null);},[]),l=useCallback(g=>{let K=f.current,Ae=s.current;if(!K\|\|!Ae)return;let ze=Ae.getBoundingClientRect(),Y=g.clientX-ze.left,st=g.clientY-ze.top,Le=K.getUmlRowAtScreenPoint({x:Y,y:st});if(Le){ye(Le.shape.id);return}let _e=K.getMindMapNodeAtScreenPoint({x:Y,y:st});if(_e){K.beginMindMapEdit(_e.shapeId,_e.nodeId);return}let Xe=K.getTableAtScreenPoint({x:Y,y:st});Xe&&K.beginTableEdit(Xe.shapeId,Xe.row,Xe.col);},[]),L=useCallback(()=>{de(null);},[]),[ue,G]=useState(null),$e=useCallback(()=>G(null),[]),mt=useCallback(g=>{g.preventDefault();let K=f.current,Ae=s.current;if(!K\|\|!Ae\|\|K.isEditing())return;let ze=Ae.getBoundingClientRect(),Y=K.getShapeAtScreenPoint({x:g.clientX-ze.left,y:g.clientY-ze.top});Y?K.isShapeLocked(Y.id)?K.selectShapeRaw(Y.id):K.getSelectedIds().includes(Y.id)\|\|K.selectShape(Y.id,g.shiftKey):K.selectShape("",false),G({x:g.clientX,y:g.clientY,shapeId:Y?.id??null});},[]),he=useCallback(g=>{g.preventDefault();},[]);return jsxs("div",{ref:S,className:`drawui-canvas-board ${e}`,onContextMenu:he,children:[jsx("canvas",{ref:s,className:"drawui-canvas",onMouseMove:h,onMouseLeave:V,onDoubleClick:l,onContextMenu:mt}),q&&jsx("div",{className:"drawui-tooltip",style:{left:q.x,top:q.y},children:q.text}),jsx(Jt,{activeTool:v,onToolChange:et,showGrid:H,onToggleGrid:D,canUndo:Se,canRedo:Ke,onUndo:z,onRedo:W,onExport:Q,onExportData:ae,onImportData:Pe,onHighlighterColorChange:g=>f.current?.setHighlighterColor(g),onStickyNoteColorChange:g=>f.current?.setStickyNoteColor(g),onInsertIcon:g=>f.current?.insertIcon(g),onInsertTable:(g,K)=>f.current?.insertTable(g,K),arrowStyle:B,onArrowStyleChange:g=>f.current?.setArrowStyle(g)}),jsx(en,{onZoomIn:tt,onZoomOut:He,onReset:m,zoomLevel:P}),jsx(_n,{editor:d,selectedCount:u,hasLineSelection:C,currentConnectionType:i,currentArrowHead:p,currentDashed:w}),jsx(Vn,{editor:d,umlClass:ce,editing:k}),jsx(oo,{editor:d}),jsx(eo,{editor:d,panelOpen:ge}),jsx(qn,{editor:d,panelOpen:ge,onOpenPanel:()=>$(true)}),ge&&jsx(io,{editor:d,mindMap:Me}),jsx(co,{editor:d}),re&&jsx(uo,{editor:d,x:re.x,y:re.y,context:re.context,existingArrowId:re.existingArrowId,defaultShapeType:re.defaultShapeType,onClose:L}),ue&&d&&jsx(ho,{editor:d,pos:ue,onClose:$e}),jsxs("div",{className:"drawui-status-bar",children:[jsx("div",{className:"drawui-status-item",children:jsx("span",{children:t(qr[v])})}),jsx("div",{className:"drawui-status-item",children:jsx("span",{children:u===0?t("status.none"):t("status.selected",{n:u})})}),jsx("div",{className:"drawui-status-item",children:jsxs("span",{children:[P,"%"]})})]}),M&&jsxs("div",{className:"drawui-toast",children:[M.type==="success"?jsx("svg",{className:"drawui-toast-icon",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("polyline",{points:"20 6 9 17 4 12"})}):jsxs("svg",{className:"drawui-toast-icon drawui-toast-icon-error",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),M.text]})]})}export{Jr as CanvasBoard,Jt as Toolbar,en as ZoomControl};
1	+ import {memo,useState,useRef,useEffect,useMemo,useCallback,useLayoutEffect}from'react';import {ICON_CATEGORIES,getIcon,searchIcons,iconsByCategory,ICON_CATEGORY_INK,ICON_DEFAULT_INK,t,iconInk,STICKY_NOTE_COLORS,getContentBounds,UML_FONT_SIZE,TABLE_FONT_SIZE,TABLE_LINE_HEIGHT_RATIO,tableExpandRangeToMerges,tableCoveredMap,tableRangeHasMerge,MINDMAP_COLORS,layoutMindMap,getTheme,hexToRgba,subscribeTheme,getLanguage,subscribeLanguage,ICON_GRID,DEFAULT_HIGHLIGHTER_COLOR,STICKY_NOTE_DEFAULT_COLOR,UML_LINE_HEIGHT,UML_PADDING_Y,UML_PADDING_X,UML_HEADER_HEIGHT,MINDMAP_FONT_SIZE,TABLE_CELL_PADDING_Y,TABLE_CELL_PADDING_X,Editor,shadeColor,setLanguage}from'drawui-core';import {jsxs,jsx,Fragment}from'react/jsx-runtime';function Y(){let[t,e]=useState(getLanguage());return useEffect(()=>subscribeLanguage(()=>e(getLanguage())),[]),t}var wn=["#ffeb3b","#22c55e","#3b82f6","#ec4899","#8b5cf6","#f97316"],xn="drawui:highlighterColor";function Ct(){if(typeof window>"u")return DEFAULT_HIGHLIGHTER_COLOR;try{let t=window.localStorage.getItem(xn);return t&&/^#[0-9a-fA-F]{6}$/.test(t)?t.toLowerCase():DEFAULT_HIGHLIGHTER_COLOR}catch{return DEFAULT_HIGHLIGHTER_COLOR}}function vn(t){if(!(typeof window>"u"))try{window.localStorage.setItem(xn,t);}catch{}}var Cn="drawui:stickyNoteColor";function St(){if(typeof window>"u")return STICKY_NOTE_DEFAULT_COLOR;try{let t=window.localStorage.getItem(Cn);return t&&/^#[0-9a-fA-F]{6}$/.test(t)?t.toLowerCase():STICKY_NOTE_DEFAULT_COLOR}catch{return STICKY_NOTE_DEFAULT_COLOR}}function Sn(t){if(!(typeof window>"u"))try{window.localStorage.setItem(Cn,t);}catch{}}function To({icon:t,size:e=24,ink:o=ICON_DEFAULT_INK}){return jsxs("svg",{viewBox:`0 0 ${ICON_GRID} ${ICON_GRID}`,width:e,height:e,fill:"none","aria-hidden":"true",children:[t.disc&&jsx("circle",{cx:ICON_GRID/2,cy:ICON_GRID/2,r:ICON_GRID/2-1,fill:t.disc}),t.layers.map((i,y)=>{let c=i.fill??"ink",a=i.stroke??"ink";return jsx("path",{d:i.d,fill:c==="none"?"none":c==="ink"?o:c,...a==="none"?{}:{stroke:a==="ink"?o:a,strokeWidth:i.w??1.8,strokeLinecap:"round",strokeLinejoin:"round"}},y)}),t.label&&jsx("text",{x:ICON_GRID/2,y:ICON_GRID/2+.5,textAnchor:"middle",dominantBaseline:"central",fontFamily:"sans-serif",fontSize:t.label.size??13,fill:t.label.color,children:t.label.text})]})}var Nn="drawui:recentIcons",In=12;function Ft(t,e){let o=/^#?([0-9a-f]{6})$/i.exec(t.trim());if(!o)return t;let i=parseInt(o[1],16);return `rgba(${i>>16&255}, ${i>>8&255}, ${i&255}, ${e})`}function Lo(){if(typeof window>"u")return [];try{let t=JSON.parse(window.localStorage.getItem(Nn)\|\|"[]");return Array.isArray(t)?t.filter(e=>typeof e=="string").slice(0,In):[]}catch{return []}}function Eo(t){if(!(typeof window>"u"))try{window.localStorage.setItem(Nn,JSON.stringify(t));}catch{}}var En=t=>({"--dw-icon-cat":t,"--dw-icon-cat-soft":Ft(t,.12)}),Rn=memo(function({onPick:e,onClose:o}){Y();let[i,y]=useState(""),[c,a]=useState(ICON_CATEGORIES[0].id),[d,v]=useState(Lo),C=useRef(null),s=useRef(null);useEffect(()=>{s.current?.focus();},[]),useEffect(()=>{let p=M=>{let F=C.current;F&&(F.contains(M.target)\|\|M.target?.closest?.("[data-icon-toggle]")\|\|o());},I=M=>{M.key==="Escape"&&(M.stopPropagation(),o());};return window.addEventListener("pointerdown",p),window.addEventListener("keydown",I),()=>{window.removeEventListener("pointerdown",p),window.removeEventListener("keydown",I);}},[o]);let h=useMemo(()=>d.map(p=>getIcon(p)).filter(p=>!!p),[d]),w=useMemo(()=>i.trim()?searchIcons(i):c==="recent"?h:iconsByCategory(c),[i,c,h]),E=c==="recent"?ICON_CATEGORY_INK.status:ICON_CATEGORY_INK[c]??ICON_DEFAULT_INK,O=i.trim()?t("icon.search"):c==="recent"?t("icon.recent"):t(ICON_CATEGORIES.find(p=>p.id===c)?.labelKey??"icon.search"),N=p=>{e(p),v(I=>{let M=[p.id,...I.filter(F=>F!==p.id)].slice(0,In);return Eo(M),M});};return jsxs("div",{className:"drawui-icon-panel",ref:C,style:{"--dw-icon-accent":E,"--dw-icon-soft":Ft(E,.08),"--dw-icon-ring":Ft(E,.22)},children:[jsxs("label",{className:"drawui-icon-search",children:[jsxs("svg",{viewBox:"0 0 24 24",width:"15",height:"15",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[jsx("circle",{cx:"10.5",cy:"10.5",r:"6.5"}),jsx("path",{d:"M15.4 15.4L20 20"})]}),jsx("input",{ref:s,value:i,onChange:p=>y(p.target.value),onKeyDown:p=>{p.key==="Enter"&&w.length>0&&N(w[0]);},placeholder:t("icon.search"),"aria-label":t("icon.search")}),jsx("span",{className:"drawui-icon-count",children:w.length})]}),!i.trim()&&jsxs("div",{className:"drawui-icon-cats",children:[h.length>0&&jsxs("button",{type:"button",className:`drawui-icon-cat${c==="recent"?" active":""}`,style:En(ICON_CATEGORY_INK.status),onClick:()=>a("recent"),children:[jsx("i",{className:"drawui-icon-dot"}),t("icon.recent")]}),ICON_CATEGORIES.map(p=>jsxs("button",{type:"button",className:`drawui-icon-cat${c===p.id?" active":""}`,style:En(ICON_CATEGORY_INK[p.id]??ICON_DEFAULT_INK),onClick:()=>a(p.id),children:[jsx("i",{className:"drawui-icon-dot"}),t(p.labelKey)]},p.id))]}),jsxs("div",{className:"drawui-icon-card",children:[jsxs("div",{className:"drawui-icon-card-head",children:[jsx("span",{className:"drawui-icon-card-title",children:O}),jsx("span",{className:"drawui-icon-card-count",children:w.length})]}),jsxs("div",{className:"drawui-icon-grid",children:[w.map(p=>jsx("button",{type:"button",className:"drawui-icon-item",title:`${p.zh} / ${p.en}`,"aria-label":`${p.zh} ${p.en}`,onClick:()=>N(p),children:jsx(To,{icon:p,size:30,ink:iconInk(p)})},p.id)),w.length===0&&jsx("div",{className:"drawui-icon-empty",children:t("icon.empty")})]})]})]})});var Ie=t=>`${t.x.toFixed(1)},${t.y.toFixed(1)}`,Hn=(t,e)=>{let o=eMath.PI/180;return {x:t.xMath.cos(o)-t.yMath.sin(o),y:t.xMath.sin(o)+t.yMath.cos(o)}},ft={x:Math.SQRT1_2,y:-Math.SQRT1_2},Vt={x:4.6,y:19.4},gt={x:19,y:5};function Yt(t,e,o){let i={x:-o.y,y:o.x},y=a=>({x:e.x-o.xa,y:e.y-o.ya}),c=(a,d)=>({x:a.x+i.xd,y:a.y+i.yd});switch(t){case "end":{let a=y(5.6);return jsx("polygon",{points:`${Ie(e)} ${Ie(c(a,2.7))} ${Ie(c(a,-2.7))}`,fill:"currentColor",stroke:"none"})}case "inheritance":case "realization":{let a=y(8.6);return jsx("polygon",{points:`${Ie(e)} ${Ie(c(a,3.5))} ${Ie(c(a,-3.5))}`,fill:"none"})}case "aggregation":case "composition":{let a=y(4.3),d=y(8.6);return jsx("polygon",{points:`${Ie(e)} ${Ie(c(a,2.7))} ${Ie(d)} ${Ie(c(a,-2.7))}`,fill:t==="composition"?"currentColor":"none",stroke:"currentColor"})}case "dependency":{let a=Hn({x:-o.x,y:-o.y},30),d=Hn({x:-o.x,y:-o.y},-30);return jsx("path",{d:`M ${Ie({x:e.x+a.x5.8,y:e.y+a.y5.8})} L ${Ie(e)} L ${Ie({x:e.x+d.x5.8,y:e.y+d.y5.8})}`,fill:"none"})}default:return null}}function Be(t,e){let o=e\|\|t==="dependency"\|\|t==="realization",i=o?{x:gt.x-ft.x8.6,y:gt.y-ft.y8.6}:gt,y={x:-ft.x,y:-ft.y};return jsxs("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("line",{x1:Vt.x,y1:Vt.y,x2:i.x,y2:i.y,strokeDasharray:o?"3 2.6":void 0}),(t==="end"\|\|t==="both")&&Yt("end",gt,ft),(t==="start"\|\|t==="both")&&Yt("end",Vt,y),t!=="none"&&t!=="start"&&t!=="end"&&t!=="both"?Yt(t,gt,ft):null]})}var Tt=t=>jsx("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("path",{d:t})}),Io=[{type:"straight",labelKey:"style.connection.straight",icon:Tt("M3 12h18")},{type:"polyline",labelKey:"style.connection.polyline",icon:Tt("M4 8 C 12 8, 12 16, 20 16")},{type:"orthogonal",labelKey:"style.connection.orthogonal",icon:Tt("M5 5v14h14")},{type:"curve",labelKey:"style.connection.curve",icon:Tt("M3 13 C 6 7, 9 7, 12 12 C 15 17, 18 17, 21 11")}],An=[{key:"none",arrowHead:"none",dashed:false,labelKey:"style.arrowhead.none",icon:Be("none",false)},{key:"end",arrowHead:"end",dashed:false,labelKey:"style.arrowhead.end",icon:Be("end",false)},{key:"start",arrowHead:"start",dashed:false,labelKey:"style.arrowhead.start",icon:Be("start",false)},{key:"both",arrowHead:"both",dashed:false,labelKey:"style.arrowhead.both",icon:Be("both",false)},{key:"none-dashed",arrowHead:"none",dashed:true,labelKey:"style.arrowhead.none-dashed",icon:Be("none",true)},{key:"both-dashed",arrowHead:"both",dashed:true,labelKey:"style.arrowhead.both-dashed",icon:Be("both",true)}],Kn=[{key:"inheritance",arrowHead:"inheritance",dashed:false,labelKey:"style.arrowhead.inheritance",icon:Be("inheritance",false)},{key:"composition",arrowHead:"composition",dashed:false,labelKey:"style.arrowhead.composition",icon:Be("composition",false)},{key:"aggregation",arrowHead:"aggregation",dashed:false,labelKey:"style.arrowhead.aggregation",icon:Be("aggregation",false)},{key:"dependency",arrowHead:"dependency",dashed:true,labelKey:"style.arrowhead.dependency",icon:Be("dependency",true)},{key:"realization",arrowHead:"realization",dashed:true,labelKey:"style.arrowhead.realization",icon:Be("realization",true)}],Pn=[...An,...Kn];function Ro(t,e){let o=Pn.find(i=>i.arrowHead===t&&i.dashed===e);return o?o.key:Pn.find(i=>i.arrowHead===t)?.key}var Et=memo(function({connectionType:e,arrowHead:o,dashed:i,onConnectionTypeChange:y,onArrowStyleChange:c,onOptionHover:a,onOptionLeave:d}){Y();let v=Ro(o,i),C=s=>jsx("div",{className:"drawui-connection-row",children:s.map(h=>jsxs("button",{className:`drawui-connection-btn${v===h.key?" active":""}`,onClick:()=>c(h),"data-drawui-tip":a?void 0:t(h.labelKey),onMouseEnter:a?w=>a(h.labelKey,w.currentTarget):void 0,onMouseLeave:a?d:void 0,"aria-label":t(h.labelKey),type:"button",children:[jsx("span",{className:"drawui-connection-icon",children:h.icon}),jsx("span",{className:"drawui-connection-label",children:t(h.labelKey)})]},h.key))});return jsxs(Fragment,{children:[jsx("div",{className:"drawui-style-popover-title",children:t("style.connection")}),jsx("div",{className:"drawui-connection-row",children:Io.map(s=>jsxs("button",{className:`drawui-connection-btn${e===s.type?" active":""}`,onClick:()=>y(s.type),"data-drawui-tip":a?void 0:t(s.labelKey),onMouseEnter:a?h=>a(s.labelKey,h.currentTarget):void 0,onMouseLeave:a?d:void 0,"aria-label":t(s.labelKey),type:"button",children:[jsx("span",{className:"drawui-connection-icon",children:s.icon}),jsx("span",{className:"drawui-connection-label",children:t(s.labelKey)})]},s.type))}),jsx("div",{className:"drawui-style-popover-title",children:t("style.arrow")}),C(An),jsx("div",{className:"drawui-style-popover-title",children:t("style.uml")}),C(Kn)]})});var On=[{type:"rectangle",icon:jsx("rect",{x:"3",y:"5",width:"18",height:"14",rx:"0"})},{type:"rounded-rectangle",icon:jsx("rect",{x:"3",y:"5",width:"18",height:"14",rx:"4"})},{type:"circle",icon:jsx("circle",{cx:"12",cy:"12",r:"8"})},{type:"ellipse",icon:jsx("ellipse",{cx:"12",cy:"12",rx:"9",ry:"6"})},{type:"diamond",icon:jsx("path",{d:"M12 3L21 12L12 21L3 12Z"})},{type:"triangle",icon:jsx("path",{d:"M12 4L20 19L4 19Z"})},{type:"hexagon",icon:jsx("path",{d:"M12 3L20 7.5V16.5L12 21L4 16.5V7.5Z"})},{type:"parallelogram",icon:jsx("path",{d:"M7 5L20 5L17 19L4 19Z"})},{type:"trapezoid",icon:jsx("path",{d:"M6 5L18 5L21 19L3 19Z"})},{type:"pentagon",icon:jsx("path",{d:"M12 3L21 10L17.5 21L6.5 21L3 10Z"})},{type:"octagon",icon:jsx("path",{d:"M8 3L16 3L21 8L21 16L16 21L8 21L3 16L3 8Z"})},{type:"star",icon:jsx("path",{d:"M12 2L14.5 8.5L21 9L16 13.5L17.5 20L12 16.5L6.5 20L8 13.5L3 9L9.5 8.5Z"})},{type:"cylinder",icon:jsxs(Fragment,{children:[jsx("ellipse",{cx:"12",cy:"6.5",rx:"6",ry:"2.8"}),jsx("path",{d:"M6 6.5v11c0 1.5 2.7 2.8 6 2.8s6-1.3 6-2.8v-11"})]})},{type:"cloud",icon:jsx("path",{d:"M7 18.5h9.4a3.4 3.4 0 0 0 .3-6.8 5 5 0 0 0-9.5-1.2A3.9 3.9 0 0 0 7 18.5Z"})},{type:"heart",icon:jsx("path",{d:"M12 20.3S4.6 15.7 4.6 10.5A4.1 4.1 0 0 1 12 7.6a4.1 4.1 0 0 1 7.4 2.9c0 5.2-7.4 9.8-7.4 9.8Z"})},{type:"block-arrow-right",icon:jsx("path",{d:"M3 9h9V5l9 7-9 7v-4H3Z"})},{type:"block-arrow-left",icon:jsx("path",{d:"M21 9h-9V5L3 12l9 7v-4h9Z"})},{type:"block-arrow-up",icon:jsx("path",{d:"M9 21v-9H5l7-9 7 9h-4v9Z"})},{type:"block-arrow-down",icon:jsx("path",{d:"M9 3v9H5l7 9 7-9h-4V3Z"})},{type:"block-arrow-double",icon:jsx("path",{d:"M2 12l4.5-6v3.5h11V6L22 12l-4.5 6v-3.5h-11V18Z"})},{type:"right-triangle",icon:jsx("path",{d:"M4 4v16h16Z"})},{type:"cross",icon:jsx("path",{d:"M9.5 3h5v6.5H21v5h-6.5V21h-5v-6.5H3v-5h6.5Z"})},{type:"envelope",icon:jsxs(Fragment,{children:[jsx("rect",{x:"3",y:"5",width:"18",height:"14"}),jsx("path",{d:"M3 5l18 14M21 5L3 19"})]})},{type:"checkbox",icon:jsxs(Fragment,{children:[jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"3"}),jsx("path",{d:"M7.8 12.3l2.7 2.7 5.7-6.2"})]})},{type:"speech-rect",icon:jsx(Fragment,{children:jsx("path",{d:"M3 5h18v11H8l-3.2 3.2V16H3Z"})})},{type:"speech-round",icon:jsxs(Fragment,{children:[jsx("ellipse",{cx:"12",cy:"10.5",rx:"9",ry:"6.5"}),jsx("path",{d:"M8 16.2 6 21l5-3.4"})]})},{type:"cube",icon:jsxs(Fragment,{children:[jsx("path",{d:"M12 3 20 7.5v9L12 21 4 16.5v-9Z"}),jsx("path",{d:"M4 7.5 12 12l8-4.5M12 12v9"})]})},{type:"cuboid",icon:jsxs(Fragment,{children:[jsx("path",{d:"M12 4 21 8.5v7L12 20 3 15.5v-7Z"}),jsx("path",{d:"M3 8.5 12 13l9-4.5M12 13v7"})]})},{type:"triangular-pyramid",icon:jsxs(Fragment,{children:[jsx("path",{d:"M12 3 21.5 16.5 12 21 2.5 16.5Z"}),jsx("path",{d:"M12 3v18M2.5 16.5h19"})]})},{type:"quadrangular-pyramid",icon:jsxs(Fragment,{children:[jsx("path",{d:"M12 3 22.5 17 12 21 1.5 17Z"}),jsx("path",{d:"M12 3v18M12 12 1.5 17M12 12l10.5 5"})]})},{type:"sphere",icon:jsxs(Fragment,{children:[jsx("circle",{cx:"12",cy:"12",r:"9"}),jsx("ellipse",{cx:"12",cy:"12",rx:"9",ry:"2.5"})]})},{type:"ellipsoid",icon:jsxs(Fragment,{children:[jsx("ellipse",{cx:"12",cy:"12",rx:"10",ry:"6.5"}),jsx("ellipse",{cx:"12",cy:"12",rx:"10",ry:"1.9"})]})},{type:"pie",icon:jsxs(Fragment,{children:[jsx("ellipse",{cx:"12",cy:"9",rx:"9",ry:"3.5"}),jsx("path",{d:"M3 9v5c0 1.9 4 3.5 9 3.5s9-1.6 9-3.5V9"}),jsx("path",{d:"M12 9 5.6 12M12 9l6.4 3"})]})},{type:"hollow-pie",icon:jsxs(Fragment,{children:[jsx("ellipse",{cx:"12",cy:"9",rx:"9",ry:"3.5"}),jsx("path",{d:"M3 9v5c0 1.9 4 3.5 9 3.5s9-1.6 9-3.5V9"}),jsx("ellipse",{cx:"12",cy:"9",rx:"3.6",ry:"1.5"})]})},{type:"sector",icon:jsx("path",{d:"M12 3a9 9 0 1 0 9 9h-9Z"})},{type:"delay",icon:jsx("path",{d:"M3 5h12a7 7 0 0 1 0 14H3Z"})},{type:"predefined-process",icon:jsxs(Fragment,{children:[jsx("rect",{x:"3",y:"5",width:"18",height:"14"}),jsx("path",{d:"M6.5 5v14M17.5 5v14"})]})},{type:"document",icon:jsx("path",{d:"M3 5h18v10.5c-5 3.5-13-3.5-18 0Z"})},{type:"stadium",icon:jsx("rect",{x:"3",y:"6.5",width:"18",height:"11",rx:"5.5"})},{type:"chevron",icon:jsx("path",{d:"M2 4h9l9 8-9 8H2l8-8Z"})},{type:"brace-left",icon:jsxs(Fragment,{children:[jsx("path",{d:"M1 1C3.9 1 5.1 2.4 5.1 5.1c0 3.7 1.2 6.9 2.9 6.9-1.7 0-2.9 3.2-2.9 6.9 0 2.7-1.2 4.1-4.1 4.1"}),jsx("path",{d:"M12 9.6h10M12 14.4h10"})]})},{type:"brace-right",icon:jsxs(Fragment,{children:[jsx("path",{d:"M23 1c-2.9 0-4.1 1.4-4.1 4.1 0 3.7-1.2 6.9-2.9 6.9 1.7 0 2.9 3.2 2.9 6.9 0 2.7 1.2 4.1 4.1 4.1"}),jsx("path",{d:"M2 9.6h10M2 14.4h10"})]})},{type:"uml-class",icon:jsxs(Fragment,{children:[jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),jsx("line",{x1:"3",y1:"9",x2:"21",y2:"9"}),jsx("line",{x1:"3",y1:"15",x2:"21",y2:"15"}),jsx("line",{x1:"7",y1:"6",x2:"17",y2:"6"}),jsx("line",{x1:"7",y1:"12",x2:"13",y2:"12"}),jsx("line",{x1:"7",y1:"18",x2:"11",y2:"18"})]})},{type:"uml-interface",icon:jsxs(Fragment,{children:[jsx("rect",{x:"3",y:"3",width:"18",height:"18",rx:"2"}),jsx("line",{x1:"3",y1:"9",x2:"21",y2:"9"}),jsx("line",{x1:"7",y1:"6",x2:"17",y2:"6"}),jsx("line",{x1:"7",y1:"12",x2:"13",y2:"12"})]})},{type:"class-catalog",icon:jsxs(Fragment,{children:[jsx("rect",{x:"3",y:"5",width:"18",height:"14",rx:"1.5"}),jsx("line",{x1:"6.6",y1:"5",x2:"6.6",y2:"19"}),jsx("line",{x1:"17.4",y1:"5",x2:"17.4",y2:"19"})]})}],Ao=[{key:"basic",labelKey:"shapeGroup.basic",items:[{type:"rectangle"},{type:"rounded-rectangle"},{type:"stadium"},{type:"circle"},{type:"ellipse"},{type:"diamond"},{type:"triangle"},{type:"right-triangle"},{type:"hexagon"},{type:"parallelogram"},{type:"trapezoid"},{type:"pentagon"},{type:"octagon"},{type:"star"},{type:"envelope"},{type:"checkbox"}]},{key:"flowchart",labelKey:"shapeGroup.flowchart",items:[{type:"rectangle",labelKey:"flow.process"},{type:"rounded-rectangle",labelKey:"flow.step"},{type:"stadium",labelKey:"flow.startEnd"},{type:"diamond",labelKey:"flow.decision"},{type:"parallelogram",labelKey:"flow.data"},{type:"trapezoid",labelKey:"flow.manual"},{type:"hexagon",labelKey:"flow.preparation"},{type:"cylinder",labelKey:"flow.database"},{type:"delay",labelKey:"flow.delay"},{type:"predefined-process"},{type:"document"},{type:"block-arrow-right"},{type:"block-arrow-left"},{type:"block-arrow-up"},{type:"block-arrow-down"},{type:"block-arrow-double"}]},{key:"uml",labelKey:"shapeGroup.uml",items:[{type:"uml-class"},{type:"uml-interface"},{type:"rounded-rectangle",labelKey:"class.plain"},{type:"class-catalog"}]},{key:"solid",labelKey:"shapeGroup.solid",items:[{type:"cylinder"},{type:"cube"},{type:"cuboid"},{type:"triangular-pyramid"},{type:"quadrangular-pyramid"},{type:"sphere"},{type:"ellipsoid"},{type:"pie"},{type:"hollow-pie"}]},{key:"other",labelKey:"shapeGroup.other",items:[{type:"cloud"},{type:"heart"},{type:"cross"},{type:"sector"},{type:"chevron"},{type:"speech-rect"},{type:"speech-round"},{type:"brace-left"},{type:"brace-right"}]}],Ko=new Map(On.map(t=>[t.type,t.icon])),Oo=new Set(On.map(t=>t.type)),$o=jsxs(Fragment,{children:[jsx("path",{d:"M4 4h16v11l-5 5H4Z"}),jsx("path",{d:"M20 15h-5v5"})]}),Do=[{type:"arrow",icon:"M5 12h14M12 5l7 7-7 7",labelKey:"toolbar.arrow"},{type:"text",icon:"M4 7V4h16v3M9 20h6M12 4v16",labelKey:"toolbar.text"}],Bo="M17 3a2.85 2.85 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3Z",jt=8,zo=6,Xt="M0 -1Q0.24 -0.24 1 0Q0.24 0.24 0 1Q-0.24 0.24 -1 0Q-0.24 -0.24 0 -1Z",_o=[{type:"eraser",icon:"M7 21l-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21M22 21H7M5 11l9 9",labelKey:"toolbar.eraser"}],qt=memo(function({activeTool:e,onToolChange:o,showGrid:i,onToggleGrid:y,canUndo:c=false,canRedo:a=false,onUndo:d,onRedo:v,onExport:C,onExportData:s,onImportData:h,onHighlighterColorChange:w,onStickyNoteColorChange:E,onInsertIcon:O,onInsertTable:N,onInsertImage:p,arrowStyle:I,onArrowStyleChange:M}){let[F,l]=useState(false),[g,f]=useState(false),[b,H]=useState(null),[W,B]=useState(false),[Q,$]=useState(false),[X,pe]=useState(Ct),[ye,S]=useState(false),[ke,V]=useState(St),[Z,Ae]=useState(false),[ge,Ce]=useState(false),Le=useRef(null),Ke=r=>{let _=Array.from(r.target.files\|\|[]);_.length&&p?.(_),r.target.value="";},[Se,Re]=useState(null),z=useRef(null),k=useRef(null),ie=useRef(null),se=useRef(null),j=useRef(null);Y();let Ee=[{format:"png",labelKey:"toolbar.export.png"},{format:"svg",labelKey:"toolbar.export.svg"},{format:"pdf",labelKey:"toolbar.export.pdf"}],D=()=>{z.current&&(clearTimeout(z.current),z.current=null),B(true);},Oe=()=>{z.current=window.setTimeout(()=>B(false),200);},be=useRef(null),Xe=()=>{B(false),T(),be.current?.click();},qe=r=>{let _=r.target.files?.[0];_&&h?.(_),r.target.value="";},rt=()=>{k.current&&(clearTimeout(k.current),k.current=null),l(true);},at=()=>{k.current=window.setTimeout(()=>{l(false),T();},200);},x=()=>{ie.current&&(clearTimeout(ie.current),ie.current=null),f(true);},U=()=>{ie.current=window.setTimeout(()=>{f(false),T();},200);},P=(r,_)=>{let A=r.closest(".drawui-toolbar");if(!A)return;let q=r.getBoundingClientRect(),$e=A.getBoundingClientRect(),ae=q.bottom+46>window.innerHeight;H({label:_,x:q.left-$e.left+q.width/2,y:ae?q.top-$e.top-8:q.bottom-$e.top+8,above:ae});},T=()=>H(null),ee=()=>{se.current&&(clearTimeout(se.current),se.current=null),$(true);},re=()=>{se.current=window.setTimeout(()=>$(false),200);},He=r=>{pe(r),vn(r),w?.(r),o("highlighter");},Je=()=>{j.current&&(clearTimeout(j.current),j.current=null),S(true);},_e=()=>{j.current=window.setTimeout(()=>S(false),200);},u=r=>{V(r),Sn(r),E?.(r),o("sticky-note"),S(false);};return jsx("div",{className:"drawui-toolbar-container",children:jsxs("div",{className:"drawui-toolbar",children:[jsx("button",{className:`drawui-toolbar-button ${e==="select"?"active":""}`,onClick:()=>o("select"),onMouseEnter:r=>P(r.currentTarget,"toolbar.select"),onMouseLeave:T,children:jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("path",{d:"M6 3 6 19.6 10.3 15.7 13 21.1 15.8 19.8 13.1 14.5 18.6 14 Z"})})}),jsx("button",{className:`drawui-toolbar-button ${e==="hand"?"active":""}`,onClick:()=>o("hand"),onMouseEnter:r=>P(r.currentTarget,"toolbar.hand"),onMouseLeave:T,children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M7.6 12.6V5.6a1.5 1.5 0 0 1 3 0v4.6"}),jsx("path",{d:"M10.6 10.2V4.1a1.5 1.5 0 0 1 3 0v6.1"}),jsx("path",{d:"M13.6 10.4V5.2a1.5 1.5 0 0 1 3 0v6.6"}),jsx("path",{d:"M16.6 11.8V8.1a1.5 1.5 0 0 1 3 0v6.6a6.2 6.2 0 0 1-6.2 6.2h-1.5a6.2 6.2 0 0 1-5-2.5l-3.2-4.4a1.5 1.5 0 0 1 2.3-1.9l2.6 2.5"})]})}),jsx("div",{className:"drawui-toolbar-divider"}),jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:rt,onMouseLeave:at,children:[jsx("button",{className:`drawui-toolbar-button ${Oo.has(e)?"active":""}`,onClick:()=>{o("rounded-rectangle"),l(false),T();},"data-drawui-tip":F?void 0:t("toolbar.shapes"),children:jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("rect",{x:"3",y:"5",width:"18",height:"14",rx:"4",ry:"4"})})}),F&&jsx("div",{className:"drawui-toolbar-shape-grid drawui-shape-menu",children:jsx("div",{className:"drawui-shape-menu-scroll",children:Ao.map(r=>jsxs("div",{className:"drawui-shape-group",children:[jsx("div",{className:"drawui-shape-group-title",children:t(r.labelKey)}),jsx("div",{className:"drawui-shape-group-grid",children:r.items.map(_=>{let A=_.labelKey??`tool.${_.type}`;return jsx("button",{type:"button",className:`drawui-toolbar-shape-item ${e===_.type?"active":""}`,onClick:()=>{o(_.type),l(false),T();},onMouseEnter:q=>P(q.currentTarget,A),onMouseLeave:T,"aria-label":t(A),children:jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:Ko.get(_.type)})},`${r.key}-${_.type}`)})})]},r.key))})})]}),jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:Je,onMouseLeave:_e,children:[jsxs("button",{className:`drawui-toolbar-button ${e==="sticky-note"?"active":""}`,onClick:()=>{o("sticky-note"),S(false),T();},"data-drawui-tip":ye?void 0:t("tool.sticky-note"),children:[jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:$o}),jsx("span",{className:"drawui-toolbar-color-chip",style:{background:ke}})]}),ye&&jsxs("div",{className:"drawui-toolbar-shape-grid drawui-sticky-panel",children:[jsxs("div",{className:"drawui-sticky-panel-head",children:[jsx("span",{className:"drawui-sticky-panel-title",children:t("tool.sticky-note")}),jsx("span",{className:"drawui-sticky-panel-key",children:"N"})]}),jsx("div",{className:"drawui-sticky-panel-grid",children:STICKY_NOTE_COLORS.map(r=>jsx("button",{type:"button","aria-label":r,className:`drawui-sticky-swatch${ke.toLowerCase()===r.toLowerCase()?" active":""}`,style:{background:r},onClick:()=>u(r)},r))})]})]}),jsxs("div",{className:"drawui-toolbar-dropdown",children:[jsx("button",{className:`drawui-toolbar-button ${Z?"active":""}`,"data-icon-toggle":"","data-drawui-tip":Z?void 0:t("toolbar.icon"),onClick:()=>{Ae(r=>!r),T();},children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("circle",{cx:"12",cy:"12",r:"9"}),jsx("path",{d:"M8.5 10.2h0.01"}),jsx("path",{d:"M15.5 10.2h0.01"}),jsx("path",{d:"M8.8 14.2c0.9 1 2 1.5 3.2 1.5s2.3 -0.5 3.2 -1.5"})]})}),Z&&jsx(Rn,{onPick:r=>O?.(r.id),onClose:()=>Ae(false)})]}),jsx("div",{className:"drawui-toolbar-divider"}),jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:x,onMouseLeave:U,children:[jsx("button",{className:`drawui-toolbar-button ${e==="arrow"?"active":""}`,onClick:()=>{o("arrow"),f(false),T();},"data-drawui-tip":g?void 0:t("toolbar.arrow"),children:jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("path",{d:"M5 12h14M12 5l7 7-7 7"})})}),g&&jsx("div",{className:"drawui-toolbar-shape-grid drawui-arrow-menu",onPointerDown:r=>{r.target.closest("button")\|\|(f(false),T());},children:jsx(Et,{connectionType:I?.connectionType??"straight",arrowHead:I?.arrowHead??"end",dashed:!!I?.dashed,onConnectionTypeChange:r=>{M?.({connectionType:r}),o("arrow"),f(false),T();},onArrowStyleChange:r=>{M?.({arrowHead:r.arrowHead,dashed:r.dashed}),o("arrow"),f(false),T();},onOptionHover:(r,_)=>P(_,r),onOptionLeave:T})})]}),Do.filter(r=>r.type!=="arrow").map(r=>jsx("button",{className:`drawui-toolbar-button ${e===r.type?"active":""}`,onClick:()=>o(r.type),"data-drawui-tip":t(r.labelKey),children:jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("path",{d:r.icon})})},r.type)),jsx("div",{className:"drawui-toolbar-divider"}),jsx("button",{className:`drawui-toolbar-button ${e==="pen"?"active":""}`,onClick:()=>o("pen"),"data-drawui-tip":t("toolbar.pen"),children:jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("path",{d:Bo})})}),jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:ee,onMouseLeave:re,children:[jsxs("button",{className:`drawui-toolbar-button ${e==="highlighter"?"active":""}`,onClick:()=>o("highlighter"),onMouseEnter:r=>P(r.currentTarget,"toolbar.highlighter"),onMouseLeave:T,children:[jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.7",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M4.6 19.6 12.8 11.4",strokeWidth:"3.6",strokeLinecap:"square"}),jsx("path",{d:"M14.6 9.6 16.2 8",strokeWidth:"3.6",strokeLinecap:"square"}),jsxs("g",{fill:"currentColor",stroke:"none",children:[jsx("path",{d:Xt,transform:"translate(7.4 5.4) scale(2.4)"}),jsx("path",{d:Xt,transform:"translate(18.4 3.4) scale(2.5)"}),jsx("path",{d:Xt,transform:"translate(21 10.6) scale(2.2)"})]})]}),jsx("span",{className:"drawui-toolbar-color-chip",style:{background:X}})]}),Q&&jsx("div",{className:"drawui-toolbar-shape-grid drawui-toolbar-highlighter-grid",children:wn.map(r=>jsx("button",{type:"button","aria-label":r,className:`drawui-highlighter-swatch${X.toLowerCase()===r.toLowerCase()?" active":""}`,style:{background:r},onClick:()=>He(r)},r))})]}),jsx("div",{className:"drawui-toolbar-divider"}),_o.map(r=>jsx("button",{className:`drawui-toolbar-button ${e===r.type?"active":""}`,onClick:()=>o(r.type),"data-drawui-tip":t(r.labelKey),children:jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("path",{d:r.icon})})},r.type)),jsx("button",{className:`drawui-toolbar-button ${e==="mind-map"?"active":""}`,onClick:()=>o("mind-map"),"data-drawui-tip":t("toolbar.mind-map"),children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("circle",{cx:"5",cy:"12",r:"2.4"}),jsx("path",{d:"M7.4 12h3.6"}),jsx("path",{d:"M11 12c0-2.6 1.6-4.4 3.4-4.4"}),jsx("path",{d:"M11 12c0 2.6 1.6 4.4 3.4 4.4"}),jsx("circle",{cx:"17.4",cy:"7.6",r:"1.7"}),jsx("circle",{cx:"17.4",cy:"16.4",r:"1.7"}),jsx("circle",{cx:"15.6",cy:"12",r:"1.7"})]})}),jsx("button",{className:"drawui-toolbar-button",onClick:()=>Le.current?.click(),"data-drawui-tip":t("toolbar.image"),"data-image-toggle":true,children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),jsx("circle",{cx:"8.5",cy:"9.5",r:"1.6"}),jsx("path",{d:"M21 15.5l-4.5-4.5L6 21"})]})}),jsx("input",{ref:Le,type:"file",accept:"image/",multiple:true,style:{display:"none"},onChange:Ke}),jsxs("div",{className:"drawui-toolbar-dropdown",children:[jsx("button",{className:`drawui-toolbar-button ${ge?"active":""}`,onClick:()=>Ce(r=>!r),"data-drawui-tip":t("toolbar.table"),"data-table-toggle":true,children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinejoin:"round",children:[jsx("rect",{x:"3",y:"4",width:"18",height:"16",rx:"2"}),jsx("line",{x1:"3",y1:"9.3",x2:"21",y2:"9.3"}),jsx("line",{x1:"9",y1:"4",x2:"9",y2:"20"}),jsx("line",{x1:"15",y1:"4",x2:"15",y2:"20"})]})}),ge&&jsxs("div",{className:"drawui-table-picker",children:[jsx("div",{className:"drawui-table-picker-hint",children:Se?`${Se.rows} \xD7 ${Se.cols}`:t("table.pickHint")}),jsx("div",{className:"drawui-table-picker-grid",children:Array.from({length:zojt},(r,_)=>{let A=Math.floor(_/jt),q=_%jt,$e=Se&&A<Se.rows&&q<Se.cols;return jsx("button",{type:"button","aria-label":`${A+1}x${q+1}`,className:"drawui-table-picker-cell",style:$e?{borderColor:"var(--dw-primary)",background:"var(--dw-primary-weak)"}:void 0,onMouseEnter:()=>Re({rows:A+1,cols:q+1}),onClick:()=>{N?.(A+1,q+1),Ce(false),Re(null),T();}},_)})})]})]}),jsx("div",{className:"drawui-toolbar-divider"}),jsx("button",{className:`drawui-toolbar-button ${i?"active":""}`,onClick:y,"data-drawui-tip":t("toolbar.grid"),children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("rect",{x:"3",y:"3",width:"7",height:"7",rx:"1"}),jsx("rect",{x:"14",y:"3",width:"7",height:"7",rx:"1"}),jsx("rect",{x:"14",y:"14",width:"7",height:"7",rx:"1"}),jsx("rect",{x:"3",y:"14",width:"7",height:"7",rx:"1"})]})}),jsx("div",{className:"drawui-toolbar-divider"}),jsx("button",{className:"drawui-toolbar-button",onClick:d,disabled:!c,style:c?void 0:{opacity:.4,cursor:"default"},"data-drawui-tip":t("toolbar.undo"),children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M3 7v6h6"}),jsx("path",{d:"M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13"})]})}),jsx("button",{className:"drawui-toolbar-button",onClick:v,disabled:!a,style:a?void 0:{opacity:.4,cursor:"default"},"data-drawui-tip":t("toolbar.redo"),children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M21 7v6h-6"}),jsx("path",{d:"M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13"})]})}),jsx("div",{className:"drawui-toolbar-divider"}),jsxs("div",{className:"drawui-toolbar-dropdown",onMouseEnter:D,onMouseLeave:Oe,children:[jsx("button",{className:"drawui-toolbar-button","data-drawui-tip":W?void 0:t("toolbar.export"),children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),jsx("polyline",{points:"7 10 12 15 17 10"}),jsx("line",{x1:"12",y1:"15",x2:"12",y2:"3"})]})}),W&&jsxs("div",{className:"drawui-toolbar-shape-grid drawui-toolbar-export-grid",children:[Ee.map(r=>jsx("button",{className:"drawui-toolbar-shape-item drawui-toolbar-export-item",onClick:()=>{C?.(r.format),B(false);},"data-drawui-tip":t(r.labelKey),children:t(r.labelKey)},r.format)),jsx("div",{className:"drawui-toolbar-export-divider"}),jsx("button",{className:"drawui-toolbar-shape-item drawui-toolbar-export-item",onClick:()=>{s?.(),B(false);},"data-drawui-tip":t("toolbar.export.data"),children:t("toolbar.export.data")}),jsx("button",{className:"drawui-toolbar-shape-item drawui-toolbar-export-item",onClick:Xe,"data-drawui-tip":t("toolbar.import.data"),children:t("toolbar.import.data")})]})]}),jsx("input",{ref:be,type:"file",accept:".json,application/json",style:{display:"none"},onChange:qe}),b&&jsx("div",{className:`drawui-shape-tip ${b.above?"is-above":"is-below"}`,style:{left:b.x,top:b.y},children:t(b.label)})]})})});var Qt=memo(function({onZoomIn:e,onZoomOut:o,onReset:i,zoomLevel:y=100}){return Y(),jsxs("div",{className:"drawui-zoom-control",children:[jsx("button",{className:"drawui-zoom-button",onClick:e,"data-drawui-tip":t("zoom.in"),children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]})}),jsxs("div",{className:"drawui-zoom-level",children:[y,"%"]}),jsx("button",{className:"drawui-zoom-button",onClick:o,"data-drawui-tip":t("zoom.out"),children:jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"})})}),jsx("button",{className:"drawui-zoom-button",onClick:i,"data-drawui-tip":t("zoom.reset"),children:jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}),jsx("path",{d:"M3 3v5h5"})]})})]})});var Dn=["#ffffff","#f1f5f9","#e2e8f0","#ede9fe","#dbeafe","#e0e7ff","#dcfce7","#fef9c3","#fee2e2"],Bn=["#0f172a","#475569","#94a3b8","#8b5cf6","#3b82f6","#1d4ed8","#16a34a","#eab308","#dc2626"],Yo=Dn.filter(t=>t!=="#f1f5f9"),jo=[...Yo,...Bn],Xo=[...Dn,...Bn],zn=15,_n="drawui:customColors";function qo(){if(typeof window>"u")return [];try{let t=window.localStorage.getItem(_n);if(!t)return [];let e=JSON.parse(t);return Array.isArray(e)?e.filter(o=>typeof o=="string").slice(-zn):[]}catch{return []}}function Jo(t){if(!(typeof window>"u"))try{window.localStorage.setItem(_n,JSON.stringify(t));}catch{}}var en=[{key:"fill",labelKey:"style.fill",hasTransparent:true,hasOpacity:true},{key:"stroke",labelKey:"style.stroke",hasTransparent:false,hasOpacity:true},{key:"text",labelKey:"style.text",hasTransparent:false},{key:"highlight",labelKey:"style.highlight",hasTransparent:true,hasOpacity:true}],$n=(t,e)=>!!t&&!!e&&t.toLowerCase()===e.toLowerCase(),wt=10,st=12,nt=t=>!t\|\|t==="transparent",Wn=memo(function({editor:e,selectedCount:o,hasLineSelection:i,currentConnectionType:y,currentArrowHead:c,currentDashed:a}){Y();let d=!!e?.getEditingShapeId(),[v,C]=useState(null),[s,h]=useState(null),[,w]=useState(0),E=useRef(null),O=useRef(null),N=useRef(null),[p,I]=useState({tw:168,th:42,pw:228,ph:160}),[M,F]=useState(qo),l=useRef(null),g=useCallback(u=>{let r=u.trim().toLowerCase();/^#[0-9a-f]{6}$/.test(r)&&F(_=>{let A=_.filter(q=>q!==r);for(A.push(r);A.length>zn;)A.shift();return Jo(A),A});},[]);if(useEffect(()=>{let u=l.current;if(!u)return;let r=()=>{u.value&&g(u.value);};return u.addEventListener("change",r),()=>u.removeEventListener("change",r)},[g,s]),useEffect(()=>{if(!e)return;let u=e.subscribe(()=>w(r=>(r+1)%1e6));return ()=>{u();}},[e]),useEffect(()=>{h(null);},[o,d]),useEffect(()=>{if(!s)return;let u=r=>{E.current&&!E.current.contains(r.target)&&h(null);};return document.addEventListener("pointerdown",u,true),()=>document.removeEventListener("pointerdown",u,true)},[s]),useLayoutEffect(()=>{let u=O.current?.offsetWidth??p.tw,r=O.current?.offsetHeight??p.th,_=N.current?.offsetWidth??p.pw,A=N.current?.offsetHeight??p.ph;I(q=>q.tw===u&&q.th===r&&q.pw===_&&q.ph===A?q:{tw:u,th:r,pw:_,ph:A});}),!e\|\|o===0\|\|d)return null;let f=e.getSelectedIds(),H=e.getShapes().filter(u=>f.includes(u.id)),W=H[0],B=W?.id??"",Q=W?.style.fillColor,$=W?.style.strokeColor??"#1f2937",X=W?.textColor??"#1f2937",pe=W?.highlightColor,ye={fill:Q,stroke:$,text:X,highlight:pe},S=H.length>0&&H.every(u=>u.type==="sticky-note"),ke={fill:W?.style.fillOpacity??1,stroke:W?.style.strokeOpacity??1,highlight:W?.highlightOpacity??1},V=u=>v&&v.key===`${B}:${u}`?v.value:ke[u]??1,Z=(u,r)=>{switch(u){case "stroke":e.updateSelectedShapesStyle({strokeColor:r});break;case "fill":e.updateSelectedShapesStyle({fillColor:r});break;case "text":e.updateSelectedShapesText({textColor:r});break;case "highlight":e.updateSelectedShapesText({highlightColor:r});break}},Ae=(u,r)=>{C({key:`${B}:${u}`,value:r}),u==="highlight"?e.updateSelectedShapesText({highlightOpacity:r}):u==="stroke"?e.updateSelectedShapesStyle({strokeOpacity:r}):e.updateSelectedShapesStyle({fillOpacity:r});},ge=u=>e.updateConnectionType(u),Ce=u=>e.updateArrowStyle({arrowHead:u.arrowHead,dashed:u.dashed}),Le=!!i&&H.length>0&&H.every(u=>u.type==="line"\|\|u.type==="arrow"),Ke=H.length>0&&H.every(u=>u.type==="text"),Se=H.length>0&&H.every(u=>u.type==="sticky-note"\|\|u.type==="icon"),Re=Le?en.filter(u=>u.key==="stroke"):Se?en.filter(u=>u.key!=="stroke"):en,z=u=>u.key==="stroke"&&Le?"style.line":u.labelKey,k=s&&s!=="more"?Re.find(u=>u.key===s):void 0,ie=!!s&&(s==="more"\|\|s==="prefix"\|\|!!k),se=S&&k?.key==="fill",j=e.getCamera(),Ee=getContentBounds(H,0),D=j.pageToScreen({x:Ee.x,y:Ee.y}),Oe=j.pageToScreen({x:Ee.x+Ee.width,y:Ee.y+Ee.height}),be=window.innerWidth,Xe=window.innerHeight,qe=Oe.y+wt,rt=D.y-wt,at=p.th+(ie?wt+p.ph:0),x=qe+at<=Xe-st,U=rt-at>=st,P=x\|\|!U,T=(D.x+Oe.x)/2,ee=(u,r,_)=>Math.max(r,Math.min(u,Math.max(r,_))),re=ee(T-p.tw/2,st,be-p.tw-st),He=P?qe:rt-p.th,Je=ee(T-p.pw/2,st,be-p.pw-st),_e=ie?ee(P?He+p.th+wt:He-wt-p.ph,st,Xe-p.ph-st):0;return jsxs("div",{className:"drawui-style-floating",ref:E,children:[jsxs("div",{className:"drawui-style-toolbar",ref:O,style:{left:re,top:He},children:[Re.map(u=>jsxs("button",{className:`drawui-style-tool-btn${s===u.key?" active":""}`,onClick:()=>h(s===u.key?null:u.key),"data-drawui-tip":t(z(u)),type:"button",children:[u.key==="fill"&&jsx("span",{className:`drawui-st-swatch${nt(Q)?" drawui-st-none":""}`,style:nt(Q)?void 0:{background:Q}}),u.key==="stroke"&&(Le?jsx("span",{className:`drawui-st-line${nt($)?" drawui-st-line-none":""}`,style:nt($)?void 0:{background:$}}):jsx("span",{className:`drawui-st-frame${nt($)?" drawui-st-frame-none":""}`,style:nt($)?void 0:{borderColor:$}})),u.key==="text"&&jsx("span",{className:"drawui-st-text",style:{color:X},children:"A"}),u.key==="highlight"&&jsx("span",{className:`drawui-st-hl${nt(pe)?" drawui-st-none":""}`,style:nt(pe)?void 0:{background:pe},children:"A"})]},u.key)),i&&jsx("button",{className:`drawui-style-tool-btn${s==="more"?" active":""}`,onClick:()=>h(s==="more"?null:"more"),"data-drawui-tip":t("style.connection"),type:"button",children:"\u22EF"}),Ke&&jsx("button",{className:`drawui-style-tool-btn${s==="prefix"?" active":""}`,onClick:()=>h(s==="prefix"?null:"prefix"),"data-drawui-tip":t("style.prefix"),type:"button",children:jsxs("svg",{viewBox:"0 0 24 24",width:"18",height:"18",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",children:[jsx("circle",{cx:"5",cy:"8",r:"1.7",fill:"currentColor",stroke:"none"}),jsx("circle",{cx:"5",cy:"16",r:"1.7",fill:"currentColor",stroke:"none"}),jsx("line",{x1:"10.5",y1:"8",x2:"20",y2:"8"}),jsx("line",{x1:"10.5",y1:"16",x2:"20",y2:"16"})]})})]}),ie&&jsx("div",{className:"drawui-style-popover",ref:N,style:{left:Je,top:_e},children:s==="prefix"?jsxs(Fragment,{children:[jsx("div",{className:"drawui-style-popover-title",children:t("style.prefix")}),jsx("div",{className:"drawui-muted-hint",children:t("style.prefix.soon")})]}):k?jsxs(Fragment,{children:[jsx("div",{className:"drawui-style-popover-title",children:t(z(k))}),jsxs("div",{className:"drawui-color-row",children:[k.hasTransparent&&!se&&jsx("button",{className:`drawui-color-swatch drawui-color-swatch-transparent${nt(ye[k.key])?" active":""}`,onClick:()=>Z(k.key,"transparent"),"aria-label":t("style.none"),type:"button"}),(se?STICKY_NOTE_COLORS:k.hasTransparent?jo:Xo).map(u=>jsx("button",{className:`drawui-color-swatch${$n(u,ye[k.key])?" active":""}`,style:{background:u},onClick:()=>Z(k.key,u),"aria-label":u,type:"button"},u)),M.map(u=>jsx("button",{className:`drawui-color-swatch drawui-color-custom${$n(u,ye[k.key])?" active":""}`,style:{background:u},onClick:()=>Z(k.key,u),"aria-label":u,type:"button"},`custom-${u}`)),jsxs("span",{className:"drawui-color-swatch drawui-color-add","data-drawui-tip":t("style.addColor"),children:["+",jsx("input",{ref:l,type:"color",defaultValue:"#3b82f6",className:"drawui-color-add-input","aria-label":t("style.addColor")})]})]}),k.hasOpacity&&jsxs("div",{className:"drawui-opacity-row",children:[jsx("span",{className:"drawui-opacity-label",children:t("style.opacity")}),jsx("input",{type:"range",min:0,max:100,value:Math.round(V(k.key)100),onChange:u=>Ae(k.key,Number(u.target.value)/100),className:"drawui-opacity-slider"}),jsxs("span",{className:"drawui-opacity-value",children:[Math.round(V(k.key)100),"%"]})]})]}):jsx(Fragment,{children:jsx(Et,{connectionType:y??"straight",arrowHead:c??"end",dashed:!!a,onConnectionTypeChange:ge,onArrowStyleChange:Ce})})})]})});var on=14,Gn=20,ar=["#1f2937","#ef4444","#f97316","#facc15","#22c55e","#3b82f6","#8b5cf6","#ec4899","#9ca3af"],ir=[12,14,16,18,20,24];function Fn(t,e){let o=t,i="",y=o.charAt(0);if(o.length>1&&(y==="+"\|\|y==="-"\|\|y==="#"\|\|y==="~")&&o.charAt(1)===" "&&(i=y,o=o.slice(2)),o=o.replace(/^\s+\|\s+$/g,""),e==="attribute"){let s=o.indexOf(":");return s===-1?{visibility:i,name:o,type:"",params:"",returnType:""}:{visibility:i,name:o.slice(0,s).replace(/^\s+\|\s+$/g,""),type:o.slice(s+1).replace(/^\s+\|\s+$/g,""),params:"",returnType:""}}let c=o.indexOf("(");if(c===-1){let s=o.lastIndexOf(":");return s===-1?{visibility:i,name:o,type:"",params:"",returnType:""}:{visibility:i,name:o.slice(0,s).replace(/^\s+\|\s+$/g,""),type:"",params:"",returnType:o.slice(s+1).replace(/^\s+\|\s+$/g,"")}}let a=o.slice(0,c).replace(/^\s+\|\s+$/g,""),d=o.indexOf(")",c);if(d===-1)return {visibility:i,name:a,type:"",params:o.slice(c+1).replace(/^\s+\|\s+$/g,""),returnType:""};let v=o.slice(c+1,d).replace(/^\s+\|\s+$/g,""),C=o.slice(d+1).replace(/^\s+\|\s+$/g,"");return C.startsWith(":")&&(C=C.slice(1).replace(/^\s+\|\s+$/g,"")),{visibility:i,name:a,type:"",params:v,returnType:C}}function sr(t,e){let o=e.visibility?`${e.visibility} `:"";return t==="attribute"?`${o}${e.name}${e.type?`: ${e.type}`:""}`:`${o}${e.name}(${e.params??""})${e.returnType?`: ${e.returnType}`:""}`}var Yn=memo(function({editor:e,umlClass:o,editing:i}){let[,y]=useState(0);Y(),useEffect(()=>{if(!e)return;let x=e.subscribe(()=>y(U=>U+1));return ()=>{x();}},[e]);let[c,a]=useState(null),[d,v]=useState(false),[C,s]=useState(null),h=useRef(null),w=useRef(null),E=useCallback((x,U)=>{h.current&&(clearTimeout(h.current),h.current=null),a({section:x,rowId:U}),v(false);},[]),O=useCallback(()=>{h.current&&clearTimeout(h.current),h.current=window.setTimeout(()=>{a(null),v(false);},150);},[]);if(!e\|\|!o\|\|i!==o.id)return null;let N=e.getCamera(),{id:p,x:I,y:M,width:F,height:l,className:g,methods:f}=o,b=o.type==="uml-interface",H=b?[]:o.attributes,W=F/2,B=l/2,Q=UML_HEADER_HEIGHT,$=UML_LINE_HEIGHT,X=UML_PADDING_X,pe=UML_PADDING_Y,ye=b?0:H.length>0?H.length$+pe2:pe2,S=N.zoom,ke=(F-X2)S,V=4S,Z=N.pageToScreen({x:I-W+X,y:M}),Ae=N.pageToScreen({x:I,y:M-B+Q/2}),ge=x=>N.pageToScreen({x:I,y:x}).y,Ce=$S,Le=x=>M+(-B+Q+pe+$/2+x$),Ke=x=>M+(-B+Q+ye+pe+$/2+x$),Se=M+(-B+Q+ye),Re=M+B,z={background:"#ffffff",borderWidth:1,borderStyle:"solid",borderColor:"transparent",outline:"none",padding:0,fontFamily:"sans-serif",boxSizing:"border-box"},k=(x,U)=>{if(!H.find(ee=>ee.id===x))return;let T=Fn(U,"attribute");e.updateUmlClass(p,{attributes:H.map(ee=>ee.id===x?{...ee,...T}:ee)});},ie=(x,U)=>{if(!f.find(re=>re.id===x))return;let T=Fn(U,"method"),ee=f.map(re=>re.id===x?{...re,...T}:re);b?e.updateUmlInterface(p,{methods:ee}):e.updateUmlClass(p,{methods:ee});},se=(x,U,P)=>{w.current={section:x,from:U},P.dataTransfer.effectAllowed="move",P.dataTransfer.setData("text/plain",`${x}:${U}`);},j=x=>{x.preventDefault(),x.dataTransfer.dropEffect="move";},Ee=(x,U,P)=>{P.preventDefault();let T=w.current;!T\|\|T.section!==x\|\|(x==="attribute"?e.reorderUmlAttribute(p,T.from,U):e.reorderUmlMethod(p,T.from,U),w.current=null);},D=(x,U,P,T)=>{let ee=ge(T),re=c?.section===x&&c.rowId===P.id,He=(P.fontSize\|\|UML_FONT_SIZE)S,Je=P.textColor\|\|"#1f2937",_e={position:"absolute",left:Z.x-onS-V,top:ee-Ce/2,width:onS+V+ke+GnS,height:Ce,display:"flex",alignItems:"center",gap:2,pointerEvents:"none",zIndex:53},u={...z,width:ke,height:Ce-2,fontSize:He,color:Je,textDecoration:P.strikethrough?"line-through":"none",pointerEvents:"auto",...re?{borderColor:"var(--dw-primary)"}:{}},r={width:onS,height:Ce-2,cursor:"grab",color:"#9ca3af",display:"flex",alignItems:"center",justifyContent:"center",userSelect:"none",fontSize:12S,lineHeight:1,opacity:re?1:.55,pointerEvents:"auto"},_={width:GnS,height:Ce-6,border:"none",background:"transparent",color:"#9ca3af",cursor:"pointer",borderRadius:3,fontSize:14S,opacity:re?1:.35,pointerEvents:"auto"};return jsxs("div",{style:_e,onDragOver:j,onDrop:A=>Ee(x,U,A),children:[jsx("span",{style:r,draggable:true,onDragStart:A=>se(x,U,A),"data-drawui-tip":t("uml.drag"),children:"\u22EE\u22EE"}),jsx("input",{style:u,value:C&&C.rowId===P.id?C.text:sr(x,P),onChange:A=>{s({rowId:P.id,text:A.target.value}),x==="attribute"?k(P.id,A.target.value):ie(P.id,A.target.value);},onFocus:()=>E(x,P.id),onBlur:()=>{s(null),O();},spellCheck:false}),jsx("button",{style:_,onMouseDown:A=>A.preventDefault(),onClick:()=>{x==="attribute"?e.removeUmlAttribute(p,P.id):e.removeUmlMethod(p,P.id);},"data-drawui-tip":t("uml.delete"),children:"\xD7"})]},P.id)},Oe=(x,U,P)=>{let T=ge(U),ee=x==="attribute";return jsxs("button",{onMouseDown:re=>re.preventDefault(),onClick:()=>ee?e.addUmlAttribute(p):e.addUmlMethod(p),className:"drawui-uml-add-row",style:{position:"absolute",left:Z.x,top:T-9S,height:18S,padding:`0 ${6S}px`,fontSize:11S,lineHeight:1,border:"1px dashed #cbd5e1",background:"rgba(255,255,255,0.85)",color:"#64748b",borderRadius:3,cursor:"pointer",pointerEvents:"auto",display:"flex",alignItems:"center",gap:3,whiteSpace:"nowrap",zIndex:53},"data-drawui-tip":P,children:[jsx("span",{style:{fontSize:13S,lineHeight:1},children:"+"}),jsx("span",{children:P})]},`add-${x}`)},be=()=>{if(!c\|\|c.section==="className")return null;let x=c.section,U=c.rowId,T=(x==="attribute"?H:f).find(ae=>ae.id===U);if(!T)return null;let ee=224S,re=30S,He=N.pageToScreen({x:I,y:M}).x,Je=N.pageToScreen({x:I,y:M-B}).y,_e=20S,u=Je-re-_e,r=He-ee/2,_=u+re,A=T.textColor\|\|"#1f2937",q=T.fontSize\|\|UML_FONT_SIZE,$e=!!T.strikethrough;return jsxs(Fragment,{children:[jsx("div",{style:{position:"absolute",left:He-.5,top:_,width:1,height:_e,background:"#d1d5db",pointerEvents:"none",zIndex:59}}),jsxs("div",{className:"drawui-uml-toolbar",style:{position:"absolute",left:r,top:u,width:ee,height:re,background:"#ffffff",border:"1px solid #e5e7eb",borderRadius:6,boxShadow:"0 4px 12px rgba(0, 0, 0, 0.1)",display:"flex",alignItems:"center",gap:4S,padding:`0 ${6S}px`,pointerEvents:"auto",zIndex:60,fontSize:12S},onMouseDown:ae=>ae.preventDefault(),children:[jsxs("div",{style:{position:"relative"},children:[jsxs("button",{onClick:()=>v(ae=>!ae),className:"drawui-uml-toolbar-btn","data-drawui-tip":t("uml.textColor"),style:{border:"none",background:"transparent",cursor:"pointer",padding:2,display:"flex",alignItems:"center",borderRadius:3},children:[jsx("span",{style:{fontWeight:700,color:A,fontSize:13S,textDecoration:$e?"line-through":"none"},children:"A"}),jsx("span",{style:{width:10S,height:2S,background:A,marginLeft:3,borderRadius:1}})]}),d&&jsxs("div",{style:{position:"absolute",top:"100%",left:0,marginTop:4,background:"#ffffff",border:"1px solid #e5e7eb",borderRadius:4,padding:4,display:"flex",gap:2,boxShadow:"0 2px 8px rgba(0, 0, 0, 0.1)",zIndex:61},children:[jsx("button",{onClick:()=>{e.updateUmlRowStyle(p,x,T.id,{textColor:null}),v(false);},style:{width:14,height:14,border:"1px solid #e5e7eb",background:"transparent",cursor:"pointer",borderRadius:2},"data-drawui-tip":t("uml.defaultColor")}),ar.map(ae=>jsx("button",{onClick:()=>{e.updateUmlRowStyle(p,x,T.id,{textColor:ae}),v(false);},style:{width:14,height:14,border:"none",background:ae,cursor:"pointer",borderRadius:2},"data-drawui-tip":ae},ae))]})]}),jsx("select",{value:q,onChange:ae=>e.updateUmlRowStyle(p,x,T.id,{fontSize:Number(ae.target.value)}),style:{border:"1px solid #e5e7eb",borderRadius:3,padding:`0 ${2S}px`,fontSize:12S,height:20S,background:"#ffffff"},"data-drawui-tip":t("uml.fontSize"),children:ir.map(ae=>jsx("option",{value:ae,children:ae},ae))}),jsx("button",{onClick:()=>e.updateUmlRowStyle(p,x,T.id,{strikethrough:!$e}),className:"drawui-uml-toolbar-btn","data-drawui-tip":t("uml.strikethrough"),style:{border:"none",background:$e?"var(--dw-primary-weak)":"transparent",cursor:"pointer",padding:2,borderRadius:3},children:jsx("span",{style:{fontWeight:700,fontSize:13S,textDecoration:"line-through"},children:"A"})}),jsx("button",{onClick:()=>{x==="attribute"?e.removeUmlAttribute(p,T.id):e.removeUmlMethod(p,T.id),a(null);},className:"drawui-uml-toolbar-btn","data-drawui-tip":t("uml.delete"),style:{border:"none",background:"transparent",cursor:"pointer",color:"#ef4444",padding:2,marginLeft:"auto",borderRadius:3},children:jsxs("svg",{width:14S,height:14S,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("polyline",{points:"3 6 5 6 21 6"}),jsx("path",{d:"M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"}),jsx("path",{d:"M10 11v6"}),jsx("path",{d:"M14 11v6"}),jsx("path",{d:"M9 6V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2"})]})})]})]})},Xe=N.pageToScreen({x:I-W,y:M}).x,qe=N.pageToScreen({x:I,y:M-B}).y,rt=FS,at=lS;return jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none",zIndex:50},children:[jsx("div",{style:{position:"absolute",left:Xe+1,top:qe+1,width:Math.max(0,rt-2),height:Math.max(0,at-2),background:"#ffffff",pointerEvents:"none",zIndex:51}}),jsx("input",{style:{...z,position:"absolute",left:Ae.x-ke/2,top:Ae.y-QS/2+2,width:ke,height:QS-4,textAlign:"center",fontWeight:700,fontSize:(o.fontSize\|\|UML_FONT_SIZE)S,color:o.textColor\|\|"#1f2937",pointerEvents:"auto",zIndex:52,...c?.section==="className"?{borderColor:"var(--dw-primary)"}:{}},value:g,onChange:x=>b?e.updateUmlInterface(p,{className:x.target.value}):e.updateUmlClass(p,{className:x.target.value}),onFocus:()=>E("className",""),onBlur:O,spellCheck:false}),!b&&jsxs(Fragment,{children:[H.map((x,U)=>D("attribute",U,x,Le(U))),Oe("attribute",Se,"\u5C5E\u6027")]}),f.map((x,U)=>D("method",U,x,Ke(U))),Oe("method",Re,t("uml.method")),be()]})});var Jn=memo(function({editor:e,panelOpen:o,onOpenPanel:i}){let[,y]=useState(0);Y(),useEffect(()=>{if(!e)return;let l=e.subscribe(()=>y(g=>g+1));return ()=>{l();}},[e]);let c=useRef(false),a=useRef(false),d=e?.getMindMapEditingShapeId()??null,v=e?.getMindMapSelectedNode()?.nodeId??"",C=d?`${d}\0${v}`:"";if(useEffect(()=>{c.current=false;},[C]),!e)return null;let s=e.getMindMapEditingShapeId();if(!s\|\|o)return null;let h=e.getMindMapSelectedNode();if(!h\|\|h.shapeId!==s)return null;let w=e.getMindMapNode(s,h.nodeId),E=e.getMindMapNodeScreenRect(s,h.nodeId);if(!w\|\|!E)return null;let O=e.getCamera().getZoom(),N=MINDMAP_FONT_SIZEO,p=Math.max(100,E.width+24),I=E.height+8,M={position:"absolute",left:E.x+E.width/2,top:E.y-4,transform:"translateX(-50%)",width:p,height:I,border:"1.5px solid var(--dw-primary, #3b82f6)",borderRadius:6,background:"#ffffff",boxShadow:"0 2px 10px rgba(0,0,0,0.15)",outline:"none",padding:`0 ${(w.icon?24:12)O}px`,fontFamily:"sans-serif",fontSize:N,color:"#1f2937",boxSizing:"border-box",pointerEvents:"auto",zIndex:55},F={position:"absolute",left:E.x+E.width+12,top:E.y+E.height/2-11,width:22,height:22,border:"1px solid #e5e7eb",background:"#ffffff",borderRadius:"50%",cursor:"pointer",color:"#6b7280",fontSize:13,lineHeight:1,display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 4px rgba(0,0,0,0.12)",pointerEvents:"auto",zIndex:55};return jsxs("div",{style:{position:"absolute",inset:0,pointerEvents:"none",zIndex:50},children:[jsx("input",{autoFocus:true,style:M,value:w.text,spellCheck:false,onChange:l=>{let g=!c.current;c.current=true,e.updateMindMapNode(s,h.nodeId,{text:l.target.value},g);},onBlur:()=>{if(a.current){a.current=false;return}e.exitMindMapEdit();},onKeyDown:l=>{l.key==="Enter"?l.target.blur():l.key==="Escape"&&e.exitMindMapEdit();}}),jsx("button",{style:F,"data-drawui-tip":t("mindmap.more"),onMouseDown:l=>{l.preventDefault(),a.current=true,setTimeout(()=>{a.current=false;},300);},onClick:i,children:"\u22EF"})]})});var to=memo(function({editor:e,panelOpen:o}){let[,i]=useState(0);Y(),useEffect(()=>{if(!e)return;let I=e.subscribe(()=>i(M=>M+1));return ()=>{I();}},[e]);let y=useRef(false),c=e?.getTableEditing()??null,a=c?`${c.shapeId}\0${c.row}\0${c.col}`:"";if(useEffect(()=>{y.current=false;},[a]),!e\|\|o)return null;let d=e.getTableEditing();if(!d)return null;let{shapeId:v,row:C,col:s}=d,h=e.getTableCell(v,C,s),w=e.getTableScreenRect(v,C,s);if(!h\|\|!w)return null;let E=e.getSelectedTable(),O=h.fontSize\|\|E?.fontSize\|\|TABLE_FONT_SIZE,N=e.getCamera().getZoom(),p={left:w.x-1,top:w.y-1,width:w.width+2,height:w.height+2,padding:`${TABLE_CELL_PADDING_YN}px ${TABLE_CELL_PADDING_XN}px`,fontFamily:"sans-serif",fontSize:ON,lineHeight:TABLE_LINE_HEIGHT_RATIO,fontWeight:h.bold?700:400,color:h.textColor\|\|E?.textColor\|\|"#1f2937",textAlign:h.align==="center"?"center":h.align==="right"?"right":"left"};return jsx("div",{style:{position:"absolute",inset:0,pointerEvents:"none",zIndex:50},children:jsx("textarea",{autoFocus:true,rows:1,className:"drawui-table-cell-input",style:p,value:h.text,spellCheck:false,onChange:I=>{let M=!y.current;y.current=true,e.updateTableCell(v,C,s,{text:I.target.value},M);},onBlur:()=>{e.exitTableEdit();},onKeyDown:I=>{(I.key==="Enter"\|\|I.key==="Escape")&&(I.preventDefault(),I.target.blur());}})})});var ro=memo(function({editor:e}){let[,o]=useState(0),[i,y]=useState(null),c=useRef(null);if(Y(),useEffect(()=>{if(!e)return;let $=e.subscribe(()=>o(X=>X+1));return ()=>{$();}},[e]),useEffect(()=>{if(!i)return;let $=pe=>{let ye=pe.target;ye&&c.current?.contains(ye)\|\|y(null);},X=pe=>{pe.key==="Escape"&&y(null);};return window.addEventListener("pointerdown",$,true),window.addEventListener("keydown",X),()=>{window.removeEventListener("pointerdown",$,true),window.removeEventListener("keydown",X);}},[i]),!e)return null;let a=e.getSelectedTable();if(!a)return null;let d=e.getTableSelection();if(!d\|\|d.shapeId!==a.id)return null;let v=e.getTableScreenRect(a.id);if(!v)return null;let C=a.cells.length,s=a.cells[0]?.length??0,h=tableExpandRangeToMerges(a,d.anchor.row,d.anchor.col,d.focus.row,d.focus.col),{r1:w,c1:E,r2:O,c2:N}=h,p=tableCoveredMap(a.cells),I=0;for(let $=w;$<=O;$++)for(let X=E;X<=N;X++)p[$]?.[X]\|\|I++;let M=I>1,F=tableRangeHasMerge(a,w,E,O,N),l=w===O?`${w+1}`:`${w+1}\u2013${O+1}`,g=E===N?`${E+1}`:`${E+1}\u2013${N+1}`,f=C-(O-w+1)>=1,b=s-(N-E+1)>=1,W=v.y>56?v.y-40:v.y+v.height+10,B=$=>$.stopPropagation(),Q=$=>()=>{$(),y(null);};return jsxs("div",{className:"drawui-table-toolbar","data-table-toolbar":a.id,style:{left:v.x+v.width/2,top:W},onPointerDown:B,children:[jsxs("div",{className:"drawui-table-split",children:[jsx("button",{className:"drawui-table-btn-main",title:t("table.insertRowBelow"),onClick:()=>e.insertTableRowRelative(a.id,"below"),children:t("table.insertRow")}),jsx("button",{className:`drawui-table-btn-caret ${i==="row"?"active":""}`,"data-table-insert-row":true,title:`${t("table.insertRowAbove")} / ${t("table.insertRowBelow")}`,onClick:()=>y(i==="row"?null:"row"),children:jsx("svg",{viewBox:"0 0 10 10",width:"8",height:"8","aria-hidden":"true",children:jsx("path",{d:"M1 3l4 4 4-4",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),i==="row"&&jsxs("div",{className:"drawui-table-menu",ref:c,"data-table-row-menu":true,children:[jsx("button",{onClick:Q(()=>e.insertTableRowRelative(a.id,"above")),children:t("table.insertRowAbove")}),jsx("button",{onClick:Q(()=>e.insertTableRowRelative(a.id,"below")),children:t("table.insertRowBelow")})]})]}),jsx("button",{title:`${t("table.deleteRow")} \xB7 ${l}`,disabled:!f,onClick:()=>e.deleteTableRowsInSelection(a.id),children:t("table.deleteRow")}),jsxs("div",{className:"drawui-table-split",children:[jsx("button",{className:"drawui-table-btn-main",title:t("table.insertColRight"),onClick:()=>e.insertTableColumnRelative(a.id,"right"),children:t("table.insertCol")}),jsx("button",{className:`drawui-table-btn-caret ${i==="col"?"active":""}`,"data-table-insert-col":true,title:`${t("table.insertColLeft")} / ${t("table.insertColRight")}`,onClick:()=>y(i==="col"?null:"col"),children:jsx("svg",{viewBox:"0 0 10 10",width:"8",height:"8","aria-hidden":"true",children:jsx("path",{d:"M1 3l4 4 4-4",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),i==="col"&&jsxs("div",{className:"drawui-table-menu",ref:c,"data-table-col-menu":true,children:[jsx("button",{onClick:Q(()=>e.insertTableColumnRelative(a.id,"left")),children:t("table.insertColLeft")}),jsx("button",{onClick:Q(()=>e.insertTableColumnRelative(a.id,"right")),children:t("table.insertColRight")})]})]}),jsx("button",{title:`${t("table.deleteCol")} \xB7 ${g}`,disabled:!b,onClick:()=>e.deleteTableColsInSelection(a.id),children:t("table.deleteCol")}),jsx("button",{title:t("table.merge"),disabled:!M,onClick:()=>e.mergeTableCells(a.id),children:t("table.merge")}),jsx("button",{title:t("table.split"),disabled:!F,onClick:()=>e.splitTableCells(a.id),children:t("table.split")})]})});var ao=[...MINDMAP_COLORS,"#1f2937","#9ca3af"],io=["\u{1F4A1}","\u2B50","\u{1F525}","\u{1F4CC}","\u2705","\u2757","\u26A0\uFE0F","\u{1F3F7}\uFE0F"],Rr={position:"absolute",width:232,background:"rgba(255,255,255,0.96)",border:"1px solid #e5e7eb",borderRadius:8,boxShadow:"0 6px 20px rgba(0,0,0,0.12)",padding:"10px 12px",fontSize:12,color:"#1f2937",zIndex:70,boxSizing:"border-box",fontFamily:"sans-serif"},rn={fontSize:11,color:"#6b7280",marginBottom:4,display:"block"},Pt={display:"flex",gap:4,alignItems:"center",flexWrap:"wrap"},sn={border:"1px solid #e5e7eb",background:"#ffffff",borderRadius:5,padding:"3px 6px",fontSize:12,color:"#374151",cursor:"pointer",lineHeight:1.5,whiteSpace:"nowrap"},so={...sn,minWidth:0,overflow:"hidden",textOverflow:"ellipsis"},an={width:"100%",border:"1px solid #e5e7eb",borderRadius:5,padding:"4px 8px",fontSize:12,outline:"none",boxSizing:"border-box",background:"#ffffff",color:"#1f2937"},lo=memo(function({editor:e,mindMap:o}){let[,i]=useState(0);Y(),useEffect(()=>{if(!e)return;let l=e.subscribe(()=>i(g=>g+1));return ()=>{l();}},[e]);let y=useRef(null);if(!e\|\|!o\|\|e.getMindMapEditingShapeId()!==o.id)return null;let c=e.getMindMapSelectedNode();if(!c\|\|c.shapeId!==o.id)return null;let a=l=>{if(l.id===c.nodeId)return l;for(let g of l.children??[]){let f=a(g);if(f)return f}return null},d=a(o.root);if(!d)return null;let v=e.getCamera(),s=layoutMindMap(o.root).positions.get(d.id);if(!s)return null;let h=v.zoom,w=v.pageToScreen({x:o.x+s.x,y:o.y+s.y}),E=w.x+s.widthh/2+14,O=w.y-80,p=Math.max(8,Math.min(E,(window.innerWidth\|\|1024)-232-8)),I=Math.max(8,Math.min(O,(window.innerHeight\|\|768)-320)),M=l=>{e.updateMindMapNode(o.id,d.id,l);},F=!!d.id&&d.id!==o.root.id;return jsxs("div",{ref:y,style:{...Rr,left:p,top:I},onMouseDown:l=>l.stopPropagation(),children:[jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:8},children:[jsx("span",{style:{fontWeight:600,fontSize:12},children:t("mindmap.nodeText")}),jsxs("span",{style:{display:"flex",alignItems:"center",gap:2},children:[!!d.children?.length&&jsx("button",{style:{...sn,padding:"1px 5px",color:"#6b7280"},"data-drawui-tip":d.collapsed?t("mindmap.expand"):t("mindmap.collapse"),onClick:()=>e.toggleMindMapCollapse(o.id,d.id),children:d.collapsed?t("mindmap.expand"):t("mindmap.collapse")}),jsx("button",{onClick:()=>e.exitMindMapEdit(),"data-drawui-tip":t("mindmap.close"),style:{border:"none",background:"transparent",cursor:"pointer",color:"#9ca3af",fontSize:14,lineHeight:1,padding:2},children:"\xD7"})]})]}),jsx("input",{style:{...an,marginBottom:8},value:d.text,onChange:l=>M({text:l.target.value}),spellCheck:false}),jsxs("div",{style:{...Pt,gap:4,marginBottom:10,flexWrap:"nowrap"},children:[jsxs("button",{style:so,onClick:()=>e.addMindMapChild(o.id,d.id),children:["+ ",t("mindmap.addChild")]}),F&&jsxs("button",{style:so,onClick:()=>e.addMindMapSibling(o.id,d.id),children:["+ ",t("mindmap.addSibling")]}),jsx("button",{style:{...sn,color:"#ef4444",borderColor:"#fecaca",marginLeft:"auto",flexShrink:0},onClick:()=>e.deleteMindMapNode(o.id,d.id),children:t("mindmap.deleteNode")})]}),jsx("span",{style:rn,children:t("mindmap.color")}),jsxs("div",{style:{...Pt,marginBottom:10},children:[jsx("button",{"data-drawui-tip":t("mindmap.levelColor"),onClick:()=>M({color:void 0}),style:{width:18,height:18,borderRadius:4,border:"1.5px solid #d1d5db",background:"conic-gradient(#ef4444, #f59e0b, #10b981, #3b82f6, #8b5cf6, #ec4899, #ef4444)",cursor:"pointer",flexShrink:0}}),ao.map(l=>jsx("button",{"data-drawui-tip":l,onClick:()=>M({color:l}),style:{width:18,height:18,borderRadius:4,border:d.color===l?"2px solid #111827":"1px solid #d1d5db",background:l,cursor:"pointer",flexShrink:0}},l))]}),jsx("span",{style:rn,children:t("mindmap.icon")}),jsxs("div",{style:{...Pt,marginBottom:10},children:[jsx("button",{"data-drawui-tip":t("mindmap.noIcon"),onClick:()=>M({icon:void 0}),style:{width:22,height:22,borderRadius:4,border:d.icon?"1px solid #d1d5db":"2px solid #111827",background:"#f9fafb",cursor:"pointer",fontSize:11,color:"#9ca3af",lineHeight:1},children:"\u2205"}),io.map(l=>jsx("button",{onClick:()=>M({icon:l}),style:{width:22,height:22,borderRadius:4,border:d.icon===l?"2px solid #111827":"1px solid #d1d5db",background:"#f9fafb",cursor:"pointer",fontSize:13,lineHeight:1},children:l},l)),jsx("input",{placeholder:"\u270F\uFE0F",defaultValue:d.icon&&!io.includes(d.icon)?d.icon:"",onKeyDown:l=>{if(l.key==="Enter"){let g=l.target.value.trim();M({icon:g\|\|void 0});}},onBlur:l=>{let g=l.target.value.trim();g!==d.icon&&M({icon:g\|\|void 0});},style:{...an,width:56,padding:"2px 4px",textAlign:"center"}})]}),jsx("span",{style:rn,children:t("mindmap.note")}),jsx("input",{style:{...an,marginBottom:6},value:d.note??"",placeholder:t("mindmap.notePlaceholder"),onChange:l=>M({note:l.target.value\|\|void 0}),spellCheck:false}),!!d.note&&jsxs("div",{style:{...Pt,marginTop:4},children:[jsx("span",{style:{fontSize:11,color:"#6b7280"},children:t("mindmap.noteColor")}),jsx("button",{"data-drawui-tip":t("mindmap.noteColorDefault"),onClick:()=>M({noteColor:void 0}),style:{width:16,height:16,borderRadius:3,border:d.noteColor?"1px solid #d1d5db":"2px solid #111827",background:"repeating-conic-gradient(#ef4444 0% 25%, #f59e0b 0% 50%, #10b981 0% 75%, #3b82f6 0% 100%)",cursor:"pointer"}}),ao.map(l=>jsx("button",{onClick:()=>M({noteColor:l}),style:{width:16,height:16,borderRadius:3,border:d.noteColor===l?"2px solid #111827":"1px solid #d1d5db",background:l,cursor:"pointer"}},l))]})]})});var cn=220,dn=140,Or="#fafafa";function $r(t,e){let o=Math.min(t.x,e.x),i=Math.min(t.y,e.y),y=Math.max(t.x+t.width,e.x+e.width),c=Math.max(t.y+t.height,e.y+e.height);return {x:o,y:i,width:y-o,height:c-i}}function Dr(t){return {x:t.x+t.width/2,y:t.y+t.height/2}}function Br(){return {x:0,y:0,width:0,height:0}}function zr(t){let e=1/0,o=1/0,i=-1/0,y=-1/0,c=false;for(let a of t){let d=pn(a);d&&(c=true,d.x<e&&(e=d.x),d.y<o&&(o=d.y),d.x+d.width>i&&(i=d.x+d.width),d.y+d.height>y&&(y=d.y+d.height));}return c?{x:e,y:o,width:i-e,height:y-o}:null}function pn(t){switch(t.type){case "rectangle":case "sticky-note":case "icon":case "image":case "rounded-rectangle":case "ellipse":case "diamond":case "triangle":case "hexagon":case "parallelogram":case "trapezoid":case "pentagon":case "octagon":case "star":case "cylinder":case "cloud":case "heart":case "block-arrow-right":case "block-arrow-left":case "block-arrow-up":case "block-arrow-down":case "block-arrow-double":case "right-triangle":case "cross":case "speech-rect":case "speech-round":case "cube":case "sector":case "delay":case "predefined-process":case "document":case "stadium":case "class-catalog":case "chevron":case "brace-left":case "brace-right":case "envelope":case "checkbox":case "triangular-pyramid":case "quadrangular-pyramid":case "cuboid":case "sphere":case "ellipsoid":case "pie":case "hollow-pie":case "uml-class":case "uml-interface":case "mind-map":case "table":case "text":return {x:t.x-t.width/2,y:t.y-t.height/2,width:t.width,height:t.height};case "circle":return {x:t.x-t.radius,y:t.y-t.radius,width:t.radius2,height:t.radius2};case "line":case "arrow":{let e=t.points;if(!e\|\|e.length===0)return null;let o=1/0,i=1/0,y=-1/0,c=-1/0;for(let a of e)a.x<o&&(o=a.x),a.y<i&&(i=a.y),a.x>y&&(y=a.x),a.y>c&&(c=a.y);return {x:o,y:i,width:y-o,height:c-i}}case "draw":{let e=t,o=e.width,i=e.height;if(typeof o=="number"&&typeof i=="number")return {x:e.x-o/2,y:e.y-i/2,width:o,height:i};let y=e.points;if(!y\|\|y.length===0)return null;let c=1/0,a=1/0,d=-1/0,v=-1/0;for(let C of y){let s=C.x+e.x,h=C.y+e.y;s<c&&(c=s),h<a&&(a=h),s>d&&(d=s),h>v&&(v=h);}return {x:c,y:a,width:d-c,height:v-a}}default:return null}}function _r(t){let e=t.getCamera(),o=e.screenToPage({x:0,y:0}),i=e.screenToPage({x:window.innerWidth,y:window.innerHeight});return {x:o.x,y:o.y,width:i.x-o.x,height:i.y-o.y}}function Wr(t,e,o){if(t.width<=0\|\|t.height<=0)return {x:t.x-e/2,y:t.y-o/2,width:e,height:o};let i=e/o,y=t.width,c=y/i;c<t.height&&(c=t.height,y=ci);let a=Dr(t);return {x:a.x-y/2,y:a.y-c/2,width:y,height:c}}function un(t,e,o,i){let y=(t-o.left)/o.width,c=(e-o.top)/o.height;return {x:i.x+yi.width,y:i.y+ci.height}}var po=memo(function({editor:e}){let o=useRef(null),i=useRef(null),[y,c]=useState(false),[a,d]=useState(100),[v,C]=useState(false),[s,h]=useState(false);Y();let w=useRef(null),E=useRef(null);useLayoutEffect(()=>{let l=o.current,g=i.current;if(!l\|\|!g)return;let f=window.devicePixelRatio\|\|1;l.width=Math.round(cnf),l.height=Math.round(dnf),l.style.width=`${cn}px`,l.style.height=`${dn}px`;},[y]);let O=useCallback(()=>{let l=o.current,g=i.current;if(!l\|\|!g\|\|!e)return;let f=l.getContext("2d");if(!f)return;let b=cn,H=dn,W=l.width,B=l.height,Q=e.getShapes(),$=new Set(e.getSelectedIds()),X=getTheme(),pe=hexToRgba(X.text,.16),ye=X.primary,S=hexToRgba(X.primary,.18),ke=hexToRgba(X.primary,.85),V=zr(Q),Z=_r(e),Ae=V?$r(V,Z):Z.width>0?Z:Br(),ge=Wr(Ae,b,H);E.current=ge;let Ce=W/ge.width,Le=B/ge.height,Ke=b/ge.width;f.setTransform(1,0,0,1,0,0),f.fillStyle=Or,f.fillRect(0,0,W,B),f.setTransform(Ce,0,0,Le,-Cege.x,-Lege.y),f.fillStyle=pe;for(let z of Q){let k=pn(z);k&&f.fillRect(k.x,k.y,k.width,k.height);}f.fillStyle=ye;for(let z of Q){if(!$.has(z.id))continue;let k=pn(z);k&&f.fillRect(k.x,k.y,k.width,k.height);}f.fillStyle=S,f.fillRect(Z.x,Z.y,Z.width,Z.height);let Se=1.5/Ke;f.strokeStyle=ke,f.lineWidth=Se,f.lineJoin="round";let Re=Math.min(Z.width/6,Z.height/6,6/Ke);if(f.beginPath(),ReKe<1)f.rect(Z.x,Z.y,Z.width,Z.height);else {let z=Z.x,k=Z.y,ie=Z.width,se=Z.height,j=Math.min(Re,ie/2,se/2);f.moveTo(z+j,k),f.lineTo(z+ie-j,k),f.quadraticCurveTo(z+ie,k,z+ie,k+j),f.lineTo(z+ie,k+se-j),f.quadraticCurveTo(z+ie,k+se,z+ie-j,k+se),f.lineTo(z+j,k+se),f.quadraticCurveTo(z,k+se,z,k+se-j),f.lineTo(z,k+j),f.quadraticCurveTo(z,k,z+j,k),f.closePath();}f.stroke(),f.setTransform(1,0,0,1,0,0);},[e]);useEffect(()=>{if(!e\|\|y)return;O();let l=e.subscribe(O),g=subscribeTheme(O),f=()=>O();return window.addEventListener("resize",f),()=>{l(),g(),window.removeEventListener("resize",f);}},[e,y,O]),useEffect(()=>{if(!e)return;let l=()=>{let f=e.getCamera().getZoom();d(Math.round(f100));};l();let g=e.subscribe(l);return ()=>{g();}},[e]);let N=useCallback((l,g)=>{if(!e)return;let f=e.getCamera(),b=f.getZoom(),H=window.innerWidth/2,W=window.innerHeight/2,B=f;B.x=H-lb,B.y=W-gb,e.requestRender();},[e]),p=l=>{if(!e\|\|!i.current\|\|l.button!==0)return;let g=i.current.getBoundingClientRect(),f=E.current;if(!f)return;let b=un(l.clientX,l.clientY,g,f);w.current={pointerId:l.pointerId,rect:{left:g.left,top:g.top,width:g.width,height:g.height},canvasBox:f},l.currentTarget.setPointerCapture(l.pointerId),h(true),N(b.x,b.y);},I=l=>{if(!s\|\|!e\|\|!w.current\|\|!i.current)return;let g=w.current,f=un(l.clientX,l.clientY,g.rect,g.canvasBox);N(f.x,f.y);},M=l=>{if(s){h(false),w.current=null;try{l.currentTarget.releasePointerCapture(l.pointerId);}catch{}}},F=l=>{if(!e\|\|!i.current)return;let g=E.current;if(!g)return;let f=i.current.getBoundingClientRect(),b=un(l.clientX,l.clientY,f,g);N(b.x,b.y);};return jsxs("div",{className:`drawui-minimap ${y?"collapsed":""}`,children:[jsx("button",{className:"drawui-minimap-toggle",onClick:()=>c(l=>!l),"data-drawui-tip":y?t("minimap.expand"):t("minimap.collapse"),"data-drawui-tip-pos":"top","aria-label":y?t("minimap.expand"):t("minimap.collapse"),children:jsx("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:y?jsx("polyline",{points:"9 6 15 12 9 18"}):jsx("polyline",{points:"15 6 9 12 15 18"})})}),!y&&jsxs("div",{className:"drawui-minimap-panel",children:[jsxs("div",{className:"drawui-minimap-header",children:[jsx("span",{className:"drawui-minimap-title",children:t("minimap.title")}),jsxs("span",{className:"drawui-minimap-zoom",children:[a,"%"]})]}),jsx("div",{ref:i,className:"drawui-minimap-canvas-wrap",style:{cursor:s?"grabbing":v?"pointer":"default"},onPointerEnter:()=>C(true),onPointerLeave:()=>C(false),children:jsx("canvas",{ref:o,className:"drawui-minimap-canvas",onPointerDown:p,onPointerMove:I,onPointerUp:M,onPointerCancel:M,onDoubleClick:F})})]})]})});var ve=t=>jsx("svg",{viewBox:"0 0 24 24",width:"18",height:"18",className:"drawui-gen-shape-glyph",fill:"none",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",children:t}),Gr=[{type:"rectangle",labelKey:"shape.rectangle",glyph:ve(jsx("rect",{x:"4",y:"7",width:"16",height:"10",rx:"1"}))},{type:"rounded-rectangle",labelKey:"shape.rounded-rectangle",glyph:ve(jsx("rect",{x:"4",y:"7",width:"16",height:"10",rx:"4"}))},{type:"circle",labelKey:"shape.circle",glyph:ve(jsx("circle",{cx:"12",cy:"12",r:"5.5"}))},{type:"ellipse",labelKey:"shape.ellipse",glyph:ve(jsx("ellipse",{cx:"12",cy:"12",rx:"7",ry:"4.5"}))},{type:"diamond",labelKey:"shape.diamond",glyph:ve(jsx("path",{d:"M12 5 L19 12 L12 19 L5 12 Z"}))},{type:"triangle",labelKey:"shape.triangle",glyph:ve(jsx("path",{d:"M12 4 L20 19 H4 Z"}))},{type:"hexagon",labelKey:"shape.hexagon",glyph:ve(jsx("path",{d:"M12 3 L19.5 7.5 V16.5 L12 21 L4.5 16.5 V7.5 Z"}))},{type:"parallelogram",labelKey:"shape.parallelogram",glyph:ve(jsx("path",{d:"M6 7 L19 7 L16 17 H7 Z"}))},{type:"trapezoid",labelKey:"shape.trapezoid",glyph:ve(jsx("path",{d:"M7 6 H17 L20 18 H4 Z"}))},{type:"pentagon",labelKey:"shape.pentagon",glyph:ve(jsx("path",{d:"M12 4 L19.5 9.5 L16.5 18.5 H7.5 L4.5 9.5 Z"}))},{type:"octagon",labelKey:"shape.octagon",glyph:ve(jsx("path",{d:"M8 4 H16 L20 8 V16 L16 20 H8 L4 16 V8 Z"}))},{type:"star",labelKey:"shape.star",glyph:ve(jsx("path",{d:"M12 3 L14 9.5 L20.5 10 L15.5 14 L17.5 20.5 L12 16.8 L6.5 20.5 L8.5 14 L3.5 10 L10 9.5 Z"}))},{type:"sticky-note",labelKey:"shape.sticky-note",glyph:ve(jsxs(Fragment,{children:[jsx("path",{d:"M4 4h16v11l-5 5H4Z"}),jsx("path",{d:"M20 15h-5v5"})]}))},{type:"uml-class",labelKey:"shape.uml-class",glyph:ve(jsxs(Fragment,{children:[jsx("rect",{x:"3",y:"4",width:"18",height:"16",rx:"1"}),jsx("path",{d:"M3 9 H21"}),jsx("path",{d:"M3 15 H21"}),jsx("path",{d:"M6 6.5 H10"}),jsx("path",{d:"M6 12.5 H12"})]}))},{type:"uml-interface",labelKey:"shape.uml-interface",glyph:ve(jsxs(Fragment,{children:[jsx("rect",{x:"3",y:"4",width:"18",height:"16",rx:"1"}),jsx("path",{d:"M3 9 H21"}),jsx("path",{d:"M6 6.5 H10"}),jsx("path",{d:"M6 12.5 H12"})]}))},{type:"mind-map",labelKey:"shape.mind-map",glyph:ve(jsxs(Fragment,{children:[jsx("circle",{cx:"5",cy:"12",r:"2"}),jsx("path",{d:"M7 12h2.6"}),jsx("path",{d:"M9.6 12c0-2 1.2-3.4 2.6-3.4"}),jsx("path",{d:"M9.6 12c0 2 1.2 3.4 2.6 3.4"}),jsx("circle",{cx:"15.2",cy:"8.6",r:"1.3"}),jsx("circle",{cx:"15.2",cy:"15.4",r:"1.3"}),jsx("circle",{cx:"13.6",cy:"12",r:"1.3"})]}))}];function yo({editor:t$1,x:e,y:o,context:i,existingArrowId:y,defaultShapeType:c,onClose:a}){let d=useRef(null);Y();let v=C=>{t$1?.createGeneratedConnection(i,{type:C,existingArrowId:y}),a();};return useEffect(()=>{let C=w=>{d.current&&!d.current.contains(w.target)&&a();},s=w=>{w.key==="Escape"&&(w.preventDefault(),a());},h=setTimeout(()=>{window.addEventListener("pointerdown",C,true),window.addEventListener("keydown",s,true);},0);return ()=>{clearTimeout(h),window.removeEventListener("pointerdown",C,true),window.removeEventListener("keydown",s,true);}},[a]),jsxs("div",{className:"drawui-gen-menu",ref:d,style:{left:e,top:o},children:[jsx("div",{className:"drawui-gen-menu-label",children:t("menu.title")}),jsx("div",{className:"drawui-gen-shape-grid",children:Gr.map(C=>jsxs("button",{className:`drawui-gen-shape-btn${C.type===c?" drawui-gen-shape-active":""}`,onClick:()=>v(C.type),"data-drawui-tip":t(C.labelKey),children:[C.glyph,jsx("span",{className:"drawui-gen-shape-label",children:t(C.labelKey)})]},C.type))}),jsx("div",{className:"drawui-gen-menu-hint",children:t("menu.cancel")})]})}var Yr=typeof navigator<"u"&&/mac\|iphone\|ipad/i.test(navigator.platform\|\|navigator.userAgent);function Pe(t){if(Yr)switch(t){case "copy":return "\u2318C";case "copyAsImage":return "\u21E7\u2318C";case "paste":return "\u2318V";case "duplicate":return "\u2318D";case "copyStyle":return "\u2325\u2318C";case "pasteStyle":return "\u2325\u2318V";case "lock":return "\u2325\u2318L";case "delete":return "\u232B";case "group":return "\u2318G";case "ungroup":return "\u21E7\u2318G"}switch(t){case "copy":return "Ctrl + C";case "copyAsImage":return "Ctrl + Shift + C";case "paste":return "Ctrl + V";case "duplicate":return "Ctrl + D";case "copyStyle":return "Ctrl + Alt + C";case "pasteStyle":return "Ctrl + Alt + V";case "lock":return "Ctrl + Alt + L";case "delete":return "Del";case "group":return "Ctrl + G";case "ungroup":return "Ctrl + Shift + G"}}var fo={sep:true},jr=t=>"sep"in t&&t.sep===true;function mo({editor:t$1,pos:e,onClose:o}){Y();let[,i]=useState(0),y=useRef(null),[c,a]=useState(null),[d,v]=useState(null);useEffect(()=>{let b=t$1.subscribe(()=>i(H=>H+1));return ()=>{b();}},[t$1]),useLayoutEffect(()=>{let b=y.current;if(!b)return;let H=b.getBoundingClientRect(),W=Math.max(8,Math.min(e.x,window.innerWidth-H.width-8)),B=Math.max(8,Math.min(e.y,window.innerHeight-H.height-8));a({left:W,top:B});},[e.x,e.y]),useEffect(()=>{let b=B=>{y.current&&!y.current.contains(B.target)&&o();},H=B=>{B.key==="Escape"&&(B.preventDefault(),o());},W=setTimeout(()=>{window.addEventListener("pointerdown",b,true),window.addEventListener("keydown",H,true);},0);return ()=>{clearTimeout(W),window.removeEventListener("pointerdown",b,true),window.removeEventListener("keydown",H,true);}},[o]);let C=t$1.getSelectedIds(),s=C.length>0,h=e.shapeId,w=h?t$1.isShapeLocked(h):false,E=s&&!w&&t$1.hasCopiedStyle(),O=t$1.hasClipboard(),N=s&&!w,p=s&&!w?t$1.getSelectedGroupId():null,I=s&&!w&&C.length>=2&&!p,F=(h?t$1.getShapes().find(b=>b.id===h):void 0)?.groupId??null,l=p?true:!!F&&!w,g=b=>()=>{b(),o();},f;return w?f=F?[{key:"ctx.ungroup",shortcut:Pe("ungroup"),action:g(()=>F&&t$1.ungroupIds([F]))}]:[{key:"ctx.unlock",action:()=>h&&t$1.setShapeLocked(h,false)}]:s?f=[{key:"ctx.copy",shortcut:Pe("copy"),action:g(()=>t$1.copySelected())},{key:"ctx.copyAsImage",shortcut:Pe("copyAsImage"),action:g(()=>{t$1.copySelectedAsImage();})},{key:"ctx.paste",shortcut:Pe("paste"),disabled:!O,action:g(()=>t$1.paste())},{key:"ctx.duplicate",shortcut:Pe("duplicate"),action:g(()=>t$1.duplicateSelected())},{key:"ctx.layer",submenu:[{key:"ctx.bringToFront",disabled:!N,action:()=>t$1.bringToFront()},{key:"ctx.bringForward",disabled:!N,action:()=>t$1.bringForward()},{key:"ctx.sendBackward",disabled:!N,action:()=>t$1.sendBackward()},{key:"ctx.sendToBack",disabled:!N,action:()=>t$1.sendToBack()}]},{key:"ctx.copyStyle",shortcut:Pe("copyStyle"),action:g(()=>t$1.copyStyle())},{key:"ctx.pasteStyle",shortcut:Pe("pasteStyle"),disabled:!E,action:g(()=>t$1.pasteStyle())},fo,{key:"ctx.rotate",submenu:[{key:"ctx.rotate90",action:()=>t$1.rotateSelected(90)},{key:"ctx.rotate180",action:()=>t$1.rotateSelected(180)},{key:"ctx.rotate270",action:()=>t$1.rotateSelected(270)}]},p?{key:"ctx.ungroup",shortcut:Pe("ungroup"),disabled:!l,action:g(()=>t$1.ungroupSelected())}:{key:"ctx.group",shortcut:Pe("group"),disabled:!I,action:g(()=>t$1.groupSelected())},fo,{key:"ctx.lock",shortcut:Pe("lock"),action:g(()=>t$1.setSelectedShapesLocked(true))},{key:"ctx.delete",shortcut:Pe("delete"),action:g(()=>t$1.deleteSelected())}]:f=[{key:"ctx.paste",shortcut:Pe("paste"),disabled:!O,action:g(()=>t$1.paste())}],jsx("div",{ref:y,className:"drawui-context-menu",style:c?{left:c.left,top:c.top}:{visibility:"hidden",left:e.x,top:e.y},onContextMenu:b=>b.preventDefault(),children:f.map((b,H)=>jr(b)?jsx("div",{className:"drawui-context-sep"},`sep-${H}`):b.submenu?jsxs("div",{className:"drawui-context-sub",onMouseEnter:()=>v(b.key),onMouseLeave:()=>v(null),children:[jsxs("button",{type:"button",className:"drawui-context-item",disabled:b.disabled,children:[jsx("span",{children:t(b.key)}),jsx("svg",{className:"drawui-context-caret",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("polyline",{points:"9 18 15 12 9 6"})})]}),d===b.key&&jsx("div",{className:"drawui-context-submenu",children:b.submenu.map(W=>jsx("button",{type:"button",className:"drawui-context-item",disabled:W.disabled,onClick:()=>{W.action(),o();},children:jsx("span",{children:t(W.key)})},W.key))})]},b.key):jsxs("button",{type:"button",className:"drawui-context-item",disabled:b.disabled,onClick:b.action,children:[jsx("span",{children:t(b.key)}),b.shortcut&&jsx("span",{className:"drawui-context-kbd",children:b.shortcut})]},b.key))})}var Qr={select:"tool.select",hand:"tool.hand",rectangle:"tool.rectangle","rounded-rectangle":"tool.rounded-rectangle",circle:"tool.circle",ellipse:"tool.ellipse",diamond:"tool.diamond",triangle:"tool.triangle",hexagon:"tool.hexagon",parallelogram:"tool.parallelogram",trapezoid:"tool.trapezoid",pentagon:"tool.pentagon",octagon:"tool.octagon",star:"tool.star",cylinder:"tool.cylinder",cloud:"tool.cloud",heart:"tool.heart","block-arrow-right":"tool.block-arrow-right","block-arrow-left":"tool.block-arrow-left","block-arrow-up":"tool.block-arrow-up","block-arrow-down":"tool.block-arrow-down","block-arrow-double":"tool.block-arrow-double","right-triangle":"tool.right-triangle",cross:"tool.cross","speech-rect":"tool.speech-rect","speech-round":"tool.speech-round",cube:"tool.cube",sector:"tool.sector",delay:"tool.delay","predefined-process":"tool.predefined-process",document:"tool.document",stadium:"tool.stadium","class-catalog":"tool.class-catalog",chevron:"tool.chevron","brace-left":"tool.brace-left","brace-right":"tool.brace-right",envelope:"tool.envelope",checkbox:"tool.checkbox","sticky-note":"tool.sticky-note",icon:"toolbar.icon","triangular-pyramid":"tool.triangular-pyramid","quadrangular-pyramid":"tool.quadrangular-pyramid",cuboid:"tool.cuboid",sphere:"tool.sphere",ellipsoid:"tool.ellipsoid",pie:"tool.pie","hollow-pie":"tool.hollow-pie","uml-class":"tool.uml-class","uml-interface":"tool.uml-interface",line:"tool.line",arrow:"tool.arrow",text:"tool.text",draw:"tool.draw",pen:"tool.pen",highlighter:"tool.highlighter",eraser:"tool.eraser","mind-map":"tool.mind-map",table:"tool.table",image:"tool.image"};function gn(t$1){let e=t$1 instanceof Error?t$1.message:String(t$1);return e.startsWith("image.tooLarge")?t("image.tooLarge"):`${t("image.uploadFailed")}\uFF1A${e}`}function ea({initialTool:t$1="select",className:e="",themeColor:o,language:i="zh-CN",data:y,onChange:c,onReady:a,imageUpload:d}){let v=useRef(null),C=useRef(null),s=useRef(null),[h,w]=useState(null);Y();let[E,O]=useState(t$1),[N,p]=useState(false),[I,M]=useState(0),[F,l]=useState(false),[g,f]=useState("straight"),[b,H]=useState("end"),[W,B]=useState(false),[Q,$]=useState(void 0),[X,pe]=useState(100),[ye,S]=useState(null),[ke,V]=useState(null),[Z,Ae]=useState(false),[ge,Ce]=useState(false),[Le,Ke]=useState(null),[Se,Re]=useState(null),[z,k]=useState(false),[ie,se]=useState(null),[j,Ee]=useState(null),D=useRef(null),Oe=useRef(0),be=useRef(null),Xe=useRef(c);Xe.current=c;let qe=useRef(a);qe.current=a,useEffect(()=>{if(!v.current)return;let m=new Editor(v.current,{theme:o?{primary:o,editBorder:o,selection:{outline:o,handleStroke:o,handleFill:"#ffffff",outlineFill:hexToRgba(o,.1),shadow:o}}:void 0,language:i,shapes:y,persist:!y,imageUpload:d});s.current=m,w(m),window.__drawuiEditor=m,m.setHighlighterColor(Ct()),m.setStickyNoteColor(St()),qe.current?.(m),t$1&&m.setActiveTool(t$1);let R=m.subscribe(()=>{O(m.getActiveTool());let G=m.getSelectedIds();M(G.length);let Me=m.getShapes().filter(Ue=>G.includes(Ue.id)&&(Ue.type==="line"\|\|Ue.type==="arrow"));if(l(Me.length>0),Me.length>0&&Me[0].connectionType?f(Me[0].connectionType):Me.length>0&&f("straight"),Me.length>0){let Ue=Me.find(zt=>zt.type==="arrow");Ue&&(H(Ue.arrowHead??"end"),B(Ue.dashed??false));}pe(Math.round(m.getCamera().getZoom()*100)),$(m.getArrowStyle()),Ae(m.canUndo()),Ce(m.canRedo());let We=m.getSelectedUml();Ke(We),We\|\|se(null);let Qe=m.getSelectedMindMap();Re(Qe),m.getMindMapEditingShapeId()\|\|k(false),Xe.current?.(m.getData());}),le=m.subscribeNotifications(G=>{V({type:"success",text:G}),D.current&&clearTimeout(D.current),D.current=setTimeout(()=>V(null),3500);}),Ne=m.subscribeUi(G=>{if(G.kind==="imageError"){V({type:"error",text:gn(G.message)}),D.current&&clearTimeout(D.current),D.current=setTimeout(()=>V(null),4e3);return}G.kind==="shapeTypeMenu"&&Ee({x:G.screenX,y:G.screenY,context:G.context,existingArrowId:G.existingArrowId,defaultShapeType:G.defaultShapeType});});return ()=>{R(),le(),Ne(),D.current&&clearTimeout(D.current),cancelAnimationFrame(Oe.current),m.dispose();}},[t$1]),useEffect(()=>{if(!o)return;let m=C.current;m&&(m.style.setProperty("--dw-primary",o),m.style.setProperty("--dw-primary-hover",shadeColor(o,-0.12)),m.style.setProperty("--dw-primary-weak",hexToRgba(o,.1)),m.style.setProperty("--dw-primary-contrast","#ffffff"),m.style.setProperty("--dw-shadow-primary",`0 2px 8px ${hexToRgba(o,.3)}`)),s.current?.setTheme({primary:o,editBorder:o,selection:{outline:o,handleStroke:o,handleFill:"#ffffff",outlineFill:hexToRgba(o,.1),shadow:o}});},[o]),useEffect(()=>{setLanguage(i),s.current?.setLanguage(i);},[i]);let rt=useCallback(m=>{s.current?.setActiveTool(m);},[]),at=useCallback(()=>{s.current?.zoomIn();},[]),x=useCallback(()=>{s.current?.zoomOut();},[]),U=useCallback(()=>{s.current?.resetZoom();},[]),P=useCallback(()=>{let m=!N;p(m),s.current?.setShowGrid(m);},[N]),T=useCallback(()=>{s.current?.undo();},[]),ee=useCallback(()=>{s.current?.redo();},[]),re=useCallback(m=>{s.current?.downloadImage("drawui",m,{background:"#ffffff"});},[]),He=useCallback(()=>{s.current?.downloadJSON("drawui-data");},[]),Je=useCallback(m=>{let R=new FileReader;R.onload=()=>{let le=typeof R.result=="string"?R.result:"";if(s.current?.importJSON(le)??false){let G=s.current?.getShapes().length??0;V({type:"success",text:t("import.success",{n:G})});}else V({type:"error",text:t("import.fail")});D.current&&clearTimeout(D.current),D.current=setTimeout(()=>V(null),3500);},R.onerror=()=>{V({type:"error",text:t("import.fail")}),D.current&&clearTimeout(D.current),D.current=setTimeout(()=>V(null),3500);},R.readAsText(m,"utf-8");},[]),_e=useCallback(m=>{let R=s.current,le=v.current;if(!R\|\|!le)return;if(R.isPointerDown()){be.current!==null&&(be.current=null,S(null));return}let Ne=m.clientX,G=m.clientY;cancelAnimationFrame(Oe.current),Oe.current=requestAnimationFrame(()=>{let De=le.getBoundingClientRect(),Me=Ne-De.left,We=G-De.top,Qe=Me+12,Ue=We+12,zt=R.getSelectedUml()?.id,dt=R.getUmlRowAtScreenPoint({x:Me,y:We});if(dt&&dt.shape.id!==zt&&dt.text&&R.isUmlRowTextTruncated(dt)){be.current!==dt.text&&(be.current=dt.text,S({text:dt.text,x:Qe,y:Ue}));return}let ht=R.getShapeAtScreenPoint({x:Me,y:We});ht&&ht.text&&R.isShapeTextTruncated(ht.id)?be.current!==ht.text&&(be.current=ht.text,S({text:ht.text,x:Qe,y:Ue})):be.current!==null&&(be.current=null,S(null));});},[]),u=useCallback(()=>{S(null);},[]),r=useCallback(m=>{let R=s.current,le=v.current;if(!R\|\|!le)return;let Ne=le.getBoundingClientRect(),G=m.clientX-Ne.left,De=m.clientY-Ne.top,Me=R.getUmlRowAtScreenPoint({x:G,y:De});if(Me){se(Me.shape.id);return}let We=R.getMindMapNodeAtScreenPoint({x:G,y:De});if(We){R.beginMindMapEdit(We.shapeId,We.nodeId);return}let Qe=R.getTableAtScreenPoint({x:G,y:De});Qe&&R.beginTableEdit(Qe.shapeId,Qe.row,Qe.col);},[]),_=useCallback(()=>{Ee(null);},[]),[A,q]=useState(null),$e=useCallback(()=>q(null),[]),ae=useCallback(m=>{m.preventDefault();let R=s.current,le=v.current;if(!R\|\|!le\|\|R.isEditing())return;let Ne=le.getBoundingClientRect(),G=R.getShapeAtScreenPoint({x:m.clientX-Ne.left,y:m.clientY-Ne.top});G?R.isShapeLocked(G.id)?R.selectShapeRaw(G.id):R.getSelectedIds().includes(G.id)\|\|R.selectShape(G.id,m.shiftKey):R.selectShape("",false),q({x:m.clientX,y:m.clientY,shapeId:G?.id??null});},[]),go=useCallback(m=>{m.preventDefault();},[]);return jsxs("div",{ref:C,className:`drawui-canvas-board ${e}`,onContextMenu:go,onDragOver:m=>{m.dataTransfer?.types?.includes("Files")&&(m.preventDefault(),m.dataTransfer.dropEffect="copy");},onDrop:m=>{let R=Array.from(m.dataTransfer?.files\|\|[]).filter(De=>(De.type\|\|"").startsWith("image/"));if(!R.length)return;m.preventDefault();let le=s.current;if(!le)return;let Ne=m.currentTarget.getBoundingClientRect(),G=le.getCamera().screenToPage({x:m.clientX-Ne.left,y:m.clientY-Ne.top});le.insertImageFiles(R,G).then(()=>{!le.hasImageUploader()&&le.hasTemporaryImages()&&(V({type:"success",text:t("image.temporaryInserted")}),D.current&&clearTimeout(D.current),D.current=setTimeout(()=>V(null),4e3));}).catch(De=>{V({type:"error",text:gn(De)}),D.current&&clearTimeout(D.current),D.current=setTimeout(()=>V(null),4e3);});},children:[jsx("canvas",{ref:v,className:"drawui-canvas",onMouseMove:_e,onMouseLeave:u,onDoubleClick:r,onContextMenu:ae}),ye&&jsx("div",{className:"drawui-tooltip",style:{left:ye.x,top:ye.y},children:ye.text}),jsx(qt,{activeTool:E,onToolChange:rt,showGrid:N,onToggleGrid:P,canUndo:Z,canRedo:ge,onUndo:T,onRedo:ee,onExport:re,onExportData:He,onImportData:Je,onHighlighterColorChange:m=>s.current?.setHighlighterColor(m),onStickyNoteColorChange:m=>s.current?.setStickyNoteColor(m),onInsertIcon:m=>s.current?.insertIcon(m),onInsertTable:(m,R)=>s.current?.insertTable(m,R),onInsertImage:m=>{let R=s.current;R&&R.insertImageFiles(m).then(()=>{!R.hasImageUploader()&&R.hasTemporaryImages()&&(V({type:"success",text:t("image.temporaryInserted")}),D.current&&clearTimeout(D.current),D.current=setTimeout(()=>V(null),4e3));}).catch(le=>{V({type:"error",text:gn(le)}),D.current&&clearTimeout(D.current),D.current=setTimeout(()=>V(null),4e3);});},arrowStyle:Q,onArrowStyleChange:m=>s.current?.setArrowStyle(m)}),jsx(Qt,{onZoomIn:at,onZoomOut:x,onReset:U,zoomLevel:X}),jsx(Wn,{editor:h,selectedCount:I,hasLineSelection:F,currentConnectionType:g,currentArrowHead:b,currentDashed:W}),jsx(Yn,{editor:h,umlClass:Le,editing:ie}),jsx(ro,{editor:h}),jsx(to,{editor:h,panelOpen:z}),jsx(Jn,{editor:h,panelOpen:z,onOpenPanel:()=>k(true)}),z&&jsx(lo,{editor:h,mindMap:Se}),jsx(po,{editor:h}),j&&jsx(yo,{editor:h,x:j.x,y:j.y,context:j.context,existingArrowId:j.existingArrowId,defaultShapeType:j.defaultShapeType,onClose:_}),A&&h&&jsx(mo,{editor:h,pos:A,onClose:$e}),jsxs("div",{className:"drawui-status-bar",children:[jsx("div",{className:"drawui-status-item",children:jsx("span",{children:t(Qr[E])})}),jsx("div",{className:"drawui-status-item",children:jsx("span",{children:I===0?t("status.none"):t("status.selected",{n:I})})}),jsx("div",{className:"drawui-status-item",children:jsxs("span",{children:[X,"%"]})})]}),ke&&jsxs("div",{className:"drawui-toast",children:[ke.type==="success"?jsx("svg",{className:"drawui-toast-icon",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:jsx("polyline",{points:"20 6 9 17 4 12"})}):jsxs("svg",{className:"drawui-toast-icon drawui-toast-icon-error",width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),ke.text]})]})}export{ea as CanvasBoard,qt as Toolbar,Qt as ZoomControl};

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "drawui-react",
-  "version": "0.4.2",
+  "version": "0.5.0",
   "type": "module",
   "description": "React wrapper for drawui-core canvas drawing (PNG / SVG / PDF export, table, UML, mind map, context menu, group lock)",
   "license": "MIT",
@@ -30,7 +30,7 @@
     "access": "public"
   },
   "dependencies": {
-    "drawui-core": "0.4.2"
+    "drawui-core": "0.5.0"
   },
   "peerDependencies": {
     "react": "^18.3.1"