eli-video-interview 1.1.0

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

@@ -0,0 +1,171 @@
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { Box, Typography, Button, AddIcon, Message, Dialog } from 'fbm-ui';
+import { useImmer } from 'use-immer';
+import ScrollDialogContent from "../../../../components/ScrollDialogContent";
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import RankingRangeItem from './Item';
+var RankingRange = function (_a) {
+    var open = _a.open, onClose = _a.onClose;
+    var isCall = useRef(false);
+    var _b = useState(false), loading = _b[0], setLoading = _b[1];
+    var _c = useImmer([]), interval = _c[0], updateInterval = _c[1];
+    var _d = useAiReportStore(function (store) { return [store.scoreRankIntervals]; }), scoreRankIntervals = _d.scoreRankIntervals, onScoreRankIntervalsChange = _d.onScoreRankIntervalsChange, onScoreRankIntervalsSubmit = _d.onScoreRankIntervalsSubmit;
+    var formatScoreRankIntervals = useCallback(function (scoreRankIntervals) {
+        isCall.current = false;
+        updateInterval(scoreRankIntervals.map(function (item) { return (__assign(__assign({}, item), { scoreRankIntervals: {
+                startRankProportion: item.scoreRankIntervals.startRankProportion * 100,
+                endRankProportion: item.scoreRankIntervals.endRankProportion * 100,
+            } })); }));
+    }, [updateInterval]);
+    useEffect(function () {
+        formatScoreRankIntervals(scoreRankIntervals || []);
+    }, [scoreRankIntervals, formatScoreRankIntervals]);
+    useEffect(function () {
+        var rankIntervals = interval.map(function (_a) {
+            var _b = _a.scoreRankIntervals, startRankProportion = _b.startRankProportion, endRankProportion = _b.endRankProportion;
+            return ({
+                startRankProportion: startRankProportion / 100,
+                endRankProportion: endRankProportion / 100,
+            });
+        });
+        if (isCall.current) {
+            onScoreRankIntervalsChange && onScoreRankIntervalsChange(rankIntervals);
+        }
+    }, [interval, onScoreRankIntervalsChange]);
+    var handleAdd = useCallback(function () {
+        var lastItem = interval[interval.length - 1];
+        var lastStartRankProportion = lastItem === null || lastItem === void 0 ? void 0 : lastItem.scoreRankIntervals.startRankProportion;
+        if (interval.length === 5) {
+            Message.error('最多添加5条记录');
+        }
+        else if (lastStartRankProportion === 99) {
+            Message.error('最后一条记录起始值为99无法分割');
+        }
+        else {
+            updateInterval(function (draft) {
+                var insertStartRank = lastItem ? Math.ceil(lastStartRankProportion + (99 - lastStartRankProportion) / 2) : 100;
+                draft.splice(interval.length - 1, 0, {
+                    rank: interval.length,
+                    score: {
+                        startScore: 0,
+                        endScore: 0,
+                        isFloat: false,
+                        isInInterval: false,
+                    },
+                    scoreRankIntervals: {
+                        startRankProportion: lastItem ? lastStartRankProportion : 0,
+                        endRankProportion: insertStartRank,
+                    },
+                });
+                draft[interval.length].scoreRankIntervals.startRankProportion = lastItem ? insertStartRank : 0;
+            });
+            isCall.current = true;
+        }
+    }, [interval, updateInterval]);
+    var handleChange = useCallback(function (value, index) {
+        var prevValue = index === 0 ? 1 : interval[index - 1].scoreRankIntervals.endRankProportion + 1;
+        var nextValue = index === interval.length - 1 ? 100 : interval[index + 1].scoreRankIntervals.endRankProportion;
+        var canChange = value >= prevValue && value <= nextValue && value !== interval[index].scoreRankIntervals.endRankProportion;
+        if (canChange) {
+            updateInterval(function (draft) {
+                draft[index].scoreRankIntervals.endRankProportion = value;
+                draft[index + 1].scoreRankIntervals.startRankProportion = value;
+            });
+        }
+        else {
+            updateInterval(function (draft) {
+                draft[index] = __assign({}, interval[index]);
+            });
+        }
+        isCall.current = true;
+    }, [interval, updateInterval]);
+    var handleDelete = useCallback(function (index) {
+        updateInterval(function (draft) {
+            var deleteItem = interval[index];
+            draft.splice(index, 1);
+            draft[index - 1].scoreRankIntervals.endRankProportion = deleteItem.scoreRankIntervals.endRankProportion;
+        });
+        isCall.current = true;
+    }, [interval, updateInterval]);
+    var handleOk = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var rankIntervals, error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!onScoreRankIntervalsSubmit) return [3 /*break*/, 4];
+                    rankIntervals = interval.map(function (_a) {
+                        var _b = _a.scoreRankIntervals, startRankProportion = _b.startRankProportion, endRankProportion = _b.endRankProportion;
+                        return ({
+                            startRankProportion: startRankProportion / 100,
+                            endRankProportion: endRankProportion / 100,
+                        });
+                    });
+                    setLoading(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, onScoreRankIntervalsSubmit(rankIntervals)];
+                case 2:
+                    _a.sent();
+                    setLoading(false);
+                    onClose();
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    setLoading(false);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsx(Dialog, __assign({ open: open, title: "\u6392\u540D\u533A\u95F4\u8BBE\u7F6E", size: "sm", okProps: { loading: loading }, onClose: onClose, onOk: handleOk }, { children: _jsx(ScrollDialogContent, { children: _jsxs(Box, __assign({ sx: { padding: 3 } }, { children: [_jsxs(Box, __assign({ display: "flex", sx: { mb: 2 } }, { children: [_jsx(Typography, __assign({ flex: "1 0", variant: "body1" }, { children: "\u6392\u540D\u524D" })), _jsx(Typography, __assign({ flex: "1 0", variant: "body1" }, { children: "\u5206\u6570" }))] })), interval.map(function (item, index) { return (_jsx(RankingRangeItem, { item: item, index: index, disabled: index === interval.length - 1, onChange: handleChange, onDelete: handleDelete }, item.rank)); }), _jsx(Button, __assign({ icon: _jsx(AddIcon, {}), sx: { mt: 2 }, variant: "outlined", color: "inherit", onClick: handleAdd }, { children: "\u6DFB\u52A0\u6392\u540D\u533A\u95F4" }))] })) }) })));
+};
+export default RankingRange;

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

@@ -0,0 +1,26 @@
+export interface ScoreRankIntervals {
+    startRankProportion: number;
+    endRankProportion: number;
+}
+export interface Score {
+    startScore: number;
+    endScore: number;
+    isFloat: boolean;
+    isInInterval: boolean;
+}
+export interface ScoreRankInterval {
+    rank: number;
+    scoreRankIntervals: ScoreRankIntervals;
+    score: Score;
+}
+export interface RankingRangeItemProps {
+    index: number;
+    disabled: boolean;
+    item: ScoreRankInterval;
+    onChange: (value: number, index: number) => void;
+    onDelete: (index: number) => void;
+}
+export interface RankingRangeProps {
+    open: boolean;
+    onClose: () => void;
+}

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const RangeInput: import("@emotion/styled").StyledComponent<import("fbm-ui").BaseInputProps & import("@mui/material").OutlinedInputProps & import("@mui/material").InputProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const RangeTypography: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Typography").TypographyProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -0,0 +1,11 @@
+import { Input, Typography, styled } from 'fbm-ui';
+export var RangeInput = styled(Input)({
+    width: 82,
+});
+export var RangeTypography = styled(Typography)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        color: "".concat(theme.palette.primary.main, " !important"),
+        lineHeight: '38px !important',
+    });
+});

package/esm/modules/ai-report/components/ScoreReport/Bar.d.ts

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

package/esm/modules/ai-report/components/ScoreReport/Bar.js

@@ -0,0 +1,44 @@
+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 { useEffect, useState } from 'react';
+import { Box, Typography } from 'fbm-ui';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import { scoreRankIntervalColors } from "../../../../constants/ai-report";
+var Bar = function () {
+    var _a = useState(1), currentRank = _a[0], setCurrentRank = _a[1];
+    var _b = useState('前0% ~ 100%'), text = _b[0], setText = _b[1];
+    var _c = useAiReportStore(function (store) { return [store.reportResult, store.scoreRankIntervals]; }), reportResult = _c.reportResult, scoreRankIntervals = _c.scoreRankIntervals;
+    var _d = (reportResult || {}).score, score = _d === void 0 ? 0 : _d;
+    useEffect(function () {
+        var floatInterval = scoreRankIntervals === null || scoreRankIntervals === void 0 ? void 0 : scoreRankIntervals.find(function (interval) { return score >= interval.score.startScore && score <= interval.score.endScore; });
+        if (floatInterval) {
+            var rank = floatInterval.rank, _a = floatInterval.scoreRankIntervals, startRankProportion = _a.startRankProportion, endRankProportion = _a.endRankProportion;
+            setCurrentRank(rank);
+            setText("\u524D".concat(startRankProportion * 100, "% ~ ").concat(endRankProportion * 100, "%"));
+        }
+    }, [score, scoreRankIntervals]);
+    if (!scoreRankIntervals || (scoreRankIntervals === null || scoreRankIntervals === void 0 ? void 0 : scoreRankIntervals.length) === 0)
+        return null;
+    return (_jsxs(Box, { children: [_jsx(Typography, __assign({ variant: "body2" }, { children: text })), _jsx(Box, __assign({ display: "flex", alignItems: "center", sx: { height: 12, mt: 0.5 } }, { children: scoreRankIntervals === null || scoreRankIntervals === void 0 ? void 0 : scoreRankIntervals.map(function (_a, index) {
+                    var rank = _a.rank, _b = _a.scoreRankIntervals, startRankProportion = _b.startRankProportion, endRankProportion = _b.endRankProportion;
+                    return [
+                        _jsx(Box, { sx: {
+                                width: "".concat((endRankProportion - startRankProportion) * 100, "%"),
+                                height: currentRank === rank ? 'calc(100% + 4px)' : '100%',
+                                background: scoreRankIntervalColors[index],
+                                border: '1px solid rgb(255, 255, 255)',
+                            } }, rank),
+                    ];
+                }) }))] }));
+};
+export default Bar;

package/esm/modules/ai-report/components/ScoreReport/Failed.d.ts

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

package/esm/modules/ai-report/components/ScoreReport/Failed.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, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, CancelIcon, Typography, Button, RefreshIcon } from 'fbm-ui';
+import { INTERVIEW_STATUS } from "../../../../enum/ai-report";
+var FAILED = INTERVIEW_STATUS.FAILED;
+var Failed = function (_a) {
+    var loading = _a.loading, status = _a.status, onRefresh = _a.onRefresh;
+    return (_jsxs(Box, __assign({ loading: loading, display: "flex", alignItems: "center", padding: "32px 24px" }, { children: [status === FAILED && (_jsx(CancelIcon, { style: {
+                    background: 'white',
+                    color: '#ff6c6c',
+                    width: '24px',
+                    height: '24px',
+                } })), _jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: status === FAILED ? '报告计算失败，请手动' : '报告正在计算中，请稍后查看或手动' })), _jsx(Button, __assign({ variant: "text", endIcon: _jsx(RefreshIcon, {}), size: "small", style: { color: '#576B95', padding: '0px 4px' }, onClick: onRefresh }, { children: "\u5237\u65B0\u62A5\u544A" }))] })));
+};
+export default Failed;

package/esm/modules/ai-report/components/ScoreReport/Report.d.ts

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

package/esm/modules/ai-report/components/ScoreReport/Report.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 { useEffect, useState } from 'react';
+import { Box } from 'fbm-ui';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import { formatScore, formatLowScore } from "../../../../utils/utils";
+import { INTERVIEW_STEP_STATUS } from "../../../../enum/ai-report";
+import RosePie from './RosePie';
+import ScoreLegend from './ScoreLegend';
+import ScoreBigBall from './ScoreBigBall';
+var STEP_COMPLETED = INTERVIEW_STEP_STATUS.STEP_COMPLETED;
+var Report = function () {
+    var _a = useState([]), source = _a[0], setSource = _a[1];
+    var reportResult = useAiReportStore(function (store) { return [store.reportResult]; }).reportResult;
+    var _b = reportResult || {}, score = _b.score, status = _b.status, steps = _b.steps;
+    useEffect(function () {
+        var source = steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
+            var status = item.status, _a = item.question, name = _a.name, type = _a.type, _b = item.scoreInfo, originScore = _b.originScore, weight = _b.weight, score = _b.score;
+            return status === STEP_COMPLETED
+                ? [
+                    type,
+                    "".concat(index + 1, ". ").concat(name),
+                    formatScore(originScore),
+                    formatScore(Number(weight)),
+                    formatScore(score),
+                    formatLowScore(parseInt(score.toString(), 10)),
+                    index,
+                ]
+                : undefined;
+        }).filter(function (p) { return p; });
+        setSource(source);
+    }, [status, steps]);
+    return (_jsxs(Box, __assign({ width: "100%" }, { children: [_jsxs(Box, __assign({ height: 240, sx: { position: 'relative' } }, { children: [_jsx(RosePie, { source: source || [] }), _jsx(ScoreBigBall, { score: score || 0, status: status })] })), _jsx(ScoreLegend, { color: "rgb(59, 203, 121)" })] })));
+};
+export default Report;

package/esm/modules/ai-report/components/ScoreReport/RosePie.d.ts

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

package/esm/modules/ai-report/components/ScoreReport/RosePie.js

@@ -0,0 +1,19 @@
+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 Chart from "../../../../components/Charts/Chart";
+import { rosePieOptions } from './const';
+var RosePie = function (_a) {
+    var _b = _a.source, source = _b === void 0 ? [] : _b;
+    return _jsx(Chart, { options: __assign(__assign({}, rosePieOptions), { dataset: { source: source } }) });
+};
+export default RosePie;

package/esm/modules/ai-report/components/ScoreReport/Score.d.ts

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

package/esm/modules/ai-report/components/ScoreReport/Score.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 { useEffect, useState } from 'react';
+import dayjs from 'dayjs';
+import { Box, Popover, Typography, Button, DownloadIcon } from 'fbm-ui';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import { formatScore } from "../../../../utils/utils";
+import { ScoreTypography, ScoreUnitTypography, RefreshIconRoot } from './styled';
+import RankingRange from '../RankingRange';
+import Bar from './Bar';
+var Score = function (_a) {
+    var loading = _a.loading, onRefresh = _a.onRefresh;
+    var _b = useState(false), openRankingRange = _b[0], setOpenRankingRange = _b[1];
+    var _c = useState(false), openRefresh = _c[0], setOpenRefresh = _c[1];
+    var _d = useAiReportStore(function (store) { return [store.reportResult, store.operableButtons]; }), reportResult = _d.reportResult, operableButtons = _d.operableButtons, onExportReportClick = _d.onExportReportClick;
+    var _e = reportResult || {}, score = _e.score, createTime = _e.createTime;
+    useEffect(function () {
+        if (!loading)
+            setOpenRefresh(false);
+    }, [loading]);
+    var content = (_jsxs(Box, __assign({ padding: 2 }, { children: [_jsx(Typography, __assign({ variant: "body1", color: "secondary" }, { children: "\u5237\u65B0\u540E\u5C06\u6309\u6700\u65B0\u7B97\u5206\u89C4\u5219\u8BA1\u7B97\uFF0C\u662F\u5426\u786E\u8BA4\u5237\u65B0" })), _jsx(Box, __assign({ paddingTop: 1, textAlign: "right" }, { children: _jsx(Button, __assign({ loading: loading, onClick: onRefresh }, { children: "\u5237\u65B0" })) }))] })));
+    return (_jsxs(Box, __assign({ display: "flex", sx: { padding: '24px' } }, { children: [_jsx(RankingRange, { open: openRankingRange, onClose: function () { return setOpenRankingRange(false); } }), _jsxs(Box, __assign({ flex: "1 0" }, { children: [_jsxs(Box, __assign({ display: "flex", alignItems: "center" }, { children: [_jsxs(ScoreTypography, { children: [formatScore(score || 0), _jsx(ScoreUnitTypography, __assign({ variant: "caption" }, { children: "\u5206" }))] }), _jsx("img", { src: "//webcdn.fbmms.cn/web/saas/asset/image/recommended.svg", alt: "" }), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('export')) && (_jsx(Button, __assign({ variant: "outlined", size: "small", icon: _jsx(DownloadIcon, {}), sx: { ml: 1 }, onClick: onExportReportClick }, { children: "\u5BFC\u51FA\u62A5\u544A" })))] })), _jsxs(Box, __assign({ display: "flex", alignItems: "center", mt: 1 }, { children: [(operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('refresh')) && (_jsx(Popover, __assign({ open: openRefresh, content: content, onClickAway: function () { return setOpenRefresh(false); } }, { children: _jsx(RefreshIconRoot, { onClick: function () { return setOpenRefresh(true); } }) }))), _jsxs(Typography, __assign({ variant: "caption", color: "secondary", ml: 0.5 }, { children: ["\u62A5\u544A\u751F\u6210\u4E8E ", dayjs(createTime && createTime * 1000).format('YYYY-MM-DD HH:mm')] })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('scoreRank')) && (_jsx(Button, __assign({ variant: "text", size: "small", sx: { textDecoration: 'underline' }, onClick: function () { return setOpenRankingRange(true); } }, { children: "\u6392\u540D\u533A\u95F4\u8BBE\u7F6E" })))] }))] })), _jsx(Box, __assign({ width: 200 }, { children: _jsx(Bar, {}) }))] })));
+};
+export default Score;

package/esm/modules/ai-report/components/ScoreReport/ScoreBigBall.d.ts

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

package/esm/modules/ai-report/components/ScoreReport/ScoreBigBall.js

@@ -0,0 +1,26 @@
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import { formatScore } from "../../../../utils/utils";
+import BigBallSvg from "../../../../components/BigBallSvg";
+import { ScoreBigBallRoot } from './styled';
+var ScoreBigBall = function (_a) {
+    var score = _a.score, status = _a.status;
+    return (_jsxs(_Fragment, { children: [_jsxs(ScoreBigBallRoot, __assign({ style: { backgroundColor: status === 1 ? '#fbfbfb' : 'rgba(59, 203, 120, 0.1)' } }, { children: [status !== 1 && _jsx(BigBallSvg, {}), status === 1 && (_jsx("div", __assign({ style: { color: 'rgba(0,0,0,0.26)', fontSize: '12px' } }, { children: _jsx("span", { children: "\u5019\u9009\u4EBA\u672A\u4F5C\u7B54" }) }))), status === 2 && (_jsx("div", __assign({ style: { color: '#40be47' } }, { children: _jsx("span", { children: "\u8BA1\u7B97\u4E2D..." }) }))), status === 3 && (_jsxs("div", __assign({ style: { color: '#40be47' } }, { children: [_jsx("span", __assign({ style: { fontFamily: 'DIN Alternate Bold', fontSize: 20, fontWeight: 'bold' } }, { children: formatScore(score) > 100 ? 100 : formatScore(score) })), _jsx("span", __assign({ style: { marginLeft: '2px', fontSize: '12px' } }, { children: "\u5206" }))] })))] })), status === 2 && (_jsx("div", { style: {
+                    position: 'absolute',
+                    top: 0,
+                    right: 0,
+                    bottom: 0,
+                    left: 0,
+                } }))] }));
+};
+export default ScoreBigBall;

package/esm/modules/ai-report/components/ScoreReport/ScoreLegend.d.ts

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

package/esm/modules/ai-report/components/ScoreReport/ScoreLegend.js

@@ -0,0 +1,33 @@
+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 { useMemo } from 'react';
+import { Box, Typography, Tooltip, InfoIcon } from 'fbm-ui';
+import { useAiReportStore } from "../../../../store/ai-report/global-store";
+import { INTERVIEW_STEP_STATUS } from "../../../../enum/ai-report";
+import { formatScore } from "../../../../utils/utils";
+var STEP_COMPLETED = INTERVIEW_STEP_STATUS.STEP_COMPLETED;
+var ScoreLegend = function (props) {
+    var color = props.color;
+    var reportResult = useAiReportStore(function (store) { return [store.reportResult]; }).reportResult;
+    var _a = reportResult || {}, score = _a.score, steps = _a.steps;
+    var title = useMemo(function () {
+        return (_jsxs(Box, { children: [_jsx(Typography, __assign({ fontSize: 12, color: "#fff" }, { children: "\u8BA1\u7B97\u516C\u5F0F\uFF1A\u7EFC\u5408\u8BC4\u5206 = \u8BC4\u5206 * \u5355\u9898\u6743\u91CD" })), steps === null || steps === void 0 ? void 0 : steps.map(function (step, index) {
+                    if (step.scoreInfo.weight && step.status === STEP_COMPLETED) {
+                        return (_jsxs(Box, { children: [_jsxs(Typography, __assign({ fontSize: 12, color: "#fff" }, { children: [index + 1, ".", step.question.name] })), _jsxs(Typography, __assign({ fontSize: 12, color: "#fff" }, { children: ["\u5F97\u5206\uFF1A", formatScore(step.scoreInfo.score), "\u5206 = ", step.scoreInfo.finalScore.toFixed(0), " * ", step.scoreInfo.weight, "%"] }))] }, step.token));
+                    }
+                    return null;
+                })] }));
+    }, [steps]);
+    return (_jsxs(Box, __assign({ display: "flex", alignItems: "center", justifyContent: "center", sx: { mb: 2 } }, { children: [_jsx(Box, { style: { width: '8px', height: '8px', backgroundColor: color } }), _jsxs(Box, __assign({ display: "flex", alignItems: "center", sx: { margin: '0 4px' } }, { children: [_jsx(Typography, __assign({ sx: { fontSize: 12, color: color } }, { children: "\u89C6\u9891\u9762\u8BD5\u5F97\u5206\uFF1A" })), _jsxs(Typography, __assign({ sx: { fontSize: 18, color: color, fontWeight: 700 } }, { children: [formatScore(score || 0), _jsx("span", __assign({ style: { fontSize: 12, fontWeight: 'normal', marginLeft: 2 } }, { children: "\u5206" }))] }))] })), _jsx(Box, { children: _jsx(Tooltip, __assign({ title: title }, { children: _jsx("span", __assign({ style: { display: 'flex', alignItems: 'center' } }, { children: _jsx(InfoIcon, { sx: { fontSize: 14, color: color } }) })) })) })] })));
+};
+export default ScoreLegend;

package/esm/modules/ai-report/components/ScoreReport/const.d.ts

@@ -0,0 +1,34 @@
+export declare const rosePieOptions: {
+    legend: {
+        show: boolean;
+    };
+    tooltip: {
+        position: string;
+        formatter: (params: any) => string;
+    };
+    series: {
+        type: string;
+        dimensions: string[];
+        radius: number[];
+        roseType: string;
+        label: {
+            formatter: (params: any) => any;
+            position: string;
+            fontWeight: string;
+            fontSize: number;
+            fontFamily: string;
+        };
+        minShowLabelAngle: number;
+        stillShowZeroSum: boolean;
+        hoverAnimation: boolean;
+        encode: {
+            value: string;
+            weight: string;
+        };
+        itemStyle: {
+            color: (params: any) => string;
+            borderColor: string;
+            borderWidth: number;
+        };
+    }[];
+};

package/esm/modules/ai-report/components/ScoreReport/const.js

@@ -0,0 +1,77 @@
+import { RosePieColors } from "../../../../constants/ai-report";
+export var rosePieOptions = {
+    legend: {
+        show: false,
+    },
+    tooltip: {
+        position: 'bottom',
+        formatter: function (params) {
+            var data = params.data;
+            var title = data[1];
+            if (title.length > 15) {
+                title = title.split(/(.{15})/).filter(function (x) { return x; });
+            }
+            else {
+                title = [title];
+            }
+            var scoreTxt = data[4] === -1 ? '候选人未作答' : "\u5F97\u5206: ".concat(data[4], "\u5206");
+            return "<div>\n                <div>".concat(title.map(function (t) { return "".concat(t, "<br />"); }).join(''), "</div>\n                <div style=\"margin-top: 4px; font-size: 12px; color: rgba(255,255,255,0.96)\">\n                  ").concat(scoreTxt, "\n                </div>\n              </div>");
+        },
+    },
+    series: [
+        {
+            type: 'pie',
+            dimensions: ['type', 'title', 'origin', 'weight', 'final', 'finalInt', 'processIndex'],
+            radius: [45, 100],
+            roseType: 'radius',
+            label: {
+                formatter: function (params) {
+                    var final = params.data[4];
+                    if (final <= 8)
+                        return '';
+                    return final.toString();
+                },
+                position: 'inside',
+                fontWeight: 'bold',
+                fontSize: 14,
+                fontFamily: 'DIN Alternate Bold',
+            },
+            minShowLabelAngle: 20,
+            stillShowZeroSum: false,
+            hoverAnimation: false,
+            encode: {
+                value: 'finalInt',
+                weight: 'weight',
+            },
+            itemStyle: {
+                color: function (params) {
+                    var type = params.data[0];
+                    var final = params.data[4];
+                    if (final === -1) {
+                        return '#fbfbfb';
+                    }
+                    if (type === 2) {
+                        if (final < 8) {
+                            return 'rgba(59, 203, 120, 0.2)';
+                        }
+                        if (final < 20) {
+                            return 'rgba(59, 203, 120, 0.4)';
+                        }
+                        return 'rgba(59, 203, 120, 0.6)';
+                    }
+                    var processIndex = params.data[6];
+                    var color = RosePieColors[processIndex] || RosePieColors[RosePieColors.length - 1];
+                    if (final < 8) {
+                        return color[0];
+                    }
+                    if (final < 20) {
+                        return color[1];
+                    }
+                    return color[2];
+                },
+                borderColor: '#ffffff',
+                borderWidth: 1,
+            },
+        },
+    ],
+};

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

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