eli-video-interview 1.2.2 → 1.2.3-5.alpha

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

@@ -0,0 +1,191 @@
+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 __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 };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import AbilityFormItem from '../AbilityFormItem';
+import { CheckDuplicateCollection, PostQuestionCollectionUpsert } from "../../../../services/ai-ability";
+import { useRequest } from 'ahooks';
+import { Box, Button, Drawer, Message, TextField, Typography, useTextField } from 'fbm-ui';
+import { useCallback, useEffect, useState } from 'react';
+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 = useState(''), value = _c[0], setValue = _c[1];
+    var _d = useState(1), 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 = useState(InitialValues.workPlaceItems), workPlaceItems = _e[0], setWorkPlaceItems = _e[1];
+    var _f = useRequest(PostQuestionCollectionUpsert, {
+        manual: true,
+        onSuccess: function () {
+            Message.success('新增能力成功');
+            onClose();
+            onSuccess();
+        },
+    }), run = _f.run, loading = _f.loading;
+    var _g = useRequest(CheckDuplicateCollection, {
+        manual: true,
+        onSuccess: function (_a) {
+            var data = _a.data;
+            if (data.isDuplicate) {
+                nameTextField.setError('能力名称不能重复');
+            }
+            else {
+                setStep(2);
+            }
+        },
+    }), checkDuplicateCollection = _g.run, stepLoading = _g.loading;
+    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 handleStep = 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 1:
+                    error = _a.sent();
+                    if (!error) {
+                        checkDuplicateCollection({ collectionName: value });
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [nameTextField, value, checkDuplicateCollection]);
+    var handleValue = useCallback(function (v) {
+        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 = 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]);
+    var footer = useCallback(function () {
+        return step === 1 ? (_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: stepLoading, onClick: handleStep }, { children: "\u4E0B\u4E00\u6B65" }))] }))) : (_jsxs(Box, __assign({ display: "flex", justifyContent: "space-between", padding: "12px 16px" }, { children: [_jsx(Button, __assign({ variant: "outlined", color: "inherit", onClick: function () { return setStep(1); } }, { children: "\u4E0A\u4E00\u6B65" })), _jsxs(Box, __assign({ display: "flex" }, { 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: "\u65B0\u589E" }))] }))] })));
+    }, [step, loading, stepLoading, handleStep, setStep, handleOk, onClose]);
+    useEffect(function () {
+        setValue(name);
+    }, [name]);
+    useEffect(function () {
+        console.log(InitialValues.workPlaceItems);
+        if (!open) {
+            setValue('');
+            setStep(1);
+            nameTextField.setError();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [open]);
+    return (_jsx(Drawer, __assign({ className: "abilityDrawer", title: '新增能力', open: open, footer: footer, onClose: onClose }, { children: step === 1 ? (_jsxs(Box, __assign({ style: { width: '556px' } }, { 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))] }))) : (_jsxs(Box, __assign({ style: { width: '556px' } }, { children: [_jsx(Typography, __assign({ variant: "body1", fontWeight: "medium", mb: 2 }, { children: "\u80FD\u529B\u6807\u51C6" })), _jsxs(Typography, __assign({ variant: "body2", color: "secondary", mb: 2 }, { children: ["\u6839\u636E\u60A8\u8F93\u5165\u7684\u80FD\u529B\u540D\u79F0\u300C", _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 (_jsx(AbilityFormItem, { 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)); })] }))) })));
+};
+export default AddAbility;

package/esm/modules/ai-ability/components/UpdateAbility/index.d.ts

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

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

@@ -45,22 +45,51 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState, useCallback } from 'react';
-import { Dialog, TextField, useTextField, Message } from 'fbm-ui';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InitialValues } from '../../const';
+import AbilityFormItem from '../AbilityFormItem';
+import { GetAbilityDetail, PostQuestionCollectionUpsert } from "../../../../services/ai-ability";
 import { useRequest } from 'ahooks';
-import { PostQuestionCollectionUpsert } from "../../../../services/ai-ability";
+import { Box, Button, Divider, Drawer, Message, TextField, Typography, useTextField } from 'fbm-ui';
+import { useCallback, useEffect, useRef, useState } from 'react';
 var UpdateAbility = function (props) {
-    var open = props.open, _a = props.name, name = _a === void 0 ? '' : _a, token = props.token, onClose = props.onClose, onSuccess = props.onSuccess;
-    var _b = useState(''), value = _b[0], setValue = _b[1];
-    var _c = useRequest(PostQuestionCollectionUpsert, {
+    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 = useState(''), value = _c[0], setValue = _c[1];
+    var _d = useState(1), step = _d[0], setStep = _d[1];
+    var _e = useState('show'), mode = _e[0], setMode = _e[1];
+    var firstLoad = useRef(true);
+    var _f = useState(false), showAiDefineDetail = _f[0], setShowAiDefineDetail = _f[1];
+    // const [submitDisabled, setSubmitDisabled] = useState<boolean>(true);
+    var _g = useState(InitialValues.workPlaceItems), workPlaceItems = _g[0], setWorkPlaceItems = _g[1];
+    var _h = useRequest(PostQuestionCollectionUpsert, {
         manual: true,
         onSuccess: function () {
-            Message.success("".concat(token ? '编辑' : '新增', "\u80FD\u529B\u6210\u529F"));
+            Message.success("\u7F16\u8F91\u80FD\u529B\u6210\u529F");
             onClose();
             onSuccess();
         },
-    }), run = _c.run, loading = _c.loading;
+        onError: function (err) {
+            console.log(err);
+            if ((err === null || err === void 0 ? void 0 : err.code) === -1211) {
+                nameTextField.setError('能力名称不能重复');
+            }
+        },
+    }), run = _h.run, loading = _h.loading;
+    var getAbilityDetail = useRequest(GetAbilityDetail, {
+        manual: true,
+        onSuccess: function (_a) {
+            var _b;
+            var list = _a.data.list;
+            if (list.length) {
+                var res = (_b = list[0]) === null || _b === void 0 ? void 0 : _b.workPlaceItems;
+                firstLoad.current = false;
+                if (res === null || res === void 0 ? void 0 : res.length) {
+                    setWorkPlaceItems(res);
+                }
+                setShowAiDefineDetail(true);
+            }
+        },
+    }).run;
     var nameTextField = useTextField({
         value: value,
         label: '能力名称',
@@ -68,48 +97,94 @@ var UpdateAbility = function (props) {
         rules: [
             {
                 required: true,
-                message: '请输入能力名称',
+                message: '能力名称不能为空',
             },
         ],
         onChange: function (e) { return setValue(e.target.value); },
-        max: 7,
+        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);
+    }, [workPlaceItems]);
     var handleOk = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var error, avocadoConfig;
+        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'];
-                        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,
-                            },
-                        });
+                        // 旧自定义能力
+                        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]);
+    }); }, [nameTextField, 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]);
     useEffect(function () {
         setValue(name);
     }, [name]);
     useEffect(function () {
         if (!open) {
             setValue('');
+            setWorkPlaceItems([]);
+            setStep(1);
             nameTextField.setError();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [open]);
-    return (_jsx(Dialog, __assign({ title: token ? '编辑能力' : '新增能力', open: open, okText: token ? '保存' : '新建', okProps: { loading: loading }, onClose: onClose, onOk: handleOk }, { children: _jsx(TextField, __assign({}, nameTextField)) })));
+    useEffect(function () {
+        setMode(step === 1 ? 'show' : 'edit');
+    }, [step]);
+    useEffect(function () {
+        if (type === 3 && !isWorkplace)
+            return;
+        if (token) {
+            setShowAiDefineDetail(false);
+            getAbilityDetail({ tokens: [token] });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [token, name]);
+    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)); })] })))] })));
 };
 export default UpdateAbility;

package/esm/modules/ai-ability/const.d.ts

@@ -0,0 +1,8 @@
+export declare const InitialValues: {
+    workPlaceItems: {
+        name: string;
+        type: number;
+        items: never[];
+        maxTextLength: number;
+    }[];
+};

package/esm/modules/ai-ability/const.js

@@ -0,0 +1,34 @@
+export 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,
+        },
+    ],
+};

package/esm/modules/ai-ability/index.d.ts

@@ -1,2 +1,4 @@
-declare const AiAbility: () => JSX.Element;
+import { AiAbilityProps } from './interface';
+import React from 'react';
+declare const AiAbility: React.FC<AiAbilityProps>;
 export default AiAbility;

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

@@ -1,7 +1,18 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { jsx as _jsx } from "react/jsx-runtime";
-import RootProvider from "../../components/RootProvider";
 import AiAbilityRoot from './Root';
-var AiAbility = function () {
-    return (_jsx(RootProvider, { children: _jsx(AiAbilityRoot, {}) }));
+import RootProvider from "../../components/RootProvider";
+var AiAbility = function (props) {
+    return (_jsx(RootProvider, { children: _jsx(AiAbilityRoot, __assign({}, props)) }));
 };
 export default AiAbility;

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

@@ -1,3 +1,6 @@
+export interface AiAbilityProps {
+    ablilityNameLength?: number;
+}
 export interface QuestionCollectionList {
     name: string;
     token: string;
@@ -5,6 +8,10 @@ export interface QuestionCollectionList {
     type: 1 | 3;
     sort: number;
     updatedAt: number;
+    used: boolean;
+    isWorkplace: boolean;
+    define?: string;
+    workPlaceItems?: AiDefineItem[];
 }
 export interface QuestionCollectionListData {
     list: QuestionCollectionList[];
@@ -13,3 +20,34 @@ export interface QuestionCollectionListData {
 export interface QuestionCollectionListRes {
     data: QuestionCollectionListData;
 }
+export interface AbilityProps {
+    open: boolean;
+    type: number;
+    isWorkplace?: boolean;
+    name?: string;
+    token?: string;
+    ablilityNameLength?: number;
+    onClose: () => void;
+    onSuccess: () => void;
+}
+export interface AiDefineItem {
+    name: string;
+    type: number;
+    items: string[];
+}
+export interface AiDefineData {
+    total: number;
+    list: AiDefineItem[];
+}
+export interface AiDefineRes {
+    data: AiDefineData;
+}
+export interface AbilityDetailRes {
+    data: AiDefineData;
+}
+export interface CheckDuplicateCollectionData {
+    isDuplicate: boolean;
+}
+export interface CheckDuplicateCollectionRes {
+    data: CheckDuplicateCollectionData;
+}

package/esm/modules/ai-ability/styled.d.ts

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

package/esm/modules/ai-ability/styled.js

@@ -1,6 +1,10 @@
-import { Box, styled } from 'fbm-ui';
+import { Box, Drawer, styled } from 'fbm-ui';
 export var AbilityRoot = styled(Box)({
     width: '100%',
     height: '100%',
     overflow: 'auto',
 });
+export var AbilityDrawer = styled(Drawer)({
+    boxSizing: 'border-box',
+    width: '588px',
+});

package/esm/modules/ai-ability-select/Root.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { AiAbilitySelectProps } from './interface';
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<AiAbilitySelectProps & import("react").RefAttributes<any>>>;
+export default _default;

package/esm/modules/ai-ability-select/Root.js

@@ -0,0 +1,40 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import AiAbilityList from './components/AiAbilityList';
+import { GetAiAbilityList } from "../../services/ai-ability";
+import { useAiAbilityListStore } from "../../store/ai-ability-select/question-ability-store";
+import ScrollDialogContent from "../../components/ScrollDialogContent";
+import { useRequest } from 'ahooks';
+import { Box, Typography } from 'fbm-ui';
+import { Stack } from 'fbm-ui/lib/mui';
+import { forwardRef, memo, useEffect } from 'react';
+var AiAbilitySelectRoot = forwardRef(function (_a, ref) {
+    var jobToken = _a.jobToken, thirdToken = _a.thirdToken, _b = _a.selectedTokens, selectedTokens = _b === void 0 ? [] : _b;
+    var _c = useAiAbilityListStore(), aiAbilityList = _c.aiAbilityList, setAiAbilityList = _c.setAiAbilityList;
+    var _d = useAiAbilityListStore(), selctedAbilitys = _d.selctedAbilitys, setSelctedAbilitys = _d.setSelctedAbilitys;
+    var data = useRequest(function () { return GetAiAbilityList({ jobToken: jobToken, thirdToken: thirdToken }); }, {
+        refreshDeps: [jobToken, thirdToken],
+    }).data;
+    useEffect(function () {
+        setAiAbilityList((data === null || data === void 0 ? void 0 : data.data.list) || []);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [data]);
+    useEffect(function () {
+        setSelctedAbilitys(selectedTokens);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selectedTokens]);
+    console.log(selctedAbilitys);
+    return (_jsx(ScrollDialogContent, __assign({ ref: ref }, { children: _jsxs(Box, __assign({ display: "flex", flexDirection: "column", width: 760 }, { children: [_jsxs(Stack, __assign({ spacing: 2, mb: 2 }, { children: [_jsx(Typography, __assign({ variant: "body1", fontWeight: 500 }, { children: "\u8BF7\u9009\u62E9\u8981\u4F18\u5148\u4F7F\u7528\u7684\u8003\u5BDF\u80FD\u529B\uFF0C\u4E5F\u53EF\u4EE5\u70B9\u51FB\u300C\u4E0B\u4E00\u6B65\u300D\u76F4\u63A5\u51FA\u9898" })), _jsxs(Stack, __assign({ direction: "row", spacing: 1, alignItems: "center" }, { children: [_jsx("img", { src: "//webcdn.fbmms.cn/assets/XXRf/bdUI9qZoTx-l2k_OHTotn", alt: "", width: 38, height: 16 }), _jsx(Typography, __assign({ variant: "caption", color: "textSecondary" }, { children: "AI\u6839\u636E\u5C97\u4F4D\u4FE1\u606F\u751F\u6210\u7684\u80FD\u529B\uFF0C\u521B\u5EFA\u5B8C\u6B65\u9AA4\u540E\uFF0C\u4F1A\u81EA\u52A8\u5C06\u9009\u62E9\u7684\u65B0\u589E\u80FD\u529B\u52A0\u5165\u5230\u8BBE\u7F6E\u9875\u7684\u8003\u5BDF\u80FD\u529B\u5217\u8868\u4E2D\u3002" }))] }))] })), _jsx(AiAbilityList, { items: aiAbilityList })] })) })));
+});
+AiAbilitySelectRoot.displayName = 'AiAbilitySelectRoot';
+export default memo(AiAbilitySelectRoot);

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

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

package/esm/modules/ai-ability-select/components/AiAbilityItem/AiAbilityDetail.js

@@ -0,0 +1,22 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography } from 'fbm-ui';
+import { Stack } from 'fbm-ui/lib/mui';
+var AiAbilityDetail = function (_a) {
+    var detail = _a.detail;
+    return (_jsx(Box, __assign({ p: 2, maxHeight: 582, overflow: "scroll" }, { children: detail === null || detail === void 0 ? void 0 : detail.map(function (v) {
+            var _a;
+            return (_jsxs(Stack, __assign({ mb: 2, spacing: 1, width: 300 }, { children: [_jsx(Typography, __assign({ variant: "body2", fontWeight: 500 }, { children: v.name })), _jsx(Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: (_a = v.items) === null || _a === void 0 ? void 0 : _a.join('\n') }))] }), v.name));
+        }) })));
+};
+export default AiAbilityDetail;

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

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

package/esm/modules/ai-ability-select/components/AiAbilityItem/index.js

@@ -0,0 +1,40 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import AiAbilityDetail from './AiAbilityDetail';
+import { NewBadge } from './styled';
+import { useAiAbilityListStore } from "../../../../store/ai-ability-select/question-ability-store";
+import { Box, Checkbox, Paper, Popover, Typography } from 'fbm-ui';
+var AiAbilityItem = function (_a) {
+    var name = _a.name, isNew = _a.isNew, token = _a.token;
+    var _b = useAiAbilityListStore(), selctedAbilitys = _b.selctedAbilitys, setSelctedAbilitys = _b.setSelctedAbilitys;
+    var handleChange = function (_, checked) {
+        return setSelctedAbilitys(__spreadArray(__spreadArray([], selctedAbilitys.filter(function (v) { return v !== token; }), true), (checked ? [token] : []), true));
+    };
+    return (_jsx(Paper, __assign({ variant: "outlined" }, { children: _jsxs(Box, __assign({ sx: { pl: 2, width: 240, height: 54, display: 'flex', alignItems: 'center', position: 'relative' } }, { children: [_jsx(Checkbox, { onChange: handleChange, label: _jsx(Typography, __assign({ noWrap: true, maxWidth: 180, variant: "body2" }, { children: name })), checked: selctedAbilitys.includes(token) }), isNew && _jsx(NewBadge, { src: "//webcdn.fbmms.cn/assets/XXRf/bdUI9qZoTx-l2k_OHTotn" })] })) })));
+};
+var AiAbilityItemWrapper = function (props) {
+    var detail = props.detail;
+    if ((detail === null || detail === void 0 ? void 0 : detail.length) > 0)
+        return (_jsx(Popover, __assign({ content: _jsx(AiAbilityDetail, { detail: detail }), trigger: "hover", placement: "right" }, { children: _jsx(AiAbilityItem, __assign({}, props)) })));
+    return _jsx(AiAbilityItem, __assign({}, props));
+};
+export default AiAbilityItemWrapper;