flowdesign
流程引擎
如何使用
-
安装
yarn add fl-flow-design
-
使用示例
import FlowDesign from 'fl-flow-design';; <FlowDesign flow = {MockData} saveHandle={(xmlstr)=>{/**保存 */}} closeDesign = {() => {}} downloadHandle={(base64)=>{/**可不传 下载 */}} urlObeject={MockData.urlObeject} openPick={openPick} onRef={(el) => { flowRef.current = el }} />
参数 | 类型 | 是否必填 | 描述 |
---|---|---|---|
flow | {design:{result:string}}} | required | 流程引擎数据 |
closeDesign | ()=>void | required | 关闭回调函数 |
saveHandle | (xhlStr: string)=>void | required | 保存回调函数 |
downloadHandle | (base64: string)=>void | 可不传 | 下载回调函数 |
mode | "design"或"look" | required | 编辑or查看模式 |
urlObeject | obj | requited | 涉及的接口地址对象 |
openPick | (field:FLField)=>void | required | 打开pick |
onRef | (el)=>void | required | 实例,主要为了pick设置 |
- 地址
actorListUrl:string, actionTypeUrl: string, dataTypeUrl:string, dataSourceUrl:string, refreshTypeUrl:string, OperListUrl:string, addOperUrl:string, editOperUrl:string, delOperUrl:string, token: 'WANGYL:456b19c0-548f-48e1-8633-4f8d2b811129', }
二次开发
http://114.115.156.220/front
yarn install & npm run start
- 本地开发调试目录
/example/src/index.js
- 本地调试完成之后,执行
npm run build
,然后再使用 npm link,把npm包代理到本地进行调试,调试完成后在进行发布(防止频繁发包) - 一切调试完成后,执行
npm run pub
进行发包(需先注册登录 npm)
npm 注册登录
- 前置条件: 切到对应的npm源
- npm logout
- npm login
- 依次输入账号、密码、邮箱
- npm publish
- npm 发布时可能遇到的问题
- 源出错
- 包名重复
项目目录
|____.babelrc
|____config // webpack 配置
|____example // 开发环境调试目录
|____node_modules
|____README.md
|____yarn.lock
|____public
|____.gitignore
|____package.json
|____lib // 打包后目录
|____tsconfig.json // ts配置
|____postcss.config.js // postcss配置
|____src // 组件源码