@quiet-front-end/json-schema-editor-antd NPM

@quiet-front-end/json-schema-editor-antd

Antd Design 风格的 Json Schema 可视化编辑器。

Arco Design 风格：https://github.com/lin-mt/json-schema-editor-arco

Usage

npm install @quiet-front-end/json-schema-editor-antd

import { useState } from 'react';
import JsonSchemaEditor from '@quiet-front-end/json-schema-editor-antd';

export default () => {
  const [jsonSchema, setJsonSchema] = useState();
  return (
    <JsonSchemaEditor
      data={jsonSchema}
      onChange={(data) => {
        setJsonSchema(data);
      }}
    />
  );
};

Development

# install dependencies
$ yarn install

# develop library by docs demo
$ yarn start

# build library source code
$ yarn run build

# build library source code in watch mode
$ yarn run build:watch

# build docs
$ yarn run docs:build

# Locally preview the production build.
$ yarn run docs:preview

# check your project for potential problems
$ yarn run doctor