dareway-rui/build/taglib/form/Label/index.js

'use strict';

var _interopRequireDefault = require('@babel/runtime/helpers/interopRequireDefault');

Object.defineProperty(exports, '__esModule', {
    value: true
});
exports.default = void 0;

var _classCallCheck2 = _interopRequireDefault(require('@babel/runtime/helpers/classCallCheck'));

var _createClass2 = _interopRequireDefault(require('@babel/runtime/helpers/createClass'));

var _possibleConstructorReturn2 = _interopRequireDefault(require('@babel/runtime/helpers/possibleConstructorReturn'));

var _getPrototypeOf2 = _interopRequireDefault(require('@babel/runtime/helpers/getPrototypeOf'));

var _inherits2 = _interopRequireDefault(require('@babel/runtime/helpers/inherits'));

var _defineProperty2 = _interopRequireDefault(require('@babel/runtime/helpers/defineProperty'));

var _react = _interopRequireDefault(require('react'));

var _propTypes = _interopRequireDefault(require('prop-types'));

var _FormContext = _interopRequireDefault(require('../FormContext'));

var _FormConstants = require('../FormConstants');

var _validateProps = _interopRequireDefault(require('./validateProps'));

var _genDefaultProps = _interopRequireDefault(require('./genDefaultProps'));

var _apis = _interopRequireDefault(require('./apis'));

var _Constants = require('./Constants');

var _View = _interopRequireDefault(require('./View'));

var Label =
    /*#__PURE__*/
    (function(_React$Component) {
        (0, _inherits2.default)(Label, _React$Component);

        function Label(props) {
            var _this;

            (0, _classCallCheck2.default)(this, Label);
            _this = (0, _possibleConstructorReturn2.default)(
                this,
                (0, _getPrototypeOf2.default)(Label).call(this, props)
            );
            /**
             * 标签属性校验
             */

            (0, _validateProps.default)(props);
            return _this;
        }
        /**
         * 标签必须要实现的接口
         */

        (0, _createClass2.default)(Label, [
            {
                key: 'componentWillMount',
                value: function componentWillMount() {
                    // 检查标签嵌套关系
                    if (!this.context) {
                        throw new Error(
                            '<'
                                .concat(_Constants.TAG_DISPLAY_NAME, ' name="')
                                .concat(
                                    this.props.name,
                                    '"> \u5FC5\u987B\u5D4C\u5957\u5728 <Form> \u4E2D\u4F7F\u7528\uFF0C\u8BF7\u68C0\u67E5!'
                                )
                        );
                    } // 标签名

                    var name = this.props.name; // 标签动态构建（业务上通过state控制UI的场景）

                    this.context._addFormItem(this.props, {
                        TAG_ATTRS_GENERATOR: _genDefaultProps.default,
                        TAG_TYPE: _FormConstants.TAG_TYPE_LABEL,
                        TAG_API_GENERATOR: _apis.default
                    }); // 连接FormItem的数据与视图

                    this.ConnectedView = this.context._connectFormItemView(name, _View.default);
                }
            },
            {
                key: 'componentWillUnmount',
                value: function componentWillUnmount() {
                    var name = this.props.name;

                    this.context._removeFormItem(name);
                }
            },
            {
                key: 'render',
                value: function render() {
                    var ConnectedView = this.ConnectedView;
                    return _react.default.createElement(ConnectedView, null);
                }
            }
        ]);
        return Label;
    })(_react.default.Component);

exports.default = Label;
(0, _defineProperty2.default)(Label, 'contextType', _FormContext.default);
(0, _defineProperty2.default)(Label, 'TAG_ATTRS_GENERATOR', _genDefaultProps.default);
(0, _defineProperty2.default)(Label, 'TAG_TYPE', _FormConstants.TAG_TYPE_LABEL);
(0, _defineProperty2.default)(Label, 'TAG_API_GENERATOR', _apis.default);
(0, _defineProperty2.default)(Label, 'propTypes', {
    name: _propTypes.default.string.isRequired,
    colSpan: _propTypes.default.number,
    value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
    align: _propTypes.default.oneOf(['left', 'center', 'right']),
    fontColor: _propTypes.default.string,
    bold: _propTypes.default.bool,
    backgroundColor: _propTypes.default.string,
    underline: _propTypes.default.bool,
    oblique: _propTypes.default.bool
});

//@ sourceMappingURL=index.js.map