eli-video-interview 1.2.41-alpha.11 → 1.2.41-alpha.13

package/lib/modules/ai-ability/components/AddAbility/index.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 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) {
@@ -67,146 +90,172 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+var Yup = __importStar(require("yup"));
 var AbilityFormItem_1 = __importDefault(require("../AbilityFormItem"));
 var ai_ability_1 = require("../../../../services/ai-ability");
 var ahooks_1 = require("ahooks");
 var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var formik_1 = require("formik");
 var react_1 = require("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 InitialValues = {
+    workPlaceItems: [
+        {
+            name: '能力定义',
+            type: 1,
+            items: [],
+            maxTextLength: 100,
+        },
+        {
+            name: '优次表现-优秀表现',
+            type: 2,
+            items: [],
+            maxTextLength: 100,
+        },
+        {
+            name: '优次表现-较差表现',
+            type: 3,
+            items: [],
+            maxTextLength: 100,
+        },
+        {
+            name: '考察建议-面试题目',
+            type: 4,
+            items: [],
+            maxTextLength: 300,
+        },
+        {
+            name: '考察建议-评分关键点',
+            type: 5,
+            items: [],
+            maxTextLength: 300,
+        },
+    ],
+};
 var AddAbility = function (props) {
-    var open = props.open, _a = props.name, name = _a === void 0 ? '' : _a, _b = props.type, type = _b === void 0 ? 3 : _b, ablilityNameLength = props.ablilityNameLength, token = props.token, onClose = props.onClose, onSuccess = props.onSuccess;
-    var _c = __read((0, react_1.useState)(''), 2), value = _c[0], setValue = _c[1];
-    var _d = __read((0, react_1.useState)(1), 2), step = _d[0], setStep = _d[1];
-    // const [stepLoading, setStepLoading] = useState<boolean>(false);
-    var InitialValues = {
-        workPlaceItems: [
-            {
-                name: '能力定义',
-                type: 1,
-                items: [],
-                maxTextLength: 100,
-            },
-            {
-                name: '优次表现-优秀表现',
-                type: 2,
-                items: [],
-                maxTextLength: 100,
-            },
-            {
-                name: '优次表现-较差表现',
-                type: 3,
-                items: [],
-                maxTextLength: 100,
-            },
-            {
-                name: '考察建议-面试题目',
-                type: 4,
-                items: [],
-                maxTextLength: 300,
-            },
-            {
-                name: '考察建议-评分关键点',
-                type: 5,
-                items: [],
-                maxTextLength: 300,
-            },
-        ],
-    };
-    var _e = __read((0, react_1.useState)(InitialValues.workPlaceItems), 2), workPlaceItems = _e[0], setWorkPlaceItems = _e[1];
-    var _f = (0, ahooks_1.useRequest)(ai_ability_1.PostQuestionCollectionUpsert, {
+    var open = props.open, _a = props.type, type = _a === void 0 ? 3 : _a, ablilityNameLength = props.ablilityNameLength, token = props.token, onClose = props.onClose, onSuccess = props.onSuccess;
+    var _b = __read((0, react_1.useState)(1), 2), step = _b[0], setStep = _b[1];
+    var _c = (0, ahooks_1.useRequest)(ai_ability_1.PostQuestionCollectionUpsert, {
         manual: true,
         onSuccess: function () {
             fbm_ui_1.Message.success('新增能力成功');
             onClose();
             onSuccess();
         },
-    }), run = _f.run, loading = _f.loading;
-    var _g = (0, ahooks_1.useRequest)(ai_ability_1.CheckDuplicateCollection, {
+    }), run = _c.run, loading = _c.loading;
+    var formik = (0, fbm_ui_1.useForm)({
+        initialValues: { name: '', workPlaceItems: InitialValues.workPlaceItems },
+        validationSchema: validationSchema,
+        validateOnChange: true,
+        onSubmit: function (values) {
+            // 处理表单提交逻辑
+            console.log(values);
+            console.log(values);
+            var avocadoConfig = window['AvocadoVideoInterviewConfig'];
+            run({
+                name: values.name,
+                tag: values.name,
+                token: token,
+                type: type,
+                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 _d = (0, ahooks_1.useRequest)(ai_ability_1.CheckDuplicateCollection, {
         manual: true,
         onSuccess: function (_a) {
             var data = _a.data;
             if (data.isDuplicate) {
-                nameTextField.setError('能力名称不能重复');
+                formik.setFieldError('name', '能力名称不能重复');
             }
             else {
+                formik.setFieldError('name', '');
                 setStep(2);
             }
         },
-    }), checkDuplicateCollection = _g.run, stepLoading = _g.loading;
-    var nameTextField = (0, fbm_ui_1.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',
-        },
-    });
+    }), checkDuplicateCollection = _d.run, stepLoading = _d.loading;
+    // const nameTextField = useTextField({
+    //   value,
+    //   label: '能力名称',
+    //   required: true,
+    //   rules: [
+    //     {
+    //       required: true,
+    //       message: '能力名称不能为空',
+    //     },
+    //   ],
+    //   onChange: (e: { target: { value: string } }) => setValue(e.target.value),
+    //   max: ablilityNameLength,
+    //   sx: {
+    //     height: '48px',
+    //     width: '100%',
+    //     marginTop: '16px',
+    //   },
+    // });
     var handleStep = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var error;
         return __generator(this, function (_a) {
             switch (_a.label) {
-                case 0: return [4 /*yield*/, nameTextField.handleValidate()];
+                case 0: return [4 /*yield*/, formik.setFieldTouched('name', true, true)];
                 case 1:
-                    error = _a.sent();
-                    if (!error) {
-                        checkDuplicateCollection({ collectionName: value });
+                    _a.sent();
+                    if (formik.values.name !== '') {
+                        checkDuplicateCollection({ collectionName: formik.values.name });
                     }
                     return [2 /*return*/];
             }
         });
-    }); }, [nameTextField, value, checkDuplicateCollection]);
+    }); }, [checkDuplicateCollection, formik]);
     var handleValue = (0, react_1.useCallback)(function (v) {
+        var workPlaceItems = formik.values.workPlaceItems;
         var index = workPlaceItems.findIndex(function (ele) { return ele.type === v.type; });
         workPlaceItems.splice(index, 1, v);
         var list = workPlaceItems;
-        // console.log(v, list);
-        setWorkPlaceItems(list);
-    }, [workPlaceItems]);
-    var handleOk = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var error, avocadoConfig;
-        return __generator(this, function (_a) {
-            error = workPlaceItems.some(function (v) { return v.items.length === 0; });
-            if (!error) {
-                avocadoConfig = window['AvocadoVideoInterviewConfig'];
-                run({
-                    name: value,
-                    tag: value,
-                    token: token,
-                    type: type,
-                    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*/];
-        });
-    }); }, [run, type, token, value, workPlaceItems]);
+        formik.setFieldValue('workPlaceItems', list);
+    }, [formik]);
+    // const handleOk = useCallback(async () => {
+    //   // console.log(workPlaceItems);
+    //   const error = workPlaceItems.some(v => v.items.length === 0);
+    //   if (!error) {
+    //     const avocadoConfig = window['AvocadoVideoInterviewConfig'];
+    //     run({
+    //       name: value,
+    //       tag: value,
+    //       token,
+    //       type,
+    //       workPlaceItems,
+    //       mateData: {
+    //         account: avocadoConfig?.account,
+    //         enterpriseId: avocadoConfig?.enterpriseId,
+    //       },
+    //     });
+    //   }
+    // }, [run, type, token, value, workPlaceItems]);
     var footer = (0, react_1.useCallback)(function () {
-        return step === 1 ? ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: "flex-end", padding: "12px 16px" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ sx: { mr: 1, fontWeight: 400 }, variant: "text", color: "inherit", onClick: onClose }, { children: "\u53D6\u6D88" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ loading: stepLoading, onClick: handleStep }, { children: "\u4E0B\u4E00\u6B65" }))] }))) : ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: "space-between", padding: "12px 16px" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", color: "inherit", onClick: function () { return setStep(1); } }, { children: "\u4E0A\u4E00\u6B65" })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ sx: { mr: 1, fontWeight: 400 }, variant: "text", color: "inherit", onClick: onClose }, { children: "\u53D6\u6D88" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ loading: loading, onClick: handleOk }, { children: "\u65B0\u589E" }))] }))] })));
-    }, [step, loading, stepLoading, handleStep, setStep, handleOk, onClose]);
-    (0, react_1.useEffect)(function () {
-        setValue(name);
-    }, [name]);
+        return step === 1 ? ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: "flex-end", padding: "12px 16px" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ sx: { mr: 1, fontWeight: 400 }, variant: "text", color: "inherit", onClick: onClose }, { children: "\u53D6\u6D88" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ loading: stepLoading, onClick: handleStep }, { children: "\u4E0B\u4E00\u6B65" }))] }))) : ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: "space-between", padding: "12px 16px" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", color: "inherit", onClick: function () { return setStep(1); } }, { children: "\u4E0A\u4E00\u6B65" })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ sx: { mr: 1, fontWeight: 400 }, variant: "text", color: "inherit", onClick: onClose }, { children: "\u53D6\u6D88" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ loading: loading, onClick: formik.submitForm }, { children: "\u65B0\u589E" }))] }))] })));
+    }, [step, onClose, stepLoading, handleStep, loading, formik.submitForm]);
+    // useEffect(() => {
+    //   setValue(name);
+    // }, [name]);
     (0, react_1.useEffect)(function () {
         console.log(InitialValues.workPlaceItems);
         if (!open) {
-            setValue('');
+            // setValue('');
             setStep(1);
-            nameTextField.setError();
+            // nameTextField.setError();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [open]);
-    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Drawer, __assign({ className: "abilityDrawer", title: '新增能力', open: open, footer: footer, onClose: onClose }, { children: step === 1 ? ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ style: { width: '556px' } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.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" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.TextField, __assign({}, nameTextField))] }))) : ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ style: { width: '556px' } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: "medium", mb: 2 }, { children: "\u80FD\u529B\u6807\u51C6" })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "secondary", mb: 2 }, { children: ["\u6839\u636E\u60A8\u8F93\u5165\u7684\u80FD\u529B\u540D\u79F0\u300C", (0, jsx_runtime_1.jsx)("span", __assign({ style: { color: '#4CAF50', fontWeight: '500' } }, { children: value })), "\u300D\uFF0C\u5E2E\u60A8\u81EA\u52A8\u751F\u6210\u5173\u4E8E\u8BE5\u80FD\u529B\u7684\u5B9A\u4E49\u5185\u5BB9\u3001\u4F18\u6B21\u8868\u73B0\u4EE5\u53CA\u8003\u5BDF\u5EFA\u8BAE\u5185\u5BB9\uFF0C\u786E\u5B9A\u540E\u5C06\u4F1A\u6309\u7167\u8BE5\u6807\u51C6\u751F\u6210AI\u62A5\u544A\u3002"] })), InitialValues.workPlaceItems.map(function (v) { return ((0, jsx_runtime_1.jsx)(AbilityFormItem_1.default, { name: value, title: v.name, type: v.type, items: v.items, mode: "edit", maxTextLength: v.type === 4 || v.type === 5 ? 300 : 100, canReplace: true, onChange: handleValue }, v.type)); })] }))) })));
+    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Drawer, __assign({ className: "abilityDrawer", title: '新增能力', open: open, footer: footer, onClose: onClose }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Form, __assign({}, formik, { children: step === 1 ? ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ style: { width: '556px' } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.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" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, { name: "name", label: "\u80FD\u529B\u540D\u79F0", sx: { height: '48px', width: '100%', marginTop: '16px' }, max: ablilityNameLength })] }))) : ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ style: { width: '556px' } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: "medium", mb: 2 }, { children: "\u80FD\u529B\u6807\u51C6" })), (0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "secondary", mb: 2 }, { children: ["\u6839\u636E\u60A8\u8F93\u5165\u7684\u80FD\u529B\u540D\u79F0\u300C", (0, jsx_runtime_1.jsx)("span", __assign({ style: { color: '#4CAF50', fontWeight: '500' } }, { children: formik.values.name })), "\u300D\uFF0C\u5E2E\u60A8\u81EA\u52A8\u751F\u6210\u5173\u4E8E\u8BE5\u80FD\u529B\u7684\u5B9A\u4E49\u5185\u5BB9\u3001\u4F18\u6B21\u8868\u73B0\u4EE5\u53CA\u8003\u5BDF\u5EFA\u8BAE\u5185\u5BB9\uFF0C\u786E\u5B9A\u540E\u5C06\u4F1A\u6309\u7167\u8BE5\u6807\u51C6\u751F\u6210AI\u62A5\u544A\u3002"] })), (0, jsx_runtime_1.jsx)(formik_1.FieldArray, __assign({ name: "workPlaceItems" }, { children: function () { return ((0, jsx_runtime_1.jsx)(mui_1.Stack, { children: formik.values.workPlaceItems.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(mui_1.Stack, { children: (0, jsx_runtime_1.jsx)(AbilityFormItem_1.default, { token: token, name: formik.values.name, title: item.name, type: item.type, items: item.items, mode: "edit", index: index, item: item, maxTextLength: item.type === 4 || item.type === 5 ? 300 : 50, canReplace: true, onChange: handleValue }, item.type) }, index)); }) })); } }))] }))) })) })));
 };
 exports.default = AddAbility;

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

@@ -10,41 +10,28 @@ 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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
     }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 var __read = (this && this.__read) || function (o, n) {
     var m = typeof Symbol === "function" && o[Symbol.iterator];
@@ -67,12 +54,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable react-hooks/exhaustive-deps */
+var Yup = __importStar(require("yup"));
 var const_1 = require("../../const");
 var AbilityFormItem_1 = __importDefault(require("../AbilityFormItem"));
 var ai_ability_1 = require("../../../../services/ai-ability");
 var ahooks_1 = require("ahooks");
 var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var formik_1 = require("formik");
 var react_1 = require("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((0, react_1.useState)(''), 2), value = _c[0], setValue = _c[1];
@@ -80,8 +78,27 @@ var UpdateAbility = function (props) {
     var _e = __read((0, react_1.useState)('show'), 2), mode = _e[0], setMode = _e[1];
     var firstLoad = (0, react_1.useRef)(true);
     var _f = __read((0, react_1.useState)(false), 2), showAiDefineDetail = _f[0], setShowAiDefineDetail = _f[1];
-    // const [submitDisabled, setSubmitDisabled] = useState<boolean>(true);
     var _g = __read((0, react_1.useState)(const_1.InitialValues.workPlaceItems), 2), workPlaceItems = _g[0], setWorkPlaceItems = _g[1];
+    var formik = (0, fbm_ui_1.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 = (0, ahooks_1.useRequest)(ai_ability_1.PostQuestionCollectionUpsert, {
         manual: true,
         onSuccess: function () {
@@ -92,7 +109,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;
@@ -111,82 +128,60 @@ var UpdateAbility = function (props) {
             }
         },
     }).run;
-    var nameTextField = (0, fbm_ui_1.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 = (0, react_1.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 = (0, react_1.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 = (0, react_1.useCallback)(function () {
-        return step === 1 ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "flex", padding: "12px 16px" }, { children: type === 1 ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", color: "inherit", onClick: function () { return setStep(2); } }, { children: "\u7F16\u8F91" }))) }))) : ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: "flex-end", padding: "12px 16px" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ sx: { mr: 1, fontWeight: 400 }, variant: "text", color: "inherit", onClick: onClose }, { children: "\u53D6\u6D88" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ loading: loading, onClick: handleOk }, { children: "\u4FDD\u5B58" }))] })));
-    }, [type, step, loading, setStep, handleOk, onClose]);
+        return step === 1 ? ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ display: "flex", padding: "12px 16px" }, { children: type === 1 ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})) : ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ variant: "outlined", color: "inherit", onClick: function () { return setStep(2); } }, { children: "\u7F16\u8F91" }))) }))) : ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", justifyContent: "flex-end", padding: "12px 16px" }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ sx: { mr: 1, fontWeight: 400 }, variant: "text", color: "inherit", onClick: onClose }, { children: "\u53D6\u6D88" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ loading: loading, onClick: formik.submitForm }, { children: "\u4FDD\u5B58" }))] })));
+    }, [step, type, onClose, loading, formik]);
+    (0, react_1.useEffect)(function () {
+        formik.setFieldValue('workPlaceItems', workPlaceItems);
+    }, [workPlaceItems]);
     (0, react_1.useEffect)(function () {
         setValue(name);
+        formik.setFieldValue('name', name);
     }, [name]);
     (0, react_1.useEffect)(function () {
         if (!open) {
             setValue('');
             setWorkPlaceItems([]);
             setStep(1);
-            nameTextField.setError();
+            // nameTextField.setError();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [open]);
@@ -205,7 +200,6 @@ var UpdateAbility = function (props) {
     (0, react_1.useEffect)(function () {
         setWorkPlaceItems(workPlaceItems);
     }, [workPlaceItems, setWorkPlaceItems]);
-    return ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Drawer, __assign({ className: "abilityDrawer", title: '能力详情', open: open, footer: footer, onClose: onClose }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ style: { width: '556px' } }, { children: step === 1 ? ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: "medium" }, { children: ["\u80FD\u529B\u540D\u79F0\uFF1A", value] }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.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" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.TextField, __assign({}, nameTextField))] })) })), !(type === 3 && !isWorkplace) && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ style: { width: '556px' } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Divider, { style: { margin: '24px 0' } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: "medium", mb: 2 }, { children: "\u80FD\u529B\u6807\u51C6" })), showAiDefineDetail &&
-                        workPlaceItems.map(function (v) { return ((0, jsx_runtime_1.jsx)(AbilityFormItem_1.default, { 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 ((0, jsx_runtime_1.jsx)(fbm_ui_1.Drawer, __assign({ className: "abilityDrawer", title: '能力详情', open: open, footer: footer, onClose: onClose }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Form, __assign({}, formik, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ style: { width: '556px' } }, { children: step === 1 ? ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: "medium" }, { children: ["\u80FD\u529B\u540D\u79F0\uFF1A", value] }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.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" })), (0, jsx_runtime_1.jsx)(fbm_ui_1.FormItem, { name: "name", label: "\u80FD\u529B\u540D\u79F0", sx: { height: '48px', width: '100%', marginTop: '16px' }, max: ablilityNameLength })] })) })), !(type === 3 && !isWorkplace) && ((0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ style: { width: '556px' } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Divider, { style: { margin: '24px 0' } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body1", fontWeight: "medium", mb: 2 }, { children: "\u80FD\u529B\u6807\u51C6" })), showAiDefineDetail && ((0, jsx_runtime_1.jsx)(formik_1.FieldArray, __assign({ name: "workPlaceItems" }, { children: function () { return ((0, jsx_runtime_1.jsx)(mui_1.Stack, { children: formik.values.workPlaceItems.map(function (item, index) { return ((0, jsx_runtime_1.jsx)(mui_1.Stack, { children: (0, jsx_runtime_1.jsx)(AbilityFormItem_1.default, { 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)); }) })); } })))] })))] })) })));
 };
 exports.default = UpdateAbility;