# ak-render

> 基于 form-render，额外提供了一些自定义组件，比如

Latest version **2.2.7** (published 2024-09-02) · ISC license · 0 weekly downloads

## Install

```sh
npm install ak-render
pnpm add ak-render
yarn add ak-render
bun add ak-render
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.2.7 |
| Published | 2024-09-02 |
| First published | 2021-10-29 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 3 |
| Unpacked size | 20.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | luofeiyue, whiskeyi, yousy, guoyeeg, azgaga, liushichuan, yaochen, shenyuan, aflyermin, ignous, jeekdong |

## Links

- npm: https://www.npmjs.com/package/ak-render
- npm.io page: https://npm.io/package/ak-render

## Dependencies (3)

- [form-render](https://npm.io/package/form-render.md) ^2.2.21
- [@babel/runtime](https://npm.io/package/@babel/runtime.md) ^7.15.4
- [backend-material](https://npm.io/package/backend-material.md) ^2.0.21

## Recent versions

- 2.2.7 (latest) — 2024-09-02
- 2.0.10-alpha.0 (beta) — 2023-11-01
- 1.4.2-beta.1 (canary) — 2022-12-06
- 2.2.6 — 2024-09-02
- 2.2.4 — 2024-04-12
- 2.0.12 — 2024-03-11
- 2.0.9-alpha.0 — 2023-10-31
- 2.0.8-alpha.0 — 2023-10-31
- 2.0.3-alpha.0 — 2023-10-30
- 2.0.2-alpha.0 — 2023-10-30
- 2.0.1 — 2023-09-26
- 2.0.1-alpha.0 — 2023-08-17
- 2.0.0-alpha.0 — 2023-08-17
- 1.5.0 — 2023-05-05
- 1.4.4 — 2023-04-27
- … 38 more at https://npm.io/package/ak-render/versions

## README

## ak-render

基于 form-render，额外提供了一些自定义组件，比如

- image-upload
- video-upload

用法

```
import AkRender, { useForm } from 'ak-render'

const schema = {
  type: 'object',
  properties: {
    string: {
      title: '网址输入自定义组件',
      type: 'string',
    },
    img: {
      title: '图片上传',
      type: 'string',
      widget: 'ImageUpload'
    },
    video: {
      title: '视频上传',
      type: 'string',
      widget: 'VideoUpload'
    }
  },
};

export default () => {
  const form = useForm();

  return (
    <div>
      <AkRender
        form={form}
        widgets={{ site: SiteInput }}
        schema={schema}
      />
    </div>
}

```

和 form-render api 一致

[form-render 文档](https://www.npmjs.com/package/form-render)

---
_Source: https://npm.io/package/ak-render · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._