react_hsbc_teller 0.0.1

package/.babelrc

@@ -0,0 +1,4 @@
+{
+    "presets": ["@babel/preset-react"],
+    "plugins": ["@babel/plugin-syntax-jsx", "@babel/plugin-proposal-class-properties"]
+}

package/README.en.md

@@ -0,0 +1,36 @@
+# react-hsbc
+
+#### Description
+react-hsbc
+
+#### Software Architecture
+Software architecture description
+
+#### Installation
+
+1.  xxxx
+2.  xxxx
+3.  xxxx
+
+#### Instructions
+
+1.  xxxx
+2.  xxxx
+3.  xxxx
+
+#### Contribution
+
+1.  Fork the repository
+2.  Create Feat_xxx branch
+3.  Commit your code
+4.  Create Pull Request
+
+
+#### Gitee Feature
+
+1.  You can use Readme\_XXX.md to support different languages, such as Readme\_en.md, Readme\_zh.md
+2.  Gitee blog [blog.gitee.com](https://blog.gitee.com)
+3.  Explore open source project [https://gitee.com/explore](https://gitee.com/explore)
+4.  The most valuable open source project [GVP](https://gitee.com/gvp)
+5.  The manual of Gitee [https://gitee.com/help](https://gitee.com/help)
+6.  The most popular members  [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)

package/README.md

@@ -0,0 +1,57 @@
+<p align="center">
+  <a href="https://winyh.github.io/react-hsbc/">
+    <img width="200" src="https://github.com/react-hsbc">
+  </a>
+</p>
+
+<h1 align="center">react-hsbc</h1>
+
+<p align="center">React</p>
+
+### 安装
+
+```
+npm install react-hsbc
+```
+
+### 引入样式
+
+```
+import "react-hsbc/lib/hsbc.css"
+```
+
+### 打包发布
+
+```
+npm run lib
+
+npm login
+
+npm publish
+```
+
+### 引用示例
+
+```
+import React, { Component } from 'react';
+import HSBC from "react-hsbc";
+
+class App extends Component {
+  render(){
+    return (
+      <div className="main">
+        <HSBC></HSBC>
+      </div>
+    );
+  }
+}
+
+export default App;
+```
+
+### demo(文档待完善)
+
+### 贡献代码
+
+组件都在 packages 目录下，单个组件用单个目录存放，在 packages 目录下的 index.js 文件中集中对外抛出
+

package/config/webpack.config.js

@@ -0,0 +1,114 @@
+const path = require("path");
+const webpack = require("webpack");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const { CleanWebpackPlugin } = require("clean-webpack-plugin");
+const WebpackBar = require("webpackbar");
+const autoprefixer = require("autoprefixer");
+const px2rem = require("postcss-px2rem");
+
+module.exports = {
+  entry: path.join(__dirname, "../packages/index.js"),
+  output: {
+    path: path.resolve(__dirname, "../lib"),
+    filename: "hsbc.js",
+    library: "hsbc",
+    libraryTarget: "umd",
+  },
+  resolve: {
+    extensions: [".tsx", ".ts", ".js", ".jsx"],
+    alias: {
+      "@":path.resolve("packages"),
+      "@src":path.resolve("src"),
+      "@component":path.resolve("packages/component"),
+      "@public":path.resolve("public"),
+    },
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(css|less)$/,
+        use: [
+          require.resolve('style-loader'),
+          {
+            loader: require.resolve('css-loader'),
+            options: {
+              importLoaders: 1,
+            },
+          },
+          {
+            loader: require.resolve('postcss-loader'),
+            options: {
+              ident: 'postcss',
+              plugins: () => [
+                require('postcss-flexbugs-fixes'),
+                autoprefixer({
+                  browsers: [
+                    '>1%',
+                    'last 4 versions',
+                    'Firefox ESR',
+                    'not ie < 9', // React doesn't support IE8 anyway
+                  ],
+                  flexbox: 'no-2009',
+                }),
+                px2rem({
+                  remUnit: 19.20,
+                  exclude: /node-modules/i,
+                }),
+              ],
+            },
+          },
+          {
+            loader: require.resolve('less-loader')
+          },
+        ],
+      },
+      {
+        test: /\.(png|svg|jpg|gif)$/,
+        use: [
+          {
+            loader: 'url-loader',
+            options: {
+              limit: 8192,
+            },
+          }
+        ],
+      },
+      {
+        test: /\.(woff|woff2|eot|ttf|otf)$/,
+        use: ["file-loader"],
+      },
+      {
+        test: /\.tsx?$/,
+        exclude: /node_modules/,
+        use: "ts-loader",
+      },
+      {
+        test: /\.(js|jsx)$/,
+        exclude: /node_modules/,
+        use: "babel-loader",
+      },
+    ],
+  },
+  plugins: [
+    new WebpackBar(),
+    new CleanWebpackPlugin(),
+    new HtmlWebpackPlugin({
+      title: "lib 创建 library",
+      template: path.resolve(__dirname, "../public/index.html"),
+    }),
+  ],
+  externals: {
+    react: {
+      commonjs: 'react',
+      commonjs2: 'react',
+      amd: 'react',
+      root: 'React',
+    },
+    'react-dom': {
+      commonjs: 'react-dom',
+      commonjs2: 'react-dom',
+      amd: 'react-dom',
+      root: 'ReactDOM',
+    },
+  }
+};

package/config/webpack.dev.js

@@ -0,0 +1,108 @@
+const path = require("path");
+const webpack = require("webpack");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const { CleanWebpackPlugin } = require("clean-webpack-plugin");
+const WebpackBar = require("webpackbar");
+const autoprefixer = require('autoprefixer');
+const px2rem = require('postcss-px2rem');
+module.exports = {
+  entry: "./src/index.js",
+  output: {
+    publicPath: "/",
+    path: path.resolve(__dirname, "../dist"),
+    filename: "index.js",
+  },
+  devtool: "inline-source-map",
+  resolve: {
+    extensions: [".tsx", ".ts", ".js", ".jsx"],
+    alias: {
+      "@":path.resolve("packages"),
+      "@src":path.resolve("src"),
+      "@component":path.resolve("packages/component"),
+      "@public":path.resolve("public"),
+    },
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(css|less)$/,
+        use: [
+          require.resolve('style-loader'),
+          {
+            loader: require.resolve('css-loader'),
+            options: {
+              importLoaders: 1,
+            },
+          },
+          {
+            loader: require.resolve('postcss-loader'),
+            options: {
+              ident: 'postcss',
+              plugins: () => [
+                require('postcss-flexbugs-fixes'),
+                autoprefixer({
+                  browsers: [
+                    '>1%',
+                    'last 4 versions',
+                    'Firefox ESR',
+                    'not ie < 9', // React doesn't support IE8 anyway
+                  ],
+                  flexbox: 'no-2009',
+                }),
+                px2rem({
+                  remUnit: 19.20,
+                  exclude: /node-modules/i,
+                }),
+              ],
+            },
+          },
+          {
+            loader: require.resolve('less-loader'),
+            options: { javascriptEnabled: true }
+          },
+        ],
+      },
+      {
+        test: /\.(png|svg|jpg|gif)$/,
+        use: [
+          {
+            loader: 'url-loader',
+            options: {
+              limit: 8192,
+            },
+          }
+        ],
+      },
+      {
+        test: /\.(woff|woff2|eot|ttf|otf)$/,
+        use: ["file-loader"],
+      },
+      {
+        test: /\.tsx?$/,
+        exclude: /node_modules/,
+        use: "ts-loader",
+      },
+      {
+        test: /\.(js|jsx)$/,
+        exclude: /node_modules/,
+        use: "babel-loader",
+      },
+    ],
+  },
+  plugins: [
+    new WebpackBar(),
+    new CleanWebpackPlugin(),
+    new HtmlWebpackPlugin({
+      title: "dev 开发环境",
+      template: path.resolve(__dirname, "../public/index.html"),
+    }),
+    new webpack.HotModuleReplacementPlugin(),
+  ],
+  devServer: {
+    contentBase: path.resolve(__dirname, "../dist"),
+    compress: true,
+    port: 9000,
+    open: true,
+    hot: true,
+  },
+};

package/config/webpack.prod.js

@@ -0,0 +1,113 @@
+const path = require("path");
+const webpack = require("webpack");
+const WebpackBar = require("webpackbar");
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const { CleanWebpackPlugin } = require("clean-webpack-plugin");
+const autoprefixer = require("autoprefixer");
+const px2rem = require("postcss-px2rem");
+
+module.exports = {
+  mode: "production",
+  entry: "./src/index.js",
+  output: {
+    path: path.resolve(__dirname, "../dist"),
+    filename: "index.js",
+  },
+  resolve: {
+    extensions: [".tsx", ".ts", ".js", ".jsx"],
+    alias: {
+      "@":path.resolve("packages"),
+      "@src":path.resolve("src"),
+      "@component":path.resolve("packages/component"),
+      "@public":path.resolve("public"),
+    },
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(css|less)$/,
+        use: [
+          require.resolve('style-loader'),
+          {
+            loader: require.resolve('css-loader'),
+            options: {
+              importLoaders: 1,
+            },
+          },
+          {
+            loader: require.resolve('postcss-loader'),
+            options: {
+              ident: 'postcss',
+              plugins: () => [
+                require('postcss-flexbugs-fixes'),
+                autoprefixer({
+                  browsers: [
+                    '>1%',
+                    'last 4 versions',
+                    'Firefox ESR',
+                    'not ie < 9', // React doesn't support IE8 anyway
+                  ],
+                  flexbox: 'no-2009',
+                }),
+                px2rem({
+                  remUnit: 19.20,
+                  exclude: /node-modules/i,
+                }),
+              ],
+            },
+          },
+          {
+            loader: require.resolve('less-loader')
+          },
+        ],
+      },
+      {
+        test: /\.(png|svg|jpg|gif)$/,
+        use: [
+          {
+            loader: 'url-loader',
+            options: {
+              limit: 8192,
+            },
+          }
+        ],
+      },
+      {
+        test: /\.(woff|woff2|eot|ttf|otf|html)$/,
+        use: ["file-loader"],
+      },
+      {
+        test: /\.tsx?$/,
+        exclude: /node_modules/,
+        use: "ts-loader",
+      },
+      {
+        test: /\.(js|jsx)$/,
+        exclude: /node_modules/,
+        use: "babel-loader",
+      },
+    ],
+  },
+  plugins: [
+    new WebpackBar(),
+    new CleanWebpackPlugin(),
+    new HtmlWebpackPlugin({
+      title: "prod 生产环境",
+      template: path.resolve(__dirname, "../public/index.html"),
+    }),
+  ],
+  externals: {
+    react: {
+      commonjs: 'react',
+      commonjs2: 'react',
+      amd: 'react',
+      root: 'React',
+    },
+    'react-dom': {
+      commonjs: 'react-dom',
+      commonjs2: 'react-dom',
+      amd: 'react-dom',
+      root: 'ReactDOM',
+    },
+  }
+};

package/package.json

@@ -0,0 +1,94 @@
+{
+  "name": "react_hsbc_teller",
+  "version": "0.0.1",
+  "description": "React",
+  "private": false,
+  "main": "lib/hsbc.js",
+  "scripts": {
+    "start": "webpack serve  --config  ./config/webpack.dev.js",
+    "build": "webpack  --config  ./config/webpack.prod.js",
+    "lib": "webpack  --config  ./config/webpack.config.js",
+    "deploy": "npm run build && gh-pages -d dist"
+  },
+  "directories": {
+    "lib": "lib"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+"
+  },
+  "keywords": [
+    "React",
+    "UI",
+    "NPM"
+  ],
+  "author": "grantITman 2811744265@qq.com",
+  "license": "MIT",
+  "bugs": {
+    "url": ""
+  },
+  "homepage": "#readme",
+  "devDependencies": {
+    "@babel/core": "^7.12.3",
+    "@babel/plugin-proposal-class-properties": "^7.12.1",
+    "@babel/plugin-syntax-jsx": "^7.12.1",
+    "@babel/preset-react": "^7.12.1",
+    "babel-core": "6.26.0",
+    "babel-eslint": "7.2.3",
+    "babel-jest": "20.0.3",
+    "babel-loader": "^8.1.0",
+    "babel-plugin-syntax-dynamic-import": "^6.18.0",
+    "babel-plugin-transform-decorators-legacy": "^1.3.4",
+    "babel-polyfill": "^6.26.0",
+    "babel-preset-env": "^1.6.1",
+    "babel-preset-react-app": "^3.1.0",
+    "babel-runtime": "6.26.0",
+    "autoprefixer": "7.1.6",
+    "classnames": "^2.2.6",
+    "clean-webpack-plugin": "^3.0.0",
+    "css-loader": "^5.0.0",
+    "extract-text-webpack-plugin": "^4.0.0-beta.0",
+    "file-loader": "^6.2.0",
+    "gh-pages": "^3.1.0",
+    "html-webpack-plugin": "^5.0.0-alpha.7",
+    "less": "^2.7.2",
+    "less-loader": "4.1.0",
+    "lib-flexible": "^0.3.2",
+    "mini-css-extract-plugin": "^1.2.1",
+    "postcss-flexbugs-fixes": "3.2.0",
+    "postcss-loader": "2.0.8",
+    "postcss-px2rem": "^0.3.0",
+    "prop-types": "^15.7.2",
+    "style-loader": "^2.0.0",
+    "ts-loader": "^8.0.7",
+    "typescript": "^4.0.5",
+    "web-vitals": "^0.2.4",
+    "webpack": "^5.3.2",
+    "webpack-cli": "^4.1.0",
+    "webpack-dev-server": "^3.11.0",
+    "webpackbar": "^4.0.0",
+    "babel-plugin-import": "^1.13.3",
+    "eslint": "4.10.0",
+    "eslint-config-react-app": "^2.0.1",
+    "eslint-loader": "1.9.0",
+    "eslint-plugin-flowtype": "2.39.1",
+    "eslint-plugin-import": "2.8.0",
+    "eslint-plugin-jsx-a11y": "5.1.1",
+    "eslint-plugin-react": "7.4.0"
+  },
+  "dependencies": {
+    "antd": "^4.16.13",
+    "axios": "0.19.0",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "url-loader": "^4.1.1"
+  },
+  "peerDependencies": {
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1"
+  },
+  "sideEffects": [
+    "*.css",
+    "*.less"
+  ]
+}

package/packages/api/api.js

@@ -0,0 +1,135 @@
+import Server from './server';
+
+class API extends Server{
+  /**
+   *  用途：获取mpass签名
+   *  @url https://api.cangdu.org/shopro/data/products
+   *  返回http_code为200表示成功
+   *  @method post
+   *  @return {promise}
+   */
+  async mpaasSig(params = {}){
+    console.log(params)
+    try{
+      let result = await this.axios('post', '/hsbc/sig', params); 
+      if(result && (result.data instanceof Object) && result.code === 200){
+        return result.data||[];
+      }else{
+        let err = {
+          tip: '获取签名失败',
+          response: result,
+          data: params,
+          // url: 'https://api.cangdu.org/shopro/data/products',
+        }
+        throw err;
+      }
+    }catch(err){
+      throw err;
+    }
+  }
+  // /**
+  //  *  用途：上传图片
+  //  *  @url https://elm.cangdu.org/v1/addimg/shop
+  //  *  返回status为1表示成功
+  //  *  @method post
+  //  *  @return {promise}
+  //  */
+  // async uploadImg(params = {}){
+  //   try{
+  //     let result = await this.axios('post', '//elm.cangdu.org/v1/addimg/shop', params); 
+  //     if(result && result.status === 1){
+  //       return result;
+  //     }else{
+  //       let err = {
+  //         tip: '上传图片失败',
+  //         response: result,
+  //         data: params,
+  //         url: '//elm.cangdu.org/v1/addimg/shop',
+  //       }
+  //       throw err;
+  //     }
+  //   }catch(err){
+  //     throw err;
+  //   }
+  // }
+
+  // /**
+  //  *  用途：获取记录数据
+  //  *  @url https://api.cangdu.org/shopro/data/record
+  //  *  返回http_code为200表示成功
+  //  *  @method get
+  //  *  @return {promise}
+  //  */
+  // async getRecord(params = {}){
+  //   try{
+  //     let result = await this.axios('get', `/shopro/data/record/${params.type}`); 
+  //     if(result && (result.data instanceof Object) && result.http_code === 200){
+  //       return result.data;
+  //     }else{
+  //       let err = {
+  //         tip: '获取记录数据失败',
+  //         response: result,
+  //         data: params,
+  //         url: 'https://api.cangdu.org/shopro/data/record',
+  //       }
+  //       throw err;
+  //     }
+  //   }catch(err){
+  //     throw err;
+  //   }
+  // }
+
+  // /**
+  //  *  用途：获取商品数据
+  //  *  @url https://api.cangdu.org/shopro/data/products
+  //  *  返回http_code为200表示成功
+  //  *  @method get
+  //  *  @return {promise}
+  //  */
+  // async getProduction(params = {}){
+  //   try{
+  //     let result = await this.axios('get', '/shopro/data/products', params); 
+  //     if(result && (result.data instanceof Object) && result.http_code === 200){
+  //       return result.data.data||[];
+  //     }else{
+  //       let err = {
+  //         tip: '获取商品数据失败',
+  //         response: result,
+  //         data: params,
+  //         url: 'https://api.cangdu.org/shopro/data/products',
+  //       }
+  //       throw err;
+  //     }
+  //   }catch(err){
+  //     throw err;
+  //   }
+  // }
+
+  // /**
+  //  *  用途：获取佣金数据
+  //  *  @url https://api.cangdu.org/shopro/data/balance
+  //  *  返回http_code为200表示成功
+  //  *  @method get
+  //  *  @return {promise}
+  //  */
+  // async getBalance(params = {}){
+  //   try{
+  //     let result = await this.axios('get', '/shopro/data/balance', params); 
+  //     if(result && (result.data instanceof Object) && result.http_code === 200){
+  //       return result.data.data||{};
+  //     }else{
+  //       let err = {
+  //         tip: '获取佣金数据失败',
+  //         response: result,
+  //         data: params,
+  //         url: 'https://api.cangdu.org/shopro/data/balance',
+  //       }
+  //       throw err;
+  //     }
+  //   }catch(err){
+  //     throw err;
+  //   }
+  // }
+}
+
+export default new API();