mdf-formula-designer

1. 安装ynpm

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

$ npm install ynpm-tool -g

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

2. 安装和使用

安装 mdf-formula-designer  
$ ynpm install mdf-formula-designer --save

1、组件中引用，并绑定redux中的initData
import FormulaDesigner from 'mdf-formula-designer';
import { initData } from 'mdf-formula-designer/lib/redux/formula';

2、reducers.jsx中新增，用来绑定redux数据
import formula from 'mdf-formula-designer/lib/redux/formula';

3、调用
<FormulaDesigner modalKey={this.billNo + iBillEntityId} onOk={this.handleOk} />

4、调用initData  弹出弹窗
let iBillEntityId = '3665676';
this.props.initData(this.billNo, { caption: "", expressionCode: "", expression: "" }, iBillEntityId);

3. 调试插件

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

1. 首先确认自己的框架工程与项目脚手架工程在一个根目录下，这样利用路径查找

├── yonyou-mdf-framework
└── ucf-amc-front

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

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

4. 发布

除了本地开发debug外，需要发布正式内网ynpm包，需要执行下面命令：

$ npm run lib

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

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

$ ynpm publish

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

5. 文件结构