add close-on-click-overlay config for sku popup (#676)

docs/demos/views/sku.vue

@@ -13,6 +13,7 @@
           reset-stepper-on-hide
           reset-selected-sku-on-hide
           disable-stepper-input
+          :close-on-click-overlay="closeOnClickOverlay"
           :message-config="messageConfig"
           @buy-clicked="onBuyClicked"
           @add-cart="onAddCartClicked"
@@ -96,6 +97,7 @@ export default {
       showBase: false,
       showCustom: false,
       showStepper: false,
+      closeOnClickOverlay: true,
       initialSku: {
         s1: '30349',
         s2: '1193'

docs/markdown/en-US/sku.md

@@ -21,6 +21,7 @@ Vue.use(Sku);
   :quota-used="quotaUsed"
   :reset-stepper-on-hide="resetStepperOnHide"
   :reset-selected-sku-on-hide="resetSelectedSkuOnHide"
+  :close-on-click-overlay="closeOnClickOverlay"
   :disable-stepper-input="disableStepperInput"
   :message-config="messageConfig"
   @buy-clicked="onBuyClicked"
@@ -89,6 +90,7 @@ Vue.use(Sku);
 | reset-stepper-on-hide | Whether to reset stepper when hide | `Boolean` | `false` | - |
 | reset-selected-sku-on-hide | Whether to reset selected sku when hide | `Boolean` | `false` | - |
 | disable-stepper-input | Whether to disable stepper input | `Boolean` | `false` | - |
+| close-on-click-overlay | Whether to close sku popup when click overlay | `Boolean` | `false` | - |
 | stepper-title | Quantity title | `String` | `Quantity` | - |
 | custom-stepper-config | Custom stepper related config | `Object` | `{}` | - |
 | message-config | Message related config | `Object` | `{}` | - |

docs/markdown/zh-CN/sku.md

@@ -21,6 +21,7 @@ Vue.use(Sku);
   :quota-used="quotaUsed"
   :reset-stepper-on-hide="resetStepperOnHide"
   :reset-selected-sku-on-hide="resetSelectedSkuOnHide"
+  :close-on-click-overlay="closeOnClickOverlay"
   :disable-stepper-input="disableStepperInput"
   :message-config="messageConfig"
   @buy-clicked="onBuyClicked"
@@ -90,6 +91,7 @@ Vue.use(Sku);
 | reset-stepper-on-hide | 窗口隐藏时重置选择的商品数量 | `Boolean` | `false` | - |
 | reset-selected-sku-on-hide | 窗口隐藏时重置已选择的sku | `Boolean` | `false` | - |
 | disable-stepper-input | 是否禁用sku中stepper的input框 | `Boolean` | `false` | - |
+| close-on-click-overlay | 点击popup的overlay后是否关闭弹窗 | `Boolean` | `false` | - |
 | stepper-title | 数量选择组件左侧文案 | `String` | `购买数量` | - |
 | custom-stepper-config | 步进器相关自定义配置 | `Object` | `{}` | - |
 | message-config | 留言相关配置 | `Object` | `{}` | - |

packages/sku/Sku.vue

@@ -5,6 +5,7 @@
     position="bottom"
     lock-on-scroll
     prevent-scroll
+    :close-on-click-overlay="closeOnClickOverlay"
     :get-container="getContainer"
   >
     <div class="van-sku-container">
@@ -145,6 +146,7 @@ export default create({
     resetStepperOnHide: Boolean,
     resetSelectedSkuOnHide: Boolean,
     disableStepperInput: Boolean,
+    closeOnClickOverlay: Boolean,
     initialSku: {
       type: Object,
       default: () => ({})