0.1.8 • Published 2 years ago
json-schema-editor-visual-antd-yc v0.1.8
Json Schema 可视化编辑器(Antd)
Antd Design 风格的 Json Schema 可视化编辑器。
Arco Design 风格:https://github.com/lin-mt/json-schema-editor-arco
快速开始
# 开发
npm run dev
# 构建
npm run build
# 发布前预览
npm run prepublishOnly && arco preview
# 发布至物料平台(需先发布 NPM 包)
arco sync
示例
npm install @quiet-front-end/json-schema-editor-antd
import JsonSchemaEditor from '@quiet-front-end/json-schema-editor-antd';
import '@quiet-front-end/json-schema-editor-antd/dist/css/index.css';
import { useEffect } from 'react';
export default () => {
const [jsonData, setJsonData] = useEffect({});
return (
<JsonSchemaEditor
mock={true}
data={jsonData}
onChange={(data) => {
setJsonData(data);
}}
/>
)
}