0.0.6 • Published 8 months ago
@swordtooth/json-viewer v0.0.6
json-viewer
适用于 React 的 json 查看组件。
Demo
1. 安装
npm i @swordtooth/json-viewer
2. 引入
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
8 months ago
0.0.5
8 months ago
0.0.4
9 months ago
0.0.3
9 months ago
0.0.2
10 months ago
0.0.1-test2
10 months ago
0.0.1-test1
10 months ago
0.0.1
10 months ago