Merge pull request #94 from rovast/master

feat(lib-core): 暴露 okBtnProps

Author: lljj-x

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

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

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

@@ -9,6 +9,10 @@ export default {
             type: String,
             default: '保存'
         },
+        okBtnProps: {
+            type: Object,
+            default: () => ({})
+        },
         cancelBtn: {
             type: String,
             default: '取消'
@@ -21,7 +25,9 @@ export default {
     },
     render(h) {
         const self = this;
-        const { okBtn, cancelBtn, globalOptions: { COMPONENT_MAP } } = this.$props;
+        const {
+            okBtn, okBtnProps, cancelBtn, globalOptions: { COMPONENT_MAP }
+        } = this.$props;
 
         return h(COMPONENT_MAP.formItem, {
             class: {
@@ -40,9 +46,7 @@ export default {
                 style: {
                     marginLeft: '10px'
                 },
-                props: {
-                    type: 'primary'
-                },
+                props: { type: 'primary', ...okBtnProps },
                 on: {
                     click() {
                         self.$emit('onSubmit');

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

@@ -121,6 +121,7 @@ export default function createForm(globalOptions = {}) {
                         props: {
                             globalOptions,
                             okBtn: self.footerParams.okBtn,
+                            okBtnProps: self.footerParams.okBtnProps,
                             cancelBtn: self.footerParams.cancelBtn,
                             formItemAttrs: self.footerParams.formItemAttrs,
                         },

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: '取消'
@@ -52,7 +56,8 @@ export default {
                     type: 'primary',
                     onClick() {
                         emit('submit');
-                    }
+                    },
+                    ...props.okBtnProps
                 }, {
                     default: () => props.okBtn
                 })

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

@@ -55,6 +55,7 @@ export default function createForm(globalOptions = {}) {
             const footerParams = computed(() => ({
                 show: true,
                 okBtn: '保存',
+                okBtnProps: {},
                 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() {