lm-json-tree

json-tree

• 作者：David Feng
• 邮箱：[e-mail]
• 版本：0.1.4

介绍

json tree

安装

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

npm i lm-json-tree --save

• 如果你还没有安装 npm，可通过以下方式进行 安装。
• 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org

使用

样例文档

• 

使用

最少配置参数为：

• 传入content增加内容

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的再加工

注意事项

• 组件注意事项

开发调试

进入项目目录后，使用 node 命令启动服务

npm run start

打包发布可通过 node 命令执行

npm run build
npm publish

相关资料

• lm 组件开发规范

Changelog

0.1.0

• init