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

• [x] 支持赋值
• [ ] 日期选择支持格式化
• [x] 支持多选下拉选择
• [x] 下拉框选项支持加载远程数据
• [ ] 图片上传组件
• [x] 评分组件
• [x] 点击事件