Statistic.js 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. 'use strict';
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.StatisticProps = undefined;
  6. var _extends2 = require('babel-runtime/helpers/extends');
  7. var _extends3 = _interopRequireDefault(_extends2);
  8. var _vueTypes = require('../_util/vue-types');
  9. var _vueTypes2 = _interopRequireDefault(_vueTypes);
  10. var _propsUtil = require('../_util/props-util');
  11. var _configConsumerProps = require('../config-provider/configConsumerProps');
  12. var _Number = require('./Number');
  13. var _Number2 = _interopRequireDefault(_Number);
  14. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
  15. var StatisticProps = exports.StatisticProps = {
  16. prefixCls: _vueTypes2['default'].string,
  17. decimalSeparator: _vueTypes2['default'].string,
  18. groupSeparator: _vueTypes2['default'].string,
  19. format: _vueTypes2['default'].string,
  20. value: _vueTypes2['default'].oneOfType([_vueTypes2['default'].string, _vueTypes2['default'].number, _vueTypes2['default'].object]),
  21. valueStyle: _vueTypes2['default'].any,
  22. valueRender: _vueTypes2['default'].any,
  23. formatter: _vueTypes2['default'].any,
  24. precision: _vueTypes2['default'].number,
  25. prefix: _vueTypes2['default'].any,
  26. suffix: _vueTypes2['default'].any,
  27. title: _vueTypes2['default'].any
  28. };
  29. exports['default'] = {
  30. name: 'AStatistic',
  31. props: (0, _propsUtil.initDefaultProps)(StatisticProps, {
  32. decimalSeparator: '.',
  33. groupSeparator: ','
  34. }),
  35. inject: {
  36. configProvider: { 'default': function _default() {
  37. return _configConsumerProps.ConfigConsumerProps;
  38. } }
  39. },
  40. render: function render() {
  41. var h = arguments[0];
  42. var _$props = this.$props,
  43. customizePrefixCls = _$props.prefixCls,
  44. _$props$value = _$props.value,
  45. value = _$props$value === undefined ? 0 : _$props$value,
  46. valueStyle = _$props.valueStyle,
  47. valueRender = _$props.valueRender;
  48. var getPrefixCls = this.configProvider.getPrefixCls;
  49. var prefixCls = getPrefixCls('statistic', customizePrefixCls);
  50. var title = (0, _propsUtil.getComponentFromProp)(this, 'title');
  51. var prefix = (0, _propsUtil.getComponentFromProp)(this, 'prefix');
  52. var suffix = (0, _propsUtil.getComponentFromProp)(this, 'suffix');
  53. var formatter = (0, _propsUtil.getComponentFromProp)(this, 'formatter', {}, false);
  54. var valueNode = h(_Number2['default'], { props: (0, _extends3['default'])({}, this.$props, { prefixCls: prefixCls, value: value, formatter: formatter }) });
  55. if (valueRender) {
  56. valueNode = valueRender(valueNode);
  57. }
  58. return h(
  59. 'div',
  60. { 'class': prefixCls },
  61. [title && h(
  62. 'div',
  63. { 'class': prefixCls + '-title' },
  64. [title]
  65. ), h(
  66. 'div',
  67. { style: valueStyle, 'class': prefixCls + '-content' },
  68. [prefix && h(
  69. 'span',
  70. { 'class': prefixCls + '-content-prefix' },
  71. [prefix]
  72. ), valueNode, suffix && h(
  73. 'span',
  74. { 'class': prefixCls + '-content-suffix' },
  75. [suffix]
  76. )]
  77. )]
  78. );
  79. }
  80. };