docs(omi-form): fix error of playground

Tencent · Jan 4, 2024 · 73f66ba · 73f66ba
1 parent c4aba1d
commit 73f66ba
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 8 deletions.
diff --git a/packages/omi-form/examples/playground.tsx b/packages/omi-form/examples/playground.tsx
@@ -17,13 +17,12 @@ const config = {
       description: 'Make sure it matches your legal name',
       type: 'group',
       components: [
-        { type: 'input', value: '', placeholder: 'First Name', column: 6 },
-        { type: 'input', value: '', placeholder: 'Last Name', column: 6 },
+        { type: 'input', name: 'first', placeholder: 'First Name', column: 6 },
+        { type: 'input', name: 'last', placeholder: 'Last Name', column: 6 },
       ],
     },
     {
       type: 'input',
-      value: '',
       name: 'birthday',
       placeholder: 'Birthday',
       label: 'Birthday',
@@ -93,6 +92,7 @@ const config = {
     {
       type: 'input',
       label: 'Email',
+      name: 'Email',
       placeholder: 'Email',
       value: 'john.doe@example.com',
       description: 'You will receive a confirmation letter to this email.',
@@ -118,10 +118,12 @@ const config = {
     // },
     {
       type: 'checkbox',
+      name: 'terms',
       text: 'I accept the Terms & Conditions & Privacy Policy',
     },
     {
       type: 'checkbox',
+      name: 'marketing',
       text: 'I want to recieve marketing emails',
     },
   ],

diff --git a/packages/omi-form/package.json b/packages/omi-form/package.json
@@ -1,6 +1,6 @@
 {
   "name": "omi-form",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "description": "Powerful, simple and cross frameworks form solution.",
   "main": "dist/index.es.js",
   "exports": {

diff --git a/packages/omi-form/src/index.tsx b/packages/omi-form/src/index.tsx
@@ -232,7 +232,6 @@ export class Form extends Component<FormProps> {
 
   renderComponent = (
     component: FormComponent,
-    index: number,
     components: FormComponent[],
     level: number
   ) => {
@@ -293,7 +292,6 @@ export class Form extends Component<FormProps> {
               >
                 {this.renderComponent(
                   item,
-                  i,
                   // @ts-ignore
                   component.items,
                   level + 1
@@ -325,7 +323,6 @@ export class Form extends Component<FormProps> {
                   {component.components &&
                     this.renderComponent(
                       childComponent,
-                      i,
                       component.components,
                       level + 1
                     )}
@@ -482,7 +479,7 @@ export class Form extends Component<FormProps> {
       >
         {this.config.components.map((component, index) => (
           <div style={`grid-column: span ${component.column || 12}`}>
-            {this.renderComponent(component, index, this.config.components, 0)}
+            {this.renderComponent(component, this.config.components, 0)}
           </div>
         ))}