eli-video-interview 1.1.6 → 1.1.7

package/esm/modules/ai-report/components/VideoQuestion/styled.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const StyledSlider: import("@emotion/styled").StyledComponent<{
     color?: "secondary" | "primary" | undefined;
-    classes?: (Partial<import("@mui/material").SliderUnstyledClasses> & {
+    classes?: (Partial<import("fbm-ui/lib/mui").SliderUnstyledClasses> & {
         colorPrimary?: string | undefined;
         colorSecondary?: string | undefined;
         sizeSmall?: string | undefined;
@@ -10,12 +10,12 @@ export declare const StyledSlider: import("@emotion/styled").StyledComponent<{
         thumbSizeSmall?: string | undefined;
     }) | undefined;
     size?: "small" | "medium" | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    sx?: import("@mui/system").SxProps<import("fbm-ui/lib/mui").Theme> | undefined;
 } & {
     'aria-label'?: string | undefined;
     'aria-labelledby'?: string | undefined;
     'aria-valuetext'?: string | undefined;
-    classes?: Partial<import("@mui/material").SliderUnstyledClasses> | undefined;
+    classes?: Partial<import("fbm-ui/lib/mui").SliderUnstyledClasses> | undefined;
     components?: {
         Root?: import("react").ElementType<any> | undefined;
         Track?: import("react").ElementType<any> | undefined;
@@ -26,13 +26,13 @@ export declare const StyledSlider: import("@emotion/styled").StyledComponent<{
         ValueLabel?: import("react").ElementType<any> | undefined;
     } | undefined;
     componentsProps?: {
-        root?: (import("react").HTMLAttributes<HTMLSpanElement> & import("@mui/material").SliderUnstyledComponentsPropsOverrides) | undefined;
-        track?: (import("react").HTMLAttributes<HTMLSpanElement> & import("@mui/material").SliderUnstyledComponentsPropsOverrides) | undefined;
-        rail?: (import("react").HTMLAttributes<HTMLSpanElement> & import("@mui/material").SliderUnstyledComponentsPropsOverrides) | undefined;
-        thumb?: (import("react").HTMLAttributes<HTMLSpanElement> & import("@mui/material").SliderUnstyledComponentsPropsOverrides) | undefined;
-        mark?: (import("react").HTMLAttributes<HTMLSpanElement> & import("@mui/material").SliderUnstyledComponentsPropsOverrides) | undefined;
-        markLabel?: (import("react").HTMLAttributes<HTMLSpanElement> & import("@mui/material").SliderUnstyledComponentsPropsOverrides) | undefined;
-        valueLabel?: (import("@mui/material").ValueLabelUnstyledProps & import("@mui/material").SliderUnstyledComponentsPropsOverrides) | undefined;
+        root?: (import("react").HTMLAttributes<HTMLSpanElement> & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+        track?: (import("react").HTMLAttributes<HTMLSpanElement> & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+        rail?: (import("react").HTMLAttributes<HTMLSpanElement> & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+        thumb?: (import("react").HTMLAttributes<HTMLSpanElement> & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+        mark?: (import("react").HTMLAttributes<HTMLSpanElement> & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+        markLabel?: (import("react").HTMLAttributes<HTMLSpanElement> & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
+        valueLabel?: (import("fbm-ui/lib/mui").ValueLabelUnstyledProps & import("fbm-ui/lib/mui").SliderUnstyledComponentsPropsOverrides) | undefined;
     } | undefined;
     defaultValue?: number | number[] | undefined;
     disabled?: boolean | undefined;
@@ -40,7 +40,7 @@ export declare const StyledSlider: import("@emotion/styled").StyledComponent<{
     getAriaLabel?: ((index: number) => string) | undefined;
     getAriaValueText?: ((value: number, index: number) => string) | undefined;
     isRtl?: boolean | undefined;
-    marks?: boolean | import("@mui/material").Mark[] | undefined;
+    marks?: boolean | import("fbm-ui/lib/mui").Mark[] | undefined;
     max?: number | undefined;
     min?: number | undefined;
     name?: string | undefined;
@@ -56,16 +56,16 @@ export declare const StyledSlider: import("@emotion/styled").StyledComponent<{
     valueLabelFormat?: string | ((value: number, index: number) => import("react").ReactNode) | undefined;
 } & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "name" | "defaultValue" | "tabIndex" | "color" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "onChange" | "max" | "min" | "orientation" | "scale" | "classes" | "track" | "sx" | "disabled" | "value" | "size" | "step" | "components" | "componentsProps" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "isRtl" | "marks" | "onChangeCommitted" | "valueLabelDisplay" | "valueLabelFormat"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+}, "track" | "name" | "defaultValue" | "tabIndex" | "color" | "aria-label" | "aria-labelledby" | "aria-valuetext" | "onChange" | "max" | "min" | "orientation" | "scale" | "classes" | "sx" | "disabled" | "value" | "size" | "step" | "components" | "componentsProps" | "disableSwap" | "getAriaLabel" | "getAriaValueText" | "isRtl" | "marks" | "onChangeCommitted" | "valueLabelDisplay" | "valueLabelFormat"> & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;
 export declare const ScoreSliderRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;
 export declare const QuestionDesc: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;
 export declare const AiScoreRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;
 export declare const RankingRoot: import("@emotion/styled").StyledComponent<import("fbm-ui/lib/components/Box").BoxProps & {
     children?: import("react").ReactNode;
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+} & import("@mui/system").MUIStyledCommonProps<import("fbm-ui/lib/mui").Theme>, {}, {}>;

package/esm/modules/ai-report/components/VideoQuestion/styled.js

@@ -1,5 +1,5 @@
 import { Box, styled } from 'fbm-ui';
-import { Slider } from '@mui/material';
+import { Slider } from 'fbm-ui/lib/mui';
 export var StyledSlider = styled(Slider)(function (_a) {
     var theme = _a.theme;
     return ({
@@ -10,6 +10,7 @@ export var StyledSlider = styled(Slider)(function (_a) {
         },
         '& .MuiSlider-track': {
             border: 'none',
+            backgroundColor: theme.palette.primary.main,
         },
         '& .MuiSlider-thumb': {
             height: 24,

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

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

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

@@ -11,12 +11,10 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, memo } from 'react';
-import { HoxRoot } from 'hox';
-import { ThemeProvider } from 'fbm-ui';
-import { StyledEngineProvider } from '@mui/material/styles';
+import RootProvider from "../../components/RootProvider";
 import ReportRoot from './Root';
 var AiReport = forwardRef(function (props, ref) {
-    return (_jsx(ThemeProvider, { children: _jsx(StyledEngineProvider, __assign({ injectFirst: true }, { children: _jsx(HoxRoot, { children: _jsx(ReportRoot, __assign({ ref: ref }, props)) }) })) }));
+    return (_jsx(RootProvider, { children: _jsx(ReportRoot, __assign({ ref: ref }, props)) }));
 });
 AiReport.displayName = 'AiReport';
 export default memo(AiReport);

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

@@ -9,6 +9,15 @@ export interface Question {
     desc: string;
     duration: number;
     type: number;
+    category: string[];
+}
+export interface Collection {
+    name: string;
+    weight: number;
+    score: number;
+    level: number;
+    rank: number;
+    total: number;
 }
 export interface AnalysisResult {
     text: string;
@@ -64,6 +73,7 @@ export interface FaceAnalysis {
 export interface AiInterviewReportList {
     orderToken: string;
     aiModel: AiModel;
+    collection: Collection[];
     faceUrl: string;
     faceAnalysis: FaceAnalysis;
     score: number;
@@ -98,7 +108,6 @@ export interface AiReportProps {
     scoreRankIntervals?: ScoreRankInterval[];
     disabledScore?: boolean;
     reminderSent?: boolean;
-    showAbilitiesDetails?: boolean;
     operableButtons?: Array<'export' | 'refresh' | 'scoreRank' | 'abilities' | 'sendReminder'>;
     stepToken?: string;
     interviewCheat?: InterviewCheat;

package/esm/modules/ai-report/useAiReport.d.ts

@@ -6,7 +6,6 @@ export declare const useAiReport: (props: AiReportProps) => {
     scoreRankIntervals?: import("./components/RankingRange/interface").ScoreRankInterval[] | undefined;
     disabledScore?: boolean | undefined;
     reminderSent?: boolean | undefined;
-    showAbilitiesDetails?: boolean | undefined;
     operableButtons?: ("export" | "refresh" | "scoreRank" | "abilities" | "sendReminder")[] | undefined;
     stepToken?: string | undefined;
     interviewCheat?: import("./interface").InterviewCheat | undefined;

package/esm/modules/ai-template/Root.d.ts

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

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

@@ -0,0 +1,48 @@
+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 { useEffect, forwardRef, useCallback, memo } from 'react';
+import { Dialog, Box, Button, styled } from 'fbm-ui';
+import ScrollDialogContent from "../../components/ScrollDialogContent";
+import { useAiTemplateStore } from "../../store/ai-template/global-store";
+import TemplateHeader from './components/TemplateHeader';
+import TemplateMenu from './components/TemplateMenu';
+import TemplateList from './components/TemplateList';
+import CapabilityModel from './components/CapabilityModel';
+import QuestionList from './components/QuestionList';
+var AiTemplateDialog = styled(Dialog)({
+    '& .MuiPaper-root>.MuiBox-root>.MuiBox-root': {
+        marginBottom: 0,
+    },
+});
+var AiTemplateRoot = forwardRef(function (props, ref) {
+    var _a = useAiTemplateStore(), open = _a.open, previewItem = _a.previewItem, updateProps = _a.updateProps, updateState = _a.updateState, handleIncrUse = _a.handleIncrUse;
+    var handleUseTemplate = useCallback(function () {
+        var _a;
+        (_a = props === null || props === void 0 ? void 0 : props.onUseTemplate) === null || _a === void 0 ? void 0 : _a.call(props, previewItem === null || previewItem === void 0 ? void 0 : previewItem.list);
+        if (previewItem === null || previewItem === void 0 ? void 0 : previewItem.token) {
+            handleIncrUse(previewItem === null || previewItem === void 0 ? void 0 : previewItem.token);
+        }
+    }, [handleIncrUse, previewItem, props]);
+    useEffect(function () {
+        if (!props.open) {
+            updateState({ previewItem: undefined });
+        }
+        updateProps(props);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props]);
+    return (_jsx(AiTemplateDialog, __assign({ open: open, size: "lg", header: function () { return (_jsx(TemplateHeader, { name: (previewItem === null || previewItem === void 0 ? void 0 : previewItem.positionName) || (previewItem === null || previewItem === void 0 ? void 0 : previewItem.name), onClose: props.onClose, onBack: function () { return updateState({ previewItem: undefined }); }, onSearch: function () { } })); }, footer: function () {
+            return previewItem ? (_jsx(Box, __assign({ display: "flex", justifyContent: "flex-end", padding: "12px 0" }, { children: _jsx(Button, __assign({ onClick: handleUseTemplate }, { children: "\u4F7F\u7528\u8BE5\u6A21\u7248" })) }))) : null;
+        }, onClose: props.onClose }, { children: _jsxs(ScrollDialogContent, { children: [_jsxs(Box, __assign({ display: previewItem ? 'flex' : 'none', flexDirection: "column" }, { children: [_jsx(CapabilityModel, {}), _jsx(QuestionList, {})] })), _jsxs(Box, __assign({ display: previewItem ? 'none' : 'flex' }, { children: [_jsx(TemplateMenu, {}), _jsx(TemplateList, {})] }))] }) })));
+});
+AiTemplateRoot.displayName = 'AiTemplateRoot';
+export default memo(AiTemplateRoot);

package/esm/modules/ai-template/components/CapabilityModel/const.d.ts

@@ -0,0 +1,47 @@
+export declare const rosePieOptions: {
+    tooltip: {
+        trigger: string;
+        formatter: string;
+        backgroundColor: string;
+        textStyle: {
+            color: string;
+        };
+    };
+    visualMap: {
+        show: boolean;
+        min: number;
+        max: number;
+        inRange: {
+            color: string[];
+        };
+    };
+    series: {
+        type: string;
+        radius: string[];
+        center: string[];
+        data: {
+            value: number;
+            name: string;
+        }[];
+        roseType: string;
+        label: {
+            color: string;
+        };
+        labelLine: {
+            lineStyle: {
+                color: string;
+                cap: string;
+            };
+            smooth: number;
+            length: number;
+            length2: number;
+        };
+        itemStyle: {
+            shadowBlur: number;
+            shadowColor: string;
+        };
+        animationType: string;
+        animationEasing: string;
+        animationDelay: (idx: any) => number;
+    }[];
+};

package/esm/modules/ai-template/components/CapabilityModel/const.js

@@ -0,0 +1,56 @@
+export var rosePieOptions = {
+    tooltip: {
+        trigger: 'item',
+        formatter: '{b}: {c}',
+        backgroundColor: 'rgba(0, 0, 0, 0.86)',
+        textStyle: {
+            color: '#fff',
+        },
+    },
+    visualMap: {
+        show: false,
+        min: 235,
+        max: 410,
+        inRange: {
+            color: ['rgba(0, 217, 157, 0.2)', 'rgba(0, 217, 157, 0.4)', 'rgba(0, 217, 157, 0.6)', 'rgba(0, 217, 157, 0.8)', 'rgba(0, 217, 157, 1)'],
+        },
+    },
+    series: [
+        {
+            type: 'pie',
+            radius: ['30%', '70%'],
+            center: ['50%', '50%'],
+            data: [
+                { value: 335, name: 'Direct' },
+                { value: 310, name: 'Email' },
+                { value: 274, name: 'Union Ads' },
+                { value: 235, name: 'Video Ads' },
+                { value: 410, name: 'Search Engine' },
+            ].sort(function (a, b) {
+                return a.value - b.value;
+            }),
+            roseType: 'radius',
+            label: {
+                color: 'rgba(0, 0, 0, 0.86)',
+            },
+            labelLine: {
+                lineStyle: {
+                    color: 'rgba(76, 175, 80, 0.3)',
+                    cap: 'square',
+                },
+                smooth: 0.2,
+                length: 10,
+                length2: 20,
+            },
+            itemStyle: {
+                shadowBlur: 4,
+                shadowColor: 'rgb(26, 180, 138)',
+            },
+            animationType: 'scale',
+            animationEasing: 'elasticOut',
+            animationDelay: function (idx) {
+                return Math.random() * 200;
+            },
+        },
+    ],
+};

package/esm/modules/ai-template/components/CapabilityModel/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const CapabilityModel: React.FC;
+export default CapabilityModel;

package/esm/modules/ai-template/components/CapabilityModel/index.js

@@ -0,0 +1,27 @@
+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 { useAiTemplateStore } from "../../../../store/ai-template/global-store";
+import TemplatePieProps from "../../../../components/Charts/TemplatePie";
+import ScoreBigBall from "../../../../components/ScoreBigBall";
+var CapabilityModel = function () {
+    var _a, _b;
+    var _c = useAiTemplateStore(function (store) { return [store.menuId, store.previewItem]; }), menuId = _c.menuId, previewItem = _c.previewItem;
+    var totalScore = ((_a = previewItem === null || previewItem === void 0 ? void 0 : previewItem.collection) === null || _a === void 0 ? void 0 : _a.map(function (_a) {
+        var weight = _a.weight;
+        return weight;
+    }).reduce(function (p, c) { return p + c; }, 0)) || 0;
+    var isHistoryPatterns = menuId === 'historyPatterns';
+    return (_jsxs(Box, __assign({ width: "100%", display: "flex", flexDirection: "column" }, { children: [_jsxs(Box, __assign({ display: "flex", alignItems: "center" }, { children: [_jsx(Typography, __assign({ variant: "body1", weight: "500" }, { children: isHistoryPatterns ? '能力模型' : '岗位能力模型' })), _jsx(Typography, __assign({ variant: "caption", bgcolor: "rgb(255, 152, 0)", color: "#fff", borderRadius: "9px", pl: 1, pr: 1, ml: 0.5 }, { children: previewItem === null || previewItem === void 0 ? void 0 : previewItem.recom_reason }))] })), _jsxs(Box, __assign({ height: 300 }, { children: [_jsx(TemplatePieProps, { id: new Date().getTime().toString(), source: (previewItem === null || previewItem === void 0 ? void 0 : previewItem.collection) || [] }), ((_b = previewItem === null || previewItem === void 0 ? void 0 : previewItem.collection) === null || _b === void 0 ? void 0 : _b.length) && _jsx(ScoreBigBall, { width: 95, height: 95, score: totalScore, status: 3 })] })), !isHistoryPatterns && (_jsx(Box, __assign({ width: 588, p: 2, borderRadius: "8px", bgcolor: "rgba(76, 175, 80, 0.06)", margin: "0 auto" }, { children: _jsx(Typography, __assign({ variant: "body2", color: "rgba(0, 0, 0, 0.56)", sx: { wordBreak: 'break-all' } }, { children: previewItem === null || previewItem === void 0 ? void 0 : previewItem.intro })) })))] })));
+};
+export default CapabilityModel;

package/esm/modules/ai-template/components/QuestionList/Item.d.ts

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

package/esm/modules/ai-template/components/QuestionList/Item.js

@@ -0,0 +1,24 @@
+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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Typography, Chip, Button } from 'fbm-ui';
+import { Done } from '@mui/icons-material';
+import { useAiTemplateStore } from "../../../../store/ai-template/global-store";
+var QuestionItem = function (_a) {
+    var item = _a.item, index = _a.index;
+    var name = item.name, desc = item.desc, category = item.category, weight = item.weight, originToken = item.originToken;
+    var _b = useAiTemplateStore(function (store) { return [store.currentSteps, store.onUseTemplate]; }), currentSteps = _b.currentSteps, onUseTemplate = _b.onUseTemplate;
+    console.log(currentSteps);
+    var isUsed = currentSteps === null || currentSteps === void 0 ? void 0 : currentSteps.find(function (step) { return step.originToken === originToken; });
+    return (_jsxs(Box, __assign({ border: isUsed ? '1px solid rgb(76, 175, 80)' : '1px solid rgba(0,0,0, 0.08)', borderRadius: "6px", mt: 2 }, { children: [_jsxs(Box, __assign({ borderBottom: "1px solid rgba(0,0,0, 0.08)", p: 2, display: "flex", justifyContent: "space-between" }, { children: [_jsxs(Box, { children: [_jsxs(Typography, __assign({ variant: "body1", weight: "500" }, { children: [index + 1, ".", name] })), _jsx(Typography, __assign({ variant: "body2", color: "secondary", mt: 1 }, { children: desc }))] }), isUsed && _jsx(Done, { color: "primary" }, "icon")] })), _jsxs(Box, __assign({ display: "flex", justifyContent: "space-between", padding: "8px 8px 8px 16px" }, { children: [_jsxs(Box, __assign({ display: "flex", alignItems: "center" }, { children: [category === null || category === void 0 ? void 0 : category.map(function (label) { return (_jsx(Chip, { color: "default", label: label }, label)); }), _jsxs(Typography, __assign({ variant: "body2", ml: 2 }, { children: ["\u6743\u91CD\u5360\u6BD4\uFF1A", weight, "%"] }))] })), _jsx(Button, __assign({ variant: "outlined", color: "inherit", onClick: function () { return onUseTemplate === null || onUseTemplate === void 0 ? void 0 : onUseTemplate([item]); } }, { children: "\u4F7F\u7528" }))] }))] })));
+};
+export default QuestionItem;

package/esm/modules/ai-template/components/QuestionList/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const QuestionList: React.FC;
+export default QuestionList;

package/esm/modules/ai-template/components/QuestionList/index.js

@@ -0,0 +1,20 @@
+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 { useAiTemplateStore } from "../../../../store/ai-template/global-store";
+import QuestionItem from './Item';
+var QuestionList = function () {
+    var previewItem = useAiTemplateStore(function (store) { return [store.previewItem]; }).previewItem;
+    return (_jsxs(Box, __assign({ display: "flex", flexDirection: "column", mt: 3 }, { children: [_jsx(Box, __assign({ display: "flex", alignItems: "center" }, { children: _jsx(Typography, __assign({ variant: "body1", weight: "500" }, { children: "\u9898\u76EE\u5217\u8868" })) })), _jsx(Box, { children: previewItem === null || previewItem === void 0 ? void 0 : previewItem.list.map(function (item, index) { return (_jsx(QuestionItem, { item: item, index: index }, item.token)); }) })] })));
+};
+export default QuestionList;

package/esm/modules/ai-template/components/QuestionList/interface.d.ts

@@ -0,0 +1,5 @@
+import { QuestionList } from '@/modules/ai-template/interface';
+export interface QuestionListProps {
+    item: QuestionList;
+    index: number;
+}

package/esm/modules/ai-template/components/QuestionList/interface.js

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

package/esm/modules/ai-template/components/TemplateHeader/index.d.ts

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

package/esm/modules/ai-template/components/TemplateHeader/index.js

@@ -0,0 +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, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography, IconButton, CloseIcon, KeyboardArrowLeftIcon } from 'fbm-ui';
+var TemplateHeader = function (_a) {
+    var name = _a.name, onClose = _a.onClose, onSearch = _a.onSearch, onBack = _a.onBack;
+    return name ? (_jsxs(Box, __assign({ display: "flex", alignItems: "center", justifyContent: "space-between", pt: 1, pb: 1.5, mb: 1 }, { children: [_jsxs(Box, __assign({ display: "flex", alignItems: "center", right: 16 }, { children: [_jsx(IconButton, __assign({ onClick: onBack }, { children: _jsx(KeyboardArrowLeftIcon, {}) })), _jsx(Typography, __assign({ variant: "body1", weight: "500", ml: 1 }, { children: name }))] })), _jsx(IconButton, __assign({ onClick: onClose }, { children: _jsx(CloseIcon, {}) }))] }))) : (_jsxs(Box, __assign({ display: "flex", alignItems: "center", justifyContent: "space-between", pt: 1, pb: 1.5, mb: 1 }, { children: [_jsxs(Typography, __assign({ variant: "body1", weight: "500" }, { children: ["\u5C97\u4F4D\u6A21\u7248\u5E93", _jsx(Typography, __assign({ variant: "caption", color: "secondary" }, { children: "\uFF08\u6A21\u7248\u5E93\u53EF\u591A\u6B21\u4F7F\u7528\uFF09" }))] })), _jsx(IconButton, __assign({ onClick: onClose }, { children: _jsx(CloseIcon, {}) }))] })));
+};
+export default TemplateHeader;

package/esm/modules/ai-template/components/TemplateHeader/interface.d.ts

@@ -0,0 +1,6 @@
+export interface TemplateHeaderProps {
+    name?: string;
+    onClose?: () => void;
+    onSearch?: (value: string) => void;
+    onBack?: () => void;
+}

package/esm/modules/ai-template/components/TemplateHeader/interface.js

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

package/esm/modules/ai-template/components/TemplateList/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const TemplateList: React.FC;
+export default TemplateList;

package/esm/modules/ai-template/components/TemplateList/index.js

@@ -0,0 +1,96 @@
+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 { useEffect, useState, useCallback, useRef } from 'react';
+import { Box, Button, Typography } from 'fbm-ui';
+import { useRequest } from 'ahooks';
+import { useAiTemplateStore } from "../../../../store/ai-template/global-store";
+import { PostAiTemplatesList, PostAiTemplatesDetail } from "../../../../services/ai-template";
+import TemplatePie from "../../../../components/Charts/TemplatePie";
+import ScoreBigBall from "../../../../components/ScoreBigBall";
+import { AddIconRoot, ListRow, ListCol, ListItem, ListItemTitle, ListItemSubTitle, ListItemOperation } from './styled';
+var TemplateList = function () {
+    var isPreview = useRef(false);
+    var _a = useState([]), list = _a[0], setList = _a[1];
+    var _b = useAiTemplateStore(function (store) { return [
+        store.open,
+        store.menuId,
+        store.historyPatterns,
+    ]; }), open = _b.open, menuId = _b.menuId, historyPatterns = _b.historyPatterns, onUseTemplate = _b.onUseTemplate, updateState = _b.updateState, handleIncrUse = _b.handleIncrUse;
+    var isHistoryPatterns = menuId === 'historyPatterns';
+    var _c = useRequest(PostAiTemplatesList, {
+        manual: true,
+        onSuccess: function (_a) {
+            var list = _a.data.list;
+            return setList(list);
+        },
+    }), postAiTemplatesList = _c.run, listLoading = _c.loading;
+    var _d = useRequest(PostAiTemplatesDetail, {
+        manual: true,
+        onSuccess: function (_a) {
+            var data = _a.data;
+            if (isPreview.current) {
+                updateState({
+                    previewItem: __assign(__assign({}, data), { list: data.questions || [] }),
+                });
+            }
+            else {
+                handleIncrUse(data.token);
+                onUseTemplate === null || onUseTemplate === void 0 ? void 0 : onUseTemplate(data.questions);
+            }
+        },
+    }), postAiTemplatesDetail = _d.run, detailLoading = _d.loading;
+    var handlePreview = useCallback(function (item) {
+        if (isHistoryPatterns) {
+            updateState({ previewItem: item });
+        }
+        else {
+            isPreview.current = true;
+            postAiTemplatesDetail(item.token);
+        }
+    }, [isHistoryPatterns, postAiTemplatesDetail, updateState]);
+    var handleUseTemplate = useCallback(function (token, questions) {
+        if (isHistoryPatterns) {
+            onUseTemplate === null || onUseTemplate === void 0 ? void 0 : onUseTemplate(questions);
+        }
+        else {
+            isPreview.current = false;
+            postAiTemplatesDetail(token);
+        }
+    }, [isHistoryPatterns, onUseTemplate, postAiTemplatesDetail]);
+    useEffect(function () {
+        if (menuId) {
+            setList([]);
+            setTimeout(function () {
+                if (menuId === 'historyPatterns') {
+                    setList(historyPatterns || []);
+                }
+                else {
+                    postAiTemplatesList(menuId);
+                }
+            }, 0);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [historyPatterns, menuId]);
+    useEffect(function () {
+        !open && setList([]);
+    }, [open]);
+    return (_jsxs(ListRow, __assign({ loading: listLoading }, { children: [!isHistoryPatterns && (_jsx(ListCol, { children: _jsxs(ListItem, __assign({ alignItems: "center", sx: { cursor: 'pointer' }, onClick: function () { return onUseTemplate === null || onUseTemplate === void 0 ? void 0 : onUseTemplate(); } }, { children: [_jsx(AddIconRoot, {}), _jsx(Typography, __assign({ variant: "body2", color: "secondary", weight: "500" }, { children: "\u4E0D\u4F7F\u7528\u6A21\u7248" }))] })) })), list === null || list === void 0 ? void 0 : list.map(function (item, index) {
+                var positionName = item.positionName, name = item.name, list = item.list, industry = item.industry, collection = item.collection, use_num = item.use_num, token = item.token;
+                var totalScore = (collection === null || collection === void 0 ? void 0 : collection.map(function (_a) {
+                    var weight = _a.weight;
+                    return weight;
+                }).reduce(function (p, c) { return p + c; }, 0)) || 0;
+                return (_jsx(ListCol, { children: _jsxs(ListItem, { children: [_jsxs(ListItemTitle, __assign({ variant: "body2", weight: "500" }, { children: [positionName || name, !isHistoryPatterns && (_jsxs(Typography, __assign({ variant: "caption", ml: 0.5 }, { children: ["(\u9002\u7528\u4E8E", industry, ")"] })))] })), isHistoryPatterns && _jsxs(ListItemSubTitle, __assign({ variant: "caption" }, { children: ["\u6B65\u9AA4\uFF1A", name] })), _jsxs(Box, __assign({ flex: "1 0" }, { children: [_jsx(TemplatePie, { id: token, source: collection, isShowTooltip: false, isShowLabel: false }), (collection === null || collection === void 0 ? void 0 : collection.length) && _jsx(ScoreBigBall, { width: 50, height: 50, fontSize: 14, score: totalScore, status: 3 })] })), !isHistoryPatterns && (_jsxs(Typography, __assign({ fontSize: 12, color: "secondary" }, { children: ["\u6A21\u7248\u4F7F\u7528", use_num, "\u6B21"] }))), _jsxs(ListItemOperation, __assign({ className: "list-item-operation" }, { children: [_jsx(Button, __assign({ sx: { width: 66, mr: '12px' }, size: "small", variant: "outlined", color: "inherit", loading: isPreview.current && detailLoading, onClick: function () { return handlePreview(item); } }, { children: "\u9884\u89C8" })), _jsx(Button, __assign({ sx: { width: 66 }, size: "small", loading: !isPreview.current && detailLoading, onClick: function () { return handleUseTemplate(token, list); } }, { children: "\u4F7F\u7528" }))] }))] }) }, token));
+            })] })));
+};
+export default TemplateList;

package/esm/modules/ai-template/components/TemplateList/interface.d.ts

@@ -0,0 +1,24 @@
+import { QuestionList } from '@/modules/ai-template/interface';
+export interface AiTemplatesCollection {
+    name: string;
+    weight: number;
+}
+export interface AiTemplatesList {
+    name: string;
+    token: string;
+    industry: string;
+    use_num: number;
+    intro: string;
+    recom_reason: string;
+    collection: AiTemplatesCollection[];
+    questions?: QuestionList[];
+}
+export interface AiTemplatesData {
+    list: AiTemplatesList[];
+}
+export interface AiTemplatesRes {
+    data: AiTemplatesData;
+}
+export interface AiTemplatesDetailRes {
+    data: AiTemplatesList;
+}

package/esm/modules/ai-template/components/TemplateList/interface.js

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