@logicflow/vue-node-registry/es/components/container.js

LogicFlow Vue Component Node Registry

import { defineComponent, h } from 'vue-demi';
import { TitleBar } from './titleBar';
export var Container = defineComponent({
    name: 'LFVueNodeContainer',
    props: {
        node: { type: Object, required: true },
        graph: { type: Object, required: true },
    },
    render: function () {
        var _a, _b;
        var props = ((_a = this.node) === null || _a === void 0 ? void 0 : _a.properties) || {};
        var children = [];
        var titleColor = props.style.titleColor || '#E5EEFC';
        if (props._showTitle) {
            children.push(h(TitleBar, { node: this.node, graph: this.graph }));
        }
        console.log('props._expanded', props._expanded);
        if (props._expanded === true) {
            children.push(h('div', { class: 'lf-vue-node-content-wrap' }, ((_b = this.$slots) === null || _b === void 0 ? void 0 : _b.default) ? this.$slots.default() : []));
        }
        return h('div', {
            class: 'lf-vue-node-container',
            style: " background: linear-gradient(180deg, ".concat(titleColor, " 0%, #FFFFFF 24px)"),
        }, children);
    },
});
//# sourceMappingURL=container.js.map