74 lines
1.8 KiB
JavaScript
74 lines
1.8 KiB
JavaScript
|
"use strict";
|
||
|
|
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports.default = void 0;
|
||
|
|
|
||
|
|
require("../../../src/components/VGrid/_grid.sass");
|
||
|
|
|
||
|
|
require("../../../src/components/VGrid/VGrid.sass");
|
||
|
|
|
||
|
|
var _grid2 = _interopRequireDefault(require("./grid"));
|
||
|
|
|
||
|
|
var _mergeData = _interopRequireDefault(require("../../util/mergeData"));
|
||
|
|
|
||
|
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||
|
|
|
||
|
|
/* @vue/component */
|
||
|
|
var _default = (0, _grid2.default)('container').extend({
|
||
|
|
name: 'v-container',
|
||
|
|
functional: true,
|
||
|
|
props: {
|
||
|
|
id: String,
|
||
|
|
tag: {
|
||
|
|
type: String,
|
||
|
|
default: 'div'
|
||
|
|
},
|
||
|
|
fluid: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
render: function render(h, _ref) {
|
||
|
|
var props = _ref.props,
|
||
|
|
data = _ref.data,
|
||
|
|
children = _ref.children;
|
||
|
|
var classes;
|
||
|
|
var attrs = data.attrs;
|
||
|
|
|
||
|
|
if (attrs) {
|
||
|
|
// reset attrs to extract utility clases like pa-3
|
||
|
|
data.attrs = {};
|
||
|
|
classes = Object.keys(attrs).filter(function (key) {
|
||
|
|
// TODO: Remove once resolved
|
||
|
|
// https://github.com/vuejs/vue/issues/7841
|
||
|
|
if (key === 'slot') return false;
|
||
|
|
var value = attrs[key]; // add back data attributes like data-test="foo" but do not
|
||
|
|
// add them as classes
|
||
|
|
|
||
|
|
if (key.startsWith('data-')) {
|
||
|
|
data.attrs[key] = value;
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
|
||
|
|
return value || typeof value === 'string';
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
if (props.id) {
|
||
|
|
data.domProps = data.domProps || {};
|
||
|
|
data.domProps.id = props.id;
|
||
|
|
}
|
||
|
|
|
||
|
|
return h(props.tag, (0, _mergeData.default)(data, {
|
||
|
|
staticClass: 'container',
|
||
|
|
class: Array({
|
||
|
|
'container--fluid': props.fluid
|
||
|
|
}).concat(classes || [])
|
||
|
|
}), children);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
exports.default = _default;
|
||
|
|
//# sourceMappingURL=VContainer.js.map
|