eli-video-interview 1.2.0 → 1.2.2

package/esm/modules/ai-report/Root.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
 import { AiReportProps } from './interface';
+import React from 'react';
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<AiReportProps & React.RefAttributes<any>>>;
 export default _default;

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

@@ -10,15 +10,16 @@ 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 { forwardRef, useEffect, useCallback, useRef, useImperativeHandle, useMemo, memo } from 'react';
-import { Box, Typography, Button } from 'fbm-ui';
-import { useRequest } from 'ahooks';
-import { useAiReportStore } from "../../store/ai-report/global-store";
-import { PostAiInterviewResult } from "../../services/ai-report";
-import { INTERVIEW_STATUS } from "../../enum/ai-report";
+import AIEvaluate from './components/AIEvaluate';
+import NotFinish from './components/NotFinish';
 import ScoreReport from './components/ScoreReport';
 import VideoQuestion from './components/VideoQuestion';
-import NotFinish from './components/NotFinish';
+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, Typography, Button } from 'fbm-ui';
+import { forwardRef, useEffect, useCallback, useRef, useImperativeHandle, useMemo, memo } from 'react';
 var NO_ANSWER = INTERVIEW_STATUS.NO_ANSWER;
 var AiReportRoot = forwardRef(function (props, ref) {
     var token = props.token, reminderSent = props.reminderSent, operableButtons = props.operableButtons, onLoad = props.onLoad, onSendReminderClick = props.onSendReminderClick;
@@ -64,7 +65,7 @@ var AiReportRoot = forwardRef(function (props, ref) {
             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, { children: [_jsx(NotFinish, {}), _jsx(ScoreReport, { onRefreshSuccess: handleRefreshSuccess }), _jsx(VideoQuestion, {})] }));
+            return (_jsxs(Box, { children: [_jsx(NotFinish, {}), _jsx(ScoreReport, { onRefreshSuccess: handleRefreshSuccess }), _jsx(AIEvaluate, {}), _jsx(VideoQuestion, {})] }));
         }
     }, [handleRefreshSuccess, onSendReminderClick, reminderSent, status, operableButtons]);
     return (_jsx(Box, __assign({ loading: firstLoad.current && loading, sx: { width: '100%', minHeight: '584px', height: '100%', margin: '0 auto', overflow: 'auto' } }, { children: aiReportResult })));

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

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

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

@@ -0,0 +1,45 @@
+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);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PostAiInterviewEvaluation } from "../../../../services/ai-report";
+import { Button, EditIcon, IconButton, Typography } from 'fbm-ui';
+import { Box, Stack, TextField } from 'fbm-ui/lib/mui';
+import { useCallback, useEffect, 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 = useState(evaluations === null || evaluations === void 0 ? void 0 : evaluations.join('\n')), content = _d[0], setContent = _d[1];
+    var _e = useState('show'), internalMode = _e[0], setInternalMode = _e[1];
+    var handleChange = useCallback(function (e) {
+        var value = e.target.value;
+        setContent(value);
+    }, []);
+    var handleModeChange = useCallback(function () {
+        setInternalMode(internalMode === 'show' ? 'edit' : 'show');
+    }, [internalMode]);
+    var handleSubmit = useCallback(function () {
+        var data = field === 'evaluations'
+            ? {
+                evaluationToken: token,
+                manualEvaluations: [content],
+            }
+            : {
+                evaluationToken: token,
+                manualSuggestions: [content],
+            };
+        PostAiInterviewEvaluation(data).then(handleModeChange).catch(console.log);
+    }, [token, content, field, handleModeChange]);
+    useEffect(function () {
+        setInternalMode(mode);
+    }, [mode]);
+    return (_jsxs(Stack, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: "medium" }, { children: title })), canEdit && (_jsx(IconButton, __assign({ onClick: handleModeChange }, { children: _jsx(EditIcon, {}) })))] })), internalMode === 'edit' && (_jsxs(Box, __assign({ width: 1, position: "relative" }, { children: [_jsx(TextField, { fullWidth: true, value: content, onChange: handleChange, rows: 3.5, multiline: true }), _jsxs(Stack, __assign({ p: 1, spacing: 1, direction: "row", position: "absolute", bottom: 0, right: 0 }, { children: [_jsx(Button, __assign({ size: "small", color: "inherit", onClick: handleModeChange }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ size: "small", 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/components/AIEvaluate/Graph.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface Dimension {
+    name: string;
+    score: number;
+    rank: number;
+    total: number;
+}
+interface GraphProps {
+    items: Array<Dimension>;
+}
+declare const Graph: React.FC<GraphProps>;
+export default Graph;

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

@@ -0,0 +1,195 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+function setupCanvas(canvas) {
+    // Get the device pixel ratio, falling back to 1.
+    var dpr = window.devicePixelRatio || 1;
+    // Get the size of the canvas in CSS pixels.
+    var rect = canvas.getBoundingClientRect();
+    // Give the canvas pixel dimensions of their CSS
+    // size * the device pixel ratio.
+    canvas.width = rect.width * dpr;
+    canvas.height = rect.height * dpr;
+    var ctx = canvas.getContext('2d');
+    // Scale all drawing operations by the dpr, so you
+    // don't have to worry about the difference.
+    ctx.scale(dpr, dpr);
+    return ctx;
+}
+var levelOrder = ['Bad', 'Good', 'Best'];
+var levelConf = {
+    Bad: {
+        label: '欠佳',
+        width: 134,
+        color: [229, 115, 115],
+        endScore: 30,
+        pointColor: ['RGB(229, 115, 115)', 'RGB(255, 67, 102)'],
+    },
+    Good: {
+        label: '适中',
+        width: 171,
+        color: [255, 183, 77],
+        endScore: 70,
+        pointColor: ['RGB(255, 183, 77)', 'RGB(255, 152, 0)'],
+    },
+    Best: {
+        label: '优秀',
+        width: 134,
+        color: [0, 217, 157],
+        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, tx, ty, ctx) {
+    ctx.beginPath();
+    ctx.arc(tx / 2, ty / 2, 10 / 2, 0, Math.PI * 2, true);
+    var ret = ctx.isPointInPath(x, y);
+    ctx.closePath();
+    return ret;
+}
+var drawTop = function (layout, ctx) {
+    ctx.font = '12px sans-serif';
+    ctx.fillText('排名（%）', 10, 10);
+    ctx.fillStyle = '#ccc';
+    ctx.fillText('0', layout.leftLableWidth, 10);
+    ctx.strokeStyle = '#ccc';
+    var offset = 0;
+    levelOrder.forEach(function (x) {
+        var c = levelConf[x];
+        var labelWidth = measureTextWidth(ctx, c.label);
+        var endScoreWidth = measureTextWidth(ctx, c.endScore);
+        ctx.moveTo(layout.leftLableWidth + offset + endScoreWidth / 2 + 5, 6);
+        ctx.lineTo(layout.leftLableWidth + offset + c.width / 2 - labelWidth / 2 - 5, 6);
+        ctx.fillStyle = 'black';
+        ctx.fillText(c.label, layout.leftLableWidth + offset + c.width / 2 - labelWidth / 2, 10);
+        ctx.moveTo(layout.leftLableWidth + offset + c.width / 2 + labelWidth / 2 + 5, 6);
+        ctx.lineTo(layout.leftLableWidth + offset + c.width - endScoreWidth - 5, 6);
+        ctx.fillStyle = '#ccc';
+        ctx.fillText(c.endScore, layout.leftLableWidth + offset + c.width - endScoreWidth, 10);
+        ctx.stroke();
+        offset += c.width;
+    });
+};
+var drowBackground = function (layout, ctx) {
+    var leftOffset = layout.leftLableWidth;
+    levelOrder.forEach(function (x) {
+        var c = levelConf[x];
+        ctx.fillStyle = "rgb(".concat(c.color.join(','), ")");
+        ctx.fillRect(0 + leftOffset, layout.topLableHeight, c.width, 4);
+        var linearGradient0 = ctx.createLinearGradient(0, 0, 0, layout.height - layout.topLableHeight);
+        linearGradient0.addColorStop(0, "RGBA(".concat(c.color.join(','), ", 0.3)"));
+        linearGradient0.addColorStop(1, "RGBA(".concat(c.color.join(','), ", 0.05)"));
+        ctx.fillStyle = linearGradient0;
+        ctx.fillRect(0 + leftOffset, layout.topLableHeight, c.width, layout.height - layout.topLableHeight);
+        leftOffset += c.width + 4;
+    });
+};
+var percent = function (_a) {
+    var rank = _a.rank, total = _a.total;
+    return Math.min(0.975, parseFloat((1 - (rank - 1) / total).toFixed(2)));
+};
+var getPointColor = function (s) {
+    var conf = Object.entries(levelConf);
+    for (var _i = 0, conf_1 = conf; _i < conf_1.length; _i++) {
+        var _a = conf_1[_i], v = _a[1];
+        if (v.endScore >= s * 100)
+            return v.pointColor;
+    }
+    return [];
+};
+var drawLable = function (lable, x, y, ctx) {
+    ctx.fillStyle = 'black';
+    ctx.fillText(lable, x, y + 5);
+    ctx.strokeStyle = '#ccc';
+};
+var drawLine = function (sx, ex, ey, ctx) {
+    ctx.beginPath();
+    ctx.setLineDash([2, 1]);
+    ctx.moveTo(sx, ey);
+    ctx.lineTo(ex, ey);
+    ctx.stroke();
+};
+var drawPoint = function (fill, stroke, x, y, ctx) {
+    ctx.fillStyle = fill;
+    ctx.strokeStyle = stroke;
+    ctx.lineWidth = 1;
+    ctx.beginPath();
+    ctx.arc(x, y, 4, 0, Math.PI * 2, true);
+    ctx.closePath();
+    ctx.fill();
+    ctx.stroke();
+};
+var draw = function (layout, color, dimensions, pathRef, ctx) {
+    drawTop(layout, ctx);
+    drowBackground(layout, ctx);
+    var maxWidth = 439;
+    dimensions.forEach(function (v, i) {
+        var p = percent(v);
+        var target = maxWidth * p + 4;
+        var endPointX = target + layout.leftLableWidth;
+        var endPointY = 65 + layout.itemSpacing * i;
+        drawLable(v.name, 10, endPointY, ctx);
+        drawLine(layout.leftLableWidth, endPointX, endPointY, ctx);
+        var _a = getPointColor(p), fill = _a[0], stroke = _a[1];
+        drawPoint(fill, stroke, endPointX, endPointY, ctx);
+        pathRef.push({ x: endPointX, y: endPointY, tips: "".concat(v === null || v === void 0 ? void 0 : v.name, "\u5F97\u5206:").concat(v === null || v === void 0 ? void 0 : v.score, "\u5206") });
+    });
+};
+var Graph = function (_a) {
+    var _b = _a.items, items = _b === void 0 ? [] : _b;
+    var ref = useRef(null);
+    var pathRef = useRef([]);
+    var _c = useState(), ctx = _c[0], setCtx = _c[1];
+    useEffect(function () {
+        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 = '999';
+        tipEl.style.fontSize = '12px';
+        tipEl.style.display = 'none';
+        document.body.appendChild(tipEl);
+    }, [ref]);
+    useEffect(function () {
+        if (ctx) {
+            var layout = {
+                leftLableWidth: 80,
+                topLableHeight: 40,
+                itemSpacing: 32,
+                height: 32 * items.length + 40 + 16,
+            };
+            var gradeColor = {
+                Bad: [229, 115, 115],
+                Good: [255, 183, 77],
+                Best: [0, 217, 157],
+            };
+            draw(layout, gradeColor, items, pathRef.current, ctx);
+        }
+    }, [ctx, items]);
+    useEffect(function () {
+        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); });
+            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 (_jsx("canvas", { ref: ref, onMouseOut: function () { return (tipEl.style.display = 'none'); }, onMouseMove: handleMouseMove, style: { width: '100%', height: 32 * items.length + 40 + 16 } }));
+};
+export default Graph;

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

@@ -0,0 +1,2 @@
+declare const Index: () => JSX.Element | null;
+export default Index;

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

@@ -0,0 +1,34 @@
+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);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Evaluate from './Evaluate';
+import Graph from './Graph';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import { Divider, InfoOutlineIcon, Link, Typography } from 'fbm-ui';
+import { Box, Paper, Stack, Collapse } from 'fbm-ui/lib/mui';
+import { useCallback, useState } from 'react';
+var Index = function () {
+    var _a;
+    var _b = useAiReportStore(function (store) { return [store.reportResult, store.operableButtons]; }), reportResult = _b.reportResult, showAiDimension = _b.showAiDimension, canEditAiDimension = _b.canEditAiDimension;
+    var _c = useState(false), expand = _c[0], setExpand = _c[1];
+    var handleExpandChange = useCallback(function () {
+        setExpand(!expand);
+    }, [expand]);
+    if (!showAiDimension)
+        return null;
+    return (_jsxs(Box, __assign({ component: Paper, variant: "outlined", px: 2, mt: 2 }, { children: [_jsxs(Stack, __assign({ direction: "row", height: 56, alignItems: "center", spacing: 1 }, { children: [_jsx(Typography, __assign({ variant: "body1", fontWeight: "medium" }, { children: "AI\u7EF4\u5EA6\u8868\u73B0" })), _jsx(InfoOutlineIcon, { sx: { fontSize: '16px' } })] })), _jsxs(Collapse, __assign({ in: expand }, { children: [(_a = reportResult === null || reportResult === void 0 ? void 0 : reportResult.evaluations) === null || _a === void 0 ? void 0 : _a.map(function (v) {
+                        var _a;
+                        var rank = (1 - (v.rank - 1) / v.total) * 100;
+                        return (_jsxs(Box, __assign({ component: Paper, elevation: 0, bgcolor: "#f9f9f9", mb: 2, pb: 2 }, { children: [_jsxs(Stack, __assign({ px: 2, pt: 2 }, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", spacing: 2 }, { children: [_jsx(Typography, __assign({ variant: "h6" }, { children: v.evaluationDimensionName })), !isNaN(rank) && (_jsxs(Typography, __assign({ variant: "body2" }, { children: ["\u51FB\u8D25\u4E86", _jsxs(Typography, __assign({ variant: "body2", fontWeight: "medium", display: "inline", color: "#4caf50" }, { children: [rank.toFixed(2), "%"] })), "\u7684\u5019\u9009\u4EBA"] })))] })), _jsx(Typography, __assign({ mt: 1, mb: 2, variant: "body2", fontWeight: "medium", color: "success" }, { children: v.impressions.join('、') }))] })), _jsx(Divider, {}), _jsxs(Stack, __assign({ px: 2 }, { children: [((_a = v.items) === null || _a === void 0 ? void 0 : _a.length) > 0 && (_jsx(Box, __assign({ mt: 2 }, { children: _jsx(Graph, { items: v.items }) }))), _jsxs(Stack, __assign({ spacing: 2, mt: 2 }, { children: [_jsx(Evaluate, { canEdit: canEditAiDimension, token: v.evaluationToken, evaluations: v.evaluations, title: "\u8BC4\u4EF7\u5185\u5BB9", field: "evaluations", mode: "show" }), _jsx(Evaluate, { canEdit: canEditAiDimension, token: v.evaluationToken, evaluations: v.suggestions, title: "\u63D0\u9AD8\u5EFA\u8BAE", field: "suggestions", mode: "show" })] }))] }))] }), v.evaluationToken));
+                    }), _jsxs(Stack, __assign({ spacing: 1, mt: 4 }, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: "medium", color: "textSecondary" }, { children: "\u7ED3\u679C\u8BF4\u660E" })), _jsxs(Typography, __assign({ variant: "caption", color: "disabled" }, { children: ["AI\u7EF4\u5EA6\u8868\u73B0\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", _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"] }))] }))] })), _jsx(Box, __assign({ display: "flex", justifyContent: "flex-end", alignItems: "center", mt: 1, mb: 2 }, { children: _jsx(Link, { href: "#", onClick: handleExpandChange, text: expand ? '收起' : '查看详情' }) }))] })));
+};
+export default Index;

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

@@ -46,7 +46,7 @@ export declare const StyledSlider: import("@emotion/styled").StyledComponent<{
     name?: string | undefined;
     onChange?: ((event: Event, value: number | number[], activeThumb: number) => void) | undefined;
     onChangeCommitted?: ((event: Event | import("react").SyntheticEvent<Element, Event>, value: number | number[]) => void) | undefined;
-    orientation?: "vertical" | "horizontal" | undefined;
+    orientation?: "horizontal" | "vertical" | undefined;
     scale?: ((value: number) => number) | undefined;
     step?: number | null | undefined;
     tabIndex?: number | undefined;

package/esm/modules/ai-report/index.js

@@ -10,9 +10,9 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, memo } from 'react';
-import RootProvider from "../../components/RootProvider";
 import ReportRoot from './Root';
+import RootProvider from "../../components/RootProvider";
+import { forwardRef, memo } from 'react';
 var AiReport = forwardRef(function (props, ref) {
     return (_jsx(RootProvider, { children: _jsx(ReportRoot, __assign({ ref: ref }, props)) }));
 });

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

@@ -76,6 +76,7 @@ export interface AiInterviewReportList {
     collection: Collection[];
     faceUrl: string;
     faceAnalysis: FaceAnalysis;
+    evaluations: Array<any>;
     score: number;
     status: number;
     completedStatus: number;
@@ -109,6 +110,8 @@ export interface AiReportProps {
     disabledScore?: boolean;
     reminderSent?: boolean;
     showAbilitiesDetails?: boolean;
+    showAiDimension?: boolean;
+    canEditAiDimension?: boolean;
     operableButtons?: Array<'export' | 'refresh' | 'scoreRank' | 'abilities' | 'sendReminder'>;
     stepToken?: string;
     interviewCheat?: InterviewCheat;

package/esm/modules/ai-report/useAiReport.d.ts

@@ -7,6 +7,8 @@ export declare const useAiReport: (props: AiReportProps) => {
     disabledScore?: boolean | undefined;
     reminderSent?: boolean | undefined;
     showAbilitiesDetails?: boolean | undefined;
+    showAiDimension?: boolean | undefined;
+    canEditAiDimension?: boolean | undefined;
     operableButtons?: ("export" | "refresh" | "scoreRank" | "abilities" | "sendReminder")[] | undefined;
     stepToken?: string | undefined;
     interviewCheat?: import("./interface").InterviewCheat | undefined;

package/esm/services/ai-report.d.ts

@@ -1,2 +1,9 @@
 export declare const PostAiInterviewResult: <R>(orderTokens: string[]) => import("axios").AxiosPromise<R>;
 export declare const PostAiInterviewRefresh: <R>(orderID: string) => import("axios").AxiosPromise<R>;
+interface PostAiInterviewEvaluationData {
+    evaluationToken: string;
+    manualEvaluations?: Array<string>;
+    manualSuggestions?: Array<string>;
+}
+export declare const PostAiInterviewEvaluation: <R>(data: PostAiInterviewEvaluationData) => import("axios").AxiosPromise<R>;
+export {};

package/esm/services/ai-report.js

@@ -3,3 +3,7 @@ import { POST } from "../utils/request";
 export var PostAiInterviewResult = function (orderTokens) { return POST({ url: "/standard/b/aiInterview/result", data: { orderTokens: orderTokens } }); };
 // 刷新ai评分
 export var PostAiInterviewRefresh = function (orderID) { return POST({ url: "/standard/b/aiInterview/aiScore/refresh/single", data: { orderID: orderID } }); };
+// 更新评价
+export var PostAiInterviewEvaluation = function (data) {
+    return POST({ url: "/standard/b/aiInterview/aiEvaluation/modify", data: data });
+};

package/esm/store/ai-report/global-store.d.ts

@@ -9,6 +9,8 @@ export declare const useAiReportStore: (depsFn?: import("hox/es/types").DepsFn<{
     disabledScore?: boolean | undefined;
     reminderSent?: boolean | undefined;
     showAbilitiesDetails?: boolean | undefined;
+    showAiDimension?: boolean | undefined;
+    canEditAiDimension?: boolean | undefined;
     operableButtons?: ("export" | "refresh" | "scoreRank" | "abilities" | "sendReminder")[] | undefined;
     stepToken?: string | undefined;
     interviewCheat?: import("@/modules/ai-report/interface").InterviewCheat | undefined;
@@ -28,6 +30,8 @@ export declare const useAiReportStore: (depsFn?: import("hox/es/types").DepsFn<{
     disabledScore?: boolean | undefined;
     reminderSent?: boolean | undefined;
     showAbilitiesDetails?: boolean | undefined;
+    showAiDimension?: boolean | undefined;
+    canEditAiDimension?: boolean | undefined;
     operableButtons?: ("export" | "refresh" | "scoreRank" | "abilities" | "sendReminder")[] | undefined;
     stepToken?: string | undefined;
     interviewCheat?: import("@/modules/ai-report/interface").InterviewCheat | undefined;
@@ -47,6 +51,8 @@ export declare const useAiReportStore: (depsFn?: import("hox/es/types").DepsFn<{
     disabledScore?: boolean | undefined;
     reminderSent?: boolean | undefined;
     showAbilitiesDetails?: boolean | undefined;
+    showAiDimension?: boolean | undefined;
+    canEditAiDimension?: boolean | undefined;
     operableButtons?: ("export" | "refresh" | "scoreRank" | "abilities" | "sendReminder")[] | undefined;
     stepToken?: string | undefined;
     interviewCheat?: import("@/modules/ai-report/interface").InterviewCheat | undefined;

package/esm/store/ai-report/global-store.js

@@ -10,14 +10,16 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 var _a;
-import { useState } from 'react';
 import { useSetState } from 'ahooks';
 import { createGlobalStore } from 'hox';
+import { useState } from 'react';
 export var useAiReportStore = (_a = createGlobalStore(function () {
     var _a = useSetState({
         token: '',
         stepToken: '',
         disabledScore: true,
+        showAiDimension: true,
+        canEditAiDimension: true,
         scoreRankIntervals: [],
         operableButtons: [],
     }), state = _a[0], updateState = _a[1];

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

@@ -1,4 +1,4 @@
-import React from 'react';
 import { AiReportProps } from './interface';
+import React from 'react';
 declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<AiReportProps & React.RefAttributes<any>>>;
 export default _default;

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

@@ -15,21 +15,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var fbm_ui_1 = require("fbm-ui");
-var ahooks_1 = require("ahooks");
-var global_store_1 = require("../../store/ai-report/global-store");
-var ai_report_1 = require("../../services/ai-report");
-var ai_report_2 = require("../../enum/ai-report");
+var AIEvaluate_1 = __importDefault(require("./components/AIEvaluate"));
+var NotFinish_1 = __importDefault(require("./components/NotFinish"));
 var ScoreReport_1 = __importDefault(require("./components/ScoreReport"));
 var VideoQuestion_1 = __importDefault(require("./components/VideoQuestion"));
-var NotFinish_1 = __importDefault(require("./components/NotFinish"));
-var NO_ANSWER = ai_report_2.INTERVIEW_STATUS.NO_ANSWER;
+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, reminderSent = props.reminderSent, operableButtons = props.operableButtons, onLoad = props.onLoad, onSendReminderClick = props.onSendReminderClick;
     var firstLoad = (0, react_1.useRef)(true);
     var _a = (0, global_store_1.useAiReportStore)(), updateState = _a.updateState, updateReportResult = _a.updateReportResult;
-    var _b = (0, ahooks_1.useRequest)(function () { return (0, ai_report_1.PostAiInterviewResult)([token]); }, {
+    var _b = (0, ahooks_1.useRequest)(function () { return (0, ai_report_2.PostAiInterviewResult)([token]); }, {
         manual: true,
         onSuccess: function (_a) {
             var list = _a.data.list;
@@ -69,7 +70,7 @@ var AiReportRoot = (0, react_1.forwardRef)(function (props, ref) {
             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 ? '已提醒' : '发送提醒' })) }))] }))] })));
         }
         else {
-            return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)(NotFinish_1.default, {}), (0, jsx_runtime_1.jsx)(ScoreReport_1.default, { onRefreshSuccess: handleRefreshSuccess }), (0, jsx_runtime_1.jsx)(VideoQuestion_1.default, {})] }));
+            return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)(NotFinish_1.default, {}), (0, jsx_runtime_1.jsx)(ScoreReport_1.default, { onRefreshSuccess: handleRefreshSuccess }), (0, jsx_runtime_1.jsx)(AIEvaluate_1.default, {}), (0, jsx_runtime_1.jsx)(VideoQuestion_1.default, {})] }));
         }
     }, [handleRefreshSuccess, onSendReminderClick, reminderSent, status, operableButtons]);
     return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ loading: firstLoad.current && loading, sx: { width: '100%', minHeight: '584px', height: '100%', margin: '0 auto', overflow: 'auto' } }, { children: aiReportResult })));

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

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

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

@@ -0,0 +1,47 @@
+"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);
+};
+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 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 = (0, react_1.useState)(evaluations === null || evaluations === void 0 ? void 0 : evaluations.join('\n')), content = _d[0], setContent = _d[1];
+    var _e = (0, react_1.useState)('show'), 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 handleSubmit = (0, react_1.useCallback)(function () {
+        var data = field === 'evaluations'
+            ? {
+                evaluationToken: token,
+                manualEvaluations: [content],
+            }
+            : {
+                evaluationToken: token,
+                manualSuggestions: [content],
+            };
+        (0, ai_report_1.PostAiInterviewEvaluation)(data).then(handleModeChange).catch(console.log);
+    }, [token, content, field, handleModeChange]);
+    (0, react_1.useEffect)(function () {
+        setInternalMode(mode);
+    }, [mode]);
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: "medium" }, { children: title })), canEdit && ((0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ onClick: handleModeChange }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.EditIcon, {}) })))] })), internalMode === 'edit' && ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ width: 1, position: "relative" }, { children: [(0, jsx_runtime_1.jsx)(mui_1.TextField, { fullWidth: true, value: content, onChange: handleChange, rows: 3.5, multiline: true }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ p: 1, spacing: 1, direction: "row", position: "absolute", bottom: 0, right: 0 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ size: "small", color: "inherit", onClick: handleModeChange }, { children: "\u53D6\u6D88" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ size: "small", onClick: handleSubmit }, { children: "\u4FDD\u5B58" }))] }))] }))), internalMode === 'show' && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "textSecondary", sx: { whiteSpace: 'pre-wrap' } }, { children: content })))] }));
+};
+exports.default = Evaluate;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface Dimension {
+    name: string;
+    score: number;
+    rank: number;
+    total: number;
+}
+interface GraphProps {
+    items: Array<Dimension>;
+}
+declare const Graph: React.FC<GraphProps>;
+export default Graph;

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

@@ -0,0 +1,197 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+function setupCanvas(canvas) {
+    // Get the device pixel ratio, falling back to 1.
+    var dpr = window.devicePixelRatio || 1;
+    // Get the size of the canvas in CSS pixels.
+    var rect = canvas.getBoundingClientRect();
+    // Give the canvas pixel dimensions of their CSS
+    // size * the device pixel ratio.
+    canvas.width = rect.width * dpr;
+    canvas.height = rect.height * dpr;
+    var ctx = canvas.getContext('2d');
+    // Scale all drawing operations by the dpr, so you
+    // don't have to worry about the difference.
+    ctx.scale(dpr, dpr);
+    return ctx;
+}
+var levelOrder = ['Bad', 'Good', 'Best'];
+var levelConf = {
+    Bad: {
+        label: '欠佳',
+        width: 134,
+        color: [229, 115, 115],
+        endScore: 30,
+        pointColor: ['RGB(229, 115, 115)', 'RGB(255, 67, 102)'],
+    },
+    Good: {
+        label: '适中',
+        width: 171,
+        color: [255, 183, 77],
+        endScore: 70,
+        pointColor: ['RGB(255, 183, 77)', 'RGB(255, 152, 0)'],
+    },
+    Best: {
+        label: '优秀',
+        width: 134,
+        color: [0, 217, 157],
+        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, tx, ty, ctx) {
+    ctx.beginPath();
+    ctx.arc(tx / 2, ty / 2, 10 / 2, 0, Math.PI * 2, true);
+    var ret = ctx.isPointInPath(x, y);
+    ctx.closePath();
+    return ret;
+}
+var drawTop = function (layout, ctx) {
+    ctx.font = '12px sans-serif';
+    ctx.fillText('排名（%）', 10, 10);
+    ctx.fillStyle = '#ccc';
+    ctx.fillText('0', layout.leftLableWidth, 10);
+    ctx.strokeStyle = '#ccc';
+    var offset = 0;
+    levelOrder.forEach(function (x) {
+        var c = levelConf[x];
+        var labelWidth = measureTextWidth(ctx, c.label);
+        var endScoreWidth = measureTextWidth(ctx, c.endScore);
+        ctx.moveTo(layout.leftLableWidth + offset + endScoreWidth / 2 + 5, 6);
+        ctx.lineTo(layout.leftLableWidth + offset + c.width / 2 - labelWidth / 2 - 5, 6);
+        ctx.fillStyle = 'black';
+        ctx.fillText(c.label, layout.leftLableWidth + offset + c.width / 2 - labelWidth / 2, 10);
+        ctx.moveTo(layout.leftLableWidth + offset + c.width / 2 + labelWidth / 2 + 5, 6);
+        ctx.lineTo(layout.leftLableWidth + offset + c.width - endScoreWidth - 5, 6);
+        ctx.fillStyle = '#ccc';
+        ctx.fillText(c.endScore, layout.leftLableWidth + offset + c.width - endScoreWidth, 10);
+        ctx.stroke();
+        offset += c.width;
+    });
+};
+var drowBackground = function (layout, ctx) {
+    var leftOffset = layout.leftLableWidth;
+    levelOrder.forEach(function (x) {
+        var c = levelConf[x];
+        ctx.fillStyle = "rgb(".concat(c.color.join(','), ")");
+        ctx.fillRect(0 + leftOffset, layout.topLableHeight, c.width, 4);
+        var linearGradient0 = ctx.createLinearGradient(0, 0, 0, layout.height - layout.topLableHeight);
+        linearGradient0.addColorStop(0, "RGBA(".concat(c.color.join(','), ", 0.3)"));
+        linearGradient0.addColorStop(1, "RGBA(".concat(c.color.join(','), ", 0.05)"));
+        ctx.fillStyle = linearGradient0;
+        ctx.fillRect(0 + leftOffset, layout.topLableHeight, c.width, layout.height - layout.topLableHeight);
+        leftOffset += c.width + 4;
+    });
+};
+var percent = function (_a) {
+    var rank = _a.rank, total = _a.total;
+    return Math.min(0.975, parseFloat((1 - (rank - 1) / total).toFixed(2)));
+};
+var getPointColor = function (s) {
+    var conf = Object.entries(levelConf);
+    for (var _i = 0, conf_1 = conf; _i < conf_1.length; _i++) {
+        var _a = conf_1[_i], v = _a[1];
+        if (v.endScore >= s * 100)
+            return v.pointColor;
+    }
+    return [];
+};
+var drawLable = function (lable, x, y, ctx) {
+    ctx.fillStyle = 'black';
+    ctx.fillText(lable, x, y + 5);
+    ctx.strokeStyle = '#ccc';
+};
+var drawLine = function (sx, ex, ey, ctx) {
+    ctx.beginPath();
+    ctx.setLineDash([2, 1]);
+    ctx.moveTo(sx, ey);
+    ctx.lineTo(ex, ey);
+    ctx.stroke();
+};
+var drawPoint = function (fill, stroke, x, y, ctx) {
+    ctx.fillStyle = fill;
+    ctx.strokeStyle = stroke;
+    ctx.lineWidth = 1;
+    ctx.beginPath();
+    ctx.arc(x, y, 4, 0, Math.PI * 2, true);
+    ctx.closePath();
+    ctx.fill();
+    ctx.stroke();
+};
+var draw = function (layout, color, dimensions, pathRef, ctx) {
+    drawTop(layout, ctx);
+    drowBackground(layout, ctx);
+    var maxWidth = 439;
+    dimensions.forEach(function (v, i) {
+        var p = percent(v);
+        var target = maxWidth * p + 4;
+        var endPointX = target + layout.leftLableWidth;
+        var endPointY = 65 + layout.itemSpacing * i;
+        drawLable(v.name, 10, endPointY, ctx);
+        drawLine(layout.leftLableWidth, endPointX, endPointY, ctx);
+        var _a = getPointColor(p), fill = _a[0], stroke = _a[1];
+        drawPoint(fill, stroke, endPointX, endPointY, ctx);
+        pathRef.push({ x: endPointX, y: endPointY, tips: "".concat(v === null || v === void 0 ? void 0 : v.name, "\u5F97\u5206:").concat(v === null || v === void 0 ? void 0 : v.score, "\u5206") });
+    });
+};
+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 = (0, react_1.useState)(), ctx = _c[0], setCtx = _c[1];
+    (0, react_1.useEffect)(function () {
+        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 = '999';
+        tipEl.style.fontSize = '12px';
+        tipEl.style.display = 'none';
+        document.body.appendChild(tipEl);
+    }, [ref]);
+    (0, react_1.useEffect)(function () {
+        if (ctx) {
+            var layout = {
+                leftLableWidth: 80,
+                topLableHeight: 40,
+                itemSpacing: 32,
+                height: 32 * items.length + 40 + 16,
+            };
+            var gradeColor = {
+                Bad: [229, 115, 115],
+                Good: [255, 183, 77],
+                Best: [0, 217, 157],
+            };
+            draw(layout, gradeColor, items, pathRef.current, ctx);
+        }
+    }, [ctx, items]);
+    (0, react_1.useEffect)(function () {
+        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.x, p.y, 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: '100%', height: 32 * items.length + 40 + 16 } }));
+};
+exports.default = Graph;

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

@@ -0,0 +1,2 @@
+declare const Index: () => JSX.Element | null;
+export default Index;

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

@@ -0,0 +1,39 @@
+"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 Evaluate_1 = __importDefault(require("./Evaluate"));
+var Graph_1 = __importDefault(require("./Graph"));
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var react_1 = require("react");
+var Index = function () {
+    var _a;
+    var _b = (0, global_store_1.useAiReportStore)(function (store) { return [store.reportResult, store.operableButtons]; }), reportResult = _b.reportResult, showAiDimension = _b.showAiDimension, canEditAiDimension = _b.canEditAiDimension;
+    var _c = (0, react_1.useState)(false), expand = _c[0], setExpand = _c[1];
+    var handleExpandChange = (0, react_1.useCallback)(function () {
+        setExpand(!expand);
+    }, [expand]);
+    if (!showAiDimension)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ component: mui_1.Paper, variant: "outlined", px: 2, mt: 2 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", height: 56, alignItems: "center", spacing: 1 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: "medium" }, { children: "AI\u7EF4\u5EA6\u8868\u73B0" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoOutlineIcon, { sx: { fontSize: '16px' } })] })), (0, jsx_runtime_1.jsxs)(mui_1.Collapse, __assign({ in: expand }, { children: [(_a = reportResult === null || reportResult === void 0 ? void 0 : reportResult.evaluations) === null || _a === void 0 ? void 0 : _a.map(function (v) {
+                        var _a;
+                        var rank = (1 - (v.rank - 1) / v.total) * 100;
+                        return ((0, jsx_runtime_1.jsxs)(mui_1.Box, __assign({ component: mui_1.Paper, elevation: 0, bgcolor: "#f9f9f9", mb: 2, pb: 2 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ px: 2, pt: 2 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", spacing: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "h6" }, { children: v.evaluationDimensionName })), !isNaN(rank) && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: ["\u51FB\u8D25\u4E86", (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: "medium", display: "inline", color: "#4caf50" }, { children: [rank.toFixed(2), "%"] })), "\u7684\u5019\u9009\u4EBA"] })))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ mt: 1, mb: 2, variant: "body2", fontWeight: "medium", color: "success" }, { children: v.impressions.join('、') }))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Divider, {}), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ px: 2 }, { children: [((_a = v.items) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ mt: 2 }, { children: (0, jsx_runtime_1.jsx)(Graph_1.default, { items: v.items }) }))), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 2, mt: 2 }, { children: [(0, jsx_runtime_1.jsx)(Evaluate_1.default, { canEdit: canEditAiDimension, token: v.evaluationToken, evaluations: v.evaluations, title: "\u8BC4\u4EF7\u5185\u5BB9", field: "evaluations", mode: "show" }), (0, jsx_runtime_1.jsx)(Evaluate_1.default, { canEdit: canEditAiDimension, token: v.evaluationToken, evaluations: v.suggestions, title: "\u63D0\u9AD8\u5EFA\u8BAE", field: "suggestions", mode: "show" })] }))] }))] }), v.evaluationToken));
+                    }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 1, mt: 4 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: "medium", color: "textSecondary" }, { children: "\u7ED3\u679C\u8BF4\u660E" })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "disabled" }, { children: ["AI\u7EF4\u5EA6\u8868\u73B0\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"] }))] }))] })), (0, jsx_runtime_1.jsx)(mui_1.Box, __assign({ display: "flex", justifyContent: "flex-end", alignItems: "center", mt: 1, mb: 2 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Link, { href: "#", onClick: handleExpandChange, text: expand ? '收起' : '查看详情' }) }))] })));
+};
+exports.default = Index;

package/lib/modules/ai-report/components/VideoQuestion/styled.d.ts

@@ -46,7 +46,7 @@ export declare const StyledSlider: import("@emotion/styled").StyledComponent<{
     name?: string | undefined;
     onChange?: ((event: Event, value: number | number[], activeThumb: number) => void) | undefined;
     onChangeCommitted?: ((event: Event | import("react").SyntheticEvent<Element, Event>, value: number | number[]) => void) | undefined;
-    orientation?: "vertical" | "horizontal" | undefined;
+    orientation?: "horizontal" | "vertical" | undefined;
     scale?: ((value: number) => number) | undefined;
     step?: number | null | undefined;
     tabIndex?: number | undefined;

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

@@ -15,9 +15,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var RootProvider_1 = __importDefault(require("../../components/RootProvider"));
 var Root_1 = __importDefault(require("./Root"));
+var RootProvider_1 = __importDefault(require("../../components/RootProvider"));
+var react_1 = require("react");
 var AiReport = (0, react_1.forwardRef)(function (props, ref) {
     return ((0, jsx_runtime_1.jsx)(RootProvider_1.default, { children: (0, jsx_runtime_1.jsx)(Root_1.default, __assign({ ref: ref }, props)) }));
 });

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

@@ -76,6 +76,7 @@ export interface AiInterviewReportList {
     collection: Collection[];
     faceUrl: string;
     faceAnalysis: FaceAnalysis;
+    evaluations: Array<any>;
     score: number;
     status: number;
     completedStatus: number;
@@ -109,6 +110,8 @@ export interface AiReportProps {
     disabledScore?: boolean;
     reminderSent?: boolean;
     showAbilitiesDetails?: boolean;
+    showAiDimension?: boolean;
+    canEditAiDimension?: boolean;
     operableButtons?: Array<'export' | 'refresh' | 'scoreRank' | 'abilities' | 'sendReminder'>;
     stepToken?: string;
     interviewCheat?: InterviewCheat;

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

@@ -7,6 +7,8 @@ export declare const useAiReport: (props: AiReportProps) => {
     disabledScore?: boolean | undefined;
     reminderSent?: boolean | undefined;
     showAbilitiesDetails?: boolean | undefined;
+    showAiDimension?: boolean | undefined;
+    canEditAiDimension?: boolean | undefined;
     operableButtons?: ("export" | "refresh" | "scoreRank" | "abilities" | "sendReminder")[] | undefined;
     stepToken?: string | undefined;
     interviewCheat?: import("./interface").InterviewCheat | undefined;

package/lib/services/ai-report.d.ts

@@ -1,2 +1,9 @@
 export declare const PostAiInterviewResult: <R>(orderTokens: string[]) => import("axios").AxiosPromise<R>;
 export declare const PostAiInterviewRefresh: <R>(orderID: string) => import("axios").AxiosPromise<R>;
+interface PostAiInterviewEvaluationData {
+    evaluationToken: string;
+    manualEvaluations?: Array<string>;
+    manualSuggestions?: Array<string>;
+}
+export declare const PostAiInterviewEvaluation: <R>(data: PostAiInterviewEvaluationData) => import("axios").AxiosPromise<R>;
+export {};

package/lib/services/ai-report.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PostAiInterviewRefresh = exports.PostAiInterviewResult = void 0;
+exports.PostAiInterviewEvaluation = exports.PostAiInterviewRefresh = exports.PostAiInterviewResult = void 0;
 var request_1 = require("../utils/request");
 // 查询面试结果
 var PostAiInterviewResult = function (orderTokens) { return (0, request_1.POST)({ url: "/standard/b/aiInterview/result", data: { orderTokens: orderTokens } }); };
@@ -8,3 +8,8 @@ exports.PostAiInterviewResult = PostAiInterviewResult;
 // 刷新ai评分
 var PostAiInterviewRefresh = function (orderID) { return (0, request_1.POST)({ url: "/standard/b/aiInterview/aiScore/refresh/single", data: { orderID: orderID } }); };
 exports.PostAiInterviewRefresh = PostAiInterviewRefresh;
+// 更新评价
+var PostAiInterviewEvaluation = function (data) {
+    return (0, request_1.POST)({ url: "/standard/b/aiInterview/aiEvaluation/modify", data: data });
+};
+exports.PostAiInterviewEvaluation = PostAiInterviewEvaluation;

package/lib/store/ai-report/global-store.d.ts

@@ -9,6 +9,8 @@ export declare const useAiReportStore: (depsFn?: import("hox/es/types").DepsFn<{
     disabledScore?: boolean | undefined;
     reminderSent?: boolean | undefined;
     showAbilitiesDetails?: boolean | undefined;
+    showAiDimension?: boolean | undefined;
+    canEditAiDimension?: boolean | undefined;
     operableButtons?: ("export" | "refresh" | "scoreRank" | "abilities" | "sendReminder")[] | undefined;
     stepToken?: string | undefined;
     interviewCheat?: import("@/modules/ai-report/interface").InterviewCheat | undefined;
@@ -28,6 +30,8 @@ export declare const useAiReportStore: (depsFn?: import("hox/es/types").DepsFn<{
     disabledScore?: boolean | undefined;
     reminderSent?: boolean | undefined;
     showAbilitiesDetails?: boolean | undefined;
+    showAiDimension?: boolean | undefined;
+    canEditAiDimension?: boolean | undefined;
     operableButtons?: ("export" | "refresh" | "scoreRank" | "abilities" | "sendReminder")[] | undefined;
     stepToken?: string | undefined;
     interviewCheat?: import("@/modules/ai-report/interface").InterviewCheat | undefined;
@@ -47,6 +51,8 @@ export declare const useAiReportStore: (depsFn?: import("hox/es/types").DepsFn<{
     disabledScore?: boolean | undefined;
     reminderSent?: boolean | undefined;
     showAbilitiesDetails?: boolean | undefined;
+    showAiDimension?: boolean | undefined;
+    canEditAiDimension?: boolean | undefined;
     operableButtons?: ("export" | "refresh" | "scoreRank" | "abilities" | "sendReminder")[] | undefined;
     stepToken?: string | undefined;
     interviewCheat?: import("@/modules/ai-report/interface").InterviewCheat | undefined;

package/lib/store/ai-report/global-store.js

@@ -13,14 +13,16 @@ var __assign = (this && this.__assign) || function () {
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAiReportStore = exports.useAiReportStore = void 0;
-var react_1 = require("react");
 var ahooks_1 = require("ahooks");
 var hox_1 = require("hox");
+var react_1 = require("react");
 exports.useAiReportStore = (_a = (0, hox_1.createGlobalStore)(function () {
     var _a = (0, ahooks_1.useSetState)({
         token: '',
         stepToken: '',
         disabledScore: true,
+        showAiDimension: true,
+        canEditAiDimension: true,
         scoreRankIntervals: [],
         operableButtons: [],
     }), state = _a[0], updateState = _a[1];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eli-video-interview",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "鳄梨科技 AI视频面试 React SDK",
   "author": "鳄梨科技",
   "license": "MIT",
@@ -55,5 +55,5 @@
     "type": "git",
     "url": "https://jihulab.com/elihr/elifront/open/lerna-avocado-sdk.git"
   },
-  "gitHead": "a899beede4d71da37bfb3a4cb34bd745c4c29cef"
+  "gitHead": "be5d2221ff5dd71c14fcdf531474fdfa8d1030fd"
 }