eli-video-interview 1.2.42-alpha.8 → 1.4.7

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,19 +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;
-    ctx.font = '16px sans-serif';
+    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;
         // 绘制渐变背景
@@ -98,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 - 50, 2, 2);
+        drawVerticalDashedLine(ctx, offset - 1, 0, lineEndY, 2, 2);
         // 绘制分数文本
         ctx.fillStyle = '#4CAF50';
-        ctx.fillText("".concat(levelOrderScore[i]), offset - (i === 0 ? 4 : 8), 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 - 50, 2, 2);
-            ctx.fillText('100', offset - 2 - 8, 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; }
@@ -142,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,24 +185,25 @@ var drawScore = function (layout, ctx, config, rect, score) {
     var borderRadius = 12;
     drawRoundedRect(rect.x, rect.y, rect.width, rect.height, borderRadius, true, false, ctx);
     ctx.fillStyle = score < 10 ? '#0D67FF' : '#fff';
-    ctx.fillText("".concat(score), layout.leftLableWidth + rect.width + (score < 10 ? 4 : -24), rect.y + 18);
+    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 = '16px sans-serif';
     ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
-    drawTop(layout, ctx);
     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,
@@ -192,17 +211,56 @@ var draw = function (layout, dimensions, pathRef, ctx) {
             height: MAX_HEIGHT,
         }, v.score);
     });
+    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 + 40 + 30; }, [items]);
+    // 统一间距配置
+    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';
@@ -213,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;

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

@@ -28,7 +28,7 @@ var __read = (this && this.__read) || function (o, n) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import AIEvaluate from '../AIEvaluate';
 import { CandidateReport, PodiumReport } from '../Candidate';
-import { ReportBadge, ReportLabel } from '../styled';
+import { DinTypography, ReportBadge, ReportLabel } from '../styled';
 import { INTERVIEW_STATUS } from "../../../../enum/ai-report";
 import { PostAiInterviewRefresh } from "../../../../services/ai-report";
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
@@ -40,22 +40,23 @@ import { Box, Button, IconButton, Message, Popover, Typography } from 'fbm-ui';
 import { Stack } from 'fbm-ui/lib/mui';
 import { useEffect, useMemo, useState } from 'react';
 var ReportHeader = function (_a) {
-    var customScore = _a.customScore, onRefreshSuccess = _a.onRefreshSuccess, fetchCandidateInfo = _a.fetchCandidateInfo, status = _a.status;
+    var customScore = _a.customScore, onRefreshSuccess = _a.onRefreshSuccess, fetchCandidateInfo = _a.fetchCandidateInfo, status = _a.status, fetchReportUrl = _a.fetchReportUrl;
     var _b = __read(useState(false), 2), openRefresh = _b[0], setOpenRefresh = _b[1];
-    var _c = useAiReportStore(function (store) { return [
+    var _c = __read(useState(null), 2), reportUrl = _c[0], setReportUrl = _c[1];
+    var _d = useAiReportStore(function (store) { return [
         store.token,
         store.reportResult,
         store.operableButtons,
-    ]; }), token = _c.token, reportResult = _c.reportResult, operableButtons = _c.operableButtons, onExportReportClick = _c.onExportReportClick;
-    var _d = reportResult || {}, score = _d.score, createTime = _d.createTime, model = _d.model;
-    var _e = __read(useState(score || 0), 2), feScore = _e[0], setScore = _e[1];
-    var _f = useRequest(function () { return PostAiInterviewRefresh(token); }, {
+    ]; }), token = _d.token, reportResult = _d.reportResult, operableButtons = _d.operableButtons, onExportReportClick = _d.onExportReportClick;
+    var _e = reportResult || {}, score = _e.score, createTime = _e.createTime, model = _e.model;
+    var _f = __read(useState(score || 0), 2), feScore = _f[0], setScore = _f[1];
+    var _g = useRequest(function () { return PostAiInterviewRefresh(token); }, {
         manual: true,
         onSuccess: function () {
             onRefreshSuccess();
             Message.success('刷新成功');
         },
-    }), run = _f.run, loading = _f.loading;
+    }), run = _g.run, loading = _g.loading;
     var level = useMemo(function () {
         if (feScore >= 80)
             return 'high';
@@ -63,6 +64,16 @@ var ReportHeader = function (_a) {
             return 'middle';
         return 'low';
     }, [feScore]);
+    useEffect(function () {
+        if (!fetchReportUrl)
+            return;
+        fetchReportUrl()
+            .then(function (_a) {
+            var url = _a.url;
+            setReportUrl(url);
+        })
+            .catch(function () { return Message.error('获取报告链接失败'); });
+    }, [fetchReportUrl]);
     var content = (_jsxs(Box, __assign({ padding: 2 }, { children: [_jsx(Typography, __assign({ variant: "body1", color: "secondary" }, { children: "\u5237\u65B0\u540E\u5C06\u6309\u6700\u65B0\u7B97\u5206\u89C4\u5219\u8BA1\u7B97\uFF0C\u662F\u5426\u786E\u8BA4\u5237\u65B0" })), _jsx(Box, __assign({ paddingTop: 1, textAlign: "right" }, { children: _jsx(Button, __assign({ loading: loading, onClick: run }, { children: "\u5237\u65B0" })) }))] })));
     useEffect(function () {
         if (typeof customScore === 'number' && customScore > -1) {
@@ -78,10 +89,17 @@ var ReportHeader = function (_a) {
                     width: 'calc(100% - 180px)',
                     position: 'absolute',
                     top: 0,
+                    zIndex: 2,
                 } }, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", pl: 3, py: 3 }, { children: [_jsxs(Typography, __assign({ variant: "caption", sx: {
                                     color: 'rgba(74, 74, 74, 0.86)',
-                                } }, { children: ["\u62A5\u544A\u751F\u6210\u65F6\u95F4\uFF1A", dayjs(createTime && createTime * 1000).format('YYYY-MM-DD HH:mm')] })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('refresh')) && (_jsx(Popover, __assign({ open: openRefresh, content: content, onClickAway: function () { return setOpenRefresh(false); } }, { children: _jsx(IconButton, __assign({ size: "small", onClick: function () { return setOpenRefresh(true); } }, { children: _jsx(RefreshIcon, { sx: {
+                                } }, { children: ["\u62A5\u544A\u751F\u6210\u65F6\u95F4\uFF1A", dayjs(createTime && createTime * 1000).format('YYYY-MM-DD HH:mm')] })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('refresh')) && (_jsx(Popover, __assign({ open: openRefresh, content: content, onClickAway: function () { return setOpenRefresh(false); } }, { children: _jsx(IconButton, __assign({ onClick: function () { return setOpenRefresh(true); } }, { children: _jsx(RefreshIcon, { sx: {
                                             color: '#009908',
-                                        } }) })) })))] })), _jsx(Typography, __assign({ variant: "h5", textAlign: "center", color: "#009D56", sx: { fontFamily: 'MiSans Medium', alignSelf: 'center' } }, { children: "AI \u9762\u8BD5\u62A5\u544A" })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('export')) && (_jsx(Button, __assign({ endIcon: _jsx(ShareIcon, {}), variant: "outlined", onClick: onExportReportClick, sx: { borderRadius: 18 } }, { children: "\u5BFC\u51FA\u62A5\u544A" })))] })), _jsxs(Stack, { children: [fetchCandidateInfo && _jsx(CandidateReport, { fetchCandidateInfo: fetchCandidateInfo }), !fetchCandidateInfo && _jsx(PodiumReport, { score: formatScore(feScore || 0) })] }), _jsx(Stack, __assign({ width: 1, direction: "row" }, { children: _jsx(AIEvaluate, {}) }))] })));
+                                        } }) })) })))] })), _jsx(DinTypography, __assign({ variant: "h5", textAlign: "center", color: "#009D56", sx: { alignSelf: 'center' } }, { children: "AI \u9762\u8BD5\u62A5\u544A" })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('export')) ? (_jsx(Button, __assign({ endIcon: _jsx(ShareIcon, {}), variant: "text", onClick: onExportReportClick, sx: { borderRadius: 18, border: '1px solid #4caf50' } }, { children: "\u5BFC\u51FA\u62A5\u544A" }))) : reportUrl ? (_jsx("a", __assign({ href: reportUrl, title: "\u67E5\u770B\u5728\u7EBF\u62A5\u544A", style: {
+                            textDecoration: 'none',
+                        } }, { children: _jsx(Button, __assign({ endIcon: _jsx(ShareIcon, {}), variant: "text", sx: { borderRadius: 18, border: '1px solid #4caf50' } }, { children: "\u67E5\u770B\u5728\u7EBF\u62A5\u544A" })) }))) : (_jsx(Box, {}))] })), _jsxs(Stack, { children: [fetchCandidateInfo && status === INTERVIEW_STATUS.COMPLETED && _jsx(CandidateReport, { fetchCandidateInfo: fetchCandidateInfo }), !fetchCandidateInfo && status === INTERVIEW_STATUS.COMPLETED && _jsx(PodiumReport, { score: formatScore(feScore || 0) }), status !== INTERVIEW_STATUS.COMPLETED && (_jsx(Box, { sx: {
+                            position: 'relative',
+                            width: 541,
+                            height: 342,
+                        } }))] }), status === INTERVIEW_STATUS.COMPLETED && (_jsx(Stack, __assign({ width: 1, direction: "row" }, { children: _jsx(AIEvaluate, {}) })))] })));
 };
 export default ReportHeader;

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

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Suggestion from './Suggestion';
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
-import AiHeaderTitle from "../../../../components/AiHeaderTitle";
+import AiHeaderTitle from "../../../../components/AiHeaderTitleV2";
 import { Typography } from 'fbm-ui';
 import { Box, Collapse, Stack } from 'fbm-ui/lib/mui';
 var Index = function () {

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

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

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

@@ -0,0 +1,79 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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, useMemo, useState } from 'react';
+var Evaluate = function (_a) {
+    var title = _a.title, evaluation = _a.evaluation, token = _a.token, _b = _a.mode, mode = _b === void 0 ? 'show' : _b;
+    var _c = __read(useState(evaluation), 2), content = _c[0], setContent = _c[1];
+    var _d = __read(useState('show'), 2), internalMode = _d[0], setInternalMode = _d[1];
+    var handleChange = useCallback(function (e) {
+        var value = e.target.value;
+        setContent(value);
+    }, []);
+    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: '确认将评价内容修改吗？该动作无法被撤销。',
+            okText: '修改',
+            okProps: {
+                color: 'error',
+                variant: 'contained',
+            },
+            onOk: function (_a) {
+                var onClose = _a.onClose;
+                var data = {
+                    flowStepToken: token,
+                    scoreManualEvaluation: content,
+                };
+                PostInterviewEvaluation(data).then(handleModeChange).then(onClose).catch(console.error);
+            },
+        });
+    }, [isValidate, token, content, handleModeChange]);
+    useEffect(function () {
+        setInternalMode(mode);
+    }, [mode]);
+    return (_jsxs(Stack, { children: [_jsx(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between", height: 36, mb: 1 }, { children: _jsx(Typography, __assign({ variant: "body1", fontWeight: 700, sx: { color: '#4caf50' } }, { children: title })) })), 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, error: !isValidate, 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 () {
+                                    handleModeChange();
+                                    setContent(evaluation);
+                                } }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ size: "medium", onClick: handleSubmit }, { children: "\u4FDD\u5B58" }))] }))] }))), internalMode === 'show' && (_jsx(Typography, { variant: "body2", sx: {
+                    color: '#424242',
+                    whiteSpace: 'pre-wrap',
+                }, dangerouslySetInnerHTML: { __html: content } }))] }));
+};
+export default Evaluate;