dev: WantedModal

eslib/AllocWantedModal/index.js

@@ -110,8 +110,6 @@ function (_React$Component) {
         goods_id: 2,
         num: Number(_this.state.sendValue)
       })).then(function (res) {
-        console.log("res: ", res);
-
         if (res) {
           _this.handleCloseAction();
         } else {

lib/AllocWantedModal/index.js

@@ -117,8 +117,6 @@ function (_React$Component) {
         goods_id: 2,
         num: Number(_this.state.sendValue)
       })).then(function (res) {
-        console.log("res: ", res);
-
         if (res) {
           _this.handleCloseAction();
         } else {

src/components/Payment/AllocWantedModal/index.tsx

@@ -119,7 +119,6 @@ class AllocWantedModal extends React.Component<
         num: Number(this.state.sendValue) // 礼物数量
       })
     ).then((res: any) => {
-      console.log("res: ", res);
       if (res) {
         this.handleCloseAction();
       } else {
@@ -157,7 +156,9 @@ class AllocWantedModal extends React.Component<
           title="超过范围值"
           placement="bottom"
           overlayClassName={styles.outRangeTextTip}
-          getTooltipContainer={() => this.ModalContentRef && this.ModalContentRef.current}
+          getTooltipContainer={() =>
+            this.ModalContentRef && this.ModalContentRef.current
+          }
         >
           <Input
             ref={this.ModalInputRef}
@@ -182,7 +183,9 @@ class AllocWantedModal extends React.Component<
             <Popover
               placement="bottom"
               trigger="click"
-              getPopupContainer={() => this.ModalContentRef && this.ModalContentRef.current}
+              getPopupContainer={() =>
+                this.ModalContentRef && this.ModalContentRef.current
+              }
               overlayStyle={{
                 width: "320px"
               }}

stories/Wanted.stories.tsx

@@ -4,7 +4,7 @@ import { withInfo } from "@storybook/addon-info";
 import { addReadme } from "storybook-readme";
 import React from "react";
 import AllocWantedModal from "@components/Payment/AllocWantedModal";
-import { Button, Divider } from "antd";
+import { Button, Divider, Modal } from "antd";
 import WantedPublishView from "@components/Payment/WantedPublishView";
 import WantedPublishModal from "@components/Payment/WantedPublishModal";
 import WantedPublishPopover from "@components/Payment/WantedPublishPopover";
@@ -88,6 +88,7 @@ stories.add(
   "WantedPublishPopover And Modal",
   () => {
     const [wanted, setWanted] = React.useState("");
+    const [testModal, setTestModal] = React.useState(false);
     return (
       <div>
         <div>
@@ -138,6 +139,18 @@ stories.add(
           </WantedPublishPopover>
         </div>
         <Divider />
+        <div onClick={() => setTestModal(true)}>Show Modal</div>
+        <Modal
+          visible={testModal}
+          title="Create a new collection"
+          okText="Create"
+          onCancel={() => setTestModal(false)}
+          onOk={() => setTestModal(true)}
+        >
+          <WantedPublishModal>
+            <div>ModalClick</div>
+          </WantedPublishModal>
+        </Modal>
         {/* 下面用于分割wanted值的渲染，防止Error */}
         {(wanted => (
           <div>wanted{wanted}</div>