You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.5 KiB
51 lines
1.5 KiB
'use strict';
|
|
|
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
|
var vue = require('vue');
|
|
var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
|
|
var index = require('../../../hooks/use-namespace/index.js');
|
|
|
|
const __default__ = vue.defineComponent({
|
|
name: "ElContainer"
|
|
});
|
|
const _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
...__default__,
|
|
props: {
|
|
direction: {
|
|
type: String
|
|
}
|
|
},
|
|
setup(__props) {
|
|
const props = __props;
|
|
const slots = vue.useSlots();
|
|
const ns = index.useNamespace("container");
|
|
const isVertical = vue.computed(() => {
|
|
if (props.direction === "vertical") {
|
|
return true;
|
|
} else if (props.direction === "horizontal") {
|
|
return false;
|
|
}
|
|
if (slots && slots.default) {
|
|
const vNodes = slots.default();
|
|
return vNodes.some((vNode) => {
|
|
const tag = vNode.type.name;
|
|
return tag === "ElHeader" || tag === "ElFooter";
|
|
});
|
|
} else {
|
|
return false;
|
|
}
|
|
});
|
|
return (_ctx, _cache) => {
|
|
return vue.openBlock(), vue.createElementBlock("section", {
|
|
class: vue.normalizeClass([vue.unref(ns).b(), vue.unref(ns).is("vertical", vue.unref(isVertical))])
|
|
}, [
|
|
vue.renderSlot(_ctx.$slots, "default")
|
|
], 2);
|
|
};
|
|
}
|
|
});
|
|
var Container = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "container.vue"]]);
|
|
|
|
exports["default"] = Container;
|
|
//# sourceMappingURL=container.js.map
|