@zhb127/json-schema-editor-antd

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

Usage

npm install @zhb127/json-schema-editor-antd

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

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

Development

# install dependencies
$ pnpm install

# develop library by docs demo
$ pnpm start

# build library source code
$ pnpm run build

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

# build docs
$ pnpm run docs:build

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

# check your project for potential problems
$ pnpm run doctor

LICENSE

MIT