iep-ui/es/typography/Title.js

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

import _mergeJSXProps from 'babel-helper-vue-jsx-merge-props';
import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
import _extends from 'babel-runtime/helpers/extends';
import { tupleNum } from '../_util/type';
import PropTypes from '../_util/vue-types';
import warning from '../_util/warning';
import Base, { baseProps } from './Base';
import Omit from 'omit.js';
var TITLE_ELE_LIST = tupleNum(1, 2, 3, 4, 5);

export var TitleProps = Omit(_extends({}, baseProps, {
  level: PropTypes.oneOf(TITLE_ELE_LIST).def(1)
}), ['strong']);
export default {
  name: 'ATypographyTitle',
  inheritAttrs: false,
  props: TitleProps,
  render: function render() {
    var h = arguments[0];

    var _$props = this.$props,
        level = _$props.level,
        restProps = _objectWithoutProperties(_$props, ['level']);

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

    return h(
      Base,
      _mergeJSXProps([{
        attrs: {
          props: _extends({}, restProps, {
            component: component
          })
        }
      }, titleProps]),
      [this.$slots['default']]
    );
  }
};