@alifd/next/es/form/submit.js

A configurable component library for web built on React.

import { __assign, __extends, __read, __spreadArray } from "tslib";
import React from 'react';
import PropTypes from 'prop-types';
import Button from '../button';
import { func, obj } from '../util';
var Submit = /** @class */ (function (_super) {
    __extends(Submit, _super);
    function Submit() {
        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
        _this.handleClick = function () {
            var _a = _this.props, onClick = _a.onClick, validate = _a.validate;
            var field = _this.context._formField || _this.props.field;
            if (!field) {
                onClick();
                return;
            }
            if (validate === true) {
                field.validate(function (errors) {
                    onClick(field.getValues(), errors, field);
                });
            }
            else if (Array.isArray(validate)) {
                field.validate(validate, function (errors) {
                    onClick(field.getValues(), errors, field);
                });
            }
            else {
                onClick(field.getValues(), null, field);
            }
        };
        return _this;
    }
    Submit.prototype.render = function () {
        var children = this.props.children;
        return (React.createElement(Button, __assign({}, obj.pickOthers(Submit.propTypes, this.props), { onClick: this.handleClick }), children));
    };
    Submit.displayName = 'Submit';
    Submit.propTypes = {
        onClick: PropTypes.func,
        validate: PropTypes.oneOfType([PropTypes.bool, PropTypes.array]),
        field: PropTypes.object,
        children: PropTypes.node,
    };
    Submit.defaultProps = {
        onClick: func.noop,
    };
    Submit.contextTypes = {
        _formField: PropTypes.object,
    };
    return Submit;
}(React.Component));
export default Submit;