@next-bricks/diagram 0.37.10 → 0.37.12
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.
- package/dist/bricks.json +2 -1
- package/dist/chunks/1122.da9a8118.js +2 -0
- package/dist/chunks/1122.da9a8118.js.map +1 -0
- package/dist/chunks/{114.5eb6125c.js → 114.a9c5060c.js} +2 -2
- package/dist/chunks/{114.5eb6125c.js.map → 114.a9c5060c.js.map} +1 -1
- package/dist/chunks/1940.779fd8e9.js +2 -0
- package/dist/chunks/1940.779fd8e9.js.map +1 -0
- package/dist/chunks/2272.25e1a5b4.js +2 -0
- package/dist/chunks/{2272.3f91b4ce.js.map → 2272.25e1a5b4.js.map} +1 -1
- package/dist/chunks/{2277.d118ae68.js → 2277.15bfaf8c.js} +2 -2
- package/dist/chunks/{4658.420e1dfc.js.map → 2277.15bfaf8c.js.map} +1 -1
- package/dist/chunks/2416.ac83873e.js +2 -0
- package/dist/chunks/{2416.57a4bfd7.js.map → 2416.ac83873e.js.map} +1 -1
- package/dist/chunks/{3171.71121ed3.js → 3171.8ee6cc61.js} +2 -2
- package/dist/chunks/{3171.71121ed3.js.map → 3171.8ee6cc61.js.map} +1 -1
- package/dist/chunks/3933.42e0e086.js +2 -0
- package/dist/chunks/{3933.79dbac40.js.map → 3933.42e0e086.js.map} +1 -1
- package/dist/chunks/4090.3ffe04dc.js +3 -0
- package/dist/chunks/{4090.a468d624.js.map → 4090.3ffe04dc.js.map} +1 -1
- package/dist/chunks/{4658.420e1dfc.js → 4658.3d723f7a.js} +2 -2
- package/dist/chunks/{2277.d118ae68.js.map → 4658.3d723f7a.js.map} +1 -1
- package/dist/chunks/4837.2619a231.js +2 -0
- package/dist/chunks/4837.2619a231.js.map +1 -0
- package/dist/chunks/4937.fd9c2a63.js +3 -0
- package/dist/chunks/{4937.91364a1e.js.map → 4937.fd9c2a63.js.map} +1 -1
- package/dist/chunks/4947.74478519.js +3 -0
- package/dist/chunks/4947.74478519.js.map +1 -0
- package/dist/chunks/5399.aa4bf5e6.js +2 -0
- package/dist/chunks/5399.aa4bf5e6.js.map +1 -0
- package/dist/chunks/{5552.b6159d3b.js → 5552.bb309dc4.js} +2 -2
- package/dist/chunks/{5552.b6159d3b.js.map → 5552.bb309dc4.js.map} +1 -1
- package/dist/chunks/6314.c78fd934.js +2 -0
- package/dist/chunks/{6314.a4793eb5.js.map → 6314.c78fd934.js.map} +1 -1
- package/dist/chunks/7218.d0db630a.js +2 -0
- package/dist/chunks/7218.d0db630a.js.map +1 -0
- package/dist/chunks/{7733.037923dc.js → 7733.1034e172.js} +2 -2
- package/dist/chunks/{7733.037923dc.js.map → 7733.1034e172.js.map} +1 -1
- package/dist/chunks/9559.325daf5c.js +2 -0
- package/dist/chunks/9559.325daf5c.js.map +1 -0
- package/dist/chunks/{editable-label.35e828f0.js → editable-label.acff710b.js} +3 -3
- package/dist/chunks/{editable-label.35e828f0.js.map → editable-label.acff710b.js.map} +1 -1
- package/dist/chunks/{eo-diagram.554bd1d8.js → eo-diagram.f5711214.js} +2 -2
- package/dist/chunks/{eo-diagram.554bd1d8.js.map → eo-diagram.f5711214.js.map} +1 -1
- package/dist/chunks/{eo-display-canvas.f0227dfb.js → eo-display-canvas.4eb810f6.js} +2 -2
- package/dist/chunks/{eo-display-canvas.f0227dfb.js.map → eo-display-canvas.4eb810f6.js.map} +1 -1
- package/dist/chunks/eo-draw-canvas.59ef988e.js +2 -0
- package/dist/chunks/{eo-draw-canvas.114b6a94.js.map → eo-draw-canvas.59ef988e.js.map} +1 -1
- package/dist/chunks/{experimental-node.2744898f.js → experimental-node.ff3d2c8c.js} +2 -2
- package/dist/chunks/{experimental-node.2744898f.js.map → experimental-node.ff3d2c8c.js.map} +1 -1
- package/dist/chunks/main.2afbaec0.js +2 -0
- package/dist/chunks/main.2afbaec0.js.map +1 -0
- package/dist/index.3c7385ed.js +2 -0
- package/dist/{index.2fb72f05.js.map → index.3c7385ed.js.map} +1 -1
- package/package.json +6 -5
- package/dist/chunks/1122.c3ed7175.js +0 -2
- package/dist/chunks/1122.c3ed7175.js.map +0 -1
- package/dist/chunks/1940.390aa726.js +0 -2
- package/dist/chunks/1940.390aa726.js.map +0 -1
- package/dist/chunks/2272.3f91b4ce.js +0 -2
- package/dist/chunks/2416.57a4bfd7.js +0 -2
- package/dist/chunks/3933.79dbac40.js +0 -2
- package/dist/chunks/4090.a468d624.js +0 -3
- package/dist/chunks/4937.91364a1e.js +0 -3
- package/dist/chunks/4984.f81d0dfc.js +0 -3
- package/dist/chunks/4984.f81d0dfc.js.map +0 -1
- package/dist/chunks/5399.67f68706.js +0 -2
- package/dist/chunks/5399.67f68706.js.map +0 -1
- package/dist/chunks/6314.a4793eb5.js +0 -2
- package/dist/chunks/7115.b79e6759.js +0 -2
- package/dist/chunks/7115.b79e6759.js.map +0 -1
- package/dist/chunks/9496.25cff934.js +0 -2
- package/dist/chunks/9496.25cff934.js.map +0 -1
- package/dist/chunks/9559.a8647401.js +0 -2
- package/dist/chunks/9559.a8647401.js.map +0 -1
- package/dist/chunks/eo-draw-canvas.114b6a94.js +0 -2
- package/dist/chunks/main.86264ade.js +0 -2
- package/dist/chunks/main.86264ade.js.map +0 -1
- package/dist/index.2fb72f05.js +0 -2
- /package/dist/chunks/{4090.a468d624.js.LICENSE.txt → 4090.3ffe04dc.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{4937.91364a1e.js.LICENSE.txt → 4937.fd9c2a63.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{4984.f81d0dfc.js.LICENSE.txt → 4947.74478519.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{editable-label.35e828f0.js.LICENSE.txt → editable-label.acff710b.js.LICENSE.txt} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chunks/eo-display-canvas.f0227dfb.js","mappings":"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","sources":["webpack:///./src/display-canvas/index.tsx"],"sourcesContent":["import React, {\n useCallback,\n useEffect,\n useMemo,\n useReducer,\n useRef,\n useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport classNames from \"classnames\";\nimport { select } from \"d3-selection\";\nimport type { RangeTuple, SizeTuple } from \"../diagram/interfaces\";\nimport type {\n ActiveTarget,\n InitialCell,\n NodeBrickConf,\n CellContextMenuDetail,\n EdgeLineConf,\n Cell,\n LayoutType,\n LayoutOptions,\n} from \"../draw-canvas/interfaces\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport { sameTarget } from \"../draw-canvas/processors/sameTarget\";\nimport { CellComponent } from \"../draw-canvas/CellComponent\";\nimport { initializeCells } from \"../draw-canvas/processors/initializeCells\";\nimport {\n DEFAULT_DEGRADED_THRESHOLD,\n DEFAULT_NODE_SIZE,\n} from \"../draw-canvas/constants\";\nimport { useZoom } from \"../shared/canvas/useZoom\";\nimport { useActiveTarget } from \"../shared/canvas/useActiveTarget\";\nimport { rootReducer } from \"../draw-canvas/reducers\";\nimport { getUnrelatedCells } from \"../draw-canvas/processors/getUnrelatedCells\";\nimport { isEdgeCell, isNodeCell } from \"../draw-canvas/processors/asserts\";\nimport { ZoomBarComponent } from \"../shared/canvas/ZoomBarComponent\";\nimport { useLayout } from \"../shared/canvas/useLayout\";\nimport { useReady } from \"../shared/canvas/useReady\";\nimport { useLineMarkers } from \"../shared/canvas/useLineMarkers\";\nimport { updateCells } from \"../draw-canvas/processors/updateCells\";\nimport styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\n\nconst { defineElement, property, event } = createDecorators();\n\nexport interface EoDisplayCanvasProps {\n cells: InitialCell[] | undefined;\n layout: LayoutType;\n layoutOptions?: LayoutOptions;\n defaultNodeSize: SizeTuple;\n defaultNodeBricks?: NodeBrickConf[];\n defaultEdgeLines?: EdgeLineConf[];\n degradedThreshold?: number;\n degradedNodeLabel?: string;\n activeTarget?: ActiveTarget | null;\n fadeUnrelatedCells?: boolean;\n zoomable?: boolean;\n scrollable?: boolean;\n pannable?: boolean;\n scaleRange?: RangeTuple;\n}\n\n/**\n * 用于展示查看的画布。\n */\nexport\n@defineElement(\"eo-display-canvas\", {\n styleTexts: [styleText, zoomBarStyleText],\n})\nclass EoDisplayCanvas extends ReactNextElement implements EoDisplayCanvasProps {\n /**\n * 用于查看的画布可以更新 `cells` 属性。\n */\n @property({ attribute: false })\n accessor cells: InitialCell[] | undefined;\n\n @property({ type: String })\n accessor layout: LayoutType;\n\n @property({ attribute: false })\n accessor layoutOptions: LayoutOptions | undefined;\n\n @property({ attribute: false })\n accessor defaultNodeSize: SizeTuple = [DEFAULT_NODE_SIZE, DEFAULT_NODE_SIZE];\n\n @property({ attribute: false })\n accessor defaultNodeBricks: NodeBrickConf[] | undefined;\n\n /**\n * 当节点数量达到或超过 `degradedThreshold` 时,节点将被降级展示。\n *\n * @default 500\n */\n @property({ type: Number })\n accessor degradedThreshold: number | undefined;\n\n // Set `attribute` to `false` event if it accepts string value.\n // Because when passing like \"<% DATA.node.data.name %>\", it will be\n // evaluated as object temporarily.\n /**\n * 设置节点将降级展示时显示的名称。\n *\n * @default \"<% DATA.node.id %>\"\n */\n @property({ attribute: false })\n accessor degradedNodeLabel: string | undefined;\n\n /**\n * 使用条件判断设置默认的边对应的连线。在 `if` 表达式中 `DATA` 为 `{ edge }`,例如:\n *\n * ```yaml\n * defaultEdgeLines:\n * - if: <% DATA.edge.data?.virtual %>\n * dashed: true\n * ```\n */\n @property({ attribute: false })\n accessor defaultEdgeLines: EdgeLineConf[] | undefined;\n\n @property({ attribute: false })\n accessor activeTarget: ActiveTarget | null | undefined;\n\n /**\n * 当鼠标悬浮到某节点上时,隐藏其他跟该节点无关的元素。\n */\n @property({ type: Boolean })\n accessor fadeUnrelatedCells: boolean | undefined;\n\n @property({ type: Boolean })\n accessor zoomable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor scrollable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor pannable: boolean | undefined = true;\n\n @property({ attribute: false })\n accessor scaleRange: RangeTuple | undefined;\n\n @event({ type: \"activeTarget.change\" })\n accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n #handleActiveTargetChange = (target: ActiveTarget | null) => {\n this.#activeTargetChangeEvent.emit(target);\n };\n\n #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n if (!sameTarget(target, this.activeTarget)) {\n this.activeTarget = target;\n }\n };\n\n @event({ type: \"cell.contextmenu\" })\n accessor #cellContextMenu!: EventEmitter<CellContextMenuDetail>;\n\n #handleCellContextMenu = (detail: CellContextMenuDetail) => {\n this.#cellContextMenu.emit(detail);\n };\n\n @event({ type: \"cell.click\" })\n accessor #cellClick!: EventEmitter<CellContextMenuDetail>;\n\n #handleCellClick = (detail: CellContextMenuDetail) => {\n this.#cellClick.emit(detail);\n };\n\n render() {\n return (\n <EoDisplayCanvasComponent\n shadowRoot={this.shadowRoot!}\n cells={this.cells}\n layout={this.layout}\n layoutOptions={this.layoutOptions}\n defaultNodeSize={this.defaultNodeSize}\n defaultNodeBricks={this.defaultNodeBricks}\n defaultEdgeLines={this.defaultEdgeLines}\n degradedThreshold={this.degradedThreshold}\n degradedNodeLabel={this.degradedNodeLabel}\n activeTarget={this.activeTarget}\n fadeUnrelatedCells={this.fadeUnrelatedCells}\n zoomable={this.zoomable}\n scrollable={this.scrollable}\n pannable={this.pannable}\n scaleRange={this.scaleRange}\n onActiveTargetChange={this.#handleActiveTargetChange}\n onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n onCellContextMenu={this.#handleCellContextMenu}\n onCellClick={this.#handleCellClick}\n />\n );\n }\n}\n\nexport interface EoDisplayCanvasComponentProps extends EoDisplayCanvasProps {\n shadowRoot: ShadowRoot;\n onActiveTargetChange(target: ActiveTarget | null): void;\n onSwitchActiveTarget(target: ActiveTarget | null): void;\n onCellContextMenu(detail: CellContextMenuDetail): void;\n onCellClick(detail: CellContextMenuDetail): void;\n}\n\nfunction EoDisplayCanvasComponent({\n shadowRoot,\n cells: initialCells,\n layout,\n layoutOptions,\n defaultNodeSize,\n defaultNodeBricks,\n defaultEdgeLines,\n degradedThreshold,\n degradedNodeLabel,\n activeTarget: _activeTarget,\n fadeUnrelatedCells,\n zoomable,\n scrollable,\n pannable,\n scaleRange: _scaleRange,\n onActiveTargetChange,\n onSwitchActiveTarget,\n onCellContextMenu,\n onCellClick,\n}: EoDisplayCanvasComponentProps) {\n const [{ cells, layoutKey }, dispatch] = useReducer(\n rootReducer,\n initialCells,\n (initialCells) => ({\n cells: initializeCells(initialCells, { defaultNodeSize }),\n layoutKey: 1,\n })\n );\n\n // When nodes are greater or equal to threshold, the diagram will be degraded.\n // Thus all nodes will be displayed as simple svg elements instead of bricks.\n const degraded = useMemo(\n () =>\n cells.filter(isNodeCell).length >=\n (degradedThreshold ?? DEFAULT_DEGRADED_THRESHOLD),\n [cells, degradedThreshold]\n );\n\n const rootRef = useRef<SVGSVGElement>(null);\n const cellsRef = useRef<SVGGElement>(null);\n\n const { grabbing, transform, zoomer, scaleRange } = useZoom({\n rootRef,\n zoomable,\n scrollable,\n pannable,\n draggable: true,\n scaleRange: _scaleRange,\n onSwitchActiveTarget,\n });\n\n const { centered, setCentered, getNextLayoutKey } = useLayout({\n layout,\n layoutOptions,\n rootRef,\n cells,\n zoomable,\n zoomer,\n scaleRange,\n layoutKey,\n dispatch,\n });\n\n const reCenter = useCallback(() => {\n setCentered(false);\n }, [setCentered]);\n\n const previousCellsRef = useRef(initialCells);\n\n useEffect(() => {\n if (initialCells !== previousCellsRef.current) {\n previousCellsRef.current = initialCells;\n const result = updateCells({\n canvasWidth: shadowRoot.host.clientWidth,\n canvasHeight: shadowRoot.host.clientHeight,\n defaultNodeSize,\n layout,\n previousCells: cells,\n cells: initialCells,\n scaleRange,\n transform,\n });\n dispatch({ type: \"update-cells\", payload: result.cells });\n }\n }, [\n cells,\n defaultNodeSize,\n initialCells,\n layout,\n scaleRange,\n shadowRoot,\n transform,\n ]);\n\n const activeTarget = useActiveTarget({\n cellsRef,\n activeTarget: _activeTarget,\n onActiveTargetChange,\n });\n\n const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n const markerPrefix = `${defPrefix}line-arrow-`;\n\n const handleNodeBrickResize = useCallback(\n (id: string, size: SizeTuple | null) => {\n dispatch({\n type: \"update-node-size\",\n payload: { id, size },\n layoutKey: getNextLayoutKey(),\n });\n },\n [getNextLayoutKey]\n );\n\n const [hoverCell, setHoverCell] = useState<Cell | null>(null);\n const handleCellMouseEnter = useCallback((cell: Cell) => {\n setHoverCell(cell);\n }, []);\n const handleCellMouseLeave = useCallback((cell: Cell) => {\n setHoverCell((prev) => (prev === cell ? null : prev));\n }, []);\n\n const [unrelatedCells, setUnrelatedCells] = useState<Cell[]>([]);\n useEffect(() => {\n const nextUnrelated = fadeUnrelatedCells\n ? getUnrelatedCells(cells, null, hoverCell)\n : [];\n // Do not update the state when prev and next are both empty.\n setUnrelatedCells((prev) =>\n prev.length === 0 && nextUnrelated.length === 0 ? prev : nextUnrelated\n );\n }, [cells, fadeUnrelatedCells, hoverCell]);\n\n const handleZoomSlide = useCallback(\n (value: number) => {\n // istanbul ignore next\n if (process.env.NODE_ENV !== \"test\") {\n zoomer.scaleTo(select(rootRef.current!), value / 100);\n }\n },\n [zoomer]\n );\n\n const [lineConfMap, markers] = useLineMarkers({\n cells,\n defaultEdgeLines,\n markerPrefix,\n });\n\n const ready = useReady({ cells, layout, centered });\n\n return (\n <>\n <svg\n width=\"100%\"\n height=\"100%\"\n ref={rootRef}\n className={classNames(\"root\", { grabbing, pannable, ready })}\n tabIndex={-1}\n >\n <defs>\n {markers.map((marker, index) => (\n <MarkerComponent\n key={index}\n id={`${markerPrefix}${index}`}\n type=\"arrow\"\n strokeColor={marker.strokeColor}\n />\n ))}\n </defs>\n <g\n transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n >\n <g className=\"cells\" ref={cellsRef}>\n {cells.map((cell) => (\n <CellComponent\n key={`${cell.type}:${isEdgeCell(cell) ? `${cell.source}~${cell.target}` : cell.id}`}\n layout={undefined}\n cell={cell}\n cells={cells}\n degraded={degraded}\n degradedNodeLabel={degradedNodeLabel}\n defaultNodeBricks={defaultNodeBricks}\n lineConfMap={lineConfMap}\n transform={transform}\n activeTarget={activeTarget}\n readOnly\n unrelatedCells={unrelatedCells}\n onSwitchActiveTarget={onSwitchActiveTarget}\n onCellContextMenu={onCellContextMenu}\n onCellClick={onCellClick}\n onNodeBrickResize={handleNodeBrickResize}\n onCellMouseEnter={\n fadeUnrelatedCells && isNodeCell(cell)\n ? handleCellMouseEnter\n : undefined\n }\n onCellMouseLeave={\n fadeUnrelatedCells && isNodeCell(cell)\n ? handleCellMouseLeave\n : undefined\n }\n />\n ))}\n </g>\n </g>\n </svg>\n <ZoomBarComponent\n shadowRoot={shadowRoot}\n scale={transform.k}\n scaleRange={scaleRange}\n onZoomChange={handleZoomSlide}\n onReCenter={reCenter}\n />\n </>\n );\n}\n"],"names":["defineElement","property","event","createDecorators","_EoDisplayCanvas","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_EoDisplayCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_P","_handleCellContextMenu","_Q","_handleCellClick","EoDisplayCanvas","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_cells","_init_extra_cells","_init_layout","_init_extra_layout","_init_layoutOptions","_init_extra_layoutOptions","_init_defaultNodeSize","DEFAULT_NODE_SIZE","_init_extra_defaultNodeSize","_init_defaultNodeBricks","_init_extra_defaultNodeBricks","_init_degradedThreshold","_init_extra_degradedThreshold","_init_degradedNodeLabel","_init_extra_degradedNodeLabel","_init_defaultEdgeLines","_init_extra_defaultEdgeLines","_init_activeTarget","_init_extra_activeTarget","_init_fadeUnrelatedCells","_init_extra_fadeUnrelatedCells","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_scaleRange","_init_extra_scaleRange","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","sameTarget","activeTarget","_init_cellContextMenu","_init_extra_cellContextMenu","detail","_get_cellContextMenu","_init_cellClick","_init_extra_cellClick","_get_cellClick","cells","_classPrivateFieldGet","v","_classPrivateFieldSet","layout","layoutOptions","defaultNodeSize","defaultNodeBricks","degradedThreshold","degradedNodeLabel","defaultEdgeLines","fadeUnrelatedCells","zoomable","scrollable","pannable","scaleRange","render","React","EoDisplayCanvasComponent","shadowRoot","onActiveTargetChange","onSwitchActiveTarget","onCellContextMenu","onCellClick","_ref","initialCells","_activeTarget","_scaleRange","layoutKey","dispatch","useReducer","rootReducer","initializeCells","degraded","useMemo","filter","isNodeCell","length","DEFAULT_DEGRADED_THRESHOLD","rootRef","useRef","cellsRef","grabbing","transform","zoomer","useZoom","draggable","centered","setCentered","getNextLayoutKey","useLayout","reCenter","useCallback","previousCellsRef","useEffect","current","result","updateCells","canvasWidth","host","clientWidth","canvasHeight","clientHeight","previousCells","type","payload","useActiveTarget","markerPrefix","uniqueId","handleNodeBrickResize","id","size","hoverCell","setHoverCell","useState","handleCellMouseEnter","cell","handleCellMouseLeave","prev","unrelatedCells","setUnrelatedCells","nextUnrelated","getUnrelatedCells","handleZoomSlide","value","scaleTo","select","lineConfMap","markers","useLineMarkers","ready","useReady","width","height","ref","className","classNames","tabIndex","map","marker","index","MarkerComponent","key","strokeColor","x","y","k","CellComponent","isEdgeCell","source","undefined","readOnly","onNodeBrickResize","onCellMouseEnter","onCellMouseLeave","ZoomBarComponent","scale","onZoomChange","onReCenter","_EoDisplayCanvas2","e","_set_activeTargetChangeEvent","_set_cellContextMenu","_set_cellClick","c","_initClass","_applyDecs","styleTexts","styleText","zoomBarStyleText","attribute","String","Number","Boolean","o","_","has","_checkInRHS"],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"chunks/eo-display-canvas.4eb810f6.js","mappings":"qmBA8CA,MAAM,cAAEA,GAAa,SAAEC,GAAQ,MAAEC,KAAUC,EAAAA,EAAAA,oBAAmB,IAAAC,GAAA,IAAAC,GAAA,IAAAC,QAAAC,GAAA,IAAAD,QAAAE,GAAA,IAAAF,QAAAG,GAAA,IAAAH,QAAAI,GAAA,IAAAJ,QAAAK,GAAA,IAAAL,QAAAM,GAAA,IAAAN,QAAAO,GAAA,IAAAP,QAAAQ,GAAA,IAAAR,QAAAS,GAAA,IAAAT,QAAAU,GAAA,IAAAV,QAAAW,GAAA,IAAAX,QAAAY,GAAA,IAAAZ,QAAAa,GAAA,IAAAb,QAAAc,GAAA,IAAAd,QAAAe,GAAA,IAAAC,QAAAC,GAAA,IAAAjB,QAAAkB,GAAA,IAAAlB,QAAAmB,GAAA,IAAAnB,QAAAoB,GAAA,IAAApB,QAAAqB,GAAA,IAAArB,QAAAsB,GAAA,IAAAtB,QAuB9D,MAAAuB,WAG8BC,EAAAA,iBAAiDC,WAAAA,GAAA,SAAAC,YAAAC,EAAAA,EAAAA,GAAA,KAAAZ,KAC7Ea,EAAAA,EAAAA,GAAA,KAAA7B,GAAA8B,EAAA,QAAAD,EAAAA,EAAAA,GAAA,KAAA3B,IAAA6B,EAAA,MAAAC,EAAA,SAAAH,EAAAA,EAAAA,GAAA,KAAA1B,IAAA8B,EAAA,MAAAC,EAAA,SAAAL,EAAAA,EAAAA,GAAA,KAAAzB,IAAA+B,EAAA,MAAAC,EAAA,KAasC,CAACC,EAAAA,GAAmBA,EAAAA,QAAkBR,EAAAA,EAAAA,GAAA,KAAAxB,IAAAiC,EAAA,MAAAC,EAAA,SAK5EV,EAAAA,EAAAA,GAAA,KAAAvB,IAAAkC,EAAA,MAAAC,EAAA,SAWAZ,EAAAA,EAAAA,GAAA,KAAAtB,IAAAmC,EAAA,MAAAC,EAAA,SAQAd,EAAAA,EAAAA,GAAA,KAAArB,IAAAoC,EAAA,MAAAC,EAAA,SAAAhB,EAAAA,EAAAA,GAAA,KAAApB,IAAAqC,EAAA,MAAAC,EAAA,SAeAlB,EAAAA,EAAAA,GAAA,KAAAnB,IAAAsC,GAAA,MAAAC,GAAA,SAAApB,EAAAA,EAAAA,GAAA,KAAAlB,IAAAuC,GAAA,MAAAC,GAAA,MAOyC,MAAItB,EAAAA,EAAAA,GAAA,KAAAjB,IAAAwC,GAAA,MAAAC,GAAA,MAGF,MAAIxB,EAAAA,EAAAA,GAAA,KAAAhB,IAAAyC,GAAA,MAAAC,GAAA,MAGN,MAAI1B,EAAAA,EAAAA,GAAA,KAAAf,IAAA0C,GAAA,MAAAC,GAAA,SAAA5B,EAAAA,EAAAA,GAAA,KAAAd,IAAA2C,GAAA,MAAAC,GAAA,SAQ7C9B,EAAAA,EAAAA,GAAA,KAAAX,IAAyB0C,GAAA,MAAIC,KAC3BC,EAAAA,EAAAA,GAAA9C,GAAA+C,KAAKC,IAAyBC,KAAKJ,EAAO,KAG5ChC,EAAAA,EAAAA,GAAA,KAAAV,IAA6B0C,KACtBK,EAAAA,EAAAA,GAAWL,EAAQE,KAAKI,gBAC3BJ,KAAKI,aAAeN,EACtB,KACAhC,EAAAA,EAAAA,GAAA,KAAAT,GAAAgD,GAAA,QAKFvC,EAAAA,EAAAA,GAAA,KAAAR,IAAsBgD,GAAA,MAAIC,KACxBR,EAAAA,EAAAA,GAAA9C,GAAA+C,KAAKQ,IAAiBN,KAAKK,EAAO,KAClCzC,EAAAA,EAAAA,GAAA,KAAAP,GAAAkD,GAAA,QAKF3C,EAAAA,EAAAA,GAAA,KAAAN,IAAgBkD,GAAA,MAAIH,KAClBR,EAAAA,EAAAA,GAAA9C,GAAA+C,KAAKW,IAAWT,KAAKK,EAAO,GAC5B,UA3FOK,GAAK,OAAAC,EAAAA,EAAAA,GAAA5E,GAAA,eAAL2E,CAAKE,IAAAC,EAAAA,EAAAA,GAAA9E,GAAA,KAAA6E,EAAA,WAGLE,GAAM,OAAAH,EAAAA,EAAAA,GAAA1E,GAAA,gBAAN6E,CAAMF,IAAAC,EAAAA,EAAAA,GAAA5E,GAAA,KAAA2E,EAAA,kBAGNG,GAAa,OAAAJ,EAAAA,EAAAA,GAAAzE,GAAA,uBAAb6E,CAAaH,IAAAC,EAAAA,EAAAA,GAAA3E,GAAA,KAAA0E,EAAA,oBAGbI,GAAe,OAAAL,EAAAA,EAAAA,GAAAxE,GAAA,yBAAf6E,CAAeJ,IAAAC,EAAAA,EAAAA,GAAA1E,GAAA,KAAAyE,EAAA,sBAGfK,GAAiB,OAAAN,EAAAA,EAAAA,GAAAvE,GAAA,2BAAjB6E,CAAiBL,IAAAC,EAAAA,EAAAA,GAAAzE,GAAA,KAAAwE,EAAA,sBAQjBM,GAAiB,OAAAP,EAAAA,EAAAA,GAAAtE,GAAA,2BAAjB6E,CAAiBN,IAAAC,EAAAA,EAAAA,GAAAxE,GAAA,KAAAuE,EAAA,sBAWjBO,GAAiB,OAAAR,EAAAA,EAAAA,GAAArE,GAAA,2BAAjB6E,CAAiBP,IAAAC,EAAAA,EAAAA,GAAAvE,GAAA,KAAAsE,EAAA,qBAYjBQ,GAAgB,OAAAT,EAAAA,EAAAA,GAAApE,GAAA,0BAAhB6E,CAAgBR,IAAAC,EAAAA,EAAAA,GAAAtE,GAAA,KAAAqE,EAAA,iBAGhBV,GAAY,OAAAS,EAAAA,EAAAA,GAAAnE,GAAA,sBAAZ0D,CAAYU,IAAAC,EAAAA,EAAAA,GAAArE,GAAA,KAAAoE,EAAA,uBAMZS,GAAkB,OAAAV,EAAAA,EAAAA,GAAAlE,GAAA,4BAAlB4E,CAAkBT,IAAAC,EAAAA,EAAAA,GAAApE,GAAA,KAAAmE,EAAA,aAGlBU,GAAQ,OAAAX,EAAAA,EAAAA,GAAAjE,GAAA,kBAAR4E,CAAQV,IAAAC,EAAAA,EAAAA,GAAAnE,GAAA,KAAAkE,EAAA,eAGRW,GAAU,OAAAZ,EAAAA,EAAAA,GAAAhE,GAAA,oBAAV4E,CAAUX,IAAAC,EAAAA,EAAAA,GAAAlE,GAAA,KAAAiE,EAAA,aAGVY,GAAQ,OAAAb,EAAAA,EAAAA,GAAA/D,GAAA,kBAAR4E,CAAQZ,IAAAC,EAAAA,EAAAA,GAAAjE,GAAA,KAAAgE,EAAA,eAGRa,GAAU,OAAAd,EAAAA,EAAAA,GAAA9D,GAAA,oBAAV4E,CAAUb,IAAAC,EAAAA,EAAAA,GAAAhE,GAAA,KAAA+D,EAAA,CA6BnBc,MAAAA,GACE,OACEC,IAAAA,cAACC,GAAwB,CACvBC,WAAY/B,KAAK+B,WACjBnB,MAAOZ,KAAKY,MACZI,OAAQhB,KAAKgB,OACbC,cAAejB,KAAKiB,cACpBC,gBAAiBlB,KAAKkB,gBACtBC,kBAAmBnB,KAAKmB,kBACxBG,iBAAkBtB,KAAKsB,iBACvBF,kBAAmBpB,KAAKoB,kBACxBC,kBAAmBrB,KAAKqB,kBACxBjB,aAAcJ,KAAKI,aACnBmB,mBAAoBvB,KAAKuB,mBACzBC,SAAUxB,KAAKwB,SACfC,WAAYzB,KAAKyB,WACjBC,SAAU1B,KAAK0B,SACfC,WAAY3B,KAAK2B,WACjBK,sBAAsBnB,EAAAA,EAAAA,GAAK1D,GAAL6C,MACtBiC,sBAAsBpB,EAAAA,EAAAA,GAAKzD,GAAL4C,MACtBkC,mBAAmBrB,EAAAA,EAAAA,GAAKvD,GAAL0C,MACnBmC,aAAatB,EAAAA,EAAAA,GAAKrD,GAALwC,OAGnB,EAWF,SAAS8B,GAAwBM,GAoBC,IApBA,WAChCL,EACAnB,MAAOyB,EAAY,OACnBrB,EAAM,cACNC,EAAa,gBACbC,EAAe,kBACfC,EAAiB,iBACjBG,EAAgB,kBAChBF,EAAiB,kBACjBC,EACAjB,aAAckC,EAAa,mBAC3Bf,EAAkB,SAClBC,EAAQ,WACRC,EAAU,SACVC,EACAC,WAAYY,EAAW,qBACvBP,EAAoB,qBACpBC,EAAoB,kBACpBC,EAAiB,YACjBC,GAC8BC,EAC9B,OAAO,MAAExB,EAAK,UAAE4B,GAAaC,IAAYC,EAAAA,EAAAA,YACvCC,EAAAA,EACAN,GACCA,IAAY,CACXzB,OAAOgC,EAAAA,EAAAA,GAAgBP,EAAc,CAAEnB,oBACvCsB,UAAW,MAMTK,GAAWC,EAAAA,EAAAA,UACf,IACElC,EAAMmC,OAAOC,EAAAA,GAAYC,SACxB7B,GAAqB8B,EAAAA,KACxB,CAACtC,EAAOQ,IAGJ+B,GAAUC,EAAAA,EAAAA,QAAsB,MAChCC,GAAWD,EAAAA,EAAAA,QAAoB,OAE/B,SAAEE,EAAQ,UAAEC,EAAS,OAAEC,EAAM,WAAE7B,IAAe8B,EAAAA,EAAAA,GAAQ,CAC1DN,UACA3B,WACAC,aACAC,WACAgC,WAAW,EACX/B,WAAYY,EACZN,0BAGI,SAAE0B,EAAQ,YAAEC,EAAW,iBAAEC,IAAqBC,EAAAA,EAAAA,GAAU,CAC5D9C,SACAC,gBACAkC,UACAvC,QACAY,WACAgC,SACA7B,aACAa,YACAC,aAGIsB,GAAWC,EAAAA,EAAAA,cAAY,KAC3BJ,GAAY,EAAM,GACjB,CAACA,IAEEK,GAAmBb,EAAAA,EAAAA,QAAOf,IAEhC6B,EAAAA,EAAAA,YAAU,KACR,GAAI7B,IAAiB4B,EAAiBE,QAAS,CAC7CF,EAAiBE,QAAU9B,EAC3B,MAAM+B,GAASC,EAAAA,EAAAA,GAAY,CACzBC,YAAavC,EAAWwC,KAAKC,YAC7BC,aAAc1C,EAAWwC,KAAKG,aAC9BxD,kBACAF,SACA2D,cAAe/D,EACfA,MAAOyB,EACPV,aACA4B,cAEFd,EAAS,CAAEmC,KAAM,eAAgBC,QAAST,EAAOxD,OACnD,IACC,CACDA,EACAM,EACAmB,EACArB,EACAW,EACAI,EACAwB,IAGF,MAAMnD,IAAe0E,EAAAA,EAAAA,GAAgB,CACnCzB,WACAjD,aAAckC,EACdN,yBAII+C,GAAe,IADHjC,EAAAA,EAAAA,UAAQ,IAAM,IAAGkC,EAAAA,EAAAA,UAAS,gBAAgB,iBAGtDC,IAAwBjB,EAAAA,EAAAA,cAC5B,CAACkB,EAAYC,KACX1C,EAAS,CACPmC,KAAM,mBACNC,QAAS,CAAEK,KAAIC,QACf3C,UAAWqB,KACX,GAEJ,CAACA,KAGIuB,GAAWC,KAAgBC,EAAAA,EAAAA,UAAsB,MAClDC,IAAuBvB,EAAAA,EAAAA,cAAawB,IACxCH,GAAaG,EAAK,GACjB,IACGC,IAAuBzB,EAAAA,EAAAA,cAAawB,IACxCH,IAAcK,GAAUA,IAASF,EAAO,KAAOE,GAAM,GACpD,KAEIC,GAAgBC,KAAqBN,EAAAA,EAAAA,UAAiB,KAC7DpB,EAAAA,EAAAA,YAAU,KACR,MAAM2B,EAAgBtE,GAClBuE,EAAAA,EAAAA,GAAkBlF,EAAO,KAAMwE,IAC/B,GAEJQ,IAAmBF,GACD,IAAhBA,EAAKzC,QAAyC,IAAzB4C,EAAc5C,OAAeyC,EAAOG,GAC1D,GACA,CAACjF,EAAOW,EAAoB6D,KAE/B,MAAMW,IAAkB/B,EAAAA,EAAAA,cACrBgC,IAGGxC,EAAOyC,SAAQC,EAAAA,EAAAA,GAAO/C,EAAQgB,SAAW6B,EAAQ,IACnD,GAEF,CAACxC,KAGI2C,GAAaC,KAAWC,EAAAA,EAAAA,GAAe,CAC5CzF,QACAU,mBACAyD,kBAGIuB,IAAQC,EAAAA,EAAAA,GAAS,CAAE3F,QAAOI,SAAQ2C,aAExC,OACE9B,IAAAA,cAAAA,IAAAA,SAAA,KACEA,IAAAA,cAAA,OACE2E,MAAM,OACNC,OAAO,OACPC,IAAKvD,EACLwD,UAAWC,IAAW,OAAQ,CAAEtD,WAAU5B,WAAU4E,WACpDO,UAAW,GAEXhF,IAAAA,cAAA,YACGuE,GAAQU,KAAI,CAACC,EAAQC,IACpBnF,IAAAA,cAACoF,EAAAA,EAAe,CACdC,IAAKF,EACL9B,GAAI,GAAGH,KAAeiC,IACtBpC,KAAK,QACLuC,YAAaJ,EAAOI,iBAI1BtF,IAAAA,cAAA,KACE0B,UAAW,aAAaA,EAAU6D,KAAK7D,EAAU8D,YAAY9D,EAAU+D,MAEvEzF,IAAAA,cAAA,KAAG8E,UAAU,QAAQD,IAAKrD,GACvBzC,EAAMkG,KAAKtB,GACV3D,IAAAA,cAAC0F,EAAAA,EAAa,CACZL,IAAK,GAAG1B,EAAKZ,SAAQ4C,EAAAA,EAAAA,IAAWhC,GAAQ,GAAGA,EAAKiC,UAAUjC,EAAK1F,SAAW0F,EAAKN,KAC/ElE,YAAQ0G,EACRlC,KAAMA,EACN5E,MAAOA,EACPiC,SAAUA,EACVxB,kBAAmBA,EACnBF,kBAAmBA,EACnBgF,YAAaA,GACb5C,UAAWA,EACXnD,aAAcA,GACduH,UAAQ,EACRhC,eAAgBA,GAChB1D,qBAAsBA,EACtBC,kBAAmBA,EACnBC,YAAaA,EACbyF,kBAAmB3C,GACnB4C,iBACEtG,IAAsByB,EAAAA,EAAAA,GAAWwC,GAC7BD,QACAmC,EAENI,iBACEvG,IAAsByB,EAAAA,EAAAA,GAAWwC,GAC7BC,QACAiC,SAOhB7F,IAAAA,cAACkG,EAAAA,EAAgB,CACfhG,WAAYA,EACZiG,MAAOzE,EAAU+D,EACjB3F,WAAYA,EACZsG,aAAclC,GACdmC,WAAYnE,IAIpB,CAnOCoE,EAAA1K,KAAA2K,GAAArK,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAE,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAK,GAAAoI,GAAAxI,GAAAQ,GAAAG,GAAA8H,GAAAhI,GAAAG,GAAAE,GAAA4H,GAAA7H,IAAA8H,GAAAxM,GAAAyM,KAAAC,EAAAA,EAAAA,GAAAP,EAAA,CA9HAvM,GAAc,oBAAqB,CAClC+M,WAAY,CAACC,EAAAA,EAAWC,EAAAA,MACxB,EAKChN,GAAS,CAAEiN,WAAW,IAAQ,YAG9BjN,GAAS,CAAE+I,KAAMmE,SAAS,aAG1BlN,GAAS,CAAEiN,WAAW,IAAQ,oBAG9BjN,GAAS,CAAEiN,WAAW,IAAQ,sBAG9BjN,GAAS,CAAEiN,WAAW,IAAQ,wBAQ9BjN,GAAS,CAAE+I,KAAMoE,SAAS,wBAW1BnN,GAAS,CAAEiN,WAAW,IAAQ,wBAY9BjN,GAAS,CAAEiN,WAAW,IAAQ,uBAG9BjN,GAAS,CAAEiN,WAAW,IAAQ,mBAM9BjN,GAAS,CAAE+I,KAAMqE,UAAU,yBAG3BpN,GAAS,CAAE+I,KAAMqE,UAAU,eAG3BpN,GAAS,CAAE+I,KAAMqE,UAAU,iBAG3BpN,GAAS,CAAE+I,KAAMqE,UAAU,eAG3BpN,GAAS,CAAEiN,WAAW,IAAQ,iBAG9BhN,GAAM,CAAE8I,KAAM,wBAAwB,4BAAAsE,IAAArI,EAAAA,EAAAA,GAAA7D,GAAAkM,GAAA,CAAAA,EAAApI,KAAAC,EAAAA,EAAAA,GAAA/D,GAAAkM,EAAApI,IAAA,CAatChF,GAAM,CAAE8I,KAAM,qBAAqB,oBAAAsE,IAAArI,EAAAA,EAAAA,GAAAxD,GAAA6L,GAAA,CAAAA,EAAApI,KAAAC,EAAAA,EAAAA,GAAA1D,GAAA6L,EAAApI,IAAA,CAOnChF,GAAM,CAAE8I,KAAM,eAAe,cAAAsE,IAAArI,EAAAA,EAAAA,GAAAtD,GAAA2L,GAAA,CAAAA,EAAApI,KAAAC,EAAAA,EAAAA,GAAAxD,GAAA2L,EAAApI,KAAA,GAAAqI,GAAA3L,GAAA4L,KAAAC,EAAAA,EAAAA,GAAAF,KA3FFzL,EAAAA,mBAAgB+K,G","sources":["webpack:///./src/display-canvas/index.tsx"],"sourcesContent":["import React, {\n useCallback,\n useEffect,\n useMemo,\n useReducer,\n useRef,\n useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport classNames from \"classnames\";\nimport { select } from \"d3-selection\";\nimport type { RangeTuple, SizeTuple } from \"../diagram/interfaces\";\nimport type {\n ActiveTarget,\n InitialCell,\n NodeBrickConf,\n CellContextMenuDetail,\n EdgeLineConf,\n Cell,\n LayoutType,\n LayoutOptions,\n} from \"../draw-canvas/interfaces\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport { sameTarget } from \"../draw-canvas/processors/sameTarget\";\nimport { CellComponent } from \"../draw-canvas/CellComponent\";\nimport { initializeCells } from \"../draw-canvas/processors/initializeCells\";\nimport {\n DEFAULT_DEGRADED_THRESHOLD,\n DEFAULT_NODE_SIZE,\n} from \"../draw-canvas/constants\";\nimport { useZoom } from \"../shared/canvas/useZoom\";\nimport { useActiveTarget } from \"../shared/canvas/useActiveTarget\";\nimport { rootReducer } from \"../draw-canvas/reducers\";\nimport { getUnrelatedCells } from \"../draw-canvas/processors/getUnrelatedCells\";\nimport { isEdgeCell, isNodeCell } from \"../draw-canvas/processors/asserts\";\nimport { ZoomBarComponent } from \"../shared/canvas/ZoomBarComponent\";\nimport { useLayout } from \"../shared/canvas/useLayout\";\nimport { useReady } from \"../shared/canvas/useReady\";\nimport { useLineMarkers } from \"../shared/canvas/useLineMarkers\";\nimport { updateCells } from \"../draw-canvas/processors/updateCells\";\nimport styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\n\nconst { defineElement, property, event } = createDecorators();\n\nexport interface EoDisplayCanvasProps {\n cells: InitialCell[] | undefined;\n layout: LayoutType;\n layoutOptions?: LayoutOptions;\n defaultNodeSize: SizeTuple;\n defaultNodeBricks?: NodeBrickConf[];\n defaultEdgeLines?: EdgeLineConf[];\n degradedThreshold?: number;\n degradedNodeLabel?: string;\n activeTarget?: ActiveTarget | null;\n fadeUnrelatedCells?: boolean;\n zoomable?: boolean;\n scrollable?: boolean;\n pannable?: boolean;\n scaleRange?: RangeTuple;\n}\n\n/**\n * 用于展示查看的画布。\n */\nexport\n@defineElement(\"eo-display-canvas\", {\n styleTexts: [styleText, zoomBarStyleText],\n})\nclass EoDisplayCanvas extends ReactNextElement implements EoDisplayCanvasProps {\n /**\n * 用于查看的画布可以更新 `cells` 属性。\n */\n @property({ attribute: false })\n accessor cells: InitialCell[] | undefined;\n\n @property({ type: String })\n accessor layout: LayoutType;\n\n @property({ attribute: false })\n accessor layoutOptions: LayoutOptions | undefined;\n\n @property({ attribute: false })\n accessor defaultNodeSize: SizeTuple = [DEFAULT_NODE_SIZE, DEFAULT_NODE_SIZE];\n\n @property({ attribute: false })\n accessor defaultNodeBricks: NodeBrickConf[] | undefined;\n\n /**\n * 当节点数量达到或超过 `degradedThreshold` 时,节点将被降级展示。\n *\n * @default 500\n */\n @property({ type: Number })\n accessor degradedThreshold: number | undefined;\n\n // Set `attribute` to `false` event if it accepts string value.\n // Because when passing like \"<% DATA.node.data.name %>\", it will be\n // evaluated as object temporarily.\n /**\n * 设置节点将降级展示时显示的名称。\n *\n * @default \"<% DATA.node.id %>\"\n */\n @property({ attribute: false })\n accessor degradedNodeLabel: string | undefined;\n\n /**\n * 使用条件判断设置默认的边对应的连线。在 `if` 表达式中 `DATA` 为 `{ edge }`,例如:\n *\n * ```yaml\n * defaultEdgeLines:\n * - if: <% DATA.edge.data?.virtual %>\n * dashed: true\n * ```\n */\n @property({ attribute: false })\n accessor defaultEdgeLines: EdgeLineConf[] | undefined;\n\n @property({ attribute: false })\n accessor activeTarget: ActiveTarget | null | undefined;\n\n /**\n * 当鼠标悬浮到某节点上时,隐藏其他跟该节点无关的元素。\n */\n @property({ type: Boolean })\n accessor fadeUnrelatedCells: boolean | undefined;\n\n @property({ type: Boolean })\n accessor zoomable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor scrollable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor pannable: boolean | undefined = true;\n\n @property({ attribute: false })\n accessor scaleRange: RangeTuple | undefined;\n\n @event({ type: \"activeTarget.change\" })\n accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n #handleActiveTargetChange = (target: ActiveTarget | null) => {\n this.#activeTargetChangeEvent.emit(target);\n };\n\n #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n if (!sameTarget(target, this.activeTarget)) {\n this.activeTarget = target;\n }\n };\n\n @event({ type: \"cell.contextmenu\" })\n accessor #cellContextMenu!: EventEmitter<CellContextMenuDetail>;\n\n #handleCellContextMenu = (detail: CellContextMenuDetail) => {\n this.#cellContextMenu.emit(detail);\n };\n\n @event({ type: \"cell.click\" })\n accessor #cellClick!: EventEmitter<CellContextMenuDetail>;\n\n #handleCellClick = (detail: CellContextMenuDetail) => {\n this.#cellClick.emit(detail);\n };\n\n render() {\n return (\n <EoDisplayCanvasComponent\n shadowRoot={this.shadowRoot!}\n cells={this.cells}\n layout={this.layout}\n layoutOptions={this.layoutOptions}\n defaultNodeSize={this.defaultNodeSize}\n defaultNodeBricks={this.defaultNodeBricks}\n defaultEdgeLines={this.defaultEdgeLines}\n degradedThreshold={this.degradedThreshold}\n degradedNodeLabel={this.degradedNodeLabel}\n activeTarget={this.activeTarget}\n fadeUnrelatedCells={this.fadeUnrelatedCells}\n zoomable={this.zoomable}\n scrollable={this.scrollable}\n pannable={this.pannable}\n scaleRange={this.scaleRange}\n onActiveTargetChange={this.#handleActiveTargetChange}\n onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n onCellContextMenu={this.#handleCellContextMenu}\n onCellClick={this.#handleCellClick}\n />\n );\n }\n}\n\nexport interface EoDisplayCanvasComponentProps extends EoDisplayCanvasProps {\n shadowRoot: ShadowRoot;\n onActiveTargetChange(target: ActiveTarget | null): void;\n onSwitchActiveTarget(target: ActiveTarget | null): void;\n onCellContextMenu(detail: CellContextMenuDetail): void;\n onCellClick(detail: CellContextMenuDetail): void;\n}\n\nfunction EoDisplayCanvasComponent({\n shadowRoot,\n cells: initialCells,\n layout,\n layoutOptions,\n defaultNodeSize,\n defaultNodeBricks,\n defaultEdgeLines,\n degradedThreshold,\n degradedNodeLabel,\n activeTarget: _activeTarget,\n fadeUnrelatedCells,\n zoomable,\n scrollable,\n pannable,\n scaleRange: _scaleRange,\n onActiveTargetChange,\n onSwitchActiveTarget,\n onCellContextMenu,\n onCellClick,\n}: EoDisplayCanvasComponentProps) {\n const [{ cells, layoutKey }, dispatch] = useReducer(\n rootReducer,\n initialCells,\n (initialCells) => ({\n cells: initializeCells(initialCells, { defaultNodeSize }),\n layoutKey: 1,\n })\n );\n\n // When nodes are greater or equal to threshold, the diagram will be degraded.\n // Thus all nodes will be displayed as simple svg elements instead of bricks.\n const degraded = useMemo(\n () =>\n cells.filter(isNodeCell).length >=\n (degradedThreshold ?? DEFAULT_DEGRADED_THRESHOLD),\n [cells, degradedThreshold]\n );\n\n const rootRef = useRef<SVGSVGElement>(null);\n const cellsRef = useRef<SVGGElement>(null);\n\n const { grabbing, transform, zoomer, scaleRange } = useZoom({\n rootRef,\n zoomable,\n scrollable,\n pannable,\n draggable: true,\n scaleRange: _scaleRange,\n onSwitchActiveTarget,\n });\n\n const { centered, setCentered, getNextLayoutKey } = useLayout({\n layout,\n layoutOptions,\n rootRef,\n cells,\n zoomable,\n zoomer,\n scaleRange,\n layoutKey,\n dispatch,\n });\n\n const reCenter = useCallback(() => {\n setCentered(false);\n }, [setCentered]);\n\n const previousCellsRef = useRef(initialCells);\n\n useEffect(() => {\n if (initialCells !== previousCellsRef.current) {\n previousCellsRef.current = initialCells;\n const result = updateCells({\n canvasWidth: shadowRoot.host.clientWidth,\n canvasHeight: shadowRoot.host.clientHeight,\n defaultNodeSize,\n layout,\n previousCells: cells,\n cells: initialCells,\n scaleRange,\n transform,\n });\n dispatch({ type: \"update-cells\", payload: result.cells });\n }\n }, [\n cells,\n defaultNodeSize,\n initialCells,\n layout,\n scaleRange,\n shadowRoot,\n transform,\n ]);\n\n const activeTarget = useActiveTarget({\n cellsRef,\n activeTarget: _activeTarget,\n onActiveTargetChange,\n });\n\n const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n const markerPrefix = `${defPrefix}line-arrow-`;\n\n const handleNodeBrickResize = useCallback(\n (id: string, size: SizeTuple | null) => {\n dispatch({\n type: \"update-node-size\",\n payload: { id, size },\n layoutKey: getNextLayoutKey(),\n });\n },\n [getNextLayoutKey]\n );\n\n const [hoverCell, setHoverCell] = useState<Cell | null>(null);\n const handleCellMouseEnter = useCallback((cell: Cell) => {\n setHoverCell(cell);\n }, []);\n const handleCellMouseLeave = useCallback((cell: Cell) => {\n setHoverCell((prev) => (prev === cell ? null : prev));\n }, []);\n\n const [unrelatedCells, setUnrelatedCells] = useState<Cell[]>([]);\n useEffect(() => {\n const nextUnrelated = fadeUnrelatedCells\n ? getUnrelatedCells(cells, null, hoverCell)\n : [];\n // Do not update the state when prev and next are both empty.\n setUnrelatedCells((prev) =>\n prev.length === 0 && nextUnrelated.length === 0 ? prev : nextUnrelated\n );\n }, [cells, fadeUnrelatedCells, hoverCell]);\n\n const handleZoomSlide = useCallback(\n (value: number) => {\n // istanbul ignore next\n if (process.env.NODE_ENV !== \"test\") {\n zoomer.scaleTo(select(rootRef.current!), value / 100);\n }\n },\n [zoomer]\n );\n\n const [lineConfMap, markers] = useLineMarkers({\n cells,\n defaultEdgeLines,\n markerPrefix,\n });\n\n const ready = useReady({ cells, layout, centered });\n\n return (\n <>\n <svg\n width=\"100%\"\n height=\"100%\"\n ref={rootRef}\n className={classNames(\"root\", { grabbing, pannable, ready })}\n tabIndex={-1}\n >\n <defs>\n {markers.map((marker, index) => (\n <MarkerComponent\n key={index}\n id={`${markerPrefix}${index}`}\n type=\"arrow\"\n strokeColor={marker.strokeColor}\n />\n ))}\n </defs>\n <g\n transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n >\n <g className=\"cells\" ref={cellsRef}>\n {cells.map((cell) => (\n <CellComponent\n key={`${cell.type}:${isEdgeCell(cell) ? `${cell.source}~${cell.target}` : cell.id}`}\n layout={undefined}\n cell={cell}\n cells={cells}\n degraded={degraded}\n degradedNodeLabel={degradedNodeLabel}\n defaultNodeBricks={defaultNodeBricks}\n lineConfMap={lineConfMap}\n transform={transform}\n activeTarget={activeTarget}\n readOnly\n unrelatedCells={unrelatedCells}\n onSwitchActiveTarget={onSwitchActiveTarget}\n onCellContextMenu={onCellContextMenu}\n onCellClick={onCellClick}\n onNodeBrickResize={handleNodeBrickResize}\n onCellMouseEnter={\n fadeUnrelatedCells && isNodeCell(cell)\n ? handleCellMouseEnter\n : undefined\n }\n onCellMouseLeave={\n fadeUnrelatedCells && isNodeCell(cell)\n ? handleCellMouseLeave\n : undefined\n }\n />\n ))}\n </g>\n </g>\n </svg>\n <ZoomBarComponent\n shadowRoot={shadowRoot}\n scale={transform.k}\n scaleRange={scaleRange}\n onZoomChange={handleZoomSlide}\n onReCenter={reCenter}\n />\n </>\n );\n}\n"],"names":["defineElement","property","event","createDecorators","_EoDisplayCanvas","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_EoDisplayCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_P","_handleCellContextMenu","_Q","_handleCellClick","EoDisplayCanvas","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_init_cells","_init_extra_cells","_init_layout","_init_extra_layout","_init_layoutOptions","_init_extra_layoutOptions","_init_defaultNodeSize","DEFAULT_NODE_SIZE","_init_extra_defaultNodeSize","_init_defaultNodeBricks","_init_extra_defaultNodeBricks","_init_degradedThreshold","_init_extra_degradedThreshold","_init_degradedNodeLabel","_init_extra_degradedNodeLabel","_init_defaultEdgeLines","_init_extra_defaultEdgeLines","_init_activeTarget","_init_extra_activeTarget","_init_fadeUnrelatedCells","_init_extra_fadeUnrelatedCells","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_scaleRange","_init_extra_scaleRange","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","sameTarget","activeTarget","_init_cellContextMenu","_init_extra_cellContextMenu","detail","_get_cellContextMenu","_init_cellClick","_init_extra_cellClick","_get_cellClick","cells","_classPrivateFieldGet","v","_classPrivateFieldSet","layout","layoutOptions","defaultNodeSize","defaultNodeBricks","degradedThreshold","degradedNodeLabel","defaultEdgeLines","fadeUnrelatedCells","zoomable","scrollable","pannable","scaleRange","render","React","EoDisplayCanvasComponent","shadowRoot","onActiveTargetChange","onSwitchActiveTarget","onCellContextMenu","onCellClick","_ref","initialCells","_activeTarget","_scaleRange","layoutKey","dispatch","useReducer","rootReducer","initializeCells","degraded","useMemo","filter","isNodeCell","length","DEFAULT_DEGRADED_THRESHOLD","rootRef","useRef","cellsRef","grabbing","transform","zoomer","useZoom","draggable","centered","setCentered","getNextLayoutKey","useLayout","reCenter","useCallback","previousCellsRef","useEffect","current","result","updateCells","canvasWidth","host","clientWidth","canvasHeight","clientHeight","previousCells","type","payload","useActiveTarget","markerPrefix","uniqueId","handleNodeBrickResize","id","size","hoverCell","setHoverCell","useState","handleCellMouseEnter","cell","handleCellMouseLeave","prev","unrelatedCells","setUnrelatedCells","nextUnrelated","getUnrelatedCells","handleZoomSlide","value","scaleTo","select","lineConfMap","markers","useLineMarkers","ready","useReady","width","height","ref","className","classNames","tabIndex","map","marker","index","MarkerComponent","key","strokeColor","x","y","k","CellComponent","isEdgeCell","source","undefined","readOnly","onNodeBrickResize","onCellMouseEnter","onCellMouseLeave","ZoomBarComponent","scale","onZoomChange","onReCenter","_EoDisplayCanvas2","e","_set_activeTargetChangeEvent","_set_cellContextMenu","_set_cellClick","c","_initClass","_applyDecs","styleTexts","styleText","zoomBarStyleText","attribute","String","Number","Boolean","o","_","has","_checkInRHS"],"sourceRoot":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[8939],{3639:(e,t,a)=>{a.d(t,{w:()=>o});var s=a(8769),l=a.n(s),n=a(3373),i=a.n(n);function o(e){let{connectLineState:t,transform:a,markerEnd:n,onConnect:o}=e;const[r,d]=(0,s.useState)(null);return(0,s.useEffect)((()=>{t&&d(t.from)}),[t]),(0,s.useEffect)((()=>{if(t){const e=e=>{d([(e.clientX-a.x-t.offset[0])/a.k,(e.clientY-a.y-t.offset[1])/a.k])},s=e=>{e.stopPropagation()},l=e=>{e.stopPropagation(),n(),o(t,[(e.clientX-a.x-t.offset[0])/a.k,(e.clientY-a.y-t.offset[1])/a.k])},n=()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mousedown",s,{capture:!0}),document.removeEventListener("click",l,{capture:!0}),d(null)};return document.addEventListener("mousemove",e),document.addEventListener("mousedown",s,{capture:!0}),document.addEventListener("click",l,{capture:!0}),n}}),[t,o,a]),l().createElement("path",{className:i()("connect-line",{connecting:!!t&&r&&(r[0]-t.from[0])**2+(r[1]-t.from[1])**2>25}),d:t&&r?`M${t.from.join(" ")}L${r.join(" ")}`:"",fill:"none",stroke:"gray",strokeWidth:1,markerEnd:`url(#${n})`})}},9068:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>Ct,EoDrawCanvasComponent:()=>kt});var s,l=a(4635),n=a(918),i=a(6902),o=a(2559),r=a(5536),d=a(6121),c=a(829),h=a(2740),u=a(8769),g=a.n(u),p=a(5351),A=a(3340),v=a(9991),f=(a(9583),a(1030)),m=a(3373),y=a.n(m),w=a(7566),k=a(5748),C=a(3739),x=a(531),b=a(8185),E=a(5114),M=a(908),N=a(3639),T=a(3783),W=a(2098),z=a(227),L=a(3033),R=a(8091),B=a(1819),S=a(7099),D=a(1484),P=a(8197),$=a(7531),H=a(2219),O=a(3012),Y=a(6237),K=a(9386);let U,_,j,F,X,I,q,J,Q,Z,G,V,ee,te,ae,se,le,ne,ie,oe,re,de,ce,he,ue,ge,pe,Ae,ve,fe,me,ye,we,ke,Ce,xe,be,Ee,Me,Ne,Te,We,ze,Le,Re,Be,Se,De,Pe,$e,He,Oe,Ye,Ke,Ue,_e,je,Fe,Xe,Ie,qe,Je,Qe,Ze,Ge,Ve,et,tt,at,st,lt,nt,it,ot,rt,dt,ct,ht,ut,gt,pt,At;const vt=(0,v.unwrapProvider)("basic.lock-body-scroll"),{defineElement:ft,property:mt,method:yt,event:wt}=(0,p.createDecorators)(),kt=g().forwardRef(ua);let Ct;var xt=new WeakMap,bt=new WeakMap,Et=new WeakMap,Mt=new WeakMap,Nt=new WeakMap,Tt=new WeakMap,Wt=new WeakMap,zt=new WeakMap,Lt=new WeakMap,Rt=new WeakMap,Bt=new WeakMap,St=new WeakMap,Dt=new WeakMap,Pt=new WeakMap,$t=new WeakMap,Ht=new WeakMap,Ot=new WeakMap,Yt=new WeakMap,Kt=new WeakMap,Ut=new WeakSet,_t=new WeakMap,jt=new WeakMap,Ft=new WeakMap,Xt=new WeakMap,It=new WeakMap,qt=new WeakMap,Jt=new WeakMap,Qt=new WeakMap,Zt=new WeakMap,Gt=new WeakMap,Vt=new WeakMap,ea=new WeakMap,ta=new WeakMap,aa=new WeakMap,sa=new WeakMap,la=new WeakMap,na=new WeakMap,ia=new WeakMap,oa=new WeakMap,ra=new WeakMap,da=new WeakMap;class ca extends A.ReactNextElement{constructor(){super(...arguments),(0,l.A)(this,Ut),(0,n.A)(this,xt,(U(this),j(this))),(0,n.A)(this,bt,(F(this),X(this))),(0,n.A)(this,Et,(I(this),q(this))),(0,n.A)(this,Mt,(J(this),Q(this,[L.HP,L.HP]))),(0,n.A)(this,Nt,(Z(this),G(this))),(0,n.A)(this,Tt,(V(this),ee(this))),(0,n.A)(this,Wt,(te(this),ae(this))),(0,n.A)(this,zt,(se(this),le(this))),(0,n.A)(this,Lt,(ne(this),ie(this))),(0,n.A)(this,Rt,(oe(this),re(this))),(0,n.A)(this,Bt,(de(this),ce(this,!0))),(0,n.A)(this,St,(he(this),ue(this,!0))),(0,n.A)(this,Dt,(ge(this),pe(this,!0))),(0,n.A)(this,Pt,(Ae(this),ve(this,!0))),(0,n.A)(this,$t,(fe(this),me(this,!1))),(0,n.A)(this,Ht,(ye(this),we(this))),(0,n.A)(this,Ot,(ke(this),Ce(this))),(0,n.A)(this,Yt,(xe(this),be(this))),(0,n.A)(this,Kt,(Ee(this),Me(this))),(0,n.A)(this,_t,(We(this),e=>{(0,r.A)(Ut,this,Ne).emit(e)})),(0,n.A)(this,jt,(e=>{(0,b.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,n.A)(this,Ft,ze(this)),(0,n.A)(this,Xt,(Be(this),Se(this))),(0,n.A)(this,It,($e(this),e=>{(0,r.A)(Ut,this,De).emit(e),"node"===e.type&&(0,r.A)(Ut,this,Le).emit(e)})),(0,n.A)(this,qt,He(this)),(0,n.A)(this,Jt,(Ke(this),e=>{(0,r.A)(Ut,this,Oe).emit(e)})),(0,n.A)(this,Qt,Ue(this)),(0,n.A)(this,Zt,(Fe(this),e=>{(0,r.A)(Ut,this,_e).emit(e)})),(0,n.A)(this,Gt,Xe(this)),(0,n.A)(this,Vt,(Je(this),Qe(this))),(0,n.A)(this,ea,(Ve(this),e=>{(0,r.A)(Ut,this,Ze).emit(e),"node"===e.type&&(0,r.A)(Ut,this,Ie).emit(e)})),(0,n.A)(this,ta,et(this)),(0,n.A)(this,aa,(st(this),e=>{(0,r.A)(Ut,this,tt).emit(e)})),(0,n.A)(this,sa,lt(this)),(0,n.A)(this,la,(ot(this),e=>{(0,r.A)(Ut,this,nt).emit(e)})),(0,n.A)(this,na,rt(this)),(0,n.A)(this,ia,(ht(this),e=>{(0,r.A)(Ut,this,dt).emit(e)})),(0,n.A)(this,oa,ut(this)),(0,n.A)(this,ra,(At(this),e=>{(0,r.A)(Ut,this,gt).emit(e)})),(0,n.A)(this,da,(0,u.createRef)())}get cells(){return(0,c.A)(xt,this)}set cells(e){(0,d.A)(xt,this,e)}get layout(){return(0,c.A)(bt,this)}set layout(e){(0,d.A)(bt,this,e)}get layoutOptions(){return(0,c.A)(Et,this)}set layoutOptions(e){(0,d.A)(Et,this,e)}get defaultNodeSize(){return(0,c.A)(Mt,this)}set defaultNodeSize(e){(0,d.A)(Mt,this,e)}get defaultNodeBricks(){return(0,c.A)(Nt,this)}set defaultNodeBricks(e){(0,d.A)(Nt,this,e)}get degradedThreshold(){return(0,c.A)(Tt,this)}set degradedThreshold(e){(0,d.A)(Tt,this,e)}get degradedNodeLabel(){return(0,c.A)(Wt,this)}set degradedNodeLabel(e){(0,d.A)(Wt,this,e)}get defaultEdgeLines(){return(0,c.A)(zt,this)}set defaultEdgeLines(e){(0,d.A)(zt,this,e)}get activeTarget(){return(0,c.A)(Lt,this)}set activeTarget(e){(0,d.A)(Lt,this,e)}get fadeUnrelatedCells(){return(0,c.A)(Rt,this)}set fadeUnrelatedCells(e){(0,d.A)(Rt,this,e)}get zoomable(){return(0,c.A)(Bt,this)}set zoomable(e){(0,d.A)(Bt,this,e)}get scrollable(){return(0,c.A)(St,this)}set scrollable(e){(0,d.A)(St,this,e)}get pannable(){return(0,c.A)(Dt,this)}set pannable(e){(0,d.A)(Dt,this,e)}get selectable(){return(0,c.A)(Pt,this)}set selectable(e){(0,d.A)(Pt,this,e)}get allowEdgeToArea(){return(0,c.A)($t,this)}set allowEdgeToArea(e){(0,d.A)($t,this,e)}get dragBehavior(){return(0,c.A)(Ht,this)}set dragBehavior(e){(0,d.A)(Ht,this,e)}get ctrlDragBehavior(){return(0,c.A)(Ot,this)}set ctrlDragBehavior(e){(0,d.A)(Ot,this,e)}get scaleRange(){return(0,c.A)(Yt,this)}set scaleRange(e){(0,d.A)(Yt,this,e)}async dropNode(e){var t,a;let{id:s,position:l,size:n,data:i,useBrick:o}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,l[0],l[1]))||void 0===t?void 0:t.includes(this)){var r;const e=this.getBoundingClientRect(),t=(0,c.A)(da,this).current.getTransform(),a={type:"node",id:s,view:{..."force"===this.layout||"dagre"===this.layout?null:{x:(l[0]-e.left-t.x)/t.k,y:(l[1]-e.top-t.y)/t.k},width:(null==n?void 0:n[0])??this.defaultNodeSize[0],height:(null==n?void 0:n[1])??this.defaultNodeSize[0]},data:i,useBrick:o};return null===(r=(0,c.A)(da,this).current)||void 0===r||r.dropNode(a),a}return null}async dropDecorator(e){var t,a;let{position:s,decorator:l,text:n}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,s[0],s[1]))||void 0===t?void 0:t.includes(this)){var i;const e=this.getBoundingClientRect(),t=(0,c.A)(da,this).current.getTransform(),a={type:"decorator",decorator:l,id:"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){const t=16*Math.random()|0;return("x"==e?t:3&t|8).toString(16)})),view:{x:(s[0]-e.left-t.x)/t.k,y:(s[1]-e.top-t.y)/t.k,width:L.N8,height:L.w1,text:n}};return null===(i=(0,c.A)(da,this).current)||void 0===i||i.dropDecorator(a),a}return null}async addNodes(e){if(0===e.length)return[];const t=e.map((e=>{let{size:t,useBrick:a,id:s,data:l}=e;return{type:"node",id:s,data:l,view:{width:(null==t?void 0:t[0])??this.defaultNodeSize[0],height:(null==t?void 0:t[1])??this.defaultNodeSize[0]},useBrick:a}}));return(0,c.A)(da,this).current.addNodes(t,{defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight})}async addEdge(e){var t;let{source:a,target:s,data:l}=e;const n={type:"edge",source:a,target:s,data:l};return null===(t=(0,c.A)(da,this).current)||void 0===t||t.addEdge(n),n}manuallyConnectNodes(e){return(0,c.A)(da,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(Ut,this,ha).call(this);const{updated:a}=(0,c.A)(da,this).current.updateCells(e,{...t,defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight});return{updated:a}}disconnectedCallback(){super.disconnectedCallback(),vt(this,!1)}render(){return g().createElement(kt,{host:this,ref:(0,c.A)(da,this),layout:this.layout,layoutOptions:this.layoutOptions,cells:this.cells,defaultNodeSize:this.defaultNodeSize,defaultNodeBricks:this.defaultNodeBricks,defaultEdgeLines:this.defaultEdgeLines,degradedThreshold:this.degradedThreshold,degradedNodeLabel:this.degradedNodeLabel,activeTarget:this.activeTarget,fadeUnrelatedCells:this.fadeUnrelatedCells,zoomable:this.zoomable,scrollable:this.scrollable,pannable:this.pannable,dragBehavior:this.dragBehavior,ctrlDragBehavior:this.ctrlDragBehavior,scaleRange:this.scaleRange,allowEdgeToArea:this.allowEdgeToArea,onActiveTargetChange:(0,c.A)(_t,this),onSwitchActiveTarget:(0,c.A)(jt,this),onCellMove:(0,c.A)(It,this),onCellsMove:(0,c.A)(Jt,this),onCellResize:(0,c.A)(Zt,this),onCellDelete:(0,c.A)(ea,this),onCellsDelete:(0,c.A)(aa,this),onCellContextMenu:(0,c.A)(la,this),onDecoratorTextChange:(0,c.A)(ia,this),onScaleChange:(0,c.A)(ra,this)})}}function ha(){return new Promise((e=>{const t=()=>{(0,c.A)(da,this).current?e():setTimeout(t,10)};t()}))}function ua(e,t){let{host:a,layout:s,layoutOptions:l,cells:n,defaultNodeSize:i,defaultNodeBricks:o,defaultEdgeLines:r,degradedThreshold:d,degradedNodeLabel:c,activeTarget:h,fadeUnrelatedCells:p,zoomable:A,scrollable:v,pannable:m,dragBehavior:b,ctrlDragBehavior:O,scaleRange:Y,allowEdgeToArea:U,onActiveTargetChange:_,onSwitchActiveTarget:j,onCellMove:F,onCellResize:X,onCellDelete:I,onCellsMove:q,onCellsDelete:J,onCellContextMenu:Q,onDecoratorTextChange:Z,onScaleChange:G}=e;const[{cells:V,layoutKey:ee},te]=(0,u.useReducer)(k.d,n,(e=>({cells:(0,T.C)(e,{defaultNodeSize:i}),layoutKey:0}))),ae=(0,u.useMemo)((()=>V.filter(x.N).length>=(d??L.pC)),[V,d]),se=(0,u.useRef)(null),le=(0,u.useRef)(null),ne=(0,u.useRef)(null),[ie,oe]=(0,u.useState)([]),{grabbing:re,transform:de,zoomer:ce,scaleRange:he}=(0,R.f)({rootRef:se,zoomable:A,scrollable:v,pannable:m,draggable:"grab"===b,ctrlDraggable:"grab"===O,scaleRange:Y,onSwitchActiveTarget:j});(0,u.useEffect)((()=>{G(de.k)}),[G,de.k]);const[ue,ge]=(0,u.useState)(null),[pe,Ae]=(0,u.useState)(null),{centered:ve,setCentered:fe,getNextLayoutKey:me}=(0,D.g)({layout:s,layoutOptions:l,rootRef:se,cells:V,zoomable:A,zoomer:ce,scaleRange:he,layoutKey:ee,allowEdgeToArea:U,dispatch:te});(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==s&&"force"!==s&&fe(!0),te({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==s&&"force"!==s&&fe(!0),te({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:l,canvasHeight:n}=t;const i=V.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,o=[...V.slice(0,i),...e,...V.slice(i)],{cells:r,updated:d,shouldReCenter:c}=(0,W.L)({cells:o,layout:s,previousCells:V,defaultNodeSize:a,canvasWidth:l,canvasHeight:n,scaleRange:he,transform:de,allowEdgeToArea:U});return c&&fe(!1),te({type:"update-cells",payload:r}),d.filter((t=>e.includes(t)))},addEdge(e){te({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...l}=(0,W.L)({...t,layout:s,previousCells:V,cells:e,scaleRange:he,transform:de,allowEdgeToArea:U});return a&&fe(!1),te({type:"update-cells",payload:l.cells}),l},getTransform:()=>de,manuallyConnectNodes(e){const t=V.find((t=>(U&&(0,x.o6)(t)||(0,x.N)(t))&&t.id===e));if(t){const e=se.current.getBoundingClientRect();return Ae({source:t,from:[t.view.x+t.view.width/2,t.view.y+t.view.height/2],offset:[e.left,e.top]}),new Promise(((e,t)=>{ne.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[V,s,he,fe,de,U]);const ye=(0,u.useCallback)(((e,t)=>{var a;for(let a=V.length-1;a>=0;a--){const l=V[a];if((U&&(0,x.o6)(l)||(0,x.N)(l))&&l.id!==e.source.id&&l.view.x<t[0]&&l.view.x+l.view.width>t[0]&&l.view.y<t[1]&&l.view.y+l.view.height>t[1]){var s;null===(s=ne.current)||void 0===s||s.resolve({source:e.source,target:l});break}}null===(a=ne.current)||void 0===a||a.reject(null),Ae(null)}),[V]);(0,u.useEffect)((()=>{vt(a,!(!pe&&!ue))}),[pe,a,ue]);const we=(0,B.J)({cellsRef:le,activeTarget:h,onActiveTargetChange:_}),[ke,Ce]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=p?(0,z.Y)(V,pe,we,U):[];Ce((t=>0===t.length&&0===e.length?t:e))}),[we,V,pe,p,U]),(0,u.useEffect)((()=>{const e=se.current;if(!e||ie.length>0)return;const t=e=>{const t=(0,E.a)(e,{cells:V,activeTarget:we});"delete-cells"===(null==t?void 0:t.action)&&(J(t.cells),1===t.cells.length&&I(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[we,V,ie.length,I,J]);const xe=`${(0,u.useMemo)((()=>`${(0,f.uniqueId)("diagram-")}-`),[])}line-arrow-`,be=(0,u.useCallback)((e=>{te({type:"move-cells",payload:e})}),[]),Ee=(0,u.useCallback)((e=>{te({type:"move-cells",payload:e}),q(e),1===e.length&&F(e[0])}),[F,q]),Me=(0,u.useCallback)((e=>{te({type:"resize-cell",payload:e})}),[]),Ne=(0,u.useCallback)((e=>{te({type:"resize-cell",payload:e}),X(e)}),[X]),Te=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;oe(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),We=(0,u.useCallback)(((e,t)=>{const a=me();te({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[me]),ze=(0,u.useCallback)((e=>{ce.scaleTo((0,w.A)(se.current),e/100)}),[ce]),Le=(0,u.useCallback)((()=>{fe(!1)}),[fe]),[Re,Be]=(0,$.d)({cells:V,defaultEdgeLines:r,markerPrefix:xe}),Se=(0,P.H)({cells:V,layout:s,centered:ve});return(0,u.useEffect)((()=>{const e=se.current;if(!e||"lasso"!==b)return;const t=e.getBoundingClientRect(),a=e=>{(0,H.F)(e,{transform:de,offset:[t.left,t.top],onLassoing(e){ge(e)},onLassoed(e){ge(null);const t=[];for(const a of V)if((0,x.o6)(a)){const s=a.view.x,l=a.view.y;s>=e.x&&s+a.view.width<=e.x+e.width&&l>=e.y&&l+a.view.height<=e.y+e.height&&t.push(a)}null==j||j(t.length>1?{type:"multi",targets:t.map(K.P)}:1===t.length?(0,K.P)(t[0]):null)}})};return e.addEventListener("mousedown",a),()=>{e.removeEventListener("mousedown",a)}}),[de,V,b,j]),g().createElement(g().Fragment,null,g().createElement("svg",{width:"100%",height:"100%",ref:se,className:y()("root",{grabbing:re,pannable:m,ready:Se}),tabIndex:-1},g().createElement("defs",null,Be.map(((e,t)=>g().createElement(C.c,{key:t,id:`${xe}${t}`,type:"arrow",strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${de.x} ${de.y}) scale(${de.k})`},g().createElement("g",{className:y()("cells",{allowEdgeToArea:U}),ref:le},V.map((e=>g().createElement(M.m,{key:`${e.type}:${"edge"===e.type?`${e.source}~${e.target}`:e.id}`,layout:s,cell:e,cells:V,degraded:ae,degradedNodeLabel:c,defaultNodeBricks:o,transform:de,lineConfMap:Re,activeTarget:we,unrelatedCells:ke,onCellsMoving:be,onCellsMoved:Ee,onCellResizing:Me,onCellResized:Ne,onSwitchActiveTarget:j,onCellContextMenu:Q,onDecoratorTextChange:Z,onDecoratorTextEditing:Te,onNodeBrickResize:We})))),g().createElement(N.w,{connectLineState:pe,transform:de,markerEnd:`${xe}0`,onConnect:ye}),ue&&g().createElement("rect",{x:ue.x,y:ue.y,width:ue.width,height:ue.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}))),g().createElement(S.Y,{shadowRoot:a.shadowRoot,scale:de.k,scaleRange:he,onZoomChange:ze,onReCenter:Le}))}s=ca,({e:[j,F,X,I,q,J,Q,Z,G,V,ee,te,ae,se,le,ne,ie,oe,re,de,ce,he,ue,ge,pe,Ae,ve,fe,me,ye,we,ke,Ce,xe,be,Ee,Me,Ne,Te,We,ze,Le,Re,Be,Se,De,Pe,$e,He,Oe,Ye,Ke,Ue,_e,je,Fe,Xe,Ie,qe,Je,Qe,Ze,Ge,Ve,et,tt,at,st,lt,nt,it,ot,rt,dt,ct,ht,ut,gt,pt,At,U],c:[Ct,_]}=(0,h.A)(s,[ft("eo-draw-canvas",{styleTexts:[O.A,Y.A]})],[[mt({attribute:!1}),1,"cells"],[mt({type:String}),1,"layout"],[mt({attribute:!1}),1,"layoutOptions"],[mt({attribute:!1}),1,"defaultNodeSize"],[mt({attribute:!1}),1,"defaultNodeBricks"],[mt({type:Number}),1,"degradedThreshold"],[mt({attribute:!1}),1,"degradedNodeLabel"],[mt({attribute:!1}),1,"defaultEdgeLines"],[mt({attribute:!1}),1,"activeTarget"],[mt({type:Boolean}),1,"fadeUnrelatedCells"],[mt({type:Boolean}),1,"zoomable"],[mt({type:Boolean}),1,"scrollable"],[mt({type:Boolean}),1,"pannable"],[mt({type:Boolean}),1,"selectable"],[mt({type:Boolean}),1,"allowEdgeToArea"],[mt(),1,"dragBehavior"],[mt(),1,"ctrlDragBehavior"],[mt({attribute:!1}),1,"scaleRange"],[wt({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,c.A)(Kt,e),(e,t)=>(0,d.A)(Kt,e,t)],[wt({type:"node.move"}),1,"nodeMoveEvent",e=>(0,c.A)(Ft,e),(e,t)=>(0,d.A)(Ft,e,t)],[wt({type:"cell.move"}),1,"cellMoveEvent",e=>(0,c.A)(Xt,e),(e,t)=>(0,d.A)(Xt,e,t)],[wt({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,c.A)(qt,e),(e,t)=>(0,d.A)(qt,e,t)],[wt({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,c.A)(Qt,e),(e,t)=>(0,d.A)(Qt,e,t)],[wt({type:"node.delete"}),1,"nodeDelete",e=>(0,c.A)(Gt,e),(e,t)=>(0,d.A)(Gt,e,t)],[wt({type:"cell.delete"}),1,"cellDelete",e=>(0,c.A)(Vt,e),(e,t)=>(0,d.A)(Vt,e,t)],[wt({type:"cells.delete"}),1,"cellsDelete",e=>(0,c.A)(ta,e),(e,t)=>(0,d.A)(ta,e,t)],[wt({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,c.A)(sa,e),(e,t)=>(0,d.A)(sa,e,t)],[wt({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,c.A)(na,e),(e,t)=>(0,d.A)(na,e,t)],[wt({type:"scale.change"}),1,"scaleChange",e=>(0,c.A)(oa,e),(e,t)=>(0,d.A)(oa,e,t)],[yt(),2,"dropNode"],[yt(),2,"dropDecorator"],[yt(),2,"addNodes"],[yt(),2,"addEdge"],[yt(),2,"manuallyConnectNodes"],[yt(),2,"updateCells"]],0,(e=>da.has((0,i.A)(e))),A.ReactNextElement)),_()},5114:(e,t,a)=>{a.d(t,{a:()=>l});var s=a(4197);function l(e,t){let{cells:a,activeTarget:l}=t;const n=a.filter((e=>(0,s.Q)(e,l)));if(0!==n.length)switch(e.key||e.keyCode||e.which){case"Backspace":case 8:case"Delete":case 46:return e.preventDefault(),e.stopPropagation(),{action:"delete-cells",cells:n}}}},2219:(e,t,a)=>{function s(e,t){let{transform:a,offset:s,onLassoing:l,onLassoed:n}=t;if(e.ctrlKey||e.button)return;e.stopPropagation();const i=[e.clientX,e.clientY],o=(e.clientX-s[0]-a.x)/a.k,r=(e.clientY-s[1]-a.y)/a.k;let d=!1;const c=(e,t)=>{const s=function(e){return[(e.clientX-i[0])/a.k,(e.clientY-i[1])/a.k]}(e);if(d||(d=s[0]**2+s[1]**2>=9),d){let[e,a]=s,i=o,d=r;e<0&&(i=o+e,e=-e),a<0&&(d=r+a,a=-a),(t?n:l)({x:i,y:d,width:e,height:a})}},h=e=>{c(e)},u=e=>{c(e,!0),d=!1,document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",u)};document.addEventListener("mousemove",h),document.addEventListener("mouseup",u)}a.d(t,{F:()=>s})}}]);
|
|
2
|
+
//# sourceMappingURL=eo-draw-canvas.59ef988e.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chunks/eo-draw-canvas.114b6a94.js","mappings":"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","sources":["webpack:///./src/draw-canvas/ConnectLineComponent.tsx","webpack:///./src/draw-canvas/index.tsx","webpack:///./src/draw-canvas/processors/handleKeyboard.ts","webpack:///./src/draw-canvas/processors/handleLasso.ts"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport classNames from \"classnames\";\nimport type { ConnectLineState } from \"./interfaces\";\nimport type { PositionTuple, TransformLiteral } from \"../diagram/interfaces\";\n\nexport interface ConnectLineComponentProps {\n connectLineState: ConnectLineState | null;\n transform: TransformLiteral;\n markerEnd: string;\n onConnect(state: ConnectLineState, to: PositionTuple): void;\n}\n\nexport function ConnectLineComponent({\n connectLineState,\n transform,\n markerEnd,\n onConnect,\n}: ConnectLineComponentProps): JSX.Element {\n const [connectLineTo, setConnectLineTo] = useState<PositionTuple | null>(\n null\n );\n\n useEffect(() => {\n if (connectLineState) {\n setConnectLineTo(connectLineState.from);\n }\n }, [connectLineState]);\n\n useEffect(() => {\n if (connectLineState) {\n const onMouseMove = (e: MouseEvent) => {\n // Set connect line to based on the mouse position and the transform\n setConnectLineTo([\n (e.clientX - transform.x - connectLineState.offset[0]) / transform.k,\n (e.clientY - transform.y - connectLineState.offset[1]) / transform.k,\n ]);\n };\n const onMouseDown = (e: MouseEvent) => {\n e.stopPropagation();\n };\n const onClick = (e: MouseEvent) => {\n e.stopPropagation();\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n reset();\n onConnect(connectLineState, [\n (e.clientX - transform.x - connectLineState.offset[0]) / transform.k,\n (e.clientY - transform.y - connectLineState.offset[1]) / transform.k,\n ]);\n };\n const reset = () => {\n document.removeEventListener(\"mousemove\", onMouseMove);\n document.removeEventListener(\"mousedown\", onMouseDown, {\n capture: true,\n });\n document.removeEventListener(\"click\", onClick, { capture: true });\n setConnectLineTo(null);\n };\n document.addEventListener(\"mousemove\", onMouseMove);\n document.addEventListener(\"mousedown\", onMouseDown, { capture: true });\n document.addEventListener(\"click\", onClick, { capture: true });\n\n return reset;\n }\n }, [connectLineState, onConnect, transform]);\n\n return (\n <path\n className={classNames(\"connect-line\", {\n connecting:\n !!connectLineState &&\n connectLineTo &&\n // Do not show when the distance of mouse move is less than 5px\n (connectLineTo[0] - connectLineState.from[0]) ** 2 +\n (connectLineTo[1] - connectLineState.from[1]) ** 2 >\n 25,\n })}\n d={\n connectLineState && connectLineTo\n ? `M${connectLineState.from.join(\" \")}L${connectLineTo.join(\" \")}`\n : \"\"\n }\n fill=\"none\"\n stroke=\"gray\"\n strokeWidth={1}\n markerEnd={`url(#${markerEnd})`}\n />\n );\n}\n","import React, {\n createRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useReducer,\n useRef,\n useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport type { UseSingleBrickConf } from \"@next-core/react-runtime\";\nimport { unwrapProvider } from \"@next-core/utils/general\";\nimport \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport classNames from \"classnames\";\nimport { select } from \"d3-selection\";\nimport type { lockBodyScroll as _lockBodyScroll } from \"@next-bricks/basic/data-providers/lock-body-scroll/lock-body-scroll\";\nimport type {\n PositionTuple,\n RangeTuple,\n SizeTuple,\n TransformLiteral,\n} from \"../diagram/interfaces\";\nimport type {\n ActiveTarget,\n Cell,\n EdgeCell,\n InitialCell,\n NodeBrickConf,\n NodeCell,\n NodeId,\n DecoratorCell,\n DecoratorType,\n CellContextMenuDetail,\n ConnectLineState,\n Deferred,\n ConnectNodesDetail,\n EdgeLineConf,\n DecoratorTextChangeDetail,\n NodeView,\n LayoutType,\n LayoutOptions,\n} from \"./interfaces\";\nimport { rootReducer } from \"./reducers\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport { isNodeCell, isNodeOrAreaDecoratorCell } from \"./processors/asserts\";\nimport type { MoveCellPayload, ResizeCellPayload } from \"./reducers/interfaces\";\nimport { sameTarget } from \"./processors/sameTarget\";\nimport { handleKeyboard } from \"./processors/handleKeyboard\";\nimport { CellComponent } from \"./CellComponent\";\nimport { ConnectLineComponent } from \"./ConnectLineComponent\";\nimport { initializeCells } from \"./processors/initializeCells\";\nimport { updateCells } from \"./processors/updateCells\";\nimport { getUnrelatedCells } from \"./processors/getUnrelatedCells\";\nimport {\n DEFAULT_NODE_SIZE,\n DEFAULT_AREA_WIDTH,\n DEFAULT_AREA_HEIGHT,\n DEFAULT_DEGRADED_THRESHOLD,\n} from \"./constants\";\nimport { useZoom } from \"../shared/canvas/useZoom\";\nimport { useActiveTarget } from \"../shared/canvas/useActiveTarget\";\nimport { ZoomBarComponent } from \"../shared/canvas/ZoomBarComponent\";\nimport { useLayout } from \"../shared/canvas/useLayout\";\nimport { useReady } from \"../shared/canvas/useReady\";\nimport { useLineMarkers } from \"../shared/canvas/useLineMarkers\";\nimport { handleLasso } from \"./processors/handleLasso\";\nimport styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\nimport { cellToTarget } from \"./processors/cellToTarget\";\n\nconst lockBodyScroll = unwrapProvider<typeof _lockBodyScroll>(\n \"basic.lock-body-scroll\"\n);\n\nconst { defineElement, property, method, event } = createDecorators();\n\nexport interface EoDrawCanvasProps {\n cells: InitialCell[] | undefined;\n layout: LayoutType;\n layoutOptions?: LayoutOptions;\n defaultNodeSize: SizeTuple;\n defaultNodeBricks?: NodeBrickConf[];\n defaultEdgeLines?: EdgeLineConf[];\n degradedThreshold?: number;\n degradedNodeLabel?: string;\n activeTarget?: ActiveTarget | null;\n fadeUnrelatedCells?: boolean;\n zoomable?: boolean;\n scrollable?: boolean;\n pannable?: boolean;\n dragBehavior?: DragBehavior;\n ctrlDragBehavior?: CtrlDragBehavior;\n scaleRange?: RangeTuple;\n allowEdgeToArea?: boolean;\n}\n\nexport type DragBehavior = \"none\" | \"lasso\" | \"grab\";\nexport type CtrlDragBehavior = \"none\" | \"grab\";\n\nexport interface DropNodeInfo extends AddNodeInfo {\n /** [PointerEvent::clientX, PointerEvent::clientY] */\n position: PositionTuple;\n}\n\nexport interface DropDecoratorInfo {\n decorator: DecoratorType;\n /** [PointerEvent::clientX, PointerEvent::clientY] */\n position: PositionTuple;\n text?: string;\n}\n\nexport interface AddNodeInfo {\n id: NodeId;\n useBrick?: UseSingleBrickConf;\n data?: unknown;\n size?: SizeTuple;\n}\n\nexport interface AddEdgeInfo {\n source: NodeId;\n target: NodeId;\n data?: unknown;\n}\n\nexport interface UpdateCellsContext {\n reason: \"add-related-nodes\";\n parent: NodeId;\n}\n\nexport interface AddNodesContext {\n defaultNodeSize: SizeTuple;\n canvasWidth: number;\n canvasHeight: number;\n}\n\nexport const EoDrawCanvasComponent = React.forwardRef(\n LegacyEoDrawCanvasComponent\n);\n\n/**\n * 用于手工绘图的画布。\n *\n * 注意:将配套另外一个用于展示的画布构件。\n */\nexport\n@defineElement(\"eo-draw-canvas\", {\n styleTexts: [styleText, zoomBarStyleText],\n})\nclass EoDrawCanvas extends ReactNextElement implements EoDrawCanvasProps {\n /**\n * 仅当初始化时使用,渲染后重新设置 `cells` 将无效。\n */\n @property({ attribute: false })\n accessor cells: InitialCell[] | undefined;\n\n @property({ type: String })\n accessor layout: LayoutType;\n\n @property({ attribute: false })\n accessor layoutOptions: LayoutOptions | undefined;\n\n @property({ attribute: false })\n accessor defaultNodeSize: SizeTuple = [DEFAULT_NODE_SIZE, DEFAULT_NODE_SIZE];\n\n @property({ attribute: false })\n accessor defaultNodeBricks: NodeBrickConf[] | undefined;\n\n /**\n * 当节点数量达到或超过 `degradedThreshold` 时,节点将被降级展示。\n *\n * @default 500\n */\n @property({ type: Number })\n accessor degradedThreshold: number | undefined;\n\n // Set `attribute` to `false` event if it accepts string value.\n // Because when passing like \"<% DATA.node.data.name %>\", it will be\n // evaluated as object temporarily.\n /**\n * 设置节点将降级展示时显示的名称。\n *\n * @default \"<% DATA.node.id %>\"\n */\n @property({ attribute: false })\n accessor degradedNodeLabel: string | undefined;\n\n /**\n * 使用条件判断设置默认的边对应的连线。在 `if` 表达式中 `DATA` 为 `{ edge }`,例如:\n *\n * ```yaml\n * defaultEdgeLines:\n * - if: <% DATA.edge.data?.virtual %>\n * dashed: true\n * ```\n */\n @property({ attribute: false })\n accessor defaultEdgeLines: EdgeLineConf[] | undefined;\n\n @property({ attribute: false })\n accessor activeTarget: ActiveTarget | null | undefined;\n\n /**\n * 当 `activeTarget` 不为 `null` 时,隐藏其他跟该 `activeTarget` 无关的元素。\n */\n @property({ type: Boolean })\n accessor fadeUnrelatedCells: boolean | undefined;\n\n @property({ type: Boolean })\n accessor zoomable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor scrollable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor pannable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor selectable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor allowEdgeToArea: boolean | undefined = false;\n\n /**\n * 按住鼠标拖动时的行为:\n * - `none`:无\n * - `lasso`:绘制选区\n * - `grab`:拖动画布\n *\n * @default \"none\"\n */\n @property()\n accessor dragBehavior: DragBehavior | undefined;\n\n /**\n * 按住 ctrl 键并按住鼠标拖动时的行为:\n * - `none`:无\n * - `grab`:拖动画布\n *\n * @default \"none\"\n */\n @property()\n accessor ctrlDragBehavior: CtrlDragBehavior | undefined;\n\n @property({ attribute: false })\n accessor scaleRange: RangeTuple | undefined;\n\n @event({ type: \"activeTarget.change\" })\n accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n #handleActiveTargetChange = (target: ActiveTarget | null) => {\n this.#activeTargetChangeEvent.emit(target);\n };\n\n #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n if (!sameTarget(target, this.activeTarget)) {\n this.activeTarget = target;\n }\n };\n\n /**\n * @deprecated Use `cell.move` instead.\n */\n @event({ type: \"node.move\" })\n accessor #nodeMoveEvent!: EventEmitter<MoveCellPayload>;\n\n @event({ type: \"cell.move\" })\n accessor #cellMoveEvent!: EventEmitter<MoveCellPayload>;\n\n #handleCellMove = (info: MoveCellPayload) => {\n this.#cellMoveEvent.emit(info);\n if (info.type === \"node\") {\n this.#nodeMoveEvent.emit(info);\n }\n };\n\n @event({ type: \"cells.move\" })\n accessor #cellsMoveEvent!: EventEmitter<MoveCellPayload[]>;\n\n #handleCellsMove = (info: MoveCellPayload[]) => {\n this.#cellsMoveEvent.emit(info);\n };\n\n @event({ type: \"cell.resize\" })\n accessor #cellResizeEvent!: EventEmitter<ResizeCellPayload>;\n\n #handleCellResize = (info: ResizeCellPayload) => {\n this.#cellResizeEvent.emit(info);\n };\n\n /**\n * @deprecated Use `cell.delete` instead.\n */\n @event({ type: \"node.delete\" })\n accessor #nodeDelete!: EventEmitter<Cell>;\n\n @event({ type: \"cell.delete\" })\n accessor #cellDelete!: EventEmitter<Cell>;\n\n #handleCellDelete = (cell: Cell) => {\n this.#cellDelete.emit(cell);\n if (cell.type === \"node\") {\n this.#nodeDelete.emit(cell);\n }\n };\n\n @event({ type: \"cells.delete\" })\n accessor #cellsDelete!: EventEmitter<Cell[]>;\n\n #handleCellsDelete = (cells: Cell[]) => {\n this.#cellsDelete.emit(cells);\n };\n\n @event({ type: \"cell.contextmenu\" })\n accessor #cellContextMenu!: EventEmitter<CellContextMenuDetail>;\n\n #handleCellContextMenu = (detail: CellContextMenuDetail) => {\n this.#cellContextMenu.emit(detail);\n };\n\n @event({ type: \"decorator.text.change\" })\n accessor #decoratorTextChange!: EventEmitter<DecoratorTextChangeDetail>;\n\n #handleDecoratorTextChange = (detail: DecoratorTextChangeDetail) => {\n this.#decoratorTextChange.emit(detail);\n };\n\n /**\n * 缩放变化后,从素材库拖拽元素进画布时,拖拽图像应设置对应的缩放比例。\n */\n @event({ type: \"scale.change\" })\n accessor #scaleChange!: EventEmitter<number>;\n\n #handleScaleChange = (scale: number) => {\n this.#scaleChange.emit(scale);\n };\n\n @method()\n async dropNode({\n id,\n position,\n size,\n data,\n useBrick,\n }: DropNodeInfo): Promise<NodeCell | null> {\n // Drag and then drop a node\n const droppedInside = document\n .elementsFromPoint?.(position[0], position[1])\n ?.includes(this);\n if (droppedInside) {\n const boundingClientRect = this.getBoundingClientRect();\n const transform = this.#canvasRef.current!.getTransform();\n const newNode = {\n type: \"node\",\n id,\n view: {\n ...(this.layout === \"force\" || this.layout === \"dagre\"\n ? null\n : {\n x:\n (position[0] - boundingClientRect.left - transform.x) /\n transform.k,\n y:\n (position[1] - boundingClientRect.top - transform.y) /\n transform.k,\n }),\n width: size?.[0] ?? this.defaultNodeSize[0],\n height: size?.[1] ?? this.defaultNodeSize[0],\n },\n data,\n useBrick,\n } as NodeCell;\n this.#canvasRef.current?.dropNode(newNode);\n return newNode;\n }\n return null;\n }\n\n @method()\n async dropDecorator({\n position,\n decorator,\n text,\n }: DropDecoratorInfo): Promise<DecoratorCell | null> {\n // Drag and then drop a node\n const droppedInside = document\n .elementsFromPoint?.(position[0], position[1])\n ?.includes(this);\n if (droppedInside) {\n const boundingClientRect = this.getBoundingClientRect();\n const transform = this.#canvasRef.current!.getTransform();\n const newDecorator: DecoratorCell = {\n type: \"decorator\",\n decorator,\n id: uuidV4(),\n view: {\n x:\n (position[0] - boundingClientRect.left - transform.x) / transform.k,\n y: (position[1] - boundingClientRect.top - transform.y) / transform.k,\n width: DEFAULT_AREA_WIDTH,\n height: DEFAULT_AREA_HEIGHT,\n text,\n },\n };\n this.#canvasRef.current?.dropDecorator(newDecorator);\n return newDecorator;\n }\n return null;\n }\n\n @method()\n async addNodes(nodes: AddNodeInfo[]): Promise<NodeCell[]> {\n if (nodes.length === 0) {\n return [];\n }\n const newNodes = nodes.map<NodeCell>(({ size, useBrick, id, data }) => ({\n type: \"node\",\n id,\n data,\n view: {\n width: size?.[0] ?? this.defaultNodeSize[0],\n height: size?.[1] ?? this.defaultNodeSize[0],\n } as NodeView,\n useBrick,\n }));\n return this.#canvasRef.current!.addNodes(newNodes, {\n defaultNodeSize: this.defaultNodeSize,\n canvasWidth: this.clientWidth,\n canvasHeight: this.clientHeight,\n });\n }\n\n @method()\n async addEdge({ source, target, data }: AddEdgeInfo): Promise<EdgeCell> {\n const newEdge: EdgeCell = {\n type: \"edge\",\n source,\n target,\n data,\n };\n this.#canvasRef.current?.addEdge(newEdge);\n return newEdge;\n }\n\n @method()\n manuallyConnectNodes(source: NodeId): Promise<ConnectNodesDetail> {\n return this.#canvasRef.current!.manuallyConnectNodes(source);\n }\n\n @method()\n async updateCells(\n cells: InitialCell[],\n ctx?: UpdateCellsContext\n ): Promise<{ updated: Cell[] }> {\n await this.#waitForCanvasRef();\n const { updated } = this.#canvasRef.current!.updateCells(cells, {\n ...ctx,\n defaultNodeSize: this.defaultNodeSize,\n canvasWidth: this.clientWidth,\n canvasHeight: this.clientHeight,\n });\n return { updated };\n }\n\n #waitForCanvasRef() {\n return new Promise<void>((resolve) => {\n const check = () => {\n if (this.#canvasRef.current) {\n resolve();\n } else {\n setTimeout(check, 10);\n }\n };\n check();\n });\n }\n\n #canvasRef = createRef<DrawCanvasRef>();\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n lockBodyScroll(this, false);\n }\n\n render() {\n return (\n <EoDrawCanvasComponent\n host={this}\n ref={this.#canvasRef}\n layout={this.layout}\n layoutOptions={this.layoutOptions}\n cells={this.cells}\n defaultNodeSize={this.defaultNodeSize}\n defaultNodeBricks={this.defaultNodeBricks}\n defaultEdgeLines={this.defaultEdgeLines}\n degradedThreshold={this.degradedThreshold}\n degradedNodeLabel={this.degradedNodeLabel}\n activeTarget={this.activeTarget}\n fadeUnrelatedCells={this.fadeUnrelatedCells}\n zoomable={this.zoomable}\n scrollable={this.scrollable}\n pannable={this.pannable}\n dragBehavior={this.dragBehavior}\n ctrlDragBehavior={this.ctrlDragBehavior}\n scaleRange={this.scaleRange}\n allowEdgeToArea={this.allowEdgeToArea}\n onActiveTargetChange={this.#handleActiveTargetChange}\n onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n onCellMove={this.#handleCellMove}\n onCellsMove={this.#handleCellsMove}\n onCellResize={this.#handleCellResize}\n onCellDelete={this.#handleCellDelete}\n onCellsDelete={this.#handleCellsDelete}\n onCellContextMenu={this.#handleCellContextMenu}\n onDecoratorTextChange={this.#handleDecoratorTextChange}\n onScaleChange={this.#handleScaleChange}\n />\n );\n }\n}\n\nexport interface EoDrawCanvasComponentProps extends EoDrawCanvasProps {\n host: HTMLElement;\n onActiveTargetChange(target: ActiveTarget | null): void;\n onSwitchActiveTarget(target: ActiveTarget | null): void;\n onCellMove(info: MoveCellPayload): void;\n onCellResize(cell: ResizeCellPayload): void;\n onCellDelete(cell: Cell): void;\n onCellsMove(info: MoveCellPayload[]): void;\n onCellsDelete(cells: Cell[]): void;\n onCellContextMenu(detail: CellContextMenuDetail): void;\n onDecoratorTextChange(detail: DecoratorTextChangeDetail): void;\n onScaleChange(scale: number): void;\n}\n\nexport interface DrawCanvasRef {\n dropNode(node: NodeCell): void;\n dropDecorator(decorator: DecoratorCell): void;\n addNodes(nodes: NodeCell[], ctx: AddNodesContext): NodeCell[];\n addEdge(edge: EdgeCell): void;\n manuallyConnectNodes(source: NodeId): Promise<ConnectNodesDetail>;\n updateCells(\n cells: InitialCell[],\n ctx: Partial<UpdateCellsContext> & {\n defaultNodeSize: SizeTuple;\n canvasWidth: number;\n canvasHeight: number;\n }\n ): {\n cells: Cell[];\n updated: Cell[];\n };\n getTransform(): TransformLiteral;\n}\n\nfunction LegacyEoDrawCanvasComponent(\n {\n host,\n layout,\n layoutOptions,\n cells: initialCells,\n defaultNodeSize,\n defaultNodeBricks,\n defaultEdgeLines,\n degradedThreshold,\n degradedNodeLabel,\n activeTarget: _activeTarget,\n fadeUnrelatedCells,\n zoomable,\n scrollable,\n pannable,\n dragBehavior,\n ctrlDragBehavior,\n scaleRange: _scaleRange,\n allowEdgeToArea,\n onActiveTargetChange,\n onSwitchActiveTarget,\n onCellMove,\n onCellResize,\n onCellDelete,\n onCellsMove,\n onCellsDelete,\n onCellContextMenu,\n onDecoratorTextChange,\n onScaleChange,\n }: EoDrawCanvasComponentProps,\n ref: React.Ref<DrawCanvasRef>\n) {\n const [{ cells, layoutKey }, dispatch] = useReducer(\n rootReducer,\n initialCells,\n (initialCells) => ({\n cells: initializeCells(initialCells, { defaultNodeSize }),\n layoutKey: 0,\n })\n );\n\n // When nodes are greater or equal to threshold, the diagram will be degraded.\n // Thus all nodes will be displayed as simple svg elements instead of bricks.\n const degraded = useMemo(\n () =>\n cells.filter(isNodeCell).length >=\n (degradedThreshold ?? DEFAULT_DEGRADED_THRESHOLD),\n [cells, degradedThreshold]\n );\n\n const rootRef = useRef<SVGSVGElement>(null);\n const cellsRef = useRef<SVGGElement>(null);\n const manualConnectDeferredRef = useRef<Deferred<ConnectNodesDetail> | null>(\n null\n );\n const [editingTexts, setEditingTexts] = useState<string[]>([]);\n const { grabbing, transform, zoomer, scaleRange } = useZoom({\n rootRef,\n zoomable,\n scrollable,\n pannable,\n draggable: dragBehavior === \"grab\",\n ctrlDraggable: ctrlDragBehavior === \"grab\",\n scaleRange: _scaleRange,\n onSwitchActiveTarget,\n });\n\n useEffect(() => {\n onScaleChange(transform.k);\n }, [onScaleChange, transform.k]);\n\n const [lassoRect, setLassoRect] = useState<NodeView | null>(null);\n\n const [connectLineState, setConnectLineState] =\n useState<ConnectLineState | null>(null);\n\n const { centered, setCentered, getNextLayoutKey } = useLayout({\n layout,\n layoutOptions,\n rootRef,\n cells,\n zoomable,\n zoomer,\n scaleRange,\n layoutKey,\n allowEdgeToArea,\n dispatch,\n });\n\n useImperativeHandle(\n ref,\n () => ({\n dropNode(node) {\n // Do not apply auto centering when dropping a node in manual layout.\n if (layout !== \"dagre\" && layout !== \"force\") {\n setCentered(true);\n }\n dispatch({ type: \"drop-node\", payload: node });\n },\n dropDecorator(decorator) {\n // Do not apply auto centering when dropping a decorator in manual layout.\n if (layout !== \"dagre\" && layout !== \"force\") {\n setCentered(true);\n }\n dispatch({ type: \"drop-decorator\", payload: decorator });\n },\n addNodes(\n nodes,\n { defaultNodeSize, canvasWidth, canvasHeight }: AddNodesContext\n ) {\n const index =\n cells.findLastIndex(\n (cell) => !(cell.type === \"decorator\" && cell.decorator === \"text\")\n ) + 1;\n const newCells = [\n ...cells.slice(0, index),\n ...nodes,\n ...cells.slice(index),\n ];\n const {\n cells: allCells,\n updated,\n shouldReCenter,\n } = updateCells({\n cells: newCells,\n layout,\n previousCells: cells,\n defaultNodeSize,\n canvasWidth,\n canvasHeight,\n scaleRange,\n transform,\n allowEdgeToArea,\n });\n if (shouldReCenter) {\n setCentered(false);\n }\n dispatch({ type: \"update-cells\", payload: allCells });\n return updated.filter((node) =>\n nodes.includes(node as NodeCell)\n ) as NodeCell[];\n },\n addEdge(edge) {\n dispatch({ type: \"add-edge\", payload: edge });\n },\n updateCells(newCells, ctx) {\n const { shouldReCenter, ...result } = updateCells({\n ...ctx,\n layout,\n previousCells: cells,\n cells: newCells,\n scaleRange,\n transform,\n allowEdgeToArea,\n });\n if (shouldReCenter) {\n setCentered(false);\n }\n dispatch({ type: \"update-cells\", payload: result.cells });\n return result;\n },\n getTransform() {\n return transform;\n },\n manuallyConnectNodes(sourceId) {\n const source = cells.find(\n (cell) =>\n ((allowEdgeToArea && isNodeOrAreaDecoratorCell(cell)) ||\n isNodeCell(cell)) &&\n cell.id === sourceId\n ) as NodeCell | DecoratorCell | undefined;\n if (source) {\n const rect = rootRef.current!.getBoundingClientRect();\n setConnectLineState({\n source,\n from: [\n source.view.x + source.view.width / 2,\n source.view.y + source.view.height / 2,\n ],\n offset: [rect.left, rect.top],\n });\n const promise = new Promise<ConnectNodesDetail>((resolve, reject) => {\n manualConnectDeferredRef.current = { resolve, reject };\n });\n return promise;\n }\n return Promise.reject(null);\n },\n }),\n [cells, layout, scaleRange, setCentered, transform, allowEdgeToArea]\n );\n\n const handleConnect = useCallback(\n (state: ConnectLineState, to: PositionTuple) => {\n // Find the target node from top bo bottom,\n // detect whether the pointer is inside the target node.\n for (let i = cells.length - 1; i >= 0; i--) {\n const cell = cells[i];\n // Currently ignore connecting to self\n if (\n ((allowEdgeToArea && isNodeOrAreaDecoratorCell(cell)) ||\n isNodeCell(cell)) &&\n cell.id !== state.source.id\n ) {\n if (\n cell.view.x < to[0] &&\n cell.view.x + cell.view.width > to[0] &&\n cell.view.y < to[1] &&\n cell.view.y + cell.view.height > to[1]\n ) {\n manualConnectDeferredRef.current?.resolve({\n source: state.source,\n target: cell,\n });\n break;\n }\n }\n }\n manualConnectDeferredRef.current?.reject(null);\n setConnectLineState(null);\n },\n [cells]\n );\n\n useEffect(() => {\n lockBodyScroll(host, !!(connectLineState || lassoRect));\n }, [connectLineState, host, lassoRect]);\n\n const activeTarget = useActiveTarget({\n cellsRef,\n activeTarget: _activeTarget,\n onActiveTargetChange,\n });\n\n const [unrelatedCells, setUnrelatedCells] = useState<Cell[]>([]);\n useEffect(() => {\n const nextUnrelated = fadeUnrelatedCells\n ? getUnrelatedCells(\n cells,\n connectLineState,\n activeTarget,\n allowEdgeToArea\n )\n : [];\n // Do not update the state when prev and next are both empty.\n setUnrelatedCells((prev) =>\n prev.length === 0 && nextUnrelated.length === 0 ? prev : nextUnrelated\n );\n }, [\n activeTarget,\n cells,\n connectLineState,\n fadeUnrelatedCells,\n allowEdgeToArea,\n ]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root || editingTexts.length > 0) {\n return;\n }\n const onKeydown = (event: KeyboardEvent) => {\n const action = handleKeyboard(event, {\n cells,\n activeTarget,\n });\n\n switch (action?.action) {\n case \"delete-cells\":\n onCellsDelete(action.cells);\n if (action.cells.length === 1) {\n onCellDelete(action.cells[0]);\n }\n break;\n }\n };\n root.addEventListener(\"keydown\", onKeydown);\n return () => {\n root.removeEventListener(\"keydown\", onKeydown);\n };\n }, [activeTarget, cells, editingTexts.length, onCellDelete, onCellsDelete]);\n\n const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n const markerPrefix = `${defPrefix}line-arrow-`;\n\n const handleCellsMoving = useCallback((info: MoveCellPayload[]) => {\n dispatch({ type: \"move-cells\", payload: info });\n }, []);\n\n const handleCellsMoved = useCallback(\n (info: MoveCellPayload[]) => {\n dispatch({ type: \"move-cells\", payload: info });\n onCellsMove(info);\n if (info.length === 1) {\n onCellMove(info[0]);\n }\n },\n [onCellMove, onCellsMove]\n );\n\n const handleCellResizing = useCallback((info: ResizeCellPayload) => {\n dispatch({ type: \"resize-cell\", payload: info });\n }, []);\n\n const handleCellResized = useCallback(\n (info: ResizeCellPayload) => {\n dispatch({ type: \"resize-cell\", payload: info });\n onCellResize(info);\n },\n [onCellResize]\n );\n\n const handleDecoratorTextEditing = useCallback(\n ({ id, editing }: { id: string; editing: boolean }) => {\n if (editing) {\n setEditingTexts((texts) =>\n texts.includes(id) ? texts : [...texts, id]\n );\n } else {\n setEditingTexts((texts) => texts.filter((text) => text !== id));\n }\n },\n []\n );\n\n const handleNodeBrickResize = useCallback(\n (id: string, size: SizeTuple | null) => {\n const nextLayoutKey = getNextLayoutKey();\n dispatch({\n type: \"update-node-size\",\n payload: { id, size },\n layoutKey: nextLayoutKey,\n });\n },\n [getNextLayoutKey]\n );\n\n const handleZoomSlide = useCallback(\n (value: number) => {\n // istanbul ignore next\n if (process.env.NODE_ENV !== \"test\") {\n zoomer.scaleTo(select(rootRef.current!), value / 100);\n }\n },\n [zoomer]\n );\n\n const reCenter = useCallback(() => {\n setCentered(false);\n }, [setCentered]);\n const [lineConfMap, markers] = useLineMarkers({\n cells,\n defaultEdgeLines,\n markerPrefix,\n });\n\n const ready = useReady({ cells, layout, centered });\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root || dragBehavior !== \"lasso\") {\n return;\n }\n const rootRect = root.getBoundingClientRect();\n const onMouseDown = (event: MouseEvent) => {\n handleLasso(event, {\n transform,\n offset: [rootRect.left, rootRect.top],\n onLassoing(rect) {\n setLassoRect(rect);\n },\n onLassoed(rect) {\n setLassoRect(null);\n const lassoedCells: (NodeCell | DecoratorCell)[] = [];\n for (const cell of cells) {\n // Currently only nodes and area decorators are supported to be lassoed.\n // Because edges and text decorators currently has no accurate size info.\n if (isNodeOrAreaDecoratorCell(cell)) {\n const x = cell.view.x;\n const y = cell.view.y;\n if (\n x >= rect.x &&\n x + cell.view.width <= rect.x + rect.width &&\n y >= rect.y &&\n y + cell.view.height <= rect.y + rect.height\n ) {\n lassoedCells.push(cell);\n }\n }\n }\n onSwitchActiveTarget?.(\n lassoedCells.length > 1\n ? { type: \"multi\", targets: lassoedCells.map(cellToTarget) }\n : lassoedCells.length === 1\n ? cellToTarget(lassoedCells[0])\n : null\n );\n },\n });\n };\n root.addEventListener(\"mousedown\", onMouseDown);\n return () => {\n root.removeEventListener(\"mousedown\", onMouseDown);\n };\n }, [transform, cells, dragBehavior, onSwitchActiveTarget]);\n\n return (\n <>\n <svg\n width=\"100%\"\n height=\"100%\"\n ref={rootRef}\n className={classNames(\"root\", { grabbing, pannable, ready })}\n tabIndex={-1}\n >\n <defs>\n {markers.map((marker, index) => (\n <MarkerComponent\n key={index}\n id={`${markerPrefix}${index}`}\n type=\"arrow\"\n strokeColor={marker.strokeColor}\n />\n ))}\n </defs>\n <g\n transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n >\n <g\n className={classNames(\"cells\", { allowEdgeToArea })}\n ref={cellsRef}\n >\n {cells.map((cell) => (\n <CellComponent\n key={`${cell.type}:${cell.type === \"edge\" ? `${cell.source}~${cell.target}` : cell.id}`}\n layout={layout}\n cell={cell}\n cells={cells}\n degraded={degraded}\n degradedNodeLabel={degradedNodeLabel}\n defaultNodeBricks={defaultNodeBricks}\n transform={transform}\n lineConfMap={lineConfMap}\n activeTarget={activeTarget}\n unrelatedCells={unrelatedCells}\n onCellsMoving={handleCellsMoving}\n onCellsMoved={handleCellsMoved}\n onCellResizing={handleCellResizing}\n onCellResized={handleCellResized}\n onSwitchActiveTarget={onSwitchActiveTarget}\n onCellContextMenu={onCellContextMenu}\n onDecoratorTextChange={onDecoratorTextChange}\n onDecoratorTextEditing={handleDecoratorTextEditing}\n onNodeBrickResize={handleNodeBrickResize}\n />\n ))}\n </g>\n <ConnectLineComponent\n connectLineState={connectLineState}\n transform={transform}\n markerEnd={`${markerPrefix}0`}\n onConnect={handleConnect}\n />\n {lassoRect && (\n <rect\n x={lassoRect.x}\n y={lassoRect.y}\n width={lassoRect.width}\n height={lassoRect.height}\n fill=\"var(--palette-gray-5)\"\n fillOpacity={0.3}\n stroke=\"var(--palette-gray-5)\"\n strokeDasharray={2}\n />\n )}\n </g>\n </svg>\n <ZoomBarComponent\n shadowRoot={host.shadowRoot!}\n scale={transform.k}\n scaleRange={scaleRange}\n onZoomChange={handleZoomSlide}\n onReCenter={reCenter}\n />\n </>\n );\n}\n\nfunction uuidV4() {\n return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (c) {\n const r = (Math.random() * 16) | 0,\n v = c == \"x\" ? r : (r & 0x3) | 0x8;\n return v.toString(16);\n });\n}\n","import type { ActiveTarget, Cell } from \"../interfaces\";\nimport { targetIsActive } from \"./targetIsActive\";\n\nexport type KeyboardAction = KeyboardActionDeleteCells;\n\nexport interface KeyboardActionDeleteCells {\n action: \"delete-cells\";\n cells: Cell[];\n}\n\nexport function handleKeyboard(\n event: KeyboardEvent,\n {\n cells,\n activeTarget,\n }: {\n cells: Cell[];\n activeTarget: ActiveTarget | null | undefined;\n }\n): KeyboardAction | undefined {\n const activeCells = cells.filter((cell) =>\n targetIsActive(cell, activeTarget)\n );\n\n if (activeCells.length === 0) {\n return;\n }\n\n const key =\n event.key ||\n /* istanbul ignore next: compatibility */ event.keyCode ||\n /* istanbul ignore next: compatibility */ event.which;\n\n switch (key) {\n case \"Backspace\":\n case 8:\n case \"Delete\":\n case 46: {\n event.preventDefault();\n event.stopPropagation();\n return {\n action: \"delete-cells\",\n cells: activeCells,\n };\n }\n }\n}\n","import type { PositionTuple, TransformLiteral } from \"../../diagram/interfaces\";\nimport type { NodeView } from \"../interfaces\";\n\nexport interface HandleLassoOptions {\n transform: TransformLiteral;\n offset: PositionTuple;\n onLassoing(rect: NodeView): void;\n onLassoed(rect: NodeView): void;\n}\n\nexport function handleLasso(\n event: MouseEvent,\n { transform, offset, onLassoing, onLassoed }: HandleLassoOptions\n) {\n if (event.ctrlKey || event.button) {\n return;\n }\n\n event.stopPropagation();\n\n const from: PositionTuple = [event.clientX, event.clientY];\n const x0 = (event.clientX - offset[0] - transform.x) / transform.k;\n const y0 = (event.clientY - offset[1] - transform.y) / transform.k;\n\n function getMovement(e: MouseEvent): PositionTuple {\n return [\n (e.clientX - from[0]) / transform.k,\n (e.clientY - from[1]) / transform.k,\n ];\n }\n\n let moved = false;\n\n const handleMove = (e: MouseEvent, finished?: boolean) => {\n // Respect the scale\n const movement = getMovement(e);\n if (!moved) {\n moved = movement[0] ** 2 + movement[1] ** 2 >= 9;\n }\n if (moved) {\n let [width, height] = movement;\n let x = x0;\n let y = y0;\n if (width < 0) {\n x = x0 + width;\n width = -width;\n }\n if (height < 0) {\n y = y0 + height;\n height = -height;\n }\n (finished ? onLassoed : onLassoing)({\n x,\n y,\n width,\n height,\n });\n }\n };\n\n const onMouseMove = (e: MouseEvent) => {\n handleMove(e);\n };\n const onMouseUp = (e: MouseEvent) => {\n handleMove(e, true);\n moved = false;\n document.removeEventListener(\"mousemove\", onMouseMove);\n document.removeEventListener(\"mouseup\", onMouseUp);\n };\n document.addEventListener(\"mousemove\", onMouseMove);\n document.addEventListener(\"mouseup\", onMouseUp);\n}\n"],"names":["ConnectLineComponent","_ref","connectLineState","transform","markerEnd","onConnect","connectLineTo","setConnectLineTo","useState","useEffect","from","onMouseMove","e","clientX","x","offset","k","clientY","y","onMouseDown","stopPropagation","onClick","reset","document","removeEventListener","capture","addEventListener","React","className","classNames","connecting","d","join","fill","stroke","strokeWidth","lockBodyScroll","unwrapProvider","defineElement","property","method","event","createDecorators","EoDrawCanvasComponent","LegacyEoDrawCanvasComponent","_EoDrawCanvas","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_P","_Q","_R","_S","_EoDrawCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_T","_U","_handleCellMove","_V","_handleCellsMove","_W","_handleCellResize","_X","_Y","_handleCellDelete","_Z","_handleCellsDelete","_a","_handleCellContextMenu","_b","_handleDecoratorTextChange","_c","_handleScaleChange","_canvasRef","EoDrawCanvas","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_initProto","_init_cells","_init_extra_cells","_init_layout","_init_extra_layout","_init_layoutOptions","_init_extra_layoutOptions","_init_defaultNodeSize","DEFAULT_NODE_SIZE","_init_extra_defaultNodeSize","_init_defaultNodeBricks","_init_extra_defaultNodeBricks","_init_degradedThreshold","_init_extra_degradedThreshold","_init_degradedNodeLabel","_init_extra_degradedNodeLabel","_init_defaultEdgeLines","_init_extra_defaultEdgeLines","_init_activeTarget","_init_extra_activeTarget","_init_fadeUnrelatedCells","_init_extra_fadeUnrelatedCells","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_selectable","_init_extra_selectable","_init_allowEdgeToArea","_init_extra_allowEdgeToArea","_init_dragBehavior","_init_extra_dragBehavior","_init_ctrlDragBehavior","_init_extra_ctrlDragBehavior","_init_scaleRange","_init_extra_scaleRange","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","sameTarget","activeTarget","_init_nodeMoveEvent","_init_extra_nodeMoveEvent","_init_cellMoveEvent","_init_extra_cellMoveEvent","info","_get_cellMoveEvent","type","_get_nodeMoveEvent","_init_cellsMoveEvent","_init_extra_cellsMoveEvent","_get_cellsMoveEvent","_init_cellResizeEvent","_init_extra_cellResizeEvent","_get_cellResizeEvent","_init_nodeDelete","_init_extra_nodeDelete","_init_cellDelete","_init_extra_cellDelete","cell","_get_cellDelete","_get_nodeDelete","_init_cellsDelete","_init_extra_cellsDelete","cells","_get_cellsDelete","_init_cellContextMenu","_init_extra_cellContextMenu","detail","_get_cellContextMenu","_init_decoratorTextChange","_init_extra_decoratorTextChange","_get_decoratorTextChange","_init_scaleChange","_init_extra_scaleChange","scale","_get_scaleChange","createRef","_classPrivateFieldGet","v","_classPrivateFieldSet","layout","layoutOptions","defaultNodeSize","defaultNodeBricks","degradedThreshold","degradedNodeLabel","defaultEdgeLines","fadeUnrelatedCells","zoomable","scrollable","pannable","selectable","allowEdgeToArea","dragBehavior","ctrlDragBehavior","scaleRange","dropNode","_document$elementsFro","_document","id","position","size","data","useBrick","elementsFromPoint","call","includes","_classPrivateFieldGet2","boundingClientRect","getBoundingClientRect","current","getTransform","newNode","view","left","top","width","height","dropDecorator","_ref2","_document$elementsFro2","_document2","decorator","text","_classPrivateFieldGet3","newDecorator","replace","c","r","Math","random","toString","DEFAULT_AREA_WIDTH","DEFAULT_AREA_HEIGHT","addNodes","nodes","length","newNodes","map","_ref3","canvasWidth","clientWidth","canvasHeight","clientHeight","addEdge","_ref4","_classPrivateFieldGet4","source","newEdge","manuallyConnectNodes","updateCells","ctx","_assertClassBrand","_waitForCanvasRef","updated","disconnectedCallback","super","render","host","ref","onActiveTargetChange","onSwitchActiveTarget","onCellMove","onCellsMove","onCellResize","onCellDelete","onCellsDelete","onCellContextMenu","onDecoratorTextChange","onScaleChange","Promise","resolve","check","setTimeout","_ref5","initialCells","_activeTarget","_scaleRange","layoutKey","dispatch","useReducer","rootReducer","initializeCells","degraded","useMemo","filter","isNodeCell","DEFAULT_DEGRADED_THRESHOLD","rootRef","useRef","cellsRef","manualConnectDeferredRef","editingTexts","setEditingTexts","grabbing","zoomer","useZoom","draggable","ctrlDraggable","lassoRect","setLassoRect","setConnectLineState","centered","setCentered","getNextLayoutKey","useLayout","useImperativeHandle","node","payload","_ref6","index","findLastIndex","newCells","slice","allCells","shouldReCenter","previousCells","edge","result","sourceId","find","isNodeOrAreaDecoratorCell","rect","reject","handleConnect","useCallback","state","to","_manualConnectDeferre2","i","_manualConnectDeferre","useActiveTarget","unrelatedCells","setUnrelatedCells","nextUnrelated","getUnrelatedCells","prev","root","onKeydown","action","handleKeyboard","markerPrefix","uniqueId","handleCellsMoving","handleCellsMoved","handleCellResizing","handleCellResized","handleDecoratorTextEditing","_ref7","editing","texts","handleNodeBrickResize","nextLayoutKey","handleZoomSlide","value","scaleTo","select","reCenter","lineConfMap","markers","useLineMarkers","ready","useReady","rootRect","handleLasso","onLassoing","onLassoed","lassoedCells","push","targets","cellToTarget","tabIndex","marker","MarkerComponent","key","strokeColor","CellComponent","onCellsMoving","onCellsMoved","onCellResizing","onCellResized","onDecoratorTextEditing","onNodeBrickResize","fillOpacity","strokeDasharray","ZoomBarComponent","shadowRoot","onZoomChange","onReCenter","_EoDrawCanvas2","_set_activeTargetChangeEvent","_set_nodeMoveEvent","_set_cellMoveEvent","_set_cellsMoveEvent","_set_cellResizeEvent","_set_nodeDelete","_set_cellDelete","_set_cellsDelete","_set_cellContextMenu","_set_decoratorTextChange","_set_scaleChange","_initClass","_applyDecs","styleTexts","styleText","zoomBarStyleText","attribute","String","Number","Boolean","o","_","has","_checkInRHS","activeCells","targetIsActive","keyCode","which","preventDefault","ctrlKey","button","x0","y0","moved","handleMove","finished","movement","getMovement","onMouseUp"],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"chunks/eo-draw-canvas.59ef988e.js","mappings":"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","sources":["webpack:///./src/draw-canvas/ConnectLineComponent.tsx","webpack:///./src/draw-canvas/index.tsx","webpack:///./src/draw-canvas/processors/handleKeyboard.ts","webpack:///./src/draw-canvas/processors/handleLasso.ts"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport classNames from \"classnames\";\nimport type { ConnectLineState } from \"./interfaces\";\nimport type { PositionTuple, TransformLiteral } from \"../diagram/interfaces\";\n\nexport interface ConnectLineComponentProps {\n connectLineState: ConnectLineState | null;\n transform: TransformLiteral;\n markerEnd: string;\n onConnect(state: ConnectLineState, to: PositionTuple): void;\n}\n\nexport function ConnectLineComponent({\n connectLineState,\n transform,\n markerEnd,\n onConnect,\n}: ConnectLineComponentProps): JSX.Element {\n const [connectLineTo, setConnectLineTo] = useState<PositionTuple | null>(\n null\n );\n\n useEffect(() => {\n if (connectLineState) {\n setConnectLineTo(connectLineState.from);\n }\n }, [connectLineState]);\n\n useEffect(() => {\n if (connectLineState) {\n const onMouseMove = (e: MouseEvent) => {\n // Set connect line to based on the mouse position and the transform\n setConnectLineTo([\n (e.clientX - transform.x - connectLineState.offset[0]) / transform.k,\n (e.clientY - transform.y - connectLineState.offset[1]) / transform.k,\n ]);\n };\n const onMouseDown = (e: MouseEvent) => {\n e.stopPropagation();\n };\n const onClick = (e: MouseEvent) => {\n e.stopPropagation();\n // eslint-disable-next-line @typescript-eslint/no-use-before-define\n reset();\n onConnect(connectLineState, [\n (e.clientX - transform.x - connectLineState.offset[0]) / transform.k,\n (e.clientY - transform.y - connectLineState.offset[1]) / transform.k,\n ]);\n };\n const reset = () => {\n document.removeEventListener(\"mousemove\", onMouseMove);\n document.removeEventListener(\"mousedown\", onMouseDown, {\n capture: true,\n });\n document.removeEventListener(\"click\", onClick, { capture: true });\n setConnectLineTo(null);\n };\n document.addEventListener(\"mousemove\", onMouseMove);\n document.addEventListener(\"mousedown\", onMouseDown, { capture: true });\n document.addEventListener(\"click\", onClick, { capture: true });\n\n return reset;\n }\n }, [connectLineState, onConnect, transform]);\n\n return (\n <path\n className={classNames(\"connect-line\", {\n connecting:\n !!connectLineState &&\n connectLineTo &&\n // Do not show when the distance of mouse move is less than 5px\n (connectLineTo[0] - connectLineState.from[0]) ** 2 +\n (connectLineTo[1] - connectLineState.from[1]) ** 2 >\n 25,\n })}\n d={\n connectLineState && connectLineTo\n ? `M${connectLineState.from.join(\" \")}L${connectLineTo.join(\" \")}`\n : \"\"\n }\n fill=\"none\"\n stroke=\"gray\"\n strokeWidth={1}\n markerEnd={`url(#${markerEnd})`}\n />\n );\n}\n","import React, {\n createRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useReducer,\n useRef,\n useState,\n} from \"react\";\nimport { createDecorators, type EventEmitter } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport type { UseSingleBrickConf } from \"@next-core/react-runtime\";\nimport { unwrapProvider } from \"@next-core/utils/general\";\nimport \"@next-core/theme\";\nimport { uniqueId } from \"lodash\";\nimport classNames from \"classnames\";\nimport { select } from \"d3-selection\";\nimport type { lockBodyScroll as _lockBodyScroll } from \"@next-bricks/basic/data-providers/lock-body-scroll/lock-body-scroll\";\nimport type {\n PositionTuple,\n RangeTuple,\n SizeTuple,\n TransformLiteral,\n} from \"../diagram/interfaces\";\nimport type {\n ActiveTarget,\n Cell,\n EdgeCell,\n InitialCell,\n NodeBrickConf,\n NodeCell,\n NodeId,\n DecoratorCell,\n DecoratorType,\n CellContextMenuDetail,\n ConnectLineState,\n Deferred,\n ConnectNodesDetail,\n EdgeLineConf,\n DecoratorTextChangeDetail,\n NodeView,\n LayoutType,\n LayoutOptions,\n} from \"./interfaces\";\nimport { rootReducer } from \"./reducers\";\nimport { MarkerComponent } from \"../diagram/MarkerComponent\";\nimport { isNodeCell, isNodeOrAreaDecoratorCell } from \"./processors/asserts\";\nimport type { MoveCellPayload, ResizeCellPayload } from \"./reducers/interfaces\";\nimport { sameTarget } from \"./processors/sameTarget\";\nimport { handleKeyboard } from \"./processors/handleKeyboard\";\nimport { CellComponent } from \"./CellComponent\";\nimport { ConnectLineComponent } from \"./ConnectLineComponent\";\nimport { initializeCells } from \"./processors/initializeCells\";\nimport { updateCells } from \"./processors/updateCells\";\nimport { getUnrelatedCells } from \"./processors/getUnrelatedCells\";\nimport {\n DEFAULT_NODE_SIZE,\n DEFAULT_AREA_WIDTH,\n DEFAULT_AREA_HEIGHT,\n DEFAULT_DEGRADED_THRESHOLD,\n} from \"./constants\";\nimport { useZoom } from \"../shared/canvas/useZoom\";\nimport { useActiveTarget } from \"../shared/canvas/useActiveTarget\";\nimport { ZoomBarComponent } from \"../shared/canvas/ZoomBarComponent\";\nimport { useLayout } from \"../shared/canvas/useLayout\";\nimport { useReady } from \"../shared/canvas/useReady\";\nimport { useLineMarkers } from \"../shared/canvas/useLineMarkers\";\nimport { handleLasso } from \"./processors/handleLasso\";\nimport styleText from \"../shared/canvas/styles.shadow.css\";\nimport zoomBarStyleText from \"../shared/canvas/ZoomBarComponent.shadow.css\";\nimport { cellToTarget } from \"./processors/cellToTarget\";\n\nconst lockBodyScroll = unwrapProvider<typeof _lockBodyScroll>(\n \"basic.lock-body-scroll\"\n);\n\nconst { defineElement, property, method, event } = createDecorators();\n\nexport interface EoDrawCanvasProps {\n cells: InitialCell[] | undefined;\n layout: LayoutType;\n layoutOptions?: LayoutOptions;\n defaultNodeSize: SizeTuple;\n defaultNodeBricks?: NodeBrickConf[];\n defaultEdgeLines?: EdgeLineConf[];\n degradedThreshold?: number;\n degradedNodeLabel?: string;\n activeTarget?: ActiveTarget | null;\n fadeUnrelatedCells?: boolean;\n zoomable?: boolean;\n scrollable?: boolean;\n pannable?: boolean;\n dragBehavior?: DragBehavior;\n ctrlDragBehavior?: CtrlDragBehavior;\n scaleRange?: RangeTuple;\n allowEdgeToArea?: boolean;\n}\n\nexport type DragBehavior = \"none\" | \"lasso\" | \"grab\";\nexport type CtrlDragBehavior = \"none\" | \"grab\";\n\nexport interface DropNodeInfo extends AddNodeInfo {\n /** [PointerEvent::clientX, PointerEvent::clientY] */\n position: PositionTuple;\n}\n\nexport interface DropDecoratorInfo {\n decorator: DecoratorType;\n /** [PointerEvent::clientX, PointerEvent::clientY] */\n position: PositionTuple;\n text?: string;\n}\n\nexport interface AddNodeInfo {\n id: NodeId;\n useBrick?: UseSingleBrickConf;\n data?: unknown;\n size?: SizeTuple;\n}\n\nexport interface AddEdgeInfo {\n source: NodeId;\n target: NodeId;\n data?: unknown;\n}\n\nexport interface UpdateCellsContext {\n reason: \"add-related-nodes\";\n parent: NodeId;\n}\n\nexport interface AddNodesContext {\n defaultNodeSize: SizeTuple;\n canvasWidth: number;\n canvasHeight: number;\n}\n\nexport const EoDrawCanvasComponent = React.forwardRef(\n LegacyEoDrawCanvasComponent\n);\n\n/**\n * 用于手工绘图的画布。\n *\n * 注意:将配套另外一个用于展示的画布构件。\n */\nexport\n@defineElement(\"eo-draw-canvas\", {\n styleTexts: [styleText, zoomBarStyleText],\n})\nclass EoDrawCanvas extends ReactNextElement implements EoDrawCanvasProps {\n /**\n * 仅当初始化时使用,渲染后重新设置 `cells` 将无效。\n */\n @property({ attribute: false })\n accessor cells: InitialCell[] | undefined;\n\n @property({ type: String })\n accessor layout: LayoutType;\n\n @property({ attribute: false })\n accessor layoutOptions: LayoutOptions | undefined;\n\n @property({ attribute: false })\n accessor defaultNodeSize: SizeTuple = [DEFAULT_NODE_SIZE, DEFAULT_NODE_SIZE];\n\n @property({ attribute: false })\n accessor defaultNodeBricks: NodeBrickConf[] | undefined;\n\n /**\n * 当节点数量达到或超过 `degradedThreshold` 时,节点将被降级展示。\n *\n * @default 500\n */\n @property({ type: Number })\n accessor degradedThreshold: number | undefined;\n\n // Set `attribute` to `false` event if it accepts string value.\n // Because when passing like \"<% DATA.node.data.name %>\", it will be\n // evaluated as object temporarily.\n /**\n * 设置节点将降级展示时显示的名称。\n *\n * @default \"<% DATA.node.id %>\"\n */\n @property({ attribute: false })\n accessor degradedNodeLabel: string | undefined;\n\n /**\n * 使用条件判断设置默认的边对应的连线。在 `if` 表达式中 `DATA` 为 `{ edge }`,例如:\n *\n * ```yaml\n * defaultEdgeLines:\n * - if: <% DATA.edge.data?.virtual %>\n * dashed: true\n * ```\n */\n @property({ attribute: false })\n accessor defaultEdgeLines: EdgeLineConf[] | undefined;\n\n @property({ attribute: false })\n accessor activeTarget: ActiveTarget | null | undefined;\n\n /**\n * 当 `activeTarget` 不为 `null` 时,隐藏其他跟该 `activeTarget` 无关的元素。\n */\n @property({ type: Boolean })\n accessor fadeUnrelatedCells: boolean | undefined;\n\n @property({ type: Boolean })\n accessor zoomable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor scrollable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor pannable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor selectable: boolean | undefined = true;\n\n @property({ type: Boolean })\n accessor allowEdgeToArea: boolean | undefined = false;\n\n /**\n * 按住鼠标拖动时的行为:\n * - `none`:无\n * - `lasso`:绘制选区\n * - `grab`:拖动画布\n *\n * @default \"none\"\n */\n @property()\n accessor dragBehavior: DragBehavior | undefined;\n\n /**\n * 按住 ctrl 键并按住鼠标拖动时的行为:\n * - `none`:无\n * - `grab`:拖动画布\n *\n * @default \"none\"\n */\n @property()\n accessor ctrlDragBehavior: CtrlDragBehavior | undefined;\n\n @property({ attribute: false })\n accessor scaleRange: RangeTuple | undefined;\n\n @event({ type: \"activeTarget.change\" })\n accessor #activeTargetChangeEvent!: EventEmitter<ActiveTarget | null>;\n\n #handleActiveTargetChange = (target: ActiveTarget | null) => {\n this.#activeTargetChangeEvent.emit(target);\n };\n\n #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n if (!sameTarget(target, this.activeTarget)) {\n this.activeTarget = target;\n }\n };\n\n /**\n * @deprecated Use `cell.move` instead.\n */\n @event({ type: \"node.move\" })\n accessor #nodeMoveEvent!: EventEmitter<MoveCellPayload>;\n\n @event({ type: \"cell.move\" })\n accessor #cellMoveEvent!: EventEmitter<MoveCellPayload>;\n\n #handleCellMove = (info: MoveCellPayload) => {\n this.#cellMoveEvent.emit(info);\n if (info.type === \"node\") {\n this.#nodeMoveEvent.emit(info);\n }\n };\n\n @event({ type: \"cells.move\" })\n accessor #cellsMoveEvent!: EventEmitter<MoveCellPayload[]>;\n\n #handleCellsMove = (info: MoveCellPayload[]) => {\n this.#cellsMoveEvent.emit(info);\n };\n\n @event({ type: \"cell.resize\" })\n accessor #cellResizeEvent!: EventEmitter<ResizeCellPayload>;\n\n #handleCellResize = (info: ResizeCellPayload) => {\n this.#cellResizeEvent.emit(info);\n };\n\n /**\n * @deprecated Use `cell.delete` instead.\n */\n @event({ type: \"node.delete\" })\n accessor #nodeDelete!: EventEmitter<Cell>;\n\n @event({ type: \"cell.delete\" })\n accessor #cellDelete!: EventEmitter<Cell>;\n\n #handleCellDelete = (cell: Cell) => {\n this.#cellDelete.emit(cell);\n if (cell.type === \"node\") {\n this.#nodeDelete.emit(cell);\n }\n };\n\n @event({ type: \"cells.delete\" })\n accessor #cellsDelete!: EventEmitter<Cell[]>;\n\n #handleCellsDelete = (cells: Cell[]) => {\n this.#cellsDelete.emit(cells);\n };\n\n @event({ type: \"cell.contextmenu\" })\n accessor #cellContextMenu!: EventEmitter<CellContextMenuDetail>;\n\n #handleCellContextMenu = (detail: CellContextMenuDetail) => {\n this.#cellContextMenu.emit(detail);\n };\n\n @event({ type: \"decorator.text.change\" })\n accessor #decoratorTextChange!: EventEmitter<DecoratorTextChangeDetail>;\n\n #handleDecoratorTextChange = (detail: DecoratorTextChangeDetail) => {\n this.#decoratorTextChange.emit(detail);\n };\n\n /**\n * 缩放变化后,从素材库拖拽元素进画布时,拖拽图像应设置对应的缩放比例。\n */\n @event({ type: \"scale.change\" })\n accessor #scaleChange!: EventEmitter<number>;\n\n #handleScaleChange = (scale: number) => {\n this.#scaleChange.emit(scale);\n };\n\n @method()\n async dropNode({\n id,\n position,\n size,\n data,\n useBrick,\n }: DropNodeInfo): Promise<NodeCell | null> {\n // Drag and then drop a node\n const droppedInside = document\n .elementsFromPoint?.(position[0], position[1])\n ?.includes(this);\n if (droppedInside) {\n const boundingClientRect = this.getBoundingClientRect();\n const transform = this.#canvasRef.current!.getTransform();\n const newNode = {\n type: \"node\",\n id,\n view: {\n ...(this.layout === \"force\" || this.layout === \"dagre\"\n ? null\n : {\n x:\n (position[0] - boundingClientRect.left - transform.x) /\n transform.k,\n y:\n (position[1] - boundingClientRect.top - transform.y) /\n transform.k,\n }),\n width: size?.[0] ?? this.defaultNodeSize[0],\n height: size?.[1] ?? this.defaultNodeSize[0],\n },\n data,\n useBrick,\n } as NodeCell;\n this.#canvasRef.current?.dropNode(newNode);\n return newNode;\n }\n return null;\n }\n\n @method()\n async dropDecorator({\n position,\n decorator,\n text,\n }: DropDecoratorInfo): Promise<DecoratorCell | null> {\n // Drag and then drop a node\n const droppedInside = document\n .elementsFromPoint?.(position[0], position[1])\n ?.includes(this);\n if (droppedInside) {\n const boundingClientRect = this.getBoundingClientRect();\n const transform = this.#canvasRef.current!.getTransform();\n const newDecorator: DecoratorCell = {\n type: \"decorator\",\n decorator,\n id: uuidV4(),\n view: {\n x:\n (position[0] - boundingClientRect.left - transform.x) / transform.k,\n y: (position[1] - boundingClientRect.top - transform.y) / transform.k,\n width: DEFAULT_AREA_WIDTH,\n height: DEFAULT_AREA_HEIGHT,\n text,\n },\n };\n this.#canvasRef.current?.dropDecorator(newDecorator);\n return newDecorator;\n }\n return null;\n }\n\n @method()\n async addNodes(nodes: AddNodeInfo[]): Promise<NodeCell[]> {\n if (nodes.length === 0) {\n return [];\n }\n const newNodes = nodes.map<NodeCell>(({ size, useBrick, id, data }) => ({\n type: \"node\",\n id,\n data,\n view: {\n width: size?.[0] ?? this.defaultNodeSize[0],\n height: size?.[1] ?? this.defaultNodeSize[0],\n } as NodeView,\n useBrick,\n }));\n return this.#canvasRef.current!.addNodes(newNodes, {\n defaultNodeSize: this.defaultNodeSize,\n canvasWidth: this.clientWidth,\n canvasHeight: this.clientHeight,\n });\n }\n\n @method()\n async addEdge({ source, target, data }: AddEdgeInfo): Promise<EdgeCell> {\n const newEdge: EdgeCell = {\n type: \"edge\",\n source,\n target,\n data,\n };\n this.#canvasRef.current?.addEdge(newEdge);\n return newEdge;\n }\n\n @method()\n manuallyConnectNodes(source: NodeId): Promise<ConnectNodesDetail> {\n return this.#canvasRef.current!.manuallyConnectNodes(source);\n }\n\n @method()\n async updateCells(\n cells: InitialCell[],\n ctx?: UpdateCellsContext\n ): Promise<{ updated: Cell[] }> {\n await this.#waitForCanvasRef();\n const { updated } = this.#canvasRef.current!.updateCells(cells, {\n ...ctx,\n defaultNodeSize: this.defaultNodeSize,\n canvasWidth: this.clientWidth,\n canvasHeight: this.clientHeight,\n });\n return { updated };\n }\n\n #waitForCanvasRef() {\n return new Promise<void>((resolve) => {\n const check = () => {\n if (this.#canvasRef.current) {\n resolve();\n } else {\n setTimeout(check, 10);\n }\n };\n check();\n });\n }\n\n #canvasRef = createRef<DrawCanvasRef>();\n\n disconnectedCallback(): void {\n super.disconnectedCallback();\n lockBodyScroll(this, false);\n }\n\n render() {\n return (\n <EoDrawCanvasComponent\n host={this}\n ref={this.#canvasRef}\n layout={this.layout}\n layoutOptions={this.layoutOptions}\n cells={this.cells}\n defaultNodeSize={this.defaultNodeSize}\n defaultNodeBricks={this.defaultNodeBricks}\n defaultEdgeLines={this.defaultEdgeLines}\n degradedThreshold={this.degradedThreshold}\n degradedNodeLabel={this.degradedNodeLabel}\n activeTarget={this.activeTarget}\n fadeUnrelatedCells={this.fadeUnrelatedCells}\n zoomable={this.zoomable}\n scrollable={this.scrollable}\n pannable={this.pannable}\n dragBehavior={this.dragBehavior}\n ctrlDragBehavior={this.ctrlDragBehavior}\n scaleRange={this.scaleRange}\n allowEdgeToArea={this.allowEdgeToArea}\n onActiveTargetChange={this.#handleActiveTargetChange}\n onSwitchActiveTarget={this.#handleSwitchActiveTarget}\n onCellMove={this.#handleCellMove}\n onCellsMove={this.#handleCellsMove}\n onCellResize={this.#handleCellResize}\n onCellDelete={this.#handleCellDelete}\n onCellsDelete={this.#handleCellsDelete}\n onCellContextMenu={this.#handleCellContextMenu}\n onDecoratorTextChange={this.#handleDecoratorTextChange}\n onScaleChange={this.#handleScaleChange}\n />\n );\n }\n}\n\nexport interface EoDrawCanvasComponentProps extends EoDrawCanvasProps {\n host: HTMLElement;\n onActiveTargetChange(target: ActiveTarget | null): void;\n onSwitchActiveTarget(target: ActiveTarget | null): void;\n onCellMove(info: MoveCellPayload): void;\n onCellResize(cell: ResizeCellPayload): void;\n onCellDelete(cell: Cell): void;\n onCellsMove(info: MoveCellPayload[]): void;\n onCellsDelete(cells: Cell[]): void;\n onCellContextMenu(detail: CellContextMenuDetail): void;\n onDecoratorTextChange(detail: DecoratorTextChangeDetail): void;\n onScaleChange(scale: number): void;\n}\n\nexport interface DrawCanvasRef {\n dropNode(node: NodeCell): void;\n dropDecorator(decorator: DecoratorCell): void;\n addNodes(nodes: NodeCell[], ctx: AddNodesContext): NodeCell[];\n addEdge(edge: EdgeCell): void;\n manuallyConnectNodes(source: NodeId): Promise<ConnectNodesDetail>;\n updateCells(\n cells: InitialCell[],\n ctx: Partial<UpdateCellsContext> & {\n defaultNodeSize: SizeTuple;\n canvasWidth: number;\n canvasHeight: number;\n }\n ): {\n cells: Cell[];\n updated: Cell[];\n };\n getTransform(): TransformLiteral;\n}\n\nfunction LegacyEoDrawCanvasComponent(\n {\n host,\n layout,\n layoutOptions,\n cells: initialCells,\n defaultNodeSize,\n defaultNodeBricks,\n defaultEdgeLines,\n degradedThreshold,\n degradedNodeLabel,\n activeTarget: _activeTarget,\n fadeUnrelatedCells,\n zoomable,\n scrollable,\n pannable,\n dragBehavior,\n ctrlDragBehavior,\n scaleRange: _scaleRange,\n allowEdgeToArea,\n onActiveTargetChange,\n onSwitchActiveTarget,\n onCellMove,\n onCellResize,\n onCellDelete,\n onCellsMove,\n onCellsDelete,\n onCellContextMenu,\n onDecoratorTextChange,\n onScaleChange,\n }: EoDrawCanvasComponentProps,\n ref: React.Ref<DrawCanvasRef>\n) {\n const [{ cells, layoutKey }, dispatch] = useReducer(\n rootReducer,\n initialCells,\n (initialCells) => ({\n cells: initializeCells(initialCells, { defaultNodeSize }),\n layoutKey: 0,\n })\n );\n\n // When nodes are greater or equal to threshold, the diagram will be degraded.\n // Thus all nodes will be displayed as simple svg elements instead of bricks.\n const degraded = useMemo(\n () =>\n cells.filter(isNodeCell).length >=\n (degradedThreshold ?? DEFAULT_DEGRADED_THRESHOLD),\n [cells, degradedThreshold]\n );\n\n const rootRef = useRef<SVGSVGElement>(null);\n const cellsRef = useRef<SVGGElement>(null);\n const manualConnectDeferredRef = useRef<Deferred<ConnectNodesDetail> | null>(\n null\n );\n const [editingTexts, setEditingTexts] = useState<string[]>([]);\n const { grabbing, transform, zoomer, scaleRange } = useZoom({\n rootRef,\n zoomable,\n scrollable,\n pannable,\n draggable: dragBehavior === \"grab\",\n ctrlDraggable: ctrlDragBehavior === \"grab\",\n scaleRange: _scaleRange,\n onSwitchActiveTarget,\n });\n\n useEffect(() => {\n onScaleChange(transform.k);\n }, [onScaleChange, transform.k]);\n\n const [lassoRect, setLassoRect] = useState<NodeView | null>(null);\n\n const [connectLineState, setConnectLineState] =\n useState<ConnectLineState | null>(null);\n\n const { centered, setCentered, getNextLayoutKey } = useLayout({\n layout,\n layoutOptions,\n rootRef,\n cells,\n zoomable,\n zoomer,\n scaleRange,\n layoutKey,\n allowEdgeToArea,\n dispatch,\n });\n\n useImperativeHandle(\n ref,\n () => ({\n dropNode(node) {\n // Do not apply auto centering when dropping a node in manual layout.\n if (layout !== \"dagre\" && layout !== \"force\") {\n setCentered(true);\n }\n dispatch({ type: \"drop-node\", payload: node });\n },\n dropDecorator(decorator) {\n // Do not apply auto centering when dropping a decorator in manual layout.\n if (layout !== \"dagre\" && layout !== \"force\") {\n setCentered(true);\n }\n dispatch({ type: \"drop-decorator\", payload: decorator });\n },\n addNodes(\n nodes,\n { defaultNodeSize, canvasWidth, canvasHeight }: AddNodesContext\n ) {\n const index =\n cells.findLastIndex(\n (cell) => !(cell.type === \"decorator\" && cell.decorator === \"text\")\n ) + 1;\n const newCells = [\n ...cells.slice(0, index),\n ...nodes,\n ...cells.slice(index),\n ];\n const {\n cells: allCells,\n updated,\n shouldReCenter,\n } = updateCells({\n cells: newCells,\n layout,\n previousCells: cells,\n defaultNodeSize,\n canvasWidth,\n canvasHeight,\n scaleRange,\n transform,\n allowEdgeToArea,\n });\n if (shouldReCenter) {\n setCentered(false);\n }\n dispatch({ type: \"update-cells\", payload: allCells });\n return updated.filter((node) =>\n nodes.includes(node as NodeCell)\n ) as NodeCell[];\n },\n addEdge(edge) {\n dispatch({ type: \"add-edge\", payload: edge });\n },\n updateCells(newCells, ctx) {\n const { shouldReCenter, ...result } = updateCells({\n ...ctx,\n layout,\n previousCells: cells,\n cells: newCells,\n scaleRange,\n transform,\n allowEdgeToArea,\n });\n if (shouldReCenter) {\n setCentered(false);\n }\n dispatch({ type: \"update-cells\", payload: result.cells });\n return result;\n },\n getTransform() {\n return transform;\n },\n manuallyConnectNodes(sourceId) {\n const source = cells.find(\n (cell) =>\n ((allowEdgeToArea && isNodeOrAreaDecoratorCell(cell)) ||\n isNodeCell(cell)) &&\n cell.id === sourceId\n ) as NodeCell | DecoratorCell | undefined;\n if (source) {\n const rect = rootRef.current!.getBoundingClientRect();\n setConnectLineState({\n source,\n from: [\n source.view.x + source.view.width / 2,\n source.view.y + source.view.height / 2,\n ],\n offset: [rect.left, rect.top],\n });\n const promise = new Promise<ConnectNodesDetail>((resolve, reject) => {\n manualConnectDeferredRef.current = { resolve, reject };\n });\n return promise;\n }\n return Promise.reject(null);\n },\n }),\n [cells, layout, scaleRange, setCentered, transform, allowEdgeToArea]\n );\n\n const handleConnect = useCallback(\n (state: ConnectLineState, to: PositionTuple) => {\n // Find the target node from top bo bottom,\n // detect whether the pointer is inside the target node.\n for (let i = cells.length - 1; i >= 0; i--) {\n const cell = cells[i];\n // Currently ignore connecting to self\n if (\n ((allowEdgeToArea && isNodeOrAreaDecoratorCell(cell)) ||\n isNodeCell(cell)) &&\n cell.id !== state.source.id\n ) {\n if (\n cell.view.x < to[0] &&\n cell.view.x + cell.view.width > to[0] &&\n cell.view.y < to[1] &&\n cell.view.y + cell.view.height > to[1]\n ) {\n manualConnectDeferredRef.current?.resolve({\n source: state.source,\n target: cell,\n });\n break;\n }\n }\n }\n manualConnectDeferredRef.current?.reject(null);\n setConnectLineState(null);\n },\n [cells]\n );\n\n useEffect(() => {\n lockBodyScroll(host, !!(connectLineState || lassoRect));\n }, [connectLineState, host, lassoRect]);\n\n const activeTarget = useActiveTarget({\n cellsRef,\n activeTarget: _activeTarget,\n onActiveTargetChange,\n });\n\n const [unrelatedCells, setUnrelatedCells] = useState<Cell[]>([]);\n useEffect(() => {\n const nextUnrelated = fadeUnrelatedCells\n ? getUnrelatedCells(\n cells,\n connectLineState,\n activeTarget,\n allowEdgeToArea\n )\n : [];\n // Do not update the state when prev and next are both empty.\n setUnrelatedCells((prev) =>\n prev.length === 0 && nextUnrelated.length === 0 ? prev : nextUnrelated\n );\n }, [\n activeTarget,\n cells,\n connectLineState,\n fadeUnrelatedCells,\n allowEdgeToArea,\n ]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root || editingTexts.length > 0) {\n return;\n }\n const onKeydown = (event: KeyboardEvent) => {\n const action = handleKeyboard(event, {\n cells,\n activeTarget,\n });\n\n switch (action?.action) {\n case \"delete-cells\":\n onCellsDelete(action.cells);\n if (action.cells.length === 1) {\n onCellDelete(action.cells[0]);\n }\n break;\n }\n };\n root.addEventListener(\"keydown\", onKeydown);\n return () => {\n root.removeEventListener(\"keydown\", onKeydown);\n };\n }, [activeTarget, cells, editingTexts.length, onCellDelete, onCellsDelete]);\n\n const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n const markerPrefix = `${defPrefix}line-arrow-`;\n\n const handleCellsMoving = useCallback((info: MoveCellPayload[]) => {\n dispatch({ type: \"move-cells\", payload: info });\n }, []);\n\n const handleCellsMoved = useCallback(\n (info: MoveCellPayload[]) => {\n dispatch({ type: \"move-cells\", payload: info });\n onCellsMove(info);\n if (info.length === 1) {\n onCellMove(info[0]);\n }\n },\n [onCellMove, onCellsMove]\n );\n\n const handleCellResizing = useCallback((info: ResizeCellPayload) => {\n dispatch({ type: \"resize-cell\", payload: info });\n }, []);\n\n const handleCellResized = useCallback(\n (info: ResizeCellPayload) => {\n dispatch({ type: \"resize-cell\", payload: info });\n onCellResize(info);\n },\n [onCellResize]\n );\n\n const handleDecoratorTextEditing = useCallback(\n ({ id, editing }: { id: string; editing: boolean }) => {\n if (editing) {\n setEditingTexts((texts) =>\n texts.includes(id) ? texts : [...texts, id]\n );\n } else {\n setEditingTexts((texts) => texts.filter((text) => text !== id));\n }\n },\n []\n );\n\n const handleNodeBrickResize = useCallback(\n (id: string, size: SizeTuple | null) => {\n const nextLayoutKey = getNextLayoutKey();\n dispatch({\n type: \"update-node-size\",\n payload: { id, size },\n layoutKey: nextLayoutKey,\n });\n },\n [getNextLayoutKey]\n );\n\n const handleZoomSlide = useCallback(\n (value: number) => {\n // istanbul ignore next\n if (process.env.NODE_ENV !== \"test\") {\n zoomer.scaleTo(select(rootRef.current!), value / 100);\n }\n },\n [zoomer]\n );\n\n const reCenter = useCallback(() => {\n setCentered(false);\n }, [setCentered]);\n const [lineConfMap, markers] = useLineMarkers({\n cells,\n defaultEdgeLines,\n markerPrefix,\n });\n\n const ready = useReady({ cells, layout, centered });\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root || dragBehavior !== \"lasso\") {\n return;\n }\n const rootRect = root.getBoundingClientRect();\n const onMouseDown = (event: MouseEvent) => {\n handleLasso(event, {\n transform,\n offset: [rootRect.left, rootRect.top],\n onLassoing(rect) {\n setLassoRect(rect);\n },\n onLassoed(rect) {\n setLassoRect(null);\n const lassoedCells: (NodeCell | DecoratorCell)[] = [];\n for (const cell of cells) {\n // Currently only nodes and area decorators are supported to be lassoed.\n // Because edges and text decorators currently has no accurate size info.\n if (isNodeOrAreaDecoratorCell(cell)) {\n const x = cell.view.x;\n const y = cell.view.y;\n if (\n x >= rect.x &&\n x + cell.view.width <= rect.x + rect.width &&\n y >= rect.y &&\n y + cell.view.height <= rect.y + rect.height\n ) {\n lassoedCells.push(cell);\n }\n }\n }\n onSwitchActiveTarget?.(\n lassoedCells.length > 1\n ? { type: \"multi\", targets: lassoedCells.map(cellToTarget) }\n : lassoedCells.length === 1\n ? cellToTarget(lassoedCells[0])\n : null\n );\n },\n });\n };\n root.addEventListener(\"mousedown\", onMouseDown);\n return () => {\n root.removeEventListener(\"mousedown\", onMouseDown);\n };\n }, [transform, cells, dragBehavior, onSwitchActiveTarget]);\n\n return (\n <>\n <svg\n width=\"100%\"\n height=\"100%\"\n ref={rootRef}\n className={classNames(\"root\", { grabbing, pannable, ready })}\n tabIndex={-1}\n >\n <defs>\n {markers.map((marker, index) => (\n <MarkerComponent\n key={index}\n id={`${markerPrefix}${index}`}\n type=\"arrow\"\n strokeColor={marker.strokeColor}\n />\n ))}\n </defs>\n <g\n transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n >\n <g\n className={classNames(\"cells\", { allowEdgeToArea })}\n ref={cellsRef}\n >\n {cells.map((cell) => (\n <CellComponent\n key={`${cell.type}:${cell.type === \"edge\" ? `${cell.source}~${cell.target}` : cell.id}`}\n layout={layout}\n cell={cell}\n cells={cells}\n degraded={degraded}\n degradedNodeLabel={degradedNodeLabel}\n defaultNodeBricks={defaultNodeBricks}\n transform={transform}\n lineConfMap={lineConfMap}\n activeTarget={activeTarget}\n unrelatedCells={unrelatedCells}\n onCellsMoving={handleCellsMoving}\n onCellsMoved={handleCellsMoved}\n onCellResizing={handleCellResizing}\n onCellResized={handleCellResized}\n onSwitchActiveTarget={onSwitchActiveTarget}\n onCellContextMenu={onCellContextMenu}\n onDecoratorTextChange={onDecoratorTextChange}\n onDecoratorTextEditing={handleDecoratorTextEditing}\n onNodeBrickResize={handleNodeBrickResize}\n />\n ))}\n </g>\n <ConnectLineComponent\n connectLineState={connectLineState}\n transform={transform}\n markerEnd={`${markerPrefix}0`}\n onConnect={handleConnect}\n />\n {lassoRect && (\n <rect\n x={lassoRect.x}\n y={lassoRect.y}\n width={lassoRect.width}\n height={lassoRect.height}\n fill=\"var(--palette-gray-5)\"\n fillOpacity={0.3}\n stroke=\"var(--palette-gray-5)\"\n strokeDasharray={2}\n />\n )}\n </g>\n </svg>\n <ZoomBarComponent\n shadowRoot={host.shadowRoot!}\n scale={transform.k}\n scaleRange={scaleRange}\n onZoomChange={handleZoomSlide}\n onReCenter={reCenter}\n />\n </>\n );\n}\n\nfunction uuidV4() {\n return \"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx\".replace(/[xy]/g, function (c) {\n const r = (Math.random() * 16) | 0,\n v = c == \"x\" ? r : (r & 0x3) | 0x8;\n return v.toString(16);\n });\n}\n","import type { ActiveTarget, Cell } from \"../interfaces\";\nimport { targetIsActive } from \"./targetIsActive\";\n\nexport type KeyboardAction = KeyboardActionDeleteCells;\n\nexport interface KeyboardActionDeleteCells {\n action: \"delete-cells\";\n cells: Cell[];\n}\n\nexport function handleKeyboard(\n event: KeyboardEvent,\n {\n cells,\n activeTarget,\n }: {\n cells: Cell[];\n activeTarget: ActiveTarget | null | undefined;\n }\n): KeyboardAction | undefined {\n const activeCells = cells.filter((cell) =>\n targetIsActive(cell, activeTarget)\n );\n\n if (activeCells.length === 0) {\n return;\n }\n\n const key =\n event.key ||\n /* istanbul ignore next: compatibility */ event.keyCode ||\n /* istanbul ignore next: compatibility */ event.which;\n\n switch (key) {\n case \"Backspace\":\n case 8:\n case \"Delete\":\n case 46: {\n event.preventDefault();\n event.stopPropagation();\n return {\n action: \"delete-cells\",\n cells: activeCells,\n };\n }\n }\n}\n","import type { PositionTuple, TransformLiteral } from \"../../diagram/interfaces\";\nimport type { NodeView } from \"../interfaces\";\n\nexport interface HandleLassoOptions {\n transform: TransformLiteral;\n offset: PositionTuple;\n onLassoing(rect: NodeView): void;\n onLassoed(rect: NodeView): void;\n}\n\nexport function handleLasso(\n event: MouseEvent,\n { transform, offset, onLassoing, onLassoed }: HandleLassoOptions\n) {\n if (event.ctrlKey || event.button) {\n return;\n }\n\n event.stopPropagation();\n\n const from: PositionTuple = [event.clientX, event.clientY];\n const x0 = (event.clientX - offset[0] - transform.x) / transform.k;\n const y0 = (event.clientY - offset[1] - transform.y) / transform.k;\n\n function getMovement(e: MouseEvent): PositionTuple {\n return [\n (e.clientX - from[0]) / transform.k,\n (e.clientY - from[1]) / transform.k,\n ];\n }\n\n let moved = false;\n\n const handleMove = (e: MouseEvent, finished?: boolean) => {\n // Respect the scale\n const movement = getMovement(e);\n if (!moved) {\n moved = movement[0] ** 2 + movement[1] ** 2 >= 9;\n }\n if (moved) {\n let [width, height] = movement;\n let x = x0;\n let y = y0;\n if (width < 0) {\n x = x0 + width;\n width = -width;\n }\n if (height < 0) {\n y = y0 + height;\n height = -height;\n }\n (finished ? onLassoed : onLassoing)({\n x,\n y,\n width,\n height,\n });\n }\n };\n\n const onMouseMove = (e: MouseEvent) => {\n handleMove(e);\n };\n const onMouseUp = (e: MouseEvent) => {\n handleMove(e, true);\n moved = false;\n document.removeEventListener(\"mousemove\", onMouseMove);\n document.removeEventListener(\"mouseup\", onMouseUp);\n };\n document.addEventListener(\"mousemove\", onMouseMove);\n document.addEventListener(\"mouseup\", onMouseUp);\n}\n"],"names":["ConnectLineComponent","_ref","connectLineState","transform","markerEnd","onConnect","connectLineTo","setConnectLineTo","useState","useEffect","from","onMouseMove","e","clientX","x","offset","k","clientY","y","onMouseDown","stopPropagation","onClick","reset","document","removeEventListener","capture","addEventListener","React","className","classNames","connecting","d","join","fill","stroke","strokeWidth","lockBodyScroll","unwrapProvider","defineElement","property","method","event","createDecorators","EoDrawCanvasComponent","LegacyEoDrawCanvasComponent","_EoDrawCanvas","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_P","_Q","_R","_S","_EoDrawCanvas_brand","WeakSet","_handleActiveTargetChange","_handleSwitchActiveTarget","_T","_U","_handleCellMove","_V","_handleCellsMove","_W","_handleCellResize","_X","_Y","_handleCellDelete","_Z","_handleCellsDelete","_a","_handleCellContextMenu","_b","_handleDecoratorTextChange","_c","_handleScaleChange","_canvasRef","EoDrawCanvas","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_initProto","_init_cells","_init_extra_cells","_init_layout","_init_extra_layout","_init_layoutOptions","_init_extra_layoutOptions","_init_defaultNodeSize","DEFAULT_NODE_SIZE","_init_extra_defaultNodeSize","_init_defaultNodeBricks","_init_extra_defaultNodeBricks","_init_degradedThreshold","_init_extra_degradedThreshold","_init_degradedNodeLabel","_init_extra_degradedNodeLabel","_init_defaultEdgeLines","_init_extra_defaultEdgeLines","_init_activeTarget","_init_extra_activeTarget","_init_fadeUnrelatedCells","_init_extra_fadeUnrelatedCells","_init_zoomable","_init_extra_zoomable","_init_scrollable","_init_extra_scrollable","_init_pannable","_init_extra_pannable","_init_selectable","_init_extra_selectable","_init_allowEdgeToArea","_init_extra_allowEdgeToArea","_init_dragBehavior","_init_extra_dragBehavior","_init_ctrlDragBehavior","_init_extra_ctrlDragBehavior","_init_scaleRange","_init_extra_scaleRange","_init_activeTargetChangeEvent","_init_extra_activeTargetChangeEvent","target","_classPrivateGetter","this","_get_activeTargetChangeEvent","emit","sameTarget","activeTarget","_init_nodeMoveEvent","_init_extra_nodeMoveEvent","_init_cellMoveEvent","_init_extra_cellMoveEvent","info","_get_cellMoveEvent","type","_get_nodeMoveEvent","_init_cellsMoveEvent","_init_extra_cellsMoveEvent","_get_cellsMoveEvent","_init_cellResizeEvent","_init_extra_cellResizeEvent","_get_cellResizeEvent","_init_nodeDelete","_init_extra_nodeDelete","_init_cellDelete","_init_extra_cellDelete","cell","_get_cellDelete","_get_nodeDelete","_init_cellsDelete","_init_extra_cellsDelete","cells","_get_cellsDelete","_init_cellContextMenu","_init_extra_cellContextMenu","detail","_get_cellContextMenu","_init_decoratorTextChange","_init_extra_decoratorTextChange","_get_decoratorTextChange","_init_scaleChange","_init_extra_scaleChange","scale","_get_scaleChange","createRef","_classPrivateFieldGet","v","_classPrivateFieldSet","layout","layoutOptions","defaultNodeSize","defaultNodeBricks","degradedThreshold","degradedNodeLabel","defaultEdgeLines","fadeUnrelatedCells","zoomable","scrollable","pannable","selectable","allowEdgeToArea","dragBehavior","ctrlDragBehavior","scaleRange","dropNode","_document$elementsFro","_document","id","position","size","data","useBrick","elementsFromPoint","call","includes","_classPrivateFieldGet2","boundingClientRect","getBoundingClientRect","current","getTransform","newNode","view","left","top","width","height","dropDecorator","_ref2","_document$elementsFro2","_document2","decorator","text","_classPrivateFieldGet3","newDecorator","replace","c","r","Math","random","toString","DEFAULT_AREA_WIDTH","DEFAULT_AREA_HEIGHT","addNodes","nodes","length","newNodes","map","_ref3","canvasWidth","clientWidth","canvasHeight","clientHeight","addEdge","_ref4","_classPrivateFieldGet4","source","newEdge","manuallyConnectNodes","updateCells","ctx","_assertClassBrand","_waitForCanvasRef","updated","disconnectedCallback","super","render","host","ref","onActiveTargetChange","onSwitchActiveTarget","onCellMove","onCellsMove","onCellResize","onCellDelete","onCellsDelete","onCellContextMenu","onDecoratorTextChange","onScaleChange","Promise","resolve","check","setTimeout","_ref5","initialCells","_activeTarget","_scaleRange","layoutKey","dispatch","useReducer","rootReducer","initializeCells","degraded","useMemo","filter","isNodeCell","DEFAULT_DEGRADED_THRESHOLD","rootRef","useRef","cellsRef","manualConnectDeferredRef","editingTexts","setEditingTexts","grabbing","zoomer","useZoom","draggable","ctrlDraggable","lassoRect","setLassoRect","setConnectLineState","centered","setCentered","getNextLayoutKey","useLayout","useImperativeHandle","node","payload","_ref6","index","findLastIndex","newCells","slice","allCells","shouldReCenter","previousCells","edge","result","sourceId","find","isNodeOrAreaDecoratorCell","rect","reject","handleConnect","useCallback","state","to","_manualConnectDeferre2","i","_manualConnectDeferre","useActiveTarget","unrelatedCells","setUnrelatedCells","nextUnrelated","getUnrelatedCells","prev","root","onKeydown","action","handleKeyboard","markerPrefix","uniqueId","handleCellsMoving","handleCellsMoved","handleCellResizing","handleCellResized","handleDecoratorTextEditing","_ref7","editing","texts","handleNodeBrickResize","nextLayoutKey","handleZoomSlide","value","scaleTo","select","reCenter","lineConfMap","markers","useLineMarkers","ready","useReady","rootRect","handleLasso","onLassoing","onLassoed","lassoedCells","push","targets","cellToTarget","tabIndex","marker","MarkerComponent","key","strokeColor","CellComponent","onCellsMoving","onCellsMoved","onCellResizing","onCellResized","onDecoratorTextEditing","onNodeBrickResize","fillOpacity","strokeDasharray","ZoomBarComponent","shadowRoot","onZoomChange","onReCenter","_EoDrawCanvas2","_set_activeTargetChangeEvent","_set_nodeMoveEvent","_set_cellMoveEvent","_set_cellsMoveEvent","_set_cellResizeEvent","_set_nodeDelete","_set_cellDelete","_set_cellsDelete","_set_cellContextMenu","_set_decoratorTextChange","_set_scaleChange","_initClass","_applyDecs","styleTexts","styleText","zoomBarStyleText","attribute","String","Number","Boolean","o","_","has","_checkInRHS","activeCells","targetIsActive","keyCode","which","preventDefault","ctrlKey","button","x0","y0","moved","handleMove","finished","movement","getMovement","onMouseUp"],"sourceRoot":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[4422,2052],{5568:(t,e,n)=>{n.r(e),n.d(e,{ExperimentalNode:()=>L,ExperimentalNodeComponent:()=>U});var r,o=n(4635),i=n(918),a=n(6902),s=n(5536),c=n(6121),u=n(829),l=n(2740),d=n(8769),h=n.n(d),p=n(
|
|
2
|
-
//# sourceMappingURL=experimental-node.
|
|
1
|
+
"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[4422,2052],{5568:(t,e,n)=>{n.r(e),n.d(e,{ExperimentalNode:()=>L,ExperimentalNodeComponent:()=>U});var r,o=n(4635),i=n(918),a=n(6902),s=n(5536),c=n(6121),u=n(829),l=n(2740),d=n(8769),h=n.n(d),p=n(5351),f=n(3340),g=(n(9583),n(497));let v,m,b,A,y,w,E,x,k,S,j,M,D,T,W,P,O,_,z;const{defineElement:C,property:X,event:Y}=(0,p.createDecorators)();let L;var N=new WeakMap,I=new WeakMap,R=new WeakMap,q=new WeakMap,B=new WeakSet,F=new WeakMap,G=new WeakMap,H=new WeakMap,J=new WeakMap,K=new WeakMap;class Q extends f.ReactNextElement{constructor(){super(...arguments),(0,o.A)(this,B),(0,i.A)(this,N,m(this)),(0,i.A)(this,I,(b(this),A(this))),(0,i.A)(this,R,(y(this),w(this))),(0,i.A)(this,q,(E(this),x(this))),(0,i.A)(this,F,(j(this),t=>{(0,s.A)(B,this,k).emit(t)})),(0,i.A)(this,G,M(this)),(0,i.A)(this,H,(W(this),t=>{(0,s.A)(B,this,D).emit(t)})),(0,i.A)(this,J,P(this)),(0,i.A)(this,K,(z(this),t=>{(0,s.A)(B,this,O).emit(t)}))}get usage(){return(0,u.A)(N,this)}set usage(t){(0,c.A)(N,this,t)}get status(){return(0,u.A)(I,this)}set status(t){(0,c.A)(I,this,t)}get decorator(){return(0,u.A)(R,this)}set decorator(t){(0,c.A)(R,this,t)}render(){return h().createElement(U,{usage:this.usage,onDragStart:(0,u.A)(F,this),onDragMove:(0,u.A)(H,this),onDragEnd:(0,u.A)(K,this)})}}function U(t){let{usage:e,onDragStart:n,onDragMove:r,onDragEnd:o}=t;const i=(0,d.useCallback)((t=>{if("library"!==e)return;t.stopPropagation(),t.preventDefault();const i=[t.clientX,t.clientY];let a=!1;const s=t=>{a||(a=(t.clientX-i[0])**2+(t.clientY-i[1])**2>=9,a&&(null==n||n([t.clientX,t.clientY]))),a&&(null==r||r([t.clientX,t.clientY]))},c=t=>{document.removeEventListener("mousemove",s),document.removeEventListener("mouseup",c),a&&(null==o||o([t.clientX,t.clientY]))};document.addEventListener("mousemove",s),document.addEventListener("mouseup",c)}),[o,r,n,e]);return h().createElement("div",{onMouseDown:i},h().createElement("slot",null))}r=Q,({e:[m,b,A,y,w,E,x,k,S,j,M,D,T,W,P,O,_,z],c:[L,v]}=(0,l.A)(r,[C("diagram.experimental-node",{styleTexts:[g.A]})],[[X(),1,"usage"],[X({type:String,render:!1}),1,"status"],[X({type:String}),1,"decorator"],[Y({type:"drag.start"}),1,"dragStartEvent",t=>(0,u.A)(q,t),(t,e)=>(0,c.A)(q,t,e)],[Y({type:"drag.move"}),1,"dragMoveEvent",t=>(0,u.A)(G,t),(t,e)=>(0,c.A)(G,t,e)],[Y({type:"drag.end"}),1,"dragEndEvent",t=>(0,u.A)(J,t),(t,e)=>(0,c.A)(J,t,e)]],0,(t=>K.has((0,a.A)(t))),f.ReactNextElement)),v()},497:(t,e,n)=>{n.d(e,{A:()=>s});var r=n(6758),o=n.n(r),i=n(935),a=n.n(i)()(o());a.push([t.id,'*{box-sizing:border-box}:host{display:block;border:1px solid var(--palette-gray-5);cursor:default;-webkit-user-select:none;user-select:none}:host([hidden]){display:none}:host([usage="dragging"]){opacity:0.75;position:fixed}:host(:not([usage="library"])){background:var(--palette-gray-3);width:60px;height:60px}:host([usage="library"]){width:180px;height:30px;margin-bottom:10px}div{width:100%;height:100%;display:flex;align-items:center;justify-content:center}:host(:not([usage="dragging"]):not([usage="library"]):hover),\n:host([status="highlighted"]){color:var(--palette-blue-5);background:var(--palette-blue-1);border-color:1px solid var(--palette-blue-4)}:host([status="faded"]){opacity:0.3}:host([decorator="area"]){width:100px;height:60px;background:rgba(119,141,195,0.1);border:none}:host([decorator="text"]){width:auto;height:auto;background:none;border:none}',""]);const s=a.toString()},935:t=>{t.exports=function(t){var e=[];return e.toString=function(){return this.map((function(e){var n="",r=void 0!==e[5];return e[4]&&(n+="@supports (".concat(e[4],") {")),e[2]&&(n+="@media ".concat(e[2]," {")),r&&(n+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),n+=t(e),r&&(n+="}"),e[2]&&(n+="}"),e[4]&&(n+="}"),n})).join("")},e.i=function(t,n,r,o,i){"string"==typeof t&&(t=[[null,t,void 0]]);var a={};if(r)for(var s=0;s<this.length;s++){var c=this[s][0];null!=c&&(a[c]=!0)}for(var u=0;u<t.length;u++){var l=[].concat(t[u]);r&&a[l[0]]||(void 0!==i&&(void 0===l[5]||(l[1]="@layer".concat(l[5].length>0?" ".concat(l[5]):""," {").concat(l[1],"}")),l[5]=i),n&&(l[2]?(l[1]="@media ".concat(l[2]," {").concat(l[1],"}"),l[2]=n):l[2]=n),o&&(l[4]?(l[1]="@supports (".concat(l[4],") {").concat(l[1],"}"),l[4]=o):l[4]="".concat(o)),e.push(l))}},e}},6758:t=>{t.exports=function(t){return t[1]}},2740:(t,e,n)=>{n.d(e,{A:()=>s});var r=n(7545),o=n(6902);function i(t,e,n){"symbol"==(0,r.A)(e)&&(e=(e=e.description)?"["+e+"]":"");try{Object.defineProperty(t,"name",{configurable:!0,value:n?n+" "+e:e})}catch(t){}return t}var a=n(1369);function s(t,e,n,s,c,u){var l,d,h,p,f,g,v,m=Symbol.metadata||Symbol.for("Symbol.metadata"),b=Object.defineProperty,A=Object.create,y=[A(null),A(null)],w=e.length;function E(e,n,r){return function(o,i){n&&(i=o,o=t);for(var a=0;a<e.length;a++)i=e[a].apply(o,r?[i]:[]);return r?i:o}}function x(t,e,n,r){if("function"!=typeof t&&(r||void 0!==t))throw new TypeError(e+" must "+(n||"be")+" a function"+(r?"":" or undefined"));return t}function k(t,e,n,o,a,s,c,u,h,p,f){function g(t){if(!f(t))throw new TypeError("Attempted to access private element on non-instance")}var v=[].concat(e[0]),m=e[3],A=!c,w=1===a,k=3===a,S=4===a,j=2===a;function M(e,n,r){return function(o,i){return n&&(i=o,o=t),r&&r(o),D[e].call(o,i)}}if(!A){var D={},T=[],W=k?"get":S||w?"set":"value";if(h?(p||w?D={get:i((function(){return m(this)}),o,"get"),set:function(t){e[4](this,t)}}:D[W]=m,p||i(D[W],o,j?"":W)):p||(D=Object.getOwnPropertyDescriptor(t,o)),!p&&!h){if((d=y[+u][o])&&7!=(d^a))throw Error("Decorating two elements with the same name ("+D[W].name+") is not supported yet");y[+u][o]=a<3?1:a}}for(var P=t,O=v.length-1;O>=0;O-=n?2:1){var _=x(v[O],"A decorator","be",!0),z=n?v[O-1]:void 0,C={},X={kind:["field","accessor","method","getter","setter","class"][a],name:o,metadata:l,addInitializer:function(t,e){if(t.v)throw Error("attempted to call addInitializer after decoration was finished");x(e,"An initializer","be",!0),s.push(e)}.bind(null,C)};if(A)d=_.call(z,P,X),C.v=1,x(d,"class decorators","return")&&(P=d);else if(X.static=u,X.private=h,d=X.access={has:h?f.bind():function(t){return o in t}},S||(d.get=h?j?function(t){return g(t),D.value}:M("get",0,g):function(t){return t[o]}),j||k||(d.set=h?M("set",0,g):function(t,e){t[o]=e}),P=_.call(z,w?{get:D.get,set:D.set}:D[W],X),C.v=1,w){if("object"==(0,r.A)(P)&&P)(d=x(P.get,"accessor.get"))&&(D.get=d),(d=x(P.set,"accessor.set"))&&(D.set=d),(d=x(P.init,"accessor.init"))&&T.unshift(d);else if(void 0!==P)throw new TypeError("accessor decorators must return an object with get, set, or init properties or undefined")}else x(P,(p?"field":"method")+" decorators","return")&&(p?T.unshift(P):D[W]=P)}return a<2&&c.push(E(T,u,1),E(s,u,0)),p||A||(h?w?c.splice(-1,0,M("get",u),M("set",u)):c.push(j?D[W]:x.call.bind(D[W])):b(t,o,D)),P}function S(t){return b(t,m,{configurable:!0,enumerable:!0,value:l})}return void 0!==u&&(l=u[m]),l=A(null==l?null:l),f=[],g=function(t){t&&f.push(E(t))},v=function(e,r){for(var i=0;i<n.length;i++){var s=n[i],u=s[1],l=7&u;if((8&u)==e&&!l==r){var d=s[2],g=!!s[3],v=16&u;k(e?t:t.prototype,s,v,g?"#"+d:(0,a.A)(d),l,l<2?[]:e?p=p||[]:h=h||[],f,!!e,g,r,e&&g?function(e){return(0,o.A)(e)===t}:c)}}},v(8,0),v(0,0),v(8,1),v(0,1),g(h),g(p),d=f,w||S(t),{e:d,get c(){var n=[];return w&&[S(t=k(t,[e],s,t.name,5,n)),E(n,1)]}}}},2559:(t,e,n)=>{function r(t,e,n){if("function"==typeof t?t===e:t.has(e))return arguments.length<3?e:n;throw new TypeError("Private element is not present on this object")}n.d(e,{A:()=>r})},6902:(t,e,n)=>{n.d(e,{A:()=>o});var r=n(7545);function o(t){if(Object(t)!==t)throw TypeError("right-hand side of 'in' should be an object, got "+(null!==t?(0,r.A)(t):"null"));return t}},2016:(t,e,n)=>{function r(t,e){if(e.has(t))throw new TypeError("Cannot initialize the same private elements twice on an object")}n.d(e,{A:()=>r})},829:(t,e,n)=>{n.d(e,{A:()=>o});var r=n(2559);function o(t,e){return t.get((0,r.A)(t,e))}},918:(t,e,n)=>{n.d(e,{A:()=>o});var r=n(2016);function o(t,e,n){(0,r.A)(t,e),e.set(t,n)}},6121:(t,e,n)=>{n.d(e,{A:()=>o});var r=n(2559);function o(t,e,n){return t.set((0,r.A)(t,e),n),n}},5536:(t,e,n)=>{n.d(e,{A:()=>o});var r=n(2559);function o(t,e,n){return n((0,r.A)(t,e))}},4635:(t,e,n)=>{n.d(e,{A:()=>o});var r=n(2016);function o(t,e){(0,r.A)(t,e),e.add(t)}},1369:(t,e,n)=>{n.d(e,{A:()=>o});var r=n(7545);function o(t){var e=function(t,e){if("object"!=(0,r.A)(t)||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,"string");if("object"!=(0,r.A)(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==(0,r.A)(e)?e:e+""}},7545:(t,e,n)=>{function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}n.d(e,{A:()=>r})}}]);
|
|
2
|
+
//# sourceMappingURL=experimental-node.ff3d2c8c.js.map
|