0.0.6 • Published 2 years ago
@swordtooth/json-viewer v0.0.6
json-viewer
适用于 React 的 json 查看组件。
Demo
1. 安装
npm i @swordtooth/json-viewer2. 引入
import JSONViewer from '@swordtooth/json-viewer'3. 使用
<JSONViewer
//...
/>props 列表
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| json | String | 无默认值，必填项 | 数据源，要求是 json 字符串 |
| width | String | 100% | json 块的宽度 |
| height | String | 无默认值，不填则默认全部展示，不会出现滚动条 | json 块的最大高度，超过该值会展示滚动条 |
| isShowLineNumber | Boolean | true | 是否显示行号 |
| canCollapse | Boolean | true | 是否开启折叠功能，复杂类型的字段才会出现折叠按钮 |
| isShowCopy | Boolean | true | 是否显示复制按钮，点击后可复制 json |
| onCopy | Function | 无默认值，如果开启了 isShowCopy，则为必填项 | 点击复制按钮的回调函数，参数为 json 对象 |
| isShowFooter | Boolean | true | 是否开启 Footer |
| isEmptyObjectOneLine | Boolean | false | 空对象或者空数组是否显示在一行，会影响最终的行数 |
0.0.6
2 years ago
0.0.5
2 years ago
0.0.4
2 years ago
0.0.3
2 years ago
0.0.2
2 years ago
0.0.1-test2
2 years ago
0.0.1-test1
2 years ago
0.0.1
2 years ago