feat(vue2-core): 暴露 okBtnProps

用于进一步定制 form footer 的 okBtn
lljj-x · Aug 27, 2021 · c832a07 · c832a07
1 parent a3c4312
commit c832a07
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/packages/lib/vue2/vue2-core/src/components/FormFooter.js b/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');

diff --git a/packages/lib/vue2/vue2-core/src/index.js b/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,
                         },