billdesigner v3.0.0-snapshot.24

@mdf/bill-setting

TOC

1. 环境安装

1. 需要安装ynpm工具使用内网镜像源进行安装

$ npm install ynpm-tool -g

2. 在用友内网环境下，通过ynpm install安装即可

2. 该工程包的安装和使用

1. 安装 @mdf/bill-setting

$ ynpm install @mdf/bill-setting --save

2. 该工程包的使用

   (1) 通常在脚手架公里引用，并绑定redux中的initData

     import BillModal from '@mdf/bill-setting/lib/index';
     import { initData } from '@mdf/bill-setting/lib/redux/billmodal';
     
     initData({data, readOnly, type}); 
     // data--必选数据，需要包括cBillNo,cBillType,cName等属性以及iTplId属性，
     // readOnly--可选参数，设置readOnly为true时table只允许查看不允许编辑，
     // type--可选参数，当类型为report时需传入

   (2) reducers.jsx中新增，用来绑定redux数据

     import billModal from '@mdf/bill-setting/lib/redux/billmodal'

   (3) 调用

     <BillModal /> 

   (4) 调用initData 弹出弹窗

     let data = { cBillType: "Voucher", cBillNo: "aa_merchantfinref", cName: "客商档案",iTplId:77756 }
     this.props.initData({ data });

3. 调试插件

使用babel监听文件改变输出lib到项目脚手架node_modules/@mdf/bill-setting/lib下，具体脚本命令参考debug.js

1. 修改debug.js调试脚本，修改常量targetPackage的值的相对路径为你的项目真实路径 debug.js本地修改不要提交
2. 保存后执行npm run debug在控制台会看到输出日志，babel转换过程以及最终的真实绝对路径

启动监听后，修改源码可以实时构建，并且输出到项目内，打开浏览器调试脚本即可是源文件

4. 发布

除了本地开发debug外，需要发布正式内网ynpm包. 目前发包没有做线上发包的工作。 只能本地发包。 重要的事情说三遍！注意！注意！注意！

• 发包时为了确保不产生意外，请先删除node_modules 和 package-lock.json后重新运行ynpm i命令
• 安装完毕后，运行npm run snapshot 或 npm run release命令来发包

重要说明：

• mdf-metaui-web develop分支依赖的是bill-setting的snapshot包
• mdf-metaui-web release/2.9分支依赖的是bill-setting的release包

snapshot包

需要执行下面命令：

  $ npm run snapshot

注意：

• 尽量不要手动更改tag版本号，该命令会自动更新后发包
• 发包后，务必记得push package.json的版本号，方便团队成员下次能正确发包

release包

需要执行下面命令：

  $ npm run snapshot

[说明] 这样就会产出lib资源 ES5 代码 css
[说明]发布后浏览镜像仓库看是否完成：
https://package.yonyoucloud.com/package/detail/@mdf/bill-setting https://ynpm.yonyoucloud.com/#browse/browse:ynpm-private