cbvirtua 1.0.105 → 1.0.107

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/pages/mouse-wheel-entry.vue

@@ -0,0 +1,44 @@
+<template>
+  <div class="mouse-wheel">
+    <ul class="example-list">
+      <li class="example-item" @click="goPage('/mouse-wheel/vertical-scroll')">
+        <span>vertical scroll</span>
+      </li>
+      <li class="example-item" @click="goPage('/mouse-wheel/horizontal-scroll')">
+        <span>horizontal scroll</span>
+      </li>
+      <li class="example-item" @click="goPage('/mouse-wheel/vertical-slide')">
+        <span>vertical slide</span>
+      </li>
+      <li class="example-item" @click="goPage('/mouse-wheel/horizontal-slide')">
+        <span>horizontal slide</span>
+      </li>
+      <li class="example-item" @click="goPage('/mouse-wheel/pullup')">
+        <span>pull up load</span>
+      </li>
+      <li class="example-item" @click="goPage('/mouse-wheel/pulldown')">
+        <span>pull down refresh</span>
+      </li>
+      <li class="example-item" @click="goPage('/mouse-wheel/picker')">
+        <span>picker</span>
+      </li>
+    </ul>
+    <transition name="move">
+      <router-view class="view"></router-view>
+    </transition>
+  </div>
+</template>
+<script>
+export default {
+  methods: {
+    goPage(path) {
+      this.$router.push(path)
+    }
+  }
+}
+</script>
+<style lang="stylus">
+.free-scroll-container
+  &.view
+    position fixed!important
+</style>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/pages/movable-entry.vue

@@ -0,0 +1,32 @@
+<template>
+  <div class="movable">
+    <ul class="example-list">
+      <li class="example-item" @click="goPage('/movable/default')">
+        <span>default</span>
+      </li>
+      <li class="example-item" @click="goPage('/movable/scale')">
+        <span>scale</span>
+      </li>
+      <li class="example-item" @click="goPage('/movable/multi-content')">
+        <span>multi-content</span>
+      </li>
+      <li class="example-item" @click="goPage('/movable/multi-content-scale')">
+        <span>multi-content-scale</span>
+      </li>
+    </ul>
+    <transition name="move">
+      <router-view class="view"></router-view>
+    </transition>
+  </div>
+</template>
+<script>
+export default {
+  methods: {
+    goPage(path) {
+      this.$router.push(path)
+    }
+  }
+}
+</script>
+<style lang="stylus">
+</style>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/pages/nested-scroll-entry.vue

@@ -0,0 +1,47 @@
+<template>
+  <div class="core">
+    <ul class="example-list">
+      <li
+        class="example-item"
+        :key="index"
+        v-for="(route, index) in routes"
+        @click="goPage(route.path)">
+        <span>{{route.name}}</span>
+      </li>
+    </ul>
+    <transition name="move">
+      <router-view class="view"></router-view>
+    </transition>
+  </div>
+</template>
+<script>
+export default {
+  data () {
+    return {
+      routes: [
+        {
+          path: '/nested-scroll/vertical',
+          name: 'vertical'
+        },
+        {
+          path: '/nested-scroll/horizontal',
+          name: 'horizontal'
+        },
+        {
+          path: '/nested-scroll/horizontal-in-vertical',
+          name: 'horizontal-in-vertical'
+        },
+        {
+          path: '/nested-scroll/triple-vertical',
+          name: 'triple-vertical'
+        }
+      ]
+    }
+  },
+  methods: {
+    goPage(path) {
+      this.$router.push(path)
+    }
+  }
+}
+</script>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/pages/observe-dom-entry.vue

@@ -0,0 +1,12 @@
+<template>
+  <observe-dom />
+</template>
+
+<script>
+import ObserveDom from 'vue-example/components/observe-dom/default.vue'
+export default {
+  components: {
+    ObserveDom
+  }
+}
+</script>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/pages/observe-image-entry.vue

@@ -0,0 +1,12 @@
+<template>
+  <observe-image />
+</template>
+
+<script>
+import ObserveImage from 'vue-example/components/observe-image/default.vue'
+export default {
+  components: {
+    ObserveImage
+  }
+}
+</script>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/pages/picker-entry.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="container">
+    <ul class="example-list">
+      <li class="example-item" @click="goPage('/picker/one-column')">
+          <span>One Column Picker</span>
+      </li>
+      <li class="example-item" @click="goPage('/picker/double-column')">
+          <span>Double Column Picker</span>
+      </li>
+      <li class="example-item" @click="goPage('/picker/linkage-column')">
+          <span>Linkage Column Picker</span>
+      </li>
+    </ul>
+    <transition name="move">
+      <router-view class="view"></router-view>
+    </transition>
+  </div>
+</template>
+<script>
+export default {
+  methods: {
+    goPage(path) {
+      this.$router.push(path)
+    }
+  }
+}
+</script>
+<style lang="stylus">
+</style>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/pages/pulldown-entry.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="container">
+    <ul class="example-list">
+      <li class="example-item" @click="goPage('/pulldown/default')">
+          <span>Default</span>
+      </li>
+      <li class="example-item" @click="goPage('/pulldown/sina')">
+          <span>Sina-Weibo(v2.4.0)</span>
+      </li>
+    </ul>
+    <transition name="move">
+      <router-view class="view"></router-view>
+    </transition>
+  </div>
+</template>
+<script>
+export default {
+  methods: {
+    goPage(path) {
+      this.$router.push(path)
+    }
+  }
+}
+</script>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/pages/pullup-entry.vue

@@ -0,0 +1,16 @@
+<template>
+  <pullup />
+</template>
+
+<script>
+import Pullup from 'vue-example/components/pullup/default.vue'
+export default {
+  components: {
+    Pullup
+  }
+}
+</script>
+
+<style lang="stylus">
+
+</style>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/pages/scrollbar-entry.vue

@@ -0,0 +1,35 @@
+<template>
+  <div class="scroll-bar">
+    <ul class="example-list">
+      <li class="example-item" @click="goPage('/scrollbar/vertical')">
+        <span>vertical</span>
+      </li>
+      <li class="example-item" @click="goPage('/scrollbar/horizontal')">
+        <span>horizontal</span>
+      </li>
+      <li class="example-item" @click="goPage('/scrollbar/custom')">
+        <span>custom</span>
+      </li>
+      <li class="example-item" @click="goPage('/scrollbar/mousewheel')">
+        <span>use mousewheel</span>
+      </li>
+    </ul>
+    <transition name="move">
+      <router-view class="view"></router-view>
+    </transition>
+  </div>
+</template>
+
+<script>
+export default {
+  methods: {
+    goPage(path) {
+      this.$router.push(path)
+    }
+  }
+}
+</script>
+
+<style lang="stylus">
+
+</style>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/pages/slide-entry.vue

@@ -0,0 +1,36 @@
+<template>
+  <div class="slide">
+    <ul class="example-list">
+      <li class="example-item" @click="goPage('/slide/banner')">
+          <span>banner slide</span>
+      </li>
+      <li class="example-item" @click="goPage('/slide/fullpage')">
+          <span>page slide</span>
+      </li>
+      <li class="example-item" @click="goPage('/slide/vertical')">
+          <span>vertical slide</span>
+      </li>
+      <li class="example-item" @click="goPage('/slide/dynamic')">
+          <span>dynamic slide（v2.1.0）</span>
+      </li>
+      <li class="example-item" @click="goPage('/slide/specified')">
+          <span>specified index slide（v2.3.0）</span>
+      </li>
+      <li class="example-item placeholder"></li>
+    </ul>
+    <transition name="move">
+      <router-view class="view"></router-view>
+    </transition>
+  </div>
+</template>
+<script>
+export default {
+  methods: {
+    goPage(path) {
+      this.$router.push(path)
+    }
+  }
+}
+</script>
+<style lang="stylus">
+</style>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/pages/zoom-entry.vue

@@ -0,0 +1,12 @@
+<template>
+  <zoom />
+</template>
+
+<script type="text/ecmascript-6">
+  import Zoom from 'vue-example/components/zoom/default.vue'
+  export default {
+    components: {
+      Zoom
+    }
+  }
+</script>

package/better-scroll-dev/better-scroll-dev/packages/examples/vue/router/index.js

@@ -0,0 +1,337 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+
+import CoreEntry from 'vue-example/pages/core-entry'
+import ObserveDOMEntry from 'vue-example/pages/observe-dom-entry'
+import ZoomEntry from 'vue-example/pages/zoom-entry'
+import SlideEntry from 'vue-example/pages/slide-entry'
+import PickerEntry from 'vue-example/pages/picker-entry'
+import PullupEntry from 'vue-example/pages/pullup-entry'
+import PullDownEntry from 'vue-example/pages/pulldown-entry'
+import ScrollBarEntry from 'vue-example/pages/scrollbar-entry'
+import InfinityScrollEntry from 'vue-example/pages/infinity-entry'
+import FormEntry from 'vue-example/pages/form-entry'
+import NestedScrollEntry from 'vue-example/pages/nested-scroll-entry'
+import MovableEntry from 'vue-example/pages/movable-entry'
+import MouseWheelEntry from 'vue-example/pages/mouse-wheel-entry'
+import ComposeEntry from 'vue-example/pages/compose-entry'
+import ObserveImageEntry from 'vue-example/pages/observe-image-entry'
+import IndicatorsEntry from 'vue-example/pages/indicators-entry'
+
+import ScrollbarVertical from 'vue-example/components/scrollbar/vertical'
+import ScrollbarHorizontal from 'vue-example/components/scrollbar/horizontal'
+import ScrollbarCustom from 'vue-example/components/scrollbar/custom'
+import ScrollbarMouseWheel from 'vue-example/components/scrollbar/mousewheel'
+
+import MouseWheelVerticalScroll from 'vue-example/components/mouse-wheel/vertical-scroll'
+import MouseWheelHorizontalScroll from 'vue-example/components/mouse-wheel/horizontal-scroll'
+import MouseWheelVerticalSlide from 'vue-example/components/mouse-wheel/vertical-slide'
+import MouseWheelHorizontalSlide from 'vue-example/components/mouse-wheel/horizontal-slide'
+import MouseWheelPullUp from 'vue-example/components/mouse-wheel/pullup'
+import MouseWheelPullDown from 'vue-example/components/mouse-wheel/pulldown'
+import MouseWheelPicker from 'vue-example/components/mouse-wheel/picker'
+
+import BannerSlide from 'vue-example/components/slide/banner'
+import PageSlide from 'vue-example/components/slide/fullpage'
+import VerticalSlide from 'vue-example/components/slide/vertical'
+import DynamicSlide from 'vue-example/components/slide/dynamic'
+import SpecifiedIndexSlide from 'vue-example/components/slide/specified-index'
+
+import VerticalScroll from 'vue-example/components/core/default'
+import HorizontalScroll from 'vue-example/components/core/horizontal'
+import DynamicContentScroll from 'vue-example/components/core/dynamic-content'
+import SpecifiedContentScroll from 'vue-example/components/core/specified-content'
+import Freescroll from 'vue-example/components/core/freescroll'
+import VerticalRotatedScroll from 'vue-example/components/core/vertical-rotated'
+import HorizontalRotatedScroll from 'vue-example/components/core/horizontal-rotated'
+
+import OneColumnPicker from 'vue-example/components/picker/one-column'
+import DoubleColumnPicker from 'vue-example/components/picker/double-column'
+import LinkageColumnPicker from 'vue-example/components/picker/linkage-column'
+
+import FormTextarea from 'vue-example/components/form/textarea'
+
+import NestedVerticalScroll from 'vue-example/components/nested-scroll/vertical'
+import NestedTripleVerticalScroll from 'vue-example/components/nested-scroll/triple-vertical'
+import NestedHorizontalScroll from 'vue-example/components/nested-scroll/horizontal'
+import NestedHorizontalInVertical from 'vue-example/components/nested-scroll/horizontal-in-vertical'
+
+import Movable from 'vue-example/components/movable/default'
+import MovableMultiContent from 'vue-example/components/movable/multi-content'
+import MovableScale from 'vue-example/components/movable/scale'
+import MovableMultiContentScale from 'vue-example/components/movable/multi-content-scale'
+
+import ComposePullUpPullDown from 'vue-example/components/compose/pullup-pulldown'
+import ComposePullUpPullDownSlide from 'vue-example/components/compose/pullup-pulldown-slide'
+import ComposePullUpPullDownNested from 'vue-example/components/compose/pullup-pulldown-outnested'
+import ComposeSlideNested from 'vue-example/components/compose/slide-nested'
+
+import IndicatorsMinimap from 'vue-example/components/indicators/minimap'
+import IndicatorsParallaxScroll from 'vue-example/components/indicators/parallax-scroll'
+
+import PulldownDefault from 'vue-example/components/pulldown/default'
+import PulldownSinaWeibo from 'vue-example/components/pulldown/sina-weibo'
+Vue.use(Router)
+
+export default new Router({
+  routes: [
+    {
+      path: '/zoom',
+      component: ZoomEntry,
+    },
+    {
+      path: '/observe-dom',
+      component: ObserveDOMEntry
+    },
+    {
+      path: '/slide',
+      component: SlideEntry,
+      children: [
+        {
+          path: 'banner',
+          component: BannerSlide,
+        },
+        {
+          path: 'fullpage',
+          component: PageSlide,
+        },
+        {
+          path: 'vertical',
+          component: VerticalSlide,
+        },
+        {
+          path: 'dynamic',
+          component: DynamicSlide,
+        },
+        {
+          path: 'specified',
+          component: SpecifiedIndexSlide
+        }
+      ],
+    },
+    {
+      path: '/core',
+      component: CoreEntry,
+      children: [
+        {
+          path: 'default',
+          component: VerticalScroll,
+        },
+        {
+          path: 'horizontal',
+          component: HorizontalScroll,
+        },
+        {
+          path: 'dynamic-content',
+          component: DynamicContentScroll
+        },
+        {
+          path: 'specified-content',
+          component: SpecifiedContentScroll
+        },
+        {
+          path: 'freescroll',
+          component: Freescroll,
+        },
+        {
+          path: 'vertical-rotated',
+          component: VerticalRotatedScroll
+        },
+        {
+          path: 'horizontal-rotated',
+          component: HorizontalRotatedScroll
+        }
+      ],
+    },
+    {
+      path: '/mouse-wheel',
+      component: MouseWheelEntry,
+      children: [
+        {
+          path: 'vertical-scroll',
+          component: MouseWheelVerticalScroll,
+        },
+        {
+          path: 'horizontal-scroll',
+          component: MouseWheelHorizontalScroll,
+        },
+        {
+          path: 'vertical-slide',
+          component: MouseWheelVerticalSlide,
+        },
+        {
+          path: 'horizontal-slide',
+          component: MouseWheelHorizontalSlide,
+        },
+        {
+          path: 'pullup',
+          component: MouseWheelPullUp,
+        },
+        {
+          path: 'pulldown',
+          component: MouseWheelPullDown,
+        },
+        {
+          path: 'picker',
+          component: MouseWheelPicker,
+        },
+      ],
+    },
+    {
+      path: '/picker',
+      component: PickerEntry,
+      children: [
+        {
+          path: 'one-column',
+          component: OneColumnPicker,
+        },
+        {
+          path: 'double-column',
+          component: DoubleColumnPicker,
+        },
+        {
+          path: 'linkage-column',
+          component: LinkageColumnPicker,
+        },
+      ],
+    },
+    {
+      path: '/pullup',
+      component: PullupEntry,
+    },
+    {
+      path: '/pulldown',
+      component: PullDownEntry,
+      children: [
+        {
+          path: 'default',
+          component: PulldownDefault
+        },
+        {
+          path: 'sina',
+          component: PulldownSinaWeibo
+        }
+      ]
+    },
+    {
+      path: '/scrollbar',
+      component: ScrollBarEntry,
+      children: [
+        {
+          path: 'vertical',
+          component: ScrollbarVertical
+        },
+        {
+          path: 'horizontal',
+          component: ScrollbarHorizontal
+        },
+        {
+          path: 'custom',
+          component: ScrollbarCustom
+        },
+        {
+          path: 'mousewheel',
+          component: ScrollbarMouseWheel
+        }
+      ]
+    },
+    {
+      path: '/infinity',
+      component: InfinityScrollEntry,
+    },
+    {
+      path: '/form',
+      component: FormEntry,
+      children: [
+        {
+          path: 'textarea',
+          component: FormTextarea,
+        },
+      ],
+    },
+    {
+      path: '/nested-scroll',
+      component: NestedScrollEntry,
+      children: [
+        {
+          path: 'vertical',
+          component: NestedVerticalScroll,
+        },
+        {
+          path: 'horizontal',
+          component: NestedHorizontalScroll,
+        },
+        {
+          path: 'horizontal-in-vertical',
+          component: NestedHorizontalInVertical,
+        },
+        {
+          path: 'triple-vertical',
+          component: NestedTripleVerticalScroll,
+        }
+      ],
+    },
+    {
+      path: '/movable',
+      component: MovableEntry,
+      children: [
+        {
+          path: 'default',
+          component: Movable,
+        },
+        {
+          path: 'scale',
+          component: MovableScale,
+        },
+        {
+          path: 'multi-content',
+          component: MovableMultiContent
+        },
+        {
+          path: 'multi-content-scale',
+          component: MovableMultiContentScale
+        }
+      ],
+    },
+    {
+      path: '/compose',
+      component: ComposeEntry,
+      children: [
+        {
+          path: 'pullup-pulldown',
+          component: ComposePullUpPullDown,
+        },
+        {
+          path: 'pullup-pulldown-slide',
+          component: ComposePullUpPullDownSlide,
+        },
+        {
+          path: 'pullup-pulldown-outnested',
+          component: ComposePullUpPullDownNested
+        },
+        {
+          path: 'slide-nested',
+          component: ComposeSlideNested
+        }
+      ],
+    },
+    {
+      path: '/observe-image',
+      component: ObserveImageEntry
+    },
+    {
+      path: '/indicators',
+      component: IndicatorsEntry,
+      children: [
+        {
+          path: 'minimap',
+          component: IndicatorsMinimap
+        },
+        {
+          path: 'parallax-scroll',
+          component: IndicatorsParallaxScroll
+        }
+      ]
+    }
+  ],
+})

package/better-scroll-dev/better-scroll-dev/packages/examples/vue-release.sh

@@ -0,0 +1,15 @@
+#!/usr/bin/env sh
+
+set -e
+
+yarn run vue:build
+
+cd dist/vue
+
+git init
+git add -A
+git commit -m 'update examples'
+
+git push -f git@github.com:better-scroll/examples.git master:gh-pages
+
+cd -

package/better-scroll-dev/better-scroll-dev/packages/indicators/README.md

@@ -0,0 +1,28 @@
+# @better-scroll/indicators
+
+[中文文档](https://github.com/ustbhuangyi/better-scroll/blob/master/packages/indicators/README_zh-CN.md)
+
+Indicator can be used to achieve magnifying glass, parallax scrolling and other effects.
+
+## Usage
+
+```js
+import BScroll from '@better-scroll/core'
+import Indicators from '@better-scroll/indicators'
+BScroll.use(Indicators)
+
+const bs = new BScroll('.wrapper', {
+  indicators: [
+    relationElement: someHTMLElement
+  ]
+})
+```
+
+```ts
+interface IndicatorOptions {
+  interactive?: boolean
+  ratio?: Ratio
+  relationElementHandleElementIndex?: number
+  relationElement: HTMLElement
+}
+```