diff --git a/CHANGELOG.md b/CHANGELOG.md
index cec68802..f9319978 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,17 @@
 # Changelog
 
+## [1.4.11] - 2026-02-03
+- popup ali fix 滚动穿透问题
+
+## [1.4.10] - 2026-02-03
+- popup rn fix 动画时调用 initContentRect，导致动画卡顿
+
+## [1.4.9] - 2026-01-29
+- toast 增加动画配置，可关闭 toast 显、隐动画
+
+## [1.4.8] - 2026-01-20
+- popup rn 增加 zIndex 配置
+
 ## [1.4.7] - 2026-01-13
 - icon、button 组件 css 编译问题修复（React Native）
 
@@ -25,6 +37,9 @@
 ## [1.4.0] - 2025-11-06
 - RN 组件适配鸿蒙
 
+## [1.3.17] - 2026-01-15
+- popup ali fix 滚动穿透问题
+
 ## [1.3.16] - 2025-12-05
 - button 支持阴影（React Native）
 - dialog 对齐小程序、web、RN 关闭按钮样式
diff --git a/docs/config/sidebar.js b/docs/config/sidebar.js
index b1234fc8..fdb435b7 100644
--- a/docs/config/sidebar.js
+++ b/docs/config/sidebar.js
@@ -128,6 +128,10 @@ module.exports = [
           {
             title: 'Switch 滑动开关',
             path: '/components/base/switch'
+          },
+          {
+            title: 'Slider 滑动选择器',
+            path: '/components/base/slider'
           }
         ]
       },
diff --git a/docs/guide/changelog.md b/docs/guide/changelog.md
index cec68802..f9319978 100644
--- a/docs/guide/changelog.md
+++ b/docs/guide/changelog.md
@@ -1,5 +1,17 @@
 # Changelog
 
+## [1.4.11] - 2026-02-03
+- popup ali fix 滚动穿透问题
+
+## [1.4.10] - 2026-02-03
+- popup rn fix 动画时调用 initContentRect，导致动画卡顿
+
+## [1.4.9] - 2026-01-29
+- toast 增加动画配置，可关闭 toast 显、隐动画
+
+## [1.4.8] - 2026-01-20
+- popup rn 增加 zIndex 配置
+
 ## [1.4.7] - 2026-01-13
 - icon、button 组件 css 编译问题修复（React Native）
 
@@ -25,6 +37,9 @@
 ## [1.4.0] - 2025-11-06
 - RN 组件适配鸿蒙
 
+## [1.3.17] - 2026-01-15
+- popup ali fix 滚动穿透问题
+
 ## [1.3.16] - 2025-12-05
 - button 支持阴影（React Native）
 - dialog 对齐小程序、web、RN 关闭按钮样式
diff --git a/example/app.mpx b/example/app.mpx
index ebe8c4d7..db187b2f 100644
--- a/example/app.mpx
+++ b/example/app.mpx
@@ -52,7 +52,8 @@
     "./pages/loading/index",
     "./pages/input/index",
     "./pages/action-sheet/index",
-    "./pages/tab-bar/index"
+    "./pages/tab-bar/index",
+    "./pages/slider/index"
   ]
   if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android') {
     pages = [
diff --git a/example/common/config.ts b/example/common/config.ts
index 8d827562..3ff8b142 100644
--- a/example/common/config.ts
+++ b/example/common/config.ts
@@ -63,7 +63,8 @@ export default {
           'date-picker',
           'time-picker',
           'rate',
-          'switch'
+          'switch',
+          'slider'
         ]
       },
       {
diff --git a/example/pages/slider/README.md b/example/pages/slider/README.md
new file mode 100644
index 00000000..f7e4801d
--- /dev/null
+++ b/example/pages/slider/README.md
@@ -0,0 +1,61 @@
+## Cube-Slider
+
+<card>
+
+## 介绍 <span class="title-tag">已适配RN</span>
+
+滑动选择器（基于touch事件拖动滑块儿，请在移动端环境下体验）。
+
+**注意：RN模式下如果组件使用在[scroll-view](https://www.mpxjs.cn/guide/rn/component.html#scroll-view)中，那么change事件可能因为上下滚动不会触发**
+- scroll-view 组件在滚动过程中，不会触发其自身或子组件的 touchend 事件响应，这是 RN 底层实现导致的问题，手势系统识别当前是 scroll-view 的滚动，就会取消掉 touchend 事件的响应。
+- 安卓上如果触发了 scroll-view 组件默认的下拉刷新，binddragend可能不触发，只会触发 binddragstart
+
+</card>
+
+### 示例
+
+<card>
+
+### 基本用法
+
+<!-- @example: slider-default -->
+
+</card>
+
+<card>
+
+### 设置step
+
+<!-- @example: slider-step -> template no-wrap -->
+
+</card>
+
+<card>
+
+### 显示当前value
+
+<!-- @example: slider-value -> template no-wrap -->
+
+</card>
+
+<card>
+
+### 设置最小值/最大值
+
+<!-- @example: slider-min-max -> template no-wrap -->
+
+</card>
+
+<card>
+
+### 自定义滑块儿
+
+设置
+```vue
+custom-content="{{true}}"
+```
+并添加自定义插槽。
+
+<!-- @example: slider-slot show-style -->
+
+</card>
diff --git a/example/pages/slider/index-ios.mpx b/example/pages/slider/index-ios.mpx
new file mode 100644
index 00000000..c253ebfd
--- /dev/null
+++ b/example/pages/slider/index-ios.mpx
@@ -0,0 +1,58 @@
+
+<template>
+  <cube-slider
+    value="{{ 30 }}"
+    min="{{ 0 }}"
+    max="{{ 100 }}"
+    step="{{ 1 }}"
+    class="slider"
+    backgroundColor="{{ '#cccccc' }}"
+    activeColor="{{ '#FF6430' }}"
+    block-size="{{ 28 }}"
+    disabled="{{false}}"
+    show-value="{{true}}"
+    custom-content="{{true}}"
+    bindchange="handleChange"
+    bindchanging="handleChanging"
+  >
+    <view class="slider-thumb"></view>
+  </cube-slider>
+</template>
+
+<script>
+  import { createPage } from '@mpxjs/core'
+
+  createPage({
+    data: {
+      currentValue: 0
+    },
+    methods: {
+      handleChange(e) {
+        this.currentValue = e.detail.value
+        console.log('change', this.currentValue)
+      },
+      handleChanging(e) {
+        this.currentValue = e.detail.value
+        console.log('changing', this.currentValue)
+      }
+    }
+  })
+</script>
+
+<style lang="stylus">
+.slider-thumb
+  width: 100%
+  height: 100%
+  background-image: url("https://gift-pypu-cdn.didistatic.com/static/driver_miniprogram/do1_E57CMf3cLCRJiq2VxPuT")
+  background-size: contain
+  background-repeat: no-repeat
+  background-position: 0 6px
+</style>
+
+<script type="application/json">
+  {
+    "usingComponents": {
+      "cube-slider": "@mpxjs/mpx-cube-ui/src/components/slider/index.mpx"
+    }
+  }
+</script>
diff --git a/example/pages/slider/index.mpx b/example/pages/slider/index.mpx
new file mode 100644
index 00000000..5fa0d3d7
--- /dev/null
+++ b/example/pages/slider/index.mpx
@@ -0,0 +1,59 @@
+<template>
+  <base-container class="slider-view">
+    <view class="content">
+      <!-- default -->
+      <view class="section">
+        <view>基本用法</view>
+        <slider-default></slider-default>
+      </view>
+      <!-- step -->
+      <view class="section">
+        <view>设置step</view>
+        <slider-step></slider-step>
+      </view>
+      <!-- value -->
+      <view class="section">
+        <view>显示当前value</view>
+        <slider-value></slider-value>
+      </view>
+      <!-- min max -->
+      <view class="section">
+        <view>设置最小值/最大值</view>
+        <slider-min-max></slider-min-max>
+      </view>
+      <!-- slot -->
+      <view class="section">
+        <view>自定义滑块儿</view>
+        <slider-slot></slider-slot>
+      </view>
+    </view>
+  </base-container>
+</template>
+
+<script>
+  import { createPage } from '@mpxjs/core'
+
+  createPage({})
+</script>
+
+<style lang="stylus">
+.slider-view
+  height: 100vh
+  .section
+    margin: 0 -10px
+    margin-bottom: 10px
+    background-color: #f7f8fa
+</style>
+
+<script type="application/json">
+  {
+    "usingComponents": {
+      "base-container": "../../components/base-container/index.mpx",
+      "slider-default": "./slider-default",
+      "slider-slot": "./slider-slot",
+      "slider-step": "./slider-step",
+      "slider-value": "./slider-value",
+      "slider-min-max": "./slider-min-max"
+    }
+  }
+</script>
diff --git a/example/pages/slider/slider-default.mpx b/example/pages/slider/slider-default.mpx
new file mode 100644
index 00000000..b956323e
--- /dev/null
+++ b/example/pages/slider/slider-default.mpx
@@ -0,0 +1,36 @@
+
+<template>
+  <cube-slider
+    bindchange="handleChange"
+    bindchanging="handleChanging"
+  >
+  </cube-slider>
+</template>
+
+<script>
+  import { createComponent } from '@mpxjs/core'
+
+  createComponent({
+    data: {
+      currentValue: 0
+    },
+    methods: {
+      handleChange(e) {
+        this.currentValue = e.detail.value
+        console.log('change', this.currentValue)
+      },
+      handleChanging(e) {
+        this.currentValue = e.detail.value
+        console.log('changing', this.currentValue)
+      }
+    }
+  })
+</script>
+
+<script type="application/json">
+  {
+    "usingComponents": {
+      "cube-slider": "@mpxjs/mpx-cube-ui/src/components/slider/index.mpx"
+    }
+  }
+</script>
diff --git a/example/pages/slider/slider-min-max.mpx b/example/pages/slider/slider-min-max.mpx
new file mode 100644
index 00000000..f592aed7
--- /dev/null
+++ b/example/pages/slider/slider-min-max.mpx
@@ -0,0 +1,41 @@
+
+<template>
+  <cube-slider
+    min="{{ 50 }}"
+    max="{{ 200 }}"
+    show-value="{{true}}"
+    bindchange="handleChange"
+    bindchanging="handleChanging"
+  >
+  </cube-slider>
+</template>
+
+<script>
+  import { createComponent } from '@mpxjs/core'
+
+  createComponent({
+    data: {
+      currentValue: 0
+    },
+    methods: {
+      handleChange(e) {
+        this.currentValue = e.detail.value
+        console.log('change', this.currentValue)
+      },
+      handleChanging(e) {
+        this.currentValue = e.detail.value
+        console.log('changing', this.currentValue)
+      }
+    }
+  })
+</script>
+
+<style lang="stylus"></style>
+
+<script type="application/json">
+  {
+    "usingComponents": {
+      "cube-slider": "@mpxjs/mpx-cube-ui/src/components/slider/index.mpx"
+    }
+  }
+</script>
diff --git a/example/pages/slider/slider-slot.mpx b/example/pages/slider/slider-slot.mpx
new file mode 100644
index 00000000..6e732115
--- /dev/null
+++ b/example/pages/slider/slider-slot.mpx
@@ -0,0 +1,49 @@
+
+<template>
+  <cube-slider
+    value="{{ 30 }}"
+    custom-content="{{true}}"
+    bindchange="handleChange"
+    bindchanging="handleChanging"
+  >
+    <view class="slider-thumb"></view>
+  </cube-slider>
+</template>
+
+<script>
+  import { createComponent } from '@mpxjs/core'
+
+  createComponent({
+    data: {
+      currentValue: 0
+    },
+    methods: {
+      handleChange(e) {
+        this.currentValue = e.detail.value
+        console.log('change', this.currentValue)
+      },
+      handleChanging(e) {
+        this.currentValue = e.detail.value
+        console.log('changing', this.currentValue)
+      }
+    }
+  })
+</script>
+
+<style lang="stylus">
+.slider-thumb
+  width: 100%
+  height: 100%
+  background-image: url("https://gift-pypu-cdn.didistatic.com/static/driver_miniprogram/do1_E57CMf3cLCRJiq2VxPuT")
+  background-size: contain
+  background-repeat: no-repeat
+  background-position: 0 6px
+</style>
+
+<script type="application/json">
+  {
+    "usingComponents": {
+      "cube-slider": "@mpxjs/mpx-cube-ui/src/components/slider/index.mpx"
+    }
+  }
+</script>
diff --git a/example/pages/slider/slider-step.mpx b/example/pages/slider/slider-step.mpx
new file mode 100644
index 00000000..eb9edcae
--- /dev/null
+++ b/example/pages/slider/slider-step.mpx
@@ -0,0 +1,37 @@
+
+<template>
+  <cube-slider
+    step="{{ 5 }}"
+    bindchange="handleChange"
+    bindchanging="handleChanging"
+  >
+  </cube-slider>
+</template>
+
+<script>
+  import { createComponent } from '@mpxjs/core'
+
+  createComponent({
+    data: {
+      currentValue: 0
+    },
+    methods: {
+      handleChange(e) {
+        this.currentValue = e.detail.value
+        console.log('change', this.currentValue)
+      },
+      handleChanging(e) {
+        this.currentValue = e.detail.value
+        console.log('changing', this.currentValue)
+      }
+    }
+  })
+</script>
+
+<script type="application/json">
+  {
+    "usingComponents": {
+      "cube-slider": "@mpxjs/mpx-cube-ui/src/components/slider/index.mpx"
+    }
+  }
+</script>
diff --git a/example/pages/slider/slider-value.mpx b/example/pages/slider/slider-value.mpx
new file mode 100644
index 00000000..555a5e9d
--- /dev/null
+++ b/example/pages/slider/slider-value.mpx
@@ -0,0 +1,37 @@
+
+<template>
+  <cube-slider
+    show-value="{{true}}"
+    bindchange="handleChange"
+    bindchanging="handleChanging"
+  >
+  </cube-slider>
+</template>
+
+<script>
+  import { createComponent } from '@mpxjs/core'
+
+  createComponent({
+    data: {
+      currentValue: 0
+    },
+    methods: {
+      handleChange(e) {
+        this.currentValue = e.detail.value
+        console.log('change', this.currentValue)
+      },
+      handleChanging(e) {
+        this.currentValue = e.detail.value
+        console.log('changing', this.currentValue)
+      }
+    }
+  })
+</script>
+
+<script type="application/json">
+  {
+    "usingComponents": {
+      "cube-slider": "@mpxjs/mpx-cube-ui/src/components/slider/index.mpx"
+    }
+  }
+</script>
diff --git a/package.json b/package.json
index 35ac256c..ea94c79c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mpx-cube-ui",
-  "version": "1.4.8",
+  "version": "1.4.11",
   "private": true,
   "description": "mpx components library",
   "author": "xiaolei <xiaolei@didichuxing.com>",
diff --git a/packages/extract-theme-var/package.json b/packages/extract-theme-var/package.json
index d4e25c56..6d9aee58 100644
--- a/packages/extract-theme-var/package.json
+++ b/packages/extract-theme-var/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/extract-theme-var",
-  "version": "1.4.8",
+  "version": "1.4.11",
   "description": "mpx-cube-ui theme variable extractor",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
diff --git a/packages/mpx-cube-ui/__tests__/components/action-sheet/__snapshots__/action-sheet.spec.js.snap b/packages/mpx-cube-ui/__tests__/components/action-sheet/__snapshots__/action-sheet.spec.js.snap
index c45dbb9c..6b4b7580 100644
--- a/packages/mpx-cube-ui/__tests__/components/action-sheet/__snapshots__/action-sheet.spec.js.snap
+++ b/packages/mpx-cube-ui/__tests__/components/action-sheet/__snapshots__/action-sheet.spec.js.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component action-sheet unit test correct props check matchSnapshot 1`] = `"<cube-popup data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-action-sheet-panel main--cube-safe-area-pb\\"><wx-view class=\\"main--cube-action-sheet-title\\" style=\\"\\">我是标题</wx-view><wx-view class=\\"main--cube-action-sheet-content\\"><wx-view class=\\"main--cube-action-sheet-list\\"><wx-rich-text data-align=\\"\\" class=\\"main--cube-action-sheet-item main--cube-foo\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"rich-text\\">align-center</wx-view></wx-rich-text><wx-rich-text data-align=\\"left\\" class=\\"main--cube-action-sheet-item main--cube-action-sheet-item_active\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"rich-text\\">align-left</wx-view></wx-rich-text><wx-rich-text data-align=\\"right\\" class=\\"main--cube-action-sheet-item\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"rich-text\\">align-right</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"main--cube-action-sheet-space\\"></wx-view><wx-view class=\\"main--cube-action-sheet-cancel\\">取消按钮</wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[`component action-sheet unit test correct props check matchSnapshot 1`] = `"<cube-popup data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-action-sheet-panel main--cube-safe-area-pb\\"><wx-view class=\\"main--cube-action-sheet-title\\" style=\\"\\">我是标题</wx-view><wx-view class=\\"main--cube-action-sheet-content\\"><wx-view class=\\"main--cube-action-sheet-list\\"><wx-rich-text data-align=\\"\\" class=\\"main--cube-action-sheet-item main--cube-foo\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"rich-text\\">align-center</wx-view></wx-rich-text><wx-rich-text data-align=\\"left\\" class=\\"main--cube-action-sheet-item main--cube-action-sheet-item_active\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"rich-text\\">align-left</wx-view></wx-rich-text><wx-rich-text data-align=\\"right\\" class=\\"main--cube-action-sheet-item\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"rich-text\\">align-right</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"main--cube-action-sheet-space\\"></wx-view><wx-view class=\\"main--cube-action-sheet-cancel\\">取消按钮</wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[`component action-sheet unit test event trigger check matchSnapshot 1`] = `"<wx-view class=\\"main--action-sheet-demo\\"><cube-action-sheet class=\\"main--ref_actionSheet_1\\"><cube-popup data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-action-sheet--cube-action-sheet-panel cube-action-sheet--cube-safe-area-pb\\"><wx-view class=\\"cube-action-sheet--cube-action-sheet-title cube-action-sheet--cube-action-sheet-title-picker\\" style=\\"\\">我是标题~~~</wx-view><wx-view class=\\"cube-action-sheet--cube-action-sheet-content\\"><wx-view class=\\"cube-action-sheet--cube-action-sheet-list\\"><wx-rich-text data-align=\\"\\" class=\\"cube-action-sheet--cube-action-sheet-item cube-action-sheet--cube-action-sheet-item_active\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"rich-text\\">舒适型</wx-view></wx-rich-text><wx-rich-text data-align=\\"\\" class=\\"cube-action-sheet--cube-action-sheet-item\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"rich-text\\">七座商务</wx-view></wx-rich-text><wx-rich-text data-align=\\"\\" class=\\"cube-action-sheet--cube-action-sheet-item\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"rich-text\\">豪华型</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-action-sheet--cube-action-sheet-space cube-action-sheet--cube-action-sheet-space-picker\\"></wx-view><wx-view class=\\"cube-action-sheet--cube-action-sheet-cancel cube-action-sheet--cube-action-sheet-cancel-picker\\">取消</wx-view></wx-view></wx-view></wx-view></cube-popup></cube-action-sheet><cube-toast class=\\"main--ref_selectToast_2\\"></cube-toast></wx-view>"`;
+exports[`component action-sheet unit test event trigger check matchSnapshot 1`] = `"<wx-view class=\\"main--action-sheet-demo\\"><cube-action-sheet class=\\"main--ref_actionSheet_1\\"><cube-popup data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-action-sheet--cube-action-sheet-panel cube-action-sheet--cube-safe-area-pb\\"><wx-view class=\\"cube-action-sheet--cube-action-sheet-title cube-action-sheet--cube-action-sheet-title-picker\\" style=\\"\\">我是标题~~~</wx-view><wx-view class=\\"cube-action-sheet--cube-action-sheet-content\\"><wx-view class=\\"cube-action-sheet--cube-action-sheet-list\\"><wx-rich-text data-align=\\"\\" class=\\"cube-action-sheet--cube-action-sheet-item cube-action-sheet--cube-action-sheet-item_active\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"rich-text\\">舒适型</wx-view></wx-rich-text><wx-rich-text data-align=\\"\\" class=\\"cube-action-sheet--cube-action-sheet-item\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"rich-text\\">七座商务</wx-view></wx-rich-text><wx-rich-text data-align=\\"\\" class=\\"cube-action-sheet--cube-action-sheet-item\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"rich-text\\">豪华型</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-action-sheet--cube-action-sheet-space cube-action-sheet--cube-action-sheet-space-picker\\"></wx-view><wx-view class=\\"cube-action-sheet--cube-action-sheet-cancel cube-action-sheet--cube-action-sheet-cancel-picker\\">取消</wx-view></wx-view></wx-view></wx-view></cube-popup></cube-action-sheet><cube-toast class=\\"main--ref_selectToast_2\\"></cube-toast></wx-view>"`;
diff --git a/packages/mpx-cube-ui/__tests__/components/cascade-picker-modal/__snapshots__/cascade-picker-modal.spec.js.snap b/packages/mpx-cube-ui/__tests__/components/cascade-picker-modal/__snapshots__/cascade-picker-modal.spec.js.snap
index 93f8d2f2..cba13196 100644
--- a/packages/mpx-cube-ui/__tests__/components/cascade-picker-modal/__snapshots__/cascade-picker-modal.spec.js.snap
+++ b/packages/mpx-cube-ui/__tests__/components/cascade-picker-modal/__snapshots__/cascade-picker-modal.spec.js.snap
@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component cascade-picker unit test base props check matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-cascade-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-cascade-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Fruit text</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Drink</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Dessert</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Coffee</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Tea</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Juice</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">One</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Two</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Three</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Four</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
+exports[`component cascade-picker unit test base props check matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-cascade-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-cascade-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Fruit text</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Drink</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Dessert</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Coffee</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Tea</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Juice</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">One</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Two</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Three</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Four</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
 
-exports[`component cascade-picker unit test base props check matchSnapshot 2`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-cascade-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-cascade-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Fruit text</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Drink</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Dessert</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Coffee</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Tea</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Juice</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">One</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Two</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Three</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Four</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
+exports[`component cascade-picker unit test base props check matchSnapshot 2`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-cascade-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-cascade-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Fruit text</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Drink</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Dessert</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Coffee</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Tea</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Juice</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">One</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Two</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Three</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Four</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
 
-exports[`component cascade-picker unit test base set props check matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-cascade-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-bottom cube-popup--show cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--move-up\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-title\\">选择器</wx-view><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">内容</wx-view></wx-rich-text><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-cascade-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Fruit text</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Drink</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Dessert</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Coffee</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Tea</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Juice</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">One</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Two</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Three</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Four</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
+exports[`component cascade-picker unit test base set props check matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-cascade-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-bottom cube-popup--show\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--move-up\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-title\\">选择器</wx-view><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">内容</wx-view></wx-rich-text><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-cascade-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Fruit text</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Drink</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Dessert</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Coffee</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Tea</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Juice</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">One</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Two</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Three</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Four</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
 
-exports[`component cascade-picker unit test slot check matchSnapshot 1`] = `"<main><cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-cascade-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view><wx-view class=\\"header-slot\\">head</wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-cascade-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group><wx-view class=\\"footer-slot\\">footer</wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base></main>"`;
+exports[`component cascade-picker unit test slot check matchSnapshot 1`] = `"<main><cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-cascade-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view><wx-view class=\\"header-slot\\">head</wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-cascade-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group><wx-view class=\\"footer-slot\\">footer</wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base></main>"`;
diff --git a/packages/mpx-cube-ui/__tests__/components/cascade-picker-popup/__snapshots__/cascade-picker-popup.spec.js.snap b/packages/mpx-cube-ui/__tests__/components/cascade-picker-popup/__snapshots__/cascade-picker-popup.spec.js.snap
index b6b99137..ae28eccb 100644
--- a/packages/mpx-cube-ui/__tests__/components/cascade-picker-popup/__snapshots__/cascade-picker-popup.spec.js.snap
+++ b/packages/mpx-cube-ui/__tests__/components/cascade-picker-popup/__snapshots__/cascade-picker-popup.spec.js.snap
@@ -1,9 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component cascade-picker unit test base props check matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-cascade-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\"></wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-cascade-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Fruit text</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Drink</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Dessert</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Coffee</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Tea</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Juice</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">One</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Two</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Three</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Four</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
+exports[`component cascade-picker unit test base props check matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-cascade-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\"></wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-cascade-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Fruit text</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Drink</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Dessert</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Coffee</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Tea</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Juice</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">One</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Two</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Three</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Four</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
 
-exports[`component cascade-picker unit test base props check matchSnapshot 2`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-cascade-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\"></wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-cascade-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Fruit text</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Drink</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Dessert</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Coffee</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Tea</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Juice</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">One</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Two</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Three</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Four</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
+exports[`component cascade-picker unit test base props check matchSnapshot 2`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-cascade-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\"></wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-cascade-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Fruit text</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Drink</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Dessert</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Coffee</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Tea</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Juice</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">One</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Two</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Three</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Four</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
 
-exports[`component cascade-picker unit test base set props check matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-cascade-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-bottom cube-popup--show cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--move-up\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">cancel</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\">选择器</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">ok</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-cascade-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Fruit text</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Drink</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Dessert</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Coffee</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Tea</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Juice</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">One</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Two</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Three</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Four</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
+exports[`component cascade-picker unit test base set props check matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-cascade-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-bottom cube-popup--show\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--move-up\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">cancel</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\">选择器</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">ok</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-cascade-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Fruit text</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Drink</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Dessert</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Coffee</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Tea</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Juice</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">One</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Two</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Three</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">Four</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
 
-exports[`component cascade-picker unit test slot check matchSnapshot 1`] = `"<main><cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-cascade-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\"></wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-cascade-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base></main>"`;
+exports[`component cascade-picker unit test slot check matchSnapshot 1`] = `"<main><cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-cascade-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\"></wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-cascade-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base></main>"`;
diff --git a/packages/mpx-cube-ui/__tests__/components/checkbox-modal/__snapshots__/checkbox-modal.spec.js.snap b/packages/mpx-cube-ui/__tests__/components/checkbox-modal/__snapshots__/checkbox-modal.spec.js.snap
index 685d5201..83b4b0b0 100644
--- a/packages/mpx-cube-ui/__tests__/components/checkbox-modal/__snapshots__/checkbox-modal.spec.js.snap
+++ b/packages/mpx-cube-ui/__tests__/components/checkbox-modal/__snapshots__/checkbox-modal.spec.js.snap
@@ -1,15 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component checkbox-modal unit test render check render 1`] = `"<wx-view class=\\"main--cube-checkbox-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-checkbox-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-checkbox-group--cube-checkbox-group\\"><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">苹果desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">橘子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round cube-checkbox--cube-checkbox-ui_checked\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">香蕉desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">桃子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox></wx-view></cube-checkbox-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
+exports[`component checkbox-modal unit test render check render 1`] = `"<wx-view class=\\"main--cube-checkbox-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-checkbox-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-checkbox-group--cube-checkbox-group\\"><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">苹果desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">橘子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round cube-checkbox--cube-checkbox-ui_checked\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">香蕉desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">桃子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox></wx-view></cube-checkbox-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
 
-exports[`component checkbox-modal unit test render check render 2`] = `"<wx-view class=\\"main--cube-checkbox-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-bottom cube-popup--show cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--move-up\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-checkbox-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-checkbox-group--cube-checkbox-group\\"><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">苹果desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">橘子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round cube-checkbox--cube-checkbox-ui_checked\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">香蕉desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">桃子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox></wx-view></cube-checkbox-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
+exports[`component checkbox-modal unit test render check render 2`] = `"<wx-view class=\\"main--cube-checkbox-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-bottom cube-popup--show\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--move-up\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-checkbox-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-checkbox-group--cube-checkbox-group\\"><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">苹果desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">橘子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round cube-checkbox--cube-checkbox-ui_checked\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">香蕉desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">桃子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox></wx-view></cube-checkbox-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
 
-exports[`component checkbox-modal unit test render check render 3`] = `"<wx-view class=\\"main--cube-checkbox-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-checkbox-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-checkbox-group--cube-checkbox-group\\"><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">苹果desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">橘子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round cube-checkbox--cube-checkbox-ui_checked\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">香蕉desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">桃子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox></wx-view></cube-checkbox-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
+exports[`component checkbox-modal unit test render check render 3`] = `"<wx-view class=\\"main--cube-checkbox-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-checkbox-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-checkbox-group--cube-checkbox-group\\"><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">苹果desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">橘子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round cube-checkbox--cube-checkbox-ui_checked\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">香蕉desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">桃子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox></wx-view></cube-checkbox-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
 
-exports[`component checkbox-modal unit test render check render 4`] = `"<wx-view class=\\"main--cube-checkbox-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-checkbox-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-checkbox-group--cube-checkbox-group\\"><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">苹果desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">橘子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round cube-checkbox--cube-checkbox-ui_checked\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">香蕉desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">桃子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox></wx-view></cube-checkbox-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
+exports[`component checkbox-modal unit test render check render 4`] = `"<wx-view class=\\"main--cube-checkbox-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-checkbox-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-checkbox-group--cube-checkbox-group\\"><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">苹果desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">橘子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round cube-checkbox--cube-checkbox-ui_checked\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">香蕉desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">桃子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox></wx-view></cube-checkbox-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
 
-exports[`component checkbox-modal unit test render check render 5`] = `"<wx-view class=\\"main--cube-checkbox-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-checkbox-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-checkbox-group--cube-checkbox-group\\"><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">苹果desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">橘子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round cube-checkbox--cube-checkbox-ui_checked\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">香蕉desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">桃子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox></wx-view></cube-checkbox-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
+exports[`component checkbox-modal unit test render check render 5`] = `"<wx-view class=\\"main--cube-checkbox-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-checkbox-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-checkbox-group--cube-checkbox-group\\"><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">苹果desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">橘子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round cube-checkbox--cube-checkbox-ui_checked\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">香蕉desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">桃子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox></wx-view></cube-checkbox-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
 
-exports[`component checkbox-modal unit test render check render 6`] = `"<wx-view class=\\"main--cube-checkbox-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-checkbox-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-checkbox-group--cube-checkbox-group\\"><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">苹果desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">橘子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round cube-checkbox--cube-checkbox-ui_checked\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">香蕉desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">桃子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox></wx-view></cube-checkbox-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
+exports[`component checkbox-modal unit test render check render 6`] = `"<wx-view class=\\"main--cube-checkbox-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-checkbox-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-checkbox-group--cube-checkbox-group\\"><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">苹果desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">橘子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round cube-checkbox--cube-checkbox-ui_checked\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">香蕉desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox><cube-checkbox class=\\"cube-checkbox-group--ref_checkboxRef_1\\" style=\\"\\"><wx-view class=\\"cube-checkbox--cube-checkbox\\"><wx-label class=\\"cube-checkbox--cube-checkbox-label\\"><wx-view class=\\"cube-checkbox--cube-checkbox-ui cube-checkbox--cube-checkbox-ui-round\\"><wx-view class=\\"cube-checkbox--cube-checkbox-inner-ui cube-checkbox--cube-checkbox-inner-ui-round\\"></wx-view></wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text-wrap\\"><wx-view><wx-view class=\\"cube-checkbox--cube-checkbox-text\\">桃子desc</wx-view></wx-view></wx-view></wx-label></wx-view></cube-checkbox></wx-view></cube-checkbox-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
 
-exports[`component checkbox-modal unit test slot check render correct 1`] = `"<main class=\\"chekbox-modal\\"><wx-view class=\\"main--cube-checkbox-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-checkbox-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-checkbox-group--cube-checkbox-group\\"></wx-view></cube-checkbox-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view></main>"`;
+exports[`component checkbox-modal unit test slot check render correct 1`] = `"<main class=\\"chekbox-modal\\"><wx-view class=\\"main--cube-checkbox-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-checkbox-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-checkbox-group--cube-checkbox-group\\"></wx-view></cube-checkbox-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view></main>"`;
diff --git a/packages/mpx-cube-ui/__tests__/components/checkbox-modal/checkbox-modal.spec.js b/packages/mpx-cube-ui/__tests__/components/checkbox-modal/checkbox-modal.spec.js
index a7b6d151..61782b9d 100644
--- a/packages/mpx-cube-ui/__tests__/components/checkbox-modal/checkbox-modal.spec.js
+++ b/packages/mpx-cube-ui/__tests__/components/checkbox-modal/checkbox-modal.spec.js
@@ -133,7 +133,7 @@ describe('component checkbox-modal unit test', function() {
       const popup = component.querySelector('cube-modal').querySelector('cube-popup')
       const showDom = popup.querySelector('.cube-popup').dom
       const maskDom = popup.querySelector('.cube-popup-mask')
-      maskDom.dispatchEvent('touchend')
+      maskDom.dispatchEvent('tap')
       await simulate.sleep(10)
       expect(showDom.className).not.toMatch('show')
     })
@@ -241,7 +241,7 @@ describe('component checkbox-modal unit test', function() {
       component.addEventListener('close', maskFn)
       const popup = component.querySelector('cube-modal').querySelector('cube-popup')
       const maskDom = popup.querySelector('.cube-popup-mask')
-      maskDom.dispatchEvent('touchend')
+      maskDom.dispatchEvent('tap')
       await simulate.sleep(10)
       expect(maskFn).toHaveBeenCalled()
     })
diff --git a/packages/mpx-cube-ui/__tests__/components/date-picker-modal/__snapshots__/date-picker-modal.spec.js.snap b/packages/mpx-cube-ui/__tests__/components/date-picker-modal/__snapshots__/date-picker-modal.spec.js.snap
index 227962f6..2c75ba20 100644
--- a/packages/mpx-cube-ui/__tests__/components/date-picker-modal/__snapshots__/date-picker-modal.spec.js.snap
+++ b/packages/mpx-cube-ui/__tests__/components/date-picker-modal/__snapshots__/date-picker-modal.spec.js.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component picker unit test base defaul props check matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-date-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-title\\">日期选择器</wx-view><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-slide-top\\"></wx-view><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-slide-bottom\\"></wx-view><cube-date-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-date-picker--cube-date-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2010</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2011</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2012</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2013</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2014</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2015</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2016</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2017</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2018</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2019</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2020</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2021</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2022</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">8</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">9</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">8</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">9</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">24</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">25</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">26</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">27</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">28</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">29</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">31</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-date-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
+exports[`component picker unit test base defaul props check matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-date-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-title\\">日期选择器</wx-view><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-slide-top\\"></wx-view><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-slide-bottom\\"></wx-view><cube-date-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-date-picker--cube-date-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2010</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2011</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2012</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2013</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2014</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2015</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2016</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2017</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2018</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2019</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2020</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2021</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2022</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">8</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">9</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">8</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">9</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">24</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">25</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">26</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">27</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">28</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">29</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">31</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-date-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
 
-exports[`component picker unit test base set props check matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-date-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-bottom cube-popup--show cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--move-up\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-cancel\\"><wx-view class=\\"cube-modal--cube-modal-cancel-btn\\">这是取消文案</wx-view></wx-view><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-title\\">日期选择器</wx-view><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-slide-top\\"></wx-view><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-slide-bottom\\"></wx-view><cube-date-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-date-picker--cube-date-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22年</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">08月</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">09月</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10月</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11月</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-date-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
+exports[`component picker unit test base set props check matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-date-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-bottom cube-popup--show\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--move-up\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-cancel\\"><wx-view class=\\"cube-modal--cube-modal-cancel-btn\\">这是取消文案</wx-view></wx-view><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-title\\">日期选择器</wx-view><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-slide-top\\"></wx-view><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-slide-bottom\\"></wx-view><cube-date-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-date-picker--cube-date-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22年</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">08月</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">09月</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10月</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11月</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-date-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
 
-exports[`component picker unit test slot check matchSnapshot 1`] = `"<main><cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-date-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view><wx-view class=\\"header-slot\\">head</wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-date-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-date-picker--cube-date-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2010</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2011</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2012</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2013</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2014</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2015</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2016</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2017</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2018</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2019</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2020</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2021</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2022</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2023</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2024</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">1</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">3</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">4</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">5</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">6</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">7</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">8</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">9</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">1</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">3</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">4</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">5</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">6</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">7</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">8</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">9</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">24</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">25</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">26</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">27</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">28</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-date-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group><wx-view class=\\"footer-slot\\">footer</wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base></main>"`;
+exports[`component picker unit test slot check matchSnapshot 1`] = `"<main><cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-date-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view><wx-view class=\\"header-slot\\">head</wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-date-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-date-picker--cube-date-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2010</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2011</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2012</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2013</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2014</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2015</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2016</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2017</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2018</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2019</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2020</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2021</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2022</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2023</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2024</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">1</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">3</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">4</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">5</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">6</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">7</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">8</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">9</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">1</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">3</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">4</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">5</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">6</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">7</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">8</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">9</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">24</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">25</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">26</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">27</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">28</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-date-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group><wx-view class=\\"footer-slot\\">footer</wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base></main>"`;
diff --git a/packages/mpx-cube-ui/__tests__/components/date-picker-popup/__snapshots__/date-picker-popup.spec.js.snap b/packages/mpx-cube-ui/__tests__/components/date-picker-popup/__snapshots__/date-picker-popup.spec.js.snap
index cda51cd4..5abf83e4 100644
--- a/packages/mpx-cube-ui/__tests__/components/date-picker-popup/__snapshots__/date-picker-popup.spec.js.snap
+++ b/packages/mpx-cube-ui/__tests__/components/date-picker-popup/__snapshots__/date-picker-popup.spec.js.snap
@@ -1,5 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component picker unit test base defaul props check matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-date-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\">日期选择器</wx-view></wx-rich-text></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-subtitle\\"><wx-rich-text><wx-view class=\\"rich-text\\">子标题</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-date-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-date-picker--cube-date-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2010</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2011</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2012</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2013</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2014</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2015</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2016</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2017</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2018</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2019</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2020</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2021</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2022</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">8</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">9</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">8</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">9</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">24</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">25</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">26</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">27</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">28</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">29</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">31</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-date-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
+exports[`component picker unit test base defaul props check matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-date-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\">日期选择器</wx-view></wx-rich-text></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-subtitle\\"><wx-rich-text><wx-view class=\\"rich-text\\">子标题</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-date-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-date-picker--cube-date-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2010</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2011</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2012</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2013</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2014</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2015</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2016</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2017</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2018</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2019</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2020</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2021</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">2022</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">8</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">9</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">8</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">9</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">24</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">25</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">26</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">27</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">28</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">29</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">31</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-date-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
 
-exports[`component picker unit test base set props check matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-date-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-bottom cube-popup--show cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--move-up\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">这是取消文案</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\">日期选择器</wx-view></wx-rich-text></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-subtitle\\"><wx-rich-text><wx-view class=\\"rich-text\\">子标题</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">这是确认文案</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-date-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-date-picker--cube-date-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22年</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">08月</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">09月</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10月</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11月</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 8 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 9 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 10 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 11 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 12 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 13 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 14 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 15 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 16 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 17 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 18 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 19 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 20 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 21 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 22 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 23 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 24 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 25 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 26 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 27 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 28 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 29 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 30 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 31 日</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-date-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
+exports[`component picker unit test base set props check matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-date-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-bottom cube-popup--show\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--move-up\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">这是取消文案</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\">日期选择器</wx-view></wx-rich-text></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-subtitle\\"><wx-rich-text><wx-view class=\\"rich-text\\">子标题</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">这是确认文案</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-date-picker class=\\"main--ref_picker_2\\"><cube-picker class=\\"cube-date-picker--cube-date-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21年</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22年</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">08月</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">09月</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10月</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">11月</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 8 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 9 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 10 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 11 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 12 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 13 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 14 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 15 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 16 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 17 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 18 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 19 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 20 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 21 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 22 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 23 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 24 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 25 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 26 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 27 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 28 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 29 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 30 日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">第 31 日</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-date-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
diff --git a/packages/mpx-cube-ui/__tests__/components/dialog/__snapshots__/dialog.spec.js.snap b/packages/mpx-cube-ui/__tests__/components/dialog/__snapshots__/dialog.spec.js.snap
index f5d826ee..edda9e97 100644
--- a/packages/mpx-cube-ui/__tests__/components/dialog/__snapshots__/dialog.spec.js.snap
+++ b/packages/mpx-cube-ui/__tests__/components/dialog/__snapshots__/dialog.spec.js.snap
@@ -1,17 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component dialog unit test base props check matchSnapshot 1`] = `"<cube-popup class=\\"main--ref_popup_1 main--cube-dialog\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--empty\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-main main--cube-dialog-main-is-visible\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-container main--cube-dialog-confirm\\"><wx-view class=\\"main--cube-dialog-title\\"><wx-view class=\\"main--cube-dialog-title-def\\">我是标题</wx-view></wx-view><wx-view class=\\"main--cube-dialog-content\\"><wx-view class=\\"main--cube-dialog-content-def\\"><wx-rich-text class=\\"main--content\\"><wx-view class=\\"rich-text\\">正文行文符合话术规范，表意清晰可多行展示，单行居中对齐，多行居左</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"main--cube-dialog-btns main--cube-dialog-btns-border-right-1px\\"><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btns-cancel-border-right-1px\\">取消按钮</wx-view><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btn-highlight\\">确认按钮</wx-view></wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[`component dialog unit test base props check matchSnapshot 1`] = `"<cube-popup class=\\"main--ref_popup_1 main--cube-dialog\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--empty\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-main main--cube-dialog-main-is-visible\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-container main--cube-dialog-confirm\\"><wx-view class=\\"main--cube-dialog-title\\"><wx-view class=\\"main--cube-dialog-title-def\\">我是标题</wx-view></wx-view><wx-view class=\\"main--cube-dialog-content\\"><wx-view class=\\"main--cube-dialog-content-def\\"><wx-rich-text class=\\"main--content\\"><wx-view class=\\"rich-text\\">正文行文符合话术规范，表意清晰可多行展示，单行居中对齐，多行居左</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"main--cube-dialog-btns main--cube-dialog-btns-border-right-1px\\"><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btns-cancel-border-right-1px\\">取消按钮</wx-view><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btn-highlight\\">确认按钮</wx-view></wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[`component dialog unit test props :headIcon="url" check matchSnapshot 1`] = `"<cube-popup class=\\"main--ref_popup_1 main--cube-dialog\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--empty\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-main main--cube-dialog-main-is-visible main--cube-dialog-main-overflow\\" style=\\"\\"><wx-image class=\\"main--cube-dialog-head-icon\\" style=\\"\\"><wx-view class=\\"my-image\\">https://dpubstatic.udache.com/static/dpubimg/5b36f778-2f98-4c0e-ac31-d2d7ee6d29a3.png</wx-view></wx-image><wx-view class=\\"main--cube-dialog-container main--cube-dialog-confirm\\"><wx-view class=\\"main--cube-dialog-title\\"><wx-view class=\\"main--cube-dialog-title-def\\">我是标题</wx-view></wx-view><wx-view class=\\"main--cube-dialog-content\\"><wx-view class=\\"main--cube-dialog-content-def\\"><wx-rich-text class=\\"main--content\\"><wx-view class=\\"rich-text\\">正文行文符合话术规范，表意清晰可多行展示，单行居中对齐，多行居左</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"main--cube-dialog-btns main--cube-dialog-btns-border-right-1px\\"><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btns-cancel-border-right-1px\\">取消按钮</wx-view><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btn-highlight\\">确认按钮</wx-view></wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[`component dialog unit test props :headIcon="url" check matchSnapshot 1`] = `"<cube-popup class=\\"main--ref_popup_1 main--cube-dialog\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--empty\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-main main--cube-dialog-main-is-visible main--cube-dialog-main-overflow\\" style=\\"\\"><wx-image class=\\"main--cube-dialog-head-icon\\" style=\\"\\"><wx-view class=\\"my-image\\">https://dpubstatic.udache.com/static/dpubimg/5b36f778-2f98-4c0e-ac31-d2d7ee6d29a3.png</wx-view></wx-image><wx-view class=\\"main--cube-dialog-container main--cube-dialog-confirm\\"><wx-view class=\\"main--cube-dialog-title\\"><wx-view class=\\"main--cube-dialog-title-def\\">我是标题</wx-view></wx-view><wx-view class=\\"main--cube-dialog-content\\"><wx-view class=\\"main--cube-dialog-content-def\\"><wx-rich-text class=\\"main--content\\"><wx-view class=\\"rich-text\\">正文行文符合话术规范，表意清晰可多行展示，单行居中对齐，多行居左</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"main--cube-dialog-btns main--cube-dialog-btns-border-right-1px\\"><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btns-cancel-border-right-1px\\">取消按钮</wx-view><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btn-highlight\\">确认按钮</wx-view></wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[`component dialog unit test props :icon="hot" check matchSnapshot 1`] = `"<cube-popup class=\\"main--ref_popup_1 main--cube-dialog\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--empty\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-main main--cube-dialog-main-is-visible\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-container main--cube-dialog-confirm\\"><wx-view class=\\"main--cube-dialog-icon\\"><cube-icon class=\\"main--icon\\"><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-hot\\" style=\\"\\"></wx-view></cube-icon></wx-view><wx-view class=\\"main--cube-dialog-title\\"><wx-view class=\\"main--cube-dialog-title-def\\">我是标题</wx-view></wx-view><wx-view class=\\"main--cube-dialog-content\\"><wx-view class=\\"main--cube-dialog-content-def\\"><wx-rich-text class=\\"main--content\\"><wx-view class=\\"rich-text\\">正文行文符合话术规范，表意清晰可多行展示，单行居中对齐，多行居左</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"main--cube-dialog-btns main--cube-dialog-btns-border-right-1px\\"><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btns-cancel-border-right-1px\\">取消按钮</wx-view><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btn-highlight\\">确认按钮</wx-view></wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[`component dialog unit test props :icon="hot" check matchSnapshot 1`] = `"<cube-popup class=\\"main--ref_popup_1 main--cube-dialog\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--empty\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-main main--cube-dialog-main-is-visible\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-container main--cube-dialog-confirm\\"><wx-view class=\\"main--cube-dialog-icon\\"><cube-icon class=\\"main--icon\\"><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-hot\\" style=\\"\\"></wx-view></cube-icon></wx-view><wx-view class=\\"main--cube-dialog-title\\"><wx-view class=\\"main--cube-dialog-title-def\\">我是标题</wx-view></wx-view><wx-view class=\\"main--cube-dialog-content\\"><wx-view class=\\"main--cube-dialog-content-def\\"><wx-rich-text class=\\"main--content\\"><wx-view class=\\"rich-text\\">正文行文符合话术规范，表意清晰可多行展示，单行居中对齐，多行居左</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"main--cube-dialog-btns main--cube-dialog-btns-border-right-1px\\"><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btns-cancel-border-right-1px\\">取消按钮</wx-view><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btn-highlight\\">确认按钮</wx-view></wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[`component dialog unit test props :showClose="true" check matchSnapshot 1`] = `"<cube-popup class=\\"main--ref_popup_1 main--cube-dialog\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--empty\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-main main--cube-dialog-main-is-visible\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-close\\" style=\\"\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view><wx-view class=\\"main--cube-dialog-container main--cube-dialog-confirm\\"><wx-view class=\\"main--cube-dialog-title\\"><wx-view class=\\"main--cube-dialog-title-def\\">我是标题</wx-view></wx-view><wx-view class=\\"main--cube-dialog-content\\"><wx-view class=\\"main--cube-dialog-content-def\\"><wx-rich-text class=\\"main--content\\"><wx-view class=\\"rich-text\\">正文行文符合话术规范，表意清晰可多行展示，单行居中对齐，多行居左</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"main--cube-dialog-btns main--cube-dialog-btns-border-right-1px\\"><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btns-cancel-border-right-1px\\">取消按钮</wx-view><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btn-highlight\\">确认按钮</wx-view></wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[`component dialog unit test props :showClose="true" check matchSnapshot 1`] = `"<cube-popup class=\\"main--ref_popup_1 main--cube-dialog\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--empty\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-main main--cube-dialog-main-is-visible\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-close\\" style=\\"\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view><wx-view class=\\"main--cube-dialog-container main--cube-dialog-confirm\\"><wx-view class=\\"main--cube-dialog-title\\"><wx-view class=\\"main--cube-dialog-title-def\\">我是标题</wx-view></wx-view><wx-view class=\\"main--cube-dialog-content\\"><wx-view class=\\"main--cube-dialog-content-def\\"><wx-rich-text class=\\"main--content\\"><wx-view class=\\"rich-text\\">正文行文符合话术规范，表意清晰可多行展示，单行居中对齐，多行居左</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"main--cube-dialog-btns main--cube-dialog-btns-border-right-1px\\"><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btns-cancel-border-right-1px\\">取消按钮</wx-view><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btn-highlight\\">确认按钮</wx-view></wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[`component dialog unit test props :type="alert" check matchSnapshot 1`] = `"<cube-popup class=\\"main--ref_popup_1 main--cube-dialog\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--empty\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-main main--cube-dialog-main-is-visible\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-container main--cube-dialog-alert\\"><wx-view class=\\"main--cube-dialog-title\\"><wx-view class=\\"main--cube-dialog-title-def\\">我是标题</wx-view></wx-view><wx-view class=\\"main--cube-dialog-content\\"><wx-view class=\\"main--cube-dialog-content-def\\"><wx-rich-text class=\\"main--content\\"><wx-view class=\\"rich-text\\">正文行文符合话术规范，表意清晰可多行展示，单行居中对齐，多行居左</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"main--cube-dialog-btns\\"><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btn-highlight\\">确认按钮</wx-view></wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[`component dialog unit test props :type="alert" check matchSnapshot 1`] = `"<cube-popup class=\\"main--ref_popup_1 main--cube-dialog\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--empty\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-main main--cube-dialog-main-is-visible\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-container main--cube-dialog-alert\\"><wx-view class=\\"main--cube-dialog-title\\"><wx-view class=\\"main--cube-dialog-title-def\\">我是标题</wx-view></wx-view><wx-view class=\\"main--cube-dialog-content\\"><wx-view class=\\"main--cube-dialog-content-def\\"><wx-rich-text class=\\"main--content\\"><wx-view class=\\"rich-text\\">正文行文符合话术规范，表意清晰可多行展示，单行居中对齐，多行居左</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"main--cube-dialog-btns\\"><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btn-highlight\\">确认按钮</wx-view></wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[`component dialog unit test props :type="confirm" check matchSnapshot 1`] = `"<cube-popup class=\\"main--ref_popup_1 main--cube-dialog\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--empty\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-main main--cube-dialog-main-is-visible\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-container main--cube-dialog-confirm\\"><wx-view class=\\"main--cube-dialog-title\\"><wx-view class=\\"main--cube-dialog-title-def\\">我是标题</wx-view></wx-view><wx-view class=\\"main--cube-dialog-content\\"><wx-view class=\\"main--cube-dialog-content-def\\"><wx-rich-text class=\\"main--content\\"><wx-view class=\\"rich-text\\">正文行文符合话术规范，表意清晰可多行展示，单行居中对齐，多行居左</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"main--cube-dialog-btns main--cube-dialog-btns-border-right-1px\\"><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btns-cancel-border-right-1px\\">取消按钮</wx-view><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btn-highlight\\">确认按钮</wx-view></wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[`component dialog unit test props :type="confirm" check matchSnapshot 1`] = `"<cube-popup class=\\"main--ref_popup_1 main--cube-dialog\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--empty\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-main main--cube-dialog-main-is-visible\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-container main--cube-dialog-confirm\\"><wx-view class=\\"main--cube-dialog-title\\"><wx-view class=\\"main--cube-dialog-title-def\\">我是标题</wx-view></wx-view><wx-view class=\\"main--cube-dialog-content\\"><wx-view class=\\"main--cube-dialog-content-def\\"><wx-rich-text class=\\"main--content\\"><wx-view class=\\"rich-text\\">正文行文符合话术规范，表意清晰可多行展示，单行居中对齐，多行居左</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"main--cube-dialog-btns main--cube-dialog-btns-border-right-1px\\"><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btns-cancel-border-right-1px\\">取消按钮</wx-view><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btn-highlight\\">确认按钮</wx-view></wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[`component dialog unit test should not trigger events when btn is disabled matchSnapshot 1`] = `"<cube-popup class=\\"main--ref_popup_1 main--cube-dialog\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--empty\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-main main--cube-dialog-main-is-visible\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-container main--cube-dialog-confirm\\"><wx-view class=\\"main--cube-dialog-title\\"><wx-view class=\\"main--cube-dialog-title-def\\">我是标题</wx-view></wx-view><wx-view class=\\"main--cube-dialog-content\\"><wx-view class=\\"main--cube-dialog-content-def\\"><wx-rich-text class=\\"main--content\\"><wx-view class=\\"rich-text\\">正文行文符合话术规范，表意清晰可多行展示，单行居中对齐，多行居左</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"main--cube-dialog-btns main--cube-dialog-btns-border-right-1px\\"><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btn_disabled main--cube-dialog-btns-cancel-border-right-1px\\">取消按钮</wx-view><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btn_disabled\\">确认按钮</wx-view></wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[`component dialog unit test should not trigger events when btn is disabled matchSnapshot 1`] = `"<cube-popup class=\\"main--ref_popup_1 main--cube-dialog\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--empty\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-main main--cube-dialog-main-is-visible\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-container main--cube-dialog-confirm\\"><wx-view class=\\"main--cube-dialog-title\\"><wx-view class=\\"main--cube-dialog-title-def\\">我是标题</wx-view></wx-view><wx-view class=\\"main--cube-dialog-content\\"><wx-view class=\\"main--cube-dialog-content-def\\"><wx-rich-text class=\\"main--content\\"><wx-view class=\\"rich-text\\">正文行文符合话术规范，表意清晰可多行展示，单行居中对齐，多行居左</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"main--cube-dialog-btns main--cube-dialog-btns-border-right-1px\\"><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btn_disabled main--cube-dialog-btns-cancel-border-right-1px\\">取消按钮</wx-view><wx-view class=\\"main--cube-dialog-btn main--cube-dialog-btn_disabled\\">确认按钮</wx-view></wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[`component dialog unit test slot check matchSnapshot 1`] = `"<main><cube-popup class=\\"main--ref_popup_1 main--cube-dialog\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--empty\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-main main--cube-dialog-main-is-visible\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-container main--cube-dialog-alert\\"><wx-view class=\\"main--cube-dialog-title\\"><wx-view class=\\"my-title\\">我是标题</wx-view></wx-view><wx-view class=\\"main--cube-dialog-content\\"><wx-view class=\\"my-content\\">正文行文符合话术规范，表意清晰可多行展示，单行居中对齐，多行居左</wx-view></wx-view><wx-view class=\\"my-btn\\">确认按钮</wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup></main>"`;
+exports[`component dialog unit test slot check matchSnapshot 1`] = `"<main><cube-popup class=\\"main--ref_popup_1 main--cube-dialog\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--empty\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-main main--cube-dialog-main-is-visible\\" style=\\"\\"><wx-view class=\\"main--cube-dialog-container main--cube-dialog-alert\\"><wx-view class=\\"main--cube-dialog-title\\"><wx-view class=\\"my-title\\">我是标题</wx-view></wx-view><wx-view class=\\"main--cube-dialog-content\\"><wx-view class=\\"my-content\\">正文行文符合话术规范，表意清晰可多行展示，单行居中对齐，多行居左</wx-view></wx-view><wx-view class=\\"my-btn\\">确认按钮</wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup></main>"`;
diff --git a/packages/mpx-cube-ui/__tests__/components/modal/__snapshots__/modal.spec.js.snap b/packages/mpx-cube-ui/__tests__/components/modal/__snapshots__/modal.spec.js.snap
index 904d1bc1..2998d262 100644
--- a/packages/mpx-cube-ui/__tests__/components/modal/__snapshots__/modal.spec.js.snap
+++ b/packages/mpx-cube-ui/__tests__/components/modal/__snapshots__/modal.spec.js.snap
@@ -1,27 +1,27 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[` 1`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[` 1`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[` 2`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消按钮</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确认按钮</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[` 2`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消按钮</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确认按钮</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[` 3`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn_disabled\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary cube-button--cube-btn_disabled\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[` 3`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn_disabled\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary cube-button--cube-btn_disabled\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[` 4`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确认按钮</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[` 4`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确认按钮</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[` 5`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary cube-button--cube-btn_disabled\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确认按钮</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[` 5`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary cube-button--cube-btn_disabled\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确认按钮</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[` 6`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[` 6`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[` 7`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_horizontal\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[` 7`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_horizontal\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[` 8`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body main--horizontal\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[` 8`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body main--horizontal\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[` 9`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[` 9`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[` 10`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view class=\\"main--cube-modal-close\\"><wx-view class=\\"main--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[` 10`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view class=\\"main--cube-modal-close\\"><wx-view class=\\"main--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[` 11`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view class=\\"main--cube-modal-close\\"><wx-view class=\\"main--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消按钮</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确认按钮</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[` 11`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view class=\\"main--cube-modal-close\\"><wx-view class=\\"main--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消按钮</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确认按钮</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[` 12`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view class=\\"main--cube-modal-cancel main--algin-right\\"><wx-view class=\\"main--cube-modal-cancel-btn\\">确认取消</wx-view></wx-view><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[` 12`] = `"<cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view class=\\"main--cube-modal-cancel main--algin-right\\"><wx-view class=\\"main--cube-modal-cancel-btn\\">确认取消</wx-view></wx-view><wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"main--cube-modal-title\\">标题</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">正文</wx-view></wx-rich-text></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[` 13`] = `"<main class=\\"modal\\"><cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view><wx-view class=\\"modal-header-slot\\">我是slot header</wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"modal-icon-slot\\"></wx-view><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"modal-title-slot\\">我是slot title</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-view class=\\"modal-content-slot\\">我是slot content</wx-view></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group><wx-view class=\\"modal-footer-slot\\">我是slot footer</wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup></main>"`;
+exports[` 13`] = `"<main class=\\"modal\\"><cube-popup class=\\"main--cube-modal main--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"main--cube-modal-section\\" style=\\"\\"><wx-view class=\\"main--cube-modal-header\\" style=\\"\\"><wx-view></wx-view><wx-view class=\\"modal-header-slot\\">我是slot header</wx-view></wx-view><wx-view class=\\"main--cube-modal-body\\" style=\\"\\"><wx-view class=\\"modal-icon-slot\\"></wx-view><wx-view class=\\"main--cube-modal-main\\"><wx-view class=\\"modal-title-slot\\">我是slot title</wx-view><wx-view class=\\"main--cube-modal-content\\"><wx-view class=\\"modal-content-slot\\">我是slot content</wx-view></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"main--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-cancel-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">取消</wx-view></wx-button></cube-button><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group><wx-view class=\\"modal-footer-slot\\">我是slot footer</wx-view></wx-view></wx-view></wx-view></wx-view></cube-popup></main>"`;
diff --git a/packages/mpx-cube-ui/__tests__/components/popup/__snapshots__/popup.spec.js.snap b/packages/mpx-cube-ui/__tests__/components/popup/__snapshots__/popup.spec.js.snap
index e21057bc..8dd2056f 100644
--- a/packages/mpx-cube-ui/__tests__/components/popup/__snapshots__/popup.spec.js.snap
+++ b/packages/mpx-cube-ui/__tests__/components/popup/__snapshots__/popup.spec.js.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component popup unit test base props check matchSnapshot 1`] = `"<wx-view class=\\"main--cube-popup main--cube-popup_mask main--cube-popup-center main--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"main--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"main--cube-popup-content\\" style=\\"\\"><wx-rich-text><wx-view class=\\"rich-text\\">&lt;i style=\\"color:#fc9153\\"&gt;Hello World&lt;/i&gt;</wx-view></wx-rich-text></wx-view></wx-view>"`;
+exports[`component popup unit test base props check matchSnapshot 1`] = `"<wx-view class=\\"main--cube-popup main--cube-popup_mask main--cube-popup-center\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"main--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"main--cube-popup-content\\" style=\\"\\"><wx-rich-text><wx-view class=\\"rich-text\\">&lt;i style=\\"color:#fc9153\\"&gt;Hello World&lt;/i&gt;</wx-view></wx-rich-text></wx-view></wx-view>"`;
 
-exports[`component popup unit test event check matchSnapshot 1`] = `"<wx-view class=\\"main--cube-popup main--cube-popup_mask main--cube-popup-center main--show main--cube-popup-remove-touch\\" style=\\"z-index:100;\\"><wx-view class=\\"main--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"main--cube-popup-content\\" style=\\"\\"><wx-rich-text><wx-view class=\\"rich-text\\">&lt;i style=\\"color:#fc9153\\"&gt;Hello World&lt;/i&gt;</wx-view></wx-rich-text></wx-view></wx-view>"`;
+exports[`component popup unit test event check matchSnapshot 1`] = `"<wx-view class=\\"main--cube-popup main--cube-popup_mask main--cube-popup-center main--show\\" style=\\"z-index:100;\\"><wx-view class=\\"main--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"main--cube-popup-content\\" style=\\"\\"><wx-rich-text><wx-view class=\\"rich-text\\">&lt;i style=\\"color:#fc9153\\"&gt;Hello World&lt;/i&gt;</wx-view></wx-rich-text></wx-view></wx-view>"`;
 
-exports[`component popup unit test slot check matchSnapshot 1`] = `"<main><wx-view class=\\"main--cube-popup main--cube-popup_mask main--cube-popup-center main--show main--cube-popup-remove-touch\\" style=\\"z-index:100;\\"><wx-view class=\\"main--cube-popup-mask\\" style=\\"\\"><wx-view class=\\"my-mask\\"></wx-view></wx-view><wx-view class=\\"main--cube-popup-content\\" style=\\"\\"></wx-view></wx-view></main>"`;
+exports[`component popup unit test slot check matchSnapshot 1`] = `"<main><wx-view class=\\"main--cube-popup main--cube-popup_mask main--cube-popup-center main--show\\" style=\\"z-index:100;\\"><wx-view class=\\"main--cube-popup-mask\\" style=\\"\\"><wx-view class=\\"my-mask\\"></wx-view></wx-view><wx-view class=\\"main--cube-popup-content\\" style=\\"\\"></wx-view></wx-view></main>"`;
diff --git a/packages/mpx-cube-ui/__tests__/components/popup/popup.spec.js b/packages/mpx-cube-ui/__tests__/components/popup/popup.spec.js
index d9b91537..0a814669 100644
--- a/packages/mpx-cube-ui/__tests__/components/popup/popup.spec.js
+++ b/packages/mpx-cube-ui/__tests__/components/popup/popup.spec.js
@@ -79,7 +79,7 @@ describe('component popup unit test', function() {
         <cube-popup
           id="my-popup"
           visible="{{true}}"
-          bind:touchend="onMaskClick"
+          bind:tap="onMaskClick"
           bind:toggle="onToggle"
         >
           <view slot="default" class="my-content">test</view>
@@ -107,7 +107,7 @@ describe('component popup unit test', function() {
 
       const slotMaskDom = component.querySelector('.my-mask')
       expect(slotMaskDom).toBeTruthy()
-      slotMaskDom.dispatchEvent('touchend')
+      slotMaskDom.dispatchEvent('tap')
       await simulate.sleep(10)
 
       expect(onMaskClick).toHaveBeenCalled()
@@ -132,7 +132,7 @@ describe('component popup unit test', function() {
       component.addEventListener('toggle', onToggleFn)
 
       const mask = component.querySelector('.cube-popup-mask')
-      mask.dispatchEvent('touchend')
+      mask.dispatchEvent('tap')
       await simulate.sleep(10)
 
       expect(component.instance.isVisible).toBe(false)
diff --git a/packages/mpx-cube-ui/__tests__/components/radio-modal/__snapshots__/radio-modal.spec.js.snap b/packages/mpx-cube-ui/__tests__/components/radio-modal/__snapshots__/radio-modal.spec.js.snap
index 212f42fd..df181709 100644
--- a/packages/mpx-cube-ui/__tests__/components/radio-modal/__snapshots__/radio-modal.spec.js.snap
+++ b/packages/mpx-cube-ui/__tests__/components/radio-modal/__snapshots__/radio-modal.spec.js.snap
@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component checkbox-modal unit test render check render 1`] = `"<wx-view class=\\"main--cube-radio-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-radio-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio-group--cube-radio-group\\"><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text1</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label cube-radio--cube-radio-label_checked\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text2</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text3</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio></wx-view></cube-radio-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
+exports[`component checkbox-modal unit test render check render 1`] = `"<wx-view class=\\"main--cube-radio-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-radio-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio-group--cube-radio-group\\"><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text1</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label cube-radio--cube-radio-label_checked\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text2</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text3</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio></wx-view></cube-radio-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
 
-exports[`component checkbox-modal unit test render check render 2`] = `"<wx-view class=\\"main--cube-radio-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-bottom cube-popup--show cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--move-up\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-radio-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio-group--cube-radio-group\\"><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text1</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label cube-radio--cube-radio-label_checked\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text2</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text3</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio></wx-view></cube-radio-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
+exports[`component checkbox-modal unit test render check render 2`] = `"<wx-view class=\\"main--cube-radio-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup_transition cube-popup--cube-popup-bottom cube-popup--show\\" style=\\"z-index:100;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--move-up\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-radio-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio-group--cube-radio-group\\"><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text1</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label cube-radio--cube-radio-label_checked\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text2</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text3</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio></wx-view></cube-radio-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
 
-exports[`component checkbox-modal unit test render check render 3`] = `"<wx-view class=\\"main--cube-radio-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-radio-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio-group--cube-radio-group\\"><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text1</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label cube-radio--cube-radio-label_checked\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text2</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text3</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio></wx-view></cube-radio-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
+exports[`component checkbox-modal unit test render check render 3`] = `"<wx-view class=\\"main--cube-radio-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-radio-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio-group--cube-radio-group\\"><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text1</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label cube-radio--cube-radio-label_checked\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text2</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text3</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio></wx-view></cube-radio-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
 
-exports[`component checkbox-modal unit test render check render 4`] = `"<wx-view class=\\"main--cube-radio-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-radio-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio-group--cube-radio-group\\"><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text1</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label cube-radio--cube-radio-label_checked\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text2</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text3</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio></wx-view></cube-radio-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
+exports[`component checkbox-modal unit test render check render 4`] = `"<wx-view class=\\"main--cube-radio-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-radio-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio-group--cube-radio-group\\"><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text1</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label cube-radio--cube-radio-label_checked\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text2</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text3</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio></wx-view></cube-radio-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
 
-exports[`component checkbox-modal unit test render check render 5`] = `"<wx-view class=\\"main--cube-radio-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-radio-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio-group--cube-radio-group\\"><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text1</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label cube-radio--cube-radio-label_checked\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text2</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text3</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio></wx-view></cube-radio-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
+exports[`component checkbox-modal unit test render check render 5`] = `"<wx-view class=\\"main--cube-radio-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><cube-radio-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio-group--cube-radio-group\\"><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text1</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label cube-radio--cube-radio-label_checked\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text2</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio><cube-radio style=\\"\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio--cube-radio\\"><wx-label class=\\"cube-radio--cube-radio-label\\"><wx-view class=\\"cube-radio--cube-radio-ui\\"><wx-view class=\\"cube-radio--cube-radio-inner-ui\\"></wx-view></wx-view><wx-view class=\\"cube-radio--cube-radio-text-wrap\\"><wx-view><wx-view class=\\"cube-radio--cube-radio-text\\">text3</wx-view></wx-view></wx-view></wx-label></wx-view></cube-radio></wx-view></cube-radio-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view>"`;
 
-exports[`component checkbox-modal unit test slot check render correct 1`] = `"<main class=\\"radio-modal\\"><wx-view class=\\"main--cube-radio-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><wx-view class=\\"subtitle-slot\\">subtitle-slot</wx-view><cube-radio-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio-group--cube-radio-group\\"></wx-view></cube-radio-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view></main>"`;
+exports[`component checkbox-modal unit test slot check render correct 1`] = `"<main class=\\"radio-modal\\"><wx-view class=\\"main--cube-radio-modal\\"><cube-modal class=\\"main--ref_modal_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view><wx-view class=\\"subtitle-slot\\">subtitle-slot</wx-view><cube-radio-group data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-radio-group--cube-radio-group\\"></wx-view></cube-radio-group></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></wx-view></main>"`;
diff --git a/packages/mpx-cube-ui/__tests__/components/radio-modal/radio-modal.spec.js b/packages/mpx-cube-ui/__tests__/components/radio-modal/radio-modal.spec.js
index df0d0fca..77861489 100644
--- a/packages/mpx-cube-ui/__tests__/components/radio-modal/radio-modal.spec.js
+++ b/packages/mpx-cube-ui/__tests__/components/radio-modal/radio-modal.spec.js
@@ -119,7 +119,7 @@ describe('component checkbox-modal unit test', function () {
       const popup = component.querySelector('cube-modal').querySelector('cube-popup')
       const showDom = popup.querySelector('.cube-popup').dom
       const maskDom = popup.querySelector('.cube-popup-mask')
-      maskDom.dispatchEvent('touchend')
+      maskDom.dispatchEvent('tap')
       await simulate.sleep(10)
       expect(showDom.className).not.toMatch('show')
     })
@@ -227,7 +227,7 @@ describe('component checkbox-modal unit test', function () {
       component.addEventListener('close', maskFn)
       const popup = component.querySelector('cube-modal').querySelector('cube-popup')
       const maskDom = popup.querySelector('.cube-popup-mask')
-      maskDom.dispatchEvent('touchend')
+      maskDom.dispatchEvent('tap')
       await simulate.sleep(10)
       expect(maskFn).toHaveBeenCalled()
     })
diff --git a/packages/mpx-cube-ui/__tests__/components/slider/__snapshots__/slider.spec.js.snap b/packages/mpx-cube-ui/__tests__/components/slider/__snapshots__/slider.spec.js.snap
new file mode 100644
index 00000000..423a1365
--- /dev/null
+++ b/packages/mpx-cube-ui/__tests__/components/slider/__snapshots__/slider.spec.js.snap
@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`component slider unit test event check change event 1`] = `"<wx-view style=\\"margin-left:18px;margin-right:18px;\\" class=\\"main--cube-slider\\"><wx-view class=\\"main--cube-slider-tab-area\\" style=\\"padding-top:14px;padding-bottom:14px;\\"><wx-view class=\\"main--cube-slider-handle\\" style=\\"left:0%;\\"><wx-view class=\\"main--cube-slider-thumb-custom\\" style=\\"display:none;width:28px;height:28px;\\"></wx-view><wx-view class=\\"main--cube-slider-thumb\\" style=\\"width:28px;height:28px;\\"></wx-view></wx-view><wx-view class=\\"main--cube-slider-track\\" style=\\"\\"><wx-view class=\\"main--cube-slider-step\\" style=\\"width:0%;\\"></wx-view></wx-view></wx-view></wx-view>"`;
+
+exports[`component slider unit test event check changing event 1`] = `"<wx-view style=\\"margin-left:18px;margin-right:18px;\\" class=\\"main--cube-slider\\"><wx-view class=\\"main--cube-slider-tab-area\\" style=\\"padding-top:14px;padding-bottom:14px;\\"><wx-view class=\\"main--cube-slider-handle\\" style=\\"left:0%;\\"><wx-view class=\\"main--cube-slider-thumb-custom\\" style=\\"display:none;width:28px;height:28px;\\"></wx-view><wx-view class=\\"main--cube-slider-thumb\\" style=\\"width:28px;height:28px;\\"></wx-view></wx-view><wx-view class=\\"main--cube-slider-track\\" style=\\"\\"><wx-view class=\\"main--cube-slider-step\\" style=\\"width:0%;\\"></wx-view></wx-view></wx-view></wx-view>"`;
+
+exports[`component slider unit test event check disabled event check 1`] = `"<wx-view style=\\"margin-left:18px;margin-right:18px;\\" class=\\"main--cube-slider\\"><wx-view class=\\"main--cube-slider-tab-area\\" style=\\"padding-top:14px;padding-bottom:14px;\\"><wx-view class=\\"main--cube-slider-handle\\" style=\\"left:0%;\\"><wx-view class=\\"main--cube-slider-thumb-custom\\" style=\\"display:none;width:28px;height:28px;\\"></wx-view><wx-view class=\\"main--cube-slider-thumb\\" style=\\"width:28px;height:28px;\\"></wx-view></wx-view><wx-view class=\\"main--cube-slider-track\\" style=\\"\\"><wx-view class=\\"main--cube-slider-step\\" style=\\"width:0%;\\"></wx-view></wx-view></wx-view></wx-view>"`;
+
+exports[`component slider unit test props check props 1`] = `"<wx-view style=\\"margin-left:18px;margin-right:18px;\\" class=\\"main--cube-slider\\"><wx-view class=\\"main--cube-slider-tab-area\\" style=\\"padding-top:14px;padding-bottom:14px;\\"><wx-view class=\\"main--cube-slider-handle\\" style=\\"left:0%;\\"><wx-view class=\\"main--cube-slider-thumb-custom\\" style=\\"display:;width:28px;height:28px;\\"></wx-view></wx-view><wx-view class=\\"main--cube-slider-track\\" style=\\"background-color:#fff;\\"><wx-view class=\\"main--cube-slider-step\\" style=\\"width:0%;background-color:#ff7e33;\\"></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-slider-value\\"><wx-text>50</wx-text></wx-view></wx-view>"`;
+
+exports[`component slider unit test render check render 1`] = `"<wx-view style=\\"margin-left:18px;margin-right:18px;\\" class=\\"main--cube-slider\\"><wx-view class=\\"main--cube-slider-tab-area\\" style=\\"padding-top:14px;padding-bottom:14px;\\"><wx-view class=\\"main--cube-slider-handle\\" style=\\"left:0%;\\"><wx-view class=\\"main--cube-slider-thumb-custom\\" style=\\"display:none;width:28px;height:28px;\\"></wx-view><wx-view class=\\"main--cube-slider-thumb\\" style=\\"width:28px;height:28px;\\"></wx-view></wx-view><wx-view class=\\"main--cube-slider-track\\" style=\\"\\"><wx-view class=\\"main--cube-slider-step\\" style=\\"width:0%;\\"></wx-view></wx-view></wx-view></wx-view>"`;
+
+exports[`component slider unit test render check render 2`] = `"<wx-view style=\\"margin-left:18px;margin-right:18px;\\" class=\\"main--cube-slider\\"><wx-view class=\\"main--cube-slider-tab-area\\" style=\\"padding-top:14px;padding-bottom:14px;\\"><wx-view class=\\"main--cube-slider-handle\\" style=\\"left:0%;\\"><wx-view class=\\"main--cube-slider-thumb-custom\\" style=\\"display:none;width:28px;height:28px;\\"></wx-view><wx-view class=\\"main--cube-slider-thumb\\" style=\\"width:28px;height:28px;\\"></wx-view></wx-view><wx-view class=\\"main--cube-slider-track\\" style=\\"\\"><wx-view class=\\"main--cube-slider-step\\" style=\\"width:0%;\\"></wx-view></wx-view></wx-view><wx-view class=\\"main--cube-slider-value\\"><wx-text>0</wx-text></wx-view></wx-view>"`;
+
+exports[`component slider unit test render check render 3`] = `"<wx-view style=\\"margin-left:18px;margin-right:18px;\\" class=\\"main--cube-slider\\"><wx-view class=\\"main--cube-slider-tab-area\\" style=\\"padding-top:14px;padding-bottom:14px;\\"><wx-view class=\\"main--cube-slider-handle\\" style=\\"left:0%;\\"><wx-view class=\\"main--cube-slider-thumb-custom\\" style=\\"display:;width:28px;height:28px;\\"></wx-view></wx-view><wx-view class=\\"main--cube-slider-track\\" style=\\"\\"><wx-view class=\\"main--cube-slider-step\\" style=\\"width:0%;\\"></wx-view></wx-view></wx-view></wx-view>"`;
+
+exports[`component slider unit test slot check matchSnapshot 1`] = `"<main><wx-view style=\\"margin-left:18px;margin-right:18px;\\" class=\\"main--cube-slider\\"><wx-view class=\\"main--cube-slider-tab-area\\" style=\\"padding-top:14px;padding-bottom:14px;\\"><wx-view class=\\"main--cube-slider-handle\\" style=\\"left:30%;\\"><wx-view class=\\"main--cube-slider-thumb-custom\\" style=\\"display:;width:28px;height:28px;\\"><wx-view class=\\"slider-thumb\\">123</wx-view></wx-view></wx-view><wx-view class=\\"main--cube-slider-track\\" style=\\"\\"><wx-view class=\\"main--cube-slider-step\\" style=\\"width:30%;\\"></wx-view></wx-view></wx-view></wx-view></main>"`;
diff --git a/packages/mpx-cube-ui/__tests__/components/slider/slider.spec.js b/packages/mpx-cube-ui/__tests__/components/slider/slider.spec.js
new file mode 100644
index 00000000..cb9ffce9
--- /dev/null
+++ b/packages/mpx-cube-ui/__tests__/components/slider/slider.spec.js
@@ -0,0 +1,169 @@
+const simulate = require('@mpxjs/miniprogram-simulate')
+
+describe('component slider unit test', function () {
+  const componentId = simulate.loadMpx('src/components/slider/index.mpx')
+
+  function newComponent(props) {
+    const component = simulate.render(componentId, props)
+    const parent = document.createElement('parent')
+    component.attach(parent) // 会触发 attach 生命周期
+    return component
+  }
+
+  async function snapTest(props) {
+    const component = newComponent(props)
+    await simulate.sleep(10)
+    expect(component.dom.innerHTML).toMatchSnapshot()
+  }
+
+  describe('render check', () => {
+    it('render', async () => {
+      await snapTest()
+      await snapTest({
+        showValue: true
+      })
+      await snapTest({
+        customContent: true
+      })
+    })
+  })
+
+  describe('event check', () => {
+    it('change event', async () => {
+      const component = newComponent()
+      expect(component.dom.innerHTML).toMatchSnapshot()
+      const change = jest.fn()
+      // 触发组件树中的节点自定义事件
+      component.addEventListener('change', change)
+      const tabArea = component.querySelector('.cube-slider-tab-area')
+      tabArea.dispatchEvent('tap')
+      await simulate.sleep(10)
+      expect(change).toHaveBeenCalled()
+    })
+
+    it('changing event', async () => {
+      const component = newComponent()
+      expect(component.dom.innerHTML).toMatchSnapshot()
+      const change = jest.fn()
+      const changing = jest.fn()
+      // 触发组件树中的节点自定义事件
+      component.addEventListener('change', change)
+      component.addEventListener('changing', changing)
+      const sliderHandle = component.querySelector('.cube-slider-handle')
+      sliderHandle.dispatchEvent('touchstart')
+      sliderHandle.dispatchEvent('touchmove')
+      sliderHandle.dispatchEvent('touchend')
+      await simulate.sleep(10)
+      expect(change).toHaveBeenCalled()
+      expect(changing).toHaveBeenCalled()
+    })
+
+    // disabled情况下不触发事件
+    it('disabled event check', async () => {
+      const component = newComponent({ disabled: true })
+      expect(component.dom.innerHTML).toMatchSnapshot()
+      const change = jest.fn()
+      const change2 = jest.fn()
+      const changing = jest.fn()
+      // 触发组件树中的节点自定义事件
+      component.addEventListener('change', change)
+      component.addEventListener('changing', changing)
+      const tabArea = component.querySelector('.cube-slider-tab-area')
+      const sliderHandle = component.querySelector('.cube-slider-handle')
+      tabArea.dispatchEvent('tap')
+      sliderHandle.dispatchEvent('touchstart')
+      sliderHandle.dispatchEvent('touchmove')
+      sliderHandle.dispatchEvent('touchend')
+      await simulate.sleep(10)
+      expect(change).not.toHaveBeenCalled()
+      expect(change2).not.toHaveBeenCalled()
+      expect(changing).not.toHaveBeenCalled()
+    })
+  })
+
+  describe('props check', () => {
+    it('prop default', async () => {
+      const DEFAULT_PROPS = {
+        min: 0,
+        max: 100,
+        step: 1,
+        disabled: false,
+        value: 0,
+        backgroundColor: '',
+        activeColor: '',
+        'block-size': 28,
+        'block-color': '',
+        showValue: false,
+        customContent: false
+      }
+      const component = newComponent()
+      const data = component.instance.data
+      expect(data.min).toBe(DEFAULT_PROPS.min)
+      expect(data.max).toBe(DEFAULT_PROPS.max)
+      expect(data.step).toBe(DEFAULT_PROPS.step)
+      expect(data.disabled).toBe(DEFAULT_PROPS.disabled)
+      expect(data.currentValue).toBe(DEFAULT_PROPS.value)
+      expect(data.backgroundColor).toBe(DEFAULT_PROPS.backgroundColor)
+      expect(data.activeColor).toBe(DEFAULT_PROPS.activeColor)
+      expect(data['block-size']).toBe(DEFAULT_PROPS['block-size'])
+      expect(data['block-color']).toBe(DEFAULT_PROPS['block-color'])
+      expect(data.showValue).toBe(DEFAULT_PROPS.showValue)
+      expect(data.customContent).toBe(DEFAULT_PROPS.customContent)
+    })
+
+    it('props', async () => {
+      // 中横线的props不支持（实际上没问题），暂时没测，比如'block-size'、'block-color'
+      const PROPS = {
+        min: 50,
+        max: 200,
+        step: 2,
+        disabled: true,
+        value: 50,
+        backgroundColor: '#fff',
+        activeColor: '#ff7e33',
+        showValue: true,
+        customContent: true
+      }
+      const component = newComponent(PROPS)
+      const data = component.instance.data
+      await simulate.sleep(10)
+      expect(component.dom.innerHTML).toMatchSnapshot()
+      expect(data.min).toBe(PROPS.min)
+      expect(data.max).toBe(PROPS.max)
+      expect(data.step).toBe(PROPS.step)
+      expect(data.disabled).toBe(PROPS.disabled)
+      expect(data.currentValue).toBe(PROPS.value)
+      expect(data.backgroundColor).toBe(PROPS.backgroundColor)
+      expect(data.activeColor).toBe(PROPS.activeColor)
+      expect(data.showValue).toBe(PROPS.showValue)
+      expect(data.customContent).toBe(PROPS.customContent)
+    })
+  })
+
+  describe('slot check', () => {
+    const text = '123'
+    const component = simulate.render(simulate.load({
+      usingComponents: {
+        'cube-slider': componentId
+      },
+      template: `
+        <cube-slider
+          value="{{ 30 }}"
+          custom-content="{{true}}"
+        >
+          <view class="slider-thumb">${text}</view>
+        </cube-slider>
+      `
+    }))
+    component.attach(document.createElement('parent'))
+
+    it('matchSnapshot', () => {
+      expect(component.dom.innerHTML).toMatchSnapshot()
+    })
+
+    it('check render correct contents', () => {
+      const text = component.querySelector('.slider-thumb').dom.innerHTML
+      expect(text).toBe(text)
+    })
+  })
+})
diff --git a/packages/mpx-cube-ui/__tests__/components/time-picker-modal/__snapshots__/time-picker-modal.spec.js.snap b/packages/mpx-cube-ui/__tests__/components/time-picker-modal/__snapshots__/time-picker-modal.spec.js.snap
index 600d3fed..97d4ec28 100644
--- a/packages/mpx-cube-ui/__tests__/components/time-picker-modal/__snapshots__/time-picker-modal.spec.js.snap
+++ b/packages/mpx-cube-ui/__tests__/components/time-picker-modal/__snapshots__/time-picker-modal.spec.js.snap
@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component picker unit test  props:day check  matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月份11号</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月份12号</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月份13号</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月份14号</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
+exports[`component picker unit test  props:day check  matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月份11号</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月份12号</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月份13号</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月份14号</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
 
-exports[`component picker unit test  props:delay check  matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
+exports[`component picker unit test  props:delay check  matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
 
-exports[`component picker unit test  props:showNow check  matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
+exports[`component picker unit test  props:showNow check  matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
 
-exports[`component picker unit test base props check matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-title\\">我是标题</wx-view><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">内容</wx-view></wx-rich-text><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
+exports[`component picker unit test base props check matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-title\\">我是标题</wx-view><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-rich-text><wx-view class=\\"rich-text\\">内容</wx-view></wx-rich-text><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
 
-exports[`component picker unit test props: min check  matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
+exports[`component picker unit test props: min check  matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
 
-exports[`component picker unit test props:minuteStep check matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">35分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">45分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">55分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
+exports[`component picker unit test props:minuteStep check matchSnapshot 1`] = `"<cube-picker-modal-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-modal\\" data-eventconfigs=\\"[object Object]\\"><cube-modal class=\\"cube-picker-modal-base--cube-picker-modal-base cube-picker-modal-base--ref_choosePopup_1\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-modal--cube-modal cube-modal--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-section\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-header\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-close\\"><wx-view class=\\"cube-modal--cube-modal-close-icon\\"><cube-icon><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-close\\" style=\\"\\"></wx-view></cube-icon></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-body\\" style=\\"\\"><wx-view class=\\"cube-modal--cube-modal-main\\"><wx-view class=\\"cube-modal--cube-modal-content\\"><wx-view class=\\"cube-picker-modal-base--cube-picker-modal-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">35分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">45分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">55分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view><wx-view class=\\"cube-modal--cube-modal-footer\\" style=\\"\\"><cube-confirm-button-group class=\\"cube-modal--cube-modal-confirm-button-group\\"><cube-button-group class=\\"cube-confirm-button-group--cube-confirm-button-group cube-confirm-button-group--cube-confirm-button-group_vertical\\"><wx-view class=\\"cube-button-group--cube-button-group cube-button-group--cube-button-group_vertical\\"><cube-button class=\\"cube-confirm-button-group--cube-option-confirm-button\\"><wx-button style=\\"\\" class=\\"cube-button--cube-btn cube-button--cube-btn-primary\\"><wx-view class=\\"cube-button--cube-btn-content\\" style=\\"\\">确定</wx-view></wx-button></cube-button></wx-view></cube-button-group></cube-confirm-button-group></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-modal></cube-picker-modal-base>"`;
diff --git a/packages/mpx-cube-ui/__tests__/components/time-picker-popup/__snapshots__/time-picker-popup.spec.js.snap b/packages/mpx-cube-ui/__tests__/components/time-picker-popup/__snapshots__/time-picker-popup.spec.js.snap
index c994b048..54d792e7 100644
--- a/packages/mpx-cube-ui/__tests__/components/time-picker-popup/__snapshots__/time-picker-popup.spec.js.snap
+++ b/packages/mpx-cube-ui/__tests__/components/time-picker-popup/__snapshots__/time-picker-popup.spec.js.snap
@@ -1,15 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component picker unit test  props:day check  matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\"></wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月份11号</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月份12号</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月份13号</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月份14号</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
+exports[`component picker unit test  props:day check  matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\"></wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月份11号</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月份12号</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月份13号</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月份14号</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
 
-exports[`component picker unit test  props:delay check  matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\"></wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">00分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
+exports[`component picker unit test  props:delay check  matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\"></wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">00分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
 
-exports[`component picker unit test  props:showNow check  matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\"></wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">00分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
+exports[`component picker unit test  props:showNow check  matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\"></wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">00分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">10分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
 
-exports[`component picker unit test base props check matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消文案</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\">我是标题</wx-view></wx-rich-text></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-subtitle\\"><wx-rich-text><wx-view class=\\"rich-text\\">副标题</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认文案</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
+exports[`component picker unit test base props check matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消文案</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\">我是标题</wx-view></wx-rich-text></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-subtitle\\"><wx-rich-text><wx-view class=\\"rich-text\\">副标题</wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认文案</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
 
-exports[`component picker unit test props: max check  matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\"></wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月7日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月8日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月9日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月10日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
+exports[`component picker unit test props: max check  matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\"></wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月7日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月8日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月9日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月10日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
 
-exports[`component picker unit test props: min check  matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\"></wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
+exports[`component picker unit test props: min check  matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\"></wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">30分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
 
-exports[`component picker unit test props:minuteStep check matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom cube-popup--cube-popup-remove-touch\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\"></wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">35分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">45分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">55分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
+exports[`component picker unit test props:minuteStep check matchSnapshot 1`] = `"<cube-picker-popup-base class=\\"main--ref_choosePopup_1 main--cube-time-picker-popup\\" data-eventconfigs=\\"[object Object]\\"><cube-popup class=\\"cube-picker-popup-base--cube-picker-popup-base cube-picker-popup-base--ref_popup_1\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_mask_fade_transition cube-popup--cube-popup-bottom\\" style=\\"z-index:100;pointer-events:none;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"pointer-events:none;\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content\\" style=\\"\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-panel\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-header\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-cancel\\">取消</wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title-group\\"><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-title\\"><wx-rich-text><wx-view class=\\"rich-text\\"></wx-view></wx-rich-text></wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-confirm\\">确认</wx-view></wx-view><wx-view class=\\"cube-picker-popup-base--cube-picker-popup-content\\"><cube-time-picker class=\\"main--ref_picker_2\\"><cube-cascade-picker class=\\"cube-time-picker--ref_picker_1 cube-time-picker--cube-time-picker\\"><cube-picker class=\\"cube-cascade-picker--ref_picker_1 cube-cascade-picker--cube-cascade-picker\\"><wx-view class=\\"cube-picker--cube-picker\\"><wx-picker-view class=\\"cube-picker--cube-picker-wheel-wrapper\\"><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:0\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月11日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月12日</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12月13日</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:1\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">12点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">13点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">14点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">15点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">16点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">17点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">18点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">19点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">20点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">21点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">22点</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">23点</wx-view></wx-picker-view-column><wx-picker-view-column class=\\"cube-picker--cube-picker-wheel-scroll\\" style=\\"order:2\\"><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">35分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">40分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">45分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">50分</wx-view><wx-view class=\\"cube-picker--cube-picker-wheel-item\\">55分</wx-view></wx-picker-view-column></wx-picker-view></wx-view></cube-picker></cube-cascade-picker></cube-time-picker></wx-view></wx-view></wx-view></wx-view></cube-popup></cube-picker-popup-base>"`;
diff --git a/packages/mpx-cube-ui/__tests__/components/toast/__snapshots__/toast.spec.js.snap b/packages/mpx-cube-ui/__tests__/components/toast/__snapshots__/toast.spec.js.snap
index b0d1c8de..a4040aad 100644
--- a/packages/mpx-cube-ui/__tests__/components/toast/__snapshots__/toast.spec.js.snap
+++ b/packages/mpx-cube-ui/__tests__/components/toast/__snapshots__/toast.spec.js.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`component toast unit test base props check matchSnapshot 1`] = `"<cube-popup class=\\"main--ref_popup_1 main--cube-toast\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show cube-popup--cube-popup-remove-touch\\" style=\\"z-index:900;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--fade\\" style=\\"\\"><wx-view class=\\"main--cube-toast-content\\"><wx-view class=\\"main--toast-slot-icon\\"></wx-view><cube-icon class=\\"main--cube-toast-icon\\"><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-delete\\" style=\\"\\"></wx-view></cube-icon><wx-view class=\\"main--cube-toast-tip\\">hello toast</wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[`component toast unit test base props check matchSnapshot 1`] = `"<cube-popup class=\\"main--ref_popup_1 main--cube-toast\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show\\" style=\\"z-index:900;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--fade\\" style=\\"\\"><wx-view class=\\"main--cube-toast-content\\"><wx-view class=\\"main--toast-slot-icon\\"></wx-view><cube-icon class=\\"main--cube-toast-icon\\"><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-delete\\" style=\\"\\"></wx-view></cube-icon><wx-view class=\\"main--cube-toast-tip\\">hello toast</wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[`component toast unit test event check matchSnapshot 1`] = `"<cube-popup class=\\"main--ref_popup_1 main--cube-toast\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show cube-popup--cube-popup-remove-touch\\" style=\\"z-index:900;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--fade\\" style=\\"\\"><wx-view class=\\"main--cube-toast-content\\"><wx-view class=\\"main--toast-slot-icon\\"></wx-view><cube-icon class=\\"main--cube-toast-icon\\"><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-delete\\" style=\\"\\"></wx-view></cube-icon><wx-view class=\\"main--cube-toast-tip\\">hello toast</wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
+exports[`component toast unit test event check matchSnapshot 1`] = `"<cube-popup class=\\"main--ref_popup_1 main--cube-toast\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_mask cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show\\" style=\\"z-index:900;\\"><wx-view class=\\"cube-popup--cube-popup-mask\\" style=\\"\\"></wx-view><wx-view class=\\"cube-popup--cube-popup-content cube-popup--fade\\" style=\\"\\"><wx-view class=\\"main--cube-toast-content\\"><wx-view class=\\"main--toast-slot-icon\\"></wx-view><cube-icon class=\\"main--cube-toast-icon\\"><wx-view class=\\"cube-icon--cubeic cube-icon--cubeic cube-icon--cubeic-delete\\" style=\\"\\"></wx-view></cube-icon><wx-view class=\\"main--cube-toast-tip\\">hello toast</wx-view></wx-view></wx-view></wx-view></cube-popup>"`;
 
-exports[`component toast unit test slot check matchSnapshot 1`] = `"<main><cube-popup class=\\"main--ref_popup_1 main--cube-toast\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show cube-popup--cube-popup-remove-touch\\" style=\\"z-index:900;\\"><wx-view class=\\"cube-popup--cube-popup-content cube-popup--fade\\" style=\\"\\"><wx-view class=\\"main--cube-toast-content\\"><wx-view class=\\"main--toast-slot-icon\\"><wx-image class=\\"custom-img\\"><wx-view class=\\"my-image\\">https://dpubstatic.udache.com/static/dpubimg/c40384a2-25ef-4781-8e08-44447823d861.png</wx-view></wx-image></wx-view><wx-view class=\\"main--cube-toast-tip\\">请输入乘车人手机号</wx-view></wx-view></wx-view></wx-view></cube-popup></main>"`;
+exports[`component toast unit test slot check matchSnapshot 1`] = `"<main><cube-popup class=\\"main--ref_popup_1 main--cube-toast\\" data-eventconfigs=\\"[object Object]\\"><wx-view class=\\"cube-popup--cube-popup cube-popup--cube-popup_transition cube-popup--cube-popup-center cube-popup--show\\" style=\\"z-index:900;\\"><wx-view class=\\"cube-popup--cube-popup-content cube-popup--fade\\" style=\\"\\"><wx-view class=\\"main--cube-toast-content\\"><wx-view class=\\"main--toast-slot-icon\\"><wx-image class=\\"custom-img\\"><wx-view class=\\"my-image\\">https://dpubstatic.udache.com/static/dpubimg/c40384a2-25ef-4781-8e08-44447823d861.png</wx-view></wx-image></wx-view><wx-view class=\\"main--cube-toast-tip\\">请输入乘车人手机号</wx-view></wx-view></wx-view></wx-view></cube-popup></main>"`;
diff --git a/packages/mpx-cube-ui/__tests__/components/toast/toast.spec.js b/packages/mpx-cube-ui/__tests__/components/toast/toast.spec.js
index b3f5121f..7111d81c 100644
--- a/packages/mpx-cube-ui/__tests__/components/toast/toast.spec.js
+++ b/packages/mpx-cube-ui/__tests__/components/toast/toast.spec.js
@@ -65,7 +65,7 @@ describe('component toast unit test', function() {
       component.addEventListener('toggle', onToggleFn)
       expect(component.instance.data.isVisible).toBe(true)
       const mask = component.querySelector('.cube-toast').querySelector('.cube-popup-mask')
-      mask.dispatchEvent('touchend')
+      mask.dispatchEvent('tap')
       await simulate.sleep(5)
 
       expect(component.instance.data.isVisible).toBe(false)
diff --git a/packages/mpx-cube-ui/lib/common/stylus/theme/components/slider.styl b/packages/mpx-cube-ui/lib/common/stylus/theme/components/slider.styl
new file mode 100644
index 00000000..195363a0
--- /dev/null
+++ b/packages/mpx-cube-ui/lib/common/stylus/theme/components/slider.styl
@@ -0,0 +1,5 @@
+// @type slider
+$slider-active-color := $var(color-primary) // 已选择的颜色
+$slider-background-color := #e9e9e9 // 背景条的颜色
+$slider-block-color := #ffffff // 滑块的颜色
+$slider-track-height := 2px // 轨道高度
\ No newline at end of file
diff --git a/packages/mpx-cube-ui/lib/components/button/button.js b/packages/mpx-cube-ui/lib/components/button/button.js
index e720b694..92acd2bc 100644
--- a/packages/mpx-cube-ui/lib/components/button/button.js
+++ b/packages/mpx-cube-ui/lib/components/button/button.js
@@ -221,6 +221,13 @@ createComponent({
                 return res;
             }
             return {};
+        },
+        hiddenStyle() {
+            // RN 端使用 opacity 控制显示隐藏
+            if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') {
+                return this.loading ? { opacity: 0 } : null;
+            }
+            return null;
         }
     },
     methods: {
diff --git a/packages/mpx-cube-ui/lib/components/button/index.mpx b/packages/mpx-cube-ui/lib/components/button/index.mpx
index 3b854833..bd3de1d8 100644
--- a/packages/mpx-cube-ui/lib/components/button/index.mpx
+++ b/packages/mpx-cube-ui/lib/components/button/index.mpx
@@ -35,11 +35,12 @@
       size="{{ iconSize }}"
       wx:if="{{ icon }}"
       type="{{ icon }}"
+      wx:style="{{ hiddenStyle }}"
     />
-    <view class="cube-btn-content" numberOfLines="{{ 1 }}" wx:class="{{ contentClass }}" wx:style="{{ styleConfig.content }}">
+    <view class="cube-btn-content" numberOfLines="{{ 1 }}" wx:class="{{ contentClass }}" wx:style="{{ styleConfig.content, hiddenStyle }}">
       <slot />
     </view>
-    <view class="cube-btn-tip" wx:class="{{ tipClass }}" wx:if="{{ tip }}">
+    <view class="cube-btn-tip" wx:class="{{ tipClass }}" wx:if="{{ tip }}" wx:style="{{ hiddenStyle }}">
       <text class="cube-btn-tip-text" numberOfLines="{{ 1 }}">{{tip}}</text>
     </view>
     <slot name="tip" />
diff --git a/packages/mpx-cube-ui/lib/components/button/loading/css.rn.styl b/packages/mpx-cube-ui/lib/components/button/loading/css.rn.styl
index 36971f9f..b5c6c2ba 100644
--- a/packages/mpx-cube-ui/lib/components/button/loading/css.rn.styl
+++ b/packages/mpx-cube-ui/lib/components/button/loading/css.rn.styl
@@ -34,7 +34,7 @@
   left (- $btn-loading-dot-spacing-size - $btn-loading-dot-size)
 .cube-loading-origin-after
   right (- $btn-loading-dot-spacing-size - $btn-loading-dot-size)
-  animation-delay ($btn-loading-duration / 2)
+  // animation-delay ($btn-loading-duration / 2)
 
 .cube-loading-middle-dot
   width 100%
diff --git a/packages/mpx-cube-ui/lib/components/button/loading/index.mpx b/packages/mpx-cube-ui/lib/components/button/loading/index.mpx
index f63196bb..f9a10f24 100644
--- a/packages/mpx-cube-ui/lib/components/button/loading/index.mpx
+++ b/packages/mpx-cube-ui/lib/components/button/loading/index.mpx
@@ -1,11 +1,11 @@
 <template>
   <view class="cube-loading">
     <view class="cube-loading-content">
-      <view @_ios|_android|_harmony class="cube-loading-origin-before"></view>
+      <view @_ios|_android|_harmony class="cube-loading-origin-before" animation="{{ beforeAnim }}"></view>
       <view class="cube-loading-origin">
-        <view class="cube-loading-middle-dot"></view>
+        <view class="cube-loading-middle-dot" animation="{{ middleAnim }}"></view>
       </view>
-      <view @_ios|_android|_harmony class="cube-loading-origin-after"></view>
+      <view @_ios|_android|_harmony class="cube-loading-origin-after" animation="{{ afterAnim }}"></view>
     </view>
   </view>
 </template>
diff --git a/packages/mpx-cube-ui/lib/components/button/loading/loading.js b/packages/mpx-cube-ui/lib/components/button/loading/loading.js
index 8b8aea71..65349f67 100644
--- a/packages/mpx-cube-ui/lib/components/button/loading/loading.js
+++ b/packages/mpx-cube-ui/lib/components/button/loading/loading.js
@@ -1,2 +1,5 @@
-import { createComponent } from '../../../common/helper/create-component';
-createComponent({});
+import { createComponent } from '@mpxjs/core';
+import rnMixin from './rn-mixin';
+createComponent({
+    mixins: [rnMixin]
+});
diff --git a/packages/mpx-cube-ui/lib/components/button/loading/rn-mixin.js b/packages/mpx-cube-ui/lib/components/button/loading/rn-mixin.js
new file mode 100644
index 00000000..ac36130a
--- /dev/null
+++ b/packages/mpx-cube-ui/lib/components/button/loading/rn-mixin.js
@@ -0,0 +1,71 @@
+import mpx, { getMixin } from '@mpxjs/core';
+let mixin = {};
+if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') {
+    const DURATION = 2000;
+    const NORMAL_COLOR = '#ccc';
+    const SECONDARY_COLOR = 'rgba(204, 204, 204, 0.4)';
+    const ACTIVE_COLOR = '#fff';
+    mixin = {
+        data: {
+            beforeAnim: {},
+            middleAnim: {},
+            afterAnim: {}
+        },
+        lifetimes: {
+            ready() {
+                this.timer = null;
+                this.count = 0;
+                this.time = 0;
+                this.startAnim();
+            },
+            detached() {
+                if (this.timer) {
+                    clearInterval(this.timer);
+                    this.timer = null;
+                }
+            }
+        },
+        methods: {
+            startAnim() {
+                if ((this.count - 1) % 3 === 0 || (this.count - 2) % 3 === 0) {
+                    this.time = 500;
+                }
+                else if (this.count !== 0 && this.count % 3 === 0) {
+                    this.time = 1000;
+                }
+                this.timer = setTimeout(() => {
+                    if (this.count % 3 === 0) {
+                        this.executeAnim('beforeAnim');
+                    }
+                    else if ((this.count - 1) % 3 === 0) {
+                        this.executeAnim('middleAnim');
+                    }
+                    else if ((this.count - 2) % 3 === 0) {
+                        this.executeAnim('afterAnim');
+                    }
+                    this.startAnim();
+                }, this.time);
+            },
+            executeAnim(animName) {
+                this.count++;
+                this[animName] = {};
+                this.$nextTick(() => {
+                    this[animName] = this.createDotAnimation();
+                });
+            },
+            createDotAnimation() {
+                const duration = DURATION / 4;
+                const animation = mpx.createAnimation({
+                    duration: DURATION,
+                    timingFunction: 'linear'
+                });
+                animation.scale(1).backgroundColor(NORMAL_COLOR).step({ duration });
+                animation.scale(1.3).backgroundColor(SECONDARY_COLOR).step({ duration });
+                animation.scale(1).backgroundColor(ACTIVE_COLOR).step({ duration });
+                animation.scale(1).backgroundColor(NORMAL_COLOR).step({ duration });
+                return animation.export();
+            }
+        }
+    };
+}
+export default getMixin(mixin);
diff --git a/packages/mpx-cube-ui/lib/components/modal/css.rn.styl b/packages/mpx-cube-ui/lib/components/modal/css.rn.styl
index 5872f931..ddd78977 100644
--- a/packages/mpx-cube-ui/lib/components/modal/css.rn.styl
+++ b/packages/mpx-cube-ui/lib/components/modal/css.rn.styl
@@ -73,3 +73,16 @@
 .cube-modal-footer
   padding-all($var(modal-footer-padding-top), $var(modal-footer-padding-right), $var(modal-footer-padding-bottom), $var(modal-footer-padding-left))
   safe-area-mixin-extra(padding-bottom, bottom, $var(modal-footer-safe-padding), true)
+
+.cube-modal-line
+  position: absolute
+  top: 50%
+  left: 50%
+  transform: translate(-50%, -50%), rotate(45deg), scale(0.8)
+  background-color: $var(color-dark-grey)
+.cube-modal-line-horizontal
+  width $var(font-size-lg)
+  height: 2px
+.cube-modal-line-vertical
+  width: 2px
+  height $var(font-size-lg)
diff --git a/packages/mpx-cube-ui/lib/components/modal/index.mpx b/packages/mpx-cube-ui/lib/components/modal/index.mpx
index 506e4a51..0ef80800 100644
--- a/packages/mpx-cube-ui/lib/components/modal/index.mpx
+++ b/packages/mpx-cube-ui/lib/components/modal/index.mpx
@@ -34,6 +34,10 @@
           bind:tap="onClose"
         >
           <view class="cube-modal-close-icon">
+            <!-- 横线 -->
+            <view @_ios|_android|_harmony class="cube-modal-line cube-modal-line-horizontal"></view>
+            <!-- 竖线 -->
+            <view @_ios|_android|_harmony class="cube-modal-line cube-modal-line-vertical"></view>
             <cube-icon type="close" theme-type="{{ themeType }}"></cube-icon>
           </view>
         </view>
diff --git a/packages/mpx-cube-ui/lib/components/popup/css.styl b/packages/mpx-cube-ui/lib/components/popup/css.styl
index 005c50a4..21ed5d8b 100644
--- a/packages/mpx-cube-ui/lib/components/popup/css.styl
+++ b/packages/mpx-cube-ui/lib/components/popup/css.styl
@@ -10,6 +10,7 @@
   bottom 0
   z-index $var(popup-z-index)
   display flex
+  pointer-events: none
   &.cube-popup-top
     align-items start
     .cube-popup-content
@@ -33,8 +34,6 @@
     position relative
     z-index 999
     box-sizing border-box
-.cube-popup-remove-touch
-  pointer-events: none
 .cube-popup_mask
   pointer-events: auto
   &.cube-popup_mask_fade_transition
diff --git a/packages/mpx-cube-ui/lib/components/popup/index.mpx b/packages/mpx-cube-ui/lib/components/popup/index.mpx
index 33109faf..9ad23fa8 100644
--- a/packages/mpx-cube-ui/lib/components/popup/index.mpx
+++ b/packages/mpx-cube-ui/lib/components/popup/index.mpx
@@ -5,11 +5,16 @@
       wx:class="{{ [themeType ? 'cube-popup cube-popup-'+themeType : 'cube-popup', rootClass, visibleClass] }}"
       wx:style="{{ popupStyle }}"
     >
-      <view class="cube-popup-mask" wx:if="{{ mask }}" bindtouchend="onMaskClick" wx:style="{{ [styleConfig.mask, maskStyle] }}">
+      <view
+        class="cube-popup-mask"
+        wx:if="{{ mask }}"
+        wx:style="{{ [styleConfig.mask, maskStyle] }}"
+        bindtouchmove@web="preventTouchMove"
+        bindtap="onMaskClick">
         <!-- 遮罩插槽 -->
         <slot name="mask"></slot>
       </view>
-      <view class="cube-popup-content {{ transitionClass }}" bindanimationend@_wx|_ali|_web="contentHideAnimationend">
+      <view class="cube-popup-content {{ transitionClass }}" wx:style="{{styleConfig.content}}" bindanimationend@_wx|_ali|_web="contentHideAnimationend">
         <rich-text wx:if="{{ content }}" nodes="{{ content }}"></rich-text>
         <!-- 默认插槽 -->
         <slot wx:else></slot>
@@ -18,21 +23,17 @@
 
     <view
       wx:else
-      wx:class="{{ [
-        themeType ? 'cube-popup cube-popup-'+themeType : 'cube-popup',
-        rootClass,
-        visibleClass,
-        !removeCatchTouch ? 'cube-popup-remove-touch' : ''
-      ] }}"
+      wx:class="{{ [themeType ? 'cube-popup cube-popup-'+themeType : 'cube-popup', rootClass, visibleClass] }}"
       wx:style="{{ popupStyle }}"
-      catchtouchmove@wx|ali
+      catchtouchmove@wx="true"
     >
       <view
         class="cube-popup-mask"
         wx:if="{{ mask }}"
         wx:style="{{ [styleConfig.mask, maskStyle] }}"
-        bindtouchmove="preventTouchMove"
-        bindtouchend="onMaskClick">
+        bindtouchmove@_web="preventTouchMove"
+        disable-scroll@_ali="{{true}}"
+        bindtap="onMaskClick">
         <!-- 遮罩插槽 -->
         <slot name="mask"></slot>
       </view>
@@ -40,7 +41,7 @@
         class="cube-popup-content {{ transitionClass }}"
         wx:style="{{styleConfig.content}}"
         bindtouchmove="preventTouchMove"
-        bindanimationend@_wx|_ali|_web="contentHideAnimationend">
+        bindanimationend@_web="contentHideAnimationend">
         <rich-text wx:if="{{ content }}" nodes="{{ content }}"></rich-text>
         <!-- 默认插槽 -->
         <slot></slot>
diff --git a/packages/mpx-cube-ui/lib/components/popup/rn-mixin.js b/packages/mpx-cube-ui/lib/components/popup/rn-mixin.js
index 21ab0046..6b04b8d6 100644
--- a/packages/mpx-cube-ui/lib/components/popup/rn-mixin.js
+++ b/packages/mpx-cube-ui/lib/components/popup/rn-mixin.js
@@ -125,7 +125,14 @@ if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'ha
                 return new Promise((resolve) => {
                     this.$refs['popup-content'].boundingClientRect((res) => {
                         if (res) {
-                            this.contentRect = res;
+                            const keys = Object.keys(res);
+                            const contentRect = this.contentRect;
+                            for (const key in keys) {
+                                if (res[key] !== contentRect[key]) {
+                                    this.contentRect = res;
+                                    break;
+                                }
+                            }
                         }
                         else {
                             this.boundingClientRectFaill = this.boundingClientRectFaill || 0;
diff --git a/packages/mpx-cube-ui/lib/components/slider/css.rn.styl b/packages/mpx-cube-ui/lib/components/slider/css.rn.styl
new file mode 100644
index 00000000..b85b281a
--- /dev/null
+++ b/packages/mpx-cube-ui/lib/components/slider/css.rn.styl
@@ -0,0 +1,50 @@
+@require "../../common/stylus/variable.rn.styl"
+@require "../../common/stylus/theme/components/slider.styl"
+
+.cube-slider
+  position: relative
+  display: flex
+  align-items: center
+
+.cube-slider-tab-area
+  flex: 1 0 auto
+  display: flex
+  align-items: center
+  min-height: $var(slider-track-height)
+
+.cube-slider-handle
+  position: absolute
+  transform: translateX(-50%)
+  z-index: 1
+
+.cube-slider-thumb
+  background-color: $var(slider-block-color)
+  border-radius: 100%
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2)
+
+.cube-slider-thumb-custom
+  position: relative
+
+.cube-slider-track
+  position: absolute
+  left: 0
+  width: 100%
+  height: $var(slider-track-height)
+  background-color: $var(slider-background-color)
+  border-radius: ($slider-track-height / 2)
+
+.cube-slider-step
+  height: 100%
+  background-color: $var(slider-active-color)
+  border-radius: ($slider-track-height / 2)
+
+.cube-slider-value
+  position relative
+  z-index: 1
+  color: #666
+  width: 30px
+  overflow: visible
+  margin-left: 20px
+  margin-right: 10px
+  pointer-events: none
+  text-align: center
\ No newline at end of file
diff --git a/packages/mpx-cube-ui/lib/components/slider/css.styl b/packages/mpx-cube-ui/lib/components/slider/css.styl
new file mode 100644
index 00000000..77887c3e
--- /dev/null
+++ b/packages/mpx-cube-ui/lib/components/slider/css.styl
@@ -0,0 +1,50 @@
+@require "../../common/stylus/variable.styl"
+@require "../../common/stylus/theme/components/slider.styl"
+
+.cube-slider
+  position: relative
+  display: flex
+  align-items: center
+
+  .cube-slider-tab-area
+    position: relative
+    flex: 1 0 auto
+    display: flex
+    align-items: center
+    min-height: $var(slider-track-height)
+
+    .cube-slider-handle
+      position: absolute
+      transform: translateX(-50%)
+      z-index: 1
+
+      .cube-slider-thumb
+        background-color: $var(slider-block-color)
+        border-radius: 100%
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.2)
+      .cube-slider-thumb-custom
+        position: relative
+
+    .cube-slider-track
+      position: absolute
+      left: 0
+      width: 100%
+      height: $var(slider-track-height)
+      background-color: $var(slider-background-color)
+      border-radius: ($slider-track-height / 2)
+
+      .cube-slider-step
+        height: 100%
+        background-color: $var(slider-active-color)
+        border-radius: ($slider-track-height / 2)
+
+  .cube-slider-value
+    position relative
+    z-index: 1
+    color: #666
+    width: 30px
+    overflow: visible
+    padding: 0 10px 0 20px
+    pointer-events: none
+    text-align: center
+
diff --git a/packages/mpx-cube-ui/lib/components/slider/index.mpx b/packages/mpx-cube-ui/lib/components/slider/index.mpx
new file mode 100644
index 00000000..16540080
--- /dev/null
+++ b/packages/mpx-cube-ui/lib/components/slider/index.mpx
@@ -0,0 +1,61 @@
+<template>
+  <view
+    wx:class="{{ sliderClass }}"
+    wx:style="{{ containerStyle }}"
+  >
+    <view
+      wx:ref
+      class="cube-slider-tab-area"
+      wx:style="{{ tabAreaStyle }}"
+      bind:tap="onClick"
+    >
+      <!-- 滑块儿容器 -->
+      <view
+        class="cube-slider-handle"
+        wx:style="{{ handleStyle }}"
+        capture-catch:touchstart="startHandler"
+        capture-catch:touchmove="moveHandler"
+        capture-catch:touchend="endHandler"
+      >
+        <!-- 滑块儿 -->
+        <view class="cube-slider-thumb-custom" wx:style="{{ { display: customContent ? '' : 'none', ...thumbStyle } }}">
+          <!-- 自定义滑块儿 -->
+          <slot></slot>
+        </view>
+        <view
+          wx:if="{{!customContent}}"
+          class="cube-slider-thumb"
+          wx:style="{{ thumbStyle }}"
+        ></view>
+      </view>
+      <view class="cube-slider-track" wx:style="{{ trackStyle }}">
+        <view class="cube-slider-step" wx:style="{{ stepStyle }}"></view>
+      </view>
+    </view>
+    <view wx:if="{{ showValueLable }}" class="cube-slider-value">
+      <text
+        numberOfLines@_ios|_android|_harmony="{{1}}"
+        ellipsizeMode@_ios|_android|_harmony="clip"
+      >{{ currentValue }}</text>
+    </view>
+  </view>
+</template>
+
+<script src="./slider.js"></script>
+
+<style lang="stylus">
+/* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
+@require './css.rn.styl'
+/* @mpx-else */
+@require './css.styl'
+/* @mpx-endif */
+</style>
+
+
+
+<script type="application/json">
+  {
+    "styleIsolation": "shared",
+    "component": true
+  }
+</script>
\ No newline at end of file
diff --git a/packages/mpx-cube-ui/lib/components/slider/slider.js b/packages/mpx-cube-ui/lib/components/slider/slider.js
new file mode 100644
index 00000000..0064509b
--- /dev/null
+++ b/packages/mpx-cube-ui/lib/components/slider/slider.js
@@ -0,0 +1,255 @@
+import { MOUNTED } from '@mpxjs/core';
+import { createComponent } from '../../common/helper/create-component';
+const EVENT_CHANGE = 'change'; // 完成一次拖动后触发的事件
+const EVENT_CHANGING = 'changing'; // 拖动过程中触发的事件
+createComponent({
+    properties: {
+        /**
+         * @description 最小值
+         */
+        min: {
+            type: Number,
+            value: 0
+        },
+        /**
+         * @description 最大值
+         */
+        max: {
+            type: Number,
+            value: 100
+        },
+        /**
+         * @description 步长，取值必须大于 0，并且可被(max - min)整除
+         */
+        step: {
+            type: Number,
+            value: 1
+        },
+        /**
+         * @description 是否禁用
+         */
+        disabled: {
+            type: Boolean,
+            value: false
+        },
+        /**
+         * @description 当前取值
+         */
+        value: {
+            type: Number,
+            value: 0
+        },
+        /**
+         * @description 背景条的颜色（请使用 backgroundColor）
+         */
+        color: String,
+        /**
+         * @description 已选择的颜色（请使用 activeColor）
+         */
+        'selected-color': String,
+        /**
+         * @description 已选择的颜色
+         */
+        activeColor: String,
+        /**
+         * @description 背景条的颜色
+         */
+        backgroundColor: String,
+        /**
+         * @description 滑块的大小，取值范围为 12 - 28
+         */
+        'block-size': {
+            type: Number,
+            value: 28
+        },
+        /**
+         * @description 滑块的颜色
+         */
+        'block-color': String,
+        /**
+         * @description 是否显示当前 value
+         */
+        'show-value': {
+            type: Boolean,
+            value: false
+        },
+        /**
+         * @description 是否显示当前 value
+         */
+        showValue: {
+            type: Boolean,
+            value: false
+        },
+        /**
+         * @description customContent
+         */
+        customContent: {
+            type: Boolean,
+            value: false
+        }
+    },
+    data: {
+        currentValue: 0,
+        percentage: 0,
+        startDragRect: null
+    },
+    watch: {
+        value: {
+            handler(newVal) {
+                const val = Math.max(this.min, Math.min(this.max, newVal));
+                if (newVal === this.currentValue && newVal === val) {
+                    return;
+                }
+                const percentage = (val - this.min) / (this.max - this.min);
+                this.constrainValue(percentage);
+            },
+            immediate: true
+        }
+    },
+    [MOUNTED]() {
+        this.getRect().then(res => {
+            this.startDragRect = res;
+        });
+    },
+    computed: {
+        sliderClass() {
+            return {
+                'cube-slider': true,
+                [`cube-slider-${this.themeType}`]: this.themeType
+            };
+        },
+        _blockSize() {
+            const blockSize = this['block-size'] || this.blockSize || 28;
+            return Math.max(12, Math.min(blockSize, 28));
+        },
+        showValueLable() {
+            return this['show-value'] || this.showValue;
+        },
+        containerStyle() {
+            return {
+                marginLeft: `${this._blockSize / 2 + 4}px`,
+                marginRight: `${this._blockSize / 2 + 4}px`
+            };
+        },
+        tabAreaStyle() {
+            const minH = Math.max(12, this._blockSize) / 2;
+            return {
+                paddingTop: `${minH}px`,
+                paddingBottom: `${minH}px`
+            };
+        },
+        handleStyle() {
+            return {
+                left: `${this.percentage * 100}%`
+            };
+        },
+        thumbStyle() {
+            const style = {
+                width: `${this._blockSize}px`,
+                height: `${this._blockSize}px`,
+                backgroundColor: this['block-color'] || this.blockColor
+            };
+            if (!style.backgroundColor) {
+                delete style.backgroundColor;
+            }
+            return style;
+        },
+        trackStyle() {
+            const style = {
+                backgroundColor: this.backgroundColor || this.color
+            };
+            if (!style.backgroundColor) {
+                delete style.backgroundColor;
+            }
+            return style;
+        },
+        stepStyle() {
+            const style = {
+                width: `${this.percentage * 100}%`,
+                backgroundColor: this.activeColor || this.selectedColor
+            };
+            if (!style.backgroundColor) {
+                delete style.backgroundColor;
+            }
+            return style;
+        },
+        // 限制步长，确保 step 大于 0，并且可被 (max - min) 整除
+        validStep() {
+            if (this.step <= 0)
+                return 1;
+            if ((this.max - this.min) % this.step !== 0) {
+                console.warn(`Step ${this.step} is not a divisor of range ${this.max - this.min}`);
+            }
+            return this.step;
+        }
+    },
+    methods: {
+        getRect() {
+            return new Promise((resolve) => {
+                this.createSelectorQuery()
+                    .select('.cube-slider-tab-area')
+                    .boundingClientRect(res => {
+                    resolve(res);
+                })
+                    .exec();
+            });
+        },
+        constrainValue(originalPercentage) {
+            const minVal = this.min;
+            const maxVal = this.max;
+            const stepVal = this.validStep;
+            const totalSteps = (maxVal - minVal) / stepVal;
+            const val = minVal + originalPercentage * (maxVal - minVal);
+            const constrained = Math.max(minVal, Math.min(maxVal, val));
+            const steps = Math.round((constrained - minVal) / stepVal);
+            this.percentage = steps / totalSteps;
+            this.currentValue = minVal + steps * stepVal;
+        },
+        calcProgress(x, rect) {
+            const { left, width } = rect || {};
+            if (left !== undefined && x !== undefined) {
+                const offsetX = Math.max(0, x - left);
+                this.constrainValue(offsetX / width);
+            }
+        },
+        async onClick(e) {
+            if (this.disabled)
+                return;
+            const rect = await this.getRect();
+            this.startDragRect = rect;
+            this.calcProgress(e.detail.x, rect);
+            // 完成一次拖动后触发的事件
+            // @arg event.detail = {value}
+            this.triggerEvent(EVENT_CHANGE, { value: this.currentValue });
+        },
+        async startHandler(e) {
+            if (this.disabled)
+                return;
+            if (__mpx_mode__ === 'web') {
+                e && e.preventDefault();
+            }
+            this.startDragRect = await this.getRect();
+        },
+        moveHandler(e) {
+            if (this.disabled || !this.startDragRect) {
+                return;
+            }
+            const x = e.touches[0].clientX;
+            this.calcProgress(x, this.startDragRect);
+            // 拖动过程中触发的事件
+            // @arg event.detail = {value}
+            this.triggerEvent(EVENT_CHANGING, { value: this.currentValue });
+            if (__mpx_mode__ === 'web') {
+                e && e.preventDefault();
+            }
+        },
+        endHandler() {
+            if (this.disabled)
+                return;
+            this.startDragRect = null;
+            // 完成一次拖动后触发的事件
+            // @arg event.detail = {value}
+            this.triggerEvent(EVENT_CHANGE, { value: this.currentValue });
+        }
+    }
+});
diff --git a/packages/mpx-cube-ui/lib/components/toast/index.mpx b/packages/mpx-cube-ui/lib/components/toast/index.mpx
index 2419ba35..2787ec9b 100644
--- a/packages/mpx-cube-ui/lib/components/toast/index.mpx
+++ b/packages/mpx-cube-ui/lib/components/toast/index.mpx
@@ -7,7 +7,7 @@
     wx:model="{{isVisible}}"
     wx:model-prop="visible"
     wx:model-event="toggle"
-    transition="fade"
+    transition="{{ transition }}"
     mask="{{ mask }}"
     center="{{ true }}"
     maskClosable="{{ maskClosable }}"
diff --git a/packages/mpx-cube-ui/lib/components/toast/toast.js b/packages/mpx-cube-ui/lib/components/toast/toast.js
index 27e2540c..0ef22386 100644
--- a/packages/mpx-cube-ui/lib/components/toast/toast.js
+++ b/packages/mpx-cube-ui/lib/components/toast/toast.js
@@ -39,6 +39,10 @@ createComponent({
         preventOutside: {
             type: Boolean,
             value: false
+        },
+        transition: {
+            type: String,
+            value: 'fade'
         }
     },
     lifetimes: {
diff --git a/packages/mpx-cube-ui/package.json b/packages/mpx-cube-ui/package.json
index 07409afe..123dc7b9 100644
--- a/packages/mpx-cube-ui/package.json
+++ b/packages/mpx-cube-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/mpx-cube-ui",
-  "version": "1.4.8",
+  "version": "1.4.12-beta.0",
   "description": "mpx components library",
   "author": "xiaolei <xiaolei@didichuxing.com>",
   "publishConfig": {
diff --git a/packages/mpx-cube-ui/src/common/stylus/theme/components/slider.styl b/packages/mpx-cube-ui/src/common/stylus/theme/components/slider.styl
new file mode 100644
index 00000000..195363a0
--- /dev/null
+++ b/packages/mpx-cube-ui/src/common/stylus/theme/components/slider.styl
@@ -0,0 +1,5 @@
+// @type slider
+$slider-active-color := $var(color-primary) // 已选择的颜色
+$slider-background-color := #e9e9e9 // 背景条的颜色
+$slider-block-color := #ffffff // 滑块的颜色
+$slider-track-height := 2px // 轨道高度
\ No newline at end of file
diff --git a/packages/mpx-cube-ui/src/components/popup/css.styl b/packages/mpx-cube-ui/src/components/popup/css.styl
index 005c50a4..21ed5d8b 100644
--- a/packages/mpx-cube-ui/src/components/popup/css.styl
+++ b/packages/mpx-cube-ui/src/components/popup/css.styl
@@ -10,6 +10,7 @@
   bottom 0
   z-index $var(popup-z-index)
   display flex
+  pointer-events: none
   &.cube-popup-top
     align-items start
     .cube-popup-content
@@ -33,8 +34,6 @@
     position relative
     z-index 999
     box-sizing border-box
-.cube-popup-remove-touch
-  pointer-events: none
 .cube-popup_mask
   pointer-events: auto
   &.cube-popup_mask_fade_transition
diff --git a/packages/mpx-cube-ui/src/components/popup/index.mpx b/packages/mpx-cube-ui/src/components/popup/index.mpx
index 316a4f3b..d4196436 100644
--- a/packages/mpx-cube-ui/src/components/popup/index.mpx
+++ b/packages/mpx-cube-ui/src/components/popup/index.mpx
@@ -5,11 +5,16 @@
       wx:class="{{ [themeType ? 'cube-popup cube-popup-'+themeType : 'cube-popup', rootClass, visibleClass] }}"
       wx:style="{{ popupStyle }}"
     >
-      <view class="cube-popup-mask" wx:if="{{ mask }}" bindtouchend="onMaskClick" wx:style="{{ [styleConfig.mask, maskStyle] }}">
+      <view
+        class="cube-popup-mask"
+        wx:if="{{ mask }}"
+        wx:style="{{ [styleConfig.mask, maskStyle] }}"
+        bindtouchmove@web="preventTouchMove"
+        bindtap="onMaskClick">
         <!-- 遮罩插槽 -->
         <slot name="mask"></slot>
       </view>
-      <view class="cube-popup-content {{ transitionClass }}" bindanimationend@_wx|_ali|_web="contentHideAnimationend">
+      <view class="cube-popup-content {{ transitionClass }}" wx:style="{{styleConfig.content}}" bindanimationend@_wx|_ali|_web="contentHideAnimationend">
         <rich-text wx:if="{{ content }}" nodes="{{ content }}"></rich-text>
         <!-- 默认插槽 -->
         <slot wx:else></slot>
@@ -18,21 +23,17 @@
 
     <view
       wx:else
-      wx:class="{{ [
-        themeType ? 'cube-popup cube-popup-'+themeType : 'cube-popup',
-        rootClass,
-        visibleClass,
-        !removeCatchTouch ? 'cube-popup-remove-touch' : ''
-      ] }}"
+      wx:class="{{ [themeType ? 'cube-popup cube-popup-'+themeType : 'cube-popup', rootClass, visibleClass] }}"
       wx:style="{{ popupStyle }}"
-      catchtouchmove@wx|ali
+      catchtouchmove@wx="true"
     >
       <view
         class="cube-popup-mask"
         wx:if="{{ mask }}"
         wx:style="{{ [styleConfig.mask, maskStyle] }}"
-        bindtouchmove="preventTouchMove"
-        bindtouchend="onMaskClick">
+        bindtouchmove@_web="preventTouchMove"
+        disable-scroll@_ali="{{true}}"
+        bindtap="onMaskClick">
         <!-- 遮罩插槽 -->
         <slot name="mask"></slot>
       </view>
@@ -40,7 +41,7 @@
         class="cube-popup-content {{ transitionClass }}"
         wx:style="{{styleConfig.content}}"
         bindtouchmove="preventTouchMove"
-        bindanimationend@_wx|_ali|_web="contentHideAnimationend">
+        bindanimationend@_web="contentHideAnimationend">
         <rich-text wx:if="{{ content }}" nodes="{{ content }}"></rich-text>
         <!-- 默认插槽 -->
         <slot></slot>
diff --git a/packages/mpx-cube-ui/src/components/popup/rn-mixin.ts b/packages/mpx-cube-ui/src/components/popup/rn-mixin.ts
index 1e5a94c6..924dc4c2 100644
--- a/packages/mpx-cube-ui/src/components/popup/rn-mixin.ts
+++ b/packages/mpx-cube-ui/src/components/popup/rn-mixin.ts
@@ -131,7 +131,14 @@ if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'ha
         return new Promise((resolve) => {
           this.$refs['popup-content'].boundingClientRect((res) => {
             if (res) {
-              this.contentRect = res
+              const keys = Object.keys(res)
+              const contentRect = this.contentRect
+              for (const key in keys) {
+                if (res[key] !== contentRect[key]) {
+                  this.contentRect = res
+                  break
+                }
+              }
             } else {
               this.boundingClientRectFaill = this.boundingClientRectFaill || 0
               this.boundingClientRectFaill++
diff --git a/packages/mpx-cube-ui/src/components/slider/css.rn.styl b/packages/mpx-cube-ui/src/components/slider/css.rn.styl
new file mode 100644
index 00000000..b85b281a
--- /dev/null
+++ b/packages/mpx-cube-ui/src/components/slider/css.rn.styl
@@ -0,0 +1,50 @@
+@require "../../common/stylus/variable.rn.styl"
+@require "../../common/stylus/theme/components/slider.styl"
+
+.cube-slider
+  position: relative
+  display: flex
+  align-items: center
+
+.cube-slider-tab-area
+  flex: 1 0 auto
+  display: flex
+  align-items: center
+  min-height: $var(slider-track-height)
+
+.cube-slider-handle
+  position: absolute
+  transform: translateX(-50%)
+  z-index: 1
+
+.cube-slider-thumb
+  background-color: $var(slider-block-color)
+  border-radius: 100%
+  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2)
+
+.cube-slider-thumb-custom
+  position: relative
+
+.cube-slider-track
+  position: absolute
+  left: 0
+  width: 100%
+  height: $var(slider-track-height)
+  background-color: $var(slider-background-color)
+  border-radius: ($slider-track-height / 2)
+
+.cube-slider-step
+  height: 100%
+  background-color: $var(slider-active-color)
+  border-radius: ($slider-track-height / 2)
+
+.cube-slider-value
+  position relative
+  z-index: 1
+  color: #666
+  width: 30px
+  overflow: visible
+  margin-left: 20px
+  margin-right: 10px
+  pointer-events: none
+  text-align: center
\ No newline at end of file
diff --git a/packages/mpx-cube-ui/src/components/slider/css.styl b/packages/mpx-cube-ui/src/components/slider/css.styl
new file mode 100644
index 00000000..77887c3e
--- /dev/null
+++ b/packages/mpx-cube-ui/src/components/slider/css.styl
@@ -0,0 +1,50 @@
+@require "../../common/stylus/variable.styl"
+@require "../../common/stylus/theme/components/slider.styl"
+
+.cube-slider
+  position: relative
+  display: flex
+  align-items: center
+
+  .cube-slider-tab-area
+    position: relative
+    flex: 1 0 auto
+    display: flex
+    align-items: center
+    min-height: $var(slider-track-height)
+
+    .cube-slider-handle
+      position: absolute
+      transform: translateX(-50%)
+      z-index: 1
+
+      .cube-slider-thumb
+        background-color: $var(slider-block-color)
+        border-radius: 100%
+        box-shadow: 0 0 4px rgba(0, 0, 0, 0.2)
+      .cube-slider-thumb-custom
+        position: relative
+
+    .cube-slider-track
+      position: absolute
+      left: 0
+      width: 100%
+      height: $var(slider-track-height)
+      background-color: $var(slider-background-color)
+      border-radius: ($slider-track-height / 2)
+
+      .cube-slider-step
+        height: 100%
+        background-color: $var(slider-active-color)
+        border-radius: ($slider-track-height / 2)
+
+  .cube-slider-value
+    position relative
+    z-index: 1
+    color: #666
+    width: 30px
+    overflow: visible
+    padding: 0 10px 0 20px
+    pointer-events: none
+    text-align: center
+
diff --git a/packages/mpx-cube-ui/src/components/slider/index.mpx b/packages/mpx-cube-ui/src/components/slider/index.mpx
new file mode 100644
index 00000000..649dfd1e
--- /dev/null
+++ b/packages/mpx-cube-ui/src/components/slider/index.mpx
@@ -0,0 +1,59 @@
+<template>
+  <view
+    wx:class="{{ sliderClass }}"
+    wx:style="{{ containerStyle }}"
+  >
+    <view
+      wx:ref
+      class="cube-slider-tab-area"
+      wx:style="{{ tabAreaStyle }}"
+      bind:tap="onClick"
+    >
+      <!-- 滑块儿容器 -->
+      <view
+        class="cube-slider-handle"
+        wx:style="{{ handleStyle }}"
+        capture-catch:touchstart="startHandler"
+        capture-catch:touchmove="moveHandler"
+        capture-catch:touchend="endHandler"
+      >
+        <!-- 滑块儿 -->
+        <view class="cube-slider-thumb-custom" wx:style="{{ thumbCustomStyle }}">
+          <!-- 自定义滑块儿 -->
+          <slot></slot>
+        </view>
+        <view
+          wx:if="{{!customContent}}"
+          class="cube-slider-thumb"
+          wx:style="{{ thumbStyle }}"
+        ></view>
+      </view>
+      <view class="cube-slider-track" wx:style="{{ trackStyle }}">
+        <view class="cube-slider-step" wx:style="{{ stepStyle }}"></view>
+      </view>
+    </view>
+    <view wx:if="{{ showValueLable }}" class="cube-slider-value">
+      <text
+        numberOfLines@_ios|_android|_harmony="{{1}}"
+        ellipsizeMode@_ios|_android|_harmony="clip"
+      >{{ currentValue }}</text>
+    </view>
+  </view>
+</template>
+
+<script lang="ts" src="./slider.ts"></script>
+
+<style lang="stylus">
+/* @mpx-if (__mpx_mode__ === 'ios' || __mpx_mode__ === 'android' || __mpx_mode__ === 'harmony') */
+@require './css.rn.styl'
+/* @mpx-else */
+@require './css.styl'
+/* @mpx-endif */
+</style>
+
+<script type="application/json">
+  {
+    "styleIsolation": "shared",
+    "component": true
+  }
+</script>
diff --git a/packages/mpx-cube-ui/src/components/slider/slider.ts b/packages/mpx-cube-ui/src/components/slider/slider.ts
new file mode 100644
index 00000000..b5439b20
--- /dev/null
+++ b/packages/mpx-cube-ui/src/components/slider/slider.ts
@@ -0,0 +1,267 @@
+import { createComponent } from '../../common/helper/create-component'
+
+const EVENT_CHANGE = 'change' // 完成一次拖动后触发的事件
+const EVENT_CHANGING = 'changing' // 拖动过程中触发的事件
+
+interface Rect {
+  id: string
+  left: number
+  right: number
+  top: number
+  bottom: number
+  width: number
+  height: number
+}
+
+createComponent({
+  properties: {
+    /**
+     * @description 最小值
+     */
+    min: {
+      type: Number,
+      value: 0
+    },
+    /**
+     * @description 最大值
+     */
+    max: {
+      type: Number,
+      value: 100
+    },
+    /**
+     * @description 步长，取值必须大于 0，并且可被(max - min)整除
+     */
+    step: {
+      type: Number,
+      value: 1
+    },
+    /**
+     * @description 是否禁用
+     */
+    disabled: {
+      type: Boolean,
+      value: false
+    },
+    /**
+     * @description 当前取值
+     */
+    value: {
+      type: Number,
+      value: 0
+    },
+    /**
+     * @description 背景条的颜色（请使用 backgroundColor）
+     */
+    color: String,
+    /**
+     * @description 已选择的颜色（请使用 activeColor）
+     */
+    'selected-color': String,
+    /**
+     * @description 已选择的颜色
+     */
+    activeColor: String,
+    /**
+     * @description 背景条的颜色
+     */
+    backgroundColor: String,
+    /**
+     * @description 滑块的大小，取值范围为 12 - 28
+     */
+    'block-size': {
+      type: Number,
+      value: 28
+    },
+    /**
+     * @description 滑块的颜色
+     */
+    'block-color': String,
+    /**
+     * @description 是否显示当前 value
+     */
+    'show-value': {
+      type: Boolean,
+      value: false
+    },
+    /**
+     * @description 是否显示当前 value
+     */
+    showValue: {
+      type: Boolean,
+      value: false
+    },
+    /**
+     * @description customContent
+     */
+    customContent: {
+      type: Boolean,
+      value: false
+    }
+  },
+  data: {
+    currentValue: 0,
+    percentage: 0,
+    startDragRect: null as null | Rect
+  },
+  watch: {
+    value: {
+      handler(newVal) {
+        const val = Math.max(this.min, Math.min(this.max, newVal))
+        if (newVal === this.currentValue && newVal === val) {
+          return
+        }
+        const percentage = (val - this.min) / (this.max - this.min)
+        this.constrainValue(percentage)
+      },
+      immediate: true
+    }
+  },
+  lifetimes: {
+    ready() {
+      this.getRect().then(res => {
+        this.startDragRect = res
+      })
+    }
+  },
+  computed: {
+    sliderClass() {
+      return {
+        'cube-slider': true,
+        [`cube-slider-${this.themeType}`]: this.themeType
+      }
+    },
+    _blockSize() {
+      const blockSize = this['block-size'] || this.blockSize || 28
+      return Math.max(12, Math.min(blockSize, 28))
+    },
+    showValueLable() {
+      return this['show-value'] || this.showValue
+    },
+    containerStyle() {
+      return {
+        marginLeft: `${this._blockSize / 2 + 4}px`,
+        marginRight: `${this._blockSize / 2 + 4}px`
+      }
+    },
+    tabAreaStyle() {
+      const minH = Math.max(12, this._blockSize) / 2
+      return {
+        paddingTop: `${minH}px`,
+        paddingBottom: `${minH}px`
+      }
+    },
+    handleStyle() {
+      return {
+        left: `${this.percentage * 100}%`
+      }
+    },
+    thumbStyle() {
+      const style = {
+        width: `${this._blockSize}px`,
+        height: `${this._blockSize}px`,
+        backgroundColor: this['block-color'] || this.blockColor
+      }
+      if (!style.backgroundColor) {
+        delete style.backgroundColor
+      }
+      return style
+    },
+    thumbCustomStyle() {
+      return { display: this.customContent ? '' : 'none', ...this.thumbStyle }
+    },
+    trackStyle() {
+      const style = {
+        backgroundColor: this.backgroundColor || this.color
+      }
+      if (!style.backgroundColor) {
+        delete style.backgroundColor
+      }
+      return style
+    },
+    stepStyle() {
+      const style = {
+        width: `${this.percentage * 100}%`,
+        backgroundColor: this.activeColor || this.selectedColor
+      }
+      if (!style.backgroundColor) {
+        delete style.backgroundColor
+      }
+      return style
+    },
+    // 限制步长，确保 step 大于 0，并且可被 (max - min) 整除
+    validStep() {
+      if (this.step <= 0) return 1
+      if ((this.max - this.min) % this.step !== 0) {
+        console.warn(`Step ${this.step} is not a divisor of range ${this.max - this.min}`)
+      }
+      return this.step
+    }
+  },
+  methods: {
+    getRect() {
+      return new Promise((resolve) => {
+        this.createSelectorQuery()
+          .select('.cube-slider-tab-area')
+          .boundingClientRect(res => {
+            resolve(res)
+          })
+          .exec()
+      })
+    },
+    constrainValue(originalPercentage) {
+      const minVal = this.min
+      const maxVal = this.max
+      const stepVal = this.validStep
+      const totalSteps = (maxVal - minVal) / stepVal
+      const val = minVal + originalPercentage * (maxVal - minVal)
+      const constrained = Math.max(minVal, Math.min(maxVal, val))
+      const steps = Math.round((constrained - minVal) / stepVal)
+      this.percentage = steps / totalSteps
+      this.currentValue = minVal + steps * stepVal
+    },
+    calcProgress(x: number, rect: Rect) {
+      const { left, width } = rect || {}
+      if (left !== undefined && x !== undefined) {
+        const offsetX = Math.max(0, x - left)
+        this.constrainValue(offsetX / width)
+      }
+    },
+    async onClick(e) {
+      if (this.disabled) return
+      const rect = await this.getRect()
+      this.startDragRect = rect
+      this.calcProgress(e.detail.x, rect)
+      // 完成一次拖动后触发的事件
+      // @arg event.detail = {value}
+      this.triggerEvent(EVENT_CHANGE, { value: this.currentValue })
+    },
+    async startHandler(e) {
+      if (this.disabled) return
+      if (__mpx_mode__ === 'web') {
+        e && e.preventDefault()
+      }
+      this.startDragRect = await this.getRect()
+    },
+    moveHandler(e) {
+      if (this.disabled || !this.startDragRect) {
+        return
+      }
+      const x = e.touches[0].clientX
+      this.calcProgress(x, this.startDragRect)
+      // 拖动过程中触发的事件
+      // @arg event.detail = {value}
+      this.triggerEvent(EVENT_CHANGING, { value: this.currentValue })
+      if (__mpx_mode__ === 'web') {
+        e && e.preventDefault()
+      }
+    },
+    endHandler() {
+      if (this.disabled) return
+      this.startDragRect = null
+      // 完成一次拖动后触发的事件
+      // @arg event.detail = {value}
+      this.triggerEvent(EVENT_CHANGE, { value: this.currentValue })
+    }
+  }
+})
diff --git a/packages/mpx-cube-ui/src/components/toast/index.mpx b/packages/mpx-cube-ui/src/components/toast/index.mpx
index c4c41f06..b3db75e3 100644
--- a/packages/mpx-cube-ui/src/components/toast/index.mpx
+++ b/packages/mpx-cube-ui/src/components/toast/index.mpx
@@ -7,7 +7,7 @@
     wx:model="{{isVisible}}"
     wx:model-prop="visible"
     wx:model-event="toggle"
-    transition="fade"
+    transition="{{ transition }}"
     mask="{{ mask }}"
     center="{{ true }}"
     maskClosable="{{ maskClosable }}"
diff --git a/packages/mpx-cube-ui/src/components/toast/toast.ts b/packages/mpx-cube-ui/src/components/toast/toast.ts
index bfed7cfc..e279f139 100644
--- a/packages/mpx-cube-ui/src/components/toast/toast.ts
+++ b/packages/mpx-cube-ui/src/components/toast/toast.ts
@@ -41,6 +41,10 @@ createComponent({
     preventOutside: {
       type: Boolean,
       value: false
+    },
+    transition: {
+      type: String,
+      value: 'fade'
     }
   },
   lifetimes: {
diff --git a/packages/website-build/package.json b/packages/website-build/package.json
index abfa005b..24aa028b 100644
--- a/packages/website-build/package.json
+++ b/packages/website-build/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/website-build",
-  "version": "1.4.8",
+  "version": "1.4.11",
   "description": "mpx-cube-ui website builder",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",