forked from lidaxuan/X-Flowchart-Vue
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
10 changed files
with
774 additions
and
15 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,90 @@ | ||
| /** | ||
| * Created by OXOYO on 2019/12/26. | ||
| * | ||
| * 左箭头 | ||
| */ | ||
|
|
||
| import Global from '@antv/g6/src/global' | ||
| import Util from '@antv/g6/src/util' | ||
| import base from '../base' | ||
| import utils from '../../utils' | ||
|
|
||
| export default { | ||
| name: 'arrow-left', | ||
| extendName: 'single-shape', | ||
| options: { | ||
| ...base, | ||
| shapeType: 'path', | ||
| getShapeStyle (cfg) { | ||
| const size = this.getSize(cfg) | ||
| const width = size[0] | ||
| const height = size[1] | ||
| const x = 0 - width / 2 | ||
| const y = 0 - height / 2 | ||
| // 计算箭头 | ||
| let { L1, L7 } = utils.node.computed({ | ||
| deg: 85, | ||
| L1: width / 3, | ||
| L7: height / 4 | ||
| }) | ||
| // 箭头顶点 | ||
| let P0 = { | ||
| x: -width / 2, | ||
| y: 0 | ||
| } | ||
|
|
||
| // 左上顶点 | ||
| let P1 = { | ||
| x: -width / 2 + L1, | ||
| y: height / 2 | ||
| } | ||
| // 左上中 | ||
| let P2 = { | ||
| x: -width / 2 + L1, | ||
| y: L7 | ||
| } | ||
| // 右上 | ||
| let P3 = { | ||
| x: width / 2, | ||
| y: L7 | ||
| } | ||
| // 右下 | ||
| let P4 = { | ||
| x: width / 2, | ||
| y: -L7 | ||
| } | ||
| // 左下中 | ||
| let P5 = { | ||
| x: -width / 2 + L1, | ||
| y: -L7 | ||
| } | ||
| // 左下顶点 | ||
| let P6 = { | ||
| x: -width / 2 + L1, | ||
| y: -height / 2 | ||
| } | ||
|
|
||
| const path = [ | ||
| [ 'M', P0.x, P0.y ], | ||
| [ 'L', P1.x, P1.y ], | ||
| [ 'L', P2.x, P2.y ], | ||
| [ 'L', P3.x, P3.y ], | ||
| [ 'L', P4.x, P4.y ], | ||
| [ 'L', P5.x, P5.y ], | ||
| [ 'L', P6.x, P6.y ], | ||
| [ 'Z' ] | ||
| ] | ||
| const color = cfg.color || Global.defaultNode.color | ||
| const style = Util.mix({}, Global.defaultNode.style, { | ||
| // 节点的位置在上层确定，所以这里仅使用相对位置即可 | ||
| x, | ||
| y, | ||
| width, | ||
| height, | ||
| path, | ||
| stroke: color | ||
| }, cfg.style) | ||
| return style | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,90 @@ | ||
| /** | ||
| * Created by OXOYO on 2019/12/26. | ||
| * | ||
| * 右箭头 | ||
| */ | ||
|
|
||
| import Global from '@antv/g6/src/global' | ||
| import Util from '@antv/g6/src/util' | ||
| import base from '../base' | ||
| import utils from '../../utils' | ||
|
|
||
| export default { | ||
| name: 'arrow-right', | ||
| extendName: 'single-shape', | ||
| options: { | ||
| ...base, | ||
| shapeType: 'path', | ||
| getShapeStyle (cfg) { | ||
| const size = this.getSize(cfg) | ||
| const width = size[0] | ||
| const height = size[1] | ||
| const x = 0 - width / 2 | ||
| const y = 0 - height / 2 | ||
| // 计算箭头 | ||
| let { L1, L7 } = utils.node.computed({ | ||
| deg: 85, | ||
| L1: width / 3, | ||
| L7: height / 4 | ||
| }) | ||
| // 箭头顶点 | ||
| let P0 = { | ||
| x: width / 2, | ||
| y: 0 | ||
| } | ||
|
|
||
| // 右下顶点 | ||
| let P1 = { | ||
| x: width / 2 - L1, | ||
| y: height / 2 | ||
| } | ||
| // 右下中 | ||
| let P2 = { | ||
| x: width / 2 - L1, | ||
| y: L7 | ||
| } | ||
| // 左下 | ||
| let P3 = { | ||
| x: -width / 2, | ||
| y: L7 | ||
| } | ||
| // 左上 | ||
| let P4 = { | ||
| x: -width / 2, | ||
| y: -L7 | ||
| } | ||
| // 有下中 | ||
| let P5 = { | ||
| x: width / 2 - L1, | ||
| y: -L7 | ||
| } | ||
| // 右上顶点 | ||
| let P6 = { | ||
| x: width / 2 - L1, | ||
| y: -height / 2 | ||
| } | ||
|
|
||
| const path = [ | ||
| [ 'M', P0.x, P0.y ], | ||
| [ 'L', P1.x, P1.y ], | ||
| [ 'L', P2.x, P2.y ], | ||
| [ 'L', P3.x, P3.y ], | ||
| [ 'L', P4.x, P4.y ], | ||
| [ 'L', P5.x, P5.y ], | ||
| [ 'L', P6.x, P6.y ], | ||
| [ 'Z' ] | ||
| ] | ||
| const color = cfg.color || Global.defaultNode.color | ||
| const style = Util.mix({}, Global.defaultNode.style, { | ||
| // 节点的位置在上层确定，所以这里仅使用相对位置即可 | ||
| x, | ||
| y, | ||
| width, | ||
| height, | ||
| path, | ||
| stroke: color | ||
| }, cfg.style) | ||
| return style | ||
| } | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,90 @@ | ||
| /** | ||
| * Created by OXOYO on 2019/12/26. | ||
| * | ||
| * 上箭头 | ||
| */ | ||
|
|
||
| import Global from '@antv/g6/src/global' | ||
| import Util from '@antv/g6/src/util' | ||
| import base from '../base' | ||
| import utils from '../../utils' | ||
|
|
||
| export default { | ||
| name: 'arrow-up', | ||
| extendName: 'single-shape', | ||
| options: { | ||
| ...base, | ||
| shapeType: 'path', | ||
| getShapeStyle (cfg) { | ||
| const size = this.getSize(cfg) | ||
| const width = size[0] | ||
| const height = size[1] | ||
| const x = 0 - width / 2 | ||
| const y = 0 - height / 2 | ||
| // 计算箭头 | ||
| let { L1, L7 } = utils.node.computed({ | ||
| deg: 85, | ||
| L1: height / 3, | ||
| L7: width / 4 | ||
| }) | ||
| // 箭头顶点 | ||
| let P0 = { | ||
| x: 0, | ||
| y: -height / 2 | ||
| } | ||
|
|
||
| // 右上顶点 | ||
| let P1 = { | ||
| x: width / 2, | ||
| y: -height / 2 + L1 | ||
| } | ||
| // 右上中 | ||
| let P2 = { | ||
| x: L7, | ||
| y: P1.y | ||
| } | ||
| // 右下 | ||
| let P3 = { | ||
| x: L7, | ||
| y: height / 2 | ||
| } | ||
| // 左下 | ||
| let P4 = { | ||
| x: -L7, | ||
| y: height / 2 | ||
| } | ||
| // 左上中 | ||
| let P5 = { | ||
| x: P4.x, | ||
| y: P2.y | ||
| } | ||
| // 左顶点 | ||
| let P6 = { | ||
| x: -width / 2, | ||
| y: P1.y | ||
| } | ||
|
|
||
| const path = [ | ||
| [ 'M', P0.x, P0.y ], | ||
| [ 'L', P1.x, P1.y ], | ||
| [ 'L', P2.x, P2.y ], | ||
| [ 'L', P3.x, P3.y ], | ||
| [ 'L', P4.x, P4.y ], | ||
| [ 'L', P5.x, P5.y ], | ||
| [ 'L', P6.x, P6.y ], | ||
| [ 'Z' ] | ||
| ] | ||
| const color = cfg.color || Global.defaultNode.color | ||
| const style = Util.mix({}, Global.defaultNode.style, { | ||
| // 节点的位置在上层确定，所以这里仅使用相对位置即可 | ||
| x, | ||
| y, | ||
| width, | ||
| height, | ||
| path, | ||
| stroke: color | ||
| }, cfg.style) | ||
| return style | ||
| } | ||
| } | ||
| } |
Oops, something went wrong.