mirror of
https://github.com/basketikun/infinite-canvas.git
synced 2026-07-26 16:54:29 +08:00
github-actions[bot]
2 lines
3.0 KiB
JavaScript
2 lines
3.0 KiB
JavaScript
function g(){let e=globalThis.InfiniteCanvasRuntime;if(!e)throw new Error("[plugin-sdk] Infinite Canvas \u8FD0\u884C\u65F6\u672A\u5C31\u7EEA:\u8BF7\u5728\u753B\u5E03\u5BBF\u4E3B\u4E2D\u52A0\u8F7D\u672C\u63D2\u4EF6");return e}function r(){return g().React}var l=((...e)=>r().useState(...e)),p=((...e)=>r().useEffect(...e));var d=((...e)=>r().useRef(...e));var v=Symbol.for("infinite-canvas.jsx.fragment");function x(e,n,o){let a=r(),u=e===v?a.Fragment:e,s=o===void 0?n:{...n??{},key:o};return a.createElement(u,s)}function i(e,n,o){return x(e,n,o)}var y=i;function C({ctx:e}){let[n,o]=l(!1),a=d(null),u=e.node.metadata?.content,s=e.getUpstream().map(t=>t.metadata?.content).find(t=>typeof t=="string"&&t.trim().startsWith("<svg")),f=u??"",m=f.trim()||s||"";p(()=>{u===void 0&&s&&e.updateMetadata({content:s})},[e,u,s]),p(()=>{if(!n)return;let t=w=>{a.current&&!a.current.contains(w.target)&&o(!1)};return document.addEventListener("pointerdown",t,!0),()=>document.removeEventListener("pointerdown",t,!0)},[n]);let c=t=>t.stopPropagation(),R={position:"absolute",right:8,top:8,zIndex:20,width:32,height:32,display:"grid",placeItems:"center",borderRadius:8,border:`1px solid ${e.theme.node.stroke}`,background:`${e.theme.toolbar.panel}dd`,color:e.theme.node.text,cursor:"pointer"};return y("div",{ref:a,"data-canvas-no-zoom":!0,style:{position:"relative",height:"100%",width:"100%",display:"flex",flexDirection:"column",cursor:n?"text":"move"},onDoubleClick:t=>{t.stopPropagation(),o(!0)},children:[i("button",{type:"button",style:R,onMouseDown:c,onClick:()=>o(t=>!t),title:n?"\u9884\u89C8":"\u7F16\u8F91\u6E90\u7801",children:n?"\u{1F441}":"\u270E"}),n?i("textarea",{autoFocus:!0,value:f,placeholder:"\u7C98\u8D34 SVG \u6E90\u7801,\u5982 <svg \u2026>\u2026</svg>",onChange:t=>e.updateMetadata({content:t.target.value}),onKeyDown:t=>{t.key==="Escape"&&(t.stopPropagation(),o(!1))},onMouseDown:c,onPointerDown:c,onWheel:c,style:{height:"100%",width:"100%",resize:"none",background:e.theme.node.fill,borderRadius:16,padding:16,boxSizing:"border-box",fontFamily:"monospace",fontSize:12,outline:"none",border:`1px solid ${e.theme.node.stroke}`,color:e.theme.node.text}}):m?i("div",{style:{height:"100%",width:"100%",display:"flex",alignItems:"center",justifyContent:"center",padding:12,boxSizing:"border-box",pointerEvents:"none"},dangerouslySetInnerHTML:{__html:m}}):i("div",{style:{height:"100%",width:"100%",display:"flex",alignItems:"center",justifyContent:"center",padding:16,boxSizing:"border-box",color:e.theme.node.placeholder,fontSize:13,textAlign:"center",pointerEvents:"none"},children:"\u53CC\u51FB\u7F16\u8F91,\u7C98\u8D34 SVG \u6E90\u7801"})]})}var T={id:"svg",name:"SVG \u8282\u70B9",version:"1.1.0",description:"\u900F\u660E\u80CC\u666F\u6E32\u67D3 SVG \u77E2\u91CF\u56FE,\u53EF\u63A5\u6536\u4E0A\u6E38\u6587\u672C\u8282\u70B9\u7684 SVG \u6E90\u7801",nodes:[{type:"svg:vector",title:"SVG",icon:"\u{1F537}",description:"\u6E32\u67D3 SVG \u77E2\u91CF\u56FE",defaultSize:{width:320,height:320},defaultMetadata:{},minimapColor:"#14b8a6",transparentBackground:!0,Content:C}]};export{T as default};
|