22 |
23 | ---
24 |
25 | `SchemaRender` is a set of `simple by default`, but also pursues `flexible`, `highly customizable` and `easy to use` form rendering solutions. It aims to precipitate a rendering library to solve common form cases, and related common components , to improve development efficiency.
26 |
27 | Table of Contents:
28 |
29 | - `Core`: The core of the form rendering library, which builds a set of forms through a simple JSON Schema. The core mainly handles the Schema protocol, renderer arrangement, logical linkage, verification capabilities, etc., and supports SSR (Server-Side Rendering).
30 | - Features: Protocol driven, easy to use, highly customizable, lightweight.
31 | - `FormRender`: An out-of-the-box form rendering library based on Core + [Antd](https://ant.design).
32 | - `Search`: out-of-the-box conditional search component based on FormRender.
33 | - `SearchTable`: A conditional search table component based on Search + Antd Table.
34 |
35 | For more details, please go to the official website: [schema-render.js.org](https://schema-render.js.org)
36 |
--------------------------------------------------------------------------------
/examples/components/SyntaxHighlighter/index.tsx:
--------------------------------------------------------------------------------
1 | import './styles.less'
2 |
3 | import type { CSSProperties } from 'react'
4 | import SyntaxHighlighter from 'react-syntax-highlighter'
5 | // @ts-ignore
6 | import { stackoverflowLight } from 'react-syntax-highlighter/dist/esm/styles/hljs'
7 |
8 | interface IProps {
9 | value: object | string
10 | language?: string
11 | style?: CSSProperties
12 | }
13 |
14 | const ESyntaxHighlighter: React.FC