bill-setting

@mdf/bill-setting

---

1. 安装ynpm

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

$ npm install ynpm-tool -g

2. 内网执行ynpm install安装即可

2. 安装和使用

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

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包，需要执行下面命令：

$ npm run lib

这样就会产出lib资源 ES5 代码 css

配置好ynpm发包设置，修改版本号，发布即可：

$ ynpm publish

发布后浏览镜像仓库看是否完成：https://ynpm.yonyoucloud.com/#browse/browse:ynpm-private