fix create-api single & visible prop logic

Author: dolymood

src/common/helpers/create-api-component.js

@@ -16,7 +16,7 @@ export default function createAPIComponent(Vue, Component, events = [], single =
       }
       let instanceSingle = options
       if (typeof options === 'object') {
-        instanceSingle = !!options.single
+        instanceSingle = options.single
         delete options.single
       }
 
@@ -28,7 +28,17 @@ export default function createAPIComponent(Vue, Component, events = [], single =
       }
       if (instanceSingle && singleComponent) {
         singleInstance.updateRenderData(data, renderFn)
+        // visibility mixin watch visible should not hide
+        singleComponent._createAPI_reuse = true
         singleInstance.$forceUpdate()
+        const oldVisible = singleComponent.visible
+        singleComponent.$nextTick(() => {
+          singleComponent._createAPI_reuse = false
+          // prop visible true -> to
+          if (oldVisible && singleComponent.visible) {
+            singleComponent.show()
+          }
+        })
         // singleComponent.show && singleComponent.show()
         return singleComponent
       }
@@ -75,7 +85,7 @@ export default function createAPIComponent(Vue, Component, events = [], single =
       processEvents()
 
       if (typeof renderFn !== 'function' && single === undefined) {
-        single = !!renderFn
+        single = renderFn
         renderFn = null
       }
       // to get Vue options

src/common/mixins/visibility.js

@@ -25,7 +25,11 @@ export default {
   },
   mounted() {
     this.$watch('visible', (newVal, oldVal) => {
-      newVal ? this.show() : oldVal && this.hide()
+      if (newVal) {
+        this.show()
+      } else if (oldVal && !this._createAPI_reuse) {
+        this.hide()
+      }
     }, {
       immediate: true
     })