add layout

Author: xlorne

apps/app-mobile/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@form-example/app-mobile",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "private": true,
   "type": "module",
   "scripts": {

apps/app-pc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@form-example/app-pc",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "private": true,
   "type": "module",
   "scripts": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coding-form/root",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "form-engine",
   "main": "index.js",
   "scripts": {

packages/form-engine/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coding-form/form-engine",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "description": "form-engine components",
   "keywords": [
     "coding-form",

packages/form-engine/src/form/index.tsx

@@ -46,6 +46,7 @@ export const FormViewContent: React.FC<FormViewContentProps> = (props) => {
                 onFinish={handleOnFinish}
                 onBlur={handleOnBlur}
                 children={props.children}
+                layout={props.layout}
             />
             {subFormList && subFormList.map(item=>{
                 return (
@@ -55,6 +56,7 @@ export const FormViewContent: React.FC<FormViewContentProps> = (props) => {
                         review={review}
                         onFinish={handleOnFinish}
                         onBlur={handleOnBlur}
+                        layout={props.layout}
                     />
                 )
             })}

packages/form-engine/src/form/sub-view.tsx

@@ -8,6 +8,7 @@ interface FormSubViewProps {
     onFinish: (values:any,formCode:string) => void;
     onBlur: (formCode:string) => void;
     children?:React.ReactNode;
+    layout?:'horizontal' | 'vertical';
 }
 
 export const FormSubView: React.FC<FormSubViewProps> = (props) => {
@@ -53,6 +54,7 @@ export const FormSubView: React.FC<FormSubViewProps> = (props) => {
     return (
         <Form
             form={formTarget}
+            layout={props.layout}
             onBlur={()=>{
                 props.onBlur(props.formCode);
             }}

packages/form-engine/src/types/view.tsx

@@ -96,6 +96,8 @@ export interface FormViewProps {
     meta: FormMeta;
     /** 表单操控对象 */
     form?: FormInstance;
+    /** 布局方向 **/
+    layout?:'horizontal' | 'vertical';
     /** 表单提交数据 **/
     onFinish?: (values:any,formCode?:string) => void;
     /** 表单失去焦点事件 **/