eli-video-interview 1.5.0 → 1.6.0

package/lib/components/Charts/ReportPie.js

@@ -120,8 +120,8 @@ var ReportPie = function (props) {
                 itemStyle: {
                     color: function (_a) {
                         var _b;
-                        var level = _a.data.level;
-                        return (_b = const_1.levelMapping[level]) === null || _b === void 0 ? void 0 : _b.itemColor;
+                        var _c = _a.data, avgScore = _c.avgScore, level = _c.level;
+                        return (_b = const_1.levelMapping[avgScore != null ? getLevel(avgScore) : level]) === null || _b === void 0 ? void 0 : _b.itemColor;
                     },
                     shadowBlur: 4,
                     shadowColor: 'rgba(0, 0, 0, 0.16)',

package/lib/index.d.ts

@@ -1,6 +1,7 @@
 export { default as AiQuestion } from './modules/ai-question';
 export { default as AiReport } from './modules/ai-report';
 export { default as AiReportV2 } from './modules/ai-report-v2';
+export { default as AiReportV3 } from './modules/ai-report-v3';
 export { default as AiTemplate } from './modules/ai-template';
 export { default as AiAbility } from './modules/ai-ability';
 export { default as AiAbilitySelect } from './modules/ai-ability-select';
@@ -8,4 +9,5 @@ export { default as VideoPreview } from './components/VideoPreview';
 export { useAiQuestion } from './modules/ai-question/useAiQuestion';
 export { useAiReport } from './modules/ai-report/useAiReport';
 export { useAiReportV2 } from './modules/ai-report-v2/useAiReport';
+export { useAiReportV3 } from './modules/ai-report-v3/useAiReport';
 export { avocadoVideoInterview } from './utils/config';

package/lib/index.js

@@ -3,13 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.avocadoVideoInterview = exports.useAiReportV2 = exports.useAiReport = exports.useAiQuestion = exports.VideoPreview = exports.AiAbilitySelect = exports.AiAbility = exports.AiTemplate = exports.AiReportV2 = exports.AiReport = exports.AiQuestion = void 0;
+exports.avocadoVideoInterview = exports.useAiReportV3 = exports.useAiReportV2 = exports.useAiReport = exports.useAiQuestion = exports.VideoPreview = exports.AiAbilitySelect = exports.AiAbility = exports.AiTemplate = exports.AiReportV3 = exports.AiReportV2 = exports.AiReport = exports.AiQuestion = void 0;
 var ai_question_1 = require("./modules/ai-question");
 Object.defineProperty(exports, "AiQuestion", { enumerable: true, get: function () { return __importDefault(ai_question_1).default; } });
 var ai_report_1 = require("./modules/ai-report");
 Object.defineProperty(exports, "AiReport", { enumerable: true, get: function () { return __importDefault(ai_report_1).default; } });
 var ai_report_v2_1 = require("./modules/ai-report-v2");
 Object.defineProperty(exports, "AiReportV2", { enumerable: true, get: function () { return __importDefault(ai_report_v2_1).default; } });
+var ai_report_v3_1 = require("./modules/ai-report-v3");
+Object.defineProperty(exports, "AiReportV3", { enumerable: true, get: function () { return __importDefault(ai_report_v3_1).default; } });
 var ai_template_1 = require("./modules/ai-template");
 Object.defineProperty(exports, "AiTemplate", { enumerable: true, get: function () { return __importDefault(ai_template_1).default; } });
 var ai_ability_1 = require("./modules/ai-ability");
@@ -24,5 +26,7 @@ var useAiReport_1 = require("./modules/ai-report/useAiReport");
 Object.defineProperty(exports, "useAiReport", { enumerable: true, get: function () { return useAiReport_1.useAiReport; } });
 var useAiReport_2 = require("./modules/ai-report-v2/useAiReport");
 Object.defineProperty(exports, "useAiReportV2", { enumerable: true, get: function () { return useAiReport_2.useAiReportV2; } });
+var useAiReport_3 = require("./modules/ai-report-v3/useAiReport");
+Object.defineProperty(exports, "useAiReportV3", { enumerable: true, get: function () { return useAiReport_3.useAiReportV3; } });
 var config_1 = require("./utils/config");
 Object.defineProperty(exports, "avocadoVideoInterview", { enumerable: true, get: function () { return config_1.avocadoVideoInterview; } });

package/lib/modules/ai-report/components/AIEvaluate/index.js

@@ -51,7 +51,7 @@ var Index = function () {
     // }, [expand]);
     if (!showAiDimension || ((_a = reportResult === null || reportResult === void 0 ? void 0 : reportResult.evaluations) === null || _a === void 0 ? void 0 : _a.length) === 0)
         return null;
-    return ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ id: "report-evaluate", px: 2, mt: 2 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", height: 56, alignItems: "center", spacing: 1, marginBottom: 1 }, { children: [(0, jsx_runtime_1.jsx)(AiHeaderTitle_1.default, { name: "AI\u57FA\u7840\u80FD\u529B" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Tooltip, __assign({ title: (0, jsx_runtime_1.jsxs)("span", { children: ["\u7ED3\u679C\u8BF4\u660E\uFF1A", (0, jsx_runtime_1.jsx)("br", {}), "AI\u57FA\u7840\u80FD\u529B\u4ECE\u8BED\u901F\u3001\u666E\u901A\u8BDD\u3001\u8BED\u8A00\u6D41\u7545\u5EA6\u3001\u8981\u70B9\u5206\u6790\u5339\u914D\u5EA6\u3001\u8BED\u8A00\u4E30\u5BCC\u5EA6\u3001\u5F62\u8C61\u516D\u4E2A\u7EF4\u5EA6\u5BF9\u5019\u9009\u4EBA\u5728\u9762\u8BD5\u4E2D\u7684\u56DE\u7B54\u8868\u73B0\u8FDB\u884C\u8BC4\u4EF7\uFF0C\u6BCF\u4E2A\u7EF4\u5EA6\u5206\u4E3A\u4E09\u4E2A\u6863\uFF0C\u5206\u522B\u4E3A\uFF1A\u524D30%\u4EE3\u8868\u4F18\u79C0\u3001\u4E2D\u95F430%~70%\u4EE3\u8868\u9002\u4E2D\u3001\u540E30%\u4EE3\u8868\u6B20\u4F73\u3002", (0, jsx_runtime_1.jsx)("br", {}), "\u6BCF\u4E2A\u80FD\u529B\u7684\u4E09\u6863\u7684\u5206\u6570\u503C\u4F9D\u636E\u5168\u56FD\u5927\u6570\u636E\u7EDF\u8BA1\u800C\u5B9A\u3002\u6839\u636E\u5019\u9009\u4EBA\u5F53\u524DAI\u89C6\u9891\u6B65\u9AA4\u4E0B\u7684\u6BCF\u4E2A\u80FD\u529B\u7684\u5E73\u5747\u5206\u6765\u786E\u5B9A\u6BCF\u4E2A\u80FD\u529B\u7684\u8BC4\u4EF7\u3002\u76F8\u540C\u7684\u5F97\u5206\uFF0C\u6210\u7EE9\u5148\u51FA\u7684\u6392\u540D\u9760\u524D\u3002"] }) }, { children: (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoOutlineIcon, { sx: { fontSize: '16px' } }) })) }))] })), (0, jsx_runtime_1.jsxs)(mui_1.Collapse, __assign({ in: expand }, { children: [(_b = reportResult === null || reportResult === void 0 ? void 0 : reportResult.evaluations) === null || _b === void 0 ? void 0 : _b.map(function (v) {
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ id: "report-ai-dimension", px: 2, mt: 2 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", height: 56, alignItems: "center", spacing: 1, marginBottom: 1 }, { children: [(0, jsx_runtime_1.jsx)(AiHeaderTitle_1.default, { name: "AI\u57FA\u7840\u80FD\u529B" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Tooltip, __assign({ title: (0, jsx_runtime_1.jsxs)("span", { children: ["\u7ED3\u679C\u8BF4\u660E\uFF1A", (0, jsx_runtime_1.jsx)("br", {}), "AI\u57FA\u7840\u80FD\u529B\u4ECE\u8BED\u901F\u3001\u666E\u901A\u8BDD\u3001\u8BED\u8A00\u6D41\u7545\u5EA6\u3001\u8981\u70B9\u5206\u6790\u5339\u914D\u5EA6\u3001\u8BED\u8A00\u4E30\u5BCC\u5EA6\u3001\u5F62\u8C61\u516D\u4E2A\u7EF4\u5EA6\u5BF9\u5019\u9009\u4EBA\u5728\u9762\u8BD5\u4E2D\u7684\u56DE\u7B54\u8868\u73B0\u8FDB\u884C\u8BC4\u4EF7\uFF0C\u6BCF\u4E2A\u7EF4\u5EA6\u5206\u4E3A\u4E09\u4E2A\u6863\uFF0C\u5206\u522B\u4E3A\uFF1A\u524D30%\u4EE3\u8868\u4F18\u79C0\u3001\u4E2D\u95F430%~70%\u4EE3\u8868\u9002\u4E2D\u3001\u540E30%\u4EE3\u8868\u6B20\u4F73\u3002", (0, jsx_runtime_1.jsx)("br", {}), "\u6BCF\u4E2A\u80FD\u529B\u7684\u4E09\u6863\u7684\u5206\u6570\u503C\u4F9D\u636E\u5168\u56FD\u5927\u6570\u636E\u7EDF\u8BA1\u800C\u5B9A\u3002\u6839\u636E\u5019\u9009\u4EBA\u5F53\u524DAI\u89C6\u9891\u6B65\u9AA4\u4E0B\u7684\u6BCF\u4E2A\u80FD\u529B\u7684\u5E73\u5747\u5206\u6765\u786E\u5B9A\u6BCF\u4E2A\u80FD\u529B\u7684\u8BC4\u4EF7\u3002\u76F8\u540C\u7684\u5F97\u5206\uFF0C\u6210\u7EE9\u5148\u51FA\u7684\u6392\u540D\u9760\u524D\u3002"] }) }, { children: (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoOutlineIcon, { sx: { fontSize: '16px' } }) })) }))] })), (0, jsx_runtime_1.jsxs)(mui_1.Collapse, __assign({ in: expand }, { children: [(_b = reportResult === null || reportResult === void 0 ? void 0 : reportResult.evaluations) === null || _b === void 0 ? void 0 : _b.map(function (v) {
                         var _a;
                         var c = customInterviewDimRankMap === null || customInterviewDimRankMap === void 0 ? void 0 : customInterviewDimRankMap[v.evaluationToken];
                         var rank = (0, utils_1.rankPercent)((c === null || c === void 0 ? void 0 : c.rank) || (v === null || v === void 0 ? void 0 : v.rank), (c === null || c === void 0 ? void 0 : c.total) || (v === null || v === void 0 ? void 0 : v.total));

package/lib/modules/ai-report/interface.d.ts

@@ -115,10 +115,36 @@ export interface FollowupQuestion {
     desc: string;
     answer: string;
 }
+export interface ReportQuestionCollection {
+    token: string;
+    name: string;
+    tag?: string;
+    type?: number;
+    isWorkplace?: boolean;
+    define?: string;
+    keyPoints?: string[];
+    interviewQuestions?: string[];
+}
+export interface ReportTag {
+    token: string;
+    name: string;
+    sentiment?: number;
+    type?: number;
+    color?: number;
+}
+export interface AiCandidateInfo {
+    name: string;
+    mobile: string;
+    processName: string;
+    positionName: string;
+    avatar: string;
+    tags?: ReportTag[];
+}
 export interface AiInterviewReportStep {
     token: string;
     status: number;
     question: Question;
+    questionCollection?: ReportQuestionCollection;
     answer: Answer;
     scoreInfo: ScoreInfo;
     aiEvaluation: AiEvaluation;
@@ -137,6 +163,8 @@ export interface SummaryText {
 export interface AiInterviewReportList {
     orderToken: string;
     aiModel: AiModel;
+    candidateInfo?: AiCandidateInfo;
+    tags?: ReportTag[];
     collection: Collection[];
     faceUrl: string;
     faceAnalysis: FaceAnalysis;

package/lib/modules/ai-report-v3/Root.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { AiReportProps, AiReportRef } from './interface';
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<AiReportProps & import("react").RefAttributes<AiReportRef>>>;
+export default _default;

package/lib/modules/ai-report-v3/Root.js

@@ -0,0 +1,115 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var AIEvaluate_1 = __importDefault(require("./components/AIEvaluate"));
+var CapabilityTable_1 = __importDefault(require("./components/CapabilityTable/CapabilityTable"));
+var Form_1 = require("./components/Form");
+var NotFinish_1 = __importDefault(require("./components/NotFinish"));
+var SectionTabs_1 = __importDefault(require("./components/SectionTabs/SectionTabs"));
+var V3Header_1 = __importDefault(require("./components/V3Header/V3Header"));
+var VideoQuestion_1 = __importDefault(require("./components/VideoQuestion"));
+var ai_report_1 = require("../../enum/ai-report");
+var ai_report_2 = require("../../services/ai-report");
+var global_store_1 = require("../../store/ai-report/global-store");
+var ahooks_1 = require("ahooks");
+var fbm_ui_1 = require("fbm-ui");
+var react_1 = require("react");
+var NO_ANSWER = ai_report_1.INTERVIEW_STATUS.NO_ANSWER;
+var AiReportRoot = (0, react_1.forwardRef)(function (props, ref) {
+    var token = props.token, v3AssetBase = props.v3AssetBase, customScore = props.customScore, reminderSent = props.reminderSent, operableButtons = props.operableButtons, onLoad = props.onLoad, onExportReportClick = props.onExportReportClick, onSendReminderClick = props.onSendReminderClick, fetchFormResult = props.fetchFormResult, fetchCandidateInfo = props.fetchCandidateInfo, fetchReportUrl = props.fetchReportUrl, isExportPdf = props.isExportPdf;
+    var firstLoad = (0, react_1.useRef)(true);
+    var _a = (0, global_store_1.useAiReportStore)(), updateState = _a.updateState, updateReportResult = _a.updateReportResult, reportResult = _a.reportResult, interviewCheat = _a.interviewCheat;
+    var _b = (reportResult || {}).collection, collection = _b === void 0 ? [] : _b;
+    var _c = reportResult || {}, _d = _c.completedStatus, completedStatus = _d === void 0 ? ai_report_1.COMPLETED_STATUS.NOT_START : _d, _e = _c.screenSwitchCount, screenSwitchCount = _e === void 0 ? 0 : _e;
+    var hasRisk = completedStatus === ai_report_1.COMPLETED_STATUS.NOT_COMPLETED || !!(interviewCheat === null || interviewCheat === void 0 ? void 0 : interviewCheat.isCheat) || screenSwitchCount > 0;
+    var _f = (0, ahooks_1.useRequest)(function () { return (0, ai_report_2.PostAiInterviewResult)([token]); }, {
+        manual: true,
+        onSuccess: function (_a) {
+            var list = _a.data.list;
+            var result = list[0];
+            updateReportResult(result);
+            if (firstLoad.current) {
+                var pageStepIndexes_1 = [];
+                result.steps.forEach(function (_a, index) {
+                    var videoUrl = _a.answer.videoUrl;
+                    if (videoUrl) {
+                        pageStepIndexes_1.push(index);
+                    }
+                });
+                firstLoad.current = false;
+                onLoad === null || onLoad === void 0 ? void 0 : onLoad(__assign({ pageStepIndexes: pageStepIndexes_1 }, result));
+            }
+        },
+    }), data = _f.data, loading = _f.loading, postAiInterviewResult = _f.run;
+    var status = (data === null || data === void 0 ? void 0 : data.data.list[0].status) || NO_ANSWER;
+    var handleRefreshSuccess = (0, react_1.useCallback)(function () {
+        postAiInterviewResult();
+    }, [postAiInterviewResult]);
+    (0, react_1.useImperativeHandle)(ref, function () { return ({
+        handleRefresh: function () { return postAiInterviewResult(); },
+    }); });
+    (0, react_1.useEffect)(function () {
+        firstLoad.current = true;
+        postAiInterviewResult();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [token]);
+    (0, react_1.useEffect)(function () {
+        updateState(props);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [JSON.stringify(props)]);
+    var content = (0, react_1.useMemo)(function () {
+        if (loading) {
+            return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: "100%", display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", style: { marginTop: '149px' } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { children: (0, jsx_runtime_1.jsx)("img", { src: "//webcdn.fbmms.cn/web/saas/asset/image/CandidateInfoEmpty.png", alt: "", style: { width: '140px', height: '140px' } }) }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ mt: 2 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", color: "textPrimary", style: { fontWeight: '500' } }, { children: "\u62A5\u544A\u52A0\u8F7D\u4E2D\uFF0C\u8BF7\u7A0D\u540E" })) }))] })));
+        }
+        if (status === NO_ANSWER) {
+            return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: "100%", display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", style: { marginTop: '149px' } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { children: (0, jsx_runtime_1.jsx)("img", { src: "//webcdn.fbmms.cn/web/saas/asset/image/CandidateInfoEmpty.png", alt: "", style: { width: '140px', height: '140px' } }) }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ mt: 2 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", color: "textPrimary", style: { fontWeight: '500' } }, { children: "\u8BE5\u5019\u9009\u4EBA\u5C1A\u672A\u5F00\u59CB\u9762\u8BD5" })) })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('sendReminder')) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ style: { marginTop: '2px' } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: "\u82E5\u957F\u65F6\u95F4\u672A\u5F00\u59CB\uFF0C\u5EFA\u8BAE\u4F60\u7ED9\u5019\u9009\u4EBA\u53D1\u9001\u77ED\u4FE1\u63D0\u9192" })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ mt: 2 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ size: "large", variant: "outlined", color: "primary", disabled: reminderSent, onClick: onSendReminderClick }, { children: reminderSent ? '已提醒' : '发送提醒' })) }))] }))] })));
+        }
+        return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ sx: { background: '#F7F8FA', minHeight: 618, px: 3 } }, { children: [(0, jsx_runtime_1.jsx)(SectionTabs_1.default, { hasRisk: hasRisk, operableButtons: operableButtons, onExportReportClick: onExportReportClick, fetchReportUrl: fetchReportUrl }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: {
+                        py: 2,
+                    } }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ sx: {
+                            maxWidth: 1342,
+                            mx: 'auto',
+                            backgroundColor: '#fff',
+                            border: '1px solid rgba(0,0,0,0.06)',
+                            boxShadow: '0 6px 24px rgba(0,0,0,0.10)',
+                            borderRadius: 2,
+                            overflow: 'hidden',
+                            pb: 3,
+                        } }, { children: [hasRisk && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ id: "report-risk-alert" }, { children: (0, jsx_runtime_1.jsx)(NotFinish_1.default, {}) }))), (0, jsx_runtime_1.jsx)(V3Header_1.default, { v3AssetBase: v3AssetBase, status: status, customScore: customScore, onRefreshSuccess: handleRefreshSuccess, fetchCandidateInfo: fetchCandidateInfo }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ sx: { mx: 2, mt: 1.5 } }, { children: [((collection === null || collection === void 0 ? void 0 : collection.length) > 0 || !!(reportResult === null || reportResult === void 0 ? void 0 : reportResult.workplaceEvaluation)) && ((0, jsx_runtime_1.jsx)(AIEvaluate_1.default, {})), (0, jsx_runtime_1.jsx)(CapabilityTable_1.default, {}), fetchFormResult && (0, jsx_runtime_1.jsx)(Form_1.FormReport, { fetchFormResult: fetchFormResult }), (0, jsx_runtime_1.jsx)(VideoQuestion_1.default, { isExportPdf: isExportPdf })] }))] })) }))] })));
+    }, [
+        loading,
+        status,
+        operableButtons,
+        reminderSent,
+        onSendReminderClick,
+        collection,
+        customScore,
+        handleRefreshSuccess,
+        fetchCandidateInfo,
+        fetchReportUrl,
+        fetchFormResult,
+        isExportPdf,
+    ]);
+    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ loading: firstLoad.current && loading, sx: {
+            width: '100%',
+            minHeight: 618,
+            background: '#F7F8FA',
+            fontFamily: '"Source Han Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif',
+        } }, { children: content })));
+});
+AiReportRoot.displayName = 'AiReportRoot';
+exports.default = (0, react_1.memo)(AiReportRoot);

package/lib/modules/ai-report-v3/components/AIEvaluate/Evaluate.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare type Mode = 'edit' | 'show';
+interface EvaluateProps {
+    title: string;
+    evaluation: string;
+    mode?: Mode;
+    canEdit?: boolean;
+    orderToken: string;
+}
+declare const Evaluate: React.FC<EvaluateProps>;
+export default Evaluate;

package/lib/modules/ai-report-v3/components/AIEvaluate/Evaluate.js

@@ -0,0 +1,81 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ai_report_1 = require("../../../../services/ai-report");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var react_1 = require("react");
+var ModuleTitle_1 = require("../ModuleTitle");
+var Evaluate = function (_a) {
+    var title = _a.title, evaluation = _a.evaluation, orderToken = _a.orderToken, _b = _a.mode, mode = _b === void 0 ? 'show' : _b, _c = _a.canEdit, canEdit = _c === void 0 ? 'false' : _c;
+    var _d = __read((0, react_1.useState)(evaluation), 2), content = _d[0], setContent = _d[1];
+    var _e = __read((0, react_1.useState)('show'), 2), internalMode = _e[0], setInternalMode = _e[1];
+    var handleChange = (0, react_1.useCallback)(function (e) {
+        var value = e.target.value;
+        setContent(value);
+    }, []);
+    var handleModeChange = (0, react_1.useCallback)(function () {
+        setInternalMode(internalMode === 'show' ? 'edit' : 'show');
+    }, [internalMode]);
+    var isValidate = (0, react_1.useMemo)(function () {
+        return content.trim().length > 0;
+    }, [content]);
+    var handleSubmit = (0, react_1.useCallback)(function () {
+        if (!isValidate)
+            return;
+        (0, fbm_ui_1.confirm)({
+            header: null,
+            content: '确认将评价内容修改吗？该动作无法被撤销。',
+            okText: '修改',
+            okProps: {
+                color: 'error',
+                variant: 'contained',
+            },
+            onOk: function (_a) {
+                var onClose = _a.onClose;
+                var data = {
+                    orderToken: orderToken,
+                    manualEvaluation: content,
+                };
+                (0, ai_report_1.PostInterviewEvaluation)(data).then(handleModeChange).then(onClose).catch(console.error);
+            },
+        });
+    }, [isValidate, orderToken, content, handleModeChange]);
+    (0, react_1.useEffect)(function () {
+        setInternalMode(mode);
+    }, [mode]);
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ sx: {
+            mt: 3,
+        } }, { children: [(0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ mb: 1, position: "relative" }, { children: (0, jsx_runtime_1.jsx)(ModuleTitle_1.ModuleTitle, { title: title, action: canEdit ? ((0, jsx_runtime_1.jsx)("img", { onClick: handleModeChange, src: "https://webcdn.fbmms.cn/assets/pWED/KpgryvNScI7XZdjNBgTNC", alt: "", style: { width: 24, height: 24, cursor: 'pointer' } })) : undefined }) })), internalMode === 'edit' && ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ width: 1, pr: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, { sx: { height: 'auto', pr: 0 }, multiline: true, rows: 3.5, required: true, name: "name", placeholder: "", value: content, onChange: handleChange, error: !isValidate }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ boxSizing: "border-box", mr: 2, mt: 1, spacing: 1, direction: "row", width: 1, justifyContent: "flex-end" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ size: "medium", variant: "text", color: "secondary", onClick: function () {
+                                    handleModeChange();
+                                    setContent(evaluation);
+                                } }, { children: "\u53D6\u6D88" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ size: "medium", onClick: handleSubmit }, { children: "\u4FDD\u5B58" }))] }))] }))), internalMode === 'show' && ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ sx: { border: '1px solid #EBFCF7', borderRadius: 2, padding: '12px 16px', background: '#fff' } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "textSecondary", sx: { whiteSpace: 'pre-wrap', fontSize: 14, lineHeight: 1.8 } }, { children: content })) })))] })));
+};
+exports.default = Evaluate;

package/lib/modules/ai-report-v3/components/AIEvaluate/Graph.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+interface Dimension {
+    name: string;
+    score: number;
+}
+export declare function getLevel(score: any): {
+    label: string;
+    width: number;
+    fontColor: string;
+    color: number[];
+    gradient: string[];
+    scoreGradient: string[];
+    backgroundColor: string;
+    shadowColor: string;
+    endScore: number;
+    pointColor: string[];
+};
+interface GraphProps {
+    items: Array<Dimension>;
+}
+declare const _default: import("react").NamedExoticComponent<GraphProps>;
+export default _default;

package/lib/modules/ai-report-v3/components/AIEvaluate/Graph.js

@@ -0,0 +1,276 @@
+"use strict";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLevel = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+function setupCanvas(canvas) {
+    var dpr = window.devicePixelRatio || 1;
+    var rect = canvas.getBoundingClientRect();
+    canvas.width = rect.width * dpr;
+    canvas.height = rect.height * dpr;
+    var ctx = canvas.getContext('2d');
+    ctx.scale(dpr, dpr);
+    return ctx;
+}
+// interface GradeColor {
+//   Bad: Array<number>;
+//   Good: Array<number>;
+//   Best: Array<number>;
+// }
+var MAX_WIDTH = 315;
+var MAX_HEIGHT = 24;
+var levelOrder = ['Bad', 'Good', 'Best'];
+var levelOrderScore = [0, 60, 80, 100];
+var levelConf = {
+    Bad: {
+        label: '欠佳',
+        width: (MAX_WIDTH * 0.6) | 0,
+        fontColor: '#0D67FF',
+        color: [229, 115, 115],
+        gradient: ['#629CFF', 'rgba(75,141,255,0.08)'],
+        scoreGradient: ['#4B87F0', '#D2E2FF'],
+        backgroundColor: 'rgba(98,156,255,0.15)',
+        shadowColor: 'rgba(98, 156, 255, 0.40)',
+        endScore: 60,
+        pointColor: ['RGB(229, 115, 115)', 'RGB(255, 67, 102)'],
+    },
+    Good: {
+        label: '适中',
+        width: (MAX_WIDTH * 0.2) | 0,
+        fontColor: '#00A276',
+        color: [255, 183, 77],
+        gradient: ['#00D99D', '#CBFFF1'],
+        scoreGradient: ['#0ACB96', '#65FFD4'],
+        backgroundColor: 'rgba(0,217,157,0.15)',
+        shadowColor: 'rgba(0, 217, 157, 0.40)',
+        endScore: 80,
+        pointColor: ['RGB(255, 183, 77)', 'RGB(255, 152, 0)'],
+    },
+    Best: {
+        label: '优秀',
+        width: (MAX_WIDTH * 0.2) | 0,
+        fontColor: '#DF8500',
+        color: [0, 217, 157],
+        gradient: ['#FF9903', 'rgba(255,218,165,0.29)'],
+        scoreGradient: ['#FF9903', '#FFDF9D'],
+        shadowColor: 'rgba(255, 153, 3, 0.40)',
+        backgroundColor: 'rgba(255,183,77,0.15)',
+        endScore: 100,
+        pointColor: ['RGB(0, 217, 157)', 'RGB(0, 176, 127)'],
+    },
+};
+var tipEl = document.createElement('div');
+var measureTextWidth = function (ctx, text) {
+    var width = ctx.measureText(text).width;
+    return width;
+};
+function isInPath(x, y, rect, ctx) {
+    var dpr = window.devicePixelRatio || 1;
+    ctx.beginPath();
+    ctx.rect(0, rect.y / dpr, rect.width / dpr, rect.height / dpr);
+    var ret = ctx.isPointInPath(x, y);
+    ctx.closePath();
+    return ret;
+}
+var drawTop = function (layout, ctx) {
+    // 设置全局样式
+    var leftLableWidth = layout.leftLableWidth, height = layout.height;
+    var offset = leftLableWidth;
+    var lineEndY = height - 40; // 虚线结束位置，距离底部40px
+    var scoreTextY = height - 25; // 分数文字的Y位置，距离底部25px
+    levelOrder.forEach(function (level, i) {
+        var _a = levelConf[level], width = _a.width, gradient = _a.gradient, label = _a.label, fontColor = _a.fontColor;
+        // 绘制渐变背景
+        var gradientFill = ctx.createLinearGradient(0, 0, 0, 25);
+        gradientFill.addColorStop(0, gradient[0]);
+        gradientFill.addColorStop(1, gradient[1]);
+        ctx.fillStyle = gradientFill;
+        ctx.fillRect(offset, 0, width, 25);
+        // 绘制标签文本
+        var labelWidth = measureTextWidth(ctx, label);
+        ctx.fillStyle = fontColor;
+        ctx.fillText(label, offset + width / 2 - labelWidth / 2, 18);
+        // 绘制垂直虚线
+        drawVerticalDashedLine(ctx, offset - 1, 0, lineEndY, 2, 2);
+        // 绘制分数文本
+        ctx.fillStyle = '#4CAF50';
+        ctx.fillText("".concat(levelOrderScore[i]), offset - (i === 0 ? 5 : 9), scoreTextY);
+        offset += width + 1;
+        // 绘制结束的虚线和文本 '100'
+        if (i === levelOrder.length - 1) {
+            drawVerticalDashedLine(ctx, offset - 2, 0, lineEndY, 2, 2);
+            ctx.fillText('100', offset - 2 - 24, scoreTextY);
+        }
+    });
+};
+var truncateString = function (str) { return (str.length > 7 ? "".concat(str.slice(0, 6), "...") : str); };
+var drawLable = function (lable, x, y, ctx) {
+    ctx.fillStyle = 'rgba(0, 0, 0, 0.55)';
+    ctx.fillText(truncateString(lable), x, y + 5);
+};
+function drawVerticalDashedLine(ctx, x, startY, endY, dashLength, gapLength) {
+    if (dashLength === void 0) { dashLength = 2; }
+    if (gapLength === void 0) { gapLength = 1; }
+    ctx.lineWidth = 1;
+    ctx.strokeStyle = 'rgba(76, 175, 80, 0.30)';
+    ctx.beginPath();
+    ctx.setLineDash([dashLength, gapLength]);
+    ctx.moveTo(x, startY);
+    ctx.lineTo(x, endY);
+    ctx.stroke();
+    ctx.setLineDash([]); // 重置为实线
+}
+var drawRoundedRect = function (x, y, width, height, r, fill, stroke, ctx) {
+    ctx.save();
+    ctx.beginPath();
+    ctx.moveTo(x + r, y);
+    ctx.arcTo(x + width, y, x + width, y + r, r);
+    ctx.arcTo(x + width, y + height, x + width - r, y + height, r);
+    ctx.arcTo(x, y + height, x, y + height - r, r);
+    ctx.arcTo(x, y, x + r, y, r);
+    if (fill) {
+        ctx.fill();
+    }
+    if (stroke) {
+        ctx.stroke();
+    }
+    ctx.restore();
+};
+function getLevel(score) {
+    if (score < 60) {
+        return levelConf.Bad;
+    }
+    else if (score < 80) {
+        return levelConf.Good;
+    }
+    else {
+        return levelConf.Best;
+    }
+}
+exports.getLevel = getLevel;
+var drawScore = function (layout, ctx, config, rect, score) {
+    var gradient = ctx.createLinearGradient(layout.leftLableWidth + rect.width, 30, layout.leftLableWidth, 30);
+    gradient.addColorStop(0, config.scoreGradient[0]);
+    gradient.addColorStop(1, config.scoreGradient[1]);
+    ctx.fillStyle = gradient;
+    // // 设置阴影
+    ctx.shadowOffsetX = 0;
+    ctx.shadowOffsetY = 4;
+    ctx.shadowBlur = 6;
+    // ctx.shadowColor = config.shadowColor;
+    // 绘制圆角矩形
+    var borderRadius = 12;
+    drawRoundedRect(rect.x, rect.y, rect.width, rect.height, borderRadius, true, false, ctx);
+    ctx.fillStyle = score < 10 ? '#0D67FF' : '#fff';
+    var scoreWidth = measureTextWidth(ctx, "".concat(score));
+    ctx.fillText("".concat(score), layout.leftLableWidth + rect.width + (score < 10 ? 4 : -scoreWidth - 4), rect.y + 18);
+};
+var draw = function (layout, dimensions, pathRef, ctx) {
+    ctx.font = '14px sans-serif';
+    ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
+    dimensions.forEach(function (v, i) {
+        var config = getLevel(v.score);
+        // 绘制圆角矩形
+        var borderRadius = 12;
+        var x = layout.leftLableWidth;
+        var y = 50 + layout.itemSpacing * i;
+        // 设置背景颜色
+        ctx.fillStyle = config.backgroundColor;
+        drawRoundedRect(x, y, MAX_WIDTH, MAX_HEIGHT, borderRadius, true, false, ctx);
+        var endPointY = 50 + 15 + layout.itemSpacing * i; // 50是顶部偏移，15是文字相对矩形的偏移
+        drawLable(v.name, 0, endPointY, ctx);
+        pathRef.push({ x: 0, y: y, width: layout.leftLableWidth, height: 22, tips: "".concat(v.name, ": ").concat(v.score) });
+        var score = v.score === 0 ? 0 : Math.max(v.score, 4);
+        drawScore(layout, ctx, config, {
+            x: layout.leftLableWidth,
+            y: y,
+            width: MAX_WIDTH * (score / 100),
+            height: MAX_HEIGHT,
+        }, v.score);
+    });
+    drawTop(layout, ctx);
+};
+var Graph = function (_a) {
+    var _b = _a.items, items = _b === void 0 ? [] : _b;
+    var ref = (0, react_1.useRef)(null);
+    var pathRef = (0, react_1.useRef)([]);
+    var _c = __read((0, react_1.useState)(), 2), ctx = _c[0], setCtx = _c[1];
+    // 统一间距配置
+    var ITEM_SPACING = 40;
+    var TOP_OFFSET = 50;
+    var BOTTOM_SPACING = 20; // 最后一个item与虚线之间的间距
+    var SCORE_AREA_HEIGHT = 40; // 分数区域的高度
+    var height = (0, react_1.useMemo)(function () {
+        if (items.length === 0)
+            return 0;
+        return TOP_OFFSET + (items.length - 1) * ITEM_SPACING + MAX_HEIGHT + BOTTOM_SPACING + SCORE_AREA_HEIGHT;
+    }, [items]);
+    (0, react_1.useEffect)(function () {
+        if (items.length === 0)
+            return;
+        var currentCtx = setupCanvas(ref.current);
+        setCtx(currentCtx);
+        tipEl.style.background = 'rgba(0,0,0,.7)';
+        tipEl.style.color = '#fff';
+        tipEl.style.borderRadius = '2px';
+        tipEl.style.padding = '2px 5px';
+        tipEl.style.position = 'absolute';
+        tipEl.style.zIndex = '9999';
+        tipEl.style.fontSize = '12px';
+        tipEl.style.display = 'none';
+        document.body.appendChild(tipEl);
+        // Clean up the tooltip element when items change
+        return function () {
+            if (tipEl.parentNode) {
+                tipEl.parentNode.removeChild(tipEl);
+            }
+        };
+    }, [ref, items]);
+    (0, react_1.useEffect)(function () {
+        if (ctx) {
+            var layout = {
+                leftLableWidth: 140,
+                topLableHeight: 40,
+                itemSpacing: ITEM_SPACING,
+                height: height,
+            };
+            pathRef.current = [];
+            draw(layout, items, pathRef.current, ctx);
+        }
+    }, [ctx, items, height, ITEM_SPACING]);
+    // useEffect(() => {
+    //   console.log(pathRef);
+    // }, [pathRef]);
+    var handleMouseMove = (0, react_1.useCallback)(function (e) {
+        if (ctx) {
+            var p = pathRef.current.find(function (p) { return isInPath(e.nativeEvent.offsetX, e.nativeEvent.offsetY, p, ctx); });
+            if (p) {
+                tipEl.style.left = e.pageX + 10 + 'px';
+                tipEl.style.top = e.pageY + 10 + 'px';
+                tipEl.innerHTML = p.tips;
+                tipEl.style.display = 'block';
+            }
+            else {
+                tipEl.style.display = 'none';
+            }
+        }
+    }, [ctx, pathRef]);
+    return (0, jsx_runtime_1.jsx)("canvas", { ref: ref, onMouseOut: function () { return (tipEl.style.display = 'none'); }, onMouseMove: handleMouseMove, style: { width: 460, height: height } });
+};
+exports.default = (0, react_1.memo)(Graph);

package/lib/modules/ai-report-v3/components/AIEvaluate/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<() => JSX.Element | null>;
+export default _default;