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

vue-ant-patterns

import _defineProperty from 'babel-runtime/helpers/defineProperty';
import _extends from 'babel-runtime/helpers/extends';
import PropTypes from 'ant-design-vue/es/_util/vue-types';
import cx from 'classnames';

import Container, { BasicProps } from '../d-container';

var depotProps = {
  flex: true,
  justify: 'start',
  align: 'center'
};
var ToolsProps = _extends({}, BasicProps, {
  prefixCls: PropTypes.string.def('depot-tools'),
  margin: PropTypes.string.def('0 0 8px 0'),
  padding: PropTypes.string.def(''),
  height: PropTypes.string,
  grow: PropTypes.bool.def(false)
});
var DTools = {
  name: 'DTools',
  props: _extends({}, 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': cx(_defineProperty({}, prefixCls, 1)),
      props: _extends({}, depotProps, {
        justify: second && !main ? 'end' : 'between',
        margin: margin,
        padding: padding,
        height: height,
        grow: grow
      })
      // style: {
      //   margin,
      //   padding,
      //   height,
      // },
    };

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

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

export default DTools;
export { ToolsProps };