cbvirtua 1.0.105 → 1.0.107

package/better-scroll-dev/better-scroll-dev/packages/core/src/utils/bubbling.ts

@@ -0,0 +1,26 @@
+import { EventEmitter } from '@better-scroll/shared-utils'
+
+interface BubblingEventMap {
+  source: string
+  target: string
+}
+type BubblingEventConfig = BubblingEventMap | string
+export function bubbling(
+  source: EventEmitter,
+  target: EventEmitter,
+  events: BubblingEventConfig[]
+) {
+  events.forEach(event => {
+    let sourceEvent: string
+    let targetEvent: string
+    if (typeof event === 'string') {
+      sourceEvent = targetEvent = event
+    } else {
+      sourceEvent = event.source
+      targetEvent = event.target
+    }
+    source.on(sourceEvent, function(...args: any[]) {
+      return target.trigger(targetEvent, ...args)
+    })
+  })
+}

package/better-scroll-dev/better-scroll-dev/packages/core/src/utils/compare.ts

@@ -0,0 +1,13 @@
+import { TranslaterPoint } from '../translater'
+
+export function isSamePoint(
+  startPoint: TranslaterPoint,
+  endPoint: TranslaterPoint
+): boolean {
+  // keys of startPoint and endPoint should be equal
+  const keys = Object.keys(startPoint)
+  for (let key of keys) {
+    if (startPoint[key] !== endPoint[key]) return false
+  }
+  return true
+}

package/better-scroll-dev/better-scroll-dev/packages/core/src/utils/compat.ts

@@ -0,0 +1,36 @@
+import { Direction } from '@better-scroll/shared-utils'
+import { TranslaterPoint } from '../translater'
+
+type Position = {
+  x: number
+  y: number
+}
+// iOS 13.6 - 14.x, window.getComputedStyle sometimes will get wrong transform value
+// when bs use transition mode
+// eg: translateY -100px -> -200px, when the last frame which is about to scroll to -200px
+// window.getComputedStyle(this.content) will calculate transformY to be -100px(startPoint)
+// it is weird
+// so we should validate position caculated by 'window.getComputedStyle'
+export const isValidPostion = (
+  startPoint: TranslaterPoint,
+  endPoint: TranslaterPoint,
+  currentPos: Position,
+  prePos: Position
+) => {
+  const computeDirection = (endValue: number, startValue: number) => {
+    const delta = endValue - startValue
+    const direction =
+      delta > 0
+        ? Direction.Negative
+        : delta < 0
+        ? Direction.Positive
+        : Direction.Default
+    return direction
+  }
+  const directionX = computeDirection(endPoint.x, startPoint.x)
+  const directionY = computeDirection(endPoint.y, startPoint.y)
+  const deltaX = currentPos.x - prePos.x
+  const deltaY = currentPos.y - prePos.y
+
+  return directionX * deltaX <= 0 && directionY * deltaY <= 0
+}

package/better-scroll-dev/better-scroll-dev/packages/core/src/utils/typesHelper.ts

@@ -0,0 +1,5 @@
+export type UnionToIntersection<U> = (
+  U extends any ? (k: U) => void : never
+) extends (k: infer I) => void
+  ? I
+  : never

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

@@ -0,0 +1,5 @@
+# examples
+
+BetterScroll example in different Vue scenarios.
+
+[vue demo](https://better-scroll.github.io/examples/#/)

package/better-scroll-dev/better-scroll-dev/packages/examples/build/vue-example-build.js

@@ -0,0 +1,31 @@
+var ora = require('ora')
+var rm = require('rimraf')
+var path = require('path')
+var chalk = require('chalk')
+var webpack = require('webpack')
+var webpackConfig = require('./vue-webpack.conf.js')
+
+var spinner = ora('building for production...')
+spinner.start()
+const assetsRoot = path.join(__dirname, '../dist/vue')
+console.log(chalk.red(assetsRoot))
+rm(assetsRoot, err => {
+    if (err) throw err
+    webpack(webpackConfig, function(err, stats) {
+        spinner.stop()
+        if (err) throw err
+        process.stdout.write(stats.toString({
+            colors: true,
+            modules: false,
+            children: false,
+            chunks: false,
+            chunkModules: false
+        }) + '\n\n')
+
+        console.log(chalk.cyan('  Build complete.\n'))
+        console.log(chalk.yellow(
+            '  Tip: built files are meant to be served over an HTTP server.\n' +
+            '  Opening index.html over file:// won\'t work.\n'
+        ))
+    })
+})

package/better-scroll-dev/better-scroll-dev/packages/examples/build/vue-webpack.conf.js

@@ -0,0 +1,232 @@
+const Config = require('webpack-chain')
+const VueLoaderPlugin = require('vue-loader/lib/plugin')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const webpack = require('webpack')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
+const webpackBar = require('webpackbar')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
+const TerserPlugin = require('terser-webpack-plugin')
+const path = require('path')
+const fs = require('fs')
+const { e2e } = require('yargs').argv
+const execa = require('execa')
+const isProd = process.env.NODE_ENV === 'production'
+
+function resolve(dir) {
+  return path.join(__dirname, '../', dir)
+}
+
+const webpackConfig = new Config()
+console.log('-----', isProd)
+webpackConfig
+  .mode(isProd ? 'production' : 'development')
+  .devtool(isProd ? 'false' : 'eval-source-map')
+  .entry('app')
+    .add('./vue/main.js')
+    .end()
+  .output
+    .path(isProd ? path.resolve(__dirname, '../dist/vue') : undefined)
+    .publicPath(isProd ? '/examples/' : '/')
+    .filename(isProd ? 'static/js/[name].[chunkhash].js' : '[name].js')
+    .chunkFilename(isProd ? 'static/js/[id].[chunkhash].js' : '[name].js')
+    .end()
+  .resolve
+    .alias
+      .set('vue-example', resolve('vue'))
+      .set('common', resolve('common'))
+      .end()
+    .extensions
+      .add('.js')
+      .add('.vue')
+      .add('.json')
+      .add('.ts')
+      .end()
+    .end()
+  .module
+    .rule('compileVue')
+      .test(/\.vue$/)
+      .use('vue')
+        .loader('vue-loader')
+        .end()
+      .end()
+    .rule('transformJs')
+      .test(/\.js$/)
+      .use('babel')
+        .loader('babel-loader')
+        .options({
+          presets: ["@babel/preset-env"]
+        })
+        .end()
+      .include
+        .add(resolve('common'))
+        .add(resolve('vue'))
+        .end()
+      .end()
+    .rule('url')
+      .test(/\.(png|jpe?g|gif|svg|webp)(\?.*)?$/)
+      .use('url')
+        .loader('url-loader')
+        .options({
+          esModule: false,
+          limit: 10000,
+          name: 'static/img/[name].[hash:7].[ext]'
+        })
+        .end()
+      .end()
+    .rule('ts')
+      .test(/\.ts$/)
+      .use('ts')
+        .loader('ts-loader')
+        .options({
+          transpileOnly: true
+        })
+        .end()
+      .end()
+    .rule('css')
+      .test(/\.css$/)
+      .use('style-loader')
+        .loader(
+          process.env.NODE_ENV !== 'production' ?
+          'vue-style-loader' :
+          MiniCssExtractPlugin.loader
+        )
+        .end()
+      .use('css-loader')
+        .loader('css-loader')
+        .end()
+      .end()
+    .rule('stylus')
+      .test(/.styl(us)?$/)
+      .use('style-loader')
+        .loader(
+          process.env.NODE_ENV !== 'production' ?
+          'vue-style-loader' :
+          MiniCssExtractPlugin.loader
+        )
+        .end()
+      .use('css-loader')
+        .loader('css-loader')
+        .end()
+      .use('postcss-loader')
+        .loader('postcss-loader')
+        .end()
+      .use('stylus-loader')
+        .loader('stylus-loader')
+        .end()
+      .end()
+    .end()
+  .plugin('VueLoaderPlugin')
+    .use(VueLoaderPlugin)
+    .end()
+  .plugin('WebpackBar')
+    .use(webpackBar)
+    .end()
+  .plugin('MiniCssExtractPlugin')
+    .use(MiniCssExtractPlugin, [{
+      filename: 'static/css/[name].[contenthash].css'
+    }])
+    .end()
+  .when(!isProd, () => {
+    webpackConfig
+      .devServer
+        .open(true)
+        .hot(true)
+        .compress(true)
+        .end()
+      .plugin('HotModuleReplacementPlugin')
+        .use(webpack.HotModuleReplacementPlugin)
+        .end()
+      .plugin('NoEmitOnErrorsPlugin')
+        .use(webpack.NoEmitOnErrorsPlugin)
+        .end()
+      .plugin('HtmlWebpackPlugin')
+        .use(HtmlWebpackPlugin, [{
+          filename: 'index.html',
+          template: './vue/index.html',
+          inject: true
+        }])
+        .end()
+      .plugin('FriendlyErrorsPlugin')
+        .use(FriendlyErrorsPlugin)
+        .end()
+  }, () => {
+    webpackConfig
+      .optimization
+        .minimizer('TerserPlugin')
+          .use(TerserPlugin)
+        .end()
+      .end()
+      .plugin('OptimizeCSSPlugin')
+        .use(OptimizeCSSPlugin, [{
+          cssProcessorOptions: {
+            safe: true
+          }
+        }])
+        .end()
+      .plugin('HtmlWebpackPlugin')
+        .use(HtmlWebpackPlugin, [{
+          filename: 'index.html',
+          template: './vue/index.html',
+          inject: true,
+          minify: {
+            removeComments: true,
+            collapseWhitespace: true,
+            removeAttributeQuotes: true
+            // more options:
+            // https://github.com/kangax/html-minifier#options-quick-reference
+          },
+          // necessary to consistently work with multiple chunks via CommonsChunkPlugin
+          chunksSortMode: 'dependency'
+        }])
+        .end()
+      .plugin('CopyWebpackPlugin')
+        .use(CopyWebpackPlugin, [[{
+          from: path.resolve(__dirname, '../static'),
+          to: 'static',
+          ignore: ['.*']
+        }]])
+        .end()
+  })
+function getPackagesName() {
+  let ret
+  let all = fs.readdirSync(resolve('../../packages'))
+
+  // drop hidden file whose name is startWidth '.'
+  // drop packages which would not be published(eg: examples and vuepress-docs)
+  ret = all
+          .filter(name => {
+            const isHiddenFile = /^\./g.test(name)
+            return !isHiddenFile
+          })
+          .filter(name => {
+            const isPrivatePackages = require(resolve(`../../packages/${name}/package.json`)).private
+            return !isPrivatePackages
+          })
+          .map((name) => {
+            return require(resolve(`../../packages/${name}/package.json`)).name
+          })
+
+  return ret
+}
+
+// add alias
+getPackagesName().forEach((name) => {
+  webpackConfig.resolve.alias.set(`${name}$`, `${name}/src/index.ts`)
+})
+
+let config = { ...webpackConfig.toConfig(), devServer: { host: '0.0.0.0', disableHostCheck: true }}
+// run test e2e
+if (e2e) {
+  config.devServer.setup = (app, server) => {
+    server.middleware.waitUntilValid(async () => {
+      // back to src directory
+      const cwd = path.join(__dirname, '../../')
+
+      await execa('yarn', ['test:e2e'], { stdio: 'inherit', cwd })
+    })
+  }
+}
+
+module.exports = config

package/better-scroll-dev/better-scroll-dev/packages/examples/package.json

@@ -0,0 +1,48 @@
+{
+    "name": "examples",
+    "version": "2.5.1",
+    "description": "Examples of BetterScroll",
+    "author": {
+        "name": "jizhi",
+        "email": "theniceangel@163.com"
+    },
+    "private": true,
+    "scripts": {
+        "vue:dev": "cross-env NODE_ENV=development webpack-dev-server --config ./build/vue-webpack.conf.js --host 0.0.0.0 --port 8932 --colors",
+        "vue:test:e2e": "yarn vue:dev --e2e",
+        "vue:build": "cross-env NODE_ENV=production node build/vue-example-build.js",
+        "vue:release": "sh vue-release.sh"
+    },
+    "bugs": {
+        "url": "https://github.com/ustbhuangyi/better-scroll/issues"
+    },
+    "homepage": "https://github.com/ustbhuangyi/better-scroll",
+    "keywords": [
+        "scroll",
+        "iscroll",
+        "javascript",
+        "typescript",
+        "ios",
+        "better-scroll examples"
+    ],
+    "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "git@github.com:ustbhuangyi/better-scroll.git",
+        "directory": "packages/examples"
+    },
+    "devDependencies": {
+        "@babel/polyfill": "^7.4.4",
+        "babel-loader": "8.1.0",
+        "copy-webpack-plugin": "^5.0.2",
+        "friendly-errors-webpack-plugin": "^1.7.0",
+        "html-webpack-plugin": "^3.2.0",
+        "mini-css-extract-plugin": "^0.5.0",
+        "ora": "^3.4.0",
+        "terser-webpack-plugin": "^4.1.0",
+        "uglifyjs-webpack-plugin": "^2.1.2",
+        "vue-loader": "15.9.6",
+        "webpack-cli": "3.3.0",
+        "webpackbar": "3.2.0"
+    }
+}

package/better-scroll-dev/better-scroll-dev/packages/examples/static/css/github-light.css

@@ -0,0 +1,116 @@
+/*
+   Copyright 2014 GitHub Inc.
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+
+*/
+
+.pl-c /* comment */ {
+  color: #969896;
+}
+
+.pl-c1      /* constant, markup.raw, meta.diff.header, meta.module-reference, meta.property-name, support, support.constant, support.variable, variable.other.constant */,
+.pl-s .pl-v /* string variable */ {
+  color: #0086b3;
+}
+
+.pl-e  /* entity */,
+.pl-en /* entity.name */ {
+  color: #795da3;
+}
+
+.pl-s .pl-s1 /* string source */,
+.pl-smi      /* storage.modifier.import, storage.modifier.package, storage.type.java, variable.other, variable.parameter.function */ {
+  color: #333;
+}
+
+.pl-ent /* entity.name.tag */ {
+  color: #63a35c;
+}
+
+.pl-k /* keyword, storage, storage.type */ {
+  color: #a71d5d;
+}
+
+.pl-pds              /* punctuation.definition.string, string.regexp.character-class */,
+.pl-s                /* string */,
+.pl-s .pl-pse .pl-s1 /* string punctuation.section.embedded source */,
+.pl-sr               /* string.regexp */,
+.pl-sr .pl-cce       /* string.regexp constant.character.escape */,
+.pl-sr .pl-sra       /* string.regexp string.regexp.arbitrary-repitition */,
+.pl-sr .pl-sre       /* string.regexp source.ruby.embedded */ {
+  color: #183691;
+}
+
+.pl-v /* variable */ {
+  color: #ed6a43;
+}
+
+.pl-id /* invalid.deprecated */ {
+  color: #b52a1d;
+}
+
+.pl-ii /* invalid.illegal */ {
+  background-color: #b52a1d;
+  color: #f8f8f8;
+}
+
+.pl-sr .pl-cce /* string.regexp constant.character.escape */ {
+  color: #63a35c;
+  font-weight: bold;
+}
+
+.pl-ml /* markup.list */ {
+  color: #693a17;
+}
+
+.pl-mh        /* markup.heading */,
+.pl-mh .pl-en /* markup.heading entity.name */,
+.pl-ms        /* meta.separator */ {
+  color: #1d3e81;
+  font-weight: bold;
+}
+
+.pl-mq /* markup.quote */ {
+  color: #008080;
+}
+
+.pl-mi /* markup.italic */ {
+  color: #333;
+  font-style: italic;
+}
+
+.pl-mb /* markup.bold */ {
+  color: #333;
+  font-weight: bold;
+}
+
+.pl-md /* markup.deleted, meta.diff.header.from-file */ {
+  background-color: #ffecec;
+  color: #bd2c00;
+}
+
+.pl-mi1 /* markup.inserted, meta.diff.header.to-file */ {
+  background-color: #eaffea;
+  color: #55a532;
+}
+
+.pl-mdr /* meta.diff.range */ {
+  color: #795da3;
+  font-weight: bold;
+}
+
+.pl-mo /* meta.output */ {
+  color: #1d3e81;
+}
+