eli-video-interview 1.2.28 → 1.2.29-beta.0

package/esm/components/Charts/Chart.d.ts

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

package/esm/components/Charts/Chart.js

@@ -1,18 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from 'react';
 import * as echarts from 'echarts';
+import { useEffect, useRef } from 'react';
 var charts = {};
 var Chart = function (_a) {
     var _b = _a.id, id = _b === void 0 ? '' : _b, options = _a.options;
     var currentId = useRef('');
     var target = useRef(null);
     useEffect(function () {
-        if (id && !charts[id] && options) {
-            currentId.current = id;
-            charts[id] = echarts.init(target.current);
-            charts[id].resize();
-            charts[id].setOption(options, true);
-        }
+        // 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]);
     useEffect(function () {
@@ -24,7 +24,7 @@ var Chart = function (_a) {
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return (_jsx("div", { ref: target, style: {
+    return (_jsx("div", { id: id, ref: target, style: {
             width: '100%',
             height: '100%',
         } }));

package/esm/components/Charts/ReportPie.js

@@ -21,8 +21,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import Chart from "./Chart";
 import { levelMapping } from './const';
+import Chart from "./Chart";
 var formateTitle = function (originalTitle) {
     var regex = /(\d+?)[.](.+)/;
     if (!regex.test(originalTitle))

package/esm/index.d.ts

@@ -1,5 +1,6 @@
 export { default as AiQuestion } from './modules/ai-question';
 export { default as AiReport } from './modules/ai-report';
+export { default as MenuAnchor } from './modules/ai-report/components/MenuAnchor/MenuAnchor';
 export { default as AiTemplate } from './modules/ai-template';
 export { default as AiAbility } from './modules/ai-ability';
 export { default as VideoPreview } from './components/VideoPreview';

package/esm/index.js

@@ -1,5 +1,6 @@
 export { default as AiQuestion } from './modules/ai-question';
 export { default as AiReport } from './modules/ai-report';
+export { default as MenuAnchor } from './modules/ai-report/components/MenuAnchor/MenuAnchor';
 export { default as AiTemplate } from './modules/ai-template';
 export { default as AiAbility } from './modules/ai-ability';
 export { default as VideoPreview } from './components/VideoPreview';

package/esm/modules/ai-report/components/MenuAnchor/MenuAnchor.d.ts

@@ -0,0 +1,4 @@
+import { MenuAnchorProps } from './interface';
+import React from 'react';
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<MenuAnchorProps & React.RefAttributes<any>>>;
+export default _default;

package/esm/modules/ai-report/components/MenuAnchor/MenuAnchor.js

@@ -0,0 +1,106 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { REPORT_MODULE_MAP } from "../../../../constants/ai-report";
+import { PostAiInterviewResult } from "../../../../services/ai-report";
+import { useRequest } from 'ahooks';
+import { Box, MenuIcon } from 'fbm-ui';
+import { List, ListItem, ListItemButton, ListItemText, Popover } from 'fbm-ui/lib/mui';
+import { forwardRef, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+var MenuAnchor = forwardRef(function (props) {
+    var _a = useState(null), anchorEl = _a[0], setAnchorEl = _a[1];
+    var _b = useState(), reportResult = _b[0], setReportResult = _b[1];
+    var open = Boolean(anchorEl);
+    // 接口请求
+    var token = props.token, showAiDimension = props.showAiDimension;
+    var firstLoad = useRef(true);
+    var _c = useState([]), list = _c[0], setList = _c[1];
+    var postAiInterviewResult = useRequest(function () { return PostAiInterviewResult([token]); }, {
+        manual: true,
+        onSuccess: function (_a) {
+            var list = _a.data.list;
+            var result = list[0];
+            setReportResult(result);
+            if (firstLoad.current) {
+                firstLoad.current = false;
+                handleMenuList(result);
+            }
+        },
+    }).run;
+    useEffect(function () {
+        firstLoad.current = true;
+        postAiInterviewResult();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [token]);
+    // 处理菜单数据
+    var handleMenuList = function (reportResult) {
+        if (!reportResult.status) {
+            return;
+        }
+        var resList = [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(REPORT_MODULE_MAP['suggestion']);
+            }
+            if (collection.length > 0 && evaluations.length > 0) {
+                resList.unshift(REPORT_MODULE_MAP['evaluate']);
+            }
+            if (workplaces.length > 0) {
+                resList.unshift(REPORT_MODULE_MAP['workplace']);
+            }
+        }
+        if (collection.length > 0) {
+            resList.unshift(REPORT_MODULE_MAP['score']);
+        }
+        console.log(resList);
+        setList(resList);
+    };
+    var handlePopoverOpen = function (event) {
+        setAnchorEl(event.currentTarget);
+    };
+    var handlePopoverClose = function () {
+        setAnchorEl(null);
+    };
+    var scrollToAnchor = useCallback(function (id) {
+        if (id) {
+            var anchorEle = document.getElementById(id);
+            if (anchorEle) {
+                anchorEle.scrollIntoView({ block: 'start', behavior: 'smooth' });
+            }
+        }
+    }, []);
+    var content = useMemo(function () {
+        return (_jsx(List, __assign({ style: { minWidth: 150 }, onMouseLeave: handlePopoverClose }, { children: list.map(function (_a) {
+                var name = _a.name, id = _a.id;
+                return (_jsx(ListItem, __assign({ disablePadding: true }, { children: _jsx(ListItemButton, __assign({ onClick: function () { return scrollToAnchor(id); } }, { children: _jsx(ListItemText, { primary: name }) })) }), id));
+            }) })));
+    }, [scrollToAnchor, list]);
+    return (_jsxs(_Fragment, { children: [(reportResult === null || reportResult === void 0 ? void 0 : reportResult.status) && (_jsx(Box, __assign({ style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    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: _jsx(MenuIcon, {}) }))), _jsx(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';
+export default memo(MenuAnchor);

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

@@ -1,4 +1,4 @@
-import { MenuAnchorProps } from '../../interface';
-import React from 'react';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<MenuAnchorProps & React.RefAttributes<any>>>;
+/// <reference types="react" />
+import { MenuAnchorProps } from './interface';
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<MenuAnchorProps & import("react").RefAttributes<any>>>;
 export default _default;

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

@@ -9,107 +9,12 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { REPORT_MODULE_MAP } from "../../../../constants/ai-report";
-import { PostAiInterviewResult } from "../../../../services/ai-report";
-import { useAiReportStore } from "../../../../store/ai-report/global-store";
-import { useRequest } from 'ahooks';
-import { Box, MenuIcon } from 'fbm-ui';
-import { List, ListItem, ListItemButton, ListItemText, Popover } from 'fbm-ui/lib/mui';
-import { forwardRef, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
-var MenuAnchor = forwardRef(function (props) {
-    var _a = useState(null), anchorEl = _a[0], setAnchorEl = _a[1];
-    var open = Boolean(anchorEl);
-    // 接口请求
-    var token = props.token, showAiDimension = props.showAiDimension;
-    var firstLoad = useRef(true);
-    var _b = useState([]), list = _b[0], setList = _b[1];
-    var _c = useAiReportStore(), reportResult = _c.reportResult, updateState = _c.updateState, updateReportResult = _c.updateReportResult;
-    var postAiInterviewResult = useRequest(function () { return 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;
-    useEffect(function () {
-        firstLoad.current = true;
-        postAiInterviewResult();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [token]);
-    useEffect(function () {
-        updateState(props);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props]);
-    // 处理菜单数据
-    var handleMenuList = function (reportResult) {
-        if (!reportResult.status) {
-            return;
-        }
-        var resList = [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(REPORT_MODULE_MAP['suggestion']);
-            }
-            if (collection.length > 0 && evaluations.length > 0) {
-                resList.unshift(REPORT_MODULE_MAP['evaluate']);
-            }
-            if (workplaces.length > 0) {
-                resList.unshift(REPORT_MODULE_MAP['workplace']);
-            }
-        }
-        if (collection.length > 0) {
-            resList.unshift(REPORT_MODULE_MAP['score']);
-        }
-        console.log(resList);
-        setList(resList);
-    };
-    var handlePopoverOpen = function (event) {
-        setAnchorEl(event.currentTarget);
-    };
-    var handlePopoverClose = function () {
-        setAnchorEl(null);
-    };
-    var scrollToAnchor = useCallback(function (id) {
-        if (id) {
-            var anchorEle = document.getElementById(id);
-            if (anchorEle) {
-                anchorEle.scrollIntoView({ block: 'start', behavior: 'smooth' });
-            }
-        }
-    }, []);
-    var content = useMemo(function () {
-        return (_jsx(List, __assign({ style: { minWidth: 150 }, onMouseLeave: handlePopoverClose }, { children: list.map(function (_a) {
-                var name = _a.name, id = _a.id;
-                return (_jsx(ListItem, __assign({ disablePadding: true }, { children: _jsx(ListItemButton, __assign({ onClick: function () { return scrollToAnchor(id); } }, { children: _jsx(ListItemText, { primary: name }) })) }), id));
-            }) })));
-    }, [scrollToAnchor, list]);
-    return (_jsxs(_Fragment, { children: [(reportResult === null || reportResult === void 0 ? void 0 : reportResult.status) && (_jsx(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: _jsx(MenuIcon, {}) }))), _jsx(Popover, __assign({ id: "menu-anchor-popover", open: open, anchorEl: anchorEl, anchorOrigin: {
-                    vertical: 'bottom',
-                    horizontal: 'right',
-                }, transformOrigin: {
-                    vertical: -8,
-                    horizontal: 'right',
-                }, onClose: handlePopoverClose }, { children: content }))] }));
+import { jsx as _jsx } from "react/jsx-runtime";
+import MenuAnchor from './MenuAnchor';
+import RootProvider from "../../../../components/RootProvider";
+import { forwardRef, memo } from 'react';
+var ReportMenuAnchor = forwardRef(function (props, ref) {
+    return (_jsx(RootProvider, { children: _jsx(MenuAnchor, __assign({}, props)) }));
 });
-MenuAnchor.displayName = 'MenuAnchor';
-export default memo(MenuAnchor);
+ReportMenuAnchor.displayName = 'AiReport';
+export default memo(ReportMenuAnchor);

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

@@ -0,0 +1,10 @@
+export interface AnchorItem {
+    type: string;
+    name: string;
+    id: string;
+}
+export interface MenuAnchorProps {
+    list?: AnchorItem[];
+    token: string;
+    showAiDimension: boolean;
+}

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

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

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

@@ -10,11 +10,11 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { Box, Typography } from 'fbm-ui';
+import { rankPercent } from '../../utils';
 import { scoreRankIntervalColors } from "../../../../constants/ai-report";
 import { useAiReportStore } from "../../../../store/ai-report/global-store";
-import { rankPercent } from '../../utils';
+import { Box, Typography } from 'fbm-ui';
+import { useEffect, useState } from 'react';
 var Bar = function () {
     var _a = useState(1), currentRank = _a[0], setCurrentRank = _a[1];
     var _b = useState(''), text = _b[0], setText = _b[1];

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

@@ -14,7 +14,6 @@ import ReportRoot from './Root';
 import RootProvider from "../../components/RootProvider";
 import { forwardRef, memo } from 'react';
 var AiReport = forwardRef(function (props, ref) {
-    // const { token, showAiDimension = true } = props;
     return (_jsx(RootProvider, { children: _jsx(ReportRoot, __assign({ ref: ref }, props)) }));
 });
 AiReport.displayName = 'AiReport';

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

@@ -175,13 +175,3 @@ export interface AiReportProps {
 export interface AiReportRef {
     handleRefresh: () => void;
 }
-export interface AnchorItem {
-    type: string;
-    name: string;
-    id: string;
-}
-export interface MenuAnchorProps {
-    list?: AnchorItem[];
-    token: string;
-    showAiDimension: boolean;
-}

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

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

package/lib/components/Charts/Chart.js

@@ -24,20 +24,20 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
 var echarts = __importStar(require("echarts"));
+var react_1 = require("react");
 var charts = {};
 var Chart = function (_a) {
     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 () {
-        if (id && !charts[id] && options) {
-            currentId.current = id;
-            charts[id] = echarts.init(target.current);
-            charts[id].resize();
-            charts[id].setOption(options, true);
-        }
+        // 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 () {
@@ -49,7 +49,7 @@ var Chart = function (_a) {
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    return ((0, jsx_runtime_1.jsx)("div", { ref: target, style: {
+    return ((0, jsx_runtime_1.jsx)("div", { id: id, ref: target, style: {
             width: '100%',
             height: '100%',
         } }));

package/lib/components/Charts/ReportPie.js

@@ -26,8 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (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 Chart_1 = __importDefault(require("./Chart"));
 var formateTitle = function (originalTitle) {
     var regex = /(\d+?)[.](.+)/;
     if (!regex.test(originalTitle))

package/lib/index.d.ts

@@ -1,5 +1,6 @@
 export { default as AiQuestion } from './modules/ai-question';
 export { default as AiReport } from './modules/ai-report';
+export { default as MenuAnchor } from './modules/ai-report/components/MenuAnchor/MenuAnchor';
 export { default as AiTemplate } from './modules/ai-template';
 export { default as AiAbility } from './modules/ai-ability';
 export { default as VideoPreview } from './components/VideoPreview';

package/lib/index.js

@@ -3,11 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.avocadoVideoInterview = exports.useAiReport = exports.useAiQuestion = exports.VideoPreview = exports.AiAbility = exports.AiTemplate = exports.AiReport = exports.AiQuestion = void 0;
+exports.avocadoVideoInterview = exports.useAiReport = exports.useAiQuestion = exports.VideoPreview = exports.AiAbility = exports.AiTemplate = exports.MenuAnchor = exports.AiReport = exports.AiQuestion = void 0;
 var ai_question_1 = require("./modules/ai-question");
 Object.defineProperty(exports, "AiQuestion", { enumerable: true, get: function () { return __importDefault(ai_question_1).default; } });
 var ai_report_1 = require("./modules/ai-report");
 Object.defineProperty(exports, "AiReport", { enumerable: true, get: function () { return __importDefault(ai_report_1).default; } });
+var MenuAnchor_1 = require("./modules/ai-report/components/MenuAnchor/MenuAnchor");
+Object.defineProperty(exports, "MenuAnchor", { enumerable: true, get: function () { return __importDefault(MenuAnchor_1).default; } });
 var ai_template_1 = require("./modules/ai-template");
 Object.defineProperty(exports, "AiTemplate", { enumerable: true, get: function () { return __importDefault(ai_template_1).default; } });
 var ai_ability_1 = require("./modules/ai-ability");

package/lib/modules/ai-report/components/MenuAnchor/MenuAnchor.d.ts

@@ -0,0 +1,4 @@
+import { MenuAnchorProps } from './interface';
+import React from 'react';
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<MenuAnchorProps & React.RefAttributes<any>>>;
+export default _default;

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

@@ -0,0 +1,108 @@
+"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("../../../../constants/ai-report");
+var ai_report_2 = require("../../../../services/ai-report");
+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 = (0, react_1.useState)(null), anchorEl = _a[0], setAnchorEl = _a[1];
+    var _b = (0, react_1.useState)(), reportResult = _b[0], setReportResult = _b[1];
+    var open = Boolean(anchorEl);
+    // 接口请求
+    var token = props.token, showAiDimension = props.showAiDimension;
+    var firstLoad = (0, react_1.useRef)(true);
+    var _c = (0, react_1.useState)([]), list = _c[0], setList = _c[1];
+    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];
+            setReportResult(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]);
+    // 处理菜单数据
+    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']);
+        }
+        console.log(resList);
+        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',
+                    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/components/MenuAnchor/index.d.ts

@@ -1,4 +1,4 @@
-import { MenuAnchorProps } from '../../interface';
-import React from 'react';
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<MenuAnchorProps & React.RefAttributes<any>>>;
+/// <reference types="react" />
+import { MenuAnchorProps } from './interface';
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<MenuAnchorProps & import("react").RefAttributes<any>>>;
 export default _default;

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

@@ -10,108 +10,16 @@ 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 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 MenuAnchor_1 = __importDefault(require("./MenuAnchor"));
+var RootProvider_1 = __importDefault(require("../../../../components/RootProvider"));
 var react_1 = require("react");
-var MenuAnchor = (0, react_1.forwardRef)(function (props) {
-    var _a = (0, react_1.useState)(null), 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 = (0, react_1.useState)([]), 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']);
-        }
-        console.log(resList);
-        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 }))] }));
+var ReportMenuAnchor = (0, react_1.forwardRef)(function (props, ref) {
+    return ((0, jsx_runtime_1.jsx)(RootProvider_1.default, { children: (0, jsx_runtime_1.jsx)(MenuAnchor_1.default, __assign({}, props)) }));
 });
-MenuAnchor.displayName = 'MenuAnchor';
-exports.default = (0, react_1.memo)(MenuAnchor);
+ReportMenuAnchor.displayName = 'AiReport';
+exports.default = (0, react_1.memo)(ReportMenuAnchor);

package/lib/modules/ai-report/components/MenuAnchor/interface.d.ts

@@ -0,0 +1,10 @@
+export interface AnchorItem {
+    type: string;
+    name: string;
+    id: string;
+}
+export interface MenuAnchorProps {
+    list?: AnchorItem[];
+    token: string;
+    showAiDimension: boolean;
+}

package/lib/modules/ai-report/components/MenuAnchor/interface.js

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

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

@@ -12,11 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 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 utils_1 = require("../../utils");
 var ai_report_1 = require("../../../../constants/ai-report");
 var global_store_1 = require("../../../../store/ai-report/global-store");
-var utils_1 = require("../../utils");
+var fbm_ui_1 = require("fbm-ui");
+var react_1 = require("react");
 var Bar = function () {
     var _a = (0, react_1.useState)(1), currentRank = _a[0], setCurrentRank = _a[1];
     var _b = (0, react_1.useState)(''), text = _b[0], setText = _b[1];

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

@@ -19,7 +19,6 @@ var Root_1 = __importDefault(require("./Root"));
 var RootProvider_1 = __importDefault(require("../../components/RootProvider"));
 var react_1 = require("react");
 var AiReport = (0, react_1.forwardRef)(function (props, ref) {
-    // const { token, showAiDimension = true } = props;
     return ((0, jsx_runtime_1.jsx)(RootProvider_1.default, { children: (0, jsx_runtime_1.jsx)(Root_1.default, __assign({ ref: ref }, props)) }));
 });
 AiReport.displayName = 'AiReport';

package/lib/modules/ai-report/interface.d.ts

@@ -175,13 +175,3 @@ export interface AiReportProps {
 export interface AiReportRef {
     handleRefresh: () => void;
 }
-export interface AnchorItem {
-    type: string;
-    name: string;
-    id: string;
-}
-export interface MenuAnchorProps {
-    list?: AnchorItem[];
-    token: string;
-    showAiDimension: boolean;
-}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eli-video-interview",
-  "version": "1.2.28",
+  "version": "1.2.29-beta.0",
   "description": "鳄梨科技 AI视频面试 React SDK",
   "author": "鳄梨科技",
   "license": "MIT",
@@ -29,6 +29,12 @@
     "typescript": "^4.7.2",
     "use-immer": "^0.7.0"
   },
+  "devDependencies": {
+    "@types/jest": "^27.5.1",
+    "@types/node": "^16.11.36",
+    "@types/react": "^17.0.0",
+    "@types/react-dom": "^17.0.0"
+  },
   "scripts": {
     "clean": "rimraf lib esm build",
     "serve": "npm run dev",