fl-flow-design
TypeScript icon, indicating that this package has built-in type declarations

1.2.5 • Public • Published

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 // 组件源码

Package Sidebar

Install

npm i fl-flow-design

Weekly Downloads

1

Version

1.2.5

License

ISC

Unpacked Size

1.71 MB

Total Files

55

Last publish

Collaborators

  • wangjiabin