0.0.20 • Published 6 months ago

json-view-next v0.0.20

Weekly downloads
-
License
MIT
Repository
github
Last release
6 months ago

json-view-next

一个用于展示json的vue3组件

npm json-view-next package

image

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是否折叠全部Booleanfalse
deep展开深度,越大渲染速度越慢,建议不超过5Number3
icon-style折叠按钮样式,可选值为square、circle、triangleStringsquare
icon-color两个折叠按钮的颜色Arraytheme=vs-code时,'#c6c6c6', '#c6c6c6',其他情况为'#747983', '#747983'
theme可选主题样式,可选值为one-dark、vs-code,不选时为默认的白色主题String-
font-size字体大小,单位pxNumber14
line-height行高,单位pxNumber24

注:行高和字体大小不建议选用过大值,因为icon大小、每行的padding-left等参数并不会随之发生改变

4.value支持slot插槽

<json-view-next>
  <template #value="{ item }">
    <!-- 插槽 -->
  </template>
</json-view-next>

image

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