eli-video-interview 1.2.42-alpha.9 → 1.5.0

package/esm/modules/ai-report-v2/Root.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { FormReport } from './components/Form';
 import NotFinish from './components/NotFinish';
 import ReportHeader from './components/ReportHeader/ReportHeader';
@@ -18,11 +18,12 @@ import { INTERVIEW_STATUS } from "../../enum/ai-report";
 import { PostAiInterviewResult } from "../../services/ai-report";
 import { useAiReportStore } from "../../store/ai-report/global-store";
 import { useRequest } from 'ahooks';
-import { Box, Button, Paper, Typography } from 'fbm-ui';
+import { Box, Button, Typography } from 'fbm-ui';
+import { Stack } from 'fbm-ui/lib/mui';
 import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
 var NO_ANSWER = INTERVIEW_STATUS.NO_ANSWER;
 var AiReportRoot = forwardRef(function (props, ref) {
-    var token = props.token, customScore = props.customScore, reminderSent = props.reminderSent, operableButtons = props.operableButtons, onLoad = props.onLoad, onSendReminderClick = props.onSendReminderClick, fetchFormResult = props.fetchFormResult, fetchCandidateInfo = props.fetchCandidateInfo;
+    var token = props.token, customScore = props.customScore, reminderSent = props.reminderSent, operableButtons = props.operableButtons, onLoad = props.onLoad, onSendReminderClick = props.onSendReminderClick, fetchFormResult = props.fetchFormResult, fetchCandidateInfo = props.fetchCandidateInfo, fetchReportUrl = props.fetchReportUrl, isExportPdf = props.isExportPdf;
     var firstLoad = useRef(true);
     var _a = useAiReportStore(), updateState = _a.updateState, updateReportResult = _a.updateReportResult, reportResult = _a.reportResult;
     var _b = (reportResult || {}).collection, collection = _b === void 0 ? [] : _b;
@@ -62,20 +63,24 @@ var AiReportRoot = forwardRef(function (props, ref) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [JSON.stringify(props)]);
     var aiReportResult = useMemo(function () {
+        if (loading) {
+            return (_jsxs(Box, __assign({ width: "100%", display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", style: { marginTop: '149px' } }, { children: [_jsx(Box, { children: _jsx("img", { src: "//webcdn.fbmms.cn/web/saas/asset/image/CandidateInfoEmpty.png", alt: "", style: { width: '140px', height: '140px' } }) }), _jsx(Box, __assign({ mt: 2 }, { children: _jsx(Typography, __assign({ variant: "body1", color: "textPrimary", style: { fontWeight: '500' } }, { children: "\u62A5\u544A\u52A0\u8F7D\u4E2D\uFF0C\u8BF7\u7A0D\u540E" })) }))] })));
+        }
         if (status === NO_ANSWER) {
             return (_jsxs(Box, __assign({ width: "100%", display: "flex", alignItems: "center", justifyContent: "center", flexDirection: "column", style: { marginTop: '149px' } }, { children: [_jsx(Box, { children: _jsx("img", { src: "//webcdn.fbmms.cn/web/saas/asset/image/CandidateInfoEmpty.png", alt: "", style: { width: '140px', height: '140px' } }) }), _jsx(Box, __assign({ mt: 2 }, { children: _jsx(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')) && (_jsxs(_Fragment, { children: [_jsx(Box, __assign({ style: { marginTop: '2px' } }, { children: _jsx(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" })) })), _jsx(Box, __assign({ mt: 2 }, { children: _jsx(Button, __assign({ size: "large", variant: "outlined", color: "primary", disabled: reminderSent, onClick: onSendReminderClick }, { children: reminderSent ? '已提醒' : '发送提醒' })) }))] }))] })));
         }
         else {
-            return (_jsxs(Box, __assign({ pb: 3, sx: {
-                    background: '#F0F9FF',
-                    backgroundImage: "url('//webcdn.fbmms.cn/assets/9kTa/pmsfSOeFx_7jhhsV9f_ta')",
-                    backgroundSize: 'contain',
-                    backgroundRepeat: 'no-repeat',
-                    backgroundPosition: 'center top',
-                    paddingTop: (collection === null || collection === void 0 ? void 0 : collection.length) > 0 ? 0 : 3,
-                } }, { children: [_jsx(NotFinish, {}), (collection === null || collection === void 0 ? void 0 : collection.length) > 0 && (_jsx(ReportHeader, { customScore: customScore, onRefreshSuccess: handleRefreshSuccess, fetchCandidateInfo: fetchCandidateInfo, status: status })), _jsx(FormReport, { fetchFormResult: fetchFormResult }), _jsx(Paper, __assign({ variant: "outlined", sx: { zIndex: 1, position: 'relative', mx: 2, borderRadius: 4 } }, { children: _jsx(VideoQuestion, {}) }))] })));
+            return (_jsxs(Stack, { children: [_jsx(NotFinish, {}), _jsxs(Box, __assign({ pb: 3, sx: {
+                            background: '#F0F9FF',
+                            backgroundImage: "url('//webcdn.fbmms.cn/assets/9kTa/pmsfSOeFx_7jhhsV9f_ta')",
+                            backgroundSize: 'contain',
+                            backgroundRepeat: 'no-repeat',
+                            backgroundPosition: 'center top',
+                            paddingTop: (collection === null || collection === void 0 ? void 0 : collection.length) > 0 ? 0 : 3,
+                        } }, { children: [(collection === null || collection === void 0 ? void 0 : collection.length) > 0 && (_jsx(ReportHeader, { customScore: customScore, onRefreshSuccess: handleRefreshSuccess, fetchCandidateInfo: fetchCandidateInfo, status: status, fetchReportUrl: fetchReportUrl })), _jsx(FormReport, { fetchFormResult: fetchFormResult }), _jsx(Box, __assign({ sx: { zIndex: 1, position: 'relative', mx: 2, borderRadius: 4, border: '2px solid #FFFFFF', pb: 1 } }, { children: _jsx(VideoQuestion, { isExportPdf: isExportPdf }) }))] }))] }));
         }
     }, [
+        loading,
         status,
         operableButtons,
         reminderSent,
@@ -84,7 +89,9 @@ var AiReportRoot = forwardRef(function (props, ref) {
         customScore,
         handleRefreshSuccess,
         fetchCandidateInfo,
+        fetchReportUrl,
         fetchFormResult,
+        isExportPdf,
     ]);
     return (_jsx(Box, __assign({ loading: firstLoad.current && loading, sx: { width: '100%', minHeight: '618px', height: '100%', margin: '0 auto', overflow: 'auto' } }, { children: aiReportResult })));
 });

package/esm/modules/ai-report-v2/components/AIEvaluate/Evaluate.d.ts

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

package/esm/modules/ai-report-v2/components/AIEvaluate/Evaluate.js

@@ -26,13 +26,13 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PostAiInterviewEvaluation } from "../../../../services/ai-report";
-import { Button, confirm, EditIcon, FormItem, IconButton, Typography } from 'fbm-ui';
+import { PostInterviewEvaluation } from "../../../../services/ai-report";
+import { Button, confirm, FormItem, Typography } from 'fbm-ui';
 import { Box, Stack } from 'fbm-ui/lib/mui';
-import { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 var Evaluate = function (_a) {
-    var title = _a.title, evaluations = _a.evaluations, token = _a.token, field = _a.field, _b = _a.mode, mode = _b === void 0 ? 'show' : _b, _c = _a.canEdit, canEdit = _c === void 0 ? 'true' : _c;
-    var _d = __read(useState(evaluations), 2), content = _d[0], setContent = _d[1];
+    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(useState(evaluation), 2), content = _d[0], setContent = _d[1];
     var _e = __read(useState('show'), 2), internalMode = _e[0], setInternalMode = _e[1];
     var handleChange = useCallback(function (e) {
         var value = e.target.value;
@@ -41,7 +41,12 @@ var Evaluate = function (_a) {
     var handleModeChange = useCallback(function () {
         setInternalMode(internalMode === 'show' ? 'edit' : 'show');
     }, [internalMode]);
+    var isValidate = useMemo(function () {
+        return content.trim().length > 0;
+    }, [content]);
     var handleSubmit = useCallback(function () {
+        if (!isValidate)
+            return;
         confirm({
             header: null,
             content: '确认将评价内容修改吗？该动作无法被撤销。',
@@ -52,19 +57,14 @@ var Evaluate = function (_a) {
             },
             onOk: function (_a) {
                 var onClose = _a.onClose;
-                var data = field === 'evaluations'
-                    ? {
-                        evaluationToken: token,
-                        manualEvaluations: [content],
-                    }
-                    : {
-                        evaluationToken: token,
-                        manualSuggestions: [content],
-                    };
-                PostAiInterviewEvaluation(data).then(handleModeChange).then(onClose).catch(console.log);
+                var data = {
+                    orderToken: orderToken,
+                    manualEvaluation: content,
+                };
+                PostInterviewEvaluation(data).then(handleModeChange).then(onClose).catch(console.error);
             },
         });
-    }, [token, content, field, handleModeChange]);
+    }, [isValidate, orderToken, content, handleModeChange]);
     useEffect(function () {
         setInternalMode(mode);
     }, [mode]);
@@ -73,8 +73,8 @@ var Evaluate = function (_a) {
             background: '#FFFBE8',
             boxShadow: ' 0px 2px 6px 0px rgba(91,108,95,0.15)',
             padding: '8px 24px',
-            borderRadius: 1.5,
-        } }, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Box, __assign({ sx: {
+            borderRadius: 3,
+        } }, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between", height: 36, mb: 1, position: "relative" }, { children: [_jsx(Box, __assign({ sx: {
                             position: 'relative',
                             '&:after': {
                                 position: 'absolute',
@@ -88,9 +88,9 @@ var Evaluate = function (_a) {
                                 display: 'inline-block',
                                 margin: '0 4px',
                             },
-                        } }, { children: _jsx(Typography, __assign({ variant: "body2", fontWeight: "medium", zIndex: 1, sx: { position: 'relative', zIndex: 1 } }, { children: title })) })), canEdit && (_jsx(IconButton, __assign({ onClick: handleModeChange }, { children: _jsx(EditIcon, {}) })))] })), internalMode === 'edit' && (_jsxs(Box, __assign({ width: 1, pr: 2 }, { children: [_jsx(FormItem, { sx: { height: 'auto', pr: 0 }, multiline: true, rows: 3.5, required: true, name: "name", placeholder: "", value: content, onChange: handleChange }), _jsxs(Stack, __assign({ boxSizing: "border-box", mr: 2, mt: 1, spacing: 1, direction: "row", width: 1, justifyContent: "flex-end" }, { children: [_jsx(Button, __assign({ size: "medium", variant: "text", color: "secondary", onClick: function () {
+                        } }, { children: _jsx(Typography, __assign({ fontWeight: "medium", zIndex: 1, sx: { position: 'relative', zIndex: 1 } }, { children: title })) })), canEdit && (_jsx("img", { onClick: handleModeChange, src: "https://webcdn.fbmms.cn/assets/pWED/KpgryvNScI7XZdjNBgTNC", alt: "", style: { width: 36, height: 36, position: 'absolute', top: -8, right: -24, cursor: 'pointer' } }))] })), internalMode === 'edit' && (_jsxs(Box, __assign({ width: 1, pr: 2 }, { children: [_jsx(FormItem, { sx: { height: 'auto', pr: 0 }, multiline: true, rows: 3.5, required: true, name: "name", placeholder: "", value: content, onChange: handleChange, error: !isValidate }), _jsxs(Stack, __assign({ boxSizing: "border-box", mr: 2, mt: 1, spacing: 1, direction: "row", width: 1, justifyContent: "flex-end" }, { children: [_jsx(Button, __assign({ size: "medium", variant: "text", color: "secondary", onClick: function () {
                                     handleModeChange();
-                                    // setContent(evaluations?.join('\n'));
+                                    setContent(evaluation);
                                 } }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ size: "medium", onClick: handleSubmit }, { children: "\u4FDD\u5B58" }))] }))] }))), internalMode === 'show' && (_jsx(Typography, __assign({ variant: "body2", color: "textSecondary", sx: { whiteSpace: 'pre-wrap' } }, { children: content })))] })));
 };
 export default Evaluate;

package/esm/modules/ai-report-v2/components/AIEvaluate/Graph.d.ts

@@ -3,8 +3,21 @@ 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>;
 }
+export declare function hookCanvasContext(ctx: any): void;
 declare const _default: import("react").NamedExoticComponent<GraphProps>;
 export default _default;

package/esm/modules/ai-report-v2/components/AIEvaluate/Graph.js

@@ -1,3 +1,14 @@
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -25,6 +36,11 @@ function setupCanvas(canvas) {
     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'];
@@ -72,18 +88,20 @@ var measureTextWidth = function (ctx, text) {
     var width = ctx.measureText(text).width;
     return width;
 };
-function isInPath(x, y, tx, ty, ctx) {
+function isInPath(x, y, rect, ctx) {
     var dpr = window.devicePixelRatio || 1;
     ctx.beginPath();
-    ctx.arc(tx / dpr, ty / dpr, 10 / dpr, 0, Math.PI * 2, true);
+    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, topLableHeight = layout.topLableHeight;
+    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;
         // 绘制渐变背景
@@ -97,21 +115,22 @@ var drawTop = function (layout, ctx) {
         ctx.fillStyle = fontColor;
         ctx.fillText(label, offset + width / 2 - labelWidth / 2, 18);
         // 绘制垂直虚线
-        drawVerticalDashedLine(ctx, offset - 1, 0, height + topLableHeight - 54, 2, 2);
+        drawVerticalDashedLine(ctx, offset - 1, 0, lineEndY, 2, 2);
         // 绘制分数文本
         ctx.fillStyle = '#4CAF50';
-        ctx.fillText("".concat(levelOrderScore[i]), offset - (i === 0 ? 5 : 9), height + topLableHeight - 40);
+        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, height + topLableHeight - 54, 2, 2);
-            ctx.fillText('100', offset - 2 - 10, height + topLableHeight - 40);
+            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(66, 66, 66, 0.86)';
-    ctx.fillText(lable, x, y + 5);
+    ctx.fillText(truncateString(lable), x, y + 5);
 };
 function drawVerticalDashedLine(ctx, x, startY, endY, dashLength, gapLength) {
     if (dashLength === void 0) { dashLength = 2; }
@@ -141,7 +160,7 @@ var drawRoundedRect = function (x, y, width, height, r, fill, stroke, ctx) {
     }
     ctx.restore();
 };
-function getLevel(score) {
+export function getLevel(score) {
     if (score < 60) {
         return levelConf.Bad;
     }
@@ -167,25 +186,24 @@ var drawScore = function (layout, ctx, config, rect, score) {
     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));
-    console.log(scoreWidth);
     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 = '16px sans-serif';
     ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
     dimensions.forEach(function (v, i) {
-        var _a;
         var config = getLevel(v.score);
         // 绘制圆角矩形
         var borderRadius = 12;
         var x = layout.leftLableWidth;
-        var y = 50 + 40 * i;
+        var y = 50 + layout.itemSpacing * i;
         // 设置背景颜色
         ctx.fillStyle = config.backgroundColor;
         drawRoundedRect(x, y, MAX_WIDTH, MAX_HEIGHT, borderRadius, true, false, ctx);
-        var endPointY = 65 + layout.itemSpacing * i;
-        drawLable(v.name, 10, endPointY, ctx);
-        var score = (_a = v.score) !== null && _a !== void 0 ? _a : (v.score < 4 ? 4 : v.score);
+        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,
@@ -195,17 +213,54 @@ var draw = function (layout, dimensions, pathRef, ctx) {
     });
     drawTop(layout, ctx);
 };
+export function hookCanvasContext(ctx) {
+    var e_1, _a;
+    var methods = Object.getOwnPropertyNames(Object.getPrototypeOf(ctx)).filter(function (k) { return typeof ctx[k] === 'function'; });
+    var _loop_1 = function (method) {
+        var original = ctx[method];
+        ctx[method] = function () {
+            var args = [];
+            for (var _i = 0; _i < arguments.length; _i++) {
+                args[_i] = arguments[_i];
+            }
+            console.log("[Canvas2D] ".concat(method, "(").concat(args.map(function (a) { return JSON.stringify(a); }).join(', '), ")"));
+            return original.apply(this, args);
+        };
+    };
+    try {
+        for (var methods_1 = __values(methods), methods_1_1 = methods_1.next(); !methods_1_1.done; methods_1_1 = methods_1.next()) {
+            var method = methods_1_1.value;
+            _loop_1(method);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (methods_1_1 && !methods_1_1.done && (_a = methods_1.return)) _a.call(methods_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+}
 var Graph = function (_a) {
     var _b = _a.items, items = _b === void 0 ? [] : _b;
     var ref = useRef(null);
     var pathRef = useRef([]);
     var _c = __read(useState(), 2), ctx = _c[0], setCtx = _c[1];
-    var height = useMemo(function () { return 36 * items.length + 50 + 35; }, [items]);
-    console.log('height', height);
+    // 统一间距配置
+    var ITEM_SPACING = 40;
+    var TOP_OFFSET = 50;
+    var BOTTOM_SPACING = 20; // 最后一个item与虚线之间的间距
+    var SCORE_AREA_HEIGHT = 40; // 分数区域的高度
+    var height = useMemo(function () {
+        if (items.length === 0)
+            return 0;
+        return TOP_OFFSET + (items.length - 1) * ITEM_SPACING + MAX_HEIGHT + BOTTOM_SPACING + SCORE_AREA_HEIGHT;
+    }, [items]);
     useEffect(function () {
         if (items.length === 0)
             return;
         var currentCtx = setupCanvas(ref.current);
+        // hookCanvasContext(currentCtx);
         setCtx(currentCtx);
         tipEl.style.background = 'rgba(0,0,0,.7)';
         tipEl.style.color = '#fff';
@@ -216,24 +271,31 @@ var Graph = function (_a) {
         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]);
     useEffect(function () {
         if (ctx) {
             var layout = {
-                leftLableWidth: 120,
+                leftLableWidth: 140,
                 topLableHeight: 40,
-                itemSpacing: 40,
+                itemSpacing: ITEM_SPACING,
                 height: height,
             };
+            pathRef.current = [];
             draw(layout, items, pathRef.current, ctx);
         }
-    }, [ctx, items, height]);
-    useEffect(function () {
-        console.log(pathRef);
-    }, [pathRef]);
+    }, [ctx, items, height, ITEM_SPACING]);
+    // useEffect(() => {
+    //   console.log(pathRef);
+    // }, [pathRef]);
     var handleMouseMove = useCallback(function (e) {
         if (ctx) {
-            var p = pathRef.current.find(function (p) { return isInPath(e.nativeEvent.offsetX, e.nativeEvent.offsetY, p.x, p.y, 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';

package/esm/modules/ai-report-v2/components/AIEvaluate/index.d.ts

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

package/esm/modules/ai-report-v2/components/AIEvaluate/index.js

@@ -15,15 +15,19 @@ import Evaluate from './Evaluate';
 import Graph from './Graph';
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
 import { Box, Paper, Stack } from 'fbm-ui/lib/mui';
+import { memo, useMemo } from 'react';
 var Index = function () {
     var _a = useAiReportStore(function (store) { return [store.reportResult, store.operableButtons]; }), reportResult = _a.reportResult, showAiDimension = _a.showAiDimension, canEditAiDimension = _a.canEditAiDimension;
-    var _b = (reportResult || {}).collection, collection = _b === void 0 ? [] : _b;
-    var items = collection.map(function (item) { return ({
-        name: item.name,
-        score: item.avgScore,
-    }); });
+    var _b = reportResult || {}, _c = _b.collection, collection = _c === void 0 ? [] : _c, _d = _b.workplaceEvaluation, workplaceEvaluation = _d === void 0 ? '' : _d, _e = _b.orderToken, orderToken = _e === void 0 ? '' : _e;
+    var items = useMemo(function () {
+        return collection.map(function (item) { return ({
+            name: item.name,
+            score: item.avgScore,
+        }); });
+    }, [collection]);
+    console.log('reportResult', reportResult, workplaceEvaluation);
     if (!showAiDimension)
         return null;
-    return (_jsx(Box, __assign({ id: "report-evaluate", px: 2, width: 1 }, { children: _jsx(Box, __assign({ component: Paper, elevation: 0, bgcolor: "transparent", mb: 2, pb: 2 }, { children: _jsxs(Stack, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Box, __assign({ mt: 2, flex: 1 }, { children: _jsx(Graph, { items: items }) })), _jsx(Report, {})] })), (reportResult === null || reportResult === void 0 ? void 0 : reportResult.workplaceEvaluation) && (_jsx(Evaluate, { token: "", canEdit: canEditAiDimension, evaluations: reportResult === null || reportResult === void 0 ? void 0 : reportResult.workplaceEvaluation, title: "\u8BC4\u4EF7\u5185\u5BB9", field: "evaluations", mode: "show" }))] }) })) })));
+    return (_jsx(Box, __assign({ id: "report-evaluate", px: 2, width: 1 }, { children: _jsx(Box, __assign({ component: Paper, elevation: 0, bgcolor: "transparent", mb: 3 }, { children: _jsxs(Stack, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Box, __assign({ mt: 2, flex: 1 }, { children: _jsx(Graph, { items: items }) })), _jsx(Report, {})] })), workplaceEvaluation && (_jsx(Evaluate, { orderToken: orderToken, canEdit: canEditAiDimension, evaluation: workplaceEvaluation, title: "\u7EFC\u5408\u8BC4\u4EF7", mode: "show" }))] }) })) })));
 };
-export default Index;
+export default memo(Index);

package/esm/modules/ai-report-v2/components/Candidate/Interface.d.ts

@@ -10,4 +10,7 @@ interface Tag {
     name: string;
     token: string;
 }
+export interface AiReportUrl {
+    url: string;
+}
 export {};

package/esm/modules/ai-report-v2/components/Candidate/Podium.js

@@ -27,7 +27,7 @@ var __read = (this && this.__read) || function (o, n) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { rankPercent } from '../../utils';
-import { BeatProgressBar, Podium } from '../styled';
+import { BeatProgressBar, DinTypography, Podium } from '../styled';
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
 import { Typography } from 'fbm-ui';
 import { Stack } from 'fbm-ui/lib/mui';
@@ -45,6 +45,6 @@ var Form = function () {
             setText('');
         }
     }, [score, reportRank, scoreRankIntervals, progress]);
-    return (_jsx(Podium, { children: _jsxs(Stack, __assign({ direction: "row", position: "relative", bottom: -128, left: 88 }, { children: [_jsxs(Stack, __assign({ spacing: 1, direction: "row", justifyContent: "center", width: 300 }, { children: [_jsx(Typography, __assign({ sx: { fontSize: 100, fontWeight: 'bold', lineHeight: 1 }, color: "inherit" }, { children: score })), _jsx(Typography, __assign({ variant: "h5", color: "inherit", sx: { fontSize: 30, fontWeight: 'bold', alignSelf: 'flex-end' } }, { children: "\u5206" }))] })), (reportRank === null || reportRank === void 0 ? void 0 : reportRank.total) !== 0 && (_jsxs(Stack, __assign({ spacing: 1, mt: 6.25 }, { children: [_jsxs(Typography, __assign({ color: "inherit", fontWeight: 500 }, { children: [text, "\u00A0"] })), _jsx(BeatProgressBar, { children: _jsx("div", { className: "progress-bar-fill", style: { width: "".concat(progress, "%") } }) })] })))] })) }));
+    return (_jsx(Podium, { children: _jsxs(Stack, __assign({ direction: "row", position: "relative", bottom: -146, left: 88, spacing: 1.5 }, { children: [_jsxs(Stack, __assign({ spacing: 1, direction: "row", justifyContent: "center", width: 300 }, { children: [_jsx(DinTypography, __assign({ sx: { fontSize: 100, fontWeight: 'bold', lineHeight: 1 }, color: "inherit" }, { children: score })), _jsx(DinTypography, __assign({ variant: "h5", color: "inherit", sx: { fontSize: 30, fontWeight: 'bold', alignSelf: 'flex-end', mb: '12px !important' } }, { children: "\u5206" }))] })), (reportRank === null || reportRank === void 0 ? void 0 : reportRank.total) !== 0 && (_jsxs(Stack, __assign({ spacing: 1, mt: 6.25 }, { children: [_jsxs(Typography, __assign({ color: "inherit", fontWeight: 500, mt: 5 }, { children: [text, "\u00A0"] })), _jsx(BeatProgressBar, { children: _jsx("div", { className: "progress-bar-fill", style: { width: "".concat(progress, "%") } }) })] })))] })) }));
 };
 export default Form;

package/esm/modules/ai-report-v2/components/Form/Form.js

@@ -15,7 +15,6 @@ import { DinTypography } from '../styled';
 import Nps from './Nps';
 import { PhotoProvider, PhotoView } from "../../../../components/react-photo-view";
 import dayjs from 'dayjs';
-import { EditIcon } from 'fbm-icons';
 import { Box, Paper, Typography } from 'fbm-ui';
 import { Stack } from 'fbm-ui/lib/mui';
 export var QUESTION_TYPE;
@@ -30,8 +29,8 @@ export var QUESTION_TYPE;
     QUESTION_TYPE[QUESTION_TYPE["NPS"] = 9] = "NPS";
 })(QUESTION_TYPE || (QUESTION_TYPE = {}));
 var Image = function (answer) {
-    var _a, _b;
-    return (_jsx(PhotoProvider, __assign({ maskOpacity: 0.5 }, { children: (_b = (_a = answer.formAnswer) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.map(function (url) { return (_jsx(PhotoView, __assign({ src: url }, { children: _jsx("img", { src: url, alt: url, width: 48, height: 32 }) }), url)); }) })));
+    var _a, _b, _c;
+    return (_jsx(PhotoProvider, __assign({ maskOpacity: 0.5 }, { children: (_c = (_b = (_a = answer.formAnswer) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b.filter(function (v) { return v; })) === null || _c === void 0 ? void 0 : _c.map(function (url) { return (_jsx(PhotoView, __assign({ src: url }, { children: _jsx("img", { src: url, alt: url, width: 48, height: 32 }) }), url)); }) })));
 };
 var fillBlanks = function (answer) { var _a, _b; return _jsx(Typography, __assign({ variant: "body2" }, { children: (_b = (_a = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _a === void 0 ? void 0 : _a.answer) === null || _b === void 0 ? void 0 : _b.join(',') })); };
 var Choice = function (answer) {
@@ -47,7 +46,12 @@ var template = (_a = {},
     _a[QUESTION_TYPE.RADIO] = Choice,
     _a[QUESTION_TYPE.CHECKBOX] = Choice,
     _a[QUESTION_TYPE.ESSAY_QUESTION] = function (answer) { var _a; return (_a = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _a === void 0 ? void 0 : _a.answer; },
-    _a[QUESTION_TYPE.TIME] = function (answer) { var _a, _b; return ((_a = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _a === void 0 ? void 0 : _a.dateTime) && dayjs(Number((_b = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _b === void 0 ? void 0 : _b.dateTime) * 1000).format('YYYY年MM月DD日'); },
+    _a[QUESTION_TYPE.TIME] = function (answer) {
+        var _a, _b, _c;
+        return ((_a = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _a === void 0 ? void 0 : _a.dateTime) &&
+            !isNaN((_b = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _b === void 0 ? void 0 : _b.dateTime) &&
+            dayjs(Number((_c = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _c === void 0 ? void 0 : _c.dateTime) * 1000).format('YYYY年MM月DD日');
+    },
     _a[QUESTION_TYPE.SCHOOL] = function (answer) { var _a; return (_a = answer === null || answer === void 0 ? void 0 : answer.formAnswer) === null || _a === void 0 ? void 0 : _a.answer; },
     _a[QUESTION_TYPE.FILL_BLANKS] = fillBlanks,
     _a[QUESTION_TYPE.NPS] = Nps,
@@ -55,16 +59,33 @@ var template = (_a = {},
     _a);
 var Form = function (_a) {
     var answers = _a.answers, _b = _a.customProcessName, customProcessName = _b === void 0 ? '资料收集' : _b;
-    return (_jsxs(Box, __assign({ component: Paper, m: 3, pt: 2 }, { children: [_jsxs(DinTypography, __assign({ variant: "h6", sx: {
-                    pl: 3,
+    return (_jsxs(Box, __assign({ component: Paper, m: 3, borderRadius: 3 }, { children: [_jsxs(Box, __assign({ display: "flex", sx: {
+                    left: -12,
+                    top: -8,
+                    height: 48,
+                    position: 'relative',
                     color: '#009D56',
-                    background: 'url(//webcdn.fbmms.cn/assets/yt-b/yf2BqqIlr8Xtb8N2o44t1) no-repeat center center',
-                    backgroundSize: 'contain',
-                    width: 24 + (56 / 4) * customProcessName.length + 84,
-                    mb: 2,
-                    display: 'flex',
+                    borderRadius: '8px 0px 8px 8px',
+                    background: 'linear-gradient( 360deg, #98F79C 0%, #C2FCC4 100%)',
+                    width: 'fit-content',
                     alignItems: 'center',
-                } }, { children: [_jsx(EditIcon, {}), customProcessName] })), _jsxs(Stack, __assign({ p: 3, pt: 0 }, { children: [_jsxs(Stack, __assign({ direction: "row", sx: {
+                    '&:after': {
+                        content: "''",
+                        position: 'absolute',
+                        top: 0,
+                        right: -5,
+                        width: 0,
+                        height: 0,
+                        borderTop: '8px solid transparent',
+                        borderLeft: '5px solid #6CD970',
+                    },
+                } }, { children: [_jsx("img", { className: "MuiSvgIcon-root", src: "//webcdn.fbmms.cn/assets/5ex_/K7bDo1Qy6FdGVUIrXQksl", alt: "", width: 20, height: 20, style: { marginLeft: 16 } }), _jsx(DinTypography, __assign({ variant: "h6", sx: {
+                            ml: 1,
+                            color: '#009D56',
+                            lineHeight: '24px',
+                            width: 'auto',
+                            marginRight: 4,
+                        } }, { children: customProcessName }))] })), _jsxs(Stack, __assign({ p: 3, pt: 2 }, { children: [_jsxs(Stack, __assign({ direction: "row", sx: {
                             background: '#E5FDE6',
                             color: '#009D56',
                             borderRadius: 20,
@@ -78,7 +99,7 @@ var Form = function (_a) {
                             return (_jsxs(_Fragment, { children: [_jsxs(Stack, __assign({ direction: "row", sx: {
                                             py: 1,
                                             px: 2,
-                                        } }, { children: [_jsxs(Typography, __assign({ variant: "body2", sx: { width: 52 } }, { children: [index + 1, " -", answer.formTypeId] })), _jsx(Typography, __assign({ variant: "body2", flex: 1, mr: 7 }, { children: answer.formTypeKey })), _jsx(Typography, __assign({ variant: "body2", flex: 1 }, { children: (_a = template[answer.formTypeId]) === null || _a === void 0 ? void 0 : _a.call(template, answer) }))] }), index), _jsx(Box, { sx: { background: '#fff', height: 2, mx: 1 } })] }));
+                                        } }, { children: [_jsx(Typography, __assign({ variant: "body2", sx: { width: 52 } }, { children: index + 1 })), _jsx(Typography, __assign({ variant: "body2", flex: 1, mr: 7 }, { children: answer.formTypeKey })), _jsx(Typography, __assign({ variant: "body2", flex: 1 }, { children: (_a = template[answer.formTypeId]) === null || _a === void 0 ? void 0 : _a.call(template, answer) }))] }), index), _jsx(Box, { sx: { background: '#fff', height: 2, mx: 1 } })] }));
                         }) }))] }))] })));
 };
 export default Form;

package/esm/modules/ai-report-v2/components/Form/Nps.d.ts

@@ -2,5 +2,5 @@
 declare const Nps: ({ formAnswer, formItemOption }: {
     formAnswer: any;
     formItemOption: any;
-}) => JSX.Element;
+}) => JSX.Element | null;
 export default Nps;

package/esm/modules/ai-report-v2/components/Form/Nps.js

@@ -46,6 +46,8 @@ var Nps = function (_a) {
     var fromScore = (from === null || from === void 0 ? void 0 : from.score) || 0;
     var toScore = (to === null || to === void 0 ? void 0 : to.score) || 0;
     var npsData = __spreadArray([], __read(Array.from(new Array(toScore + 1 - fromScore).keys())), false).map(function (i) { return i + fromScore; });
+    if (!answer)
+        return null;
     return (_jsxs(Box, { children: [_jsx(Box, __assign({ display: "flex" }, { children: typeof answer === 'string' &&
                     npsData.map(function (value) {
                         var isSelect = value <= Number(answer);

package/esm/modules/ai-report-v2/components/NotFinish/index.js

@@ -9,17 +9,25 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { COMPLETED_STATUS } from "../../../../enum/ai-report";
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
 import { Alert, Box, Typography } from 'fbm-ui';
+var PrintScreen = function (_a) {
+    var screenSwitchCount = _a.screenSwitchCount;
+    if (screenSwitchCount > 0) {
+        return (_jsx(Box, __assign({ mb: 2 }, { children: _jsx(Alert, __assign({ type: "warning" }, { children: _jsxs(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: ["\u8BE5\u5019\u9009\u4EBA\u9762\u8BD5\u671F\u95F4\u622A\u5F55\u5C4F\u6216\u5207\u6362\u9875\u9762 ", screenSwitchCount, " \u6B21\u3002"] })) })) })));
+    }
+    return null;
+};
 var NotFinish = function () {
     var _a = useAiReportStore(function (store) { return [store.reportResult, store.interviewCheat]; }), reportResult = _a.reportResult, interviewCheat = _a.interviewCheat;
-    var _b = (reportResult || {}).completedStatus, completedStatus = _b === void 0 ? 1 : _b;
-    var _c = interviewCheat || {}, isCheat = _c.isCheat, info = _c.info;
+    var _b = reportResult || {}, _c = _b.completedStatus, completedStatus = _c === void 0 ? 1 : _c, _d = _b.screenSwitchCount, screenSwitchCount = _d === void 0 ? 0 : _d;
+    var _e = interviewCheat || {}, isCheat = _e.isCheat, info = _e.info;
+    console.log('screenSwitchCount', screenSwitchCount);
     if (completedStatus === COMPLETED_STATUS.NOT_COMPLETED || isCheat) {
-        return (_jsx(Box, __assign({ mb: 2 }, { children: _jsx(Alert, __assign({ type: isCheat ? 'error' : 'warning' }, { children: _jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: info || '该候选人尚未回答完所有题目，建议提醒候选人完成面试' })) })) })));
+        return (_jsxs(Box, __assign({ mb: 2 }, { children: [_jsx(PrintScreen, { screenSwitchCount: screenSwitchCount }), _jsx(Alert, __assign({ type: isCheat ? 'error' : 'warning' }, { children: _jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: info || '该候选人尚未回答完所有题目，建议提醒候选人完成面试' })) }))] })));
     }
-    return null;
+    return _jsx(PrintScreen, { screenSwitchCount: screenSwitchCount });
 };
 export default NotFinish;

package/esm/modules/ai-report-v2/components/ReportHeader/ReportHeader.d.ts

@@ -1,15 +1,17 @@
 /// <reference types="react" />
-import { CandidateInfo } from '../Candidate/Interface';
+import { AiReportUrl, CandidateInfo } from '../Candidate/Interface';
 export interface ReportHeaderProps {
     status: number;
     customScore?: number;
     onRefreshSuccess: () => void;
     fetchCandidateInfo: () => Promise<CandidateInfo>;
+    fetchReportUrl: () => Promise<AiReportUrl>;
 }
-declare const ReportHeader: ({ customScore, onRefreshSuccess, fetchCandidateInfo, status }: {
+declare const ReportHeader: ({ customScore, onRefreshSuccess, fetchCandidateInfo, status, fetchReportUrl }: {
     customScore: any;
     onRefreshSuccess: any;
     fetchCandidateInfo: any;
     status: any;
+    fetchReportUrl: any;
 }) => JSX.Element;
 export default ReportHeader;