update

Author: xlorne

apps/app-mobile/package.json

@@ -9,7 +9,7 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "@coding-form/form-antd-mobile": "workspace:*",
+    "@coding-form/form-view": "workspace:*",
     "antd-mobile": "^5.42.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"

…d-mobile/src/components/string/index.tsx …p-mobile/src/components/string/index.tsxpackages/form-antd-mobile/src/components/string/index.tsx renamed to apps/app-mobile/src/components/string/index.tsx packages/form-antd-mobile/src/components/string/index.tsx renamed to apps/app-mobile/src/components/string/index.tsx

@@ -1,7 +1,6 @@
 import {Form, Input} from "antd-mobile";
 import React from "react";
-import {FormItemProps} from "@/types/item";
-import {useFormContext} from "@coding-form/form-presenter";
+import {useFormContext,type FormItemProps} from "@coding-form/form-view";
 
 export const FormString: React.FC<FormItemProps> = (props) => {
 

apps/app-mobile/src/config/form-register.tsx

@@ -0,0 +1,13 @@
+import {useFormRegister} from "@coding-form/form-view";
+import {FormString} from "@/components/string";
+import {Form} from "antd-mobile";
+
+export const registerForms = () => {
+
+    useFormRegister(Form,[
+        {
+            type: 'string',
+            componentType:FormString
+        }
+    ]);
+}

apps/app-mobile/src/App.css apps/app-mobile/src/index.cssapps/app-mobile/src/App.css renamed to apps/app-mobile/src/index.css

@@ -1,13 +1,25 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import App from './App';
+import "./index.css";
+import HomePage from "@/pages/home.tsx";
+import {registerForms} from "@/config/form-register.tsx";
+
+
+const App = () => {
+
+    registerForms();
+
+    return (
+        <HomePage/>
+    )
+}
 
 const rootEl = document.getElementById('root');
 if (rootEl) {
-  const root = ReactDOM.createRoot(rootEl);
-  root.render(
-    <React.StrictMode>
-      <App />
-    </React.StrictMode>,
-  );
+    const root = ReactDOM.createRoot(rootEl);
+    root.render(
+        <React.StrictMode>
+            <App />
+        </React.StrictMode>,
+    );
 }

apps/app-mobile/src/index.tsx

@@ -1,8 +1,9 @@
-import {useForm, FormAntdView} from "@coding-form/form-antd-mobile";
+import {createFormInstance, FormView} from "@coding-form/form-view";
 import type {FormMeta} from "@coding-form/form-types";
 import {Button, Space} from "antd-mobile";
 
-const App = () => {
+const HomePage = () => {
+
 
     const meta: FormMeta = {
         name: "请假单",
@@ -21,11 +22,11 @@ const App = () => {
         subForms: []
     }
 
-    const form = useForm();
+    const form = createFormInstance();
 
     return (
         <div>
-            <FormAntdView
+            <FormView
                 meta={meta}
                 form={form}
                 validators={[
@@ -79,4 +80,4 @@ const App = () => {
     );
 };
 
-export default App;
+export default HomePage;

apps/app-mobile/src/App.tsx apps/app-mobile/src/pages/home.tsxapps/app-mobile/src/App.tsx renamed to apps/app-mobile/src/pages/home.tsx

@@ -9,7 +9,7 @@
     "preview": "rsbuild preview"
   },
   "dependencies": {
-    "@coding-form/form-antd": "workspace:*",
+    "@coding-form/form-view": "workspace:*",
     "antd": "^6.2.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"

apps/app-pc/package.json

@@ -1,7 +1,6 @@
 import {Form, Input} from "antd";
 import React from "react";
-import {FormItemProps} from "@/types/item";
-import {useFormContext} from "@coding-form/form-presenter";
+import {useFormContext,type FormItemProps} from "@coding-form/form-view";
 
 export const FormString: React.FC<FormItemProps> = (props) => {
 

…orm-antd/src/components/string/index.tsx …s/app-pc/src/components/string/index.tsxpackages/form-antd/src/components/string/index.tsx renamed to apps/app-pc/src/components/string/index.tsx packages/form-antd/src/components/string/index.tsx renamed to apps/app-pc/src/components/string/index.tsx

@@ -0,0 +1,13 @@
+import {useFormRegister} from "@coding-form/form-view";
+import {FormString} from "@/components/string";
+import {Form} from "antd";
+
+export const registerForms = () => {
+
+    useFormRegister(Form,[
+        {
+            type: 'string',
+            componentType:FormString
+        }
+    ]);
+}