vue-ant-patterns/lib/d-container/Basic.js

vue-ant-patterns

'use strict';

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

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 _utils = require('../_utils');

var _classnames = require('classnames');

var _classnames2 = _interopRequireDefault(_classnames);

var _BasicProps = require('./BasicProps');

var _BasicProps2 = _interopRequireDefault(_BasicProps);

var _createCls = require('./createCls');

var _createCls2 = _interopRequireDefault(_createCls);

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

var Basic = {
  props: (0, _extends3['default'])({}, (0, _BasicProps2['default'])(), {
    prefixCls: String
  }),
  render: function render(h) {
    var _cx;

    var _$props = this.$props,
        prefixCls = _$props.prefixCls,
        tagName = _$props.tagName,
        align = _$props.align,
        justify = _$props.justify,
        grow = _$props.grow,
        flex = _$props.flex,
        wrap = _$props.wrap,
        margin = _$props.margin,
        padding = _$props.padding,
        width = _$props.width,
        height = _$props.height,
        viewPage = _$props.viewPage,
        scroll = _$props.scroll;
    var $slots = this.$slots,
        $attrs = this.$attrs,
        $listeners = this.$listeners;

    var isX = scroll.includes('x');
    var isY = scroll.includes('y');
    var cls = (0, _classnames2['default'])((_cx = {}, (0, _defineProperty3['default'])(_cx, prefixCls, 1), (0, _defineProperty3['default'])(_cx, (0, _createCls2['default'])('align', align), 1), (0, _defineProperty3['default'])(_cx, (0, _createCls2['default'])('justify', justify), 1), (0, _defineProperty3['default'])(_cx, 'depot-container-grow', grow), (0, _defineProperty3['default'])(_cx, 'depot-container-flex', flex), (0, _defineProperty3['default'])(_cx, 'depot-container-wrap', wrap), (0, _defineProperty3['default'])(_cx, 'depot-container-view-page', viewPage), (0, _defineProperty3['default'])(_cx, 'depot-container-scroll-x', isX), (0, _defineProperty3['default'])(_cx, 'depot-container-scroll-y', isY), _cx));
    var divProps = {
      'class': cls,
      on: $listeners,
      style: {
        padding: padding,
        margin: margin,
        width: (0, _utils.styleUnitExtract)(width),
        height: (0, _utils.styleUnitExtract)(height)
      }
    };
    // if (tagName !== 'div') {
    //   return h(tagName, { ...divProps }, $slots.default);
    // }
    // return <div {...divProps}>{$slots.default}</div>;
    return h(tagName, (0, _extends3['default'])({}, divProps, $attrs), $slots['default']);
  }
};

exports['default'] = Basic;