dev: build

eslib/BraftEditor/index.js

 import React, { useState } from 'react';
-import reactDom from 'react-dom';
+import ReactDOM from 'react-dom';
 import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
 import { c as createCommonjsModule, a as commonjsGlobal, u as unwrapExports } from '../_commonjsHelpers-97e6d7b1.js';
 import { _ as _slicedToArray } from '../slicedToArray-4cd9e6d3.js';
   }
 
   DraftEditorTextNode.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
-    var node = reactDom.findDOMNode(this);
+    var node = ReactDOM.findDOMNode(this);
     var shouldBeNewline = nextProps.children === '';
     !(node instanceof Element) ? process.env.NODE_ENV !== 'production' ? invariant_1(false, 'node is not an Element') : invariant_1(false) : void 0;
     if (shouldBeNewline) {
     // Determine the appropriate target node for selection. If the child
     // is not a text node, it is a <br /> spacer. In this case, use the
     // <span> itself as the selection target.
-    var node = reactDom.findDOMNode(this);
+    var node = ReactDOM.findDOMNode(this);
     !node ? process.env.NODE_ENV !== 'production' ? invariant_1(false, 'Missing node') : invariant_1(false) : void 0;
     var child = node.firstChild;
     !child ? process.env.NODE_ENV !== 'production' ? invariant_1(false, 'Missing child') : invariant_1(false) : void 0;
    */
 
   DraftEditorLeaf.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
-    var leafNode = reactDom.findDOMNode(this.leaf);
+    var leafNode = ReactDOM.findDOMNode(this.leaf);
     !leafNode ? process.env.NODE_ENV !== 'production' ? invariant_1(false, 'Missing leafNode') : invariant_1(false) : void 0;
     return leafNode.textContent !== nextProps.text || nextProps.styleSet !== this.props.styleSet || nextProps.forceSelection;
   };
       return;
     }
 
-    var blockNode = reactDom.findDOMNode(this);
+    var blockNode = ReactDOM.findDOMNode(this);
     var scrollParent = Style_1.getScrollParent(blockNode);
     var scrollPosition = getScrollPosition_1(scrollParent);
     var scrollDelta = void 0;
   }
 
   var editorState = editor.props.editorState;
-  var editorNode = reactDom.findDOMNode(editor.editorContainer);
+  var editorNode = ReactDOM.findDOMNode(editor.editorContainer);
   !editorNode ? process.env.NODE_ENV !== 'production' ? invariant_1(false, 'Missing editorNode') : invariant_1(false) : void 0;
   !(editorNode.firstChild instanceof HTMLElement) ? process.env.NODE_ENV !== 'production' ? invariant_1(false, 'editorNode.firstChild is not an HTMLElement') : invariant_1(false) : void 0;
   var documentSelection = getDraftEditorSelection_1(editorState, editorNode.firstChild);
       var editorState = _this.props.editorState;
 
       var alreadyHasFocus = editorState.getSelection().getHasFocus();
-      var editorNode = reactDom.findDOMNode(_this.editor);
+      var editorNode = ReactDOM.findDOMNode(_this.editor);
 
       if (!editorNode) {
         // once in a while people call 'focus' in a setTimeout, and the node has
     };
 
     _this.blur = function () {
-      var editorNode = reactDom.findDOMNode(_this.editor);
+      var editorNode = ReactDOM.findDOMNode(_this.editor);
       !(editorNode instanceof HTMLElement) ? process.env.NODE_ENV !== 'production' ? invariant_1(false, 'editorNode is not an HTMLElement') : invariant_1(false) : void 0;
       editorNode.blur();
     };
 
 var dist$3 = createCommonjsModule(function (module, exports) {
 (function webpackUniversalModuleDefinition(root, factory) {
-	module.exports = factory(React, dist$1, Draft, immutable$1, dist, reactDom, dist$2, draftjsUtils);
+	module.exports = factory(React, dist$1, Draft, immutable$1, dist, ReactDOM, dist$2, draftjsUtils);
 })(window, function(__WEBPACK_EXTERNAL_MODULE__0__, __WEBPACK_EXTERNAL_MODULE__3__, __WEBPACK_EXTERNAL_MODULE__6__, __WEBPACK_EXTERNAL_MODULE__13__, __WEBPACK_EXTERNAL_MODULE__14__, __WEBPACK_EXTERNAL_MODULE__16__, __WEBPACK_EXTERNAL_MODULE__17__, __WEBPACK_EXTERNAL_MODULE__23__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache

eslib/Common/index.d.ts

-export { default as Modal } from "../Modal/index";
+export { default as Modal, ModalCMD } from "../Modal/index";

eslib/Common/index.js

 import '../inherits-6cb67931.js';
 import 'react';
 import 'react-dom';
-export { default as Modal } from '../Modal/index.js';
+export { default as Modal, ModalCMD } from '../Modal/index.js';
 import '../style-inject.es-1f59c1d0.js';
 //# sourceMappingURL=index.js.map

eslib/Modal/index.d.ts

     static hasShowWarning: boolean;
     render(): false | React.ReactPortal | null;
 }
-export { Modal as default, Modal, ModalProps };
+interface ModalCMDOptions {
+    children: any;
+    container?: HTMLElement;
+    options?: {
+        mask?: true;
+    };
+}
+interface ModalCMDRecord {
+    modalInstance: HTMLElement;
+}
+declare class ModalCMD {
+    static currentModal: ModalCMDRecord[];
+    constructor();
+    private static recordModal;
+    private static delModal;
+    static show({ children, container }: ModalCMDOptions): void;
+    static hide(targetId?: string | number): void;
+}
+export { Modal as default, Modal, ModalProps, ModalCMDOptions, ModalCMDRecord, ModalCMD };

eslib/Modal/index.js

 import { _ as _typeof, a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _getPrototypeOf, e as _createClass } from '../inherits-6cb67931.js';
 import React from 'react';
-import { createPortal } from 'react-dom';
+import ReactDOM, { createPortal } from 'react-dom';
 import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
 
 function isBrowser() {
   return Modal;
 }(React.PureComponent);
 Modal.hasShowWarning = false;
+var ModalCMD =
+/*#__PURE__*/
+function () {
+  function ModalCMD() {
+    _classCallCheck(this, ModalCMD);
+
+    ModalCMD.currentModal = [];
+  }
+
+  _createClass(ModalCMD, null, [{
+    key: "recordModal",
+    value: function recordModal(record) {
+      ModalCMD.currentModal.push(record);
+    }
+  }, {
+    key: "delModal",
+    value: function delModal() {
+      return ModalCMD.currentModal.pop();
+    }
+  }, {
+    key: "show",
+    value: function show(_ref) {
+      var children = _ref.children,
+          container = _ref.container;
+      var modalInstance = document.createElement("div");
+      var targetMountDom = container ? container : document.body;
+      targetMountDom.appendChild(modalInstance);
+      ReactDOM.render(React.createElement(React.Fragment, null, React.createElement("div", {
+        style: {
+          position: "fixed",
+          top: 0,
+          bottom: 0,
+          left: 0,
+          right: 0,
+          zIndex: 1000
+        }
+      }, React.createElement("div", {
+        style: {
+          position: "absolute",
+          top: 0,
+          bottom: 0,
+          left: 0,
+          right: 0,
+          background: "rgba(0,0,0,1)",
+          opacity: 0.6,
+          zIndex: -1
+        },
+        onClick: function onClick() {
+          ModalCMD.hide(ModalCMD.currentModal.length);
+        }
+      }), React.createElement("div", {
+        style: {
+          position: "absolute",
+          top: "50%",
+          left: "50%",
+          transform: "translate(-50%, -50%)"
+        }
+      }, children))), modalInstance);
+      this.recordModal({
+        modalInstance: modalInstance
+      });
+    }
+  }, {
+    key: "hide",
+    value: function hide(targetId) {
+      var popModalRecord = this.delModal();
+
+      if (popModalRecord && popModalRecord.modalInstance) {
+        ReactDOM.unmountComponentAtNode(popModalRecord.modalInstance);
+        var parentNode = popModalRecord.modalInstance.parentNode;
+        parentNode && parentNode.removeChild(popModalRecord.modalInstance);
+      }
+    }
+  }]);
+
+  return ModalCMD;
+}();
+ModalCMD.currentModal = [];
 
 export default Modal;
-export { Modal };
+export { Modal, ModalCMD };
 //# sourceMappingURL=index.js.map

eslib/Payment/index.d.ts

 export { default as WaitPayInfoView } from "../WaitPayInfoView/index";
 export { default as AllocWantedModal } from "../AllocWantedModal/index";
 export { default as WantedPublishPopover } from "../WantedPublishPopover/index";
-export { default as WantedPublishView } from "../WantedPublishView/index";
+export { default as WantedPublishView, WantedViewWranModel } from "../WantedPublishView/index";

eslib/Payment/index.js

 export { default as PriceOptions } from '../PriceOptions/index.js';
 export { default as WaitPayInfoView } from '../WaitPayInfoView/index.js';
 export { default as AllocWantedModal } from '../AllocWantedModal/index.js';
-export { default as WantedPublishView } from '../WantedPublishView/index.js';
+export { default as WantedPublishView, WantedViewWranModel } from '../WantedPublishView/index.js';
 export { default as WantedPublishPopover } from '../WantedPublishPopover/index.js';
+import '../WantedPublish-b91e67a7.js';
 //# sourceMappingURL=index.js.map

eslib/Payment/index.js.map

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

eslib/WaitPayInfoView/index.d.ts

 /// <reference types="react" />
-import { Component } from 'react';
+import { Component } from "react";
 interface Props {
     onClickPayed?: Function;
     onClickProblem?: Function;

eslib/WaitPayInfoView/index.js

         className: styles.btn_default,
         size: "small",
         style: {
-          marginLeft: '16px'
+          marginLeft: "16px"
         },
         onClick: function onClick() {
           onClickProblem && onClickProblem();

eslib/WantedPublish-b91e67a7.d.ts

+import { Component } from "react";
+interface WatnedPublishBaseP {
+    inputWantedRange?: [number, number];
+    handleConfirm?: Function;
+    currentWanted?: string | number | null;
+    viewConfig?: {
+        showInputWantedClear?: boolean;
+        viewTextOptions?: {
+            viewTitle: string;
+            imgLabelBottom: string;
+            inputTipTop: string;
+            numberSuffix: string;
+            inputTipBottom: string;
+            clearModalTitle?: string;
+            clearModalTip?: string;
+        };
+    };
+}
+declare class WatnedPublishBase<T extends WatnedPublishBaseP, S> extends Component<T, S> {
+    formatCurrentWanted: (value: string | number | null) => string | number | null;
+    formatResult: (value: string | number | null) => string | null;
+}
+export { WatnedPublishBaseP, WatnedPublishBase };

eslib/WantedPublish-b91e67a7.js

+import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _getPrototypeOf } from './inherits-6cb67931.js';
+import { Component } from 'react';
+
+var WatnedPublishBase =
+/*#__PURE__*/
+function (_Component) {
+  _inherits(WatnedPublishBase, _Component);
+
+  function WatnedPublishBase() {
+    var _this;
+
+    _classCallCheck(this, WatnedPublishBase);
+
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(WatnedPublishBase).apply(this, arguments));
+
+    _this.formatCurrentWanted = function (value) {
+      var _this$props$inputWant = _this.props.inputWantedRange,
+          inputWantedRange = _this$props$inputWant === void 0 ? [5, 10000] : _this$props$inputWant;
+      if (!value) return null;
+      var result;
+      result = value;
+
+      if (parseInt("".concat(value), 10) === value) {
+        result = Number(value);
+      }
+
+      if (!result) return null;
+      if (result > inputWantedRange[1]) result = inputWantedRange[1];
+      if (result < inputWantedRange[0]) result = inputWantedRange[0];
+      return result;
+    };
+
+    _this.formatResult = function (value) {
+      if (!value) return null;
+      return Number(value).toFixed(2);
+    };
+
+    return _this;
+  }
+
+  return WatnedPublishBase;
+}(Component);
+
+export { WatnedPublishBase as W };
+//# sourceMappingURL=WantedPublish-b91e67a7.js.map

eslib/WantedPublish-b91e67a7.js.map

+{"version":3,"file":"WantedPublish-b91e67a7.js","sources":["../src/components/Payment/BaseClassComponents/WantedPublish.tsx"],"sourcesContent":["import React, { Component } from \"react\";\n\nexport interface WatnedPublishBaseP {\n  inputWantedRange?: [number, number];\n  handleConfirm?: Function;\n  currentWanted?: string | number | null;\n  viewConfig?: {\n    showInputWantedClear?: boolean;\n    viewTextOptions?: {\n      viewTitle: string;\n      imgLabelBottom: string;\n      inputTipTop: string;\n      numberSuffix: string;\n      inputTipBottom: string;\n      clearModalTitle?: string;\n      clearModalTip?: string;\n    };\n  };\n}\n\nexport class WatnedPublishBase<\n  T extends WatnedPublishBaseP,\n  S\n> extends Component<T, S> {\n  formatCurrentWanted = (\n    value: string | number | null\n  ): string | number | null => {\n    const { inputWantedRange = [5, 10000] } = this.props;\n    if (!value) return null;\n    let result: string | number;\n    result = value;\n    if (parseInt(`${value}`, 10) === value) {\n      // 无小数判断\n      result = Number(value);\n    }\n    if (!result) return null;\n    if (result > inputWantedRange[1]) result = inputWantedRange[1];\n    if (result < inputWantedRange[0]) result = inputWantedRange[0];\n    return result;\n  };\n\n  formatResult = (value: string | number | null) => {\n    if (!value) return null;\n    return Number(value).toFixed(2);\n  };\n}\n"],"names":["WatnedPublishBase","formatCurrentWanted","value","_this","props","inputWantedRange","result","parseInt","Number","formatResult","toFixed","Component"],"mappings":";;;IAoBaA,iBAAb;AAAA;AAAA,oBAAA;;;+BAAA;;;;;;;UAIEC,sBAAsB,UACpBC,KADoB,EAEM;kCACgBC,MAAKC,KAAL,CAAlCC;UAAAA,gBADkB,sCACC,CAAC,CAAD,EAAI,KAAJ;UACvB,CAACH,OAAO,OAAO,IAAP;UACRI;AACJA,MAAAA,MAAM,GAAGJ,KAAT;;UACIK,QAAQ,WAAIL,MAAJ,EAAa,EAAb,CAAR,KAA6BA,OAAO;AAEtCI,QAAAA,MAAM,GAAGE,MAAM,CAACN,KAAD,CAAf;;;UAEE,CAACI,QAAQ,OAAO,IAAP;UACTA,MAAM,GAAGD,gBAAgB,CAAC,CAAD,GAAKC,MAAM,GAAGD,gBAAgB,CAAC,CAAD,CAAzB;UAC9BC,MAAM,GAAGD,gBAAgB,CAAC,CAAD,GAAKC,MAAM,GAAGD,gBAAgB,CAAC,CAAD,CAAzB;aAC3BC;AAdT;;UAiBAG,eAAe,UAACP,KAAD,EAAkC;UAC3C,CAACA,OAAO,OAAO,IAAP;aACLM,MAAM,CAACN,KAAD,CAAN,CAAcQ,OAAd,CAAsB,CAAtB;AAFT;;;;;;CArBF,CAGUC,SAHV;;;;"}

eslib/WantedPublishModal/index.d.ts

 /// <reference types="react" />
-import { Component } from "react";
+import React from "react";
 import { ModalProps } from "../Modal/index";
-interface WantedPublishModalProps {
+import { WatnedPublishBase, WatnedPublishBaseP } from "../WantedPublish-b91e67a7";
+interface WantedPublishModalProps extends WatnedPublishBaseP {
     modalConfig?: ModalProps;
-    handleConfirm?: Function;
 }
 interface WantedPublishModalState {
     modalVisible: boolean;
     current_wanted: number | string | null;
 }
-declare class WantedPublishModal extends Component<WantedPublishModalProps, WantedPublishModalState> {
+declare class WantedPublishModal extends WatnedPublishBase<WantedPublishModalProps, WantedPublishModalState> {
     constructor(props: WantedPublishModalProps);
-    handleModalShow: () => void;
-    handleClose: () => void;
-    handleUpdateCurrentWanted: (value: string | number | null, afterUpdate?: Function | undefined) => void;
-    clearCurrentWanted: (cb: Function) => void;
+    handleConfirmButton: (containerRef?: React.RefObject<any> | undefined) => void;
     renderMain(): JSX.Element;
     render(): JSX.Element;
 }

eslib/WantedPublishModal/index.js

 import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _getPrototypeOf, e as _createClass } from '../inherits-6cb67931.js';
-import React, { Component } from 'react';
+import React from 'react';
 import 'react-dom';
 import Modal from '../Modal/index.js';
 import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
 import '../index-c9837619.js';
 import 'antd';
 import WantedPublishView from '../WantedPublishView/index.js';
+import { W as WatnedPublishBase } from '../WantedPublish-b91e67a7.js';
 
 var css = ".WantedPublishModal_modalBg__3OlNh {\n  background: white;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n  padding: 16px;\n  text-align: center;\n  border-radius: 4px;\n}\n";
 var styles = {
 
 var WantedPublishModal =
 /*#__PURE__*/
-function (_Component) {
-  _inherits(WantedPublishModal, _Component);
+function (_WatnedPublishBase) {
+  _inherits(WantedPublishModal, _WatnedPublishBase);
 
   function WantedPublishModal(props) {
     var _this;
 
     _this = _possibleConstructorReturn(this, _getPrototypeOf(WantedPublishModal).call(this, props));
 
-    _this.handleModalShow = function () {};
-
-    _this.handleClose = function () {
+    _this.handleConfirmButton = function (containerRef) {
       var handleConfirm = _this.props.handleConfirm;
 
       if (handleConfirm) {
-        _this.handleUpdateCurrentWanted(_this.state.current_wanted, function (value) {
-          handleConfirm(Number(value).toFixed(2));
-        });
-      }
-
-      _this.setState({
-        modalVisible: false
-      });
-    };
-
-    _this.handleUpdateCurrentWanted = function (value, afterUpdate) {
-      if (!value) return;
-      var result;
-      result = value;
+        var value = _this.formatCurrentWanted(_this.state.current_wanted);
 
-      if (parseInt("".concat(value), 10) === value) {
-        result = Number(value);
+        handleConfirm(value ? Number(value).toFixed(2) : value);
       }
 
-      if (!result) return;
-      if (result > 10000) result = 10000;
-      if (result < 5) result = 5;
-
-      _this.setState({
-        current_wanted: result
-      }, function () {
-        return afterUpdate && afterUpdate(result);
-      });
-    };
-
-    _this.clearCurrentWanted = function (cb) {
       _this.setState({
-        current_wanted: null
-      }, function () {
-        return cb();
+        modalVisible: false
       });
     };
 
       var _this2 = this;
 
       var current_wanted = this.state.current_wanted;
-      return React.createElement(WantedPublishView, {
+      return React.createElement(WantedPublishView, Object.assign({
         wrapperClass: styles.modalBg,
         current_wanted: current_wanted,
         InputWantedValueChange: function InputWantedValueChange(v) {
           });
         },
         InputWantedPressEnter: function InputWantedPressEnter(v) {
-          return _this2.handleUpdateCurrentWanted(v, _this2.handleClose);
+          var value = _this2.formatCurrentWanted(v);
+
+          if (_this2.props.handleConfirm) _this2.props.handleConfirm(_this2.formatResult(value));
+
+          _this2.setState({
+            current_wanted: value,
+            modalVisible: false
+          });
         },
         InputWantedOnBlur: function InputWantedOnBlur(v) {
-          return _this2.handleUpdateCurrentWanted(v);
+          var value = _this2.formatCurrentWanted(v);
+
+          if (_this2.props.handleConfirm) _this2.props.handleConfirm(_this2.formatResult(value));
+
+          _this2.setState({
+            current_wanted: value
+          });
         },
         InputWantedClear: function InputWantedClear() {
-          return _this2.clearCurrentWanted(_this2.handleClose);
+          _this2.setState({
+            current_wanted: null
+          }, function () {
+            if (_this2.props.handleConfirm) _this2.props.handleConfirm(null);
+
+            _this2.setState({
+              modalVisible: false
+            });
+          });
         },
-        CloseFunction: this.handleClose
-      });
+        InputWantedConfirm: this.handleConfirmButton
+      }, this.props.viewConfig));
     }
   }, {
     key: "render",
         }
       }, this.props.children), React.createElement(Modal, Object.assign({
         visible: this.state.modalVisible,
-        onCancel: this.handleClose
+        onCancel: function onCancel() {
+          _this3.setState({
+            modalVisible: false
+          });
+        }
       }, this.props.modalConfig), this.renderMain()));
     }
   }]);
 
   return WantedPublishModal;
-}(Component);
+}(WatnedPublishBase);
 
 export default WantedPublishModal;
 export { WantedPublishModal };

eslib/WantedPublishPopover/index.d.ts

 /// <reference types="react" />
 import React from "react";
 import { PopoverProps } from "antd/lib/popover";
-interface WantedPublishPopoverProp {
+import { WatnedPublishBase, WatnedPublishBaseP } from "../WantedPublish-b91e67a7";
+interface WantedPublishPopoverProp extends WatnedPublishBaseP {
     popoverConfig?: PopoverProps;
-    handleConfirm?: Function;
 }
 interface WantedPublishPopoverState {
     visible: boolean;
     current_wanted: number | string | null;
 }
-declare class WantedPublishPopover extends React.Component<WantedPublishPopoverProp, WantedPublishPopoverState> {
+declare class WantedPublishPopover extends WatnedPublishBase<WantedPublishPopoverProp, WantedPublishPopoverState> {
     constructor(props: WantedPublishPopoverProp);
-    handleClose: () => void;
-    clearCurrentWanted: (cb: Function) => void;
-    handleUpdateCurrentWanted: (value: string | number | null, afterUpdate?: Function | undefined) => void;
+    handleConfirmButton: (containerRef?: React.RefObject<any> | undefined) => void;
     renderInitView(): JSX.Element;
     render(): JSX.Element;
 }

eslib/WantedPublishPopover/index.js

 import { a as _inherits, b as _classCallCheck, c as _possibleConstructorReturn, d as _getPrototypeOf, e as _createClass } from '../inherits-6cb67931.js';
 import React from 'react';
+import 'react-dom';
+import '../Modal/index.js';
 import { s as styleInject } from '../style-inject.es-1f59c1d0.js';
 import '../defineProperty-18999f8e.js';
 import '../_commonjsHelpers-97e6d7b1.js';
 import '../index-c9837619.js';
 import { Popover } from 'antd';
 import WantedPublishView from '../WantedPublishView/index.js';
+import { W as WatnedPublishBase } from '../WantedPublish-b91e67a7.js';
 
 var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAFNElEQVRYR82Yf0jcdRjH33enp1NbTQ3FdKhTY64hTTsURc6keQeSqIPSQJIiMHM3zj8ST/BE/And+c8wmSSMomHl4EaaP2aeuq/R1MwrraEgLVbLXcvpReY847l9v3I7774/LKUHjuN79/k8z+v7+fG8n89Hhv+pyf4F1xEAxwE8BSAIQDAAPwB/AnCwnzsAVgHsSI0jFcwfwEkA8QAiRAYj0BUACwDsIvtALJgcwLMA0tjREevfs90tADcBbAg5EAN2FEAegFAhZyL/3wYwBeB7vvZCYFEAzgIIEBlUSjMCYwA4vXXiA6N1lAuApvGg7DaAL7zB+QILB1DA7rKDguL80shNegbxBkZbv4jd/gcNxfmfYHftbjxvYDR9CYdFxMahDfExm/tcP3mC0RQWHzIUF+5HAGPcgydYPoBn+MCSk5ODm5ubs4qKigadTq8b6rHuFRUVcYmJicf0ev2swAuTOnwC4L7niD0J4FW+zvHx8YEMw+gjIiKOz8zM3MjIyPhwa2vLp9xUV1cntra2VioUCv+WlpYug8EwLwD3HYAbnmApANL5OlZVVZ0wm806hUKhpHbz8/Nfq1Sqns3NzT1wdXV1J41GYwXXdnZ2lklNTb0sAEaK8JEnGKWHSKH1xY2Cn59fILVdXFz8RqVSXdrY2Nid16amptM1NTVvyeVy0laIGV23uJ+SpnJrTAHgTSEo7v/Kyso4k8l0XqlUUoWBpaUlW3p6epfdbn9oMpnO6HS6N+RyOfnE1NTUWFZW1hUx65H1T3I1z4E9AaBULBi1Ky8vj+ns7NQFBASE0PPKysqi1WqdKSsrK5XJZC61sFqtw2q1+jMpfgmK3ocDoymkqZRkJSUlUd3d3ReCgoJI6B+zwcHBzzUazTVJDh81XgJwnQOLY8Vasp+CgoKI3t7ed5VKJSmGy4aGhvrz8vIskp096kDF5TUOjCpR7X4c9fX1nS0sLCQJ27XV1dXbubm5HTabjSpZqfYTgAEOLAzAOake+vv787VaLSVlsh2Hw/EgODiY8iHsdvsdjUbTMT09/UCi3x9oeXJgtLvKpDgYHR0tzMnJoQISOzs7zq6urss9PT0LAwMDF0JDQ6mOw9ra2t38/Hzz5OTkHxJ8k0Lc5MDo+3UArsTJZ3K5HOPj469kZmbmsFDbHR0dH+j1+hl6TklJCRkZGdGFh4fH0PP6+vq94uJi8/DwsNh6/0sAt9y18kUAiXxQ/v7+MoZhXktLS8uidk6n82FbW9ul2trab937JSUlBVmt1vORkZGx9LvD4bhfWlpqtlgsvwm8NykIqcNf7mBUsb7E19FoNJ6qr6+vojbb29t/NzY2vt/Q0ECnnz0WGxsbODEx8U50dLSrhFpeXrYlJCRcFAD7BYBrN7uDkXzQOqOzoU+zWCwarVarNRgMF9vb2+nU49OioqKUDMO8HRIScjQ7O/u9hYUFoV1KZwCbJxg9vwDgjNA6U6vVx8bGxlzliZCFhYX5xcTEHJmbm1sXaEvnzysAtryB0eIvAeAS6EO2caoJuJjeSutTAFyL+xDtdwCkqbsViq9T0mHW/ZsArlLacx8IX2C0AV4G8PQBjxqlh34AP3vG4TvwkihrDhCOTkZ0+KBqYo8JXRHQyKkBnPiPR4524CAAnwlXCIzjOc3e9AhKlogXoCspOnnz5jSxYBSPLlaeB/AcAFfZLNHuAvgKwK9i+kkB4/xRjqP6jXSQhJpPKUi4aYToc08MEF8ek9KfRo675qRv7qqTu+6kVLAv28+I7SuQ1E7/AHTQdDZ7M6+KAAAAAElFTkSuQmCC";
 
 
 var WantedPublishPopover =
 /*#__PURE__*/
-function (_React$Component) {
-  _inherits(WantedPublishPopover, _React$Component);
+function (_WatnedPublishBase) {
+  _inherits(WantedPublishPopover, _WatnedPublishBase);
 
   function WantedPublishPopover(props) {
     var _this;
 
     _this = _possibleConstructorReturn(this, _getPrototypeOf(WantedPublishPopover).call(this, props));
 
-    _this.handleClose = function () {
+    _this.handleConfirmButton = function (containerRef) {
       var handleConfirm = _this.props.handleConfirm;
 
       if (handleConfirm) {
-        _this.handleUpdateCurrentWanted(_this.state.current_wanted, function (value) {
-          handleConfirm(Number(value).toFixed(2));
-        });
-      }
-
-      _this.setState({
-        visible: false
-      });
-    };
-
-    _this.clearCurrentWanted = function (cb) {
-      _this.setState({
-        current_wanted: null
-      }, function () {
-        return cb();
-      });
-    };
-
-    _this.handleUpdateCurrentWanted = function (value, afterUpdate) {
-      if (!value) return;
-      var result;
-      result = value;
+        var value = _this.formatCurrentWanted(_this.state.current_wanted);
 
-      if (parseInt("".concat(value), 10) === value) {
-        result = Number(value);
+        handleConfirm(_this.formatResult(value), containerRef);
       }
 
-      if (!result) return;
-      if (result > 10000) result = 10000;
-      if (result < 5) result = 5;
-
       _this.setState({
-        current_wanted: result
-      }, function () {
-        return afterUpdate && afterUpdate(result);
+        visible: false
       });
     };
 
       var _this2 = this;
 
       var current_wanted = this.state.current_wanted;
-      return React.createElement(WantedPublishView, {
+      return React.createElement(WantedPublishView, Object.assign({
         type: "pop",
         current_wanted: current_wanted,
         InputWantedValueChange: function InputWantedValueChange(v) {
           });
         },
         InputWantedPressEnter: function InputWantedPressEnter(v) {
-          return _this2.handleUpdateCurrentWanted(v, _this2.handleClose);
+          var value = _this2.formatCurrentWanted(v);
+
+          if (_this2.props.handleConfirm) _this2.props.handleConfirm(_this2.formatResult(value));
+
+          _this2.setState({
+            current_wanted: value,
+            visible: false
+          });
         },
         InputWantedOnBlur: function InputWantedOnBlur(v) {
-          return _this2.handleUpdateCurrentWanted(v);
+          var value = _this2.formatCurrentWanted(v);
+
+          _this2.setState({
+            current_wanted: value
+          });
         },
         InputWantedClear: function InputWantedClear() {
-          return _this2.clearCurrentWanted(_this2.handleClose);
+          _this2.setState({
+            current_wanted: null
+          }, function () {
+            if (_this2.props.handleConfirm) _this2.props.handleConfirm(null);
+
+            _this2.setState({
+              visible: false
+            });
+          });
         },
-        CloseFunction: this.handleClose
-      });
+        InputWantedConfirm: this.handleConfirmButton
+      }, this.props.viewConfig));
     }
   }, {
     key: "render",
       var _this$props = this.props,
           children = _this$props.children,
           _this$props$popoverCo = _this$props.popoverConfig,
-          popoverConfig = _this$props$popoverCo === void 0 ? {} : _this$props$popoverCo;
+          popoverConfig = _this$props$popoverCo === void 0 ? {} : _this$props$popoverCo,
+          currentWanted = _this$props.currentWanted;
       return React.createElement(Popover, Object.assign({
         placement: "left",
         trigger: "click",
         visible: this.state.visible,
         onVisibleChange: function onVisibleChange(value) {
-          if (!value) {
-            _this3.handleClose();
+          if (value && currentWanted) {
+            _this3.setState({
+              current_wanted: +currentWanted
+            });
           }
 
           _this3.setState({
           className: styles.closeBtnWrapper
         }, React.createElement("div", {
           className: styles.closeBtn,
-          onClick: this.handleClose
+          onClick: function onClick() {
+            _this3.setState({
+              visible: false
+            });
+          }
         }, React.createElement("img", {
           src: img,
           alt: "close wanted button"
   }]);
 
   return WantedPublishPopover;
-}(React.Component);
+}(WatnedPublishBase);
 
 export default WantedPublishPopover;
 export { WantedPublishPopover };

eslib/WantedPublishView/index.d.ts

 /// <reference types="react" />
-import React from 'react';
+import React from "react";
 interface WantedPublishViewProps {
-    type?: 'pop' | 'modal';
+    type?: "pop" | "modal";
     wrapperClass?: string;
     current_wanted: number | string | null;
+    showInputWantedClear?: boolean;
+    viewTextOptions?: {
+        viewTitle: string;
+        imgLabelBottom: string;
+        inputTipTop: string;
+        numberSuffix: string;
+        inputTipBottom: string;
+    };
     InputWantedValueChange: Function;
     InputWantedPressEnter: Function;
     InputWantedOnBlur: Function;
     InputWantedClear: Function;
-    CloseFunction: Function;
+    InputWantedConfirm: Function;
 }
 interface WantedPublishViewState {
     payment?: number;
 }
 declare class WantedPublishView extends React.Component<WantedPublishViewProps, WantedPublishViewState> {
+    private containerRef;
     constructor(props: WantedPublishViewProps);
+    componentWillUnmount(): void;
     render(): JSX.Element;
 }
-export { WantedPublishView as default };
+declare function WantedViewWranModel({ refMount, actionConfirm, actionCancel, viewTextOptions }: {
+    refMount: any;
+    actionConfirm: any;
+    actionCancel: any;
+    viewTextOptions?: {
+        warnModalTitle?: string;
+        warnModalTip?: string;
+    };
+}): void;
+export { WantedPublishView as default, WantedViewWranModel };

eslib/index.js

 import './inherits-6cb67931.js';
 import 'react';
 import 'react-dom';
-export { default as Modal } from './Modal/index.js';
+export { default as Modal, ModalCMD } from './Modal/index.js';
 import './style-inject.es-1f59c1d0.js';
 import './defineProperty-18999f8e.js';
 import './_commonjsHelpers-97e6d7b1.js';
 export { default as PriceOptions } from './PriceOptions/index.js';
 export { default as WaitPayInfoView } from './WaitPayInfoView/index.js';
 export { default as AllocWantedModal } from './AllocWantedModal/index.js';
-export { default as WantedPublishView } from './WantedPublishView/index.js';
+export { default as WantedPublishView, WantedViewWranModel } from './WantedPublishView/index.js';
 export { default as WantedPublishPopover } from './WantedPublishPopover/index.js';
+import './WantedPublish-b91e67a7.js';
 //# sourceMappingURL=index.js.map

eslib/index.js.map

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

lib/BraftEditor/index.js

 
 var React = require('react');
 var React__default = _interopDefault(React);
-var reactDom = require('react-dom');
-var reactDom__default = _interopDefault(reactDom);
+var ReactDOM = require('react-dom');
+var ReactDOM__default = _interopDefault(ReactDOM);
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 var _commonjsHelpers = require('../_commonjsHelpers-72d386ba.js');
 var slicedToArray = require('../slicedToArray-172f4624.js');
   }
 
   DraftEditorTextNode.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
-    var node = reactDom__default.findDOMNode(this);
+    var node = ReactDOM__default.findDOMNode(this);
     var shouldBeNewline = nextProps.children === '';
     !(node instanceof Element) ? process.env.NODE_ENV !== 'production' ? invariant_1(false, 'node is not an Element') : invariant_1(false) : void 0;
     if (shouldBeNewline) {
     // Determine the appropriate target node for selection. If the child
     // is not a text node, it is a <br /> spacer. In this case, use the
     // <span> itself as the selection target.
-    var node = reactDom__default.findDOMNode(this);
+    var node = ReactDOM__default.findDOMNode(this);
     !node ? process.env.NODE_ENV !== 'production' ? invariant_1(false, 'Missing node') : invariant_1(false) : void 0;
     var child = node.firstChild;
     !child ? process.env.NODE_ENV !== 'production' ? invariant_1(false, 'Missing child') : invariant_1(false) : void 0;
    */
 
   DraftEditorLeaf.prototype.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
-    var leafNode = reactDom__default.findDOMNode(this.leaf);
+    var leafNode = ReactDOM__default.findDOMNode(this.leaf);
     !leafNode ? process.env.NODE_ENV !== 'production' ? invariant_1(false, 'Missing leafNode') : invariant_1(false) : void 0;
     return leafNode.textContent !== nextProps.text || nextProps.styleSet !== this.props.styleSet || nextProps.forceSelection;
   };
       return;
     }
 
-    var blockNode = reactDom__default.findDOMNode(this);
+    var blockNode = ReactDOM__default.findDOMNode(this);
     var scrollParent = Style_1.getScrollParent(blockNode);
     var scrollPosition = getScrollPosition_1(scrollParent);
     var scrollDelta = void 0;
   }
 
   var editorState = editor.props.editorState;
-  var editorNode = reactDom__default.findDOMNode(editor.editorContainer);
+  var editorNode = ReactDOM__default.findDOMNode(editor.editorContainer);
   !editorNode ? process.env.NODE_ENV !== 'production' ? invariant_1(false, 'Missing editorNode') : invariant_1(false) : void 0;
   !(editorNode.firstChild instanceof HTMLElement) ? process.env.NODE_ENV !== 'production' ? invariant_1(false, 'editorNode.firstChild is not an HTMLElement') : invariant_1(false) : void 0;
   var documentSelection = getDraftEditorSelection_1(editorState, editorNode.firstChild);
       var editorState = _this.props.editorState;
 
       var alreadyHasFocus = editorState.getSelection().getHasFocus();
-      var editorNode = reactDom__default.findDOMNode(_this.editor);
+      var editorNode = ReactDOM__default.findDOMNode(_this.editor);
 
       if (!editorNode) {
         // once in a while people call 'focus' in a setTimeout, and the node has
     };
 
     _this.blur = function () {
-      var editorNode = reactDom__default.findDOMNode(_this.editor);
+      var editorNode = ReactDOM__default.findDOMNode(_this.editor);
       !(editorNode instanceof HTMLElement) ? process.env.NODE_ENV !== 'production' ? invariant_1(false, 'editorNode is not an HTMLElement') : invariant_1(false) : void 0;
       editorNode.blur();
     };
 
 var dist$3 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
 (function webpackUniversalModuleDefinition(root, factory) {
-	module.exports = factory(React__default, dist$1, Draft, immutable$1, dist, reactDom__default, dist$2, draftjsUtils);
+	module.exports = factory(React__default, dist$1, Draft, immutable$1, dist, ReactDOM__default, dist$2, draftjsUtils);
 })(window, function(__WEBPACK_EXTERNAL_MODULE__0__, __WEBPACK_EXTERNAL_MODULE__3__, __WEBPACK_EXTERNAL_MODULE__6__, __WEBPACK_EXTERNAL_MODULE__13__, __WEBPACK_EXTERNAL_MODULE__14__, __WEBPACK_EXTERNAL_MODULE__16__, __WEBPACK_EXTERNAL_MODULE__17__, __WEBPACK_EXTERNAL_MODULE__23__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache

lib/Common/index.d.ts

-export { default as Modal } from "../Modal/index";
+export { default as Modal, ModalCMD } from "../Modal/index";

lib/Common/index.js

 
 
 exports.Modal = Modal.default;
+exports.ModalCMD = Modal.ModalCMD;
 //# sourceMappingURL=index.js.map

lib/Common/index.js.map

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

lib/Modal/index.d.ts

     static hasShowWarning: boolean;
     render(): false | React.ReactPortal | null;
 }
-export { Modal as default, Modal, ModalProps };
+interface ModalCMDOptions {
+    children: any;
+    container?: HTMLElement;
+    options?: {
+        mask?: true;
+    };
+}
+interface ModalCMDRecord {
+    modalInstance: HTMLElement;
+}
+declare class ModalCMD {
+    static currentModal: ModalCMDRecord[];
+    constructor();
+    private static recordModal;
+    private static delModal;
+    static show({ children, container }: ModalCMDOptions): void;
+    static hide(targetId?: string | number): void;
+}
+export { Modal as default, Modal, ModalProps, ModalCMDOptions, ModalCMDRecord, ModalCMD };

lib/Modal/index.js

 var inherits = require('../inherits-c86d64c1.js');
 var React = require('react');
 var React__default = _interopDefault(React);
-var reactDom = require('react-dom');
-var reactDom__default = _interopDefault(reactDom);
+var ReactDOM = require('react-dom');
+var ReactDOM__default = _interopDefault(ReactDOM);
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 
 function isBrowser() {
         finalMountContainer = container;
       }
 
-      return visible && reactDom.createPortal(React__default.createElement("div", {
+      return visible && ReactDOM.createPortal(React__default.createElement("div", {
         className: styles.wrapper
       }, React__default.createElement("div", {
         className: styles.overlay,
   return Modal;
 }(React__default.PureComponent);
 Modal.hasShowWarning = false;
+var ModalCMD =
+/*#__PURE__*/
+function () {
+  function ModalCMD() {
+    inherits._classCallCheck(this, ModalCMD);
+
+    ModalCMD.currentModal = [];
+  }
+
+  inherits._createClass(ModalCMD, null, [{
+    key: "recordModal",
+    value: function recordModal(record) {
+      ModalCMD.currentModal.push(record);
+    }
+  }, {
+    key: "delModal",
+    value: function delModal() {
+      return ModalCMD.currentModal.pop();
+    }
+  }, {
+    key: "show",
+    value: function show(_ref) {
+      var children = _ref.children,
+          container = _ref.container;
+      var modalInstance = document.createElement("div");
+      var targetMountDom = container ? container : document.body;
+      targetMountDom.appendChild(modalInstance);
+      ReactDOM__default.render(React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+        style: {
+          position: "fixed",
+          top: 0,
+          bottom: 0,
+          left: 0,
+          right: 0,
+          zIndex: 1000
+        }
+      }, React__default.createElement("div", {
+        style: {
+          position: "absolute",
+          top: 0,
+          bottom: 0,
+          left: 0,
+          right: 0,
+          background: "rgba(0,0,0,1)",
+          opacity: 0.6,
+          zIndex: -1
+        },
+        onClick: function onClick() {
+          ModalCMD.hide(ModalCMD.currentModal.length);
+        }
+      }), React__default.createElement("div", {
+        style: {
+          position: "absolute",
+          top: "50%",
+          left: "50%",
+          transform: "translate(-50%, -50%)"
+        }
+      }, children))), modalInstance);
+      this.recordModal({
+        modalInstance: modalInstance
+      });
+    }
+  }, {
+    key: "hide",
+    value: function hide(targetId) {
+      var popModalRecord = this.delModal();
+
+      if (popModalRecord && popModalRecord.modalInstance) {
+        ReactDOM__default.unmountComponentAtNode(popModalRecord.modalInstance);
+        var parentNode = popModalRecord.modalInstance.parentNode;
+        parentNode && parentNode.removeChild(popModalRecord.modalInstance);
+      }
+    }
+  }]);
+
+  return ModalCMD;
+}();
+ModalCMD.currentModal = [];
 
 exports.Modal = Modal;
+exports.ModalCMD = ModalCMD;
 exports.default = Modal;
 //# sourceMappingURL=index.js.map

lib/Payment/index.d.ts

 export { default as WaitPayInfoView } from "../WaitPayInfoView/index";
 export { default as AllocWantedModal } from "../AllocWantedModal/index";
 export { default as WantedPublishPopover } from "../WantedPublishPopover/index";
-export { default as WantedPublishView } from "../WantedPublishView/index";
+export { default as WantedPublishView, WantedViewWranModel } from "../WantedPublishView/index";

lib/Payment/index.js

 var AllocWantedModal = require('../AllocWantedModal/index.js');
 var WantedPublishView = require('../WantedPublishView/index.js');
 var WantedPublishPopover = require('../WantedPublishPopover/index.js');
+require('../WantedPublish-761aab8e.js');
 
 
 
 exports.WaitPayInfoView = WaitPayInfoView.default;
 exports.AllocWantedModal = AllocWantedModal.default;
 exports.WantedPublishView = WantedPublishView.default;
+exports.WantedViewWranModel = WantedPublishView.WantedViewWranModel;
 exports.WantedPublishPopover = WantedPublishPopover.default;
 //# sourceMappingURL=index.js.map

lib/Payment/index.js.map

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

lib/WaitPayInfoView/index.d.ts

 /// <reference types="react" />
-import { Component } from 'react';
+import { Component } from "react";
 interface Props {
     onClickPayed?: Function;
     onClickProblem?: Function;

lib/WaitPayInfoView/index.js

         className: styles.btn_default,
         size: "small",
         style: {
-          marginLeft: '16px'
+          marginLeft: "16px"
         },
         onClick: function onClick() {
           onClickProblem && onClickProblem();

lib/WantedPublish-761aab8e.d.ts

+import { Component } from "react";
+interface WatnedPublishBaseP {
+    inputWantedRange?: [number, number];
+    handleConfirm?: Function;
+    currentWanted?: string | number | null;
+    viewConfig?: {
+        showInputWantedClear?: boolean;
+        viewTextOptions?: {
+            viewTitle: string;
+            imgLabelBottom: string;
+            inputTipTop: string;
+            numberSuffix: string;
+            inputTipBottom: string;
+            clearModalTitle?: string;
+            clearModalTip?: string;
+        };
+    };
+}
+declare class WatnedPublishBase<T extends WatnedPublishBaseP, S> extends Component<T, S> {
+    formatCurrentWanted: (value: string | number | null) => string | number | null;
+    formatResult: (value: string | number | null) => string | null;
+}
+export { WatnedPublishBaseP, WatnedPublishBase };

lib/WantedPublish-761aab8e.js

+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var inherits = require('./inherits-c86d64c1.js');
+var React = require('react');
+var React__default = _interopDefault(React);
+
+var WatnedPublishBase =
+/*#__PURE__*/
+function (_Component) {
+  inherits._inherits(WatnedPublishBase, _Component);
+
+  function WatnedPublishBase() {
+    var _this;
+
+    inherits._classCallCheck(this, WatnedPublishBase);
+
+    _this = inherits._possibleConstructorReturn(this, inherits._getPrototypeOf(WatnedPublishBase).apply(this, arguments));
+
+    _this.formatCurrentWanted = function (value) {
+      var _this$props$inputWant = _this.props.inputWantedRange,
+          inputWantedRange = _this$props$inputWant === void 0 ? [5, 10000] : _this$props$inputWant;
+      if (!value) return null;
+      var result;
+      result = value;
+
+      if (parseInt("".concat(value), 10) === value) {
+        result = Number(value);
+      }
+
+      if (!result) return null;
+      if (result > inputWantedRange[1]) result = inputWantedRange[1];
+      if (result < inputWantedRange[0]) result = inputWantedRange[0];
+      return result;
+    };
+
+    _this.formatResult = function (value) {
+      if (!value) return null;
+      return Number(value).toFixed(2);
+    };
+
+    return _this;
+  }
+
+  return WatnedPublishBase;
+}(React.Component);
+
+exports.WatnedPublishBase = WatnedPublishBase;
+//# sourceMappingURL=WantedPublish-761aab8e.js.map

lib/WantedPublish-761aab8e.js.map

+{"version":3,"file":"WantedPublish-b91e67a7.js","sources":["../src/components/Payment/BaseClassComponents/WantedPublish.tsx"],"sourcesContent":["import React, { Component } from \"react\";\n\nexport interface WatnedPublishBaseP {\n  inputWantedRange?: [number, number];\n  handleConfirm?: Function;\n  currentWanted?: string | number | null;\n  viewConfig?: {\n    showInputWantedClear?: boolean;\n    viewTextOptions?: {\n      viewTitle: string;\n      imgLabelBottom: string;\n      inputTipTop: string;\n      numberSuffix: string;\n      inputTipBottom: string;\n      clearModalTitle?: string;\n      clearModalTip?: string;\n    };\n  };\n}\n\nexport class WatnedPublishBase<\n  T extends WatnedPublishBaseP,\n  S\n> extends Component<T, S> {\n  formatCurrentWanted = (\n    value: string | number | null\n  ): string | number | null => {\n    const { inputWantedRange = [5, 10000] } = this.props;\n    if (!value) return null;\n    let result: string | number;\n    result = value;\n    if (parseInt(`${value}`, 10) === value) {\n      // 无小数判断\n      result = Number(value);\n    }\n    if (!result) return null;\n    if (result > inputWantedRange[1]) result = inputWantedRange[1];\n    if (result < inputWantedRange[0]) result = inputWantedRange[0];\n    return result;\n  };\n\n  formatResult = (value: string | number | null) => {\n    if (!value) return null;\n    return Number(value).toFixed(2);\n  };\n}\n"],"names":["WatnedPublishBase","formatCurrentWanted","value","_this","props","inputWantedRange","result","parseInt","Number","formatResult","toFixed","Component"],"mappings":";;;;;;;;IAoBaA,iBAAb;AAAA;AAAA,oBAAA;;;+BAAA;;;;;;;UAIEC,sBAAsB,UACpBC,KADoB,EAEM;kCACgBC,MAAKC,KAAL,CAAlCC;UAAAA,gBADkB,sCACC,CAAC,CAAD,EAAI,KAAJ;UACvB,CAACH,OAAO,OAAO,IAAP;UACRI;AACJA,MAAAA,MAAM,GAAGJ,KAAT;;UACIK,QAAQ,WAAIL,MAAJ,EAAa,EAAb,CAAR,KAA6BA,OAAO;AAEtCI,QAAAA,MAAM,GAAGE,MAAM,CAACN,KAAD,CAAf;;;UAEE,CAACI,QAAQ,OAAO,IAAP;UACTA,MAAM,GAAGD,gBAAgB,CAAC,CAAD,GAAKC,MAAM,GAAGD,gBAAgB,CAAC,CAAD,CAAzB;UAC9BC,MAAM,GAAGD,gBAAgB,CAAC,CAAD,GAAKC,MAAM,GAAGD,gBAAgB,CAAC,CAAD,CAAzB;aAC3BC;AAdT;;UAiBAG,eAAe,UAACP,KAAD,EAAkC;UAC3C,CAACA,OAAO,OAAO,IAAP;aACLM,MAAM,CAACN,KAAD,CAAN,CAAcQ,OAAd,CAAsB,CAAtB;AAFT;;;;;;CArBF,CAGUC,eAHV;;;;"}

lib/WantedPublishModal/index.d.ts

 /// <reference types="react" />
-import { Component } from "react";
+import React from "react";
 import { ModalProps } from "../Modal/index";
-interface WantedPublishModalProps {
+import { WatnedPublishBase, WatnedPublishBaseP } from "../WantedPublish-761aab8e";
+interface WantedPublishModalProps extends WatnedPublishBaseP {
     modalConfig?: ModalProps;
-    handleConfirm?: Function;
 }
 interface WantedPublishModalState {
     modalVisible: boolean;
     current_wanted: number | string | null;
 }
-declare class WantedPublishModal extends Component<WantedPublishModalProps, WantedPublishModalState> {
+declare class WantedPublishModal extends WatnedPublishBase<WantedPublishModalProps, WantedPublishModalState> {
     constructor(props: WantedPublishModalProps);
-    handleModalShow: () => void;
-    handleClose: () => void;
-    handleUpdateCurrentWanted: (value: string | number | null, afterUpdate?: Function | undefined) => void;
-    clearCurrentWanted: (cb: Function) => void;
+    handleConfirmButton: (containerRef?: React.RefObject<any> | undefined) => void;
     renderMain(): JSX.Element;
     render(): JSX.Element;
 }

lib/WantedPublishModal/index.js

 require('../index-44e17595.js');
 require('antd');
 var WantedPublishView = require('../WantedPublishView/index.js');
+var WantedPublish = require('../WantedPublish-761aab8e.js');
 
 var css = ".WantedPublishModal_modalBg__3OlNh {\n  background: white;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n  padding: 16px;\n  text-align: center;\n  border-radius: 4px;\n}\n";
 var styles = {
 
 var WantedPublishModal =
 /*#__PURE__*/
-function (_Component) {
-  inherits._inherits(WantedPublishModal, _Component);
+function (_WatnedPublishBase) {
+  inherits._inherits(WantedPublishModal, _WatnedPublishBase);
 
   function WantedPublishModal(props) {
     var _this;
 
     _this = inherits._possibleConstructorReturn(this, inherits._getPrototypeOf(WantedPublishModal).call(this, props));
 
-    _this.handleModalShow = function () {};
-
-    _this.handleClose = function () {
+    _this.handleConfirmButton = function (containerRef) {
       var handleConfirm = _this.props.handleConfirm;
 
       if (handleConfirm) {
-        _this.handleUpdateCurrentWanted(_this.state.current_wanted, function (value) {
-          handleConfirm(Number(value).toFixed(2));
-        });
-      }
-
-      _this.setState({
-        modalVisible: false
-      });
-    };
-
-    _this.handleUpdateCurrentWanted = function (value, afterUpdate) {
-      if (!value) return;
-      var result;
-      result = value;
+        var value = _this.formatCurrentWanted(_this.state.current_wanted);
 
-      if (parseInt("".concat(value), 10) === value) {
-        result = Number(value);
+        handleConfirm(value ? Number(value).toFixed(2) : value);
       }
 
-      if (!result) return;
-      if (result > 10000) result = 10000;
-      if (result < 5) result = 5;
-
-      _this.setState({
-        current_wanted: result
-      }, function () {
-        return afterUpdate && afterUpdate(result);
-      });
-    };
-
-    _this.clearCurrentWanted = function (cb) {
       _this.setState({
-        current_wanted: null
-      }, function () {
-        return cb();
+        modalVisible: false
       });
     };
 
       var _this2 = this;
 
       var current_wanted = this.state.current_wanted;
-      return React__default.createElement(WantedPublishView.default, {
+      return React__default.createElement(WantedPublishView.default, Object.assign({
         wrapperClass: styles.modalBg,
         current_wanted: current_wanted,
         InputWantedValueChange: function InputWantedValueChange(v) {
           });
         },
         InputWantedPressEnter: function InputWantedPressEnter(v) {
-          return _this2.handleUpdateCurrentWanted(v, _this2.handleClose);
+          var value = _this2.formatCurrentWanted(v);
+
+          if (_this2.props.handleConfirm) _this2.props.handleConfirm(_this2.formatResult(value));
+
+          _this2.setState({
+            current_wanted: value,
+            modalVisible: false
+          });
         },
         InputWantedOnBlur: function InputWantedOnBlur(v) {
-          return _this2.handleUpdateCurrentWanted(v);
+          var value = _this2.formatCurrentWanted(v);
+
+          if (_this2.props.handleConfirm) _this2.props.handleConfirm(_this2.formatResult(value));
+
+          _this2.setState({
+            current_wanted: value
+          });
         },
         InputWantedClear: function InputWantedClear() {
-          return _this2.clearCurrentWanted(_this2.handleClose);
+          _this2.setState({
+            current_wanted: null
+          }, function () {
+            if (_this2.props.handleConfirm) _this2.props.handleConfirm(null);
+
+            _this2.setState({
+              modalVisible: false
+            });
+          });
         },
-        CloseFunction: this.handleClose
-      });
+        InputWantedConfirm: this.handleConfirmButton
+      }, this.props.viewConfig));
     }
   }, {
     key: "render",
         }
       }, this.props.children), React__default.createElement(Modal.default, Object.assign({
         visible: this.state.modalVisible,
-        onCancel: this.handleClose
+        onCancel: function onCancel() {
+          _this3.setState({
+            modalVisible: false
+          });
+        }
       }, this.props.modalConfig), this.renderMain()));
     }
   }]);
 
   return WantedPublishModal;
-}(React.Component);
+}(WantedPublish.WatnedPublishBase);
 
 exports.WantedPublishModal = WantedPublishModal;
 exports.default = WantedPublishModal;

lib/WantedPublishPopover/index.d.ts

 /// <reference types="react" />
 import React from "react";
 import { PopoverProps } from "antd/lib/popover";
-interface WantedPublishPopoverProp {
+import { WatnedPublishBase, WatnedPublishBaseP } from "../WantedPublish-761aab8e";
+interface WantedPublishPopoverProp extends WatnedPublishBaseP {
     popoverConfig?: PopoverProps;
-    handleConfirm?: Function;
 }
 interface WantedPublishPopoverState {
     visible: boolean;
     current_wanted: number | string | null;
 }
-declare class WantedPublishPopover extends React.Component<WantedPublishPopoverProp, WantedPublishPopoverState> {
+declare class WantedPublishPopover extends WatnedPublishBase<WantedPublishPopoverProp, WantedPublishPopoverState> {
     constructor(props: WantedPublishPopoverProp);
-    handleClose: () => void;
-    clearCurrentWanted: (cb: Function) => void;
-    handleUpdateCurrentWanted: (value: string | number | null, afterUpdate?: Function | undefined) => void;
+    handleConfirmButton: (containerRef?: React.RefObject<any> | undefined) => void;
     renderInitView(): JSX.Element;
     render(): JSX.Element;
 }

lib/WantedPublishPopover/index.js

 var inherits = require('../inherits-c86d64c1.js');
 var React = require('react');
 var React__default = _interopDefault(React);
+require('react-dom');
+require('../Modal/index.js');
 var styleInject_es = require('../style-inject.es-dcee06b6.js');
 require('../defineProperty-ba7cd53d.js');
 require('../_commonjsHelpers-72d386ba.js');
 require('../index-44e17595.js');
 var antd = require('antd');
 var WantedPublishView = require('../WantedPublishView/index.js');
+var WantedPublish = require('../WantedPublish-761aab8e.js');
 
 var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAFNElEQVRYR82Yf0jcdRjH33enp1NbTQ3FdKhTY64hTTsURc6keQeSqIPSQJIiMHM3zj8ST/BE/And+c8wmSSMomHl4EaaP2aeuq/R1MwrraEgLVbLXcvpReY847l9v3I7774/LKUHjuN79/k8z+v7+fG8n89Hhv+pyf4F1xEAxwE8BSAIQDAAPwB/AnCwnzsAVgHsSI0jFcwfwEkA8QAiRAYj0BUACwDsIvtALJgcwLMA0tjREevfs90tADcBbAg5EAN2FEAegFAhZyL/3wYwBeB7vvZCYFEAzgIIEBlUSjMCYwA4vXXiA6N1lAuApvGg7DaAL7zB+QILB1DA7rKDguL80shNegbxBkZbv4jd/gcNxfmfYHftbjxvYDR9CYdFxMahDfExm/tcP3mC0RQWHzIUF+5HAGPcgydYPoBn+MCSk5ODm5ubs4qKigadTq8b6rHuFRUVcYmJicf0ev2swAuTOnwC4L7niD0J4FW+zvHx8YEMw+gjIiKOz8zM3MjIyPhwa2vLp9xUV1cntra2VioUCv+WlpYug8EwLwD3HYAbnmApANL5OlZVVZ0wm806hUKhpHbz8/Nfq1Sqns3NzT1wdXV1J41GYwXXdnZ2lklNTb0sAEaK8JEnGKWHSKH1xY2Cn59fILVdXFz8RqVSXdrY2Nid16amptM1NTVvyeVy0laIGV23uJ+SpnJrTAHgTSEo7v/Kyso4k8l0XqlUUoWBpaUlW3p6epfdbn9oMpnO6HS6N+RyOfnE1NTUWFZW1hUx65H1T3I1z4E9AaBULBi1Ky8vj+ns7NQFBASE0PPKysqi1WqdKSsrK5XJZC61sFqtw2q1+jMpfgmK3ocDoymkqZRkJSUlUd3d3ReCgoJI6B+zwcHBzzUazTVJDh81XgJwnQOLY8Vasp+CgoKI3t7ed5VKJSmGy4aGhvrz8vIskp096kDF5TUOjCpR7X4c9fX1nS0sLCQJ27XV1dXbubm5HTabjSpZqfYTgAEOLAzAOake+vv787VaLSVlsh2Hw/EgODiY8iHsdvsdjUbTMT09/UCi3x9oeXJgtLvKpDgYHR0tzMnJoQISOzs7zq6urss9PT0LAwMDF0JDQ6mOw9ra2t38/Hzz5OTkHxJ8k0Lc5MDo+3UArsTJZ3K5HOPj469kZmbmsFDbHR0dH+j1+hl6TklJCRkZGdGFh4fH0PP6+vq94uJi8/DwsNh6/0sAt9y18kUAiXxQ/v7+MoZhXktLS8uidk6n82FbW9ul2trab937JSUlBVmt1vORkZGx9LvD4bhfWlpqtlgsvwm8NykIqcNf7mBUsb7E19FoNJ6qr6+vojbb29t/NzY2vt/Q0ECnnz0WGxsbODEx8U50dLSrhFpeXrYlJCRcFAD7BYBrN7uDkXzQOqOzoU+zWCwarVarNRgMF9vb2+nU49OioqKUDMO8HRIScjQ7O/u9hYUFoV1KZwCbJxg9vwDgjNA6U6vVx8bGxlzliZCFhYX5xcTEHJmbm1sXaEvnzysAtryB0eIvAeAS6EO2caoJuJjeSutTAFyL+xDtdwCkqbsViq9T0mHW/ZsArlLacx8IX2C0AV4G8PQBjxqlh34AP3vG4TvwkihrDhCOTkZ0+KBqYo8JXRHQyKkBnPiPR4524CAAnwlXCIzjOc3e9AhKlogXoCspOnnz5jSxYBSPLlaeB/AcAFfZLNHuAvgKwK9i+kkB4/xRjqP6jXSQhJpPKUi4aYToc08MEF8ek9KfRo675qRv7qqTu+6kVLAv28+I7SuQ1E7/AHTQdDZ7M6+KAAAAAElFTkSuQmCC";
 
 
 var WantedPublishPopover =
 /*#__PURE__*/
-function (_React$Component) {
-  inherits._inherits(WantedPublishPopover, _React$Component);
+function (_WatnedPublishBase) {
+  inherits._inherits(WantedPublishPopover, _WatnedPublishBase);
 
   function WantedPublishPopover(props) {
     var _this;
 
     _this = inherits._possibleConstructorReturn(this, inherits._getPrototypeOf(WantedPublishPopover).call(this, props));
 
-    _this.handleClose = function () {
+    _this.handleConfirmButton = function (containerRef) {
       var handleConfirm = _this.props.handleConfirm;
 
       if (handleConfirm) {
-        _this.handleUpdateCurrentWanted(_this.state.current_wanted, function (value) {
-          handleConfirm(Number(value).toFixed(2));
-        });
-      }
-
-      _this.setState({
-        visible: false
-      });
-    };
-
-    _this.clearCurrentWanted = function (cb) {
-      _this.setState({
-        current_wanted: null
-      }, function () {
-        return cb();
-      });
-    };
-
-    _this.handleUpdateCurrentWanted = function (value, afterUpdate) {
-      if (!value) return;
-      var result;
-      result = value;
+        var value = _this.formatCurrentWanted(_this.state.current_wanted);
 
-      if (parseInt("".concat(value), 10) === value) {
-        result = Number(value);
+        handleConfirm(_this.formatResult(value), containerRef);
       }
 
-      if (!result) return;
-      if (result > 10000) result = 10000;
-      if (result < 5) result = 5;
-
       _this.setState({
-        current_wanted: result
-      }, function () {
-        return afterUpdate && afterUpdate(result);
+        visible: false
       });
     };
 
       var _this2 = this;
 
       var current_wanted = this.state.current_wanted;
-      return React__default.createElement(WantedPublishView.default, {
+      return React__default.createElement(WantedPublishView.default, Object.assign({
         type: "pop",
         current_wanted: current_wanted,
         InputWantedValueChange: function InputWantedValueChange(v) {
           });
         },
         InputWantedPressEnter: function InputWantedPressEnter(v) {
-          return _this2.handleUpdateCurrentWanted(v, _this2.handleClose);
+          var value = _this2.formatCurrentWanted(v);
+
+          if (_this2.props.handleConfirm) _this2.props.handleConfirm(_this2.formatResult(value));
+
+          _this2.setState({
+            current_wanted: value,
+            visible: false
+          });
         },
         InputWantedOnBlur: function InputWantedOnBlur(v) {
-          return _this2.handleUpdateCurrentWanted(v);
+          var value = _this2.formatCurrentWanted(v);
+
+          _this2.setState({
+            current_wanted: value
+          });
         },
         InputWantedClear: function InputWantedClear() {
-          return _this2.clearCurrentWanted(_this2.handleClose);
+          _this2.setState({
+            current_wanted: null
+          }, function () {
+            if (_this2.props.handleConfirm) _this2.props.handleConfirm(null);
+
+            _this2.setState({
+              visible: false
+            });
+          });
         },
-        CloseFunction: this.handleClose
-      });
+        InputWantedConfirm: this.handleConfirmButton
+      }, this.props.viewConfig));
     }
   }, {
     key: "render",
       var _this$props = this.props,
           children = _this$props.children,
           _this$props$popoverCo = _this$props.popoverConfig,
-          popoverConfig = _this$props$popoverCo === void 0 ? {} : _this$props$popoverCo;
+          popoverConfig = _this$props$popoverCo === void 0 ? {} : _this$props$popoverCo,
+          currentWanted = _this$props.currentWanted;
       return React__default.createElement(antd.Popover, Object.assign({
         placement: "left",
         trigger: "click",
         visible: this.state.visible,
         onVisibleChange: function onVisibleChange(value) {
-          if (!value) {
-            _this3.handleClose();
+          if (value && currentWanted) {
+            _this3.setState({
+              current_wanted: +currentWanted
+            });
           }
 
           _this3.setState({
           className: styles.closeBtnWrapper
         }, React__default.createElement("div", {
           className: styles.closeBtn,
-          onClick: this.handleClose
+          onClick: function onClick() {
+            _this3.setState({
+              visible: false
+            });
+          }
         }, React__default.createElement("img", {
           src: img,
           alt: "close wanted button"
   }]);
 
   return WantedPublishPopover;
-}(React__default.Component);
+}(WantedPublish.WatnedPublishBase);
 
 exports.WantedPublishPopover = WantedPublishPopover;
 exports.default = WantedPublishPopover;

lib/WantedPublishView/index.d.ts

 /// <reference types="react" />
-import React from 'react';
+import React from "react";
 interface WantedPublishViewProps {
-    type?: 'pop' | 'modal';
+    type?: "pop" | "modal";
     wrapperClass?: string;
     current_wanted: number | string | null;
+    showInputWantedClear?: boolean;
+    viewTextOptions?: {
+        viewTitle: string;
+        imgLabelBottom: string;
+        inputTipTop: string;
+        numberSuffix: string;
+        inputTipBottom: string;
+    };
     InputWantedValueChange: Function;
     InputWantedPressEnter: Function;
     InputWantedOnBlur: Function;
     InputWantedClear: Function;
-    CloseFunction: Function;
+    InputWantedConfirm: Function;
 }
 interface WantedPublishViewState {
     payment?: number;
 }
 declare class WantedPublishView extends React.Component<WantedPublishViewProps, WantedPublishViewState> {
+    private containerRef;
     constructor(props: WantedPublishViewProps);
+    componentWillUnmount(): void;
     render(): JSX.Element;
 }
-export { WantedPublishView as default };
+declare function WantedViewWranModel({ refMount, actionConfirm, actionCancel, viewTextOptions }: {
+    refMount: any;
+    actionConfirm: any;
+    actionCancel: any;
+    viewTextOptions?: {
+        warnModalTitle?: string;
+        warnModalTip?: string;
+    };
+}): void;
+export { WantedPublishView as default, WantedViewWranModel };

lib/index.js

 var AllocWantedModal = require('./AllocWantedModal/index.js');
 var WantedPublishView = require('./WantedPublishView/index.js');
 var WantedPublishPopover = require('./WantedPublishPopover/index.js');
+require('./WantedPublish-761aab8e.js');
 
 
 
 exports.Modal = Modal.default;
+exports.ModalCMD = Modal.ModalCMD;
 exports.ConsumeListView = ConsumeListView.default;
 exports.PayPlatformOptions = PayPlatformOptions.default;
 exports.PriceOptions = PriceOptions.default;
 exports.WaitPayInfoView = WaitPayInfoView.default;
 exports.AllocWantedModal = AllocWantedModal.default;
 exports.WantedPublishView = WantedPublishView.default;
+exports.WantedViewWranModel = WantedPublishView.WantedViewWranModel;
 exports.WantedPublishPopover = WantedPublishPopover.default;
 //# sourceMappingURL=index.js.map

lib/index.js.map

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

src/components/Common/Modal/index.tsx

               position: "absolute",
               top: "50%",
               left: "50%",
-              transform: "translate(-50%, -50%)",
-              backgroundColor: "white"
+              transform: "translate(-50%, -50%)"
             }}
           >
             {children}

src/components/Common/index.ts

-export { default as Modal } from './Modal';
+export { default as Modal } from "./Modal";
+export { ModalCMD } from "./Modal";

src/components/Payment/BaseClassComponents/WantedPublish.tsx

+import React, { Component } from "react";
+
+export interface WatnedPublishBaseP {
+  inputWantedRange?: [number, number];
+  handleConfirm?: Function;
+  currentWanted?: string | number | null;
+  viewConfig?: {
+    showInputWantedClear?: boolean;
+    viewTextOptions?: {
+      viewTitle: string;
+      imgLabelBottom: string;
+      inputTipTop: string;
+      numberSuffix: string;
+      inputTipBottom: string;
+      clearModalTitle?: string;
+      clearModalTip?: string;
+    };
+  };
+}
+
+export class WatnedPublishBase<
+  T extends WatnedPublishBaseP,
+  S
+> extends Component<T, S> {
+  formatCurrentWanted = (
+    value: string | number | null
+  ): string | number | null => {
+    const { inputWantedRange = [5, 10000] } = this.props;
+    if (!value) return null;
+    let result: string | number;
+    result = value;
+    if (parseInt(`${value}`, 10) === value) {
+      // 无小数判断
+      result = Number(value);
+    }
+    if (!result) return null;
+    if (result > inputWantedRange[1]) result = inputWantedRange[1];
+    if (result < inputWantedRange[0]) result = inputWantedRange[0];
+    return result;
+  };
+
+  formatResult = (value: string | number | null) => {
+    if (!value) return null;
+    return Number(value).toFixed(2);
+  };
+}

src/components/Payment/WantedPublishModal/index.tsx

-import React, { Component } from "react";
+import React, { Component, Ref } from "react";
 
 import Modal, { ModalProps } from "../../Common/Modal";
 import WantedPublishView from "../WantedPublishView";
 import styles from "./WantedPublishModal.less";
+import {
+  WatnedPublishBase,
+  WatnedPublishBaseP
+} from "@components/Payment/BaseClassComponents/WantedPublish";
 
-interface WantedPublishModalProps {
+interface WantedPublishModalProps extends WatnedPublishBaseP {
   modalConfig?: ModalProps;
-  viewConfig?: {
-    showInputWantedClear?: boolean;
-  };
-  handleConfirm?: Function;
 }
 
 interface WantedPublishModalState {
   current_wanted: number | string | null;
 }
 
-export class WantedPublishModal extends Component<
+export class WantedPublishModal extends WatnedPublishBase<
   WantedPublishModalProps,
   WantedPublishModalState
 > {
     };
   }
 
-  handleModalShow = () => {};
-
-  handleClose = () => {
+  handleConfirmButton = (containerRef?: React.RefObject<any>) => {
     const { handleConfirm } = this.props;
     if (handleConfirm) {
-      this.handleUpdateCurrentWanted(
-        this.state.current_wanted,
-        (value: string) => {
-          handleConfirm(Number(value).toFixed(2));
-        }
-      );
+      const value = this.formatCurrentWanted(this.state.current_wanted);
+      handleConfirm(value ? Number(value).toFixed(2) : value);
     }
     this.setState({ modalVisible: false });
   };
 
-  handleUpdateCurrentWanted = (
-    value: string | number | null,
-    afterUpdate?: Function
-  ) => {
-    if (!value) return;
-    let result: string | number;
-    result = value;
-    if (parseInt(`${value}`, 10) === value) {
-      // 无小数判断
-      result = Number(value);
-    }
-    if (!result) return;
-    if (result > 10000) result = 10000;
-    if (result < 5) result = 5;
-    this.setState(
-      { current_wanted: result },
-      () => afterUpdate && afterUpdate(result)
-    );
-  };
-
-  clearCurrentWanted = (cb: Function) => {
-    this.setState(
-      {
-        current_wanted: null
-      },
-      () => cb()
-    );
-  };
-
   renderMain() {
     const { current_wanted } = this.state;
     return (
         InputWantedValueChange={(v: string) =>
           this.setState({ current_wanted: v })
         }
-        InputWantedPressEnter={(v: string) =>
-          this.handleUpdateCurrentWanted(v, this.handleClose)
-        }
-        InputWantedOnBlur={(v: string) => this.handleUpdateCurrentWanted(v)}
+        InputWantedPressEnter={(v: string) => {
+          const value = this.formatCurrentWanted(v);
+          if (this.props.handleConfirm)
+            this.props.handleConfirm(this.formatResult(value));
+          this.setState({ current_wanted: value, modalVisible: false });
+        }}
+        InputWantedOnBlur={(v: string) => {
+          const value = this.formatCurrentWanted(v);
+          this.setState({ current_wanted: value });
+        }}
         InputWantedClear={() => {
-          this.clearCurrentWanted(() => {
-            if (this.props.handleConfirm) this.props.handleConfirm(null);
-            this.setState({ modalVisible: false });
-          });
+          this.setState(
+            {
+              current_wanted: null
+            },
+            () => {
+              if (this.props.handleConfirm) this.props.handleConfirm(null);
+              this.setState({ modalVisible: false });
+            }
+          );
         }}
-        CloseFunction={this.handleClose}
+        InputWantedConfirm={this.handleConfirmButton}
         {...this.props.viewConfig}
       />
     );
         </div>
         <Modal
           visible={this.state.modalVisible}
-          onCancel={this.handleClose}
+          onCancel={() => {
+            this.setState({ modalVisible: false });
+          }}
           {...this.props.modalConfig}
         >
           {this.renderMain()}

src/components/Payment/WantedPublishPopover/index.tsx

 
 import popClose from "../assets/icon/close@2x.png";
 import styles from "./WantedPublishPopover.less";
+import {
+  WatnedPublishBase,
+  WatnedPublishBaseP
+} from "@components/Payment/BaseClassComponents/WantedPublish";
 
-export interface WantedPublishPopoverProp {
+export interface WantedPublishPopoverProp extends WatnedPublishBaseP {
   popoverConfig?: PopoverProps;
-  viewConfig?: {
-    showInputWantedClear?: boolean;
-  };
-  handleConfirm?: Function;
 }
 
 export interface WantedPublishPopoverState {
   current_wanted: number | string | null;
 }
 
-export class WantedPublishPopover extends React.Component<
+export class WantedPublishPopover extends WatnedPublishBase<
   WantedPublishPopoverProp,
   WantedPublishPopoverState
 > {
     };
   }
 
-  handleClose = () => {
+  handleConfirmButton = (containerRef?: React.RefObject<any>) => {
     const { handleConfirm } = this.props;
     if (handleConfirm) {
-      this.handleUpdateCurrentWanted(
-        this.state.current_wanted,
-        (value: string) => {
-          handleConfirm(value ? Number(value).toFixed(2) : value);
-        }
-      );
+      const value = this.formatCurrentWanted(this.state.current_wanted);
+      handleConfirm(this.formatResult(value), containerRef);
     }
     this.setState({ visible: false });
   };
 
-  clearCurrentWanted = (cb: Function) => {
-    this.setState(
-      {
-        current_wanted: null
-      },
-      () => cb()
-    );
-  };
-
-  handleUpdateCurrentWanted = (
-    value: string | number | null,
-    afterUpdate?: Function
-  ) => {
-    if (!value) {
-      this.setState(
-        { current_wanted: null },
-        () => afterUpdate && afterUpdate(null)
-      );
-      return;
-    }
-    let result: string | number;
-    result = value;
-    if (parseInt(`${value}`, 10) === value) {
-      // 无小数判断
-      result = Number(value);
-    }
-    if (!result) return;
-    if (result > 10000) result = 10000;
-    if (result < 5) result = 5;
-    this.setState(
-      { current_wanted: result },
-      () => afterUpdate && afterUpdate(result)
-    );
-  };
-
   renderInitView() {
     const { current_wanted } = this.state;
     return (
         InputWantedValueChange={(v: string) =>
           this.setState({ current_wanted: v })
         }
-        InputWantedPressEnter={(v: string) =>
-          this.handleUpdateCurrentWanted(v, this.handleClose)
-        }
-        InputWantedOnBlur={(v: string) => this.handleUpdateCurrentWanted(v)}
+        InputWantedPressEnter={(v: string) => {
+          const value = this.formatCurrentWanted(v);
+          if (this.props.handleConfirm)
+            this.props.handleConfirm(this.formatResult(value));
+          this.setState({ current_wanted: value, visible: false });
+        }}
+        InputWantedOnBlur={(v: string) => {
+          const value = this.formatCurrentWanted(v);
+          this.setState({ current_wanted: value });
+        }}
         InputWantedClear={() => {
-          this.clearCurrentWanted(() => {
-            if (this.props.handleConfirm) this.props.handleConfirm(null);
-            this.setState({ visible: false });
-          });
+          this.setState(
+            {
+              current_wanted: null
+            },
+            () => {
+              if (this.props.handleConfirm) this.props.handleConfirm(null);
+              this.setState({ visible: false });
+            }
+          );
         }}
-        CloseFunction={this.handleClose}
+        InputWantedConfirm={this.handleConfirmButton}
         {...this.props.viewConfig}
       />
     );
   }
 
   render() {
-    const { children, popoverConfig = {} } = this.props;
+    const { children, popoverConfig = {}, currentWanted } = this.props;
 
     return (
       <Popover
         trigger="click"
         visible={this.state.visible}
         onVisibleChange={(value: boolean) => {
-          if (!value) {
-            this.handleClose();
+          if (value && currentWanted) {
+            this.setState({ current_wanted: +currentWanted });
           }
           this.setState({ visible: value });
         }}
         content={
           <div className={styles.wantedWrapper}>
             <div role="button" tabIndex={1} className={styles.closeBtnWrapper}>
-              <div className={styles.closeBtn} onClick={this.handleClose}>
+              <div
+                className={styles.closeBtn}
+                onClick={() => {
+                  this.setState({ visible: false });
+                }}
+              >
                 <img src={popClose} alt="close wanted button" />
               </div>
             </div>

src/components/Payment/WantedPublishView/WantedPublishView.less

       }
     }
   }
+}
 
-  .wantedCancelModal {
-    width: 320px;
-    height: 211px;
-    padding: 32px;
-    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
-    border-radius: 4px;
-
-    .top {
-      display: flex;
-      .questionIcon {
-        width: 22px;
-        height: 22px;
-
-        img {
-          width: 100%;
-          height: 100%;
-        }
-      }
-      .title {
-        font-size: 16px;
-        color: rgba(0, 0, 0, 0.85);
-        font-weight: bold;
-        margin-left: 16px;
+.wantedCancelModal {
+  width: 320px;
+  padding: 32px 32px 24px 32px;
+  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);
+  background-color: white;
+  border-radius: 4px;
+
+  .top {
+    display: flex;
+    .questionIcon {
+      width: 22px;
+      height: 22px;
+
+      img {
+        width: 100%;
+        height: 100%;
       }
     }
-
-    .content {
-      margin-left: 38px;
-      font-size: 14px;
+    .title {
+      font-size: 16px;
+      color: rgba(0, 0, 0, 0.85);
+      font-weight: bold;
+      margin-left: 16px;
     }
+  }
 
-    footer {
-      display: flex;
-      justify-content: flex-end;
-      align-items: center;
+  .content {
+    margin-left: 38px;
+    font-size: 14px;
+  }
 
-      .modalCancel {
-      }
-      .modalOk {
-        margin-left: 8px;
-        background-color: #71c135;
-        color: white;
+  footer {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    margin-top: 20px;
 
-        &:hover,
-        &:focus {
-          color: white;
-          outline: none;
-          box-shadow: none;
-          background-color: lighten(#71c135, 10%);
-          border-color: lighten(#71c135, 50%);
-        }
+    .modalCancel {
+    }
+    .modalOk {
+      margin-left: 8px;
+      background-color: #71c135;
+      color: white;
+
+      &:hover,
+      &:focus {
+        color: white;
+        outline: none;
+        box-shadow: none;
+        background-color: lighten(#71c135, 10%);
+        border-color: lighten(#71c135, 50%);
       }
     }
   }

src/components/Payment/WantedPublishView/index.tsx

   wrapperClass?: string;
   current_wanted: number | string | null;
   showInputWantedClear?: boolean;
+  viewTextOptions?: {
+    viewTitle: string;
+    imgLabelBottom: string;
+    inputTipTop: string;
+    numberSuffix: string;
+    inputTipBottom: string;
+  };
   InputWantedValueChange: Function;
   InputWantedPressEnter: Function;
   InputWantedOnBlur: Function;
   InputWantedClear: Function;
-  CloseFunction: Function;
+  InputWantedConfirm: Function;
 }
 interface WantedPublishViewState {
   payment?: number;
     this.state = {};
   }
 
+  componentWillUnmount(): void {}
+
   render() {
     const {
       current_wanted,
       wrapperClass,
+      viewTextOptions = {
+        viewTitle: "设置悬赏金额",
+        imgLabelBottom: "悬赏提问",
+        inputTipTop: "设置悬赏金额范围¥5.00～¥10000",
+        numberSuffix: "元",
+        inputTipBottom: "若5天内没人回答该问题, 所支付的金额将退还至您的钱包"
+      },
       showInputWantedClear = true
     } = this.props;
     return (
         })}
         ref={this.containerRef}
       >
-        <header>设置悬赏金额</header>
+        <header>{viewTextOptions.viewTitle}</header>
         <section className={styles.wanted_middle}>
           <img
             className={styles.wanted_cover}
             src={wantedCover}
             alt="wanted_image"
           />
-          <div>悬赏提问</div>
+          <div>{viewTextOptions.imgLabelBottom}</div>
         </section>
         <Divider
           style={{
         />
         <section className={styles.wanted_bottom}>
           <div className={styles.wanted_bottom_title}>
-            设置悬赏金额范围¥5.00～¥10000
+            {viewTextOptions.inputTipTop}
           </div>
           <Input
             className={styles.wanted_input_number}
-            suffix="元"
+            suffix={viewTextOptions.numberSuffix}
             value={current_wanted || ""}
             onChange={v => {
               if (!/^[.0-9]*$/g.test(v.target.value)) return;
             autoFocus
           />
           <div className={styles.wanted_bottom_tips}>
-            若5天内没人回答该问题, 所支付的金额将退还至您的钱包
+            {viewTextOptions.inputTipBottom}
           </div>
         </section>
         <footer>
           <Button
             className={styles.wanted_confirm_button}
-            onClick={() => this.props.CloseFunction()}
+            onClick={() => {
+              this.props.InputWantedConfirm(this.containerRef);
+            }}
           >
             确定
           </Button>
               role="button"
               tabIndex={-1}
               onClick={() => {
-                ModalCMD.show({
-                  container: this.containerRef.current || document.body,
-                  children: (
-                    <div className={styles.wantedCancelModal}>
-                      <div className={styles.top}>
-                        <div className={styles.questionIcon}>
-                          <img src={QuestionIcon} alt="question" />
-                        </div>
-                        <div className={styles.title}>确认减少悬赏金额</div>
-                      </div>
-                      <div className={styles.content}>
-                        若减少悬赏金额，您之前支付的金额中，已分配的赏金无法退回，剩余的￥2.00会退还至您的钱包。
-                      </div>
-                      <footer>
-                        <Button
-                          className={styles.modalCancel}
-                          onClick={() => ModalCMD.hide()}
-                        >
-                          取消
-                        </Button>
-                        <Button
-                          className={styles.modalOk}
-                          onClick={() => {
-                            this.props.InputWantedClear();
-                            ModalCMD.hide();
-                          }}
-                        >
-                          确认
-                        </Button>
-                      </footer>
-                    </div>
-                  )
-                });
+                this.props.InputWantedClear();
               }}
               className={styles.wanted_cancel_button}
             >
   }
 }
 
+export function WantedViewWranModel({
+  refMount,
+  actionConfirm,
+  actionCancel,
+  viewTextOptions = {
+    warnModalTitle: "确认减少悬赏金额",
+    warnModalTip:
+      "若减少悬赏金额，您之前支付的金额中，已分配的赏金无法退回，剩余的￥2.00会退还至您的钱包。"
+  }
+}: {
+  refMount: any;
+  actionConfirm: any;
+  actionCancel: any;
+  viewTextOptions?: {
+    warnModalTitle?: string;
+    warnModalTip?: string;
+  };
+}) {
+  ModalCMD.show({
+    container: refMount.current || document.body,
+    children: (
+      <div className={styles.wantedCancelModal}>
+        <div className={styles.top}>
+          <div className={styles.questionIcon}>
+            <img src={QuestionIcon} alt="question" />
+          </div>
+          <div className={styles.title}>{viewTextOptions.warnModalTitle}</div>
+        </div>
+        <div className={styles.content}>{viewTextOptions.warnModalTip}</div>
+        <footer>
+          <Button
+            className={styles.modalCancel}
+            onClick={() => {
+              actionCancel();
+              ModalCMD.hide();
+            }}
+          >
+            取消
+          </Button>
+          <Button
+            className={styles.modalOk}
+            onClick={() => {
+              actionConfirm();
+              ModalCMD.hide();
+            }}
+          >
+            确认
+          </Button>
+        </footer>
+      </div>
+    )
+  });
+}
+
 export default WantedPublishView;

src/components/Payment/index.ts

-export { default as ConsumeListView } from './ConsumeListView';
-export { default as PayPlatformOptions } from './PayPlatformOptions';
-export { default as PriceOptions } from './PriceOptions';
-export { default as WaitPayInfoView } from './WaitPayInfoView';
-export { default as AllocWantedModal } from './AllocWantedModal';
-export { default as WantedPublishPopover } from './WantedPublishPopover';
-export { default as WantedPublishView } from './WantedPublishView';
+export { default as ConsumeListView } from "./ConsumeListView";
+export { default as PayPlatformOptions } from "./PayPlatformOptions";
+export { default as PriceOptions } from "./PriceOptions";
+export { default as WaitPayInfoView } from "./WaitPayInfoView";
+export { default as AllocWantedModal } from "./AllocWantedModal";
+export { default as WantedPublishPopover } from "./WantedPublishPopover";
+export {
+  default as WantedPublishView,
+  WantedViewWranModel
+} from "./WantedPublishView";

stories/Wanted.stories.tsx

 import React from "react";
 import AllocWantedModal from "@components/Payment/AllocWantedModal";
 import { Button, Divider, Modal } from "antd";
-import WantedPublishView from "@components/Payment/WantedPublishView";
+import WantedPublishView, {
+  WantedViewWranModel
+} from "@components/Payment/WantedPublishView";
 import WantedPublishModal from "@components/Payment/WantedPublishModal";
 import WantedPublishPopover from "@components/Payment/WantedPublishPopover";
+import { ModalCMD } from "@components/Common";
 
 const stories = storiesOf("Payment/Wanted", module);
 stories.addDecorator(storyFn => (
           InputWantedPressEnter={(enterValue: any) =>
             setCurrentWanted(enterValue)
           }
-          CloseFunction={() => {
+          InputWantedConfirm={() => {
             console.log("Close Button");
           }}
         />
       <div>
         <div>
           <WantedPublishModal
+            currentWanted={wanted}
+            handleConfirm={(value: any, ref: React.Ref<any>) => {
+              console.log("wanted", wanted);
+              console.log("value", value);
+              if (Number(wanted) - value > 0) {
+                WantedViewWranModel({
+                  refMount: document.body,
+                  actionConfirm: () => {
+                    setWanted(value);
+                  },
+                  actionCancel: () => {}
+                });
+                return;
+              }
+              setWanted(value);
+            }}
             viewConfig={{
               showInputWantedClear: boolean(
                 "viewConfig.showInputWantedClear",
                 undefined
               )
             }}
-            handleConfirm={(value: any) => {
+            currentWanted={wanted}
+            handleConfirm={(value: any, ref: React.Ref<any>) => {
+              if (Number(wanted) - value > 0) {
+                WantedViewWranModel({
+                  refMount: document.body,
+                  actionConfirm: () => {
+                    setWanted(value);
+                  },
+                  actionCancel: () => {}
+                });
+                return;
+              }
               setWanted(value);
             }}
             viewConfig={{