easy3wui 1.5.63 → 1.5.64-beta.2

package/lib/Easy3wEditBigTable copy/Easy3wEditBigTableForm.js

@@ -0,0 +1,196 @@
+// import React, { PureComponent } from 'react';
+// import { Form } from 'antd';
+// import { Easy3wModal, Easy3wFormPage } from 'easy3wui';
+// import { Modal } from 'antd/lib';
+
+// class Easy3wEditBigTableForm extends PureComponent {
+//   constructor(props) {
+//     super(props);
+//     const { bidPureComponent } = this.props;
+//     if (bidPureComponent && typeof bidPureComponent === 'function') {
+//       bidPureComponent(this);
+//     }
+//     this.getOptionLst();
+//     this.state = {
+//     };
+//   }
+//   componentDidMount() {
+//   }
+//   componentWillUnmount() {
+//   }
+//   // 绑定组件
+//   bidPureComponent = (pureComponentName, that) => {
+//     this[pureComponentName] = that;
+//   }
+//   // 创建columns
+//   getOptionLst = () => {
+//     const { objOtherParameters } = this.props;
+//     const { columns } = objOtherParameters;
+//     const arrColumns = [];
+//     const columnsNew = [...columns];
+//     columnsNew.map((item, index) => {
+//       const { strName, name, editable, editor, otherEditable } = item;
+//       // if (editable || editor || otherEditable) { // 编辑
+//       if (editable || editor) { // 编辑
+//         arrColumns.push({
+//           label: strName || name,
+//           value: index,
+//         });
+//       }
+//       return item;
+//     });
+//     this.arrColumns = arrColumns;
+//   }
+//   // 获取批量录入字段
+//   getBatchField = () => {
+//     const { form, objOtherParameters } = this.props;
+//     const { columns } = objOtherParameters;
+//     const batchField = form.getFieldValue('batchField_easy3wView');
+//     const fieldRowItems = [];
+//     let hiddenItems = [];
+//     if (batchField) {
+//       const objColumn = columns[batchField];
+//       const { strName, name, key, fieldId, rowItem, unit, hiddeKeys, required = true, fieldType, options = [],
+//         cmptPros = {}, rules = [], ruleType, regex, regexMsg } = objColumn;
+//       // strNName 字段名称
+//       // name 字段名称
+//       // key 字段key
+//       // rowItem 字段行
+//       // unit 字段单位
+//       // hiddeKeys 隐藏字段key
+//       // required 是否必填
+//       // fieldType 字段类型
+//       // optionLst 选项列表
+//       // rules 校验规则
+//       // ruleType 校验规则类型
+//       // onChange 字段值变化回调
+//       // cmptPros 组件属性
+//       const arrHiddenItems = [];
+//       if (hiddeKeys) {
+//         const arrHiddenKeys = hiddeKeys.split(',');
+//         arrHiddenKeys.map((item) => {
+//           arrHiddenItems.push({
+//             fieldId: item,
+//           });
+//           return item;
+//         });
+//         hiddenItems = [...arrHiddenItems]; // 隐藏字段
+//       }
+//       const arrRules = [...rules];
+//       if (ruleType === 'phone') {
+//         arrRules.push({ pattern: /^1\d{10}$/, message: '手机格式错误！' });
+//       } else if (ruleType === 'email') {
+//         arrRules.push({ type: 'email', message: '邮箱地址格式错误！' });
+//       } else if (ruleType === 'idcard') {
+//         arrRules.push({ pattern: /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}[0-9Xx]$)/, message: '身份证格式错误！' });
+//       } else if (regex) {
+//         arrRules.push({ pattern: new RegExp(regex), message: regexMsg || '数据格式错误！' });
+//       }
+//       const fieldRowItem = {
+//         cols: [
+//           rowItem || {
+//             label: strName || name,
+//             fieldId: fieldId || key,
+//             fieldType: fieldType || 'input',
+//             value: '',
+//             required,
+//             cmptPros: {
+//               optionLst: options,
+//               options,
+//               addonAfter: unit || '',
+//               rules: arrRules,
+//               onChange: (...arg) => this.onChange(arg, objColumn),
+//               ...cmptPros,
+//             },
+//           },
+//         ],
+//       };
+//       fieldRowItems.push(fieldRowItem);
+//     }
+//     return { fieldRowItems, hiddenItems };
+//   }
+//   // 字段值变化回调
+//   onChange = (arg, objColumn) => {
+//     const { form } = this.props;
+//     const { onChange } = objColumn;
+//     if (onChange && typeof onChange === 'function') {
+//       onChange(form, arg, objColumn);
+//     }
+//   }
+//   // 保存
+//   touchConfirm = () => {
+//     const { confirmCallback, objOtherParameters } = this.props;
+//     this.props.form.validateFieldsAndScroll((err, values) => {
+//       if (!err) {
+//         const { batchField_easy3wView: batchField, ...valuesNew } = values;
+//         // delete values.batchField_easy3wView;
+//         if (confirmCallback && typeof confirmCallback === 'function') {
+//           const { columns } = objOtherParameters;
+//           const objColumn = columns[batchField];
+//           const { strName, name } = objColumn;
+//           // key 字段
+//           // required 必填
+//           // strName 字串名称
+//           // name 字段名称
+//           Modal.confirm({
+//             content: `请确认此列${strName || name}全部设置成录入值，将覆盖原值!`,
+//             onOk: () => {
+//               confirmCallback(valuesNew, objColumn);
+//             },
+//             onCancel: () => {
+//             },
+//             okText: '确认',
+//             cancelText: '取消',
+//           });
+//         }
+//         this.touchCancel();
+//       }
+//     });
+//   }
+//   // 取消
+//   touchCancel = () => {
+//     const { hideModal } = this.props;
+//     if (hideModal && typeof hideModal === 'function') {
+//       hideModal();
+//     }
+//   }
+//   render() {
+//     const { objOtherParameters, visible, form } = this.props;
+//     const { batchButtonText } = objOtherParameters;
+//     const footBtnArr = [
+//       { func: this.touchConfirm, cName: '保存' },
+//       { func: this.touchCancel, cName: '关闭' },
+//     ];
+//     const { fieldRowItems, hiddenItems } = this.getBatchField();
+//     const rowItems = [
+//       {
+//         cols: [
+//           {
+//             label: '录入内容',
+//             fieldId: 'batchField_easy3wView',
+//             fieldType: 'select',
+//             required: true,
+//             value: '',
+//             cmptPros: {
+//               optionLst: this.arrColumns,
+//             },
+//           },
+//         ],
+//       },
+//       ...fieldRowItems,
+//     ];
+//     return (
+//       <Easy3wModal
+//         title={batchButtonText || '批量录入'}
+//         visible={visible}
+//         onCancel={this.touchCancel}
+//         footBtnArr={footBtnArr}
+//         width="80%"
+//       >
+//         <Easy3wFormPage rowItems={rowItems} hiddenItems={hiddenItems} form={form} mixColFlag />
+//       </Easy3wModal>
+//     );
+//   }
+// }
+// export default Form.create()(Easy3wEditBigTableForm);
+"use strict";

package/lib/Easy3wEditBigTable copy/Editors/EditorNumber.js

@@ -0,0 +1,45 @@
+// import React from 'react';
+// import ReactDataGrid from 'react-data-grid';
+
+// const { editors } = ReactDataGrid;
+// const { EditorBase } = editors;
+
+// export default class EditorNumber extends EditorBase {
+//   setInputRef = (input) => {
+//     this.input = input;
+//   }
+//   // 获取 input 节点
+//   getInputNode = () => {
+//     return this.setInputRef();
+//   }
+//   // 获取 input 值
+//   getValue = () => {
+//     // const { value } = this.state;
+//     return { [this.props.column.key]: this.getInputNode().value };
+//   }
+//   // input 失去焦点
+//   onBlur = (event) => {
+//     const { onBlur, onCommit } = this.props;
+//     if (onBlur && typeof onBlur === 'function') {
+//       onBlur(event);
+//     }
+//     if (onCommit && typeof onCommit === 'function') {
+//       onCommit();
+//     }
+//   }
+
+//   render() {
+//     const { value } = this.props;
+//     return (
+//       <input
+//         ref={this.setInputRef}
+//         type="number"
+//         className="form-control"
+//         defaultValue={value}
+//         {...this.props}
+//         onBlur={this.onBlur}
+//       />
+//     );
+//   }
+// }
+"use strict";

package/lib/Easy3wEditBigTable copy/Editors/EditorsDatePicker.js

@@ -0,0 +1,86 @@
+
+// import React from 'react';
+// // import ReactDOM from 'react-dom';
+// import { DatePicker } from 'antd';
+// import locale from 'antd/lib/date-picker/locale/zh_CN';
+// import 'moment/locale/zh-cn';
+// import moment from 'moment';
+// import ReactDataGrid from 'react-data-grid';
+
+// const { editors } = ReactDataGrid;
+// const { EditorBase } = editors;
+
+// moment.locale('zh-cn');
+// const dateFormatDefault = 'YYYY-MM-DD';
+
+// export default class EditorsDatePicker extends React.Component {
+//   constructor(props) {
+//     super(props);
+//     const { value, refCallback } = props;
+//     if (refCallback && refCallback instanceof Function) {
+//       refCallback(this);
+//     }
+//     this.state = {
+//       value,
+//     };
+//   }
+//   // 获取组件节点
+//   getReactDataGridZJ = (el) => {
+//     this.EditorsZJ = el;
+//     return el;
+//   }
+//   // 设置样式
+//   getStyle = () => {
+//     return {
+//       width: '100%',
+//       minWidth: '120px',
+//     };
+//   }
+//   // 获取 input 节点
+//   getInputNode = () => {
+//     return this.getReactDataGridZJ();
+//   }
+//   // 获取 input 值
+//   getValue = () => {
+//     const { value } = this.state;
+//     return { [this.props.column.key]: value };
+//   }
+//   // input 值改变时回调
+//   onChange = (momentDate, strDate) => {
+//     const { onChange, cmptPros = {} } = this.props;
+//     const { dateFormat } = cmptPros;
+//     if (onChange) {
+//       onChange(momentDate, strDate);
+//     }
+//     const value = momentDate ? momentDate.format(dateFormat || dateFormatDefault) : null;
+//     this.setState({ value });
+//   }
+//   // input 失去焦点时回调
+//   onBlur = () => {
+//     const { onCommit, onBlur } = this.props;
+//     if (onCommit) {
+//       onCommit();
+//     }
+//   }
+
+//   render() {
+//     const { cmptPros = {} } = this.props;
+//     const { dateFormat } = cmptPros;
+//     const { value } = this.state;
+//     return (
+//       <DatePicker
+//         style={this.getStyle()}
+//         autoFocus
+//         locale={locale}
+//         format={dateFormat || dateFormatDefault}
+//         value={value ? moment(value, dateFormat || dateFormatDefault) : null}
+//         ref={this.getReactDataGridZJ}
+//         // autoFocus
+//         {...cmptPros}
+//         onChange={this.onChange}
+//         onBlur={this.onBlur}
+//       />
+//     );
+//   }
+// }
+"use strict";

package/lib/Easy3wEditBigTable copy/Editors/EditorsInputNumber.js

@@ -0,0 +1,73 @@
+
+// import React from 'react';
+// import ReactDOM from 'react-dom';
+// import { InputNumber } from 'antd';
+// import ReactDataGrid from 'react-data-grid';
+
+// const { editors } = ReactDataGrid;
+// const { EditorBase } = editors;
+
+// export default class EditorsInputNumber extends React.Component {
+//   constructor(props) {
+//     super(props);
+//     const { value, refCallback } = props;
+//     if (refCallback && refCallback instanceof Function) {
+//       refCallback(this);
+//     }
+//     this.state = {
+//       value,
+//     };
+//   }
+//   componentDidMount() {
+//     const domNode = this.getInputNode();
+//     console.log('inputNode', domNode);
+//   }
+//   componentWillUnmount() {
+//   }
+//   // 设置样式
+//   getStyle = () => {
+//     return {
+//       width: '100%',
+//     };
+//   }
+//   // 获取 input 节点
+//   getInputNode = () => {
+//     return ReactDOM.findDOMNode(this);
+//   }
+//   // 获取 input 值
+//   getValue = () => {
+//     const { value } = this.state;
+//     return { [this.props.column.key]: value };
+//   }
+//   // input 值改变时回调
+//   onChange = (value) => {
+//     const { onChange } = this.props;
+//     if (onChange) {
+//       onChange(value);
+//     }
+//     this.setState({ value });
+//   }
+//   // input 失去焦点时回调
+//   onBlur = () => {
+//     const { onCommit } = this.props;
+//     if (onCommit) {
+//       onCommit();
+//     }
+//   }
+
+//   render() {
+//     const { cmptPros } = this.props;
+//     const { value } = this.state;
+//     return (
+//       <InputNumber
+//         style={this.getStyle()}
+//         value={value}
+//         onChange={this.onChange}
+//         onBlur={this.onBlur}
+//         autoFocus
+//         {...cmptPros}
+//       />
+//     );
+//   }
+// }
+"use strict";