Security News
Introducing the Socket Python SDK
The initial version of the Socket Python SDK is now on PyPI, enabling developers to more easily interact with the Socket REST API in Python projects.
fr-generator
Advanced tools
npm i fr-generator
/**
* transform: true
* defaultShowCode: true
*/
import React from 'react';
import Generator from '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;
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
hideId | 隐藏组件 ID | boolean | false |
defaultValue | 默认表单 schema | object | DEFAULT_SCHEMA |
transformer | schema 双向转换 | object | { fromFormRender, toFormRender } |
extraButtons | 操作栏按钮 | array | extraButton[] |
controlButtons | 选中项操作按钮 | array | controlButton[] |
settings | 左右侧栏配置 | array | defaultSettings |
commonSettings | 通用配置 | object | defaultCommonSettings |
globalSettings | 全局配置 | object | defaultGlobalSettings |
widgets | 自定义组件 | object | {} |
mapping | 组件和 schema 的映射规则 | object | {} |
属性 | 说明 | 类型 |
---|---|---|
text | 按钮文案 | string |
onClick | 按钮点击回调函数 | (event) => void |
数组前四项为布尔值,决定默认按钮是否展示。 支持 antd 按钮组件的所有其他属性 https://ant.design/components/button-cn/#API
属性 | 说明 | 类型 |
---|---|---|
text | 按钮文案 | string |
onClick | 按钮点击回调函数 | (event, schema) => void |
数组前两项为布尔值或函数,决定默认按钮是否展示,函数入参为选中项 schema。
事件名 | 说明 | 回调参数 |
---|---|---|
onChange | 表单 data 变化回调 | 表单的 data |
onSchemaChange | 表单 schema 变化回调 | 导出的 schema |
事件名 | 说明 | 入参 |
---|---|---|
getValue | 获取导出的 schema 值 | - |
setValue | 从外部强制修改 schema | schema |
copyValue | 将现有 schema 拷贝到剪贴板 | - |
https://xrender.fun/generator/demo
1、如何控制编辑器高度
给组件外层要包裹的 div 设置高度即可,否则为默认值 min-height: 30vh
FAQs
### 安装
We found that fr-generator demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
The initial version of the Socket Python SDK is now on PyPI, enabling developers to more easily interact with the Socket REST API in Python projects.
Security News
Floating dependency ranges in npm can introduce instability and security risks into your project by allowing unverified or incompatible versions to be installed automatically, leading to unpredictable behavior and potential conflicts.
Security News
A new Rust RFC proposes "Trusted Publishing" for Crates.io, introducing short-lived access tokens via OIDC to improve security and reduce risks associated with long-lived API tokens.