1.0.4-beta.0 • Published 9 months ago
@formily/semi v1.0.4-beta.0
@formily/semi
Formily Component Adaptor
Doc
Quick Start
Strongly recommend to read Formily Doc first
Install
npm install @formily/semi --save
necessary peerDependencies:
$ npm i -S @formily/core @formily/react @douyinfe/semi-ui
Start
import React, { useCallback } from "react";
import { SchemaForm } from "@formily/semi";
import { ISchema } from "@formily/json-schema";
import { useRef } from "react";
import { Button } from "@douyinfe/semi-ui";
const schema = {
type: "object",
properties: {
select: {
type: "string",
"x-decorator": "FormItem",
"x-component": "Select",
"x-reactions": "{{useAsyncDataSource(loadData)}}",
},
},
} as ISchema;
const scope = {
async loadData() {
return new Promise((resolve) => {
setTimeout(() => {
resolve([
{
label: "CCC",
value: "ccc",
},
{
label: "DDD",
value: "ddd",
},
]);
}, 1000);
});
},
};
export default () => {
const formRef = useRef<any>();
const handleClick = useCallback(() => {
console.log(formRef?.current?.getForm()?.values);
}, []);
return (
<div className="wrap">
<SchemaForm ref={formRef} schema={schema} scope={scope} />
<Button onClick={handleClick}>点击测试</Button>
</div>
);
};
Intro
Based on formily/v2 with UI library semi-design
Coding like @formily/ant
ISSUE
pls submit bugs to: issue
1.0.4-beta.0
9 months ago
1.0.2
12 months ago
1.0.3
12 months ago
1.0.1-beta.18
1 year ago
1.0.1-beta.16
2 years ago
1.0.1-beta.15
2 years ago
1.0.1-beta.14
2 years ago
1.0.1-beta.13
2 years ago
1.0.1-beta.12
2 years ago
1.0.1-beta.11
3 years ago
1.0.1-beta.9
3 years ago
1.0.1-beta.8
3 years ago
1.0.1-beta.10
3 years ago
1.0.1-beta.5
3 years ago
1.0.1-beta.4
3 years ago
1.0.1-beta.3
3 years ago
1.0.1-beta.2
3 years ago
1.0.1-beta.1
3 years ago