怎么在api中调用自定义组件showModal，让自定义组件想wx.showModal一样使用

__ 环境：__我们为什么要在api中调用自定义组件的原因我就不说了，用得到的开发者自然用得到！

现在百度上有很多人都写了自定义组件showModal，但是有一个很致命的缺陷，不能像微信小程序的api那样使用（wx.showModal）。

话不多说上代码

css：

.mask {

position: absolute;

left: 0;

right: 0;

top: 0;

bottom: 0;

display: flex;

justify-content: center;

align-items: center;

background-color: rgba(0, 0, 0, 0.4);

z-index: 9999;

}

.modal-content {

display: flex;

flex-direction: column;

width: 85%;

padding: 10rpx;

background-color: #fff;

border-radius: 15rpx;

}

.title {

font-size: 40rpx;

text-align: center;

padding: 15rpx;

}

.modal-btn-wrapper {

display: flex;

flex-direction: row;

height: 100rpx;

line-height: 100rpx;

border-top: 2rpx solid rgba(7, 17, 27, 0.1);

}

.cancel-btn, .confirm-btn {

flex: 1;

height: 100rpx;

line-height: 100rpx;

text-align: center;

font-size: 32rpx;

}

.cancel-btn {

border-right: 2rpx solid rgba(7, 17, 27, 0.1);

}

.main-content {

flex: 1;

height: 100%;

overflow-y: hidden;

}

wxml：

<view class='mask' wx:if='{{show}}'>

<view class='modal-content'>

<view class="title">{{title}}</view>

<view>{{content}}</view>

<slot></slot>

<view class='modal-btn-wrapper'>

<view class='cancel-btn' bindtap='cancel' wx:if="{{showCancel}}" style="color:{{cancelColor}}">{{cancelText}}</view>

<view class='confirm-btn' bindtap='confirm' style="color:{{confirmColor}}">{{confirmText}}</view>

</view>

</view>

</view>

js:

Component({

/**

* 组件的属性列表

*/

properties: {

title: {

type: String,

value: '温馨提示'

},

content: {

type: String,

value: '是否导入最近一次刷题记录？'

},

//是否显示取消按钮

showCancel: {

type: Boolean,

value: true

},

//取消按钮文字

cancelText: {

type: String,

value: '取消'

},

//取消按钮颜色

cancelColor: {

type: String,

value: '#000000'

},

//确定按钮的文字

confirmText: {

type: String,

value: '确定'

},

//确定按钮的颜色

confirmColor: {

type: String,

value: '#FECC34'

},

//是否显示modal

show: {

type: Boolean,

value: false

},

},

/**

* 组件的初始数据

*/

data: {

},

/**

* 组件的方法列表

*/

methods: {

// 取消函数

cancel() {

this.setData({

show: false

})

var res = {};

res["confirm"] = true;

this.data

...