.babelrc

@@ -1,11 +0,0 @@
-{
-  "presets": [
-    "@babel/preset-env",
-    "@babel/preset-react",
-    "@babel/preset-typescript"
-  ],
-  "plugins": [
-    "@babel/plugin-proposal-class-properties"
-    // "@babel/plugin-proposal-export-default-from"
-  ]
-}

.eslintrc.js

@@ -1,17 +0,0 @@
-module.exports = {
-  parser: "@typescript-eslint/parser",
-  parserOptions: {
-    ecmaVersion: 6, //也就是ES6语法支持的意思
-    sourceType: "module",
-    ecmaFeatures: {
-      modules: true
-    }
-  },
-  plugins: ["@typescript-eslint"],
-  rules: {
-    // 禁止使用 var
-    "no-var": "error",
-    // 优先使用 interface 而不是 type
-    "@typescript-eslint/consistent-type-definitions": ["error", "interface"]
-  }
-};

.gitignore

@@ -1,23 +1,104 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
 
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 
-# testing
-/coverage
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
 
-# production
-/build
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
 
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
 
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and *not* Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port

.kiwi/config.json

@@ -1,7 +0,0 @@
-{
-  "srcLang": "zh_CN",
-  "distLangs": [
-    "en_US"
-  ],
-  "googleApiKey": ""
-}

.kiwi/en_US/index.ts

@@ -1,7 +0,0 @@
-import priceOptions from './priceOptions';
-import payplatformoption from './payplatformoption';
-
-export default Object.assign({}, {
-  priceOptions,
-  payplatformoption,
-});

.kiwi/en_US/payplatformoption.ts

@@ -1,3 +0,0 @@
-export default {
-  "platform": "支付平台"
-}

.kiwi/en_US/priceOptions.ts

@@ -1,5 +0,0 @@
-export default {
-  "index": {
-    "others": "Others"
-  }
-}

.kiwi/zh_CN/index.ts

@@ -1,7 +0,0 @@
-import priceOptions from './priceOptions';
-import payplatformoption from './payplatformoption';
-
-export default Object.assign({}, {
-  priceOptions,
-  payplatformoption,
-});

.kiwi/zh_CN/payplatformoption.ts

@@ -1,3 +0,0 @@
-export default {
-  platform: '支付平台',
-};

.kiwi/zh_CN/priceOptions.ts

@@ -1,5 +0,0 @@
-export default {
-  index: {
-    others: '其他金额',
-  },
-};

.storybook/addons.js

@@ -5,4 +5,5 @@ import '@storybook/addon-knobs/register';
 import '@storybook/addon-viewport/register';
 import '@storybook/addon-console';
 import '@storybook/addon-storysource/register';
+import 'storybook-addon-themes';
 import 'storybook-readme/register';

.storybook/config.js

@@ -3,6 +3,9 @@ import { addParameters } from '@storybook/react';
 import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport';
 import { addDecorator } from '@storybook/react';
 import { withConsole } from '@storybook/addon-console';
+import theme from './theme';
+
+import 'antd/dist/antd.less';
 
 addParameters({
   info: { inline: true },
@@ -10,10 +13,11 @@ addParameters({
     viewports: INITIAL_VIEWPORTS,
     defaultViewport: 'someDefault',
   },
+  options: { theme },
 });
 // automatically import all files ending in *.stories.tsx
 configure(
-  require.context('../stories', true, /\.stories\.tsx?$/), module
+  require.context('../stories', true, /\.stories\.(t|j)sx?$/), module
 )
 
 addDecorator((storyFn, context) => withConsole()(storyFn)(context));

.storybook/preview-head.html

@@ -0,0 +1 @@
+<link rel="stylesheet" href="//at.alicdn.com/t/font_1158309_1tkgtp97s75.css" />

.storybook/theme.js

@@ -0,0 +1,37 @@
+import { create } from '@storybook/theming/create';
+
+export default create({
+  base: 'light',
+
+  colorPrimary: '#fc4747',
+  colorSecondary: '#fc695a',
+
+  // UI
+  appBg: 'white',
+  appContentBg: 'white',
+  appBorderColor: 'grey',
+  appBorderRadius: 4,
+
+  // Typography
+  fontBase: '"Open Sans", sans-serif',
+  fontCode: 'monospace',
+
+  // Text colors
+  textColor: 'black',
+  textInverseColor: 'rgba(255,255,255,0.9)',
+
+  // Toolbar default and active colors
+  barTextColor: 'black',
+  barSelectedColor: 'white',
+  barBg: '#fc4747',
+
+  // Form colors
+  inputBg: 'white',
+  inputBorder: 'silver',
+  inputTextColor: 'black',
+  inputBorderRadius: 4,
+
+  brandTitle: 'BilingoUI',
+  brandUrl: 'https://www.bilingo.com/',
+  brandImage: 'https://a.links123.cn/common/imgs/logo_en_mobile@2x.png?2019021101',
+});

.storybook/webpack.config.js

@@ -38,6 +38,9 @@ module.exports = ({ config }) => {
     {
       loader: 'less-loader',
       options: {
+        config: {
+          path: path.join(path.resolve(__dirname, '..'), 'postcss.config.js')
+        },
         javascriptEnabled: true,
       },
     }],
@@ -46,15 +49,20 @@ module.exports = ({ config }) => {
   config.module.rules.push({
     test: /\.(ts|tsx)$/,
     use: [
+      // Optional
       {
-        loader: require.resolve('babel-loader'),
+        loader: require.resolve("react-docgen-typescript-loader"),
         options: {
-          presets: [['react-app', { flow: false, typescript: true }]]
-        }
+          // Provide the path to your tsconfig.json so that your stories can
+          // display types from outside each individual story.
+          tsconfigPath: path.resolve(__dirname, "../tsconfig.json"),
+        },
       },
-      // Optional
       {
-        loader: require.resolve("react-docgen-typescript-loader")
+        loader: require.resolve('babel-loader'),
+        options: {
+          presets: [['react-app', { flow: false, typescript: true }]],
+        }
       },
     ]
   });

README.md

@@ -1,44 +0,0 @@
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
-
-## Available Scripts
-
-In the project directory, you can run:
-
-### `yarn start`
-
-Runs the app in the development mode.<br />
-Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
-
-The page will reload if you make edits.<br />
-You will also see any lint errors in the console.
-
-### `yarn test`
-
-Launches the test runner in the interactive watch mode.<br />
-See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
-
-### `yarn build`
-
-Builds the app for production to the `build` folder.<br />
-It correctly bundles React in production mode and optimizes the build for the best performance.
-
-The build is minified and the filenames include the hashes.<br />
-Your app is ready to be deployed!
-
-See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
-
-### `yarn eject`
-
-**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
-
-If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
-
-Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
-
-You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
-
-## Learn More
-
-You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
-
-To learn React, check out the [React documentation](https://reactjs.org/).

config-overrides.js

@@ -1,35 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-const rootPath = fs.realpathSync(process.cwd());
-const srcPath = path.resolve(rootPath, )
-
-module.exports = function override(config, env) {
-  config.resolve.extensions = ['.js', '.jsx', '.ts', '.tsx', '.less', '.json'];
-  config.resolve.alias = {
-    '@': srcPath,
-    '@components': `${srcPath}/components`,
-  };
-  config.module.rules.push({
-    test: /\.less$/,
-    use: [
-    'style-loader', 
-    {
-      loader: 'css-loader',// translates CSS into CommonJS
-      options: {
-        modules: {
-          localIdentName: '[name]__[local]___[hash:base64:5]',
-        },
-      }
-    },
-    'postcss-loader',
-    {
-      loader: 'less-loader',
-      options: {
-        javascriptEnabled: true,
-      },
-    }],
-    exclude: /node_modules|antd\.less/,
-  });
-  return config;
-}

eslib/Common/index.js

@@ -1,5 +0,0 @@
-import '../style-inject.es-b888177c.js';
-import 'react';
-import '../index-29b5a955.js';
-export { T as Test } from '../test-89de59f6.js';
-//# sourceMappingURL=index.js.map

eslib/Common/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

eslib/Payment/index.js

@@ -1,5 +0,0 @@
-import '../style-inject.es-b888177c.js';
-import 'react';
-import '../index-29b5a955.js';
-export { C as ConsumeListView, P as PayPlatformOptions, a as PriceOptions, W as WaitPayInfoView } from '../index-6e59934c.js';
-//# sourceMappingURL=index.js.map

eslib/Payment/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

eslib/index-29b5a955.js

@@ -1,53 +0,0 @@
-import { c as createCommonjsModule } from './style-inject.es-b888177c.js';
-
-var classnames = createCommonjsModule(function (module) {
-/*!
-  Copyright (c) 2017 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
-*/
-/* global define */
-
-(function () {
-
-	var hasOwn = {}.hasOwnProperty;
-
-	function classNames () {
-		var classes = [];
-
-		for (var i = 0; i < arguments.length; i++) {
-			var arg = arguments[i];
-			if (!arg) continue;
-
-			var argType = typeof arg;
-
-			if (argType === 'string' || argType === 'number') {
-				classes.push(arg);
-			} else if (Array.isArray(arg) && arg.length) {
-				var inner = classNames.apply(null, arg);
-				if (inner) {
-					classes.push(inner);
-				}
-			} else if (argType === 'object') {
-				for (var key in arg) {
-					if (hasOwn.call(arg, key) && arg[key]) {
-						classes.push(key);
-					}
-				}
-			}
-		}
-
-		return classes.join(' ');
-	}
-
-	if ( module.exports) {
-		classNames.default = classNames;
-		module.exports = classNames;
-	} else {
-		window.classNames = classNames;
-	}
-}());
-});
-
-export { classnames as c };
-//# sourceMappingURL=index-29b5a955.js.map

eslib/index-29b5a955.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-29b5a955.js","sources":["../node_modules/classnames/index.js"],"sourcesContent":["/*!\n  Copyright (c) 2017 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg) && arg.length) {\n\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\tif (inner) {\n\t\t\t\t\tclasses.push(inner);\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":[],"mappings":";;;;;;;;;;AAOA,CAAC,YAAY;;CAGZ,IAAI,MAAM,GAAG,EAAE,CAAC,cAAc,CAAC;;CAE/B,SAAS,UAAU,IAAI;EACtB,IAAI,OAAO,GAAG,EAAE,CAAC;;EAEjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;GAC1C,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;GACvB,IAAI,CAAC,GAAG,EAAE,SAAS;;GAEnB,IAAI,OAAO,GAAG,OAAO,GAAG,CAAC;;GAEzB,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,QAAQ,EAAE;IACjD,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClB,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,EAAE;IAC5C,IAAI,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACxC,IAAI,KAAK,EAAE;KACV,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACpB;IACD,MAAM,IAAI,OAAO,KAAK,QAAQ,EAAE;IAChC,KAAK,IAAI,GAAG,IAAI,GAAG,EAAE;KACpB,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE;MACtC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;MAClB;KACD;IACD;GACD;;EAED,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;EACzB;;CAED,IAAI,CAAiC,MAAM,CAAC,OAAO,EAAE;EACpD,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC;EAChC,cAAc,GAAG,UAAU,CAAC;EAC5B,MAAM,AAKA;EACN,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;EAC/B;CACD,EAAE,EAAE;;;;;"}

eslib/style-inject.es-b888177c.js

@@ -1,203 +0,0 @@
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function unwrapExports (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function createCommonjsModule(fn, module) {
-	return module = { exports: {} }, fn(module, module.exports), module.exports;
-}
-
-function getCjsExportFromNamespace (n) {
-	return n && n['default'] || n;
-}
-
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
-  }
-}
-
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  return Constructor;
-}
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    });
-    keys.push.apply(keys, symbols);
-  }
-
-  return keys;
-}
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-  }
-
-  return target;
-}
-
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function");
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
-  });
-  if (superClass) _setPrototypeOf(subClass, superClass);
-}
-
-function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
-    return o.__proto__ || Object.getPrototypeOf(o);
-  };
-  return _getPrototypeOf(o);
-}
-
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-
-  return _setPrototypeOf(o, p);
-}
-
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-
-  return self;
-}
-
-function _possibleConstructorReturn(self, call) {
-  if (call && (typeof call === "object" || typeof call === "function")) {
-    return call;
-  }
-
-  return _assertThisInitialized(self);
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
-  if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) {
-    return;
-  }
-
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-  var _e = undefined;
-
-  try {
-    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-
-  return _arr;
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance");
-}
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-export { _defineProperty as _, commonjsGlobal as a, _inherits as b, createCommonjsModule as c, _createClass as d, _classCallCheck as e, _possibleConstructorReturn as f, getCjsExportFromNamespace as g, _getPrototypeOf as h, _objectSpread2 as i, _slicedToArray as j, _assertThisInitialized as k, styleInject as s, unwrapExports as u };
-//# sourceMappingURL=style-inject.es-b888177c.js.map

eslib/style-inject.es-b888177c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-inject.es-b888177c.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;EAC7B,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;EAC/B,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;;EAE5B,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;;EAExD,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;EACrE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;EAC5C,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;;EAExB,IAAI,QAAQ,KAAK,KAAK,EAAE;IACtB,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;KAC3C,MAAM;MACL,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KACzB;GACF,MAAM;IACL,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;GACzB;;EAED,IAAI,KAAK,CAAC,UAAU,EAAE;IACpB,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;GAChC,MAAM;IACL,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;GACjD;CACF;;;;"}

eslib/test-89de59f6.js

@@ -1,74 +0,0 @@
-import { s as styleInject } from './style-inject.es-b888177c.js';
-import 'react';
-import './index-29b5a955.js';
-
-var css = ".test_red__36-3- {\n  color: red;\n}\n";
-styleInject(css);
-
-// type TransmitImgTxtData = {
-//   user_id?: string|number;
-//   anonymity?: boolean;
-//   avatar?: string;
-//   nickname?: string;
-//   is_long?: boolean;
-// }
-// interface TransmitCardProps {
-//   type: TransmitType;
-//   data: TransmitImgTxtData;
-// }
-// export class TransmitCard extends React.PureComponent<TransmitCardProps, {}> {
-//   renderVideo() {
-//     return <div className={styles.transmitVideoCard}>Video</div>;
-//   }
-//   renderImgTxt() {
-//     const { data } = this.props;
-//     const {
-//       user_id,
-//       anonymity,
-//       avatar,
-//       nickname,
-//       is_long,
-//     } = data;
-//     return (
-//       <div className={styles.transmitImgTxtCard}>
-//         <div className={styles.header}>
-//           <UserLink user_id={user_id} anonymity={anonymity}>
-//             <Avatar
-//               id={user_id}
-//               image={avatar}
-//               follow={false}
-//               size="cover"
-//               className={styles.ava}
-//               anonymity={anonymity}
-//             />
-//           </UserLink>
-//           <div className={styles.nickname}>
-//             <UserLink user_id={user_id} anonymity={anonymity}>
-//               {nickname}
-//             </UserLink>
-//           </div>
-//           <div className={styles.type}>
-//             {is_long
-//               ? intl.get('bilingually.imgtxt.article')
-//               : intl.get('bilingually.imgtxt')}
-//           </div>
-//         </div>
-//       </div>
-//     );
-//   }
-//   render() {
-//     const { type } = this.props;
-//     if (type === 'imgTxt') {
-//       this.renderImgTxt();
-//     }
-//     if (type === 'shortVideo' || type === 'microVideo') {
-//       this.renderVideo();
-//     }
-//     return null;
-//   }
-// }
-
-var Test = "TestComponent";
-
-export { Test as T };
-//# sourceMappingURL=test-89de59f6.js.map

lib/Common/index.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../style-inject.es-7b2c2b1b.js');
-require('react');
-require('../index-671ea010.js');
-var test = require('../test-f419c2cb.js');
-
-
-
-exports.Test = test.Test;
-//# sourceMappingURL=index.js.map

lib/Common/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

lib/Payment/index.js

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('../style-inject.es-7b2c2b1b.js');
-require('react');
-require('../index-671ea010.js');
-var index$1 = require('../index-fe1b29d9.js');
-
-
-
-exports.ConsumeListView = index$1.ConsumeListView;
-exports.PayPlatformOptions = index$1.PayPlatformOptions;
-exports.PriceOptions = index$1.PriceOptions;
-exports.WaitPayInfoView = index$1.WaitPayInfoView;
-//# sourceMappingURL=index.js.map

lib/Payment/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

lib/index-671ea010.js

@@ -1,55 +0,0 @@
-'use strict';
-
-var styleInject_es = require('./style-inject.es-7b2c2b1b.js');
-
-var classnames = styleInject_es.createCommonjsModule(function (module) {
-/*!
-  Copyright (c) 2017 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
-*/
-/* global define */
-
-(function () {
-
-	var hasOwn = {}.hasOwnProperty;
-
-	function classNames () {
-		var classes = [];
-
-		for (var i = 0; i < arguments.length; i++) {
-			var arg = arguments[i];
-			if (!arg) continue;
-
-			var argType = typeof arg;
-
-			if (argType === 'string' || argType === 'number') {
-				classes.push(arg);
-			} else if (Array.isArray(arg) && arg.length) {
-				var inner = classNames.apply(null, arg);
-				if (inner) {
-					classes.push(inner);
-				}
-			} else if (argType === 'object') {
-				for (var key in arg) {
-					if (hasOwn.call(arg, key) && arg[key]) {
-						classes.push(key);
-					}
-				}
-			}
-		}
-
-		return classes.join(' ');
-	}
-
-	if ( module.exports) {
-		classNames.default = classNames;
-		module.exports = classNames;
-	} else {
-		window.classNames = classNames;
-	}
-}());
-});
-
-exports.classnames = classnames;
-//# sourceMappingURL=index-671ea010.js.map

lib/index-671ea010.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-29b5a955.js","sources":["../node_modules/classnames/index.js"],"sourcesContent":["/*!\n  Copyright (c) 2017 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg) && arg.length) {\n\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\tif (inner) {\n\t\t\t\t\tclasses.push(inner);\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":[],"mappings":";;;;;;;;;;;;AAOA,CAAC,YAAY;;CAGZ,IAAI,MAAM,GAAG,EAAE,CAAC,cAAc,CAAC;;CAE/B,SAAS,UAAU,IAAI;EACtB,IAAI,OAAO,GAAG,EAAE,CAAC;;EAEjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;GAC1C,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;GACvB,IAAI,CAAC,GAAG,EAAE,SAAS;;GAEnB,IAAI,OAAO,GAAG,OAAO,GAAG,CAAC;;GAEzB,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,QAAQ,EAAE;IACjD,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAClB,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,MAAM,EAAE;IAC5C,IAAI,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACxC,IAAI,KAAK,EAAE;KACV,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACpB;IACD,MAAM,IAAI,OAAO,KAAK,QAAQ,EAAE;IAChC,KAAK,IAAI,GAAG,IAAI,GAAG,EAAE;KACpB,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE;MACtC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;MAClB;KACD;IACD;GACD;;EAED,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;EACzB;;CAED,IAAI,CAAiC,MAAM,CAAC,OAAO,EAAE;EACpD,UAAU,CAAC,OAAO,GAAG,UAAU,CAAC;EAChC,cAAc,GAAG,UAAU,CAAC;EAC5B,MAAM,AAKA;EACN,MAAM,CAAC,UAAU,GAAG,UAAU,CAAC;EAC/B;CACD,EAAE,EAAE;;;;;"}

lib/style-inject.es-7b2c2b1b.js

@@ -1,218 +0,0 @@
-'use strict';
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function unwrapExports (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function createCommonjsModule(fn, module) {
-	return module = { exports: {} }, fn(module, module.exports), module.exports;
-}
-
-function getCjsExportFromNamespace (n) {
-	return n && n['default'] || n;
-}
-
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
-  }
-}
-
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties(Constructor, staticProps);
-  return Constructor;
-}
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) symbols = symbols.filter(function (sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    });
-    keys.push.apply(keys, symbols);
-  }
-
-  return keys;
-}
-
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-  }
-
-  return target;
-}
-
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function");
-  }
-
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
-  });
-  if (superClass) _setPrototypeOf(subClass, superClass);
-}
-
-function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
-    return o.__proto__ || Object.getPrototypeOf(o);
-  };
-  return _getPrototypeOf(o);
-}
-
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-
-  return _setPrototypeOf(o, p);
-}
-
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-
-  return self;
-}
-
-function _possibleConstructorReturn(self, call) {
-  if (call && (typeof call === "object" || typeof call === "function")) {
-    return call;
-  }
-
-  return _assertThisInitialized(self);
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
-  if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) {
-    return;
-  }
-
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-  var _e = undefined;
-
-  try {
-    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-
-  return _arr;
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance");
-}
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-exports._assertThisInitialized = _assertThisInitialized;
-exports._classCallCheck = _classCallCheck;
-exports._createClass = _createClass;
-exports._defineProperty = _defineProperty;
-exports._getPrototypeOf = _getPrototypeOf;
-exports._inherits = _inherits;
-exports._objectSpread2 = _objectSpread2;
-exports._possibleConstructorReturn = _possibleConstructorReturn;
-exports._slicedToArray = _slicedToArray;
-exports.commonjsGlobal = commonjsGlobal;
-exports.createCommonjsModule = createCommonjsModule;
-exports.getCjsExportFromNamespace = getCjsExportFromNamespace;
-exports.styleInject = styleInject;
-exports.unwrapExports = unwrapExports;
-//# sourceMappingURL=style-inject.es-7b2c2b1b.js.map

lib/style-inject.es-7b2c2b1b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-inject.es-b888177c.js","sources":["../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;EAC7B,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;EAC/B,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;;EAE5B,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;;EAExD,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;EACrE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;EAC5C,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;;EAExB,IAAI,QAAQ,KAAK,KAAK,EAAE;IACtB,IAAI,IAAI,CAAC,UAAU,EAAE;MACnB,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;KAC3C,MAAM;MACL,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;KACzB;GACF,MAAM;IACL,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;GACzB;;EAED,IAAI,KAAK,CAAC,UAAU,EAAE;IACpB,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;GAChC,MAAM;IACL,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;GACjD;CACF;;;;;;;;;;;;;;;;;"}

lib/test-f419c2cb.js

@@ -1,76 +0,0 @@
-'use strict';
-
-var styleInject_es = require('./style-inject.es-7b2c2b1b.js');
-require('react');
-require('./index-671ea010.js');
-
-var css = ".test_red__36-3- {\n  color: red;\n}\n";
-styleInject_es.styleInject(css);
-
-// type TransmitImgTxtData = {
-//   user_id?: string|number;
-//   anonymity?: boolean;
-//   avatar?: string;
-//   nickname?: string;
-//   is_long?: boolean;
-// }
-// interface TransmitCardProps {
-//   type: TransmitType;
-//   data: TransmitImgTxtData;
-// }
-// export class TransmitCard extends React.PureComponent<TransmitCardProps, {}> {
-//   renderVideo() {
-//     return <div className={styles.transmitVideoCard}>Video</div>;
-//   }
-//   renderImgTxt() {
-//     const { data } = this.props;
-//     const {
-//       user_id,
-//       anonymity,
-//       avatar,
-//       nickname,
-//       is_long,
-//     } = data;
-//     return (
-//       <div className={styles.transmitImgTxtCard}>
-//         <div className={styles.header}>
-//           <UserLink user_id={user_id} anonymity={anonymity}>
-//             <Avatar
-//               id={user_id}
-//               image={avatar}
-//               follow={false}
-//               size="cover"
-//               className={styles.ava}
-//               anonymity={anonymity}
-//             />
-//           </UserLink>
-//           <div className={styles.nickname}>
-//             <UserLink user_id={user_id} anonymity={anonymity}>
-//               {nickname}
-//             </UserLink>
-//           </div>
-//           <div className={styles.type}>
-//             {is_long
-//               ? intl.get('bilingually.imgtxt.article')
-//               : intl.get('bilingually.imgtxt')}
-//           </div>
-//         </div>
-//       </div>
-//     );
-//   }
-//   render() {
-//     const { type } = this.props;
-//     if (type === 'imgTxt') {
-//       this.renderImgTxt();
-//     }
-//     if (type === 'shortVideo' || type === 'microVideo') {
-//       this.renderVideo();
-//     }
-//     return null;
-//   }
-// }
-
-var Test = "TestComponent";
-
-exports.Test = Test;
-//# sourceMappingURL=test-f419c2cb.js.map

package.json

@@ -1,46 +1,40 @@
 {
-  "name": "bilingo-ui",
-  "version": "0.1.0",
-  "private": true,
-  "main": "lib/index.js",
+  "name": "base-ui",
+  "version": "1.0.0",
+  "description": "a base components ui lib",
+  "main": "index.js",
+  "scripts": {
+    "start": "react-app-rewired start",
+    "build": "react-app-rewired build",
+    "test": "react-app-rewired test",
+    "eject": "react-app-rewired eject",
+    "build:lib": "rimraf lib && rimraf eslib && rollup -c ./rollup.config.js",
+    "storybook": "start-storybook -p 9009 -s public",
+    "build-storybook": "build-storybook -s public"
+  },
   "dependencies": {
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
+    "@types/axios": "^0.14.0",
     "@types/braft-editor": "^2.2.0",
     "@types/classnames": "^2.2.9",
-    "@types/draft-js": "^0.10.38",
     "@types/jest": "^24.0.0",
     "@types/node": "^12.0.0",
     "@types/react": "^16.9.0",
     "@types/react-dom": "^16.9.0",
     "@types/react-intl": "^3.0.0",
-    "@types/slate": "^0.47.5",
-    "@types/slate-react": "^0.22.9",
-    "braft-editor": "^2.3.8",
-    "braft-extensions": "^0.0.20",
+    "@wessberg/rollup-plugin-ts": "^1.2.15",
+    "antd": "^4.3.4",
+    "axios": "^0.19.2",
     "classnames": "^2.2.6",
-    "draftjs-to-html": "^0.9.1",
-    "draftjs-utils": "^0.10.2",
     "immutable": "^4.0.0-rc.12",
-    "kiwi-intl": "^1.2.4",
-    "react-intl": "^3.9.2",
-    "react-quill": "^1.3.3",
     "react-scripts": "3.3.0",
     "rollup-plugin-visualizer": "^3.3.1",
-    "slate": "^0.57.1",
-    "slate-react": "^0.57.1",
     "typescript": "~3.7.2"
   },
-  "scripts": {
-    "start": "react-app-rewired start",
-    "build": "react-app-rewired build",
-    "test": "react-app-rewired test",
-    "eject": "react-app-rewired eject",
-    "build:lib": "rimraf lib && rimraf eslib && rollup -c ./rollup.config.js",
-    "storybook": "start-storybook -p 9009 -s public",
-    "build-storybook": "build-storybook -s public"
-  },
+  "author": "thewindsword",
+  "license": "MIT",
   "eslintConfig": {
     "extends": "react-app"
   },
@@ -80,6 +74,7 @@
     "@storybook/addon-viewport": "^5.2.8",
     "@storybook/addons": "^5.2.8",
     "@storybook/react": "^5.2.8",
+    "@types/draft-js": "^0.10.38",
     "@types/storybook-readme": "^5.0.4",
     "@types/storybook__addon-info": "^5.2.1",
     "@typescript-eslint/eslint-plugin": "^2.16.0",
@@ -89,6 +84,7 @@
     "babel-plugin-import": "^1.13.0",
     "cross-env": "^6.0.3",
     "css-loader": "^3.2.1",
+    "draftjs-utils": "^0.10.2",
     "eslint": "^6.8.0",
     "file-loader": "^5.0.2",
     "less": "^3.10.3",
@@ -96,8 +92,10 @@
     "node-eval": "^2.0.0",
     "postcss-loader": "^3.0.0",
     "postcss-url": "^8.0.0",
+    "react": "^16.12.0",
     "react-app-rewired": "^2.1.5",
     "react-docgen-typescript-loader": "^3.6.0",
+    "react-dom": "^16.12.0",
     "rimraf": "^3.0.0",
     "rollup": "^1.27.13",
     "rollup-plugin-alias": "^2.2.0",
@@ -110,11 +108,16 @@
     "rollup-plugin-peer-deps-external": "^2.2.0",
     "rollup-plugin-postcss-modules": "^2.0.1",
     "rollup-plugin-replace": "^2.2.0",
+    "rollup-plugin-sourcemaps": "^0.5.0",
+    "rollup-plugin-typescript2": "^0.25.3",
+    "storybook-addon-themes": "^5.3.0",
     "storybook-readme": "^5.0.8",
     "style-loader": "^1.0.1",
-    "ts-loader": "^6.2.1"
+    "ts-loader": "^6.2.1",
+    "tslib": "^1.10.0"
   },
   "peerDependencies": {
+    "antd": "^4.3.4",
     "react": "^16.12.0",
     "react-dom": "^16.12.0"
   }

postcss.config.js

@@ -1,3 +1,5 @@
 module.exports = {  
-  plugins: {}
+  plugins: [
+    require('autoprefixer'),
+  ]
 } 

public/index.html

@@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
-    <!--
-      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>React App</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>

public/manifest.json

@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

public/robots.txt

@@ -1,2 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *

rollup.config.js

@@ -4,13 +4,16 @@ import image from '@rollup/plugin-image';
 import alias from '@rollup/plugin-alias';
 import postcss from 'rollup-plugin-postcss-modules'
 import babel from "rollup-plugin-babel";
+import { DEFAULT_EXTENSIONS } from '@babel/core';
 import json from "rollup-plugin-json";
 import autoprefixer from 'autoprefixer';
 import postcssUrl from 'postcss-url';
 import peerDepsExternal from 'rollup-plugin-peer-deps-external';
 import visualizer from 'rollup-plugin-visualizer';
 import analyze from 'rollup-plugin-analyzer';
- 
+import ts from "@wessberg/rollup-plugin-ts";
+// import typescript from 'rollup-plugin-typescript2';
+// import sourcemaps from 'rollup-plugin-sourcemaps';
 
 // import url from '@rollup/plugin-url';
 // import less from "rollup-plugin-less";
@@ -38,18 +41,39 @@ export function getNamedExports(moduleIds) {
 
 const fs = require('fs');
 const path = require('path');
-const componentFold = 'src/components';
-const cModuleNames = fs.readdirSync(path.resolve(componentFold));
+const componentsFold = 'src/components';
+const cModuleNames = fs.readdirSync(path.resolve(componentsFold));
 const cModuleMap = cModuleNames.reduce((prev, name) => {
-  prev[name] = `${componentFold}/${name}/index.ts`;
+  const modulePath = `${componentsFold}/${name}`;
+  prev[name] = `${modulePath}/index.ts`;
+  const child = fs.readdirSync(path.resolve(modulePath));
+  child.forEach(c => {
+    const childFoldPath = `${modulePath}/${c}`;
+    const isDir = fs.statSync(childFoldPath).isDirectory();
+    if (isDir) {
+      if (fs.existsSync(`${childFoldPath}/index.tsx`)) {
+        prev[c] = `${childFoldPath}/index.tsx`;
+      }
+      if (c === 'Common' && fs.existsSync(childFoldPath) && fs.statSync(childFoldPath).isDirectory()) {
+        const commonComponentsArr = fs.readdirSync(childFoldPath);
+        commonComponentsArr.forEach(commonComponentFold => {
+          const commonComponentFoldPath = `${childFoldPath}/${commonComponentFold}`;
+          const isCommonComponentDir = fs.statSync(commonComponentFoldPath).isDirectory();
+          if (isCommonComponentDir && fs.existsSync(`${commonComponentFoldPath}/index.tsx`)) {
+            prev[`${commonComponentFold}`] = `${commonComponentFoldPath}/index.tsx`;
+          }
+        });
+      }
+    }
+  });
   return prev;
 }, {});
 
-const extensions = ['.js', '.jsx', '.ts', '.tsx'];
+const extensions = [ ...DEFAULT_EXTENSIONS, '.js', '.jsx', '.ts', '.tsx'];
 
 export default {
   input: {
-    '.': "src/lib-build.js",
+    '.': "src/lib-build.ts",
     ...cModuleMap
   },
   output: [
@@ -78,8 +102,11 @@ export default {
       browser: true,
       extensions,
     }),
+    image(),
+    json(),
+    // sourcemaps(),
     commonjs({
-      include: 'node_modules/**',
+      include: /node_modules/,
       browser: true,
       namedExports: {
         ...getNamedExports([
@@ -89,13 +116,6 @@ export default {
         'braft-extensions/dist/emoticon': ['defaultEmoticons']
       },
     }),
-    babel({
-      exclude: "node_modules/**",
-      runtimeHelpers: true,
-      extensions,
-    }),
-    image(),
-    json(),
     // url(),
     // less(),
     postcss({
@@ -108,11 +128,34 @@ export default {
       ],
       modules: true,
     }),
+    ts({
+      exclude: "node_modules/**",
+      transpiler: "babel",
+      hook: {
+        outputPath: (path, kind) => {
+          return path
+        }
+      }
+    }),
+    // typescript({
+    //   include: ["*.js+(|x)", "**/*.js+(|x)", "*.ts+(|x)", "**/*.ts+(|x)"],
+    //   verbosity: 3,
+    //   clean: true,
+    //   typescript: require('typescript'),
+    //   // useTsconfigDeclarationDir: true,
+    //   rollupCommonJSResolveHack: true,
+    //   objectHashIgnoreUnknownHack: true,
+    // }),
+    babel({
+      exclude: "node_modules/**",
+      runtimeHelpers: true,
+      extensions,
+    }),
     alias({
       entries: [
         { find: '@', replacement: 'src' },
         { find: '@components', replacement: 'src/components' },
-      ]
+      ],
     }),
     visualizer({
       sourcemap: true,

src/App.css

@@ -1,38 +0,0 @@
-.App {
-  text-align: center;
-}
-
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}

src/App.test.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import App from './App';
-
-test('renders learn react link', () => {
-  const { getByText } = render(<App />);
-  const linkElement = getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});

src/App.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-import logo from './logo.svg';
-import './App.css';
-
-const App: React.FC = () => {
-  return (
-    <div className="App">
-      <header className="App-header">
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.tsx</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-      </header>
-    </div>
-  );
-}
-
-export default App;

src/components/Common/index.ts

@@ -1 +0,0 @@
-export { Test } from './test';

src/components/Common/test.less

@@ -1,3 +0,0 @@
-.red {
-  color: red;
-}

src/components/Common/test.tsx

@@ -1,233 +0,0 @@
-import React, { PureComponent } from "react";
-import classnames from 'classnames';
-
-import styles from './test.less';
-
-export const ImgRowList = (
-  imglist: Array<string>,
-  outterKey: string,
-  type: string | null = 'normal',
-) => {
-  if (!imglist || !Array.isArray(imglist)) return null;
-  return (
-    <div
-      className={classnames(styles.normal_img_row_list, {
-        [styles.middle_type]: type === 'middle',
-      })}
-    >
-      {imglist.map((image_url: string, index: number) => {
-        return (
-          <span key={`${outterKey}_${image_url}`}>
-            <img src={image_url} alt={`comment ${index}`} />
-          </span>
-        );
-      })}
-    </div>
-  );
-};
-
-interface MyNormalListProps {
-  style?: any;
-  renderItem: Function | any;
-  renderData: Array<any>;
-}
-export class MyNormalList extends PureComponent<MyNormalListProps, {}> {
-  render() {
-    const {
-      style: innerStyle = {},
-      renderItem = () => {},
-      renderData = [],
-    } = this.props;
-
-    if (!renderData || !Array.isArray(renderData)) {
-      console.error('MyNormalList Components renderData Props must be Array');
-      return null;
-    }
-
-    return (
-      <div className={styles.normal_list_wrapper} style={innerStyle}>
-        {renderData.map((value, index, arr) => renderItem(value, index))}
-      </div>
-    );
-  }
-}
-
-interface NormalCardProps {
-  key: any;
-  userinfo: {
-    nickname: string | any;
-    avatar: string | any;
-    created: string | number;
-  };
-  main_content: any;
-  append_content?: any;
-  content_img_assets?: Array<string>;
-  options?: {
-    header_size?: 'small' | 'normal' | 'middle';
-    bottom_divider?: boolean;
-  };
-}
-export class NormalCard extends PureComponent<NormalCardProps, {}> {
-  render() {
-    const {
-      userinfo: { nickname, avatar, created } = {
-        nickname: '',
-        avatar: '',
-        created: '',
-      },
-      main_content = null,
-      append_content = null,
-      content_img_assets = [],
-      options = {
-        header_size: 'normal',
-        bottom_divider: false,
-      },
-    } = this.props;
-    //
-
-    const RENDEROPTIONS_showImgList =
-      content_img_assets && content_img_assets.length > 0;
-
-    return (
-      <div
-        className={classnames(styles.normal_card_wrapper, {
-          [styles.header_middle]: options.header_size === 'middle', // default
-          [styles.header_small]: options.header_size === 'small',
-          [styles.bottom_border]: options.bottom_divider,
-        })}
-      >
-        <time>{created}</time>
-        <header>
-          {typeof avatar === 'string' ? (
-            <div className={styles.avatar_wrapper}>
-              <img src={avatar} alt="user_avatar" />
-            </div>
-          ) : (
-            avatar
-          )}
-          <div className={styles.nickname_wrapper}>{nickname}</div>
-        </header>
-        <div className={styles.main_content_wrapper}>
-          {main_content}
-          {RENDEROPTIONS_showImgList
-            ? ImgRowList(content_img_assets, this.props.key)
-            : null}
-        </div>
-        <div className={styles.append_wrapper}>{append_content}</div>
-      </div>
-    );
-  }
-}
-
-interface ShareCardProps {
-  isMobile: boolean | any;
-  mode: 'line' | 'block';
-  render_mode: 'text' | 'object';
-  share_data: any;
-}
-export class ShareCard extends PureComponent<ShareCardProps, {}> {
-  render() {
-    const {
-      isMobile = false,
-      render_mode = 'text',
-      mode = 'line',
-      share_data = '',
-    } = this.props;
-
-    return (
-      <div
-        className={classnames(styles.share_card_wrapper, {
-          [styles.mobile_mode]: isMobile,
-          [styles.mode_line]: mode === 'line', // default
-          [styles.mode_block]: mode === 'block',
-        })}
-      >
-        {render_mode === 'text' ? share_data : null}
-      </div>
-    );
-  }
-}
-
-// type TransmitType = 'imgTxt' | 'shortVideo' | 'microVideo';
-// type TransmitImgTxtData = {
-//   user_id?: string|number;
-//   anonymity?: boolean;
-//   avatar?: string;
-//   nickname?: string;
-//   is_long?: boolean;
-// }
-
-// interface TransmitCardProps {
-//   type: TransmitType;
-//   data: TransmitImgTxtData;
-// }
-
-// export class TransmitCard extends React.PureComponent<TransmitCardProps, {}> {
-//   renderVideo() {
-//     return <div className={styles.transmitVideoCard}>Video</div>;
-//   }
-
-//   renderImgTxt() {
-//     const { data } = this.props;
-//     const {
-//       user_id,
-//       anonymity,
-//       avatar,
-//       nickname,
-//       is_long,
-//     } = data;
-
-//     return (
-//       <div className={styles.transmitImgTxtCard}>
-//         <div className={styles.header}>
-//           <UserLink user_id={user_id} anonymity={anonymity}>
-//             <Avatar
-//               id={user_id}
-//               image={avatar}
-//               follow={false}
-//               size="cover"
-//               className={styles.ava}
-//               anonymity={anonymity}
-//             />
-//           </UserLink>
-//           <div className={styles.nickname}>
-//             <UserLink user_id={user_id} anonymity={anonymity}>
-//               {nickname}
-//             </UserLink>
-//           </div>
-//           <div className={styles.type}>
-//             {is_long
-//               ? intl.get('bilingually.imgtxt.article')
-//               : intl.get('bilingually.imgtxt')}
-//           </div>
-//         </div>
-//       </div>
-//     );
-//   }
-
-//   render() {
-//     const { type } = this.props;
-//     if (type === 'imgTxt') {
-//       this.renderImgTxt();
-//     }
-//     if (type === 'shortVideo' || type === 'microVideo') {
-//       this.renderVideo();
-//     }
-//     return null;
-//   }
-// }
-
-export const Test = "TestComponent";
-export const TestRedTxt = () => (
-  <div className={styles.red}>
-    RedTxt
-  </div>
-)
-
-export default {
-  MyNormalList,
-  NormalCard,
-  ShareCard,
-  Test,
-  // TransmitCard
-};

src/components/Editor/BraftEditor/index.tsx

@@ -1,66 +0,0 @@
-import React, { useState } from "react";
-import BraftEditor, { ControlType } from "braft-editor";
-import "braft-editor/dist/index.css";
-
-// 引入表情包扩展模块样式文件
-import 'braft-extensions/dist/emoticon.css'
-// 引入表情包扩展模块和默认表情包列表
-import Emoticon, { defaultEmoticons } from 'braft-extensions/dist/emoticon';
-import MaxLength from 'braft-extensions/dist/max-length'
-
-const lengthOptions = {
-  defaultValue: 100, // 指定默认限制数，如不指定则为Infinity(无限)
-  // includeEditors: ['editor-id-1'], // 指定该模块对哪些BraftEditor生效，不传此属性则对所有BraftEditor有效
-  // excludeEditors: ['editor-id-2'],  // 指定该模块对哪些BraftEditor无效
-}
-BraftEditor.use(MaxLength(lengthOptions))
-
-// 转换默认表情包列表，让webpack可以正确加载到默认表情包中的图片，请确保已对png格式的文件配置了loader
-// 如果你使用的webpack版本不支持动态require，或者使用的其他打包工具，请勿使用此写法
-const emoticons = defaultEmoticons.map((item: string) => require(`braft-extensions/dist/assets/${item}`))
-
-// 也可以使用自己的表情包资源，不受打包工具限制
-// const emoticons = ['http://path/to/emoticon-1.png', 'http://path/to/emoticon-2.png', 'http://path/to/emoticon-3.png', 'http://path/to/emoticon-4.png', ...]
-
-const emotionOptions = {
-  // includeEditors: ['editor-id-1'], // 指定该模块对哪些BraftEditor生效，不传此属性则对所有BraftEditor有效
-  // excludeEditors: ['editor-id-2'],  // 指定该模块对哪些BraftEditor无效
-  emoticons: emoticons, // 指定可用表情图片列表，默认为空
-  closeOnBlur: true, // 指定是否在点击表情选择器之外的地方时关闭表情选择器，默认false
-  closeOnSelect: false // 指定是否在选择表情后关闭表情选择器，默认false
-}
-
-BraftEditor.use(Emoticon(emotionOptions))
-
-export const BarftEditorPage = () => {
-  const controls: ControlType[] = [
-    "bold",
-    "italic",
-    "underline",
-    "separator",
-    "link",
-    "emoji",
-    "separator",
-    "media"
-  ];
-
-  const [editorState, setEditorState] = useState(
-    BraftEditor.createEditorState("<p>Hello <b>World!</b></p>")
-  );
-
-  return (
-    <div className="editor-wrapper">
-      <BraftEditor
-        value={editorState}
-        onChange={setEditorState}
-        controls={controls}
-        contentStyle={{
-          height: 210,
-          boxShadow: "inset 0 1px 3px rgba(0,0,0,.1)"
-        }}
-      />
-    </div>
-  );
-};
-
-export default BarftEditorPage;

src/components/Editor/RichTextEditor/RichTextEditor.less

@@ -1,8 +0,0 @@
-.wrapper {
-  .btnListWrapper {
-    display: flex;
-  }
-  .editorWrapper {
-    border: 1px solid #ccc;
-  }
-}

src/components/Editor/RichTextEditor/index.tsx

@@ -1,189 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import { Editor, EditorState, DraftEditorCommand, RichUtils, Modifier, ContentState, convertToRaw, ContentBlock, CompositeDecorator, Entity, SelectionState, AtomicBlockUtils } from "draft-js";
-import styles from "./RichTextEditor.less";
-
-interface RichTextEditorProps {}
-interface RichTextEditorState {
-  editorState: EditorState;
-}
-
-// 自定义组件，用于超链接
-const Link = (props: any) => {
-    // 这里通过contentState来获取entity�，之后通过getData获取entity中包含的数据
-    const { url } = props.contentState.getEntity(props.entityKey).getData();
-    return (
-        <a href={url}>
-            {props.children}
-        </a>
-    )
-}
-// decorator，用于超链接
-const decorator = new CompositeDecorator([
-  {
-      strategy (contentBlock, callback, contentState) {
-
-          // 这个方法接收2个函数作为参数，如果第一个参数的函数执行时�返回true，就会执行第二个参数函数，同时会�将匹配的�字符的起始位置和结束位置传递给第二个参数。
-          contentBlock.findEntityRanges(
-              (character) => {
-                  const entityKey = character.getEntity();
-                  return (
-                      entityKey !== null &&
-                      contentState.getEntity(entityKey).getType() === 'LINK'
-                  );
-              }, (...arr) => {
-                  callback(...arr)
-              }
-          );
-      },
-      component: Link
-  },
-  {
-    strategy (contentBlock, callback, contentState) {
-      contentBlock.findEntityRanges(
-        (character) => {
-          const entityKey = character.getEntity();
-          return (
-            entityKey !== null &&
-            contentState.getEntity(entityKey).getType() === 'EMOJI'
-          );
-        }, (...arr) => {
-          callback(...arr);
-        }
-      )
-    },
-    // component: (props: any) => (<span style={{ color: 'red' }}>[Emoji]</span>)
-    component: (props: any) => (
-      <i style={{
-          display:'inline-block',
-          height:'18px',
-          width:'18px',
-          backgroundImage:`url(https://i.pinimg.com/originals/03/7e/79/037e79b2fb52127537be79110891ae3f.png)`,
-          backgroundSize:'100% 100%',
-          color:'transparent'
-  }}>{`e`}</i>)
-  }
-]);
-
-class RichTextEditor extends React.Component<
-  RichTextEditorProps,
-  RichTextEditorState
-> {
-  constructor(props: RichTextEditorProps) {
-    super(props);
-    this.state = {
-      editorState: EditorState.createEmpty(decorator)
-    };
-    this.onChange = (editorState: EditorState) =>
-      this.setState({ editorState });
-    this.handleKeyCommand = this.handleKeyCommand.bind(this);
-    this.defaultBlockStyleFn = this.defaultBlockStyleFn.bind(this);
-  }
-
-  onChange: (editorState: EditorState) => void;
-  handleKeyCommand(command: DraftEditorCommand, editorState: EditorState) {
-    const newState = RichUtils.handleKeyCommand(editorState, command);
-    console.log('command: ', command);
-    console.log('newState: ', newState);
-    if (newState) {
-      this.onChange(newState);
-      return "handled";
-    }
-
-    switch (command) {
-      case 'backspace': 
-        const contentState = editorState.getCurrentContent();
-        const selectionState = editorState.getSelection();
-        const [startOffset, endOffset] = [selectionState.getStartOffset(), selectionState.getEndOffset()];
-        if (startOffset === endOffset) {
-          // 未选中状态
-          console.log(selectionState.getAnchorKey());
-        }
-        // 选中状态
-
-        break;
-      case 'backspace-word': 
-      case 'backspace-to-start-of-line':
-        break;
-    }
-    
-    return "not-handled";
-  }
-
-  _onBoldClick() {
-    this.onChange(RichUtils.toggleInlineStyle(this.state.editorState, 'BOLD'));
-  }
-
-  _onLinkClick() {
-    const { editorState } = this.state;
-    const contentState = editorState.getCurrentContent();
-    const selectionState = editorState.getSelection();
-    const contentStateWithEntity = contentState.createEntity('LINK', 'MUTABLE', {
-      url: 'http://www.zombo.com',
-    });
-    const entityKey = contentStateWithEntity.getLastCreatedEntityKey();
-    const contentStateWithLink = Modifier.applyEntity(
-      contentStateWithEntity,
-      selectionState,
-      entityKey,
-    );
-    const newEditorState = EditorState.push(editorState, contentStateWithLink, 'apply-entity');
-    this.onChange(newEditorState);
-  }
-
-  _onEmojiClick(e: React.MouseEvent, emojiCode: string) {
-    const { editorState } = this.state;
-    const contentState = editorState.getCurrentContent();
-    const selectionState = editorState.getSelection();
-    const EMOJIEntity: ContentState = contentState.createEntity('EMOJI', 'IMMUTABLE', { emojiCode });
-    const entityKey = EMOJIEntity.getLastCreatedEntityKey();
-    const ncsWithEntity = Modifier.insertText(contentState, selectionState, 'e', undefined, entityKey);
-    const newEditorState = EditorState.push(editorState, ncsWithEntity, 'insert-characters');
-    // const newEditorState = AtomicBlockUtils.insertAtomicBlock(
-    //   editorState,
-    //   entityKey,
-    //   ' '
-    // );
-    this.onChange(newEditorState);
-  }
-
-  _onCheckRange() {
-    console.log(this.state.editorState.getCurrentContent());
-    console.log(convertToRaw(this.state.editorState.getCurrentContent()));
-  }
-
-  defaultBlockStyleFn(contentBlock: ContentBlock) {
-    const type = contentBlock.getType();
-    return "";
-  }
-
-  defaultBlockRenderFn(contentBlock: ContentBlock) {
-    const type = contentBlock.getType();
-    return contentBlock;
-  }
-
-  render() {
-    const { editorState } = this.state;
-    return (
-      <div className={styles.wrapper}>
-        <div className={styles.btnListWrapper}>
-          <button onClick={this._onBoldClick.bind(this)}>Bold</button>
-          <button onClick={this._onCheckRange.bind(this)}>Check</button>
-          <button onClick={this._onLinkClick.bind(this)}>Link</button>
-          <button onClick={(e: React.MouseEvent) => this._onEmojiClick(e, '0011')}>Emoji</button>
-        </div>
-        <div className={styles.editorWrapper}>
-          <Editor
-            editorState={editorState}
-            blockStyleFn={this.defaultBlockStyleFn}
-            blockRendererFn={this.defaultBlockRenderFn}
-            handleKeyCommand={this.handleKeyCommand}
-            onChange={this.onChange}
-          />
-        </div>
-      </div>
-    );
-  }
-}
-
-export default RichTextEditor;

src/components/Editor/RichTextEditorForSlate/index.tsx

@@ -1,49 +0,0 @@
-import React, { useMemo, useState } from 'react';
-import PropTypes from 'prop-types';
-
-// Import the Slate editor factory.
-import { createEditor, Node } from 'slate'
-
-// Import the Slate components and React plugin.
-import { Slate, Editable, withReact } from 'slate-react'
-
-
-import styles from './RichTextEditorForSlate.less';
-
-interface RichTextEditorForSlateProps {}
-interface RichTextEditorForSlateState {
-  editorState: any;
-}
-
-const RichTextEditorForSlate = () => {
-  const editor = useMemo(() => withReact(createEditor()), []);
-  const [value, setValue] = useState([
-    {
-      type: 'paragraph',
-      children: [{ text: 'A line of text in a paragraph.' }],
-    },
-  ] as Node[]);
-  return (
-    // Add the editable component inside the context.
-    <Slate editor={editor} value={value} onChange={value => {
-      console.log('value: ', value);
-      setValue(value);
-    }}>
-      <Editable />
-    </Slate>
-  )
-}
-
-// class RichTextEditorForSlate extends React.Component<RichTextEditorForSlateProps, RichTextEditorForSlateState> {
-//   constructor(props: RichTextEditorForSlateProps) {
-//     super(props);
-//     this.state = {
-//       editorState: initialState,
-//     };
-//   }
-
-//   render() {
-//   }
-// }
-
-export default RichTextEditorForSlate;

src/components/Editor/index.ts

@@ -1,3 +0,0 @@
-export { default as BraftEditor } from './BraftEditor';
-export { default as RichTextEditor } from './RichTextEditor';
-export { default as RichTextEditorForSlate } from './RichTextEditorForSlate';

src/components/Payment/Common/ConsumeListView/ConsumeListView.less

@@ -1,60 +0,0 @@
-.wrapper {
-  display: flex;
-  justify-content: center;
-
-  .consumelist {
-    padding: 0;
-    margin: 0;
-    display: flex;
-    flex-wrap: wrap;
-    padding-top: 10px;
-
-    li {
-      list-style: none;
-    }
-
-    .consumeItem {
-      margin: 0 6px 10px;
-      text-align: center;
-      position: relative;
-
-      .kingdomIcon {
-        position: absolute;
-        width: 24px;
-        height: 22px;
-        left: -6px;
-        top: -12px;
-      }
-
-      .avatar {
-        margin: 0 auto 4px;
-        width: 36px;
-        height: 36px;
-        background-size: cover;
-        border-radius: 50%;
-      }
-
-      .gray {
-        color: #9b9b9b;
-        font-size: 12px;
-      }
-    }
-
-    .toggle {
-      margin: 0 6px 10px;
-      width: 36px;
-      height: 36px;
-      line-height: 36px;
-      background-color: #ececec;
-      border-radius: 50%;
-      color: #a8adb6;
-      cursor: pointer;
-      background-image: url(../assets/btn_toggle.png);
-      background-position: center;
-
-      &.expand {
-        transform: rotate(180deg);
-      }
-    }
-  }
-}

src/components/Payment/Common/ConsumeListView/README.md

@@ -1,3 +0,0 @@
-# ConsumeListView
-
-- 简单介绍

src/components/Payment/Common/ConsumeListView/index.tsx

@@ -1,166 +0,0 @@
-import React, { Component } from 'react';
-import classnames from 'classnames';
-
-// import { DEFAULT_AVATAR } from '@/constants';
-import { addImageProcess } from '../../Utils/utils';
-import KingDomPic from '../assets/popovers_list_huangguan.png';
-
-import styles from './ConsumeListView.less';
-
-const DEFAULT_AVATAR =
-  '//links-comment.oss-cn-beijing.aliyuncs.com/comment/20180820/Kgka4_oU1.jpeg';
-
-type Props = {
-  isToggle: boolean;
-  onToggleChange: Function;
-  dataSource: Array<{
-    id?: string|number;
-    user_avatar?: string;
-    bill_price?: number;
-  }>;
-  listLength: number;
-  showLength: number;
-  options: {
-    avatarSize: number,
-    avatarMarginLeftAndRight: number,
-    kingdomWidth: number,
-    kingdomHeight: number,
-    kingdomPosition: [number, number],
-  },
-}
-
-class ConsumeListView extends Component<Props> {
-  static defaultProps: Props = {
-    isToggle: false,
-    onToggleChange: () => {},
-    dataSource: [],
-    listLength: 0,
-    showLength: 6,
-    options: {
-      avatarSize: 36,
-      avatarMarginLeftAndRight: 6,
-      kingdomWidth: 24,
-      kingdomHeight: 22,
-      kingdomPosition: [-6, -12],
-    },
-  }
-
-  renderConsumeItem() {
-    const {
-      dataSource,
-      isToggle,
-      showLength,
-      listLength,
-      options,
-    } = this.props;
-    const {
-      kingdomWidth,
-      kingdomHeight,
-      kingdomPosition,
-      avatarSize,
-      avatarMarginLeftAndRight,
-    } = options;
-
-    let renderData = dataSource;
-    if (!isToggle && listLength > showLength) {
-      renderData = dataSource.slice(0, showLength - 1);
-    }
-
-    return renderData.map((v, i) => {
-      let kingdom = null;
-      if (i === 0) {
-        kingdom = (
-          <img
-            className={styles.kingdomIcon}
-            src={KingDomPic}
-            alt="reward top user"
-            style={{
-              width: `${kingdomWidth}px`,
-              height: `${kingdomHeight}px`,
-              left: `${kingdomPosition[0]}px`,
-              top: `${kingdomPosition[1]}px`,
-            }}
-          />
-        );
-      }
-      return (
-        <li
-          key={v.id}
-          className={styles.consumeItem}
-          style={{ margin: `0 ${avatarMarginLeftAndRight}px 10px` }}
-        >
-          {kingdom}
-          <div
-            className={styles.avatar}
-            style={{
-              backgroundImage: `url(${addImageProcess(
-                v.user_avatar || DEFAULT_AVATAR,
-                {
-                  small: true,
-                },
-              )})`,
-              width: `${avatarSize}px`,
-              height: `${avatarSize}px`,
-            }}
-          />
-          <span className={styles.gray}>
-            {/* {intl.get('bilingually.gift.item', {
-              nums: v.bill_price / 100,
-            }) /* {item.num}另币 */}
-          </span>
-        </li>
-      );
-    });
-  }
-
-  renderToggleButton() {
-    const {
-      isToggle,
-      onToggleChange,
-      listLength,
-      showLength,
-      options,
-    } = this.props;
-    const { avatarSize, avatarMarginLeftAndRight } = options;
-
-    if (listLength <= showLength) {
-      return null;
-    }
-
-    return (
-      <li
-        onClick={() => onToggleChange()}
-        className={classnames(styles.toggle, {
-          [styles.expand]: isToggle,
-        })}
-        style={{
-          width: `${avatarSize}px`,
-          height: `${avatarSize}px`,
-          lineHeight: `${avatarSize}px`,
-          margin: `0 ${avatarMarginLeftAndRight}px 10px`,
-        }}
-      />
-    );
-  }
-
-  render() {
-    const { showLength, options } = this.props;
-    const { avatarSize, avatarMarginLeftAndRight } = options;
-    return (
-      <div className={styles.wrapper}>
-        <ul
-          className={styles.consumelist}
-          style={{
-            width: `calc(${avatarMarginLeftAndRight * 2 +
-              avatarSize}px * ${showLength})`,
-          }}
-        >
-          {this.renderConsumeItem()}
-          {this.renderToggleButton()}
-        </ul>
-      </div>
-    );
-  }
-}
-
-export default ConsumeListView;

src/components/Payment/Common/PayPlatformOptions/PayPlatformOptions.less

@@ -1,112 +0,0 @@
-.flexContainer {
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-
-  .flexItem {
-
-  }
-}
-
-
-.label {
-  font-size: 14px;
-  font-weight: 400;
-  color: #616A79;
-}
-.payment-method-box {
-  padding: 20px 10px 10px 10px;
-  text-align: center;
-
-  .payment-method {
-      display: inline-block;
-      margin: 0;
-      width: 60%;
-      vertical-align: middle;
-      &-before {
-          // TODO pseudo doesn't work
-          // content: '';
-          display: inline-block;
-          height: 100%;
-          vertical-align: middle;
-      }
-  }
-
-  .payitem {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      cursor: pointer;
-      border: 1px solid transparent;
-      height: 66px;
-      line-height: 66px;
-
-      .platformName {
-        text-align: center;
-        white-space: nowrap;
-      }
-
-      &.small {
-        width: 88px;
-        height: 36px;
-        line-height: 36px;
-        
-        .payment-method {
-          margin: 0;
-        }
-      }
-
-      &.normal {
-        width: 132px;
-      }
-
-      &.large {
-        width: 162px;
-      }
-
-      &.active {
-          border-radius: 5px;
-          border-color:#1790FF;
-          box-shadow: 0px 2px 6px 0px rgba(163,163,163,0.3);
-      }
-
-      &.en {
-        font-size: 12px;
-      }
-  }
-
-  &.mobile {
-      padding: 8px 10px 10px 8px;
-      .payitem {
-          display: inline-flex;
-          flex-direction: column;
-          justify-content: space-around;
-          width: 78px;
-          height: 80px;
-          line-height: initial;
-          border: 1px solid transparent;
-
-          &.active {
-              border-radius: 4px;
-              border-color: #1790FF;
-          }
-
-          .payment-method {
-              display: inline-block;
-              width: 34px;
-              height: 34px;
-          }
-      }
-  }
-}
-
-@media (max-width: 768px) {
-  .payitem {
-      cursor: pointer;
-      border: 1px solid transparent;
-      &.active {
-          border-radius: 5px;
-          border-color:#1790FF;
-      }
-  }
-}

src/components/Payment/Common/PayPlatformOptions/README.md

@@ -1,3 +0,0 @@
-# PayPlatformOptions
-
-- 简单介绍

src/components/Payment/Common/PayPlatformOptions/index.tsx

@@ -1,234 +0,0 @@
-import React, { PureComponent } from "react";
-import classnames from "classnames";
-
-import iconAlipay from "../assets/kcxq_popovers_icon_alipay@2x.png";
-import iconWechatpay from "../assets/kcxq_popovers_icon_wechatpay@2x.png";
-import iconPaypal from "../assets/kcxq_popovers_icon_paypal@2x.png";
-import mobileIconAlipay from "../assets/payment_btn_pay_alipay@2x.png";
-import mobileIconWechatpay from "../assets/payment_btn_pay_wechatpay@2x.png";
-import mobileIconPaypal from "../assets/payment_btn_pay_paypal@2x.png";
-
-import styles from "./PayPlatformOptions.less";
-import { exportStyleSizeClass } from "../../Utils/utils";
-
-type PAY_CHANNEL_VALUE =
-  | "PAYPAL_PAYPAL"
-  | "ALI_WEB"
-  | "ALI_WAP"
-  | "WX_WAP"
-  | "WX_NATIVE";
-interface PAY_CHANNEL_TYPE {
-  PAYPAL: PAY_CHANNEL_VALUE;
-  ALI_WEB: PAY_CHANNEL_VALUE;
-  ALI_WAP: PAY_CHANNEL_VALUE;
-  WX_WAP: PAY_CHANNEL_VALUE;
-  WX_NATIVE: PAY_CHANNEL_VALUE;
-}
-
-interface Props {
-  payitem: PAY_CHANNEL_VALUE;
-  onPayItemChange: (value: PAY_CHANNEL_VALUE) => void;
-  isMobile: boolean;
-  size: "small" | "normal" | "large";
-  withTitle: boolean;
-  titleTxt?: string;
-  locale: "zh" | "en";
-}
-
-export const PAY_CHANNEL: PAY_CHANNEL_TYPE = {
-  PAYPAL: "PAYPAL_PAYPAL", // PAYPAL_LIVE
-  ALI_WEB: "ALI_WEB",
-  ALI_WAP: "ALI_WAP",
-  WX_WAP: "WX_WAP",
-  WX_NATIVE: "WX_NATIVE"
-};
-
-class PayPlatformOptions extends PureComponent<Props, {}> {
-  render() {
-    const {
-      payitem,
-      onPayItemChange,
-      isMobile = false,
-      size = "normal",
-      withTitle = true,
-      titleTxt,
-      locale = "zh"
-    } = this.props;
-
-    let titleDOM = null;
-    if (withTitle) {
-      const titleResult = titleTxt || locale === 'zh' ? '支付方式' : 'Payment';
-      titleDOM = (
-        <div className={styles.label}>
-          {titleResult}
-        </div>
-      );
-    }
-
-    if (isMobile) {
-      return (
-        <div>
-          {titleDOM}
-          <div
-            className={classnames(styles["payment-method-box"], {
-              [styles.mobile]: isMobile
-            })}
-          >
-            <div className={styles.flexContainer}>
-              <div className={styles.flexItem}>
-                <div
-                  className={classnames(
-                    {
-                      [styles.payitem]: true,
-                      [styles.active]: payitem === PAY_CHANNEL.ALI_WEB,
-                      ...exportStyleSizeClass(styles, size),
-                    },
-                    styles[locale]
-                  )}
-                  onClick={() => {
-                    onPayItemChange(PAY_CHANNEL.ALI_WEB);
-                  }}
-                >
-                  <img
-                    src={mobileIconAlipay}
-                    alt="alipay"
-                    className={styles["payment-method"]}
-                  />
-                  <div className={styles.platformName}>
-                    支付宝
-                  </div>
-                </div>
-              </div>
-              <div className={styles.flexItem}>
-                <div
-                  className={classnames(
-                    {
-                      [styles.payitem]: true,
-                      [styles.active]: payitem === PAY_CHANNEL.WX_NATIVE,
-                      ...exportStyleSizeClass(styles, size),
-                    },
-                    styles[locale]
-                  )}
-                  onClick={() => {
-                    onPayItemChange(PAY_CHANNEL.WX_NATIVE);
-                  }}
-                >
-                  <img
-                    src={mobileIconWechatpay}
-                    alt="wechatpay"
-                    className={styles["payment-method"]}
-                  />
-                  <div className={styles.platformName}>
-                    微信
-                  </div>
-                </div>
-              </div>
-              <div className={styles.flexItem}>
-                <div
-                  className={classnames(
-                    {
-                      [styles.payitem]: true,
-                      [styles.active]: payitem === PAY_CHANNEL.PAYPAL,
-                      ...exportStyleSizeClass(styles, size),
-                    },
-                    styles[locale]
-                  )}
-                  onClick={() => {
-                    onPayItemChange(PAY_CHANNEL.PAYPAL);
-                  }}
-                >
-                  <img
-                    src={mobileIconPaypal}
-                    alt="paypal"
-                    className={styles["payment-method"]}
-                  />
-                  <div className={styles.platformName}>
-                    Paypal
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      );
-    }
-
-    return (
-      <div>
-        {titleDOM}
-        <div className={styles["payment-method-box"]}>
-          <div className={styles.flexContainer}>
-            <div className={styles.flexItem}>
-              <div
-                className={classnames(
-                  {
-                    [styles.payitem]: true,
-                    [styles.active]: payitem === PAY_CHANNEL.ALI_WEB,
-                    ...exportStyleSizeClass(styles, size),
-                  },
-                  styles[locale]
-                )}
-                onClick={() => {
-                  onPayItemChange(PAY_CHANNEL.ALI_WEB);
-                }}
-              >
-                <span className={styles["payment-method-before"]} />
-                <img
-                  src={iconAlipay}
-                  alt="alipay"
-                  className={styles["payment-method"]}
-                />
-              </div>
-            </div>
-            <div className={styles.flexItem}>
-              <div
-                className={classnames(
-                  {
-                    [styles.payitem]: true,
-                    [styles.active]: payitem === PAY_CHANNEL.WX_NATIVE,
-                    ...exportStyleSizeClass(styles, size),
-                  },
-                  styles[locale]
-                )}
-                onClick={() => {
-                  onPayItemChange(PAY_CHANNEL.WX_NATIVE);
-                }}
-              >
-                <span className={styles["payment-method-before"]} />
-                <img
-                  src={iconWechatpay}
-                  alt="wechatpay"
-                  className={styles["payment-method"]}
-                />
-              </div>
-            </div>
-            <div className={styles.flexItem}>
-              <div
-                className={classnames(
-                  {
-                    [styles.payitem]: true,
-                    [styles.active]: payitem === PAY_CHANNEL.PAYPAL,
-                    ...exportStyleSizeClass(styles, size),
-                  },
-                  styles[locale]
-                )}
-                onClick={() => {
-                  onPayItemChange(PAY_CHANNEL.PAYPAL);
-                }}
-              >
-                <span className={styles["payment-method-before"]} />
-                <img
-                  src={iconPaypal}
-                  alt="paypal"
-                  className={styles["payment-method"]}
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  }
-}
-
-export default PayPlatformOptions;

src/components/Payment/Common/PriceOptions/PriceOptions.less

@@ -1,133 +0,0 @@
-@item_width: 70px;
-@item_margin: 6px;
-.options{
-  padding: 20px 50px;
-  border-bottom: 1px dashed #00000017;
-  p {
-    font-size:14px;
-    font-weight:400;
-    color:rgba(97,106,121,1);
-    margin-bottom: 20px;
-  }
-  .infoItem {
-    padding-right: 0;
-    .priceItem {
-      background:rgba(243,243,243,0.14);
-      border-radius:4px;
-      border:1px solid rgba(207,207,207,1);
-      font-size:14px;
-      font-weight:600;
-      color:rgba(97,106,121,1);
-      display: inline-block;
-      text-align: center;
-      vertical-align: top;
-      height: 30px;
-      width: @item_width;
-      line-height: 30px;
-      cursor: pointer;
-      margin: @item_margin;
-
-      &.active {
-        background:rgba(255,50,102,0.1);
-        border-radius:4px;
-        border:1px solid rgba(255,50,102,1);
-        color:rgba(97,106,121,1);
-      }
-    }
-    .priceInput {
-        display: inline-block;
-        min-width: 70px;
-        width: auto;
-        margin: @item_margin;
-        text-align: center;
-    }
-    button {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-        height: 30px;
-        width: 50px;
-        vertical-align: top;
-        padding: 0 5px;
-    }
-    .rate {
-        margin-left: 10px;
-        i {
-            margin-right: 5px;
-            color: #1790FF;
-        }
-    }
-  }
-
-  &.small {
-    @item_width: 72px;
-    @item_margin: 19px;
-
-    padding: 0 0 12px 0;
-    // padding: 12px 20px;
-    border-bottom: none;
-    p {
-      margin-bottom: 8px;
-    }
-    .infoItem {
-      text-align: center;
-
-      .priceItem {
-        border-radius:6px;
-        height: 32px;
-        width: @item_width;
-        margin: 0 0 (@item_margin - 7px) @item_margin;
-      }
-      .priceItem:first-child{
-        margin: 0 0 (@item_margin - 7px) 0px;
-      }
-
-      .priceInput {
-        display: block;
-        width: @item_width*3+@item_margin*2;
-        border-radius: 6px;
-        height: 32px;
-      }
-    }
-  }
-}
-
-@media (max-width: 768px) {
-  .options {
-    padding: 20px 20px;
-    p{
-      font-size:14px;
-      font-weight:400;
-      color:rgba(97,106,121,1);
-    }
-    .infoItem {
-      padding-right: 0;
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      .priceBtn{
-        display: flex;
-        justify-content: space-between;
-      }
-      .priceItem {
-        display: inline-block;
-        background-color: #fff;
-        width:74px;
-        height:36px;
-        line-height: 36px;
-        border-radius:6px;
-        border:1px solid rgba(207,207,207,1);
-          &.active {
-          background-color: #fff;
-          color: #FF3266FF;
-          border-radius:4px;
-          border:1px solid rgba(255,50,102,1);
-        }
-      }
-      .priceInput {
-        border-radius:6px;
-        height: 36px;
-        width: auto;
-      }
-    }
-  }
-}

src/components/Payment/Common/PriceOptions/README.md

@@ -1,3 +0,0 @@
-# PriceOptions
-
-- 简单介绍

src/components/Payment/Common/PriceOptions/index.tsx

@@ -1,92 +0,0 @@
-import React, { useState } from "react";
-import classnames from "classnames";
-import { formatMoney } from "../../Utils/utils";
-
-import styles from "./PriceOptions.less";
-
-const FormattedMessage = ({ id }: any) => id;
-
-interface Props {
-  price: number;
-  onPriceChange: (v: number) => void;
-  size: "small" | "normal" | "large";
-  focusScroll: boolean;
-  withTitle: boolean;
-  inputRef: React.RefObject<any>;
-}
-
-const PriceOptions = ({
-  price,
-  onPriceChange,
-  size = "normal",
-  focusScroll = true,
-  withTitle = true,
-  inputRef
-}: Props) => {
-  const defaultOptions = [100, 600, 800];
-  // 控制是否为其他金额输入情况
-  const [inputStatus, setInputStatus] = useState(false);
-
-  return (
-    <div
-      className={classnames(styles.options)}
-    >
-      {withTitle ? (
-        <p>
-          <FormattedMessage id="pay.price.select.text" />
-        </p>
-      ) : null}
-      <div className={styles.infoItem} style={{ marginBottom: "-12px" }}>
-        <span className={styles.priceBtn}>
-          {defaultOptions.map(item => (
-            <span
-              className={classnames({
-                [styles.priceItem]: true,
-                [styles.active]: price === item && !inputStatus
-              })}
-              key={item}
-              onClick={() => {
-                onPriceChange(item);
-                setInputStatus(false);
-              }}
-            >
-              <FormattedMessage id={`${formatMoney(item/100, 0)}¥`} />
-            </span>
-          ))}
-        </span>
-        {/* <Input
-          ref={inputRef}
-          onMouseEnter={() => {
-            if (inputStatus && inputRef && inputRef.current) {
-              inputRef.current.focus();
-              inputRef.current.select();
-            }
-          }}
-          suffix="¥"
-          className={styles.priceInput}
-          value={inputStatus ? price / 100 || "" : ""}
-          placeholder="Others"
-          onChange={e => {
-            const n = +e.target.value;
-            if (Number.isNaN(n)) {
-              return;
-            }
-            // 测试暂时改成1分
-            onPriceChange(n * 100);
-          }}
-          onClick={e => {
-            onPriceChange(0);
-            setInputStatus(true);
-          }}
-          onFocus={e => {
-            if (focusScroll) {
-              e.target.scrollIntoView();
-            }
-          }}
-        /> */}
-      </div>
-    </div>
-  );
-};
-
-export default PriceOptions;

src/components/Payment/Common/WaitPayInfoView/README.md

@@ -1,3 +0,0 @@
-# WaitPayInfoView
-
-简单介绍

src/components/Payment/Common/WaitPayInfoView/WaitPayInfoView.less

@@ -1,7 +0,0 @@
-.waitingContainer {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-
-}

src/components/Payment/Common/WaitPayInfoView/index.tsx

@@ -1,57 +0,0 @@
-import React, { Component } from 'react';
-import classnames from 'classnames';
-import styles from './WaitPayInfoView.less';
-
-import infoIconImg from '../assets/icon-info-blue@2x.svg';
-
-const Button = (...props: any) => <button {...props}>button</button>;
-
-interface Props {
-  onClickPayed?: Function;
-  onClickProblem?: Function;
-}
-
-export class WaitPayInfoView extends Component<Props, {}> {
-  static defaultProps = {
-    onClickPayed: () => { console.log("onClickPayed"); },
-    onClickProblem: () => { console.log("onClickProblem"); }
-  }
-
-  render() {
-    const { onClickPayed, onClickProblem } = this.props;
-
-    return (
-      <div className={styles.waitingContainer}>
-        <div className={styles.infoIconImgContainer}>
-          <img src={infoIconImg} alt="info label icon" />
-        </div>
-        <div>
-          <div className={styles.pay_text}>
-            {"live.course_info.pay.notification"}
-          </div>
-          <div className={styles.btn_row}>
-            <Button
-              className={classnames(styles.pay_btn, styles.btn_default)}
-              size="small"
-              onClick={() => { onClickPayed && onClickPayed() }}
-            >
-              {"live.course_info.pay.payed"}
-            </Button>
-            <Button
-              className={styles.btn_default}
-              size="small"
-              style={{
-                marginLeft: '16px',
-              }}
-              onClick={() => { onClickProblem && onClickProblem() }}
-            >
-              {"live.course_info.pay.help"}
-            </Button>
-          </div>
-        </div>
-      </div>
-    );
-  }
-}
-
-export default WaitPayInfoView;

src/components/Payment/Common/assets/icon-info-blue@2x.svg

@@ -1,19 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="48px" height="43px" viewBox="0 0 48 43" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
-    <title>kcxq_popovers_icon_tanhao</title>
-    <desc>Created with Sketch.</desc>
-    <defs></defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="另客网_直播课_课程介绍详情_购买提示弹窗" transform="translate(-936.000000, -190.000000)" fill-rule="nonzero">
-            <g id="Group-22" transform="translate(690.000000, 110.000000)">
-                <g id="kcxq_popovers_icon_tanhao" transform="translate(246.000000, 80.000000)">
-                    <path d="M48,21.5 C48,33.3736626 38.3645756,43 26.4797048,43 C21.1306273,43 17.0391144,42.1506173 13.2841328,38.9300412 C11.8140221,37.6736626 1.700369,43.2123457 0.177121771,39.2839506 C-1.06273063,36.0987654 5.95129151,29.2506173 5.31365314,27.0740741 C4.76457565,25.1806584 4.95940959,23.5703704 4.95940959,21.5 C4.95940959,9.62633745 14.5948339,0 26.4797048,0 C38.3645756,0 48,9.62633745 48,21.5 Z" id="Shape" fill="#1790FF"></path>
-                    <g id="Group" transform="translate(23.848708, 8.193416)" fill="#FFFFFF">
-                        <path d="M2.5,27.4971098 C1.13235294,27.4971098 0,26.3794628 0,24.9971098 C0,23.6147569 1.13235294,22.4971098 2.5,22.4971098 C3.86764706,22.4971098 5,23.6147569 5,24.9971098 C5,26.3794628 3.86764706,27.4971098 2.5,27.4971098 Z M2.5,19.4219653 C1.13235294,19.4219653 0,18.1919075 0,16.6705202 L0,2.75144509 C0,1.24624277 1.13235294,0 2.5,0 C3.86764706,0 5,1.2300578 5,2.75144509 L5,16.6705202 C5,18.1919075 3.86764706,19.4219653 2.5,19.4219653 Z" id="Shape"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

src/components/Payment/Utils/utils.ts

@@ -1,44 +0,0 @@
-
-export const IMAGE_PROCESS = '?x-oss-process=image/resize,h_350';
-export const IMAGE_PROCESS_SMALL = '?x-oss-process=image/resize,h_100';
-export const IMAGE_PROCESS_LARGE = '?x-oss-process=image/resize,h_500';
-
-type AddImageProcessOptions = {
-  small?: boolean;
-  large?: boolean;
-  custom?: boolean;
-  width?: string;
-  height?: string;
-}
-
-export function addImageProcess(url: string, options: AddImageProcessOptions = { width: '36px', height: '36px' }) {
-  // 防止重复添加导致的url不正确
-  if (url && url.indexOf('x-oss-process') > -1) {
-    return url;
-  }
-  if (options.small) {
-    return url + IMAGE_PROCESS_SMALL;
-  }
-  if (options.large) {
-    return url + IMAGE_PROCESS_LARGE;
-  }
-  if (options.custom) {
-    return `${url}?x-oss-process=image/resize,limit_0,m_fill,w_${options.width},h_${options.height}`;
-  }
-  return url + IMAGE_PROCESS;
-}
-
-export function formatMoney(input: any, fuzz = 2) {
-  if (isNaN(+input)) {
-    return input;
-  }
-  return (+input).toFixed(fuzz);
-}
-
-type classSize = 'small'|'normal'|'large';
-
-export function exportStyleSizeClass(styles: any, size: classSize) {
-  return {
-    [styles[size]]: true,
-  }
-}

src/components/Payment/index.ts

@@ -1,4 +0,0 @@
-export { default as ConsumeListView } from './Common/ConsumeListView';
-export { default as PayPlatformOptions } from './Common/PayPlatformOptions';
-export { default as PriceOptions } from './Common/PriceOptions';
-export { default as WaitPayInfoView } from './Common/WaitPayInfoView';

src/components/comment/CommentItem.tsx

@@ -0,0 +1,35 @@
+import React, { Component } from 'react'
+
+export interface CommentItemData {
+  content: string;
+  created: number;
+  favor_count: number;
+  favored: boolean;
+  id: string;
+  is_speak: boolean;
+  medias: any;
+  replies: Array<any>
+  reply_count: number;
+  user_avatar: string;
+  user_id: number;
+  user_name: string;
+}
+
+interface IP {
+  data: CommentItemData;
+}
+
+interface IS {}
+
+export default class CommentItem extends Component<IP, IS> {
+  render() {
+    console.log(this.props.data.content);
+    return (
+      <div>
+        {
+          this.props.data.content
+        }
+      </div>
+    )
+  }
+}

src/components/comment/CommentList.tsx

@@ -0,0 +1,20 @@
+import React, { PureComponent } from 'react'
+import CommentItem, { CommentItemData } from './CommentItem'
+
+interface IP {
+  list: Array<CommentItemData>
+}
+
+interface IS {
+
+}
+
+export default class CommentList extends PureComponent<IP, IS> {
+  render() {
+    return (
+      <div>
+        {this.props.list.map(i => <CommentItem data={i} />)}
+      </div>
+    )
+  }
+}

src/components/comment/README.md

@@ -0,0 +1,13 @@
+# comment
+
+通用评论组件
+
+** `veresion 0.1` **
+
+## Getting Started
+
+
+## Running the tests
+
+
+## Built

src/components/comment/config/constant.js

@@ -0,0 +1,34 @@
+export const ERROR_DEFAULT = "出错了！";
+
+export const LIMIT = 10; // 默认 limit
+
+export const DRIVER_LICENSE_PATH = "/comment";
+
+export const OSS_LINK = "//links-comment.oss-cn-beijing.aliyuncs.com";
+
+export const MAX_UPLOAD_NUMBER = 4;
+
+export const URL_REGEXP = /((http(s)?:)?\/\/)?(www\.)?[-a-zA-Z0-9@:%._+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_+.~#?&//=]*)/g;
+
+export const REGEXP = /\[[^[\]]+?\]/g;
+
+export const AVATAR = "";
+
+export const IMAGE_SPLIT = "IMAGE_SPLIT";
+
+export const IMAGE_PROCESS = "?x-oss-process=image/resize,h_350";
+export const IMAGE_PROCESS_SMALL = "?x-oss-process=image/resize,h_100";
+export const IMAGE_PROCESS_LARGE = "?x-oss-process=image/resize,h_500";
+
+export const COMMENT_TYPE = {
+  COMMENT: "comment",
+  REPLY: "reply"
+};
+
+// 线上静态库地址
+export const LANGUAGE_LINK =
+  process.env.NODE_ENV === "production"
+    ? "//a.links123.cn/lang"
+    : "//a.links123.net/lang";
+
+export const COMMENT_API = `http://api.links123.net/comment/v1`

src/components/comment/context/index.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { LIMIT } from "@/components/comment/config/constant";
+
+export const CommentContext = React.createContext('comment')
+
+// const DEFAULT_TYPE = 1;
+// const DEFAULT_BUSSINESSID = 'test';
+// const DEFAULT_BUSSINESS_USER_ID = 4;
+// const DEFAULT_PAGE = 1;
+// const DEFAULT_LIMIT = LIMIT;
+
+export const DefaultValue = {
+  type: 1,
+  bussiness_id: 'test',
+  bussiness_user_id: 4,
+  page: 1,
+  limit: LIMIT,
+}

src/components/comment/demo.jsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import CommentCombine from './index';
+import styles from './index.less';
+
+export class CommentDemo extends React.Component {
+  render() {
+    return (
+      <div className={styles.playgroundWrapper}>
+        <CommentCombine />
+      </div>
+    )
+  }
+}
+export default CommentDemo;