vue-ant-patterns/lib/d-tools/index.js

vue-ant-patterns

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ToolsProps = undefined;

var _defineProperty2 = require('babel-runtime/helpers/defineProperty');

var _defineProperty3 = _interopRequireDefault(_defineProperty2);

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _vueTypes = require('ant-design-vue/lib/_util/vue-types');

var _vueTypes2 = _interopRequireDefault(_vueTypes);

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _dContainer = require('../d-container');

var _dContainer2 = _interopRequireDefault(_dContainer);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { 'default': obj }; }

var depotProps = {
  flex: true,
  justify: 'start',
  align: 'center'
};
var ToolsProps = (0, _extends3['default'])({}, _dContainer.BasicProps, {
  prefixCls: _vueTypes2['default'].string.def('depot-tools'),
  margin: _vueTypes2['default'].string.def('0 0 8px 0'),
  padding: _vueTypes2['default'].string.def(''),
  height: _vueTypes2['default'].string,
  grow: _vueTypes2['default'].bool.def(false)
});
var DTools = {
  name: 'DTools',
  props: (0, _extends3['default'])({}, ToolsProps),
  render: function render() {
    var h = arguments[0];
    var prefixCls = this.prefixCls,
        $slots = this.$slots,
        margin = this.margin,
        padding = this.padding,
        height = this.height,
        grow = this.grow;
    var main = $slots.main,
        second = $slots.second;


    var wrapProps = {
      'class': (0, _classnames2['default'])((0, _defineProperty3['default'])({}, prefixCls, 1)),
      props: (0, _extends3['default'])({}, depotProps, {
        justify: second && !main ? 'end' : 'between',
        margin: margin,
        padding: padding,
        height: height,
        grow: grow
      })
      // style: {
      //   margin,
      //   padding,
      //   height,
      // },
    };

    var mainProps = {
      'class': prefixCls + '-main',
      props: (0, _extends3['default'])({}, depotProps)
    };
    var secondProps = {
      'class': prefixCls + '-second',
      props: (0, _extends3['default'])({}, depotProps, {
        justify: 'end'
      })
    };
    return h(
      _dContainer2['default'],
      wrapProps,
      [main ? h(
        _dContainer2['default'],
        mainProps,
        [main]
      ) : null, second ? h(
        _dContainer2['default'],
        secondProps,
        [second]
      ) : null]
    );
  }
};

DTools.install = function (Vue) {
  Vue.component(DTools.name, DTools);
};

exports['default'] = DTools;
exports.ToolsProps = ToolsProps;