eli-video-interview 1.2.42-alpha.41 → 1.2.42-alpha.43

package/esm/enum/ai-question.d.ts

@@ -26,7 +26,11 @@ export declare enum LANGUAGE_TYPE {
     JAPANESE = 12,
     ENGLISH = 11,
     KOREAN = 19,
-    SPANISH = 20
+    SPANISH = 20,
+    ITALIAN = 21,
+    RUSSIAN = 22,
+    FRENCH = 23,
+    GERMAN = 24
 }
 /**
  * 题目类型

package/esm/enum/ai-question.js

@@ -30,6 +30,10 @@ export var LANGUAGE_TYPE;
     LANGUAGE_TYPE[LANGUAGE_TYPE["ENGLISH"] = 11] = "ENGLISH";
     LANGUAGE_TYPE[LANGUAGE_TYPE["KOREAN"] = 19] = "KOREAN";
     LANGUAGE_TYPE[LANGUAGE_TYPE["SPANISH"] = 20] = "SPANISH";
+    LANGUAGE_TYPE[LANGUAGE_TYPE["ITALIAN"] = 21] = "ITALIAN";
+    LANGUAGE_TYPE[LANGUAGE_TYPE["RUSSIAN"] = 22] = "RUSSIAN";
+    LANGUAGE_TYPE[LANGUAGE_TYPE["FRENCH"] = 23] = "FRENCH";
+    LANGUAGE_TYPE[LANGUAGE_TYPE["GERMAN"] = 24] = "GERMAN";
 })(LANGUAGE_TYPE || (LANGUAGE_TYPE = {}));
 /**
  * 题目类型

package/esm/modules/ai-ability-select/Root.js

@@ -21,7 +21,8 @@ import { Stack } from 'fbm-ui/lib/mui';
 import { forwardRef, memo, useEffect } from 'react';
 var ScrollDialogContent = styled(Box)({
     maxHeight: 'calc(100vh - 192px)',
-    overflow: 'scroll',
+    height: 'calc(100vh - 192px)',
+    overflow: 'hidden',
 });
 var AiAbilitySelectRoot = forwardRef(function (_a, ref) {
     var jobToken = _a.jobToken, thirdToken = _a.thirdToken, token = _a.token, hiddenTips = _a.hiddenTips;
@@ -41,7 +42,7 @@ var AiAbilitySelectRoot = forwardRef(function (_a, ref) {
         setEnterprise({ jobToken: jobToken, thirdToken: thirdToken });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [jobToken, thirdToken]);
-    return (_jsx(ScrollDialogContent, __assign({ ref: ref }, { children: _jsxs(Box, __assign({ display: "flex", flexDirection: "column", width: 760 }, { children: [_jsxs(Stack, __assign({ spacing: 2, mb: 2 }, { children: [_jsx(Typography, __assign({ variant: "body1", fontWeight: 500 }, { children: !hiddenTips ? '请选择要优先使用的考察能力，也可以点击「下一步」直接出题' : '已选择的考察能力会优先在面试题目中展示' })), (aiAbilityList === null || aiAbilityList === void 0 ? void 0 : aiAbilityList.some(function (v) { return v.isNew; })) && (_jsxs(Stack, __assign({ direction: "row", spacing: 1, alignItems: "center" }, { children: [_jsx("img", { src: "//webcdn.fbmms.cn/assets/XXRf/bdUI9qZoTx-l2k_OHTotn", alt: "", width: 38, height: 16 }), _jsx(Typography, __assign({ variant: "caption", color: "textSecondary" }, { children: "AI\u6839\u636E\u5C97\u4F4D\u4FE1\u606F\u751F\u6210\u7684\u80FD\u529B\uFF0C\u521B\u5EFA\u5B8C\u6B65\u9AA4\u540E\uFF0C\u4F1A\u81EA\u52A8\u5C06\u9009\u62E9\u7684\u65B0\u589E\u80FD\u529B\u52A0\u5165\u5230\u8BBE\u7F6E\u9875\u7684\u8003\u5BDF\u80FD\u529B\u5217\u8868\u4E2D\u3002" }))] })))] })), _jsx(AiAbilityList, { items: aiAbilityList })] })) })));
+    return (_jsx(ScrollDialogContent, __assign({ ref: ref }, { children: _jsxs(Box, __assign({ display: "flex", flexDirection: "column", width: 760, height: 1 }, { children: [_jsxs(Stack, __assign({ spacing: 2, mb: 2 }, { children: [_jsx(Typography, __assign({ variant: "body1", fontWeight: 500 }, { children: !hiddenTips ? '请选择要优先使用的考察能力，也可以点击「下一步」直接出题' : '已选择的考察能力会优先在面试题目中展示' })), (aiAbilityList === null || aiAbilityList === void 0 ? void 0 : aiAbilityList.some(function (v) { return v.isNew; })) && (_jsxs(Stack, __assign({ direction: "row", spacing: 1, alignItems: "center" }, { children: [_jsx("img", { src: "//webcdn.fbmms.cn/assets/XXRf/bdUI9qZoTx-l2k_OHTotn", alt: "", width: 38, height: 16 }), _jsx(Typography, __assign({ variant: "caption", color: "textSecondary" }, { children: "AI\u6839\u636E\u5C97\u4F4D\u4FE1\u606F\u751F\u6210\u7684\u80FD\u529B\uFF0C\u521B\u5EFA\u5B8C\u6B65\u9AA4\u540E\uFF0C\u4F1A\u81EA\u52A8\u5C06\u9009\u62E9\u7684\u65B0\u589E\u80FD\u529B\u52A0\u5165\u5230\u8BBE\u7F6E\u9875\u7684\u8003\u5BDF\u80FD\u529B\u5217\u8868\u4E2D\u3002" }))] })))] })), _jsx(AiAbilityList, { items: aiAbilityList })] })) })));
 });
 AiAbilitySelectRoot.displayName = 'AiAbilitySelectRoot';
 export default memo(AiAbilitySelectRoot);

package/esm/modules/ai-ability-select/components/AiAbilityItem/AiAbilityDetail.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { AiAbilityDetailProps } from './interface';
-declare const AiAbilityDetail: React.FC<AiAbilityDetailProps>;
-export default AiAbilityDetail;
+declare const _default: import("react").NamedExoticComponent<AiAbilityDetailProps>;
+export default _default;

package/esm/modules/ai-ability-select/components/AiAbilityItem/AiAbilityDetail.js

@@ -12,6 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Typography } from 'fbm-ui';
 import { Stack } from 'fbm-ui/lib/mui';
+import { memo } from 'react';
 var AiAbilityDetail = function (_a) {
     var detail = _a.detail;
     return (_jsx(Box, __assign({ p: 2, maxHeight: 582, overflow: "scroll" }, { children: detail === null || detail === void 0 ? void 0 : detail.map(function (v) {
@@ -19,4 +20,4 @@ var AiAbilityDetail = function (_a) {
             return (_jsxs(Stack, __assign({ mb: 2, spacing: 1, width: 300 }, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: 500 }, { children: v.name })), _jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: (_a = v.items) === null || _a === void 0 ? void 0 : _a.join('\n') }))] }), v.name));
         }) })));
 };
-export default AiAbilityDetail;
+export default memo(AiAbilityDetail);

package/esm/modules/ai-ability-select/components/AiAbilityItem/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { AiAbilityItemProps } from './interface';
-declare const AiAbilityItem: React.FC<AiAbilityItemProps>;
-export default AiAbilityItem;
+declare const _default: import("react").NamedExoticComponent<AiAbilityItemProps>;
+export default _default;

package/esm/modules/ai-ability-select/components/AiAbilityItem/index.js

@@ -39,15 +39,14 @@ import AiAbilityDetail from './AiAbilityDetail';
 import { NewBadge } from './styled';
 import { useAiAbilityListStore } from "../../../../store/ai-ability-select/question-ability-store";
 import { Box, Checkbox, Paper, Popover, Typography } from 'fbm-ui';
+import { memo } from 'react';
 var AiAbilityItem = function (_a) {
     var name = _a.name, isNew = _a.isNew, token = _a.token, detail = _a.detail;
     var _b = useAiAbilityListStore(), selctedAbilitys = _b.selctedAbilitys, setSelctedAbilitys = _b.setSelctedAbilitys;
     var handleChange = function (_, checked) {
         return setSelctedAbilitys(__spreadArray(__spreadArray([], __read(selctedAbilitys.filter(function (v) { return v !== token; })), false), __read((checked ? [token] : [])), false));
     };
-    return (_jsx(Paper, __assign({ variant: "outlined" }, { children: _jsxs(Box, __assign({ sx: { pl: 2, width: 240, height: 54, display: 'flex', alignItems: 'center', position: 'relative' } }, { children: [_jsx(Checkbox, { onChange: handleChange, label: _jsx(AiAbilityLable, { name: name, detail: detail }), checked: selctedAbilitys.includes(token), 
-                    // @ts-ignore
-                    sx: { width: 1, height: 1 } }), isNew && _jsx(NewBadge, { src: "//webcdn.fbmms.cn/assets/XXRf/bdUI9qZoTx-l2k_OHTotn" })] })) })));
+    return (_jsx(Paper, __assign({ variant: "outlined" }, { children: _jsxs(Box, __assign({ sx: { pl: 2, width: 240, height: 54, display: 'flex', alignItems: 'center', position: 'relative' } }, { children: [_jsx(Checkbox, { onChange: handleChange, label: _jsx(MemoAiAbilityLable, { name: name, detail: detail }), checked: selctedAbilitys.includes(token), sx: { width: 1, height: 1 } }), isNew && _jsx(NewBadge, { src: "//webcdn.fbmms.cn/assets/XXRf/bdUI9qZoTx-l2k_OHTotn" })] })) })));
 };
 var AiAbilityLable = function (_a) {
     var name = _a.name, detail = _a.detail;
@@ -55,4 +54,5 @@ var AiAbilityLable = function (_a) {
         return (_jsx(Popover, __assign({ content: _jsx(AiAbilityDetail, { detail: detail }), trigger: "hover", placement: "right" }, { children: _jsx(Typography, __assign({ noWrap: true, maxWidth: 180, variant: "body2", sx: { mt: 0.5 } }, { children: name })) })));
     return (_jsx(Typography, __assign({ noWrap: true, maxWidth: 180, variant: "body2" }, { children: name })));
 };
-export default AiAbilityItem;
+var MemoAiAbilityLable = memo(AiAbilityLable);
+export default memo(AiAbilityItem);

package/esm/modules/ai-ability-select/components/AiAbilityList/index.js

@@ -11,9 +11,21 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import AiAbilityItem from '../AiAbilityItem';
-import { Grid } from 'fbm-ui';
+import AutoSizer from 'react-virtualized-auto-sizer';
+import { FixedSizeGrid as Grid } from 'react-window';
+var Cell = function (_a) {
+    var data = _a.data, columnIndex = _a.columnIndex, rowIndex = _a.rowIndex, style = _a.style;
+    var item = data[rowIndex * 3 + columnIndex];
+    if (!item) {
+        return null;
+    }
+    return (_jsx("div", __assign({ style: __assign(__assign({}, style), { width: style.width - 8, height: style.height - 8 }) }, { children: _jsx(AiAbilityItem, __assign({}, item)) })));
+};
 var AiAbilityList = function (_a) {
     var items = _a.items;
-    return (_jsx(Grid, __assign({ container: true, spacing: 1, rowSpacing: 1, columnSpacing: 1 }, { children: items === null || items === void 0 ? void 0 : items.map(function (item) { return (_jsx(Grid, __assign({ item: true }, { children: _jsx(AiAbilityItem, __assign({}, item)) }), item.token)); }) })));
+    return (_jsx(AutoSizer, { children: function (_a) {
+            var height = _a.height, width = _a.width;
+            return (_jsx(Grid, __assign({ columnCount: 3, columnWidth: 240, overscanRowCount: 10, height: height, rowCount: Math.ceil(items.length / 3), rowHeight: 62, width: width, itemData: items }, { children: Cell })));
+        } }));
 };
 export default AiAbilityList;

package/esm/modules/ai-question/components/AiAssessmentCriteria/const.d.ts

@@ -5,6 +5,10 @@ export declare const LANGUAGE_NAMES: {
     4: string;
     5: string;
     6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
 };
 export declare const CATEGORY_NAME: {
     1: string;
@@ -20,6 +24,10 @@ export declare const SERVER_LANGUAGE_TYPE: {
     13: number;
     19: number;
     20: number;
+    21: number;
+    22: number;
+    23: number;
+    24: number;
 };
 export declare const LANGUAGE_SHOW_NAME: {
     2: string;
@@ -36,5 +44,9 @@ export declare const LANGUAGE_SHOW_NAMES: {
     4: string;
     5: string;
     6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
 };
 export declare const LANGUAGE_SHOW_NAMES_ORDER: number[];

package/esm/modules/ai-question/components/AiAssessmentCriteria/const.js

@@ -1,6 +1,6 @@
 var _a, _b;
 import { CATEGORY_TYPE, LANGUAGE_TYPE } from "../../../../enum/ai-question";
-var MANDARIN = LANGUAGE_TYPE.MANDARIN, CANTONESE = LANGUAGE_TYPE.CANTONESE, JAPANESE = LANGUAGE_TYPE.JAPANESE, ENGLISH = LANGUAGE_TYPE.ENGLISH, KOREAN = LANGUAGE_TYPE.KOREAN, SPANISH = LANGUAGE_TYPE.SPANISH;
+var MANDARIN = LANGUAGE_TYPE.MANDARIN, CANTONESE = LANGUAGE_TYPE.CANTONESE, JAPANESE = LANGUAGE_TYPE.JAPANESE, ENGLISH = LANGUAGE_TYPE.ENGLISH, KOREAN = LANGUAGE_TYPE.KOREAN, SPANISH = LANGUAGE_TYPE.SPANISH, ITALIAN = LANGUAGE_TYPE.ITALIAN, RUSSIAN = LANGUAGE_TYPE.RUSSIAN, FRENCH = LANGUAGE_TYPE.FRENCH, GERMAN = LANGUAGE_TYPE.GERMAN;
 var LANGUAGE = CATEGORY_TYPE.LANGUAGE, SEMANTICS = CATEGORY_TYPE.SEMANTICS, EXPRESSION = CATEGORY_TYPE.EXPRESSION, FORM = CATEGORY_TYPE.FORM, LANGUAGE_ABILITY = CATEGORY_TYPE.LANGUAGE_ABILITY;
 export var LANGUAGE_NAMES = {
     1: '中文-普通话',
@@ -9,6 +9,10 @@ export var LANGUAGE_NAMES = {
     4: '中文-粤语',
     5: '韩语',
     6: '西班牙语',
+    7: '意大利语',
+    8: '俄语',
+    9: '法语',
+    10: '德语',
 };
 export var CATEGORY_NAME = (_a = {},
     _a[LANGUAGE] = '候选人语种',
@@ -24,6 +28,10 @@ export var SERVER_LANGUAGE_TYPE = (_b = {},
     _b[CANTONESE] = 4,
     _b[KOREAN] = 5,
     _b[SPANISH] = 6,
+    _b[ITALIAN] = 7,
+    _b[RUSSIAN] = 8,
+    _b[FRENCH] = 9,
+    _b[GERMAN] = 10,
     _b);
 // 由于语种value 和 name的映射不对应，这里用于前端显示 AI基础能力 中文|英文表达
 export var LANGUAGE_SHOW_NAME = {
@@ -41,5 +49,9 @@ export var LANGUAGE_SHOW_NAMES = {
     4: '粤语',
     5: '韩语',
     6: '西班牙语',
+    7: '意大利语',
+    8: '俄语',
+    9: '法语',
+    10: '德语',
 };
-export var LANGUAGE_SHOW_NAMES_ORDER = [1, 4, 2, 3, 5, 6];
+export var LANGUAGE_SHOW_NAMES_ORDER = [1, 4, 2, 3, 5, 6, 7, 8, 9, 10];

package/esm/modules/ai-question/components/AiAssessmentCriteria/index.js

@@ -42,7 +42,7 @@ import { CATEGORY_TYPE, LANGUAGE_TYPE } from "../../../../enum/ai-question";
 import { PostAiAbilities } from "../../../../services/ai-question";
 import { useAiAnalysisStore } from "../../../../store/ai-question/ai-analysis-store";
 import { useRequest, useSetState } from 'ahooks';
-import { Checkbox, Dialog, Loading, Radio, RadioGroup, Select, Typography } from 'fbm-ui';
+import { Checkbox, Dialog, Loading, Select, Typography } from 'fbm-ui';
 import { Box, Divider, FormControl, FormLabel, Stack } from 'fbm-ui/lib/mui';
 import { useCallback, useEffect, useState } from 'react';
 var MANDARIN = LANGUAGE_TYPE.MANDARIN, CANTONESE = LANGUAGE_TYPE.CANTONESE;
@@ -84,6 +84,7 @@ var AiAssessmentCriteria = function (props) {
     }, [setCheckAbilities]);
     var onLanguageChange = function (_a, list) {
         var value = _a.target.value;
+        console.log('value', value, list);
         var language = Number(value === '0' ? MANDARIN : value);
         var item = list.find(function (_a) {
             var type = _a.type;
@@ -122,23 +123,16 @@ var AiAssessmentCriteria = function (props) {
                         return (_jsxs(Box, { children: [(list.filter(function (_a) {
                                     var type = _a.type;
                                     return relatedAbilities === null || relatedAbilities === void 0 ? void 0 : relatedAbilities.includes(type);
-                                }).length > 0 || type === CATEGORY_TYPE.LANGUAGE) && (_jsx(FormControl, { children: _jsx(FormLabel, __assign({ component: "legend", style: { fontSize: 14, fontWeight: 400, color: 'rgba(0,0,0,0.86)' } }, { children: _jsxs(Stack, __assign({ spacing: 1, direction: "row", alignItems: "center" }, { children: [type === CATEGORY_TYPE.LANGUAGE ? (_jsx(Typography, __assign({ style: { fontSize: 16, fontWeight: 500 } }, { children: name }))) : (_jsx(Typography, { children: type === CATEGORY_TYPE.EXPRESSION ? LANGUAGE_SHOW_NAME[language] + name : name })), type === CATEGORY_TYPE.LANGUAGE && (_jsx(Typography, __assign({ variant: "caption", color: "textSecondary", sx: { ml: 1 } }, { children: "\u4EE5\u6240\u9009\u8BED\u8A00\u8BC6\u522B\u5019\u9009\u4EBA\u56DE\u7B54\u5185\u5BB9\u5E76\u8F6C\u6362\u6587\u5B57" })))] })) })) })), type === CATEGORY_TYPE.LANGUAGE ? (_jsxs(Box, { children: [_jsxs(RadioGroup, __assign({ sx: { mb: 1, ml: '4px' }, row: false, value: language, onChange: function (e) { return onLanguageChange(e, list); } }, { children: [_jsx(Radio, { value: "0", RadioProps: { checked: checkedChinese }, label: "\u4E2D\u6587" }), _jsx(RadioGroup, __assign({ value: language, sx: { ml: 3 }, onChange: function (e) { return onLanguageChange(e, list); } }, { children: list
-                                                        .filter(function (_a) {
-                                                        var type = _a.type;
-                                                        return [MANDARIN, CANTONESE].includes(type);
-                                                    })
-                                                        .map(function (_a) {
-                                                        var name = _a.name, type = _a.type, token = _a.token;
-                                                        return checkedChinese && _jsx(Radio, { value: type, label: name }, token);
-                                                    }) })), list
-                                                    .filter(function (_a) {
-                                                    var type = _a.type;
-                                                    return ![MANDARIN, CANTONESE].includes(type);
-                                                })
-                                                    .map(function (_a) {
-                                                    var name = _a.name, type = _a.type, token = _a.token;
-                                                    return (_jsx(Radio, { value: type, label: name }, token));
-                                                })] })), _jsx(Divider, { sx: { mb: 1 } }), _jsx(FormControl, { children: _jsx(FormLabel, __assign({ component: "legend", style: { fontSize: 16, color: 'rgba(0,0,0,0.86)', fontWeight: 500, marginBottom: 16 } }, { children: "AI\u57FA\u7840\u80FD\u529B" })) })] })) : (_jsx(_Fragment, { children: list.map(function (item) {
+                                }).length > 0 || type === CATEGORY_TYPE.LANGUAGE) && (_jsx(FormControl, { children: _jsx(FormLabel, __assign({ component: "legend", style: { fontSize: 14, fontWeight: 400, color: 'rgba(0,0,0,0.86)' } }, { children: _jsxs(Stack, __assign({ spacing: 1, direction: "row", alignItems: "center" }, { children: [type === CATEGORY_TYPE.LANGUAGE ? (_jsx(Typography, __assign({ style: { fontSize: 16, fontWeight: 500 } }, { children: name }))) : (_jsx(Typography, { children: type === CATEGORY_TYPE.EXPRESSION ? LANGUAGE_SHOW_NAME[language] + name : name })), type === CATEGORY_TYPE.LANGUAGE && (_jsx(Typography, __assign({ variant: "caption", color: "textSecondary", sx: { ml: 1 } }, { children: "\u4EE5\u6240\u9009\u8BED\u8A00\u8BC6\u522B\u5019\u9009\u4EBA\u56DE\u7B54\u5185\u5BB9\u5E76\u8F6C\u6362\u6587\u5B57" })))] })) })) })), type === CATEGORY_TYPE.LANGUAGE ? (_jsxs(Box, { children: [_jsx(Select, { onChange: function (e) { return onLanguageChange(e, list); }, value: language, options: list.map(function (_a) {
+                                                var type = _a.type, name = _a.name;
+                                                return ({
+                                                    value: type,
+                                                    label: name,
+                                                });
+                                            }), sx: {
+                                                width: 240,
+                                                mt: 1,
+                                            } }), _jsx(Divider, { sx: { mb: 1 } }), _jsx(FormControl, { children: _jsx(FormLabel, __assign({ component: "legend", style: { fontSize: 16, color: 'rgba(0,0,0,0.86)', fontWeight: 500, marginBottom: 16 } }, { children: "AI\u57FA\u7840\u80FD\u529B" })) })] })) : (_jsx(_Fragment, { children: list.map(function (item) {
                                         var name = item.name, desc = item.desc, type = item.type, token = item.token;
                                         if (relatedAbilities === null || relatedAbilities === void 0 ? void 0 : relatedAbilities.includes(type)) {
                                             var isLanguageAbility = [14, 15].includes(type);

package/lib/enum/ai-question.d.ts

@@ -26,7 +26,11 @@ export declare enum LANGUAGE_TYPE {
     JAPANESE = 12,
     ENGLISH = 11,
     KOREAN = 19,
-    SPANISH = 20
+    SPANISH = 20,
+    ITALIAN = 21,
+    RUSSIAN = 22,
+    FRENCH = 23,
+    GERMAN = 24
 }
 /**
  * 题目类型

package/lib/enum/ai-question.js

@@ -33,6 +33,10 @@ var LANGUAGE_TYPE;
     LANGUAGE_TYPE[LANGUAGE_TYPE["ENGLISH"] = 11] = "ENGLISH";
     LANGUAGE_TYPE[LANGUAGE_TYPE["KOREAN"] = 19] = "KOREAN";
     LANGUAGE_TYPE[LANGUAGE_TYPE["SPANISH"] = 20] = "SPANISH";
+    LANGUAGE_TYPE[LANGUAGE_TYPE["ITALIAN"] = 21] = "ITALIAN";
+    LANGUAGE_TYPE[LANGUAGE_TYPE["RUSSIAN"] = 22] = "RUSSIAN";
+    LANGUAGE_TYPE[LANGUAGE_TYPE["FRENCH"] = 23] = "FRENCH";
+    LANGUAGE_TYPE[LANGUAGE_TYPE["GERMAN"] = 24] = "GERMAN";
 })(LANGUAGE_TYPE = exports.LANGUAGE_TYPE || (exports.LANGUAGE_TYPE = {}));
 /**
  * 题目类型

package/lib/modules/ai-ability-select/Root.js

@@ -26,7 +26,8 @@ var mui_1 = require("fbm-ui/lib/mui");
 var react_1 = require("react");
 var ScrollDialogContent = (0, fbm_ui_2.styled)(fbm_ui_1.Box)({
     maxHeight: 'calc(100vh - 192px)',
-    overflow: 'scroll',
+    height: 'calc(100vh - 192px)',
+    overflow: 'hidden',
 });
 var AiAbilitySelectRoot = (0, react_1.forwardRef)(function (_a, ref) {
     var jobToken = _a.jobToken, thirdToken = _a.thirdToken, token = _a.token, hiddenTips = _a.hiddenTips;
@@ -46,7 +47,7 @@ var AiAbilitySelectRoot = (0, react_1.forwardRef)(function (_a, ref) {
         setEnterprise({ jobToken: jobToken, thirdToken: thirdToken });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [jobToken, thirdToken]);
-    return ((0, jsx_runtime_1.jsx)(ScrollDialogContent, __assign({ ref: ref }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", flexDirection: "column", width: 760 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 2, mb: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: 500 }, { children: !hiddenTips ? '请选择要优先使用的考察能力，也可以点击「下一步」直接出题' : '已选择的考察能力会优先在面试题目中展示' })), (aiAbilityList === null || aiAbilityList === void 0 ? void 0 : aiAbilityList.some(function (v) { return v.isNew; })) && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", spacing: 1, alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)("img", { src: "//webcdn.fbmms.cn/assets/XXRf/bdUI9qZoTx-l2k_OHTotn", alt: "", width: 38, height: 16 }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "textSecondary" }, { children: "AI\u6839\u636E\u5C97\u4F4D\u4FE1\u606F\u751F\u6210\u7684\u80FD\u529B\uFF0C\u521B\u5EFA\u5B8C\u6B65\u9AA4\u540E\uFF0C\u4F1A\u81EA\u52A8\u5C06\u9009\u62E9\u7684\u65B0\u589E\u80FD\u529B\u52A0\u5165\u5230\u8BBE\u7F6E\u9875\u7684\u8003\u5BDF\u80FD\u529B\u5217\u8868\u4E2D\u3002" }))] })))] })), (0, jsx_runtime_1.jsx)(AiAbilityList_1.default, { items: aiAbilityList })] })) })));
+    return ((0, jsx_runtime_1.jsx)(ScrollDialogContent, __assign({ ref: ref }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", flexDirection: "column", width: 760, height: 1 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 2, mb: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: 500 }, { children: !hiddenTips ? '请选择要优先使用的考察能力，也可以点击「下一步」直接出题' : '已选择的考察能力会优先在面试题目中展示' })), (aiAbilityList === null || aiAbilityList === void 0 ? void 0 : aiAbilityList.some(function (v) { return v.isNew; })) && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", spacing: 1, alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)("img", { src: "//webcdn.fbmms.cn/assets/XXRf/bdUI9qZoTx-l2k_OHTotn", alt: "", width: 38, height: 16 }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "textSecondary" }, { children: "AI\u6839\u636E\u5C97\u4F4D\u4FE1\u606F\u751F\u6210\u7684\u80FD\u529B\uFF0C\u521B\u5EFA\u5B8C\u6B65\u9AA4\u540E\uFF0C\u4F1A\u81EA\u52A8\u5C06\u9009\u62E9\u7684\u65B0\u589E\u80FD\u529B\u52A0\u5165\u5230\u8BBE\u7F6E\u9875\u7684\u8003\u5BDF\u80FD\u529B\u5217\u8868\u4E2D\u3002" }))] })))] })), (0, jsx_runtime_1.jsx)(AiAbilityList_1.default, { items: aiAbilityList })] })) })));
 });
 AiAbilitySelectRoot.displayName = 'AiAbilitySelectRoot';
 exports.default = (0, react_1.memo)(AiAbilitySelectRoot);

package/lib/modules/ai-ability-select/components/AiAbilityItem/AiAbilityDetail.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { AiAbilityDetailProps } from './interface';
-declare const AiAbilityDetail: React.FC<AiAbilityDetailProps>;
-export default AiAbilityDetail;
+declare const _default: import("react").NamedExoticComponent<AiAbilityDetailProps>;
+export default _default;

package/lib/modules/ai-ability-select/components/AiAbilityItem/AiAbilityDetail.js

@@ -14,6 +14,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var fbm_ui_1 = require("fbm-ui");
 var mui_1 = require("fbm-ui/lib/mui");
+var react_1 = require("react");
 var AiAbilityDetail = function (_a) {
     var detail = _a.detail;
     return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ p: 2, maxHeight: 582, overflow: "scroll" }, { children: detail === null || detail === void 0 ? void 0 : detail.map(function (v) {
@@ -21,4 +22,4 @@ var AiAbilityDetail = function (_a) {
             return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ mb: 2, spacing: 1, width: 300 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: 500 }, { children: v.name })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: (_a = v.items) === null || _a === void 0 ? void 0 : _a.join('\n') }))] }), v.name));
         }) })));
 };
-exports.default = AiAbilityDetail;
+exports.default = (0, react_1.memo)(AiAbilityDetail);

package/lib/modules/ai-ability-select/components/AiAbilityItem/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { AiAbilityItemProps } from './interface';
-declare const AiAbilityItem: React.FC<AiAbilityItemProps>;
-export default AiAbilityItem;
+declare const _default: import("react").NamedExoticComponent<AiAbilityItemProps>;
+export default _default;

package/lib/modules/ai-ability-select/components/AiAbilityItem/index.js

@@ -44,15 +44,14 @@ var AiAbilityDetail_1 = __importDefault(require("./AiAbilityDetail"));
 var styled_1 = require("./styled");
 var question_ability_store_1 = require("../../../../store/ai-ability-select/question-ability-store");
 var fbm_ui_1 = require("fbm-ui");
+var react_1 = require("react");
 var AiAbilityItem = function (_a) {
     var name = _a.name, isNew = _a.isNew, token = _a.token, detail = _a.detail;
     var _b = (0, question_ability_store_1.useAiAbilityListStore)(), selctedAbilitys = _b.selctedAbilitys, setSelctedAbilitys = _b.setSelctedAbilitys;
     var handleChange = function (_, checked) {
         return setSelctedAbilitys(__spreadArray(__spreadArray([], __read(selctedAbilitys.filter(function (v) { return v !== token; })), false), __read((checked ? [token] : [])), false));
     };
-    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Paper, __assign({ variant: "outlined" }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ sx: { pl: 2, width: 240, height: 54, display: 'flex', alignItems: 'center', position: 'relative' } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Checkbox, { onChange: handleChange, label: (0, jsx_runtime_1.jsx)(AiAbilityLable, { name: name, detail: detail }), checked: selctedAbilitys.includes(token), 
-                    // @ts-ignore
-                    sx: { width: 1, height: 1 } }), isNew && (0, jsx_runtime_1.jsx)(styled_1.NewBadge, { src: "//webcdn.fbmms.cn/assets/XXRf/bdUI9qZoTx-l2k_OHTotn" })] })) })));
+    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Paper, __assign({ variant: "outlined" }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ sx: { pl: 2, width: 240, height: 54, display: 'flex', alignItems: 'center', position: 'relative' } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Checkbox, { onChange: handleChange, label: (0, jsx_runtime_1.jsx)(MemoAiAbilityLable, { name: name, detail: detail }), checked: selctedAbilitys.includes(token), sx: { width: 1, height: 1 } }), isNew && (0, jsx_runtime_1.jsx)(styled_1.NewBadge, { src: "//webcdn.fbmms.cn/assets/XXRf/bdUI9qZoTx-l2k_OHTotn" })] })) })));
 };
 var AiAbilityLable = function (_a) {
     var name = _a.name, detail = _a.detail;
@@ -60,4 +59,5 @@ var AiAbilityLable = function (_a) {
         return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Popover, __assign({ content: (0, jsx_runtime_1.jsx)(AiAbilityDetail_1.default, { detail: detail }), trigger: "hover", placement: "right" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ noWrap: true, maxWidth: 180, variant: "body2", sx: { mt: 0.5 } }, { children: name })) })));
     return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ noWrap: true, maxWidth: 180, variant: "body2" }, { children: name })));
 };
-exports.default = AiAbilityItem;
+var MemoAiAbilityLable = (0, react_1.memo)(AiAbilityLable);
+exports.default = (0, react_1.memo)(AiAbilityItem);

package/lib/modules/ai-ability-select/components/AiAbilityList/index.js

@@ -16,9 +16,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var AiAbilityItem_1 = __importDefault(require("../AiAbilityItem"));
-var fbm_ui_1 = require("fbm-ui");
+var react_virtualized_auto_sizer_1 = __importDefault(require("react-virtualized-auto-sizer"));
+var react_window_1 = require("react-window");
+var Cell = function (_a) {
+    var data = _a.data, columnIndex = _a.columnIndex, rowIndex = _a.rowIndex, style = _a.style;
+    var item = data[rowIndex * 3 + columnIndex];
+    if (!item) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ style: __assign(__assign({}, style), { width: style.width - 8, height: style.height - 8 }) }, { children: (0, jsx_runtime_1.jsx)(AiAbilityItem_1.default, __assign({}, item)) })));
+};
 var AiAbilityList = function (_a) {
     var items = _a.items;
-    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Grid, __assign({ container: true, spacing: 1, rowSpacing: 1, columnSpacing: 1 }, { children: items === null || items === void 0 ? void 0 : items.map(function (item) { return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(AiAbilityItem_1.default, __assign({}, item)) }), item.token)); }) })));
+    return ((0, jsx_runtime_1.jsx)(react_virtualized_auto_sizer_1.default, { children: function (_a) {
+            var height = _a.height, width = _a.width;
+            return ((0, jsx_runtime_1.jsx)(react_window_1.FixedSizeGrid, __assign({ columnCount: 3, columnWidth: 240, overscanRowCount: 10, height: height, rowCount: Math.ceil(items.length / 3), rowHeight: 62, width: width, itemData: items }, { children: Cell })));
+        } }));
 };
 exports.default = AiAbilityList;

package/lib/modules/ai-question/components/AiAssessmentCriteria/const.d.ts

@@ -5,6 +5,10 @@ export declare const LANGUAGE_NAMES: {
     4: string;
     5: string;
     6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
 };
 export declare const CATEGORY_NAME: {
     1: string;
@@ -20,6 +24,10 @@ export declare const SERVER_LANGUAGE_TYPE: {
     13: number;
     19: number;
     20: number;
+    21: number;
+    22: number;
+    23: number;
+    24: number;
 };
 export declare const LANGUAGE_SHOW_NAME: {
     2: string;
@@ -36,5 +44,9 @@ export declare const LANGUAGE_SHOW_NAMES: {
     4: string;
     5: string;
     6: string;
+    7: string;
+    8: string;
+    9: string;
+    10: string;
 };
 export declare const LANGUAGE_SHOW_NAMES_ORDER: number[];

package/lib/modules/ai-question/components/AiAssessmentCriteria/const.js

@@ -3,7 +3,7 @@ var _a, _b;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LANGUAGE_SHOW_NAMES_ORDER = exports.LANGUAGE_SHOW_NAMES = exports.LANGUAGE_SHOW_NAME = exports.SERVER_LANGUAGE_TYPE = exports.CATEGORY_NAME = exports.LANGUAGE_NAMES = void 0;
 var ai_question_1 = require("../../../../enum/ai-question");
-var MANDARIN = ai_question_1.LANGUAGE_TYPE.MANDARIN, CANTONESE = ai_question_1.LANGUAGE_TYPE.CANTONESE, JAPANESE = ai_question_1.LANGUAGE_TYPE.JAPANESE, ENGLISH = ai_question_1.LANGUAGE_TYPE.ENGLISH, KOREAN = ai_question_1.LANGUAGE_TYPE.KOREAN, SPANISH = ai_question_1.LANGUAGE_TYPE.SPANISH;
+var MANDARIN = ai_question_1.LANGUAGE_TYPE.MANDARIN, CANTONESE = ai_question_1.LANGUAGE_TYPE.CANTONESE, JAPANESE = ai_question_1.LANGUAGE_TYPE.JAPANESE, ENGLISH = ai_question_1.LANGUAGE_TYPE.ENGLISH, KOREAN = ai_question_1.LANGUAGE_TYPE.KOREAN, SPANISH = ai_question_1.LANGUAGE_TYPE.SPANISH, ITALIAN = ai_question_1.LANGUAGE_TYPE.ITALIAN, RUSSIAN = ai_question_1.LANGUAGE_TYPE.RUSSIAN, FRENCH = ai_question_1.LANGUAGE_TYPE.FRENCH, GERMAN = ai_question_1.LANGUAGE_TYPE.GERMAN;
 var LANGUAGE = ai_question_1.CATEGORY_TYPE.LANGUAGE, SEMANTICS = ai_question_1.CATEGORY_TYPE.SEMANTICS, EXPRESSION = ai_question_1.CATEGORY_TYPE.EXPRESSION, FORM = ai_question_1.CATEGORY_TYPE.FORM, LANGUAGE_ABILITY = ai_question_1.CATEGORY_TYPE.LANGUAGE_ABILITY;
 exports.LANGUAGE_NAMES = {
     1: '中文-普通话',
@@ -12,6 +12,10 @@ exports.LANGUAGE_NAMES = {
     4: '中文-粤语',
     5: '韩语',
     6: '西班牙语',
+    7: '意大利语',
+    8: '俄语',
+    9: '法语',
+    10: '德语',
 };
 exports.CATEGORY_NAME = (_a = {},
     _a[LANGUAGE] = '候选人语种',
@@ -27,6 +31,10 @@ exports.SERVER_LANGUAGE_TYPE = (_b = {},
     _b[CANTONESE] = 4,
     _b[KOREAN] = 5,
     _b[SPANISH] = 6,
+    _b[ITALIAN] = 7,
+    _b[RUSSIAN] = 8,
+    _b[FRENCH] = 9,
+    _b[GERMAN] = 10,
     _b);
 // 由于语种value 和 name的映射不对应，这里用于前端显示 AI基础能力 中文|英文表达
 exports.LANGUAGE_SHOW_NAME = {
@@ -44,5 +52,9 @@ exports.LANGUAGE_SHOW_NAMES = {
     4: '粤语',
     5: '韩语',
     6: '西班牙语',
+    7: '意大利语',
+    8: '俄语',
+    9: '法语',
+    10: '德语',
 };
-exports.LANGUAGE_SHOW_NAMES_ORDER = [1, 4, 2, 3, 5, 6];
+exports.LANGUAGE_SHOW_NAMES_ORDER = [1, 4, 2, 3, 5, 6, 7, 8, 9, 10];

package/lib/modules/ai-question/components/AiAssessmentCriteria/index.js

@@ -89,6 +89,7 @@ var AiAssessmentCriteria = function (props) {
     }, [setCheckAbilities]);
     var onLanguageChange = function (_a, list) {
         var value = _a.target.value;
+        console.log('value', value, list);
         var language = Number(value === '0' ? MANDARIN : value);
         var item = list.find(function (_a) {
             var type = _a.type;
@@ -127,23 +128,16 @@ var AiAssessmentCriteria = function (props) {
                         return ((0, jsx_runtime_1.jsxs)(mui_1.Box, { children: [(list.filter(function (_a) {
                                     var type = _a.type;
                                     return relatedAbilities === null || relatedAbilities === void 0 ? void 0 : relatedAbilities.includes(type);
-                                }).length > 0 || type === ai_question_1.CATEGORY_TYPE.LANGUAGE) && ((0, jsx_runtime_1.jsx)(mui_1.FormControl, { children: (0, jsx_runtime_1.jsx)(mui_1.FormLabel, __assign({ component: "legend", style: { fontSize: 14, fontWeight: 400, color: 'rgba(0,0,0,0.86)' } }, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 1, direction: "row", alignItems: "center" }, { children: [type === ai_question_1.CATEGORY_TYPE.LANGUAGE ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ style: { fontSize: 16, fontWeight: 500 } }, { children: name }))) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, { children: type === ai_question_1.CATEGORY_TYPE.EXPRESSION ? const_1.LANGUAGE_SHOW_NAME[language] + name : name })), type === ai_question_1.CATEGORY_TYPE.LANGUAGE && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "textSecondary", sx: { ml: 1 } }, { children: "\u4EE5\u6240\u9009\u8BED\u8A00\u8BC6\u522B\u5019\u9009\u4EBA\u56DE\u7B54\u5185\u5BB9\u5E76\u8F6C\u6362\u6587\u5B57" })))] })) })) })), type === ai_question_1.CATEGORY_TYPE.LANGUAGE ? ((0, jsx_runtime_1.jsxs)(mui_1.Box, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.RadioGroup, __assign({ sx: { mb: 1, ml: '4px' }, row: false, value: language, onChange: function (e) { return onLanguageChange(e, list); } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Radio, { value: "0", RadioProps: { checked: checkedChinese }, label: "\u4E2D\u6587" }), (0, jsx_runtime_1.jsx)(fbm_ui_1.RadioGroup, __assign({ value: language, sx: { ml: 3 }, onChange: function (e) { return onLanguageChange(e, list); } }, { children: list
-                                                        .filter(function (_a) {
-                                                        var type = _a.type;
-                                                        return [MANDARIN, CANTONESE].includes(type);
-                                                    })
-                                                        .map(function (_a) {
-                                                        var name = _a.name, type = _a.type, token = _a.token;
-                                                        return checkedChinese && (0, jsx_runtime_1.jsx)(fbm_ui_1.Radio, { value: type, label: name }, token);
-                                                    }) })), list
-                                                    .filter(function (_a) {
-                                                    var type = _a.type;
-                                                    return ![MANDARIN, CANTONESE].includes(type);
-                                                })
-                                                    .map(function (_a) {
-                                                    var name = _a.name, type = _a.type, token = _a.token;
-                                                    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Radio, { value: type, label: name }, token));
-                                                })] })), (0, jsx_runtime_1.jsx)(mui_1.Divider, { sx: { mb: 1 } }), (0, jsx_runtime_1.jsx)(mui_1.FormControl, { children: (0, jsx_runtime_1.jsx)(mui_1.FormLabel, __assign({ component: "legend", style: { fontSize: 16, color: 'rgba(0,0,0,0.86)', fontWeight: 500, marginBottom: 16 } }, { children: "AI\u57FA\u7840\u80FD\u529B" })) })] })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: list.map(function (item) {
+                                }).length > 0 || type === ai_question_1.CATEGORY_TYPE.LANGUAGE) && ((0, jsx_runtime_1.jsx)(mui_1.FormControl, { children: (0, jsx_runtime_1.jsx)(mui_1.FormLabel, __assign({ component: "legend", style: { fontSize: 14, fontWeight: 400, color: 'rgba(0,0,0,0.86)' } }, { children: (0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 1, direction: "row", alignItems: "center" }, { children: [type === ai_question_1.CATEGORY_TYPE.LANGUAGE ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ style: { fontSize: 16, fontWeight: 500 } }, { children: name }))) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, { children: type === ai_question_1.CATEGORY_TYPE.EXPRESSION ? const_1.LANGUAGE_SHOW_NAME[language] + name : name })), type === ai_question_1.CATEGORY_TYPE.LANGUAGE && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "caption", color: "textSecondary", sx: { ml: 1 } }, { children: "\u4EE5\u6240\u9009\u8BED\u8A00\u8BC6\u522B\u5019\u9009\u4EBA\u56DE\u7B54\u5185\u5BB9\u5E76\u8F6C\u6362\u6587\u5B57" })))] })) })) })), type === ai_question_1.CATEGORY_TYPE.LANGUAGE ? ((0, jsx_runtime_1.jsxs)(mui_1.Box, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Select, { onChange: function (e) { return onLanguageChange(e, list); }, value: language, options: list.map(function (_a) {
+                                                var type = _a.type, name = _a.name;
+                                                return ({
+                                                    value: type,
+                                                    label: name,
+                                                });
+                                            }), sx: {
+                                                width: 240,
+                                                mt: 1,
+                                            } }), (0, jsx_runtime_1.jsx)(mui_1.Divider, { sx: { mb: 1 } }), (0, jsx_runtime_1.jsx)(mui_1.FormControl, { children: (0, jsx_runtime_1.jsx)(mui_1.FormLabel, __assign({ component: "legend", style: { fontSize: 16, color: 'rgba(0,0,0,0.86)', fontWeight: 500, marginBottom: 16 } }, { children: "AI\u57FA\u7840\u80FD\u529B" })) })] })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: list.map(function (item) {
                                         var name = item.name, desc = item.desc, type = item.type, token = item.token;
                                         if (relatedAbilities === null || relatedAbilities === void 0 ? void 0 : relatedAbilities.includes(type)) {
                                             var isLanguageAbility = [14, 15].includes(type);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eli-video-interview",
-  "version": "1.2.42-alpha.41",
+  "version": "1.2.42-alpha.43",
   "description": "鳄梨科技 AI视频面试 React SDK",
   "author": "鳄梨科技",
   "license": "MIT",
@@ -30,7 +30,9 @@
     "sortablejs": "^1.15.0",
     "typescript": "^4.7.2",
     "use-immer": "^0.7.0",
-    "yup": "^1.3.3"
+    "yup": "^1.3.3",
+    "react-window":"1.8.10",
+    "react-virtualized-auto-sizer":"1.0.5"
   },
   "devDependencies": {
     "@types/jest": "^27.5.1",