"use strict";
var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
                t[p[i]] = s[p[i]];
        }
    return t;
};
var __read = (this && this.__read) || function (o, n) {
    var m = typeof Symbol === "function" && o[Symbol.iterator];
    if (!m) return o;
    var i = m.call(o), r, ar = [], e;
    try {
        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
    }
    catch (error) { e = { error: error }; }
    finally {
        try {
            if (r && !r.done && (m = i["return"])) m.call(i);
        }
        finally { if (e) throw e.error; }
    }
    return ar;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ComponentTreeWidget = exports.ComponentTreeWidgetComponent = exports.TreeNodeWidget = exports.TreeNodeWidgetComponent = void 0;
var hooks_1 = require("../../hooks");
var context_1 = require("../../context");
var core_1 = require("@designable/core");
var reactive_vue_1 = require("@formily/reactive-vue");
var classnames_1 = __importDefault(require("classnames"));
require("./styles.less");
var vue_demi_1 = require("vue-demi");
var __builtins__1 = require("@jeamn/formily-components/src/__builtins__");
exports.TreeNodeWidgetComponent = (0, vue_demi_1.defineComponent)({
    name: 'DnTreeNodeWidget',
    props: {
        node: Object,
    },
    setup: function (props) {
        var _a, _b;
        var designerRef = (0, hooks_1.useDesigner)((_b = (_a = props.node) === null || _a === void 0 ? void 0 : _a.designerProps) === null || _b === void 0 ? void 0 : _b.effects);
        var componentsRef = (0, hooks_1.useComponents)();
        (0, vue_demi_1.provide)(context_1.TreeNodeSymbol, (0, vue_demi_1.toRef)(props, 'node'));
        return function () {
            var node = props.node;
            // default slot
            var renderChildren = function () {
                var _a, _b, _c;
                if ((_a = node === null || node === void 0 ? void 0 : node.designerProps) === null || _a === void 0 ? void 0 : _a.selfRenderChildren)
                    return [];
                return (_c = (_b = node === null || node === void 0 ? void 0 : node.children) === null || _b === void 0 ? void 0 : _b.filter(function (child) {
                    var _a;
                    var slot = (_a = child.props) === null || _a === void 0 ? void 0 : _a['x-slot'];
                    return !slot || slot === 'default';
                })) === null || _c === void 0 ? void 0 : _c.map(function (child) {
                    return <exports.TreeNodeWidget {...{ node: child }} key={child.id}/>;
                });
            };
            // 支持 x-slot
            var renderSlots = function () {
                var _a, _b;
                if ((_a = node === null || node === void 0 ? void 0 : node.designerProps) === null || _a === void 0 ? void 0 : _a.selfRenderChildren)
                    return [];
                var result = (_b = node === null || node === void 0 ? void 0 : node.children) === null || _b === void 0 ? void 0 : _b.reduce(function (buffer, child) {
                    var _a;
                    var slot = (_a = child.props) === null || _a === void 0 ? void 0 : _a['x-slot'];
                    if (slot) {
                        if (!buffer[slot])
                            buffer[slot] = [];
                        buffer[slot].push(<exports.TreeNodeWidget node={child} key={child.id}/>);
                    }
                    return buffer;
                }, {});
                return Object.entries(result).reduce(function (buffer, _a) {
                    var _b = __read(_a, 2), key = _b[0], value = _b[1];
                    buffer[key] = function () { return value; };
                    return buffer;
                }, {});
            };
            var renderProps = function (extendsProps) {
                var _a, _b, _c;
                if (extendsProps === void 0) { extendsProps = {}; }
                var props = __assign(__assign(__assign(__assign({}, (_a = node.designerProps) === null || _a === void 0 ? void 0 : _a.defaultProps), extendsProps), node.props), (_c = (_b = node.designerProps) === null || _b === void 0 ? void 0 : _b.getComponentProps) === null || _c === void 0 ? void 0 : _c.call(_b, node));
                if (node.depth === 0) {
                    delete props.style;
                }
                return props;
            };
            var renderComponent = function () {
                var _a, _b, _c, _d;
                var componentName = node.componentName;
                var Component = (_a = componentsRef.value) === null || _a === void 0 ? void 0 : _a[componentName];
                var dataId = {};
                if (Component) {
                    if (designerRef.value) {
                        dataId[(_c = (_b = designerRef.value) === null || _b === void 0 ? void 0 : _b.props) === null || _c === void 0 ? void 0 : _c.nodeIdAttrName] = node.id;
                    }
                    var _e = renderProps(dataId), style = _e.style, attrs = __rest(_e, ["style"]);
                    return (<Component {...attrs} key={node.id} style={style} v-slots={renderSlots()}>
                {renderChildren()}
              </Component>);
                }
                else {
                    if ((_d = node === null || node === void 0 ? void 0 : node.children) === null || _d === void 0 ? void 0 : _d.length) {
                        return <>{renderChildren()}</>;
                    }
                }
            };
            if (!node)
                return null;
            if (node.hidden)
                return null;
            return renderComponent();
        };
    },
});
exports.TreeNodeWidget = (0, reactive_vue_1.observer)(exports.TreeNodeWidgetComponent);
exports.ComponentTreeWidgetComponent = (0, reactive_vue_1.observer)((0, vue_demi_1.defineComponent)({
    name: 'DnComponentTreeWidget',
    props: { components: [Object] },
    setup: function (props) {
        var treeRef = (0, hooks_1.useTree)();
        var prefixRef = (0, hooks_1.usePrefix)('component-tree');
        var designerRef = (0, hooks_1.useDesigner)();
        core_1.GlobalRegistry.registerDesignerBehaviors(props.components);
        (0, vue_demi_1.provide)(context_1.DesignerComponentsSymbol, (0, vue_demi_1.toRef)(props, 'components'));
        return function () {
            var _a, _b;
            var dataId = {};
            if (designerRef.value && treeRef.value && ((_b = (_a = designerRef.value) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.nodeIdAttrName)) {
                dataId[designerRef.value.props.nodeIdAttrName] = treeRef.value.id;
            }
            return (<div class={(0, classnames_1.default)(prefixRef.value)} {...dataId}>
              <exports.TreeNodeWidget {...{ node: treeRef.value }}/>
            </div>);
        };
    },
}));
exports.ComponentTreeWidget = (0, __builtins__1.composeExport)(exports.ComponentTreeWidgetComponent, {
    displayName: 'ComponentTreeWidget',
});
//# sourceMappingURL=index.jsx.map