eli-video-interview 1.1.0

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

@@ -0,0 +1,114 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useCallback, useState } from 'react';
+import { Dialog, Loading, Typography, RadioGroup, Radio, Checkbox } from 'fbm-ui';
+import { Box, FormControl, FormLabel, List, ListItemIcon, ListItemText } from '@mui/material';
+import { useRequest, useSetState } from 'ahooks';
+import { groupCategory } from './utils';
+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 ScrollDialogContent from "../../../../components/ScrollDialogContent";
+import { CATEGORY_NAME, SERVER_LANGUAGE_TYPE } from './const';
+import { ListItemButtonRoot } from './styled';
+var MANDARIN = LANGUAGE_TYPE.MANDARIN, CANTONESE = LANGUAGE_TYPE.CANTONESE;
+var AiAssessmentCriteria = function (props) {
+    var open = props.open, onClose = props.onClose;
+    var _a = useAiAnalysisStore(function (store) { return [store.aiAbilities, store.analysisState]; }), aiAbilities = _a.aiAbilities, analysisState = _a.analysisState, updateState = _a.updateState, updateAiAbilities = _a.updateAiAbilities;
+    var _b = useState([]), groupData = _b[0], setGroupData = _b[1];
+    var _c = useState(1), language = _c[0], setLanguage = _c[1];
+    var _d = useState(false), checkedChinese = _d[0], setCheckedChinese = _d[1];
+    var _e = useState([]), relatedAbilities = _e[0], setRelatedAbilities = _e[1];
+    var _f = useSetState({}), checkAbilities = _f[0], setCheckAbilities = _f[1];
+    var loading = useRequest(PostAiAbilities, {
+        manual: false,
+        onSuccess: function (_a) {
+            var data = _a.data;
+            var ret = groupCategory(data.list, 'category', CATEGORY_NAME);
+            var _b = ret[0].list.find(function (_a) {
+                var type = _a.type;
+                return SERVER_LANGUAGE_TYPE[type] === (analysisState.language || language);
+            }) || {}, type = _b.type, relatedAbilities = _b.relatedAbilities;
+            setRelatedAbilities(relatedAbilities);
+            setLanguage(type || language);
+            setCheckedChinese([MANDARIN, CANTONESE].includes(type || language));
+            setGroupData(ret);
+        },
+    }).loading;
+    var onLanguageChange = function (_a, list) {
+        var value = _a.target.value;
+        var language = Number(value === '0' ? MANDARIN : value);
+        var item = list.find(function (_a) {
+            var type = _a.type;
+            return type === language;
+        });
+        Object.keys(checkAbilities).forEach(function (key) {
+            var _a;
+            if (!(item === null || item === void 0 ? void 0 : item.relatedAbilities.includes(Number(key)))) {
+                setCheckAbilities((_a = {}, _a[key] = undefined, _a));
+            }
+        });
+        setLanguage(language);
+        setCheckedChinese([MANDARIN, CANTONESE].includes(language));
+        setRelatedAbilities(item === null || item === void 0 ? void 0 : item.relatedAbilities);
+    };
+    var handleOk = useCallback(function () {
+        updateAiAbilities(Object.values(checkAbilities)
+            .filter(function (item) { return item; })
+            .sort(function (a, b) { return ((a === null || a === void 0 ? void 0 : a.sort) && (b === null || b === void 0 ? void 0 : b.sort) ? (a === null || a === void 0 ? void 0 : a.sort) - (b === null || b === void 0 ? void 0 : b.sort) : 0); }));
+        updateState({ language: SERVER_LANGUAGE_TYPE[language], aiSwitch: 1 });
+        onClose();
+    }, [checkAbilities, language, onClose, updateAiAbilities, updateState]);
+    useEffect(function () {
+        aiAbilities.forEach(function (item) {
+            var _a;
+            return setCheckAbilities((_a = {}, _a[item.type] = item, _a));
+        });
+    }, [aiAbilities, setCheckAbilities]);
+    return (_jsx(Dialog, __assign({ open: open, title: "\u9009\u62E9 AI \u8003\u6838\u6807\u51C6", size: "sm", okText: "\u786E\u8BA4", onClose: onClose, onOk: handleOk }, { children: _jsx(ScrollDialogContent, { children: loading ? (_jsx(Box, __assign({ height: 400 }, { children: _jsx(Loading, { size: 40 }) }))) : (groupData.map(function (_a) {
+                var name = _a.name, type = _a.type, list = _a.list;
+                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: _jsxs(FormLabel, __assign({ component: "legend", style: { fontSize: 14, color: 'rgba(0,0,0,0.86)' } }, { children: [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(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: 2 }, 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(List, __assign({ sx: { padding: 0 } }, { 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)) {
+                                    return (_jsxs(ListItemButtonRoot, __assign({ onClick: function () {
+                                            var _a;
+                                            return setCheckAbilities((_a = {}, _a[type] = checkAbilities[type] ? undefined : item, _a));
+                                        } }, { children: [_jsx(ListItemIcon, { children: _jsx(Checkbox, { CheckboxProps: { sx: { mr: 0 } }, checked: !!checkAbilities[type], onChange: function (e, checked) {
+                                                        var _a;
+                                                        return setCheckAbilities((_a = {}, _a[type] = checked ? item : undefined, _a));
+                                                    } }) }), _jsx(ListItemText, { primary: name, secondary: desc })] }), token));
+                                }
+                                return null;
+                            }) })))] }, "".concat(name, "-").concat(type)));
+            })) }) })));
+};
+export default AiAssessmentCriteria;

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

@@ -0,0 +1,27 @@
+import { BaseAiAbilityParams } from '@/modules/ai-question/interface';
+export interface Mapping {
+    [field: string | number]: string;
+}
+export interface AiAbilityItem extends BaseAiAbilityParams {
+    isDefault?: boolean;
+    desc?: string;
+    groupId?: number;
+    groupName?: string;
+    isNotCompute?: boolean;
+}
+export declare type GroupCategoryRet = Array<{
+    name: string;
+    type: number;
+    list: AiAbilityItem[];
+}>;
+export interface AiAbilityData {
+    total: number;
+    list: AiAbilityItem[];
+}
+export interface AiAbilityRes {
+    data: AiAbilityData;
+}
+export interface AiAssessmentCriteriaProps {
+    open: boolean;
+    onClose: () => void;
+}

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

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

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

@@ -0,0 +1,39 @@
+/// <reference types="react" />
+export declare const ListItemButtonRoot: import("@mui/styles/styled").StyledComponent<Omit<import("@mui/material").ListItemButtonBaseProps & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: import("react").ElementType<any> | undefined;
+    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "className" | "style" | "tabIndex" | "classes" | "alignItems" | "sx" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "autoFocus" | "selected" | "dense" | "disableGutters" | "divider">, "className" | "classes"> & import("@mui/styles/withStyles").StyledComponentProps<"root"> & Omit<Pick<import("@mui/material").ListItemButtonBaseProps & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
+    centerRipple?: boolean | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
+    disabled?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    disableTouchRipple?: boolean | undefined;
+    focusRipple?: boolean | undefined;
+    focusVisibleClassName?: string | undefined;
+    LinkComponent?: import("react").ElementType<any> | undefined;
+    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    tabIndex?: number | undefined;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "className" | "style" | "tabIndex" | "classes" | "alignItems" | "sx" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "autoFocus" | "selected" | "dense" | "disableGutters" | "divider">, "onLoad" | "children" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "classes" | "alignItems" | "sx" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "autoFocus" | "selected" | "dense" | "disableGutters" | "divider">, "className" | "theme"> & {
+    className?: string | undefined;
+    theme?: import("@mui/private-theming").DefaultTheme | undefined;
+}>;

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

@@ -0,0 +1,20 @@
+import { ListItemButton } from '@mui/material';
+import styled from '@mui/styles/styled';
+export var ListItemButtonRoot = styled(ListItemButton)({
+    padding: '4px 0 4px 8px',
+    '& .MuiFormControlLabel-root': {
+        marginRight: 0,
+    },
+    '& .MuiCheckbox-root': {
+        padding: 0,
+    },
+    '& .MuiListItemText-primary': {
+        fontSize: 14,
+    },
+    '& .MuiListItemText-secondary': {
+        fontSize: 12,
+    },
+    '& .MuiListItemIcon-root': {
+        minWidth: 36,
+    },
+});

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

@@ -0,0 +1,9 @@
+import { Mapping, AiAbilityItem, GroupCategoryRet } from './interface';
+/**
+ * 根据field对AI考核标准数据进行分组
+ * @param list 源数组
+ * @param field 分组字段
+ * @param mapping 映射关系
+ * @returns 分组后的新数组
+ */
+export declare const groupCategory: (list: AiAbilityItem[], field: string, mapping: Mapping) => GroupCategoryRet;

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

@@ -0,0 +1,29 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+/**
+ * 根据field对AI考核标准数据进行分组
+ * @param list 源数组
+ * @param field 分组字段
+ * @param mapping 映射关系
+ * @returns 分组后的新数组
+ */
+export var groupCategory = function (list, field, mapping) {
+    var map = new Map();
+    list.forEach(function (item, index, arr) {
+        if (!map.has(item[field])) {
+            map.set(item[field], arr.filter(function (a) { return a[field] === item[field]; }));
+        }
+    });
+    return Array.from(map).map(function (item) { return ({
+        name: mapping[item[0]],
+        type: item[0],
+        list: __spreadArray([], item[1], true),
+    }); });
+};

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

@@ -0,0 +1 @@
+export declare const MAX_DISPLAY_SIZE = 5;

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

@@ -0,0 +1 @@
+export var MAX_DISPLAY_SIZE = 5;

package/esm/modules/ai-question/components/BaseAccordion/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BaseAccordionProps } from './interface';
+declare const _default: React.NamedExoticComponent<BaseAccordionProps>;
+export default _default;

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

@@ -0,0 +1,98 @@
+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, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useState, useRef, memo } from 'react';
+import { Box, Button, confirm } from 'fbm-ui';
+import { List, ListItem, ListItemText, Accordion, AccordionSummary, AccordionDetails } from '@mui/material';
+import { useHover, useDebounceFn } from 'ahooks';
+import { ExpandMore, Done } from '@mui/icons-material';
+import { useQuestionPreviewStore } from "../../../../store/ai-question/question-preview-store";
+import { useQuestionModelStore } from "../../../../store/ai-question/question-model-store";
+import { IS_AI_ANALYSIS } from "../../../../constants/ai-question";
+import { uniqueId } from "../../../../utils/utils";
+import { LANGUAGE_TYPE } from "../../../../enum/ai-question";
+import { defaultQuestionParams } from '../QuestionUpdate/const';
+import { MAX_DISPLAY_SIZE } from './const';
+import { AccordionRoot, AccordionTitle, AccordionSubTitle } from './styled';
+var LANGUAGE_TYPE_LIST = [LANGUAGE_TYPE.MANDARIN, LANGUAGE_TYPE.CANTONESE, LANGUAGE_TYPE.JAPANESE, LANGUAGE_TYPE.ENGLISH];
+var BaseAccordion = function (props) {
+    var name = props.name, positionName = props.positionName, list = props.list, index = props.index, isShowOnlyAITest = props.isShowOnlyAITest, _a = props.isShowDesc, isShowDesc = _a === void 0 ? false : _a, _b = props.isShowSummaryAction, isShowSummaryAction = _b === void 0 ? false : _b, _c = props.isShowConfirm, isShowConfirm = _c === void 0 ? false : _c, _d = props.isShowPreview, isShowPreview = _d === void 0 ? true : _d;
+    var ref = useRef(null);
+    var isHovering = useHover(ref);
+    var updatePreview = useQuestionPreviewStore().updatePreview;
+    var _e = useQuestionModelStore(), questionModelData = _e.questionModelData, addModel = _e.addModel;
+    var _f = useState(false), isPaging = _f[0], setIsPaging = _f[1];
+    var _g = useState([]), questionsList = _g[0], setQuestionsList = _g[1];
+    var _h = useState(), hoverItem = _h[0], setHoverItem = _h[1];
+    var handlePreview = useDebounceFn(function () {
+        isShowPreview && updatePreview(isHovering, isHovering ? hoverItem : undefined);
+    }, {
+        wait: 300,
+    }).run;
+    var handleShowAll = useCallback(function () {
+        var filterList = list.filter(function (item) { return !isShowOnlyAITest || IS_AI_ANALYSIS(item); });
+        setIsPaging(false);
+        setQuestionsList(filterList);
+    }, [list, isShowOnlyAITest]);
+    var getQuestionStep = function (item) { return (__assign(__assign(__assign({}, defaultQuestionParams), item), { aiAbilities: item.aiAbilities.filter(function (_a) {
+            var type = _a.type;
+            return !LANGUAGE_TYPE_LIST.includes(type);
+        }), uniqueId: uniqueId(), originToken: item.token })); };
+    var handleUseQuestion = useCallback(function (item) {
+        addModel(getQuestionStep(item));
+    }, [addModel]);
+    var handleUseAllQuestion = useCallback(function (e) {
+        e.stopPropagation();
+        var confirmUseAllQuestion = function () {
+            addModel(list.map(function (item) { return getQuestionStep(item); }));
+        };
+        if (isShowConfirm) {
+            confirm({
+                title: '确认添加？',
+                content: '确认后，该套题中的所有题目都将添加到面试内容里。',
+                isShowClose: false,
+                onOk: function (_a) {
+                    var onClose = _a.onClose;
+                    confirmUseAllQuestion();
+                    onClose === null || onClose === void 0 ? void 0 : onClose();
+                },
+            });
+        }
+        else {
+            confirmUseAllQuestion();
+        }
+    }, [addModel, isShowConfirm, list]);
+    var handleMouseOver = useCallback(function (item) { return setHoverItem(item); }, [setHoverItem]);
+    useEffect(function () {
+        isHovering ? handlePreview() : isShowPreview && updatePreview(isHovering);
+    }, [handlePreview, hoverItem, isHovering, isShowPreview, updatePreview]);
+    useEffect(function () {
+        var filterList = list.filter(function (item) { return !isShowOnlyAITest || IS_AI_ANALYSIS(item); });
+        if (filterList.length > MAX_DISPLAY_SIZE) {
+            setIsPaging(true);
+            setQuestionsList(filterList.slice(0, MAX_DISPLAY_SIZE));
+        }
+        else {
+            setIsPaging(false);
+            setQuestionsList(filterList);
+        }
+    }, [list, isShowOnlyAITest]);
+    return (_jsx(_Fragment, { children: questionsList.length > 0 && (_jsx(AccordionRoot, { children: _jsxs(Accordion, __assign({ defaultExpanded: index === 0 }, { children: [_jsx(AccordionSummary, __assign({ expandIcon: _jsx(ExpandMore, {}) }, { children: _jsxs(Box, __assign({ flex: "1 0", display: "flex", justifyContent: "space-between", alignItems: "center", overflow: "hidden" }, { children: [_jsxs(Box, __assign({ flex: "1 0", overflow: "hidden" }, { children: [_jsx(AccordionTitle, { children: positionName || name }), positionName && _jsxs(AccordionSubTitle, __assign({ color: "secondary" }, { children: ["\u6B65\u9AA4\uFF1A", name] }))] })), isShowSummaryAction && (_jsx(Button, __assign({ sx: { mr: 1, flexShrink: 0, height: 24 }, variant: "outlined", color: "inherit", size: "small", onClick: handleUseAllQuestion }, { children: "\u4F7F\u7528" })))] })) })), _jsxs(AccordionDetails, { children: [_jsx(List, __assign({ ref: ref }, { children: questionsList.map(function (item) {
+                                    var token = item.token, name = item.name, category = item.category;
+                                    var isUsed = questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.steps.find(function (step) { return step.originToken === token; });
+                                    return (_jsx(ListItem, __assign({ secondaryAction: [
+                                            isUsed && _jsx(Done, {}, "icon"),
+                                            _jsx(Button, __assign({ variant: "outlined", color: "inherit", size: "small", onClick: function () { return handleUseQuestion(item); } }, { children: "\u4F7F\u7528" }), "use"),
+                                        ], onMouseOver: function () { return handleMouseOver(item); } }, { children: _jsx(ListItemText, { primary: name, secondary: isShowDesc && category ? category[0] : '' }) }), token));
+                                }) })), isPaging && (_jsx(Button, __assign({ variant: "text", sx: { width: '100%', justifyContent: 'start', color: '#576B95' }, onClick: handleShowAll }, { children: "\u5C55\u793A\u5168\u90E8" })))] })] })) })) }));
+};
+export default memo(BaseAccordion);

package/esm/modules/ai-question/components/BaseAccordion/interface.d.ts

@@ -0,0 +1,9 @@
+import { AiEvaluationDataList } from '../QuestionTemplate/interface';
+export interface BaseAccordionProps extends AiEvaluationDataList {
+    index?: number;
+    isShowOnlyAITest: boolean;
+    isShowDesc?: boolean;
+    isShowPreview?: boolean;
+    isShowSummaryAction?: boolean;
+    isShowConfirm?: boolean;
+}

package/esm/modules/ai-question/components/BaseAccordion/interface.js

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

package/esm/modules/ai-question/components/BaseAccordion/styled.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const AccordionRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const AccordionTitle: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Typography").TypographyProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const AccordionSubTitle: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Typography").TypographyProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/esm/modules/ai-question/components/BaseAccordion/styled.js

@@ -0,0 +1,73 @@
+import { Box, Typography, styled } from 'fbm-ui';
+export var AccordionRoot = styled(Box)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        position: 'relative',
+        marginBottom: 12,
+        '& .MuiAccordion-root': {
+            border: '1px solid rgba(0, 0, 0, 0.08)',
+            boxShadow: 'none',
+        },
+        '& .MuiAccordionSummary-root.Mui-expanded': {
+            borderBottom: '1px solid rgba(0, 0, 0, 0.08)',
+        },
+        '& .MuiAccordionDetails-root': {
+            padding: 0,
+        },
+        '& .MuiListItemText-primary': {
+            fontSize: 14,
+            color: 'rgba(0, 0, 0, 0.86)',
+        },
+        '& .MuiListItemText-secondary': {
+            fontSize: 12,
+            color: 'rgba(0, 0, 0, 0.56)',
+        },
+        '& .MuiListItemSecondaryAction-root': {
+            '& .MuiSvgIcon-root': {
+                color: theme.palette.primary.main,
+            },
+            '& .MuiButton-root': {
+                display: 'none',
+                background: '#fff',
+                position: 'absolute',
+                width: 48,
+                height: 24,
+                top: 0,
+                bottom: 0,
+                right: 0,
+                margin: 'auto 0',
+            },
+        },
+        '& .MuiListItem-root:hover': {
+            background: 'rgba(0, 0, 0, 0.04)',
+            '& .MuiListItemSecondaryAction-root': {
+                '& .MuiButton-root': {
+                    display: 'block',
+                },
+            },
+        },
+        '& .MuiAccordionSummary-content': {
+            flex: '1 0',
+            overflow: 'hidden',
+        },
+    });
+});
+export var AccordionTitle = styled(Typography)({
+    fontSize: 14,
+    color: 'rgba(0, 0, 0, 0.86)',
+    fontWeight: 500,
+    paddingRight: '8px',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
+});
+export var AccordionSubTitle = styled(Typography)(function (_a) {
+    var theme = _a.theme;
+    return ({
+        fontSize: 12,
+        paddingRight: '8px',
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        whiteSpace: 'nowrap',
+    });
+});

package/esm/modules/ai-question/components/BootVideo/index.d.ts

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

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

@@ -0,0 +1,100 @@
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from 'react';
+import { Box, Dialog, Upload, Typography, Button, AddIcon, Tooltip, InfoIcon, Message, Checkbox } from 'fbm-ui';
+import { useRequest, useSetState } from 'ahooks';
+import { Divider } from '@mui/material';
+import SvgIcon from "../../../../components/SvgIcon";
+import ScrollDialogContent from "../../../../components/ScrollDialogContent";
+import { PostCommonUpload } from "../../../../services/ai-question";
+import { DEFAULT_GUIDE_VIDEO } from "../../../../constants/ai-question";
+import { useBootVideoStore } from "../../../../store/ai-question/boot-video-store";
+import { isExceedMaxVideoFileSize } from "../../../../utils/utils";
+import { CustomUploadCardRoot, CustomUploadCardTitle, CustomUploadButtonRoot, CustomUploadedImgRoot } from './styled';
+var BootVideo = function (props) {
+    var open = props.open, onClose = props.onClose;
+    var _a = useBootVideoStore(), mediaUrl = _a.mediaUrl, thumbUrl = _a.thumbUrl, updateBootVideo = _a.updateBootVideo;
+    var _b = useState(DEFAULT_GUIDE_VIDEO), mediaList = _b[0], setMediaList = _b[1];
+    var _c = useSetState({ mediaUrl: mediaUrl, thumbUrl: thumbUrl, appliedAllPosition: false }), mediaState = _c[0], setMediaState = _c[1];
+    var _d = useRequest(PostCommonUpload, {
+        manual: true,
+        onSuccess: function (_a) {
+            var data = _a.data;
+            var item = data[0];
+            setMediaList(__spreadArray(__spreadArray([], mediaList, true), [
+                {
+                    videoUrl: item.url,
+                    frameUrl: item.mineExtra.firstFrameUrl,
+                },
+            ], false));
+            setMediaState({ mediaUrl: item.url, thumbUrl: item.mineExtra.firstFrameUrl });
+        },
+    }), loading = _d.loading, postCommonUpload = _d.run;
+    var handleSelectVideo = useCallback(function (mediaUrl, thumbUrl) {
+        setMediaState({ mediaUrl: mediaUrl, thumbUrl: thumbUrl });
+    }, [setMediaState]);
+    var handleOk = function () {
+        console.log(mediaState);
+        updateBootVideo(mediaState);
+        onClose();
+    };
+    var uploadProps = {
+        type: 'custom',
+        showUploadList: false,
+        accept: '.mp4,.mov,.m4v,.3gp,.avi,.webm',
+        maxCount: 1,
+        customRequest: function (_a) {
+            var file = _a.file;
+            if (isExceedMaxVideoFileSize(file.size)) {
+                Message.error('视频大小超过500M，请重新上传！');
+            }
+            else {
+                var formData = new FormData();
+                formData.append('files', file);
+                postCommonUpload(formData);
+            }
+        },
+    };
+    useEffect(function () {
+        if (open) {
+            setMediaState({ mediaUrl: mediaUrl, thumbUrl: thumbUrl });
+            if (mediaUrl && thumbUrl && mediaUrl !== mediaList[0].videoUrl) {
+                setMediaList(__spreadArray(__spreadArray([], mediaList, true), [
+                    {
+                        videoUrl: mediaUrl,
+                        frameUrl: thumbUrl,
+                    },
+                ], false));
+            }
+        }
+        else {
+            setMediaState({ mediaUrl: '', thumbUrl: '' });
+            setMediaList(DEFAULT_GUIDE_VIDEO);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open]);
+    return (_jsx(Dialog, __assign({ open: open, title: "\u66F4\u6362\u5F15\u5BFC\u89C6\u9891", onClose: onClose, onOk: handleOk }, { children: _jsx(ScrollDialogContent, { children: _jsxs(Box, __assign({ sx: { maxHeight: 'calc(100vh - 150px)', overflow: 'auto' } }, { children: [(mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) || loading ? (_jsx(Box, __assign({ loading: loading, sx: { width: 180, height: 330, margin: '0 auto', cursor: 'pointer' } }, { children: _jsx("video", { width: 180, height: 330, src: mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl, controls: true }) }))) : (_jsx(Upload, __assign({}, uploadProps, { children: _jsxs(CustomUploadCardRoot, { children: [_jsxs(CustomUploadCardTitle, { children: [_jsx(SvgIcon, { name: "video" }), _jsx(Typography, __assign({ variant: "subtitle1", color: "secondary" }, { children: "\u4E0A\u4F20\u89C6\u9891" }))] }), _jsx(Typography, __assign({ variant: "caption", color: "disabled", sx: { mt: 1 } }, { children: "\u62D6\u62FD\u89C6\u9891\u5230\u6B64\u5904\u4E5F\u53EF\u4E0A\u4F20" }))] }) }))), _jsxs(CustomUploadButtonRoot, { children: [_jsx(Upload, __assign({}, uploadProps, { children: _jsx(Button, __assign({ variant: "outlined", color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) })), _jsx(Tooltip, __assign({ title: "\u8BF7\u52FF\u4E0A\u4F20\u8272\u60C5\u53CA\u53CD\u52A8\u8FDD\u89C4\u89C6\u9891\uFF0C\u5EFA\u8BAE\u4F7F\u7528360\u6D4F\u89C8\u5668\u3002 \u5EFA\u8BAE\u4E0A\u4F20mp4\u683C\u5F0F\uFF0C\u5927\u5C0F\u4E0D\u8981\u8D85\u8FC7500M\uFF0C\u652F\u6301\u89C6\u9891\u683C\u5F0F\uFF1Amp4\u3001mov\u3001m4v\u30013gp\u3001avi\u3001webm\uFF0C\u652F\u6301\u7F16\u7801\u683C\u5F0F\uFF1AH.264\u3001HEV4\u3001 MPRG-4\u3001VP9" }, { children: _jsx("span", __assign({ style: { display: 'flex', alignItems: 'center', marginLeft: 8 } }, { children: _jsx(InfoIcon, { sx: { fontSize: 18, color: 'rgb(118, 118, 118)' } }) })) }))] }), _jsx(Divider, {}), _jsx(CustomUploadedImgRoot, { children: mediaList.map(function (_a) {
+                            var videoUrl = _a.videoUrl, frameUrl = _a.frameUrl;
+                            return (_jsx("img", { src: frameUrl, height: (mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) === videoUrl ? 70 : 64, alt: "", onClick: function () { return handleSelectVideo(videoUrl, frameUrl); } }, videoUrl));
+                        }) }), _jsx(Divider, {}), _jsx(Box, __assign({ ml: 0.5 }, { children: _jsx(Checkbox, { checked: mediaState.appliedAllPosition, label: _jsx(Typography, __assign({ variant: "body2" }, { children: "\u5E94\u7528\u5230\u6240\u6709AI\u89C6\u9891" })), onChange: function (e, checked) { return setMediaState({ appliedAllPosition: checked }); } }) }))] })) }) })));
+};
+export default BootVideo;

package/esm/modules/ai-question/components/BootVideo/interface.d.ts

@@ -0,0 +1,8 @@
+export interface BootVideoProps {
+    open: boolean;
+    onClose: () => void;
+}
+export interface MediaListProps {
+    videoUrl: string;
+    frameUrl: string;
+}

package/esm/modules/ai-question/components/BootVideo/interface.js

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