https://github.com/codingapi/form-mobile
https://github.com/codingapi/form-mobile
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/codingapi/form-mobile
- Owner: codingapi
- License: apache-2.0
- Created: 2025-04-28T03:39:37.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2025-08-11T06:14:40.000Z (5 months ago)
- Last Synced: 2025-08-11T08:26:07.259Z (5 months ago)
- Language: TypeScript
- Size: 155 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://www.npmjs.com/package/@codingapi/form-mobile)
# Form Mobile
基于Mobile的Form表单渲染引擎
## 安装
```
npm install @codingapi/form-mobile
# 或者使用yarn
yarn add @codingapi/form-mobile
```
## 使用
#### Form表单的渲染
```
import React from "react";
import {Form} from "@codingapi/form-mobile";
import {FormField} from "@codingapi/ui-framework";
const Test = () => {
const fields = [
{
type: 'input',
props: {
required: true,
name: ['user', 'name'],
label: '姓名',
placeholder: '请输入姓名',
validateFunction: async (content) => {
const value = content.value;
if (value) {
return []
}
return ['姓名不能为空']
}
}
}] as FormField[]
return (
<>
{
console.log(values);
}}
loadFields={async () => {
return fields;
}}
>
>
)
}
export default Test;
```
更多示例请查看：https://github.com/codingapi/form-mobile/tree/main/playground
## 主要特征
- 支持对常用的Form表单的组件渲染
- 即支持Meta数据渲染，也支持组件的渲染
- 支持对form表单的控制能力
- 支持表单字段的onChange、validate能力
## 开发
```bash
# Install dependencies
yarn install
# Start development server
yarn dev
# Build for production
yarn build
# Run tests
yarn test
```
## 许可
Apache-2.0 © [CodingAPI](https://github.com/codingapi/form-mobile/blob/main/LICENSE)