eli-video-interview 1.2.41-alpha.3 → 1.2.41-alpha.30

package/esm/modules/ai-ability/components/UpdateAbility/index.js

@@ -9,42 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
     if (!m) return o;
@@ -62,12 +26,23 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable react-hooks/exhaustive-deps */
+import * as Yup from 'yup';
 import { InitialValues } from '../../const';
 import AbilityFormItem from '../AbilityFormItem';
 import { GetAbilityDetail, PostQuestionCollectionUpsert } from "../../../../services/ai-ability";
 import { useRequest } from 'ahooks';
-import { Box, Button, Divider, Drawer, Message, TextField, Typography, useTextField } from 'fbm-ui';
+import { Box, Button, Divider, Drawer, Form, FormItem, Message, Typography, useForm } from 'fbm-ui';
+import { Stack } from 'fbm-ui/lib/mui';
+import { FieldArray } from 'formik';
 import { useCallback, useEffect, useRef, useState } from 'react';
+var validationSchema = Yup.object().shape({
+    name: Yup.string().required('能力名称不能为空'),
+    workPlaceItems: Yup.array().of(Yup.object().shape({
+        name: Yup.string().required(''),
+        items: Yup.array().of(Yup.string().required('')),
+    })),
+});
 var UpdateAbility = function (props) {
     var open = props.open, _a = props.type, type = _a === void 0 ? 1 : _a, isWorkplace = props.isWorkplace, _b = props.name, name = _b === void 0 ? '' : _b, ablilityNameLength = props.ablilityNameLength, token = props.token, onClose = props.onClose, onSuccess = props.onSuccess;
     var _c = __read(useState(''), 2), value = _c[0], setValue = _c[1];
@@ -75,8 +50,27 @@ var UpdateAbility = function (props) {
     var _e = __read(useState('show'), 2), mode = _e[0], setMode = _e[1];
     var firstLoad = useRef(true);
     var _f = __read(useState(false), 2), showAiDefineDetail = _f[0], setShowAiDefineDetail = _f[1];
-    // const [submitDisabled, setSubmitDisabled] = useState<boolean>(true);
     var _g = __read(useState(InitialValues.workPlaceItems), 2), workPlaceItems = _g[0], setWorkPlaceItems = _g[1];
+    var formik = useForm({
+        initialValues: { name: '', workPlaceItems: [] },
+        validationSchema: validationSchema,
+        validateOnChange: true,
+        onSubmit: function (values) {
+            // 处理表单提交逻辑
+            console.log(values);
+            var avocadoConfig = window['AvocadoVideoInterviewConfig'];
+            run({
+                name: values.name,
+                tag: values.name,
+                token: token,
+                workPlaceItems: values.workPlaceItems,
+                mateData: {
+                    account: avocadoConfig === null || avocadoConfig === void 0 ? void 0 : avocadoConfig.account,
+                    enterpriseId: avocadoConfig === null || avocadoConfig === void 0 ? void 0 : avocadoConfig.enterpriseId,
+                },
+            });
+        },
+    });
     var _h = useRequest(PostQuestionCollectionUpsert, {
         manual: true,
         onSuccess: function () {
@@ -87,7 +81,7 @@ var UpdateAbility = function (props) {
         onError: function (err) {
             console.log(err);
             if ((err === null || err === void 0 ? void 0 : err.code) === -1211) {
-                nameTextField.setError('能力名称不能重复');
+                formik.errors.name = '能力名称不能重复';
             }
         },
     }), run = _h.run, loading = _h.loading;
@@ -106,82 +100,60 @@ var UpdateAbility = function (props) {
             }
         },
     }).run;
-    var nameTextField = useTextField({
-        value: value,
-        label: '能力名称',
-        required: true,
-        rules: [
-            {
-                required: true,
-                message: '能力名称不能为空',
-            },
-        ],
-        onChange: function (e) { return setValue(e.target.value); },
-        max: ablilityNameLength,
-        sx: {
-            height: '48px',
-            width: '100%',
-            marginTop: '16px',
-        },
-    });
     var handleValue = useCallback(function (v) {
-        var index = workPlaceItems.findIndex(function (ele) { return ele.type === v.type; });
-        workPlaceItems.splice(index, 1, v);
-        var list = workPlaceItems;
-        setWorkPlaceItems(list);
+        // const index = workPlaceItems.findIndex(ele => ele.type === v.type);
+        // workPlaceItems.splice(index, 1, v);
+        // const list = workPlaceItems;
+        // setWorkPlaceItems(list);
     }, [workPlaceItems]);
-    var handleOk = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var error, workPlaceItemsError, avocadoConfig;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, nameTextField.handleValidate()];
-                case 1:
-                    error = _a.sent();
-                    workPlaceItemsError = workPlaceItems.some(function (v) { return v.items.length === 0; });
-                    if (!error) {
-                        avocadoConfig = window['AvocadoVideoInterviewConfig'];
-                        // 旧自定义能力
-                        if (type === 3 && !isWorkplace) {
-                            run({
-                                name: value,
-                                tag: value,
-                                token: token,
-                                mateData: {
-                                    account: avocadoConfig === null || avocadoConfig === void 0 ? void 0 : avocadoConfig.account,
-                                    enterpriseId: avocadoConfig === null || avocadoConfig === void 0 ? void 0 : avocadoConfig.enterpriseId,
-                                },
-                            });
-                        }
-                        else if (!workPlaceItemsError) {
-                            // 职场能力
-                            run({
-                                name: value,
-                                tag: value,
-                                token: token,
-                                workPlaceItems: workPlaceItems,
-                                mateData: {
-                                    account: avocadoConfig === null || avocadoConfig === void 0 ? void 0 : avocadoConfig.account,
-                                    enterpriseId: avocadoConfig === null || avocadoConfig === void 0 ? void 0 : avocadoConfig.enterpriseId,
-                                },
-                            });
-                        }
-                    }
-                    return [2 /*return*/];
-            }
-        });
-    }); }, [nameTextField, run, token, value, isWorkplace, type, workPlaceItems]);
+    // const handleOk = useCallback(async () => {
+    //   // const error = await nameTextField.handleValidate();
+    //   const error = false;
+    //   const workPlaceItemsError = workPlaceItems.some(v => v.items.length === 0);
+    //   if (!error) {
+    //     const avocadoConfig = window['AvocadoVideoInterviewConfig'];
+    //     // 旧自定义能力
+    //     if (type === 3 && !isWorkplace) {
+    //       run({
+    //         name: value,
+    //         tag: value,
+    //         token,
+    //         mateData: {
+    //           account: avocadoConfig?.account,
+    //           enterpriseId: avocadoConfig?.enterpriseId,
+    //         },
+    //       });
+    //     } else if (!workPlaceItemsError) {
+    //       // 职场能力
+    //       run({
+    //         name: value,
+    //         tag: value,
+    //         token,
+    //         workPlaceItems,
+    //         mateData: {
+    //           account: avocadoConfig?.account,
+    //           enterpriseId: avocadoConfig?.enterpriseId,
+    //         },
+    //       });
+    //     }
+    //   }
+    // }, [run, token, value, isWorkplace, type, workPlaceItems]);
     var footer = useCallback(function () {
-        return step === 1 ? (_jsx(Box, __assign({ display: "flex", padding: "12px 16px" }, { children: type === 1 ? (_jsx(_Fragment, {})) : (_jsx(Button, __assign({ variant: "outlined", color: "inherit", onClick: function () { return setStep(2); } }, { children: "\u7F16\u8F91" }))) }))) : (_jsxs(Box, __assign({ display: "flex", justifyContent: "flex-end", padding: "12px 16px" }, { children: [_jsx(Button, __assign({ sx: { mr: 1, fontWeight: 400 }, variant: "text", color: "inherit", onClick: onClose }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ loading: loading, onClick: handleOk }, { children: "\u4FDD\u5B58" }))] })));
-    }, [type, step, loading, setStep, handleOk, onClose]);
+        return step === 1 ? (_jsx(Box, __assign({ display: "flex", padding: "12px 16px" }, { children: type === 1 ? (_jsx(_Fragment, {})) : (_jsx(Button, __assign({ variant: "outlined", color: "inherit", onClick: function () { return setStep(2); } }, { children: "\u7F16\u8F91" }))) }))) : (_jsxs(Box, __assign({ display: "flex", justifyContent: "flex-end", padding: "12px 16px" }, { children: [_jsx(Button, __assign({ sx: { mr: 1, fontWeight: 400 }, variant: "text", color: "inherit", onClick: onClose }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ loading: loading, onClick: formik.submitForm }, { children: "\u4FDD\u5B58" }))] })));
+    }, [step, type, onClose, loading, formik]);
+    useEffect(function () {
+        formik.setFieldValue('workPlaceItems', workPlaceItems);
+    }, [workPlaceItems]);
     useEffect(function () {
         setValue(name);
+        formik.setFieldValue('name', name);
     }, [name]);
     useEffect(function () {
         if (!open) {
             setValue('');
             setWorkPlaceItems([]);
             setStep(1);
-            nameTextField.setError();
+            // nameTextField.setError();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [open]);
@@ -200,7 +172,10 @@ var UpdateAbility = function (props) {
     useEffect(function () {
         setWorkPlaceItems(workPlaceItems);
     }, [workPlaceItems, setWorkPlaceItems]);
-    return (_jsxs(Drawer, __assign({ className: "abilityDrawer", title: '能力详情', open: open, footer: footer, onClose: onClose }, { children: [_jsx(Box, __assign({ style: { width: '556px' } }, { children: step === 1 ? (_jsxs(Typography, __assign({ variant: "body1", fontWeight: "medium" }, { children: ["\u80FD\u529B\u540D\u79F0\uFF1A", value] }))) : (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ variant: "body2", color: "secondary" }, { children: "\u4F7F\u7528\u901A\u7528\u7684\u80FD\u529B\u540D\u79F0\uFF08\u4F8B\u5982\uFF1A\u9886\u5BFC\u529B\u3001\u5E94\u53D8\u80FD\u529B\u7B49\u5E38\u89C1\u8003\u6838\u9879\uFF09\u547D\u540D\u6709\u52A9\u4E8E\u63D0\u9AD8 AI \u8BC4\u4EF7\u53CA\u8BC4\u5206\u51C6\u786E\u6027\u3002" })), _jsx(TextField, __assign({}, nameTextField))] })) })), !(type === 3 && !isWorkplace) && (_jsxs(Box, __assign({ style: { width: '556px' } }, { children: [_jsx(Divider, { style: { margin: '24px 0' } }), _jsx(Typography, __assign({ variant: "body1", fontWeight: "medium", mb: 2 }, { children: "\u80FD\u529B\u6807\u51C6" })), showAiDefineDetail &&
-                        workPlaceItems.map(function (v) { return (_jsx(AbilityFormItem, { token: token, name: value, title: v.name, type: v.type, items: v.items, mode: mode, maxTextLength: v.type === 4 || v.type === 5 ? 300 : 100, canReplace: mode === 'edit' ? true : false, onChange: handleValue }, v.type)); })] })))] })));
+    return (_jsx(Drawer, __assign({ className: "abilityDrawer", title: '能力详情', open: open, footer: footer, onClose: onClose }, { children: _jsxs(Form, __assign({}, formik, { children: [_jsx(Box, __assign({ style: { width: '556px' } }, { children: step === 1 ? (_jsxs(Typography, __assign({ variant: "body1", fontWeight: "medium" }, { children: ["\u80FD\u529B\u540D\u79F0\uFF1A", value] }))) : (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ variant: "body2", color: "secondary" }, { children: "\u4F7F\u7528\u901A\u7528\u7684\u80FD\u529B\u540D\u79F0\uFF08\u4F8B\u5982\uFF1A\u9886\u5BFC\u529B\u3001\u5E94\u53D8\u80FD\u529B\u7B49\u5E38\u89C1\u8003\u6838\u9879\uFF09\u547D\u540D\u6709\u52A9\u4E8E\u63D0\u9AD8 AI \u8BC4\u4EF7\u53CA\u8BC4\u5206\u51C6\u786E\u6027\u3002" })), _jsx(FormItem, { name: "name", label: "\u80FD\u529B\u540D\u79F0", sx: { height: '48px', width: '100%', marginTop: '16px' }, max: ablilityNameLength, onKeyDown: function (event) {
+                                    if (event.key === 'Enter') {
+                                        event.preventDefault();
+                                    }
+                                } })] })) })), !(type === 3 && !isWorkplace) && (_jsxs(Box, __assign({ style: { width: '556px' } }, { children: [_jsx(Divider, { style: { margin: '24px 0' } }), _jsx(Typography, __assign({ variant: "body1", fontWeight: "medium", mb: 2 }, { children: "\u80FD\u529B\u6807\u51C6" })), showAiDefineDetail && (_jsx(FieldArray, __assign({ name: "workPlaceItems" }, { children: function () { return (_jsx(Stack, { children: formik.values.workPlaceItems.map(function (item, index) { return (_jsx(Stack, { children: _jsx(AbilityFormItem, { token: token, name: value, title: item.name, type: item.type, items: item.items, mode: mode, index: index, item: item, maxTextLength: item.type === 4 || item.type === 5 ? 300 : 100, canReplace: mode === 'edit' ? true : false, onChange: handleValue }, item.type) }, index)); }) })); } })))] })))] })) })));
 };
 export default UpdateAbility;

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

@@ -93,12 +93,12 @@ var AiQuestionRoot = forwardRef(function (props, ref) {
         handleValues: handleValues,
         handleTemplate: function (steps) { return addModel(steps); },
         handleSubmit: function () { return __awaiter(void 0, void 0, void 0, function () {
-            var _a, _b, name, token, questions, _c, mediaUrl, thumbUrl, appliedAllPosition, data, error_1;
+            var _a, _b, name, token, questions, aiModel, _c, mediaUrl, thumbUrl, appliedAllPosition, data, error_1;
             return __generator(this, function (_d) {
                 switch (_d.label) {
                     case 0: return [4 /*yield*/, handleValues()];
                     case 1:
-                        _a = _d.sent(), _b = _a.data, name = _b.name, token = _b.token, questions = _b.steps, _c = _a.media, mediaUrl = _c.mediaUrl, thumbUrl = _c.thumbUrl, appliedAllPosition = _c.appliedAllPosition;
+                        _a = _d.sent(), _b = _a.data, name = _b.name, token = _b.token, questions = _b.steps, aiModel = _b.aiModel, _c = _a.media, mediaUrl = _c.mediaUrl, thumbUrl = _c.thumbUrl, appliedAllPosition = _c.appliedAllPosition;
                         if (!(questions === null || questions === void 0 ? void 0 : questions.length)) {
                             Message.error('还未添加题目，请添加题目');
                             return [2 /*return*/, Promise.reject()];
@@ -106,7 +106,7 @@ var AiQuestionRoot = forwardRef(function (props, ref) {
                         _d.label = 2;
                     case 2:
                         _d.trys.push([2, 4, , 5]);
-                        return [4 /*yield*/, PostAiModelUpsert(__assign(__assign({ name: name, thirdToken: '' }, interviewRoomState), { introductoryVideoSetting: {}, selectAbilities: selctedAbilitys, token: token, questions: questions }))];
+                        return [4 /*yield*/, PostAiModelUpsert(__assign(__assign({ name: name, thirdToken: '', aiModel: (props === null || props === void 0 ? void 0 : props.aiModel) || aiModel }, interviewRoomState), { introductoryVideoSetting: {}, selectAbilities: selctedAbilitys, token: token, questions: questions }))];
                     case 3:
                         data = (_d.sent()).data;
                         return [2 /*return*/, Promise.resolve({

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

@@ -88,6 +88,6 @@ var CustomVideos = function (_a) {
     return (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: "medium", mt: 3 }, { children: "\u5F15\u5BFC\u89C6\u9891" })), _jsxs(CustomUploadedImgRoot, __assign({ sx: { minHeight: 0 } }, { children: [mediaList === null || mediaList === void 0 ? void 0 : mediaList.map(function (_a, i) {
                         var url = _a.url, selected = _a.selected;
                         return (_jsx(UploadPreview, { src: "".concat(url, "?x-oss-process=video/snapshot,t_0,f_jpg"), style: { borderColor: selected ? '#4CAF50' : 'transparent' }, height: 100, alt: "", onClick: function () { return handleSelectVideo(i); }, onRemove: function () { return handleRemoveVideo(i); } }, url));
-                    }), loading && _jsx(Box, { height: 100, loading: { size: 24, loading: true, isMask: true } })] })), _jsxs(Stack, __assign({ direction: "row", alignItems: "center" }, { children: [_jsxs(CustomUploadButtonRoot, { children: [mediaList.length <= 5 && (_jsx(Upload, __assign({}, uploadProps, { children: _jsx(Button, __assign({ variant: "outlined", disabled: mediaList.length > 5, color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) }))), mediaList.length > 5 && (_jsx(Button, __assign({ variant: "outlined", disabled: mediaList.length > 5, color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })))] }), _jsx(Tooltip, __assign({ title: "\u5EFA\u8BAE\u4E0A\u4F20mp4\u683C\u5F0F\uFF0C\u5927\u5C0F\u4E0D\u8981\u8D85\u8FC7500M\uFF0C\u6700\u591A\u652F\u6301\u4E0A\u4F205\u4E2A\uFF0C\u652F\u6301\u89C6\u9891\u683C\u5F0F\uFF1Amp4\u3001mov\u3001m4v\u30013gp\u3001avi\u3001webm", placement: "bottom-start" }, { children: _jsx(Box, __assign({ display: "flex", alignItems: "center", sx: { ml: 1 } }, { children: _jsx(InfoOutlineIcon, { sx: { color: 'rgba(0, 0, 0, 0.56)', fontSize: 16 } }) })) }))] })), mediaList.length === 0 && (_jsx(Typography, __assign({ variant: "caption", color: "error" }, { children: "\u4E0A\u4F20\u89C6\u9891\u4E0D\u53EF\u4E3A\u7A7A" })))] }));
+                    }), loading && _jsx(Box, { height: 100, loading: { size: 24, loading: true, isMask: true } })] })), _jsxs(Stack, __assign({ direction: "row", alignItems: "center" }, { children: [_jsxs(CustomUploadButtonRoot, { children: [mediaList.length < 5 && (_jsx(Upload, __assign({}, uploadProps, { children: _jsx(Button, __assign({ variant: "outlined", disabled: mediaList.length > 5, color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) }))), mediaList.length >= 5 && (_jsx(Button, __assign({ variant: "outlined", disabled: true, color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })))] }), _jsx(Tooltip, __assign({ title: "\u5EFA\u8BAE\u4E0A\u4F20mp4\u683C\u5F0F\uFF0C\u5927\u5C0F\u4E0D\u8981\u8D85\u8FC7500M\uFF0C\u6700\u591A\u652F\u6301\u4E0A\u4F205\u4E2A\uFF0C\u652F\u6301\u89C6\u9891\u683C\u5F0F\uFF1Amp4\u3001mov\u3001m4v\u30013gp\u3001avi\u3001webm", placement: "bottom-start" }, { children: _jsx(Box, __assign({ display: "flex", alignItems: "center", sx: { ml: 1 } }, { children: _jsx(InfoOutlineIcon, { sx: { color: 'rgba(0, 0, 0, 0.56)', fontSize: 16 } }) })) }))] })), mediaList.length === 0 && (_jsx(Typography, __assign({ variant: "caption", color: "error" }, { children: "\u4E0A\u4F20\u89C6\u9891\u4E0D\u53EF\u4E3A\u7A7A" })))] }));
 };
 export default CustomVideos;

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

@@ -13,6 +13,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, CancelIcon, IconButton } from 'fbm-ui';
 var UploadPreview = function (_a) {
     var src = _a.src, style = _a.style, onClick = _a.onClick, onRemove = _a.onRemove, height = _a.height, alt = _a.alt, _b = _a.disabledRemove, disabledRemove = _b === void 0 ? false : _b;
-    return (_jsxs(Box, { children: [_jsx("img", { src: src, height: height, style: style, alt: alt, onClick: onClick }), !disabledRemove && (_jsx(IconButton, __assign({ onClick: onRemove, size: "small", sx: { position: 'absolute', top: -14, right: -16 } }, { children: _jsx(CancelIcon, {}) })))] }));
+    return (_jsxs(Box, __assign({ sx: {
+            height: height,
+            '& .remove': {
+                display: 'none',
+            },
+            '&:hover .remove': {
+                display: 'block',
+            },
+        } }, { children: [_jsx("img", { src: src, height: height, style: style, alt: alt, onClick: onClick }), !disabledRemove && (_jsx(IconButton, __assign({ className: "remove", onClick: onRemove, size: "small", sx: { position: 'absolute', top: -14, right: -16 } }, { children: _jsx(CancelIcon, {}) })))] })));
 };
 export default UploadPreview;

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

@@ -184,7 +184,17 @@ var BootVideo = function (props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [open]);
-    return (_jsx(Dialog, __assign({ open: open, title: "\u5B9A\u5236\u9762\u8BD5\u95F4", okText: "\u786E\u8BA4", onClose: onClose, onOk: handleOk, width: 588 }, { children: _jsx(ScrollDialogContent, { children: _jsx(Box, __assign({ sx: { display: 'flex', justifyContent: 'space-between', width: '100%' } }, { children: _jsxs(Stack, __assign({ width: "100%" }, { children: [_jsx(Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500 }, { children: "\u9762\u8BD5\u95F4\u4E92\u52A8\u65B9\u5F0F" })), _jsxs(RadioGroup, __assign({ defaultValue: "outlined", onChange: handleInteractTypeChange, value: interviewRoomState.interactType }, { children: [_jsx(Radio, { value: 1, label: "\u4F20\u7EDF\u8BFB\u9898\u6A21\u5F0F" }), _jsx(Radio, { value: 2, label: "AI\u9762\u8BD5\u5B98\u5BF9\u8BDD\u6A21\u5F0F" })] })), interviewRoomState.interactType === 2 && (_jsxs(_Fragment, { children: [_jsx(Select, { options: Options, value: broadcastType, onChange: function (e) {
+    return (_jsx(Dialog, __assign({ open: open, title: "\u5B9A\u5236\u9762\u8BD5\u95F4", okText: "\u786E\u8BA4", onClose: onClose, onOk: handleOk, width: 588, 
+        // @ts-ignore
+        sx: {
+            '& .FuiDialog-content': {
+                pb: 4.5,
+            },
+        } }, { children: _jsx(ScrollDialogContent, { children: _jsx(Box, __assign({ sx: { display: 'flex', justifyContent: 'space-between', width: '100%' } }, { children: _jsxs(Stack, __assign({ width: "100%" }, { children: [_jsx(Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500 }, { children: "\u9762\u8BD5\u95F4\u4E92\u52A8\u65B9\u5F0F" })), _jsxs(RadioGroup, __assign({ sx: {
+                                '& .MuiFormControlLabel-root': {
+                                    mr: 4.5,
+                                },
+                            }, defaultValue: "outlined", onChange: handleInteractTypeChange, value: interviewRoomState.interactType }, { children: [_jsx(Radio, { value: 1, label: "\u4F20\u7EDF\u8BFB\u9898\u6A21\u5F0F" }), _jsx(Radio, { value: 2, label: "AI\u9762\u8BD5\u5B98\u5BF9\u8BDD\u6A21\u5F0F" })] })), interviewRoomState.interactType === 2 && (_jsxs(_Fragment, { children: [_jsx(Select, { options: Options, value: broadcastType, onChange: function (e) {
                                         var _a;
                                         var value = e.target.value;
                                         setVirtualManList(__spreadArray([], __read(virtualManList.map(function (v) { return (__assign(__assign({}, v), { selected: v.type === value })); })), false));
@@ -193,11 +203,11 @@ var BootVideo = function (props) {
                                                 // @ts-ignore
                                                 aiInterviewerProfile: (_a = virtualManList.find(function (v) { return v.type === value; })) === null || _a === void 0 ? void 0 : _a.detail }));
                                         }
-                                    }, sx: { width: 240, height: 'auto', mt: 1 } }), broadcastType === 3 && (_jsxs(Stack, { children: [_jsx(CustomVideos, { mediaList: (_a = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _a === void 0 ? void 0 : _a.tutorialVideos, setMediaList: handleSetVideo }), _jsx(Typography, __assign({ variant: "body2", fontWeight: "medium", mt: 3, mb: 2 }, { children: "\u5F15\u5BFC\u89C6\u9891\u6587\u672C\u6846\u5185\u5BB9" })), _jsx(TextField, { multiline: true, error: (((_b = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) === null || _b === void 0 ? void 0 : _b.length) || 0) > 300, rows: 3, placeholder: "\u8BF7\u8F93\u5165\u6587\u672C\u6846\u5185\u5BB9\uFF0C\u82E5\u4E0D\u586B\uFF0C\u5219\u5728\u9762\u8BD5\u95F4\u4E0D\u5C55\u793A\u8BE5\u6587\u672C\u6846\u3002", value: virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText, sx: { mb: 2 }, onChange: handleGuidanceText })] })), _jsx(Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500, mt: 3 }, { children: broadcastType !== 3 ? '面试官形象' : '面试官形象（播报题目）' })), broadcastType !== 3 && (_jsx(CustomUploadedImgRoot, { children: _jsx(Box, { children: _jsx("img", { src: (_c = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _c === void 0 ? void 0 : _c.virtualHumanAvatar, style: {
+                                    }, sx: { width: 240, height: 'auto', mt: 1 } }), broadcastType === 3 && (_jsxs(Stack, { children: [_jsx(CustomVideos, { mediaList: (_a = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _a === void 0 ? void 0 : _a.tutorialVideos, setMediaList: handleSetVideo }), _jsx(Typography, __assign({ variant: "body2", fontWeight: "medium", mt: 3, mb: 2 }, { children: "\u5F15\u5BFC\u89C6\u9891\u6587\u672C\u6846\u5185\u5BB9" })), _jsx(TextField, { multiline: true, error: (((_b = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) === null || _b === void 0 ? void 0 : _b.length) || 0) > 300, rows: 3, placeholder: "\u8BF7\u8F93\u5165\u6587\u672C\u6846\u5185\u5BB9\uFF0C\u82E5\u4E0D\u586B\uFF0C\u5219\u5728\u9762\u8BD5\u95F4\u4E0D\u5C55\u793A\u8BE5\u6587\u672C\u6846\u3002", value: virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText, sx: { mb: 2 }, onChange: handleGuidanceText, max: 300 })] })), _jsx(Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500, mt: 3 }, { children: broadcastType !== 3 ? '面试官形象' : '面试官形象（播报题目）' })), broadcastType !== 3 && (_jsx(CustomUploadedImgRoot, { children: _jsx(Box, { children: _jsx("img", { src: (_c = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _c === void 0 ? void 0 : _c.virtualHumanAvatar, style: {
                                                 borderColor: 'transparent',
                                             }, height: 100, alt: "" }) }) })), broadcastType === 3 && (_jsx(CustomUploadedImgRoot, { children: (_e = (_d = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _d === void 0 ? void 0 : _d.interviewerShows) === null || _e === void 0 ? void 0 : _e.map(function (human) { return (_jsxs(Box, { children: [_jsx("img", { src: human.virtualHumanAvatar, style: {
                                                     borderColor: human.selected ? '#4CAF50' : 'transparent',
-                                                }, height: 100, alt: "", onClick: function () { return handleSelectHumanType(human); } }), _jsx(Typography, __assign({ variant: "body2", textAlign: "center" }, { children: human.name }))] }, human.humanToken)); }) })), _jsx(Typography, __assign({ variant: "caption", flexWrap: "wrap", color: "disabled", mb: 3 }, { children: (virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail.desc) || ((_h = (_g = (_f = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _f === void 0 ? void 0 : _f.interviewerShows) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.desc) })), broadcastType !== 3 && (_jsxs(Stack, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: "medium", mb: 2 }, { children: "\u5F15\u5BFC\u89C6\u9891\u64AD\u62A5\u5185\u5BB9" })), _jsx(TextField, { multiline: true, error: (((_j = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) === null || _j === void 0 ? void 0 : _j.length) || 0) > 300, rows: 3, placeholder: "\u8BF7\u8F93\u5165\u6587\u672C\u6846\u5185\u5BB9\uFF0C\u82E5\u4E0D\u586B\uFF0C\u5219\u5728\u9762\u8BD5\u95F4\u4E0D\u5C55\u793A\u8BE5\u6587\u672C\u6846\u3002", value: virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText, onChange: handleGuidanceText })] }))] })), interviewRoomState.interactType === 1 && (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500, mt: 2, mb: 1 }, { children: "\u5F15\u5BFC\u89C6\u9891" })), _jsx(CustomUploadedImgRoot, { children: mediaList.map(function (_a) {
+                                                }, height: 100, alt: "", onClick: function () { return handleSelectHumanType(human); } }), _jsx(Typography, __assign({ variant: "body2", textAlign: "center" }, { children: human.name }))] }, human.humanToken)); }) })), _jsx(Typography, __assign({ variant: "caption", flexWrap: "wrap", color: "disabled", mb: 3 }, { children: (virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail.desc) || ((_h = (_g = (_f = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.detail) === null || _f === void 0 ? void 0 : _f.interviewerShows) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.desc) })), broadcastType !== 3 && (_jsxs(Stack, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: "medium", mb: 2 }, { children: "\u5F15\u5BFC\u89C6\u9891\u64AD\u62A5\u5185\u5BB9" })), _jsx(TextField, { multiline: true, error: (((_j = virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText) === null || _j === void 0 ? void 0 : _j.length) || 0) > 300, rows: 3, placeholder: "\u8BF7\u8F93\u5165\u6587\u672C\u6846\u5185\u5BB9\uFF0C\u82E5\u4E0D\u586B\uFF0C\u5219\u5728\u9762\u8BD5\u95F4\u4E0D\u5C55\u793A\u8BE5\u6587\u672C\u6846\u3002", value: virtualMan === null || virtualMan === void 0 ? void 0 : virtualMan.guidanceText, onChange: handleGuidanceText, max: 300 })] }))] })), interviewRoomState.interactType === 1 && (_jsxs(_Fragment, { children: [_jsx(Typography, __assign({ fontSize: "14px", variant: "body1", fontWeight: 500, mt: 2, mb: 1 }, { children: "\u5F15\u5BFC\u89C6\u9891" })), _jsx(CustomUploadedImgRoot, { children: mediaList.map(function (_a) {
                                         var videoUrl = _a.videoUrl, frameUrl = _a.frameUrl;
                                         return (_jsx("img", { src: frameUrl, style: { borderColor: (mediaState === null || mediaState === void 0 ? void 0 : mediaState.mediaUrl) === videoUrl ? '#4CAF50' : 'transparent' }, height: 100, alt: "", onClick: function () { return handleSelectVideo(videoUrl, frameUrl); } }, videoUrl));
                                     }) }), _jsxs(Stack, __assign({ direction: "row", alignItems: "center" }, { children: [_jsxs(CustomUploadButtonRoot, { children: [mediaList.length <= 5 && (_jsx(Upload, __assign({}, uploadProps, { children: _jsx(Button, __assign({ variant: "outlined", disabled: mediaList.length > 5, color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) }))), mediaList.length > 5 && (_jsx(Button, __assign({ variant: "outlined", disabled: mediaList.length > 5, color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })))] }), _jsx(Tooltip, __assign({ title: "\u5EFA\u8BAE\u4E0A\u4F20mp4\u683C\u5F0F\uFF0C\u5927\u5C0F\u4E0D\u8981\u8D85\u8FC7500M\uFF0C\u6700\u591A\u652F\u6301\u4E0A\u4F205\u4E2A\uFF0C\u652F\u6301\u89C6\u9891\u683C\u5F0F\uFF1Amp4\u3001mov\u3001m4v\u30013gp\u3001avi\u3001webm", placement: "bottom-start" }, { children: _jsx(Box, __assign({ display: "flex", alignItems: "center", sx: { ml: 1 } }, { children: _jsx(InfoOutlineIcon, { sx: { color: 'rgba(0, 0, 0, 0.56)', fontSize: 16 } }) })) }))] }))] }))] })) })) }) })));

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

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

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

@@ -0,0 +1,109 @@
+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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ScrollDialogContent from "../../../../components/ScrollDialogContent";
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import { GetQuestionTemplate, ParseQuestionTemplate } from "../../../../services/ai-question";
+import { useQuestionModelStore } from "../../../../store/ai-question/question-model-store";
+import { DocumentIcon, DownloadIcon } from 'fbm-icons';
+import { Box, Button, Dialog, Message, Typography } from 'fbm-ui';
+import { DialogTitle, Divider } from 'fbm-ui/lib/mui';
+import { saveAs } from 'file-saver';
+import { useState } from 'react';
+var BootVideo = function (props) {
+    var open = props.open, onClose = props.onClose;
+    var addModel = useQuestionModelStore(function (store) { return [store.addModel]; }).addModel;
+    var _a = __read(useState(0), 2), step = _a[0], setStep = _a[1];
+    var _b = __read(useState(''), 2), fileName = _b[0], setFileName = _b[1];
+    var _c = __read(useState({
+        countQuestion: 0,
+        countContent: 0,
+        steps: [],
+    }), 2), questionTemplate = _c[0], setQuestionTemplate = _c[1];
+    var handleOk = function () {
+        addModel(questionTemplate.steps);
+        onClose();
+    };
+    var handleQuestionImport = function (e) {
+        e.preventDefault();
+        var file = e.target.files[0];
+        console.log(file);
+        parseTemplate(file);
+    };
+    var dragQuestionImport = function (e) {
+        e.preventDefault();
+        var file = e.dataTransfer.files[0];
+        parseTemplate(file);
+    };
+    var parseTemplate = function (file) {
+        var formData = new FormData();
+        formData.append('files', file);
+        ParseQuestionTemplate(formData)
+            .then(function (resp) {
+            setFileName(file.name);
+            // @ts-ignore
+            setQuestionTemplate(resp.data);
+            setStep(1);
+        })
+            .catch(console.log);
+    };
+    var handleDowloadTemplate = function () {
+        GetQuestionTemplate()
+            .then(function (v) { return saveAs(v.data, '试卷模板.xlsx'); })
+            .catch(function (e) { return Message.error(e.toString()); });
+    };
+    return (_jsx(Dialog, __assign({ open: open, header: null, footer: null, okText: "\u786E\u8BA4", onClose: onClose, onOk: handleOk, width: 588, 
+        // @ts-ignore
+        sx: {
+            '& .MuiPaper-root>.MuiBox-root, .FuiDialog-content': {
+                padding: 0,
+                margin: 0,
+            },
+        } }, { children: _jsxs(ScrollDialogContent, { children: [step === 0 && (_jsxs(Box, __assign({ sx: { display: 'flex', justifyContent: 'space-between', width: '100%' } }, { children: [_jsxs(Box, __assign({ bgcolor: "#E8F5E9", width: 228, flexGrow: 0, flexShrink: 0, pl: 4.5, pr: 2.75, pt: 11.25, height: 420 }, { children: [_jsx(Typography, __assign({ variant: "h6" }, { children: "1. \u9009\u62E9\u6A21\u677F" })), _jsxs(Typography, __assign({ variant: "body2", style: { marginTop: 24, marginBottom: 8 } }, { children: ["\u4F60\u53EF\u4EE5\u4E0B\u8F7D\u901A\u7528", _jsx("br", {}), " Excel \u6A21\u677F\u6587\u4EF6"] })), _jsx(Button, __assign({ variant: "contained", color: "primary", startIcon: _jsx(DownloadIcon, {}), onClick: handleDowloadTemplate }, { children: "\u4E0B\u8F7D\u901A\u7528\u6A21\u677F" }))] })), _jsxs(Box, __assign({ flexGrow: 1, display: "flex", flexDirection: "column", alignItems: "flex-end" }, { children: [_jsx(DialogContent, __assign({ sx: { boxSizing: 'border-box', width: '100%', py: 2 } }, { children: _jsxs(Box, { children: [_jsx(Box, __assign({ mb: 3, mt: 3.5 }, { children: _jsx(Typography, __assign({ variant: "h6" }, { children: "2. \u4E0A\u4F20\u586B\u5199\u5B8C\u6BD5\u7684Excel\u6587\u4EF6" })) })), _jsxs(Box, __assign({ mb: 4.75, height: 184, onDragOver: function (e) { return e.preventDefault(); }, onDrop: dragQuestionImport, sx: {
+                                                    height: 166,
+                                                    color: 'rgba(0, 0, 0, 0.6)',
+                                                    border: '1px dashed #999999',
+                                                    borderRadius: 0.5,
+                                                    display: 'flex',
+                                                    flexDirection: 'column',
+                                                    justifyContent: 'center',
+                                                    alignItems: 'center',
+                                                    '& div': {
+                                                        margin: '0.25rem',
+                                                    },
+                                                } }, { children: [_jsx("div", { children: "\u5C06\u586B\u597D\u540E\u7684.xlsx\u6587\u4EF6\u62D6\u62FD\u81F3\u6B64\u5904" }), _jsx("div", { children: "\u6216" }), _jsx("div", { children: _jsxs(Button, __assign({ variant: "outlined", 
+                                                            // @ts-ignore
+                                                            component: "label" }, { children: ["\u6D4F\u89C8\u6587\u4EF6", _jsx("input", { type: "file", name: "file", accept: ".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel", onChange: handleQuestionImport, style: { display: 'none' } })] })) })] }))] }) })), _jsxs(DialogActions, { children: [_jsx(Button, __assign({ variant: "text", onClick: onClose, color: "inherit" }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ disabled: true }, { children: "\u7EE7\u7EED" }))] })] }))] }))), step === 1 && (_jsxs(Box, { children: [_jsx(DialogTitle, { children: "Excel \u5BFC\u5165" }), _jsxs(DialogContent, __assign({ sx: {
+                                width: '100%',
+                                boxSizing: 'border-box',
+                            } }, { children: [_jsxs(Typography, __assign({ variant: "caption", color: "text.secondary", pb: 2, display: "block" }, { children: ["\u5F85\u5BFC\u5165", questionTemplate === null || questionTemplate === void 0 ? void 0 : questionTemplate.countQuestion, "\u9053\u9898\u76EE\uFF0C", questionTemplate === null || questionTemplate === void 0 ? void 0 : questionTemplate.countContent, "\u6761\u9762\u8BD5\u5185\u5BB9"] })), _jsxs(Box, { children: [_jsx(Divider, {}), _jsxs(Box, __assign({ display: "flex", justifyContent: "space-between", py: 2.5 }, { children: [_jsxs(Box, __assign({ display: "flex", alignItems: "center" }, { children: [_jsx(DocumentIcon, {}), " ", _jsx(Box, { children: fileName })] })), _jsx(Box, { children: _jsxs(Button, __assign({ variant: "outlined", 
+                                                        // @ts-ignore
+                                                        component: "label" }, { children: ["\u66FF\u6362\u6587\u4EF6", _jsx("input", { type: "file", name: "file", accept: ".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel", onChange: handleQuestionImport, style: { display: 'none' } })] })) })] })), _jsx(Divider, {})] })] })), _jsxs(DialogActions, { children: [_jsx(Button, __assign({ variant: "text", onClick: onClose, color: "inherit" }, { children: "\u53D6\u6D88" })), _jsx(Button, __assign({ variant: "contained", color: "primary", onClick: handleOk }, { children: "\u5BFC\u5165" }))] })] }))] }) })));
+};
+export default BootVideo;

package/esm/modules/ai-question/components/QuestionImport/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/QuestionImport/interface.js

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const CustomUploadCardRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CustomUploadCardTitle: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CustomUploadButtonRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CustomUploadedImgRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
+    children?: import("react").ReactNode;
+} & import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

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

@@ -0,0 +1,49 @@
+import { Box, styled } from 'fbm-ui';
+export var CustomUploadCardRoot = styled(Box)({
+    backgroundColor: '#fff',
+    border: '1px dashed #e0e0e0',
+    borderRadius: 4,
+    cursor: 'pointer',
+    height: 330,
+    width: 180,
+    margin: '0 auto',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexDirection: 'column',
+    '&:hover': {
+        backgroundColor: 'rgba(75,176,81,.04)',
+    },
+});
+export var CustomUploadCardTitle = styled(Box)({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    '& .MuiTypography-root': {
+        marginLeft: 8,
+    },
+});
+export var CustomUploadButtonRoot = styled(Box)({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    margin: '8px 0',
+});
+export var CustomUploadedImgRoot = styled(Box)({
+    minHeight: 100,
+    display: 'flex',
+    flexWrap: 'wrap',
+    alignItems: 'center',
+    padding: '8px 0',
+    boxSizing: 'content-box',
+    '& img, & div': {
+        boxSizing: 'border-box',
+        width: 56,
+        objectFit: 'cover',
+        // transition: 'all 0.3s ease 0s',
+        cursor: 'pointer',
+        border: '2px solid transparent',
+        borderRadius: 4,
+        marginRight: 4,
+    },
+});

package/esm/modules/ai-question/components/QuestionModel/Header.js

@@ -9,15 +9,36 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import QuestionImport from '../QuestionImport';
 import { useQuestionModelStore } from "../../../../store/ai-question/question-model-store";
 import { getSecondToTime } from "../../../../utils/utils";
-import { Typography } from 'fbm-ui';
+import { Button, Typography } from 'fbm-ui';
 import { Stack } from 'fbm-ui/lib/mui';
+import { useState } from 'react';
 var QuestionHeader = function () {
     var questionModelData = useQuestionModelStore().questionModelData;
+    var _a = __read(useState(false), 2), open = _a[0], setOpen = _a[1];
     if (!questionModelData)
         return null;
-    return (_jsxs(Stack, __assign({ width: "100%", direction: "row", spacing: 2, alignItems: "center" }, { children: [_jsxs(Typography, __assign({ variant: "body2", fontWeight: 500 }, { children: ["\u9884\u8BA1\u9762\u8BD5\u65F6\u957F\uFF1A", getSecondToTime((questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.duration) || 0)] })), _jsx(Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u62D6\u52A8\u8BD5\u9898\u5361\u7247\u53EF\u6539\u53D8\u8BD5\u9898\u987A\u5E8F" }))] })));
+    return (_jsxs(Stack, __assign({ width: "100%", direction: "row", alignItems: "center", justifyContent: "space-between" }, { children: [_jsxs(Stack, __assign({ direction: "row", spacing: 2, alignItems: "center" }, { children: [_jsxs(Typography, __assign({ variant: "body2", fontWeight: 500 }, { children: ["\u9884\u8BA1\u9762\u8BD5\u65F6\u957F\uFF1A", getSecondToTime((questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.duration) || 0)] })), _jsx(Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\u62D6\u52A8\u8BD5\u9898\u5361\u7247\u53EF\u6539\u53D8\u8BD5\u9898\u987A\u5E8F" }))] })), _jsx(Button, __assign({ color: "inherit", variant: "outlined", onClick: function () { return setOpen(true); } }, { children: "\u5BFC\u5165\u9898\u76EE" })), open && (_jsx(QuestionImport, { open: open, onClose: function () {
+                    setOpen(false);
+                } }))] })));
 };
 export default QuestionHeader;