cbvirtua 1.0.105 → 1.0.107

package/better-scroll-dev/better-scroll-dev/packages/pull-up/src/index.ts

@@ -0,0 +1,175 @@
+import BScroll, { Boundary } from '@better-scroll/core'
+import {
+  Probe,
+  Direction,
+  extend,
+  EventEmitter,
+} from '@better-scroll/shared-utils'
+import propertiesConfig from './propertiesConfig'
+
+export type PullUpLoadOptions = Partial<PullUpLoadConfig> | true
+export interface PullUpLoadConfig {
+  threshold: number
+}
+
+declare module '@better-scroll/core' {
+  interface CustomOptions {
+    pullUpLoad?: PullUpLoadOptions
+  }
+  interface CustomAPI {
+    pullUpLoad: PluginAPI
+  }
+}
+interface PluginAPI {
+  finishPullUp(): void
+  openPullUp(config?: PullUpLoadOptions): void
+  closePullUp(): void
+  autoPullUpLoad(): void
+}
+
+const PULL_UP_HOOKS_NAME = 'pullingUp'
+
+export default class PullUp implements PluginAPI {
+  static pluginName = 'pullUpLoad'
+  private hooksFn: Array<[EventEmitter, string, Function]>
+  pulling: boolean = false
+  watching: boolean = false
+  options: PullUpLoadConfig
+  constructor(public scroll: BScroll) {
+    this.init()
+  }
+
+  private init() {
+    this.handleBScroll()
+
+    this.handleOptions(this.scroll.options.pullUpLoad)
+
+    this.handleHooks()
+
+    this.watch()
+  }
+
+  private handleBScroll() {
+    this.scroll.registerType([PULL_UP_HOOKS_NAME])
+
+    this.scroll.proxy(propertiesConfig)
+  }
+
+  private handleOptions(userOptions: PullUpLoadOptions = {}) {
+    userOptions = (userOptions === true ? {} : userOptions) as Partial<
+      PullUpLoadConfig
+    >
+    const defaultOptions: PullUpLoadConfig = {
+      threshold: 0,
+    }
+    this.options = extend(defaultOptions, userOptions)
+
+    this.scroll.options.probeType = Probe.Realtime
+  }
+
+  private handleHooks() {
+    this.hooksFn = []
+    const { scrollBehaviorY } = this.scroll.scroller
+
+    this.registerHooks(
+      this.scroll.hooks,
+      this.scroll.hooks.eventTypes.contentChanged,
+      () => {
+        this.finishPullUp()
+      }
+    )
+
+    this.registerHooks(
+      scrollBehaviorY.hooks,
+      scrollBehaviorY.hooks.eventTypes.computeBoundary,
+      (boundary: Boundary) => {
+        // content is smaller than wrapper
+        if (boundary.maxScrollPos > 0) {
+          // allow scrolling when content is not full of wrapper
+          boundary.maxScrollPos = -1
+        }
+      }
+    )
+  }
+
+  private registerHooks(hooks: EventEmitter, name: string, handler: Function) {
+    hooks.on(name, handler, this)
+    this.hooksFn.push([hooks, name, handler])
+  }
+
+  private watch() {
+    if (this.watching) {
+      return
+    }
+    this.watching = true
+    this.registerHooks(
+      this.scroll,
+      this.scroll.eventTypes.scroll,
+      this.checkPullUp
+    )
+  }
+
+  private unwatch() {
+    this.watching = false
+    this.scroll.off(this.scroll.eventTypes.scroll, this.checkPullUp)
+  }
+
+  private checkPullUp(pos: { x: number; y: number }) {
+    const { threshold } = this.options
+
+    if (
+      this.scroll.movingDirectionY === Direction.Positive &&
+      pos.y <= this.scroll.maxScrollY + threshold
+    ) {
+      this.pulling = true
+      // must reset pulling after scrollEnd
+      this.scroll.once(this.scroll.eventTypes.scrollEnd, () => {
+        this.pulling = false
+      })
+      this.unwatch()
+      this.scroll.trigger(PULL_UP_HOOKS_NAME)
+    }
+  }
+
+  finishPullUp() {
+    // reset Direction, fix #936
+    this.scroll.scroller.scrollBehaviorY.setMovingDirection(Direction.Default)
+    if (this.pulling) {
+      this.scroll.once(this.scroll.eventTypes.scrollEnd, () => {
+        this.watch()
+      })
+    } else {
+      this.watch()
+    }
+  }
+
+  // allow 'true' type is compat for beta version implements
+  openPullUp(config: PullUpLoadOptions = {}) {
+    this.handleOptions(config)
+    this.watch()
+  }
+
+  closePullUp() {
+    this.unwatch()
+  }
+
+  autoPullUpLoad() {
+    const { threshold } = this.options
+    const { scrollBehaviorY } = this.scroll.scroller
+
+    if (this.pulling || !this.watching) {
+      return
+    }
+
+    // simulate a pullUp action
+    const NEGATIVE_VALUE = -1
+    const outOfBoundaryPos =
+      scrollBehaviorY.maxScrollPos + threshold + NEGATIVE_VALUE
+    this.scroll.scroller.scrollBehaviorY.setMovingDirection(NEGATIVE_VALUE)
+    this.scroll.scrollTo(
+      this.scroll.x,
+      outOfBoundaryPos,
+      this.scroll.options.bounceTime
+    )
+  }
+}

package/better-scroll-dev/better-scroll-dev/packages/pull-up/src/propertiesConfig.ts

@@ -0,0 +1,27 @@
+const sourcePrefix = 'plugins.pullUpLoad'
+
+const propertiesMap = [
+  {
+    key: 'finishPullUp',
+    name: 'finishPullUp'
+  },
+  {
+    key: 'openPullUp',
+    name: 'openPullUp'
+  },
+  {
+    key: 'closePullUp',
+    name: 'closePullUp'
+  },
+  {
+    key: 'autoPullUpLoad',
+    name: 'autoPullUpLoad'
+  }
+]
+
+export default propertiesMap.map(item => {
+  return {
+    key: item.key,
+    sourceKey: `${sourcePrefix}.${item.name}`
+  }
+})

package/better-scroll-dev/better-scroll-dev/packages/react-examples/.env

@@ -0,0 +1,3 @@
+PORT=8940
+SKIP_PREFLIGHT_CHECK=true
+PUBLIC_URL=.

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

@@ -0,0 +1,3 @@
+# react-examples
+
+BetterScroll example in different React scenarios.

package/better-scroll-dev/better-scroll-dev/packages/react-examples/config-overrides.js

@@ -0,0 +1,53 @@
+const {
+  override,
+  addWebpackAlias,
+  removeModuleScopePlugin,
+} = require('customize-cra')
+const path = require('path')
+
+const resolve = (dir) => {
+  return path.resolve(__dirname, dir)
+}
+
+const customWebpackConfig = (config) => {
+  const oneOf = config.module.rules.find((rule) => rule.oneOf).oneOf
+
+  // 修改 file-loader 配置
+  oneOf.map((rule) => {
+    if (
+      Array.isArray(rule.test) &&
+      rule.options.name === 'static/media/[name].[hash:8].[ext]'
+    ) {
+      rule.options.esModule = false
+    }
+    return rule
+  })
+
+  // 添加 stylus-loader
+  const stylusLoader = {
+    test: /\.styl$/,
+    use: [
+      {
+        loader: 'style-loader',
+      },
+      {
+        loader: 'css-loader',
+      },
+      {
+        loader: 'stylus-loader',
+      },
+    ],
+  }
+  oneOf.unshift(stylusLoader)
+
+  return config
+}
+
+module.exports = override(
+  addWebpackAlias({
+    '@': resolve('src'),
+    common: resolve('common'),
+  }),
+  removeModuleScopePlugin(),
+  customWebpackConfig
+)

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

@@ -0,0 +1,59 @@
+{
+  "name": "react-examples",
+  "version": "2.5.1",
+  "description": "Examples of BetterScroll",
+  "private": true,
+  "author": "maomao1996 <1714487678@qq.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ustbhuangyi/better-scroll.git"
+  },
+  "homepage": "https://github.com/ustbhuangyi/better-scroll",
+  "bugs": {
+    "url": "https://github.com/ustbhuangyi/better-scroll/issues"
+  },
+  "scripts": {
+    "dev": "react-app-rewired start",
+    "build": "react-app-rewired build",
+    "test": "react-app-rewired test",
+    "eject": "react-scripts eject"
+  },
+  "dependencies": {
+    "@testing-library/jest-dom": "^5.11.10",
+    "@testing-library/react": "^11.2.6",
+    "@testing-library/user-event": "^12.8.3",
+    "better-scroll": "^2.5.1",
+    "classnames": "^2.3.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-router-dom": "^5.2.0",
+    "react-scripts": "4.0.3",
+    "react-transition-group": "^4.4.1",
+    "web-vitals": "^1.1.1"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "customize-cra": "^1.0.0",
+    "react-app-rewired": "^2.1.8",
+    "stylus": "^0.54.8",
+    "stylus-loader": "^3.0.2"
+  }
+}

package/better-scroll-dev/better-scroll-dev/packages/react-examples/public/index.html

@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="preconnect" href="https://fonts.gstatic.com">
+    <link rel="stylesheet" type="text/css" href="%PUBLIC_URL%/static/css/reset.css">
+    <link rel="stylesheet" type="text/css" href="%PUBLIC_URL%/static/css/normalize.css" media="screen">
+    <link href="https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap" rel="stylesheet">
+    <link rel="stylesheet" type="text/css" href="%PUBLIC_URL%/static/css/stylesheet.css" media="screen">
+    <link rel="stylesheet" type="text/css" href="%PUBLIC_URL%/static/css/github-light.css" media="screen">
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>BetterScroll</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>

package/better-scroll-dev/better-scroll-dev/packages/react-examples/public/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;
+}
+