eli-video-interview 1.2.41-alpha.4 → 1.2.41-alpha.41

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-ability/styled.d.ts

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

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

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const NewBadge: import("@emotion/styled").StyledComponent<import("@mui/system/createStyled").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const NewBadge: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;

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

@@ -66,11 +66,12 @@ var AiQuestionRoot = forwardRef(function (props, ref) {
     var interviewRoomState = useInterviewRoomStore().interviewRoomState;
     var addModel = useQuestionModelStore(function (store) { return [store.addModel]; }).addModel;
     var selctedAbilitys = useAiAbilityListStore().selctedAbilitys;
+    var isOem = props.isOem;
     var handleValues = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var questionModelData, _a, mediaUrl, thumbUrl, appliedAllPosition, steps;
+        var questionModelData, _a, pcUrl, pcThumbUrl, mediaUrl, thumbUrl, appliedAllPosition, steps;
         return __generator(this, function (_b) {
             questionModelData = (getQuestionModelStore() || {}).questionModelData;
-            _a = getBootVideoStore() || {}, mediaUrl = _a.mediaUrl, thumbUrl = _a.thumbUrl, appliedAllPosition = _a.appliedAllPosition;
+            _a = getBootVideoStore() || {}, pcUrl = _a.pcUrl, pcThumbUrl = _a.pcThumbUrl, mediaUrl = _a.mediaUrl, thumbUrl = _a.thumbUrl, appliedAllPosition = _a.appliedAllPosition;
             steps = questionModelData === null || questionModelData === void 0 ? void 0 : questionModelData.steps.map(function (item) {
                 item.weight = Number(item.weight);
                 item.aiAbilities = item.aiAbilities.map(function (aiAbility) {
@@ -82,6 +83,8 @@ var AiQuestionRoot = forwardRef(function (props, ref) {
             return [2 /*return*/, Promise.resolve({
                     data: __assign(__assign({}, questionModelData), { steps: steps }),
                     media: {
+                        pcUrl: pcUrl,
+                        pcThumbUrl: pcThumbUrl,
                         mediaUrl: mediaUrl,
                         thumbUrl: thumbUrl,
                         appliedAllPosition: appliedAllPosition,
@@ -93,12 +96,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, pcUrl, pcThumbUrl, 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, pcUrl = _c.pcUrl, pcThumbUrl = _c.pcThumbUrl, 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,12 +109,12 @@ 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({
                                 code: 0,
-                                data: __assign(__assign({}, data), { mediaUrl: mediaUrl, thumbUrl: thumbUrl, appliedAllPosition: appliedAllPosition }),
+                                data: __assign(__assign({}, data), { pcUrl: pcUrl, pcThumbUrl: pcThumbUrl, mediaUrl: mediaUrl, thumbUrl: thumbUrl, appliedAllPosition: appliedAllPosition }),
                                 message: '保存成功',
                             })];
                     case 4:
@@ -125,8 +128,8 @@ var AiQuestionRoot = forwardRef(function (props, ref) {
     useEffect(function () {
         updateState(props);
         if (props === null || props === void 0 ? void 0 : props.mediaList) {
-            var _a = (props === null || props === void 0 ? void 0 : props.mediaList[0]) || {}, mediaUrl = _a.url, thumbUrl = _a.thumbUrl;
-            updateBootVideo({ mediaUrl: mediaUrl, thumbUrl: thumbUrl });
+            var _a = (props === null || props === void 0 ? void 0 : props.mediaList[0]) || {}, pcUrl = _a.pcUrl, pcThumbUrl = _a.pcThumbUrl, mediaUrl = _a.url, thumbUrl = _a.thumbUrl;
+            updateBootVideo({ pcUrl: pcUrl, pcThumbUrl: pcThumbUrl, mediaUrl: mediaUrl, thumbUrl: thumbUrl });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props]);
@@ -142,7 +145,7 @@ var AiQuestionRoot = forwardRef(function (props, ref) {
                     width: '256px',
                     height: '100%',
                     overflow: 'auto',
-                } }, { children: _jsx(QuestionTemplate, {}) }))] })));
+                } }, { children: _jsx(QuestionTemplate, { isOem: isOem }) }))] })));
 });
 AiQuestionRoot.displayName = 'AiQuestionRoot';
 export default memo(AiQuestionRoot);

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

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

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

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

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

@@ -34,7 +34,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CustomUploadButtonRoot, CustomUploadedImgRoot } from './styled';
 import UploadPreview from './UploadPreview';
 import { PostCommonUpload } from "../../../../services/ai-question";
@@ -45,49 +45,87 @@ import { Stack, Tooltip } from 'fbm-ui/lib/mui';
 import { useCallback } from 'react';
 var CustomVideos = function (_a) {
     var mediaList = _a.mediaList, setMediaList = _a.setMediaList;
-    var _b = useRequest(PostCommonUpload, {
+    var tutorialVideos = mediaList.tutorialVideos, _b = mediaList.pcTutorialVideos, pcTutorialVideos = _b === void 0 ? [] : _b;
+    var _c = useRequest(function (type, formData) { return PostCommonUpload(formData); }, {
         manual: true,
-        onSuccess: function (_a) {
+        onSuccess: function (_a, params) {
             var data = _a.data;
             var _b = __read(data, 1), item = _b[0];
-            setMediaList(__spreadArray(__spreadArray([], __read(mediaList.map(function (v) { return (__assign(__assign({}, v), { selected: false })); })), false), [
-                {
-                    url: item.url,
-                    selected: true,
-                },
-            ], false));
+            var isMobile = params[0] === 'mobile';
+            setMediaList({
+                tutorialVideos: isMobile
+                    ? __spreadArray(__spreadArray([], __read(tutorialVideos.map(function (v) { return (__assign(__assign({}, v), { selected: false })); })), false), [
+                        {
+                            url: item.url,
+                            selected: true,
+                        },
+                    ], false) : tutorialVideos,
+                pcTutorialVideos: !isMobile
+                    ? __spreadArray(__spreadArray([], __read(pcTutorialVideos.map(function (v) { return (__assign(__assign({}, v), { selected: false })); })), false), [{ url: item.url, selected: true }], false) : pcTutorialVideos,
+            });
         },
-    }), loading = _b.loading, postCommonUpload = _b.run;
+    }), loading = _c.loading, postCommonUpload = _c.run;
+    var _d = useRequest(function (type, formData) { return PostCommonUpload(formData); }, {
+        manual: true,
+        onSuccess: function (_a, params) {
+            var data = _a.data;
+            var _b = __read(data, 1), item = _b[0];
+            var isMobile = params[0] === 'mobile';
+            setMediaList({
+                tutorialVideos: isMobile
+                    ? __spreadArray(__spreadArray([], __read(tutorialVideos.map(function (v) { return (__assign(__assign({}, v), { selected: false })); })), false), [
+                        {
+                            url: item.url,
+                            selected: true,
+                        },
+                    ], false) : tutorialVideos,
+                pcTutorialVideos: !isMobile
+                    ? __spreadArray(__spreadArray([], __read(pcTutorialVideos.map(function (v) { return (__assign(__assign({}, v), { selected: false })); })), false), [{ url: item.url, selected: true }], false) : pcTutorialVideos,
+            });
+        },
+    }), loadingPc = _d.loading, postPcCommonUpload = _d.run;
     var uploadProps = {
         type: 'custom',
         showUploadList: false,
         accept: '.mp4,.mov,.m4v,.3gp,.avi,.webm',
         maxCount: 7,
         customRequest: function (_a) {
-            var file = _a.file;
-            console.log('customRequest file', file);
+            var file = _a.file, action = _a.action;
             if (isExceedMaxVideoFileSize(file.size)) {
                 Message.error('视频大小超过500M，请重新上传！');
             }
             else {
                 var formData = new FormData();
                 formData.append('files', file);
-                postCommonUpload(formData);
+                if (action === 'mobile')
+                    postCommonUpload(action, formData);
+                if (action === 'pc')
+                    postPcCommonUpload(action, formData);
             }
         },
     };
-    var handleSelectVideo = useCallback(function (i) {
-        setMediaList(__spreadArray([], __read(mediaList.map(function (v, ii) { return (__assign(__assign({}, v), { selected: i === ii })); })), false));
-    }, [mediaList, setMediaList]);
-    var handleRemoveVideo = useCallback(function (index) {
-        var newMediaList = __spreadArray([], __read(mediaList), false);
-        newMediaList.splice(index, 1);
-        setMediaList(newMediaList);
-    }, [mediaList, setMediaList]);
+    var handleSelectVideo = useCallback(function (i, type) {
+        if (type === void 0) { type = 'mobile'; }
+        var isMobile = type === 'mobile';
+        setMediaList({
+            tutorialVideos: isMobile ? __spreadArray([], __read(tutorialVideos.map(function (v, ii) { return (__assign(__assign({}, v), { selected: i === ii })); })), false) : tutorialVideos,
+            pcTutorialVideos: !isMobile ? __spreadArray([], __read(pcTutorialVideos.map(function (v, ii) { return (__assign(__assign({}, v), { selected: i === ii })); })), false) : pcTutorialVideos,
+        });
+    }, [tutorialVideos, pcTutorialVideos, setMediaList]);
+    var handleRemoveVideo = useCallback(function (i, type) {
+        if (type === void 0) { type = 'mobile'; }
+        setMediaList({
+            tutorialVideos: type === 'mobile' ? tutorialVideos.filter(function (_, ii) { return ii !== i; }) : tutorialVideos,
+            pcTutorialVideos: type !== 'mobile' ? pcTutorialVideos.filter(function (_, ii) { return ii !== i; }) : pcTutorialVideos,
+        });
+    }, [tutorialVideos, pcTutorialVideos, setMediaList]);
     console.log(mediaList);
-    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" })))] }));
+    return (_jsxs(Stack, { children: [_jsxs(Stack, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: "medium", mt: 3 }, { children: "\u5F15\u5BFC\u89C6\u9891" })), _jsx(Typography, __assign({ variant: "caption" }, { children: "\u79FB\u52A8\u7AEF" })), _jsxs(CustomUploadedImgRoot, __assign({ sx: { minHeight: 0 } }, { children: [tutorialVideos === null || tutorialVideos === void 0 ? void 0 : tutorialVideos.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: [(tutorialVideos === null || tutorialVideos === void 0 ? void 0 : tutorialVideos.length) < 5 && (_jsx(Upload, __assign({}, uploadProps, { action: "mobile" }, { children: _jsx(Button, __assign({ variant: "outlined", disabled: (tutorialVideos === null || tutorialVideos === void 0 ? void 0 : tutorialVideos.length) > 5, color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) }))), (tutorialVideos === null || tutorialVideos === void 0 ? void 0 : tutorialVideos.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 } }) })) }))] })), (tutorialVideos === null || tutorialVideos === void 0 ? void 0 : tutorialVideos.length) === 0 && (_jsx(Typography, __assign({ variant: "caption", color: "error" }, { children: "\u4E0A\u4F20\u89C6\u9891\u4E0D\u53EF\u4E3A\u7A7A" })))] }), _jsxs(Stack, { children: [_jsx(Typography, __assign({ variant: "caption" }, { children: "\u7535\u8111\u7AEF" })), _jsxs(CustomUploadedImgRoot, __assign({ sx: { minHeight: 0 } }, { children: [pcTutorialVideos === null || pcTutorialVideos === void 0 ? void 0 : pcTutorialVideos.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, 'pc'); }, onRemove: function () { return handleRemoveVideo(i, 'pc'); } }, url));
+                            }), loadingPc && _jsx(Box, { height: 100, loading: { size: 24, loading: true, isMask: true } })] })), _jsxs(Stack, __assign({ direction: "row", alignItems: "center" }, { children: [_jsxs(CustomUploadButtonRoot, { children: [(pcTutorialVideos === null || pcTutorialVideos === void 0 ? void 0 : pcTutorialVideos.length) < 5 && (_jsx(Upload, __assign({}, uploadProps, { action: "pc" }, { children: _jsx(Button, __assign({ variant: "outlined", disabled: (pcTutorialVideos === null || pcTutorialVideos === void 0 ? void 0 : pcTutorialVideos.length) > 5, color: "inherit", icon: _jsx(AddIcon, {}) }, { children: "\u4E0A\u4F20\u89C6\u9891" })) }))), (pcTutorialVideos === null || pcTutorialVideos === void 0 ? void 0 : pcTutorialVideos.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 } }) })) }))] })), (pcTutorialVideos === null || pcTutorialVideos === void 0 ? void 0 : pcTutorialVideos.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;