CollapsePanel.js 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. 'use strict';
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
  6. var _defineProperty3 = _interopRequireDefault(_defineProperty2);
  7. var _extends2 = require('babel-runtime/helpers/extends');
  8. var _extends3 = _interopRequireDefault(_extends2);
  9. var _propsUtil = require('../_util/props-util');
  10. var _vcCollapse = require('../vc-collapse');
  11. var _vcCollapse2 = _interopRequireDefault(_vcCollapse);
  12. var _configConsumerProps = require('../config-provider/configConsumerProps');
  13. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
  14. exports['default'] = {
  15. name: 'ACollapsePanel',
  16. props: (0, _extends3['default'])({}, (0, _vcCollapse.panelProps)()),
  17. inject: {
  18. configProvider: { 'default': function _default() {
  19. return _configConsumerProps.ConfigConsumerProps;
  20. } }
  21. },
  22. render: function render() {
  23. var h = arguments[0];
  24. var customizePrefixCls = this.prefixCls,
  25. _showArrow = this.showArrow,
  26. showArrow = _showArrow === undefined ? true : _showArrow;
  27. var getPrefixCls = this.configProvider.getPrefixCls;
  28. var prefixCls = getPrefixCls('collapse', customizePrefixCls);
  29. var collapsePanelClassName = (0, _defineProperty3['default'])({}, prefixCls + '-no-arrow', !showArrow);
  30. var rcCollapePanelProps = {
  31. props: (0, _extends3['default'])({}, (0, _propsUtil.getOptionProps)(this), {
  32. prefixCls: prefixCls,
  33. extra: (0, _propsUtil.getComponentFromProp)(this, 'extra')
  34. }),
  35. 'class': collapsePanelClassName,
  36. on: (0, _propsUtil.getListeners)(this)
  37. };
  38. var header = (0, _propsUtil.getComponentFromProp)(this, 'header');
  39. return h(
  40. _vcCollapse2['default'].Panel,
  41. rcCollapePanelProps,
  42. [this.$slots['default'], header ? h(
  43. 'template',
  44. { slot: 'header' },
  45. [header]
  46. ) : null]
  47. );
  48. }
  49. };