docs(website): 更新Form组件文档

Author: ChenlingasMx

packages/core/src/Form/README.md

@@ -7,7 +7,7 @@ Form 表单
 
 <!--DemoStart--> 
 ```jsx
-import {  SafeAreaView } from 'react-native';
+import { SafeAreaView } from 'react-native';
 import { Form } from '@uiw/react-native';
 
 const FormDemo = () => {
@@ -33,8 +33,8 @@ const FormDemo = () => {
 
 <!--DemoStart--> 
 ```jsx
-import {  SafeAreaView,Toast } from 'react-native';
-import { Form } from '@uiw/react-native';
+import { SafeAreaView,Toast } from 'react-native';
+import { Form,Button } from '@uiw/react-native';
 
 const FormDemo = () => {
   const form = Form.useForm();
@@ -72,7 +72,7 @@ const FormDemo = () => {
 
 <!--DemoStart--> 
 ```jsx
-import { SafeAreaView,Toast,Slider } from 'react-native';
+import { SafeAreaView,Slider } from 'react-native';
 import { Form } from '@uiw/react-native';
 
 const FormDemo = () => {
@@ -96,7 +96,7 @@ const FormDemo = () => {
   ];
   return (
     <SafeAreaView>
-      <Form form={form} schema={items} changeValidate={true} customComponentList={customComponentList} initialValues={initialValues} />
+      <Form form={form} schema={items}  customComponentList={customComponentList} initialValues={initialValues} />
     </SafeAreaView>
   );
 };
@@ -107,7 +107,7 @@ const FormDemo = () => {
 
 <!--DemoStart--> 
 ```jsx
-import { SafeAreaView,Toast } from 'react-native';
+import { SafeAreaView } from 'react-native';
 import { Form } from '@uiw/react-native';
 
 const FormDemo = () => {

website/src/pages/components/form/index.tsx

@@ -0,0 +1,11 @@
+import Markdown, { importAll } from '../../../component/Markdown';
+
+export default class Page extends Markdown {
+  path = '/packages/core/src/Form/README.md';
+  getMarkdown = async () => {
+    const md = await import('@uiw/react-native/lib/Form/README.md');
+    // 支持 markdown 中，相对于当前 index.tsx 相对路径引入图片资源
+    importAll((require as any).context('./', true, /\.(png|gif|jpg|svg)$/), this.imageFiles);
+    return md.default || md;
+  };
+}

website/src/routes/menus.ts

@@ -19,6 +19,7 @@ export const componentMenus: MenuData[] = [
   { path: '/components/expandablesection', name: 'ExpandableSection 展开缩放组件' },
   { path: '/components/cardcollapse', name: 'CardCollapse 可折叠卡片列表' },
   { divider: true, name: 'Data Entry' },
+  { path: '/components/form', name: 'Form 表单' },
   { path: '/components/buttongroup', name: 'ButtonGroup 按钮组' },
   { path: '/components/checkbox', name: 'CheckBox 复选框' },
   { path: '/components/calendar', name: 'Calendar 日历' },

website/src/routes/router.tsx

@@ -289,6 +289,10 @@ export const routeData = [
         path: '/components/imageViewer',
         component: lazy(() => import('../pages/components/imageViewer')),
       },
+      {
+        path: '/components/form',
+        component: lazy(() => import('../pages/components/form')),
+      },
       {
         path: '/docs/changelog',
         component: lazy(() => import('../pages/docs/changelog')),