feat: support table mode

cloydlau · Dec 8, 2022 · fe9c731 · fe9c731
1 parent 37fcc3e
commit fe9c731
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -22,7 +22,7 @@ English | [简体中文](./docs/README.zh-CN.md)
   <a href="https://github.com/cloydlau/json-editor-vue#develop"><img alt="PRs Welcome" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg"></a>
 </p>
 
-<img width="49.738%" src="./docs/light-theme.png" alt="light-theme">&nbsp;<img width="49.738%" src="./docs/dark-theme.png" alt="dark-theme">
+<img width="49.738%" src="./docs/dark-theme.png" alt="dark theme">&nbsp;<img width="49.738%" src="https://raw.githubusercontent.com/josdejong/svelte-jsoneditor/main/misc/jsoneditor_table_mode_screenshot.png" alt="table mode">
 
 <br>
 
@@ -707,7 +707,7 @@ Including the boolean properties of `svelte-jsoneditor` like `readOnly` with no
 <a name="Mode"></a>
 
 ```ts
-type Mode = 'tree' | 'text'
+type Mode = 'tree' | 'text' | 'table'
 ```
 
 <br>

diff --git a/docs/README.zh-CN.md b/docs/README.zh-CN.md
@@ -20,7 +20,7 @@
   <a href="https://github.com/cloydlau/json-editor-vue#develop"><img alt="PRs Welcome" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg"></a>
 </p>
 
-<img width="49.738%" src="./light-theme.png" alt="light-theme">&nbsp;<img width="49.738%" src="./dark-theme.png" alt="dark-theme">
+<img width="49.738%" src="./dark-theme.png" alt="dark theme">&nbsp;<img width="49.738%" src="https://raw.githubusercontent.com/josdejong/svelte-jsoneditor/main/misc/jsoneditor_table_mode_screenshot.png" alt="table mode">
 
 <br>
 
@@ -703,7 +703,7 @@ export default {
 ## 类型
 
 ```ts
-type Mode = 'tree' | 'text'
+type Mode = 'tree' | 'text' | 'table'
 ```
 
 <br>

diff --git a/docs/dark-theme.png b/docs/dark-theme.png
diff --git a/src/Component.ts b/src/Component.ts
@@ -16,7 +16,7 @@ import { debounce } from 'lodash-es'
 import { pascalCasedName as name } from '../package.json'
 import { globalAttrs, globalProps } from './install'
 
-export type Mode = 'tree' | 'text'
+export type Mode = 'tree' | 'text' | 'table'
 
 const modelValueProp = isVue3 ? 'modelValue' : 'value'
 const updateModelValue = isVue3 ? 'update:modelValue' : 'input'