json-tree

• 作者：David Feng
• 邮箱：[email protected]
• 版本：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

1. init