open-index/open-npm huggingface dataset:
npm package: @lyc305213781/json-editor
Description: vue3版本的Json Editor a json-editor component for vue3
Author: liuyc
Latest version: 0.0.6

# @lyc305213781/json-editor

vue3版本的Json Editor
a json-editor component for vue3

### Compile and Hot-Reload for Development

```sh
pnpm dev
```

### How to use

```sh
pnpm add @lyc305213781/@lyc305213781/json-editor

const app = createApp(App);
import VueJsonEditor from './VueJsonEditor.vue';
app.component('vue-json-editor', VueJsonEditor);

<template>
    <vue-json-editor
        v-model="jsonData"
        :show-btns="true"
        :expandedOnStart="true"
        @json-change="onJsonChange"
    ></vue-json-editor>
</template>
```
### Props
|    Property    |    Description   |   type   |	default	|
| -----------------  | ---------------- | :--------: | :----------: |
| show-btns       | show-btns | boolean | true |

### Events
|    Property    |    Description   |   type   |	default	|
| -----------------  | ---------------- | :--------: | :----------: |
| json-change       | json-change event | (json: any) => void |  |
| input       | input event | (json: any) => void |  |
| has-error       | has-error event | (error: Error) => void |  |
| json-save       | json-save event | (json: any) => void |  |
npm package: @lyc305213781/split-pane
Description: vue3版本的可拖拽窗口组件 a split-pane component for vue3
Author: liuyc
Latest version: 0.0.3

# @lyc305213781/split-pane

vue3版本的可拖拽窗口组件
a split-pane component for vue3

### Compile and Hot-Reload for Development

```sh
pnpm dev
```

### How to use

```sh
pnpm add @lyc305213781/vue3-split-pane

<split-pane :min-percent='20' :default-percent='30' layout="vertical">
    <template #paneL>
    A
    </template>
    <template #paneR>
    B
    </template>
</split-pane>
```
### Props
|    Property    |    Description   |   type   |	default	|
| -----------------  | ---------------- | :--------: | :----------: |
| layout       | the split type |String [horizontal,vertical] |must choose one type |
| min-percent         | paneL max-min-percent  |Number | 10 |
| max-percent         | paneL max-percent  |Number | 10 |

### Events
|    Property    |    Description   |   type   |	default	|
| -----------------  | ---------------- | :--------: | :----------: |
| resize       | resize event | (leftPercent:number) => void | |