@xcop/fr-generator v2.8.28

如何使用

安装

npm i @xcop/fr-generator

代码演示

/**
 * transform: true
 * defaultShowCode: true
 */
import React from 'react';
import Generator from '@xcop/fr-generator';

const defaultValue = {
  type: 'object',
  properties: {
    inputName: {
      title: '简单输入框',
      type: 'string',
    },
  },
};

const Demo = () => {
  return (
    <div style={{ height: '80vh' }}>
      <Generator defaultValue={defaultValue} />
    </div>
  );
};

export default Demo;

API

Props

extraButton

数组前四项为布尔值，决定默认按钮是否展示。 支持 antd 按钮组件的所有其他属性 https://ant.design/components/button-cn/#API

controlButton

数组前两项为布尔值或函数，决定默认按钮是否展示，函数入参为选中项 schema。

Events

Methods

案例演示

https://xrender.fun/generator/demo

常见问题

1、如何控制编辑器高度

给组件外层要包裹的 div 设置高度即可，否则为默认值 min-height: 30vh