@mpxjs/webpack-plugin 2.9.69 → 2.9.70-alpha.0

package/lib/runtime/components/web/mpx-picker-view-column.vue

@@ -7,90 +7,90 @@
 </template>
 
 <script type="text/ecmascript-6">
-  import BScroll from '@better-scroll/core'
-  import Wheel from '@better-scroll/wheel'
+import BScroll from '@better-scroll/core'
+import Wheel from '@better-scroll/wheel'
+import { extend } from '../../utils'
 
-  BScroll.use(Wheel)
+BScroll.use(Wheel)
 
-  export default {
-    name: 'mpx-picker-view-column',
-    props: {
-      value: Array,
-      scrollOptions: {
-        type: Object,
-        default: () => {
-          return {}
-        }
+export default {
+  name: 'mpx-picker-view-column',
+  props: {
+    value: Array,
+    scrollOptions: {
+      type: Object,
+      default: () => {
+        return {}
       }
-    },
-    data() {
-      return {
-        wheels: [],
-        selectedIndex: [0]
+    }
+  },
+  data () {
+    return {
+      wheels: [],
+      selectedIndex: [0]
+    }
+  },
+  computed: {},
+  watch: {
+    selectedIndex (newVal) {
+      if (this.wheels[0]) {
+        this.$nextTick(() => {
+          // make sure the dom rendering is complete
+          this.wheels[0].refresh()
+          this.wheels[0].wheelTo(newVal[0])
+        })
       }
-    },
-    computed: {},
-    watch: {
-      selectedIndex(newVal) {
+    }
+  },
+  mounted () {
+    this.wheels = []
+    this.refresh()
+    for (let i = 0; i < this.$refs.wheelScroll.children.length; i++) {
+      this.$refs.wheelScroll.children[i].style.height = `${this.$parent.$refs.indicatorMask.offsetHeight}px`
+    }
+  },
+  beforeDestroy () {
+    this.wheels.forEach((wheel) => {
+      wheel.destroy()
+    })
+    this.wheels = []
+  },
+  methods: {
+    refresh () {
+      if (this.refreshing) return
+      this.refreshing = true
+      this.$nextTick(() => {
+        const wheelWrapper = this.$refs.wheelWrapper
         if (this.wheels[0]) {
-          this.$nextTick(() => {
-            // make sure the dom rendering is complete
-            this.wheels[0].refresh()
-            this.wheels[0].wheelTo(newVal[0])
-          })
+          this.wheels[0].refresh()
+          return
         }
-      }
-    },
-    mounted() {
-      this.wheels = []
-      this.refresh()
-      for (let i = 0; i < this.$refs.wheelScroll.children.length; i++) {
-        this.$refs.wheelScroll.children[i].style.height = `${this.$parent.$refs.indicatorMask.offsetHeight}px`
-      }
-    },
-    beforeDestroy() {
-      this.wheels.forEach((wheel) => {
-        wheel.destroy()
-      })
-      this.wheels = []
-    },
-    methods: {
-      refresh() {
-        if (this.refreshing) return
-        this.refreshing = true
-        this.$nextTick(() => {
-          const wheelWrapper = this.$refs.wheelWrapper
-          if (this.wheels[0]) {
-            this.wheels[0].refresh()
-            return
+        this.wheels[0] = new BScroll(wheelWrapper, extend({
+          wheel: {
+            selectedIndex: this.selectedIndex[0],
+            rotate: -5,
+            wheelWrapperClass: 'wheel-scroll'
+          },
+          probeType: 3,
+          bindToWrapper: true
+        }, this.scrollOptions))
+        this.wheels[0].on('scrollStart', function () {
+          if (this.pickerView) {
+            this.pickerView.notifyPickstart()
           }
-          this.wheels[0] = new BScroll(wheelWrapper, {
-            wheel: {
-              selectedIndex: this.selectedIndex[0],
-              rotate: -5,
-              wheelWrapperClass: 'wheel-scroll'
-            },
-            probeType: 3,
-            bindToWrapper: true,
-            ...this.scrollOptions
-          })
-          this.wheels[0].on('scrollStart', function () {
-            if (this.pickerView) {
-              this.pickerView.notifyPickstart()
-            }
-          }.bind(this))
-          this.wheels[0].on('scrollEnd', function () {
-            if (this.refreshing) return
-            if (this.pickerView) {
-              this.pickerView.notifyChange()
-              this.pickerView.notifyPickend()
-            }
-          }.bind(this))
-          this.refreshing = false
-        })
-      }
+        }.bind(this))
+        this.wheels[0].on('scrollEnd', function () {
+          if (this.refreshing) return
+          if (this.pickerView) {
+            this.pickerView.notifyChange()
+            this.pickerView.notifyPickend()
+          }
+        }.bind(this))
+        this.refreshing = false
+      })
     }
   }
+}
 </script>
 
 <style scoped lang="stylus" rel="stylesheet/stylus">