@ebiz/designer-components 0.0.47 → 0.0.49
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/designer-components.css +1 -1
- package/dist/index.mjs +33336 -107224
- package/package.json +1 -4
- package/src/apiService/simpleDataService.js +43 -43
- package/src/assets/styles/charts/main.less +0 -30
- package/src/components/Button.vue +3 -6
- package/src/components/EbizApproval.vue +327 -0
- package/src/components/EbizEmployeeSelector.vue +50 -15
- package/src/components/EbizFileUpload.vue +55 -18
- package/src/components/EbizRouteBreadcrumb.vue +9 -9
- package/src/components/EbizSelect.vue +52 -62
- package/src/components/EbizTabHeader.vue +29 -41
- package/src/components/senior/EbizSDialog/index.vue +4 -0
- package/src/index.js +4 -4
- package/src/router/index.js +7 -0
- package/src/views/EbizApprovalDemo.vue +77 -0
- package/src/views/EbizSDataDemo.vue +0 -1
- package/src/views/Home.vue +2 -1
- package/src/components/EbizMindmap/README.md +0 -8
- package/src/components/EbizMindmap/components/GridNode.vue +0 -102
- package/src/components/EbizMindmap/components/node.vue +0 -92
- package/src/components/EbizMindmap/components/vueNode.vue +0 -64
- package/src/components/EbizMindmap/index.vue +0 -383
- package/src/components/charts/chart.js +0 -47
- package/src/components/charts/components/AssembleBubbleChart/BaseOption.js +0 -50
- package/src/components/charts/components/AssembleBubbleChart/chartToken.js +0 -17
- package/src/components/charts/components/AssembleBubbleChart/handleOption.js +0 -66
- package/src/components/charts/components/AssembleBubbleChart/handleRootData.js +0 -165
- package/src/components/charts/components/AssembleBubbleChart/handleSeriesData.js +0 -70
- package/src/components/charts/components/AssembleBubbleChart/index.js +0 -65
- package/src/components/charts/components/AutonaviMapChart/index.js +0 -162
- package/src/components/charts/components/BaiduMapChart/index.js +0 -148
- package/src/components/charts/components/BarChart/barChartOption.js +0 -76
- package/src/components/charts/components/BarChart/chartToken.js +0 -17
- package/src/components/charts/components/BarChart/handleOptipn.js +0 -102
- package/src/components/charts/components/BarChart/handleSeries.js +0 -716
- package/src/components/charts/components/BarChart/handleVisualMap.js +0 -48
- package/src/components/charts/components/BarChart/index.js +0 -151
- package/src/components/charts/components/BaseChart/index.js +0 -122
- package/src/components/charts/components/BoxplotChart/chartToken.js +0 -17
- package/src/components/charts/components/BoxplotChart/handleOption.js +0 -64
- package/src/components/charts/components/BoxplotChart/handleSeries.js +0 -150
- package/src/components/charts/components/BoxplotChart/index.js +0 -47
- package/src/components/charts/components/BubbleChart/chartToken.js +0 -17
- package/src/components/charts/components/BubbleChart/handleData.js +0 -33
- package/src/components/charts/components/BubbleChart/handleOptipn.js +0 -63
- package/src/components/charts/components/BubbleChart/handleSeries.js +0 -86
- package/src/components/charts/components/BubbleChart/handleTrendLine.js +0 -119
- package/src/components/charts/components/BubbleChart/handleVisualMap.js +0 -50
- package/src/components/charts/components/BubbleChart/index.js +0 -96
- package/src/components/charts/components/BulletChart/bulletChartOption.js +0 -82
- package/src/components/charts/components/BulletChart/chartToken.js +0 -17
- package/src/components/charts/components/BulletChart/handleOptipn.js +0 -74
- package/src/components/charts/components/BulletChart/handleSeries.js +0 -143
- package/src/components/charts/components/BulletChart/index.js +0 -93
- package/src/components/charts/components/CandlestickChart/BaseOption.js +0 -44
- package/src/components/charts/components/CandlestickChart/chartToken.js +0 -17
- package/src/components/charts/components/CandlestickChart/hanleOption.js +0 -130
- package/src/components/charts/components/CandlestickChart/hanleSeries.js +0 -123
- package/src/components/charts/components/CandlestickChart/index.js +0 -68
- package/src/components/charts/components/CircleProcessChart/chartToken.js +0 -17
- package/src/components/charts/components/CircleProcessChart/handleOption.js +0 -68
- package/src/components/charts/components/CircleProcessChart/handleSeries.js +0 -127
- package/src/components/charts/components/CircleProcessChart/index.js +0 -63
- package/src/components/charts/components/FlowChart/Layout.js +0 -211
- package/src/components/charts/components/FlowChart/LineBezier.js +0 -120
- package/src/components/charts/components/FlowChart/LineDirect.js +0 -42
- package/src/components/charts/components/FlowChart/LineManager.js +0 -278
- package/src/components/charts/components/FlowChart/LineMode.js +0 -44
- package/src/components/charts/components/FlowChart/LineRound.js +0 -335
- package/src/components/charts/components/FlowChart/NodeManager.js +0 -185
- package/src/components/charts/components/FlowChart/dagre.js +0 -8829
- package/src/components/charts/components/FlowChart/frameworkFn.js +0 -38
- package/src/components/charts/components/FlowChart/index.js +0 -268
- package/src/components/charts/components/FlowChart/index.less +0 -90
- package/src/components/charts/components/FlowChart/insert.js +0 -40
- package/src/components/charts/components/FlowChart/util.js +0 -43
- package/src/components/charts/components/FunnelChart/chartToken.js +0 -17
- package/src/components/charts/components/FunnelChart/handleLegend.js +0 -44
- package/src/components/charts/components/FunnelChart/handleSeries.js +0 -77
- package/src/components/charts/components/FunnelChart/index.js +0 -44
- package/src/components/charts/components/GanttChart/CoordinateSystem.js +0 -358
- package/src/components/charts/components/GanttChart/TimeLine.js +0 -379
- package/src/components/charts/components/GanttChart/constant.js +0 -71
- package/src/components/charts/components/GanttChart/index.js +0 -51
- package/src/components/charts/components/GanttChart/index.less +0 -267
- package/src/components/charts/components/GanttChart/util.js +0 -335
- package/src/components/charts/components/GaugeChart/BaseOption.js +0 -22
- package/src/components/charts/components/GaugeChart/chartToken.js +0 -17
- package/src/components/charts/components/GaugeChart/handleOptipn.js +0 -22
- package/src/components/charts/components/GaugeChart/handleSeries.js +0 -504
- package/src/components/charts/components/GaugeChart/index.js +0 -53
- package/src/components/charts/components/GraphChart/index.js +0 -34
- package/src/components/charts/components/GraphTreeChart/BaseOption.js +0 -42
- package/src/components/charts/components/GraphTreeChart/handleData.js +0 -118
- package/src/components/charts/components/GraphTreeChart/handleOption.js +0 -142
- package/src/components/charts/components/GraphTreeChart/index.js +0 -65
- package/src/components/charts/components/GraphTreeChart/mixTree.js +0 -36
- package/src/components/charts/components/GraphTreeChart/utils.js +0 -75
- package/src/components/charts/components/HeatMapChart/BaseOption.js +0 -66
- package/src/components/charts/components/HeatMapChart/chartToken.js +0 -17
- package/src/components/charts/components/HeatMapChart/handleData.js +0 -138
- package/src/components/charts/components/HeatMapChart/handleOptipn.js +0 -227
- package/src/components/charts/components/HeatMapChart/handleSeries.js +0 -82
- package/src/components/charts/components/HeatMapChart/handleVisualMap.js +0 -91
- package/src/components/charts/components/HeatMapChart/index.js +0 -70
- package/src/components/charts/components/HillChart/baseOption.js +0 -50
- package/src/components/charts/components/HillChart/chartToken.js +0 -17
- package/src/components/charts/components/HillChart/handleOption.js +0 -193
- package/src/components/charts/components/HillChart/handleSeries.js +0 -39
- package/src/components/charts/components/HillChart/index.js +0 -96
- package/src/components/charts/components/HoneycombChart/NodeManager.js +0 -172
- package/src/components/charts/components/HoneycombChart/TipManager.js +0 -75
- package/src/components/charts/components/HoneycombChart/index.js +0 -117
- package/src/components/charts/components/HoneycombChart/index.less +0 -49
- package/src/components/charts/components/JadeJueChart/BaseOption.js +0 -40
- package/src/components/charts/components/JadeJueChart/chartToken.js +0 -17
- package/src/components/charts/components/JadeJueChart/handleOption.js +0 -262
- package/src/components/charts/components/JadeJueChart/handleSeries.js +0 -246
- package/src/components/charts/components/JadeJueChart/index.js +0 -71
- package/src/components/charts/components/JadeJueChart/labelFormatter.js +0 -131
- package/src/components/charts/components/LineChart/AreaChart/bottomArea.js +0 -177
- package/src/components/charts/components/LineChart/AreaChart/chartToken.js +0 -17
- package/src/components/charts/components/LineChart/AreaChart/index.js +0 -18
- package/src/components/charts/components/LineChart/AreaChart/topArea.js +0 -139
- package/src/components/charts/components/LineChart/chartToken.js +0 -17
- package/src/components/charts/components/LineChart/handleOptipn.js +0 -145
- package/src/components/charts/components/LineChart/handlePredict.js +0 -73
- package/src/components/charts/components/LineChart/handleSeries.js +0 -266
- package/src/components/charts/components/LineChart/handleVisualMap.js +0 -138
- package/src/components/charts/components/LineChart/index.js +0 -133
- package/src/components/charts/components/LiquidfillChart/chartToken.js +0 -17
- package/src/components/charts/components/LiquidfillChart/handleSeries.js +0 -170
- package/src/components/charts/components/LiquidfillChart/index.js +0 -43
- package/src/components/charts/components/LiquidfillChart/plugSeries.js +0 -78
- package/src/components/charts/components/LiquidfillChart/plugShape.js +0 -163
- package/src/components/charts/components/LiquidfillChart/plugView.js +0 -537
- package/src/components/charts/components/MilestoneChart/Layout.js +0 -183
- package/src/components/charts/components/MilestoneChart/Node.js +0 -319
- package/src/components/charts/components/MilestoneChart/assets/next.svg +0 -7
- package/src/components/charts/components/MilestoneChart/assets/prev.svg +0 -7
- package/src/components/charts/components/MilestoneChart/assets/prompt.svg +0 -9
- package/src/components/charts/components/MilestoneChart/index.js +0 -108
- package/src/components/charts/components/MilestoneChart/index.less +0 -244
- package/src/components/charts/components/MilestoneChart/insertDom.js +0 -32
- package/src/components/charts/components/MilestoneChart/insertIcon.js +0 -24
- package/src/components/charts/components/MilestoneChart/insertSvg.js +0 -109
- package/src/components/charts/components/OrganizationChart/NodeManager.js +0 -188
- package/src/components/charts/components/OrganizationChart/RotateManager.js +0 -349
- package/src/components/charts/components/OrganizationChart/index.js +0 -124
- package/src/components/charts/components/OrganizationChart/index.less +0 -112
- package/src/components/charts/components/PieChart/chartToken.js +0 -17
- package/src/components/charts/components/PieChart/handleLabel.js +0 -94
- package/src/components/charts/components/PieChart/handleMulti.js +0 -131
- package/src/components/charts/components/PieChart/handleSeries.js +0 -236
- package/src/components/charts/components/PieChart/index.js +0 -58
- package/src/components/charts/components/PolarBarChart/chartToken.js +0 -17
- package/src/components/charts/components/PolarBarChart/handleOption.js +0 -102
- package/src/components/charts/components/PolarBarChart/handleSeries.js +0 -127
- package/src/components/charts/components/PolarBarChart/index.js +0 -62
- package/src/components/charts/components/ProcessChart/BaseOption.js +0 -296
- package/src/components/charts/components/ProcessChart/chartToken.js +0 -17
- package/src/components/charts/components/ProcessChart/handleData.js +0 -156
- package/src/components/charts/components/ProcessChart/handleOption.js +0 -212
- package/src/components/charts/components/ProcessChart/handleSeries.js +0 -369
- package/src/components/charts/components/ProcessChart/index.js +0 -76
- package/src/components/charts/components/RadarChart/BaseOption.js +0 -248
- package/src/components/charts/components/RadarChart/GradientRadar/index.js +0 -421
- package/src/components/charts/components/RadarChart/chartToken.js +0 -17
- package/src/components/charts/components/RadarChart/handleOptipn.js +0 -316
- package/src/components/charts/components/RadarChart/handleSeries.js +0 -120
- package/src/components/charts/components/RadarChart/index.js +0 -77
- package/src/components/charts/components/RegionChart/chartToken.js +0 -17
- package/src/components/charts/components/RegionChart/handleOption.js +0 -29
- package/src/components/charts/components/RegionChart/index.js +0 -49
- package/src/components/charts/components/RiverChart/Belt.js +0 -181
- package/src/components/charts/components/RiverChart/Manager.js +0 -173
- package/src/components/charts/components/RiverChart/Node.js +0 -425
- package/src/components/charts/components/RiverChart/baseOption.js +0 -51
- package/src/components/charts/components/RiverChart/index.js +0 -79
- package/src/components/charts/components/RiverChart/index.less +0 -42
- package/src/components/charts/components/RiverChart/util.js +0 -160
- package/src/components/charts/components/SankeyChart/BaseOption.js +0 -74
- package/src/components/charts/components/SankeyChart/chartToken.js +0 -17
- package/src/components/charts/components/SankeyChart/handleOption.js +0 -258
- package/src/components/charts/components/SankeyChart/index.js +0 -111
- package/src/components/charts/components/SankeyChart/tooltip.js +0 -53
- package/src/components/charts/components/ScatterChart/chartToken.js +0 -17
- package/src/components/charts/components/ScatterChart/handleMarkPoint.js +0 -74
- package/src/components/charts/components/ScatterChart/handleOptipn.js +0 -66
- package/src/components/charts/components/ScatterChart/handleSeries.js +0 -48
- package/src/components/charts/components/ScatterChart/index.js +0 -60
- package/src/components/charts/components/SnowFlakeChart/BranchManager.js +0 -324
- package/src/components/charts/components/SnowFlakeChart/CommonConstant.js +0 -111
- package/src/components/charts/components/SnowFlakeChart/LeafManager.js +0 -76
- package/src/components/charts/components/SnowFlakeChart/NodeManager.js +0 -240
- package/src/components/charts/components/SnowFlakeChart/TagManager.js +0 -80
- package/src/components/charts/components/SnowFlakeChart/assets/down.svg +0 -8
- package/src/components/charts/components/SnowFlakeChart/assets/errorBg-leaf.png +0 -0
- package/src/components/charts/components/SnowFlakeChart/assets/errorBg.png +0 -0
- package/src/components/charts/components/SnowFlakeChart/assets/image2L.svg +0 -7
- package/src/components/charts/components/SnowFlakeChart/assets/image2R.svg +0 -7
- package/src/components/charts/components/SnowFlakeChart/assets/image5L.svg +0 -7
- package/src/components/charts/components/SnowFlakeChart/assets/image5R.svg +0 -7
- package/src/components/charts/components/SnowFlakeChart/assets/normalBg-leaf.png +0 -0
- package/src/components/charts/components/SnowFlakeChart/assets/normalBg.png +0 -0
- package/src/components/charts/components/SnowFlakeChart/assets/outerBorder.svg +0 -24
- package/src/components/charts/components/SnowFlakeChart/assets/outerBorderOverAll.svg +0 -18
- package/src/components/charts/components/SnowFlakeChart/assets/up.svg +0 -8
- package/src/components/charts/components/SnowFlakeChart/assets/warningBg-leaf.png +0 -0
- package/src/components/charts/components/SnowFlakeChart/assets/warningBg.png +0 -0
- package/src/components/charts/components/SnowFlakeChart/assets/wirelessL.svg +0 -7
- package/src/components/charts/components/SnowFlakeChart/assets/wirelessR.svg +0 -7
- package/src/components/charts/components/SnowFlakeChart/defaultOption.js +0 -285
- package/src/components/charts/components/SnowFlakeChart/index.js +0 -408
- package/src/components/charts/components/SnowFlakeChart/index.less +0 -503
- package/src/components/charts/components/SnowFlakeChart/line/LineArrow.js +0 -62
- package/src/components/charts/components/SnowFlakeChart/line/LineDashed.js +0 -29
- package/src/components/charts/components/SnowFlakeChart/line/LineDotted.js +0 -29
- package/src/components/charts/components/SnowFlakeChart/line/LineStraight.js +0 -28
- package/src/components/charts/components/SnowFlakeChart/line/index.js +0 -202
- package/src/components/charts/components/SnowFlakeChart/util.js +0 -430
- package/src/components/charts/components/SunburstChart/chartToken.js +0 -17
- package/src/components/charts/components/SunburstChart/handleSeries.js +0 -48
- package/src/components/charts/components/SunburstChart/index.js +0 -41
- package/src/components/charts/components/TerraceChart/defaultGradient.js +0 -116
- package/src/components/charts/components/TerraceChart/defaultPath.js +0 -30
- package/src/components/charts/components/TerraceChart/index.js +0 -276
- package/src/components/charts/components/TerraceChart/index.less +0 -171
- package/src/components/charts/components/TerraceChart/insert.js +0 -35
- package/src/components/charts/components/TerraceChart/loading.js +0 -34
- package/src/components/charts/components/TimelineChart/chartToken.js +0 -17
- package/src/components/charts/components/TimelineChart/index.js +0 -109
- package/src/components/charts/components/TimelineChart/index.less +0 -152
- package/src/components/charts/components/TimelineChart/insertDom.js +0 -45
- package/src/components/charts/components/TimelineChart/timeline.js +0 -461
- package/src/components/charts/components/TreeChart/chartToken.js +0 -17
- package/src/components/charts/components/TreeChart/handleOptipn.js +0 -101
- package/src/components/charts/components/TreeChart/handleSeries.js +0 -148
- package/src/components/charts/components/TreeChart/index.js +0 -50
- package/src/components/charts/components/TreeMapChart/handleOptipn.js +0 -57
- package/src/components/charts/components/TreeMapChart/handleSeries.js +0 -57
- package/src/components/charts/components/TreeMapChart/handleVisualMap.js +0 -31
- package/src/components/charts/components/TreeMapChart/index.js +0 -56
- package/src/components/charts/components/WaveChart/chartToken.js +0 -17
- package/src/components/charts/components/WaveChart/index.js +0 -418
- package/src/components/charts/components/WaveChart/index.less +0 -77
- package/src/components/charts/components/WaveChart/insert.js +0 -38
- package/src/components/charts/components/WaveChart/loading.js +0 -34
- package/src/components/charts/components/WordCloudChart/BaseOption.js +0 -19
- package/src/components/charts/components/WordCloudChart/chartToken.js +0 -17
- package/src/components/charts/components/WordCloudChart/handleOptipn.js +0 -20
- package/src/components/charts/components/WordCloudChart/handleSeries.js +0 -106
- package/src/components/charts/components/WordCloudChart/index.js +0 -67
- package/src/components/charts/core.js +0 -386
- package/src/components/charts/feature/adaptive/index.js +0 -46
- package/src/components/charts/feature/adaptive/series/AssembleBubbleChart.js +0 -22
- package/src/components/charts/feature/adaptive/series/BarChart.js +0 -27
- package/src/components/charts/feature/adaptive/series/BoxplotChart.js +0 -26
- package/src/components/charts/feature/adaptive/series/BubbleChart.js +0 -26
- package/src/components/charts/feature/adaptive/series/BulletChart.js +0 -27
- package/src/components/charts/feature/adaptive/series/CircleProcessChart.js +0 -25
- package/src/components/charts/feature/adaptive/series/FunnelChart.js +0 -22
- package/src/components/charts/feature/adaptive/series/HeatMapChart.js +0 -26
- package/src/components/charts/feature/adaptive/series/JadeJueChart.js +0 -24
- package/src/components/charts/feature/adaptive/series/LineChart.js +0 -26
- package/src/components/charts/feature/adaptive/series/LiquidfillChart.js +0 -26
- package/src/components/charts/feature/adaptive/series/PieChart.js +0 -25
- package/src/components/charts/feature/adaptive/series/PolarBarChart.js +0 -22
- package/src/components/charts/feature/adaptive/series/ScatterChart.js +0 -26
- package/src/components/charts/feature/adaptive/series/SunburstChart.js +0 -25
- package/src/components/charts/feature/adaptive/utils/axis.js +0 -26
- package/src/components/charts/feature/adaptive/utils/label.js +0 -30
- package/src/components/charts/feature/adaptive/utils/legend.js +0 -30
- package/src/components/charts/feature/adaptive/utils/title.js +0 -30
- package/src/components/charts/feature/adaptive/utils/tooltip.js +0 -30
- package/src/components/charts/feature/axistip/index.js +0 -116
- package/src/components/charts/feature/card/chartToken.js +0 -17
- package/src/components/charts/feature/card/index.js +0 -225
- package/src/components/charts/feature/card/index.less +0 -166
- package/src/components/charts/feature/drag/index.js +0 -353
- package/src/components/charts/feature/drag/index.less +0 -53
- package/src/components/charts/feature/equalLabel/index.js +0 -63
- package/src/components/charts/feature/expandLegend/constants.js +0 -22
- package/src/components/charts/feature/expandLegend/index.js +0 -190
- package/src/components/charts/feature/expandLegend/index.less +0 -1044
- package/src/components/charts/feature/expandLegend/mutiSelect/constants.js +0 -40
- package/src/components/charts/feature/expandLegend/mutiSelect/index.js +0 -157
- package/src/components/charts/feature/expandLegend/mutiSelect/item.js +0 -133
- package/src/components/charts/feature/expandLegend/mutiSelect/position.js +0 -44
- package/src/components/charts/feature/expandLegend/mutiSelect/search.js +0 -79
- package/src/components/charts/feature/expandLegend/mutiSelectLegend/constants.js +0 -41
- package/src/components/charts/feature/expandLegend/mutiSelectLegend/group.js +0 -112
- package/src/components/charts/feature/expandLegend/mutiSelectLegend/index.js +0 -97
- package/src/components/charts/feature/expandLegend/mutiSelectLegend/item.js +0 -115
- package/src/components/charts/feature/expandLegend/mutiSelectLegend/more.js +0 -101
- package/src/components/charts/feature/expandLegend/mutiSelectLegend/paging.js +0 -103
- package/src/components/charts/feature/expandLegend/mutiSelectLegend/scroll.js +0 -33
- package/src/components/charts/feature/expandLegend/mutiSelectList/constants.js +0 -34
- package/src/components/charts/feature/expandLegend/mutiSelectList/index.js +0 -181
- package/src/components/charts/feature/expandLegend/mutiSelectList/statisticList.js +0 -146
- package/src/components/charts/feature/expandLegend/singleSelect/constants.js +0 -40
- package/src/components/charts/feature/expandLegend/singleSelect/index.js +0 -170
- package/src/components/charts/feature/expandLegend/singleSelect/item.js +0 -74
- package/src/components/charts/feature/expandLegend/singleSelect/position.js +0 -34
- package/src/components/charts/feature/expandLegend/singleSelect/search.js +0 -76
- package/src/components/charts/feature/expandLegend/singleSelectLegend/constants.js +0 -41
- package/src/components/charts/feature/expandLegend/singleSelectLegend/group.js +0 -116
- package/src/components/charts/feature/expandLegend/singleSelectLegend/index.js +0 -97
- package/src/components/charts/feature/expandLegend/singleSelectLegend/item.js +0 -113
- package/src/components/charts/feature/expandLegend/singleSelectLegend/more.js +0 -40
- package/src/components/charts/feature/expandLegend/singleSelectLegend/scroll.js +0 -33
- package/src/components/charts/feature/expandLegend/tips/constants.js +0 -21
- package/src/components/charts/feature/expandLegend/tips/index.js +0 -168
- package/src/components/charts/feature/fluctuation/index.js +0 -65
- package/src/components/charts/feature/linter/dialog/index.js +0 -111
- package/src/components/charts/feature/linter/index.js +0 -131
- package/src/components/charts/feature/linter/lints/charts/Bar.js +0 -46
- package/src/components/charts/feature/linter/lints/charts/Line.js +0 -31
- package/src/components/charts/feature/linter/lints/charts/Pie.js +0 -39
- package/src/components/charts/feature/linter/lints/charts/Radar.js +0 -38
- package/src/components/charts/feature/linter/lints/charts/index.js +0 -37
- package/src/components/charts/feature/linter/lints/modules/angleAxis.js +0 -47
- package/src/components/charts/feature/linter/lints/modules/color.js +0 -19
- package/src/components/charts/feature/linter/lints/modules/dataZoom.js +0 -52
- package/src/components/charts/feature/linter/lints/modules/index.js +0 -64
- package/src/components/charts/feature/linter/lints/modules/legend.js +0 -64
- package/src/components/charts/feature/linter/lints/modules/radar.js +0 -59
- package/src/components/charts/feature/linter/lints/modules/radiusAxis.js +0 -49
- package/src/components/charts/feature/linter/lints/modules/title.js +0 -44
- package/src/components/charts/feature/linter/lints/modules/tooltip.js +0 -29
- package/src/components/charts/feature/linter/lints/modules/util.js +0 -97
- package/src/components/charts/feature/linter/lints/modules/xAxis.js +0 -52
- package/src/components/charts/feature/linter/lints/modules/yAxis.js +0 -52
- package/src/components/charts/feature/mediaScreen/index.js +0 -95
- package/src/components/charts/feature/mini/miniBarChart.js +0 -58
- package/src/components/charts/feature/mini/miniCircleProcessChart.js +0 -32
- package/src/components/charts/feature/mini/miniLineChart.js +0 -58
- package/src/components/charts/feature/mini/miniProcessChart.js +0 -64
- package/src/components/charts/feature/nodeRender/angular-node.js +0 -100
- package/src/components/charts/feature/nodeRender/index.js +0 -31
- package/src/components/charts/feature/nodeRender/react-node.js +0 -83
- package/src/components/charts/feature/nodeRender/vue-node.js +0 -109
- package/src/components/charts/feature/performance/lttb.js +0 -85
- package/src/components/charts/feature/readScreen/index.js +0 -19
- package/src/components/charts/feature/token/color/bpit/dark.js +0 -67
- package/src/components/charts/feature/token/color/bpit/index.js +0 -20
- package/src/components/charts/feature/token/color/bpit/light.js +0 -66
- package/src/components/charts/feature/token/color/cloud/board-dark.js +0 -260
- package/src/components/charts/feature/token/color/cloud/board.js +0 -276
- package/src/components/charts/feature/token/color/cloud/dark.js +0 -78
- package/src/components/charts/feature/token/color/cloud/index.js +0 -20
- package/src/components/charts/feature/token/color/cloud/light.js +0 -77
- package/src/components/charts/feature/token/color/hdesign/board.js +0 -204
- package/src/components/charts/feature/token/color/hdesign/dark.js +0 -78
- package/src/components/charts/feature/token/color/hdesign/index.js +0 -20
- package/src/components/charts/feature/token/color/hdesign/light.js +0 -79
- package/src/components/charts/feature/token/color/ict/board.js +0 -190
- package/src/components/charts/feature/token/color/ict/dark.js +0 -61
- package/src/components/charts/feature/token/color/ict/index.js +0 -20
- package/src/components/charts/feature/token/color/ict/light.js +0 -62
- package/src/components/charts/feature/token/color/index.js +0 -29
- package/src/components/charts/feature/token/color/util.js +0 -42
- package/src/components/charts/feature/token/factory/chartsToken/AreaChart.js +0 -20
- package/src/components/charts/feature/token/factory/chartsToken/AssembleBubbleChart.js +0 -26
- package/src/components/charts/feature/token/factory/chartsToken/BarChart.js +0 -27
- package/src/components/charts/feature/token/factory/chartsToken/BoxplotChart.js +0 -27
- package/src/components/charts/feature/token/factory/chartsToken/BubbleChart.js +0 -22
- package/src/components/charts/feature/token/factory/chartsToken/BulletChart.js +0 -23
- package/src/components/charts/feature/token/factory/chartsToken/CandlestickChart.js +0 -20
- package/src/components/charts/feature/token/factory/chartsToken/ChartCard.js +0 -33
- package/src/components/charts/feature/token/factory/chartsToken/CircleProcessChart.js +0 -23
- package/src/components/charts/feature/token/factory/chartsToken/FunnelChart.js +0 -26
- package/src/components/charts/feature/token/factory/chartsToken/GaugeChart.js +0 -27
- package/src/components/charts/feature/token/factory/chartsToken/HeatMapChart.js +0 -21
- package/src/components/charts/feature/token/factory/chartsToken/HillChart.js +0 -21
- package/src/components/charts/feature/token/factory/chartsToken/JadeJueChart.js +0 -28
- package/src/components/charts/feature/token/factory/chartsToken/LineChart.js +0 -36
- package/src/components/charts/feature/token/factory/chartsToken/LiquidfillChart.js +0 -22
- package/src/components/charts/feature/token/factory/chartsToken/PieChart.js +0 -49
- package/src/components/charts/feature/token/factory/chartsToken/PolarBarChart.js +0 -22
- package/src/components/charts/feature/token/factory/chartsToken/ProcessChart.js +0 -40
- package/src/components/charts/feature/token/factory/chartsToken/RadarChart.js +0 -36
- package/src/components/charts/feature/token/factory/chartsToken/RegionChart.js +0 -20
- package/src/components/charts/feature/token/factory/chartsToken/SankeyChart.js +0 -22
- package/src/components/charts/feature/token/factory/chartsToken/ScatterChart.js +0 -21
- package/src/components/charts/feature/token/factory/chartsToken/SunburstChart.js +0 -22
- package/src/components/charts/feature/token/factory/chartsToken/TimelineChart.js +0 -21
- package/src/components/charts/feature/token/factory/chartsToken/TreeChart.js +0 -21
- package/src/components/charts/feature/token/factory/chartsToken/WaveChart.js +0 -23
- package/src/components/charts/feature/token/factory/chartsToken/WordCloudChart.js +0 -21
- package/src/components/charts/feature/token/factory/chartsToken/index.js +0 -79
- package/src/components/charts/feature/token/factory/getAliasToken.js +0 -41
- package/src/components/charts/feature/token/factory/getExportColors.js +0 -46
- package/src/components/charts/feature/token/factory/getGlobalToken.js +0 -25
- package/src/components/charts/feature/token/factory/getModelToken.js +0 -389
- package/src/components/charts/feature/token/factory/getSceneToken.js +0 -41
- package/src/components/charts/feature/token/factory/globalToken/border.js +0 -21
- package/src/components/charts/feature/token/factory/globalToken/borderRadius.js +0 -22
- package/src/components/charts/feature/token/factory/globalToken/font.js +0 -26
- package/src/components/charts/feature/token/factory/globalToken/index.js +0 -28
- package/src/components/charts/feature/token/factory/globalToken/lineType.js +0 -19
- package/src/components/charts/feature/token/factory/globalToken/size.js +0 -22
- package/src/components/charts/feature/token/factory/globalToken/space.js +0 -25
- package/src/components/charts/feature/token/factory/index.js +0 -39
- package/src/components/charts/feature/token/factory/mergeToken.js +0 -72
- package/src/components/charts/feature/token/index.js +0 -176
- package/src/components/charts/feature/token/readme.md +0 -11
- package/src/components/charts/feature/token/theme/bpit/index.js +0 -19
- package/src/components/charts/feature/token/theme/cloud/getAliasToken.js +0 -247
- package/src/components/charts/feature/token/theme/cloud/getSceneToken.js +0 -74
- package/src/components/charts/feature/token/theme/cloud/index.js +0 -19
- package/src/components/charts/feature/token/theme/hdesign/getAliasToken.js +0 -249
- package/src/components/charts/feature/token/theme/hdesign/getSceneToken.js +0 -75
- package/src/components/charts/feature/token/theme/hdesign/index.js +0 -19
- package/src/components/charts/feature/token/theme/ict/getAliasToken.js +0 -249
- package/src/components/charts/feature/token/theme/ict/getSceneToken.js +0 -72
- package/src/components/charts/feature/token/theme/ict/index.js +0 -19
- package/src/components/charts/feature/wcag/index.js +0 -335
- package/src/components/charts/feature/xss/index.js +0 -52
- package/src/components/charts/framework/charts/CircleArcChart/index.js +0 -142
- package/src/components/charts/framework/charts/CircleChart/index.js +0 -140
- package/src/components/charts/framework/charts/CustomizeChart/index.js +0 -166
- package/src/components/charts/framework/charts/ForceDirectedChart/index.js +0 -141
- package/src/components/charts/framework/charts/ForceDirectedChart/initDom.js +0 -20
- package/src/components/charts/framework/charts/ForceDirectedChart/libs/Node.js +0 -148
- package/src/components/charts/framework/charts/ForceDirectedChart/libs/center.js +0 -71
- package/src/components/charts/framework/charts/ForceDirectedChart/libs/collide.js +0 -151
- package/src/components/charts/framework/charts/ForceDirectedChart/libs/constant.js +0 -17
- package/src/components/charts/framework/charts/ForceDirectedChart/libs/dispatch.js +0 -95
- package/src/components/charts/framework/charts/ForceDirectedChart/libs/index.js +0 -19
- package/src/components/charts/framework/charts/ForceDirectedChart/libs/jiggle.js +0 -16
- package/src/components/charts/framework/charts/ForceDirectedChart/libs/lcg.js +0 -23
- package/src/components/charts/framework/charts/ForceDirectedChart/libs/link.js +0 -128
- package/src/components/charts/framework/charts/ForceDirectedChart/libs/manyBody.js +0 -127
- package/src/components/charts/framework/charts/ForceDirectedChart/libs/quadtree.js +0 -393
- package/src/components/charts/framework/charts/ForceDirectedChart/libs/radial.js +0 -68
- package/src/components/charts/framework/charts/ForceDirectedChart/libs/simulation.js +0 -171
- package/src/components/charts/framework/charts/ForceDirectedChart/libs/timer.js +0 -121
- package/src/components/charts/framework/charts/ForceDirectedChart/libs/x.js +0 -52
- package/src/components/charts/framework/charts/ForceDirectedChart/libs/y.js +0 -52
- package/src/components/charts/framework/charts/GridChart/index.js +0 -174
- package/src/components/charts/framework/charts/LinearArcChart/index.js +0 -143
- package/src/components/charts/framework/charts/MindmapChart/index.js +0 -166
- package/src/components/charts/framework/charts/MindmapChart/index.less +0 -85
- package/src/components/charts/framework/core/Base.js +0 -53
- package/src/components/charts/framework/core/Relation.js +0 -78
- package/src/components/charts/framework/module/animation/Animate.js +0 -434
- package/src/components/charts/framework/module/animation/Animation.js +0 -76
- package/src/components/charts/framework/module/animation/AnimationGroup.js +0 -137
- package/src/components/charts/framework/module/animation/Easing.js +0 -225
- package/src/components/charts/framework/module/animation/Interpolation.js +0 -88
- package/src/components/charts/framework/module/animation/index.js +0 -20
- package/src/components/charts/framework/module/arrow/Manager.js +0 -133
- package/src/components/charts/framework/module/arrow/index.js +0 -96
- package/src/components/charts/framework/module/canvas/grid.js +0 -288
- package/src/components/charts/framework/module/canvas/index.js +0 -434
- package/src/components/charts/framework/module/canvas/index.less +0 -102
- package/src/components/charts/framework/module/canvas/initDom.js +0 -66
- package/src/components/charts/framework/module/canvas/tool.js +0 -62
- package/src/components/charts/framework/module/connector/Manager.js +0 -103
- package/src/components/charts/framework/module/connector/index.js +0 -99
- package/src/components/charts/framework/module/connector/index.less +0 -36
- package/src/components/charts/framework/module/connector/type/dot.js +0 -21
- package/src/components/charts/framework/module/connector/type/expand.js +0 -211
- package/src/components/charts/framework/module/contextmenu/index.js +0 -149
- package/src/components/charts/framework/module/contextmenu/index.less +0 -40
- package/src/components/charts/framework/module/data/Manager.js +0 -56
- package/src/components/charts/framework/module/data/index.js +0 -0
- package/src/components/charts/framework/module/legend/Item.js +0 -218
- package/src/components/charts/framework/module/legend/constants.js +0 -14
- package/src/components/charts/framework/module/legend/getSymbol.js +0 -86
- package/src/components/charts/framework/module/legend/index.js +0 -119
- package/src/components/charts/framework/module/legend/util.js +0 -81
- package/src/components/charts/framework/module/line/Animation.js +0 -125
- package/src/components/charts/framework/module/line/Manager.js +0 -299
- package/src/components/charts/framework/module/line/Tag.js +0 -61
- package/src/components/charts/framework/module/line/bufferRender.js +0 -74
- package/src/components/charts/framework/module/line/cross/pathPoints.js +0 -233
- package/src/components/charts/framework/module/line/cross/vectorUtil.js +0 -67
- package/src/components/charts/framework/module/line/customize.js +0 -29
- package/src/components/charts/framework/module/line/index.js +0 -260
- package/src/components/charts/framework/module/line/index.less +0 -24
- package/src/components/charts/framework/module/line/type/Bezier.js +0 -90
- package/src/components/charts/framework/module/line/type/Circle.js +0 -38
- package/src/components/charts/framework/module/line/type/Direct.js +0 -23
- package/src/components/charts/framework/module/line/type/Ellipse.js +0 -88
- package/src/components/charts/framework/module/line/type/Round.js +0 -245
- package/src/components/charts/framework/module/lineLayout/CircleShape/calculate.js +0 -71
- package/src/components/charts/framework/module/lineLayout/CircleShape/index.js +0 -32
- package/src/components/charts/framework/module/lineLayout/CircleShape/init.js +0 -34
- package/src/components/charts/framework/module/lineLayout/RectShape/calculate.js +0 -174
- package/src/components/charts/framework/module/lineLayout/RectShape/index.js +0 -43
- package/src/components/charts/framework/module/lineLayout/RectShape/init.js +0 -79
- package/src/components/charts/framework/module/lineLayout/RectShape/sharing.js +0 -57
- package/src/components/charts/framework/module/lineLayout/index.js +0 -30
- package/src/components/charts/framework/module/node/Manager.js +0 -190
- package/src/components/charts/framework/module/node/bufferRender.js +0 -73
- package/src/components/charts/framework/module/node/convertData/index.js +0 -24
- package/src/components/charts/framework/module/node/convertData/returnSelf.js +0 -16
- package/src/components/charts/framework/module/node/convertData/transform.js +0 -24
- package/src/components/charts/framework/module/node/convertData/treeToLink.js +0 -36
- package/src/components/charts/framework/module/node/index.js +0 -187
- package/src/components/charts/framework/module/nodeLayout/circle/excute.js +0 -270
- package/src/components/charts/framework/module/nodeLayout/circle/index.js +0 -24
- package/src/components/charts/framework/module/nodeLayout/customize/index.js +0 -16
- package/src/components/charts/framework/module/nodeLayout/defaults/excute.js +0 -27
- package/src/components/charts/framework/module/nodeLayout/defaults/index.js +0 -20
- package/src/components/charts/framework/module/nodeLayout/grid/excute.js +0 -392
- package/src/components/charts/framework/module/nodeLayout/grid/index.js +0 -20
- package/src/components/charts/framework/module/nodeLayout/index.js +0 -27
- package/src/components/charts/framework/module/nodeLayout/linearArc/index.js +0 -34
- package/src/components/charts/framework/module/nodeLayout/nonLayeredTidyTree/NodeBox.js +0 -165
- package/src/components/charts/framework/module/nodeLayout/nonLayeredTidyTree/algorithm.js +0 -261
- package/src/components/charts/framework/module/nodeLayout/nonLayeredTidyTree/index.js +0 -278
- package/src/components/charts/framework/module/readme.js +0 -127
- package/src/components/charts/index.js +0 -65
- package/src/components/charts/index.less +0 -29
- package/src/components/charts/option/PolarSys/index.js +0 -43
- package/src/components/charts/option/RectSys/index.js +0 -58
- package/src/components/charts/option/base/index.js +0 -25
- package/src/components/charts/option/config/angleAxis/base.js +0 -56
- package/src/components/charts/option/config/angleAxis/index.js +0 -43
- package/src/components/charts/option/config/animation/index.js +0 -64
- package/src/components/charts/option/config/datazoom/base.js +0 -123
- package/src/components/charts/option/config/datazoom/index.js +0 -61
- package/src/components/charts/option/config/grid/base.js +0 -22
- package/src/components/charts/option/config/grid/index.js +0 -32
- package/src/components/charts/option/config/legend/base.js +0 -80
- package/src/components/charts/option/config/legend/icon.js +0 -21
- package/src/components/charts/option/config/legend/index.js +0 -63
- package/src/components/charts/option/config/legend/itemStyle.js +0 -17
- package/src/components/charts/option/config/legend/ldata.js +0 -29
- package/src/components/charts/option/config/legend/pageIcon.js +0 -54
- package/src/components/charts/option/config/legend/position.js +0 -19
- package/src/components/charts/option/config/legend/size.js +0 -17
- package/src/components/charts/option/config/legend/textStyle.js +0 -16
- package/src/components/charts/option/config/mark/index.js +0 -74
- package/src/components/charts/option/config/polar/base.js +0 -30
- package/src/components/charts/option/config/polar/index.js +0 -36
- package/src/components/charts/option/config/polarTitle/base.js +0 -40
- package/src/components/charts/option/config/polarTitle/index.js +0 -52
- package/src/components/charts/option/config/polarTitle/subtextStyle.js +0 -21
- package/src/components/charts/option/config/polarTitle/textStyle.js +0 -22
- package/src/components/charts/option/config/radiusAxis/base.js +0 -55
- package/src/components/charts/option/config/radiusAxis/index.js +0 -41
- package/src/components/charts/option/config/rectTitle/base.js +0 -31
- package/src/components/charts/option/config/rectTitle/index.js +0 -53
- package/src/components/charts/option/config/toolbox/base.js +0 -42
- package/src/components/charts/option/config/toolbox/index.js +0 -12
- package/src/components/charts/option/config/tooltip/axisPointer.js +0 -31
- package/src/components/charts/option/config/tooltip/base.js +0 -62
- package/src/components/charts/option/config/tooltip/formatter.js +0 -64
- package/src/components/charts/option/config/tooltip/index.js +0 -41
- package/src/components/charts/option/config/visualMap/index.js +0 -91
- package/src/components/charts/option/config/xAxis/axisLabel.js +0 -35
- package/src/components/charts/option/config/xAxis/axisLine.js +0 -29
- package/src/components/charts/option/config/xAxis/axisMargin.js +0 -31
- package/src/components/charts/option/config/xAxis/base.js +0 -66
- package/src/components/charts/option/config/xAxis/boundaryGap.js +0 -17
- package/src/components/charts/option/config/xAxis/index.js +0 -52
- package/src/components/charts/option/config/xAxis/name.js +0 -18
- package/src/components/charts/option/config/xAxis/xdata.js +0 -23
- package/src/components/charts/option/config/xAxis/xkey.js +0 -21
- package/src/components/charts/option/config/yAxis/axisOptimization.js +0 -32
- package/src/components/charts/option/config/yAxis/base.js +0 -59
- package/src/components/charts/option/config/yAxis/index.js +0 -68
- package/src/components/charts/option/config/yAxis/ydata.js +0 -28
- package/src/components/charts/option/init/index.js +0 -204
- package/src/components/charts/register.js +0 -178
- package/src/components/charts/theme.js +0 -62
- package/src/components/charts/util/Sequence.js +0 -21
- package/src/components/charts/util/centerDom.js +0 -92
- package/src/components/charts/util/cloneDeep.js +0 -29
- package/src/components/charts/util/color.js +0 -193
- package/src/components/charts/util/constants.js +0 -125
- package/src/components/charts/util/convert.js +0 -49
- package/src/components/charts/util/debounce.js +0 -24
- package/src/components/charts/util/defendXSS.js +0 -81
- package/src/components/charts/util/dom.js +0 -90
- package/src/components/charts/util/equal.js +0 -62
- package/src/components/charts/util/event.js +0 -25
- package/src/components/charts/util/hashMap.js +0 -111
- package/src/components/charts/util/init/insert.js +0 -165
- package/src/components/charts/util/math.js +0 -183
- package/src/components/charts/util/merge.js +0 -78
- package/src/components/charts/util/paint.js +0 -98
- package/src/components/charts/util/sort/max.js +0 -64
- package/src/components/charts/util/sort/min.js +0 -64
- package/src/components/charts/util/throttle.js +0 -34
- package/src/components/charts/util/tips.js +0 -25
- package/src/components/charts/util/type.js +0 -46
@@ -1,278 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright (c) 2024 - present OpenTiny HUICharts Authors.
|
3
|
-
* Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
|
4
|
-
*
|
5
|
-
* Use of this source code is governed by an MIT-style license.
|
6
|
-
*
|
7
|
-
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
8
|
-
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
9
|
-
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
10
|
-
*
|
11
|
-
*/
|
12
|
-
import LineRound from './LineRound';
|
13
|
-
import LineBezier from './LineBezier';
|
14
|
-
import LineDirect from './LineDirect';
|
15
|
-
import { createTransLine, transLine } from './LineMode';
|
16
|
-
import { NODE_ID_PREFIX } from './NodeManager';
|
17
|
-
import { attr, addClass, createSvgByTag } from './util';
|
18
|
-
|
19
|
-
const LINE_ID_PREFIX = 'fc-line-';
|
20
|
-
const TYPE_ROUND = 'Round';
|
21
|
-
const TYPE_BEZIER = 'Bezier';
|
22
|
-
const TYPE_Direct = 'Direct';
|
23
|
-
const TYPE_STRAIGHT = 'Straight';
|
24
|
-
|
25
|
-
const defaultStyle = {
|
26
|
-
width: 1,
|
27
|
-
color: '#c2c2c2',
|
28
|
-
type: TYPE_ROUND,
|
29
|
-
};
|
30
|
-
|
31
|
-
const LineFactory = {
|
32
|
-
[TYPE_ROUND]: LineRound,
|
33
|
-
[TYPE_Direct]: LineDirect,
|
34
|
-
[TYPE_BEZIER]: LineBezier,
|
35
|
-
[TYPE_STRAIGHT]: LineRound
|
36
|
-
}
|
37
|
-
|
38
|
-
// 流程线仅支持直线和折线图
|
39
|
-
const transLineType = ['Direct', 'Round', 'Straight'];
|
40
|
-
export default class LineManager {
|
41
|
-
// 连线样式
|
42
|
-
style;
|
43
|
-
// 连线数据计算器
|
44
|
-
lineCreator;
|
45
|
-
// 连线方向
|
46
|
-
direction;
|
47
|
-
|
48
|
-
constructor(data, container, tagContainer, containerPosn, option) {
|
49
|
-
this.data = data;
|
50
|
-
this.option = option;
|
51
|
-
this.tagContainer = tagContainer;
|
52
|
-
this.direction = option.direction;
|
53
|
-
this.initColor(option);
|
54
|
-
this.style = Object.assign({},defaultStyle, option.lineStyle);
|
55
|
-
this.createLineCreator(container);
|
56
|
-
this.initArrow();
|
57
|
-
this.container = container;
|
58
|
-
this.containerPosn = containerPosn;
|
59
|
-
this.getLineAlignStyle(data.edges);
|
60
|
-
this.createLines(data.edges);
|
61
|
-
this.connectVirtualLine(data.edges);
|
62
|
-
this.createTags(data.edges);
|
63
|
-
}
|
64
|
-
|
65
|
-
initColor(option) {
|
66
|
-
if (option.theme && option.theme === 'dark') {
|
67
|
-
defaultStyle.color = '#ffffff';
|
68
|
-
}
|
69
|
-
}
|
70
|
-
|
71
|
-
initArrow() {
|
72
|
-
let arrow = document.getElementById('markerArrow');
|
73
|
-
let color = this.style.color || '#c2c2c2';
|
74
|
-
attr(arrow, 'fill', color);
|
75
|
-
}
|
76
|
-
|
77
|
-
/**
|
78
|
-
* 生成连线数据计算器
|
79
|
-
*/
|
80
|
-
createLineCreator(container) {
|
81
|
-
if(this.style.type === TYPE_STRAIGHT){
|
82
|
-
this.style.radius = 0;
|
83
|
-
}
|
84
|
-
const CreatorClass = LineFactory[this.style.type];
|
85
|
-
this.lineCreator = new CreatorClass(this.style, {
|
86
|
-
gContainer: container,
|
87
|
-
tagContainer: this.tagContainer
|
88
|
-
});
|
89
|
-
}
|
90
|
-
|
91
|
-
/**
|
92
|
-
*
|
93
|
-
* 计算连线的对齐方式,是向前对齐,还是向后对齐
|
94
|
-
*/
|
95
|
-
getLineAlignStyle(edges){
|
96
|
-
edges.forEach(edge => {
|
97
|
-
if(!edge.alignType){
|
98
|
-
let sameSource = edges.filter(item =>{
|
99
|
-
return (item.source === edge.source) && (item !== edge)
|
100
|
-
});
|
101
|
-
if(sameSource.length > 0){
|
102
|
-
edge.alignType = 'source';
|
103
|
-
sameSource.forEach(item => {
|
104
|
-
item.alignType = 'source';
|
105
|
-
});
|
106
|
-
}
|
107
|
-
}
|
108
|
-
});
|
109
|
-
edges.forEach(edge => {
|
110
|
-
if(!edge.alignType){
|
111
|
-
edge.alignType = 'target';
|
112
|
-
}
|
113
|
-
});
|
114
|
-
}
|
115
|
-
|
116
|
-
/**
|
117
|
-
* 计算连线数据
|
118
|
-
*/
|
119
|
-
setData(edge) {
|
120
|
-
if(edge?.lineStyle?.type){ // edge节点应用自身设置的连线样式
|
121
|
-
const CreatorClass = LineFactory[edge?.lineStyle?.type];
|
122
|
-
let lineCreator= new CreatorClass(edge?.lineStyle, {
|
123
|
-
gContainer: this.container,
|
124
|
-
tagContainer: this.tagContainer
|
125
|
-
})
|
126
|
-
return lineCreator.setData(edge, this.data, this.direction);
|
127
|
-
}else{
|
128
|
-
this.lineCreator.setData(edge, this.data, this.direction);
|
129
|
-
}
|
130
|
-
// 用户自定义edge位置修正
|
131
|
-
if (edge.offset) {
|
132
|
-
edge.offset(edge)
|
133
|
-
}
|
134
|
-
}
|
135
|
-
|
136
|
-
/**
|
137
|
-
* 拼接连线信息
|
138
|
-
*/
|
139
|
-
setPath(edge) {
|
140
|
-
if(edge?.lineStyle?.type){ // edge节点应用自身设置的连线样式
|
141
|
-
const CreatorClass = LineFactory[edge?.lineStyle?.type];
|
142
|
-
let lineCreator= new CreatorClass(edge?.lineStyle, {
|
143
|
-
gContainer: this.container,
|
144
|
-
tagContainer: this.tagContainer
|
145
|
-
})
|
146
|
-
return lineCreator.setPath(edge)
|
147
|
-
}else{
|
148
|
-
return this.lineCreator.setPath(edge);
|
149
|
-
}
|
150
|
-
}
|
151
|
-
|
152
|
-
// 根据数据创建连线
|
153
|
-
createLines(edges) {
|
154
|
-
edges.forEach(edge => {
|
155
|
-
this.setData(edge);
|
156
|
-
let path = this.createLine(edge);
|
157
|
-
this.container.appendChild(path);
|
158
|
-
});
|
159
|
-
}
|
160
|
-
|
161
|
-
// 创建连线dom
|
162
|
-
createLine(edge) {
|
163
|
-
let path = createSvgByTag('path');
|
164
|
-
let id = LINE_ID_PREFIX + edge.source + '-to-' + edge.target;
|
165
|
-
let d = this.setPath(edge);
|
166
|
-
edge.id = id;
|
167
|
-
attr(path, 'd', d);
|
168
|
-
attr(path, 'id', id);
|
169
|
-
if (this.style.color) {
|
170
|
-
attr(path, 'stroke', this.style.color);
|
171
|
-
}
|
172
|
-
if (this.style.dash || this.style.mode === 'dash') {
|
173
|
-
attr(path, 'stroke-dasharray', 5);
|
174
|
-
}
|
175
|
-
if (edge.lineStyle && edge.lineStyle.color) {
|
176
|
-
attr(path, 'stroke', edge.lineStyle.color);
|
177
|
-
}
|
178
|
-
if (edge.lineStyle && ( edge.lineStyle.dash || edge.lineStyle.mode === 'dash')) {
|
179
|
-
attr(path, 'stroke-dasharray', 5);
|
180
|
-
}
|
181
|
-
if (edge.lineStyle && edge.lineStyle.dash === false) {
|
182
|
-
attr(path, 'stroke-dasharray', 0);
|
183
|
-
}
|
184
|
-
if (this.style.width) {
|
185
|
-
attr(path, 'stroke-width', this.style.width + 'px');
|
186
|
-
}
|
187
|
-
if (edge.lineStyle && edge.lineStyle.width) {
|
188
|
-
attr(path, 'stroke-width', edge.lineStyle.width + 'px');
|
189
|
-
}
|
190
|
-
addClass(path, 'fc-line');
|
191
|
-
// type为Direct 不添加箭头
|
192
|
-
const noDirect=edge?.lineStyle?.type===TYPE_Direct||this.style.type===TYPE_Direct
|
193
|
-
addClass(path,noDirect?'fc-noArrow':'')
|
194
|
-
|
195
|
-
if (this.isTransLine(edge)) {
|
196
|
-
path = createTransLine(d, transLine(edge, id, edge.lineStyle?.transPattern || this.style.transPattern))
|
197
|
-
}else{
|
198
|
-
let childNode = document.getElementById(edge.id)
|
199
|
-
childNode && document.getElementById('fc-trans-container').removeChild(childNode)
|
200
|
-
}
|
201
|
-
return path;
|
202
|
-
}
|
203
|
-
|
204
|
-
// 是否是流程线
|
205
|
-
isTransLine(edge){
|
206
|
-
let isTrans = false;
|
207
|
-
if(transLineType.includes(this.style.type)){
|
208
|
-
if(this.style.mode === 'trans'){
|
209
|
-
isTrans = true;
|
210
|
-
if('lineStyle' in edge && 'mode' in edge.lineStyle){
|
211
|
-
if(edge.lineStyle.mode !== 'trans'){
|
212
|
-
isTrans = false;
|
213
|
-
}
|
214
|
-
}
|
215
|
-
}else{
|
216
|
-
if('lineStyle' in edge && 'mode' in edge.lineStyle && edge.lineStyle.mode === 'trans'){
|
217
|
-
isTrans = true;
|
218
|
-
}
|
219
|
-
}
|
220
|
-
}
|
221
|
-
return isTrans;
|
222
|
-
}
|
223
|
-
|
224
|
-
// 将两段虚拟连线链接起来
|
225
|
-
connectVirtualLine(edges){
|
226
|
-
// 取出所有 target 为 virtual 的连线
|
227
|
-
let targetVirtualEdges = edges.filter((edge) => {
|
228
|
-
return edge.target.includes('virtual');
|
229
|
-
});
|
230
|
-
// 取出所有 source 为 virtual 的连线
|
231
|
-
let sourceVirtualEdges = edges.filter((edge) => {
|
232
|
-
return edge.source.includes('virtual');
|
233
|
-
});
|
234
|
-
targetVirtualEdges.forEach(targetEdge => {
|
235
|
-
let sourceEdge = sourceVirtualEdges.filter(item=> item.source === targetEdge.target)[0];
|
236
|
-
let targetEdgeDom = this.container.querySelector(`#${targetEdge.id}`);
|
237
|
-
let sourceEdgeDom = this.container.querySelector(`#${sourceEdge.id}`);
|
238
|
-
sourceEdgeDom.remove();
|
239
|
-
let newPath = targetEdgeDom.getAttribute('d') + ' L' + sourceEdgeDom.getAttribute('d').slice(1);
|
240
|
-
let newId = LINE_ID_PREFIX + targetEdge.source + '-to-' + sourceEdge.target;
|
241
|
-
targetEdgeDom.setAttribute('d', newPath);
|
242
|
-
targetEdgeDom.setAttribute('id', newId);
|
243
|
-
});
|
244
|
-
}
|
245
|
-
|
246
|
-
createTags(edges){
|
247
|
-
edges.forEach(edge => {
|
248
|
-
this.option.renderTag && this.option.renderTag(this.tagContainer, edge);
|
249
|
-
});
|
250
|
-
}
|
251
|
-
|
252
|
-
|
253
|
-
// 更新连线
|
254
|
-
updateLine(domId) {
|
255
|
-
let nodeId = domId?.replace(NODE_ID_PREFIX, '');
|
256
|
-
this.data.edges.forEach(edge => {
|
257
|
-
if (edge.source === nodeId || edge.target === nodeId) {
|
258
|
-
this.setData(edge);
|
259
|
-
let id = LINE_ID_PREFIX + edge.source + '-to-' + edge.target;
|
260
|
-
if(this.isTransLine(edge)){
|
261
|
-
let parentNode = document.getElementById('fc-trans-container')
|
262
|
-
let updateChild = document.getElementById(id)
|
263
|
-
updateChild && parentNode.removeChild(updateChild);
|
264
|
-
createTransLine(this.setPath(edge), transLine(edge, id, edge.lineStyle?.transPattern || this.style.transPattern))
|
265
|
-
}
|
266
|
-
document.getElementById(id)?.setAttribute('d', this.setPath(edge));
|
267
|
-
}
|
268
|
-
});
|
269
|
-
}
|
270
|
-
|
271
|
-
// 更新所有连线
|
272
|
-
updateAllLine () {
|
273
|
-
this.data.nodes.forEach((node)=>{
|
274
|
-
let domId = node.dom?.id || node.id;
|
275
|
-
this.updateLine(domId);
|
276
|
-
})
|
277
|
-
}
|
278
|
-
}
|
@@ -1,44 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright (c) 2024 - present OpenTiny HUICharts Authors.
|
3
|
-
* Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
|
4
|
-
*
|
5
|
-
* Use of this source code is governed by an MIT-style license.
|
6
|
-
*
|
7
|
-
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
8
|
-
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
9
|
-
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
10
|
-
*
|
11
|
-
*/
|
12
|
-
import { attr } from './util';
|
13
|
-
|
14
|
-
// 创建流程线
|
15
|
-
function createTransLine(d, data) {
|
16
|
-
let transDiv = document.createElement('div');
|
17
|
-
let str = '';
|
18
|
-
for (let i = 0; i < data.length; i++) {
|
19
|
-
str += `<div class="fc-trans-point" style="offset-path:path('${d}');offset-distance:${Number(100 * i / data.length) + 1}%;"></div>`
|
20
|
-
}
|
21
|
-
transDiv.insertAdjacentHTML('beforeend', str);
|
22
|
-
let cloneNode = transDiv.cloneNode(true);
|
23
|
-
attr(cloneNode, 'id', data.id)
|
24
|
-
let childArr = cloneNode.childNodes;
|
25
|
-
for(let i of childArr){
|
26
|
-
data.transPattern && (i.style.background = `url(${data.transPattern})`);
|
27
|
-
}
|
28
|
-
document.getElementById('fc-trans-container').appendChild(cloneNode);
|
29
|
-
return transDiv;
|
30
|
-
}
|
31
|
-
|
32
|
-
// 计算trans线段长度
|
33
|
-
function transLine(edge, id ,transPattern){
|
34
|
-
let XLineLength = Math.abs(edge.endPoint.x - edge.startPoint.x);
|
35
|
-
let YLineLength = Math.abs(edge.endPoint.y - edge.startPoint.y);
|
36
|
-
let data = {
|
37
|
-
id,
|
38
|
-
length: Math.ceil((XLineLength + YLineLength) / 6),
|
39
|
-
transPattern
|
40
|
-
}
|
41
|
-
return data;
|
42
|
-
}
|
43
|
-
|
44
|
-
export { createTransLine, transLine }
|
@@ -1,335 +0,0 @@
|
|
1
|
-
/**
|
2
|
-
* Copyright (c) 2024 - present OpenTiny HUICharts Authors.
|
3
|
-
* Copyright (c) 2024 - present Huawei Cloud Computing Technologies Co., Ltd.
|
4
|
-
*
|
5
|
-
* Use of this source code is governed by an MIT-style license.
|
6
|
-
*
|
7
|
-
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
8
|
-
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
9
|
-
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
10
|
-
*
|
11
|
-
*/
|
12
|
-
const VDirection = ['TB', 'BT', 'V'];
|
13
|
-
const HDirection = ['LR', 'RL', 'H'];
|
14
|
-
|
15
|
-
// 圆角曲线连线
|
16
|
-
export default class LineRound {
|
17
|
-
// 默认圆弧拐角的 radius 为 20
|
18
|
-
radius = 10;
|
19
|
-
// 连线向前多少开始拐弯
|
20
|
-
dis = 15;
|
21
|
-
// 直角拐点占水平距离的百分比
|
22
|
-
lineDistance = 0.5;
|
23
|
-
|
24
|
-
constructor(option) {
|
25
|
-
this.radius = option.radius === undefined ? this.radius : option.radius;
|
26
|
-
this.lineDistance = option.lineDistance || 0.5;
|
27
|
-
}
|
28
|
-
|
29
|
-
/**
|
30
|
-
* 以lineRound作为试点,连线有两种对齐方式:
|
31
|
-
* 1. 默认为向后对齐,即向target节点对齐,优先级低
|
32
|
-
* 2. 然后再将source节点出来的连线向前对齐,优先级高
|
33
|
-
*/
|
34
|
-
setData(edge, data, direction) {
|
35
|
-
if(VDirection.indexOf(direction) !== -1){
|
36
|
-
if(edge.alignType == 'target'){
|
37
|
-
this.setTargetDataV(edge, data);
|
38
|
-
}else if(edge.alignType == 'source'){
|
39
|
-
this.setSourceDataV(edge, data);
|
40
|
-
}
|
41
|
-
}else{
|
42
|
-
if(edge.alignType == 'target'){
|
43
|
-
this.setTargetData(edge, data);
|
44
|
-
}else if(edge.alignType == 'source'){
|
45
|
-
this.setSourceData(edge, data);
|
46
|
-
}
|
47
|
-
}
|
48
|
-
}
|
49
|
-
|
50
|
-
// 计算出以目标节点为对齐方式的连线数据
|
51
|
-
setTargetData(targetEdge, data){
|
52
|
-
let end = targetEdge.target;
|
53
|
-
let start = targetEdge.source;
|
54
|
-
let nodesObj = data.nodesObj;
|
55
|
-
let startWidth = nodesObj[start].width || 50;
|
56
|
-
let startInnerWidth = nodesObj[start].innerWidth || 50;
|
57
|
-
let startHeight = nodesObj[start].height || 50;
|
58
|
-
let endWidth = nodesObj[end].width || 50;
|
59
|
-
let endInnerWidth = nodesObj[end].innerWidth || 50;
|
60
|
-
let endHeight = nodesObj[end].height || 50;
|
61
|
-
// 拐角半径
|
62
|
-
targetEdge.radius = this.radius;
|
63
|
-
// 起始点
|
64
|
-
targetEdge.startPoint = {
|
65
|
-
x: nodesObj[start].x + startWidth + ( startInnerWidth - startWidth ) / 2-data.minX,
|
66
|
-
y: nodesObj[start].y + startHeight / 2-data.minY,
|
67
|
-
};
|
68
|
-
// 结束点
|
69
|
-
targetEdge.endPoint = {
|
70
|
-
x: nodesObj[end].x - ( endInnerWidth - endWidth ) / 2-data.minX,
|
71
|
-
y: nodesObj[end].y + endHeight / 2-data.minY,
|
72
|
-
};
|
73
|
-
let vDis = targetEdge.endPoint.y - targetEdge.startPoint.y;
|
74
|
-
// endPoint向左距离20点位置开始绘制曲线
|
75
|
-
let hDis = this.dis;
|
76
|
-
|
77
|
-
// radius 根据 vDis 大小而动态调整
|
78
|
-
if(Math.abs(vDis) <= this.radius * 2){
|
79
|
-
targetEdge.radius = Math.abs(vDis) / 2;
|
80
|
-
}
|
81
|
-
|
82
|
-
let revise = targetEdge.radius;
|
83
|
-
// 当end节点在start节点下方时,个别点的位置需要修正
|
84
|
-
if(targetEdge.endPoint.y < targetEdge.startPoint.y){
|
85
|
-
revise = -targetEdge.radius
|
86
|
-
}
|
87
|
-
// 第一个圆弧起始点
|
88
|
-
targetEdge.firstRoundStartPoint = {
|
89
|
-
x: targetEdge.endPoint.x - hDis - targetEdge.radius * 2,
|
90
|
-
y: targetEdge.startPoint.y,
|
91
|
-
}
|
92
|
-
// 第一个圆弧控制点
|
93
|
-
targetEdge.firstRoundControlPoint = {
|
94
|
-
x: targetEdge.endPoint.x - hDis - targetEdge.radius,
|
95
|
-
y: targetEdge.startPoint.y,
|
96
|
-
}
|
97
|
-
// 第一个圆弧结束点
|
98
|
-
targetEdge.firstRoundEndPoint = {
|
99
|
-
x: targetEdge.endPoint.x - hDis - targetEdge.radius,
|
100
|
-
y: targetEdge.startPoint.y + revise,
|
101
|
-
};
|
102
|
-
// 第二个圆弧起始点
|
103
|
-
targetEdge.secondRoundStartPoint = {
|
104
|
-
x: targetEdge.endPoint.x - hDis - targetEdge.radius,
|
105
|
-
y: targetEdge.endPoint.y - revise,
|
106
|
-
};
|
107
|
-
// 第二个圆弧控制点
|
108
|
-
targetEdge.secondRoundControlPoint = {
|
109
|
-
x: targetEdge.endPoint.x - hDis - targetEdge.radius,
|
110
|
-
y: targetEdge.endPoint.y,
|
111
|
-
};
|
112
|
-
// 第二个圆弧结束点
|
113
|
-
targetEdge.secondRoundEndPoint = {
|
114
|
-
x: targetEdge.endPoint.x - hDis,
|
115
|
-
y: targetEdge.endPoint.y,
|
116
|
-
};
|
117
|
-
}
|
118
|
-
|
119
|
-
// 计算出以源头节点为对齐方式的连线数据
|
120
|
-
setSourceData(edge, data){
|
121
|
-
let end = edge.target;
|
122
|
-
let start = edge.source;
|
123
|
-
let nodesObj = data.nodesObj;
|
124
|
-
let startWidth = nodesObj[start].width || 50;
|
125
|
-
let startInnerWidth = nodesObj[start].innerWidth || 50;
|
126
|
-
let startHeight = nodesObj[start].height || 50;
|
127
|
-
let endWidth = nodesObj[end].width || 50;
|
128
|
-
let endInnerWidth = nodesObj[end].innerWidth || 50;
|
129
|
-
let endHeight = nodesObj[end].height || 50;
|
130
|
-
// 拐角半径
|
131
|
-
edge.radius = this.radius;
|
132
|
-
// 起始点
|
133
|
-
edge.startPoint = {
|
134
|
-
x: nodesObj[start].x + startWidth + ( startInnerWidth - startWidth ) / 2-data.minX,
|
135
|
-
y: nodesObj[start].y + startHeight / 2-data.minY,
|
136
|
-
};
|
137
|
-
// 结束点
|
138
|
-
edge.endPoint = {
|
139
|
-
x: nodesObj[end].x - ( endInnerWidth - endWidth ) / 2-data.minX,
|
140
|
-
y: nodesObj[end].y + endHeight / 2-data.minY,
|
141
|
-
};
|
142
|
-
let vDis = edge.endPoint.y - edge.startPoint.y;
|
143
|
-
// endPoint向左距离20点位置开始绘制曲线
|
144
|
-
let hDis = this.dis;
|
145
|
-
|
146
|
-
// radius 根据 vDis 大小而动态调整
|
147
|
-
if(Math.abs(vDis) <= this.radius * 2){
|
148
|
-
edge.radius = Math.abs(vDis) / 2;
|
149
|
-
}
|
150
|
-
|
151
|
-
let revise = edge.radius;
|
152
|
-
// 当end节点在start节点下方时,个别点的位置需要修正
|
153
|
-
if(edge.endPoint.y < edge.startPoint.y){
|
154
|
-
revise = -edge.radius
|
155
|
-
}
|
156
|
-
// 第一个圆弧起始点
|
157
|
-
edge.firstRoundStartPoint = {
|
158
|
-
x: edge.startPoint.x + hDis,
|
159
|
-
y: edge.startPoint.y,
|
160
|
-
}
|
161
|
-
// 第一个圆弧控制点
|
162
|
-
edge.firstRoundControlPoint = {
|
163
|
-
x: edge.startPoint.x + hDis + edge.radius,
|
164
|
-
y: edge.startPoint.y,
|
165
|
-
}
|
166
|
-
// 第一个圆弧结束点
|
167
|
-
edge.firstRoundEndPoint = {
|
168
|
-
x: edge.startPoint.x + hDis + edge.radius,
|
169
|
-
y: edge.startPoint.y + revise,
|
170
|
-
};
|
171
|
-
// 第二个圆弧起始点
|
172
|
-
edge.secondRoundStartPoint = {
|
173
|
-
x: edge.startPoint.x + hDis + edge.radius,
|
174
|
-
y: edge.endPoint.y - revise,
|
175
|
-
};
|
176
|
-
// 第二个圆弧控制点
|
177
|
-
edge.secondRoundControlPoint = {
|
178
|
-
x: edge.startPoint.x + hDis + edge.radius,
|
179
|
-
y: edge.endPoint.y,
|
180
|
-
};
|
181
|
-
// 第二个圆弧结束点
|
182
|
-
edge.secondRoundEndPoint = {
|
183
|
-
x: edge.startPoint.x + hDis + edge.radius * 2,
|
184
|
-
y: edge.endPoint.y,
|
185
|
-
};
|
186
|
-
}
|
187
|
-
|
188
|
-
// 计算出以目标节点为对齐方式的连线数据 --- 纵向
|
189
|
-
setTargetDataV(targetEdge, data){
|
190
|
-
let end = targetEdge.target;
|
191
|
-
let start = targetEdge.source;
|
192
|
-
let nodesObj = data.nodesObj;
|
193
|
-
let startWidth = nodesObj[start].width || 50;
|
194
|
-
let startInnerHeight = nodesObj[start].innerHeight || 50;
|
195
|
-
let startHeight = nodesObj[start].height || 50;
|
196
|
-
let endWidth = nodesObj[end].width || 50;
|
197
|
-
let endInnerHeight = nodesObj[end].innerHeight || 50;
|
198
|
-
let endHeight = nodesObj[end].height || 50;
|
199
|
-
// 拐角半径
|
200
|
-
targetEdge.radius = this.radius;
|
201
|
-
// 起始点
|
202
|
-
targetEdge.startPoint = {
|
203
|
-
x: nodesObj[start].x + startWidth / 2-data.minX,
|
204
|
-
y: nodesObj[start].y + startHeight + ( startInnerHeight - startHeight ) / 2-data.minY,
|
205
|
-
};
|
206
|
-
// 结束点
|
207
|
-
targetEdge.endPoint = {
|
208
|
-
x: nodesObj[end].x + endWidth / 2-data.minX,
|
209
|
-
y: nodesObj[end].y - ( endInnerHeight - endHeight ) / 2-data.minY,
|
210
|
-
};
|
211
|
-
let hDis = targetEdge.endPoint.x - targetEdge.startPoint.x;
|
212
|
-
// endPoint向上距离20点位置开始绘制曲线
|
213
|
-
let vDis = this.dis;
|
214
|
-
|
215
|
-
// radius 根据 vDis 大小而动态调整
|
216
|
-
if(Math.abs(hDis) <= this.radius * 2){
|
217
|
-
targetEdge.radius = Math.abs(hDis) / 2;
|
218
|
-
}
|
219
|
-
|
220
|
-
let revise = targetEdge.radius;
|
221
|
-
// 当end节点在start节点左方时,个别点的位置需要修正
|
222
|
-
if(targetEdge.endPoint.x < targetEdge.startPoint.x){
|
223
|
-
revise = -targetEdge.radius
|
224
|
-
}
|
225
|
-
// 第一个圆弧起始点
|
226
|
-
targetEdge.firstRoundStartPoint = {
|
227
|
-
x: targetEdge.startPoint.x,
|
228
|
-
y: targetEdge.endPoint.y - vDis - targetEdge.radius * 2,
|
229
|
-
}
|
230
|
-
// 第一个圆弧控制点
|
231
|
-
targetEdge.firstRoundControlPoint = {
|
232
|
-
x: targetEdge.startPoint.x,
|
233
|
-
y: targetEdge.endPoint.y - vDis - targetEdge.radius,
|
234
|
-
}
|
235
|
-
// 第一个圆弧结束点
|
236
|
-
targetEdge.firstRoundEndPoint = {
|
237
|
-
x: targetEdge.startPoint.x + revise,
|
238
|
-
y: targetEdge.endPoint.y - vDis - targetEdge.radius,
|
239
|
-
};
|
240
|
-
// 第二个圆弧起始点
|
241
|
-
targetEdge.secondRoundStartPoint = {
|
242
|
-
x: targetEdge.endPoint.x - revise,
|
243
|
-
y: targetEdge.endPoint.y - vDis - targetEdge.radius,
|
244
|
-
};
|
245
|
-
// 第二个圆弧控制点
|
246
|
-
targetEdge.secondRoundControlPoint = {
|
247
|
-
x: targetEdge.endPoint.x,
|
248
|
-
y: targetEdge.endPoint.y - vDis - targetEdge.radius,
|
249
|
-
};
|
250
|
-
// 第二个圆弧结束点
|
251
|
-
targetEdge.secondRoundEndPoint = {
|
252
|
-
x: targetEdge.endPoint.x,
|
253
|
-
y: targetEdge.endPoint.y - vDis,
|
254
|
-
};
|
255
|
-
}
|
256
|
-
|
257
|
-
// 计算出以源头节点为对齐方式的连线数据 --- 纵向
|
258
|
-
setSourceDataV(edge, data){
|
259
|
-
let end = edge.target;
|
260
|
-
let start = edge.source;
|
261
|
-
let nodesObj = data.nodesObj;
|
262
|
-
let startWidth = nodesObj[start].width || 50;
|
263
|
-
let startInnerHeight = nodesObj[start].innerHeight || 50;
|
264
|
-
let startHeight = nodesObj[start].height || 50;
|
265
|
-
let endWidth = nodesObj[end].width || 50;
|
266
|
-
let endInnerHeight = nodesObj[end].innerHeight || 50;
|
267
|
-
let endHeight = nodesObj[end].height || 50;
|
268
|
-
// 拐角半径
|
269
|
-
edge.radius = this.radius;
|
270
|
-
// 起始点
|
271
|
-
edge.startPoint = {
|
272
|
-
x: nodesObj[start].x + startWidth / 2-data.minX,
|
273
|
-
y: nodesObj[start].y + startHeight + ( startInnerHeight - startHeight ) / 2-data.minY,
|
274
|
-
};
|
275
|
-
// 结束点
|
276
|
-
edge.endPoint = {
|
277
|
-
x: nodesObj[end].x + endWidth / 2-data.minX,
|
278
|
-
y: nodesObj[end].y - ( endInnerHeight - endHeight ) / 2-data.minY,
|
279
|
-
};
|
280
|
-
let hDis = edge.endPoint.x - edge.startPoint.x;
|
281
|
-
// endPoint向上距离20点位置开始绘制曲线
|
282
|
-
let vDis = this.dis;
|
283
|
-
|
284
|
-
// radius 根据 vDis 大小而动态调整
|
285
|
-
if(Math.abs(hDis) <= this.radius * 2){
|
286
|
-
edge.radius = Math.abs(hDis) / 2;
|
287
|
-
}
|
288
|
-
|
289
|
-
let revise = edge.radius;
|
290
|
-
// 当end节点在start节点左方时,个别点的位置需要修正
|
291
|
-
if(edge.endPoint.x < edge.startPoint.x){
|
292
|
-
revise = -edge.radius
|
293
|
-
}
|
294
|
-
// 第一个圆弧起始点
|
295
|
-
edge.firstRoundStartPoint = {
|
296
|
-
x: edge.startPoint.x,
|
297
|
-
y: edge.startPoint.y + vDis,
|
298
|
-
}
|
299
|
-
// 第一个圆弧控制点
|
300
|
-
edge.firstRoundControlPoint = {
|
301
|
-
x: edge.startPoint.x,
|
302
|
-
y: edge.startPoint.y + vDis + edge.radius,
|
303
|
-
}
|
304
|
-
// 第一个圆弧结束点
|
305
|
-
edge.firstRoundEndPoint = {
|
306
|
-
x: edge.startPoint.x + revise,
|
307
|
-
y: edge.startPoint.y + vDis + edge.radius,
|
308
|
-
};
|
309
|
-
// 第二个圆弧起始点
|
310
|
-
edge.secondRoundStartPoint = {
|
311
|
-
x: edge.endPoint.x - revise,
|
312
|
-
y: edge.startPoint.y + vDis + edge.radius,
|
313
|
-
};
|
314
|
-
// 第二个圆弧控制点
|
315
|
-
edge.secondRoundControlPoint = {
|
316
|
-
x: edge.endPoint.x,
|
317
|
-
y: edge.startPoint.y + vDis + edge.radius,
|
318
|
-
};
|
319
|
-
// 第二个圆弧结束点
|
320
|
-
edge.secondRoundEndPoint = {
|
321
|
-
x: edge.endPoint.x,
|
322
|
-
y: edge.startPoint.y + vDis + edge.radius * 2,
|
323
|
-
};
|
324
|
-
}
|
325
|
-
|
326
|
-
setPath (edge){
|
327
|
-
let m = `M${edge.startPoint.x} ${edge.startPoint.y}`;
|
328
|
-
let l1 = `L${edge.firstRoundStartPoint.x} ${edge.firstRoundStartPoint.y}`;
|
329
|
-
let q1 = `Q${edge.firstRoundControlPoint.x} ${edge.firstRoundControlPoint.y} ${edge.firstRoundEndPoint.x} ${edge.firstRoundEndPoint.y}`;
|
330
|
-
let l2 = `L${edge.secondRoundStartPoint.x} ${edge.secondRoundStartPoint.y}`;
|
331
|
-
let q2 = `Q${edge.secondRoundControlPoint.x} ${edge.secondRoundControlPoint.y} ${edge.secondRoundEndPoint.x} ${edge.secondRoundEndPoint.y}`;
|
332
|
-
let l3 = `L${edge.endPoint.x} ${edge.endPoint.y}`;
|
333
|
-
return `${m} ${l1} ${q1} ${l2} ${q2} ${l3}`;
|
334
|
-
}
|
335
|
-
}
|