aldehyde 0.2.475 → 0.2.476
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/lib/draw-canvas-edit/components/asset-bar/index.d.ts.map +1 -0
- package/lib/{draw-canvas/edit → draw-canvas-edit}/components/asset-bar/index.js +1 -1
- package/lib/draw-canvas-edit/components/asset-bar/index.js.map +1 -0
- package/lib/draw-canvas-edit/components/main-header/index.d.ts.map +1 -0
- package/lib/{draw-canvas/edit → draw-canvas-edit}/components/main-header/index.js +2 -2
- package/lib/draw-canvas-edit/components/main-header/index.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/draws/bg-draw.d.ts +26 -0
- package/lib/draw-canvas-edit/components/render/draws/bg-draw.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/draws/bg-draw.js +135 -0
- package/lib/draw-canvas-edit/components/render/draws/bg-draw.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/draws/contextmenu-draw.d.ts +26 -0
- package/lib/draw-canvas-edit/components/render/draws/contextmenu-draw.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/draws/contextmenu-draw.js +293 -0
- package/lib/draw-canvas-edit/components/render/draws/contextmenu-draw.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/draws/graph-draw.d.ts +30 -0
- package/lib/draw-canvas-edit/components/render/draws/graph-draw.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/draws/graph-draw.js +182 -0
- package/lib/draw-canvas-edit/components/render/draws/graph-draw.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/draws/index.d.ts +8 -0
- package/lib/draw-canvas-edit/components/render/draws/index.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/draws/index.js +8 -0
- package/lib/draw-canvas-edit/components/render/draws/index.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/draws/link-draw.d.ts +42 -0
- package/lib/draw-canvas-edit/components/render/draws/link-draw.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/draws/link-draw.js +1376 -0
- package/lib/draw-canvas-edit/components/render/draws/link-draw.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/draws/preview-draw.d.ts +15 -0
- package/lib/draw-canvas-edit/components/render/draws/preview-draw.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/draws/preview-draw.js +245 -0
- package/lib/draw-canvas-edit/components/render/draws/preview-draw.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/draws/ref-line-draw.d.ts +18 -0
- package/lib/draw-canvas-edit/components/render/draws/ref-line-draw.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/draws/ref-line-draw.js +59 -0
- package/lib/draw-canvas-edit/components/render/draws/ref-line-draw.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/draws/ruler-draw.d.ts +12 -0
- package/lib/draw-canvas-edit/components/render/draws/ruler-draw.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/draws/ruler-draw.js +151 -0
- package/lib/draw-canvas-edit/components/render/draws/ruler-draw.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/graphs/base-graph.d.ts +112 -0
- package/lib/draw-canvas-edit/components/render/graphs/base-graph.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/graphs/base-graph.js +199 -0
- package/lib/draw-canvas-edit/components/render/graphs/base-graph.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/graphs/bezier.d.ts +80 -0
- package/lib/draw-canvas-edit/components/render/graphs/bezier.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/graphs/bezier.js +485 -0
- package/lib/draw-canvas-edit/components/render/graphs/bezier.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/graphs/circle.d.ts +48 -0
- package/lib/draw-canvas-edit/components/render/graphs/circle.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/graphs/circle.js +735 -0
- package/lib/draw-canvas-edit/components/render/graphs/circle.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/graphs/curve.d.ts +80 -0
- package/lib/draw-canvas-edit/components/render/graphs/curve.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/graphs/curve.js +451 -0
- package/lib/draw-canvas-edit/components/render/graphs/curve.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/graphs/index.d.ts +7 -0
- package/lib/draw-canvas-edit/components/render/graphs/index.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/graphs/index.js +7 -0
- package/lib/draw-canvas-edit/components/render/graphs/index.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/graphs/line.d.ts +80 -0
- package/lib/draw-canvas-edit/components/render/graphs/line.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/graphs/line.js +444 -0
- package/lib/draw-canvas-edit/components/render/graphs/line.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/graphs/rect.d.ts +48 -0
- package/lib/draw-canvas-edit/components/render/graphs/rect.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/graphs/rect.js +716 -0
- package/lib/draw-canvas-edit/components/render/graphs/rect.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/drag-handlers.d.ts +25 -0
- package/lib/draw-canvas-edit/components/render/handlers/drag-handlers.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/drag-handlers.js +67 -0
- package/lib/draw-canvas-edit/components/render/handlers/drag-handlers.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/drag-outside-handlers.d.ts +15 -0
- package/lib/draw-canvas-edit/components/render/handlers/drag-outside-handlers.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/drag-outside-handlers.js +146 -0
- package/lib/draw-canvas-edit/components/render/handlers/drag-outside-handlers.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/graph-handlers.d.ts +28 -0
- package/lib/draw-canvas-edit/components/render/handlers/graph-handlers.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/graph-handlers.js +97 -0
- package/lib/draw-canvas-edit/components/render/handlers/graph-handlers.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/index.d.ts +10 -0
- package/lib/draw-canvas-edit/components/render/handlers/index.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/index.js +10 -0
- package/lib/draw-canvas-edit/components/render/handlers/index.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/key-move-handlers.d.ts +18 -0
- package/lib/draw-canvas-edit/components/render/handlers/key-move-handlers.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/key-move-handlers.js +51 -0
- package/lib/draw-canvas-edit/components/render/handlers/key-move-handlers.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/link-handlers.d.ts +14 -0
- package/lib/draw-canvas-edit/components/render/handlers/link-handlers.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/link-handlers.js +42 -0
- package/lib/draw-canvas-edit/components/render/handlers/link-handlers.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/selection-handlers.d.ts +62 -0
- package/lib/draw-canvas-edit/components/render/handlers/selection-handlers.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/selection-handlers.js +396 -0
- package/lib/draw-canvas-edit/components/render/handlers/selection-handlers.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/shutcut-handlers.d.ts +13 -0
- package/lib/draw-canvas-edit/components/render/handlers/shutcut-handlers.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/shutcut-handlers.js +50 -0
- package/lib/draw-canvas-edit/components/render/handlers/shutcut-handlers.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/text-handlers.d.ts +24 -0
- package/lib/draw-canvas-edit/components/render/handlers/text-handlers.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/text-handlers.js +82 -0
- package/lib/draw-canvas-edit/components/render/handlers/text-handlers.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/zoom-handlers.d.ts +17 -0
- package/lib/draw-canvas-edit/components/render/handlers/zoom-handlers.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/handlers/zoom-handlers.js +55 -0
- package/lib/draw-canvas-edit/components/render/handlers/zoom-handlers.js.map +1 -0
- package/lib/{draw-canvas/edit → draw-canvas-edit}/components/render/index.d.ts +7 -1
- package/lib/draw-canvas-edit/components/render/index.d.ts.map +1 -0
- package/lib/{draw-canvas/edit → draw-canvas-edit}/components/render/index.js +22 -0
- package/lib/draw-canvas-edit/components/render/index.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/align-tool.d.ts +19 -0
- package/lib/draw-canvas-edit/components/render/tools/align-tool.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/align-tool.js +84 -0
- package/lib/draw-canvas-edit/components/render/tools/align-tool.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/asset-tool.d.ts +12 -0
- package/lib/draw-canvas-edit/components/render/tools/asset-tool.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/asset-tool.js +152 -0
- package/lib/draw-canvas-edit/components/render/tools/asset-tool.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/attract-tool.d.ts +36 -0
- package/lib/draw-canvas-edit/components/render/tools/attract-tool.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/attract-tool.js +419 -0
- package/lib/draw-canvas-edit/components/render/tools/attract-tool.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/copy-tool.d.ts +20 -0
- package/lib/draw-canvas-edit/components/render/tools/copy-tool.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/copy-tool.js +237 -0
- package/lib/draw-canvas-edit/components/render/tools/copy-tool.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/import-export-tool.d.ts +43 -0
- package/lib/draw-canvas-edit/components/render/tools/import-export-tool.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/import-export-tool.js +559 -0
- package/lib/draw-canvas-edit/components/render/tools/import-export-tool.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/index.d.ts +10 -0
- package/lib/draw-canvas-edit/components/render/tools/index.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/index.js +10 -0
- package/lib/draw-canvas-edit/components/render/tools/index.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/link-tool.d.ts +15 -0
- package/lib/draw-canvas-edit/components/render/tools/link-tool.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/link-tool.js +202 -0
- package/lib/draw-canvas-edit/components/render/tools/link-tool.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/position-tool.d.ts +11 -0
- package/lib/draw-canvas-edit/components/render/tools/position-tool.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/position-tool.js +183 -0
- package/lib/draw-canvas-edit/components/render/tools/position-tool.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/selection-tool.d.ts +13 -0
- package/lib/draw-canvas-edit/components/render/tools/selection-tool.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/selection-tool.js +116 -0
- package/lib/draw-canvas-edit/components/render/tools/selection-tool.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/z-index-tool.d.ts +18 -0
- package/lib/draw-canvas-edit/components/render/tools/z-index-tool.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/tools/z-index-tool.js +203 -0
- package/lib/draw-canvas-edit/components/render/tools/z-index-tool.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/types.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/types.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/utils/a-star.d.ts +13 -0
- package/lib/draw-canvas-edit/components/render/utils/a-star.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/utils/a-star.js +101 -0
- package/lib/draw-canvas-edit/components/render/utils/a-star.js.map +1 -0
- package/lib/draw-canvas-edit/components/render/utils/bezier-scene-func.d.ts +3 -0
- package/lib/draw-canvas-edit/components/render/utils/bezier-scene-func.d.ts.map +1 -0
- package/lib/draw-canvas-edit/components/render/utils/bezier-scene-func.js +69 -0
- package/lib/draw-canvas-edit/components/render/utils/bezier-scene-func.js.map +1 -0
- package/lib/draw-canvas-edit/components/setting-form/imag-upload.d.ts.map +1 -0
- package/lib/{draw-canvas/edit → draw-canvas-edit}/components/setting-form/imag-upload.js +2 -2
- package/lib/draw-canvas-edit/components/setting-form/imag-upload.js.map +1 -0
- package/lib/draw-canvas-edit/components/setting-form/index.d.ts.map +1 -0
- package/lib/{draw-canvas/edit → draw-canvas-edit}/components/setting-form/index.js +7 -8
- package/lib/draw-canvas-edit/components/setting-form/index.js.map +1 -0
- package/lib/draw-canvas-edit/constant.d.ts.map +1 -0
- package/lib/draw-canvas-edit/constant.js.map +1 -0
- package/lib/draw-canvas-edit/index.d.ts.map +1 -0
- package/lib/{draw-canvas/edit → draw-canvas-edit}/index.js +1 -1
- package/lib/draw-canvas-edit/index.js.map +1 -0
- package/lib/draw-canvas-view/index.d.ts.map +1 -0
- package/lib/{draw-canvas/view → draw-canvas-view}/index.js +1 -1
- package/lib/draw-canvas-view/index.js.map +1 -0
- package/lib/{draw-canvas/view → draw-canvas-view}/view.d.ts +4 -1
- package/lib/draw-canvas-view/view.d.ts.map +1 -0
- package/lib/draw-canvas-view/view.js +208 -0
- package/lib/draw-canvas-view/view.js.map +1 -0
- package/lib/routable/ltmpl-route.js +2 -2
- package/package.json +1 -1
- package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/asset-bar/index.tsx +1 -1
- package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/main-header/index.tsx +2 -2
- package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/index.ts +24 -0
- package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/setting-form/imag-upload.tsx +2 -2
- package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/setting-form/index.tsx +8 -9
- package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/index.tsx +1 -1
- package/src/aldehyde/{draw-canvas/view → draw-canvas-view}/index.tsx +1 -1
- package/src/aldehyde/draw-canvas-view/view.tsx +212 -0
- package/src/aldehyde/routable/ltmpl-route.tsx +2 -2
- package/lib/draw-canvas/edit/components/asset-bar/index.d.ts.map +0 -1
- package/lib/draw-canvas/edit/components/asset-bar/index.js.map +0 -1
- package/lib/draw-canvas/edit/components/main-header/index.d.ts.map +0 -1
- package/lib/draw-canvas/edit/components/main-header/index.js.map +0 -1
- package/lib/draw-canvas/edit/components/render/index.d.ts.map +0 -1
- package/lib/draw-canvas/edit/components/render/index.js.map +0 -1
- package/lib/draw-canvas/edit/components/render/types.d.ts.map +0 -1
- package/lib/draw-canvas/edit/components/render/types.js.map +0 -1
- package/lib/draw-canvas/edit/components/setting-form/imag-upload.d.ts.map +0 -1
- package/lib/draw-canvas/edit/components/setting-form/imag-upload.js.map +0 -1
- package/lib/draw-canvas/edit/components/setting-form/index.d.ts.map +0 -1
- package/lib/draw-canvas/edit/components/setting-form/index.js.map +0 -1
- package/lib/draw-canvas/edit/constant.d.ts.map +0 -1
- package/lib/draw-canvas/edit/constant.js.map +0 -1
- package/lib/draw-canvas/edit/index.d.ts.map +0 -1
- package/lib/draw-canvas/edit/index.js.map +0 -1
- package/lib/draw-canvas/view/index.d.ts.map +0 -1
- package/lib/draw-canvas/view/index.js.map +0 -1
- package/lib/draw-canvas/view/view.d.ts.map +0 -1
- package/lib/draw-canvas/view/view.js +0 -104
- package/lib/draw-canvas/view/view.js.map +0 -1
- package/src/aldehyde/draw-canvas/view/view.tsx +0 -114
- /package/lib/{draw-canvas/edit → draw-canvas-edit}/components/asset-bar/index.d.ts +0 -0
- /package/lib/{draw-canvas/edit → draw-canvas-edit}/components/asset-bar/index.less +0 -0
- /package/lib/{draw-canvas/edit → draw-canvas-edit}/components/main-header/index.d.ts +0 -0
- /package/lib/{draw-canvas/edit → draw-canvas-edit}/components/main-header/index.less +0 -0
- /package/lib/{draw-canvas/edit → draw-canvas-edit}/components/render/types.d.ts +0 -0
- /package/lib/{draw-canvas/edit → draw-canvas-edit}/components/render/types.js +0 -0
- /package/lib/{draw-canvas/edit → draw-canvas-edit}/components/setting-form/imag-upload.d.ts +0 -0
- /package/lib/{draw-canvas/edit → draw-canvas-edit}/components/setting-form/index.d.ts +0 -0
- /package/lib/{draw-canvas/edit → draw-canvas-edit}/constant.d.ts +0 -0
- /package/lib/{draw-canvas/edit → draw-canvas-edit}/constant.js +0 -0
- /package/lib/{draw-canvas/edit → draw-canvas-edit}/index.d.ts +0 -0
- /package/lib/{draw-canvas/edit → draw-canvas-edit}/index.less +0 -0
- /package/lib/{draw-canvas/view → draw-canvas-view}/index.d.ts +0 -0
- /package/lib/{draw-canvas/view → draw-canvas-view}/index.less +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/asset-bar/index.less +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/main-header/index.less +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/draws/bg-draw.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/draws/contextmenu-draw.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/draws/graph-draw.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/draws/index.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/draws/link-draw.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/draws/preview-draw.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/draws/ref-line-draw.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/draws/ruler-draw.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/graphs/base-graph.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/graphs/bezier.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/graphs/circle.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/graphs/curve.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/graphs/index.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/graphs/line.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/graphs/rect.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/handlers/drag-handlers.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/handlers/drag-outside-handlers.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/handlers/graph-handlers.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/handlers/index.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/handlers/key-move-handlers.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/handlers/link-handlers.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/handlers/selection-handlers.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/handlers/shutcut-handlers.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/handlers/text-handlers.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/handlers/zoom-handlers.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/tools/align-tool.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/tools/asset-tool.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/tools/attract-tool.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/tools/copy-tool.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/tools/import-export-tool.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/tools/index.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/tools/link-tool.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/tools/position-tool.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/tools/selection-tool.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/tools/z-index-tool.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/types.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/utils/a-star.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/render/utils/bezier-scene-func.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/constant.ts +0 -0
- /package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/index.less +0 -0
- /package/src/aldehyde/{draw-canvas/view → draw-canvas-view}/index.less +0 -0
|
@@ -4,7 +4,10 @@ interface ViewerProps {
|
|
|
4
4
|
data?: string;
|
|
5
5
|
width?: number | string;
|
|
6
6
|
height?: number | string;
|
|
7
|
+
initSearchParams?: {
|
|
8
|
+
[key: string]: any;
|
|
9
|
+
};
|
|
7
10
|
}
|
|
8
|
-
declare const Index: React.
|
|
11
|
+
declare const Index: (props: ViewerProps) => React.JSX.Element;
|
|
9
12
|
export default Index;
|
|
10
13
|
//# sourceMappingURL=view.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../../../../src/aldehyde/draw-canvas-view/view.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAQ9D,OAAO,cAAc,CAAC;AAKtB,UAAU,WAAW;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB,gBAAgB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,CAAC;CAC3C;AAED,QAAA,MAAM,KAAK,GAAI,OAAO,WAAW,sBA4LhC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,208 @@
|
|
|
1
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
+
});
|
|
9
|
+
};
|
|
10
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
11
|
+
var t = {};
|
|
12
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
13
|
+
t[p] = s[p];
|
|
14
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
15
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
16
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
17
|
+
t[p[i]] = s[p[i]];
|
|
18
|
+
}
|
|
19
|
+
return t;
|
|
20
|
+
};
|
|
21
|
+
import React, { useEffect, useRef, useCallback } from 'react';
|
|
22
|
+
import { Space, Button } from "antd";
|
|
23
|
+
import { ExpandOutlined } from '@ant-design/icons';
|
|
24
|
+
import chunk from "lodash/chunk";
|
|
25
|
+
import HcserviceV3 from "../tmpl/hcservice-v3";
|
|
26
|
+
import WebSocket from "../tmpl/web-socket";
|
|
27
|
+
import { Render } from '../draw-canvas-edit/components/render';
|
|
28
|
+
import './index.less';
|
|
29
|
+
const Index = (props) => {
|
|
30
|
+
const { data, width = '100%', height = '100%', initSearchParams } = props;
|
|
31
|
+
const boardRef = useRef(null);
|
|
32
|
+
const stageRef = useRef(null);
|
|
33
|
+
const renderRef = useRef(null);
|
|
34
|
+
const observerRef = useRef(null);
|
|
35
|
+
const wsRef = useRef(undefined); // 实时数据websocket连接
|
|
36
|
+
const subscribeRef = useRef(undefined); // 实时数据订阅
|
|
37
|
+
// 初始化渲染器(只读模式)
|
|
38
|
+
const initRender = useCallback((width, height) => {
|
|
39
|
+
if (renderRef.current || !stageRef.current)
|
|
40
|
+
return;
|
|
41
|
+
const render = new Render(stageRef.current, {
|
|
42
|
+
width,
|
|
43
|
+
height,
|
|
44
|
+
showRuler: false, // 不需要标尺
|
|
45
|
+
showRefLine: false, // 不需要参考线
|
|
46
|
+
showPreview: false, // 不需要预览框
|
|
47
|
+
showContextmenu: false, // 不需要右键菜单
|
|
48
|
+
showBg: true,
|
|
49
|
+
readonly: true // ★ 只读模式
|
|
50
|
+
});
|
|
51
|
+
renderRef.current = render;
|
|
52
|
+
// 如果有数据,恢复画布
|
|
53
|
+
if (data) {
|
|
54
|
+
loadData(render, data);
|
|
55
|
+
}
|
|
56
|
+
}, [data]);
|
|
57
|
+
// 更新组件数据->更新画面
|
|
58
|
+
const updateAssetSettings = (id, settings) => {
|
|
59
|
+
if (!renderRef.current || !id || !settings)
|
|
60
|
+
return;
|
|
61
|
+
renderRef.current.updateAssetById(id, settings);
|
|
62
|
+
};
|
|
63
|
+
// all(所有数据源组件)、init(初始化请求组件)
|
|
64
|
+
const handleDataSourceParams = (nodes) => {
|
|
65
|
+
// publicParams 组件公共参数
|
|
66
|
+
const publicParams = Object.keys(initSearchParams || {}).reduce((total, next) => {
|
|
67
|
+
if (!nodes.find(node => node.id === next)) {
|
|
68
|
+
total[next] = initSearchParams[next];
|
|
69
|
+
}
|
|
70
|
+
return total;
|
|
71
|
+
}, {});
|
|
72
|
+
const dataSourceConfigs = nodes.reduce((total, next) => {
|
|
73
|
+
const settings = next.settings || {};
|
|
74
|
+
const temParams = Object.assign(Object.assign({}, publicParams), ((initSearchParams === null || initSearchParams === void 0 ? void 0 : initSearchParams[next.id]) || {})); // 指定组件传参,指定传参可覆盖公共
|
|
75
|
+
if (settings.isInitParams) { // 组件数据源接收外部参数,更新参数
|
|
76
|
+
}
|
|
77
|
+
if (settings.dataSource) { // 整合初始化请求/ws请求参数
|
|
78
|
+
const itemConfig = Object.assign({ sourceId: settings.dataSource, nodeId: next.id }, (settings.isInitParams ? temParams : {}));
|
|
79
|
+
if (settings.isInit) { // 初始化请求
|
|
80
|
+
total.initDataSource.push(itemConfig);
|
|
81
|
+
}
|
|
82
|
+
total.allDataSource.push(itemConfig);
|
|
83
|
+
}
|
|
84
|
+
return total;
|
|
85
|
+
}, { allDataSource: [], initDataSource: [] });
|
|
86
|
+
return dataSourceConfigs;
|
|
87
|
+
};
|
|
88
|
+
// 获取初始化组件数据
|
|
89
|
+
const getInitComponentData = (dataSourceConfigs) => __awaiter(void 0, void 0, void 0, function* () {
|
|
90
|
+
if (!dataSourceConfigs.length)
|
|
91
|
+
return;
|
|
92
|
+
const temSourceConfigs = chunk(dataSourceConfigs, 10); // 每批处理10个组件数据
|
|
93
|
+
temSourceConfigs.forEach(i => {
|
|
94
|
+
HcserviceV3.requestCharMultitData(null, JSON.stringify(i)).then(rs => {
|
|
95
|
+
const _a = rs || {}, { status } = _a, data = __rest(_a, ["status"]);
|
|
96
|
+
if (status === "success") {
|
|
97
|
+
for (const item in data) { // 更新组件数据
|
|
98
|
+
// updateAssetSettings(item, { data: data[item] || {} };
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
});
|
|
103
|
+
});
|
|
104
|
+
// 获取当前画面数据源配置
|
|
105
|
+
const getCharWSConfig = (dataSourceConfigs) => __awaiter(void 0, void 0, void 0, function* () {
|
|
106
|
+
if (!dataSourceConfigs.length)
|
|
107
|
+
return;
|
|
108
|
+
const sourceIds = dataSourceConfigs.map(r => r.sourceId);
|
|
109
|
+
const res = yield HcserviceV3.requestCharWSConfig(null, sourceIds);
|
|
110
|
+
const wsSourceIds = Object.keys((res === null || res === void 0 ? void 0 : res.config) || {});
|
|
111
|
+
if (!(wsSourceIds === null || wsSourceIds === void 0 ? void 0 : wsSourceIds.length)) {
|
|
112
|
+
return;
|
|
113
|
+
}
|
|
114
|
+
return dataSourceConfigs.filter(r => wsSourceIds.includes(r.sourceId));
|
|
115
|
+
});
|
|
116
|
+
// 实时订阅组件数据
|
|
117
|
+
const webSocketComponentData = (dataSourceConfigs) => __awaiter(void 0, void 0, void 0, function* () {
|
|
118
|
+
if (subscribeRef.current) {
|
|
119
|
+
subscribeRef.current.unsubscribe();
|
|
120
|
+
}
|
|
121
|
+
const temArr = yield getCharWSConfig(dataSourceConfigs);
|
|
122
|
+
if (!(temArr === null || temArr === void 0 ? void 0 : temArr.length)) {
|
|
123
|
+
return;
|
|
124
|
+
}
|
|
125
|
+
wsRef.current = WebSocket.getInstance("v3/kk-ws");
|
|
126
|
+
// 订阅数据
|
|
127
|
+
subscribeRef.current = yield wsRef.current.subscribe(``, { dataSourceConfigs: JSON.stringify(temArr) }, (data) => {
|
|
128
|
+
for (const item in data) { // 更新组件数据
|
|
129
|
+
// updateAssetSettings(item, { data: data[item] || {} };
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
});
|
|
133
|
+
// 获取所有组件-更新数据
|
|
134
|
+
const onAssetsLoaded = () => {
|
|
135
|
+
if (!renderRef.current)
|
|
136
|
+
return;
|
|
137
|
+
const assets = renderRef.current.getAllAssets();
|
|
138
|
+
if (!(assets === null || assets === void 0 ? void 0 : assets.length))
|
|
139
|
+
return;
|
|
140
|
+
const { allDataSource, initDataSource } = handleDataSourceParams(assets);
|
|
141
|
+
getInitComponentData(initDataSource); // 初始化请求
|
|
142
|
+
webSocketComponentData(allDataSource); // ws订阅数据
|
|
143
|
+
};
|
|
144
|
+
// 加载画布数据
|
|
145
|
+
const loadData = useCallback((render, jsonData) => __awaiter(void 0, void 0, void 0, function* () {
|
|
146
|
+
try {
|
|
147
|
+
yield render.importExportTool.restore(jsonData);
|
|
148
|
+
// 数据加载完成后自适应居中
|
|
149
|
+
render.positionTool.positionFit();
|
|
150
|
+
onAssetsLoaded();
|
|
151
|
+
}
|
|
152
|
+
catch (e) {
|
|
153
|
+
console.error('Failed to load canvas data:', e);
|
|
154
|
+
}
|
|
155
|
+
}), []);
|
|
156
|
+
// 监听容器尺寸变化
|
|
157
|
+
useEffect(() => {
|
|
158
|
+
if (!boardRef.current)
|
|
159
|
+
return;
|
|
160
|
+
const observer = new ResizeObserver(() => {
|
|
161
|
+
const { width, height } = boardRef.current.getBoundingClientRect();
|
|
162
|
+
if (renderRef.current) {
|
|
163
|
+
renderRef.current.resize(width, height); // 更新尺寸
|
|
164
|
+
renderRef.current.positionTool.positionFit(); // 自适应居中
|
|
165
|
+
}
|
|
166
|
+
else {
|
|
167
|
+
initRender(width, height);
|
|
168
|
+
}
|
|
169
|
+
});
|
|
170
|
+
observer.observe(boardRef.current);
|
|
171
|
+
observerRef.current = observer;
|
|
172
|
+
return () => {
|
|
173
|
+
observer.disconnect();
|
|
174
|
+
};
|
|
175
|
+
}, []);
|
|
176
|
+
// 当外部 data 更新时,重新加载
|
|
177
|
+
useEffect(() => {
|
|
178
|
+
if (renderRef.current && data) {
|
|
179
|
+
loadData(renderRef.current, data);
|
|
180
|
+
}
|
|
181
|
+
}, [data, loadData]);
|
|
182
|
+
const handleFit = useCallback(() => {
|
|
183
|
+
if (!renderRef.current)
|
|
184
|
+
return;
|
|
185
|
+
renderRef.current.positionTool.positionFit();
|
|
186
|
+
}, []);
|
|
187
|
+
// 清理
|
|
188
|
+
useEffect(() => {
|
|
189
|
+
return () => {
|
|
190
|
+
if (renderRef.current) {
|
|
191
|
+
renderRef.current.stage.destroy();
|
|
192
|
+
renderRef.current = null;
|
|
193
|
+
}
|
|
194
|
+
if (observerRef.current) {
|
|
195
|
+
observerRef.current.disconnect();
|
|
196
|
+
observerRef.current = null;
|
|
197
|
+
}
|
|
198
|
+
};
|
|
199
|
+
}, []);
|
|
200
|
+
return (React.createElement("div", { className: "draw-viewer", style: { width, height } },
|
|
201
|
+
React.createElement("div", { className: "draw-viewer-toolbar" },
|
|
202
|
+
React.createElement(Space, null,
|
|
203
|
+
React.createElement(Button, { type: "text", className: 'fit', onClick: handleFit, icon: React.createElement(ExpandOutlined, null) }))),
|
|
204
|
+
React.createElement("div", { className: "draw-viewer-content", ref: boardRef },
|
|
205
|
+
React.createElement("div", { ref: stageRef }))));
|
|
206
|
+
};
|
|
207
|
+
export default Index;
|
|
208
|
+
//# sourceMappingURL=view.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"view.js","sourceRoot":"","sources":["../../../../src/aldehyde/draw-canvas-view/view.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,8 +20,8 @@ import DtmplCustomEditModalPage from "../custom-page/dtmpl-custom-edit-modal-pag
|
|
|
20
20
|
import CustomDetailModalPage from "../custom-page/custom-detail-modal-page";
|
|
21
21
|
import DtmplEditPage from "../module/dtmpl-edit-page";
|
|
22
22
|
import DtmplViewModal from "../module/dtmpl-view-modal";
|
|
23
|
-
import Edit2D from "../draw-canvas
|
|
24
|
-
import View2D from "../draw-canvas
|
|
23
|
+
import Edit2D from "../draw-canvas-edit"; // 编辑2D图
|
|
24
|
+
import View2D from "../draw-canvas-view"; // 查看2D图
|
|
25
25
|
class LtmplRoute extends React.PureComponent {
|
|
26
26
|
constructor() {
|
|
27
27
|
super(...arguments);
|
package/package.json
CHANGED
|
@@ -3,8 +3,8 @@ import { Dropdown, Modal, Space, Button, Divider, Tooltip } from 'antd';
|
|
|
3
3
|
import { ImportOutlined, ExportOutlined, SaveOutlined, QuestionCircleOutlined, MergeCellsOutlined, NumberOutlined } from '@ant-design/icons';
|
|
4
4
|
import { gzipSync, strToU8 } from 'fflate';
|
|
5
5
|
import { uint8ArrayToHex } from 'uint8array-extras';
|
|
6
|
-
import HcserviceV3 from "
|
|
7
|
-
import IconFont from "
|
|
6
|
+
import HcserviceV3 from "../../../tmpl/hcservice-v3";
|
|
7
|
+
import IconFont from "../../../icon/aliIcon";
|
|
8
8
|
import { Render } from '../render';
|
|
9
9
|
import { GraphType, LinkType, AlignType } from '../render/types';
|
|
10
10
|
import * as Draws from '../render/draws';
|
|
@@ -705,6 +705,30 @@ export class Render {
|
|
|
705
705
|
this.draws[PreviewDraw.name]?.draw();
|
|
706
706
|
}
|
|
707
707
|
|
|
708
|
+
// 获取画布上所有素材节点及其配置
|
|
709
|
+
getAllAssets(): Array<{ id: string; assetType: AssetType; settings: AssetSettings }> {
|
|
710
|
+
const nodes = this.layer.getChildren((node) => !this.ignore(node));
|
|
711
|
+
return nodes.map((node) => ({
|
|
712
|
+
id: node.id(),
|
|
713
|
+
assetType: node.attrs.assetType as AssetType,
|
|
714
|
+
settings: this.getAssetSettings(node)
|
|
715
|
+
}));
|
|
716
|
+
}
|
|
717
|
+
|
|
718
|
+
// 根据节点 id 动态更新组件属性
|
|
719
|
+
updateAssetById(id: string, settings: Partial<AssetSettings>) {
|
|
720
|
+
const node = this.layer.findOne(`#${id}`);
|
|
721
|
+
if (!node) {
|
|
722
|
+
console.warn(`[Render.updateAssetById] 未找到节点 id=${id}`);
|
|
723
|
+
return;
|
|
724
|
+
}
|
|
725
|
+
// 合并现有设置与新设置
|
|
726
|
+
const currentSettings = this.getAssetSettings(node);
|
|
727
|
+
const mergedSettings: AssetSettings = { ...currentSettings, ...settings };
|
|
728
|
+
// 调用现有方法应用
|
|
729
|
+
this.setAssetSettings(node, mergedSettings, false);
|
|
730
|
+
}
|
|
731
|
+
|
|
708
732
|
// 连接线设置 默认值
|
|
709
733
|
static LinkSettingsDefault: LinkSettings = {
|
|
710
734
|
stroke: '',
|
package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/setting-form/imag-upload.tsx
RENAMED
|
@@ -2,9 +2,9 @@ import React, { useEffect, useState } from "react";
|
|
|
2
2
|
import { Upload as AntdUpLoad, UploadFile, message } from "antd";
|
|
3
3
|
import { RcFile } from "antd/es/upload";
|
|
4
4
|
import { PlusOutlined } from "@ant-design/icons";
|
|
5
|
-
import { HydrocarbonService, Superagent, ProgramConfig } from "
|
|
5
|
+
import { HydrocarbonService, Superagent, ProgramConfig } from "../../../index";
|
|
6
6
|
import { fileUpload } from "../../constant";
|
|
7
|
-
import { useLocale } from "
|
|
7
|
+
import { useLocale } from "../../../locale/useLocale";
|
|
8
8
|
|
|
9
9
|
const { sourceId, serverKey } = fileUpload;
|
|
10
10
|
|
package/src/aldehyde/{draw-canvas/edit → draw-canvas-edit}/components/setting-form/index.tsx
RENAMED
|
@@ -1,20 +1,18 @@
|
|
|
1
1
|
import React, { useEffect, useMemo, useState } from 'react';
|
|
2
2
|
import { Form as AntdForm, Collapse, Row, Col } from "antd";
|
|
3
3
|
import _ from "lodash";
|
|
4
|
-
import FormItemGroup from "
|
|
5
|
-
import { FieldConfig } from "
|
|
4
|
+
import FormItemGroup from "../../../form/form-Item-group";
|
|
5
|
+
import { FieldConfig } from "../../../tmpl/interface";
|
|
6
6
|
import { PageSettings, AssetSettings, LinkSettings } from '../render/types';
|
|
7
7
|
import type Konva from 'konva';
|
|
8
|
-
import { ProgramConfig } from "
|
|
9
|
-
import { useLocale } from "
|
|
8
|
+
import { ProgramConfig } from "../../../index";
|
|
9
|
+
import { useLocale } from "../../../locale/useLocale";
|
|
10
10
|
import ImageUpload from "./imag-upload";
|
|
11
11
|
|
|
12
12
|
const FormItem = AntdForm.Item;
|
|
13
13
|
|
|
14
|
-
//
|
|
15
|
-
const baseSetting = [
|
|
16
|
-
{ title: "ID", id: "id", extControlType: "text", disabled: true, style: { width: "100%" } },
|
|
17
|
-
];
|
|
14
|
+
// ID配置
|
|
15
|
+
const baseSetting = [{ title: "ID", id: "id", extControlType: "text", disabled: true, style: { width: "100%" } }];
|
|
18
16
|
|
|
19
17
|
// 数据源配置
|
|
20
18
|
const defDataSourceSetting = { title: "数据源", id: "dataSource", extControlType: "select", options: [], style: { width: "100%" } };
|
|
@@ -211,6 +209,7 @@ const Index = (props: Props) => {
|
|
|
211
209
|
return temFormConfig;
|
|
212
210
|
}, [assetCurrent, linkCurrent]);
|
|
213
211
|
|
|
212
|
+
// 表单渲染
|
|
214
213
|
const fieldGroupList = () => {
|
|
215
214
|
const renderId = handleFormItemType(baseSetting, "vertical");
|
|
216
215
|
const items = currentFormConfig?.map((item, index) => ({
|
|
@@ -218,7 +217,7 @@ const Index = (props: Props) => {
|
|
|
218
217
|
label: item.title,
|
|
219
218
|
children: assetCurrent && item.title === "基本信息" ? [renderId, ...renderFormItem(item)] : renderFormItem(item)
|
|
220
219
|
}));
|
|
221
|
-
return <Collapse bordered={false} size="small" defaultActiveKey={[0, 1]} items={items} />;
|
|
220
|
+
return <Collapse styles={{ body: { padding: "0px 16px" } }} bordered={false} size="small" defaultActiveKey={[0, 1]} items={items} />;
|
|
222
221
|
};
|
|
223
222
|
|
|
224
223
|
// 更新数据
|
|
@@ -2,7 +2,7 @@ import React, { useEffect, useRef, useState, useCallback } from 'react';
|
|
|
2
2
|
import { gunzipSync, strFromU8 } from 'fflate';
|
|
3
3
|
import { Spin } from "antd";
|
|
4
4
|
import { hexToUint8Array } from 'uint8array-extras';
|
|
5
|
-
import HcserviceV3 from "
|
|
5
|
+
import HcserviceV3 from "../tmpl/hcservice-v3";
|
|
6
6
|
import { Render } from './components/render';
|
|
7
7
|
import { GraphType, PageSettings, AssetSettings, LinkSettings } from './components/render/types';
|
|
8
8
|
import MainHeader from './components/main-header';
|
|
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
|
|
|
2
2
|
import { gunzipSync, strFromU8 } from 'fflate';
|
|
3
3
|
import { Spin } from "antd";
|
|
4
4
|
import { hexToUint8Array } from 'uint8array-extras';
|
|
5
|
-
import HcserviceV3 from "
|
|
5
|
+
import HcserviceV3 from "../tmpl/hcservice-v3";
|
|
6
6
|
import Viewer from './view';
|
|
7
7
|
import './index.less';
|
|
8
8
|
|
|
@@ -0,0 +1,212 @@
|
|
|
1
|
+
import React, { useEffect, useRef, useCallback } from 'react';
|
|
2
|
+
import { Space, Button } from "antd";
|
|
3
|
+
import { ExpandOutlined } from '@ant-design/icons';
|
|
4
|
+
import chunk from "lodash/chunk";
|
|
5
|
+
import HcserviceV3 from "../tmpl/hcservice-v3";
|
|
6
|
+
import WebSocket from "../tmpl/web-socket";
|
|
7
|
+
import { AssetSettings } from '../draw-canvas-edit/components/render/types';
|
|
8
|
+
import { Render } from '../draw-canvas-edit/components/render';
|
|
9
|
+
import './index.less';
|
|
10
|
+
|
|
11
|
+
// nodeId组件ID
|
|
12
|
+
type DataSourceConfig = { sourceId: string, nodeId: string } & { [key: string]: any };
|
|
13
|
+
|
|
14
|
+
interface ViewerProps {
|
|
15
|
+
data?: string; // 画布 JSON 数据
|
|
16
|
+
width?: number | string;
|
|
17
|
+
height?: number | string;
|
|
18
|
+
// 组件数据源初始化查询参数;公共参数、指定组件参数:例:{公共参数key:value,指定组件Id(编辑页获取):{参数key:value}}
|
|
19
|
+
initSearchParams?: { [key: string]: any },
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
const Index = (props: ViewerProps) => {
|
|
23
|
+
const { data, width = '100%', height = '100%', initSearchParams } = props;
|
|
24
|
+
const boardRef = useRef<HTMLDivElement>(null);
|
|
25
|
+
const stageRef = useRef<HTMLDivElement>(null);
|
|
26
|
+
const renderRef = useRef<Render | null>(null);
|
|
27
|
+
const observerRef = useRef<ResizeObserver | null>(null);
|
|
28
|
+
const wsRef = useRef(undefined); // 实时数据websocket连接
|
|
29
|
+
const subscribeRef = useRef(undefined); // 实时数据订阅
|
|
30
|
+
|
|
31
|
+
// 初始化渲染器(只读模式)
|
|
32
|
+
const initRender = useCallback(
|
|
33
|
+
(width: number, height: number) => {
|
|
34
|
+
if (renderRef.current || !stageRef.current) return;
|
|
35
|
+
const render = new Render(stageRef.current, {
|
|
36
|
+
width,
|
|
37
|
+
height,
|
|
38
|
+
showRuler: false, // 不需要标尺
|
|
39
|
+
showRefLine: false, // 不需要参考线
|
|
40
|
+
showPreview: false, // 不需要预览框
|
|
41
|
+
showContextmenu: false, // 不需要右键菜单
|
|
42
|
+
showBg: true,
|
|
43
|
+
readonly: true // ★ 只读模式
|
|
44
|
+
});
|
|
45
|
+
renderRef.current = render;
|
|
46
|
+
// 如果有数据,恢复画布
|
|
47
|
+
if (data) {
|
|
48
|
+
loadData(render, data);
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
[data]
|
|
52
|
+
);
|
|
53
|
+
|
|
54
|
+
// 更新组件数据->更新画面
|
|
55
|
+
const updateAssetSettings = (id: string, settings: Partial<AssetSettings>) => {
|
|
56
|
+
if (!renderRef.current || !id || !settings) return;
|
|
57
|
+
renderRef.current.updateAssetById(id, settings);
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
// all(所有数据源组件)、init(初始化请求组件)
|
|
61
|
+
const handleDataSourceParams = (nodes: { [key: string]: any }[]) => {
|
|
62
|
+
// publicParams 组件公共参数
|
|
63
|
+
const publicParams = Object.keys(initSearchParams || {}).reduce((total, next) => {
|
|
64
|
+
if (!nodes.find(node => node.id === next)) {
|
|
65
|
+
total[next] = initSearchParams[next];
|
|
66
|
+
}
|
|
67
|
+
return total;
|
|
68
|
+
}, {});
|
|
69
|
+
const dataSourceConfigs = nodes.reduce((total, next) => {
|
|
70
|
+
const settings = next.settings || {};
|
|
71
|
+
const temParams = { ...publicParams, ...(initSearchParams?.[next.id] || {}) }; // 指定组件传参,指定传参可覆盖公共
|
|
72
|
+
if (settings.isInitParams) { // 组件数据源接收外部参数,更新参数
|
|
73
|
+
}
|
|
74
|
+
if (settings.dataSource) { // 整合初始化请求/ws请求参数
|
|
75
|
+
const itemConfig = { sourceId: settings.dataSource, nodeId: next.id, ...(settings.isInitParams ? temParams : {}) };
|
|
76
|
+
if (settings.isInit) { // 初始化请求
|
|
77
|
+
total.initDataSource.push(itemConfig);
|
|
78
|
+
}
|
|
79
|
+
total.allDataSource.push(itemConfig);
|
|
80
|
+
}
|
|
81
|
+
return total;
|
|
82
|
+
}, { allDataSource: [], initDataSource: [] });
|
|
83
|
+
return dataSourceConfigs;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
// 获取初始化组件数据
|
|
87
|
+
const getInitComponentData = async (dataSourceConfigs: DataSourceConfig[]) => {
|
|
88
|
+
if (!dataSourceConfigs.length) return;
|
|
89
|
+
const temSourceConfigs = chunk(dataSourceConfigs, 10); // 每批处理10个组件数据
|
|
90
|
+
temSourceConfigs.forEach(i => {
|
|
91
|
+
HcserviceV3.requestCharMultitData(null, JSON.stringify(i)).then(rs => {
|
|
92
|
+
const { status, ...data } = rs || {};
|
|
93
|
+
if (status === "success") {
|
|
94
|
+
for (const item in data) { // 更新组件数据
|
|
95
|
+
// updateAssetSettings(item, { data: data[item] || {} };
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
})
|
|
99
|
+
})
|
|
100
|
+
};
|
|
101
|
+
|
|
102
|
+
// 获取当前画面数据源配置
|
|
103
|
+
const getCharWSConfig = async (dataSourceConfigs: DataSourceConfig[]) => {
|
|
104
|
+
if (!dataSourceConfigs.length) return;
|
|
105
|
+
const sourceIds = dataSourceConfigs.map(r => r.sourceId);
|
|
106
|
+
const res = await HcserviceV3.requestCharWSConfig(null, sourceIds);
|
|
107
|
+
const wsSourceIds = Object.keys(res?.config || {});
|
|
108
|
+
if (!wsSourceIds?.length) {
|
|
109
|
+
return;
|
|
110
|
+
}
|
|
111
|
+
return dataSourceConfigs.filter(r => wsSourceIds.includes(r.sourceId));
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
// 实时订阅组件数据
|
|
115
|
+
const webSocketComponentData = async (dataSourceConfigs: DataSourceConfig[]) => {
|
|
116
|
+
if (subscribeRef.current) { subscribeRef.current.unsubscribe(); }
|
|
117
|
+
const temArr = await getCharWSConfig(dataSourceConfigs);
|
|
118
|
+
if (!temArr?.length) {
|
|
119
|
+
return;
|
|
120
|
+
}
|
|
121
|
+
wsRef.current = WebSocket.getInstance("v3/kk-ws");
|
|
122
|
+
// 订阅数据
|
|
123
|
+
subscribeRef.current = await wsRef.current.subscribe(``, { dataSourceConfigs: JSON.stringify(temArr) }, (data) => {
|
|
124
|
+
for (const item in data) { // 更新组件数据
|
|
125
|
+
// updateAssetSettings(item, { data: data[item] || {} };
|
|
126
|
+
}
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
// 获取所有组件-更新数据
|
|
131
|
+
const onAssetsLoaded = () => {
|
|
132
|
+
if (!renderRef.current) return;
|
|
133
|
+
const assets = renderRef.current.getAllAssets();
|
|
134
|
+
if (!assets?.length) return;
|
|
135
|
+
const { allDataSource, initDataSource } = handleDataSourceParams(assets);
|
|
136
|
+
getInitComponentData(initDataSource); // 初始化请求
|
|
137
|
+
webSocketComponentData(allDataSource); // ws订阅数据
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
// 加载画布数据
|
|
141
|
+
const loadData = useCallback(async (render: Render, jsonData: string) => {
|
|
142
|
+
try {
|
|
143
|
+
await render.importExportTool.restore(jsonData);
|
|
144
|
+
// 数据加载完成后自适应居中
|
|
145
|
+
render.positionTool.positionFit();
|
|
146
|
+
onAssetsLoaded();
|
|
147
|
+
} catch (e) {
|
|
148
|
+
console.error('Failed to load canvas data:', e);
|
|
149
|
+
}
|
|
150
|
+
}, []);
|
|
151
|
+
|
|
152
|
+
// 监听容器尺寸变化
|
|
153
|
+
useEffect(() => {
|
|
154
|
+
if (!boardRef.current) return;
|
|
155
|
+
const observer = new ResizeObserver(() => {
|
|
156
|
+
const { width, height } = boardRef.current.getBoundingClientRect();
|
|
157
|
+
if (renderRef.current) {
|
|
158
|
+
renderRef.current.resize(width, height); // 更新尺寸
|
|
159
|
+
renderRef.current.positionTool.positionFit(); // 自适应居中
|
|
160
|
+
} else {
|
|
161
|
+
initRender(width, height);
|
|
162
|
+
}
|
|
163
|
+
});
|
|
164
|
+
observer.observe(boardRef.current);
|
|
165
|
+
observerRef.current = observer;
|
|
166
|
+
return () => {
|
|
167
|
+
observer.disconnect();
|
|
168
|
+
};
|
|
169
|
+
}, []);
|
|
170
|
+
|
|
171
|
+
// 当外部 data 更新时,重新加载
|
|
172
|
+
useEffect(() => {
|
|
173
|
+
if (renderRef.current && data) {
|
|
174
|
+
loadData(renderRef.current, data);
|
|
175
|
+
}
|
|
176
|
+
}, [data, loadData]);
|
|
177
|
+
|
|
178
|
+
const handleFit = useCallback(() => {
|
|
179
|
+
if (!renderRef.current) return;
|
|
180
|
+
renderRef.current.positionTool.positionFit();
|
|
181
|
+
}, []);
|
|
182
|
+
|
|
183
|
+
// 清理
|
|
184
|
+
useEffect(() => {
|
|
185
|
+
return () => {
|
|
186
|
+
if (renderRef.current) {
|
|
187
|
+
renderRef.current.stage.destroy();
|
|
188
|
+
renderRef.current = null;
|
|
189
|
+
}
|
|
190
|
+
if (observerRef.current) {
|
|
191
|
+
observerRef.current.disconnect();
|
|
192
|
+
observerRef.current = null;
|
|
193
|
+
}
|
|
194
|
+
};
|
|
195
|
+
}, []);
|
|
196
|
+
|
|
197
|
+
return (
|
|
198
|
+
<div className="draw-viewer" style={{ width, height }}>
|
|
199
|
+
<div className="draw-viewer-toolbar">
|
|
200
|
+
<Space>
|
|
201
|
+
<Button type="text" className='fit' onClick={handleFit} icon={<ExpandOutlined />} />
|
|
202
|
+
</Space>
|
|
203
|
+
</div>
|
|
204
|
+
{/* 画布区域 */}
|
|
205
|
+
<div className="draw-viewer-content" ref={boardRef}>
|
|
206
|
+
<div ref={stageRef} />
|
|
207
|
+
</div>
|
|
208
|
+
</div>
|
|
209
|
+
);
|
|
210
|
+
};
|
|
211
|
+
|
|
212
|
+
export default Index;
|
|
@@ -18,8 +18,8 @@ import DtmplCustomEditModalPage from "../custom-page/dtmpl-custom-edit-modal-pag
|
|
|
18
18
|
import CustomDetailModalPage from "../custom-page/custom-detail-modal-page";
|
|
19
19
|
import DtmplEditPage from "../module/dtmpl-edit-page";
|
|
20
20
|
import DtmplViewModal from "../module/dtmpl-view-modal";
|
|
21
|
-
import Edit2D from "../draw-canvas
|
|
22
|
-
import View2D from "../draw-canvas
|
|
21
|
+
import Edit2D from "../draw-canvas-edit"; // 编辑2D图
|
|
22
|
+
import View2D from "../draw-canvas-view"; // 查看2D图
|
|
23
23
|
|
|
24
24
|
export interface LtmplRouteProps extends RouterCompProps {
|
|
25
25
|
layoutRootPath?: string;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/aldehyde/draw-canvas/edit/components/asset-bar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,cAAc,CAAC;AAwCtB,QAAA,MAAM,SAAS,yBAiDd,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/aldehyde/draw-canvas/edit/components/asset-bar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/aldehyde/draw-canvas/edit/components/main-header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAOzE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,SAAS,EAAuB,MAAM,iBAAiB,CAAC;AAEjE,OAAO,cAAc,CAAC;AA2BtB,UAAU,eAAe;IACvB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IACzD,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,GAAI,OAAO,eAAe,sBAoLzC,CAAA;AAED,eAAe,UAAU,CAAC"}
|