bhd-components 0.9.12 → 0.9.14

package/esm/customerService/index.js

@@ -31,11 +31,11 @@ var TextArea = Input.TextArea;
 // import './html2canvas.test.js';
 import knowledge_icon from "./images/knowledge_icon.png";
 // import { useMediaRecorder } from "./useMediaRecorder"; //录音使用文件
-import { readMessage, getByteLen, serverUrl, copyText, getDataTime, getQuery, resetStyles, findParent, delegate } from "./function"; //一些方法
+import { readMessage, getByteLen, serverUrl, copyText, getDataTime, getQuery, resetStyles, findParent, delegate, urlToBase64 } from "./function"; //一些方法
 // import html2canvas from "html2canvas";
-// const screenShot = require('./screenShotPlugin.esm') 
+// const screenShot = require('./screenShotPlugin.esm')
 import ScreenShot from "./js-screen-shot/main";
-/* 
+/*
 自定义remarkable的text解析规则
  */ var HTML_ESCAPE_TEST_RE = /[&<>"]/;
 var HTML_ESCAPE_REPLACE_RE = /[&<>"]/g;
@@ -73,6 +73,7 @@ var CustomerService = function(props) {
     var _useState11 = _sliced_to_array(useState(false), 2), loading = _useState11[0], setLoading = _useState11[1]; //上拉显示加载图标
     var _useState12 = _sliced_to_array(useState(false), 2), bottomLoading = _useState12[0], setBottomLoading = _useState12[1]; //下拉显示加载图标
     var _useState13 = _sliced_to_array(useState(true), 2), finished = _useState13[0], setFinished = _useState13[1]; //是否结束生成
+    var finishedRef = useRef(true); //是否结束生成
     var _useState14 = _sliced_to_array(useState(""), 2), lastId = _useState14[0], setLastId = _useState14[1]; //最后一条数据的id，可用于定位当前位置
     var _useState15 = _sliced_to_array(useState({}), 2), chatWith = _useState15[0], setChatWith = _useState15[1]; //聊天的老师id或ai
     var _useState16 = _sliced_to_array(useState(false), 2), firstLoad = _useState16[0], setFirstLoad = _useState16[1]; //第一次切换全屏时滚动到页面底部
@@ -322,12 +323,13 @@ var CustomerService = function(props) {
                 }, 1000);
             }
             //生成答案过程中
-            if (!finished && scrollTopHei.current > scrollTop) {
+            if (!finished && scrollHeight > scrollTop) {
+                console.log("生成答案过程中", scrollTopHei.current, scrollTop);
                 // setIsPosition(false);
                 isPosition.current = false;
             }
             if (!finished && clientHeight + scrollTop >= scrollHeight) {
-                // console.log('到顶了111');
+                console.log("到顶了111", clientHeight, scrollTop, scrollHeight);
                 isPosition.current = true;
             }
             scrollTopHei.current = scrollTop;
@@ -728,217 +730,256 @@ var CustomerService = function(props) {
         });
     };
     //消息发送给老师type == 1,召唤老师时发送，type == 2，在老师聊天窗口聊天
-    var sendToTeacher = function(type) {
-        var message = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "";
-        console.log("消息发送给老师111");
-        var obj = {};
-        if (type == 1) {
-            obj = {
-                roomId: roomId,
-                sender: mid,
-                recevier: chatWith.uid,
-                message: problem.question
-            };
-            if (problem.url) {
-                obj.image = problem.url;
-            }
-            setProblem({});
-        } else if (type == 2 || type == 3) {
-            var list = contactsList.filter(function(item) {
-                return item.roomId == roomId;
-            });
-            var recevier = "";
-            if (list.length > 0) {
-                recevier = list[0].sender;
-            }
-            obj = {
-                roomId: roomId,
-                sender: mid,
-                recevier: recevier,
-                message: type == 2 ? keyWord : message,
-                quotedMessage: citationContent.content || ""
-            };
-            if (citationContent.imageUrl) {
-                obj.image = citationContent.imageUrl;
-            }
-            if (screenshotBese64) {
-                obj.image = screenshotBese64;
-                setScreenshotBese64("");
-            }
-        }
-        http.post("".concat(urllocation, "/chat-service/public/v1.0/chat-with-user/messages"), obj).then(function(res) {
-            if (res.data.id) {
-                // console.log(pageNum, pageNumHistory, lastId, "dlskskdsd4444");
-                if (pageNum == 1 || pageNumHistory == 1 || pageNumHistory == 0) {
-                    setHistoryMessageList(function(historyMessageList) {
-                        var newHistoryMessageList = historyMessageList.concat(_object_spread_props(_object_spread({}, obj), {
-                            id: res.data.id,
-                            upvoted: false,
-                            downvoted: false,
-                            createdAt: getDataTime(-1),
-                            extraInfo: obj.image ? JSON.stringify([
-                                {
-                                    key: "imageUrl",
-                                    value: obj.image
-                                }
-                            ]) : null
-                        }));
-                        return newHistoryMessageList;
-                    });
-                    // console.log(lastId,'消息发送给老师111');
-                    scrollToBottom();
-                }
-                //判断当前窗口是否是
+    var sendToTeacher = function() {
+        var _ref = _async_to_generator(function(type) {
+            var message, obj, list, recevier;
+            var _arguments = arguments;
+            return _ts_generator(this, function(_state) {
+                message = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : "";
+                console.log("消息发送给老师111");
+                obj = {};
                 if (type == 1) {
-                    var roomList = [
-                        {
-                            roomId: roomId,
-                            id: res.data.id
-                        }
-                    ];
-                    setChatObj(function(list) {
-                        var list2 = list.filter(function(item) {
-                            return item.id != roomList[0].id;
-                        });
-                        return list2.concat(roomList);
+                    obj = {
+                        roomId: roomId,
+                        sender: mid,
+                        recevier: chatWith.uid,
+                        message: problem.question
+                    };
+                    if (problem.url) {
+                        obj.image = problem.url;
+                    }
+                    setProblem({});
+                } else if (type == 2 || type == 3) {
+                    list = contactsList.filter(function(item) {
+                        return item.roomId == roomId;
                     });
+                    recevier = "";
+                    if (list.length > 0) {
+                        recevier = list[0].sender;
+                    }
+                    obj = {
+                        roomId: roomId,
+                        sender: mid,
+                        recevier: recevier,
+                        message: type == 2 ? keyWord : message,
+                        quotedMessage: citationContent.content || ""
+                    };
+                    if (citationContent.imageUrl) {
+                        obj.image = citationContent.imageUrl;
+                    }
+                    if (screenshotBese64) {
+                        obj.image = screenshotBese64;
+                        setScreenshotBese64("");
+                    }
                 }
-            }
-        }).catch(function(err) {
-            console.log(err);
+                http.post("".concat(urllocation, "/chat-service/public/v1.0/chat-with-user/messages"), obj).then(function(res) {
+                    if (res.data.id) {
+                        // console.log(pageNum, pageNumHistory, lastId, "dlskskdsd4444");
+                        if (pageNum == 1 || pageNumHistory == 1 || pageNumHistory == 0) {
+                            setHistoryMessageList(function(historyMessageList) {
+                                var newHistoryMessageList = historyMessageList.concat(_object_spread_props(_object_spread({}, obj), {
+                                    id: res.data.id,
+                                    upvoted: false,
+                                    downvoted: false,
+                                    createdAt: getDataTime(-1),
+                                    extraInfo: obj.image ? JSON.stringify([
+                                        {
+                                            key: "imageUrl",
+                                            value: obj.image
+                                        }
+                                    ]) : null
+                                }));
+                                return newHistoryMessageList;
+                            });
+                            // console.log(lastId,'消息发送给老师111');
+                            scrollToBottom();
+                        }
+                        //判断当前窗口是否是
+                        if (type == 1) {
+                            var roomList = [
+                                {
+                                    roomId: roomId,
+                                    id: res.data.id
+                                }
+                            ];
+                            setChatObj(function(list) {
+                                var list2 = list.filter(function(item) {
+                                    return item.id != roomList[0].id;
+                                });
+                                return list2.concat(roomList);
+                            });
+                        }
+                    }
+                }).catch(function(err) {
+                    console.log(err);
+                });
+                return [
+                    2
+                ];
+            });
         });
-    };
+        return function sendToTeacher(type) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     //发送知识库问题 item,flag == 1 是获取问候信息的答案，flag == 2 是普通消息，flag == 3 是针对视频页面点击底部推荐问题
     var sendMessage = function() {
         var _ref = _async_to_generator(function(item, flag) {
-            var type, questions, sendData, obj, sendData1, imageUrl;
+            var type, questions, sendData, obj, sendData1, imageUrl, base64;
             var _arguments = arguments;
             return _ts_generator(this, function(_state) {
-                type = _arguments.length > 2 && _arguments[2] !== void 0 ? _arguments[2] : "";
-                console.log(item, flag, 888888888);
-                questions = [];
-                if (item && flag) {
-                    questions = [
-                        item
-                    ];
-                }
-                //点击知识库的问题，或者是点击问候消息
-                if (questions.length > 0) {
-                    questions = questions[0];
-                    //知识库联想的问题没有答案
-                    if (!questions.answer && userData.modules.some(function(item) {
-                        return item.short == "AIservice";
-                    })) {
-                        sendData = {
-                            //相关数据
+                switch(_state.label){
+                    case 0:
+                        type = _arguments.length > 2 && _arguments[2] !== void 0 ? _arguments[2] : "";
+                        console.log(item, flag, 888888888);
+                        questions = [];
+                        if (item && flag) {
+                            questions = [
+                                item
+                            ];
+                        }
+                        if (!(questions.length > 0)) return [
+                            3,
+                            1
+                        ];
+                        questions = questions[0];
+                        //知识库联想的问题没有答案
+                        if (!questions.answer && userData.modules.some(function(item) {
+                            return item.short == "AIservice";
+                        })) {
+                            sendData = {
+                                //相关数据
+                                roomId: roomId,
+                                message: questions.question,
+                                quotedMessage: "",
+                                regenerate: true,
+                                generateUpvoteOrDownvoteMessage: false
+                            };
+                            if (pageNumHistory <= 1) {
+                                setHistoryMessageList(function(historyMessageList) {
+                                    var newHistoryMessageList = historyMessageList.concat({
+                                        roomId: roomId,
+                                        sender: mid,
+                                        recevier: "AI",
+                                        message: questions.question,
+                                        quotedMessage: "",
+                                        id: "p" + new Date().getTime(),
+                                        upvoted: false,
+                                        downvoted: false,
+                                        createdAt: getDataTime(-1),
+                                        extraInfo: JSON.stringify([])
+                                    });
+                                    return newHistoryMessageList;
+                                });
+                            }
+                            setFinished(false);
+                            aiSendQuestions(3, sendData, 1);
+                            return [
+                                2
+                            ];
+                        }
+                        console.log(questions, "知识库内容11111");
+                        obj = {
                             roomId: roomId,
+                            sender: mid,
+                            recevier: "AI",
                             message: questions.question,
-                            quotedMessage: "",
-                            regenerate: true,
+                            extraInfos: [
+                                {
+                                    key: "questionId",
+                                    value: flag == 1 ? questions.value : questions.id
+                                }
+                            ]
+                        };
+                        //发送问题  1 类型，发送问题需要的参数，问题的答案id等
+                        sendingExistingIssues(1, obj, {
+                            key: "questionId",
+                            value: flag == 1 ? questions.value : questions.id,
+                            answer: questions.answer
+                        }, type);
+                        setKeyWord("");
+                        setQuestionsList([]);
+                        setCitationContent({});
+                        return [
+                            3,
+                            5
+                        ];
+                    case 1:
+                        if (!userData.modules.some(function(item) {
+                            return item.short == "AIservice";
+                        })) return [
+                            3,
+                            4
+                        ];
+                        console.log("citationContent", citationContent);
+                        sendData1 = {
+                            //相关数据
+                            roomId: roomId,
+                            message: keyWord,
+                            quotedMessage: citationContent.content || "",
+                            regenerate: citationContent.content != "" ? false : true,
                             generateUpvoteOrDownvoteMessage: false
                         };
+                        imageUrl = "";
+                        if (!citationContent.imageUrl) return [
+                            3,
+                            3
+                        ];
+                        return [
+                            4,
+                            urlToBase64(citationContent.imageUrl)
+                        ];
+                    case 2:
+                        base64 = _state.sent();
+                        console.log("base64", base64);
+                        console.log("citationContent.imageUrl", citationContent.imageUrl);
+                        sendData1.image = base64;
+                        imageUrl = base64;
+                        _state.label = 3;
+                    case 3:
+                        if (screenshotBese64) {
+                            console.log("screenshotBese64", screenshotBese64);
+                            sendData1.image = screenshotBese64;
+                            imageUrl = screenshotBese64;
+                        }
                         if (pageNumHistory <= 1) {
                             setHistoryMessageList(function(historyMessageList) {
                                 var newHistoryMessageList = historyMessageList.concat({
                                     roomId: roomId,
                                     sender: mid,
                                     recevier: "AI",
-                                    message: questions.question,
-                                    quotedMessage: "",
+                                    message: keyWord,
+                                    quotedMessage: citationContent.content,
                                     id: "p" + new Date().getTime(),
                                     upvoted: false,
                                     downvoted: false,
                                     createdAt: getDataTime(-1),
-                                    extraInfo: JSON.stringify([])
+                                    extraInfo: imageUrl ? JSON.stringify([
+                                        {
+                                            key: "imageUrl",
+                                            value: imageUrl
+                                        }
+                                    ]) : JSON.stringify([])
                                 });
                                 return newHistoryMessageList;
                             });
                         }
                         setFinished(false);
-                        aiSendQuestions(3, sendData, 1);
+                        aiSendQuestions(3, sendData1, 1);
+                        setScreenshotBese64("");
+                        return [
+                            3,
+                            5
+                        ];
+                    case 4:
+                        //不存在AI客服
+                        sendGreetingMessage(4);
+                        _state.label = 5;
+                    case 5:
                         return [
                             2
                         ];
-                    }
-                    console.log(questions, "知识库内容11111");
-                    obj = {
-                        roomId: roomId,
-                        sender: mid,
-                        recevier: "AI",
-                        message: questions.question,
-                        extraInfos: [
-                            {
-                                key: "questionId",
-                                value: flag == 1 ? questions.value : questions.id
-                            }
-                        ]
-                    };
-                    //发送问题  1 类型，发送问题需要的参数，问题的答案id等
-                    sendingExistingIssues(1, obj, {
-                        key: "questionId",
-                        value: flag == 1 ? questions.value : questions.id,
-                        answer: questions.answer
-                    }, type);
-                    setKeyWord("");
-                    setQuestionsList([]);
-                    setCitationContent({});
-                } else if (userData.modules.some(function(item) {
-                    return item.short == "AIservice";
-                })) {
-                    console.log("citationContent", citationContent);
-                    sendData1 = {
-                        //相关数据
-                        roomId: roomId,
-                        message: keyWord,
-                        quotedMessage: citationContent.content || "",
-                        regenerate: citationContent.content != "" ? false : true,
-                        generateUpvoteOrDownvoteMessage: false
-                    };
-                    imageUrl = "";
-                    if (citationContent.imageUrl) {
-                        // let base64:string=await urlToBase64(citationContent.imageUrl) as string
-                        console.log("citationContent.imageUrl", citationContent.imageUrl);
-                        sendData1.image = citationContent.imageUrl;
-                        imageUrl = citationContent.imageUrl;
-                    }
-                    if (screenshotBese64) {
-                        console.log("screenshotBese64", screenshotBese64);
-                        sendData1.image = screenshotBese64;
-                        imageUrl = screenshotBese64;
-                    }
-                    if (pageNumHistory <= 1) {
-                        setHistoryMessageList(function(historyMessageList) {
-                            var newHistoryMessageList = historyMessageList.concat({
-                                roomId: roomId,
-                                sender: mid,
-                                recevier: "AI",
-                                message: keyWord,
-                                quotedMessage: citationContent.content,
-                                id: "p" + new Date().getTime(),
-                                upvoted: false,
-                                downvoted: false,
-                                createdAt: getDataTime(-1),
-                                extraInfo: imageUrl ? JSON.stringify([
-                                    {
-                                        key: "imageUrl",
-                                        value: imageUrl
-                                    }
-                                ]) : JSON.stringify([])
-                            });
-                            return newHistoryMessageList;
-                        });
-                    }
-                    setFinished(false);
-                    aiSendQuestions(3, sendData1, 1);
-                    setScreenshotBese64("");
-                //存在AI客服
-                } else {
-                    //不存在AI客服
-                    sendGreetingMessage(4);
                 }
-                return [
-                    2
-                ];
             });
         });
         return function sendMessage(item, flag) {
@@ -1107,69 +1148,76 @@ var CustomerService = function(props) {
             signal: ctrl.current.signal,
             openWhenHidden: true,
             onopen: function onopen(res) {
-                console.info("eventSource open: ", res);
-                clearTimeout(receiveMessageTimer.current);
-                if (res.status >= 300) {
-                    console.log("sdckjsdncskdcjsdc", res.status);
-                    setFinished(true);
-                    setHistoryMessageList(function(historyMessageList) {
-                        return historyMessageList.filter(function(item) {
-                            return item.id != "123456" && item.id != "654321";
-                        });
-                    });
-                    ctrl.current.abort();
-                }
-                if (res.status == 200) {
-                    setFinished(false);
-                }
-                if (res.status == 401) {
-                    //身份认证未通过,从新请求新的token后再次发送请求
-                    verifyJWT(urllocation).then(function() {
-                        console.log("重新请求");
-                        setHistoryMessageList(function(historyMessageList) {
-                            return historyMessageList.filter(function(item) {
-                                return item.id != "123456" && item.id != "654321";
+                return _async_to_generator(function() {
+                    return _ts_generator(this, function(_state) {
+                        console.info("eventSource open: ", res);
+                        clearTimeout(receiveMessageTimer.current);
+                        if (res.status >= 300) {
+                            console.log("sdckjsdncskdcjsdc", res.status);
+                            setFinished(true);
+                            setHistoryMessageList(function(historyMessageList) {
+                                return historyMessageList.filter(function(item) {
+                                    return item.id != "123456" && item.id != "654321";
+                                });
                             });
-                        });
-                        aiSendQuestions(type, obj, id);
-                    });
-                }
-                if (res.status == 403) {
-                    //暂无权限
-                    console.log("暂无权限");
-                    setHistoryMessageList(function(historyMessageList) {
-                        return historyMessageList.concat({
-                            roomId: roomId,
-                            sender: "AI",
-                            recevier: mid,
-                            message: "暂无权限",
-                            id: "123456",
-                            createdAt: "",
-                            extraInfo: null
-                        });
-                    });
-                }
-                if (res.status == 429) {
-                //同一时间只允许进行一个对话。
-                }
-                if (res.status == 429) {
-                    //每天问答的 Token 数必须小于等于 10 万。
-                    sendGreetingMessage(5);
-                }
-                if (res.status == 500) {
-                    // 系统错误，请稍后再试。
-                    setHistoryMessageList(function(historyMessageList) {
-                        return historyMessageList.concat({
-                            roomId: roomId,
-                            sender: "AI",
-                            recevier: mid,
-                            message: "系统出错了，请稍后重试！",
-                            id: "123456",
-                            createdAt: "",
-                            extraInfo: null
-                        });
+                            ctrl.current.abort();
+                        }
+                        if (res.status == 200) {
+                            setFinished(false);
+                        }
+                        if (res.status == 401) {
+                            //身份认证未通过,从新请求新的token后再次发送请求
+                            verifyJWT(urllocation).then(function() {
+                                console.log("重新请求");
+                                setHistoryMessageList(function(historyMessageList) {
+                                    return historyMessageList.filter(function(item) {
+                                        return item.id != "123456" && item.id != "654321";
+                                    });
+                                });
+                                aiSendQuestions(type, obj, id);
+                            });
+                        }
+                        if (res.status == 403) {
+                            //暂无权限
+                            console.log("暂无权限");
+                            setHistoryMessageList(function(historyMessageList) {
+                                return historyMessageList.concat({
+                                    roomId: roomId,
+                                    sender: "AI",
+                                    recevier: mid,
+                                    message: "暂无权限",
+                                    id: "123456",
+                                    createdAt: "",
+                                    extraInfo: null
+                                });
+                            });
+                        }
+                        if (res.status == 429) {
+                        //同一时间只允许进行一个对话。
+                        }
+                        if (res.status == 429) {
+                            //每天问答的 Token 数必须小于等于 10 万。
+                            sendGreetingMessage(5);
+                        }
+                        if (res.status == 500) {
+                            // 系统错误，请稍后再试。
+                            setHistoryMessageList(function(historyMessageList) {
+                                return historyMessageList.concat({
+                                    roomId: roomId,
+                                    sender: "AI",
+                                    recevier: mid,
+                                    message: "系统出错了，请稍后重试！",
+                                    id: "123456",
+                                    createdAt: "",
+                                    extraInfo: null
+                                });
+                            });
+                        }
+                        return [
+                            2
+                        ];
                     });
-                }
+                })();
             },
             onerror: function onerror(err) {
                 console.log(err, "dflkvdmfvlkdfv");
@@ -1190,31 +1238,39 @@ var CustomerService = function(props) {
                 //识别的内容
                 // console.log("eventSource msg: ", event.data);
                 var msg = JSON.parse(event.data);
-                if (msg.message) {
-                    content = content + msg.message;
-                    // isPosition.current = true;
-                    renderAiAnswerTimer.current = setTimeout(function() {
+                if (msg.message) {}
+                setFinished(function(prevData) {
+                    finishedRef.current = false;
+                    return finishedRef.current;
+                });
+                console.log("返回中", msg);
+                content = content + msg.message;
+                // isPosition.current = true;
+                renderAiAnswerTimer.current = setTimeout(function() {
+                    if (!finishedRef.current) {
                         renderAiAnswer(msg, id, type);
-                    }, 100);
-                }
+                    }
+                }, 100);
                 if (msg.finished) {
-                    setFinished(true); //发送结束
+                    // console.log('返回完成',msg)
+                    // setFinished(true); //发送结束
                     if (!flagKeyWord) {
                         videoPageQuestiionsList(2);
                     }
                     // isPosition.current = true;
-                    setTimeout(function() {
-                        isPosition.current = true;
-                    }, 100);
+                    // setTimeout(()=>{
+                    //   isPosition.current = true;
+                    // },100)
                     testLabQuestion(JSON.parse(data).message, content, "");
-                }
+                } else {}
             },
             onclose: function onclose() {
-                setFinished(true); //发送结束
-                // isPosition.current = true;
-                setTimeout(function() {
-                    isPosition.current = true;
-                }, 100);
+                console.log("eventSource close");
+                // setFinished(true); //发送结束
+                // // isPosition.current = true;
+                // setTimeout(()=>{
+                //   isPosition.current = true;
+                // },100)
                 setHistoryMessageList(function(historyMessageList) {
                     return historyMessageList.filter(function(item) {
                         return item.id != "123456";
@@ -1295,9 +1351,20 @@ var CustomerService = function(props) {
                 return newHistoryMessageList2;
             }
         });
-        var container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
-        if (container) {
-            container.scrollTop = container.scrollHeight;
+        console.log("isPosition", isPosition.current);
+        if (isPosition.current) {
+            var container = document.getElementById(showType == 1 || showType == 3 ? "chat_content" : "chat_content_modal");
+            if (container) {
+                container.scrollTop = container.scrollHeight;
+            }
+        }
+        if (msg.finished) {
+            console.log("返回完成", msg);
+            //发送结束
+            setFinished(function(prevData) {
+                finishedRef.current = true;
+                return finishedRef.current;
+            });
         }
     // console.log('historyMessageList',historyMessageList)
     // if(isPosition.current){
@@ -2699,7 +2766,11 @@ var CustomerService = function(props) {
                                                 return item.id != "123456";
                                             });
                                         });
-                                        setFinished(true);
+                                        // setFinished(true);
+                                        setFinished(function(prevData) {
+                                            finishedRef.current = true;
+                                            return finishedRef.current;
+                                        });
                                         onEvent(serverName + serverUrl(), "click_智能问答_停止生成", "提交");
                                     }
                                 }),
@@ -2717,7 +2788,11 @@ var CustomerService = function(props) {
                                                 return item.id != "123456";
                                             });
                                         });
-                                        setFinished(true);
+                                        // setFinished(true);
+                                        setFinished(function(prevData) {
+                                            finishedRef.current = true;
+                                            return finishedRef.current;
+                                        });
                                         onEvent(serverName + serverUrl(), "click_智能问答_停止生成", "提交");
                                     },
                                     children: "停止生成"