'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 _utils = require('./utils'); var _BaseTable = require('./BaseTable'); var _BaseTable2 = _interopRequireDefault(_BaseTable); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; } exports['default'] = { name: 'BodyTable', props: { fixed: _vueTypes2['default'].oneOfType([_vueTypes2['default'].string, _vueTypes2['default'].bool]), columns: _vueTypes2['default'].array.isRequired, tableClassName: _vueTypes2['default'].string.isRequired, handleBodyScroll: _vueTypes2['default'].func.isRequired, handleWheel: _vueTypes2['default'].func.isRequired, getRowKey: _vueTypes2['default'].func.isRequired, expander: _vueTypes2['default'].object.isRequired, isAnyColumnsFixed: _vueTypes2['default'].bool }, inject: { table: { 'default': function _default() { return {}; } } }, mounted: function mounted() { this.updateTableRef(); }, updated: function updated() { this.updateTableRef(); }, methods: { updateTableRef: function updateTableRef() { this.$refs.fixedColumnsBodyLeft && this.table.saveChildrenRef('fixedColumnsBodyLeft', this.$refs.fixedColumnsBodyLeft); this.$refs.fixedColumnsBodyRight && this.table.saveChildrenRef('fixedColumnsBodyRight', this.$refs.fixedColumnsBodyRight); this.$refs.bodyTable && this.table.saveChildrenRef('bodyTable', this.$refs.bodyTable); } }, render: function render() { var h = arguments[0]; var _table = this.table, prefixCls = _table.prefixCls, scroll = _table.scroll; var columns = this.columns, fixed = this.fixed, tableClassName = this.tableClassName, getRowKey = this.getRowKey, handleBodyScroll = this.handleBodyScroll, handleWheel = this.handleWheel, expander = this.expander, isAnyColumnsFixed = this.isAnyColumnsFixed; var useFixedHeader = this.table.useFixedHeader; var bodyStyle = (0, _extends3['default'])({}, this.table.bodyStyle); var innerBodyStyle = {}; if (scroll.x || fixed) { bodyStyle.overflowX = bodyStyle.overflowX || 'scroll'; // Fix weired webkit render bug // https://github.com/ant-design/ant-design/issues/7783 bodyStyle.WebkitTransform = 'translate3d (0, 0, 0)'; } if (scroll.y) { // maxHeight will make fixed-Table scrolling not working // so we only set maxHeight to body-Table here var maxHeight = bodyStyle.maxHeight || scroll.y; maxHeight = typeof maxHeight === 'number' ? maxHeight + 'px' : maxHeight; if (fixed) { innerBodyStyle.maxHeight = maxHeight; innerBodyStyle.overflowY = bodyStyle.overflowY || 'scroll'; } else { bodyStyle.maxHeight = maxHeight; } bodyStyle.overflowY = bodyStyle.overflowY || 'scroll'; useFixedHeader = true; // Add negative margin bottom for scroll bar overflow bug var scrollbarWidth = (0, _utils.measureScrollbar)(); if (scrollbarWidth > 0 && fixed) { bodyStyle.marginBottom = '-' + scrollbarWidth + 'px'; bodyStyle.paddingBottom = '0px'; } } var baseTable = h(_BaseTable2['default'], { attrs: { tableClassName: tableClassName, hasHead: !useFixedHeader, hasBody: true, fixed: fixed, columns: columns, expander: expander, getRowKey: getRowKey, isAnyColumnsFixed: isAnyColumnsFixed } }); if (fixed && columns.length) { var refName = void 0; if (columns[0].fixed === 'left' || columns[0].fixed === true) { refName = 'fixedColumnsBodyLeft'; } else if (columns[0].fixed === 'right') { refName = 'fixedColumnsBodyRight'; } delete bodyStyle.overflowX; delete bodyStyle.overflowY; return h( 'div', { key: 'bodyTable', 'class': prefixCls + '-body-outer', style: (0, _extends3['default'])({}, bodyStyle) }, [h( 'div', { 'class': prefixCls + '-body-inner', style: innerBodyStyle, ref: refName, on: { 'wheel': handleWheel, 'scroll': handleBodyScroll } }, [baseTable] )] ); } return h( 'div', { key: 'bodyTable', 'class': prefixCls + '-body', style: bodyStyle, ref: 'bodyTable', on: { 'wheel': handleWheel, 'scroll': handleBodyScroll } }, [baseTable] ); } };