eli-video-interview 1.2.29-beta.1 → 1.2.29-beta.2

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

@@ -0,0 +1,60 @@
+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, confirm, FormItem } from 'fbm-ui';
+import { Box, Stack } 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 () {
+        confirm({
+            header: null,
+            content: '确认将评价内容修改吗？该动作无法被撤销。',
+            okText: '修改',
+            okProps: {
+                color: 'error',
+                variant: 'contained',
+            },
+            onOk: function (_a) {
+                var onClose = _a.onClose;
+                var data = field === 'evaluations'
+                    ? {
+                        evaluationToken: token,
+                        manualEvaluations: [content],
+                    }
+                    : {
+                        evaluationToken: token,
+                        manualSuggestions: [content],
+                    };
+                PostAiInterviewEvaluation(data).then(handleModeChange).then(onClose).catch(console.log);
+            },
+        });
+    }, [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, pr: 2 }, { children: [_jsx(FormItem, { sx: { height: 'auto', pr: 0 }, multiline: true, rows: 3.5, required: true, name: "name", placeholder: "", value: content, onChange: handleChange }), _jsxs(Stack, __assign({ boxSizing: "border-box", mr: 2, mt: 1, spacing: 1, direction: "row", width: 1, justifyContent: "flex-end" }, { children: [_jsx(Button, __assign({ size: "medium", variant: "text", color: "secondary", onClick: function () {
+                                    handleModeChange();
+                                    setContent(evaluations === null || evaluations === void 0 ? void 0 : evaluations.join('\n'));
+                                } }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ size: "medium", onClick: handleSubmit }, { children: "\u4FDD\u5B58" }))] }))] }))), internalMode === 'show' && (_jsx(Typography, __assign({ variant: "body2", color: "textSecondary", sx: { whiteSpace: 'pre-wrap' } }, { children: content })))] }));
+};
+export default Evaluate;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface Dimension {
+    name: string;
+    score: number;
+    rank: number;
+    total: number;
+    level: 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,225 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+function setupCanvas(canvas) {
+    var dpr = window.devicePixelRatio || 1;
+    var rect = canvas.getBoundingClientRect();
+    canvas.width = rect.width * dpr;
+    canvas.height = rect.height * dpr;
+    var ctx = canvas.getContext('2d');
+    ctx.scale(dpr, dpr);
+    return ctx;
+}
+var levelOrder = ['Bad', 'Good', 'Best'];
+var serverLevelMap = [
+    {
+        level: 'Best',
+        start: 134 + 171 + 10,
+        width: 125 - 12,
+    },
+    {
+        level: 'Good',
+        start: 134 + 5,
+        width: 171 - 10,
+    },
+    {
+        level: 'Bad',
+        start: 0,
+        width: 134 - 10,
+    },
+    {
+        level: 'Bad',
+        start: 0,
+        width: 0,
+    },
+];
+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: 125,
+        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) {
+    var dpr = window.devicePixelRatio || 1;
+    ctx.beginPath();
+    ctx.arc(tx / dpr, ty / dpr, 10 / dpr, 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, i) {
+        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 + (i === 0 ? 0 : 5), 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(','), ")");
+        drawRoundedRect(0 + leftOffset, layout.topLableHeight, c.width, 4, 2, true, false, ctx);
+        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 / total).toFixed(2)));
+};
+var getPointColor = function (s) {
+    return levelConf[s].pointColor;
+};
+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.save();
+    ctx.setLineDash([]);
+    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();
+    ctx.restore();
+};
+var drawRoundedRect = function (x, y, width, height, r, fill, stroke, ctx) {
+    ctx.save();
+    ctx.beginPath();
+    ctx.moveTo(x + r, y);
+    ctx.arcTo(x + width, y, x + width, y + r, r);
+    ctx.arcTo(x + width, y + height, x + width - r, y + height, r);
+    ctx.arcTo(x, y + height, x, y + height - r, r);
+    ctx.arcTo(x, y, x + r, y, r);
+    if (fill) {
+        ctx.fill();
+    }
+    if (stroke) {
+        ctx.stroke();
+    }
+    ctx.restore();
+};
+var draw = function (layout, color, dimensions, pathRef, ctx) {
+    drawTop(layout, ctx);
+    drowBackground(layout, ctx);
+    dimensions.forEach(function (v, i) {
+        var level = serverLevelMap[v.level - 1];
+        var p = percent(v);
+        var target = level.width * p + 4;
+        var endPointX = level.start + target + layout.leftLableWidth;
+        var endPointY = 65 + layout.itemSpacing * i;
+        drawLable(v.name, 10, endPointY, ctx);
+        drawLine(layout.leftLableWidth, endPointX, endPointY, ctx);
+        var _a = getPointColor(level.level), 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.toFixed(2), "\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 = '9999';
+        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,3 @@
+/// <reference types="react" />
+declare const Index: () => JSX.Element | null;
+export default Index;

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

@@ -0,0 +1,40 @@
+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 { rankPercent } from '../../utils';
+import Evaluate from './Evaluate';
+import Graph from './Graph';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import AiHeaderTitle from "../../../../components/AiHeaderTitle";
+import { InfoOutlineIcon, Link, Tooltip, Typography } from 'fbm-ui';
+import { Box, Collapse, Divider, Paper, Stack } from 'fbm-ui/lib/mui';
+import { useCallback, useState } from 'react';
+var Index = function () {
+    var _a, _b;
+    var _c = useAiReportStore(function (store) { return [
+        store.reportResult,
+        store.operableButtons,
+    ]; }), reportResult = _c.reportResult, showAiDimension = _c.showAiDimension, canEditAiDimension = _c.canEditAiDimension, customInterviewDimRankMap = _c.customInterviewDimRankMap;
+    var _d = useState(true), expand = _d[0], setExpand = _d[1];
+    var handleExpandChange = useCallback(function () {
+        setExpand(!expand);
+    }, [expand]);
+    if (!showAiDimension || ((_a = reportResult === null || reportResult === void 0 ? void 0 : reportResult.evaluations) === null || _a === void 0 ? void 0 : _a.length) === 0)
+        return null;
+    return (_jsxs(Box, __assign({ id: "report-evaluate", component: Paper, variant: "outlined", px: 2, mt: 2 }, { children: [_jsxs(Stack, __assign({ direction: "row", height: 56, alignItems: "center", spacing: 1, marginBottom: 1 }, { children: [_jsx(AiHeaderTitle, { name: "AI\u57FA\u7840\u80FD\u529B" }), _jsx(Tooltip, __assign({ title: _jsxs("span", { children: ["\u7ED3\u679C\u8BF4\u660E\uFF1A", _jsx("br", {}), "AI\u57FA\u7840\u80FD\u529B\u4ECE\u8BED\u901F\u3001\u666E\u901A\u8BDD\u3001\u8BED\u8A00\u6D41\u7545\u5EA6\u3001\u8981\u70B9\u5206\u6790\u5339\u914D\u5EA6\u3001\u8BED\u8A00\u4E30\u5BCC\u5EA6\u3001\u5F62\u8C61\u516D\u4E2A\u7EF4\u5EA6\u5BF9\u5019\u9009\u4EBA\u5728\u9762\u8BD5\u4E2D\u7684\u56DE\u7B54\u8868\u73B0\u8FDB\u884C\u8BC4\u4EF7\uFF0C\u6BCF\u4E2A\u7EF4\u5EA6\u5206\u4E3A\u4E09\u4E2A\u6863\uFF0C\u5206\u522B\u4E3A\uFF1A\u524D30%\u4EE3\u8868\u4F18\u79C0\u3001\u4E2D\u95F430%~70%\u4EE3\u8868\u9002\u4E2D\u3001\u540E30%\u4EE3\u8868\u6B20\u4F73\u3002", _jsx("br", {}), "\u6BCF\u4E2A\u80FD\u529B\u7684\u4E09\u6863\u7684\u5206\u6570\u503C\u4F9D\u636E\u5168\u56FD\u5927\u6570\u636E\u7EDF\u8BA1\u800C\u5B9A\u3002\u6839\u636E\u5019\u9009\u4EBA\u5F53\u524DAI\u89C6\u9891\u6B65\u9AA4\u4E0B\u7684\u6BCF\u4E2A\u80FD\u529B\u7684\u5E73\u5747\u5206\u6765\u786E\u5B9A\u6BCF\u4E2A\u80FD\u529B\u7684\u8BC4\u4EF7\u3002\u76F8\u540C\u7684\u5F97\u5206\uFF0C\u6210\u7EE9\u5148\u51FA\u7684\u6392\u540D\u9760\u524D\u3002"] }) }, { children: _jsx(Box, __assign({ display: "flex", alignItems: "center" }, { children: _jsx(InfoOutlineIcon, { sx: { fontSize: '16px' } }) })) }))] })), _jsxs(Collapse, __assign({ in: expand }, { children: [(_b = reportResult === null || reportResult === void 0 ? void 0 : reportResult.evaluations) === null || _b === void 0 ? void 0 : _b.map(function (v) {
+                        var _a;
+                        var c = customInterviewDimRankMap === null || customInterviewDimRankMap === void 0 ? void 0 : customInterviewDimRankMap[v.evaluationToken];
+                        var rank = rankPercent((c === null || c === void 0 ? void 0 : c.rank) || (v === null || v === void 0 ? void 0 : v.rank), (c === null || c === void 0 ? void 0 : c.total) || (v === null || v === void 0 ? void 0 : v.total));
+                        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", fontWeight: "medium", sx: { fontWeight: 500 } }, { 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: "#4caf50" }, { children: v.impressions.join('、') }))] })), _jsx(Divider, { sx: { borderColor: 'rgba(0,0,0,0.08)' } }), _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: "rgba(0,0,0,0.26)" }, { children: ["AI\u57FA\u7840\u80FD\u529B\u4ECE\u8BED\u901F\u3001\u666E\u901A\u8BDD\u3001\u8BED\u8A00\u6D41\u7545\u5EA6\u3001\u8981\u70B9\u5206\u6790\u5339\u914D\u5EA6\u3001\u8BED\u8A00\u4E30\u5BCC\u5EA6\u3001\u5F62\u8C61\u516D\u4E2A\u7EF4\u5EA6\u5BF9\u5019\u9009\u4EBA\u5728\u9762\u8BD5\u4E2D\u7684\u56DE\u7B54\u8868\u73B0\u8FDB\u884C\u8BC4\u4EF7\uFF0C\u6BCF\u4E2A\u7EF4\u5EA6\u5206\u4E3A\u4E09\u4E2A\u6863\uFF0C\u5206\u522B\u4E3A\uFF1A\u524D30%\u4EE3\u8868\u4F18\u79C0\u3001\u4E2D\u95F430%~70%\u4EE3\u8868\u9002\u4E2D\u3001\u540E30%\u4EE3\u8868\u6B20\u4F73\u3002", _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/MenuAnchor/MenuAnchor.d.ts

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

package/esm/modules/ai-report/components/MenuAnchor/MenuAnchor.js

@@ -0,0 +1,106 @@
+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, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { REPORT_MODULE_MAP } from "../../../../constants/ai-report";
+import { PostAiInterviewResult } from "../../../../services/ai-report";
+import { useRequest } from 'ahooks';
+import { Box, MenuIcon } from 'fbm-ui';
+import { List, ListItem, ListItemButton, ListItemText, Popover } from 'fbm-ui/lib/mui';
+import { forwardRef, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+var MenuAnchor = forwardRef(function (props) {
+    var _a = useState(null), anchorEl = _a[0], setAnchorEl = _a[1];
+    var _b = useState(), reportResult = _b[0], setReportResult = _b[1];
+    var open = Boolean(anchorEl);
+    // 接口请求
+    var token = props.token, showAiDimension = props.showAiDimension;
+    var firstLoad = useRef(true);
+    var _c = useState([]), list = _c[0], setList = _c[1];
+    var postAiInterviewResult = useRequest(function () { return PostAiInterviewResult([token]); }, {
+        manual: true,
+        onSuccess: function (_a) {
+            var list = _a.data.list;
+            var result = list[0];
+            setReportResult(result);
+            if (firstLoad.current) {
+                firstLoad.current = false;
+                handleMenuList(result);
+            }
+        },
+    }).run;
+    useEffect(function () {
+        firstLoad.current = true;
+        postAiInterviewResult();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [token]);
+    // 处理菜单数据
+    var handleMenuList = function (reportResult) {
+        if (!reportResult.status) {
+            return;
+        }
+        var resList = [REPORT_MODULE_MAP['videoQuestion']];
+        var _a = reportResult.collection, collection = _a === void 0 ? [] : _a, _b = reportResult.workplaces, workplaces = _b === void 0 ? [] : _b, _c = reportResult.suggestion, suggestion = _c === void 0 ? { show: false } : _c, _d = reportResult.evaluations, evaluations = _d === void 0 ? [] : _d;
+        if (showAiDimension) {
+            if (suggestion === null || suggestion === void 0 ? void 0 : suggestion.show) {
+                resList.unshift(REPORT_MODULE_MAP['suggestion']);
+            }
+            if (collection.length > 0 && evaluations.length > 0) {
+                resList.unshift(REPORT_MODULE_MAP['evaluate']);
+            }
+            if (workplaces.length > 0) {
+                resList.unshift(REPORT_MODULE_MAP['workplace']);
+            }
+        }
+        if (collection.length > 0) {
+            resList.unshift(REPORT_MODULE_MAP['score']);
+        }
+        console.log(resList);
+        setList(resList);
+    };
+    var handlePopoverOpen = function (event) {
+        setAnchorEl(event.currentTarget);
+    };
+    var handlePopoverClose = function () {
+        setAnchorEl(null);
+    };
+    var scrollToAnchor = useCallback(function (id) {
+        if (id) {
+            var anchorEle = document.getElementById(id);
+            if (anchorEle) {
+                anchorEle.scrollIntoView({ block: 'start', behavior: 'smooth' });
+            }
+        }
+    }, []);
+    var content = useMemo(function () {
+        return (_jsx(List, __assign({ style: { minWidth: 150 }, onMouseLeave: handlePopoverClose }, { children: list.map(function (_a) {
+                var name = _a.name, id = _a.id;
+                return (_jsx(ListItem, __assign({ disablePadding: true }, { children: _jsx(ListItemButton, __assign({ onClick: function () { return scrollToAnchor(id); } }, { children: _jsx(ListItemText, { primary: name }) })) }), id));
+            }) })));
+    }, [scrollToAnchor, list]);
+    return (_jsxs(_Fragment, { children: [(reportResult === null || reportResult === void 0 ? void 0 : reportResult.status) && (_jsx(Box, __assign({ style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    height: 32,
+                    width: 32,
+                    backgroundColor: '#fff',
+                    borderRadius: 4,
+                    boxShadow: '0px 2px 4px rgba(0,0,0, 0.08)',
+                }, "aria-owns": open ? 'menu-anchor-popover' : undefined, "aria-haspopup": "true", onClick: handlePopoverOpen, onMouseEnter: handlePopoverOpen }, { children: _jsx(MenuIcon, {}) }))), _jsx(Popover, __assign({ id: "menu-anchor-popover", open: open, anchorEl: anchorEl, anchorOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'right',
+                }, transformOrigin: {
+                    vertical: -8,
+                    horizontal: 'right',
+                }, onClose: handlePopoverClose }, { children: content }))] }));
+});
+MenuAnchor.displayName = 'MenuAnchor';
+export default memo(MenuAnchor);

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

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

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

@@ -0,0 +1,20 @@
+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 } from "react/jsx-runtime";
+import MenuAnchor from './MenuAnchor';
+import RootProvider from "../../../../components/RootProvider";
+import { forwardRef, memo } from 'react';
+var ReportMenuAnchor = forwardRef(function (props, ref) {
+    return (_jsx(RootProvider, { children: _jsx(MenuAnchor, __assign({}, props)) }));
+});
+ReportMenuAnchor.displayName = 'AiReport';
+export default memo(ReportMenuAnchor);

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

@@ -0,0 +1,10 @@
+export interface AnchorItem {
+    type: string;
+    name: string;
+    id: string;
+}
+export interface MenuAnchorProps {
+    list?: AnchorItem[];
+    token: string;
+    showAiDimension: boolean;
+}

package/esm/modules/ai-report/components/MenuAnchor/interface.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+declare const NotFinish: FC;
+export default NotFinish;

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

@@ -0,0 +1,25 @@
+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 } from "react/jsx-runtime";
+import { Alert, Box, Typography } from 'fbm-ui';
+import { COMPLETED_STATUS } from "../../../../enum/ai-report";
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+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;
+    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 null;
+};
+export default NotFinish;

package/esm/modules/ai-report/components/RankingRange/Item.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { RankingRangeItemProps } from './interface';
+declare const _default: React.NamedExoticComponent<RankingRangeItemProps>;
+export default _default;

package/esm/modules/ai-report/components/RankingRange/Item.js

@@ -0,0 +1,30 @@
+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 { memo, useCallback, useEffect, useState } from 'react';
+import { Box, CloseIcon, IconButton, Typography } from 'fbm-ui';
+import { RangeInput, RangeTypography } from './styled';
+var RankingRangeItem = function (props) {
+    var item = props.item, disabled = props.disabled, index = props.index, onChange = props.onChange, onDelete = props.onDelete;
+    var _a = useState('0'), endRankProportion = _a[0], setEndRankProportion = _a[1];
+    useEffect(function () {
+        setEndRankProportion(item.scoreRankIntervals.endRankProportion.toString());
+    }, [item]);
+    var handleChange = useCallback(function (value) {
+        var isIntegerReg = /^[1-9]\d*$/;
+        if (isIntegerReg.test(value) || !value) {
+            setEndRankProportion(value);
+        }
+    }, []);
+    return (_jsxs(Box, __assign({ display: "flex", sx: { mb: 1 } }, { children: [_jsx(Box, __assign({ flex: "1 0" }, { children: _jsxs(Box, __assign({ display: "flex", alignItems: "center" }, { children: [_jsx(RangeInput, { size: "small", disabled: true, value: item.scoreRankIntervals.startRankProportion, endAdornment: "%" }), _jsx(Typography, __assign({ sx: { pl: 1, pr: 1 } }, { children: "-" })), _jsx(RangeInput, { size: "small", disabled: disabled, endAdornment: "%", value: endRankProportion, onChange: function (e) { return handleChange(e.target.value); }, onBlur: function () { return onChange(endRankProportion ? Number(endRankProportion) : 1, index); } }), index !== 0 && (_jsx(IconButton, __assign({ sx: { ml: 1 }, onClick: function () { return onDelete(index); } }, { children: _jsx(CloseIcon, {}) })))] })) })), _jsxs(Box, __assign({ display: "flex", flex: "1 0" }, { children: [_jsx(RangeTypography, __assign({ variant: "body1" }, { children: item.score.startScore.toFixed(2) })), _jsx(RangeTypography, __assign({ variant: "body1", sx: { pl: 1, pr: 1 } }, { children: "-" })), _jsx(RangeTypography, __assign({ variant: "body1" }, { children: item.score.endScore.toFixed(2) })), _jsx(RangeTypography, __assign({ variant: "body1", sx: { pl: 1 } }, { children: "\u5206" }))] }))] })));
+};
+export default memo(RankingRangeItem);

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { RankingRangeProps } from './interface';
+declare const RankingRange: FC<RankingRangeProps>;
+export default RankingRange;