ze-react-component-library
Version:
ZeroETP React Component Library
250 lines (210 loc) • 7.05 kB
JavaScript
import "antd/es/avatar/style";
import _Avatar from "antd/es/avatar";
var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
function adopt(value) {
return value instanceof P ? value : new P(function (resolve) {
resolve(value);
});
}
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) {
try {
step(generator.next(value));
} catch (e) {
reject(e);
}
}
function rejected(value) {
try {
step(generator["throw"](value));
} catch (e) {
reject(e);
}
}
function step(result) {
result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
}
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
var __generator = this && this.__generator || function (thisArg, body) {
var _ = {
label: 0,
sent: function sent() {
if (t[0] & 1) throw t[1];
return t[1];
},
trys: [],
ops: []
},
f,
y,
t,
g;
return g = {
next: verb(0),
"throw": verb(1),
"return": verb(2)
}, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
return this;
}), g;
function verb(n) {
return function (v) {
return step([n, v]);
};
}
function step(op) {
if (f) throw new TypeError("Generator is already executing.");
while (_) {
try {
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
if (y = 0, t) op = [op[0] & 2, t.value];
switch (op[0]) {
case 0:
case 1:
t = op;
break;
case 4:
_.label++;
return {
value: op[1],
done: false
};
case 5:
_.label++;
y = op[1];
op = [0];
continue;
case 7:
op = _.ops.pop();
_.trys.pop();
continue;
default:
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
_ = 0;
continue;
}
if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
_.label = op[1];
break;
}
if (op[0] === 6 && _.label < t[1]) {
_.label = t[1];
t = op;
break;
}
if (t && _.label < t[2]) {
_.label = t[2];
_.ops.push(op);
break;
}
if (t[2]) _.ops.pop();
_.trys.pop();
continue;
}
op = body.call(thisArg, _);
} catch (e) {
op = [6, e];
y = 0;
} finally {
f = t = 0;
}
}
if (op[0] & 5) throw op[1];
return {
value: op[0] ? op[1] : void 0,
done: true
};
}
};
import React, { useState } from "react";
import "./index.less";
import { useRequest } from "@umijs/hooks";
var useMobileDetect = require("use-mobile-detect-hook");
import MeasurementsGuideViewer from "../../components/MeasurementsGuideViewer";
import { requestGuess, requestLLMErrorSuggestion, requestSetting } from "../../request";
import Markdown from "markdown-to-jsx";
var ErrorDisplayer = function ErrorDisplayer(_a) {
var _b;
var question = _a.question,
askMore = _a.askMore,
avatarSrc = _a.avatarSrc,
error = _a.error;
var _c = useState(false),
showMeasurementsGuide = _c[0],
setShowMeasurementsGuide = _c[1]; // LLM
var _d = useState(""),
llmChatAnswer = _d[0],
setLLMChatAnswer = _d[1];
var _e = useState(true),
useLLM = _e[0],
setUseLLM = _e[1];
var loading = useRequest(function () {
return __awaiter(void 0, void 0, void 0, function () {
var llmConfig;
return __generator(this, function (_a) {
switch (_a.label) {
case 0:
return [4
/*yield*/
, requestSetting("llm")];
case 1:
llmConfig = _a.sent();
if (question && question.trim().length > 0 && llmConfig.enable) {
setUseLLM(true);
return [2
/*return*/
, requestLLMErrorSuggestion(question, function (delta) {
// console.log("delta", delta);
setLLMChatAnswer(function (current) {
return current + delta;
});
})];
}
setUseLLM(false);
return [2
/*return*/
, new Promise(function (resolve) {
return resolve("");
})];
}
});
});
}).loading;
var guesses = useRequest(function () {
return requestGuess(question);
}, {
initialData: [],
formatResult: function formatResult(res) {
return res.data;
}
}).data;
var isMobile = (_b = useMobileDetect()) === null || _b === void 0 ? void 0 : _b.isMobile();
return /*#__PURE__*/React.createElement(React.Fragment, null, !showMeasurementsGuide && /*#__PURE__*/React.createElement("div", {
className: "ze-error-displayer-container"
}, !isMobile && /*#__PURE__*/React.createElement(_Avatar, {
size: "large",
style: {
flexShrink: 0
},
src: avatarSrc || "/images/alisa.png"
}), /*#__PURE__*/React.createElement("div", {
style: {
marginLeft: 20
}
}, ((llmChatAnswer === null || llmChatAnswer === void 0 ? void 0 : llmChatAnswer.length) > 0 || !useLLM) && /*#__PURE__*/React.createElement(Markdown, null, (llmChatAnswer === null || llmChatAnswer === void 0 ? void 0 : llmChatAnswer.length) > 0 && !llmChatAnswer.startsWith('{"error":"') ? llmChatAnswer : error), !loading && /*#__PURE__*/React.createElement(React.Fragment, null, "\u5982\u679C\u60A8\u4E0D\u6E05\u695A\u6709\u54EA\u4E9B\u6307\u6807\u53EF\u67E5\uFF0C\u70B9\u6B64\u67E5\u8BE2", /*#__PURE__*/React.createElement("a", {
onClick: function onClick() {
setShowMeasurementsGuide(true);
}
}, "\u6240\u6709\u6307\u6807"), "\u3002"), !loading && (guesses === null || guesses === void 0 ? void 0 : guesses.length) > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, /*#__PURE__*/React.createElement("strong", null, "\u60A8\u6216\u8BB8\u53EF\u4EE5\u5C1D\u8BD5\u4EE5\u4E0B\u95EE\u9898\uFF1A")), guesses.slice(0, 5).map(function (g) {
return /*#__PURE__*/React.createElement("div", {
key: g.target
}, /*#__PURE__*/React.createElement("a", {
onClick: function onClick(e) {
e.preventDefault();
askMore === null || askMore === void 0 ? void 0 : askMore(g.target);
}
}, "\xB7 ", g.target));
})))), showMeasurementsGuide && /*#__PURE__*/React.createElement(MeasurementsGuideViewer, null));
};
export default ErrorDisplayer;