@next-bricks/diagram 0.40.2 → 0.40.3
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 +1 -1
- package/dist/chunks/{1094.373374c3.js → 1094.866a0229.js} +3 -3
- package/dist/chunks/{1094.373374c3.js.map → 1094.866a0229.js.map} +1 -1
- package/dist/chunks/{1122.514e19fc.js → 1122.1b986d37.js} +2 -2
- package/dist/chunks/1122.1b986d37.js.map +1 -0
- package/dist/chunks/{114.75d133cd.js → 114.9d0b78d2.js} +2 -2
- package/dist/chunks/{114.75d133cd.js.map → 114.9d0b78d2.js.map} +1 -1
- package/dist/chunks/{1868.cb80ce04.js → 1868.8312f005.js} +2 -2
- package/dist/chunks/{1868.cb80ce04.js.map → 1868.8312f005.js.map} +1 -1
- package/dist/chunks/{1940.82d7d631.js → 1940.3fa9b819.js} +2 -2
- package/dist/chunks/{1940.82d7d631.js.map → 1940.3fa9b819.js.map} +1 -1
- package/dist/chunks/{2277.3b3178c0.js → 2277.642aada3.js} +2 -2
- package/dist/chunks/{4658.cf7a3a4c.js.map → 2277.642aada3.js.map} +1 -1
- package/dist/chunks/{2416.10cb5ecd.js → 2416.87926b63.js} +2 -2
- package/dist/chunks/{2416.10cb5ecd.js.map → 2416.87926b63.js.map} +1 -1
- package/dist/chunks/{2443.c1da1160.js → 2443.3e0054e3.js} +3 -3
- package/dist/chunks/{2443.c1da1160.js.map → 2443.3e0054e3.js.map} +1 -1
- package/dist/chunks/{3171.6ae5ad31.js → 3171.c5ada5f2.js} +2 -2
- package/dist/chunks/{3171.6ae5ad31.js.map → 3171.c5ada5f2.js.map} +1 -1
- package/dist/chunks/3533.c55d2951.js +3 -0
- package/dist/chunks/3533.c55d2951.js.map +1 -0
- package/dist/chunks/{3933.8cae1496.js → 3933.83e0f620.js} +2 -2
- package/dist/chunks/{6314.50550c8c.js.map → 3933.83e0f620.js.map} +1 -1
- package/dist/chunks/{4658.cf7a3a4c.js → 4658.ff7efb11.js} +2 -2
- package/dist/chunks/{2277.3b3178c0.js.map → 4658.ff7efb11.js.map} +1 -1
- package/dist/chunks/{4837.b45b469a.js → 4837.a2e9fe27.js} +2 -2
- package/dist/chunks/{4837.b45b469a.js.map → 4837.a2e9fe27.js.map} +1 -1
- package/dist/chunks/{5399.86bc511f.js → 5399.7d5e59b6.js} +2 -2
- package/dist/chunks/{5399.86bc511f.js.map → 5399.7d5e59b6.js.map} +1 -1
- package/dist/chunks/{5552.fb7027e0.js → 5552.9bb497eb.js} +2 -2
- package/dist/chunks/{5552.fb7027e0.js.map → 5552.9bb497eb.js.map} +1 -1
- package/dist/chunks/{6314.50550c8c.js → 6314.4496f8fc.js} +2 -2
- package/dist/chunks/{3933.8cae1496.js.map → 6314.4496f8fc.js.map} +1 -1
- package/dist/chunks/{7218.25b26ead.js → 7218.77db5c32.js} +2 -2
- package/dist/chunks/{7218.25b26ead.js.map → 7218.77db5c32.js.map} +1 -1
- package/dist/chunks/{7733.80404918.js → 7733.a27200f8.js} +2 -2
- package/dist/chunks/{7733.80404918.js.map → 7733.a27200f8.js.map} +1 -1
- package/dist/chunks/{9559.f63dbf90.js → 9559.436645e2.js} +2 -2
- package/dist/chunks/{9559.f63dbf90.js.map → 9559.436645e2.js.map} +1 -1
- package/dist/chunks/{editable-label.c775eb3d.js → editable-label.54bc7004.js} +3 -3
- package/dist/chunks/{editable-label.c775eb3d.js.map → editable-label.54bc7004.js.map} +1 -1
- package/dist/chunks/{eo-diagram.94659286.js → eo-diagram.88025819.js} +2 -2
- package/dist/chunks/{eo-diagram.94659286.js.map → eo-diagram.88025819.js.map} +1 -1
- package/dist/chunks/{eo-display-canvas.6e791d99.js → eo-display-canvas.36c4170c.js} +2 -2
- package/dist/chunks/{eo-display-canvas.6e791d99.js.map → eo-display-canvas.36c4170c.js.map} +1 -1
- package/dist/chunks/{eo-draw-canvas.bfa88300.js → eo-draw-canvas.7900bbfb.js} +2 -2
- package/dist/chunks/{eo-draw-canvas.bfa88300.js.map → eo-draw-canvas.7900bbfb.js.map} +1 -1
- package/dist/chunks/{experimental-node.de8fe3db.js → experimental-node.33c53c19.js} +2 -2
- package/dist/chunks/{experimental-node.de8fe3db.js.map → experimental-node.33c53c19.js.map} +1 -1
- package/dist/chunks/main.1e1bc760.js +2 -0
- package/dist/chunks/{main.325be799.js.map → main.1e1bc760.js.map} +1 -1
- package/dist/examples.json +3 -3
- package/dist/index.89f64d71.js +2 -0
- package/dist/{index.25bf90a0.js.map → index.89f64d71.js.map} +1 -1
- package/dist/manifest.json +36 -36
- package/package.json +4 -4
- package/dist/chunks/1122.514e19fc.js.map +0 -1
- package/dist/chunks/3533.e1229efa.js +0 -3
- package/dist/chunks/3533.e1229efa.js.map +0 -1
- package/dist/chunks/main.325be799.js +0 -2
- package/dist/index.25bf90a0.js +0 -2
- /package/dist/chunks/{1094.373374c3.js.LICENSE.txt → 1094.866a0229.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{2443.c1da1160.js.LICENSE.txt → 2443.3e0054e3.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{3533.e1229efa.js.LICENSE.txt → 3533.c55d2951.js.LICENSE.txt} +0 -0
- /package/dist/chunks/{editable-label.c775eb3d.js.LICENSE.txt → editable-label.54bc7004.js.LICENSE.txt} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chunks/eo-diagram.94659286.js","mappings":"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","sources":["webpack:///./src/diagram/MarkerComponent.tsx","webpack:///./src/diagram/index.tsx","webpack:///./src/diagram/lines/getDirectLinePoints.ts","webpack:///./src/diagram/processors/doTwoNodesOverlap.ts","webpack:///./src/diagram/processors/extractPartialRectTuple.ts"],"sourcesContent":["import React from \"react\";\nimport type { LineMarkerType } from \"./interfaces\";\n\nexport interface MarkerComponentProps extends BaseMarkerComponentProps {\n type: LineMarkerType;\n}\n\nexport interface BaseMarkerComponentProps {\n id: string;\n strokeColor?: string;\n}\n\nexport function MarkerComponent({\n id,\n type,\n strokeColor,\n}: MarkerComponentProps): JSX.Element {\n let Component: (props: BaseMarkerComponentProps) => JSX.Element;\n\n switch (type) {\n case \"0..1\":\n Component = EntityRelationZeroOrOneMarker;\n break;\n case \"0..N\":\n Component = EntityRelationZeroOrManyMarker;\n break;\n default:\n Component = ArrowMarker;\n }\n\n return <Component id={id} strokeColor={strokeColor} />;\n}\n\nfunction ArrowMarker({\n id,\n strokeColor,\n}: BaseMarkerComponentProps): JSX.Element {\n return (\n <marker\n id={id}\n viewBox=\"0 0 6 6\"\n refX={5}\n refY={3}\n markerWidth={6}\n markerHeight={6}\n orient=\"auto-start-reverse\"\n strokeLinejoin=\"round\"\n >\n <path\n d=\"M 0.5 0.5 L 5.5 3 L 0.5 5.5 z\"\n stroke={strokeColor}\n strokeWidth={1}\n fill={strokeColor}\n />\n </marker>\n );\n}\n\nfunction EntityRelationZeroOrOneMarker({\n id,\n strokeColor,\n}: BaseMarkerComponentProps): JSX.Element {\n return (\n <marker\n id={id}\n viewBox=\"0 0 21 11\"\n refX={0.5}\n refY={5.5}\n markerWidth={21}\n markerHeight={11}\n orient=\"auto-start-reverse\"\n >\n <path\n d=\"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 15.5 0.5 V 10.5 M 10.5 5.5 H 20.5\"\n stroke={strokeColor}\n strokeWidth={1}\n fill=\"none\"\n />\n </marker>\n );\n}\n\nfunction EntityRelationZeroOrManyMarker({\n id,\n strokeColor,\n}: BaseMarkerComponentProps): JSX.Element {\n return (\n <marker\n id={id}\n viewBox=\"0 0 21 11\"\n refX={0.5}\n refY={5.5}\n markerWidth={21}\n markerHeight={11}\n orient=\"auto-start-reverse\"\n >\n <path\n d=\"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 20.5 0.5 L 10.5 5.5 L 20.5 10.5 M 10.5 5.5 H 20.5\"\n stroke={strokeColor}\n strokeWidth={1}\n fill=\"none\"\n />\n </marker>\n );\n}\n","import React, {\n createRef,\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { select } from \"d3-selection\";\nimport { ZoomTransform, zoom } from \"d3-zoom\";\nimport classNames from \"classnames\";\nimport { uniqueId } from \"lodash\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport type {\n DiagramEdge,\n DiagramNode,\n LayoutOptions,\n LineConf,\n NodeBrickConf,\n PositionTuple,\n RefRepository,\n RenderedLineLabel,\n TransformLiteral,\n LineTarget,\n ConnectLineDetail,\n ConnectNodesOptions,\n ConnectLineState,\n ActiveTarget,\n RangeTuple,\n LineLabel,\n LineLabelConf,\n TextOptions,\n DragNodesOptions,\n NodeMovement,\n ManualLayoutStatus,\n LineMaskRects,\n} from \"./interfaces\";\nimport { NodeComponentGroup } from \"./NodeComponent\";\nimport { handleKeyboard } from \"./processors/handleKeyboard\";\nimport { transformToCenter } from \"./processors/transformToCenter\";\nimport { getRenderedLines } from \"./processors/getRenderedLines\";\nimport { normalizeLinesAndMarkers } from \"./processors/normalizeLinesAndMarkers\";\nimport { LineLabelComponentGroup } from \"./LineLabelComponent\";\nimport { LineComponent } from \"./LineComponent\";\nimport { MarkerComponent } from \"./MarkerComponent\";\nimport { LineMaskComponent } from \"./LineMaskComponent\";\nimport { ConnectLineComponent } from \"./ConnectLineComponent\";\nimport { getRenderedLineLabels } from \"./processors/getRenderedLineLabels\";\nimport { handleNodesMouseDown } from \"./processors/handleNodesMouseDown\";\nimport { DEFAULT_SCALE_RANGE_MAX, DEFAULT_SCALE_RANGE_MIN } from \"./constants\";\nimport { useRenderedDiagram } from \"./hooks/useRenderedDiagram\";\nimport { adjustLineLabels } from \"./processors/adjustLineLabels\";\nimport styleText from \"./styles.shadow.css\";\nimport { useUserView } from \"./hooks/useUserView\";\nimport { sameTarget } from \"./processors/sameTarget\";\nimport { getLineMaskRects } from \"./processors/getLineMaskRects\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EoDiagramProps {\n layout?: \"dagre\" | \"force\";\n nodes?: DiagramNode[];\n edges?: DiagramEdge[];\n nodeBricks?: NodeBrickConf[];\n lines?: LineConf[];\n layoutOptions?: LayoutOptions;\n connectNodes?: ConnectNodesOptions;\n dragNodes?: DragNodesOptions;\n activeTarget?: ActiveTarget | null;\n disableKeyboardAction?: boolean;\n zoomable?: boolean;\n scrollable?: boolean;\n pannable?: boolean;\n scaleRange?: RangeTuple;\n}\n\nexport interface DiagramRef {\n callOnLineLabel(id: string, method: string, ...args: unknown[]): void;\n}\n\nexport const EoDiagramComponent = forwardRef(LegacyEoDiagramComponent);\n\n/**\n * 构件 `eo-diagram`\n */\nexport\n@defineElement(\"eo-diagram\", {\n styleTexts: [styleText],\n})\nclass EoDiagram extends ReactNextElement implements EoDiagramProps {\n /**\n * @required\n */\n @property({ type: String })\n accessor layout: \"dagre\" | \"force\" | undefined;\n\n @property({ attribute: false })\n accessor nodes: DiagramNode[] | undefined;\n\n @property({ attribute: false })\n accessor edges: DiagramEdge[] | undefined;\n\n @property({ attribute: false })\n accessor nodeBricks: NodeBrickConf[] | undefined;\n\n @property({ attribute: false })\n accessor lines: LineConf[] | undefined;\n\n @property({ attribute: false })\n accessor layoutOptions: LayoutOptions | undefined;\n\n @property({ attribute: false })\n accessor activeTarget: ActiveTarget | null | undefined;\n\n @property({ type: Boolean })\n accessor disableKeyboardAction: boolean | undefined;\n\n @property({ attribute: false })\n accessor connectNodes: ConnectNodesOptions | undefined;\n\n @property({ attribute: false })\n accessor dragNodes: DragNodesOptions | 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 @event({ type: \"node.delete\" })\n accessor #nodeDelete!: EventEmitter<DiagramNode>;\n\n #handleNodeDelete = (node: DiagramNode) => {\n this.#nodeDelete.emit(node);\n };\n\n @event({ type: \"edge.delete\" })\n accessor #edgeDelete!: EventEmitter<DiagramEdge>;\n\n #handleEdgeDelete = (edge: DiagramEdge) => {\n this.#edgeDelete.emit(edge);\n };\n\n @event({ type: \"line.click\" })\n accessor #lineClick!: EventEmitter<LineTarget>;\n\n #handleLineClick = (line: LineTarget) => {\n this.#lineClick.emit(line);\n };\n\n @event({ type: \"line.dblclick\" })\n accessor #lineDoubleClick!: EventEmitter<LineTarget>;\n\n #handleLineDoubleClick = (line: LineTarget) => {\n this.#lineDoubleClick.emit(line);\n };\n\n @event({ type: \"nodes.connect\" })\n accessor #connectNodes!: EventEmitter<ConnectLineDetail>;\n\n #handleNodesConnect = (detail: ConnectLineDetail) => {\n this.#connectNodes.emit(detail);\n };\n\n #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n if (!sameTarget(target, this.activeTarget)) {\n this.activeTarget = target;\n }\n };\n\n #diagramRef = createRef<DiagramRef>();\n\n @method()\n callOnLineLabel(id: string, method: string, ...args: unknown[]) {\n this.#diagramRef.current?.callOnLineLabel(id, method, ...args);\n }\n\n render() {\n return (\n <EoDiagramComponent\n ref={this.#diagramRef}\n layout={this.layout}\n nodes={this.nodes}\n edges={this.edges}\n nodeBricks={this.nodeBricks}\n lines={this.lines}\n layoutOptions={this.layoutOptions}\n connectNodes={this.connectNodes}\n dragNodes={this.dragNodes}\n activeTarget={this.activeTarget}\n disableKeyboardAction={this.disableKeyboardAction}\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 onNodeDelete={this.#handleNodeDelete}\n onEdgeDelete={this.#handleEdgeDelete}\n onLineClick={this.#handleLineClick}\n onLineDoubleClick={this.#handleLineDoubleClick}\n onNodesConnect={this.#handleNodesConnect}\n />\n );\n }\n}\n\nexport interface EoDiagramComponentProps extends EoDiagramProps {\n onActiveTargetChange?(target: ActiveTarget | null): void;\n onSwitchActiveTarget?(target: ActiveTarget | null): void;\n onNodeDelete?(node: DiagramNode): void;\n onEdgeDelete?(edge: DiagramEdge): void;\n onLineClick?(line: LineTarget): void;\n onLineDoubleClick?(line: LineTarget): void;\n onNodesConnect?(detail: ConnectLineDetail): void;\n}\n\nexport function LegacyEoDiagramComponent(\n {\n layout,\n nodes,\n edges,\n nodeBricks,\n lines,\n layoutOptions,\n connectNodes,\n dragNodes,\n activeTarget: _activeTarget,\n disableKeyboardAction,\n zoomable,\n scrollable,\n pannable,\n scaleRange: _scaleRange,\n onActiveTargetChange,\n onSwitchActiveTarget,\n onNodeDelete,\n onEdgeDelete,\n onLineClick,\n onLineDoubleClick,\n onNodesConnect,\n }: EoDiagramComponentProps,\n ref: React.Ref<DiagramRef>\n) {\n const [nodesReady, setNodesReady] = useState(false);\n const [nodesRenderId, setNodesRenderId] = useState(0);\n const [nodesRefRepository, setNodesRefRepository] =\n useState<RefRepository | null>(null);\n const [lineLabelsReady, setLineLabelsReady] = useState(false);\n const [lineLabelsRenderId, setLineLabelsRenderId] = useState(0);\n const [lineLabelsRefRepository, setLineLabelsRefRepository] =\n useState<RefRepository | null>(null);\n const [renderedLineLabels, setRenderedLineLabels] = useState<\n RenderedLineLabel[]\n >([]);\n\n const [grabbing, setGrabbing] = useState(false);\n const [transform, setTransform] = useState<TransformLiteral>({\n k: 1,\n x: 0,\n y: 0,\n });\n\n const linePathsRef = useRef(new Map<string, SVGPathElement | null>());\n\n const rootRef = useRef<HTMLDivElement>(null);\n const nodesRef = useRef<HTMLDivElement>(null);\n const [centered, setCentered] = useState(false);\n\n const { userViewReady, userViewNodesMap, saveUserView } = useUserView(\n dragNodes?.save\n );\n\n const [connectLineTo, setConnectLineTo] = useState<PositionTuple>([0, 0]);\n const [connectLineState, setConnectLineState] =\n useState<ConnectLineState | null>(null);\n const [manualLayoutStatus, setManualLayoutStatus] =\n useState<ManualLayoutStatus>(\"initial\");\n const [nodeMovement, setNodeMovement] = useState<NodeMovement | null>(null);\n\n useImperativeHandle(ref, () => ({\n callOnLineLabel(id, method, ...args) {\n (\n lineLabelsRefRepository?.get(id)\n ?.firstElementChild as unknown as Record<string, Function>\n )?.[method](...args);\n },\n }));\n\n useEffect(() => {\n const onNodesMouseDown = (event: MouseEvent) => {\n handleNodesMouseDown(event, {\n nodes,\n nodesRefRepository,\n connectNodes,\n dragNodes,\n scale: transform.k,\n setConnectLineState,\n setConnectLineTo,\n setManualLayoutStatus,\n setNodeMovement,\n onSwitchActiveTarget,\n onNodesConnect,\n });\n };\n // Bind mousedown event manually, since the React event handler can't work with\n // d3-zoom inside shadow DOM.\n const nodesContainer = nodesRef.current;\n nodesContainer?.addEventListener(\"mousedown\", onNodesMouseDown);\n return () => {\n nodesContainer?.removeEventListener(\"mousedown\", onNodesMouseDown);\n };\n }, [\n nodes,\n connectNodes,\n dragNodes,\n transform.k,\n nodesRefRepository,\n onNodesConnect,\n onSwitchActiveTarget,\n ]);\n\n const { normalizedLines, normalizedLinesMap, markers } = useMemo(\n () => normalizeLinesAndMarkers(edges, lines),\n [edges, lines]\n );\n\n const lineLabels = useMemo(() => {\n return normalizedLines.flatMap(({ line: { text, label, $id }, edge }) => {\n if (!text && !label) {\n return [] as LineLabel[];\n }\n\n let key: \"label\" | \"text\";\n let list: LineLabelConf[] | TextOptions[];\n if (label) {\n key = \"label\";\n list = ([] as LineLabelConf[]).concat(label);\n } else {\n key = \"text\";\n list = ([] as TextOptions[]).concat(text!);\n }\n\n return list.map<LineLabel>((item) => ({\n [key as \"label\"]: item as LineLabelConf,\n id: `${$id}-${item.placement ?? \"center\"}`,\n edge,\n }));\n });\n }, [normalizedLines]);\n\n const { nodes: renderedNodes, edges: renderedEdges } = useRenderedDiagram({\n layout,\n nodes,\n edges,\n manualLayoutStatus,\n userViewReady,\n userViewNodesMap,\n nodeMovement,\n nodesRefRepository,\n lineLabelsRefRepository,\n normalizedLinesMap,\n layoutOptions,\n nodesRenderId,\n lineLabelsRenderId,\n });\n\n useEffect(\n () => {\n if (manualLayoutStatus === \"finished\") {\n saveUserView(\n renderedNodes.map((node) => ({\n id: node.id,\n x: node.x,\n y: node.y,\n }))\n );\n }\n },\n // Only save user view when manual layout is just finished.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [manualLayoutStatus]\n );\n\n const renderedLines = useMemo(\n () => getRenderedLines(renderedEdges, renderedNodes, normalizedLines),\n [normalizedLines, renderedNodes, renderedEdges]\n );\n\n const newActiveTarget = _activeTarget ?? null;\n const [activeTarget, setActiveTarget] = useState<ActiveTarget | null>(\n newActiveTarget\n );\n\n useEffect(() => {\n setActiveTarget((previous) =>\n sameTarget(previous, newActiveTarget) ? previous : newActiveTarget\n );\n }, [newActiveTarget]);\n\n const activeTargetChangeInitialized = useRef(false);\n useEffect(() => {\n if (!activeTargetChangeInitialized.current) {\n activeTargetChangeInitialized.current = true;\n return;\n }\n onActiveTargetChange?.(activeTarget);\n }, [activeTarget, onActiveTargetChange]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root || disableKeyboardAction) {\n return;\n }\n const onKeydown = (event: KeyboardEvent) => {\n const action = handleKeyboard(event, {\n renderedNodes,\n activeTarget,\n });\n\n if (action?.action === \"delete-node\") {\n onNodeDelete?.(action.node);\n } else if (action?.action === \"delete-edge\") {\n onEdgeDelete?.(action.edge);\n } else if (action?.action === \"switch-active-node\" && action.node) {\n onSwitchActiveTarget?.({ type: \"node\", nodeId: action.node.id });\n }\n };\n root.addEventListener(\"keydown\", onKeydown);\n return () => {\n root.removeEventListener(\"keydown\", onKeydown);\n };\n }, [\n activeTarget,\n renderedNodes,\n disableKeyboardAction,\n onSwitchActiveTarget,\n onNodeDelete,\n onEdgeDelete,\n ]);\n\n const handleNodesRendered = useCallback(\n (refRepository: RefRepository | null) => {\n if (refRepository) {\n setNodesRenderId((previous) => previous + 1);\n setNodesRefRepository(refRepository);\n }\n setNodesReady((previous) => previous || !!refRepository);\n },\n []\n );\n\n const handleLineLabelsRendered = useCallback(\n (refRepository: RefRepository | null) => {\n if (refRepository) {\n setLineLabelsRenderId((previous) => previous + 1);\n setLineLabelsRefRepository(refRepository);\n }\n setLineLabelsReady((previous) => previous || !!refRepository);\n },\n []\n );\n\n const scaleRange = useMemo(\n () =>\n _scaleRange ??\n ([DEFAULT_SCALE_RANGE_MIN, DEFAULT_SCALE_RANGE_MAX] as RangeTuple),\n [_scaleRange]\n );\n\n const zoomer = useMemo(() => zoom<HTMLDivElement, unknown>(), []);\n\n useEffect(() => {\n let moved = false;\n zoomer\n .scaleExtent(zoomable ? scaleRange : [1, 1])\n .on(\"start\", () => {\n moved = false;\n setGrabbing(true);\n })\n .on(\"zoom\", (e: { transform: TransformLiteral }) => {\n moved = true;\n setTransform(e.transform);\n })\n .on(\"end\", () => {\n setGrabbing(false);\n if (!moved) {\n onSwitchActiveTarget?.(null);\n }\n });\n }, [onSwitchActiveTarget, scaleRange, zoomable, zoomer]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root) {\n return;\n }\n\n const rootSelection = select(root);\n\n const unsetZoom = () => {\n rootSelection\n .on(\".zoom\", null)\n .on(\".zoom.custom\", null)\n .on(\"wheel\", null);\n };\n\n if (!(zoomable || scrollable || pannable)) {\n unsetZoom();\n return;\n }\n\n if (zoomable || scrollable) {\n // Do not override default d3 zoom handler.\n // Only handles *panning*\n rootSelection.on(\n \"wheel.zoom.custom\",\n (e: WheelEvent & { wheelDeltaX: number; wheelDeltaY: number }) => {\n // Mac OS trackpad pinch event is emitted as a wheel.zoom and d3.event.ctrlKey set to true\n if (!e.ctrlKey) {\n // Stop immediate propagation for default d3 zoom handler\n e.stopImmediatePropagation();\n if (scrollable) {\n e.preventDefault();\n zoomer.translateBy(\n rootSelection,\n e.wheelDeltaX / 5,\n e.wheelDeltaY / 5\n );\n }\n }\n // zoomer.scaleBy(rootSelection, Math.pow(2, defaultWheelDelta(e)))\n }\n );\n }\n\n rootSelection\n .call(zoomer)\n .on(\"wheel\", (e: WheelEvent) => e.preventDefault())\n .on(\"dblclick.zoom\", null);\n\n if (!pannable) {\n rootSelection\n .on(\"mousedown.zoom\", null)\n .on(\"touchstart.zoom\", null)\n .on(\"touchmove.zoom\", null)\n .on(\"touchend.zoom\", null);\n }\n\n return unsetZoom;\n }, [pannable, scrollable, zoomable, zoomer]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (renderedNodes.length === 0 || !root || centered) {\n return;\n }\n const { k, x, y } = transformToCenter(renderedNodes, {\n canvasWidth: root.clientWidth,\n canvasHeight: root.clientHeight,\n scaleRange: zoomable ? scaleRange : undefined,\n });\n zoomer.transform(select(root), new ZoomTransform(k, x, y));\n setCentered(true);\n }, [centered, renderedNodes, scaleRange, zoomable, zoomer]);\n\n const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n const markerPrefix = `${defPrefix}line-arrow-`;\n const maskPrefix = `${defPrefix}mask-`;\n const activeLineMarkerPrefix = `${defPrefix}active-line-`;\n\n useEffect(() => {\n setRenderedLineLabels((previous) =>\n getRenderedLineLabels(previous, renderedLines, linePathsRef.current)\n );\n }, [renderedLines]);\n\n const [lineMaskRects, setLineMaskRects] = React.useState<LineMaskRects>(\n new Map()\n );\n\n useEffect(() => {\n if (!lineLabelsRefRepository) {\n return;\n }\n const updateLineMaskRects = () => {\n setLineMaskRects(\n getLineMaskRects(renderedLineLabels, lineLabelsRefRepository)\n );\n };\n\n adjustLineLabels(renderedLineLabels, lineLabelsRefRepository);\n\n const observer = new ResizeObserver(updateLineMaskRects);\n for (const lineLabel of lineLabelsRefRepository.values()) {\n observer.observe(lineLabel);\n }\n return () => {\n observer.disconnect();\n };\n }, [lineLabelsRenderId, lineLabelsRefRepository, renderedLineLabels]);\n\n if (layout !== \"dagre\" && layout !== \"force\") {\n return <div>{`Diagram layout not supported: \"${layout}\"`}</div>;\n }\n\n return (\n <div\n className={classNames(\"diagram\", {\n ready: nodesReady && centered,\n grabbing,\n pannable,\n })}\n tabIndex={-1}\n ref={rootRef}\n >\n <svg width=\"100%\" height=\"100%\" className=\"lines\">\n <defs>\n {markers.map(({ type, strokeColor }, index) => (\n <MarkerComponent\n key={index}\n id={`${markerPrefix}${index}`}\n type={type}\n strokeColor={strokeColor}\n />\n ))}\n {[...lineMaskRects].map(([lineId, rects]) => (\n <LineMaskComponent\n key={lineId}\n lineId={lineId}\n rects={rects}\n maskPrefix={maskPrefix}\n renderedLineLabels={renderedLineLabels}\n />\n ))}\n <marker\n id={`${activeLineMarkerPrefix}start`}\n viewBox=\"0 0 8 8\"\n refX={4}\n refY={4}\n markerWidth={8}\n markerHeight={8}\n orient=\"auto\"\n >\n <path\n d=\"M 0.5 0.5 H 7.5 V 7.5 H 0.5 Z\"\n stroke=\"var(--palette-gray-7)\"\n strokeWidth={1}\n fill=\"var(--palette-gray-1)\"\n />\n </marker>\n <marker\n id={`${activeLineMarkerPrefix}end`}\n viewBox=\"0 0 14 8\"\n refX={3}\n refY={4}\n markerWidth={14}\n markerHeight={8}\n orient=\"auto\"\n >\n <path\n d=\"M 0.5 1.5 L 5.5 4 L 0.5 6.5 z\"\n stroke=\"var(--palette-blue-3)\"\n strokeWidth={1}\n fill=\"var(--palette-blue-3)\"\n />\n <path\n d=\"M 6.5 0.5 H 13.5 V 7.5 H 6.5 Z\"\n stroke=\"var(--palette-gray-7)\"\n strokeWidth={1}\n fill=\"var(--palette-gray-1)\"\n />\n </marker>\n </defs>\n <g\n transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n >\n {renderedLines.map((line) => (\n <LineComponent\n key={line.line.$id}\n line={line}\n linePaths={linePathsRef.current}\n lineMaskRects={lineMaskRects}\n maskPrefix={maskPrefix}\n markerPrefix={markerPrefix}\n activeLineMarkerPrefix={activeLineMarkerPrefix}\n active={\n activeTarget?.type === \"edge\" &&\n activeTarget.edge.source === line.edge.source &&\n activeTarget.edge.target === line.edge.target\n }\n activeRelated={\n activeTarget?.type === \"node\" &&\n (line.edge.source === activeTarget.nodeId ||\n line.edge.target === activeTarget.nodeId)\n }\n onLineClick={onLineClick}\n onLineDoubleClick={onLineDoubleClick}\n />\n ))}\n </g>\n </svg>\n <div\n className={classNames(\"line-labels\", { ready: lineLabelsReady })}\n style={{\n left: transform.x,\n top: transform.y,\n transform: `scale(${transform.k})`,\n }}\n >\n <LineLabelComponentGroup\n labels={lineLabels}\n onRendered={handleLineLabelsRendered}\n />\n </div>\n <div\n className=\"nodes\"\n ref={nodesRef}\n style={{\n left: transform.x,\n top: transform.y,\n transform: `scale(${transform.k})`,\n }}\n >\n <NodeComponentGroup\n nodes={nodes}\n nodeBricks={nodeBricks}\n // nodePositions={nodePositions}\n onRendered={handleNodesRendered}\n />\n </div>\n <ConnectLineComponent\n connectLineState={connectLineState}\n connectLineTo={connectLineTo}\n markerPrefix={markerPrefix}\n />\n </div>\n );\n}\n","import type { NodePosition, NodeRect, PositionTuple } from \"../interfaces\";\nimport { doTwoNodesOverlap } from \"../processors/doTwoNodesOverlap\";\n\ntype LineTuple = [start: PositionTuple, end: PositionTuple];\n\nexport function getDirectLinePoints(\n source: NodeRect,\n target: NodeRect,\n parallelGap?: number\n): NodePosition[] | null {\n // Ignore if two nodes are the same.\n // Ignore if two nodes overlap.\n if (source === target || doTwoNodesOverlap(source, target, 0, 0)) {\n return null;\n }\n\n let p0: PositionTuple;\n let p1: PositionTuple;\n\n let xDiff = 0;\n let yDiff = 0;\n\n if (parallelGap) {\n const dx = target.x - source.x;\n const dy = target.y - source.y;\n const angle = Math.atan2(dy, dx);\n xDiff = (parallelGap / 2) * Math.cos(angle + Math.PI / 2);\n yDiff = (parallelGap / 2) * Math.sin(angle + Math.PI / 2);\n }\n\n const line: LineTuple = [\n [source.x + xDiff, source.y + yDiff],\n [target.x + xDiff, target.y + yDiff],\n ];\n const sourceIntersections = getIntersections(source, line);\n const targetIntersections = getIntersections(target, line);\n\n // Todo: handle when more than one intersection\n if (sourceIntersections.length > 0) {\n p0 = sourceIntersections[0];\n } else {\n p0 = [source.x, source.y];\n }\n if (targetIntersections.length > 0) {\n p1 = targetIntersections[0];\n } else {\n p1 = [target.x, target.y];\n }\n\n return [\n { x: p0[0], y: p0[1] },\n { x: p1[0], y: p1[1] },\n ];\n}\n\nfunction getIntersections(rect: NodeRect, line: LineTuple) {\n const vertices: PositionTuple[] = [\n [rect.x - rect.width / 2, rect.y - rect.height / 2],\n [rect.x + rect.width / 2, rect.y - rect.height / 2],\n [rect.x + rect.width / 2, rect.y + rect.height / 2],\n [rect.x - rect.width / 2, rect.y + rect.height / 2],\n ];\n const possibleLines: [start: PositionTuple, end: PositionTuple][] = [];\n for (let i = 0; i < 4; i++) {\n possibleLines.push([vertices[i], vertices[(i + 1) % 4]]);\n }\n const intersections: PositionTuple[] = [];\n for (const item of possibleLines) {\n const intersection = intersect(line[0], line[1], item[0], item[1]);\n if (intersection) {\n intersections.push(intersection);\n }\n }\n return intersections;\n}\n\n// https://paulbourke.net/geometry/pointlineplane/javascript.txt\nfunction intersect(\n [x1, y1]: PositionTuple,\n [x2, y2]: PositionTuple,\n [x3, y3]: PositionTuple,\n [x4, y4]: PositionTuple\n): null | PositionTuple {\n // Check if none of the lines are of length 0\n if ((x1 === x2 && y1 === y2) || (x3 === x4 && y3 === y4)) {\n return null;\n }\n\n const denominator = (y4 - y3) * (x2 - x1) - (x4 - x3) * (y2 - y1);\n\n // Lines are parallel\n if (denominator === 0) {\n return null;\n }\n\n const ua = ((x4 - x3) * (y1 - y3) - (y4 - y3) * (x1 - x3)) / denominator;\n const ub = ((x2 - x1) * (y1 - y3) - (y2 - y1) * (x1 - x3)) / denominator;\n\n // is the intersection along the segments\n if (ua < 0 || ua > 1 || ub < 0 || ub > 1) {\n return null;\n }\n\n // Return a object with the x and y coordinates of the intersection\n const x = x1 + ua * (x2 - x1);\n const y = y1 + ua * (y2 - y1);\n\n return [x, y];\n}\n","import type { NodeRect } from \"../interfaces\";\n\nexport function doTwoNodesOverlap(\n a: NodeRect,\n b: NodeRect,\n paddingA: number,\n paddingB: number\n): boolean {\n const A = paddingA ? getNodesWithPadding(a, paddingA) : a;\n const B = paddingB ? getNodesWithPadding(b, paddingB) : b;\n const left = Math.min(A.x - A.width / 2, B.x - B.width / 2);\n const right = Math.max(A.x + A.width / 2, B.x + B.width / 2);\n const top = Math.min(A.y - A.height / 2, B.y - B.height / 2);\n const bottom = Math.max(A.y + A.height / 2, B.y + B.height / 2);\n return right - left < A.width + B.width && bottom - top < A.height + B.height;\n}\n\nfunction getNodesWithPadding(node: NodeRect, padding: number) {\n return {\n x: node.x - node.width / 2 - padding,\n y: node.y - node.height / 2 - padding,\n width: node.width + padding * 2,\n height: node.height + padding * 2,\n };\n}\n","import type { FullRectTuple, PartialRectTuple } from \"../interfaces\";\n\nexport function extractPartialRectTuple(\n value: PartialRectTuple\n): FullRectTuple {\n if (Array.isArray(value)) {\n const v0 = value[0];\n const v1 = value.length > 1 ? value[1]! : v0;\n const v2 = value.length > 2 ? value[2]! : v0;\n const v3 = value.length > 3 ? value[3]! : v1;\n return [v0, v1, v2, v3];\n }\n return new Array(4).fill(value) as FullRectTuple;\n}\n"],"names":["MarkerComponent","_ref","Component","id","type","strokeColor","EntityRelationZeroOrOneMarker","EntityRelationZeroOrManyMarker","ArrowMarker","React","_ref2","viewBox","refX","refY","markerWidth","markerHeight","orient","strokeLinejoin","d","stroke","strokeWidth","fill","_ref3","_ref4","defineElement","property","event","method","createDecorators","EoDiagramComponent","forwardRef","LegacyEoDiagramComponent","_EoDiagram","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_EoDiagram_brand","WeakSet","_handleActiveTargetChange","_P","_handleNodeDelete","_Q","_handleEdgeDelete","_R","_handleLineClick","_S","_handleLineDoubleClick","_T","_handleNodesConnect","_handleSwitchActiveTarget","_diagramRef","EoDiagram","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_initProto","_init_layout","_init_extra_layout","_init_nodes","_init_extra_nodes","_init_edges","_init_extra_edges","_init_nodeBricks","_init_extra_nodeBricks","_init_lines","_init_extra_lines","_init_layoutOptions","_init_extra_layoutOptions","_init_activeTarget","_init_extra_activeTarget","_init_disableKeyboardAction","_init_extra_disableKeyboardAction","_init_connectNodes","_init_extra_connectNodes","_init_dragNodes","_init_extra_dragNodes","_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","_init_nodeDelete","_init_extra_nodeDelete","node","_get_nodeDelete","_init_edgeDelete","_init_extra_edgeDelete","edge","_get_edgeDelete","_init_lineClick","_init_extra_lineClick","line","_get_lineClick","_init_lineDoubleClick","_init_extra_lineDoubleClick","_get_lineDoubleClick","_init_connectNodes2","_init_extra_connectNodes2","detail","_get_connectNodes","sameTarget","activeTarget","createRef","layout","_classPrivateFieldGet","v","_classPrivateFieldSet","nodes","edges","nodeBricks","lines","layoutOptions","disableKeyboardAction","connectNodes","dragNodes","zoomable","scrollable","pannable","scaleRange","callOnLineLabel","_classPrivateFieldGet2","_len","length","args","Array","_key","current","render","ref","onActiveTargetChange","onSwitchActiveTarget","onNodeDelete","onEdgeDelete","onLineClick","onLineDoubleClick","onNodesConnect","_activeTarget","_scaleRange","nodesReady","setNodesReady","useState","nodesRenderId","setNodesRenderId","nodesRefRepository","setNodesRefRepository","lineLabelsReady","setLineLabelsReady","lineLabelsRenderId","setLineLabelsRenderId","lineLabelsRefRepository","setLineLabelsRefRepository","renderedLineLabels","setRenderedLineLabels","grabbing","setGrabbing","transform","setTransform","k","x","y","linePathsRef","useRef","Map","rootRef","nodesRef","centered","setCentered","userViewReady","userViewNodesMap","saveUserView","useUserView","save","connectLineTo","setConnectLineTo","connectLineState","setConnectLineState","manualLayoutStatus","setManualLayoutStatus","nodeMovement","setNodeMovement","useImperativeHandle","_lineLabelsRefReposit","_len2","_key2","get","firstElementChild","useEffect","onNodesMouseDown","handleNodesMouseDown","scale","nodesContainer","addEventListener","removeEventListener","normalizedLines","normalizedLinesMap","markers","useMemo","normalizeLinesAndMarkers","lineLabels","flatMap","key","list","text","label","$id","concat","map","item","placement","renderedNodes","renderedEdges","useRenderedDiagram","renderedLines","getRenderedLines","newActiveTarget","setActiveTarget","previous","activeTargetChangeInitialized","root","onKeydown","action","handleKeyboard","nodeId","handleNodesRendered","useCallback","refRepository","handleLineLabelsRendered","DEFAULT_SCALE_RANGE_MIN","DEFAULT_SCALE_RANGE_MAX","zoomer","zoom","moved","scaleExtent","on","e","rootSelection","select","unsetZoom","ctrlKey","stopImmediatePropagation","preventDefault","translateBy","wheelDeltaX","wheelDeltaY","call","transformToCenter","canvasWidth","clientWidth","canvasHeight","clientHeight","undefined","ZoomTransform","defPrefix","uniqueId","markerPrefix","maskPrefix","activeLineMarkerPrefix","getRenderedLineLabels","lineMaskRects","setLineMaskRects","adjustLineLabels","observer","ResizeObserver","updateLineMaskRects","getLineMaskRects","lineLabel","values","observe","disconnect","className","classNames","ready","tabIndex","width","height","index","lineId","rects","LineMaskComponent","LineComponent","linePaths","active","source","activeRelated","style","left","top","LineLabelComponentGroup","labels","onRendered","NodeComponentGroup","ConnectLineComponent","_EoDiagram2","_set_activeTargetChangeEvent","_set_nodeDelete","_set_edgeDelete","_set_lineClick","_set_lineDoubleClick","_set_connectNodes","c","_initClass","_applyDecs","styleTexts","styleText","String","attribute","Boolean","o","_","has","_checkInRHS","getDirectLinePoints","parallelGap","doTwoNodesOverlap","p0","p1","xDiff","yDiff","dx","dy","angle","Math","atan2","cos","PI","sin","sourceIntersections","getIntersections","targetIntersections","rect","vertices","possibleLines","i","push","intersections","intersection","intersect","x1","y1","x2","y2","x3","y3","x4","y4","denominator","ua","ub","a","b","paddingA","paddingB","A","getNodesWithPadding","B","min","right","max","bottom","padding","extractPartialRectTuple","value","isArray","v0","v1"],"sourceRoot":""}
|
|
1
|
+
{"version":3,"file":"chunks/eo-diagram.88025819.js","mappings":"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","sources":["webpack:///./src/diagram/MarkerComponent.tsx","webpack:///./src/diagram/index.tsx","webpack:///./src/diagram/lines/getDirectLinePoints.ts","webpack:///./src/diagram/processors/doTwoNodesOverlap.ts","webpack:///./src/diagram/processors/extractPartialRectTuple.ts"],"sourcesContent":["import React from \"react\";\nimport type { LineMarkerType } from \"./interfaces\";\n\nexport interface MarkerComponentProps extends BaseMarkerComponentProps {\n type: LineMarkerType;\n}\n\nexport interface BaseMarkerComponentProps {\n id: string;\n strokeColor?: string;\n}\n\nexport function MarkerComponent({\n id,\n type,\n strokeColor,\n}: MarkerComponentProps): JSX.Element {\n let Component: (props: BaseMarkerComponentProps) => JSX.Element;\n\n switch (type) {\n case \"0..1\":\n Component = EntityRelationZeroOrOneMarker;\n break;\n case \"0..N\":\n Component = EntityRelationZeroOrManyMarker;\n break;\n default:\n Component = ArrowMarker;\n }\n\n return <Component id={id} strokeColor={strokeColor} />;\n}\n\nfunction ArrowMarker({\n id,\n strokeColor,\n}: BaseMarkerComponentProps): JSX.Element {\n return (\n <marker\n id={id}\n viewBox=\"0 0 6 6\"\n refX={5}\n refY={3}\n markerWidth={6}\n markerHeight={6}\n orient=\"auto-start-reverse\"\n strokeLinejoin=\"round\"\n >\n <path\n d=\"M 0.5 0.5 L 5.5 3 L 0.5 5.5 z\"\n stroke={strokeColor}\n strokeWidth={1}\n fill={strokeColor}\n />\n </marker>\n );\n}\n\nfunction EntityRelationZeroOrOneMarker({\n id,\n strokeColor,\n}: BaseMarkerComponentProps): JSX.Element {\n return (\n <marker\n id={id}\n viewBox=\"0 0 21 11\"\n refX={0.5}\n refY={5.5}\n markerWidth={21}\n markerHeight={11}\n orient=\"auto-start-reverse\"\n >\n <path\n d=\"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 15.5 0.5 V 10.5 M 10.5 5.5 H 20.5\"\n stroke={strokeColor}\n strokeWidth={1}\n fill=\"none\"\n />\n </marker>\n );\n}\n\nfunction EntityRelationZeroOrManyMarker({\n id,\n strokeColor,\n}: BaseMarkerComponentProps): JSX.Element {\n return (\n <marker\n id={id}\n viewBox=\"0 0 21 11\"\n refX={0.5}\n refY={5.5}\n markerWidth={21}\n markerHeight={11}\n orient=\"auto-start-reverse\"\n >\n <path\n d=\"M 5.5 5.5 m 5 0 a 5 5 0 1 0 -10 0 a 5 5 0 1 0 10 0 M 20.5 0.5 L 10.5 5.5 L 20.5 10.5 M 10.5 5.5 H 20.5\"\n stroke={strokeColor}\n strokeWidth={1}\n fill=\"none\"\n />\n </marker>\n );\n}\n","import React, {\n createRef,\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { EventEmitter, createDecorators } from \"@next-core/element\";\nimport { ReactNextElement } from \"@next-core/react-element\";\nimport \"@next-core/theme\";\nimport { select } from \"d3-selection\";\nimport { ZoomTransform, zoom } from \"d3-zoom\";\nimport classNames from \"classnames\";\nimport { uniqueId } from \"lodash\";\nimport ResizeObserver from \"resize-observer-polyfill\";\nimport type {\n DiagramEdge,\n DiagramNode,\n LayoutOptions,\n LineConf,\n NodeBrickConf,\n PositionTuple,\n RefRepository,\n RenderedLineLabel,\n TransformLiteral,\n LineTarget,\n ConnectLineDetail,\n ConnectNodesOptions,\n ConnectLineState,\n ActiveTarget,\n RangeTuple,\n LineLabel,\n LineLabelConf,\n TextOptions,\n DragNodesOptions,\n NodeMovement,\n ManualLayoutStatus,\n LineMaskRects,\n} from \"./interfaces\";\nimport { NodeComponentGroup } from \"./NodeComponent\";\nimport { handleKeyboard } from \"./processors/handleKeyboard\";\nimport { transformToCenter } from \"./processors/transformToCenter\";\nimport { getRenderedLines } from \"./processors/getRenderedLines\";\nimport { normalizeLinesAndMarkers } from \"./processors/normalizeLinesAndMarkers\";\nimport { LineLabelComponentGroup } from \"./LineLabelComponent\";\nimport { LineComponent } from \"./LineComponent\";\nimport { MarkerComponent } from \"./MarkerComponent\";\nimport { LineMaskComponent } from \"./LineMaskComponent\";\nimport { ConnectLineComponent } from \"./ConnectLineComponent\";\nimport { getRenderedLineLabels } from \"./processors/getRenderedLineLabels\";\nimport { handleNodesMouseDown } from \"./processors/handleNodesMouseDown\";\nimport { DEFAULT_SCALE_RANGE_MAX, DEFAULT_SCALE_RANGE_MIN } from \"./constants\";\nimport { useRenderedDiagram } from \"./hooks/useRenderedDiagram\";\nimport { adjustLineLabels } from \"./processors/adjustLineLabels\";\nimport styleText from \"./styles.shadow.css\";\nimport { useUserView } from \"./hooks/useUserView\";\nimport { sameTarget } from \"./processors/sameTarget\";\nimport { getLineMaskRects } from \"./processors/getLineMaskRects\";\n\nconst { defineElement, property, event, method } = createDecorators();\n\nexport interface EoDiagramProps {\n layout?: \"dagre\" | \"force\";\n nodes?: DiagramNode[];\n edges?: DiagramEdge[];\n nodeBricks?: NodeBrickConf[];\n lines?: LineConf[];\n layoutOptions?: LayoutOptions;\n connectNodes?: ConnectNodesOptions;\n dragNodes?: DragNodesOptions;\n activeTarget?: ActiveTarget | null;\n disableKeyboardAction?: boolean;\n zoomable?: boolean;\n scrollable?: boolean;\n pannable?: boolean;\n scaleRange?: RangeTuple;\n}\n\nexport interface DiagramRef {\n callOnLineLabel(id: string, method: string, ...args: unknown[]): void;\n}\n\nexport const EoDiagramComponent = forwardRef(LegacyEoDiagramComponent);\n\n/**\n * 构件 `eo-diagram`\n */\nexport\n@defineElement(\"eo-diagram\", {\n styleTexts: [styleText],\n})\nclass EoDiagram extends ReactNextElement implements EoDiagramProps {\n /**\n * @required\n */\n @property({ type: String })\n accessor layout: \"dagre\" | \"force\" | undefined;\n\n @property({ attribute: false })\n accessor nodes: DiagramNode[] | undefined;\n\n @property({ attribute: false })\n accessor edges: DiagramEdge[] | undefined;\n\n @property({ attribute: false })\n accessor nodeBricks: NodeBrickConf[] | undefined;\n\n @property({ attribute: false })\n accessor lines: LineConf[] | undefined;\n\n @property({ attribute: false })\n accessor layoutOptions: LayoutOptions | undefined;\n\n @property({ attribute: false })\n accessor activeTarget: ActiveTarget | null | undefined;\n\n @property({ type: Boolean })\n accessor disableKeyboardAction: boolean | undefined;\n\n @property({ attribute: false })\n accessor connectNodes: ConnectNodesOptions | undefined;\n\n @property({ attribute: false })\n accessor dragNodes: DragNodesOptions | 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 @event({ type: \"node.delete\" })\n accessor #nodeDelete!: EventEmitter<DiagramNode>;\n\n #handleNodeDelete = (node: DiagramNode) => {\n this.#nodeDelete.emit(node);\n };\n\n @event({ type: \"edge.delete\" })\n accessor #edgeDelete!: EventEmitter<DiagramEdge>;\n\n #handleEdgeDelete = (edge: DiagramEdge) => {\n this.#edgeDelete.emit(edge);\n };\n\n @event({ type: \"line.click\" })\n accessor #lineClick!: EventEmitter<LineTarget>;\n\n #handleLineClick = (line: LineTarget) => {\n this.#lineClick.emit(line);\n };\n\n @event({ type: \"line.dblclick\" })\n accessor #lineDoubleClick!: EventEmitter<LineTarget>;\n\n #handleLineDoubleClick = (line: LineTarget) => {\n this.#lineDoubleClick.emit(line);\n };\n\n @event({ type: \"nodes.connect\" })\n accessor #connectNodes!: EventEmitter<ConnectLineDetail>;\n\n #handleNodesConnect = (detail: ConnectLineDetail) => {\n this.#connectNodes.emit(detail);\n };\n\n #handleSwitchActiveTarget = (target: ActiveTarget | null) => {\n if (!sameTarget(target, this.activeTarget)) {\n this.activeTarget = target;\n }\n };\n\n #diagramRef = createRef<DiagramRef>();\n\n @method()\n callOnLineLabel(id: string, method: string, ...args: unknown[]) {\n this.#diagramRef.current?.callOnLineLabel(id, method, ...args);\n }\n\n render() {\n return (\n <EoDiagramComponent\n ref={this.#diagramRef}\n layout={this.layout}\n nodes={this.nodes}\n edges={this.edges}\n nodeBricks={this.nodeBricks}\n lines={this.lines}\n layoutOptions={this.layoutOptions}\n connectNodes={this.connectNodes}\n dragNodes={this.dragNodes}\n activeTarget={this.activeTarget}\n disableKeyboardAction={this.disableKeyboardAction}\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 onNodeDelete={this.#handleNodeDelete}\n onEdgeDelete={this.#handleEdgeDelete}\n onLineClick={this.#handleLineClick}\n onLineDoubleClick={this.#handleLineDoubleClick}\n onNodesConnect={this.#handleNodesConnect}\n />\n );\n }\n}\n\nexport interface EoDiagramComponentProps extends EoDiagramProps {\n onActiveTargetChange?(target: ActiveTarget | null): void;\n onSwitchActiveTarget?(target: ActiveTarget | null): void;\n onNodeDelete?(node: DiagramNode): void;\n onEdgeDelete?(edge: DiagramEdge): void;\n onLineClick?(line: LineTarget): void;\n onLineDoubleClick?(line: LineTarget): void;\n onNodesConnect?(detail: ConnectLineDetail): void;\n}\n\nexport function LegacyEoDiagramComponent(\n {\n layout,\n nodes,\n edges,\n nodeBricks,\n lines,\n layoutOptions,\n connectNodes,\n dragNodes,\n activeTarget: _activeTarget,\n disableKeyboardAction,\n zoomable,\n scrollable,\n pannable,\n scaleRange: _scaleRange,\n onActiveTargetChange,\n onSwitchActiveTarget,\n onNodeDelete,\n onEdgeDelete,\n onLineClick,\n onLineDoubleClick,\n onNodesConnect,\n }: EoDiagramComponentProps,\n ref: React.Ref<DiagramRef>\n) {\n const [nodesReady, setNodesReady] = useState(false);\n const [nodesRenderId, setNodesRenderId] = useState(0);\n const [nodesRefRepository, setNodesRefRepository] =\n useState<RefRepository | null>(null);\n const [lineLabelsReady, setLineLabelsReady] = useState(false);\n const [lineLabelsRenderId, setLineLabelsRenderId] = useState(0);\n const [lineLabelsRefRepository, setLineLabelsRefRepository] =\n useState<RefRepository | null>(null);\n const [renderedLineLabels, setRenderedLineLabels] = useState<\n RenderedLineLabel[]\n >([]);\n\n const [grabbing, setGrabbing] = useState(false);\n const [transform, setTransform] = useState<TransformLiteral>({\n k: 1,\n x: 0,\n y: 0,\n });\n\n const linePathsRef = useRef(new Map<string, SVGPathElement | null>());\n\n const rootRef = useRef<HTMLDivElement>(null);\n const nodesRef = useRef<HTMLDivElement>(null);\n const [centered, setCentered] = useState(false);\n\n const { userViewReady, userViewNodesMap, saveUserView } = useUserView(\n dragNodes?.save\n );\n\n const [connectLineTo, setConnectLineTo] = useState<PositionTuple>([0, 0]);\n const [connectLineState, setConnectLineState] =\n useState<ConnectLineState | null>(null);\n const [manualLayoutStatus, setManualLayoutStatus] =\n useState<ManualLayoutStatus>(\"initial\");\n const [nodeMovement, setNodeMovement] = useState<NodeMovement | null>(null);\n\n useImperativeHandle(ref, () => ({\n callOnLineLabel(id, method, ...args) {\n (\n lineLabelsRefRepository?.get(id)\n ?.firstElementChild as unknown as Record<string, Function>\n )?.[method](...args);\n },\n }));\n\n useEffect(() => {\n const onNodesMouseDown = (event: MouseEvent) => {\n handleNodesMouseDown(event, {\n nodes,\n nodesRefRepository,\n connectNodes,\n dragNodes,\n scale: transform.k,\n setConnectLineState,\n setConnectLineTo,\n setManualLayoutStatus,\n setNodeMovement,\n onSwitchActiveTarget,\n onNodesConnect,\n });\n };\n // Bind mousedown event manually, since the React event handler can't work with\n // d3-zoom inside shadow DOM.\n const nodesContainer = nodesRef.current;\n nodesContainer?.addEventListener(\"mousedown\", onNodesMouseDown);\n return () => {\n nodesContainer?.removeEventListener(\"mousedown\", onNodesMouseDown);\n };\n }, [\n nodes,\n connectNodes,\n dragNodes,\n transform.k,\n nodesRefRepository,\n onNodesConnect,\n onSwitchActiveTarget,\n ]);\n\n const { normalizedLines, normalizedLinesMap, markers } = useMemo(\n () => normalizeLinesAndMarkers(edges, lines),\n [edges, lines]\n );\n\n const lineLabels = useMemo(() => {\n return normalizedLines.flatMap(({ line: { text, label, $id }, edge }) => {\n if (!text && !label) {\n return [] as LineLabel[];\n }\n\n let key: \"label\" | \"text\";\n let list: LineLabelConf[] | TextOptions[];\n if (label) {\n key = \"label\";\n list = ([] as LineLabelConf[]).concat(label);\n } else {\n key = \"text\";\n list = ([] as TextOptions[]).concat(text!);\n }\n\n return list.map<LineLabel>((item) => ({\n [key as \"label\"]: item as LineLabelConf,\n id: `${$id}-${item.placement ?? \"center\"}`,\n edge,\n }));\n });\n }, [normalizedLines]);\n\n const { nodes: renderedNodes, edges: renderedEdges } = useRenderedDiagram({\n layout,\n nodes,\n edges,\n manualLayoutStatus,\n userViewReady,\n userViewNodesMap,\n nodeMovement,\n nodesRefRepository,\n lineLabelsRefRepository,\n normalizedLinesMap,\n layoutOptions,\n nodesRenderId,\n lineLabelsRenderId,\n });\n\n useEffect(\n () => {\n if (manualLayoutStatus === \"finished\") {\n saveUserView(\n renderedNodes.map((node) => ({\n id: node.id,\n x: node.x,\n y: node.y,\n }))\n );\n }\n },\n // Only save user view when manual layout is just finished.\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [manualLayoutStatus]\n );\n\n const renderedLines = useMemo(\n () => getRenderedLines(renderedEdges, renderedNodes, normalizedLines),\n [normalizedLines, renderedNodes, renderedEdges]\n );\n\n const newActiveTarget = _activeTarget ?? null;\n const [activeTarget, setActiveTarget] = useState<ActiveTarget | null>(\n newActiveTarget\n );\n\n useEffect(() => {\n setActiveTarget((previous) =>\n sameTarget(previous, newActiveTarget) ? previous : newActiveTarget\n );\n }, [newActiveTarget]);\n\n const activeTargetChangeInitialized = useRef(false);\n useEffect(() => {\n if (!activeTargetChangeInitialized.current) {\n activeTargetChangeInitialized.current = true;\n return;\n }\n onActiveTargetChange?.(activeTarget);\n }, [activeTarget, onActiveTargetChange]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root || disableKeyboardAction) {\n return;\n }\n const onKeydown = (event: KeyboardEvent) => {\n const action = handleKeyboard(event, {\n renderedNodes,\n activeTarget,\n });\n\n if (action?.action === \"delete-node\") {\n onNodeDelete?.(action.node);\n } else if (action?.action === \"delete-edge\") {\n onEdgeDelete?.(action.edge);\n } else if (action?.action === \"switch-active-node\" && action.node) {\n onSwitchActiveTarget?.({ type: \"node\", nodeId: action.node.id });\n }\n };\n root.addEventListener(\"keydown\", onKeydown);\n return () => {\n root.removeEventListener(\"keydown\", onKeydown);\n };\n }, [\n activeTarget,\n renderedNodes,\n disableKeyboardAction,\n onSwitchActiveTarget,\n onNodeDelete,\n onEdgeDelete,\n ]);\n\n const handleNodesRendered = useCallback(\n (refRepository: RefRepository | null) => {\n if (refRepository) {\n setNodesRenderId((previous) => previous + 1);\n setNodesRefRepository(refRepository);\n }\n setNodesReady((previous) => previous || !!refRepository);\n },\n []\n );\n\n const handleLineLabelsRendered = useCallback(\n (refRepository: RefRepository | null) => {\n if (refRepository) {\n setLineLabelsRenderId((previous) => previous + 1);\n setLineLabelsRefRepository(refRepository);\n }\n setLineLabelsReady((previous) => previous || !!refRepository);\n },\n []\n );\n\n const scaleRange = useMemo(\n () =>\n _scaleRange ??\n ([DEFAULT_SCALE_RANGE_MIN, DEFAULT_SCALE_RANGE_MAX] as RangeTuple),\n [_scaleRange]\n );\n\n const zoomer = useMemo(() => zoom<HTMLDivElement, unknown>(), []);\n\n useEffect(() => {\n let moved = false;\n zoomer\n .scaleExtent(zoomable ? scaleRange : [1, 1])\n .on(\"start\", () => {\n moved = false;\n setGrabbing(true);\n })\n .on(\"zoom\", (e: { transform: TransformLiteral }) => {\n moved = true;\n setTransform(e.transform);\n })\n .on(\"end\", () => {\n setGrabbing(false);\n if (!moved) {\n onSwitchActiveTarget?.(null);\n }\n });\n }, [onSwitchActiveTarget, scaleRange, zoomable, zoomer]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (!root) {\n return;\n }\n\n const rootSelection = select(root);\n\n const unsetZoom = () => {\n rootSelection\n .on(\".zoom\", null)\n .on(\".zoom.custom\", null)\n .on(\"wheel\", null);\n };\n\n if (!(zoomable || scrollable || pannable)) {\n unsetZoom();\n return;\n }\n\n if (zoomable || scrollable) {\n // Do not override default d3 zoom handler.\n // Only handles *panning*\n rootSelection.on(\n \"wheel.zoom.custom\",\n (e: WheelEvent & { wheelDeltaX: number; wheelDeltaY: number }) => {\n // Mac OS trackpad pinch event is emitted as a wheel.zoom and d3.event.ctrlKey set to true\n if (!e.ctrlKey) {\n // Stop immediate propagation for default d3 zoom handler\n e.stopImmediatePropagation();\n if (scrollable) {\n e.preventDefault();\n zoomer.translateBy(\n rootSelection,\n e.wheelDeltaX / 5,\n e.wheelDeltaY / 5\n );\n }\n }\n // zoomer.scaleBy(rootSelection, Math.pow(2, defaultWheelDelta(e)))\n }\n );\n }\n\n rootSelection\n .call(zoomer)\n .on(\"wheel\", (e: WheelEvent) => e.preventDefault())\n .on(\"dblclick.zoom\", null);\n\n if (!pannable) {\n rootSelection\n .on(\"mousedown.zoom\", null)\n .on(\"touchstart.zoom\", null)\n .on(\"touchmove.zoom\", null)\n .on(\"touchend.zoom\", null);\n }\n\n return unsetZoom;\n }, [pannable, scrollable, zoomable, zoomer]);\n\n useEffect(() => {\n const root = rootRef.current;\n if (renderedNodes.length === 0 || !root || centered) {\n return;\n }\n const { k, x, y } = transformToCenter(renderedNodes, {\n canvasWidth: root.clientWidth,\n canvasHeight: root.clientHeight,\n scaleRange: zoomable ? scaleRange : undefined,\n });\n zoomer.transform(select(root), new ZoomTransform(k, x, y));\n setCentered(true);\n }, [centered, renderedNodes, scaleRange, zoomable, zoomer]);\n\n const defPrefix = useMemo(() => `${uniqueId(\"diagram-\")}-`, []);\n const markerPrefix = `${defPrefix}line-arrow-`;\n const maskPrefix = `${defPrefix}mask-`;\n const activeLineMarkerPrefix = `${defPrefix}active-line-`;\n\n useEffect(() => {\n setRenderedLineLabels((previous) =>\n getRenderedLineLabels(previous, renderedLines, linePathsRef.current)\n );\n }, [renderedLines]);\n\n const [lineMaskRects, setLineMaskRects] = React.useState<LineMaskRects>(\n new Map()\n );\n\n useEffect(() => {\n if (!lineLabelsRefRepository) {\n return;\n }\n const updateLineMaskRects = () => {\n setLineMaskRects(\n getLineMaskRects(renderedLineLabels, lineLabelsRefRepository)\n );\n };\n\n adjustLineLabels(renderedLineLabels, lineLabelsRefRepository);\n\n const observer = new ResizeObserver(updateLineMaskRects);\n for (const lineLabel of lineLabelsRefRepository.values()) {\n observer.observe(lineLabel);\n }\n return () => {\n observer.disconnect();\n };\n }, [lineLabelsRenderId, lineLabelsRefRepository, renderedLineLabels]);\n\n if (layout !== \"dagre\" && layout !== \"force\") {\n return <div>{`Diagram layout not supported: \"${layout}\"`}</div>;\n }\n\n return (\n <div\n className={classNames(\"diagram\", {\n ready: nodesReady && centered,\n grabbing,\n pannable,\n })}\n tabIndex={-1}\n ref={rootRef}\n >\n <svg width=\"100%\" height=\"100%\" className=\"lines\">\n <defs>\n {markers.map(({ type, strokeColor }, index) => (\n <MarkerComponent\n key={index}\n id={`${markerPrefix}${index}`}\n type={type}\n strokeColor={strokeColor}\n />\n ))}\n {[...lineMaskRects].map(([lineId, rects]) => (\n <LineMaskComponent\n key={lineId}\n lineId={lineId}\n rects={rects}\n maskPrefix={maskPrefix}\n renderedLineLabels={renderedLineLabels}\n />\n ))}\n <marker\n id={`${activeLineMarkerPrefix}start`}\n viewBox=\"0 0 8 8\"\n refX={4}\n refY={4}\n markerWidth={8}\n markerHeight={8}\n orient=\"auto\"\n >\n <path\n d=\"M 0.5 0.5 H 7.5 V 7.5 H 0.5 Z\"\n stroke=\"var(--palette-gray-7)\"\n strokeWidth={1}\n fill=\"var(--palette-gray-1)\"\n />\n </marker>\n <marker\n id={`${activeLineMarkerPrefix}end`}\n viewBox=\"0 0 14 8\"\n refX={3}\n refY={4}\n markerWidth={14}\n markerHeight={8}\n orient=\"auto\"\n >\n <path\n d=\"M 0.5 1.5 L 5.5 4 L 0.5 6.5 z\"\n stroke=\"var(--palette-blue-3)\"\n strokeWidth={1}\n fill=\"var(--palette-blue-3)\"\n />\n <path\n d=\"M 6.5 0.5 H 13.5 V 7.5 H 6.5 Z\"\n stroke=\"var(--palette-gray-7)\"\n strokeWidth={1}\n fill=\"var(--palette-gray-1)\"\n />\n </marker>\n </defs>\n <g\n transform={`translate(${transform.x} ${transform.y}) scale(${transform.k})`}\n >\n {renderedLines.map((line) => (\n <LineComponent\n key={line.line.$id}\n line={line}\n linePaths={linePathsRef.current}\n lineMaskRects={lineMaskRects}\n maskPrefix={maskPrefix}\n markerPrefix={markerPrefix}\n activeLineMarkerPrefix={activeLineMarkerPrefix}\n active={\n activeTarget?.type === \"edge\" &&\n activeTarget.edge.source === line.edge.source &&\n activeTarget.edge.target === line.edge.target\n }\n activeRelated={\n activeTarget?.type === \"node\" &&\n (line.edge.source === activeTarget.nodeId ||\n line.edge.target === activeTarget.nodeId)\n }\n onLineClick={onLineClick}\n onLineDoubleClick={onLineDoubleClick}\n />\n ))}\n </g>\n </svg>\n <div\n className={classNames(\"line-labels\", { ready: lineLabelsReady })}\n style={{\n left: transform.x,\n top: transform.y,\n transform: `scale(${transform.k})`,\n }}\n >\n <LineLabelComponentGroup\n labels={lineLabels}\n onRendered={handleLineLabelsRendered}\n />\n </div>\n <div\n className=\"nodes\"\n ref={nodesRef}\n style={{\n left: transform.x,\n top: transform.y,\n transform: `scale(${transform.k})`,\n }}\n >\n <NodeComponentGroup\n nodes={nodes}\n nodeBricks={nodeBricks}\n // nodePositions={nodePositions}\n onRendered={handleNodesRendered}\n />\n </div>\n <ConnectLineComponent\n connectLineState={connectLineState}\n connectLineTo={connectLineTo}\n markerPrefix={markerPrefix}\n />\n </div>\n );\n}\n","import type { NodePosition, NodeRect, PositionTuple } from \"../interfaces\";\nimport { doTwoNodesOverlap } from \"../processors/doTwoNodesOverlap\";\n\ntype LineTuple = [start: PositionTuple, end: PositionTuple];\n\nexport function getDirectLinePoints(\n source: NodeRect,\n target: NodeRect,\n parallelGap?: number\n): NodePosition[] | null {\n // Ignore if two nodes are the same.\n // Ignore if two nodes overlap.\n if (source === target || doTwoNodesOverlap(source, target, 0, 0)) {\n return null;\n }\n\n let p0: PositionTuple;\n let p1: PositionTuple;\n\n let xDiff = 0;\n let yDiff = 0;\n\n if (parallelGap) {\n const dx = target.x - source.x;\n const dy = target.y - source.y;\n const angle = Math.atan2(dy, dx);\n xDiff = (parallelGap / 2) * Math.cos(angle + Math.PI / 2);\n yDiff = (parallelGap / 2) * Math.sin(angle + Math.PI / 2);\n }\n\n const line: LineTuple = [\n [source.x + xDiff, source.y + yDiff],\n [target.x + xDiff, target.y + yDiff],\n ];\n const sourceIntersections = getIntersections(source, line);\n const targetIntersections = getIntersections(target, line);\n\n // Todo: handle when more than one intersection\n if (sourceIntersections.length > 0) {\n p0 = sourceIntersections[0];\n } else {\n p0 = [source.x, source.y];\n }\n if (targetIntersections.length > 0) {\n p1 = targetIntersections[0];\n } else {\n p1 = [target.x, target.y];\n }\n\n return [\n { x: p0[0], y: p0[1] },\n { x: p1[0], y: p1[1] },\n ];\n}\n\nfunction getIntersections(rect: NodeRect, line: LineTuple) {\n const vertices: PositionTuple[] = [\n [rect.x - rect.width / 2, rect.y - rect.height / 2],\n [rect.x + rect.width / 2, rect.y - rect.height / 2],\n [rect.x + rect.width / 2, rect.y + rect.height / 2],\n [rect.x - rect.width / 2, rect.y + rect.height / 2],\n ];\n const possibleLines: [start: PositionTuple, end: PositionTuple][] = [];\n for (let i = 0; i < 4; i++) {\n possibleLines.push([vertices[i], vertices[(i + 1) % 4]]);\n }\n const intersections: PositionTuple[] = [];\n for (const item of possibleLines) {\n const intersection = intersect(line[0], line[1], item[0], item[1]);\n if (intersection) {\n intersections.push(intersection);\n }\n }\n return intersections;\n}\n\n// https://paulbourke.net/geometry/pointlineplane/javascript.txt\nfunction intersect(\n [x1, y1]: PositionTuple,\n [x2, y2]: PositionTuple,\n [x3, y3]: PositionTuple,\n [x4, y4]: PositionTuple\n): null | PositionTuple {\n // Check if none of the lines are of length 0\n if ((x1 === x2 && y1 === y2) || (x3 === x4 && y3 === y4)) {\n return null;\n }\n\n const denominator = (y4 - y3) * (x2 - x1) - (x4 - x3) * (y2 - y1);\n\n // Lines are parallel\n if (denominator === 0) {\n return null;\n }\n\n const ua = ((x4 - x3) * (y1 - y3) - (y4 - y3) * (x1 - x3)) / denominator;\n const ub = ((x2 - x1) * (y1 - y3) - (y2 - y1) * (x1 - x3)) / denominator;\n\n // is the intersection along the segments\n if (ua < 0 || ua > 1 || ub < 0 || ub > 1) {\n return null;\n }\n\n // Return a object with the x and y coordinates of the intersection\n const x = x1 + ua * (x2 - x1);\n const y = y1 + ua * (y2 - y1);\n\n return [x, y];\n}\n","import type { NodeRect } from \"../interfaces\";\n\nexport function doTwoNodesOverlap(\n a: NodeRect,\n b: NodeRect,\n paddingA: number,\n paddingB: number\n): boolean {\n const A = paddingA ? getNodesWithPadding(a, paddingA) : a;\n const B = paddingB ? getNodesWithPadding(b, paddingB) : b;\n const left = Math.min(A.x - A.width / 2, B.x - B.width / 2);\n const right = Math.max(A.x + A.width / 2, B.x + B.width / 2);\n const top = Math.min(A.y - A.height / 2, B.y - B.height / 2);\n const bottom = Math.max(A.y + A.height / 2, B.y + B.height / 2);\n return right - left < A.width + B.width && bottom - top < A.height + B.height;\n}\n\nfunction getNodesWithPadding(node: NodeRect, padding: number) {\n return {\n x: node.x - node.width / 2 - padding,\n y: node.y - node.height / 2 - padding,\n width: node.width + padding * 2,\n height: node.height + padding * 2,\n };\n}\n","import type { FullRectTuple, PartialRectTuple } from \"../interfaces\";\n\nexport function extractPartialRectTuple(\n value: PartialRectTuple\n): FullRectTuple {\n if (Array.isArray(value)) {\n const v0 = value[0];\n const v1 = value.length > 1 ? value[1]! : v0;\n const v2 = value.length > 2 ? value[2]! : v0;\n const v3 = value.length > 3 ? value[3]! : v1;\n return [v0, v1, v2, v3];\n }\n return new Array(4).fill(value) as FullRectTuple;\n}\n"],"names":["MarkerComponent","_ref","Component","id","type","strokeColor","EntityRelationZeroOrOneMarker","EntityRelationZeroOrManyMarker","ArrowMarker","React","_ref2","viewBox","refX","refY","markerWidth","markerHeight","orient","strokeLinejoin","d","stroke","strokeWidth","fill","_ref3","_ref4","defineElement","property","event","method","createDecorators","EoDiagramComponent","forwardRef","LegacyEoDiagramComponent","_EoDiagram","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_EoDiagram_brand","WeakSet","_handleActiveTargetChange","_P","_handleNodeDelete","_Q","_handleEdgeDelete","_R","_handleLineClick","_S","_handleLineDoubleClick","_T","_handleNodesConnect","_handleSwitchActiveTarget","_diagramRef","EoDiagram","ReactNextElement","constructor","arguments","_classPrivateMethodInitSpec","_classPrivateFieldInitSpec","_initProto","_init_layout","_init_extra_layout","_init_nodes","_init_extra_nodes","_init_edges","_init_extra_edges","_init_nodeBricks","_init_extra_nodeBricks","_init_lines","_init_extra_lines","_init_layoutOptions","_init_extra_layoutOptions","_init_activeTarget","_init_extra_activeTarget","_init_disableKeyboardAction","_init_extra_disableKeyboardAction","_init_connectNodes","_init_extra_connectNodes","_init_dragNodes","_init_extra_dragNodes","_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","_init_nodeDelete","_init_extra_nodeDelete","node","_get_nodeDelete","_init_edgeDelete","_init_extra_edgeDelete","edge","_get_edgeDelete","_init_lineClick","_init_extra_lineClick","line","_get_lineClick","_init_lineDoubleClick","_init_extra_lineDoubleClick","_get_lineDoubleClick","_init_connectNodes2","_init_extra_connectNodes2","detail","_get_connectNodes","sameTarget","activeTarget","createRef","layout","_classPrivateFieldGet","v","_classPrivateFieldSet","nodes","edges","nodeBricks","lines","layoutOptions","disableKeyboardAction","connectNodes","dragNodes","zoomable","scrollable","pannable","scaleRange","callOnLineLabel","_classPrivateFieldGet2","_len","length","args","Array","_key","current","render","ref","onActiveTargetChange","onSwitchActiveTarget","onNodeDelete","onEdgeDelete","onLineClick","onLineDoubleClick","onNodesConnect","_activeTarget","_scaleRange","nodesReady","setNodesReady","useState","nodesRenderId","setNodesRenderId","nodesRefRepository","setNodesRefRepository","lineLabelsReady","setLineLabelsReady","lineLabelsRenderId","setLineLabelsRenderId","lineLabelsRefRepository","setLineLabelsRefRepository","renderedLineLabels","setRenderedLineLabels","grabbing","setGrabbing","transform","setTransform","k","x","y","linePathsRef","useRef","Map","rootRef","nodesRef","centered","setCentered","userViewReady","userViewNodesMap","saveUserView","useUserView","save","connectLineTo","setConnectLineTo","connectLineState","setConnectLineState","manualLayoutStatus","setManualLayoutStatus","nodeMovement","setNodeMovement","useImperativeHandle","_lineLabelsRefReposit","_len2","_key2","get","firstElementChild","useEffect","onNodesMouseDown","handleNodesMouseDown","scale","nodesContainer","addEventListener","removeEventListener","normalizedLines","normalizedLinesMap","markers","useMemo","normalizeLinesAndMarkers","lineLabels","flatMap","key","list","text","label","$id","concat","map","item","placement","renderedNodes","renderedEdges","useRenderedDiagram","renderedLines","getRenderedLines","newActiveTarget","setActiveTarget","previous","activeTargetChangeInitialized","root","onKeydown","action","handleKeyboard","nodeId","handleNodesRendered","useCallback","refRepository","handleLineLabelsRendered","DEFAULT_SCALE_RANGE_MIN","DEFAULT_SCALE_RANGE_MAX","zoomer","zoom","moved","scaleExtent","on","e","rootSelection","select","unsetZoom","ctrlKey","stopImmediatePropagation","preventDefault","translateBy","wheelDeltaX","wheelDeltaY","call","transformToCenter","canvasWidth","clientWidth","canvasHeight","clientHeight","undefined","ZoomTransform","defPrefix","uniqueId","markerPrefix","maskPrefix","activeLineMarkerPrefix","getRenderedLineLabels","lineMaskRects","setLineMaskRects","adjustLineLabels","observer","ResizeObserver","updateLineMaskRects","getLineMaskRects","lineLabel","values","observe","disconnect","className","classNames","ready","tabIndex","width","height","index","lineId","rects","LineMaskComponent","LineComponent","linePaths","active","source","activeRelated","style","left","top","LineLabelComponentGroup","labels","onRendered","NodeComponentGroup","ConnectLineComponent","_EoDiagram2","_set_activeTargetChangeEvent","_set_nodeDelete","_set_edgeDelete","_set_lineClick","_set_lineDoubleClick","_set_connectNodes","c","_initClass","_applyDecs","styleTexts","styleText","String","attribute","Boolean","o","_","has","_checkInRHS","getDirectLinePoints","parallelGap","doTwoNodesOverlap","p0","p1","xDiff","yDiff","dx","dy","angle","Math","atan2","cos","PI","sin","sourceIntersections","getIntersections","targetIntersections","rect","vertices","possibleLines","i","push","intersections","intersection","intersect","x1","y1","x2","y2","x3","y3","x4","y4","denominator","ua","ub","a","b","paddingA","paddingB","A","getNodesWithPadding","B","min","right","max","bottom","padding","extractPartialRectTuple","value","isArray","v0","v1"],"sourceRoot":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[9823],{6094:(e,t,a)=>{a.r(t),a.d(t,{EoDisplayCanvas:()=>Te});var s,l=a(4635),i=a(918),n=a(6902),r=a(5536),o=a(6121),h=a(829),d=a(2740),c=a(8769),u=a.n(c),g=a(
|
|
2
|
-
//# sourceMappingURL=eo-display-canvas.
|
|
1
|
+
"use strict";(globalThis.webpackChunk_next_bricks_diagram=globalThis.webpackChunk_next_bricks_diagram||[]).push([[9823],{6094:(e,t,a)=>{a.r(t),a.d(t,{EoDisplayCanvas:()=>Te});var s,l=a(4635),i=a(918),n=a(6902),r=a(5536),o=a(6121),h=a(829),d=a(2740),c=a(8769),u=a.n(c),g=a(4782),A=a(1389),p=(a(9583),a(1030)),b=a(3373),k=a.n(b),f=a(7566),y=a(3739),m=a(8185),C=a(2140),w=a(3783),v=a(3033),N=a(8091),M=a(1819),T=a(5748),R=a(227),W=a(531),E=a(7099),z=a(1484),L=a(8197),S=a(7531),x=a(2098),B=a(3012),$=a(6237);let O,U,_,H,K,P,D,I,Y,q,F,J,Z,j,G,Q,V,X,ee,te,ae,se,le,ie,ne,re,oe,he,de,ce,ue,ge,Ae,pe,be,ke,fe,ye,me,Ce,we;const{defineElement:ve,property:Ne,event:Me}=(0,g.createDecorators)();let Te;var Re=new WeakMap,We=new WeakMap,Ee=new WeakMap,ze=new WeakMap,Le=new WeakMap,Se=new WeakMap,xe=new WeakMap,Be=new WeakMap,$e=new WeakMap,Oe=new WeakMap,Ue=new WeakMap,_e=new WeakMap,He=new WeakMap,Ke=new WeakMap,Pe=new WeakMap,De=new WeakSet,Ie=new WeakMap,Ye=new WeakMap,qe=new WeakMap,Fe=new WeakMap,Je=new WeakMap,Ze=new WeakMap;class je extends A.ReactNextElement{constructor(){super(...arguments),(0,l.A)(this,De),(0,i.A)(this,Re,U(this)),(0,i.A)(this,We,(_(this),H(this))),(0,i.A)(this,Ee,(K(this),P(this))),(0,i.A)(this,ze,(D(this),I(this,[v.HP,v.HP]))),(0,i.A)(this,Le,(Y(this),q(this))),(0,i.A)(this,Se,(F(this),J(this))),(0,i.A)(this,xe,(Z(this),j(this))),(0,i.A)(this,Be,(G(this),Q(this))),(0,i.A)(this,$e,(V(this),X(this))),(0,i.A)(this,Oe,(ee(this),te(this))),(0,i.A)(this,Ue,(ae(this),se(this,!0))),(0,i.A)(this,_e,(le(this),ie(this,!0))),(0,i.A)(this,He,(ne(this),re(this,!0))),(0,i.A)(this,Ke,(oe(this),he(this))),(0,i.A)(this,Pe,(de(this),ce(this))),(0,i.A)(this,Ie,(Ae(this),e=>{(0,r.A)(De,this,ue).emit(e)})),(0,i.A)(this,Ye,(e=>{(0,m.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,qe,pe(this)),(0,i.A)(this,Fe,(fe(this),e=>{(0,r.A)(De,this,be).emit(e)})),(0,i.A)(this,Je,ye(this)),(0,i.A)(this,Ze,(we(this),e=>{(0,r.A)(De,this,me).emit(e)}))}get cells(){return(0,h.A)(Re,this)}set cells(e){(0,o.A)(Re,this,e)}get layout(){return(0,h.A)(We,this)}set layout(e){(0,o.A)(We,this,e)}get layoutOptions(){return(0,h.A)(Ee,this)}set layoutOptions(e){(0,o.A)(Ee,this,e)}get defaultNodeSize(){return(0,h.A)(ze,this)}set defaultNodeSize(e){(0,o.A)(ze,this,e)}get defaultNodeBricks(){return(0,h.A)(Le,this)}set defaultNodeBricks(e){(0,o.A)(Le,this,e)}get degradedThreshold(){return(0,h.A)(Se,this)}set degradedThreshold(e){(0,o.A)(Se,this,e)}get degradedNodeLabel(){return(0,h.A)(xe,this)}set degradedNodeLabel(e){(0,o.A)(xe,this,e)}get defaultEdgeLines(){return(0,h.A)(Be,this)}set defaultEdgeLines(e){(0,o.A)(Be,this,e)}get activeTarget(){return(0,h.A)($e,this)}set activeTarget(e){(0,o.A)($e,this,e)}get fadeUnrelatedCells(){return(0,h.A)(Oe,this)}set fadeUnrelatedCells(e){(0,o.A)(Oe,this,e)}get zoomable(){return(0,h.A)(Ue,this)}set zoomable(e){(0,o.A)(Ue,this,e)}get scrollable(){return(0,h.A)(_e,this)}set scrollable(e){(0,o.A)(_e,this,e)}get pannable(){return(0,h.A)(He,this)}set pannable(e){(0,o.A)(He,this,e)}get scaleRange(){return(0,h.A)(Ke,this)}set scaleRange(e){(0,o.A)(Ke,this,e)}render(){return u().createElement(Ge,{shadowRoot:this.shadowRoot,cells:this.cells,layout:this.layout,layoutOptions:this.layoutOptions,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,scaleRange:this.scaleRange,onActiveTargetChange:(0,h.A)(Ie,this),onSwitchActiveTarget:(0,h.A)(Ye,this),onCellContextMenu:(0,h.A)(Fe,this),onCellClick:(0,h.A)(Ze,this)})}}function Ge(e){let{shadowRoot:t,cells:a,layout:s,layoutOptions:l,defaultNodeSize:i,defaultNodeBricks:n,defaultEdgeLines:r,degradedThreshold:o,degradedNodeLabel:h,activeTarget:d,fadeUnrelatedCells:g,zoomable:A,scrollable:b,pannable:m,scaleRange:B,onActiveTargetChange:$,onSwitchActiveTarget:O,onCellContextMenu:U,onCellClick:_}=e;const[{cells:H,layoutKey:K},P]=(0,c.useReducer)(T.d,a,(e=>({cells:(0,w.C)(e,{defaultNodeSize:i}),layoutKey:1}))),D=(0,c.useMemo)((()=>H.filter(W.N).length>=(o??v.pC)),[H,o]),I=(0,c.useRef)(null),Y=(0,c.useRef)(null),{grabbing:q,transform:F,zoomer:J,scaleRange:Z}=(0,N.f)({rootRef:I,zoomable:A,scrollable:b,pannable:m,draggable:!0,scaleRange:B,onSwitchActiveTarget:O}),{centered:j,setCentered:G,getNextLayoutKey:Q}=(0,z.g)({layout:s,layoutOptions:l,rootRef:I,cells:H,zoomable:A,zoomer:J,scaleRange:Z,layoutKey:K,dispatch:P}),V=(0,c.useCallback)((()=>{G(!1)}),[G]),X=(0,c.useRef)(a);(0,c.useEffect)((()=>{if(a!==X.current){X.current=a;const e=(0,x.L)({canvasWidth:t.host.clientWidth,canvasHeight:t.host.clientHeight,defaultNodeSize:i,layout:s,previousCells:H,cells:a,scaleRange:Z,transform:F});P({type:"update-cells",payload:e.cells})}}),[H,i,a,s,Z,t,F]);const ee=(0,M.J)({cellsRef:Y,activeTarget:d,onActiveTargetChange:$}),te=`${(0,c.useMemo)((()=>`${(0,p.uniqueId)("diagram-")}-`),[])}line-arrow-`,ae=(0,c.useCallback)(((e,t)=>{P({type:"update-node-size",payload:{id:e,size:t},layoutKey:Q()})}),[Q]),[se,le]=(0,c.useState)(null),ie=(0,c.useCallback)((e=>{le(e)}),[]),ne=(0,c.useCallback)((e=>{le((t=>t===e?null:t))}),[]),[re,oe]=(0,c.useState)([]);(0,c.useEffect)((()=>{const e=g?(0,R.Y)(H,null,se):[];oe((t=>0===t.length&&0===e.length?t:e))}),[H,g,se]);const he=(0,c.useCallback)((e=>{J.scaleTo((0,f.A)(I.current),e/100)}),[J]),[de,ce]=(0,S.d)({cells:H,defaultEdgeLines:r,markerPrefix:te}),ue=(0,L.H)({cells:H,layout:s,centered:j});return u().createElement(u().Fragment,null,u().createElement("svg",{width:"100%",height:"100%",ref:I,className:k()("root",{grabbing:q,pannable:m,ready:ue}),tabIndex:-1},u().createElement("defs",null,ce.map(((e,t)=>u().createElement(y.c,{key:t,id:`${te}${t}`,type:"arrow",strokeColor:e.strokeColor})))),u().createElement("g",{transform:`translate(${F.x} ${F.y}) scale(${F.k})`},u().createElement("g",{className:"cells",ref:Y},H.map((e=>u().createElement(C.m,{key:`${e.type}:${(0,W.WW)(e)?`${e.source}~${e.target}`:e.id}`,layout:s,cell:e,cells:H,degraded:D,degradedNodeLabel:h,defaultNodeBricks:n,lineConfMap:de,transform:F,activeTarget:ee,readOnly:!0,unrelatedCells:re,onSwitchActiveTarget:O,onCellContextMenu:U,onCellClick:_,onNodeBrickResize:ae,onCellMouseEnter:g&&(0,W.N)(e)?ie:void 0,onCellMouseLeave:g&&(0,W.N)(e)?ne:void 0})))))),u().createElement(E.Y,{shadowRoot:t,scale:F.k,scaleRange:Z,onZoomChange:he,onReCenter:V}))}s=je,({e:[U,_,H,K,P,D,I,Y,q,F,J,Z,j,G,Q,V,X,ee,te,ae,se,le,ie,ne,re,oe,he,de,ce,ue,ge,Ae,pe,be,ke,fe,ye,me,Ce,we],c:[Te,O]}=(0,d.A)(s,[ve("eo-display-canvas",{styleTexts:[B.A,$.A]})],[[Ne({attribute:!1}),1,"cells"],[Ne({type:String}),1,"layout"],[Ne({attribute:!1}),1,"layoutOptions"],[Ne({attribute:!1}),1,"defaultNodeSize"],[Ne({attribute:!1}),1,"defaultNodeBricks"],[Ne({type:Number}),1,"degradedThreshold"],[Ne({attribute:!1}),1,"degradedNodeLabel"],[Ne({attribute:!1}),1,"defaultEdgeLines"],[Ne({attribute:!1}),1,"activeTarget"],[Ne({type:Boolean}),1,"fadeUnrelatedCells"],[Ne({type:Boolean}),1,"zoomable"],[Ne({type:Boolean}),1,"scrollable"],[Ne({type:Boolean}),1,"pannable"],[Ne({attribute:!1}),1,"scaleRange"],[Me({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,h.A)(Pe,e),(e,t)=>(0,o.A)(Pe,e,t)],[Me({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,h.A)(qe,e),(e,t)=>(0,o.A)(qe,e,t)],[Me({type:"cell.click"}),1,"cellClick",e=>(0,h.A)(Je,e),(e,t)=>(0,o.A)(Je,e,t)]],0,(e=>Ze.has((0,n.A)(e))),A.ReactNextElement)),O()}}]);
|
|
2
|
+
//# sourceMappingURL=eo-display-canvas.36c4170c.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chunks/eo-display-canvas.6e791d99.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={layout}\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","readOnly","onNodeBrickResize","onCellMouseEnter","undefined","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.36c4170c.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={layout}\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","readOnly","onNodeBrickResize","onCellMouseEnter","undefined","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,2 +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 n=a(8769),s=a.n(n),i=a(3373),l=a.n(i);function o(e){let{connectLineState:t,transform:a,markerEnd:i,onConnect:o}=e;const[r,d]=(0,n.useState)(null);return(0,n.useEffect)((()=>{t&&d(t.from)}),[t]),(0,n.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])},n=e=>{e.stopPropagation()},s=e=>{e.stopPropagation(),i(),o(t,[(e.clientX-a.x-t.offset[0])/a.k,(e.clientY-a.y-t.offset[1])/a.k])},i=()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mousedown",n,{capture:!0}),document.removeEventListener("click",s,{capture:!0}),d(null)};return document.addEventListener("mousemove",e),document.addEventListener("mousedown",n,{capture:!0}),document.addEventListener("click",s,{capture:!0}),i}}),[t,o,a]),s().createElement("path",{className:l()("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(#${i})`})}},9068:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>Nt,EoDrawCanvasComponent:()=>Mt});var n,s=a(4635),i=a(918),l=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(1929),A=a(4223),v=a(8896),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(2140),N=a(3639),W=a(3783),T=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),U=a(8560);let _,j,F,I,X,q,J,Q,Z,G,V,ee,te,ae,ne,se,ie,le,oe,re,de,ce,he,ue,ge,pe,Ae,ve,fe,me,ye,we,ke,Ce,xe,be,Ee,Me,Ne,We,Te,ze,Le,Re,Be,Se,De,Pe,$e,He,Oe,Ye,Ke,Ue,_e,je,Fe,Ie,Xe,qe,Je,Qe,Ze,Ge,Ve,et,tt,at,nt,st,it,lt,ot,rt,dt,ct,ht,ut,gt,pt,At,vt,ft,mt,yt,wt;const kt=(0,v.unwrapProvider)("basic.lock-body-scroll"),{defineElement:Ct,property:xt,method:bt,event:Et}=(0,p.createDecorators)(),Mt=g().forwardRef(ya);let Nt;var Wt=new WeakMap,Tt=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 WeakMap,_t=new WeakMap,jt=new WeakMap,Ft=new WeakMap,It=new WeakMap,Xt=new WeakSet,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,na=new WeakMap,sa=new WeakMap,ia=new WeakMap,la=new WeakMap,oa=new WeakMap,ra=new WeakMap,da=new WeakMap,ca=new WeakMap,ha=new WeakMap,ua=new WeakMap,ga=new WeakMap,pa=new WeakMap,Aa=new WeakMap,va=new WeakMap;class fa extends A.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,Xt),(0,i.A)(this,Wt,(_(this),F(this))),(0,i.A)(this,Tt,(I(this),X(this))),(0,i.A)(this,zt,(q(this),J(this))),(0,i.A)(this,Lt,(Q(this),Z(this,[L.HP,L.HP]))),(0,i.A)(this,Rt,(G(this),V(this))),(0,i.A)(this,Bt,(ee(this),te(this))),(0,i.A)(this,St,(ae(this),ne(this))),(0,i.A)(this,Dt,(se(this),ie(this))),(0,i.A)(this,Pt,(le(this),oe(this))),(0,i.A)(this,$t,(re(this),de(this))),(0,i.A)(this,Ht,(ce(this),he(this,!0))),(0,i.A)(this,Ot,(ue(this),ge(this,!0))),(0,i.A)(this,Yt,(pe(this),Ae(this,!0))),(0,i.A)(this,Kt,(ve(this),fe(this,!0))),(0,i.A)(this,Ut,(me(this),ye(this,!1))),(0,i.A)(this,_t,(we(this),ke(this))),(0,i.A)(this,jt,(Ce(this),xe(this))),(0,i.A)(this,Ft,(be(this),Ee(this))),(0,i.A)(this,It,(Me(this),Ne(this))),(0,i.A)(this,qt,(ze(this),e=>{(0,r.A)(Xt,this,We).emit(e)})),(0,i.A)(this,Jt,(e=>{(0,b.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,Qt,Le(this)),(0,i.A)(this,Zt,(Se(this),De(this))),(0,i.A)(this,Gt,(He(this),e=>{(0,r.A)(Xt,this,Pe).emit(e),"node"===e.type&&(0,r.A)(Xt,this,Re).emit(e)})),(0,i.A)(this,Vt,Oe(this)),(0,i.A)(this,ea,(Ue(this),e=>{(0,r.A)(Xt,this,Ye).emit(e)})),(0,i.A)(this,ta,_e(this)),(0,i.A)(this,aa,(Ie(this),e=>{(0,r.A)(Xt,this,je).emit(e)})),(0,i.A)(this,na,Xe(this)),(0,i.A)(this,sa,(Qe(this),Ze(this))),(0,i.A)(this,ia,(et(this),e=>{(0,r.A)(Xt,this,Ge).emit(e),"node"===e.type&&(0,r.A)(Xt,this,qe).emit(e)})),(0,i.A)(this,la,tt(this)),(0,i.A)(this,oa,(st(this),e=>{(0,r.A)(Xt,this,at).emit(e)})),(0,i.A)(this,ra,it(this)),(0,i.A)(this,da,(rt(this),e=>{(0,r.A)(Xt,this,lt).emit(e)})),(0,i.A)(this,ca,dt(this)),(0,i.A)(this,ha,(ut(this),e=>{(0,r.A)(Xt,this,ct).emit(e)})),(0,i.A)(this,ua,gt(this)),(0,i.A)(this,ga,(vt(this),e=>{(0,r.A)(Xt,this,pt).emit(e)})),(0,i.A)(this,pa,ft(this)),(0,i.A)(this,Aa,(wt(this),e=>{(0,r.A)(Xt,this,mt).emit(e)})),(0,i.A)(this,va,(0,u.createRef)())}get cells(){return(0,c.A)(Wt,this)}set cells(e){(0,d.A)(Wt,this,e)}get layout(){return(0,c.A)(Tt,this)}set layout(e){(0,d.A)(Tt,this,e)}get layoutOptions(){return(0,c.A)(zt,this)}set layoutOptions(e){(0,d.A)(zt,this,e)}get defaultNodeSize(){return(0,c.A)(Lt,this)}set defaultNodeSize(e){(0,d.A)(Lt,this,e)}get defaultNodeBricks(){return(0,c.A)(Rt,this)}set defaultNodeBricks(e){(0,d.A)(Rt,this,e)}get degradedThreshold(){return(0,c.A)(Bt,this)}set degradedThreshold(e){(0,d.A)(Bt,this,e)}get degradedNodeLabel(){return(0,c.A)(St,this)}set degradedNodeLabel(e){(0,d.A)(St,this,e)}get defaultEdgeLines(){return(0,c.A)(Dt,this)}set defaultEdgeLines(e){(0,d.A)(Dt,this,e)}get activeTarget(){return(0,c.A)(Pt,this)}set activeTarget(e){(0,d.A)(Pt,this,e)}get fadeUnrelatedCells(){return(0,c.A)($t,this)}set fadeUnrelatedCells(e){(0,d.A)($t,this,e)}get zoomable(){return(0,c.A)(Ht,this)}set zoomable(e){(0,d.A)(Ht,this,e)}get scrollable(){return(0,c.A)(Ot,this)}set scrollable(e){(0,d.A)(Ot,this,e)}get pannable(){return(0,c.A)(Yt,this)}set pannable(e){(0,d.A)(Yt,this,e)}get selectable(){return(0,c.A)(Kt,this)}set selectable(e){(0,d.A)(Kt,this,e)}get allowEdgeToArea(){return(0,c.A)(Ut,this)}set allowEdgeToArea(e){(0,d.A)(Ut,this,e)}get dragBehavior(){return(0,c.A)(_t,this)}set dragBehavior(e){(0,d.A)(_t,this,e)}get ctrlDragBehavior(){return(0,c.A)(jt,this)}set ctrlDragBehavior(e){(0,d.A)(jt,this,e)}get scaleRange(){return(0,c.A)(Ft,this)}set scaleRange(e){(0,d.A)(Ft,this,e)}async dropNode(e){var t,a;let{id:n,position:s,size:i,data:l,useBrick:o}=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 r;const e=this.getBoundingClientRect(),t=(0,c.A)(va,this).current.getTransform(),a={type:"node",id:n,view:{..."force"===this.layout||"dagre"===this.layout?null:{x:(s[0]-e.left-t.x)/t.k,y:(s[1]-e.top-t.y)/t.k},width:(null==i?void 0:i[0])??this.defaultNodeSize[0],height:(null==i?void 0:i[1])??this.defaultNodeSize[0]},data:l,useBrick:o};return null===(r=(0,c.A)(va,this).current)||void 0===r||r.dropNode(a),a}return null}async dropDecorator(e){var t,a;let{position:n,decorator:s,text:i,direction:l}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,n[0],n[1]))||void 0===t?void 0:t.includes(this)){var o;const e=this.getBoundingClientRect(),t=(0,c.A)(va,this).current.getTransform(),a={type:"decorator",decorator:s,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:(n[0]-e.left-t.x)/t.k,y:(n[1]-e.top-t.y)/t.k,width:L.N8,height:L.w1,text:i,direction:l}};return null===(o=(0,c.A)(va,this).current)||void 0===o||o.dropDecorator(a),a}return null}async addNodes(e){if(0===e.length)return[];const t=e.map((e=>{let{size:t,useBrick:a,id:n,data:s}=e;return{type:"node",id:n,data:s,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)(va,this).current.addNodes(t,{defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight})}async addEdge(e){var t;let{source:a,target:n,data:s}=e;const i={type:"edge",source:a,target:n,data:s};return null===(t=(0,c.A)(va,this).current)||void 0===t||t.addEdge(i),i}manuallyConnectNodes(e){return(0,c.A)(va,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(Xt,this,ma).call(this);const{updated:a}=(0,c.A)(va,this).current.updateCells(e,{...t,defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight});return{updated:a}}disconnectedCallback(){super.disconnectedCallback(),kt(this,!1)}render(){return g().createElement(Mt,{host:this,ref:(0,c.A)(va,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)(qt,this),onSwitchActiveTarget:(0,c.A)(Jt,this),onCellMove:(0,c.A)(Gt,this),onCellsMove:(0,c.A)(ea,this),onCellResize:(0,c.A)(aa,this),onCellDelete:(0,c.A)(ia,this),onCellsDelete:(0,c.A)(oa,this),onCellContextMenu:(0,c.A)(da,this),onDecoratorTextChange:(0,c.A)(ha,this),onContainerContainerChange:(0,c.A)(ga,this),onScaleChange:(0,c.A)(Aa,this)})}}function ma(){return new Promise((e=>{const t=()=>{(0,c.A)(va,this).current?e():setTimeout(t,10)};t()}))}function ya(e,t){let{host:a,layout:n,layoutOptions:s,cells:i,defaultNodeSize:l,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:_,onActiveTargetChange:j,onSwitchActiveTarget:F,onCellMove:I,onCellResize:X,onCellDelete:q,onCellsMove:J,onCellsDelete:Q,onCellContextMenu:Z,onDecoratorTextChange:G,onScaleChange:V,onContainerContainerChange:ee}=e;const[{cells:te,layoutKey:ae},ne]=(0,u.useReducer)(k.d,i,(e=>({cells:(0,W.C)(e,{defaultNodeSize:l}),layoutKey:0}))),se=(0,u.useMemo)((()=>te.filter(x.N).length>=(d??L.pC)),[te,d]),ie=(0,u.useRef)(null),le=(0,u.useRef)(null),oe=(0,u.useRef)(null),[re,de]=(0,u.useState)([]),{grabbing:ce,transform:he,zoomer:ue,scaleRange:ge}=(0,R.f)({rootRef:ie,zoomable:A,scrollable:v,pannable:m,draggable:"grab"===b,ctrlDraggable:"grab"===O,scaleRange:Y,onSwitchActiveTarget:F});(0,u.useEffect)((()=>{V(he.k)}),[V,he.k]);const[pe,Ae]=(0,u.useState)(null),[ve,fe]=(0,u.useState)(null),{centered:me,setCentered:ye,getNextLayoutKey:we}=(0,D.g)({layout:n,layoutOptions:s,rootRef:ie,cells:te,zoomable:A,zoomer:ue,scaleRange:ge,layoutKey:ae,allowEdgeToArea:_,dispatch:ne});(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==n&&"force"!==n&&ye(!0),ne({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==n&&"force"!==n&&ye(!0),ne({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:s,canvasHeight:i}=t;const l=te.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,o=[...te.slice(0,l),...e,...te.slice(l)],{cells:r,updated:d,shouldReCenter:c}=(0,T.L)({cells:o,layout:n,previousCells:te,defaultNodeSize:a,canvasWidth:s,canvasHeight:i,scaleRange:ge,transform:he,allowEdgeToArea:_});return c&&ye(!1),ne({type:"update-cells",payload:r}),d.filter((t=>e.includes(t)))},addEdge(e){ne({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...s}=(0,T.L)({...t,layout:n,previousCells:te,cells:e,scaleRange:ge,transform:he,allowEdgeToArea:_});return a&&ye(!1),ne({type:"update-cells",payload:s.cells}),s},getTransform:()=>he,manuallyConnectNodes(e){const t=te.find((t=>(_&&(0,x.o6)(t)||(0,x.N)(t))&&t.id===e));if(t){const e=ie.current.getBoundingClientRect();return fe({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)=>{oe.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[te,n,ge,ye,he,_]);const ke=(0,u.useCallback)(((e,t)=>{var a;for(let a=te.length-1;a>=0;a--){const s=te[a];if((_&&(0,x.o6)(s)||(0,x.N)(s))&&s.id!==e.source.id&&s.view.x<t[0]&&s.view.x+s.view.width>t[0]&&s.view.y<t[1]&&s.view.y+s.view.height>t[1]){var n;null===(n=oe.current)||void 0===n||n.resolve({source:e.source,target:s});break}}null===(a=oe.current)||void 0===a||a.reject(null),fe(null)}),[te]);(0,u.useEffect)((()=>{kt(a,!(!ve&&!pe))}),[ve,a,pe]);const Ce=(0,B.J)({cellsRef:le,activeTarget:h,onActiveTargetChange:j}),[xe,be]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=p?(0,z.Y)(te,ve,Ce,_):[];be((t=>0===t.length&&0===e.length?t:e))}),[Ce,te,ve,p,_]),(0,u.useEffect)((()=>{const e=ie.current;if(!e||re.length>0)return;const t=e=>{const t=(0,E.a)(e,{cells:te,activeTarget:Ce});"delete-cells"===(null==t?void 0:t.action)&&(Q(t.cells),1===t.cells.length&&q(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Ce,te,re.length,q,Q]);const Ee=`${(0,u.useMemo)((()=>`${(0,f.uniqueId)("diagram-")}-`),[])}line-arrow-`,Me=(0,u.useCallback)((e=>{ne({type:"move-cells",payload:e})}),[]),Ne=(0,u.useCallback)((e=>{ne({type:"move-cells",payload:e}),J(e),1===e.length&&I(e[0]),(0,U.N)(e,te,ee)}),[I,J,te,ee]),We=(0,u.useCallback)((e=>{ne({type:"resize-cell",payload:e})}),[]),Te=(0,u.useCallback)((e=>{ne({type:"resize-cell",payload:e}),X(e)}),[X]),ze=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;de(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),Le=(0,u.useCallback)(((e,t)=>{const a=we();ne({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[we]),Re=(0,u.useCallback)((e=>{ue.scaleTo((0,w.A)(ie.current),e/100)}),[ue]),Be=(0,u.useCallback)((()=>{ye(!1)}),[ye]),[Se,De]=(0,$.d)({cells:te,defaultEdgeLines:r,markerPrefix:Ee}),Pe=(0,P.H)({cells:te,layout:n,centered:me});return(0,u.useEffect)((()=>{const e=ie.current;if(!e||"lasso"!==b)return;const t=e.getBoundingClientRect(),a=e=>{(0,H.F)(e,{transform:he,offset:[t.left,t.top],onLassoing(e){Ae(e)},onLassoed(e){Ae(null);const t=[];for(const a of te)if((0,x.o6)(a)||(0,x.Hs)(a)){const n=a.view.x,s=a.view.y;n>=e.x&&n+a.view.width<=e.x+e.width&&s>=e.y&&s+a.view.height<=e.y+e.height&&t.push(a)}null==F||F(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)}}),[he,te,b,F]),g().createElement(g().Fragment,null,g().createElement("svg",{width:"100%",height:"100%",ref:ie,className:y()("root",{grabbing:ce,pannable:m,ready:Pe}),tabIndex:-1},g().createElement("defs",null,De.map(((e,t)=>g().createElement(C.c,{key:t,id:`${Ee}${t}`,type:"arrow",strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${he.x} ${he.y}) scale(${he.k})`},g().createElement("g",{className:y()("cells",{allowEdgeToArea:_}),ref:le},te.map((e=>g().createElement(M.m,{key:`${e.type}:${(0,x.WW)(e)?`${e.source}~${e.target}`:e.id}`,layout:n,cell:e,cells:te,degraded:se,degradedNodeLabel:c,defaultNodeBricks:o,transform:he,lineConfMap:Se,activeTarget:Ce,unrelatedCells:xe,onCellsMoving:Me,onCellsMoved:Ne,onCellResizing:We,onCellResized:Te,onSwitchActiveTarget:F,onCellContextMenu:Z,onDecoratorTextChange:G,onDecoratorTextEditing:ze,onNodeBrickResize:Le})))),g().createElement(N.w,{connectLineState:ve,transform:he,markerEnd:`${Ee}0`,onConnect:ke}),pe&&g().createElement("rect",{x:pe.x,y:pe.y,width:pe.width,height:pe.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}))),g().createElement(S.Y,{shadowRoot:a.shadowRoot,scale:he.k,scaleRange:ge,onZoomChange:Re,onReCenter:Be}))}n=fa,({e:[F,I,X,q,J,Q,Z,G,V,ee,te,ae,ne,se,ie,le,oe,re,de,ce,he,ue,ge,pe,Ae,ve,fe,me,ye,we,ke,Ce,xe,be,Ee,Me,Ne,We,Te,ze,Le,Re,Be,Se,De,Pe,$e,He,Oe,Ye,Ke,Ue,_e,je,Fe,Ie,Xe,qe,Je,Qe,Ze,Ge,Ve,et,tt,at,nt,st,it,lt,ot,rt,dt,ct,ht,ut,gt,pt,At,vt,ft,mt,yt,wt,_],c:[Nt,j]}=(0,h.A)(n,[Ct("eo-draw-canvas",{styleTexts:[O.A,Y.A]})],[[xt({attribute:!1}),1,"cells"],[xt({type:String}),1,"layout"],[xt({attribute:!1}),1,"layoutOptions"],[xt({attribute:!1}),1,"defaultNodeSize"],[xt({attribute:!1}),1,"defaultNodeBricks"],[xt({type:Number}),1,"degradedThreshold"],[xt({attribute:!1}),1,"degradedNodeLabel"],[xt({attribute:!1}),1,"defaultEdgeLines"],[xt({attribute:!1}),1,"activeTarget"],[xt({type:Boolean}),1,"fadeUnrelatedCells"],[xt({type:Boolean}),1,"zoomable"],[xt({type:Boolean}),1,"scrollable"],[xt({type:Boolean}),1,"pannable"],[xt({type:Boolean}),1,"selectable"],[xt({type:Boolean}),1,"allowEdgeToArea"],[xt(),1,"dragBehavior"],[xt(),1,"ctrlDragBehavior"],[xt({attribute:!1}),1,"scaleRange"],[Et({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,c.A)(It,e),(e,t)=>(0,d.A)(It,e,t)],[Et({type:"node.move"}),1,"nodeMoveEvent",e=>(0,c.A)(Qt,e),(e,t)=>(0,d.A)(Qt,e,t)],[Et({type:"cell.move"}),1,"cellMoveEvent",e=>(0,c.A)(Zt,e),(e,t)=>(0,d.A)(Zt,e,t)],[Et({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,c.A)(Vt,e),(e,t)=>(0,d.A)(Vt,e,t)],[Et({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,c.A)(ta,e),(e,t)=>(0,d.A)(ta,e,t)],[Et({type:"node.delete"}),1,"nodeDelete",e=>(0,c.A)(na,e),(e,t)=>(0,d.A)(na,e,t)],[Et({type:"cell.delete"}),1,"cellDelete",e=>(0,c.A)(sa,e),(e,t)=>(0,d.A)(sa,e,t)],[Et({type:"cells.delete"}),1,"cellsDelete",e=>(0,c.A)(la,e),(e,t)=>(0,d.A)(la,e,t)],[Et({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,c.A)(ra,e),(e,t)=>(0,d.A)(ra,e,t)],[Et({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,c.A)(ca,e),(e,t)=>(0,d.A)(ca,e,t)],[Et({type:"node.container.change"}),1,"containerContainerChange",e=>(0,c.A)(ua,e),(e,t)=>(0,d.A)(ua,e,t)],[Et({type:"scale.change"}),1,"scaleChange",e=>(0,c.A)(pa,e),(e,t)=>(0,d.A)(pa,e,t)],[bt(),2,"dropNode"],[bt(),2,"dropDecorator"],[bt(),2,"addNodes"],[bt(),2,"addEdge"],[bt(),2,"manuallyConnectNodes"],[bt(),2,"updateCells"]],0,(e=>va.has((0,l.A)(e))),A.ReactNextElement)),j()},5114:(e,t,a)=>{a.d(t,{a:()=>s});var n=a(4197);function s(e,t){let{cells:a,activeTarget:s}=t;const i=a.filter((e=>(0,n.Q)(e,s)));if(0!==i.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:i}}}},2219:(e,t,a)=>{function n(e,t){let{transform:a,offset:n,onLassoing:s,onLassoed:i}=t;if(e.ctrlKey||e.button)return;e.stopPropagation();const l=[e.clientX,e.clientY],o=(e.clientX-n[0]-a.x)/a.k,r=(e.clientY-n[1]-a.y)/a.k;let d=!1;const c=(e,t)=>{const n=function(e){return[(e.clientX-l[0])/a.k,(e.clientY-l[1])/a.k]}(e);if(d||(d=n[0]**2+n[1]**2>=9),d){let[e,a]=n,l=o,d=r;e<0&&(l=o+e,e=-e),a<0&&(d=r+a,a=-a),(t?i:s)({x:l,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:()=>n})},8560:(e,t,a)=>{a.d(t,{N:()=>s});var n=a(531);function s(e,t,a){const s=e.filter((e=>(0,n.N)(e))),i=t.filter((e=>(0,n.N)(e)));s.forEach((e=>{const a=e.x,s=e.x+e.width,i=e.y,l=e.y+e.height,o=t.filter((e=>(0,n.t2)(e)));for(const t of o){const n=t.view.x,o=t.view.x+t.view.width,r=t.view.y,d=t.view.y+t.view.height;if(a>=n&&s<=o&&i>=r&&l<=d){e.containerCell=t;break}}}));const l=s.filter((e=>{var t;const a=i.find((t=>t.id===e.id));return(null==a?void 0:a.containerId)!==(null===(t=e.containerCell)||void 0===t?void 0:t.id)}));l.length>0&&a(l)}}}]);
|
|
2
|
-
//# sourceMappingURL=eo-draw-canvas.
|
|
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 n=a(8769),s=a.n(n),i=a(3373),l=a.n(i);function o(e){let{connectLineState:t,transform:a,markerEnd:i,onConnect:o}=e;const[r,d]=(0,n.useState)(null);return(0,n.useEffect)((()=>{t&&d(t.from)}),[t]),(0,n.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])},n=e=>{e.stopPropagation()},s=e=>{e.stopPropagation(),i(),o(t,[(e.clientX-a.x-t.offset[0])/a.k,(e.clientY-a.y-t.offset[1])/a.k])},i=()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mousedown",n,{capture:!0}),document.removeEventListener("click",s,{capture:!0}),d(null)};return document.addEventListener("mousemove",e),document.addEventListener("mousedown",n,{capture:!0}),document.addEventListener("click",s,{capture:!0}),i}}),[t,o,a]),s().createElement("path",{className:l()("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(#${i})`})}},9068:(e,t,a)=>{a.r(t),a.d(t,{EoDrawCanvas:()=>Nt,EoDrawCanvasComponent:()=>Mt});var n,s=a(4635),i=a(918),l=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(4782),A=a(1389),v=a(3518),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(2140),N=a(3639),W=a(3783),T=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),U=a(8560);let _,j,F,I,X,q,J,Q,Z,G,V,ee,te,ae,ne,se,ie,le,oe,re,de,ce,he,ue,ge,pe,Ae,ve,fe,me,ye,we,ke,Ce,xe,be,Ee,Me,Ne,We,Te,ze,Le,Re,Be,Se,De,Pe,$e,He,Oe,Ye,Ke,Ue,_e,je,Fe,Ie,Xe,qe,Je,Qe,Ze,Ge,Ve,et,tt,at,nt,st,it,lt,ot,rt,dt,ct,ht,ut,gt,pt,At,vt,ft,mt,yt,wt;const kt=(0,v.unwrapProvider)("basic.lock-body-scroll"),{defineElement:Ct,property:xt,method:bt,event:Et}=(0,p.createDecorators)(),Mt=g().forwardRef(ya);let Nt;var Wt=new WeakMap,Tt=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 WeakMap,_t=new WeakMap,jt=new WeakMap,Ft=new WeakMap,It=new WeakMap,Xt=new WeakSet,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,na=new WeakMap,sa=new WeakMap,ia=new WeakMap,la=new WeakMap,oa=new WeakMap,ra=new WeakMap,da=new WeakMap,ca=new WeakMap,ha=new WeakMap,ua=new WeakMap,ga=new WeakMap,pa=new WeakMap,Aa=new WeakMap,va=new WeakMap;class fa extends A.ReactNextElement{constructor(){super(...arguments),(0,s.A)(this,Xt),(0,i.A)(this,Wt,(_(this),F(this))),(0,i.A)(this,Tt,(I(this),X(this))),(0,i.A)(this,zt,(q(this),J(this))),(0,i.A)(this,Lt,(Q(this),Z(this,[L.HP,L.HP]))),(0,i.A)(this,Rt,(G(this),V(this))),(0,i.A)(this,Bt,(ee(this),te(this))),(0,i.A)(this,St,(ae(this),ne(this))),(0,i.A)(this,Dt,(se(this),ie(this))),(0,i.A)(this,Pt,(le(this),oe(this))),(0,i.A)(this,$t,(re(this),de(this))),(0,i.A)(this,Ht,(ce(this),he(this,!0))),(0,i.A)(this,Ot,(ue(this),ge(this,!0))),(0,i.A)(this,Yt,(pe(this),Ae(this,!0))),(0,i.A)(this,Kt,(ve(this),fe(this,!0))),(0,i.A)(this,Ut,(me(this),ye(this,!1))),(0,i.A)(this,_t,(we(this),ke(this))),(0,i.A)(this,jt,(Ce(this),xe(this))),(0,i.A)(this,Ft,(be(this),Ee(this))),(0,i.A)(this,It,(Me(this),Ne(this))),(0,i.A)(this,qt,(ze(this),e=>{(0,r.A)(Xt,this,We).emit(e)})),(0,i.A)(this,Jt,(e=>{(0,b.c)(e,this.activeTarget)||(this.activeTarget=e)})),(0,i.A)(this,Qt,Le(this)),(0,i.A)(this,Zt,(Se(this),De(this))),(0,i.A)(this,Gt,(He(this),e=>{(0,r.A)(Xt,this,Pe).emit(e),"node"===e.type&&(0,r.A)(Xt,this,Re).emit(e)})),(0,i.A)(this,Vt,Oe(this)),(0,i.A)(this,ea,(Ue(this),e=>{(0,r.A)(Xt,this,Ye).emit(e)})),(0,i.A)(this,ta,_e(this)),(0,i.A)(this,aa,(Ie(this),e=>{(0,r.A)(Xt,this,je).emit(e)})),(0,i.A)(this,na,Xe(this)),(0,i.A)(this,sa,(Qe(this),Ze(this))),(0,i.A)(this,ia,(et(this),e=>{(0,r.A)(Xt,this,Ge).emit(e),"node"===e.type&&(0,r.A)(Xt,this,qe).emit(e)})),(0,i.A)(this,la,tt(this)),(0,i.A)(this,oa,(st(this),e=>{(0,r.A)(Xt,this,at).emit(e)})),(0,i.A)(this,ra,it(this)),(0,i.A)(this,da,(rt(this),e=>{(0,r.A)(Xt,this,lt).emit(e)})),(0,i.A)(this,ca,dt(this)),(0,i.A)(this,ha,(ut(this),e=>{(0,r.A)(Xt,this,ct).emit(e)})),(0,i.A)(this,ua,gt(this)),(0,i.A)(this,ga,(vt(this),e=>{(0,r.A)(Xt,this,pt).emit(e)})),(0,i.A)(this,pa,ft(this)),(0,i.A)(this,Aa,(wt(this),e=>{(0,r.A)(Xt,this,mt).emit(e)})),(0,i.A)(this,va,(0,u.createRef)())}get cells(){return(0,c.A)(Wt,this)}set cells(e){(0,d.A)(Wt,this,e)}get layout(){return(0,c.A)(Tt,this)}set layout(e){(0,d.A)(Tt,this,e)}get layoutOptions(){return(0,c.A)(zt,this)}set layoutOptions(e){(0,d.A)(zt,this,e)}get defaultNodeSize(){return(0,c.A)(Lt,this)}set defaultNodeSize(e){(0,d.A)(Lt,this,e)}get defaultNodeBricks(){return(0,c.A)(Rt,this)}set defaultNodeBricks(e){(0,d.A)(Rt,this,e)}get degradedThreshold(){return(0,c.A)(Bt,this)}set degradedThreshold(e){(0,d.A)(Bt,this,e)}get degradedNodeLabel(){return(0,c.A)(St,this)}set degradedNodeLabel(e){(0,d.A)(St,this,e)}get defaultEdgeLines(){return(0,c.A)(Dt,this)}set defaultEdgeLines(e){(0,d.A)(Dt,this,e)}get activeTarget(){return(0,c.A)(Pt,this)}set activeTarget(e){(0,d.A)(Pt,this,e)}get fadeUnrelatedCells(){return(0,c.A)($t,this)}set fadeUnrelatedCells(e){(0,d.A)($t,this,e)}get zoomable(){return(0,c.A)(Ht,this)}set zoomable(e){(0,d.A)(Ht,this,e)}get scrollable(){return(0,c.A)(Ot,this)}set scrollable(e){(0,d.A)(Ot,this,e)}get pannable(){return(0,c.A)(Yt,this)}set pannable(e){(0,d.A)(Yt,this,e)}get selectable(){return(0,c.A)(Kt,this)}set selectable(e){(0,d.A)(Kt,this,e)}get allowEdgeToArea(){return(0,c.A)(Ut,this)}set allowEdgeToArea(e){(0,d.A)(Ut,this,e)}get dragBehavior(){return(0,c.A)(_t,this)}set dragBehavior(e){(0,d.A)(_t,this,e)}get ctrlDragBehavior(){return(0,c.A)(jt,this)}set ctrlDragBehavior(e){(0,d.A)(jt,this,e)}get scaleRange(){return(0,c.A)(Ft,this)}set scaleRange(e){(0,d.A)(Ft,this,e)}async dropNode(e){var t,a;let{id:n,position:s,size:i,data:l,useBrick:o}=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 r;const e=this.getBoundingClientRect(),t=(0,c.A)(va,this).current.getTransform(),a={type:"node",id:n,view:{..."force"===this.layout||"dagre"===this.layout?null:{x:(s[0]-e.left-t.x)/t.k,y:(s[1]-e.top-t.y)/t.k},width:(null==i?void 0:i[0])??this.defaultNodeSize[0],height:(null==i?void 0:i[1])??this.defaultNodeSize[0]},data:l,useBrick:o};return null===(r=(0,c.A)(va,this).current)||void 0===r||r.dropNode(a),a}return null}async dropDecorator(e){var t,a;let{position:n,decorator:s,text:i,direction:l}=e;if(null===(t=(a=document).elementsFromPoint)||void 0===t||null===(t=t.call(a,n[0],n[1]))||void 0===t?void 0:t.includes(this)){var o;const e=this.getBoundingClientRect(),t=(0,c.A)(va,this).current.getTransform(),a={type:"decorator",decorator:s,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:(n[0]-e.left-t.x)/t.k,y:(n[1]-e.top-t.y)/t.k,width:L.N8,height:L.w1,text:i,direction:l}};return null===(o=(0,c.A)(va,this).current)||void 0===o||o.dropDecorator(a),a}return null}async addNodes(e){if(0===e.length)return[];const t=e.map((e=>{let{size:t,useBrick:a,id:n,data:s}=e;return{type:"node",id:n,data:s,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)(va,this).current.addNodes(t,{defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight})}async addEdge(e){var t;let{source:a,target:n,data:s}=e;const i={type:"edge",source:a,target:n,data:s};return null===(t=(0,c.A)(va,this).current)||void 0===t||t.addEdge(i),i}manuallyConnectNodes(e){return(0,c.A)(va,this).current.manuallyConnectNodes(e)}async updateCells(e,t){await(0,o.A)(Xt,this,ma).call(this);const{updated:a}=(0,c.A)(va,this).current.updateCells(e,{...t,defaultNodeSize:this.defaultNodeSize,canvasWidth:this.clientWidth,canvasHeight:this.clientHeight});return{updated:a}}disconnectedCallback(){super.disconnectedCallback(),kt(this,!1)}render(){return g().createElement(Mt,{host:this,ref:(0,c.A)(va,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)(qt,this),onSwitchActiveTarget:(0,c.A)(Jt,this),onCellMove:(0,c.A)(Gt,this),onCellsMove:(0,c.A)(ea,this),onCellResize:(0,c.A)(aa,this),onCellDelete:(0,c.A)(ia,this),onCellsDelete:(0,c.A)(oa,this),onCellContextMenu:(0,c.A)(da,this),onDecoratorTextChange:(0,c.A)(ha,this),onContainerContainerChange:(0,c.A)(ga,this),onScaleChange:(0,c.A)(Aa,this)})}}function ma(){return new Promise((e=>{const t=()=>{(0,c.A)(va,this).current?e():setTimeout(t,10)};t()}))}function ya(e,t){let{host:a,layout:n,layoutOptions:s,cells:i,defaultNodeSize:l,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:_,onActiveTargetChange:j,onSwitchActiveTarget:F,onCellMove:I,onCellResize:X,onCellDelete:q,onCellsMove:J,onCellsDelete:Q,onCellContextMenu:Z,onDecoratorTextChange:G,onScaleChange:V,onContainerContainerChange:ee}=e;const[{cells:te,layoutKey:ae},ne]=(0,u.useReducer)(k.d,i,(e=>({cells:(0,W.C)(e,{defaultNodeSize:l}),layoutKey:0}))),se=(0,u.useMemo)((()=>te.filter(x.N).length>=(d??L.pC)),[te,d]),ie=(0,u.useRef)(null),le=(0,u.useRef)(null),oe=(0,u.useRef)(null),[re,de]=(0,u.useState)([]),{grabbing:ce,transform:he,zoomer:ue,scaleRange:ge}=(0,R.f)({rootRef:ie,zoomable:A,scrollable:v,pannable:m,draggable:"grab"===b,ctrlDraggable:"grab"===O,scaleRange:Y,onSwitchActiveTarget:F});(0,u.useEffect)((()=>{V(he.k)}),[V,he.k]);const[pe,Ae]=(0,u.useState)(null),[ve,fe]=(0,u.useState)(null),{centered:me,setCentered:ye,getNextLayoutKey:we}=(0,D.g)({layout:n,layoutOptions:s,rootRef:ie,cells:te,zoomable:A,zoomer:ue,scaleRange:ge,layoutKey:ae,allowEdgeToArea:_,dispatch:ne});(0,u.useImperativeHandle)(t,(()=>({dropNode(e){"dagre"!==n&&"force"!==n&&ye(!0),ne({type:"drop-node",payload:e})},dropDecorator(e){"dagre"!==n&&"force"!==n&&ye(!0),ne({type:"drop-decorator",payload:e})},addNodes(e,t){let{defaultNodeSize:a,canvasWidth:s,canvasHeight:i}=t;const l=te.findLastIndex((e=>!("decorator"===e.type&&"text"===e.decorator)))+1,o=[...te.slice(0,l),...e,...te.slice(l)],{cells:r,updated:d,shouldReCenter:c}=(0,T.L)({cells:o,layout:n,previousCells:te,defaultNodeSize:a,canvasWidth:s,canvasHeight:i,scaleRange:ge,transform:he,allowEdgeToArea:_});return c&&ye(!1),ne({type:"update-cells",payload:r}),d.filter((t=>e.includes(t)))},addEdge(e){ne({type:"add-edge",payload:e})},updateCells(e,t){const{shouldReCenter:a,...s}=(0,T.L)({...t,layout:n,previousCells:te,cells:e,scaleRange:ge,transform:he,allowEdgeToArea:_});return a&&ye(!1),ne({type:"update-cells",payload:s.cells}),s},getTransform:()=>he,manuallyConnectNodes(e){const t=te.find((t=>(_&&(0,x.o6)(t)||(0,x.N)(t))&&t.id===e));if(t){const e=ie.current.getBoundingClientRect();return fe({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)=>{oe.current={resolve:e,reject:t}}))}return Promise.reject(null)}})),[te,n,ge,ye,he,_]);const ke=(0,u.useCallback)(((e,t)=>{var a;for(let a=te.length-1;a>=0;a--){const s=te[a];if((_&&(0,x.o6)(s)||(0,x.N)(s))&&s.id!==e.source.id&&s.view.x<t[0]&&s.view.x+s.view.width>t[0]&&s.view.y<t[1]&&s.view.y+s.view.height>t[1]){var n;null===(n=oe.current)||void 0===n||n.resolve({source:e.source,target:s});break}}null===(a=oe.current)||void 0===a||a.reject(null),fe(null)}),[te]);(0,u.useEffect)((()=>{kt(a,!(!ve&&!pe))}),[ve,a,pe]);const Ce=(0,B.J)({cellsRef:le,activeTarget:h,onActiveTargetChange:j}),[xe,be]=(0,u.useState)([]);(0,u.useEffect)((()=>{const e=p?(0,z.Y)(te,ve,Ce,_):[];be((t=>0===t.length&&0===e.length?t:e))}),[Ce,te,ve,p,_]),(0,u.useEffect)((()=>{const e=ie.current;if(!e||re.length>0)return;const t=e=>{const t=(0,E.a)(e,{cells:te,activeTarget:Ce});"delete-cells"===(null==t?void 0:t.action)&&(Q(t.cells),1===t.cells.length&&q(t.cells[0]))};return e.addEventListener("keydown",t),()=>{e.removeEventListener("keydown",t)}}),[Ce,te,re.length,q,Q]);const Ee=`${(0,u.useMemo)((()=>`${(0,f.uniqueId)("diagram-")}-`),[])}line-arrow-`,Me=(0,u.useCallback)((e=>{ne({type:"move-cells",payload:e})}),[]),Ne=(0,u.useCallback)((e=>{ne({type:"move-cells",payload:e}),J(e),1===e.length&&I(e[0]),(0,U.N)(e,te,ee)}),[I,J,te,ee]),We=(0,u.useCallback)((e=>{ne({type:"resize-cell",payload:e})}),[]),Te=(0,u.useCallback)((e=>{ne({type:"resize-cell",payload:e}),X(e)}),[X]),ze=(0,u.useCallback)((e=>{let{id:t,editing:a}=e;de(a?e=>e.includes(t)?e:[...e,t]:e=>e.filter((e=>e!==t)))}),[]),Le=(0,u.useCallback)(((e,t)=>{const a=we();ne({type:"update-node-size",payload:{id:e,size:t},layoutKey:a})}),[we]),Re=(0,u.useCallback)((e=>{ue.scaleTo((0,w.A)(ie.current),e/100)}),[ue]),Be=(0,u.useCallback)((()=>{ye(!1)}),[ye]),[Se,De]=(0,$.d)({cells:te,defaultEdgeLines:r,markerPrefix:Ee}),Pe=(0,P.H)({cells:te,layout:n,centered:me});return(0,u.useEffect)((()=>{const e=ie.current;if(!e||"lasso"!==b)return;const t=e.getBoundingClientRect(),a=e=>{(0,H.F)(e,{transform:he,offset:[t.left,t.top],onLassoing(e){Ae(e)},onLassoed(e){Ae(null);const t=[];for(const a of te)if((0,x.o6)(a)||(0,x.Hs)(a)){const n=a.view.x,s=a.view.y;n>=e.x&&n+a.view.width<=e.x+e.width&&s>=e.y&&s+a.view.height<=e.y+e.height&&t.push(a)}null==F||F(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)}}),[he,te,b,F]),g().createElement(g().Fragment,null,g().createElement("svg",{width:"100%",height:"100%",ref:ie,className:y()("root",{grabbing:ce,pannable:m,ready:Pe}),tabIndex:-1},g().createElement("defs",null,De.map(((e,t)=>g().createElement(C.c,{key:t,id:`${Ee}${t}`,type:"arrow",strokeColor:e.strokeColor})))),g().createElement("g",{transform:`translate(${he.x} ${he.y}) scale(${he.k})`},g().createElement("g",{className:y()("cells",{allowEdgeToArea:_}),ref:le},te.map((e=>g().createElement(M.m,{key:`${e.type}:${(0,x.WW)(e)?`${e.source}~${e.target}`:e.id}`,layout:n,cell:e,cells:te,degraded:se,degradedNodeLabel:c,defaultNodeBricks:o,transform:he,lineConfMap:Se,activeTarget:Ce,unrelatedCells:xe,onCellsMoving:Me,onCellsMoved:Ne,onCellResizing:We,onCellResized:Te,onSwitchActiveTarget:F,onCellContextMenu:Z,onDecoratorTextChange:G,onDecoratorTextEditing:ze,onNodeBrickResize:Le})))),g().createElement(N.w,{connectLineState:ve,transform:he,markerEnd:`${Ee}0`,onConnect:ke}),pe&&g().createElement("rect",{x:pe.x,y:pe.y,width:pe.width,height:pe.height,fill:"var(--palette-gray-5)",fillOpacity:.3,stroke:"var(--palette-gray-5)",strokeDasharray:2}))),g().createElement(S.Y,{shadowRoot:a.shadowRoot,scale:he.k,scaleRange:ge,onZoomChange:Re,onReCenter:Be}))}n=fa,({e:[F,I,X,q,J,Q,Z,G,V,ee,te,ae,ne,se,ie,le,oe,re,de,ce,he,ue,ge,pe,Ae,ve,fe,me,ye,we,ke,Ce,xe,be,Ee,Me,Ne,We,Te,ze,Le,Re,Be,Se,De,Pe,$e,He,Oe,Ye,Ke,Ue,_e,je,Fe,Ie,Xe,qe,Je,Qe,Ze,Ge,Ve,et,tt,at,nt,st,it,lt,ot,rt,dt,ct,ht,ut,gt,pt,At,vt,ft,mt,yt,wt,_],c:[Nt,j]}=(0,h.A)(n,[Ct("eo-draw-canvas",{styleTexts:[O.A,Y.A]})],[[xt({attribute:!1}),1,"cells"],[xt({type:String}),1,"layout"],[xt({attribute:!1}),1,"layoutOptions"],[xt({attribute:!1}),1,"defaultNodeSize"],[xt({attribute:!1}),1,"defaultNodeBricks"],[xt({type:Number}),1,"degradedThreshold"],[xt({attribute:!1}),1,"degradedNodeLabel"],[xt({attribute:!1}),1,"defaultEdgeLines"],[xt({attribute:!1}),1,"activeTarget"],[xt({type:Boolean}),1,"fadeUnrelatedCells"],[xt({type:Boolean}),1,"zoomable"],[xt({type:Boolean}),1,"scrollable"],[xt({type:Boolean}),1,"pannable"],[xt({type:Boolean}),1,"selectable"],[xt({type:Boolean}),1,"allowEdgeToArea"],[xt(),1,"dragBehavior"],[xt(),1,"ctrlDragBehavior"],[xt({attribute:!1}),1,"scaleRange"],[Et({type:"activeTarget.change"}),1,"activeTargetChangeEvent",e=>(0,c.A)(It,e),(e,t)=>(0,d.A)(It,e,t)],[Et({type:"node.move"}),1,"nodeMoveEvent",e=>(0,c.A)(Qt,e),(e,t)=>(0,d.A)(Qt,e,t)],[Et({type:"cell.move"}),1,"cellMoveEvent",e=>(0,c.A)(Zt,e),(e,t)=>(0,d.A)(Zt,e,t)],[Et({type:"cells.move"}),1,"cellsMoveEvent",e=>(0,c.A)(Vt,e),(e,t)=>(0,d.A)(Vt,e,t)],[Et({type:"cell.resize"}),1,"cellResizeEvent",e=>(0,c.A)(ta,e),(e,t)=>(0,d.A)(ta,e,t)],[Et({type:"node.delete"}),1,"nodeDelete",e=>(0,c.A)(na,e),(e,t)=>(0,d.A)(na,e,t)],[Et({type:"cell.delete"}),1,"cellDelete",e=>(0,c.A)(sa,e),(e,t)=>(0,d.A)(sa,e,t)],[Et({type:"cells.delete"}),1,"cellsDelete",e=>(0,c.A)(la,e),(e,t)=>(0,d.A)(la,e,t)],[Et({type:"cell.contextmenu"}),1,"cellContextMenu",e=>(0,c.A)(ra,e),(e,t)=>(0,d.A)(ra,e,t)],[Et({type:"decorator.text.change"}),1,"decoratorTextChange",e=>(0,c.A)(ca,e),(e,t)=>(0,d.A)(ca,e,t)],[Et({type:"node.container.change"}),1,"containerContainerChange",e=>(0,c.A)(ua,e),(e,t)=>(0,d.A)(ua,e,t)],[Et({type:"scale.change"}),1,"scaleChange",e=>(0,c.A)(pa,e),(e,t)=>(0,d.A)(pa,e,t)],[bt(),2,"dropNode"],[bt(),2,"dropDecorator"],[bt(),2,"addNodes"],[bt(),2,"addEdge"],[bt(),2,"manuallyConnectNodes"],[bt(),2,"updateCells"]],0,(e=>va.has((0,l.A)(e))),A.ReactNextElement)),j()},5114:(e,t,a)=>{a.d(t,{a:()=>s});var n=a(4197);function s(e,t){let{cells:a,activeTarget:s}=t;const i=a.filter((e=>(0,n.Q)(e,s)));if(0!==i.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:i}}}},2219:(e,t,a)=>{function n(e,t){let{transform:a,offset:n,onLassoing:s,onLassoed:i}=t;if(e.ctrlKey||e.button)return;e.stopPropagation();const l=[e.clientX,e.clientY],o=(e.clientX-n[0]-a.x)/a.k,r=(e.clientY-n[1]-a.y)/a.k;let d=!1;const c=(e,t)=>{const n=function(e){return[(e.clientX-l[0])/a.k,(e.clientY-l[1])/a.k]}(e);if(d||(d=n[0]**2+n[1]**2>=9),d){let[e,a]=n,l=o,d=r;e<0&&(l=o+e,e=-e),a<0&&(d=r+a,a=-a),(t?i:s)({x:l,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:()=>n})},8560:(e,t,a)=>{a.d(t,{N:()=>s});var n=a(531);function s(e,t,a){const s=e.filter((e=>(0,n.N)(e))),i=t.filter((e=>(0,n.N)(e)));s.forEach((e=>{const a=e.x,s=e.x+e.width,i=e.y,l=e.y+e.height,o=t.filter((e=>(0,n.t2)(e)));for(const t of o){const n=t.view.x,o=t.view.x+t.view.width,r=t.view.y,d=t.view.y+t.view.height;if(a>=n&&s<=o&&i>=r&&l<=d){e.containerCell=t;break}}}));const l=s.filter((e=>{var t;const a=i.find((t=>t.id===e.id));return(null==a?void 0:a.containerId)!==(null===(t=e.containerCell)||void 0===t?void 0:t.id)}));l.length>0&&a(l)}}}]);
|
|
2
|
+
//# sourceMappingURL=eo-draw-canvas.7900bbfb.js.map
|