Lm-json-tree NPM

json-tree

json tree

lm-* 组件使用 npm 进行管理，命名空间统一为 lm-，请使用以下命令进行组件安装。

npm i lm-json-tree --save

最少配置参数为：

const data = {
    array: [1, 2, 3],
    bool: true,
    object: {
        foo: 'bar'
    }
};
<JSONTree data={data} />

Prop	Type	Default	Description
`data`	`Object`	`undefined`	json数据源
`hideRoot`	`Bool`	false	是否隐藏根节点
`theme`	`String、Object`	`undefined`	主题色调
`invertTheme`	`Bool`	false	主题色调反转
`invertTheme`	`Bool`	false	主题色调反转
`nodeClickHandle`	`Func`	console.log(nodeType, keyPath, value)	节点点击事件
`isAnyUpdate`	`Bool`	false	是否强制每次数据变动都更新（有选中背景颜色时候使用）
`getItemString`	`Func`	{itemType} {itemString}	key值后面的描述
`labelRenderer`	`Func`	{label}:	label的再加工
`valueRenderer`	`Func`	value => value	value的再加工