iep-ui/lib/typography/Title.js

An enterprise-class UI design language and Vue-based implementation

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TitleProps = undefined;

var _babelHelperVueJsxMergeProps = require('babel-helper-vue-jsx-merge-props');

var _babelHelperVueJsxMergeProps2 = _interopRequireDefault(_babelHelperVueJsxMergeProps);

var _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _type = require('../_util/type');

var _vueTypes = require('../_util/vue-types');

var _vueTypes2 = _interopRequireDefault(_vueTypes);

var _warning = require('../_util/warning');

var _warning2 = _interopRequireDefault(_warning);

var _Base = require('./Base');

var _Base2 = _interopRequireDefault(_Base);

var _omit = require('omit.js');

var _omit2 = _interopRequireDefault(_omit);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

var TITLE_ELE_LIST = (0, _type.tupleNum)(1, 2, 3, 4, 5);

var TitleProps = exports.TitleProps = (0, _omit2['default'])((0, _extends3['default'])({}, _Base.baseProps, {
  level: _vueTypes2['default'].oneOf(TITLE_ELE_LIST).def(1)
}), ['strong']);
exports['default'] = {
  name: 'ATypographyTitle',
  inheritAttrs: false,
  props: TitleProps,
  render: function render() {
    var h = arguments[0];
    var _$props = this.$props,
        level = _$props.level,
        restProps = (0, _objectWithoutProperties3['default'])(_$props, ['level']);

    var component = void 0;
    if (TITLE_ELE_LIST.indexOf(level) !== -1) {
      component = 'h' + level;
    } else {
      (0, _warning2['default'])(false, 'Typography', 'Title only accept `1 | 2 | 3 | 4 | 5` as `level` value.');
    }
    var titleProps = {
      props: (0, _extends3['default'])({}, this.$attrs)
    };

    return h(
      _Base2['default'],
      (0, _babelHelperVueJsxMergeProps2['default'])([{
        attrs: {
          props: (0, _extends3['default'])({}, restProps, {
            component: component
          })
        }
      }, titleProps]),
      [this.$slots['default']]
    );
  }
};