Merge pull request #7 from codingapi/dev

update version

Author: xlorne

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codingapi/ui-framework",
-  "version": "0.0.28",
+  "version": "0.0.36",
   "description": "A UI Framework built with React and Typescript",
   "keywords": [
     "ui",

src/Form/fatory.ts renamed to src/Form/fatory.tsx

@@ -5,7 +5,6 @@ export class FormFactory {
     private readonly items = new Map<string, React.ComponentType<FormItemProps>>;
 
     private constructor() {
-
     }
 
     private static instance = new FormFactory();
@@ -14,24 +13,30 @@ export class FormFactory {
         return this.instance;
     }
 
-    public addItem(type: string, item: React.ComponentType<FormItemProps>): void {
+    public setItem(type: string, item: React.ComponentType<FormItemProps>): void {
         this.items.set(type, item);
     }
 
     public getItem(type: string): React.ComponentType<FormItemProps> | undefined {
         return this.items.get(type);
     }
 
-    public create(filed:FormField){
-        const type = filed.type;
-        const props = filed.props;
+    public removeItem(type: string): void {
+        this.items.delete(type);
+    }
 
-        const item = this.getItem(type);
-        if (item) {
-            return React.createElement(item, {
-                ...props,
-                key: props.name as string
-            });
+    public create(field:FormField){
+        const type = field.type;
+        const props = field.props;
+
+        const FormItem = this.getItem(type);
+        if (FormItem) {
+            return (
+                <FormItem
+                    {...props}
+                    key={props.name as string}
+                />
+            )
         }
         return null;
     }

src/Form/types.ts

@@ -251,6 +251,24 @@ export interface FormItemProps {
         // 文件地址
         url: string;
     }[]>
+}
 
 
-}
+export interface FormProps {
+    // 表单字段
+    loadFields?: () => Promise<FormField[]>;
+    // 表单提交事件
+    onFinish?: (values: any) => Promise<void>;
+    // form布局，默认vertical
+    layout?: 'horizontal' | 'vertical';
+    // children元素
+    children?: React.ReactNode;
+    // footer元素
+    footer?: React.ReactNode;
+    // 初始化值
+    initialValues?: any;
+    // 表单实例
+    form?: FormInstance;
+    // 注册表单字段
+    registerFormItems?:()=>void;
+}