0.0.20 • Published 6 months ago
json-view-next v0.0.20
json-view-next
一个用于展示json的vue3组件
1.查看示例
git clone https://github.com/lgcxc/json-view-next.git
npm i
npm run dev
2.在项目中使用
npm i -S json-view-next
import JsonViewVueNext from 'json-view-next'
3.可选配置说明
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
json | 传入的json数据(必填) | Object | - |
closed | 是否折叠全部 | Boolean | false |
deep | 展开深度,越大渲染速度越慢,建议不超过5 | Number | 3 |
icon-style | 折叠按钮样式,可选值为square、circle、triangle | String | square |
icon-color | 两个折叠按钮的颜色 | Array | theme=vs-code时,'#c6c6c6', '#c6c6c6',其他情况为'#747983', '#747983' |
theme | 可选主题样式,可选值为one-dark、vs-code,不选时为默认的白色主题 | String | - |
font-size | 字体大小,单位px | Number | 14 |
line-height | 行高,单位px | Number | 24 |
注:行高和字体大小不建议选用过大值,因为icon大小、每行的padding-left等参数并不会随之发生改变
4.value支持slot插槽
<json-view-next>
<template #value="{ item }">
<!-- 插槽 -->
</template>
</json-view-next>
5.如何提交代码
pnpm exec changeset
git add .
git commit -m 'feat: xxx'
git push
0.0.20
6 months ago
0.0.16
6 months ago
0.0.17
6 months ago
0.0.18
6 months ago
0.0.19
6 months ago
0.0.13
11 months ago
0.0.14
11 months ago
0.0.15
11 months ago
0.0.11
1 year ago
0.0.12
1 year ago
0.0.10
1 year ago
0.0.9
1 year ago
0.0.8
1 year ago
0.0.7
1 year ago
0.0.6
1 year ago
0.0.5
1 year ago
0.0.4
1 year ago
0.0.3
1 year ago
0.0.2
1 year ago
0.0.1
1 year ago