vue-tree-component/src/Hierarchy.js

A Vue.js tree component.

const defaults = {
    selected: false,
    opened: false,
    disabled: false,
    checked: false
};

const extend = Object.assign;

let depth = 0;

function hierarchy(node, i) {
    let state = node.state || {};

    node.state = extend({}, defaults, state);

    if (!node.id) {
        // node.id = `${depth}.${i}`;
    }

    if (node.children) {
        depth++;
        node.children.forEach(hierarchy);
    }

    return node;
}


export default function(data) {
    return data.map(hierarchy);
}