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',
   }

二次开发

1. http://114.115.156.220/front
2. yarn install & npm run start
3. 本地开发调试目录 /example/src/index.js
4. 本地调试完成之后，执行npm run build，然后再使用 npm link，把npm包代理到本地进行调试，调试完成后在进行发布(防止频繁发包)
5. 一切调试完成后，执行 npm run pub 进行发包（需先注册登录 npm）

npm 注册登录

• 前置条件: 切到对应的npm源

1. npm logout
2. npm login
3. 依次输入账号、密码、邮箱
4. npm publish

• npm 发布时可能遇到的问题
  1. 源出错
  2. 包名重复

项目目录

|____.babelrc
|____config // webpack 配置
|____example // 开发环境调试目录
|____node_modules 
|____README.md
|____yarn.lock
|____public 
|____.gitignore
|____package.json
|____lib // 打包后目录
|____tsconfig.json // ts配置
|____postcss.config.js // postcss配置
|____src // 组件源码