element-plus/es/el-container/index.js

A Component Library for Vue3.0

import { defineComponent, computed, openBlock, createBlock, renderSlot } from 'vue';

var script = defineComponent({
    name: 'ElContainer',
    props: {
        direction: {
            type: String,
            default: '',
        },
    },
    setup(props, { slots }) {
        const isVertical = 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 {
            isVertical,
        };
    },
});

function render(_ctx, _cache, $props, $setup, $data, $options) {
  return (openBlock(), createBlock("section", {
    class: ["el-container", {'is-vertical': _ctx.isVertical}]
  }, [
    renderSlot(_ctx.$slots, "default")
  ], 2 /* CLASS */))
}

script.render = render;
script.__file = "packages/container/src/container.vue";

script.install = (app) => {
    app.component(script.name, script);
};
const _Container = script;

export default _Container;