ze-react-component-library
Version:
ZeroETP React Component Library
271 lines (220 loc) • 9.16 kB
JavaScript
;
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
require("antd/lib/avatar/style");
var _avatar = _interopRequireDefault(require("antd/lib/avatar"));
var _react = _interopRequireWildcard(require("react"));
require("./index.less");
var _hooks = require("@umijs/hooks");
var _MeasurementsGuideViewer = _interopRequireDefault(require("../../components/MeasurementsGuideViewer"));
var _request = require("../../request");
var _markdownToJsx = _interopRequireDefault(require("markdown-to-jsx"));
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var __awaiter = void 0 && (void 0).__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 = void 0 && (void 0).__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
};
}
};
var useMobileDetect = require("use-mobile-detect-hook");
var ErrorDisplayer = function ErrorDisplayer(_a) {
var _b;
var question = _a.question,
askMore = _a.askMore,
avatarSrc = _a.avatarSrc,
error = _a.error;
var _c = (0, _react.useState)(false),
showMeasurementsGuide = _c[0],
setShowMeasurementsGuide = _c[1]; // LLM
var _d = (0, _react.useState)(""),
llmChatAnswer = _d[0],
setLLMChatAnswer = _d[1];
var _e = (0, _react.useState)(true),
useLLM = _e[0],
setUseLLM = _e[1];
var loading = (0, _hooks.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*/
, (0, _request.requestSetting)("llm")];
case 1:
llmConfig = _a.sent();
if (question && question.trim().length > 0 && llmConfig.enable) {
setUseLLM(true);
return [2
/*return*/
, (0, _request.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 = (0, _hooks.useRequest)(function () {
return (0, _request.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.default.createElement(_react.default.Fragment, null, !showMeasurementsGuide && /*#__PURE__*/_react.default.createElement("div", {
className: "ze-error-displayer-container"
}, !isMobile && /*#__PURE__*/_react.default.createElement(_avatar.default, {
size: "large",
style: {
flexShrink: 0
},
src: avatarSrc || "/images/alisa.png"
}), /*#__PURE__*/_react.default.createElement("div", {
style: {
marginLeft: 20
}
}, ((llmChatAnswer === null || llmChatAnswer === void 0 ? void 0 : llmChatAnswer.length) > 0 || !useLLM) && /*#__PURE__*/_react.default.createElement(_markdownToJsx.default, null, (llmChatAnswer === null || llmChatAnswer === void 0 ? void 0 : llmChatAnswer.length) > 0 && !llmChatAnswer.startsWith('{"error":"') ? llmChatAnswer : error), !loading && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "\u5982\u679C\u60A8\u4E0D\u6E05\u695A\u6709\u54EA\u4E9B\u6307\u6807\u53EF\u67E5\uFF0C\u70B9\u6B64\u67E5\u8BE2", /*#__PURE__*/_react.default.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.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.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.default.createElement("div", {
key: g.target
}, /*#__PURE__*/_react.default.createElement("a", {
onClick: function onClick(e) {
e.preventDefault();
askMore === null || askMore === void 0 ? void 0 : askMore(g.target);
}
}, "\xB7 ", g.target));
})))), showMeasurementsGuide && /*#__PURE__*/_react.default.createElement(_MeasurementsGuideViewer.default, null));
};
var _default = ErrorDisplayer;
exports.default = _default;