eli-video-interview 1.1.6 → 1.1.7

package/esm/store/ai-template/global-store.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);
+};
+var _a;
+import { useEffect } from 'react';
+import { useSetState, useRequest } from 'ahooks';
+import { createGlobalStore } from 'hox';
+import { PostAiTemplatesIncrUse } from "../../services/ai-template";
+export var useAiTemplateStore = (_a = createGlobalStore(function () {
+    var _a = useSetState({ open: false, historyPatterns: [] }), props = _a[0], updateProps = _a[1];
+    var _b = useSetState({ menuId: '' }), state = _b[0], updateState = _b[1];
+    var handleIncrUse = useRequest(PostAiTemplatesIncrUse, { manual: true }).run;
+    useEffect(function () {
+        !props.open && updateState({ menuId: '' });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.open]);
+    return __assign(__assign(__assign({}, props), state), { updateProps: updateProps, updateState: updateState, handleIncrUse: handleIncrUse });
+}), _a[0]), getAiTemplateStore = _a[1];

package/esm/utils/config.d.ts

@@ -4,6 +4,7 @@ export interface Auth {
 }
 export interface Config {
     server_url: string;
+    account?: string;
     auth_callback: () => Promise<Auth>;
 }
 export declare const avocadoVideoInterview: {

package/esm/utils/interceptor.js

@@ -49,11 +49,16 @@ import axios from 'axios';
 import Cookies from 'js-cookie';
 import dayjs from 'dayjs';
 import { Message } from 'fbm-ui';
+var MAX_RETRY_COUNT = 3;
 var service = axios.create({ timeout: 60000 });
+var RETRIED_COUNT = 0;
 var tautology = function (err) {
     var back = new Promise(function (resolve) {
         console.log('接口' + err.config.url + '请求失败，重新请求');
-        resolve(true);
+        RETRIED_COUNT++;
+        if (RETRIED_COUNT <= MAX_RETRY_COUNT) {
+            resolve(true);
+        }
     });
     return back.then(function () {
         console.log(err);
@@ -85,7 +90,7 @@ var handleParams = function (config) { return __awaiter(void 0, void 0, void 0,
                 avocadoConfig = window['AvocadoVideoInterviewConfig'];
                 cookieAccessToken = Cookies.get('avocado-video-interview-access-token');
                 ts = new Date().getTime();
-                config.baseURL = avocadoConfig.server_url || "https://fbm-api.fbmms.cn";
+                config.baseURL = avocadoConfig.server_url;
                 return [4 /*yield*/, (cookieAccessToken ? Promise.resolve({}) : avocadoConfig.auth_callback())];
             case 1:
                 _a = _b.sent(), accessToken = _a.accessToken, expireTime = _a.expireTime;

package/lib/components/BigBallSvg/index.js

@@ -10,13 +10,10 @@ var __assign = (this && this.__assign) || function () {
     };
     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 index_module_css_1 = __importDefault(require("./index.module.css"));
+var styled_1 = require("./styled");
 var BigBallSvg = function () {
-    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ className: index_module_css_1.default.waves, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 24 150 28", preserveAspectRatio: "none", shapeRendering: "auto" }, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("path", { id: "gentle-wave", d: "M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" }) }), (0, jsx_runtime_1.jsxs)("g", __assign({ className: index_module_css_1.default.parallax }, { children: [(0, jsx_runtime_1.jsx)("use", { xlinkHref: "#gentle-wave", x: "48", y: "0", fill: "rgba(59, 203, 120, 0.2)" }), (0, jsx_runtime_1.jsx)("use", { xlinkHref: "#gentle-wave", x: "48", y: "3", fill: "rgba(59, 203, 120, 0.2)" }), (0, jsx_runtime_1.jsx)("use", { xlinkHref: "#gentle-wave", x: "48", y: "5", fill: "rgba(59, 203, 120, 0.2)" }), (0, jsx_runtime_1.jsx)("use", { xlinkHref: "#gentle-wave", x: "48", y: "7", fill: "rgba(59, 203, 120, 0.2)" })] }))] })));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("style", { children: "\n        @keyframes move-forever {\n          0% {\n            transform: translate3d(-90px, 0, 0); }\n          100% {\n            transform: translate3d(85px, 0, 0); }\n        }\n        " }), (0, jsx_runtime_1.jsxs)(styled_1.SvgRoot, __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 24 150 28", preserveAspectRatio: "none", shapeRendering: "auto" }, { children: [(0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("path", { id: "gentle-wave", d: "M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" }) }), (0, jsx_runtime_1.jsxs)(styled_1.SvgGRoot, { children: [(0, jsx_runtime_1.jsx)("use", { xlinkHref: "#gentle-wave", x: "48", y: "0", fill: "rgba(59, 203, 120, 0.2)" }), (0, jsx_runtime_1.jsx)("use", { xlinkHref: "#gentle-wave", x: "48", y: "3", fill: "rgba(59, 203, 120, 0.2)" }), (0, jsx_runtime_1.jsx)("use", { xlinkHref: "#gentle-wave", x: "48", y: "5", fill: "rgba(59, 203, 120, 0.2)" }), (0, jsx_runtime_1.jsx)("use", { xlinkHref: "#gentle-wave", x: "48", y: "7", fill: "rgba(59, 203, 120, 0.2)" })] })] }))] }));
 };
 exports.default = BigBallSvg;

package/lib/components/BigBallSvg/styled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const SvgRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").SVGProps<SVGSVGElement>, {}>;
+export declare const SvgGRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").SVGProps<SVGGElement>, {}>;

package/lib/components/BigBallSvg/styled.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SvgGRoot = exports.SvgRoot = void 0;
+var fbm_ui_1 = require("fbm-ui");
+exports.SvgRoot = (0, fbm_ui_1.styled)('svg')({
+    position: 'absolute',
+    bottom: 0,
+    width: '200%',
+    height: '50%',
+});
+exports.SvgGRoot = (0, fbm_ui_1.styled)('g')({
+    '& use': {
+        animation: 'move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite',
+        '&:nth-child(1)': {
+            animationDelay: '-2s',
+            animationDuration: '7s',
+        },
+        '&:nth-child(2)': {
+            animationDelay: '-3s',
+            animationDuration: '10s',
+        },
+        '&:nth-child(3)': {
+            animationDelay: '-4s',
+            animationDuration: '13s',
+        },
+        '&:nth-child(4)': {
+            animationDelay: '-5s',
+            animationDuration: '20s',
+        },
+    },
+});

package/lib/components/Charts/Chart.js

@@ -1,40 +1,54 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var echarts_1 = __importDefault(require("@avocadoui/echarts"));
-var resize_observer_1 = require("@juggle/resize-observer");
-var const_1 = require("./const");
+var echarts = __importStar(require("echarts"));
+var charts = {};
 var Chart = function (_a) {
-    var options = _a.options;
+    var _b = _a.id, id = _b === void 0 ? '' : _b, options = _a.options;
+    var currentId = (0, react_1.useRef)('');
     var target = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(function () {
-        echarts_1.default.registerTheme('eli', const_1.theme);
-        var chart = echarts_1.default.init(target.current, 'eli', { devicePixelRatio: 2 });
-        chart.setOption(options);
-        var animationFrameID;
-        var ro = new resize_observer_1.ResizeObserver(function (entries) {
-            entries.forEach(function (_a) {
-                var t = _a.target;
-                var instance = echarts_1.default.getInstanceByDom(t);
-                if (instance) {
-                    animationFrameID = window.requestAnimationFrame(function () {
-                        instance.resize();
-                    });
-                }
-            });
-        });
-        if (ro)
-            ro.observe(target.current);
+        if (id && !charts[id] && options) {
+            currentId.current = id;
+            charts[id] = echarts.init(target.current);
+            charts[id].resize();
+            charts[id].setOption(options, true);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [id, options]);
+    (0, react_1.useEffect)(function () {
         return function () {
-            if (animationFrameID)
-                window.cancelAnimationFrame(animationFrameID);
-            ro.disconnect();
+            if (charts[currentId.current]) {
+                charts[currentId.current].dispose();
+                charts[currentId.current] = null;
+            }
         };
-    }, [options]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     return ((0, jsx_runtime_1.jsx)("div", { ref: target, style: {
             width: '100%',
             height: '100%',

package/lib/components/Charts/ReportPie.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ReportPieProps } from './interface';
+declare const ReportPie: React.FC<ReportPieProps>;
+export default ReportPie;

package/lib/components/Charts/ReportPie.js

@@ -0,0 +1,140 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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("./Chart"));
+var const_1 = require("./const");
+var ReportPie = function (props) {
+    var id = props.id, _a = props.source, source = _a === void 0 ? [] : _a;
+    var scores = source.map(function (_a) {
+        var score = _a.score;
+        return score;
+    });
+    var isLevel = source.map(function (_a) {
+        var level = _a.level;
+        return level;
+    }).includes(0);
+    var min = Math.min.apply(Math, scores);
+    var max = Math.max.apply(Math, scores);
+    var data = source
+        .map(function (_a) {
+        var name = _a.name, score = _a.score, params = __rest(_a, ["name", "score"]);
+        return (__assign({ name: name, value: score }, params));
+    })
+        .sort(function (a, b) {
+        return a.value - b.value;
+    });
+    var options = {
+        tooltip: {
+            trigger: 'item',
+            formatter: function (_a) {
+                var name = _a.name, value = _a.value, _b = _a.data, rank = _b.rank, total = _b.total;
+                return "".concat(name, "<br />\u5F97\u5206\uFF1A").concat(value, "\u5206").concat(total > 0 ? "<br />\u6392\u540D\uFF1A".concat(rank, "/").concat(total) : '');
+            },
+            backgroundColor: 'rgba(0, 0, 0, 0.86)',
+            textStyle: {
+                color: '#fff',
+            },
+        },
+        series: [
+            {
+                type: 'pie',
+                radius: [45, 100],
+                center: ['50%', '50%'],
+                data: data,
+                roseType: 'radius',
+                label: {
+                    color: 'rgba(0, 0, 0, 0.86)',
+                    fontWeight: 500,
+                    formatter: function (_a) {
+                        var _b;
+                        var name = _a.name, value = _a.value, level = _a.data.level;
+                        return "".concat(name, ": {").concat(level, "|").concat(((_b = const_1.levelMapping[level]) === null || _b === void 0 ? void 0 : _b.text) || "".concat(value, "\u5206"), "}");
+                    },
+                    rich: __assign({}, const_1.levelMapping),
+                },
+                labelLine: {
+                    lineStyle: {
+                        color: 'rgba(76, 175, 80, 0.3)',
+                        cap: 'square',
+                    },
+                    length: 30,
+                    length2: 30,
+                },
+                itemStyle: {
+                    color: function (_a) {
+                        var _b;
+                        var level = _a.data.level;
+                        return (_b = const_1.levelMapping[level]) === null || _b === void 0 ? void 0 : _b.itemColor;
+                    },
+                    shadowBlur: 4,
+                    shadowColor: 'rgba(0, 0, 0, 0.16)',
+                },
+            },
+            {
+                type: 'pie',
+                radius: [45, 100],
+                center: ['50%', '50%'],
+                data: data,
+                roseType: 'radius',
+                label: {
+                    position: 'inner',
+                    color: '#fff',
+                    fontWeight: 500,
+                    formatter: "{c}",
+                    fontSize: 14,
+                },
+                itemStyle: {
+                    color: function (_a) {
+                        var _b;
+                        var level = _a.data.level;
+                        return (_b = const_1.levelMapping[level]) === null || _b === void 0 ? void 0 : _b.itemColor;
+                    },
+                    shadowBlur: 4,
+                    shadowColor: 'rgba(0, 0, 0, 0.16)',
+                },
+            },
+        ],
+    };
+    return ((0, jsx_runtime_1.jsx)(Chart_1.default, { id: id, options: __assign(__assign({}, options), { visualMap: isLevel
+                ? {
+                    show: false,
+                    min: min,
+                    max: max,
+                    inRange: {
+                        color: [
+                            'rgba(0, 217, 157, 0.2)',
+                            'rgba(0, 217, 157, 0.4)',
+                            'rgba(0, 217, 157, 0.6)',
+                            'rgba(0, 217, 157, 0.8)',
+                            'rgba(0, 217, 157, 1)',
+                        ],
+                    },
+                }
+                : null }) }));
+};
+exports.default = ReportPie;

package/lib/components/Charts/TemplatePie.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { TemplatePieProps } from './interface';
+declare const TemplatePie: React.FC<TemplatePieProps>;
+export default TemplatePie;

package/lib/components/Charts/TemplatePie.js

@@ -0,0 +1,86 @@
+"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("./Chart"));
+var TemplatePie = function (props) {
+    var id = props.id, _a = props.source, source = _a === void 0 ? [] : _a, _b = props.isShowTooltip, isShowTooltip = _b === void 0 ? true : _b, _c = props.isShowLabel, isShowLabel = _c === void 0 ? true : _c;
+    var weights = source.map(function (_a) {
+        var weight = _a.weight;
+        return weight;
+    });
+    var min = Math.min.apply(Math, weights);
+    var max = Math.max.apply(Math, weights);
+    var data = source
+        .map(function (_a) {
+        var name = _a.name, weight = _a.weight;
+        return ({ name: name, value: weight });
+    })
+        .sort(function (a, b) {
+        return a.value - b.value;
+    });
+    var options = {
+        tooltip: {
+            show: isShowTooltip,
+            trigger: 'item',
+            formatter: '{b}: {c}',
+            backgroundColor: 'rgba(0, 0, 0, 0.86)',
+            textStyle: {
+                color: '#fff',
+            },
+        },
+        visualMap: {
+            show: false,
+            min: min,
+            max: max,
+            inRange: {
+                color: ['rgba(0, 217, 157, 0.2)', 'rgba(0, 217, 157, 0.4)', 'rgba(0, 217, 157, 0.6)', 'rgba(0, 217, 157, 0.8)', 'rgba(0, 217, 157, 1)'],
+            },
+        },
+        series: [
+            {
+                type: 'pie',
+                radius: ['40%', '80%'],
+                center: ['50%', '50%'],
+                top: isShowLabel ? 16 : 0,
+                bottom: isShowLabel ? 16 : 0,
+                data: data,
+                roseType: 'radius',
+                label: {
+                    show: isShowLabel,
+                    position: 'outside',
+                    color: 'rgba(0, 0, 0, 0.86)',
+                    formatter: '{b}: {c}分',
+                    fontSize: 14,
+                },
+                labelLine: {
+                    lineStyle: {
+                        color: 'rgba(76, 175, 80, 0.3)',
+                        cap: 'square',
+                    },
+                    length: 30,
+                    length2: 30,
+                },
+                itemStyle: {
+                    shadowBlur: 4,
+                    shadowColor: 'rgb(26, 180, 138)',
+                },
+            },
+        ],
+    };
+    return ((0, jsx_runtime_1.jsx)(Chart_1.default, { id: id, options: __assign({}, options) }));
+};
+exports.default = TemplatePie;