vue-ant-patterns
Version:
vue-ant-patterns
87 lines (69 loc) • 2.15 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
var _defineProperty3 = _interopRequireDefault(_defineProperty2);
var _classnames = require('classnames');
var _classnames2 = _interopRequireDefault(_classnames);
var _dDrawer = require('../d-drawer');
var _dDrawer2 = _interopRequireDefault(_dDrawer);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }
var FilterDrawer = {
name: 'DFilterDrawer',
'extends': _dDrawer2['default'],
render: function render() {
var _cx2;
var h = arguments[0];
var $slots = this.$slots,
$listeners = this.$listeners,
width = this.width,
sVisible = this.sVisible,
title = this.title,
maskClosable = this.maskClosable;
var sTitle = title;
if (!title) {
sTitle = h('span', ['\xA0']);
}
var wpCls = (0, _classnames2['default'])((0, _defineProperty3['default'])({}, 'depot-filter-drawer', 1));
var cls = (0, _classnames2['default'])((_cx2 = {}, (0, _defineProperty3['default'])(_cx2, 'reset-ant-collapse', 1), (0, _defineProperty3['default'])(_cx2, 'filter-drawer-collapse', 1), _cx2));
var props = {
props: {
visible: sVisible,
width: width,
maskClosable: maskClosable,
wrapClassName: wpCls
},
on: (0, _extends3['default'])({}, $listeners, {
close: this.close
})
};
return h(
_dDrawer2['default'],
props,
[h(
'template',
{ slot: 'title' },
[sTitle]
), h(
'template',
{ slot: 'default' },
[h(
'div',
{ 'class': cls },
[$slots['default']]
)]
), h(
'template',
{ slot: 'submitBar' },
[this.submitBarNode()]
)]
);
}
};
FilterDrawer.install = function (Vue) {
Vue.component(FilterDrawer.name, FilterDrawer);
};
exports['default'] = FilterDrawer;