vue-ant-patterns/es/d-filter-drawer/index.js

vue-ant-patterns

import _extends from 'babel-runtime/helpers/extends';
import _defineProperty from 'babel-runtime/helpers/defineProperty';
import cx from 'classnames';

import DDrawer from '../d-drawer';

var FilterDrawer = {
  name: 'DFilterDrawer',
  'extends': DDrawer,
  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 = cx(_defineProperty({}, 'depot-filter-drawer', 1));
    var cls = cx((_cx2 = {}, _defineProperty(_cx2, 'reset-ant-collapse', 1), _defineProperty(_cx2, 'filter-drawer-collapse', 1), _cx2));
    var props = {
      props: {
        visible: sVisible,
        width: width,
        maskClosable: maskClosable,
        wrapClassName: wpCls
      },
      on: _extends({}, $listeners, {
        close: this.close
      })
    };

    return h(
      DDrawer,
      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);
};

export default FilterDrawer;