remove event context

Author: xlorne

apps/app-mobile/src/components/string/index.tsx

@@ -1,23 +1,24 @@
 import {Form, Input} from "antd-mobile";
 import React from "react";
-import {useFormContext,type FormItemProps} from "@coding-form/form-view";
+import {type FormItemProps} from "@coding-form/form-view";
 
 export const FormString: React.FC<FormItemProps> = (props) => {
 
-    const context = useFormContext();
-
-    const rules = context.validate.getValidatorRules(props.code);
-
     return (
         <Form.Item
-            name={props.code}
-            key={props.code}
-            label={props.name}
+            name={props.name}
+            key={props.name}
+            label={props.label}
             required={props.required}
             hidden={props.hidden}
-            rules={rules}
+            rules={props.rules}
         >
-            <Input placeholder={props.placeholder}/>
+            <Input
+                placeholder={props.placeholder}
+                onChange={(event)=>{
+                    props.onChange?.(event);
+                }}
+            />
         </Form.Item>
     )
 

apps/app-mobile/src/pages/home.tsx

@@ -1,5 +1,5 @@
 import {createFormInstance, FormView} from "@coding-form/form-view";
-import type {FormMeta} from "@coding-form/form-types";
+import type {FormMeta} from "@coding-form/form-view";
 import {Button, Space} from "antd-mobile";
 
 const HomePage = () => {
@@ -22,7 +22,7 @@ const HomePage = () => {
         subForms: []
     }
 
-    const form = createFormInstance();
+    const form = createFormInstance(meta);
 
     return (
         <div>
@@ -31,7 +31,7 @@ const HomePage = () => {
                 form={form}
                 validators={[
                     {
-                        fieldCode:'name',
+                        target:'name',
                         validator:(value,instance)=>{
                             if(value){
                                 return true;

apps/app-pc/src/components/string/index.tsx

@@ -1,23 +1,24 @@
 import {Form, Input} from "antd";
 import React from "react";
-import {useFormContext,type FormItemProps} from "@coding-form/form-view";
+import {type FormItemProps} from "@coding-form/form-view";
 
 export const FormString: React.FC<FormItemProps> = (props) => {
 
-    const context = useFormContext();
-
-    const rules = context.validate.getValidatorRules(props.code);
-
     return (
         <Form.Item
-            name={props.code}
-            key={props.code}
-            label={props.name}
+            name={props.name}
+            key={props.name}
+            label={props.label}
             required={props.required}
             hidden={props.hidden}
-            rules={rules}
+            rules={props.rules}
         >
-            <Input placeholder={props.placeholder}/>
+            <Input
+                placeholder={props.placeholder}
+                onChange={(event)=>{
+                    props.onChange?.(event.target.value);
+                }}
+            />
         </Form.Item>
     )
 

apps/app-pc/src/pages/home.tsx

@@ -1,6 +1,7 @@
 import {createFormInstance, FormView} from "@coding-form/form-view";
-import type {FormMeta} from "@coding-form/form-types";
+import type {FormMeta} from "@coding-form/form-view";
 import {Button, Space} from "antd";
+import type {OnChangeEvent} from "@coding-form/form-view";
 
 const HomePage = () => {
 
@@ -21,7 +22,7 @@ const HomePage = () => {
         subForms: []
     }
 
-    const form = createFormInstance();
+    const form = createFormInstance(meta);
 
     return (
         <div>
@@ -30,7 +31,7 @@ const HomePage = () => {
                 form={form}
                 validators={[
                     {
-                        fieldCode:'name',
+                        target:'name',
                         validator:(value,instance)=>{
                             if(value){
                                 return true;
@@ -39,6 +40,14 @@ const HomePage = () => {
                         }
                     }
                 ]}
+                events={[
+                    {
+                        target:'name',
+                        event:(value)=>{
+                            console.log('value',value)
+                        }
+                    } as OnChangeEvent
+                ]}
             />
 
             <Space>

package.json

@@ -4,9 +4,8 @@
   "description": "",
   "main": "index.js",
   "scripts": {
-    "build:form-types": "pnpm -F @coding-form/form-types build",
     "build:form-view": "pnpm -F @coding-form/form-view build",
-    "build": "pnpm run build:form-types && pnpm run build:form-view",
+    "build": "pnpm run build:form-view",
     "watch:form-view": "pnpm -F @coding-form/form-view dev",
     "dev:app-pc": "pnpm -F @form-example/app-pc dev",
     "dev:app-mobile": "pnpm -F @form-example/app-mobile dev",