performance-formula-editer

平台公式编辑器

组件介绍：公式编辑器为假勤，薪酬，继任，平台等业务线统一规范，进行业务公式编写的前端组件。

API

属性	说明	类型	默认值
configKey	编辑器内小键盘数据	Array	内置于编辑器内部
editComputingFormula	编辑器内默认回填数据	Object {Text(必填)}

编辑器方法

名称	描述
checkOutFun()	编辑器公式检查函数
emptyContent()	编辑器内容清空
saveAllData()	公式内容提交

// configKey格式 因业务需要，暂封装于组件内部，也可外部传入
// key 表示键盘显示内容  special 表示是否两侧有空格  equal 是否为比较操作  numberSign 是否为数字
const configObject ={};
// 左半按钮区
configObject.defaultSignKeys= [
	{key:'if',special:true},
	{key:'then',special:true},
	{key:'else',special:true},
	{key:'and',special:true},
	{key:'or',special:true},
	{key:'\"'},
	{key:'('},
	{key:')'},
	{key:'=',equal:true},
	{key:'<>',equal:true},
	{key:'>',equal:true},
	{key:'<',equal:true},
	{key:'<=',equal:true},
	{key:'>=',equal:true},
	{key:','}
]
// 右半按钮区
configObject.defaultNumberKeys= [
	{key:'1',numberSign:true},
	{key:'2',numberSign:true},
	{key:'3',numberSign:true},
	{key:'+'},
	{key:'-'},
	{key:'4',numberSign:true},
	{key:'5',numberSign:true},
	{key:'6',numberSign:true},
	{key:'*'},
	{key:'/'},
	{key:'7',numberSign:true},
	{key:'8',numberSign:true},
	{key:'9',numberSign:true},
	{key:'0',numberSign:true},
	{key:'.',numberSign:true}
]

代码演示

import React, {Component} from 'react';
import ComputationTable from 'pps-formula-edit';

export default class Index extends Component {
	//检查公式
	checkOutFun() {
		const { getCheckOut } = this.refs;
		getCheckOut.checkOutFun();
	}

   //置空
	emptyFun() {
		this.refs.getCheckOut.emptyContent()
	}

    //提交
	async submit(e) {
		let saveData = await this.refs.getCheckOut.saveAllData();
		if (saveData) {
			let saveParame = saveData.allParams;
			// 公式保存操作，调用平台SDK
		    window.iTalentSDK.sendMessage({
		          publishEvent:this.props.cmp_data.field_name,
		          data:{
		              text:saveParame ? saveData.Text2 : '',
		              value:saveParame
		          }
			});
		}
	}

	

	render() {
		return (
			<ComputationTable ref='getCheckOut' editComputingFormula={EditComputingFormula} />
		)
	}
}