Gathering detailed insights and metrics for @ifcloud-formily/react-schema-editor
Gathering detailed insights and metrics for @ifcloud-formily/react-schema-editor
Gathering detailed insights and metrics for @ifcloud-formily/react-schema-editor
Gathering detailed insights and metrics for @ifcloud-formily/react-schema-editor
📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3
npm install @ifcloud-formily/react-schema-editor
Typescript
Module System
Node Version
NPM Version
TypeScript (78.44%)
Vue (13.05%)
JavaScript (3.87%)
SCSS (2.75%)
Less (1.62%)
Stylus (0.18%)
EJS (0.09%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
MIT License
12,072 Stars
3,164 Commits
1,550 Forks
165 Watchers
10 Branches
208 Contributors
Updated on Jul 14, 2025
Latest Version
1.5.6
Package Id
@ifcloud-formily/react-schema-editor@1.5.6
Unpacked Size
243.72 kB
Size
39.19 kB
File Count
20
NPM Version
lerna/3.22.1/node@v12.19.0+x64 (linux)
Node Version
12.19.0
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
6
5
2
react-schema-editor is a UI tool for build form schema.
npm install @ifcloud-formily/react-schema-editor -S
1import React from 'react' 2import { SchemaEditor } from './src' 3 4function SchemaEditorDemo() { 5 const [schema, setSchema] = React.useState({ 6 type: 'object', 7 properties: { 8 string: { 9 type: 'string', 10 'x-component': 'Input', 11 title: 'String' 12 }, 13 radio: { 14 type: 'string', 15 'x-component': 'Radio', 16 'x-component-props': { 17 options: ['1', '2', '3', '4'] 18 }, 19 title: 'Radio' 20 }, 21 select: { 22 type: 'string', 23 'x-component': 'Select', 24 'x-component-props': { 25 options: [ 26 { 27 label: 'Jack', 28 key: 'jack', 29 value: 'jack' 30 }, 31 { 32 label: 'Rose', 33 key: 'rose', 34 value: 'rose' 35 }, 36 { 37 label: 'Others', 38 key: 'others', 39 value: 'others' 40 } 41 ] 42 }, 43 title: 'Select' 44 }, 45 checkbox: { 46 type: 'string', 47 'x-component': 'Checkbox', 48 'x-component-props': { 49 options: ['Apple', 'Pear', 'Orange'] 50 }, 51 title: 'Checkbox' 52 }, 53 textarea: { 54 type: 'string', 55 'x-component': 'Textarea', 56 title: 'TextArea' 57 }, 58 number: { 59 type: 'number', 60 'x-component': 'InputNumber', 61 title: '数字选择' 62 }, 63 boolean: { 64 type: 'boolean', 65 'x-component': 'Switch', 66 title: '开关选择' 67 }, 68 date: { 69 type: 'string', 70 'x-component': 'DatePicker', 71 title: '日期选择' 72 }, 73 daterange: { 74 type: 'object', 75 'x-component': 'DateRangePicker', 76 title: '日期范围' 77 }, 78 year: { 79 type: 'string', 80 'x-component': 'YearPicker', 81 title: '年份' 82 }, 83 month: { 84 type: 'string', 85 'x-component': 'MonthPicker', 86 title: '月份' 87 }, 88 time: { 89 type: 'string', 90 'x-component': 'TimePicker', 91 title: '时间' 92 }, 93 week: { 94 type: 'string', 95 'x-component': 'WeekPicker', 96 title: '周' 97 }, 98 upload: { 99 type: 'array', 100 'x-component': 'Upload', 101 'x-component-props': { 102 fileList: [ 103 { 104 uid: '-1', 105 name: 'image.png', 106 status: 'done', 107 url: 108 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png' 109 }, 110 { 111 uid: '-2', 112 name: 'image.png', 113 status: 'done', 114 url: 115 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png' 116 }, 117 { 118 uid: '-3', 119 name: 'image.png', 120 status: 'done', 121 url: 122 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png' 123 }, 124 { 125 uid: '-4', 126 name: 'image.png', 127 status: 'done', 128 url: 129 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png' 130 }, 131 { 132 uid: '-5', 133 name: 'image.png', 134 status: 'error' 135 } 136 ], 137 action: 'https://www.mocky.io/v2/5cc8019d300000980a055e76', 138 listType: 'picture-card' 139 }, 140 title: '卡片上传文件' 141 }, 142 range: { 143 type: 'number', 144 'x-component': 'Range', 145 title: '范围选择' 146 }, 147 transfer: { 148 type: 'number', 149 'x-component': 'Transfer', 150 'x-component-props': { 151 dataSource: [ 152 { 153 key: '1', 154 title: '选项1' 155 }, 156 { 157 key: '2', 158 title: '选项2' 159 } 160 ] 161 }, 162 title: '穿梭框' 163 }, 164 rating: { 165 type: 'number', 166 'x-component': 'Rate', 167 title: '等级' 168 } 169 } 170 }) 171 172 // return <div>Hello</div> 173 return <SchemaEditor schema={schema} onChange={setSchema} /> 174} 175 176ReactDOM.render(<SchemaEditorDemo />, document.getElementById('root'))
No vulnerabilities found.
Reason
no dangerous workflow patterns detected
Reason
10 commit(s) and 3 issue activity found in the last 90 days -- score normalized to 10
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
Found 7/26 approved changesets -- score normalized to 2
Reason
detected GitHub workflow tokens with excessive permissions
Details
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
97 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More