bill-setting
v3.0.0
Published
mdf bill setting
Downloads
1
Readme
@mdf/bill-setting
1. 安装ynpm
- 需要安装
ynpm
工具使用内网镜像源进行安装
$ npm install ynpm-tool -g
- 内网执行
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
- 修改
debug.js
调试脚本,修改常量targetPackage
的值的相对路径为你的项目真实路径 debug.js本地修改不要提交 - 保存后执行
npm run debug
在控制台会看到输出日志,babel转换过程以及最终的真实绝对路径
启动监听后,修改源码可以实时构建,并且输出到项目内,打开浏览器调试脚本即可是源文件
4. 发布
除了本地开发debug外,需要发布正式内网ynpm包,需要执行下面命令:
$ npm run lib
这样就会产出lib资源 ES5 代码 css
配置好ynpm发包设置,修改版本号,发布即可:
$ ynpm publish
发布后浏览镜像仓库看是否完成:https://ynpm.yonyoucloud.com/#browse/browse:ynpm-private