eli-video-interview 1.2.35 → 1.2.36-alpha.0

package/lib/components/react-photo-view/utils/getMultipleTouchPosition.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * 从 Touch 事件中获取两个触控中心位置
+ */
+function getMultipleTouchPosition(evt) {
+    var _a = evt.touches[0], clientX = _a.clientX, clientY = _a.clientY;
+    if (evt.touches.length >= 2) {
+        var _b = evt.touches[1], nextClientX = _b.clientX, nextClientY = _b.clientY;
+        return [(clientX + nextClientX) / 2, (clientY + nextClientY) / 2, Math.sqrt(Math.pow((nextClientX - clientX), 2) + Math.pow((nextClientY - clientY), 2))];
+    }
+    return [clientX, clientY, 0];
+}
+exports.default = getMultipleTouchPosition;

package/lib/components/react-photo-view/utils/getPositionOnMoveOrScale.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 获取移动或缩放之后的中心点
+ */
+export default function getPositionOnMoveOrScale(x: number, y: number, width: number, height: number, scale: number, toScale: number, clientX?: number, clientY?: number, offsetX?: number, offsetY?: number): {
+    x: number;
+    y: number;
+    lastCX: number;
+    lastCY: number;
+};

package/lib/components/react-photo-view/utils/getPositionOnMoveOrScale.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var variables_1 = require("../variables");
+var edgeHandle_1 = require("./edgeHandle");
+/**
+ * 获取移动或缩放之后的中心点
+ */
+function getPositionOnMoveOrScale(x, y, width, height, scale, toScale, clientX, clientY, offsetX, offsetY) {
+    if (clientX === void 0) { clientX = window.innerWidth / 2; }
+    if (clientY === void 0) { clientY = window.innerWidth / 2; }
+    if (offsetX === void 0) { offsetX = 0; }
+    if (offsetY === void 0) { offsetY = 0; }
+    // 是否接触边缘
+    var closedEdgeX = (0, edgeHandle_1.computePositionEdge)(x, toScale, width, window.innerWidth)[0];
+    var closedEdgeY = (0, edgeHandle_1.computePositionEdge)(y, toScale, height, window.innerWidth)[0];
+    var centerClientX = window.innerWidth / 2;
+    var centerClientY = window.innerWidth / 2;
+    // 坐标偏移
+    var lastPositionX = centerClientX + x;
+    var lastPositionY = centerClientY + y;
+    // 偏移位置
+    var originX = clientX - (clientX - lastPositionX) * (toScale / scale) - centerClientX;
+    var originY = clientY - (clientY - lastPositionY) * (toScale / scale) - centerClientY;
+    // 长图模式无左右反馈
+    var longModeEdge = height / width >= variables_1.longModeRatio && width * toScale === window.innerWidth;
+    // 超出边缘距离减半
+    return {
+        x: originX + (longModeEdge ? 0 : closedEdgeX ? offsetX / 2 : offsetX),
+        y: originY + (closedEdgeY ? offsetY / 2 : offsetY),
+        lastCX: clientX,
+        lastCY: clientY,
+    };
+}
+exports.default = getPositionOnMoveOrScale;

package/lib/components/react-photo-view/utils/getRotateSize.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 获取旋转后的宽高
+ */
+export default function getRotateSize(rotate: number, width: number, height: number): readonly [number, number, true] | readonly [number, number, false];

package/lib/components/react-photo-view/utils/getRotateSize.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * 获取旋转后的宽高
+ */
+function getRotateSize(rotate, width, height) {
+    var isVertical = rotate % 180 !== 0;
+    // 若图片不是水平则调换属性
+    if (isVertical) {
+        return [height, width, isVertical];
+    }
+    return [width, height, isVertical];
+}
+exports.default = getRotateSize;

package/lib/components/react-photo-view/utils/getSuitableImageSize.d.ts

@@ -0,0 +1,10 @@
+/**
+ * 获取图片合适的大小
+ */
+export default function getSuitableImageSize(naturalWidth: number, naturalHeight: number, rotate: number): {
+    width: number;
+    height: number;
+    x: number;
+    y: number;
+    pause: boolean;
+};

package/lib/components/react-photo-view/utils/getSuitableImageSize.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var variables_1 = require("../variables");
+var getRotateSize_1 = __importDefault(require("./getRotateSize"));
+/**
+ * 获取图片合适的大小
+ */
+function getSuitableImageSize(naturalWidth, naturalHeight, rotate) {
+    var _a = (0, getRotateSize_1.default)(rotate, window.innerWidth, window.innerHeight), currentWidth = _a[0], currentHeight = _a[1], isVertical = _a[2];
+    var y = 0;
+    var width = currentWidth;
+    var height = currentHeight;
+    // 自适应宽高
+    var autoWidth = (naturalWidth / naturalHeight) * currentHeight;
+    var autoHeight = (naturalHeight / naturalWidth) * currentWidth;
+    if (naturalWidth < currentWidth && naturalHeight < currentHeight) {
+        width = naturalWidth;
+        height = naturalHeight;
+    }
+    else if (naturalWidth < currentWidth && naturalHeight >= currentHeight) {
+        width = autoWidth;
+    }
+    else if (naturalWidth >= currentWidth && naturalHeight < currentHeight) {
+        height = autoHeight;
+    }
+    else if (naturalWidth / naturalHeight > currentWidth / currentHeight) {
+        height = autoHeight;
+    }
+    // 长图模式
+    else if (naturalHeight / naturalWidth >= variables_1.longModeRatio && !isVertical) {
+        height = autoHeight;
+        y = (height - currentHeight) / 2;
+    }
+    else {
+        width = autoWidth;
+    }
+    return {
+        width: width,
+        height: height,
+        x: 0,
+        y: y,
+        pause: true,
+    };
+}
+exports.default = getSuitableImageSize;

package/lib/components/react-photo-view/utils/isTouchDevice.d.ts

@@ -0,0 +1,5 @@
+/**
+ * 是否支持触摸设备
+ */
+declare const isTouchDevice: boolean;
+export default isTouchDevice;

package/lib/components/react-photo-view/utils/isTouchDevice.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * 是否支持触摸设备
+ */
+var isTouchDevice = typeof window !== 'undefined' && 'ontouchstart' in window;
+exports.default = isTouchDevice;

package/lib/components/react-photo-view/utils/limitTarget.d.ts

@@ -0,0 +1,5 @@
+export declare const limitNumber: (value: number, min: number, max: number) => number;
+/**
+ * 限制最大/最小缩放
+ */
+export declare const limitScale: (scale: number, max?: number, buffer?: number) => number;

package/lib/components/react-photo-view/utils/limitTarget.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.limitScale = exports.limitNumber = void 0;
+var variables_1 = require("../variables");
+var limitNumber = function (value, min, max) {
+    return Math.max(Math.min(value, max), min);
+};
+exports.limitNumber = limitNumber;
+/**
+ * 限制最大/最小缩放
+ */
+var limitScale = function (scale, max, buffer) {
+    if (max === void 0) { max = 0; }
+    if (buffer === void 0) { buffer = 0; }
+    return (0, exports.limitNumber)(scale, variables_1.minScale * (1 - buffer), Math.max(variables_1.maxScale, max) * (1 + buffer));
+};
+exports.limitScale = limitScale;

package/lib/components/react-photo-view/variables.d.ts

@@ -0,0 +1,48 @@
+/**
+ * 最大触摸时间
+ */
+export declare const maxTouchTime = 200;
+/**
+ * 默认动画速度
+ */
+export declare const defaultSpeed = 400;
+/**
+ * 默认动画函数
+ */
+export declare const defaultEasing = "cubic-bezier(0.25, 0.8, 0.25, 1)";
+/**
+ * 最大滑动切换图片距离
+ */
+export declare const maxMoveOffset = 40;
+/**
+ * 图片的间隔
+ */
+export declare const horizontalOffset = 20;
+/**
+ * 最小初始响应距离
+ */
+export declare const minStartTouchOffset = 20;
+/**
+ * 默认背景透明度
+ */
+export declare const defaultOpacity = 1;
+/**
+ * 最小缩放度
+ */
+export declare const minScale = 1;
+/**
+ * 最大缩放度（若图片足够大，则会超出）
+ */
+export declare const maxScale = 6;
+/**
+ * 最小长图模式比例
+ */
+export declare const longModeRatio = 3;
+/**
+ * 缩放弹性缓冲
+ */
+export declare const scaleBuffer = 0.2;
+/**
+ * 最大等待动画时间
+ */
+export declare const maxWaitAnimationTime = 250;

package/lib/components/react-photo-view/variables.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.maxWaitAnimationTime = exports.scaleBuffer = exports.longModeRatio = exports.maxScale = exports.minScale = exports.defaultOpacity = exports.minStartTouchOffset = exports.horizontalOffset = exports.maxMoveOffset = exports.defaultEasing = exports.defaultSpeed = exports.maxTouchTime = void 0;
+/**
+ * 最大触摸时间
+ */
+exports.maxTouchTime = 200;
+/**
+ * 默认动画速度
+ */
+exports.defaultSpeed = 400;
+/**
+ * 默认动画函数
+ */
+exports.defaultEasing = 'cubic-bezier(0.25, 0.8, 0.25, 1)';
+/**
+ * 最大滑动切换图片距离
+ */
+exports.maxMoveOffset = 40;
+/**
+ * 图片的间隔
+ */
+exports.horizontalOffset = 20;
+/**
+ * 最小初始响应距离
+ */
+exports.minStartTouchOffset = 20;
+/**
+ * 默认背景透明度
+ */
+exports.defaultOpacity = 1;
+/**
+ * 最小缩放度
+ */
+exports.minScale = 1;
+/**
+ * 最大缩放度（若图片足够大，则会超出）
+ */
+exports.maxScale = 6;
+/**
+ * 最小长图模式比例
+ */
+exports.longModeRatio = 3;
+/**
+ * 缩放弹性缓冲
+ */
+exports.scaleBuffer = 0.2;
+/**
+ * 最大等待动画时间
+ */
+exports.maxWaitAnimationTime = 250;

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

@@ -60,7 +60,7 @@ var dayjs_1 = __importDefault(require("dayjs"));
 var fbm_ui_1 = require("fbm-ui");
 var react_1 = require("react");
 var AiAbilityRoot = function (_a) {
-    var _b = _a.ablilityNameLength, ablilityNameLength = _b === void 0 ? 30 : _b;
+    var _b = _a.ablilityNameLength, ablilityNameLength = _b === void 0 ? 30 : _b, onCreate = _a.onCreate, onDelete = _a.onDelete, onEdit = _a.onEdit;
     var _c = (0, ahooks_1.useSetState)({
         name: '',
         token: '',
@@ -105,6 +105,7 @@ var AiAbilityRoot = function (_a) {
                     return __awaiter(void 0, void 0, void 0, function () {
                         return __generator(this, function (_b) {
                             deleteList(token);
+                            onDelete === null || onDelete === void 0 ? void 0 : onDelete({ token: token });
                             onClose === null || onClose === void 0 ? void 0 : onClose();
                             return [2 /*return*/];
                         });
@@ -112,12 +113,20 @@ var AiAbilityRoot = function (_a) {
                 },
             });
         }
-    }, [deleteList]);
+    }, [deleteList, onDelete]);
     var handleClose = (0, react_1.useCallback)(function () {
         setState({ name: '' });
         setAddAbilityOpen(false);
         setUpdateAbilityOpen(false);
     }, [setState, setAddAbilityOpen, setUpdateAbilityOpen]);
+    var handleCreateSuccess = (0, react_1.useCallback)(function (data) {
+        onCreate === null || onCreate === void 0 ? void 0 : onCreate(data);
+        getList();
+    }, [getList, onCreate]);
+    var handleEditSuccess = (0, react_1.useCallback)(function (data) {
+        onEdit === null || onEdit === void 0 ? void 0 : onEdit(data);
+        getList();
+    }, [getList, onEdit]);
     var columns = [
         {
             id: 'name',
@@ -148,6 +157,6 @@ var AiAbilityRoot = function (_a) {
             },
         },
     ];
-    return ((0, jsx_runtime_1.jsxs)(styled_1.AbilityRoot, { children: [AddAbilityOpen && ((0, jsx_runtime_1.jsx)(AddAbility_1.default, __assign({}, state, { open: AddAbilityOpen, ablilityNameLength: ablilityNameLength, onClose: handleClose, onSuccess: getList }))), UpdateAbilityOpen && ((0, jsx_runtime_1.jsx)(UpdateAbility_1.default, __assign({}, state, { open: UpdateAbilityOpen, ablilityNameLength: ablilityNameLength, onClose: handleClose, onSuccess: getList }))), (0, jsx_runtime_1.jsx)(fbm_ui_1.Header, { title: "\u8003\u5BDF\u80FD\u529B\u7BA1\u7406", renderAction: function () { return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.AddIcon, {}), onClick: handleAdd }, { children: "\u65B0\u589E\u80FD\u529B" }))); } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ mt: 2, border: "1px solid rgba(0, 0, 0, 0.08)", borderRadius: 0.5, overflow: "hidden" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Table, { emptyText: "\u6682\u65E0\u6570\u636E", nameText: "\u8003\u5BDF\u80FD\u529B", loading: listLoading, data: data === null || data === void 0 ? void 0 : data.data.list, columns: columns }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(styled_1.AbilityRoot, { children: [AddAbilityOpen && ((0, jsx_runtime_1.jsx)(AddAbility_1.default, __assign({}, state, { open: AddAbilityOpen, ablilityNameLength: ablilityNameLength, onClose: handleClose, onSuccess: handleCreateSuccess }))), UpdateAbilityOpen && ((0, jsx_runtime_1.jsx)(UpdateAbility_1.default, __assign({}, state, { open: UpdateAbilityOpen, ablilityNameLength: ablilityNameLength, onClose: handleClose, onSuccess: handleEditSuccess }))), (0, jsx_runtime_1.jsx)(fbm_ui_1.Header, { title: "\u8003\u5BDF\u80FD\u529B\u7BA1\u7406", renderAction: function () { return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Button, __assign({ icon: (0, jsx_runtime_1.jsx)(fbm_ui_1.AddIcon, {}), onClick: handleAdd }, { children: "\u65B0\u589E\u80FD\u529B" }))); } }), (0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ mt: 2, border: "1px solid rgba(0, 0, 0, 0.08)", borderRadius: 0.5, overflow: "hidden" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Table, { emptyText: "\u6682\u65E0\u6570\u636E", nameText: "\u8003\u5BDF\u80FD\u529B", loading: listLoading, data: data === null || data === void 0 ? void 0 : data.data.list, columns: columns }) }))] }));
 };
 exports.default = AiAbilityRoot;

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

@@ -98,10 +98,10 @@ var AddAbility = function (props) {
     var _e = (0, react_1.useState)(InitialValues.workPlaceItems), workPlaceItems = _e[0], setWorkPlaceItems = _e[1];
     var _f = (0, ahooks_1.useRequest)(ai_ability_1.PostQuestionCollectionUpsert, {
         manual: true,
-        onSuccess: function () {
+        onSuccess: function (data) {
             fbm_ui_1.Message.success('新增能力成功');
             onClose();
-            onSuccess();
+            onSuccess(data === null || data === void 0 ? void 0 : data.data);
         },
     }), run = _f.run, loading = _f.loading;
     var _g = (0, ahooks_1.useRequest)(ai_ability_1.CheckDuplicateCollection, {

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

@@ -68,10 +68,10 @@ var UpdateAbility = function (props) {
     var _g = (0, react_1.useState)(const_1.InitialValues.workPlaceItems), workPlaceItems = _g[0], setWorkPlaceItems = _g[1];
     var _h = (0, ahooks_1.useRequest)(ai_ability_1.PostQuestionCollectionUpsert, {
         manual: true,
-        onSuccess: function () {
+        onSuccess: function (data) {
             fbm_ui_1.Message.success("\u7F16\u8F91\u80FD\u529B\u6210\u529F");
             onClose();
-            onSuccess();
+            onSuccess(data === null || data === void 0 ? void 0 : data.data);
         },
         onError: function (err) {
             console.log(err);

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

@@ -1,5 +1,11 @@
+interface AiAbilityToken {
+    token: string;
+}
 export interface AiAbilityProps {
     ablilityNameLength?: number;
+    onCreate?: (data: AiAbilityToken) => void;
+    onEdit?: (data: AiAbilityToken) => void;
+    onDelete?: (data: AiAbilityToken) => void;
 }
 export interface QuestionCollectionList {
     name: string;
@@ -28,7 +34,7 @@ export interface AbilityProps {
     token?: string;
     ablilityNameLength?: number;
     onClose: () => void;
-    onSuccess: () => void;
+    onSuccess: (data: any) => void;
 }
 export interface AiDefineItem {
     name: string;
@@ -51,3 +57,4 @@ export interface CheckDuplicateCollectionData {
 export interface CheckDuplicateCollectionRes {
     data: CheckDuplicateCollectionData;
 }
+export {};

package/lib/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/lib/modules/ai-ability-select/Root.js

@@ -0,0 +1,52 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var AiAbilityList_1 = __importDefault(require("./components/AiAbilityList"));
+var ai_ability_1 = require("../../services/ai-ability");
+var question_ability_store_1 = require("../../store/ai-ability-select/question-ability-store");
+var enterprise_store_1 = require("../../store/enterprise/enterprise-store");
+var ahooks_1 = require("ahooks");
+var fbm_ui_1 = require("fbm-ui");
+var fbm_ui_2 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var react_1 = require("react");
+var ScrollDialogContent = (0, fbm_ui_2.styled)(fbm_ui_1.Box)({
+    maxHeight: 'calc(100vh - 192px)',
+    overflow: 'scroll',
+});
+var AiAbilitySelectRoot = (0, react_1.forwardRef)(function (_a, ref) {
+    var jobToken = _a.jobToken, thirdToken = _a.thirdToken, token = _a.token;
+    var _b = (0, question_ability_store_1.useAiAbilityListStore)(), aiAbilityList = _b.aiAbilityList, setAiAbilityList = _b.setAiAbilityList, selctedAbilitys = _b.selctedAbilitys;
+    var setEnterprise = (0, enterprise_store_1.useEnterpriseStore)().setEnterprise;
+    var data = (0, ahooks_1.useRequest)(function () { return (0, ai_ability_1.GetAiAbilityList)({ jobToken: jobToken, thirdToken: thirdToken }); }, {
+        refreshDeps: [jobToken, thirdToken],
+    }).data;
+    (0, react_1.useEffect)(function () {
+        var _a;
+        setAiAbilityList(((_a = data === null || data === void 0 ? void 0 : data.data.list) === null || _a === void 0 ? void 0 : _a.filter(function (v) {
+            return !token || !v.isNew || selctedAbilitys.includes(v.token);
+        })) || []);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [data, token, selctedAbilitys]);
+    (0, react_1.useEffect)(function () {
+        setEnterprise({ jobToken: jobToken, thirdToken: thirdToken });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [jobToken, thirdToken]);
+    return ((0, jsx_runtime_1.jsx)(ScrollDialogContent, __assign({ ref: ref }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ display: "flex", flexDirection: "column", width: 760 }, { children: [(0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ spacing: 2, mb: 2 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.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" })), (aiAbilityList === null || aiAbilityList === void 0 ? void 0 : aiAbilityList.some(function (v) { return v.isNew; })) && ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ direction: "row", spacing: 1, alignItems: "center" }, { children: [(0, jsx_runtime_1.jsx)("img", { src: "//webcdn.fbmms.cn/assets/XXRf/bdUI9qZoTx-l2k_OHTotn", alt: "", width: 38, height: 16 }), (0, jsx_runtime_1.jsx)(fbm_ui_1.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" }))] })))] })), (0, jsx_runtime_1.jsx)(AiAbilityList_1.default, { items: aiAbilityList })] })) })));
+});
+AiAbilitySelectRoot.displayName = 'AiAbilitySelectRoot';
+exports.default = (0, react_1.memo)(AiAbilitySelectRoot);

package/lib/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/lib/modules/ai-ability-select/components/AiAbilityItem/AiAbilityDetail.js

@@ -0,0 +1,24 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var fbm_ui_1 = require("fbm-ui");
+var mui_1 = require("fbm-ui/lib/mui");
+var AiAbilityDetail = function (_a) {
+    var detail = _a.detail;
+    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Box, __assign({ p: 2, maxHeight: 582, overflow: "scroll" }, { children: detail === null || detail === void 0 ? void 0 : detail.map(function (v) {
+            var _a;
+            return ((0, jsx_runtime_1.jsxs)(mui_1.Stack, __assign({ mb: 2, spacing: 1, width: 300 }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", fontWeight: 500 }, { children: v.name })), (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ variant: "body2", color: "textSecondary" }, { children: (_a = v.items) === null || _a === void 0 ? void 0 : _a.join('\n') }))] }), v.name));
+        }) })));
+};
+exports.default = AiAbilityDetail;

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

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

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

@@ -0,0 +1,47 @@
+"use strict";
+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));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var AiAbilityDetail_1 = __importDefault(require("./AiAbilityDetail"));
+var styled_1 = require("./styled");
+var question_ability_store_1 = require("../../../../store/ai-ability-select/question-ability-store");
+var fbm_ui_1 = require("fbm-ui");
+var AiAbilityItem = function (_a) {
+    var name = _a.name, isNew = _a.isNew, token = _a.token, detail = _a.detail;
+    var _b = (0, question_ability_store_1.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 ((0, jsx_runtime_1.jsx)(fbm_ui_1.Paper, __assign({ variant: "outlined" }, { children: (0, jsx_runtime_1.jsxs)(fbm_ui_1.Box, __assign({ sx: { pl: 2, width: 240, height: 54, display: 'flex', alignItems: 'center', position: 'relative' } }, { children: [(0, jsx_runtime_1.jsx)(fbm_ui_1.Checkbox, { onChange: handleChange, label: (0, jsx_runtime_1.jsx)(AiAbilityLable, { name: name, detail: detail }), checked: selctedAbilitys.includes(token), 
+                    // @ts-ignore
+                    sx: { width: 1, height: 1 } }), isNew && (0, jsx_runtime_1.jsx)(styled_1.NewBadge, { src: "//webcdn.fbmms.cn/assets/XXRf/bdUI9qZoTx-l2k_OHTotn" })] })) })));
+};
+var AiAbilityLable = function (_a) {
+    var name = _a.name, detail = _a.detail;
+    if ((detail === null || detail === void 0 ? void 0 : detail.length) > 0)
+        return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Popover, __assign({ content: (0, jsx_runtime_1.jsx)(AiAbilityDetail_1.default, { detail: detail }), trigger: "hover", placement: "right" }, { children: (0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ noWrap: true, maxWidth: 180, variant: "body2", sx: { mt: 0.5 } }, { children: name })) })));
+    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Typography, __assign({ noWrap: true, maxWidth: 180, variant: "body2" }, { children: name })));
+};
+exports.default = AiAbilityItem;

package/lib/modules/ai-ability-select/components/AiAbilityItem/interface.d.ts

@@ -0,0 +1,13 @@
+interface AiAbilityDetail {
+    name: string;
+    items: string[];
+}
+export interface AiAbilityDetailProps {
+    detail: AiAbilityDetail[];
+}
+export interface AiAbilityItemProps extends AiAbilityDetailProps {
+    name: string;
+    isNew?: boolean;
+    token: string;
+}
+export {};

package/lib/modules/ai-ability-select/components/AiAbilityItem/interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +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>, {}>;

package/lib/modules/ai-ability-select/components/AiAbilityItem/styled.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewBadge = void 0;
+var fbm_ui_1 = require("fbm-ui");
+exports.NewBadge = (0, fbm_ui_1.styled)('img')({
+    position: 'absolute',
+    right: 0,
+    top: 0,
+    width: 38,
+    height: 16,
+});

package/lib/modules/ai-ability-select/components/AiAbilityList/index.d.ts

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

package/lib/modules/ai-ability-select/components/AiAbilityList/index.js

@@ -0,0 +1,24 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var AiAbilityItem_1 = __importDefault(require("../AiAbilityItem"));
+var fbm_ui_1 = require("fbm-ui");
+var AiAbilityList = function (_a) {
+    var items = _a.items;
+    return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Grid, __assign({ container: true, spacing: 1, rowSpacing: 1, columnSpacing: 1 }, { children: items === null || items === void 0 ? void 0 : items.map(function (item) { return ((0, jsx_runtime_1.jsx)(fbm_ui_1.Grid, __assign({ item: true }, { children: (0, jsx_runtime_1.jsx)(AiAbilityItem_1.default, __assign({}, item)) }), item.token)); }) })));
+};
+exports.default = AiAbilityList;

package/lib/modules/ai-ability-select/components/AiAbilityList/interface.d.ts

@@ -0,0 +1,4 @@
+import { AiAbilityItemProps } from '../AiAbilityItem/interface';
+export interface AiAbilityListProps {
+    items: AiAbilityItemProps[];
+}

package/lib/modules/ai-ability-select/components/AiAbilityList/interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/lib/modules/ai-ability-select/index.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/lib/modules/ai-ability-select/index.js

@@ -0,0 +1,25 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Root_1 = __importDefault(require("./Root"));
+var RootProvider_1 = __importDefault(require("../../components/RootProvider"));
+var react_1 = require("react");
+var AiAbilitySelect = (0, react_1.forwardRef)(function (props, ref) {
+    return ((0, jsx_runtime_1.jsx)(RootProvider_1.default, { children: (0, jsx_runtime_1.jsx)(Root_1.default, __assign({ ref: ref }, props)) }));
+});
+AiAbilitySelect.displayName = 'AiAbilitySelect';
+exports.default = (0, react_1.memo)(AiAbilitySelect);