eli-video-interview 1.4.7 → 1.6.0

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

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

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

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

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

@@ -0,0 +1,32 @@
+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 Report from '../ScoreReport/Report';
+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 || {}, _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]);
+    if (!showAiDimension)
+        return null;
+    return (_jsx(Box, __assign({ id: "report-evaluate", sx: { px: 2, mt: 3 } }, { children: _jsx(Box, __assign({ component: Paper, elevation: 0, bgcolor: "transparent", mb: 3 }, { children: _jsxs(Stack, { children: [workplaceEvaluation && (_jsx(Evaluate, { orderToken: orderToken, canEdit: canEditAiDimension, evaluation: workplaceEvaluation, title: "\u7EFC\u5408\u8BC4\u4EF7", mode: "show" })), collection.length > 0 && (_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, {})] })))] }) })) })));
+};
+export default memo(Index);

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { CandidateInfo } from './Interface';
+interface FormProps {
+    fetchCandidateInfo: () => Promise<CandidateInfo>;
+}
+declare const _default: import("react").NamedExoticComponent<FormProps>;
+export default _default;

package/esm/modules/ai-report-v3/components/Candidate/Candidate.js

@@ -0,0 +1,55 @@
+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 { DinTypography, ReportAvatar, ReportTag } from '../styled';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import { getSecondToTime } from "../../../../utils/utils";
+import { Box, Message, Typography } from 'fbm-ui';
+import { Stack } from 'fbm-ui/lib/mui';
+import { memo, useEffect, useMemo, useState } from 'react';
+var Form = function (_a) {
+    var fetchCandidateInfo = _a.fetchCandidateInfo;
+    var reportResult = useAiReportStore(function (store) { return [store.reportResult]; }).reportResult;
+    var steps = (reportResult || {}).steps;
+    var duration = useMemo(function () { return getSecondToTime((steps === null || steps === void 0 ? void 0 : steps.reduce(function (acc, cur) { return acc + cur.answer.media.durationTime; }, 0)) || 0); }, [steps]);
+    var _b = __read(useState({ name: '', mobile: '', processName: '', positionName: '', avatar: '', tags: [] }), 2), data = _b[0], setData = _b[1];
+    useEffect(function () {
+        if (fetchCandidateInfo) {
+            fetchCandidateInfo().then(setData).catch(Message.error);
+        }
+    }, [fetchCandidateInfo]);
+    var name = data.name, mobile = data.mobile, positionName = data.positionName, avatar = data.avatar, tags = data.tags;
+    return (_jsxs(Stack, __assign({ direction: "row", minHeight: 221, mt: 13.25 }, { children: [_jsx(ReportAvatar, { sx: { mx: 3 }, avatar: avatar }), _jsxs(Stack, __assign({ spacing: 1 }, { children: [_jsx(DinTypography, __assign({ sx: { fontSize: 18 } }, { children: positionName })), _jsxs(Typography, __assign({ variant: "body1" }, { children: [name, " ", mobile] })), _jsx(Box, __assign({ sx: {
+                            display: 'flex',
+                            flexWrap: 'wrap',
+                            gap: '8px',
+                            alignItems: 'flex-start',
+                            width: '450px',
+                        } }, { children: tags === null || tags === void 0 ? void 0 : tags.map(function (tag) { return (_jsx(ReportTag, { children: tag.name }, tag.token)); }) })), _jsxs(Typography, { children: ["\u9762\u8BD5\u65F6\u957F\uFF1A", duration] })] }))] })));
+};
+export default memo(Form);

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

@@ -0,0 +1,16 @@
+export interface CandidateInfo {
+    avatar: string;
+    name: string;
+    mobile: string;
+    processName: string;
+    positionName: string;
+    tags: Tag[];
+}
+interface Tag {
+    name: string;
+    token: string;
+}
+export interface AiReportUrl {
+    url: string;
+}
+export {};

package/esm/modules/ai-report-v3/components/Candidate/Interface.js

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

package/esm/modules/ai-report-v3/components/Candidate/Podium.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export interface FormProps {
+    score: number;
+}
+declare const Form: FC<FormProps>;
+export default Form;

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

@@ -0,0 +1,50 @@
+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 { rankPercent } from '../../utils';
+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';
+import { useEffect, useMemo, useState } from 'react';
+var Form = function () {
+    var _a = __read(useState(''), 2), text = _a[0], setText = _a[1];
+    var _b = useAiReportStore(function (store) { return [store.reportResult, store.scoreRankIntervals]; }), reportResult = _b.reportResult, scoreRankIntervals = _b.scoreRankIntervals, reportRank = _b.reportRank;
+    var _c = (reportResult || {}).score, score = _c === void 0 ? 0 : _c;
+    var progress = useMemo(function () { return rankPercent((reportRank === null || reportRank === void 0 ? void 0 : reportRank.rank) || 0, (reportRank === null || reportRank === void 0 ? void 0 : reportRank.total) || 0); }, [reportRank]);
+    useEffect(function () {
+        if (reportRank === null || reportRank === void 0 ? void 0 : reportRank.total) {
+            setText("\u51FB\u8D25\u4E86".concat(progress.toFixed(0), "%\u5019\u9009\u4EBA"));
+        }
+        else {
+            setText('');
+        }
+    }, [score, reportRank, scoreRankIntervals, 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-v3/components/Candidate/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PodiumReport } from './Podium';
+export { default as CandidateReport } from './Candidate';

package/esm/modules/ai-report-v3/components/Candidate/index.js

@@ -0,0 +1,2 @@
+export { default as PodiumReport } from './Podium';
+export { default as CandidateReport } from './Candidate';

package/esm/modules/ai-report-v3/components/CapabilityTable/CapabilityTable.d.ts

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

package/esm/modules/ai-report-v3/components/CapabilityTable/CapabilityTable.js

@@ -0,0 +1,62 @@
+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 { Box, Stack } from 'fbm-ui/lib/mui';
+import { Typography } from 'fbm-ui';
+import { useMemo } from 'react';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import { formatScore } from "../../../../utils/utils";
+var HeaderCell = function (_a) {
+    var children = _a.children, _b = _a.width, width = _b === void 0 ? 'auto' : _b;
+    return (_jsx(Box, __assign({ width: width, flexShrink: 0, py: 1, px: 1.5, bgcolor: "#EBFCF7" }, { children: _jsx(Typography, __assign({ variant: "body2", fontWeight: 700, sx: { color: '#00996B', fontSize: 13, lineHeight: '20px' } }, { children: children })) })));
+};
+var CapabilityTable = function () {
+    var reportResult = useAiReportStore(function (store) { return [store.reportResult]; }).reportResult;
+    var steps = (reportResult || {}).steps || [];
+    var rows = useMemo(function () {
+        return steps
+            .map(function (step, index) {
+            var _a, _b, _c, _d, _e, _f;
+            var name = ((_a = step.questionCollection) === null || _a === void 0 ? void 0 : _a.name) || ((_b = step.scoreInfo) === null || _b === void 0 ? void 0 : _b.workplaceName) || '';
+            return {
+                index: index,
+                step: step,
+                name: name,
+                collectionToken: ((_c = step.questionCollection) === null || _c === void 0 ? void 0 : _c.token) || '',
+                keyPoints: ((_d = step.questionCollection) === null || _d === void 0 ? void 0 : _d.keyPoints) || [],
+                evaluation: ((_e = step.scoreInfo) === null || _e === void 0 ? void 0 : _e.workplaceEvaluation) || '',
+                finalScore: (_f = step.scoreInfo) === null || _f === void 0 ? void 0 : _f.finalScore,
+                followupCount: (step.followupQuestions || []).length,
+            };
+        })
+            .filter(function (row) { return row.name || row.evaluation; });
+    }, [steps]);
+    var groupCounts = useMemo(function () {
+        var map = {};
+        rows.forEach(function (row) {
+            if (!row.collectionToken)
+                return;
+            map[row.collectionToken] = map[row.collectionToken] || { main: 0, followups: 0 };
+            map[row.collectionToken].main += 1;
+            map[row.collectionToken].followups += row.followupCount;
+        });
+        return map;
+    }, [rows]);
+    if (rows.length === 0)
+        return null;
+    return (_jsx(Box, __assign({ id: "report-capability", px: 2, mt: 3 }, { children: _jsxs(Box, __assign({ mt: 0.5, border: "1px solid #E7F4EC", borderRadius: 2, overflow: "hidden" }, { children: [_jsxs(Stack, __assign({ direction: "row" }, { children: [_jsx(HeaderCell, __assign({ width: "160px" }, { children: "\u80DC\u4EFB\u529B" })), _jsx(Box, __assign({ flex: "1", minWidth: 0 }, { children: _jsx(HeaderCell, { children: "\u5C97\u4F4D\u91CD\u70B9\u8003\u5BDF" }) })), _jsx(Box, __assign({ flex: "1", minWidth: 0 }, { children: _jsx(HeaderCell, { children: "\u9762\u8BD5\u8BC4\u4EF7" }) })), _jsx(HeaderCell, __assign({ width: "90px" }, { children: "\u5F97\u5206" }))] })), rows.map(function (row) {
+                    var count = row.collectionToken ? groupCounts[row.collectionToken] : undefined;
+                    var score = typeof row.finalScore === 'number' && row.finalScore > 0 ? "".concat(formatScore(row.finalScore), "\u5206") : '-';
+                    return (_jsx(Box, __assign({ borderTop: "1px solid #F0F6F2" }, { children: _jsxs(Stack, __assign({ direction: "row", alignItems: "stretch" }, { children: [_jsxs(Box, __assign({ width: "160px", flexShrink: 0, p: 1.5 }, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: 500, sx: { color: 'rgba(0,0,0,0.6)', fontSize: 14 } }, { children: row.name })), count && (_jsx(Box, __assign({ sx: { display: 'inline-flex', alignItems: 'center', bgcolor: '#E8F3FF', color: '#007CFD', borderRadius: '999px', px: 1, py: 0.25, mt: 0.5 } }, { children: _jsxs(Typography, __assign({ variant: "caption", sx: { color: '#007CFD', fontSize: 12, lineHeight: 1 } }, { children: [count.main, "\u4E3B\u95EE\u9898+", count.followups, "\u8FFD\u95EE"] })) })))] })), _jsx(Box, __assign({ flex: "1", minWidth: 0, p: 1.5 }, { children: (row.keyPoints.length > 0 ? row.keyPoints : ['-']).map(function (point, i) { return (_jsx(Typography, __assign({ variant: "body2", sx: { color: 'rgba(0,0,0,0.6)', fontSize: 13 }, display: "block" }, { children: point }), i)); }) })), _jsx(Box, __assign({ flex: "1", minWidth: 0, p: 1.5 }, { children: row.evaluation ? (_jsx(Typography, __assign({ variant: "body2", sx: { color: 'rgba(0,0,0,0.6)', fontSize: 13 } }, { children: row.evaluation }))) : (_jsx(Typography, __assign({ variant: "body2", color: "rgba(0,0,0,0.26)" }, { children: "-" }))) })), _jsx(Box, __assign({ width: "90px", flexShrink: 0, p: 1.5, textAlign: "right" }, { children: _jsx(Typography, __assign({ variant: "body2", fontWeight: 700, sx: { color: '#03BA4C' } }, { children: score })) }))] })) }), row.step.token));
+                })] })) })));
+};
+export default CapabilityTable;

package/esm/modules/ai-report-v3/components/CheatRisk/CheatRisk.d.ts

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

package/esm/modules/ai-report-v3/components/CheatRisk/CheatRisk.js

@@ -0,0 +1,42 @@
+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 { Box, Stack } from 'fbm-ui/lib/mui';
+import { Typography } from 'fbm-ui';
+import { useState } from 'react';
+// 作弊风险模块：产品逻辑未确认前仅保留样式与收起交互，不渲染任何未确认数据。
+var CheatRisk = function () {
+    var _a = __read(useState(true), 2), open = _a[0], setOpen = _a[1];
+    return (_jsxs(Box, __assign({ id: "report-risk", px: 2, mt: 3 }, { children: [_jsxs(Stack, __assign({ direction: "row", alignItems: "center", spacing: 1 }, { children: [_jsx(Box, { sx: {
+                            width: 16,
+                            height: 16,
+                            borderRadius: '50%',
+                            background: 'linear-gradient(158deg, #5EE2B8 2.38%, #41C446 97.38%)',
+                        } }), _jsx(Typography, __assign({ variant: "subtitle1", fontWeight: "bold", sx: { fontSize: 16 } }, { children: "\u4F5C\u5F0A\u98CE\u9669" })), _jsx(Box, { flex: 1 }), _jsx(Typography, __assign({ variant: "body2", sx: { cursor: 'pointer', color: '#00996B', userSelect: 'none' }, onClick: function () { return setOpen(!open); } }, { children: open ? '收起' : '展开' }))] })), open && (_jsx(Box, __assign({ mt: 1.5, border: "1px solid #E7F4EC", borderRadius: 2, p: 3, textAlign: "center" }, { children: _jsx(Typography, __assign({ variant: "body2", color: "rgba(0,0,0,0.26)" }, { children: "\u4F5C\u5F0A\u98CE\u9669\u8BC4\u4F30 / \u9632\u4F5C\u5F0A\u68C0\u6D4B\u660E\u7EC6\uFF1A\u5F85\u4EA7\u54C1\u786E\u8BA4\u6570\u636E\u4E0E\u4EA4\u4E92\u540E\u63A5\u5165" })) })))] })));
+};
+export default CheatRisk;

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

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+export declare enum QUESTION_TYPE {
+    IMAGE_UPLOAD = 1,
+    ESSAY_QUESTION = 2,
+    RADIO = 3,
+    CHECKBOX = 3.2,
+    TIME = 4,
+    SCHOOL = 7,
+    FILL_BLANKS = 8,
+    NPS = 9
+}
+export interface Answer {
+    formTypeId: number;
+    formTypeKey: string;
+    formAnswer: any;
+    formItemOption: any;
+}
+interface FormProps {
+    answers: Answer[];
+    customProcessName?: string;
+}
+declare const Form: FC<FormProps>;
+export default Form;