组件初始化

Author: a826604005

.babelrc

@@ -0,0 +1,14 @@
+{
+	"presets": [
+	  "@babel/preset-env",
+	  "@babel/react"
+	],
+	"plugins": [
+	  "@babel/plugin-transform-runtime",
+	  "@babel/plugin-syntax-dynamic-import",
+	  "@babel/plugin-syntax-import-meta",
+	  "@babel/plugin-proposal-class-properties",
+	  "@babel/plugin-proposal-json-strings",
+	  ["import", { "libraryName": "antd-mobile", "style": "css" }]
+	]
+  }

.eslintrc

@@ -0,0 +1,23 @@
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+node_modules/
+/tmp
+report.*
+
+# production
+/build
+dist
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+package-lock.json

.gitignore

@@ -1,2 +1,69 @@
-# number-scroll
-react 数字滚动组件
+# numbers-scroll
+
+A very simple light weight react-component that animates your number updates.
+
+![Scrolling Number](https://media.giphy.com/media/XZ02rGDvGc8bk9x8rq/giphy.gif)
+
+## Installation
+
+`npm install numbers-scroll --save`
+
+
+## Examples 1
+
+
+```javascript
+import React, { useState } from 'react'
+import NumbersScroll from 'numbers-scroll'
+
+const MyNumberScroll = () => {
+    const [number, setNumber] = useState(896507);
+    return (
+        <div className="example-container">
+            <NumbersScroll
+                split={true}
+                value={number}
+                numberStyle={{
+                fontSize: 50,
+                background: "#51a4e9",
+                color: "#fff",
+                marginLeft: 2,
+                marginRight: 2
+                }}
+            />
+        </div>
+    )
+}
+```
+
+## Examples 2
+
+```javascript
+import React, { Component } from "react"
+import NumbersScroll from 'numbers-scroll'
+
+class MyNumberScroll extends Component {
+  constructor(props) {
+    super(props)
+    this.state = {
+      number: 896507
+    }
+  }
+  render() {
+    const { number } = this.state
+    return <div className="example-container">
+      <NumbersScroll
+        split={true}
+        value={number}
+        numberStyle={{
+          fontSize: 50,
+          background: "#51a4e9",
+          color: "#fff",
+          marginLeft: 2,
+          marginRight: 2
+        }}
+      />
+    </div>
+  }
+}
+```

README.md

@@ -0,0 +1,92 @@
+{
+  "name": "numbers-scroll",
+  "version": "1.0.0",
+  "description": "",
+  "scripts": {
+    "dev": "webpack-dev-server --config webpack.config.dev.js --openPage 'example.html'",
+    "publish": "webpack --config webpack.config.build.js --progress --BUILD_TYPE publish",
+    "fix": "eslint src/ --fix"
+  },
+  "main": "dist/main.min.js",
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/cli": "^7.14.3",
+    "@babel/core": "^7.0.0-beta.40",
+    "@babel/plugin-proposal-class-properties": "^7.0.0",
+    "@babel/plugin-proposal-decorators": "^7.0.0",
+    "@babel/plugin-proposal-do-expressions": "^7.0.0",
+    "@babel/plugin-proposal-export-default-from": "^7.0.0",
+    "@babel/plugin-proposal-export-namespace-from": "^7.0.0",
+    "@babel/plugin-proposal-function-bind": "^7.0.0",
+    "@babel/plugin-proposal-function-sent": "^7.0.0",
+    "@babel/plugin-proposal-json-strings": "^7.0.0",
+    "@babel/plugin-proposal-logical-assignment-operators": "^7.0.0",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.0.0",
+    "@babel/plugin-proposal-numeric-separator": "^7.0.0",
+    "@babel/plugin-proposal-optional-chaining": "^7.0.0",
+    "@babel/plugin-proposal-pipeline-operator": "^7.0.0",
+    "@babel/plugin-proposal-throw-expressions": "^7.0.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
+    "@babel/plugin-syntax-import-meta": "^7.0.0",
+    "@babel/plugin-transform-runtime": "^7.5.5",
+    "@babel/polyfill": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
+    "@babel/preset-react": "^7.0.0-beta.40",
+    "@svgr/webpack": "^4.3.2",
+    "babel-eslint": "^10.0.2",
+    "babel-loader": "^8.0.0-beta.0",
+    "babel-plugin-import": "^1.12.0",
+    "babel-plugin-lodash": "^3.3.2",
+    "babel-plugin-react-transform": "^3.0.0",
+    "clean-webpack-plugin": "^0.1.19",
+    "eslint": "^4.19.1",
+    "eslint-loader": "^2.0.0",
+    "eslint-plugin-react": "^7.7.0",
+    "extract-text-webpack-plugin": "^3.0.2",
+    "happypack": "^5.0.0-beta.4",
+    "html-webpack-inline-source-plugin": "0.0.10",
+    "html-webpack-plugin": "^3.2.0",
+    "mini-css-extract-plugin": "^0.4.0",
+    "only-if-changed-webpack-plugin": "0.0.3",
+    "postcss-loader": "^3.0.0",
+    "postcss-pxtorem": "^4.0.1",
+    "react-hot-loader": "^4.0.0",
+    "react-loadable": "^5.4.0",
+    "terser-webpack-plugin": "^2.2.1",
+    "webpack": "^4.41.2",
+    "webpack-cli": "^3.1.1",
+    "webpack-dev-server": "^3.11.2",
+    "write-file-webpack-plugin": "^4.2.0"
+  },
+  "dependencies": {
+    "antd": "^3.23.2",
+    "babel-plugin-transform-async-to-generator": "^6.24.1",
+    "babel-plugin-transform-runtime": "^6.23.0",
+    "copy-webpack-plugin": "^4.5.1",
+    "css-loader": "^0.28.11",
+    "echarts": "^5.2.2",
+    "echarts-liquidfill": "^3.0.0",
+    "file-loader": "^1.1.11",
+    "html-webpack-include-assets-plugin": "^1.0.4",
+    "jquery": "^3.6.0",
+    "jsonwebtoken": "^8.5.1",
+    "loading-spinner": "^1.2.1",
+    "lz-string": "^1.4.4",
+    "node-sass": "^4.14.1",
+    "numeral": "^2.0.6",
+    "optimize-css-assets-webpack-plugin": "^4.0.3",
+    "rc-tween-one": "^2.7.3",
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1",
+    "rrweb": "^0.7.27",
+    "rrweb-player": "^0.4.0",
+    "sass-loader": "^10.1.0",
+    "script-ext-html-webpack-plugin": "^2.0.1",
+    "style-loader": "^0.20.3",
+    "url-loader": "^1.0.1",
+    "webfunny-login": "^1.0.2",
+    "webfunny-monitor": "^1.3.3",
+    "webpack-merge": "^4.1.5"
+  }
+}