feat(vue3-core): 允许传递props至formFooter

Author: rovast

packages/docs/docs/zh/guide/basic-config.md

@@ -629,6 +629,7 @@ export default {
 formFooter = {
     show: true, // 是否显示默认底部
     okBtn: '保存', // 确认按钮文字
+    okBtnProps: { type: 'primary' }, // 传递确认按钮的 props，例如配置按钮 loading 状态 okBtnProps: { loading: true }
     cancelBtn: '取消', // 取消按钮文字
 
     // 透传给formFooter 中的formItem组件的参数

packages/lib/vue3/vue3-core/src/components/FormFooter.js

@@ -13,6 +13,10 @@ export default {
             type: String,
             default: '保存'
         },
+        okBtnProps: {
+            type: Object,
+            default: () => ({})
+        },
         cancelBtn: {
             type: String,
             default: '取消'
@@ -49,7 +53,7 @@ export default {
                     style: {
                         marginLeft: '10px'
                     },
-                    type: 'primary',
+                    ...Object.assign({ type: 'primary' }, props.okBtnProps),
                     onClick() {
                         emit('submit');
                     }

packages/lib/vue3/vue3-core/src/index.js

@@ -55,6 +55,7 @@ export default function createForm(globalOptions = {}) {
             const footerParams = computed(() => ({
                 show: true,
                 okBtn: '保存',
+                okBtnProps: { type: 'primary' },
                 cancelBtn: '取消',
                 ...props.formFooter
             }));
@@ -116,6 +117,7 @@ export default function createForm(globalOptions = {}) {
                     return h(FormFooter, {
                         globalOptions,
                         okBtn: footerParams.value.okBtn,
+                        okBtnProps: footerParams.value.okBtnProps,
                         cancelBtn: footerParams.value.cancelBtn,
                         formItemAttrs: footerParams.value.formItemAttrs,
                         onCancel() {