iep-ui/lib/typography/Link.js

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

'use strict';

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

var _typeof2 = require('babel-runtime/helpers/typeof');

var _typeof3 = _interopRequireDefault(_typeof2);

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

var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);

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

var _extends3 = _interopRequireDefault(_extends2);

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 LinkProps = exports.LinkProps = (0, _omit2['default'])((0, _extends3['default'])({}, _Base.baseProps, {
  ellipsis: _vueTypes2['default'].bool
}), ['component']);
exports['default'] = {
  name: 'ATypographyLink',
  functional: true,
  props: LinkProps,
  render: function render(h, context) {
    var _context$props = context.props,
        ellipsis = _context$props.ellipsis,
        rel = _context$props.rel,
        restProps = (0, _objectWithoutProperties3['default'])(_context$props, ['ellipsis', 'rel']);

    (0, _warning2['default'])((typeof ellipsis === 'undefined' ? 'undefined' : (0, _typeof3['default'])(ellipsis)) !== 'object', 'Typography.Link', '`ellipsis` only supports boolean value.');
    var mergedProps = (0, _extends3['default'])({}, restProps, {
      rel: rel === undefined && restProps.target === '_blank' ? 'noopener noreferrer' : rel,
      ellipsis: !!ellipsis,
      component: 'a'
    });

    delete mergedProps.navigate;

    return h(
      _Base2['default'],
      {
        attrs: { props: mergedProps, attrs: context.data.attrs }
      },
      [context.slots()['default']]
    );
  }
};