iep-ui/lib/iep-business-block/business-block-weather.js

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

'use strict';

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

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

var _vueTypes2 = _interopRequireDefault(_vueTypes);

var _configConsumerProps = require('../config-provider/configConsumerProps');

var _bgIcon = require('./icons/bgIcon');

var _bgIcon2 = _interopRequireDefault(_bgIcon);

var _aqiIcon = require('./icons/aqiIcon');

var _aqiIcon2 = _interopRequireDefault(_aqiIcon);

var _nowIcon = require('./icons/nowIcon');

var _nowIcon2 = _interopRequireDefault(_nowIcon);

var _paimingIcon = require('./icons/paimingIcon');

var _paimingIcon2 = _interopRequireDefault(_paimingIcon);

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

exports['default'] = {
  name: 'IepBusinessBlockWeather',
  props: {
    aqiNumber: _vueTypes2['default'].string.def('-'),
    aqiLevel: _vueTypes2['default'].string.def('-'),
    aqiColor: _vueTypes2['default'].string.def('#fff'),
    nowNumber: _vueTypes2['default'].string.def('-'),
    nowLevel: _vueTypes2['default'].string.def('-'),
    nowColor: _vueTypes2['default'].string.def('#fff'),
    fineNumber: _vueTypes2['default'].string.def('-'),
    fineUnit: _vueTypes2['default'].string.def('优'),
    rankNumber: _vueTypes2['default'].string.def('-')
  },
  inject: {
    configProvider: { 'default': function _default() {
        return _configConsumerProps.ConfigConsumerProps;
      } }
  },
  render: function render() {
    var h = arguments[0];
    var customizePrefixCls = this.prefixCls,
        $props = this.$props;


    var getPrefixCls = this.configProvider.getPrefixCls;
    var prefixCls = getPrefixCls('iep-business-block-weather', customizePrefixCls);
    var aqiNumber = $props.aqiNumber,
        aqiLevel = $props.aqiLevel,
        aqiColor = $props.aqiColor,
        nowNumber = $props.nowNumber,
        nowLevel = $props.nowLevel,
        nowColor = $props.nowColor,
        fineNumber = $props.fineNumber,
        fineUnit = $props.fineUnit,
        rankNumber = $props.rankNumber;

    return h(
      'div',
      { 'class': prefixCls },
      [h(
        'div',
        { 'class': prefixCls + '-item' },
        [h(
          'div',
          { 'class': prefixCls + '-item-left' },
          [h(_aqiIcon2['default']), h(_bgIcon2['default'])]
        ), h(
          'div',
          { 'class': prefixCls + '-item-right' },
          [h(
            'div',
            { 'class': prefixCls + '-item-right-top' },
            [h('span', ['\u5B9E\u65F6AQI'])]
          ), h(
            'div',
            { 'class': prefixCls + '-item-right-bottom' },
            [h(
              'span',
              {
                'class': 'num',
                style: {
                  '--numberColor': aqiColor,
                  '--margin': '0 4px 0 0'
                }
              },
              [aqiNumber]
            ), h(
              'span',
              {
                'class': 'text',
                style: {
                  '--textColor': aqiColor
                }
              },
              [aqiLevel]
            )]
          )]
        )]
      ), h(
        'div',
        { 'class': prefixCls + '-item' },
        [h(
          'div',
          { 'class': prefixCls + '-item-left' },
          [h(_nowIcon2['default']), h(_bgIcon2['default'])]
        ), h(
          'div',
          { 'class': prefixCls + '-item-right' },
          [h(
            'div',
            { 'class': prefixCls + '-item-right-top' },
            [h('span', ['\u4ECA\u65E5\u7D2F\u8BA1'])]
          ), h(
            'div',
            { 'class': prefixCls + '-item-right-bottom' },
            [h(
              'span',
              {
                'class': 'num',
                style: {
                  '--numberColor': nowColor,
                  '--margin': '0 4px 0 0'
                }
              },
              [nowNumber]
            ), h(
              'span',
              {
                'class': 'text',
                style: {
                  '--textColor': nowColor
                }
              },
              [nowLevel]
            )]
          )]
        )]
      ), h(
        'div',
        { 'class': prefixCls + '-item' },
        [h(
          'div',
          { 'class': prefixCls + '-item-left' },
          [h('span', [fineUnit]), h(_bgIcon2['default'])]
        ), h(
          'div',
          { 'class': prefixCls + '-item-right' },
          [h(
            'div',
            { 'class': prefixCls + '-item-right-top' },
            [h('span', ['\u4ECA\u5E74\u7D2F\u8BA1\u4F18\u826F\u5929\u6570'])]
          ), h(
            'div',
            { 'class': prefixCls + '-item-right-bottom' },
            [h(
              'span',
              {
                'class': 'num',
                style: {
                  '--numberColor': '#fff',
                  '--margin': '0 4px 0 0'
                }
              },
              [fineNumber]
            ), h(
              'span',
              {
                'class': 'text',
                style: {
                  '--textColor': '#fff'
                }
              },
              ['\u5929']
            )]
          )]
        )]
      ), h(
        'div',
        { 'class': prefixCls + '-item' },
        [h(
          'div',
          { 'class': prefixCls + '-item-left' },
          [h(_paimingIcon2['default']), h(_bgIcon2['default'])]
        ), h(
          'div',
          { 'class': prefixCls + '-item-right' },
          [h(
            'div',
            { 'class': prefixCls + '-item-right-top' },
            [h('span', ['\u5168\u56FD168\u57CE\u5E02\u6392\u540D'])]
          ), h(
            'div',
            { 'class': prefixCls + '-item-right-bottom' },
            [h(
              'span',
              {
                'class': 'text',
                style: {
                  '--textColor': '#fff'
                }
              },
              ['\u7B2C']
            ), h(
              'span',
              {
                'class': 'num',
                style: {
                  '--numberColor': '#fff',
                  '--margin': '0 4px'
                }
              },
              [rankNumber]
            ), h(
              'span',
              {
                'class': 'text',
                style: {
                  '--textColor': '#fff'
                }
              },
              ['\u540D']
            )]
          )]
        )]
      )]
    );
  }
};