dev: 打包策略优化，组件代码细化

eslib/Common/index.js

@@ -1,5 +1,6 @@
-import '../style-inject.es-610f1f83.js';
+import '../_commonjsHelpers-aeb41076.js';
 import 'react';
-import '../index-b92ec402.js';
-export { T as Test } from '../test-b5c74301.js';
+import '../index-7951fb2f.js';
+import '../style-inject.es-1f59c1d0.js';
+export { T as Test } from '../test-81795c27.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/Editor-RichTextEditor/index.js

@@ -0,0 +1,211 @@
+import { a as _inherits, b as _createClass, d as _classCallCheck, e as _possibleConstructorReturn, f as _getPrototypeOf, _ as _defineProperty, k as _assertThisInitialized } from '../_commonjsHelpers-aeb41076.js';
+import React from 'react';
+import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
+import { a as Draft_4, b as Draft_3, c as Draft_15, d as Draft_14, e as Draft_20, f as Draft_1 } from '../Draft-ec3417b2.js';
+import '../_react-dom_commonjs-external-d3012e04.js';
+import 'react-dom';
+
+var css = ".RichTextEditor_wrapper__3X3Yv .RichTextEditor_btnListWrapper__vUaki {\n  display: flex;\n}\n.RichTextEditor_wrapper__3X3Yv .RichTextEditor_editorWrapper__3UFgF {\n  border: 1px solid #ccc;\n}\n";
+var styles = {"wrapper":"RichTextEditor_wrapper__3X3Yv","btnListWrapper":"RichTextEditor_btnListWrapper__vUaki","editorWrapper":"RichTextEditor_editorWrapper__3UFgF"};
+styleInject(css);
+
+// 自定义组件，用于超链接
+var Link = function Link(props) {
+  // 这里通过contentState来获取entity�，之后通过getData获取entity中包含的数据
+  var _props$contentState$g = props.contentState.getEntity(props.entityKey).getData(),
+      url = _props$contentState$g.url;
+
+  return React.createElement("a", {
+    href: url
+  }, props.children);
+}; // decorator，用于超链接
+
+
+var decorator = new Draft_4([{
+  strategy: function strategy(contentBlock, callback, contentState) {
+    // 这个方法接收2个函数作为参数，如果第一个参数的函数执行时�返回true，就会执行第二个参数函数，同时会�将匹配的�字符的起始位置和结束位置传递给第二个参数。
+    contentBlock.findEntityRanges(function (character) {
+      var entityKey = character.getEntity();
+      return entityKey !== null && contentState.getEntity(entityKey).getType() === 'LINK';
+    }, function () {
+      callback.apply(void 0, arguments);
+    });
+  },
+  component: Link
+}, {
+  strategy: function strategy(contentBlock, callback, contentState) {
+    contentBlock.findEntityRanges(function (character) {
+      var entityKey = character.getEntity();
+      return entityKey !== null && contentState.getEntity(entityKey).getType() === 'EMOJI';
+    }, function () {
+      callback.apply(void 0, arguments);
+    });
+  },
+  // component: (props: any) => (<span style={{ color: 'red' }}>[Emoji]</span>)
+  component: function component(props) {
+    return React.createElement("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");
+  }
+}]);
+
+var RichTextEditor =
+/*#__PURE__*/
+function (_React$Component) {
+  _inherits(RichTextEditor, _React$Component);
+
+  function RichTextEditor(props) {
+    var _this;
+
+    _classCallCheck(this, RichTextEditor);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(RichTextEditor).call(this, props));
+
+    _defineProperty(_assertThisInitialized(_this), "onChange", void 0);
+
+    _this.state = {
+      editorState: Draft_3.createEmpty(decorator)
+    };
+
+    _this.onChange = function (editorState) {
+      return _this.setState({
+        editorState: editorState
+      });
+    };
+
+    _this.handleKeyCommand = _this.handleKeyCommand.bind(_assertThisInitialized(_this));
+    _this.defaultBlockStyleFn = _this.defaultBlockStyleFn.bind(_assertThisInitialized(_this));
+    return _this;
+  }
+
+  _createClass(RichTextEditor, [{
+    key: "handleKeyCommand",
+    value: function handleKeyCommand(command, editorState) {
+      var newState = Draft_15.handleKeyCommand(editorState, command);
+      console.log('command: ', command);
+      console.log('newState: ', newState);
+
+      if (newState) {
+        this.onChange(newState);
+        return "handled";
+      }
+
+      switch (command) {
+        case 'backspace':
+          var contentState = editorState.getCurrentContent();
+          var selectionState = editorState.getSelection();
+          var _ref = [selectionState.getStartOffset(), selectionState.getEndOffset()],
+              startOffset = _ref[0],
+              endOffset = _ref[1];
+
+          if (startOffset === endOffset) {
+            // 未选中状态
+            console.log(selectionState.getAnchorKey());
+          } // 选中状态
+
+
+          break;
+      }
+
+      return "not-handled";
+    }
+  }, {
+    key: "_onBoldClick",
+    value: function _onBoldClick() {
+      this.onChange(Draft_15.toggleInlineStyle(this.state.editorState, 'BOLD'));
+    }
+  }, {
+    key: "_onLinkClick",
+    value: function _onLinkClick() {
+      var editorState = this.state.editorState;
+      var contentState = editorState.getCurrentContent();
+      var selectionState = editorState.getSelection();
+      var contentStateWithEntity = contentState.createEntity('LINK', 'MUTABLE', {
+        url: 'http://www.zombo.com'
+      });
+      var entityKey = contentStateWithEntity.getLastCreatedEntityKey();
+      var contentStateWithLink = Draft_14.applyEntity(contentStateWithEntity, selectionState, entityKey);
+      var newEditorState = Draft_3.push(editorState, contentStateWithLink, 'apply-entity');
+      this.onChange(newEditorState);
+    }
+  }, {
+    key: "_onEmojiClick",
+    value: function _onEmojiClick(e, emojiCode) {
+      var editorState = this.state.editorState;
+      var contentState = editorState.getCurrentContent();
+      var selectionState = editorState.getSelection();
+      var EMOJIEntity = contentState.createEntity('EMOJI', 'IMMUTABLE', {
+        emojiCode: emojiCode
+      });
+      var entityKey = EMOJIEntity.getLastCreatedEntityKey();
+      var ncsWithEntity = Draft_14.insertText(contentState, selectionState, 'e', undefined, entityKey);
+      var newEditorState = Draft_3.push(editorState, ncsWithEntity, 'insert-characters'); // const newEditorState = AtomicBlockUtils.insertAtomicBlock(
+      //   editorState,
+      //   entityKey,
+      //   ' '
+      // );
+
+      this.onChange(newEditorState);
+    }
+  }, {
+    key: "_onCheckRange",
+    value: function _onCheckRange() {
+      console.log(this.state.editorState.getCurrentContent());
+      console.log(Draft_20(this.state.editorState.getCurrentContent()));
+    }
+  }, {
+    key: "defaultBlockStyleFn",
+    value: function defaultBlockStyleFn(contentBlock) {
+      var type = contentBlock.getType();
+      return "";
+    }
+  }, {
+    key: "defaultBlockRenderFn",
+    value: function defaultBlockRenderFn(contentBlock) {
+      var type = contentBlock.getType();
+      return contentBlock;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var editorState = this.state.editorState;
+      return React.createElement("div", {
+        className: styles.wrapper
+      }, React.createElement("div", {
+        className: styles.btnListWrapper
+      }, React.createElement("button", {
+        onClick: this._onBoldClick.bind(this)
+      }, "Bold"), React.createElement("button", {
+        onClick: this._onCheckRange.bind(this)
+      }, "Check"), React.createElement("button", {
+        onClick: this._onLinkClick.bind(this)
+      }, "Link"), React.createElement("button", {
+        onClick: function onClick(e) {
+          return _this2._onEmojiClick(e, '0011');
+        }
+      }, "Emoji")), React.createElement("div", {
+        className: styles.editorWrapper
+      }, React.createElement(Draft_1, {
+        editorState: editorState,
+        blockStyleFn: this.defaultBlockStyleFn,
+        blockRendererFn: this.defaultBlockRenderFn,
+        handleKeyCommand: this.handleKeyCommand,
+        onChange: this.onChange
+      })));
+    }
+  }]);
+
+  return RichTextEditor;
+}(React.Component);
+
+export default RichTextEditor;
+//# sourceMappingURL=index.js.map

eslib/Payment-Common-common-ConsumeListView/index.js

@@ -0,0 +1,155 @@
+import { a as _inherits, b as _createClass, _ as _defineProperty, d as _classCallCheck, e as _possibleConstructorReturn, f as _getPrototypeOf } from '../_commonjsHelpers-aeb41076.js';
+import React, { Component } from 'react';
+import { c as classnames } from '../index-7951fb2f.js';
+import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
+import { a as addImageProcess } from '../utils-82346768.js';
+
+const img = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABvklEQVQ4T62UTygEcRTHv29MIsqfk6OL5CYH5aKd9WfjwqxEnBzExYWTCEWJJGove5H8OTA1uwdCrOWAi83ZwUXJiSj5u+Z5s0msmd2SX81h+r33ee/7fW+G8E+H/srhqEcFCjphve1RzcaVK4j3mmoB5YxqQzdOxTji1wE2QZglb2jAEcT7/g4wr0rQugS1OYJ26nOg5nYDr4ZrR7yrl0FBAKBlqjEX3eRLwSXAmidvOJbSI47oF9LVKaCOkNc4/w7kSPOoFBqDwjpp4XA60LUkF8nzbsuERQt4ejtGdsYwiAYTYIV6STOD6UB3EpqXJC0u7zKxz0Mk3Zrj7lOLerJg5T9K+2lWhALiYx8xS9NbDZnUuPXy0wN/hYw3lnbPiNfE7HaSfTAloRqKWkya8WAnMrdmIBqfBqM/BehJAo+gKHMibdMGzUhqKUiZAHGVXJYLwPdpshPnRDRM4fl5+7uKL/0c1WXdOSie5Dh3wZcyoR7SQttO9z+M5MOWEsStFQmsTAoOwVK7qM64d5P6ayKJj9EqHBa5Q4kx2/ujqR1Exnsq493HH2muFN98oNtJ0g7s3Ul5/vwbSab+G+gDqFybE11pYkYAAAAASUVORK5CYII=';
+
+var css = ".ConsumeListView_wrapper__2Tr0_ {\n  display: flex;\n  justify-content: center;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt {\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-wrap: wrap;\n  padding-top: 10px;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt li {\n  list-style: none;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt .ConsumeListView_consumeItem__2NKR7 {\n  margin: 0 6px 10px;\n  text-align: center;\n  position: relative;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt .ConsumeListView_consumeItem__2NKR7 .ConsumeListView_kingdomIcon__3VUpq {\n  position: absolute;\n  width: 24px;\n  height: 22px;\n  left: -6px;\n  top: -12px;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt .ConsumeListView_consumeItem__2NKR7 .ConsumeListView_avatar__1t0io {\n  margin: 0 auto 4px;\n  width: 36px;\n  height: 36px;\n  background-size: cover;\n  border-radius: 50%;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt .ConsumeListView_consumeItem__2NKR7 .ConsumeListView_gray__3eaP8 {\n  color: #9b9b9b;\n  font-size: 12px;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt .ConsumeListView_toggle__2GLGV {\n  margin: 0 6px 10px;\n  width: 36px;\n  height: 36px;\n  line-height: 36px;\n  background-color: #ececec;\n  border-radius: 50%;\n  color: #a8adb6;\n  cursor: pointer;\n  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACv0lEQVRIS8WXTW8SURSGzzAYNSYCA7SCUEqBioLtohvjD9CN7ozG36AmXfsRafxYN9b+BqNx50r3GjddqEVRRgSRVr4GWmOsERjfOwEzVYa5lAokEwJzznnOe865d+4IxPFRVXVPrVY73Wq1TgmCMIffYbjZ2q4b+E/GfysWi+WZw+F4it+/zMIKvQwAszcajXnYXEIwl1kwdh8JVPC1bLVaF5FE3cjHEFytVs8hyH04jvMAu9gUkexlp9P5uJv/P2DABCi9hbJehUPPinAkpKL8d6H8BpJQ9fbbAjOooigP8H2BIyi3CaAPJUm6qIdvAwN6G0qvcUfswxDK7wB+vePyB9zu6aNdKK9ROioUn+/0XAOz6W02m6kBBolXe1EUxSibdg0MtQn09Sav9yB2UL0A1QmBbQ6VSmWNd50OAu2sc5fL5WVTfAYD9WTQgP34Y9DOClB7D05X+nHcBdslAf19jnKfNAr2cmWVDuzfR7HoFCFTUyaqR8lUhr7/2KITc/Gu9mjrC6a4iLtjRhHfvv9Ea1/L5JLsNBML94Qz6OukTBWlTt5Dbjp2JGgUtsTAW7i713DxqSql0jkqrJfIKdloNhbpCmfQV8k0VZUNOuwZo2gkQFBmFPanKVibRFxpOUefC0VyOmw0E4+QqCt7s8mgH0ipbdKEb5wiIUB7N0UD9yy13l/O5CmbXyfJfpBm49MkihbSoKuA1jdpcsJD4aDfdA5gUDIdrr+jZLIFyuQK5AD8+NEQvXknU63+jUKTPgoGvDxQ1gJtuPpeTkw1U8+mnPU2MuWngN/DBW0bLe14A8mj3x+zX7TS+ryGi6JrMtoGMrItk6VULpcTqPtQHhIQuuB2uxOjfSwy1SM5CHQmYCRHn/azcjSHvQ586Mdb/aIb+oFeD2eHQOxM87j6eoXBBrGMa2evMPoE/sdL22+mI4T0ou1LqAAAAABJRU5ErkJggg==);\n  background-position: center;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt .ConsumeListView_toggle__2GLGV.ConsumeListView_expand__1D2BA {\n  transform: rotate(180deg);\n}\n";
+var styles = {"wrapper":"ConsumeListView_wrapper__2Tr0_","consumelist":"ConsumeListView_consumelist__2yoWt","consumeItem":"ConsumeListView_consumeItem__2NKR7","kingdomIcon":"ConsumeListView_kingdomIcon__3VUpq","avatar":"ConsumeListView_avatar__1t0io","gray":"ConsumeListView_gray__3eaP8","toggle":"ConsumeListView_toggle__2GLGV","expand":"ConsumeListView_expand__1D2BA"};
+styleInject(css);
+
+var DEFAULT_AVATAR = '//links-comment.oss-cn-beijing.aliyuncs.com/comment/20180820/Kgka4_oU1.jpeg';
+
+var ConsumeListView =
+/*#__PURE__*/
+function (_Component) {
+  _inherits(ConsumeListView, _Component);
+
+  function ConsumeListView() {
+    _classCallCheck(this, ConsumeListView);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(ConsumeListView).apply(this, arguments));
+  }
+
+  _createClass(ConsumeListView, [{
+    key: "renderConsumeItem",
+    value: function renderConsumeItem() {
+      var _this$props = this.props,
+          dataSource = _this$props.dataSource,
+          isToggle = _this$props.isToggle,
+          onConsumeItemClick = _this$props.onConsumeItemClick,
+          showLength = _this$props.showLength,
+          listLength = _this$props.listLength,
+          options = _this$props.options;
+      var kingdomWidth = options.kingdomWidth,
+          kingdomHeight = options.kingdomHeight,
+          kingdomPosition = options.kingdomPosition,
+          avatarSize = options.avatarSize,
+          avatarMarginLeftAndRight = options.avatarMarginLeftAndRight;
+      var renderData = dataSource;
+
+      if (!isToggle && listLength > showLength) {
+        renderData = dataSource.slice(0, showLength - 1);
+      }
+
+      return renderData.map(function (v, i) {
+        var kingdom = null;
+
+        if (i === 0) {
+          kingdom = React.createElement("img", {
+            className: styles.kingdomIcon,
+            src: img,
+            alt: "reward top user",
+            style: {
+              width: "".concat(kingdomWidth, "px"),
+              height: "".concat(kingdomHeight, "px"),
+              left: "".concat(kingdomPosition[0], "px"),
+              top: "".concat(kingdomPosition[1], "px")
+            }
+          });
+        }
+
+        return React.createElement("li", {
+          key: v.id,
+          className: styles.consumeItem,
+          style: {
+            margin: "0 ".concat(avatarMarginLeftAndRight, "px 10px")
+          }
+        }, kingdom, React.createElement("div", {
+          className: styles.avatar,
+          onClick: function onClick(e) {
+            return onConsumeItemClick(e, v);
+          },
+          style: {
+            backgroundImage: "url(".concat(addImageProcess(v.user_avatar || DEFAULT_AVATAR, {
+              small: true
+            }), ")"),
+            width: "".concat(avatarSize, "px"),
+            height: "".concat(avatarSize, "px")
+          }
+        }), React.createElement("span", {
+          className: styles.gray
+        }));
+      });
+    }
+  }, {
+    key: "renderToggleButton",
+    value: function renderToggleButton() {
+      var _this$props2 = this.props,
+          isToggle = _this$props2.isToggle,
+          onToggleChange = _this$props2.onToggleChange,
+          listLength = _this$props2.listLength,
+          showLength = _this$props2.showLength,
+          options = _this$props2.options;
+      var avatarSize = options.avatarSize,
+          avatarMarginLeftAndRight = options.avatarMarginLeftAndRight;
+
+      if (listLength <= showLength) {
+        return null;
+      }
+
+      return React.createElement("li", {
+        onClick: function onClick() {
+          return onToggleChange();
+        },
+        className: classnames(styles.toggle, _defineProperty({}, styles.expand, isToggle)),
+        style: {
+          width: "".concat(avatarSize, "px"),
+          height: "".concat(avatarSize, "px"),
+          lineHeight: "".concat(avatarSize, "px"),
+          margin: "0 ".concat(avatarMarginLeftAndRight, "px 10px")
+        }
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+          showLength = _this$props3.showLength,
+          options = _this$props3.options;
+      var avatarSize = options.avatarSize,
+          avatarMarginLeftAndRight = options.avatarMarginLeftAndRight;
+      return React.createElement("div", {
+        className: styles.wrapper
+      }, React.createElement("ul", {
+        className: styles.consumelist,
+        style: {
+          width: "calc(".concat(avatarMarginLeftAndRight * 2 + avatarSize, "px * ").concat(showLength, ")")
+        }
+      }, this.renderConsumeItem(), this.renderToggleButton()));
+    }
+  }]);
+
+  return ConsumeListView;
+}(Component);
+
+_defineProperty(ConsumeListView, "defaultProps", {
+  isToggle: false,
+  onToggleChange: function onToggleChange() {},
+  onConsumeItemClick: function onConsumeItemClick() {},
+  dataSource: [],
+  listLength: 0,
+  showLength: 6,
+  options: {
+    avatarSize: 36,
+    avatarMarginLeftAndRight: 6,
+    kingdomWidth: 24,
+    kingdomHeight: 22,
+    kingdomPosition: [-6, -12]
+  }
+});
+
+export default ConsumeListView;
+//# sourceMappingURL=index.js.map

eslib/Payment-Common-common-PriceOptions/index.js

@@ -0,0 +1,59 @@
+import { i as _slicedToArray, _ as _defineProperty } from '../_commonjsHelpers-aeb41076.js';
+import React, { useState } from 'react';
+import { c as classnames } from '../index-7951fb2f.js';
+import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
+import { f as formatMoney } from '../utils-82346768.js';
+
+var css = ".PriceOptions_options__2AGBn {\n  padding: 20px 50px;\n  border-bottom: 1px dashed #00000017;\n}\n.PriceOptions_options__2AGBn p {\n  font-size: 14px;\n  font-weight: 400;\n  color: #616a79;\n  margin-bottom: 20px;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN {\n  padding-right: 0;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceItem__2PLhM {\n  background: rgba(243, 243, 243, 0.14);\n  border-radius: 4px;\n  border: 1px solid #cfcfcf;\n  font-size: 14px;\n  font-weight: 600;\n  color: #616a79;\n  display: inline-block;\n  text-align: center;\n  vertical-align: top;\n  height: 30px;\n  width: 70px;\n  line-height: 30px;\n  cursor: pointer;\n  margin: 6px;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceItem__2PLhM.PriceOptions_active__rlHby {\n  background: rgba(255, 50, 102, 0.1);\n  border-radius: 4px;\n  border: 1px solid #ff3266;\n  color: #616a79;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceInput__1UYLy {\n  display: inline-block;\n  min-width: 70px;\n  width: auto;\n  margin: 6px;\n  text-align: center;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN button {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  height: 30px;\n  width: 50px;\n  vertical-align: top;\n  padding: 0 5px;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_rate__3hVeo {\n  margin-left: 10px;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_rate__3hVeo i {\n  margin-right: 5px;\n  color: #1790FF;\n}\n.PriceOptions_options__2AGBn.PriceOptions_small__2Vys4 {\n  padding: 0 0 12px 0;\n  border-bottom: none;\n}\n.PriceOptions_options__2AGBn.PriceOptions_small__2Vys4 p {\n  margin-bottom: 8px;\n}\n.PriceOptions_options__2AGBn.PriceOptions_small__2Vys4 .PriceOptions_infoItem__1dYFN {\n  text-align: center;\n}\n.PriceOptions_options__2AGBn.PriceOptions_small__2Vys4 .PriceOptions_infoItem__1dYFN .PriceOptions_priceItem__2PLhM {\n  border-radius: 6px;\n  height: 32px;\n  width: 72px;\n  margin: 0 0 12px 19px;\n}\n.PriceOptions_options__2AGBn.PriceOptions_small__2Vys4 .PriceOptions_infoItem__1dYFN .PriceOptions_priceItem__2PLhM:first-child {\n  margin: 0 0 12px 0px;\n}\n.PriceOptions_options__2AGBn.PriceOptions_small__2Vys4 .PriceOptions_infoItem__1dYFN .PriceOptions_priceInput__1UYLy {\n  display: block;\n  width: 254px;\n  border-radius: 6px;\n  height: 32px;\n}\n@media (max-width: 768px) {\n  .PriceOptions_options__2AGBn {\n    padding: 20px 20px;\n  }\n  .PriceOptions_options__2AGBn p {\n    font-size: 14px;\n    font-weight: 400;\n    color: #616a79;\n  }\n  .PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN {\n    padding-right: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n  .PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceBtn__YfsBe {\n    display: flex;\n    justify-content: space-between;\n  }\n  .PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceItem__2PLhM {\n    display: inline-block;\n    background-color: #fff;\n    width: 74px;\n    height: 36px;\n    line-height: 36px;\n    border-radius: 6px;\n    border: 1px solid #cfcfcf;\n  }\n  .PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceItem__2PLhM.PriceOptions_active__rlHby {\n    background-color: #fff;\n    color: #FF3266FF;\n    border-radius: 4px;\n    border: 1px solid #ff3266;\n  }\n  .PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceInput__1UYLy {\n    border-radius: 6px;\n    height: 36px;\n    width: auto;\n  }\n}\n";
+var styles = {"options":"PriceOptions_options__2AGBn","infoItem":"PriceOptions_infoItem__1dYFN","priceItem":"PriceOptions_priceItem__2PLhM","active":"PriceOptions_active__rlHby","priceInput":"PriceOptions_priceInput__1UYLy","rate":"PriceOptions_rate__3hVeo","small":"PriceOptions_small__2Vys4","priceBtn":"PriceOptions_priceBtn__YfsBe"};
+styleInject(css);
+
+var FormattedMessage = function FormattedMessage(_ref) {
+  var id = _ref.id;
+  return id;
+};
+
+var PriceOptions = function PriceOptions(_ref2) {
+  var price = _ref2.price,
+      onPriceChange = _ref2.onPriceChange,
+      _ref2$size = _ref2.size,
+      _ref2$focusScroll = _ref2.focusScroll,
+      _ref2$withTitle = _ref2.withTitle,
+      withTitle = _ref2$withTitle === void 0 ? true : _ref2$withTitle,
+      inputRef = _ref2.inputRef;
+  var defaultOptions = [100, 600, 800]; // 控制是否为其他金额输入情况
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      inputStatus = _useState2[0],
+      setInputStatus = _useState2[1];
+
+  return React.createElement("div", {
+    className: classnames(styles.options)
+  }, withTitle ? React.createElement("p", null, React.createElement(FormattedMessage, {
+    id: "pay.price.select.text"
+  })) : null, React.createElement("div", {
+    className: styles.infoItem,
+    style: {
+      marginBottom: "-12px"
+    }
+  }, React.createElement("span", {
+    className: styles.priceBtn
+  }, defaultOptions.map(function (item) {
+    var _classnames;
+
+    return React.createElement("span", {
+      className: classnames((_classnames = {}, _defineProperty(_classnames, styles.priceItem, true), _defineProperty(_classnames, styles.active, price === item && !inputStatus), _classnames)),
+      key: item,
+      onClick: function onClick() {
+        onPriceChange(item);
+        setInputStatus(false);
+      }
+    }, React.createElement(FormattedMessage, {
+      id: "".concat(formatMoney(item / 100, 0), "\xA5")
+    }));
+  }))));
+};
+
+export default PriceOptions;
+//# sourceMappingURL=index.js.map

eslib/Payment-Common-common-PriceOptions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/components/Payment/Common/PriceOptions/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { formatMoney } from \"../../Utils/utils\";\r\n\r\nimport styles from \"./PriceOptions.less\";\r\n\r\nconst FormattedMessage = ({ id }: any) => id;\r\n\r\ninterface Props {\r\n  price: number;\r\n  onPriceChange: (v: number) => void;\r\n  size: \"small\" | \"normal\" | \"large\";\r\n  focusScroll: boolean;\r\n  withTitle: boolean;\r\n  inputRef: React.RefObject<any>;\r\n}\r\n\r\nconst PriceOptions = ({\r\n  price,\r\n  onPriceChange,\r\n  size = \"normal\",\r\n  focusScroll = true,\r\n  withTitle = true,\r\n  inputRef\r\n}: Props) => {\r\n  const defaultOptions = [100, 600, 800];\r\n  // 控制是否为其他金额输入情况\r\n  const [inputStatus, setInputStatus] = useState(false);\r\n\r\n  return (\r\n    <div\r\n      className={classnames(styles.options)}\r\n    >\r\n      {withTitle ? (\r\n        <p>\r\n          <FormattedMessage id=\"pay.price.select.text\" />\r\n        </p>\r\n      ) : null}\r\n      <div className={styles.infoItem} style={{ marginBottom: \"-12px\" }}>\r\n        <span className={styles.priceBtn}>\r\n          {defaultOptions.map(item => (\r\n            <span\r\n              className={classnames({\r\n                [styles.priceItem]: true,\r\n                [styles.active]: price === item && !inputStatus\r\n              })}\r\n              key={item}\r\n              onClick={() => {\r\n                onPriceChange(item);\r\n                setInputStatus(false);\r\n              }}\r\n            >\r\n              <FormattedMessage id={`${formatMoney(item/100, 0)}¥`} />\r\n            </span>\r\n          ))}\r\n        </span>\r\n        {/* <Input\r\n          ref={inputRef}\r\n          onMouseEnter={() => {\r\n            if (inputStatus && inputRef && inputRef.current) {\r\n              inputRef.current.focus();\r\n              inputRef.current.select();\r\n            }\r\n          }}\r\n          suffix=\"¥\"\r\n          className={styles.priceInput}\r\n          value={inputStatus ? price / 100 || \"\" : \"\"}\r\n          placeholder=\"Others\"\r\n          onChange={e => {\r\n            const n = +e.target.value;\r\n            if (Number.isNaN(n)) {\r\n              return;\r\n            }\r\n            // 测试暂时改成1分\r\n            onPriceChange(n * 100);\r\n          }}\r\n          onClick={e => {\r\n            onPriceChange(0);\r\n            setInputStatus(true);\r\n          }}\r\n          onFocus={e => {\r\n            if (focusScroll) {\r\n              e.target.scrollIntoView();\r\n            }\r\n          }}\r\n        /> */}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default PriceOptions;\r\n"],"names":["FormattedMessage","id","PriceOptions","price","onPriceChange","size","focusScroll","withTitle","inputRef","defaultOptions","useState","inputStatus","setInputStatus","classnames","styles","options","infoItem","marginBottom","priceBtn","map","item","priceItem","active","formatMoney"],"mappings":";;;;;;;;;;AAMA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB;MAAGC,EAAH,QAAGA,EAAH;SAAiBA,EAAjB;CAAzB;;AAWA,IAAMC,YAAY,GAAG,SAAfA,YAAe,QAOR;MANXC,KAMW,SANXA,KAMW;MALXC,aAKW,SALXA,aAKW;yBAJXC,IAIW;MAJXA,0BACAC,WAGW;MAHXA,wBACAC,SAEW;MAFXA,SAEW,gCAFC,IAED;MADXC,QACW,SADXA,QACW;MACLC,cAAc,GAAG,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,CAAvB,CADW;;kBAG2BC,QAAQ,CAAC,KAAD,CAHnC;;MAGJC,WAHI;MAGSC,cAHT;;SAMT;IACE,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,OAAR;KAEpBR,SAAS,GACR,+BACE,oBAAC,gBAAD;IAAkB,EAAE,EAAC;IADvB,CADQ,GAIN,IAPN,EAQE;IAAK,SAAS,EAAEO,MAAM,CAACE,QAAvB;IAAiC,KAAK,EAAE;MAAEC,YAAY,EAAE;;KACtD;IAAM,SAAS,EAAEH,MAAM,CAACI;KACrBT,cAAc,CAACU,GAAf,CAAmB,UAAAC,IAAI;;;WACtB;MACE,SAAS,EAAEP,UAAU,iDAClBC,MAAM,CAACO,SADW,EACC,IADD,gCAElBP,MAAM,CAACQ,MAFW,EAEFnB,KAAK,KAAKiB,IAAV,IAAkB,CAACT,WAFjB,gBADvB;MAKE,GAAG,EAAES,IALP;MAME,OAAO,EAAE,mBAAM;QACbhB,aAAa,CAACgB,IAAD,CAAb;QACAR,cAAc,CAAC,KAAD,CAAd;;OAGF,oBAAC,gBAAD;MAAkB,EAAE,YAAKW,WAAW,CAACH,IAAI,GAAC,GAAN,EAAW,CAAX,CAAhB;MAXtB,CADsB;GAAvB,CADH,CADF,CARF,CADF;CAZF;;;;"}

eslib/Payment-Common-common-WaitPayInfoView/index.js

@@ -0,0 +1,81 @@
+import { a as _inherits, b as _createClass, _ as _defineProperty, d as _classCallCheck, e as _possibleConstructorReturn, f as _getPrototypeOf } from '../_commonjsHelpers-aeb41076.js';
+import React, { Component } from 'react';
+import { c as classnames } from '../index-7951fb2f.js';
+import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
+
+var css = ".WaitPayInfoView_waitingContainer__2fyww {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n";
+var styles = {"waitingContainer":"WaitPayInfoView_waitingContainer__2fyww"};
+styleInject(css);
+
+const img = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjQ4cHgiIGhlaWdodD0iNDNweCIgdmlld0JveD0iMCAwIDQ4IDQzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAuMiAoNTUwNDcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5rY3hxX3BvcG92ZXJzX2ljb25fdGFuaGFvPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSLlj6blrqLnvZFf55u05pKt6K++X+ivvueoi+S7i+e7jeivpuaDhV/otK3kubDmj5DnpLrlvLnnqpciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MzYuMDAwMDAwLCAtMTkwLjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyI+DQogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY5MC4wMDAwMDAsIDExMC4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0ia2N4cV9wb3BvdmVyc19pY29uX3RhbmhhbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ2LjAwMDAwMCwgODAuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00OCwyMS41IEM0OCwzMy4zNzM2NjI2IDM4LjM2NDU3NTYsNDMgMjYuNDc5NzA0OCw0MyBDMjEuMTMwNjI3Myw0MyAxNy4wMzkxMTQ0LDQyLjE1MDYxNzMgMTMuMjg0MTMyOCwzOC45MzAwNDEyIEMxMS44MTQwMjIxLDM3LjY3MzY2MjYgMS43MDAzNjksNDMuMjEyMzQ1NyAwLjE3NzEyMTc3MSwzOS4yODM5NTA2IEMtMS4wNjI3MzA2MywzNi4wOTg3NjU0IDUuOTUxMjkxNTEsMjkuMjUwNjE3MyA1LjMxMzY1MzE0LDI3LjA3NDA3NDEgQzQuNzY0NTc1NjUsMjUuMTgwNjU4NCA0Ljk1OTQwOTU5LDIzLjU3MDM3MDQgNC45NTk0MDk1OSwyMS41IEM0Ljk1OTQwOTU5LDkuNjI2MzM3NDUgMTQuNTk0ODMzOSwwIDI2LjQ3OTcwNDgsMCBDMzguMzY0NTc1NiwwIDQ4LDkuNjI2MzM3NDUgNDgsMjEuNSBaIiBpZD0iU2hhcGUiIGZpbGw9IiMxNzkwRkYiPjwvcGF0aD4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMy44NDg3MDgsIDguMTkzNDE2KSIgZmlsbD0iI0ZGRkZGRiI+DQogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMi41LDI3LjQ5NzEwOTggQzEuMTMyMzUyOTQsMjcuNDk3MTA5OCAwLDI2LjM3OTQ2MjggMCwyNC45OTcxMDk4IEMwLDIzLjYxNDc1NjkgMS4xMzIzNTI5NCwyMi40OTcxMDk4IDIuNSwyMi40OTcxMDk4IEMzLjg2NzY0NzA2LDIyLjQ5NzEwOTggNSwyMy42MTQ3NTY5IDUsMjQuOTk3MTA5OCBDNSwyNi4zNzk0NjI4IDMuODY3NjQ3MDYsMjcuNDk3MTA5OCAyLjUsMjcuNDk3MTA5OCBaIE0yLjUsMTkuNDIxOTY1MyBDMS4xMzIzNTI5NCwxOS40MjE5NjUzIDAsMTguMTkxOTA3NSAwLDE2LjY3MDUyMDIgTDAsMi43NTE0NDUwOSBDMCwxLjI0NjI0Mjc3IDEuMTMyMzUyOTQsMCAyLjUsMCBDMy44Njc2NDcwNiwwIDUsMS4yMzAwNTc4IDUsMi43NTE0NDUwOSBMNSwxNi42NzA1MjAyIEM1LDE4LjE5MTkwNzUgMy44Njc2NDcwNiwxOS40MjE5NjUzIDIuNSwxOS40MjE5NjUzIFoiIGlkPSJTaGFwZSI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+';
+
+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) {
+  _inherits(WaitPayInfoView, _Component);
+
+  function WaitPayInfoView() {
+    _classCallCheck(this, WaitPayInfoView);
+
+    return _possibleConstructorReturn(this, _getPrototypeOf(WaitPayInfoView).apply(this, arguments));
+  }
+
+  _createClass(WaitPayInfoView, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          onClickPayed = _this$props.onClickPayed,
+          onClickProblem = _this$props.onClickProblem;
+      return React.createElement("div", {
+        className: styles.waitingContainer
+      }, React.createElement("div", {
+        className: styles.infoIconImgContainer
+      }, React.createElement("img", {
+        src: img,
+        alt: "info label icon"
+      })), React.createElement("div", null, React.createElement("div", {
+        className: styles.pay_text
+      }, "live.course_info.pay.notification"), React.createElement("div", {
+        className: styles.btn_row
+      }, React.createElement(Button, {
+        className: classnames(styles.pay_btn, styles.btn_default),
+        size: "small",
+        onClick: function onClick() {
+          onClickPayed && onClickPayed();
+        }
+      }, "live.course_info.pay.payed"), React.createElement(Button, {
+        className: styles.btn_default,
+        size: "small",
+        style: {
+          marginLeft: '16px'
+        },
+        onClick: function onClick() {
+          onClickProblem && onClickProblem();
+        }
+      }, "live.course_info.pay.help"))));
+    }
+  }]);
+
+  return WaitPayInfoView;
+}(Component);
+
+_defineProperty(WaitPayInfoView, "defaultProps", {
+  onClickPayed: function onClickPayed() {
+    console.log("onClickPayed");
+  },
+  onClickProblem: function onClickProblem() {
+    console.log("onClickProblem");
+  }
+});
+
+export default WaitPayInfoView;
+export { WaitPayInfoView };
+//# sourceMappingURL=index.js.map

eslib/Payment/index.js

@@ -1,5 +1,10 @@
-import '../style-inject.es-610f1f83.js';
+import '../_commonjsHelpers-aeb41076.js';
 import 'react';
-import '../index-b92ec402.js';
-export { C as ConsumeListView, P as PayPlatformOptions, a as PriceOptions, W as WaitPayInfoView } from '../index-80502ae7.js';
+import '../index-7951fb2f.js';
+import '../style-inject.es-1f59c1d0.js';
+import '../utils-82346768.js';
+export { default as ConsumeListView } from '../Payment-Common-common-ConsumeListView/index.js';
+export { default as PayPlatformOptions } from '../Payment-Common-common-PayPlatformOptions/index.js';
+export { default as PriceOptions } from '../Payment-Common-common-PriceOptions/index.js';
+export { default as WaitPayInfoView } from '../Payment-Common-common-WaitPayInfoView/index.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/style-inject.es-610f1f83.js → eslib/_commonjsHelpers-aeb41076.js

@@ -186,32 +186,5 @@ function createCommonjsModule(fn, module) {
 	return module = { exports: {} }, fn(module, module.exports), module.exports;
 }
 
-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 _, _inherits as a, _createClass as b, createCommonjsModule as c, _classCallCheck as d, _possibleConstructorReturn as e, _getPrototypeOf as f, _extends as g, _objectSpread2 as h, _slicedToArray as i, commonjsGlobal as j, _assertThisInitialized as k, styleInject as s, unwrapExports as u };
-//# sourceMappingURL=style-inject.es-610f1f83.js.map
+export { _defineProperty as _, _inherits as a, _createClass as b, createCommonjsModule as c, _classCallCheck as d, _possibleConstructorReturn as e, _getPrototypeOf as f, _extends as g, _objectSpread2 as h, _slicedToArray as i, commonjsGlobal as j, _assertThisInitialized as k, unwrapExports as u };
+//# sourceMappingURL=_commonjsHelpers-aeb41076.js.map

eslib/_commonjsHelpers-aeb41076.js.map

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

eslib/_react-dom_commonjs-external-d3012e04.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import reactDom from 'react-dom';
+
+
+
+export { React as R, reactDom as r };
+//# sourceMappingURL=_react-dom_commonjs-external-d3012e04.js.map

eslib/_react-dom_commonjs-external-d3012e04.js.map

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

eslib/index-b92ec402.js → eslib/index-7951fb2f.js

@@ -1,4 +1,4 @@
-import { c as createCommonjsModule } from './style-inject.es-610f1f83.js';
+import { c as createCommonjsModule } from './_commonjsHelpers-aeb41076.js';
 
 var classnames = createCommonjsModule(function (module) {
 /*!
@@ -50,4 +50,4 @@ var classnames = createCommonjsModule(function (module) {
 });
 
 export { classnames as c };
-//# sourceMappingURL=index-b92ec402.js.map
+//# sourceMappingURL=index-7951fb2f.js.map

eslib/index-b92ec402.js.map → eslib/index-7951fb2f.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-b92ec402.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;;;;;"}
+{"version":3,"file":"index-7951fb2f.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.js

@@ -1,8 +1,13 @@
-import './style-inject.es-610f1f83.js';
+import './_commonjsHelpers-aeb41076.js';
 import 'react';
-import './index-b92ec402.js';
-import './test-b5c74301.js';
-export { C as ConsumeListView, P as PayPlatformOptions, a as PriceOptions, W as WaitPayInfoView } from './index-80502ae7.js';
+import './index-7951fb2f.js';
+import './style-inject.es-1f59c1d0.js';
+import './test-81795c27.js';
+import './utils-82346768.js';
+export { default as ConsumeListView } from './Payment-Common-common-ConsumeListView/index.js';
+export { default as PayPlatformOptions } from './Payment-Common-common-PayPlatformOptions/index.js';
+export { default as PriceOptions } from './Payment-Common-common-PriceOptions/index.js';
+export { default as WaitPayInfoView } from './Payment-Common-common-WaitPayInfoView/index.js';
 
 // type TransmitImgTxtData = {
 //   user_id?: string|number;

eslib/style-inject.es-1f59c1d0.js

@@ -0,0 +1,29 @@
+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 { styleInject as s };
+//# sourceMappingURL=style-inject.es-1f59c1d0.js.map

eslib/style-inject.es-1f59c1d0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-inject.es-1f59c1d0.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/style-inject.es-610f1f83.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-inject.es-610f1f83.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-b5c74301.js → eslib/test-81795c27.js

@@ -1,6 +1,7 @@
-import { s as styleInject } from './style-inject.es-610f1f83.js';
+import './_commonjsHelpers-aeb41076.js';
 import 'react';
-import './index-b92ec402.js';
+import './index-7951fb2f.js';
+import { s as styleInject } from './style-inject.es-1f59c1d0.js';
 
 var css = ".test_red__3UOk2 {\n  color: red;\n}\n";
 styleInject(css);
@@ -71,4 +72,4 @@ styleInject(css);
 var Test = "TestComponent";
 
 export { Test as T };
-//# sourceMappingURL=test-b5c74301.js.map
+//# sourceMappingURL=test-81795c27.js.map

eslib/utils-82346768.js

@@ -0,0 +1,45 @@
+import { _ as _defineProperty } from './_commonjsHelpers-aeb41076.js';
+
+var IMAGE_PROCESS = '?x-oss-process=image/resize,h_350';
+var IMAGE_PROCESS_SMALL = '?x-oss-process=image/resize,h_100';
+var IMAGE_PROCESS_LARGE = '?x-oss-process=image/resize,h_500';
+function addImageProcess(url) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    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 "".concat(url, "?x-oss-process=image/resize,limit_0,m_fill,w_").concat(options.width, ",h_").concat(options.height);
+  }
+
+  return url + IMAGE_PROCESS;
+}
+function formatMoney(input) {
+  var fuzz = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+
+  if (isNaN(+input)) {
+    return input;
+  }
+
+  return (+input).toFixed(fuzz);
+}
+function exportStyleSizeClass(styles, size) {
+  return _defineProperty({}, styles[size], true);
+}
+
+export { addImageProcess as a, exportStyleSizeClass as e, formatMoney as f };
+//# sourceMappingURL=utils-82346768.js.map

eslib/utils-82346768.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-82346768.js","sources":["../src/components/Payment/Utils/utils.ts"],"sourcesContent":["\r\nexport const IMAGE_PROCESS = '?x-oss-process=image/resize,h_350';\r\nexport const IMAGE_PROCESS_SMALL = '?x-oss-process=image/resize,h_100';\r\nexport const IMAGE_PROCESS_LARGE = '?x-oss-process=image/resize,h_500';\r\n\r\ntype AddImageProcessOptions = {\r\n  small?: boolean;\r\n  large?: boolean;\r\n  custom?: boolean;\r\n  width?: string;\r\n  height?: string;\r\n}\r\n\r\nexport function addImageProcess(url: string, options: AddImageProcessOptions = { width: '36px', height: '36px' }) {\r\n  // 防止重复添加导致的url不正确\r\n  if (url && url.indexOf('x-oss-process') > -1) {\r\n    return url;\r\n  }\r\n  if (options.small) {\r\n    return url + IMAGE_PROCESS_SMALL;\r\n  }\r\n  if (options.large) {\r\n    return url + IMAGE_PROCESS_LARGE;\r\n  }\r\n  if (options.custom) {\r\n    return `${url}?x-oss-process=image/resize,limit_0,m_fill,w_${options.width},h_${options.height}`;\r\n  }\r\n  return url + IMAGE_PROCESS;\r\n}\r\n\r\nexport function formatMoney(input: any, fuzz = 2) {\r\n  if (isNaN(+input)) {\r\n    return input;\r\n  }\r\n  return (+input).toFixed(fuzz);\r\n}\r\n\r\ntype classSize = 'small'|'normal'|'large';\r\n\r\nexport function exportStyleSizeClass(styles: any, size: classSize) {\r\n  return {\r\n    [styles[size]]: true,\r\n  }\r\n}"],"names":["IMAGE_PROCESS","IMAGE_PROCESS_SMALL","IMAGE_PROCESS_LARGE","addImageProcess","url","options","width","height","indexOf","small","large","custom","formatMoney","input","fuzz","isNaN","toFixed","exportStyleSizeClass","styles","size"],"mappings":";;AACO,IAAMA,aAAa,GAAG,mCAAtB;AACP,AAAO,IAAMC,mBAAmB,GAAG,mCAA5B;AACP,AAAO,IAAMC,mBAAmB,GAAG,mCAA5B;AAUP,AAAO,SAASC,eAAT,CAAyBC,GAAzB,EAA2G;MAArEC,OAAqE,uEAAnC;IAAEC,KAAK,EAAE,MAAT;IAAiBC,MAAM,EAAE;GAAU;;;MAE5GH,GAAG,IAAIA,GAAG,CAACI,OAAJ,CAAY,eAAZ,IAA+B,CAAC,CAA3C,EAA8C;WACrCJ,GAAP;;;MAEEC,OAAO,CAACI,KAAZ,EAAmB;WACVL,GAAG,GAAGH,mBAAb;;;MAEEI,OAAO,CAACK,KAAZ,EAAmB;WACVN,GAAG,GAAGF,mBAAb;;;MAEEG,OAAO,CAACM,MAAZ,EAAoB;qBACRP,GAAV,0DAA6DC,OAAO,CAACC,KAArE,gBAAgFD,OAAO,CAACE,MAAxF;;;SAEKH,GAAG,GAAGJ,aAAb;;AAGF,AAAO,SAASY,WAAT,CAAqBC,KAArB,EAA2C;MAAVC,IAAU,uEAAH,CAAG;;MAC5CC,KAAK,CAAC,CAACF,KAAF,CAAT,EAAmB;WACVA,KAAP;;;SAEK,CAAC,CAACA,KAAF,EAASG,OAAT,CAAiBF,IAAjB,CAAP;;AAKF,AAAO,SAASG,oBAAT,CAA8BC,MAA9B,EAA2CC,IAA3C,EAA4D;6BAE9DD,MAAM,CAACC,IAAD,CADT,EACkB,IADlB;;;;;"}

lib/Common/index.js

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../style-inject.es-b93a8bdc.js');
+require('../_commonjsHelpers-4ed3570f.js');
 require('react');
-require('../index-cb8e892c.js');
-var test = require('../test-609dd691.js');
+require('../index-c2424ad4.js');
+require('../style-inject.es-dcee06b6.js');
+var test = require('../test-029f205d.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/Editor-RichTextEditor/index.js

@@ -0,0 +1,218 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var _commonjsHelpers = require('../_commonjsHelpers-4ed3570f.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+var styleInject_es = require('../style-inject.es-dcee06b6.js');
+var Draft = require('../Draft-7ee7c163.js');
+require('../_react-dom_commonjs-external-55867475.js');
+require('react-dom');
+
+var css = ".RichTextEditor_wrapper__3X3Yv .RichTextEditor_btnListWrapper__vUaki {\n  display: flex;\n}\n.RichTextEditor_wrapper__3X3Yv .RichTextEditor_editorWrapper__3UFgF {\n  border: 1px solid #ccc;\n}\n";
+var styles = {"wrapper":"RichTextEditor_wrapper__3X3Yv","btnListWrapper":"RichTextEditor_btnListWrapper__vUaki","editorWrapper":"RichTextEditor_editorWrapper__3UFgF"};
+styleInject_es.styleInject(css);
+
+// 自定义组件，用于超链接
+var Link = function Link(props) {
+  // 这里通过contentState来获取entity�，之后通过getData获取entity中包含的数据
+  var _props$contentState$g = props.contentState.getEntity(props.entityKey).getData(),
+      url = _props$contentState$g.url;
+
+  return React__default.createElement("a", {
+    href: url
+  }, props.children);
+}; // decorator，用于超链接
+
+
+var decorator = new Draft.Draft_4([{
+  strategy: function strategy(contentBlock, callback, contentState) {
+    // 这个方法接收2个函数作为参数，如果第一个参数的函数执行时�返回true，就会执行第二个参数函数，同时会�将匹配的�字符的起始位置和结束位置传递给第二个参数。
+    contentBlock.findEntityRanges(function (character) {
+      var entityKey = character.getEntity();
+      return entityKey !== null && contentState.getEntity(entityKey).getType() === 'LINK';
+    }, function () {
+      callback.apply(void 0, arguments);
+    });
+  },
+  component: Link
+}, {
+  strategy: function strategy(contentBlock, callback, contentState) {
+    contentBlock.findEntityRanges(function (character) {
+      var entityKey = character.getEntity();
+      return entityKey !== null && contentState.getEntity(entityKey).getType() === 'EMOJI';
+    }, function () {
+      callback.apply(void 0, arguments);
+    });
+  },
+  // component: (props: any) => (<span style={{ color: 'red' }}>[Emoji]</span>)
+  component: function component(props) {
+    return React__default.createElement("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");
+  }
+}]);
+
+var RichTextEditor =
+/*#__PURE__*/
+function (_React$Component) {
+  _commonjsHelpers._inherits(RichTextEditor, _React$Component);
+
+  function RichTextEditor(props) {
+    var _this;
+
+    _commonjsHelpers._classCallCheck(this, RichTextEditor);
+
+    _this = _commonjsHelpers._possibleConstructorReturn(this, _commonjsHelpers._getPrototypeOf(RichTextEditor).call(this, props));
+
+    _commonjsHelpers._defineProperty(_commonjsHelpers._assertThisInitialized(_this), "onChange", void 0);
+
+    _this.state = {
+      editorState: Draft.Draft_3.createEmpty(decorator)
+    };
+
+    _this.onChange = function (editorState) {
+      return _this.setState({
+        editorState: editorState
+      });
+    };
+
+    _this.handleKeyCommand = _this.handleKeyCommand.bind(_commonjsHelpers._assertThisInitialized(_this));
+    _this.defaultBlockStyleFn = _this.defaultBlockStyleFn.bind(_commonjsHelpers._assertThisInitialized(_this));
+    return _this;
+  }
+
+  _commonjsHelpers._createClass(RichTextEditor, [{
+    key: "handleKeyCommand",
+    value: function handleKeyCommand(command, editorState) {
+      var newState = Draft.Draft_15.handleKeyCommand(editorState, command);
+      console.log('command: ', command);
+      console.log('newState: ', newState);
+
+      if (newState) {
+        this.onChange(newState);
+        return "handled";
+      }
+
+      switch (command) {
+        case 'backspace':
+          var contentState = editorState.getCurrentContent();
+          var selectionState = editorState.getSelection();
+          var _ref = [selectionState.getStartOffset(), selectionState.getEndOffset()],
+              startOffset = _ref[0],
+              endOffset = _ref[1];
+
+          if (startOffset === endOffset) {
+            // 未选中状态
+            console.log(selectionState.getAnchorKey());
+          } // 选中状态
+
+
+          break;
+      }
+
+      return "not-handled";
+    }
+  }, {
+    key: "_onBoldClick",
+    value: function _onBoldClick() {
+      this.onChange(Draft.Draft_15.toggleInlineStyle(this.state.editorState, 'BOLD'));
+    }
+  }, {
+    key: "_onLinkClick",
+    value: function _onLinkClick() {
+      var editorState = this.state.editorState;
+      var contentState = editorState.getCurrentContent();
+      var selectionState = editorState.getSelection();
+      var contentStateWithEntity = contentState.createEntity('LINK', 'MUTABLE', {
+        url: 'http://www.zombo.com'
+      });
+      var entityKey = contentStateWithEntity.getLastCreatedEntityKey();
+      var contentStateWithLink = Draft.Draft_14.applyEntity(contentStateWithEntity, selectionState, entityKey);
+      var newEditorState = Draft.Draft_3.push(editorState, contentStateWithLink, 'apply-entity');
+      this.onChange(newEditorState);
+    }
+  }, {
+    key: "_onEmojiClick",
+    value: function _onEmojiClick(e, emojiCode) {
+      var editorState = this.state.editorState;
+      var contentState = editorState.getCurrentContent();
+      var selectionState = editorState.getSelection();
+      var EMOJIEntity = contentState.createEntity('EMOJI', 'IMMUTABLE', {
+        emojiCode: emojiCode
+      });
+      var entityKey = EMOJIEntity.getLastCreatedEntityKey();
+      var ncsWithEntity = Draft.Draft_14.insertText(contentState, selectionState, 'e', undefined, entityKey);
+      var newEditorState = Draft.Draft_3.push(editorState, ncsWithEntity, 'insert-characters'); // const newEditorState = AtomicBlockUtils.insertAtomicBlock(
+      //   editorState,
+      //   entityKey,
+      //   ' '
+      // );
+
+      this.onChange(newEditorState);
+    }
+  }, {
+    key: "_onCheckRange",
+    value: function _onCheckRange() {
+      console.log(this.state.editorState.getCurrentContent());
+      console.log(Draft.Draft_20(this.state.editorState.getCurrentContent()));
+    }
+  }, {
+    key: "defaultBlockStyleFn",
+    value: function defaultBlockStyleFn(contentBlock) {
+      var type = contentBlock.getType();
+      return "";
+    }
+  }, {
+    key: "defaultBlockRenderFn",
+    value: function defaultBlockRenderFn(contentBlock) {
+      var type = contentBlock.getType();
+      return contentBlock;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var editorState = this.state.editorState;
+      return React__default.createElement("div", {
+        className: styles.wrapper
+      }, React__default.createElement("div", {
+        className: styles.btnListWrapper
+      }, React__default.createElement("button", {
+        onClick: this._onBoldClick.bind(this)
+      }, "Bold"), React__default.createElement("button", {
+        onClick: this._onCheckRange.bind(this)
+      }, "Check"), React__default.createElement("button", {
+        onClick: this._onLinkClick.bind(this)
+      }, "Link"), React__default.createElement("button", {
+        onClick: function onClick(e) {
+          return _this2._onEmojiClick(e, '0011');
+        }
+      }, "Emoji")), React__default.createElement("div", {
+        className: styles.editorWrapper
+      }, React__default.createElement(Draft.Draft_1, {
+        editorState: editorState,
+        blockStyleFn: this.defaultBlockStyleFn,
+        blockRendererFn: this.defaultBlockRenderFn,
+        handleKeyCommand: this.handleKeyCommand,
+        onChange: this.onChange
+      })));
+    }
+  }]);
+
+  return RichTextEditor;
+}(React__default.Component);
+
+exports.default = RichTextEditor;
+//# sourceMappingURL=index.js.map

lib/Payment-Common-common-ConsumeListView/index.js

@@ -0,0 +1,162 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var _commonjsHelpers = require('../_commonjsHelpers-4ed3570f.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+var index = require('../index-c2424ad4.js');
+var styleInject_es = require('../style-inject.es-dcee06b6.js');
+var utils = require('../utils-ed518bfc.js');
+
+const img = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABvklEQVQ4T62UTygEcRTHv29MIsqfk6OL5CYH5aKd9WfjwqxEnBzExYWTCEWJJGove5H8OTA1uwdCrOWAi83ZwUXJiSj5u+Z5s0msmd2SX81h+r33ee/7fW+G8E+H/srhqEcFCjphve1RzcaVK4j3mmoB5YxqQzdOxTji1wE2QZglb2jAEcT7/g4wr0rQugS1OYJ26nOg5nYDr4ZrR7yrl0FBAKBlqjEX3eRLwSXAmidvOJbSI47oF9LVKaCOkNc4/w7kSPOoFBqDwjpp4XA60LUkF8nzbsuERQt4ejtGdsYwiAYTYIV6STOD6UB3EpqXJC0u7zKxz0Mk3Zrj7lOLerJg5T9K+2lWhALiYx8xS9NbDZnUuPXy0wN/hYw3lnbPiNfE7HaSfTAloRqKWkya8WAnMrdmIBqfBqM/BehJAo+gKHMibdMGzUhqKUiZAHGVXJYLwPdpshPnRDRM4fl5+7uKL/0c1WXdOSie5Dh3wZcyoR7SQttO9z+M5MOWEsStFQmsTAoOwVK7qM64d5P6ayKJj9EqHBa5Q4kx2/ujqR1Exnsq493HH2muFN98oNtJ0g7s3Ul5/vwbSab+G+gDqFybE11pYkYAAAAASUVORK5CYII=';
+
+var css = ".ConsumeListView_wrapper__2Tr0_ {\n  display: flex;\n  justify-content: center;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt {\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-wrap: wrap;\n  padding-top: 10px;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt li {\n  list-style: none;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt .ConsumeListView_consumeItem__2NKR7 {\n  margin: 0 6px 10px;\n  text-align: center;\n  position: relative;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt .ConsumeListView_consumeItem__2NKR7 .ConsumeListView_kingdomIcon__3VUpq {\n  position: absolute;\n  width: 24px;\n  height: 22px;\n  left: -6px;\n  top: -12px;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt .ConsumeListView_consumeItem__2NKR7 .ConsumeListView_avatar__1t0io {\n  margin: 0 auto 4px;\n  width: 36px;\n  height: 36px;\n  background-size: cover;\n  border-radius: 50%;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt .ConsumeListView_consumeItem__2NKR7 .ConsumeListView_gray__3eaP8 {\n  color: #9b9b9b;\n  font-size: 12px;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt .ConsumeListView_toggle__2GLGV {\n  margin: 0 6px 10px;\n  width: 36px;\n  height: 36px;\n  line-height: 36px;\n  background-color: #ececec;\n  border-radius: 50%;\n  color: #a8adb6;\n  cursor: pointer;\n  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAACv0lEQVRIS8WXTW8SURSGzzAYNSYCA7SCUEqBioLtohvjD9CN7ozG36AmXfsRafxYN9b+BqNx50r3GjddqEVRRgSRVr4GWmOsERjfOwEzVYa5lAokEwJzznnOe865d+4IxPFRVXVPrVY73Wq1TgmCMIffYbjZ2q4b+E/GfysWi+WZw+F4it+/zMIKvQwAszcajXnYXEIwl1kwdh8JVPC1bLVaF5FE3cjHEFytVs8hyH04jvMAu9gUkexlp9P5uJv/P2DABCi9hbJehUPPinAkpKL8d6H8BpJQ9fbbAjOooigP8H2BIyi3CaAPJUm6qIdvAwN6G0qvcUfswxDK7wB+vePyB9zu6aNdKK9ROioUn+/0XAOz6W02m6kBBolXe1EUxSibdg0MtQn09Sav9yB2UL0A1QmBbQ6VSmWNd50OAu2sc5fL5WVTfAYD9WTQgP34Y9DOClB7D05X+nHcBdslAf19jnKfNAr2cmWVDuzfR7HoFCFTUyaqR8lUhr7/2KITc/Gu9mjrC6a4iLtjRhHfvv9Ea1/L5JLsNBML94Qz6OukTBWlTt5Dbjp2JGgUtsTAW7i713DxqSql0jkqrJfIKdloNhbpCmfQV8k0VZUNOuwZo2gkQFBmFPanKVibRFxpOUefC0VyOmw0E4+QqCt7s8mgH0ipbdKEb5wiIUB7N0UD9yy13l/O5CmbXyfJfpBm49MkihbSoKuA1jdpcsJD4aDfdA5gUDIdrr+jZLIFyuQK5AD8+NEQvXknU63+jUKTPgoGvDxQ1gJtuPpeTkw1U8+mnPU2MuWngN/DBW0bLe14A8mj3x+zX7TS+ryGi6JrMtoGMrItk6VULpcTqPtQHhIQuuB2uxOjfSwy1SM5CHQmYCRHn/azcjSHvQ586Mdb/aIb+oFeD2eHQOxM87j6eoXBBrGMa2evMPoE/sdL22+mI4T0ou1LqAAAAABJRU5ErkJggg==);\n  background-position: center;\n}\n.ConsumeListView_wrapper__2Tr0_ .ConsumeListView_consumelist__2yoWt .ConsumeListView_toggle__2GLGV.ConsumeListView_expand__1D2BA {\n  transform: rotate(180deg);\n}\n";
+var styles = {"wrapper":"ConsumeListView_wrapper__2Tr0_","consumelist":"ConsumeListView_consumelist__2yoWt","consumeItem":"ConsumeListView_consumeItem__2NKR7","kingdomIcon":"ConsumeListView_kingdomIcon__3VUpq","avatar":"ConsumeListView_avatar__1t0io","gray":"ConsumeListView_gray__3eaP8","toggle":"ConsumeListView_toggle__2GLGV","expand":"ConsumeListView_expand__1D2BA"};
+styleInject_es.styleInject(css);
+
+var DEFAULT_AVATAR = '//links-comment.oss-cn-beijing.aliyuncs.com/comment/20180820/Kgka4_oU1.jpeg';
+
+var ConsumeListView =
+/*#__PURE__*/
+function (_Component) {
+  _commonjsHelpers._inherits(ConsumeListView, _Component);
+
+  function ConsumeListView() {
+    _commonjsHelpers._classCallCheck(this, ConsumeListView);
+
+    return _commonjsHelpers._possibleConstructorReturn(this, _commonjsHelpers._getPrototypeOf(ConsumeListView).apply(this, arguments));
+  }
+
+  _commonjsHelpers._createClass(ConsumeListView, [{
+    key: "renderConsumeItem",
+    value: function renderConsumeItem() {
+      var _this$props = this.props,
+          dataSource = _this$props.dataSource,
+          isToggle = _this$props.isToggle,
+          onConsumeItemClick = _this$props.onConsumeItemClick,
+          showLength = _this$props.showLength,
+          listLength = _this$props.listLength,
+          options = _this$props.options;
+      var kingdomWidth = options.kingdomWidth,
+          kingdomHeight = options.kingdomHeight,
+          kingdomPosition = options.kingdomPosition,
+          avatarSize = options.avatarSize,
+          avatarMarginLeftAndRight = options.avatarMarginLeftAndRight;
+      var renderData = dataSource;
+
+      if (!isToggle && listLength > showLength) {
+        renderData = dataSource.slice(0, showLength - 1);
+      }
+
+      return renderData.map(function (v, i) {
+        var kingdom = null;
+
+        if (i === 0) {
+          kingdom = React__default.createElement("img", {
+            className: styles.kingdomIcon,
+            src: img,
+            alt: "reward top user",
+            style: {
+              width: "".concat(kingdomWidth, "px"),
+              height: "".concat(kingdomHeight, "px"),
+              left: "".concat(kingdomPosition[0], "px"),
+              top: "".concat(kingdomPosition[1], "px")
+            }
+          });
+        }
+
+        return React__default.createElement("li", {
+          key: v.id,
+          className: styles.consumeItem,
+          style: {
+            margin: "0 ".concat(avatarMarginLeftAndRight, "px 10px")
+          }
+        }, kingdom, React__default.createElement("div", {
+          className: styles.avatar,
+          onClick: function onClick(e) {
+            return onConsumeItemClick(e, v);
+          },
+          style: {
+            backgroundImage: "url(".concat(utils.addImageProcess(v.user_avatar || DEFAULT_AVATAR, {
+              small: true
+            }), ")"),
+            width: "".concat(avatarSize, "px"),
+            height: "".concat(avatarSize, "px")
+          }
+        }), React__default.createElement("span", {
+          className: styles.gray
+        }));
+      });
+    }
+  }, {
+    key: "renderToggleButton",
+    value: function renderToggleButton() {
+      var _this$props2 = this.props,
+          isToggle = _this$props2.isToggle,
+          onToggleChange = _this$props2.onToggleChange,
+          listLength = _this$props2.listLength,
+          showLength = _this$props2.showLength,
+          options = _this$props2.options;
+      var avatarSize = options.avatarSize,
+          avatarMarginLeftAndRight = options.avatarMarginLeftAndRight;
+
+      if (listLength <= showLength) {
+        return null;
+      }
+
+      return React__default.createElement("li", {
+        onClick: function onClick() {
+          return onToggleChange();
+        },
+        className: index.classnames(styles.toggle, _commonjsHelpers._defineProperty({}, styles.expand, isToggle)),
+        style: {
+          width: "".concat(avatarSize, "px"),
+          height: "".concat(avatarSize, "px"),
+          lineHeight: "".concat(avatarSize, "px"),
+          margin: "0 ".concat(avatarMarginLeftAndRight, "px 10px")
+        }
+      });
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+          showLength = _this$props3.showLength,
+          options = _this$props3.options;
+      var avatarSize = options.avatarSize,
+          avatarMarginLeftAndRight = options.avatarMarginLeftAndRight;
+      return React__default.createElement("div", {
+        className: styles.wrapper
+      }, React__default.createElement("ul", {
+        className: styles.consumelist,
+        style: {
+          width: "calc(".concat(avatarMarginLeftAndRight * 2 + avatarSize, "px * ").concat(showLength, ")")
+        }
+      }, this.renderConsumeItem(), this.renderToggleButton()));
+    }
+  }]);
+
+  return ConsumeListView;
+}(React.Component);
+
+_commonjsHelpers._defineProperty(ConsumeListView, "defaultProps", {
+  isToggle: false,
+  onToggleChange: function onToggleChange() {},
+  onConsumeItemClick: function onConsumeItemClick() {},
+  dataSource: [],
+  listLength: 0,
+  showLength: 6,
+  options: {
+    avatarSize: 36,
+    avatarMarginLeftAndRight: 6,
+    kingdomWidth: 24,
+    kingdomHeight: 22,
+    kingdomPosition: [-6, -12]
+  }
+});
+
+exports.default = ConsumeListView;
+//# sourceMappingURL=index.js.map

lib/Payment-Common-common-PriceOptions/index.js

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var _commonjsHelpers = require('../_commonjsHelpers-4ed3570f.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+var index = require('../index-c2424ad4.js');
+var styleInject_es = require('../style-inject.es-dcee06b6.js');
+var utils = require('../utils-ed518bfc.js');
+
+var css = ".PriceOptions_options__2AGBn {\n  padding: 20px 50px;\n  border-bottom: 1px dashed #00000017;\n}\n.PriceOptions_options__2AGBn p {\n  font-size: 14px;\n  font-weight: 400;\n  color: #616a79;\n  margin-bottom: 20px;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN {\n  padding-right: 0;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceItem__2PLhM {\n  background: rgba(243, 243, 243, 0.14);\n  border-radius: 4px;\n  border: 1px solid #cfcfcf;\n  font-size: 14px;\n  font-weight: 600;\n  color: #616a79;\n  display: inline-block;\n  text-align: center;\n  vertical-align: top;\n  height: 30px;\n  width: 70px;\n  line-height: 30px;\n  cursor: pointer;\n  margin: 6px;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceItem__2PLhM.PriceOptions_active__rlHby {\n  background: rgba(255, 50, 102, 0.1);\n  border-radius: 4px;\n  border: 1px solid #ff3266;\n  color: #616a79;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceInput__1UYLy {\n  display: inline-block;\n  min-width: 70px;\n  width: auto;\n  margin: 6px;\n  text-align: center;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN button {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n  height: 30px;\n  width: 50px;\n  vertical-align: top;\n  padding: 0 5px;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_rate__3hVeo {\n  margin-left: 10px;\n}\n.PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_rate__3hVeo i {\n  margin-right: 5px;\n  color: #1790FF;\n}\n.PriceOptions_options__2AGBn.PriceOptions_small__2Vys4 {\n  padding: 0 0 12px 0;\n  border-bottom: none;\n}\n.PriceOptions_options__2AGBn.PriceOptions_small__2Vys4 p {\n  margin-bottom: 8px;\n}\n.PriceOptions_options__2AGBn.PriceOptions_small__2Vys4 .PriceOptions_infoItem__1dYFN {\n  text-align: center;\n}\n.PriceOptions_options__2AGBn.PriceOptions_small__2Vys4 .PriceOptions_infoItem__1dYFN .PriceOptions_priceItem__2PLhM {\n  border-radius: 6px;\n  height: 32px;\n  width: 72px;\n  margin: 0 0 12px 19px;\n}\n.PriceOptions_options__2AGBn.PriceOptions_small__2Vys4 .PriceOptions_infoItem__1dYFN .PriceOptions_priceItem__2PLhM:first-child {\n  margin: 0 0 12px 0px;\n}\n.PriceOptions_options__2AGBn.PriceOptions_small__2Vys4 .PriceOptions_infoItem__1dYFN .PriceOptions_priceInput__1UYLy {\n  display: block;\n  width: 254px;\n  border-radius: 6px;\n  height: 32px;\n}\n@media (max-width: 768px) {\n  .PriceOptions_options__2AGBn {\n    padding: 20px 20px;\n  }\n  .PriceOptions_options__2AGBn p {\n    font-size: 14px;\n    font-weight: 400;\n    color: #616a79;\n  }\n  .PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN {\n    padding-right: 0;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n  .PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceBtn__YfsBe {\n    display: flex;\n    justify-content: space-between;\n  }\n  .PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceItem__2PLhM {\n    display: inline-block;\n    background-color: #fff;\n    width: 74px;\n    height: 36px;\n    line-height: 36px;\n    border-radius: 6px;\n    border: 1px solid #cfcfcf;\n  }\n  .PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceItem__2PLhM.PriceOptions_active__rlHby {\n    background-color: #fff;\n    color: #FF3266FF;\n    border-radius: 4px;\n    border: 1px solid #ff3266;\n  }\n  .PriceOptions_options__2AGBn .PriceOptions_infoItem__1dYFN .PriceOptions_priceInput__1UYLy {\n    border-radius: 6px;\n    height: 36px;\n    width: auto;\n  }\n}\n";
+var styles = {"options":"PriceOptions_options__2AGBn","infoItem":"PriceOptions_infoItem__1dYFN","priceItem":"PriceOptions_priceItem__2PLhM","active":"PriceOptions_active__rlHby","priceInput":"PriceOptions_priceInput__1UYLy","rate":"PriceOptions_rate__3hVeo","small":"PriceOptions_small__2Vys4","priceBtn":"PriceOptions_priceBtn__YfsBe"};
+styleInject_es.styleInject(css);
+
+var FormattedMessage = function FormattedMessage(_ref) {
+  var id = _ref.id;
+  return id;
+};
+
+var PriceOptions = function PriceOptions(_ref2) {
+  var price = _ref2.price,
+      onPriceChange = _ref2.onPriceChange,
+      _ref2$size = _ref2.size,
+      _ref2$focusScroll = _ref2.focusScroll,
+      _ref2$withTitle = _ref2.withTitle,
+      withTitle = _ref2$withTitle === void 0 ? true : _ref2$withTitle,
+      inputRef = _ref2.inputRef;
+  var defaultOptions = [100, 600, 800]; // 控制是否为其他金额输入情况
+
+  var _useState = React.useState(false),
+      _useState2 = _commonjsHelpers._slicedToArray(_useState, 2),
+      inputStatus = _useState2[0],
+      setInputStatus = _useState2[1];
+
+  return React__default.createElement("div", {
+    className: index.classnames(styles.options)
+  }, withTitle ? React__default.createElement("p", null, React__default.createElement(FormattedMessage, {
+    id: "pay.price.select.text"
+  })) : null, React__default.createElement("div", {
+    className: styles.infoItem,
+    style: {
+      marginBottom: "-12px"
+    }
+  }, React__default.createElement("span", {
+    className: styles.priceBtn
+  }, defaultOptions.map(function (item) {
+    var _classnames;
+
+    return React__default.createElement("span", {
+      className: index.classnames((_classnames = {}, _commonjsHelpers._defineProperty(_classnames, styles.priceItem, true), _commonjsHelpers._defineProperty(_classnames, styles.active, price === item && !inputStatus), _classnames)),
+      key: item,
+      onClick: function onClick() {
+        onPriceChange(item);
+        setInputStatus(false);
+      }
+    }, React__default.createElement(FormattedMessage, {
+      id: "".concat(utils.formatMoney(item / 100, 0), "\xA5")
+    }));
+  }))));
+};
+
+exports.default = PriceOptions;
+//# sourceMappingURL=index.js.map

lib/Payment-Common-common-PriceOptions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/components/Payment/Common/PriceOptions/index.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { formatMoney } from \"../../Utils/utils\";\r\n\r\nimport styles from \"./PriceOptions.less\";\r\n\r\nconst FormattedMessage = ({ id }: any) => id;\r\n\r\ninterface Props {\r\n  price: number;\r\n  onPriceChange: (v: number) => void;\r\n  size: \"small\" | \"normal\" | \"large\";\r\n  focusScroll: boolean;\r\n  withTitle: boolean;\r\n  inputRef: React.RefObject<any>;\r\n}\r\n\r\nconst PriceOptions = ({\r\n  price,\r\n  onPriceChange,\r\n  size = \"normal\",\r\n  focusScroll = true,\r\n  withTitle = true,\r\n  inputRef\r\n}: Props) => {\r\n  const defaultOptions = [100, 600, 800];\r\n  // 控制是否为其他金额输入情况\r\n  const [inputStatus, setInputStatus] = useState(false);\r\n\r\n  return (\r\n    <div\r\n      className={classnames(styles.options)}\r\n    >\r\n      {withTitle ? (\r\n        <p>\r\n          <FormattedMessage id=\"pay.price.select.text\" />\r\n        </p>\r\n      ) : null}\r\n      <div className={styles.infoItem} style={{ marginBottom: \"-12px\" }}>\r\n        <span className={styles.priceBtn}>\r\n          {defaultOptions.map(item => (\r\n            <span\r\n              className={classnames({\r\n                [styles.priceItem]: true,\r\n                [styles.active]: price === item && !inputStatus\r\n              })}\r\n              key={item}\r\n              onClick={() => {\r\n                onPriceChange(item);\r\n                setInputStatus(false);\r\n              }}\r\n            >\r\n              <FormattedMessage id={`${formatMoney(item/100, 0)}¥`} />\r\n            </span>\r\n          ))}\r\n        </span>\r\n        {/* <Input\r\n          ref={inputRef}\r\n          onMouseEnter={() => {\r\n            if (inputStatus && inputRef && inputRef.current) {\r\n              inputRef.current.focus();\r\n              inputRef.current.select();\r\n            }\r\n          }}\r\n          suffix=\"¥\"\r\n          className={styles.priceInput}\r\n          value={inputStatus ? price / 100 || \"\" : \"\"}\r\n          placeholder=\"Others\"\r\n          onChange={e => {\r\n            const n = +e.target.value;\r\n            if (Number.isNaN(n)) {\r\n              return;\r\n            }\r\n            // 测试暂时改成1分\r\n            onPriceChange(n * 100);\r\n          }}\r\n          onClick={e => {\r\n            onPriceChange(0);\r\n            setInputStatus(true);\r\n          }}\r\n          onFocus={e => {\r\n            if (focusScroll) {\r\n              e.target.scrollIntoView();\r\n            }\r\n          }}\r\n        /> */}\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default PriceOptions;\r\n"],"names":["FormattedMessage","id","PriceOptions","price","onPriceChange","size","focusScroll","withTitle","inputRef","defaultOptions","useState","inputStatus","setInputStatus","React","classnames","styles","options","infoItem","marginBottom","priceBtn","map","item","priceItem","active","formatMoney"],"mappings":";;;;;;;;;;;;;;;;;AAMA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB;MAAGC,EAAH,QAAGA,EAAH;SAAiBA,EAAjB;CAAzB;;AAWA,IAAMC,YAAY,GAAG,SAAfA,YAAe,QAOR;MANXC,KAMW,SANXA,KAMW;MALXC,aAKW,SALXA,aAKW;yBAJXC,IAIW;MAJXA,0BACAC,WAGW;MAHXA,wBACAC,SAEW;MAFXA,SAEW,gCAFC,IAED;MADXC,QACW,SADXA,QACW;MACLC,cAAc,GAAG,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,CAAvB,CADW;;kBAG2BC,cAAQ,CAAC,KAAD,CAHnC;;MAGJC,WAHI;MAGSC,cAHT;;SAMTC;IACE,SAAS,EAAEC,gBAAU,CAACC,MAAM,CAACC,OAAR;KAEpBT,SAAS,GACRM,wCACEA,6BAAC,gBAAD;IAAkB,EAAE,EAAC;IADvB,CADQ,GAIN,IAPN,EAQEA;IAAK,SAAS,EAAEE,MAAM,CAACE,QAAvB;IAAiC,KAAK,EAAE;MAAEC,YAAY,EAAE;;KACtDL;IAAM,SAAS,EAAEE,MAAM,CAACI;KACrBV,cAAc,CAACW,GAAf,CAAmB,UAAAC,IAAI;;;WACtBR;MACE,SAAS,EAAEC,gBAAU,kEAClBC,MAAM,CAACO,SADW,EACC,IADD,iDAElBP,MAAM,CAACQ,MAFW,EAEFpB,KAAK,KAAKkB,IAAV,IAAkB,CAACV,WAFjB,gBADvB;MAKE,GAAG,EAAEU,IALP;MAME,OAAO,EAAE,mBAAM;QACbjB,aAAa,CAACiB,IAAD,CAAb;QACAT,cAAc,CAAC,KAAD,CAAd;;OAGFC,6BAAC,gBAAD;MAAkB,EAAE,YAAKW,iBAAW,CAACH,IAAI,GAAC,GAAN,EAAW,CAAX,CAAhB;MAXtB,CADsB;GAAvB,CADH,CADF,CARF,CADF;CAZF;;;;"}

lib/Payment-Common-common-WaitPayInfoView/index.js

@@ -0,0 +1,88 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var _commonjsHelpers = require('../_commonjsHelpers-4ed3570f.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+var index = require('../index-c2424ad4.js');
+var styleInject_es = require('../style-inject.es-dcee06b6.js');
+
+var css = ".WaitPayInfoView_waitingContainer__2fyww {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n";
+var styles = {"waitingContainer":"WaitPayInfoView_waitingContainer__2fyww"};
+styleInject_es.styleInject(css);
+
+const img = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgd2lkdGg9IjQ4cHgiIGhlaWdodD0iNDNweCIgdmlld0JveD0iMCAwIDQ4IDQzIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAuMiAoNTUwNDcpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPg0KICAgIDx0aXRsZT5rY3hxX3BvcG92ZXJzX2ljb25fdGFuaGFvPC90aXRsZT4NCiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4NCiAgICA8ZGVmcz48L2RlZnM+DQogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+DQogICAgICAgIDxnIGlkPSLlj6blrqLnvZFf55u05pKt6K++X+ivvueoi+S7i+e7jeivpuaDhV/otK3kubDmj5DnpLrlvLnnqpciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MzYuMDAwMDAwLCAtMTkwLjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyI+DQogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDY5MC4wMDAwMDAsIDExMC4wMDAwMDApIj4NCiAgICAgICAgICAgICAgICA8ZyBpZD0ia2N4cV9wb3BvdmVyc19pY29uX3RhbmhhbyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ2LjAwMDAwMCwgODAuMDAwMDAwKSI+DQogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00OCwyMS41IEM0OCwzMy4zNzM2NjI2IDM4LjM2NDU3NTYsNDMgMjYuNDc5NzA0OCw0MyBDMjEuMTMwNjI3Myw0MyAxNy4wMzkxMTQ0LDQyLjE1MDYxNzMgMTMuMjg0MTMyOCwzOC45MzAwNDEyIEMxMS44MTQwMjIxLDM3LjY3MzY2MjYgMS43MDAzNjksNDMuMjEyMzQ1NyAwLjE3NzEyMTc3MSwzOS4yODM5NTA2IEMtMS4wNjI3MzA2MywzNi4wOTg3NjU0IDUuOTUxMjkxNTEsMjkuMjUwNjE3MyA1LjMxMzY1MzE0LDI3LjA3NDA3NDEgQzQuNzY0NTc1NjUsMjUuMTgwNjU4NCA0Ljk1OTQwOTU5LDIzLjU3MDM3MDQgNC45NTk0MDk1OSwyMS41IEM0Ljk1OTQwOTU5LDkuNjI2MzM3NDUgMTQuNTk0ODMzOSwwIDI2LjQ3OTcwNDgsMCBDMzguMzY0NTc1NiwwIDQ4LDkuNjI2MzM3NDUgNDgsMjEuNSBaIiBpZD0iU2hhcGUiIGZpbGw9IiMxNzkwRkYiPjwvcGF0aD4NCiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMy44NDg3MDgsIDguMTkzNDE2KSIgZmlsbD0iI0ZGRkZGRiI+DQogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMi41LDI3LjQ5NzEwOTggQzEuMTMyMzUyOTQsMjcuNDk3MTA5OCAwLDI2LjM3OTQ2MjggMCwyNC45OTcxMDk4IEMwLDIzLjYxNDc1NjkgMS4xMzIzNTI5NCwyMi40OTcxMDk4IDIuNSwyMi40OTcxMDk4IEMzLjg2NzY0NzA2LDIyLjQ5NzEwOTggNSwyMy42MTQ3NTY5IDUsMjQuOTk3MTA5OCBDNSwyNi4zNzk0NjI4IDMuODY3NjQ3MDYsMjcuNDk3MTA5OCAyLjUsMjcuNDk3MTA5OCBaIE0yLjUsMTkuNDIxOTY1MyBDMS4xMzIzNTI5NCwxOS40MjE5NjUzIDAsMTguMTkxOTA3NSAwLDE2LjY3MDUyMDIgTDAsMi43NTE0NDUwOSBDMCwxLjI0NjI0Mjc3IDEuMTMyMzUyOTQsMCAyLjUsMCBDMy44Njc2NDcwNiwwIDUsMS4yMzAwNTc4IDUsMi43NTE0NDUwOSBMNSwxNi42NzA1MjAyIEM1LDE4LjE5MTkwNzUgMy44Njc2NDcwNiwxOS40MjE5NjUzIDIuNSwxOS40MjE5NjUzIFoiIGlkPSJTaGFwZSI+PC9wYXRoPg0KICAgICAgICAgICAgICAgICAgICA8L2c+DQogICAgICAgICAgICAgICAgPC9nPg0KICAgICAgICAgICAgPC9nPg0KICAgICAgICA8L2c+DQogICAgPC9nPg0KPC9zdmc+';
+
+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) {
+  _commonjsHelpers._inherits(WaitPayInfoView, _Component);
+
+  function WaitPayInfoView() {
+    _commonjsHelpers._classCallCheck(this, WaitPayInfoView);
+
+    return _commonjsHelpers._possibleConstructorReturn(this, _commonjsHelpers._getPrototypeOf(WaitPayInfoView).apply(this, arguments));
+  }
+
+  _commonjsHelpers._createClass(WaitPayInfoView, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          onClickPayed = _this$props.onClickPayed,
+          onClickProblem = _this$props.onClickProblem;
+      return React__default.createElement("div", {
+        className: styles.waitingContainer
+      }, React__default.createElement("div", {
+        className: styles.infoIconImgContainer
+      }, React__default.createElement("img", {
+        src: img,
+        alt: "info label icon"
+      })), React__default.createElement("div", null, React__default.createElement("div", {
+        className: styles.pay_text
+      }, "live.course_info.pay.notification"), React__default.createElement("div", {
+        className: styles.btn_row
+      }, React__default.createElement(Button, {
+        className: index.classnames(styles.pay_btn, styles.btn_default),
+        size: "small",
+        onClick: function onClick() {
+          onClickPayed && onClickPayed();
+        }
+      }, "live.course_info.pay.payed"), React__default.createElement(Button, {
+        className: styles.btn_default,
+        size: "small",
+        style: {
+          marginLeft: '16px'
+        },
+        onClick: function onClick() {
+          onClickProblem && onClickProblem();
+        }
+      }, "live.course_info.pay.help"))));
+    }
+  }]);
+
+  return WaitPayInfoView;
+}(React.Component);
+
+_commonjsHelpers._defineProperty(WaitPayInfoView, "defaultProps", {
+  onClickPayed: function onClickPayed() {
+    console.log("onClickPayed");
+  },
+  onClickProblem: function onClickProblem() {
+    console.log("onClickProblem");
+  }
+});
+
+exports.WaitPayInfoView = WaitPayInfoView;
+exports.default = WaitPayInfoView;
+//# sourceMappingURL=index.js.map

lib/Payment/index.js

@@ -2,15 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../style-inject.es-b93a8bdc.js');
+require('../_commonjsHelpers-4ed3570f.js');
 require('react');
-require('../index-cb8e892c.js');
-var index$1 = require('../index-88ef31fa.js');
+require('../index-c2424ad4.js');
+require('../style-inject.es-dcee06b6.js');
+require('../utils-ed518bfc.js');
+var PaymentCommonCommonConsumeListView = require('../Payment-Common-common-ConsumeListView/index.js');
+var PaymentCommonCommonPayPlatformOptions = require('../Payment-Common-common-PayPlatformOptions/index.js');
+var PaymentCommonCommonPriceOptions = require('../Payment-Common-common-PriceOptions/index.js');
+var PaymentCommonCommonWaitPayInfoView = require('../Payment-Common-common-WaitPayInfoView/index.js');
 
 
 
-exports.ConsumeListView = index$1.ConsumeListView;
-exports.PayPlatformOptions = index$1.PayPlatformOptions;
-exports.PriceOptions = index$1.PriceOptions;
-exports.WaitPayInfoView = index$1.WaitPayInfoView;
+exports.ConsumeListView = PaymentCommonCommonConsumeListView.default;
+exports.PayPlatformOptions = PaymentCommonCommonPayPlatformOptions.default;
+exports.PriceOptions = PaymentCommonCommonPriceOptions.default;
+exports.WaitPayInfoView = PaymentCommonCommonWaitPayInfoView.default;
 //# 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/style-inject.es-b93a8bdc.js → lib/_commonjsHelpers-4ed3570f.js

@@ -188,33 +188,6 @@ function createCommonjsModule(fn, module) {
 	return module = { exports: {} }, fn(module, module.exports), module.exports;
 }
 
-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;
@@ -227,6 +200,5 @@ exports._possibleConstructorReturn = _possibleConstructorReturn;
 exports._slicedToArray = _slicedToArray;
 exports.commonjsGlobal = commonjsGlobal;
 exports.createCommonjsModule = createCommonjsModule;
-exports.styleInject = styleInject;
 exports.unwrapExports = unwrapExports;
-//# sourceMappingURL=style-inject.es-b93a8bdc.js.map
+//# sourceMappingURL=_commonjsHelpers-4ed3570f.js.map

lib/_commonjsHelpers-4ed3570f.js.map

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

lib/_react-dom_commonjs-external-55867475.js

@@ -0,0 +1,13 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+var reactDom = _interopDefault(require('react-dom'));
+
+
+
+exports.React = React__default;
+exports.require$$3 = reactDom;
+//# sourceMappingURL=_react-dom_commonjs-external-55867475.js.map

lib/_react-dom_commonjs-external-55867475.js.map

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

lib/index-cb8e892c.js → lib/index-c2424ad4.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var styleInject_es = require('./style-inject.es-b93a8bdc.js');
+var _commonjsHelpers = require('./_commonjsHelpers-4ed3570f.js');
 
-var classnames = styleInject_es.createCommonjsModule(function (module) {
+var classnames = _commonjsHelpers.createCommonjsModule(function (module) {
 /*!
   Copyright (c) 2017 Jed Watson.
   Licensed under the MIT License (MIT), see
@@ -52,4 +52,4 @@ var classnames = styleInject_es.createCommonjsModule(function (module) {
 });
 
 exports.classnames = classnames;
-//# sourceMappingURL=index-cb8e892c.js.map
+//# sourceMappingURL=index-c2424ad4.js.map

lib/index-cb8e892c.js.map → lib/index-c2424ad4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index-b92ec402.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;;;;;"}
+{"version":3,"file":"index-7951fb2f.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.js

@@ -2,11 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./style-inject.es-b93a8bdc.js');
+require('./_commonjsHelpers-4ed3570f.js');
 require('react');
-require('./index-cb8e892c.js');
-require('./test-609dd691.js');
-var index$1 = require('./index-88ef31fa.js');
+require('./index-c2424ad4.js');
+require('./style-inject.es-dcee06b6.js');
+require('./test-029f205d.js');
+require('./utils-ed518bfc.js');
+var PaymentCommonCommonConsumeListView = require('./Payment-Common-common-ConsumeListView/index.js');
+var PaymentCommonCommonPayPlatformOptions = require('./Payment-Common-common-PayPlatformOptions/index.js');
+var PaymentCommonCommonPriceOptions = require('./Payment-Common-common-PriceOptions/index.js');
+var PaymentCommonCommonWaitPayInfoView = require('./Payment-Common-common-WaitPayInfoView/index.js');
 
 // type TransmitImgTxtData = {
 //   user_id?: string|number;
@@ -73,9 +78,9 @@ var index$1 = require('./index-88ef31fa.js');
 
 var Test = "TestComponent";
 
-exports.ConsumeListView = index$1.ConsumeListView;
-exports.PayPlatformOptions = index$1.PayPlatformOptions;
-exports.PriceOptions = index$1.PriceOptions;
-exports.WaitPayInfoView = index$1.WaitPayInfoView;
+exports.ConsumeListView = PaymentCommonCommonConsumeListView.default;
+exports.PayPlatformOptions = PaymentCommonCommonPayPlatformOptions.default;
+exports.PriceOptions = PaymentCommonCommonPriceOptions.default;
+exports.WaitPayInfoView = PaymentCommonCommonWaitPayInfoView.default;
 exports.Test = Test;
 //# sourceMappingURL=index.js.map

lib/style-inject.es-b93a8bdc.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-inject.es-610f1f83.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/style-inject.es-dcee06b6.js

@@ -0,0 +1,31 @@
+'use strict';
+
+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.styleInject = styleInject;
+//# sourceMappingURL=style-inject.es-dcee06b6.js.map

lib/style-inject.es-dcee06b6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-inject.es-1f59c1d0.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-609dd691.js → lib/test-029f205d.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var styleInject_es = require('./style-inject.es-b93a8bdc.js');
+require('./_commonjsHelpers-4ed3570f.js');
 require('react');
-require('./index-cb8e892c.js');
+require('./index-c2424ad4.js');
+var styleInject_es = require('./style-inject.es-dcee06b6.js');
 
 var css = ".test_red__3UOk2 {\n  color: red;\n}\n";
 styleInject_es.styleInject(css);
@@ -73,4 +74,4 @@ styleInject_es.styleInject(css);
 var Test = "TestComponent";
 
 exports.Test = Test;
-//# sourceMappingURL=test-609dd691.js.map
+//# sourceMappingURL=test-029f205d.js.map

lib/utils-ed518bfc.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers-4ed3570f.js');
+
+var IMAGE_PROCESS = '?x-oss-process=image/resize,h_350';
+var IMAGE_PROCESS_SMALL = '?x-oss-process=image/resize,h_100';
+var IMAGE_PROCESS_LARGE = '?x-oss-process=image/resize,h_500';
+function addImageProcess(url) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    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 "".concat(url, "?x-oss-process=image/resize,limit_0,m_fill,w_").concat(options.width, ",h_").concat(options.height);
+  }
+
+  return url + IMAGE_PROCESS;
+}
+function formatMoney(input) {
+  var fuzz = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+
+  if (isNaN(+input)) {
+    return input;
+  }
+
+  return (+input).toFixed(fuzz);
+}
+function exportStyleSizeClass(styles, size) {
+  return _commonjsHelpers._defineProperty({}, styles[size], true);
+}
+
+exports.addImageProcess = addImageProcess;
+exports.exportStyleSizeClass = exportStyleSizeClass;
+exports.formatMoney = formatMoney;
+//# sourceMappingURL=utils-ed518bfc.js.map

lib/utils-ed518bfc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils-82346768.js","sources":["../src/components/Payment/Utils/utils.ts"],"sourcesContent":["\r\nexport const IMAGE_PROCESS = '?x-oss-process=image/resize,h_350';\r\nexport const IMAGE_PROCESS_SMALL = '?x-oss-process=image/resize,h_100';\r\nexport const IMAGE_PROCESS_LARGE = '?x-oss-process=image/resize,h_500';\r\n\r\ntype AddImageProcessOptions = {\r\n  small?: boolean;\r\n  large?: boolean;\r\n  custom?: boolean;\r\n  width?: string;\r\n  height?: string;\r\n}\r\n\r\nexport function addImageProcess(url: string, options: AddImageProcessOptions = { width: '36px', height: '36px' }) {\r\n  // 防止重复添加导致的url不正确\r\n  if (url && url.indexOf('x-oss-process') > -1) {\r\n    return url;\r\n  }\r\n  if (options.small) {\r\n    return url + IMAGE_PROCESS_SMALL;\r\n  }\r\n  if (options.large) {\r\n    return url + IMAGE_PROCESS_LARGE;\r\n  }\r\n  if (options.custom) {\r\n    return `${url}?x-oss-process=image/resize,limit_0,m_fill,w_${options.width},h_${options.height}`;\r\n  }\r\n  return url + IMAGE_PROCESS;\r\n}\r\n\r\nexport function formatMoney(input: any, fuzz = 2) {\r\n  if (isNaN(+input)) {\r\n    return input;\r\n  }\r\n  return (+input).toFixed(fuzz);\r\n}\r\n\r\ntype classSize = 'small'|'normal'|'large';\r\n\r\nexport function exportStyleSizeClass(styles: any, size: classSize) {\r\n  return {\r\n    [styles[size]]: true,\r\n  }\r\n}"],"names":["IMAGE_PROCESS","IMAGE_PROCESS_SMALL","IMAGE_PROCESS_LARGE","addImageProcess","url","options","width","height","indexOf","small","large","custom","formatMoney","input","fuzz","isNaN","toFixed","exportStyleSizeClass","styles","size"],"mappings":";;;;AACO,IAAMA,aAAa,GAAG,mCAAtB;AACP,AAAO,IAAMC,mBAAmB,GAAG,mCAA5B;AACP,AAAO,IAAMC,mBAAmB,GAAG,mCAA5B;AAUP,AAAO,SAASC,eAAT,CAAyBC,GAAzB,EAA2G;MAArEC,OAAqE,uEAAnC;IAAEC,KAAK,EAAE,MAAT;IAAiBC,MAAM,EAAE;GAAU;;;MAE5GH,GAAG,IAAIA,GAAG,CAACI,OAAJ,CAAY,eAAZ,IAA+B,CAAC,CAA3C,EAA8C;WACrCJ,GAAP;;;MAEEC,OAAO,CAACI,KAAZ,EAAmB;WACVL,GAAG,GAAGH,mBAAb;;;MAEEI,OAAO,CAACK,KAAZ,EAAmB;WACVN,GAAG,GAAGF,mBAAb;;;MAEEG,OAAO,CAACM,MAAZ,EAAoB;qBACRP,GAAV,0DAA6DC,OAAO,CAACC,KAArE,gBAAgFD,OAAO,CAACE,MAAxF;;;SAEKH,GAAG,GAAGJ,aAAb;;AAGF,AAAO,SAASY,WAAT,CAAqBC,KAArB,EAA2C;MAAVC,IAAU,uEAAH,CAAG;;MAC5CC,KAAK,CAAC,CAACF,KAAF,CAAT,EAAmB;WACVA,KAAP;;;SAEK,CAAC,CAACA,KAAF,EAASG,OAAT,CAAiBF,IAAjB,CAAP;;AAKF,AAAO,SAASG,oBAAT,CAA8BC,MAA9B,EAA2CC,IAA3C,EAA4D;8CAE9DD,MAAM,CAACC,IAAD,CADT,EACkB,IADlB;;;;;;;"}

rollup.config.js

@@ -38,10 +38,33 @@ 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}`;
+    console.log('childFoldPath: ', childFoldPath);
+    const isDir = fs.statSync(childFoldPath).isDirectory();
+    if (isDir) {
+      if (fs.existsSync(`${childFoldPath}/index.tsx`)) {
+        prev[`${name}-${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[`${name}-${c}-common-${commonComponentFold}`] = `${commonComponentFoldPath}/index.tsx`;
+          }
+        });
+      }
+    }
+  });
+  console.log('prev: ', prev);
   return prev;
 }, {});