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

LogicFlow Vue Component Node Registry

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Container = void 0;
var vue_demi_1 = require("vue-demi");
var titleBar_1 = require("./titleBar");
exports.Container = (0, vue_demi_1.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((0, vue_demi_1.h)(titleBar_1.TitleBar, { node: this.node, graph: this.graph }));
        }
        console.log('props._expanded', props._expanded);
        if (props._expanded === true) {
            children.push((0, vue_demi_1.h)('div', { class: 'lf-vue-node-content-wrap' }, ((_b = this.$slots) === null || _b === void 0 ? void 0 : _b.default) ? this.$slots.default() : []));
        }
        return (0, vue_demi_1.h)('div', {
            class: 'lf-vue-node-container',
            style: " background: linear-gradient(180deg, ".concat(titleColor, " 0%, #FFFFFF 24px)"),
        }, children);
    },
});
//# sourceMappingURL=container.js.map