vue2-client 1.2.5 → 1.2.8

package/src/pages/system/applyInstallView/registerNode/registerStart.js

@@ -1,105 +0,0 @@
-export default function registerStart (lf) {
-  lf.register('start', ({ CircleNode, CircleNodeModel, h }) => {
-    class StartNode extends CircleNode {
-      getIconShape () {
-        const { model } = this.props
-        const { stroke } = model.getNodeStyle()
-        const {
-          x,
-          y,
-          width,
-          height
-        } = model
-        return h(
-          'svg',
-          {
-            x: x - width / 2 + 8,
-            y: y - height / 2 + 7,
-            width: 25,
-            height: 25,
-            viewBox: '0 0 1024 1024'
-          },
-          h(
-            'path',
-            {
-              fill: stroke,
-              d: 'M380.677 176.279l390.182 225.272c85.024 49.089 85.024 171.81 0 220.899L380.677 847.721c-85.024 49.089-191.304-12.272-191.304-110.449V286.728c0-98.177 106.28-159.538 191.304-110.449z'
-            }
-          )
-        )
-      }
-      getShape () {
-        const { model } = this.props
-        const { x, y, r } = model
-        const { fill, stroke, strokeWidth } = model.getNodeStyle()
-        return h(
-          'g',
-          {
-          },
-          [
-            h(
-              'circle',
-              {
-                cx: x,
-                cy: y,
-                r,
-                fill,
-                stroke,
-                strokeWidth
-              }
-            ),
-            this.getIconShape()
-          ]
-        )
-      }
-    }
-    class StartModel extends CircleNodeModel {
-      // 自定义节点形状属性
-      initNodeData (data) {
-        data.text = {
-          value: (data.text && data.text.value) || '',
-          x: data.x,
-          y: data.y + 35,
-          dragable: false,
-          editable: true
-        }
-        super.initNodeData(data)
-        this.r = 20
-      }
-      // 自定义节点样式属性
-      getNodeStyle () {
-        const style = super.getNodeStyle()
-        style.stroke = '#FF7B15'
-        style.strokeWidth = 3
-        return style
-      }
-      // 自定义锚点样式
-      getAnchorStyle () {
-        const style = super.getAnchorStyle()
-        style.hover.r = 8
-        style.hover.fill = 'rgb(24, 125, 255)'
-        style.hover.stroke = 'rgb(24, 125, 255)'
-        return style
-      }
-      // 自定义节点outline
-      getOutlineStyle () {
-        const style = super.getOutlineStyle()
-        style.stroke = '#88f'
-        return style
-      }
-      getConnectedTargetRules () {
-        const rules = super.getConnectedTargetRules()
-        const notAsTarget = {
-          message: '起始节点不能作为连线的终点',
-          validate: () => false
-        }
-        rules.push(notAsTarget)
-        return rules
-      }
-    }
-    return {
-      view: StartNode,
-      model: StartModel
-    }
-  })
-}

package/src/pages/system/applyInstallView/registerNode/registerStep.js

@@ -1,209 +0,0 @@
-export default function registerStep (lf, clickPlus, mouseDownPlus, showPropView, showSimpleFormView) {
-  lf.register('step', ({ RectNode, RectNodeModel, h }) => {
-    class Node extends RectNode {
-      getIconShape () {
-        const { model } = this.props
-        const { stroke } = model.getNodeStyle()
-        const { x, y } = model
-        return h(
-          'svg',
-          {
-            width: 40,
-            height: 40,
-            x: x - 20,
-            y: y - 20,
-            viewBox: '0 0 1024 1024'
-          },
-          h(
-            'path',
-            {
-              fill: stroke,
-              d: 'M512 241.777778m-139.377778 0a139.377778 139.377778 0 1 0 278.755556 0 139.377778 139.377778 0 1 0-278.755556 0Z'
-            }
-          ),
-          h(
-            'path',
-            {
-              fill: stroke,
-              d: 'M230.4 731.363556m-139.377778 0a139.377778 139.377778 0 1 0 278.755556 0 139.377778 139.377778 0 1 0-278.755556 0Z'
-            }
-          ),
-          h(
-            'path',
-            {
-              fill: stroke,
-              d: 'M221.639111 500.622222l-53.816889-12.401778A351.573333 351.573333 0 0 1 512 213.560889v55.296A296.846222 296.846222 0 0 0 221.639111 500.622222zM788.48 787.114667l-43.235556-34.133334A295.822222 295.822222 0 0 0 718.620444 352.711111l38.343112-39.936a350.776889 350.776889 0 0 1 31.516444 474.339556z'
-            }
-          ),
-          h(
-            'path',
-            {
-              fill: stroke,
-              d: 'M793.6 730.794667m-139.377778 0a139.377778 139.377778 0 1 0 278.755556 0 139.377778 139.377778 0 1 0-278.755556 0Z'
-            }
-          ),
-          h(
-            'path',
-            {
-              fill: stroke,
-              d: 'M520.078222 921.6a353.848889 353.848889 0 0 1-306.289778-176.469333L261.688889 717.596444A297.984 297.984 0 0 0 608.028444 853.333333l16.611556 52.679111A344.974222 344.974222 0 0 1 520.078222 921.6z'
-            }
-          )
-        )
-      }
-      getPulsShape () {
-        const { model } = this.props
-        // 判断当前节点是否子节点
-        const graphData = lf.getGraphData()
-        const edges = graphData.edges
-        let hasChildNode = false
-        edges.some(item => {
-          if (item.sourceNodeId === model.id) {
-            hasChildNode = true
-            return true
-          }
-        })
-        if (hasChildNode) {
-          return
-        }
-        return h(
-          'svg',
-          {
-            x: 70,
-            y: 20,
-            width: 30,
-            height: 30,
-            viewBox: '0 0 1024 1024',
-            class: 'time-plus',
-            onClick: (e) => clickPlus(e, model, [{
-              type: 'step',
-              label: '添加步骤'
-            }]),
-            onMousedown: (e) => mouseDownPlus(e, model),
-            onMouseUp: (e) => mouseDownPlus(e, model)
-          },
-          h(
-            'path',
-            {
-              fill: '#f17611',
-              d: 'M512 512m-448 0a448 448 0 1 0 896 0 448 448 0 1 0-896 0Z'
-            }
-          ),
-          h(
-            'path',
-            {
-              fill: '#ffffff',
-              d: 'M448 298.666667h128v426.666666h-128z'
-            }
-          ),
-          h(
-            'path',
-            {
-              fill: '#ffffff',
-              d: 'M298.666667 448h426.666666v128H298.666667z'
-            }
-          )
-        )
-      }
-      getShape () {
-        const { model } = this.props
-        const { width, height, x, y } = model
-        const { fill, stroke, strokeWidth } = model.getNodeStyle()
-        return h(
-          'g',
-          {
-          },
-          [
-            h(
-              'rect',
-              {
-                x: x - (width / 2),
-                y: y - (height / 2),
-                width: width,
-                height: height,
-                fill,
-                stroke,
-                strokeWidth
-              }
-            ),
-            this.getIconShape(),
-            this.getPulsShape()
-          ]
-        )
-      }
-    }
-    class Model extends RectNodeModel {
-      constructor (data, graphModel) {
-        data.text = {
-          value: (data.text && data.text.value) || '',
-          x: data.x,
-          y: data.y + 50
-        }
-        super(data, graphModel)
-        // 右键菜单自由配置，也可以通过边的properties或者其他属性条件更换不同菜单
-        this.menu = [
-          {
-            className: 'lf-menu-delete',
-            text: '删除',
-            callback (node) {
-              // const comfirm = window.confirm('你确定要删除吗？')
-              lf.deleteNode(node.id)
-            }
-          },
-          {
-            text: '编辑文本',
-            className: 'lf-menu-item',
-            callback (node) {
-              lf.editText(node.id)
-            }
-          },
-          {
-            text: '编辑属性',
-            className: 'lf-menu-item',
-            callback (node) {
-              showPropView(node)
-            }
-          },
-          {
-            text: '编辑表单',
-            className: 'lf-menu-item',
-            callback (node) {
-              showSimpleFormView(node)
-            }
-          },
-          {
-            text: '复制',
-            className: 'lf-menu-item',
-            callback (node) {
-              lf.cloneNode(node.id)
-            }
-          }
-        ]
-      }
-      initNodeData (data) {
-        super.initNodeData(data)
-        this.width = 70
-        this.height = 70
-      }
-      // 自定义锚点样式
-      getAnchorStyle () {
-        const style = super.getAnchorStyle()
-        style.hover.r = 8
-        style.hover.fill = 'rgb(24, 125, 255)'
-        style.hover.stroke = 'rgb(24, 125, 255)'
-        return style
-      }
-      // 自定义节点样式
-      getNodeStyle () {
-        const style = super.getNodeStyle()
-        style.stroke = '#37ADDB'
-        style.strokeWidth = 3
-        return style
-      }
-    }
-    return {
-      view: Node,
-      model: Model
-    }
-  })
-}

package/src/pages/system/applyInstallView/registerNode/registerTask.js

@@ -1,29 +0,0 @@
-export default function registerTask (lf) {
-  lf.register('task', ({ RectNode, RectNodeModel, h }) => {
-    class View extends RectNode {
-      getShape () {
-        const { model } = this.props
-        const { width, height, x, y } = model
-        const position = {
-          x: x - width / 2,
-          y: y - height / 2
-        }
-        const style = model.getNodeStyle()
-        return h('rect', {
-          ...style,
-          ...position
-        })
-      }
-    }
-    class Model extends RectNodeModel {
-      constructor (data, graphModel) {
-        super(data, graphModel)
-        this.radius = 20
-      }
-    }
-    return {
-      view: View,
-      model: Model
-    }
-  })
-}