eli-video-interview 1.5.0 → 1.6.0

package/lib/modules/ai-report-v3/components/MenuAnchor/index.js

@@ -0,0 +1,132 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ai_report_1 = require("../../../../constants/ai-report");
+var ai_report_2 = require("../../../../services/ai-report");
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var ahooks_1 = require("ahooks");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var react_1 = require("react");
+var MenuAnchor = (0, react_1.forwardRef)(function (props) {
+    var _a = __read((0, react_1.useState)(null), 2), anchorEl = _a[0], setAnchorEl = _a[1];
+    var open = Boolean(anchorEl);
+    // 接口请求
+    var token = props.token, showAiDimension = props.showAiDimension;
+    var firstLoad = (0, react_1.useRef)(true);
+    var _b = __read((0, react_1.useState)([]), 2), list = _b[0], setList = _b[1];
+    var _c = (0, global_store_1.useAiReportStore)(), reportResult = _c.reportResult, updateState = _c.updateState, updateReportResult = _c.updateReportResult;
+    var postAiInterviewResult = (0, ahooks_1.useRequest)(function () { return (0, ai_report_2.PostAiInterviewResult)([token]); }, {
+        manual: true,
+        onSuccess: function (_a) {
+            var list = _a.data.list;
+            var result = list[0];
+            updateReportResult(result);
+            if (firstLoad.current) {
+                firstLoad.current = false;
+                handleMenuList(result);
+            }
+        },
+    }).run;
+    (0, react_1.useEffect)(function () {
+        firstLoad.current = true;
+        postAiInterviewResult();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [token]);
+    (0, react_1.useEffect)(function () {
+        updateState(props);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props]);
+    // 处理菜单数据
+    var handleMenuList = function (reportResult) {
+        if (!reportResult.status) {
+            return;
+        }
+        var resList = [ai_report_1.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(ai_report_1.REPORT_MODULE_MAP['suggestion']);
+            }
+            if (collection.length > 0 && evaluations.length > 0) {
+                resList.unshift(ai_report_1.REPORT_MODULE_MAP['evaluate']);
+            }
+            if (workplaces.length > 0) {
+                resList.unshift(ai_report_1.REPORT_MODULE_MAP['workplace']);
+            }
+        }
+        if (collection.length > 0) {
+            resList.unshift(ai_report_1.REPORT_MODULE_MAP['score']);
+        }
+        setList(resList);
+    };
+    var handlePopoverOpen = function (event) {
+        setAnchorEl(event.currentTarget);
+    };
+    var handlePopoverClose = function () {
+        setAnchorEl(null);
+    };
+    var scrollToAnchor = (0, react_1.useCallback)(function (id) {
+        if (id) {
+            var anchorEle = document.getElementById(id);
+            if (anchorEle) {
+                anchorEle.scrollIntoView({ block: 'start', behavior: 'smooth' });
+            }
+        }
+    }, []);
+    var content = (0, react_1.useMemo)(function () {
+        return ((0, jsx_runtime_1.jsx)(mui_1.List, __assign({ style: { minWidth: 150 }, onMouseLeave: handlePopoverClose }, { children: list.map(function (_a) {
+                var name = _a.name, id = _a.id;
+                return ((0, jsx_runtime_1.jsx)(mui_1.ListItem, __assign({ disablePadding: true }, { children: (0, jsx_runtime_1.jsx)(mui_1.ListItemButton, __assign({ onClick: function () { return scrollToAnchor(id); } }, { children: (0, jsx_runtime_1.jsx)(mui_1.ListItemText, { primary: name }) })) }), id));
+            }) })));
+    }, [scrollToAnchor, list]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(reportResult === null || reportResult === void 0 ? void 0 : reportResult.status) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    position: 'absolute',
+                    top: 20,
+                    right: -10,
+                    zIndex: 999,
+                    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: (0, jsx_runtime_1.jsx)(fbm_ui_1.MenuIcon, {}) }))), (0, jsx_runtime_1.jsx)(mui_1.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';
+exports.default = (0, react_1.memo)(MenuAnchor);

package/lib/modules/ai-report-v3/components/ModuleTitle.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const ModuleTitle: ({ title, action }: {
+    title: React.ReactNode;
+    action?: React.ReactNode;
+}) => JSX.Element;

package/lib/modules/ai-report-v3/components/ModuleTitle.js

@@ -0,0 +1,28 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModuleTitle = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var ModuleTitle = function (_a) {
+    var title = _a.title, action = _a.action;
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ sx: { position: 'relative' } }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", spacing: 1 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { sx: {
+                                    width: 16,
+                                    height: 16,
+                                    borderRadius: '50%',
+                                    flexShrink: 0,
+                                    background: 'linear-gradient(158deg, #5EE2B8 2.38%, #41C446 97.38%)',
+                                } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ fontWeight: 700, sx: { color: 'rgba(0,0,0,0.86)', fontSize: 16, lineHeight: '24px' } }, { children: title }))] })), action && (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ sx: { position: 'absolute', top: 0, right: 0 } }, { children: action }))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { sx: { height: 2, mt: 1, borderRadius: 2, background: 'linear-gradient(90deg, #5EE2B8 0%, rgba(94,226,184,0) 100%)' } })] }));
+};
+exports.ModuleTitle = ModuleTitle;

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

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

package/lib/modules/ai-report-v3/components/NotFinish/index.js

@@ -0,0 +1,34 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ai_report_1 = require("../../../../enum/ai-report");
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var fbm_ui_1 = require("fbm-ui");
+var PrintScreen = function (_a) {
+    var screenSwitchCount = _a.screenSwitchCount;
+    if (screenSwitchCount > 0) {
+        return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ mb: 2 }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Alert, __assign({ type: "warning" }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: ["\u8BE5\u5019\u9009\u4EBA\u9762\u8BD5\u671F\u95F4\u622A\u5F55\u5C4F\u6216\u5207\u6362\u9875\u9762 ", screenSwitchCount, " \u6B21\u3002"] })) })) })));
+    }
+    return null;
+};
+var NotFinish = function () {
+    var _a = (0, global_store_1.useAiReportStore)(function (store) { return [store.reportResult, store.interviewCheat]; }), reportResult = _a.reportResult, interviewCheat = _a.interviewCheat;
+    var _b = reportResult || {}, _c = _b.completedStatus, completedStatus = _c === void 0 ? 1 : _c, _d = _b.screenSwitchCount, screenSwitchCount = _d === void 0 ? 0 : _d;
+    var _e = interviewCheat || {}, isCheat = _e.isCheat, info = _e.info;
+    if (completedStatus === ai_report_1.COMPLETED_STATUS.NOT_COMPLETED || isCheat) {
+        return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ mb: 2 }, { children: [(0, jsx_runtime_1.jsx)(PrintScreen, { screenSwitchCount: screenSwitchCount }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Alert, __assign({ type: isCheat ? 'error' : 'warning' }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: info || '该候选人尚未回答完所有题目，建议提醒候选人完成面试' })) }))] })));
+    }
+    return (0, jsx_runtime_1.jsx)(PrintScreen, { screenSwitchCount: screenSwitchCount });
+};
+exports.default = NotFinish;

package/lib/modules/ai-report-v3/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/lib/modules/ai-report-v3/components/RankingRange/Item.js

@@ -0,0 +1,48 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var fbm_ui_1 = require("fbm-ui");
+var styled_1 = require("./styled");
+var RankingRangeItem = function (props) {
+    var item = props.item, disabled = props.disabled, index = props.index, onChange = props.onChange, onDelete = props.onDelete;
+    var _a = __read((0, react_1.useState)('0'), 2), endRankProportion = _a[0], setEndRankProportion = _a[1];
+    (0, react_1.useEffect)(function () {
+        setEndRankProportion(item.scoreRankIntervals.endRankProportion.toString());
+    }, [item]);
+    var handleChange = (0, react_1.useCallback)(function (value) {
+        var isIntegerReg = /^[1-9]\d*$/;
+        if (isIntegerReg.test(value) || !value) {
+            setEndRankProportion(value);
+        }
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", sx: { mb: 1 } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ flex: "1 0" }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(styled_1.RangeInput, { size: "small", disabled: true, value: item.scoreRankIntervals.startRankProportion, endAdornment: "%" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { pl: 1, pr: 1 } }, { children: "-" })), (0, jsx_runtime_1.jsx)(styled_1.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 && ((0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ sx: { ml: 1 }, onClick: function () { return onDelete(index); } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.CloseIcon, {}) })))] })) })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", flex: "1 0" }, { children: [(0, jsx_runtime_1.jsx)(styled_1.RangeTypography, __assign({ variant: "body1" }, { children: item.score.startScore.toFixed(2) })), (0, jsx_runtime_1.jsx)(styled_1.RangeTypography, __assign({ variant: "body1", sx: { pl: 1, pr: 1 } }, { children: "-" })), (0, jsx_runtime_1.jsx)(styled_1.RangeTypography, __assign({ variant: "body1" }, { children: item.score.endScore.toFixed(2) })), (0, jsx_runtime_1.jsx)(styled_1.RangeTypography, __assign({ variant: "body1", sx: { pl: 1 } }, { children: "\u5206" }))] }))] })));
+};
+exports.default = (0, react_1.memo)(RankingRangeItem);

package/lib/modules/ai-report-v3/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;

package/lib/modules/ai-report-v3/components/RankingRange/index.js

@@ -0,0 +1,192 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 };
+    }
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var fbm_ui_1 = require("fbm-ui");
+var use_immer_1 = require("use-immer");
+var ScrollDialogContent_1 = __importDefault(require("../../../../components/ScrollDialogContent"));
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var Item_1 = __importDefault(require("./Item"));
+var RankingRange = function (_a) {
+    var open = _a.open, onClose = _a.onClose;
+    var isCall = (0, react_1.useRef)(false);
+    var _b = __read((0, react_1.useState)(false), 2), loading = _b[0], setLoading = _b[1];
+    var _c = __read((0, use_immer_1.useImmer)([]), 2), interval = _c[0], updateInterval = _c[1];
+    var _d = (0, global_store_1.useAiReportStore)(function (store) { return [store.scoreRankIntervals]; }), scoreRankIntervals = _d.scoreRankIntervals, onScoreRankIntervalsChange = _d.onScoreRankIntervalsChange, onScoreRankIntervalsSubmit = _d.onScoreRankIntervalsSubmit;
+    var formatScoreRankIntervals = (0, react_1.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]);
+    (0, react_1.useEffect)(function () {
+        formatScoreRankIntervals(scoreRankIntervals || []);
+    }, [scoreRankIntervals, formatScoreRankIntervals]);
+    (0, react_1.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 = (0, react_1.useCallback)(function () {
+        var lastItem = interval[interval.length - 1];
+        var lastStartRankProportion = lastItem === null || lastItem === void 0 ? void 0 : lastItem.scoreRankIntervals.startRankProportion;
+        if (interval.length === 5) {
+            fbm_ui_1.Message.error('最多添加5条记录');
+        }
+        else if (lastStartRankProportion === 99) {
+            fbm_ui_1.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 = (0, react_1.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 = (0, react_1.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 ((0, jsx_runtime_1.jsx)(fbm_ui_1.Dialog, __assign({ open: open, title: "\u6392\u540D\u533A\u95F4\u8BBE\u7F6E", size: "sm", okProps: { loading: loading }, onClose: onClose, onOk: handleOk }, { children: (0, jsx_runtime_1.jsx)(ScrollDialogContent_1.default, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ sx: { padding: 3 } }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", sx: { mb: 2 } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ flex: "1 0", variant: "body1" }, { children: "\u6392\u540D\u524D" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ flex: "1 0", variant: "body1" }, { children: "\u5206\u6570" }))] })), interval.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(Item_1.default, { item: item, index: index, disabled: index === interval.length - 1, onChange: handleChange, onDelete: handleDelete }, item.rank)); }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.AddIcon, {}), sx: { mt: 2 }, variant: "outlined", color: "inherit", onClick: handleAdd }, { children: "\u6DFB\u52A0\u6392\u540D\u533A\u95F4" }))] })) }) })));
+};
+exports.default = RankingRange;

package/lib/modules/ai-report-v3/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/lib/modules/ai-report-v3/components/RankingRange/interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/modules/ai-report-v3/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/lib/modules/ai-report-v3/components/RankingRange/styled.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RangeTypography = exports.RangeInput = void 0;
+var fbm_ui_1 = require("fbm-ui");
+exports.RangeInput = (0, fbm_ui_1.styled)(fbm_ui_1.Input)({
+    width: 82,
+});
+exports.RangeTypography = (0, fbm_ui_1.styled)(fbm_ui_1.Typography)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        color: "".concat(theme.palette.primary.main, " !important"),
+        lineHeight: '38px !important',
+    });
+});

package/lib/modules/ai-report-v3/components/ReportHeader/ReportHeader.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { AiReportUrl, CandidateInfo } from '../Candidate/Interface';
+export interface ReportHeaderProps {
+    status: number;
+    customScore?: number;
+    onRefreshSuccess: () => void;
+    fetchCandidateInfo: () => Promise<CandidateInfo>;
+    fetchReportUrl: () => Promise<AiReportUrl>;
+}
+declare const ReportHeader: ({ customScore, onRefreshSuccess, fetchCandidateInfo, status, fetchReportUrl }: {
+    customScore: any;
+    onRefreshSuccess: any;
+    fetchCandidateInfo: any;
+    status: any;
+    fetchReportUrl: any;
+}) => JSX.Element;
+export default ReportHeader;

package/lib/modules/ai-report-v3/components/ReportHeader/ReportHeader.js

@@ -0,0 +1,110 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var AIEvaluate_1 = __importDefault(require("../AIEvaluate"));
+var Candidate_1 = require("../Candidate");
+var styled_1 = require("../styled");
+var ai_report_1 = require("../../../../enum/ai-report");
+var ai_report_2 = require("../../../../services/ai-report");
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var utils_1 = require("../../../../utils/utils");
+var ahooks_1 = require("ahooks");
+var dayjs_1 = __importDefault(require("dayjs"));
+var fbm_icons_1 = require("fbm-icons");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var react_1 = require("react");
+var ReportHeader = function (_a) {
+    var customScore = _a.customScore, onRefreshSuccess = _a.onRefreshSuccess, fetchCandidateInfo = _a.fetchCandidateInfo, status = _a.status, fetchReportUrl = _a.fetchReportUrl;
+    var _b = __read((0, react_1.useState)(false), 2), openRefresh = _b[0], setOpenRefresh = _b[1];
+    var _c = __read((0, react_1.useState)(null), 2), reportUrl = _c[0], setReportUrl = _c[1];
+    var _d = (0, global_store_1.useAiReportStore)(function (store) { return [
+        store.token,
+        store.reportResult,
+        store.operableButtons,
+    ]; }), token = _d.token, reportResult = _d.reportResult, operableButtons = _d.operableButtons, onExportReportClick = _d.onExportReportClick;
+    var _e = reportResult || {}, score = _e.score, createTime = _e.createTime, model = _e.model;
+    var _f = __read((0, react_1.useState)(score || 0), 2), feScore = _f[0], setScore = _f[1];
+    var _g = (0, ahooks_1.useRequest)(function () { return (0, ai_report_2.PostAiInterviewRefresh)(token); }, {
+        manual: true,
+        onSuccess: function () {
+            onRefreshSuccess();
+            fbm_ui_1.Message.success('刷新成功');
+        },
+    }), run = _g.run, loading = _g.loading;
+    var level = (0, react_1.useMemo)(function () {
+        if (feScore >= 80)
+            return 'high';
+        if (feScore >= 60)
+            return 'middle';
+        return 'low';
+    }, [feScore]);
+    (0, react_1.useEffect)(function () {
+        if (!fetchReportUrl)
+            return;
+        fetchReportUrl()
+            .then(function (_a) {
+            var url = _a.url;
+            setReportUrl(url);
+        })
+            .catch(function () { return fbm_ui_1.Message.error('获取报告链接失败'); });
+    }, [fetchReportUrl]);
+    var content = ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ padding: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.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" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ paddingTop: 1, textAlign: "right" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ loading: loading, onClick: run }, { children: "\u5237\u65B0" })) }))] })));
+    (0, react_1.useEffect)(function () {
+        if (typeof customScore === 'number' && customScore > -1) {
+            setScore(customScore);
+        }
+        else {
+            setScore(score || 0);
+        }
+        if (!loading)
+            setOpenRefresh(false);
+    }, [loading, customScore, score]);
+    return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ position: "relative" }, { children: [model === 'pro' && (0, jsx_runtime_1.jsx)(styled_1.ReportBadge, {}), (0, jsx_runtime_1.jsx)(styled_1.ReportLabel, { level: status === ai_report_1.INTERVIEW_STATUS.COMPLETED ? level : 'calculation' }), (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", justifyContent: "space-between", sx: {
+                    width: 'calc(100% - 180px)',
+                    position: 'absolute',
+                    top: 0,
+                    zIndex: 2,
+                } }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", alignItems: "center", pl: 3, py: 3 }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "caption", sx: {
+                                    color: 'rgba(74, 74, 74, 0.86)',
+                                } }, { children: ["\u62A5\u544A\u751F\u6210\u65F6\u95F4\uFF1A", (0, dayjs_1.default)(createTime && createTime * 1000).format('YYYY-MM-DD HH:mm')] })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('refresh')) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Popover, __assign({ open: openRefresh, content: content, onClickAway: function () { return setOpenRefresh(false); } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.IconButton, __assign({ onClick: function () { return setOpenRefresh(true); } }, { children: (0, jsx_runtime_1.jsx)(fbm_icons_1.RefreshIcon, { sx: {
+                                            color: '#009908',
+                                        } }) })) })))] })), (0, jsx_runtime_1.jsx)(styled_1.DinTypography, __assign({ variant: "h5", textAlign: "center", color: "#009D56", sx: { alignSelf: 'center' } }, { children: "AI \u9762\u8BD5\u62A5\u544A" })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('export')) ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ endIcon: (0, jsx_runtime_1.jsx)(fbm_icons_1.ShareIcon, {}), variant: "text", onClick: onExportReportClick, sx: { borderRadius: 18, border: '1px solid #4caf50' } }, { children: "\u5BFC\u51FA\u62A5\u544A" }))) : reportUrl ? ((0, jsx_runtime_1.jsx)("a", __assign({ href: reportUrl, title: "\u67E5\u770B\u5728\u7EBF\u62A5\u544A", style: {
+                            textDecoration: 'none',
+                        } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ endIcon: (0, jsx_runtime_1.jsx)(fbm_icons_1.ShareIcon, {}), variant: "text", sx: { borderRadius: 18, border: '1px solid #4caf50' } }, { children: "\u67E5\u770B\u5728\u7EBF\u62A5\u544A" })) }))) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, {}))] })), (0, jsx_runtime_1.jsxs)(mui_1.Stack, { children: [fetchCandidateInfo && status === ai_report_1.INTERVIEW_STATUS.COMPLETED && (0, jsx_runtime_1.jsx)(Candidate_1.CandidateReport, { fetchCandidateInfo: fetchCandidateInfo }), !fetchCandidateInfo && status === ai_report_1.INTERVIEW_STATUS.COMPLETED && (0, jsx_runtime_1.jsx)(Candidate_1.PodiumReport, { score: (0, utils_1.formatScore)(feScore || 0) }), status !== ai_report_1.INTERVIEW_STATUS.COMPLETED && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { sx: {
+                            position: 'relative',
+                            width: 541,
+                            height: 342,
+                        } }))] }), status === ai_report_1.INTERVIEW_STATUS.COMPLETED && ((0, jsx_runtime_1.jsx)(mui_1.Stack, __assign({ width: 1, direction: "row" }, { children: (0, jsx_runtime_1.jsx)(AIEvaluate_1.default, {}) })))] })));
+};
+exports.default = ReportHeader;