1.1.16 • Published 12 months ago

yz-flow v1.1.16

Weekly downloads
-
License
MIT
Repository
-
Last release
12 months ago

前言

提供一个黑盒子的载体,通过暴露方法,和属性,实现对流程图的操作

install

npm i yz-flow --save-dev

属性

参数说明类型可选值默认值
menueList左侧显示的菜单栏Array无无
readerOnly是否为只读Booleantrue,falsefalse
canZoom是否缩放Booleantrue,falsefalse
loadComplete首次加载数据是否加载完毕Booleantrue,falsefalse
nodeList节点数据Array无无
lineList线的数据Array无无
currentElement当前操作的节点数据Object{}{}
dataFormat定义数据格式Object{}default
visableEditeLine父级监听该值,判断是否编辑当前的线true,falsefalsefalse
visableEditeNode父级监听该值,判断是否编辑当前的节点true,falsefalsefalse
visableAuto父级监听该值,判断是否编辑自动表单true,falsefalsefalse

事件

事件说明参数值
addNode添加节点params, callback
changeNode改变该节点params
connectionLine节点连线params, callback
delConnect删除连线lineId, callback
delNode删除节点nodeId, callback

属性 详细信息

  • menueList 左侧显示的菜单栏 type Array

  • canvasMenuStyle 右击节点菜单的样式 type Array
    { text: '测试' 显示的名字 icon: 'am-icon-lcsj-shuxing' 显示的文字 }

  • readerOnly 是否为只读 默认 false type Boolean

  • canZoom 是否支持缩放 默认 false type Boolean

  • loadComplete 数据是否加载完毕 type Boolean

  • nodeList 节点数据 type Array

  • lineList 连接线数据 type Array

  • currentElement 当前操作节点的数据 type Object
    { node_result_id 线的id node_id 节点id node_standard_code 节点的编码 }

  • dataFormat 数据格式 type Object { node: { sourceId: 'node_id', targetId: 'next_node_id', name: 'node_name', left: 'position_x', top: 'position_y', nodetype: 'node_type', standard: 'node_standard_code' }, line: { lineId: 'node_result_id', name: 'node_result_name' } }

  • 右击菜单每个功能的暴出的属性 type Boolean

    • visableEditeLine
    • visableEditeNode
    • visableAuto

事件 格式

  • addNode addNode (params, callback) = >{ callback(接口返回节点的数据) }
  • changeNode addNode (params) = >{ }
  • connectionLine (params, callback) = >{ callback(接口返回的数据) }
  • delConnect (lineId, callback)= >{ callback(true|false)}
  • delNode (nodeId, callback)= >{ callback(true|false)}

注意渲染数据必须时同步 先获取节点数据和线的数据再将 loadComplete 属性设置为true ,再渲染视图

自定义该组件样式的方案

1.1.16

12 months ago

1.1.15

1 year ago

1.1.14

1 year ago

1.1.13

1 year ago

1.1.12

1 year ago

1.1.11

1 year ago

1.1.10

1 year ago

1.1.8

1 year ago

1.1.7

1 year ago

1.1.6

1 year ago

1.1.5

1 year ago

1.1.4

1 year ago

1.1.3

1 year ago

1.1.2

1 year ago

1.1.1

1 year ago

1.1.0

1 year ago

1.0.9

1 year ago

1.0.8

1 year ago

1.0.7

1 year ago

1.0.6

1 year ago

1.0.5

1 year ago

1.0.4

1 year ago

1.0.3

1 year ago

1.0.2

1 year ago

1.0.0

1 year ago