eli-video-interview 1.2.3-5.alpha.3 → 1.2.3-5.alpha.4

package/README.md

@@ -110,6 +110,7 @@ return (
 | desc | 题目描述 | string |
 | prepareTime | 准备时长 | number |
 | duration | 回答时长 | number |
+| minResponseDuration | 最少回答时长 | number |
 | category | 标签信息 | string[] |
 | [broadcastType](#题目播报类型) | 题目播报类型 | number |
 | [aiSwitch](#题目是否开启ai分析) | 题目是否开启AI分析 | number |

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

@@ -19,13 +19,13 @@ import { Box, Typography } from 'fbm-ui';
 import { useEffect, useState } from 'react';
 var QuestionPreview = function () {
     var _a = useQuestionPreviewStore(), visible = _a.visible, previewItem = _a.previewItem;
-    var _b = previewItem || {}, _c = _b.name, name = _c === void 0 ? '' : _c, _d = _b.type, type = _d === void 0 ? 1 : _d, _e = _b.broadcastType, broadcastType = _e === void 0 ? 1 : _e, _f = _b.desc, desc = _f === void 0 ? '' : _f, _g = _b.prepareTime, prepareTime = _g === void 0 ? 3 : _g, _h = _b.duration, duration = _h === void 0 ? 30 : _h, extra = _b.extra;
-    var _j = useState(), values = _j[0], setValues = _j[1];
-    var _k = useState('none'), display = _k[0], setDisplay = _k[1];
+    var _b = previewItem || {}, _c = _b.name, name = _c === void 0 ? '' : _c, _d = _b.type, type = _d === void 0 ? 1 : _d, _e = _b.broadcastType, broadcastType = _e === void 0 ? 1 : _e, _f = _b.desc, desc = _f === void 0 ? '' : _f, _g = _b.prepareTime, prepareTime = _g === void 0 ? 3 : _g, _h = _b.minResponseDuration, minResponseDuration = _h === void 0 ? 3 : _h, _j = _b.duration, duration = _j === void 0 ? 30 : _j, extra = _b.extra;
+    var _k = useState(), values = _k[0], setValues = _k[1];
+    var _l = useState('none'), display = _l[0], setDisplay = _l[1];
     useEffect(function () {
-        setValues({ name: name, broadcastType: broadcastType, desc: desc, prepareTime: prepareTime, duration: duration, questions: [] });
+        setValues({ name: name, broadcastType: broadcastType, desc: desc, prepareTime: prepareTime, duration: duration, minResponseDuration: minResponseDuration, questions: [] });
         setDisplay(visible ? 'block' : 'none');
-    }, [name, broadcastType, desc, prepareTime, duration, visible]);
+    }, [name, broadcastType, desc, prepareTime, duration, visible, minResponseDuration]);
     return (_jsx(PreviewRoot, __assign({ style: { display: display } }, { children: (extra === null || extra === void 0 ? void 0 : extra.icon) ? (_jsx("img", { src: extra === null || extra === void 0 ? void 0 : extra.icon, alt: "", style: { width: 250 } })) : (_jsxs(Box, __assign({ width: 500 }, { children: [_jsxs(Typography, __assign({ variant: "h5", textAlign: "center", mb: 3 }, { children: [QUESTION_TYPE_MAPPING_LABEL[type], "\uFF08\u9884\u89C8\uFF09"] })), values && _jsx(Form, { preview: true, aiShowType: ADD_QUESTION_TYPE.FREE, initialValues: values, values: values })] }))) })));
 };
 export default QuestionPreview;

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

@@ -24,6 +24,7 @@ export interface AiEvaluationList {
     duration: number;
     prepareTime: number;
     questions: Question[];
+    minResponseDuration: number;
     extra: AiEvaluationListExtra;
     broadcastType: number;
     aiSwitch: number;

package/esm/modules/ai-question/components/QuestionUpdate/Form.js

@@ -88,6 +88,22 @@ var QuestionForm = forwardRef(function (props, ref) {
     var handleCategoryChange = function (_, value) {
         onCategoryChange === null || onCategoryChange === void 0 ? void 0 : onCategoryChange(value);
     };
+    var handleMinResponseDurationChange = function (e) {
+        var minResponseDurationValue = e.target.value;
+        if (minResponseDurationValue && minResponseDurationValue.indexOf('-') > -1) {
+            minResponseDurationValue = minResponseDurationValue.replaceAll('-', '');
+        }
+        if (minResponseDurationValue && minResponseDurationValue.indexOf('.') > -1) {
+            minResponseDurationValue = minResponseDurationValue.split('.')[0];
+        }
+        if (/^[1-9]\d*$/.test(minResponseDurationValue)) {
+            minResponseDurationValue = Number(minResponseDurationValue);
+        }
+        else {
+            minResponseDurationValue = '';
+        }
+        form.setValues(__assign(__assign({}, form.values), { minResponseDuration: minResponseDurationValue }));
+    };
     useImperativeHandle(ref, function () { return ({
         handleValues: function () { return form.values; },
         handleSubmit: function () { return form.handleSubmit(); },
@@ -128,7 +144,19 @@ var QuestionForm = forwardRef(function (props, ref) {
                             multiline: true,
                             placeholder: '朗读内容（候选人将根据此内容进行朗读）',
                             sx: { padding: 0 },
-                        } })), _jsxs(Box, __assign({ display: "flex" }, { children: [_jsx(FormItem, __assign({ sx: { height: 64, flex: '1 0', mr: 1 }, required: true, disabled: preview, name: "prepareTime", label: "\u51C6\u5907\u65F6\u957F" }, { children: _jsx(Select, { options: prepareTimeOptions }) })), _jsx(FormItem, __assign({ sx: { height: 64, flex: '1 0' }, required: true, disabled: preview, name: "duration", label: "\u56DE\u7B54\u65F6\u957F" }, { children: _jsx(Select, { options: durationOptions }) }))] }))] })), !preview && _jsx(AiAnalysis, {})] }));
+                        } })), _jsxs(Box, __assign({ display: "flex" }, { children: [_jsx(FormItem, __assign({ sx: { height: 64, flex: '1 0', mr: 2 }, required: true, disabled: preview, name: "prepareTime", label: "\u51C6\u5907\u65F6\u957F" }, { children: _jsx(Select, { options: prepareTimeOptions }) })), _jsx(FormItem, __assign({ sx: { height: 64, flex: '1 0' }, required: true, disabled: preview, name: "duration", label: "\u56DE\u7B54\u65F6\u957F" }, { children: _jsx(Select, { options: durationOptions }) })), _jsx(FormItem, { sx: { height: 64, flex: '1 0', ml: 2 }, name: "minResponseDuration", label: "\u6700\u5C11\u56DE\u7B54\u65F6\u957F", type: "number", 
+                                // rules={[
+                                //   e => {
+                                //     if (!/^[1-9]\d*$/.test(e.value)) {
+                                //       return '输入不正确';
+                                //     }
+                                //   },
+                                // ]}
+                                InputProps: {
+                                    placeholder: '最少回答时长',
+                                    sx: { padding: 0, pr: 1 },
+                                    endAdornment: 's',
+                                }, onChange: handleMinResponseDurationChange })] }))] })), !preview && _jsx(AiAnalysis, {})] }));
 });
 QuestionForm.displayName = 'QuestionForm';
 export default memo(QuestionForm);

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

@@ -17,6 +17,7 @@ export var defaultQuestionParams = {
     language: undefined,
     name: '',
     prepareTime: 3,
+    minResponseDuration: 3,
     type: 1,
     videoBroadcast: {
         videoRetry: 2,

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

@@ -89,6 +89,7 @@ var QuestionUpdate = function () {
         readText: (_a = item === null || item === void 0 ? void 0 : item.extra) === null || _a === void 0 ? void 0 : _a.readText,
         prepareTime: item === null || item === void 0 ? void 0 : item.prepareTime,
         duration: item === null || item === void 0 ? void 0 : item.duration,
+        minResponseDuration: item === null || item === void 0 ? void 0 : item.minResponseDuration,
         category: (item === null || item === void 0 ? void 0 : item.category) ? { label: (item === null || item === void 0 ? void 0 : item.category[0]) || '', value: (item === null || item === void 0 ? void 0 : item.category[0]) || '' } : { label: '', value: '' },
     };
     var CustomHeader = function () {
@@ -187,12 +188,12 @@ var QuestionUpdate = function () {
         return [2 /*return*/, (_a = formRef === null || formRef === void 0 ? void 0 : formRef.current) === null || _a === void 0 ? void 0 : _a.handleSubmit()];
     }); }); };
     var handleSubmit = useCallback(function (values) { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, errorIndexes, params;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
+        var _a, errorIndexes, params, _b, minResponseDuration, duration;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
                 case 0: return [4 /*yield*/, getModelParams(values, true)];
                 case 1:
-                    _a = _b.sent(), errorIndexes = _a.errorIndexes, params = _a.params;
+                    _a = _c.sent(), errorIndexes = _a.errorIndexes, params = _a.params;
                     if ((values === null || values === void 0 ? void 0 : values.questions.length) > 5) {
                         Message.error('最多可添加5个面试内容。');
                         return [2 /*return*/, false];
@@ -201,6 +202,11 @@ var QuestionUpdate = function () {
                         Message.error('请上传视频素材');
                         return [2 /*return*/, false];
                     }
+                    _b = values.minResponseDuration, minResponseDuration = _b === void 0 ? 3 : _b, duration = values.duration;
+                    if (!(minResponseDuration >= 3 && /^[1-9]\d*$/.test(minResponseDuration.toString()) && duration >= minResponseDuration)) {
+                        Message.error('最少回答时长必须大于等于3s，小于回答时长');
+                        return [2 /*return*/, false];
+                    }
                     if (!errorIndexes.length) {
                         token ? editModel(params, index) : addModel(params);
                         updateQuestionState({ open: false });

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

@@ -17,6 +17,7 @@ export interface QuestionParams {
     questions: Question[];
     prepareTime: number;
     duration: number;
+    minResponseDuration?: number;
     category?: string[];
     extra: BaseExtraParams;
     broadcastType: number;
@@ -39,6 +40,7 @@ export interface QuestionFormValues {
     questions: Question[];
     prepareTime: number;
     duration: number;
+    minResponseDuration?: number;
     broadcastType: number;
     category?: {
         label: string;

package/esm/modules/ai-template/Root.js

@@ -10,29 +10,45 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, memo, useCallback, useEffect } from 'react';
-import { Box, Button, Dialog, styled } from 'fbm-ui';
-import ScrollDialogContent from "../../components/ScrollDialogContent";
-import { useAiTemplateStore } from "../../store/ai-template/global-store";
 import CapabilityModel from './components/CapabilityModel';
 import QuestionList from './components/QuestionList';
 import TemplateHeader from './components/TemplateHeader';
 import TemplateList from './components/TemplateList';
 import TemplateMenu from './components/TemplateMenu';
+import ScrollDialogContent from "../../components/ScrollDialogContent";
+import { useAiTemplateStore } from "../../store/ai-template/global-store";
+import { Box, Button, Dialog, styled, Typography } from 'fbm-ui';
+import { forwardRef, memo, useCallback, useEffect, useState } from 'react';
 var AiTemplateDialog = styled(Dialog)({
     '& .MuiPaper-root>.MuiBox-root>.MuiBox-root': {
         marginBottom: 0,
     },
 });
 var AiTemplateRoot = forwardRef(function (props, ref) {
-    var _a = useAiTemplateStore(), open = _a.open, previewItem = _a.previewItem, updateProps = _a.updateProps, updateState = _a.updateState, handleIncrUse = _a.handleIncrUse;
+    var _a = useAiTemplateStore(), open = _a.open, previewItem = _a.previewItem, _b = _a.currentCheckedQuestions, currentCheckedQuestions = _b === void 0 ? [] : _b, updateProps = _a.updateProps, updateState = _a.updateState, handleIncrUse = _a.handleIncrUse;
+    var _c = useState([]), checkedQuestionList = _c[0], setCheckedQuestionList = _c[1];
+    var _d = useState(0), curCheckedQuestionListCount = _d[0], setCurCheckedQuestionListCount = _d[1];
     var handleUseTemplate = useCallback(function () {
-        var _a;
-        (_a = props === null || props === void 0 ? void 0 : props.onUseTemplate) === null || _a === void 0 ? void 0 : _a.call(props, previewItem === null || previewItem === void 0 ? void 0 : previewItem.list);
+        var _a, _b;
+        if ((currentCheckedQuestions === null || currentCheckedQuestions === void 0 ? void 0 : currentCheckedQuestions.length) > 0) {
+            console.log('currentCheckedQuestions', currentCheckedQuestions);
+            (_a = props === null || props === void 0 ? void 0 : props.onUseTemplate) === null || _a === void 0 ? void 0 : _a.call(props, currentCheckedQuestions);
+            return;
+        }
+        (_b = props === null || props === void 0 ? void 0 : props.onUseTemplate) === null || _b === void 0 ? void 0 : _b.call(props, previewItem === null || previewItem === void 0 ? void 0 : previewItem.list);
         if (previewItem === null || previewItem === void 0 ? void 0 : previewItem.token) {
             handleIncrUse(previewItem === null || previewItem === void 0 ? void 0 : previewItem.token);
         }
-    }, [handleIncrUse, previewItem, props]);
+    }, [handleIncrUse, previewItem, props, currentCheckedQuestions]);
+    var handleCheckedQuestionList = useCallback(function (list) {
+        setCheckedQuestionList(list);
+        var curList = list.filter(function (v) { return v && v.checked; });
+        setCurCheckedQuestionListCount(curList.length);
+        updateProps(__assign(__assign({}, props), { currentCheckedQuestions: curList }));
+    }, [props, updateProps, setCurCheckedQuestionListCount]);
+    var handleCheckChange = useCallback(function (list) {
+        handleCheckedQuestionList(list);
+    }, [handleCheckedQuestionList]);
     useEffect(function () {
         if (!props.open) {
             updateState({ previewItem: undefined });
@@ -40,9 +56,15 @@ var AiTemplateRoot = forwardRef(function (props, ref) {
         updateProps(props);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props]);
+    // 重置选择项
+    useEffect(function () {
+        if (!previewItem) {
+            handleCheckedQuestionList([]);
+        }
+    }, [previewItem, handleCheckedQuestionList]);
     return (_jsx(AiTemplateDialog, __assign({ open: open, size: "lg", header: function () { return (_jsx(TemplateHeader, { name: (previewItem === null || previewItem === void 0 ? void 0 : previewItem.positionName) || (previewItem === null || previewItem === void 0 ? void 0 : previewItem.name), onClose: props.onClose, onBack: function () { return updateState({ previewItem: undefined }); }, onSearch: function () { } })); }, footer: function () {
-            return previewItem ? (_jsx(Box, __assign({ display: "flex", justifyContent: "flex-end", padding: "12px 0" }, { children: _jsx(Button, __assign({ onClick: handleUseTemplate }, { children: "\u4F7F\u7528\u8BE5\u6A21\u7248" })) }))) : null;
-        }, onClose: props.onClose }, { children: _jsxs(ScrollDialogContent, { children: [_jsxs(Box, __assign({ display: previewItem ? 'flex' : 'none', flexDirection: "column" }, { children: [_jsx(CapabilityModel, {}), _jsx(QuestionList, {})] })), _jsxs(Box, __assign({ display: previewItem ? 'none' : 'flex' }, { children: [_jsx(TemplateMenu, {}), _jsx(TemplateList, {})] }))] }) })));
+            return previewItem ? (_jsxs(Box, __assign({ display: "flex", justifyContent: curCheckedQuestionListCount > 0 ? 'space-between' : 'flex-end', alignItems: "center", padding: "12px 0 12px" }, { children: [curCheckedQuestionListCount > 0 && (_jsxs(Typography, __assign({ variant: "body2" }, { children: ["\u5DF2\u9009\u62E9", _jsx("span", __assign({ style: { color: '#4CAF50', margin: '0 3px', fontWeight: 500 } }, { children: curCheckedQuestionListCount })), "\u9898"] }))), _jsxs(Box, __assign({ display: "flex", alignItems: "center" }, { children: [curCheckedQuestionListCount > 0 && (_jsx(Button, __assign({ color: "secondary", variant: "text", sx: { mr: 1, color: 'RGBA(0, 0, 0, 0.56)' }, onClick: function () { return handleCheckedQuestionList([]); } }, { children: "\u53D6\u6D88\u9009\u62E9" }))), _jsx(Button, __assign({ onClick: handleUseTemplate }, { children: curCheckedQuestionListCount ? '使用选择题目' : '使用该模版' }))] }))] }))) : null;
+        }, onClose: props.onClose }, { children: _jsxs(ScrollDialogContent, { children: [_jsxs(Box, __assign({ display: previewItem ? 'flex' : 'none', flexDirection: "column" }, { children: [_jsx(CapabilityModel, {}), _jsx(QuestionList, { checkedQuestionList: checkedQuestionList, onCheckChange: handleCheckChange })] })), _jsxs(Box, __assign({ display: previewItem ? 'none' : 'flex' }, { children: [_jsx(TemplateMenu, {}), _jsx(TemplateList, {})] }))] }) })));
 });
 AiTemplateRoot.displayName = 'AiTemplateRoot';
 export default memo(AiTemplateRoot);

package/esm/modules/ai-template/components/CapabilityModel/index.js

@@ -10,10 +10,10 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from 'fbm-ui';
 import TemplatePieProps from "../../../../components/Charts/TemplatePie";
 import ScoreBigBall from "../../../../components/ScoreBigBall";
 import { useAiTemplateStore } from "../../../../store/ai-template/global-store";
+import { Box, Typography } from 'fbm-ui';
 var CapabilityModel = function () {
     var _a, _b;
     var _c = useAiTemplateStore(function (store) { return [store.menuId, store.previewItem]; }), menuId = _c.menuId, previewItem = _c.previewItem;

package/esm/modules/ai-template/components/QuestionList/Item.d.ts

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

package/esm/modules/ai-template/components/QuestionList/Item.js

@@ -9,16 +9,37 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Box, Button, Chip, Typography } from 'fbm-ui';
-import { Done } from '@mui/icons-material';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useAiTemplateStore } from "../../../../store/ai-template/global-store";
+import { Box, Checkbox, Chip, styled, Typography } from 'fbm-ui';
+import { useCallback, useEffect, useState } from 'react';
 var QuestionItem = function (_a) {
-    var item = _a.item, index = _a.index;
+    var item = _a.item, index = _a.index, onChange = _a.onChange;
     var name = item.name, desc = item.desc, category = item.category, weight = item.weight, originToken = item.originToken;
-    var _b = useAiTemplateStore(function (store) { return [store.currentSteps, store.onUseTemplate]; }), currentSteps = _b.currentSteps, onUseTemplate = _b.onUseTemplate;
-    console.log(currentSteps);
+    var _b = useAiTemplateStore(function (store) { return [store.currentSteps, store.currentCheckedQuestions]; }), currentSteps = _b.currentSteps, currentCheckedQuestions = _b.currentCheckedQuestions;
     var isUsed = currentSteps === null || currentSteps === void 0 ? void 0 : currentSteps.find(function (step) { return step.originToken === originToken; });
-    return (_jsxs(Box, __assign({ border: isUsed ? '1px solid rgb(76, 175, 80)' : '1px solid rgba(0,0,0, 0.08)', borderRadius: "6px", mt: 2 }, { children: [_jsxs(Box, __assign({ borderBottom: "1px solid rgba(0,0,0, 0.08)", p: 2, display: "flex", justifyContent: "space-between" }, { children: [_jsxs(Box, { children: [_jsxs(Typography, __assign({ variant: "body1", weight: "500" }, { children: [index + 1, ".", name] })), _jsx(Typography, __assign({ variant: "body2", color: "secondary", mt: 1 }, { children: desc }))] }), isUsed && _jsx(Done, { color: "primary" }, "icon")] })), _jsxs(Box, __assign({ display: "flex", justifyContent: "space-between", padding: "8px 8px 8px 16px" }, { children: [_jsxs(Box, __assign({ display: "flex", alignItems: "center" }, { children: [category === null || category === void 0 ? void 0 : category.map(function (label) { return (_jsx(Chip, { color: "default", label: label }, label)); }), _jsxs(Typography, __assign({ variant: "body2", ml: 2 }, { children: ["\u6743\u91CD\u5360\u6BD4\uFF1A", weight, "%"] }))] })), _jsx(Button, __assign({ variant: "outlined", color: "inherit", onClick: function () { return onUseTemplate === null || onUseTemplate === void 0 ? void 0 : onUseTemplate([item]); } }, { children: "\u4F7F\u7528" }))] }))] })));
+    var _c = useState(false), curChecked = _c[0], setChecked = _c[1];
+    var UsedTag = styled(Box)(function () { return ({
+        position: 'absolute',
+        right: -1,
+        top: -1,
+        borderRadius: '0px 4px 0px 12px',
+        backgroundColor: '#81C784',
+        width: 49,
+        height: 24,
+        textAlign: 'center',
+        color: '#fff',
+        fontFamily: 'AlibabaPuHuiTiR',
+        fontSize: 12,
+        lineHeight: '24px',
+    }); });
+    var handleChange = useCallback(function (e) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(e, index);
+    }, [index, onChange]);
+    useEffect(function () {
+        var checked = !!(currentCheckedQuestions === null || currentCheckedQuestions === void 0 ? void 0 : currentCheckedQuestions.find(function (step) { return step.token === item.token; }));
+        setChecked(checked);
+    }, [currentCheckedQuestions, item.token]);
+    return (_jsxs(Box, __assign({ border: '1px solid rgba(0,0,0, 0.08)', borderRadius: "6px", mt: 2 }, { children: [_jsxs(Box, __assign({ borderBottom: "1px solid rgba(0,0,0, 0.08)", p: 2, display: "flex", alignItems: "center" }, { children: [_jsx(Checkbox, { checked: curChecked, value: originToken, onChange: handleChange }), _jsxs(Box, __assign({ ml: -1 }, { children: [_jsxs(Typography, __assign({ variant: "body1", weight: "500" }, { children: [index + 1, ".", name] })), _jsx(Typography, __assign({ variant: "body2", color: "secondary", mt: 1 }, { children: desc }))] })), isUsed && (_jsx(UsedTag, { children: _jsx("span", { children: "\u5DF2\u4F7F\u7528" }) }))] })), _jsx(Box, __assign({ display: "flex", justifyContent: "space-between", padding: "8px 8px 8px 50px" }, { children: _jsxs(Box, __assign({ display: "flex", alignItems: "center" }, { children: [category === null || category === void 0 ? void 0 : category.map(function (label) { return (_jsx(Chip, { color: "default", label: label }, label)); }), _jsxs(Typography, __assign({ variant: "body2", ml: 2 }, { children: ["\u6743\u91CD\u5360\u6BD4\uFF1A", weight, "%"] }))] })) }))] })));
 };
 export default QuestionItem;

package/esm/modules/ai-template/components/QuestionList/index.d.ts

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

package/esm/modules/ai-template/components/QuestionList/index.js

@@ -10,11 +10,22 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from 'fbm-ui';
-import { useAiTemplateStore } from "../../../../store/ai-template/global-store";
 import QuestionItem from './Item';
-var QuestionList = function () {
+import { useAiTemplateStore } from "../../../../store/ai-template/global-store";
+import { Box, Typography } from 'fbm-ui';
+import { useCallback } from 'react';
+var QuestionList = function (_a) {
+    var checkedQuestionList = _a.checkedQuestionList, onCheckChange = _a.onCheckChange;
     var previewItem = useAiTemplateStore(function (store) { return [store.previewItem]; }).previewItem;
-    return (_jsxs(Box, __assign({ display: "flex", flexDirection: "column", mt: 3 }, { children: [_jsx(Box, __assign({ display: "flex", alignItems: "center" }, { children: _jsx(Typography, __assign({ variant: "body1", weight: "500" }, { children: "\u9898\u76EE\u5217\u8868" })) })), _jsx(Box, { children: previewItem === null || previewItem === void 0 ? void 0 : previewItem.list.map(function (item, index) { return (_jsx(QuestionItem, { item: item, index: index }, item.token)); }) })] })));
+    var handleChange = useCallback(function (e, index) {
+        var checked = e.target.checked;
+        var item = previewItem === null || previewItem === void 0 ? void 0 : previewItem.list[index];
+        if (!item)
+            return;
+        item.checked = checked;
+        checkedQuestionList[index] = item;
+        onCheckChange(checkedQuestionList);
+    }, [previewItem, onCheckChange, checkedQuestionList]);
+    return (_jsxs(Box, __assign({ display: "flex", flexDirection: "column", mt: 3, width: "760px" }, { children: [_jsx(Box, __assign({ display: "flex", alignItems: "center" }, { children: _jsx(Typography, __assign({ variant: "body1", weight: "500" }, { children: "\u9898\u76EE\u5217\u8868" })) })), _jsx(Box, { children: previewItem === null || previewItem === void 0 ? void 0 : previewItem.list.map(function (item, index) { return (_jsx(QuestionItem, { item: item, index: index, onChange: handleChange }, item.token)); }) })] })));
 };
 export default QuestionList;

package/esm/modules/ai-template/components/QuestionList/interface.d.ts

@@ -1,5 +1,10 @@
 import { QuestionList } from '@/modules/ai-template/interface';
-export interface QuestionListProps {
+export interface QuestionItemProps {
     item: QuestionList;
     index: number;
+    onChange?: (e: any, index: number) => void;
+}
+export interface QuestionListProps {
+    checkedQuestionList: QuestionList[];
+    onCheckChange: (list: QuestionList[]) => void;
 }

package/esm/modules/ai-template/components/TemplateList/index.js

@@ -10,14 +10,14 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { Box, Button, Typography } from 'fbm-ui';
-import { useRequest } from 'ahooks';
+import { AddIconRoot, ListCol, ListItem, ListItemOperation, ListItemSubTitle, ListItemTitle, ListRow } from './styled';
 import TemplatePie from "../../../../components/Charts/TemplatePie";
 import ScoreBigBall from "../../../../components/ScoreBigBall";
 import { PostAiTemplatesDetail, PostAiTemplatesList } from "../../../../services/ai-template";
 import { useAiTemplateStore } from "../../../../store/ai-template/global-store";
-import { AddIconRoot, ListCol, ListItem, ListItemOperation, ListItemSubTitle, ListItemTitle, ListRow } from './styled';
+import { useRequest } from 'ahooks';
+import { Box, Button, Typography } from 'fbm-ui';
+import { useCallback, useEffect, useRef, useState } from 'react';
 var TemplateList = function () {
     var isPreview = useRef(false);
     var _a = useState([]), list = _a[0], setList = _a[1];

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

@@ -10,9 +10,9 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, memo } from 'react';
-import RootProvider from "../../components/RootProvider";
 import TemplateRoot from './Root';
+import RootProvider from "../../components/RootProvider";
+import { forwardRef, memo } from 'react';
 var AiTemplate = forwardRef(function (props, ref) {
     return (_jsx(RootProvider, { children: _jsx(TemplateRoot, __assign({ ref: ref }, props)) }));
 });

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

@@ -1,6 +1,7 @@
 import { QuestionModelStep } from '@/modules/ai-question/components/QuestionModel/interface';
 import { AiTemplatesCollection, AiTemplatesList } from '@/modules/ai-template/components/TemplateList/interface';
 export interface QuestionList extends QuestionModelStep {
+    checked?: boolean;
 }
 export interface HistoryPatterns {
     token?: string;
@@ -13,6 +14,7 @@ export interface AiTemplateProps {
     open: boolean;
     historyPatterns?: HistoryPatterns[];
     currentSteps?: QuestionList[];
+    currentCheckedQuestions?: QuestionList[];
     onClose?: () => void;
     onUseTemplate?: (list?: QuestionList[]) => void;
 }

package/esm/store/ai-template/global-store.d.ts

@@ -8,6 +8,7 @@ export declare const useAiTemplateStore: (depsFn?: import("hox/es/types").DepsFn
     open: boolean;
     historyPatterns?: import("@/modules/ai-template/interface").HistoryPatterns[] | undefined;
     currentSteps?: import("@/modules/ai-template/interface").QuestionList[] | undefined;
+    currentCheckedQuestions?: import("@/modules/ai-template/interface").QuestionList[] | undefined;
     onClose?: (() => void) | undefined;
     onUseTemplate?: ((list?: import("@/modules/ai-template/interface").QuestionList[] | undefined) => void) | undefined;
 }> | undefined) => {
@@ -19,6 +20,7 @@ export declare const useAiTemplateStore: (depsFn?: import("hox/es/types").DepsFn
     open: boolean;
     historyPatterns?: import("@/modules/ai-template/interface").HistoryPatterns[] | undefined;
     currentSteps?: import("@/modules/ai-template/interface").QuestionList[] | undefined;
+    currentCheckedQuestions?: import("@/modules/ai-template/interface").QuestionList[] | undefined;
     onClose?: (() => void) | undefined;
     onUseTemplate?: ((list?: import("@/modules/ai-template/interface").QuestionList[] | undefined) => void) | undefined;
 }, getAiTemplateStore: () => {
@@ -30,6 +32,7 @@ export declare const useAiTemplateStore: (depsFn?: import("hox/es/types").DepsFn
     open: boolean;
     historyPatterns?: import("@/modules/ai-template/interface").HistoryPatterns[] | undefined;
     currentSteps?: import("@/modules/ai-template/interface").QuestionList[] | undefined;
+    currentCheckedQuestions?: import("@/modules/ai-template/interface").QuestionList[] | undefined;
     onClose?: (() => void) | undefined;
     onUseTemplate?: ((list?: import("@/modules/ai-template/interface").QuestionList[] | undefined) => void) | undefined;
 } | undefined;

package/esm/store/ai-template/global-store.js

@@ -10,12 +10,12 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 var _a;
-import { useEffect } from 'react';
+import { PostAiTemplatesIncrUse } from "../../services/ai-template";
 import { useRequest, useSetState } from 'ahooks';
 import { createGlobalStore } from 'hox';
-import { PostAiTemplatesIncrUse } from "../../services/ai-template";
+import { useEffect } from 'react';
 export var useAiTemplateStore = (_a = createGlobalStore(function () {
-    var _a = useSetState({ open: false, historyPatterns: [] }), props = _a[0], updateProps = _a[1];
+    var _a = useSetState({ open: false, historyPatterns: [], currentCheckedQuestions: [] }), props = _a[0], updateProps = _a[1];
     var _b = useSetState({ menuId: '' }), state = _b[0], updateState = _b[1];
     var handleIncrUse = useRequest(PostAiTemplatesIncrUse, { manual: true }).run;
     useEffect(function () {

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

@@ -24,13 +24,13 @@ var fbm_ui_1 = require("fbm-ui");
 var react_1 = require("react");
 var QuestionPreview = function () {
     var _a = (0, question_preview_store_1.useQuestionPreviewStore)(), visible = _a.visible, previewItem = _a.previewItem;
-    var _b = previewItem || {}, _c = _b.name, name = _c === void 0 ? '' : _c, _d = _b.type, type = _d === void 0 ? 1 : _d, _e = _b.broadcastType, broadcastType = _e === void 0 ? 1 : _e, _f = _b.desc, desc = _f === void 0 ? '' : _f, _g = _b.prepareTime, prepareTime = _g === void 0 ? 3 : _g, _h = _b.duration, duration = _h === void 0 ? 30 : _h, extra = _b.extra;
-    var _j = (0, react_1.useState)(), values = _j[0], setValues = _j[1];
-    var _k = (0, react_1.useState)('none'), display = _k[0], setDisplay = _k[1];
+    var _b = previewItem || {}, _c = _b.name, name = _c === void 0 ? '' : _c, _d = _b.type, type = _d === void 0 ? 1 : _d, _e = _b.broadcastType, broadcastType = _e === void 0 ? 1 : _e, _f = _b.desc, desc = _f === void 0 ? '' : _f, _g = _b.prepareTime, prepareTime = _g === void 0 ? 3 : _g, _h = _b.minResponseDuration, minResponseDuration = _h === void 0 ? 3 : _h, _j = _b.duration, duration = _j === void 0 ? 30 : _j, extra = _b.extra;
+    var _k = (0, react_1.useState)(), values = _k[0], setValues = _k[1];
+    var _l = (0, react_1.useState)('none'), display = _l[0], setDisplay = _l[1];
     (0, react_1.useEffect)(function () {
-        setValues({ name: name, broadcastType: broadcastType, desc: desc, prepareTime: prepareTime, duration: duration, questions: [] });
+        setValues({ name: name, broadcastType: broadcastType, desc: desc, prepareTime: prepareTime, duration: duration, minResponseDuration: minResponseDuration, questions: [] });
         setDisplay(visible ? 'block' : 'none');
-    }, [name, broadcastType, desc, prepareTime, duration, visible]);
+    }, [name, broadcastType, desc, prepareTime, duration, visible, minResponseDuration]);
     return ((0, jsx_runtime_1.jsx)(styled_1.PreviewRoot, __assign({ style: { display: display } }, { children: (extra === null || extra === void 0 ? void 0 : extra.icon) ? ((0, jsx_runtime_1.jsx)("img", { src: extra === null || extra === void 0 ? void 0 : extra.icon, alt: "", style: { width: 250 } })) : ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ width: 500 }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "h5", textAlign: "center", mb: 3 }, { children: [ai_question_1.QUESTION_TYPE_MAPPING_LABEL[type], "\uFF08\u9884\u89C8\uFF09"] })), values && (0, jsx_runtime_1.jsx)(Form_1.default, { preview: true, aiShowType: ai_question_2.ADD_QUESTION_TYPE.FREE, initialValues: values, values: values })] }))) })));
 };
 exports.default = QuestionPreview;

package/lib/modules/ai-question/components/QuestionTemplate/interface.d.ts

@@ -24,6 +24,7 @@ export interface AiEvaluationList {
     duration: number;
     prepareTime: number;
     questions: Question[];
+    minResponseDuration: number;
     extra: AiEvaluationListExtra;
     broadcastType: number;
     aiSwitch: number;

package/lib/modules/ai-question/components/QuestionUpdate/Form.js

@@ -93,6 +93,22 @@ var QuestionForm = (0, react_1.forwardRef)(function (props, ref) {
     var handleCategoryChange = function (_, value) {
         onCategoryChange === null || onCategoryChange === void 0 ? void 0 : onCategoryChange(value);
     };
+    var handleMinResponseDurationChange = function (e) {
+        var minResponseDurationValue = e.target.value;
+        if (minResponseDurationValue && minResponseDurationValue.indexOf('-') > -1) {
+            minResponseDurationValue = minResponseDurationValue.replaceAll('-', '');
+        }
+        if (minResponseDurationValue && minResponseDurationValue.indexOf('.') > -1) {
+            minResponseDurationValue = minResponseDurationValue.split('.')[0];
+        }
+        if (/^[1-9]\d*$/.test(minResponseDurationValue)) {
+            minResponseDurationValue = Number(minResponseDurationValue);
+        }
+        else {
+            minResponseDurationValue = '';
+        }
+        form.setValues(__assign(__assign({}, form.values), { minResponseDuration: minResponseDurationValue }));
+    };
     (0, react_1.useImperativeHandle)(ref, function () { return ({
         handleValues: function () { return form.values; },
         handleSubmit: function () { return form.handleSubmit(); },
@@ -133,7 +149,19 @@ var QuestionForm = (0, react_1.forwardRef)(function (props, ref) {
                             multiline: true,
                             placeholder: '朗读内容（候选人将根据此内容进行朗读）',
                             sx: { padding: 0 },
-                        } })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, __assign({ sx: { height: 64, flex: '1 0', mr: 1 }, required: true, disabled: preview, name: "prepareTime", label: "\u51C6\u5907\u65F6\u957F" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Select, { options: const_1.prepareTimeOptions }) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, __assign({ sx: { height: 64, flex: '1 0' }, required: true, disabled: preview, name: "duration", label: "\u56DE\u7B54\u65F6\u957F" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Select, { options: const_1.durationOptions }) }))] }))] })), !preview && (0, jsx_runtime_1.jsx)(AiAnalysis_1.default, {})] }));
+                        } })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, __assign({ sx: { height: 64, flex: '1 0', mr: 2 }, required: true, disabled: preview, name: "prepareTime", label: "\u51C6\u5907\u65F6\u957F" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Select, { options: const_1.prepareTimeOptions }) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, __assign({ sx: { height: 64, flex: '1 0' }, required: true, disabled: preview, name: "duration", label: "\u56DE\u7B54\u65F6\u957F" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Select, { options: const_1.durationOptions }) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, { sx: { height: 64, flex: '1 0', ml: 2 }, name: "minResponseDuration", label: "\u6700\u5C11\u56DE\u7B54\u65F6\u957F", type: "number", 
+                                // rules={[
+                                //   e => {
+                                //     if (!/^[1-9]\d*$/.test(e.value)) {
+                                //       return '输入不正确';
+                                //     }
+                                //   },
+                                // ]}
+                                InputProps: {
+                                    placeholder: '最少回答时长',
+                                    sx: { padding: 0, pr: 1 },
+                                    endAdornment: 's',
+                                }, onChange: handleMinResponseDurationChange })] }))] })), !preview && (0, jsx_runtime_1.jsx)(AiAnalysis_1.default, {})] }));
 });
 QuestionForm.displayName = 'QuestionForm';
 exports.default = (0, react_1.memo)(QuestionForm);

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

@@ -20,6 +20,7 @@ exports.defaultQuestionParams = {
     language: undefined,
     name: '',
     prepareTime: 3,
+    minResponseDuration: 3,
     type: 1,
     videoBroadcast: {
         videoRetry: 2,

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

@@ -94,6 +94,7 @@ var QuestionUpdate = function () {
         readText: (_a = item === null || item === void 0 ? void 0 : item.extra) === null || _a === void 0 ? void 0 : _a.readText,
         prepareTime: item === null || item === void 0 ? void 0 : item.prepareTime,
         duration: item === null || item === void 0 ? void 0 : item.duration,
+        minResponseDuration: item === null || item === void 0 ? void 0 : item.minResponseDuration,
         category: (item === null || item === void 0 ? void 0 : item.category) ? { label: (item === null || item === void 0 ? void 0 : item.category[0]) || '', value: (item === null || item === void 0 ? void 0 : item.category[0]) || '' } : { label: '', value: '' },
     };
     var CustomHeader = function () {
@@ -192,12 +193,12 @@ var QuestionUpdate = function () {
         return [2 /*return*/, (_a = formRef === null || formRef === void 0 ? void 0 : formRef.current) === null || _a === void 0 ? void 0 : _a.handleSubmit()];
     }); }); };
     var handleSubmit = (0, react_1.useCallback)(function (values) { return __awaiter(void 0, void 0, void 0, function () {
-        var _a, errorIndexes, params;
-        return __generator(this, function (_b) {
-            switch (_b.label) {
+        var _a, errorIndexes, params, _b, minResponseDuration, duration;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
                 case 0: return [4 /*yield*/, getModelParams(values, true)];
                 case 1:
-                    _a = _b.sent(), errorIndexes = _a.errorIndexes, params = _a.params;
+                    _a = _c.sent(), errorIndexes = _a.errorIndexes, params = _a.params;
                     if ((values === null || values === void 0 ? void 0 : values.questions.length) > 5) {
                         fbm_ui_1.Message.error('最多可添加5个面试内容。');
                         return [2 /*return*/, false];
@@ -206,6 +207,11 @@ var QuestionUpdate = function () {
                         fbm_ui_1.Message.error('请上传视频素材');
                         return [2 /*return*/, false];
                     }
+                    _b = values.minResponseDuration, minResponseDuration = _b === void 0 ? 3 : _b, duration = values.duration;
+                    if (!(minResponseDuration >= 3 && /^[1-9]\d*$/.test(minResponseDuration.toString()) && duration >= minResponseDuration)) {
+                        fbm_ui_1.Message.error('最少回答时长必须大于等于3s，小于回答时长');
+                        return [2 /*return*/, false];
+                    }
                     if (!errorIndexes.length) {
                         token ? editModel(params, index) : addModel(params);
                         updateQuestionState({ open: false });

package/lib/modules/ai-question/components/QuestionUpdate/interface.d.ts

@@ -17,6 +17,7 @@ export interface QuestionParams {
     questions: Question[];
     prepareTime: number;
     duration: number;
+    minResponseDuration?: number;
     category?: string[];
     extra: BaseExtraParams;
     broadcastType: number;
@@ -39,6 +40,7 @@ export interface QuestionFormValues {
     questions: Question[];
     prepareTime: number;
     duration: number;
+    minResponseDuration?: number;
     broadcastType: number;
     category?: {
         label: string;

package/lib/modules/ai-template/Root.js

@@ -15,29 +15,45 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var fbm_ui_1 = require("fbm-ui");
-var ScrollDialogContent_1 = __importDefault(require("../../components/ScrollDialogContent"));
-var global_store_1 = require("../../store/ai-template/global-store");
 var CapabilityModel_1 = __importDefault(require("./components/CapabilityModel"));
 var QuestionList_1 = __importDefault(require("./components/QuestionList"));
 var TemplateHeader_1 = __importDefault(require("./components/TemplateHeader"));
 var TemplateList_1 = __importDefault(require("./components/TemplateList"));
 var TemplateMenu_1 = __importDefault(require("./components/TemplateMenu"));
+var ScrollDialogContent_1 = __importDefault(require("../../components/ScrollDialogContent"));
+var global_store_1 = require("../../store/ai-template/global-store");
+var fbm_ui_1 = require("fbm-ui");
+var react_1 = require("react");
 var AiTemplateDialog = (0, fbm_ui_1.styled)(fbm_ui_1.Dialog)({
     '& .MuiPaper-root>.MuiBox-root>.MuiBox-root': {
         marginBottom: 0,
     },
 });
 var AiTemplateRoot = (0, react_1.forwardRef)(function (props, ref) {
-    var _a = (0, global_store_1.useAiTemplateStore)(), open = _a.open, previewItem = _a.previewItem, updateProps = _a.updateProps, updateState = _a.updateState, handleIncrUse = _a.handleIncrUse;
+    var _a = (0, global_store_1.useAiTemplateStore)(), open = _a.open, previewItem = _a.previewItem, _b = _a.currentCheckedQuestions, currentCheckedQuestions = _b === void 0 ? [] : _b, updateProps = _a.updateProps, updateState = _a.updateState, handleIncrUse = _a.handleIncrUse;
+    var _c = (0, react_1.useState)([]), checkedQuestionList = _c[0], setCheckedQuestionList = _c[1];
+    var _d = (0, react_1.useState)(0), curCheckedQuestionListCount = _d[0], setCurCheckedQuestionListCount = _d[1];
     var handleUseTemplate = (0, react_1.useCallback)(function () {
-        var _a;
-        (_a = props === null || props === void 0 ? void 0 : props.onUseTemplate) === null || _a === void 0 ? void 0 : _a.call(props, previewItem === null || previewItem === void 0 ? void 0 : previewItem.list);
+        var _a, _b;
+        if ((currentCheckedQuestions === null || currentCheckedQuestions === void 0 ? void 0 : currentCheckedQuestions.length) > 0) {
+            console.log('currentCheckedQuestions', currentCheckedQuestions);
+            (_a = props === null || props === void 0 ? void 0 : props.onUseTemplate) === null || _a === void 0 ? void 0 : _a.call(props, currentCheckedQuestions);
+            return;
+        }
+        (_b = props === null || props === void 0 ? void 0 : props.onUseTemplate) === null || _b === void 0 ? void 0 : _b.call(props, previewItem === null || previewItem === void 0 ? void 0 : previewItem.list);
         if (previewItem === null || previewItem === void 0 ? void 0 : previewItem.token) {
             handleIncrUse(previewItem === null || previewItem === void 0 ? void 0 : previewItem.token);
         }
-    }, [handleIncrUse, previewItem, props]);
+    }, [handleIncrUse, previewItem, props, currentCheckedQuestions]);
+    var handleCheckedQuestionList = (0, react_1.useCallback)(function (list) {
+        setCheckedQuestionList(list);
+        var curList = list.filter(function (v) { return v && v.checked; });
+        setCurCheckedQuestionListCount(curList.length);
+        updateProps(__assign(__assign({}, props), { currentCheckedQuestions: curList }));
+    }, [props, updateProps, setCurCheckedQuestionListCount]);
+    var handleCheckChange = (0, react_1.useCallback)(function (list) {
+        handleCheckedQuestionList(list);
+    }, [handleCheckedQuestionList]);
     (0, react_1.useEffect)(function () {
         if (!props.open) {
             updateState({ previewItem: undefined });
@@ -45,9 +61,15 @@ var AiTemplateRoot = (0, react_1.forwardRef)(function (props, ref) {
         updateProps(props);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props]);
+    // 重置选择项
+    (0, react_1.useEffect)(function () {
+        if (!previewItem) {
+            handleCheckedQuestionList([]);
+        }
+    }, [previewItem, handleCheckedQuestionList]);
     return ((0, jsx_runtime_1.jsx)(AiTemplateDialog, __assign({ open: open, size: "lg", header: function () { return ((0, jsx_runtime_1.jsx)(TemplateHeader_1.default, { name: (previewItem === null || previewItem === void 0 ? void 0 : previewItem.positionName) || (previewItem === null || previewItem === void 0 ? void 0 : previewItem.name), onClose: props.onClose, onBack: function () { return updateState({ previewItem: undefined }); }, onSearch: function () { } })); }, footer: function () {
-            return previewItem ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: "flex-end", padding: "12px 0" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ onClick: handleUseTemplate }, { children: "\u4F7F\u7528\u8BE5\u6A21\u7248" })) }))) : null;
-        }, onClose: props.onClose }, { children: (0, jsx_runtime_1.jsxs)(ScrollDialogContent_1.default, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: previewItem ? 'flex' : 'none', flexDirection: "column" }, { children: [(0, jsx_runtime_1.jsx)(CapabilityModel_1.default, {}), (0, jsx_runtime_1.jsx)(QuestionList_1.default, {})] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: previewItem ? 'none' : 'flex' }, { children: [(0, jsx_runtime_1.jsx)(TemplateMenu_1.default, {}), (0, jsx_runtime_1.jsx)(TemplateList_1.default, {})] }))] }) })));
+            return previewItem ? ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: curCheckedQuestionListCount > 0 ? 'space-between' : 'flex-end', alignItems: "center", padding: "12px 0 12px" }, { children: [curCheckedQuestionListCount > 0 && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2" }, { children: ["\u5DF2\u9009\u62E9", (0, jsx_runtime_1.jsx)("span", __assign({ style: { color: '#4CAF50', margin: '0 3px', fontWeight: 500 } }, { children: curCheckedQuestionListCount })), "\u9898"] }))), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: [curCheckedQuestionListCount > 0 && ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ color: "secondary", variant: "text", sx: { mr: 1, color: 'RGBA(0, 0, 0, 0.56)' }, onClick: function () { return handleCheckedQuestionList([]); } }, { children: "\u53D6\u6D88\u9009\u62E9" }))), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ onClick: handleUseTemplate }, { children: curCheckedQuestionListCount ? '使用选择题目' : '使用该模版' }))] }))] }))) : null;
+        }, onClose: props.onClose }, { children: (0, jsx_runtime_1.jsxs)(ScrollDialogContent_1.default, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: previewItem ? 'flex' : 'none', flexDirection: "column" }, { children: [(0, jsx_runtime_1.jsx)(CapabilityModel_1.default, {}), (0, jsx_runtime_1.jsx)(QuestionList_1.default, { checkedQuestionList: checkedQuestionList, onCheckChange: handleCheckChange })] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: previewItem ? 'none' : 'flex' }, { children: [(0, jsx_runtime_1.jsx)(TemplateMenu_1.default, {}), (0, jsx_runtime_1.jsx)(TemplateList_1.default, {})] }))] }) })));
 });
 AiTemplateRoot.displayName = 'AiTemplateRoot';
 exports.default = (0, react_1.memo)(AiTemplateRoot);

package/lib/modules/ai-template/components/CapabilityModel/index.js

@@ -15,10 +15,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var fbm_ui_1 = require("fbm-ui");
 var TemplatePie_1 = __importDefault(require("../../../../components/Charts/TemplatePie"));
 var ScoreBigBall_1 = __importDefault(require("../../../../components/ScoreBigBall"));
 var global_store_1 = require("../../../../store/ai-template/global-store");
+var fbm_ui_1 = require("fbm-ui");
 var CapabilityModel = function () {
     var _a, _b;
     var _c = (0, global_store_1.useAiTemplateStore)(function (store) { return [store.menuId, store.previewItem]; }), menuId = _c.menuId, previewItem = _c.previewItem;

package/lib/modules/ai-template/components/QuestionList/Item.d.ts

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

package/lib/modules/ai-template/components/QuestionList/Item.js

@@ -12,15 +12,36 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var fbm_ui_1 = require("fbm-ui");
-var icons_material_1 = require("@mui/icons-material");
 var global_store_1 = require("../../../../store/ai-template/global-store");
+var fbm_ui_1 = require("fbm-ui");
+var react_1 = require("react");
 var QuestionItem = function (_a) {
-    var item = _a.item, index = _a.index;
+    var item = _a.item, index = _a.index, onChange = _a.onChange;
     var name = item.name, desc = item.desc, category = item.category, weight = item.weight, originToken = item.originToken;
-    var _b = (0, global_store_1.useAiTemplateStore)(function (store) { return [store.currentSteps, store.onUseTemplate]; }), currentSteps = _b.currentSteps, onUseTemplate = _b.onUseTemplate;
-    console.log(currentSteps);
+    var _b = (0, global_store_1.useAiTemplateStore)(function (store) { return [store.currentSteps, store.currentCheckedQuestions]; }), currentSteps = _b.currentSteps, currentCheckedQuestions = _b.currentCheckedQuestions;
     var isUsed = currentSteps === null || currentSteps === void 0 ? void 0 : currentSteps.find(function (step) { return step.originToken === originToken; });
-    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ border: isUsed ? '1px solid rgb(76, 175, 80)' : '1px solid rgba(0,0,0, 0.08)', borderRadius: "6px", mt: 2 }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ borderBottom: "1px solid rgba(0,0,0, 0.08)", p: 2, display: "flex", justifyContent: "space-between" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body1", weight: "500" }, { children: [index + 1, ".", name] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "secondary", mt: 1 }, { children: desc }))] }), isUsed && (0, jsx_runtime_1.jsx)(icons_material_1.Done, { color: "primary" }, "icon")] })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: "space-between", padding: "8px 8px 8px 16px" }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: [category === null || category === void 0 ? void 0 : category.map(function (label) { return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Chip, { color: "default", label: label }, label)); }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", ml: 2 }, { children: ["\u6743\u91CD\u5360\u6BD4\uFF1A", weight, "%"] }))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", color: "inherit", onClick: function () { return onUseTemplate === null || onUseTemplate === void 0 ? void 0 : onUseTemplate([item]); } }, { children: "\u4F7F\u7528" }))] }))] })));
+    var _c = (0, react_1.useState)(false), curChecked = _c[0], setChecked = _c[1];
+    var UsedTag = (0, fbm_ui_1.styled)(fbm_ui_1.Box)(function () { return ({
+        position: 'absolute',
+        right: -1,
+        top: -1,
+        borderRadius: '0px 4px 0px 12px',
+        backgroundColor: '#81C784',
+        width: 49,
+        height: 24,
+        textAlign: 'center',
+        color: '#fff',
+        fontFamily: 'AlibabaPuHuiTiR',
+        fontSize: 12,
+        lineHeight: '24px',
+    }); });
+    var handleChange = (0, react_1.useCallback)(function (e) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(e, index);
+    }, [index, onChange]);
+    (0, react_1.useEffect)(function () {
+        var checked = !!(currentCheckedQuestions === null || currentCheckedQuestions === void 0 ? void 0 : currentCheckedQuestions.find(function (step) { return step.token === item.token; }));
+        setChecked(checked);
+    }, [currentCheckedQuestions, item.token]);
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ border: '1px solid rgba(0,0,0, 0.08)', borderRadius: "6px", mt: 2 }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ borderBottom: "1px solid rgba(0,0,0, 0.08)", p: 2, display: "flex", alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Checkbox, { checked: curChecked, value: originToken, onChange: handleChange }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ ml: -1 }, { children: [(0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body1", weight: "500" }, { children: [index + 1, ".", name] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "secondary", mt: 1 }, { children: desc }))] })), isUsed && ((0, jsx_runtime_1.jsx)(UsedTag, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u5DF2\u4F7F\u7528" }) }))] })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: "space-between", padding: "8px 8px 8px 50px" }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: [category === null || category === void 0 ? void 0 : category.map(function (label) { return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Chip, { color: "default", label: label }, label)); }), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", ml: 2 }, { children: ["\u6743\u91CD\u5360\u6BD4\uFF1A", weight, "%"] }))] })) }))] })));
 };
 exports.default = QuestionItem;

package/lib/modules/ai-template/components/QuestionList/index.d.ts

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

package/lib/modules/ai-template/components/QuestionList/index.js

@@ -15,11 +15,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var fbm_ui_1 = require("fbm-ui");
-var global_store_1 = require("../../../../store/ai-template/global-store");
 var Item_1 = __importDefault(require("./Item"));
-var QuestionList = function () {
+var global_store_1 = require("../../../../store/ai-template/global-store");
+var fbm_ui_1 = require("fbm-ui");
+var react_1 = require("react");
+var QuestionList = function (_a) {
+    var checkedQuestionList = _a.checkedQuestionList, onCheckChange = _a.onCheckChange;
     var previewItem = (0, global_store_1.useAiTemplateStore)(function (store) { return [store.previewItem]; }).previewItem;
-    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", flexDirection: "column", mt: 3 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", weight: "500" }, { children: "\u9898\u76EE\u5217\u8868" })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { children: previewItem === null || previewItem === void 0 ? void 0 : previewItem.list.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(Item_1.default, { item: item, index: index }, item.token)); }) })] })));
+    var handleChange = (0, react_1.useCallback)(function (e, index) {
+        var checked = e.target.checked;
+        var item = previewItem === null || previewItem === void 0 ? void 0 : previewItem.list[index];
+        if (!item)
+            return;
+        item.checked = checked;
+        checkedQuestionList[index] = item;
+        onCheckChange(checkedQuestionList);
+    }, [previewItem, onCheckChange, checkedQuestionList]);
+    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", flexDirection: "column", mt: 3, width: "760px" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "flex", alignItems: "center" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", weight: "500" }, { children: "\u9898\u76EE\u5217\u8868" })) })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, { children: previewItem === null || previewItem === void 0 ? void 0 : previewItem.list.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(Item_1.default, { item: item, index: index, onChange: handleChange }, item.token)); }) })] })));
 };
 exports.default = QuestionList;

package/lib/modules/ai-template/components/QuestionList/interface.d.ts

@@ -1,5 +1,10 @@
 import { QuestionList } from '@/modules/ai-template/interface';
-export interface QuestionListProps {
+export interface QuestionItemProps {
     item: QuestionList;
     index: number;
+    onChange?: (e: any, index: number) => void;
+}
+export interface QuestionListProps {
+    checkedQuestionList: QuestionList[];
+    onCheckChange: (list: QuestionList[]) => void;
 }

package/lib/modules/ai-template/components/TemplateList/index.js

@@ -15,14 +15,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var fbm_ui_1 = require("fbm-ui");
-var ahooks_1 = require("ahooks");
+var styled_1 = require("./styled");
 var TemplatePie_1 = __importDefault(require("../../../../components/Charts/TemplatePie"));
 var ScoreBigBall_1 = __importDefault(require("../../../../components/ScoreBigBall"));
 var ai_template_1 = require("../../../../services/ai-template");
 var global_store_1 = require("../../../../store/ai-template/global-store");
-var styled_1 = require("./styled");
+var ahooks_1 = require("ahooks");
+var fbm_ui_1 = require("fbm-ui");
+var react_1 = require("react");
 var TemplateList = function () {
     var isPreview = (0, react_1.useRef)(false);
     var _a = (0, react_1.useState)([]), list = _a[0], setList = _a[1];

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

@@ -15,9 +15,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var RootProvider_1 = __importDefault(require("../../components/RootProvider"));
 var Root_1 = __importDefault(require("./Root"));
+var RootProvider_1 = __importDefault(require("../../components/RootProvider"));
+var react_1 = require("react");
 var AiTemplate = (0, react_1.forwardRef)(function (props, ref) {
     return ((0, jsx_runtime_1.jsx)(RootProvider_1.default, { children: (0, jsx_runtime_1.jsx)(Root_1.default, __assign({ ref: ref }, props)) }));
 });

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

@@ -1,6 +1,7 @@
 import { QuestionModelStep } from '@/modules/ai-question/components/QuestionModel/interface';
 import { AiTemplatesCollection, AiTemplatesList } from '@/modules/ai-template/components/TemplateList/interface';
 export interface QuestionList extends QuestionModelStep {
+    checked?: boolean;
 }
 export interface HistoryPatterns {
     token?: string;
@@ -13,6 +14,7 @@ export interface AiTemplateProps {
     open: boolean;
     historyPatterns?: HistoryPatterns[];
     currentSteps?: QuestionList[];
+    currentCheckedQuestions?: QuestionList[];
     onClose?: () => void;
     onUseTemplate?: (list?: QuestionList[]) => void;
 }

package/lib/store/ai-template/global-store.d.ts

@@ -8,6 +8,7 @@ export declare const useAiTemplateStore: (depsFn?: import("hox/es/types").DepsFn
     open: boolean;
     historyPatterns?: import("@/modules/ai-template/interface").HistoryPatterns[] | undefined;
     currentSteps?: import("@/modules/ai-template/interface").QuestionList[] | undefined;
+    currentCheckedQuestions?: import("@/modules/ai-template/interface").QuestionList[] | undefined;
     onClose?: (() => void) | undefined;
     onUseTemplate?: ((list?: import("@/modules/ai-template/interface").QuestionList[] | undefined) => void) | undefined;
 }> | undefined) => {
@@ -19,6 +20,7 @@ export declare const useAiTemplateStore: (depsFn?: import("hox/es/types").DepsFn
     open: boolean;
     historyPatterns?: import("@/modules/ai-template/interface").HistoryPatterns[] | undefined;
     currentSteps?: import("@/modules/ai-template/interface").QuestionList[] | undefined;
+    currentCheckedQuestions?: import("@/modules/ai-template/interface").QuestionList[] | undefined;
     onClose?: (() => void) | undefined;
     onUseTemplate?: ((list?: import("@/modules/ai-template/interface").QuestionList[] | undefined) => void) | undefined;
 }, getAiTemplateStore: () => {
@@ -30,6 +32,7 @@ export declare const useAiTemplateStore: (depsFn?: import("hox/es/types").DepsFn
     open: boolean;
     historyPatterns?: import("@/modules/ai-template/interface").HistoryPatterns[] | undefined;
     currentSteps?: import("@/modules/ai-template/interface").QuestionList[] | undefined;
+    currentCheckedQuestions?: import("@/modules/ai-template/interface").QuestionList[] | undefined;
     onClose?: (() => void) | undefined;
     onUseTemplate?: ((list?: import("@/modules/ai-template/interface").QuestionList[] | undefined) => void) | undefined;
 } | undefined;

package/lib/store/ai-template/global-store.js

@@ -13,12 +13,12 @@ var __assign = (this && this.__assign) || function () {
 var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAiTemplateStore = exports.useAiTemplateStore = void 0;
-var react_1 = require("react");
+var ai_template_1 = require("../../services/ai-template");
 var ahooks_1 = require("ahooks");
 var hox_1 = require("hox");
-var ai_template_1 = require("../../services/ai-template");
+var react_1 = require("react");
 exports.useAiTemplateStore = (_a = (0, hox_1.createGlobalStore)(function () {
-    var _a = (0, ahooks_1.useSetState)({ open: false, historyPatterns: [] }), props = _a[0], updateProps = _a[1];
+    var _a = (0, ahooks_1.useSetState)({ open: false, historyPatterns: [], currentCheckedQuestions: [] }), props = _a[0], updateProps = _a[1];
     var _b = (0, ahooks_1.useSetState)({ menuId: '' }), state = _b[0], updateState = _b[1];
     var handleIncrUse = (0, ahooks_1.useRequest)(ai_template_1.PostAiTemplatesIncrUse, { manual: true }).run;
     (0, react_1.useEffect)(function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eli-video-interview",
-  "version": "1.2.35.alpha.3",
+  "version": "1.2.35.alpha.4",
   "description": "鳄梨科技 AI视频面试 React SDK",
   "author": "鳄梨科技",
   "license": "MIT",