dev: 添加富文本编辑器相关page

.babelrc

@@ -5,14 +5,6 @@
     "@babel/preset-typescript"
   ],
   "plugins": [
-    [
-      "import",
-      {
-        "libraryName": "antd",
-        "style": true,   // or 'css'
-        "libraryDirectory": "es"
-      }
-    ],
     "@babel/plugin-proposal-class-properties"
     // "@babel/plugin-proposal-export-default-from"
   ]

.storybook/config.js

@@ -18,5 +18,4 @@ configure(
 
 addDecorator((storyFn, context) => withConsole()(storyFn)(context));
 
-import 'antd/dist/antd.less';
 export { getStorybook }

.storybook/webpack.config.js

@@ -2,6 +2,7 @@ const fs = require('fs');
 const path = require('path');
 
 module.exports = ({ config }) => {
+  config.resolve.modules =  ['node_modules'];
   config.module.rules.push({
     test: /\.stories\.tsx?$/,
     loaders: [require.resolve('@storybook/source-loader')],
@@ -48,10 +49,7 @@ module.exports = ({ config }) => {
       {
         loader: require.resolve('babel-loader'),
         options: {
-          presets: [['react-app', { flow: false, typescript: true }]],
-          "plugins": [
-            ["import", { "libraryName": "antd", "style": true }]
-          ]
+          presets: [['react-app', { flow: false, typescript: true }]]
         }
       },
       // Optional

eslib/Common/index.js

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

eslib/Common/index.js.map

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

eslib/Payment/index.js

@@ -1,8 +1,5 @@
-import '../style-inject.es-7ed2769c.js';
+import '../style-inject.es-b888177c.js';
 import 'react';
-export { C as ConsumeListView, P as PayPlatformOptions, a as PriceOptions, W as WaitPayInfoView } from '../index-8e31d90e.js';
-import 'antd/es/input/style';
-import 'antd/es/input';
-import 'antd/es/button/style';
-import 'antd/es/button';
+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 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

eslib/index-29b5a955.js

@@ -0,0 +1,53 @@
+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

@@ -0,0 +1 @@
+{"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/index-8e31d90e.js → eslib/index-6e59934c.js

@@ -1,9 +1,6 @@
-import { _ as _defineProperty, s as styleInject, b as _inherits, d as _createClass, e as _classCallCheck, f as _possibleConstructorReturn, h as _getPrototypeOf, i as classnames, j as _objectSpread2, k as _slicedToArray } from './style-inject.es-7ed2769c.js';
+import { _ as _defineProperty, s as styleInject, b as _inherits, d as _createClass, e as _classCallCheck, f as _possibleConstructorReturn, h as _getPrototypeOf, i as _objectSpread2, j as _slicedToArray } from './style-inject.es-b888177c.js';
 import React, { Component, PureComponent, useState } from 'react';
-import 'antd/es/input/style';
-import _Input from 'antd/es/input';
-import 'antd/es/button/style';
-import _Button from 'antd/es/button';
+import { c as classnames } from './index-29b5a955.js';
 
 var IMAGE_PROCESS = '?x-oss-process=image/resize,h_350';
 var IMAGE_PROCESS_SMALL = '?x-oss-process=image/resize,h_100';
@@ -363,7 +360,6 @@ var PriceOptions = function PriceOptions(_ref2) {
       onPriceChange = _ref2.onPriceChange,
       _ref2$size = _ref2.size,
       _ref2$focusScroll = _ref2.focusScroll,
-      focusScroll = _ref2$focusScroll === void 0 ? true : _ref2$focusScroll,
       _ref2$withTitle = _ref2.withTitle,
       withTitle = _ref2$withTitle === void 0 ? true : _ref2$withTitle,
       inputRef = _ref2.inputRef;
@@ -398,38 +394,7 @@ var PriceOptions = function PriceOptions(_ref2) {
     }, React.createElement(FormattedMessage, {
       id: "".concat(formatMoney(item / 100, 0), "\xA5")
     }));
-  })), React.createElement(_Input, {
-    ref: inputRef,
-    onMouseEnter: function onMouseEnter() {
-      if (inputStatus && inputRef && inputRef.current) {
-        inputRef.current.focus();
-        inputRef.current.select();
-      }
-    },
-    suffix: "\xA5",
-    className: styles$2.priceInput,
-    value: inputStatus ? price / 100 || "" : "",
-    placeholder: "Others",
-    onChange: function onChange(e) {
-      var n = +e.target.value;
-
-      if (Number.isNaN(n)) {
-        return;
-      } // 测试暂时改成1分
-
-
-      onPriceChange(n * 100);
-    },
-    onClick: function onClick(e) {
-      onPriceChange(0);
-      setInputStatus(true);
-    },
-    onFocus: function onFocus(e) {
-      if (focusScroll) {
-        e.target.scrollIntoView();
-      }
-    }
-  })));
+  }))));
 };
 
 var css$3 = ".WaitPayInfoView_waitingContainer__3wZ0a {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n";
@@ -438,6 +403,14 @@ styleInject(css$3);
 
 const img$7 = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0M3B4IiB2aWV3Qm94PSIwIDAgNDggNDMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5rY3hxX3BvcG92ZXJzX2ljb25fdGFuaGFvPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWPpuWuoue9kV/nm7Tmkq3or75f6K++56iL5LuL57uN6K+m5oOFX+i0reS5sOaPkOekuuW8ueeqlyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkzNi4wMDAwMDAsIC0xOTAuMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2OTAuMDAwMDAwLCAxMTAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0ia2N4cV9wb3BvdmVyc19pY29uX3RhbmhhbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ2LjAwMDAwMCwgODAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ4LDIxLjUgQzQ4LDMzLjM3MzY2MjYgMzguMzY0NTc1Niw0MyAyNi40Nzk3MDQ4LDQzIEMyMS4xMzA2MjczLDQzIDE3LjAzOTExNDQsNDIuMTUwNjE3MyAxMy4yODQxMzI4LDM4LjkzMDA0MTIgQzExLjgxNDAyMjEsMzcuNjczNjYyNiAxLjcwMDM2OSw0My4yMTIzNDU3IDAuMTc3MTIxNzcxLDM5LjI4Mzk1MDYgQy0xLjA2MjczMDYzLDM2LjA5ODc2NTQgNS45NTEyOTE1MSwyOS4yNTA2MTczIDUuMzEzNjUzMTQsMjcuMDc0MDc0MSBDNC43NjQ1NzU2NSwyNS4xODA2NTg0IDQuOTU5NDA5NTksMjMuNTcwMzcwNCA0Ljk1OTQwOTU5LDIxLjUgQzQuOTU5NDA5NTksOS42MjYzMzc0NSAxNC41OTQ4MzM5LDAgMjYuNDc5NzA0OCwwIEMzOC4zNjQ1NzU2LDAgNDgsOS42MjYzMzc0NSA0OCwyMS41IFoiIGlkPSJTaGFwZSIgZmlsbD0iIzE3OTBGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMuODQ4NzA4LCA4LjE5MzQxNikiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMi41LDI3LjQ5NzEwOTggQzEuMTMyMzUyOTQsMjcuNDk3MTA5OCAwLDI2LjM3OTQ2MjggMCwyNC45OTcxMDk4IEMwLDIzLjYxNDc1NjkgMS4xMzIzNTI5NCwyMi40OTcxMDk4IDIuNSwyMi40OTcxMDk4IEMzLjg2NzY0NzA2LDIyLjQ5NzEwOTggNSwyMy42MTQ3NTY5IDUsMjQuOTk3MTA5OCBDNSwyNi4zNzk0NjI4IDMuODY3NjQ3MDYsMjcuNDk3MTA5OCAyLjUsMjcuNDk3MTA5OCBaIE0yLjUsMTkuNDIxOTY1MyBDMS4xMzIzNTI5NCwxOS40MjE5NjUzIDAsMTguMTkxOTA3NSAwLDE2LjY3MDUyMDIgTDAsMi43NTE0NDUwOSBDMCwxLjI0NjI0Mjc3IDEuMTMyMzUyOTQsMCAyLjUsMCBDMy44Njc2NDcwNiwwIDUsMS4yMzAwNTc4IDUsMi43NTE0NDUwOSBMNSwxNi42NzA1MjAyIEM1LDE4LjE5MTkwNzUgMy44Njc2NDcwNiwxOS40MjE5NjUzIDIuNSwxOS40MjE5NjUzIFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+';
 
+var Button = function Button() {
+  for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
+    props[_key] = arguments[_key];
+  }
+
+  return React.createElement("button", props, "button");
+};
+
 var WaitPayInfoView =
 /*#__PURE__*/
 function (_Component) {
@@ -466,13 +439,13 @@ function (_Component) {
         className: styles$3.pay_text
       }, "live.course_info.pay.notification"), React.createElement("div", {
         className: styles$3.btn_row
-      }, React.createElement(_Button, {
+      }, React.createElement(Button, {
         className: classnames(styles$3.pay_btn, styles$3.btn_default),
         size: "small",
         onClick: function onClick() {
           onClickPayed && onClickPayed();
         }
-      }, "live.course_info.pay.payed"), React.createElement(_Button, {
+      }, "live.course_info.pay.payed"), React.createElement(Button, {
         className: styles$3.btn_default,
         size: "small",
         style: {
@@ -498,4 +471,4 @@ _defineProperty(WaitPayInfoView, "defaultProps", {
 });
 
 export { ConsumeListView as C, PayPlatformOptions as P, WaitPayInfoView as W, PriceOptions as a };
-//# sourceMappingURL=index-8e31d90e.js.map
+//# sourceMappingURL=index-6e59934c.js.map

eslib/index.js

@@ -1,11 +1,8 @@
-import { c as createCommonjsModule, g as getCjsExportFromNamespace, a as commonjsGlobal, u as unwrapExports } from './style-inject.es-7ed2769c.js';
+import { c as createCommonjsModule, g as getCjsExportFromNamespace, a as commonjsGlobal, u as unwrapExports } from './style-inject.es-b888177c.js';
 import 'react';
-import './test-4091af6f.js';
-export { C as ConsumeListView, P as PayPlatformOptions, a as PriceOptions, W as WaitPayInfoView } from './index-8e31d90e.js';
-import 'antd/es/input/style';
-import 'antd/es/input';
-import 'antd/es/button/style';
-import 'antd/es/button';
+import './index-29b5a955.js';
+import './test-89de59f6.js';
+export { C as ConsumeListView, P as PayPlatformOptions, a as PriceOptions, W as WaitPayInfoView } from './index-6e59934c.js';
 
 /*
 Copyright (c) 2014, Yahoo! Inc. All rights reserved.

eslib/style-inject.es-7ed2769c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-inject.es-7ed2769c.js","sources":["../node_modules/classnames/index.js","../node_modules/style-inject/dist/style-inject.es.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","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":"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"}

eslib/style-inject.es-7ed2769c.js → eslib/style-inject.es-b888177c.js

@@ -172,55 +172,6 @@ function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance");
 }
 
-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;
-	}
-}());
-});
-
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
@@ -248,5 +199,5 @@ function styleInject(css, ref) {
   }
 }
 
-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, classnames as i, _objectSpread2 as j, _slicedToArray as k, styleInject as s, unwrapExports as u };
-//# sourceMappingURL=style-inject.es-7ed2769c.js.map
+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

@@ -0,0 +1 @@
+{"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-4091af6f.js → eslib/test-89de59f6.js

@@ -1,5 +1,6 @@
-import { s as styleInject } from './style-inject.es-7ed2769c.js';
+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);
@@ -70,4 +71,4 @@ styleInject(css);
 var Test = "TestComponent";
 
 export { Test as T };
-//# sourceMappingURL=test-4091af6f.js.map
+//# sourceMappingURL=test-89de59f6.js.map

lib/Common/index.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../style-inject.es-3827494b.js');
+require('../style-inject.es-7b2c2b1b.js');
 require('react');
-var test = require('../test-b93e5209.js');
+require('../index-671ea010.js');
+var test = require('../test-f419c2cb.js');
 
 
 

lib/Common/index.js.map

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

lib/Payment/index.js

@@ -2,18 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../style-inject.es-3827494b.js');
+require('../style-inject.es-7b2c2b1b.js');
 require('react');
-var index = require('../index-e808551e.js');
-require('antd/es/input/style');
-require('antd/es/input');
-require('antd/es/button/style');
-require('antd/es/button');
+require('../index-671ea010.js');
+var index$1 = require('../index-fe1b29d9.js');
 
 
 
-exports.ConsumeListView = index.ConsumeListView;
-exports.PayPlatformOptions = index.PayPlatformOptions;
-exports.PriceOptions = index.PriceOptions;
-exports.WaitPayInfoView = index.WaitPayInfoView;
+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 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

lib/index-671ea010.js

@@ -0,0 +1,55 @@
+'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

@@ -0,0 +1 @@
+{"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/index-e808551e.js → lib/index-fe1b29d9.js

@@ -2,13 +2,10 @@
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var styleInject_es = require('./style-inject.es-3827494b.js');
+var styleInject_es = require('./style-inject.es-7b2c2b1b.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-require('antd/es/input/style');
-var _Input = _interopDefault(require('antd/es/input'));
-require('antd/es/button/style');
-var _Button = _interopDefault(require('antd/es/button'));
+var index = require('./index-671ea010.js');
 
 var IMAGE_PROCESS = '?x-oss-process=image/resize,h_350';
 var IMAGE_PROCESS_SMALL = '?x-oss-process=image/resize,h_100';
@@ -147,7 +144,7 @@ function (_Component) {
         onClick: function onClick() {
           return onToggleChange();
         },
-        className: styleInject_es.classnames(styles.toggle, styleInject_es._defineProperty({}, styles.expand, isToggle)),
+        className: index.classnames(styles.toggle, styleInject_es._defineProperty({}, styles.expand, isToggle)),
         style: {
           width: "".concat(avatarSize, "px"),
           height: "".concat(avatarSize, "px"),
@@ -259,13 +256,13 @@ function (_PureComponent) {
         var _objectSpread2, _objectSpread3, _objectSpread4;
 
         return React__default.createElement("div", null, titleDOM, React__default.createElement("div", {
-          className: styleInject_es.classnames(styles$1["payment-method-box"], styleInject_es._defineProperty({}, styles$1.mobile, isMobile))
+          className: index.classnames(styles$1["payment-method-box"], styleInject_es._defineProperty({}, styles$1.mobile, isMobile))
         }, React__default.createElement("div", {
           className: styles$1.flexContainer
         }, React__default.createElement("div", {
           className: styles$1.flexItem
         }, React__default.createElement("div", {
-          className: styleInject_es.classnames(styleInject_es._objectSpread2((_objectSpread2 = {}, styleInject_es._defineProperty(_objectSpread2, styles$1.payitem, true), styleInject_es._defineProperty(_objectSpread2, styles$1.active, payitem === PAY_CHANNEL.ALI_WEB), _objectSpread2), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
+          className: index.classnames(styleInject_es._objectSpread2((_objectSpread2 = {}, styleInject_es._defineProperty(_objectSpread2, styles$1.payitem, true), styleInject_es._defineProperty(_objectSpread2, styles$1.active, payitem === PAY_CHANNEL.ALI_WEB), _objectSpread2), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
           onClick: function onClick() {
             onPayItemChange(PAY_CHANNEL.ALI_WEB);
           }
@@ -278,7 +275,7 @@ function (_PureComponent) {
         }, "\u652F\u4ED8\u5B9D"))), React__default.createElement("div", {
           className: styles$1.flexItem
         }, React__default.createElement("div", {
-          className: styleInject_es.classnames(styleInject_es._objectSpread2((_objectSpread3 = {}, styleInject_es._defineProperty(_objectSpread3, styles$1.payitem, true), styleInject_es._defineProperty(_objectSpread3, styles$1.active, payitem === PAY_CHANNEL.WX_NATIVE), _objectSpread3), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
+          className: index.classnames(styleInject_es._objectSpread2((_objectSpread3 = {}, styleInject_es._defineProperty(_objectSpread3, styles$1.payitem, true), styleInject_es._defineProperty(_objectSpread3, styles$1.active, payitem === PAY_CHANNEL.WX_NATIVE), _objectSpread3), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
           onClick: function onClick() {
             onPayItemChange(PAY_CHANNEL.WX_NATIVE);
           }
@@ -291,7 +288,7 @@ function (_PureComponent) {
         }, "\u5FAE\u4FE1"))), React__default.createElement("div", {
           className: styles$1.flexItem
         }, React__default.createElement("div", {
-          className: styleInject_es.classnames(styleInject_es._objectSpread2((_objectSpread4 = {}, styleInject_es._defineProperty(_objectSpread4, styles$1.payitem, true), styleInject_es._defineProperty(_objectSpread4, styles$1.active, payitem === PAY_CHANNEL.PAYPAL), _objectSpread4), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
+          className: index.classnames(styleInject_es._objectSpread2((_objectSpread4 = {}, styleInject_es._defineProperty(_objectSpread4, styles$1.payitem, true), styleInject_es._defineProperty(_objectSpread4, styles$1.active, payitem === PAY_CHANNEL.PAYPAL), _objectSpread4), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
           onClick: function onClick() {
             onPayItemChange(PAY_CHANNEL.PAYPAL);
           }
@@ -311,7 +308,7 @@ function (_PureComponent) {
       }, React__default.createElement("div", {
         className: styles$1.flexItem
       }, React__default.createElement("div", {
-        className: styleInject_es.classnames(styleInject_es._objectSpread2((_objectSpread5 = {}, styleInject_es._defineProperty(_objectSpread5, styles$1.payitem, true), styleInject_es._defineProperty(_objectSpread5, styles$1.active, payitem === PAY_CHANNEL.ALI_WEB), _objectSpread5), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
+        className: index.classnames(styleInject_es._objectSpread2((_objectSpread5 = {}, styleInject_es._defineProperty(_objectSpread5, styles$1.payitem, true), styleInject_es._defineProperty(_objectSpread5, styles$1.active, payitem === PAY_CHANNEL.ALI_WEB), _objectSpread5), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
         onClick: function onClick() {
           onPayItemChange(PAY_CHANNEL.ALI_WEB);
         }
@@ -324,7 +321,7 @@ function (_PureComponent) {
       }))), React__default.createElement("div", {
         className: styles$1.flexItem
       }, React__default.createElement("div", {
-        className: styleInject_es.classnames(styleInject_es._objectSpread2((_objectSpread6 = {}, styleInject_es._defineProperty(_objectSpread6, styles$1.payitem, true), styleInject_es._defineProperty(_objectSpread6, styles$1.active, payitem === PAY_CHANNEL.WX_NATIVE), _objectSpread6), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
+        className: index.classnames(styleInject_es._objectSpread2((_objectSpread6 = {}, styleInject_es._defineProperty(_objectSpread6, styles$1.payitem, true), styleInject_es._defineProperty(_objectSpread6, styles$1.active, payitem === PAY_CHANNEL.WX_NATIVE), _objectSpread6), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
         onClick: function onClick() {
           onPayItemChange(PAY_CHANNEL.WX_NATIVE);
         }
@@ -337,7 +334,7 @@ function (_PureComponent) {
       }))), React__default.createElement("div", {
         className: styles$1.flexItem
       }, React__default.createElement("div", {
-        className: styleInject_es.classnames(styleInject_es._objectSpread2((_objectSpread7 = {}, styleInject_es._defineProperty(_objectSpread7, styles$1.payitem, true), styleInject_es._defineProperty(_objectSpread7, styles$1.active, payitem === PAY_CHANNEL.PAYPAL), _objectSpread7), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
+        className: index.classnames(styleInject_es._objectSpread2((_objectSpread7 = {}, styleInject_es._defineProperty(_objectSpread7, styles$1.payitem, true), styleInject_es._defineProperty(_objectSpread7, styles$1.active, payitem === PAY_CHANNEL.PAYPAL), _objectSpread7), exportStyleSizeClass(styles$1, size)), styles$1[locale]),
         onClick: function onClick() {
           onPayItemChange(PAY_CHANNEL.PAYPAL);
         }
@@ -368,7 +365,6 @@ var PriceOptions = function PriceOptions(_ref2) {
       onPriceChange = _ref2.onPriceChange,
       _ref2$size = _ref2.size,
       _ref2$focusScroll = _ref2.focusScroll,
-      focusScroll = _ref2$focusScroll === void 0 ? true : _ref2$focusScroll,
       _ref2$withTitle = _ref2.withTitle,
       withTitle = _ref2$withTitle === void 0 ? true : _ref2$withTitle,
       inputRef = _ref2.inputRef;
@@ -380,7 +376,7 @@ var PriceOptions = function PriceOptions(_ref2) {
       setInputStatus = _useState2[1];
 
   return React__default.createElement("div", {
-    className: styleInject_es.classnames(styles$2.options)
+    className: index.classnames(styles$2.options)
   }, withTitle ? React__default.createElement("p", null, React__default.createElement(FormattedMessage, {
     id: "pay.price.select.text"
   })) : null, React__default.createElement("div", {
@@ -394,7 +390,7 @@ var PriceOptions = function PriceOptions(_ref2) {
     var _classnames;
 
     return React__default.createElement("span", {
-      className: styleInject_es.classnames((_classnames = {}, styleInject_es._defineProperty(_classnames, styles$2.priceItem, true), styleInject_es._defineProperty(_classnames, styles$2.active, price === item && !inputStatus), _classnames)),
+      className: index.classnames((_classnames = {}, styleInject_es._defineProperty(_classnames, styles$2.priceItem, true), styleInject_es._defineProperty(_classnames, styles$2.active, price === item && !inputStatus), _classnames)),
       key: item,
       onClick: function onClick() {
         onPriceChange(item);
@@ -403,38 +399,7 @@ var PriceOptions = function PriceOptions(_ref2) {
     }, React__default.createElement(FormattedMessage, {
       id: "".concat(formatMoney(item / 100, 0), "\xA5")
     }));
-  })), React__default.createElement(_Input, {
-    ref: inputRef,
-    onMouseEnter: function onMouseEnter() {
-      if (inputStatus && inputRef && inputRef.current) {
-        inputRef.current.focus();
-        inputRef.current.select();
-      }
-    },
-    suffix: "\xA5",
-    className: styles$2.priceInput,
-    value: inputStatus ? price / 100 || "" : "",
-    placeholder: "Others",
-    onChange: function onChange(e) {
-      var n = +e.target.value;
-
-      if (Number.isNaN(n)) {
-        return;
-      } // 测试暂时改成1分
-
-
-      onPriceChange(n * 100);
-    },
-    onClick: function onClick(e) {
-      onPriceChange(0);
-      setInputStatus(true);
-    },
-    onFocus: function onFocus(e) {
-      if (focusScroll) {
-        e.target.scrollIntoView();
-      }
-    }
-  })));
+  }))));
 };
 
 var css$3 = ".WaitPayInfoView_waitingContainer__3wZ0a {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n";
@@ -443,6 +408,14 @@ styleInject_es.styleInject(css$3);
 
 const img$7 = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0M3B4IiB2aWV3Qm94PSIwIDAgNDggNDMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5rY3hxX3BvcG92ZXJzX2ljb25fdGFuaGFvPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWPpuWuoue9kV/nm7Tmkq3or75f6K++56iL5LuL57uN6K+m5oOFX+i0reS5sOaPkOekuuW8ueeqlyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTkzNi4wMDAwMDAsIC0xOTAuMDAwMDAwKSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2OTAuMDAwMDAwLCAxMTAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0ia2N4cV9wb3BvdmVyc19pY29uX3RhbmhhbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ2LjAwMDAwMCwgODAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ4LDIxLjUgQzQ4LDMzLjM3MzY2MjYgMzguMzY0NTc1Niw0MyAyNi40Nzk3MDQ4LDQzIEMyMS4xMzA2MjczLDQzIDE3LjAzOTExNDQsNDIuMTUwNjE3MyAxMy4yODQxMzI4LDM4LjkzMDA0MTIgQzExLjgxNDAyMjEsMzcuNjczNjYyNiAxLjcwMDM2OSw0My4yMTIzNDU3IDAuMTc3MTIxNzcxLDM5LjI4Mzk1MDYgQy0xLjA2MjczMDYzLDM2LjA5ODc2NTQgNS45NTEyOTE1MSwyOS4yNTA2MTczIDUuMzEzNjUzMTQsMjcuMDc0MDc0MSBDNC43NjQ1NzU2NSwyNS4xODA2NTg0IDQuOTU5NDA5NTksMjMuNTcwMzcwNCA0Ljk1OTQwOTU5LDIxLjUgQzQuOTU5NDA5NTksOS42MjYzMzc0NSAxNC41OTQ4MzM5LDAgMjYuNDc5NzA0OCwwIEMzOC4zNjQ1NzU2LDAgNDgsOS42MjYzMzc0NSA0OCwyMS41IFoiIGlkPSJTaGFwZSIgZmlsbD0iIzE3OTBGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMuODQ4NzA4LCA4LjE5MzQxNikiIGZpbGw9IiNGRkZGRkYiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMi41LDI3LjQ5NzEwOTggQzEuMTMyMzUyOTQsMjcuNDk3MTA5OCAwLDI2LjM3OTQ2MjggMCwyNC45OTcxMDk4IEMwLDIzLjYxNDc1NjkgMS4xMzIzNTI5NCwyMi40OTcxMDk4IDIuNSwyMi40OTcxMDk4IEMzLjg2NzY0NzA2LDIyLjQ5NzEwOTggNSwyMy42MTQ3NTY5IDUsMjQuOTk3MTA5OCBDNSwyNi4zNzk0NjI4IDMuODY3NjQ3MDYsMjcuNDk3MTA5OCAyLjUsMjcuNDk3MTA5OCBaIE0yLjUsMTkuNDIxOTY1MyBDMS4xMzIzNTI5NCwxOS40MjE5NjUzIDAsMTguMTkxOTA3NSAwLDE2LjY3MDUyMDIgTDAsMi43NTE0NDUwOSBDMCwxLjI0NjI0Mjc3IDEuMTMyMzUyOTQsMCAyLjUsMCBDMy44Njc2NDcwNiwwIDUsMS4yMzAwNTc4IDUsMi43NTE0NDUwOSBMNSwxNi42NzA1MjAyIEM1LDE4LjE5MTkwNzUgMy44Njc2NDcwNiwxOS40MjE5NjUzIDIuNSwxOS40MjE5NjUzIFoiIGlkPSJTaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+';
 
+var Button = function Button() {
+  for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
+    props[_key] = arguments[_key];
+  }
+
+  return React__default.createElement("button", props, "button");
+};
+
 var WaitPayInfoView =
 /*#__PURE__*/
 function (_Component) {
@@ -471,13 +444,13 @@ function (_Component) {
         className: styles$3.pay_text
       }, "live.course_info.pay.notification"), React__default.createElement("div", {
         className: styles$3.btn_row
-      }, React__default.createElement(_Button, {
-        className: styleInject_es.classnames(styles$3.pay_btn, styles$3.btn_default),
+      }, React__default.createElement(Button, {
+        className: index.classnames(styles$3.pay_btn, styles$3.btn_default),
         size: "small",
         onClick: function onClick() {
           onClickPayed && onClickPayed();
         }
-      }, "live.course_info.pay.payed"), React__default.createElement(_Button, {
+      }, "live.course_info.pay.payed"), React__default.createElement(Button, {
         className: styles$3.btn_default,
         size: "small",
         style: {
@@ -506,4 +479,4 @@ exports.ConsumeListView = ConsumeListView;
 exports.PayPlatformOptions = PayPlatformOptions;
 exports.PriceOptions = PriceOptions;
 exports.WaitPayInfoView = WaitPayInfoView;
-//# sourceMappingURL=index-e808551e.js.map
+//# sourceMappingURL=index-fe1b29d9.js.map

lib/index.js

@@ -2,14 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styleInject_es = require('./style-inject.es-3827494b.js');
+var styleInject_es = require('./style-inject.es-7b2c2b1b.js');
 require('react');
-require('./test-b93e5209.js');
-var index = require('./index-e808551e.js');
-require('antd/es/input/style');
-require('antd/es/input');
-require('antd/es/button/style');
-require('antd/es/button');
+require('./index-671ea010.js');
+require('./test-f419c2cb.js');
+var index$1 = require('./index-fe1b29d9.js');
 
 /*
 Copyright (c) 2014, Yahoo! Inc. All rights reserved.
@@ -3149,10 +3146,10 @@ var langs = {
 };
 var kiwiIntl = KiwiIntl.init('en_US', langs);
 
-exports.ConsumeListView = index.ConsumeListView;
-exports.PayPlatformOptions = index.PayPlatformOptions;
-exports.PriceOptions = index.PriceOptions;
-exports.WaitPayInfoView = index.WaitPayInfoView;
+exports.ConsumeListView = index$1.ConsumeListView;
+exports.PayPlatformOptions = index$1.PayPlatformOptions;
+exports.PriceOptions = index$1.PriceOptions;
+exports.WaitPayInfoView = index$1.WaitPayInfoView;
 exports.Test = Test;
 exports.kiwiIntl = kiwiIntl;
 //# sourceMappingURL=index.js.map

lib/style-inject.es-3827494b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-inject.es-7ed2769c.js","sources":["../node_modules/classnames/index.js","../node_modules/style-inject/dist/style-inject.es.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","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":"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"}

lib/style-inject.es-3827494b.js → lib/style-inject.es-7b2c2b1b.js

@@ -174,55 +174,6 @@ function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance");
 }
 
-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;
-	}
-}());
-});
-
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
@@ -250,6 +201,7 @@ function styleInject(css, ref) {
   }
 }
 
+exports._assertThisInitialized = _assertThisInitialized;
 exports._classCallCheck = _classCallCheck;
 exports._createClass = _createClass;
 exports._defineProperty = _defineProperty;
@@ -258,10 +210,9 @@ exports._inherits = _inherits;
 exports._objectSpread2 = _objectSpread2;
 exports._possibleConstructorReturn = _possibleConstructorReturn;
 exports._slicedToArray = _slicedToArray;
-exports.classnames = classnames;
 exports.commonjsGlobal = commonjsGlobal;
 exports.createCommonjsModule = createCommonjsModule;
 exports.getCjsExportFromNamespace = getCjsExportFromNamespace;
 exports.styleInject = styleInject;
 exports.unwrapExports = unwrapExports;
-//# sourceMappingURL=style-inject.es-3827494b.js.map
+//# sourceMappingURL=style-inject.es-7b2c2b1b.js.map

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

@@ -0,0 +1 @@
+{"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-b93e5209.js → lib/test-f419c2cb.js

@@ -1,7 +1,8 @@
 'use strict';
 
-var styleInject_es = require('./style-inject.es-3827494b.js');
+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);
@@ -72,4 +73,4 @@ styleInject_es.styleInject(css);
 var Test = "TestComponent";
 
 exports.Test = Test;
-//# sourceMappingURL=test-b93e5209.js.map
+//# sourceMappingURL=test-f419c2cb.js.map

package.json

@@ -7,18 +7,29 @@
     "@testing-library/jest-dom": "^4.2.4",
     "@testing-library/react": "^9.3.2",
     "@testing-library/user-event": "^7.1.2",
+    "@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",
     "classnames": "^2.2.6",
-    "draft-js": "^0.11.4",
+    "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": {
@@ -73,7 +84,6 @@
     "@types/storybook__addon-info": "^5.2.1",
     "@typescript-eslint/eslint-plugin": "^2.16.0",
     "@typescript-eslint/parser": "^2.16.0",
-    "antd": "^3.26.4",
     "autoprefixer": "^9.7.3",
     "babel-loader": "^8.0.6",
     "babel-plugin-import": "^1.13.0",
@@ -105,7 +115,6 @@
     "ts-loader": "^6.2.1"
   },
   "peerDependencies": {
-    "antd": "^3.26.4",
     "react": "^16.12.0",
     "react-dom": "^16.12.0"
   }

rollup.config.js

@@ -81,9 +81,13 @@ export default {
     commonjs({
       include: 'node_modules/**',
       browser: true,
-      namedExports: getNamedExports([
-        'prop-types',
-      ])
+      namedExports: {
+        ...getNamedExports([
+          'prop-types',
+          'draft-js',
+        ]),
+        'braft-extensions/dist/emoticon': ['defaultEmoticons']
+      },
     }),
     babel({
       exclude: "node_modules/**",

src/components/Editor/BraftEditor/index.tsx

@@ -0,0 +1,66 @@
+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

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

src/components/Editor/RichTextEditor/index.tsx

@@ -1,23 +1,189 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import styles from './RichTextEditor.less';
+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 {}
+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> {
+class RichTextEditor extends React.Component<
+  RichTextEditorProps,
+  RichTextEditorState
+> {
   constructor(props: RichTextEditorProps) {
     super(props);
-    this.state = {};
+    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}>
-        Component
+        <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;
+export default RichTextEditor;

src/components/Editor/RichTextEditorForSlate/index.tsx

@@ -0,0 +1,49 @@
+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

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

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

@@ -1,5 +1,4 @@
 import React, { useState } from "react";
-import { Input } from "antd";
 import classnames from "classnames";
 import { formatMoney } from "../../Utils/utils";
 
@@ -7,14 +6,14 @@ import styles from "./PriceOptions.less";
 
 const FormattedMessage = ({ id }: any) => id;
 
-type Props = {
+interface Props {
   price: number;
   onPriceChange: (v: number) => void;
   size: "small" | "normal" | "large";
   focusScroll: boolean;
   withTitle: boolean;
-  inputRef: React.RefObject<Input>;
-};
+  inputRef: React.RefObject<any>;
+}
 
 const PriceOptions = ({
   price,
@@ -55,7 +54,7 @@ const PriceOptions = ({
             </span>
           ))}
         </span>
-        <Input
+        {/* <Input
           ref={inputRef}
           onMouseEnter={() => {
             if (inputStatus && inputRef && inputRef.current) {
@@ -84,7 +83,7 @@ const PriceOptions = ({
               e.target.scrollIntoView();
             }
           }}
-        />
+        /> */}
       </div>
     </div>
   );

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

@@ -1,11 +1,12 @@
 import React, { Component } from 'react';
-import { Button } from 'antd';
 import classnames from 'classnames';
 import styles from './WaitPayInfoView.less';
 
 import infoIconImg from '../assets/icon-info-blue@2x.svg';
 
-type Props = {
+const Button = (...props: any) => <button {...props}>button</button>;
+
+interface Props {
   onClickPayed?: Function;
   onClickProblem?: Function;
 }

src/typings/index.d.ts

@@ -8,4 +8,11 @@ declare module "*.json";
 declare module "*.md";
 
 declare module 'storybook-addon-intl';
-declare module '@storybook/addon-console';
+declare module '@storybook/addon-console';
+
+declare module 'braft-extensions/dist/emoticon' {
+  export default (options: object) => any
+  export { defaultEmoticons };
+};
+
+declare module 'braft-extensions/dist/max-length';

stories/Editor.stories.tsx

@@ -0,0 +1,55 @@
+import React from 'react';
+import { storiesOf } from '@storybook/react';
+import { action } from '@storybook/addon-actions';
+import { withInfo } from "@storybook/addon-info";
+import { withKnobs, number, boolean, select } from "@storybook/addon-knobs";
+import { addReadme } from 'storybook-readme';
+
+import RichTextEditor from '@components/Editor/RichTextEditor';
+import RichTextEditorForSlate from '@components/Editor/RichTextEditorForSlate';
+import { BarftEditorPage } from '@components/Editor/BraftEditor';
+
+const stories = storiesOf('Editor', module);
+stories.addDecorator((storyFn) => <div style={{padding: "0px 40px"}}>{storyFn()}</div>)
+stories.addDecorator(withKnobs);
+stories.addDecorator(withInfo);
+stories.addDecorator(addReadme);
+
+stories.add(
+  'RichTextEditor',
+  () => (
+    <RichTextEditor />
+  ),
+  {
+    info: {
+      inline: true,
+    },
+    notes: 'A very simple example of addon notes',
+  }
+)
+
+stories.add(
+  'RichTextEditorForSlate',
+  () => (
+    <RichTextEditorForSlate />
+  ),
+  {
+    info: {
+      inline: true,
+    },
+    notes: 'A very simple example of addon notes',
+  }
+)
+
+stories.add(
+  'BraftEditor',
+  () => (
+      <BarftEditorPage />
+  ),
+  {
+    info: {
+      inline: true,
+    },
+    notes: 'A very simple example of addon notes',
+  }
+)

tsconfig.json

@@ -28,7 +28,7 @@
     "paths": {
       "@/*": ["src/*"],
       "@components/*": [ "src/components/*" ]
-    },
+    }
   },
   "include": [
     "src/**/*",