From 5ae5c615197cc67bee3e5fb78d4b4accf18e96c6 Mon Sep 17 00:00:00 2001 From: Cloyd Lau <31238760+cloydlau@users.noreply.github.com> Date: Sun, 14 Apr 2024 17:40:06 +0800 Subject: [PATCH 1/8] docs: modify feature description --- README.md | 3 ++- docs/README.zh-CN.md | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 8de99e8f..3029fc22 100644 --- a/README.md +++ b/README.md @@ -34,8 +34,9 @@ ## Features - View, edit, format, validate, compact, sort, query, filter, transform, repair, highlight JSON -- 3 edit modes: text mode & tree mode & table mode, 2-way binding +- 3 edit modes: text mode & tree mode & table mode - 2 themes: light theme & dark theme +- 2-way binding: [parsed or stringified JSON](#parsed-json-vs-stringified-json) - Handle large JSON documents up to 512 MB - Support all 7 primitive data types including `BigInt` and `Symbol` - Vue 2.6/2.7/3 isomorphic diff --git a/docs/README.zh-CN.md b/docs/README.zh-CN.md index 0648cc68..af3151f4 100644 --- a/docs/README.zh-CN.md +++ b/docs/README.zh-CN.md @@ -34,8 +34,9 @@ ## 特性 - 预览、编辑、格式化、校验、压缩、排序、查询、过滤、转换、修复、高亮 JSON -- 3 种编辑模式：文本模式 & 树形模式 & 表格模式，双向绑定 +- 3 种编辑模式：文本模式 & 树形模式 & 表格模式 - 2 种主题：浅色主题 & 深色主题 +- 双向绑定：[parsed 或 stringified JSON](#parsed-json-vs-stringified-json) - 支持高达 512 MB 的大型 JSON 文档 - 支持全部 7 种原始数据类型包括 `BigInt` and `Symbol` - Vue 2.6/2.7/3 一体通用 From 0ab67f72b5a715f18b41b1438caa112ab11883ef Mon Sep 17 00:00:00 2001 From: Cloyd Lau <31238760+cloydlau@users.noreply.github.com> Date: Sun, 14 Apr 2024 21:41:05 +0800 Subject: [PATCH 2/8] docs: modify feature description --- README.md | 25 ++++++++++++++----------- docs/README.zh-CN.md | 25 ++++++++++++++----------- 2 files changed, 28 insertions(+), 22 deletions(-) diff --git a/README.md b/README.md index 3029fc22..42c8ffc4 100644 --- a/README.md +++ b/README.md @@ -33,17 +33,20 @@ ## Features -- View, edit, format, validate, compact, sort, query, filter, transform, repair, highlight JSON -- 3 edit modes: text mode & tree mode & table mode -- 2 themes: light theme & dark theme -- 2-way binding: [parsed or stringified JSON](#parsed-json-vs-stringified-json) -- Handle large JSON documents up to 512 MB -- Support all 7 primitive data types including `BigInt` and `Symbol` -- Vue 2.6/2.7/3 isomorphic -- Support SSR, Nuxt 2/3 isomorphic -- Support Vite, Vue CLI, webpack, CDN... -- Support microfrontends ([wujie](https://github.com/Tencent/wujie), [qiankun](https://github.com/umijs/qiankun), [single-spa](https://github.com/single-spa/single-spa)...) -- Local registration & configuration, or global registration & configuration (Powered by [vue-global-config](https://github.com/cloydlau/vue-global-config)) +- Performant + - Handle large JSON documents up to 512 MB +- Powerful + - View, edit, format, validate, compact, sort, query, filter, transform, repair, highlight JSON + - 7 primitive data types including `BigInt` and `Symbol` are supported + - 3 edit modes: text mode & tree mode & table mode + - 2 themes: light theme & dark theme + - 2-way binding: [parsed or stringified JSON](#parsed-json-vs-stringified-json) +- Flexible + - Vue 2.6/2.7/3 isomorphic + - Support SSR, Nuxt 2/3 isomorphic + - Support Vite, Vue CLI, webpack, CDN... + - Support microfrontends ([wujie](https://github.com/Tencent/wujie), [qiankun](https://github.com/umijs/qiankun), [single-spa](https://github.com/single-spa/single-spa)...) + - Local registration & configuration, or global registration & configuration (Powered by [vue-global-config](https://github.com/cloydlau/vue-global-config))
diff --git a/docs/README.zh-CN.md b/docs/README.zh-CN.md index af3151f4..b36ed4be 100644 --- a/docs/README.zh-CN.md +++ b/docs/README.zh-CN.md @@ -33,17 +33,20 @@ ## 特性 -- 预览、编辑、格式化、校验、压缩、排序、查询、过滤、转换、修复、高亮 JSON -- 3 种编辑模式：文本模式 & 树形模式 & 表格模式 -- 2 种主题：浅色主题 & 深色主题 -- 双向绑定：[parsed 或 stringified JSON](#parsed-json-vs-stringified-json) -- 支持高达 512 MB 的大型 JSON 文档 -- 支持全部 7 种原始数据类型包括 `BigInt` and `Symbol` -- Vue 2.6/2.7/3 一体通用 -- 支持 SSR，Nuxt 2/3 一体通用 -- 支持 Vite，Vue CLI，webpack，CDN... -- 支持微前端 ([wujie](https://github.com/Tencent/wujie)，[qiankun](https://github.com/umijs/qiankun)，[single-spa](https://github.com/single-spa/single-spa)...) -- 局部注册并传参，或全局注册并传参 ([vue-global-config](https://github.com/cloydlau/vue-global-config) 提供技术支持) +- 高性能 + - 支持高达 512 MB 的大型 JSON 文档 +- 强力 + - 预览、编辑、格式化、校验、压缩、排序、查询、过滤、转换、修复、高亮 JSON + - 7 种原始数据类型包括 `BigInt` and `Symbol` 全部支持 + - 3 种编辑模式：文本模式 & 树形模式 & 表格模式 + - 2 种主题：浅色主题 & 深色主题 + - 双向绑定：[parsed 或 stringified JSON](#parsed-json-vs-stringified-json) +- 灵活 + - Vue 2.6/2.7/3 一体通用 + - 支持 SSR，Nuxt 2/3 一体通用 + - 支持 Vite，Vue CLI，webpack，CDN... + - 支持微前端 ([wujie](https://github.com/Tencent/wujie)，[qiankun](https://github.com/umijs/qiankun)，[single-spa](https://github.com/single-spa/single-spa)...) + - 局部注册并传参，或全局注册并传参 ([vue-global-config](https://github.com/cloydlau/vue-global-config) 提供技术支持)
From 09ae04361f9028ff6e5a56d22ae6e081bf673d31 Mon Sep 17 00:00:00 2001 From: Cloyd Lau <31238760+cloydlau@users.noreply.github.com> Date: Sun, 14 Apr 2024 21:45:42 +0800 Subject: [PATCH 3/8] docs: modify feature description --- README.md | 6 +++--- docs/README.zh-CN.md | 6 +++--- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 42c8ffc4..a8eb070f 100644 --- a/README.md +++ b/README.md @@ -33,15 +33,15 @@ ## Features -- Performant +- 🚀 Performant - Handle large JSON documents up to 512 MB -- Powerful +- 💪 Powerful - View, edit, format, validate, compact, sort, query, filter, transform, repair, highlight JSON - 7 primitive data types including `BigInt` and `Symbol` are supported - 3 edit modes: text mode & tree mode & table mode - 2 themes: light theme & dark theme - 2-way binding: [parsed or stringified JSON](#parsed-json-vs-stringified-json) -- Flexible +- 🤸 Flexible - Vue 2.6/2.7/3 isomorphic - Support SSR, Nuxt 2/3 isomorphic - Support Vite, Vue CLI, webpack, CDN... diff --git a/docs/README.zh-CN.md b/docs/README.zh-CN.md index b36ed4be..52caa9c6 100644 --- a/docs/README.zh-CN.md +++ b/docs/README.zh-CN.md @@ -33,15 +33,15 @@ ## 特性 -- 高性能 +- 🚀 高性能 - 支持高达 512 MB 的大型 JSON 文档 -- 强力 +- 💪 强力 - 预览、编辑、格式化、校验、压缩、排序、查询、过滤、转换、修复、高亮 JSON - 7 种原始数据类型包括 `BigInt` and `Symbol` 全部支持 - 3 种编辑模式：文本模式 & 树形模式 & 表格模式 - 2 种主题：浅色主题 & 深色主题 - 双向绑定：[parsed 或 stringified JSON](#parsed-json-vs-stringified-json) -- 灵活 +- 🤸 灵活 - Vue 2.6/2.7/3 一体通用 - 支持 SSR，Nuxt 2/3 一体通用 - 支持 Vite，Vue CLI，webpack，CDN... From f50a2b27a59224f537e0e51a1cfd9a6e96551b76 Mon Sep 17 00:00:00 2001 From: Cloyd Lau <31238760+cloydlau@users.noreply.github.com> Date: Thu, 18 Apr 2024 09:20:13 +0800 Subject: [PATCH 4/8] types!: remove the `Mode` export, use the one in vanilla-jsoneditor --- README.md | 19 +- demo/vue3/index.vue | 44 +- docs/README.zh-CN.md | 19 +- package.json | 18 +- pnpm-lock.yaml | 8339 +++++++++++++++++++++++------------------- src/Component.ts | 22 +- src/index.ts | 2 - src/install.ts | 3 +- 8 files changed, 4648 insertions(+), 3818 deletions(-) diff --git a/README.md b/README.md index a8eb070f..f66b364f 100644 --- a/README.md +++ b/README.md @@ -993,12 +993,7 @@ FAQ: How to keep the value as parsed JSON in text mode: > - Will output empty value when the input value is invalid. ```html - + ``` ### Naming convention @@ -1045,18 +1040,6 @@ onMounted(() => {
-## Types - - - -```ts -type Mode = 'tree' | 'text' | 'table' -``` - -
- - - ## Dark Theme ```vue diff --git a/demo/vue3/index.vue b/demo/vue3/index.vue index f3beaec4..69f089ef 100644 --- a/demo/vue3/index.vue +++ b/demo/vue3/index.vue @@ -1,7 +1,6 @@ @@ -220,7 +220,7 @@ createApp() - + @@ -341,7 +341,7 @@ Vue.use(JsonEditorVue, { - + @@ -481,7 +481,7 @@ Vue.use(JsonEditorVue, { - + @@ -218,7 +218,7 @@ createApp() - + @@ -339,7 +339,7 @@ Vue.use(JsonEditorVue, { - + @@ -479,7 +479,7 @@ Vue.use(JsonEditorVue, { - +