0.0.23 • Published 2 years ago
wysiwyg-form-render v0.0.23
wysiwyg-form-render
Getting Started
Install dependencies,
$ npm i
Start the dev server,
$ npm start
Build documentation,
$ npm run docs:build
Build library via father-build
,
$ npm run build
Usage
Install this library
npm i wysiwyg-form-render
Use in code
import React from 'react';
import { Button } from 'antd-mobile';
import { FormRender, useForm } from 'wysiwyg-form-render';
import { eleData, eleData3, ele3FormValues } from './mock';
export default () => {
const [form] = useForm();
const formsValues: { [key: string]: any } = {};
ele3FormValues.forEach((item) => {
formsValues[item.eleCode] = item.eleValue;
});
return (
<>
<FormRender
form={form}
formsValues={formsValues}
formData={eleData3}
onFinish={(values) => {
console.log('values', values);
console.log('values json', JSON.stringify(values));
}}
onFinishFailed={(error) => {
console.error('submit fail', error);
}}
/>
<Button
onClick={() => {
form.submit();
}}
>
提交
</Button>
</>
);
};
TODO
- 支持赋值
- 日期选择支持格式化
- 支持多选下拉选择
- 下拉框选项支持加载远程数据
- 图片上传组件
- 评分组件
- 点击事件
0.0.23
2 years ago
0.0.22
3 years ago
0.0.20
3 years ago
0.0.21
3 years ago
0.0.11
3 years ago
0.0.12
3 years ago
0.0.13
3 years ago
0.0.14
3 years ago
0.0.15
3 years ago
0.0.16
3 years ago
0.0.17
3 years ago
0.0.18
3 years ago
0.0.19
3 years ago
0.0.10
3 years ago
0.0.9
3 years ago
0.0.8
3 years ago
0.0.3
3 years ago
0.0.5
3 years ago
0.0.4
3 years ago
0.0.7
3 years ago
0.0.6
3 years ago
0.0.2
3 years ago
0.0.1
3 years ago