eli-video-interview 1.1.0

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

@@ -0,0 +1,176 @@
+"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 __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 = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
+    var _c = (0, use_immer_1.useImmer)([]), 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/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/components/RankingRange/interface.js

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

package/lib/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/lib/modules/ai-report/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/components/ScoreReport/Bar.d.ts

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

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

@@ -0,0 +1,46 @@
+"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 react_1 = require("react");
+var fbm_ui_1 = require("fbm-ui");
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var ai_report_1 = require("../../../../constants/ai-report");
+var Bar = function () {
+    var _a = (0, react_1.useState)(1), currentRank = _a[0], setCurrentRank = _a[1];
+    var _b = (0, react_1.useState)('前0% ~ 100%'), text = _b[0], setText = _b[1];
+    var _c = (0, global_store_1.useAiReportStore)(function (store) { return [store.reportResult, store.scoreRankIntervals]; }), reportResult = _c.reportResult, scoreRankIntervals = _c.scoreRankIntervals;
+    var _d = (reportResult || {}).score, score = _d === void 0 ? 0 : _d;
+    (0, react_1.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 ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: text })), (0, jsx_runtime_1.jsx)(fbm_ui_1.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 [
+                        (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { sx: {
+                                width: "".concat((endRankProportion - startRankProportion) * 100, "%"),
+                                height: currentRank === rank ? 'calc(100% + 4px)' : '100%',
+                                background: ai_report_1.scoreRankIntervalColors[index],
+                                border: '1px solid rgb(255, 255, 255)',
+                            } }, rank),
+                    ];
+                }) }))] }));
+};
+exports.default = Bar;

package/lib/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/lib/modules/ai-report/components/ScoreReport/Failed.js

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

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

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

package/lib/modules/ai-report/components/ScoreReport/Report.js

@@ -0,0 +1,50 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var fbm_ui_1 = require("fbm-ui");
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var utils_1 = require("../../../../utils/utils");
+var ai_report_1 = require("../../../../enum/ai-report");
+var RosePie_1 = __importDefault(require("./RosePie"));
+var ScoreLegend_1 = __importDefault(require("./ScoreLegend"));
+var ScoreBigBall_1 = __importDefault(require("./ScoreBigBall"));
+var STEP_COMPLETED = ai_report_1.INTERVIEW_STEP_STATUS.STEP_COMPLETED;
+var Report = function () {
+    var _a = (0, react_1.useState)([]), source = _a[0], setSource = _a[1];
+    var reportResult = (0, global_store_1.useAiReportStore)(function (store) { return [store.reportResult]; }).reportResult;
+    var _b = reportResult || {}, score = _b.score, status = _b.status, steps = _b.steps;
+    (0, react_1.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),
+                    (0, utils_1.formatScore)(originScore),
+                    (0, utils_1.formatScore)(Number(weight)),
+                    (0, utils_1.formatScore)(score),
+                    (0, utils_1.formatLowScore)(parseInt(score.toString(), 10)),
+                    index,
+                ]
+                : undefined;
+        }).filter(function (p) { return p; });
+        setSource(source);
+    }, [status, steps]);
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: "100%" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ height: 240, sx: { position: 'relative' } }, { children: [(0, jsx_runtime_1.jsx)(RosePie_1.default, { source: source || [] }), (0, jsx_runtime_1.jsx)(ScoreBigBall_1.default, { score: score || 0, status: status })] })), (0, jsx_runtime_1.jsx)(ScoreLegend_1.default, { color: "rgb(59, 203, 121)" })] })));
+};
+exports.default = Report;

package/lib/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/lib/modules/ai-report/components/ScoreReport/RosePie.js

@@ -0,0 +1,24 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Chart_1 = __importDefault(require("../../../../components/Charts/Chart"));
+var const_1 = require("./const");
+var RosePie = function (_a) {
+    var _b = _a.source, source = _b === void 0 ? [] : _b;
+    return (0, jsx_runtime_1.jsx)(Chart_1.default, { options: __assign(__assign({}, const_1.rosePieOptions), { dataset: { source: source } }) });
+};
+exports.default = RosePie;

package/lib/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/lib/modules/ai-report/components/ScoreReport/Score.js

@@ -0,0 +1,39 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var dayjs_1 = __importDefault(require("dayjs"));
+var fbm_ui_1 = require("fbm-ui");
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var utils_1 = require("../../../../utils/utils");
+var styled_1 = require("./styled");
+var RankingRange_1 = __importDefault(require("../RankingRange"));
+var Bar_1 = __importDefault(require("./Bar"));
+var Score = function (_a) {
+    var loading = _a.loading, onRefresh = _a.onRefresh;
+    var _b = (0, react_1.useState)(false), openRankingRange = _b[0], setOpenRankingRange = _b[1];
+    var _c = (0, react_1.useState)(false), openRefresh = _c[0], setOpenRefresh = _c[1];
+    var _d = (0, global_store_1.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;
+    (0, react_1.useEffect)(function () {
+        if (!loading)
+            setOpenRefresh(false);
+    }, [loading]);
+    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: onRefresh }, { children: "\u5237\u65B0" })) }))] })));
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", sx: { padding: '24px' } }, { children: [(0, jsx_runtime_1.jsx)(RankingRange_1.default, { open: openRankingRange, onClose: function () { return setOpenRankingRange(false); } }), (0, jsx_runtime_1.jsxs)(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.jsxs)(styled_1.ScoreTypography, { children: [(0, utils_1.formatScore)(score || 0), (0, jsx_runtime_1.jsx)(styled_1.ScoreUnitTypography, __assign({ variant: "caption" }, { children: "\u5206" }))] }), (0, jsx_runtime_1.jsx)("img", { src: "//webcdn.fbmms.cn/web/saas/asset/image/recommended.svg", alt: "" }), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('export')) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", size: "small", icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.DownloadIcon, {}), sx: { ml: 1 }, onClick: onExportReportClick }, { children: "\u5BFC\u51FA\u62A5\u544A" })))] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", mt: 1 }, { children: [(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)(styled_1.RefreshIconRoot, { onClick: function () { return setOpenRefresh(true); } }) }))), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "secondary", ml: 0.5 }, { children: ["\u62A5\u544A\u751F\u6210\u4E8E ", (0, dayjs_1.default)(createTime && createTime * 1000).format('YYYY-MM-DD HH:mm')] })), (operableButtons === null || operableButtons === void 0 ? void 0 : operableButtons.includes('scoreRank')) && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "text", size: "small", sx: { textDecoration: 'underline' }, onClick: function () { return setOpenRankingRange(true); } }, { children: "\u6392\u540D\u533A\u95F4\u8BBE\u7F6E" })))] }))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ width: 200 }, { children: (0, jsx_runtime_1.jsx)(Bar_1.default, {}) }))] })));
+};
+exports.default = Score;

package/lib/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/lib/modules/ai-report/components/ScoreReport/ScoreBigBall.js

@@ -0,0 +1,31 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var utils_1 = require("../../../../utils/utils");
+var BigBallSvg_1 = __importDefault(require("../../../../components/BigBallSvg"));
+var styled_1 = require("./styled");
+var ScoreBigBall = function (_a) {
+    var score = _a.score, status = _a.status;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(styled_1.ScoreBigBallRoot, __assign({ style: { backgroundColor: status === 1 ? '#fbfbfb' : 'rgba(59, 203, 120, 0.1)' } }, { children: [status !== 1 && (0, jsx_runtime_1.jsx)(BigBallSvg_1.default, {}), status === 1 && ((0, jsx_runtime_1.jsx)("div", __assign({ style: { color: 'rgba(0,0,0,0.26)', fontSize: '12px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u5019\u9009\u4EBA\u672A\u4F5C\u7B54" }) }))), status === 2 && ((0, jsx_runtime_1.jsx)("div", __assign({ style: { color: '#40be47' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u8BA1\u7B97\u4E2D..." }) }))), status === 3 && ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { color: '#40be47' } }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ style: { fontFamily: 'DIN Alternate Bold', fontSize: 20, fontWeight: 'bold' } }, { children: (0, utils_1.formatScore)(score) > 100 ? 100 : (0, utils_1.formatScore)(score) })), (0, jsx_runtime_1.jsx)("span", __assign({ style: { marginLeft: '2px', fontSize: '12px' } }, { children: "\u5206" }))] })))] })), status === 2 && ((0, jsx_runtime_1.jsx)("div", { style: {
+                    position: 'absolute',
+                    top: 0,
+                    right: 0,
+                    bottom: 0,
+                    left: 0,
+                } }))] }));
+};
+exports.default = ScoreBigBall;

package/lib/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/lib/modules/ai-report/components/ScoreReport/ScoreLegend.js

@@ -0,0 +1,35 @@
+"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 react_1 = require("react");
+var fbm_ui_1 = require("fbm-ui");
+var global_store_1 = require("../../../../store/ai-report/global-store");
+var ai_report_1 = require("../../../../enum/ai-report");
+var utils_1 = require("../../../../utils/utils");
+var STEP_COMPLETED = ai_report_1.INTERVIEW_STEP_STATUS.STEP_COMPLETED;
+var ScoreLegend = function (props) {
+    var color = props.color;
+    var reportResult = (0, global_store_1.useAiReportStore)(function (store) { return [store.reportResult]; }).reportResult;
+    var _a = reportResult || {}, score = _a.score, steps = _a.steps;
+    var title = (0, react_1.useMemo)(function () {
+        return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.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 ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ fontSize: 12, color: "#fff" }, { children: [index + 1, ".", step.question.name] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ fontSize: 12, color: "#fff" }, { children: ["\u5F97\u5206\uFF1A", (0, utils_1.formatScore)(step.scoreInfo.score), "\u5206 = ", step.scoreInfo.finalScore.toFixed(0), " * ", step.scoreInfo.weight, "%"] }))] }, step.token));
+                    }
+                    return null;
+                })] }));
+    }, [steps]);
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", justifyContent: "center", sx: { mb: 2 } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { style: { width: '8px', height: '8px', backgroundColor: color } }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center", sx: { margin: '0 4px' } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ sx: { fontSize: 12, color: color } }, { children: "\u89C6\u9891\u9762\u8BD5\u5F97\u5206\uFF1A" })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ sx: { fontSize: 18, color: color, fontWeight: 700 } }, { children: [(0, utils_1.formatScore)(score || 0), (0, jsx_runtime_1.jsx)("span", __assign({ style: { fontSize: 12, fontWeight: 'normal', marginLeft: 2 } }, { children: "\u5206" }))] }))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Tooltip, __assign({ title: title }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ style: { display: 'flex', alignItems: 'center' } }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.InfoIcon, { sx: { fontSize: 14, color: color } }) })) })) })] })));
+};
+exports.default = ScoreLegend;

package/lib/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;
+        };
+    }[];
+};