dlt-for-react 1.0.1 → 1.0.3

package/lib/components/NHDynamicFormShow/customModule/dksq/tableVis.js

@@ -1,522 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-
-var _button = require('antd/lib/button');
-
-var _button2 = _interopRequireDefault(_button);
-
-var _table = require('antd/lib/table');
-
-var _table2 = _interopRequireDefault(_table);
-
-var _toConsumableArray2 = require('babel-runtime/helpers/toConsumableArray');
-
-var _toConsumableArray3 = _interopRequireDefault(_toConsumableArray2);
-
-var _input = require('antd/lib/input');
-
-var _input2 = _interopRequireDefault(_input);
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
-
-var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
-
-var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
-
-var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
-
-var _createClass2 = require('babel-runtime/helpers/createClass');
-
-var _createClass3 = _interopRequireDefault(_createClass2);
-
-var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
-
-var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
-
-var _inherits2 = require('babel-runtime/helpers/inherits');
-
-var _inherits3 = _interopRequireDefault(_inherits2);
-
-var _form = require('antd/lib/form');
-
-var _form2 = _interopRequireDefault(_form);
-
-var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
-
-var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
-
-require('antd/lib/button/style');
-
-require('antd/lib/table/style');
-
-require('antd/lib/input/style');
-
-require('antd/lib/form/style');
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _index = require('../../../NHFormItem/index');
-
-var _index2 = _interopRequireDefault(_index);
-
-var _NHSelect = require('../../../NHSelect');
-
-var _NHSelect2 = _interopRequireDefault(_NHSelect);
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var EditableContext = _react2.default.createContext();
-
-var EditableRow = function EditableRow(_ref) {
-    var form = _ref.form,
-        index = _ref.index,
-        props = (0, _objectWithoutProperties3.default)(_ref, ['form', 'index']);
-    return _react2.default.createElement(
-        EditableContext.Provider,
-        { value: form },
-        _react2.default.createElement('tr', props)
-    );
-};
-var EditableFormRow = _form2.default.create()(EditableRow);
-
-var EditableCell = function (_React$Component) {
-    (0, _inherits3.default)(EditableCell, _React$Component);
-
-    function EditableCell() {
-        var _ref2;
-
-        var _temp, _this, _ret;
-
-        (0, _classCallCheck3.default)(this, EditableCell);
-
-        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-            args[_key] = arguments[_key];
-        }
-
-        return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref2 = EditableCell.__proto__ || (0, _getPrototypeOf2.default)(EditableCell)).call.apply(_ref2, [this].concat(args))), _this), _this.state = {
-            editing: !_this.context.sfsh,
-            sqxn: '',
-            isRepeat: false
-        }, _this.save = function (e) {
-            var _this$props = _this.props,
-                record = _this$props.record,
-                handleSave = _this$props.handleSave;
-
-            _this.form.validateFields(function (error, values) {
-                if (error && error[e.currentTarget.id]) {
-                    return;
-                }
-                handleSave((0, _extends3.default)({}, record, values));
-            });
-        }, _this.renderCell = function (form) {
-            _this.form = form;
-            var _this$props2 = _this.props,
-                children = _this$props2.children,
-                dataIndex = _this$props2.dataIndex,
-                record = _this$props2.record,
-                title = _this$props2.title,
-                _this$props2$sqxn = _this$props2.sqxn,
-                sqxn = _this$props2$sqxn === undefined ? '' : _this$props2$sqxn;
-            var editing = _this.state.editing;
-
-
-            if (title === '贷款学年') {
-                return !_this.context.sfsh ? _react2.default.createElement(
-                    _index2.default,
-                    {
-                        id: 'dkxn',
-                        form: _this.form,
-                        required: true,
-                        initialValue: record.dkxn,
-                        validator: function validator(rule, value, callback) {
-                            if (sqxn) {
-                                if (value.split(/-/)[0] >= sqxn.split(/-/)[0]) {
-                                    if (_this.props.isRepeat.sf && record.key === _this.props.isRepeat.index) {
-                                        callback("贷款学年不能重复");
-                                    } else {
-                                        callback();
-                                    }
-                                } else {
-                                    callback("贷款学年不能小于申请学年");
-                                }
-                            } else {
-                                callback();
-                            }
-                        }
-                    },
-                    _react2.default.createElement(_NHSelect2.default, {
-                        style: { width: '180%' },
-                        sign: "DMK_XTGL_XN",
-                        ref: function ref(node) {
-                            return _this.input = node;
-                        },
-                        onChange: _this.save
-                        // onBlur={this.save}
-                    })
-                ) : _react2.default.createElement(
-                    'div',
-                    {
-                        className: 'editable-cell-value-wrap',
-                        style: { paddingRight: 24 }
-                    },
-                    children
-                );
-            }
-
-            return !_this.context.sfsh ? _react2.default.createElement(
-                _form2.default.Item,
-                { style: { margin: 0 } },
-                form.getFieldDecorator(dataIndex, {
-                    rules: [{
-                        required: true,
-                        message: title + ' \u4E0D\u80FD\u4E3A\u7A7A.'
-                    }, {
-                        pattern: /^[1-9][0-9]*$/,
-                        message: '请输入正确的金额'
-                    }],
-                    initialValue: record[dataIndex]
-                })(_react2.default.createElement(_input2.default, { ref: function ref(node) {
-                        return _this.input = node;
-                    }, onPressEnter: _this.save, onBlur: _this.save }))
-            ) : _react2.default.createElement(
-                'div',
-                {
-                    className: 'editable-cell-value-wrap',
-                    style: { paddingRight: 24 }
-                },
-                children
-            );
-        }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
-    }
-
-    (0, _createClass3.default)(EditableCell, [{
-        key: 'componentWillReceiveProps',
-        value: function componentWillReceiveProps(nextProps) {
-            if ("isRepat" in nextProps && nextProps.isRepeat !== this.props.isRepeat) {
-                this.setState({ isRepeat: nextProps.isRepeat });
-            }
-        }
-    }, {
-        key: 'render',
-        value: function render() {
-            var _props = this.props,
-                editable = _props.editable,
-                dataIndex = _props.dataIndex,
-                title = _props.title,
-                record = _props.record,
-                index = _props.index,
-                handleSave = _props.handleSave,
-                children = _props.children,
-                restProps = (0, _objectWithoutProperties3.default)(_props, ['editable', 'dataIndex', 'title', 'record', 'index', 'handleSave', 'children']);
-
-            return _react2.default.createElement(
-                'td',
-                restProps,
-                editable ? _react2.default.createElement(
-                    EditableContext.Consumer,
-                    null,
-                    this.renderCell
-                ) : children
-            );
-        }
-    }]);
-    return EditableCell;
-}(_react2.default.Component);
-
-EditableCell.contextTypes = {
-    sfsh: _propTypes2.default.bool
-};
-
-var TableVis = function (_React$Component2) {
-    (0, _inherits3.default)(TableVis, _React$Component2);
-
-    function TableVis(props) {
-        (0, _classCallCheck3.default)(this, TableVis);
-
-        var _this2 = (0, _possibleConstructorReturn3.default)(this, (TableVis.__proto__ || (0, _getPrototypeOf2.default)(TableVis)).call(this, props));
-
-        _this2.handleDelete = function (key) {
-            if (_this2.state.sfsh) {} else {
-
-                var dataSource = [].concat((0, _toConsumableArray3.default)(_this2.state.dataSource));
-
-                _this2.setState({
-                    dataSource: dataSource.filter(function (item) {
-                        return item.key !== key;
-                    }).map(function (item, index) {
-                        item.key = index + 1;
-                        return item;
-                    }),
-                    flag: false
-                    // count: this.state.count - 1,
-                }, function () {
-                    _this2.setState({
-                        flag: true
-                    });
-                    if (!_this2.props.sfsh) {
-                        _this2.props.getdkmx(_this2.state.dataSource);
-                    }
-                });
-            }
-        };
-
-        _this2.handleAdd = function () {
-            if (_this2.state.sfsh) {} else {
-                var dataSource = _this2.state.dataSource;
-
-                var newData = {
-                    key: dataSource.length + 1,
-                    dkxn: "",
-                    shf: '',
-                    xf: '',
-                    zsf: ''
-                };
-                // 条数限制
-                if (dataSource.length + 1 < 6) {
-                    _this2.setState({
-                        dataSource: [].concat((0, _toConsumableArray3.default)(dataSource), [newData])
-                        // count: count + 1,
-                    }, function () {
-                        if (!_this2.props.sfsh) {
-                            _this2.props.getdkmx(_this2.state.dataSource);
-                        }
-                    });
-                }
-            }
-        };
-
-        _this2.handleSave = function (row) {
-            var newData = [].concat((0, _toConsumableArray3.default)(_this2.state.dataSource));
-            var index = newData.findIndex(function (item) {
-                return row.key === item.key;
-            });
-            var item = newData[index];
-            newData.splice(index, 1, (0, _extends3.default)({}, item, row));
-            var dkxnArr = newData.map(function (item) {
-                return item.dkxn;
-            });
-            function isRepeat(arr) {
-                var hash = {};
-                for (var i in arr) {
-                    if (hash[arr[i]]) {
-                        return { sf: true, index: i };
-                    }
-                    // 不存在该元素，则赋值为true，可以赋任意值，相应的修改if判断条件即可
-                    hash[arr[i]] = true;
-                }
-                return { sf: false, index: -1 };
-            }
-            _this2.isRepeat = isRepeat(dkxnArr);
-
-            _this2.setState({ dataSource: newData }, function () {
-                if (!_this2.props.sfsh) {
-                    _this2.props.getdkmx(_this2.state.dataSource);
-                }
-            });
-        };
-
-        _this2.isRepeat = false;
-        _this2.state = {
-            columns1: [{
-                title: '序号',
-                dataIndex: 'key',
-                width: '8%'
-            }, {
-                title: '贷款学年',
-                dataIndex: 'dkxn',
-                editable: true,
-                width: '25%'
-            }, {
-                title: '生活费',
-                dataIndex: 'shf',
-                editable: true,
-                width: '19%'
-            }, {
-                title: '学费',
-                dataIndex: 'xf',
-                editable: true,
-                width: '19%'
-            }, {
-                title: '住宿费',
-                dataIndex: 'zsf',
-                editable: true,
-                width: '19%'
-            }, {
-                title: '操作',
-                dataIndex: 'operation',
-                width: '10%',
-                render: function render(text, record) {
-                    return _this2.state.dataSource.length >= 1 ? _react2.default.createElement(
-                        'a',
-                        { onClick: function onClick() {
-                                return _this2.handleDelete(record.key);
-                            } },
-                        _react2.default.createElement(
-                            'i',
-                            {
-                                'aria-label': '\u56FE\u6807: delete',
-                                className: "anticon anticon-delete",
-                                style: { color: 'red' } },
-                            _react2.default.createElement(
-                                'svg',
-                                {
-                                    viewBox: '64 64 896 896',
-                                    focusable: 'false',
-                                    'data-icon': 'delete',
-                                    width: '1em',
-                                    height: '1em',
-                                    fill: 'currentColor',
-                                    'aria-hidden': 'true' },
-                                _react2.default.createElement('path', { d: 'M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z' })
-                            )
-                        )
-                    ) : null;
-                }
-            }],
-            columns2: [{
-                title: '序号',
-                dataIndex: 'key',
-                width: '8%'
-            }, {
-                title: '贷款学年',
-                dataIndex: 'dkxn',
-                editable: true,
-                width: '25%'
-            }, {
-                title: '生活费',
-                dataIndex: 'shf',
-                editable: true,
-                width: '19%'
-            }, {
-                title: '学费',
-                dataIndex: 'xf',
-                editable: true,
-                width: '19%'
-            }, {
-                title: '住宿费',
-                dataIndex: 'zsf',
-                editable: true,
-                width: '19%'
-            }],
-            dataSource: props.dkmx || [],
-            // count: 1,
-            sqxn: '',
-            flag: true,
-            sfsh: props.sfsh
-        };
-        return _this2;
-    }
-
-    (0, _createClass3.default)(TableVis, [{
-        key: 'componentDidMount',
-        value: function componentDidMount() {}
-    }, {
-        key: 'componentWillReceiveProps',
-        value: function componentWillReceiveProps(nextProps) {
-            if ("sqxn" in nextProps && nextProps.sqxn !== this.props.sqxn) {
-                this.setState({ sqxn: nextProps.sqxn });
-            }
-            if ("sfsh" in nextProps && nextProps.sfsh === true) {
-                this.setState({ sfsh: true });
-                if ("dkmx" in nextProps && nextProps.dkmx !== this.props.dkmx) {
-                    this.setState({ dataSource: nextProps.dkmx });
-                }
-            }
-        }
-    }, {
-        key: 'render',
-        value: function render() {
-            var _this3 = this;
-
-            var dataSource = this.state.dataSource;
-
-            var components = {
-                body: {
-                    row: EditableFormRow,
-                    cell: EditableCell
-                }
-            };
-            // 用于判断表头
-            var listColumns = this.state.sfsh ? this.state.columns2 : this.state.columns1;
-            var columns = listColumns.map(function (col) {
-                if (!col.editable) {
-                    return col;
-                }
-                return (0, _extends3.default)({}, col, {
-                    onCell: function onCell(record) {
-                        return {
-                            record: record,
-                            editable: col.editable,
-                            dataIndex: col.dataIndex,
-                            title: col.title,
-                            handleSave: _this3.handleSave,
-                            sqxn: _this3.state.sqxn,
-                            isRepeat: _this3.isRepeat,
-                            sfsh: _this3.state.sfsh
-                        };
-                    }
-                });
-            });
-
-            return _react2.default.createElement(
-                'div',
-                null,
-                this.state.flag && _react2.default.createElement(_table2.default, {
-                    components: components,
-                    rowClassName: function rowClassName() {
-                        return 'editable-row';
-                    },
-                    bordered: true,
-                    dataSource: dataSource,
-                    columns: columns,
-                    pagination: false
-                }),
-                !this.context.sfsh && _react2.default.createElement(
-                    _button2.default,
-                    { onClick: this.handleAdd,
-                        className: 'ant-btn ant-btn-primary ant-btn-background-ghost',
-                        style: {
-                            width: "100%",
-                            borderStyle: "dashed",
-                            marginTop: "16px"
-                        }
-                    },
-                    _react2.default.createElement(
-                        'i',
-                        { 'aria-label': '\u56FE\u6807: plus', 'class': 'anticon anticon-plus' },
-                        _react2.default.createElement(
-                            'svg',
-                            { viewBox: '64 64 896 896', focusable: 'false', 'class': '', 'data-icon': 'plus', width: '1em', height: '1em', fill: 'currentColor', 'aria-hidden': 'true' },
-                            _react2.default.createElement('path', { d: 'M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z' }),
-                            _react2.default.createElement('path', { d: 'M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z' })
-                        )
-                    ),
-                    _react2.default.createElement(
-                        'span',
-                        null,
-                        '\u65B0\u589E'
-                    )
-                )
-            );
-        }
-    }]);
-    return TableVis;
-}(_react2.default.Component);
-
-TableVis.contextTypes = {
-    sfsh: _propTypes2.default.bool
-};
-exports.default = TableVis;