feat: 响应式布局支持字段换行

docs: 增加表单二开说明

src/components/Designer/src/components/componentProperty/PropertyOption.vue

@@ -59,6 +59,10 @@
                     <a-switch v-model:checked="data.options.showPagination" />
                 </a-form-item>
 
+                <a-form-item v-if="data.type === 'form' && data.options.showPagination" label="每页大小">
+                    <a-input v-model:value="data.options.pageSize" placeholder="默认每页10条" />
+                </a-form-item>
+
                 <template v-if="data.options.useSelectButton">
                     <a-form-item :label="t('按钮名称')">
                         <a-input v-model:value="data.options.buttonName" :placeholder="t('请填写按钮名称')" />
@@ -439,6 +443,10 @@
                     <a-switch v-model:checked="data.options.respNewRow" />
                 </a-form-item>
 
+                <a-form-item v-if="data.options.responsive" label="此组件换行">
+                    <a-switch v-model:checked="data.options.respBreakLine" />
+                </a-form-item>
+
                 <a-form-item v-if="hasKey('labelWidthMode')" label="宽度模式">
                     <a-radio-group v-model:value="data.options.labelWidthMode" button-style="solid" size="small">
                         <a-radio-button value="flex">{{ t('百分比') }}</a-radio-button>

src/components/SimpleForm/src/SimpleForm.vue

@@ -4,11 +4,12 @@
             <Row v-bind="getRow">
                 <template v-for="schema in getSchemas" :key="schema.field">
                     <Col v-if="getIfShow(schema, formModel[schema.field])" v-show="getIsShow(schema, formModel[schema.field])" :span="getColWidth(schema)">
+                        <div v-if="schema?.componentProps.respBreakLine" style="width: 100%; height: 1px"></div>
                         <template v-if="showComponent(schema) && schema.type !== 'slot'">
                             <SimpleFormItem v-model:value="formModel[schema.field]" :form-api="formApi" :isWorkFlow="isWorkFlow" :refreshFieldObj="refreshFieldObj" :schema="schema" />
                         </template>
                         <template v-if="schema.type === 'slot'">
-                            <slot :name="schema.slotName" :schema="schema" :formModel="formModel"></slot>
+                            <slot :formModel="formModel" :name="schema.slotName" :schema="schema"></slot>
                         </template>
                     </Col>
                 </template>