iep-ui/lib/air-quality-trend-chart-aqi/Panel.js

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

'use strict';

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

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

var _extends3 = _interopRequireDefault(_extends2);

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

var _vueTypes2 = _interopRequireDefault(_vueTypes);

var _multipleData = require('../multiple-data');

var _multipleData2 = _interopRequireDefault(_multipleData);

var _lodash = require('lodash');

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

exports['default'] = {
  name: 'Panel',
  props: (0, _extends3['default'])({
    prefixCls: _vueTypes2['default'].string,
    date: _vueTypes2['default'].string,
    week: _vueTypes2['default'].string
  }, _multipleData2['default'].props),
  render: function render() {
    var h = arguments[0];
    var _$props = this.$props,
        prefixCls = _$props.prefixCls,
        date = _$props.date,
        week = _$props.week,
        axis = _$props.axis,
        data = _$props.data,
        time = _$props.time,
        mode = _$props.mode;

    return h(
      'div',
      { 'class': prefixCls + '-panel' },
      [h(
        'div',
        { 'class': prefixCls + '-panel-header' },
        [h('span', [week, ' ', date])]
      ), h(
        'div',
        { 'class': prefixCls + '-panel-footer' },
        [!(0, _lodash.isEmpty)(data) ? h(_multipleData2['default'], {
          props: (0, _extends3['default'])({}, this.$props, {
            closeReal: true
          })
        }) : null]
      )]
    );
  }
};