feat(Sku): enable close-on-click-overlay by default (#6631)

src/sku/README.md

@@ -24,7 +24,6 @@ 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"
@@ -131,7 +130,7 @@ export default {
 | 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` |
+| close-on-click-overlay | Whether to close sku popup when click overlay | _boolean_ | `true` |
 | stepper-title | Quantity title | _string_ | `Quantity` |
 | custom-stepper-config | Custom stepper related config | _object_ | `{}` |
 | message-config | Message related config | _object_ | `{}` |

src/sku/README.zh-CN.md

@@ -133,7 +133,7 @@ export default {
 | reset-stepper-on-hide | 隐藏时重置选择的商品数量 | _boolean_ | `false` |
 | reset-selected-sku-on-hide | 隐藏时重置已选择的 sku | _boolean_ | `false` |
 | disable-stepper-input | 是否禁用步进器输入 | _boolean_ | `false` |
-| close-on-click-overlay | 是否在点击遮罩层后关闭 | _boolean_ | `false` |
+| close-on-click-overlay | 是否在点击遮罩层后关闭 | _boolean_ | `true` |
 | stepper-title | 数量选择组件左侧文案 | _string_ | `购买数量` |
 | custom-stepper-config | 步进器相关自定义配置 | _object_ | `{}` |
 | message-config | 留言相关配置 | _object_ | `{}` |

src/sku/Sku.js

@@ -43,7 +43,6 @@ export default createComponent({
     hideSelectedText: Boolean,
     resetStepperOnHide: Boolean,
     customSkuValidator: Function,
-    closeOnClickOverlay: Boolean,
     disableStepperInput: Boolean,
     resetSelectedSkuOnHide: Boolean,
     quota: {
@@ -90,6 +89,10 @@ export default createComponent({
       type: Boolean,
       default: true,
     },
+    closeOnClickOverlay: {
+      type: Boolean,
+      default: true,
+    },
     bodyOffsetTop: {
       type: Number,
       default: 200,

src/sku/demo/index.vue

@@ -16,7 +16,6 @@
           :custom-sku-validator="customSkuValidator"
           disable-stepper-input
           reset-stepper-on-hide
-          close-on-click-overlay
           safe-area-inset-bottom
           reset-selected-sku-on-hide
           @buy-clicked="onBuyClicked"
@@ -94,7 +93,6 @@
           :start-sale-num="skuData2.start_sale_num"
           :show-header-image="false"
           :custom-sku-validator="customSkuValidator"
-          close-on-click-overlay
           disable-stepper-input
           reset-stepper-on-hide
           safe-area-inset-bottom